@import url("./table.css");
.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:#101e31;color:white;padding:27px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar .brand{padding:0 7px 27px;font-size:19px}.sidebar .brandmark{width:30px;height:30px;border-width:6px;flex-shrink:0}.nav-group{font-size:9px;letter-spacing:1.7px;color:#768ca5;padding:16px 12px 10px;font-weight:750}.nav{display:grid;gap:4px}.nav a{display:flex;gap:12px;align-items:center;color:#afc0d2;font-size:12px;font-weight:550;border-radius:8px;padding:11px 12px;white-space:nowrap}.nav a:hover{background:#1a3048;text-decoration:none;color:white}.nav a.active{background:#203a50;color:#75e0df;box-shadow:inset 3px 0 #28bac1}.nav .icon{font-size:17px;color:#7c9bb4;width:19px;text-align:center}.sidebar-footer{margin-top:auto;padding:25px 10px 0}.sidebar-footer .test{color:#77dad7;font-size:10px;background:#183943;border:1px solid #24545b;border-radius:5px;padding:6px 9px;display:inline-block;margin-bottom:12px}.workspace{min-width:0}.topbar{height:77px;border-bottom:1px solid #e0e8ef;background:white;display:flex;gap:20px;align-items:center;padding:0 35px;justify-content:space-between}.breadcrumb{font-size:12px;color:#718198}.breadcrumb strong{color:#23364b;margin-left:10px;font-weight:600}.account{display:flex;gap:12px;align-items:center}.account select{width:auto;max-width:190px;min-height:36px;padding:7px 12px;font-size:12px;background:#f8fafc}.avatar{background:#e7f1f4;color:#147382;border-radius:9px;min-width:33px;height:33px;display:grid;place-items:center;font-size:11px;font-weight:800}.account small{font-size:11px}.account button{font-size:10px;min-height:30px;padding:6px 9px}.content{padding:30px 35px 45px;max-width:1800px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-head p{font-size:12px;color:#758499;margin:8px 0 0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:25px 0}.stat{padding:21px 22px;position:relative}.stat .label{font-size:11px;color:#76859a;font-weight:600}.stat .value{font-size:32px;font-weight:700;letter-spacing:-1px;margin:14px 0 7px}.stat small{color:#718297;font-size:10px}.stat .dot{position:absolute;right:20px;top:20px;width:28px;height:28px;border-radius:8px;background:#eaf5f6;display:grid;place-items:center;color:#278999}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.pipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding-top:10px}.stage{background:#f7f9fc;border:1px solid #e6ecf2;border-radius:9px;padding:15px 12px;min-height:140px;display:flex;flex-direction:column;justify-content:space-between}.stage small{font-size:10px;color:#72859a}.stage strong{font-size:27px;font-weight:650}.stage span{font-size:11px;color:#607b8e}.list-row{display:flex;gap:15px;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4;padding:15px 0;font-size:12px}.list-row:last-child{border:0}.list-row small{font-size:10px;color:#8090a3;display:block;margin-top:4px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.module-grid .card{display:flex;flex-direction:column;gap:12px}.module-grid h2{margin:0;font-size:16px}.module-grid p{font-size:12px;color:#6a7c90;flex:1;margin:0}.module-grid .badge{align-self:flex-start}.connector-card{margin-bottom:20px}.connector-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}.connector-head h2{margin:0}.auth .eyebrow{color:#22bac4}.mobile-menu{display:none}.date-label{font-size:11px;color:#71859a}@media(max-width:1100px){.shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:24px 12px}.sidebar .brand{font-size:16px}.topbar{padding:0 22px}.content{padding:25px 22px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.shell{display:block}.sidebar{position:fixed;left:0;top:0;width:235px;z-index:9;transform:translateX(-100%);transition:transform .2s}.shell.menu-open .sidebar{transform:translateX(0);box-shadow:15px 0 70px #10203366}.mobile-menu{display:inline-flex;min-width:36px;padding:4px}.topbar{height:auto;min-height:70px;padding:13px 16px;gap:10px}.breadcrumb{display:none}.account{gap:8px;flex:1;justify-content:flex-end}.account small{display:none}.account select{max-width:160px}.content{padding:24px 16px}.page-head{align-items:flex-start;gap:10px}.page-head>button{font-size:11px;padding:9px}.stats{gap:10px}.stat{padding:16px}.stat .value{font-size:26px}.stat .dot{display:none}.pipeline{overflow:auto;grid-template-columns:repeat(5,110px)}.card{padding:18px}.module-grid{grid-template-columns:1fr}.date-label{display:none}}
/* Grouped sidebar: touch, mouse and native keyboard disclosure. */
.nav{display:block}.nav-search-label{margin:0 0 14px}.nav-search-label input{background:#122c40;border-color:#284257;color:#e5eff7;font-size:12px;padding:10px;min-height:40px}.nav-search-label input::placeholder{color:#9aafc0}.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}.nav-icon{width:19px;height:19px;flex:0 0 19px;color:#91a9bd}.nav-top-link{margin-bottom:4px}.nav-section{margin:3px 0;border-radius:9px}.nav-section>summary{display:flex;align-items:center;gap:11px;list-style:none;cursor:pointer;padding:12px 10px;color:#c6d5e2;font-size:13px;font-weight:650;border-radius:8px;min-height:44px}.nav-section>summary::-webkit-details-marker{display:none}.nav-section>summary:hover{background:#1a3048;color:white}.nav-section>summary:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.nav-chevron{width:12px;height:12px;margin-left:auto;flex:0 0 12px;transition:transform .15s}.nav-section[open]>summary .nav-chevron{transform:rotate(90deg)}.nav-section.active-group>summary{color:white;background:#173247}.nav-submenu{border-left:1px solid #355066;margin:3px 0 9px 19px;padding-left:8px}.nav-submenu a{font-size:11px;padding:9px 10px;white-space:normal;line-height:1.45;min-height:38px;overflow-wrap:anywhere}.nav a.active{color:var(--accent);box-shadow:inset 3px 0 var(--accent);background:#203a50}.nav-empty{color:#a9bdcf;font-size:12px;padding:10px}.nav [hidden]{display:none!important}.sidebar-footer{padding-top:22px}@media(prefers-reduced-motion:reduce){.nav-chevron{transition:none}}@media(max-width:700px){.sidebar{width:min(290px,88vw)}.nav-submenu a{min-height:44px;font-size:12px}.nav-section>summary{min-height:46px}}
.sidebar-close{display:none}@media(max-width:700px){.sidebar-close{display:inline-flex;align-self:flex-end;font-size:12px;min-height:40px;margin-bottom:12px;background:#173247;color:#dce8f2;border-color:#355066}.page-head{flex-wrap:wrap}.page-head>div{flex-basis:100%;min-width:0}.page-head h1{overflow-wrap:anywhere}}

.opportunity-filters { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:12px; margin:16px 0; }
.opportunity-check { display:flex; align-items:center; gap:8px; }
.opportunity-check input { width:auto; }
.opportunity-group-edit { display:grid; grid-template-columns:minmax(140px,1fr) 90px 90px auto; gap:8px; align-items:end; margin:12px 0; }
#chance-summary { margin:20px 0; }
@media(max-width:550px){.opportunity-group-edit {grid-template-columns:1fr 1fr;}}
.business-widgets>.opportunity-widget { grid-column:1 / -1; }
.opportunity-widget .stat { text-decoration:none; color:inherit; }
#chance-summary .stat { text-decoration:none; color:inherit; }
.opportunity-widget .stat,#chance-summary .stat { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.opportunity-widget .stat .value,#chance-summary .stat .value { display:block; font-size:32px; line-height:1.2; }
.opportunity-widget .stat small,#chance-summary .stat small { font-size:12px; line-height:1.5; }
.maintenance-editor-row { display:grid; grid-template-columns:1fr 1fr 100px auto; gap:10px; align-items:end; padding:12px 0; }
.maintenance-step { border:1px solid #d5e1e8; border-radius:10px; padding:16px; margin:12px 0; }
.knowledge-hit { margin:12px 0; }
.knowledge-hit p { white-space:pre-wrap; overflow-wrap:anywhere; }
.knowledge-tree { margin-top:24px; }
.knowledge-tree ul { list-style:none; padding-left:18px; border-left:1px solid #d5e1e8; }
.knowledge-tree li { margin:10px 0; }
.global-search { margin:0 12px; max-width:280px; }
.global-search input { width:100%; }
@media(max-width:700px){.maintenance-editor-row{grid-template-columns:1fr 1fr;}.global-search{max-width:160px;margin:0 6px;}}

.catalog-source{margin:12px 0}.catalog-document{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line,#ddd)}.article-thumbnail{width:96px;height:80px;object-fit:contain}.catalog-document input[type=checkbox]{width:auto}#document-mail-form fieldset{border:0;padding:0}

.marketing-cost-chart{display:flex;gap:4px;align-items:flex-end;overflow-x:auto;padding:12px 0}.marketing-cost-chart>div{min-width:16px;flex:1;text-align:center}.marketing-cost-chart i{display:block;background:var(--accent,#13818d);border-radius:3px 3px 0 0}.marketing-cost-chart small{font-size:10px}.hub-rule{margin:12px 0}

/* Shared customer file explorer */
.dossier-explorer,.dossier-explorer ul{list-style:none;margin:0;padding-left:1.25rem}.dossier-explorer{padding:0}.dossier-explorer>li{border-bottom:1px solid var(--line,#dae4eb);padding:.8rem 0}.dossier-explorer summary{cursor:pointer;font-weight:650;padding:.45rem .25rem}.dossier-explorer ul{border-left:1px solid var(--line,#dae4eb);margin-left:.45rem}.dossier-explorer-entry{padding:.25rem .6rem;overflow-wrap:anywhere}.dossier-explorer-entry small{display:block;color:var(--muted,#637683);font-size:.8rem}.dossier-explorer-leaf{padding:.4rem 0}.record-section-nav.customer-record-nav{flex-wrap:wrap;overflow:visible;row-gap:3px}

.crm-sales-brief{display:flex;gap:16px;align-items:center;padding:12px 0;margin-bottom:16px;border-bottom:1px solid var(--line,#dae4eb)}.crm-sales-brief>div{display:flex;gap:12px;flex-wrap:wrap}

.crm-mail-accounts{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.crm-mail-accounts>section{flex:1;min-width:min(100%,240px);padding:14px;border:1px solid var(--line,#dae4eb);border-radius:6px}.customer-mail-workspace{margin:12px 0 24px}.customer-mail-workspace [data-crm-mail-detail]{margin-top:20px;border:1px solid var(--line,#dae4eb);padding:18px}.customer-mail-workspace pre{white-space:pre-wrap;overflow-wrap:anywhere}.customer-mail-workspace dd{overflow-wrap:anywhere}

.agent-workspace-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:24px;align-items:start}.agent-selector{position:sticky;top:16px}.agent-selector h2{font-size:1rem}.agent-selector-card{display:flex;flex-direction:column;gap:8px;padding:18px;margin:10px 0;border:1px solid var(--line,#d8e1e6);border-radius:12px;background:#fff;text-decoration:none;color:inherit;overflow-wrap:anywhere}.agent-selector-card.selected{border-color:var(--accent,#167167);box-shadow:inset 4px 0 var(--accent,#167167);background:#f1f7f6}.agent-selector-card small{color:#526775}.agent-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;border-bottom:1px solid #d8e1e6}.agent-tabs a{padding:12px 16px;text-decoration:none}.agent-tabs a.active{font-weight:700;border-bottom:3px solid var(--accent,#167167)}.agent-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:22px}.agent-feedback-card{background:#f5f8fa;border:1px solid #d8e1e6;border-radius:12px;padding:18px}.agent-feedback-card form{display:grid;gap:14px}.agent-feedback-card details{margin-top:22px}.agent-event-table td{vertical-align:top;overflow-wrap:anywhere;max-width:380px}.agent-event-filters{align-items:end}.agent-intro li{margin:16px 0}.agent-selector-card:focus-visible,.agent-tabs a:focus-visible{outline:3px solid #176e87;outline-offset:3px}@media(max-width:1100px){.agent-detail-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.agent-workspace-layout{grid-template-columns:minmax(0,1fr)}.agent-selector{position:static;display:flex;gap:8px;overflow:auto;align-items:stretch}.agent-selector h2,.agent-selector>a:last-child:not(.agent-selector-card){display:none}.agent-selector-card{min-width:210px;margin:0}.agent-detail-grid{display:block}.agent-feedback-card{margin-top:20px}}

.agent-event.selected{border-left:4px solid var(--accent,#167167);background:#edf6f3;padding-left:14px}

.agent-workspace-layout .agent-events{list-style:none;padding:0;margin:16px 0}.agent-workspace-layout .agent-event{padding:16px;margin:12px 0;border:1px solid #d9e3e6;border-radius:10px;overflow-wrap:anywhere}.agent-event>div{display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap}.agent-event time{display:block;width:100%;font-size:.82rem;color:#526775}.agent-workspace-layout .agent-mail-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.agent-workspace-layout .agent-event.selected{border-left:4px solid var(--accent,#167167);background:#edf6f3}.agent-workspace-layout .agent-feedback-card input[type=checkbox]{width:auto}.agent-workspace-layout details{margin:16px 0}@media(max-width:1400px){.agent-detail-grid{grid-template-columns:minmax(0,1fr)}}
