/* /assets/index-CSGsy8_W.css */
:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:#181818;background:#f3f5f7;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #00204d;--blue: #0878f9;--blue-dark: #03458f;--blue-soft: #eaf3ff;--green: #2e844a;--green-soft: #ebf7e6;--orange: #a96404;--orange-soft: #fff7e5;--red: #ba0517;--red-soft: #fef1ee;--ink: #181818;--muted: #5c5c5c;--faint: #747474;--border: #c9c9c9;--border-soft: #e5e5e5;--surface: #ffffff;--surface-muted: #f7f9fb;--sidebar-width: 256px}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:#f3f5f7}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;z-index:40;display:flex;flex-direction:column;background:linear-gradient(180deg,#00204d,#053874);color:#fff;border-right:1px solid #0b4b84;overflow:hidden}.brand-row{min-height:72px;padding:14px 16px;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(255,255,255,.14)}.sidebar-brand{width:190px;height:44px;flex:0 0 auto;display:flex;align-items:center;gap:8px;overflow:hidden}.sidebar-brand img{width:44px;height:44px;flex:0 0 auto;object-fit:contain;display:block}.sidebar-brand-label{color:#fff;font-size:23px;font-weight:650;letter-spacing:.03em}.main-nav{flex:1;padding:18px 10px;overflow-y:auto}.nav-section-label{display:block;padding:0 10px 8px;color:#a9c5e5;font-size:11px;font-weight:700;text-transform:uppercase}.nav-item{width:100%;min-height:44px;padding:9px 12px;display:flex;align-items:center;gap:12px;border:0;border-radius:6px;background:transparent;color:#dce9f7;text-align:left;font-size:14px;font-weight:600}.nav-item:hover{background:#ffffff17;color:#fff}.nav-item.active{background:#fff;color:var(--navy);box-shadow:inset 3px 0 #1b96ff}.nav-item svg{flex:0 0 auto}.sidebar-footer{padding:10px;border-top:1px solid rgba(255,255,255,.14)}.sidebar-user{margin-top:8px;padding:12px 8px 2px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px}.sidebar-user>div:nth-child(2){min-width:0;display:flex;flex-direction:column}.sidebar-user strong,.sidebar-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user strong{font-size:13px}.sidebar-user span{color:#a9c5e5;font-size:11px;margin-top:2px}.sidebar-user .icon-button{color:#dce9f7;border-color:transparent;background:transparent}.sidebar-mobile-close{display:none!important;margin-left:auto}.sidebar-compact{--sidebar-width: 76px}.sidebar-compact .nav-section-label,.sidebar-compact .nav-item span,.sidebar-compact .sidebar-user>div:nth-child(2),.sidebar-compact .sidebar-user>.icon-button{display:none}.sidebar-compact .brand-row{justify-content:center;padding:14px 10px}.sidebar-compact .sidebar-brand{width:42px}.sidebar-compact .sidebar-brand-label{display:none}.sidebar-compact .nav-item{justify-content:center;padding:10px}.sidebar-compact .sidebar-user{display:flex;justify-content:center;padding:12px 0 2px}.workspace{min-width:0}.topbar{height:72px;position:sticky;top:0;z-index:30;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fffffff7;border-bottom:1px solid var(--border-soft)}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:10px}.page-heading{display:flex;flex-direction:column;min-width:0}.page-heading span{color:var(--faint);font-size:11px;font-weight:700;text-transform:uppercase;line-height:15px}.page-heading h1{margin:0;color:var(--ink);font-size:21px;line-height:28px}.icon-button{width:40px;height:40px;padding:0;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--blue-dark)}.icon-button:hover{border-color:var(--blue);background:var(--blue-soft)}.mobile-menu{display:none}.date-control{height:42px;padding:3px 9px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--border);border-radius:6px;background:#fff}.date-control span{color:var(--faint);font-size:9px;line-height:10px;text-transform:uppercase}.date-control input{width:122px;border:0;outline:0;color:var(--ink);background:transparent;font-size:12px;font-weight:650}.connection-status{height:40px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--muted);font-size:12px;font-weight:650}.status-dot{width:8px;height:8px;border-radius:50%;background:#aaa}.status-dot.online{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.status-dot.offline{background:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.notification-button{position:relative}.notification-dot{position:absolute;right:8px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--red);border:2px solid #fff}.main-content{width:min(1600px,100%);margin:0 auto;padding:22px 24px 40px}.page-stack{display:flex;flex-direction:column;gap:16px}.error-banner{min-height:56px;margin-bottom:16px;padding:10px 14px;display:flex;align-items:center;gap:10px;border-left:4px solid var(--red);background:var(--red-soft);color:var(--red)}.error-banner div{flex:1;display:flex;flex-direction:column;gap:2px}.error-banner span{color:#64141c;font-size:13px}.loading-state{min-height:calc(100vh - 150px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--blue-dark)}.loading-state span{color:var(--muted);font-size:13px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:12px}.kpi{min-height:142px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border-soft);border-top:3px solid var(--blue);border-radius:8px;background:var(--surface);box-shadow:0 1px 2px #0000000d}.kpi-green{border-top-color:var(--green)}.kpi-orange{border-top-color:#e28700}.kpi-grey{border-top-color:#706e6b}.kpi-red{border-top-color:var(--red)}.kpi-top{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:700}.kpi-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;background:var(--blue-soft);color:var(--blue)}.kpi-green .kpi-icon{background:var(--green-soft);color:var(--green)}.kpi-orange .kpi-icon{background:var(--orange-soft);color:var(--orange)}.kpi-grey .kpi-icon{background:#f1f1f1;color:#444}.kpi-red .kpi-icon{background:var(--red-soft);color:var(--red)}.kpi-value{display:block;margin-top:10px;color:var(--navy);font-size:24px;line-height:30px;overflow-wrap:anywhere}.kpi-detail{color:var(--faint);font-size:11px;line-height:16px}.mini-progress,.progress,.table-progress{overflow:hidden;background:#e8ecf1}.mini-progress{width:100%;height:4px;margin:3px 0}.mini-progress span,.progress span,.table-progress span{height:100%;display:block;background:var(--green)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.9fr);gap:16px}.panel{min-width:0;overflow:hidden;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface);box-shadow:0 1px 2px #0000000a}.panel-header{min-height:70px;padding:14px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;border-bottom:1px solid var(--border-soft)}.panel-title-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:6px;background:var(--blue-soft);color:var(--blue)}.panel-header h2{margin:0;font-size:16px;line-height:22px}.panel-header p{margin:2px 0 0;color:var(--faint);font-size:12px;line-height:16px}.panel-action{align-self:center}.text-button{min-height:36px;padding:0 8px;border:0;background:transparent;color:var(--blue);font-weight:700;font-size:12px}.text-button:hover{text-decoration:underline}.sales-chart{height:264px;padding:20px 18px 12px;display:grid;grid-template-columns:78px minmax(0,1fr)}.chart-scale{padding-bottom:29px;display:flex;flex-direction:column;justify-content:space-between;color:var(--faint);font-size:10px}.chart-plot{min-width:0;position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.grid-line{position:absolute;left:0;right:0;height:1px;background:var(--border-soft)}.grid-line.top{top:0}.grid-line.middle{top:calc(50% - 15px)}.grid-line.bottom{bottom:30px}.bar-column{min-width:0;z-index:1;display:grid;grid-template-rows:minmax(0,1fr) 18px 12px;text-align:center}.bar-track{min-height:0;padding:0 16%;display:flex;align-items:flex-end}.bar{width:100%;min-height:4px;border-radius:4px 4px 0 0;background:var(--blue);transition:height .2s ease}.bar-column:hover .bar{background:var(--blue-dark)}.bar-column strong{font-size:10px;text-transform:capitalize}.bar-column small{color:var(--faint);font-size:9px}.alert-list{display:flex;flex-direction:column}.alert-row{min-height:54px;padding:10px 14px;display:grid;grid-template-columns:4px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--border-soft)}.alert-row:last-child{border-bottom:0}.severity-marker{width:4px;height:30px;border-radius:2px;background:var(--orange)}.severity-marker.red{background:var(--red)}.severity-marker.green{background:var(--green)}.alert-row div{min-width:0;display:flex;flex-direction:column;gap:2px}.alert-row strong,.alert-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-row strong{font-size:12px}.alert-row span{color:var(--muted);font-size:11px}.alert-row time{color:var(--faint);font-size:10px}.empty-inline{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--green)}.data-table-wrap{width:100%;overflow-x:auto;position:relative}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{height:40px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--surface-muted);color:var(--muted);font-size:10px;font-weight:750;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{min-height:52px;padding:10px 12px;border-bottom:1px solid var(--border-soft);vertical-align:middle;white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#f8fbff}.data-table td>strong,.data-table td>small{display:block}.data-table td>small{max-width:280px;margin-top:3px;overflow:hidden;color:var(--faint);font-size:10px;text-overflow:ellipsis}.amount-cell{color:var(--navy);font-weight:750}.warning-text{color:var(--orange)}.person-cell{display:flex;align-items:center;gap:9px}.person-cell>span:last-child{display:flex;flex-direction:column}.person-cell small{margin-top:2px;color:var(--faint);font-size:10px}.avatar{display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#d8e8fb;color:var(--navy);font-weight:800}.avatar.small{width:32px;height:32px;font-size:11px}.avatar img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.sidebar .avatar{background:#d8e8fb}.table-progress{width:70px;height:5px;border-radius:3px}.team-table td:nth-child(5) small{display:inline-block;margin-top:4px}.status-badge{min-height:24px;padding:4px 8px;display:inline-flex;align-items:center;border-radius:4px;background:#ecebea;color:#444;font-size:9px;font-weight:800;text-transform:uppercase;white-space:nowrap}.status-badge.success{background:var(--green-soft);color:#1c6333}.status-badge.warning{background:var(--orange-soft);color:#7a4500}.status-badge.danger{background:var(--red-soft);color:var(--red)}.grade-badge{min-width:28px;height:28px;display:inline-grid;place-items:center;border:1px solid #9dc6ef;border-radius:4px;background:var(--blue-soft);color:var(--navy);font-weight:850}.activity-feed{display:flex;flex-direction:column}.activity-row{min-height:58px;padding:9px 16px;display:grid;grid-template-columns:36px minmax(180px,1fr) auto auto 54px;align-items:center;gap:12px;border-bottom:1px solid var(--border-soft)}.activity-row:last-child{border-bottom:0}.activity-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;background:var(--blue-soft);color:var(--blue)}.activity-icon.visit{background:var(--green-soft);color:var(--green)}.activity-icon.remittance{background:var(--orange-soft);color:var(--orange)}.activity-row>div{display:flex;flex-direction:column;min-width:0}.activity-row>div strong,.activity-row>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-row>div strong{font-size:12px}.activity-row>div span{color:var(--faint);font-size:11px;margin-top:2px}.activity-amount{color:var(--navy);font-size:12px}.activity-row time{color:var(--faint);font-size:10px}.summary-strip{min-height:82px;padding:12px 0;display:flex;align-items:stretch;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface)}.summary-strip>div{min-width:170px;padding:5px 24px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--border-soft)}.summary-strip>div:last-child{border-right:0}.summary-strip span{color:var(--faint);font-size:11px}.summary-strip strong{margin-top:4px;color:var(--navy);font-size:18px}.table-toolbar{min-height:62px;padding:10px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-soft);background:#fff}.search-field{width:min(430px,100%);height:40px;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--faint)}.search-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px #0176d324}.search-field input{width:100%;border:0;outline:0;color:var(--ink)}.table-toolbar select,.session-form select,.session-form input{height:40px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--ink);outline:0}.empty-table{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--faint)}.empty-table strong{font-size:13px}.page-tabs{height:48px;display:flex;align-items:flex-end;gap:2px;border-bottom:1px solid var(--border)}.page-tabs button{height:48px;padding:0 16px;display:flex;align-items:center;gap:8px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:700}.page-tabs button:hover{background:#f7f9fb}.page-tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.page-tabs button span{min-width:22px;padding:2px 6px;border-radius:10px;background:#eceff3;color:var(--muted);font-size:10px}.page-tabs button.active span{background:var(--blue-soft);color:var(--blue-dark)}.pilot-summary{min-height:108px;display:grid;grid-template-columns:minmax(230px,1.1fr) minmax(180px,.8fr) minmax(180px,.8fr) auto;align-items:center;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface)}.pilot-score,.pilot-stat,.pilot-actions{min-height:78px;padding:14px 20px;border-right:1px solid var(--border-soft)}.pilot-score{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:10px}.pilot-score strong{color:var(--navy);font-size:28px;line-height:32px}.pilot-score>span{color:var(--muted);font-size:12px;padding-bottom:3px}.progress{grid-column:1 / -1;height:7px;margin-top:10px;border-radius:4px}.progress span{background:var(--blue)}.pilot-stat{display:flex;align-items:center;gap:11px;color:var(--blue)}.pilot-stat>div{display:flex;flex-direction:column}.pilot-stat strong{color:var(--ink);font-size:13px}.pilot-stat span{margin-top:3px;color:var(--faint);font-size:11px}.pilot-actions{display:flex;align-items:center;gap:8px;border-right:0}.primary-button,.secondary-button,.small-primary-button{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;font-weight:750}.primary-button,.small-primary-button{border:1px solid var(--blue);background:var(--blue);color:#fff}.primary-button:hover,.small-primary-button:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.secondary-button{border:1px solid var(--border);background:#fff;color:var(--blue-dark)}.secondary-button:hover{border-color:var(--blue);background:var(--blue-soft)}.small-primary-button{min-height:34px;padding:0 10px;font-size:11px}.pilot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:16px}.readiness-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.readiness-row{min-height:70px;padding:12px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.readiness-row:nth-child(2n){border-right:0}.readiness-row:nth-last-child(-n+2){border-bottom:0}.readiness-row div{display:flex;flex-direction:column;min-width:0}.readiness-row strong{font-size:12px}.readiness-row span{margin-top:3px;overflow:hidden;color:var(--faint);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.success-icon{color:var(--green)}.danger-icon{color:var(--red)}.session-form{padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.session-form label{display:flex;flex-direction:column;gap:5px}.session-form label:first-child{grid-column:1 / -1}.session-form label span{color:var(--muted);font-size:11px;font-weight:650}.session-meta{grid-column:1 / -1;min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border-soft);font-size:11px}.session-meta span{color:var(--faint)}.session-meta strong{text-align:right}.test-scenarios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-row{min-height:72px;padding:11px 16px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:#fff;text-align:left}.scenario-row:nth-child(2n){border-right:0}.scenario-row:nth-last-child(-n+2){border-bottom:0}.scenario-row:hover{background:#f8fbff}.scenario-row.done{background:#f5fbf3}.scenario-index{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--muted);font-weight:800;font-size:12px}.scenario-row.done .scenario-index{border-color:var(--green);background:var(--green);color:#fff}.scenario-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.scenario-copy strong{font-size:12px}.scenario-copy small{color:var(--faint);font-size:10px}.scenario-state{color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase}.scenario-row.done .scenario-state{color:var(--green)}.finance-kpis{grid-template-columns:repeat(4,minmax(180px,1fr))}.row-actions{display:flex;align-items:center;gap:6px}.icon-button.reject{width:34px;height:34px;color:var(--red)}.icon-button.reject:hover{border-color:var(--red);background:var(--red-soft)}.muted-cell{color:var(--faint);font-size:11px;font-weight:650}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(480px,55%) minmax(420px,45%);overflow:hidden;background:#f7faff}.login-brand-panel{position:relative;isolation:isolate;min-height:100vh;padding:clamp(38px,5.2vw,80px);display:flex;flex-direction:column;justify-content:space-between;background:#00204d url(/branding/hm-crm-background.svg) center / cover no-repeat;color:#fff}.login-brand-panel:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,18,51,.2),transparent 72%);pointer-events:none}.login-wordmark{width:max-content;max-width:100%;min-height:82px;display:flex;align-items:center;gap:14px;color:#fff}.login-wordmark-mark{width:82px;height:82px;flex:0 0 auto;object-fit:contain;display:block;filter:drop-shadow(0 8px 18px rgba(0,16,46,.2))}.login-wordmark-crm{font-size:clamp(36px,3vw,49px);font-weight:400;line-height:1;letter-spacing:.015em}.login-wordmark-divider{width:1px;height:50px;margin:0 3px;background:#69b0ffb8}.login-wordmark-by{display:flex;align-items:baseline;gap:8px;color:#d8e8fb;font-size:clamp(15px,1.3vw,20px);white-space:nowrap}.login-wordmark-by strong{color:#fff;font-size:clamp(20px,1.7vw,27px);text-decoration:underline;text-decoration-color:#1686ff;text-underline-offset:7px}.login-message{max-width:670px}.section-kicker{color:#4ba9ff;font-size:12px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.login-message h1{max-width:650px;margin:18px 0;font-size:clamp(38px,4.15vw,64px);line-height:1.06;letter-spacing:-.035em}.login-message p{max-width:610px;margin:0;color:#d8e8fb;font-size:clamp(15px,1.2vw,18px);line-height:1.65}.login-signal-row{display:flex;flex-wrap:wrap;align-items:center;gap:0;color:#d8e8fb;font-size:12px}.login-signal-row span{padding:0 24px;display:flex;align-items:center;gap:8px;border-left:1px solid rgba(216,232,251,.35)}.login-signal-row span:first-child{padding-left:0;border-left:0}.login-signal-row svg{color:#4ba9ff}.login-form-panel{min-height:100vh;padding:clamp(28px,4vw,64px);display:grid;place-items:center;background:radial-gradient(circle at 85% 16%,#eaf3ff 0,#eaf3ff00 32%),#f9fbfe}.login-form{width:min(500px,100%);padding:clamp(28px,3vw,40px);display:flex;flex-direction:column;gap:20px;border:1px solid #e0e8f2;border-radius:14px;background:#fffffff7;box-shadow:0 18px 55px #002b601a}.login-form-heading h2{margin:9px 0 8px;color:#071f43;font-size:clamp(24px,2vw,31px);line-height:1.18;letter-spacing:-.025em}.login-form-heading p{margin:0;color:var(--muted);font-size:13px}.login-label{display:flex;flex-direction:column;gap:8px}.login-label>span:first-child{color:#34445b;font-size:12px;font-weight:750}.login-input{height:54px;padding:0 14px;display:flex;align-items:center;gap:11px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#758296;transition:border-color .16s ease,box-shadow .16s ease}.login-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #0878f91f}.login-input input{min-width:0;height:100%;flex:1;padding:0;border:0;outline:0;background:transparent;color:#10223d}.login-input input::placeholder{color:#9aa6b6}.password-toggle{width:34px;height:34px;margin-right:-7px;padding:0;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#758296}.password-toggle:hover{background:var(--blue-soft);color:var(--blue-dark)}.login-button{width:100%;height:56px;border-color:transparent;border-radius:8px;background:linear-gradient(100deg,#1686ff,#0066e7);box-shadow:0 10px 22px #0067e733;font-size:15px}.login-button:hover{border-color:transparent;background:linear-gradient(100deg,#0b76ea,#0057c7)}.login-footnote{display:grid;grid-template-columns:minmax(22px,1fr) auto auto minmax(22px,1fr);align-items:center;gap:6px;color:var(--faint);font-size:10px;text-align:center}.login-footnote>span{height:1px;background:var(--border-soft)}.login-footnote strong{color:#173963}.form-error{min-height:42px;padding:9px 10px;display:flex;align-items:center;gap:8px;border-left:3px solid var(--red);background:var(--red-soft);color:var(--red);font-size:12px}.sidebar-scrim{display:none}@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.dashboard-grid{grid-template-columns:1fr}.pilot-summary{grid-template-columns:repeat(3,1fr)}.pilot-actions{grid-column:1 / -1;min-height:60px;justify-content:flex-end;border-top:1px solid var(--border-soft)}.pilot-grid{grid-template-columns:1fr}.finance-kpis{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media(max-width:900px){.app-shell,.sidebar-compact{display:block;--sidebar-width: 256px}.sidebar{position:fixed;left:0;transform:translate(-102%);width:280px;transition:transform .2s ease;box-shadow:8px 0 28px #00000038}.sidebar.sidebar-open{transform:translate(0)}.sidebar .nav-section-label,.sidebar .nav-item span,.sidebar .sidebar-user>div:nth-child(2),.sidebar .sidebar-user>.icon-button{display:initial}.sidebar .sidebar-brand{width:180px}.sidebar .sidebar-brand-label{display:block}.sidebar .brand-row{justify-content:flex-start;padding:14px 16px}.sidebar .nav-item{justify-content:flex-start;padding:9px 12px}.sidebar .sidebar-user{display:grid;padding:12px 8px 2px}.sidebar-mobile-close,.mobile-menu{display:inline-grid!important}.desktop-collapse{display:none}.sidebar-scrim{position:fixed;inset:0;z-index:35;display:block;border:0;background:#0314286b}.topbar{padding:0 16px}.main-content{padding:18px 16px 34px}.connection-status span:last-child{display:none}.connection-status{width:40px;padding:0;justify-content:center}.activity-row{grid-template-columns:36px minmax(160px,1fr) auto 50px}.activity-row .status-badge{display:none}.login-shell{display:block;overflow:visible;background:#f7faff}.login-brand-panel{min-height:250px;height:250px;padding:28px 24px 94px;justify-content:flex-start;background-position:60% center}.login-wordmark{width:min(340px,82%)}.login-message,.login-signal-row{display:none}.login-form-panel{min-height:calc(100vh - 180px);padding:0 18px 32px;display:block}.login-form{position:relative;z-index:2;margin:-70px auto 0}}@media(max-width:680px){.topbar{height:auto;min-height:72px;padding:10px 12px;align-items:flex-start}.topbar-actions{margin-left:auto}.page-heading span{display:none}.page-heading h1{font-size:17px;line-height:40px}.date-control,.notification-button{display:none}.main-content{padding:12px 10px 28px}.page-stack{gap:12px}.kpi-grid,.finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi{min-height:132px;padding:13px}.kpi-value{font-size:19px;line-height:24px}.kpi-top>span:last-child{font-size:10px}.panel-header{min-height:64px;padding:12px}.panel-header p{display:none}.panel-action .text-button{padding:0}.sales-chart{height:230px;padding:16px 8px 8px;grid-template-columns:50px minmax(0,1fr)}.bar-track{padding:0 10%}.chart-scale{font-size:8px}.summary-strip{overflow-x:auto}.summary-strip>div{min-width:155px;padding:5px 16px}.table-toolbar{flex-direction:column;align-items:stretch}.search-field,.table-toolbar select{width:100%}.pilot-summary{grid-template-columns:1fr}.pilot-score,.pilot-stat,.pilot-actions{border-right:0;border-bottom:1px solid var(--border-soft)}.pilot-actions{grid-column:auto;justify-content:stretch}.pilot-actions button{flex:1}.readiness-list,.test-scenarios{grid-template-columns:1fr}.readiness-row,.scenario-row{border-right:0}.readiness-row:nth-last-child(-n+2),.scenario-row:nth-last-child(-n+2){border-bottom:1px solid var(--border-soft)}.readiness-row:last-child,.scenario-row:last-child{border-bottom:0}.session-form{grid-template-columns:1fr}.session-form label:first-child,.session-meta{grid-column:auto}.activity-row{grid-template-columns:34px minmax(0,1fr) auto;gap:8px}.activity-row .activity-amount{display:none}.activity-row time{text-align:right}.page-tabs{overflow-x:auto}.page-tabs button{white-space:nowrap}.login-brand-panel{height:220px;min-height:220px;padding:20px 20px 82px}.login-wordmark{min-height:64px;gap:9px}.login-wordmark-mark{width:64px;height:64px}.login-wordmark-crm{font-size:32px}.login-wordmark-divider{height:38px;margin:0 1px}.login-wordmark-by{gap:5px;font-size:13px}.login-wordmark-by strong{font-size:18px;text-underline-offset:5px}.login-form-panel{min-height:calc(100vh - 150px);padding:0 12px 24px}.login-form{margin-top:-62px;padding:26px 20px;gap:17px}.login-form-heading h2{font-size:24px}.login-input{height:50px}.login-button{height:52px}.login-footnote{grid-template-columns:minmax(12px,1fr) auto auto minmax(12px,1fr);font-size:9px}}@media(max-width:420px){.kpi-grid,.finance-kpis{grid-template-columns:1fr}.kpi{min-height:124px}.page-heading{max-width:150px}.page-heading h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scenario-state,.login-wordmark-by,.login-wordmark-divider{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.management-panel-heading{min-height:76px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border-soft)}.management-heading-copy,.management-heading-actions{display:flex;align-items:center;gap:10px}.management-heading-copy>div{display:flex;flex-direction:column;gap:3px}.management-heading-copy h2{margin:0;color:var(--ink);font-size:14px}.management-heading-copy p{margin:0;color:var(--faint);font-size:11px}.management-heading-actions{flex-wrap:wrap;justify-content:flex-end}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f4f9ff}.data-table td>small{display:block;margin-top:3px;color:var(--faint);font-size:10px}.compact-button{min-height:32px;padding:0 10px;font-size:10px;white-space:nowrap}.modal-backdrop{position:fixed;inset:0;z-index:100;padding:16px;display:grid;place-items:center;background:#01122a94;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.management-modal{width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #d9e2ed;border-radius:12px;background:#fff;box-shadow:0 24px 70px #00193c4d}.management-modal.wide{width:min(1080px,calc(100vw - 32px))}.management-modal-header{min-height:76px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-soft);background:#fff}.management-modal-header h2{margin:0;color:var(--navy);font-size:19px}.management-modal-header p{margin:4px 0 0;color:var(--faint);font-size:11px}.management-modal-body{padding:18px;overflow:auto;background:#f8fafc}.management-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.management-field{min-width:0;display:flex;flex-direction:column;gap:6px}.management-field>span,.field-caption{color:var(--muted);font-size:11px;font-weight:750}.management-field input,.management-field select,.management-field textarea,.group-form input,.group-form textarea,.invoice-line input,.invoice-line select,.inline-select{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--border);border-radius:6px;outline:0;background:#fff;color:var(--ink)}.management-field textarea,.group-form textarea{min-height:88px;resize:vertical}.management-field input:focus,.management-field select:focus,.management-field textarea:focus,.group-form input:focus,.group-form textarea:focus,.invoice-line input:focus,.invoice-line select:focus,.inline-select:focus{border-color:var(--blue);box-shadow:0 0 0 2px #0176d321}.management-field.full,.management-checkbox,.management-form-error,.form-actions,.invoice-lines.full,.invoice-total.full{grid-column:1 / -1}.management-checkbox{min-height:42px;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;font-weight:700}.management-checkbox input{width:17px;height:17px;accent-color:var(--blue)}.management-form-error{min-height:38px;padding:10px 12px;border-left:3px solid var(--red);border-radius:4px;background:var(--red-soft);color:var(--red);font-size:11px}.form-actions{padding-top:5px;display:flex;justify-content:flex-end;gap:9px}.danger-button{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e1a3a3;border-radius:6px;background:#fff;color:var(--red);font-weight:750}.danger-button:hover{border-color:var(--red);background:var(--red-soft)}.record-actions{margin-bottom:16px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.record-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border-soft);border-radius:8px;background:#fff}.record-summary-grid>div{min-height:72px;padding:13px;display:flex;flex-direction:column;justify-content:center;gap:5px;border-right:1px solid var(--border-soft)}.record-summary-grid>div:last-child{border-right:0}.record-summary-grid span{color:var(--faint);font-size:10px}.record-summary-grid strong{color:var(--navy);font-size:13px}.management-section-title{margin:20px 0 9px;color:var(--navy);font-size:13px}.detail-chips{display:flex;flex-wrap:wrap;gap:7px}.detail-chips span{padding:7px 10px;border:1px solid var(--border);border-radius:18px;background:#fff;color:var(--muted);font-size:10px}.detail-chips span.blue{border-color:#a9cff4;background:var(--blue-soft);color:var(--blue-dark)}.detail-chips em{color:var(--faint);font-size:11px}.floating-loading{position:fixed;right:24px;bottom:24px;z-index:90;padding:11px 15px;border-radius:7px;background:var(--navy);color:#fff;box-shadow:0 10px 30px #001f4a3d;font-size:11px;font-weight:750}.invoice-lines{padding:12px;border:1px solid var(--border-soft);border-radius:8px;background:#fff}.invoice-lines-header{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.invoice-line{margin-top:8px;display:grid;grid-template-columns:minmax(0,1fr) 100px 38px;gap:8px;align-items:center}.invoice-total{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;border-radius:7px;background:var(--blue-soft);color:var(--blue-dark)}.invoice-total span{font-size:11px;font-weight:700}.invoice-total strong{font-size:19px}.groups-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px}.group-list{min-height:280px;display:flex;flex-direction:column;gap:8px}.group-card{padding:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border-soft);border-radius:7px;background:#fff}.group-card>div{min-width:0;display:flex;flex-direction:column;gap:4px}.group-card span,.group-card small{color:var(--faint);font-size:10px}.group-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-form{padding:15px;display:flex;flex-direction:column;gap:11px;border:1px solid var(--border-soft);border-radius:8px;background:#fff}.group-form h3{margin:0 0 3px;color:var(--navy);font-size:14px}.group-pos-list{max-height:220px;overflow:auto;border:1px solid var(--border-soft);border-radius:6px}.group-pos-list label{min-height:44px;padding:7px 9px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid var(--border-soft);font-size:11px}.group-pos-list label:last-child{border-bottom:0}.group-pos-list input{width:16px;height:16px;min-height:auto;accent-color:var(--blue)}.group-pos-list small{color:var(--faint)}.categories-layout{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);gap:16px;align-items:start}.category-form{padding:15px;display:flex;flex-direction:column;gap:13px;border:1px solid var(--border-soft);border-radius:8px;background:#fff}.category-form h3{margin:0 0 2px;color:var(--navy);font-size:14px}.category-form .management-form-error{grid-column:auto}.category-form .form-actions{padding-top:0;flex-wrap:wrap}.category-list-panel{min-width:0;overflow:hidden;border:1px solid var(--border-soft);border-radius:8px;background:#fff}.category-list-heading{min-height:58px;padding:11px 13px;display:flex;align-items:center;border-bottom:1px solid var(--border-soft)}.category-list-heading>div{display:flex;flex-direction:column;gap:3px}.category-list-heading strong{color:var(--navy);font-size:13px}.category-list-heading small{color:var(--faint);font-size:10px}.category-row-actions{display:flex;align-items:center;gap:7px}.category-row-actions .icon-button:disabled{cursor:not-allowed;opacity:.35}.supervisor-strip{padding:12px 14px;display:flex;gap:10px;overflow-x:auto;border-bottom:1px solid var(--border-soft);background:#f8fafc}.supervisor-strip article{min-width:230px;padding:10px;display:flex;align-items:center;gap:9px;border:1px solid var(--border-soft);border-radius:7px;background:#fff}.supervisor-strip article>div{display:flex;flex-direction:column;gap:3px}.supervisor-strip small{color:var(--faint);font-size:9px}.inline-select{min-width:170px;min-height:36px;padding:6px 8px;font-size:10px}.management-notice{padding:11px 14px;border:1px solid #e8c681;border-radius:7px;background:var(--orange-soft);color:#764700;font-size:11px}.settings-hero{min-height:124px;padding:20px 22px;display:flex;align-items:center;gap:16px}.settings-hero>div:nth-child(2){min-width:0;flex:1}.settings-hero h2{margin:5px 0 4px;color:var(--navy);font-size:22px}.settings-hero p{margin:0;color:var(--faint);font-size:11px}.settings-avatar{width:72px;height:72px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border:3px solid #fff;border-radius:50%;background:#d8e8fb;color:var(--navy);box-shadow:0 0 0 1px var(--border),0 7px 18px #0030641f;font-size:20px;font-weight:850}.settings-avatar.large{width:84px;height:84px;font-size:24px}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-api-state{padding:8px 11px;display:inline-flex;align-items:center;gap:7px;border-radius:18px;font-size:10px;font-weight:800}.settings-api-state.online{background:var(--green-soft);color:var(--green)}.settings-api-state.offline{background:var(--red-soft);color:var(--red)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.settings-card{overflow:hidden}.settings-card>header{min-height:72px;padding:14px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-soft)}.settings-card>header>div{display:flex;flex-direction:column;gap:3px}.settings-card>header h2{margin:0;font-size:14px}.settings-card>header p{margin:0;color:var(--faint);font-size:10px}.photo-editor{padding:16px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;border-bottom:1px solid var(--border-soft);background:#f9fbfd}.photo-editor>div:nth-child(2){display:flex;flex-direction:column;gap:5px}.photo-editor>div:nth-child(2)>span{color:var(--faint);font-size:10px;line-height:1.4}.photo-actions{margin-top:5px;display:flex;align-items:center;gap:7px}.hidden-file-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.settings-form{padding:16px;display:flex;flex-direction:column;gap:13px}.settings-form label{display:flex;flex-direction:column;gap:6px}.settings-form label>span{color:var(--muted);font-size:11px;font-weight:750}.settings-form input{width:100%;min-height:43px;padding:9px 11px;border:1px solid var(--border);border-radius:6px;outline:0;background:#fff;color:var(--ink)}.settings-form input:focus{border-color:var(--blue);box-shadow:0 0 0 2px #0176d321}.settings-form input:disabled{background:#f1f3f6;color:var(--faint)}.settings-form-actions{display:flex;justify-content:flex-end}.settings-feedback{min-height:40px;padding:9px 11px;display:flex;align-items:center;gap:8px;border-left:3px solid;border-radius:4px;font-size:11px}.settings-feedback.error{border-color:var(--red);background:var(--red-soft);color:var(--red)}.settings-feedback.success{border-color:var(--green);background:var(--green-soft);color:var(--green)}.settings-help{margin:0;padding:10px;display:flex;align-items:flex-start;gap:8px;border-radius:6px;background:var(--blue-soft);color:var(--blue-dark);font-size:10px;line-height:1.45}.settings-session-card{grid-column:1 / -1}.settings-session-card>.danger-button{margin:0 16px 16px}.settings-details{margin:0;padding:5px 16px 16px}.settings-details>div{min-height:44px;display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;border-bottom:1px solid var(--border-soft)}.settings-details dt{color:var(--faint);font-size:10px}.settings-details dd{margin:0;overflow-wrap:anywhere;font-size:11px;font-weight:700}.success-text{color:var(--green)}.danger-text{color:var(--red)}@media(max-width:680px){.management-panel-heading{align-items:stretch;flex-direction:column}.management-heading-actions{justify-content:stretch}.management-heading-actions button{flex:1}.management-modal,.management-modal.wide{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.modal-backdrop{padding:8px}.management-modal-body{padding:12px}.management-form{grid-template-columns:1fr}.management-field.full,.management-checkbox,.management-form-error,.form-actions,.invoice-lines.full,.invoice-total.full{grid-column:auto}.record-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-summary-grid>div:nth-child(2){border-right:0}.record-summary-grid>div:nth-child(-n+2){border-bottom:1px solid var(--border-soft)}.groups-layout,.categories-layout{grid-template-columns:1fr}.category-form .form-actions button{flex:1}.invoice-line{grid-template-columns:minmax(0,1fr) 76px 38px}.record-actions{justify-content:stretch}.record-actions button{flex:1}.settings-grid{grid-template-columns:1fr}.settings-session-card{grid-column:auto}.settings-hero{align-items:flex-start;flex-wrap:wrap}.settings-api-state{margin-left:100px;margin-top:-34px}}


