@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Bricolage+Grotesque:wght@500;700;800&display=swap');
:root{--primary:#4f46e5;--teal:#14b8a6;--navy:#0f172a;--ink:#1e293b;--muted:#8490a4;--line:#e9edf3;--bg:#f8fafc;font-family:'Figtree',system-ui,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:13px}button,input,select,textarea{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}button{border:0;background:none}a{text-decoration:none;color:inherit}.sidebar{width:248px;background:var(--navy);color:#9ca9bf;position:fixed;inset:0 auto 0 0;padding:31px 18px 0;display:flex;flex-direction:column;z-index:10}.brand{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.1px;color:white;display:flex;align-items:center;padding:0 12px;margin-bottom:41px}.brand-dot{color:#2dd4bf}.brand-mark{display:flex;gap:3px;margin-right:10px;transform:skew(-16deg)}.brand-mark i{display:block;height:24px;width:6px;background:#818cf8;border-radius:3px}.brand-mark i:nth-child(2){height:18px;margin-top:6px;background:#a5b4fc}.brand-mark i:nth-child(3){height:12px;margin-top:12px;background:#2dd4bf}.workspace-label{font-size:9px;font-weight:700;letter-spacing:1.7px;padding:0 13px;margin-bottom:13px;display:flex;justify-content:space-between;color:#68788f}.company-wrap{display:flex;align-items:center;background:#1c263b;border:1px solid #2b354a;padding:10px;border-radius:8px;margin-bottom:27px;gap:7px}.company-wrap>span{font-size:10px;background:#4f46e5;border-radius:6px;padding:8px;color:#fff;font-weight:700}.company-wrap select{background:transparent;color:#edf0f8;border:0;width:158px;font-size:11px;outline-offset:5px}.company-wrap option{background:#1c263b}.nav-button{width:100%;display:flex;align-items:center;gap:11px;padding:12px 14px;margin:3px 0;border-radius:7px;text-align:left;color:#9ca9bf;font-size:12px}.nav-button svg{width:17px;height:17px}.nav-button:hover{background:#1e293b;color:white}.nav-button.active{background:#4f46e5;color:#fff;box-shadow:0 4px 14px #06092225}.nav-button .count{margin-left:auto;background:#ffffff15;font-size:10px;padding:2px 6px;border-radius:4px}.sidebar-separator{border-top:1px solid #263147;margin:24px 11px}.board-link{display:flex;align-items:center;gap:11px;padding:11px 15px;color:#aeb8cb;font-size:11px;width:100%;text-align:left;border-radius:6px}.board-link:hover{background:#1c263b}.board-dot{width:7px;height:7px;border-radius:2px;display:inline-block}.sidebar-bottom{margin-top:auto}.prototype-note{background:#172238;margin:20px 5px;padding:14px 12px;border-radius:8px;color:#c7d1e2;font-size:10px}.prototype-note p{font-size:9px;color:#71819b;margin:7px 0 0 13px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);margin-right:6px}.profile{border-top:1px solid #283247;padding:20px 0;display:flex;gap:9px;align-items:center}.profile strong{font-size:10px;color:#e5eaf4;font-weight:500}.profile small{display:block;font-size:9px;color:#76869f;margin-top:4px}.owner-badge{font-size:7px;color:#94a3b8;margin-left:auto}.avatar{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:9px;font-weight:700;flex-shrink:0;background:#ede9fe;color:#7c3aed;border:2px solid white}.avatar.owner{background:#dfe7f6;color:#405c85;border-color:#ffffff15;width:32px;height:32px}.avatar.small{width:29px;height:29px}.avatar.teal{background:#d8f5ee;color:#188573}.avatar.peach{background:#ffeadc;color:#b47a43}.avatar.blue{background:#dfeafe;color:#5179ba}.app-shell{margin-left:248px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 37px;background:#fff;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:15px;color:#6d7a91;font-size:11px}.breadcrumb span:last-child{color:#344157}.slash{color:#ced4df}.top-actions{display:flex;align-items:center;gap:19px}.demo-pill{font-size:8px;font-weight:700;color:#8b95a8;letter-spacing:1.1px}.icon-button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#8692a4}.icon-button:hover{background:#eef2ff;color:var(--primary)}svg{width:17px;height:17px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}main{padding:34px 37px 30px;flex:1;min-width:0}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#8793a6}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading h1{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:27px;letter-spacing:-1px;margin:8px 0 8px;line-height:1.25;font-weight:800}.page-heading p{font-size:12px;color:#8b96a8;margin:0;line-height:1.6}.heading-actions{display:flex;align-items:center;gap:12px}.avatar-stack{display:flex;margin-right:2px}.avatar-stack .avatar{margin-left:-7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;border-radius:6px;font-weight:550;font-size:11px;white-space:nowrap;min-height:35px}.primary{background:var(--primary);color:white;box-shadow:0 3px 5px #4f46e517}.primary:hover{background:#4338ca}.secondary{background:white;border:1px solid #e1e6ee;color:#617087}.secondary:hover{background:#f5f7fc}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:0 0 27px}.stat-card{background:white;border:1px solid var(--line);border-radius:9px;padding:19px 20px;position:relative}.stat-label{font-size:11px;color:#8691a3;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.stat-icon{padding:7px;border-radius:7px;color:var(--primary);background:#f0efff}.stat-value{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:27px;letter-spacing:-.8px;line-height:1}.stat-bottom{font-size:9px;color:#96a0af;margin-top:12px}.stat-bottom b{color:#1c9e8b;font-weight:600}.stat-card:nth-child(2) .stat-icon{background:#eafaf5;color:#1cae92}.stat-card:nth-child(3) .stat-icon{background:#fff7e6;color:#d4a124}.stat-card:nth-child(4) .stat-icon{background:#fff0f0;color:#e88183}.board-panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:385px}.view-tabs{display:flex;align-items:center;gap:23px;border-bottom:1px solid var(--line);padding:0 22px;height:51px}.view-tab{height:51px;padding:0 2px;display:flex;align-items:center;gap:7px;font-size:11px;color:#8b95a6;border-bottom:2px solid transparent}.view-tab.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:600}.view-tab svg{width:15px}.view-tabs .board-meta{margin-left:auto;font-size:9px;color:#a0a8b6}.toolbar{padding:19px 22px;display:flex;align-items:center;gap:11px}.search-box{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;padding:8px 10px;gap:7px;width:225px;color:#99a3b3}.search-box input{border:0;outline:none;min-width:0;width:100%;font-size:10px;background:transparent;color:var(--ink)}.search-box input::placeholder{color:#a0a8b6}.toolbar select{border:1px solid var(--line);border-radius:6px;background:#fff;padding:8px;color:#7c899f;font-size:10px;max-width:145px}.toolbar .right{margin-left:auto;font-size:10px;color:#919bad}.group{padding:7px 22px 22px}.group-title{display:flex;align-items:center;gap:8px;margin:4px 0 12px;font-weight:650;font-size:13px}.group-title .group-count{font-size:9px;font-weight:400;color:#9aa4b5;margin-left:5px}.group-title svg{width:13px}.group-title .line{height:1px;background:var(--line);flex:1;margin-left:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-left:3px solid var(--group-color);border-radius:5px}table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:790px;text-align:left}th{font-size:9px;color:#919caf;font-weight:500;background:#fbfcfe;height:34px}td{height:49px;font-size:11px;border-top:1px solid var(--line)}th,td{padding:0 12px;border-right:1px solid var(--line)}th:last-child,td:last-child{border-right:0}th:nth-child(1){width:35px;padding:0 10px}th:nth-child(2){width:31%}th:nth-child(3){width:75px;text-align:center}th:nth-child(4){width:125px}th:nth-child(5){width:100px}th:nth-child(6){width:100px}th:nth-child(7){width:105px}th:nth-child(8){width:37px}td:nth-child(3){text-align:center}input[type=checkbox]{accent-color:var(--primary);width:12px;height:12px;margin:0}.task-name{display:flex;align-items:center;gap:10px;color:#526078;font-weight:500;line-height:1.4;text-align:left;padding:0}.task-name:hover{color:var(--primary)}.task-name svg{width:13px;color:#bac3d0;flex-shrink:0}.status-select{border:0;border-radius:4px;padding:7px 5px;width:100%;font-size:9px;font-weight:550;appearance:none;text-align:center}.status-working{background:#fff3d9;color:#c49321}.status-done{background:#dcf6ef;color:#159778}.status-stuck{background:#ffeaed;color:#d96279}.status-planned{background:#eff0f7;color:#8590a7}.priority{font-size:9px;display:inline-flex;gap:6px;align-items:center}.priority:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:currentColor}.priority.high{color:#dc7888}.priority.medium{color:#cda650}.priority.low{color:#67a6b2}.date{font-size:10px;color:#8c97a9}.progress{display:flex;align-items:center;gap:8px;font-size:8px;color:#9ba4b3}.progress-track{width:54px;height:4px;background:#edf1f7;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#818cf8}.add-row{height:36px;display:flex;align-items:center;gap:8px;color:#a0a9b7;font-size:10px;width:100%;border-top:1px solid var(--line);padding-left:46px}.add-row:hover{background:#f8f9ff;color:var(--primary)}.panel-bottom{padding:14px 24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#9aa4b4;font-size:9px}.bottom-cards{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-top:23px}.mini-card{background:white;border:1px solid var(--line);border-radius:9px;padding:20px}.mini-card h3{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:12px;margin:0 0 17px;display:flex;align-items:center;justify-content:space-between}.mini-card h3 span{font-family:'Figtree',system-ui,sans-serif;font-size:9px;color:#9aa4b5;font-weight:400}.activity{display:flex;align-items:center;gap:11px;margin-top:14px;font-size:10px;color:#758198}.activity strong{color:#536078;font-weight:550}.activity time{margin-left:auto;color:#a7afbd;font-size:9px}.activity-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f2f0ff;color:#8b80db;border-radius:7px}.activity-icon svg{width:13px}.campaign{display:flex;gap:12px;align-items:center}.campaign-art{width:62px;height:65px;background:#eae9ff;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#7367dc}.campaign-art svg{width:27px;height:27px}.campaign p{margin:5px 0;font-size:10px;color:#95a0b1}.campaign strong{font-size:11px}.tiny-badge{font-size:8px;background:#f1eeff;color:#8c7bce;padding:3px 6px;border-radius:3px}.text-link{color:var(--primary);font-size:10px;padding:0;margin-top:15px}footer{padding:17px 37px 21px;font-size:9px;color:#9aa5b5;display:flex;align-items:center}.footer-right{margin-left:auto;color:#b1b9c5}.kanban{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:15px;padding:0 22px 24px;overflow:auto}.kanban-column{background:#f8fafc;border-radius:7px;padding:12px;min-height:210px}.kanban-heading{font-size:11px;font-weight:600;margin-bottom:13px;display:flex;justify-content:space-between}.kanban-card{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:7px;padding:14px;margin:9px 0;box-shadow:0 2px 3px #1e293b03}.kanban-card:hover{border-color:#c7d2fe}.kanban-card h4{font-size:11px;font-weight:550;line-height:1.6;margin:9px 0 14px}.kanban-card p{font-size:10px;color:#929daf}.kanban-card-bottom{display:flex;align-items:center;justify-content:space-between}.calendar{padding:0 22px 24px}.calendar-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.calendar-header strong{font-size:13px;margin-right:auto}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line)}.calendar-scroll{overflow:auto}.weekday{padding:10px;color:#9ba4b3;font-size:9px;text-align:center;background:#fafbfd;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.calendar-day{min-height:104px;padding:9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.calendar-day>span{font-size:10px;color:#8e99aa}.calendar-day.today>span{background:var(--primary);color:white;border-radius:50%;padding:4px}.calendar-day.blank{background:#fbfcfe}.calendar-item{display:block;width:100%;text-align:left;font-size:9px;line-height:1.5;border-radius:4px;background:#f0edff;color:#7b68b4;border-left:2px solid #a18adb;padding:6px;margin-top:8px}.calendar-item.linkedin{background:#eaf3ff;color:#4a7eae;border-color:#74a9df}.notice{margin:0 22px 18px;background:#f7f8ff;border:1px solid #e7e9fb;border-radius:6px;color:#7a82a2;padding:12px;font-size:10px;line-height:1.7}.empty{text-align:center;padding:55px 20px;color:#8a96a9}.empty h3{font-size:15px;color:#4f5d74}.settings{padding:25px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.company-card{border:1px solid var(--line);border-radius:8px;padding:20px}.company-card h3{font-size:14px}.company-card p{font-size:11px;color:#8a96a9;line-height:1.8}dialog{border:1px solid #e3e7ef;border-radius:14px;padding:28px;width:470px;max-width:92vw;color:var(--ink);box-shadow:0 24px 90px #0f172a30}dialog::backdrop{background:#0f172a60;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-heading h2{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:21px;margin:7px 0}.field{display:block;margin:14px 0;font-size:11px;color:#738199}.field input,.field select,.field textarea{display:block;width:100%;margin-top:7px;border:1px solid #dfe5ee;border-radius:6px;padding:10px;color:#3f4e65;background:#fff}.field textarea{min-height:85px;resize:vertical}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}#toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%) translateY(80px);background:#1e293b;color:white;padding:13px 22px;border-radius:8px;z-index:50;opacity:0;transition:.2s;font-size:12px;box-shadow:0 5px 25px #0f172a20}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.overview-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.overview-list{padding:20px}.overview-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.overview-row:last-child{border:0}.overview-row .date{margin-left:auto}.welcome-card{background:linear-gradient(120deg,#4338ca,#7467e9);border-radius:10px;padding:30px;color:white;margin-bottom:25px;position:relative;overflow:hidden}.welcome-card:after{content:'';position:absolute;width:230px;height:230px;border:35px solid #ffffff0c;border-radius:50%;right:40px;top:-70px}.welcome-card h2{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:23px;margin:0 0 10px}.welcome-card p{color:#ddd9ff;font-size:12px}.overview-grid .mini-card{margin:0}.summary-bars{display:flex;height:12px;overflow:hidden;border-radius:4px;margin:20px 0}.summary-bars div{height:100%}.legend-row{display:flex;align-items:center;gap:9px;margin:18px 0;color:#7f8b9d;font-size:11px}.legend-row strong{margin-left:auto;color:#526079}.mobile-company{display:none}
@media(min-width:1600px){main{max-width:1600px;width:100%;margin:auto}}@media(max-width:1150px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.app-shell{margin-left:210px}.company-wrap select{width:135px;font-size:10px}.brand{font-size:24px}main{padding:26px 24px}.topbar{padding:0 24px}.stats-grid{gap:10px}.stat-card{padding:15px}.heading-actions .avatar-stack{display:none}.page-heading h1{font-size:25px}.board-meta{display:none}.bottom-cards{grid-template-columns:1fr 1fr}}@media(max-width:800px){.sidebar{width:70px;padding:25px 8px}.brand{font-size:0;padding:0 9px;margin-bottom:25px}.brand-mark{margin:0}.brand-dot,.workspace-label,.company-wrap,.sidebar-separator,#board-nav,.prototype-note,.profile,.nav-label,.nav-button .count{display:none}.nav-button{justify-content:center;padding:13px}.nav-button svg{width:20px;height:20px}.app-shell{margin-left:70px}.topbar{padding:0 18px;height:60px}.breadcrumb{font-size:10px;gap:7px}.demo-pill{display:none}.top-actions{gap:6px}main{padding:23px 18px}.page-heading{align-items:flex-start}.page-heading h1{font-size:22px}.page-heading p{font-size:11px}.heading-actions .secondary{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.bottom-cards,.overview-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap;padding:14px}.toolbar .right{display:none}.search-box{width:100%}.group{padding:7px 13px 20px}.view-tabs{padding:0 14px;gap:18px}.view-tab{font-size:10px}.footer-right{display:none}footer{padding:16px 18px}.settings-grid{grid-template-columns:1fr}.mobile-company{display:block;background:#fff;border:1px solid var(--line);border-radius:5px;padding:8px;margin-bottom:20px;color:#617087;max-width:100%}#toast{left:55%;width:75%;text-align:center}.heading-actions{gap:0}.button{padding:9px 10px;font-size:10px}.stat-label{font-size:10px}.calendar{padding:0 13px 18px}}
/* Editable workspace features */
.muted{font-size:11px;color:#7b889d;line-height:1.7}.wide-dialog{width:690px;max-height:90vh}.editor-section{border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.editor-section h3{font-size:14px}.checklist-row{display:flex;align-items:center;gap:10px;margin:10px 0}.checklist-row input[type=text]{flex:1;min-width:0;padding:10px;border:1px solid #e0e5ed;border-radius:5px}.checklist-row input[type=checkbox]{width:17px;height:17px}.checklist-row:has(input:checked) input[type=text]{text-decoration:line-through;color:#8c97a8}.checklist-count{white-space:nowrap;font-size:9px;background:#eff0ff;color:#7768dc;border-radius:4px;padding:3px 5px}.upload-zone{display:flex;gap:8px;align-items:center;justify-content:center;padding:22px;border:1px dashed #b8b2f0;border-radius:8px;background:#f8f7ff;color:#7165c4;flex-wrap:wrap}.upload-zone input{max-width:100%;font-size:11px}.media-row{display:flex;align-items:center;gap:12px;margin:12px 0;border:1px solid var(--line);padding:10px;border-radius:8px}.media-thumb{width:90px;flex-shrink:0}.media-thumb img,.media-thumb video{width:90px;height:75px;object-fit:cover;border-radius:5px}.media-details{flex:1;min-width:0}.media-details strong{display:block;overflow-wrap:anywhere;font-size:11px}.media-details small{display:block;color:#8d98a9;margin-top:5px}.media-details .field{margin:8px 0 0}.post-preview{border:1px solid var(--line);border-radius:9px;padding:18px;margin-top:20px}.preview-identity{display:flex;align-items:center;gap:10px}.preview-identity small{display:block;font-size:10px;color:#8d98a9;margin-top:5px}.post-preview p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.preview-visuals{display:flex;gap:8px;overflow:auto;scroll-snap-type:x mandatory}.preview-visuals img,.preview-visuals video{width:100%;max-height:340px;object-fit:contain;background:#f1f3f7;border-radius:7px;flex-shrink:0;scroll-snap-align:start}.post-thumbnail{position:relative;margin-bottom:8px}.post-thumbnail img,.post-thumbnail video{width:100%;height:100px;object-fit:cover;border-radius:5px}.post-thumbnail span{position:absolute;right:4px;bottom:5px;background:#0f172abf;color:white;font-size:8px;border-radius:3px;padding:3px}.calendar-item .post-thumbnail img,.calendar-item .post-thumbnail video{height:48px}.settings-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.toggle-row{display:flex;gap:12px;align-items:center;margin:17px 0;font-size:12px}.toggle-row input{width:16px;height:16px}.profile-button{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:0}.profile-button>svg{margin-left:auto;width:14px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-widget{min-width:0}.progress-dashboard{display:flex;align-items:center;gap:30px;padding:12px}.progress-ring{width:145px;height:145px;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--primary) var(--value),#eef0f6 0);display:grid;place-items:center}.progress-ring>span{background:white;border-radius:50%;width:119px;height:119px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:28px;font-weight:700}.progress-ring small{font-size:8px;font-weight:400;color:#8592a7;margin-top:6px}.compact td{height:35px}button:disabled{opacity:.3;cursor:default}#media-errors{font-size:11px;color:#b74e59;line-height:1.7}.field input[type=color]{height:42px;padding:4px}.dashboard-widget .overview-row{flex-wrap:wrap}.dashboard-widget .date{font-size:9px}.settings-layout .text-link{margin:0 0 0 auto}.field input:disabled{background:#f5f7fb;color:#78859b}@media(max-width:800px){.settings-layout,.dashboard-grid{grid-template-columns:1fr}.progress-dashboard{gap:15px;padding:0}.progress-ring{width:115px;height:115px}.progress-ring>span{width:95px;height:95px}.media-thumb,.media-thumb img,.media-thumb video{width:55px}.media-row{gap:6px}.page-heading:has([data-feature=dashboard]){flex-wrap:wrap}.page-heading .heading-actions{flex-shrink:0}}
/* Lead-to-delivery sales workspace */
.sales-note{margin:16px 22px}.sales-pipeline{grid-template-columns:repeat(6,minmax(190px,1fr))}.sales-table-wrap{overflow:auto;padding:0 22px 25px}.sales-table{table-layout:auto;min-width:700px}.sales-table th,.sales-table td{width:auto!important;text-align:left!important;padding:14px 12px;border-right:0}.sales-table th{font-size:10px}.sales-table td{font-size:11px}.sales-table small{display:block;margin-top:5px;color:#919bad}.sales-badge{display:inline-block;background:#eeedfc;color:#7767c0;font-size:9px;padding:5px 8px;border-radius:5px;white-space:nowrap}.sales-badge.positive{background:#e1f6ee;color:#258e72}.sales-badge.negative{background:#ffebed;color:#be6070}.deal-summary{display:flex;align-items:center;justify-content:space-between}.deal-summary>strong{font-size:24px}.sales-flow{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.sales-flow span{border:1px solid var(--line);border-radius:5px;font-size:11px;padding:10px}.record-link{display:flex;align-items:center;gap:12px;justify-content:space-between;border:1px solid var(--line);border-radius:6px;padding:13px;margin:9px 0;width:100%;text-align:left;font-size:11px}.record-link:hover{background:#f7f7ff}.sales-line,.sales-line-head{display:grid;grid-template-columns:minmax(120px,1fr) 80px 110px 25px;gap:8px;margin:10px 0}.sales-line-head{font-size:10px;color:#8491a5}.sales-line input{width:100%;min-width:0;border:1px solid #dfe5ee;border-radius:5px;padding:9px;font-size:11px}.document-totals{margin:20px 0 20px auto;max-width:300px}.document-totals>div{display:flex;justify-content:space-between;padding:8px;font-size:12px}.document-totals .grand-total{border-top:1px solid var(--line);font-size:16px;margin-top:5px;color:var(--primary)}#sales-actions{flex-wrap:wrap}#sales-dialog{width:790px}.document-sheet{padding:20px;border:1px solid var(--line);border-radius:7px;background:white}.document-brand{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid var(--primary);padding-bottom:18px}.document-brand h2{font-size:16px}.document-brand p,.bill-to p{font-size:11px;line-height:1.7;color:#718096}.bill-to{margin:24px 0}.bill-to small{font-size:9px;letter-spacing:1.5px;color:#96a0ae}.bill-to h3{font-size:14px}.document-lines{min-width:0;table-layout:auto}.document-lines th,.document-lines td{width:auto!important;text-align:right!important;border-right:0;padding:10px 5px;font-size:11px}.document-lines th:first-child,.document-lines td:first-child{text-align:left!important;width:48%!important;overflow-wrap:anywhere}.document-notes{white-space:pre-wrap;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.balance-line{text-align:right;font-size:14px}.document-sheet h4{font-size:11px}.overview-row strong{margin-left:auto}#sales-print{display:none}@media(max-width:600px){.sales-line,.sales-line-head{grid-template-columns:minmax(80px,1fr) 50px 75px 22px;gap:4px}.document-sheet{padding:10px}.document-brand{flex-direction:column}.page-heading:has([data-sales]){flex-wrap:wrap}.sales-table-wrap{padding:0 12px 18px}}@media print{body>*{display:none!important}#sales-print{display:block!important;color:#111;background:white;font-size:12px}#sales-print .document-sheet{border:0;padding:0}#sales-print .document-brand{flex-direction:row}#sales-print .document-lines{min-width:0}#sales-print tr{break-inside:avoid}#sales-print .document-notes{white-space:pre-wrap}@page{size:A4;margin:18mm}}
/* Configurable analytics */
.chart-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}.chart-controls>label{font-size:9px;color:#8b96a8;display:flex;flex-direction:column;gap:5px}.chart-controls select,.client-selector select{border:1px solid #e1e6ef;background:#fafbfe;padding:8px;border-radius:6px;color:#52617a;font-size:11px;max-width:200px}.chart-controls .chart-check{flex-direction:row;align-items:center;padding-bottom:8px;gap:5px}.chart-subtitle{font-size:10px;font-weight:500;color:#7c8ba2;margin:16px 0 4px}.modern-chart svg{width:100%;height:auto;max-height:390px;overflow:visible}.chart-axis{fill:#8c98ac;font-family:'Figtree',system-ui,sans-serif;font-size:10px}.chart-total{font-size:23px;font-weight:700;fill:#334155}.chart-legend{display:flex;gap:10px 20px;flex-wrap:wrap;padding:0 10px 15px}.chart-legend span{display:flex;align-items:center;gap:6px;font-size:10px;color:#8190a6}.chart-legend strong{font-weight:550;color:#536179}.chart-legend i{width:7px;height:7px;border-radius:3px}.animated svg{animation:chartReveal .55s ease-out both}.animated .chart-bar{transform-box:fill-box;transform-origin:bottom;animation:barGrow .65s cubic-bezier(.2,.7,.3,1) both}.animated .chart-line{stroke-dasharray:1200;stroke-dashoffset:1200;animation:lineDraw 1.2s ease forwards}.animated .chart-area{animation:chartReveal .9s ease both}.chart-slice:hover,.chart-bar:hover{filter:brightness(1.12);stroke:white;stroke-width:2}.chart-empty{text-align:center;padding:65px 10px;color:#7c8ba2;font-size:13px}.chart-empty small{display:block;margin-top:8px;font-size:10px}.chart-data{min-width:0;table-layout:auto;width:100%}.chart-data th,.chart-data td{width:auto!important;text-align:left!important;border-right:0;padding:10px;font-size:11px;height:auto}.chart-data th:last-child,.chart-data td:last-child{text-align:right!important}.chart-table-scroll{max-height:340px;overflow:auto}.data-disclosure{font-size:10px;color:#929eb0;border-top:1px solid var(--line);padding-top:10px}.data-disclosure summary{cursor:pointer}.widget-wide{grid-column:1/-1}.client-header{min-height:0;margin-bottom:20px}.client-header .view-tabs{overflow:auto}.client-selector{padding:20px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.client-selector label{font-size:10px;color:#8390a4;display:flex;gap:10px;align-items:center}.client-selector select{max-width:320px}.client-stats .stat-value{font-size:23px}.client-finance-strip{display:flex;gap:28px;flex-wrap:wrap;margin:0 0 22px;background:#eef0ff;border-radius:8px;padding:18px;color:#7c83a2;font-size:11px}.client-finance-strip b{color:#535a8c;margin-left:9px}.client-finance-strip>span:last-child{margin-left:auto}.client-projects{margin-top:22px}.client-project-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:15px 0;border-top:1px solid var(--line);font-size:11px}.client-project-row>span{color:#8b96a7}.client-project-row>strong{margin-left:auto}.client-project-row label{font-size:10px;color:#8491a6;display:flex;gap:6px;align-items:center}.client-project-row small{display:block;margin-top:6px;color:#9aa5b4}.client-project-row .text-link{margin-top:0}.client-project-row .task-name{max-width:45%}@keyframes chartReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes barGrow{from{transform:scaleY(.03)}to{transform:scaleY(1)}}@keyframes lineDraw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.animated svg,.animated .chart-bar,.animated .chart-line,.animated .chart-area{animation:none;stroke-dashoffset:0}}@media(max-width:800px){.chart-controls select{max-width:160px}.client-finance-strip{gap:15px}.client-stats .stat-value{font-size:19px}.client-project-row .task-name{max-width:100%}.client-selector select{max-width:215px}.widget-wide{grid-column:auto}}
.chart-controls input[type=text],.chart-controls input:not([type]){border:1px solid #e1e6ef;background:#fafbfe;padding:8px;border-radius:6px;color:#52617a;font-size:11px;width:150px}.heading-actions [data-client-action=edit]{display:inline-flex}.chart-controls select{max-width:185px}
.client-header .view-tabs{overflow-x:auto;overflow-y:hidden}.client-header .view-tab{flex-shrink:0;white-space:nowrap}.client-header .board-meta{display:none}
/* Company stationery */
#brand-dialog{width:1120px;max-height:92vh}.brand-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:28px}.brand-preview-column{background:#f5f7fb;padding:18px;border-radius:10px;align-self:start;position:sticky;top:0}.brand-preview-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}.brand-preview-toolbar select{border:1px solid var(--line);padding:7px;border-radius:5px;background:white}.brand-preview-column .document-sheet{padding:22px}.brand-preview-column .document-brand h2{font-size:13px}.brand-preview-column .document-brand{gap:10px}.brand-logo-summary{display:flex;align-items:center;gap:10px;font-size:10px;flex-wrap:wrap}.brand-logo-summary img{max-width:90px;max-height:65px;object-fit:contain}.brand-logo-summary .text-link{margin:0}.stationery-identity{display:flex;align-items:center;gap:18px;margin-bottom:24px}.stationery-logo{max-width:200px;max-height:85px;object-fit:contain;object-position:left}.stationery-monogram{display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;font-size:20px;font-weight:700;border-radius:10px;background:var(--document-colour);color:white}.stationery-tagline{font-size:11px;color:#8a95a5}.stationery-footer{border-top:1px solid var(--document-colour);margin-top:30px;padding-top:12px;text-align:center;font-size:10px;color:#7a8798}.stationery-footer p{white-space:normal;overflow-wrap:anywhere;line-height:1.6}.accent-document{border-top:6px solid var(--document-colour)!important}.branded-document .document-brand{border-bottom-color:var(--document-colour)}.branded-document .grand-total{color:var(--document-colour)}.branded-document .document-lines th{color:var(--document-colour);background:#f7f8fb}.brand-settings-banner{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:24px;background:#eeedff;border:1px solid #e2def9;border-radius:10px;margin-bottom:28px}.brand-settings-banner h2{font-size:20px;margin:8px 0}.brand-settings-banner p{font-size:11px;color:#7b82a2}.brand-settings-banner button{flex-shrink:0}#brand-message{font-size:11px;color:#777f9b;margin-right:auto;line-height:1.5}.brand-preview-column .document-lines{min-width:0}@media(max-width:900px){.brand-layout{grid-template-columns:1fr}.brand-preview-column{position:static}.brand-settings-banner{flex-wrap:wrap}}@media print{.stationery-logo{max-width:180px;max-height:80px}.branded-document{print-color-adjust:exact;-webkit-print-color-adjust:exact}.stationery-identity,.stationery-footer{break-inside:avoid}.stationery-footer{color:#555}}
@media(max-width:800px){.heading-actions .secondary{display:inline-flex}.heading-actions{flex-wrap:wrap;gap:8px}.page-heading{flex-wrap:wrap}}

.catalogue-picker{display:flex;align-items:end;gap:12px;padding:16px;background:#f4f5ff;border-radius:12px;margin-bottom:16px}.catalogue-picker label{flex:1;display:grid;gap:6px}.catalogue-picker select{width:100%;padding:10px;border:1px solid #dce0ea;border-radius:8px}.line-code-note{grid-column:1/-1;color:#64748b;margin:0 0 8px}.document-item-code{display:block;color:#64748b;margin-top:5px;font-size:11px}@media(max-width:650px){.catalogue-picker{align-items:stretch;flex-direction:column}}

.team-settings{margin-top:24px}.team-settings .field{max-width:360px}.team-settings table{margin-top:20px}

.workflow-view{padding:24px}.project-scope{display:flex;gap:12px;align-items:center;padding:16px 24px}.project-scope select{padding:8px;border:1px solid #dce0ea;border-radius:8px}.workload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.workload-grid input{width:100%;padding:8px;margin-top:8px}.timeline-task{display:grid;grid-template-columns:2fr 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #edf0f5}.view-tabs{overflow-x:auto}.view-tab{white-space:nowrap}.workflow-view .muted{margin-bottom:20px}

.timeline-track{height:18px;background:#f1f3f9;position:relative;border-radius:5px;overflow:hidden}.timeline-range{position:absolute;height:100%;background:#c7d2fe;border-radius:5px;min-width:4px}.timeline-range span{display:block;height:100%;background:#6366f1;border-radius:5px}

.navigation-toggle{flex-shrink:0;margin-right:14px}.topbar .breadcrumb{margin-right:auto}.sidebar{transition:transform .2s ease,visibility .2s}.app-shell{transition:margin-left .2s ease}body.navigation-collapsed .sidebar{width:70px;padding:25px 8px;transform:none;visibility:visible;pointer-events:auto}body.navigation-collapsed .app-shell{margin-left:70px}body.navigation-collapsed .sidebar .brand{font-size:0;padding:0;justify-content:center;margin-bottom:30px}body.navigation-collapsed .sidebar .brand-mark{margin-right:0}body.navigation-collapsed .sidebar :is(.brand-dot,.workspace-label,.company-wrap,.sidebar-separator,#board-nav,.prototype-note,.profile,.nav-label,.nav-button .count){display:none}body.navigation-collapsed .sidebar .nav-button{justify-content:center;padding:12px 0}body.navigation-collapsed .sidebar .nav-button svg{width:20px;height:20px}.navigation-collapsed .navigation-toggle svg{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.sidebar,.app-shell{transition:none}}@media print{.navigation-toggle{display:none}}

.priority-select{border:1px solid transparent;cursor:pointer;padding:6px 8px;min-width:85px}.priority-select:hover{border-color:currentColor}.priority-select:disabled{cursor:default;opacity:.7}.priority-select option{background:white;color:#1e293b}

.profile-section{padding:0 0 18px;margin-bottom:20px;border-bottom:1px solid var(--line)}.profile-section h3{font-size:14px;margin:0 0 16px}.profile-section .muted{font-size:12px;line-height:1.5}.profile-section textarea{width:100%;resize:vertical;min-height:95px}

.rating-stars{color:#b77900;font-size:26px;letter-spacing:3px}.star-picker{border:0;padding:12px 0;display:flex;gap:8px}.star-picker label{cursor:pointer}.star-picker span{display:inline-block;padding:10px;border:1px solid #dce0ea;border-radius:8px;color:#946000}.star-picker input:checked+span{background:#fff0b8;border-color:#b77900}.review-entry{padding:16px 0;border-bottom:1px solid var(--line)}.review-entry small{color:#64748b}#ratings-dialog{width:min(650px,94vw)}#rating-form textarea{width:100%;min-height:80px}

.email-workspace{margin-top:20px}.email-workspace textarea{width:100%}#email-builder{width:min(1300px,96vw);max-width:1300px}.email-builder-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);gap:28px}.email-palette{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.email-block{padding:16px;border:1px solid #dce0ea;border-radius:10px;margin:12px 0;background:#fff}.email-block-heading{display:flex;justify-content:space-between;cursor:grab}.email-block-heading button{padding:8px}.email-block textarea{width:100%;min-height:70px}.email-drop-end{padding:24px;text-align:center;border:2px dashed #c7d2fe;color:#64748b;border-radius:10px}#email-preview{overflow:auto;border:1px solid #e2e8f0;border-radius:12px}#email-preview table{min-width:0}#email-preview img{max-width:100%}#email-save-state{color:#64748b;margin-right:auto}@media(max-width:950px){.email-builder-layout{grid-template-columns:1fr}}

.email-palette button,.email-block-heading{touch-action:none;user-select:none}

.member-avatar{cursor:pointer}.member-avatar:hover{box-shadow:0 0 0 3px #c7d2fe;position:relative;z-index:1}.member-profile-identity{display:flex;align-items:center;gap:16px;margin-bottom:24px}.member-profile-identity>.avatar{width:56px;height:56px;font-size:18px}.member-profile-details{display:grid;gap:16px}.member-profile-details dt{font-size:11px;color:#64748b}.member-profile-details dd{margin:5px 0;overflow-wrap:anywhere}.member-profile-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}#team-fields textarea{width:100%;min-height:90px}

.heading-actions .avatar-stack{display:flex}


dialog .dialog-heading .icon-button{font-size:28px;line-height:1;width:44px;height:44px;min-width:44px;color:#334155;background:#eef2f7;border:1px solid #dce0ea;border-radius:10px}dialog .dialog-heading .icon-button:hover{background:#e0e7ff;color:#3730a3}.dialog-dismiss-footer{display:flex;justify-content:flex-end;padding-top:16px;margin-top:16px;border-top:1px solid var(--line)}


.board-switcher{display:flex;gap:16px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.board-switcher label{display:flex;gap:12px;align-items:center}.board-switcher select{padding:10px;border:1px solid #dce0ea;border-radius:8px}.dependency-picker{max-height:180px;overflow:auto;border:1px solid var(--line);padding:12px;border-radius:8px}.dependency-picker label{display:flex;gap:8px;padding:6px}.board-edit-form{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.assistant-answer{white-space:pre-wrap;line-height:1.7;margin-top:24px}#assistant-form textarea{width:100%;min-height:110px}

body:not(.signed-in)>.sidebar,body:not(.signed-in)>.app-shell{display:none}#auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(460px,100%);padding:32px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px #0f172a12}.auth-card h1{font-size:26px}.auth-card p{line-height:1.6}.auth-card label{display:grid;gap:8px;margin:18px 0}.auth-card input{padding:12px;border:1px solid #cbd5e1;border-radius:8px}#auth-error{color:#b91c1c}.sync-failure{position:fixed;bottom:16px;left:90px;right:16px;padding:20px;background:#fff1f2;border:2px solid #be123c;border-radius:12px;z-index:1000}.account-panel{margin-bottom:24px}#account-message{overflow-wrap:anywhere;padding:12px;background:#eef2ff}#account-signout{white-space:nowrap}

.top-actions #account-signout{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin:0;padding:0 12px;min-height:34px;line-height:1;font-size:12px;border:1px solid var(--line);border-radius:8px;background:#fff;flex-shrink:0}.top-actions #account-signout:hover{background:#eef2ff;border-color:#c7d2fe}.top-actions{flex-shrink:0}.topbar .breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.top-actions #account-signout{padding:0 8px;font-size:11px}.topbar{gap:6px}.topbar .breadcrumb{font-size:10px}}


#project-create-dialog{width:min(660px,94vw)}#project-create-dialog .dialog-heading p{color:#64748b;font-size:13px}#project-create-form textarea{width:100%;resize:vertical}#project-create-form input[type=file]{padding:10px}.project-dropzone{border:2px dashed #d6dae3;border-radius:12px;padding:28px;text-align:center;color:#475569;background:#fafbfc}.project-dropzone small{display:block;margin-top:10px;color:#64748b}.project-description{white-space:pre-wrap}#project-create-message{color:#9f1239;line-height:1.5}#project-document-list .text-link{margin:0}

/* Calm, spacious dashboard direction */
body{background:#fafbfc;color:#222b38}.page-heading h1{letter-spacing:-.8px}.mini-card,.stat-card,.board-panel{box-shadow:none;border-color:#eceef2;border-radius:16px}.executive-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:26px}.executive-main{min-width:0}.executive-layout .stats-grid{gap:14px}.executive-layout .stat-card{background:#eaf2ff;border:0;padding:20px}.executive-layout .stat-card:nth-child(even){background:#f0edfc}.executive-layout .stat-icon{background:transparent}.executive-layout .dashboard-grid{gap:20px}.executive-layout .dashboard-widget{background:#f7f8fa;padding:22px}.executive-layout .dashboard-widget h3{color:#252d3a}.chart-options summary{cursor:pointer;font-size:11px;color:#626d80;padding:6px 0}.chart-options{margin:8px 0}.insight-rail{border-left:1px solid #eceef2;padding:18px 0 0 22px;font-size:12px}.insight-rail h3{font-size:13px;margin:0 0 22px}.insight-rail h3:not(:first-child){margin-top:32px}.rail-item{display:flex;gap:10px;line-height:1.6;margin-bottom:18px}.rail-item small,.rail-task small{display:block;color:#84909f;font-size:11px;margin-top:5px}.rail-dot{background:#eeedfa;border-radius:8px;padding:7px;height:30px}.rail-dot svg{width:14px;height:14px}.rail-task{display:block;width:100%;background:none;border:0;border-bottom:1px solid #eceef2;padding:14px 0;text-align:left;cursor:pointer;color:inherit;font:inherit;line-height:1.5}.rail-task:hover{color:#6554c0}.insight-rail>.button{margin-top:20px}.social-nav .board-meta{display:none}.social-filters{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0}.segment{display:inline-flex;padding:5px;border:1px solid #e9ebef;background:white;border-radius:12px;gap:4px}.segment button{background:none;border:0;border-radius:8px;padding:10px 18px;color:#586174;cursor:pointer}.segment .selected{background:#232b36;color:white}.social-filters label{font-size:12px;color:#687487}.social-filters select{padding:10px;border:1px solid #e8eaf0;border-radius:8px;background:white;margin-left:8px}.social-dashboard .stat-card:nth-child(odd){background:#f0f5ee}.social-dashboard .stat-card small{color:#738174;font-size:11px}.social-insights{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(200px,.8fr);gap:20px}.social-insights .mini-card{min-width:0;padding:24px}.social-trend{grid-column:auto}.social-insights .chart-empty{padding:40px 8px;line-height:1.8}.connection-card p{font-size:12px;line-height:1.6}.connection-card h3{margin-top:16px}.connection-tag{font-size:10px;background:#eff1f4;padding:5px 9px;border-radius:20px;color:#667080}.plans-page{text-align:center;background:white;border:1px solid #edf0f3;border-radius:26px;padding:48px 28px}.plans-page h1{font-size:32px;letter-spacing:-1px;margin:18px 0}.plans-page>p{color:#798292;font-size:13px;line-height:1.7}.billing-toggle{margin:24px 0 38px;border-radius:40px}.billing-toggle button{border-radius:30px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;text-align:left}.plan-card{border:1px solid #e9ebef;border-radius:20px;padding:28px 24px;display:flex;flex-direction:column}.plan-card.featured{border-color:#b9aced;background:#fbfaff;box-shadow:0 12px 32px #7161a40a}.plan-tag{align-self:flex-start;background:#e6f2da;padding:8px 18px;border-radius:30px;font-size:12px}.featured .plan-tag{background:#7851da;color:white}.plan-card:last-child .plan-tag{background:#ffeadc}.plan-card h2{font-size:27px;margin:24px 0 10px}.plan-card p,.plan-card small{font-size:12px;color:#7a8494;line-height:1.6}.plan-card ul{list-style:none;border-top:1px solid #edf0f3;margin:24px 0;padding:20px 0;flex:1}.plan-card li{display:flex;gap:10px;font-size:12px;line-height:1.6;margin:15px 0}.plan-card .button{width:100%;justify-content:center}.plans-note{margin-top:30px}@media(min-width:1500px){.executive-layout .dashboard-widget:first-child{grid-column:1/-1}}@media(max-width:1250px){.executive-layout{grid-template-columns:1fr}.insight-rail{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-left:0;border-top:1px solid #eceef2;padding:24px 0}.social-insights{grid-template-columns:1fr 1fr}.connection-card{grid-column:auto}.plan-grid{gap:14px}.plan-card{padding:22px 16px}}@media(max-width:800px){.social-insights,.plan-grid{grid-template-columns:1fr}.social-filters{align-items:flex-start;flex-direction:column}.plans-page{padding:28px 18px}.plans-page h1{font-size:26px}.insight-rail{display:block}.segment button{padding:10px 14px}.executive-layout .stat-card{padding:16px}.social-nav .view-tabs{overflow:auto}.social-nav .view-tab{flex-shrink:0;white-space:nowrap}}
.social-nav{min-height:0!important}.sidebar{background:#fff;color:#687487;border-right:1px solid #eceef2}.sidebar .brand{color:#202936}.sidebar .nav-button,.sidebar .board-link{color:#737d8c}.sidebar .nav-button.active{background:#eeebf8;color:#6552a4;box-shadow:none}.sidebar .nav-button:hover,.sidebar .board-link:hover{background:#f5f4f8;color:#4b3c7c}.sidebar .nav-button .count{background:#ece9f5}.sidebar .prototype-note{color:#788293}.sidebar .brand-dot{color:#6e59b4}
.social-nav .view-tabs{overflow-y:hidden}.social-nav{overflow:hidden}
.reference-chart{padding:8px 0}.reference-chart svg{max-height:330px}.reference-bar{transition:fill .2s,filter .2s}.chart-tooltip,.focus-dot{opacity:0;transition:opacity .15s}.chart-point:hover .chart-tooltip,.chart-point:focus .chart-tooltip,.chart-point:hover .focus-dot,.chart-point:focus .focus-dot{opacity:1}.chart-point:hover .reference-bar,.chart-point:focus .reference-bar,.default-highlight .reference-bar{fill:#5634ec}.chart-point:focus{outline:none}.comparison-key{display:flex;justify-content:flex-end;gap:20px;font-size:11px;padding:4px 15px;color:#25a68a}.comparison-key span+span{color:#819e2b}.finance-gauge{padding:22px 14px}.finance-gauge>strong{display:block;font-size:38px;color:#20232e;letter-spacing:-1px;margin:18px 0}.finance-gauge svg{display:block;width:100%;max-height:300px}.gauge-value{font-size:38px;font-weight:700;fill:#20232e}.gauge-legend{display:flex;justify-content:space-around;background:#f4f5f7;border-radius:16px;padding:20px;color:#818895;font-size:12px}.gauge-legend b{display:block;color:#242832;font-size:18px;margin-top:8px}.chart-slice{stroke-linecap:butt}.reference-chart .chart-axis{fill:#969da7}.dashboard-widget .modern-chart{min-width:0}
/* Keep every navigation item reachable on short screens, including icon mode. */
.sidebar{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#c8c2d9 transparent;padding-bottom:18px}.sidebar>*{flex-shrink:0}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#c8c2d9;border-radius:6px}.sidebar-bottom{padding-top:20px}
.modern-chart svg,.finance-gauge svg{stroke:none}.reference-chart .chart-point>rect[fill="transparent"]{stroke:none}.reference-chart text,.finance-gauge text{stroke:none}
:root[data-theme=dark]{color-scheme:dark;--line:#354054;--navy:#161d29}html[data-theme=dark] body,html[data-theme=dark] .app-shell,html[data-theme=dark] #main{background:#141a24;color:#e2e7f0}html[data-theme=dark] .sidebar,html[data-theme=dark] .topbar,html[data-theme=dark] .mini-card,html[data-theme=dark] .board-panel,html[data-theme=dark] dialog,html[data-theme=dark] .stat-card,html[data-theme=dark] .kanban-card,html[data-theme=dark] .plans-page,html[data-theme=dark] .plan-card{background:#202938;color:#e2e7f0;border-color:#354054}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] .stat-value,html[data-theme=dark] .sidebar .brand,html[data-theme=dark] .task-name{color:#eef1f7}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select,html[data-theme=dark] .button.secondary,html[data-theme=dark] .segment,html[data-theme=dark] .kanban-column,html[data-theme=dark] .calendar-day{background:#182130;color:#dfe5f0;border-color:#3a4559}html[data-theme=dark] th,html[data-theme=dark] td,html[data-theme=dark] .overview-row{background:transparent;color:#d6deec;border-color:#354054}html[data-theme=dark] .executive-layout .stat-card{background:#29334d}html[data-theme=dark] .chart-axis{fill:#abb8cc}.connection-row{display:flex;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.connection-row span{margin-left:auto;color:#8b94a4;font-size:12px}.platform-choices{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0}.platform-choices label{font-size:12px}.pdf-attachment{display:block;background:#edeafa;color:#6552a4;border-radius:8px;padding:15px;font-size:12px}#workflow-panel{width:min(680px,92vw);max-height:85vh;overflow:auto;padding:26px}#workflow-panel textarea{min-height:100px}.notification-read{opacity:.55}.kanban-card[draggable=true],.calendar-item[draggable=true]{cursor:grab}#notification-bell{min-width:48px;font-size:14px}.modern-chart svg text,.finance-gauge svg text,.modern-chart svg rect{stroke:none!important}.modern-chart svg path[fill]:not([fill=none]){stroke:none}.chart-slice:hover,.chart-bar:hover{stroke:none;stroke-width:0}
[hidden]{display:none!important}html[data-theme=dark] .notice,html[data-theme=dark] .chart-controls select,html[data-theme=dark] .chart-controls input,html[data-theme=dark] .gauge-legend{background:#29344a;color:#d8e0ed}html[data-theme=dark] .finance-gauge>strong,html[data-theme=dark] .gauge-legend b{color:#edf1fa}html[data-theme=dark] .gauge-value{fill:#edf1fa}
/* Notification rail stays beside the workspace, without a modal backdrop. */
#workflow-panel.notification-sidebar{position:fixed;inset:60px 0 0 auto;margin:0;width:380px;max-width:100vw;height:calc(100dvh - 60px);max-height:none;border:0;border-left:1px solid var(--line);border-radius:0;padding:24px;box-sizing:border-box;box-shadow:-8px 0 28px #1820320c;z-index:40;background:#fff;overflow-y:auto}
#workflow-panel.notification-sidebar .dialog-heading{position:sticky;top:-24px;background:inherit;padding:16px 0;z-index:1}#workflow-panel.notification-sidebar .rail-task{white-space:normal;overflow-wrap:anywhere}
@media(min-width:1150px){body.notifications-open .app-shell{margin-right:380px}}
#preferences-dialog.profile-side-panel,#member-profile-dialog{position:fixed;inset:16px 16px 16px auto;margin:0;width:min(740px,calc(100vw - 32px));max-width:none;height:calc(100dvh - 32px);max-height:none;border-radius:20px;box-sizing:border-box;overflow-y:auto;padding:30px;box-shadow:0 20px 70px #10182826}
#preferences-dialog.profile-side-panel .dialog-heading,#member-profile-dialog .dialog-heading{position:sticky;top:-30px;background:inherit;z-index:2;padding:18px 0}#preferences-dialog.profile-side-panel .dialog-actions{position:sticky;bottom:-30px;background:inherit;padding:18px 0;z-index:2}
html[data-theme=dark] #workflow-panel.notification-sidebar{background:#202938}
@media(max-width:600px){#workflow-panel.notification-sidebar{width:min(380px,100vw)}#preferences-dialog.profile-side-panel,#member-profile-dialog{inset:8px;margin:0;width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:20px;border-radius:14px}}
/* Keep the workspace banner full width when the notification rail opens. */
.topbar{position:sticky;top:0;z-index:35;width:100%;box-sizing:border-box;flex-shrink:0;background:#fff}
body.notifications-open .app-shell{margin-right:0}
@media(min-width:1150px){body.notifications-open #main,body.notifications-open .app-shell>footer{margin-right:380px}}
/* Opaque profile bars prevent content showing through while scrolling. */
#preferences-dialog.profile-side-panel .dialog-heading,#member-profile-dialog .dialog-heading{background:#fff;border-bottom:1px solid var(--line);margin-left:-30px;margin-right:-30px;padding:20px 30px;box-shadow:0 4px 12px #18203206}
#preferences-dialog.profile-side-panel .dialog-actions{background:#fff;border-top:1px solid var(--line);margin-left:-30px;margin-right:-30px;padding:18px 30px}
html[data-theme=dark] .topbar,html[data-theme=dark] #preferences-dialog.profile-side-panel .dialog-heading,html[data-theme=dark] #member-profile-dialog .dialog-heading,html[data-theme=dark] #preferences-dialog.profile-side-panel .dialog-actions{background:#202938;border-color:#354054}
@media(max-width:600px){#preferences-dialog.profile-side-panel .dialog-heading,#member-profile-dialog .dialog-heading{top:-20px;margin-left:-20px;margin-right:-20px;padding:18px 20px}#preferences-dialog.profile-side-panel .dialog-actions{bottom:-20px;margin-left:-20px;margin-right:-20px;padding:18px 20px}}
.dashboard-selector-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 24px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:14px}.dashboard-selector-bar label{font-size:12px;color:#788295}.dashboard-selector-bar select{min-width:180px;max-width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#f7f8fb;color:#343d4d;font:inherit}.dashboard-selector-bar .button{white-space:nowrap}html[data-theme=dark] .dashboard-selector-bar{background:#202938;border-color:#354054}html[data-theme=dark] .dashboard-selector-bar select{background:#182130;color:#e2e7f0}@media(max-width:600px){.dashboard-selector-bar label{width:100%}.dashboard-selector-bar select{width:100%}}
/* A quiet unread indicator; the accessible bell label retains the count. */
#notification-bell{position:relative}
#notification-bell .notification-unread-dot{position:absolute;top:5px;right:8px;width:9px;height:9px;border-radius:50%;background:#e53935;border:2px solid #fff;box-sizing:content-box;pointer-events:none}
html[data-theme=dark] #notification-bell .notification-unread-dot{border-color:#202938}
.social-filters .segment{flex-wrap:wrap;max-width:100%}
#onboarding-dialog{width:min(1080px,96vw);max-width:1080px;padding:0;border:0;border-radius:26px;max-height:94dvh;overflow:auto;background:#fff}#onboarding-dialog[open]{display:grid;grid-template-columns:.85fr 1.15fr}#onboarding-dialog::backdrop{background:#18223880;backdrop-filter:blur(5px)}.onboarding-art{background:#eeeafd;padding:38px;display:flex;flex-direction:column;justify-content:center;color:#342856}.onboarding-art .brand{color:#47376d;margin:0 0 30px;padding:0}.onboarding-art img{width:100%;height:200px;object-fit:contain;margin:20px 0;stroke:none}.onboarding-art h2{font-size:30px;letter-spacing:-1px;line-height:1.25}.onboarding-art p{color:#7a6f94;line-height:1.8}.onboarding-dots{display:flex;gap:8px;margin-top:28px}.onboarding-dots i{height:7px;width:26px;background:#d7cfee;border-radius:9px}.onboarding-dots .done{background:#7b61bf}.onboarding-content{padding:32px 38px}.onboarding-content header{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#8a8398}.onboarding-content header .text-link{margin:0}.onboarding-content progress{width:100%;height:5px;accent-color:#7b61bf;margin:20px 0 35px}.onboarding-kicker{font-size:10px;letter-spacing:1.6px;color:#937cb9;font-weight:700}.onboarding-content h1{font-size:31px;line-height:1.2;letter-spacing:-1px;margin:14px 0}.onboarding-content p{font-size:13px;color:#83818f;line-height:1.7;margin-bottom:24px}.onboarding-content footer{padding:28px 0 0;margin-top:20px;border:0;display:flex;justify-content:space-between;gap:15px;background:none}.onboarding-brand-preview{display:flex;align-items:center;gap:16px;background:#f7f5fb;padding:22px;border-radius:16px;margin:20px 0}.onboarding-brand-preview>span{background:var(--onboarding-accent);color:#fff;border-radius:14px;padding:20px;font-size:22px}.onboarding-brand-preview p{margin:5px 0 0}.onboarding-focus{display:grid;grid-template-columns:1fr 1fr;gap:12px}.onboarding-focus label{border:1px solid #e4dfef;border-radius:14px;padding:18px;cursor:pointer;transition:background .2s,transform .2s}.onboarding-focus label:has(input:checked){background:#f0ebfc;border-color:#9982cc;transform:translateY(-2px)}.onboarding-focus strong{display:block;margin:10px 0}.onboarding-focus small{color:#8b8398;line-height:1.5}.onboarding-review{background:#f7f5fb;border-radius:16px;padding:10px 20px;margin:20px 0}.onboarding-review>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;font-size:12px}.onboarding-review span{color:#8b8398}.onboarding-entry{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.onboarding-celebrate{text-align:center;padding:30px}.onboarding-celebrate>span{display:inline-grid;place-items:center;background:#def5e8;color:#26875a;font-size:40px;width:90px;height:90px;border-radius:50%;animation:chartReveal .5s ease}.onboarding-celebrate p{color:#83818f}html[data-theme=dark] #onboarding-dialog{background:#202938;color:#edf0f6}html[data-theme=dark] .onboarding-art{background:#302b48}html[data-theme=dark] .onboarding-art .brand{color:#d5c7fb}html[data-theme=dark] .onboarding-brand-preview,html[data-theme=dark] .onboarding-review,html[data-theme=dark] .onboarding-focus label:has(input:checked){background:#302b48}@media(max-width:760px){#onboarding-dialog[open]{grid-template-columns:1fr}.onboarding-art{display:none}.onboarding-content{padding:26px}.onboarding-content h1{font-size:27px}.onboarding-entry{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.onboarding-focus label,.onboarding-celebrate>span{animation:none;transition:none;transform:none}}
/* Company-branded identity card: all labels share a contrast-tested foreground. */
.sidebar .profile{border:0;background:var(--profile-brand,#6554c0);color:var(--profile-ink,#fff);border-radius:14px;padding:14px 12px;margin:14px 0 4px;box-shadow:0 4px 14px #1820320d}
.sidebar .profile-button{color:var(--profile-ink,#fff);gap:10px;border-radius:8px;min-width:0}
.sidebar .profile-button>span:not(.avatar){min-width:0;flex:1}
.sidebar .profile strong{display:block;color:var(--profile-ink,#fff);font-size:12px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}
.sidebar .profile small{color:var(--profile-ink,#fff);font-size:10px;line-height:1.5;opacity:1}
.sidebar .profile .avatar{background:var(--profile-ink,#fff);color:var(--profile-brand,#6554c0);flex-shrink:0;border:0}
.sidebar .profile-button>svg{color:var(--profile-ink,#fff);width:17px;height:17px;flex-shrink:0}
.sidebar .profile-button:focus-visible{outline:2px solid var(--profile-ink,#fff);outline-offset:5px}
/* Match both sidebar footer cards, including when the profile name wraps. */
.sidebar-bottom{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:12px;padding-top:20px;padding-bottom:4px}
.sidebar .sidebar-bottom .prototype-note,.sidebar .sidebar-bottom .profile{box-sizing:border-box;width:100%;min-height:92px;height:100%;margin:0;padding:16px;border-radius:14px;border:0}
.sidebar .sidebar-bottom .prototype-note{align-content:center;line-height:1.5;color:#c7d1e2}
.sidebar .sidebar-bottom .prototype-note p{margin:6px 0 0;color:#b7c4d8;line-height:1.5}
.social-dashboard,.social-published-panel,.social-inbox-panel{--social-surface:#fff;--social-soft:#f5f7fb;--social-ink:#253047;--social-muted:#637087;--social-border:#e3e8f0;--social-link:#5745c4}
html[data-theme=dark] .social-dashboard,html[data-theme=dark] .social-published-panel,html[data-theme=dark] .social-inbox-panel{--social-surface:#202938;--social-soft:#273347;--social-ink:#edf2fa;--social-muted:#b2bfd2;--social-border:#3b485e;--social-link:#beb3ff}
#instagram-live-data{padding:26px;margin:22px 0;border-radius:18px;background:var(--social-surface);color:var(--social-ink);border:1px solid var(--social-border)}
.social-section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.social-section-heading h3{margin:6px 0 0;font-size:22px}.social-section-heading .button{flex-shrink:0}.social-section-heading .eyebrow{color:var(--social-muted);font-size:10px}
#instagram-snapshot>p{font-size:12px;color:var(--social-muted);line-height:1.7;margin:0 0 20px}.social-section-title{font-size:17px;margin:26px 0 10px}#instagram-sync-message:empty,#instagram-comments-message:empty{display:none}
.social-dashboard .instagram-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 28px}.social-dashboard .instagram-metrics .stat-card{background:var(--social-soft);color:var(--social-ink);border:1px solid var(--social-border);padding:22px;border-radius:14px;min-width:0}.social-dashboard .instagram-metrics .stat-label{color:var(--social-muted);line-height:1.5}.social-dashboard .instagram-metrics .stat-value{color:var(--social-ink);font-size:30px;margin-top:10px}
.instagram-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.instagram-post-grid .instagram-post-card{padding:22px;border-radius:14px;background:var(--social-surface);border:1px solid var(--social-border);display:flex;flex-direction:column;gap:12px;min-width:0}.instagram-post-card p{margin:0;line-height:1.65;font-size:13px}.instagram-post-card .instagram-caption{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:64px}.instagram-post-card small{color:var(--social-muted);font-size:11px}.instagram-post-card a{margin-top:auto;font-size:12px;font-weight:600;color:var(--social-link)}
.social-published-panel,.social-inbox-panel{min-height:0!important;overflow:hidden}.social-published-body{padding:24px;display:grid;gap:18px}.social-published-body .notice{margin:0;padding:14px 18px;border:0;border-radius:10px;line-height:1.6;background:var(--social-soft);color:var(--social-muted)}.social-published-card{padding:24px!important;border-radius:14px!important;max-width:100%;background:var(--social-surface)!important;border:1px solid var(--social-border)!important}.social-published-card .connection-tag{display:inline-flex;align-items:center;margin-bottom:14px;padding:6px 10px;line-height:1.4;background:#dff5e9;color:#176844}.social-published-card h3{margin:0 0 12px;line-height:1.5}.social-published-card p{font-size:13px;line-height:1.8;margin:8px 0;color:var(--social-muted);overflow-wrap:anywhere}
.social-inbox-panel>h3,.social-inbox-panel>p,.social-inbox-panel>button{margin-left:24px;margin-right:24px}.social-inbox-panel>p{color:var(--social-muted);font-size:12px;line-height:1.7;max-width:850px}.social-inbox-panel>button{margin-bottom:8px}#instagram-comments-content{padding:16px 24px 24px;display:grid;gap:16px}#instagram-comments-content>p{margin:0;color:var(--social-muted);font-size:12px}#instagram-comments-content>.mini-card{padding:22px;border-radius:14px;border:1px solid var(--social-border);background:var(--social-surface);min-width:0}#instagram-comments-content h4{font-size:13px;line-height:1.65;margin:0 0 12px;max-width:850px}#instagram-comments-content a{color:var(--social-link);font-size:12px}#instagram-comments-content p{font-size:13px;line-height:1.7}#instagram-comments-content .editor-section{border-top:1px solid var(--social-border);margin-top:18px;padding-top:18px}#instagram-comments-content blockquote{margin:14px 0;padding:12px 16px;background:var(--social-soft);border-left:3px solid var(--social-link);border-radius:6px}#instagram-comments-content textarea{width:100%;box-sizing:border-box;min-height:80px}
.social-dashboard .view-tabs,.social-published-panel .view-tabs,.social-inbox-panel .view-tabs{overflow-x:auto;flex-wrap:nowrap}.social-dashboard .view-tab,.social-published-panel .view-tab,.social-inbox-panel .view-tab{flex-shrink:0;white-space:nowrap}
html[data-theme=dark] .social-dashboard .stat-card:nth-child(odd){background:#273347;color:#edf2fa}html[data-theme=dark] .social-dashboard .stat-label,html[data-theme=dark] .social-dashboard .stat-card small{color:#b2bfd2}
@media(max-width:760px){#instagram-live-data{padding:18px}.instagram-post-grid{grid-template-columns:1fr}.social-dashboard .instagram-metrics{grid-template-columns:1fr;gap:10px}.social-section-heading{align-items:flex-start;flex-direction:column}.social-published-body{padding:16px}#instagram-comments-content{padding:16px}.social-inbox-panel>h3,.social-inbox-panel>p,.social-inbox-panel>button{margin-left:16px;margin-right:16px}.social-published-panel .board-meta,.social-inbox-panel .board-meta{display:none}}
.instagram-post-grid .instagram-post-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:start;gap:18px}.instagram-thumbnail{width:112px;height:128px;border-radius:12px;overflow:hidden;background:var(--social-soft,#edf0f5);display:flex;align-items:center;justify-content:center;flex-shrink:0}.instagram-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.instagram-thumbnail span{font-size:11px;line-height:1.5;text-align:center;padding:10px;color:var(--social-muted,#637087)}.instagram-post-details{display:flex;flex-direction:column;gap:12px;min-width:0}.instagram-comment-post{display:flex;gap:18px;align-items:flex-start}.instagram-comment-post>div:last-child{min-width:0;flex:1}.social-published-card .published-local-thumbnail{float:left;width:112px;height:128px;margin:0 20px 12px 0;border-radius:12px;overflow:hidden}.published-local-thumbnail img,.published-local-thumbnail video{width:100%;height:100%;object-fit:cover}.social-published-card:after{content:'';display:block;clear:both}@media(max-width:520px){.instagram-post-grid .instagram-post-card{grid-template-columns:80px minmax(0,1fr);gap:12px}.instagram-thumbnail{width:80px;height:96px}}
.instagram-overview-preference{display:flex;align-items:center;gap:9px;margin:0 0 20px;color:var(--social-muted,#637087);font-size:12px;line-height:1.5}.instagram-overview-preference input{accent-color:var(--primary);width:16px;height:16px;margin:0}
.sales-board-toggle{margin:16px 24px}.sales-pipeline [draggable=true]{cursor:grab}.sales-pipeline [draggable=true]:active{cursor:grabbing}.sales-pipeline [data-sales-drop]{min-height:240px}.sales-pipeline [data-sales-drop]:hover{outline:1px dashed var(--primary);outline-offset:-2px}

@media print{#sales-print .document-stage{display:none!important}}

.sales-attention{border:1px solid var(--line);border-radius:12px;margin:0 0 24px;padding:22px;background:var(--panel,transparent)}.sales-attention h2{font-size:18px;margin:0}.sales-attention h2 span{font-size:13px;margin-left:8px;color:var(--primary)}.sales-attention-heading p{font-size:12px;line-height:1.6;opacity:.8}.sales-attention-list{max-height:340px;overflow:auto}.sales-attention-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.sales-attention-row p{font-size:12px;margin:7px 0}.sales-attention-row small{font-size:11px}.sales-attention-row .attention-urgent{font-weight:700}.sales-attention-row .button{flex-shrink:0}.sales-attention-empty{font-size:13px;padding:14px 0}@media(max-width:600px){.sales-attention-row{align-items:flex-start;flex-direction:column}.sales-attention{padding:16px}}

 details.sales-attention{padding:0;overflow:hidden}summary.sales-attention-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;list-style:none}summary.sales-attention-heading::-webkit-details-marker{display:none}summary.sales-attention-heading:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}.sales-attention-title{font-size:16px;font-weight:700}.sales-attention-count{display:inline-block;margin-left:8px;color:var(--primary);font-size:13px}.sales-attention-chevron{font-size:22px;transition:transform .15s}details[open]>.sales-attention-heading .sales-attention-chevron{transform:rotate(180deg)}details.sales-attention>.sales-attention-help{margin:0;padding:0 22px 14px;font-size:12px;line-height:1.6;opacity:.8}details.sales-attention>.sales-attention-list{padding:0 22px 8px}@media(prefers-reduced-motion:reduce){.sales-attention-chevron{transition:none}}

/* Sales notice board: priority is communicated with text as well as colour. */
details.sales-attention{--attention-bg:#fff8e9;--attention-edge:#eccd8a;--attention-accent:#8a4b00;--attention-ink:#492b0a;--attention-muted:#72522c;--attention-icon:#ffebbd;background:var(--attention-bg);border-color:var(--attention-edge);border-left:5px solid var(--attention-accent);color:var(--attention-ink);box-shadow:0 3px 12px #6b440009}
details.sales-attention.has-urgent{--attention-bg:#fff3f1;--attention-edge:#efb7b0;--attention-accent:#b42318;--attention-ink:#602019;--attention-muted:#80453e;--attention-icon:#ffddd7}
details.sales-attention.is-clear{--attention-bg:#f2f7f5;--attention-edge:#c9ddd4;--attention-accent:#35634c;--attention-ink:#294b3b;--attention-muted:#52665b;--attention-icon:#dfede5}
summary.sales-attention-heading{gap:14px;min-height:88px;padding:18px 22px}summary.sales-attention-heading:hover{box-shadow:inset 0 0 0 999px #7c480006}.sales-attention-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;background:var(--attention-icon);color:var(--attention-accent)}.is-clear .sales-attention-icon{display:none}.sales-attention-copy{display:grid;gap:6px;flex:1;min-width:0}.sales-attention-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--attention-ink);font-size:16px}.sales-attention-count{display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 7px;margin:0;border-radius:20px;background:var(--attention-accent);color:#fff;font-weight:700;font-size:12px}.sales-attention-subtitle{font-size:12px;line-height:1.5;color:var(--attention-muted)}.sales-attention-action{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;color:var(--attention-accent);flex-shrink:0}.attention-hide,details[open] .attention-show{display:none}details[open] .attention-hide{display:inline}.sales-attention-chevron{display:block}.sales-attention-row{border-color:var(--attention-edge)}.sales-attention-row .task-name{display:block;color:var(--attention-ink)!important}.sales-attention-row p,.sales-attention-row small{color:var(--attention-muted)}.sales-attention-row .attention-urgent{color:var(--attention-accent)}.attention-priority{display:inline-block;color:var(--attention-accent);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px}details.sales-attention>.sales-attention-help{color:var(--attention-muted);opacity:1}.sales-attention-row .button.secondary{color:var(--attention-ink);background:var(--attention-bg);border-color:var(--attention-edge)}
html[data-theme=dark] details.sales-attention{--attention-bg:#302819;--attention-edge:#665333;--attention-accent:#ffc46b;--attention-ink:#ffebcf;--attention-muted:#e0c49b;--attention-icon:#4c3920}html[data-theme=dark] details.sales-attention.has-urgent{--attention-bg:#352323;--attention-edge:#70403e;--attention-accent:#ffaaa0;--attention-ink:#ffe3df;--attention-muted:#e8b8b2;--attention-icon:#55302d}html[data-theme=dark] details.sales-attention.is-clear{--attention-bg:#20312a;--attention-edge:#3c5c4d;--attention-accent:#a3d5bb;--attention-ink:#e2f4e9;--attention-muted:#b3cebf;--attention-icon:#304a3c}html[data-theme=dark] .sales-attention-count{color:#231c14}
@media(max-width:600px){summary.sales-attention-heading{padding:16px;gap:10px}.sales-attention-action>span{display:none!important}.sales-attention-title{font-size:15px}.sales-attention-icon{width:36px;height:36px;border-radius:9px}}

.efficiency-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.efficiency-actions kbd{font-size:10px;margin-left:12px;border:1px solid var(--line);border-radius:4px;padding:3px 5px}.record-link small{display:block;font-size:11px;line-height:1.6;opacity:.8;margin-top:4px}#quick-results,.customer-timeline{max-height:420px;overflow:auto}#handover-preview .overview-row{gap:18px}#handover-preview .overview-row strong{white-space:nowrap}@media(max-width:600px){.customer-timeline .record-link{align-items:flex-start;flex-direction:column;gap:8px}}

.bundle-row{padding:16px 0;border-bottom:1px solid var(--line)}#bundle-lines{max-height:420px;overflow:auto}.document-lines td{overflow-wrap:anywhere}.document-sheet>p{font-size:11px;line-height:1.6}.catalogue-picker{flex-wrap:wrap}

.health-summary{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.health-summary span{padding:9px 12px;border:1px solid var(--line);border-radius:8px;font-size:12px}.health-card{padding:18px 0;border-top:1px solid var(--line)}.health-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.health-card p{font-size:12px;line-height:1.6}.health-status{font-size:11px;font-weight:700;border-radius:20px;background:#e8edf4;color:#34425c;padding:6px 10px;white-space:nowrap}.health-risk{background:#ffe2dc;color:#982b21}.health-card summary{cursor:pointer;font-size:12px;padding:10px 0}html[data-theme=dark] .health-status{background:#334159;color:#e5ecfa}html[data-theme=dark] .health-risk{background:#56302b;color:#ffc1b7}

#task-import-preview{max-height:360px;overflow:auto;margin-bottom:18px}#task-import-preview .record-link{align-items:flex-start}#task-import-message{font-size:13px;font-weight:600;line-height:1.6}

.presence-control{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;margin:0 0 8px;border:1px solid var(--line);border-radius:9px;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}.presence-control>span:last-child{margin-left:auto}.presence-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#7c8796;border:2px solid #fff;box-sizing:content-box;flex-shrink:0}.presence-active{background:#198754}.presence-break,.presence-away{background:#b77900}.presence-meeting,.presence-dnd{background:#c43434}.presence-offline{background:#7c8796}.presence-unknown{background:transparent;border-color:#7c8796}.avatar{position:relative;overflow:visible}.avatar>.presence-dot{position:absolute;right:-3px;bottom:-2px;width:8px;height:8px}.presence-member{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.presence-member>span{display:flex;align-items:center;gap:7px}html[data-theme=dark] .presence-dot{border-color:#202938}.presence-control:focus-visible{outline:2px solid var(--primary);outline-offset:2px}

/* HR workspace */
.hr-shell{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.hr-topline{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;gap:12px;color:var(--muted);font-size:12px}.hr-tabs{display:flex;gap:6px;padding:0 22px;border-bottom:1px solid var(--line);overflow:auto}.hr-tabs button{padding:16px 12px;white-space:nowrap;border-bottom:3px solid transparent;color:var(--muted);font-weight:600}.hr-tabs button.active{border-color:var(--primary);color:var(--primary)}.hr-tabs button span{background:#fef0d7;color:#8c5609;padding:2px 6px;border-radius:10px;margin-left:4px}.hr-content{padding:24px}.hr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.hr-stats article{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--bg)}.hr-stats span{display:block;font-size:12px;color:var(--muted)}.hr-stats strong{display:block;font-size:26px;margin-top:12px;line-height:1.3;overflow-wrap:anywhere}.hr-two{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px}.hr-card{border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.hr-card h2,.hr-section-title h2{margin:0 0 10px;font-size:17px}.hr-card h3{font-size:15px}.hr-card p,.hr-section-title p,.hr-row p{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0;overflow-wrap:anywhere}.hr-section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.hr-section-title>.field{margin:0;min-width:190px}.hr-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:13px}.hr-row:last-child{border-bottom:0}.hr-row>div:first-child{min-width:0}.hr-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0;max-width:50%}.hr-tools{display:flex;gap:10px;margin:18px 0 28px}.hr-badge{display:inline-block;font-size:11px;font-weight:600;padding:6px 10px;border-radius:20px;background:#edf0f6;color:#526178;white-space:nowrap}.hr-pending,.hr-onboarding,.hr-offboarding,.hr-open{background:#fff0d2;color:#8b5709}.hr-approved,.hr-employed,.hr-closed{background:#e3f4eb;color:#1b7147}.hr-declined{background:#fce5e5;color:#a33434}.hr-employees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hr-empty{padding:35px 20px;text-align:center;color:var(--muted);line-height:1.7;border:1px dashed var(--line);border-radius:10px}.hr-check{display:flex;align-items:flex-start;gap:10px;padding:12px 0;line-height:1.5}.hr-check input{margin-top:3px;accent-color:var(--primary)}#hr-dialog{width:620px;max-height:90vh}#hr-form-error{color:#bb3030;line-height:1.6}#hr-fields>p{color:var(--muted);font-size:12px;line-height:1.7}html[data-theme=dark] .hr-shell{background:#202938}html[data-theme=dark] .hr-badge{background:#334159;color:#e5ecfa}html[data-theme=dark] .hr-pending,html[data-theme=dark] .hr-open{background:#4a3c23;color:#f8d593}html[data-theme=dark] .hr-approved,html[data-theme=dark] .hr-employed{background:#214638;color:#b3efd1}@media(max-width:1100px){.hr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-employees{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-two{grid-template-columns:1fr}}@media(max-width:650px){.hr-content{padding:16px}.hr-topline{padding:14px 16px}.hr-tabs{padding:0 10px}.hr-employees{grid-template-columns:1fr}.hr-row,.hr-section-title{align-items:flex-start;flex-direction:column;gap:10px}.hr-row-actions{max-width:100%;justify-content:flex-start}.hr-stats{gap:10px}.hr-stats article{padding:14px}.hr-stats strong{font-size:22px}.hr-card{padding:16px}}
/* Compact sidebar cards; retain their existing horizontal padding. */
.sidebar .sidebar-bottom{grid-auto-rows:auto}.sidebar .sidebar-bottom .prototype-note,.sidebar .sidebar-bottom .profile{min-height:68px;height:auto;padding-top:8px;padding-bottom:8px}.sidebar .profile{position:relative}.presence-profile-control{position:absolute;left:42px;top:calc(50% + 3px);display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;background:transparent;cursor:pointer;border-radius:50%}.presence-profile-control .presence-dot{width:10px;height:10px}.presence-profile-control:focus-visible{outline:2px solid var(--profile-ink,#fff);outline-offset:2px}

.hr-template-library{margin-bottom:28px}.hr-template-library details{font-size:12px;line-height:1.8}.hr-template-library summary{cursor:pointer;color:var(--primary)}.hr-template-library .hr-tools{flex-wrap:wrap;margin-bottom:0}.notification-tools{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.notification-sidebar .rail-task{display:flex;gap:10px;align-items:flex-start}.notification-sidebar .rail-task>span:last-child{overflow-wrap:anywhere}

.operations-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:18px 0}.operations-days>div{display:grid;gap:8px;padding:10px 4px;text-align:center;border:1px solid var(--line);border-radius:8px}.operations-days small{font-size:10px;color:var(--muted)}.operations-days strong{font-size:12px}.operations-days .operations-over{border-color:#df8e65;background:#fff2e8}.operations-warning,#operations-error,#operations-log-error{color:#b94821}.operations-entry-list{max-height:300px;overflow:auto}#operations-dialog{width:780px;max-height:90vh}html[data-theme=dark] .operations-days .operations-over{background:#49362c}.workflow-view>.hr-employees{margin:18px 0 28px}.workflow-view .hr-tools{flex-wrap:wrap;margin:0}@media(max-width:650px){.operations-days{gap:3px}.operations-days>div{padding:8px 2px}}
/* Flowra application identity — tenant document branding remains independent. */
:root{--primary:#4F46E5;--teal:#2DD4BF;--navy:#0F172A;--ink:#0F172A;--muted:#5B6478;--line:#DDE3F5;--bg:#F8FAFF}
body{font-family:Figtree,system-ui,sans-serif}
h1,h2,h3{font-family:'Bricolage Grotesque',Figtree,system-ui,sans-serif}
.flowra-dark,.flowra-compact{display:none}
.sidebar .brand{padding:8px 12px;min-height:52px}
.flowra-logo{width:160px;height:auto;object-fit:contain}
.flowra-auth-brand{margin-bottom:28px}
.flowra-auth-brand img{width:180px;height:auto}
.flowra-auth-brand p{font-size:14px;color:var(--muted);margin:14px 0 0}
html[data-theme=dark]{--primary:#A5B4FC;--ink:#EEF2FF;--muted:#A3ADC2;--line:#2A3556;--bg:#060A16}
html[data-theme=dark] .flowra-light{display:none}
html[data-theme=dark] .flowra-dark{display:block}
body.navigation-collapsed .sidebar .flowra-logo{display:none}
body.navigation-collapsed .sidebar .flowra-compact{display:block;width:36px;height:36px;object-fit:contain}
@media(max-width:760px){.sidebar .flowra-logo{display:none!important}.sidebar .flowra-compact{display:block;width:36px;height:36px;object-fit:contain}.sidebar .brand{padding:0;justify-content:center}}
/* Full-screen Flowra welcome and sign-in. */
#auth-screen{padding:0;display:block;min-height:100vh;min-height:100svh}
.flowra-auth-layout{width:100%;min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(400px,1fr)}
.flowra-photo-panel{position:relative;min-height:100%;overflow:hidden;background:#0F172A;color:#fff}
.flowra-slides,.flowra-photo-shade{position:absolute;inset:0}
.flowra-slides img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:0;transition:opacity 1.2s ease}
.flowra-slides img.is-active{opacity:1}
.flowra-photo-shade{background:linear-gradient(180deg,#0f172a66 0%,transparent 24%,#0f172a15 48%,#0f172ae6 100%)}
.flowra-photo-logo{position:absolute;top:clamp(28px,4vw,60px);left:clamp(28px,4vw,64px);width:165px;height:auto}
.flowra-photo-caption{position:absolute;bottom:clamp(28px,4vw,60px);left:clamp(28px,4vw,64px);right:clamp(28px,4vw,64px)}
.flowra-photo-caption h2{font-size:clamp(36px,4.2vw,64px);font-weight:800;letter-spacing:-.035em;line-height:1.06;margin:0 0 20px;color:#fff}
.flowra-photo-caption p{font-size:clamp(16px,1.4vw,20px);line-height:1.6;color:#EEF2FF;margin:0;max-width:38ch}
.flowra-slide-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px}
.flowra-slide-dots{display:flex;gap:8px}.flowra-slide-dots button{width:32px;min-height:44px;padding:20px 0;background:transparent;background-clip:content-box;border:0;position:relative}
.flowra-slide-dots button:after{content:'';position:absolute;inset:20px 0;background:#ffffff66;border-radius:4px}.flowra-slide-dots button[aria-pressed=true]:after{background:#2DD4BF}
.flowra-auth-layout .auth-card{width:100%;border:0;border-radius:0;box-shadow:none;padding:80px clamp(32px,6vw,100px);display:flex;flex-direction:column;justify-content:center;background:#F8FAFF;color:#0F172A}
.flowra-auth-layout .auth-card>*{width:100%;max-width:420px;margin-left:auto;margin-right:auto}
.flowra-auth-layout .auth-card h1{font-size:36px;letter-spacing:-.03em;margin-top:0;margin-bottom:8px}
.flowra-auth-layout .auth-card p{font-size:14px;color:#5B6478}
.flowra-auth-layout .auth-card label{font-size:14px;font-weight:600;margin:24px 0;gap:10px}
.flowra-auth-layout .auth-card input{min-height:50px;background:#fff;color:#0F172A;border:1px solid #DDE3F5;border-radius:10px}
.flowra-auth-layout .auth-card form>.button{width:100%;min-height:50px;font-size:15px;background:#4F46E5;color:#fff;border-radius:10px}
.flowra-auth-layout #auth-error{color:#b91c1c}
@media(max-width:760px){.flowra-auth-layout{grid-template-columns:1fr}.flowra-photo-panel{min-height:440px}.flowra-photo-logo{width:130px}.flowra-photo-caption h2{font-size:36px}.flowra-photo-caption{bottom:24px}.flowra-photo-caption p{font-size:15px}.flowra-slide-controls{margin-top:12px}.flowra-auth-layout .auth-card{padding:40px 24px;min-height:540px}.flowra-slides img{object-position:50% 32%}}
@media(prefers-reduced-motion:reduce){.flowra-slides img{transition:none}}
/* Reference-faithful loaders; animation is isolated inside each SVG asset. */
.flowra-startup-loader{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;background:#0F172A;color:#EEF2FF;padding:24px}
.flowra-startup-loader>.flowra-loader{display:block;width:132px;height:132px;max-width:none;flex:none}
.flowra-startup-loader>p{margin:0;font:600 18px/1.6 Figtree,system-ui,sans-serif;color:#EEF2FF}
.flowra-loading-dots:after{content:'';display:inline-block;width:1.2em;text-align:left;animation:flowra-loader-ellipsis 1.35s steps(1) infinite}
#auth-form button[aria-busy=true]{display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:progress;opacity:1;font:600 16px Figtree,system-ui,sans-serif;background:#4F46E5;color:#fff}
#auth-form button[aria-busy=true]>.flowra-loader{display:block;width:22px;height:22px;max-width:none;flex:none}
.flowra-inline-loader{display:inline-flex;align-items:center;margin:0 12px 0 0;flex:none}.flowra-inline-loader>.flowra-loader{display:block;width:36px;height:36px;max-width:none}
footer[role=status]{min-height:60px;align-items:center}
@keyframes flowra-loader-ellipsis{0%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}}
@media(prefers-reduced-motion:reduce){.flowra-loading-dots:after{animation:none;content:'...'}}
/* Startup must cover the viewport even inside the authentication layout. */
#auth-screen>.flowra-startup-loader{position:fixed;inset:0;z-index:1000;width:100%;max-width:none;height:100dvh;min-height:100vh;margin:0;box-sizing:border-box}
/* Content-shaped loading placeholders; existing data stays visible on refresh. */
.flowra-skeleton{padding:24px;width:100%;--skeleton-fill:#e5e9f5;--skeleton-highlight:#f4f6fc}
.flowra-skeleton i{display:block;background:var(--skeleton-fill);border-radius:6px;animation:flowra-skeleton-pulse 1.8s ease-in-out infinite}
.flowra-skeleton-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}.flowra-skeleton-cards>div{padding:24px;border:1px solid var(--line);border-radius:14px}
.flowra-skeleton-line{height:12px;width:76%;margin:0 0 12px}.flowra-skeleton-line.short{width:45%;height:10px}.flowra-skeleton-value{width:64px;height:28px;margin-top:20px}
.flowra-skeleton-row{display:flex;gap:16px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.flowra-skeleton-row>div{flex:1;min-width:0}.flowra-skeleton-avatar{width:48px;height:48px;flex:none;border-radius:12px!important}.flowra-skeleton-pill{width:72px;height:24px;flex:none}.flowra-skeleton-row .short{margin-bottom:0}
html[data-theme=dark] .flowra-skeleton{--skeleton-fill:#2a3550;--skeleton-highlight:#35415b}
@keyframes flowra-skeleton-pulse{0%,100%{background:var(--skeleton-fill)}50%{background:var(--skeleton-highlight)}}
@media(prefers-reduced-motion:reduce){.flowra-skeleton i{animation:none}}
@media(max-width:600px){.flowra-skeleton{padding:16px}.flowra-skeleton-cards{gap:10px}.flowra-skeleton-cards>div{padding:14px}.flowra-skeleton-pill{width:40px}}
/* Flowra plan pricing */
.plan-labels{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.plan-recommendation{font-size:11px;color:#4f46e5;font-weight:600}.plan-card h2.plan-price{font-size:44px;letter-spacing:-1.5px;margin-bottom:8px}.plan-price span{display:block;font-size:13px;letter-spacing:0;font-weight:500;color:#64748b;margin-top:7px}.plan-card.featured{border-color:#4f46e5;background:#f5f5ff}.plan-card .plan-tag{background:#eef2ff;color:#3730a3}.plan-card.featured .plan-tag{background:#4f46e5;color:#fff}.plan-card:last-child .plan-tag{background:#ccfbf1;color:#115e59}.plan-launch-note{max-width:760px;margin:24px auto 0;padding:20px;text-align:left;background:#f8fafc;border:1px solid var(--line);border-radius:14px}.plan-launch-note p{font-size:13px;color:#64748b;line-height:1.7;margin-bottom:0}html[data-theme=dark] .plan-launch-note{background:#182130}html[data-theme=dark] .plan-price span,html[data-theme=dark] .plan-launch-note p,html[data-theme=dark] .plan-card p,html[data-theme=dark] .plan-card small{color:#b4c0d2}html[data-theme=dark] .plan-card.featured{border-color:#a5b4fc;background:#252b45}html[data-theme=dark] .plan-recommendation{color:#a5b4fc}
/* Banking details share the same layout on screen and in exported documents. */
.document-banking{margin-top:24px;padding:18px 0;border-top:1px solid #dbe1ea;break-inside:avoid;page-break-inside:avoid}.document-banking h4{margin:0 0 12px}.document-banking dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;margin:0}.document-banking dl>div{min-width:0}.document-banking dt{font-size:11px;color:#64748b}.document-banking dd{margin:3px 0 0;font-size:13px;font-weight:600;overflow-wrap:anywhere}.document-banking .document-notes{white-space:pre-wrap}@media(max-width:600px){.document-banking dl{grid-template-columns:1fr}}@media print{.document-banking dl{grid-template-columns:1fr 1fr}}