/* SobiDesk Trust Blue v2 — compatibility-safe visual layer. */
:root{--sobi-navy:#003087;--sobi-navy-deep:#00246b;--sobi-sky:#009cde;--sobi-canvas:#f5f7fa;--sobi-ink:#1a1a2e;--sobi-rule:#cbd2d6}
:where(button,[role="button"],a,input,select,textarea):focus-visible{outline:2px solid var(--sobi-sky)!important;outline-offset:2px!important}
.light #topbar,:root[data-theme="light"] #topbar{background:rgba(255,255,255,.96);border-bottom-color:#dbe2e8;box-shadow:0 1px 0 rgba(0,48,135,.035);backdrop-filter:blur(14px)}
.light #sidebar,:root[data-theme="light"] #sidebar{border-inline-end-color:#dbe2e8;box-shadow:8px 0 28px rgba(0,48,135,.035)}
.light #sidebar .nav-item.active,:root[data-theme="light"] #sidebar .nav-item.active{background:rgba(0,48,135,.075);color:var(--sobi-navy)}
.light .btn-primary,:root[data-theme="light"] .btn-primary{background:var(--sobi-navy);border-color:var(--sobi-navy);box-shadow:0 4px 12px rgba(0,48,135,.16)}
.light .btn-primary:hover,:root[data-theme="light"] .btn-primary:hover{background:var(--sobi-navy-deep);border-color:var(--sobi-navy-deep)}
.light :where(.card,.dash-kpi-card,.dash-section,.modal,.panel),:root[data-theme="light"] :where(.card,.dash-kpi-card,.dash-section,.modal,.panel){border-color:#d8e0e6;box-shadow:0 1px 3px rgba(0,48,135,.045)}
.dash-kpi-value,.badge,.sb-storage-pct,.dash-pipeline-meta strong{font-variant-numeric:tabular-nums}
.dash-hero-v2{border-radius:12px}
.light .dash-hero-v2,:root[data-theme="light"] .dash-hero-v2{background:linear-gradient(110deg,rgba(0,48,135,.055),rgba(0,156,222,.018) 52%,transparent),#fff;border-color:#d4dde4}

/* Operations command rail: frequent work lives over the canvas, not in the sidebar. */
#content-shell{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}
#content-shell>#main{flex:1;min-height:0;width:100%}
#workspace-command-nav{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 18px;background:color-mix(in srgb,var(--bg) 94%,var(--bg2));border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}
#workspace-command-nav::-webkit-scrollbar{display:none}
.command-nav-item{height:40px;min-width:max-content;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:color-mix(in srgb,var(--text) 82%,var(--text2));font:600 12px/1 var(--font-body,inherit);cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.command-nav-item i{font-size:17px;color:var(--accent2)}
.command-nav-item:hover{background:var(--bg2);border-color:var(--border);color:var(--text)}
.command-nav-item.active{background:var(--bg2);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--accent);box-shadow:0 2px 8px rgba(0,48,135,.08)}
.command-nav-item.active i{color:var(--accent)}
.command-count{min-width:19px;height:19px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--bg3);color:var(--text3);font:700 10px/1 var(--font-body,inherit);font-variant-numeric:tabular-nums}
.command-nav-item.active .command-count{background:rgba(0,48,135,.09);color:var(--accent)}
.command-ai{margin-inline-start:6px;background:linear-gradient(135deg,rgba(0,48,135,.08),rgba(0,156,222,.08));border-color:rgba(0,156,222,.2)}
.sb-mobile-search{display:none}

/* Sidebar contrast follows the command rail: readable first, hierarchy second. */
#sidebar{--sb-nav-text:#dce8f7;--sb-nav-muted:#aebed2;--sb-nav-icon:#55b9e7}
#sidebar .nav-item{color:var(--sb-nav-text);font-weight:600;font-size:12.5px}
#sidebar #nav-domains[hidden]{display:none!important}
#sidebar .nav-item i{color:var(--sb-nav-icon);opacity:.94}
#sidebar .nav-item:hover{color:#fff;background:rgba(85,185,231,.1)}
#sidebar .nav-item.active{color:#fff;background:rgba(0,156,222,.15)}
#sidebar .sb-group-head,#sidebar .sb-lbl{color:var(--sb-nav-muted);font-weight:700}
#sidebar,#sidebar button,#sidebar input,#sidebar select,#sidebar textarea{font-family:'Vazirmatn',Tahoma,sans-serif!important}
#sidebar .sb-group.sb-permanent{padding-top:4px;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}
#sidebar .sb-group.sb-permanent .sb-group-body{display:block!important;padding-bottom:2px}
.cfg-section{margin-top:16px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--bg2) 86%,var(--accent) 2%)}
.cfg-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--text2);font-size:11px;font-weight:750}
.cfg-section-head>span{display:flex;align-items:center;gap:6px}
.cfg-builder-btn,.cfg-return-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--accent) 9%,var(--bg));color:var(--accent2);padding:6px 9px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.cfg-builder-btn:hover,.cfg-return-btn:hover{background:color-mix(in srgb,var(--accent) 16%,var(--bg));border-color:var(--accent)}
.cfg-return-btn{margin-bottom:14px;width:100%}
.cfg-empty{padding:9px 10px;border:1px dashed var(--border);border-radius:8px;color:var(--text3);font-size:11px;text-align:center}
.modal:has(.fb-shell){width:min(1020px,94vw)}
.fb-shell{width:100%;max-width:100%;color:var(--text);font-family:var(--font-body,'Vazirmatn',sans-serif)}
.fb-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:4px 2px 18px;border-bottom:1px solid var(--border)}
.fb-kicker{display:block;margin-bottom:5px;color:var(--accent2);font-size:9px;font-weight:800;letter-spacing:.14em}
.fb-hero h2{display:flex;align-items:center;gap:8px;margin:0 0 5px;font-size:18px}.fb-hero h2 i{color:var(--accent2)}
.fb-hero p{max-width:590px;margin:0;color:var(--text3);font-size:11px;line-height:1.7}
.fb-hero-actions{display:flex;align-items:flex-end;gap:8px;flex-shrink:0}.fb-hero-actions label{display:grid;gap:4px;color:var(--text3);font-size:9px}.fb-hero-actions .cfg-return-btn{width:auto;margin:0;white-space:nowrap}
.fb-type-strip{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:14px;margin:16px 0;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--accent) 4%,var(--bg2))}
.fb-type-title{display:grid;gap:3px}.fb-type-title strong{font-size:11px}.fb-type-title span{color:var(--text3);font-size:9px}
.fb-type-palette{display:grid;grid-template-columns:repeat(5,minmax(70px,1fr));gap:6px}.fb-type{display:flex;align-items:center;gap:6px;min-height:36px;padding:7px 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text2);font:700 10px/1.2 inherit;cursor:pointer}.fb-type i{color:var(--accent2);font-size:15px}.fb-type:hover,.fb-type:focus-visible{border-color:var(--accent2);background:color-mix(in srgb,var(--accent) 8%,var(--bg));color:var(--text);outline:none}
.fb-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:14px;min-height:390px}.fb-list-panel,.fb-editor-panel{min-width:0;border:1px solid var(--border);border-radius:12px;background:var(--bg2);overflow:hidden}.fb-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-bottom:1px solid var(--border)}.fb-panel-head>div{display:flex;align-items:baseline;gap:7px}.fb-panel-head strong{font-size:12px}.fb-panel-head span{color:var(--text3);font-size:9px}.fb-add-main{padding:7px 10px;font-size:10px}
#fld-mgr-list{padding:8px}.fld-mgr-row{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid transparent;border-radius:9px}.fld-mgr-row+.fld-mgr-row{border-top-color:var(--border);border-radius:0}.fld-mgr-row:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--border));background:color-mix(in srgb,var(--accent) 4%,var(--bg))}.fb-field-icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:8px;background:color-mix(in srgb,var(--accent) 9%,var(--bg));color:var(--accent2)}.fb-field-copy{display:grid;gap:2px;min-width:0;flex:1}.fb-field-copy strong{overflow:hidden;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.fb-field-copy span{overflow:hidden;color:var(--text3);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.fb-row-actions{display:flex;gap:3px}.fb-row-actions .ic-btn{width:28px;height:28px}.fb-row-actions .ic-btn:disabled{opacity:.28;cursor:not-allowed}.fb-empty,.fb-editor-empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px;color:var(--text3);text-align:center}.fb-empty i,.fb-editor-empty i{font-size:30px;color:var(--accent2);opacity:.55}.fb-empty strong,.fb-editor-empty strong{color:var(--text2);font-size:11px}.fb-empty span,.fb-editor-empty span{max-width:260px;font-size:9px;line-height:1.6}
.fb-editor{padding:12px}.fb-editor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;padding-bottom:10px;border-bottom:1px solid var(--border)}.fb-editor-head>div{display:grid;gap:2px}.fb-editor-head span{color:var(--accent2);font-size:9px;font-weight:700}.fb-editor-head strong{font-size:12px}.fb-required{display:flex;align-items:center;gap:7px;margin:3px 0 12px;color:var(--text2);font-size:10px;cursor:pointer}.fb-required input{width:15px;height:15px;accent-color:var(--accent)}.fb-preview{margin:12px 0;padding:10px;border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--accent) 3%,var(--bg))}.fb-preview>span{display:block;margin-bottom:8px;color:var(--text3);font-size:9px;font-weight:700}.fb-preview .fg{margin-bottom:0}.fb-editor-actions{display:flex;gap:7px;margin-top:12px}
@media(max-width:820px){.fb-shell{width:100%}.fb-hero{display:grid}.fb-hero-actions{width:100%;justify-content:space-between}.fb-type-strip{grid-template-columns:1fr}.fb-type-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.fb-layout{grid-template-columns:1fr}.fb-editor-panel{min-height:300px}}