/* /assets/hm-density-2026-10-21.css */
/* HM CRM: presentation-only density overlay for deployment 4b339d49.
   Original application JS, original CSS, HM branding, login and CRUD modals stay intact. */
.app-shell { --sidebar-width: 240px; --hm-control-size: 40px; --hm-small-control-size: 36px; }
.app-shell.sidebar-compact { --sidebar-width: 68px; }
.sidebar { height: 100dvh; }
.brand-row { height: 64px; min-height: 64px; padding: 9px 16px; }
.sidebar-compact .brand-row { padding: 9px 10px; }
.sidebar-compact .sidebar-brand { width: 44px; }
.main-nav { min-height: 0; }
.topbar { height: auto; min-height: 64px; padding: 8px 24px; }
.topbar-left { flex: 1; min-width: 0; }
.topbar-actions { flex-shrink: 0; }
.topbar .icon-button, .sidebar .icon-button { width: var(--hm-control-size); height: var(--hm-control-size); flex-shrink: 0; }
.date-control { height: var(--hm-control-size); }
.date-control span { font-size: 11px; line-height: 12px; }
.date-control input { font-size: 13px; line-height: 18px; }
.connection-status { height: var(--hm-control-size); }

.kpi { min-height: 120px; padding: 14px; }
.kpi-icon { flex-shrink: 0; }
.kpi-value { margin-top: 8px; font-variant-numeric: tabular-nums; }
.dashboard-grid, .pilot-grid { align-items: start; }
.panel-header { min-height: 64px; padding: 12px 16px; }
.panel-title-icon { width: 32px; height: 32px; }
.sales-chart { height: 240px; grid-template-columns: max-content minmax(0, 1fr); }
.chart-scale { padding: 0 10px 32px 0; font-size: 11px; line-height: 1.35; }
.grid-line.middle { top: calc(50% - 16px); }
.grid-line.bottom { bottom: 32px; }
.bar-column { grid-template-rows: minmax(0, 1fr) 18px 14px; }
.bar-column strong, .bar-column small { font-size: 11px; }
.alert-row strong { font-size: 13px; }
.alert-row time { font-size: 11px; }
.empty-inline, .empty-table:not(.management-modal *) { min-height: 128px; }

