:root{font-family:Tahoma,Arial,sans-serif;color:#26354a;background:#f4f6fa;font-size:17px;--brand:#153552;--brand-soft:#eaf0f5;--accent:#bd934b;--line:#e7ecf2;--muted:#748198;--shadow:0 8px 30px #26354a06}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{padding:11px 17px;background:white;color:var(--brand);border:1px solid #dbe3ed;border-radius:11px;cursor:pointer;font-weight:500;transition:background .15s,box-shadow .15s,transform .15s}button:hover:not(:disabled){background:var(--brand-soft);border-color:#c5d2e0}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{opacity:.46;cursor:default}button.primary{background:var(--brand);color:white;border-color:var(--brand);box-shadow:0 4px 9px #15355215}button.primary:hover:not(:disabled){filter:brightness(1.12);background:var(--brand)}input,select,textarea{width:100%;min-width:0;padding:13px 14px;border:1px solid #dfe6ef;border-radius:11px;background:#fafbfd;color:#26354a;margin-top:9px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);background:white}input[type=file]{padding:10px}input[readonly]{background:#f0f4f8;color:#728198}textarea{min-height:100px;resize:vertical}label{display:block;margin:15px 0 8px;color:#506078;font-size:16px;line-height:1.65}form>button{margin:14px 0 0 8px}header{min-height:91px;background:white;border-bottom:1px solid var(--line);padding:16px max(24px,calc((100% - 1440px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.header-brand{display:flex;align-items:center;gap:13px}header strong{font-size:22px;display:block;color:var(--brand)}header small{display:block;font-size:14px;letter-spacing:.5px;margin-top:7px;color:var(--muted)}.brand-avatar{width:49px;height:49px;display:grid;place-items:center;border-radius:14px;background:var(--brand-soft);color:var(--brand);font-size:28px;font-weight:bold;border:1px solid var(--line);overflow:hidden}.brand-avatar img{width:100%;height:100%;object-fit:contain;padding:5px}.header-user{display:flex;gap:12px;align-items:center}.header-user small{font-size:16px;letter-spacing:0;margin:0}.header-user button{padding:9px 12px;font-size:16px}.connection-dot,.live-dot,.nav-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#24a786;flex-shrink:0}.live-dot{box-shadow:0 0 0 5px #24a78618}main{max-width:1440px;padding:22px 28px 50px;margin:auto}h1,h2,h3{font-weight:600;color:#26354a;margin:0;line-height:1.65}h1{font-size:30px}h2{font-size:24px}h3{font-size:19px;margin:20px 0 6px}.eyebrow{font-size:14px;color:var(--accent);font-weight:bold;margin:0 0 8px;letter-spacing:.4px}.panel{background:white;padding:25px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}#authPanel{max-width:510px;margin:45px auto;padding:35px}#authPanel h1{font-size:29px;line-height:1.6;margin:14px 0}#authPanel .muted{line-height:1.9}#authPanel form{margin-top:28px}#authPanel form button{width:100%;margin:10px 0 0;padding:14px}.auth-badge{display:inline-block;background:var(--brand-soft);padding:8px 12px;border-radius:8px;color:var(--brand);margin-bottom:20px;font-size:14px}#joinPanel{max-width:510px;margin:16px auto;padding:15px 20px}#joinPanel summary{cursor:pointer;font-size:16px;line-height:1.6}#workspace{display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:26px;row-gap:20px;align-items:start}.toolbar{grid-column:2;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-start;padding:0}.toolbar label{margin:0;display:flex;align-items:center;gap:10px;font-size:14px}.toolbar select{min-width:200px;max-width:280px;padding:9px;margin:0;background:white}.toolbar button{font-size:14px;padding:9px 11px}.toolbar #scopeLabel{font-size:14px;color:var(--muted);margin-inline-end:auto}.toolbar #syncCount{font-size:14px;color:#9b6f19}nav{grid-column:1;grid-row:1/span 5;position:sticky;top:20px;background:white;border:1px solid var(--line);padding:20px 12px;border-radius:17px;display:flex;flex-direction:column;gap:6px;min-height:460px;box-shadow:var(--shadow)}.nav-caption{margin:4px 12px 18px;color:#9ba7b7;font-size:13px}nav button{display:flex;align-items:center;gap:12px;border:0;background:transparent;text-align:right;padding:13px 12px;border-radius:10px;font-size:16px;color:#738096}nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}nav button.active{color:var(--brand);background:var(--brand-soft);font-weight:bold;border-inline-start:3px solid var(--accent)}.nav-foot{margin:45px 8px 8px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:#758196;line-height:2}.nav-foot small{display:block;font-size:12px;color:#a1abba}.nav-dot{width:6px;height:6px;margin-inline-end:6px}.dashboard-hero{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 28px;background:linear-gradient(110deg,var(--brand-soft),#fff 65%);border:1px solid var(--line);border-radius:18px;position:relative;overflow:hidden}.dashboard-hero h1{font-size:28px}.dashboard-hero p:not(.eyebrow){font-size:16px;color:#7c879a;margin:8px 0 0;line-height:1.8}.hero-status{display:flex;align-items:center;gap:13px;background:white;border:1px solid var(--line);border-radius:12px;padding:13px 17px;font-size:14px;color:var(--brand);white-space:nowrap}.hero-status small{display:block;margin-top:5px;font-size:13px;color:#8b98aa}.stats-grid{grid-column:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat-card{padding:19px 20px;border:1px solid var(--line);background:white;border-radius:15px;box-shadow:var(--shadow)}.stat-card>span{font-size:14px;color:#78859a}.stat-card strong{display:block;font-family:Arial,sans-serif;font-size:34px;color:var(--brand);margin:10px 0 7px}.stat-card small{font-size:12px;color:#a0aaba;line-height:1.6}.tab{grid-column:2;min-width:0}.section-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.section-head h2{font-size:21px}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:20px 0}.actions button{font-size:16px}#message{padding:12px 16px;color:#826830;background:#fcf8ee;border:1px solid #eee4ce;border-radius:11px;font-size:16px;line-height:1.8;white-space:pre-wrap;margin:0 0 19px}.muted,.history-meta{color:#8290a3;font-size:14px;line-height:1.9}.customer-layout{display:grid;grid-template-columns:minmax(200px,.95fr) minmax(0,2.1fr);gap:17px}.tracking-layout{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,2.25fr);gap:20px}#dutyState{display:inline-block;color:var(--brand);background:var(--brand-soft);padding:7px 11px;border-radius:7px;font-size:14px;margin:0 0 8px}#map{height:365px;border:1px solid var(--line);border-radius:14px}#customerList{display:flex;flex-direction:column;gap:9px;align-self:start;padding:14px}#customerList button{text-align:right;line-height:1.8;font-size:16px;border-color:#edf0f5;border-inline-start:3px solid var(--accent);padding:13px 12px}#customerList button.active{background:var(--brand-soft)}#customerInfo{white-space:pre-wrap;line-height:2;font-size:16px;color:#748196}#customerStatus{font-size:14px;color:#1c856a;background:#eaf6f0;border-radius:8px;padding:8px 12px;display:inline-block}.history-item{position:relative;padding:16px 18px;margin:10px 0 10px 0;border-inline-start:3px solid var(--accent);background:#fafbfd;border-radius:0 10px 10px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.9}.history-meta{margin:6px 0 9px}.team-item{padding:14px;border:1px solid var(--line);border-radius:11px;margin:10px 0;white-space:pre-wrap;font-size:14px;line-height:2;overflow-wrap:anywhere}.team-item a{display:block;font-size:13px}.quote-item,.member-item{padding:19px;border:1px solid var(--line);border-radius:13px;background:#fff;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.9}.quote-item button,.member-item button{font-size:14px;padding:9px 13px;margin:5px 8px 0 0}.pill{display:inline-block;background:#f0f3f7;color:#738096;padding:5px 9px;border-radius:7px;font-size:13px;margin:5px}.pill.pending{background:#fff6e4;color:#af8529}.pill.approved{background:#e9f6ef;color:#288369}.pill.rejected{background:#fcecea;color:#b16a63}.quote-line{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:9px;padding:15px 0;border-bottom:1px solid var(--line)}.quote-line label{margin:0;font-size:14px}.quote-line button{align-self:end;padding:13px 9px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}fieldset{margin:20px 0;padding:14px 19px 20px;border:1px solid var(--line);border-radius:13px;min-width:0}legend{font-size:16px;color:var(--brand);padding:0 9px;font-weight:bold}#settingsForm{margin-top:25px;border-top:1px solid var(--line);padding-top:6px}#invitationResult,#ownerInvitation{direction:ltr;font-size:14px;line-height:1.8;background:#f9fbfd}#qTotal{padding:15px;background:#fcf7eb;color:#987630;border-radius:10px;font-size:19px}details{margin-top:22px}summary{color:#8490a2}.tab>form{padding:10px 0}#emptyCustomer{padding:65px 20px;color:#97a3b4;text-align:center;line-height:2}#emptyCustomer:before{content:'◉';display:block;font-size:34px;color:#bcc9d8;margin-bottom:15px}a{color:var(--brand);text-underline-offset:3px}.logo-editor{display:flex;align-items:center;gap:22px}.logo-preview,.company-large-logo{width:92px;height:92px;border-radius:18px;border:1px dashed #d2dce8;background:#f8fafd;display:grid;place-items:center;flex-shrink:0;color:var(--brand);font-size:34px}.logo-preview img,.company-large-logo img{width:100%;height:100%;object-fit:contain;padding:8px;border-radius:18px}.logo-editor label{margin-top:0}.logo-editor button{font-size:14px;padding:8px 12px}.company-preview-card{padding:21px 24px;border-inline-start:4px solid var(--accent);border-radius:12px;background:var(--brand-soft);margin:18px 0;--preview-brand:var(--brand)}.company-preview-card small,.company-preview-card span{display:block;color:#8490a2;font-size:14px}.company-preview-card strong{display:block;font-size:24px;margin:11px 0;color:var(--preview-brand)}.company-info-card{background:#fafbfd;border:1px solid var(--line);padding:22px;border-radius:15px}.company-info-heading{display:flex;align-items:center;gap:20px}.company-info-heading h3{font-size:22px;margin:0}.company-info-heading p{font:11px Arial;color:#93a0b2;letter-spacing:1px}dl{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;margin-top:26px}dl div{min-width:0}dt{font-size:13px;color:#98a4b5;margin-bottom:7px}dd{font-size:16px;margin:0;line-height:1.8;overflow-wrap:anywhere}#companyInfoName{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:1080px){#workspace{grid-template-columns:180px minmax(0,1fr);column-gap:17px}.stats-grid{gap:9px}.stat-card{padding:16px 12px}.hero-status{display:none}.tracking-layout{grid-template-columns:1fr}.tracking-layout>div:first-child{display:grid;grid-template-columns:1fr 2fr;gap:15px}#teamList{display:flex;gap:10px;overflow-x:auto}.team-item{min-width:170px}}@media(max-width:760px){header{height:auto;min-height:80px;padding:16px;gap:10px}header strong{font-size:17px}.header-user small{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.header-user .connection-dot{display:none}.header-user{gap:8px}.header-user button{font-size:13px;padding:8px}.brand-avatar{width:39px;height:39px;border-radius:11px}.header-brand{gap:9px}header small{font-size:12px;letter-spacing:0}main{padding:16px 12px 35px}#workspace{display:flex;flex-direction:column;gap:16px}#workspace> *{width:100%}nav{position:static;min-height:0;display:flex;flex-direction:row;flex-wrap:wrap;padding:9px;gap:5px;order:0}.nav-caption,.nav-foot{display:none}nav button{flex:1 0 29%;justify-content:center;padding:11px 7px;font-size:13px;gap:6px;white-space:nowrap}nav svg{width:15px;height:15px}nav button.active{border-inline-start:0;border-bottom:2px solid var(--accent)}.toolbar{order:-1;gap:8px}.toolbar label{width:100%;display:flex;justify-content:space-between}.toolbar select{max-width:none;min-width:0;flex:1}.toolbar #scopeLabel{font-size:13px}.toolbar button{font-size:13px;padding:8px 9px}.dashboard-hero{padding:20px}.dashboard-hero h1{font-size:23px}.dashboard-hero p:not(.eyebrow){font-size:14px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px 16px}.stat-card strong{font-size:28px}.stat-card>span{font-size:13px}.stat-card small{font-size:12px}.customer-layout,.tracking-layout{grid-template-columns:1fr}.tracking-layout>div:first-child{display:block}#teamList{max-width:100%;overflow-x:auto}.panel{padding:20px 16px;border-radius:15px}.quote-line{grid-template-columns:1fr 1fr}.quote-line label:first-child{grid-column:1/-1}.two-col{grid-template-columns:1fr}#map{height:320px}#authPanel{margin:20px auto;padding:25px}#authPanel h1{font-size:26px}#joinPanel{padding:15px}.section-head{gap:10px}.section-head h2{font-size:20px}.section-head button{font-size:14px}.logo-editor{gap:15px;align-items:flex-start}.logo-preview,.company-large-logo{width:68px;height:68px;border-radius:13px}.logo-editor>div:last-child{min-width:0}.logo-editor label{font-size:14px}.logo-editor .muted{font-size:13px}.company-info-card{padding:17px}.company-info-heading h3{font-size:21px}dl{gap:20px 15px}fieldset{padding:10px 14px 16px}#companyInfoEnglish{font-size:12px;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.demo-banner{padding:11px 16px;text-align:center;background:#fcf7eb;color:#a18142;font-size:14px;border-bottom:1px solid #eee4ce;line-height:1.8}

.customer-search-tools{padding:16px 20px;margin-bottom:18px}.customer-search-tools>label{margin-top:0}.customer-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px;align-items:end}.customer-filters label{margin:0}.customer-filters button{margin-bottom:0;min-height:44px;font-size:14px}.customer-result strong{display:block;font-size:17px}.customer-result small{display:block;font-size:13px;color:#7c8a9f;line-height:1.9;margin-top:5px}.customer-result .pill{margin:7px 0 3px}.customer-result .result-followup{color:var(--brand)}.customer-result .overdue{color:#b16143;font-weight:bold}.followup-summary{font-size:14px;line-height:1.9;background:#f5f8fb;padding:12px;border-radius:9px;color:#657890}@media(max-width:760px){.customer-filters{grid-template-columns:1fr 1fr;gap:10px}.customer-filters button{font-size:13px;padding:10px}.customer-search-tools{padding:17px 15px}}

.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.check-label{display:flex;align-items:center;gap:10px}.check-label input{width:auto}#reminderToast{border:2px solid var(--accent);padding:16px;background:var(--brand-soft)}.history-item p{white-space:pre-wrap}@media(max-width:600px){.three-col{grid-template-columns:1fr}}

/* Navy and gold: focused work surfaces and responsive team controls. */
:root{--shadow:0 10px 28px #15355208;background:#f5f6f8}
header{border-bottom:3px solid var(--accent)}
nav{background:var(--brand);border-color:var(--brand);box-shadow:0 12px 32px #15355218}
nav button{color:#e1e8ef}nav button:hover:not(:disabled){background:#ffffff14;border-color:transparent}
nav button.active{background:#ffffff;color:var(--brand);border-inline-start:4px solid var(--accent)}
.nav-caption,.nav-foot,.nav-foot small{color:#d3dfeb}.nav-foot{border-color:#ffffff30}
.dashboard-hero{border-inline-start:5px solid var(--accent)}
.stat-card{border-top:3px solid var(--accent)}
.member-item{padding:20px;border:1px solid var(--line);border-inline-start:4px solid var(--accent);border-radius:14px;margin:12px 0;background:#fafbfd;line-height:1.9;overflow-wrap:anywhere}
.member-item button{margin:8px 0 0 10px;min-height:44px}.permission-status{color:var(--brand);font-size:16px;margin:8px 0}
.pill.approved{background:#e8f5ef;color:#167052}.pill.pending{background:#fff4dc;color:#825d1d}.pill.rejected{background:#fdebea;color:#a1403b}
@media(max-width:760px){nav{padding:8px;min-height:0}nav button{min-height:48px}.actions button,#dutyButton{min-height:48px}.member-item{padding:16px}.member-item button{width:100%;margin:8px 0 0}.dashboard-hero{border-inline-start-width:3px}}

/* Larger readable text; allow labels and actions to wrap. */
body{line-height:1.65}nav button{line-height:1.6}.header-user{flex-wrap:wrap}header{height:auto}button{white-space:normal}.hero-status{white-space:normal}.stat-card small{display:block}.toolbar select{max-width:100%}@media(max-width:760px){input,select,textarea{font-size:17px}.header-user{justify-content:flex-end}.dashboard-hero h1{font-size:26px}.stat-card small{font-size:12px}}

.performance-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.performance-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.table-scroll{overflow-x:auto;margin-top:24px}.table-scroll table{border-collapse:collapse;width:100%;min-width:850px}.table-scroll th,.table-scroll td{padding:12px;border-bottom:1px solid var(--line);text-align:right}.table-scroll th{background:var(--brand-soft)}.performance-chart{display:grid;gap:22px;margin:20px 0}.performance-bar{height:16px;background:var(--brand-soft);border-radius:8px;overflow:hidden}.performance-bar span{display:block;height:100%;min-width:0}.performance-chart p{margin:4px 0;font-size:14px}.pill.client-accepted{background:#dbf3e4;color:#146337;font-weight:bold}@media(max-width:760px){.performance-filters,.performance-cards{grid-template-columns:1fr 1fr}.table-scroll td,.table-scroll th{font-size:14px}}
.performance-filters>*{min-width:0}.performance-filters input,.performance-filters select{max-width:100%}@media(max-width:480px){.performance-filters{grid-template-columns:1fr}.performance-cards strong{font-size:27px}}
nav button.active:hover:not(:disabled){background:white;color:var(--brand)}.performance-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media(max-width:760px){.performance-cards{grid-template-columns:1fr 1fr}}

.engagement-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.engagement-filters>*{min-width:0}.engagement-charts{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,1.5fr);gap:28px;margin:24px 0}#engagementDonut svg{display:block;width:100%;max-width:260px;margin:auto}#engagementDonut p{font-weight:bold;font-size:15px;margin:5px 0}#engagementComparison>div{margin-bottom:20px}#engagementComparison p{font-size:14px;margin:4px 0}@media(max-width:760px){.engagement-filters{grid-template-columns:1fr 1fr}.engagement-charts{grid-template-columns:1fr}}@media(max-width:480px){.engagement-filters{grid-template-columns:1fr}}@media print{body.print-engagement header,body.print-engagement #message,body.print-engagement #joinPanel,body.print-engagement nav,body.print-engagement .toolbar,body.print-engagement .dashboard-hero,body.print-engagement .stats-grid,body.print-engagement #reminderToast{display:none!important}body.print-engagement #workspace{display:block}body.print-engagement .tab:not(#engagementPanel){display:none!important}body.print-engagement #engagementPanel{display:block!important}body.print-engagement button,body.print-engagement .actions,body.print-engagement .engagement-filters,body.print-engagement .two-col{display:none!important}body.print-engagement main{padding:0}body.print-engagement .table-scroll{overflow:visible}body.print-engagement table{min-width:0!important;font-size:10px}body.print-engagement td,body.print-engagement th{font-size:10px;padding:5px}body.print-engagement tr{break-inside:avoid}body.print-engagement .panel{border:0;box-shadow:none}@page{size:A4 landscape;margin:10mm}}

.permission-editor{display:grid;gap:10px;margin-top:16px;padding:14px;border:1px solid #d9e2ec;border-radius:12px}.permission-editor label{display:flex;align-items:center;gap:10px}.permission-editor input{width:20px;height:20px}.monthly-customer{display:block;width:100%;text-align:start;margin:8px 0}

.team-region{border:1px solid var(--line);border-radius:16px;padding:16px;margin:20px 0;background:#fafbfd}.team-manager{border-inline-start:4px solid var(--accent);padding:8px 12px;margin:14px 0}.team-reps{padding-inline-start:24px;border-inline-start:2px solid var(--line);margin-inline-start:10px}.team-reps .member-item{background:white}.team-region h4{font-size:17px;color:var(--muted)}#inviteActions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}#inviteActions[hidden]{display:none}#inviteLinkHint{flex-basis:100%}

.chat-messages{max-height:480px;overflow:auto;padding:16px;background:var(--brand-soft);border-radius:16px;min-height:180px}.chat-message{background:white;border:1px solid #dde5ef;border-radius:14px;padding:14px;margin:12px 0;max-width:90%;overflow-wrap:anywhere}.chat-message.mine{margin-right:auto;border-color:var(--accent)}.chat-message small{display:block;color:#687f94;margin-top:5px}.chat-message p{white-space:pre-wrap;margin-bottom:0}#chatBadge:not(:empty){background:#ba3f3f;color:white;border-radius:20px;padding:2px 7px}#stockUpload{margin-top:24px;padding-top:20px;border-top:1px solid #dde5ef}#stockUpload p{overflow-wrap:anywhere}