/* CRM business lanes: each client category owns its visual and data context. */
.cl-category-rail{display:flex;gap:7px;padding:9px 10px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:thin;background:color-mix(in srgb,var(--bg2) 94%,var(--accent) 2%)}
.cl-category-chip{--category-color:var(--accent);position:relative;min-width:132px;display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text2);font:600 10px/1.3 var(--font-body,inherit);text-align:start;cursor:pointer;overflow:hidden}
.cl-category-chip::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--category-color);opacity:.65}.cl-category-chip:hover,.cl-category-chip.active{border-color:color-mix(in srgb,var(--category-color) 45%,var(--border));background:color-mix(in srgb,var(--category-color) 7%,var(--bg));color:var(--text)}.cl-category-chip.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--category-color) 18%,transparent)}
.cl-category-chip>span:last-child{display:grid;gap:2px;min-width:0}.cl-category-chip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.cl-category-chip small{color:var(--text3);font-size:8px}.cl-category-dot{width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;border-radius:8px;background:color-mix(in srgb,var(--category-color) 12%,var(--bg2));color:var(--category-color);font-size:14px}.cl-category-dot.all{--category-color:var(--accent)}.cl-category-chip.add{--category-color:#14b8a6;border-style:dashed}
.cl-category-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--category-color) 10%,var(--bg));color:var(--category-color);font-size:8px;font-weight:700}.cl-category-tag i{font-size:9px}
.cl-crm-overview .cl-crm-hero{position:relative;overflow:hidden;border-top:3px solid var(--client-category-color)}.cl-crm-overview .cl-crm-hero::after{content:"";position:absolute;inset-inline-end:-35px;inset-block-start:-55px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--client-category-color) 13%,transparent),transparent 68%);pointer-events:none}.cl-crm-eyebrow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cl-modal-category{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 14px;padding:10px;border:1px solid color-mix(in srgb,var(--category-color) 38%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--category-color) 6%,var(--bg))}.cl-modal-category-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--category-color) 14%,var(--bg2));color:var(--category-color);font-size:18px}.cl-modal-category>div:nth-child(2){display:grid;gap:3px}.cl-modal-category .fl{margin:0}.cl-modal-category small{color:var(--text3);font-size:8.5px;line-height:1.5}.cl-category-create-action{align-self:center;justify-self:end;white-space:nowrap}
.fb-category-context{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--category-color) 12%,var(--bg));color:var(--category-color);font-size:9px;font-weight:700}

