/* Orbit Arrow visual system: work, clients and conversations. */
:root{--brand:#3668df;--coral:#3668df;--ink:#202631;--muted:#77818e;--line:#e9ecf0;--bg:#fff;--soft:#eff4ff;--shadow:0 2px 8px #17243c06;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5}
body{border-top:0;background:#fff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body,input,select,textarea,button{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px}
*{scrollbar-width:thin;scrollbar-color:#d7dce3 transparent}
a{color:#3668cf;text-decoration:none}a:hover{text-decoration:none}
a,button,summary,input,select,textarea{transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease,box-shadow 140ms ease}
:focus-visible{outline:2px solid #779aed;outline-offset:3px}
a:focus:not(:focus-visible),button:focus:not(:focus-visible),summary:focus:not(:focus-visible){outline:none;box-shadow:none}
html[data-input="pointer"] a:focus,html[data-input="pointer"] button:focus,html[data-input="pointer"] summary:focus{outline:none}
input:focus,select:focus,textarea:focus{outline:none;border-color:#91aceb;box-shadow:0 0 0 3px #3668df0c}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #779aed;outline-offset:1px}
.app-shell{grid-template-columns:216px minmax(0,1fr);min-height:100vh}.sidebar{background:#f7f8fa;border-right:1px solid var(--line);height:100vh;top:0}
.brand{padding:24px 18px 22px;font-size:14px;letter-spacing:-.025em;text-transform:none;font-weight:650;gap:10px}.brand img{width:28px;height:28px;border-radius:7px}.sidebar nav{padding:0 12px 16px}
.nav-heading{font-size:10px;font-weight:600;letter-spacing:.085em;color:#6c7179;padding:20px 10px 8px}.nav-link{font-size:13px;min-height:35px;padding:8px 10px;border-radius:6px;margin:2px 0;gap:10px;color:#59616e}.nav-link svg{width:16px;height:16px;color:#6c727b}.nav-link:hover{background:#edf0f4;color:#252e3d}.nav-link.active{background:#e9eef8;color:#2a4c8c;font-weight:600}.nav-link.active svg{color:#4770b9}
.recent-link{padding:8px 10px;font-size:12px;border-radius:6px;color:#68717e}.recent-link:hover{background:#edf0f4}.recent-link small{font-size:11px;max-width:160px;color:#6c727a}.sidebar-bottom{padding:16px 20px;border-top:1px solid var(--line)}.user-link{font-size:13px}.user-link small{font-size:11px}.avatar{background:#e7edf8;color:#55739d;border-radius:8px;font-size:12px}
.topbar{height:60px;min-height:60px;padding:0 28px;border-bottom:1px solid var(--line);background:#fff;gap:24px}.context-title strong{font-size:14px;font-weight:600;letter-spacing:-.015em}.context-title small{font-size:12px;color:#6a707a;margin-top:2px}.global-search{border:1px solid #edf0f4;background:#f8f9fb;border-radius:7px;max-width:460px;min-height:34px;padding:0 10px}.global-search input{font-size:12px;box-shadow:none;outline:none}.global-search:focus-within{border-color:#b9c9eb;background:white}.global-search button{font-size:11px}.global-search kbd{color:#6b7179;border-color:#e7eaf0;border-radius:4px;padding:1px 5px}.timezone{color:#6b727d;font-size:10px}.footer{color:#6c7179;font-size:11px;border-top:1px solid #f0f2f5;padding:16px 30px}
.main-shell main{padding:28px 32px}.page-heading{margin:0 0 24px}h1{font-size:23px;font-weight:650;letter-spacing:-.035em}h2{font-size:16px;font-weight:600;letter-spacing:-.018em}h3{font-size:14px;font-weight:600}.intro{font-size:14px;color:#69707b;margin-bottom:24px}.muted{color:var(--muted)}
.button,button{border:1px solid #e2e6ec;border-radius:6px;background:#fff;color:#586270;padding:7px 12px;min-height:33px;font-size:12px;font-weight:550;box-shadow:0 1px 2px #18223804;gap:6px}.button:hover,button:hover{background:#f6f8fb;border-color:#cfd7e2;color:#26354b}.button.primary,button.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 1px 2px #2552af20}.button.primary:hover,button.primary:hover{background:#2f5ed0;border-color:#2f5ed0}.button.selected{background:#eef3ff;border-color:#dce6fc;color:#3668cf}button:disabled{opacity:.55;cursor:wait}.text-button{background:transparent;border:0;box-shadow:none;color:#6a727c;font-size:12px}.section-heading{margin-bottom:18px}.section-heading a{font-size:12px;font-weight:500}
input,select,textarea{border-color:#e0e5ed;border-radius:6px;padding:9px 11px;font-size:13px;color:#384354}label,.fields label{font-size:12px;color:#687485;font-weight:500}label small{font-size:11px}textarea{line-height:1.65}input[type=checkbox]{accent-color:#4779df;border-radius:4px}.form-actions{border-color:var(--line)}.form-panel{border:0;padding:0;margin:12px 0}.fields{gap:8px 22px}
.panel{border:1px solid var(--line);border-radius:10px;box-shadow:none;padding:22px}.metrics{gap:16px}.metric{border:1px solid var(--line);border-radius:8px;box-shadow:none;padding:20px 22px}.metric strong{font-size:28px;font-weight:500;letter-spacing:-.04em;color:#2c3647}.metric small{font-size:11px;color:#6a717a}.stage-summary a{border:0;background:#f6f8fb;border-radius:7px;padding:14px}.stage-summary strong{font-weight:500}.stage-summary a:hover{background:#eff3fa}.soft-box{border:0;background:#f7f9fc;border-radius:8px}.attention-item{border-color:var(--line)}.attention-icon{background:#edf3ff;color:#4971b5}
table{font-size:13px}th{background:#f9fafc;color:#6a717a;font-size:11px;font-weight:500;letter-spacing:.015em;border-color:var(--line)}td,th{padding:13px 16px}td{border-color:#eef1f5;color:#647082}td small{font-size:11px;color:#6b727b}.record-title{font-weight:500;color:#303b4b}tbody tr:hover{background:#fafbfe}.table-wrap{border:1px solid var(--line);border-radius:8px}.badge{border-radius:5px;background:#f0f2f6;color:#687180;font-size:11px;padding:2px 7px;font-weight:500}.badge.green{background:#edf7f2;color:#477d66}.badge.amber{background:#fbf5e8;color:#856f3b}.badge.red{background:#fff0f0;color:#a65963}.count{font-size:11px;color:#69717c;background:#edf0f5;padding:2px 6px}.kanban-column{background:#f6f7fa;border-radius:8px}.work-card{border:1px solid #e9edf3;border-radius:8px;padding:16px;box-shadow:0 2px 4px #14254403}.work-card:hover{border-color:#bdcdee;box-shadow:0 3px 10px #183d7210}
/* Client records use a quiet header and lightweight activity feed. */
.client-workspace{margin:-12px -12px 0}.client-tab-header{background:white;padding:0 12px;border-color:var(--line)}.client-tab-header h1{font-size:22px;font-weight:600;letter-spacing:-.035em;padding:16px 0 20px;gap:12px}.client-tab-header .mail-avatar{width:34px;height:34px;border-radius:10px;background:#eaf0fc;color:#4e71a8;font-size:15px}.client-tab-body{padding:26px 12px}.client-tab-body h2{font-size:16px}.client-details{gap:26px 40px}.client-details dt,.work-details dt{font-size:11px;color:#6b717a}.client-details dd,.work-details dd{font-size:13px;color:#465264}.client-details div{border-bottom:1px solid #f0f2f5;padding-bottom:18px}.client-event{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:20px 6px;margin:0;background:transparent}.client-event:hover{background:#fcfdff}.client-event-meta{font-size:11px;gap:14px;color:#6a717a}.client-event>a{color:#425775;font-size:13px}.client-event>a strong{font-weight:550}.client-event p{font-size:13px;line-height:1.65;color:#67707d}.intake-cards .panel{padding:20px;border-radius:9px;background:#fafbfe}.intake-cards .panel:hover{border-color:#c6d5f1;background:#f5f8ff}.intake-cards p{font-size:13px;color:#67707c}.intake-cards span{font-size:12px}.invoice-metrics .metric{border:0;background:#f7f9fc;padding:18px}.invoice-metrics .metric strong{font-size:24px;font-weight:500}
.work-banner{background:#fff;border-bottom:1px solid var(--line)}.work-inner{width:auto;max-width:none;margin:0 30px}.work-meta{padding:22px 0;gap:20px 28px}.work-meta dt{font-size:10px;letter-spacing:.05em;color:#6a707a}.work-meta dd,.work-meta a{font-size:13px;color:#49596e}.work-tabs{gap:24px;padding:0;overflow-x:auto}.work-tabs a,.client-workspace .work-tabs a{min-width:0;margin:0;padding:13px 2px;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;color:#6b737e;font-size:13px;font-weight:500}.work-tabs a:hover{background:transparent;color:#3c5c8d}.work-tabs a.current{border-bottom-color:#4776db;color:#3463c6;background:transparent;box-shadow:none;font-weight:600}.work-body{padding-top:25px}.stage-picker form{border-color:var(--line);border-radius:9px;box-shadow:0 8px 30px #23304716;padding:18px}.timeline-event{background:#f7f9fc;border:0;border-radius:8px;padding:12px 16px;font-size:13px;color:#69727f}.timeline-event header{font-size:11px}.note-event{background:#fff;border:1px solid var(--line);padding:18px}.note-event p{font-size:13px}.event-avatar{background:#e5edf9;color:#5b7399;width:25px;height:25px;font-size:11px}.timeline-day{font-size:11px;color:#6b7179;font-weight:500;letter-spacing:.025em}
/* Work rows stay compact; controls reveal themselves without shifting layout. */
.checklist-section{border-color:#e6eaf0;border-radius:8px;margin:14px 0}.checklist-section>summary{padding:13px 17px;min-height:52px;background:#fafbfc;font-size:13px;color:#4b586c}.checklist-section>summary .button{background:transparent;color:#58739f;padding:5px 9px;min-height:29px;border:1px solid transparent}.checklist-section>summary .button:hover{background:#eef3fc;color:#3767b7;border-color:#dfe8f7}.checklist-section>.task-row{padding:12px 17px;border-top:1px solid #eef1f5}.task-row:hover{background:#fcfdff}.task-row .task-line{grid-template-columns:22px minmax(180px,1fr) 90px 120px 100px 30px;gap:13px;min-height:28px}.task-line .task-name{font-size:13px;font-weight:500;color:#455166}.task-name small{font-size:12px;color:#6c727c;font-weight:400}.task-line>span{font-size:12px;color:#6a717c}.task-line>a:last-child{color:#68717e;font-size:11px}.task-line>a:last-child:hover{color:#3668cf}.task-discussion{margin:2px 0 0 35px}.task-discussion>summary{font-size:11px;color:#687281;padding:2px 0}.task-discussion>summary:hover{color:#466fae}.is-complete,.is-complete:hover{background:#fafbfc}.is-complete .task-name{color:#6c7178}.request-label{background:#e9eef8;color:#5b7298;font-size:9px;font-weight:600;padding:4px 6px}.request-task{font-size:12px;border-color:#eef1f5;padding:12px 0}.request-task>a{color:#58749b}.task-preview{font-size:12px;background:#f0f5fd;border:0;border-radius:7px;padding:8px 12px;color:#5d708d}.task-preview strong{color:#506786}.inline-task{border-color:#e0e8f4;background:#f9fbff;border-radius:7px;padding:16px;margin:12px}.task-comments .mail-comment-bubble{background:#f0f5fd;border:0;border-radius:9px}
.week-layout{gap:28px;grid-template-columns:minmax(0,1fr) 245px}.week-counts{gap:10px}.week-counts a{border-color:var(--line);border-radius:8px;padding:14px 8px;color:#67717d;background:#fafbfd}.week-counts strong{font-size:28px;letter-spacing:-.04em;font-weight:500;color:#48576e}.week-counts .selected{background:#eef3ff;color:#4f71b4;border-color:#cddcfa}.week-counts .selected strong{color:#3668cf}.week-counts a:hover{border-color:#c9d7ef;background:#f2f6fe}.week-filters{gap:12px;margin-top:22px;align-items:center}.week-filters label{margin:0}.week-filters button,.week-filters>.button{align-self:end;margin-bottom:0}.week-hint{font-size:11px;color:#69717b;margin:12px 0 20px}.week-group{padding:0;background:transparent;border-radius:0;margin:24px 0}.week-group summary{padding:8px 4px 10px;color:#687386;font-size:12px;font-weight:550}.week-row{border:1px solid #e9edf4;border-radius:7px;padding:12px;margin:6px 0;grid-template-columns:28px minmax(160px,1.4fr) minmax(110px,1fr) minmax(100px,1fr);gap:12px;box-shadow:none}.week-row:hover{border-color:#d9e3f5;background:#fafcff;box-shadow:none}.week-row strong{color:#495970;font-size:13px;font-weight:550}.week-row small{font-size:11px;color:#6b727c}.week-row>span:nth-child(n+3){font-size:12px;color:#69727e}.week-row>span.overdue{color:#a55e6b}.client-initial{background:#e8eefb;color:#5a719a;border-radius:7px;font-size:12px}.week-agenda{border-color:var(--line);padding-left:24px}.week-agenda h2{font-size:13px;color:#67768a;font-weight:600}.week-agenda h3{font-size:12px;color:#657080;margin-top:22px}.week-agenda form{gap:7px}.week-agenda label{margin:0}.week-agenda input{width:135px;font-size:12px}.week-agenda .muted{font-size:12px;color:#6c7179}.agenda-item{padding:16px 0;border-color:var(--line)}.agenda-item strong{font-size:12px;color:#617796}.agenda-item small{font-size:11px;color:#6b727c}
/* Shared inbox: distinct list and reader surfaces, restrained conversation bubbles. */
.mail-workspace .mailbox-toolbar{padding:15px 24px;border-color:var(--line)}.mail-workspace .mailbox-toolbar h1{font-size:16px;font-weight:600}.mail-workspace .mailbox-folders{padding:0 24px;gap:24px;border-color:var(--line)}.mail-workspace .mailbox-folders a{font-size:12px;color:#6a737d;padding:12px 0}.mail-workspace .mailbox-folders a[aria-current]{color:#436fc2;border-color:#638ce0;font-weight:600}.mail-workspace .mailbox-split{grid-template-columns:minmax(280px,31%) minmax(0,1fr)}.mail-workspace .mailbox-list{background:#fafbfd;border-color:var(--line)}.mail-workspace .mailbox-search{padding:12px;border-color:var(--line)}.mail-workspace .mailbox-search input{font-size:12px;padding:8px 10px;background:white}.mail-workspace .mailbox-item{padding:16px 14px;gap:10px;border-color:#eef1f6;border-left:2px solid transparent}.mail-workspace .mailbox-item:hover{background:#f1f5fc}.mail-workspace .mailbox-item.current{background:#edf3ff;border-left-color:#6d94de}.mail-workspace .mail-item-top strong{font-size:12px;color:#56657a;font-weight:500}.mail-item-top time{font-size:10px;color:#6a7079}.mail-workspace .mailbox-item b{font-size:13px;font-weight:550;color:#51617a}.mail-workspace .mailbox-item p{font-size:12px;color:#6a727e}.mail-workspace .mail-avatar{width:27px;height:27px;background:#e5edf9;color:#587096;border-radius:8px;font-size:11px}.mail-workspace .mail-comment-preview{background:#e2ecfc;color:#60738f;border-radius:7px;font-size:11px;padding:7px 10px}.mail-workspace .mail-reader-actions{padding:13px 22px;gap:8px;border-color:var(--line)}.mail-workspace button,.mail-workspace .button{font-size:12px;border-radius:6px;padding:7px 11px}.mail-reader-actions .button{background:#f6f8fc;border-color:transparent;color:#5c7092}.mail-workspace .mail-message{padding:24px 28px}.mail-workspace .mail-message h2{font-size:20px;font-weight:600;letter-spacing:-.025em;color:#3d4b61;margin:0 0 22px}.mail-workspace .mail-message-meta{font-size:12px;border-color:var(--line);color:#637388;padding-top:18px}.mail-message-meta time{color:#69707a}.mail-workspace .mail-message-body{font-size:14px;line-height:1.8;color:#566479;padding:24px 0;min-height:100px}.mail-workspace .mail-comments{padding:22px 28px;background:#fcfdff;border-color:var(--line)}.mail-comments h3{font-size:13px;color:#667385}.mail-workspace .mail-comment-bubble{background:#f0f4fb;border:0;border-radius:9px;padding:12px 15px;font-size:13px;color:#617591}.mail-workspace .mail-comment-bubble header{font-size:11px;color:#637183}.mail-workspace .mail-comment-bubble p{font-size:13px}.mail-workspace .mail-comment-form textarea{font-size:13px;min-height:85px;border-color:#e0e7f2}.mail-tags span{border-radius:4px;background:#e1eafb;color:#5b7297}.mail-delivery{border-radius:7px;font-size:12px;background:#f7f9fc;color:#697280}
.record-drawer{background:#fff;border-color:var(--line);box-shadow:-12px 0 50px #1b33561a;animation:drawer-enter 180ms ease-out}.record-drawer::backdrop{background:#24344833;backdrop-filter:blur(2px)}.record-drawer>header{padding:18px 26px;border-color:var(--line);font-size:13px;color:#647287}.drawer-body{padding:24px 28px}.drawer-body .panel{padding:0;border:0;border-radius:0;margin-top:8px}.drawer-body h2{font-size:19px;margin-bottom:4px;color:#43536a}.drawer-feedback:not(:empty){background:#f7f9fc;color:#647489;padding:12px 28px}.notice{border:0;background:#f0f7f4;color:#5a7667;border-radius:7px;padding:12px 16px;font-size:12px}.demo-strip{font-size:10px;opacity:.8;border:0;background:#f6f5f1}.empty{padding:48px 18px}.empty h3{font-size:14px;color:#667180}.empty p{font-size:12px;color:#6c727a}
@keyframes drawer-enter{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1200px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.week-layout{grid-template-columns:minmax(0,1fr) 210px;gap:20px}.week-agenda{padding-left:18px}.week-row{grid-template-columns:26px minmax(135px,1.4fr) minmax(100px,1fr)}.week-row>span:last-child{grid-column:2/-1}.task-row .task-line{grid-template-columns:22px minmax(160px,1fr) 75px 100px 88px 25px;gap:9px}.work-inner{margin:0 24px}}
@media(max-width:1000px){.week-layout{grid-template-columns:minmax(0,1fr)}.week-agenda{border-left:0;border-top:1px solid var(--line);padding:20px 0}.week-row{grid-template-columns:28px minmax(160px,1.4fr) minmax(110px,1fr) minmax(100px,1fr)}.week-row>span:last-child{grid-column:auto}.mail-workspace .mailbox-split{grid-template-columns:270px minmax(0,1fr)}.task-row .task-line{grid-template-columns:22px minmax(140px,1fr) 85px}.task-line>*:nth-child(4),.task-line>*:nth-child(5),.task-line>*:nth-child(6){grid-column:auto}.task-line>*:nth-child(4){grid-column:2}.mail-workspace .mail-message{padding:20px}.mail-message-meta{flex-wrap:wrap}}
@media(max-width:800px){.app-shell{display:block}.sidebar{width:216px}.topbar{padding:12px 18px;height:auto;gap:12px}.main-shell main{padding:22px 18px}.work-inner{margin:0 18px}.client-workspace{margin:0}.client-tab-header{padding:0}.client-tab-body{padding:22px 0}.work-tabs{gap:20px}.client-tab-header h1{font-size:20px}.global-search{max-width:none}.mail-workspace .mailbox-split{grid-template-columns:1fr}.mail-workspace .mailbox-list{max-height:260px}.mail-workspace .mailbox-reader{max-height:none}.mail-workspace .mail-message-body{font-size:14px}.week-counts{gap:6px}.week-counts strong{font-size:25px}.record-drawer{width:96vw}.drawer-body{padding:22px}.invoice-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.week-row{grid-template-columns:26px minmax(0,1fr)}.week-row>span:nth-child(n+3){grid-column:2}.week-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.week-counts a{font-size:11px}.task-row .task-line{grid-template-columns:22px minmax(0,1fr)}.task-line>*:nth-child(n+3){grid-column:2}.work-meta{gap:16px}.checklist-section>summary{padding:12px;gap:8px}.mail-workspace .mail-message,.mail-workspace .mail-comments{padding:18px}.mail-workspace .mailbox-folders{gap:15px;padding:0 16px;overflow:auto}.client-details{grid-template-columns:1fr}.drawer-body .fields{grid-template-columns:1fr}.record-drawer>header{padding:16px 20px}.footer{padding:14px 18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.paper{color:#202631}.paper td,.paper dd,.paper p{color:#202631}body{background:white}.record-drawer{animation:none;box-shadow:none}}

:root{--muted:#6b7788}input::placeholder,textarea::placeholder{color:#778291;opacity:1}