:root{--muted:#536a74;--accent:#216b7b;--focus:#216b7b;--auth-action:#216b7b;--auth-action-hover:#194f5c;--auth-secondary:#536a74;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);font-size:15px;font-variant-numeric:tabular-nums;scrollbar-color:#93a8ae #f2f5f6}
html{scrollbar-gutter:stable}body{line-height:1.6}::selection{background:#cee9ee;color:#18343e}
h1,h2,h3{letter-spacing:-.03em;text-wrap:balance}a,button{touch-action:manipulation}input,textarea,select{caret-color:var(--accent)}
input::placeholder,textarea::placeholder{color:#607782;opacity:1}
.btn{min-height:44px;font-size:14px;transition:background-color 140ms ease,color 140ms ease,transform 140ms var(--ease-out)}
.btn.small{min-height:44px;padding:10px 14px;font-size:13px}.btn.orange{background:var(--accent)}.btn.white{color:#294a58;border-color:#a8b9c0}.btn:active:not(:focus-visible){transform:scale(.98)}
.pill{font-size:12px;color:#49616c;background:#eaf0f2}.pill.orange{color:#9c3c24;background:#fff0e8}.pill.green{color:#315c47;background:#eaf3ed}
.admin-shell .sidebar{padding-top:26px}.admin-logo{min-height:44px}.workspace-badge{color:#b2c6cf;font-size:11px;letter-spacing:.08em}
.side-nav a{color:#b5c9d2;min-height:48px;font-size:14px}.admin-warning{font-size:12px;color:#b3c8d1}.admin-external{min-height:44px;font-size:13px;color:#c1d5de}
.topbar{min-height:80px;height:auto;padding-top:12px;padding-bottom:12px}.breadcrumb{font-size:13px;color:#586e78}.main-content{max-width:1440px}
.admin-shell .page-heading h1{font-size:clamp(27px,2.8vw,34px);overflow-wrap:anywhere}.admin-shell .page-heading p{color:#536a74;font-size:14px}
.admin-shell .panel{padding:26px;border-color:#d3dfe3}.panel h3,.block-title h2{font-size:17px}.description{color:#4d6570;font-size:14px;overflow-wrap:anywhere}
.stat-card{padding:24px}.stat-card label{font-size:13px;color:#536a74}.stat-card strong{font-size:32px;letter-spacing:-.03em}.stat-card small{font-size:12px;color:#617983}
.admin-project-row{gap:18px;padding:20px 0}.admin-project-row>div:first-child{min-width:0;flex:1}.admin-project-row strong{font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.admin-project-row span:not(.pill):not(.dot){font-size:13px;color:#536a74}.admin-project-row small{font-size:12px;color:#617983}
.admin-filter .form-field{max-width:420px}.form-field{font-size:13px}.form-field input,.form-field textarea,.form-field select,.text-input{min-height:46px;border-color:#8da3ac;font-size:16px}
.form-field small{color:#536a74;font-size:12px}.form-field textarea{line-height:1.65}.admin-check{min-height:44px}.admin-check input{min-height:20px;width:20px}
.admin-quote h3,.admin-milestone strong{font-size:16px}.admin-quote p,.admin-milestone small{font-size:13px;color:#536a74}.admin-milestone p{font-size:13px}
.quote-details label,.detail-summary label{font-size:12px;color:#536a74}.quote-details strong,.detail-summary strong{font-size:15px}
.notice{font-size:13px;color:#435f53;background:#edf2eb}.notice a{white-space:normal;text-decoration:underline;text-underline-offset:3px}
.tiny-label,.block-title .meta{font-size:12px;color:#536a74}.empty{color:#536a74;padding:42px 24px;font-size:14px}
.tabs{gap:22px;overflow-x:auto}.tabs button{min-height:48px;font-size:14px;color:#536a74}
.campaign h3{font-size:16px}.campaign p,.channel-card p{font-size:14px;color:#536a74}.channel-card .btn{min-height:44px}.link-button{min-height:44px;font-size:13px}
.file-row{min-height:48px;font-size:14px}.file-row span{min-width:0}.admin-grid>*,.detail-grid>*{min-width:0}
.modal{border:0;width:600px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);margin:auto;padding:30px;border-radius:14px;background:var(--bg);color:var(--ink);overscroll-behavior:contain}
.modal::backdrop{background:#172b3870}.modal-header button{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:8px}.modal-intro{color:#536a74;font-size:14px}
html:has(dialog[open]){overflow:hidden}#toast{bottom:max(24px,env(safe-area-inset-bottom));font-size:14px;transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out)}
@media(hover:hover) and (pointer:fine){.btn.orange:hover{background:#194f5c}.btn.white:hover{background:#eaf2f5}.modal-header button:hover{background:#e0e9ec}}
@media(max-width:800px){.admin-shell .topbar{min-height:72px;padding:max(12px,env(safe-area-inset-top)) 18px 12px}.admin-shell .main-content{padding:28px 18px calc(110px + env(safe-area-inset-bottom))}.admin-shell .mobile-nav{height:auto;min-height:76px;padding:8px 8px max(8px,env(safe-area-inset-bottom))}.admin-shell .mobile-nav a{min-height:52px;padding:4px 2px;font-size:11px;line-height:1.35;color:#536a74}.admin-shell .mobile-nav a.active{color:#19586b;font-weight:700}#toast{bottom:calc(94px + env(safe-area-inset-bottom))}}
@media(max-width:540px){.admin-shell .page-heading h1{font-size:28px}.admin-shell .panel{padding:20px}.admin-shell .stats-grid{grid-template-columns:1fr;gap:10px}.admin-shell .stats-grid .stat-card{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 18px}.admin-shell .stats-grid .stat-card label{font-size:13px}.admin-shell .stats-grid .stat-card strong{margin:0;font-size:26px}.admin-shell .stats-grid .stat-card small{font-size:12px}.admin-project-row{gap:12px}.admin-project-row strong{font-size:15px}.admin-project-row .pill{font-size:12px}.admin-project-row .admin-actions{flex:0 0 100%}.admin-actions .btn{flex:1}.quote-details{gap:20px 12px}.modal{padding:22px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.modal-footer{position:sticky;bottom:-22px;background:var(--bg);padding:16px 0 4px}}
@media(prefers-reduced-motion:reduce){#toast{transition:opacity 100ms ease!important;transform:translate(-50%,0)}.btn:active:not(:focus-visible){transform:none}}

@media(hover:none){.btn:hover{background:var(--ink)}.btn.orange:hover{background:var(--accent)}.btn.white:hover{background:#fff}}