.modal:has(.tmpl-center),.modal:has(.tmpl-config){width:min(1120px,96vw);padding:0;overflow:hidden}.tmpl-center,.tmpl-config{font-family:var(--font-body,'Vazirmatn',sans-serif);color:var(--text);max-height:88vh;overflow:auto}
.tmpl-center-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px 17px;border-bottom:1px solid var(--border);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 7%,var(--bg2)),var(--bg2) 58%)}.tmpl-center-head>div>span,.tmpl-config-head>div:last-child>span{display:block;margin-bottom:4px;color:var(--accent2);font-size:8px;font-weight:850;letter-spacing:.14em}.tmpl-center-head h2,.tmpl-config-head h2{display:flex;align-items:center;gap:8px;margin:0 0 5px;font-size:18px}.tmpl-center-head h2 i{color:var(--accent2)}.tmpl-center-head p,.tmpl-config-head p{margin:0;color:var(--text3);font-size:10px;line-height:1.65}
.tmpl-section-title{display:flex;align-items:end;justify-content:space-between;padding:17px 22px 9px}.tmpl-section-title.library{padding-top:21px;border-top:1px solid var(--border)}.tmpl-section-title>div{display:grid;gap:3px}.tmpl-section-title strong{font-size:12px}.tmpl-section-title span{color:var(--text3);font-size:9px}
.tmpl-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:9px;padding:0 22px 20px}.tmpl-category-card{--category-color:var(--accent);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--bg2);overflow:hidden}.tmpl-category-card::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--category-color)}.tmpl-category-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--category-color) 13%,var(--bg));color:var(--category-color);font-size:18px}.tmpl-category-copy{display:grid;gap:2px;min-width:0}.tmpl-category-copy strong{font-size:11px}.tmpl-category-copy span{overflow:hidden;color:var(--text2);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.tmpl-category-copy small{color:var(--text3);font-size:8px}.tmpl-category-actions{grid-column:1/-1;display:flex;gap:5px;padding-top:7px;border-top:1px solid var(--border)}.tmpl-category-actions button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px;border:0;border-radius:7px;background:var(--bg3);color:var(--text2);font:700 9px/1 var(--font-body,inherit);cursor:pointer}.tmpl-category-actions button:hover{background:color-mix(in srgb,var(--category-color) 10%,var(--bg3));color:var(--category-color)}.tmpl-center>.tmpl-grid{padding:0 22px 22px;margin:0;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}