/* The original management dialogs keep their own typography and spacing. */
.data-table:not(.management-modal *) { font-size: 13px; line-height: 1.4; }
.data-table:not(.management-modal *) th { font-size: 11px; }
.data-table:not(.management-modal *) td { padding-block: 8px; }
.data-table:not(.management-modal *) td > small,
.person-cell:not(.management-modal *) small { font-size: 11px; line-height: 1.35; }
.status-badge:not(.management-modal *) { font-size: 11px; line-height: 16px; font-weight: 700; }
.activity-row > div strong { font-size: 13px; }
.activity-row > div span { font-size: 12px; }
.activity-amount { font-size: 13px; font-variant-numeric: tabular-nums; }
.activity-row time { font-size: 11px; }
.activity-row > .activity-amount { grid-column: 3; }
.activity-row > .status-badge { grid-column: 4; }
.activity-row > time { grid-column: 5; text-align: right; }

.summary-strip { min-height: 72px; padding: 8px 0; }
.summary-strip > div { flex: 1 1 170px; }
.summary-strip span { font-size: 12px; line-height: 16px; }
.summary-strip strong { font-variant-numeric: tabular-nums; }
.table-toolbar { min-height: 56px; padding: 8px 14px; }
.search-field { height: var(--hm-control-size); }
.search-field input { min-width: 0; font-size: 14px; }
.table-toolbar select, .session-form select, .session-form input { height: var(--hm-control-size); font-size: 14px; }
.session-form label, .session-form select, .session-form input { min-width: 0; }
.session-form select, .session-form input { width: 100%; }
.pilot-summary { min-height: 0; align-items: stretch; }
.pilot-score, .pilot-stat, .pilot-actions { min-height: 72px; padding: 12px 16px; }
.pilot-stat > div { min-width: 0; }
.pilot-stat span { font-size: 12px; line-height: 16px; }
.pilot-actions { flex-wrap: wrap; }
.app-shell :is(.primary-button, .secondary-button, .small-primary-button):not(.management-modal *) { min-height: var(--hm-control-size); font-size: 14px; line-height: 1.35; }
.app-shell .small-primary-button:not(.management-modal *) { min-height: var(--hm-small-control-size); font-size: 12px; }
.app-shell .icon-button.reject:not(.management-modal *) { width: var(--hm-small-control-size); height: var(--hm-small-control-size); }
.readiness-row { min-height: 64px; padding: 10px 14px; }
.readiness-row strong, .scenario-copy strong { font-size: 13px; line-height: 18px; }
.readiness-row span, .scenario-copy small { font-size: 11px; line-height: 1.35; }
.scenario-state { font-size: 11px; }
.session-form label span { font-size: 12px; }

