@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--green:#173b32;--deep:#102e27;--lime:#dce8a7;--ink:#202e2a;--muted:#78817b;--line:#e5e8e0;--paper:#f7f8f3;--white:#fff;--amber:#9d6015;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #9cbf6e;outline-offset:3px}a{color:inherit}button{border:0}input,select,textarea{border:1px solid #d8ded5;border-radius:8px;background:#fff;color:var(--ink);padding:11px 12px;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #a3bc92;outline-offset:1px}textarea{resize:vertical;width:100%;line-height:1.55}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}small{font-size:12px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:11px;letter-spacing:1.6px;font-weight:800;white-space:nowrap}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:2.6px;color:var(--muted);margin-top:4px}.brand-mark{display:flex;align-items:center;justify-content:center;border:1px solid #d6ded3;border-radius:50%;width:45px;height:45px;font-size:15px;letter-spacing:-1.5px;font-family:Manrope}.brand-mark span{font-size:12px;padding:0 2px;font-weight:400}.eyebrow,.nav-label,.section-label{font-size:10px;letter-spacing:1.7px;font-weight:700}.eyebrow{color:#74856f;margin-bottom:12px}.workspace{display:flex;min-height:100vh}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);padding:30px 20px 18px}.sidebar .brand{margin:0 4px 48px}.nav-label{color:#9aa298;margin:0 13px 13px;font-size:9px}nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 12px;border-radius:8px;background:none;color:#627067;font-size:12px;font-weight:550}.nav-item>span{width:18px;font-size:17px;text-align:center}.nav-item b{margin-left:auto;font-size:10px;font-weight:600;color:inherit}.nav-item:hover{background:#f4f6ef}.nav-item.active{background:var(--green);color:#f0f5df}.sidebar-bottom{margin:auto 10px 24px;padding-top:48px;font-size:11px;font-weight:600}.sidebar-bottom small{display:block;margin:7px 0 0 14px;color:var(--muted);font-weight:400;font-size:10px}.live-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:#87a15c;margin-right:7px;vertical-align:middle}.account{border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:20px 5px 0;font-size:12px}.account small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.avatar{width:33px;height:33px;border-radius:50%;background:#edf1e7;display:grid;place-items:center;color:#617154;font-size:12px}.account button{background:none;font-size:20px;margin-left:auto;color:var(--muted)}.main{margin-left:244px;width:calc(100% - 244px);padding:0 40px 24px}.topbar{display:flex;justify-content:space-between;align-items:center;min-height:76px;border-bottom:1px solid var(--line);font-size:9px;color:#869184;font-weight:600;letter-spacing:1.5px}.topbar p span{padding:0 10px;color:#b7beb2}.topbar>div{display:flex;align-items:center;gap:16px}#sync-time{font-size:10px;font-weight:400;letter-spacing:0}.quiet{background:none;border:1px solid var(--line);padding:8px 11px;border-radius:6px;font-size:10px;color:#667462}.page-heading{padding:38px 0 29px;display:flex;justify-content:space-between;align-items:center;gap:12px}.page-heading h1{font-size:clamp(22px,2.3vw,32px);font-weight:750;letter-spacing:-1.2px;line-height:1.35}.page-heading p:last-child{font-size:12px;color:var(--muted);margin-top:10px}.form-chip{font-size:10px;border:1px solid #dce3d5;padding:9px 12px;border-radius:20px;background:#f0f3e9;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 28px}.metric{text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:19px 20px;box-shadow:0 2px 3px #21302b02}.metric>span{display:block;font-size:11px;color:#758170;font-weight:500}.metric strong{display:block;font-family:Manrope;font-size:34px;font-weight:650;margin:7px 0 10px;letter-spacing:-1.5px}.metric small{color:#929b8e;font-size:9px}.metric.attention strong{color:var(--amber)}.metric.attention{background:#fffdf5;border-color:#e9dfc7}.inquiry-panel{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-heading{padding:23px 23px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{font-size:16px;letter-spacing:-.5px;font-weight:700}.panel-heading p{margin-top:6px;color:var(--muted);font-size:10px}.filters{display:flex;align-items:center;gap:9px}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;padding:0 10px;gap:6px;min-width:180px}.search span{color:#8c9787;font-size:20px}.search input{border:0;padding:10px 0;font-size:10px;outline:0;width:175px}.filters select{font-size:10px;padding:10px;min-width:95px}.test-toggle{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:4px;white-space:nowrap}.test-toggle input{accent-color:var(--green);width:12px;height:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:left;background:#f9faf6;border-top:1px solid #edf0e8;border-bottom:1px solid #edf0e8;padding:13px 17px;color:#95a08d;font-size:8px;letter-spacing:1.1px;font-weight:600}th:first-child,td:first-child{padding-left:24px}td{font-size:10px;padding:20px 17px;border-bottom:1px solid #f0f2ec}tbody tr:last-child td{border-bottom:0}tbody tr{cursor:pointer}tbody tr:hover{background:#fafbf7}td strong{display:block;font-size:10px;font-weight:500}td small{display:block;font-size:9px;color:#919b8a;margin-top:6px}td.age{font-size:10px;color:#73806b;font-weight:500}.inquiry-link{font-family:Manrope;background:none;padding:0;color:var(--ink);font-size:11px;font-weight:700;text-align:left}.mini-avatar{background:#edf1e7;color:#617154;width:21px;height:21px;border-radius:50%;display:inline-grid;place-items:center;font-size:8px;margin-right:6px}.status{display:inline-block;font-size:8px;padding:6px 8px;border-radius:5px;font-weight:600}.status-new{background:#eaf0d5;color:#687c2e}.status-in_progress{background:#e9efec;color:#486b5f}.status-waiting_on_customer{background:#fbf0dd;color:#a07c36}.status-closed{background:#edf0eb;color:#7b8874}.overdue{color:#ad6c1f}.row-arrow{color:#9ba78e}.muted{color:var(--muted);font-size:11px}.empty{text-align:center;padding:70px 20px 85px}.empty>span{display:inline-grid;place-items:center;width:40px;height:40px;background:#eff3e7;border-radius:50%;color:#8b9f6c;margin-bottom:15px}.empty h3{font-size:16px}.empty p{font-size:12px;color:var(--muted);margin-top:10px}.main footer{font-size:9px;text-align:center;color:#9ca594;margin-top:25px}.drawer-overlay{position:fixed;inset:0;background:#14221c66;z-index:10;display:flex;justify-content:flex-end;backdrop-filter:blur(2px)}.drawer{height:100%;width:min(600px,100%);background:var(--paper);display:flex;flex-direction:column;box-shadow:-12px 0 60px #07180d20}.drawer-heading{display:flex;justify-content:space-between;gap:12px;padding:28px 28px 24px;border-bottom:1px solid var(--line);background:#fff}.drawer-heading h2{font-size:24px;letter-spacing:-1px}.drawer-heading p:last-child{font-size:11px;color:var(--muted);margin-top:9px}.icon-button{align-self:flex-start;background:#f0f3ec;border-radius:50%;font-size:24px;width:32px;height:32px;color:#738169}.drawer-body{padding:0 24px 26px;overflow:auto;flex:1}.contact-bar{display:flex;justify-content:space-between;padding:22px 2px;gap:12px;font-size:11px;color:#68765f;flex-wrap:wrap}.detail-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;margin-bottom:16px}.section-label{font-size:9px;color:#7c8b73;margin-bottom:18px}.section-label span{margin-left:5px;font-weight:400}.event-grid,.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.event-grid small{display:block;color:#8d9885;font-size:10px;margin-bottom:7px}.event-grid strong{font-size:12px;font-weight:550}.form-grid{gap:16px}.detail-card label{display:block;font-size:11px;color:#75836c;font-weight:500}.detail-card label input,.detail-card label select{display:block;width:100%;margin-top:7px;font-size:12px}.span-2{grid-column:span 2}.detail-card .response-check{display:flex;align-items:center;gap:8px;margin:20px 0;font-size:10px;line-height:1.5}.response-check input{width:14px!important;margin:0!important;accent-color:var(--green)}#closure-label{margin:16px 0}#closure-outcome{margin-top:8px;font-size:12px}.primary{display:flex;align-items:center;justify-content:center;gap:20px;border-radius:7px;background:var(--green);color:#eff4e2;padding:12px 18px;font-size:12px;font-weight:500;min-height:42px}.primary:hover{background:#224e40}.secondary{border:1px solid #d9e1d1;border-radius:6px;background:#f5f8ee;color:#59704c;padding:9px 15px;font-size:11px}#note-form .secondary{display:block;margin:9px 0 0 auto}#note-body{font-size:12px}.notes-list{margin-top:20px}.note{padding:15px 0;border-top:1px solid #edf0e9}.note p{font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.note small{display:block;font-size:9px;color:#94a087;margin-top:8px}.history>div{display:flex;gap:10px;padding:0 0 17px;font-size:11px;line-height:1.6}.history-dot{flex:0 0 6px;height:6px;background:#b9c6a6;border-radius:50%;margin-top:6px}.history small{display:block;font-size:9px;color:#9aa58d;margin-top:3px}.record-id{color:#9da692;font-size:8px;overflow-wrap:anywhere;margin:18px 3px}.hidden{display:none!important}.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}.demo-banner{background:#eff2dc;color:#687a38;font-size:10px;padding:10px 14px;border:1px solid #dfe7c3;border-radius:5px;margin-top:14px;letter-spacing:.5px}.loading{padding:40px;font-size:14px;color:var(--muted)}#notice{display:none}#notice.notice{display:block;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 20px;background:var(--green);color:#fff;border-radius:8px;z-index:30;font-size:12px;max-width:90%;box-shadow:0 6px 30px #0002}#notice.error{background:#7c392f}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:var(--green);padding:48px 55px;color:#ecf1dc;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.brand.light .brand-mark{border-color:#d8e6bd55}.brand.light small{color:#9eb28e}.login-story>div{margin:75px 0}.login-story .eyebrow{color:#adc78e;letter-spacing:2px;font-size:9px}.login-story h1{font-size:clamp(34px,4vw,57px);letter-spacing:-2px;line-height:1.23;font-weight:600}.login-story>div>p:last-child{margin-top:24px;max-width:340px;color:#b5c7a7;font-size:13px;line-height:1.8}.login-story>small{font-size:10px;color:#8fa480}.login-panel{display:grid;place-items:center;padding:50px}.login-panel>div{width:100%;max-width:350px}.login-panel h2{font-size:34px;letter-spacing:-1.4px;font-weight:650;margin-bottom:12px}.login-panel h2+p{font-size:13px;color:var(--muted);line-height:1.7}.login-panel form{margin-top:34px}.login-panel label{font-size:11px;display:block;margin-bottom:9px;color:#6f7d64}.login-panel input{display:block;width:100%;font-size:12px;padding:14px}.login-panel .primary{width:100%;margin-top:15px;justify-content:space-between;padding:14px 17px}.access-note{border-top:1px solid var(--line);padding-top:22px;margin-top:30px;font-size:10px;color:#8b9881;line-height:1.7;display:flex;gap:10px}.lock-icon{font-size:8px;padding-top:3px;color:#92a479}#login-info{font-size:12px;line-height:1.6;margin-top:17px;color:#6e7c60}
@media(min-width:1550px){.main{padding-left:55px;padding-right:55px}.panel-heading{padding:27px 28px}td{padding-top:25px;padding-bottom:25px}}
@media(max-width:1150px){.main{padding:0 24px 20px}.sidebar{width:205px;padding:26px 13px 16px}.main{margin-left:205px;width:calc(100% - 205px)}.sidebar .brand{font-size:10px;gap:7px}.brand-mark{width:38px;height:38px}.panel-heading{align-items:flex-start;flex-direction:column;gap:18px}.filters{width:100%}.search{flex:1}.search input{width:100%}.metric{padding:16px 15px}.metric small{font-size:8px}.page-heading h1{font-size:25px}.form-chip{display:none}}
@media(max-width:760px){.workspace{display:block}.sidebar{position:static;width:100%;padding:18px 18px 0;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{margin:0 0 20px;font-size:11px}.brand-mark{width:38px;height:38px}.nav-label,.sidebar-bottom,.account{display:none}nav{flex-direction:row;overflow:auto;gap:5px;padding-bottom:12px}.nav-item{white-space:nowrap;font-size:10px;padding:10px 12px}.nav-item>span{display:none}.nav-item b{margin-left:5px}.main{margin:0;width:100%;padding:0 16px 24px}.topbar{min-height:56px;font-size:8px;letter-spacing:1px}.topbar>div{gap:8px}#sync-time{display:none}.page-heading{padding:27px 0 23px}.page-heading h1{font-size:25px;max-width:310px}.page-heading p:last-child{font-size:11px;line-height:1.6}.metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.metric strong{font-size:28px;margin:6px 0}.metric span{font-size:10px}.metric small{font-size:8px}.panel-heading{padding:19px 16px}.filters{flex-wrap:wrap}.search{min-width:160px}.filters select{min-width:95px}.test-toggle{width:100%;justify-content:flex-end}.drawer-heading{padding:25px 20px}.drawer-body{padding:0 14px 22px}.drawer-heading h2{font-size:23px}.detail-card{padding:19px}.login-layout{display:block}.login-story{min-height:0;padding:25px 25px 35px}.login-story>div{margin:45px 0 0}.login-story h1{font-size:32px;letter-spacing:-1px}.login-story>div>p:last-child{font-size:12px;margin-top:15px}.login-story>small{display:none}.login-panel{padding:35px 25px 45px}.login-panel h2{font-size:29px}.login-panel>div{max-width:none}}
/* Keep routine operating text readable on desktop and mobile. */
.nav-item{font-size:13px}.page-heading p:last-child{font-size:14px}.metric>span{font-size:13px}.metric small{font-size:11px}.panel-heading p,.filters select,.search input,.test-toggle{font-size:12px}th{font-size:10px}td,td strong,td.age{font-size:12px}td small{font-size:11px}.inquiry-link{font-size:14px}.status{font-size:10px}.event-grid strong{font-size:14px}.event-grid small,.detail-card label{font-size:12px}.note p{font-size:14px}.note small,.history small{font-size:11px}.history>div{font-size:13px}.contact-bar{font-size:13px}.detail-card .response-check{font-size:12px}.primary{font-size:14px}.secondary{font-size:13px}