:root {
  --ink: #2b2033;
  --muted: #756b7d;
  --paper: #f5f3ed;
  --card: #fffefa;
  --green: #32164f;
  --green-2: #4c1d69;
  --mint: #f1eaf8;
  --gold: #b38a3f;
  --amber: #f2b84b;
  --red: #bd5a49;
  --line: #e7e0eb;
  --shadow: 0 12px 30px rgba(50,22,79,.09);
}
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: linear-gradient(145deg, #ece7f1, #f3eee4); font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.app-shell { position: relative; max-width: 440px; min-height: 100vh; margin: 0 auto; background: var(--paper); padding-bottom: calc(92px + env(safe-area-inset-bottom)); box-shadow: 0 0 60px rgba(44,31,54,.14); }
.topbar { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; gap: 11px; padding: 18px 20px 13px; background: rgba(245,243,237,.93); backdrop-filter: blur(18px); }
.brand-mark { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; color: white; background: var(--green); font-family: Georgia, serif; font-size: 22px; }
.topbar h1 { font-size: 16px; margin: 1px 0 0; letter-spacing: .02em; }
.topbar .brand-title { font-size: 18px; }
.topbar .brand-subtitle { font-size: 11px; margin: 2px 0 0; color: var(--muted); }
.finance-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.finance-workspace small { color: var(--muted); line-height: 1.6; }
.finance-workspace .row-actions { gap: 8px; }
@media(max-width:600px) { .finance-fields { grid-template-columns: 1fr; } }
.eyebrow { margin: 0; font-size: 9px; letter-spacing: .2em; color: var(--gold); font-weight: 800; }
.icon-button { position: relative; margin-left: auto; border: 0; color: var(--amber); background: #fff; border-radius: 50%; width: 36px; height: 36px; box-shadow: var(--shadow); }
.icon-button.has-unread::after { content: ""; position: absolute; top: 1px; right: 1px; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 50%; background: #d94d43; }
#screen { padding: 8px 18px 28px; animation: enter .24s ease; }
@keyframes enter { from { opacity: 0; transform: translateY(5px); } }
.hero { color: white; background: linear-gradient(145deg, var(--green), #442160); padding: 24px; border-radius: 25px; box-shadow: var(--shadow); overflow: hidden; position: relative; }
.hero::after { content: ""; position: absolute; width: 170px; height: 170px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; right: -60px; top: -70px; box-shadow: 0 0 0 28px rgba(255,255,255,.035); }
.hero .eyebrow { color: #cabcd4; }
.hero h2 { margin: 8px 0 4px; font-size: 23px; }
.hero p { color: #e1dbe5; margin: 5px 0; font-size: 13px; }
.health-row { display: flex; align-items: flex-end; gap: 13px; margin-top: 28px; }
.health-score { font-family: Georgia, serif; font-size: 52px; line-height: .85; }
.health-label { padding: 5px 9px; border-radius: 99px; background: rgba(242,184,75,.17); color: #ffd780; font-size: 12px; }
.progress { height: 6px; margin-top: 13px; background: rgba(255,255,255,.15); border-radius: 10px; overflow: hidden; }
.progress span { display: block; height: 100%; background: linear-gradient(90deg, var(--amber), #f9da91); border-radius: 10px; }
.section-head { display: flex; justify-content: space-between; align-items: center; margin: 25px 2px 12px; }
.section-head h3 { margin: 0; font-family: Georgia, "Songti SC", serif; font-size: 19px; }
.link-button { border: 0; background: transparent; color: var(--green-2); font-size: 12px; }
.stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 13px 0; }
.stat { padding: 15px 10px; border-radius: 17px; background: var(--card); border: 1px solid var(--line); }
.stat strong { display: block; font-family: Georgia, serif; font-size: 25px; }
.stat span { color: var(--muted); font-size: 11px; }
.card { background: var(--card); border: 1px solid var(--line); border-radius: 20px; padding: 17px; margin-bottom: 11px; box-shadow: 0 5px 18px rgba(45,33,53,.04); }
.risk-card { display: grid; grid-template-columns: 10px 1fr auto; gap: 13px; align-items: start; }
.risk-card .bar { width: 7px; height: 44px; border-radius: 8px; background: var(--amber); }
.risk-card.high .bar { background: var(--red); }
.card h4 { margin: 0 0 6px; font-size: 15px; }
.card p { margin: 0; color: var(--muted); line-height: 1.6; font-size: 12px; }
.chevron { color: #a7ada9; border: 0; background: transparent; font-size: 20px; }
.activity-section-head { margin-top: 27px; }
.activity-list { overflow: hidden; margin-bottom: 11px; border: 1px solid var(--line); border-radius: 20px; background: var(--card); box-shadow: 0 5px 18px rgba(45,33,53,.04); }
.activity-row { display: grid; grid-template-columns: 38px minmax(0,1fr) auto 12px; align-items: center; gap: 11px; width: 100%; padding: 14px 15px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); text-align: left; }
.activity-row:last-child { border-bottom: 0; }
.activity-icon { position: relative; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: var(--mint); color: var(--green-2); font-size: 12px; font-weight: 800; }
.activity-row.unread .activity-icon::after { content: ""; position: absolute; top: -3px; right: -3px; width: 8px; height: 8px; border: 2px solid var(--card); border-radius: 50%; background: #d94d43; }
.activity-row.unread .activity-copy strong { font-weight: 800; }
.activity-row.risk .activity-icon { background: #f8e4df; color: #9f4435; font-size: 18px; }
.activity-row.service .activity-icon { background: #f7efd9; color: #967022; font-size: 17px; }
.activity-copy { min-width: 0; display: grid; gap: 4px; }
.activity-copy strong, .activity-copy span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.activity-copy strong { font-size: 13px; }
.activity-copy span { color: var(--muted); font-size: 11px; }
.activity-row time { color: var(--muted); font-size: 10px; white-space: nowrap; }
.activity-chevron { color: var(--green-2); font-size: 20px; }
.activity-back { margin-top: 5px; padding: 0; }
.activity-page-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.activity-page-head .link-button { flex: none; font-weight: 700; }
.activity-empty { text-align: center; }
.primary, .secondary { width: 100%; border: 0; border-radius: 15px; padding: 14px 18px; font-weight: 700; }
.primary { color: white; background: var(--green); box-shadow: 0 8px 18px rgba(43,20,59,.18); }
.secondary { color: var(--green); background: var(--mint); }
.pwa-prompt { position:fixed; z-index:30; right:max(16px,env(safe-area-inset-right)); bottom:max(18px,env(safe-area-inset-bottom)); left:max(16px,env(safe-area-inset-left)); display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:10px; max-width:408px; margin:0 auto; padding:13px 12px 13px 15px; border:1px solid #d8c8e5; border-radius:17px; background:#fffefa; box-shadow:0 16px 40px rgba(43,20,59,.2); }
.pwa-prompt-copy { display:grid; min-width:0; gap:3px; }
.pwa-prompt-copy strong { font-size:13px; }
.pwa-prompt-copy span { color:var(--muted); font-size:11px; line-height:1.45; }
.pwa-prompt-action { padding:9px 11px; border:0; border-radius:10px; background:var(--green); color:#fff; font-size:11px; font-weight:800; white-space:nowrap; }
.pwa-prompt-dismiss { width:26px; height:26px; padding:0; border:0; background:transparent; color:var(--muted); font-size:20px; line-height:1; }
@media(max-width:380px) { .pwa-prompt { grid-template-columns:minmax(0,1fr) auto; }.pwa-prompt-dismiss { position:absolute; top:5px; right:5px; }.pwa-prompt-copy { padding-right:16px; } }
.question-count { margin-top: 24px; color: var(--gold); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.question { font-family: Georgia, "Songti SC", serif; font-size: 24px; line-height: 1.45; margin: 12px 0; }
.why { padding: 13px 15px; background: #efedf1; border-radius: 14px; font-size: 12px; color: #64546f; line-height: 1.5; }
.choices { display: grid; gap: 10px; margin: 22px 0; }
.choice { text-align: left; border: 1px solid var(--line); background: white; color: var(--ink); padding: 16px; border-radius: 15px; }
.choice.selected { border-color: var(--green); background: var(--mint); }
.page-title { margin: 13px 0 5px; font-family: Georgia, "Songti SC", serif; font-size: 27px; }
.page-subtitle { color: var(--muted); font-size: 13px; line-height: 1.6; margin: 0 0 20px; }
.detail-hero { border-left: 5px solid var(--red); }
.pill { display: inline-block; padding: 5px 9px; border-radius: 99px; font-size: 11px; font-weight: 700; background: #f8e4df; color: #9f4435; }
.detail-list { padding-left: 19px; color: var(--muted); font-size: 13px; line-height: 1.8; }
.chat { min-height: 480px; }
.message { max-width: 88%; padding: 13px 15px; margin: 12px 0; border-radius: 17px; font-size: 13px; line-height: 1.65; }
.message.ai { background: white; border: 1px solid var(--line); }
.message.user { margin-left: auto; background: var(--green); color: white; }
.suggestions { display: flex; gap: 7px; overflow-x: auto; padding-bottom: 6px; }
.suggestions button { white-space: nowrap; border: 1px solid #c8bfcf; color: var(--green); background: #f1eef3; border-radius: 99px; padding: 9px 11px; font-size: 11px; }
.composer { display: flex; gap: 8px; margin-top: 14px; }
.composer input { flex: 1; min-width: 0; border: 1px solid var(--line); border-radius: 15px; padding: 13px; background: white; }
.composer button { border: 0; border-radius: 14px; width: 48px; color: white; background: var(--green); }
.profile-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.profile-grid .card strong { display: block; margin-top: 5px; font-size: 14px; }
.bottom-nav { position: fixed; z-index: 10; bottom: 0; left: 50%; transform: translateX(-50%); width: min(440px, 100%); display: grid; grid-template-columns: repeat(5,1fr); padding: 10px 8px max(10px, env(safe-area-inset-bottom)); background: rgba(255,254,250,.97); border-top: 1px solid var(--line); backdrop-filter: blur(18px); }
.nav-item { min-height: 54px; display: grid; align-content: center; gap: 4px; justify-items: center; border: 0; background: transparent; color: #73677b; font-size: 11px; }
.nav-icon { display: block; width: 24px; height: 24px; transition: color .16s ease, fill .16s ease, stroke .16s ease; }
.nav-label { line-height: 1.2; }
.nav-item.active { color: var(--green); font-weight: 800; }
.nav-item:not(.ask).active > .nav-icon { fill: currentColor; }
.nav-item[data-route="health"].active .nav-icon path:last-child,
.nav-item[data-route="services"].active .nav-icon path:last-child { fill: none; stroke: var(--paper); }
.nav-item.ask .nav-icon { fill:none; }
.nav-item.ask.active .nav-icon { fill:currentColor; stroke:currentColor; }
.nav-item.ask.active .nav-icon path:last-child { fill:none; stroke:var(--paper); }
.toast { position: fixed; z-index: 20; left: 50%; bottom: 92px; transform: translate(-50%, 20px); padding: 11px 16px; background: #261930; color: white; border-radius: 12px; opacity: 0; pointer-events: none; transition: .25s; font-size: 12px; }
.toast.show { opacity: 1; transform: translate(-50%,0); }
.auth-card { margin: 8vh auto 0; max-width: 380px; padding: 28px; border-radius: 24px; background: var(--card); border: 1px solid var(--line); box-shadow: var(--shadow); }
.auth-card h2 { margin: 8px 0; font-family: Georgia, "Songti SC", serif; font-size: 28px; }
.auth-card > p { color: var(--muted); font-size: 13px; line-height: 1.7; }
.auth-card small { display: block; margin-top: 18px; color: var(--muted); line-height: 1.6; }
.stack { display: grid; gap: 15px; margin-top: 22px; }
.stack label { display: grid; gap: 7px; color: var(--ink); font-size: 12px; font-weight: 700; }
.stack input, .stack select { width: 100%; border: 1px solid var(--line); border-radius: 13px; padding: 13px; color: var(--ink); background: white; }
.stack label:has(input[type="checkbox"]) { display: flex; align-items: flex-start; gap: 9px; line-height: 1.5; }
.stack input[type="checkbox"], .backoffice-modal label input[type="checkbox"] { flex: none; display: inline-block; width: 18px; height: 18px; margin: 0; padding: 0; }
.stack textarea { width: 100%; border: 1px solid var(--line); border-radius: 13px; padding: 13px; color: var(--ink); background: white; resize: vertical; }
.stack input:focus, .stack select:focus, .stack textarea:focus { outline: 2px solid #c7bad1; border-color: var(--green); }
.onboarding-text-input { display:grid; gap:8px; }
.onboarding-text-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.question-counter { color:var(--muted); font-weight:500; }
.ai-optimize-button { display:inline-flex; align-items:center; gap:5px; flex:none; padding:5px 8px; border:0; border-radius:8px; background:transparent; color:var(--green); font-size:12px; font-weight:800; }
.ai-optimize-button:disabled { color:var(--muted); cursor:wait; }
.ai-optimize-status { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:0; color:var(--muted); font-size:11px; font-weight:500; line-height:1.5; }
.ai-optimize-status:empty { display:none; }
.ai-optimize-status button { flex:none; padding:3px 7px; border:0; background:transparent; color:var(--green); font-size:11px; font-weight:800; }
.ai-optimize-spinner { width:12px; height:12px; border:2px solid #d9c8e8; border-top-color:var(--green); border-radius:50%; animation:consult-spin .8s linear infinite; }
.dev-code { margin-top: 14px; padding: 12px; border-radius: 12px; background: #fff4d8; color: #7a5a18; font-size: 13px; }
.dev-code strong { letter-spacing: .18em; font-size: 17px; }
.onboarding { margin-top: 2vh; }
.company-entry-tabs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; width: 100%; margin-bottom: 24px; }
.company-entry-tabs button { width: 100%; min-height: 42px; padding: 9px 10px; border: 1px solid var(--line); border-radius: 11px; background: #f7f7f1; color: var(--green); font-size: 12px; font-weight: 700; }
.company-entry-tabs button[aria-selected="true"] { border-color: var(--green); background: var(--green); color: #fff; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.logout-link { width: 100%; margin-top: 18px; }
.full-link { width: 100%; margin-top: 13px; }
.obligation { border-left: 5px solid var(--gold); }
.obligation.completed { border-left-color: #8e6ca6; opacity: .78; }
.obligation h4 { margin-top: 10px; }
.risk-evidence-note { margin:-4px 2px 10px; color:var(--muted); font-size:11px; }
.risk-evidence-list { margin:0 0 18px; padding:8px 16px; list-style:none; border:1px solid var(--line); border-radius:15px; background:var(--card); }
.risk-evidence-list li { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:9px 0; border-bottom:1px solid var(--line); }
.risk-evidence-list li:last-child { border-bottom:0; }
.risk-evidence-list span { color:var(--muted); }
.risk-evidence-list strong { color:var(--ink); text-align:right; }
.risk-service-recommendation { margin:0 0 12px; padding:15px 16px; border:1px solid #d8c8e5; border-radius:15px; background:#f4eef9; }
.risk-service-recommendation span { color:var(--green-2); font-size:11px; font-weight:700; }
.risk-service-recommendation h4 { margin:6px 0 4px; color:var(--ink); font-size:16px; }
.risk-service-recommendation p { margin:0; color:var(--muted); font-size:12px; line-height:1.65; }
.risk-actions { display:grid; gap:10px; margin-top:10px; }
.risk-actions button { width:100%; margin:0; }
.risk-consult-button { border-color:#d8c8e5; background:#f1e8f8; color:var(--green); }
.risk-ignore-button { color:var(--muted); }
[hidden] { display: none !important; }
.company-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; padding: 8px 0 18px; }
.company-toolbar label { min-width: 0; flex: 1; color: var(--muted); font-size: 11px; }
.company-toolbar select { display: block; width: 100%; min-height: 38px; margin-top: 5px; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--card); color: var(--ink); }
.company-toolbar [data-action="new-company"] { display: inline-flex; align-items: center; justify-content: center; flex: none; min-height: 38px; padding: 0 4px; white-space: nowrap; }
.consult-page .page-title { margin-top: 8px; }
.consult-page .page-subtitle { margin-bottom: 15px; }
.consult-notice { display: grid; gap: 4px; padding: 13px 15px; border: 1px solid #ddd6e2; border-radius: 14px; background: #efebf2; color: var(--green); font-size: 12px; line-height: 1.6; }
.consult-notice strong { font-size: 13px; }
.consult-notice span { color: #645470; }
.consult-section .section-head { margin-top: 26px; margin-bottom: 11px; }
.consult-section .card { padding: 18px; }
.consult-card-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.consult-kicker { color: var(--gold); font-size: 11px; font-weight: 800; letter-spacing: .06em; }
.consult-badge, .consult-status { flex: none; padding: 5px 9px; border-radius: 999px; background: #ede9f0; color: #432658; font-size: 11px; font-weight: 700; white-space: nowrap; }
.consult-status.is-pending { background: #fff0d7; color: #8d6219; }
.consult-status.is-cancelled { background: #f1f0ec; color: #6e7772; }
.consult-page .card h4 { margin: 0; font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 16px; line-height: 1.4; }
.consult-plan h4 { margin-top: 11px !important; }
.consult-offer { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 10px; margin: 12px 0 15px; }
.consult-offer strong { font-size: 20px; line-height: 1.3; }
.consult-offer span { color: var(--muted); font-size: 12px; }
.consult-terms { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 11px 0; }
.consult-terms summary { color: var(--green-2); cursor: pointer; font-size: 12px; font-weight: 700; }
.consult-terms .knowledge-body { margin-top: 12px; color: var(--ink); }
.consult-form { gap: 12px; margin-top: 15px; }
.consult-form label { font-size: 13px; }
.consult-form .consult-consent { align-items: center; font-weight: 500; }
.consult-form button.primary { min-height: 46px; }
.consult-page .consult-helper { margin: 10px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.consult-request .consult-form .consult-helper { margin-top: 0; }
.consult-order .consult-card-top h4, .consult-request .consult-card-top h4 { min-width: 0; }
.consult-page .consult-order-meta { margin-top: 7px; color: #7c7184; font-size: 11px; }
.consult-page .consult-order-detail { margin-top: 11px; color: var(--ink); font-size: 12px; }
.consult-cancel { margin: 12px 0 0; padding: 0; }
.consult-empty { padding: 15px 17px; border: 1px dashed #dbd8de; border-radius: 15px; background: rgba(255,254,250,.75); color: var(--muted); font-size: 12px; line-height: 1.6; }
.consult-catalog { margin-top: 23px; padding: 0 16px; border: 1px solid var(--line); border-radius: 15px; background: var(--card); }
.consult-catalog > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 54px; color: var(--green); cursor: pointer; font-size: 13px; font-weight: 700; list-style: none; }
.consult-catalog > summary::-webkit-details-marker { display: none; }
.consult-catalog > summary::after { content: "⌄"; font-size: 18px; line-height: 1; }
.consult-catalog[open] > summary::after { transform: rotate(180deg); }
.consult-catalog > summary span { margin-left: auto; color: var(--muted); font-size: 11px; font-weight: 400; }
.consult-catalog .consult-section .section-head { margin-top: 3px; }
.consult-catalog .consult-section .card { margin-bottom: 16px; }
.consult-thread summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; list-style: none; cursor: pointer; font-size: 12px; }
.consult-thread summary::-webkit-details-marker { display: none; }
.consult-thread summary::before { content: "›"; color: var(--green-2); font-size: 20px; line-height: 1; }
.consult-thread summary span { flex: 1; }
.consult-thread summary strong { color: var(--green-2); white-space: nowrap; }
.consult-message { margin-top: 15px; padding-top: 12px; border-top: 1px solid var(--line); }
.consult-message span { color: var(--muted); font-size: 11px; font-weight: 700; }
.consult-message .knowledge-body { margin-top: 5px; color: var(--ink); font-size: 13px; }
.consult-meter { margin: 12px 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.consult-meter summary { color: var(--green-2); cursor: pointer; font-weight: 600; }
.consult-meter p { margin: 9px 0 0; font-size: 12px; }
.consult-balance { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; color: var(--muted); font-size: 12px; }
.consult-balance strong { color: var(--green); }
.consult-thread summary span { min-width: 0; }
.consult-thread summary b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: var(--ink); }
.consult-thread summary small { display: block; margin-top: 6px; color: var(--muted); font-size: 11px; }
.consult-thread[open] > summary::before { transform: rotate(90deg); }
.consult-conversation { margin-top: 16px; display: grid; gap: 12px; }
.consult-conversation .consult-message { margin: 0; padding: 13px; border: 0; border-radius: 12px; background: #f2f4ef; min-width: 0; }
.consult-conversation .is-customer { background: #efebf2; margin-left: 18px; }
.consult-conversation .is-staff { margin-right: 18px; }
.consult-page .consult-usage { border-top: 1px solid var(--line); padding-top: 8px; margin-top: 10px; color: var(--muted); font-size: 11px; line-height: 1.6; }
.consult-usage span { display: block; margin-top: 3px; font-weight: 400; }
.consult-page .consult-error { padding: 12px; border: 1px solid #e8c3b6; border-radius: 10px; background: #fff2eb; color: #853e2c; font-size: 12px; line-height: 1.6; }
.consult-home .page-title { margin: 20px 2px 13px; font-size: 30px; }
.consult-home-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-bottom:25px; }
.consult-home-actions .primary,.consult-home-actions .secondary { min-width:0; min-height:48px; padding:11px 8px; }
.consult-home-actions .secondary { border-color:#d8c8e5; background:#f1e8f8; color:var(--green); }
.consult-home-actions .link-button { grid-column:1 / -1; justify-self:end; padding:5px 0; font-weight:700; white-space:nowrap; }
.consult-home .consult-section .section-head { margin-top: 0; }
.consult-list-item { display: flex; width: 100%; min-width: 0; gap: 12px; align-items: center; padding: 17px 15px; margin-bottom: 11px; text-align: left; border: 1px solid var(--line); border-radius: 18px; background: var(--card); color: var(--ink); box-shadow: 0 5px 18px rgba(45,33,53,.04); }
.consult-list-main { display: grid; gap: 7px; flex: 1; min-width: 0; }
.consult-list-main strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
.consult-list-main small { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.consult-list-side { display: grid; grid-template-columns: auto auto; align-items: center; gap: 5px; flex: none; color: var(--muted); font-size: 10px; }
.consult-list-side time { grid-column: 2; white-space: nowrap; }
.consult-list-side b { grid-column: 2; justify-self: end; color: var(--green); font-size: 19px; font-weight: 400; line-height: 1; }
.consult-unread { grid-column: 1; grid-row: 1; width: 8px; height: 8px; border-radius: 50%; background: #dc3d56; }
.consult-back { display: inline-flex; align-items: center; gap: 5px; padding: 8px 2px; border: 0; background: transparent; color: var(--green); font-size: 27px; line-height: 1; }
.consult-back span { font-size: 12px; }
.consult-focus .page-title, .consult-subscription .page-title { margin: 11px 0 24px; text-align: center; }
.consult-focus .consult-new-form { min-height: min(68vh,650px); display: flex; flex-direction: column; margin-top: 0; }
.consult-new-plan { margin: 0; color: var(--muted); font-size: 12px; }
.consult-focus .consult-question-label { display: flex; flex: 1; flex-direction: column; gap: 12px; font-family: Georgia, 'Songti SC', serif; font-size: 19px; }
.consult-focus .consult-question-label textarea { flex: 1; min-height: 220px; line-height: 1.6; font-family: Inter, 'PingFang SC', 'Microsoft YaHei', sans-serif; font-size: 13px; }
.consult-focus .consult-new-form > .primary { margin-top: auto; }
.consult-thread-heading { display: flex; align-items: start; gap: 10px; justify-content: space-between; }
.consult-thread-heading h2 { min-width:0; margin:9px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:20px; line-height:1.45; }
.consult-thread-heading .consult-status { margin-top: 11px; }
.consult-thread-meta { margin: 0 0 20px; color: var(--muted); font-size: 11px; }
.consult-thread-detail .consult-conversation { margin: 0 0 20px; }
.consult-thread-detail .consult-message { padding: 14px; border-radius: 15px; background: #fffefa; border: 1px solid var(--line); }
.consult-thread-detail .consult-message.is-customer { background: #efebf2; margin-left: 20px; }
.consult-thread-detail .consult-message.is-staff { margin-right: 20px; }
.consult-thread-detail .consult-form { border-top: 1px solid var(--line); padding-top: 18px; }
.consult-current-package { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 14px; border:1px solid var(--line); border-radius:13px; background:#fbf9fc; }
.consult-current-package > div { display:grid; min-width:0; gap:3px; }
.consult-current-package small,.consult-current-package span { color:var(--muted); font-size:11px; }
.consult-current-package strong { overflow-wrap:anywhere; font-size:14px; }
.consult-current-package button { flex:none; width:auto; min-height:36px; padding:7px 15px; border-radius:10px; }
.consult-upgrade-button { width:100%; margin-top:10px; }
.consult-human-escalation { display:grid; gap:8px; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); }
.consult-human-escalation button { width:100%; border-color:#d8c8e5; background:#f1e8f8; color:var(--green); }
.consult-human-escalation p { margin:0; color:var(--muted); text-align:center; font-size:11px; line-height:1.55; }
.consult-human-escalation button.consult-service-match { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; min-height:44px; padding:12px 14px; border:1px solid #d8c8e5; border-radius:13px; background:#f4eef9; color:var(--ink); text-align:left; }
.consult-service-match span { overflow:hidden; color:var(--muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.consult-service-match strong { color:var(--ink); font-size:12px; }
.consult-service-match em { color:var(--green); font-size:12px; font-style:normal; font-weight:700; white-space:nowrap; }
.consult-usage { display:grid; gap:3px; margin-top:12px; padding-top:10px; border-top:1px solid var(--line); color:var(--muted); font-size:11px; line-height:1.55; }
.consult-usage strong { color:var(--ink); font-size:12px; }
.consult-usage details { margin-top:3px; }
.consult-usage summary { cursor:pointer; color:var(--green-2); font-weight:600; }
.consult-usage p { margin:6px 0 0; color:var(--muted); }
.consult-reply-status { display:flex; align-items:center; gap:10px; padding:14px; border-radius:12px; background:#f1eaf7; color:var(--ink); font-size:13px; }
.consult-reply-status small { display:block; margin-top:5px; color:var(--muted); line-height:1.6; }
.consult-spinner { width:16px; height:16px; flex:none; border:2px solid #d9c8e8; border-top-color:#542275; border-radius:50%; animation:consult-spin 1s linear infinite; }
.consult-sync-status { color:var(--muted); font-size:12px; line-height:1.6; }
.consult-sync-status:empty { display:none; }
.consult-profile-context { margin:12px 0; padding:12px; border:1px solid var(--line); border-radius:12px; font-size:12px; line-height:1.7; }
.consult-profile-context summary { cursor:pointer; color:var(--ink); font-weight:600; }
.consult-profile-context p,.consult-profile-context small { color:var(--muted); }
.consult-profile-context small { display:block; }
.consult-profile-context ul { padding-left:18px; }
@keyframes consult-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce){ .consult-spinner { animation:none; } }
.consult-balance-hero { display: grid; gap: 9px; }
.consult-balance-hero > span { font-weight: 700; font-size: 13px; }
.consult-balance-hero > strong { font-size: 30px; }
.consult-balance-hero > strong small { font-size: 14px; font-weight: 500; }
.consult-subscription .consult-notice { margin: 15px 0 22px; }
.consult-subscription .consult-section .section-head { margin: 22px 2px 10px; }
.consult-subscription-card { padding: 17px 18px; }
.consult-subscription-card p { margin: 10px 0 9px; font-size: 12px; }
.consult-subscription-card p strong { color: var(--ink); font-size: 13px; }
.consult-subscription-card small { display: block; margin-top: 8px; color: var(--muted); font-size: 11px; }
.consult-subscription-progress { width: 100%; height: 7px; overflow: hidden; border-radius: 99px; background: #edeaef; }
.consult-subscription-progress span { display: block; height: 100%; border-radius: inherit; background: var(--green); }
.consult-orders-link { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 60px; margin: 16px 0 25px; padding: 13px 17px; border: 1px solid var(--line); border-radius: 17px; background: var(--card); color: var(--ink); text-align: left; box-shadow: 0 5px 18px rgba(45,33,53,.04); }
.consult-orders-link strong { flex: 1; font-family: Georgia, 'Songti SC', serif; font-size: 17px; }
.consult-orders-link span { color: var(--muted); font-size: 11px; }
.consult-orders-link b { color: var(--green); font-size: 21px; font-weight: 400; }
.consult-plan-section .section-head { margin-top: 0 !important; }
.consult-segment { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; padding: 4px; border: 1px solid #e3dee6; border-radius: 13px; background: #f1eef4; }
.consult-segment button { min-height: 41px; border: 0; border-radius: 10px; background: transparent; color: var(--green); font-size: 13px; font-weight: 600; }
.consult-segment button[aria-selected="true"] { background: var(--green); color: white; box-shadow: 0 4px 9px rgba(43,20,59,.13); }
.consult-plan-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 12px; }
.consult-plan-grid.is-single { grid-template-columns: 1fr; }
.consult-plan-grid.is-single .consult-plan-summary { min-height: 165px; }
.consult-plan-grid .consult-empty { grid-column: 1 / -1; }
.consult-plan-summary { display: flex; flex-direction: column; min-width: 0; min-height: 210px; padding: 15px 13px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); box-shadow: 0 5px 18px rgba(45,33,53,.04); }
.consult-plan-summary h4 { margin: 8px 0 4px !important; font-size: 14px !important; line-height: 1.35; overflow-wrap: anywhere; }
.consult-plan-summary > p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.consult-summary-offer { display: flex; align-items: baseline; flex-wrap: wrap; gap: 3px; margin-top: auto; padding: 14px 0 10px; }
.consult-summary-offer strong { font-size: 18px; white-space: nowrap; }
.consult-summary-offer span { color: var(--muted); font-size: 11px; }
.consult-plan-summary button { min-height: 40px; padding: 9px 6px; border-radius: 10px; font-size: 12px; }
.consult-plan-note { margin: 12px 0 0; padding: 10px 12px; border: 1px solid #e4dee9; border-radius: 12px; background: #f3eff6; color: #675773; font-size: 11px; line-height: 1.55; }
.consult-order-filter { grid-template-columns: repeat(3,minmax(0,1fr)); margin: 4px 0 15px; }
.consult-order-filter button { font-size: 12px; }
.consult-orders-page .page-title, .consult-plan-detail .page-title, .consult-order-detail .page-title { margin: 11px 0 23px; text-align: center; }
.consult-order-list { overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: var(--card); }
.consult-order-list .consult-empty { border: 0; border-radius: 0; }
.consult-order-row { display: flex; justify-content: space-between; gap: 10px; width: 100%; padding: 16px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); text-align: left; }
.consult-order-row:last-child { border-bottom: 0; }
.consult-order-row-main { display: grid; gap: 5px; min-width: 0; }
.consult-order-row-main strong { font-size: 14px; overflow-wrap: anywhere; }
.consult-order-row-main b { font-size: 17px; }
.consult-order-row-main small { color: var(--muted); font-size: 11px; }
.consult-order-row-side { display: flex; align-items: center; gap: 8px; }
.consult-order-row-side em { font-style: normal; }
.consult-order-row-side > span { font-size: 20px; }
.consult-order-detail .consult-order { margin-top: 4px; }
@media (max-width: 350px) { .consult-plan-grid { grid-template-columns: 1fr; } .consult-plan-summary { min-height: 0; } }
.fact-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.fact-row:last-child { border-bottom: 0; }
.fact-row strong { display: block; margin-top: 6px; font-size: 13px; }
.fact-row button { flex-shrink: 0; }
.unknown-fact { color: #91651b; }
.onboarding-progress { background: var(--line); margin-bottom: 20px; }
.onboarding-progress span { background: var(--green-2); }
.stack label.card { line-height: 1.7; font-size: 14px; margin-bottom: 0; }
.question-hint { display: block; color: var(--muted); font-size: 12px; line-height: 1.5; margin: 5px 0 10px; }
.question-counter { display:block; margin-top:6px; color:var(--muted); font-size:11px; }
button:disabled { opacity: .55; cursor: wait; }
.admin-shell { padding-bottom: 40px; }
.admin-toolbar { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin: 12px 0 24px; }
.admin-toolbar a { color: var(--green); font-size: 13px; }
.admin-toolbar select, #service-org { padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: white; }
.admin-shell details { margin: 12px 0; }
.admin-shell summary { cursor: pointer; line-height: 1.6; font-weight: 600; }
.admin-shell .card p { margin: 8px 0; }
@media (min-width: 900px) { .app-shell.admin-shell { max-width: 1000px; padding: 24px; } .admin-form { max-width: 760px; } }
#admin-screen { padding: 8px 18px 30px; }
.admin-actions { display: flex; gap: 8px; margin: 12px 0; }
.admin-actions button { flex: 1; }
.admin-item { display: grid; gap: 5px; width: 100%; text-align: left; color: var(--ink); }
.admin-item span { color: var(--muted); font-size: 12px; }
.admin-form { padding: 16px; background: var(--card); border-radius: 18px; border: 1px solid var(--line); }
.admin-form h3 { margin: 0; }
.knowledge-body { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: 12px; line-height: 1.65; }
.card a { overflow-wrap: anywhere; }
a.link-button { display: inline-block; text-decoration: none; }
@media (min-width: 700px) { body { padding: 22px 0; } .app-shell { min-height: calc(100vh - 44px); border-radius: 28px; overflow: hidden; } .bottom-nav { border-radius: 0; } }
.backoffice-body { margin: 0; padding: 0; background: #f4f6f3; }
.backoffice { min-height: 100vh; width: 100%; display: grid; grid-template-columns: 252px minmax(0,1fr); }
.backoffice-sidebar { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; background: #22122d; color: #e3dee7; padding: 27px 15px 18px; }
.backoffice-brand { display: flex; gap: 11px; align-items: center; padding: 0 12px 36px; }
.backoffice-brand .brand-mark { flex: none; background: #d0b67c; color: #22122d; }
.backoffice-brand strong, .backoffice-brand small { display: block; }
.backoffice-brand strong { color: #fff; font-size: 17px; letter-spacing: .08em; }
.backoffice-brand small { margin-top: 3px; color: #b4a6be; font-size: 11px; }
.sidebar-caption { color: #9b8ca5; font-size: 10px; font-weight: 700; letter-spacing: .18em; margin: 12px 14px; }
.backoffice-nav { display: grid; gap: 5px; min-height: 0; overflow-y: auto; }
.backoffice-nav-group { min-width: 0; }
.backoffice-nav-group summary { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 9px; cursor: pointer; color: #dcd6e0; font-size: 13px; list-style: none; }
.backoffice-nav-group summary::-webkit-details-marker { display: none; }
.backoffice-nav-group summary:hover, .backoffice-nav-group:has(.active) summary { background: #321d41; color: #fff; }
.backoffice-nav-group summary > span:first-child { width: 22px; text-align: center; font-size: 17px; }
.backoffice-nav-group .nav-chevron { margin-left: auto; transition: transform .15s; }
.backoffice-nav-group:not([open]) .nav-chevron { transform: rotate(-90deg); }
.backoffice-subnav { display: grid; gap: 3px; padding: 3px 0 8px 24px; }
.backoffice-nav .backoffice-subnav a { min-height: 36px; padding: 8px 12px; font-size: 12px; border-left: 1px solid #483854; border-radius: 0 8px 8px 0; }
.backoffice-nav summary:focus-visible, .backoffice-nav a:focus-visible { outline: 2px solid #d0b67c; outline-offset: -2px; }
@media (max-width: 760px) {
  .backoffice-nav:has(.backoffice-nav-group) { align-items: flex-start; max-height: 260px; }
  .backoffice-nav-group { flex: 0 0 200px; }
  .backoffice-nav-group summary { min-height: 44px; }
  .backoffice-nav-group summary > span:nth-child(2) { flex: 1; min-width: 0; }
  .backoffice-nav .backoffice-subnav a { white-space: normal; }
}
.backoffice-nav a { color: #dcd6e0; display: flex; gap: 12px; align-items: center; min-height: 45px; padding: 10px 14px; text-decoration: none; border-radius: 11px; font-size: 13px; }
.backoffice-nav a span:first-child { font-size: 17px; width: 22px; text-align: center; }
.backoffice-nav a span:last-child { min-width: 0; overflow-wrap: anywhere; }
.backoffice-nav a:hover { background: #3b264a; }
.backoffice-nav a.active { background: #eae6ed; color: #2b143b; font-weight: 800; }
.sidebar-footer { margin-top: auto; display: flex; align-items: center; gap: 8px; border-top: 1px solid #483854; padding: 20px 14px 0; color: #ada1b5; font-size: 11px; }
.sidebar-status-dot { width: 7px; height: 7px; background: #c2aed1; border-radius: 50%; }
.backoffice-main { min-width: 0; }
.backoffice-header { min-height: 91px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px clamp(24px,3vw,48px); background: #fff; border-bottom: 1px solid #e7eae5; }
.backoffice-header h1 { margin: 4px 0 0; font-size: 25px; }
.backoffice-breadcrumb { color: #8c8193; font-size: 11px; margin: 0; }
#admin-toolbar { display: flex; align-items: center; gap: 18px; font-size: 12px; }
#admin-toolbar label { display: flex; align-items: center; gap: 8px; }
#admin-toolbar select { border: 1px solid #dddae0; border-radius: 8px; background: #fff; padding: 8px; }
.staff-identity { color: #6a5d73; max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.backoffice-content { padding: 30px clamp(24px,3vw,48px) 70px; max-width: 1650px; margin: 0 auto; }
.backoffice-content .card { border-radius: 13px; box-shadow: none; }
.backoffice-content .primary, .backoffice-content .secondary { width: auto; border-radius: 9px; padding: 11px 18px; }
.backoffice-content .stack { max-width: 760px; }
.backoffice-content .admin-item { width: 100%; }
.backoffice-intro { color: #7b6f83; font-size: 13px; margin: 6px 0 26px; }
.backoffice-stat-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; margin-bottom: 26px; }
.overview-sales-tasks { margin-bottom: 16px; }
.overview-sales-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.overview-sales-head h2 { margin:0; }
.overview-sales-tasks .backoffice-table-wrap { margin:0; }
.backoffice-stat { border: 1px solid #e5e3e7; background: #fff; border-radius: 13px; padding: 22px; }
.backoffice-stat small { color: #73667c; font-size: 12px; }
.backoffice-stat strong { display: block; margin-top: 13px; font-size: 30px; color: #2c163c; }
.backoffice-columns { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(300px,1fr); gap: 16px; }
.backoffice-panel { border: 1px solid #e5e3e7; background: #fff; border-radius: 13px; padding: 22px; }
.backoffice-panel h2 { font-size: 16px; margin: 0 0 18px; }
.backoffice-panel p { font-size: 13px; color: #74697b; }
.backoffice-page-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 20px; }
.backoffice-page-head h2 { margin: 0; font-size: 18px; }
.backoffice-list { display: grid; grid-template-columns: repeat(auto-fill,minmax(340px,1fr)); gap: 15px; }
.backoffice-list > .card { margin: 0; }
.backoffice-content details { border-top: 1px solid #eeedef; padding-top: 12px; }
.backoffice-content summary { cursor: pointer; color: #401f58; }
.backoffice-refresh-row { display: flex; justify-content: flex-end; margin: -12px 0 12px; }
.icon-button { display: inline-grid; place-items: center; width: 34px; height: 34px; border: 1px solid #e2dde5; border-radius: 8px; background: #fff; color: #412754; cursor: pointer; }
.icon-button:hover { background: #f2eff4; }
.row-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.task-filters { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; margin: 0 0 16px; }
.task-filters label { display: grid; gap: 6px; min-width: 160px; font-size: 12px; color: #675b6f; }
.task-filters .client-search-field { width: min(280px,100%); }
.task-filters select, .task-filters input { min-height: 38px; padding: 7px 10px; border: 1px solid #e2dde5; border-radius: 8px; background: #fff; color: var(--ink); }
.task-filters [role=status] { padding-bottom: 8px; font-size: 12px; color: #6d6275; }
.task-reminder { color: #a14f2d; }
.backoffice-badge { display: inline-block; padding: 4px 8px; border-radius: 999px; background: #f1eff3; color: #442a57; font-size: 12px; white-space: nowrap; }
.backoffice-badge.is-active { background:#ebe2f4; color:#4b176d; }
.claim-code { padding: 12px; border: 1px solid #cabbd4; border-radius: 9px; background: #f3eff6; overflow-wrap: anywhere; }
.claim-panel { display: grid; justify-items: start; gap: 7px; padding: 12px; border: 1px solid #e3dee7; border-radius: 10px; background: #f8f6f9; }
.claim-action-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; max-width: 100%; }
.claim-action-row .claim-code { display: inline-block; max-width: 100%; }
.claim-panel small { color: #6d6176; line-height: 1.5; }
.modal-error { padding: 10px 12px; border: 1px solid #e9c7b7; border-radius: 8px; background: #fff2ec; color: #8a3f23; }
.backoffice-table-wrap { width: 100%; max-width: 100%; overflow-x: auto; border: 1px solid #e5e3e7; border-radius: 13px; background: #fff; }
.backoffice-table { width: 100%; border-collapse: collapse; min-width: 650px; text-align: left; font-size: 13px; }
.backoffice-table th, .backoffice-table td { padding: 15px 17px; border-bottom: 1px solid #eeedef; vertical-align: middle; }
.backoffice-table th { background: #f7f9f6; color: #6d6275; font-weight: 700; }
.backoffice-table tr:last-child td { border-bottom: 0; }
.backoffice-table td:last-child { white-space: nowrap; }
.backoffice-table .secondary { padding: 8px 12px; }
.backoffice-modal { width: min(760px,calc(100vw - 24px)); max-height: min(88vh,950px); overflow-y: auto; border: 1px solid #e1dde4; border-radius: 16px; padding: 24px; color: var(--ink); background: #fff; box-shadow: 0 24px 80px rgba(29,13,41,.24); }
.backoffice-modal::backdrop { background: rgba(21,9,29,.55); }
.backoffice-modal .modal-head { display: flex; justify-content: space-between; align-items: start; gap: 16px; margin-bottom: 20px; }
.backoffice-modal .modal-head h2 { margin: 0; font-size: 21px; }
.backoffice-modal .modal-head button { font-size: 23px; line-height: 1; }
.backoffice-modal .card { box-shadow: none; }
.backoffice-modal .stack { max-width: none; }
.backoffice-modal form { margin: 12px 0 20px; }
.backoffice-modal .primary, .backoffice-modal .secondary { width: auto; }
.backoffice-modal label { display: block; margin: 10px 0; }
.backoffice-modal label input, .backoffice-modal label select, .backoffice-modal label textarea { display: block; width: 100%; margin-top: 6px; }
.backoffice-modal.delivery-task-dialog { width:min(920px,calc(100vw - 32px)); height:min(920px,calc(100vh - 24px)); height:min(920px,calc(100dvh - 24px)); max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); padding:0; overflow:hidden; }
.backoffice-modal.delivery-task-dialog[open] { display:flex; flex-direction:column; }
.delivery-task-dialog>.modal-head { position:relative; z-index:3; flex:0 0 auto; align-items:center; margin:0; padding:20px 24px; border-bottom:1px solid #ebe6ef; background:#fff; box-shadow:0 3px 12px rgba(43,22,55,.06); }
.delivery-task-dialog>.modal-head h2 { font-size:22px; }
.delivery-task-dialog>.modal-error { margin:16px 24px 0; }
.delivery-task-detail { flex:1 1 auto; min-height:0; max-height:none; padding:20px 24px 44px; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; background:#faf9fb; }
.delivery-task-summary { overflow:hidden; border:1px solid #e5ddea; border-radius:14px; background:#fff; }
.delivery-task-summary-title { display:flex; align-items:center; gap:10px; padding:15px 17px; border-bottom:1px solid #eee9f1; }
.delivery-task-summary-title p { min-width:0; margin:0; color:#45374e; font-size:14px; font-weight:700; overflow-wrap:anywhere; }
.delivery-task-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; }
.delivery-task-facts>div { min-width:0; padding:14px 17px; border-right:1px solid #eee9f1; }
.delivery-task-facts>div:last-child { border-right:0; }
.delivery-task-facts dt { margin-bottom:5px; color:#827589; font-size:11px; font-weight:700; }
.delivery-task-facts dd { margin:0; color:#302638; font-size:13px; font-weight:600; line-height:1.5; overflow-wrap:anywhere; }
.delivery-task-actionbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:14px 0; padding:14px 16px; border:1px solid #ded0e8; border-radius:13px; background:#f2eafa; }
.delivery-task-actionbar>div:first-child { display:grid; gap:3px; }
.delivery-task-actionbar strong { color:#35164d; font-size:13px; }
.delivery-task-actionbar small { color:#786982; font-size:11px; }
.delivery-task-actionbar .row-actions { justify-content:flex-end; margin:0; }
.delivery-task-actionbar .secondary:first-child { color:#fff; border-color:#44205f; background:#44205f; }
.delivery-task-section { margin-top:14px; padding:17px; border:1px solid #e7e1eb; border-radius:14px; background:#fff; }
.delivery-task-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:13px; }
.delivery-task-section-head h3 { margin:0 0 3px; color:#302438; font-size:15px; }
.delivery-task-section-head p { margin:0; color:#85788c; font-size:11px; line-height:1.5; }
.delivery-task-section-head>span { display:grid; flex:0 0 auto; min-width:27px; height:27px; place-items:center; border-radius:999px; color:#583273; background:#f0e8f6; font-size:12px; font-weight:700; }
.delivery-task-guidance { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.delivery-task-guidance article { min-width:0; padding:13px 14px; border-radius:10px; background:#f8f6f9; }
.delivery-task-guidance article:first-child:last-child,.delivery-task-guidance article:nth-child(odd):last-child { grid-column:1/-1; }
.delivery-task-guidance strong { display:block; margin-bottom:7px; color:#503d5b; font-size:12px; }
.delivery-task-guidance .knowledge-body { margin:0; color:#403548; font-size:12px; line-height:1.7; }
.delivery-task-outputs { display:grid; gap:7px; margin:0; padding:0; list-style:none; counter-reset:delivery-output; }
.delivery-task-outputs li { display:grid; grid-template-columns:24px minmax(0,1fr); align-items:start; gap:8px; color:#403548; font-size:12px; line-height:1.6; }
.delivery-task-outputs li::before { counter-increment:delivery-output; content:counter(delivery-output); display:grid; width:21px; height:21px; place-items:center; border-radius:6px; color:#573272; background:#f0e8f6; font-size:11px; font-weight:700; }
.delivery-task-two-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.delivery-task-record { display:grid; gap:7px; padding:11px 0; border-top:1px solid #eee9f1; }
.delivery-task-record:first-of-type { padding-top:0; border-top:0; }
.delivery-task-record:last-child { padding-bottom:0; }
.delivery-task-record>div:first-child { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.delivery-task-record strong { color:#403248; font-size:12px; line-height:1.5; }
.delivery-task-record small { color:#8b7e92; font-size:11px; }
.delivery-task-record p { margin:0; color:#675a6f; font-size:12px; line-height:1.65; }
.delivery-task-record a { color:#4c1d69; font-size:12px; font-weight:700; text-decoration:none; }
.delivery-task-record .row-actions { justify-content:flex-end; margin:2px 0 0; }
.delivery-task-empty { margin:0; padding:12px; border:1px dashed #ded5e4; border-radius:9px; color:#94899a; background:#fbfafc; font-size:12px; text-align:center; }
.delivery-task-section-actions { display:flex; justify-content:flex-end; margin-top:12px; padding-top:12px; border-top:1px solid #eee9f1; }
@media(max-width:700px){.backoffice-modal.delivery-task-dialog{width:calc(100vw - 16px);height:calc(100vh - 16px);height:calc(100dvh - 16px);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}.delivery-task-dialog>.modal-head{padding:17px}.delivery-task-detail{padding:14px 14px 36px}.delivery-task-facts,.delivery-task-guidance,.delivery-task-two-columns{grid-template-columns:1fr}.delivery-task-facts>div{border-right:0;border-bottom:1px solid #eee9f1}.delivery-task-facts>div:last-child{border-bottom:0}.delivery-task-guidance article:nth-child(n){grid-column:auto}.delivery-task-actionbar{align-items:stretch;flex-direction:column}.delivery-task-actionbar .row-actions{justify-content:flex-start}}
.consult-order-review { display:grid; gap:16px; }
.consult-order-summary { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:20px; padding:16px 18px; border:1px solid #e5e0e9; border-radius:12px; background:#faf8fb; }
.consult-order-summary-main,.consult-order-amount { display:grid; gap:4px; min-width:0; }
.consult-order-summary span,.consult-order-summary small { color:#786d80; font-size:12px; }
.consult-order-summary-main strong { overflow-wrap:anywhere; font-size:15px; }
.consult-order-amount strong { color:#35164d; font-size:21px; }
.consult-order-summary>.backoffice-badge { align-self:start; }
.consult-order-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; border:1px solid #e7e3ea; border-radius:12px; overflow:hidden; }
.consult-order-facts>div { display:grid; grid-template-columns:108px minmax(0,1fr); gap:12px; padding:12px 15px; border-bottom:1px solid #ece9ee; }
.consult-order-facts>div:nth-child(odd) { border-right:1px solid #ece9ee; }
.consult-order-facts>div:nth-last-child(-n+2) { border-bottom:0; }
.consult-order-facts dt { color:#7b7083; font-size:12px; font-weight:700; }
.consult-order-facts dd { margin:0; color:#35283e; font-size:12px; line-height:1.55; overflow-wrap:anywhere; }
.consult-order-facts>.consult-order-fact-wide { grid-column:1/-1; border-right:0; }
.consult-order-terms { padding:12px 15px!important; border:1px solid #e7e3ea!important; border-radius:11px; background:#fff; }
.consult-order-terms summary { font-size:13px; font-weight:700; }
.consult-order-terms .knowledge-body { margin:12px 0 0; padding:12px; border-radius:9px; background:#faf8fb; color:#61566a; font-size:12px; line-height:1.7; }
.consult-order-audit { padding-top:2px; border-top:1px solid #e7e3ea; }
.consult-order-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding-top:14px; }
.consult-order-section-head h3 { margin:0; font-size:15px; }
.consult-order-section-head p { max-width:500px; margin:0; color:#756a7d; font-size:12px; line-height:1.6; }
.consult-order-audit-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
.backoffice-modal .consult-order-action { display:flex; flex-direction:column; gap:12px; min-width:0; margin:0; padding:14px; border:1px solid #e6e1e9; border-radius:11px; background:#fcfbfd; }
.backoffice-modal .consult-order-action label { margin:0; color:#44364d; font-size:12px; font-weight:700; }
.backoffice-modal .consult-order-action input,.backoffice-modal .consult-order-action textarea { min-height:42px; border:1px solid #dfd8e4; border-radius:9px; padding:10px 11px; color:#2b2033; background:#fff; resize:vertical; }
.backoffice-modal .consult-order-action input:focus,.backoffice-modal .consult-order-action textarea:focus { outline:2px solid #d8c9e2; border-color:#4c1d69; }
.backoffice-modal .consult-order-action button { align-self:flex-end; min-height:39px; padding:9px 15px; border-radius:9px; }
.backoffice-modal .consult-order-cancel button { box-shadow:none; }
@media(max-width:640px){.consult-order-summary { grid-template-columns:minmax(0,1fr) auto; gap:12px; }.consult-order-amount { grid-column:1/-1; grid-row:2; }.consult-order-facts,.consult-order-audit-grid { grid-template-columns:1fr; }.consult-order-facts>div,.consult-order-facts>div:nth-child(odd) { border-right:0; border-bottom:1px solid #ece9ee; }.consult-order-facts>div:last-child { border-bottom:0; }.consult-order-section-head { display:grid; gap:7px; }}
#workflow-dialog fieldset { border: 1px solid #e1dde4; border-radius: 10px; padding: 14px; margin: 12px 0; min-width: 0; }
#workflow-dialog legend { padding: 0 6px; font-weight: 600; }
#workflow-dialog input[type="checkbox"] { display: inline-block; width: auto; margin: 0 7px 0 0; }
.account-trigger { background: transparent; border: 0; color: #4a3758; font-size: 12px; cursor: pointer; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-org-list { display: grid; gap: 10px; }
.account-org-list > div { padding: 12px; border: 1px solid #e5e3e7; border-radius: 9px; display: grid; gap: 4px; }
.account-org-list small { color: #7b7083; }
.account-org-list a { color: #401f58; }
.staff-login-page { min-height: 100vh; display: grid; grid-template-columns: minmax(260px,40%) minmax(0,1fr); }
.staff-login-brand { background: #22122d; color: white; padding: 36px; display: flex; align-items: flex-start; gap: 12px; letter-spacing: .08em; }
.staff-login-brand .brand-mark { background: #d0b67c; color: #22122d; }
.staff-login-page #admin-screen { display: grid; place-items: center; padding: 30px; }
.staff-login-page #partner-screen { display: grid; place-items: center; padding: 30px; }
.partner-language { display: inline-flex; flex:none; align-items: center; gap: 8px; color: #675b6f; font-size: 12px; white-space:nowrap; }
.partner-language select { border: 1px solid #e2dde5; border-radius: 8px; padding: 7px; background: #fff; }
#partner-toolbar { display: flex; flex:none; align-items: center; gap: 12px; }
#partner-toolbar>button { white-space:nowrap; }

/* Partner enablement */
.partner-directory-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:24px 26px; border:1px solid #e5ddeb; border-radius:18px; background:linear-gradient(135deg,#fff 0%,#fbf8fd 66%,#f2e9f8 100%); }
.partner-directory-hero h2 { margin:4px 0 8px; font-size:24px; color:#2d173e; }
.partner-directory-hero p { margin:0; max-width:760px; color:#71677a; line-height:1.65; }
.backoffice-eyebrow { font-size:12px; font-weight:800; color:#6a3b89!important; letter-spacing:.08em; text-transform:uppercase; }
.partner-directory-stats { display:grid; grid-template-columns:repeat(3,minmax(140px,1fr)); gap:12px; margin:16px 0; }
.partner-directory-stats>span { display:flex; flex-direction:column; gap:3px; padding:15px 18px; border:1px solid #e7e0eb; border-radius:14px; background:#fff; }
.partner-directory-stats strong { font-size:21px; color:#321548; }
.partner-directory-stats small { color:#83788b; }
.partner-directory-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(330px,1fr)); gap:16px; }
.partner-directory-card { position:relative; min-height:210px; padding:20px; border:1px solid #e4dce9; border-radius:18px; background:#fff; box-shadow:0 4px 18px rgba(45,23,62,.035); transition:.18s ease; }
.partner-directory-card:hover { border-color:#cbb8d8; box-shadow:0 10px 28px rgba(45,23,62,.08); transform:translateY(-1px); }
.partner-card-open { position:absolute; inset:0; z-index:1; width:100%; height:100%; padding:0; border:0; background:transparent; cursor:pointer; }
.partner-card-head { display:grid; grid-template-columns:44px 1fr auto; align-items:center; gap:12px; }
.partner-card-head h3 { margin:0 0 4px; color:#2d2135; font-size:17px; }
.partner-card-head p { margin:0; color:#817589; font-size:12px; }
.partner-avatar { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; background:#f1e8f7; color:#4a1d66; font-weight:800; font-size:18px; }
.partner-mode-row { display:flex; flex-wrap:wrap; gap:7px; min-height:30px; margin:18px 0; }
.partner-mode-badge { padding:5px 9px; border-radius:999px; background:#f7f3f9; color:#654b76; font-size:12px; font-weight:650; }
.partner-card-metrics { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #eee8f1; padding-top:15px; }
.partner-card-metrics span { display:flex; min-width:0; flex-direction:column; gap:4px; padding:0 10px; border-left:1px solid #eee8f1; }
.partner-card-metrics span:first-child { padding-left:0; border-left:0; }
.partner-card-metrics strong { overflow:hidden; color:#392442; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.partner-card-metrics small { color:#8b808f; font-size:11px; }
.partner-empty { grid-column:1/-1; padding:60px 24px; border:1px dashed #d9cedf; border-radius:18px; text-align:center; color:#766a7e; background:#fff; }
.partner-profile-form { gap:18px!important; }
.partner-form-section { padding:18px; border:1px solid #e7dfea; border-radius:14px; background:#fdfcfe; }
.partner-form-section-head { display:flex; align-items:baseline; justify-content:space-between; gap:18px; margin-bottom:15px; }
.partner-form-section-head strong { color:#35223e; font-size:15px; }
.partner-form-section-head small { color:#8a7e90; text-align:right; }
.partner-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.partner-form-grid>label:has(input[name="address"]) { grid-column:1/-1; }
.partner-mode-picker { margin:0 0 15px; padding:0; border:0; }
.partner-mode-picker legend { margin-bottom:9px; color:#5f5366; font-size:12px; font-weight:700; }
.partner-mode-picker { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.partner-mode-picker legend { grid-column:1/-1; }
.partner-mode-picker label,.partner-product-option { display:flex; gap:10px; align-items:flex-start; padding:12px; border:1px solid #e6ddea; border-radius:12px; background:#fff; cursor:pointer; }
.partner-mode-picker label:has(input:checked),.partner-product-option:has(input:checked) { border-color:#8f68a7; background:#f7f0fb; box-shadow:inset 0 0 0 1px #8f68a7; }
.partner-mode-picker input,.partner-product-option input { width:16px; height:16px; margin-top:2px; accent-color:#42185e; }
.partner-mode-picker span,.partner-product-option span { display:flex; flex-direction:column; gap:4px; }
.partner-mode-picker strong,.partner-product-option strong { color:#3c2847; font-size:13px; }
.partner-mode-picker small,.partner-product-option small { color:#817587; line-height:1.45; }
.partner-switch { display:flex!important; flex-direction:row!important; align-items:flex-start; gap:10px; padding:11px 12px; border:1px solid #e2d9e7; border-radius:10px; background:#fff; }
.partner-switch input { width:17px; height:17px; margin-top:2px; accent-color:#42185e; }
.partner-switch span { display:flex; flex-direction:column; gap:3px; }
.partner-switch small { color:#817587; line-height:1.4; }
.partner-detail-summary { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:-4px 0 18px; padding:12px 14px; border-radius:12px; background:#f5f0f8; }
.partner-detail-summary>div { display:flex; flex-direction:column; gap:4px; }
.partner-detail-summary strong { color:#493653; font-size:13px; }
.partner-detail-summary small { color:#827688; font-size:11px; line-height:1.45; }
.partner-detail-summary label { min-width:150px; margin:0; color:#62556a; font-size:12px; font-weight:700; }
.partner-detail-summary label select { min-height:40px; margin-top:5px; padding:8px 34px 8px 11px; border:1px solid #ddd3e3; border-radius:9px; color:#35263e; background:#fff; font-size:13px; font-weight:500; line-height:1.2; }
.partner-detail-tabs { position:sticky; top:-24px; z-index:2; display:flex; gap:5px; margin:0 -24px 18px; padding:10px 24px 0; border-bottom:1px solid #e8e1eb; background:#fff; }
.partner-detail-tabs button { position:relative; min-height:42px; padding:10px 16px 12px; border:0; color:#74677c; background:transparent; font-size:13px; font-weight:700; cursor:pointer; }
.partner-detail-tabs button::after { position:absolute; right:12px; bottom:-1px; left:12px; height:2px; border-radius:2px 2px 0 0; background:transparent; content:""; }
.partner-detail-tabs button:hover { color:#48245f; background:#faf7fc; }
.partner-detail-tabs button.is-active { color:#45175f; }
.partner-detail-tabs button.is-active::after { background:#5b2379; }
.partner-detail-panels>[hidden] { display:none; }
.partner-detail-panels>[role="tabpanel"] { min-height:320px; }
.partner-perspective-link { margin-top:20px; color:#786d7f; font-size:12px; }
.partner-product-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.backoffice-modal:has(.partner-profile-form) { width:min(900px,calc(100vw - 32px)); }
@media (max-width:760px){.partner-directory-hero{align-items:stretch;flex-direction:column}.partner-directory-stats,.partner-form-grid,.partner-mode-picker,.partner-product-list{grid-template-columns:1fr}.partner-card-metrics{grid-template-columns:1fr}.partner-card-metrics span{padding:8px 0;border-left:0;border-top:1px solid #eee8f1}.partner-card-metrics span:first-child{border-top:0}.partner-form-section-head{align-items:flex-start;flex-direction:column;gap:4px}.partner-form-section-head small{text-align:left}}
.partner-portal-hero { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; padding:22px 24px; border-radius:16px; background:linear-gradient(120deg,#35134e,#64317b); color:#fff; }
.partner-portal-hero h2 { margin:4px 0 7px; font-size:22px; }
.partner-portal-hero p { margin:0; color:#e9dcef; }
.partner-portal-hero .backoffice-eyebrow { color:#ddc3eb!important; }
.partner-portal-hero>strong { min-width:80px; text-align:right; font-size:18px; }
.partner-product-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:14px; }
.partner-product-card { padding:19px; border:1px solid #e5dce9; border-radius:15px; background:#fff; }
.partner-product-card-head { display:flex; flex-direction:column; gap:7px; padding-bottom:16px; border-bottom:1px solid #eee8f1; }
.partner-product-card-head span { width:max-content; padding:3px 7px; border-radius:6px; background:#f3edf6; color:#765484; font-size:11px; font-weight:700; }
.partner-product-card-head strong { color:#35213e; font-size:16px; }
.partner-product-card p { margin:16px 0 4px; color:#83778a; font-size:12px; }
.partner-product-card h3 { margin:0 0 7px; color:#43185e; font-size:22px; }
.partner-product-card small { color:#887d8e; }
.partner-template-upload { display:grid; grid-template-columns:1fr 1.4fr auto; align-items:end; gap:12px; margin:14px 0 20px; padding:16px; border:1px solid #e5dce9; border-radius:14px; background:#faf8fb; }
.partner-template-copy { display:grid; grid-template-columns:1.4fr 1fr auto; align-items:end; gap:12px; margin:14px 0 10px; padding:16px; border:1px solid #dccfe4; border-radius:14px; background:#f6effa; }
.partner-role-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:13px; }
.partner-overview-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; margin:20px 0 28px; }
.partner-overview-metric { display:grid; gap:7px; min-height:112px; padding:18px; border:1px solid #e5dfe8; border-radius:14px; background:#fff; color:#34213f; text-decoration:none; box-shadow:0 4px 16px rgba(48,24,63,.035); }
.partner-overview-metric:hover { border-color:#cbb9d6; background:#fcf9fd; }
.partner-overview-metric span { color:#66586f; font-size:13px; font-weight:700; }
.partner-overview-metric strong { font-size:28px; line-height:1; }
.partner-overview-metric small { color:#8a7e90; font-size:11px; }
.partner-planned-module { max-width:760px; padding:28px; border:1px solid #e5dfe8; border-radius:16px; background:#fff; box-shadow:0 5px 18px rgba(48,24,63,.035); }
.partner-planned-module h2 { margin:15px 0 8px; color:#321b41; font-size:24px; }
.partner-planned-module>p { margin:0; color:#766a7e; font-size:13px; line-height:1.7; }
.partner-planned-module>div { display:grid; gap:7px; margin-top:22px; padding:16px 18px; border-radius:12px; background:#f7f3f9; }
.partner-planned-module>div strong { color:#4a2a5c; font-size:12px; }
.partner-planned-module>div span { color:#6f6278; font-size:13px; line-height:1.65; }
.partner-sales-dialog { width:min(820px,calc(100vw - 28px)); }
.partner-sales-dialog .partner-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 12px; }
.partner-form-hint { margin:0; color:#82768a; font-size:11px; line-height:1.6; }
.partner-check { display:flex!important; align-items:flex-start; gap:9px; }
.partner-check input { flex:none; width:16px; height:16px; margin-top:2px; accent-color:#4b1d67; }
.partner-product-picker { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:8px 0; padding:13px; border:1px solid #e4dce8; border-radius:12px; }
.partner-product-picker legend { padding:0 6px; color:#513260; font-size:12px; font-weight:750; }
.partner-product-picker label { display:flex; align-items:flex-start; gap:8px; margin:0; padding:10px; border:1px solid #eee8f1; border-radius:9px; background:#fff; }
.partner-product-picker input { flex:none; width:16px; height:16px; margin-top:2px; accent-color:#4b1d67; }
.partner-product-picker strong,.partner-product-picker small { display:block; }
.partner-product-picker strong { color:#3b2746; font-size:12px; }.partner-product-picker small { margin-top:4px; color:#877b8e; font-size:10px; }
.partner-sales-secondary { margin-top:24px; border:1px solid #e6e0e9; border-radius:14px; background:#fff; overflow:hidden; }
.partner-sales-secondary>summary { display:flex; justify-content:space-between; padding:15px 18px; cursor:pointer; color:#4a2a5d; font-size:13px; font-weight:800; }
.partner-sales-secondary .backoffice-table-wrap { margin:0; border-width:1px 0 0; border-radius:0; }
.partner-create-control { display:flex; align-items:center; gap:8px; }.partner-create-control select { min-width:240px; min-height:40px; }
.partner-quote-products { display:grid; gap:9px; }
.partner-quote-product { display:grid!important; grid-template-columns:18px minmax(0,1fr) 82px 140px; align-items:center; gap:10px; margin:0!important; padding:12px!important; border:1px solid #e7e0eb; border-radius:11px; background:#fbf9fc; }
.partner-quote-product>input[type="checkbox"] { width:16px; height:16px; accent-color:#4b1d67; }
.partner-quote-product span strong,.partner-quote-product span small { display:block; }.partner-quote-product span small { margin-top:4px; color:#82748a; font-size:10px; }
.partner-quote-product.is-disabled { opacity:.6; }
.partner-role-card { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding:18px; border:1px solid #e4dbe8; border-radius:14px; background:#fff; }
.partner-role-card h3 { margin:10px 0 5px; color:#35213e; }
.partner-role-card p { margin:0; color:#7d7184; font-size:12px; }
.partner-role-card>small { color:#8a7e90; }
.partner-role-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.partner-permission-matrix { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.partner-permission-group { padding:13px; border:1px solid #e5dce9; border-radius:12px; }
.partner-permission-group legend { padding:0 6px; color:#4a3156; font-weight:750; }
.partner-permission-group label { display:flex; align-items:center; gap:8px; padding:6px 2px; color:#5e5264; }
.partner-permission-group input { width:16px; height:16px; accent-color:#42185e; }
@media (max-width:760px){.partner-template-upload,.partner-template-copy,.partner-role-fields,.partner-permission-matrix,.partner-overview-metrics,.partner-sales-dialog .partner-form-grid,.partner-product-picker{grid-template-columns:1fr}.partner-portal-hero{align-items:flex-start;flex-direction:column}.partner-portal-hero>strong{text-align:left}.partner-create-control{align-items:stretch;flex-direction:column}.partner-create-control select{min-width:0;width:100%}.partner-quote-product{grid-template-columns:18px minmax(0,1fr)}.partner-quote-product>input[type="number"]{grid-column:2}}
.staff-login-card { width: min(430px,100%); }
.staff-login-card > label { display: flex; align-items: center; justify-content: flex-end; gap: 10px; font-size: 12px; }
.staff-login-card .auth-card { margin: 20px 0 0; max-width: none; }
@media (max-width: 760px) { .staff-login-page { display: block; } .staff-login-brand { padding: 18px; } .staff-login-page #admin-screen { padding: 24px; } }
.backoffice-content .admin-form { max-width: 820px; }
@media (max-width: 1000px) { .backoffice-stat-grid { grid-template-columns: repeat(2,1fr); } .backoffice-columns { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .backoffice { display: block; } .backoffice-sidebar { position: static; width: 100%; height: auto; padding: 14px; } .backoffice-brand { padding-bottom: 8px; } .sidebar-caption, .sidebar-footer { display: none; } .backoffice-nav { display: flex; overflow-x: auto; } .backoffice-nav a { flex: none; padding: 8px 10px; } .backoffice-header { padding: 17px 20px; min-height: 74px; } .staff-identity { display: none; } .backoffice-content { padding: 22px 18px 50px; } .backoffice-list { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .backoffice-header { flex-wrap: wrap; } #admin-toolbar { width: 100%; flex-wrap: wrap; gap: 8px; } .account-trigger { max-width: 160px; } .backoffice-content { min-width: 0; } }

/* Service experience: one actionable period, with the remaining work in the service detail. */
.service-overview,.service-detail { padding: 1px 0 26px; }
.service-overview .page-title,.service-detail .page-title { font-family: inherit; font-weight: 800; letter-spacing: .01em; font-size: 25px; margin: 18px 0 18px; }
.service-summary { display:grid; grid-template-columns:1fr 1fr; background:#f7f5f8; border:1px solid #eae8ec; border-radius:17px; margin:4px 0 18px; }
.service-summary>div { padding:16px 19px; }
.service-summary>div+div { border-left:1px solid #e3e0e6; }
.service-summary small { display:block; color:#6b6272; font-size:12px; }
.service-summary strong { display:block; color:#2b143b; font-size:31px; line-height:1.2; margin-top:7px; }
.service-action { display:flex; align-items:center; gap:12px; padding:16px; margin:14px 0 23px; border:1px solid #e9d5ac; border-radius:15px; background:#fff9ed; }
.service-action-icon { display:grid; place-items:center; width:32px; height:36px; flex:none; color:#a67d38; font-size:24px; }
.service-action strong { display:block; font-size:14px; }
.service-action p { margin:5px 0 0; color:#716778; font-size:13px; line-height:1.5; }
.service-action-link { flex:none; margin-left:auto; border:0; background:#a48248; color:#fff; text-decoration:none; padding:10px 14px; border-radius:999px; font-size:13px; font-weight:700; }
.service-count { font-size:12px; color:var(--muted); }
.service-item { display:flex; align-items:center; gap:11px; padding:16px 13px; margin-bottom:10px; border:1px solid #e7e5e9; border-radius:16px; background:#fff; box-shadow:0 4px 12px rgba(38,25,48,.035); }
.service-item-icon { flex:none; width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:#f0ecf3; color:#411b5c; font-size:21px; }
.service-item-main { flex:1; min-width:0; }
.service-item h4 { margin:0 0 5px; font-size:15px; line-height:1.35; }
.service-item p { margin:0; color:#7a6f82; font-size:13px; line-height:1.5; }
.service-open { flex:none; border:1px solid #e2dee5; background:#fff; color:#321944; border-radius:999px; padding:9px 12px; font-size:13px; font-weight:700; }
.service-back { padding:9px 0; border:0; background:none; color:var(--green); font-size:13px; }
.service-detail .page-title { margin:7px 0 9px; line-height:1.3; }
.service-contract-period { color:#776c7f; font-size:12px; margin:0 0 18px; }
.service-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:4px; margin:14px 0 25px; }
.service-steps span { display:grid; justify-items:center; gap:6px; color:#827788; font-size:12px; text-align:center; }
.service-steps i { width:24px; height:24px; display:grid; place-items:center; border:1px solid #d2ccd6; border-radius:50%; font-style:normal; }
.service-steps .current,.service-steps .done { color:#38174f; font-weight:700; }.service-steps .current i,.service-steps .done i { background:#38174f; border-color:#38174f; color:#fff; }
.service-panel { margin:12px 0; padding:18px; border:1px solid #e7e5e8; border-radius:15px; background:#fff; }
.service-panel h3 { margin:0 0 12px; font-size:17px; }.service-panel p { color:#74697b; font-size:13px; line-height:1.6; }
.service-panel-head { display:flex; justify-content:space-between; gap:10px; }.service-panel-head span { color:#7a6f82; font-size:12px; text-align:right; }
.service-progress-label { display:inline-block; padding:8px 10px; background:#f5f2f7; border-radius:8px; color:#3e1958!important; }
.service-step-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 24px;font-size:13px;color:#74697b}.service-step-summary strong{margin-left:auto;color:#38174f}.service-step-summary progress{width:100%;height:8px;accent-color:#38174f}.service-completed-steps{list-style:none;margin:0;padding:0}.service-completed-steps li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-top:1px solid #eee8f2;font-size:13px}.service-completed-steps li:first-child{border-top:0}.service-completed-steps strong{overflow-wrap:anywhere}.service-completed-steps span{flex:none;color:#74697b}
.service-material { border-top:1px solid #ebe8ed; padding:14px 0 0; margin-top:12px; }.service-material-head { display:flex; align-items:start; justify-content:space-between; gap:10px; font-size:13px; }
.service-state { color:#8a6a35; white-space:nowrap; }.service-material-form { margin-top:10px; }
.service-material-form .service-material-third-party { display:flex; align-items:center; gap:9px; margin:2px 0; font-weight:600; }
.service-material-form .service-material-third-party input { flex:0 0 auto; width:18px; height:18px; margin:0; accent-color:#4c1d69; }
.service-material-form .service-material-channel-hint { display:block; margin:-2px 0 2px 27px; color:#7b7083; font-size:11px; line-height:1.55; }
.service-material-form [data-material-link]:has(input:disabled) { color:#9a909f; }
.service-material-form [data-material-link] input:disabled { background:#f4f1f6; }
.service-deliverable { padding:12px 0; border-top:1px solid #efeef0; font-size:13px; }.service-deliverable a,.service-material a { color:#3e1958; }
.service-empty { padding:17px 12px; border-radius:10px; background:#f7f6f8; color:#766b7d; font-size:13px; line-height:1.55; }
.service-history-row { margin:10px 0; padding:14px 16px; border:1px solid #e9e7ea; border-radius:14px; background:#fff; font-size:13px; }
.service-history-row summary { display:flex; justify-content:space-between; cursor:pointer; color:#362244; font-weight:700; }.service-history-row p { color:#7a6f82; line-height:1.6; }
.service-acceptance-locked{margin:12px 0 0;padding:10px 12px;border-radius:9px;background:#f6f3f7;color:#6f6476!important;font-size:12px}
.service-shop>.page-title { margin:18px 0 14px; font-size:28px; }
.service-tabs { display:grid; grid-template-columns:1fr 1fr; padding:3px; margin-bottom:14px; border:1px solid #e4e0e7; border-radius:14px; background:#f9f8fa; }
.service-tabs button { min-height:43px; border:0; border-radius:11px; background:transparent; color:#60536a; font-weight:700; }
.service-tabs button[aria-selected="true"] { background:#381650; color:#fff; box-shadow:0 3px 10px rgba(56,22,80,.14); }
.service-catalog-search { display:flex; align-items:center; gap:8px; padding:0 13px; border:1px solid #e3e0e6; border-radius:14px; background:#fff; color:#796d81; }
.service-catalog-search input { width:100%; min-height:46px; padding:0; border:0; outline:0; background:transparent; }
.service-category-chips { display:flex; gap:7px; overflow-x:auto; padding:13px 0 12px; scrollbar-width:none; }
.service-category-chips button { flex:none; border:1px solid #e3dee6; border-radius:999px; padding:8px 13px; background:#f1eef4; color:#584864; font-size:12px; }
.service-category-chips button[aria-pressed="true"] { border-color:#391751; background:#391751; color:#fff; }
.service-product-card { display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:11px; padding:16px 13px; margin-bottom:10px; border:1px solid #e5e3e7; border-radius:16px; background:#fff; }
.service-product-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#efeaf2; color:#3c1855; font-size:20px; }
.service-product-card h3 { margin:0 0 4px; font-size:16px; }.service-product-card p { display:-webkit-box; overflow:hidden; margin:0 0 9px; color:#73687b; font-size:13px; line-height:1.5; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.service-product-card small { display:block; color:#807586; font-size:12px; }.service-product-card strong { display:block; margin-top:2px; color:#2c153c; font-size:19px; }
.service-product-card button,.service-request-card button { border:0; border-radius:10px; padding:10px 13px; background:#391751; color:#fff; font-size:13px; font-weight:750; }
.service-catalog-note,.service-request-note { padding:12px 14px; border:1px solid #e3dee6; border-radius:12px; background:#f9f7fa; color:#6b6172; font-size:13px; line-height:1.55; }
.service-product-detail,.service-request-detail { padding-bottom:28px; }.service-product-detail>.page-title { margin:5px 0 8px; font-size:26px; }
.service-product-category { display:inline-block; margin-top:7px; padding:6px 10px; border-radius:999px; background:#efeaf2; color:#513764; font-size:12px; }
.service-product-description { margin:0 0 14px; color:#65596d; font-size:14px; line-height:1.65; }
.service-product-price { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:15px 16px; border:1px solid #e3e1e5; border-radius:14px; background:#fff; }
.service-product-price small { display:block; color:#84788c; font-size:12px; }.service-product-price strong { display:block; margin-top:2px; font-size:25px; color:#2e193d; }.service-product-price>span { color:#73687a; font-size:12px; text-align:right; }
.service-product-detail section { margin:18px 0 0; }.service-product-detail section h3 { margin:0 0 9px; font-size:17px; }.service-product-detail section>p { margin:0; padding:14px; border-radius:12px; background:#fff; color:#6a6171; font-size:13px; line-height:1.65; }
.service-material-list { margin:0; padding:5px 14px; list-style:none; border:1px solid #e7e5e8; border-radius:13px; background:#fff; }
.service-material-list li { padding:11px 0; border-bottom:1px solid #efedf0; }.service-material-list li:last-child { border:0; }.service-material-list strong,.service-material-list span { display:block; font-size:13px; }.service-material-list span { margin-top:4px; color:#807489; font-size:12px; line-height:1.55; }.service-material-list em { display:inline-block; margin:7px 5px 0 0; padding:4px 7px; border-radius:999px; background:#f2eef5; color:#533965; font-size:11px; font-style:normal; }
.service-process-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin:0; padding:0; list-style:none; }
.service-process-list li { text-align:center; color:#6e6375; font-size:12px; line-height:1.45; }.service-process-list i { display:grid; place-items:center; width:30px; height:30px; margin:0 auto 7px; border-radius:50%; background:#ebe5ef; color:#391751; font-style:normal; font-weight:800; }.service-process-list span { display:none; }.service-process-list strong { font-size:12px; }
.service-submit-request { width:100%; margin-top:18px; }.service-product-detail form>small { display:block; margin-top:8px; color:#81758a; text-align:center; font-size:12px; line-height:1.5; }
.service-request-card { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px; margin-bottom:10px; border:1px solid #e5e3e7; border-radius:15px; background:#fff; }.service-request-card small { color:#817686; font-size:11px; }.service-request-card h3 { margin:3px 0; font-size:15px; }.service-request-card p { margin:0; color:#533a65; font-size:13px; }
.service-request-success { display:flex; gap:12px; align-items:center; padding:18px; border:1px solid #dfd7e5; border-radius:15px; background:#f1ecf4; }.service-request-success>i { display:grid; place-items:center; flex:none; width:42px; height:42px; border-radius:50%; background:#391751; color:#fff; font-size:20px; font-style:normal; }.service-request-success strong { display:block; font-size:17px; }.service-request-success p { margin:5px 0 0; color:#6d6374; font-size:13px; line-height:1.55; }
.service-request-facts { display:grid; grid-template-columns:94px 1fr; margin:13px 0; padding:9px 16px; border:1px solid #e5e3e7; border-radius:14px; background:#fff; font-size:13px; }.service-request-facts dt,.service-request-facts dd { margin:0; padding:10px 0; border-bottom:1px solid #f0eef1; }.service-request-facts dt { color:#7a6f82; }.service-request-facts dd { color:#33233e; font-weight:650; }.service-request-facts dt:nth-last-of-type(1),.service-request-facts dd:last-child { border-bottom:0; }
.service-request-progress { margin:17px 0; padding:0 0 0 17px; list-style:none; }.service-request-progress li { position:relative; min-height:52px; padding:0 0 0 32px; color:#796e81; font-size:14px; }.service-request-progress li:not(:last-child)::after { content:""; position:absolute; left:9px; top:21px; bottom:-2px; width:1px; background:#d5d0d8; }.service-request-progress i { position:absolute; left:0; top:0; display:grid; place-items:center; width:19px; height:19px; border:2px solid #cac4ce; border-radius:50%; background:#fff; color:#fff; font-size:10px; font-style:normal; }.service-request-progress .done i,.service-request-progress .current i { border-color:#391751; background:#391751; }.service-request-progress .current span { color:#2e193d; font-weight:800; }.service-request-progress small { display:block; margin-top:4px; color:#817687; font-size:11px; }
@media (max-width:430px){.service-product-card{grid-template-columns:42px minmax(0,1fr)}.service-product-card>button{grid-column:2;justify-self:start}.service-process-list{grid-template-columns:repeat(2,1fr)}.service-request-facts{grid-template-columns:82px 1fr;padding-inline:13px}}

/* Shared backoffice design system, matching the approved desktop mockups. */
.backoffice-body { background:#fcfbfc; color:#291a34; font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif; }
.backoffice { grid-template-columns:246px minmax(0,1fr); }
.backoffice-sidebar { background:linear-gradient(165deg,#2b1747,#211036 72%); padding:27px 13px 20px; }
.backoffice-brand { padding:2px 18px 29px; }.backoffice-brand .brand-mark { width:36px; height:36px; border-radius:9px; background:#d7bd87; }
.backoffice-brand strong { font-size:18px; letter-spacing:.045em; }.backoffice-brand small { color:#e0dae5; font-size:11px; }
.sidebar-caption { margin:4px 15px 12px; color:#a491b1; letter-spacing:.08em; }
.backoffice-nav { gap:3px; }.backoffice-nav-group summary { min-height:47px; padding:11px 14px; border-radius:9px; color:#ece7ef; font-size:14px; font-weight:650; }
.backoffice-nav-group summary:hover,.backoffice-nav-group:has(.active) summary { background:#4a2764; }
.backoffice-nav-group .nav-group-icon { width:23px; display:grid; place-items:center; }.backoffice-nav-group .nav-chevron { color:#c6bacf; }
.backoffice-subnav { padding:3px 0 8px; }
.backoffice-nav .backoffice-subnav a { box-sizing:border-box; width:100%; min-height:39px; border:0; border-radius:8px; font-size:12px; padding:9px 13px 9px 47px; }
.backoffice-nav .backoffice-nav-root { min-height:47px; display:flex; align-items:center; gap:12px; padding:11px 14px; border-radius:9px; color:#ece7ef; font-size:14px; font-weight:650; }
.backoffice-nav .backoffice-nav-root .nav-group-icon { width:23px; display:grid; place-items:center; flex:none; }
.backoffice-nav .backoffice-nav-root.active,.backoffice-nav .backoffice-nav-root:hover { background:#4a2764; color:#fff; }
.backoffice-nav a.active { background:#f1eaf8; color:#32164f; font-weight:800; }.backoffice-nav a:not(.active):hover { background:#4a2764; }
.sidebar-footer { color:#c3b5cd; border-color:#472f59; font-size:11px; letter-spacing:.01em; }
.sidebar-footer svg { flex:none; color:#c9bbd3; }.sidebar-footer span { overflow-wrap:anywhere; }
.sidebar-status-dot { background:#b7d58d; }
.backoffice-refresh-row { margin:0; }
.backoffice-refresh-button { width:38px; height:38px; margin-left:0; border:1px solid #e3dee7; border-radius:11px; background:#fff; color:#4b2765; box-shadow:0 3px 12px rgba(36,15,51,.06); transition:background .15s,transform .15s; }
.backoffice-refresh-button:hover { background:#f3eef6; transform:rotate(18deg); }
.backoffice-main { min-height:100vh; background:#fcfbfc; }.backoffice-header { min-height:72px; padding:14px clamp(22px,3vw,52px); }
.backoffice-header h1 { font-size:19px; font-weight:750; }.backoffice-breadcrumb { font-size:11px; color:#8b8093; }
.backoffice-content { max-width:none; padding:34px clamp(22px,3vw,52px) 72px; }
#admin-screen.backoffice-content { padding:20px clamp(22px,3vw,52px) 72px; }
.backoffice-page-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:40px; margin-bottom:24px; }
.backoffice-page-description { min-width:0; flex:1; }
.backoffice-page-description .backoffice-intro { margin:0; line-height:1.5; }
.backoffice-page-actions { display:flex; flex:none; align-items:center; justify-content:flex-end; gap:16px; }
.backoffice-page-actions > .row-actions,.backoffice-page-actions > .admin-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.backoffice-page-actions .backoffice-refresh-button { margin-right:8px; }
.backoffice-page-actions > .primary,.backoffice-page-actions > .secondary { white-space:nowrap; }
.backoffice-page-head h2 { font-size:27px; font-weight:800; letter-spacing:.01em; }.backoffice-page-head .backoffice-intro { margin:8px 0 0; }
.backoffice-content .primary { background:#4c1d69; box-shadow:none; }.backoffice-content .primary:hover { background:#60358a; }
.backoffice-content .secondary { background:#f1eaf8; color:#4c1d69; box-shadow:none; }.backoffice-content .secondary:hover { background:#e7dcf2; }
.backoffice-panel { border:1px solid #e9e7eb; box-shadow:0 2px 10px rgba(39,23,51,.025); }.backoffice-stat,.backoffice-table-wrap { border-color:#e6e2e9; box-shadow:0 2px 10px rgba(39,23,51,.025); }
.backoffice-table th { background:#f8f6f9; color:#6d6275; font-size:12px; white-space:nowrap; }.backoffice-table td { color:#352540; }
.backoffice-table tbody tr:hover { background:#f9f8fa; }.backoffice-table td strong { color:#2c143d; }
.backoffice-badge { background:#efeaf3; color:#4c1f6c; padding:6px 10px; font-weight:700; }.backoffice-badge.is-draft { background:#fff4df; color:#a57210; }
.account-trigger { font-size:13px; }.backoffice-modal { border-radius:14px; }.backoffice-modal::backdrop { background:rgba(22,9,31,.43); }
.backoffice-body .backoffice-header h1 { display:block; }
[data-workflow-section] { padding:0; background:transparent; border:0; box-shadow:none; }[data-workflow-section]>.backoffice-intro { display:none; }
.service-flow { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin:23px 0 27px; border-radius:11px; background:#f5f3f6; overflow:hidden; }
.service-flow span { min-height:67px; display:flex; align-items:center; gap:11px; padding:14px 20px; color:#5c5363; font-size:14px; font-weight:700; }.service-flow span.active { background:#e7deed; color:#2c143d; }
.service-flow b { width:29px; height:29px; display:grid; place-items:center; border-radius:50%; background:#b6aebc; color:#fff; }.service-flow .active b { background:#441b61; }
.list-search { margin:18px 0 12px; }
.list-search .client-search-field { min-width:min(420px,100%); }
.product-price-head { align-items:flex-end; margin-bottom:12px; }
.product-price-groups { display:grid; grid-template-columns:minmax(300px,2fr) minmax(430px,3fr); gap:12px; }
.product-price-group { padding:15px; border:1px solid #e5dfe9; border-radius:13px; background:#fbf9fc; }
.product-price-group-head { display:flex; align-items:baseline; gap:9px; margin-bottom:13px; }
.product-price-group-head strong { color:#2f193d; font-size:14px; }
.product-price-group-head small { color:#817587; font-size:12px; }
.product-price-grid { display:grid; gap:11px; }
.product-price-grid.product-price-grid-sales { grid-template-columns:repeat(2,minmax(0,1fr)); }
.product-price-grid.product-price-grid-internal { grid-template-columns:repeat(3,minmax(0,1fr)); }
.product-price-grid.product-price-grid-five { grid-template-columns:repeat(5,minmax(120px,1fr)); }
.product-pricing-unit { min-width:170px; margin:0; }
.product-pricing-unit select { margin-top:6px; }
.product-price-controls { display:flex; align-items:flex-start; gap:12px; }
.product-minimum-period { position:relative; min-width:190px; margin:0; }
.product-minimum-period input { margin-top:6px; padding-right:72px; }
.product-minimum-period small { position:absolute; right:12px; bottom:14px; color:#74697b; pointer-events:none; }
.product-price-card { min-width:0; }
.product-price-card>label { margin:0; }
.product-price-card>label>span { display:block; margin-bottom:7px; color:#4a3a53; font-size:13px; }
.product-money-input { display:grid; grid-template-columns:minmax(0,1fr) 78px; column-gap:2px; }
.product-money-input input,.product-money-input select { min-width:0; margin:0; }
.product-money-input input { height:44px; border-radius:9px 0 0 9px; background:#fff; font-variant-numeric:tabular-nums; }
.product-money-input select { height:44px; border-left:1px solid var(--line); border-radius:0 9px 9px 0; padding-left:10px; padding-right:24px; background-color:#f4eff7; font-weight:700; color:#4c2563; }
.product-price-footnote { margin:11px 2px 0; }
.sales-price-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(190px,.65fr); gap:12px; margin-top:12px; }
.sales-price-fields label { margin:0; }
.sales-period-input { position:relative; }
.sales-period-input input { padding-right:92px; }
.sales-period-input span { position:absolute; right:12px; bottom:14px; color:#74697b; pointer-events:none; }
.sales-calculated-total { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:12px; padding-top:12px; border-top:1px solid #e5dfe9; }
.sales-calculated-total span { color:#74697b; font-size:13px; }
.sales-calculated-total strong { color:#3f1b5a; font-size:18px; }
.product-material-table { overflow:hidden; border:1px solid #e4e0e7; border-radius:12px; }
.product-material-table-head,.product-material-table-row { display:grid; grid-template-columns:42px minmax(180px,1.05fr) minmax(300px,1.2fr) minmax(240px,1.35fr) 50px; column-gap:12px; align-items:center; }
.product-material-table-head { min-height:46px; padding:0 12px; background:#f5f3f6; color:#4b3957; font-size:13px; }
.product-material-table-row { min-height:70px; padding:10px 12px; border-top:1px solid #e6e3e8; }
.product-material-index { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:#efeaf2; color:#3f1b5a; font-weight:700; }
.product-material-table-row>label { margin:0; min-width:0; }
.product-material-table-row>label>span { display:none; }
.product-material-table-row input[type=text],.product-material-table-row input:not([type]) { width:100%; height:42px; margin:0; }
.product-material-requirements { min-height:42px; display:flex; align-items:center; gap:14px; padding:0 4px; white-space:nowrap; }
.product-material-requirements label { display:inline-flex; align-items:center; gap:6px; margin:0; font-weight:500; }
.product-material-requirements input { width:18px; height:18px; margin:0; accent-color:#3e1958; }
.product-material-delete { justify-self:end; align-self:center; padding:6px 0; }
.product-material-empty { margin:0; padding:18px; border:1px dashed #ddd9e0; border-radius:12px; color:#796d81; }
.product-step-card { display:grid; grid-template-columns:30px minmax(0,1fr) auto; gap:10px; align-items:start; padding:11px 12px; margin:6px 0; border:1px solid #e0dbe3; border-radius:12px; background:#fdfcfd; }
.product-step-number { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#3f1b5a; font-weight:700; }
.product-step-fields { display:grid; grid-template-columns:2fr 1fr; gap:8px 10px; }
.product-step-fields label:nth-child(n+3) { grid-column:auto; }
@media (max-width:1100px) { .product-price-groups { grid-template-columns:1fr; row-gap:26px; }.product-material-table-head,.product-material-table-row { grid-template-columns:38px minmax(160px,.9fr) minmax(280px,1.25fr) minmax(210px,1fr) 44px; gap:9px; } }
@media (max-width:760px) { .product-material-table { border:0; overflow:visible; }.product-material-table-head { display:none; }.product-material-table-row { position:relative; grid-template-columns:34px 1fr; gap:9px; padding:12px; margin:8px 0; border:1px solid #e4e0e7; border-radius:12px; }.product-material-table-row>label>span { display:block; margin-bottom:5px; font-size:12px; }.product-material-name,.product-material-requirements,.product-material-description { grid-column:2; }.product-material-requirements { flex-wrap:wrap; padding:5px 0; }.product-material-delete { position:absolute; top:8px; right:12px; }.product-material-description { grid-column:2; } }
@media (max-width:720px) { .product-price-head { align-items:stretch; }.product-price-controls { flex-direction:column; }.product-pricing-unit,.product-minimum-period { width:100%; }.product-price-grid.product-price-grid-sales,.product-price-grid.product-price-grid-internal,.product-price-grid.product-price-grid-five,.product-step-fields,.sales-price-fields { grid-template-columns:1fr; }.product-price-group-head { align-items:flex-start; flex-direction:column; gap:3px; } }
.contract-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:0 0 22px; }.contract-kpis>div { padding:17px 19px; background:#fff; border:1px solid #e7e4ea; border-radius:11px; }.contract-kpis small { display:block; color:#74697b; font-size:12px; }.contract-kpis strong { display:block; font-size:27px; margin-top:6px; color:#2c183b; }
.contract-kpis.fulfillment-kpis { grid-template-columns:repeat(4,minmax(0,1fr)); }
.fulfillment-table-sub { display:block; margin-top:5px; color:#7b7083; font-size:12px; }
.backoffice-table td>progress { display:block; width:120px; height:7px; margin-top:7px; accent-color:#5b2775; }
.fulfillment-clear { color:#367255; font-size:12px; font-weight:700; }
.fulfillment-detail-page { padding:0; border:0; background:transparent; box-shadow:none; }
.fulfillment-detail-page>.backoffice-intro { display:none; }
.fulfillment-detail { min-width:0; }
.fulfillment-back { margin:0 0 16px; padding-left:0; }
.fulfillment-detail-head { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:18px; }
.fulfillment-title-row { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.fulfillment-title-row h2 { margin:0; color:#2c183b; font-size:26px; }
.fulfillment-detail-head .backoffice-intro { margin:6px 0 0; }
.fulfillment-detail-head>.row-actions { justify-content:flex-end; }
.fulfillment-detail-head>.row-actions .link-button { min-height:38px; padding:9px 13px; border-radius:9px; background:#4c1d69; color:#fff; font-weight:700; }
.fulfillment-source { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); overflow:hidden; margin-bottom:15px; border:1px solid #e2dde5; border-radius:11px; background:#e2dde5; gap:1px; }
.fulfillment-source>div { min-width:0; padding:12px 14px; background:#fff; }
.fulfillment-source small { display:block; margin-bottom:4px; color:#786e80; }
.fulfillment-source strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#352540; }
.fulfillment-attention { display:grid; grid-template-columns:150px minmax(0,1fr) auto; align-items:center; gap:14px; padding:14px 16px; border:1px solid #ebc898; border-radius:11px; background:#fff8ed; color:#74491f; }
.fulfillment-attention.is-clear { border-color:#cfe5d8; background:#f2f8f4; color:#35634b; }
.fulfillment-attention>div { display:flex; flex-wrap:wrap; gap:7px 18px; }
.fulfillment-attention span { position:relative; padding-left:11px; }
.fulfillment-attention span::before { position:absolute; top:.65em; left:0; width:5px; height:5px; border-radius:50%; background:currentColor; content:""; }
.fulfillment-tabs { display:flex; gap:5px; overflow-x:auto; margin:20px 0 15px; border-bottom:1px solid #ded7e2; }
.fulfillment-tabs button { flex:0 0 auto; min-height:42px; padding:9px 14px; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; color:#706579; box-shadow:none; }
.fulfillment-tabs button[aria-selected="true"] { border-bottom-color:#4c1d69; color:#3f1958; font-weight:800; }
.fulfillment-overview-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(270px,.8fr); gap:15px; }
.fulfillment-column { display:grid; align-content:start; gap:14px; min-width:0; }
.fulfillment-surface { overflow:hidden; border:1px solid #e2dde5; border-radius:12px; background:#fff; }
.fulfillment-surface-head { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px 16px; border-bottom:1px solid #ece7ee; }
.fulfillment-surface-head h3 { margin:0; font-size:16px; }
.fulfillment-surface-body { padding:15px 16px; }
.fulfillment-progress-label { display:flex; justify-content:space-between; gap:12px; margin-bottom:7px; }
.fulfillment-surface progress,.fulfillment-service-card progress { width:100%; height:8px; accent-color:#5b2775; }
.fulfillment-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin-top:13px; }
.fulfillment-metrics>div { padding:10px 11px; border-radius:9px; background:#f6f2f8; }
.fulfillment-metrics small,.fulfillment-metrics strong { display:block; }
.fulfillment-metrics strong { margin-top:3px; font-size:19px; }
.fulfillment-service-card { padding:15px 16px; }
.fulfillment-service-card+.fulfillment-service-card { border-top:1px solid #ece7ee; }
.fulfillment-service-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.fulfillment-service-head h3 { margin:0; font-size:16px; }
.fulfillment-service-head p { margin:4px 0 12px; color:#786e80; font-size:12px; }
.fulfillment-current-step { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:12px; padding:11px 12px; border-radius:9px; background:#f5eff8; }
.fulfillment-current-step small,.fulfillment-current-step strong,.fulfillment-current-step span { display:block; }
.fulfillment-current-step small,.fulfillment-current-step span { color:#76697e; font-size:12px; }
.fulfillment-complete-note { margin:12px 0 0; color:#367255; }
.fulfillment-facts { display:grid; gap:12px; }
.fulfillment-facts>div { display:flex; justify-content:space-between; align-items:center; gap:14px; }
.fulfillment-facts>div>span:first-child { color:#756a7c; }
.fulfillment-history { display:grid; gap:14px; }
.fulfillment-history-row { display:grid; grid-template-columns:9px minmax(0,1fr); gap:11px; padding:10px 0; border-bottom:1px solid #f0ecf2; }
.fulfillment-history-row:first-child { padding-top:2px; }
.fulfillment-history-row:last-child { padding-bottom:2px; border-bottom:0; }
.fulfillment-history-row>i { width:7px; height:7px; margin-top:7px; border-radius:50%; background:#8f62a5; }
.fulfillment-history-row strong { display:block; color:#352440; font-size:14px; line-height:1.45; }
.fulfillment-history-row p { margin:5px 0 0; color:#665a6d; font-size:13px; line-height:1.5; }
.fulfillment-history-row small { display:block; margin-top:5px; color:#84798b; font-size:12px; line-height:1.4; }
.fulfillment-two-columns { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(300px,.8fr); gap:15px; }
.fulfillment-surface>.backoffice-table-wrap { border:0; border-radius:0; box-shadow:none; }
.consult-billing { display:grid; gap:8px; margin:4px 0; padding:12px; border:1px solid #e2dee5; border-radius:12px; }.consult-billing legend { padding:0 5px; color:#61536b; font-size:12px; }.consult-billing label { display:flex; align-items:center; gap:9px; margin:0; padding:8px 10px; border-radius:9px; background:#f9f7fa; }.consult-billing label span { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; }.consult-billing em { color:#a86d18; font-style:normal; font-size:12px; }.consult-annual-price { display:block; margin:-4px 0 12px; color:#a86d18; }
.contract-drawer { position:fixed; inset:0 0 0 auto; margin:0 0 0 auto; max-height:100vh; height:100vh; width:min(520px,100vw); border-radius:0; padding:27px 24px; box-shadow:-18px 0 48px rgba(26,10,37,.16); }
.contract-auto-hint,.contract-offline-hint { margin:0; padding:12px 14px; border-radius:11px; background:#f5f1f8; color:#66576f; font-size:12px; line-height:1.65; }
.contract-offline-hint { margin-top:10px; border-left:3px solid #a67d38; background:#fff8eb; color:#715c38; }
.contract-source-card { grid-template-columns:100px minmax(0,1fr); gap:8px 14px; }
.contract-source-card small { align-self:center; }
.contract-advanced { margin-top:4px; border:1px solid #e3dee7; border-radius:12px; background:#faf8fb; overflow:hidden; }
.contract-advanced>summary { padding:14px 16px; cursor:pointer; color:#4c2b61; font-size:13px; font-weight:750; }
.contract-advanced[open]>summary { border-bottom:1px solid #e6e1e9; }
.contract-advanced-fields { display:grid; gap:12px; padding:15px; }
.contract-advanced-fields label { margin:0; }
.contract-advanced-fields textarea { min-height:78px; }
.contract-drawer .backoffice-table { min-width:580px; }.contract-drawer-tabs { display:flex; gap:22px; padding:15px 0; margin:7px 0 20px; border-bottom:1px solid #e7e4ea; color:#796e81; font-size:12px; }.contract-drawer-tabs span:first-child { color:#3a1853; font-weight:800; border-bottom:2px solid #3a1853; padding-bottom:13px; margin-bottom:-16px; }
.contract-drawer-meta { color:#7b7083; font-size:12px; }.contract-drawer-actions { margin:20px 0; }.contract-drawer-actions a { display:block; text-align:center; text-decoration:none; background:#3a1853; color:white; border-radius:9px; padding:12px; font-size:13px; font-weight:750; }
.contract-line-card { padding:16px; border:1px solid #e6e2e9; border-radius:11px; margin:11px 0; font-size:12px; }.contract-line-card h4 { margin:0 0 4px; font-size:14px; }.contract-line-card p { margin:7px 0; color:#716778; overflow-wrap:anywhere; }.contract-line-card dl { margin:13px 0; }.contract-line-card dl>div { display:flex; justify-content:space-between; gap:10px; padding:8px 0; border-top:1px solid #f0eef1; }.contract-line-card dt { color:#7f7388; }.contract-line-card dd { margin:0; text-align:right; }.contract-line-card strong { display:block; margin-top:12px; }.contract-line-card .secondary { padding:5px 8px; margin-left:5px; }
@media (max-width:900px) { .backoffice { grid-template-columns:215px minmax(0,1fr); } .service-flow span { padding:12px; font-size:12px; } }
@media (max-width:1040px) { .fulfillment-source { grid-template-columns:repeat(2,minmax(0,1fr)); }.fulfillment-overview-grid,.fulfillment-two-columns { grid-template-columns:1fr; } }
@media (max-width:760px) { .backoffice { display:block; }.backoffice-sidebar { height:auto; padding:12px; }.backoffice-brand { padding:0 6px 10px; }.backoffice-nav { display:flex; max-height:230px; overflow-x:auto; }.backoffice-nav-group { flex:0 0 160px; }.backoffice-nav-group summary { min-height:42px; }.backoffice-content { padding:20px 15px 48px; }.backoffice-page-head h2 { font-size:22px; }.service-flow { gap:0; }.service-flow span { display:grid; justify-items:center; text-align:center; font-size:10px; }.contract-kpis { gap:6px; }.contract-kpis.fulfillment-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.contract-kpis>div { padding:12px; }.contract-kpis strong { font-size:21px; }.fulfillment-detail-head { display:block; }.fulfillment-detail-head>.row-actions { justify-content:flex-start; margin-top:13px; }.fulfillment-title-row h2 { font-size:22px; }.fulfillment-source { grid-template-columns:1fr; }.fulfillment-attention { grid-template-columns:1fr; gap:8px; }.fulfillment-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.fulfillment-current-step,.fulfillment-service-head { align-items:flex-start; flex-direction:column; } }

/* CRM and sales-document workspace */
.sales-workspace, .finance-workspace { padding:0; background:transparent; border:0; box-shadow:none; }
.sales-page-head { align-items:flex-start; margin-bottom:22px; }
.sales-dialog { width:min(720px,calc(100vw - 32px)); max-height:min(88vh,900px); overflow:auto; }
.sales-dialog-body { padding-bottom:6px; }
.sales-dialog .sales-form { gap:14px; margin:12px 0 8px; }
.sales-dialog .sales-form label { margin:0; }
.sales-dialog .sales-form p { margin:4px 0; line-height:1.6; }
.sales-dialog h3 { margin:20px 0 8px; font-size:15px; color:#2e1a3d; }
.sales-form-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sales-form-row:has(>label:nth-child(3)) { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sales-form fieldset { border:1px solid #e7e3ea; border-radius:11px; padding:15px; margin:10px 0; background:#fdfcfe; }
.sales-form fieldset .link-button { color:#a3544e; padding:5px 0; }
.sales-form [data-sales-add] { justify-self:start; }
.sales-dialog ul { padding-left:23px; color:#5c4f65; line-height:1.9; }
.sales-dialog.sales-pdf-dialog { width:min(1200px,calc(100vw - 64px)); height:min(90dvh,1000px); max-height:none; overflow:hidden; }
.sales-dialog.sales-pdf-dialog[open] { display:flex; flex-direction:column; }
.sales-pdf-dialog .modal-head { flex:none; margin-bottom:14px; }
.sales-pdf-dialog .sales-dialog-body { display:flex; flex:1; flex-direction:column; min-height:0; padding:0; }
.sales-preview-toolbar { display:flex; flex:none; align-items:center; justify-content:space-between; gap:16px; padding:0 0 12px; color:#65596d; font-size:13px; }
.sales-preview-toolbar .row-actions { flex:none; }
.sales-preview-toolbar .is-preferred { border-color:#3b165c; color:#3b165c; box-shadow:0 0 0 1px #3b165c inset; }
.sales-preview-loading,.sales-preview-error { display:flex; flex:1; min-height:260px; align-items:center; justify-content:center; flex-direction:column; gap:10px; text-align:center; color:#3b2a48; }
.sales-preview-loading small { color:#756b7c; }
.sales-preview-spinner { width:34px; height:34px; border:3px solid #eadff2; border-top-color:#4a1d69; border-radius:50%; animation:sales-preview-spin .8s linear infinite; }
.sales-image-preview { display:flex; flex:1; min-height:0; overflow:auto; align-items:flex-start; justify-content:center; padding:18px; border:1px solid #e1dde4; border-radius:10px; background:#f7f5f8; }
.sales-image-preview img { display:block; max-width:100%; height:auto; box-shadow:0 2px 12px rgba(42,24,55,.12); }
@keyframes sales-preview-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce){.sales-preview-spinner { animation-duration:1.8s; }}
.sales-pdf-preview { display:block; flex:1; width:100%; height:100%; min-height:0; border:1px solid #e1dde4; border-radius:10px; background:#f7f5f8; }
@media(max-width:600px){
  .sales-dialog.sales-pdf-dialog { width:calc(100vw - 12px); height:calc(100dvh - 12px); padding:14px; border-radius:12px; }
  .sales-pdf-dialog .modal-head { align-items:center; gap:8px; margin-bottom:10px; }
  .sales-pdf-dialog .modal-head h2 { font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .sales-preview-toolbar { align-items:flex-start; flex-direction:column; gap:8px; }
  .sales-preview-toolbar .row-actions { width:100%; }
  .sales-preview-toolbar .row-actions button { flex:1; }
  .sales-pdf-preview { border-radius:8px; }
}
.sales-check { display:flex!important; align-items:flex-start; gap:10px; padding:9px 0; font-size:13px; line-height:1.5; }
.sales-check input { width:17px!important; height:17px; margin:2px 0 0; flex:none; }
.sales-summary { padding:8px 16px; border:1px solid #e6e1e9; border-radius:11px; background:#fbf9fc; }
.sales-summary>div { display:flex; justify-content:space-between; gap:18px; padding:10px 0; font-size:13px; border-bottom:1px solid #e9e6ec; }
.sales-summary>div:last-child { border-bottom:0; }
.sales-summary .sales-total { font-size:16px; color:#3a1853; }
.sales-terms { display:grid; grid-template-columns:125px minmax(0,1fr); gap:0 12px; font-size:13px; }
.sales-terms dt,.sales-terms dd { margin:0; padding:10px 0; border-bottom:1px solid #ece9ee; white-space:pre-wrap; overflow-wrap:anywhere; }
.sales-terms dt { color:#7b6f83; font-weight:700; }
.sales-alert-dot { display:inline-block; width:8px; height:8px; margin-right:8px; border-radius:50%; background:#df685b; }
.backoffice-modal.product-editor { width:min(920px,calc(100vw - 32px)); max-width:calc(100vw - 32px); max-height:92vh; margin:auto; padding:20px 22px; overflow-x:hidden; overflow-y:auto; }
.product-form { width:100%; min-width:0; max-width:100%; gap:12px; overflow-x:hidden; }
.product-form>*,.product-form section,.product-form label,.product-form fieldset,.product-form details { min-width:0; max-width:100%; }
.product-form input,.product-form select,.product-form textarea { min-width:0; max-width:100%; }
.product-tabs { display:flex; gap:7px; border-bottom:1px solid #e2dee5; padding-bottom:10px; flex-wrap:wrap; }
.product-tabs button { border:0; background:transparent; color:#685973; padding:9px 13px; border-radius:9px; }
.product-tabs button[aria-selected=true] { background:#ebe4f0; color:#391850; font-weight:700; }
.product-form section { width:100%; display:grid; gap:12px; }
.product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.product-basic-grid { grid-template-columns:170px minmax(220px,1.2fr) minmax(200px,1fr); }
.product-basic-grid input[readonly] { color:#786d80; background:#f6f4f7; cursor:not-allowed; }
.product-price-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.product-form h3 { margin:2px 0; font-size:16px; }
.product-section-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.product-note { color:#786d80; font-size:12px; line-height:1.7; margin:0; }
.product-models { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.product-models button { border:1px solid #e0dbe4; background:#fff; border-radius:12px; padding:13px 15px; text-align:left; color:#3c2a49; }
.product-models button[aria-pressed=true] { border-color:#582c77; background:#f3eff6; }
.product-models strong,.product-models small { display:block; }.product-models small { margin-top:5px; color:#796d81; }
.product-frequency { display:flex; flex-wrap:wrap; gap:12px; border:1px solid #e2dee5; border-radius:11px; padding:9px 12px 10px; }.product-frequency label { display:flex; align-items:center; }
.product-frequency label:has(input:disabled) { color:#aca3b3; }
.product-frequency input:disabled { opacity:.45; cursor:not-allowed; }
.product-list-category { display:block; margin-top:3px; color:#7b6f83; }
.product-material-row { display:grid; grid-template-columns:24px 1fr auto; gap:14px; padding:16px 0; border-bottom:1px solid #e7e3ea; }
.product-copy { white-space:pre-wrap; overflow-wrap:anywhere; padding:20px; background:#f4f2f6; border-radius:12px; font-family:inherit; font-size:13px; line-height:1.7; }
.product-step { display:flex; gap:16px; align-items:center; padding:12px 0; border-bottom:1px solid #eae6ed; }.product-step input { flex:1; }.product-step small { white-space:nowrap; color:#766b7d; }
.product-advanced { border-top:1px solid #e2dee5; padding-top:16px; }.product-advanced summary { cursor:pointer; color:#63536f; margin-bottom:16px; }.product-advanced fieldset { border:1px solid #e2dee5; border-radius:12px; padding:16px; margin:14px 0; }
.product-template { display:grid; gap:20px; border:1px solid #e5e0e8; border-radius:12px; padding:20px; }.product-editor-footer { display:flex; justify-content:flex-end; align-items:center; gap:20px; border-top:1px solid #e8e4eb; padding-top:16px; }
.product-entity-templates { display:grid; gap:16px; margin-top:4px; }
.product-form .product-entity-template { display:grid; gap:0; overflow:hidden; border:1px solid #ded6e4; border-radius:14px; background:#fff; box-shadow:0 2px 10px rgba(48,25,63,.035); }
.product-entity-template-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 18px; border-bottom:1px solid #ebe6ef; background:#faf8fc; }
.product-entity-title { display:flex; align-items:center; min-width:0; gap:9px; }
.product-entity-title strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#2f1b3e; font-size:15px; }
.product-entity-title>span { flex:none; padding:3px 7px; border-radius:6px; background:#eee8f3; color:#654d75; font-size:11px; font-weight:700; letter-spacing:.03em; }
.product-template-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; min-width:0; padding:17px 18px; }
.product-form .product-template-choice { display:grid; align-content:start; gap:7px; min-width:0; margin:0; color:#44334f; font-size:12px; font-weight:700; }
.product-template-choice select { width:100%; }
.product-template-upload { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:2px 10px; min-height:42px; box-sizing:border-box; padding:8px 12px; border:1px dashed #cfc2d8; border-radius:10px; background:#faf7fc; color:#4f256b; cursor:pointer; }
.product-template-upload:hover { border-color:#8f6da3; background:#f6f0fa; }
.backoffice-modal .product-template-upload input { position:absolute; display:block; width:1px; min-width:1px; height:1px; margin:0; padding:0; opacity:0; pointer-events:none; }
.product-template-upload>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:700; }
.product-template-upload>small { grid-column:2; color:#887b90; font-size:10px; font-weight:400; }
.product-template-upload::before { content:'＋'; grid-row:1/3; display:grid; place-items:center; width:25px; height:25px; border-radius:7px; background:#ebe2f1; font-size:16px; }
.product-entity-template-actions { display:flex; align-items:center; justify-content:space-between; gap:14px; min-width:0; padding:12px 18px; border-top:1px solid #eee9f1; background:#fcfbfd; }
.product-entity-template-actions>span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#786d80; font-size:12px; }
.product-entity-template-actions b { color:#4a3856; font-weight:700; }
.product-entity-template-actions button { flex:none; min-height:34px; padding:7px 12px; }
.sales-context-card.is-missing { border-color:#e5b9a9; background:#fff7f2; color:#8d3d2b; }
.product-template-empty { padding:22px; border:1px dashed #dcd4e2; border-radius:12px; background:#fbfafc; text-align:center; color:#75677d; }
.product-template-empty p { margin:7px 0 0; }.product-template-variables { margin-top:2px; }
@media(max-width:760px){.product-price-grid,.product-models,.product-grid,.product-basic-grid{grid-template-columns:1fr}.backoffice-modal.product-editor{width:calc(100vw - 16px);max-width:calc(100vw - 16px);padding:16px}.product-material-row{grid-template-columns:1fr}.product-tabs button{padding:9px}.product-tabs{gap:3px}}
@media(max-width:760px){.product-template-choices{grid-template-columns:1fr;padding:14px}.product-entity-template-head,.product-entity-template-actions{padding-left:14px;padding-right:14px}.product-entity-template-actions{align-items:flex-start;flex-direction:column}.product-entity-title strong{white-space:normal}}
.sales-context-card { display:grid; gap:5px; padding:13px 15px; border:1px solid #e3dee7; border-radius:10px; background:#f8f6f9; }
.sales-context-card small { color:#796d81; }
.sales-context-card strong { color:#2e193d; }
.sales-service-card { gap:7px; }
.sales-service-description,.sales-service-description [data-content-translation] { white-space:pre-wrap; overflow-wrap:anywhere; }
.sales-service-description { margin-top:2px; color:#5f5268; font-size:13px; font-weight:400; line-height:1.65; }
.sales-service-meta { display:flex; align-items:center; gap:7px; margin-top:3px; padding-top:8px; border-top:1px solid #e8e2ec; color:#796d81; font-size:11px; }
.sales-service-meta b { color:#4b3659; font-size:12px; }
.compact-settings-form { max-width:620px; margin-top:18px; }
.platform-settings-form { display:grid; gap:16px; width:100%; }
.platform-settings-section { padding:22px 24px; }
.platform-settings-section h2 { margin:0 0 18px; color:var(--ink); font-size:16px; }
.platform-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.platform-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px 20px; }
.platform-settings-grid .span-2 { grid-column:1/-1; }
.platform-settings-grid > label { display:grid; gap:7px; color:var(--ink); font-size:12px; font-weight:700; }
.platform-settings-grid input:not([type="checkbox"]),.platform-settings-grid select { display:block; width:100%; min-height:44px; padding:11px 13px; border:1px solid var(--line); border-radius:11px; background:#fff; color:var(--ink); }
.platform-settings-grid input:focus,.platform-settings-grid select:focus { outline:2px solid #c7bad1; border-color:var(--green); }
.platform-payment-methods { margin:0; padding:14px 16px; border:1px solid var(--line); border-radius:11px; }
.platform-payment-methods legend { padding:0 6px; color:var(--muted); font-size:12px; font-weight:700; }
.platform-payment-options { display:flex; flex-wrap:wrap; gap:10px 24px; }
.platform-payment-methods p { margin:12px 0 0; color:var(--muted); font-size:11px; line-height:1.55; }
.platform-check { display:flex; align-items:center; gap:7px; font-weight:500; }
.platform-check input { width:17px; height:17px; margin:0; accent-color:var(--green); }
.ai-key-row { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px 0 4px; border-top:1px solid var(--line); }
.ai-key-row p,.platform-settings-note { margin:5px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }
.platform-switch { display:flex!important; grid-template-columns:18px 1fr; align-items:flex-start; gap:11px!important; padding:14px 16px; border:1px solid var(--line); border-radius:12px; background:#faf9fb; }
.platform-switch input { width:18px; height:18px; margin:1px 0 0; accent-color:var(--green); }
.platform-switch span { display:grid; gap:3px; }.platform-switch small { color:var(--muted); font-weight:500; line-height:1.5; }
.ai-settings-warning { margin:14px 0 0; padding:11px 13px; border-radius:10px; background:#fff4df; color:#8a5b08; font-size:12px; }
.entity-bank-section { display:grid; gap:15px; padding:17px; border:1px solid var(--line); border-radius:13px; background:#faf9fb; }
.entity-bank-section h3,.entity-bank-section p { margin:0; }
@media (max-width:760px){.platform-settings-grid{grid-template-columns:1fr}.platform-settings-grid .span-2{grid-column:auto}}
.audit-summary { display:flex; align-items:center; gap:20px; justify-content:space-between; margin-bottom:16px; padding:17px 20px; border:1px solid #e5dcea; border-radius:13px; background:#f7f2fa; }
.audit-summary div { display:grid; gap:3px; }.audit-summary small,.audit-summary p { color:var(--muted); }.audit-summary strong { font-size:25px; color:#41175d; }.audit-summary p { margin:0; font-size:12px; }
.audit-filters { display:grid; grid-template-columns:minmax(220px,2fr) repeat(3,minmax(145px,1fr)) auto; gap:12px; align-items:end; margin-bottom:16px; }
.audit-filters label { display:grid; gap:6px; min-width:0; color:var(--ink); font-size:12px; font-weight:700; }.audit-filters input,.audit-filters select { width:100%; min-height:40px; padding:8px 11px; border:1px solid var(--line); border-radius:9px; background:#fff; color:var(--ink); }
.audit-filter-actions { display:flex; gap:7px; }.audit-filter-actions button { min-height:40px; white-space:nowrap; }.audit-table-wrap small,.audit-facts small { display:block; margin-top:5px; color:var(--muted); overflow-wrap:anywhere; }.audit-action-title { font-weight:700; color:#351445; }
.audit-pagination { display:flex; align-items:center; justify-content:flex-end; gap:12px; margin-top:15px; }.audit-pagination button { width:auto; }.audit-pagination span { color:var(--muted); font-size:12px; }
.audit-detail-modal { width:min(920px,calc(100vw - 24px)); }.audit-detail-modal .modal-head p { margin:6px 0 0; color:var(--muted); font-size:12px; }.audit-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0 0 18px; border:1px solid var(--line); border-radius:12px; overflow:hidden; }.audit-facts div { padding:13px 15px; border-bottom:1px solid var(--line); }.audit-facts div:nth-child(odd) { border-right:1px solid var(--line); }.audit-facts div:nth-last-child(-n+2) { border-bottom:0; }.audit-facts dt { color:var(--muted); font-size:11px; }.audit-facts dd { margin:5px 0 0; overflow-wrap:anywhere; }.audit-change-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.audit-change-grid section { min-width:0; }.audit-change-grid h3 { margin:0 0 8px; font-size:14px; }.audit-json,.audit-empty { min-height:110px; max-height:330px; overflow:auto; margin:0; padding:14px; border:1px solid var(--line); border-radius:11px; background:#faf8fb; color:#34273b; font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }.audit-empty { color:var(--muted); }.audit-readonly-note { margin:16px 0 0; color:var(--muted); font-size:12px; }
@media (max-width:980px){.audit-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-filter-actions{align-self:end}.audit-change-grid{grid-template-columns:1fr}}@media (max-width:600px){.audit-summary{align-items:flex-start;flex-direction:column}.audit-filters{grid-template-columns:1fr}.audit-filter-actions button{flex:1}.audit-facts{grid-template-columns:1fr}.audit-facts div,.audit-facts div:nth-child(odd){border-right:0;border-bottom:1px solid var(--line)}.audit-facts div:last-child{border-bottom:0}.audit-pagination{justify-content:space-between}}
.settings-template-panel { margin-top:18px; }
.crm-breadcrumb { display:flex; align-items:center; gap:9px; margin:0 0 21px; color:#867b8e; font-size:12px; }
.crm-breadcrumb .link-button { color:#441c62; text-decoration:none; padding:0; }
.crm-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:22px 0; }
.crm-summary-grid article { min-width:0; padding:18px 20px; background:#fff; border:1px solid #e6e1e9; border-radius:12px; }
.crm-summary-grid small { display:block; color:#817589; font-size:12px; }
.crm-summary-grid strong { display:block; margin-top:9px; font-size:16px; color:#2d193b; overflow-wrap:anywhere; }
.crm-columns { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr); gap:16px; align-items:start; margin-bottom:17px; }
.crm-content-card { padding:22px 24px; margin-bottom:16px; border:1px solid #e6e1e9; border-radius:14px; background:#fff; box-shadow:0 3px 15px rgba(47,28,60,.025); }
.crm-content-card h3 { font-size:16px; color:#2d193b; margin:0 0 17px; }
.crm-content-card .backoffice-page-head { margin-bottom:7px; }
.crm-content-card .backoffice-page-head h3 { margin:0; }
.crm-list-item { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:14px 0; border-top:1px solid #eceaee; }
.crm-list-item strong,.crm-list-item small { display:block; }
.crm-list-item strong { color:#331d43; font-size:13px; }
.crm-list-item small { color:#807488; font-size:12px; margin-top:5px; }
.crm-list-item a.secondary { text-decoration:none; white-space:nowrap; }
.crm-facts { display:grid; grid-template-columns:90px minmax(0,1fr); gap:11px; margin-bottom:19px; font-size:13px; }
.crm-facts dt { color:#7e7286; }.crm-facts dd { margin:0; overflow-wrap:anywhere; }
.crm-timeline { margin:0; padding-left:24px; border-left:1px solid #e4dee9; list-style:none; }
.crm-timeline li { position:relative; padding:0 0 18px 12px; line-height:1.55; }
.crm-timeline li::before { content:""; position:absolute; left:-29px; top:4px; width:8px; height:8px; border:2px solid #fff; border-radius:50%; background:#5a297d; box-shadow:0 0 0 1px #af99bf; }
.crm-timeline small { color:#7f7388; }.crm-timeline p { margin:5px 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.crm-stage-rail { display:grid; grid-template-columns:repeat(4,1fr); margin:22px 0; background:#f4f2f5; border-radius:10px; overflow:hidden; }
.crm-stage-rail span { display:flex; align-items:center; gap:9px; padding:12px 16px; color:#928899; font-size:12px; font-weight:700; }
.crm-stage-rail span.active { color:#451c63; background:#ebe4f0; }.crm-stage-rail b { display:grid; place-items:center; width:22px; height:22px; flex:none; border-radius:50%; background:#c0b8c5; color:#fff; font-size:11px; }.crm-stage-rail .active b { background:#59257e; }
@media(max-width:980px){.crm-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.crm-columns { grid-template-columns:1fr; }}
@media(max-width:600px){.crm-summary-grid { gap:8px; }.crm-summary-grid article { padding:13px; }.crm-summary-grid strong { font-size:13px; }.crm-content-card { padding:17px; }.crm-stage-rail span { display:grid; justify-items:center; text-align:center; padding:9px 4px; font-size:10px; }}
@media(max-width:760px){#admin-screen.backoffice-content { padding:18px 15px 48px; }.backoffice-page-toolbar { align-items:flex-start; flex-wrap:wrap; gap:12px; }.backoffice-page-description { flex-basis:100%; }.backoffice-page-actions { width:100%; justify-content:flex-end; }.backoffice-header { padding-left:15px; padding-right:15px; }}
/* Shared enterprise facts: compact, existing theme tokens and field styling. */
.enterprise-profile .card { margin: 10px 0; padding: 15px; }
.profile-intro,.profile-fact small,.profile-candidate small { color: var(--muted, #756782); font-size: 12px; line-height: 1.6; }
.profile-group.card { padding:0; overflow:hidden; }
.profile-group-summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 16px; cursor:pointer; list-style:none; color:var(--ink); font-size:16px; font-weight:700; }
.profile-group-summary::-webkit-details-marker { display:none; }
.profile-group-summary small { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:11px; font-weight:500; }
.profile-group-summary small::after { content:'›'; color:var(--green-2); font-size:20px; line-height:1; transform:rotate(90deg); transition:transform .18s ease; }
.profile-group[open]>.profile-group-summary { border-bottom:1px solid var(--line); }
.profile-group[open]>.profile-group-summary small::after { transform:rotate(-90deg); }
.profile-group-body { padding:0 16px 3px; }
.profile-fact { padding: 11px 0; border-bottom: 1px solid var(--line, #e8e0ef); }
.profile-fact:last-child { border-bottom: 0; }
.profile-fact-heading { display:flex; justify-content:space-between; gap:16px; align-items:baseline; }
.profile-fact-heading strong { flex:1; min-width:0; font-size:14px; }
.profile-fact-heading span { flex-shrink:0; max-width:52%; text-align:right; overflow-wrap:anywhere; color:#5e5266; font-size:13px; font-weight:500; line-height:1.5; }
.profile-fact-heading.is-text { display:grid; gap:5px; }
.profile-fact-heading.is-text span { max-width:none; text-align:left; color:var(--muted); font-size:13px; font-weight:400; line-height:1.65; }
.profile-fact summary { cursor:pointer; font-size:12px; margin:7px 0; color:var(--green-2); }
.profile-editor>summary { width:max-content; }
.enterprise-profile form { display:grid; gap:10px; margin:10px 0; }
.enterprise-profile label { display:grid; gap:6px; font-size:13px; }
.enterprise-profile input,.enterprise-profile select,.enterprise-profile textarea { box-sizing:border-box; width:100%; min-height:40px; border:1px solid var(--line, #e8e0ef); border-radius:10px; padding:8px 12px; background:var(--surface, #fff); color:inherit; font:inherit; }
.enterprise-profile textarea { resize:vertical; line-height:1.6; }
.profile-field-hint { display:block; margin:5px 0 8px; color:var(--muted); font-weight:400; line-height:1.5; }
.profile-shareholding-field,.onboarding-shareholding { min-width:0; margin:0; }
.profile-shareholding-field { padding:0; }
.profile-shareholding-field>strong,.shareholding-question { display:block; color:var(--ink); font-size:13px; font-weight:700; line-height:1.5; }
.shareholding-question { font-size:14px; }
.shareholding-input,.profile-shareholding { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:10px; }
.shareholding-input label,.profile-shareholding label { display:grid; gap:6px; min-width:0; color:var(--ink); font-size:12px; font-weight:600; }
.shareholding-unknown { display:flex!important; align-items:center; gap:8px!important; margin-top:11px; color:var(--muted)!important; font-weight:500!important; }
.shareholding-unknown input { width:17px!important; height:17px!important; margin:0; accent-color:var(--green); }
.profile-inactive>summary { cursor:pointer; font-weight:700; }
.profile-money { display:grid; grid-template-columns: minmax(0,1fr) 90px; gap:8px; }
.enterprise-profile blockquote { margin:8px 0; padding:8px 12px; border-left:3px solid #c9b0df; background:#f7f3fa; overflow-wrap:anywhere; font-size:12px; }
.profile-candidate { padding:12px 0; border-bottom:1px solid #e8e0ef; }
.profile-memory-receipt { margin-top:12px; padding:12px; border:1px solid #ded1e9; border-radius:10px; background:#f7f3fa; color:#352344; font-size:12px; }
.profile-memory-receipt ul { padding-left:18px; }
.profile-history { margin-top:10px; padding:10px 11px; border:1px solid #e5dbea; border-radius:10px; background:#faf7fc; }
.profile-history>summary { margin:0; color:var(--green-2); font-size:12px; font-weight:700; }
.profile-history[open]>summary { margin-bottom:8px; }
.profile-history ul { display:grid; gap:7px; margin:0; padding:0; list-style:none; }
.profile-history li { display:grid; gap:3px; padding:9px 10px; border:1px solid #ebe3ef; border-radius:8px; background:#fff; color:#4f4258; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.profile-history li>span { color:var(--ink); font-weight:600; }
.profile-history li>small { color:var(--muted); font-size:11px; }
.profile-history blockquote { margin:4px 0 0; }
.profile-history p { margin:4px 0 0; color:var(--muted); font-size:11px; }
.enterprise-profile [role=alert] { color:#a52c49; font-size:13px; }
@media(max-width:420px){.shareholding-input,.profile-shareholding{grid-template-columns:1fr;}}

/* Shared select controls: one restrained purple treatment across customer and staff apps. */
select:not([multiple]) {
  -webkit-appearance: none;
  appearance: none;
  min-height: 40px;
  padding-right: 40px !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%234c1d69' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 16px 16px !important;
  color: var(--ink) !important;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(50,22,79,.025);
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
select:not([multiple]):hover:not(:disabled) {
  border-color: #c5b5d0 !important;
  background-color: #fdfbfe !important;
}
select:not([multiple]):focus,
select:not([multiple]):focus-visible {
  outline: none !important;
  border-color: var(--green-2) !important;
  box-shadow: 0 0 0 3px rgba(76,29,105,.13) !important;
}
select:not([multiple]):disabled {
  background-color: #f4f1f6 !important;
  color: #9a909f !important;
  cursor: not-allowed;
  opacity: 1;
}
select option { color: var(--ink); background: #fff; }
.work-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.work-welcome h2{margin:0 0 6px;font-size:26px}.work-welcome p{margin:0;color:var(--muted)}.work-welcome label{min-width:170px}
.work-welcome label{display:grid;gap:6px;font-size:13px;color:var(--muted)}.work-filter-bar input{border:1px solid #e4dbea;border-radius:9px;padding:10px 12px;font:inherit}.work-shortcuts a{color:#532975;text-decoration:none;font-size:14px}
.work-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin-bottom:22px}.work-metric{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;background:#fff;border:1px solid #e7dfee;border-radius:14px;color:var(--ink);cursor:pointer}.work-metric strong{font-size:28px}.work-metric.selected{border-color:#73408d;background:#f4edf9}.work-metric.urgent{border-top:3px solid #c8513d}.work-metric.urgent strong,.work-alert{color:#b34432}
.work-filter-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center}.work-type-tabs{display:flex;flex-wrap:wrap;gap:8px}.work-type-tabs button{padding:9px 12px;border-radius:9px}.work-type-tabs button.selected{background:#eee3f7;color:#381852;font-weight:700}.work-type-tabs small{margin-left:4px}.work-filter-bar form{display:flex;gap:8px}.work-filter-bar input{min-width:230px}
.work-item{display:flex;justify-content:space-between;gap:20px;padding:20px 4px;border-bottom:1px solid #eee7f3}.work-item:last-child{border-bottom:0}.work-item.overdue{border-left:3px solid #cc6b56;padding-left:12px}.work-item-main{min-width:0}.work-item h3{font-size:16px;margin:8px 0}.work-item p{font-size:13px;color:var(--muted);margin:0 0 8px;overflow-wrap:anywhere}.work-item-tags{display:flex;gap:6px;flex-wrap:wrap}.work-item-tags span{font-size:12px;padding:3px 7px;border-radius:5px;background:#f3edf8}.work-next{font-size:14px}.work-item-side{min-width:185px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:13px}.work-item-side small{color:var(--muted);overflow-wrap:anywhere}.work-empty{padding:50px 18px;text-align:center;color:var(--muted)}.work-shortcuts{display:flex;gap:24px;flex-wrap:wrap;margin:20px 0}
.todo-item.todo-item-focus { border-color:#6a3a88; box-shadow:0 0 0 4px rgba(92,45,124,.12); transition:border-color .2s ease,box-shadow .2s ease; }
@media(max-width:700px){.work-welcome,.work-item{align-items:stretch;flex-direction:column}.work-item-side{align-items:flex-start}.work-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.work-filter-bar form{width:100%}.work-filter-bar input{min-width:0;flex:1;width:100%}}
.delivery-heading h2,.delivery-detail-head h2{margin:0 0 8px}.delivery-heading p,.delivery-detail-head p{color:var(--muted);line-height:1.6}.delivery-detail-head{margin:20px 0}
.delivery-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.delivery-kpis>div{display:flex;flex-direction:column;gap:8px;padding:18px;background:#fff;border:1px solid #e5ddec;border-radius:12px}.delivery-kpis strong{font-size:26px;color:#391c51}.delivery-kpis span{color:var(--muted);font-size:13px}
.delivery-list-filters{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:18px 0}.delivery-list-filters label,.delivery-assignment label{display:grid;gap:6px;font-size:13px;min-width:150px}.delivery-list-filters form,.delivery-assignment form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.delivery-list-filters input{padding:11px 12px;border:1px solid #e4dbea;border-radius:9px;font:inherit}.delivery-list-filters select{max-width:260px}
.delivery-plan-table{min-width:920px}.delivery-plan-table small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.delivery-plan-table progress{display:block;width:110px;height:7px;margin-top:8px;accent-color:#59337a}.delivery-assignment{padding:16px;background:#f5f0f9;border:1px solid #e1d5eb;border-radius:12px;margin:16px 0}.delivery-assignment p{font-size:13px;color:var(--muted)}
@media(max-width:700px){.delivery-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-list-filters>label,.delivery-list-filters form{flex:1;min-width:140px}.delivery-list-filters input{max-width:210px}}
.delivery-template-editor{width:min(1060px,calc(100vw - 32px));max-width:1060px}
.delivery-template-form{gap:20px}.delivery-template-form .product-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start}
.delivery-plan-tool-help{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:-6px}
.delivery-plan-tool-help p{margin:0;padding:10px 12px;border-radius:10px;background:#f7f2fb;color:var(--muted);font-size:13px;line-height:1.55}
.delivery-plan-tool-help strong{color:var(--ink)}
.delivery-template-form label{display:flex;flex-direction:column;gap:8px;font-size:14px}.delivery-template-form input,.delivery-template-form select,.delivery-template-form textarea{font-size:14px}
.delivery-template-version{background:#f2ecf8;border-radius:12px;padding:14px 18px;font-size:14px;line-height:1.7}
.delivery-plan-step{border:1px solid #e3d9ee;border-radius:13px;margin-bottom:10px;background:#fff;overflow:hidden}
.delivery-plan-step summary{display:grid;grid-template-columns:30px minmax(180px,1fr) auto 18px;align-items:center;gap:10px;padding:13px 16px;cursor:pointer;list-style:none;min-height:52px}
.delivery-plan-step summary::-webkit-details-marker{display:none}
.delivery-plan-step[open] summary{border-bottom:1px solid #eee6f4;background:#fbf9fd}
.delivery-step-number{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#3b1559;color:#fff;font-size:12px;font-weight:700}
.delivery-step-summary-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;color:var(--muted);font-size:12px}
.delivery-step-summary-meta span{padding:3px 7px;border-radius:6px;background:#f3eef7;white-space:nowrap}
.delivery-step-chevron{width:8px;height:8px;border-right:2px solid #5a2a78;border-bottom:2px solid #5a2a78;transform:rotate(45deg);transition:transform .15s}
.delivery-plan-step[open] .delivery-step-chevron{transform:rotate(225deg)}
.delivery-step-body{display:grid;gap:11px;padding:14px 16px 16px}
.delivery-plan-step-actions{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}
.delivery-plan-step-actions .row-actions{gap:12px}
.delivery-step-main{grid-template-columns:minmax(0,2fr) minmax(180px,1fr)!important}
.delivery-plan-step label{gap:5px}
.delivery-plan-step input,.delivery-plan-step select{min-height:40px;padding-top:8px;padding-bottom:8px}
.delivery-plan-step textarea{min-height:58px;padding-top:9px;padding-bottom:9px}
.delivery-template-form .product-frequency label{display:inline-flex;flex-direction:row;align-items:center;gap:8px}
.delivery-template-form .product-frequency input{width:18px;height:18px;min-height:0;margin:0;appearance:auto}
.delivery-template-form .product-editor-footer{display:flex;gap:16px;justify-content:space-between;align-items:center;font-size:13px;line-height:1.7}
@media(max-width:600px){.delivery-template-form .product-grid,.delivery-plan-tool-help,.delivery-step-main{grid-template-columns:1fr!important}.delivery-template-form .product-editor-footer{flex-direction:column;align-items:stretch}.delivery-plan-step summary{grid-template-columns:28px minmax(0,1fr) 16px;padding:12px}.delivery-step-summary-meta{display:none}.delivery-step-body{padding:12px}.delivery-plan-step-actions>span{display:none}}
/* Display translations: compact controls, original content stays in editable fields. */
.translation-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted,#766681)}
.translation-controls .link-button{font-size:12px;padding:4px 8px;min-height:30px}
.translation-controls small{max-width:380px;line-height:1.5}
.modal-head:has(.translation-controls){flex-wrap:wrap}
.modal-head>.translation-controls{flex-basis:100%}
.translation-review{width:min(1000px,96vw);max-height:92dvh;padding:0;overflow:hidden}
.translation-review[open]{display:flex;flex-direction:column}
.translation-review .modal-head{flex-shrink:0;padding:18px 24px}
.translation-review-body{min-height:0;overflow:auto;padding:12px 24px 32px}
.translation-review-body form{padding:16px 0;border-bottom:1px solid #e7e0ee;display:grid;gap:10px}
.translation-review-body textarea{width:100%;min-height:80px}
.translation-review-body p{overflow-wrap:anywhere}
@media(max-width:640px){.translation-controls{width:100%}.translation-review-body{padding:12px 16px 24px}}
.opportunity-dialog{width:min(720px,calc(100vw - 24px));padding:20px 24px}
.opportunity-dialog .modal-head{margin-bottom:13px}
.opportunity-dialog form{display:grid;gap:13px;margin-bottom:4px}
.opportunity-dialog form>label,.opportunity-dialog .opportunity-form-grid label{margin:0}
.opportunity-dialog textarea{min-height:72px}
.opportunity-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.opportunity-auto-title{padding:12px 14px;border:1px solid #e5ddec;border-radius:11px;background:#faf8fb}
.opportunity-auto-title input{border:0!important;padding:4px 0 0!important;background:transparent!important;color:#351d47;font-weight:800;box-shadow:none!important}
.opportunity-auto-title small{display:block;margin-top:4px;color:#84788b;font-size:11px;font-weight:400}
.opportunity-products{border:1px solid #ddd1e5;border-radius:12px;padding:12px 14px;margin:0;min-width:0;background:#fcfafd}
.opportunity-products legend{padding:0 7px;color:#351b48;font-weight:800}
.opportunity-products>.backoffice-intro{margin:0 0 8px;font-size:12px}
.opportunity-product-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.opportunity-products label{display:grid!important;grid-template-columns:18px 26px minmax(0,1fr);align-items:center;gap:9px;margin:0!important;padding:10px 11px!important;border:1px solid #ebe4ef;border-radius:9px;background:#fff}
.opportunity-products label:has(input:checked){border-color:#b79ac8;background:#f5eff8}
.opportunity-products label>b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eee5f3;color:#54266e;font-size:11px}
.opportunity-products label span,.opportunity-products label strong,.opportunity-products label small{display:block;min-width:0}
.opportunity-products label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#34233e}
.opportunity-products label small{margin-top:3px;color:#8b7f91;font-size:10px}
.opportunity-products input[type=checkbox],.sales-sync-choice input[type=checkbox]{width:18px!important;min-width:18px;height:18px!important;margin:0;accent-color:#32164f}
.sales-sync-choice{display:flex!important;align-items:center;gap:10px;margin:12px 0}
[data-simple-service],[data-quote-prices]{display:grid;gap:12px;min-width:0}
.opportunity-service-summary{margin:20px 0 24px}
.opportunity-service-summary>h3{display:flex;align-items:center;gap:8px;margin:0 0 7px}.opportunity-service-summary>h3 small{font-size:11px;font-weight:500;color:#85788c}
.opportunity-service-summary>ol{margin:0;padding:0;list-style:none}
.opportunity-service-summary>ol>li{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #eee8f1}
.opportunity-service-summary>ol>li:last-child{border-bottom:0}.opportunity-service-summary li>b{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#48205f;color:#fff;font-size:11px}.opportunity-service-summary li strong,.opportunity-service-summary li small{display:block}.opportunity-service-summary li strong{font-size:13px}.opportunity-service-summary li small{margin-top:3px;color:#877b8e;font-size:10px}
.client-commercial-tree{display:grid;gap:10px}.client-opportunity-group{overflow:hidden;border:1px solid #e6dfeb;border-radius:11px;background:#fcfbfd}.client-opportunity-group>summary{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:13px 14px;cursor:pointer;list-style:none;background:#faf7fc}.client-opportunity-group>summary::-webkit-details-marker{display:none}.client-opportunity-group>summary:after{content:'›';margin-left:4px;color:#6b3a83;transform:rotate(90deg)}.client-opportunity-group:not([open])>summary:after{transform:rotate(0)}.client-opportunity-group>summary>div strong,.client-opportunity-group>summary>div small{display:block}.client-opportunity-group>summary>div strong{font-size:13px;color:#341d42}.client-opportunity-group>summary>div small{margin-top:4px;color:#817488;font-size:11px}.client-opportunity-index{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#4a2161;color:#fff;font-size:12px;font-weight:800}.client-commercial-count{color:#7a6e81;font-size:11px;white-space:nowrap}.client-commercial-body{padding:5px 14px 12px 32px;border-top:1px solid #ece6ef}.client-opportunity-action{display:flex;justify-content:flex-end;padding:8px 0 3px}.client-commercial-branch{border-left:1px solid #d8cce0}.client-commercial-child{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:51px;padding:7px 0}.client-commercial-child>span{margin-left:-5px;color:#a794b2}.client-commercial-child strong,.client-commercial-child small{display:block}.client-commercial-child strong{font-size:12px;color:#392647}.client-commercial-child small{margin-top:3px;color:#897d90;font-size:10px}.client-commercial-child .secondary{padding:7px 10px;font-size:11px}.client-commercial-child.is-contract,.client-commercial-child.is-delivery{margin-left:22px}.client-commercial-child.is-contract strong:before,.client-commercial-child.is-delivery strong:before{display:inline-block;margin-right:6px;color:#8c63a0;font-size:10px}.client-commercial-child.is-contract strong:before{content:'◇'}.client-commercial-child.is-delivery strong:before{content:'◆'}.client-commercial-other{margin-top:7px}.client-details-card .client-record-actions{margin-bottom:14px}.client-details-card .claim-panel{margin-top:14px}
@media(max-width:700px){.opportunity-form-grid,.opportunity-product-options{grid-template-columns:1fr}.client-opportunity-group>summary{grid-template-columns:30px minmax(0,1fr)}.client-commercial-count{grid-column:2}.client-commercial-child{grid-template-columns:15px minmax(0,1fr)}.client-commercial-child .secondary{grid-column:2;justify-self:start}.client-commercial-body{padding-left:20px}}
.fulfillment-acceptance-actions{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}
.fulfillment-acceptance-actions .secondary{min-height:2rem;padding:.35rem .65rem}
.fulfillment-acceptance-actions:has(.secondary) .backoffice-badge{display:none}

/* Partner customer records */
.partner-customer-page{display:grid;gap:18px}
.partner-customer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px}
.partner-customer-search{display:flex;align-items:center;gap:9px;width:min(420px,100%);padding:0 13px;border:1px solid #ded7e3;border-radius:11px;background:#fff;color:#7c6d84;box-shadow:0 1px 2px rgba(45,25,55,.03)}
.partner-customer-search>span{font-size:18px;line-height:1}
.partner-customer-search input{width:100%;min-height:42px;border:0;outline:0;background:transparent;color:#302039;font-size:13px}
.partner-customer-search:focus-within{border-color:#8b61a2;box-shadow:0 0 0 3px rgba(91,42,119,.09)}
.partner-customer-empty{display:grid;justify-items:center;max-width:720px;margin:42px auto 0;padding:58px 30px;border:1px solid #e5dfe8;border-radius:18px;background:#fff;text-align:center;box-shadow:0 8px 30px rgba(48,27,59,.05)}
.partner-customer-empty-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#f1eaf7;color:#55216f;font-size:28px;font-weight:700}
.partner-customer-empty h2{margin:18px 0 7px;color:#2f2037;font-size:20px}
.partner-customer-empty p{margin:0 0 22px;color:#7c7083;font-size:13px;line-height:1.65}
.partner-customer-empty .primary{min-width:126px}
.partner-customer-table .backoffice-table-wrap{border-radius:15px;box-shadow:0 3px 14px rgba(48,27,59,.035)}
.partner-customer-table .backoffice-table{min-width:780px;table-layout:auto}
.partner-customer-table th:first-child{width:30%}
.partner-customer-table th:last-child,.partner-customer-table td:last-child{width:94px;text-align:right}
.partner-customer-table td{vertical-align:middle}
.partner-customer-identity{display:flex;align-items:center;gap:12px;min-width:220px}
.partner-customer-identity>span{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:#f0e8f5;color:#51216b;font-size:13px;font-weight:800}
.partner-customer-identity strong,.partner-customer-identity small,.partner-customer-table td>strong,.partner-customer-table td>small{display:block}
.partner-customer-identity small,.partner-customer-table td>small{margin-top:4px;color:#85798b;font-size:11px;font-weight:400}
.partner-muted-value{color:#aaa1af}
.partner-row-action{min-height:34px!important;padding:7px 12px!important;font-size:12px!important;white-space:nowrap}
.partner-customer-search-empty{display:grid;justify-items:center;gap:6px;padding:42px;border:1px dashed #dcd2e2;border-radius:16px;background:#fff;color:#37263f;text-align:center}
.partner-customer-search-empty[hidden]{display:none}
.partner-customer-search-empty span{color:#85798b;font-size:12px}

.partner-customer-dialog{width:min(720px,calc(100vw - 28px));max-height:min(90vh,820px);padding:0;overflow:hidden}
.partner-customer-dialog[open]{display:flex;flex-direction:column}
.partner-customer-dialog>.modal-head{display:flex;flex:none;align-items:center;margin:0;padding:22px 24px 18px;border-bottom:1px solid #ebe6ef}
.partner-customer-dialog>.modal-head .backoffice-eyebrow{margin:0 0 5px;color:#817486;font-size:11px}
.partner-customer-dialog>.modal-head h2{margin:0;font-size:22px}
.partner-customer-dialog>.modal-head button{display:grid;place-items:center;width:34px;min-width:34px;height:34px;padding:0;border:1px solid #e5dfe9;border-radius:9px;background:#fff;font-size:20px;line-height:1}
.partner-customer-dialog>form{display:flex;flex-direction:column;min-height:0;margin:0}
.partner-customer-form-body{display:grid;gap:14px;padding:20px 24px 22px;overflow-y:auto}
.partner-customer-form-section{padding:17px;border:1px solid #e7e1ea;border-radius:14px;background:#fcfbfd}
.partner-customer-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.partner-customer-section-head strong{color:#392743;font-size:14px}
.partner-customer-section-head span{padding:3px 8px;border-radius:999px;background:#f1ecf4;color:#786b80;font-size:10px;font-weight:600}
.partner-customer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.partner-customer-form-grid label{display:block;margin:0!important;color:#5f5367;font-size:12px;font-weight:700}
.partner-customer-form-grid .is-wide{grid-column:1/-1}
.partner-customer-form-grid input,.partner-customer-form-grid select,.partner-readonly-field{width:100%;min-height:43px;margin-top:6px;padding:9px 11px;border:1px solid #ddd6e1;border-radius:10px;background:#fff;color:#34243d;font-size:13px;font-weight:500}
.partner-readonly-field{display:flex;align-items:center;background:#f4f1f6;color:#6e6275}
.partner-customer-form-grid input::placeholder{color:#aaa0af;font-weight:400}
.partner-customer-form-grid input:focus,.partner-customer-form-grid select:focus{border-color:#6a3b86;outline:3px solid #eee4f4}
.partner-modal-actions{display:flex;flex:none;justify-content:flex-end;gap:10px;margin:0;padding:15px 24px;border-top:1px solid #ebe6ef;background:#fff}
.partner-customer-dialog .partner-modal-actions button{width:auto;min-width:96px;margin:0}
@media(max-width:760px){
  .partner-customer-toolbar{align-items:stretch;flex-direction:column}
  .partner-customer-toolbar>span:empty{display:none}
  .partner-customer-search{width:100%}
  .partner-customer-toolbar>.primary{width:100%}
  .partner-customer-empty{margin-top:10px;padding:42px 20px}
  .partner-customer-form-grid{grid-template-columns:1fr}
  .partner-customer-form-grid .is-wide{grid-column:auto}
  .partner-customer-dialog{width:calc(100vw - 18px);max-height:92vh}
  .partner-customer-dialog>.modal-head{padding:18px 16px 15px}
  .partner-customer-form-body{padding:16px}
  .partner-customer-form-section{padding:14px}
  .partner-modal-actions{padding:13px 16px}
}

/* Partner legal entities */
.partner-entity-page{display:grid;gap:22px}
.partner-entity-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:2px}
.partner-entity-toolbar h2{margin:0 0 7px;color:#302038;font-size:21px}
.partner-entity-toolbar p{max-width:720px;margin:0;color:#7b6f82;font-size:12px;line-height:1.65}
.partner-entity-toolbar>.primary{flex:none}
.partner-entity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.partner-entity-card{padding:21px;border:1px solid #e4dce8;border-radius:17px;background:#fff;box-shadow:0 5px 20px rgba(45,24,57,.04)}
.partner-entity-card.is-inactive{background:#faf9fb;opacity:.72}
.partner-entity-card-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:13px}
.partner-entity-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#efe6f4;color:#4f1f69;font-size:17px;font-weight:800}
.partner-entity-card-head h2{margin:8px 0 4px;color:#33213d;font-size:17px;line-height:1.35}
.partner-entity-card-head p{margin:0;color:#85798b;font-size:11px}
.partner-entity-card-head .row-actions{justify-content:flex-end;max-width:250px}
.partner-entity-badges{display:flex;flex-wrap:wrap;gap:6px}
.partner-entity-badges .backoffice-badge{font-size:10px}
.partner-entity-readiness{display:flex;gap:8px;margin:18px 0 15px;padding:11px 12px;border-radius:10px;background:#f7f4f9}
.partner-entity-readiness span{padding:4px 8px;border-radius:999px;background:#eee9f1;color:#897c8f;font-size:10px;font-weight:700}
.partner-entity-readiness span.is-ready{background:#eaf5ef;color:#28704d}
.partner-entity-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 20px;margin:0;padding-top:15px;border-top:1px solid #eee9f1}
.partner-entity-details div{min-width:0}.partner-entity-details .is-wide{grid-column:1/-1}
.partner-entity-details dt{margin-bottom:4px;color:#94899a;font-size:10px}
.partner-entity-details dd{margin:0;overflow-wrap:anywhere;color:#4c3b55;font-size:12px;font-weight:650;line-height:1.5}
.partner-entity-empty{margin-top:4px}
.partner-entity-dialog{width:min(760px,calc(100vw - 28px));max-height:min(92vh,900px)}
.partner-entity-dialog .partner-customer-form-body{gap:12px}
@media(max-width:980px){.partner-entity-grid{grid-template-columns:1fr}}
@media(max-width:760px){.partner-entity-toolbar{align-items:stretch;flex-direction:column}.partner-entity-toolbar>.primary{width:100%}.partner-entity-card{padding:17px}.partner-entity-card-head{grid-template-columns:40px minmax(0,1fr)}.partner-entity-card-head .row-actions{grid-column:1/-1;justify-content:flex-start;max-width:none}.partner-entity-readiness{align-items:flex-start;flex-direction:column}.partner-entity-details{grid-template-columns:1fr}.partner-entity-details .is-wide{grid-column:auto}}

/* Partner opportunities and referrals */
.partner-opportunity-page{display:grid;gap:18px}
.partner-opportunity-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}
.partner-opportunity-filters{display:flex;align-items:center;gap:10px;min-width:0}
.partner-opportunity-filters .partner-customer-search{width:min(380px,42vw)}
.partner-opportunity-filters select{width:168px;min-height:44px;font-size:13px}
.partner-opportunity-page-actions{flex:none;gap:10px}
.partner-opportunity-page-actions button{min-height:42px;padding:9px 16px}
.partner-opportunity-empty{display:grid;justify-items:center;max-width:720px;margin:24px auto 8px;padding:58px 30px;border:1px solid #e5dfe8;border-radius:18px;background:#fff;text-align:center;box-shadow:0 8px 30px rgba(48,27,59,.05)}
.partner-opportunity-empty h2{margin:18px 0 7px;color:#2f2037;font-size:20px}
.partner-opportunity-empty p{max-width:430px;margin:0 0 22px;color:#7c7083;font-size:13px;line-height:1.65}
.partner-opportunity-empty .primary{display:inline-flex;align-items:center;justify-content:center;min-width:126px;text-decoration:none}
.partner-opportunity-table .backoffice-table-wrap{border-radius:15px;box-shadow:0 3px 14px rgba(48,27,59,.035)}
.partner-opportunity-table .backoffice-table{min-width:920px;table-layout:auto}
.partner-opportunity-table th:first-child{width:27%}
.partner-opportunity-table th:nth-child(2){width:25%}
.partner-opportunity-table th:last-child,.partner-opportunity-table td:last-child{width:170px;text-align:right}
.partner-opportunity-table td{vertical-align:middle}
.partner-opportunity-identity{display:flex;align-items:center;gap:12px;min-width:220px}
.partner-opportunity-identity>span,.partner-recommend-summary>span{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:#f0e8f5;color:#51216b;font-size:13px;font-weight:800}
.partner-opportunity-identity strong,.partner-opportunity-identity small,.partner-opportunity-table td>strong,.partner-opportunity-table td>small{display:block}
.partner-opportunity-identity small,.partner-opportunity-table td>small{margin-top:4px;color:#85798b;font-size:11px;font-weight:400}
.partner-product-tags{display:flex;flex-wrap:wrap;gap:5px}
.partner-product-tags span{padding:4px 7px;border-radius:6px;background:#f3eef6;color:#60446f;font-size:10px;font-weight:650}
.partner-opportunity-actions{justify-content:flex-end;flex-wrap:nowrap;gap:6px}
.partner-opportunity-actions .partner-row-action{min-width:auto}
.backoffice-badge.partner-stage-new{background:#f1edf4;color:#66536f}
.backoffice-badge.partner-stage-qualified{background:#eaf2fb;color:#356084}
.backoffice-badge.partner-stage-quoted{background:#fff3d9;color:#8a6117}
.backoffice-badge.partner-stage-won{background:#e5f5e9;color:#2e7041}
.backoffice-badge.partner-stage-lost{background:#f8e9e9;color:#994a4a}

.partner-sales-dialog{width:min(760px,calc(100vw - 28px));max-height:min(90vh,860px);padding:0;overflow:hidden}
.partner-sales-dialog[open]{display:flex;flex-direction:column}
.partner-sales-dialog>.modal-head{display:flex;flex:none;align-items:center;margin:0;padding:22px 24px 18px;border-bottom:1px solid #ebe6ef}
.partner-sales-dialog>.modal-head .backoffice-eyebrow{margin:0 0 5px;color:#817486;font-size:11px}
.partner-sales-dialog>.modal-head h2{margin:0;font-size:22px}
.partner-sales-dialog>.modal-head button{display:grid;place-items:center;width:34px;min-width:34px;height:34px;padding:0;border:1px solid #e5dfe9;border-radius:9px;background:#fff;font-size:20px;line-height:1}
.partner-sales-dialog>form{display:flex;flex-direction:column;min-height:0;margin:0}
.partner-sales-form-body{display:grid;gap:14px;padding:20px 24px 22px;overflow-y:auto}
.partner-sales-form-section{padding:17px;border:1px solid #e7e1ea;border-radius:14px;background:#fcfbfd}
.partner-sales-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.partner-sales-section-head strong{color:#392743;font-size:14px}
.partner-sales-section-head span{padding:3px 8px;border-radius:999px;background:#f1ecf4;color:#786b80;font-size:10px;font-weight:600}
.partner-sales-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.partner-sales-form-grid label,.partner-sales-note{display:block;margin:0!important;color:#5f5367;font-size:12px;font-weight:700}
.partner-sales-form-grid .is-wide{grid-column:1/-1}
.partner-sales-form-grid input,.partner-sales-form-grid select,.partner-sales-form-grid textarea,.partner-sales-note textarea{width:100%;min-height:43px;margin-top:6px;padding:9px 11px;border:1px solid #ddd6e1;border-radius:10px;background:#fff;color:#34243d;font-size:13px;font-weight:500}
.partner-sales-form-grid input::placeholder,.partner-sales-form-grid textarea::placeholder,.partner-sales-note textarea::placeholder{color:#aaa0af;font-weight:400}
.partner-sales-form-grid input:focus,.partner-sales-form-grid select:focus,.partner-sales-form-grid textarea:focus,.partner-sales-note textarea:focus{border-color:#6a3b86;outline:3px solid #eee4f4}
.partner-sales-note textarea{min-height:76px;resize:vertical}
.partner-product-picker{display:block;margin:0;padding:17px;border:1px solid #e7e1ea;border-radius:14px;background:#fcfbfd}
.partner-product-picker legend{padding:0 6px;color:#392743;font-size:14px;font-weight:800}
.partner-field-hint{margin:0 0 12px;color:#85798b;font-size:11px;line-height:1.5}
.partner-product-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.partner-product-picker .partner-product-options label{display:flex;align-items:flex-start;gap:9px;margin:0;padding:11px;border:1px solid #ebe4ef;border-radius:10px;background:#fff;cursor:pointer}
.partner-product-picker .partner-product-options label:has(input:checked){border-color:#a985bc;background:#f6f0f9;box-shadow:0 0 0 2px rgba(91,42,119,.06)}
.partner-product-picker .partner-product-options input{flex:none;width:17px;height:17px;margin-top:1px;accent-color:#4b1d67}
.partner-product-picker .partner-product-options strong,.partner-product-picker .partner-product-options small{display:block}
.partner-product-picker .partner-product-options strong{color:#3b2746;font-size:12px}
.partner-product-picker .partner-product-options small{margin-top:4px;color:#877b8e;font-size:10px}
.partner-product-empty{grid-column:1/-1;margin:0;padding:18px;border-radius:9px;background:#f4f1f6;color:#817586;font-size:12px;text-align:center}

.partner-referral-callout{display:grid;gap:4px;padding:13px 15px;border:1px solid #e1d4e9;border-radius:12px;background:#f5eff8}
.partner-referral-callout strong{color:#4d2863;font-size:13px}
.partner-referral-callout span{color:#786b80;font-size:11px;line-height:1.55}
.partner-consent{display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;margin:0!important;padding:13px 15px;border:1px solid #dfd4e5;border-radius:12px;background:#faf7fc;cursor:pointer}
.partner-consent input{width:18px!important;height:18px!important;margin:2px 0 0;accent-color:#4b1d67}
.partner-consent strong,.partner-consent small{display:block}
.partner-consent strong{color:#40264f;font-size:12px}
.partner-consent small{margin-top:4px;color:#807486;font-size:11px;line-height:1.5}
.partner-recommend-summary{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e6dfeb;border-radius:12px;background:#faf8fb}
.partner-recommend-summary strong,.partner-recommend-summary small{display:block}
.partner-recommend-summary strong{color:#37243f;font-size:14px}
.partner-recommend-summary small{margin-top:4px;color:#817486;font-size:11px}
.partner-recommend-dialog{width:min(580px,calc(100vw - 28px))}

.partner-referral-history{display:grid;gap:12px;margin-top:12px;padding-top:22px;border-top:1px solid #ebe5ee}
.partner-section-title{display:flex;align-items:end;justify-content:space-between}
.partner-section-title h2{margin:0;color:#302039;font-size:17px}
.partner-section-title p{margin:5px 0 0;color:#817587;font-size:11px}
.partner-referral-history .backoffice-table-wrap{border-radius:14px}
.partner-referral-history .backoffice-table{min-width:720px}
.partner-referral-detail{width:min(620px,calc(100vw - 28px));padding:0;overflow:hidden}
.partner-referral-detail>.modal-head{margin:0;padding:21px 24px 17px;border-bottom:1px solid #ebe6ef}
.partner-referral-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 24px}
.partner-referral-detail-grid>div{padding:13px;border:1px solid #e8e2eb;border-radius:11px;background:#fcfbfd}
.partner-referral-detail-grid .is-wide{grid-column:1/-1}
.partner-referral-detail-grid span,.partner-referral-detail-grid strong,.partner-referral-detail-grid small{display:block}
.partner-referral-detail-grid span{margin-bottom:6px;color:#897e8f;font-size:10px;font-weight:700}
.partner-referral-detail-grid strong{color:#392743;font-size:13px}
.partner-referral-detail-grid small{margin-top:4px;color:#84788b;font-size:11px}
.partner-referral-detail-grid p{margin:0;color:#53445c;font-size:12px;line-height:1.6;white-space:pre-wrap}
.partner-referral-resubmit{display:grid;gap:10px;padding:0 24px 22px}
.partner-referral-resubmit label{display:grid;gap:6px;color:#5f5367;font-size:12px;font-weight:700}
.partner-referral-resubmit textarea{min-height:88px}
@media(max-width:760px){
  .partner-opportunity-toolbar,.partner-opportunity-filters{align-items:stretch;flex-direction:column}
  .partner-opportunity-filters,.partner-opportunity-filters .partner-customer-search,.partner-opportunity-filters select{width:100%}
  .partner-opportunity-page-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .partner-opportunity-page-actions button{width:100%}
  .partner-opportunity-empty{margin-top:4px;padding:42px 20px}
  .partner-sales-dialog{width:calc(100vw - 18px);max-height:92vh}
  .partner-sales-dialog>.modal-head{padding:18px 16px 15px}
  .partner-sales-form-body{padding:16px}
  .partner-sales-form-section,.partner-product-picker{padding:14px}
  .partner-sales-form-grid,.partner-product-options,.partner-referral-detail-grid{grid-template-columns:1fr}
  .partner-sales-form-grid .is-wide,.partner-referral-detail-grid .is-wide{grid-column:auto}
  .partner-referral-detail-grid{padding:16px}
  .partner-referral-resubmit{padding:0 16px 18px}
}

/* Partner quotes and contracts */
.partner-commercial-page{display:grid;gap:18px}
.partner-commercial-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}
.partner-commercial-filters{display:flex;align-items:center;gap:10px;min-width:0}
.partner-commercial-filters .partner-customer-search{width:min(380px,42vw)}
.partner-commercial-filters>select{width:168px;min-height:44px;font-size:13px}
.partner-commercial-create{display:flex;align-items:center;gap:8px;min-width:0}
.partner-commercial-create select{width:min(330px,28vw);min-width:220px;min-height:42px;font-size:12px}
.partner-commercial-create .primary{flex:none;min-height:42px;padding:9px 16px;white-space:nowrap}
.partner-commercial-empty{display:grid;justify-items:center;max-width:760px;margin:32px auto 8px;padding:58px 30px;border:1px solid #e5dfe8;border-radius:18px;background:#fff;text-align:center;box-shadow:0 8px 30px rgba(48,27,59,.05)}
.partner-commercial-empty h2{margin:18px 0 7px;color:#2f2037;font-size:20px}
.partner-commercial-empty>p{max-width:480px;margin:0 0 22px;color:#7c7083;font-size:13px;line-height:1.65}
.partner-commercial-empty .partner-commercial-create{display:grid;grid-template-columns:minmax(260px,1fr) auto;width:min(560px,100%)}
.partner-commercial-empty .partner-commercial-create select{width:100%;min-width:0}
.partner-commercial-empty>a.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 16px;border:1px solid #ded4e4;border-radius:10px;background:#f4edf8;color:#4c2164;font-size:12px;font-weight:800;text-decoration:none}
.partner-commercial-table .backoffice-table-wrap{border-radius:15px;box-shadow:0 3px 14px rgba(48,27,59,.035)}
.partner-commercial-table .backoffice-table{min-width:930px;table-layout:auto}
.partner-commercial-table th:first-child{width:27%}
.partner-commercial-table th:last-child,.partner-commercial-table td:last-child{width:190px;text-align:right}
.partner-commercial-table td{vertical-align:middle}
.partner-commercial-table td>strong,.partner-commercial-table td>small{display:block}
.partner-commercial-table td>small{margin-top:4px;color:#85798b;font-size:11px;font-weight:400}
.partner-document-identity{display:flex;align-items:center;gap:12px;min-width:220px}
.partner-document-identity>span{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:#efe7f4;color:#51216b;font-size:12px;font-weight:850}
.partner-document-identity strong,.partner-document-identity small{display:block}
.partner-document-identity strong{font-size:13px}
.partner-document-identity small{margin-top:4px;color:#85798b;font-size:10px;font-weight:400}
.partner-positive-value{color:#327147}
.partner-commercial-actions{justify-content:flex-end;flex-wrap:wrap;gap:6px}
.partner-commercial-actions .is-danger{border-color:#edcfd3!important;background:#fffafa!important;color:#a33c4d!important}
.partner-quote-status-draft,.partner-contract-status-draft{background:#f1edf4;color:#66536f}
.partner-quote-status-sent,.partner-contract-status-sent{background:#eaf2fb;color:#356084}
.partner-quote-status-accepted,.partner-contract-status-signed,.partner-contract-status-active{background:#e5f5e9;color:#2e7041}
.partner-quote-status-declined,.partner-quote-status-void,.partner-contract-status-cancelled{background:#f8e9e9;color:#994a4a}

.partner-quote-dialog{width:min(860px,calc(100vw - 28px))}
.partner-commercial-source,.partner-contract-source{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #e4dce8;border-radius:13px;background:#faf8fb}
.partner-commercial-source{justify-content:flex-start}
.partner-commercial-source>span:first-child{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:10px;background:#4c2364;color:#fff;font-size:13px;font-weight:800}
.partner-commercial-source>.backoffice-badge{margin-left:auto}
.partner-commercial-source strong,.partner-commercial-source small{display:block}
.partner-commercial-source strong{font-size:14px;color:#35233f}
.partner-commercial-source small{margin-top:4px;color:#817486;font-size:11px}
.partner-quote-products{display:grid;gap:8px}
.partner-quote-product{display:grid!important;grid-template-columns:18px minmax(170px,1fr) 88px 150px;align-items:end;gap:10px;margin:0!important;padding:12px!important;border:1px solid #e7e0eb;border-radius:11px;background:#fff}
.partner-quote-product:has(>input[type=checkbox]:checked){border-color:#b899c7;background:#fdfbfe}
.partner-quote-product>input[type=checkbox]{align-self:center;width:17px;height:17px;margin:0;accent-color:#4b1d67}
.partner-quote-product-name{align-self:center;min-width:0}
.partner-quote-product-name strong,.partner-quote-product-name small{display:block}
.partner-quote-product-name strong{overflow:hidden;color:#3b2746;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.partner-quote-product-name small{margin-top:4px;color:#82748a;font-size:10px}
.partner-quote-product>label{display:grid!important;gap:5px;margin:0!important;color:#776a7e;font-size:10px;font-weight:700}
.partner-quote-product>label input{width:100%;min-height:37px;margin:0;padding:7px 9px;border:1px solid #ddd5e2;border-radius:8px;background:#fff;font-size:12px}
.partner-quote-product.is-disabled{opacity:.58}
.partner-quote-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:13px;border:1px solid #dfd4e5;border-radius:13px;background:#f6f1f8}
.partner-quote-summary>div{display:grid;gap:5px;padding:9px 11px;border-radius:9px;background:#fff}
.partner-quote-summary span{color:#817486;font-size:10px;font-weight:700}
.partner-quote-summary strong{color:#3c2549;font-size:15px}
.partner-quote-summary strong.is-negative{color:#aa3e50}
.partner-quote-summary>p{grid-column:1/-1;margin:1px 3px 0;color:#817486;font-size:10px}

.partner-contract-dialog{width:min(680px,calc(100vw - 28px))}
.partner-contract-source>.partner-document-identity{min-width:0}
.partner-contract-source>strong{flex:none;color:#3d2649;font-size:16px}
.partner-template-required{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:11px;padding:11px 13px;border-radius:9px;background:#fff3e2;color:#775117;font-size:11px;line-height:1.5}
.partner-template-required a{flex:none;color:#54216f;font-weight:800;text-decoration:none}
.partner-period-hint{margin:11px 0 0}
.partner-commercial-detail{width:min(700px,calc(100vw - 28px))}
.partner-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.partner-detail-metrics>div,.partner-detail-grid>div{display:grid;gap:5px;padding:12px 13px;border:1px solid #e7e0ea;border-radius:10px;background:#fcfbfd}
.partner-detail-metrics span,.partner-detail-grid span{color:#85798b;font-size:10px;font-weight:700}
.partner-detail-metrics strong,.partner-detail-grid strong{color:#3b2845;font-size:13px}
.partner-detail-section{overflow:hidden;border:1px solid #e5dee9;border-radius:12px;background:#fff}
.partner-detail-section h3{margin:0;padding:13px 15px;border-bottom:1px solid #e9e3ec;background:#faf8fb;color:#3b2845;font-size:13px}
.partner-detail-line{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(140px,.5fr);align-items:center;gap:14px;padding:12px 15px;border-bottom:1px solid #eee8f1}
.partner-detail-line:last-child{border-bottom:0}
.partner-detail-line strong,.partner-detail-line small{display:block}
.partner-detail-line strong{font-size:12px}.partner-detail-line small{margin-top:3px;color:#887d8e;font-size:10px}
.partner-detail-line>span{color:#75697c;font-size:11px}
.partner-detail-line>div:last-child{text-align:right}
.partner-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.partner-detail-grid .is-wide{grid-column:1/-1}
.partner-detail-grid p{margin:0;color:#55475d;font-size:12px;line-height:1.6;white-space:pre-wrap}
@media(max-width:900px){
  .partner-commercial-toolbar{align-items:stretch;flex-direction:column}
  .partner-commercial-filters,.partner-commercial-filters .partner-customer-search,.partner-commercial-filters>select{width:100%}
  .partner-commercial-create{width:100%}
  .partner-commercial-create select{width:100%;max-width:none}
}
@media(max-width:760px){
  .partner-commercial-filters{flex-direction:column}
  .partner-commercial-create,.partner-commercial-empty .partner-commercial-create{grid-template-columns:1fr;display:grid}
  .partner-commercial-create .primary{width:100%}
  .partner-commercial-empty{margin-top:4px;padding:42px 20px}
  .partner-quote-product{grid-template-columns:18px minmax(0,1fr)}
  .partner-quote-product>label{grid-column:2}
  .partner-quote-summary{grid-template-columns:1fr}
  .partner-quote-summary>p{grid-column:auto}
  .partner-commercial-source,.partner-contract-source{align-items:flex-start;flex-direction:column}
  .partner-template-required{align-items:flex-start;flex-direction:column}
  .partner-detail-metrics,.partner-detail-grid{grid-template-columns:1fr}
  .partner-detail-grid .is-wide{grid-column:auto}
  .partner-detail-line{grid-template-columns:minmax(0,1fr) auto}
  .partner-detail-line>div:last-child{grid-column:1/-1;text-align:left}
}

/* Partner service product catalog */
.partner-product-page{display:grid;gap:18px}
.partner-product-toolbar{display:grid;grid-template-columns:minmax(260px,420px) 180px 1fr;align-items:center;gap:10px}
.partner-product-toolbar .partner-customer-search{width:100%}
.partner-product-toolbar select{width:100%;min-height:44px;padding:9px 34px 9px 12px;border:1px solid #ded7e2;border-radius:10px;background-color:#fff;color:#4a3a52;font-size:13px;font-weight:500}
.partner-product-toolbar>span{justify-self:end;color:#897e8f;font-size:12px;font-weight:650}
.partner-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.partner-product-card{display:flex;min-height:286px;padding:20px;border:1px solid #e4dde7;border-radius:16px;background:#fff;box-shadow:0 3px 14px rgba(48,27,59,.035);flex-direction:column;transition:border-color .18s,box-shadow .18s,transform .18s}
.partner-product-card:hover{border-color:#cdbbd6;box-shadow:0 10px 28px rgba(48,27,59,.075);transform:translateY(-1px)}
.partner-product-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.partner-product-code,.partner-product-category{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:7px;font-size:10px;font-weight:800}
.partner-product-code{background:#eee6f3;color:#592774;letter-spacing:.03em}
.partner-product-category{overflow:hidden;max-width:58%;background:#f6f3f7;color:#766a7d;text-overflow:ellipsis;white-space:nowrap}
.partner-product-card-head{display:block;min-height:91px;padding:18px 0 15px;border-bottom:1px solid #eee9f1}
.partner-product-card-head strong,.partner-product-card-head small{display:block}
.partner-product-card-head strong{color:#33213c;font-size:17px;line-height:1.4}
.partner-product-card-head small{display:-webkit-box;overflow:hidden;margin-top:7px;color:#857a8b;font-size:11px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.partner-product-price{display:grid;grid-template-columns:1fr auto;align-items:end;gap:5px;margin-top:16px}
.partner-product-price>span{grid-column:1/-1;color:#897d90;font-size:10px;font-weight:700}
.partner-product-price>strong{color:#4b1d67;font-size:22px;line-height:1.2}
.partner-product-price>small{color:#776b7e;font-size:10px;font-weight:650}
.partner-product-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:17px}
.partner-product-card-foot>span{color:#918696;font-size:10px}
.partner-product-card-foot .partner-row-action{min-width:88px}
.partner-product-empty-state,.partner-product-search-empty{display:grid;justify-items:center;max-width:720px;margin:28px auto 8px;padding:58px 30px;border:1px solid #e5dfe8;border-radius:18px;background:#fff;text-align:center;box-shadow:0 8px 30px rgba(48,27,59,.05)}
.partner-product-empty-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#eee7f3;color:#5a2a73;font-size:25px;font-weight:800}
.partner-product-empty-state h2{margin:18px 0 7px;color:#2f2037;font-size:20px}
.partner-product-empty-state p{max-width:430px;margin:0;color:#7c7083;font-size:13px;line-height:1.65}
.partner-product-search-empty{padding:42px 24px}
.partner-product-search-empty strong,.partner-product-search-empty span{display:block}
.partner-product-search-empty strong{color:#382641;font-size:15px}
.partner-product-search-empty span{margin-top:7px;color:#817486;font-size:11px}
.partner-product-dialog{width:min(680px,calc(100vw - 28px))}
.partner-product-detail-body{display:grid;gap:14px;padding:20px 24px 22px;overflow-y:auto}
.partner-product-detail-price{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;border-radius:13px;background:linear-gradient(120deg,#3b1655,#5b2b75);color:#fff}
.partner-product-detail-price div>span,.partner-product-detail-price div>strong{display:block}
.partner-product-detail-price div>span{color:#d9cbe0;font-size:10px;font-weight:700}
.partner-product-detail-price div>strong{margin-top:5px;font-size:24px}
.partner-product-detail-price .backoffice-badge{background:rgba(255,255,255,.14);color:#fff}
.partner-product-detail-section{overflow:hidden;border:1px solid #e6e0e9;border-radius:12px;background:#fff}
.partner-product-detail-section h3{margin:0;padding:13px 15px;border-bottom:1px solid #ebe5ee;background:#faf8fb;color:#3b2845;font-size:13px}
.partner-product-detail-section dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.partner-product-detail-section dl>div{padding:12px 15px;border-right:1px solid #eee8f1;border-bottom:1px solid #eee8f1}
.partner-product-detail-section dl>div:nth-child(2n){border-right:0}
.partner-product-detail-section dl>div:nth-last-child(-n+2){border-bottom:0}
.partner-product-detail-section dt{color:#8b8090;font-size:10px;font-weight:700}
.partner-product-detail-section dd{margin:5px 0 0;color:#3e2d47;font-size:12px;font-weight:700}
.partner-product-detail-section>p{margin:0;padding:15px;color:#594b61;font-size:12px;line-height:1.7;white-space:pre-wrap}
.partner-product-boundary{display:grid;gap:5px;padding:13px 15px;border:1px solid #e1d4e9;border-radius:11px;background:#f6f0f9}
.partner-product-boundary strong{color:#4d2863;font-size:12px}
.partner-product-boundary span{color:#786b80;font-size:11px;line-height:1.6}
@media(max-width:760px){
  .partner-product-toolbar{grid-template-columns:1fr}
  .partner-product-toolbar>span{justify-self:start}
  .partner-product-grid{grid-template-columns:1fr}
  .partner-product-empty-state{margin-top:4px;padding:42px 20px}
  .partner-product-detail-body{padding:16px}
  .partner-product-detail-section dl{grid-template-columns:1fr}
  .partner-product-detail-section dl>div,.partner-product-detail-section dl>div:nth-child(2n),.partner-product-detail-section dl>div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid #eee8f1}
  .partner-product-detail-section dl>div:last-child{border-bottom:0}
}

/* Partner service contracts */
.partner-service-contract-count{margin-left:auto;color:#897e8f;font-size:12px;font-weight:650}
.partner-service-contract-table .backoffice-table-wrap{border-radius:15px;box-shadow:0 3px 14px rgba(48,27,59,.035)}
.partner-service-contract-table .backoffice-table{min-width:980px;table-layout:auto}
.partner-service-contract-table th:first-child{width:27%}
.partner-service-contract-table th:nth-child(2){width:18%}
.partner-service-contract-table th:nth-child(3){width:24%}
.partner-service-contract-table th:last-child,.partner-service-contract-table td:last-child{width:220px;text-align:right}
.partner-service-contract-table td{vertical-align:middle}
.partner-service-contract-table td>strong,.partner-service-contract-table td>small{display:block}
.partner-service-contract-table td>small{margin-top:4px;color:#85798b;font-size:10px;font-weight:400}
.partner-service-contract-table a.partner-row-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ded5e3;border-radius:8px;background:#f5eef8;color:#4a1e63;font-weight:800;text-decoration:none}
.partner-service-status-active{background:#e5f5e9;color:#2e7041}
.partner-service-status-upcoming{background:#eaf2fb;color:#356084}
.partner-service-status-ended{background:#f1edf4;color:#66536f}
.partner-service-contract-dialog{width:min(680px,calc(100vw - 28px))}
.partner-service-contract-body{display:grid;gap:14px;padding:20px 24px 22px;overflow-y:auto}
.partner-service-contract-summary{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 16px;border:1px solid #e4dce8;border-radius:13px;background:#faf8fb}
.partner-service-contract-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#4d2167;color:#fff;font-size:15px;font-weight:850}
.partner-service-contract-summary div>small,.partner-service-contract-summary div>strong{display:block}
.partner-service-contract-summary div>small{color:#897d90;font-size:10px;font-weight:700}
.partner-service-contract-summary div>strong{margin-top:4px;color:#35233f;font-size:14px}
.partner-service-contract-note{display:grid;gap:5px;padding:13px 15px;border:1px solid #e1d4e9;border-radius:11px;background:#f6f0f9}
.partner-service-contract-note strong{color:#4d2863;font-size:12px}
.partner-service-contract-note span{color:#786b80;font-size:11px;line-height:1.6}
.partner-service-contract-dialog .partner-modal-actions a.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 16px;border:1px solid #ded4e4;border-radius:10px;background:#f4edf8;color:#4c2164;font-size:12px;font-weight:800;text-decoration:none}
@media(max-width:760px){
  .partner-service-contract-count{margin-left:0}
  .partner-service-contract-body{padding:16px}
  .partner-service-contract-summary{grid-template-columns:44px minmax(0,1fr)}
  .partner-service-contract-summary>.backoffice-badge{grid-column:2;justify-self:start}
}

/* Partner customer delivery plans */
.partner-delivery-table .backoffice-table-wrap{border-radius:15px;box-shadow:0 3px 14px rgba(48,27,59,.035)}
.partner-delivery-table .backoffice-table{min-width:1000px;table-layout:auto}
.partner-delivery-table th:first-child{width:25%}
.partner-delivery-table th:nth-child(2){width:22%}
.partner-delivery-table th:nth-child(3){width:23%}
.partner-delivery-table th:nth-child(4){width:16%}
.partner-delivery-table th:last-child,.partner-delivery-table td:last-child{width:130px;text-align:right}
.partner-delivery-table td{vertical-align:middle}
.partner-delivery-table td>strong,.partner-delivery-table td>small{display:block}
.partner-delivery-table td>small{margin-top:4px;color:#85798b;font-size:10px;font-weight:400}
.partner-delivery-table-progress{display:grid;gap:6px;min-width:110px}
.partner-delivery-table-progress span{color:#4c3559;font-size:11px;font-weight:800}
.partner-delivery-table-progress progress,.partner-delivery-progress progress{width:100%;height:6px;border:0;border-radius:99px;overflow:hidden;background:#e8e1ec}
.partner-delivery-table-progress progress::-webkit-progress-bar,.partner-delivery-progress progress::-webkit-progress-bar{background:#e8e1ec}
.partner-delivery-table-progress progress::-webkit-progress-value,.partner-delivery-progress progress::-webkit-progress-value{border-radius:99px;background:#592576}
.partner-delivery-table-progress progress::-moz-progress-bar,.partner-delivery-progress progress::-moz-progress-bar{border-radius:99px;background:#592576}
.partner-delivery-status-active{background:#eaf2fb;color:#356084}
.partner-delivery-status-attention{background:#fff3d9;color:#8a6117}
.partner-delivery-status-completed{background:#e5f5e9;color:#2e7041}
.partner-delivery-dialog{width:min(760px,calc(100vw - 28px))}
.partner-delivery-detail-body{display:grid;gap:14px;padding:20px 24px 22px;overflow-y:auto}
.partner-delivery-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding:16px 18px;border:1px solid #e3dbe8;border-radius:13px;background:#faf8fb}
.partner-delivery-summary>div:first-child small,.partner-delivery-summary>div:first-child strong{display:block}
.partner-delivery-summary>div:first-child small{color:#8b8090;font-size:10px;font-weight:700}
.partner-delivery-summary>div:first-child strong{margin-top:4px;color:#392644;font-size:14px}
.partner-delivery-progress{grid-column:1/-1;display:grid;gap:7px}
.partner-delivery-progress>span{display:flex;align-items:center;justify-content:space-between;gap:12px}
.partner-delivery-progress b{color:#75697c;font-size:10px}
.partner-delivery-progress strong{color:#4a235f;font-size:12px}
.partner-delivery-current{padding:16px 17px;border:1px solid #e6dfea;border-radius:12px;background:#fff}
.partner-delivery-current>div{display:flex;align-items:center;justify-content:space-between;gap:14px}
.partner-delivery-current h3{margin:0;color:#3b2845;font-size:13px}
.partner-delivery-current>div span{color:#8a7e90;font-size:10px}
.partner-delivery-current>strong{display:block;margin-top:14px;color:#4b1d67;font-size:16px}
.partner-delivery-current>p{margin:7px 0 0;color:#7b6f82;font-size:11px;line-height:1.6}
.partner-delivery-results{overflow:hidden;border:1px solid #e5dee9;border-radius:12px;background:#fff}
.partner-delivery-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-bottom:1px solid #e9e3ec;background:#faf8fb}
.partner-delivery-section-head h3{margin:0;color:#3b2845;font-size:13px}
.partner-delivery-section-head span{color:#897d8f;font-size:10px;font-weight:650}
.partner-delivery-results article{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 15px;border-bottom:1px solid #eee8f1}
.partner-delivery-results article:last-child{border-bottom:0}
.partner-delivery-results article strong,.partner-delivery-results article small{display:block}
.partner-delivery-results article strong{color:#3e2b47;font-size:12px}
.partner-delivery-results article small{margin-top:4px;color:#8a7f90;font-size:10px}
.partner-delivery-results article p{margin:0;color:#62556a;font-size:11px;line-height:1.55}
.partner-delivery-results article a{color:#54216f;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}
.partner-delivery-empty-result{margin:0;padding:20px;color:#85798b;font-size:11px;text-align:center}
.partner-delivery-dialog .partner-modal-actions a.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 16px;border:1px solid #ded4e4;border-radius:10px;background:#f4edf8;color:#4c2164;font-size:12px;font-weight:800;text-decoration:none}
@media(max-width:760px){
  .partner-delivery-detail-body{padding:16px}
  .partner-delivery-results article{grid-template-columns:1fr}
  .partner-delivery-current>div{align-items:flex-start;flex-direction:column;gap:5px}
}

/* Partner receivables and receipts */
.partner-finance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.partner-finance-metrics>div{display:grid;gap:7px;padding:15px 17px;border:1px solid #e5dfe8;border-radius:13px;background:#fff}
.partner-finance-metrics span{color:#84788b;font-size:10px;font-weight:700}
.partner-finance-metrics strong{color:#3c2846;font-size:22px}
.partner-finance-metrics .is-alert{border-color:#efd8b7;background:#fffaf1}
.partner-finance-metrics .is-alert strong{color:#a06515}
.partner-receivable-table .backoffice-table-wrap{border-radius:15px;box-shadow:0 3px 14px rgba(48,27,59,.035)}
.partner-receivable-table .backoffice-table{min-width:1080px;table-layout:auto}
.partner-receivable-table th:first-child{width:24%}
.partner-receivable-table th:nth-child(2),.partner-receivable-table th:nth-child(3){width:15%}
.partner-receivable-table th:nth-child(4){width:13%}
.partner-receivable-table th:last-child,.partner-receivable-table td:last-child{width:205px;text-align:right}
.partner-receivable-table td{vertical-align:middle}
.partner-receivable-table td>strong,.partner-receivable-table td>small{display:block}
.partner-receivable-table td>small{margin-top:4px;color:#85798b;font-size:10px;font-weight:400}
.partner-receivable-status-pending{background:#eaf2fb;color:#356084}
.partner-receivable-status-partial{background:#fff3d9;color:#8a6117}
.partner-receivable-status-paid{background:#e5f5e9;color:#2e7041}
.partner-receivable-status-overdue{background:#f8e9e9;color:#994a4a}
.partner-receivable-detail,.partner-receipt-dialog{width:min(720px,calc(100vw - 28px))}
.partner-receivable-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.partner-receivable-metrics>div{display:grid;gap:5px;padding:13px 14px;border:1px solid #e6dfea;border-radius:11px;background:#fcfbfd}
.partner-receivable-metrics span{color:#85798b;font-size:10px;font-weight:700}
.partner-receivable-metrics strong{color:#432451;font-size:16px}
.partner-receipt-history{overflow:hidden;border:1px solid #e5dee9;border-radius:12px;background:#fff}
.partner-receipt-history article{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1fr);gap:16px;padding:13px 15px;border-bottom:1px solid #eee8f1}
.partner-receipt-history article:last-child{border-bottom:0}
.partner-receipt-history article strong,.partner-receipt-history article small{display:block}
.partner-receipt-history article strong{color:#3e2b47;font-size:12px}
.partner-receipt-history article small{margin-top:4px;color:#897e8f;font-size:10px;line-height:1.5}
.partner-receipt-dialog .partner-sales-form-grid label>small{display:block;margin-top:5px;color:#8b8091;font-size:9px;font-weight:500}
@media(max-width:760px){
  .partner-finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .partner-receivable-metrics,.partner-receipt-history article{grid-template-columns:1fr}
}

/* Partner invoices, platform settlements and referral commissions */
.partner-invoice-table .backoffice-table,.partner-settlement-table .backoffice-table,.partner-commission-table .backoffice-table{min-width:1020px;table-layout:auto}
.partner-invoice-table td,.partner-settlement-table td,.partner-commission-table td{vertical-align:middle}
.partner-invoice-table td>strong,.partner-invoice-table td>small,.partner-settlement-table td>strong,.partner-settlement-table td>small,.partner-commission-table td>strong,.partner-commission-table td>small{display:block}
.partner-invoice-table td>small,.partner-settlement-table td>small,.partner-commission-table td>small{margin-top:4px;color:#897d90;font-size:10px}
.partner-invoice-status-requested,.partner-settlement-status-approved,.partner-commission-status-payable{background:#fff3d9;color:#855d15}
.partner-invoice-status-issued,.partner-settlement-status-paid,.partner-commission-status-paid{background:#e5f5e9;color:#2d7041}
.partner-invoice-status-void,.partner-commission-status-not_configured{background:#f1edf4;color:#67556f}
.partner-commission-status-pending_receipt{background:#eaf2fb;color:#356084}
.partner-invoice-form-dialog,.partner-invoice-detail,.partner-settlement-dialog{width:min(760px,calc(100vw - 28px))}
.partner-invoice-issue{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 24px;border-top:1px solid #e8e1eb;background:#faf8fb}
.partner-invoice-issue label{display:grid;gap:6px;color:#4b3a55;font-size:11px;font-weight:750}
.partner-invoice-issue label:nth-child(5){grid-column:1/-1}
.partner-invoice-issue input{min-height:40px;padding:9px 11px;border:1px solid #ded5e3;border-radius:9px;background:#fff;color:#382641;font-size:12px}
.partner-invoice-issue button{grid-column:1/-1;justify-self:end}
.partner-finance-section{overflow:hidden;border:1px solid #e4dde7;border-radius:15px;background:#fff;box-shadow:0 3px 14px rgba(48,27,59,.035)}
.partner-finance-section .backoffice-table-wrap{border:0;border-radius:0;box-shadow:none}
.partner-finance-section td>strong,.partner-finance-section td>small{display:block}
.partner-finance-section td>small{margin-top:4px;color:#897d90;font-size:10px}
.partner-commercial-page>.partner-service-contract-note{margin:0}
@media(max-width:760px){
  .partner-invoice-issue{grid-template-columns:1fr;padding:16px}
  .partner-invoice-issue label:nth-child(5),.partner-invoice-issue button{grid-column:auto}
}

/* Partner contract template library */
.partner-template-page{display:grid;gap:20px}
.partner-template-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:2px}
.partner-template-toolbar .backoffice-eyebrow{margin:0 0 6px;color:#8a7d91;font-size:11px;font-weight:700}
.partner-template-toolbar h2{margin:0 0 7px;color:#302038;font-size:21px}
.partner-template-toolbar p:last-child{max-width:720px;margin:0;color:#7b6f82;font-size:12px;line-height:1.65}
.partner-template-toolbar>.primary{flex:none}
.partner-template-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.partner-template-metrics>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:16px 18px;border:1px solid #e5dfe8;border-radius:14px;background:#fff;box-shadow:0 3px 14px rgba(48,27,59,.03)}
.partner-template-metrics span{color:#6b5d73;font-size:11px;font-weight:750}
.partner-template-metrics strong{grid-row:1/3;grid-column:2;align-self:center;color:#47205e;font-size:25px}
.partner-template-metrics small{color:#958a9a;font-size:10px}
.partner-template-section{padding:20px;border:1px solid #e5dfe8;border-radius:17px;background:#fff;box-shadow:0 5px 20px rgba(45,24,57,.035)}
.partner-template-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.partner-template-section-head h2{margin:0 0 5px;color:#35223f;font-size:16px}
.partner-template-section-head p{margin:0;color:#83768a;font-size:11px;line-height:1.6}
.partner-template-section-head>span{flex:none;padding:5px 9px;border-radius:999px;background:#f2edf5;color:#70527e;font-size:10px;font-weight:700}
.partner-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.partner-template-card{padding:17px;border:1px solid #e5dfe8;border-radius:14px;background:#fefeff;transition:border-color .18s,box-shadow .18s}
.partner-template-card:hover{border-color:#cfbfd7;box-shadow:0 7px 22px rgba(54,30,66,.055)}
.partner-template-card.is-inactive{background:#faf9fb;opacity:.75}
.partner-template-card-head{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start}
.partner-template-file-mark{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:12px;background:#eee6f4;color:#562171;font-size:10px;font-weight:850;letter-spacing:.03em}
.partner-template-badges{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}
.partner-template-badges .backoffice-badge{font-size:9px}
.partner-template-card h3,.partner-standard-template-card h3{margin:0;color:#382541;font-size:14px;line-height:1.45}
.partner-template-card-head p,.partner-standard-template-card p{margin:4px 0 0;overflow:hidden;color:#897d90;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.partner-template-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:16px 0 14px;padding:13px 0;border-top:1px solid #eee9f1;border-bottom:1px solid #eee9f1}
.partner-template-meta div{min-width:0}.partner-template-meta dt{margin-bottom:4px;color:#978c9c;font-size:9px}.partner-template-meta dd{margin:0;overflow:hidden;color:#55465d;font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.partner-template-card-actions{display:flex;justify-content:flex-end;gap:7px}
.partner-template-card-actions .is-danger{color:#a53a45}
.partner-standard-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.partner-standard-template-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid #e7e1ea;border-radius:13px;background:#fbfafc}
.partner-standard-template-card .partner-template-file-mark{width:42px;height:42px;border-radius:10px}
.partner-standard-template-card small{display:block;margin-top:5px;color:#9a8fa0;font-size:9px}
.partner-standard-template-card button{min-height:34px;padding:7px 11px;font-size:11px;white-space:nowrap}
.partner-template-empty{display:grid;justify-items:center;padding:34px 22px;border:1px dashed #dcd2e2;border-radius:13px;background:#fcfbfd;text-align:center}
.partner-template-empty-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#efe7f4;color:#562170;font-size:16px;font-weight:850}
.partner-template-empty h3{margin:13px 0 5px;color:#382641;font-size:15px}.partner-template-empty p{margin:0 0 16px;color:#867a8c;font-size:11px}
.partner-template-library-empty{padding:28px;border:1px dashed #ddd4e2;border-radius:12px;background:#fbfafc;color:#8a7e90;font-size:12px;text-align:center}
.partner-template-dialog{width:min(680px,calc(100vw - 28px));max-height:min(90vh,780px);padding:0;overflow:hidden}
.partner-template-dialog[open]{display:flex;flex-direction:column}
.partner-template-dialog>.modal-head{display:flex;flex:none;align-items:center;margin:0;padding:22px 24px 18px;border-bottom:1px solid #ebe6ef}
.partner-template-dialog>.modal-head .backoffice-eyebrow{margin:0 0 5px;color:#817486;font-size:11px}.partner-template-dialog>.modal-head h2{margin:0;font-size:21px}
.partner-template-dialog>.modal-head button{display:grid;place-items:center;width:34px;min-width:34px;height:34px;padding:0;border:1px solid #e5dfe9;border-radius:9px;background:#fff;font-size:20px}
.partner-template-dialog>form{display:flex;flex-direction:column;min-height:0;margin:0}
.partner-template-form-body{display:grid;gap:14px;padding:20px 24px 22px;overflow-y:auto}
.partner-template-form-grid{display:grid;gap:14px}
.partner-template-form-grid label,.partner-template-name-field{display:grid;gap:6px;margin:0;color:#5f5367;font-size:12px;font-weight:700}
.partner-template-form-grid input,.partner-template-name-field input{width:100%;min-height:43px;padding:9px 11px;border:1px solid #ddd6e1;border-radius:10px;background:#fff;color:#34243d;font-size:13px;font-weight:500}
.partner-template-form-grid input[type=file]{padding:8px;font-size:11px}.partner-template-form-grid label small{color:#978c9c;font-size:10px;font-weight:500}
.partner-template-edit-file{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding:12px;border:1px solid #e7e1ea;border-radius:11px;background:#faf8fb}
.partner-template-edit-file strong,.partner-template-edit-file small{display:block}.partner-template-edit-file strong{color:#45324f;font-size:12px}.partner-template-edit-file small{margin-top:4px;color:#918697;font-size:10px}
.partner-template-safety-note{display:grid;gap:4px;padding:12px 14px;border-radius:11px;background:#f4eff7;color:#684778}
.partner-template-safety-note strong{font-size:11px}.partner-template-safety-note span{font-size:10px;line-height:1.55}
@media(max-width:900px){.partner-template-grid,.partner-standard-template-grid{grid-template-columns:1fr}}
@media(max-width:760px){.partner-template-toolbar{align-items:stretch;flex-direction:column}.partner-template-toolbar>.primary{width:100%}.partner-template-metrics{grid-template-columns:1fr}.partner-template-section{padding:16px}.partner-standard-template-card{grid-template-columns:42px minmax(0,1fr)}.partner-standard-template-card button{grid-column:1/-1;width:100%}.partner-template-card-actions{display:grid;grid-template-columns:repeat(3,1fr)}.partner-template-card-actions button{width:100%}.partner-template-dialog>.modal-head{padding:18px 16px 15px}.partner-template-form-body{padding:16px}.partner-template-meta{grid-template-columns:1fr}.partner-template-dialog .partner-modal-actions{padding:13px 16px}}

/* Partner employees and role governance */
.partner-member-page,.partner-role-page{display:grid;gap:18px}
.partner-member-toolbar,.partner-role-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:2px}
.partner-member-toolbar .backoffice-eyebrow,.partner-role-toolbar .backoffice-eyebrow{margin:0 0 6px;color:#8a7d91;font-size:11px;font-weight:700}
.partner-member-toolbar h2,.partner-role-toolbar h2{margin:0 0 7px;color:#302038;font-size:21px}
.partner-member-toolbar p:last-child,.partner-role-toolbar p:last-child{max-width:760px;margin:0;color:#7b6f82;font-size:12px;line-height:1.65}
.partner-member-toolbar>.primary,.partner-role-toolbar>.primary{flex:none}
.partner-member-metrics,.partner-role-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.partner-member-metrics>div,.partner-role-metrics>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border:1px solid #e5dfe8;border-radius:14px;background:#fff;box-shadow:0 3px 14px rgba(48,27,59,.03)}
.partner-member-metrics span,.partner-role-metrics span{color:#6b5d73;font-size:11px;font-weight:750}.partner-member-metrics strong,.partner-role-metrics strong{color:#47205e;font-size:25px}
.partner-member-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.partner-member-list-head>span{color:#8b8091;font-size:11px;font-weight:700}.partner-member-list-head .partner-commercial-filters{flex:1}.partner-member-list-head select{width:150px;min-height:44px;font-size:13px}
.partner-member-table .backoffice-table-wrap{border-radius:15px;box-shadow:0 3px 14px rgba(48,27,59,.035)}
.partner-member-table .backoffice-table{min-width:940px;table-layout:auto}.partner-member-table th:first-child{width:28%}.partner-member-table th:last-child,.partner-member-table td:last-child{width:230px;text-align:right}.partner-member-table td{vertical-align:middle}
.partner-member-identity{display:flex;align-items:center;gap:11px;min-width:220px}.partner-member-identity>span{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:10px;background:#eee6f4;color:#55216f;font-size:13px;font-weight:850}
.partner-member-identity strong,.partner-member-identity small,.partner-member-table td>strong,.partner-member-table td>small{display:block}.partner-member-identity small,.partner-member-table td>small{margin-top:4px;color:#8b7f91;font-size:10px;font-weight:500}
.partner-member-actions{justify-content:flex-end;gap:6px;flex-wrap:nowrap}.partner-member-actions .is-danger{color:#a43b46}.partner-member-status-active{background:#e6f4ea;color:#2d7045}.partner-member-status-pending{background:#fff3db;color:#835b17}.partner-member-status-disabled{background:#f0edf2;color:#726778}
.partner-member-dialog{width:min(650px,calc(100vw - 28px));max-height:min(90vh,760px);padding:0;overflow:hidden}.partner-member-dialog[open]{display:flex;flex-direction:column}.partner-member-dialog>.modal-head,.partner-role-dialog>.modal-head{display:flex;flex:none;align-items:center;margin:0;padding:22px 24px 18px;border-bottom:1px solid #ebe6ef}.partner-member-dialog>.modal-head .backoffice-eyebrow,.partner-role-dialog>.modal-head .backoffice-eyebrow{margin:0 0 5px;color:#817486;font-size:11px}.partner-member-dialog>.modal-head h2,.partner-role-dialog>.modal-head h2{margin:0;font-size:21px}.partner-member-dialog>.modal-head button,.partner-role-dialog>.modal-head>button{display:grid;place-items:center;width:34px;min-width:34px;height:34px;padding:0;border:1px solid #e5dfe9;border-radius:9px;background:#fff;font-size:20px}
.partner-member-dialog>form,.partner-role-dialog>form{display:flex;flex-direction:column;min-height:0;margin:0}.partner-member-form-body{display:grid;gap:13px;padding:20px 24px 22px;overflow-y:auto}.partner-member-form-body .partner-sales-form-section>label{display:grid;gap:6px;margin:0;color:#5f5367;font-size:12px;font-weight:700}.partner-member-form-body input,.partner-member-form-body select{width:100%;min-height:43px;padding:9px 11px;border:1px solid #ddd6e1;border-radius:10px;background:#fff;color:#34243d;font-size:13px}.partner-member-form-body input[readonly]{background:#f5f2f6;color:#776b7d}.partner-member-form-body label>small{color:#918596;font-size:10px;font-weight:500;line-height:1.55}
.partner-role-future-note{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 17px;border:1px solid #e0d4e6;border-radius:13px;background:#f6f1f8}.partner-role-future-note strong{flex:none;color:#512b63;font-size:12px}.partner-role-future-note span{color:#74657d;font-size:11px;line-height:1.6;text-align:right}
.partner-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.partner-role-card{display:block;align-items:initial;min-height:208px;padding:19px;border-radius:16px;box-shadow:0 4px 17px rgba(48,27,59,.035);transition:border-color .18s,box-shadow .18s}.partner-role-card:hover{border-color:#cdbbd6;box-shadow:0 9px 25px rgba(48,27,59,.065)}.partner-role-card.is-inactive{background:#faf9fb;opacity:.72}
.partner-role-card-top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:start}.partner-role-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#eee6f4;color:#55216f;font-size:14px;font-weight:850}.partner-role-badges{display:flex;flex-wrap:wrap;gap:5px}.partner-role-badges .backoffice-badge{font-size:9px}.partner-role-card h3{margin:8px 0 4px;font-size:16px}.partner-role-card p{font-size:11px}.partner-role-protected{align-self:center;color:#887c8e;font-size:10px;white-space:nowrap}
.partner-role-permission-preview{display:flex;flex-wrap:wrap;gap:5px;min-height:51px;margin:16px 0;padding:12px 0;border-top:1px solid #eee9f1;border-bottom:1px solid #eee9f1}.partner-role-permission-preview span{height:max-content;padding:4px 7px;border-radius:6px;background:#f3eef6;color:#674877;font-size:9px;font-weight:650}.partner-role-card-foot{display:flex;justify-content:space-between;color:#897d90;font-size:10px}.partner-role-card-foot strong{color:#4c315b;font-size:13px}
.partner-role-dialog{width:min(880px,calc(100vw - 28px));max-height:min(92vh,900px);padding:0;overflow:hidden}.partner-role-form-body{display:grid;gap:14px;padding:20px 24px 22px;overflow-y:auto}.partner-role-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.partner-role-fields label{display:grid;gap:6px;margin:0;color:#5f5367;font-size:12px;font-weight:700}.partner-role-fields input,.partner-role-fields select{width:100%;min-height:43px;padding:9px 11px;border:1px solid #ddd6e1;border-radius:10px;background:#fff;color:#34243d;font-size:13px}.partner-role-fields label>small{color:#918596;font-size:9px;font-weight:500;line-height:1.55}.partner-role-permission-section{padding:17px;border:1px solid #e7e1ea;border-radius:14px;background:#fcfbfd}.partner-role-permission-head{display:flex;justify-content:space-between;margin-bottom:12px}.partner-role-permission-head strong,.partner-role-permission-head span{display:block}.partner-role-permission-head strong{color:#392743;font-size:14px}.partner-role-permission-head span{margin-top:4px;color:#897d90;font-size:10px}
.partner-permission-matrix{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.partner-permission-group{margin:0;padding:12px 13px;border-radius:11px;background:#fff}.partner-permission-group legend{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:0 5px;color:#4a3156;font-size:11px;font-weight:750}.partner-permission-group legend button{padding:0;border:0;background:transparent;color:#75478b;font-size:9px;font-weight:700;cursor:pointer}.partner-permission-group label{align-items:flex-start;padding:6px 2px}.partner-permission-group label>span{display:block}.partner-permission-group label strong,.partner-permission-group label small{display:block}.partner-permission-group label strong{color:#55465d;font-size:11px}.partner-permission-group label small{margin-top:2px;color:#a095a5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:400}
@media(max-width:900px){.partner-role-grid{grid-template-columns:1fr}.partner-role-future-note{align-items:flex-start;flex-direction:column}.partner-role-future-note span{text-align:left}}
@media(max-width:760px){.partner-member-toolbar,.partner-role-toolbar{align-items:stretch;flex-direction:column}.partner-member-toolbar>.primary,.partner-role-toolbar>.primary{width:100%}.partner-member-metrics,.partner-role-metrics{grid-template-columns:1fr}.partner-member-list-head,.partner-member-list-head .partner-commercial-filters{align-items:stretch;flex-direction:column}.partner-member-list-head .partner-customer-search,.partner-member-list-head select{width:100%}.partner-member-dialog>.modal-head,.partner-role-dialog>.modal-head{padding:18px 16px 15px}.partner-member-form-body,.partner-role-form-body{padding:16px}.partner-role-fields,.partner-permission-matrix{grid-template-columns:1fr}.partner-role-card-top{grid-template-columns:42px minmax(0,1fr)}.partner-role-card-top>button,.partner-role-protected{grid-column:1/-1;justify-self:start}.partner-member-actions{flex-wrap:wrap}}