:root{--nav:#102b34;--nav2:#0b2028;--teal:#0f6b63;--teal2:#0b8076;--ink:#17343b;--muted:#65767c;--line:#dce5e7;--bg:#f3f6f6;--amber:#a6600b;--danger:#a84444;--blue:#39748e;--shadow:0 8px 25px #102b3410}
*{box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}.hidden{display:none!important}.app-shell{min-height:100vh}button{cursor:pointer}.full{width:100%}.overline{color:var(--teal);font-size:10px;font-weight:700;letter-spacing:.14em}.muted{color:var(--muted)}
.primary,.secondary{min-height:42px;padding:0 16px;border-radius:9px;font-size:12px;font-weight:700}.primary{border:1px solid var(--teal);color:#fff;background:var(--teal);box-shadow:0 5px 14px #0f6b6328}.primary:hover{background:var(--teal2)}.secondary{border:1px solid #cbd7d9;background:#fff}.secondary:hover{border-color:#9db0b4}.danger-button{border-color:#e5bcbc;color:var(--danger)}.danger-text{color:var(--danger)!important}.small-button{min-height:32px;padding:0 10px;display:inline-flex;align-items:center;text-decoration:none;font-size:10px}.mini{min-height:30px;padding:0 8px;border:0;border-radius:7px;color:var(--muted);background:#f3f6f6;font-size:10px}.link-button{padding:0;border:0;color:var(--teal);background:none;text-align:left;text-decoration:none}.icon-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff}
.sidebar{width:250px;position:fixed;z-index:40;inset:0 auto 0 0;display:flex;flex-direction:column;color:#dce7e9;background:linear-gradient(180deg,var(--nav),var(--nav2))}.logo{height:83px;display:flex;align-items:center;gap:11px;padding:0 20px;border-bottom:1px solid #ffffff13}.logo>span,.login-brand>span{width:37px;height:37px;display:grid;place-items:center;border:1px solid #ffffff35;border-radius:10px;color:#fff;background:#ffffff0d;font-size:11px;font-weight:700}.logo strong,.logo small,.login-brand strong,.login-brand small{display:block}.logo strong{color:#fff;font-size:12px}.logo small{margin-top:3px;color:#8fa5aa;font-size:9px}.business-picker{position:relative;margin:16px 14px}.business-picker>button{width:100%;height:55px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 12px;border:1px solid #ffffff17;border-radius:10px;color:#fff;background:#ffffff0b;text-align:left}.business-picker span small,.business-picker span strong{display:block}.business-picker span small{color:#82999f;font-size:8px}.business-picker span strong{margin-top:3px;font-size:10px}.dot{width:10px;height:10px;border:2px solid #ffffff7a;border-radius:50%;background:#668087}.dot.wbm{background:#d3aa61}.dot.ivory{background:#4bb1a8}.dot.all{background:#87a6ab}.brand-menu{position:absolute;z-index:3;top:62px;inset-inline:0;padding:6px;border:1px solid #ffffff1c;border-radius:10px;background:#173943;box-shadow:0 15px 30px #0004}.brand-menu button{width:100%;height:38px;display:flex;align-items:center;gap:9px;padding:0 9px;border:0;border-radius:7px;color:#d8e5e7;background:transparent;font-size:10px}.brand-menu button:hover{background:#ffffff0d}.sidebar nav{flex:1;padding:0 11px;overflow:auto}.sidebar nav p{margin:12px 12px 7px;color:#688189;font-size:8px;font-weight:700;letter-spacing:.15em}.sidebar nav button{width:100%;height:43px;display:flex;align-items:center;gap:11px;padding:0 12px;border:0;border-radius:8px;color:#9db0b4;background:transparent;text-align:left;font-size:10px}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff0c}.sidebar nav button.active{box-shadow:inset 3px 0 var(--teal2)}.nav-icon{width:20px;font-size:17px;text-align:center}.profile{min-height:70px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 15px;border-top:1px solid #ffffff13}.profile>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#23515b;font-size:10px;font-weight:700}.profile strong,.profile small{display:block}.profile strong{font-size:10px}.profile small{margin-top:3px;color:#788f95;font-size:8px}.profile button,.close-menu{border:0;color:#91a6ab;background:transparent}.close-menu{display:none}
main{min-height:100vh;margin-left:250px}.topbar{height:66px;display:flex;align-items:center;gap:14px;padding:0 27px;border-bottom:1px solid var(--line);background:#fff}.menu-button{display:none}.search{width:min(560px,60vw);height:38px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#f8fafa}.search input{min-width:0;border:0;outline:0;background:transparent;font-size:11px}.search kbd{padding:3px 6px;border:1px solid #d7e0e2;border-radius:5px;color:#7c8b90;background:#fff;font-size:8px}.phase-badge{margin-left:auto;padding:7px 9px;border-radius:7px;color:#0c6860;background:#e6f4f2;font-size:8px;font-weight:700;letter-spacing:.1em}.page{max-width:1500px;margin:auto;padding:31px}.page-heading{min-height:74px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading small{color:var(--teal);font-size:8px;font-weight:700;letter-spacing:.12em}.page-heading h1{margin:5px 0 6px;font-size:27px;letter-spacing:-.035em}.page-heading p{margin:0;color:var(--muted);font-size:11px}.page-heading>.primary{min-width:140px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:17px}.stat-card{min-height:124px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;align-items:center;gap:4px 14px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;box-shadow:var(--shadow)}.stat-card:hover{border-color:#b7c8cb}.metric{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;font-style:normal}.metric.teal{color:var(--teal);background:#e5f3f1}.metric.blue{color:var(--blue);background:#e9f2f6}.metric.amber{color:var(--amber);background:#fff3df}.stat-card span strong,.stat-card span small{display:block}.stat-card span strong{font-size:23px;letter-spacing:-.03em}.stat-card span small{margin-top:3px;color:var(--muted);font-size:10px}.stat-card em{grid-column:1/-1;padding-top:10px;border-top:1px solid #edf1f2;color:var(--teal);font-size:9px;font-style:normal}.dash-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:17px}.panel{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.panel-flat{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.panel-title{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line)}.panel-title h2,.section-actions h3{margin:0;font-size:13px}.panel-title p,.section-actions p{margin:5px 0 0;color:var(--muted);font-size:9px}.panel-title>button{border:0;color:var(--teal);background:transparent;font-size:9px;font-weight:700}.loading{padding:50px;text-align:center;color:var(--muted)}
.record-row{width:100%;min-height:68px;display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:13px;padding:10px 16px;border:0;border-bottom:1px solid #edf1f2;background:#fff;text-align:left}.record-row:last-child{border-bottom:0}.record-row:hover,.table-row:hover,.calendar-row:hover{background:#fafcfc}.record-avatar,.client-avatar{display:grid;place-items:center;border-radius:50%;color:#fff;background:#57777f;font-style:normal;font-size:9px;font-weight:700}.record-avatar{width:38px;height:38px}.client-avatar{width:31px;height:31px}.record-avatar.wbm,.client-avatar.wbm{background:#a47c3c}.record-avatar.ivory,.client-avatar.ivory{background:var(--teal)}.record-main strong,.record-main small{display:block}.record-main strong{font-size:11px}.record-main small{margin-top:4px;color:var(--muted);font-size:9px}.record-date{color:#435b62;font-size:9px}.more{color:#94a4a8}.status{width:max-content;display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border:1px solid #b7d8d4;border-radius:999px;color:#0e655e;background:#eff8f7;font-size:8px;font-weight:700;text-transform:capitalize}.status.warning{border-color:#efd3a5;color:#966019;background:#fff8ec}.status.danger{border-color:#ebc0c0;color:#a84444;background:#fff4f4}.status.success{border-color:#b9ddd5;color:#0a655b;background:#ecf8f5}
.tools{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line)}.filter-pills{display:flex;gap:5px;overflow:auto}.filter-pills button{min-height:34px;padding:0 12px;border:0;border-radius:8px;color:#64767b;background:transparent;font-size:10px;text-transform:capitalize;white-space:nowrap}.filter-pills button.active{color:#0d665f;background:#e8f4f2;font-weight:700}.archive-switch{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;white-space:nowrap}.archive-switch input{accent-color:var(--teal)}.table-wrap{overflow:auto}.table{min-width:760px}.table-head,.table-row{display:grid;grid-template-columns:1.25fr 1.2fr .8fr .75fr .55fr;align-items:center;gap:14px;padding:0 18px}.table-head{height:43px;color:#77888d;background:#f8fafa;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.table-row{width:100%;min-height:65px;border:0;border-bottom:1px solid #e7edef;background:#fff;text-align:left;font-size:10px}.client-cell{display:flex;align-items:center;gap:10px}.invoices{min-width:900px}.invoices .table-head,.invoices .table-row{grid-template-columns:.7fr 1.1fr .9fr .7fr .65fr .65fr .8fr}.invoices .table-row{border:0;border-bottom:1px solid var(--line)}.brand-badge{width:max-content;padding:6px 8px;border-radius:7px;font-size:8px;font-weight:700;font-style:normal}.brand-badge.wbm{color:#805e21;background:#faf2e2}.brand-badge.ivory{color:#0c6860;background:#e6f4f2}.file-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.file-actions a{padding:5px 7px;border-radius:6px;color:var(--teal);background:#e8f4f2;text-decoration:none;font-size:8px;font-weight:700}.empty{padding:58px 20px;text-align:center;color:var(--muted);font-size:11px}.empty strong{display:block;margin-bottom:7px;color:var(--ink);font-size:12px}.small-empty{padding:32px 16px}.error{min-height:16px;margin:0 24px 8px;color:var(--danger);font-size:10px}
.table-row.same-date-booking{background:#fffafa}.table-row.same-date-booking:hover{background:#fff5f5}.booking-date-cell{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.same-date-booking-warning{width:max-content;display:inline-flex;align-items:center;gap:5px;color:#b52d35;font-weight:800;white-space:nowrap}.same-date-booking-warning i{width:18px;height:18px;display:grid;place-items:center;border:2px solid #dc3f48;border-radius:50%;background:#fff;color:#c52f38;font-size:10px;font-style:normal;line-height:1}.same-date-booking-warning small{font-size:8px;font-weight:800}
.same-date-conflict-banner{display:flex;align-items:center;gap:12px;padding:13px 18px;background:#fff1f0;border-bottom:2px solid #e1545d;color:#8f222a}.same-date-conflict-banner>i{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:50%;background:#c72f39;color:#fff;font-weight:900;font-style:normal}.same-date-conflict-banner div{display:grid;gap:2px}.same-date-conflict-banner small{font-size:9px;font-weight:900;letter-spacing:.12em}.same-date-conflict-banner strong{font-size:15px}.same-date-conflict-banner span{font-size:12px;line-height:1.4;color:#6f2b30}
.calendar-list{display:grid;gap:17px}.month .panel-title{min-height:61px}.calendar-row{width:100%;min-height:70px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding:10px 18px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left}.calendar-row time{height:46px;display:grid;place-items:center;border-radius:9px;color:var(--teal);background:#e8f4f2}.calendar-row time strong,.calendar-row time small{display:block}.calendar-row time strong{font-size:16px}.calendar-row time small{margin-top:-7px;font-size:8px;text-transform:uppercase}.calendar-row>span strong,.calendar-row>span small{display:block}.calendar-row>span strong{font-size:11px}.calendar-row>span small{margin-top:5px;color:var(--muted);font-size:9px}
.task-list{overflow:hidden}.task-row{min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:9px;padding:8px 14px;border-bottom:1px solid var(--line);background:#fff}.task-row:last-child{border-bottom:0}.task-row.done{background:#fafcfc}.task-toggle{width:22px;height:22px;display:grid;place-items:center;border:1px solid #91a2a6;border-radius:50%;color:#fff;background:#fff;font-size:10px}.task-row.done .task-toggle{border-color:var(--teal);background:var(--teal)}.task-main{min-width:0;border:0;background:none;text-align:left}.task-main strong,.task-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-main strong{font-size:10px}.task-main small{margin-top:4px;color:var(--muted);font-size:8px}.task-row.done .task-main strong{color:#91a0a4;text-decoration:line-through}.task-row time{color:var(--muted);font-size:8px}
.document-list{display:grid}.document-row{min-height:65px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:11px;padding:10px 15px;border-bottom:1px solid var(--line)}.document-row:last-child{border-bottom:0}.document-row>i{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;color:var(--teal);background:#e8f4f2;font-style:normal}.document-row>span strong,.document-row>span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-row>span strong{font-size:10px}.document-row>span small{margin-top:4px;color:var(--muted);font-size:8px}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.business-head{display:flex;align-items:center;gap:12px;padding:19px;border-bottom:1px solid var(--line);background:#f9fbfb}.business-head>span{width:45px;height:45px;display:grid;place-items:center;border-radius:11px;color:#fff;background:var(--teal);font-size:11px;font-weight:700}.business-head.wbm>span{background:#9c773e}.business-head h2{margin:0;font-size:14px}.business-head p{margin:5px 0 0;color:var(--muted);font-size:9px}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:19px}.settings-fields .full{grid-column:1/-1}.section-label{padding-top:7px;border-top:1px solid var(--line);color:var(--teal);font-size:8px;font-weight:700;letter-spacing:.1em}.business-form footer{display:flex;justify-content:flex-end;padding:14px 19px;border-top:1px solid var(--line)}
.signature-help{margin:-4px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.signature-toggles{display:flex;gap:18px;flex-wrap:wrap;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:#f8faf9}.signature-toggles label{display:flex!important;align-items:center;gap:8px!important;font-size:10px!important}.signature-toggles input{width:17px!important;height:17px!important;margin:0;accent-color:var(--teal)}.signature-assets{display:grid;grid-template-columns:1fr 1fr;gap:12px}.signature-assets article{min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fafcfc}.signature-assets strong,.signature-assets small{display:block}.signature-assets strong{margin-top:9px;font-size:10px}.signature-assets small{margin-top:4px;color:var(--muted);font-size:8px}.signature-assets article>div:last-child{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:10px}.signature-assets .secondary{min-height:34px;padding:0 10px;font-size:9px}.signature-image-preview{height:92px;display:grid;place-items:center;overflow:hidden;border:1px dashed #cbd8da;border-radius:8px;background:#fff}.signature-image-preview.awards{height:122px}.signature-image-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain}.signature-image-preview span{padding:10px;color:var(--muted);font-size:9px;text-align:center}
.comm-status{display:grid;grid-template-columns:1fr 1fr auto;align-items:stretch;gap:12px;margin-bottom:17px}.comm-status>div{display:grid;gap:4px;padding:14px;border:1px solid #b9ddd5;border-radius:10px;color:#0b625a;background:#eff9f7}.comm-status>div.warning-box{border-color:#efd3a5;color:#8c5b17;background:#fff8ec}.comm-status strong{font-size:10px}.comm-status span{font-size:8px}.comm-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:17px}.template-list{display:grid}.template-row{min-height:66px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:10px 15px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left}.template-row:hover{background:#fafcfc}.template-row span strong,.template-row span small{display:block}.template-row span strong{font-size:10px}.template-row span small{margin-top:4px;color:var(--muted);font-size:8px}.template-row>b{color:var(--teal);font-size:9px}.portal-link{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:11px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.portal-link input,.portal-email select{min-width:0;height:40px;padding:0 10px;border:1px solid #cfdbde;border-radius:8px;background:#f8fafa;font-size:9px}.portal-email{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:14px}.portal-progress{border:1px solid var(--line);border-radius:10px;background:#fff}.portal-progress article{min-height:62px;display:flex;align-items:center;gap:12px;padding:11px 15px;border-bottom:1px solid var(--line)}.portal-progress article:last-child{border-bottom:0}.portal-progress i{width:27px;height:27px;display:grid;place-items:center;border:1px solid #9caeb2;border-radius:50%;font-size:9px;font-style:normal}.portal-progress i.complete{border-color:var(--teal);color:#fff;background:var(--teal)}.portal-progress strong,.portal-progress small{display:block}.portal-progress strong{font-size:10px}.portal-progress small{margin-top:4px;color:var(--muted);font-size:8px}
.overlay{position:fixed;inset:0;z-index:70;border:0;background:#08161c61;backdrop-filter:blur(2px)}.drawer{width:min(700px,100%);position:fixed;z-index:80;inset:0 0 0 auto;display:flex;flex-direction:column;background:#f5f8f8;box-shadow:-20px 0 60px #0a1e252e}.drawer-head{min-height:126px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:25px;color:#fff;background:linear-gradient(135deg,#102b34,#0d5d59)}.drawer-head.wbm{background:linear-gradient(135deg,#2c2a27,#7b613a)}.drawer-person{display:flex;align-items:center;gap:14px}.drawer-person>span{width:50px;height:50px;display:grid;place-items:center;border:1px solid #ffffff59;border-radius:13px;background:#ffffff1a;font-weight:700}.drawer-person small{color:#a8d9d5;font-size:8px;letter-spacing:.12em}.drawer-person h2{margin:3px 0;font-size:21px}.drawer-person p{margin:0;color:#d7e2e4;font-size:10px}.drawer-head>button,.modal-head>button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:9px;color:inherit;background:#ffffff1a;font-size:18px}.tabs{display:flex;overflow:auto;padding:0 15px;border-bottom:1px solid var(--line);background:#fff}.tabs button{height:51px;padding:0 12px;border:0;border-bottom:2px solid transparent;color:#6b7b80;background:transparent;font-size:9px;white-space:nowrap}.tabs button.active{border-bottom-color:var(--teal);color:var(--teal);font-weight:700}.drawer-body{flex:1;overflow:auto;padding:19px}.drawer>footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 19px;border-top:1px solid var(--line);background:#fff}.summary{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:14px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.summary>div{padding:15px}.summary>div+div{border-left:1px solid var(--line)}.summary small,.summary strong{display:block}.summary small{margin-bottom:6px;color:#849398;font-size:7px;font-weight:700;letter-spacing:.08em}.summary strong{font-size:11px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.detail{margin-bottom:13px;padding:17px;border:1px solid var(--line);border-radius:10px;background:#fff}.detail h3{margin:0 0 13px;font-size:11px}.detail p{margin:6px 0;color:#607278;font-size:10px;line-height:1.55}.preline{white-space:pre-line}.detail dl,.invoice-card dl{display:grid;grid-template-columns:100px 1fr;gap:8px;margin:0;font-size:9px}.detail dt,.invoice-card dt{color:var(--muted)}.detail dd,.invoice-card dd{margin:0;overflow-wrap:anywhere}.detail a{color:var(--teal)}.section-actions{min-height:59px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.section-actions .primary{min-height:37px}.section-title{margin:26px 0 10px;font-size:11px}
.composer{display:grid;grid-template-columns:1fr auto;gap:9px;margin-bottom:13px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}.composer textarea{grid-row:1/3;resize:vertical}.notes-list{display:grid;gap:9px}.note-card{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}.note-card>div{display:flex;align-items:center;justify-content:space-between}.note-card time{color:var(--muted);font-size:8px}.note-card p{margin:9px 0 0;font-size:10px;line-height:1.55;white-space:pre-line}.activity-list{border:1px solid var(--line);border-radius:10px;background:#fff}.activity-list>div{min-height:48px;display:flex;align-items:center;gap:11px;padding:9px 14px;border-bottom:1px solid var(--line)}.activity-list>div:last-child{border-bottom:0}.activity-list i{width:8px;height:8px;border:2px solid #8dc2bd;border-radius:50%}.activity-list strong,.activity-list small{display:block}.activity-list strong{font-size:9px;text-transform:capitalize}.activity-list small{margin-top:3px;color:var(--muted);font-size:8px}.upload-box{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:13px;padding:15px;border:1px dashed #abc4c7;border-radius:10px;background:#fff}.upload-box>div{grid-column:1/-1}.upload-box strong,.upload-box small{display:block}.upload-box strong{font-size:11px}.upload-box small{margin-top:5px;color:var(--muted);font-size:8px}.upload-box input[type=file]{max-width:100%;font-size:9px}.invoice-cards{display:grid;gap:12px}.invoice-card{padding:15px;border:1px solid var(--line);border-radius:10px;background:#fff}.invoice-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.invoice-card header>div:first-child{display:flex;align-items:center;gap:9px}.invoice-card header strong{font-size:12px}.invoice-card dl{grid-template-columns:1fr auto;margin:13px 0}.invoice-card>p{padding:10px;border-radius:7px;color:var(--muted);background:#f7f9fa;font-size:9px}.payments{margin:10px 0}.payments>div{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line)}.payments span strong,.payments span small{display:block}.payments span strong{font-size:10px}.payments span small{margin-top:3px;color:var(--muted);font-size:8px}
.modal{width:min(650px,calc(100% - 28px));max-height:min(90vh,850px);position:fixed;z-index:90;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:15px;background:#fff;box-shadow:0 30px 90px #08191f42;overflow:auto}.modal-head{position:sticky;z-index:2;top:0;display:flex;justify-content:space-between;gap:15px;padding:21px 23px;border-bottom:1px solid var(--line);background:#fff}.modal-head small{color:var(--teal);font-size:7px;font-weight:700;letter-spacing:.12em}.modal-head h2{margin:4px 0;font-size:20px}.modal-head p{margin:0;color:var(--muted);font-size:10px}.modal-head>button{color:var(--ink);background:#f1f5f5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px}.form-grid .full{grid-column:1/-1}.form-grid label,.settings-fields label,.login-card label{display:grid;gap:7px;color:#40555b;font-size:9px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.settings-fields input,.settings-fields textarea,.login-card input,.composer textarea,.upload-box select{width:100%;padding:0 11px;border:1px solid #cfdbde;border-radius:8px;outline:0;background:#fff;font-size:11px}.form-grid input,.form-grid select,.settings-fields input,.login-card input,.upload-box select{height:41px}.form-grid textarea,.settings-fields textarea,.composer textarea{padding-top:10px;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.settings-fields input:focus,.settings-fields textarea:focus,.login-card input:focus,.composer textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f6b631a}.modal form>footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--line);background:#fff}
.toast{position:fixed;z-index:120;right:20px;bottom:20px;padding:13px 16px;border-radius:9px;color:#fff;background:#17343b;box-shadow:0 12px 30px #0003;font-size:11px}.toast.error{background:var(--danger)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 70% 20%,#19444c,#0d2028 60%)}.login-card{width:min(420px,100%);padding:34px;border:1px solid #ffffff2b;border-radius:18px;background:#fdfefe;box-shadow:0 30px 90px #07161c66}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px;padding:13px;border-radius:12px;color:#fff;background:#102b34}.login-brand strong{font-size:13px}.login-brand small{margin-top:3px;color:#9fb1b6;font-size:9px}.login-card h1{margin:6px 0 8px;font-size:26px;letter-spacing:-.03em}.login-card>p.muted{font-size:11px}.login-card form{display:grid;gap:15px;margin-top:23px}.login-card .error{margin:0}.mobile-nav{display:none}
@media(max-width:1150px){.sidebar{width:220px}main{margin-left:220px}.dash-grid,.comm-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}
@media(max-width:820px){.sidebar{width:min(310px,86vw);transform:translateX(-105%);transition:.2s}.sidebar.open{transform:none}.close-menu{width:36px;height:36px;position:absolute;top:14px;right:10px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#ffffff12}.scrim{position:fixed;inset:0;z-index:35;border:0;background:#08161c61}main{margin-left:0;padding-bottom:70px}.topbar{padding:0 16px}.menu-button{display:grid}.search{width:min(440px,calc(100vw - 150px))}.search kbd{display:none}.page{padding:23px 18px 34px}.stats{grid-template-columns:repeat(3,minmax(230px,1fr));overflow:auto;margin-right:-18px;padding:0 18px 8px 0}.mobile-nav{height:66px;position:fixed;z-index:32;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);background:#fffffff7;box-shadow:0 -8px 24px #11272f12}.mobile-nav button{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;color:#718187;background:transparent;font-size:8px}.mobile-nav button span{font-size:18px}.mobile-nav button.active{color:var(--teal)}.mobile-nav .mobile-add{width:50px;height:50px;align-self:center;justify-self:center;margin-top:-22px;border-radius:50%;color:#fff;background:var(--teal);box-shadow:0 6px 18px #0f6b6347}.mobile-add span:last-child{font-size:8px}}
@media(max-width:580px){.topbar{height:60px}.phase-badge{display:none}.search{width:calc(100vw - 78px)}.page{padding:19px 13px 27px}.page-heading{min-height:78px;align-items:flex-start}.page-heading h1{font-size:23px}.page-heading p{max-width:235px;line-height:1.5}.page-heading>.primary{width:42px;min-width:42px;padding:0;border-radius:50%;font-size:0}.page-heading>.primary span{font-size:18px}.stats{margin-right:-13px;padding-right:13px}.record-row{grid-template-columns:auto 1fr auto;gap:9px;padding:11px 12px}.record-date{display:none}.record-row .status{grid-column:2}.record-row .more{grid-row:1/3;grid-column:3}.tools{align-items:flex-start;flex-direction:column}.filter-pills{width:100%}.table{min-width:700px}.calendar-row{grid-template-columns:46px 1fr}.calendar-row .brand-badge{display:none}.task-row{grid-template-columns:auto minmax(0,1fr) auto}.task-row time{display:none}.task-row .mini{display:none}.document-row{grid-template-columns:auto minmax(0,1fr) auto}.document-row>.link-button,.document-row>.small-button{display:none}.settings-fields,.form-grid{grid-template-columns:1fr}.settings-fields .full,.form-grid .full{grid-column:auto}.signature-assets{grid-template-columns:1fr}.signature-toggles{align-items:flex-start;flex-direction:column}.comm-status{grid-template-columns:1fr}.drawer{top:4vh;height:96vh;border-radius:17px 17px 0 0}.drawer-head{min-height:112px;padding:20px 16px}.drawer-person h2{font-size:17px}.drawer-person>span{width:43px;height:43px}.drawer-body{padding:13px}.drawer>footer .primary,.drawer>footer .secondary{flex:1;padding:0 9px}.summary{grid-template-columns:1fr 1fr}.summary>div:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.detail-grid{grid-template-columns:1fr}.composer{grid-template-columns:1fr}.composer textarea{grid-row:auto}.upload-box,.portal-email{grid-template-columns:1fr}.portal-email .primary{width:100%}.invoice-card header{align-items:flex-start;flex-direction:column}.modal{max-height:94vh}.modal-head{padding:18px}.form-grid{padding:17px}.modal form>footer{padding:12px 17px}.modal form>footer .primary{flex:1}.login-card{padding:25px}}

/* V8.7 guided booking workspace */
.drawer{width:100%;inset:0;display:block;overflow-y:auto;background:#f3f6f6;box-shadow:none}
.guided-head{min-height:148px;align-items:flex-start;padding:27px 30px}
.guided-head .drawer-person{align-items:flex-start}
.guided-head .drawer-person>span{width:56px;height:56px;border-radius:16px;font-size:15px}
.guided-head .drawer-person small{font-size:10px;font-weight:800;letter-spacing:.1em}
.guided-head .drawer-person h2{margin:5px 0;font-size:25px}
.guided-head .drawer-person p{font-size:13px;line-height:1.45}
.record-head-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.record-head-links a,.record-head-links button{min-height:32px;display:inline-flex;align-items:center;gap:5px;padding:0 11px;border:1px solid #ffffff3d;border-radius:8px;color:#fff;background:#ffffff12;font-size:11px;font-weight:700;text-decoration:none}
.record-head-links a:hover,.record-head-links button:hover{background:#ffffff20}
.record-head-status{display:flex;align-items:center;gap:10px}
.record-head-status .status{min-height:30px;border-color:#ffffff59;color:#fff;background:#ffffff17;font-size:10px}
.record-head-status button{width:auto;min-height:40px;display:flex;align-items:center;gap:7px;padding:0 13px;border:0;border-radius:10px;color:#fff;background:#ffffff1a;font-size:11px;font-weight:700;white-space:nowrap}
.record-head-status button span{font-size:17px}
.record-journey-strip{width:min(1280px,calc(100% - 60px));display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:20px auto 0;padding:17px 30px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow)}
.record-journey-strip>div{position:relative;display:flex;align-items:center;gap:9px;color:#839397;font-size:12px;font-weight:700}
.record-journey-strip>div:not(:last-child)::after{content:"";height:2px;position:absolute;z-index:0;left:31px;right:7px;top:14px;background:#dce5e7}
.record-journey-strip i{width:29px;height:29px;position:relative;z-index:1;display:grid;flex:0 0 auto;place-items:center;border:2px solid #c9d5d7;border-radius:50%;background:#fff;font-size:10px;font-style:normal}
.record-journey-strip .done{color:#11675f}
.record-journey-strip .done i{border-color:var(--teal);color:#fff;background:var(--teal)}
.record-journey-strip .done::after{background:#7fbcb6!important}
.record-journey-strip .current{color:#8c5b17}
.record-journey-strip .current i{border-color:#d29b43;color:#8c5b17;background:#fff7e8;box-shadow:0 0 0 5px #fff7e8}
.record-next-action{width:min(1280px,calc(100% - 60px));display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:18px auto 0;padding:16px 18px;border:1px solid #a7d4cf;border-radius:13px;background:linear-gradient(135deg,#eaf7f5,#f8fcfb);box-shadow:0 7px 18px #0f6b6311}
.record-next-action.quiet{border-color:#d8e1e3;background:#fff}
.record-next-action>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#fff;background:var(--teal);font-size:20px;font-style:normal}
.record-next-action.quiet>i{color:var(--teal);background:#e8f4f2}
.record-next-action small,.record-next-action strong,.record-next-action span{display:block}
.record-next-action small{margin-bottom:4px;color:var(--teal);font-size:9px;font-weight:800;letter-spacing:.12em}
.record-next-action strong{font-size:15px;line-height:1.3}
.record-next-action span{margin-top:4px;color:#607278;font-size:12px;line-height:1.45}
.guided-tabs{margin-top:16px;padding:0 30px}
.guided-tabs button{height:54px;min-width:104px;padding:0 17px;font-size:12px}
.drawer-body{padding:24px 30px 30px}
.workspace-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.workspace-shortcuts button{min-height:78px;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left;box-shadow:0 4px 13px #102b3408}
.workspace-shortcuts button:hover{border-color:#9fc8c4;background:#f9fcfc}
.workspace-shortcuts i{width:35px;height:35px;display:grid;flex:0 0 auto;place-items:center;border-radius:9px;color:var(--teal);background:#e8f4f2;font-size:17px;font-style:normal}
.workspace-shortcuts strong,.workspace-shortcuts small{display:block}
.workspace-shortcuts strong{font-size:12px;line-height:1.3}
.workspace-shortcuts small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.35}
.drawer .summary small{font-size:9px}.drawer .summary strong{font-size:13px}
.drawer .detail h3,.drawer .section-actions h3{font-size:14px}
.drawer .detail p,.drawer .section-actions p{font-size:12px}
.drawer .detail dl,.drawer .invoice-card dl{font-size:12px;line-height:1.45}
.drawer .detail dl{grid-template-columns:125px 1fr}
.drawer .detail dd small{display:block;margin-top:4px;color:var(--muted);font-size:10px}
.drawer .section-title{font-size:14px}
.drawer .portal-progress strong,.drawer .task-main strong,.drawer .document-row>span strong,.drawer .activity-list strong{font-size:12px}
.drawer .portal-progress small,.drawer .task-main small,.drawer .document-row>span small,.drawer .activity-list small{font-size:10px;line-height:1.4}
.journey-tasks{margin-top:25px;padding-top:10px;border-top:1px solid var(--line)}
.guided-accordions{width:min(1280px,calc(100% - 60px));display:grid;margin:16px auto 28px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.guided-accordion{scroll-margin-top:8px;border-bottom:1px solid var(--line);background:#fff}
.guided-accordion>button{width:100%;min-height:76px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 30px;border:0;background:#fff;text-align:left}
.guided-accordion>button:hover{background:#fbfdfd}
.guided-accordion>button>i{width:39px;height:39px;display:grid;place-items:center;border:1px solid #d5e1e2;border-radius:10px;color:var(--teal);background:#f3f8f7;font-size:18px;font-style:normal}
.guided-accordion>button span,.guided-accordion>button strong,.guided-accordion>button small{display:block}
.guided-accordion>button strong{font-size:15px}
.guided-accordion>button small{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35}
.guided-accordion>button>b{color:#849397;font-size:18px;transition:transform .16s ease}
.guided-accordion.open>button{color:#0e625b;background:#f7fbfa}
.guided-accordion.open>button>b{transform:rotate(180deg)}
.guided-accordion>.drawer-body{padding:24px 30px 30px;border-top:1px solid #e7eeee;background:#f5f8f8;overflow:visible}
.drawer>footer{position:sticky;z-index:5;bottom:0;box-shadow:0 -8px 24px #102b3412}
.field-help{margin-top:2px;color:var(--muted);font-size:9px;font-weight:500;line-height:1.4}
.catalog-actions{display:flex;align-items:center;gap:5px}

@media(max-width:760px){
  .drawer{inset:0;width:100%;height:100dvh;top:0;border-radius:0}
  .guided-head{min-height:142px;padding:20px 16px}
  .guided-head .drawer-person{gap:10px}
  .guided-head .drawer-person>span{width:44px;height:44px;border-radius:12px;font-size:12px}
  .guided-head .drawer-person h2{font-size:20px}
  .guided-head .drawer-person p{font-size:12px}
  .record-head-status{align-items:flex-end;flex-direction:column-reverse}
  .record-head-status .status{font-size:9px}
  .record-head-status button{min-height:36px;padding:0 10px;font-size:10px}
  .record-head-links{margin-top:9px}
  .record-head-links a,.record-head-links button{min-height:30px;font-size:10px}
  .record-journey-strip{width:calc(100% - 26px);gap:14px;overflow-x:auto;margin-top:13px;padding:15px 16px}
  .record-journey-strip>div{min-width:82px;align-items:center;flex-direction:column;gap:5px;font-size:10px;text-align:center}
  .record-journey-strip>div::after{display:none}
  .record-next-action{width:calc(100% - 26px);grid-template-columns:auto 1fr;margin:12px auto 0;padding:13px}
  .record-next-action>i{width:34px;height:34px}
  .record-next-action strong{font-size:14px}
  .record-next-action span{font-size:11px}
  .record-next-action>button{grid-column:1/-1;width:100%}
  .guided-tabs{position:sticky;z-index:3;top:0;margin-top:12px;padding:0 7px}
  .guided-tabs button{min-width:auto;flex:1;padding:0 9px;font-size:11px}
  .drawer-body{padding:15px 13px 22px}
  .workspace-shortcuts{grid-template-columns:1fr 1fr;gap:8px}
  .workspace-shortcuts button{min-height:72px;padding:10px}
  .workspace-shortcuts strong{font-size:11px}
  .drawer .detail dl{grid-template-columns:100px 1fr;font-size:11px}
  .drawer>footer{padding-bottom:max(14px,env(safe-area-inset-bottom))}
  .guided-accordions{width:calc(100% - 26px);margin:13px auto 20px}
  .guided-accordion>button{min-height:72px;gap:12px;padding:12px 17px}
  .guided-accordion>button>i{width:37px;height:37px}
  .guided-accordion>.drawer-body{padding:15px 13px 20px;border-top:1px solid #e7eeee;background:#f5f8f8}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* V8.4 protected Studio Ninja migration */
.legacy-ref{display:block;margin-top:4px;color:#8a6726;font-size:8px;font-weight:600}.legacy-banner{display:grid;gap:5px;margin-bottom:14px;padding:14px 16px;border:1px solid #e5ce9f;border-radius:11px;color:#654918;background:#fff8e9}.legacy-banner strong{font-size:11px}.legacy-banner span,.legacy-banner em{font-size:9px;line-height:1.45}.legacy-banner em{font-style:normal;font-weight:700}.automation-card{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px;padding:15px;border:1px solid var(--line);border-radius:11px;background:#f9fbfb}.automation-card.paused{border-color:#e6c98c;background:#fff8e9}.automation-card.active{border-color:#b9ddd5;background:#eff9f7}.automation-card span strong,.automation-card span small{display:block}.automation-card span strong{font-size:11px}.automation-card span small{margin-top:5px;color:var(--muted);font-size:9px;line-height:1.45}.legacy-document em{display:block;margin-top:4px;color:#8a6726;font-size:8px;font-style:normal;font-weight:700}.legacy-documents{margin-bottom:18px;padding:14px;border:1px solid #ead8b5;border-radius:11px;background:#fffaf0}.legacy-documents h3,.section-title{margin:0 0 5px;font-size:11px}.legacy-documents p{margin:0 0 10px;color:var(--muted);font-size:9px}.legacy-schedule{display:grid;gap:0;margin:0 14px 13px;padding:12px;border:1px solid #ead8b5;border-radius:9px;background:#fffaf0}.legacy-schedule>strong{margin-bottom:5px;color:#75551e;font-size:9px}.legacy-schedule>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #eee0c4}.legacy-schedule span,.legacy-schedule span small{display:block}.legacy-schedule span{font-size:9px}.legacy-schedule span small{margin-top:3px;color:var(--muted);font-size:8px}.legacy-schedule b{font-size:9px}.retained-chip{padding:4px 7px;border-radius:999px;color:#75551e;background:#f5e7c8;font-size:8px;font-style:normal;font-weight:700}
.simple-workflow{margin:0 0 18px;padding:18px;border:1px solid #c9ded9;border-radius:14px;background:linear-gradient(145deg,#f7fcfb,#edf7f5)}.simple-workflow>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.simple-workflow>header strong,.simple-workflow>header span{display:block}.simple-workflow>header strong{font-size:1.05rem;color:#123d42}.simple-workflow>header span{margin-top:4px;color:var(--muted);font-size:.88rem;line-height:1.45}.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workflow-grid article{display:flex;align-items:flex-start;gap:11px;padding:13px;border:1px solid rgba(16,79,80,.12);border-radius:11px;background:rgba(255,255,255,.82)}.workflow-grid article>b{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;color:#fff;background:var(--teal);font-size:.86rem}.workflow-grid article span,.workflow-grid article strong,.workflow-grid article small{display:block}.workflow-grid article strong{font-size:.92rem}.workflow-grid article small{margin-top:4px;color:var(--muted);font-size:.82rem;line-height:1.48}.simple-workflow.paused{border-color:#e5ce9f;background:#fff8e9}.simple-workflow.paused .workflow-grid article>b{background:#9a722a}.workflow-paused{padding:6px 9px;border-radius:999px;color:#77561e;background:#f2dfb6;font-size:.72rem;font-style:normal;font-weight:800;letter-spacing:.05em}.simple-workflow>p{margin:12px 0 0;color:#6d552a;font-size:.82rem;line-height:1.45}
@media(max-width:580px){.automation-card{align-items:flex-start;flex-direction:column}.automation-card button{width:100%}.legacy-schedule>div{align-items:flex-start}.simple-workflow{padding:14px}.simple-workflow>header{flex-direction:column}.workflow-grid{grid-template-columns:1fr}.workflow-grid article{padding:12px}.workflow-grid article small{font-size:.86rem}}

/* V8 client-experience polish */
.brand-logo-tile{overflow:hidden;background:#f7f2e8!important;border-color:#d8c9aa!important}.brand-logo-tile img{width:100%;height:100%;padding:4px;object-fit:contain}.login-brand .brand-logo-tile{width:56px;height:56px}.attention-button{min-width:48px;height:38px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid #ead9b7;border-radius:10px;color:#77591e;background:#fff9ed}.attention-button span{color:#c48d25;font-size:9px}.attention-button b{font-size:11px}.focus-strip{display:grid;grid-template-columns:minmax(0,1.7fr) repeat(2,minmax(150px,.65fr));gap:12px;margin-bottom:17px}.focus-card{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;border:1px solid #e6dac2;border-radius:12px;background:linear-gradient(135deg,#fffaf0,#fff);box-shadow:var(--shadow)}.focus-card strong,.focus-card span{display:block}.focus-card strong{font-size:12px}.focus-card span{margin-top:5px;color:var(--muted);font-size:9px;line-height:1.45}.focus-card .focus-number{font-size:25px;color:#8a6726}.focus-card.primary-focus{color:#fff;border-color:#173b43;background:linear-gradient(135deg,#15333b,#0e665f)}.focus-card.primary-focus span{color:#c5d9da}.focus-card.primary-focus .focus-number{color:#f0cf8e}.venue-admin-field{padding:13px;border:1px solid var(--line);border-radius:10px;background:#fafcfc}.venue-picker{min-height:43px}.venue-picker gmp-place-autocomplete{width:100%;min-height:43px;color-scheme:light}.venue-summary{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:9px 11px;border:1px dashed #cfdadd;border-radius:8px;color:var(--muted);background:#fff;font-size:9px;font-weight:500}.venue-summary span,.venue-summary strong,.venue-summary small{display:block}.venue-summary strong{color:var(--ink);font-size:10px}.venue-summary small{margin-top:3px;color:var(--muted);font-size:8px;font-weight:400}.venue-summary a{color:var(--teal);white-space:nowrap}.venue-manual-toggle{min-height:0;margin-top:7px;padding:0;border:0;color:var(--teal);background:transparent;font-size:9px;font-weight:700;text-align:left}.venue-help{display:block;padding:10px;border-radius:8px;color:#835b1d;background:#fff5df;font-size:9px}.directions-link{display:inline-flex;align-items:center;gap:5px;margin-top:4px;color:#7a5a20;font-size:9px;font-weight:700;text-decoration:underline}.template-row-v8{min-height:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:10px 15px;border-bottom:1px solid var(--line);background:#fff}.template-row-v8:last-child{border-bottom:0}.template-row-v8>span strong,.template-row-v8>span small{display:block}.template-row-v8>span strong{font-size:10px}.template-row-v8>span small{margin-top:4px;color:var(--muted);font-size:8px}.template-actions{display:flex;gap:5px}.email-preview-shell{height:min(650px,70vh);display:grid;grid-template-rows:auto 1fr;gap:12px}.email-preview-toolbar{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8fafa}.email-preview-toolbar strong,.email-preview-toolbar small{display:block}.email-preview-toolbar strong{font-size:11px}.email-preview-toolbar small{margin-top:4px;color:var(--muted);font-size:9px}.email-preview-send{display:flex;align-items:center;gap:7px}.email-preview-send input{width:225px;height:38px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:9px}.email-preview-frame{width:100%;height:100%;border:1px solid var(--line);border-radius:10px;background:#eee}.invoice-card{transition:transform .15s ease,border-color .15s ease}.invoice-card:hover{transform:translateY(-2px);border-color:#b9cacc}
@media(max-width:900px){.focus-strip{grid-template-columns:1fr 1fr}.focus-card.primary-focus{grid-column:1/-1}.attention-button{margin-left:auto}.phase-badge{margin-left:0}}
@media(max-width:520px){.focus-strip{grid-template-columns:1fr}.focus-card.primary-focus{grid-column:auto}.attention-button{min-width:42px;padding:0 8px}.venue-summary{align-items:flex-start;flex-direction:column}.template-row-v8{grid-template-columns:auto 1fr}.template-actions{grid-column:1/-1}.template-actions button{flex:1}.email-preview-toolbar{grid-template-columns:1fr}.email-preview-send{display:grid;grid-template-columns:1fr auto}.email-preview-send input{width:100%}}

/* V8.5 Studio Ninja manual-only communication */
.manual-only-card>em{flex:0 0 auto;padding:6px 9px;border-radius:999px;color:#704c10;background:#f2dfb6;font-size:8px;font-style:normal;font-weight:800;letter-spacing:.08em}.manual-email-warning{display:grid;gap:5px;padding:13px;border:1px solid #e5ce9f;border-radius:10px;color:#654918;background:#fff8e9}.manual-email-warning strong{font-size:11px}.manual-email-warning span,.manual-email-warning small{font-size:9px;line-height:1.45}.manual-email-warning small{color:#765a29}
@media(max-width:580px){.manual-only-card>em{align-self:flex-start}}

/* V8.8.2 - readable admin questionnaire records. */
.questionnaire-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;padding:17px 19px;border:1px solid #b8d8d3;border-radius:12px;background:linear-gradient(135deg,#eef9f7,#fff)}
.questionnaire-intro small,.questionnaire-intro h3,.questionnaire-intro p{display:block;margin:0}.questionnaire-intro small{color:var(--teal);font-size:8px;font-weight:800;letter-spacing:.1em}.questionnaire-intro h3{margin-top:4px;font-size:17px}.questionnaire-intro p{max-width:720px;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.5}.questionnaire-intro>strong{flex:0 0 auto;padding:7px 10px;border-radius:999px;color:#fff;background:var(--teal);font-size:9px}
.questionnaire-card{margin-bottom:15px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 8px 22px #11272f0b}.questionnaire-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:17px 19px;border-bottom:1px solid var(--line);background:#f8fbfb}.questionnaire-card>header small,.questionnaire-card>header h3,.questionnaire-card>header span{display:block;margin:0}.questionnaire-card>header small{color:#8a6726;font-size:8px;font-weight:800;letter-spacing:.08em}.questionnaire-card>header h3{margin-top:4px;font-size:15px}.questionnaire-card>header span{margin-top:5px;color:var(--muted);font-size:10px}.questionnaire-card>header>b{padding:6px 9px;border-radius:999px;color:#0d675e;background:#e4f4f1;font-size:9px;white-space:nowrap}
.questionnaire-card dl{display:grid;margin:0}.questionnaire-card dl>div{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1.7fr);gap:18px;padding:13px 19px;border-bottom:1px solid #edf1f2}.questionnaire-card dt{color:#536970;font-size:10px;font-weight:700;line-height:1.45}.questionnaire-card dd{margin:0;color:#172f35;font-size:11px;line-height:1.55;overflow-wrap:anywhere}.questionnaire-card dd em{color:var(--muted);font-style:normal}.questionnaire-card pre{max-width:100%;margin:0;overflow:auto;white-space:pre-wrap;font:inherit}
.original-questionnaire-text{padding:14px 19px;background:#fffaf0}.original-questionnaire-text summary{cursor:pointer;color:#76561e;font-size:10px;font-weight:800}.original-questionnaire-text pre{max-height:430px;margin-top:12px;padding:14px;overflow:auto;border:1px solid #ead9b6;border-radius:9px;color:#3e4c50;background:#fff;font-size:10px;line-height:1.55;white-space:pre-wrap}
.questionnaire-originals{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:15px 17px;border:1px solid #e5ce9f;border-radius:11px;background:#fff9ed}.questionnaire-originals>div{min-width:220px;flex:1}.questionnaire-originals strong,.questionnaire-originals span{display:block}.questionnaire-originals strong{font-size:11px}.questionnaire-originals span{margin-top:4px;color:var(--muted);font-size:9px}.questionnaire-originals a{text-decoration:none}.questionnaire-empty{margin-bottom:13px;border:1px dashed #c8d5d7;border-radius:11px;background:#fff}
@media(max-width:650px){.questionnaire-intro{align-items:stretch;flex-direction:column}.questionnaire-intro>strong{align-self:flex-start}.questionnaire-card>header{flex-direction:column}.questionnaire-card dl>div{grid-template-columns:1fr;gap:5px;padding:12px 14px}.questionnaire-card dt{color:#6b7e83;font-size:9px}.questionnaire-card dd{font-size:11px}.questionnaire-originals{align-items:stretch;flex-direction:column}.questionnaire-originals a{width:100%;display:grid;place-items:center}}

/* V8.9.4 - user-managed email templates. */
.template-row-v8.template-inactive{opacity:.68;background:#f7f8f8}.template-row-v8 strong em{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:999px;color:#6d5220;background:#f4e6c7;font-size:7px;font-style:normal;letter-spacing:.05em;vertical-align:middle}.brand-choice-note{padding:11px 13px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:#f7faf9;font-size:10px}.template-actions{flex-wrap:wrap}
.invoices{min-width:1020px}.invoices .table-head,.invoices .table-row{grid-template-columns:.7fr 1.1fr .8fr .65fr .8fr .65fr .65fr .8fr}.agreed-date{display:inline-flex;width:max-content;margin:3px 0 0;padding:3px 6px;border-radius:999px;color:#7b5a1e;background:#fff4da;font-size:7px;font-weight:700}.change-due-date{width:100%;min-height:36px;margin:-2px 0 11px;border:1px solid #d7c28f;border-radius:8px;color:#72531b;background:#fffaf0;font-size:9px;font-weight:700}.change-due-date:hover{background:#fff3d6}