:root{--ink:#172033;--muted:#687386;--line:#e5e9f0;--paper:#fff;--bg:#f6f7fa;--sidebar:#101725;--side-muted:#8d99ad;--accent:#2f6fed;--success:#16805b;--shadow:0 1px 2px rgba(16,24,40,.03),0 8px 24px rgba(16,24,40,.04);--side:246px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,sans-serif}button,input,textarea{font:inherit}.icon{display:block}.app-body{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);background:var(--sidebar);color:#fff;display:flex;flex-direction:column;z-index:30}.sidebar-brand{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #ffffff12}.sidebar-brand>a{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;min-width:0}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,var(--accent),#6d93ff);font-weight:700}.brand-logo{width:34px;height:34px;border-radius:9px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-copy strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.brand-copy small{font-size:10px;color:#77849a;letter-spacing:1.8px}.sidebar-nav{padding:18px 12px;flex:1;overflow:auto}.sidebar-nav p{margin:15px 12px 6px;color:#647086;text-transform:uppercase;font-size:9px;letter-spacing:1.4px;font-weight:700}.sidebar-nav p:first-child{margin-top:0}.sidebar-nav a,.sidebar-settings{height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;margin:2px 0;border-radius:8px;color:var(--side-muted);text-decoration:none;font-weight:500}.sidebar-nav a:hover,.sidebar-settings:hover{color:#fff;background:#ffffff0d}.sidebar-nav a.active,.sidebar-settings.active{color:#fff;background:#2f6fed33}.sidebar-nav a.active .icon,.sidebar-settings.active .icon{color:#7ba3ff}.sidebar-bottom{padding:10px 12px 14px;border-top:1px solid #ffffff12}.user-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 8px 2px}.user-avatar,.header-avatar{display:grid;place-items:center;border-radius:50%;background:#28334a;color:#dce5fa;font-weight:700}.user-avatar{width:33px;height:33px;font-size:12px}.user-card div{min-width:0}.user-card strong,.user-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card strong{font-size:12px}.user-card small{color:#7e8a9e;font-size:10px}.user-card button{background:0;border:0;color:#6f7b8f;cursor:pointer;font-size:18px}.app-frame{margin-left:var(--side);min-height:100vh}.app-header{height:72px;padding:0 32px;background:#fffffff2;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.header-title{display:flex;flex-direction:column;min-width:160px}.header-title strong{font-size:15px}.header-title span{color:var(--muted);font-size:11px}.global-search{margin-left:auto;width:min(340px,35vw);height:38px;padding:0 11px;display:flex;align-items:center;gap:8px;background:#f7f8fa;border:1px solid var(--line);border-radius:9px;color:#8993a3}.global-search input{border:0;outline:0;background:0;min-width:0;flex:1}.global-search kbd{border:1px solid #dfe3e9;background:#fff;border-radius:5px;padding:1px 6px;font-size:10px}.header-avatar{width:34px;height:34px;font-size:12px;background:#e8edfb;color:var(--accent)}.icon-button{border:0;background:0;color:inherit;padding:6px;cursor:pointer}.mobile-menu,.sidebar-close,.nav-scrim{display:none}.page-shell{max-width:1440px;margin:auto;padding:38px 36px 64px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.eyebrow{color:var(--accent)!important;text-transform:uppercase;font-size:10px!important;font-weight:700;letter-spacing:1.25px;margin:0 0 6px!important}.page-heading h1{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:0 0 5px}.page-heading p,.panel-heading p{color:var(--muted);margin:0}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:10px 16px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #2f6fed2e}.button:hover{filter:brightness(.94)}.button-disabled{opacity:.72;cursor:not-allowed}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-radius:11px;padding:19px 20px;box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:.15s}.metric:hover{transform:translateY(-1px);border-color:#d5dbea}.metric span,.metric small{display:block;color:var(--muted)}.metric strong{display:block;font-size:26px;letter-spacing:-.8px;margin:5px 0}.metric small{font-size:11px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}.panel-heading{min-height:70px;padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-heading h2{font-size:15px;margin:0 0 2px}.panel-heading p{font-size:12px}.panel-heading a{color:var(--accent);text-decoration:none;font-weight:600;font-size:12px}.compact-list{padding:2px 20px}.list-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf0f4}.list-row:last-child{border:0}.list-row strong,.list-row small{display:block}.list-row small,.list-row time{font-size:11px;color:var(--muted)}.avatar{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;background:#edf2ff;color:var(--accent);font-weight:700}.task-dot{width:11px;height:11px;border:2px solid var(--accent);border-radius:50%;margin:0 11px}.empty{text-align:center;padding:42px 20px;color:var(--muted)}.empty.large{padding:66px 20px}.empty>span{display:flex;justify-content:center;color:#9ca8b8}.empty h3{color:var(--ink);font-size:15px;margin:8px 0 2px}.empty p{margin:0;font-size:13px}.customer-panel{overflow:hidden}.list-toolbar{display:flex;align-items:center;gap:18px;padding:16px 18px}.search{flex:1;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fafbfc;border-radius:8px;padding:0 12px}.search input{width:100%;border:0;outline:0;background:0;padding:10px 0}.search a{font-size:11px;color:var(--accent)}.record-count{font-size:11px;color:var(--muted);white-space:nowrap}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;background:#f8f9fb;padding:10px 18px;color:#7c8798;text-transform:uppercase;font-size:9px;letter-spacing:.8px}td{padding:14px 18px;border-top:1px solid var(--line);color:#4f5a6b}tr:hover td{background:#fbfcfe}.customer-name{display:flex;align-items:center;gap:11px;color:var(--ink)}.contact-lines,.contact-lines small{display:block}.contact-lines small{color:var(--muted)}.row-arrow{color:#a5afbd;font-size:20px}.form-panel{margin-top:22px;scroll-margin-top:92px}.customer-form,.settings-form{padding:21px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.customer-form label span,.settings-form label>span{display:block;font-weight:600;font-size:12px;margin-bottom:6px}.customer-form input,.customer-form textarea,.settings-form input{width:100%;border:1px solid #d9dee7;border-radius:7px;padding:10px 11px;background:#fff}.customer-form input:focus,.customer-form textarea:focus,.settings-form input:focus{outline:3px solid #2f6fed1c;border-color:var(--accent)}.full{grid-column:1/-1}.form-actions{text-align:right}.pipeline{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:13px;overflow:auto;padding:1px 2px 18px}.pipeline-stage{min-height:430px;background:#eef1f5;border-radius:10px;padding:10px}.pipeline-stage>header{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 4px 9px}.pipeline-stage>header div{display:flex;align-items:center;gap:7px}.pipeline-stage>header>span{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;background:#e0e4ea;font-size:10px}.stage-dot{width:7px;height:7px;border-radius:50%;background:#4d7ee5}.stage-dot.contacted{background:#ad70d5}.stage-dot.qualified{background:#e59b3f}.stage-dot.won{background:#32a477}.stage-dot.lost{background:#9ba5b5}.pipeline-cards{display:grid;gap:9px}.lead-card{background:#fff;border:1px solid #e1e5eb;border-radius:8px;padding:14px}.lead-card>small,.lead-card p{color:var(--muted)}.lead-card h3{font-size:14px;margin:3px 0 8px}.lead-card p{font-size:12px}.lead-card footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.stage-empty{border:1px dashed #d5dae2;border-radius:7px;padding:22px;text-align:center;color:#929baa;font-size:11px}.task-list{padding:0 20px}.task-item{display:grid;grid-template-columns:auto 1fr auto 100px;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.task-item h3{font-size:13px;margin:0}.task-item p{font-size:11px;color:var(--muted);margin:0}.task-item time{font-size:11px;color:var(--muted);text-align:right}.task-check{width:19px;height:19px;border:1.5px solid #cdd4df;border-radius:6px;display:grid;place-items:center;color:var(--success)}.status-badge,.coming-badge{font-size:9px;text-transform:uppercase;letter-spacing:.5px;padding:4px 7px;border-radius:20px;background:#edf2ff;color:#4e6db5;font-weight:700}.status-badge.done{background:#eaf7f1;color:var(--success)}.filter-pills{display:flex;background:#f1f3f6;border-radius:7px;padding:3px}.filter-pills span{font-size:10px;padding:4px 9px}.filter-pills .active{background:#fff;border-radius:5px}.empty-state-product{max-width:780px;margin:40px auto 0;text-align:center;padding:55px 50px}.empty-illustration{width:72px;height:72px;margin:0 auto 19px;display:grid;place-items:center;border-radius:20px;color:var(--accent);background:#f0f4ff;border:1px solid #dde5fb}.empty-state-product h2{font-size:22px;margin:12px 0 8px}.empty-state-product>p{max-width:580px;margin:auto;color:var(--muted)}.feature-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px;text-align:left}.feature-preview>div{display:flex;gap:9px;padding:14px;background:#f8f9fb;border-radius:8px}.feature-preview p{margin:0}.feature-preview strong,.feature-preview small{display:block}.feature-preview strong{font-size:11px}.feature-preview small{font-size:9px;color:var(--muted)}.preview-steps{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:30px}.preview-steps span{font-size:11px}.preview-steps b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#edf2ff;color:var(--accent)}.preview-steps i{width:35px;height:1px;background:#dde2e9}.settings-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.settings-form{grid-template-columns:1fr}.settings-form input:disabled{background:#f6f7f9}.color-field{display:flex;align-items:center;gap:10px}.color-field input{width:52px;height:40px;padding:3px}.settings-side{display:grid;align-content:start;gap:14px}.info-card{padding:20px;display:flex;gap:13px}.info-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#edf2ff;color:var(--accent)}.info-card small,.info-card strong{display:block}.info-card p,.permission-note{font-size:11px;color:var(--muted);margin:0}.success-banner{padding:11px;margin-bottom:18px;background:#edf9f4;color:#137351;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.auth-page{min-height:100vh;background:#f3f8fc;--auth-accent:#39a6e2}.auth-header{height:60px;background:#fff;border-bottom:1px solid #e7edf3;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.auth-header .brand-mark{width:30px;height:30px;border-radius:6px;font-size:13px;color:#fff;background:var(--auth-accent)}.auth-header .brand-logo{width:30px;height:30px;border-radius:6px}.auth-brand{display:flex;align-items:center;gap:10px;color:#2b2f33;text-decoration:none}.auth-brand .brand-copy strong{font-size:13px;color:#2b2f33}.auth-brand .brand-copy small{color:#9aa4b2}.auth-lang{display:flex;align-items:center;gap:6px;color:#8993a3;font-size:12px;padding:6px 11px;border-radius:20px;background:#f5f8fb;user-select:none;cursor:default}.auth-main{min-height:calc(100vh - 60px);display:flex;align-items:flex-start;justify-content:center;padding:120px 20px 60px}.auth-card{width:452px;max-width:100%;background:#fff;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:48px 64px 44px}.auth-heading{text-align:center;font-size:28px;font-weight:500;color:#2b2f33;margin:0 0 30px;letter-spacing:-.2px}.auth-error{background:#fdecea;color:#b42318;font-size:13px;padding:10px 14px;border-radius:5px;margin:-8px 0 22px;text-align:center}.auth-form{display:grid;gap:20px}.auth-field label{display:block;font-size:13px;font-weight:600;color:#3c4450;margin-bottom:7px}.auth-field input{width:100%;height:44px;border:1px solid #d8dee6;border-radius:5px;padding:0 14px;font-size:14px;color:#2b2f33;background:#fff}.auth-field input::placeholder{color:#a8b1bd}.auth-field input:focus{outline:0;border-color:var(--auth-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--auth-accent) 18%,transparent)}.auth-password-wrap{position:relative}.auth-password-wrap input{padding-right:44px}.auth-toggle-visibility{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#93a0b1;padding:9px;cursor:pointer;display:flex;border-radius:5px}.auth-toggle-visibility:hover{color:#5c6b80;background:#f3f6f9}.auth-toggle-visibility:focus-visible{outline:2px solid var(--auth-accent);outline-offset:1px}.auth-forgot{display:block;text-align:right;font-size:12px;margin-top:9px}.auth-forgot.is-disabled{color:#a9b6c9;font-weight:600;cursor:default}.auth-submit{width:100%;height:44px;border:0;border-radius:5px;background:var(--auth-accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 6px rgba(57,166,226,.25);margin-top:4px}.auth-submit:hover{filter:brightness(.9)}.auth-submit:focus-visible{outline:3px solid color-mix(in srgb,var(--auth-accent) 25%,transparent);outline-offset:2px}.auth-divider{display:flex;align-items:center;gap:14px;margin:26px 0 0;color:#a9b3c0;font-size:12px}.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:#edf1f5}.auth-divider span{white-space:nowrap}.auth-footer{text-align:center;color:#93a0b1;font-size:12px;margin:26px 0 0}@media(max-width:520px){.auth-header{padding:0 16px}.auth-main{padding:56px 20px 40px}.auth-card{padding:34px 20px 30px}.auth-heading{font-size:26px}.auth-lang span{display:none}}@media(max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}.feature-preview{grid-template-columns:1fr}}@media(max-width:760px){:root{--side:270px}.sidebar{transform:translateX(-100%);transition:.2s}.nav-open .sidebar{transform:none}.nav-open .nav-scrim{display:block;position:fixed;inset:0;background:#0c121c73;z-index:25}.sidebar-close,.mobile-menu{display:block}.app-frame{margin-left:0}.app-header{height:64px;padding:0 17px}.header-title{min-width:0;flex:1}.header-title span,.global-search,.header-avatar{display:none}.page-shell{padding:28px 18px 48px}.content-grid,.settings-grid{grid-template-columns:1fr}.task-item{grid-template-columns:auto 1fr auto}.task-item time{grid-column:2;text-align:left}}@media(max-width:520px){.page-heading{align-items:stretch;flex-direction:column}.metric-grid{gap:10px}.metric{padding:15px}.metric strong{font-size:22px}.list-toolbar{align-items:stretch;flex-direction:column}.customer-form{grid-template-columns:1fr}.customer-form .full{grid-column:auto}th:nth-child(2),td:nth-child(2),th:nth-child(4),td:nth-child(4),th:last-child,td:last-child{display:none}.empty-state-product{margin-top:15px;padding:38px 22px}.preview-steps i{width:12px}.filter-pills,.status-badge{display:none}}.customer-link,.row-arrow a,.lead-card a{color:inherit;text-decoration:none}.customer-link:hover,.lead-card a:hover{color:var(--accent)}.row-arrow a{display:block;padding:6px;color:#a5afbd}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--muted);font-size:12px}.breadcrumb a{color:var(--accent);text-decoration:none}.customer-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:24px}.customer-identity{display:flex;align-items:center;gap:16px}.customer-avatar{width:56px;height:56px;border-radius:14px;font-size:19px}.customer-identity h1{font-size:28px;line-height:1.15;margin:0 0 4px}.customer-identity p{margin:0;color:var(--muted)}.customer-identity .eyebrow{margin-bottom:5px!important}.customer-summary{display:flex;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.customer-summary div{min-width:105px;padding:13px 18px;border-right:1px solid var(--line)}.customer-summary div:last-child{border:0}.customer-summary strong,.customer-summary span{display:block}.customer-summary strong{font-size:18px}.customer-summary span{color:var(--muted);font-size:10px}.customer-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.customer-main{display:grid;align-content:start;gap:20px}.customer-side{display:grid;align-content:start;gap:16px}.composer-actions{padding:0 20px}.composer-actions details{border-bottom:1px solid var(--line)}.composer-actions details:last-child{border:0}.composer-actions summary{padding:15px 2px;font-size:12px;font-weight:700;cursor:pointer;color:#465267}.composer-actions details[open] summary{color:var(--accent)}.compact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 2px 18px}.compact-form label>span{display:block;font-size:11px;font-weight:600;margin-bottom:5px}.compact-form input,.compact-form textarea,.compact-form select,.stage-form select{width:100%;border:1px solid #d9dee7;border-radius:7px;padding:9px 10px;background:#fff;color:var(--ink)}.compact-form input:focus,.compact-form textarea:focus,.compact-form select:focus,.stage-form select:focus{outline:3px solid #2f6fed1c;border-color:var(--accent)}.activity-timeline{padding:24px 20px 24px 28px}.activity-item{position:relative;display:grid;grid-template-columns:30px 1fr;gap:14px;padding-bottom:22px}.activity-item:last-child{padding-bottom:0}.activity-item:before{content:"";position:absolute;left:14px;top:30px;bottom:0;width:1px;background:var(--line)}.activity-item:last-child:before{display:none}.activity-marker{position:relative;z-index:1;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#edf2ff;color:var(--accent);border:3px solid #fff;font-size:10px;font-weight:800}.activity-task .activity-marker{background:#eef8f3;color:var(--success)}.activity-lead .activity-marker{background:#fff4e5;color:#b66a0b}.activity-card{border:1px solid var(--line);border-radius:9px;padding:15px 16px;background:#fff}.activity-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}.activity-card header div{display:flex;align-items:center;gap:9px}.activity-kind{font-size:10px;text-transform:uppercase;letter-spacing:.65px;font-weight:800;color:#687386}.activity-card time,.activity-card small{font-size:10px;color:var(--muted)}.activity-card h3{font-size:14px;margin:0 0 4px}.activity-card p{color:#536072;font-size:12px;margin:3px 0 6px;white-space:pre-wrap}.activity-card .activity-copy{font-size:13px;color:var(--ink)}.stage-form{max-width:170px;margin-top:12px}.stage-form select{font-size:11px;padding:7px 9px}.detail-card dl{margin:0;padding:8px 20px 18px}.detail-card dl div{padding:11px 0;border-bottom:1px solid #edf0f4}.detail-card dl div:last-child{border:0}.detail-card dt{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700;margin-bottom:3px}.detail-card dd{margin:0;font-size:12px;white-space:pre-line;overflow-wrap:anywhere}.detail-card dd a{color:var(--accent);text-decoration:none}.detail-card dd span{color:#9aa4b2}.future-card{padding:20px}.future-card>span{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:var(--accent);font-weight:700}.future-card h3{font-size:13px;margin:7px 0 4px}.future-card p{font-size:11px;color:var(--muted);margin:0}@media(max-width:1050px){.customer-detail-grid{grid-template-columns:1fr}.customer-side{grid-template-columns:1fr 1fr}}@media(max-width:760px){.customer-hero{align-items:flex-start;flex-direction:column}.customer-summary{width:100%}.customer-summary div{flex:1;min-width:0;padding:12px}.customer-side{grid-template-columns:1fr}}@media(max-width:520px){.customer-summary span{font-size:9px}.compact-form{grid-template-columns:1fr}.compact-form .full{grid-column:auto}.activity-timeline{padding:20px 13px}.activity-item{grid-template-columns:25px 1fr;gap:9px}.activity-item:before{left:12px}.activity-marker{width:25px;height:25px}.activity-card{padding:13px}.activity-card header div{display:grid;gap:2px}.customer-avatar{width:48px;height:48px}}

.customer-edit-form{padding:18px 20px 20px;display:grid;gap:13px}.customer-edit-form label>span{display:block;font-size:11px;font-weight:600;margin-bottom:5px}.customer-edit-form input,.customer-edit-form textarea{width:100%;border:1px solid #d9dee7;border-radius:7px;padding:9px 10px;background:#fff;color:var(--ink)}.customer-edit-form input:focus,.customer-edit-form textarea:focus{outline:3px solid #2f6fed1c;border-color:var(--accent)}.edit-customer-card{scroll-margin-top:92px}.edit-customer-card .form-actions{text-align:left}
.workspace-trigger,.workspace-static{display:flex;align-items:center;gap:11px;min-width:0;color:#fff}.workspace-trigger{border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.workspace-panel{position:fixed;z-index:50;top:62px;left:14px;width:300px;padding:14px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 36px #0003}.workspace-panel>strong{display:block;padding:3px 8px 9px;font-size:12px}.workspace-panel form,.workspace-panel a{display:block;margin:0}.workspace-panel button,.workspace-panel a{width:100%;padding:10px 8px;border:0;background:none;text-align:left;border-radius:6px;color:var(--ink);font:inherit;text-decoration:none}.workspace-panel button:hover,.workspace-panel a:hover{background:#f3f6fa}.workspace-panel a{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:6px;padding-top:13px;color:var(--accent);font-weight:600}.customer-form select,.customer-edit-form select{width:100%;border:1px solid #d9dee7;border-radius:7px;padding:9px 10px;background:#fff}.link-button{border:0;background:none;color:var(--accent);font-weight:600;cursor:pointer}.modal-scrim{position:fixed;z-index:60;inset:0;background:#10172588;display:grid;place-items:center;padding:20px}.customer-modal{width:min(560px,100%);max-height:90vh;overflow:auto}.customer-modal .customer-edit-form{grid-template-columns:1fr 1fr}.customer-modal .customer-edit-form label:first-child,.customer-modal .customer-edit-form label:last-of-type,.customer-modal .form-actions{grid-column:1/-1}@media(max-width:520px){.customer-modal .customer-edit-form{grid-template-columns:1fr}}
.workspace-trigger{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.workspace-static{display:flex;align-items:center;gap:11px;min-width:0}.workspace-panel{position:fixed;z-index:80;left:18px;top:70px;width:280px;padding:10px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 18px 45px rgba(15,23,42,.16)}.workspace-panel>strong{display:block;padding:8px 10px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.workspace-panel form{margin:0}.workspace-panel button,.workspace-panel>a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px;border:0;border-radius:7px;background:transparent;color:var(--text);font:inherit;text-align:left;text-decoration:none;cursor:pointer}.workspace-panel button:hover,.workspace-panel>a:hover{background:#f3f6fa}.workspace-panel button:disabled{color:var(--muted);cursor:default}.workspace-panel button small{font-size:11px}.access-controls{margin-top:16px;border-top:1px solid var(--border);padding-top:14px}.access-controls summary{cursor:pointer;font-weight:650}.access-controls h3{font-size:13px;margin:16px 0 6px}.access-controls form{margin:5px 0}.modal-scrim{position:fixed;inset:0;z-index:100;background:rgba(15,23,42,.46);display:grid;place-items:center;padding:20px}.modal-scrim[hidden]{display:none}.customer-modal{width:min(680px,100%);max-height:90vh;overflow:auto}.customer-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.customer-edit-form label{display:grid;gap:7px}.customer-edit-form label:last-of-type,.customer-edit-form .form-actions{grid-column:1/-1}@media(max-width:640px){.workspace-panel{left:12px;right:12px;top:68px;width:auto}.customer-edit-form{grid-template-columns:1fr}.customer-edit-form label:last-of-type,.customer-edit-form .form-actions{grid-column:auto}}
.settings-form textarea,.settings-form select{width:100%;border:1px solid #d9dee7;border-radius:7px;padding:10px 11px;background:#fff;color:var(--ink);resize:vertical}.settings-form textarea:focus,.settings-form select:focus{outline:3px solid #2f6fed1c;border-color:var(--accent)}.checkbox-label{display:grid!important;grid-template-columns:auto 1fr;gap:6px 9px;align-items:start}.checkbox-label input{width:auto}.checkbox-label small{grid-column:2;color:var(--muted);font-size:11px}.access-form{padding:12px 20px 20px;display:grid;gap:14px}.access-form label>span{display:block;margin-bottom:5px;font-size:11px;font-weight:700}.access-form select{width:100%;border:1px solid #d9dee7;border-radius:7px;padding:9px 10px;background:#fff;color:var(--ink)}.access-form select[multiple]{padding:4px}.access-form select:focus{outline:3px solid #2f6fed1c;border-color:var(--accent)}.access-form small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.access-form .form-actions{text-align:left}

.placeholder-external-action{margin-top:24px}
/* Visual workflow builder */
.workflow-heading-actions{display:flex;align-items:center;gap:10px}.workflow-heading-actions form{margin:0}.workflow-status{font-size:10px;font-weight:750;text-transform:capitalize;padding:5px 9px;border-radius:20px;background:#eef1f5;color:#657185}.workflow-status.active,.workflow-status.completed{background:#e8f7ef;color:#16805b}.workflow-status.disabled,.workflow-status.failed{background:#fff0ee;color:#ba4b3e}.workflow-status.draft,.workflow-status.running,.workflow-status.waiting{background:#edf2ff;color:#4867aa}.button-muted{background:#687386}.workflow-list{max-width:960px}.workflow-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.workflow-row:last-child{border:0}.workflow-row strong,.workflow-row small{display:block}.workflow-row small{font-size:11px;color:var(--muted)}.workflow-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#edf2ff;color:var(--accent);font-weight:800}.workflow-builder{display:grid;grid-template-columns:180px minmax(500px,1fr) 230px;min-height:620px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.workflow-palette,.workflow-inspector{padding:18px 14px;background:#fbfcfe}.workflow-palette{border-right:1px solid var(--line)}.workflow-inspector{border-left:1px solid var(--line)}.workflow-palette>strong,.workflow-inspector>strong{display:block;font-size:13px}.workflow-palette>p,.workflow-inspector>p{color:var(--muted);font-size:11px;margin:5px 0 17px}.workflow-palette>span{display:block;margin:15px 4px 6px;color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.7px}.workflow-palette button{display:block;width:100%;padding:8px 7px;margin:2px 0;border:0;border-radius:6px;background:transparent;text-align:left;font-size:11px;color:#465267;cursor:pointer}.workflow-palette button:hover{background:#edf2ff;color:var(--accent)}.workflow-canvas-wrap{min-width:0;display:flex;flex-direction:column;background-image:radial-gradient(#dce2ec 1px,transparent 1px);background-size:18px 18px}.workflow-canvas{position:relative;min-height:575px;overflow:auto}.workflow-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.workflow-lines path{fill:none;stroke:#91a4c5;stroke-width:2}.workflow-lines text{font:10px system-ui;fill:#63718a}.workflow-start{position:absolute;left:382px;top:11px;font-size:9px;font-weight:800;color:#8290a5;letter-spacing:1px}.flow-node{position:absolute;width:190px;min-height:43px;border:1px solid #ccd7e8;border-radius:8px;padding:7px 10px;background:#fff;text-align:left;box-shadow:0 3px 9px #14204415;cursor:pointer}.flow-node small,.flow-node strong{display:block}.flow-node small{text-transform:uppercase;font-size:8px;letter-spacing:.7px;color:#71809a}.flow-node strong{font-size:11px;margin-top:2px;color:#2c3850}.flow-node.trigger{border-color:#8cb0f2}.flow-node.action{border-color:#9bd4bd}.flow-node.condition{border-color:#e6c573}.flow-node.wait{border-color:#c5a2e6}.flow-node.jump{border-color:#aeb6c4}.flow-node.selected{outline:3px solid #2f6fed36;border-color:var(--accent)}.workflow-canvas-help{padding:9px 14px;border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:10px}.workflow-inspector label{display:block;margin:14px 0 0;font-size:10px;font-weight:700;color:#58657a}.workflow-inspector input,.workflow-inspector select{width:100%;margin-top:5px;border:1px solid #d9dee7;border-radius:6px;padding:8px;background:#fff;font:11px system-ui}.workflow-inspector .button{width:100%;margin-top:17px;padding:8px}.text-danger{margin-top:9px;border:0;background:transparent;color:#c4483a;font-size:11px;cursor:pointer}.save-state{display:block;margin-top:11px;color:var(--muted);font-size:10px}.workflow-history{margin-top:20px}.version-chip{color:var(--muted);font-size:11px}@media(max-width:1100px){.workflow-builder{grid-template-columns:160px minmax(400px,1fr)}.workflow-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.workflow-inspector>strong,.workflow-inspector>p{grid-column:1/-1;margin:0}.workflow-inspector label{margin:0}}@media(max-width:760px){.workflow-builder{display:block}.workflow-palette{border-right:0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:4px}.workflow-palette>strong,.workflow-palette>p,.workflow-palette>span{width:100%}.workflow-palette>p{margin-bottom:4px}.workflow-palette>span{margin:8px 4px 2px}.workflow-palette button{width:auto}.workflow-canvas{min-height:580px}.workflow-inspector{display:block;border-top:1px solid var(--line)}.workflow-inspector label{margin-top:13px}.workflow-heading-actions{align-self:flex-start}.workflow-row{grid-template-columns:auto 1fr auto}.workflow-row .row-arrow{display:none}}
.tab-bar{display:flex;gap:6px;margin:-6px 0 20px;border-bottom:1px solid var(--line)}.tab-bar .tab{padding:9px 14px;font-size:12px;font-weight:650;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent}.tab-bar .tab:hover{color:var(--ink)}.tab-bar .tab.active{color:var(--accent);border-bottom-color:var(--accent)}
.sidebar-subnav{height:34px;display:flex;align-items:center;gap:12px;padding:0 12px 0 42px;margin:-2px 0 4px;border-radius:8px;color:var(--side-muted);text-decoration:none;font-size:12px;font-weight:500}.sidebar-subnav:hover{color:#fff;background:#ffffff0d}
/* Interactive workflow canvas */
.workflow-toolbar{height:42px;padding:0 12px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.workflow-toolbar div{display:flex;gap:3px}.workflow-toolbar button{min-width:29px;height:26px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);cursor:pointer}.workflow-viewport{position:relative;min-height:532px;overflow:hidden;touch-action:none;cursor:grab}.workflow-viewport:active{cursor:grabbing}.workflow-world{position:absolute;inset:0;width:2400px;height:1600px;transform-origin:0 0}.workflow-world .workflow-lines{width:2400px;height:1600px;pointer-events:none}.flow-node{cursor:grab;user-select:none;touch-action:none}.flow-node:active{cursor:grabbing}.flow-node>div{padding:0 12px}.flow-handle{position:absolute;left:50%;z-index:3;width:14px;height:14px;margin-left:-7px;border:2px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px #8ba7da;cursor:crosshair}.flow-handle.input{top:-7px}.flow-handle.output{bottom:-7px}.temporary-wire{stroke:var(--accent)!important;stroke-dasharray:5 4}.inspector-connections{margin-top:14px;padding-top:11px;border-top:1px solid var(--line);font-size:10px}.inspector-connections b{display:block;margin-bottom:6px}.inspector-connections div{display:flex;justify-content:space-between;gap:5px;padding:4px 0}.inspector-connections button{border:0;background:none;color:#c4483a;font-size:10px;cursor:pointer}.inspector-connections small{color:var(--muted)}
@media(max-width:760px){.workflow-viewport{min-height:500px}.workflow-toolbar span{display:none}.workflow-world{width:2000px}.workflow-world .workflow-lines{width:2000px}}
/* Workflow management controls */
.workflow-menu{position:relative}.workflow-menu summary{list-style:none;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer;font-weight:800;letter-spacing:1px}.workflow-menu summary::-webkit-details-marker{display:none}.workflow-menu>div{position:absolute;right:0;top:39px;z-index:25;width:230px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 28px #10172524}.workflow-menu form{margin:0;padding:4px}.workflow-menu label{display:grid;gap:5px;font-size:10px;font-weight:700;color:var(--muted)}.workflow-menu input{width:100%;border:1px solid var(--line);border-radius:5px;padding:7px;color:var(--ink)}.workflow-menu button{width:100%;margin-top:5px;border:0;border-radius:5px;padding:8px;background:#f2f5f9;color:var(--ink);text-align:left;font:600 11px system-ui;cursor:pointer}.workflow-menu button:hover{background:#e7edf6}.workflow-menu button.danger{color:#b42318;background:#fff1f0}.workflow-menu button.danger:hover{background:#fee4e2}
.workflow-palette form{margin:0}.workflow-palette form button{display:block;width:100%}
/* Dense kitchen-whiteboard work board */
.work-board{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr)) minmax(280px,1.3fr);gap:12px;align-items:start}.work-column{min-height:360px;background:#eef1f5;border:1px solid #e3e7ed;border-radius:10px;padding:10px}.work-column>header{display:flex;justify-content:space-between;align-items:center;padding:3px 4px 11px}.work-column>header strong{font-size:12px}.work-column>header span{font-size:10px;background:#dce2eb;border-radius:10px;padding:2px 7px}.work-card{background:#fff;border:1px solid #dfe5ed;border-radius:8px;margin-bottom:8px;padding:11px;box-shadow:0 1px 2px #16213a0c}.work-card small{display:block;color:var(--accent);font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.5px}.work-card h3{margin:3px 0;font-size:15px}.work-card h3 a,.hold-list a{color:var(--ink);text-decoration:none}.work-card p{margin:0 0 9px;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-card select{width:100%;border:1px solid var(--line);border-radius:5px;padding:5px;font-size:10px;background:#fff}.work-card .link-button{margin-top:7px;font-size:10px}.on-hold{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.hold-list{padding:0 20px}.hold-list article{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.hold-list article:last-child{border:0}.hold-list span{flex:1;color:var(--muted);font-size:12px}.hold-list form{margin:0}@media(max-width:1000px){.work-board{grid-template-columns:repeat(3,minmax(210px,1fr));overflow:auto;padding-bottom:10px}.work-column.contracted_scheduled{min-width:280px}}@media(max-width:600px){.hold-list article{display:block}.hold-list span{display:block;margin:3px 0 8px}}
/* Work board stage movement */
.work-card[draggable="true"]{cursor:grab}.work-card[draggable="true"]:active{cursor:grabbing}.work-card-dragging{opacity:.45;transform:rotate(1deg);box-shadow:0 12px 24px #16213a2e}.work-column.work-drop-active,.on-hold.work-drop-active{outline:2px solid var(--accent);outline-offset:2px;background:#edf4ff}.work-drop-zone{min-height:62px}.work-move-error{position:fixed;z-index:120;right:22px;bottom:22px;max-width:380px;padding:12px 15px;border-radius:8px;background:#b42318;color:#fff;box-shadow:0 10px 28px #10172536;font-size:13px}
/* Board creation keeps the daily Work view self-sufficient. */
.work-modal{width:min(620px,100%);max-height:90vh;overflow:auto}.work-create-form{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.work-create-form label{display:grid;gap:6px}.work-create-form label>span{font-size:11px;font-weight:700}.work-create-form input,.work-create-form select{width:100%;border:1px solid #d9dee7;border-radius:7px;padding:10px;background:#fff;color:var(--ink)}.work-create-form input:focus,.work-create-form select:focus{outline:3px solid #2f6fed1c;border-color:var(--accent)}.work-create-form .form-actions{text-align:right}@media(max-width:520px){.work-create-form{grid-template-columns:1fr}.work-create-form .full{grid-column:auto}}
.work-card-actions{display:flex;align-items:center;gap:10px}.work-card-actions form{margin:0}
/* A card is the edit affordance; the explicit completion control remains isolated. */
.work-card[data-edit-work]{transition:border-color .15s,box-shadow .15s}.work-card[data-edit-work]:hover{border-color:#aebfe0;box-shadow:0 4px 12px #16213a14}.work-card-complete{margin-top:0!important}
/* Completion is available alongside edits, without requiring a return to the board card. */
.work-edit-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.work-edit-complete{color:#b42318}@media(max-width:520px){.work-edit-actions{align-items:flex-start;flex-direction:column}.work-edit-actions .button{width:100%}}

/* Work identity stays prominent; title and synopsis distinguish a repeat contact's projects. */
.work-card .work-card-title{margin:1px 0 2px;font-size:12px;font-weight:700;color:var(--ink)}
.work-card .work-card-synopsis{margin:0 0 8px;font-size:11px;color:var(--muted)}
.work-card-contact{display:inline-block;margin-top:2px;padding:5px 8px;border:1px solid var(--line);border-radius:5px;color:var(--accent);font-size:10px;font-weight:700;text-decoration:none;background:#f8faff}.work-card-contact:hover{background:#edf3ff;border-color:#b9c9e8}
.work-card-contact{display:inline-block;margin-top:2px;padding:5px 8px;border:1px solid var(--line);border-radius:5px;color:var(--accent);font-size:10px;font-weight:700;text-decoration:none;background:#f8faff}.work-card-contact:hover{background:#edf3ff;border-color:#b9c9e8}

/* The Contact link belongs in the Work editor, not on the board card. */
.work-edit-contact{display:inline-flex;align-items:center;padding:8px 0;color:var(--accent);font-size:12px;font-weight:700;text-decoration:none}.work-edit-contact:hover{text-decoration:underline}.work-edit-actions>div{display:flex;align-items:center;gap:14px}
/* Direct, deliberate Contact access controls. */
.access-core-form{padding-bottom:14px}.access-direct-control{padding:14px 20px;border-top:1px solid #edf0f4}.access-direct-control>span{display:block;margin-bottom:8px;font-size:11px;font-weight:700}.access-chip-list{display:flex;flex-wrap:wrap;gap:6px;min-height:26px;margin-bottom:9px}.access-chip-list small,.access-direct-control>small{color:var(--muted);font-size:10px}.access-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 8px;border:1px solid #dce4ef;border-radius:14px;background:#f6f9fd;color:#435168;font-size:11px}.access-chip form{margin:0}.access-chip button{display:grid;place-items:center;width:19px;height:19px;border:0;border-radius:50%;background:transparent;color:#687386;font-size:16px;line-height:1;cursor:pointer}.access-chip button:hover{background:#e5ebf3;color:#b42318}.access-add-form{display:flex;gap:7px}.access-add-form select{min-width:0;flex:1;border:1px solid #d9dee7;border-radius:7px;padding:8px;background:#fff;color:var(--ink)}.access-add-form .button{padding:8px 10px;font-size:11px;white-space:nowrap}.access-add-form .button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:520px){.access-add-form{align-items:stretch;flex-direction:column}.access-add-form .button{width:100%}}
/* Direct, deliberate Contact access controls. */
.access-core-form{padding-bottom:14px}.access-direct-control{padding:14px 20px;border-top:1px solid #edf0f4}.access-direct-control>span{display:block;margin-bottom:8px;font-size:11px;font-weight:700}.access-chip-list{display:flex;flex-wrap:wrap;gap:6px;min-height:26px;margin-bottom:9px}.access-chip-list small,.access-direct-control>small{color:var(--muted);font-size:10px}.access-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 8px;border:1px solid #dce4ef;border-radius:14px;background:#f6f9fd;color:#435168;font-size:11px}.access-chip form{margin:0}.access-chip button{display:grid;place-items:center;width:19px;height:19px;border:0;border-radius:50%;background:transparent;color:#687386;font-size:16px;line-height:1;cursor:pointer}.access-chip button:hover{background:#e5ebf3;color:#b42318}.access-add-form{display:flex;gap:7px}.access-add-form select{min-width:0;flex:1;border:1px solid #d9dee7;border-radius:7px;padding:8px;background:#fff;color:var(--ink)}.access-add-form .button{padding:8px 10px;font-size:11px;white-space:nowrap}@media(max-width:520px){.access-add-form{align-items:stretch;flex-direction:column}.access-add-form .button{width:100%}}
/* Inline autosave feedback for the Contact edit modal, matching Access & Brands. */
.autosave-status{grid-column:1/-1;margin:0;min-height:14px;font-size:11px;color:var(--muted)}
.autosave-status.autosave-error{color:#b42318}
.communications-shell{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:570px;overflow:hidden}.conversation-list{border-right:1px solid var(--line);background:#fbfcfe}.conversation-list header{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line)}.conversation-row{display:flex;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.conversation-row.selected{background:#eef4ff}.conversation-row strong,.conversation-row small{display:block}.conversation-row small,.conversation-header small{font-size:11px;color:var(--muted);margin-top:3px}.conversation-view{display:flex;flex-direction:column;min-width:0}.conversation-header{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.conversation-header strong,.conversation-header small{display:block}.message-history{flex:1;padding:22px;display:grid;align-content:start;gap:10px;background:#f8fafc}.message-bubble{max-width:70%;padding:10px 13px;border-radius:10px;background:#fff;border:1px solid var(--line)}.message-bubble.outbound{justify-self:end;background:#eaf3ff;border-color:#d5e5fb}.message-bubble p{margin:0 0 5px;white-space:pre-wrap}.message-bubble small{font-size:10px;color:var(--muted)}.message-compose{display:flex;gap:10px;padding:15px;border-top:1px solid var(--line)}.message-compose textarea{flex:1;resize:none;padding:10px;border:1px solid var(--line);border-radius:7px}.message-compose button{align-self:end}@media(max-width:760px){.communications-shell{grid-template-columns:1fr}.conversation-list{border-right:0;border-bottom:1px solid var(--line);max-height:240px;overflow:auto}.conversation-view{min-height:420px}}

/* Messaging inbox */
.page-actions{display:flex;gap:10px;align-items:center}.conversation-list header form{display:grid;gap:6px;margin-top:10px}.conversation-list select{max-width:100%;font-size:12px}.conversation-summary{min-width:0;flex:1}.conversation-summary strong{display:flex;justify-content:space-between;gap:6px}.unread,.unread-total{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--accent);color:#fff;font-size:11px}.message-history{overflow-y:auto;max-height:calc(100vh - 310px);min-height:380px}.unknown-actions{padding:14px 18px;background:#fff8e7;border-top:1px solid #f1d58a}.unknown-actions p{margin:4px 0 10px}.unknown-actions form{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.mobile-back{display:none}.message-compose small{align-self:center;color:var(--muted)}@media(max-width:760px){.communications-shell:has(.conversation-view:not(.empty)){display:block}.communications-shell .conversation-list{display:none}.communications-shell:has(.conversation-view .large) .conversation-list{display:block}.mobile-back{display:block;margin-bottom:8px}.message-history{min-height:calc(100vh - 360px);max-height:none}.conversation-header{align-items:flex-start}.page-actions{gap:6px}.page-actions .button-secondary{display:none}}