:root{font-family:'DM Sans',ui-sans-serif,system-ui,sans-serif;color:#17211d;background:#f5f7f3;--ink:#17211d;--muted:#718078;--line:#dfe7e0;--soft:#edf3ee;--primary:#1f806a;--primary-dark:#155e50;--mint:#dff3e9;--cream:#fbfaf5;--amber:#f4b860;--rose:#c86d77;--navy:#16322c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% -10%,#e5f3ea 0,transparent 35%),#f5f7f3;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:264px;background:#16322c;color:#eaf5ee;padding:24px 15px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:4px 11px 30px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#bcefd9;color:#16322c;font:800 19px Manrope}.brand strong,.brand small{display:block}.brand strong{font:800 16px Manrope;letter-spacing:-.03em}.brand small{color:#9bb8aa;font-size:11px;margin-top:2px}.workspace-switcher{padding:0 5px 22px}.label,.eyebrow,.form-overline{font-size:10px;font-weight:800;letter-spacing:.13em}.workspace-switcher .label{color:#86a99b;display:block;margin:0 8px 8px}.workspace-button{width:100%;border:1px solid #31564b;background:#1c4037;border-radius:14px;color:#effcf4;padding:10px;display:flex;align-items:center;text-align:left;gap:9px}.workspace-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#f7c978;color:#573c12;font-weight:800}.workspace-button b,.workspace-button small{display:block}.workspace-button b{font-size:12px}.workspace-button small{font-size:10px;color:#a9c6b7;margin-top:2px}.chevron{margin-left:auto;color:#91b3a3}.nav-primary,.nav-secondary{display:grid;gap:4px}.nav-primary button,.nav-secondary button{display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#aac2b7;text-align:left;padding:10px 12px;border-radius:10px;font-size:13px}.nav-primary button span,.nav-secondary button span{font-size:17px;width:18px;text-align:center;color:#8fb8a5}.nav-primary button:hover,.nav-secondary button:hover,.nav-primary button.active,.nav-secondary button.active{background:#285346;color:#fff}.nav-primary button.active span,.nav-secondary button.active span{color:#c2f1da}.nav-divider{color:#6f9685;font-size:9px;font-weight:800;letter-spacing:.13em;padding:24px 12px 8px}.sidebar-foot{margin-top:auto;padding:14px 11px 0;color:#93b3a5;font-size:11px;border-top:1px solid #2a4e43}.sidebar-foot small{float:right;color:#688c7d}.status-dot{display:inline-block;width:7px;height:7px;background:#65e7a8;border-radius:50%;margin-right:6px}.main{margin-left:264px;flex:1;min-width:0;padding:38px clamp(24px,4vw,64px) 64px;max-width:1600px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px}.eyebrow{color:#759184}.topbar h1{font:800 clamp(27px,3vw,38px) Manrope;letter-spacing:-.055em;margin:7px 0 5px}.view-description{color:var(--muted);margin:0;max-width:640px;font-size:14px}.top-actions{display:flex;align-items:center;gap:10px}.preview-link{color:var(--primary);font-weight:700;font-size:13px;background:#e4f4eb;border-radius:9px;padding:10px 13px;text-decoration:none}.button{border:0;border-radius:10px;padding:11px 15px;font-weight:800;font-size:13px;transition:.18s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--primary);color:#fff;box-shadow:0 7px 18px #1f806a2b}.button.primary:hover{background:var(--primary-dark)}.button.ghost{background:#fff;border:1px solid var(--line);color:#50635a}.button.soft{background:#e6f2eb;color:#216b58}.button.danger{background:#fff0ef;color:#b34d55}.button.wide{width:100%;justify-content:space-between;display:flex}.hidden{display:none!important}.notice{position:fixed;right:25px;bottom:24px;z-index:20;padding:13px 17px;background:#16322c;color:#fff;border-radius:12px;box-shadow:0 16px 35px #16322c35;font-size:13px}.notice.error{background:#9f414c}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px}.metric{background:#fff;border:1px solid var(--line);padding:18px 19px;border-radius:16px}.metric .metric-label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.metric strong{font:800 28px Manrope;letter-spacing:-.06em;display:block;margin:13px 0 4px}.metric small{color:#8a998f;font-size:11px}.metric.accent{background:var(--navy);color:#f0fff7;border-color:var(--navy)}.metric.accent .metric-label,.metric.accent small{color:#a9c8ba}.page-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:18px}.panel,.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 7px 25px #233a2e08}.panel-header,.section-head,.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.panel-header h2,.section-head h2,.card-head h2{font:800 19px Manrope;letter-spacing:-.04em;margin:5px 0 0}.section-head{margin-bottom:22px}.section-tools{display:flex;align-items:center;gap:9px}.muted{color:var(--muted);font-size:13px;line-height:1.6}.callout{padding:16px 17px;background:#f4f8f4;border:1px solid #deebe1;border-radius:13px;color:#53685d;font-size:13px;line-height:1.5}.callout strong{color:var(--ink)}.callout.warm{background:#fff7e9;border-color:#f7dfb5}.quick-actions{display:flex;gap:9px;flex-wrap:wrap}.quick-actions .button{font-size:12px}.tenant-list,.list-stack{display:grid;gap:9px}.tenant-row,.list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);padding:14px;border-radius:13px;background:#fcfefc}.tenant-row:hover,.list-row:hover{border-color:#acd9c5;background:#f7fcf8}.tenant-row b,.list-row b{display:block;font-size:13px}.tenant-row small,.list-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.status{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;background:#e4f5eb;color:#247257}.status.pending{background:#fff2d7;color:#9a681f}.empty{padding:28px;text-align:center;color:var(--muted);background:#f8faf8;border:1px dashed #cbd9ce;border-radius:14px;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label,.field{display:grid;gap:7px;color:#506259;font-size:12px;font-weight:700}.form-grid label.full,.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.search-input{width:100%;border:1px solid #d5e0d7;border-radius:10px;background:#fcfefc;color:var(--ink);padding:11px 12px;outline:none;font-size:13px;font-weight:500}.form-grid textarea{min-height:92px;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.search-input:focus{border-color:#5bbd98;box-shadow:0 0 0 3px #bcefd955;background:#fff}.form-end{grid-column:1/-1;display:flex;justify-content:flex-end}.pill-tabs{display:flex;gap:6px;flex-wrap:wrap}.pill-tabs button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800}.pill-tabs button.active{background:#dff3e9;color:#1e6e59;border-color:#b7e2cb}.table-shell{overflow:auto;border:1px solid var(--line);border-radius:13px}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th,.data-table td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table th{color:#7c8c82;background:#f7faf7;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.data-table tr:last-child td{border-bottom:0}.calendar-tools{display:flex;align-items:center;gap:8px}.calendar-tools input{width:auto}.calendar-board{display:grid;grid-template-columns:1fr 1.4fr;gap:15px}.date-card{background:#eff8f1;border-radius:15px;padding:18px}.date-card strong{font:800 24px Manrope;display:block;margin-top:10px}.date-card small{color:#637a6b}.schedule-day{display:grid;grid-template-columns:1fr 115px 115px 55px;gap:10px;align-items:end;border-bottom:1px solid var(--line);padding:11px 0}.schedule-day:last-child{border-bottom:0}.schedule-day label{font-size:12px;font-weight:800}.schedule-day input{padding:8px}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;grid-template-columns:1fr auto!important;gap:12px!important;border:1px solid var(--line);padding:13px;border-radius:12px;background:#fbfdfb}.toggle-row span{display:block}.toggle-row b,.toggle-row small{display:block}.toggle-row b{color:var(--ink);font-size:13px}.toggle-row small{font-weight:500;color:var(--muted);margin-top:3px}.toggle-row input{width:42px!important;height:23px;accent-color:var(--primary)}.site-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:18px}.site-preview{position:sticky;top:25px;background:#17352e;border-radius:18px;overflow:hidden;color:#effcf4;min-height:390px}.site-preview-top{padding:17px 18px;display:flex;justify-content:space-between;font-size:11px;color:#a9c8ba}.site-preview-body{padding:30px 25px 25px;min-height:330px;background:linear-gradient(145deg,#234a3d,#102b25)}.site-preview-body .preview-kicker{color:#b9e6cf;font-size:10px;letter-spacing:.12em;font-weight:800}.site-preview-body h3{font:800 29px Manrope;letter-spacing:-.06em;max-width:390px;margin:16px 0}.site-preview-body p{color:#b5cdc1;font-size:13px;line-height:1.6;max-width:340px}.preview-image{height:100px;width:150px;object-fit:cover;border-radius:12px;margin-top:14px;border:2px solid #ffffff44}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery-card{position:relative;border:2px solid transparent;background:#f5f8f5;border-radius:12px;padding:5px;text-align:left}.gallery-card.selected{border-color:var(--primary);background:#e8f7ee}.gallery-card img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:8px}.gallery-card span{display:block;padding:7px 4px 4px;font-size:10px;font-weight:800;color:#587066}.gallery-card input{position:absolute;opacity:0}.gallery-card .selected-mark{display:none;position:absolute;top:10px;right:10px;background:var(--primary);color:white;width:21px;height:21px;border-radius:50%;place-items:center;font-size:12px}.gallery-card.selected .selected-mark{display:grid}.divider{height:1px;background:var(--line);margin:22px 0}.detail-hero{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.avatar{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#dff3e9;color:#216b58;font:800 17px Manrope}.detail-hero h2{margin:0;font:800 20px Manrope;letter-spacing:-.04em}.detail-hero p{margin:4px 0 0;color:var(--muted);font-size:12px}.auth-card{max-width:970px;display:grid;grid-template-columns:1.25fr .75fr;min-height:450px;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 22px 70px #223f3220}.auth-visual{position:relative;overflow:hidden;padding:48px 45px;background:#17372f;color:#effcf4}.auth-visual h2{font:800 clamp(31px,4vw,50px) Manrope;letter-spacing:-.07em;line-height:1.02;margin:42px 0 19px;position:relative}.auth-visual h2 em{font-style:normal;color:#a9edc9}.auth-visual p{max-width:420px;color:#b9d0c4;line-height:1.65;font-size:14px;position:relative}.auth-proof{position:absolute;bottom:34px;left:45px;right:25px;color:#a9c9ba;font-size:11px;display:flex;gap:12px;flex-wrap:wrap}.auth-proof span{color:#77e7ae}.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.65}.orb-one{width:260px;height:260px;right:-90px;top:-80px;background:#4ba88055}.orb-two{width:180px;height:180px;left:-90px;bottom:-80px;background:#f0bd6850}.auth-form{padding:45px 36px;display:flex;flex-direction:column;justify-content:center}.auth-form h3{font:800 27px Manrope;letter-spacing:-.05em;margin:9px 0 2px}.auth-form label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#566a5e;margin-top:16px}.auth-form input{border:1px solid #d5e0d7;border-radius:10px;padding:12px;outline:none}.auth-form input:focus{border-color:#5bbd98;box-shadow:0 0 0 3px #bcefd955}.auth-form .button{margin-top:23px}.form-overline{color:#6f9180}.role-badge{font-size:10px;background:#e7f5eb;color:#237157;padding:5px 8px;border-radius:999px;font-weight:800}.color-input{height:41px;padding:4px!important}.holiday-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.holiday-chip{display:flex;align-items:center;gap:8px;background:#fff4dc;color:#84602a;border:1px solid #f0d59d;border-radius:999px;padding:7px 10px;font-size:11px}.holiday-chip button{border:0;background:transparent;color:#9e7140;padding:0;font-weight:800}.mobile-menu{display:none}
.editor-welcome{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px;border-radius:22px;background:linear-gradient(135deg,#e5f7ee,#fffaf0);border:1px solid #cfe7d9;margin-bottom:18px}.editor-welcome h2{margin:6px 0;font-size:24px}.editor-welcome p{margin:0;color:var(--muted);max-width:620px}.editor-welcome-mark{font-size:46px;color:var(--primary)}.editor-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;margin:16px 0;box-shadow:0 10px 28px rgba(23,33,29,.04)}.editor-card-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.editor-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--mint);font-size:23px}.editor-card h3{margin:2px 0 4px}.editor-card p{margin:0;color:var(--muted);font-size:14px}.editor-fields{display:flex;flex-direction:column;gap:14px}.friendly-field{display:flex;flex-direction:column;gap:5px}.friendly-field>span{font-weight:700}.friendly-field small{color:var(--muted)}.friendly-field input,.friendly-field textarea{width:100%;border:2px solid #dce7df;border-radius:13px;padding:13px 14px;background:#fbfdfb}.friendly-field input:focus,.friendly-field textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 4px rgba(31,128,106,.12)}#site-form label:has(textarea[name="content_json"]),#site-form label:has(textarea[name="blog_json"]){display:none}.advanced-editor{margin:16px 0;padding:14px 16px;border:1px dashed #bfd6c7;border-radius:14px;color:var(--muted)}.advanced-editor summary{cursor:pointer;color:var(--primary-dark);font-weight:700}.live-preview-panel{margin-top:22px;padding:20px;border-radius:22px;background:#17211d;color:#fff}.live-preview-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.live-preview-head h2{margin:5px 0}.live-preview-head p{margin:0;color:#bbcbc2}.live-preview-frame{height:760px;border-radius:16px;overflow:hidden;background:#fff}.live-preview-frame iframe{width:100%;height:100%;border:0}.site-layout{display:block}.site-preview{display:none}@media(max-width:760px){.editor-welcome,.live-preview-head{display:block}.editor-welcome-mark{display:none}.live-preview-head .button{display:inline-block;margin-top:12px}.live-preview-frame{height:600px}}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.page-grid,.site-layout,.calendar-board{grid-template-columns:1fr}.site-preview{position:relative;top:auto}.auth-card{grid-template-columns:1fr}.auth-visual{min-height:350px}.auth-proof{position:relative;left:auto;bottom:auto;margin-top:35px}}
@media(max-width:760px){.sidebar{position:relative;width:100%;height:auto;min-height:0;padding:14px}.app-shell{display:block}.brand{padding-bottom:15px}.workspace-switcher,.nav-divider,.sidebar-foot{display:none}.nav-primary{display:flex;overflow:auto}.nav-primary button{white-space:nowrap;padding:9px 10px}.nav-secondary{display:none}.main{margin-left:0;padding:25px 16px 45px}.topbar{margin-bottom:23px}.topbar h1{font-size:28px}.top-actions{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:14px}.metric strong{font-size:23px}.page-grid,.form-grid,.form-grid.three{grid-template-columns:1fr}.panel,.card{padding:17px}.calendar-board{display:flex;flex-direction:column}.schedule-day{grid-template-columns:1fr 74px 74px 42px}.auth-card{border-radius:18px}.auth-visual{padding:30px 25px;min-height:330px}.auth-form{padding:30px 22px}.auth-visual h2{margin-top:30px;font-size:36px}.auth-proof{left:auto}.gallery-grid{grid-template-columns:repeat(2,1fr)}.section-tools{align-items:stretch;flex-direction:column}.search-input{max-width:none}}
.site-manager-split{display:grid!important;grid-template-columns:minmax(420px,0.95fr) minmax(520px,1.05fr);gap:24px;align-items:start}.site-manager-split>.panel{min-width:0}.site-manager-split .live-preview-panel{position:sticky;top:24px;min-width:0}.site-subtabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;padding:6px;background:#f4f2ed;border-radius:12px}.site-subtabs button{border:0;background:transparent;border-radius:9px;padding:10px 13px;color:#6f746f;cursor:pointer;font:inherit}.site-subtabs button.active{background:#fff;color:#1d6359;box-shadow:0 2px 8px #21483d14}.hidden{display:none!important}.blog-workspace{margin-top:6px}.blog-editor-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(280px,1.1fr);gap:20px}.blog-admin-card,.message-rule-card{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:15px;border:1px solid #e7e3db;border-radius:14px;background:#fff}.blog-admin-card h3{margin:7px 0 4px}.rule-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.blog-admin-card p{margin:0 0 6px;color:#727872}.message-rule-card small{display:block;color:#7d837d;margin-top:5px}.message-rule-card+.message-rule-card,.blog-admin-card+.blog-admin-card{margin-top:10px}.status.pending{background:#fff1d8;color:#94631a}.button.danger{color:#a1443b;border-color:#efc8c4;background:#fff8f7}.button.ghost{background:transparent}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.toggle-row input{width:auto}.muted{color:#727872}.live-preview-frame{background:#1e2524;border-radius:16px;padding:12px;box-shadow:0 16px 40px #183b3218;overflow:hidden}.live-preview-frame iframe{display:block;width:100%;height:min(78vh,820px);min-height:620px;border:0;border-radius:9px;background:#fff}.live-preview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.live-preview-head h2{margin:4px 0}.live-preview-head p{margin:0;color:#7a807b}@media(max-width:1100px){.site-manager-split{grid-template-columns:1fr}.site-manager-split .live-preview-panel{position:relative;top:auto}.live-preview-frame iframe{height:720px}}@media(max-width:700px){.blog-editor-layout{grid-template-columns:1fr}.live-preview-frame iframe{min-height:560px;height:70vh}.live-preview-head{display:block}.live-preview-head .button{display:inline-block;margin-top:10px}}
.variable-picker{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.variable-picker span{font-size:.82rem;font-weight:700;color:var(--muted);margin-right:4px}.variable-picker .button{padding:7px 10px;font-size:.78rem}
.nav-divider-inner{padding:14px 12px 4px;font-size:8px;color:#79a18f}.nav-secondary .nav-divider-inner:first-child{padding-top:2px}.nav-secondary{gap:3px}
.nav-subitem{padding-left:30px!important;font-size:12px!important;color:#8aa69a!important}.nav-subitem.active{color:#dff3e9!important;background:rgba(53,139,112,.28)!important}.detail-page-shell{max-width:1120px;margin:0 auto}.detail-page-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px}.detail-page-shell>#client-detail-page{min-height:520px;padding:30px}.detail-page-shell .detail-hero{padding-bottom:22px}.detail-page-shell .form-grid{max-width:900px}.detail-page-shell .workspace-subhead{border-top:1px solid var(--line);padding-top:24px}.finance-section-title{margin-bottom:20px}
.client-list-page{max-width:980px}.client-list-page>.panel{min-height:360px}.client-list-page+.panel{background:linear-gradient(135deg,#f0faf4,#fffdf7);border-color:#cfe5d8}.client-list-page .list-row{padding:17px 18px}
#new-client-card{max-width:980px;margin:0 0 18px!important;background:linear-gradient(135deg,#f0faf4,#fffdf7);border-color:#cfe5d8}

.client-quick-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 18px}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.status-pill.active{background:#dff3e9;color:#216b58}.workspace-subhead{font:800 15px Manrope;letter-spacing:-.02em;margin:22px 0 10px}.status-done{background:#f2faf5;border-color:#ccebd7}.status-next{background:#fffaf0;border-color:#f0d59d}.client-quick-actions+.callout{margin-top:6px}
.finance-section{margin-top:18px}.finance-section .panel-header{align-items:center}.finance-section .panel-header h2{font-size:17px}.finance-section .panel-header p{margin:4px 0 0;color:var(--muted);font-size:12px}.finance-kpi-note{font-size:11px;color:var(--muted);margin-top:4px}.finance-empty{padding:17px;border:1px dashed #cbd9ce;border-radius:13px;color:var(--muted);background:#fbfdfb;font-size:12px}
@media(max-width:760px){.client-quick-actions{align-items:flex-start;flex-direction:column}.workspace-subhead{margin-top:18px}}
/* Full-page task workspaces and independently scrollable navigation. */
.sidebar{height:100dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;z-index:40}.sidebar>*{flex-shrink:0}.sidebar-foot{margin-top:24px}.nav-secondary{display:grid}.menu-toggle,.menu-dismiss{display:none}.main{min-width:0}.task-editor{margin-top:18px;width:100%;max-width:none}.task-form{display:flex;flex-direction:column;gap:18px;max-width:960px}.task-form label{display:flex;flex-direction:column;gap:8px;font-weight:600}.task-form input,.task-form textarea,.task-form select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.task-form .toggle-row{flex-direction:row}.task-form .toggle-row input{width:auto}.task-form button{align-self:flex-start}.form-error{color:#a33434;margin:0;white-space:pre-wrap}.task-form .section-tools{display:flex;gap:12px}.workspace-section{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.note-record{padding:14px 0;border-bottom:1px solid var(--line)}.note-record p{white-space:pre-wrap;overflow-wrap:anywhere}.record-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.record-detail{margin:20px 0}.record-detail>div{padding:14px 0;border-bottom:1px solid var(--line)}.record-detail dt{color:var(--muted);font-size:13px}.record-detail dd{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.search-label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.search-label input{width:100%;max-width:100%}.detail-page-shell,.client-list-page{max-width:none}.detail-page-shell>#client-detail-page{padding:28px}details>summary{cursor:pointer;padding:14px 0;font-weight:700;color:var(--primary-dark)}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #d99522;outline-offset:3px}.error-state{border:1px solid #e8b8b8;background:#fff8f8}.task-preview{width:100%;height:75vh;border:1px solid var(--line);border-radius:12px}.media-choice{border:2px solid var(--line);border-radius:12px;padding:12px;cursor:pointer}.media-choice:has(input:checked){border-color:var(--primary);background:var(--soft)}.media-choice img{width:100%;height:160px;object-fit:cover;border-radius:8px}.media-choice input{width:auto}.financial-summary .list-row{width:100%}#finance .list-row,#clients .list-row{width:100%;text-align:left}#finance,#site,#blog{width:100%}.task-form textarea{resize:vertical}
@media(max-width:760px){.menu-toggle{display:block;position:sticky;top:8px;left:16px;margin:12px 16px;z-index:35;background:#16322c;color:white}.sidebar{display:none;position:fixed;inset:0 auto 0 0;width:min(340px,92vw);height:100dvh;padding:16px;box-shadow:0 0 0 100vmax #10251e88}.menu-open .sidebar{display:flex}.menu-dismiss{display:block;margin-bottom:16px;background:white;color:#16322c}.sidebar .nav-primary,.sidebar .nav-secondary{display:grid;overflow:visible}.sidebar .nav-divider,.sidebar .workspace-switcher{display:block}.sidebar .nav-primary button{white-space:normal}.sidebar .nav-divider-inner{display:block}.main{margin-left:0;padding-top:10px}.top-actions{display:flex;flex-wrap:wrap}.topbar{flex-wrap:wrap;gap:12px}.record-actions{width:100%;justify-content:space-between}.list-row,.blog-admin-card{flex-wrap:wrap}.detail-page-tools{align-items:flex-start;flex-direction:column}.detail-page-shell>#client-detail-page{padding:18px}.task-form button{max-width:100%}.task-form{width:100%}.section-head{flex-wrap:wrap;gap:14px}.menu-open{overflow:hidden}}
/* Enhanced SaaS & Clinic Workspace UI */
.status.confirmed,.status.active{background:#dff3e9;color:#1b6b53}
.status.completed{background:#e4eefb;color:#245494}
.status.cancelled,.status.suspended{background:#fdebec;color:#a63642}
.status.trial{background:#fff2d6;color:#946216}
.button.wa-btn{background:#1fa855;color:#fff;box-shadow:0 5px 14px rgba(31,168,85,.22);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.button.wa-btn:hover{background:#178a43;color:#fff}
.button.sm{padding:7px 11px;font-size:11.5px;border-radius:8px}
.nav-badge{margin-left:auto;background:#f4b860;color:#2d1f06;font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;width:auto!important}
.week-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));gap:10px;overflow-x:auto;padding-bottom:6px}
.week-day-col{background:#f9fbf9;border:1px solid var(--line);border-radius:14px;padding:12px 10px;display:flex;flex-direction:column;gap:8px;min-width:135px}
.week-day-col.today{border-color:var(--primary);background:#f1faf5;box-shadow:0 0 0 2px rgba(31,128,106,.12)}
.week-day-head{text-align:center;padding-bottom:8px;border-bottom:1px solid var(--line)}
.week-day-head strong{display:block;font-size:13px;color:var(--ink)}
.week-day-head small{color:var(--muted);font-size:11px}
.week-slot-list{display:flex;flex-direction:column;gap:6px}
.week-slot-btn{width:100%;text-align:left;padding:7px 9px;border-radius:9px;border:1px solid var(--line);font-size:11.5px;font-weight:700;display:flex;flex-direction:column;gap:2px;transition:.15s ease}
.week-slot-btn small{font-weight:500;font-size:10.5px;opacity:.88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.week-slot-btn.free{background:#fff;color:#2c5e4f;border-style:dashed;border-color:#bfd8ca}
.week-slot-btn.free:hover{background:#e7f6ee;border-style:solid;border-color:var(--primary)}
.week-slot-btn.pending{background:#fff4dc;color:#875813;border-color:#f2d194}
.week-slot-btn.confirmed{background:#dff3e9;color:#175c47;border-color:#addbc4}
.week-slot-btn.completed{background:#e8f0fc;color:#244e8a;border-color:#bdd3f7}
.week-slot-btn.closed{background:#f1f3f1;color:#87948c;cursor:not-allowed;text-align:center}
.tenant-portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:18px;margin-top:16px}
.tenant-portfolio-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 8px 24px rgba(22,50,44,.05)}
.tenant-portfolio-card:hover{border-color:#9fd4be}
.onboarding-bar{height:8px;background:#e8efe9;border-radius:999px;overflow:hidden;margin:6px 0}
.onboarding-fill{height:100%;background:linear-gradient(90deg,#1f806a,#48b899);border-radius:999px;transition:width .3s ease}
.onboarding-chips{display:flex;flex-wrap:wrap;gap:6px}
.onboarding-chip{font-size:10.5px;font-weight:700;padding:4px 8px;border-radius:999px;background:#f1f5f2;color:#6c7d73}
.onboarding-chip.done{background:#dff3e9;color:#1b6b53}
.repeater-stack{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.repeater-card{background:#f9fbf9;border:1px solid var(--line);border-radius:14px;padding:15px;display:grid;gap:10px}
.repeater-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.site-split-workspace{display:grid;grid-template-columns:minmax(420px,1fr) minmax(460px,1.08fr);gap:22px;align-items:start}
.site-split-workspace.preview-full{grid-template-columns:1fr}
.site-live-Column{position:sticky;top:20px;background:#16322c;color:#effcf4;border-radius:20px;padding:16px;box-shadow:0 18px 42px rgba(22,50,44,.18)}
.site-live-Column iframe{width:100%;height:78vh;min-height:620px;border:0;border-radius:12px;background:#fff;display:block;transition:width .25s ease;margin:0 auto}
.site-live-Column iframe.mobile-frame{width:390px;max-width:100%;height:740px;border:6px solid #2b4c43;border-radius:28px}
.client-360-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px;margin-top:18px}
.package-progress-bar{height:10px;background:#e5efe8;border-radius:999px;overflow:hidden;margin:8px 0}
.package-progress-fill{height:100%;background:var(--primary);border-radius:999px}
.timeline-feed{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto;padding-right:4px}
.timeline-item{display:flex;gap:12px;align-items:flex-start;padding:11px 13px;border-radius:12px;background:#f9fbf9;border:1px solid var(--line)}
.timeline-dot{width:9px;height:9px;border-radius:50%;background:var(--primary);margin-top:5px;flex-shrink:0}
.color-preset-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.color-preset-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:11px;font-weight:700}
.color-preset-dot{width:14px;height:14px;border-radius:50%;display:inline-block}
.onboarding-bar>span,.onboarding-fill{display:block;height:100%;background:linear-gradient(90deg,#1f806a,#48b899);border-radius:999px;transition:width .3s ease}
.package-progress-bar>span,.package-progress-fill{display:block;height:100%;background:var(--primary);border-radius:999px;transition:width .3s ease}
.repeater-item,.repeater-card{background:#f9fbf9;border:1px solid var(--line);border-radius:14px;padding:15px;display:grid;gap:10px}
.tenant-kpi-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;background:#f7faf8;border:1px solid var(--line);border-radius:12px;padding:12px}
.tenant-kpi-mini small{display:block;font-size:10.5px;color:var(--muted)}
.tenant-kpi-mini strong{font-size:14px;color:var(--ink)}

/* WhatsApp Rule Queue & Dashboard Cards */
.wa-dashboard-panel{border-color:#bfe3cf;background:linear-gradient(165deg,#f4fbf7 0%,#ffffff 55%)}
.wa-queue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.wa-queue-card{background:#fff;border:1px solid #d3e7dc;border-radius:15px;padding:15px;display:flex;flex-direction:column;gap:10px;box-shadow:0 6px 18px rgba(21,94,80,.05);transition:border-color .18s ease,transform .18s ease}
.wa-queue-card:hover{border-color:#6bc49c;transform:translateY(-1px)}
.wa-queue-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.wa-rule-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:10.5px;font-weight:800;background:#dff5e8;color:#146c43}
.wa-reason-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;background:#f1f6f3;color:#51685d}
.wa-client-line strong{display:block;font-size:14px;color:var(--ink)}
.wa-client-line small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.wa-preview-box{width:100%;border:1px solid #d5e5dc;border-radius:10px;padding:10px 11px;font-size:12.5px;line-height:1.5;color:#1e2f28;background:#fbfefc;resize:vertical}
.wa-preview-box:focus{outline:none;border-color:#1fa855;background:#fff;box-shadow:0 0 0 3px rgba(31,168,85,.14)}
.wa-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}
.wa-card-actions .button{padding:8px 12px;font-size:12px}
.wa-rule-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fcfefc}
.wa-rule-row.disabled-rule{opacity:.62;background:#f6f8f6}
.wa-template-preview{margin:6px 0;font-size:12.5px;line-height:1.55;color:#2c3e36;background:#f4f9f6;padding:9px 11px;border-radius:9px;border-left:3px solid var(--primary)}

/* Dashboard Mini Day & Hourly Availability Strip */
.mini-day-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:14px}
.mini-day-card{background:#f9fcfa;border:1px solid var(--line);border-radius:15px;padding:15px}
.mini-day-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.mini-day-head h4{margin:3px 0 0;font:800 15px Manrope;color:var(--ink)}
.mini-day-badges{display:flex;gap:6px;align-items:center}
.mini-hour-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}
.mini-hour-pill{border:1px solid var(--line);border-radius:10px;padding:8px 7px;text-align:center;display:flex;flex-direction:column;gap:2px;transition:.15s ease;background:#fff}
.mini-hour-pill strong{font-size:12px;display:block}
.mini-hour-pill span{font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.mini-hour-pill.free{background:#effaf3;border-color:#b7e4c7;color:#1b6b48}
.mini-hour-pill.free:hover{background:#dcf4e5;border-color:#1f806a}
.mini-hour-pill.confirmed{background:#dff0fb;border-color:#a8d1f0;color:#174e78}
.mini-hour-pill.pending{background:#fff4dc;border-color:#f2d194;color:#875813}
.mini-hour-pill.completed{background:#eceafb;border-color:#c8c2f2;color:#3f348f}
.mini-hour-pill.blocked{background:#f3f4f3;border-color:#d8deda;color:#7c8a82}

/* Full Weekly Calendar Synchronized with Public Website */
.calendar-kpi-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}
.cal-kpi-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.cal-kpi-box small{font-size:11px;font-weight:700;color:var(--muted)}
.cal-kpi-box strong{font:800 22px Manrope;color:var(--ink)}
.cal-kpi-box span{font-size:11px;color:#84948a}
.cal-kpi-box.free{background:linear-gradient(145deg,#effaf3,#fff);border-color:#bfe5cd}
.cal-kpi-box.free strong{color:#186a46}
.cal-kpi-box.busy{background:linear-gradient(145deg,#eef6fc,#fff);border-color:#bdd8f0}
.cal-kpi-box.busy strong{color:#1b527e}
.cal-kpi-box.pending{background:linear-gradient(145deg,#fff8ea,#fff);border-color:#f2d69e}
.cal-kpi-box.pending strong{color:#8e5b12}
.cal-kpi-box.blocked{background:linear-gradient(145deg,#f6f7f6,#fff)}

.calendar-toolbar-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.week-chip-group{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.week-chip-group .button{padding:8px 12px;font-size:12px}
.calendar-legend-bar{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:12px;font-weight:700;color:#4f6258}
.calendar-legend-bar span{display:inline-flex;align-items:center;gap:6px}
.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.legend-dot.free{background:#22945e}
.legend-dot.confirmed{background:#2469a6}
.legend-dot.pending{background:#e0911b}
.legend-dot.completed{background:#6250b5}
.legend-dot.blocked{background:#95a39b}

.week-day-col.selected-col{border-color:#2469a6;background:#f5f9fd}
.today-pill{background:var(--primary);color:#fff;font-size:9px;font-weight:800;padding:2px 6px;border-radius:999px;letter-spacing:.06em}
.day-slot-summary{display:flex;justify-content:center;gap:5px;margin-top:6px;flex-wrap:wrap}
.day-badge,.slot-pill{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:800}
.day-badge.free,.slot-pill.free{background:#e1f6ea;color:#176944}
.day-badge.busy,.slot-pill.busy{background:#e2effb;color:#1b5487}
.day-badge.closed,.slot-pill.closed{background:#ecefec;color:#6e7d74}

.week-slot-btn{padding:9px 10px;border-radius:11px;gap:3px}
.slot-top-line{display:flex;justify-content:space-between;align-items:center;gap:6px;width:100%}
.slot-top-line b{font-size:12.5px}
.slot-state-tag{font-size:9.5px;font-weight:800;padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.72)}
.slot-client-name{font-size:11.5px;font-weight:800;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.week-slot-btn.free{background:#f2fbf6;color:#186643;border:1px dashed #9dd6b6}
.week-slot-btn.free:hover{background:#dff5e8;border-style:solid;border-color:#1f806a}
.week-slot-btn.confirmed,.week-slot-btn.booked{background:#e1f0fc;color:#154875;border:1px solid #9ec7eb}
.week-slot-btn.pending{background:#fff3d6;color:#85530d;border:1px solid #f0c978}
.week-slot-btn.completed{background:#edeafb;color:#3d318a;border:1px solid #c3bbf0}
.week-slot-btn.slot-blocked{background:#f1f3f2;color:#637069;border:1px solid #d4dcd7}
.week-slot-btn.slot-blocked:hover{background:#e5eae7;border-color:#94a39b}

.slot-action-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:15px 18px;border-radius:14px;margin-bottom:14px;border:2px solid var(--primary);background:#f2fbf6}
.slot-action-banner.blocked{border-color:#8b9991;background:#f7f9f8}
.schedule-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:#fcfefc}
.inline-check{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:13.5px;cursor:pointer}
.inline-check input{width:18px;height:18px;accent-color:var(--primary)}
.time-pair{display:flex;align-items:center;gap:8px}
.time-pair input{border:1px solid #d2ded6;border-radius:9px;padding:7px 10px;background:#fff;font-weight:700}

@media(max-width:1180px){
  .site-split-workspace{grid-template-columns:1fr}
  .site-live-Column{position:relative;top:auto}
  .calendar-kpi-strip{grid-template-columns:repeat(2,1fr)}
  .mini-day-grid{grid-template-columns:1fr}
}