.tmpl-config{--template-color:var(--accent)}.tmpl-config-head{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:13px;padding:17px 20px;border-bottom:1px solid var(--border);background:linear-gradient(110deg,color-mix(in srgb,var(--template-color) 10%,var(--bg2)),var(--bg2) 58%)}.tmpl-config-head>button{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--bg2);color:var(--text2);cursor:pointer}.tmpl-config-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--template-color) 14%,var(--bg));color:var(--template-color);font-size:23px}.tmpl-config-grid{display:grid;grid-template-columns:230px minmax(360px,1fr) 240px;min-height:480px}.tmpl-identity,.tmpl-field-config,.tmpl-capabilities{padding:16px}.tmpl-field-config{border-inline:1px solid var(--border);background:color-mix(in srgb,var(--bg) 48%,var(--bg2))}.tmpl-step-label{display:flex;align-items:center;gap:8px;margin-bottom:15px}.tmpl-step-label>b{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--template-color) 13%,var(--bg));color:var(--template-color);font-size:10px}.tmpl-step-label>span{display:grid;gap:2px}.tmpl-step-label strong{font-size:10px}.tmpl-step-label small{color:var(--text3);font-size:8px}.tmpl-color-label{margin:13px 0 6px;color:var(--text3);font-size:9px;font-weight:700}.tmpl-color-row{display:flex;gap:7px;flex-wrap:wrap}.tmpl-color input{position:absolute;opacity:0}.tmpl-color span{width:25px;height:25px;display:block;border:3px solid var(--bg2);border-radius:50%;box-shadow:0 0 0 1px var(--border);cursor:pointer}.tmpl-color input:checked+span{box-shadow:0 0 0 2px var(--text),0 0 0 4px var(--bg2)}.tmpl-isolation-note{display:flex;gap:8px;margin-top:20px;padding:10px;border:1px solid color-mix(in srgb,#14b8a6 25%,var(--border));border-radius:9px;background:color-mix(in srgb,#14b8a6 6%,var(--bg));color:#14b8a6}.tmpl-isolation-note>i{font-size:17px}.tmpl-isolation-note>div{display:grid;gap:3px}.tmpl-isolation-note strong{font-size:9px}.tmpl-isolation-note span{color:var(--text3);font-size:8px;line-height:1.5}
.tmpl-config-tabs{display:flex;gap:5px;margin-bottom:10px}.tmpl-config-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg2);color:var(--text3);font:700 9px var(--font-body,inherit);cursor:pointer}.tmpl-config-tabs button.active{border-color:color-mix(in srgb,var(--template-color) 45%,var(--border));background:color-mix(in srgb,var(--template-color) 8%,var(--bg));color:var(--template-color)}.tmpl-config-tabs button span{min-width:17px;padding:1px 4px;border-radius:999px;background:var(--bg3);font-size:8px}.tmpl-field-pane{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tmpl-field-pane.active{display:grid}.tmpl-field-choice{position:relative;display:flex;align-items:center;gap:7px;min-width:0;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg2);cursor:pointer}.tmpl-field-choice>input{position:absolute;opacity:0}.tmpl-field-choice:has(input:checked){border-color:color-mix(in srgb,var(--template-color) 38%,var(--border));background:color-mix(in srgb,var(--template-color) 5%,var(--bg2))}.tmpl-field-choice-icon{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:7px;background:var(--bg3);color:var(--text3)}.tmpl-field-choice>span:nth-of-type(2){display:grid;gap:1px;min-width:0;flex:1}.tmpl-field-choice strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.tmpl-field-choice small{color:var(--text3);font-size:7.5px}.tmpl-field-check{opacity:0;color:var(--template-color)}.tmpl-field-choice:has(input:checked) .tmpl-field-check{opacity:1}
.tmpl-capability{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:7px;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--bg2);cursor:pointer}.tmpl-capability>input{position:absolute;opacity:0}.tmpl-capability:has(input:checked){border-color:color-mix(in srgb,var(--template-color) 35%,var(--border));background:color-mix(in srgb,var(--template-color) 5%,var(--bg2))}.tmpl-capability>i{font-size:18px;color:var(--text3)}.tmpl-capability:has(input:checked)>i{color:var(--template-color)}.tmpl-capability>span{display:grid;gap:2px}.tmpl-capability strong{font-size:9px}.tmpl-capability small{color:var(--text3);font-size:8px}.tmpl-config-footer{position:sticky;bottom:0;display:flex;align-items:center;gap:8px;padding:11px 16px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg2) 94%,transparent);backdrop-filter:blur(12px)}.tmpl-config-footer>div{display:flex;align-items:center;gap:6px;flex:1;color:var(--text3);font-size:8.5px}.tmpl-config-footer .btn-primary,.tmpl-config-footer .btn-cancel{white-space:nowrap}
.tmpl-category-actions .tmpl-danger-action{flex:0 0 30px;color:var(--danger)}.tmpl-category-actions .tmpl-danger-action:hover{background:color-mix(in srgb,var(--danger) 10%,var(--bg3));color:var(--danger)}
.tmpl-icon-label{margin:13px 0 6px;color:var(--text3);font-size:9px;font-weight:700}.tmpl-icon-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px}.tmpl-icon-trigger>span{display:flex;align-items:center;gap:7px;min-width:0}.tmpl-icon-trigger>span>i{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--template-color) 11%,var(--bg));color:var(--template-color);font-size:15px}.tmpl-icon-trigger b{overflow:hidden;color:var(--text2);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.tmpl-icon-trigger>i{color:var(--text3);font-size:12px}.tmpl-icon-picker-panel{margin-top:7px;padding:8px;border:1px solid var(--border);border-radius:9px;background:var(--bg2)}.tmpl-icon-picker-panel[hidden]{display:none}.tmpl-icon-search{display:flex;align-items:center;gap:6px;margin-bottom:7px;padding:6px 7px;border:1px solid var(--border);border-radius:7px;background:var(--bg)}.tmpl-icon-search:focus-within{border-color:var(--template-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--template-color) 12%,transparent)}.tmpl-icon-search i{color:var(--text3);font-size:11px}.tmpl-icon-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:500 9px var(--font-body,inherit)}.tmpl-icon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;max-height:205px;padding:2px;overflow:auto;scrollbar-width:thin}.tmpl-icon-choice.ic-btn{width:100%;height:auto;aspect-ratio:1;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:7px;background:var(--bg3);color:var(--text2)}.tmpl-icon-choice.ic-btn:hover{border-color:color-mix(in srgb,var(--template-color) 35%,var(--border));color:var(--template-color)}.tmpl-icon-choice.ic-btn.active{border-color:var(--template-color);background:color-mix(in srgb,var(--template-color) 12%,var(--bg));color:var(--template-color);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--template-color) 14%,transparent)}.tmpl-icon-choice i{font-size:16px}.tmpl-icon-empty{padding:12px;text-align:center;color:var(--text3);font-size:9px}.tmpl-icon-empty[hidden]{display:none}
.tmpl-custom-radio{position:absolute;opacity:0;pointer-events:none}.tmpl-color-picker{position:relative;width:25px;height:25px;display:grid;place-items:center;border:1px dashed var(--text3);border-radius:50%;background:var(--bg2);color:var(--text2);cursor:pointer;overflow:hidden}.tmpl-color-picker input{position:absolute;inset:-6px;width:40px;height:40px;opacity:0;cursor:pointer}.tmpl-color-picker i{pointer-events:none;font-size:12px}.tmpl-custom-radio:checked+.tmpl-color-picker{border-style:solid;box-shadow:0 0 0 2px var(--text),0 0 0 4px var(--bg2);color:var(--template-color)}
.modal:has(.tmpl-remove){width:min(600px,96vw);padding:0;overflow:hidden}.tmpl-remove{--category-color:var(--accent);padding:20px;font-family:var(--font-body,'Vazirmatn',sans-serif);color:var(--text)}.tmpl-remove header{display:flex;align-items:flex-start;gap:12px}.tmpl-remove header>div:last-child{display:grid;gap:4px}.tmpl-remove header span{color:var(--text3);font-size:9px}.tmpl-remove h2{margin:0;font-size:16px}.tmpl-remove header p{margin:2px 0 0;color:var(--text2);font-size:10px;line-height:1.7}.tmpl-remove-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:12px;background:color-mix(in srgb,var(--danger) 10%,var(--bg2));color:var(--danger);font-size:20px}.tmpl-remove-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.tmpl-remove-summary>div{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:7px;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--bg2)}.tmpl-remove-summary>div>i{color:var(--category-color);font-size:16px}.tmpl-remove-summary strong{font-size:14px}.tmpl-remove-summary strong i{color:var(--success);font-size:14px}.tmpl-remove-summary span{color:var(--text3);font-size:8.5px}.tmpl-remove-help{display:flex;align-items:flex-start;gap:5px;margin-top:6px;color:var(--text3);font-size:8.5px;line-height:1.6}.tmpl-remove-note{display:flex;gap:7px;margin-top:14px;padding:10px;border-radius:9px;background:color-mix(in srgb,var(--success) 6%,var(--bg2));color:var(--success);font-size:9px;line-height:1.6}.tmpl-remove-note span{color:var(--text2)}.tmpl-remove footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:12px;border-top:1px solid var(--border)}.tmpl-remove-confirm{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--danger) 10%,var(--bg2));color:var(--danger);font:700 10px var(--font-body,inherit);cursor:pointer}.tmpl-remove-confirm:hover{background:var(--danger);color:#fff}.tmpl-remove-confirm:disabled{opacity:.45;pointer-events:none}
@media(max-width:900px){.tmpl-config-grid{grid-template-columns:1fr}.tmpl-field-config{border-inline:0;border-block:1px solid var(--border)}.tmpl-field-pane{grid-template-columns:1fr 1fr}.tmpl-config-footer>div{display:none}}
@media(max-width:600px){.cl-modal-category{grid-template-columns:auto minmax(0,1fr)}.cl-modal-category>button{grid-column:1/-1}.cl-modal-category .cl-category-create-action{justify-self:stretch;justify-content:center}.tmpl-center-head{padding:16px}.tmpl-category-grid,.tmpl-center>.tmpl-grid{padding-inline:12px}.tmpl-field-pane{grid-template-columns:1fr}.tmpl-config-head{grid-template-columns:auto auto minmax(0,1fr);padding:12px}.tmpl-config-head p{display:none}.tmpl-icon-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.tmpl-config-footer{flex-wrap:wrap}.tmpl-config-footer .btn-primary{flex:1}.cl-list-actions .cl-template-action span{display:none}.tmpl-remove{padding:16px}.tmpl-remove-summary{grid-template-columns:1fr}.tmpl-remove footer>*{flex:1;justify-content:center}}
#sidebar .sb-group-head .sbg-ic{color:var(--sb-nav-icon);opacity:1}
#sidebar .sb-ws-sub,#sidebar .sb-storage-meta,#sidebar .backup-status,#sidebar .sb-user-handle{color:var(--sb-nav-muted)}
.light #sidebar,:root[data-theme="light"] #sidebar{--sb-nav-text:#1a1a2e;--sb-nav-muted:#5a6570;--sb-nav-icon:#003087}
.light #sidebar .nav-item:hover,:root[data-theme="light"] #sidebar .nav-item:hover{color:#003087;background:rgba(0,48,135,.06)}
.light #sidebar .nav-item.active,:root[data-theme="light"] #sidebar .nav-item.active{color:#003087;background:rgba(0,48,135,.09)}
@media(min-width:701px){
  #sidebar .sb-core .nav-item:not(#nav-dashboard){display:none}
  #sidebar .sb-core{padding-bottom:8px!important}
  #sidebar .sb-core .sb-lbl{display:none}
  #sidebar .sb-group{border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding-top:5px}
}
@media(max-width:700px){
  #workspace-command-nav{display:none}
  #content-shell{min-width:0;width:100%}
  html[dir="rtl"] #sidebar{left:auto;right:0;transform:translateX(110%)}
  html[dir="rtl"] #sidebar.open{transform:translateX(0)}
  .sb-mobile-search{display:inline-flex}
  #hdr-support,#tok-theme-btn{display:none!important}
  #sa-profile-btn{padding:4px!important;border-radius:10px!important}
  #sa-profile-btn .sa-btn-meta{display:none!important}
  .rem-workspace>*{min-width:0;width:100%;max-width:100%}
  .kb-shell>*{min-width:0!important;width:100%!important;max-width:100%!important}
  .kb-head,.kb-head-actions,.notes-export-kb-head,.notes-export-kb-actions{min-width:0;max-width:100%}
  .dash-hero-v2-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
  .dash-command-copy,.dash-hero-actions{min-width:0;width:100%;flex:none}
  .dash-hero-actions{gap:12px}
  .dash-hero-v2{min-height:0;padding:16px!important;margin-bottom:12px!important}
  .dash-hero-greeting{font-size:18px;margin-bottom:6px}
  .dash-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .dash-quick-action{width:100%;min-width:0}
  .dash-kpi-strip{gap:8px!important}
  .dash-kpi-card{min-height:92px;padding:12px}
  .dash-kpi-value{font-size:23px}
  #bottom-nav{height:64px;padding:5px max(8px,env(safe-area-inset-left)) max(5px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg2) 96%,transparent);border-top-color:var(--border);box-shadow:0 -8px 28px rgba(0,48,135,.1);backdrop-filter:blur(16px);z-index:90}
  .bnav-item{min-width:58px;min-height:48px;justify-content:center;padding:4px 8px;border-radius:10px;font-size:10px;font-weight:600}
  .bnav-item i{font-size:21px}
  .bnav-item.active{background:rgba(0,48,135,.08);color:var(--accent)}
  .bnav-menu{color:var(--accent)}
  #layout{bottom:64px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