.app-shell button > svg, .search-field > svg, .pilot-stat > svg, .error-banner > svg { flex-shrink: 0; }
.app-shell :is(button, input, select, a):not(.management-modal *):focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
.sidebar button:focus-visible { outline-color: #fff; outline-offset: -3px; }
.date-control:focus-within { border-color: var(--blue); }

@media (max-width: 1180px) {
  .pilot-actions { min-height: 60px; }
}
@media (max-width: 900px) {
  .app-shell, .app-shell.sidebar-compact { --sidebar-width: 240px; }
  .sidebar { visibility: hidden; }
  .sidebar.sidebar-open { visibility: visible; }
  .sidebar .brand-row { padding: 9px 16px; }
  .sidebar .sidebar-brand { width: 180px; }
  .topbar { padding-inline: 16px; }
  .connection-status { width: var(--hm-control-size); }
  .activity-row > time { grid-column: 4; }
}
@media (max-width: 680px) {
  .app-shell { --hm-control-size: 44px; --hm-small-control-size: 44px; }
  .topbar { min-height: 64px; padding: 8px 12px; align-items: center; }
  .page-heading h1 { line-height: 1.3; }
  .kpi-grid, .finance-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kpi { min-height: 116px; padding: 12px; }
  .kpi-top > span:last-child { font-size: 12px; }
  .panel-header { min-height: 56px; padding: 12px; }
  .sales-chart { height: 230px; grid-template-columns: max-content minmax(0, 1fr); }
  .chart-scale { font-size: 11px; }
  .summary-strip { display: grid; grid-template-columns: minmax(0, 1fr); padding: 0; overflow: visible; }
  .summary-strip > div { min-width: 0; min-height: 44px; padding: 10px 14px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; border-right: 0; border-bottom: 1px solid var(--border-soft); }
  .summary-strip > div:last-child { border-bottom: 0; }
  .summary-strip strong { margin-top: 0; font-size: clamp(16px, 4.8vw, 18px); text-align: right; }
  .search-field input, .table-toolbar select, .session-form select, .session-form input { font-size: 16px; }
  .pilot-actions { border-top: 0; border-bottom: 0; }
  .pilot-actions button { flex: 1 1 160px; }
  .activity-row > time { grid-column: 3; }
}
@media (min-width: 360px) and (max-width: 680px) {
  .pilot-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pilot-score, .pilot-actions { grid-column: 1 / -1; }
  .pilot-stat:nth-child(2) { border-right: 1px solid var(--border-soft); }
}
@media (max-width: 359px) {
  .kpi-grid, .finance-kpis { grid-template-columns: 1fr; }
  .kpi { min-height: 104px; }
}
@media (pointer: coarse) {
  .app-shell { --hm-control-size: 44px; --hm-small-control-size: 44px; }
  .search-field input, .table-toolbar select, .session-form select, .session-form input { font-size: 16px; }
  .date-control input { width: 144px; font-size: 16px; }
}


/* /tickets/company-nav.css */
.sidebar a.hm-ticket-nav{text-decoration:none}.sidebar a.hm-ticket-nav:focus-visible{outline:2px solid #f39c12;outline-offset:3px}

/* Support is a muted utility in the main footer, never an operational menu item. */
#root .app-shell .official-workspace-footer {font-size:12px;line-height:18px}
#root .app-shell .official-workspace-footer > nav {gap:4px 20px}
#root .app-shell .official-workspace-footer > nav a {display:inline-flex;align-items:center;min-height:44px;max-width:100%;font-size:12px;line-height:18px;color:#65747C;font-weight:400;text-underline-offset:3px;background:transparent;border:0;box-shadow:none}
#root .app-shell .official-workspace-footer > nav a:hover {color:#173747}
#root .app-shell .official-workspace-footer > nav a:focus-visible {outline:2px solid #0A3D62;outline-offset:3px;border-radius:2px}
.governance-footer > nav {display:flex;align-items:center;flex-wrap:wrap;gap:4px 20px}
.governance-footer > nav a {min-height:44px;display:inline-flex;align-items:center;color:#65747C;font-size:12px;font-weight:400;text-underline-offset:3px}
.governance-footer > nav a:hover {color:#173747}
@media(max-width:620px){#root .app-shell .official-workspace-footer > nav,.governance-footer > nav{gap:4px 16px;width:100%}}


/* /assets/excellia-workspace-2026-10-28.css */
/* Presentation overlay for the preserved HM production application.
   Product: Excellia CRM. Customer workspace: HM Sarl.
   This file does not replace the application or alter its business behavior. */
@font-face {
  font-family: "Excellia Inter";
  src: url("/branding/inter.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  font-family: "Excellia Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #173747;
  background: #f5f7f5;
  --navy: #002c42;
  --blue: #0b3d5c;
  --blue-dark: #002c42;
  --blue-soft: #edf3f5;
  --ink: #173747;
  --muted: #536977;
  --faint: #6b7c84;
  --border: #c8d4d9;
  --border-soft: #dde5e8;
  --surface: #fff;
  --surface-muted: #f5f7f5;
}

body { background: #f5f7f5; }
button, input, select, textarea { font: inherit; }
.sidebar { background: #002c42; border-right-color: #183f51; }
.sidebar-brand { width: 190px; gap: 10px; }
.sidebar-brand img { width: 36px; height: 36px; border-radius: 5px; }
.sidebar-brand-label { display: flex; flex-direction: column; gap: 3px; font-size: 14px; line-height: 18px; font-weight: 650; letter-spacing: 0; }
.crm-sidebar-product { color: #b2c2ca; font-size: 10px; line-height: 13px; font-weight: 450; letter-spacing: 0; }
.sidebar-compact .crm-sidebar-product { display: none; }
.nav-section-label, .sidebar-user span { color: #b2c2ca; }
.nav-item { color: #dce6eb; }
.nav-item.active { box-shadow: inset 3px 0 #ec8a30; }
.nav-item:hover { background: rgba(255,255,255,.08); }
.nav-item.active:hover { background: #fff; color: var(--navy); }
.topbar { background: rgba(255,255,255,.98); }
.page-heading h1, .panel-header h2 { color: var(--navy); }
.kpi-orange { border-top-color: #ec8a30; }
.primary-button, .small-primary-button { background: var(--blue); border-color: var(--blue); }
.primary-button:hover, .small-primary-button:hover { background: var(--navy); border-color: var(--navy); }
.search-field:focus-within,
.management-field input:focus, .management-field select:focus, .management-field textarea:focus,
.group-form input:focus, .group-form textarea:focus,
.invoice-line input:focus, .invoice-line select:focus,
.inline-select:focus, .settings-form input:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(11,61,92,.10);
}
.detail-chips span.blue { border-color: #c8d9e0; }

/* A compact sign-in, with the customer separated from the product identity. */
.login-shell {
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  grid-template-columns: minmax(0,1fr);
  grid-template-rows: auto 1fr auto;
  align-items: center;
  overflow: visible;
  background: #f5f7f5;
}
.login-brand-panel {
  position: static;
  min-height: 0;
  height: auto;
  padding: 40px 24px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--navy);
}
.login-brand-panel::after { display: none; }
.login-wordmark { width: auto; max-width: 100%; min-height: 48px; gap: 0; }
.login-wordmark > :not(.crm-login-symbol) { display: none; }
.crm-login-symbol { display: block; width: 48px; height: 48px; object-fit: contain; }
.login-message, .login-signal-row { display: none; }
.login-form-panel {
  min-height: 0;
  width: 100%;
  padding: 36px 24px;
  display: grid;
  place-items: center;
  background: transparent;
}
.login-form {
  width: min(440px,100%);
  max-width: 100%;
  position: static;
  margin: 0;
  padding: 32px;
  gap: 22px;
  border: 1px solid #d7e0e3;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(0,44,66,.035);
}
.login-form-heading .section-kicker { display: none; }
.crm-workspace-badge { display: flex; align-items: center; gap: 9px; margin-bottom: 23px; color: var(--muted); font-size: 13px; line-height: 20px; font-weight: 500; }
.crm-workspace-badge img { display: block; width: 28px; height: 28px; object-fit: contain; border: 1px solid #edf0f1; border-radius: 5px; }
.login-form-heading h2 { margin: 0 0 10px; color: var(--navy); font-size: clamp(22px,2vw,26px); font-weight: 700; line-height: 1.25; letter-spacing: -.035em; }
.login-form-heading p { color: var(--muted); font-size: 13px; line-height: 1.65; }
.login-label { gap: 8px; }
.login-label > span:first-child { color: #344e5c; font-size: 12px; font-weight: 600; }
.login-input { height: 48px; padding: 0 13px; border: 1px solid #bdcbd2; border-radius: 6px; color: #667e89; transition: border-color .16s ease, box-shadow .16s ease; }
.login-input input { font-size: 15px; color: var(--ink); }
.login-input input::placeholder { color: #84949c; }
.login-input:focus-within { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(11,61,92,.10); }
.login-button { min-height: 48px; height: 48px; border: 1px solid var(--blue); border-radius: 6px; background: var(--blue); box-shadow: none; font-size: 14px; font-weight: 650; }
.login-button:hover { border-color: var(--navy); background: var(--navy); }
.login-footnote { display: none; }
.crm-product-attribution {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 5px;
  width: 100%;
  padding: 8px 24px max(28px,env(safe-area-inset-bottom));
  color: #7c8386;
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
}
.crm-product-attribution img { display: block; width: 60px; height: 15.25px; object-fit: contain; transform: none; }
.sidebar-footer .crm-product-attribution { padding: 18px 0 4px; color: #a9b3b8; font-size: 10px; line-height: 15px; }
.sidebar-footer .crm-product-attribution img { opacity: .8; }
.sidebar-compact .sidebar-footer .crm-product-attribution { display: none; }
.login-shell :is(button,input):focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }

@media (max-width: 900px) {
  .sidebar .sidebar-brand { width: 190px; }
  .sidebar .sidebar-brand-label { display: flex; }
  .sidebar .crm-sidebar-product { display: block; }
  .sidebar .crm-product-attribution { display: flex; }
}
@media (max-width: 680px) {
  .login-brand-panel { min-height: 0; height: auto; padding: 24px 18px 0; }
  .login-wordmark { min-height: 44px; }
  .crm-login-symbol { width: 44px; height: 44px; }
  .login-form-panel { min-height: 0; padding: 28px 18px; }
  .login-form { margin: 0; padding: 26px 22px; gap: 21px; border-radius: 10px; }
  .login-form-heading h2 { font-size: 24px; }
  .login-input input { font-size: 16px; }
  .crm-product-attribution { padding-bottom: max(22px,env(safe-area-inset-bottom)); }
}
@media (max-width: 359px) {
  .login-form-panel { padding-inline: 12px; }
  .login-form { padding-inline: 20px; }
  .login-form-heading h2 { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .login-input, .sidebar { transition: none; }
}


/* /assets/backoffice-ui-2026-10-28.css */
/* Shared presentation for the preserved application and its company tickets.
   No business rules, permissions or data are changed here. */
:root {
  --crm-control: 40px;
  --crm-icon: 18px;
  --crm-radius: 7px;
  --faint: #61727c;
}
.app-shell { --hm-control-size: var(--crm-control); --hm-small-control-size: var(--crm-control); }
.app-shell .crm-sidebar-product, .app-shell .notification-button,
.app-shell .page-heading > span, .app-shell .settings-hero .section-kicker { display: none; }
.app-shell:not([data-crm-date-filter="true"]) .date-control { display: none; }
.app-shell .sidebar-brand-label { font-size: 15px; line-height: 22px; }
.app-shell .brand-row { align-items: center; }
.app-shell .sidebar-brand { height: 44px; }
.app-shell .sidebar-brand img { width: 32px; height: 32px; }
.app-shell .nav-item { min-height: 44px; gap: 10px; font-size: 13px; line-height: 20px; font-weight: 550; }
.app-shell .nav-item.active { font-weight: 650; }
.app-shell .nav-item svg { display: block; width: 20px; height: 20px; flex: 0 0 20px; stroke-width: 1.7; }
.app-shell .nav-section-label { font-size: 10px; font-weight: 600; letter-spacing: .06em; }
.app-shell .topbar { min-height: 64px; gap: 16px; }
.app-shell .topbar-left { gap: 14px; align-items: center; }
.app-shell .topbar-actions { align-items: center; gap: 10px; }
.app-shell .page-heading { min-width: 0; max-width: none; }
.app-shell .page-heading h1 { font-size: 22px; line-height: 1.3; letter-spacing: -.025em; font-weight: 650; }
.app-shell .main-content { padding: 24px 24px 40px; }
.app-shell .panel, .app-shell .kpi { border-radius: 8px; box-shadow: 0 1px 2px rgba(0,44,66,.025); }
.app-shell .panel-header, .app-shell .management-panel-heading, .app-shell .settings-card > header {
  min-height: 64px; padding: 14px 16px; gap: 14px; align-items: center;
}
.app-shell .panel-header h2, .app-shell .management-heading-copy h2, .app-shell .settings-card > header h2 {
  font-size: 15px; line-height: 21px; font-weight: 650; letter-spacing: -.015em;
}
.app-shell .panel-header p, .app-shell .management-heading-copy p, .app-shell .settings-card > header p {
  color: var(--faint); font-size: 12px; line-height: 18px;
}
.app-shell .panel-title-icon, .app-shell .kpi-icon { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 32px; }
.app-shell .panel-title-icon svg, .app-shell .kpi-icon svg { width: 18px; height: 18px; display: block; }
.app-shell :is(.primary-button,.secondary-button,.small-primary-button,.danger-button,.compact-button),
.app-shell :is(.primary-button,.secondary-button,.small-primary-button,.danger-button,.compact-button):not(.management-modal *),
.management-modal :is(.primary-button,.secondary-button,.small-primary-button,.danger-button,.compact-button) {
  min-height: var(--crm-control); padding: 9px 13px; display: inline-flex; align-items: center; justify-content: center;
  gap: 8px; border-radius: var(--crm-radius); font-size: 13px; line-height: 20px; font-weight: 600;
}
.app-shell :is(.icon-button,.icon-button.reject), .management-modal :is(.icon-button,.icon-button.reject) {
  width: var(--crm-control); height: var(--crm-control); min-width: var(--crm-control); padding: 0; flex-shrink: 0;
  display: inline-grid; place-items: center; border-radius: var(--crm-radius);
}
.app-shell :is(.icon-button,.primary-button,.secondary-button,.small-primary-button,.danger-button) > svg,
.management-modal :is(.icon-button,.primary-button,.secondary-button,.small-primary-button,.danger-button) > svg {
  display: block; flex: 0 0 var(--crm-icon); width: var(--crm-icon); height: var(--crm-icon); stroke-width: 1.75;
}
.app-shell .sidebar .icon-button { background: transparent; border-color: transparent; color: #dce6eb; }
.app-shell .sidebar .icon-button:hover { background: rgba(255,255,255,.09); }
.app-shell .table-toolbar { min-height: 64px; padding: 12px 16px; align-items: center; flex-wrap: wrap; gap: 12px; }
.app-shell .search-field { height: var(--crm-control); min-width: 160px; border-radius: var(--crm-radius); }
.app-shell .search-field > svg { display: block; width: 18px; height: 18px; flex: 0 0 18px; }
.app-shell .search-field input { line-height: 20px; padding: 0; font-size: 14px; }
.app-shell :is(.table-toolbar select,.session-form select,.session-form input,.inline-select),
.management-modal :is(.inline-select,.invoice-line input,.invoice-line select) {
  min-height: var(--crm-control); height: var(--crm-control); border-radius: var(--crm-radius); padding: 8px 11px; font-size: 14px; line-height: 20px;
}
.app-shell .data-table { line-height: 1.45; }
.app-shell .data-table th { font-size: 11px; font-weight: 600; color: var(--muted); vertical-align: middle; }
.app-shell .data-table td { padding-block: 10px; vertical-align: middle; font-size: 13px; }
.app-shell .data-table td small, .app-shell .person-cell small { font-size: 12px; line-height: 18px; color: var(--faint); }
.app-shell .data-table :is(.text-button,.row-action) { min-height: var(--crm-control); display: inline-flex; align-items: center; gap: 7px; font-size: 12px; }
.app-shell .status-badge, .management-modal .status-badge { min-height: 24px; padding: 3px 8px; gap: 5px; font-size: 11px; line-height: 18px; font-weight: 650; text-transform: none; }
.app-shell .page-tabs { height: auto; min-height: 56px; padding: 8px 12px; gap: 8px; align-items: center; }
.app-shell .page-tabs button { height: var(--crm-control); min-height: var(--crm-control); padding: 0 12px; border: 1px solid transparent; border-radius: 6px; font-size: 13px; line-height: 20px; font-weight: 600; }
.app-shell .page-tabs button.active { border-color: var(--border); background: var(--blue-soft); color: var(--blue); }
.app-shell .page-tabs button span { display: inline-flex; justify-content: center; align-items: center; min-width: 23px; min-height: 22px; font-size: 11px; line-height: 16px; }
.app-shell .management-heading-copy { min-width: 0; align-items: center; }
.app-shell .management-heading-actions { align-items: center; gap: 10px; }
.management-modal { border-color: var(--border-soft); border-radius: 12px; box-shadow: 0 20px 60px rgba(0,44,66,.18); }
.management-modal-header { min-height: 72px; padding: 16px 20px; align-items: center; gap: 16px; }
.management-modal-header h2 { font-size: 21px; line-height: 28px; letter-spacing: -.025em; font-weight: 650; }
.management-modal-header p { color: var(--faint); font-size: 12px; line-height: 18px; }
.management-modal-body { padding: 20px; background: var(--surface-muted); }
.management-form { gap: 18px 16px; align-items: start; }
.management-field { gap: 7px; }
.management-field > span, .field-caption, .settings-form label > span, .session-form label > span {
  color: var(--muted); font-size: 12px; line-height: 18px; font-weight: 600;
}
.management-field :is(input,select,textarea), .group-form :is(input,textarea), .settings-form input {
  min-height: var(--crm-control); padding: 9px 11px; border-radius: var(--crm-radius); font-size: 14px; line-height: 20px;
}
.management-field :is(input,select), .group-form input, .settings-form input { height: var(--crm-control); }
.management-field textarea, .group-form textarea { min-height: 104px; }
.management-checkbox { min-height: var(--crm-control); font-size: 13px; line-height: 20px; font-weight: 500; }
.management-checkbox input { width: 18px; height: 18px; flex: 0 0 18px; margin: 0; }
.management-form-error, .management-notice, .settings-feedback, .settings-help { font-size: 12px; line-height: 19px; }
.form-actions, .settings-form-actions, .record-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.form-actions { margin-top: 4px; padding-top: 16px; border-top: 1px solid var(--border-soft); }
.invoice-line { grid-template-columns: minmax(0,1fr) 100px var(--crm-control); gap: 10px; align-items: center; }
.invoice-lines-header { align-items: center; flex-wrap: wrap; }
.invoice-total { align-items: center; gap: 12px; }
.invoice-total span, .record-summary-grid span, .detail-chips span, .detail-chips em { font-size: 12px; line-height: 18px; }
.settings-hero { min-height: 112px; padding: 20px; gap: 16px; }
.settings-hero h2 { font-size: 22px; line-height: 29px; }
.settings-hero p, .settings-card > header p, .settings-details dt, .settings-details dd { font-size: 12px; line-height: 19px; }
.settings-avatar { width: 56px; height: 56px; font-size: 18px; }
.settings-avatar.large { width: 64px; height: 64px; font-size: 21px; }
.settings-api-state { margin: 0; font-size: 12px; line-height: 18px; }
.settings-help > svg, .settings-feedback > svg { flex: 0 0 18px; width: 18px; height: 18px; }
.settings-details > div { gap: 12px; grid-template-columns: 140px minmax(0,1fr); }
:is(.app-shell,.management-modal) :is(button,input,select,textarea,a,[tabindex]):focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
.app-shell .sidebar :is(button,a):focus-visible { outline-color: #fff; outline-offset: -3px; }
:is(.management-field,.group-form,.settings-form) :is(input,select,textarea):focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(11,61,92,.10); }
.login-input input::placeholder, .app-shell input::placeholder, .management-modal :is(input,textarea)::placeholder { color: var(--faint); opacity: 1; }

/* The ticket workspace uses the same scale, fields and understated signature. */
body:has(.company-ticket-header) { background: #f5f7f5; color: #173747; }
.company-ticket-header > .company-ticket-shell { min-height: 64px; }
.company-ticket-brand { gap: 10px; color: #002c42; font-size: 14px; font-weight: 650; }
.company-ticket-brand img:first-child { width: 28px; height: 28px; object-fit: contain; transform: none; }
.company-ticket-main > h1 { color: #002c42; font-size: 26px; line-height: 34px; font-weight: 650; margin-bottom: 24px; }
.company-ticket-back { min-height: var(--crm-control); display: inline-flex; align-items: center; }
.company-ticket-footer { border-top: 1px solid #dde5e8; padding: 22px 0; }
.company-ticket-footer .crm-product-attribution { display: flex; align-items: baseline; justify-content: center; gap: 5px; color: #7c8386; font-size: 11px; line-height: 16px; }
.company-ticket-footer .crm-product-attribution img { display: block; width: 60px; height: 15.25px; object-fit: contain; transform: none; }
.crm-ticket-root { --crm-ticket-navy: #0b3d5c; --crm-ticket-ink: #173747; --crm-ticket-muted: #536977; --crm-ticket-line: #dde5e8; --crm-ticket-paper: #f5f7f5; }
.crm-ticket-root .crm-ticket-eyebrow { display: none; }
.crm-ticket-heading h2 { font-size: 21px; line-height: 28px; font-weight: 650; }
.crm-ticket-root .crm-ticket-button { min-height: var(--crm-control); padding: 9px 13px; font-size: 13px; line-height: 20px; font-weight: 600; border-radius: var(--crm-radius); }
.crm-ticket-root .crm-ticket-field > :is(input,select) { min-height: var(--crm-control); height: var(--crm-control); font-size: 14px; line-height: 20px; padding: 9px 11px; }
.crm-ticket-root .crm-ticket-field > textarea { font-size: 14px; line-height: 21px; }
.crm-ticket-root .crm-ticket-field { font-size: 12px; line-height: 18px; font-weight: 600; }
.crm-ticket-root :is(button,input,select,textarea,a,[tabindex]):focus-visible { outline: 2px solid #0b3d5c; outline-offset: 3px; }
.crm-ticket-root .crm-ticket-table th, .crm-ticket-root .crm-ticket-reference { font-size: 12px; }
.crm-ticket-root .crm-ticket-dialoghead { align-items: center; }
.crm-ticket-root .crm-ticket-dialoghead h2 { font-size: 21px; line-height: 28px; font-weight: 650; }

@media (max-width: 900px) {
  .app-shell .main-content { padding: 20px 16px 32px; }
}
@media (max-width: 680px) {
  :root { --crm-control: 44px; }
  .app-shell .topbar { padding: 10px 12px; gap: 10px; }
  .app-shell .topbar-left { gap: 10px; }
  .app-shell .topbar-actions { gap: 8px; }
  .app-shell .page-heading h1 { font-size: 19px; line-height: 25px; white-space: normal; overflow: visible; }
  .app-shell .main-content { padding: 16px 12px 28px; }
  .app-shell .panel-header, .app-shell .management-panel-heading { padding: 14px; }
  .app-shell .management-heading-actions { align-items: stretch; }
  .app-shell .table-toolbar { padding: 14px; align-items: stretch; }
  .app-shell .table-toolbar > *, .app-shell .search-field { min-width: 0; width: 100%; }
  .management-modal, .management-modal.wide { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); border-radius: 10px; }
  .management-modal-header { padding: 16px; min-height: 72px; }
  .management-modal-header h2 { font-size: 20px; line-height: 27px; }
  .management-modal-body { padding: 16px; }
  .management-field :is(input,select,textarea), .group-form :is(input,textarea), .settings-form input,
  .app-shell :is(.table-toolbar select,.search-field input,.inline-select,.session-form select,.session-form input),
  .management-modal :is(.invoice-line input,.invoice-line select), .crm-ticket-root .crm-ticket-field > :is(input,select,textarea) { font-size: 16px; }
  .invoice-line { grid-template-columns: minmax(0,1fr) 76px var(--crm-control); gap: 8px; }
  .form-actions > button { flex: 1 1 120px; }
  .settings-details > div { grid-template-columns: 110px minmax(0,1fr); }
  .settings-hero { display: grid; grid-template-columns: 64px minmax(0,1fr); align-items: center; gap: 12px; }
  .settings-api-state { grid-column: 2; justify-self: start; max-width: 100%; margin: 0; }
  .kpi-grid > .kpi:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .company-ticket-main > h1 { font-size: 23px; line-height: 30px; }
  .company-ticket-header > .company-ticket-shell { min-height: 64px; gap: 12px; }
}
@media (pointer: coarse) {
  :root { --crm-control: 44px; }
  :is(.management-field,.group-form,.settings-form) :is(input,select,textarea) { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .app-shell *, .management-modal * { scroll-behavior: auto; transition: none; }
}
/* Explicit visibility wins over the shared icon-button display rule. */
.app-shell .icon-button.notification-button { display: none; }
@media (min-width: 901px) { .app-shell .mobile-menu { display: none !important; } }
@media (max-width: 900px) { .app-shell .desktop-collapse { display: none !important; } }


/* /assets/crm-iconography-2026-10-29.css */
/* Generated by build_variables.py from the local SVG icon library. */
:root {
  --crm-shape-dashboard: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230a3d62%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.3%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%225%22%20rx%3D%221.3%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.3%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2212%22%20width%3D%227%22%20height%3D%229%22%20rx%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M16.5%205.5H19%22%20stroke%3D%22%23f39c12%22%2F%3E%3C%2Fsvg%3E");
  --crm-shape-contact: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230a3d62%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M5%2021v-2.5a7%207%200%200%201%2014%200V21%22%2F%3E%3C%2Fsvg%3E");
  --crm-shape-target: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230a3d62%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2213.5%22%20r%3D%227.8%22%2F%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2213.5%22%20r%3D%224%22%20stroke%3D%22%23c7d9e3%22%2F%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2213.5%22%20r%3D%221.3%22%20fill%3D%22%23f39c12%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22m16%208%205.5-5.5m-4%200h4v4%22%2F%3E%3C%2Fsvg%3E");
  --crm-shape-calendar: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230a3d62%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223.5%22%20y%3D%225%22%20width%3D%2217%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%203v4m10-4v4%22%2F%3E%3Cpath%20d%3D%22M3.5%2010h17%22%20stroke%3D%22%23c7d9e3%22%2F%3E%3Cpath%20d%3D%22m8%2015%202.5%202.5%205-5%22%20stroke%3D%22%23f39c12%22%2F%3E%3C%2Fsvg%3E");
  --crm-shape-orders: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230a3d62%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h12v18l-3-1.5-3%201.5-3-1.5L6%2021V3Z%22%2F%3E%3Cpath%20d%3D%22M9%207h6m-6%204h6%22%2F%3E%3Cpath%20d%3D%22M9%2015h3%22%20stroke%3D%22%23f39c12%22%2F%3E%3C%2Fsvg%3E");
  --crm-shape-catalogue: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230a3d62%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203.5%208%204.5v9l-8%204.5-8-4.5V8l8-4.5Z%22%2F%3E%3Cpath%20d%3D%22m4%208%208%204.5L20%208m-8%204.5v9%22%2F%3E%3Cpath%20d%3D%22m12%203.5%204%202.25%22%20stroke%3D%22%23f39c12%22%2F%3E%3C%2Fsvg%3E");
  --crm-shape-store: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230a3d62%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%208%202-4h12l2%204H4Zm0%200v2a2%202%200%200%200%204%200%202%202%200%200%200%204%200%202%202%200%200%200%204%200%202%202%200%200%200%204%200V8%22%2F%3E%3Cpath%20d%3D%22M5%2013v7h14v-7m-9%207v-5h4v5%22%2F%3E%3Cpath%20d%3D%22M9%204h3%22%20stroke%3D%22%23f39c12%22%2F%3E%3C%2Fsvg%3E");
  --crm-shape-team: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230a3d62%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227.5%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M2.5%2020v-2a6.5%206.5%200%200%201%2013%200v2m.5-15.5a3.5%203.5%200%200%201%200%207%22%2F%3E%3Cpath%20d%3D%22M18%2014a6%206%200%200%201%203.5%205.5v.5%22%20stroke%3D%22%23f39c12%22%2F%3E%3C%2Fsvg%3E");
  --crm-shape-tickets: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230a3d62%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h16v5a3%203%200%200%200%200%206v5H4v-5a3%203%200%200%200%200-6V4Z%22%2F%3E%3Cpath%20d%3D%22M13%2012v2m0%203v1%22%20stroke%3D%22%23c7d9e3%22%2F%3E%3Cpath%20d%3D%22M13%207v2%22%20stroke%3D%22%23f39c12%22%2F%3E%3C%2Fsvg%3E");
  --crm-shape-trend: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230a3d62%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203v18h18%22%20stroke%3D%22%23c7d9e3%22%2F%3E%3Cpath%20d%3D%22m5%2016%205-5%204%203%206-8%22%2F%3E%3Cpath%20d%3D%22M16%206h4v4%22%20stroke%3D%22%23f39c12%22%2F%3E%3C%2Fsvg%3E");
  --crm-shape-route: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230a3d62%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%222.7%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%222.7%22%2F%3E%3Cpath%20d%3D%22M8.7%2018H17a3%203%200%200%200%200-6H7a3%203%200%200%201%200-6h8.3%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%22.8%22%20fill%3D%22%23f39c12%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  --crm-shape-banknote: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230a3d62%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%226%22%20width%3D%2219%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M5.5%209h1m11%206h1%22%20stroke%3D%22%23c7d9e3%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%22.8%22%20fill%3D%22%23f39c12%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  --crm-shape-wallet: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230a3d62%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207V5a2%202%200%200%201%202-2h12v4%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M21%2011h-6a3%203%200%200%200%200%206h6%22%2F%3E%3Ccircle%20cx%3D%2215.5%22%20cy%3D%2214%22%20r%3D%22.8%22%20fill%3D%22%23f39c12%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  --crm-shape-clipboard: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230a3d62%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%228%22%20y%3D%222%22%20width%3D%228%22%20height%3D%224%22%20rx%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M8%204H6a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V6a2%202%200%200%200-2-2h-2%22%2F%3E%3Cpath%20d%3D%22m8.5%2013%202.5%202.5%204.5-5%22%20stroke%3D%22%23f39c12%22%2F%3E%3Cpath%20d%3D%22M8%2018h8%22%20stroke%3D%22%23c7d9e3%22%2F%3E%3C%2Fsvg%3E");
}

/* Operational icons follow the Excellia illustration palette. Decorative only:
   no controls, values, handlers, permissions, labels or chart geometry change. */
:is(.app-shell,.management-modal,.record-dialog,#trial-app,.account-actions) svg:is(.lucide,.icon){stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.app-shell :is(.kpi-icon,.panel-title-icon){width:36px;height:36px;flex:0 0 36px;display:inline-grid;place-items:center;border-radius:50%;background:#edf2f5;color:#0a3d62}
.app-shell :is(.kpi-icon,.panel-title-icon)>svg{width:20px;height:20px;display:block;flex:none;stroke-width:1.7}
.app-shell .kpi.kpi-red .kpi-icon{background:#fff1f2;color:#ba0517}
.app-shell .activity-icon{border-radius:50%}
.app-shell .main-nav .nav-item>svg{width:20px;height:20px;flex:0 0 20px}
#trial-app .nav-button>.icon{width:20px;height:20px;flex:0 0 20px;display:block}
#trial-app .nav-button:not([aria-current=page])>.icon{color:#0a3d62}
#trial-app .nav-button[aria-current=page]>.icon{color:inherit}
#trial-app .metric{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:10px;row-gap:10px;align-content:start}
#trial-app .metric::before{content:"";display:block;grid-column:1;grid-row:1;width:36px;height:36px;border-radius:50%;background:#edf2f5 var(--crm-metric-icon) center/22px 22px no-repeat}
#trial-app .metric>span{grid-column:2;grid-row:1;align-self:center;min-width:0}
#trial-app .metric>strong,#trial-app .metric>small{grid-column:1/-1;margin:0}
#trial-app .metric:nth-child(1){--crm-metric-icon:var(--crm-shape-orders)}
#trial-app .metric:nth-child(2){--crm-metric-icon:var(--crm-shape-banknote)}
#trial-app .metric:nth-child(3){--crm-metric-icon:var(--crm-shape-contact)}
#trial-app .metric:nth-child(4){--crm-metric-icon:var(--crm-shape-calendar)}
#trial-app .start-action>.icon{width:40px;height:40px;flex:0 0 40px;box-sizing:border-box;padding:9px;display:block;border-radius:50%;margin-top:0;color:#0a3d62;background-color:#edf2f5;stroke-width:1.7}
#trial-app .empty-state>.icon{width:48px;height:48px;box-sizing:border-box;padding:12px;border-radius:50%;background-color:#edf2f5;color:#0a3d62;stroke-width:1.7}
.crm-ticket-heading h2{display:flex;align-items:center;gap:10px}
.crm-ticket-heading h2::before{content:"";display:block;width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:#edf2f5 var(--crm-shape-tickets) center/22px 22px no-repeat}
/* Navigation stays monochrome, inheriting the contrast of its parent. The SVG
   children remain untouched in the DOM; the alpha mask changes presentation. */

@supports ((mask-image:url("")) or (-webkit-mask-image:url(""))){
.app-shell .main-nav .nav-item>svg.lucide-layout-dashboard{--crm-nav-shape:var(--crm-shape-dashboard)}
.app-shell .main-nav .nav-item>svg.lucide-flask-conical{--crm-nav-shape:var(--crm-shape-target)}
.app-shell .main-nav .nav-item>svg.lucide-receipt-text{--crm-nav-shape:var(--crm-shape-orders)}
.app-shell .main-nav .nav-item>svg.lucide-store{--crm-nav-shape:var(--crm-shape-store)}
.app-shell .main-nav .nav-item>svg.lucide-users{--crm-nav-shape:var(--crm-shape-team)}
.app-shell .main-nav .nav-item>svg.lucide-boxes{--crm-nav-shape:var(--crm-shape-catalogue)}
.app-shell .main-nav .nav-item>svg.lucide-wallet-cards{--crm-nav-shape:var(--crm-shape-wallet)}
.app-shell .main-nav .hm-ticket-nav>svg{--crm-nav-shape:var(--crm-shape-tickets)}
#trial-app .nav-button[data-view="dashboard"]>.icon{--crm-nav-shape:var(--crm-shape-dashboard)}
#trial-app .nav-button[data-view="clients"]>.icon{--crm-nav-shape:var(--crm-shape-contact)}
#trial-app .nav-button[data-view="products"]>.icon{--crm-nav-shape:var(--crm-shape-catalogue)}
#trial-app .nav-button[data-view="orders"]>.icon{--crm-nav-shape:var(--crm-shape-orders)}
#trial-app .nav-button[data-view="visits"]>.icon{--crm-nav-shape:var(--crm-shape-calendar)}
#trial-app .nav-button[data-view="team"]>.icon{--crm-nav-shape:var(--crm-shape-team)}
#trial-app .nav-button[data-view="tickets"]>.icon{--crm-nav-shape:var(--crm-shape-tickets)}
.app-shell .main-nav .nav-item>svg.lucide-layout-dashboard,.app-shell .main-nav .nav-item>svg.lucide-flask-conical,.app-shell .main-nav .nav-item>svg.lucide-receipt-text,.app-shell .main-nav .nav-item>svg.lucide-store,.app-shell .main-nav .nav-item>svg.lucide-users,.app-shell .main-nav .nav-item>svg.lucide-boxes,.app-shell .main-nav .nav-item>svg.lucide-wallet-cards,.app-shell .main-nav .hm-ticket-nav>svg,#trial-app .nav-button[data-view="dashboard"]>.icon,#trial-app .nav-button[data-view="clients"]>.icon,#trial-app .nav-button[data-view="products"]>.icon,#trial-app .nav-button[data-view="orders"]>.icon,#trial-app .nav-button[data-view="visits"]>.icon,#trial-app .nav-button[data-view="team"]>.icon,#trial-app .nav-button[data-view="tickets"]>.icon{-webkit-mask-image:var(--crm-nav-shape);mask-image:var(--crm-nav-shape);mask-mode:alpha;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:currentColor;stroke:transparent;fill:none}
.app-shell .main-nav .nav-item>svg.lucide-layout-dashboard>*,.app-shell .main-nav .nav-item>svg.lucide-flask-conical>*,.app-shell .main-nav .nav-item>svg.lucide-receipt-text>*,.app-shell .main-nav .nav-item>svg.lucide-store>*,.app-shell .main-nav .nav-item>svg.lucide-users>*,.app-shell .main-nav .nav-item>svg.lucide-boxes>*,.app-shell .main-nav .nav-item>svg.lucide-wallet-cards>*,.app-shell .main-nav .hm-ticket-nav>svg>*,#trial-app .nav-button[data-view="dashboard"]>.icon>*,#trial-app .nav-button[data-view="clients"]>.icon>*,#trial-app .nav-button[data-view="products"]>.icon>*,#trial-app .nav-button[data-view="orders"]>.icon>*,#trial-app .nav-button[data-view="visits"]>.icon>*,#trial-app .nav-button[data-view="team"]>.icon>*,#trial-app .nav-button[data-view="tickets"]>.icon>*{opacity:0}
}
.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-trending-up{--crm-card-shape:var(--crm-shape-trend)}
.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-route{--crm-card-shape:var(--crm-shape-route)}
.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-banknote{--crm-card-shape:var(--crm-shape-banknote)}
.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-wallet-cards{--crm-card-shape:var(--crm-shape-wallet)}
.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-users{--crm-card-shape:var(--crm-shape-team)}
.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-clipboard-check{--crm-card-shape:var(--crm-shape-clipboard)}
.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-receipt-text{--crm-card-shape:var(--crm-shape-orders)}
.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-store{--crm-card-shape:var(--crm-shape-store)}
.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-boxes{--crm-card-shape:var(--crm-shape-catalogue)}
.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-package{--crm-card-shape:var(--crm-shape-catalogue)}
#trial-app .start-action[data-action="client-new"]>.icon{--crm-card-shape:var(--crm-shape-contact)}
#trial-app .start-action[data-action="order-new"]>.icon{--crm-card-shape:var(--crm-shape-orders)}
#trial-app .start-action[data-action="visit-new"]>.icon{--crm-card-shape:var(--crm-shape-calendar)}
.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-trending-up,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-route,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-banknote,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-wallet-cards,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-users,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-clipboard-check,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-receipt-text,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-store,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-boxes,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-package,#trial-app .start-action[data-action="client-new"]>.icon,#trial-app .start-action[data-action="order-new"]>.icon,#trial-app .start-action[data-action="visit-new"]>.icon{background-image:var(--crm-card-shape);background-position:center;background-repeat:no-repeat;background-size:contain}
.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-trending-up>*,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-route>*,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-banknote>*,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-wallet-cards>*,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-users>*,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-clipboard-check>*,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-receipt-text>*,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-store>*,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-boxes>*,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-package>*,#trial-app .start-action[data-action="client-new"]>.icon>*,#trial-app .start-action[data-action="order-new"]>.icon>*,#trial-app .start-action[data-action="visit-new"]>.icon>*{opacity:0}
#trial-app .start-action>.icon{background-size:22px 22px}
@media(forced-colors:active){
.app-shell .main-nav .nav-item>svg.lucide-layout-dashboard,.app-shell .main-nav .nav-item>svg.lucide-flask-conical,.app-shell .main-nav .nav-item>svg.lucide-receipt-text,.app-shell .main-nav .nav-item>svg.lucide-store,.app-shell .main-nav .nav-item>svg.lucide-users,.app-shell .main-nav .nav-item>svg.lucide-boxes,.app-shell .main-nav .nav-item>svg.lucide-wallet-cards,.app-shell .main-nav .hm-ticket-nav>svg,#trial-app .nav-button[data-view="dashboard"]>.icon,#trial-app .nav-button[data-view="clients"]>.icon,#trial-app .nav-button[data-view="products"]>.icon,#trial-app .nav-button[data-view="orders"]>.icon,#trial-app .nav-button[data-view="visits"]>.icon,#trial-app .nav-button[data-view="team"]>.icon,#trial-app .nav-button[data-view="tickets"]>.icon,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-trending-up,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-route,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-banknote,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-wallet-cards,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-users,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-clipboard-check,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-receipt-text,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-store,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-boxes,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-package,#trial-app .start-action[data-action="client-new"]>.icon,#trial-app .start-action[data-action="order-new"]>.icon,#trial-app .start-action[data-action="visit-new"]>.icon{-webkit-mask:none;mask:none;background:none;stroke:currentColor;color:inherit;forced-color-adjust:auto}
.app-shell .main-nav .nav-item>svg.lucide-layout-dashboard>*,.app-shell .main-nav .nav-item>svg.lucide-flask-conical>*,.app-shell .main-nav .nav-item>svg.lucide-receipt-text>*,.app-shell .main-nav .nav-item>svg.lucide-store>*,.app-shell .main-nav .nav-item>svg.lucide-users>*,.app-shell .main-nav .nav-item>svg.lucide-boxes>*,.app-shell .main-nav .nav-item>svg.lucide-wallet-cards>*,.app-shell .main-nav .hm-ticket-nav>svg>*,#trial-app .nav-button[data-view="dashboard"]>.icon>*,#trial-app .nav-button[data-view="clients"]>.icon>*,#trial-app .nav-button[data-view="products"]>.icon>*,#trial-app .nav-button[data-view="orders"]>.icon>*,#trial-app .nav-button[data-view="visits"]>.icon>*,#trial-app .nav-button[data-view="team"]>.icon>*,#trial-app .nav-button[data-view="tickets"]>.icon>*,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-trending-up>*,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-route>*,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-banknote>*,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-wallet-cards>*,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-users>*,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-clipboard-check>*,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-receipt-text>*,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-store>*,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-boxes>*,.app-shell :is(.kpi-icon,.panel-title-icon)>svg.lucide-package>*,#trial-app .start-action[data-action="client-new"]>.icon>*,#trial-app .start-action[data-action="order-new"]>.icon>*,#trial-app .start-action[data-action="visit-new"]>.icon>*{opacity:1}
#trial-app .metric::before,.crm-ticket-heading h2::before{display:none}#trial-app .metric{grid-template-columns:minmax(0,1fr)}#trial-app .metric>span{grid-column:1/-1}
:is(.app-shell .kpi-icon,.app-shell .panel-title-icon,#trial-app .start-action>.icon,#trial-app .empty-state>.icon){background:Canvas;color:CanvasText;border:1px solid CanvasText}
}


/* /assets/official-workspace.css */
/* Official authenticated workspace: the same light visual language as the
   Web evaluation space. Loaded after preserved application/identity styles.
   No login, API, permission, record or workflow behaviour is changed here. */
#root .app-shell {
  --navy: #032e42;
  --blue: #0b4061;
  --blue-dark: #032e42;
  --blue-soft: #edf3f5;
  --ink: #173747;
  --muted: #536977;
  --faint: #61747e;
  --border: #c8d5da;
  --border-soft: #dce4e6;
  --surface: #fff;
  --surface-muted: #f5f7f5;
  --sidebar-width: 228px;
  --hm-control-size: 40px;
  --hm-small-control-size: 40px;
  color: var(--ink);
  background: var(--surface-muted);
  font-family: "Excellia Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
}
#root .app-shell.sidebar-compact { --sidebar-width: 72px; }

/* Customer identity is retained in the original application's brand row. */
#root .app-shell .sidebar {
  color: var(--ink);
  background: var(--surface-muted);
  border-right: 1px solid var(--border-soft);
}
#root .app-shell .brand-row {
  min-height: 72px;
  height: 72px;
  padding: 12px 20px;
  gap: 10px;
  border-bottom: 1px solid var(--border-soft);
  background: #fff;
  color: var(--navy);
}
#root .app-shell .sidebar-brand { min-width: 0; width: 100%; gap: 10px; color: var(--navy); }
#root .app-shell .sidebar-brand img { display: block; width: 32px; height: 32px; flex: 0 0 32px; object-fit: contain; }
#root .app-shell .sidebar-brand-label { min-width: 0; font-size: 14px; line-height: 20px; font-weight: 650; color: var(--navy); overflow-wrap: anywhere; }
#root .app-shell .brand-copy strong { color: var(--navy); font-size: 15px; line-height: 21px; }
#root .app-shell .brand-copy span { color: var(--muted); }
#root .app-shell .main-nav { padding: 24px 16px 16px; }
#root .app-shell .nav-section-label { margin-bottom: 6px; color: var(--muted); font-size: 10px; line-height: 16px; font-weight: 600; letter-spacing: .05em; }
#root .app-shell .nav-item {
  min-height: 44px;
  padding: 11px 13px;
  gap: 11px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: #3c5664;
  background: transparent;
  font-size: 13px;
  line-height: 20px;
  font-weight: 550;
  text-decoration: none;
  box-shadow: none;
  transition: background-color .15s ease, border-color .15s ease;
}
#root .app-shell .main-nav .nav-item + .nav-item { margin-top: 5px; }
#root .app-shell .nav-item:hover { color: var(--navy); background: #eaf0f1; }
#root .app-shell .nav-item.active,
#root .app-shell .nav-item.active:hover {
  color: #fff;
  border-color: var(--navy);
  background: var(--navy);
  box-shadow: inset 3px 0 0 #f59a14;
  font-weight: 650;
}
#root .app-shell .nav-item > svg { display: block; flex: 0 0 19px; width: 19px; height: 19px; }
#root .app-shell .sidebar-footer { padding: 14px 16px 16px; border-top: 1px solid var(--border-soft); }
#root .app-shell .sidebar-user { padding-inline: 2px; gap: 9px; }
#root .app-shell .sidebar-user strong { color: var(--navy); font-weight: 600; }
#root .app-shell .sidebar-user span { color: var(--muted); }
#root .app-shell .sidebar :is(.icon-button,.icon-button:hover) { color: var(--navy); border-color: transparent; background: transparent; }
#root .app-shell .sidebar .icon-button:hover { background: #e6edef; }
#root .app-shell .sidebar :is(button,a):focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
#root .app-shell .sidebar .nav-item.active:focus-visible { outline-color: #aa6008; outline-offset: 3px; }
#root .app-shell .sidebar-footer :is(.crm-product-attribution,.workspace-brand-credit) { display: none; }
#root .app-shell.sidebar-compact .brand-row { padding: 12px 16px; }
#root .app-shell.sidebar-compact .sidebar-brand { justify-content: center; width: 100%; }
#root .app-shell.sidebar-compact :is(.main-nav,.sidebar-footer) { padding-inline: 10px; }
#root .app-shell.sidebar-compact .nav-item { padding-inline: 8px; }

/* White header, quieter controls and an explicit page hierarchy. */
#root .app-shell .topbar {
  min-height: 72px;
  padding: 12px 28px;
  gap: 20px;
  background: #fff;
  border-bottom: 1px solid var(--border-soft);
  box-shadow: none;
}
#root .app-shell .topbar-left { gap: 12px; min-width: 0; }
#root .app-shell .topbar-actions { gap: 10px; }
#root .app-shell .page-heading h1 { color: var(--navy); font-size: 20px; line-height: 27px; font-weight: 650; letter-spacing: -.025em; }
#root .app-shell :is(.icon-button,.date-control,.connection-status) { border-color: var(--border); box-shadow: none; }
#root .app-shell .icon-button { border-radius: 7px; color: var(--blue); }
#root .app-shell .date-control { min-height: 40px; padding: 4px 10px; }
#root .app-shell .date-control span { font-size: 10px; letter-spacing: .025em; color: var(--muted); }
#root .app-shell .date-control input { color: var(--ink); font-size: 13px; }
#root .app-shell .connection-status { color: var(--muted); font-weight: 550; }
#root .app-shell .workspace { min-width: 0; display: flex; flex-direction: column; }
#root .app-shell .main-content { flex: 1; width: min(1440px,100%); padding: 28px 28px 36px; }
#root .app-shell .page-stack { gap: 20px; }
#root .app-shell .official-dashboard-intro { margin: 0 0 24px; }
#root .app-shell .official-dashboard-intro h2 { margin: 0 0 7px; color: var(--navy); font-size: clamp(23px,2.1vw,28px); line-height: 1.25; letter-spacing: -.035em; font-weight: 680; }
#root .app-shell .official-dashboard-intro p { max-width: 72ch; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
#root .app-shell .official-actions { display: flex; align-items: stretch; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; }
#root .app-shell .official-actions a { min-height: 40px; padding: 9px 13px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--border); border-radius: 7px; color: var(--blue); background: #fff; font-size: 12px; line-height: 20px; font-weight: 600; text-decoration: none; }
#root .app-shell .official-actions a:hover { border-color: #90aab8; background: #edf3f5; }
#root .app-shell .official-actions a:first-child { background: var(--blue); color: #fff; border-color: var(--blue); }
#root .app-shell .official-actions a:first-child:hover { background: var(--navy); border-color: var(--navy); }
#root .app-shell .official-actions a svg { width: 17px; height: 17px; flex: 0 0 17px; }

/* Equal-sized summaries: colours remain meaningful in statuses and alerts. */
#root .app-shell .kpi-grid { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 14px; }
#root .app-shell .kpi {
  min-width: 0;
  min-height: 146px;
  padding: 18px 16px;
  border: 1px solid var(--border-soft);
  border-radius: 9px;
  box-shadow: none;
  background: #fff;
}
#root .app-shell .kpi-top { min-height: 36px; gap: 9px; color: var(--muted); font-size: 12px; line-height: 18px; font-weight: 550; }
#root .app-shell :is(.kpi-icon,.panel-title-icon) { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 50%; color: var(--blue); background: #edf3f5; }
#root .app-shell .kpi-red .kpi-icon { color: #ac2332; background: #fcf0f1; }
#root .app-shell .kpi-value { margin-top: 12px; color: var(--navy); font-size: clamp(21px,2vw,28px); line-height: 1.2; font-weight: 700; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
#root .app-shell .kpi-detail { margin-top: 7px; color: var(--muted); font-size: 11px; line-height: 17px; }
#root .app-shell .finance-kpis { grid-template-columns: repeat(4,minmax(0,1fr)); }
#root .app-shell .panel { border-color: var(--border-soft); border-radius: 9px; box-shadow: none; }
#root .app-shell .panel-header { min-height: 72px; padding: 16px 18px; gap: 12px; }
#root .app-shell .panel-header h2 { color: var(--navy); font-size: 15px; line-height: 22px; font-weight: 650; }
#root .app-shell .panel-header p { margin-top: 3px; color: var(--muted); line-height: 18px; }
#root .app-shell .dashboard-grid { grid-template-columns: minmax(0,1.45fr) minmax(300px,1fr); gap: 20px; }
#root .app-shell .text-button { color: var(--blue); font-size: 12px; font-weight: 600; }
#root .app-shell .alert-row { min-height: 66px; padding: 12px 18px; gap: 11px; }
#root .app-shell .alert-row strong { font-weight: 600; }
#root .app-shell .alert-row span { line-height: 18px; }
#root .app-shell .severity-marker { width: 3px; height: 32px; }
#root .app-shell .sales-chart[data-official-empty="true"] { display: grid; grid-template-columns: minmax(0,1fr); padding: 22px; }
#root .app-shell .sales-chart[data-official-empty="true"] > :is(.chart-scale,.chart-plot) { display: none; }
#root .app-shell .official-chart-empty { min-height: 180px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; text-align: center; color: var(--muted); }
#root .app-shell .official-chart-empty > svg { width: 30px; height: 30px; color: #6c8796; }
#root .app-shell .official-chart-empty p { margin: 0; max-width: 48ch; font-size: 13px; line-height: 1.6; }
#root .app-shell .official-chart-empty a { padding: 8px; color: var(--blue); font-size: 12px; font-weight: 600; text-underline-offset: 3px; }

/* The same measured control and table scale across the authenticated pages. */
#root .app-shell :is(.table-toolbar,.management-panel-heading) { min-height: 68px; padding: 14px 18px; gap: 12px; }
#root .app-shell .data-table th { height: 44px; background: #f6f8f8; color: var(--muted); font-weight: 600; font-size: 11px; letter-spacing: .02em; }
#root .app-shell .data-table td { padding: 12px; font-size: 13px; line-height: 20px; }
#root .app-shell .data-table tbody tr:hover { background: #f6f9f9; }
#root .app-shell .data-table td > small { font-size: 12px; line-height: 18px; }
#root .app-shell .status-badge { min-height: 24px; padding: 3px 8px; border-radius: 5px; font-size: 11px; font-weight: 600; }
#root .app-shell :is(.search-field,.session-form input,.session-form select,.table-toolbar select,.inline-select) { border-color: var(--border); border-radius: 7px; box-shadow: none; }
#root .app-shell :is(.primary-button,.small-primary-button) { background: var(--blue); border-color: var(--blue); box-shadow: none; }
#root .app-shell :is(.primary-button,.small-primary-button):hover { background: var(--navy); border-color: var(--navy); }
#root .app-shell .secondary-button { color: var(--blue); background: #fff; border-color: var(--border); }
#root .app-shell .page-tabs { gap: 8px; background: #fff; border-color: var(--border-soft); }
#root .app-shell .page-tabs button.active { background: #edf3f5; color: var(--navy); border-color: #c8d7dd; }
#root .app-shell .avatar { background: #e6eff2; color: var(--blue); }
#root .app-shell :is(.summary-strip,.pilot-summary,.settings-card,.settings-hero) { box-shadow: none; border-color: var(--border-soft); border-radius: 9px; }

/* Product credit stays quiet; customer identity owns the header. */
#root .app-shell .official-workspace-footer { width: min(1440px,100%); margin: auto auto 0; padding: 20px 28px 26px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px 24px; color: #69777d; font-size: 10px; line-height: 17px; background: transparent; }
#root .app-shell .official-workspace-footer::before { content: ""; flex: 0 0 100%; height: 1px; background: var(--border-soft); }
#root .app-shell .official-workspace-footer :is(.crm-product-attribution,.workspace-brand-credit) { display: flex; align-items: baseline; justify-content: flex-start; width: auto; padding: 0; margin: 0; gap: 4px; color: #69777d; font-size: 10px; line-height: 17px; }
#root .app-shell .official-workspace-footer :is(.crm-product-attribution,.workspace-brand-credit) img { width: 60px; height: 15.25px; object-fit: contain; transform: none; opacity: .85; }
#root .app-shell .official-workspace-footer > nav { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 22px; }
#root .app-shell .official-workspace-footer a { color: #536977; text-underline-offset: 3px; }
#root .app-shell .official-workspace-footer a:hover { color: var(--navy); }
#root .app-shell :is(button,input,select,textarea,a,[tabindex]):focus-visible { outline: 2px solid #0b4061; outline-offset: 3px; }

@media (max-width: 1299px) and (min-width: 901px) {
  #root .app-shell .kpi-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  #root .app-shell .finance-kpis { grid-template-columns: repeat(4,minmax(0,1fr)); }
  #root .app-shell .dashboard-grid { grid-template-columns: minmax(0,1fr); }
  #root .app-shell .kpi { min-height: 136px; }
}
@media (max-width: 1050px) and (min-width: 901px) {
  #root .app-shell .finance-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  #root .app-shell, #root .app-shell.sidebar-compact { --sidebar-width: 240px; }
  #root .app-shell .sidebar .brand-row { padding: 12px 16px; }
  #root .app-shell .sidebar .sidebar-brand { width: 180px; justify-content: flex-start; }
  #root .app-shell .sidebar .sidebar-brand-label { display: flex; }
  #root .app-shell .main-nav, #root .app-shell .sidebar-footer { padding-inline: 16px; }
  #root .app-shell .topbar { padding-inline: 20px; }
  #root .app-shell .main-content { padding: 24px 20px 32px; }
  #root .app-shell .kpi-grid, #root .app-shell .finance-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #root .app-shell .dashboard-grid { grid-template-columns: minmax(0,1fr); }
  #root .app-shell .official-workspace-footer { padding-inline: 20px; }
}
@media (max-width: 600px) {
  #root .app-shell { --hm-control-size: 44px; --hm-small-control-size: 44px; }
  #root .app-shell .topbar { padding: 12px; gap: 10px; flex-wrap: wrap; }
  #root .app-shell .topbar-left { min-width: 0; gap: 9px; }
  #root .app-shell .topbar-actions { min-width: 0; gap: 8px; margin-left: auto; }
  #root .app-shell .page-heading h1 { font-size: 18px; line-height: 24px; }
  #root .app-shell .main-content { padding: 22px 14px 28px; }
  #root .app-shell .official-dashboard-intro { margin-bottom: 20px; }
  #root .app-shell .official-dashboard-intro h2 { font-size: 24px; }
  #root .app-shell .official-actions { gap: 8px; }
  #root .app-shell .official-actions a { min-height: 44px; flex: 1 1 160px; font-size: 12px; }
  #root .app-shell .kpi-grid, #root .app-shell .finance-kpis { grid-template-columns: minmax(0,1fr); gap: 12px; }
  #root .app-shell .kpi { min-height: 130px; padding: 16px; }
  #root .app-shell .kpi-top { font-size: 13px; }
  #root .app-shell .kpi-value { font-size: 26px; }
  #root .app-shell .panel-header { min-height: 68px; padding: 14px; gap: 10px; }
  #root .app-shell .panel-header h2 { font-size: 14px; line-height: 20px; }
  #root .app-shell .panel-header p { font-size: 11px; line-height: 17px; }
  #root .app-shell .panel-action { min-width: 0; }
  #root .app-shell .panel-action .text-button { font-size: 11px; padding-inline: 3px; }
  #root .app-shell .table-toolbar { padding: 14px; }
  #root .app-shell .official-workspace-footer { padding: 18px 14px 24px; gap: 16px; align-items: flex-start; flex-direction: column; }
  #root .app-shell .official-workspace-footer::before { width: 100%; flex-basis: auto; }
  #root .app-shell .official-workspace-footer > nav { gap: 12px 18px; }
  #root .app-shell .official-workspace-footer a { min-height: 32px; display: inline-flex; align-items: center; }
}
@media (pointer: coarse) {
  #root .app-shell { --hm-control-size: 44px; --hm-small-control-size: 44px; }
  #root .app-shell .nav-item { min-height: 46px; }
}
@media (prefers-reduced-motion: reduce) {
  #root .app-shell :is(.nav-item,.bar,.sidebar) { transition: none; }
}

#root .app-shell .official-mobile-company,#root .app-shell .official-close-menu{display:none}
@media(max-width:900px){#root .app-shell .official-mobile-company{display:flex;align-items:center;gap:6px;color:#536977;font-size:11px;line-height:18px;margin-bottom:2px}#root .app-shell .official-mobile-company img{width:18px;height:18px;object-fit:contain}#root .app-shell .official-close-menu{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;margin-left:auto;border:1px solid #c8d5da;border-radius:7px;background:#fff;color:#0b4061;font-size:24px}#root .app-shell .page-heading h1{font-size:18px;line-height:23px}}

@media(max-width:900px){#root .app-shell .page-heading .official-mobile-company > span{display:inline;font-size:11px;font-weight:550;color:#536977;line-height:18px;text-transform:none;letter-spacing:normal}}

#root .app-shell .sidebar-brand-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#root .app-shell .official-dashboard-intro h2{overflow-wrap:anywhere}@media(max-width:900px){#root .app-shell .official-mobile-company{min-width:0;max-width:100%}#root .app-shell .official-mobile-company img{flex:0 0 18px}#root .app-shell .official-mobile-company>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}


/* /assets/customer-governance.css */
@font-face{font-family:Inter;src:url('/branding/inter.woff2') format('woff2');font-display:swap}.governance-page *{box-sizing:border-box}.governance-page{margin:0;background:#F5F7F7;color:#15384C;font:14px/1.5 Inter,Arial,sans-serif}.governance-page button,.governance-page input,.governance-page select,.governance-page textarea{font:inherit}.governance-page a{color:#0A3D62}.governance-header{min-height:72px;padding:16px max(24px,calc((100vw - 1184px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-bottom:1px solid #DCE4E8}.company-brand{display:flex;align-items:center;gap:10px;color:#15384C;text-decoration:none;font-weight:700;font-size:16px}.company-brand img{object-fit:contain}.backoffice-link{font-size:13px;text-decoration:none}.governance-page main{max-width:1184px;min-height:calc(100vh - 180px);margin:0 auto;padding:30px 24px 48px}.governance-page h1{margin:0;color:#072C48;font-size:28px;line-height:1.25;letter-spacing:-.6px}.governance-page h2{font-size:18px;line-height:1.35;margin:0 0 12px}.governance-page h3{font-size:16px;margin:0}.governance-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.governance-heading p{color:#4D6574;margin:8px 0 0}.governance-page button,.governance-page .button{min-height:44px;border-radius:8px;border:1px solid #B7C5CE;padding:10px 16px;background:white;color:#0A3D62;cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.governance-page button.primary,.governance-page .button.primary{background:#0A3D62;color:#fff;border-color:#0A3D62}.governance-page button.danger{border-color:#AF2938;color:#AF2938}.governance-page button:disabled{opacity:.55;cursor:not-allowed}.governance-page :is(a,button,input,select,textarea):focus-visible,.customer-governance-nav:focus-visible{outline:3px solid #F39C12;outline-offset:3px}.governance-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.governance-tabs button[aria-pressed=true]{color:#fff;background:#0A3D62;border-color:#0A3D62}.governance-tabs .count{background:rgba(128,147,157,.15);min-width:24px;text-align:center;padding:0 6px;border-radius:5px;font-size:12px}.governance-tabs button[aria-pressed=true] .count{background:#fff2}.governance-tools{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 20px}.governance-tools label{display:flex;flex-direction:column;gap:6px;min-width:220px;max-width:440px;flex:1;color:#4D6574;font-size:12px}.governance-page input,.governance-page select,.governance-page textarea{width:100%;min-height:44px;padding:10px 12px;background:#fff;border:1px solid #B7C5CE;border-radius:8px;color:#15384C}.governance-page textarea{min-height:112px;resize:vertical}.governance-status{margin:0 0 14px;color:#4D6574;min-height:21px}.governance-error{background:#FCECEF;border:1px solid #E5AFB6;padding:14px;border-radius:8px;margin:14px 0;color:#862331}.governance-list{display:grid;gap:12px}.governance-record{background:white;border:1px solid #DCE4E8;border-radius:12px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;align-items:start}.governance-record h3{overflow-wrap:anywhere}.record-meta{margin:5px 0;color:#4D6574;font-size:13px}.record-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.record-badge{font-size:12px;padding:4px 8px;background:#EAF1F5;color:#31566D;border-radius:6px}.record-badge.pending{background:#FFF5E4;color:#855100}.record-badge.approved{background:#E7F3EC;color:#226B50}.record-reason{margin:12px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.record-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.governance-empty{padding:36px 20px;background:white;border:1px dashed #B7C5CE;border-radius:12px;text-align:center;color:#4D6574}.governance-footer{max-width:1184px;padding:20px 24px;margin:0 auto;border-top:1px solid #DCE4E8;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#777F83}.product-credit{display:inline-flex;align-items:center;gap:5px;line-height:20px}.product-credit img{object-fit:contain;display:block}.governance-footer>a{color:#657A87}.governance-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:24px;border:1px solid #B7C5CE;border-radius:14px;color:#15384C;background:#fff;box-shadow:0 20px 70px #072c4830}.governance-dialog::backdrop{background:#072C4866}.governance-dialog form{display:grid;gap:16px}.governance-dialog h2{margin:0}.governance-dialog label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.governance-dialog p{margin:0;color:#4D6574}.governance-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.governance-dialog .error{color:#AF2938;min-height:21px;font-size:13px}.skip-link{position:absolute;top:-100px;left:12px;background:white;padding:12px}.skip-link:focus{top:12px;z-index:100}.customer-governance-nav{text-decoration:none;gap:10px}.customer-governance-nav svg{flex:0 0 20px}.customer-governance-nav .governance-nav-count{margin-left:auto;min-width:22px;padding:2px 5px;border-radius:5px;background:#FFF5E4;color:#855100;font-size:11px;font-weight:700;text-align:center}.sidebar-compact .customer-governance-nav>span:not(.governance-nav-count){display:none}.sidebar-compact .customer-governance-nav{position:relative}.sidebar-compact .customer-governance-nav .governance-nav-count{position:absolute;right:0;top:0;font-size:9px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:620px){.governance-header{padding:14px 16px;gap:10px;flex-wrap:wrap}.backoffice-link{font-size:12px}.governance-page main{padding:24px 16px}.governance-heading{align-items:start;flex-direction:column}.governance-page h1{font-size:25px}.governance-record{grid-template-columns:minmax(0,1fr);padding:16px}.record-actions{justify-content:flex-start}.record-actions>button{flex:1}.governance-tools{align-items:stretch;flex-wrap:wrap}.governance-tools label{max-width:none}.governance-footer{padding:18px 16px;flex-wrap:wrap}.governance-dialog{padding:20px}.governance-dialog .dialog-actions>button{flex:1}}

.customer-review-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0;padding:14px;border:1px solid #DCE4E8;border-radius:8px;background:#F5F7F7}.customer-review-facts>div{min-width:0}.customer-review-facts dt{font-size:11px;color:#4D6574}.customer-review-facts dd{margin:2px 0 0;font-size:13px;overflow-wrap:anywhere}.governance-dialog{overflow:auto}@media(max-width:440px){.customer-review-facts{grid-template-columns:1fr}}

.governance-bulk{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 14px;margin-bottom:16px;border:1px solid #B4CBD9;border-radius:10px;background:#EAF1F5}.governance-bulk[hidden]{display:none}.governance-bulk label,.credit-choice{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.governance-page input[type=checkbox]{width:18px;height:18px;min-height:18px;padding:0;accent-color:#0A3D62;flex:0 0 18px}.governance-record>div>input[type=checkbox]{float:left;margin:4px 10px 4px 0}.bulk-review-summary,.bulk-review-results{margin:0;padding:0;list-style:none;max-height:220px;overflow:auto;border:1px solid #DCE4E8;border-radius:8px}.bulk-review-summary li,.bulk-review-results li{display:grid;gap:3px;padding:10px 12px;border-bottom:1px solid #DCE4E8;font-size:13px}.bulk-review-summary span,.bulk-review-results span{color:#4D6574;font-size:12px}.bulk-review-results .success{border-left:3px solid #226B50}.bulk-review-results .failed{border-left:3px solid #AF2938}.credit-summary{padding:12px;background:#EAF1F5;border-radius:8px}@media(max-width:620px){.governance-bulk button{width:100%}}

.governance-page [hidden]{display:none!important}


/* /assets/revenue-targets.css */
.revenue-summary,.revenue-record{background:#fff;border:1px solid #DCE4E8;border-radius:12px;padding:20px;margin-bottom:16px;color:#15384C;font:14px/1.5 Inter,Arial,sans-serif}.revenue-summary h2,.revenue-record h2{margin:0;font-size:18px;color:#072C48}.revenue-summary p,.revenue-record p{margin:7px 0;color:#4D6574}.revenue-metrics{display:flex;gap:20px;flex-wrap:wrap;margin:16px 0}.revenue-metrics>div{flex:1;min-width:150px}.revenue-metrics dt{font-size:12px;color:#4D6574}.revenue-metrics dd{margin:4px 0 0;font-size:23px;line-height:1.3;font-weight:750;color:#072C48;overflow-wrap:anywhere}.revenue-rate{font-size:24px;font-weight:750}.revenue-meter{height:7px;background:#EAF1F5;border-radius:5px;overflow:hidden;margin:10px 0}.revenue-meter>span{display:block;height:100%;background:#0A3D62}.revenue-summary-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:#4D6574}.revenue-dashboard-card{margin:0 0 20px;font-family:Inter,Arial,sans-serif}.revenue-dashboard-card a{color:#0A3D62;font-weight:600}.revenue-record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px}.revenue-record button{align-self:start}.revenue-record h2{overflow-wrap:anywhere}.revenue-list{display:grid;gap:0}.revenue-tools{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px}.revenue-tools label{display:flex;flex-direction:column;gap:6px;min-width:180px;max-width:420px;flex:1;font-size:13px}.revenue-help{font-size:13px;color:#4D6574}.revenue-dialog-values{padding:14px;border:1px solid #DCE4E8;border-radius:8px;background:#F5F7F7}.revenue-dialog-values p{margin:7px 0}.revenue-dialog-values strong{color:#072C48}.revenue-summary [hidden],.revenue-record [hidden]{display:none!important}@media(max-width:620px){.revenue-record{grid-template-columns:minmax(0,1fr);padding:16px}.revenue-record button{justify-self:start}.revenue-summary{padding:16px}.revenue-metrics{gap:14px}.revenue-metrics>div{min-width:125px}.revenue-metrics dd{font-size:21px}}

.revenue-dashboard-card button{min-height:44px;padding:10px 16px;border:1px solid #B7C5CE;border-radius:8px;background:#fff;color:#0A3D62;font:600 14px Inter,Arial,sans-serif;cursor:pointer}.revenue-dashboard-card :is(a,button):focus-visible{outline:3px solid #F39C12;outline-offset:3px}

.revenue-seller-record{display:block;padding:0;overflow:hidden}.revenue-seller-header{padding:18px 20px;border-bottom:1px solid #DCE4E8}.revenue-category-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.revenue-category-table th,.revenue-category-table td{padding:14px 20px;border-bottom:1px solid #E7ECEF;vertical-align:middle;overflow-wrap:anywhere}.revenue-category-table thead th{font-size:12px;font-weight:600;color:#4D6574;background:#F5F7F7}.revenue-category-table tbody th{color:#15384C;font-weight:600}.revenue-category-table tbody tr:last-child>*{border-bottom:0}.revenue-category-table .revenue-category-action{text-align:right}.revenue-category-table button{min-height:44px;white-space:nowrap}.revenue-tools select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #B7C5CE;border-radius:8px;background:#fff;color:#15384C;font:inherit}.revenue-tools select:focus-visible{outline:3px solid #F39C12;outline-offset:2px}.revenue-tools select:disabled{opacity:.65}.revenue-category-table caption.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.revenue-seller-header{padding:16px}.revenue-category-table thead{display:none}.revenue-category-table,.revenue-category-table tbody,.revenue-category-table tr{display:block}.revenue-category-table tbody tr{padding:14px 16px;border-bottom:1px solid #DCE4E8}.revenue-category-table tbody tr:last-child{border-bottom:0}.revenue-category-table th,.revenue-category-table td{display:flex;justify-content:space-between;gap:14px;padding:5px 0;border:0;max-width:100%}.revenue-category-table tbody th{display:block;font-size:15px;margin-bottom:5px}.revenue-category-table td[data-label]:before{content:attr(data-label);font-weight:400;color:#4D6574}.revenue-category-table .revenue-category-action{justify-content:flex-start;margin-top:8px}.revenue-tools label{min-width:160px}.revenue-seller-record{padding:0}}


/* /assets/promotions-admin.css */
.promotions-toolbar{display:flex;gap:10px;flex-wrap:wrap}.promotions-grid{display:grid;gap:14px}.promotion-record{padding:20px;border:1px solid #DCE4E8;border-radius:12px;background:white;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px}.promotion-record h2{margin:0;overflow-wrap:anywhere}.promotion-record p{margin:7px 0;color:#4D6574}.promotion-status{display:inline-flex;margin:8px 0 2px;padding:4px 9px;border-radius:6px;background:#EAF1F5;font-size:12px}.promotion-status.active{background:#E7F3EC;color:#226B50}.promotion-actions{display:flex;flex-wrap:wrap;gap:8px;align-content:start;justify-content:flex-end}.promotion-grid-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.promotion-grid-fields label{min-width:0}.promotion-grid-fields .wide{grid-column:1/-1}.promotion-help{font-size:13px;color:#4D6574}.promotion-review{padding:14px;background:#F5F7F7;border:1px solid #DCE4E8;border-radius:9px}.promotion-review p{margin:7px 0}.promotion-dialog{width:min(720px,calc(100vw - 32px))}.promotion-dialog[open]{overflow-y:auto}.promotion-dialog [hidden]{display:none!important}.promotion-dialog select{max-width:100%}.promotion-dialog label:has([required]){font-weight:650}.promotion-dialog .error{white-space:pre-wrap}.promotion-uncertain{border:1px solid #E8C887;background:#FFF5E4;padding:14px;border-radius:9px;display:grid;gap:10px}.promotion-uncertain button{justify-self:start}.promotion-warning{color:#855100}.promotions-search{display:flex;flex-direction:column;gap:5px;max-width:440px;margin-bottom:18px;font-size:13px}.promotions-readonly{margin:0 0 18px;color:#4D6574}@media(max-width:620px){.promotion-record{grid-template-columns:minmax(0,1fr);padding:16px}.promotion-actions{justify-content:flex-start}.promotion-actions button{flex:1}.promotion-grid-fields{grid-template-columns:minmax(0,1fr)}.promotion-grid-fields .wide{grid-column:auto}.promotions-toolbar button{flex:1}.promotion-dialog{padding:18px}}


/* /assets/inventory.css */
.inventory-page main{max-width:1280px}.inventory-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.inventory-heading h1{display:flex;align-items:center;gap:10px}.inventory-heading p{color:#4D6574;margin:6px 0 0}.inventory-heading svg{flex:0 0 28px}.inventory-toolbar{display:flex;gap:10px;flex-wrap:wrap}.inventory-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 24px}.inventory-summary article{padding:16px;background:#fff;border:1px solid #DCE4E8;border-radius:10px;display:grid;gap:6px}.inventory-summary .summary-label{color:#4D6574;font-size:12px}.inventory-summary .summary-value{font-size:26px;font-weight:750;letter-spacing:-.5px;color:#072C48}.inventory-summary .summary-icon{display:flex;align-items:center;gap:8px;color:#0A3D62}.inventory-page [hidden]{display:none!important}.inventory-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.inventory-tabs button{background:transparent}.inventory-tabs button[aria-pressed=true]{color:#fff;background:#0A3D62;border-color:#0A3D62}.inventory-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:18px}.inventory-filters label{flex:1;min-width:170px;display:flex;flex-direction:column;gap:5px;color:#4D6574;font-size:12px}.inventory-filters label.search{flex:2;min-width:220px}.inventory-actions{display:flex;gap:8px;flex-wrap:wrap}.inventory-notice{padding:12px 14px;border-radius:8px;border:1px solid #DCE4E8;background:#EAF1F5;color:#31566D;font-size:13px;margin-bottom:16px}.inventory-notice.warning{background:#FFF5E4;border-color:#E8C887;color:#855100}.inventory-error{padding:12px 14px;background:#FCECEF;border:1px solid #E5AFB6;border-radius:8px;color:#862331;margin:12px 0}.inventory-status{color:#4D6574;font-size:13px;min-height:20px;margin:12px 0}.inventory-grid{border:1px solid #DCE4E8;border-radius:10px;overflow-x:auto;background:#fff}.inventory-grid table{border-collapse:collapse;width:100%;font-size:13px}.inventory-grid th{text-align:left;font-size:11px;color:#4D6574;letter-spacing:.02em;font-weight:650;padding:13px 14px;background:#EEF3F5;white-space:nowrap}.inventory-grid td{padding:14px;border-top:1px solid #E5EBEE;vertical-align:top}.inventory-grid td strong{display:block;font-weight:650}.inventory-grid td small{display:block;color:#4D6574;margin-top:3px;font-size:12px}.inventory-grid .numeric{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.inventory-grid .numeric strong{font-size:15px}.inventory-grid .row-action{padding:7px 10px;min-height:44px}.inventory-badge{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 8px;font-size:11px;border-radius:6px;background:#EAF1F5;color:#31566D;overflow-wrap:anywhere}.inventory-badge.available{background:#E7F3EC;color:#226B50}.inventory-badge.warning{background:#FFF5E4;color:#855100}.inventory-badge.danger{background:#FCECEF;color:#862331}.inventory-empty{padding:38px 24px;text-align:center;background:#fff;border:1px dashed #B7C5CE;border-radius:10px;color:#4D6574}.inventory-empty svg{display:block;margin:0 auto 12px;color:#0A3D62}.inventory-empty h2{margin:0 0 6px}.inventory-empty p{margin:0;max-width:560px;margin-inline:auto}.inventory-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 14px}.inventory-section-title h2{margin:0}.inventory-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.inventory-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid #B7C5CE;border-radius:14px;background:#fff;color:#15384C;box-shadow:0 20px 70px #072c4830}.inventory-dialog::backdrop{background:#072C4866}.inventory-dialog form{display:grid;gap:18px}.inventory-dialog h2{margin:0;font-size:22px}.inventory-dialog p{margin:0;color:#4D6574}.inventory-dialog label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.inventory-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.inventory-fields .wide{grid-column:1/-1}.inventory-dialog .field-help{font-size:12px;font-weight:400;color:#4D6574}.inventory-dialog .field-error{font-size:13px;color:#862331;min-height:20px}.inventory-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.inventory-review{border:1px solid #DCE4E8;background:#F5F7F7;padding:14px;border-radius:9px;display:grid;gap:10px}.inventory-review dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}.inventory-review dt{font-size:11px;color:#4D6574}.inventory-review dd{margin:3px 0 0;font-weight:600;overflow-wrap:anywhere}.inventory-page .inventory-dialog input[type=checkbox]{width:18px;min-height:18px;height:18px;accent-color:#0A3D62;flex:0 0 18px}.inventory-choice{flex-direction:row!important;align-items:center;gap:8px!important}.inventory-choice label{font-weight:400}.inventory-lines{display:grid;gap:10px}.inventory-line{padding:14px;border:1px solid #DCE4E8;border-radius:9px;display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px 16px;align-items:end}.inventory-line p{font-size:12px}.inventory-line .line-product{grid-column:1/-1}.inventory-line .line-product strong{display:block}.inventory-line .line-product small{display:block;margin-top:3px;color:#4D6574}.inventory-line .wide{grid-column:1/-1}.inventory-line button{justify-self:start}.inventory-legend{display:flex;gap:14px;flex-wrap:wrap;color:#4D6574;font-size:12px;margin-top:12px}.inventory-page .governance-footer{max-width:1280px}.inventory-page .governance-footer nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px}.inventory-page .governance-footer a{display:inline-flex;align-items:center;min-height:44px;color:#657A87;font-size:12px;text-decoration:none}.inventory-page .governance-footer a:hover{text-decoration:underline}.inventory-page .governance-footer a:focus-visible{outline:3px solid #F39C12;outline-offset:3px}.inventory-page input:disabled{background:#F5F7F7;color:#4D6574}.inventory-freshness{font-size:12px;color:#4D6574}.inventory-detail-list{margin:0;padding:0;list-style:none;border:1px solid #DCE4E8;border-radius:9px;overflow:hidden}.inventory-detail-list li{padding:12px 14px;border-bottom:1px solid #DCE4E8;display:grid;gap:4px}.inventory-detail-list li:last-child{border-bottom:0}.inventory-detail-list small{color:#4D6574}.inventory-heading .inventory-toolbar>button{white-space:nowrap}@media(max-width:900px){.inventory-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-grid table{min-width:720px}}@media(max-width:620px){.inventory-heading{align-items:start;flex-direction:column}.inventory-toolbar{width:100%}.inventory-toolbar>button{flex:1}.inventory-summary{gap:10px}.inventory-summary article{padding:13px}.inventory-summary .summary-value{font-size:23px}.inventory-tabs{gap:6px}.inventory-tabs button{padding:9px 11px;font-size:12px}.inventory-filters label,.inventory-filters label.search{min-width:min(100%,220px)}.inventory-dialog{padding:20px;max-height:calc(100dvh - 24px)}.inventory-fields{grid-template-columns:1fr}.inventory-fields .wide{grid-column:auto}.inventory-dialog .dialog-actions>button{flex:1}.inventory-review dl{grid-template-columns:1fr}.inventory-line{grid-template-columns:minmax(0,1fr)}.inventory-pager{align-items:start;flex-direction:column}.inventory-page .governance-footer{align-items:start;flex-direction:column;gap:8px}.inventory-grid table{min-width:650px}}
.inventory-grid td{overflow-wrap:anywhere;max-width:360px}.inventory-van-card{margin-bottom:26px}.inventory-review .field-help{font-weight:400}.inventory-dialog .inventory-notice{margin:0}.inventory-dialog .inventory-line .inventory-choice{grid-column:1/-1}


/* /assets/distribution.css */
:root{--ink:#103b50;--muted:#5c6e77;--line:#d9e2e4;--paper:#f5f7f5;--accent:#f28c28;--green:#26784e}*{box-sizing:border-box}body.distribution-page{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}.distribution-page main{max-width:1480px;margin:auto;padding:28px 24px 56px;min-height:72vh}.distribution-page button,.distribution-page input,.distribution-page select,.distribution-page textarea{font:inherit}.distribution-page button,.distribution-page .button{min-height:42px;padding:9px 15px;border:1px solid #b8cbd2;border-radius:7px;background:#fff;color:var(--ink);font-weight:650;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.distribution-page button.primary{background:var(--ink);border-color:var(--ink);color:white}.distribution-page button:disabled{opacity:.5;cursor:default}.distribution-page button:focus-visible,.distribution-page a:focus-visible,.distribution-page input:focus-visible,.distribution-page select:focus-visible,.distribution-page textarea:focus-visible{outline:3px solid #f5b457;outline-offset:3px}.distribution-page .dist-heading,.dist-toolbar,.dist-tabs,.dist-actions,.dist-period,.dist-filters,.dist-section-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dist-heading{justify-content:space-between;margin-bottom:22px}.dist-heading h1{font-size:30px;margin:0;line-height:1.2;letter-spacing:-.8px}.dist-heading p{color:var(--muted);margin:6px 0 0}.dist-toolbar{margin-left:auto}.dist-top-nav{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}.dist-top-nav a{color:var(--ink);text-decoration:none;padding:9px 12px;border-radius:6px}.dist-top-nav a[aria-current=page]{background:#e9efed;font-weight:750}.dist-tabs{margin:20px 0;gap:8px}.dist-tabs button[aria-pressed=true]{background:#e4eded;border-color:var(--ink)}.dist-tabs svg{width:19px;height:19px}.dist-filters{justify-content:space-between;margin:12px 0 20px}.dist-filters label,.dist-period label{display:grid;gap:5px;color:var(--muted);font-size:13px}.dist-filters input{min-width:240px}.distribution-page select,.distribution-page input,.distribution-page textarea{border:1px solid #b7c8ce;background:#fff;color:var(--ink);border-radius:6px;min-height:43px;padding:10px 11px;width:100%}.distribution-page input[type=checkbox]{width:19px;min-height:19px;flex-shrink:0}.distribution-page input[type=file]{font-size:12px}.distribution-page textarea{min-height:85px;resize:vertical}.dist-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 24px}.dist-kpi,.dist-card{background:white;border:1px solid var(--line);border-radius:9px;padding:20px}.dist-kpi span{color:var(--muted);font-size:13px;display:block}.dist-kpi strong{font-size:24px;letter-spacing:-.6px;display:block;margin-top:9px}.dist-card h2{font-size:18px;margin:0 0 12px}.dist-card p{color:var(--muted)}.dist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dist-section-heading{justify-content:space-between;margin:10px 0 16px}.dist-section-heading h2{margin:0;font-size:19px}.dist-table-wrap{background:#fff;border:1px solid var(--line);border-radius:9px;overflow-x:auto}.dist-table{border-collapse:collapse;width:100%;min-width:680px;font-size:13px}.dist-table th{background:#edf2f1;color:var(--muted);font-weight:650;text-align:left;white-space:nowrap}.dist-table td,.dist-table th{padding:13px 14px;border-bottom:1px solid #e3e9e9;vertical-align:middle}.dist-table tbody tr:last-child td{border-bottom:0}.dist-table td strong{display:block}.dist-table .dist-small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.dist-table button{padding:6px 10px;min-height:36px;font-size:12px}.dist-number{font-variant-numeric:tabular-nums;white-space:nowrap}.dist-badge{border-radius:5px;display:inline-block;padding:4px 8px;font-size:12px;font-weight:650;background:#edf1f2}.dist-badge.good{color:#256247;background:#e8f4ec}.dist-badge.warn{color:#88551d;background:#fff4df}.dist-badge.bad{color:#9b3440;background:#feeaed}.dist-notice{padding:13px 16px;border-left:3px solid var(--accent);background:#fff8e9;border-radius:5px;margin:16px 0;line-height:1.6}.dist-error{color:#973744;background:#fff0f0;border-left:3px solid #c54f5b;padding:13px 16px;border-radius:5px}.dist-message{padding:12px 0;color:var(--muted)}.dist-pending{border:1px solid #e5c882;background:#fff8e5;padding:16px;margin:18px 0;border-radius:7px}.dist-pending button{margin-top:9px}.dist-empty{padding:34px;text-align:center;color:var(--muted);background:white;border:1px dashed #cbd8da;border-radius:9px}.dist-empty strong{display:block;color:var(--ink);font-size:17px;margin-bottom:6px}.dist-dialog{border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 70px #12334926;padding:25px;width:min(860px,calc(100% - 28px));max-height:90dvh;color:var(--ink);background:#fff}.dist-dialog::backdrop{background:#102b3e70}.dist-dialog h2{margin:0 0 18px;font-size:23px;line-height:1.3}.dist-dialog h3{font-size:16px;margin:18px 0 10px}.dist-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dist-form label{display:grid;gap:7px;font-size:13px;font-weight:650}.dist-form label small{font-size:12px;font-weight:450;color:var(--muted)}.dist-form .wide{grid-column:1/-1}.dist-form .dist-checkbox{display:flex;align-items:center;gap:9px;font-weight:500}.dist-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;border:1px solid var(--line);border-radius:6px;padding:12px;max-height:210px;overflow:auto}.dist-line{border:1px solid var(--line);padding:13px;border-radius:7px;margin:12px 0;background:#f9fbfa}.dist-line-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.dist-line-grid{display:grid;grid-template-columns:minmax(160px,2fr) 1fr 1fr;gap:10px}.dist-line details{margin-top:12px;color:var(--muted)}.dist-line details summary{cursor:pointer;font-size:12px}.dist-line .dist-form{margin-top:10px}.dist-dialog .dist-actions{justify-content:flex-end;border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.dist-review{padding:14px;border:1px solid var(--line);background:#f5f8f6;border-radius:7px}.dist-review dl{display:grid;grid-template-columns:140px 1fr;gap:8px;margin:0}.dist-review dt{color:var(--muted)}.dist-review dd{margin:0;overflow-wrap:anywhere}.dist-dialog .dist-table{min-width:560px}.dist-dialog input[type=number]{min-width:90px}.dist-footer-note{font-size:12px;color:var(--muted);margin-top:20px}.dist-legacy{margin-top:12px}.dist-legacy .inventory-heading h1{font-size:23px}.dist-legacy .inventory-summary{display:none}.dist-period{margin:14px 0}.dist-period input{width:155px}.dist-definition{display:grid;grid-template-columns:150px 1fr;gap:9px}.dist-definition dt{color:var(--muted)}.dist-definition dd{margin:0;overflow-wrap:anywhere}@media(max-width:900px){.dist-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dist-top-nav a{padding:7px}.dist-heading{align-items:flex-start!important}.dist-toolbar{margin-left:0}.dist-grid{grid-template-columns:1fr}}@media(max-width:600px){.distribution-page main{padding:22px 16px 40px}.dist-heading h1{font-size:26px}.dist-summary{gap:10px}.dist-kpi{padding:15px}.dist-kpi strong{font-size:20px}.dist-toolbar{width:100%}.dist-toolbar button{flex:1}.dist-filters>label{width:100%}.dist-top-nav{width:100%;justify-content:space-between}.distribution-page .governance-header{flex-wrap:wrap;gap:10px}.dist-tabs{gap:6px}.dist-tabs button{font-size:12px;padding:8px 10px}.dist-dialog{padding:19px;max-height:94dvh}.dist-form,.dist-checks,.dist-line-grid{grid-template-columns:1fr}.dist-form .wide{grid-column:auto}.dist-review dl,.dist-definition{grid-template-columns:1fr;gap:4px}.dist-review dd,.dist-definition dd{margin-bottom:8px}.dist-dialog .dist-actions button{flex:1}.dist-period label{flex:1}.dist-period input{width:100%}}@media(prefers-reduced-motion:no-preference){.dist-dialog[open]{animation:dist-enter .14s ease-out}@keyframes dist-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}

.dist-readonly{display:block}.dist-readonly>p,.dist-readonly>.dist-table-wrap{margin-bottom:16px}

.dist-button-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;background:#0c3e5d;color:#fff!important;border:1px solid #0c3e5d;border-radius:6px;text-decoration:none;font-size:14px;font-weight:650}.dist-button-link:hover{background:#082c43}
@media(min-width:700px){.qa-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.qa-bar label{display:inline-flex;align-items:center;gap:8px}.qa-bar select{width:auto;min-width:140px}}

.distribution-page [hidden]{display:none!important}


/* /assets/mobile-ux.css */
#root .workspace-visit-management .workspace-route-content,#preview-root{max-width:1180px;margin:auto;padding:32px 24px 48px}#root .workspace-visit-management .workspace-route-content>button,#preview-root>button{margin:0 12px 20px 0}#root .workspace-visit-management .workspace-route-content details,#preview-root details{margin:24px 0;padding:20px;border:1px solid #d5e0e5;border-radius:14px;background:#fff}#root .workspace-visit-management .workspace-route-content summary,#preview-root summary{cursor:pointer;font-weight:600;min-height:48px;display:list-item}#root .workspace-visit-management .workspace-route-content form,#preview-root form{display:grid;gap:12px}#root .workspace-visit-management .workspace-route-content input:not([type=checkbox]),#root .workspace-visit-management .workspace-route-content select,#root .workspace-visit-management .workspace-route-content textarea,#preview-root input:not([type=checkbox]),#preview-root select,#preview-root textarea{min-height:48px;border:1px solid #b7c5ce;border-radius:10px;padding:12px;font:inherit;max-width:100%;width:100%;background:#fff;color:#15384c}#root .workspace-visit-management .workspace-route-content button,#preview-root button{min-height:48px;font:inherit;padding:10px 18px;border:1px solid #0a3d62;border-radius:10px;background:#0a3d62;color:#fff;cursor:pointer;justify-self:start}#root .workspace-visit-management .workspace-route-content button:disabled,#preview-root button:disabled{opacity:.5;cursor:default}#root .workspace-visit-management .workspace-route-content label,#preview-root label{line-height:1.5}#root .workspace-visit-management .workspace-route-content input[type=checkbox],#preview-root input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin:0 8px 0 0;accent-color:#0a3d62}#root .workspace-visit-management .workspace-route-content :focus-visible,#preview-root :focus-visible{outline:3px solid #26658c;outline-offset:3px}#root .workspace-visit-management .workspace-route-content h1,#preview-root h1{font-size:32px}#root .workspace-visit-management .workspace-route-content h3,#preview-root h3{margin-top:0}@media(max-width:600px){#root .workspace-visit-management .workspace-route-content,#preview-root{padding:24px 16px}#root .workspace-visit-management .workspace-route-content h1,#preview-root h1{font-size:28px}}

/* /tickets/tickets-ui.css */
.crm-ticket-root{--crm-ticket-navy:#0a3d62;--crm-ticket-ink:#163344;--crm-ticket-muted:#5a6e7c;--crm-ticket-line:#dce4e9;--crm-ticket-paper:#f5f7f8;font:400 14px/1.6 Inter,Arial,sans-serif;color:var(--crm-ticket-ink);min-width:0}
.crm-ticket-root *{box-sizing:border-box}.crm-ticket-root h2,.crm-ticket-root h3{color:var(--crm-ticket-navy);letter-spacing:-.025em;line-height:1.25;margin:0 0 12px}.crm-ticket-root h2{font-size:24px}.crm-ticket-root h3{font-size:17px}.crm-ticket-root p{margin:0 0 12px}.crm-ticket-root button,.crm-ticket-root input,.crm-ticket-root select,.crm-ticket-root textarea{font:inherit}.crm-ticket-root button{cursor:pointer}.crm-ticket-root button:disabled{cursor:default;opacity:.55}.crm-ticket-root :is(button,input,select,textarea,a,[tabindex]):focus-visible{outline:3px solid #c87912;outline-offset:3px}.crm-ticket-root .crm-ticket-muted{color:var(--crm-ticket-muted);font-size:13px;margin:0}.crm-ticket-root .crm-ticket-eyebrow{color:var(--crm-ticket-muted);font-size:12px;font-weight:650;letter-spacing:.02em;margin:0 0 6px}
.crm-ticket-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px}.crm-ticket-heading>div:first-child{max-width:650px}.crm-ticket-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.crm-ticket-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #0a3d62;border-radius:7px;background:#0a3d62;color:#fff;min-height:44px;padding:10px 15px;font-size:13px;font-weight:650;line-height:1.4;text-decoration:none;white-space:normal}.crm-ticket-button:hover:not(:disabled){background:#072c48}.crm-ticket-button.crm-ticket-secondary{background:#fff;color:#0a3d62;border-color:#c6d3dd}.crm-ticket-button.crm-ticket-secondary:hover:not(:disabled){background:#f0f4f7}.crm-ticket-alert{background:#fff6e7;color:#775021;border:1px solid #eddbb9;border-left:3px solid #e2a040;border-radius:7px;padding:12px 16px;font-size:13px;margin-bottom:16px}.crm-ticket-alert.crm-ticket-error{background:#fff1ee;color:#8c3828;border-color:#edc6bc;border-left-color:#c65a3d}
.crm-ticket-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}.crm-ticket-kpi{padding:15px 16px;border:1px solid var(--crm-ticket-line);border-radius:9px;background:white}.crm-ticket-kpi>span{display:block;color:var(--crm-ticket-muted);font-size:12px}.crm-ticket-kpi>strong{display:block;color:var(--crm-ticket-navy);font-size:27px;line-height:1.25;letter-spacing:-.035em;margin-top:7px}
.crm-ticket-filters{display:grid;grid-template-columns:minmax(210px,1.6fr) repeat(3,minmax(140px,1fr)) auto;align-items:end;gap:12px;margin-bottom:18px}.crm-ticket-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:600;color:var(--crm-ticket-navy)}.crm-ticket-field>input,.crm-ticket-field>select,.crm-ticket-field>textarea{width:100%;min-width:0;background:#fff;color:var(--crm-ticket-ink);border:1px solid #b9cad6;border-radius:7px;min-height:44px;padding:9px 11px;font-size:16px;line-height:1.5;box-shadow:none}.crm-ticket-field>textarea{resize:vertical;min-height:104px}.crm-ticket-hint{font-size:12px;font-weight:400;color:var(--crm-ticket-muted);line-height:1.6}.crm-ticket-form{display:grid;gap:17px;margin:0}.crm-ticket-formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.crm-ticket-form>button[type=submit]{justify-self:start}.crm-ticket-root .crm-ticket-form p{margin:0}
.crm-ticket-tablewrap{overflow:auto;max-width:100%;background:#fff;border:1px solid var(--crm-ticket-line);border-radius:10px}.crm-ticket-table{border-collapse:collapse;width:100%;min-width:810px;text-align:left}.crm-ticket-table th{padding:12px 14px;background:var(--crm-ticket-paper);color:var(--crm-ticket-muted);font-size:12px;font-weight:600;white-space:nowrap;border-bottom:1px solid var(--crm-ticket-line)}.crm-ticket-table td{padding:13px 14px;border-bottom:1px solid #e8edf1;font-size:13px;vertical-align:middle}.crm-ticket-table tbody tr:last-child td{border-bottom:0}.crm-ticket-table tbody tr:hover{background:#f8fafb}.crm-ticket-subject{display:block;padding:0;border:0;background:transparent;color:var(--crm-ticket-navy);font-size:14px;font-weight:650;line-height:1.5;text-align:left;max-width:320px;overflow-wrap:anywhere;min-height:28px}.crm-ticket-subject:hover{text-decoration:underline;text-underline-offset:3px}.crm-ticket-reference{display:block;font-size:11px;letter-spacing:.02em;color:var(--crm-ticket-muted);margin-top:3px}.crm-ticket-badge{display:inline-flex;align-items:center;border-radius:20px;padding:4px 9px;font-size:11px;font-weight:650;line-height:1.5;white-space:nowrap;background:#edf2f6;color:#35546c}.crm-ticket-status-in_progress{background:#e9f1fa;color:#245d8a}.crm-ticket-status-waiting_customer{background:#fff3da;color:#855a13}.crm-ticket-status-resolved{background:#e8f5ed;color:#256b45}.crm-ticket-status-closed{background:#edf0f3;color:#586773}.crm-ticket-priority-urgent{background:#ffebe5;color:#9b3e28}.crm-ticket-priority-high{background:#fff1d8;color:#855a13}.crm-ticket-priority-low{background:#edf5f5;color:#426d70}.crm-ticket-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px}.crm-ticket-empty{border:1px dashed #c9d7e0;border-radius:10px;background:#fff;padding:32px 24px;text-align:center}.crm-ticket-empty .crm-ticket-button{margin-top:16px}
dialog.crm-ticket-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(760px,calc(100vw - 24px));max-width:none;height:100dvh;max-height:100dvh;overflow-y:auto;border:0;border-left:1px solid #d5dfe7;border-radius:14px 0 0 14px;background:#fff;color:var(--crm-ticket-ink);padding:24px 28px;box-shadow:-16px 0 70px #072c482b}.crm-ticket-dialog::backdrop{background:#072c4857;backdrop-filter:blur(2px)}.crm-ticket-dialoghead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;position:sticky;top:-24px;z-index:2;background:#fff;padding:24px 0 18px;margin-top:-24px;border-bottom:1px solid var(--crm-ticket-line);margin-bottom:20px}.crm-ticket-dialoghead h2{font-size:23px;overflow-wrap:anywhere;margin:0}.crm-ticket-dialoghead>button{flex-shrink:0}.crm-ticket-detailbadges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.crm-ticket-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin:0 0 22px;padding:0 0 22px;border-bottom:1px solid var(--crm-ticket-line)}.crm-ticket-facts dt{font-size:11px;color:var(--crm-ticket-muted);margin-bottom:3px}.crm-ticket-facts dd{font-size:13px;margin:0;overflow-wrap:anywhere}.crm-ticket-description,.crm-ticket-edit,.crm-ticket-conversation,.crm-ticket-history{margin:0 0 26px}.crm-ticket-edit{padding:20px;background:var(--crm-ticket-paper);border:1px solid var(--crm-ticket-line);border-radius:9px}.crm-ticket-root .crm-ticket-messagebody{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;margin:0}.crm-ticket-resolution{margin-bottom:24px;border-left:3px solid #40976a;border-radius:5px;padding:16px 18px;background:#eef8f1}.crm-ticket-messages{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:13px}.crm-ticket-message{border:1px solid var(--crm-ticket-line);border-radius:9px;background:#fff;padding:15px 17px}.crm-ticket-messagehead{display:flex;flex-wrap:wrap;gap:5px 12px;align-items:baseline;margin-bottom:10px;font-size:11px;color:var(--crm-ticket-muted)}.crm-ticket-messagehead>strong{font-size:12px;color:var(--crm-ticket-navy)}.crm-ticket-messagehead>time{margin-left:auto}.crm-ticket-internal{background:#fff8ec;border-color:#e9d7b8}.crm-ticket-composer{padding:20px;border:1px solid var(--crm-ticket-line);border-radius:9px;background:var(--crm-ticket-paper)}.crm-ticket-composer.crm-ticket-internal{background:#fff8ec;border-color:#e9d7b8}.crm-ticket-composertypes{display:flex;gap:8px;flex-wrap:wrap}.crm-ticket-composertypes button[aria-pressed=true]{border-color:#0a3d62;background:#e9f0f6;box-shadow:inset 0 -2px #e4a03c}.crm-ticket-history ol{margin:0;padding-left:19px}.crm-ticket-history li{padding:0 0 12px 5px;font-size:13px}.crm-ticket-history li small{display:block;color:var(--crm-ticket-muted);font-size:11px;margin-top:3px}.crm-ticket-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1200px){.crm-ticket-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-ticket-filters>.crm-ticket-field:first-child{grid-column:1/-1}.crm-ticket-filters>.crm-ticket-button{justify-self:start}.crm-ticket-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.crm-ticket-heading{flex-direction:column;gap:16px}.crm-ticket-heading>.crm-ticket-actions{width:100%}.crm-ticket-heading>.crm-ticket-actions>button{flex:1}.crm-ticket-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.crm-ticket-kpi{padding:13px}.crm-ticket-kpi>strong{font-size:24px}.crm-ticket-pagination{align-items:flex-start;flex-direction:column;gap:12px}dialog.crm-ticket-dialog{width:100vw;max-width:100vw;border-radius:0;padding:20px}.crm-ticket-dialoghead{top:-20px;padding-top:20px;margin-top:-20px}.crm-ticket-dialoghead h2{font-size:21px}.crm-ticket-formgrid{grid-template-columns:1fr;gap:15px}.crm-ticket-facts{gap:12px 16px}.crm-ticket-edit,.crm-ticket-composer{padding:16px}.crm-ticket-messagehead>time{width:100%;margin-left:0}.crm-ticket-root .crm-ticket-button{min-height:46px}}
@media(max-width:390px){.crm-ticket-filters{grid-template-columns:1fr}.crm-ticket-facts{grid-template-columns:1fr}.crm-ticket-dialoghead{gap:12px}.crm-ticket-dialoghead>button{padding-inline:10px}.crm-ticket-heading>.crm-ticket-actions{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){.crm-ticket-root *,.crm-ticket-root *::before,.crm-ticket-root *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* /assets/workspace-shell.css */
/* Shared footer utilities also work when business views are mounted inside
   the persistent workspace rather than a standalone document. */
:is(.official-workspace-footer,.governance-footer,.workspace-shell-footer),
.inventory-page .governance-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 24px;
  min-width: 0;
  color: #65747c;
  font-size: 12px;
  line-height: 18px;
}
:is(.official-workspace-footer,.governance-footer,.workspace-shell-footer) > nav,
.company-ticket-footer nav,
.inventory-page .governance-footer > nav,
#root .app-shell .official-workspace-footer > nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px 24px;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
:is(.official-workspace-footer,.governance-footer,.workspace-shell-footer) > nav > a,
.company-ticket-footer nav > a,
.inventory-page .governance-footer > nav > a,
#root .app-shell .official-workspace-footer > nav > a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  max-width: 100%;
  margin: 0;
  padding: 4px 0;
  color: #65747c;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  white-space: normal;
  overflow-wrap: anywhere;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
:is(.official-workspace-footer,.governance-footer,.workspace-shell-footer) > nav > a:hover,
.company-ticket-footer nav > a:hover,
.inventory-page .governance-footer > nav > a:hover,
#root .app-shell .official-workspace-footer > nav > a:hover {
  color: #173747;
}
:is(.official-workspace-footer,.governance-footer,.workspace-shell-footer) > nav > a:focus-visible,
.company-ticket-footer nav > a:focus-visible,
.inventory-page .governance-footer > nav > a:focus-visible,
#root .app-shell .official-workspace-footer > nav > a:focus-visible {
  outline: 2px solid #0a3d62;
  outline-offset: 4px;
  border-radius: 2px;
}
:is(.official-workspace-footer,.governance-footer,.workspace-shell-footer)
  :is(.product-credit,.crm-product-attribution,.workspace-brand-credit) {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  min-height: 44px;
  margin: 0;
  padding: 0;
}
:is(.official-workspace-footer,.governance-footer,.workspace-shell-footer,.company-ticket-footer)
  :is(.product-credit,.crm-product-attribution,.workspace-brand-credit) img {
  display: block;
  width: 60px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  transform: none;
  opacity: .85;
}
@media (max-width: 620px) {
  :is(.official-workspace-footer,.governance-footer,.workspace-shell-footer),
.inventory-page .governance-footer {
    align-items: flex-start;
    gap: 12px 24px;
  }
  :is(.official-workspace-footer,.governance-footer,.workspace-shell-footer) > nav,
  .company-ticket-footer nav,
  #root .app-shell .official-workspace-footer > nav {
    flex-basis: 100%;
    width: 100%;
    gap: 12px 24px;
  }
}

/* Business modules share the existing company shell; styles stay inside their host. */
#root .app-shell[data-workspace-route] .topbar-actions{display:none}
#root .workspace-module{min-width:0;width:100%;margin:0;background:transparent;color:#15384c;font:inherit;line-height:1.5}
#root .workspace-route-content{min-width:0;width:100%;outline:none}
#root .workspace-module :is(.governance-heading,.dist-heading,.inventory-heading) h1,
#root .workspace-visit-management .workspace-route-content>h1{display:none}
#root .workspace-module :is(.governance-heading,.dist-heading,.inventory-heading)>div>p:first-of-type{margin-top:0}
#root .workspace-module .dist-heading{margin-bottom:18px}
#root .workspace-module .dist-top-nav{display:none}
#root .workspace-module .inventory-legacy{min-width:0}
#root .workspace-navigation-notice{padding:12px 16px;margin:0 0 18px;border-left:3px solid #d4881c;border-radius:6px;background:#fff7e8;color:#674c24}
#root .workspace-module [hidden]{display:none!important}
#root .workspace-module .crm-ticket-root{min-width:0}
@media(max-width:620px){#root .workspace-module .dist-toolbar{margin:0;width:100%}#root .workspace-module .governance-heading{margin-bottom:16px}#root .workspace-module :is(.dist-table-wrap,.inventory-table-wrap){max-width:100%}}


/* /assets/workspace-navigation.css */
.main-nav .workspace-nav-group{display:flex;flex-direction:column;gap:3px;margin-top:12px}
.main-nav .workspace-nav-group:first-child{margin-top:0}
.workspace-nav-group>.nav-section-label{margin:0 0 5px;padding:0 14px;font-size:10px;line-height:16px;letter-spacing:.08em;color:#667d87}
.main-nav .workspace-nav-item{min-height:44px;gap:12px;text-align:left}
.main-nav .workspace-nav-item>.workspace-nav-icon{width:20px;height:20px;flex:0 0 20px;display:block;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.workspace-nav-label{min-width:0;flex:1}
.workspace-nav-badge{display:inline-flex;flex:none;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:10px;background:#fff1cc;color:#795300;font-size:11px;line-height:1;font-weight:700}
.workspace-nav-item.active .workspace-nav-badge{background:#f39c12;color:#002c42}
.sidebar-compact .workspace-nav-group>.nav-section-label,.sidebar-compact .workspace-nav-label{display:none}
.sidebar-compact .workspace-nav-item{position:relative;justify-content:center}
.sidebar-compact .workspace-nav-badge{position:absolute;top:1px;right:1px;min-width:16px;height:16px;font-size:9px;padding:0 3px}
.workspace-section-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0}
.workspace-section-tabs>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 16px;border:1px solid #cfdbdf;border-radius:8px;background:#fff;color:#365460;text-decoration:none;font-size:14px;line-height:20px;font-weight:600}
.workspace-section-tabs>a[aria-current=page]{background:#eaf1f3;color:#002c42;border-color:#8fa9b4}
.workspace-section-tabs>a:focus-visible,.workspace-nav-item:focus-visible{outline:2px solid #0a3d62;outline-offset:3px}
.app-shell:is([data-workspace-section=outlets],[data-workspace-section=team],[data-workspace-section=catalog],[data-workspace-section=settings]) .date-control{display:none}
@media(max-width:620px){.workspace-section-tabs{gap:6px}.workspace-section-tabs>a{padding:8px 12px;font-size:13px}}

#root .app-shell .main-nav .workspace-nav-group>.nav-item+.nav-item{margin-top:0}
#root .app-shell.sidebar-compact .workspace-nav-item>.workspace-nav-badge{display:inline-flex}
#root .app-shell .sidebar-user>div:not(.avatar){display:flex;flex-direction:column;gap:3px;min-width:0}
#root .app-shell .sidebar-user>div:not(.avatar)>strong,#root .app-shell .sidebar-user>div:not(.avatar)>span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#root .app-shell .sidebar-user>div:not(.avatar)>span{font-size:11px;line-height:15px;color:#667d87}