/* Approved reference kit, 27 October 2026. Shared across every application route. */
@font-face{font-family:Manrope;src:url('/brand/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root,html:not([data-theme="dark"]){--blue:#5448de;--blue-tx:#5448de;--blue-bg:#eeebff;--purple:#5448de;--purple-bg:#eeebff;--purple-tx:#5448de;--bg1:#fff;--bg2:#f8f9fd;--bg3:#f4f5fb;--tx1:#1c2132;--tx2:#444b60;--tx3:#777e92;--bd1:#e8eaf2;--bd2:#dce0ed;--app-line:#e8eaf2;--app-shadow:none;--green:#239873;--green-bg:#e6f5ed;--green-tx:#27885e;--red:#dc5c46;--red-bg:#faeae6;--red-tx:#bd4936;--amber:#bc7d20;--amber-bg:#fcf2dc;--amber-tx:#936323;--radius:12px;--radius-lg:16px}
html[data-theme="dark"]{--blue:#b3abff;--blue-tx:#c2bbff;--blue-bg:#302b53;--purple:#b3abff;--purple-bg:#302b53;--purple-tx:#c2bbff;--bg1:#202235;--bg2:#24273c;--bg3:#171928;--tx1:#f0f1f8;--tx2:#c4c7da;--tx3:#9bA2bc;--bd1:#35394f;--bd2:#474c66;--app-line:#35394f;--green-bg:#173e34;--green-tx:#88d9b5;--red-bg:#462d31;--red-tx:#f6a699;--amber-bg:#403725;--amber-tx:#efd49d}
body{font-family:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg3);font-size:13px;color:var(--tx1);-webkit-font-smoothing:antialiased;line-height:1.55}
.app{grid-template-columns:248px minmax(0,1fr)}
.main{padding:28px 30px 90px;background:var(--bg3);min-width:0;overflow-x:clip}
.page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px;padding:0;background:none;border:0;box-shadow:none}
.page-title{font-size:28px;line-height:1.3;font-weight:800;letter-spacing:-1px;margin:0 0 5px}
.page-sub{font-size:13px;line-height:1.6;color:var(--tx3);margin:0;max-width:800px}
.page-actions,.btn-row{gap:8px;align-items:center}.page-actions{display:flex;flex-wrap:wrap}
.sidebar,.sb-footer{background:var(--bg1)}.sb-header{min-height:80px;padding:18px 16px}.sb-brand{gap:0}.sb-brand-image{width:164px;height:36px;object-fit:contain;object-position:left}.sb-brand-icon{width:32px;height:32px;display:none}.brand-on-dark{display:none}html[data-theme="dark"] .brand-on-light{display:none}html[data-theme="dark"] .brand-on-dark{display:block}.sb-logo{padding:0;background:none;border-radius:0;box-shadow:none}
.sidebar-collapsed .sb-brand-image{display:none}.sidebar-collapsed .sb-brand-icon{display:block}.sb-section-label{font-size:10px;color:var(--tx3);padding:20px 18px 7px}.sb-item{padding:9px 12px;font-size:12px;min-height:38px;border-radius:7px}.sb-item.active{background:var(--blue-bg);color:var(--blue-tx);font-weight:750}.sb-item-icon svg{width:17px;height:17px}.sb-search{padding:0 12px 6px}.sb-tenant{padding:14px 12px 10px}.sb-tenant select{padding:9px;background:var(--bg2);font-weight:650}.sb-user-role{font-size:10px;text-transform:none;background:none;padding:0}.sb-avatar{background:var(--blue-bg);color:var(--blue-tx)}
.btn{border-radius:9px;padding:10px 15px;min-height:38px;font-size:12px;font-weight:750;box-shadow:none;line-height:1.4;transition:background .15s,border-color .15s}.btn-primary{background:#5448de;border:1px solid #5448de;color:#fff;box-shadow:none}.btn-ghost,.btn-secondary{background:var(--bg1);border:1px solid var(--bd1);color:var(--tx2)}.btn-ghost:hover{background:var(--blue-bg);border-color:var(--bd2);color:var(--blue-tx)}.btn-sm{min-height:30px;padding:6px 10px;font-size:11px}.btn:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.btn:disabled{opacity:.48;cursor:not-allowed}
.fi,.form-group input,.form-group select,.form-group textarea{background:var(--bg1);border:1px solid var(--bd1);border-radius:8px;box-shadow:none;color:var(--tx1);padding:10px 12px;min-height:40px;font-size:12px}.fi::placeholder,input::placeholder,textarea::placeholder{color:var(--tx3)}.form-group label{font-size:11px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--tx2)}input[type=checkbox],input[type=radio]{accent-color:#5448de}.form-card,.table-wrap,.detail-panel,.workspace-card{border:1px solid var(--bd1);background:var(--bg1);border-radius:14px;box-shadow:none}.form-card{padding:22px;margin-bottom:20px}.form-card h3{font-size:15px;font-weight:800;letter-spacing:-.3px}.toolbar{background:none;border:0;box-shadow:none;padding:0;margin:16px 0;gap:10px}.report-toolbar{margin:0 0 24px}.report-toolbar>details>summary,.manager-account-picker>summary,.manager-currency-picker>summary{background:var(--bg1);border:1px solid var(--bd1);border-radius:10px;padding:11px 14px;min-height:42px;color:var(--tx2);font-weight:750}.report-toolbar>details[open]>summary{background:var(--blue-bg);color:var(--blue-tx);border-color:#d8d3ff}.report-filter-panel{background:var(--bg1)}.report-filter-panel>summary{font-size:11px;padding:10px 14px}
.feedback-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:18px 0 24px}.feedback-kpis .kpi,.kpi{border:1px solid var(--bd1);background:var(--bg1);border-radius:14px;box-shadow:none;padding:18px;min-width:0}.feedback-kpis .kpi{min-height:134px;border-top:1px solid var(--bd1)}.feedback-kpis .kpi-label,.kpi-label{text-transform:none;font-size:12px;letter-spacing:0;min-height:32px;display:flex;gap:8px;justify-content:space-between;align-items:flex-start;color:var(--tx3)}.feedback-kpis .kpi-value,.kpi-value{font-size:25px;font-weight:800;letter-spacing:-.8px;line-height:1.4;color:var(--tx1);overflow-wrap:anywhere}.kpi-value .metric-value{color:inherit}.kpi-note{margin-top:9px;font-size:11px;line-height:1.6}.source-pill{border-radius:99px;font-size:9px;font-weight:750;padding:2px 6px;background:#e8f1ff;color:#4384c5;white-space:nowrap}.source-pill.crm{background:var(--green-bg);color:var(--green-tx)}.source-pill.mixed{background:var(--bg3);color:var(--tx3)}.section-eyebrow{text-transform:none;letter-spacing:0;font-size:13px;font-weight:800;color:var(--tx1)}
.table-tools{background:var(--bg1);border:1px solid var(--bd1);padding:14px 16px;border-radius:12px 12px 0 0;margin:0;border-bottom:0}.table-tools+.table-wrap{border-top-left-radius:0;border-top-right-radius:0}.table-wrap table{border-collapse:separate;border-spacing:0}.table-wrap th{font-size:11px;font-weight:750;text-transform:none;letter-spacing:0;background:var(--bg1);color:var(--tx3);padding:15px 13px;border-bottom:1px solid var(--bd1)}.table-wrap th button{font-size:inherit;color:inherit;font-weight:inherit}.table-wrap td{font-size:12px;line-height:1.6;padding:12px 13px;border-bottom:1px solid var(--bd1)}.table-wrap tbody tr:nth-child(even)>td{background:var(--bg3)}.table-wrap tbody tr:nth-child(odd)>td{background:var(--bg1)}.table-wrap tbody tr:hover>td{background:var(--blue-bg)}.table-wrap tfoot td{background:var(--bg2);font-weight:800;border-top:1px solid var(--bd1);color:var(--tx1)}.table-wrap tfoot td:first-child{color:var(--blue-tx)}.report-pinned-cell{background:var(--bg1)}.table-wrap .report-group-header th{font-size:10px;padding:7px 12px;color:var(--blue-tx);border-top:3px solid #5448de;text-align:center}.table-wrap .report-group-header th[data-group="1"]{color:#4287cc;border-top-color:#4287cc}.table-wrap .report-group-header th[data-group="2"]{color:#239873;border-top-color:#239873}.table-wrap .report-group-header th[data-group="3"]{color:#858b9d;border-top-color:#858b9d}.table-wrap .report-group-header th:empty{border-top-color:transparent}.metric-value.metric-green,.metric-value.metric-red,.metric-value.metric-amber{border-radius:99px;padding:3px 7px;display:inline-block}.metric-value.metric-green{background:var(--green-bg);color:var(--green-tx)!important}.metric-value.metric-red{background:var(--red-bg);color:var(--red-tx)!important}.metric-value.metric-amber{background:var(--amber-bg);color:var(--amber-tx)!important}.badge{font-size:10px;padding:3px 7px}.b-blue,.b-purple{background:var(--blue-bg);color:var(--blue-tx)}.report-note{font-size:10px;line-height:1.7;color:var(--tx3);padding:10px 2px}.empty-state{padding:42px 18px;font-size:12px;background:none}.empty-state-title{font-size:14px;font-weight:800;margin-bottom:6px}
.demo-notice,.info-note{border:0;border-radius:10px;padding:12px 16px;font-size:11px;line-height:1.7;background:var(--amber-bg);color:var(--amber-tx)}.demo-notice.status-line{margin-bottom:24px}.demo-notice.status-line strong{font-weight:600}.demo-notice .btn{min-height:30px;padding:6px 11px;font-size:10px}.theme-fab{width:auto;top:auto;bottom:25px;right:25px;left:auto;box-shadow:0 4px 18px #171c3210;border:1px solid var(--bd1);background:var(--bg1)}.ai-fab{background:#1c2132;color:#fff;border-radius:99px;font-size:12px;box-shadow:0 8px 20px #151c3220;bottom:24px;right:96px}.content-notice-badge{border-radius:12px}.hc-modal-backdrop{background:#181b304d;backdrop-filter:blur(2px)}.hc-modal{background:var(--bg1);border:1px solid var(--bd1);border-radius:16px;box-shadow:0 20px 80px #171c3226}.hc-modal-head{padding:20px 24px;border-bottom:1px solid var(--bd1)}.hc-modal-head h3{font-size:17px;letter-spacing:-.4px;font-weight:800}.hc-modal-body{padding:24px}.hc-modal-foot{background:var(--bg1);border-top:1px solid var(--bd1);padding:16px 24px}.hc-modal-close{background:none;border:0;color:var(--tx3)}.toast{border:1px solid var(--bd1);box-shadow:0 5px 24px #171c3217;background:var(--bg1);color:var(--tx1);border-radius:10px}
.ui-section{margin:22px 0}.ui-section>summary{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;cursor:pointer;padding:8px 0;list-style:none}.ui-section>summary::after{content:'Thu gọn −';font-size:10px;color:var(--blue-tx);font-weight:650}.ui-section:not([open])>summary::after{content:'Mở rộng +'}.ui-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0 16px}.ui-highlight{background:var(--bg1);border:1px solid var(--bd1);border-radius:12px;padding:16px;min-width:0}.ui-highlight small{font-size:10px;color:var(--blue-tx);display:block;margin-bottom:8px}.ui-highlight strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-highlight p{font-size:11px;color:var(--tx3);margin-top:6px}.ui-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ui-chart-card{min-width:0;position:relative;margin:0}.ui-chart-card .section-toolbar{align-items:flex-start;margin:0 0 14px}.ui-chart-card h3{margin:0;font-size:14px}.ui-chart-card p.subtle{margin:4px 0}.ui-chart-menu{position:relative}.ui-chart-menu summary{cursor:pointer;list-style:none;line-height:1;border:1px solid var(--bd1);border-radius:7px;padding:9px 11px;color:var(--tx3);font-weight:800}.ui-menu-popover{position:absolute;right:0;top:100%;min-width:210px;z-index:40;background:var(--bg1);border:1px solid var(--bd1);border-radius:12px;padding:6px;box-shadow:0 8px 32px #171c321a}.ui-menu-popover button{display:block;width:100%;border:0;border-radius:6px;background:none;text-align:left;padding:10px 12px;font-size:11px;color:var(--tx2);cursor:pointer}.ui-menu-popover button:hover{background:var(--blue-bg);color:var(--blue-tx)}.ui-chart-body{min-height:220px}.ui-chart-body .horizontal-chart-row{font-size:11px}.ui-chart-body .column-plot svg{width:100%;height:auto;min-width:400px}.ui-chart-body .donut-layout svg{width:150px;height:150px}.ui-chart-body .donut-layout{gap:24px}.ui-chart-body .donut-layout p{font-size:11px}.ui-chart-preview{padding:14px;background:var(--bg2);border-radius:10px;margin-top:12px}.ui-chart-preview svg{width:100%;max-height:130px}.ui-chart-preview small{display:block;color:var(--tx3);font-size:10px}
.appearance-save{position:sticky;bottom:12px;display:flex;align-items:center;gap:12px;justify-content:space-between;padding:16px 20px;margin-top:18px;background:var(--bg1);border:1px solid var(--bd1);border-radius:12px;z-index:10}.ui-switch{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.ui-switch input{appearance:none;width:32px;height:18px;border:0;border-radius:99px;background:var(--bd2);position:relative;padding:0;min-height:0;cursor:pointer;flex-shrink:0}.ui-switch input::before{content:'';position:absolute;left:3px;top:3px;height:12px;width:12px;border-radius:50%;background:#fff;transition:transform .15s}.ui-switch input:checked{background:#5448de}.ui-switch input:checked::before{transform:translateX(14px)}.ui-switch input:disabled{opacity:.6}
.connection-grid{max-width:900px}.connection-category{margin:24px 0}.connection-category h3{font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.6px;color:var(--tx3);margin:0 0 9px}.connection-card{display:flex;align-items:center;gap:14px;background:var(--bg1);border:1px solid var(--bd1);padding:17px 18px;border-radius:12px;margin-bottom:8px}.connection-logo{width:32px;height:32px;object-fit:contain;border-radius:7px;flex-shrink:0}.connection-copy{flex:1;min-width:0}.connection-copy strong{font-size:13px;margin-right:8px}.connection-copy p{font-size:11px;color:var(--tx3);margin-top:4px;overflow-wrap:anywhere}.connection-config{max-width:960px}.connection-back{margin-bottom:16px}.security-summary{max-width:980px;padding:0}.security-row{display:flex;align-items:center;gap:18px;padding:23px 24px;border-bottom:1px solid var(--bd1)}.security-row:last-child{border-bottom:0}.security-row>div{flex:1}.security-row h3{font-size:13px;margin-bottom:5px}.security-row p{font-size:11px;color:var(--tx3);max-width:600px}.security-row form{display:flex;align-items:center;gap:8px;max-width:340px}.security-row form .form-group{margin:0}.security-row select{width:180px}
.billing-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:18px;max-width:1200px}.billing-plan-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.billing-plan-title h2{font-size:24px}.billing-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.billing-facts dt{font-size:10px;color:var(--tx3)}.billing-facts dd{font-size:13px;font-weight:750;margin-top:6px}.billing-feature-list{padding:0;list-style:none}.billing-feature-list li{padding:9px 0;border-bottom:1px solid var(--bd1);font-size:12px;display:flex;align-items:center;gap:10px}.billing-feature-list li::before{content:'✓';color:var(--green-tx)}.billing-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.billing-plans .form-card{margin:0}.billing-plans h3{font-size:20px}.billing-compare{margin-top:20px}.ui-tag-list{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.insight-copy{white-space:pre-wrap;font-size:12px;line-height:1.9;margin:14px 0;overflow-wrap:anywhere}.heatmap-grid{overflow-x:auto}.heatmap-grid table{min-width:600px}.heatmap-grid th,.heatmap-grid td{padding:10px;font-size:11px}.heatmap-cell{background:color-mix(in srgb,var(--blue) var(--heat),var(--bg1));border-radius:4px;text-align:right}.ui-funnel{display:flex;flex-direction:column;align-items:center;gap:5px;margin:14px 0}.ui-funnel-step{background:#5448de;color:white;min-height:30px;padding:7px 12px;border-radius:4px;display:flex;justify-content:space-between;gap:8px;font-size:10px}.ui-funnel-step:nth-child(2){background:#7568e8}.ui-funnel-step:nth-child(3){background:#9589ef}.ui-funnel-step:nth-child(4){background:#b1a8f7;color:#30265d}.ui-heatmap-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}.ui-heatmap-tools .fi{width:auto}.ui-muted{color:var(--tx3);font-size:11px}
@media(min-width:1600px){.main{padding:32px 40px 90px}.page-title{font-size:30px}}
@media(max-width:1200px){.feedback-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-layout{grid-template-columns:1fr}.ui-highlights{gap:8px}}
@media(max-width:900px){.ui-charts,.insight-grid{grid-template-columns:1fr}.security-row{flex-wrap:wrap}.security-row form{max-width:100%}}
@media(max-width:768px){.app,.app.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.main{padding:20px 14px 90px}.page-header{align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:18px}.page-title{font-size:23px}.page-sub{font-size:11px}.page-actions{width:100%}.mobile-header{padding:12px 16px;background:var(--bg1)}.mobile-header img{width:126px;height:28px;object-fit:contain}.feedback-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.feedback-kpis .kpi{padding:14px;min-height:120px}.feedback-kpis .kpi-value{font-size:22px}.feedback-kpis .kpi-label{font-size:11px}.ui-highlights{grid-template-columns:1fr}.ui-highlight{padding:12px 14px}.form-card{padding:17px;border-radius:12px}.table-tools{padding:10px}.table-wrap td,.table-wrap th{padding:11px 10px}.report-toolbar{gap:8px}.report-toolbar>details>summary{padding:10px;font-size:11px}.hc-modal-body{padding:18px}.hc-modal-foot{padding:14px 18px}.hc-modal-head{padding:18px}.connection-card{padding:14px 12px;gap:10px}.connection-copy strong{font-size:12px}.connection-copy p{font-size:10px}.connection-card>.btn{padding:7px 9px;font-size:10px}.billing-plans{grid-template-columns:1fr}.billing-facts{grid-template-columns:1fr 1fr}.appearance-save{flex-wrap:wrap}.security-row{padding:18px}.demo-notice.status-line{padding:10px 12px;font-size:10px}.ui-chart-body{min-height:180px}.theme-fab{right:14px;bottom:18px}.ai-fab{right:78px;bottom:18px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.approval-batch-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:13px 16px;background:var(--blue-bg);color:var(--blue-tx);border:1px solid var(--bd1);border-radius:12px 12px 0 0;font-size:11px}.approval-batch-bar label{display:flex;gap:8px;align-items:center}.approval-batch-bar>.btn{margin-left:auto}.approval-item{border:1px solid var(--bd1);border-radius:10px;background:var(--bg1);padding:18px;gap:14px;margin-bottom:8px}.approval-item h3{font-size:13px}.approval-meta{font-size:10px;flex-wrap:wrap}.wide-modal{width:min(1100px,calc(100vw - 30px));max-width:1100px}
.hc-modal.wide-modal{max-width:1100px!important}
.feedback-kpis .kpi-value .metric-value{color:var(--tx1)!important;background:none!important;padding:0;border-radius:0}.feedback-kpis .kpi-missing .kpi-value .metric-value{color:var(--tx3)!important}.report-toolbar summary{list-style:none}.report-toolbar summary::-webkit-details-marker{display:none}.kpi-note .metric-value{margin-left:4px}
.ui-chart-body .horizontal-chart-row{grid-template-columns:minmax(90px,1fr) minmax(120px,2fr) auto;padding:12px 0}.ui-chart-body .horizontal-chart-row>div,.ui-chart-body .horizontal-chart-row i{height:15px;border-radius:4px}.ui-chart-body .horizontal-chart-row i{background:#239873}.ui-chart-body .horizontal-chart-row b .metric-value{background:none;padding:0;color:var(--tx2)!important}.ui-chart-body .donut-layout small{display:block;margin-left:15px;font-size:10px;color:var(--tx3)}

/* Layout corrections from the complete VPS/template audit, 28 October 2026. */
@media(min-width:1201px){.feedback-kpis:has(> :last-child:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}.feedback-kpis:has(> :last-child:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.feedback-kpis:has(> :last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}}
.ui-highlights{grid-template-columns:repeat(var(--highlight-count,3),minmax(0,1fr))}.highlight-best small{color:var(--green-tx)}.highlight-review small,.highlight-worst small{color:var(--red-tx)}.highlight-editor-row{display:flex;align-items:center;gap:12px;border:1px solid var(--bd1);padding:16px;border-radius:12px;margin-bottom:12px}.highlight-editor-row .form-group{flex:1;margin:0}.highlight-index,.directory-avatar{display:grid;place-items:center;background:var(--blue-bg);color:var(--blue-tx);width:30px;height:30px;border-radius:8px;flex-shrink:0;font-weight:800}.highlight-editor-row select{width:100%}.directory-person{display:flex;align-items:center;gap:12px}.directory-avatar{border-radius:50%;width:28px;height:28px;font-size:11px}.directory-toolbar{padding:12px 16px;border:1px solid var(--bd1);background:var(--bg1);border-radius:12px;margin:16px 0}.directory-toolbar .fi{max-width:250px}.directory-toolbar select{max-width:170px}.table-wrap-staff-directory td{padding:14px 16px}.table-wrap-staff-directory .btn-row{flex-wrap:nowrap}.table-wrap-staff-directory td:last-child{width:115px}.btn-link{border:0;background:none;color:var(--blue-tx);padding:5px 7px;min-height:28px}.segmented{display:inline-flex;gap:3px;padding:4px;background:var(--bg3);border-radius:10px}.segmented>button{border:0;background:none;border-radius:7px;padding:8px 12px;color:var(--tx3);font:inherit;cursor:pointer;font-size:11px}.segmented>button.is-active{background:var(--bg1);color:var(--tx1);box-shadow:0 1px 4px #171c320a;font-weight:750}.naming-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start}.naming-layout .form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.manager-tabs{margin-bottom:12px}.naming-layout .form-card{margin:0}.manager-grid td,.manager-grid td .metric-value{font-size:12px}.manager-grid td{padding:10px 12px}.manager-grid .subtle{font-size:10px}.manager-name{font-size:12px}.manager-compact-tools{gap:8px;padding:12px}.manager-grid .manager-name-column{min-height:0}.credit-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:18px;margin:22px 0}.credit-layout>.form-card{margin:0}.credit-balance-value{font-size:36px;font-weight:800;padding:12px 0 24px;letter-spacing:-1px}.credit-balance-value small{font-size:13px;font-weight:500;color:var(--tx3);letter-spacing:0}.credit-facts{margin:0 0 22px}.credit-facts>div{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-top:1px solid var(--bd1)}.credit-facts dt{font-size:12px;color:var(--tx3)}.credit-facts dd{font-size:12px;font-weight:750;text-align:right}.credit-quantities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}.credit-quantities button{border:1px solid var(--bd1);background:var(--bg1);color:var(--tx1);text-align:left;padding:14px 12px;border-radius:11px;cursor:pointer}.credit-quantities button[aria-pressed=true]{border:2px solid #5448de;background:var(--blue-bg);padding:13px 11px}.credit-quantities strong,.credit-quantities small{display:block}.credit-quantities small{color:var(--tx3);font-size:10px;margin-top:6px}.credit-history .table-tools{justify-content:space-between}.credit-history h3{font-size:14px}.backup-layout{max-width:1100px}.backup-layout>.section-eyebrow{font-size:11px;color:var(--tx3);margin:24px 0 10px}.backup-config{padding:0}.backup-config .security-row{padding:20px 24px}.backup-config .form-group{margin:0;min-width:280px}.backup-config .appearance-save{position:static;margin:0;border:0;border-top:1px solid var(--bd1);background:var(--bg2);border-radius:0 0 14px 14px}.backup-files .table-tools{justify-content:space-between;gap:12px;flex-wrap:wrap}.backup-files .btn-row{flex-wrap:wrap}.ui-menu-popover[popover]{position:fixed;margin:0;inset:auto;max-height:min(360px,80dvh);overflow:auto;color:var(--tx1)}.chart-editor-modal{max-width:1100px!important}.chart-editor-modal .hc-modal-body{padding:0}.chart-editor-layout{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.3fr)}.chart-editor-controls{padding:24px;border-right:1px solid var(--bd1)}.chart-editor-controls .form-group{margin-bottom:18px}.chart-editor-controls .form-group select{width:100%}.chart-editor-preview{background:var(--bg2);padding:24px;min-width:0}.chart-editor-preview>h3{font-size:11px;color:var(--tx3);margin-bottom:14px}.chart-editor-preview .ui-chart-preview{margin:0;background:var(--bg1);padding:18px}.chart-editor-preview .ui-chart-preview svg{max-height:none}.chart-editor-preview .subtle{margin-top:16px}.chart-editor-preview .ui-chart-preview>strong{display:block;margin-bottom:16px}.chart-series-fields,.chart-type-fields,.chart-time-mode{border:0;padding:0;margin:0 0 20px;min-width:0}.chart-series-fields legend,.chart-type-fields legend,.chart-time-mode legend{font-size:12px;font-weight:750;margin-bottom:10px}.chart-series-fields legend small{color:var(--tx3);font-weight:400;margin-left:12px}.chart-series-choices{max-height:160px;overflow:auto;border:1px solid var(--bd1);border-radius:9px;padding:8px}.chart-series-choices label{display:flex;gap:8px;padding:6px;font-size:11px;align-items:center}.chart-type-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.chart-type-choices label{position:relative;cursor:pointer}.chart-type-choices input{position:absolute;opacity:0;width:1px;height:1px}.chart-type-choices span{border:1px solid var(--bd1);border-radius:9px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;font-size:10px;color:var(--tx3)}.chart-type-choices b{font-size:20px;font-weight:500}.chart-type-choices input:checked+span{background:var(--blue-bg);border-color:var(--blue);color:var(--blue-tx)}.chart-type-choices input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}.chart-time-mode label{display:inline-flex;align-items:center;gap:7px;padding:8px;font-size:11px}.series-legend{display:flex;flex-wrap:wrap;gap:14px;margin:14px 0}.series-legend span{font-size:10px;color:var(--tx3)}.series-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px}.multi-series-plot svg{width:100%;height:auto}.chart-editor-controls .chart-period-fields .form-row{grid-template-columns:1fr}.chart-editor-controls #period-inputs{grid-template-columns:1fr 1fr}.chart-editor-controls .chart-period-fields{padding:0;border:0}.chart-editor-controls [hidden]{display:none!important}
@media(max-width:1000px){.naming-layout,.credit-layout{grid-template-columns:1fr}.chart-editor-layout{grid-template-columns:1fr}.chart-editor-controls{border-right:0;border-bottom:1px solid var(--bd1)}.ui-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-editor-preview .ui-chart-preview{max-width:650px;margin:auto}}
@media(max-width:768px){.highlight-editor-row{flex-wrap:wrap;gap:8px;padding:12px}.highlight-editor-row .form-group{min-width:100px}.highlight-editor-row .btn-row{margin-left:auto}.ui-highlights{grid-template-columns:1fr}.backup-config .security-row{flex-wrap:wrap;padding:16px}.backup-config .form-group{width:100%;min-width:0}.backup-config .security-row>div:first-child{min-width:160px}.credit-quantities{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-editor-controls,.chart-editor-preview{padding:18px}.chart-type-choices span{font-size:9px}.directory-toolbar .fi{max-width:none;flex:1}.directory-toolbar .segmented{width:100%}.credit-balance-value{font-size:30px}}

.chart-series-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.chart-series-tags>span{display:inline-flex;align-items:center;gap:7px;background:var(--blue-bg);color:var(--blue-tx);padding:7px 10px;border-radius:99px;font-size:11px;font-weight:650}.chart-series-tags i{width:8px;height:8px;border-radius:50%}.chart-series-tags button{border:0;background:none;color:var(--tx3);cursor:pointer;padding:0 2px;font-size:16px}.chart-metric-picker{position:relative}.chart-metric-picker>summary{list-style:none;display:inline-block;border:1px dashed var(--bd2);border-radius:99px;padding:8px 12px;font-size:11px;color:var(--tx3);cursor:pointer}.chart-metric-options{margin-top:8px;background:var(--bg1);border:1px solid var(--bd1);border-radius:10px;padding:8px}.chart-metric-options>.fi{width:100%;margin-bottom:6px}.chart-metric-options .chart-series-choices{border:0;max-height:190px;padding:0}.chart-series-choices label[hidden]{display:none}

.hc-modal:has(.highlight-editor){max-width:880px}.highlight-editor-row{flex-wrap:wrap}.highlight-editor-row>p{flex-basis:100%;font-size:11px;margin:4px 0 0 42px;color:var(--tx3)}.highlight-editor-row>p b{color:var(--tx1)}


/* Type and control scale measured from the 2x reference renders (1440px canvas), 28 October 2026. */
body{font-size:14px}
.page-header{margin-bottom:26px}.page-title{font-size:36px;letter-spacing:-1.3px;line-height:1.2;margin-bottom:8px}.page-sub{font-size:15px;line-height:1.55}
.btn{font-size:14px;min-height:44px;padding:10px 18px;border-radius:10px;font-weight:700}.btn-sm{font-size:13px;min-height:36px;padding:7px 13px}.btn-link{font-size:13px}
.fi,.form-group input,.form-group select,.form-group textarea{font-size:14px;min-height:44px;padding:11px 14px;border-radius:10px}.form-group label{font-size:13px}
.report-toolbar>details>summary,.manager-account-picker>summary,.manager-currency-picker>summary{font-size:15px;min-height:48px;padding:12px 18px;border-radius:12px;color:var(--tx1)}.report-filter-panel>summary{font-size:13px;padding:11px 16px}
.section-eyebrow{font-size:17px}.ui-section>summary{font-size:16px}.ui-section>summary::after{font-size:13px}
.feedback-kpis{gap:16px}.feedback-kpis .kpi,.kpi{padding:20px 22px}.feedback-kpis .kpi{min-height:160px}.feedback-kpis .kpi-label,.kpi-label{font-size:15px;color:var(--tx2)}.feedback-kpis .kpi-value,.kpi-value{font-size:clamp(24px,2vw,30px);letter-spacing:-1px}.kpi-note{font-size:14px;margin-top:12px}.source-pill{font-size:12px;padding:3px 9px}
.table-tools{padding:16px 20px}.table-wrap th{font-size:14px;font-weight:650;color:var(--tx2);padding:16px}.table-wrap td{font-size:14px;padding:16px}.table-wrap .report-group-header th{font-size:14px;padding:9px 14px}.metric-value.metric-green,.metric-value.metric-red,.metric-value.metric-amber{padding:4px 10px}.badge{font-size:12px;padding:4px 9px}.report-note{font-size:13px}.empty-state{font-size:14px}.empty-state-title{font-size:17px}
.demo-notice,.info-note{font-size:14px;padding:16px 20px;border-radius:12px}.demo-notice .btn{font-size:13px;min-height:36px}
.hc-modal-head h3{font-size:20px}.hc-modal-head{padding:22px 26px}.hc-modal-body{padding:26px}.hc-modal-foot{padding:18px 26px}
.form-card h3{font-size:17px}.ui-highlight small{font-size:12px}.ui-highlight strong{font-size:16px}.ui-highlight p{font-size:13px}.ui-chart-card h3{font-size:16px}.ui-menu-popover button{font-size:14px}.segmented>button{font-size:14px;padding:9px 15px}
.sb-item{font-size:14px;min-height:42px}.sb-section-label{font-size:11px}.sb-tenant select{font-size:13px}
.connection-copy strong{font-size:15px}.connection-copy p{font-size:13px}.connection-category h3{font-size:12px}.security-row h3{font-size:15px}.security-row p{font-size:13px}
.ai-fab{font-size:14px}
@media(min-width:1600px){.page-title{font-size:38px}}
@media(max-width:768px){.page-title{font-size:26px}.page-sub{font-size:13px}.feedback-kpis .kpi-value{font-size:24px}.feedback-kpis .kpi-label{font-size:13px}.table-wrap td,.table-wrap th{font-size:13px;padding:12px 10px}.report-toolbar>details>summary{font-size:13px}.btn{font-size:13px}}
.ui-icon{width:18px;height:18px;flex-shrink:0;vertical-align:-4px}.report-toolbar summary .ui-icon-chevron,.page-filter summary .ui-icon-chevron{width:16px;height:16px;color:var(--tx3);margin-left:4px}.btn .ui-icon{width:17px;height:17px;margin-right:4px}
.page-actions .page-updated{font-size:14px;margin-right:6px}.section-eyebrow small{font-size:15px;font-weight:500;color:var(--tx3);margin-left:8px}
.report-toolbar>details.is-active>summary{background:var(--blue-bg);color:var(--blue-tx);border-color:#d8d3ff}
.table-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.table-tools .table-count{margin-right:auto}.table-search{display:flex;align-items:center;gap:10px;flex:0 1 300px;min-width:180px;border:1px solid var(--bd1);border-radius:10px;padding:0 14px;min-height:44px;color:var(--tx3);background:var(--bg1)}.table-search:focus-within{border-color:var(--blue)}.table-search input{border:0;outline:0;background:none;font:inherit;font-size:14px;color:var(--tx1);width:100%;min-width:0;padding:10px 0}.table-tools .table-filter-button{min-height:44px;padding:8px 18px;color:var(--tx1)}.table-filter-button.is-active{background:var(--blue-bg);color:var(--blue-tx);border-color:#d8d3ff}.table-filter-button .filter-count{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:99px;background:#5448de;color:#fff;font-size:12px;margin-left:6px}
.ui-section>summary{gap:16px}.ui-section>summary .btn-link{margin-left:auto;font-size:14px;font-weight:650;padding:4px 0;border-right:1px solid var(--bd1);padding-right:16px;border-radius:0}.ui-section>summary::after{content:'Ẩn ⌃';font-size:14px;color:var(--tx2);font-weight:600}.ui-section:not([open])>summary::after{content:'Hiện ⌄'}.ui-section>summary>span{margin-right:auto}
.ui-highlights{gap:16px}.ui-highlight{padding:22px 24px;border-radius:14px}.ui-highlight small{font-size:13px;font-weight:650;margin-bottom:10px}.ui-highlight strong{font-size:24px;font-weight:800;letter-spacing:-.6px}.ui-highlight p{font-size:14px;margin-top:8px;color:var(--tx2)}
.demo-notice.status-line{display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-notice.status-line>span{font-weight:400}.demo-notice.status-line strong{font-weight:750}
@media(max-width:768px){.table-search{flex:1 1 100%}.table-tools .table-count{margin-right:0}.page-actions .page-updated{display:none}.ui-highlight strong{font-size:19px}}
.report-day{color:var(--tx1)!important;font-weight:750;text-decoration:none}.report-day small{display:inline-block;width:28px;font-size:13px;font-weight:500;color:var(--tx3)}
.table-wrap .report-group-header th:not(:empty)::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:7px;vertical-align:2px}
.feedback-kpis .kpi{container-type:inline-size}.feedback-kpis .kpi-value{font-size:clamp(20px,13.5cqi,30px)}
.table-wrap td .metric-value:not(.metric-green):not(.metric-red):not(.metric-amber){color:var(--tx1)!important}
.ui-highlight strong small{font-size:16px;font-weight:500;color:var(--tx3);letter-spacing:0;margin-left:4px}.ui-highlight p .metric-value{font-weight:750;color:var(--tx1)!important;background:none!important;padding:0}
.cell-title{display:block;font-weight:750}.cell-sub{display:block;font-size:13px;color:var(--tx3);margin-top:2px}
.report-crm-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.report-crm-note .badge{font-weight:700}.report-crm-note a{color:var(--blue-tx);font-weight:700;text-decoration:none}
.table-trend{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--bd1);border-radius:10px;padding:0 6px 0 14px;min-height:44px;font-size:14px;color:var(--tx3)}.table-trend select{border:0;background:none;font:inherit;font-weight:700;color:var(--tx1);padding:8px 4px;max-width:200px}
.ui-highlight strong small{display:inline;margin:0 0 0 6px}
.row-avatar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue-bg);color:var(--blue-tx);font-size:13px;font-weight:750;margin-right:10px;vertical-align:middle;flex-shrink:0}.row-avatar.is-empty{background:var(--bg3);color:var(--tx3)}.cell-link.is-muted{color:var(--tx2)}
.table-search{flex:0 1 260px;min-width:160px}.table-trend select{max-width:150px;text-overflow:ellipsis}.table-tools .segmented>button{padding:8px 13px}
.report-select-chip{display:inline-flex;align-items:center;background:var(--bg1);border:1px solid var(--bd1);border-radius:12px;min-height:48px;padding:0 10px 0 14px}.report-select-chip select{border:0;background:none;font:inherit;font-size:15px;font-weight:750;color:var(--tx1);padding:10px 4px;cursor:pointer}.report-select-chip.is-active{background:var(--blue-bg);border-color:#d8d3ff}.report-select-chip.is-active select{color:var(--blue-tx)}
.report-table-card{padding:0;overflow:hidden}.report-table-card>.section-toolbar{padding:22px 22px 6px;margin:0;align-items:flex-start}.report-table-card>.section-toolbar h3{font-size:19px}.report-table-card>.info-note{margin:8px 22px}.report-table-card .table-tools{border:0;border-bottom:1px solid var(--bd1);border-radius:0}.report-table-card .table-wrap{border:0;border-radius:0}
@media(min-width:1201px){.feedback-kpis.is-compact{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px}}
.feedback-kpis.is-compact .kpi{min-height:0;padding:16px 18px}.feedback-kpis.is-compact .kpi-label{min-height:0;font-size:14px}.feedback-kpis.is-compact .source-pill,.feedback-kpis.is-compact .kpi:not(.kpi-missing) .kpi-note{display:none}.feedback-kpis.is-compact .kpi-value{font-size:clamp(19px,14cqi,26px)}.feedback-kpis.is-compact .kpi-note{font-size:13px;margin-top:6px}.feedback-kpis.is-compact .kpi:nth-child(-n+2){border-color:#d8d3ff}.feedback-kpis.is-compact .kpi:nth-child(-n+2) .kpi-value .metric-value{color:var(--blue-tx)!important}
.grouped-chart{position:relative;height:300px;margin:18px 0 6px;padding-left:44px}.grouped-grid{position:absolute;inset:0 0 28px 44px;border-bottom:1px solid var(--bd2)}.grouped-grid span{position:absolute;left:0;right:0;border-top:1px solid var(--bd1)}.grouped-grid i{position:absolute;right:calc(100% + 10px);top:-9px;font-style:normal;font-size:12px;color:var(--tx3);white-space:nowrap}.grouped-days{position:relative;display:flex;gap:6px;height:100%;overflow-x:auto}.grouped-days .stacked-day{min-width:22px;max-width:56px}.grouped-bars{height:calc(100% - 28px);display:flex;align-items:flex-end;justify-content:center;gap:3px}.grouped-bars span{flex:1;max-width:16px;border-radius:4px 4px 0 0;min-height:0}.grouped-days .stacked-label{font-size:12px;margin-top:8px}
.chart-legend{display:flex;gap:18px;font-size:14px;color:var(--tx2);margin-top:12px}
.manager-summary-card{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--bg1);border:1px solid var(--bd1);border-radius:16px;margin:4px 0 24px}.manager-summary-card article{display:flex;gap:14px;padding:22px 24px;min-width:0;container-type:inline-size}.manager-summary-card article+article{border-left:1px solid var(--bd1)}.manager-summary-card .kpi-label{min-height:0;font-size:14px;color:var(--tx2)}.manager-summary-card .kpi-value{font-size:clamp(20px,12cqi,28px);margin:2px 0}.manager-summary-card .kpi-value .metric-value{background:none!important;padding:0;color:var(--tx1)!important}.manager-summary-card .kpi-note{margin:0;font-size:13px;color:var(--tx3)}.manager-summary-card .kpi-note .metric-value{font-weight:750;background:none!important;padding:0}
.manager-summary-icon{width:40px;height:40px;border-radius:11px;flex-shrink:0;background:var(--blue-bg);display:grid;place-items:center}.manager-summary-icon::before{content:'';width:18px;height:18px;background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}.manager-summary-spend{color:var(--blue-tx);--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='6' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E")}.manager-summary-messages{color:#4287cc;background:#e8f1ff;--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 19l1.5-4A8 8 0 1 1 9 18.5z'/%3E%3C/svg%3E")}.manager-summary-purchases{color:var(--green-tx);background:var(--green-bg);--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M6 7h12l-1 13H7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E")}.manager-summary-active{color:var(--amber-tx);background:var(--amber-bg);--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10 9l5 3-5 3z'/%3E%3C/svg%3E")}
.manager-workbench{background:var(--bg1);border:1px solid var(--bd1);border-radius:16px;padding:16px 0 0}.manager-workbench>.manager-tabs.segmented{margin:0 20px 12px;display:inline-flex}.manager-tabs.segmented button[aria-selected=true]{border-bottom:0}
@media(max-width:1000px){.manager-summary-card{grid-template-columns:repeat(2,minmax(0,1fr))}.manager-summary-card article:nth-child(3){border-left:0}.manager-summary-card article:nth-child(n+3){border-top:1px solid var(--bd1)}}
.manager-workbench .manager-tabs.segmented{display:inline-flex;gap:3px;padding:4px;margin:0 20px 12px;border-bottom:0;background:var(--bg3);border-radius:10px}.manager-workbench .manager-tabs.segmented button{border:0;border-radius:7px;padding:9px 16px;font-size:14px;color:var(--tx3);font-weight:600}.manager-workbench .manager-tabs.segmented button[aria-selected=true]{background:var(--bg1);color:var(--tx1);box-shadow:0 1px 4px #171c320f;font-weight:750}
.manager-compact-tools .btn,.manager-compact-tools summary{font-size:13px}
.manager-summary-card .manager-order-pill{background:none!important;color:var(--tx1)!important;padding:0!important;border:0!important;font:inherit}
.segmented>button small{font-size:12px;color:var(--tx3);margin-left:5px;font-weight:600}
.header-menu{position:relative}.header-menu>summary{list-style:none;display:inline-flex;align-items:center;gap:6px}.header-menu>summary::-webkit-details-marker{display:none}.header-menu .ui-menu-popover{top:calc(100% + 6px)}
.operation-timeline{display:block}.operation-day{padding:12px 24px;background:var(--bg2);border-bottom:1px solid var(--bd1);font-size:14px}.operation-day span{color:var(--tx3);font-size:13px;margin-left:6px}
.operation-entry{display:flex;gap:16px;align-items:flex-start;padding:18px 24px;border:0;border-bottom:1px solid var(--bd1);border-radius:0;margin:0;background:var(--bg1)}.operation-body{flex:1;min-width:0}.operation-top{font-size:14px;display:block}.operation-target{color:var(--blue-tx);font-weight:700}.operation-change{font-size:16px;margin:6px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.operation-before{color:var(--tx3)}.operation-body>p{font-size:14px;margin:4px 0}.operation-meta{font-size:13px;color:var(--tx3);margin-top:6px}.operation-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-size:13px;color:var(--tx2);flex-shrink:0}
.operation-icon{width:32px;height:32px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;background:var(--blue-bg);color:var(--blue-tx)}.operation-icon::before{font-size:15px;font-weight:700}.operation-icon-down{background:var(--red-bg);color:var(--red-tx)}.operation-icon-down::before{content:'↓'}.operation-icon-up{background:var(--green-bg);color:var(--green-tx)}.operation-icon-up::before{content:'↑'}.operation-icon-rename::before{content:'✎'}.operation-icon-pause{background:var(--bg3);color:var(--tx2)}.operation-icon-pause::before{content:'❙❙';font-size:11px}.operation-icon-activate{background:#e8f1ff;color:#4287cc}.operation-icon-activate::before{content:'▶';font-size:11px}
.hc-modal .operation-entry{padding:14px 0}
.operation-change>span:not(.badge){background:none!important;padding:0!important;color:var(--tx3)!important;border:0!important;font-weight:500}
.segmented.auto-ads-tabs{display:inline-flex;margin:0 0 20px;border-bottom:0}.segmented.auto-ads-tabs button{flex:0 0 auto;border:0;min-width:0;padding:9px 16px}
.ads-summary code b::after{content:':'}#naming-preview code{display:block;font-family:inherit;background:var(--blue-bg);border:1px solid #d8d3ff;border-radius:12px;padding:16px 18px;margin:18px 0 12px;font-size:18px;font-weight:750;color:var(--tx1);white-space:normal;overflow-wrap:anywhere}#naming-preview code b{display:block;font-size:13px;font-weight:650;color:var(--blue-tx);margin-bottom:6px}#naming-preview code b::after{content:' sẽ có tên'}
.naming-scopes button{display:inline-flex;align-items:center;gap:7px}.naming-scopes button::before{content:'';width:9px;height:9px;border-radius:3px;background:#5448de}.naming-scopes .naming-scope-adset::before{background:#287fa7}.naming-scopes .naming-scope-ad::before{background:#a96c18}.naming-scopes small{background:var(--bg1);border-radius:99px;padding:1px 7px}
.naming-layout .form-card h3 small{font-weight:500;margin-left:6px;font-size:14px}
.rule-starters .ui-highlight strong{font-size:17px;letter-spacing:-.2px;white-space:normal;margin:10px 0 4px}.rule-starters .ui-highlight .btn-link{padding-left:0;font-size:14px;font-weight:700}.rule-scope{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;padding:3px 9px;border-radius:99px;background:var(--blue-bg);color:var(--blue-tx)}.rule-scope::before{content:'';width:7px;height:7px;border-radius:2px;background:currentColor}.rule-scope-ad{background:var(--amber-bg);color:var(--amber-tx)}
.segmented.bank-tabs{margin:0 0 18px}.kpi.kpi-good .kpi-value{color:var(--green-tx)}.kpi.kpi-bad .kpi-value{color:var(--red-tx)}
.empty-card{text-align:center;padding:56px 24px}.empty-card-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--blue-bg);font-size:24px;margin-bottom:14px}.empty-card h3{font-size:18px;margin-bottom:6px}.empty-card p{color:var(--tx2);margin:0 auto 18px;max-width:520px}
.empty-card-icon{color:var(--blue-tx)}.empty-card-icon .ui-icon{width:24px;height:24px}
.directory-toolbar{margin:16px 0 0;border-radius:14px 14px 0 0;border-bottom:1px solid var(--bd1);display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px}.directory-toolbar+div>.table-wrap{border-top:0;border-radius:0 0 14px 14px}
.connection-grid{max-width:1000px}.connection-category h3{font-size:13px}.connection-category .connection-card{margin:0;border-radius:0;border-top-width:0;padding:20px 24px}.connection-category h3+.connection-card{border-top-width:1px;border-radius:14px 14px 0 0}.connection-category .connection-card:last-child{border-radius:0 0 14px 14px}.connection-category h3+.connection-card:last-child{border-radius:14px}.connection-logo{width:40px;height:40px;padding:5px;border:1px solid var(--bd1);border-radius:10px;background:#fff}
.audit-tools select.fi,.audit-tools input[type=date]{width:auto;min-height:44px}.audit-tools label:not(.table-search):not(.ui-switch){display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--tx3)}.audit-tools .audit-auto{margin-left:auto;font-size:14px;color:var(--tx2)}
.table-tools.audit-tools select.fi{width:auto;flex:0 0 auto;max-width:190px}.table-tools.audit-tools input[type=date].fi{width:150px;flex:0 0 auto}.table-tools.audit-tools .table-search{flex:0 1 240px}
.approval-inbox>.empty-card{border:0;margin:0}
/* Auto Ads wizard after the reference: numbered steps and a sticky preview. */
.page-header .auto-ads-tabs{margin:0}.ads-wizard{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start}.ads-wizard-main{display:flex;flex-direction:column;gap:20px;min-width:0}.ads-step{margin:0;padding:24px 26px}.ads-step-title{display:flex;align-items:center;gap:12px;font-size:19px!important;margin-bottom:18px}.ads-step-no{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#5448de;color:#fff;font-size:14px;font-weight:750;flex-shrink:0}
.ads-label-row{display:flex;justify-content:space-between;align-items:center;margin:16px 0 10px;font-size:14px}.ads-label-row:first-of-type{margin-top:0}.ads-account-search{margin-bottom:10px}
.ads-account-cards{display:flex;flex-wrap:wrap;gap:10px;max-height:260px;overflow:auto}.ads-account-cards label{display:flex;align-items:center;gap:10px;border:1px solid var(--bd1);border-radius:12px;padding:10px 14px;cursor:pointer;background:var(--bg1)}.ads-account-cards label:has(input:checked){border:2px solid #5448de;background:var(--blue-bg);padding:9px 13px}.ads-account-cards span{display:flex;flex-direction:column}.ads-account-cards small{font-size:12px;color:var(--tx3)}.ads-account-cards label[hidden]{display:none}
.ads-preset-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.ads-preset-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--bd1);border-radius:14px;padding:16px;cursor:pointer;background:var(--bg1)}.ads-preset-card input{margin-top:3px;width:18px;height:18px;flex-shrink:0}.ads-preset-card:has(input:checked){border:2px solid #5448de;padding:15px}.ads-preset-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.ads-preset-copy b{font-size:15px;overflow-wrap:anywhere}.ads-preset-copy small{font-size:13px;color:var(--tx3)}.ads-preset-actions{display:flex;gap:12px;margin-top:6px}.ads-preset-actions .btn-link{padding:0;min-height:0;font-size:13px;font-weight:700}.btn-link.is-danger{color:var(--red-tx)}
.ads-preset-new{border:1px dashed var(--bd2);border-radius:14px;background:var(--bg1);padding:16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:inherit;color:var(--blue-tx)}.ads-preset-new small{color:var(--tx3);font-size:13px}.ads-preset-new:hover{background:var(--blue-bg)}
.ads-setup-row{margin-top:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.ads-step .ads-post-picker{border:0;padding:0;margin:0 0 16px;background:none}.ads-step .naming-options{border:1px solid var(--bd1);border-radius:12px;padding:14px 16px;background:var(--bg2)}.ads-step .naming-options>summary{font-weight:700;cursor:pointer}
.ads-wizard-preview{position:sticky;top:16px;margin:0;padding:0;overflow:hidden}.ads-wizard-preview>h3{padding:20px 22px 0;font-size:18px}.ads-wizard-preview #ads-preview{padding:14px 22px 0}.ads-wizard-preview .form-group,.ads-wizard-preview .form-error,.ads-wizard-preview .ads-submit,.ads-wizard-preview .ads-submit-note{margin-left:22px;margin-right:22px}.ads-wizard-preview .form-group{margin-top:8px;padding-top:16px;border-top:1px solid var(--bd1)}.ads-wizard-preview textarea{min-height:80px}.ads-submit{width:calc(100% - 44px);min-height:48px}.ads-submit-note{text-align:center;margin-top:10px;margin-bottom:20px}
.ads-preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}.ads-preview-stats div{background:var(--bg2);border-radius:10px;padding:10px 12px;min-width:0}.ads-preview-stats small{display:block;font-size:12px;color:var(--tx3)}.ads-preview-stats b{font-size:16px;overflow-wrap:anywhere}
.ads-preview-names code{display:block;font-family:inherit;white-space:normal;overflow-wrap:anywhere;background:var(--bg2);border-radius:10px;padding:10px 12px;margin:0 0 8px;font-size:14px;font-weight:700;color:var(--tx1)}.ads-preview-names code b{display:block;font-size:12px;color:var(--tx3);font-weight:650;margin-bottom:2px}.ads-preview-names code b::after{content:none}
.ads-preview-checks{list-style:none;padding:0;margin:14px 0 8px}.ads-preview-checks li{display:flex;align-items:center;gap:8px;font-size:14px;padding:4px 0}.ads-preview-checks li::before{content:'';width:8px;height:8px;border-radius:50%;flex-shrink:0}.ads-preview-checks .is-ok{color:var(--green-tx)}.ads-preview-checks .is-ok::before{background:var(--green)}.ads-preview-checks .is-missing{color:var(--tx3)}.ads-preview-checks .is-missing::before{background:var(--bd2)}
@media(max-width:1100px){.ads-wizard{grid-template-columns:1fr}.ads-wizard-preview{position:static}.ads-setup-row{grid-template-columns:1fr}}
/* Post report: merged "Bài viết" column and row actions after the reference. */
.table-wrap-report-post [data-report-column="key_message"]{box-shadow:none}.table-wrap-report-post th[data-report-column="first_run_date"],.table-wrap-report-post td[data-report-column="first_run_date"]{box-shadow:2px 0 0 var(--app-line)}
.post-meta-line{font-size:13px;color:var(--tx3);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-meta-line b{color:var(--tx2);font-weight:700}
.table-wrap-report-post .report-post-summary{font-weight:700;color:var(--blue-tx)}.table-wrap-report-post tbody tr{height:auto}.table-wrap-report-post tbody td{height:auto}
.post-row-actions{display:grid;grid-template-columns:34px 90px 34px;align-items:center;gap:6px;justify-content:end;white-space:nowrap}
.post-row-actions>span{display:grid;place-items:center;min-width:0}
.post-row-actions .post-action-edit>.btn{width:100%;min-width:0;padding-inline:6px}
.post-row-actions :is(.post-pin-button,.post-copy-name).btn{width:34px;min-width:0;height:34px;min-height:0;padding:0;display:inline-grid;place-items:center}
.post-copy-name>.ui-icon{width:15px;height:15px}
.post-row-actions .post-copy-name:disabled{opacity:.38;cursor:default}
.post-view-ads{white-space:nowrap}

/* Design System "Tối Ưu Ads" (tokens.json / components/bundle.css), 28 October 2026.
   Lexend for page/modal titles and large figures, Lato for everything else; self-hosted for the CSP. */
@font-face{font-family:Lexend;src:url('/brand/lexend-vietnamese.woff2?v=20261028') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Lexend;src:url('/brand/lexend-latin-ext.woff2?v=20261028') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Lexend;src:url('/brand/lexend-latin.woff2?v=20261028') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Lato;src:url('/brand/lato-regular.ttf?v=20261028') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url('/brand/lato-bold.ttf?v=20261028') format('truetype');font-weight:700;font-display:swap}
:root,html:not([data-theme="dark"]){--font-display:Lexend,'Segoe UI',sans-serif;--font-sans:Lato,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --bg3:#f3f5fa;--bg1:#fff;--bg2:#fafbfd;--bg-row-alt:#f5f6fa;--bg-control:#f3f5fa;--bg-track:#eceff4;
  --tx1:#1b2031;--tx2:#626779;--tx3:#747989;--bd1:#e7eaf0;--bd-hairline:#f0f2f6;--app-line:#e7eaf0;
  --blue:#5448de;--blue-tx:#5448de;--blue-bg:#edebfc;--purple:#5448de;--purple-bg:#edebfc;--purple-tx:#5448de;--primary-border:#d8d3f9;--primary-ring:#6e63e2;--primary-wash:#faf9ff;
  --green:#3d835a;--green-bg:#e5f3eb;--green-tx:#3d835a;--red:#b84933;--red-bg:#f9e9e5;--red-tx:#b84933;--amber:#9f6825;--amber-bg:#fbf1dc;--amber-tx:#744d1a;
  --info:#3d7dc6;--info-bg:#e7f1fb;--pink:#aa4370;--pink-bg:#f8e8ef;--radius:12px;--radius-lg:16px;--radius-xl:24px;
  --shadow-popover:0 8px 24px rgba(27,32,49,.08),0 2px 6px rgba(27,32,49,.04);--shadow-modal:0 24px 64px rgba(27,32,49,.14),0 4px 12px rgba(27,32,49,.04)}
html[data-theme="dark"]{--font-display:Lexend,'Segoe UI',sans-serif;--font-sans:Lato,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--bg-row-alt:#24273c;--primary-border:#4a4480;--info:#8db8ec;--info-bg:#22344a;--shadow-popover:0 8px 24px rgba(0,0,0,.3);--shadow-modal:0 24px 64px rgba(0,0,0,.4)}
body,button,input,select,textarea{font-family:var(--font-sans)}body{font-size:15px}
.page-title,.hc-modal-head h3,.kpi-value,.manager-summary-card .kpi-value,.credit-balance-value,.ui-highlight strong,.ads-preview-stats b,.billing-plan-title h2,.empty-card h3{font-family:var(--font-display);font-weight:600}
.page-title{font-size:34px;letter-spacing:-.6px}.page-sub{font-size:15px;color:var(--tx2)}.hc-modal-head h3{font-size:24px;letter-spacing:-.3px}
.feedback-kpis .kpi-value{font-size:clamp(20px,13cqi,28px);letter-spacing:-.4px}.feedback-kpis .kpi-label,.kpi-label{font-size:15px}.kpi-note,.subtle,.page-updated{font-size:14px}.report-note,.table-count,.post-meta-line,.cell-sub{font-size:13px}
.ui-highlight strong{font-size:22px;letter-spacing:-.3px}.section-eyebrow,.ui-section>summary{font-family:var(--font-sans);font-weight:700}
.btn{border-radius:12px}.fi,.form-group input,.form-group select,.form-group textarea,.table-search,.table-trend,.report-select-chip,.report-toolbar>details>summary{border-radius:12px}
.form-card,.table-wrap,.feedback-kpis .kpi,.kpi,.ui-highlight,.manager-summary-card,.manager-workbench,.connection-card,.ads-preset-card{border-radius:16px}
.hc-modal{border-radius:24px;box-shadow:var(--shadow-modal)}.hc-modal-foot{background:var(--bg2);border-radius:0 0 24px 24px}.ui-menu-popover,.date-popover,.page-filter-popover{border-radius:16px;box-shadow:var(--shadow-popover)}
.badge,.source-pill,.metric-value.metric-green,.metric-value.metric-red,.metric-value.metric-amber,.filter-count{border-radius:999px}.source-pill{background:var(--info-bg);color:var(--info)}
.table-wrap tbody tr:nth-child(even)>td{background:var(--bg-row-alt)}.table-wrap th{color:var(--tx2);font-weight:700}
.num,.mono,.table-wrap td.num,.kpi-value,.manager-summary-card .kpi-value{font-variant-numeric:tabular-nums}.table-wrap td.mono{font-family:var(--font-sans)}
.btn:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.fi:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-ring);box-shadow:0 0 0 3px var(--blue-bg);outline:0}
.feedback-kpis .kpi-value,.manager-summary-card .kpi-value,.page-title{font-weight:600}
/* Dialog frame per the design system: icon tile, title and description, square close, subtle footer with a note. */
.hc-modal-head{display:flex;align-items:flex-start;gap:16px;padding:24px 28px}.hc-modal-heading{flex:1;min-width:0}.hc-modal-head h3{margin:2px 0 0}.hc-modal-desc{margin:6px 0 0!important;font-size:15px;line-height:1.55;color:var(--tx2)}
.hc-modal-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--blue-bg);color:var(--blue-tx);flex-shrink:0}.hc-modal-icon .ui-icon{width:24px;height:24px}.hc-modal-icon.is-danger{background:var(--red-bg);color:var(--red-tx)}
.hc-modal-close{width:40px;height:40px;min-width:40px;border-radius:12px;background:var(--bg3);color:var(--tx2);border:0;cursor:pointer;flex-shrink:0}.hc-modal-close:hover{background:var(--blue-bg);color:var(--blue-tx)}
.hc-modal-body{padding:24px 28px}.hc-modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:18px 28px;background:var(--bg2);border-top:1px solid var(--bd1)}.hc-modal-note{margin-right:auto;display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--tx2)}.hc-modal-note i{width:8px;height:8px;border-radius:50%;background:#d7a44e}.hc-modal-foot .btn{min-height:44px}
.hc-modal-backdrop{background:rgba(27,32,49,.2)}
@media(max-width:768px){.hc-modal-head{padding:18px;gap:12px}.hc-modal-icon{width:40px;height:40px;border-radius:12px}.hc-modal-body{padding:18px}.hc-modal-foot{padding:14px 18px}}
/* Date range popover per the reference. */
.date-popover{border:1px solid var(--bd1);overflow:hidden}.date-presets{background:var(--bg2);padding:20px 14px}.date-presets>strong{display:block;font-size:14px;color:var(--tx2);font-weight:700;padding:0 12px 10px}.date-presets button{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;border-radius:12px;padding:10px 12px;font:inherit;font-size:15px;color:var(--tx1);cursor:pointer;text-align:left}.date-presets button:hover{background:var(--bg3)}.date-presets button[aria-pressed=true]{background:var(--blue-bg);color:var(--blue-tx);font-weight:700}.preset-radio{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--bd2);flex-shrink:0;box-sizing:border-box}.date-presets button[aria-pressed=true] .preset-radio{border:5px solid #5448de}
.date-months button{border-radius:10px;font:inherit;font-size:14px}.date-months button[aria-pressed=true]{background:var(--blue-bg);color:var(--tx1)}.date-months button.date-edge{background:#5448de!important;color:#fff!important;font-weight:700}.date-months button[aria-current=date]{box-shadow:inset 0 0 0 1.5px var(--tx1)}.date-months button:disabled{color:var(--tx3);opacity:.45}
.date-footer{background:var(--bg2);border-top:1px solid var(--bd1)}.date-footer small{font-size:14px;color:var(--tx2)}.date-range-fields label{font-size:14px;font-weight:700;color:var(--tx1)}
/* Column picker: two panes as in the reference ("Cột hiển thị trong bảng" | "Thêm chỉ số"). */
.hc-modal:has(.column-layout){max-width:1100px!important;width:min(1100px,calc(100vw - 32px))}
.column-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0;border:1px solid var(--bd1);border-radius:16px;overflow:hidden;margin-top:16px}.column-pane{padding:18px 20px;min-width:0;max-height:min(56vh,560px);overflow:auto}.column-pane-add{background:var(--bg2);border-left:1px solid var(--bd1);order:-1;border-left:0;border-right:1px solid var(--bd1)}
.column-pane-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}.column-pane-head b{font-size:16px}.column-pane-head span{font-size:13px;color:var(--tx3)}.column-pane-add .table-search{margin-bottom:12px;flex:none;width:100%}
#selected-columns{counter-reset:column}#selected-columns .column-option{counter-increment:column;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--bd1);border-radius:12px;padding:10px 12px;margin-bottom:8px;background:var(--bg1)}#selected-columns .column-option>label{flex:1;min-width:140px;display:flex;align-items:center;gap:10px;font-size:15px}#selected-columns .column-option>label::before{content:counter(column);display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:8px;background:var(--bg3);color:var(--tx2);font-size:13px;font-weight:700;order:-1}
.column-pane-add section h4{font-size:13px;color:var(--tx2);margin:14px 0 6px;display:flex;align-items:center;gap:8px}.column-pane-add section h4::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--tx3)}.column-pane-add .column-option{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:10px}.column-pane-add .column-option:hover{background:var(--bg1)}.column-pane-add .column-option>label{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font-size:15px}.column-pane-add .column-option input{position:absolute;opacity:0;width:1px;height:1px}.column-pane-add .column-option>label::after{content:'+';display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--blue-bg);color:var(--blue-tx);font-size:18px;font-weight:700;flex-shrink:0}.column-pane-add .column-option:focus-within>label::after{outline:2px solid var(--blue);outline-offset:2px}.column-pane-add .column-option .btn-row,.column-pane-add .column-option>.btn{display:none}
@media(max-width:900px){.column-layout{grid-template-columns:1fr}.column-pane-add{order:0;border-right:0;border-top:1px solid var(--bd1)}}
#selected-columns .column-option>label{flex:1 1 0}#selected-columns .column-option>.btn{order:1;min-height:32px;padding:5px 12px;font-size:13px;border-style:dashed;color:var(--blue-tx);border-radius:999px}#selected-columns .column-option>.btn-row{order:2;flex-wrap:nowrap}#selected-columns .column-option>.btn-row .btn{min-height:32px;padding:4px 10px}#selected-columns .column-option>:not(label):not(.btn):not(.btn-row){order:3;flex-basis:100%}
/* Checkbox groups (permissions, pickers) per the reference: framed groups, tinted checked items. */
input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:#5448de;flex-shrink:0}
.permission-group{border:1px solid var(--bd1);border-radius:16px;padding:0 0 10px;margin:0 0 14px;overflow:hidden}.permission-group>legend{float:left;width:100%;box-sizing:border-box;padding:12px 18px;margin-bottom:8px;background:var(--bg2);font-size:15px;font-weight:700;border-bottom:1px solid var(--bd-hairline,#f0f2f6)}.permission-group>legend+*{clear:both}
.permission-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px;padding:0 10px}.permission-choices label,.choice-list label{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:15px;cursor:pointer}.permission-choices label:has(input:checked),.choice-list label:has(input:checked){background:var(--blue-bg);font-weight:700}
@media(max-width:768px){.permission-choices{grid-template-columns:1fr 1fr}}
@media(min-width:769px){.date-popover{width:880px;grid-template-columns:230px minmax(0,1fr)}}.date-presets>strong{text-transform:none;letter-spacing:0}.date-presets button{white-space:nowrap}
/* Budget dialog — mockup 2-02-09 */
.manager-budget-modal{max-width:640px!important}
.hc-modal-history{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:12px;font-size:15px;font-weight:700;white-space:nowrap}.hc-modal-history svg{width:18px;height:18px}.hc-modal-history .hc-count{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#EDEBFC;color:#5448DE;font-size:13px;line-height:24px;text-align:center}
.manager-action-context{background:#F7F8FB;border-radius:16px;padding:16px 20px;margin-bottom:24px}.manager-action-context strong{font-size:16px;color:#1B2031}.manager-action-context .subtle{margin:4px 0 0;font-size:14px;color:#626779}
.budget-section-title{margin:0 0 12px;font:700 15px/1.4 Lato,var(--font,sans-serif);color:#1B2031}
.budget-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 16px}
.budget-presets button{min-height:56px;padding:0 8px;border-radius:12px;border:1px solid #E7EAF0;background:#fff;color:#1B2031;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;box-shadow:none}
.budget-presets button:hover{border-color:#D8D3F9;background:#FAF9FF}.budget-presets .budget-cut{color:#B84933}.budget-presets .budget-other{font-weight:400;color:#626779}
.budget-presets button.is-active{background:#5448DE;border-color:#5448DE;color:#fff}
.budget-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;border:1px solid #E7EAF0;border-radius:16px;padding:18px 24px;margin-bottom:24px}
.budget-compare span,.budget-compare label{display:block;font-size:14px;color:#626779;margin:0 0 4px}
.budget-compare strong{font:600 26px/1.2 Lexend,sans-serif;color:#1B2031;font-variant-numeric:tabular-nums}
.budget-compare-arrow{color:#5448DE!important;margin:0!important}.budget-compare-arrow svg{width:24px;height:24px}
.budget-compare .budget-amount{text-align:right}
.budget-compare .budget-input-line{display:inline-flex;justify-content:flex-end;border:0;border-bottom:1px dashed #D8D3F9;border-radius:0;background:none;padding:0}
.budget-compare .budget-input-line:focus-within{outline:0;border-bottom-color:#5448DE}
.budget-amount .budget-input-line input{font:600 26px/1.2 Lexend,sans-serif;color:#5448DE;padding:0;text-align:right;max-width:220px;background:none}
.budget-compare .budget-input-line>span{display:inline;margin:0;font:600 26px/1.2 Lexend,sans-serif;color:#5448DE}
.budget-compare .budget-preview{display:block;min-height:0;margin:6px 0 0;font-size:13px}
.budget-increase{color:#3D835A}.budget-decrease{color:#B84933}
.manager-reason-recent{margin:-4px 0 16px}.manager-reason-recent>span{display:block;font-size:14px;color:#626779;margin-bottom:6px}
.manager-reason-recent>div{display:grid;grid-template-columns:52px 1fr auto;align-items:baseline;gap:12px;padding:6px 8px}
.manager-reason-recent time{font-size:14px;color:#A6ADBD;font-variant-numeric:tabular-nums}.manager-reason-recent p{margin:0;font-size:15px;color:#1B2031;overflow-wrap:anywhere}
.manager-reason-recent button{border:0;background:none;padding:0;color:#5448DE;font-weight:700;font-size:15px;cursor:pointer}.manager-reason-recent button:hover{text-decoration:underline}
@media(max-width:560px){.budget-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.budget-compare{grid-template-columns:1fr;gap:8px}.budget-compare .budget-amount{text-align:left}.budget-compare-arrow{transform:rotate(90deg);justify-self:start}.hc-modal-history{padding:0 10px}}
/* Threshold & limit dialog — mockup 2-01-02 */
.account-meta-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #E7EAF0;border-radius:16px;background:#FAFBFD;padding:16px 20px;margin-bottom:24px;font-size:15px;color:#626779}.account-meta-strip strong{color:#1B2031;font-variant-numeric:tabular-nums}
.fi-suffix{position:relative}.fi-suffix .fi{width:100%;box-sizing:border-box;padding-right:40px;font-variant-numeric:tabular-nums}.fi-suffix>span{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#626779;pointer-events:none}
.field-hint{margin:8px 0 0;font-size:14px;color:#747989}
.threshold-usage{border:1px solid #D8D3F9;border-radius:16px;background:#FAF9FF;padding:16px 20px;margin-top:8px}.threshold-usage p{margin:0 0 12px;font-size:15px;color:#626779;font-variant-numeric:tabular-nums}.threshold-usage strong{color:#1B2031}
.threshold-track{height:8px;border-radius:999px;background:#ECEFF4;overflow:hidden}.threshold-track i{display:block;height:100%;min-width:8px;border-radius:999px;background:#5448DE}
/* Row filter dialog — mockup 1-01-07 */
.report-rule-heading{margin:0 0 12px;font:700 15px/1.4 Lato,sans-serif;color:#1B2031}
#report-rule-quick-wrap{margin-bottom:24px}.report-rule-quick{display:flex;flex-wrap:wrap;gap:12px}
.report-rule-quick button{height:40px;padding:0 18px;border:1px solid #E7EAF0;border-radius:999px;background:#fff;color:#1B2031;font-size:15px;cursor:pointer}
.report-rule-quick button:hover{border-color:#D8D3F9;background:#FAF9FF}.report-rule-quick button.is-active{border-color:#D8D3F9;background:#EDEBFC;color:#5448DE;font-weight:700}
.report-rule-row{grid-template-columns:1.4fr 1fr 1fr 40px;gap:12px;align-items:center;margin:0 0 12px}
.report-rule-remove{width:40px;height:40px;border:0;border-radius:12px;background:none;color:#747989;cursor:pointer;display:grid;place-items:center}.report-rule-remove:hover{background:#F9E9E5;color:#B84933}.report-rule-remove svg{width:18px;height:18px}
.report-rule-add{border:0;background:none;padding:4px 0;color:#5448DE;font-weight:700;font-size:15px;cursor:pointer}.report-rule-add:hover{text-decoration:underline}
#modal-note strong{color:#1B2031;font-variant-numeric:tabular-nums}
@media(max-width:640px){.report-rule-row{grid-template-columns:1fr 1fr}.report-rule-remove{justify-self:end}}
/* Custom metric editor — mockup 1-01-06 */
.metric-editor-modal{max-width:1000px!important}.metric-editor-modal .hc-modal-body{padding:0}
.metric-editor-modal #modal-error,.metric-editor-modal #modal-progress{margin:0 28px 16px}
.hc-modal-icon.is-pink{background:#F8E8EF;color:#AA4370}
.hc-modal-back{display:block;border:0;background:none;padding:0;margin:0 0 4px;color:#5448DE;font-weight:700;font-size:15px;cursor:pointer}.hc-modal-back:hover{text-decoration:underline}
.metric-editor{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}
.metric-editor-form{padding:28px}.metric-editor-form .form-group{margin-bottom:20px}
.metric-editor-form .form-label{display:block;margin-bottom:8px;font-weight:700;font-size:15px;color:#1B2031}
.metric-editor-preview{background:#FAFBFD;border-left:1px solid #E7EAF0;padding:28px 24px}
.metric-editor-preview h4{margin:0;font:700 16px/1.4 Lato,sans-serif;color:#1B2031}.metric-editor-preview>.subtle{margin:2px 0 16px;font-size:14px}
.formula-box{position:relative;min-height:96px;border:1px solid #E7EAF0;border-radius:12px;background:#fff;cursor:text}
.formula-box:focus-within{border-color:#6E63E2;box-shadow:0 0 0 3px #EDEBFC}
.formula-box textarea{display:block;width:100%;min-height:96px;border:0;background:none;resize:vertical;font:15px/1.6 ui-monospace,monospace;box-shadow:none!important;outline:0}
.formula-chips{display:none}
.formula-box.has-chips:not(:focus-within) .formula-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px}
.formula-box.has-chips:not(:focus-within) textarea{position:absolute;inset:0;opacity:0;resize:none}
.formula-chip{padding:5px 12px;border-radius:8px;background:#EEF0F5;color:#1B2031;font-size:15px;font-weight:700}
.formula-chip.tone-green{background:#E5F3EB;color:#3D835A}.formula-chip.tone-blue{background:#E7F1FB;color:#3D7DC6}.formula-chip.tone-purple{background:#EDEBFC;color:#5448DE}.formula-chip.tone-amber{background:#FBF1DC;color:#744D1A}.formula-chip.tone-coral{background:#F9E9E5;color:#B84933}
.formula-sym{font-size:17px;font-weight:700;color:#1B2031}
.metric-editor .formula-tools{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 0}
.formula-metric{position:relative;flex:1 1 220px;margin:0!important}.formula-metric svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#747989;pointer-events:none}.formula-metric select{width:100%;padding-left:42px}
.formula-op{width:44px;height:44px;border:1px solid #E7EAF0;border-radius:12px;background:#fff;font-size:17px;font-weight:700;color:#1B2031;cursor:pointer}.formula-op:hover{border-color:#D8D3F9;background:#FAF9FF}
.metric-editor .field-hint{margin:8px 0 20px}.metric-editor .format-segments+.field-hint{margin-bottom:0}
.format-segments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border-radius:12px;background:#ECEFF4}
.format-segments label{position:relative;margin:0!important;font-weight:400!important}.format-segments input{position:absolute;opacity:0;pointer-events:none}
.format-segments span{display:block;padding:10px 6px;border-radius:9px;text-align:center;font-size:15px;color:#626779;cursor:pointer;white-space:nowrap}
.format-segments input:checked+span{background:#fff;color:#1B2031;font-weight:700;box-shadow:0 1px 2px rgba(27,32,49,.08)}.format-segments input:focus-visible+span{outline:2px solid #6E63E2}
.metric-preview-total{border:1px solid #E7EAF0;border-radius:16px;background:#fff;padding:20px;margin-bottom:12px}.metric-preview-total.is-empty{color:#747989;font-size:15px}
.metric-preview-total span{display:block;font-size:14px;color:#626779}.metric-preview-total strong{display:block;margin:4px 0;font:600 30px/1.2 Lexend,sans-serif;color:#1B2031;font-variant-numeric:tabular-nums}.metric-preview-total small{font-size:14px;color:#626779;font-variant-numeric:tabular-nums}
.metric-preview-rows{border:1px solid #E7EAF0;border-radius:16px;background:#fff;padding:4px 20px;margin-bottom:12px}
.metric-preview-rows>div{display:grid;grid-template-columns:72px 1fr auto;gap:8px;align-items:baseline;padding:12px 0;border-bottom:1px solid #F0F2F6;font-variant-numeric:tabular-nums}.metric-preview-rows>div:last-child{border-bottom:0}
.metric-preview-rows span{font-size:14px;color:#626779;white-space:nowrap}.metric-preview-rows small{font-size:13px;color:#747989;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-preview-rows strong{font-size:15px;color:#1B2031}
.metric-preview-note{display:flex;gap:10px;margin:0;border:1px solid #E7EAF0;border-radius:16px;background:#fff;padding:16px;font-size:14px;color:#626779}.metric-preview-note svg{flex:0 0 18px;width:18px;height:18px;color:#747989}
@media(max-width:820px){.metric-editor{grid-template-columns:1fr}.metric-editor-preview{border-left:0;border-top:1px solid #E7EAF0}.metric-editor-form,.metric-editor-preview{padding:20px}.format-segments{grid-template-columns:repeat(2,minmax(0,1fr))}}
.formula-chip.is-unknown{background:#F9E9E5;color:#B84933;text-decoration:underline wavy #D05D46 1px}
.metric-editor .formula-tools{gap:6px;flex-wrap:nowrap}.formula-metric{flex:1 1 130px;min-width:0}.formula-op{flex:0 0 40px;width:40px}
@media(max-width:560px){.metric-editor .formula-tools{flex-wrap:wrap}.formula-metric{flex-basis:100%}}
/* Metric set picker & manager — mockups 2-02-02, 2-02-03 */
.manager-preset-picker>summary{display:inline-flex;align-items:center;gap:8px;list-style:none;min-height:40px;padding:0 14px;border:1px solid #E7EAF0;border-radius:12px;background:#fff;font-size:14px;color:#626779;white-space:nowrap}
.manager-preset-picker>summary::-webkit-details-marker{display:none}.manager-preset-picker>summary strong{color:#5448DE}.manager-preset-picker>summary svg{width:18px;height:18px;color:#5448DE}
.manager-preset-picker[open]>summary{border-color:#6E63E2;background:#FAF9FF;box-shadow:0 0 0 3px #EDEBFC}
.manager-preset-menu{left:auto;right:0;width:min(520px,calc(100vw - 32px));max-width:none;padding:8px;border-radius:24px;border:1px solid #E7EAF0;box-shadow:0 12px 32px rgba(27,32,49,.12),0 2px 6px rgba(27,32,49,.06);background:#fff}
.manager-preset-menu h5{margin:12px 12px 8px;font-size:14px;font-weight:700;color:#626779}
.manager-preset-choice{display:flex;align-items:flex-start;gap:14px;padding:12px;border:1px solid transparent;border-radius:16px;white-space:normal}
.manager-preset-choice:hover{background:#F7F8FB}.manager-preset-choice[aria-current="true"]{background:#FAF9FF;border-color:#D8D3F9}
.preset-icon{flex:0 0 44px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.preset-icon svg{width:20px;height:20px}
.preset-icon.tone-purple{background:#EDEBFC;color:#5448DE}.preset-icon.tone-blue{background:#E7F1FB;color:#3D7DC6}.preset-icon.tone-green{background:#E5F3EB;color:#3D835A}.preset-icon.tone-pink{background:#F8E8EF;color:#AA4370}
.preset-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left}.preset-text strong{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:16px;color:#1B2031}.preset-text small{font-size:14px;color:#626779}
.preset-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.preset-chips span{padding:3px 10px;border-radius:999px;background:#EEF0F5;color:#1B2031;font-size:13px;font-weight:700}
.preset-check{flex:0 0 28px;width:28px;height:28px;border-radius:999px;background:#5448DE;color:#fff;display:grid;place-items:center;align-self:center}.preset-check svg{width:16px;height:16px}
.manager-preset-foot{display:flex;justify-content:space-between;gap:12px;margin:8px -8px -8px;padding:14px 16px;border-top:1px solid #E7EAF0;background:#FAFBFD;border-radius:0 0 24px 24px}
.manager-preset-foot .btn{display:inline-flex;align-items:center;gap:8px}.manager-preset-foot svg{width:18px;height:18px}
.preset-manager-modal{max-width:920px!important}.manager-preset-header strong{font-size:15px;color:#1B2031}
.preset-cards{display:grid;gap:12px;margin-bottom:24px}
.preset-card{display:flex;align-items:flex-start;gap:16px;padding:20px;border:1px solid #E7EAF0;border-radius:16px;background:#fff}.preset-card.is-active{border-color:#D8D3F9;background:#FAF9FF}
.preset-card .preset-chips span{background:#fff;border:1px solid #E7EAF0}
.preset-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:#E5F3EB;color:#3D835A;font-size:13px}.preset-badge::before{content:"";width:7px;height:7px;border-radius:999px;background:#4DA271}
.preset-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.preset-actions .btn{display:inline-flex;align-items:center;gap:6px}.preset-actions svg{width:16px;height:16px}
.preset-delete{color:#B84933!important}.preset-delete:disabled{opacity:.45;cursor:not-allowed}
.preset-templates{border-radius:16px;background:#F7F8FB;padding:20px}.preset-templates h4{margin:0 0 14px;font-size:16px;color:#1B2031}.preset-templates h4 span{font-weight:400;font-size:14px;color:#626779;margin-left:6px}
.preset-templates>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.preset-templates button{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #E7EAF0;border-radius:16px;background:#fff;cursor:pointer}.preset-templates button:hover{border-color:#D8D3F9;background:#FAF9FF}
.preset-templates .preset-text strong{font-size:15px}.preset-plus{font-size:22px;font-weight:700;color:#5448DE}
@media(max-width:760px){.preset-card{flex-wrap:wrap}.preset-actions{width:100%;justify-content:flex-start}.preset-templates>div{grid-template-columns:1fr}.manager-preset-menu{left:auto;right:0}}
/* Metric set editor — mockup 2-02-04 */
.preset-editor-modal{max-width:1040px!important}
.preset-editor-head{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px 20px;align-items:start;margin:-26px -26px 20px;padding:24px 26px;background:#FAFBFD;border-bottom:1px solid #E7EAF0}
.preset-editor-head .manager-preset-name,.preset-editor-head .manager-column-scope>label{display:grid;gap:8px;margin:0;font-size:15px;font-weight:700;color:#1B2031}
.preset-editor-head .manager-column-scope{display:contents}
.preset-editor-head fieldset{grid-column:3;grid-row:1;margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}
.preset-editor-head legend{float:left;width:100%;margin:0 0 8px;padding:0;font-size:15px;font-weight:700;color:#1B2031}
.preset-editor-head fieldset label{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid #E7EAF0;border-radius:12px;background:#fff;font-size:15px;cursor:pointer}
.preset-editor-head fieldset label:has(input:checked){border-color:#D8D3F9;background:#EDEBFC;color:#5448DE;font-weight:700}
.preset-editor-head .manager-column-scope>.subtle{grid-column:2/4;margin:0;font-size:14px;color:#747989}
.preset-editor-modal .manager-custom-section{margin:0 0 16px;padding:12px 16px;border-radius:12px;border-color:#E7EAF0}
.preset-editor-modal .manager-custom-section>summary{font-size:15px;color:#1B2031}
@media(max-width:820px){.preset-editor-head{grid-template-columns:1fr;margin:-18px -18px 16px;padding:18px}.preset-editor-head fieldset,.preset-editor-head .manager-column-scope>.subtle{grid-column:auto;grid-row:auto}}
/* Scale criteria editor — mockup 2-02-07 */
.hc-modal-icon.is-green{background:#E5F3EB;color:#3D835A}
.scale-editor-head{display:grid;grid-template-columns:1.2fr 1.4fr 0.8fr;gap:20px;align-items:start;padding:24px 28px;background:#FAFBFD;border-bottom:1px solid #E7EAF0}
.scale-editor-head .form-group{margin:0}.scale-editor-head .form-group>label,.metric-editor-form .form-label{display:block;margin-bottom:8px;font-weight:700;font-size:15px;color:#1B2031}
.metric-editor-form .form-label small{font-weight:400;font-size:13px;color:#747989;margin-left:4px}
.scale-levels{grid-template-columns:repeat(3,minmax(0,1fr))}.scale-editor-head select{width:100%}
.scale-pages{display:flex;flex-wrap:wrap;gap:8px}.scale-pages label{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid #E7EAF0;border-radius:12px;background:#fff;font-size:15px;cursor:pointer}
.scale-pages label:has(input:checked){border-color:#D8D3F9;background:#EDEBFC;color:#5448DE;font-weight:700}
.scale-criterion .scale-card{display:none}.scale-criterion.is-selected .scale-add{display:none}
.scale-criterion.is-selected .scale-card{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:10px;border:1px solid #CFE6D8;border-radius:16px;background:#F3FAF6}
.scale-criterion.is-selected[data-dir="min"] .scale-card{border-color:#CFE0F3;background:#F3F8FD}
.scale-card-text{flex:1;min-width:0}.scale-card-text strong{display:block;font-size:16px;color:#1B2031}.scale-card-text small{font-size:14px;color:#626779}
.scale-card .fi-suffix{flex:0 0 180px}
.scale-dir{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#E5F3EB;color:#3D835A;font-weight:700}.scale-criterion[data-dir="min"] .scale-dir,.scale-dir.is-min{background:#E7F1FB;color:#3D7DC6}
.scale-pool-title .scale-dir{width:24px;height:24px;border-radius:6px;font-size:13px;margin-right:8px}
#scale-active:not(:empty)+.scale-empty{display:none}.scale-empty{margin:0;font-size:14px;color:#747989}
.scale-warning{display:flex;gap:10px;margin:10px 0 0;padding:14px 16px;border-radius:12px;background:#FBF1DC;color:#744D1A;font-size:14px}.scale-warning svg{flex:0 0 18px;width:18px;height:18px}
.scale-pool-title{display:flex;align-items:center;margin:4px 0 10px;font-size:14px;color:#626779}
.scale-pool{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.scale-add{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:1px solid #E7EAF0;border-radius:999px;background:#fff;font-size:15px;color:#1B2031;cursor:pointer}.scale-add:hover{border-color:#D8D3F9;background:#FAF9FF}
.scale-add input{position:absolute;opacity:0;pointer-events:none}
.scale-sentence{border:1px solid #E7EAF0;border-radius:16px;background:#fff;padding:16px 18px;margin-bottom:16px;font-size:15px;line-height:1.6;color:#1B2031}.scale-sentence em{font-style:normal;font-weight:700;color:#3D835A}
.scale-count{display:flex;align-items:baseline;gap:10px;margin:0 0 12px}.scale-count strong{font:600 30px/1 Lexend,sans-serif;color:#3D835A}.scale-count span{font-size:15px;color:#626779}
.scale-match{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;margin-bottom:8px;border:1px solid #E7EAF0;border-radius:16px;background:#fff}
.scale-match div{min-width:0}.scale-match strong{display:block;font-size:14px;color:#1B2031;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scale-match small{font-size:13px;color:#626779}
.scale-match>span{flex:0 0 auto;padding:3px 10px;border-radius:999px;background:#E5F3EB;color:#3D835A;font-weight:700;font-size:13px;font-variant-numeric:tabular-nums}
@media(max-width:820px){.scale-editor-head{grid-template-columns:1fr;padding:18px}.scale-card{flex-wrap:wrap}.scale-card .fi-suffix{flex-basis:100%}}
.scale-editor-modal .scale-criterion{display:contents;padding:0;border:0;background:none;box-shadow:none}
.scale-editor-modal .scale-criterion.is-selected{display:block}
.scale-editor-modal .scale-criterion .scale-add{display:inline-flex;min-height:0;font-size:15px;font-weight:400}
.scale-editor-modal .scale-criterion.is-selected .scale-add{display:none}
.scale-levels span{font-size:14px;padding:10px 4px}
/* Post update & tag dialogs — mockups 1-04-03, 1-04-04 */
.post-edit-summary{padding:16px;border-radius:16px;background:#F7F8FB;margin-bottom:24px}.post-edit-summary .post-identity{align-items:center}.post-edit-summary strong{font-size:16px;color:#1B2031}
.form-section-title{margin:0 0 12px;font-size:14px;font-weight:700;color:#626779}
.post-edit-info{grid-template-columns:minmax(0,1fr) minmax(0,2.6fr)!important;margin-bottom:12px}
.post-tag-search{display:flex;margin-bottom:12px;width:100%}.post-tag-search input{width:100%}
#post-tag-options{margin-bottom:16px}
.post-tag-choice{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;margin:0!important;padding:10px 4px;border-bottom:1px solid #F0F2F6}
.post-tag-choice label{min-width:0!important;gap:14px!important;cursor:pointer}.post-tag-choice .post-tag{font-size:15px;padding:5px 12px;border-radius:8px}
.post-tag-edit-toggle{border:0;background:none;color:#747989;font-weight:700;font-size:14px;cursor:pointer}.post-tag-edit-toggle:hover{color:#5448DE}
.post-tag-edit{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.post-tag-edit[hidden]{display:none}.post-tag-edit .fi{width:auto!important;flex:1 1 140px}
.post-tag-delete{color:#B84933!important}
.post-tag-create{padding:16px;border-radius:16px;background:#F7F8FB}.post-tag-create h4{margin:0 0 10px;font-size:15px;color:#1B2031}.post-tag-create .fi{width:100%}
.post-tag-create-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}
.post-tag-swatches{display:flex;flex-wrap:wrap;gap:8px}.post-tag-swatches label{position:relative;cursor:pointer}.post-tag-swatches input{position:absolute;opacity:0}
.post-tag-swatches span{display:block;width:26px;height:26px;border-radius:999px;border:3px solid #fff;box-shadow:0 0 0 1px #E7EAF0}
.post-tag-swatches input:checked+span{box-shadow:0 0 0 2px #1B2031}.post-tag-swatches input:focus-visible+span{outline:2px solid #6E63E2;outline-offset:2px}
.swatch-default{background:#C9CDD8}.swatch-gray{background:#8D93A4}.swatch-brown{background:#9A6B4B}.swatch-orange{background:#E0823D}.swatch-yellow{background:#D7A44E}.swatch-green{background:#4DA271}.swatch-blue{background:#3D7DC6}.swatch-purple{background:#5448DE}.swatch-pink{background:#AA4370}.swatch-red{background:#D05D46}
@media(max-width:640px){.post-edit-info{grid-template-columns:1fr!important}}
.post-edit-classify{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.post-edit-summary strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-edit-meta{display:block;margin-top:4px;font-size:14px;color:#626779}
@media(max-width:640px){.post-edit-classify{grid-template-columns:1fr!important}}
/* Post classification editor — compact summary, reusable values and channel segments. */
.post-editor-modal{max-width:1080px!important;width:calc(100vw - 48px);max-height:min(1060px,calc(100dvh - 32px))!important}
.post-editor-modal .hc-modal-icon{display:none}
.post-editor-modal .hc-modal-head{padding:30px 36px}
.post-editor-modal .hc-modal-head h3{font-size:28px;line-height:1.35}
.post-editor-modal .hc-modal-desc{font-size:16px}
.post-editor-modal .hc-modal-body{padding:28px 36px}
.post-editor-modal .post-edit-summary{background:var(--bg2);margin-bottom:28px;padding:18px 20px}
.post-editor-modal .post-edit-summary .post-identity{gap:18px}
.post-editor-modal .post-thumbnail{width:64px;height:64px;flex:0 0 64px;border-radius:12px;background:var(--bg3,#f0eff6)}
.post-editor-modal .post-edit-summary strong{font-size:18px;line-height:1.5;color:var(--tx1)}
.post-editor-modal .post-edit-meta{font-size:16px;line-height:1.5;color:var(--tx2)}
.post-editor-modal .form-section-title{font:400 15px/1.5 var(--font-body,Lato,sans-serif);color:var(--tx2);margin:0 0 12px}
.post-editor-modal .form-row{gap:20px 24px;align-items:start}
.post-editor-modal .post-edit-info{grid-template-columns:minmax(0,1fr) minmax(0,2.8fr)!important;margin-bottom:26px}
.post-editor-modal .form-group{margin:0;min-width:0}
.post-editor-modal .form-group>label{font-size:17px;font-weight:700;color:var(--tx1);margin-bottom:8px}
.post-editor-modal .fi{min-height:60px;width:100%;font:400 17px/1.4 var(--font-body,Lato,sans-serif);border:1px solid var(--bd1);border-radius:14px;padding:14px 18px;background:var(--bg1);color:var(--tx1)}
.post-editor-modal .fi:focus{border-color:#5448de;box-shadow:0 0 0 3px #5448de16;outline:none}
.post-editor-modal .field-hint{margin:10px 0 0;font-size:14px;line-height:1.55;color:var(--tx2)}
.post-channel-segments{display:flex;align-items:stretch;min-height:60px;background:var(--bg2);padding:4px;border-radius:14px;gap:4px}
.post-channel-segments button{flex:1;border:0;border-radius:10px;background:transparent;color:var(--tx2);font:400 17px/1.4 var(--font-body,Lato,sans-serif);cursor:pointer;padding:10px 12px}
.post-channel-segments button[aria-pressed=true]{background:var(--bg1);color:var(--tx1);font-weight:700;box-shadow:0 2px 6px #1b203108}
.post-editor-modal .post-channel-segments button[data-post-channel=facebook]{color:#286b9c}
.post-editor-modal .post-channel-segments button[data-post-channel=instagram]{color:#aa638f}
html[data-theme=dark] .post-editor-modal .post-channel-segments button[data-post-channel=facebook]{color:#85bff0}
html[data-theme=dark] .post-editor-modal .post-channel-segments button[data-post-channel=instagram]{color:#e6a0c9}
.post-channel-segments button:focus-visible{outline:2px solid #5448de;outline-offset:1px}
.post-editor-input{position:relative;display:flex;align-items:center}
.post-editor-input .fi{padding-right:42px}
.post-editor-input>button{position:absolute;right:6px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--tx2);cursor:pointer}
.post-editor-input>button:hover{background:var(--bg2);color:#5448de}
.post-editor-input>button:focus-visible{outline:2px solid #5448de}
.post-editor-input svg{width:18px;height:18px}
.post-editor-options[popover]{position:fixed;inset:auto;margin:0;box-sizing:border-box;padding:6px;border:1px solid var(--bd1);border-radius:16px;background:var(--bg1);color:var(--tx1);box-shadow:var(--shadow-popover);overflow:auto;z-index:10020}
.post-editor-options[hidden]{display:none!important}
.post-editor-options button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:10px;text-align:left;font:400 15px/1.4 var(--font-body,Lato,sans-serif);color:var(--tx1);background:none;cursor:pointer;overflow-wrap:anywhere}
.post-editor-options button:hover,.post-editor-options button.is-focused{background:var(--bg2)}
.post-editor-options button[aria-selected=true]{background:var(--blue-bg,#eeebfb);color:#5448de;font-weight:700}
.post-editor-options svg{width:18px;height:18px;flex:0 0 18px}
.post-editor-options p{font:400 14px/1.5 var(--font-body,Lato,sans-serif);padding:10px;color:var(--tx2);margin:0}
.post-editor-modal .post-edit-classify{margin-bottom:0}
.post-editor-modal .post-editor-catalog-hint{margin-top:10px}
.post-editor-modal .form-error:empty{display:none}
.post-editor-modal .hc-modal-foot{padding:24px 36px}
.post-editor-modal .hc-modal-note{font-size:15px;line-height:1.5}
.post-editor-modal .hc-modal-foot .btn{min-height:52px;border-radius:14px;padding:12px 24px;font-size:17px}
@media(max-width:640px){.post-editor-modal{width:calc(100vw - 24px)}.post-editor-modal .hc-modal-head,.post-editor-modal .hc-modal-body{padding:20px}.post-editor-modal .post-edit-info,.post-editor-modal .post-edit-classify{grid-template-columns:1fr!important}.post-editor-modal .hc-modal-head h3{font-size:22px}.post-editor-modal .hc-modal-desc{font-size:14px}.post-editor-modal .hc-modal-foot{padding:16px 20px;flex-wrap:wrap}.post-editor-modal .hc-modal-note{flex-basis:100%;margin-bottom:4px;font-size:13px}.post-editor-modal .post-edit-summary{padding:14px}.post-editor-modal .post-edit-summary strong{font-size:16px}.post-editor-modal .post-edit-meta{font-size:14px}.post-editor-modal .post-thumbnail{width:48px;height:48px;flex-basis:48px}.post-editor-modal .field-hint{font-size:13px}}
/* Page / TKQC pickers — mockups 1-01-03, 1-01-04 */
.page-filter .filter-popover,.report-account-filter .filter-popover{width:min(440px,calc(100vw - 32px));padding:0;border:1px solid #E7EAF0;border-radius:24px;box-shadow:0 12px 32px rgba(27,32,49,.12),0 2px 6px rgba(27,32,49,.06);background:#fff;overflow:hidden}
.filter-popover-head{padding:20px 22px 12px}.filter-popover-head strong{display:block;font:700 18px/1.3 Lato,sans-serif;color:#1B2031}.filter-popover-head span{display:block;margin-top:4px;font-size:14px;color:#626779}
.filter-popover>.table-search{display:flex;margin:0 18px 6px;width:auto}.filter-popover>.table-search input{width:100%}
.filter-all{display:flex;align-items:center;gap:14px;margin:0 22px;padding:12px 4px;border-bottom:1px solid #E7EAF0;cursor:pointer}.filter-all strong{flex:1;font-size:15px;color:#1B2031}.filter-count{font-size:14px;color:#747989;font-variant-numeric:tabular-nums}
.filter-popover .choice-list{display:flex;flex-direction:column;gap:2px;max-height:300px;overflow:auto;padding:8px 14px;border:0;margin:0}
.filter-popover .choice-list label{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid transparent;border-radius:14px;cursor:pointer;background:none}
.filter-popover .choice-list label:hover{background:#F7F8FB}.filter-popover .choice-list label:has(input:checked){background:#FAF9FF;border-color:#D8D3F9}
.filter-popover .choice-list label[hidden]{display:none}
.filter-avatar{flex:0 0 32px;width:32px;height:32px;border-radius:999px;display:grid;place-items:center;font-size:13px;font-weight:700}
.filter-avatar.tone-purple{background:#EDEBFC;color:#5448DE}.filter-avatar.tone-pink{background:#F8E8EF;color:#AA4370}.filter-avatar.tone-blue{background:#E7F1FB;color:#3D7DC6}.filter-avatar.tone-green{background:#E5F3EB;color:#3D835A}
.filter-text{flex:1;min-width:0}.filter-text strong{display:block;font-size:15px;color:#1B2031;overflow-wrap:anywhere}.filter-text small{display:block;font-size:13px;color:#747989;font-variant-numeric:tabular-nums}
.filter-badge{flex:0 0 auto;padding:3px 10px;border-radius:999px;background:#EEF0F5;color:#626779;font-size:13px;font-weight:700}
.filter-popover .page-filter-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid #E7EAF0;background:#FAFBFD}
.filter-popover .page-filter-footer .btn-link{padding:0;font-weight:700;font-size:14px;color:#5448DE}
.filter-popover input[type=checkbox]{width:20px;height:20px;accent-color:#5448DE;flex:0 0 auto}
.filter-all .filter-count{width:auto;height:auto;min-width:0;padding:0;border-radius:0;background:none!important;color:#747989;font-size:14px;font-weight:400}
.trend-choices h5{margin:10px 12px 4px;font-size:14px;font-weight:700;color:#626779}
.trend-choices input[type=radio]{width:20px;height:20px;accent-color:#5448DE}.trend-choices label:has(input:checked) strong{color:#5448DE}
/* Post heatmap — mockups 1-04-06, 1-04-07 */
.heatmap-modal{max-width:1280px!important}
.heat-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px}
.heat-pick{position:relative;display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 34px 0 14px;border:1px solid #E7EAF0;border-radius:12px;background:#fff;font-size:14px;color:#626779}
.heat-pick select{border:0;background:none;font:700 14px Lato,sans-serif;color:#1B2031;appearance:none;padding:0;cursor:pointer}.heat-pick:last-of-type select{color:#5448DE}
.heat-pick svg{position:absolute;right:12px;width:16px;height:16px;pointer-events:none}
.heat-toolbar .btn-link{font-weight:700;color:#5448DE}
.heat-legend{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:#626779}.heat-legend i{display:inline-block;width:14px;height:14px;border-radius:4px;margin-left:8px}
.heat-legend .is-good{background:#E5F3EB}.heat-legend .is-mid{background:#FBF1DC}.heat-legend .is-bad{background:#F9E9E5}.heat-legend .is-empty{background:#F3F5FA;border:1px solid #E7EAF0}
.heat-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.heat-grid{overflow-x:auto}.heat-grid table{width:100%;border-collapse:separate;border-spacing:8px}
.heat-grid thead th{font-size:13px;font-weight:400;color:#626779;text-align:center;padding:0 4px 4px}
.heat-grid tbody th{text-align:left;padding-right:8px;min-width:140px}.heat-grid tbody th strong{display:block;font-size:14px;color:#1B2031}.heat-grid tbody th small{font-size:12px;color:#747989}
.heat-grid td{padding:0}
.heat-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;min-width:118px;min-height:80px;border:2px solid transparent;border-radius:14px;cursor:pointer;font-variant-numeric:tabular-nums}
.heat-cell strong{font:600 17px/1.2 Lexend,sans-serif}.heat-cell small{font-size:12px;opacity:.85}
.heat-cell:disabled{cursor:default}
.heat-cell.is-good{background:#D9EFE2;color:#2F6E49}.heat-cell.is-mid{background:#FBF1DC;color:#8A5A1E}.heat-cell.is-bad{background:#F9E2DC;color:#A33F2B}
.heat-cell.is-empty{background:#F3F5FA;color:#A6ADBD}
.heat-cell.heat-1{background:#F4F2FE;color:#463AC8}.heat-cell.heat-2{background:#E6E3FC;color:#463AC8}.heat-cell.heat-3{background:#D2CCF9;color:#3B30AE}.heat-cell.heat-4{background:#B9B1F4;color:#2E2490}
.heat-cell.is-total{background:#fff;border:1px solid #E7EAF0;color:#1B2031}.heat-cell.is-grand{background:#F3F5FA}
.heat-cell.is-selected{border-color:#1B2031}
.heat-rank{margin-top:16px;padding:20px;border:1px solid #E7EAF0;border-radius:16px}.heat-rank>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.heat-rank h4{margin:0;font-size:16px;color:#1B2031}.heat-rank>div:first-child span{font-size:13px;color:#747989}
.heat-rank-row{display:grid;grid-template-columns:minmax(120px,220px) 1fr auto;gap:14px;align-items:center;padding:6px 0;font-size:14px}.heat-rank-row i{height:10px;border-radius:999px;background:#ECEFF4;overflow:hidden}.heat-rank-row b{display:block;height:100%;border-radius:999px;background:#D7A44E}.heat-rank-row strong{font-variant-numeric:tabular-nums}
.heat-side{border:1px solid #E7EAF0;border-radius:16px;padding:20px;background:#fff}
.heat-side-label{font-size:13px;color:#747989}.heat-side h4{margin:2px 0 14px;font:600 18px/1.3 Lexend,sans-serif;color:#1B2031;overflow-wrap:anywhere}
.heat-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.heat-stats div{border:1px solid #E7EAF0;border-radius:12px;padding:12px}.heat-stats span{display:block;font-size:13px;color:#626779}.heat-stats strong{font:600 18px/1.3 Lexend,sans-serif;color:#1B2031;font-variant-numeric:tabular-nums}
.heat-compare{margin:0 0 14px;padding:12px 14px;border-radius:12px;background:#F7F8FB;font-size:14px;color:#1B2031}.heat-compare.is-bad{background:#F9E9E5;color:#A33F2B}.heat-compare.is-good{background:#E5F3EB;color:#2F6E49}
.heat-posts-head{padding:6px 0 8px;border-bottom:1px solid #E7EAF0;font-size:15px}
.heat-post{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #F0F2F6}.heat-post .post-identity{min-width:0}.heat-post strong{font-size:14px;color:#5448DE;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.heat-post small{font-size:12px;color:#747989}
.heat-post>span{flex:0 0 auto;padding:3px 10px;border-radius:999px;background:#FBF1DC;color:#8A5A1E;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
@media(max-width:1000px){.heat-layout{grid-template-columns:1fr}.heat-legend{margin-left:0}}
.heat-grid th,.heat-grid td{text-transform:none;letter-spacing:0;background:none!important;border:0!important;box-shadow:none}
/* Inline heatmap report and compact dimension menus. */
.heatmap-report{min-width:0}
.heatmap-report .heat-toolbar{padding:12px 14px;background:var(--bg1);border:1px solid var(--bd1);border-radius:16px;margin-bottom:16px;gap:8px}
.heatmap-report .heat-toolbar .segmented{flex:0 0 auto}
.heatmap-report .heat-toolbar .segmented button{font-size:12px;min-height:34px;padding:7px 12px}
.heatmap-report .heatmap-settings-trigger{min-height:36px;padding:8px 12px;white-space:nowrap}
.heatmap-settings-trigger[aria-expanded=true]{border-color:var(--blue);box-shadow:0 0 0 3px #5448de10}
.heat-axis-swap{display:grid;place-items:center;width:32px;height:36px;background:var(--bg1);border:1px solid var(--bd1);border-radius:10px;color:var(--tx2);font-size:18px;cursor:pointer}
.heatmap-report .heat-legend{font-size:11px;gap:8px;line-height:1.6}
.heat-legend>span{display:inline-flex;gap:5px;align-items:center;white-space:nowrap}
.heatmap-report .heat-legend i{width:10px;height:10px;margin:0;border:1px solid #00000005;border-radius:3px}
.heat-legend-green{background:#d9efe2}.heat-legend-red{background:#f9e2dc}.heat-legend-amber{background:#fbf1dc}.heat-legend-blue{background:#dbeaf9}.heat-legend-purple{background:#e6e3fc}.heat-legend-none,.heat-legend-empty{background:#f3f2f8}
.heatmap-report .heat-layout{grid-template-columns:minmax(0,1fr) 310px;gap:16px}
.heatmap-report .heat-main{min-width:0}
.heat-grid-card{padding:20px 12px 14px;border:1px solid var(--bd1);border-radius:16px;background:var(--bg1)}
.heatmap-report .heat-grid table{margin:0;border-spacing:6px;width:100%}
.heatmap-report .heat-grid thead th{font-size:12px;line-height:1.4;color:var(--tx2)}
.heatmap-report .heat-grid tbody th{min-width:150px;max-width:180px;width:22%;vertical-align:middle;overflow-wrap:anywhere}
.heatmap-report .heat-grid tbody th strong{font-size:13px;line-height:1.45;color:var(--tx1)}
.heatmap-report .heat-grid tbody th small{font-size:11px;color:var(--tx2)}
.heatmap-report .heat-cell{min-width:110px;min-height:76px;border-radius:12px;padding:10px 6px}
.heatmap-report .heat-cell strong{font:600 15px/1.4 var(--font-display,Lexend,sans-serif)}
.heatmap-report .heat-cell small{font-size:11px}
.heatmap-report .heat-cell.is-total{background:var(--bg1);border-color:var(--bd1);color:var(--tx1)}.heatmap-report .heat-cell.is-grand{background:var(--bg2)}
.heatmap-report .heat-cell:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.heatmap-report .heat-grid-card>.field-hint{margin:10px 6px 0;font-size:11px;line-height:1.6;color:var(--tx2)}
.heatmap-report .heat-rank{background:var(--bg1);border-color:var(--bd1);padding:16px 18px}
.heatmap-report .heat-rank h4{font-size:13px;color:var(--tx1)}
.heatmap-report .heat-rank-row{grid-template-columns:minmax(110px,180px) minmax(50px,1fr) auto;font-size:12px;gap:12px;padding:5px 0}
.heatmap-report .heat-rank-row span{overflow-wrap:anywhere}
.heatmap-report .heat-rank-row i{height:8px}
.heatmap-report .heat-rank>div:first-child span{font-size:11px;color:var(--tx2)}
.heatmap-report .heat-side{background:var(--bg1);border-color:var(--bd1);padding:16px;min-width:0}
.heatmap-report .heat-side-label{font-size:12px;color:var(--tx2)}
.heatmap-report .heat-side h4{font:600 16px/1.4 var(--font-display,Lexend,sans-serif);color:var(--tx1);margin-bottom:14px}
.heatmap-report .heat-stats{gap:8px}
.heatmap-report .heat-stats>div{padding:10px;min-width:0;border-color:var(--bd1)}
.heatmap-report .heat-stats span{font-size:11px;color:var(--tx2)}
.heatmap-report .heat-stats strong{font:600 15px/1.5 var(--font-display,Lexend,sans-serif);overflow-wrap:anywhere;color:var(--tx1)}
.heatmap-report .heat-stat-primary.is-bad strong{color:#a33f2b}.heatmap-report .heat-stat-primary.is-good strong{color:#2f6e49}.heatmap-report .heat-stat-primary.is-mid strong{color:#8a5a1e}
.heatmap-report .heat-post>span.is-bad{background:#f9e2dc;color:#a33f2b}.heatmap-report .heat-post>span.is-good{background:#d9efe2;color:#2f6e49}.heatmap-report .heat-post>span.is-empty{background:var(--bg2);color:var(--tx2)}
.heatmap-report .heat-compare{font-size:12px;line-height:1.6;padding:10px}
.heat-posts-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.heatmap-report .heat-posts-head{font-size:12px;border-color:var(--bd1)}
.heat-posts-head .btn-link{font-size:11px;white-space:nowrap;padding:0;color:var(--blue-tx)}
.heat-post-link{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left;border:0;padding:0;background:none;font:700 13px/1.45 var(--font-body,Lato,sans-serif);color:var(--blue-tx);cursor:pointer}
.heatmap-report .heat-post .post-thumbnail{width:34px;height:34px;flex-basis:34px}
.heatmap-report .heat-post>span{font-size:11px;padding:3px 7px}
.heatmap-report .heat-post small{font-size:11px}
.heatmap-axis-menu[popover]{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:300px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:8px 6px 0;border:1px solid var(--bd1);border-radius:16px;background:var(--bg1);color:var(--tx1);box-shadow:var(--shadow-popover);font-family:var(--font-sans,Lato,sans-serif)}
.heatmap-axis-menu h4{font:400 11px/1.5 var(--font-sans,Lato,sans-serif);margin:5px 10px 7px;color:var(--tx2);letter-spacing:.35px}
.heat-axis-options{display:flex;flex-direction:column;gap:2px}
.heat-axis-options button{display:flex;align-items:center;gap:10px;min-height:38px;width:100%;border:0;border-radius:9px;background:none;padding:8px 10px;text-align:left;font:400 13px/1.4 var(--font-sans,Lato,sans-serif);color:var(--tx1);cursor:pointer}
.heat-axis-options button>span{flex:1;min-width:0}
.heat-axis-options small{display:block;color:var(--tx2);font-size:11px;line-height:1.5}
.heat-axis-options button>small{white-space:nowrap}
.heat-axis-options svg{width:15px;height:15px;flex:0 0 15px}
.heat-axis-options button[aria-pressed=true]{color:var(--blue-tx);background:var(--blue-bg);font-weight:700}
.heat-axis-options button:disabled{opacity:.45;cursor:default}
.heat-axis-options button:not(:disabled):hover{background:var(--bg2)}
.heatmap-axis-menu button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.heatmap-axis-menu footer{padding:12px 10px;border-top:1px solid var(--bd1);margin-top:6px}
.heatmap-axis-menu footer .btn-link{font-size:12px;color:var(--blue-tx);padding:0;font-weight:700}
.heatmap-table-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--bd1);border-radius:12px;background:var(--blue-bg);color:var(--tx2);font-size:13px;margin-bottom:12px}
.heatmap-table-notice .btn-link{font-size:13px;white-space:nowrap;color:var(--blue-tx)}
@media(max-width:1100px){.heatmap-report .heat-layout{grid-template-columns:1fr}.heatmap-report .heat-legend{margin-left:0}.heatmap-report .heat-side{max-width:none}.heatmap-report .heat-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.heatmap-report .heat-toolbar{padding:12px;gap:8px}.heatmap-report .heat-toolbar>.segmented{flex-basis:100%;justify-content:flex-start}.heatmap-report .heatmap-settings-trigger{font-size:11px;padding:8px}.heatmap-report .heatmap-settings-trigger.is-value{flex-basis:100%;justify-content:space-between}.heatmap-report .heat-legend{flex-basis:100%}.heatmap-report .heat-grid tbody th{min-width:125px}.heatmap-report .heat-stats{grid-template-columns:1fr 1fr}.heatmap-report .heat-rank-row{grid-template-columns:minmax(70px,100px) minmax(20px,1fr) auto;gap:8px;font-size:11px}.heatmap-report .heat-rank>div:first-child{flex-direction:column;gap:4px}.heatmap-table-notice{flex-wrap:wrap}}
/* Dismissible report guidance keeps the original content and links intact. */
#page .report-dismissible-notice{position:relative;padding-right:52px}
#page .report-dismissible-notice[hidden]{display:none!important}
.report-notice-hide{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:inherit;font:400 22px/1 var(--font-body,Lato,sans-serif);cursor:pointer}
.report-notice-hide:hover{background:#0000000a}.report-notice-hide:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.report-notice-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.report-notice-controls .btn{white-space:nowrap;font-size:12px}
@media(max-width:600px){#page .report-dismissible-notice{padding-right:44px}.report-notice-hide{right:8px}.report-dismissible-notice.status-line{flex-wrap:wrap;gap:8px}.report-notice-controls{gap:6px}}
/* Full viewport heatmap: compact matrix and independently scrolling detail rail. */
.heat-expand,.heat-collapse,.heat-full-close{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--bd1);border-radius:10px;background:var(--bg1);color:var(--tx1);font:700 12px/1.4 var(--font-body,Lato,sans-serif);padding:8px 12px;cursor:pointer;white-space:nowrap}
.heat-expand{margin-left:auto}.heat-expand:hover,.heat-collapse:hover,.heat-full-close:hover{background:var(--blue-bg);color:var(--blue-tx)}
dialog.heatmap-fullscreen{position:fixed;inset:0;margin:0;padding:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;box-sizing:border-box;background:var(--bg2);color:var(--tx1);overflow:hidden}
dialog.heatmap-fullscreen[open]{display:flex;flex-direction:column}
.heatmap-fullscreen::backdrop{background:var(--bg2)}
.heat-full-header{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-height:54px;padding:10px 18px;background:var(--bg1);border-bottom:1px solid var(--bd1)}
.heat-full-header>div{display:flex;flex:1;min-width:0;align-items:center;gap:16px;flex-wrap:wrap}
.heat-full-header h2{font:600 15px/1.4 var(--font-display,Lexend,sans-serif);margin:0}
.heat-full-header span{font:400 11px/1.5 var(--font-body,Lato,sans-serif);color:var(--tx2)}
.heat-full-header kbd{font:400 10px/1.2 var(--font-body,Lato,sans-serif);color:var(--tx2);border:1px solid var(--bd1);border-radius:4px;padding:2px 4px}
.heat-full-close{font-size:20px;width:32px;height:32px;padding:0;background:var(--bg2);border:0}
.heatmap-fullscreen>.heatmap-report{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 304px;grid-template-rows:auto minmax(0,1fr)}
.heatmap-fullscreen .heat-toolbar{grid-column:1;padding:14px 18px 8px;margin:0;border:0;background:transparent;border-radius:0;align-content:start}
.heatmap-fullscreen .heat-toolbar .segmented button{min-height:30px;padding:5px 10px;font-size:11px}
.heatmap-fullscreen .heatmap-settings-trigger{min-height:32px;padding:6px 10px;font-size:11px}
.heatmap-fullscreen .heat-axis-swap{height:32px}
.heatmap-fullscreen .heat-legend{margin:0;flex:1 1 100%;font-size:10px;order:2}
.heat-full-count{font:400 10px/1.5 var(--font-body,Lato,sans-serif);color:var(--tx2);margin-left:auto;order:3}
.heatmap-fullscreen .heat-layout{display:contents}
.heatmap-fullscreen .heat-main{grid-column:1;grid-row:2;min-height:0;display:flex;flex-direction:column;padding:0 18px 16px}
.heatmap-fullscreen .heat-grid-card{display:flex;flex-direction:column;min-height:0;max-height:100%;padding:12px 6px 8px;border-radius:14px}
.heatmap-fullscreen .heat-grid{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.heatmap-fullscreen .heat-grid table{border-spacing:4px}
.heatmap-fullscreen .heat-grid thead th{position:sticky;top:0;z-index:2;background:var(--bg1)!important;font-size:10px;padding:5px}
.heatmap-fullscreen .heat-grid tr>th:first-child{position:sticky;left:0;z-index:1;background:var(--bg1)!important;min-width:145px;width:145px;max-width:165px;padding:6px}
.heatmap-fullscreen .heat-grid thead th:first-child{z-index:3}
.heatmap-fullscreen .heat-grid tbody th strong{font-size:11px}.heatmap-fullscreen .heat-grid tbody th small{font-size:10px}
.heatmap-fullscreen .heat-cell{min-width:94px;min-height:56px;padding:7px 5px;border-radius:9px}
.heatmap-fullscreen .heat-cell strong{font-size:12px}.heatmap-fullscreen .heat-cell small{font-size:10px}
.heatmap-fullscreen .heat-total>th,.heatmap-fullscreen .heat-total>td{position:sticky;bottom:0;z-index:2;background:var(--bg1)!important}
.heatmap-fullscreen .heat-total>th:first-child{z-index:3}
.heatmap-fullscreen .heat-grid-card>.field-hint{font-size:10px;flex:0 0 auto;margin:8px 6px 0}
.heatmap-fullscreen .heat-rank{display:none;margin:0;overflow:auto}
.heatmap-fullscreen.heat-full-rank .heat-grid-card{display:none}.heatmap-fullscreen.heat-full-rank .heat-rank{display:block}
.heatmap-fullscreen .heat-side{grid-column:2;grid-row:1 / 3;overflow:auto;overscroll-behavior:contain;border:0;border-left:1px solid var(--bd1);border-radius:0;padding:18px 16px;max-width:none}
.heatmap-fullscreen .heat-stats{grid-template-columns:1fr 1fr}
.heatmap-fullscreen .heat-side h4{font-size:14px}.heatmap-fullscreen .heat-stats strong{font-size:13px}.heatmap-fullscreen .heat-stats span{font-size:10px}
.heatmap-fullscreen .heat-post-link{font-size:11px}.heatmap-fullscreen .heat-post small{font-size:10px}
@media(max-width:760px){.heatmap-fullscreen>.heatmap-report{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) minmax(0,.55fr)}.heatmap-fullscreen .heat-side{grid-column:1;grid-row:3;border-left:0;border-top:1px solid var(--bd1);padding:12px}.heatmap-fullscreen .heat-main{padding:0 8px 8px}.heatmap-fullscreen .heat-toolbar{padding:8px;gap:6px}.heatmap-fullscreen .heat-toolbar>.segmented{flex-basis:auto}.heatmap-fullscreen .heatmap-settings-trigger.is-value{flex-basis:auto}.heatmap-fullscreen .heat-full-header{padding:8px;gap:6px}.heat-full-header>div{gap:2px}.heat-full-header h2{font-size:13px}.heat-full-header span{font-size:10px}.heat-full-header kbd{display:none}.heat-collapse{font-size:11px;padding:6px}.heatmap-fullscreen .heat-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.heatmap-fullscreen .heat-stats>div{padding:7px}.heat-full-count{font-size:9px}.heatmap-fullscreen .heat-grid tr>th:first-child{min-width:115px;width:115px}}
/* Ads Manager trend picker — mockup 2-02-06 */
.manager-trend-picker>summary{display:inline-flex;align-items:center;gap:8px}.manager-trend-picker>summary svg{width:18px;height:18px}
.manager-workbench .manager-trend-picker>.manager-trend-panel,.manager-trend-picker>.manager-trend-panel{width:min(440px,calc(100vw - 32px));padding:0;display:block;border-radius:24px}
.trend-slots{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 18px 12px}
.trend-slot{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 12px;border:1.5px dashed #BFE0CC;border-radius:14px;background:#FAFDFB}
.trend-slot>span{flex:0 0 28px;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;border:1.5px dashed #4DA271;color:#3D835A;font-weight:700;font-size:13px}
.trend-slot div{flex:1;min-width:0}.trend-slot small{display:block;font-size:12px;color:#5448DE}.trend-slot strong{display:block;font-size:14px;color:#626779;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trend-slot.is-filled{border:0;background:#EDEBFC}.trend-slot.is-filled>span{border:0;background:#5448DE;color:#fff}.trend-slot.is-filled strong{color:#5448DE;font-weight:700}
.trend-slot button{border:0;background:none;color:#5448DE;cursor:pointer;padding:4px}.trend-slot button svg{width:16px;height:16px}
.manager-trend-panel>.table-search{display:flex;margin:0 18px 6px;width:auto}.manager-trend-panel>.table-search input{width:100%;border:0;background:none}
.manager-trend-options{padding:4px 14px 8px}.manager-trend-options h5{margin:10px 6px 4px;font-size:13px;font-weight:700;color:#626779}
.manager-trend-options label{gap:12px!important;padding:9px 10px!important;font-size:15px!important;border-radius:12px!important}
.manager-trend-options label input{position:absolute;opacity:0;pointer-events:none}
.trend-num{flex:0 0 22px;width:22px;height:22px;border:1.5px solid #C9CDD8;border-radius:6px;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff}
.manager-trend-options label[data-order="1"] .trend-num,.manager-trend-options label[data-order="2"] .trend-num{background:#5448DE;border-color:#5448DE}
.manager-trend-options label:has(input:checked){background:#FAF9FF!important}.manager-trend-options label:has(input:checked) .trend-name{font-weight:700;color:#1B2031}
.trend-name{flex:1}.trend-col{font-style:normal;font-size:13px;font-weight:700;color:#5448DE}
.manager-trend-options label:has(input:focus-visible){outline:2px solid #6E63E2}
.manager-trend-footer{padding:14px 18px!important;background:#FAFBFD;border-radius:0 0 24px 24px}
.trend-progress{display:inline-flex;gap:4px;--picked:0}.trend-progress i{width:18px;height:6px;border-radius:999px;background:#E7EAF0}
.trend-progress i:nth-child(1){background:color-mix(in srgb,#5448DE calc(min(var(--picked),1)*100%),#E7EAF0)}.trend-progress i:nth-child(2){background:color-mix(in srgb,#5448DE calc(max(var(--picked) - 1,0)*100%),#E7EAF0)}
/* Budget history dialog — mockup 2-02-10 */
.history-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));margin-bottom:20px;border:1px solid #E7EAF0;border-radius:16px;overflow:hidden}
.history-summary>div{padding:16px 20px}.history-summary>div+div{border-left:1px solid #E7EAF0}
.history-summary span{display:block;font-size:14px;color:#626779}.history-summary strong{font:600 22px/1.3 Lexend,sans-serif;color:#1B2031;font-variant-numeric:tabular-nums}
#modal-note .btn-link{padding:0;font-weight:700;color:#5448DE}
.manager-trend-picker>.manager-trend-panel{left:0;right:auto}
.manager-trend-options{overflow-y:auto}
/* Currency picker — mockup 2-02-12 */
.manager-currency-picker>summary{display:inline-flex;align-items:center;gap:8px;list-style:none}.manager-currency-picker>summary::-webkit-details-marker{display:none}.manager-currency-picker>summary svg{width:16px;height:16px}
.manager-currency-panel.filter-popover{width:min(440px,calc(100vw - 32px));padding:0;border-radius:24px}
.currency-choices{display:flex;flex-direction:column;gap:4px;padding:0 14px 10px}
.currency-choices label{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid transparent;border-radius:16px;cursor:pointer}
.currency-choices label:hover{background:#F7F8FB}.currency-choices label:has(input:checked){background:#FAF9FF;border-color:#D8D3F9}
.currency-choices input{width:20px;height:20px;accent-color:#5448DE;margin-left:auto}
.currency-icon{flex:0 0 44px;width:44px;height:44px;border-radius:999px;display:grid;place-items:center;font:700 20px Lexend,sans-serif}.currency-icon svg{width:20px;height:20px}
.currency-icon.tone-gray{background:#EEF0F5;color:#626779}.currency-icon.tone-purple{background:#EDEBFC;color:#5448DE}.currency-icon.tone-green{background:#E5F3EB;color:#3D835A}.currency-icon.tone-amber{background:#FBF1DC;color:#9F6825}
.currency-note{display:flex;gap:10px;margin:0 18px 12px;padding:12px 14px;border-radius:12px;background:#F7F8FB;font-size:14px;color:#626779}.currency-note svg{flex:0 0 18px;width:18px;height:18px}
.manager-currency-panel .manager-currency-error{margin:0 18px;color:#B84933;font-size:14px}.manager-currency-panel .manager-currency-error:empty{display:none}
/* Campaign / ad set details — mockups 2-02-14, 2-02-16 */
.hc-modal-eyebrow{display:block;font-size:14px;color:#626779;margin-bottom:2px}
.detail-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.detail-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#EEF0F5;color:#626779;font-size:14px;font-weight:700}.detail-pill svg{width:16px;height:16px}
.detail-pill.is-on{background:#E5F3EB;color:#3D835A}.detail-pill.is-on::before{content:"";width:8px;height:8px;border-radius:999px;background:#4DA271}
.detail-budget{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 22px;margin-bottom:24px;border:1px solid #D8D3F9;border-radius:16px;background:#FAF9FF}
.detail-budget span{display:block;font-size:14px;color:#626779}.detail-budget strong{font:600 28px/1.2 Lexend,sans-serif;color:#1B2031;font-variant-numeric:tabular-nums}.detail-budget strong small{font:400 15px Lato,sans-serif;color:#626779}
.detail-budget .btn{display:inline-flex;align-items:center;gap:8px}.detail-budget .btn svg{width:16px;height:16px}
.detail-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.detail-cards>div{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #E7EAF0;border-radius:16px}
.detail-cards span:not(.preset-icon){display:block;font-size:13px;color:#626779}.detail-cards strong{font-size:16px;color:#1B2031}.detail-cards strong small{font-weight:400;font-size:13px;color:#747989}
.preset-icon.tone-amber{background:#FBF1DC;color:#9F6825}.preset-icon b{font:700 20px Lexend,sans-serif}
#modal-note>svg{width:16px;height:16px;vertical-align:-3px;margin-right:6px}
/* Rename — mockup 2-02-15 */
.rename-current{display:flex;justify-content:space-between;align-items:center;gap:12px}.rename-current span{display:block;font-size:14px;color:#626779}.rename-current strong{font-size:16px;color:#1B2031;overflow-wrap:anywhere}
.rename-current .btn{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.rename-current .btn svg{width:16px;height:16px}
.rename-hint{margin:-8px 0 20px}
@media(max-width:640px){.detail-cards{grid-template-columns:1fr}}
#campaign-tag-panel{margin-top:16px}
/* Compare by day — mockup 2-02-13 */
.manager-compare-modal{max-width:1280px!important}
.compare-status{display:inline-flex;align-items:center;gap:6px;margin-left:8px;color:#3D835A;font-weight:700}.compare-status::before{content:"";width:8px;height:8px;border-radius:999px;background:#4DA271}
.compare-tools{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;margin-bottom:14px}.compare-tools .table-search{flex:0 1 320px}.compare-tools .table-search input{width:100%}
.compare-alert{flex:1 1 360px;display:flex;align-items:center;gap:10px;margin:0;padding:10px 16px;border-radius:12px;background:#FBF1DC;color:#744D1A;font-size:14px}.compare-alert svg{flex:0 0 18px;width:18px;height:18px}
.manager-compare-table{border:1px solid #E7EAF0;border-radius:16px}
.manager-compare-table th{font-size:13px;font-weight:700;color:#1B2031;text-transform:none;letter-spacing:0;text-align:right}.manager-compare-table th small{display:block;font-weight:400;color:#747989}
.manager-compare-table th:first-child{text-align:left;color:#626779}
.manager-compare-table th.compare-today{color:#5448DE}.manager-compare-table td.compare-today{background:#FAFBFD}
.manager-compare-table .compare-period{background:#F6F5FE!important}.manager-compare-table th.compare-period:first-of-type,.manager-compare-table tr>.compare-period:nth-last-child(2){border-left:2px solid #D8D3F9}
.manager-compare-table td{font-size:14px}
.manager-compare-table .cell-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:#1B2031}
.compare-chevron svg{width:14px;height:14px;transform:rotate(-90deg);transition:transform .15s;color:#747989}.cell-link[aria-expanded="true"] .compare-chevron svg{transform:none}
.compare-dot{width:8px;height:8px;border-radius:999px;flex:0 0 8px}.compare-dot.tone-purple{background:#5448DE}.compare-dot.tone-blue{background:#3D7DC6}.compare-dot.tone-green{background:#3D835A}.compare-dot.tone-amber{background:#D7A44E}.compare-dot.tone-pink{background:#AA4370}
/* Content Win criteria — mockups 2-02-19, 2-02-20 */
.manager-win-filters .win-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.manager-win-filters .win-head h3{margin:0;font-size:17px;color:#1B2031}.manager-win-filters .win-head p{margin:4px 0 0;font-size:14px;color:#626779}
.manager-win-filters .win-head .form-group{margin:0;min-width:110px}.manager-win-filters .win-head .form-group label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.win-chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.win-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 14px;border-radius:14px;background:#E5F3EB;font-size:15px;color:#1B2031}
.win-chip[hidden]{display:none}
.win-chip:not([hidden])~.win-chip:not([hidden])::before{content:"VÀ";margin:0 6px 0 -4px;font-size:12px;font-weight:700;color:#A6ADBD;order:-1;position:relative;left:-14px;width:0}
.win-chip.win-tone-1,.win-chip.win-tone-3{background:#E7F1FB}.win-chip.win-tone-2{background:#E5F3EB}.win-chip.win-tone-4{background:#E7F1FB}
.win-chip b{font-weight:700;color:#626779}
.win-chip .fi-suffix{width:130px}.win-chip .fi{height:36px;padding:0 34px 0 12px;font-weight:700;background:#fff;border-color:transparent}
.win-chip button{border:0;background:none;color:#747989;cursor:pointer;padding:4px;display:grid;place-items:center}.win-chip button svg{width:16px;height:16px}.win-chip button:hover{color:#B84933}
.win-chips .criteria-picker{margin:0}
.win-chips .criteria-picker>summary{display:inline-flex;align-items:center;height:48px;padding:0 16px;border:1.5px dashed #B9B1F4;border-radius:14px;background:#fff;color:#5448DE;font-weight:700;font-size:15px;list-style:none;margin:0}
.win-chips .criteria-picker>summary::-webkit-details-marker{display:none}
.win-chips .criteria-menu.filter-popover{left:0;right:auto;width:min(440px,calc(100vw - 32px));padding:0;border-radius:24px}
.win-chips .criteria-menu .choice-list{max-height:340px}
.win-chips .criteria-menu h5{display:flex;align-items:center;gap:8px;margin:10px 8px 4px;font-size:14px;color:#626779}
.win-chips .criteria-menu h5 .scale-dir{width:24px;height:24px;border-radius:6px;font-size:13px}
.win-chips .criteria-menu label em{font-style:normal;color:#A6ADBD}
.manager-win-filters .manager-filter-note{margin:12px 0 0;font-size:13px;color:#747989}
.win-chip{position:relative}
.win-chip:not([hidden])~.win-chip:not([hidden]){margin-left:30px}
.win-chip:not([hidden])~.win-chip:not([hidden])::before{position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:24px;margin:0;text-align:center}
/* Content Win results — mockup 2-02-19 */
#win-results{margin:20px 0}
.win-results-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 12px}.win-results-head h3{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;color:#1B2031}
.win-count{padding:3px 10px;border-radius:999px;background:#E5F3EB;color:#3D835A;font-size:13px;font-weight:700}.win-count.is-muted{background:#EEF0F5;color:#626779}
.win-cards{display:grid;gap:12px}
.win-card{display:grid;grid-template-columns:minmax(220px,0.9fr) 2fr;gap:20px;align-items:center;padding:16px 20px;border:1px solid #BFE0CC;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(27,32,49,.04)}
.win-card-post .post-thumbnail{outline:2px solid #4DA271;outline-offset:2px}.win-card-post strong{font-size:16px;color:#1B2031}.win-card-post small{font-size:13px;color:#626779}
.win-card-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));border:1px solid #E7EAF0;border-radius:14px;overflow:hidden}
.win-card-stats>div{padding:12px 16px}.win-card-stats>div+div{border-left:1px solid #E7EAF0}
.win-card-stats span{display:block;font-size:13px;color:#626779}.win-card-stats strong{font:600 18px/1.3 Lexend,sans-serif;color:#1B2031;font-variant-numeric:tabular-nums}.win-card-stats strong.is-ok{color:#3D835A}
.win-card-stats small{display:block;font-size:12px;font-weight:700;color:#3D835A}
.win-miss-table{border:1px solid #E7EAF0;border-radius:16px}.win-miss-table th{text-transform:none;letter-spacing:0;font-size:13px}
.win-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-weight:700;font-size:13px;font-variant-numeric:tabular-nums}.win-pill.is-ok{background:#E5F3EB;color:#3D835A}.win-pill.is-bad{background:#F9E9E5;color:#B84933}
.win-fail{display:inline-block;margin:2px 6px 2px 0;padding:3px 10px;border-radius:999px;background:#F9E9E5;color:#B84933;font-size:12px;font-weight:700}
@media(max-width:900px){.win-card{grid-template-columns:1fr}}
.win-card-post strong,.win-miss-table .post-identity strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px}
.win-card-post small,.win-miss-table .post-identity small{display:block;margin-top:2px}
.win-miss-table td:first-child{min-width:260px;max-width:380px;white-space:normal}
.win-miss-table td{vertical-align:middle}
/* Metric standard levels — mockup 2-02-05 */
.inline-metric-fields{padding:16px!important;border:1px solid #E7EAF0;border-radius:16px!important;background:#FAFBFD!important}
.std-title{display:block;margin:6px 0 8px;font-size:14px;font-weight:700;color:#1B2031}
.inline-metric-editor .inline-metric-rule{display:flex!important;align-items:center;gap:10px;padding:10px 12px;margin:0 0 8px!important;border:1px solid #E7EAF0;border-radius:14px;background:#fff}
.inline-metric-editor .inline-metric-rule[hidden]{display:none!important}
.inline-metric-editor .inline-metric-rule select.fi{flex:0 0 130px;width:130px}.inline-metric-editor .inline-metric-rule input[data-field=value]{flex:0 0 140px;width:140px!important}
.std-swatches{display:flex;gap:6px;margin-left:auto}.std-swatches label{position:relative;cursor:pointer;display:block!important;margin:0!important}
.column-option .inline-metric-fields .std-swatches input{position:absolute;opacity:0;width:1px!important;height:1px!important}
.std-swatches span{display:block;width:24px;height:24px;border-radius:999px;border:3px solid #fff;box-shadow:0 0 0 1px #E7EAF0}
.std-swatches input:checked+span{box-shadow:0 0 0 2px #1B2031}.std-swatches input:focus-visible+span{outline:2px solid #6E63E2;outline-offset:2px}
.swatch-amber{background:#D7A44E}
.std-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.std-foot .btn-link{padding:0;font-weight:700;color:#5448DE}.std-foot span{font-size:13px;color:#747989}
@media(max-width:640px){.inline-metric-editor .inline-metric-rule{flex-wrap:wrap}.std-swatches{margin-left:0}}
.column-pane-add .inline-metric-editor input:not([type=radio]):not([type=hidden]){position:static;opacity:1;width:100%;height:36px}
.column-option .inline-metric-editor input[data-field=label],.column-option .inline-metric-editor input[data-field=unit]{width:100%!important;height:40px}
/* Hour names — mockup 1-02-03 */
.hour-names{display:grid;grid-template-columns:120px 1fr;gap:12px 20px;align-items:center}.hour-names label{font-weight:700;font-size:15px;color:#1B2031;font-variant-numeric:tabular-nums}
/* Data sources — mockup 1-03-02 */
.source-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
.source-kpis>div{padding:16px 18px;border:1px solid #E7EAF0;border-radius:16px}.source-kpis span{display:block;font-size:14px;color:#626779}.source-kpis strong{display:block;margin:6px 0;font:600 24px/1.2 Lexend,sans-serif;color:#1B2031;font-variant-numeric:tabular-nums}.source-kpis small{font-size:13px;color:#626779}
.source-head{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px}.source-head h4{margin:0;font-size:16px;color:#1B2031}.source-head span{font-size:14px;color:#747989}
.source-empty{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;margin-bottom:24px;border-radius:14px;background:#F7F8FB;font-size:14px;color:#626779}.source-empty .btn-link{font-weight:700;color:#5448DE;padding:0}
.source-search{display:flex;width:100%;margin-bottom:10px}.source-search input{width:100%}
.source-list{border:1px solid #E7EAF0;border-radius:16px;overflow:hidden;margin-bottom:8px}
.source-ad{display:flex;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid #F0F2F6}.source-ad:last-child{border-bottom:0}.source-ad[hidden]{display:none}
.source-ad strong{flex:1;min-width:0;font-size:15px;color:#1B2031;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-ad span{font-size:13px;color:#747989;font-variant-numeric:tabular-nums}.source-ad b{font-variant-numeric:tabular-nums}
.source-ad .btn-link{padding:0;font-weight:700;color:#5448DE;white-space:nowrap}
.source-more{display:block;width:100%;padding:12px;border:0;border-top:1px solid #F0F2F6;background:#FAFBFD;color:#5448DE;font-weight:700;font-size:14px;cursor:pointer}
@media(max-width:640px){.source-kpis{grid-template-columns:1fr}.source-ad{flex-wrap:wrap}}
/* Highlight cards editor — mockup 1-03-03 */
.highlight-editor-row{display:grid!important;grid-template-columns:auto 1fr 1fr auto;gap:10px 12px!important;align-items:center;padding:14px 16px!important;border-radius:16px!important}
.highlight-editor-row .form-group{margin:0}.highlight-editor-row .form-group label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.highlight-order{display:flex;flex-direction:column;align-items:center;gap:2px}.highlight-order button{border:0;background:none;color:#A6ADBD;cursor:pointer;line-height:1;padding:0 4px}.highlight-order button:disabled{opacity:.3;cursor:default}.highlight-order button:not(:disabled):hover{color:#5448DE}
.highlight-order .highlight-index{background:#EEF0F5;color:#626779;font-size:13px}
.highlight-preview{grid-column:2/-1;margin:0;font-size:14px;color:#626779}.highlight-preview em{font-style:normal;font-weight:700;margin-right:6px}
.highlight-preview.tone-purple em{color:#5448DE}.highlight-preview.tone-green em{color:#3D835A}.highlight-preview.tone-red em{color:#B84933}.highlight-preview.tone-gray em{color:#626779}.highlight-preview b{color:#1B2031}
.highlight-legend-title{margin-top:20px}
.highlight-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin:0}.highlight-legend div{font-size:14px}.highlight-legend dt{display:inline;font-weight:700;color:#1B2031}.highlight-legend dt::after{content:": "}.highlight-legend dd{display:inline;margin:0;color:#626779}
.hc-modal-foot>.btn-link{font-weight:700;color:#5448DE;margin-right:4px}
#modal-note .check-line{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#1B2031}
@media(max-width:640px){.highlight-editor-row{grid-template-columns:auto 1fr auto}.highlight-editor-row .form-group+.form-group{grid-column:2/3}.highlight-legend{grid-template-columns:1fr}.hour-names{grid-template-columns:90px 1fr}}
/* Region condition — mockup 1-06-03 */
.region-condition{display:grid;gap:12px;padding:18px 20px;border:1px solid #E7EAF0;border-radius:16px}
.region-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;color:#626779}.region-line .form-group{margin:0}.region-line .form-group label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.region-line select.fi{min-width:200px}.region-line input.fi{width:150px;text-align:right;font-weight:700}
.region-quick{margin-bottom:16px}
/* Chart / funnel metric picker — mockup 1-07-04 */
.metric-pick-search{display:flex;width:100%;margin-bottom:8px}.metric-pick-search input{width:100%}
.metric-pick{max-height:360px;overflow:auto;border:1px solid #E7EAF0;border-radius:16px;padding:6px 10px!important}
.metric-pick label{display:flex;align-items:center;cursor:pointer}.metric-pick label[hidden]{display:none!important}
.metric-pick label:has(input:disabled){opacity:.45;cursor:not-allowed}
.metric-own{margin-left:auto;font-style:normal;font-size:13px;font-weight:700;color:#AA4370}
/* KPI cards — 5 per row on laptop widths (feedback 29/10) */
@media(min-width:1001px){.feedback-kpis{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px}}
.feedback-kpis .kpi{min-height:0!important;padding:18px 20px!important}
.feedback-kpis .kpi-label{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-size:14px!important;min-height:0}
.feedback-kpis .kpi-value{font-size:clamp(20px,1.75vw,28px)!important;white-space:nowrap;letter-spacing:-.5px!important;margin:10px 0 8px;color:#1B2031}
.feedback-kpis .kpi-note{font-size:13px!important;margin-top:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* KPI order dialog — feedback 29/10 */
.kpi-order-modal{max-width:560px!important}
.kpi-order{border:1px solid #E7EAF0;border-radius:16px;overflow:hidden}
.kpi-order-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #F0F2F6;background:#fff;cursor:grab}
.kpi-order-row:last-child{border-bottom:0}.kpi-order-row.is-dragging{opacity:.5}.kpi-order-row.is-drop{box-shadow:inset 0 -2px 0 #5448DE}.kpi-order-row:focus-visible{outline:2px solid #6E63E2;outline-offset:-2px}
.kpi-order-grip{color:#A6ADBD;font-size:16px;line-height:1}
.kpi-order-name{flex:1;font-size:15px;color:#1B2031}.kpi-order-row.is-off .kpi-order-name{color:#A6ADBD}
.kpi-order-badge{padding:2px 8px;border-radius:999px;background:#EEF0F5;color:#626779;font-size:12px;font-weight:700}
.kpi-order-row .ui-switch input{width:40px;height:22px}.kpi-order-row .ui-switch input::before{width:16px;height:16px}.kpi-order-row .ui-switch input:checked::before{transform:translateX(18px)}
.kpi-order-add{margin-top:12px}.kpi-order-more>summary{display:inline-flex;padding:8px 14px;border:1.5px dashed #C9CDD8;border-radius:999px;font-size:14px;color:#626779;cursor:pointer;list-style:none}.kpi-order-more>summary::-webkit-details-marker{display:none}
.kpi-order-more>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;max-height:180px;overflow:auto}.kpi-order-more button{padding:6px 12px;border:1px solid #E7EAF0;border-radius:999px;background:#fff;font-size:14px;cursor:pointer}.kpi-order-more button:hover{border-color:#D8D3F9;background:#FAF9FF}
/* Spend inside revenue chart — feedback 29/10 */
.overlay-bars{position:relative;display:block!important}
.overlay-bars span{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:70%;max-width:32px!important;border-radius:5px 5px 0 0}
.overlay-bars .stacked-revenue{background:#3D835A}.overlay-bars .stacked-spend{background:#5448DE;z-index:1}
.overlay-chart .stacked-label.is-minor{visibility:hidden}
.overlay-chart .chart-tooltip i{display:inline-block;width:8px;height:8px;border-radius:999px;margin-right:6px}.overlay-chart .dot-spend{background:#5448DE}.overlay-chart .dot-revenue{background:#3D835A}
.legend-note{font-size:13px;color:#747989}
.chart-summary{display:flex;flex-wrap:wrap;gap:12px 40px;padding-top:14px;margin-top:8px;border-top:1px solid #F0F2F6}.chart-summary span{display:block;font-size:13px;color:#747989}.chart-summary strong{font:600 18px/1.3 Lexend,sans-serif;color:#1B2031;font-variant-numeric:tabular-nums}
@media(min-width:1001px) and (max-width:1099px){.feedback-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.feedback-kpis .kpi-label .source-pill{flex-shrink:0;font-size:11px!important;padding:2px 7px!important;line-height:1.4}
.feedback-kpis .kpi-label{font-size:13.5px!important;line-height:1.35}
.chart-legend .legend-note::before{display:none!important}
/* Product filter — mockup 1-06-04 */
.product-filter .filter-popover input[type=radio]{width:20px;height:20px;accent-color:#5448DE;flex:0 0 auto}
.filter-subhead{margin:12px 26px 2px;font-size:14px;font-weight:700;color:#626779}
.product-filter .filter-all{border-radius:14px;background:#FAF9FF;margin:0 14px;padding:12px;border-bottom:0}
/* Audience detail — mockup 1-07-02 */
.audience-targeting{display:grid;gap:10px;margin:0 0 24px}.audience-targeting>div{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:start}
.audience-targeting dt{font-size:14px;color:#626779}.audience-targeting dd{margin:0;font-size:15px;font-weight:700;color:#1B2031;display:flex;flex-wrap:wrap;gap:8px}
.audience-chip{padding:5px 12px;border-radius:999px;background:#F3F5FA;border:1px solid #E7EAF0;font-weight:400;font-size:14px}
/* Metric standard — mockup 1-11-02 */
.metric-standard-modal{max-width:760px!important}
.metric-origin{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;margin:4px 0 24px;border:1.5px dashed #D8D3F9;border-radius:16px;background:#FAFBFD}
.metric-origin>div{flex:1;min-width:180px}.metric-origin small{display:block;font-size:13px;color:#747989}.metric-origin strong{font-size:16px;color:#1B2031}
.metric-origin-source{padding:3px 10px;border-radius:999px;background:#EDEBFC;color:#5448DE;font-size:13px;font-weight:700}
.metric-origin .btn-link{font-weight:700;color:#5448DE;padding:0}
#metric-rules .metric-rule{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:0 0 8px;border:1px solid #E7EAF0;border-radius:14px;background:#fff}
#metric-rules .metric-rule[hidden]{display:none}
#metric-rules .form-group{margin:0}#metric-rules .form-group label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#metric-rules select.fi{width:130px}#metric-rules input.fi{width:150px}
#metric-rules .std-swatches input{position:absolute;opacity:0;width:1px;height:1px}
/* Staff dialog — mockup 1-09-02 */
.staff-form-row{grid-template-columns:repeat(3,minmax(0,1fr))}
.staff-code-matches:empty{display:none}
.staff-code-matches{margin-top:16px;border:1px solid var(--bd1,#E7EAF0);border-radius:16px;overflow:hidden}
.staff-match-head{display:flex;align-items:center;gap:10px;padding:12px 16px;font-weight:700;color:var(--tx2,#626779);background:var(--bg2)}
.staff-match-head.is-ok{color:var(--green-tx,#2F8A4E);background:var(--green-bg,#E6F4EA)}
.staff-match-head svg{width:18px;height:18px}
.staff-match-row{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--bd1,#E7EAF0)}
.staff-match-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.staff-match-row mark{background:var(--purple-bg);color:var(--purple-tx);font-weight:700;border-radius:4px;padding:0 3px}
.staff-match-row small{flex:none;color:var(--tx3,#747989)}
/* Add post — mockup 1-10-02 */
.post-import-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.post-source-detect{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;padding:10px 14px;border-radius:12px;background:var(--bg2);color:var(--tx2,#626779)}
.post-source-detect.is-ok{background:var(--green-bg,#E6F4EA)}.post-source-detect.is-ok strong{color:var(--green-tx,#2F8A4E)}
.post-source-detect.is-warn{background:var(--amber-bg,#FFF4E0)}.post-source-detect.is-warn strong{color:var(--amber-tx,#9A6200)}
.post-source-detect svg{width:18px;height:18px}.post-source-detect select.fi{width:auto;margin-left:auto;padding-block:4px}
.post-import-restore{margin-top:16px}
@media (max-width:700px){.staff-form-row,.post-import-grid{grid-template-columns:1fr}}
/* More actions — mockup 1-10-04 */
.rich-menu{min-width:340px;padding:8px}
.ui-menu-popover .rich-menu-item{display:flex;align-items:flex-start;gap:14px;width:100%;padding:12px;border:0;border-radius:14px;background:none;text-align:left;cursor:pointer}
.ui-menu-popover .rich-menu-item:hover,.ui-menu-popover .rich-menu-item:focus-visible{background:var(--bg2)}
.rich-menu-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:var(--purple-bg);color:var(--purple-tx)}.rich-menu-icon svg{width:18px;height:18px}
.rich-menu-item strong{display:block;font-size:15px;color:var(--tx1)}.rich-menu-item small{display:block;margin-top:2px;font-size:13px;font-weight:400;color:var(--tx3,#747989)}
/* Metric history — mockup 1-11-03 */
.metric-history{list-style:none;margin:0;padding:0}
.metric-history>li{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--bd1,#E7EAF0)}.metric-history>li:first-child{border-top:0;padding-top:4px}
.metric-history .row-avatar{flex:none;margin:0}
.metric-history>li>div{flex:1;min-width:0}
.metric-history-head{display:flex;justify-content:space-between;gap:12px}.metric-history-head time{flex:none;font-size:13px;color:var(--tx3,#747989)}
.metric-history p{margin:4px 0 0}.metric-history small{display:block;margin-top:6px;color:var(--tx3,#747989)}
.form-section-title.is-spaced{margin-top:24px}
/* Page Sale assignment — mockup 2-04-02 */
.staff-pick-search{display:flex;width:100%;margin-bottom:14px}.staff-pick-search input{flex:1}
.staff-pick-list{border:1px solid var(--bd1);border-radius:16px;overflow:hidden}
.staff-pick{display:flex;align-items:center;gap:14px;padding:12px 16px;border-top:1px solid var(--bd1);cursor:pointer}.staff-pick:first-child{border-top:0}
.staff-pick:has(input:checked){background:var(--primary-wash,var(--bg2))}
.staff-pick .row-avatar{margin:0;width:36px;height:36px;flex:none}
.staff-pick strong{display:block;color:var(--tx1)}.staff-pick small{display:block;color:var(--tx3)}
.page-quick-staff{margin-top:14px}.page-quick-staff>summary{color:var(--purple-tx);font-weight:700;cursor:pointer;list-style:none}
/* Message template — mockup 2-06-02 */
.hc-modal:has(.msg-template){max-width:1000px!important}
.msg-template{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:24px}
.msg-template-head{grid-template-columns:repeat(3,minmax(0,1fr))}
.msg-label{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 8px;font-weight:700}.msg-label small{font-weight:400;color:var(--tx3);font-size:12px;text-align:right}
.msg-template textarea.fi{min-height:72px;width:100%}
.msg-question{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,1fr) 28px;gap:8px;align-items:center;margin-bottom:8px}
.msg-question-no{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--bg3);font-size:13px;font-weight:700;color:var(--tx2)}
.msg-question-title{position:relative}.msg-question-title input{width:100%;padding-right:52px}.msg-question-title small{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--tx3)}
.msg-question input.fi{width:100%}
.msg-question-remove{border:0;background:none;color:var(--tx3);cursor:pointer;padding:4px}.msg-question-remove svg{width:16px;height:16px}
.msg-preview h4{margin:0 0 8px;font-size:14px}
.msg-phone{border:1px solid var(--bd1);border-radius:20px;overflow:hidden;min-height:300px;background:var(--bg2)}
.msg-phone-head{display:flex;gap:12px;align-items:center;padding:14px 16px;background:var(--bg1);border-bottom:1px solid var(--bd1)}
.msg-phone-head .row-avatar{margin:0;background:var(--red-bg);color:var(--red-tx)}.msg-phone-head strong{display:block}.msg-phone-head small{color:var(--tx3)}
.msg-phone-body{padding:16px}.msg-bubble{margin:0 0 14px;padding:10px 14px;border-radius:16px;background:var(--bg1);border:1px solid var(--bd1);max-width:90%;white-space:pre-wrap}
.msg-chips{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.msg-chips span{padding:6px 14px;border:1.5px solid var(--purple);border-radius:999px;color:var(--purple-tx);font-weight:700;font-size:13px;background:var(--bg1)}
@media (max-width:860px){.msg-template,.msg-template-head{grid-template-columns:1fr}}
/* Rule builder — mockup 2-08-03 */
.rule-builder .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rule-step{display:flex;align-items:center;gap:10px;margin:22px 0 12px;font-size:16px}.rule-builder>.rule-step:first-child{margin-top:0}
.rule-step span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--purple-bg);color:var(--purple-tx);font-size:13px}
.rule-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.rule-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.rule-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--bd1);border-radius:12px;background:var(--bg1);color:var(--tx2);font:inherit;cursor:pointer}
.rule-chip.is-active{border-color:var(--purple);background:var(--purple-bg);color:var(--purple-tx);font-weight:700}
.rule-chip:disabled{opacity:.45;cursor:not-allowed}
.rule-chip-sep{width:1px;height:26px;background:var(--bd1);margin:0 4px}
.rule-dot{width:9px;height:9px;border-radius:2px;background:#5448de}.rule-dot.is-adsets{background:#2a7090}.rule-dot.is-ads{background:#9a6200}
.rule-sentence{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;border:1px solid var(--bd1);border-radius:16px;background:var(--bg2);color:var(--tx3)}
.rule-sentence select.fi{width:auto;max-width:240px}
.rule-input{display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:1px solid var(--bd1);border-radius:10px;background:var(--bg1)}
.rule-input input.fi{border:0;width:110px;padding-inline:0;font-weight:700;background:none;box-shadow:none}.rule-input.is-days input.fi{width:44px}
.rule-actions{display:flex;width:100%;border-radius:14px}.rule-actions>button{flex:1;padding:12px;font-size:14px}
.rule-actions>button:disabled{opacity:.45;cursor:not-allowed}
.rule-builder #f-budget{max-width:240px}
.rule-toggle{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:16px 18px;border:1px solid var(--bd1);border-radius:16px;cursor:pointer}
.rule-toggle strong{display:block}.rule-toggle small{display:block;color:var(--tx3)}
@media (max-width:700px){.rule-two{grid-template-columns:1fr}}
.rule-toggle .ui-switch input[type="checkbox"]{width:32px;height:18px}.rule-sentence select.fi{max-width:200px}.rule-input input.fi{width:90px}
/* Manager trend columns — mockup 2-02-21 */
.manager-mini{position:relative;width:150px;height:34px}
.manager-mini .manager-trend-visual,.manager-mini .manager-trend-visual svg{height:34px}
.manager-mini.is-first{color:#5448de}.manager-mini.is-second{color:#16855a}.manager-mini.is-off{color:#a2a6b8}
.manager-mini .trend-base{stroke:#c9ccd8;stroke-width:1.5;stroke-dasharray:3 3}
.manager-mini svg circle{display:none}
.manager-mini .trend-end{position:absolute;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:currentColor}
.manager-mini .trend-empty{display:grid;place-items:center;height:34px;border:1px dashed var(--bd2);border-radius:10px;font-size:12px;color:var(--tx3)}
.trend-head{display:inline-flex;flex-direction:column;gap:2px;min-width:150px;text-align:left}
.trend-head i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:#5448de}.trend-head i.is-second{background:#16855a}
.trend-head small{display:flex;justify-content:space-between;font-weight:400;color:var(--tx3);font-size:11px}
.manager-mini .manager-trend-visual,.manager-mini .manager-trend-visual svg{color:inherit}
.manager-mini .manager-trend-visual.is-zero,.manager-mini .manager-trend-visual.is-zero svg{color:var(--red)}
.manager-mini .manager-trend-visual.is-zero svg{overflow:visible}
/* Batch approval — mockup 5-04-02 */
.approval-review{list-style:none;margin:0;padding:0;border:1px solid var(--bd1);border-radius:16px}
.approval-review li{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--bd1)}.approval-review li:first-child{border-top:0}
.approval-kind{flex:none;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:700;background:var(--purple-bg);color:var(--purple-tx)}
.approval-kind.is-adsets{background:#e2f0f6;color:#2a7090}.approval-kind.is-ads{background:var(--amber-bg);color:var(--amber-tx)}.approval-kind.is-accounts{background:var(--bg3);color:var(--tx2)}
.approval-what{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.approval-change{flex:none;color:var(--tx3)}.approval-change b{color:var(--tx1)}
.approval-lock{display:flex;align-items:center;gap:10px;margin:16px 0;padding:12px 16px;border-radius:14px;background:var(--amber-bg);color:var(--amber-tx)}.approval-lock svg{width:16px;height:16px}
.approval-code input.fi{max-width:280px;font-size:22px;letter-spacing:.3em;text-align:center}
/* Chart editor time mode as a segmented switch — mockup 5-02-03 */
.chart-time-switch{display:inline-flex;flex-wrap:wrap;gap:3px;padding:4px;border-radius:12px;background:var(--bg3)}
.chart-time-switch label{position:relative;padding:8px 14px;border-radius:9px;color:var(--tx3);cursor:pointer}
.chart-time-switch label:has(input:checked){background:var(--bg1);color:var(--tx1);font-weight:700;box-shadow:0 1px 4px #171c320a}
.chart-time-switch input{position:absolute;opacity:0;width:1px;height:1px}
.chart-time-switch label:has(input:focus-visible){outline:2px solid var(--primary-ring,#6e63e2)}
/* Insight dialog — mockup 5-05-04 */
.insight-groups{margin-bottom:16px;border-radius:14px}.insight-groups label{position:relative;padding:9px 16px;border-radius:10px;color:var(--tx3);cursor:pointer}
.insight-groups label.is-active{background:var(--bg1);color:var(--tx1);font-weight:700;box-shadow:0 1px 4px #171c320a}
.insight-groups input{position:absolute;opacity:0;width:1px;height:1px}
/* Post notices — mockups 5-03-01..03 */
.content-notice-list{list-style:none;margin:0;padding:0;border:1px solid var(--bd1);border-radius:16px;overflow:hidden}
.content-notice-list li{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--bd1)}.content-notice-list li:first-child{border-top:0}
.content-notice-list li.is-unread{background:var(--purple-bg)}
.content-notice-list li>:first-child{flex:1;min-width:0}
.content-notice-list .btn-link,.content-notice-popup .btn-link{font-weight:700;color:var(--purple-tx)}
.content-notice-popup{position:fixed;right:24px;bottom:84px;z-index:60;width:min(380px,calc(100vw - 32px));padding:14px 16px;border:1px solid var(--bd1);border-radius:18px;background:var(--bg1);box-shadow:var(--shadow-modal,0 12px 40px #171c3229)}
.content-notice-popup-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px}
.content-notice-popup-head>span{flex:1;color:var(--purple-tx);font-weight:700}.content-notice-popup-head i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--purple)}
.content-notice-popup-head small{color:var(--tx3)}.content-notice-popup-head button{border:0;background:none;color:var(--tx3);cursor:pointer}.content-notice-popup-head svg{width:14px;height:14px}
.content-notice-popup-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--bd1)}
.content-notice-list .post-identity,.content-notice-popup .post-identity{min-width:0}
.content-notice-list .post-identity>:last-child,.content-notice-popup .post-identity>:last-child{min-width:0;display:block}
.content-notice-list .post-identity strong,.content-notice-popup .post-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.content-notice-list .post-identity small,.content-notice-popup .post-identity small{display:block;margin-top:2px}
.chart-time-switch label{font-size:13px}
/* File drop — mockup 3-01-03 */
.file-drop{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;border:1.5px dashed var(--primary-border,#d8d3f9);border-radius:18px;background:var(--primary-wash,var(--bg2));text-align:center;cursor:pointer}
.file-drop.is-over{border-color:var(--purple)}
.file-drop-icon{font-size:26px;color:var(--purple);line-height:1}.file-drop small{color:var(--tx3)}.file-drop u{color:var(--purple-tx);font-weight:700;text-decoration:none}
.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.file-picked{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 16px;border:1px solid var(--bd1);border-radius:14px}.file-picked small{color:var(--tx3)}
/* Billing alert flow — mockup 3-02-03 */
.flow-section{margin-top:18px;padding-top:18px;border-top:1px solid var(--bd1)}
.flow-section h4{margin:0 0 10px;font-size:15px}.flow-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.flow-section-head small{color:var(--tx3)}
.flow-schedule{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:end}
.flow-enabled{padding-bottom:10px}.flow-schedule .form-group{margin:0}
.flow-time{display:flex;align-items:center;gap:6px}.flow-time input.fi{width:72px;text-align:center}
#billing-weekdays,#billing-monthdays{margin-top:12px}
.flow-options{border:1px solid var(--bd1);border-radius:16px}
.flow-option{display:flex;align-items:center;gap:14px;padding:14px 16px;border-top:1px solid var(--bd1);cursor:pointer}.flow-option:first-child{border-top:0}
.flow-option>span:nth-child(2){flex:1}.flow-option strong{display:block}.flow-option small{display:block;color:var(--tx3)}
.flow-option code{margin-left:6px;padding:1px 6px;border-radius:5px;background:var(--bg3);font-size:11px;color:var(--tx2)}
.flow-percent{display:flex;align-items:center;gap:8px;color:var(--tx3)}.flow-percent>span{display:flex;align-items:center;border:1px solid var(--bd1);border-radius:10px;overflow:hidden}
.flow-percent input.fi{width:64px;border:0;text-align:right}.flow-percent b{padding:0 10px;color:var(--tx2)}
.flow-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.flow-channel{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--bd1);border-radius:16px;cursor:pointer}
.flow-channel:has(input:checked){border-color:var(--purple);box-shadow:0 0 0 1px var(--purple)}
.flow-channel>span:nth-child(2){flex:1}.flow-channel strong{display:block}.flow-channel small{display:block;color:var(--tx3)}
.flow-channel-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--purple-bg);color:var(--purple-tx)}.flow-channel-icon svg{width:18px;height:18px}
.flow-channel-icon.is-telegram{border-radius:50%;background:#2aa3df;color:#fff}
@media (max-width:700px){.flow-schedule,.flow-channels{grid-template-columns:1fr}}
.flow-enabled input[type="checkbox"]{width:32px;height:18px}
/* Meta invoice — mockup 3-01-04 */
.invoice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.invoice-match{margin-top:14px;padding:12px 16px;border-radius:14px;background:var(--green-bg)}
.invoice-match strong{display:flex;align-items:center;gap:8px;color:var(--green-tx)}.invoice-match svg{width:16px;height:16px}.invoice-match small{display:block;margin-top:4px;color:var(--tx2)}
@media (max-width:700px){.invoice-grid{grid-template-columns:1fr}}
/* Delete staff & emergency stop — mockups 4-01-03, 4-04-03 */
.person-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--bd1);border-radius:16px}
.person-card .row-avatar{margin:0;width:40px;height:40px}.person-card strong{display:block}.person-card small{display:block;color:var(--tx3)}
.dot-list{margin:16px 0 0;padding-left:20px;color:var(--tx2)}.dot-list li{margin:6px 0}.dot-list li::marker{color:var(--tx3)}
.stop-list{border:1px solid var(--bd1);border-radius:16px;overflow:hidden;margin-bottom:16px;max-height:280px;overflow-y:auto}
.stop-list>div{padding:12px 16px;border-top:1px solid var(--bd1)}.stop-list>div:first-child{border-top:0}
.stop-list-head{background:var(--bg2);font-weight:700;color:var(--tx2)}
.stop-list strong{display:block;font-weight:500}.stop-list small{display:block;color:var(--tx3)}
/* Report flow — mockup 4-06-03 */
.report-flow-filters .choice-list{max-height:150px;overflow-y:auto;border:1px solid var(--bd1);border-radius:12px;padding:6px 10px}
.report-flow-filters legend{font-weight:700;margin-bottom:6px}
/* Members — mockup 4-08-02 */
.choice-switch{display:inline-flex;gap:3px;padding:4px;border-radius:12px;background:var(--bg3);margin-bottom:6px}
.choice-switch label{position:relative;padding:8px 16px;border-radius:9px;color:var(--tx3);cursor:pointer}
.choice-switch label:has(input:checked){background:var(--bg1);color:var(--tx1);font-weight:700;box-shadow:0 1px 4px #171c320a}
.choice-switch input{position:absolute;opacity:0;width:1px;height:1px}
.member-identity{grid-template-columns:repeat(3,minmax(0,1fr))}
.role-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.member-permissions>.btn-row{margin-bottom:12px}
.member-permissions .permission-group{border:1px solid var(--bd1);border-radius:16px;padding:0 0 8px;margin:0 0 12px;overflow:hidden}
.member-permissions .permission-group legend{display:flex;align-items:center;gap:10px;width:100%;float:left;padding:12px 16px;background:var(--bg2);font-weight:700}
.member-permissions .permission-group legend+*{clear:both}
.permission-group-count{margin-left:auto;font-weight:400;color:var(--tx3)}
.member-permissions .permission-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:8px}
.member-permissions .permission-choices label{padding:8px 10px;border-radius:10px}.member-permissions .permission-choices label:has(input:checked){background:var(--purple-bg);font-weight:600}
@media (max-width:700px){.member-identity,.role-cards,.member-permissions .permission-choices{grid-template-columns:1fr}}
.report-flow-filters fieldset{border:0;padding:0;margin:0;min-width:0}.report-flow-filters .choice-list label{border:0;padding:5px 2px;background:none}
/* 2FA setup — mockup 4-03-04 */
.factor-steps{display:flex;gap:14px;list-style:none;margin:0 0 14px;padding:0;color:var(--tx3);font-weight:700}
.factor-steps li+li::before{content:"›";margin-right:14px}.factor-steps .is-active{color:var(--purple-tx)}
.factor-scan{display:flex;gap:20px;align-items:center;margin-bottom:16px}
.factor-scan .factor-qr{flex:none;padding:10px;border:1px solid var(--bd1);border-radius:16px;background:#fff}
.factor-scan .factor-qr img{display:block;width:160px;height:160px}
.factor-scan p{margin:0 0 10px;color:var(--tx2)}
.factor-secret{letter-spacing:.12em;font-weight:700;background:var(--bg2);border:0}
.factor-setup .factor-code{max-width:240px;font-size:22px;letter-spacing:.4em;text-align:center}
@media (max-width:600px){.factor-scan{flex-direction:column;align-items:flex-start}}
/* Meta connection — mockup 4-05-02 */
.connection-panel-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.connection-panel-head img{width:44px;height:44px;padding:6px;border:1px solid var(--bd1);border-radius:12px;background:#fff;object-fit:contain}
.connection-panel-head h3{display:flex;align-items:center;gap:10px;margin:0}.connection-panel-head p{margin:2px 0 0}
.connection-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.connection-stats>div{padding:14px 16px;border:1px solid var(--bd1);border-radius:14px}.connection-stats small{display:block;color:var(--tx3)}.connection-stats strong{font-size:16px}
@media (max-width:600px){.connection-stats{grid-template-columns:1fr}}
/* Metric standard direction, scale and style — mockup 2-02-05 */
.metric-std-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}
.field-label{display:block;margin-bottom:6px;font-size:12px;font-weight:700}
.std-bar{margin:6px 0 16px}
.std-bar-marks{position:relative;height:24px}.std-bar-marks b{position:absolute;transform:translateX(-50%);padding:2px 8px;border-radius:6px;background:#1b2031;color:#fff;font-size:12px;white-space:nowrap}
.std-bar-track{display:flex;height:12px;border-radius:99px;overflow:hidden;margin-top:4px}.std-bar-track i{flex:1}
.std-bar-track .is-green{background:#8fd6b4}.std-bar-track .is-amber{background:#f4cf8d}.std-bar-track .is-red{background:#f4a898}.std-bar-track .is-blue{background:#a9c4f5}.std-bar-track .is-purple{background:#c9c2f7}.std-bar-track .is-none{background:var(--bg3)}
.std-bar-ticks{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--tx3)}
.std-styles .flow-channel{align-items:flex-start}.std-style-demo{display:flex;gap:8px;margin-top:10px}
.std-style-demo.is-text .metric-value,.metric-value.is-text{background:none!important;box-shadow:none!important;padding-inline:0}
/* Insight links and status — mockup 5-05-04 */
.insight-links{grid-template-columns:repeat(3,minmax(0,1fr))}
.insight-posts{max-height:160px;overflow-y:auto;border:1px solid var(--bd1);border-radius:12px;padding:6px 10px;margin-top:8px}
.insight-posts label{display:flex;gap:8px;align-items:center;padding:5px 0}.insight-posts span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.insight-status{display:flex;flex-wrap:wrap;gap:8px}
.insight-status label{position:relative;padding:8px 16px;border:1px solid var(--bd1);border-radius:99px;cursor:pointer;color:var(--tx2)}
.insight-status input{position:absolute;opacity:0;width:1px;height:1px}
.insight-status label.is-verified:has(input:checked){border-color:var(--green);background:var(--green-bg);color:var(--green-tx);font-weight:700}
.insight-status label.is-testing:has(input:checked){border-color:var(--amber);background:var(--amber-bg);color:var(--amber-tx);font-weight:700}
.insight-status label.is-ineffective:has(input:checked){border-color:var(--red);background:var(--red-bg);color:var(--red-tx);font-weight:700}
.insight-meta{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}.insight-meta span{padding:2px 10px;border-radius:99px;background:var(--bg3);font-size:12px;color:var(--tx2)}
.insight-meta .insight-badge.is-verified{background:var(--green-bg);color:var(--green-tx)}.insight-meta .insight-badge.is-testing{background:var(--amber-bg);color:var(--amber-tx)}.insight-meta .insight-badge.is-ineffective{background:var(--red-bg);color:var(--red-tx)}
@media (max-width:700px){.insight-links{grid-template-columns:1fr}}
/* Region conditions — mockup 1-06-03 */
.region-cond{display:flex;gap:14px;padding:16px;margin-bottom:12px;border:1px solid var(--bd1);border-radius:16px;cursor:pointer}
.region-cond:has(input[type=checkbox]:not(:checked)){background:var(--bg2)}
.region-cond>span{flex:1;display:grid;grid-template-columns:1fr auto;gap:8px 12px}.region-cond strong{font-size:15px}.region-cond small{color:var(--tx3);text-align:right}
.region-cond-line{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--tx2)}
.region-cond-line input.fi{width:120px;text-align:right}.region-cond-line em{font-style:normal;color:var(--tx3)}
.region-opt{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}
/* Rule dry run — mockup 2-08-03 */
.rule-preview:empty{display:none}
.rule-preview{margin-top:16px;padding:14px 16px;border-radius:16px;background:var(--bg2)}
.rule-preview.is-hit{background:var(--amber-bg);color:var(--amber-tx)}
.rule-preview p{margin:0 0 8px}.rule-preview>div{display:flex;justify-content:space-between;gap:12px;margin-top:6px;padding:8px 12px;border-radius:10px;background:var(--bg1);color:var(--tx1)}
.rule-preview>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rule-preview>div b{flex:none;color:var(--red-tx)}
/* Bank import preview — mockup 3-01-03 */
.bank-preview:empty{display:none}
.bank-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.bank-preview>div{padding:12px 14px;border:1px solid var(--bd1);border-radius:14px}.bank-preview small{display:block;color:var(--tx3)}.bank-preview strong{font-size:22px}.bank-preview .is-new{color:var(--green-tx)}
.bank-preview>p{grid-column:1/-1;margin:0}
.notice-toggle{margin-top:14px}.notice-toggle input[type="checkbox"]{width:32px;height:18px}
/* Chart-specific calendar, 29 October: the page report filter is independent. */
.chart-period-fields{border:0;padding:0;margin:0;min-width:0}.chart-period-fields>input[hidden]{display:none}.chart-period-modal .hc-modal-icon{display:none}.chart-period-modal .hc-modal-head{padding:26px 30px}.chart-period-modal .hc-modal-head h3{font-size:23px}.chart-period-modal .hc-modal-body{padding:26px 30px}.chart-period-modal .hc-modal-close{background:var(--bg3);border-radius:11px;width:40px;height:40px}.cp-section-heading{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:10px}.cp-section-heading>span{color:var(--tx3);font-size:11px}.cp-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:4px;background:var(--bg3);border-radius:12px;margin-bottom:24px}.cp-tabs button{border:0;background:none;border-radius:10px;padding:12px 4px;font:inherit;font-size:12px;color:var(--tx3);cursor:pointer}.cp-tabs button[aria-pressed=true]{background:var(--bg1);color:var(--tx1);font-weight:800;box-shadow:0 2px 6px #1d1b3a04}.cp-section-title{font-size:12px;display:block;margin-bottom:10px}.cp-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.cp-presets button{padding:7px 12px;border:1px solid var(--bd1);background:var(--bg1);color:var(--tx3);border-radius:99px;font-size:11px;cursor:pointer}.cp-presets button[aria-pressed=true]{border-color:var(--blue);background:var(--blue-bg);color:var(--blue-tx);font-weight:750}.cp-presets button:disabled{opacity:.4;cursor:default}.cp-range{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.cp-range>button{display:flex;align-items:center;gap:10px;text-align:left;background:var(--bg1);border:1px solid var(--bd1);color:var(--tx1);padding:11px 14px;border-radius:11px;cursor:pointer;min-width:0}.cp-range>button[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}.cp-range>button>span{flex:1;min-width:0}.cp-range small{display:block;color:var(--tx3);font-size:10px}.cp-range strong{display:block;font-weight:650;font-size:13px;overflow-wrap:anywhere}.cp-range svg{width:17px;height:17px;color:var(--tx3);flex-shrink:0}.cp-range svg:last-child{width:13px}.cp-calendar{border:1px solid var(--bd1);padding:15px;border-radius:13px;margin-bottom:14px;position:relative}.cp-calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:10px;font-size:12px}.cp-nav{border:1px solid var(--bd1);background:var(--bg1);color:var(--tx3);border-radius:9px;width:30px;height:30px;display:grid;place-items:center;cursor:pointer}.cp-nav svg{width:14px;transform:rotate(90deg)}.cp-nav.next svg{transform:rotate(-90deg)}.cp-nav:disabled{opacity:.35;cursor:default}.cp-cell{font:inherit;font-size:12px;border:0;background:none;cursor:pointer;color:var(--tx2);padding:14px 8px;min-height:42px}.cp-cell:hover:enabled{background:var(--blue-bg);border-radius:8px}.cp-cell.is-between{background:var(--blue-bg);color:var(--blue-tx)}.cp-cell.is-endpoint{background:#5448de;color:#fff;border-radius:9px}.cp-cell:disabled{opacity:.35;cursor:default}.cp-cell:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.cp-month-grid,.cp-year-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 0}.cp-year-grid{grid-template-columns:repeat(auto-fit,minmax(78px,1fr))}.cp-quarter-row{display:grid;grid-template-columns:55px repeat(4,minmax(0,1fr));align-items:center;margin-bottom:7px}.cp-quarter-row>b{font-size:12px;color:var(--tx3);font-weight:650}.cp-quarter-row small{font-size:10px;opacity:.85;margin-left:3px}.cp-hint{font-size:11px;color:var(--tx3);margin:12px 0 0;line-height:1.6}.cp-week-list{max-height:290px;overflow:auto;scrollbar-gutter:stable}.cp-week-list .cp-cell{display:flex;align-items:center;width:100%;gap:18px;text-align:left;margin:4px 0;border-radius:9px;min-height:36px;padding:9px 12px;font-size:11px}.cp-week-list b{min-width:68px;font-weight:650}.cp-week-list span{opacity:.85}.cp-follow{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px;border:1px solid var(--bd1);border-radius:12px;cursor:pointer}.cp-follow b{font-size:12px;display:block}.cp-follow small{font-size:11px;color:var(--tx3);display:block;margin-top:3px}.cp-summary{display:flex;gap:10px;background:var(--bg2);border-radius:10px;padding:14px;margin:22px 0 0;color:var(--tx3);font-size:11px;line-height:1.8}.cp-summary svg{width:17px;height:17px;color:var(--blue-tx);flex-shrink:0;margin-top:2px}.cp-summary p{margin:0}.cp-summary b{color:var(--tx1)}.cp-summary.is-error{color:var(--red-tx)}.cp-day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.cp-day-grid>small{text-align:center;color:var(--tx3);font-size:10px;padding:5px}.cp-day-grid .cp-cell{padding:8px;min-height:34px}.cp-cell.is-other-month:not(.is-endpoint){opacity:.4}.chart-editor-controls .cp-section-heading{display:block}.chart-editor-controls .cp-section-heading>span{display:block;margin-top:4px}.chart-editor-controls .cp-range{gap:6px}.chart-editor-controls .cp-range>button{padding:8px;gap:6px}.chart-editor-controls .cp-range strong{font-size:10px}.chart-editor-controls .cp-tabs button{font-size:10px;padding:9px 3px}.chart-editor-controls .cp-quarter-row{grid-template-columns:35px repeat(4,minmax(0,1fr))}.chart-editor-controls .cp-quarter-row small{display:block;margin:0}.chart-editor-controls .cp-calendar{padding:8px}.chart-editor-controls .cp-cell{font-size:10px;padding:8px 3px}.chart-editor-controls .cp-summary{font-size:10px}
@media(max-width:768px){.chart-period-modal .hc-modal-head,.chart-period-modal .hc-modal-body{padding:20px 18px}.chart-period-modal .hc-modal-head h3{font-size:21px}.cp-section-heading{flex-wrap:wrap}.cp-range{gap:8px}.cp-range>button{padding:10px;gap:7px}.cp-range strong{font-size:11px}.cp-range>button>svg:first-child{display:none}.cp-calendar{padding:10px}.cp-quarter-row{grid-template-columns:40px repeat(4,minmax(0,1fr))}.cp-quarter-row small{display:block;margin:0}.cp-week-list .cp-cell{font-size:10px;gap:10px}.cp-follow{padding:13px}.cp-summary{font-size:10px;margin-top:15px}.cp-tabs{margin-bottom:18px}.cp-cell{padding:11px 5px}}

/* Keep the dedicated range dialog readable at the reference's scale. */
.chart-period-modal{border-radius:24px;max-height:calc(100dvh - 48px)}
.chart-period-modal .hc-modal-head h3{font-size:26px}
.chart-period-modal .hc-modal-desc{font-size:15px}
.chart-period-modal .cp-section-heading,.chart-period-modal .cp-section-title,.chart-period-modal .cp-tabs button,.chart-period-modal .cp-calendar-head,.chart-period-modal .cp-cell,.chart-period-modal .cp-follow b{font-size:15px}
.chart-period-modal .cp-section-heading>span,.chart-period-modal .cp-presets button,.chart-period-modal .cp-hint,.chart-period-modal .cp-follow small,.chart-period-modal .cp-summary{font-size:13px}
.chart-period-modal .cp-range small{font-size:12px}
.chart-period-modal .cp-range strong{font-size:17px;font-weight:500}
.chart-period-modal .cp-week-list .cp-cell{font-size:14px;min-height:40px}
.chart-period-modal .cp-quarter-row>b{font-size:14px}
.chart-period-modal .cp-quarter-row small{font-size:12px}
.chart-period-modal .hc-modal-foot{background:var(--bg2)}
@media(max-width:768px){.chart-period-modal{max-height:calc(100dvh - 24px);border-radius:20px}.chart-period-modal .hc-modal-head h3{font-size:22px}.chart-period-modal .hc-modal-desc{font-size:13px}.chart-period-modal .cp-section-heading,.chart-period-modal .cp-section-title,.chart-period-modal .cp-tabs button,.chart-period-modal .cp-calendar-head,.chart-period-modal .cp-cell,.chart-period-modal .cp-follow b{font-size:13px}.chart-period-modal .cp-range strong{font-size:13px}.chart-period-modal .cp-week-list .cp-cell{font-size:12px}.chart-period-modal .cp-range small,.chart-period-modal .cp-quarter-row small{font-size:11px}.chart-period-modal .cp-presets{gap:6px}.chart-period-modal .cp-presets button{font-size:12px;padding:7px 9px}.chart-period-modal .cp-summary,.chart-period-modal .cp-follow small,.chart-period-modal .cp-hint,.chart-period-modal .cp-section-heading>span{font-size:12px}}
/* Modal checkbox rules must not shrink the period-follow switch into a dot. */
.cp-follow .ui-switch input[type="checkbox"]{width:40px;height:24px;min-width:40px;display:block;overflow:visible}
.cp-follow .ui-switch input[type="checkbox"]::before{width:18px;height:18px;left:3px;top:3px}
.cp-follow .ui-switch input[type="checkbox"]:checked::before{transform:translateX(16px)}
.cp-follow .ui-switch input[type="checkbox"]:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
/* Dashboard Top 5: Lato table text follows --font-sans from the design system. */
.dashboard-top5>summary>span{display:flex;align-items:baseline;gap:10px}
.dashboard-top5>summary small{font:400 13px var(--font-sans);color:var(--tx3)}
.dashboard-top5-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.top5-card{min-width:0;border:1px solid var(--bd1);border-radius:16px;background:var(--bg1);overflow:hidden}
.top5-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px}
.top5-toolbar h3{margin:0;white-space:nowrap;font:700 15px var(--font-sans);color:var(--tx1)}
.top5-actions{display:flex;align-items:center;gap:8px;min-width:0}
.top5-actions select,.top5-columns{height:32px;border:1px solid var(--bd1);border-radius:8px;background:var(--bg1);color:var(--tx2);font:400 13px var(--font-sans)}
.top5-actions select{max-width:155px;padding:0 24px 0 9px;text-overflow:ellipsis;cursor:pointer}
.top5-columns{display:inline-flex;gap:5px;align-items:center;padding:0 9px;cursor:pointer;white-space:nowrap}
.top5-columns svg{width:14px;height:14px;color:var(--tx3)}
.top5-all{display:inline-flex;align-items:center;gap:4px;font:700 13px var(--font-sans);color:var(--blue-tx);white-space:nowrap;text-decoration:none;padding:5px 0}
.top5-table-wrap{overflow:auto;max-width:100%;padding:0 16px;scrollbar-width:thin}
.top5-table-wrap table{width:100%;min-width:490px;border-collapse:collapse;font:400 14px var(--font-sans)}
.top5-table-wrap th{padding:10px 12px;text-align:left;color:var(--tx3);font-weight:400;font-size:13px;background:var(--bg2);border:0;white-space:nowrap;text-transform:none;letter-spacing:0}
.top5-table-wrap td{padding:13px 12px;border:0;border-bottom:1px solid var(--bd-hairline);color:var(--tx1);font-size:14px;white-space:nowrap;vertical-align:middle}
.top5-table-wrap tbody tr:last-child td{border-bottom:0}
.top5-table-wrap tbody tr:nth-child(even){background:var(--bg2)}
.top5-table-wrap .num{text-align:right;font-variant-numeric:tabular-nums}
.top5-table-wrap .metric-value{font-size:14px;font-weight:400}
.top5-neutral .metric-value{color:var(--tx1)!important;background:none!important;padding:0;border-radius:0}
.top5-threshold{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--tx2);font-variant-numeric:tabular-nums}
.top5-threshold-track{display:block;width:64px;height:6px;overflow:hidden;border-radius:99px;background:var(--bg-track)}
.top5-threshold-track i{display:block;height:100%;background:var(--amber);border-radius:99px}
.top5-threshold.is-high .top5-threshold-track i{background:var(--red)}
.meta-token-owner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0;padding:16px;border:1px solid var(--bd1);border-radius:12px;background:var(--bg2)}
.meta-token-owner small,.meta-token-owner span{display:block;color:var(--tx3);font-size:13px}.meta-token-owner strong{display:block;font-size:17px;margin:4px 0}.meta-token-owner p{font-size:14px;color:var(--tx2);margin:8px 0 0}.meta-token-owner .btn{flex-shrink:0}
.meta-account-tools{padding:0 18px 12px;border-bottom:1px solid var(--bd1);margin-bottom:8px}.meta-account-tools button{font-size:13px}.meta-account-tools small{display:block;color:var(--tx3);font-size:12px;line-height:1.5;margin:7px 0 0}
@media(max-width:768px){.meta-token-owner{align-items:flex-start;flex-direction:column}}
.top5-name{display:flex;align-items:center;gap:9px;min-width:150px;max-width:280px}
.top5-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top5-rank{display:inline-grid;place-items:center;flex-shrink:0;width:20px;height:24px;border-radius:5px;font-size:12px;font-weight:700;background:var(--bg3);color:var(--tx3)}
.top5-rank.rank-1{background:linear-gradient(120deg,#f9e58c,#e9bd32);color:#765716}
.top5-rank.rank-2{background:linear-gradient(120deg,#ecedf3,#c6ccd7);color:#5f6675}
.top5-rank.rank-3{background:linear-gradient(120deg,#eed5b8,#c99d74);color:#855b34}
.top5-source-note{font:400 13px/1.5 var(--font-sans);color:var(--tx3);padding:10px 16px 12px;margin:0}
.top5-table-wrap .top5-empty{text-align:center;color:var(--tx3);padding:36px 16px}
.top5-error{padding:12px 16px 24px;margin:0}.top5-card[aria-busy=true]{opacity:.7}
.top5-columns:focus-visible,.top5-actions select:focus-visible,.top5-all:focus-visible,.top5-table-wrap:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:1100px){.top5-toolbar{flex-wrap:wrap}.top5-actions{margin-left:auto}.top5-actions select{max-width:145px}}
@media(max-width:900px){.dashboard-top5-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.top5-toolbar{gap:12px;padding:14px}.top5-toolbar h3{flex-basis:100%}.top5-actions{width:100%;justify-content:space-between}.top5-actions select{max-width:165px;flex:1}.top5-table-wrap{padding:0 10px}.top5-table-wrap table{min-width:490px}.top5-source-note{padding:10px 14px 14px}}

/* Searchable ranking metric palette, promoted to the top layer above clipped cards. */
.top5-metric-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;max-width:190px;min-height:32px;border:1px solid var(--bd1);border-radius:8px;padding:5px 10px;background:var(--bg1);color:var(--tx2);font:400 13px var(--font-sans);cursor:pointer;white-space:nowrap}
.top5-metric-trigger svg{width:14px;height:14px;flex-shrink:0}.top5-metric-trigger[aria-expanded=true]{color:var(--blue-tx);background:var(--blue-bg);border-color:var(--blue)}
.top5-metric-panel{position:fixed;inset:auto;margin:0;width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;overscroll-behavior:contain;border:1px solid var(--bd1);border-radius:24px;background:var(--bg1);color:var(--tx1);box-shadow:0 16px 48px #17132b26;font:400 14px/1.5 var(--font-sans);padding:0;scrollbar-width:thin}
.top5-metric-panel::backdrop{background:transparent}.top5-metric-panel header{padding:22px 24px 0}.top5-metric-panel h4{margin:0;color:var(--tx1);font:700 19px/1.4 var(--font-sans)}.top5-metric-panel header p{margin:4px 0 0;color:var(--tx3);font-size:14px}
.top5-metric-filter{display:flex;align-items:center;gap:12px;padding:18px 24px 10px}.top5-metric-filter>label{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:1px solid var(--bd1);border-radius:12px;padding:9px 12px}.top5-metric-filter>label:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-bg)}.top5-metric-filter svg{width:18px;height:18px;color:var(--tx3);flex-shrink:0}.top5-metric-filter input{width:100%;min-width:0;border:0;background:transparent;color:var(--tx1);font:inherit;outline:none}.top5-metric-filter input::placeholder{color:var(--tx3)}
.top5-source-filters{display:flex;gap:6px}.top5-source-filters button{border:1px solid var(--bd1);border-radius:99px;background:var(--bg1);color:var(--tx2);font:inherit;padding:5px 12px;cursor:pointer}.top5-source-filters button[aria-pressed=true]{border-color:var(--blue);background:var(--blue-bg);color:var(--blue-tx);font-weight:700}
.top5-metric-panel h5{margin:0 0 4px;font:700 11px/1.5 var(--font-sans);text-transform:uppercase;letter-spacing:.025em;color:var(--tx3)}.top5-metric-quick{padding:0 24px 14px;border-bottom:1px solid var(--bd-hairline)}.top5-metric-quick button{margin:0 5px 5px 0;border:1px solid var(--bd1);border-radius:8px;padding:5px 9px;background:var(--bg2);font:400 13px var(--font-sans);color:var(--tx1);cursor:pointer}.top5-metric-quick button[aria-pressed=true]{color:#fff;background:var(--blue);border-color:var(--blue)}
.top5-metric-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:18px 24px}.top5-metric-group{margin:0 0 12px}.top5-metric-extra{grid-column:1/-1;border-top:1px solid var(--bd-hairline);padding-top:12px}.top5-metric-extra .top5-metric-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;margin-bottom:0}.top5-metric-extra h5{grid-column:1/-1}
.top5-metric-option{display:flex;align-items:center;gap:6px;width:100%;min-height:34px;border:0;border-radius:8px;padding:7px 8px;background:transparent;color:var(--tx1);font:400 14px/1.4 var(--font-sans);text-align:left;cursor:pointer}.top5-metric-option:hover{background:var(--bg2)}.top5-metric-option.is-selected{background:var(--blue-bg);color:var(--blue-tx);font-weight:700}.top5-metric-check{width:17px;flex-shrink:0}.top5-metric-name{flex:1;min-width:0}.top5-metric-option:disabled{opacity:.42;cursor:not-allowed}.top5-source-tag{font:400 11px/1.2 var(--font-sans);white-space:nowrap;border-radius:4px;padding:1px 5px;background:var(--blue-bg);color:var(--blue-tx)}.top5-source-tag.source-web{background:var(--purple-bg);color:var(--purple)}.top5-source-tag.source-crm{background:var(--green-bg);color:var(--green)}.top5-lower{font:400 11px var(--font-sans);color:var(--tx3);white-space:nowrap}
.top5-metric-panel footer{position:sticky;bottom:0;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 24px;border-top:1px solid var(--bd1);background:var(--bg2);color:var(--tx3);font-size:13px}.top5-metric-panel footer a{color:var(--blue-tx);font-weight:700;text-decoration:none;white-space:nowrap}.top5-metric-none{padding:20px 24px;color:var(--tx3);text-align:center}.top5-metric-panel [hidden]{display:none!important}
.top5-metric-panel button:focus-visible,.top5-metric-panel a:focus-visible,.top5-metric-trigger:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:600px){.top5-metric-panel{border-radius:18px}.top5-metric-panel header{padding:18px 16px 0}.top5-metric-filter{flex-wrap:wrap;padding:14px 16px 10px}.top5-metric-filter>label{flex-basis:100%}.top5-metric-quick{padding:0 16px 12px}.top5-metric-groups{padding:14px 16px;gap:0 12px}.top5-metric-option{font-size:13px;padding:7px 3px;flex-wrap:wrap;gap:4px}.top5-metric-name{flex-basis:calc(100% - 25px)}.top5-source-tag{margin-left:21px}.top5-lower{margin-left:auto}.top5-metric-panel footer{padding:12px 16px;flex-wrap:wrap}.top5-metric-trigger{max-width:190px}.top5-metric-extra .top5-metric-group{column-gap:12px}}

.top5-metric-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.top5-metric-extra>summary{cursor:pointer;color:var(--tx3);font-size:12px;padding:3px 0;list-style-position:inside}.top5-metric-extra[open]>summary{margin-bottom:10px}.top5-metric-extra h5{display:none}
/* Chrome on large high-DPI screens ran out of GPU memory with a backdrop blur on every sticky table
   header and the sidebar, leaving whole regions unpainted. The headers are already near-opaque. */
th{backdrop-filter:none;-webkit-backdrop-filter:none}
.sidebar,.mobile-header{backdrop-filter:none;-webkit-backdrop-filter:none}
.mobile-header{background:rgba(255,255,255,.97)}
html[data-theme="dark"] .mobile-header{background:var(--bg1)}
/* Report column customizer — mockup "Tuỳ chỉnh cột" */
.sync-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 -24px;padding:12px 24px;background:var(--bg2);border-block:1px solid var(--bd1)}
.sync-chips>span:first-child{font-weight:700;margin-right:4px}.sync-more{display:contents}.sync-more[hidden]{display:none}
.sync-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--bd1);border-radius:10px;background:var(--bg1);font:inherit;font-size:13px;color:var(--tx2);cursor:pointer}
.sync-chip:has(input:checked){border-color:var(--primary-border,#d8d3f9);background:var(--purple-bg);color:var(--purple-tx);font-weight:700}
.col-create{display:flex;align-items:center;gap:6px;margin:0 0 10px;padding:7px 12px;border:1px solid var(--bd1);border-radius:10px;background:var(--bg1);font:inherit;font-size:13px;font-weight:700;color:var(--tx1);cursor:pointer}
#selected-columns .report-col{flex-wrap:wrap;gap:10px;padding:8px 12px}
#selected-columns .column-option.report-col>:not(label):not(.inline-metric-editor){flex:none;flex-basis:auto}
#selected-columns .column-option.report-col>.col-drag{order:0}#selected-columns .column-option.report-col>label{order:1}
#selected-columns .column-option.report-col>.inline-metric-editor{order:9;flex-basis:100%}
#selected-columns .column-option.report-col{flex-wrap:wrap;align-items:center}
#selected-columns .report-col>label{order:1;flex:1 1 0;min-width:0}
#selected-columns .report-col input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px}
#selected-columns .report-col .col-name small{color:var(--tx3);font-size:12px;font-weight:400;margin-left:4px}
.report-col .col-drag{order:0;cursor:grab;color:var(--tx3);font-size:14px;user-select:none}
#selected-columns .column-option.report-col>.col-custom-tools,#selected-columns .column-option.report-col>.col-std,#selected-columns .column-option.report-col>.col-fixed{order:2}
#selected-columns .column-option.report-col>.col-remove{order:3}
.report-col.is-dragging{opacity:.5}.report-col.is-fixed{background:var(--bg2)!important}.report-col.is-fixed .col-drag{visibility:hidden}
.col-tag{padding:2px 8px;border-radius:99px;background:#f9e3ea;color:#b23a62;font-size:11px;font-weight:700;margin-left:6px}
.col-custom-tools{display:inline-flex;gap:2px}.col-custom-tools button{border:0;background:none;color:var(--tx3);cursor:pointer;padding:2px 4px}.col-custom-tools svg{width:14px;height:14px}
.col-std{padding:4px 10px;border:1px dashed var(--primary-border,#d8d3f9);border-radius:99px;background:var(--bg1);color:var(--purple-tx);font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.col-std.is-green{border:0;background:var(--green-bg);color:var(--green-tx)}.col-std.is-amber{border:0;background:var(--amber-bg);color:var(--amber-tx)}.col-std.is-red{border:0;background:var(--red-bg);color:var(--red-tx)}.col-std.is-blue,.col-std.is-purple{border:0;background:var(--purple-bg)}
.col-fixed{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--tx3)}.col-fixed svg{width:13px;height:13px}
.col-remove{border:0;background:none;color:var(--tx3);cursor:pointer;padding:4px}.col-remove svg{width:14px;height:14px}
.column-pane-add .report-col .col-drag,.column-pane-add .report-col .col-std,.column-pane-add .report-col .col-remove,.column-pane-add .report-col .col-fixed{display:none}
.column-pane-add .report-col>label{order:1}
/* Formula token editor — mockup "Tạo chỉ số tuỳ chỉnh" */
.formula-box.token-mode{min-height:84px;padding:12px 14px}
.formula-box.token-mode .formula-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:56px}
.formula-box.token-mode .formula-chips{display:contents}
.formula-typing{flex:1 0 120px;min-width:120px;border:0;outline:0;background:none;font:15px/1.6 inherit;padding:4px 0;color:var(--tx1)}
.formula-chip.is-unknown{background:var(--red-bg);color:var(--red-tx)}
#selected-columns .column-option.report-col>span.col-drag:not(label){order:0}
#selected-columns .report-col{padding:12px 14px}#selected-columns .report-col .col-name{font-size:15px}
.sync-chip{padding:8px 14px;font-size:14px}.col-create{font-size:14px}
/* Metric standard levels — mockup "Quy chuẩn" from column dialog */
.std-level-chip{display:inline-flex;align-items:center;gap:6px;min-width:84px;padding:4px 12px;border-radius:99px;font-size:13px;font-weight:700;background:var(--bg3);color:var(--tx2)}
.std-level-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.std-level-chip.is-green{background:var(--green-bg);color:var(--green-tx)}.std-level-chip.is-amber{background:var(--amber-bg);color:var(--amber-tx)}.std-level-chip.is-red{background:var(--red-bg);color:var(--red-tx)}.std-level-chip.is-blue,.std-level-chip.is-purple{background:var(--purple-bg);color:var(--purple-tx)}
.std-value{display:inline-flex;align-items:center;border:1px solid var(--bd1);border-radius:10px;overflow:hidden}
#metric-rules .std-value input.fi{border:0;width:110px;box-shadow:none}.std-value b{padding:0 10px;color:var(--tx3);font-weight:400;border-left:1px solid var(--bd1);align-self:stretch;display:grid;place-items:center;background:var(--bg2)}
#metric-rules select.fi{width:96px}
.metric-origin small+small{margin-top:2px}
.std-value b:empty{display:none}
/* Row filter groups — mockup "Lọc dòng" with VÀ/HOẶC groups */
.filter-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.filter-single-logic{display:inline-flex;align-items:center;gap:8px;color:var(--tx3)}.filter-single-logic select.fi{width:auto;font-weight:700}.filter-single-logic[hidden]{display:none}
.filter-join{display:flex;align-items:center;gap:10px;margin:6px 0}.filter-join::before,.filter-join::after{content:"";flex:1;height:1px;background:var(--bd1)}
.filter-join button{padding:3px 12px;border:0;border-radius:99px;font:inherit;font-size:12px;font-weight:800;letter-spacing:.04em;cursor:pointer}
.filter-join button.is-and{background:var(--purple-bg);color:var(--purple-tx)}.filter-join button.is-or{background:var(--amber-bg);color:var(--amber-tx)}
.filter-join button.is-top{font-size:14px;padding:6px 18px}
.filter-group{margin:8px 0;padding:12px 14px;border:1px solid var(--bd1);border-left:4px solid var(--purple);border-radius:14px;background:var(--bg1)}
.filter-group.is-or{border-left-color:var(--amber)}
.filter-group header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.filter-group header b{flex:1}
.filter-group header label{display:inline-flex;align-items:center;gap:8px;color:var(--tx3)}.filter-group header select.fi{width:auto;font-weight:700}
.filter-adds{display:flex;flex-wrap:wrap;gap:16px}
.filter-summary:empty{display:none}
.filter-summary{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--bg2);color:var(--tx2);line-height:1.6}
.filter-summary b{color:var(--tx1)}.filter-summary b.is-and{color:var(--purple-tx)}.filter-summary b.is-or{color:var(--amber-tx)}
/* Formula suggestions — mockup "Tạo chỉ số tuỳ chỉnh" search */
.formula-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}.formula-label label{font-weight:700}.formula-label small{color:var(--tx3)}
.formula-box.token-mode{padding:0;overflow:visible}
.formula-ops{display:flex;align-items:center;gap:4px;padding:6px 10px;border-bottom:1px solid var(--bd1)}
.formula-ops button{min-width:32px;padding:4px 8px;border:0;border-radius:8px;background:none;font:inherit;font-size:16px;color:var(--tx2);cursor:pointer}.formula-ops button:hover{background:var(--bg3)}
.formula-ops small{margin-left:auto;color:var(--tx3);font-size:12px}
.formula-box.token-mode .formula-line{padding:10px 14px}
.formula-suggest{position:absolute;left:14px;top:calc(100% + 6px);z-index:20;width:min(400px,calc(100% - 28px));max-height:320px;overflow:auto;padding:6px;border:1px solid var(--bd1);border-radius:14px;background:var(--bg1);box-shadow:0 16px 40px #171c3224}
.formula-suggest-head{padding:6px 10px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tx3)}
.formula-suggest [role=option]{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:none;font:inherit;text-align:left;color:var(--tx2);cursor:pointer}
.formula-suggest [role=option] b{color:var(--purple-tx)}
.formula-suggest [role=option].is-active,.formula-suggest [role=option]:hover{background:var(--purple-bg)}
.formula-suggest small{flex:none;padding:1px 8px;border-radius:6px;font-size:11px;font-weight:700;background:var(--purple-bg);color:var(--purple-tx)}
.formula-suggest small.is-web{background:#e2f0f6;color:#2a7090}.formula-suggest small.is-crm{background:var(--green-bg);color:var(--green-tx)}.formula-suggest small.is-custom{background:#f9e3ea;color:#b23a62}
.formula-suggest-foot{display:flex;align-items:center;gap:6px;margin-top:4px;padding:8px 10px 4px;border-top:1px solid var(--bd1);font-size:12px;color:var(--tx3)}
.formula-suggest kbd{padding:1px 6px;border:1px solid var(--bd1);border-radius:5px;background:var(--bg2);font:inherit;font-size:11px}
.formula-suggest-empty{margin:0;padding:10px;color:var(--tx3)}
.formula-box .formula-typing{border:0!important;box-shadow:none!important;background:none!important;padding:4px 0!important;min-height:0}

/* Row filtering: searchable typed fields and multi-value selection. */
.report-filter-modal{max-width:880px!important;border-radius:24px}.report-filter-modal .hc-modal-icon{display:none}.report-filter-modal .hc-modal-head{padding:28px 30px}.report-filter-modal .hc-modal-head h3{font-size:27px}.report-filter-modal .hc-modal-desc{font-size:15px}.report-filter-modal .hc-modal-body{padding:24px 30px}.report-filter-modal .hc-modal-foot{padding:20px 30px;background:var(--bg2)}.report-filter-modal .report-rule-row{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1.2fr) 30px;gap:10px}.report-filter-modal .report-rule-heading{font-size:15px}.report-rule-field,.report-rule-values{min-width:0}.report-rule-field-trigger,.report-rule-value-trigger{display:flex;align-items:center;gap:10px;width:100%;text-align:left;min-height:48px;font:400 15px var(--font-sans);cursor:pointer}.report-rule-field-trigger>span,.report-rule-value-trigger>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-rule-field-trigger svg,.report-rule-value-trigger svg{width:15px;height:15px;flex-shrink:0;color:var(--tx3)}.report-rule-field-trigger[aria-expanded=true],.report-rule-value-trigger[aria-expanded=true]{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}.report-rule-value-count{background:var(--blue-bg);color:var(--blue-tx);font-size:12px;font-weight:700;border-radius:99px;padding:1px 6px}.report-rule-value-count:empty{display:none}
.report-rule-picker{position:fixed;inset:auto;margin:0;padding:10px 8px 0;width:min(430px,calc(100vw - 32px));max-height:min(640px,calc(100dvh - 32px));border:1px solid var(--bd1);border-radius:18px;background:var(--bg1);color:var(--tx1);box-shadow:0 14px 40px #17132b29;font:400 15px/1.5 var(--font-sans);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.report-rule-picker::backdrop{background:transparent}.report-rule-picker-search{position:sticky;top:-10px;z-index:1;display:flex;align-items:center;gap:10px;padding:11px 12px;background:var(--bg1);border:1px solid var(--bd1);border-radius:11px;margin:0 1px 12px}.report-rule-picker-search svg{width:18px;height:18px;color:var(--tx3);flex-shrink:0}.report-rule-picker-search input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--tx1);font:inherit}.report-rule-picker-search:focus-within{border-color:var(--blue)}.report-rule-picker-list h5{font:700 12px/1.5 var(--font-sans);text-transform:uppercase;letter-spacing:.025em;color:var(--tx3);margin:12px 10px 4px}.report-rule-picker-list [role=option]{display:flex;align-items:center;gap:12px;justify-content:space-between;width:100%;min-height:42px;padding:10px;border:0;border-radius:10px;text-align:left;background:transparent;color:var(--tx1);font:inherit;cursor:pointer}.report-rule-picker-list [role=option]:hover{background:var(--bg2)}.report-rule-picker-list [aria-selected=true]{background:var(--blue-bg);color:var(--blue-tx);font-weight:700}.report-rule-picker-list small{font-size:13px;color:var(--tx3);white-space:nowrap}.report-rule-picker footer{position:sticky;bottom:0;display:flex;justify-content:space-between;gap:12px;padding:12px 10px;background:var(--bg1);border-top:1px solid var(--bd1);font-size:12px;color:var(--tx3);margin-top:6px}.report-rule-picker [hidden],.report-filter-modal [hidden]{display:none!important}.report-rule-picker-empty{padding:16px 10px;color:var(--tx3);font-size:13px}.report-rule-value-list>label{display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;cursor:pointer;overflow-wrap:anywhere}.report-rule-value-list>label:has(:checked){background:var(--blue-bg);color:var(--blue-tx)}.report-rule-value-list input{flex-shrink:0;width:16px;height:16px}.report-rule-picker button:focus-visible,.report-rule-picker input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
/* Inline ID entry spans the same columns as its filter condition. */
.report-post-id-new{
  display:inline-block;margin-inline-start:10px;padding:1px 8px;border-radius:99px;
  background:var(--purple);color:#fff;font:650 11px/1.5 var(--font-sans);
}
.report-post-id-trigger .report-rule-value-count{background:var(--purple-bg);color:var(--purple-tx)}
.report-post-id-trigger .report-rule-value-trigger[aria-expanded=true]{
  border-color:var(--purple-tx);box-shadow:0 0 0 2px var(--purple-bg);
}
.report-post-id-panel{
  grid-column:1/-1;min-width:0;border:1px solid var(--purple-tx);border-radius:14px;
  background:var(--bg1);box-shadow:0 0 0 3px var(--purple-bg);padding:14px;
}
.report-post-id-panel[hidden]{display:none}
.report-post-id-entry,.report-post-id-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
.report-post-id-chips{display:contents}
.report-post-id-chip{
  display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:33px;
  border-radius:9px;background:var(--purple-bg);color:var(--purple-tx);padding:4px 8px 4px 10px;
}
.report-post-id-chip.is-missing{background:var(--red-bg);color:var(--red-tx)}
.report-post-id-chip strong{font:700 13px/1.4 ui-monospace,monospace;overflow-wrap:anywhere}
.report-post-id-chip small{
  flex:none;background:var(--bg1);padding:1px 5px;border-radius:99px;font-size:10px;font-weight:700;
}
.report-post-id-chip button{
  flex:none;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;
  border-radius:6px;background:transparent;color:inherit;cursor:pointer;
}
.report-post-id-chip button:hover{background:color-mix(in srgb,currentColor 13%,transparent)}
.report-post-id-chip svg{width:13px;height:13px}
.report-post-id-entry input{
  flex:1 0 155px;min-width:0;max-width:100%;min-height:34px;box-sizing:border-box;
  border:1px solid transparent;border-radius:6px;padding:4px 6px;background:transparent;color:var(--tx1);font:inherit;
}
.report-post-id-entry input:focus-visible{outline:none;border-bottom-color:var(--purple-tx)}
.report-post-id-chip button:focus-visible{outline:2px solid var(--purple-tx);outline-offset:1px}
.report-post-id-help{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 14px;
  border-top:1px solid var(--bd1);margin-top:10px;padding-top:10px;color:var(--tx2);font-size:13px;
}
.report-post-id-help strong{color:var(--red-tx);margin-left:auto}
.report-post-id-error{margin:6px 0 0;color:var(--red-tx);font-size:13px}
@media(max-width:640px){
  .report-post-id-panel{padding:10px;margin:2px 0}
  .report-post-id-chip{gap:4px;padding-left:7px}
}
.report-filter-save-form{display:flex;align-items:end;gap:10px;padding:14px;background:var(--bg2);border:1px solid var(--bd1);border-radius:12px;margin-bottom:16px;flex-wrap:wrap}.report-filter-save-form label{flex:1;min-width:150px}.report-filter-save-form input{display:block;width:100%;margin-top:5px}.report-filter-save-form [role=alert]{flex-basis:100%;color:var(--red-tx);font-size:13px}.report-filter-presets{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}.report-filter-presets>span{display:flex;max-width:100%;border:1px solid var(--bd1);border-radius:99px;overflow:hidden}.report-filter-presets button{border:0;background:var(--bg2);font:inherit;color:var(--tx2);padding:7px 12px;cursor:pointer;overflow-wrap:anywhere}.report-filter-presets button+button{padding-left:4px;color:var(--tx3)}
@media(max-width:640px){.report-filter-modal .hc-modal-head,.report-filter-modal .hc-modal-body{padding:20px 16px}.report-filter-modal .hc-modal-head h3{font-size:23px}.report-filter-modal .hc-modal-foot{padding:16px;gap:8px;flex-wrap:wrap}.report-filter-modal .report-rule-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 26px;gap:8px}.report-filter-modal .report-rule-field{grid-column:1/3}.report-filter-modal .report-rule-values,.report-filter-modal .report-rule-value{grid-column:2;grid-row:2}.report-filter-modal .report-rule-row>select{grid-column:1;grid-row:2}.report-filter-modal .report-rule-remove{grid-column:3;grid-row:1}.report-rule-field-trigger,.report-rule-value-trigger{font-size:13px;min-height:44px}.report-rule-picker{font-size:14px}}

.report-rule-picker .report-rule-picker-search input:focus-visible{outline:none;box-shadow:none}

/* Operator menus use the same palette as field selection, with type-specific explanations. */
.report-rule-operator{min-width:0}.report-rule-operator-trigger{display:flex;align-items:center;gap:10px;justify-content:space-between;width:100%;min-height:48px;text-align:left;font:400 15px var(--font-sans);cursor:pointer}.report-rule-operator-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-rule-operator-trigger svg{width:15px;height:15px;flex-shrink:0;color:var(--tx3)}.report-rule-operator-trigger[aria-expanded=true]{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}.report-rule-operator-panel{padding:12px 8px 8px}.report-rule-operator-panel>h5{margin:3px 10px 8px;font:700 12px/1.5 var(--font-sans);text-transform:uppercase;letter-spacing:.025em;color:var(--tx3)}.report-rule-operator-panel .report-rule-picker-list strong{font-weight:400}.report-rule-operator-panel .report-rule-picker-list [aria-selected=true] strong{font-weight:700}.report-rule-operator-panel .report-rule-picker-list small{display:block;font-size:13px;color:var(--tx3);white-space:normal;line-height:1.45;margin-top:2px}.report-rule-operator-panel .report-operator-separated{border-top:1px solid var(--bd1);margin-top:10px;padding-top:14px;border-radius:0 0 9px 9px}.report-rule-no-value{display:flex;align-items:center;min-height:48px;color:var(--tx3);font-size:13px;min-width:0}.report-rule-range{display:flex;align-items:center;gap:7px;min-width:0}.report-rule-range label{min-width:0;flex:1}.report-rule-range input{width:100%;min-width:0;padding-inline:10px}.report-rule-range>span{font-size:12px;color:var(--tx3);flex-shrink:0}
@media(max-width:640px){.report-filter-modal .report-rule-row>.report-rule-operator{grid-column:1;grid-row:2}.report-filter-modal .report-rule-row>.report-rule-range,.report-filter-modal .report-rule-row>.report-rule-no-value,.report-filter-modal .report-rule-row>.report-rule-status-value{grid-column:2;grid-row:2}.report-rule-operator-trigger{font-size:13px;min-height:44px}.report-rule-range{gap:3px}.report-rule-range input{padding-inline:5px}.report-rule-range>span:last-child{display:none}}
/* Searchable multi-value picker: pinned choices, matching text and source-row counts. */
.report-rule-values-panel{padding:10px 10px 0;display:none}.report-rule-values-panel:popover-open{display:flex;flex-direction:column;overflow:hidden}.report-rule-values-panel .report-rule-picker-search{position:static;flex-shrink:0;margin-bottom:8px}.report-rule-values-panel .report-rule-value-list{overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;padding:0 0 6px}.report-rule-value-list section>label{display:flex;align-items:center;gap:11px;min-height:44px;padding:9px 10px;border-radius:9px;cursor:pointer}.report-rule-value-list section>label:hover{background:var(--bg2)}.report-rule-value-list section>label>span{flex:1;min-width:0;overflow-wrap:anywhere}.report-rule-value-list section>label>small{flex-shrink:0;font-size:13px;color:var(--tx3)}.report-rule-value-list input[type=checkbox]{width:21px;height:21px;border-radius:6px;accent-color:var(--blue)}.report-rule-value-list mark{color:var(--blue-tx);font-weight:700;background:transparent}.report-rule-values-panel footer{position:static;flex-shrink:0;border-top:0;margin:0;padding:10px 8px 12px;font-size:14px;align-items:center}.report-rule-values-panel footer .btn-link{font:700 14px var(--font-sans);padding:3px 0;text-align:left}.report-rule-values-panel footer [data-clear-values]{color:var(--tx3);margin-left:auto}.report-rule-values-panel footer button:disabled{opacity:.45;cursor:default}.report-rule-values-panel [data-value-count]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.report-rule-value-list input[type=checkbox]{appearance:none;display:grid;place-content:center;background:var(--bg1);border:1px solid var(--tx3);border-radius:5px;margin:0}.report-rule-value-list input[type=checkbox]:checked{background:var(--blue);border-color:var(--blue)}.report-rule-value-list input[type=checkbox]:checked:after{content:'✓';font:700 16px/1 var(--font-sans);color:#fff}
.report-filter-modal:has(.report-rule-target-values){max-width:980px!important}.report-rule-target-values .report-rule-value-count{background:var(--purple-bg);color:var(--purple-tx)}.report-rule-target-values .report-rule-value-trigger:focus-visible,.report-rule-target-values .report-rule-value-trigger[aria-expanded=true]{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-bg)}
.report-rule-target-panel .report-rule-picker-search:focus-within{border-color:var(--purple)}.report-rule-target-panel .report-rule-value-list input[type=checkbox]:checked{background:var(--purple);border-color:var(--purple)}.report-rule-target-panel .report-rule-value-list mark{color:var(--purple-tx)}.report-rule-target-panel .report-rule-value-list .report-target-option{min-height:62px;padding:10px;gap:12px}.report-rule-target-panel .report-target-option-copy{display:flex;flex-direction:column;gap:2px;overflow:hidden}.report-target-option-copy strong,.report-rule-target-panel .report-target-option-copy small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.report-target-option-copy strong{font-size:15px;font-weight:600}.report-rule-target-panel .report-target-option-copy small{font-size:13px;font-weight:400;line-height:1.4}.report-rule-target-panel .report-rule-value-list h5{margin:12px 10px 5px}
.report-target-unnamed{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:10px;border:0;border-radius:9px;background:transparent;color:var(--tx1);font:inherit;text-align:left;cursor:pointer}.report-target-unnamed:hover{background:var(--bg2)}.report-target-unnamed>span{flex:1;min-width:0}.report-target-unnamed strong{display:block;font-size:15px;font-weight:600}.report-rule-target-panel .report-target-unnamed>span>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-target-unnamed svg{width:14px;height:14px;flex-shrink:0;color:var(--tx3)}.report-target-unnamed[aria-expanded=true] svg{transform:rotate(180deg)}.report-target-unnamed-list{margin-left:20px;border-left:1px solid var(--bd1);padding-left:8px}.report-rule-target-panel footer .btn-link{color:var(--purple-tx)}
@media(forced-colors:active){.report-rule-value-list input[type=checkbox]{appearance:auto}.report-rule-value-list input[type=checkbox]:checked:after{content:none}}
/* Saved row-filter library, scoped save form and management. */
.report-presets-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.report-presets-heading .report-rule-heading{margin:0}.report-presets-heading .btn-link{font-size:12px}.report-preset-chips{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 18px}.report-preset-chips button{border:1px solid var(--bd1);background:var(--bg1);border-radius:99px;padding:7px 11px;color:var(--tx2);font:400 12px var(--font-sans);cursor:pointer}.report-preset-chips button.is-active{border-color:var(--blue);color:var(--blue-tx);background:var(--blue-bg)}.report-preset-chips button:disabled{opacity:.5;cursor:default}.report-preset-changed{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:9px 12px;background:#fbf3df;color:#795b23;border-radius:9px;font-size:12px;margin:0 0 15px}.report-preset-changed>span:last-child{display:flex;gap:12px}.report-preset-changed .btn-link{color:inherit;font-size:12px}.report-preset-modal{max-width:650px!important;border-radius:22px}.report-preset-modal .hc-modal-icon{display:none}.report-preset-modal .hc-modal-head{padding:24px 26px}.report-preset-modal .hc-modal-body{padding:22px 26px}.report-preset-modal .hc-modal-head h3{font-size:25px}.report-preset-modal .hc-modal-foot{padding:18px 26px;background:var(--bg2)}.report-preset-name{display:block;color:var(--tx1);font-size:14px;font-weight:700}.report-preset-name input{display:block;width:100%;margin:8px 0 16px;font-weight:400}.report-preset-preview{padding:14px;border:1px solid var(--bd1);border-radius:12px;margin-bottom:20px;font-size:13px;line-height:1.6}.report-preset-preview>small{display:block;color:var(--tx3);margin-bottom:7px}.report-preset-scope{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--bd1);border-radius:12px;padding:4px;background:var(--bg2);margin:10px 0 20px}.report-preset-scope label{display:flex;gap:7px;align-items:center;padding:10px;border-radius:9px;font-size:12px;cursor:pointer}.report-preset-scope label:has(:checked){background:var(--bg1);box-shadow:0 1px 4px #15102715;font-weight:700}.report-preset-scope input{accent-color:var(--blue)}.report-preset-check{display:flex;gap:10px;margin:16px 0;font-size:14px;align-items:flex-start}.report-preset-check input{width:17px;height:17px;flex-shrink:0;margin:2px 0 0;accent-color:var(--blue)}.report-preset-check small{display:block;font-size:12px;color:var(--tx3);line-height:1.5;margin-top:4px}.report-preset-search{display:flex;align-items:center;border:1px solid var(--bd1);border-radius:11px;padding:0 12px}.report-preset-search svg{width:17px;height:17px;color:var(--tx3)}.report-preset-search input{border:0;box-shadow:none;width:100%}.report-preset-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.report-preset-tabs button{border:1px solid var(--bd1);border-radius:99px;background:var(--bg1);color:var(--tx2);padding:7px 12px;font:400 13px var(--font-sans);cursor:pointer}.report-preset-tabs [aria-selected=true]{background:var(--blue-bg);border-color:var(--blue);color:var(--blue-tx);font-weight:700}.report-preset-card{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--bd1);border-radius:12px;margin:8px 0;background:var(--bg1)}.report-preset-card.is-active{background:var(--blue-bg)}.report-preset-card>div{flex:1;min-width:0}.report-preset-title{padding:0;border:0;background:transparent;text-align:left;color:var(--tx1);font:700 14px/1.4 var(--font-sans);cursor:pointer;overflow-wrap:anywhere}.report-preset-title:disabled{color:var(--tx3);cursor:default}.report-preset-tag{font-size:10px;color:var(--blue-tx);background:var(--blue-bg);border-radius:6px;padding:2px 5px;margin-left:6px;display:inline-block}.report-preset-card p{font-size:11px;color:var(--tx3);margin:5px 0}.report-preset-card-summary{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.report-preset-card-summary>small{color:var(--tx3)}.report-preset-menu{position:relative;flex-shrink:0}.report-preset-menu>summary{cursor:pointer;padding:0 5px;font-size:21px;list-style:none}.report-preset-menu>div{position:absolute;right:0;top:27px;z-index:5;min-width:150px;border:1px solid var(--bd1);border-radius:10px;background:var(--bg1);box-shadow:0 10px 25px #17132b26;padding:5px}.report-preset-menu button{display:block;border:0;background:transparent;text-align:left;padding:9px;border-radius:7px;width:100%;font:400 13px var(--font-sans);color:var(--tx1);cursor:pointer}.report-preset-menu button:hover{background:var(--bg2)}.report-preset-menu .is-danger{color:var(--red-tx)}.report-preset-modal button:focus-visible,.report-preset-chips button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:640px){.report-preset-modal .hc-modal-head,.report-preset-modal .hc-modal-body,.report-preset-modal .hc-modal-foot{padding:18px 16px}.report-preset-scope{grid-template-columns:1fr}.report-preset-modal .hc-modal-foot{flex-wrap:wrap;gap:8px}.report-preset-modal #modal-note{flex-basis:100%}.report-preset-modal .hc-modal-head h3{font-size:23px}}
/* Conditions remain outside the horizontal scroll area, directly above the report. */
.report-filter-card{border:1px solid var(--bd1);border-radius:16px;background:var(--bg1);overflow:clip;margin-bottom:16px;min-width:0}.report-filter-card>.table-tools{border:0;border-radius:0;border-bottom:1px solid var(--bd1)}.report-filter-card>.table-wrap{border:0;border-radius:0;margin:0}.report-applied-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--bg2);padding:13px 20px;border-bottom:1px solid var(--bd1);font-size:13px;min-width:0}.report-applied-filters[hidden],.report-filter-surface-note[hidden]{display:none!important}.report-filter-status{display:flex;align-items:center;flex-wrap:wrap;gap:3px;color:var(--tx3);margin-right:4px}.report-filter-status strong{color:var(--tx1);font-weight:700}.report-filter-chips{display:contents}.report-filter-chip{display:inline-flex;align-items:center;max-width:100%;min-width:0;border-radius:99px}.report-filter-chip>button{border:0;background:transparent;font:400 13px/1.5 var(--font-sans);padding:7px 11px;text-align:left;cursor:pointer;min-width:0;overflow-wrap:anywhere}.report-filter-chip>button:first-child{max-width:650px}.report-filter-join{border-radius:99px;padding:2px 9px;background:var(--blue-bg);color:var(--blue-tx);font-size:12px;font-weight:700}.report-filter-join.is-or{background:#fbf3df;color:#8a691f}.report-filter-bar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.report-applied-filters .btn-link{font:700 13px var(--font-sans);white-space:nowrap}.report-filter-preset{min-width:0;max-width:100%}.report-filter-preset-trigger{display:flex;align-items:center;gap:7px;border:1px solid transparent;background:var(--blue-bg);color:var(--blue-tx);font:700 13px/1.5 var(--font-sans);border-radius:99px;padding:8px 12px;cursor:pointer;max-width:100%;overflow-wrap:anywhere;text-align:left}.report-filter-preset-trigger svg{width:14px;height:14px;flex-shrink:0}.report-inline-presets>h5{color:var(--tx3);font-size:12px;margin:4px 10px 10px;text-transform:uppercase}.report-filter-surface-note{padding:13px 20px;background:var(--bg2);color:var(--tx3);font-size:12px;line-height:1.6;border-top:1px solid var(--bd1)}.report-filtered-column>button{color:var(--blue-tx)!important}.report-filter-dot{display:inline-block;font-size:15px;margin-left:5px;color:var(--blue-tx)}.report-total-period{white-space:normal;color:var(--blue-tx)}.report-rule-focused{outline:2px solid var(--blue);outline-offset:6px;border-radius:8px}.report-applied-filters button:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.report-applied-filters button:disabled{opacity:.5;cursor:wait}
@media(max-width:768px){.report-applied-filters{padding:12px;gap:8px}.report-filter-status{flex-basis:100%}.report-filter-chip>button{font-size:12px}.report-filter-bar-actions{margin-left:0;width:100%;justify-content:flex-end}.report-filter-surface-note{padding:12px;font-size:12px}.report-filter-chip>button:first-child{max-width:calc(100vw - 100px)}}
/* Hour bands: compact captions, consistently colored in report rows and highlights. */
.hourly-identity{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.hourly-identity .hourly-range{font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:700;white-space:nowrap;color:var(--tx1)}.hourly-identity .hourly-caption{font-family:var(--font-sans);font-size:12px;line-height:17px;font-weight:600;letter-spacing:0;color:var(--hour-caption,var(--tx3));white-space:normal;overflow-wrap:anywhere;margin:0}.hourly-identity.is-inline{display:inline-flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;column-gap:8px;row-gap:2px;max-width:100%}.ui-highlight.hourly-highlight strong{white-space:normal;overflow:visible;line-height:1.4}.ui-highlight.hourly-highlight .hourly-range{font:inherit;color:inherit;letter-spacing:inherit}.ui-highlight.hourly-highlight .hourly-caption{font:600 12px/17px var(--font-sans);letter-spacing:0;color:var(--hour-caption,var(--tx3))}.hourly-caption[data-hour-band="0-6"]{--hour-caption:#475467}.hourly-caption[data-hour-band="6-8"]{--hour-caption:#b02f67}.hourly-caption[data-hour-band="8-12"]{--hour-caption:#007b94}.hourly-caption[data-hour-band="12-14"]{--hour-caption:#9a6500}.hourly-caption[data-hour-band="14-17"]{--hour-caption:#bc510b}.hourly-caption[data-hour-band="17-19"]{--hour-caption:#a63279}.hourly-caption[data-hour-band="19-22"]{--hour-caption:#703ac4}.hourly-caption[data-hour-band="22-24"]{--hour-caption:#3c50a2}html[data-theme="dark"] .hourly-caption[data-hour-band="0-6"]{--hour-caption:#bbc5d6}html[data-theme="dark"] .hourly-caption[data-hour-band="6-8"]{--hour-caption:#e4a8c0}html[data-theme="dark"] .hourly-caption[data-hour-band="8-12"]{--hour-caption:#8dc9d8}html[data-theme="dark"] .hourly-caption[data-hour-band="12-14"]{--hour-caption:#ddc286}html[data-theme="dark"] .hourly-caption[data-hour-band="14-17"]{--hour-caption:#e7af88}html[data-theme="dark"] .hourly-caption[data-hour-band="17-19"]{--hour-caption:#dfadcd}html[data-theme="dark"] .hourly-caption[data-hour-band="19-22"]{--hour-caption:#c8b0ed}html[data-theme="dark"] .hourly-caption[data-hour-band="22-24"]{--hour-caption:#b4c0eb}.table-wrap th .report-column-action{font:600 12px var(--font-sans);color:var(--blue-tx);padding:3px 0 3px 8px;white-space:nowrap;vertical-align:baseline}

/* Shared highlight customization: metric first, explicit ranking, real-data previews. */
.hc-modal.highlight-custom-modal{max-width:1000px!important}
.highlight-custom-modal .hc-modal-icon{display:none}
.highlight-custom-modal .hc-modal-head{padding:30px 32px;align-items:flex-start}
.highlight-custom-modal .hc-modal-desc{max-width:none;font-size:15px;line-height:1.6}
.highlight-custom-modal .hc-modal-body{padding:24px 32px 22px}
.highlight-custom-modal .hc-modal-foot{padding:22px 32px;gap:12px}
.highlight-custom-modal #modal-note{display:none}
.highlight-custom-modal .highlight-reset{margin-right:auto;color:var(--tx3);font:600 14px var(--font-sans);padding-left:0}
.highlight-editor-columns{display:grid;grid-template-columns:32px minmax(0,1.3fr) minmax(0,1fr) 24px;gap:14px;padding:0 18px 14px;color:var(--tx3);font-size:14px;font-weight:600}
.highlight-editor-columns>span:first-child{grid-column:2}
.highlight-custom-modal .highlight-editor-row{grid-template-columns:32px minmax(0,1.3fr) minmax(0,1fr) 24px!important;gap:12px 14px!important;padding:18px!important;border-radius:18px!important;margin-bottom:16px;background:var(--bg1)}
.highlight-custom-modal .highlight-order{grid-column:1;grid-row:1/3;align-self:start;padding-top:9px;gap:6px}
.highlight-custom-modal .highlight-index{width:26px;height:28px;border-radius:7px;background:var(--bg3);color:var(--tx3);font:700 13px var(--font-sans)}
.highlight-custom-modal .highlight-drag-handle{font-size:22px;line-height:1;min-width:30px;min-height:30px;cursor:grab;touch-action:none;color:var(--tx3);border-radius:6px;padding:2px}
.highlight-custom-modal .highlight-drag-handle:active{cursor:grabbing}
.highlight-custom-modal .report-rule-remove{padding:4px;width:24px;height:32px;min-height:0;color:var(--tx3);border:0;background:transparent}
.highlight-picker-control{min-width:0}
.highlight-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;border-radius:14px;text-align:left;padding:12px 16px;font:400 16px/1.4 var(--font-sans);background:var(--bg1);color:var(--tx1);cursor:pointer}
.highlight-picker-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.highlight-picker-trigger svg{width:16px;height:16px;flex-shrink:0;color:var(--tx3)}
.highlight-picker-trigger[aria-expanded=true]{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}
.highlight-card-preview{grid-column:2/4;display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap;min-width:0;padding:12px 14px;border-radius:10px;background:var(--bg2);font:400 14px/1.6 var(--font-sans);color:var(--tx3)}
.highlight-card-preview>small{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.035em;color:var(--tx3);white-space:nowrap;margin-right:4px}
.highlight-card-preview em{font-style:normal;font-weight:700;color:var(--blue-tx)}
.highlight-card-preview.tone-green em{color:var(--green-tx)}
.highlight-card-preview.tone-red em{color:var(--red-tx)}
.highlight-card-preview.tone-gray em{color:var(--tx3)}
.highlight-preview-name{font-weight:700;color:var(--tx1);overflow-wrap:anywhere}
.highlight-preview-name .hourly-range{font-size:16px}
.highlight-preview-value{font-weight:700;color:var(--tx1)}
.highlight-preview-detail{margin-left:-6px}
.highlight-empty{padding:28px 16px;text-align:center;color:var(--tx3)}
.highlight-add-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px dashed var(--bd1);padding:14px 16px;border-radius:16px;font-size:13px;color:var(--tx3)}
.highlight-add-bar .btn-link{font-weight:700;font-size:14px;white-space:nowrap}
.highlight-suggestion{border:1px solid var(--bd1);border-radius:99px;background:var(--bg1);color:var(--tx2);font:400 13px/1.4 var(--font-sans);padding:8px 12px;cursor:pointer}
.highlight-suggestion:hover{color:var(--blue-tx);border-color:var(--blue)}
.highlight-card-count{margin-left:auto;white-space:nowrap}
.highlight-apply-all{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--tx3);margin-top:16px}
.highlight-custom-modal input[type=checkbox]{accent-color:var(--blue)}
.highlight-custom-modal button:disabled{opacity:.45;cursor:default}
.highlight-custom-modal .is-drop-target{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}
.highlight-picker-panel{position:fixed;inset:auto;margin:0;padding:10px;box-sizing:border-box;border:1px solid var(--bd1);border-radius:18px;background:var(--bg1);color:var(--tx1);box-shadow:0 14px 42px #17132b26;font:400 15px/1.5 var(--font-sans);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.highlight-picker-panel::backdrop{background:transparent}
.highlight-picker-panel [hidden]{display:none!important}
.highlight-picker-panel h5{font:700 12px/1.5 var(--font-sans);text-transform:uppercase;letter-spacing:.025em;color:var(--tx3);margin:16px 10px 5px}
.highlight-picker-search{display:flex;align-items:center;gap:10px;border:1px solid var(--bd1);border-radius:12px;padding:10px 12px;margin:0 0 12px;position:sticky;top:0;background:var(--bg1);z-index:1}
.highlight-picker-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-bg)}
.highlight-picker-search svg{width:18px;height:18px;flex-shrink:0;color:var(--tx3)}
.highlight-picker-search input{border:0;background:transparent;outline:0;min-width:0;width:100%;font:inherit;color:var(--tx1)}
.highlight-picker-list button{display:flex;align-items:center;gap:12px;justify-content:space-between;width:100%;border:0;background:transparent;border-radius:11px;padding:11px 12px;text-align:left;color:var(--tx1);font:inherit;cursor:pointer}
.highlight-picker-list button:hover{background:var(--bg2)}
.highlight-picker-list button[aria-selected=true]{background:var(--blue-bg);color:var(--blue-tx);font-weight:700}
.highlight-picker-list button>span:first-child{min-width:0;overflow-wrap:anywhere}
.highlight-picker-list button>small{color:var(--tx3);font-size:12px;white-space:nowrap;flex-shrink:0}
.highlight-picker-list .highlight-used{border-radius:99px;background:var(--bg3);padding:1px 8px;font-size:11px}
.highlight-picker-panel footer{position:sticky;bottom:-10px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg1);padding:12px 8px 2px;margin-top:12px;color:var(--tx3);font-size:12px;border-top:1px solid var(--bd1)}
.highlight-picker-panel footer>span:last-child{white-space:nowrap}
.highlight-picker-empty{padding:18px 10px;text-align:center;color:var(--tx3)}
.highlight-mode-panel h5{margin:6px 8px 4px}
.highlight-mode-panel .highlight-picker-list button{align-items:flex-start;margin-top:2px}
.highlight-mode-description>span{display:block}
.highlight-mode-description small,.highlight-mode-result small{display:block;color:var(--tx3);font-size:12px;font-weight:400;line-height:1.5;margin-top:2px}
.highlight-mode-result{max-width:46%;flex-shrink:0;text-align:right;font-size:14px}
.highlight-mode-result b{font-weight:700;overflow-wrap:anywhere}
.highlight-mode-result .hourly-range{font-size:14px}
.highlight-mode-result .hourly-caption{font-size:11px}
.highlight-mode-badge{display:inline-block;margin-left:5px;padding:1px 6px;border-radius:5px;vertical-align:middle;font-size:10px;line-height:1.4;text-transform:uppercase;white-space:nowrap}
.highlight-mode-badge.is-good{background:var(--green-bg);color:var(--green-tx)}
.highlight-mode-badge.is-care{background:var(--red-bg);color:var(--red-tx)}
.highlight-mode-panel .highlight-picker-list button:nth-child(3){border-top:1px solid var(--bd1);border-radius:0;margin-top:10px;padding-top:16px}
.highlight-excluded{margin:12px 8px 4px;color:var(--tx3);font-size:12px}
.highlight-picker-panel button:focus-visible,.highlight-custom-modal button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:640px){
 .highlight-custom-modal .hc-modal-head{padding:22px 18px}
 .highlight-custom-modal .hc-modal-desc{font-size:13px}
 .highlight-custom-modal .hc-modal-body{padding:18px 14px}
 .highlight-custom-modal .hc-modal-foot{padding:16px;gap:8px;flex-wrap:wrap}
 .highlight-custom-modal .highlight-reset{font-size:12px}
 .highlight-editor-columns{display:none}
 .highlight-custom-modal .highlight-editor-row{grid-template-columns:26px minmax(0,1fr) 22px!important;padding:12px!important;gap:10px!important}
 .highlight-custom-modal .highlight-order{grid-row:1/4;padding-top:9px}
 .highlight-custom-modal .highlight-picker-control{grid-column:2}
 .highlight-custom-modal .report-rule-remove{grid-column:3;grid-row:1}
 .highlight-picker-trigger{font-size:14px;min-height:46px;padding:10px 12px}
 .highlight-card-preview{grid-column:2/-1;padding:10px;font-size:12px;gap:4px 7px}
 .highlight-preview-name .hourly-range{font-size:14px}
 .highlight-card-preview>small{width:100%;font-size:10px}
 .highlight-add-bar{padding:10px;gap:7px}
 .highlight-add-bar>span:not(.highlight-card-count){display:none}
 .highlight-suggestion{font-size:12px;padding:7px 9px}
 .highlight-apply-all{font-size:11px;align-items:flex-start}
 .highlight-picker-panel{font-size:14px;border-radius:14px}
 .highlight-picker-list button{padding:10px 8px;gap:8px}
 .highlight-picker-list button>small{font-size:10px}
 .highlight-mode-result{max-width:44%;font-size:12px}
 .highlight-mode-badge{font-size:9px;margin-left:0}
}
.highlight-custom-modal .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ui-highlight[data-highlight-tone=green]>small{color:var(--green-tx)}
.ui-highlight[data-highlight-tone=red]>small{color:var(--red-tx)}
.ui-highlight[data-highlight-tone=gray]>small{color:var(--tx3)}

/* Donut shares: bounded legend, full denominator, totals in the center. */
.ui-chart-card.donut-chart-card{container-type:inline-size;--donut-other:#b9bfcd;--donut-unallocated:#e4e5ef;padding:24px 26px 0;overflow:hidden}
.donut-chart-card>.section-toolbar{align-items:flex-start;flex-wrap:nowrap;gap:16px;margin-bottom:20px}
.donut-chart-card>.section-toolbar>div{flex:1;min-width:0}
.donut-chart-card>.section-toolbar>.ui-chart-menu{flex-shrink:0}
.donut-chart-card h3{font-size:20px;line-height:1.5;overflow-wrap:anywhere}
.donut-card-meta{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin-top:9px;font-size:15px;color:var(--tx3)}
.donut-card-period{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--bd1);border-radius:10px;background:var(--bg1);padding:7px 11px;color:var(--tx2);font-size:13px;white-space:nowrap}
.donut-card-period svg{width:17px;height:17px;color:var(--tx3)}
.share-chart{--donut-other:#b9bfcd;--donut-unallocated:#e4e5ef;min-width:0}
.share-chart-layout{display:grid;grid-template-columns:minmax(175px,.9fr) minmax(0,1.8fr);align-items:center;gap:24px}
.donut-visual{position:relative;max-width:340px;min-width:0;width:100%;margin:auto}
.donut-visual>svg{display:block;width:100%;height:auto}
.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:30%;text-align:center;pointer-events:none}
.donut-center>span{font:400 12px/1.4 var(--font-sans);color:var(--tx3);white-space:nowrap}
.donut-center>strong{font:600 30px/1.2 var(--font-display);color:var(--tx1);white-space:nowrap;letter-spacing:-.5px;max-width:none}
.donut-center>small{font:400 12px/1.4 var(--font-sans);color:var(--tx3);white-space:nowrap}
.donut-legend-wrap{min-width:0;overflow-x:auto}
.donut-legend{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;border:0;font:400 14px/1.5 var(--font-sans)}
.donut-legend th:first-child{width:51%;text-align:left}
.donut-legend th:nth-child(2){width:19%;text-align:right}
.donut-legend th:nth-child(3){width:30%;text-align:right}
.donut-legend th{position:static!important;background:var(--bg1);text-transform:uppercase;font:700 12px/1.5 var(--font-sans);letter-spacing:.025em;color:var(--tx3);padding:0 0 12px 12px;border:0;border-bottom:1px solid var(--bd1);white-space:normal}
.donut-legend td{padding:17px 0 17px 12px;border:0;border-bottom:1px solid var(--bd1);background:var(--bg1);vertical-align:middle;color:var(--tx2);font-size:15px;line-height:1.5}
.donut-legend td.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.donut-legend td.num b{font-weight:700;color:var(--tx1)}
.donut-legend tr:last-child td{border-bottom:0}
.donut-legend-name{display:flex;align-items:center;gap:12px;min-width:0;color:var(--tx1)}
.donut-legend-name>i{width:12px;height:12px;flex-shrink:0;border-radius:4px;background:var(--slice-color)}
.donut-legend-name>span{min-width:0;overflow-wrap:anywhere}
.donut-legend-name small{display:block;color:var(--tx3);font:400 12px/1.5 var(--font-sans);margin-top:4px}
.donut-legend-other .donut-legend-name,.donut-legend-unallocated .donut-legend-name{color:var(--tx3)}
.donut-legend-other .donut-legend-name>i{background:var(--donut-other)}
.donut-legend-unallocated .donut-legend-name>i{background:var(--donut-unallocated)}
.donut-warning{padding:13px 16px;border-radius:10px;background:var(--amber-bg);color:var(--amber-tx);font:400 13px/1.6 var(--font-sans);margin:18px 0 0}
.donut-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 18px;border-top:1px solid var(--bd1);padding:18px 0;margin-top:20px;font:400 14px/1.5 var(--font-sans);color:var(--tx3)}
.donut-summary b{font-weight:400}
.donut-summary>.btn-link{padding:0;font:700 14px/1.5 var(--font-sans);display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.donut-summary>.btn-link span{font-size:19px}
.donut-chart-card .ui-chart-body{min-height:0}
.donut-chart-card .share-chart>.donut-summary{margin-left:-26px;margin-right:-26px;padding-left:26px;padding-right:26px}
.donut-details-search{display:flex;align-items:center;gap:10px;border:1px solid var(--bd1);border-radius:11px;padding:10px 12px;margin-bottom:16px}
.donut-details-search:focus-within{border-color:var(--blue)}
.donut-details-search svg{width:18px;height:18px;color:var(--tx3)}
.donut-details-search input{border:0;outline:0;min-width:0;width:100%;font:400 15px var(--font-sans);color:var(--tx1);background:transparent}
.donut-details-table{max-height:55dvh;overflow:auto;border:1px solid var(--bd1);border-radius:12px}
.donut-details-table table{width:100%;min-width:0;font-size:14px;border-collapse:collapse}
.donut-details-table th,.donut-details-table td{padding:12px 14px;border-bottom:1px solid var(--bd1);background:var(--bg1);color:var(--tx1)}
.donut-details-table th{position:sticky;top:0;background:var(--bg2);font-size:12px;color:var(--tx3);text-align:left}
.donut-details-table td:first-child{overflow-wrap:anywhere}
.donut-details-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.donut-details [hidden]{display:none!important}
.donut-details-empty{padding:20px;text-align:center;color:var(--tx3)}
.donut-details>[data-donut-count]{margin:12px 0 0;font-size:12px}
html[data-theme=dark] .share-chart{--donut-other:#68718e;--donut-unallocated:#4b5267}
@container(max-width:620px){
 .share-chart-layout{grid-template-columns:minmax(0,1fr);gap:20px}
 .donut-visual{max-width:245px}
 .donut-legend th:first-child{width:50%}
 .donut-legend th:nth-child(2){width:20%}
 .donut-legend td{padding-top:12px;padding-bottom:12px}
}
.chart-editor-preview .share-chart-layout{grid-template-columns:minmax(0,1fr);gap:16px}
.chart-editor-preview .donut-visual{max-width:210px}
.chart-editor-preview .donut-center>strong{font-size:22px}
.chart-editor-preview .donut-legend th{font-size:10px}
.chart-editor-preview .donut-legend td{font-size:11px;padding-top:10px;padding-bottom:10px}
.chart-editor-preview .donut-legend-name{gap:6px}
.chart-editor-preview .donut-legend-name small{font-size:10px}
.chart-editor-preview .donut-summary{font-size:11px}
@media(max-width:640px){
 .ui-chart-card.donut-chart-card{padding:18px 16px 0}
 .donut-chart-card h3{font-size:17px}
 .share-chart-layout{grid-template-columns:minmax(0,1fr);gap:18px}
 .donut-visual{max-width:235px}
 .donut-card-meta{font-size:12px}
 .donut-card-period{font-size:12px;padding:6px 8px}
 .donut-legend th{font-size:10px;padding-left:6px}
 .donut-legend td{font-size:11px;padding-left:6px}
 .donut-legend-name{gap:7px}
 .donut-legend-name small{font-size:10px}
 .donut-legend-name>i{width:10px;height:10px;border-radius:3px}
 .donut-warning{font-size:12px;padding:12px}
 .donut-summary{font-size:12px}
 .donut-summary>.btn-link{font-size:12px}
 .donut-chart-card .share-chart>.donut-summary{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
 .donut-details-table th,.donut-details-table td{padding:10px 8px;font-size:12px}
}.hourly-compare-card{padding:24px 26px 0;overflow:hidden}.hourly-compare-card>.section-toolbar{align-items:flex-start;flex-wrap:nowrap;gap:16px}.hourly-compare-card h3{font-size:20px}.hourly-compare-card .section-toolbar p{font-size:14px}.hourly-compare{min-width:0}.hourly-compare-legend{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;margin:12px 0 20px;color:var(--tx2);font-size:14px}.hourly-compare-legend>span{display:flex;align-items:center;gap:8px}.hourly-compare-legend i,.hourly-compare-tip i{display:inline-block;width:12px;height:12px;border-radius:4px;flex-shrink:0}.hourly-compare-legend small{font-size:13px;color:var(--tx3)}.hourly-compare-scroll{overflow-x:auto}.hourly-compare-plot{position:relative;min-width:720px}.hourly-compare-plot>svg{display:block;width:100%;height:auto}.hourly-compare-plot svg g:hover .hourly-compare-hit,.hourly-compare-plot svg g:focus .hourly-compare-hit{fill:var(--blue-bg)}.hourly-compare-plot svg g:focus{outline:none}.hourly-compare-tip{position:absolute;z-index:5;pointer-events:none;border:1px solid var(--bd1);border-radius:14px;padding:16px 18px;background:var(--bg1);box-shadow:0 8px 28px #17132b22;color:var(--tx1);font-size:14px;min-width:240px;max-width:320px}.hourly-compare-tip[hidden]{display:none!important}.hourly-compare-tip>strong{display:block;margin-bottom:8px}.hourly-compare-tip>span{display:flex;align-items:center;gap:8px;margin:4px 0}.hourly-compare-tip b{margin-left:auto}.hourly-compare-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 24px}.hourly-compare-stats>div{border:1px solid var(--bd1);border-radius:13px;padding:16px;min-width:0}.hourly-compare-stats span{display:block;color:var(--tx3);font-size:13px;margin-bottom:6px}.hourly-compare-stats strong{font:600 21px/1.4 var(--font-display);color:var(--tx1);overflow-wrap:anywhere}.hourly-compare-note{border-top:1px solid var(--bd1);padding:18px 0;color:var(--tx3);font-size:13px;line-height:1.6;margin:0}.hourly-compare-card .hourly-compare-note{margin-left:-26px;margin-right:-26px;padding-left:26px;padding-right:26px}html[data-theme=dark] .hourly-compare-plot svg text{fill:var(--tx2)}html[data-theme=dark] .hourly-compare-plot svg .hourly-compare-rate{fill:var(--green-tx)}html[data-theme=dark] .hourly-compare-plot svg line{stroke:var(--bd1)}
@media(max-width:700px){.hourly-compare-card{padding:18px 16px 0}.hourly-compare-card h3{font-size:17px}.hourly-compare-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hourly-compare-stats>div{padding:12px}.hourly-compare-stats strong{font-size:17px}.hourly-compare-card .hourly-compare-note{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.hourly-compare-legend{font-size:12px;gap:8px 16px}}

/* More saturated report accents; thresholds and text-only metric styles stay unchanged. */
.table-wrap:has(.report-grid),.ui-highlights,.highlight-card-preview{--green:#087a48;--green-tx:#087a48;--green-bg:#cef2df;--red:#b93224;--red-tx:#b93224;--red-bg:#ffded5;--amber:#8a5700;--amber-tx:#8a5700;--amber-bg:#ffe9a8}
.table-wrap .report-group-header th[data-group="1"]{color:#236fbd;border-top-color:#236fbd}
.table-wrap .report-group-header th[data-group="2"]{color:#087f5b;border-top-color:#087f5b}
html[data-theme="dark"] .table-wrap:has(.report-grid),html[data-theme="dark"] .ui-highlights,html[data-theme="dark"] .highlight-card-preview{--green:#64e5a9;--green-tx:#64e5a9;--green-bg:#12432e;--red:#ff9b86;--red-tx:#ff9b86;--red-bg:#55251f;--amber:#ffd065;--amber-tx:#ffd065;--amber-bg:#4c3713}
html[data-theme="dark"] .table-wrap .report-group-header th[data-group="1"]{color:#80bcff;border-top-color:#529ae9}
html[data-theme="dark"] .table-wrap .report-group-header th[data-group="2"]{color:#64e5b2;border-top-color:#28b987}

/* Post delivery states: off is neutral, review is blue, issues require attention. */
.post-status-cell{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:180px;max-width:310px;white-space:normal;font-family:inherit}
.post-status-trigger{display:flex;flex-direction:column;align-items:flex-start;gap:5px;border:0;padding:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;max-width:100%}
.post-status-cell small{font-size:11px;line-height:1.5;color:var(--tx3);white-space:normal}
.post-status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap;background:#efeff4;color:#727583}
.post-status-pill i{flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}
.post-status-pill.is-running{color:#147348;background:#e1f4e9}
.post-status-pill.is-stopped{color:#737786;background:#eeeff4}
.post-status-pill.is-review{color:#2877aa;background:#e2f1fe}
.post-status-pill.is-rejected{color:#b64c32;background:#fce6df}
.post-status-pill.is-account_blocked{color:#8e6318;background:#fff1cf}
.post-status-pill.is-unlinked{background:transparent;color:var(--tx3);padding:0;font-weight:400}
.post-status-trigger:focus-visible,.post-status-action:focus-visible{outline:2px solid var(--purple,#5745dd);outline-offset:4px;border-radius:8px}
.post-status-action{border:0;padding:0;background:transparent;font:600 11px/1.5 var(--font,inherit);color:var(--purple,#5745dd);cursor:pointer}
.post-status-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid var(--line,#eeedf3);border-bottom:1px solid var(--line,#eeedf3)}
.post-status-tabs strong{font-size:12px;margin-right:8px}
.post-status-tabs button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line,#e9e8ef);border-radius:999px;background:var(--surface,#fff);font:inherit;font-size:12px;color:var(--tx2,#494a57);cursor:pointer}
.post-status-tabs button span{color:var(--tx3,#888b99);font-variant-numeric:tabular-nums}
.post-status-tabs button.is-active{color:#5844ba;background:#eeeafb;border-color:#9485c4}
.post-status-tabs button:focus-visible{outline:2px solid #5745dd;outline-offset:2px}
.post-status-popover{position:fixed;inset:auto;margin:0;padding:16px;border:1px solid var(--line,#e9e8ef);border-radius:16px;background:var(--surface,#fff);color:var(--tx,#20222e);box-shadow:0 12px 36px #19142e26;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;font-family:inherit;font-size:12px}
.post-status-popover::backdrop{background:transparent}
.post-status-popover header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:13px}
.post-status-popover header button{border:0;background:transparent;color:var(--tx3);font-size:22px;cursor:pointer;line-height:1}
.post-status-ad-list{max-height:320px;overflow:auto;overscroll-behavior:contain}
.post-status-ad{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:9px 0}
.post-status-ad+.post-status-ad{border-top:1px solid var(--line,#eeedf3)}
.post-status-ad>div{min-width:0;display:grid;gap:3px;overflow-wrap:anywhere}
.post-status-ad small{color:var(--tx3);line-height:1.5}
.post-status-ad a{font-size:11px;color:var(--purple,#5745dd)}
.post-status-popover footer{display:grid;gap:9px;margin-top:10px;padding-top:12px;border-top:1px solid var(--line,#eeedf3)}
.post-status-popover footer button{text-align:left;font-weight:600}
.post-status-popover footer small{font-size:10px;color:var(--tx3);line-height:1.5}
html[data-theme="dark"] .post-status-popover,html[data-theme="dark"] .post-status-tabs button{background:var(--surface,#222332);color:var(--tx,#e9e9f1)}
html[data-theme="dark"] .post-status-tabs button.is-active{background:#332b59;color:#c8baff;border-color:#8070bc}
html[data-theme="dark"] .post-status-pill.is-running{color:#74dfab;background:#163e2c}
html[data-theme="dark"] .post-status-pill.is-stopped,html[data-theme="dark"] .post-status-pill.is-unknown{color:#b8bdcc;background:#303342}
html[data-theme="dark"] .post-status-pill.is-review{color:#86c8ff;background:#183a55}
html[data-theme="dark"] .post-status-pill.is-rejected{color:#ffac95;background:#502b26}
html[data-theme="dark"] .post-status-pill.is-account_blocked{color:#f7d17b;background:#463819}
@media(max-width:600px){.post-status-tabs{gap:7px;padding:12px}.post-status-tabs strong{flex-basis:100%;margin:0}.post-status-tabs button{font-size:11px;padding:6px 10px}.post-status-cell{min-width:170px}.post-status-ad{gap:8px}.post-status-popover .post-status-pill{font-size:10px}}

/* Post → ads: compact report detail dialog from the approved table reference. */
.post-ad-details-modal{max-width:min(1180px,96vw)!important;width:96vw;height:min(800px,92dvh);max-height:92dvh;border-radius:22px}
.post-ad-details-modal .hc-modal-icon{display:none}
.post-ad-details-modal .hc-modal-head{padding:22px 24px 20px;gap:18px}
.post-ad-details-modal .hc-modal-head h3{font-size:20px;font-weight:700;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;letter-spacing:0}
.post-ad-details-modal .hc-modal-desc{font-size:12px;line-height:1.6;color:var(--tx3);margin-top:4px!important}
.post-ad-details-modal .hc-modal-close{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:10px}
.post-ad-details-modal .hc-modal-close .ui-icon{width:16px;height:16px}
.post-ad-details-modal .hc-modal-body{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;padding:20px 24px;gap:14px}
.post-ad-detail-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;flex-shrink:0}
.post-ad-detail-tabs{padding:3px;gap:2px;background:var(--bg3);border-radius:10px;flex-wrap:wrap;max-width:100%}
.post-ad-detail-tabs button{font-size:11px;min-height:32px;padding:7px 13px;color:var(--tx3);border-radius:8px;white-space:nowrap}
.post-ad-detail-tabs button.is-active{background:var(--bg1);color:var(--tx1);box-shadow:0 1px 5px #17132b09}
.post-ad-detail-tabs b{font-size:11px;color:var(--blue-tx);margin-left:3px}
.post-ad-detail-toolbar .table-search{width:240px;max-width:100%;min-height:38px;border-radius:10px}
.post-ad-detail-toolbar .table-search input{font-size:11px;width:100%;min-width:0}
.post-ad-detail-toolbar .table-search .ui-icon{width:15px;height:15px}
.post-ad-detail-count{font-size:11px;white-space:nowrap}
.post-ad-detail-columns{margin-left:auto;min-height:38px;font-size:11px;border-radius:10px}
.post-ad-details-modal #report-ad-details{display:flex;flex-direction:column;flex:1;min-height:0;gap:12px}
.post-ad-details-modal .post-ad-detail-grid{flex:1;min-height:180px;max-height:none;overflow:auto;border:1px solid var(--bd1);border-radius:14px;--green:#087a48;--green-tx:#087a48;--green-bg:#cef2df;--red:#b93224;--red-tx:#b93224;--red-bg:#ffded5;--amber:#8a5700;--amber-tx:#8a5700;--amber-bg:#ffe9a8}
.post-ad-details-modal .post-ad-detail-grid table{width:max-content;min-width:100%;table-layout:fixed}
.post-ad-details-modal .post-ad-detail-grid th,.post-ad-details-modal .post-ad-detail-grid th.report-pinned-cell{background:var(--bg1);font-size:12px;padding:11px 14px}
.post-ad-details-modal .post-ad-detail-grid td{font-size:13px;line-height:1.5;padding:12px 14px;height:60px;min-height:60px;vertical-align:middle}
.post-ad-details-modal .post-ad-detail-grid tr:nth-child(even)>td,.post-ad-details-modal .post-ad-detail-grid tr:nth-child(even)>td.report-pinned-cell{background:var(--bg-row-alt)}
.post-ad-details-modal .post-ad-detail-grid tr:nth-child(odd)>td.report-pinned-cell{background:var(--bg1)}
.post-ad-detail-name{display:grid;gap:3px;min-width:0}
.post-ad-detail-name>a,.post-ad-detail-name>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:700;color:var(--blue-tx);text-decoration:none;line-height:1.45;overflow-wrap:anywhere}
.post-ad-detail-name>a:hover{text-decoration:underline}
.post-ad-detail-name small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;font-weight:400;line-height:1.4;color:var(--tx3)}
.post-ad-detail-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;line-height:1.4;color:var(--tx3);font-weight:600}
.post-ad-detail-status i{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}
.post-ad-detail-status.is-running{color:var(--green-tx)}
.post-ad-detail-status.is-review{color:#2877aa}
.post-ad-detail-status.is-rejected{color:var(--red-tx)}
.post-ad-detail-status.is-account_blocked{color:var(--amber-tx)}
.post-ad-details-modal .hc-modal-foot{padding:16px 24px;gap:18px}
.post-ad-details-modal .hc-modal-foot .post-ad-detail-note{font-size:11px;line-height:1.6;color:var(--tx3);display:block}
.post-ad-details-modal .hc-modal-foot .btn{min-height:38px;font-size:11px;border-radius:10px;padding:8px 18px}
.post-ad-details-modal .detail-column-editor{margin:0;flex-shrink:0;max-height:32vh;overflow:auto}
.post-ad-details-modal .detail-column-options{max-height:150px}
html[data-theme="dark"] .post-ad-detail-grid{--green:#64e5a9;--green-tx:#64e5a9;--green-bg:#12432e;--red:#ff9b86;--red-tx:#ff9b86;--red-bg:#55251f;--amber:#ffd065;--amber-tx:#ffd065;--amber-bg:#4c3713}
html[data-theme="dark"] .post-ad-detail-status.is-review{color:#86c8ff}
@media(max-width:768px){.post-ad-details-modal{width:calc(100vw - 20px);max-width:calc(100vw - 20px)!important;height:94dvh;max-height:94dvh;border-radius:18px}.post-ad-details-modal .hc-modal-head{padding:18px 16px;gap:10px}.post-ad-details-modal .hc-modal-head h3{font-size:18px}.post-ad-details-modal .hc-modal-desc{font-size:11px}.post-ad-details-modal .hc-modal-body{padding:14px 12px;gap:10px}.post-ad-detail-toolbar{gap:8px}.post-ad-detail-tabs{flex-basis:100%}.post-ad-detail-tabs button{font-size:10px;padding:7px 10px}.post-ad-detail-toolbar .table-search{width:auto;flex:1;min-width:170px}.post-ad-detail-count{font-size:10px}.post-ad-detail-columns{margin-left:0}.post-ad-details-modal .hc-modal-foot{padding:12px 16px;gap:10px}.post-ad-details-modal .hc-modal-foot .post-ad-detail-note{font-size:10px}.post-ad-details-modal .post-ad-detail-grid td{padding:10px 12px}}

/* Heatmap settings: draft dimension chips, grouped metrics and explicit colour mode. */
.heatmap-settings-trigger{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid var(--bd1);border-radius:12px;background:var(--bg1);color:var(--tx2);font:inherit;font-size:12px;cursor:pointer}
.heatmap-settings-trigger strong{font-weight:700;color:var(--tx1)}
.heatmap-settings-trigger .ui-icon{width:14px;height:14px;color:var(--tx3)}
.heatmap-settings-trigger.is-value{background:var(--blue-bg);border-color:color-mix(in srgb,var(--blue) 25%,var(--bd1));color:var(--tx3)}
.heatmap-settings-trigger.is-value strong,.heatmap-settings-trigger.is-value .ui-icon{color:var(--blue-tx)}
.heatmap-settings-trigger[aria-expanded=true] .ui-icon{transform:rotate(180deg)}
.heatmap-settings{position:fixed;inset:auto;margin:0;width:620px;max-width:calc(100vw - 24px);max-height:min(90dvh,940px);padding:0;border:1px solid var(--bd1);border-radius:22px;background:var(--bg1);color:var(--tx1);box-shadow:var(--shadow-popover);font-family:var(--font-sans);overflow:hidden}
.heatmap-settings:popover-open{display:flex;flex-direction:column}
.heatmap-settings::backdrop{background:transparent}
.heatmap-settings header{padding:24px 26px 14px;flex-shrink:0}
.heatmap-settings header h3{font-family:var(--font-display);font-size:19px;font-weight:650;line-height:1.4;margin:0 0 5px}
.heatmap-settings header p{font-size:13px;line-height:1.6;color:var(--tx3);margin:0}
.heatmap-settings-body{padding:12px 26px 20px;overflow:auto;overscroll-behavior:contain;min-height:0}
.heatmap-settings fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}
.heatmap-settings fieldset:last-child{margin-bottom:0}
.heatmap-settings legend{font-size:13px;font-weight:700;line-height:1.5;padding:0;margin-bottom:10px}
.heatmap-dimension-choices{display:flex;flex-wrap:wrap;gap:8px}
.heatmap-dimension-choices button{border:1px solid var(--bd1);background:var(--bg1);color:var(--tx1);padding:8px 16px;border-radius:999px;cursor:pointer;font:inherit;font-size:14px;line-height:1.4}
.heatmap-dimension-choices button[aria-pressed=true]{color:var(--blue-tx);background:var(--blue-bg);border-color:color-mix(in srgb,var(--blue) 18%,var(--bd1));font-weight:700}
.heatmap-dimension-choices button:disabled{color:var(--tx3);opacity:.45;cursor:default}
.heatmap-metric-list{border:1px solid var(--bd1);border-radius:14px;padding:8px;max-height:360px;overflow:auto;overscroll-behavior:contain}
.heatmap-metric-list h4{font:700 12px/1.5 var(--font-sans);color:var(--tx2);margin:6px 10px 4px}
.heatmap-metric-list label{display:flex;align-items:center;gap:10px;margin:0;border-radius:10px;padding:8px 11px;font-size:14px;font-weight:400;cursor:pointer;line-height:1.5}
.heatmap-metric-list label:hover{background:var(--bg2)}
.heatmap-metric-list label.is-selected{background:color-mix(in srgb,var(--blue-bg) 45%,var(--bg1));color:var(--blue-tx);font-weight:700}
.heatmap-metric-list input{appearance:auto;accent-color:var(--blue);width:18px;height:18px;flex-shrink:0;margin:0;cursor:pointer}
.heatmap-metric-list small{margin-left:auto;font-size:11px;color:#a6577c;white-space:nowrap}
.heatmap-color-choices{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px;background:var(--bg3);border-radius:13px}
.heatmap-color-choices button{border:0;border-radius:10px;background:none;color:var(--tx3);font:inherit;font-size:12px;line-height:1.5;padding:11px 8px;cursor:pointer}
.heatmap-color-choices button[aria-pressed=true]{background:var(--bg1);color:var(--tx1);font-weight:700;box-shadow:0 1px 5px #17132b0a}
.heatmap-settings .field-hint{font-size:11px;color:var(--tx3);line-height:1.6;margin:9px 0 0}
.heatmap-settings footer{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:18px 26px;background:var(--bg2);border-top:1px solid var(--bd1)}
.heatmap-settings footer>.btn-link{margin-right:auto;color:var(--blue-tx);font-size:12px;font-weight:700}
.heatmap-settings footer>.btn{font-size:12px;min-height:40px;padding:9px 17px;border-radius:11px}
.heatmap-settings button:focus-visible,.heatmap-settings input:focus-visible,.heatmap-settings-trigger:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.heat-cell.heat-standard-blue{background:var(--info-bg);color:var(--info)}
.heat-cell.heat-standard-purple{background:var(--blue-bg);color:var(--blue-tx)}
.heat-cell.heat-neutral{background:var(--bg2);color:var(--tx1)}
@media(max-width:600px){.heatmap-settings header{padding:20px 18px 12px}.heatmap-settings header h3{font-size:18px}.heatmap-settings header p{font-size:12px}.heatmap-settings-body{padding:10px 18px 18px}.heatmap-settings fieldset{margin-bottom:18px}.heatmap-dimension-choices{gap:7px}.heatmap-dimension-choices button{font-size:12px;padding:7px 11px}.heatmap-settings footer{padding:14px 16px;gap:8px}.heatmap-settings footer>.btn{padding:8px 13px}.heatmap-settings footer>.btn-link{font-size:11px}.heatmap-color-choices button{font-size:11px}.heatmap-settings-trigger{font-size:11px;padding:9px 11px}}
.heatmap-metric-list label:has(input:disabled){color:var(--tx3);opacity:.6;cursor:default}
.heatmap-extra-metrics summary{font-size:12px;color:var(--tx3);padding:8px 11px;cursor:pointer}

/* Product charts: a bounded ranked view; all products remain available in details. */
.compact-product-card{padding:24px 26px 0;display:flex;flex-direction:column;--product-column:#3e8058;--product-other:#9ba1b0;--product-bar:#5448de}
.compact-product-card>.section-toolbar{align-items:flex-start;gap:14px;margin:0 0 22px}
.compact-product-card h3{font-family:var(--font-display);font-size:19px;font-weight:650;line-height:1.5;margin:0;overflow-wrap:anywhere}
.compact-product-card h3 .badge{font-family:var(--font-sans);font-size:11px;vertical-align:middle;white-space:nowrap;margin-left:5px}
.product-chart-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px 13px;margin-top:10px;font-size:13px;color:var(--tx3)}
.product-chart-period{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--bd1);border-radius:9px;white-space:nowrap}
.product-chart-period .ui-icon{width:16px;height:16px}
.compact-product-content{display:flex;flex-direction:column;flex:1;min-width:0}
.compact-product-summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px;margin-bottom:18px}
.compact-product-summary>strong{font-family:var(--font-display);font-size:30px;line-height:1.3;font-weight:700;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.compact-product-summary>span{font-size:13px;color:var(--tx3);overflow-wrap:anywhere}
.compact-product-summary>small{font-size:10px;color:var(--amber-tx);background:var(--amber-bg);padding:3px 7px;border-radius:5px}
.compact-product-plot{min-width:0;overflow:auto;overscroll-behavior-x:contain;margin-bottom:18px}
.compact-product-plot.is-column{padding-top:5px}
.compact-product-plot.is-column>svg{display:block;width:100%;min-width:580px;color:var(--tx1);font-family:var(--font-sans);height:auto}
.product-column-point:focus{outline:none}
.product-column-point:focus rect{stroke:var(--tx1);stroke-width:2}
.compact-product-bars{min-width:560px;display:grid;gap:17px;padding:5px 0 7px}
.compact-product-bar{display:grid;grid-template-columns:minmax(135px,1.1fr) minmax(110px,1.3fr) minmax(100px,.65fr) 55px;gap:15px;align-items:center;font-size:13px;line-height:1.45}
.compact-product-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tx1)}
.compact-product-track{display:block;height:18px}
.compact-product-track i{display:block;height:100%;background:var(--product-bar);border-radius:0 5px 5px 0}
.compact-product-bar>b{text-align:right;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.compact-product-share{text-align:right;color:var(--tx3);font-variant-numeric:tabular-nums}
.compact-product-bar.is-other{border-top:1px solid var(--bd1);padding-top:15px;color:var(--tx3);margin-top:2px}
.compact-product-bar.is-other .compact-product-label,.compact-product-bar.is-unallocated .compact-product-label{color:var(--tx3)}
.compact-product-bar.is-other .compact-product-track i,.compact-product-bar.is-unallocated .compact-product-track i{background:var(--product-other)}
.compact-product-bar.is-other>b,.compact-product-bar.is-unallocated>b{font-weight:400;color:var(--tx3)}
.compact-product-warning{font-size:11px;line-height:1.6;color:var(--amber-tx);background:var(--amber-bg);padding:9px 12px;border-radius:10px;margin:0 0 12px}
.compact-product-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -26px;padding:18px 26px;border-top:1px solid var(--bd1);font-size:12px;color:var(--tx3);margin-top:auto;line-height:1.6}
.compact-product-footer>span{overflow-wrap:anywhere}
.compact-product-footer .btn-link{font-size:12px;font-weight:700;color:var(--blue-tx);white-space:nowrap}
html[data-theme="dark"] .compact-product-card{--product-column:#58bc83;--product-other:#8b91a4;--product-bar:#9386ff}
@media(max-width:768px){.compact-product-card{padding:18px 16px 0}.compact-product-card h3{font-size:17px}.compact-product-card>.section-toolbar{margin-bottom:18px}.product-chart-meta{font-size:11px;gap:7px}.compact-product-summary>strong{font-size:25px}.compact-product-summary>span{font-size:11px}.compact-product-bar{font-size:12px;gap:12px}.compact-product-footer{margin-left:-16px;margin-right:-16px;padding:15px 16px;font-size:11px;flex-wrap:wrap}.compact-product-footer .btn-link{font-size:11px}.compact-product-bars{gap:14px}.compact-product-plot{margin-bottom:14px}}
.ui-charts>.compact-product-card{align-self:start}
.compact-product-content{--product-column:#3e8058;--product-other:#9ba1b0;--product-bar:#5448de}
html[data-theme="dark"] .compact-product-content{--product-column:#58bc83;--product-other:#8b91a4;--product-bar:#9386ff}
#chart-preview .compact-product-footer{margin-left:0;margin-right:0;padding:14px 0}
.compact-product-scroll-hint{display:none;margin:-5px 0 13px;font-size:10px;color:var(--tx3)}
@media(max-width:768px){.compact-product-scroll-hint{display:block}}
/* Chart editor: grouped dimensions and explicit display choices. */
.chart-editor-refresh{max-width:1180px!important;width:calc(100vw - 48px);height:min(940px,calc(100dvh - 48px));max-height:calc(100dvh - 48px)!important}
.chart-editor-refresh .hc-modal-icon{display:none}
.chart-editor-refresh .hc-modal-head{padding:24px 28px}
.chart-editor-refresh .hc-modal-head h3{font-size:24px;line-height:1.35}
.chart-editor-refresh .hc-modal-desc{font-size:14px}
.chart-editor-refresh .hc-modal-body{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:0;flex:1}
.chart-editor-refresh .chart-editor-layout{grid-template-columns:minmax(300px,.37fr) minmax(0,.63fr);min-height:0;flex:1}
.chart-editor-refresh .chart-editor-controls{padding:24px;overflow:auto;min-width:0}
.chart-editor-refresh .chart-editor-preview{padding:24px;background:var(--bg2);overflow:auto;min-width:0}
.chart-editor-refresh .form-group{margin-bottom:18px;min-width:0}
.chart-editor-refresh label,.chart-editor-refresh legend{font-size:14px}
.chart-editor-refresh .fi{width:100%;min-height:44px;border-radius:12px;padding:11px 14px;font-size:14px;color:var(--tx1);background:var(--bg1);border:1px solid var(--bd1)}
.chart-editor-refresh .chart-series-fields{margin-bottom:18px}
.chart-editor-refresh .chart-series-fields legend{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px}
.chart-editor-refresh .chart-series-fields legend small{font-size:12px;font-weight:400;color:var(--tx3);margin:0}
.chart-editor-series-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.chart-editor-refresh .chart-series-tags{display:contents}
.chart-editor-refresh .chart-series-tags>span{display:inline-flex;align-items:center;gap:7px;background:color-mix(in srgb,var(--chart-metric-color) 12%,var(--bg1));color:var(--chart-metric-color);border:0;border-radius:999px;padding:7px 10px;font-size:12px;margin:0}
.chart-editor-refresh .chart-series-tags>span i{background:var(--chart-metric-color)!important;width:8px;height:8px;border-radius:50%}
.chart-editor-refresh .chart-series-tags button{color:inherit;border:0;background:none;font-size:16px;line-height:1;cursor:pointer;padding:0}
.chart-editor-refresh .chart-metric-picker{position:relative}
.chart-editor-refresh .chart-metric-picker summary{list-style:none;border:1px dashed var(--bd1);border-radius:999px;cursor:pointer;padding:7px 10px;font-size:12px;white-space:nowrap}
.chart-editor-refresh .chart-metric-picker summary::-webkit-details-marker{display:none}
.chart-editor-refresh .chart-metric-options{width:min(340px,calc(100vw - 60px));z-index:20;left:0;right:auto;box-shadow:var(--shadow-popover);border-radius:14px}
.chart-editor-refresh .chart-series-choices{max-height:220px}
.chart-editor-refresh .chart-series-choices label{font-size:13px}
.chart-editor-refresh .chart-dimension-trigger{display:flex;gap:8px;align-items:center;cursor:pointer;text-align:left}
.chart-dimension-trigger>span{flex:0 1 auto;min-width:0}
.chart-dimension-trigger small{color:var(--tx3);font-size:12px;font-weight:400;margin-right:auto}
.chart-dimension-trigger .ui-icon{width:16px;height:16px;flex:0 0 16px;margin-left:auto}
.chart-dimension-trigger[aria-expanded=true]{border-color:var(--blue);box-shadow:0 0 0 3px #5448de14}
.chart-editor-refresh .chart-rank-fields{display:block;margin:0}
.chart-editor-refresh .chart-rank-fields[hidden],.chart-editor-refresh [hidden]{display:none!important}
.chart-editor-top,.chart-editor-sort{padding:0;border:0;margin:0 0 18px;min-width:0}
.chart-editor-top legend,.chart-editor-sort legend{font-weight:700;margin-bottom:10px}
.chart-editor-segments{display:flex;align-items:stretch;flex-wrap:wrap;padding:4px;gap:4px;background:var(--bg3);border-radius:12px}
.chart-editor-segments label{flex:1 1 auto;position:relative;cursor:pointer;min-width:0;text-align:center}
.chart-editor-segments input{position:absolute;opacity:0;width:1px;height:1px}
.chart-editor-segments label>span{display:block;font-size:12px;line-height:1.4;padding:8px 7px;border-radius:9px;color:var(--tx2);white-space:nowrap}
.chart-editor-segments input:checked+span{background:var(--bg1);color:var(--tx1);font-weight:700;box-shadow:0 1px 5px #20223805}
.chart-editor-segments input:focus-visible+span{outline:2px solid var(--blue);outline-offset:1px}
.chart-editor-refresh .check-line{display:flex;align-items:center;gap:8px;font-size:13px}
.chart-editor-refresh .check-line input{width:18px;height:18px;accent-color:var(--blue)}
.chart-editor-refresh .chart-editor-other{margin:-7px 0 18px}
.chart-editor-refresh .chart-editor-other:has(input:disabled){color:var(--tx3)}
.chart-editor-refresh .field-hint{margin:8px 0 0;font-size:11px;line-height:1.5;color:var(--tx3)}
.chart-spend-input{position:relative}
.chart-spend-input .fi{padding-right:34px}
.chart-spend-input>span{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--tx3)}
.chart-editor-refresh .chart-type-fields{margin:0 0 14px}
.chart-editor-refresh .chart-type-choices{gap:8px}
.chart-editor-refresh .chart-type-choices span{font-size:11px;gap:8px;padding:12px 3px}
.chart-editor-refresh .chart-type-choices svg{width:22px;height:22px}
.chart-editor-refresh .chart-type-choices input:checked+span{border-color:var(--blue);color:var(--blue-tx)}
.chart-editor-advanced{border-top:1px solid var(--bd1);padding-top:12px;font-size:12px}
.chart-editor-advanced>summary{color:var(--tx2);cursor:pointer;margin-bottom:12px}
.chart-editor-refresh .chart-editor-preview>h3{font-size:12px;font-weight:400;color:var(--tx3);letter-spacing:.5px}
.chart-editor-refresh .ui-chart-preview{padding:18px;background:var(--bg1);border:1px solid var(--bd1);border-radius:18px}
.chart-editor-refresh #chart-preview-title{display:block;font-size:15px;margin:0 0 12px}
.chart-preview-meta{color:var(--tx3);font-size:12px;line-height:1.6;margin:0 0 18px}
.chart-editor-refresh .compact-product-summary{padding:0;gap:10px;margin-bottom:10px;align-items:baseline}
.chart-editor-refresh .compact-product-summary>strong{font-size:26px}
.chart-editor-refresh .compact-product-summary>span{font-size:12px}
.chart-editor-refresh .compact-product-footer{padding:12px 0 0;border:0;font-size:12px}
.chart-editor-refresh .compact-product-footer span{font-size:12px}
.chart-editor-refresh .compact-product-plot{padding:0}
.chart-editor-refresh .chart-editor-preview>.subtle{font-size:12px;line-height:1.6;margin-top:14px}
.chart-editor-refresh .hc-modal-foot{padding:20px 28px}
.chart-editor-refresh .hc-modal-foot .btn{min-height:44px;border-radius:12px;font-size:14px}
.chart-editor-refresh #modal-note:empty,.chart-editor-refresh #modal-error:empty{display:none}
.chart-editor-refresh #modal-error:not(:empty){margin:0;padding:12px 24px;border-top:1px solid var(--bd1);flex-shrink:0}
.chart-dimension-menu[popover]{position:fixed;inset:auto;margin:0;box-sizing:border-box;max-width:calc(100vw - 24px);overflow:auto;padding:8px 6px;border:1px solid var(--bd1);border-radius:15px;background:var(--bg1);color:var(--tx1);box-shadow:var(--shadow-popover)}
.chart-dimension-menu h4{font:400 11px/1.5 var(--font-body,Lato,sans-serif);text-transform:uppercase;letter-spacing:.4px;color:var(--tx3);margin:10px 10px 6px}
.chart-dimension-menu button{display:flex;align-items:center;gap:10px;padding:10px;border:0;border-radius:9px;background:none;width:100%;text-align:left;cursor:pointer;color:var(--tx1);font:400 13px/1.4 var(--font-body,Lato,sans-serif)}
.chart-dimension-menu button>span{flex:1}
.chart-dimension-menu button small{font-size:12px;color:var(--tx3)}
.chart-dimension-menu button .ui-icon{width:16px;height:16px;flex:0 0 16px}
.chart-dimension-menu button[aria-pressed=true]{background:var(--blue-bg);color:var(--blue-tx);font-weight:700}
.chart-dimension-menu button:disabled{opacity:.45;cursor:default}
.chart-dimension-menu button:hover:not(:disabled){background:var(--bg2)}
.chart-dimension-menu button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
@media(max-width:760px){.chart-editor-refresh{width:calc(100vw - 20px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)!important}.chart-editor-refresh .hc-modal-head{padding:18px}.chart-editor-refresh .hc-modal-head h3{font-size:22px}.chart-editor-refresh .chart-editor-layout{grid-template-columns:1fr;overflow:auto;display:block}.chart-editor-refresh .chart-editor-controls,.chart-editor-refresh .chart-editor-preview{overflow:visible;padding:18px}.chart-editor-refresh .chart-editor-controls{border-right:0;border-bottom:1px solid var(--bd1)}.chart-editor-refresh .chart-editor-preview{min-height:320px}.chart-editor-refresh .hc-modal-foot{padding:14px 18px}.chart-editor-refresh .compact-product-summary>strong{font-size:23px}.chart-editor-refresh .fi{font-size:16px}.chart-editor-refresh .chart-editor-segments label>span{font-size:11px;padding:8px 5px}}
.chart-editor-refresh .form-group{margin-bottom:16px}
.chart-editor-refresh .chart-type-choices span{padding:10px 3px;gap:6px}
.chart-editor-refresh .compact-product-plot svg text{font-size:16px}
.chart-editor-refresh .compact-product-plot .product-column-point>text:first-of-type{font-size:18px}
.chart-editor-refresh .compact-product-plot .product-column-point>text:last-of-type{font-size:15px}
.chart-editor-refresh .hc-modal-foot .btn{min-width:80px}
.chart-editor-refresh #modal-save{min-width:124px}

/* Ineffective-region count matches the active report and saved region conditions. */
.region-mode-switch>button{display:inline-flex;align-items:center;gap:8px}
.segmented.region-mode-switch .region-ineffective-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;box-sizing:border-box;padding:0 6px;border-radius:999px;background:var(--red-bg,#fae9e5);color:var(--red-tx,#b64c36);font:700 12px/1 var(--font-body,Lato,sans-serif);font-variant-numeric:tabular-nums;flex:0 0 auto}

/* Audience chart configuration: independent location, gender and targeting charts. */
.audience-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.audience-chart-card{min-width:0}.audience-chart-card h3{font:600 15px/1.4 var(--font-display,Lexend,sans-serif);margin:0 0 8px}.audience-chart-card>.subtle{font-size:12px;line-height:1.6;margin:0 0 16px}.audience-chart-plot{max-height:420px;overflow:auto}.audience-chart-plot>svg{display:block;width:100%;height:auto;min-height:180px}.audience-chart-note{font-size:11px;color:var(--tx2);margin:14px 0 0}
.audience-horizontal-bars{display:grid;gap:12px}.audience-bar-row{display:grid;grid-template-columns:minmax(80px,1fr) minmax(32px,1fr) auto;gap:10px;align-items:center;font-size:12px}.audience-bar-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audience-bar-row>i{height:9px;background:var(--bg3);border-radius:3px;overflow:hidden}.audience-bar-row b{height:100%;display:block;background:var(--blue);border-radius:3px}.audience-bar-row strong{font-size:12px;font-variant-numeric:tabular-nums}
.audience-donut{width:154px;height:154px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;position:relative}.audience-donut:before{content:'';position:absolute;inset:32px;border-radius:50%;background:var(--bg1)}.audience-donut>span{position:relative;font:600 17px/1.3 var(--font-display,Lexend,sans-serif)}.audience-donut-legend{padding:0;margin:0;list-style:none;display:grid;gap:7px}.audience-donut-legend li{display:flex;gap:8px;align-items:center;font-size:12px}.audience-donut-legend i{width:10px;height:10px;border-radius:3px;flex-shrink:0}.audience-donut-legend li>span{min-width:0;flex:1;overflow-wrap:anywhere}.audience-donut-legend strong{font-variant-numeric:tabular-nums}
.audience-chart-settings[popover]{position:fixed;inset:auto;margin:0;padding:0;box-sizing:border-box;width:640px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:hidden;border:1px solid var(--bd1);border-radius:24px;background:var(--bg1);color:var(--tx1);box-shadow:var(--shadow-popover);font:400 15px/1.5 var(--font-body,Lato,sans-serif)}
.audience-chart-settings form{display:flex;flex-direction:column;max-height:calc(100dvh - 24px)}.audience-chart-settings header{padding:24px 26px 12px;flex-shrink:0}.audience-chart-settings h3{font:600 20px/1.4 var(--font-display,Lexend,sans-serif);margin:0 0 4px}.audience-chart-settings header p{margin:0;color:var(--tx2);font-size:14px}.audience-chart-settings-body{overflow:auto;overscroll-behavior:contain;min-height:0;padding:12px 26px 20px;display:grid;gap:22px}
.audience-chart-settings fieldset{border:0;padding:0;margin:0;min-width:0}.audience-chart-settings legend{font-size:14px;font-weight:700;padding:0;margin:0 0 10px}.audience-chart-settings .choice-switch{display:flex;gap:4px;background:var(--bg3);border-radius:13px;padding:4px;min-height:48px}.audience-chart-settings .choice-switch>button,.audience-chart-settings .choice-switch>label{flex:1;min-width:0;border:0;background:none;border-radius:10px;padding:9px 8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--tx2);font:400 14px/1.4 var(--font-body,Lato,sans-serif);text-align:center;position:relative}
.audience-chart-settings .choice-switch>button[aria-pressed=true],.audience-chart-settings .choice-switch>label:has(input:checked){background:var(--bg1);box-shadow:0 1px 4px #00000008;color:var(--tx1);font-weight:700}.audience-chart-settings .choice-switch input{position:absolute;opacity:0;width:1px;height:1px}.audience-chart-settings .choice-switch label:has(input:disabled){opacity:.45;cursor:default}.audience-chart-settings .choice-switch label:focus-within{outline:2px solid var(--blue)}
.audience-chart-metrics{border:1px solid var(--bd1);border-radius:16px;padding:6px;display:grid;gap:2px;max-height:340px;overflow:auto}.audience-chart-metrics>label{display:flex;align-items:center;gap:12px;min-height:42px;padding:8px 12px;border-radius:10px;cursor:pointer}.audience-chart-metrics>label.is-selected{background:var(--blue-bg);color:var(--blue-tx);font-weight:700}.audience-chart-metrics input,.audience-chart-settings footer input{accent-color:var(--blue);width:18px;height:18px;flex-shrink:0}.audience-chart-metrics small{margin-left:auto;font-size:11px;color:#ae608b}.audience-chart-metrics>label:has(input:disabled){opacity:.4;cursor:default}
.audience-chart-setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:14px}.audience-chart-setting-row .choice-switch{flex:0 1 330px}.audience-chart-setting-row select{width:130px;text-align:center}.audience-chart-money{width:160px;position:relative;flex-shrink:0}.audience-chart-money .fi{width:100%;text-align:right;padding-right:44px}.audience-chart-money>span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--tx2);pointer-events:none}.audience-chart-settings-body>.form-error:empty{display:none}
.audience-chart-settings footer{display:flex;align-items:center;gap:14px;padding:18px 26px;border-top:1px solid var(--bd1);background:var(--bg2);flex-shrink:0}.audience-chart-settings footer>label{display:flex;align-items:center;gap:9px;margin-right:auto;font-size:14px}.audience-chart-settings footer>.btn-link{color:var(--blue-tx);font-size:14px}.audience-chart-settings button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:1100px){.audience-chart-grid{grid-template-columns:1fr}.audience-chart-card{max-width:none}}
@media(max-width:600px){.audience-chart-settings[popover]{border-radius:18px}.audience-chart-settings header{padding:18px 16px 8px}.audience-chart-settings h3{font-size:18px}.audience-chart-settings header p{font-size:12px}.audience-chart-settings-body{padding:10px 16px 16px;gap:18px}.audience-chart-settings .choice-switch>label,.audience-chart-settings .choice-switch>button{font-size:12px;padding:8px 5px}.audience-chart-settings footer{padding:14px 16px;gap:8px;flex-wrap:wrap}.audience-chart-settings footer>label{font-size:12px}.audience-chart-setting-row{gap:8px;font-size:12px}.audience-chart-setting-row .choice-switch{flex-basis:210px}.audience-chart-money{width:130px}.audience-chart-metrics>label{font-size:14px}}

/* Audience summary cards: compact, labelled rankings and gender spend share. */
.audience-rich-card{padding:18px 16px;display:flex;flex-direction:column;min-height:320px}
.audience-rich-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px}.audience-rich-card>header h3{font:600 14px/1.45 var(--font-display,Lexend,sans-serif);margin:0}.audience-rich-card>header .btn-link{padding:0;font-size:10px;white-space:nowrap;color:var(--blue-tx)}
.audience-rich-card>.subtle{font-size:11px;margin:0 0 12px;line-height:1.5}.audience-card-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.audience-card-metric{width:140px;text-overflow:ellipsis;min-height:30px;max-width:100%;border:1px solid var(--bd1);border-radius:8px;background:var(--bg1);color:var(--tx1);padding:5px 24px 5px 8px;font:600 11px/1.4 var(--font-body,Lato,sans-serif);cursor:pointer}
.audience-target-switch{display:inline-flex;padding:3px;border-radius:8px;min-width:0}.audience-target-switch>button{font-size:10px;padding:5px 8px;white-space:nowrap}.audience-chart-section>[data-audience-chart-error]:empty{display:none}
.audience-rich-bars{display:grid;gap:12px;padding:2px 0 12px}.audience-rich-row{font-size:11px;line-height:1.4;display:grid;grid-template-columns:minmax(75px,.7fr) minmax(36px,1fr) auto;align-items:center;gap:10px;min-height:30px}.audience-rich-name{min-width:0}.audience-rich-name>span{font-size:11px;display:inline;overflow-wrap:anywhere}.audience-rich-name>p{font-size:10px;color:var(--tx2);line-height:1.4;margin:3px 0 0}.audience-rich-name>.audience-best-badge{display:inline-flex;vertical-align:middle;width:auto;font-size:9px;color:var(--green-tx);background:var(--green-bg);border-radius:5px;padding:2px 4px;margin:0 0 0 5px;line-height:1.25;white-space:nowrap}
.audience-rich-rail{height:8px;background:var(--bg2);border-radius:3px;overflow:hidden}.audience-rich-rail>i{display:block;height:100%;background:var(--blue);border-radius:3px}.audience-rich-row>strong{font-size:11px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.audience-rich-row>strong.is-unknown{color:var(--tx3);font-weight:400}
.audience-gender-share{display:flex;width:100%;height:12px;border-radius:3px;background:var(--bg2);overflow:hidden;gap:1px;margin:0 0 7px}.audience-gender-share>span{display:block;min-width:0}.audience-gender-legend{display:flex;gap:8px;flex-wrap:wrap;font-size:10px;color:var(--tx2);margin-bottom:14px}.audience-gender-legend>span{display:flex;align-items:center;gap:4px}.audience-gender-legend i{width:7px;height:7px;border-radius:2px}
.audience-rich-card .audience-chart-note{font-size:10px;line-height:1.6;padding-top:12px;border-top:1px solid var(--bd1);margin:12px 0 0}.audience-rich-card .audience-chart-plot{flex:1;min-height:0;max-height:350px}.audience-rich-card .audience-chart-plot>.empty-state{padding:18px 0;font-size:12px}.audience-chart-grid:has(.audience-rich-card){align-items:stretch}
@media(max-width:1100px) and (min-width:850px){.audience-chart-grid:has(.audience-rich-card){grid-template-columns:repeat(3,minmax(0,1fr))}.audience-rich-card{padding:14px 12px}.audience-rich-row{grid-template-columns:minmax(65px,.65fr) minmax(20px,.7fr) auto;gap:6px}.audience-card-metric{font-size:10px}.audience-target-switch>button{font-size:9px;padding:5px}}
@media(max-width:600px){.audience-rich-card{min-height:0}.audience-rich-card>header h3{font-size:15px}.audience-rich-card>header .btn-link{font-size:12px}.audience-card-metric{font-size:12px;min-height:34px}.audience-rich-row{grid-template-columns:minmax(90px,.8fr) minmax(40px,1fr) auto}.audience-rich-name>span,.audience-rich-row>strong{font-size:12px}.audience-rich-name>p{font-size:11px}.audience-rich-card .audience-chart-note{font-size:11px}}

/* Reports: compact two-level headings, shared across report dimensions. */
.table-wrap .report-grid>thead>tr:not(.report-group-header)>th{background:var(--bg-row-alt);font:700 12px/1.35 var(--font-sans);padding:10px 12px;height:42px;box-sizing:border-box;vertical-align:middle;text-transform:none;letter-spacing:0}
.table-wrap .report-grid>thead th>button{display:inline-flex;align-items:center;gap:4px;min-height:0;padding:0;max-width:100%;font:inherit;text-align:inherit;white-space:normal;line-height:1.35}
.table-wrap .report-grid .report-column-label{display:block;min-width:0}.table-wrap .report-grid .report-sort-indicator{flex-shrink:0;color:var(--blue-tx)}
.table-wrap .report-grid .metric-header-source{font:400 10px/1.3 var(--font-sans);color:var(--tx3);white-space:nowrap;margin-top:2px}
.table-wrap .report-grid .report-group-header th{position:static;left:auto;z-index:auto;width:auto;min-width:0;max-width:none;height:24px;padding:4px 12px;font:700 10px/14px var(--font-sans);letter-spacing:.35px;text-transform:uppercase;text-align:left;background:var(--bg1);border-bottom:0;border-top-width:2px;box-shadow:none;box-sizing:border-box;white-space:nowrap}
.table-wrap .report-grid .report-group-header th::before{display:none}.table-wrap .report-grid .report-group-header th:empty{border-top-color:transparent}
.table-wrap .report-grid>tbody>tr>td,.table-wrap .report-grid>tfoot>tr>td{padding:10px 12px;font:400 13px/1.45 var(--font-sans);vertical-align:middle}
.table-wrap .report-grid>tfoot>tr>td{font-weight:700}.table-wrap .report-grid .num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.table-wrap .report-grid>tbody>tr>td.num{min-width:84px}
.table-wrap .report-grid [data-column-key="spend"] .metric-value{font-weight:700}.table-wrap .report-grid .metric-value.metric-green,.table-wrap .report-grid .metric-value.metric-red,.table-wrap .report-grid .metric-value.metric-amber{padding:2px 7px}
.table-wrap .report-grid .post-meta-line,.table-wrap .report-grid .cell-sub{font-size:11px;line-height:16px;margin-top:2px}.table-wrap .report-grid .post-thumbnail{width:34px;height:34px;flex-basis:34px;border-radius:7px}
.table-wrap .report-grid .post-identity .report-post-summary{font-size:13px;line-height:18px;max-height:36px}.table-wrap .report-grid .post-status-cell{min-width:130px}.table-wrap .report-grid .post-status-pill{padding:3px 7px}
.table-wrap .report-grid .report-post-trend{min-width:130px;max-width:180px}.table-wrap .report-grid .report-post-trend svg{height:30px}
.table-wrap .report-grid>thead th>button.report-header-trend{display:inline-flex;align-items:center;gap:6px;font:400 11px/1.3 var(--font-sans);white-space:nowrap;max-width:210px;color:var(--tx2);border:1px solid var(--bd1);border-radius:7px;padding:5px 8px;background:var(--bg1);cursor:pointer}
.report-header-trend>span:first-child{overflow:hidden;text-overflow:ellipsis;min-width:0}.report-header-trend strong{font-weight:700;color:var(--blue-tx)}.report-header-trend[aria-expanded="true"]{border-color:var(--primary-border);background:var(--blue-bg)!important}.report-header-trend:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.report-trend-menu[popover]{position:fixed;inset:auto;margin:0;padding:6px;box-sizing:border-box;width:250px;max-width:calc(100vw - 32px);overflow:auto;border:1px solid var(--bd1);border-radius:12px;background:var(--bg1);color:var(--tx1);box-shadow:var(--shadow-popover);font:400 13px/1.4 var(--font-sans);text-align:left}
.report-trend-menu h5{font:700 10px/1.4 var(--font-sans);text-transform:uppercase;letter-spacing:.4px;color:var(--tx3);margin:5px 9px 6px}
.report-trend-menu button.report-trend-option{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;margin:0;border:0;border-radius:7px;padding:7px 9px;background:transparent;color:var(--tx1);font:400 12px/1.4 var(--font-sans);text-align:left;white-space:normal;cursor:pointer}
.report-trend-menu .report-trend-option[hidden]{display:none}.report-trend-option>span{min-width:0;overflow-wrap:anywhere}.report-trend-option>b{margin-left:auto;color:var(--blue-tx);font-size:13px;flex-shrink:0}.report-trend-menu .report-trend-option[aria-selected="true"]{background:var(--blue-bg);color:var(--blue-tx);font-weight:700}.report-trend-menu .report-trend-option:hover{background:var(--bg2)}.report-trend-menu .report-trend-option:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;background:var(--blue-bg)}
.report-trend-dot{display:inline-block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--tx3)}.report-trend-dot.is-spend{background:var(--blue)}.report-trend-dot.is-message{background:var(--info)}.report-trend-dot.is-revenue{background:var(--green)}
.report-trend-more{border-top:1px solid var(--bd1);margin:6px 3px 0;padding:6px 0 0}.report-trend-more>summary{font:400 11px var(--font-sans);padding:5px 6px;color:var(--tx3);cursor:pointer}.report-trend-more input{box-sizing:border-box;width:100%;padding:7px 9px;margin:5px 0;border:1px solid var(--bd1);border-radius:7px;background:var(--bg1);color:var(--tx1);font:400 12px var(--font-sans)}.report-trend-menu .report-trend-empty{font:400 12px var(--font-sans);color:var(--tx3);padding:8px}.report-trend-empty[hidden]{display:none}
.product-cost-content{--product-cost-column:#5448de}.product-cost-card .compact-product-summary{margin-bottom:20px}.product-cost-card .compact-product-summary>strong{font-size:34px}.product-cost-content .product-cost-average{pointer-events:none}.product-cost-content .compact-product-plot.is-column{padding-top:8px;margin-bottom:20px}.product-cost-content .product-cost-average text{font-family:var(--font-sans);letter-spacing:0}
html[data-theme="dark"] .product-cost-content{--product-cost-column:#a296ff}
@media(max-width:768px){.product-cost-card .compact-product-summary>strong{font-size:27px}.product-cost-card .compact-product-summary>span{font-size:12px}}
.table-wrap-report-page .report-page-source{padding-left:40px;color:var(--tx3);font-size:11px;line-height:16px;font-weight:400}
/* Friendly target and location names. */
.audience-names-section{background:var(--bg1);border:1px solid var(--bd1);border-radius:16px;overflow:hidden;margin-top:16px}.audience-name-summary{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--bd1)}.audience-name-summary{font-size:13px;color:var(--tx3)}.audience-name-summary b{color:var(--tx1)}.audience-name-summary .btn-link{font-size:13px}.audience-names-wrap{border:0;border-radius:0}.audience-names-grid{width:100%;border-collapse:collapse;font-size:13px}.audience-names-grid th{background:var(--bg2);font-size:12px;color:var(--tx2);padding:14px 16px;white-space:nowrap}.audience-names-grid th button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.audience-names-grid td{padding:15px 16px;border-bottom:1px solid var(--bd1)}.audience-names-grid td:first-child{width:39%;min-width:280px}.audience-names-grid tbody tr:nth-child(even){background:var(--bg2)}.audience-names-grid tbody tr:hover{background:var(--purple-bg)}.audience-names-grid tfoot{background:var(--bg2);font-weight:700}.audience-names-section>.report-note{padding:0 18px 12px}.audience-name-copy>div{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.audience-name-copy strong{font-size:13px}.audience-name-copy p{margin:5px 0 0;color:var(--tx3);font-size:11px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:480px}.audience-name-count{font-size:11px;color:var(--purple-tx);background:var(--purple-bg);border-radius:10px;padding:1px 7px;white-space:nowrap}.audience-unnamed{color:var(--amber-tx);background:var(--amber-bg);border-radius:12px;padding:2px 8px;font-size:11px!important;font-weight:500}.audience-name-pencil{display:inline-grid;place-items:center;background:var(--bg1);color:var(--purple-tx);border:1px solid var(--bd1);border-radius:7px;width:27px;height:27px;cursor:pointer}.audience-name-pencil svg{width:14px;height:14px}.audience-name-copy .btn-link{font-size:12px}.audience-name-suggestion{font:inherit;font-size:11px;color:var(--purple-tx);border:0;background:none;padding:4px 0;cursor:pointer}.audience-naming-modal{width:min(100%,1030px)!important;max-width:1030px!important}.audience-naming-modal .hc-modal-icon{display:none}.audience-naming-modal .hc-modal-head{padding:25px 30px}.audience-naming-modal .hc-modal-body{padding:26px 30px}.audience-naming-modal .hc-modal-foot{padding:22px 30px}.audience-naming-modal .hc-modal-note{max-width:650px;line-height:1.6}.audience-naming-source-head,.audience-naming-similar-head{display:flex;gap:10px;align-items:center;margin-bottom:12px;font-size:14px}.audience-naming-source-head>span,.audience-naming-similar-head>span{color:var(--tx3);font-size:13px}.audience-naming-source{border:1px solid var(--bd1);border-radius:14px;background:var(--bg2);padding:16px;margin-bottom:24px;max-height:230px;overflow:auto}.audience-naming-source>div{display:grid;grid-template-columns:155px 1fr;gap:12px;margin-bottom:7px}.audience-naming-source>div:last-child{margin-bottom:0}.audience-naming-source b{font-size:12px;color:var(--tx3);padding-top:5px}.audience-naming-source span{display:flex;gap:7px;flex-wrap:wrap}.audience-naming-source i,.audience-name-ideas button{font-style:normal;font-size:13px;background:var(--bg1);border:1px solid var(--bd1);border-radius:20px;padding:4px 11px}.audience-naming-label{display:block;font-weight:650;font-size:14px;margin-bottom:10px}.audience-naming-modal #audience-friendly-name{height:52px;font-weight:650}.audience-name-ideas{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0 24px;font-size:13px;color:var(--tx3)}.audience-name-ideas button{cursor:pointer;color:var(--tx1)}.audience-naming-threshold{display:flex;align-items:center;gap:12px;font-size:13px;margin-bottom:15px}.audience-naming-threshold label{color:var(--tx3)}.audience-naming-threshold input{accent-color:var(--purple-tx);width:185px;min-height:24px}.audience-naming-threshold>span{margin-left:auto;color:var(--tx3)}.audience-naming-candidates{border:1px solid var(--bd1);border-radius:14px;overflow:hidden;max-height:420px;overflow-y:auto}.audience-naming-candidate{display:flex;gap:16px;align-items:center;min-height:88px;padding:16px;border-bottom:1px solid var(--bd1);cursor:pointer}.audience-naming-candidate:last-child{border-bottom:0}.audience-naming-candidate input{width:20px;height:20px;flex-shrink:0;accent-color:var(--purple-tx)}.audience-naming-candidate-copy{flex:1;min-width:0;font-size:14px}.audience-naming-candidate-copy small{margin-left:7px;color:var(--tx3);font-size:12px}.audience-naming-candidate-copy em{display:block;font-size:11px;color:var(--tx3);margin-top:4px}.audience-naming-diff{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.audience-naming-diff i{font-style:normal;font-size:12px;padding:3px 10px;background:var(--bg2);border-radius:16px}.audience-naming-diff .is-added{background:var(--green-bg);color:var(--green-tx)}.audience-naming-diff .is-removed{background:var(--red-bg);color:var(--red-tx);text-decoration:line-through}.audience-naming-score{width:105px;flex-shrink:0;text-align:right;font-size:14px}.audience-naming-score>i{display:block;height:5px;background:var(--bg3);border-radius:5px;overflow:hidden;margin-top:7px}.audience-naming-score>i>span{display:block;height:100%;background:var(--purple-tx)}.audience-naming-divider{background:var(--bg2);color:var(--tx3);font-size:11px;font-weight:650;padding:10px 16px}.audience-naming-candidate.is-below{background:var(--bg2)}.audience-naming-candidate.is-below .audience-naming-score>i>span{background:var(--tx3)}
@media(max-width:700px){.audience-name-summary{align-items:flex-start;flex-direction:column;gap:10px}.audience-naming-modal .hc-modal-body,.audience-naming-modal .hc-modal-head,.audience-naming-modal .hc-modal-foot{padding:18px}.audience-naming-source>div{grid-template-columns:1fr;gap:5px}.audience-naming-threshold{flex-wrap:wrap}.audience-naming-threshold input{width:140px}.audience-naming-threshold>span{width:100%}.audience-naming-candidate{gap:10px;padding:12px}.audience-naming-score{width:62px}.audience-naming-source-head,.audience-naming-similar-head{flex-wrap:wrap}.audience-naming-candidate-copy small{display:block;margin:4px 0 0}.audience-name-views button{font-size:12px}}

/* Naming actions shared by Target and Location report rows. */
.audience-name-copy .audience-name-create{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:5px 10px;border:1px solid var(--primary-border,var(--bd2));border-radius:7px;background:var(--purple-bg);color:var(--purple-tx);font:650 12px/18px var(--font-sans);white-space:nowrap;cursor:pointer}.audience-name-create svg{width:14px;height:14px;flex-shrink:0}.audience-name-copy .audience-name-create:hover{border-color:var(--purple-tx)}.audience-name-create:focus-visible,.audience-name-pencil:focus-visible{outline:2px solid var(--purple-tx);outline-offset:2px}.audience-name-pencil{opacity:0;transition:opacity .12s}.audience-name-copy:hover .audience-name-pencil,.audience-name-copy:focus-within .audience-name-pencil{opacity:1}.audience-unnamed{font-weight:650}.audience-name-copy p{overflow-wrap:anywhere}
@media(hover:none){.audience-name-pencil{opacity:1}}

.audience-auto-name{display:flex;align-items:flex-start;gap:12px;margin-top:22px;padding:16px;border:1px solid var(--primary-border,var(--bd2));border-radius:12px;background:var(--purple-bg);cursor:pointer}.audience-auto-name>input{width:22px;height:22px;flex:0 0 22px;margin:2px 0 0;accent-color:var(--purple-tx)}.audience-auto-name>span{min-width:0;line-height:1.6}.audience-auto-name strong{display:block;color:var(--tx1);font-size:13px;font-weight:650;overflow-wrap:anywhere}.audience-auto-name b{color:var(--purple-tx);font-weight:700}.audience-auto-name small{display:block;color:var(--tx3);font-size:12px;margin-top:4px}.audience-auto-name:focus-within{outline:2px solid var(--purple-tx);outline-offset:2px}
@media(max-width:700px){.audience-auto-name{padding:12px;gap:10px}.audience-auto-name strong{font-size:12px}.audience-auto-name small{font-size:11px}}
.audience-naming-modal #audience-friendly-name{display:block;width:100%;box-sizing:border-box;font-size:16px}
/* Page avatar management and circular crop editor. */
.page-avatar{display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;flex-shrink:0}.page-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.filter-selected-avatar{width:23px;height:23px;background:var(--purple-bg);color:var(--purple-tx);margin-right:6px;vertical-align:middle}.page-directory-identity{display:flex;align-items:center;gap:12px;min-width:220px}.page-directory-identity>span{display:flex;flex-direction:column;gap:4px;min-width:0}.page-directory-identity b{font-size:13px;color:var(--tx1)}.page-directory-identity small{font-size:11px;color:var(--tx3)}.page-avatar-trigger{position:relative;display:block;flex-shrink:0;width:40px;height:40px;padding:0;border:0;background:none;border-radius:50%;cursor:pointer}.page-directory-avatar{width:40px;height:40px;color:var(--purple-tx);background:var(--purple-bg);font-size:15px;font-weight:700}.page-avatar-camera{display:none;position:absolute;inset:0;background:#252238a6;color:white;border-radius:50%;place-items:center;outline:1px solid var(--purple-tx);outline-offset:2px}.page-avatar-trigger:hover .page-avatar-camera,.page-avatar-trigger:focus-visible .page-avatar-camera{display:grid}.page-avatar-camera svg{width:17px;height:17px}.page-avatar-trigger:focus-visible{outline:2px solid var(--purple-tx);outline-offset:3px}.page-avatar-menu{position:relative}.page-avatar-menu>summary{display:grid;place-items:center;list-style:none;width:30px;height:30px;border:1px solid var(--bd1);border-radius:7px;cursor:pointer;font-weight:700;font-size:18px}.page-avatar-menu>summary::-webkit-details-marker{display:none}.page-avatar-menu[open]>summary{border-color:var(--purple-tx);outline:1px solid var(--purple-tx)}.page-avatar-menu>div{position:absolute;right:0;top:36px;z-index:35;width:215px;padding:5px;background:var(--bg1);border:1px solid var(--bd1);border-radius:12px;box-shadow:var(--shadow-popover)}.page-avatar-menu button{display:flex;align-items:center;gap:9px;border:0;background:none;color:var(--tx2);font:500 12px var(--font-sans);width:100%;padding:10px;border-radius:7px;text-align:left;cursor:pointer}.page-avatar-menu button:hover,.page-avatar-menu button:focus-visible{background:var(--purple-bg);color:var(--purple-tx)}.page-avatar-menu svg{width:15px;height:15px}.page-avatar-modal{max-width:1000px!important;width:calc(100vw - 40px)}.page-avatar-modal .hc-modal-icon{display:none}.page-avatar-modal .hc-modal-head{padding:26px 30px}.page-avatar-modal .hc-modal-body{padding:26px 30px}.page-avatar-modal .hc-modal-foot{padding:22px 30px}.page-avatar-default-note,.page-avatar-connect-note{display:flex;align-items:center;gap:12px;color:var(--tx3);font-size:13px;line-height:1.7;margin-bottom:20px}.page-avatar-default-note>svg{width:30px;height:30px;flex-shrink:0;color:var(--purple-tx);background:var(--purple-bg);padding:6px;border-radius:50%;box-sizing:content-box}.page-avatar-connect-note{margin:20px 0 0;padding:14px;background:var(--bg2);border-radius:12px;align-items:flex-start}.page-avatar-connect-note>svg{width:18px;height:18px;flex-shrink:0;margin-top:3px}.page-avatar-connect-note .btn-link{padding:0;font-size:inherit}.page-avatar-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px}.page-avatar-tabs button{display:flex;justify-content:center;align-items:center;gap:8px}.page-avatar-tabs svg{width:17px;height:17px}.page-avatar-tabs button:disabled{opacity:.5;cursor:not-allowed}.page-avatar-drop{border:2px dashed var(--bd2);border-radius:16px;background:var(--bg2);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:40px 18px;min-height:220px;cursor:pointer;text-align:center}.page-avatar-drop>svg{width:32px;height:32px;box-sizing:content-box;padding:16px;border-radius:50%;background:var(--purple-bg);color:var(--purple-tx)}.page-avatar-drop>b{font-size:16px}.page-avatar-drop b span{color:var(--purple-tx)}.page-avatar-drop small{font-size:12px;color:var(--tx3)}.page-avatar-drop.is-dragging,.page-avatar-drop:focus-visible{border-color:var(--purple-tx);outline:2px solid var(--purple-bg)}.page-avatar-editor{display:grid;grid-template-columns:1fr 1fr;gap:30px}.page-avatar-stage{position:relative;width:100%;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#63546b;touch-action:none;cursor:grab;user-select:none}.page-avatar-stage:active{cursor:grabbing}.page-avatar-stage>img{position:absolute;max-width:none;transform:translate(-50%,-50%);pointer-events:none;user-select:none}.page-avatar-circle{position:absolute;inset:9%;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 500px #17132655;pointer-events:none;background:linear-gradient(to right,transparent 32.9%,#ffffff30 33%,#ffffff30 33.3%,transparent 33.4%,transparent 66.3%,#ffffff30 66.4%,#ffffff30 66.7%,transparent 66.8%),linear-gradient(to bottom,transparent 32.9%,#ffffff30 33%,#ffffff30 33.3%,transparent 33.4%,transparent 66.3%,#ffffff30 66.4%,#ffffff30 66.7%,transparent 66.8%)}.page-avatar-stage-hint{position:absolute;top:12px;left:50%;transform:translateX(-50%);padding:6px 12px;border-radius:20px;background:#222031d9;color:white;font-size:12px;pointer-events:none;white-space:nowrap}.page-avatar-zoom{display:flex;align-items:center;gap:12px;margin:18px 0}.page-avatar-zoom svg{width:18px;height:18px;color:var(--tx3)}.page-avatar-zoom input{flex:1;min-width:0;accent-color:var(--purple-tx)}.page-avatar-file-info{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--tx3);font-size:12px}.page-avatar-file-info>span{overflow-wrap:anywhere}.page-avatar-file-info button{padding:0;font-size:12px}.page-avatar-editor h4{font-size:17px;margin:0 0 8px}.page-avatar-editor aside>p{font-size:13px;color:var(--tx3);margin:0 0 20px}.page-avatar-preview-sizes{display:flex;align-items:flex-end;gap:20px;margin-bottom:30px}.page-avatar-preview-sizes>span{display:flex;align-items:center;flex-direction:column;gap:9px}.page-avatar-preview-sizes img,.page-avatar-report-preview img,.page-avatar-picker-preview img{border-radius:50%;object-fit:cover;background:var(--bg2);flex-shrink:0}.page-avatar-preview-sizes small{color:var(--tx3);font-size:12px}.page-avatar-preview-title{display:block;font-size:11px;color:var(--tx3);margin:20px 0 10px}.page-avatar-report-preview{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--bd1);border-radius:14px}.page-avatar-report-preview>span{display:flex;flex-direction:column;gap:5px}.page-avatar-report-preview b,.page-avatar-picker-preview{font-size:13px}.page-avatar-report-preview small{font-size:11px;color:var(--tx3)}.page-avatar-picker-preview{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--bd1);border-radius:30px}.page-avatar-reset{padding:0;font-size:13px;color:var(--tx3)}.page-avatar-modal [hidden]{display:none!important}
@media(max-width:700px){.page-avatar-editor{grid-template-columns:1fr;gap:20px}.page-avatar-modal .hc-modal-head,.page-avatar-modal .hc-modal-body,.page-avatar-modal .hc-modal-foot{padding:18px}.page-avatar-preview-sizes{margin-bottom:16px}.page-avatar-drop{padding:24px 12px;min-height:210px}.page-avatar-drop>b{font-size:14px}.page-avatar-tabs button{font-size:12px}.page-avatar-modal .hc-modal-note{font-size:12px}}

.page-avatar-menu-trigger{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--bd1);border-radius:7px;background:var(--bg1);color:var(--tx2);cursor:pointer;font-weight:700;font-size:18px}.page-avatar-menu-trigger[aria-expanded=true]{border-color:var(--purple-tx);outline:1px solid var(--purple-tx)}.page-avatar-popover[popover]{position:fixed;inset:auto;margin:0;width:215px;padding:5px;border:1px solid var(--bd1);border-radius:12px;background:var(--bg1);color:var(--tx1);box-shadow:var(--shadow-popover)}.page-avatar-popover>button{display:flex;align-items:center;gap:9px;border:0;background:none;color:var(--tx2);font:500 12px var(--font-sans);width:100%;padding:10px;border-radius:7px;text-align:left;cursor:pointer}.page-avatar-popover>button:hover,.page-avatar-popover>button:focus-visible{background:var(--purple-bg);color:var(--purple-tx)}.page-avatar-popover svg{width:15px;height:15px}

.page-avatar-popover[popover]{box-sizing:border-box;max-width:calc(100vw - 16px)}

.page-avatar-zoom>button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.page-avatar-zoom>button:disabled{opacity:.35;cursor:default}.page-avatar-zoom>button:focus-visible{outline:2px solid var(--purple-tx);outline-offset:2px}

/* Keep all time presets and Apply reachable on short screens. */
.date-popover{max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain}.date-presets button{flex-shrink:0}

/* Audience metric picker: grouped choices and direction hints. */
.audience-card-metric{display:inline-flex;align-items:center;gap:8px;width:auto;min-width:0;max-width:100%;min-height:36px;padding:7px 10px;border:1px solid var(--bd1);border-radius:10px;background:var(--bg1);color:var(--tx1);font:400 12px/1.4 var(--font-body,Lato,sans-serif);text-align:left;cursor:pointer}
.audience-card-metric>span{color:var(--tx2);white-space:nowrap}.audience-card-metric>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.audience-card-metric>.ui-icon{width:14px;height:14px;flex-shrink:0;color:var(--blue-tx);margin-left:2px}.audience-card-metric[aria-expanded=true]{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}.audience-card-metric[aria-expanded=true]>.ui-icon{transform:rotate(180deg)}.audience-card-metric:disabled{opacity:.6;cursor:wait}
.audience-metric-menu[popover]{position:fixed;inset:auto;margin:0;padding:8px;box-sizing:border-box;width:380px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--bd1);border-radius:18px;background:var(--bg1);color:var(--tx1);box-shadow:var(--shadow-popover,0 16px 36px #20213929);font:400 14px/1.45 var(--font-body,Lato,sans-serif)}
.audience-metric-menu h4{margin:10px 12px 5px;font:700 11px/1.5 var(--font-body,Lato,sans-serif);letter-spacing:.05em;text-transform:uppercase;color:var(--tx2)}.audience-metric-menu section+section h4{margin-top:15px}.audience-metric-menu [role=option]{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:12px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.audience-metric-menu [role=option]>span{min-width:0;overflow-wrap:anywhere}.audience-metric-menu [role=option]>small,.audience-metric-menu [role=option]>b{margin-left:auto;flex-shrink:0}.audience-metric-menu [role=option]>small{font-size:12px;font-weight:400}.audience-metric-menu .is-higher{color:var(--green-tx,#498673)}.audience-metric-menu .is-lower{color:#4f7e9e}.audience-metric-menu .is-neutral{color:var(--tx2)}.audience-metric-menu [role=option]:hover{background:var(--bg2)}.audience-metric-menu [role=option][aria-selected=true]{background:var(--blue-bg);color:var(--blue-tx);font-weight:700}.audience-metric-check{font-size:18px;line-height:1}.audience-metric-menu [role=option]:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.audience-card-metric:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:600px){.audience-card-metric{font-size:13px;min-height:38px}.audience-metric-menu[popover]{font-size:14px}.audience-metric-menu [role=option]{gap:8px;padding:10px}.audience-metric-menu [role=option]>small{font-size:11px}}

/* Naming dialogs: show the comparison evidence, with one scroll area. */
.audience-naming-modal .hc-modal-head{padding:22px 26px}.audience-naming-modal .hc-modal-body{padding:22px 26px}.audience-naming-modal .hc-modal-desc{font-size:13px}.audience-naming-modal .hc-modal-foot{padding:18px 26px}.audience-naming-source{max-height:none;overflow:visible;padding:14px 16px;margin-bottom:20px}.audience-naming-source>div{grid-template-columns:130px minmax(0,1fr);gap:12px;margin-bottom:9px}.audience-naming-source i{font-size:12px;padding:3px 9px}.audience-naming-source .is-context i{background:transparent;border-color:transparent;color:var(--tx2);padding-left:0}.audience-naming-source em{font-size:11px;font-style:italic;color:var(--tx3);align-self:center}.audience-naming-modal #audience-friendly-name{height:46px;font-size:14px}.audience-name-ideas{margin:10px 0 22px}.audience-name-ideas button{font-size:12px}.audience-naming-source-head,.audience-naming-similar-head{font-size:13px}.audience-naming-source-head>span,.audience-naming-similar-head>span{font-size:12px}
.audience-naming-policy{padding:12px 14px;border-radius:10px;background:var(--bg2);font-size:11px;line-height:1.7;color:var(--tx2);margin:0 0 14px}.audience-naming-policy p{margin:0 0 7px}.audience-naming-policy p>b,.audience-naming-policy p span>b{color:var(--tx1)}.audience-naming-policy p>span{margin-left:12px}.audience-naming-policy>div{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.audience-naming-policy i{font-style:normal;padding:3px 8px;border-radius:3px}.audience-naming-policy .diff-same{color:var(--green-tx);background:var(--green-bg)}.audience-naming-policy .diff-added,.audience-naming-policy .diff-removed{color:var(--red-tx);background:var(--red-bg)}.audience-naming-policy .diff-removed{text-decoration:line-through}
.audience-naming-candidates{max-height:none;overflow:visible}.audience-naming-candidate{align-items:flex-start;padding:15px 14px;gap:12px}.audience-naming-candidate>input{margin:3px 0 0;width:18px;height:18px}.audience-naming-candidate-copy{font-size:13px;display:block}.audience-naming-candidate-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:10px}.audience-naming-candidate-head>span:first-child{flex:1;min-width:0}.audience-naming-candidate-copy small{font-size:11px}.audience-naming-candidate-copy em{display:inline;margin-left:7px;font-style:normal;font-size:10px}.audience-naming-score{width:92px;font-size:12px}.audience-naming-score>i{height:5px;background:var(--red-bg);margin-top:6px}.audience-naming-score>i>span,.audience-naming-candidate.is-below .audience-naming-score>i>span{background:var(--green-tx)}
.audience-comparison-grid{display:grid;gap:6px}.audience-comparison-row{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;align-items:start}.audience-comparison-row>b{padding-top:5px;font-size:11px;font-weight:500;color:var(--tx2)}.audience-comparison-items{display:flex;flex-wrap:wrap;gap:1px;border-radius:6px;overflow:hidden;min-width:0}.audience-comparison-items>i{flex:1 1 100px;min-width:0;overflow-wrap:anywhere;font:400 11px/1.5 var(--font-body,Lato,sans-serif);padding:5px 8px}.audience-comparison-grid.is-location .audience-comparison-items>i{flex-basis:calc(33.333% - 20px)}.audience-comparison-items .is-same,.audience-naming-diff .is-same{color:var(--green-tx);background:var(--green-bg)}.audience-comparison-items .is-added,.audience-comparison-items .is-removed,.audience-naming-diff .is-added{color:var(--red-tx);background:var(--red-bg)}.audience-comparison-items .is-removed{text-decoration:line-through}.audience-comparison-note{display:block;font-size:10px;line-height:1.6;color:var(--tx2);margin-top:9px}.audience-naming-modal .audience-auto-name{margin-top:18px}.audience-naming-modal .audience-auto-name strong{font-size:12px}.audience-naming-modal .audience-auto-name small{font-size:11px}
@media(max-width:700px){.audience-naming-modal .hc-modal-head,.audience-naming-modal .hc-modal-body,.audience-naming-modal .hc-modal-foot{padding:16px}.audience-naming-source>div{grid-template-columns:1fr;gap:4px}.audience-naming-policy p>span{display:block;margin-left:0}.audience-naming-candidate{gap:8px;padding:12px 10px}.audience-naming-candidate-head{gap:8px}.audience-naming-candidate-copy small,.audience-naming-candidate-copy em{display:block;margin:3px 0 0}.audience-naming-score{width:64px}.audience-comparison-row{grid-template-columns:62px minmax(0,1fr);gap:6px}.audience-comparison-grid.is-location .audience-comparison-items>i{flex-basis:calc(50% - 16px)}.audience-naming-policy{padding:10px}.audience-naming-modal .hc-modal-foot{flex-wrap:wrap}.audience-naming-modal .hc-modal-note{width:100%;font-size:12px}.audience-naming-modal .hc-modal-foot>button:first-of-type{margin-left:auto}}
@media(max-width:420px){.audience-comparison-row{grid-template-columns:1fr;gap:3px}.audience-comparison-grid.is-location .audience-comparison-items>i{flex-basis:100%}}
.audience-naming-source>div>span{min-width:0}.audience-naming-source i{max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}.audience-naming-candidate-head b{overflow-wrap:anywhere}

/* Compact applied-filter strip: bookmark save and outlined clear action. */
.report-applied-filters{padding:10px 16px;gap:8px;font-size:12px}
.report-filter-status>.ui-icon{width:15px;height:15px;flex:none;margin-right:4px;color:var(--purple-tx)}
.report-filter-chip{
  --filter-chip-bg:var(--purple-bg);
  --filter-chip-accent:var(--purple-tx);
  background:var(--filter-chip-bg);
  border:1px solid color-mix(in srgb,var(--filter-chip-accent) 20%,var(--filter-chip-bg));
  transition:border-color .15s,box-shadow .15s;
}
.report-filter-chip.is-or{--filter-chip-bg:var(--amber-bg);--filter-chip-accent:var(--amber-tx)}
.report-filter-chip>button{padding:5px 10px;font-size:12px;color:var(--tx2)}
.report-filter-chip.is-or>button{color:color-mix(in srgb,var(--amber-tx) 65%,var(--tx2))}
.report-filter-chip strong{font-weight:750;color:color-mix(in srgb,var(--filter-chip-accent) 78%,var(--tx1))}
.report-filter-inline-or{font-size:.92em;font-weight:650;color:var(--amber-tx)}
.report-filter-chip:has(.report-filter-chip-edit:not(:disabled):is(:hover,:focus-visible)){
  border-color:var(--filter-chip-accent);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--filter-chip-accent) 22%,transparent);
}
.report-applied-filters .report-filter-chip-edit:focus-visible{outline:none}
.report-filter-join{font-size:10px;padding:2px 7px}
.report-filter-bar-actions{flex:0 0 auto;gap:12px;justify-content:flex-end;margin-left:auto}
.report-filter-bar-actions>.btn-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;box-sizing:border-box;padding:4px 2px;border:1px solid transparent;border-radius:7px;background:transparent;box-shadow:none;font:600 12px/1.5 var(--font-sans);cursor:pointer;text-decoration:none;white-space:nowrap}
.report-filter-bar-actions>.btn-link>.ui-icon{width:14px;height:14px;flex-shrink:0}
.report-filter-bar-actions>.report-filter-save{color:var(--blue-tx)}
.report-filter-bar-actions>.report-filter-save:hover:not(:disabled){background:var(--purple-bg)}
.report-filter-bar-actions>.report-filter-clear{padding:4px 10px;border-color:#dfcabe;background:var(--bg1);color:#95604b}
.report-filter-bar-actions>.report-filter-clear:hover:not(:disabled){border-color:#b58c77;background:#fbf2ed;color:#854b36}
.report-filter-bar-actions>.btn-link:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.report-filter-bar-actions>.btn-link:disabled{opacity:.5;cursor:wait}
html[data-theme=dark] .report-filter-bar-actions>.report-filter-clear{border-color:#765748;color:#e6b8a6}
html[data-theme=dark] .report-filter-bar-actions>.report-filter-clear:hover:not(:disabled){border-color:#a57b67;background:#392e2a;color:#f3cbb9}
@media(max-width:768px){.report-applied-filters{padding:12px;gap:8px}.report-filter-bar-actions{width:100%;margin-left:0;gap:12px}.report-filter-bar-actions>.btn-link{min-height:36px}}


/* Filter on a white toolbar: neutral, hover, applied and open states. */
.table-filter-button,.table-tools .table-filter-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:80px;padding:9px 16px;border:1.5px solid #adafb9;border-radius:11px;background:var(--bg1);color:var(--tx1);box-shadow:0 1px 3px #1b203114;font:700 14px/1.4 var(--font-sans);white-space:nowrap;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s}
.table-filter-button>.ui-icon{width:18px;height:18px;margin:0;color:inherit}.table-filter-button:hover:not(:disabled){border-color:#747886;background:var(--bg2);box-shadow:0 2px 5px #1b20311a}.table-filter-button.is-active,.table-filter-button.is-open{background:var(--purple-bg);border-color:var(--purple-tx);color:var(--purple-tx)}.table-filter-button.is-active:hover:not(:disabled),.table-filter-button.is-open:hover:not(:disabled){background:var(--purple-bg);border-color:var(--purple-tx)}.table-filter-button.is-open{box-shadow:0 0 0 3px var(--purple-bg),0 1px 3px #1b203114}.table-filter-button:focus-visible{outline:2px solid var(--purple-tx);outline-offset:3px}.table-filter-button .filter-count{display:inline-grid;place-items:center;min-width:22px;height:22px;box-sizing:border-box;padding:0 5px;margin:0;border-radius:999px;background:#5448de;color:#fff;font:700 12px/1 var(--font-sans)}.table-filter-button:disabled{opacity:.5;cursor:wait}
html[data-theme=dark] .table-filter-button{border-color:#777e99}html[data-theme=dark] .table-filter-button:hover:not(:disabled){border-color:#a7adc2}html[data-theme=dark] .table-filter-button.is-active,html[data-theme=dark] .table-filter-button.is-open{border-color:var(--purple-tx)}

/* Personal report table themes: palette button, picker and local editor. */
.report-theme-trigger.btn{display:inline-grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border:1.5px solid var(--bd2);border-radius:11px;background:var(--bg1);color:var(--purple-tx)}.report-theme-trigger.btn .ui-icon{width:19px;height:19px;margin:0}.report-theme-trigger:hover,.report-theme-trigger[aria-expanded=true]{background:var(--purple-bg);border-color:var(--purple-tx)}.report-theme-trigger[aria-expanded=true]{box-shadow:0 0 0 3px var(--purple-bg)}.report-theme-trigger:focus-visible{outline:2px solid var(--purple-tx);outline-offset:3px}
.report-theme-panel[popover]{position:fixed;inset:auto;margin:0;width:440px;max-width:calc(100vw - 24px);padding:17px;border:1px solid var(--bd1);border-radius:18px;background:var(--bg1);color:var(--tx1);box-shadow:var(--shadow-popover);font:400 13px/1.5 var(--font-sans);overflow:auto;box-sizing:border-box;overscroll-behavior:contain}.report-theme-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.report-theme-panel h3{margin:0;font-size:15px;font-weight:750}.report-theme-panel .btn-link{font-size:12px;min-height:26px;padding:2px}.rt-field-label{font-size:12px;color:var(--tx2);margin:0 0 7px}.rt-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:310px;overflow:auto;padding:3px}.rt-theme-tile{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0;min-height:112px;padding:8px;border:1px solid var(--bd1);border-radius:12px;background:var(--bg1);color:var(--tx1);text-align:left;font:400 12px/1.4 var(--font-sans);cursor:pointer}.rt-theme-tile>strong{font-size:12px;font-weight:700;overflow-wrap:anywhere}.rt-theme-tile>small{font-size:10px;color:var(--tx3)}.rt-theme-tile[aria-pressed=true]{border-color:var(--purple-tx);box-shadow:0 0 0 2px var(--purple-bg)}.rt-theme-tile:hover{border-color:var(--purple-tx)}.rt-tile-check{position:absolute;right:6px;top:6px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:white;background:#5448de}.rt-tile-check .ui-icon{width:12px;height:12px}.rt-create-theme{border-style:dashed;align-items:center;justify-content:center;color:var(--purple-tx);font-weight:700}.rt-mini{display:block;flex-shrink:0;box-sizing:border-box;width:100%;height:54px;border:1px solid #eeedf3;border-radius:6px;padding:6px;background:#fff;overflow:hidden}.rt-mini>i{display:block;height:12px;background:var(--mini-color);border-radius:2px 2px 0 0}.rt-mini.is-soft>i,.rt-mini.is-line>i{border-bottom:2px solid var(--mini-accent)}.rt-mini.is-text>i{height:3px;width:35%;background:#4a4d5d;border:0;margin:5px 0 10px}.rt-mini>b{display:block;width:90%;height:6px;border-radius:2px;background:#eeedf3;margin-top:6px}.rt-mini>b:last-child{width:64%}.rt-quick-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;font-size:12px;color:var(--tx2)}.rt-segmented{display:inline-flex;gap:3px;padding:3px;border-radius:10px;background:var(--bg3)}.rt-segmented>button,.rt-segmented>label>span{display:block;border:0;border-radius:8px;background:transparent;color:var(--tx2);font:400 12px/1.4 var(--font-sans);padding:8px 12px;cursor:pointer;white-space:nowrap}.rt-segmented>button[aria-pressed=true],.rt-segmented>label:has(input:checked)>span{background:var(--bg1);color:var(--tx1);font-weight:700;box-shadow:0 1px 3px #1b203112}.rt-segmented>label{position:relative}.rt-segmented>label>input{position:absolute;opacity:0;width:1px;height:1px}.rt-segmented>label:focus-within>span,.rt-segmented>button:focus-visible,.rt-theme-tile:focus-visible{outline:2px solid var(--purple-tx);outline-offset:2px}.rt-private-note{margin:17px 0 0;padding-top:13px;border-top:1px solid var(--bd1);font-size:12px;color:var(--tx3);line-height:1.8}
.report-theme-editor.hc-modal{display:flex;flex-direction:column;width:min(1180px,calc(100vw - 40px));max-width:1180px!important;height:min(900px,calc(100dvh - 48px));max-height:calc(100dvh - 48px)}.report-theme-editor .hc-modal-icon,.report-theme-manager .hc-modal-icon{display:none}.report-theme-editor .hc-modal-head{padding:24px 28px;flex-shrink:0}.report-theme-editor .hc-modal-head h3{font-size:24px}.report-theme-editor .hc-modal-desc{font-size:13px}.report-theme-editor #modal-form{flex:1;min-height:0}.report-theme-editor .hc-modal-body{padding:0;flex:1;overflow:hidden}.report-theme-editor .hc-modal-foot{flex-shrink:0;padding:18px 28px}.report-theme-editor #modal-progress,.report-theme-editor #modal-error:not(:empty){padding:10px 20px}.rt-editor-layout{height:100%;min-height:0;display:grid;grid-template-columns:340px minmax(0,1fr)}.rt-editor-controls{overflow:auto;overscroll-behavior:contain;padding:24px;border-right:1px solid var(--bd1)}.rt-editor-controls .rt-name{display:block;font-size:14px;font-weight:700;margin-bottom:19px}.rt-name .fi{display:block;width:100%;box-sizing:border-box;margin-top:8px;font-weight:400}.rt-editor-controls fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}.rt-editor-controls legend{padding:0;margin:0 0 8px;font-size:12px;color:var(--tx2)}.rt-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rt-style-grid>label{position:relative;min-width:0;cursor:pointer}.rt-style-grid>label>input{position:absolute;width:1px;height:1px;opacity:0}.rt-style-grid>label>span{display:block;padding:8px;border:1px solid var(--bd1);border-radius:10px;background:var(--bg1)}.rt-style-grid .rt-mini{height:69px}.rt-style-grid strong{display:block;font-size:11px;font-weight:600;margin-top:7px}.rt-style-grid label:has(input:checked)>span{border-color:var(--rt-editor-color,var(--purple-tx));box-shadow:0 0 0 2px var(--purple-bg)}.rt-style-grid label:focus-within>span{outline:2px solid var(--purple-tx);outline-offset:2px}.rt-swatches{display:flex;gap:7px;flex-wrap:wrap;margin:3px 0 10px}.rt-swatches>button{width:28px;height:28px;flex-shrink:0;border:0;border-radius:8px;cursor:pointer}.rt-swatches>button[aria-pressed=true]{outline:2px solid var(--rt-editor-color,var(--purple-tx));outline-offset:3px}.rt-color-field{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--bd1);border-radius:9px;padding:4px 7px;background:var(--bg1)}.rt-color-field input[type=color]{border:0;background:none;width:24px;height:26px;padding:0;cursor:pointer}.rt-color-field .fi{width:90px;min-height:26px;padding:2px;border:0;background:transparent;box-shadow:none;font-size:12px}.rt-editor-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--tx2);margin:18px 0}.rt-editor-row .rt-segmented>label>span{padding:8px 10px}.rt-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0;font-size:13px;cursor:pointer}.rt-toggle strong{font-weight:500}.rt-toggle small{display:block;color:var(--tx3);font-size:11px;margin-top:4px;line-height:1.5}.rt-switch{position:relative;width:38px;height:23px;flex-shrink:0}.rt-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.rt-switch i{display:block;width:100%;height:100%;border-radius:99px;background:var(--bd2);pointer-events:none}.rt-switch i:after{content:'';display:block;position:absolute;left:3px;top:3px;width:17px;height:17px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0002;transition:transform .15s}.rt-switch input:checked+i{background:#5448de}.rt-switch input:checked+i:after{transform:translateX(15px)}.rt-switch input:focus-visible+i{outline:2px solid var(--purple-tx);outline-offset:3px}.rt-editor-preview{min-width:0;overflow:auto;padding:24px;background:var(--bg2)}.rt-editor-preview>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--tx2);font-size:12px;margin-bottom:16px}.rt-editor-preview>div:first-child strong{font-weight:500}.rt-editor-preview>div:first-child span{color:var(--tx3)}.rt-editor-preview>p{font-size:11px;line-height:1.8;color:var(--tx3);margin:14px 0}.rt-editor-preview .table-wrap{border-radius:12px}.rt-editor-preview table{min-width:650px;width:100%}.rt-editor-preview td:first-child{font-weight:700!important}.report-theme-manager{width:min(850px,calc(100vw - 32px));max-width:850px!important}.rt-manager h4{font-size:14px;margin:0 0 12px}.rt-manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rt-manager-grid article{padding:12px;border:1px solid var(--bd1);border-radius:12px;min-width:0}.rt-manager-grid article>.rt-mini{width:110px;max-width:100%;margin-bottom:9px}.rt-manager-grid article>strong{font-size:13px;overflow-wrap:anywhere}.rt-manager-grid article>span{display:flex;gap:9px;flex-wrap:wrap;margin-top:6px}.rt-manager-grid .btn-link{font-size:12px;padding:3px 0}.rt-manager-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 12px}.rt-manager-heading h4{margin:0}
/* Opaque cell backgrounds also cover frozen columns while scrolling. */
.table-wrap table.report-themed[data-report-theme-key]{background:var(--rt-base);color:var(--rt-text)}.table-wrap table.report-themed[data-report-theme-key]>thead>tr:not(.report-group-header)>th{background:var(--rt-head);color:var(--rt-head-text);border-bottom:2px solid var(--rt-accent);padding:var(--rt-pad) 12px;font-size:var(--rt-font);height:auto;line-height:1.4}.table-wrap table.report-themed[data-theme-style=text]>thead>tr:not(.report-group-header)>th{border-bottom:1px solid var(--bd1)}.table-wrap table.report-themed[data-theme-style=solid]>thead>tr:not(.report-group-header)>th{border-bottom-color:var(--rt-head)}.table-wrap table.report-themed .report-group-header th{background:var(--rt-base);font-size:max(10px,calc(var(--rt-font) - 2px))}.table-wrap table.report-themed>tbody>tr>td,.table-wrap table.report-themed>tfoot>tr>td{padding:var(--rt-pad) 12px;font-size:var(--rt-font);line-height:1.5}.table-wrap table.report-themed>tbody>tr>td{background:var(--rt-base);color:var(--rt-text)}.table-wrap table.report-themed[data-theme-stripes=true]>tbody>tr:nth-child(even)>td{background:var(--rt-stripe)}.table-wrap table.report-themed[data-theme-highlight=true]>thead>tr:not(.report-group-header)>th[data-theme-sorted]{background:var(--rt-head-sorted);color:var(--rt-head-sorted-text)}.table-wrap table.report-themed[data-theme-highlight=true]>tbody>tr>td[data-theme-sorted]{background:var(--rt-sorted)}.table-wrap table.report-themed[data-theme-highlight=true][data-theme-stripes=true]>tbody>tr:nth-child(even)>td[data-theme-sorted]{background:var(--rt-sorted-stripe)}.table-wrap table.report-themed>tbody>tr:hover>td{background:var(--rt-hover)}.table-wrap table.report-themed>tfoot>tr>td{background:var(--rt-stripe);font-weight:700}.table-wrap table.report-themed>thead>tr:not(.report-group-header)>th>button:not(.report-column-action):not(.report-header-trend){color:inherit;font:inherit}.table-wrap table.report-themed .metric-header-source{color:inherit;opacity:.8}.table-wrap table.report-themed>thead .report-sort-indicator{color:inherit}.table-wrap table.report-themed[data-theme-style=solid] .report-filter-dot{color:inherit}.table-wrap table.report-themed>thead button.report-column-action{background:var(--bg1);color:var(--blue-tx);border:1px solid var(--bd1);border-radius:5px;padding:3px 5px}.table-wrap table.report-themed .report-post-summary,.table-wrap table.report-themed .audience-name-copy strong{font-size:var(--rt-font)}.table-wrap table.report-themed .post-meta-line,.table-wrap table.report-themed .cell-sub,.table-wrap table.report-themed .audience-name-copy p{font-size:max(10px,calc(var(--rt-font) - 2px));line-height:1.5}
@media(max-width:850px){.report-theme-editor.hc-modal{width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}.report-theme-editor .hc-modal-body{overflow:auto}.rt-editor-layout{display:block;height:auto}.rt-editor-controls,.rt-editor-preview{overflow:visible;padding:18px}.rt-editor-controls{border-right:0;border-bottom:1px solid var(--bd1)}.rt-style-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rt-style-grid .rt-mini{height:54px}.report-theme-editor .hc-modal-head{padding:18px}.report-theme-editor .hc-modal-head h3{font-size:21px}.report-theme-editor .hc-modal-foot{padding:14px 18px}.rt-editor-preview{min-height:280px}}
@media(max-width:520px){.report-theme-panel[popover]{padding:13px}.rt-theme-grid{gap:6px}.rt-theme-tile{padding:6px;min-height:108px}.rt-quick-row{gap:8px}.rt-segmented>button,.rt-segmented>label>span{padding:8px 9px;font-size:11px}.rt-style-grid{grid-template-columns:1fr 1fr}.rt-style-grid .rt-mini{height:65px}.rt-manager-grid{grid-template-columns:1fr}.report-theme-editor .hc-modal-foot{gap:8px;flex-wrap:wrap}.report-theme-editor .hc-modal-note{font-size:11px}.report-theme-editor .hc-modal-foot>.btn{padding:9px 11px;font-size:12px}.report-theme-editor .hc-modal-note>.btn-link{font-size:11px}}
.table-wrap table.report-themed[data-report-theme-key][data-theme-stripes][data-theme-highlight]>tbody>tr.row-focused>td{background:var(--rt-hover)}.table-wrap table.report-themed[data-theme-style=solid]>thead th.report-filtered-column>button{color:inherit!important}
.report-theme-editor .hc-modal-foot{flex-wrap:wrap}.report-theme-editor #modal-error:empty{display:none}.report-theme-editor .hc-modal-foot>#modal-error:not(:empty){display:block;flex-basis:100%;order:-1;margin:0;padding:0;color:var(--red-tx);font-size:12px}
.table-wrap table.report-themed .cell-link,.table-wrap table.report-themed .hourly-range{font-size:var(--rt-font)}.table-wrap table.report-themed .report-day small,.table-wrap table.report-themed .hourly-caption{font-size:max(10px,calc(var(--rt-font) - 2px))}.table-wrap table.report-themed .post-identity .report-post-summary{font-size:var(--rt-font);line-height:1.4;max-height:calc(var(--rt-font) * 2.8)}

/* Keep the report context, grouped headings and full-period total in view while
   the page scrolls. Copies share the original theme and horizontal position. */
.report-sticky-top,.report-sticky-foot{position:fixed;z-index:65;background:var(--bg1);color:var(--tx1);min-width:0;box-sizing:border-box}
.report-sticky-top[hidden],.report-sticky-foot[hidden]{display:none!important}
.report-sticky-top{box-shadow:0 3px 8px #17132b18}
.report-sticky-foot{box-shadow:0 -3px 10px #17132b14;pointer-events:none}
.report-sticky-context{display:flex;align-items:center;gap:14px;box-sizing:border-box;padding:0 12px;border-bottom:1px solid var(--bd1);background:var(--bg1);font-size:11px;line-height:1.4}
.report-sticky-summary{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:auto;white-space:nowrap;scrollbar-width:none}
.report-sticky-summary::-webkit-scrollbar{display:none}
.report-sticky-summary>span{display:block;flex-shrink:0;max-width:230px;overflow:hidden;text-overflow:ellipsis;padding:4px 9px;border:1px solid var(--bd1);border-radius:99px;color:var(--tx3)}
.report-sticky-summary>.report-sticky-filter{border-color:var(--purple-tx);color:var(--purple-tx);background:var(--purple-bg)}
.report-sticky-title{font-size:12px;flex-shrink:0;margin-right:4px}
.report-sticky-back{flex-shrink:0;font-size:11px;padding:5px 0;white-space:nowrap}
.report-sticky-rows .report-sticky-viewport{width:100%;max-width:100%;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;overflow-x:auto;overflow-y:hidden;scrollbar-gutter:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.report-sticky-viewport::-webkit-scrollbar{display:none}
.report-sticky-viewport table{margin:0;border-radius:0}
.report-sticky-viewport :is(th,td){box-sizing:border-box}
@media(max-width:768px){.report-sticky-context{gap:8px;padding-inline:8px}.report-sticky-title{font-size:11px}.report-sticky-back{font-size:10px}.report-sticky-summary{gap:5px}}
@media print{.report-sticky-rows{display:none!important}}

/* The original theme uses the report's pre-theme styles without color or font
   overrides. Optional density changes affect spacing only. */
.rt-mini.is-original>i{background:#fff;border-bottom:1px solid #eeedf3}
.table-wrap table[data-theme-original=true][data-theme-density=compact]>:is(thead,tbody,tfoot)>tr:not(.report-group-header)>:is(th,td){padding-block:6px;height:auto}
.table-wrap table[data-theme-original=true][data-theme-density=spacious]>:is(thead,tbody,tfoot)>tr:not(.report-group-header)>:is(th,td){padding-block:15px;height:auto}

/* Source labels remain semantic and legible with every table theme. */
.table-wrap .metric-header-source{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px;margin-top:4px;white-space:normal}
.table-wrap table.report-themed .metric-header-source{opacity:1}
.table-wrap .report-column-label:has(.metric-header-source){text-align:center}
.table-wrap .report-grid .report-sort-indicator{align-self:flex-start}
.metric-source-badge{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0;vertical-align:middle;padding:0 4px;border:1px solid;border-radius:3px;font:600 9px/12px var(--font-sans);letter-spacing:0;text-transform:none;white-space:nowrap}
.metric-source-badge.is-meta{color:#31688d;background:#edf5fb;border-color:#c5dce9}
.metric-source-badge.is-web{color:#3e735a;background:#edf7ef;border-color:#cfe2d3}
.metric-source-badge.is-crm{color:#96633e;background:#fff4e8;border-color:#ead5be}
.metric-source-badge.is-sdk{color:var(--amber-tx);background:var(--amber-bg);border-color:var(--bd2)}
.metric-source-badge.is-formula{color:var(--purple-tx);background:var(--purple-bg);border-color:var(--primary-border)}
.column-template-actions{margin:12px 0}
html[data-theme=dark] .metric-source-badge.is-meta{color:#a7cfee;background:#253a4b;border-color:#47677e}
html[data-theme=dark] .metric-source-badge.is-web{color:#b1ddbf;background:#263e31;border-color:#4b7359}
html[data-theme=dark] .metric-source-badge.is-crm{color:#efd1ad;background:#46362a;border-color:#806247}
.audience-name-toolbar>.report-table-search{flex-basis:300px}
.audience-name-toolbar>.table-count{white-space:nowrap}
.audience-names-grid.report-user-pins{border-collapse:separate;border-spacing:0}
.audience-names-grid tbody .report-pinned-cell{background:var(--bg1)}
.audience-names-grid tbody tr:nth-child(even) .report-pinned-cell,.audience-names-grid tfoot .report-pinned-cell{background:var(--bg2)}
.audience-names-grid tbody tr:hover .report-pinned-cell{background:var(--purple-bg)}
@media(max-width:768px){.audience-name-toolbar>.report-table-search{flex-basis:100%}}
.audience-names-grid th button:has(.metric-header-source){display:inline-flex;align-items:flex-start;gap:4px}
.audience-names-grid .report-sort-indicator{color:var(--blue-tx);margin-left:4px}

/* Audience summary cards: named targets, explicit unknowns and comparable bars. */
.audience-summary-card{padding:18px;min-height:390px;border-radius:18px}
.audience-summary-card>header{align-items:flex-start;gap:10px;margin-bottom:12px}
.audience-summary-card>header>div{min-width:0;flex:1}
.audience-summary-card>header h3{font-size:13px;line-height:1.5;margin:0 0 3px}
.audience-summary-card>header .subtle{font-size:11px;line-height:1.5;margin:0;color:var(--tx3)}
.audience-summary-card .audience-card-metric{flex:0 1 auto;min-height:28px;max-width:55%;padding:5px 8px;border-radius:8px;font:500 10px/1.4 var(--font-sans);gap:5px}
.audience-summary-card .audience-card-metric>strong{font-weight:500}
.audience-summary-card .audience-card-metric>.ui-icon{width:11px;height:11px;margin-left:0;color:var(--tx3)}
.audience-chart-direction{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 14px;font-size:10px;line-height:1.4}
.audience-chart-direction>span{display:inline-block;padding:3px 6px;border-radius:6px;background:var(--blue-bg);color:var(--info-tx,var(--blue-tx));font-weight:600}
.audience-chart-direction>small{font-size:10px;color:var(--tx3)}
.audience-chart-section-label{font-size:10px;line-height:1.5;font-weight:600;text-transform:uppercase;letter-spacing:.65px;color:var(--tx3);margin:0 0 7px}
.audience-summary-card .audience-gender-legend{margin-bottom:16px;font-size:10px}
.audience-summary-card .audience-chart-plot{flex:1;min-height:0;max-height:350px}
.audience-summary-card .audience-rich-bars{gap:12px;padding:0 0 8px}
.audience-summary-card .audience-rich-row{grid-template-columns:minmax(0,1.65fr) minmax(45px,.8fr) minmax(67px,.8fr);gap:12px;min-height:40px;align-items:center}
.audience-summary-card .audience-rich-name>span{font-size:12px;font-weight:600;line-height:1.4}
.audience-summary-card .audience-rich-name>p{font-size:10px;color:var(--tx3);line-height:1.4;margin:2px 0 0}
.audience-summary-card .audience-best-badge{background:var(--green-bg);color:var(--green-tx);font-weight:600;padding:1px 4px;font-size:9px}
.audience-summary-card .audience-rich-rail{height:8px;border-radius:99px;background:var(--bg3)}
.audience-summary-card .audience-rich-rail>i{border-radius:99px;background:#9386e8}
.audience-summary-card .audience-rich-rail>i.is-best{background:#359b6c}
.audience-summary-card .audience-rich-rail>i.is-low-data{background:repeating-linear-gradient(135deg,#c2b6ed 0 3px,#e3ddf5 3px 6px)}
.audience-summary-card .audience-rich-rail>i.is-best.is-low-data{background:repeating-linear-gradient(135deg,#359b6c 0 3px,#9dd5b9 3px 6px)}
.audience-summary-card .audience-rich-rail>i.is-unnamed{background:#bdc1ce}
.audience-summary-card .audience-rich-row>strong{font-size:11px;text-align:right;font-weight:650}
.audience-summary-card .audience-rich-row>strong.is-unknown{color:var(--tx3);font-weight:500}
.audience-rich-delta{display:block;color:#956856;font:500 9px/1.4 var(--font-sans);margin-top:1px}
.audience-low-data{font-size:10px;white-space:nowrap;color:var(--amber-tx);font-weight:600}
.audience-unknown-group{border-top:1px solid var(--bd1);padding-top:12px;margin-top:2px}
.audience-no-data{padding:9px 10px;border-radius:8px;background:var(--bg2);font-size:10px;line-height:1.6;color:var(--tx3);margin-top:3px}
.audience-no-data>strong{font-weight:600;display:block;margin-bottom:3px}
.audience-no-data>div{display:flex;gap:4px 6px;flex-wrap:wrap}
.audience-no-data>div>span{padding:1px 6px;background:var(--bg1);border:1px solid var(--bd1);border-radius:99px}
.audience-chart-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;border-top:1px solid var(--bd1);padding-top:12px;margin-top:12px}
.audience-summary-card .audience-chart-footer>.audience-chart-note{flex:1;border:0;padding:0;margin:0;font-size:10px;line-height:1.5;color:var(--tx3)}
.audience-chart-footer>.btn-link{font-size:10px;line-height:1.5;font-weight:600;padding:0;white-space:nowrap}
html[data-theme=dark] .audience-summary-card .audience-rich-rail>i.is-best{background:#55bd8b}
html[data-theme=dark] .audience-summary-card .audience-rich-rail>i.is-low-data{background:repeating-linear-gradient(135deg,#8076b8 0 3px,#59517b 3px 6px)}
html[data-theme=dark] .audience-summary-card .audience-rich-rail>i.is-best.is-low-data{background:repeating-linear-gradient(135deg,#55bd8b 0 3px,#33684e 3px 6px)}
html[data-theme=dark] .audience-rich-delta{color:#d2a897}
@media(max-width:1100px){.audience-summary-card{padding:14px 12px}.audience-summary-card>header{flex-wrap:wrap}.audience-summary-card>header>div{flex-basis:100%}.audience-summary-card .audience-card-metric{max-width:100%}.audience-summary-card .audience-rich-row{gap:7px;grid-template-columns:minmax(0,1.5fr) minmax(35px,.7fr) minmax(61px,.8fr)}}
@media(max-width:600px){.audience-summary-card{min-height:0;padding:18px 16px}.audience-summary-card>header{flex-wrap:nowrap}.audience-summary-card>header>div{flex-basis:auto}.audience-summary-card .audience-card-metric{max-width:52%;font-size:11px}.audience-summary-card .audience-rich-row{grid-template-columns:minmax(0,1.5fr) minmax(55px,.85fr) minmax(74px,.85fr)}.audience-summary-card .audience-chart-plot{max-height:420px}}

/* Unnamed targeting facts lead the cell; naming remains a compact action below. */
.table-wrap table .audience-name-copy.audience-name-pending .audience-unnamed-keywords{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;max-width:480px;margin:0;color:var(--rt-text,var(--tx1));font-size:var(--rt-font,13px);line-height:1.5;font-weight:400;overflow-wrap:anywhere}
.audience-keyword-field{display:inline;padding:1px 4px;border-radius:3px;background:var(--bg2);color:var(--tx3);font-size:10px;font-weight:500;white-space:normal;margin-right:5px}
.audience-keyword-values,.audience-keyword-ellipsis{font-weight:600}
.audience-name-copy.audience-name-pending>.audience-unnamed-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:7px}
.audience-name-pending .audience-unnamed{display:inline-flex;align-items:center;gap:5px;padding:0;border-radius:0;background:transparent;color:var(--tx3);font-size:11px;font-weight:400}
.audience-name-pending .audience-unnamed>i{width:5px;height:5px;border-radius:50%;background:var(--amber-tx);opacity:.55}
.audience-name-copy.audience-name-pending .audience-name-create{gap:4px;min-height:22px;padding:1px 0;border:0;border-radius:3px;background:transparent;box-shadow:none;color:var(--purple-tx);font:600 11px/1.5 var(--font-sans)}
.audience-name-copy.audience-name-pending .audience-name-create svg{width:13px;height:13px}
.audience-name-copy.audience-name-pending .audience-name-create:hover{background:transparent;border:0;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.audience-name-copy.audience-name-pending .audience-name-create{min-height:30px}.audience-name-copy.audience-name-pending>.audience-unnamed-actions{margin-top:5px}}

/* Post report: four comparable summary cards and recoverable visibility controls. */
.post-charts-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.post-charts-heading h2{font-size:14px;margin:0;font-weight:700}.post-charts-heading>div{display:flex;gap:16px}
.post-charts-heading .btn-link{font-size:11px}.post-report-charts>.form-error:empty{display:none}
.post-report-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.post-report-card{min-width:0;min-height:380px;display:flex;flex-direction:column;background:var(--bg1);border:1px solid var(--bd1);box-shadow:0 1px 2px #171c3203}
.post-report-card>header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}
.post-report-card>header>div:first-child{flex:1 1 76px;min-width:0}
.post-report-card>header>.post-chart-controls{display:flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0;max-width:100%;margin-inline-start:auto}
.post-chart-metric-trigger{
 display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;text-align:left;
 border:1px solid var(--bd2);border-radius:9px;background:var(--bg1);color:var(--tx1);cursor:pointer;
}
.post-chart-metric-trigger>strong,.post-chart-metric-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post-report-charts .post-chart-metric-trigger>strong{font:inherit;letter-spacing:normal;margin:0;min-width:0}
.post-chart-metric-trigger .chart-disclosure-arrow{flex:none;margin-inline:1px}
.post-chart-metric-trigger[aria-expanded=true] .chart-disclosure-arrow{--chart-arrow-angle:225deg;--chart-arrow-shift:1px;color:var(--purple-tx)}
.post-chart-metric-sources{display:inline-flex;flex:none;gap:4px;align-items:center}
.post-chart-metric-sources .metric-source-badge{font-size:10px;line-height:1.2}
.post-chart-metric-trigger .metric-source-badge{font-size:9px;padding-inline:3px}
.post-chart-metric-menu[popover]{
 position:fixed;inset:auto;margin:0;box-sizing:border-box;padding:8px;min-width:0;
 border:1px solid var(--bd1);border-radius:16px;background:var(--bg1);color:var(--tx1);
 box-shadow:var(--shadow-popover,0 16px 36px #20213929);overflow:hidden;
}
.post-chart-metric-menu:popover-open{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.post-chart-metric-search{
 display:flex;align-items:center;gap:8px;margin:2px 2px 7px;padding:0 10px;min-height:36px;border:1px solid var(--bd1);border-radius:10px;color:var(--tx3);
}
.post-chart-metric-search:focus-within{border-color:var(--purple);box-shadow:0 0 0 2px var(--control-ring)}
.post-chart-metric-search>.ui-icon{width:16px;height:16px;flex:none}
.post-chart-metric-search>input{flex:1;min-width:0;border:0;outline:0;padding:6px 0;background:none;color:var(--tx1);font:inherit}
.post-chart-metric-list{overflow:auto;overscroll-behavior:contain}
.post-chart-metric-menu h4{margin:8px 9px 3px;font:700 11px/1.4 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--tx3)}
.post-chart-metric-menu [role=option]{
 display:flex;align-items:center;gap:7px;width:100%;min-height:36px;padding:7px 9px;
 border:0;border-radius:9px;background:transparent;color:var(--tx1);text-align:left;font:inherit;cursor:pointer;
 transition:background-color var(--control-motion),color var(--control-motion);
}
.post-chart-metric-menu [role=option]>small{margin-inline-start:auto;color:var(--tx3);white-space:nowrap;font-size:12px}
.post-chart-metric-menu [role=option][aria-selected=true]{background:var(--purple-bg);color:var(--purple-tx);font-weight:700}
.post-chart-metric-menu [role=option][aria-selected=true]>small{color:inherit}
.post-chart-metric-menu [role=option]:not([aria-selected=true]):hover{background:var(--bg2)}
.post-chart-metric-menu :is([role=option],.post-chart-add-metric):focus-visible{outline:2px solid var(--purple);outline-offset:-2px}
.post-chart-metric-menu .post-chart-metric-empty{margin:12px 8px;color:var(--tx3)}
.post-chart-metric-menu footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 4px 0;border-top:1px solid var(--bd1);margin-top:5px;color:var(--tx3);font-size:12px}
.post-chart-add-metric{flex:none;font-weight:700}
@media(max-width:420px){.post-chart-metric-menu [role=option]{flex-wrap:wrap;row-gap:2px}.post-chart-metric-name{max-width:100%;white-space:normal}}

.post-chart-controls .ui-chart-menu{position:relative;flex:none}.post-chart-controls .ui-chart-menu>summary{width:28px;height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--bd2,var(--bd1));border-radius:8px;font-size:16px;cursor:pointer}
.post-chart-controls .ui-menu-popover{width:235px;z-index:35}.post-chart-controls .ui-menu-popover button{display:flex;gap:8px;align-items:center;width:100%;font-size:12px;min-height:36px;text-align:left}.post-chart-controls .ui-menu-popover p{font-size:10px;color:var(--tx3);line-height:1.6;padding:10px 6px 4px;margin:5px 0 0;border-top:1px solid var(--bd1)}
.post-report-card .audience-rich-row{grid-template-columns:minmax(0,1.1fr) minmax(70px,1.8fr) minmax(65px,.55fr);min-height:45px}
/* Keep comparison percentages below values; override the shared highlight typography. */
.post-report-card .audience-rich-row>strong>.audience-rich-delta{display:block;font-family:var(--font-sans);font-size:9px;font-weight:500;line-height:1.4;letter-spacing:0;text-align:right;white-space:nowrap;margin:1px 0 0;color:var(--tx3)}
.post-report-card .audience-rich-row>strong>.audience-rich-delta[data-tone=bad]{color:var(--red-tx)}
.post-report-card .audience-rich-row>strong>.audience-rich-delta[data-tone=good]{color:var(--green-tx)}
.post-report-card .audience-chart-plot{max-height:620px;overflow:auto}.post-report-card .audience-rich-rail{overflow:hidden}
.post-report-unclassified{border-top:1px solid var(--bd1);margin-top:6px;padding-top:16px}.post-report-unclassified .audience-rich-name>span{color:var(--tx3)}
.post-report-card .post-identity{gap:8px;align-items:center}.post-report-card .post-thumbnail{width:30px;height:30px;min-width:30px;border-radius:7px}
.post-report-card .post-identity-text{min-width:0}.post-report-card .post-identity-text>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--purple-tx);font-size:11px;font-weight:650}
.post-report-card .post-identity-text>p{margin:3px 0 0;font-size:10px;color:var(--tx3);line-height:1.4}.post-report-card .post-identity-text>.audience-best-badge{display:inline-block;width:auto;font-size:9px}
.post-format-share{display:flex;height:10px;overflow:hidden;border-radius:4px;background:var(--bg3);margin-bottom:7px}.post-format-share>span{height:100%;border-right:1px solid var(--bg1)}
.post-format-legend{display:flex;flex-wrap:wrap;gap:5px 12px;font-size:10px;color:var(--tx2);margin-bottom:18px}.post-format-legend>span{display:inline-flex;gap:4px;align-items:center}.post-format-legend i{width:6px;height:6px;border-radius:1px}
.post-chart-note{font-size:10px;color:var(--tx3);margin:8px 0;line-height:1.5}.post-chart-hidden-tray{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;color:var(--tx3);font-size:11px}.post-chart-hidden-tray .btn{font-size:11px;min-height:30px}
.post-chart-settings-all{display:flex;align-items:center;gap:8px;font-weight:650;margin-bottom:18px}.post-chart-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.post-chart-settings fieldset{border:1px solid var(--bd1);border-radius:12px;min-width:0;padding:12px;display:grid;gap:12px}.post-chart-settings legend{font-size:14px;font-weight:650;padding:0 5px}.post-chart-settings legend label{display:flex;align-items:center;gap:8px}
.post-chart-settings fieldset>label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--tx2)}.post-chart-settings input[type=checkbox],.post-chart-settings-all input{accent-color:var(--purple-tx)}
@media(max-width:800px){.post-report-chart-grid{grid-template-columns:minmax(0,1fr)}.post-report-card{min-height:0;padding:18px 16px}}
@media(max-width:460px){.post-report-card .audience-rich-row{gap:8px;grid-template-columns:minmax(0,1.3fr) minmax(45px,1fr) minmax(66px,.7fr)}.post-chart-settings{grid-template-columns:minmax(0,1fr)}.post-charts-heading>div{gap:10px}}

/* Exactly three visible charts use the compact layout automatically. */
.post-charts-heading>div{align-items:center;flex-wrap:wrap}
.post-report-chart-grid.is-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.is-compact .post-report-card{padding:14px;min-height:330px}
.is-compact .post-report-card>header{margin-bottom:10px}.is-compact .post-report-card>header h3{font-size:12px;line-height:1.5}.is-compact .post-report-card>header p.subtle{display:none}
.is-compact .post-report-card .audience-chart-direction{font-size:9px;margin-bottom:12px;gap:6px}.is-compact .audience-chart-direction>small{font-size:9px;margin:0;color:var(--tx3)}
.is-compact .post-report-card .audience-chart-plot{max-height:620px}.is-compact .post-report-card .audience-rich-bars{gap:8px;padding-bottom:8px}
.is-compact .post-report-card .audience-rich-row{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 5px;gap:3px 8px;min-height:30px;align-items:center}
.is-compact .post-report-card .audience-rich-name{grid-column:1;grid-row:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}
.is-compact .post-report-card .audience-rich-name>span{font-size:11px}.is-compact .post-report-card .audience-rich-name>p{display:inline;margin:0 0 0 5px;font-size:9px}.is-compact .post-report-card .audience-best-badge{display:inline;font-size:8px;margin:0 0 0 4px}.is-compact .post-report-card .audience-low-data{display:inline;font-size:9px;margin:0;color:var(--amber-tx)}
.is-compact .post-report-card .audience-rich-rail{grid-column:1/-1;grid-row:2;height:5px}
.is-compact .post-report-card .audience-rich-row>strong{display:grid;grid-template-columns:minmax(56px,auto) 36px;gap:8px;grid-column:2;grid-row:1;align-items:baseline;overflow:visible;letter-spacing:0;font-family:var(--font-sans);font-size:11px}
.is-compact .post-report-card .audience-rich-row>strong>.audience-rich-delta{display:block;font-size:9px;margin:0}
.is-compact .post-report-card .post-report-unclassified{padding-top:10px;margin-top:2px}.is-compact .post-report-unclassified .audience-rich-name{color:var(--tx3)}.is-compact .post-report-unclassified>strong{color:var(--tx3);font-weight:500}
.is-compact .post-report-card[data-post-chart=top_posts] .audience-rich-row{min-height:44px}.is-compact .post-report-card[data-post-chart=top_posts] .audience-rich-rail{margin-left:33px}
.is-compact .post-report-card .post-thumbnail{width:26px;height:26px;min-width:26px;border-radius:6px}.is-compact .post-report-card .post-identity{gap:7px}.is-compact .post-report-card .post-identity-text>span{font-size:11px}.is-compact .post-report-card .post-identity-text>p{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:1px 0 0}
.post-report-card .post-chart-format{display:inline;padding:1px 4px;border-radius:3px;background:var(--purple-bg);color:var(--purple-tx);font-size:8px}
.post-chart-format[data-format="Ảnh"]{background:var(--green-bg);color:var(--green-tx)}.post-chart-format[data-format=Carousel]{background:var(--amber-bg);color:var(--amber-tx)}.post-chart-format[data-format=Reels]{background:var(--red-bg);color:var(--red-tx)}
.is-compact .post-report-card .post-format-share{height:6px;margin-bottom:6px}.is-compact .post-report-card .post-format-legend{font-size:9px;gap:4px 7px;margin-bottom:14px}.is-compact .post-format-legend+.audience-chart-section-label{display:none}.is-compact .post-report-card .audience-chart-section-label{font-size:9px;margin-bottom:4px}
.is-compact .post-report-card .audience-chart-footer{margin-top:auto;padding-top:10px;flex-wrap:nowrap;gap:6px}.is-compact .post-report-card .audience-chart-footer>.audience-chart-note,.is-compact .post-report-card .audience-chart-footer>.btn-link{font-size:9px}
@media(max-width:1150px){.post-report-chart-grid.is-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.post-report-chart-grid.is-compact{grid-template-columns:minmax(0,1fr)}.is-compact .post-report-card{min-height:0}.post-charts-heading{align-items:flex-start}.post-charts-heading>div{justify-content:flex-end;gap:8px}}

/* Post highlights share one identity with ordered classification tags. */
.post-report-highlights>summary{justify-content:flex-start}.post-report-highlights>summary>span{flex:1}.post-report-highlights>summary::after{content:'Ẩn ⌃';margin-left:10px}.post-report-highlights:not([open])>summary::after{content:'Hiện ⌄'}
.post-highlight-grid{display:grid;grid-template-columns:repeat(var(--post-highlight-count,3),minmax(0,1fr));gap:14px;margin-top:10px}
.post-highlight-card{position:relative;min-width:0;padding:15px;background:var(--bg1);border:1px solid var(--bd1);border-radius:17px;font-family:var(--font-sans)}
.post-highlight-card:not(.is-merged)::before{position:absolute;content:'';left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--post-highlight-accent,var(--purple-tx))}
.accent-purple{--post-highlight-accent:var(--purple-tx)}.accent-blue{--post-highlight-accent:#347bb2}.accent-green{--post-highlight-accent:var(--green-tx)}.accent-red{--post-highlight-accent:var(--red-tx)}.accent-gray{--post-highlight-accent:var(--tx3)}
.post-highlight-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.post-highlight-card h3,.post-highlight-stat h4{margin:0;font-size:11px;line-height:1.4;color:var(--post-highlight-accent,var(--purple-tx));font-weight:700}
.post-highlight-link{font-size:10px;line-height:1.5;color:var(--tx2);white-space:nowrap;text-decoration:none}.post-highlight-card .btn-link.post-highlight-link{font-size:10px;padding:0;min-height:0}
.post-highlight-card .post-identity,.post-highlight-modal .post-identity{min-width:0;gap:9px;align-items:center}.post-highlight-card .post-thumbnail,.post-highlight-modal .post-thumbnail{width:36px;height:36px;min-width:36px;border-radius:9px}
.post-highlight-name{display:block;font:650 12px/1.5 var(--font-sans);color:var(--tx1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.post-highlight-tags{display:flex;gap:5px;align-items:center;min-width:0;margin-top:4px;overflow:hidden}.post-highlight-tag{display:inline-block;min-width:0;max-width:100%;padding:2px 5px;border-radius:4px;background:var(--bg3);color:var(--tx2);font:600 10px/1.4 var(--font-sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post-highlight-tag.is-content_type{background:var(--amber-bg);color:var(--amber-tx)}.post-highlight-tag.is-key_message{background:var(--purple-bg);color:var(--purple-tx)}.post-highlight-tag.is-format{background:var(--blue-bg);color:var(--blue-tx)}.post-highlight-tag.is-marketing_staff{background:var(--green-bg);color:var(--green-tx)}
.post-highlight-stat>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 8px}.post-highlight-card:not(.is-merged)>.post-highlight-stat{border-top:1px solid var(--bd1);margin-top:12px;padding-top:10px}.post-highlight-stat strong{font:750 20px/1.3 var(--font-sans);color:var(--tx1);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.post-highlight-comparison,.post-highlight-runner{font-size:10px;line-height:1.5;color:var(--tx3)}.post-highlight-comparison b{font-weight:600}.post-highlight-comparison.is-good b{color:var(--green-tx)}.post-highlight-comparison.is-care b{color:var(--red-tx)}
.post-highlight-empty{font-size:12px;color:var(--tx3);line-height:1.6;margin:10px 0}.post-highlight-card.is-merged{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(0,2.5fr);gap:18px;align-items:center}
.post-highlight-main{min-width:0;position:relative}.post-highlight-main>.post-highlight-link{display:inline-block;margin:6px 0 0 45px}.post-highlight-leader{display:inline-block;background:var(--amber-bg);color:var(--amber-tx);font-size:10px;font-weight:650;border-radius:6px;padding:3px 7px;margin-bottom:10px}
.is-merged .post-highlight-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-highlight-metrics{display:grid;grid-template-columns:repeat(var(--post-stat-count,3),minmax(0,1fr));align-self:stretch}.post-highlight-metrics>.post-highlight-stat{padding:8px 16px;min-width:0;border-left:1px solid var(--bd1);display:flex;flex-direction:column;justify-content:center}.post-highlight-metrics h4{margin-bottom:5px}.post-highlight-runner{display:block}
.post-highlight-editor-count{display:flex;gap:8px;align-items:center;color:var(--tx3);font-size:13px;margin-bottom:14px}.post-highlight-editor-count strong{color:var(--tx1);font-size:15px}
.post-highlight-modal .highlight-editor{border:1px solid var(--bd1);border-radius:15px;overflow:hidden}.post-highlight-modal .highlight-editor-row{border:0!important;border-radius:0!important;margin:0;border-bottom:1px solid var(--bd1)!important;grid-template-columns:42px minmax(0,1fr) 205px 24px!important;gap:12px!important;padding:16px!important}
.post-highlight-modal .highlight-editor-row:last-child{border-bottom:0!important}.post-highlight-modal .highlight-order{display:flex;flex-direction:row-reverse;gap:2px;grid-row:1/3;align-self:start;padding-top:7px}.post-highlight-modal .highlight-drag-handle{min-width:18px;padding:0;font-size:20px}.post-highlight-modal .highlight-index{width:22px;height:26px;font-size:12px}
.post-highlight-mode{display:flex;align-self:center;background:var(--bg3);border-radius:10px;padding:4px;gap:3px}.post-highlight-mode button{flex:1;background:transparent;border:0;border-radius:7px;color:var(--tx3);min-height:36px;font:500 13px var(--font-sans);cursor:pointer;padding:7px 8px;white-space:nowrap}.post-highlight-mode button[aria-pressed=true]{background:var(--bg1);color:var(--tx1);box-shadow:0 1px 3px #00000008;font-weight:700}
.post-highlight-modal .highlight-card-preview{display:flex;flex-wrap:nowrap;align-items:center;grid-column:2/4;background:var(--bg2);gap:10px;padding:10px;border-radius:9px}.post-highlight-modal .highlight-card-preview .post-identity{flex:1;min-width:0}.post-highlight-modal .highlight-card-preview .post-identity-text{min-width:0}.post-highlight-modal .highlight-preview-value{white-space:nowrap;flex:0 0 auto;font-size:14px}.post-highlight-modal .highlight-preview-empty{font-size:12px}
.post-highlight-modal .highlight-add-bar{border:0;border-radius:0;border-top:1px dashed var(--bd1);margin-top:0;padding:10px 0}.post-highlight-modal .highlight-add-bar .highlight-card-count{margin-left:auto}
.post-highlight-fields{margin-top:22px}.post-highlight-fields h4{font-size:15px;margin:0 0 12px}.post-highlight-fields h4 small{font-size:12px;color:var(--tx3);font-weight:400;margin-left:8px}.post-highlight-fields>div{display:flex;flex-wrap:wrap;gap:8px}
.post-highlight-modal .highlight-card-preview .post-identity-text{display:flex;align-items:center;gap:10px;flex:1}.post-highlight-modal .highlight-card-preview .post-highlight-name{flex:1}.post-highlight-modal .highlight-card-preview .post-highlight-tags{flex:0 1 auto;max-width:48%;margin-top:0}
.post-highlight-field{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--bd1);border-radius:999px;background:var(--bg1);color:var(--tx2);font:600 12px/1.5 var(--font-sans);cursor:pointer}.post-highlight-field.is-active{color:var(--purple-tx);background:var(--purple-bg);border-color:var(--purple-tx)}.post-highlight-field b{display:grid;place-items:center;min-width:20px;height:20px;background:var(--purple-tx);color:var(--bg1);border-radius:50%;font-size:11px}.post-highlight-field:disabled{opacity:.4;cursor:default}.post-highlight-fields>p{font-size:12px;line-height:1.6;color:var(--tx3);margin-top:12px}
@media(max-width:1100px){.post-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-highlight-card.is-merged{grid-template-columns:minmax(0,1fr)}.post-highlight-metrics>.post-highlight-stat:first-child{border-left:0;padding-left:0}}
@media(max-width:700px){.post-highlight-grid{grid-template-columns:minmax(0,1fr)}.post-highlight-modal .highlight-editor-row{grid-template-columns:30px minmax(0,1fr) 22px!important}.post-highlight-modal .post-highlight-mode{grid-column:2;grid-row:2}.post-highlight-modal .highlight-order{flex-direction:column;grid-row:1/4}.post-highlight-modal .highlight-card-preview{grid-column:2/-1;grid-row:3;flex-wrap:wrap}.post-highlight-modal .highlight-card-preview .post-identity{flex-basis:100%}.post-highlight-fields h4 small{display:block;margin:5px 0 0}.post-highlight-metrics{grid-template-columns:minmax(0,1fr)}.post-highlight-metrics>.post-highlight-stat{border-left:0;border-top:1px solid var(--bd1);padding:12px 0}}
@media(max-width:700px){.post-highlight-modal .highlight-card-preview .post-identity-text{display:block}.post-highlight-modal .highlight-card-preview .post-highlight-tags{max-width:100%;margin-top:4px}}

/* Real Meta job progress; animation indicates waiting, never fabricated completion. */
.meta-progress-panel{max-width:none}.meta-progress-panel .connection-panel-head h3{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.meta-progress-panel form{margin-top:18px}
.meta-sync-badge{display:inline-flex;gap:6px;align-items:center;font-size:11px;font-weight:650;border-radius:999px;padding:4px 9px;background:var(--blue-bg);color:var(--blue-tx);vertical-align:middle}.meta-sync-badge.is-success{color:var(--green-tx);background:var(--green-bg)}.meta-sync-badge.is-error,.meta-sync-badge.is-partial_error{color:var(--amber-tx);background:var(--amber-bg)}
.meta-sync-spinner{display:inline-block;width:15px;height:15px;flex-shrink:0;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:meta-sync-spin 1s linear infinite}.meta-sync-check,.meta-sync-warning,.meta-sync-wait{display:inline-grid;place-items:center;box-sizing:border-box;width:22px;height:22px;border-radius:50%;flex-shrink:0;font-size:12px;font-style:normal}.meta-sync-check{background:var(--green-bg);color:var(--green-tx)}.meta-sync-warning{background:var(--amber-bg);color:var(--amber-tx)}.meta-sync-wait{border:1.5px solid var(--bd2,var(--bd1));background:transparent}
.meta-sync-badge .meta-sync-spinner{width:12px;height:12px}.meta-sync-badge .meta-sync-check,.meta-sync-badge .meta-sync-warning,.meta-sync-badge .meta-sync-wait{width:14px;height:14px;font-size:10px}
.meta-sync-progress-box{padding:18px;border:1px solid var(--bd1);background:color-mix(in srgb,var(--blue-bg) 45%,var(--bg1));border-radius:14px;margin:18px 0 14px}.meta-sync-progress-box>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.meta-sync-progress-box>header strong{display:flex;gap:10px;align-items:center;font-size:14px}.meta-sync-progress-box>header b{font-size:14px;color:var(--blue-tx)}.meta-sync-progress-box>p{font-size:12px;line-height:1.6;color:var(--tx3);margin:12px 0 18px}
.meta-sync-bar{height:8px;background:color-mix(in srgb,var(--blue-tx) 15%,var(--bg1));border-radius:999px;overflow:hidden;min-width:50px}.meta-sync-bar>i{display:block;height:100%;border-radius:inherit;background:#4b88c7;transition:width .25s ease}
.meta-sync-steps{list-style:none;display:grid;gap:22px;padding:4px 0;margin:0}.meta-sync-steps>li{display:flex;gap:14px;align-items:center;color:var(--blue-tx)}.meta-sync-steps>li>div{flex:1;min-width:0}.meta-sync-steps strong{display:block;font-size:13px;font-weight:500;color:var(--tx1)}.meta-sync-steps small{display:block;font-size:11px;line-height:1.6;color:var(--tx3);margin-top:4px;overflow-wrap:anywhere}.meta-sync-steps>li>span{font-size:11px;color:var(--tx3);white-space:nowrap}.meta-sync-steps .is-waiting strong,.meta-sync-steps .is-skipped strong{color:var(--tx3)}
.meta-sync-accounts{border:1px solid var(--bd1);border-radius:14px;overflow:hidden;margin-bottom:16px}.meta-sync-accounts>h4{background:var(--bg2);padding:12px 15px;margin:0;color:var(--tx3);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.meta-sync-accounts>p{padding:12px 15px}
.meta-sync-account{display:flex;align-items:center;gap:14px;padding:14px 16px;border-top:1px solid var(--bd1);color:var(--blue-tx)}.meta-sync-account>div:not(.meta-sync-mini-bar){flex:1;min-width:0}.meta-sync-account strong{display:block;font-size:13px;color:var(--tx1);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-sync-account small{display:block;font-size:11px;color:var(--tx3);margin-top:4px}.meta-sync-account>span{font-size:11px;color:var(--tx3);text-align:right}.meta-sync-mini-bar{height:5px;background:var(--bg3);border-radius:99px;overflow:hidden;width:140px;flex:0 1 140px}.meta-sync-mini-bar>i{display:block;height:100%;background:#4b88c7}
.meta-sync-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.meta-sync-actions .btn{display:inline-flex;align-items:center;gap:8px}.meta-sync-summary-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.meta-sync-summary-line .meta-sync-bar{width:320px;max-width:100%;flex:0 1 45%}.meta-sync-summary-line b{font-size:11px;color:var(--blue-tx)}.meta-sync-summary-line>span{font-size:11px;color:var(--tx3)}.meta-progress-summary .connection-copy>strong{display:inline-block;margin-right:8px}
.connection-loading{display:grid;gap:22px;margin-top:20px}.connection-loading h3{font-size:12px;text-transform:uppercase;color:var(--tx3);margin-bottom:10px}.connection-loading-card{display:flex;align-items:center;gap:18px;padding:22px;background:var(--bg1);border:1px solid var(--bd1);border-radius:16px}.connection-loading-card>div{flex:1;display:grid;gap:12px}
.connection-skeleton-line,.connection-skeleton-icon,.connection-skeleton-button{display:block;background:linear-gradient(90deg,var(--bg3),var(--bg2),var(--bg3));background-size:200% 100%;animation:connection-shimmer 1.6s ease-in-out infinite;border-radius:7px}.connection-skeleton-line{width:180px;max-width:100%;height:14px}.connection-skeleton-line+ .connection-skeleton-line{width:320px}.connection-skeleton-icon{height:44px;width:44px;flex:0 0 44px}.connection-skeleton-button{height:36px;width:110px;flex:0 0 110px}
@keyframes meta-sync-spin{to{transform:rotate(360deg)}}@keyframes connection-shimmer{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.meta-sync-spinner,.connection-skeleton-line,.connection-skeleton-icon,.connection-skeleton-button{animation:none}.meta-sync-bar>i{transition:none}}
@media(max-width:600px){.meta-sync-progress-box{padding:14px}.meta-sync-steps>li{gap:9px;flex-wrap:wrap}.meta-sync-steps>li>span{margin-left:31px}.meta-sync-account{gap:9px;padding:12px}.meta-sync-mini-bar{display:none}.meta-progress-summary{flex-wrap:wrap}.connection-loading-card{gap:12px;padding:16px}.connection-skeleton-button{width:60px;flex-basis:60px}.meta-sync-summary-line .meta-sync-bar{flex-basis:100%;width:100%}}

/* Report toolbar: quiet purple search, explicit clear and matching column action. */
.table-search.report-table-search{display:flex;align-items:center;gap:10px;box-sizing:border-box;min-height:44px;flex:0 1 310px;min-width:180px;border:1.5px solid color-mix(in srgb,var(--purple-tx) 24%,var(--bd1));border-radius:12px;background:color-mix(in srgb,var(--purple-bg) 32%,var(--bg1));padding:0 14px;box-shadow:0 1px 3px #1b203108;transition:background-color .15s,border-color .15s,box-shadow .15s}
.table-search.report-table-search>.ui-icon{color:var(--purple-tx);width:17px;height:17px;flex-shrink:0}.table-search.report-table-search input{flex:1;min-width:0;width:100%;border:0;background:transparent;outline:0;box-shadow:none;color:var(--tx1);font:400 13px/1.5 var(--font-sans);padding:10px 0}.report-table-search input::-webkit-search-cancel-button,.report-table-search input::-webkit-search-decoration{-webkit-appearance:none}
.table-search.report-table-search:focus-within{background:var(--bg1);border-color:var(--purple-tx);box-shadow:0 0 0 3px var(--purple-bg),0 1px 3px #1b20310a}
.report-search-shortcut{display:inline-grid;place-items:center;flex:0 0 auto;min-width:17px;height:17px;box-sizing:border-box;padding:0 4px;border:1px solid var(--bd1);border-radius:5px;background:var(--bg1);font:400 10px/1 var(--font-sans);color:var(--tx3)}
.report-search-clear{display:grid;place-items:center;width:21px;height:21px;min-width:21px;min-height:21px;flex-shrink:0;padding:4px;border:0;border-radius:50%;background:var(--purple-bg);color:var(--purple-tx);cursor:pointer}.report-search-clear svg{width:12px;height:12px}.report-search-clear:hover{background:color-mix(in srgb,var(--purple-tx) 18%,var(--bg1))}.report-search-clear:focus-visible{outline:2px solid var(--purple-tx);outline-offset:2px}.report-search-clear[hidden],.report-search-shortcut[hidden]{display:none!important}
.table-tools .report-columns-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 16px;border:1.5px solid #adafb9;border-radius:11px;background:var(--bg1);color:var(--tx1);box-shadow:0 1px 3px #1b203114;font:700 14px/1.4 var(--font-sans);white-space:nowrap;transition:background-color .15s,border-color .15s,box-shadow .15s}.report-columns-button>.ui-icon{width:17px;height:17px;flex-shrink:0}.table-tools .report-columns-button:hover:not(:disabled){border-color:#747886;background:var(--bg2);box-shadow:0 2px 5px #1b20311a}.table-tools .report-columns-button:focus-visible{outline:2px solid var(--purple-tx);outline-offset:3px}
.report-filter-card>.table-tools>.report-table-search{order:1}.report-filter-card>.table-tools>[data-report-count]{order:2;margin-right:auto}.report-filter-card>.table-tools>[data-report-filter-open]{order:3}.report-filter-card>.table-tools>.report-columns-button{order:4}.report-filter-card>.table-tools>.report-theme-trigger{order:5}
html[data-theme=dark] .table-tools .report-columns-button{border-color:#6f7589}html[data-theme=dark] .table-tools .report-columns-button:hover:not(:disabled){border-color:#a7adc2}
@media(max-width:768px){.table-search.report-table-search{flex:1 1 100%;max-width:none}.table-tools .report-columns-button{font-size:12px;padding:9px 12px}.report-filter-card>.table-tools>[data-report-count]{flex:1 1 auto;margin-right:auto}}
@media(prefers-reduced-motion:reduce){.table-search.report-table-search,.table-tools .report-columns-button{transition:none}}

/* Audience reference cards: own typography, independent of highlight cards. */
.audience-chart-section>summary{gap:12px;margin-bottom:12px;padding:0;font-family:var(--font-sans);font-weight:700;font-size:14px;line-height:1.5}
.audience-chart-section>summary>span:first-child,.report-charts>summary>span:first-child{flex:1}.audience-chart-section>summary>.btn-link{font-family:var(--font-sans);font-weight:600;font-size:11px;line-height:1.4;padding:0;min-height:22px}
.audience-chart-section>summary::after{content:'Ẩn ⌃';font-family:var(--font-sans);font-weight:500;font-size:11px;line-height:1.4}.audience-chart-section:not([open])>summary::after{content:'Hiện ⌄'}
.audience-chart-section .audience-chart-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.audience-chart-section .audience-summary-card{display:flex;flex-direction:column;box-sizing:border-box;min-width:0;min-height:394px;padding:18px;border:1px solid var(--bd1);border-radius:18px;background:var(--bg1);color:var(--tx1);box-shadow:none;font-family:var(--font-sans);font-weight:400;font-size:11px;line-height:1.4}
.audience-chart-section .audience-summary-card>header{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:10px;margin:0 0 12px}
.audience-chart-section .audience-summary-card>header>div{flex:1 1 auto;min-width:0}
.audience-chart-section .audience-summary-card>header h3{font-family:var(--font-sans);font-weight:700;font-size:13px;line-height:1.5;margin:0 0 3px}
.audience-chart-section .audience-summary-card>header .subtle{font-family:var(--font-sans);font-weight:400;font-size:11px;line-height:1.5;margin:0;color:var(--tx3)}
.audience-chart-section .audience-card-metric{display:inline-flex;flex:0 1 auto;align-items:center;gap:5px;width:auto;min-width:0;max-width:56%;min-height:28px;padding:5px 8px;border:1px solid var(--bd2);border-radius:8px;background:var(--bg1);color:var(--tx1);box-shadow:0 1px 2px #171c3208;font-family:var(--font-sans);font-weight:500;font-size:10px;line-height:1.4}
.audience-chart-section .audience-card-metric>strong{display:block;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;font-family:var(--font-sans);font-weight:600;font-size:10px;line-height:1.4}
.audience-chart-section .audience-card-metric>.ui-icon{width:11px;height:11px;flex-shrink:0;margin:0;color:var(--tx3)}
.audience-chart-section .audience-chart-direction{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 14px;font-family:var(--font-sans);font-weight:400;font-size:10px;line-height:1.4}
.audience-chart-section .audience-chart-direction>span{padding:3px 6px;border-radius:6px;background:#eaf3fb;color:#3b6e8c;font-weight:600}
.audience-chart-section .audience-chart-direction>small{display:inline;margin:0;color:var(--tx3);font-family:var(--font-sans);font-weight:400;font-size:10px;line-height:1.4}
.audience-chart-section .audience-chart-plot{flex:1 1 auto;min-height:0;max-height:350px;overflow:auto}
.audience-chart-section .audience-rich-bars{display:grid;gap:12px;padding:0 0 8px}
.audience-chart-section .audience-rich-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(45px,.8fr) minmax(67px,.8fr);gap:12px;align-items:center;min-height:34px;font-family:var(--font-sans);font-weight:400;font-size:11px;line-height:1.4}
.audience-chart-section .audience-rich-name{min-width:0}.audience-chart-section .audience-rich-name>span{display:inline;overflow-wrap:anywhere;font-family:var(--font-sans);font-weight:600;font-size:12px;line-height:1.4}
.audience-chart-section .audience-rich-name>p{margin:2px 0 0;color:var(--tx3);font-family:var(--font-sans);font-weight:400;font-size:10px;line-height:1.4}
.audience-chart-section .audience-best-badge{display:inline-flex;vertical-align:middle;width:auto;margin:0 0 0 5px;padding:1px 4px;border-radius:5px;background:var(--green-bg);color:var(--green-tx);white-space:nowrap;font-family:var(--font-sans);font-weight:600;font-size:9px;line-height:1.25}
.audience-chart-section .audience-low-data{display:inline;margin:0;color:var(--amber-tx);white-space:nowrap;font-family:var(--font-sans);font-weight:600;font-size:10px;line-height:1.4}
.audience-chart-section .audience-rich-rail{height:8px;border-radius:99px;overflow:hidden;background:var(--bg3)}.audience-chart-section .audience-rich-rail>i{display:block;height:100%;border-radius:99px;background:#9386e8}
.audience-chart-section .audience-rich-rail>i.is-best{background:#359b6c}.audience-chart-section .audience-rich-rail>i.is-low-data{background:repeating-linear-gradient(135deg,#c2b6ed 0 3px,#e3ddf5 3px 6px)}
.audience-chart-section .audience-rich-rail>i.is-best.is-low-data{background:repeating-linear-gradient(135deg,#359b6c 0 3px,#9dd5b9 3px 6px)}.audience-chart-section .audience-rich-rail>i.is-unnamed{background:#bdc1ce}
.audience-chart-section .audience-rich-row>strong{display:block;margin:0;letter-spacing:0;white-space:nowrap;text-align:right;color:var(--tx1);font-family:var(--font-sans);font-weight:700;font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums}
.audience-chart-section .audience-rich-row>strong.is-unknown{color:var(--tx3);font-weight:500}
.audience-chart-section .audience-rich-row>strong>.audience-rich-delta{display:block;margin:1px 0 0;letter-spacing:0;color:var(--tx3);font-family:var(--font-sans);font-weight:500;font-size:9px;line-height:1.4}
.audience-chart-section .audience-rich-row>strong>.audience-rich-delta[data-tone=bad]{color:var(--red-tx)}.audience-chart-section .audience-rich-row>strong>.audience-rich-delta[data-tone=good]{color:var(--green-tx)}
.audience-chart-section .audience-chart-section-label{margin:0 0 7px;color:var(--tx3);letter-spacing:.65px;text-transform:uppercase;font-family:var(--font-sans);font-weight:600;font-size:10px;line-height:1.5}
.audience-chart-section .audience-gender-share{display:flex;height:12px;margin:0 0 7px;gap:1px;border-radius:5px;overflow:hidden;background:var(--bg2)}
.audience-chart-section .audience-gender-legend{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;color:var(--tx2);font-family:var(--font-sans);font-weight:400;font-size:10px;line-height:1.4}
.audience-chart-section .audience-unknown-group{border-top:1px solid var(--bd1);padding-top:12px;margin-top:2px}
.audience-chart-section .audience-no-data{display:flex;align-items:center;flex-wrap:wrap;gap:5px 6px;padding:9px 10px;margin-top:3px;border-radius:8px;background:var(--bg2);color:var(--tx3);font-family:var(--font-sans);font-weight:400;font-size:10px;line-height:1.5}
.audience-chart-section .audience-no-data>strong{display:inline;margin:0;color:var(--tx3);font-family:var(--font-sans);font-weight:600;font-size:10px;line-height:1.5}
.audience-chart-section .audience-no-data>span{display:inline-block;padding:1px 6px;border:1px solid var(--bd1);border-radius:99px;background:var(--bg1);font-family:var(--font-sans);font-weight:400;font-size:10px;line-height:1.5}
.audience-chart-section .audience-chart-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--bd1)}
.audience-chart-section .audience-chart-footer>.audience-chart-note{flex:1;min-width:0;margin:0;padding:0;border:0;color:var(--tx3);font-family:var(--font-sans);font-weight:400;font-size:10px;line-height:1.5}
.audience-chart-section .audience-chart-footer>.btn-link{margin:0;padding:0;min-height:0;color:var(--purple-tx);white-space:nowrap;font-family:var(--font-sans);font-weight:600;font-size:10px;line-height:1.5}
html[data-theme=dark] .audience-chart-section .audience-chart-direction>span{background:#253a4b;color:#a7cfee}
html[data-theme=dark] .audience-chart-section .audience-rich-rail>i.is-best{background:#55bd8b}html[data-theme=dark] .audience-chart-section .audience-rich-rail>i.is-low-data{background:repeating-linear-gradient(135deg,#8076b8 0 3px,#59517b 3px 6px)}
html[data-theme=dark] .audience-chart-section .audience-rich-rail>i.is-best.is-low-data{background:repeating-linear-gradient(135deg,#55bd8b 0 3px,#33684e 3px 6px)}
@media(max-width:1100px){.audience-chart-section .audience-chart-grid{grid-template-columns:minmax(0,1fr)}.audience-chart-section .audience-summary-card{min-height:0}}
@media(max-width:600px){.audience-chart-section .audience-summary-card{padding:18px 16px}.audience-chart-section .audience-rich-row{grid-template-columns:minmax(0,1.5fr) minmax(45px,.85fr) minmax(64px,.85fr);gap:8px}.audience-chart-section .audience-summary-card>header>div{flex-basis:auto}.audience-chart-section .audience-chart-footer{flex-wrap:wrap}}

/* Personal report column pins: two reorder groups, at most four frozen columns. */
#selected-columns .col-pin-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px;color:var(--tx3);font:400 12px/1.5 var(--font-sans)}
#selected-columns .col-pin-heading:first-child{margin-top:4px}#selected-columns .col-pin-heading>b{font-size:11px;color:var(--purple-tx);letter-spacing:.3px}
#selected-columns .col-pin-heading:not(:first-child){border-top:3px solid var(--purple-tx);padding-top:18px;margin-top:14px}
#selected-columns .report-col.is-pinned{background:var(--purple-bg);border-color:color-mix(in srgb,var(--purple-tx) 28%,var(--bd1))}
#selected-columns .report-col.is-fixed{background:var(--bg2)}
#selected-columns .report-col>.col-order{order:0;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--bg3);color:var(--tx3);font:700 13px/1 var(--font-sans)}
#selected-columns .report-col.is-pinned>.col-order{background:var(--purple-tx);color:var(--bg1)}
#selected-columns .report-col>.col-pin{order:4;flex:0 0 auto}#selected-columns .report-col>.col-remove{order:5}
.col-pin{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--tx3);cursor:pointer}.col-pin svg{width:17px;height:17px}.col-pin:disabled{opacity:.35;cursor:not-allowed}.col-pin:focus-visible{outline:2px solid var(--purple-tx);outline-offset:2px}
.column-pane-add .col-pin,.column-pane-add .col-order{display:none}.col-pin-help{font:400 12px/1.6 var(--font-sans);color:var(--tx3);margin:16px 0 0}
.table-wrap table.report-user-pins .report-pinned-cell{position:sticky;left:var(--report-pin-left);width:var(--report-pin-width);min-width:var(--report-pin-width);max-width:var(--report-pin-width);z-index:2;box-sizing:border-box}
.table-wrap table.report-user-pins thead .report-pinned-cell,.table-wrap table.report-user-pins tfoot .report-pinned-cell{z-index:4}
@media(max-width:700px){#selected-columns .col-pin-heading{align-items:flex-start;flex-direction:column;gap:4px}.col-pin{width:34px;height:34px}#selected-columns .report-col{gap:6px}.col-fixed{font-size:10px}}
.detail-column-option.is-pinned{background:var(--purple-bg);border-color:var(--bd2)}.detail-column-option>div{display:flex;align-items:center;gap:5px}

/* Filter values use localized text entry, without native number steppers. */
input[data-grouped-number]{font-variant-numeric:tabular-nums}
.report-rule-value input[data-grouped-number],.report-rule-range input[data-grouped-number]{font-size:15px;font-weight:600;letter-spacing:0}
.report-rule-value:focus-within{border-radius:12px}.report-rule-value.fi-suffix>span{pointer-events:none}
input[data-grouped-number]::placeholder{font-weight:400}

/* Filter AND/OR uses explicit segments instead of the native select menu. */
.filter-logic-control{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;color:var(--tx3);font-family:var(--font-sans);font-size:13px;line-height:1.5}
.filter-logic-switch{display:inline-flex;align-items:stretch;gap:3px;padding:4px;border-radius:11px;background:var(--bg3)}
.filter-logic-switch>button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:8px;padding:7px 10px;min-height:34px;background:transparent;color:var(--tx3);font-family:var(--font-sans);font-weight:500;font-size:13px;line-height:1.4;white-space:nowrap;cursor:pointer}
.filter-logic-switch>button>b{flex:none!important;margin:0;padding:1px 6px;border-radius:99px;font-family:var(--font-sans);font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.02em}
.filter-logic-switch>.is-and>b{background:var(--purple-bg);color:var(--purple-tx)}.filter-logic-switch>.is-or>b{background:var(--amber-bg);color:var(--amber-tx)}
.filter-logic-switch>button[aria-pressed=true]{background:var(--bg1);box-shadow:0 1px 4px #171c3210;font-weight:700}.filter-logic-switch>.is-and[aria-pressed=true]{color:var(--purple-tx)}.filter-logic-switch>.is-or[aria-pressed=true]{color:var(--amber-tx)}
.filter-logic-switch>button:focus-visible{outline:2px solid var(--purple-tx);outline-offset:2px;z-index:2}
.filter-logic-tooltip{position:absolute;top:calc(100% + 10px);right:0;z-index:60;display:block;visibility:hidden;opacity:0;pointer-events:none;width:max-content;max-width:min(310px,calc(100vw - 64px));padding:9px 11px;border-radius:8px;background:#1c2132;color:#fff;box-shadow:0 4px 16px #171c3220;font-family:var(--font-sans);font-size:12px;font-weight:400;line-height:1.5;white-space:normal;text-align:left}
.filter-logic-switch>button:hover>.filter-logic-tooltip,.filter-logic-switch>button:focus-visible>.filter-logic-tooltip{visibility:visible;opacity:1}
.filter-group>header>.filter-logic-control{margin-left:auto}.filter-single-logic[hidden]{display:none}
@media(max-width:600px){.filter-head{flex-wrap:wrap}.filter-single-logic{margin-left:auto}.filter-logic-control{gap:7px;font-size:12px}.filter-logic-switch>button{padding:7px 8px;font-size:12px}.filter-group>header{flex-wrap:wrap}.filter-group>header>.filter-logic-control{order:3;flex-basis:100%;justify-content:flex-end}.filter-logic-tooltip{max-width:calc(100vw - 64px)}}

/* Province criteria: explicit thresholds, live counts, and a searchable condition menu. */
.region-conditions-trigger.btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 13px;border:1.5px solid #b9bac2;border-radius:12px;background:var(--bg1,#fff);box-shadow:0 1px 3px #20243712;color:var(--tx1,#242633);font-size:13px;font-weight:700;white-space:nowrap}
.region-conditions-trigger.btn>.ui-icon{width:16px;height:16px;color:#6554b5}
.region-conditions-trigger.btn>b{display:grid;place-items:center;min-width:21px;height:21px;padding:0 4px;box-sizing:border-box;border-radius:50%;background:#efebfa;color:#6554b5;font-size:12px;font-weight:700}
.region-conditions-trigger.btn:hover{border-color:#858592;background:var(--bg2,#faf9fd)}
.region-conditions-trigger.btn[aria-expanded=true],.region-conditions-trigger.btn:focus-visible{border-color:#7660bc;color:#6554b5;outline:3px solid #7860c526;outline-offset:1px}
.hc-modal.region-criteria-modal{max-width:760px!important;width:min(760px,calc(100vw - 32px));border-radius:24px}
.region-criteria-modal .hc-modal-head{padding:24px 26px;gap:16px}
.region-criteria-modal .hc-modal-head h3{font-family:var(--font-body,Lato,sans-serif);font-size:23px;font-weight:800;letter-spacing:-.2px}
.region-criteria-modal .hc-modal-desc{font-size:14px;line-height:1.5}
.region-criteria-modal .hc-modal-icon{width:48px;height:48px;background:#efebfa;color:#6554b5}
.region-criteria-modal .hc-modal-body{padding:20px 26px}
.region-criteria-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;font-size:12px;color:var(--tx3,#85838d)}
.region-criteria-heading>b{font-weight:700;letter-spacing:.3px}
.region-criteria-heading>span{text-align:right}
.region-criterion{padding:14px 15px;margin-bottom:12px;border:1px solid var(--bd1,#e5e4e9);border-radius:16px;background:var(--bg2,#faf9fd)}
.region-criterion.is-enabled{border-color:#d0cbdc;background:var(--bg1,#fff);box-shadow:inset 0 0 0 999px #7562b505}
.region-criterion-top{display:flex;align-items:center;gap:10px;min-width:0}
.region-criterion-top>label{display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer;margin:0}
.region-criterion-top input[type=checkbox]{appearance:none;width:23px;height:23px;border:1.5px solid #b6b5bf;border-radius:7px;background:var(--bg1,#fff);margin:0;flex-shrink:0;display:grid;place-items:center;cursor:pointer}
.region-criterion-top input[type=checkbox]:checked{border-color:#5946d4;background:#5946d4}
.region-criterion-top input[type=checkbox]:checked:after{content:'';width:9px;height:5px;border-left:2px solid white;border-bottom:2px solid white;transform:translateY(-1px) rotate(-45deg)}
.region-criterion-top input[type=checkbox]:focus-visible{outline:3px solid #7660bc40;outline-offset:2px}
.region-criterion-top strong{font-size:14px;font-family:var(--font-body,Lato,sans-serif);font-weight:750;line-height:1.4}
.region-criterion-top [data-region-source]{display:flex;gap:3px;flex-shrink:0}
.region-source{font-size:10px;line-height:1.2;border:1px solid #cedfe8;border-radius:4px;color:#427493;background:#f0f8fc;padding:0 4px;white-space:nowrap}
.region-source.is-web{border-color:#d3e5d8;background:#f0f8f2;color:#4d8160}
.region-criterion-count{margin-left:auto;color:var(--tx3,#8d8992);font-size:12px;white-space:nowrap}
.region-criterion-count.is-active{background:#fceceb;color:#aa4c40;border-radius:99px;padding:4px 10px;font-weight:750}
.region-condition-remove{border:0;background:none;color:#96919c;display:grid;place-items:center;padding:3px;width:24px;height:24px;cursor:pointer;border-radius:5px;font-size:18px}
.region-condition-remove .ui-icon{width:15px;height:15px}
.region-condition-remove:hover{background:#fceceb;color:#aa4c40}
.region-criterion-sentence{margin:12px 0 0 34px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--tx2,#77727e);font-size:14px;line-height:1.7}
.region-number{display:inline-flex;align-items:stretch;border:1px solid #d6d3de;background:var(--bg1,#fff);border-radius:11px;overflow:hidden;margin:0;box-shadow:0 1px 2px #20243706}
.region-number:focus-within{border-color:#7865b6;box-shadow:0 0 0 3px #7860c526}
.region-number input.fi{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;width:89px;min-width:0;min-height:38px;padding:8px 10px;font-size:14px;font-weight:750;text-align:right;font-variant-numeric:tabular-nums;color:var(--tx1,#272430)}
.region-number>span{display:grid;place-items:center;padding:0 10px;color:var(--tx3,#89838f);border-left:1px solid var(--bd1,#eeebf1);font-size:12px;min-width:28px;box-sizing:border-box}
.region-number:has(input:disabled){opacity:.7}
.region-criterion-average{margin:10px 0 0 34px;font-size:12px;color:var(--tx3,#938d99);line-height:1.5}
.region-criterion-average:empty{display:none}
.region-criterion-average b{font-weight:700;color:var(--tx2,#77727e)}
.region-custom-metric.fi,.region-custom-op.fi{width:auto;max-width:230px;min-height:38px;font-size:13px;padding:6px 24px 6px 9px}
.region-add-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:1px dashed #cfc8db;border-radius:12px;background:var(--bg2,#faf9fd);padding:13px 15px;color:#6554a8;cursor:pointer;text-align:left;font:inherit}
.region-add-trigger>b{font-size:14px;font-weight:750}
.region-add-trigger>span{font-size:12px;color:var(--tx3,#97909d)}
.region-criteria-help{font-size:12px;color:var(--tx3,#96909c);line-height:1.6;margin:12px 0 0}
.region-criteria-modal .hc-modal-foot{padding:16px 26px;gap:10px;background:var(--bg1,#fff)}
.region-criteria-modal .hc-modal-note{font-size:13px;display:block;line-height:1.5;flex:1;margin:0;min-width:120px}
.region-criteria-modal .hc-modal-note strong{color:var(--tx1,#282431);font-weight:750}
.region-save-scope.choice-switch{flex-shrink:0;background:var(--bg3,#f5f3f9);padding:3px;border-radius:10px;gap:2px}
.region-save-scope.choice-switch label{font-size:12px;padding:8px 10px;white-space:nowrap;margin:0}
.region-criteria-modal .hc-modal-foot .btn{min-height:42px;font-size:14px;padding:9px 15px}
.region-add-picker{position:fixed;z-index:1800;box-sizing:border-box;display:flex;flex-direction:column;padding:7px;border:1px solid #e3ddeb;border-radius:15px;background:var(--bg1,#fff);box-shadow:0 12px 35px #23203926;overflow:hidden}
.region-add-picker[hidden]{display:none!important}
.region-add-search{display:flex;align-items:center;gap:6px;border:1px solid #d6cfe5;background:var(--bg2,#faf9fd);border-radius:9px;padding:8px 10px;margin:0;flex-shrink:0}
.region-add-search .ui-icon{width:14px;height:14px;color:#8a809b}
.region-add-search input{border:0;background:transparent;outline:none;min-width:0;width:100%;font:inherit;font-size:13px;color:var(--tx1,#282431)}
.region-add-search:focus-within{border-color:#8070b5;box-shadow:0 0 0 2px #7860c51a}
.region-add-options{overflow:auto;overscroll-behavior:contain;padding-top:5px}
.region-add-options h4{font-size:10px;letter-spacing:.4px;color:var(--tx3,#8d8795);font-weight:700;padding:10px 9px 4px;margin:0}
.region-add-options button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;border:0;border-radius:8px;padding:9px;background:transparent;font:inherit;color:var(--tx1,#282431);cursor:pointer}
.region-add-options button:hover,.region-add-options button:focus-visible{background:#eee9fa;outline:0}
.region-add-options button span{min-width:0}.region-add-options button b{font-size:12px;font-weight:750;display:block;line-height:1.4}
.region-add-options button small{display:block;font-size:11px;line-height:1.5;margin-top:2px;color:var(--tx3,#908998)}
.region-add-options button em{font-size:10px;color:var(--tx3,#908998);font-style:normal;white-space:nowrap}
.region-options-empty{font-size:13px;color:var(--tx3);padding:12px}
@media(max-width:640px){.region-conditions-trigger.btn{font-size:12px;white-space:normal;text-align:left}.region-criteria-modal .hc-modal-head{padding:18px;gap:12px}.region-criteria-modal .hc-modal-head h3{font-size:19px}.region-criteria-modal .hc-modal-desc{font-size:12px}.region-criteria-modal .hc-modal-body{padding:16px}.region-criterion{padding:12px}.region-criterion-top{gap:6px;flex-wrap:wrap}.region-criterion-top strong{font-size:13px}.region-criterion-top>label{gap:7px}.region-criterion-top input[type=checkbox]{width:21px;height:21px}.region-criterion-sentence{margin-left:0;font-size:12px;gap:6px}.region-criterion-average{margin-left:0;font-size:11px}.region-criteria-heading{font-size:10px}.region-number input.fi{width:79px;font-size:13px;padding:7px;min-height:36px}.region-number>span{padding:0 7px}.region-add-trigger{padding:12px}.region-add-trigger>span{display:none}.region-criteria-modal .hc-modal-foot{padding:14px 16px;flex-wrap:wrap;gap:8px}.region-criteria-modal .hc-modal-note{flex-basis:100%;font-size:12px}.region-save-scope.choice-switch{margin-right:auto}.region-save-scope.choice-switch label{padding:7px;font-size:11px}.region-criteria-modal .hc-modal-foot .btn{font-size:12px;min-height:38px;padding:8px 12px}}

/* Objective funnels: independent cards and steps, with a consistent tapered silhouette. */
.objective-funnels{margin:22px 0 26px;font-family:var(--font-body,Lato,sans-serif)}
.objective-funnels-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.objective-funnels-heading h3{margin:0;font-size:14px;font-weight:750;color:var(--tx1)}
.objective-funnels-heading>div{display:flex;align-items:center;gap:8px}.objective-funnels .btn-link{font-size:11px;min-height:24px;padding:2px 4px}
.objective-funnels-content[hidden]{display:none!important}
.objective-funnel-toggles{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 16px;font-size:11px;color:var(--tx3)}
.objective-funnel-toggles label{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 10px;border:1px solid var(--bd1,#e6e3ee);border-radius:99px;background:var(--bg1,#fff);font-size:11px;line-height:1.3;color:var(--tx3);cursor:pointer}
.objective-funnel-toggles label.is-visible{background:#f2effc;color:#6553ae;border-color:#e2dcf2}
.objective-funnel-toggles input,.objective-funnel-visible input,.objective-funnel-option>input{accent-color:#5c44d6;width:14px;height:14px;flex-shrink:0;margin:0;cursor:pointer}
.objective-funnels-grid{display:grid;grid-template-columns:repeat(var(--funnel-columns,4),minmax(0,1fr));gap:12px;align-items:stretch}
.objective-funnel-card{display:flex;flex-direction:column;min-width:0;min-height:292px;padding:15px 13px 12px;border:1px solid var(--bd1,#e7e4ef);border-radius:15px;background:var(--bg1,#fff)}
.objective-funnel-card.is-sales-chat{border-color:#d7cee9;box-shadow:0 0 0 1px #7660bb0c}
.objective-funnel-card>header{display:flex;align-items:flex-start;gap:6px;justify-content:space-between}
.objective-funnel-card>header h3{margin:0;font-family:var(--font-body,Lato,sans-serif);font-size:12px;font-weight:750;line-height:1.4;min-width:0}
.objective-funnel-card>header>span{font-size:9px;font-weight:400;line-height:1.4;white-space:nowrap;background:var(--bg3,#f5f3f9);color:var(--tx2);padding:1px 4px;border-radius:5px;margin-top:1px}
.objective-funnel-sub{font-size:10px;line-height:1.4;color:var(--tx3);margin:5px 0 13px}
.objective-funnel-diagram{display:flex;flex-direction:column;gap:3px;margin-bottom:15px}
.objective-funnel-step{display:grid;grid-template-columns:minmax(45px,.65fr) minmax(62px,1.2fr) minmax(60px,.85fr);gap:6px;align-items:center;min-height:26px}
.objective-funnel-label{font-size:10px;line-height:1.2;color:var(--tx2);min-width:0;overflow-wrap:anywhere}
.objective-funnel-rail{display:flex;justify-content:center;align-items:center;min-width:0;height:26px}
.objective-funnel-rail>i{display:block;height:26px;border-radius:4px;min-width:0;box-shadow:inset 0 0 0 1px #fff3}
.objective-funnel-rail>i.is-missing{opacity:.25}
.objective-funnel-value{min-width:0;text-align:right;font-variant-numeric:tabular-nums}
.objective-funnel-value>b{display:block;font-size:11px;font-weight:750;line-height:1.2;color:var(--tx1)}
.objective-funnel-value>small{display:block;font-size:9px;font-weight:400;line-height:1.3;margin-top:2px;color:var(--tx3)}
.objective-funnel-value>small.is-drop{color:#ab5949;font-weight:700}
.objective-funnel-card>footer{margin-top:auto;border-top:1px solid var(--bd1,#efedf4);padding-top:10px;display:flex;align-items:flex-start;flex-wrap:wrap;gap:5px 10px;font-size:9px;color:var(--tx3);line-height:1.5}
.objective-funnel-card>footer b{font-size:9px;font-weight:750;color:var(--tx1)}
.objective-funnel-empty,.objective-funnel-other{font-size:12px;color:var(--tx3);margin:12px 0}.objective-funnel-empty{grid-column:1/-1}
.hc-modal.objective-funnel-modal{width:min(880px,calc(100vw - 32px));max-width:880px!important}
.objective-funnel-modal .hc-modal-icon,.objective-funnel-modal .hc-modal-close{display:none}
.objective-funnel-modal .hc-modal-head{border:0;padding:30px 32px 8px}
.objective-funnel-modal .hc-modal-head h3{font-family:var(--font-body,Lato,sans-serif);font-size:24px;font-weight:800}
.objective-funnel-modal .hc-modal-desc{font-size:16px}
.objective-funnel-modal .hc-modal-body{padding:22px 32px 12px}
.objective-funnel-tabs{display:flex;align-items:stretch;flex-wrap:wrap;gap:3px;background:var(--bg3,#f4f2f8);padding:4px;border-radius:16px;margin-bottom:22px}
.objective-funnel-tabs>button{border:0;background:none;color:var(--tx3);border-radius:12px;padding:12px 14px;font:inherit;font-size:14px;line-height:1.3;cursor:pointer;flex:1;min-width:120px}
.objective-funnel-tabs>button[aria-selected=true]{color:var(--tx1);font-weight:750;background:var(--bg1,#fff);box-shadow:0 1px 6px #21193405}
.objective-funnel-tabs>button:focus-visible{outline:2px solid #7964bf;outline-offset:2px}
.objective-funnel-target{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}
.objective-funnel-target>b{font-size:16px;font-weight:750}.objective-funnel-target>select.fi{width:52%;min-height:48px;font-size:15px}
.objective-funnel-editor>h4{font-family:var(--font-body,Lato,sans-serif);font-size:16px;font-weight:750;margin:0 0 16px}
.objective-funnel-step-list{display:grid;gap:12px}
.objective-funnel-step-editor{display:flex;align-items:center;gap:12px}
.objective-funnel-handle,.objective-funnel-remove{display:grid;place-items:center;background:none;border:0;padding:4px;color:var(--tx3);width:24px;min-width:24px;cursor:pointer;font-size:20px}
.objective-funnel-handle{cursor:grab;font-size:16px;color:#a8a3b1}.objective-funnel-handle:active{cursor:grabbing}
.objective-funnel-remove .ui-icon{width:18px;height:18px}.objective-funnel-remove:disabled{opacity:.3;cursor:default}
.objective-funnel-handle:focus-visible,.objective-funnel-remove:focus-visible{outline:2px solid #7964bf;border-radius:5px}
.objective-funnel-index{display:grid;place-items:center;width:30px;min-width:30px;height:30px;border-radius:9px;background:var(--bg3,#f0f1f5);color:var(--tx2);font-size:16px;font-weight:750}
.objective-funnel-step-select{position:relative;flex:1;min-width:0;margin:0}
.objective-funnel-step-select select.fi{width:100%;min-height:50px;padding:12px 120px 12px 16px;border-radius:13px;font-size:16px;background-color:var(--bg1,#fff)}
.objective-funnel-step-select>span{position:absolute;right:32px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:13px;color:var(--tx3)}
.objective-funnel-add-step.btn-link{font-size:16px;font-weight:750;padding:14px 0 20px}
.objective-funnel-option{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:15px;color:var(--tx1);margin:14px 0}
.objective-funnel-option .choice-switch{margin:0}.objective-funnel-option .choice-switch label{font-size:14px;padding:12px 20px;margin:0}
.objective-funnel-option .choice-switch label:focus-within{outline:2px solid #7964bf}
.objective-funnel-option>input{width:24px;height:24px}
.objective-funnel-visible{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--tx1);margin:0}.objective-funnel-visible input{width:22px;height:22px}
.objective-funnel-modal .hc-modal-foot{padding:22px 32px;gap:14px}.objective-funnel-reset.btn-link{font-size:16px;font-weight:750}
@media(max-width:1150px){.objective-funnels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.objective-funnel-card>header h3{font-size:13px}.objective-funnel-step{grid-template-columns:minmax(70px,1fr) minmax(80px,1.4fr) minmax(75px,1fr)}}
@media(max-width:600px){.objective-funnels-grid{grid-template-columns:1fr}.objective-funnel-card{min-height:275px;padding:16px}.objective-funnel-step{grid-template-columns:minmax(65px,1fr) minmax(75px,1.4fr) minmax(70px,1fr)}.objective-funnel-label{font-size:11px}.objective-funnel-value>b{font-size:12px}.objective-funnel-value>small{font-size:10px}.objective-funnel-card>footer,.objective-funnel-card>footer b{font-size:10px}.objective-funnel-modal .hc-modal-head{padding:22px 18px 8px}.objective-funnel-modal .hc-modal-head h3{font-size:21px}.objective-funnel-modal .hc-modal-desc{font-size:13px}.objective-funnel-modal .hc-modal-body{padding:16px 18px 10px}.objective-funnel-tabs{margin-bottom:18px}.objective-funnel-tabs>button{min-width:100px;font-size:12px;padding:10px}.objective-funnel-target{gap:10px}.objective-funnel-target>b,.objective-funnel-editor>h4{font-size:14px}.objective-funnel-target>select.fi{font-size:13px;min-height:44px;width:58%}.objective-funnel-step-editor{gap:6px}.objective-funnel-index{width:24px;min-width:24px;height:26px;font-size:13px}.objective-funnel-handle,.objective-funnel-remove{width:18px;min-width:18px}.objective-funnel-step-select select.fi{font-size:13px;padding:10px 85px 10px 10px;min-height:46px}.objective-funnel-step-select>span{font-size:10px;right:25px}.objective-funnel-option{font-size:13px;gap:8px}.objective-funnel-option .choice-switch label{font-size:12px;padding:10px 12px}.objective-funnel-add-step.btn-link{font-size:14px}.objective-funnel-modal .hc-modal-foot{padding:16px 18px;gap:10px}.objective-funnel-visible{font-size:13px}.objective-funnel-reset.btn-link{font-size:13px}}

/* Shared report type scale: Highlights + Charts, including the compact three-column view. */
.report-highlights>summary,.post-report-highlights>summary,.audience-chart-section>summary,.report-charts>summary,.post-charts-heading h2,.objective-funnels-heading h3{font-family:var(--font-sans);font-size:17px;font-weight:700;line-height:1.5;letter-spacing:0}
.report-highlights>summary,.post-report-highlights>summary,.audience-chart-section>summary,.report-charts>summary{padding:0;margin-bottom:16px;gap:16px}
.report-highlights>summary>.btn-link,.post-report-highlights>summary>.btn-link,.audience-chart-section>summary>.btn-link,.report-charts>summary>.btn-link,.post-charts-heading .btn-link,.objective-funnels-heading .btn-link{font-family:var(--font-sans);font-size:13px;font-weight:700;line-height:1.4;min-height:24px}
.report-highlights>summary::after,.post-report-highlights>summary::after,.audience-chart-section>summary::after,.report-charts>summary::after{font-family:var(--font-sans);font-size:13px;font-weight:700;line-height:1.4}
.post-charts-heading,.objective-funnels-heading{margin-bottom:16px}
.report-highlights>.ui-highlights,.post-highlight-grid,.audience-chart-section .audience-chart-grid,.post-report-chart-grid,.post-report-chart-grid.is-compact{gap:16px}
.report-highlights .ui-highlight,.post-report-highlights .post-highlight-card,.audience-chart-section .audience-summary-card,.post-report-charts .post-report-card,.report-charts .ui-highlight,.objective-funnels .objective-funnel-card{padding:20px;border-radius:16px;box-sizing:border-box;min-width:0}
.report-highlights .ui-highlight>small,.post-report-highlights .post-highlight-card h3,.post-report-highlights .post-highlight-stat h4{font-family:var(--font-sans);font-size:13px;font-weight:700;line-height:1.4;letter-spacing:0}
.report-highlights .ui-highlight>strong,.post-report-highlights .post-highlight-name,.post-report-highlights .is-merged .post-highlight-name{display:block;font-family:var(--font-sans);font-size:15px;font-weight:700;line-height:1.5;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset}
.report-highlights .ui-highlight>strong small,.report-highlights .ui-highlight .hourly-caption{font-family:var(--font-sans);font-size:12.5px;font-weight:400;line-height:1.5;letter-spacing:0}
.report-highlights .hourly-identity.is-inline{flex-wrap:nowrap;max-width:100%;overflow:hidden;white-space:nowrap}
.report-highlights .hourly-caption{min-width:0;overflow:hidden;text-overflow:ellipsis}
.report-highlights .ui-highlight>p{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;border-top:1px solid var(--bd1);padding-top:10px;margin-top:10px;font-size:12.5px;line-height:1.5}
.report-highlights .report-highlight-value,.report-highlights .report-highlight-value .metric-value,.post-report-highlights .post-highlight-stat strong{font-family:Lexend,'Segoe UI',sans-serif;font-size:24px;font-weight:600;line-height:1.3;letter-spacing:0;font-variant-numeric:tabular-nums}
.report-highlights .report-highlight-context,.post-report-highlights .post-highlight-comparison,.post-report-highlights .post-highlight-runner{font-family:var(--font-sans);font-size:12.5px;font-weight:400;line-height:1.5}
.post-report-highlights .post-highlight-comparison b{font-weight:700}
.post-report-highlights .post-highlight-tag,.post-report-highlights .post-highlight-leader{font-size:12.5px;line-height:1.4}
.post-report-highlights .post-highlight-link,.post-report-highlights .btn-link.post-highlight-link{font-size:13px;font-weight:700;line-height:1.4}
.audience-chart-section .audience-summary-card>header h3,.post-report-charts .post-report-card>header h3,.report-charts .ui-highlight>strong,.objective-funnels .objective-funnel-card>header h3{font-family:var(--font-sans);font-size:15px;font-weight:700;line-height:1.5;letter-spacing:0}
.audience-chart-section .audience-summary-card>header .subtle,.post-report-charts .post-report-card>header .subtle,.objective-funnels .objective-funnel-sub{font-family:var(--font-sans);font-size:13px;font-weight:400;line-height:1.5}
.audience-chart-section .audience-card-metric,.audience-chart-section .audience-card-metric>strong,.post-report-charts .post-chart-controls>.post-chart-metric-trigger{font-family:var(--font-sans);font-size:13px;font-weight:700;line-height:1.4}
.audience-chart-section .audience-card-metric,.post-report-charts .post-chart-controls>.post-chart-metric-trigger{min-height:34px;padding:7px 9px;border-radius:8px;box-sizing:border-box}
.post-report-charts .post-chart-controls>.post-chart-metric-trigger{max-width:210px;padding:6px 8px}
.audience-chart-section .audience-card-metric>.ui-icon{width:13px;height:13px}
.post-report-charts .post-chart-controls .ui-chart-menu>summary{height:34px;width:34px;min-width:34px;box-sizing:border-box}
.audience-chart-section .audience-chart-direction,.audience-chart-section .audience-chart-direction>small,.post-report-charts .post-report-card .audience-chart-direction,.post-report-charts .post-report-card .audience-chart-direction>small{font-family:var(--font-sans);font-size:12.5px;line-height:1.4}
.audience-chart-section .audience-rich-name>span,.audience-chart-section .audience-rich-row>strong,.post-report-charts .post-report-card .audience-rich-name>span,.post-report-charts .post-report-card .audience-rich-row>strong,.post-report-charts .post-report-card .post-identity-text>span{font-family:var(--font-sans);font-size:14px;font-weight:700;line-height:1.4;letter-spacing:0}
.audience-chart-section .audience-rich-row>strong.is-unknown{font-size:14px;font-weight:400}
.audience-chart-section .audience-rich-name>p,.post-report-charts .post-report-card .audience-rich-name>p,.post-report-charts .post-report-card .post-identity-text>p{font-family:var(--font-sans);font-size:12.5px;font-weight:400;line-height:1.4}
.audience-chart-section .audience-best-badge,.post-report-charts .post-report-card .audience-best-badge{font-family:var(--font-sans);font-size:11.5px;line-height:1.25;font-weight:700}
.audience-chart-section .audience-low-data,.post-report-charts .post-report-card .audience-low-data,.post-report-charts .post-report-card .post-chart-format{font-family:var(--font-sans);font-size:12.5px;line-height:1.4}
.audience-chart-section .audience-rich-row>strong>.audience-rich-delta,.post-report-charts .post-report-card .audience-rich-row>strong>.audience-rich-delta{font-family:var(--font-sans);font-size:12.5px;font-weight:500;line-height:1.4;letter-spacing:0}
.audience-chart-section .audience-chart-section-label,.audience-chart-section .audience-gender-legend,.audience-chart-section .audience-no-data,.audience-chart-section .audience-no-data>strong,.audience-chart-section .audience-no-data>span,.post-report-charts .post-report-card .audience-chart-section-label,.post-report-charts .post-report-card .post-format-legend{font-family:var(--font-sans);font-size:12.5px;line-height:1.5}
.audience-chart-section .audience-rich-rail,.post-report-charts .post-report-card .audience-rich-rail{height:8px}
.audience-chart-section .audience-gender-share,.post-report-charts .post-report-card .post-format-share{height:10px}
.audience-chart-section .audience-chart-footer>.audience-chart-note,.post-report-charts .post-report-card .audience-chart-footer>.audience-chart-note,.post-report-charts .post-report-card .post-chart-note{font-family:var(--font-sans);font-size:12.5px;font-weight:400;line-height:1.5}
.audience-chart-section .audience-chart-footer>.btn-link,.post-report-charts .post-report-card .audience-chart-footer>.btn-link{font-family:var(--font-sans);font-size:13px;font-weight:700;line-height:1.5}
.audience-chart-section .audience-chart-footer,.post-report-charts .post-report-card .audience-chart-footer{flex-wrap:wrap;gap:8px 12px}
.audience-chart-section .audience-rich-row,.post-report-charts .post-report-card .audience-rich-row{min-height:46px}
.post-report-charts .is-compact .audience-rich-row{grid-template-rows:auto 8px;min-height:42px}
.post-report-charts .is-compact .audience-rich-row>strong{grid-template-columns:minmax(70px,auto) 45px}
.post-report-charts .is-compact [data-post-chart=top_posts] .audience-rich-row{min-height:50px}
.report-charts .donut-legend td,.report-charts .donut-legend-name>span,.report-charts .donut-legend td b{font-family:var(--font-sans);font-size:14px;font-weight:700;line-height:1.4}
.report-charts .donut-legend-name small,.report-charts .donut-summary,.report-charts .donut-warning,.report-charts .donut-center>span,.report-charts .donut-center>small{font-family:var(--font-sans);font-size:12.5px;font-weight:400;line-height:1.5}
.report-charts .donut-center>strong{font-family:Lexend,'Segoe UI',sans-serif;font-size:24px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums}
.objective-funnels-grid{gap:16px}
.objective-funnels .objective-funnel-label,.objective-funnels .objective-funnel-value>b{font-family:var(--font-sans);font-size:14px;font-weight:700;line-height:1.3}
.objective-funnels .objective-funnel-card>header>span,.objective-funnels .objective-funnel-value>small,.objective-funnels .objective-funnel-card>footer,.objective-funnels .objective-funnel-card>footer b{font-family:var(--font-sans);font-size:12.5px;line-height:1.4}
@media(max-width:1150px){.objective-funnels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.objective-funnels-grid{grid-template-columns:minmax(0,1fr)}}
.objective-funnels .objective-funnel-toggles,.objective-funnels .objective-funnel-other,.post-report-charts .post-chart-hidden-tray{font-family:var(--font-sans);font-size:12.5px;line-height:1.5}
.objective-funnels .objective-funnel-toggles label,.post-report-charts .post-chart-hidden-tray .btn{font-family:var(--font-sans);font-size:13px;font-weight:700;line-height:1.4}
.audience-chart-section .audience-donut>span{font-family:Lexend,'Segoe UI',sans-serif;font-size:24px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums}
.audience-chart-section .audience-donut-legend li,.audience-chart-section .audience-donut-legend strong{font-family:var(--font-sans);font-size:14px;font-weight:700;line-height:1.4}
.audience-chart-section .audience-chart-plot>svg text{font-family:var(--font-sans);font-size:12.5px}

/* Account security: saved duration segments and a server-based session countdown. */
.form-card.security-countdown-card{max-width:880px;padding:0;border-radius:16px;overflow:hidden;background:var(--bg1);border:1px solid var(--bd1)}
.security-countdown-card .security-row{padding:22px 24px;gap:20px}
.security-countdown-card .security-row h3,.security-session-heading h3{font-family:var(--font-sans);font-size:14px;font-weight:700;line-height:1.4;margin:0 0 6px}
.security-countdown-card .security-row p,.security-session-heading p{font-size:13px;line-height:1.5;color:var(--tx3);margin:0}
.security-countdown-card .security-row .btn{min-height:40px;font-size:13px;padding:9px 16px;white-space:nowrap}
.security-countdown-card .security-row h3 .badge{font-size:12px;margin-left:7px;font-weight:400;vertical-align:middle}
.security-session-block{padding:22px 24px 20px;border-bottom:1px solid var(--bd1)}
.security-session-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
.security-session-heading>div:first-child{flex:1;min-width:0}
.security-session-heading p{max-width:420px;font-size:12.5px}
.security-session-controls{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex:0 1 auto}
.security-session-status{font-size:12px;font-weight:400;color:var(--green-tx);white-space:nowrap;line-height:1.5;max-width:170px}
.security-session-status.is-error{color:var(--red-tx);white-space:normal}
.security-session-options{display:inline-flex;align-items:stretch;gap:2px;padding:4px;background:var(--bg3);border-radius:12px;flex-shrink:0}
.security-session-options>button{font-family:var(--font-sans);font-size:13px;line-height:1.4;color:var(--tx3);font-weight:400;background:transparent;border:0;border-radius:9px;padding:8px 11px;cursor:pointer;white-space:nowrap}
.security-session-options>button[aria-pressed=true]{background:var(--bg1);color:var(--tx1);font-weight:700;box-shadow:0 1px 5px #1b203108}
.security-session-options>button:focus-visible{outline:2px solid var(--purple-tx);outline-offset:1px}
.security-session-options>button:disabled{cursor:wait;opacity:.65}
.security-session-legacy{font-size:12px;color:var(--tx3);margin:8px 0 0}.security-session-legacy[hidden]{display:none!important}
.security-session-countdown{display:grid;grid-template-columns:minmax(115px,auto) minmax(0,1fr) auto;gap:22px;align-items:center;margin-top:20px;padding:16px;border:1px solid var(--bd1);border-radius:12px;background:var(--bg2)}
.security-session-remaining>span{display:block;margin:0 0 5px;font-size:12px;color:var(--tx3);line-height:1.4}
.security-session-remaining>time{display:block;white-space:nowrap;font-family:Lexend,'Segoe UI',sans-serif;font-weight:600;font-size:24px;line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--tx1)}
.security-session-remaining>time.is-unlimited{font-size:18px}
.security-session-progress{height:5px;border-radius:99px;overflow:hidden;background:var(--bg3);margin-bottom:10px}
.security-session-progress[hidden]{display:none!important}
.security-session-progress>i{display:block;height:100%;background:#5c47d2;border-radius:99px;width:0}
.security-session-timeline p{font-size:12px;line-height:1.5;color:var(--tx3);margin:0;overflow-wrap:anywhere}
.security-session-timeline p b{font-size:12px;font-weight:700;color:var(--tx1)}
.security-session-relogin.btn{min-height:34px;font-size:12px;padding:7px 12px;white-space:nowrap;background:var(--bg1);border-radius:10px}
@media(max-width:1100px){.security-session-heading{align-items:flex-start;flex-wrap:wrap}.security-session-controls{flex-wrap:wrap;justify-content:flex-start}.security-session-heading>div:first-child{flex-basis:100%}.security-session-heading p{max-width:none}}
@media(max-width:600px){.security-session-block{padding:18px 16px}.security-countdown-card .security-row{padding:18px 16px}.security-session-controls{width:100%;gap:10px;flex-direction:row-reverse;justify-content:flex-end}.security-session-options{min-width:0;max-width:100%;gap:1px}.security-session-options>button{font-size:12px;padding:8px 9px}.security-session-status{font-size:11px;max-width:100%;white-space:normal}.security-session-countdown{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:14px;margin-top:16px}.security-session-timeline{grid-column:1/-1;grid-row:2}.security-session-relogin{grid-column:2;grid-row:1}.security-session-remaining>time{font-size:23px}.security-session-heading p{font-size:12px}}

/* Facebook / Instagram publishing: editor and live media preview. */
.publishing-modal.hc-modal{display:flex;flex-direction:column;width:min(1200px,calc(100vw - 48px));max-width:1200px!important;max-height:calc(100dvh - 48px);border-radius:26px}
.publishing-modal .hc-modal-icon{display:none}.publishing-modal .hc-modal-head{padding:26px 28px;flex-shrink:0}.publishing-modal .hc-modal-head h3{font-size:25px;font-weight:800;letter-spacing:-.5px}.publishing-modal .hc-modal-desc{font-size:14px;line-height:1.6;margin:5px 0 0;color:var(--tx3)}
.publishing-modal #modal-form{min-height:0}.publishing-modal .hc-modal-body{padding:0;overflow:auto}.publishing-modal .hc-modal-foot{padding:20px 28px;background:var(--bg2);flex-shrink:0}.publishing-modal .hc-modal-foot .btn{font-size:14px;min-height:44px;border-radius:12px}.publishing-modal .hc-modal-note{font-size:13px}.publishing-modal #modal-error:not(:empty),.publishing-modal #modal-progress:not([hidden]){padding:12px 28px;margin:0}
.publishing-composer{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:680px}.publishing-editor{padding:24px 28px;min-width:0}.publishing-preview-pane{padding:24px;background:var(--bg2);border-left:1px solid var(--bd1);min-width:0}
.publishing-composer .publishing-section{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;margin:0 0 18px;line-height:1.5}.publishing-composer .publishing-section:not(:first-child){margin-top:24px}.publishing-section>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--purple-bg);color:var(--purple-tx);font-size:12px;flex-shrink:0}.publishing-section>small{font-size:12px;color:var(--tx3);font-weight:400;margin-left:auto;max-width:57%;text-align:right}
.publishing-segments{display:flex;gap:3px;padding:4px;border-radius:12px;background:var(--bg3);min-width:0}.publishing-segments>button{font:400 14px var(--font-sans);flex:1;border:0;background:none;color:var(--tx3);border-radius:9px;min-height:37px;padding:7px 10px;cursor:pointer;white-space:nowrap}.publishing-segments>button[aria-pressed=true]{background:var(--bg1);color:var(--tx1);font-weight:700;box-shadow:0 1px 4px #18152e0b}.publishing-segments [data-channel=facebook][aria-pressed=true],.publishing-segments [data-preview=facebook][aria-pressed=true]{color:#28618d}.publishing-segments [data-channel=instagram][aria-pressed=true],.publishing-segments [data-preview=instagram][aria-pressed=true]{color:#a34c87}.publishing-segments>button:disabled{opacity:.45;cursor:not-allowed}.publishing-modal button:focus-visible{outline:2px solid var(--purple-tx);outline-offset:2px}
.publishing-editor .fi{font-size:14px;border-radius:12px;min-height:44px;width:100%;box-sizing:border-box;background:var(--bg1);border:1px solid var(--bd1);padding:11px 13px;color:var(--tx1)}.publishing-editor .fi:focus{border-color:var(--purple-tx);box-shadow:0 0 0 3px var(--purple-bg);outline:0}.publishing-editor .fi::placeholder{color:var(--tx3)}
.publishing-modal .publishing-drop{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed var(--bd1);border-radius:12px;background:var(--bg1);padding:14px;margin-top:18px;width:100%;cursor:pointer;gap:5px}.publishing-drop strong{font-size:13px;font-weight:700;color:var(--purple-tx)}.publishing-modal .publishing-drop span{font-size:11.5px;color:var(--tx3)}.publishing-text-toggle.btn-link{font-size:11px;padding:6px 0;color:var(--tx3);margin-top:4px}#publishing-upload-status{font-size:12px;line-height:1.6;color:var(--tx3);margin:8px 0 0}#publishing-upload-status:empty{display:none}.publishing-warning,.publishing-preview-note.is-warning{border-radius:10px;padding:12px 14px;background:var(--amber-bg);color:var(--amber-tx);font-size:12px;line-height:1.6;margin:16px 0 0}
.publishing-modal .publishing-media-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0;margin:18px 0 0;list-style:none}.publishing-modal .publishing-media-item{position:relative;border:0;padding:0;border-radius:8px;min-width:0;background:var(--bg3);aspect-ratio:1}.publishing-modal #publishing-preview .publishing-media-item>img,.publishing-modal #publishing-preview .publishing-media-item>video{width:100%;height:100%;object-fit:cover;margin:0;max-height:none;border-radius:8px;display:block}.publishing-modal .publishing-media-number{position:absolute;top:6px;left:6px;background:#242528b8;color:white;min-width:19px;height:20px;display:grid;place-items:center;border-radius:5px;font-size:11px;z-index:1}.publishing-media-cover,.publishing-media-ratio{position:absolute;bottom:6px;border-radius:4px;padding:2px 4px;font-size:10px;line-height:1.2}.publishing-media-cover{left:5px;background:white;color:#222}.publishing-media-cover:empty{display:none}.publishing-media-ratio{right:5px;color:white;background:#1b1c20b8}.publishing-modal .publishing-media-actions{display:flex;gap:4px;justify-content:center;position:absolute;left:0;right:0;bottom:25px;margin:0;opacity:0;transition:opacity .1s}.publishing-media-item:hover .publishing-media-actions,.publishing-media-item:focus-within .publishing-media-actions{opacity:1}.publishing-media-actions>button{font:700 13px var(--font-sans);border:1px solid var(--bd1);background:var(--bg1);color:var(--tx1);width:24px;height:26px;border-radius:5px;padding:0;cursor:pointer}.publishing-media-actions>button:disabled{opacity:.45;cursor:default}.publishing-media-count{grid-column:1/-1;font-size:12px;color:var(--tx3);margin-top:8px}
.publishing-selected-single{margin-top:18px}.publishing-modal .publishing-media-item.is-single{display:flex;align-items:center;gap:14px;border:1px solid var(--bd1);padding:12px;aspect-ratio:auto;background:var(--bg1);border-radius:14px;min-height:112px}.publishing-file-thumb{position:relative;flex:0 0 88px;max-height:130px;overflow:hidden;border-radius:8px}.publishing-modal #publishing-preview .publishing-file-thumb img,.publishing-modal #publishing-preview .publishing-file-thumb video{display:block;width:88px;height:110px;object-fit:contain;border-radius:8px;margin:0;max-height:130px;background:var(--bg3)}.publishing-modal #publishing-preview .publishing-file-thumb video{height:70px}.publishing-file-thumb>span{position:absolute;bottom:5px;right:5px;color:#fff;background:#222b;border-radius:4px;font-size:11px;padding:2px 5px}.publishing-file-copy{flex:1;min-width:0}.publishing-file-copy>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.publishing-file-copy>small{display:block;color:var(--tx3);font-size:12px;margin:6px 0 8px;line-height:1.6}.publishing-file-badge{display:inline-block;font-size:11.5px;color:var(--green-tx);background:var(--green-bg);border-radius:20px;padding:3px 8px}.publishing-file-badge.is-warning{color:var(--amber-tx);background:var(--amber-bg)}.publishing-modal .is-single .publishing-media-actions{left:auto;right:5px;top:2px;bottom:auto}.publishing-modal .is-single .publishing-media-actions>button:not(:last-child){display:none}.publishing-modal .is-single>[data-replace]{font-size:13px;flex-shrink:0}
.publishing-target-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.publishing-page-choice{display:flex;align-items:center;border:1px solid var(--bd1);border-radius:12px;min-width:0;padding-left:12px}.publishing-page-choice .fi{border:0;min-width:0;padding-left:8px;background:transparent}.publishing-avatar{width:29px;height:29px;border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0;background:var(--purple-bg);color:var(--purple-tx);font-size:13px;font-weight:700;overflow:hidden}.publishing-avatar img{width:100%;height:100%;object-fit:cover}.publishing-target-status{font-size:11.5px;color:var(--tx3);line-height:1.5;margin:8px 0 0}.publishing-target-status:empty{display:none}
.publishing-caption-field{position:relative}.publishing-caption-field textarea.fi{resize:vertical;padding:13px 14px 28px;min-height:90px;line-height:1.6}.publishing-caption-field>small{position:absolute;bottom:12px;right:14px;font-size:12px;color:var(--tx3);pointer-events:none}.publishing-caption-field>small.is-over-limit{color:var(--red-tx)}.publishing-mode-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--tx3);margin:10px 0}.publishing-mode-row>label{display:flex;align-items:center;gap:5px}.publishing-mode-row input{accent-color:var(--purple-tx)}.publishing-mode-row>small{font-size:11.5px}.publishing-schedule-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.publishing-classification{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 12px}.publishing-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:13px;color:var(--tx1)}.publishing-field>label{font-size:13px}.publishing-field.is-full{grid-column:1/-1}.publishing-auto-format{position:relative}.publishing-auto-format .fi{padding-right:70px;background:var(--bg2)}.publishing-auto-format>span{position:absolute;right:12px;top:14px;font-size:10px;line-height:1.4;color:var(--tx3);border:1px solid var(--bd1);background:var(--bg1);border-radius:10px;padding:0 5px}.publishing-chips{display:flex;flex-wrap:wrap;gap:5px}.publishing-chips:empty{display:none}.publishing-chips>span{display:flex;align-items:center;gap:3px;font-size:12px;color:var(--purple-tx);background:var(--purple-bg);border-radius:20px;padding:4px 8px;max-width:100%;overflow-wrap:anywhere}.publishing-chips button{border:0;background:none;color:inherit;padding:0 2px;cursor:pointer;font-size:13px}.publishing-add-key{display:flex;gap:5px;align-items:center;border:1px solid var(--bd1);border-radius:12px}.publishing-add-key input.fi{border:0;background:transparent;min-width:0}.publishing-add-key>button{flex-shrink:0;font-size:12px;padding:8px 12px}.publishing-extra{margin-top:18px;font-size:12px;color:var(--tx3)}.publishing-extra summary{cursor:pointer}.publishing-extra .publishing-classification{margin-top:12px}.publishing-extra .form-group{margin:0}.publishing-primary-product{font-size:11.5px;color:var(--tx3);margin:12px 0 0;line-height:1.6}
.publishing-classification>.pub-tags-field{grid-column:auto}.publishing-classification>.pub-tags-field .pub-control-label>small{display:none}.publishing-classification>.pub-tags-field .pub-tag-trigger{min-height:44px}
.publishing-content-identity{margin:0 0 18px;padding:14px;border:1px solid color-mix(in srgb,var(--purple) 10%,var(--bd1));border-radius:14px;background:color-mix(in srgb,var(--purple) 2%,var(--bg1));min-width:0}.publishing-identity-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 8px;margin-bottom:12px}.publishing-identity-heading h5{margin:0;color:var(--purple-tx);font-size:12px;font-weight:750;letter-spacing:.035em}.publishing-identity-heading>span{font-size:11.5px;color:var(--tx3);line-height:1.6}.publishing-content-identity .publishing-field>.fi,.publishing-content-code-control{margin-top:auto}.publishing-identity-code-label{display:flex;align-items:baseline;justify-content:space-between;gap:4px 8px;flex-wrap:wrap}.publishing-identity-code-label>label{margin:0;font-size:13px;font-weight:inherit}.publishing-identity-code-label>small{color:var(--tx3);font-size:11px;line-height:1.5}.publishing-content-code-control{display:flex;align-items:center;gap:6px;min-width:0;border:1px solid var(--bd1);border-radius:12px;background:var(--bg1);padding-right:8px}.publishing-content-code-control:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-bg)}.publishing-content-code-control input.fi{border:0;background:transparent;min-width:0;flex:1;width:0;font-weight:650;box-shadow:none}.publishing-content-code-control input.fi:focus{border:0;box-shadow:none;outline:0}.publishing-content-code-control>button{flex:none;border:0;border-radius:7px;padding:6px 8px;background:var(--purple-bg);color:var(--purple-tx);font:600 11px/1.4 var(--font-sans);cursor:pointer}.publishing-content-code-control>button:disabled{opacity:.5;cursor:default}.publishing-content-code-control>button:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
@media(max-width:600px){.publishing-content-identity .publishing-classification{grid-template-columns:minmax(0,1fr)}.publishing-content-identity{padding:12px}.publishing-identity-heading>span{font-size:11px}}
.publishing-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.publishing-preview-heading>span{font-size:12px;color:var(--tx3);letter-spacing:.4px;font-weight:700}.publishing-preview-heading .publishing-segments{border-radius:8px}.publishing-preview-heading button{font-size:12px;min-height:30px;padding:5px 8px}.publishing-frame-info{font-size:12px;line-height:1.8;color:var(--tx3);margin:0 0 12px}.publishing-frame-info b{display:inline-block;padding:0 6px;border:1px solid var(--bd1);background:var(--bg1);color:var(--tx1);font-weight:400;border-radius:5px;margin-left:5px}
.publishing-social-card{max-width:400px;margin:0 auto;background:var(--bg1);border:1px solid var(--bd1);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #24203108}.publishing-social-header{display:flex;gap:10px;align-items:center;padding:13px 14px}.publishing-social-header .publishing-avatar{width:36px;height:36px}.publishing-social-header>div{min-width:0}.publishing-social-header b{display:block;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.publishing-social-header small{display:block;font-size:12px;color:var(--tx3)}.publishing-social-caption{font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 14px 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.publishing-social-caption.is-expanded{display:block}.publishing-see-more{font-size:12px;margin:-6px 14px 10px;border:0;background:none;color:var(--tx3);cursor:pointer;padding:0}.publishing-social-media{position:relative;width:100%;background:#fff;min-height:120px}.publishing-social-media>img,.publishing-social-media>video{display:block;width:100%;height:100%;max-height:600px;object-fit:contain}.publishing-social-media[style]>img,.publishing-social-media[style]>video{position:absolute;inset:0;max-height:none}.publishing-full-image{position:absolute;inset:0;border:0;background:none;cursor:zoom-in}.publishing-social-media.is-video{background:black}.publishing-social-actions{display:flex;justify-content:space-around;padding:13px 6px;font-size:13px;color:var(--tx2);border-top:1px solid var(--bd1)}.publishing-preview-empty{padding:70px 20px;color:var(--tx3);text-align:center;font-size:13px;line-height:1.7}.publishing-preview-note{border:1px solid var(--bd1);border-radius:12px;background:var(--bg1);color:var(--tx3);font-size:12px;line-height:1.7;padding:12px 14px;margin:14px 0 0}
.publishing-collage{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:360px;gap:2px;background:var(--bg1)}.publishing-collage>button{position:relative;overflow:hidden;padding:0;border:0;grid-column:span 3;cursor:zoom-in;min-height:0;background:var(--bg3)}.publishing-collage img{width:100%;height:100%;object-fit:cover;display:block}.publishing-collage.count-3>button:first-child,.publishing-collage.count-4>button:first-child{grid-row:span 2;grid-column:span 4}.publishing-collage.count-3>button:not(:first-child),.publishing-collage.count-4>button:not(:first-child){grid-column:span 2}.publishing-collage.count-4>button:first-child{grid-row:span 3}.publishing-collage.count-5{grid-template-rows:1.7fr 1fr}.publishing-collage.count-5>button:nth-child(n+3){grid-column:span 2}.publishing-collage button>span{position:absolute;inset:0;display:grid;place-items:center;background:#1919266b;color:white;font-size:32px;font-weight:700}
.publishing-carousel-count{position:absolute;right:12px;top:10px;border-radius:20px;padding:3px 8px;background:#222b;color:#fff;font-size:11px}.publishing-carousel-prev,.publishing-carousel-next{position:absolute;top:48%;border:0;border-radius:50%;width:28px;height:28px;background:#ffffffdc;color:#222;cursor:pointer;font-size:21px;line-height:1}.publishing-carousel-prev{left:10px}.publishing-carousel-next{right:10px}.publishing-carousel-dots{display:flex;gap:4px;justify-content:center;padding:9px}.publishing-carousel-dots>button{width:5px;height:5px;border:0;padding:0;border-radius:50%;background:#ccc;cursor:pointer}.publishing-carousel-dots>button[aria-pressed=true]{background:#5d93b9}.is-instagram .publishing-social-caption{margin-top:10px}.publishing-crop-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:14px}.publishing-crop-strip>button{border:0;background:none;padding:0;min-width:0;cursor:pointer}.publishing-crop-strip>button>span{display:block;position:relative;background:#fff;border-radius:7px;overflow:hidden}.publishing-crop-strip img{position:absolute;width:100%;height:100%;inset:0}.publishing-crop-strip small{font-size:10px;line-height:1.5;color:var(--tx3);display:block;margin-top:5px}
.publishing-reels{position:relative;max-width:290px;aspect-ratio:9/16;border:6px solid #282632;border-radius:34px;overflow:hidden;background:black;margin:0 auto;color:white;box-shadow:0 2px 10px #2222}.publishing-reels-media{height:100%;width:100%;display:flex;align-items:center}.publishing-reels-media video{display:block;width:100%;max-height:100%;object-fit:contain}.publishing-reels-caption{position:absolute;bottom:12px;left:14px;right:45px;pointer-events:none;text-shadow:0 1px 3px #000}.publishing-reels-caption .publishing-avatar{width:26px;height:26px;vertical-align:middle;margin-right:6px}.publishing-reels-caption>b{font-size:12px}.publishing-reels-caption p{font-size:12px;line-height:1.5;margin:7px 0 0}.publishing-reels-actions{position:absolute;bottom:42px;right:12px;display:grid;gap:14px;pointer-events:none;font-size:25px}
.publishing-lightbox{position:fixed;inset:0;z-index:12000;background:#12121aeF;display:flex;align-items:center;justify-content:center;padding:70px 24px;flex-direction:column;gap:12px}.publishing-lightbox>img{max-width:100%;max-height:calc(100dvh - 150px);object-fit:contain}.publishing-lightbox>button{position:absolute;top:24px;right:24px;color:#fff;background:#ffffff20;border:1px solid #ffffff50;border-radius:10px;width:40px;height:40px;font-size:25px;cursor:pointer}.publishing-lightbox>span{color:#fff;font-size:13px}.publishing-modal [hidden]{display:none!important}
@media(hover:none){.publishing-modal .publishing-media-actions{opacity:1}}
@media(max-width:1050px){.publishing-editor{padding:22px}.publishing-preview-pane{padding:22px 16px}.publishing-target-row{grid-template-columns:1fr}.publishing-preview-heading{flex-wrap:wrap}.publishing-section>small{max-width:48%;font-size:11px}.publishing-media-actions>button{width:22px}}
@media(max-width:760px){.publishing-modal.hc-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:18px}.publishing-modal .hc-modal-head{padding:20px 18px}.publishing-modal .hc-modal-head h3{font-size:21px}.publishing-modal .hc-modal-desc{font-size:12px}.publishing-composer{grid-template-columns:1fr}.publishing-editor{padding:20px 18px}.publishing-preview-pane{padding:22px 18px;border-left:0;border-top:1px solid var(--bd1)}.publishing-modal .hc-modal-foot{padding:14px 18px;flex-wrap:wrap}.publishing-modal .hc-modal-note{font-size:12px;flex:1;min-width:140px}.publishing-modal .hc-modal-foot .btn{font-size:13px;padding:10px 13px}.publishing-classification{gap:14px 10px}.publishing-section>small{display:none}.publishing-modal .publishing-media-item.is-single{gap:10px}.publishing-file-thumb,.publishing-modal #publishing-preview .publishing-file-thumb img,.publishing-modal #publishing-preview .publishing-file-thumb video{width:60px;flex-basis:60px}.publishing-file-copy>b{font-size:13px}.publishing-file-copy>small{font-size:11px}.publishing-modal .is-single>[data-replace]{font-size:11px;padding:7px}.publishing-modal .publishing-media-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.publishing-media-actions>button{width:20px;font-size:11px}.publishing-media-ratio,.publishing-media-cover{font-size:8px;padding:2px}.publishing-preview-heading{flex-wrap:nowrap}.publishing-lightbox{padding-left:10px;padding-right:10px}}
.publishing-multi-control{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-height:44px;border:1px solid var(--bd1);border-radius:12px;padding:5px 10px;background:var(--bg1);box-sizing:border-box}.publishing-multi-control:focus-within{border-color:var(--purple-tx);box-shadow:0 0 0 3px var(--purple-bg)}.publishing-multi-control .publishing-chips{display:contents}.publishing-multi-control .fi{width:auto;min-width:70px;flex:1;min-height:28px;padding:3px 4px;font-size:13px;border:0;background:transparent;box-shadow:none}.publishing-multi-control .fi:focus{border:0;box-shadow:none}.publishing-multi-control .publishing-add-key{display:contents}.publishing-multi-control .publishing-add-key>.fi{min-width:100px}.publishing-multi-control .publishing-add-key>button{padding:4px 5px}.publishing-multi-control select{max-width:100%}
.publishing-staff-choice{position:relative;display:block}.publishing-staff-choice:before{content:'';position:absolute;left:14px;top:13px;width:21px;height:21px;border-radius:50%;background:var(--purple-tx);pointer-events:none}.publishing-staff-choice:has(option[value='']:checked):before{background:var(--bd2)}.publishing-staff-choice .fi{padding-left:43px}
/* Publishing calendar: shared header counts, weekly navigation and durable-job actions. */
.schedule-open-button.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 14px;border:1px solid var(--bd2);background:var(--bg1);color:var(--tx1);font-size:13px;font-weight:650;box-shadow:0 1px 3px #1c19320a}
.schedule-open-button>.ui-icon{color:var(--purple-tx);width:20px;height:20px;flex-shrink:0}.schedule-open-button:hover{background:var(--bg2);border-color:var(--tx3)}
.schedule-open-button[aria-expanded=true],.schedule-open-button:focus-visible{border-color:var(--purple-tx);box-shadow:0 0 0 3px var(--purple-bg);color:var(--purple-tx)}
.schedule-header-count,.schedule-status{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:4px 9px;font-size:12px;font-weight:650;line-height:1.5;white-space:nowrap;background:var(--purple-bg);color:var(--purple-tx)}
.schedule-header-count[hidden]{display:none}.schedule-header-count i,.schedule-status i{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.schedule-header-count.is-error,.schedule-status.is-error{color:var(--red-tx);background:var(--red-bg)}
.schedule-modal.hc-modal{width:calc(100vw - 48px);max-width:1200px!important;max-height:calc(100dvh - 48px);border-radius:24px;overflow:hidden}
.schedule-modal .hc-modal-head{align-items:center;padding:24px 30px}.schedule-modal .hc-modal-head h3{font-size:28px}.schedule-modal .hc-modal-icon{width:52px;height:52px;flex-shrink:0}.schedule-modal .hc-modal-icon svg{width:29px;height:29px}.schedule-modal .hc-modal-desc{font-size:14px}.schedule-create{flex-shrink:0;font-size:14px;padding:12px 18px}
.schedule-modal #modal-form{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}.schedule-modal .hc-modal-body{padding:20px 30px 12px;overflow:auto;min-height:0;scrollbar-gutter:stable}.schedule-modal .hc-modal-foot{padding:16px 30px;flex-shrink:0;background:var(--bg1)}.schedule-modal .hc-modal-note{font-size:12.5px;line-height:1.65;color:var(--tx3)}.schedule-modal .hc-modal-foot>.btn{font-size:14px}
.schedule-toolbar,.schedule-view-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}.schedule-status-tabs,.schedule-view-switch{display:inline-flex;align-items:center;gap:3px;padding:4px;background:var(--bg2);border-radius:12px}
.schedule-status-tabs button,.schedule-view-switch button{border:0;border-radius:9px;background:transparent;color:var(--tx3);font:400 14px var(--font-sans);min-height:36px;padding:8px 12px;cursor:pointer;white-space:nowrap}.schedule-status-tabs button[aria-pressed=true],.schedule-view-switch button[aria-pressed=true]{color:var(--tx1);font-weight:650;background:var(--bg1);box-shadow:0 1px 5px #17132b0c}
.schedule-status-tabs button span{display:inline-block;border-radius:99px;background:var(--bg3);padding:1px 7px;font-size:12px;margin-left:7px}.schedule-status-tabs [data-schedule-tab=waiting] span{background:var(--purple-bg);color:var(--purple-tx)}.schedule-status-tabs [data-schedule-tab=failed] span{background:var(--red-bg);color:var(--red-tx)}
.schedule-view-tools select.fi{width:auto;max-width:220px;min-height:44px;padding:8px 30px 8px 13px;font-size:14px}.schedule-modal button:focus-visible,.schedule-modal summary:focus-visible{outline:2px solid var(--purple-tx);outline-offset:2px}
.schedule-week-nav{display:flex;align-items:center;gap:9px;margin:15px 0 10px;color:var(--tx3);font-size:12px}.schedule-week-nav>button{border:1px solid var(--bd1);border-radius:7px;background:var(--bg1);color:var(--tx2);cursor:pointer;min-height:27px;min-width:28px;font:inherit}.schedule-week-nav>.btn-link{margin-left:auto;border:0;font-size:12px;color:var(--purple-tx)}
.schedule-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0 0 22px}.schedule-days>button{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;min-height:88px;border:1px solid var(--bd1);border-radius:13px;padding:11px 12px;background:var(--bg1);font:400 13px var(--font-sans);color:var(--tx3);text-align:left;cursor:pointer}.schedule-days>button b{color:var(--tx1);font-weight:650}.schedule-days>button:hover{background:var(--bg2)}.schedule-days>button.is-selected{background:var(--purple-bg);border-color:var(--purple-tx);box-shadow:0 0 0 2px var(--purple-bg)}.schedule-days small{font-size:12px}.schedule-day-dots{height:7px;display:flex;align-items:center;gap:4px;overflow:hidden;max-width:100%}.schedule-day-dots i{width:6px;height:6px;border-radius:50%;background:#9080d9;flex-shrink:0}.schedule-day-dots i.is-instagram{background:#b75392}
.schedule-day-group{min-width:0;margin-bottom:20px}.schedule-day-group>h4{color:var(--tx3);font-size:13px;line-height:1.5;font-weight:400;margin:0 0 10px}.schedule-day-group>h4 b{font-weight:650;margin-right:7px}
.schedule-post{display:grid;grid-template-columns:114px 64px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--bd1);border-radius:15px;background:var(--bg1);box-shadow:0 1px 3px #1c193205;margin:8px 0;position:relative}.schedule-post.is-error{border-color:color-mix(in srgb,var(--red-tx) 26%,var(--bd1));background:color-mix(in srgb,var(--red-bg) 18%,var(--bg1))}.schedule-post:has(.schedule-row-menu[open]){z-index:5}
.schedule-post-time b{display:block;font-family:var(--font-display);font-size:22px;line-height:1.4;font-weight:600;font-variant-numeric:tabular-nums}.schedule-post-time small{display:block;font-size:12px;line-height:1.5;margin-top:4px;color:var(--tx3)}
.schedule-post-thumbnail{position:relative;width:64px;height:64px;overflow:hidden;border-radius:12px;background:var(--bg3)}.schedule-post-thumbnail img,.schedule-post-thumbnail video{display:block;width:100%;height:100%;object-fit:cover}.schedule-post-thumbnail>span:not(.schedule-text-thumbnail){position:absolute;bottom:4px;right:4px;padding:1px 4px;border-radius:4px;color:white;background:#1c1929b0;font-size:10px}.schedule-text-thumbnail{display:grid;place-items:center;height:100%;font:600 22px var(--font-display);color:var(--purple-tx)}
.schedule-post-copy{min-width:0}.schedule-post-copy>strong{display:block;font-size:15px;font-weight:650;color:var(--tx1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.5}.schedule-post-tags{display:flex;align-items:center;gap:6px;margin-top:7px;flex-wrap:wrap}.schedule-post-tags>span{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;line-height:1.4;padding:3px 7px;border-radius:6px;background:var(--bg2);color:var(--tx2)}.schedule-post-tags .schedule-format{background:var(--purple-bg);color:var(--purple-tx)}.schedule-post-tags .schedule-content-type{background:var(--amber-bg);color:var(--amber-tx)}.schedule-post-tags .schedule-channel{display:inline-flex;gap:6px;align-items:center;border:1px solid #bfd0e1;color:#2d6a9b;background:#f2f8fc}.schedule-post-tags .schedule-channel.is-instagram{border-color:#dec1d3;color:#a24b84;background:#fcf2f9}.schedule-channel b{font-size:15px;line-height:1}
.schedule-post-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.schedule-status{font-size:12px;padding:6px 10px}.schedule-status.is-processing{background:var(--amber-bg);color:var(--amber-tx)}.schedule-status.is-published{background:var(--green-bg);color:var(--green-tx)}.schedule-retry.btn{font-size:12px;padding:8px 11px;min-height:36px;color:var(--red-tx);border:1px solid color-mix(in srgb,var(--red-tx) 30%,var(--bd1));background:var(--bg1)}
.schedule-row-menu{position:relative;flex-shrink:0}.schedule-row-menu>summary{display:grid;place-items:center;list-style:none;cursor:pointer;width:36px;height:36px;border:1px solid var(--bd2);border-radius:10px;font-size:21px;font-weight:700;color:var(--tx2);background:var(--bg1)}.schedule-row-menu>summary::-webkit-details-marker{display:none}.schedule-row-menu[open]>summary{background:var(--purple-bg);border-color:var(--purple-tx);color:var(--purple-tx)}.schedule-row-menu>div{position:absolute;right:0;top:43px;width:235px;padding:7px;background:var(--bg1);border:1px solid var(--bd1);border-radius:15px;box-shadow:0 10px 30px #1c193228;z-index:10}.schedule-row-menu button{display:block;width:100%;border:0;border-radius:9px;padding:11px 12px;font:400 14px var(--font-sans);text-align:left;cursor:pointer;background:none;color:var(--tx1)}.schedule-row-menu button:hover{background:var(--bg2)}.schedule-row-menu button:first-child{font-weight:650}.schedule-row-menu [data-schedule-action=cancel]{color:var(--red-tx);border-top:1px solid var(--bd1);margin-top:5px;padding-top:14px}
.schedule-post-errors{grid-column:3/-1;color:var(--red-tx);font-size:12.5px;line-height:1.6;overflow-wrap:anywhere}.schedule-post-errors p{margin:0 0 4px}.schedule-empty{text-align:center;padding:45px 18px 65px;color:var(--tx3)}.schedule-empty>svg{width:38px;height:38px;color:var(--purple-tx);opacity:.7}.schedule-empty h4{font-size:15px;color:var(--tx1);margin:12px 0}.schedule-empty p,.schedule-day-empty{font-size:13px;line-height:1.6}.schedule-day-empty{color:var(--tx3)}
.schedule-week-columns{display:grid;grid-template-columns:repeat(7,minmax(145px,1fr));gap:10px;overflow-x:auto;min-height:320px;padding-bottom:225px}.schedule-week-columns .schedule-day-group{background:var(--bg2);border-radius:12px;padding:10px;min-width:0}.schedule-week-columns .schedule-day-group>h4{font-size:11px;min-height:34px}.schedule-week-columns .schedule-post{display:flex;align-items:stretch;flex-direction:column;gap:8px;padding:10px;margin:7px 0}.schedule-week-columns .schedule-post-time b{font-size:17px}.schedule-week-columns .schedule-post-time small{font-size:11px}.schedule-week-columns .schedule-post-thumbnail{width:100%;height:80px}.schedule-week-columns .schedule-post-copy>strong{font-size:12px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.schedule-week-columns .schedule-post-tags{gap:3px}.schedule-week-columns .schedule-post-tags>span{font-size:10px;max-width:100%}.schedule-week-columns .schedule-post-actions{flex-wrap:wrap;justify-content:space-between;gap:5px}.schedule-week-columns .schedule-status{font-size:10px;padding:4px 6px}.schedule-week-columns .schedule-post-errors{font-size:11px}.schedule-week-columns .schedule-row-menu>div{right:auto;left:0;width:200px}.schedule-week-columns .schedule-day-group:nth-child(n+5) .schedule-row-menu>div{left:auto;right:0}
.publishing-readonly .publishing-editor{display:none}.publishing-readonly .publishing-composer{grid-template-columns:1fr}.publishing-readonly .publishing-preview-pane{border-left:0;min-height:350px}.publishing-readonly.hc-modal{max-width:650px!important}
@media(max-width:1000px){.schedule-modal .hc-modal-head,.schedule-modal .hc-modal-body,.schedule-modal .hc-modal-foot{padding-left:22px;padding-right:22px}.schedule-modal .hc-modal-head{gap:12px}.schedule-modal .hc-modal-head h3{font-size:25px}.schedule-modal .hc-modal-desc{font-size:12.5px}.schedule-toolbar{flex-wrap:wrap}.schedule-view-tools{margin-left:auto}.schedule-post{grid-template-columns:86px 56px minmax(0,1fr);gap:12px}.schedule-post-thumbnail{width:56px;height:56px}.schedule-post-actions{grid-column:3;justify-content:flex-start}.schedule-post-errors{grid-column:3}.schedule-days>button{padding:10px 8px}.schedule-post-time b{font-size:21px}}
@media(max-width:640px){.schedule-modal.hc-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:18px}.schedule-modal .hc-modal-head{padding:18px 16px;flex-wrap:wrap;gap:10px}.schedule-modal .hc-modal-icon{width:40px;height:40px}.schedule-modal .hc-modal-icon svg{width:23px;height:23px}.schedule-modal .hc-modal-head h3{font-size:23px}.schedule-modal .hc-modal-heading{flex-basis:calc(100% - 100px)}.schedule-modal .hc-modal-close{position:absolute;right:14px;top:18px}.schedule-create{margin-left:50px;padding:9px 13px;font-size:13px}.schedule-modal .hc-modal-body{padding:15px 14px 8px}.schedule-modal .hc-modal-foot{padding:12px 14px;gap:10px}.schedule-modal .hc-modal-note{font-size:11px}.schedule-modal .hc-modal-foot>.btn{font-size:13px;padding:9px 13px}.schedule-toolbar{gap:10px}.schedule-status-tabs{width:100%;justify-content:space-between}.schedule-status-tabs button{font-size:13px;min-height:34px;padding:7px 8px;flex:1}.schedule-status-tabs button span{margin-left:4px;font-size:11px;padding:1px 6px}.schedule-view-tools{width:100%;gap:8px}.schedule-view-tools select.fi{font-size:12px;min-width:0;max-width:43%;padding-left:9px;min-height:38px}.schedule-view-switch button{font-size:12px;padding:7px 10px;min-height:30px}.schedule-week-nav{font-size:11px}.schedule-days{gap:4px;margin-bottom:18px}.schedule-days>button{padding:8px 4px;min-height:74px;gap:6px;border-radius:9px;font-size:10px}.schedule-days>button>span:first-child b{display:block}.schedule-days small{font-size:10px}.schedule-day-dots{gap:2px}.schedule-day-dots i{width:4px;height:4px}.schedule-day-group>h4{font-size:12px}.schedule-post{grid-template-columns:52px 44px minmax(0,1fr);padding:11px 10px;gap:9px;border-radius:12px}.schedule-post-thumbnail{width:44px;height:48px;border-radius:8px}.schedule-post-time b{font-size:17px}.schedule-post-time small{font-size:10px;line-height:1.4}.schedule-post-copy>strong{font-size:13px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.schedule-post-tags{gap:4px;margin-top:5px}.schedule-post-tags>span{font-size:10px;max-width:135px;padding:2px 5px}.schedule-post-actions{grid-column:2/-1;gap:7px}.schedule-post-actions>.schedule-row-menu{margin-left:auto}.schedule-status{font-size:10.5px;padding:5px 8px}.schedule-retry.btn{font-size:11px;padding:6px 9px;min-height:31px}.schedule-row-menu>summary{width:31px;height:31px}.schedule-row-menu>div{width:215px}.schedule-post-errors{grid-column:1/-1;font-size:11.5px}.schedule-week-columns{grid-template-columns:repeat(7,155px)}.schedule-open-button.btn{font-size:12px;gap:7px;padding:9px 11px}.schedule-header-count{font-size:10px;padding:3px 6px}}
@media(max-width:480px){.publishing-modal .publishing-media-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.publishing-modal .publishing-media-actions>button{width:26px;height:28px;font-size:13px}.publishing-media-cover,.publishing-media-ratio{font-size:10px}}
.region-coverage-note{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:var(--amber-bg);color:var(--amber-tx);font-size:13px}

/* Region criteria: explicit OR / AND, linked cards and a readable live summary. */
.region-logic-control{padding:12px;margin:0 0 14px;border-radius:12px;background:var(--bg2,#faf9fd)}
.region-logic-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.region-logic-row>strong{font-size:13px;font-weight:700;white-space:nowrap;color:var(--tx1,#272430)}
.region-logic-switch{display:flex;gap:3px;padding:4px;border-radius:10px;background:var(--bg3,#eeedf4)}
.region-logic-switch>button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:8px;padding:7px 9px;background:none;color:var(--tx3,#85818d);font:400 12px var(--font-body,Lato,sans-serif);cursor:pointer;min-height:33px;white-space:nowrap}
.region-logic-switch>button[aria-pressed=true]{background:var(--bg1,#fff);color:var(--tx1,#272430);font-weight:700;box-shadow:0 1px 4px #2220330d}
.region-logic-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:99px;padding:2px 7px;font:700 10px var(--font-body,Lato,sans-serif);line-height:1.25;white-space:nowrap}
.region-logic-badge.is-or{background:#fbf1dc;color:#8f6d2f}.region-logic-badge.is-and{background:#eee9fb;color:#6554b5}
.region-logic-control>p{font-size:12px;color:var(--tx3,#85818d);line-height:1.6;margin:8px 0 0}.region-logic-control>p>b{font-weight:700;color:var(--tx2,#77727e)}
.region-criteria-modal .region-criterion{margin-bottom:0}
.region-condition-join{display:flex;align-items:center;gap:8px;min-height:34px;margin-left:20px}
.region-condition-join:before{content:'';display:block;width:1px;height:16px;background:var(--bd2,#d6d3df);margin-right:1px}
.region-condition-join>.region-logic-badge{font-size:11px;cursor:pointer;padding:3px 9px}
.region-condition-join>small{font-size:11px;color:var(--tx3,#928d99)}
.region-logic-summary{border:1px dashed var(--bd2,#d9d5e2);border-radius:10px;padding:11px 12px;margin:12px 0 10px;font-size:12px;line-height:1.7;color:var(--tx3,#8b8792);background:var(--bg2,#faf9fd);overflow-wrap:anywhere}
.region-logic-summary strong{font-weight:700;color:var(--tx1,#272430)}
.region-summary-join{font-weight:700}.region-summary-join.is-or{color:#967330}.region-summary-join.is-and{color:#6554b5}
.region-summary-disabled{font-size:11.5px;color:var(--tx3,#928d99)}.region-summary-disabled s{text-decoration-thickness:1px}
.region-logic-switch>button:focus-visible,.region-condition-join>button:focus-visible{outline:2px solid #7865b6;outline-offset:2px}
.region-logic-switch>button:disabled,.region-condition-join>button:disabled{opacity:.55;cursor:wait}
@media(max-width:640px){.region-logic-control{padding:11px 10px}.region-logic-row{flex-wrap:wrap;gap:8px}.region-logic-switch{width:100%;box-sizing:border-box}.region-logic-switch>button{flex:1;font-size:12px;padding:8px}.region-logic-control>p{font-size:11.5px}.region-condition-join{margin-left:10px;min-height:32px}.region-logic-summary{padding:10px;font-size:11.5px}.region-summary-disabled{font-size:11px}}

.schedule-row-menu.opens-above>div{top:auto;bottom:43px}
/* CRM order actions, editor and ten-second deletion undo. */
.crm-orders-table{background:var(--bg1);border:1px solid var(--bd1);border-radius:18px;overflow:hidden}.crm-orders-table>.table-tools{padding:16px 18px;margin:0;border-bottom:1px solid var(--bd1)}.crm-orders-table>.table-wrap{border:0;border-radius:0;margin:0}.crm-orders-table tbody td{padding-top:14px;padding-bottom:14px}.crm-orders-table tbody tr:has(.crm-order-delete:hover){background:var(--purple-bg)}.crm-orders-table .table-actions-head,.crm-orders-table .table-actions-cell{text-align:right;min-width:110px}
.crm-order-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.crm-order-actions>.btn{min-height:33px;font-size:12px;padding:7px 12px}.crm-order-actions>.crm-order-delete{display:grid;place-items:center;width:33px;min-width:33px;height:33px;padding:7px;border:1px solid var(--bd1);border-radius:9px;color:var(--tx3)}.crm-order-delete svg{width:15px;height:15px}.crm-order-delete:hover{background:var(--red-bg);color:var(--red-tx);border-color:color-mix(in srgb,var(--red-tx) 25%,var(--bd1))}
.order-editor-modal.hc-modal{width:calc(100vw - 48px);max-width:1120px!important;max-height:calc(100dvh - 48px);border-radius:24px}.order-editor-modal .hc-modal-head{padding:28px 32px}.order-editor-modal .hc-modal-icon{display:none}.order-editor-modal .hc-modal-head h3{font-size:28px}.order-editor-modal .hc-modal-desc{font-size:15px}.order-editor-modal .hc-modal-body{padding:28px 32px}.order-editor-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px}.order-editor-fields>.form-group{margin:0;min-width:0}.order-editor-fields>.form-group.full{grid-column:1/-1}.order-editor-fields label,.order-editor-products label{font-size:14px;font-weight:650;color:var(--tx1)}.order-editor-modal .fi{min-height:48px;border-radius:12px;font-size:15px;padding:12px 14px}.order-editor-fields textarea.fi{min-height:92px;resize:vertical}.order-editor-products{margin-top:26px}.order-editor-products h4{font-size:16px;font-weight:650;margin:0 0 20px}.order-editor-modal .order-line{grid-template-columns:minmax(220px,1fr) 120px minmax(150px,210px) 32px;margin:0 0 16px;gap:14px}.order-editor-modal .order-line-image,.order-editor-modal .order-line-image .product-image-button,.order-editor-modal .order-line-image img{width:52px;height:48px;border-radius:10px}.order-editor-modal .order-line-image{background:var(--bg2)}.order-price-input{position:relative;display:block}.order-price-input>input{width:100%;padding-right:36px!important;font-weight:650}.order-price-input>span{position:absolute;top:50%;transform:translateY(-50%);right:15px;font-size:14px;font-weight:400;color:var(--tx3);pointer-events:none}.order-add-line{font-size:13px;padding:5px 0}.order-editor-modal .hc-modal-foot{padding:20px 32px}.order-editor-delete.btn-link{display:inline-flex;gap:9px;align-items:center;color:var(--red-tx);font-size:14px;font-weight:650;padding:10px 0;margin-right:auto}.order-editor-delete svg{width:18px;height:18px}.order-editor-modal .hc-modal-note:empty{display:none}.order-editor-modal .hc-modal-note{display:none}
.order-delete-modal.hc-modal{width:calc(100vw - 40px);max-width:760px!important;max-height:calc(100dvh - 40px);border-radius:24px}.order-delete-modal .hc-modal-head{padding:30px 32px;align-items:center}.order-delete-modal .hc-modal-head h3{font-size:28px;overflow-wrap:anywhere}.order-delete-modal .hc-modal-desc{font-size:15px}.order-delete-modal .hc-modal-body{padding:28px 32px}.order-delete-summary{padding:22px 24px;border:1px solid var(--bd1);border-radius:16px;background:var(--bg2)}.order-delete-summary dl{display:grid;grid-template-columns:90px minmax(0,1fr);column-gap:14px;row-gap:12px;margin:0;font-size:15px;line-height:1.6}.order-delete-summary dt{color:var(--tx3);font-weight:400}.order-delete-summary dd{margin:0;color:var(--tx1);font-weight:650;overflow-wrap:anywhere}.order-delete-warning{font-size:15px;line-height:1.7;padding:18px 22px;margin-top:20px;border-radius:15px;background:var(--red-bg);color:var(--red-tx)}.order-delete-warning small{display:block;font-size:12.5px;margin-top:7px}.order-delete-modal .hc-modal-foot{padding:22px 32px}.order-confirm-delete.btn{background:#b74832;border-color:#b74832;color:white;display:inline-flex;align-items:center;gap:9px}.order-confirm-delete.btn:hover{background:#a43d2a}.order-confirm-delete svg{width:18px;height:18px}.order-delete-modal #modal-note{display:none}
.order-undo-toast{pointer-events:auto;display:flex;align-items:center;gap:14px;border-radius:12px;padding:13px 17px;background:#1b2031;color:#fff;box-shadow:0 5px 20px #171c322b;font-size:12.5px;line-height:1.5;max-width:min(680px,calc(100vw - 32px));box-sizing:border-box}.order-undo-toast>span{min-width:0;overflow-wrap:anywhere}.order-undo-toast button{font:650 13px var(--font-sans);color:#c7bdff;background:none;border:0;cursor:pointer;padding:5px 0;white-space:nowrap}.order-undo-toast button:disabled{opacity:.6;cursor:default}.order-undo-toast small{font-size:11px;color:#b6b9c7;white-space:nowrap}.order-undo-toast button:focus-visible{outline:2px solid #c7bdff;outline-offset:3px}
@media(max-width:800px){.order-editor-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}.order-editor-modal .hc-modal-head,.order-editor-modal .hc-modal-body,.order-editor-modal .hc-modal-foot{padding:22px}.order-editor-modal .order-line{grid-template-columns:minmax(160px,1fr) 85px minmax(120px,150px) 30px;gap:10px}.order-delete-modal .hc-modal-head,.order-delete-modal .hc-modal-body,.order-delete-modal .hc-modal-foot{padding:24px}.order-delete-modal .hc-modal-head h3{font-size:24px}}
@media(max-width:540px){.order-editor-modal.hc-modal,.order-delete-modal.hc-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:18px}.order-editor-modal .hc-modal-head,.order-editor-modal .hc-modal-body,.order-editor-modal .hc-modal-foot,.order-delete-modal .hc-modal-head,.order-delete-modal .hc-modal-body,.order-delete-modal .hc-modal-foot{padding:18px 16px}.order-editor-modal .hc-modal-head h3,.order-delete-modal .hc-modal-head h3{font-size:22px}.order-editor-modal .hc-modal-desc,.order-delete-modal .hc-modal-desc{font-size:12.5px}.order-editor-fields{grid-template-columns:1fr;gap:16px}.order-editor-modal .fi{font-size:14px;min-height:44px;padding:10px 12px}.order-editor-modal .order-line{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 30px;gap:10px;margin-bottom:20px}.order-editor-modal .order-line-product{grid-column:1/-1}.order-editor-modal .order-line>button{padding:7px;min-height:44px}.order-editor-modal .order-line-image{height:44px}.order-editor-products h4{font-size:15px}.order-editor-delete.btn-link{font-size:12.5px;gap:5px}.order-editor-modal .hc-modal-foot{gap:10px}.order-editor-modal .hc-modal-foot>.btn{font-size:13px;padding:10px 14px}.order-delete-modal .hc-modal-head{gap:11px}.order-delete-modal .hc-modal-icon{width:40px;height:40px}.order-delete-modal .hc-modal-close{width:32px;height:32px;min-width:32px}.order-delete-summary{padding:16px}.order-delete-summary dl{font-size:13px;grid-template-columns:75px minmax(0,1fr);gap:10px}.order-delete-warning{font-size:13px;padding:15px 16px;margin-top:15px}.order-delete-warning small{font-size:11.5px}.order-undo-toast{flex-wrap:wrap;gap:5px 14px;font-size:12px;padding:12px 14px}.order-undo-toast>span{flex-basis:100%}.order-undo-toast small{margin-left:auto}}

.order-undo-stack{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:13000;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}
.order-view-tabs{display:flex;align-items:center;gap:3px;margin-left:auto;padding:4px;border-radius:11px;background:var(--bg2);flex-shrink:0}.order-view-tabs button{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:8px;min-height:33px;background:none;padding:7px 11px;color:var(--tx3);font:400 12px var(--font-sans);cursor:pointer;white-space:nowrap}.order-view-tabs button[aria-pressed=true]{color:var(--tx1);font-weight:650;background:var(--bg1);box-shadow:0 1px 4px #171c3210}.order-view-tabs .ui-icon{width:14px;height:14px;margin:0}.order-view-tabs button>span{font-size:10.5px;opacity:.85}.crm-orders-table>.table-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.crm-orders-table>.table-tools>.table-search{max-width:300px}.crm-orders-table .order-view-tabs button:focus-visible{outline:2px solid var(--purple-tx);outline-offset:2px}
.order-trash-note{padding:13px 18px;margin:0;font-size:12px;line-height:1.6;color:var(--tx3);background:var(--bg2);border-bottom:1px solid var(--bd1)}.order-trash-note b{font-weight:650;color:var(--tx2)}.order-trash-bulk{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;background:var(--purple-bg);border-bottom:1px solid var(--bd1);color:var(--purple-tx);font-size:12px;font-weight:650;line-height:1.5}.order-trash-bulk[hidden]{display:none}.order-trash-bulk>span{display:inline-flex;align-items:center;gap:8px}.order-trash-bulk>span .ui-icon{width:16px;height:16px;background:var(--purple-tx);border-radius:4px;padding:2px;color:white}.order-trash-bulk>div{display:flex;gap:7px;flex-shrink:0}.order-trash-bulk .btn{display:inline-flex;gap:5px;align-items:center;font-size:12px;min-height:32px;padding:6px 10px;border:1px solid var(--bd1);background:var(--bg1);color:var(--purple-tx)}.order-trash-bulk .order-trash-purge-selected{color:var(--red-tx)}.order-trash-bulk .ui-icon{width:14px;height:14px;margin:0}
.crm-orders-table.is-trash .table-wrap{background:var(--bg1)}.crm-orders-table.is-trash thead th{white-space:nowrap}.crm-orders-table.is-trash tbody td{font-size:12.5px;color:var(--tx2)}.crm-orders-table.is-trash td:first-child,.crm-orders-table.is-trash th:first-child{width:38px;min-width:38px;text-align:center;padding-left:16px;padding-right:8px}.crm-orders-table.is-trash input[type=checkbox]{width:16px;height:16px;margin:0;vertical-align:middle;accent-color:var(--purple-tx);cursor:pointer}.crm-orders-table.is-trash tr:has(td input[type=checkbox]:checked){background:color-mix(in srgb,var(--purple-bg) 48%,var(--bg1))}.crm-orders-table.is-trash td small{display:block;font-size:11px;line-height:1.5;color:var(--tx3);margin-top:4px}.order-trash-code{display:inline-block;border:1px solid var(--bd1);border-radius:9px;padding:7px 11px;font-size:12px;line-height:1.3;color:var(--tx2);background:var(--bg1);white-space:nowrap}.order-trash-days{display:inline-block;padding:3px 8px;border-radius:99px;font-size:10.5px;background:var(--bg2);color:var(--tx2);white-space:nowrap}.order-trash-days.is-near{background:var(--amber-bg);color:var(--amber-tx);font-weight:650}.crm-order-actions .order-trash-restore{display:inline-flex;align-items:center;gap:5px;color:var(--purple-tx);padding:7px 10px;font-size:12px}.order-trash-restore .ui-icon{width:14px;height:14px;margin:0}.crm-orders-table.is-trash .table-actions-cell{min-width:155px}.order-purge-warning{margin:0}.order-purge-modal .hc-modal-desc{overflow-wrap:anywhere}.order-undo-toast[data-trash-link=true]>small{display:none}.order-undo-toast>.order-trash-link{color:#d2d5df;font-weight:400}.order-restored-toast button{white-space:nowrap}
@media(max-width:720px){.order-view-tabs{order:3;margin-left:0}.crm-orders-table>.table-tools>.table-count{margin-left:auto}.crm-orders-table>.table-tools>.table-search{min-width:0;flex:1;max-width:none}.order-trash-bulk{flex-wrap:wrap;padding:12px 14px;gap:9px}.order-trash-bulk>div{margin-left:auto}.order-trash-note{padding:12px 14px;font-size:11.5px}.order-trash-bulk .btn{font-size:11.5px;padding:6px 8px}.order-view-tabs button{font-size:12px}.crm-orders-table.is-trash .table-actions-cell{min-width:148px}.order-undo-toast>.order-trash-link{margin-left:auto}}
/* Child spaces keep the business connection and fix the Page/account scope. */
.space-color-orange{--space-color:#c65f2f;--space-wash:#fcf0e9}.space-color-blue{--space-color:#3289ae;--space-wash:#eaf5fa}.space-color-green{--space-color:#3b805c;--space-wash:#eaf4ed}.space-color-purple{--space-color:#8150b7;--space-wash:#f1eafa}.space-color-pink{--space-color:#b52982;--space-wash:#faeaf5}.space-color-slate{--space-color:#515f71;--space-wash:#eef0f5}.space-mark{display:inline-grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:8px;background:var(--space-color,var(--purple));color:#fff;font-size:14px;font-weight:700;line-height:1}.space-sidebar-label{display:block;margin:16px 4px 8px;color:var(--tx3);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}#space-sidebar{padding:0 16px 12px}.space-switcher-trigger{display:flex;align-items:center;gap:9px;width:100%;height:44px;padding:7px 10px;border:1px solid var(--bd2);border-radius:12px;background:var(--bg1);color:var(--tx1);cursor:pointer;font:inherit;text-align:left}.space-switcher-trigger>strong{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.space-switcher-trigger>small{color:var(--tx3);font-size:12px;white-space:nowrap}.space-switcher-trigger>svg{margin-left:auto;width:14px;flex-shrink:0}.space-switcher-trigger[aria-expanded=true],.space-switcher-trigger:focus-visible{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-bg);outline:0}.space-switcher-panel{padding:8px;max-height:min(640px,calc(100dvh - 32px));border-radius:16px}.space-switcher-panel h5{color:var(--tx3);font-size:10px;font-weight:600;text-transform:uppercase;margin:6px 8px 8px;letter-spacing:.03em}.space-switcher-panel [role=option]{display:flex;align-items:center;gap:10px;width:100%;min-height:51px;border:0;border-radius:10px;background:transparent;color:var(--tx1);padding:8px;font:inherit;cursor:pointer;text-align:left}.space-switcher-panel [role=option]>span:not(.space-mark){min-width:0;flex:1}.space-switcher-panel strong,.space-switcher-panel small{display:block}.space-switcher-panel strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.space-switcher-panel small{font-size:12px;color:var(--tx3);line-height:1.4}.space-switcher-panel [role=option]:hover{background:var(--bg2)}.space-switcher-panel [aria-selected=true]{background:var(--purple-bg);color:var(--purple-tx)}.space-switcher-panel [role=option]>b{font-size:15px}.space-switcher-panel footer{padding:12px 7px 5px}.space-switcher-panel footer button{font-size:12px;white-space:nowrap}.space-empty{margin:8px;padding:8px 0;color:var(--tx3);font-size:13px;line-height:1.5}.space-suggestions{margin:8px;border:1px dashed var(--bd1);border-radius:12px;padding:8px}.space-suggestions>div{display:flex;align-items:center;gap:10px;padding:8px 4px}.space-suggestions>div>span:not(.space-mark){flex:1;min-width:0;font-size:13px}.space-suggestions>div>button{font-size:12px}.space-heading-badge{display:inline-flex;vertical-align:middle;align-items:center;gap:7px;padding:5px 10px;border-radius:99px;background:var(--space-wash);color:var(--space-color);font:600 13px/1.2 var(--font-sans);margin-left:14px;letter-spacing:0}.space-heading-badge .space-mark{width:21px;height:21px;border-radius:6px;font-size:12px}.space-scope-banner{display:flex;align-items:center;gap:12px;border:1px solid color-mix(in srgb,var(--space-color) 18%,var(--bd1));background:var(--space-wash);border-radius:12px;padding:12px 14px;margin:0 0 20px;color:var(--tx2);font-size:13px;line-height:1.5}.space-scope-banner>span:not(.space-mark){flex:1}.space-scope-banner>button{flex-shrink:0;font-size:12px}.space-locked-filter,.space-locked-accounts>summary{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 14px;border:1px solid var(--bd1);border-radius:11px;background:var(--bg1);color:var(--tx2);font:400 14px var(--font-sans)}.space-locked-filter:disabled{opacity:1;cursor:default;background:var(--bg2)}.space-locked-filter>span{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.space-locked-filter small{font-size:12px;color:var(--tx3)}.space-locked-filter svg,.space-locked-accounts svg{width:15px;height:15px;flex-shrink:0}.space-locked-accounts{position:relative}.space-locked-accounts>summary{cursor:pointer;list-style:none}.space-locked-accounts>summary::-webkit-details-marker{display:none}.space-locked-accounts>div{position:absolute;top:calc(100% + 5px);left:0;min-width:250px;z-index:20;padding:12px;background:var(--bg1);border:1px solid var(--bd1);border-radius:12px;box-shadow:0 12px 30px #17132b20}.space-locked-accounts p{margin:0 0 10px}.space-locked-accounts small{display:block;color:var(--tx3);font-size:12px}.space-editor-modal{max-width:900px!important;border-radius:24px}.space-editor-modal .hc-modal-head,.space-manager-modal .hc-modal-head{padding:26px 30px}.space-editor-modal .hc-modal-body{padding:26px 30px}.space-editor-modal .hc-modal-head h3{font-size:27px}.space-editor-modal .hc-modal-body>p:first-child{font-size:14px;color:var(--tx3)}.space-editor-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin:25px 0}.space-editor-head>label{font-size:14px;font-weight:600}.space-editor-head .fi{display:block;width:100%;margin-top:10px;min-height:48px;font-size:16px}.space-editor-head fieldset{margin:0;padding:0;border:0}.space-editor-head legend{font-size:14px;font-weight:600;margin-bottom:14px}.space-palette{display:flex;gap:9px;padding:4px}.space-palette label{position:relative;width:29px;height:29px;cursor:pointer}.space-palette input{position:absolute;opacity:0}.space-palette label>span:not(.sr-only){display:block;width:29px;height:29px;background:var(--space-color);border-radius:8px;border:2px solid transparent}.space-palette label:has(:checked)>span:not(.sr-only){outline:2px solid var(--space-color);outline-offset:3px}.space-palette label:has(:focus-visible){outline:2px solid var(--purple);outline-offset:5px;border-radius:8px}.space-list-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 10px;font-size:14px}.space-list-title h4{font-size:14px;margin:0}.space-list-title small{font-weight:400;color:var(--tx3);font-size:12px}.space-asset-list{border:1px solid var(--bd1);border-radius:14px;overflow:auto;max-height:290px}.space-asset-list>label{display:flex;align-items:center;gap:12px;min-height:59px;padding:12px 14px;cursor:pointer;border-bottom:1px solid var(--bd1)}.space-asset-list>label:last-child{border-bottom:0}.space-asset-list input[type=checkbox],.space-access-all input{width:21px;height:21px;flex-shrink:0;accent-color:var(--purple)}.space-asset-list>label>span:not(.space-mark):not(.badge){flex:1;min-width:0}.space-asset-list strong{display:block;font-size:14px;font-weight:600}.space-asset-list small{display:block;font-size:12px;line-height:1.5;color:var(--tx3)}.space-asset-list .badge{max-width:230px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.space-draft-preview{display:flex;align-items:center;gap:12px;padding:15px;background:var(--bg2);border:1px solid var(--bd1);border-radius:13px;font-size:13px;line-height:1.6;margin-top:24px}.space-editor-modal .hc-modal-foot{padding:20px 30px}.space-editor-modal #modal-note{max-width:65%;font-size:12px;line-height:1.5;color:var(--tx3)}.space-manager-list article{display:flex;align-items:center;gap:10px;border:1px solid var(--bd1);border-radius:12px;padding:12px;margin-bottom:10px}.space-manager-list article>span:not(.space-mark){flex:1;min-width:0}.space-manager-list small{display:block;color:var(--tx3);font-size:12px}.space-access-all{display:flex;align-items:center;gap:10px;margin:20px 0}.sidebar-collapsed #space-sidebar{padding:0 10px 12px}.sidebar-collapsed .space-sidebar-label,.sidebar-collapsed .space-switcher-trigger>strong,.sidebar-collapsed .space-switcher-trigger>small,.sidebar-collapsed .space-switcher-trigger>svg{display:none}.sidebar-collapsed .space-switcher-trigger{justify-content:center;padding:5px}.space-switcher-panel button:focus-visible{outline:2px solid var(--purple);outline-offset:-2px}
html[data-theme=dark] .space-scope-banner,html[data-theme=dark] .space-heading-badge{background:color-mix(in srgb,var(--space-color) 14%,var(--bg1));color:var(--tx1)}
@media(max-width:640px){.space-editor-head{grid-template-columns:1fr;gap:18px}.space-editor-modal .hc-modal-head,.space-editor-modal .hc-modal-body,.space-editor-modal .hc-modal-foot{padding:20px 16px}.space-editor-modal #modal-note{max-width:100%}.space-list-title{align-items:flex-start;flex-direction:column;gap:3px}.space-asset-list .badge{display:none}.space-heading-badge{margin-left:7px;font-size:11px}.space-scope-banner{align-items:flex-start;flex-wrap:wrap;font-size:12px}.space-scope-banner>button{margin-left:auto}.space-locked-filter>span{max-width:160px}.space-locked-filter,.space-locked-accounts>summary{font-size:12px;min-height:40px}}

.space-mark-all{background:var(--bg2);color:var(--tx3)}.space-switcher-panel .space-empty-footer>button{width:100%;justify-content:center;font-size:13px}
/* Space avatars share the same square image in the editor and every Space label. */
.space-mark.has-image{overflow:hidden;position:relative;background:var(--bg2)}.space-mark.has-image .space-avatar-letter{display:none}.space-mark>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.space-editor-head.space-editor-with-avatar{grid-template-columns:1fr;margin-bottom:20px}.space-avatar-editor>h4{font-size:14px;font-weight:600;margin:0 0 12px}.space-avatar-editor-row{display:flex;align-items:flex-start;gap:20px}.space-avatar-large{position:relative;display:block;flex-shrink:0;border:0;padding:0;background:transparent;cursor:pointer;border-radius:16px}.space-avatar-large .space-mark{width:68px;height:68px;border-radius:17px;font-size:32px}.space-avatar-large>i{position:absolute;bottom:-5px;right:-5px;display:grid;place-items:center;width:24px;height:24px;border-radius:99px;background:var(--bg1);border:1px solid var(--bd1);color:var(--tx3);box-shadow:0 2px 6px #17132b10}.space-avatar-large>i svg{width:13px;height:13px}.space-avatar-settings{flex:1;min-width:0}.space-avatar-tabs{display:inline-flex;max-width:100%;padding:3px;margin-bottom:12px;background:var(--bg3);border-radius:11px}.space-avatar-tabs>button{border:0;background:transparent;border-radius:8px;padding:8px 13px;color:var(--tx3);font:500 13px var(--font-sans);cursor:pointer;white-space:nowrap}.space-avatar-tabs>button.is-active{background:var(--bg1);color:var(--tx1);box-shadow:0 1px 4px #17132b12}.space-avatar-editor [hidden]{display:none!important}.space-avatar-palette{padding:0;margin:0;border:0}.space-avatar-palette legend{color:var(--tx3);font-size:12px;margin-bottom:8px}.space-avatar-palette .space-palette{gap:12px;flex-wrap:wrap}.space-avatar-upload-file{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:12px;line-height:1.5}.space-avatar-upload-file>svg{width:16px;height:16px;color:var(--tx3)}.space-avatar-upload-file>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-weight:600}.space-avatar-upload-file>small{color:var(--tx3);font-size:12px}.space-avatar-upload-file .btn-link{font-size:12px;padding:3px 0}.space-avatar-upload-file .space-avatar-remove{color:var(--red-tx)}.space-avatar-settings>.field-hint,.space-avatar-settings .field-hint{margin:9px 0 0;font-size:12px;line-height:1.65;color:var(--tx3)}.space-avatar-page-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.space-avatar-page-row .fi{width:260px;max-width:100%;min-height:38px;font-size:13px}.space-avatar-page-row .btn-link{font-size:12px}.space-avatar-editor button:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.space-avatar-editor button:disabled{opacity:.5;cursor:default}.space-avatar-settings .form-error{margin-top:8px;font-size:12px}
@media(max-width:640px){.space-avatar-editor-row{gap:14px}.space-avatar-large .space-mark{width:56px;height:56px;border-radius:14px;font-size:27px}.space-avatar-tabs{display:flex;flex-wrap:wrap}.space-avatar-tabs>button{font-size:11px;padding:7px 8px}.space-avatar-upload-file>b{max-width:170px}.space-avatar-page-row .fi{width:100%}}
#modal-form[data-submitting=true] .space-avatar-editor button{opacity:.5;pointer-events:none}
/* Compact report value suggestions: source-aware dates, codes and named targets. */
.report-filter-modal:has(.report-rule-rich-value){max-width:1100px!important}
.report-filter-modal:has(.report-rule-rich-value) .report-rule-row{grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr) minmax(0,1.9fr) 28px;gap:14px}
.report-rule-rich-value{min-width:0;position:relative}
.report-rich-input{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border:1.5px solid var(--bd1);border-radius:12px;background:var(--bg1);transition:border-color .15s,box-shadow .15s}
.report-rich-input:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-bg)}
.report-rich-input>svg{width:19px;height:19px;flex:none;color:var(--purple)}
.report-rich-input input.fi{min-width:0;width:100%;height:45px;min-height:0;padding:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent;font:400 15px var(--font-sans)}
.report-rich-clear{flex:none;display:grid;place-items:center;width:23px;height:23px;border:0;border-radius:50%;padding:4px;background:var(--purple-bg);color:var(--purple-tx);cursor:pointer}
.report-rich-clear svg{width:13px;height:13px}.report-rich-selection-count{flex:none;font-size:12px;font-weight:700;padding:1px 6px;border-radius:20px;background:var(--purple-bg);color:var(--purple-tx)}
.report-rule-rich-value [hidden]{display:none!important}
.report-rich-suggestions{display:none;padding:14px 10px 0;border-radius:18px}
.report-rich-suggestions:popover-open{display:flex;flex-direction:column;overflow:hidden}
.report-rich-heading,.report-rich-list section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 10px 10px;font-size:12.5px;color:var(--tx3)}
.report-rich-heading>span,.report-rich-list section>header>span{text-transform:uppercase;font-weight:600;letter-spacing:.02em}
.report-rich-heading>small,.report-rich-list section>header>small{font-size:13px;white-space:nowrap}
.report-rich-list{overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}
.report-rich-list section>header{margin-top:18px;margin-bottom:7px}.report-rich-list section>header .btn-link{font-size:13px;font-weight:600}
.report-rich-option{display:flex;align-items:center;gap:14px;width:100%;border:0;border-radius:10px;padding:12px 12px;background:transparent;color:var(--tx1);text-align:left;font:400 14px/1.5 var(--font-sans);cursor:pointer;min-height:48px}
.report-rich-option:hover,.report-rich-option:focus-visible{background:var(--bg2)}.report-rich-option[aria-selected=true]{background:var(--purple-bg)}
.report-rich-copy{flex:1;min-width:0}.report-rich-copy strong,.report-rich-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.report-rich-copy strong{font-size:15px;font-weight:600}.report-rich-copy small{font-size:13px;color:var(--tx3);font-weight:400;margin-top:2px}
.report-rich-option.is-date .report-rich-copy,.report-rich-option.is-hour .report-rich-copy,.report-rich-option.is-code .report-rich-copy{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2.3fr);gap:14px;align-items:center}
.report-rich-option.is-hour .report-rich-copy{grid-template-columns:82px minmax(0,1fr)}
.report-rich-option.is-date .report-rich-copy small,.report-rich-option.is-code .report-rich-copy small,.report-rich-option.is-hour .report-rich-copy small{margin:0;font-size:14px}
.report-rich-meta{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px;max-width:32%;white-space:nowrap;font-size:13px;color:var(--tx3)}
.report-rich-meta b{font-weight:500}.report-rich-option.is-target .report-rich-meta b{color:var(--tx1);font-weight:600}.report-rich-meta small{font-size:12.5px}
.report-rich-option.is-unnamed .report-rich-copy strong{font-size:14px;font-weight:400;color:var(--tx3)}
.report-rich-check{color:var(--purple);font-size:16px;flex:none}
.report-rich-suggestions mark{background:transparent;color:var(--purple-tx);font-weight:700}
.report-rich-auto{display:inline-block;font-style:normal;font-weight:400;font-size:11px;background:var(--bg2);color:var(--tx3);border-radius:4px;padding:1px 5px;margin-left:7px}
.report-rich-text-action{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:12px;border:0;border-radius:10px;background:var(--purple-bg);color:var(--tx1);font:400 14px var(--font-sans);text-align:left;cursor:pointer;margin-bottom:6px}
.report-rich-text-action span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-rich-text-action b{color:var(--purple-tx)}
.report-rich-text-action kbd{flex:none;padding:0 6px;border:1px solid var(--bd1);border-radius:4px;background:var(--bg1);color:var(--purple-tx);font:600 12px var(--font-sans)}
.report-rich-suggestions footer{position:static;flex:none;align-items:center;gap:14px;font-size:12.5px;padding:13px 10px 15px;border-top:1px solid var(--bd1);margin-top:8px}
.report-rich-suggestions footer>span{flex:1;min-width:0}.report-rich-suggestions footer .btn-link{flex:none;font-size:13px;font-weight:600;color:var(--purple-tx)}
.report-rich-more,.report-rich-unnamed-link{display:block;text-align:left;padding:10px 12px;font-size:13px}
@media(max-width:640px){.report-filter-modal:has(.report-rule-rich-value) .report-rule-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 26px;gap:8px}.report-filter-modal .report-rule-row:has(.report-rule-rich-value)>.report-rule-field{grid-column:1/3;grid-row:1}.report-filter-modal .report-rule-row:has(.report-rule-rich-value)>.report-rule-operator{grid-column:1/3;grid-row:2}.report-filter-modal .report-rule-row>.report-rule-rich-value{grid-column:1/3;grid-row:3}.report-rich-option{padding:10px 8px;gap:8px}.report-rich-copy strong{font-size:14px}.report-rich-option.is-code .report-rich-copy{display:block}.report-rich-option.is-date .report-rich-copy{grid-template-columns:95px minmax(0,1fr);gap:6px}.report-rich-suggestions footer{flex-wrap:wrap}.report-rich-meta{font-size:12px}.report-rich-list section>header{gap:5px}}
/* Publishing Page/Tag/calendar/time menus share the product's purple controls. */
.pub-control-trigger{display:flex;align-items:center;gap:11px;width:100%;min-height:46px;padding:10px 13px;border:1.5px solid var(--bd1);border-radius:12px;background:var(--bg1);color:var(--tx1);font:400 14px var(--font-sans);text-align:left;cursor:pointer}
.pub-control-trigger strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.pub-control-trigger>svg{width:18px;height:18px;flex:none;color:var(--purple-tx)}.pub-control-trigger>svg:last-child{width:15px;height:15px;margin-left:auto}.pub-control-trigger[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.pub-control-trigger:disabled{cursor:default;opacity:.65}
.publishing-page-choice.pub-page-control{display:block;border:0;padding:0;min-width:0}.publishing-page-choice.pub-page-control .pub-control-trigger{border:1.5px solid var(--bd1);padding:10px 13px;background:var(--bg1)}.publishing-page-choice.pub-page-control .pub-control-trigger[aria-expanded=true]{border-color:var(--purple)}
.pub-control-avatar{--pub-avatar:#5545db;display:inline-grid;place-items:center;position:relative;overflow:hidden;flex:none;width:32px;height:32px;border-radius:50%;background:var(--pub-avatar);color:#fff;font:600 11px var(--font-sans)}.pub-control-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pub-color-orange{--pub-avatar:#925d35}.pub-color-purple{--pub-avatar:#5947dd}.pub-color-green{--pub-avatar:#299768}.pub-color-blue{--pub-avatar:#287eb0}.pub-color-pink{--pub-avatar:#b83c88}.pub-color-slate{--pub-avatar:#596174}
.pub-control-menu{display:none;position:fixed;inset:auto;margin:0;padding:10px 10px 0;border:1px solid var(--bd1);border-radius:17px;background:var(--bg1);color:var(--tx1);font:400 14px/1.5 var(--font-sans);box-shadow:0 14px 38px #17132b29;overflow:hidden;box-sizing:border-box;min-width:0}.pub-control-menu:popover-open{display:flex;flex-direction:column}.pub-control-menu::backdrop{background:transparent}.pub-control-menu [hidden]{display:none!important}.pub-control-menu footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:13px 6px 15px;margin-top:7px;border-top:1px solid var(--bd1);color:var(--tx3);font-size:12px}.pub-control-menu footer .btn-link{color:var(--purple-tx);font-size:13px;font-weight:600;text-decoration:none;flex:none}.pub-control-menu button:focus-visible,.pub-control-menu input:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.pub-control-search{display:flex;align-items:center;gap:10px;flex:none;background:var(--bg2);border:1px solid var(--bd1);border-radius:11px;margin:0 0 10px;padding:9px 11px}.pub-control-search>svg{width:18px;height:18px;flex:none;color:var(--purple-tx)}.pub-control-search>input{min-width:0;width:100%;padding:0;border:0;background:transparent;color:var(--tx1);outline:0!important;box-shadow:none;font:400 14px var(--font-sans)}.pub-control-search:focus-within{border-color:var(--purple)}
.pub-control-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;padding:2px 6px 7px;color:var(--tx3);font-size:12px}.pub-control-subhead>span:first-child{text-transform:uppercase;font-weight:600}.pub-control-subhead>small{font-size:11.5px}.pub-control-options{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.pub-control-empty{color:var(--tx3);padding:15px 10px;font-size:13px}
#pub-page-options>[role=option]{display:flex;align-items:center;gap:12px;width:100%;padding:11px 9px;border:0;border-radius:11px;text-align:left;background:transparent;color:var(--tx1);font:inherit;cursor:pointer}#pub-page-options>[role=option]:hover{background:var(--bg2)}#pub-page-options>[aria-selected=true]{background:var(--purple-bg)}#pub-page-options>button:disabled{opacity:.45;cursor:default}.pub-page-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.pub-page-copy>strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-page-copy>small{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:12px;color:var(--tx3)}.pub-control-check{color:var(--purple-tx);flex:none}.pub-platform{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--bd1);border-radius:4px;padding:0 5px;font-size:11px;color:var(--tx3);white-space:nowrap}.pub-platform.is-facebook{color:#27699d;background:#edf6fc}.pub-platform.is-instagram{color:#a63f84;background:#fcf0f7}
.pub-control-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.pub-control-label>small{font-size:11.5px;color:var(--tx3);font-weight:400}.pub-control-label label{margin:0}.pub-tags-field{grid-column:1/-1;min-width:0}.pub-tag-trigger{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:46px;border:1.5px solid var(--bd1);border-radius:12px;padding:5px 10px;background:var(--bg1);cursor:pointer}.pub-tag-trigger>svg{width:20px;height:20px;color:var(--purple-tx);flex:none;pointer-events:none}.pub-tag-trigger>.publishing-chips{display:contents}.pub-tag-trigger>button{flex:1;min-width:95px;display:flex;align-items:center;justify-content:space-between;gap:8px;align-self:stretch;padding:5px 0;border:0;background:transparent;color:var(--tx3);font:400 14px var(--font-sans);text-align:left;cursor:pointer}.pub-tag-trigger>button svg{width:16px;height:16px;color:var(--purple-tx)}.pub-tag-trigger>button[aria-expanded=true] svg{transform:rotate(180deg)}
.pub-tag-row{display:flex;align-items:center;gap:10px;min-height:42px;padding:7px 6px;border-radius:9px}.pub-tag-row:hover{background:var(--bg2)}.pub-tag-row:has(:checked){background:var(--purple-bg)}.pub-tag-row>label{display:flex;align-items:center;gap:10px;flex:1;min-width:0;cursor:pointer;font-weight:400;margin:0}.pub-tag-row>label>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-tag-row>small{color:var(--tx3);font-size:12px;white-space:nowrap}.pub-tag-row>.btn-link{font-size:12px}
.pub-tag-row input[type=checkbox],.pub-schedule-page-option input[type=checkbox]{appearance:none;display:grid;place-items:center;flex:none;width:20px;height:20px;border:1.5px solid var(--tx3);border-radius:5px;accent-color:var(--purple);background:var(--bg1);margin:0;cursor:pointer}.pub-tag-row input:checked,.pub-schedule-page-option input:checked,.pub-schedule-page-option input:indeterminate{border-color:var(--purple);background:var(--purple)}.pub-tag-row input:checked::after,.pub-schedule-page-option input:checked::after{content:'✓';color:#fff;font:600 14px var(--font-sans)}.pub-schedule-page-option input:indeterminate::after{content:'−';color:#fff}
.pub-tag-default,.pub-tag-gray{--pub-tag:#8d919e}.pub-tag-brown{--pub-tag:#95653d}.pub-tag-orange{--pub-tag:#bf712c}.pub-tag-yellow{--pub-tag:#986519}.pub-tag-green{--pub-tag:#26784e}.pub-tag-blue{--pub-tag:#377ea6}.pub-tag-purple{--pub-tag:#5b43dc}.pub-tag-pink{--pub-tag:#af3e88}.pub-tag-red{--pub-tag:#b34b39}.pub-tag-dot,.pub-tag-chip>i{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;background:var(--pub-tag)}.publishing-chips>.pub-tag-chip{display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--pub-tag) 12%,var(--bg1));color:var(--pub-tag);font-weight:600}.pub-tag-chip button{color:inherit}
.pub-tag-create{border:1px dashed var(--bd1);border-radius:10px;padding:10px 12px;margin-top:5px;background:var(--bg2);color:var(--purple-tx);font:600 13px var(--font-sans);text-align:left;cursor:pointer;flex:none}.pub-tag-editor{border:1px solid var(--bd1);border-radius:12px;background:var(--bg2);padding:12px;margin-top:10px;display:grid;gap:10px}.pub-tag-editor>.fi{width:100%}.pub-tag-editor>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:8px}.pub-tag-editor .pub-tag-archive{margin-right:auto;color:var(--red-tx)}.pub-tag-swatches{display:flex;gap:9px;flex-wrap:wrap}.pub-tag-swatches>label{position:relative;display:block;padding:3px;cursor:pointer}.pub-tag-swatches input{position:absolute;opacity:0;width:20px;height:20px}.pub-tag-swatches .pub-tag-dot{width:20px;height:20px}.pub-tag-swatches label:has(:checked){outline:2px solid var(--purple);outline-offset:1px;border-radius:50%}#pub-tag-error,#pub-time-error{color:var(--red-tx);font-size:12px;margin:0;overflow-wrap:anywhere}#pub-tag-error:empty,#pub-time-error:empty{display:none}
.pub-time-heading{margin-top:16px;font-size:13px}.pub-mode-switch{display:inline-flex;width:auto;min-width:215px}.pub-mode-switch>button{padding:8px 14px}.publishing-schedule-fields>div{min-width:0}.pub-clock-control{position:relative;display:flex;align-items:center;min-height:46px;border:1.5px solid var(--bd1);border-radius:12px;background:var(--bg1);padding-left:12px;gap:9px}.pub-clock-control>svg{width:19px;height:19px;color:var(--purple-tx);flex:none}.pub-clock-control>.fi{min-width:0;width:100%;border:0!important;background:transparent;box-shadow:none!important;outline:0!important;min-height:43px;padding:8px 0;font-size:14px}.pub-clock-control>button{flex:none;padding:10px;border:0;background:transparent;cursor:pointer;color:var(--tx3)}.pub-clock-control>button svg{width:16px;height:16px}#pub-time-error{grid-column:1/-1}
.pub-calendar-head{display:flex;align-items:center;gap:7px;padding:8px 8px 12px;flex:none}.pub-calendar-head>b{flex:1;font-size:15px}.pub-calendar-head button{width:33px;height:33px;border:1px solid var(--bd1);border-radius:9px;background:var(--bg1);color:var(--tx1);font:600 19px var(--font-sans);cursor:pointer}.pub-calendar-head button:disabled{opacity:.3;cursor:default}.pub-calendar-quick{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:0 7px 12px;flex:none}.pub-calendar-quick button,.pub-calendar-quick>span{border:0;border-radius:20px;padding:5px 10px;font:500 11.5px var(--font-sans);background:var(--bg2);color:var(--tx3);cursor:pointer}.pub-calendar-quick>span{color:var(--purple-tx);background:var(--purple-bg)}.pub-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;min-height:0;overflow:auto;padding:0 5px}.pub-calendar-grid>[role=columnheader]{text-align:center;font-size:12px;color:var(--tx3);padding:0 0 8px}.pub-calendar-grid>button{position:relative;min-height:34px;aspect-ratio:1;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--tx1);font:500 13px var(--font-sans);cursor:pointer}.pub-calendar-grid>button:hover{background:var(--bg2)}.pub-calendar-grid>button.is-today{border-color:var(--purple);color:var(--purple-tx)}.pub-calendar-grid>button.is-selected{background:var(--purple);color:white}.pub-calendar-grid>button:disabled,.pub-calendar-grid>button.is-other-month{color:var(--tx3);opacity:.35}.pub-calendar-grid>button:disabled{cursor:default}.pub-calendar-grid>button>i,.pub-calendar-legend>i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#b73a89}.pub-calendar-grid>button>i{position:absolute;bottom:4px;left:calc(50% - 2px)}.pub-calendar-grid>button.is-selected>i{background:white}.pub-calendar-legend{display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:var(--tx3);font-size:10px;padding:9px 5px 4px;margin:0}.pub-calendar-legend>span{margin-left:8px}
.pub-best-hours{display:flex;gap:7px;flex-wrap:wrap;margin:4px 5px 12px;flex:none}.pub-best-hours>button{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--bd1);border-radius:10px;background:var(--bg1);color:var(--tx1);font:400 14px var(--font-sans);cursor:pointer}.pub-best-hours>button small{font-size:10px;background:var(--green-bg);color:var(--green-tx);border-radius:4px;padding:0 4px}.pub-best-hours>button.is-selected{border-color:var(--purple);background:var(--purple-bg);color:var(--purple-tx)}.pub-best-hours>button:disabled{opacity:.35;cursor:default}.pub-best-hours>p{margin:0;font-size:12px;color:var(--tx3)}.pub-time-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0}.pub-time-columns>div{min-width:0;min-height:0;display:flex;flex-direction:column}.pub-time-columns h5{margin:0 0 7px;text-transform:uppercase;text-align:center;color:var(--tx3);font-size:11px;font-weight:500}.pub-time-columns [role=listbox]{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:90px;max-height:245px;padding:3px;background:var(--bg2);border-radius:10px}.pub-time-columns [role=option]{display:block;width:100%;border:0;border-radius:8px;min-height:33px;padding:6px;background:transparent;color:var(--tx1);font:400 14px var(--font-sans);cursor:pointer}.pub-time-columns [aria-selected=true]{background:var(--purple);color:white;font-weight:600}.pub-time-columns button:disabled{opacity:.3;cursor:default}
.schedule-page-control{min-width:180px}.schedule-page-control>.pub-control-trigger{min-height:42px;font-size:13px}.pub-schedule-page-option{display:flex;align-items:center;gap:10px;padding:10px 6px;border-radius:9px;font-weight:400;cursor:pointer}.pub-schedule-page-option>span:not(.pub-control-avatar),.pub-schedule-page-option>strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-schedule-page-option>small{font-size:12px;color:var(--tx3);white-space:nowrap}.pub-schedule-page-option:has(:checked){background:var(--purple-bg)}.pub-schedule-page-option.is-all{margin-bottom:6px}.pub-schedule-page-option .pub-control-avatar{width:27px;height:27px;font-size:10px}
.publishing-modal [hidden],.schedule-modal [hidden]{display:none!important}
@media(max-width:640px){.pub-control-menu{font-size:13px}.pub-control-menu footer{font-size:11px;gap:7px}.pub-control-label>small{font-size:10px}.pub-page-copy>small{gap:3px;font-size:11px}.pub-calendar-grid>button{min-height:30px}.pub-control-subhead>small{font-size:10px}.schedule-page-control{min-width:0;flex:1}.schedule-view-tools .schedule-page-control{width:100%}.pub-best-hours>button{font-size:13px;padding:6px}.pub-mode-switch{min-width:200px}.pub-tag-editor>div:last-child{flex-wrap:wrap}.pub-time-columns [role=listbox]{max-height:200px}}
@media(forced-colors:active){.pub-tag-row input[type=checkbox],.pub-schedule-page-option input[type=checkbox]{appearance:auto}.pub-tag-row input:checked::after,.pub-schedule-page-option input:checked::after,.pub-schedule-page-option input:indeterminate::after{content:none}}
/* Post-report tags: one picker for assigning, creating and managing workspace tags. */
.tag-cyan{background:#dff2f7;color:#087a9d}.pub-tag-cyan{--pub-tag:#087fa6}
.report-post-tag-popover{padding:18px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;border-radius:18px;gap:12px}
.report-post-tag-popover>[hidden],.report-post-tag-popover [hidden]{display:none!important}
.report-tag-heading{display:flex;align-items:center;gap:10px;flex:none;color:var(--tx1);font-size:14px}.report-tag-heading>b{font-weight:600}.report-tag-heading>span{flex:1;color:var(--tx3);font-size:12px;text-align:right}.report-tag-heading>button{display:grid;place-items:center;border:0;background:transparent;color:var(--tx3);width:23px;height:25px;padding:3px;cursor:pointer}.report-tag-heading>button svg{width:17px;height:17px}
.report-tag-field{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:none;min-height:48px;padding:7px 12px;border:1.5px solid var(--bd1);border-radius:12px;background:var(--bg1);cursor:pointer}.report-tag-field:has([aria-expanded=true]),.report-tag-field:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-bg)}.report-tag-field>svg{width:21px;height:21px;color:var(--purple-tx);flex:none}.report-tag-chips{display:contents}.report-tag-chip{display:inline-flex;align-items:center;gap:6px;border-radius:30px;background:color-mix(in srgb,var(--pub-tag) 11%,var(--bg1));color:var(--pub-tag);font-size:13px;font-weight:600;padding:5px 10px;max-width:100%;overflow-wrap:anywhere}.report-tag-chip>i{width:9px;height:9px;border-radius:50%;background:var(--pub-tag);flex:none}.report-tag-chip>button{border:0;background:transparent;color:inherit;opacity:.65;padding:0 1px;cursor:pointer;font:400 16px var(--font-sans)}.report-tag-field>[data-tag-expand]{display:flex;align-items:center;gap:12px;justify-content:space-between;flex:1;min-width:105px;border:0;background:transparent;color:var(--tx3);font:400 14px var(--font-sans);padding:5px 0;cursor:pointer}.report-tag-field>[data-tag-expand] svg{width:15px;height:15px;color:var(--purple-tx)}.report-tag-field [aria-expanded=true] svg{transform:rotate(180deg)}
.report-tag-dropdown{display:flex;flex-direction:column;gap:8px;min-height:0;background:var(--bg1);border:1px solid var(--bd1);border-radius:14px;box-shadow:0 8px 18px #17132b14;padding:10px 10px 0}.report-tag-dropdown>.pub-control-search{margin-bottom:0;min-height:42px}.report-tag-dropdown>.pub-control-subhead{padding:2px 6px 0}.report-tag-options{flex:none;max-height:260px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.report-tag-dropdown .pub-tag-row{min-height:42px}.report-tag-dropdown .pub-tag-row:has(:checked){background:transparent}.report-tag-dropdown .pub-tag-row:hover,.report-tag-dropdown .pub-tag-row:focus-within{background:var(--bg2)}.report-tag-dropdown>.pub-tag-create{margin-top:0;width:100%;background:var(--bg2)}.report-tag-dropdown>footer{margin-top:0;padding-top:11px;padding-bottom:13px}.report-tag-dropdown .pub-tag-row label>span:last-child{white-space:normal;overflow-wrap:anywhere}.report-tag-dropdown:has(.report-tag-editor) .report-tag-options{max-height:132px}
.report-tag-editor{padding:16px;border:1px solid color-mix(in srgb,var(--purple) 25%,var(--bd1));border-radius:13px;background:var(--bg2);display:grid;gap:12px}.report-tag-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.report-tag-editor-heading>span{font-size:12px;color:var(--tx3)}.report-tag-name-label{display:grid;gap:7px;color:var(--tx2);font-size:13px;font-weight:500;margin:0}.report-tag-name{display:flex;align-items:center;border:1.5px solid var(--bd1);border-radius:11px;background:var(--bg1);overflow:hidden}.report-tag-name:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-bg)}.report-tag-name>.fi{width:100%;min-width:0;border:0!important;box-shadow:none!important;outline:0!important;background:transparent;padding:10px 12px;font-size:14px}.report-tag-name>span{padding-right:12px;flex:none;color:var(--tx3);font-size:12px;font-weight:400}
.report-tag-color-field{border:0;padding:0;margin:0;min-width:0}.report-tag-color-field legend{color:var(--tx2);font-size:13px;margin-bottom:10px}.report-tag-colors{display:flex;flex-wrap:wrap;gap:10px}.report-tag-colors>label{position:relative;display:grid;place-items:center;cursor:pointer;margin:0}.report-tag-colors input{position:absolute;opacity:0;width:30px;height:30px;margin:0}.report-tag-colors label>span{display:grid;place-items:center;background:var(--pub-tag);width:30px;height:30px;border-radius:9px;font-size:0;color:#fff}.report-tag-colors :checked+span{font-size:20px;outline:2px solid var(--pub-tag);outline-offset:3px}.report-tag-colors :focus-visible+span{box-shadow:0 0 0 6px var(--purple-bg)}.report-tag-colors :disabled+span{opacity:.6}.report-post-tag-popover .pub-tag-blue{--pub-tag:#2466c2}
.report-tag-preview{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--tx3)}.report-tag-preview .report-tag-chip{font-size:13px}.report-tag-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:5px}.report-tag-editor-actions>.btn{font-size:13px;min-height:38px;border-radius:11px}.report-tag-editor-actions>.btn-link{margin-right:auto;color:var(--red-tx);font-size:12px}.report-tag-error,.report-tag-status{margin:0;padding:0 3px;font-size:12px;flex:none;overflow-wrap:anywhere}.report-tag-error{color:var(--red-tx)}.report-tag-status{color:var(--tx3)}
@media(max-width:640px){.report-post-tag-popover{padding:13px;gap:10px}.report-tag-heading>span{font-size:10.5px}.report-tag-editor{padding:12px}.report-tag-editor-heading>span{font-size:10.5px}.report-tag-colors{gap:9px}.report-tag-colors label>span{width:27px;height:27px}.report-tag-editor-actions{flex-wrap:wrap}.report-tag-dropdown>footer{gap:6px}.report-tag-chip{font-size:12px}}
@media(forced-colors:active){.report-tag-colors label>span{border:1px solid ButtonText}.report-tag-colors :checked+span{outline-color:Highlight}.report-tag-colors input{opacity:1}}
/* Searchable objective/step selectors keep the same grouped menu in every funnel. */
.objective-funnel-modal [hidden],.objective-funnel-picker-menu [hidden]{display:none!important}
.objective-funnel-target-control{width:68%;min-width:0}.objective-funnel-target-control .objective-funnel-picker-trigger{width:100%}
.objective-funnel-modal .objective-funnel-picker-trigger.fi{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:50px;padding:11px 15px;border:1.5px solid var(--bd1);border-radius:13px;background:var(--bg1);color:var(--tx1);font-family:var(--font-sans);font-size:15px;text-align:left;cursor:pointer;box-shadow:none}
.objective-funnel-picker-trigger>strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.objective-funnel-picker-trigger>svg{width:15px;height:15px;color:var(--tx3);flex:none;margin-left:auto}.objective-funnel-modal .objective-funnel-picker-trigger[aria-expanded=true],.objective-funnel-modal .objective-funnel-picker-trigger:focus-visible{outline:0;border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-bg)}.objective-funnel-picker-trigger[aria-expanded=true]>svg{transform:rotate(180deg);color:var(--purple-tx)}.objective-funnel-picker-trigger:disabled{opacity:.6;cursor:default}
.objective-funnel-picker-badge{display:inline-flex;align-items:center;flex:none;border:1px solid #cadce6;border-radius:4px;padding:0 5px;white-space:nowrap;color:#28678c;background:#f0f8fc;font:500 11px/1.3 var(--font-sans)}.objective-funnel-picker-badge.is-web{color:#327a55;background:#eef8f1;border-color:#d1e4d8}.objective-funnel-picker-badge.is-mixed{color:#655199;background:#f0ebfb;border-color:#e6ddf7}.objective-funnel-picker-badge.is-family{background:var(--bg3);border-color:transparent;color:var(--tx3);font-size:10.5px}
.objective-funnel-picker-menu{padding:10px 10px 0;border-radius:15px}.objective-funnel-picker-menu>.pub-control-search{min-height:43px;margin-bottom:6px;background:var(--bg2)}.objective-funnel-picker-options{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.objective-funnel-picker-options>section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 8px 5px;font-size:11px;color:var(--tx3);font-weight:600;text-transform:uppercase}.objective-funnel-picker-options>section>header>small{font-size:11px;font-weight:400;text-transform:none}
.objective-funnel-picker-row{display:flex;align-items:center;gap:8px;border-radius:9px;min-width:0}.objective-funnel-picker-row:hover,.objective-funnel-picker-row:focus-within{background:var(--bg2)}.objective-funnel-picker-row>[role=option]{display:flex;align-items:center;gap:8px;flex:1;min-width:0;min-height:36px;padding:8px;border:0;border-radius:9px;background:transparent;color:var(--tx1);font:400 14px/1.35 var(--font-sans);text-align:left;cursor:pointer}.objective-funnel-picker-row>[role=option]>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.objective-funnel-picker-row>[role=option][aria-selected=true]{background:var(--purple-bg);font-weight:600}.objective-funnel-picker-row>[role=option]>small{margin-left:auto;color:var(--tx3);font-size:11.5px;flex:none}.objective-funnel-picker-row>[role=option]:disabled{color:var(--tx3);opacity:.55;cursor:default}.objective-funnel-picker-check{margin-left:auto;color:var(--purple-tx);font-size:16px;font-weight:600}.objective-funnel-owner-link{flex:none;max-width:42%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;color:var(--tx3);font:400 11.5px var(--font-sans);text-align:right;padding:9px 8px;cursor:pointer}.objective-funnel-owner-link:hover,.objective-funnel-owner-link:focus-visible{color:var(--purple-tx);text-decoration:underline}
.objective-funnel-picker-menu>footer{padding:12px 6px;margin-top:7px;font-size:11.5px}.objective-funnel-picker-menu>footer>span{min-width:0;flex:1}.objective-funnel-picker-menu>footer>.btn-link{font-size:12px}
@media(max-width:600px){.objective-funnel-target{flex-wrap:wrap;align-items:flex-start;gap:9px}.objective-funnel-target-control{width:100%}.objective-funnel-modal .objective-funnel-picker-trigger.fi{font-size:13px;min-height:46px;padding:10px;gap:7px}.objective-funnel-picker-trigger .objective-funnel-picker-badge{font-size:10px}.objective-funnel-picker-row>[role=option]{font-size:12.5px;padding:9px 6px;gap:6px}.objective-funnel-picker-row>[role=option]>.objective-funnel-picker-badge{font-size:9px}.objective-funnel-picker-row>[role=option]>small,.objective-funnel-owner-link{font-size:10px}.objective-funnel-picker-options>section>header{font-size:10px;padding-left:6px;padding-right:6px}.objective-funnel-picker-options>section>header>small{font-size:10px}.objective-funnel-picker-menu>footer{font-size:10.5px;flex-wrap:wrap}.objective-funnel-picker-menu>footer>.btn-link{font-size:11px}}
.workspace-picker-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:60px;padding:10px;border:1.5px solid var(--bd1);border-radius:14px;background:var(--bg1);color:var(--tx1);font:inherit;text-align:left;cursor:pointer}
.workspace-picker-trigger:hover{background:var(--bg2)}.workspace-picker-trigger[aria-expanded=true],.workspace-picker-trigger:focus-visible{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-bg);outline:0}.workspace-picker-trigger>svg{width:16px;height:16px;flex:none;color:var(--purple-tx);margin-left:auto}.workspace-picker-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.workspace-picker-trigger:disabled{cursor:wait;opacity:.65}
.workspace-picker-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.workspace-picker-copy>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;font-weight:650;line-height:1.4}.workspace-picker-copy>small{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--tx3);font-size:12.5px;line-height:1.4}.workspace-picker-trigger .workspace-picker-copy>small{flex-wrap:nowrap;gap:4px}.workspace-picker-trigger .workspace-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent;padding:0}.workspace-page-count{white-space:nowrap;flex:none}.workspace-role-separator{flex:none}
.workspace-avatar,.workspace-platform-avatar{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;flex:none;color:#fff;font-size:14px;font-weight:650;line-height:1;box-shadow:inset 0 0 0 1px #ffffff1a,0 1px 2px #1c21321a}.workspace-avatar.is-purple{background:#5745d9}.workspace-avatar.is-green{background:#2a9b69}.workspace-avatar.is-pink{background:#b73d85}.workspace-avatar.is-amber{background:#daa32b}.workspace-avatar.is-brown{background:#875b35}.workspace-avatar.is-blue{background:#057da5}.workspace-platform-avatar{background:#1d2232}.workspace-platform-avatar>svg{width:21px;height:21px}
.workspace-picker-menu{padding:10px 8px 0;border-radius:18px;border-color:var(--bd1);box-shadow:0 16px 36px #17132b26}.workspace-picker-menu .pub-control-search{min-height:45px;margin:0 1px 9px;padding:10px 12px;border:1.5px solid color-mix(in srgb,var(--purple) 20%,var(--bd1));border-radius:12px;background:color-mix(in srgb,var(--purple) 2%,var(--bg1))}.workspace-picker-menu .pub-control-search:focus-within{border-color:var(--purple);box-shadow:0 0 0 2px var(--purple-bg)}.workspace-picker-menu .pub-control-search>svg{width:19px;height:19px}.workspace-picker-menu .pub-control-search>input{font-size:14px}
.workspace-picker-menu .workspace-picker-results{overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin}.workspace-picker-menu [role=option]{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px;border:0;border-radius:12px;text-align:left;background:transparent;color:var(--tx1);font:inherit;cursor:pointer}.workspace-picker-menu [role=option]:hover{background:var(--bg2)}.workspace-picker-menu [role=option][aria-selected=true]{background:var(--purple-bg)}.workspace-picker-menu .workspace-picker-copy>strong{font-weight:500}.workspace-picker-menu [aria-selected=true] .workspace-picker-copy>strong{font-weight:700}.workspace-picker-menu .workspace-role-separator{display:none}.workspace-picker-menu [role=option]:disabled{opacity:.55;cursor:wait}.workspace-picker-menu .pub-control-subhead{padding:10px 8px 6px;font-size:11.5px;letter-spacing:.035em}.workspace-picker-menu .pub-control-subhead>small{font-size:12px;letter-spacing:0}
.workspace-picker-menu kbd{padding:1px 5px;border:1px solid var(--bd1);border-radius:5px;font:12px var(--font-sans);color:var(--tx3);flex:none}.workspace-picker-check{color:var(--purple-tx);font-size:18px;flex:none}.workspace-role{padding:0 5px;border-radius:4px;background:var(--bg2);color:var(--tx2);font-weight:600}.workspace-admin-role{background:#fcf2d9;color:#806321;border-radius:4px;padding:0 5px}.workspace-picker-empty,.workspace-picker-status{font-size:12.5px;color:var(--tx3);padding:12px 8px}.workspace-picker-menu footer{flex-wrap:wrap;padding:14px 8px 16px;margin-top:10px;font-size:12px}.workspace-picker-menu footer .btn-link{font-size:13px;font-weight:650}
.app.sidebar-collapsed .sb-tenant{display:block}
@media(min-width:769px){.app.sidebar-collapsed .sb-tenant{display:block;padding:10px 8px}.app.sidebar-collapsed .workspace-picker-trigger{padding:5px;min-height:46px;border-radius:11px;justify-content:center}.app.sidebar-collapsed .workspace-picker-trigger>.workspace-avatar{width:32px;height:32px;font-size:12px;border-radius:9px}.app.sidebar-collapsed .workspace-picker-trigger>.workspace-picker-copy,.app.sidebar-collapsed .workspace-picker-trigger>svg{display:none}}
.audience-chart-setting-row+.audience-chart-setting-row{border-top:1px solid var(--bd1);padding-top:20px}.audience-top-row>div:first-child{min-width:0;flex:1}.audience-top-row [data-audience-top-hint]{display:block;font-size:12.5px;color:var(--tx3);margin-top:5px;line-height:1.5}.audience-chart-setting-row .audience-top-switch{flex-basis:270px;flex-shrink:0}.audience-top-switch button{white-space:nowrap}.audience-chart-money>span{right:0;width:35px;height:100%;display:grid;place-items:center;border-left:1px solid var(--bd1);font-size:13px}.audience-chart-money .fi{font-weight:650}
@media(max-width:600px){.audience-top-row{flex-wrap:wrap}.audience-top-row>div:first-child{flex-basis:100%}.audience-chart-setting-row .audience-top-switch{flex-basis:100%}.workspace-picker-menu .workspace-picker-copy>strong{font-size:14px}.workspace-picker-menu .workspace-picker-copy>small{font-size:12px}}

/* Local Vietnamese / English spelling in the publishing caption. */
.pub-spell-wrap{margin-bottom:12px;min-width:0}
.publishing-caption-field.pub-spell{border:1px solid var(--bd1);border-radius:16px;background:var(--bg1);overflow:visible;margin-bottom:0;min-width:0}
.pub-spell:focus-within{border-color:var(--purple-tx);box-shadow:0 0 0 3px var(--purple-bg)}
.pub-spell-surface{position:relative;overflow:hidden;border-radius:16px 16px 0 0;isolation:isolate}
.pub-spell .pub-spell-surface textarea.fi,.pub-spell-mirror{box-sizing:border-box;padding:16px 18px;line-height:1.7;font:400 14px/1.7 var(--font-sans);letter-spacing:normal;word-spacing:normal;tab-size:8;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;text-align:start;border:1px solid transparent;border-radius:0}
.pub-spell .pub-spell-surface textarea.fi{display:block;margin:0;width:100%;min-height:168px;max-height:480px;resize:vertical;position:relative;z-index:1;background:transparent;box-shadow:none;outline:0;color:var(--tx1)}
.pub-spell.has-checker:not(.is-composing) textarea.fi{color:transparent;caret-color:var(--tx1);-webkit-text-fill-color:transparent}
.pub-spell.has-checker textarea.fi::placeholder{color:var(--tx3);-webkit-text-fill-color:var(--tx3);opacity:1}
.pub-spell textarea.fi::selection{background:#8473dc44}
.pub-spell-mirror{position:absolute;inset:0;overflow:hidden;pointer-events:none;color:var(--tx1);visibility:hidden}
.pub-spell.has-checker:not(.is-composing) .pub-spell-mirror{visibility:visible}
.pub-spell-mirror mark{color:inherit;background:transparent;font:inherit;letter-spacing:inherit;word-spacing:inherit;padding:0;margin:0;border:0;border-radius:0}
.pub-spell-mirror .pub-spell-error{text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:var(--red-tx,#b44538);text-decoration-thickness:1.4px;text-underline-offset:4px}
.pub-spell-mirror .pub-spell-fixed{background:#dceee2;color:#286d4b}
.pub-spell-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px 12px;padding:12px 16px;border-top:1px solid var(--bd1);background:var(--bg2);border-radius:0 0 16px 16px;font-size:12px;color:var(--tx3)}
.pub-spell-toolbar button{font-family:inherit;font-size:12px}
.pub-spell-toolbar>.btn-link{padding:0;white-space:nowrap;font-weight:700}
.pub-spell-status{border:0;border-radius:20px;background:transparent;color:var(--tx3);padding:6px 9px;text-align:left;cursor:pointer}
.pub-spell-status.has-errors{background:#fbece8;color:#ad4734}.pub-spell-status.is-clean{background:#e6f3e9;color:#347653}
.pub-spell-status:disabled{opacity:1;cursor:default}.pub-spell-status.has-errors:disabled{opacity:.6}
.pub-spell-auto{display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}
.pub-spell-auto input{appearance:none;-webkit-appearance:none;width:34px;height:20px;min-height:0;margin:0;border:0;border-radius:20px;background:var(--bd2,#c6c5cf);position:relative;cursor:pointer;flex-shrink:0}
.pub-spell-auto input::before{content:'';position:absolute;width:14px;height:14px;top:3px;left:3px;background:white;border-radius:50%;box-shadow:0 1px 3px #0002;transform:translateX(var(--switch-offset,0px));transition:transform var(--control-motion),width var(--control-motion)}
.pub-spell-auto input:checked{--switch-offset:14px;background:var(--purple-tx)}.pub-spell-auto input:disabled{opacity:.5;cursor:default}
.pub-spell-auto input:focus-visible{outline:2px solid var(--purple-tx);outline-offset:3px}
.pub-spell-toolbar #publishing-character-count{position:static;margin-left:auto;font-size:12px;white-space:nowrap;color:var(--tx3)}.pub-spell-toolbar #publishing-character-count.is-over-limit{color:var(--red-tx)}
.pub-spell-message{margin:10px 14px;color:var(--red-tx);font-size:12px;line-height:1.6}
.pub-spell-notice{margin:12px 0 0;background:#1c2030;color:white;padding:12px 16px;border-radius:12px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.pub-spell-notice .btn-link{color:#c7beff;padding:0 0 0 8px;font-size:12px;font-weight:700}
.pub-spell-menu.pub-control-menu{padding:10px;z-index:60}.pub-spell-menu p{margin:8px 10px 12px;font-size:12px;color:var(--tx3)}.pub-spell-menu-heading s{text-decoration-color:var(--red-tx);color:var(--red-tx)}
.pub-spell-menu>button{display:block;width:100%;text-align:left;font:400 14px/1.5 var(--font-sans);color:var(--tx1);padding:10px 12px;border:0;border-radius:9px;background:none;cursor:pointer;overflow-wrap:anywhere}.pub-spell-menu>button.is-suggestion{color:var(--purple-tx);font-weight:700}.pub-spell-menu>button:hover,.pub-spell-menu>button:focus-visible{background:var(--purple-bg);outline:0}.pub-spell-menu>button:disabled{opacity:.5;cursor:default}.pub-spell-menu hr{margin:8px 0;border:0;border-top:1px solid var(--bd1)}
.pub-spell #pub-spell-help{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){.pub-spell-toolbar{gap:8px;padding:10px}.pub-spell-toolbar #publishing-character-count{font-size:11px}.pub-spell .pub-spell-surface textarea.fi,.pub-spell-mirror{font-size:16px;padding:14px}.pub-spell-auto{font-size:11px}}
@media(forced-colors:active){.pub-spell.has-checker:not(.is-composing) textarea.fi{color:CanvasText;-webkit-text-fill-color:CanvasText}.pub-spell-mirror{visibility:hidden!important}}

/* Staff photos share one circular identity in reports, highlights and pickers. */
.staff-avatar{display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;position:relative;flex:none;font-weight:700;vertical-align:middle;isolation:isolate}.staff-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.staff-avatar>span{position:relative;line-height:1;letter-spacing:0}
.staff-avatar.row-avatar{margin-right:9px}.directory-avatar.staff-avatar{width:32px;height:32px;font-size:12px}.staff-highlight-identity{display:flex;align-items:center;gap:10px;min-width:0}.staff-highlight-identity>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-highlight-avatar{width:32px;height:32px;font-size:12px}
.staff-picker{position:relative;min-width:0}.staff-picker [hidden]{display:none!important}.staff-picker-trigger.fi{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;text-align:left;font:inherit;background:var(--bg1);color:var(--tx1);cursor:pointer}.staff-picker-trigger>span:not(.staff-avatar){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-picker-trigger>svg{width:16px;height:16px;flex:none;color:var(--tx3)}.staff-picker-avatar{width:27px;height:27px;font-size:11px}.staff-picker-trigger[aria-expanded=true]{border-color:var(--purple-tx);box-shadow:0 0 0 3px var(--purple-bg)}.staff-picker-trigger:disabled{cursor:default;opacity:.6}.staff-picker-menu.pub-control-menu{padding:10px;display:none}.staff-picker-menu:popover-open{display:block}.staff-picker-menu>input{margin:0 0 8px;width:100%}.staff-picker-options{overflow:auto;max-height:300px}.staff-picker-options>button{display:flex;align-items:center;gap:11px;width:100%;border:0;background:none;color:var(--tx1);padding:10px;border-radius:10px;text-align:left;font:inherit;cursor:pointer}.staff-picker-options>button:hover,.staff-picker-options>button:focus-visible{background:var(--bg2);outline:0}.staff-picker-options>button[aria-selected=true]{background:var(--purple-bg);color:var(--purple-tx)}.staff-picker-options>button>span:not(.staff-avatar){flex:1;min-width:0}.staff-picker-options b{font-size:13px;overflow-wrap:anywhere}.staff-picker-options small{display:block;color:var(--tx3);font-size:12px;margin-top:3px}.staff-picker-options>button>svg{width:17px;height:17px;flex:none}
.staff-edit-modal.hc-modal{max-width:1200px!important;width:calc(100vw - 48px);display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);gap:0 24px;background:transparent;border:0;box-shadow:none;border-radius:0;max-height:calc(100dvh - 36px);overflow:auto}
.staff-edit-modal>.hc-modal-head{grid-column:1;grid-row:1;background:var(--bg1);border-radius:22px 22px 0 0;padding:26px 28px}.staff-edit-modal>form,.staff-edit-modal .hc-modal-body,.staff-edit-layout{display:contents}.staff-editor-main{grid-column:1;grid-row:2;background:var(--bg1);padding:24px 28px}.staff-edit-modal .hc-modal-foot{grid-column:1;grid-row:5;background:var(--bg1);padding:22px 28px;border-radius:0 0 22px 22px}.staff-edit-modal #modal-progress{grid-column:1;grid-row:3;margin:0;background:var(--bg1);padding:10px 28px}.staff-edit-modal #modal-error{grid-column:1;grid-row:4;margin:0;background:var(--bg1);padding:10px 28px}.staff-edit-modal #modal-error:empty{display:none}.staff-edit-modal .hc-modal-note{font-size:12px;line-height:1.6}.staff-edit-modal .staff-form-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.staff-edit-modal .field-hint{font-size:12.5px;line-height:1.7;color:var(--tx3);margin:4px 0 18px}
.staff-photo-panel{display:flex;align-items:center;gap:18px;padding:20px 16px;margin-bottom:22px;background:var(--bg2);border:1px solid var(--bd1);border-radius:16px;position:relative}.staff-photo-panel.is-dragging{outline:2px solid var(--purple-tx);background:var(--purple-bg)}.staff-photo-main{flex:none;position:relative;padding:0;border:0;background:none;cursor:pointer}.staff-photo-avatar{width:80px;height:80px;font-size:26px}.staff-photo-main>i{display:grid;place-items:center;position:absolute;right:-2px;bottom:0;width:26px;height:26px;background:var(--bg1);border:1px solid var(--bd1);border-radius:50%;color:var(--purple-tx);z-index:2}.staff-photo-main svg{width:14px;height:14px}.staff-photo-copy{flex:1;min-width:0}.staff-photo-copy>strong{font-size:14px}.staff-photo-copy>p{font-size:12px;color:var(--tx3);line-height:1.6;margin:5px 0 10px}.staff-photo-remove.btn-link{color:var(--red-tx);font-size:12px}.staff-photo-copy .btn{font-size:12px}.staff-photo-drop{flex:none;display:grid;gap:5px;align-content:center;padding:14px;border:1px dashed var(--bd2);border-radius:12px;background:transparent;color:var(--tx3);font:400 11px/1.4 var(--font-sans);cursor:pointer;max-width:190px}.staff-photo-drop b{color:var(--purple-tx);font-size:12px}.staff-editor-aside{grid-column:2;grid-row:1/6;display:flex;flex-direction:column;gap:18px;min-width:0}.staff-editor-aside>section{border:1px solid var(--bd1);border-radius:20px;padding:18px;background:var(--bg1);box-shadow:var(--shadow-popover)}.staff-crop-card h4{margin:0 0 12px;font-size:15px}.staff-crop-stage{position:relative;width:100%;aspect-ratio:1;background:#57565d;border-radius:12px;overflow:hidden;touch-action:none;cursor:grab;user-select:none;isolation:isolate}.staff-crop-stage:active{cursor:grabbing}.staff-crop-stage>img{position:absolute;max-width:none;transform:translate(-50%,-50%);pointer-events:none;user-select:none}.staff-crop-circle{position:absolute;inset:9%;border-radius:50%;border:2px solid white;box-shadow:0 0 0 500px #19192388;pointer-events:none}.staff-crop-zoom{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--tx3);font-size:11px}.staff-crop-zoom input{flex:1;min-width:0;accent-color:var(--purple-tx)}.staff-crop-card .btn-row{justify-content:flex-end;flex-wrap:wrap;gap:8px}.staff-crop-card .btn-row>.btn-link{font-size:11px;margin-right:auto}.staff-crop-filename{overflow-wrap:anywhere;font-size:11px;color:var(--tx3);margin:0 0 12px}.staff-photo-examples>small{display:block;font-size:11px;color:var(--tx3);margin-bottom:12px}.staff-photo-examples>div{display:flex;align-items:center;gap:10px;margin-bottom:20px;min-width:0}.staff-photo-examples>div:last-child{margin-bottom:0}.staff-photo-examples>div>span:nth-child(2){font-size:12px;overflow-wrap:anywhere;flex:1}.staff-photo-examples>div>small{font-size:10px;color:var(--tx3);max-width:120px;text-align:right}.staff-example-avatar{width:34px;height:34px;font-size:12px}
.staff-edit-modal [hidden]{display:none!important}
@media(max-width:1050px){.staff-photo-drop{display:none}.staff-photo-panel{gap:12px}.staff-edit-modal.hc-modal{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:0 16px}}
@media(max-width:800px){.staff-edit-modal.hc-modal{display:block;width:calc(100vw - 24px)}.staff-edit-modal>form,.staff-edit-modal .hc-modal-body,.staff-edit-layout{display:block}.staff-editor-main{padding:20px}.staff-edit-modal>.hc-modal-head{padding:22px 20px}.staff-edit-modal .staff-form-row{grid-template-columns:1fr}.staff-editor-aside{background:var(--bg1);padding:0 20px 20px;gap:14px}.staff-editor-aside>section{box-shadow:none}.staff-crop-stage{max-width:300px;margin:auto}.staff-photo-panel{padding:16px 12px}.staff-photo-avatar{width:64px;height:64px;font-size:22px}.staff-edit-modal .hc-modal-foot{padding:20px;display:flex}.staff-photo-copy>p{font-size:11.5px}}
.staff-edit-modal.hc-modal{isolation:isolate}.staff-edit-modal:before{content:'';grid-column:1;grid-row:1/6;z-index:-1;background:var(--bg1);border-radius:22px}@media(max-width:800px){.staff-edit-modal:before{display:none}}

/* Consolidated report guidance, beside the row filter. */
[data-guidance-collected=true]{display:none!important}.report-guidance-trigger.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid #d8c798;border-radius:11px;background:#fffcf2;color:#7f6527;font-size:13px;font-weight:700;padding:9px 12px;white-space:nowrap}.report-guidance-trigger>svg{width:17px;height:17px;flex:none}.report-guidance-trigger>b{display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;box-sizing:border-box;border-radius:14px;background:#f5eacb;font-size:11px;font-weight:700}.report-guidance-trigger:hover{background:#fbf4df;border-color:#b8a36a}.report-guidance-trigger[aria-expanded=true],.report-guidance-trigger:focus-visible{outline:0;border-color:#af975d;box-shadow:0 0 0 3px #eee1bf66;background:#fffaf0}
.table-tools:has(.report-guidance-trigger)>[data-report-count]{order:1;margin-left:0}.table-tools>.report-guidance-trigger{order:2;margin-left:auto}.table-tools:has(.report-guidance-trigger)>.table-filter-button{order:3;margin-left:0}.table-tools:has(.report-guidance-trigger)>.report-columns-button{order:4;margin-left:0}.table-tools:has(.report-guidance-trigger)>.report-theme-trigger{order:5;margin-left:0}
.report-guidance-panel[popover]{position:fixed;inset:auto;margin:0;box-sizing:border-box;max-width:calc(100vw - 24px);padding:0;border:1px solid var(--bd1);border-radius:20px;background:var(--bg1);color:var(--tx1);box-shadow:var(--shadow-popover);overflow:hidden;font:400 13px/1.65 var(--font-sans);text-align:left}
.report-guidance-panel:popover-open{display:flex;flex-direction:column}.report-guidance-panel::backdrop{background:transparent}.report-guidance-panel>header{display:flex;align-items:center;gap:12px;padding:18px 18px 10px;flex:none}.report-guidance-icon{display:grid;place-items:center;width:34px;height:34px;background:#fff6df;color:#a38237;border-radius:11px;flex:none}.report-guidance-icon svg{width:19px;height:19px}.report-guidance-panel h3{margin:0;color:var(--tx1);font:700 17px/1.4 var(--font-sans)}.report-guidance-panel header p{margin:3px 0 0;color:var(--tx3);font-size:12px}.report-guidance-panel header>div{flex:1;min-width:0}.report-guidance-close{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:9px;background:var(--bg2);color:var(--tx3);cursor:pointer;flex:none}.report-guidance-close svg{width:15px;height:15px}
.report-guidance-search{display:flex;align-items:center;gap:9px;margin:0 18px 12px;padding:9px 11px;border:1px solid var(--bd1);border-radius:11px;background:var(--bg1);flex:none}.report-guidance-search:focus-within{border-color:var(--purple-tx);box-shadow:0 0 0 2px var(--purple-bg)}.report-guidance-search svg{width:16px;height:16px;color:var(--tx3);flex:none}.report-guidance-search input{display:block;min-width:0;width:100%;padding:0;border:0;outline:0;background:none;color:var(--tx1);font:400 13px/1.5 var(--font-sans)}.report-guidance-groups{padding:0 16px 16px;overflow:auto;min-height:0;flex:1;overscroll-behavior:contain;scrollbar-width:thin}.report-guidance-group{margin:0 0 7px;border-radius:10px;border:1px solid transparent;overflow:hidden}.report-guidance-group[open]{background:var(--bg2);border-color:var(--bd1)}.report-guidance-group>summary{display:flex;align-items:center;gap:9px;padding:10px 11px;cursor:pointer;list-style:none;user-select:none}.report-guidance-group>summary::-webkit-details-marker{display:none}.report-guidance-group>summary:before{content:'▸';color:var(--tx3);font-size:10px;width:12px;flex:none}.report-guidance-group[open]>summary:before{content:'▾'}.report-guidance-group summary>b{font-size:13px;font-weight:700}.report-guidance-group summary>small{margin-left:auto;color:var(--tx3);font-size:11px}.report-guidance-group summary>em{font-style:normal;font-size:10px;line-height:1.4;padding:1px 5px;border-radius:7px;color:#9e493b;background:#fbeae6}.report-guidance-items{padding:2px 14px 10px 34px}.report-guidance-item{margin:0 0 13px;min-width:0;font-size:12.5px;line-height:1.7}.report-guidance-item:last-child{margin-bottom:0}.report-guidance-item p{margin:0;color:var(--tx2);overflow-wrap:anywhere}.report-guidance-item.has-label{display:grid;grid-template-columns:minmax(120px,36%) minmax(0,1fr);gap:12px;margin-bottom:5px}.report-guidance-item>strong{font-size:12.5px;font-weight:700}.report-guidance-original{margin:4px 0 0!important;padding:0!important;background:none!important;border:0!important;color:var(--tx2);font-size:12.5px;line-height:1.7}.report-guidance-original .btn{min-height:28px;font-size:11px;padding:4px 8px}.report-guidance-original .right{margin-top:6px}.report-guidance-item:has(.report-guidance-original){display:block}.report-guidance-detail{margin-top:6px;grid-column:1/-1}.report-guidance-detail>summary{font-size:11px;color:var(--purple-tx);cursor:pointer}.report-guidance-detail p{font-size:12px;line-height:1.8;margin-top:8px}.report-guidance-panel>footer{display:flex;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--bd1);background:var(--bg1);color:var(--tx3);font-size:11px;flex:none}.report-guidance-panel footer>.btn-link{margin-left:auto;padding:0;font-weight:700;font-size:12px}.report-guidance-empty{padding:30px 14px;color:var(--tx3);text-align:center}.report-guidance-panel [data-guidance-results]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[data-theme=dark] .report-guidance-trigger.btn{background:#332d20;color:#e3c98d;border-color:#665737}html[data-theme=dark] .report-guidance-trigger>b{background:#50432a}html[data-theme=dark] .report-guidance-icon{background:#3c3320;color:#e3c98d}
@media(max-width:600px){.report-guidance-panel[popover]{border-radius:16px}.report-guidance-panel>header{padding:14px 14px 10px;gap:9px}.report-guidance-panel h3{font-size:16px}.report-guidance-panel header p{font-size:11px}.report-guidance-search{margin:0 12px 10px}.report-guidance-search input{font-size:16px}.report-guidance-groups{padding:0 10px 12px}.report-guidance-items{padding-left:22px}.report-guidance-item.has-label{grid-template-columns:minmax(100px,37%) minmax(0,1fr);gap:8px}.report-guidance-panel>footer{padding:11px 14px}.report-guidance-trigger.btn{font-size:12px;min-height:38px;padding:7px 9px}}
.report-guidance-group[data-guidance-group=sources] .report-guidance-item{display:inline;margin:0;font-size:12.5px}.report-guidance-group[data-guidance-group=sources] .report-guidance-item>p{display:inline}.report-guidance-group[data-guidance-group=sources] .report-guidance-item:not(:last-child):after{content:' · ';color:var(--tx3)}.report-guidance-item[data-guidance-source]>strong{display:inline-block;border:1px solid var(--bd1);border-radius:4px;padding:0 5px;margin-right:5px;font-size:10px;font-weight:600;line-height:1.5}.report-guidance-item[data-guidance-source=meta]>strong{background:var(--blue-bg);color:var(--blue-tx)}.report-guidance-item[data-guidance-source=web]>strong{background:var(--green-bg);color:var(--green-tx)}.report-guidance-item[data-guidance-source=crm]>strong{background:var(--amber-bg);color:var(--amber-tx)}

/* Marketing attribution picker: name, unique code, team and real library usage. */
.publishing-mkt-field>.pub-control-label{gap:8px;flex-wrap:wrap}.publishing-mkt-field>.pub-control-label>label{font-weight:700}.publishing-mkt-field>.pub-control-label>small{font-size:11px;color:var(--tx3);margin-left:auto}.staff-picker-trigger .staff-picker-code{flex:none;max-width:40%;overflow:hidden;text-overflow:ellipsis}.staff-picker-code{display:inline-block;background:var(--bg3);color:var(--tx2);border-radius:5px;padding:1px 6px;font:650 12px/1.5 var(--font-sans);white-space:nowrap}.staff-picker.is-marketing .staff-picker-trigger{min-height:50px;gap:11px}.staff-picker.is-marketing .staff-picker-trigger>.staff-picker-avatar{width:34px;height:34px;font-size:12px}.staff-picker.is-marketing .staff-picker-trigger>svg{color:var(--purple-tx)}.staff-picker-trigger[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.staff-picker-unassigned{display:inline-grid;place-items:center;border:1.5px solid var(--bd2);border-radius:50%;color:var(--tx3);background:var(--bg1);font-size:23px;font-weight:400;flex:none}
.staff-picker-menu.is-marketing:popover-open{display:flex;flex-direction:column;padding:10px 10px 0;overflow:hidden}.staff-picker-menu.is-marketing .staff-picker-search{flex:none;margin:0 0 10px;padding:11px 12px;background:var(--bg2)}.staff-picker-menu.is-marketing .staff-picker-search>input{font-size:14px}.staff-picker-menu.is-marketing .staff-picker-options{overflow:auto;min-height:0;max-height:410px;flex:1;overscroll-behavior:contain;scrollbar-width:thin}.staff-picker-menu.is-marketing .staff-picker-options>button{min-height:70px;gap:12px;padding:12px 10px}.staff-picker-menu.is-marketing .staff-picker-avatar{width:40px;height:40px;font-size:14px}.staff-picker-menu.is-marketing .staff-picker-person{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.staff-picker-menu.is-marketing .staff-picker-person>b{font-size:14px;font-weight:600;color:var(--tx1)}.staff-picker-menu.is-marketing [aria-selected=true] .staff-picker-person>b{font-weight:750}.staff-picker-menu.is-marketing .staff-picker-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;min-width:0}.staff-picker-menu.is-marketing .staff-picker-meta>small{display:inline;font-size:12px;color:var(--tx3);margin:0}.staff-picker-duplicate{display:inline-block;font:600 10px/1.5 var(--font-sans);padding:0 5px;border-radius:4px;background:var(--amber-bg);color:var(--amber-tx);white-space:nowrap}.staff-picker-menu.is-marketing .staff-picker-posts{display:block;font-size:12px;color:var(--tx3);margin:0;white-space:nowrap;flex:none}.staff-picker-menu.is-marketing [aria-selected=true] .staff-picker-posts{font-weight:700}.staff-picker-check-space{display:block;width:17px;flex:none}.staff-picker-menu.is-marketing .staff-picker-none{color:var(--tx3);border-bottom:1px solid var(--bd1);margin-bottom:5px;border-radius:10px}.staff-picker-none>.staff-picker-person>small{font-size:12px;color:var(--tx3);margin:0}.staff-picker-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 10px 5px;font-size:11px;color:var(--tx3);font-weight:650}.staff-picker-subhead>span:last-child{font-weight:400}.staff-picker-menu.is-marketing .staff-picker-footer{display:flex;align-items:center;gap:10px;flex:none;padding:12px 6px;border-top:1px solid var(--bd1);margin-top:7px;color:var(--tx3);font-size:11.5px}.staff-picker-footer>.btn-link{margin-left:auto;font-size:12px;font-weight:700;padding:0}.staff-picker-menu .staff-picker-create{padding:8px 4px 14px;overflow:auto;min-height:0}.staff-picker-create h4{margin:0 0 5px;font-size:16px}.staff-picker-create>p{font-size:12px;color:var(--tx3);margin:0 0 16px}.staff-picker-create label{display:block;font-size:12px;font-weight:650;color:var(--tx2);margin-bottom:12px}.staff-picker-create label>input{display:block;width:100%;margin-top:6px;font-weight:400}.staff-picker-create-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.staff-picker-create>small{display:block;color:var(--tx3);font-size:11px;line-height:1.6;margin:0 0 14px}.staff-picker-create>.btn-row{justify-content:flex-end;margin-top:16px}.staff-picker-create>.form-error{color:var(--red-tx);font-size:12px}.staff-picker-menu [hidden]{display:none!important}
@media(max-width:600px){.publishing-mkt-field>.pub-control-label>small{font-size:10.5px}.staff-picker-menu.is-marketing .staff-picker-search>input{font-size:16px}.staff-picker-menu.is-marketing .staff-picker-options>button{padding:10px 6px;gap:9px}.staff-picker-menu.is-marketing .staff-picker-avatar{width:34px;height:34px}.staff-picker-menu.is-marketing .staff-picker-person>b{font-size:13px}.staff-picker-menu.is-marketing .staff-picker-meta{gap:4px}.staff-picker-menu.is-marketing .staff-picker-meta>small{font-size:11px}.staff-picker-menu.is-marketing .staff-picker-posts{font-size:11px}.staff-picker-menu.is-marketing .staff-picker-footer{font-size:10.5px}.staff-picker-footer>.btn-link{font-size:11px}}

.staff-picker.is-marketing .staff-picker-trigger>.staff-picker-code,.staff-picker.is-marketing .staff-picker-trigger>.staff-picker-unassigned,.staff-picker-menu.is-marketing .staff-picker-options>button>.staff-picker-unassigned,.staff-picker-menu.is-marketing .staff-picker-options>button>.staff-picker-check-space{flex:none}
.staff-picker-search:not(.pub-control-search){display:block;margin-bottom:8px}.staff-picker-search:not(.pub-control-search)>input{width:100%}

/* Compact sidebar layouts and scoped menu display settings. */
.sb-nav [hidden],.nav-style-settings [hidden]{display:none!important}.sb-nav-group-trigger{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;border-radius:9px;padding:10px 9px;color:var(--tx1);font:650 13px/1.4 var(--font-sans);text-align:left;cursor:pointer}.sb-nav-group-trigger:hover{background:var(--bg2)}.sb-nav-group-trigger.is-current{color:var(--purple-tx)}.sb-nav-group-trigger>.sb-item-icon{width:18px;min-width:18px}.sb-nav-group-trigger>.sb-item-icon svg{width:17px;height:17px}.sb-nav-group-trigger>span:nth-last-child(1),.sb-nav-group-trigger>span:nth-last-child(2){min-width:0}.sb-nav-group-trigger>small{margin-left:auto;font-size:10px;font-weight:500;padding:0 5px;border-radius:5px;color:var(--tx3);background:var(--bg3)}.sb-nav-caret{width:10px;color:var(--tx3);flex:none;text-align:center}.sb-nav-group-items{padding-left:17px}.sb-nav-group-items .sb-item{min-height:38px;padding:8px 10px;font-size:12.5px}.sb-nav-group-items .sb-item.active{background:var(--purple-bg);color:var(--purple-tx)}.sb-nav-group-trigger:focus-visible,.sb-part-card button:focus-visible,.sb-part-dock button:focus-visible{outline:2px solid var(--purple-tx);outline-offset:2px}.sb-nav[data-menu-mode=sections]{display:flex;flex-direction:column;overflow:hidden;gap:3px}.sb-nav[data-menu-mode=sections]>.sb-item{flex:none}.sb-part-card{display:flex;align-items:center;gap:6px;background:var(--purple-bg);border:1px solid var(--bd1);border-radius:13px;margin:2px 0 10px;flex:none;padding:8px}.sb-part-trigger{display:flex;align-items:center;gap:10px;min-width:0;flex:1;padding:4px 0;border:0;background:none;color:var(--tx1);text-align:left;cursor:pointer}.sb-part-trigger>.sb-item-icon{display:grid;place-items:center;width:32px;height:32px;min-width:32px;border-radius:9px;background:#5448de;color:white}.sb-part-trigger>.sb-item-icon svg{width:18px;height:18px}.sb-part-trigger>span:last-child{min-width:0;flex:1}.sb-part-trigger b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 13px/1.4 var(--font-sans)}.sb-part-trigger b>i{font-style:normal;font-weight:400}.sb-part-trigger small{display:block;color:var(--tx3);font-size:10.5px;margin-top:3px;white-space:nowrap}.sb-part-arrows{display:flex;gap:4px;flex:none}.sb-part-arrows>button{display:grid;place-items:center;width:24px;height:27px;border:1px solid var(--bd1);border-radius:7px;background:var(--bg1);color:var(--purple-tx);font-size:18px;cursor:pointer}.sb-part-arrows>button:disabled{opacity:.4;cursor:default}.sb-part-body{min-height:0;flex:1;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}.sb-part-body .sb-item{font-size:13px;min-height:41px}.sb-part-body .sb-item.active{background:var(--purple-bg);color:var(--purple-tx)}.sb-part-dock{display:flex;justify-content:space-between;gap:2px;border-top:1px solid var(--bd1);padding:10px 0 3px;margin-top:9px;flex:none}.sb-part-dock>button{display:grid;place-items:center;position:relative;min-width:0;flex:1;height:35px;padding:3px;border:1px solid transparent;border-radius:9px;background:none;color:var(--tx3);cursor:pointer}.sb-part-dock>button>.sb-item-icon{width:18px;height:18px;min-width:18px}.sb-part-dock svg{width:17px;height:17px}.sb-part-dock>button:hover{background:var(--bg2);color:var(--purple-tx)}.sb-part-dock>button[aria-pressed=true]{background:var(--purple-bg);border-color:var(--bd1);color:var(--purple-tx)}.sb-part-dock>button[aria-pressed=true]:after{content:'';position:absolute;bottom:-5px;left:8px;right:8px;height:3px;border-radius:5px;background:var(--purple-tx)}.sb-part-menu[popover]{position:fixed;inset:auto;margin:0;padding:10px 6px;border:1px solid var(--bd1);border-radius:15px;box-shadow:var(--shadow-popover);background:var(--bg1);color:var(--tx1);box-sizing:border-box;overflow:auto;max-width:calc(100vw - 24px)}.sb-part-menu:popover-open{display:block}.sb-part-menu::backdrop{background:transparent}.sb-part-menu>small{display:block;font-size:10px;color:var(--tx3);padding:5px 10px 9px;letter-spacing:.04em}.sb-part-menu>button{display:flex;align-items:center;gap:9px;width:100%;padding:10px;border:0;border-radius:9px;background:none;color:var(--tx1);text-align:left;font:500 13px/1.4 var(--font-sans);cursor:pointer}.sb-part-menu>button>span:nth-child(2){flex:1}.sb-part-menu>button small{color:var(--tx3);font-size:10px}.sb-part-menu>button:hover,.sb-part-menu>button:focus-visible{background:var(--bg2);outline:0}.sb-part-menu>button[aria-pressed=true]{background:var(--purple-bg);color:var(--purple-tx);font-weight:700}.sb-nav-empty{padding:18px 9px;color:var(--tx3);font-size:12px}
.nav-style-settings{padding:24px;margin-bottom:24px;border-radius:16px}.nav-style-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.nav-style-head h3{margin:0 0 5px;font-size:16px}.nav-style-head p{margin:0;color:var(--tx3);font-size:12.5px;line-height:1.6}.nav-style-scope{display:flex;align-items:center;flex:none;padding:3px;border-radius:9px;background:var(--bg2)}.nav-style-scope>button{border:0;border-radius:7px;padding:8px 12px;font:500 12px/1.4 var(--font-sans);background:none;color:var(--tx3);cursor:pointer;white-space:nowrap}.nav-style-scope>button[aria-pressed=true]{background:var(--bg1);box-shadow:0 1px 4px #18182a12;color:var(--tx1);font-weight:700}.nav-style-scope>button:disabled{opacity:.5;cursor:default}.nav-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.nav-style-card{position:relative;display:block;min-width:0;padding:13px;border:1px solid var(--bd1);border-radius:15px;background:var(--bg1);text-align:left;color:var(--tx1);cursor:pointer;overflow:hidden}.nav-style-card:hover{border-color:var(--bd2)}.nav-style-card.is-selected{border-color:var(--purple-tx);box-shadow:0 0 0 3px var(--purple-bg)}.nav-style-card:focus-visible{outline:2px solid var(--purple-tx);outline-offset:3px}.nav-style-check{position:absolute;right:10px;top:10px;z-index:1;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-weight:700;background:#5448de;color:white}.nav-style-card>strong{display:flex;align-items:center;gap:7px;margin-top:13px;font-size:14px}.nav-style-card>strong small{font-size:10px;font-weight:400;background:var(--bg2);color:var(--tx3);padding:2px 5px;border-radius:4px}.nav-style-card>p{font:400 12px/1.7 var(--font-sans);color:var(--tx3);margin:6px 0 0;min-height:42px}.nav-style-demo{position:relative;height:246px;overflow:hidden;border:1px solid var(--bd1);border-radius:11px;background:var(--bg1);padding:9px 7px;font:400 10px/1.5 var(--font-sans);pointer-events:none}.nav-style-demo .sb-item-icon{display:inline-flex;align-items:center;min-width:13px;width:13px;flex:none}.nav-style-demo .sb-item-icon svg{height:12px;width:12px}.nav-demo-label{display:block;padding:5px 5px 3px;color:var(--tx3);font-size:9px;letter-spacing:.04em}.nav-demo-line,.nav-demo-child{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 5px;border-radius:5px}.nav-demo-line.is-selected,.nav-demo-child.is-selected{color:var(--purple-tx);background:var(--purple-bg)}.nav-demo-fade{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,var(--bg1) 40%);padding:25px 9px 7px;color:var(--tx3);font-size:9px;text-align:right}.nav-demo-group{display:flex;align-items:center;gap:6px;padding:5px 5px}.nav-demo-group>b{min-width:0;font-size:10px;font-weight:650}.nav-demo-group>small{margin-left:auto;background:var(--bg2);padding:0 4px;border-radius:3px;color:var(--tx3);font-size:9px}.nav-demo-child{margin-left:22px;padding:3px 5px}.nav-demo-part{display:flex;align-items:center;gap:7px;padding:9px 6px;background:var(--purple-bg);border:1px solid var(--bd1);border-radius:8px;margin-bottom:7px}.nav-demo-part>span:nth-child(2){min-width:0;flex:1}.nav-demo-part b{display:block;font-size:11px}.nav-demo-part small{display:block;color:var(--tx3);font-size:8px;margin-top:2px}.nav-demo-part>i{font-style:normal;background:var(--bg1);border:1px solid var(--bd1);border-radius:4px;padding:0 4px}.nav-demo-dock{display:flex;justify-content:space-around;position:absolute;bottom:0;left:7px;right:7px;border-top:1px solid var(--bd1);background:var(--bg1);padding:7px 0}.nav-demo-dock>i{font-style:normal}.nav-style-group-options>h4{font-size:13px;margin:20px 0 12px}.nav-style-options{display:grid;grid-template-columns:1fr 1fr;gap:18px 50px;background:var(--bg2);padding:20px 16px;border-radius:12px}.nav-style-option{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:var(--tx1)}.nav-style-option>span:first-child{min-width:0;flex:1}.nav-style-option small{display:block;color:var(--tx3);font-size:11.5px;margin-top:5px}.nav-style-option>.ui-switch{flex:none}.nav-style-help{font-size:12px;color:var(--tx3);line-height:1.7;margin:16px 0 0}.appearance-preview details{padding:3px 0}.appearance-preview summary{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;color:var(--purple-tx);cursor:pointer;padding:7px 2px}.appearance-preview summary>small{margin-left:auto;color:var(--tx3);font-size:10px}.appearance-preview .sb-item-icon{width:15px;min-width:15px}.appearance-preview .sb-item-icon svg{width:14px;height:14px}.appearance-preview a{display:flex;align-items:center;gap:7px}.nav-preview-part{display:flex;align-items:center;gap:8px;background:var(--purple-bg);padding:12px 8px;border-radius:9px;font-size:12px}.nav-preview-part>small{margin-left:auto;color:var(--tx3);font-size:10px}.nav-preview-dock{display:flex;justify-content:space-around;border-top:1px solid var(--bd1);padding-top:12px;margin-top:12px}
@media(max-width:1000px){.nav-style-grid{gap:10px}.nav-style-settings{padding:18px}.nav-style-demo{height:225px}.nav-style-card{padding:9px}.nav-style-card>strong{font-size:12.5px}.nav-style-card>p{font-size:11px}.nav-style-options{gap:16px 25px}}
@media(max-width:760px){.nav-style-head{flex-direction:column;gap:12px}.nav-style-grid{grid-template-columns:1fr}.nav-style-card{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:15px;padding:12px}.nav-style-demo{grid-row:1/3;height:185px;font-size:9px}.nav-style-card>strong{margin-top:12px;align-self:end}.nav-style-card>p{align-self:start}.nav-style-check{right:9px;top:9px}.nav-style-options{grid-template-columns:1fr;gap:18px}.nav-style-settings{padding:16px}.nav-style-scope{width:100%}.nav-style-scope>button{flex:1}.sb-part-menu[popover]{max-height:calc(100dvh - 24px)}}
@media(max-width:420px){.nav-style-card{grid-template-columns:120px minmax(0,1fr);gap:10px}.nav-style-demo{height:180px}.nav-style-card>strong{font-size:12px}.nav-style-card>strong small{display:none}}
.sb-nav[data-menu-mode=groups]{padding:8px 12px}.sb-nav[data-menu-mode=sections]{padding:8px 12px;min-height:0}.sb-nav[data-menu-mode=sections] .sb-item,.sb-nav-group-items .sb-item{width:100%;margin:2px 0}.sb-nav-group-items .sb-item{padding:8px 9px;gap:9px}
.sb-nav[data-menu-mode=groups]>.sb-item{width:100%;margin:2px 0}

/* Sidebar groups share the same icon palette in every menu layout. */
[data-nav-tone=workspace]{--nav-icon-fg:#5448de;--nav-icon-bg:#efedfd;--nav-icon-solid:#5448de;--nav-active-text:#4135a7}
[data-nav-tone=reports]{--nav-icon-fg:#2f6fde;--nav-icon-bg:#e9f1fd;--nav-icon-solid:#255fbf;--nav-active-text:#184886}
[data-nav-tone=ads]{--nav-icon-fg:#9d5a16;--nav-icon-bg:#fdf0e4;--nav-icon-solid:#9d5a16;--nav-active-text:#75430f}
[data-nav-tone=crm]{--nav-icon-fg:#1b7a52;--nav-icon-bg:#e5f5ec;--nav-icon-solid:#1b7a52;--nav-active-text:#176042}
[data-nav-tone=finance]{--nav-icon-fg:#0b7778;--nav-icon-bg:#e1f4f3;--nav-icon-solid:#0b7778;--nav-active-text:#095c5c}
[data-nav-tone=assistant]{--nav-icon-fg:#913a9d;--nav-icon-bg:#f5ebfb;--nav-icon-solid:#913a9d;--nav-active-text:#74267e}
[data-nav-tone=admin]{--nav-icon-fg:#5b6478;--nav-icon-bg:#eef0f4;--nav-icon-solid:#5b6478;--nav-active-text:#424c61}
.sb-nav[data-menu-mode=groups]{padding:4px 12px 14px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.sb-nav-groups-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px 9px;color:var(--tx3);font-size:10px;font-weight:700;letter-spacing:.06em}
.sb-nav-groups-head>button{border:0;padding:4px 0;background:none;color:var(--purple-tx);font:650 11px/1.4 var(--font-sans);letter-spacing:0;cursor:pointer}
.sb-nav-groups-head>button:hover{text-decoration:underline}
.sb-nav[data-menu-mode=groups] .sb-nav-group{margin:0 0 8px;border:1px solid transparent;border-radius:13px;background:none;overflow:hidden}
.sb-nav[data-menu-mode=groups] .sb-nav-group:is(.is-open,[open]){border-color:var(--bd1);background:var(--bg1);box-shadow:0 1px 3px #1c213205}
.sb-nav[data-menu-mode=groups] .sb-nav-group-trigger{min-height:48px;padding:8px 9px;gap:10px;border-radius:12px;color:var(--tx1);font-size:13px;font-weight:750}
.sb-nav[data-menu-mode=groups] .sb-nav-group-trigger:hover{background:var(--bg2)}
.sb-nav[data-menu-mode=groups] .sb-nav-group:is(.is-open,[open])>.sb-nav-group-trigger{border-bottom:1px solid var(--bd1);border-radius:12px 12px 0 0;background:var(--bg2)}
.sb-nav-group-trigger>.sb-nav-group-name{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sb-nav[data-menu-mode=groups] .sb-nav-group-trigger>.sb-item-icon{display:grid;place-items:center;width:30px;min-width:30px;height:30px;border-radius:9px;background:var(--nav-icon-bg);color:var(--nav-icon-fg)}
.sb-nav[data-menu-mode=groups] .sb-nav-group-trigger>.sb-item-icon svg{width:18px;height:18px}
.sb-nav[data-menu-mode=groups] .sb-nav-group:is(.is-open,[open])>.sb-nav-group-trigger>.sb-item-icon{background:var(--nav-icon-solid);color:#fff}
.sb-nav[data-menu-mode=groups] .sb-nav-group-trigger>.sb-nav-group-count{margin-left:0;padding:1px 6px;border-radius:7px;background:var(--bg2);color:var(--tx3);font-size:10px;font-weight:700;line-height:1.4;flex:none}
.sb-nav[data-menu-mode=groups] .sb-nav-group:is(.is-open,[open])>.sb-nav-group-trigger>.sb-nav-group-name{flex:0 1 auto}
.sb-nav[data-menu-mode=groups] .sb-nav-group:is(.is-open,[open])>.sb-nav-group-trigger>.sb-nav-group-count{background:var(--purple-bg);color:var(--purple-tx)}
.sb-nav[data-menu-mode=groups] .sb-nav-caret{display:grid;place-items:center;flex:none;width:14px;height:18px;margin-left:auto;color:var(--tx3)}
.sb-nav[data-menu-mode=groups] .sb-nav-caret svg{width:14px;height:14px;transition:transform .15s ease}
.sb-nav[data-menu-mode=groups] .sb-nav-group:is(.is-open,[open])>.sb-nav-group-trigger .sb-nav-caret svg{transform:rotate(90deg);color:var(--purple-tx)}
.sb-nav[data-menu-mode=groups] .sb-nav-group-items{padding:5px}
.sb-nav[data-menu-mode=groups] .sb-nav-group-items .sb-item{box-sizing:border-box;width:100%;min-height:37px;margin:0 0 2px;padding:8px 10px;gap:10px;border-radius:9px;line-height:1.45}
.sb-nav[data-menu-mode=groups] .sb-nav-group-items .sb-item-label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sb-nav-group-footer{margin:5px 5px 0;padding-top:5px;border-top:1px solid var(--bd1)}
.sb-nav-groups-head>button:focus-visible,.sb-nav[data-menu-mode=groups] .sb-nav-group-trigger:focus-visible{outline:2px solid var(--purple-tx);outline-offset:-3px}
html[data-theme=dark] [data-nav-tone=workspace]{--nav-icon-bg:#302b53;--nav-icon-fg:#c2bbff}
html[data-theme=dark] [data-nav-tone=reports]{--nav-icon-bg:#223751;--nav-icon-fg:#a5c8ff}
html[data-theme=dark] [data-nav-tone=ads]{--nav-icon-bg:#453221;--nav-icon-fg:#f3c28c}
html[data-theme=dark] [data-nav-tone=crm]{--nav-icon-bg:#213d32;--nav-icon-fg:#a4dfc0}
html[data-theme=dark] [data-nav-tone=finance]{--nav-icon-bg:#203c3e;--nav-icon-fg:#96dcdb}
html[data-theme=dark] [data-nav-tone=assistant]{--nav-icon-bg:#412d48;--nav-icon-fg:#e7b3f2}
html[data-theme=dark] [data-nav-tone=admin]{--nav-icon-bg:#35394f;--nav-icon-fg:#c4c7da}
html[data-theme=dark] [data-nav-tone]{--nav-active-text:var(--nav-icon-fg)}
@media(prefers-reduced-motion:reduce){.sb-nav[data-menu-mode=groups] .sb-nav-caret svg{transition:none}}
.nav-demo-card{margin:0 0 4px;border:1px solid transparent;border-radius:8px;overflow:hidden}
.nav-demo-card.is-open{border-color:var(--bd1);padding-bottom:4px;background:var(--bg1)}
.nav-demo-card .nav-demo-group{padding:5px 6px;gap:6px}
.nav-demo-card .nav-demo-group>.sb-item-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--nav-icon-bg);color:var(--nav-icon-fg);flex:none}
.nav-demo-card .nav-demo-group>.sb-item-icon svg{width:13px;height:13px}
.nav-demo-card.is-open .nav-demo-group{background:var(--bg2);border-bottom:1px solid var(--bd1)}
.nav-demo-card.is-open .nav-demo-group>.sb-item-icon{background:var(--nav-icon-solid);color:#fff}
.nav-demo-card .nav-demo-group>small{margin-left:0;background:var(--purple-bg);color:var(--purple-tx)}
.nav-demo-card .nav-demo-group>span:last-child{margin-left:auto;color:var(--tx3)}
.nav-demo-card .nav-demo-child{margin:2px 4px 0;padding:5px 7px;border-radius:6px}
.nav-demo-card .nav-demo-child.is-selected .sb-item-icon{color:#fff}
#menu-preview .nav-preview-groups{padding:0;overflow:visible}
#menu-preview .nav-preview-groups summary{list-style:none;cursor:pointer}
#menu-preview .nav-preview-groups summary::-webkit-details-marker{display:none}

/* Section navigation always reserves a real list track between header and dock. */
.sidebar[data-nav-layout=sections]>.sb-footer:not(.sb-footer-compact){display:none}
.sb-nav[data-menu-mode=sections]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;min-height:0;overflow:hidden;padding:3px 12px 9px}
.sb-nav[data-menu-mode=sections]>.sb-part-card{min-width:0;min-height:62px;box-sizing:border-box;margin:0 0 8px;padding:8px 10px;gap:6px;border-radius:13px;border-color:var(--bd1);background:var(--purple-bg)}
.sb-nav[data-menu-mode=sections] .sb-part-trigger{gap:10px;min-width:0;padding:0;align-self:stretch}
.sb-nav[data-menu-mode=sections] .sb-part-trigger>.sb-item-icon{width:34px;min-width:34px;height:34px;border-radius:10px}
.sb-nav[data-menu-mode=sections] .sb-part-trigger b{font-size:14px;line-height:1.45}
.sb-nav[data-menu-mode=sections] .sb-part-trigger small{font-size:11px;line-height:1.4;margin-top:2px}
.sb-nav[data-menu-mode=sections] .sb-part-arrows{gap:5px}
.sb-nav[data-menu-mode=sections] .sb-part-arrows>button{width:25px;height:28px;border-radius:7px;font-size:16px}
.sb-nav[data-menu-mode=sections]>.sb-part-body{display:block;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 0 4px}
.sb-nav[data-menu-mode=sections] .sb-part-body .sb-item{box-sizing:border-box;display:flex;align-items:center;min-height:37px;width:100%;margin:1px 0;padding:8px 10px;gap:10px;border-radius:9px;line-height:1.45}
.sb-nav[data-menu-mode=sections] .sb-part-body .sb-item-label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sb-nav[data-menu-mode=sections]>.sb-part-dock{align-self:end;margin:6px 0 0;padding:10px 0 3px;border-top:1px solid var(--bd1);gap:2px;min-width:0;overflow:visible}
.sb-nav[data-menu-mode=sections] .sb-part-dock>button{height:34px;border-radius:9px}
.sb-nav[data-menu-mode=sections] .sb-part-dock>button[aria-pressed=true]:after{left:9px;right:9px;bottom:-5px;height:3px}
.sb-part-tooltip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);z-index:2;visibility:hidden;opacity:0;pointer-events:none;white-space:nowrap;padding:6px 9px;border-radius:7px;background:#1c2132;color:#fff;font:650 11px/1.5 var(--font-sans);box-shadow:0 3px 10px #0002}
.sb-part-dock>button:first-child>.sb-part-tooltip{left:0;transform:none}.sb-part-dock>button:last-child>.sb-part-tooltip{left:auto;right:0;transform:none}
.sb-part-dock>button:hover>.sb-part-tooltip,.sb-part-dock>button:focus-visible>.sb-part-tooltip{visibility:visible;opacity:1}
.sb-part-utilities,.sb-part-account{border-top:1px solid var(--bd1);padding-top:8px;margin-top:8px}
.sb-part-utilities>small,.sb-part-account>small{display:block;font-size:10px;font-weight:700;color:var(--tx3);padding:3px 10px 5px;letter-spacing:.05em}
.sb-part-account .sb-user{padding:8px 10px}.sb-part-account .sb-user-name{font-size:12px;line-height:1.5}.sb-part-account .sb-user-role{font-size:11px}
.sb-part-account .sb-logout{width:100%;font-size:12px;text-align:left;padding:8px 10px}
.sb-part-menu[popover]{padding:8px 6px;border-radius:15px;overscroll-behavior:contain;scrollbar-width:thin}
.sb-part-menu>button{min-height:38px;padding:9px 10px;gap:10px;border-radius:8px}
.sb-part-menu>button>.sb-item-icon{width:28px;min-width:28px;height:28px}
.sb-part-menu>button>.sb-item-icon svg{width:17px;height:17px}
.sb-part-menu>button>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-height:800px){.sidebar[data-nav-layout=sections] .sb-part-body .sb-item{min-height:31px;padding-top:5px;padding-bottom:5px;font-size:12.5px}.sidebar[data-nav-layout=sections]>.sb-header{padding-top:12px;padding-bottom:12px}.sidebar[data-nav-layout=sections]>.sb-tenant{padding-top:6px;padding-bottom:6px}}
#menu-preview .nav-preview-sections{height:560px;max-height:none;padding:0}
#menu-preview .nav-preview-sections .sb-part-dock{margin-bottom:0}

/* Menu style setup: readable comparisons, real switch tracks and scoped saving. */
.nav-style-settings{padding:24px;border-radius:17px}
.nav-style-head{align-items:center;margin-bottom:19px}.nav-style-head h3{font-size:17px;line-height:1.4;font-weight:750}.nav-style-head p{font-size:13px}
.nav-style-scope{border-radius:10px;padding:3px}.nav-style-scope>button{font-size:12.5px;min-height:33px;border-radius:8px}
.nav-style-grid{gap:15px;align-items:stretch}
.nav-style-card{padding:13px;border-radius:15px;transition:border-color .15s,box-shadow .15s}
.nav-style-card.is-selected{border-color:var(--purple-tx);box-shadow:0 0 0 3px var(--purple-bg),0 2px 6px #5448de12}
.nav-style-card:disabled{cursor:wait}.nav-style-card>strong{margin-top:12px;font-size:15px;font-weight:750;line-height:1.45;flex-wrap:wrap}
.nav-style-card>strong .nav-style-current{font-size:10px;line-height:1.5;font-weight:500;padding:1px 6px}
.nav-style-card>p{margin-top:6px;font-size:13px;line-height:1.65;min-height:43px}
.nav-style-check{width:22px;height:22px;top:10px;right:10px;font-size:14px;background:#5846dd}
.nav-style-demo{height:258px;padding:8px 7px;border-radius:11px;font-size:10.5px;line-height:1.5}
.nav-demo-line{min-height:22px;box-sizing:border-box}.nav-demo-label{font-size:9px;padding-top:7px;padding-bottom:4px}
.nav-demo-fade{padding-top:28px;font-size:9px}
.nav-style-demo-groups .nav-demo-card{margin-bottom:3px;border-radius:8px}.nav-style-demo-groups .nav-demo-group{padding:3px 6px;min-height:26px;box-sizing:border-box}
.nav-style-demo-groups .nav-demo-group>b{font-size:10px;line-height:1.4}.nav-style-demo-groups .nav-demo-group>.sb-item-icon{width:20px;height:20px;min-width:20px;border-radius:6px}
.nav-style-demo-groups .nav-demo-child{padding:3px 7px;margin-top:1px;min-height:21px;box-sizing:border-box;font-size:10px;line-height:1.4}
.nav-style-demo-groups .nav-demo-card.is-open{padding-bottom:3px}
.nav-demo-part>.sb-item-icon{display:grid;place-items:center;width:27px;min-width:27px;height:27px;border-radius:8px;background:#5846dd;color:#fff}
.nav-demo-part small{font-size:8.5px}.nav-demo-part>i{display:grid;place-items:center;min-width:16px;height:18px;padding:0;box-sizing:border-box}
.nav-demo-dock>i{display:grid;place-items:center;width:22px;height:22px;border:1px solid transparent;border-radius:6px;position:relative;color:var(--tx3)}
.nav-demo-dock>i.is-selected{background:var(--purple-bg);border-color:var(--bd1);color:var(--purple-tx)}
.nav-demo-dock>i.is-selected:after{content:'';height:2px;position:absolute;bottom:-4px;left:6px;right:6px;border-radius:3px;background:var(--purple-tx)}
.nav-style-group-options>h4{margin:19px 0 13px;font-size:13px;font-weight:750}
.nav-style-options{padding:18px 16px;gap:16px 26px;background:var(--bg2);border-radius:12px}
.nav-style-option{min-height:28px;font-size:13px;line-height:1.5;gap:16px}.nav-style-option small{font-size:11.5px;margin-top:3px}
.nav-style-switch{position:relative;display:inline-block;flex:none;width:42px;height:24px;vertical-align:middle}
.nav-style-settings .nav-style-switch>input[type=checkbox]{appearance:none;position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;opacity:0;z-index:1;cursor:pointer}
.nav-style-switch-track{display:block;width:42px;height:24px;border-radius:20px;background:#d3d5df;position:relative;transition:background .15s;box-sizing:border-box}
.nav-style-switch-track:before{content:'';display:block;position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .15s}
.nav-style-switch>input:checked+.nav-style-switch-track{background:#5846dd}.nav-style-switch>input:checked+.nav-style-switch-track:before{transform:translateX(18px)}
.nav-style-switch>input:focus-visible+.nav-style-switch-track{outline:2px solid var(--purple-tx);outline-offset:3px}.nav-style-switch>input:disabled{cursor:wait}.nav-style-switch>input:disabled+.nav-style-switch-track{opacity:.6}
.nav-style-dirty{display:flex;align-items:center;gap:12px;margin-top:20px;padding:14px 16px;border:1px solid var(--bd2);border-radius:13px;background:var(--bg2);box-shadow:0 0 0 1px var(--purple-bg)}
.nav-style-dirty-dot{width:8px;height:8px;border-radius:50%;background:#d99c32;flex:none}
.nav-style-dirty-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.nav-style-dirty-copy>strong{font-size:13px;font-weight:750;line-height:1.5}.nav-style-dirty-copy>span{font-size:12px;color:var(--tx3);line-height:1.5;overflow-wrap:anywhere}
.nav-style-dirty>.btn-row{flex:none;gap:10px}.nav-style-dirty .btn{min-height:40px;font-size:13px;padding:9px 16px;border-radius:10px}
.nav-style-error{margin:12px 0 0;font-size:12px;line-height:1.6}
html[data-theme=dark] .nav-style-switch-track{background:var(--bd2)}
@media(max-width:760px){.nav-style-settings{padding:18px}.nav-style-head{align-items:stretch}.nav-style-scope{align-self:flex-start}.nav-style-card{display:grid;grid-template-columns:minmax(120px,38%) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:14px}.nav-style-demo{height:210px;grid-row:1/3}.nav-style-card>strong{margin-top:3px;font-size:14px}.nav-style-card>p{font-size:12px;min-height:0}.nav-style-options{grid-template-columns:1fr;gap:15px}.nav-style-dirty{flex-wrap:wrap}.nav-style-dirty>.btn-row{width:100%;justify-content:flex-end}.nav-style-dirty-copy{flex-basis:calc(100% - 24px)}}
@media(max-width:420px){.nav-style-settings{padding:15px}.nav-style-card{grid-template-columns:110px minmax(0,1fr);padding:10px;column-gap:10px}.nav-style-demo{height:190px}.nav-style-head h3{font-size:16px}.nav-style-scope>button{font-size:12px;padding:7px 10px}.nav-style-dirty{padding:12px}}
@media(prefers-reduced-motion:reduce){.nav-style-card,.nav-style-switch-track,.nav-style-switch-track:before{transition:none}}

/* Space can shrink to one row; account actions live in a menu above the footer. */
#space-sidebar{position:relative;flex:none;padding:0 12px 10px}
#space-sidebar[hidden]{display:none}
.space-sidebar-head{display:flex;align-items:center;justify-content:space-between;min-height:27px;margin:4px 3px 5px;gap:8px}
.space-sidebar-head .space-sidebar-label{margin:0;font-size:10px}
.space-sidebar-collapse{display:flex;align-items:center;gap:5px;min-height:25px;padding:3px 6px;border:0;border-radius:6px;background:transparent;color:var(--tx3);font:600 11px var(--font-sans);cursor:pointer}
.space-sidebar-collapse>svg{width:12px;height:12px;transform:rotate(180deg)}
.space-sidebar-collapse:hover{background:var(--bg2);color:var(--tx1)}
.space-sidebar-collapse:focus-visible{outline:2px solid var(--purple-tx);outline-offset:2px}
#space-sidebar[data-compact=true]{padding-top:3px;padding-bottom:8px}
#space-sidebar[data-compact=true] .space-sidebar-head{position:absolute;right:12px;top:3px;width:27px;height:34px;min-height:0;margin:0}
#space-sidebar[data-compact=true] .space-sidebar-label,#space-sidebar[data-compact=true] .space-sidebar-collapse>span{display:none}
#space-sidebar[data-compact=true] .space-sidebar-collapse{width:27px;height:32px;justify-content:center;padding:0}
#space-sidebar[data-compact=true] .space-sidebar-collapse>svg{transform:none}
#space-sidebar[data-compact=true] .space-switcher-trigger{width:calc(100% - 31px);height:34px;padding:4px 7px;gap:6px;border-radius:9px}
#space-sidebar[data-compact=true] .space-switcher-trigger>.space-mark{width:22px;height:22px;font-size:11px;border-radius:6px}
#space-sidebar[data-compact=true] .space-switcher-trigger>strong{font-size:12px}
#space-sidebar[data-compact=true] .space-switcher-trigger>small{font-size:10px}
.sidebar>.sb-footer.sb-footer-compact{display:block;flex:none;min-height:0;padding:10px 12px;background:var(--bg1);border-top:1px solid var(--bd1)}
.sb-footer-compact>.sb-account-trigger{display:flex;align-items:center;width:100%;min-height:58px;padding:9px 10px;gap:9px;border:1px solid var(--bd1);border-radius:12px;background:var(--bg1);color:var(--tx1);cursor:pointer;font:inherit;text-align:left;box-sizing:border-box}
.sb-footer-compact .sb-avatar{width:32px;height:32px;font-size:14px}
.sb-account-trigger .sb-user-info{display:block;min-width:0;flex:1}
.sb-account-trigger .sb-user-name{display:block;font-size:12.5px;line-height:1.4;font-weight:700}
.sb-account-trigger .sb-user-role{font-size:10.5px;line-height:1.4;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-account-trigger>svg{width:17px;height:17px;flex:none;color:var(--tx3)}
.sb-account-status{width:7px;height:7px;flex:none;border-radius:50%;background:var(--green,#439468)}
.sb-account-trigger:hover{background:var(--bg2);border-color:var(--bd2)}
.sb-account-trigger[aria-expanded=true],.sb-account-trigger:focus-visible{border-color:var(--purple-tx);box-shadow:0 0 0 3px var(--purple-bg);outline:none}
.sb-account-menu[popover]{box-sizing:border-box;inset:auto;margin:0;padding:7px;border:1px solid var(--bd1);border-radius:16px;background:var(--bg1);color:var(--tx1);box-shadow:0 12px 36px #17132b26;overflow:auto;overscroll-behavior:contain}
.sb-account-menu:popover-open{display:block}
.sb-account-summary{display:flex;align-items:center;gap:10px;padding:12px 9px 15px;margin-bottom:5px;border-bottom:1px solid var(--bd1)}
.sb-account-summary>.sb-avatar{width:38px;height:38px;font-size:16px}
.sb-account-summary>span:last-child{flex:1;min-width:0}
.sb-account-summary strong,.sb-account-summary small{display:block;overflow-wrap:anywhere}
.sb-account-summary strong{font-size:13px;line-height:1.5;font-weight:700}
.sb-account-summary small{font-size:11px;line-height:1.5;color:var(--tx3);margin-top:2px}
.sb-account-menu>button{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;border:0;border-radius:9px;padding:9px;background:transparent;text-align:left;color:var(--tx2);font:500 13px/1.4 var(--font-sans);cursor:pointer}
.sb-account-menu>button>svg{width:18px;height:18px;flex:none}
.sb-account-menu>button>span{min-width:0;flex:1}
.sb-account-menu>button>small{font-size:10px;color:var(--tx3);white-space:nowrap}
.sb-account-menu>button>small.is-linked{background:var(--green-bg);color:var(--green-tx);padding:3px 6px;border-radius:6px}
.sb-account-menu>button:hover,.sb-account-menu>button:focus-visible{background:var(--bg2);outline:none}
.sb-account-menu>button:focus-visible{box-shadow:inset 0 0 0 2px var(--purple-tx)}
.sb-account-menu>.sb-account-logout{border-top:1px solid var(--bd1);border-radius:0 0 9px 9px;margin-top:7px;padding-top:13px;color:var(--red-tx)}
.sb-account-profile{display:grid;gap:14px;margin-bottom:20px}
.sb-account-profile>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;font-size:14px}
.sb-account-profile dt{color:var(--tx3)}.sb-account-profile dd{margin:0;overflow-wrap:anywhere}
@media(min-width:769px){.app.sidebar-collapsed #space-sidebar .space-sidebar-head{display:none}.app.sidebar-collapsed #space-sidebar{padding:0 8px 8px}.app.sidebar-collapsed #space-sidebar .space-switcher-trigger{width:100%;height:40px;padding:4px;justify-content:center}.app.sidebar-collapsed #space-sidebar .space-switcher-trigger>.space-mark{width:28px;height:28px;font-size:13px;border-radius:8px}.app.sidebar-collapsed .sb-footer-compact{padding:8px}.app.sidebar-collapsed .sb-account-trigger{padding:4px;min-height:42px;justify-content:center}.app.sidebar-collapsed .sb-account-trigger>.sb-user-info,.app.sidebar-collapsed .sb-account-trigger>.sb-account-status,.app.sidebar-collapsed .sb-account-trigger>svg{display:none}}
@media(max-width:768px){.app.sidebar-collapsed .sb-account-trigger>.sb-user-info{display:block}.app.sidebar-collapsed .space-sidebar-label,.app.sidebar-collapsed .space-switcher-trigger>strong,.app.sidebar-collapsed .space-switcher-trigger>small,.app.sidebar-collapsed .space-switcher-trigger>svg{display:revert}.app.sidebar-collapsed #space-sidebar{padding:0 12px 10px}.app.sidebar-collapsed .space-switcher-trigger{justify-content:flex-start;padding:7px 10px}}

/* Product report opens posts, grouped across all contributing ads. */
.hc-modal.product-post-details-modal{width:calc(100vw - 24px);max-width:1280px!important;max-height:92dvh;border-radius:22px;overflow:hidden}
.product-post-details-modal .hc-modal-head{padding:22px 24px;align-items:center;gap:15px;border-bottom:1px solid var(--bd1)}
.product-post-details-modal #modal-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:24px;line-height:1.4;font-weight:750}
.product-detail-code{font:600 11px/1.5 var(--font-sans);padding:2px 7px;background:var(--bg2);border-radius:5px;color:var(--tx3)}
.product-post-details-modal .hc-modal-desc{font-size:13px;line-height:1.5;margin-top:4px;color:var(--tx3)}
.product-detail-avatar{display:grid;place-items:center;width:54px;height:54px;min-width:54px;border-radius:12px;background:var(--purple-bg);color:var(--purple-tx);overflow:hidden;font-size:22px;font-weight:750}
.product-detail-avatar>img{width:100%;height:100%;object-fit:cover}
.product-post-details-modal #modal-form{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.product-post-details-modal .hc-modal-body{padding:18px 24px;overflow:auto;min-height:0}
.product-detail-loading{padding:38px 0;text-align:center;color:var(--tx3);font-size:14px}
.product-detail-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:15px}
.product-detail-kpis>div{padding:16px 14px;min-width:0;border:1px solid var(--bd1);border-radius:15px;background:var(--bg1);box-shadow:0 1px 4px #17132b04}
.product-detail-kpis span,.product-detail-kpis small{display:block;color:var(--tx3);font-size:12px;line-height:1.5}
.product-detail-kpis strong{display:block;font-size:22px;line-height:1.5;font-weight:750;letter-spacing:-.3px;font-variant-numeric:tabular-nums;margin:3px 0}
.product-detail-kpis small{font-size:11.5px;overflow-wrap:anywhere}
.product-detail-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.product-detail-tabs{display:flex;gap:3px;flex-wrap:wrap;padding:4px;border-radius:10px;background:var(--bg2)}
.product-detail-tabs>button{display:flex;align-items:center;gap:7px;padding:7px 10px;border:0;border-radius:8px;color:var(--tx3);background:transparent;cursor:pointer;font:500 12px var(--font-sans)}
.product-detail-tabs>button[aria-pressed=true]{background:var(--bg1);color:var(--tx1);font-weight:700;box-shadow:0 1px 4px #17132b10}
.product-detail-tabs>button>b{padding:1px 5px;border-radius:7px;font-size:10px;background:var(--bd1);color:var(--tx3)}
.product-detail-tabs>button[aria-pressed=true]>b{color:var(--purple-tx);background:var(--purple-bg)}
.product-detail-tabs>button:focus-visible{outline:2px solid var(--purple-tx);outline-offset:1px}
.product-detail-toolbar>.table-search{width:270px;min-height:39px;margin:0;background:var(--bg2);border:1px solid var(--bd2);border-radius:10px;padding:7px 11px;box-sizing:border-box}
.product-detail-toolbar>.table-search:focus-within{background:var(--bg1);border-color:var(--purple-tx);box-shadow:0 0 0 3px var(--purple-bg)}
.product-detail-toolbar>.table-search>svg{width:16px;height:16px;color:var(--purple-tx)}
.product-detail-toolbar>.table-search>input{font-size:13px}
.product-detail-count{flex:1;min-width:130px;font-size:12px;line-height:1.5;color:var(--tx3)}
.product-detail-toolbar>.btn{min-height:39px;border:1px solid var(--bd2);border-radius:10px;background:var(--bg1);font-size:12px;white-space:nowrap;gap:7px}
.product-detail-grid{border:1px solid var(--bd1);border-radius:15px;overflow:auto;max-height:52dvh;scrollbar-width:thin;overscroll-behavior:contain}
.product-detail-grid>table{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0}
.product-post-details-modal .product-detail-grid :is(th,td){box-sizing:border-box;max-width:none}
.product-post-details-modal .product-detail-grid thead th{
  position:sticky;top:0;z-index:2;padding:7px 12px;vertical-align:middle;
  background:color-mix(in srgb,var(--purple-bg) 88%,var(--bg1));
  border-bottom:2px solid color-mix(in srgb,var(--purple-tx) 72%,var(--bd2));
  color:color-mix(in srgb,var(--tx1) 72%,var(--purple-tx));font-size:13px;font-weight:700;
}
.product-post-details-modal .product-detail-grid th:is([aria-sort=descending],[aria-sort=ascending]){
  background:color-mix(in srgb,var(--purple-tx) 10%,var(--purple-bg));
}
.product-detail-grid th>button{
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  gap:2px;width:100%;min-height:34px;padding:0;border:0;background:transparent;
  color:inherit;font:inherit;line-height:1.25;text-align:inherit;cursor:pointer;
}
.product-detail-grid th.num>button{align-items:flex-end}
.product-detail-heading{display:flex;align-items:center;gap:4px;max-width:100%}
.product-detail-heading-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-detail-grid .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.product-detail-grid td{padding:11px 12px;border-bottom:1px solid var(--bd1);font-size:13px;line-height:1.5;vertical-align:middle}
.product-post-details-modal .product-detail-grid tbody tr>td{background:var(--bg1)}
.product-post-details-modal .product-detail-grid tbody tr:hover>td{background:var(--bg2)}
.product-detail-grid td .metric-value{padding-inline:0;background:none}
.product-post-details-modal .product-detail-grid td[data-detail-key=spend] .metric-value.metric-blue{color:var(--green-tx)!important;font-weight:700}
.product-detail-ad-unit{color:var(--tx3);font-size:11px;font-weight:500}
.product-detail-grid .post-identity{gap:11px;min-width:0}
.product-detail-grid .post-thumbnail{width:44px;height:44px;min-width:44px;border-radius:10px}
.product-detail-grid .post-identity-text{min-width:0;overflow:hidden}
.product-detail-grid .post-identity-text>.cell-link,.product-detail-grid .post-identity-text>span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;color:var(--purple-tx);font-size:13px;line-height:1.5;font-weight:650}
.product-detail-post-meta{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tx3);font-size:10.5px;line-height:1.6;margin-top:3px}
.product-detail-format{font-size:10px;background:var(--purple-bg);color:var(--purple-tx);font-weight:500;border-radius:4px;padding:1px 4px}
.product-detail-channel{font-size:10px;font-weight:600;color:var(--blue-tx)}.product-detail-channel.is-instagram{color:#a4477f}
.product-detail-grid .post-status-pill{font-size:10.5px;padding:4px 7px;white-space:nowrap}
.product-post-details-modal .product-detail-grid tfoot td{
  position:sticky;bottom:0;z-index:1;padding:15px 12px;border:0;
  background:color-mix(in srgb,var(--purple-bg) 52%,var(--bg1));font-size:13px;font-weight:700;
}
.product-detail-grid .report-pinned-cell{position:sticky;left:var(--report-pin-left,0px);z-index:2}
.product-detail-grid th.report-pinned-cell,.product-detail-grid tfoot .report-pinned-cell{z-index:3}
.product-detail-grid .product-detail-empty{padding:32px 18px;color:var(--tx3);text-align:center;white-space:normal}
.product-post-details-modal .hc-modal-foot{padding:15px 24px;gap:16px;flex-shrink:0;border-top:1px solid var(--bd1);background:var(--bg1)}
.product-post-details-modal .hc-modal-foot .btn{min-height:40px;font-size:13px}
.product-detail-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:calc(100% - 100px);font-size:11.5px;line-height:1.6;color:var(--tx3)}
.product-detail-note .btn-link{font-size:12px;white-space:nowrap;font-weight:650}
@media(max-width:900px){.product-detail-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.product-detail-kpis strong{font-size:20px}.product-detail-toolbar>.table-search{flex:1;min-width:220px}.product-detail-count{order:3;flex-basis:100%}}
@media(max-width:600px){.hc-modal.product-post-details-modal{width:calc(100vw - 20px);max-height:96dvh;border-radius:17px}.product-post-details-modal .hc-modal-head{padding:16px;gap:10px}.product-post-details-modal #modal-title{font-size:20px}.product-detail-avatar{width:42px;height:42px;min-width:42px}.product-post-details-modal .hc-modal-body{padding:14px}.product-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-detail-kpis>div{padding:12px 10px}.product-detail-kpis strong{font-size:19px}.product-detail-toolbar>.table-search{min-width:0;flex-basis:100%}.product-detail-grid{max-height:45dvh}.product-post-details-modal .hc-modal-foot{padding:13px 14px}.product-detail-note{max-width:calc(100% - 76px);font-size:10.5px}.product-detail-note .btn-link{white-space:normal}}

/* Menu order editor and live sidebar preview. */
#appearance-form [hidden]{display:none!important}
.menu-order-pagehead{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}
.menu-order-pagehead .page-header{margin:0}
.menu-order-page-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.menu-order-style-link{font-size:12px;font-weight:650;white-space:nowrap}
.menu-order-language{
  display:flex;align-items:center;gap:6px;border:1px solid var(--bd2);border-radius:10px;
  padding:0 9px 0 12px;background:var(--bg1);color:var(--tx3);font-size:12px;white-space:nowrap;
}
.menu-order-language select{background:transparent;color:var(--tx1);border:0;font:700 12px var(--font-sans);min-height:35px;cursor:pointer}
.appearance-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(238px,23%,286px);gap:20px;align-items:start}
.appearance-editor{min-width:0;padding:16px 18px;border-radius:14px}
.menu-order-toolbar,.menu-order-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.menu-order-toolbar h3,.menu-order-preview-head h3{margin:0;font-size:14px;font-weight:750;color:var(--tx1)}
.menu-order-toolbar h3 small{margin-left:5px;font:500 11px var(--font-sans);color:var(--tx3)}
.menu-order-toolbar .btn{font-size:11.5px;min-height:31px;padding:5px 11px}
.menu-order-search{
  display:flex;align-items:center;gap:9px;min-height:35px;margin:10px 0;
  border:1px solid var(--bd2);border-radius:9px;background:var(--bg2);padding:0 11px;color:var(--purple-tx);
}
.menu-order-search:focus-within{border-color:var(--purple-tx);box-shadow:0 0 0 3px var(--purple-bg);background:var(--bg1)}
.menu-order-search svg{flex:none;width:15px;height:15px}
.menu-order-search input{
  flex:1;min-width:0;min-height:32px;padding:0;color:var(--tx1);background:transparent;
  border:0;box-shadow:none;outline:0;font:500 12px var(--font-sans);
}
.menu-order-help{color:var(--tx3);margin:10px 0 12px;font-size:11px;line-height:1.65}
#menu-order-groups{display:grid;gap:10px}
.appearance-group{border:1px solid var(--bd1);border-radius:12px;background:var(--bg1);min-width:0}
.appearance-group.is-open{border-color:var(--bd2)}
.menu-order-group-head,.appearance-item{position:relative;display:flex;align-items:center;gap:8px;padding:4px 11px}
.menu-order-group-head{min-height:44px;border-radius:11px;background:var(--bg2)}
.is-open>.menu-order-group-head{border-radius:11px 11px 0 0;border-bottom:1px solid var(--bd1);background:color-mix(in srgb,var(--bg2) 74%,var(--purple-bg))}
.menu-order-group-trigger{
  flex:1;min-width:0;display:flex;align-items:center;gap:9px;text-align:left;
  min-height:34px;padding:0;border:0;border-radius:6px;background:none;
  font:inherit;color:var(--tx1);font-size:12px;cursor:pointer;
}
.menu-order-group-trigger strong{min-width:0;overflow-wrap:anywhere}
.menu-order-group-trigger .sb-item-icon{
  display:grid;place-items:center;flex:none;width:27px;height:27px;min-width:27px;
  border-radius:7px;background:var(--nav-icon-bg);color:var(--nav-icon-fg);
}
.menu-order-group-trigger .sb-item-icon svg{width:16px;height:16px}
.menu-order-group-trigger small,.menu-order-hidden-label{
  font:500 10px/1.3 var(--font-sans);color:var(--tx3);border:1px solid var(--bd1);
  padding:1px 6px;border-radius:10px;background:var(--bg1);white-space:nowrap;
}
.menu-order-group-trigger small.is-partial{background:var(--amber-bg);color:var(--amber-tx);border-color:transparent}
.menu-order-chevron{margin-left:auto;flex:none;font-size:19px;line-height:1;color:var(--tx3);transform-origin:center}
.menu-order-group-trigger[aria-expanded=true] .menu-order-chevron{transform:rotate(90deg);color:var(--purple-tx)}
.menu-order-items{padding:2px 0 5px}
.appearance-item{min-height:39px;margin:0 4px;padding-inline:7px;border-radius:7px;font-size:12px;color:var(--tx1)}
.appearance-item:hover,.appearance-item:focus-within{background:var(--bg2)}
.appearance-item.is-hidden .appearance-item-label,.appearance-item.is-hidden>.sb-item-icon{color:var(--tx3)}
.appearance-item>.sb-item-icon{width:16px;height:16px;min-width:16px;color:var(--tx3)}
.appearance-item>.sb-item-icon svg{width:15px;height:15px}
.appearance-item-label{flex:1;min-width:0;overflow-wrap:anywhere}
.appearance-handle{flex:none;color:var(--tx3);font-size:16px;line-height:1;cursor:grab;user-select:none;opacity:.72}
.appearance-handle:active{cursor:grabbing}
.appearance-handle:focus-visible{outline:2px solid var(--purple-tx);outline-offset:2px;border-radius:3px;opacity:1}
.menu-order-switch{position:relative;display:inline-flex;flex:none;align-items:center;min-height:32px;cursor:pointer}
.menu-order-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}
.menu-order-track{display:block;position:relative;width:33px;height:20px;border-radius:99px;background:var(--bd2);pointer-events:none}
.menu-order-track::after{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #1b203126;transition:transform .15s}
.menu-order-switch input:checked+.menu-order-track{background:var(--purple)}
.menu-order-switch input:checked+.menu-order-track::after{transform:translateX(13px)}
.menu-order-switch input:focus-visible+.menu-order-track{outline:2px solid var(--purple-tx);outline-offset:3px}
.menu-order-switch:has(input:disabled){cursor:default}
.menu-order-switch input:disabled+.menu-order-track{opacity:.45}
.menu-order-more{display:block;margin:4px auto 1px;padding:7px 10px;font-size:11.5px;font-weight:650}
.menu-order-empty{margin:0;padding:14px 8px;color:var(--tx3);font-size:12px;text-align:center}
#menu-order-groups .dragging{opacity:.42}
#menu-order-groups [data-menu-drop]::before,#menu-order-groups [data-menu-drop]::after{
  content:'';position:absolute;z-index:2;pointer-events:none;background:var(--purple);
}
#menu-order-groups [data-menu-drop]::before{left:10px;right:9px;height:3px;border-radius:3px}
#menu-order-groups [data-menu-drop]::after{left:7px;width:8px;height:8px;border-radius:50%}
#menu-order-groups [data-menu-drop=before]::before{top:-1px}
#menu-order-groups [data-menu-drop=before]::after{top:-3px}
#menu-order-groups [data-menu-drop=after]::before{bottom:-1px}
#menu-order-groups [data-menu-drop=after]::after{bottom:-3px}
.menu-order-preview-panel{position:sticky;top:16px;min-width:0}
.menu-order-preview-head{gap:5px;margin:0 0 9px}
.menu-order-preview-head h3{font-size:11.5px}
.menu-order-preview-tabs{
  display:flex;gap:1px;flex:none;padding:2px;
  border:1px solid var(--bd2);border-radius:10px;background:var(--bg-control);
}
.menu-order-preview-tabs button{
  min-height:27px;padding:4px 6px;border:0;border-radius:7px;background:none;
  color:var(--tx3);font:500 10.5px var(--font-sans);white-space:nowrap;cursor:pointer;
}
.menu-order-preview-tabs button[aria-pressed=true]{
  background:var(--bg1);color:var(--tx1);font-weight:750;box-shadow:inset 0 0 0 1px var(--primary-border);
}
.appearance-preview{padding:9px;border:1px solid var(--bd1);border-radius:14px;background:var(--bg1);max-height:min(65dvh,680px);overflow:auto}
.menu-order-preview-workspace{display:flex;align-items:center;gap:8px;padding:5px 8px;margin-bottom:6px;border:1px solid var(--bd1);border-radius:9px;font-size:12px;color:var(--tx1)}
.menu-order-preview-workspace>span{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:8px;background:#5846dd;color:#fff;font-size:10px;font-weight:700}
.menu-order-preview-workspace>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#menu-preview .nav-preview-groups .sb-nav-group{margin:0 0 3px}
#menu-preview .nav-preview-groups .sb-nav-group-trigger{min-height:34px;padding:5px 6px;gap:7px;font-size:11.5px}
#menu-preview .nav-preview-groups .sb-nav-group-trigger>.sb-item-icon{width:23px;height:23px;min-width:23px;border-radius:7px}
#menu-preview .nav-preview-groups .sb-nav-group-trigger>.sb-item-icon svg{width:14px;height:14px}
#menu-preview .nav-preview-groups .sb-nav-group-count{margin-left:auto}
#menu-preview .nav-preview-groups .sb-nav-group-items{padding:3px}
#menu-preview :is(.nav-preview-groups,.nav-preview-full,.nav-preview-sections) .sb-item{min-height:28px;padding:4px 8px;margin:0 0 2px;font-size:11.5px;line-height:1.4}
#menu-preview .nav-preview-sections{height:335px}
#menu-preview .sb-part-trigger b{overflow-wrap:anywhere}
#menu-preview .nav-preview-full h4{margin:10px 5px 4px;color:var(--tx3);font-size:10px;text-transform:uppercase}
#menu-preview [data-menu-moved]{outline:1px solid var(--amber);outline-offset:-1px;background:var(--amber-bg);color:var(--tx1);border-radius:7px}
#menu-preview [data-menu-moved] .sb-item-icon{color:var(--tx3)}
#menu-order-save{bottom:calc(72px + env(safe-area-inset-bottom));padding:12px 15px;margin-top:20px}
#menu-order-save[data-dirty]{border-color:var(--primary-border);box-shadow:0 3px 14px #5448de12}
.menu-order-dirty-copy{position:relative;min-width:0;font-size:11px;color:var(--tx3)}
#menu-order-save[data-dirty] .menu-order-dirty-copy{padding-left:19px}
#menu-order-save[data-dirty] .menu-order-dirty-copy::before{content:'';position:absolute;left:0;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--amber)}
.menu-order-dirty-copy strong,.menu-order-dirty-copy span:not([hidden]){display:block}
.menu-order-dirty-copy span:not([hidden]),#menu-order-save .form-error:not(:empty){margin-top:3px}
#menu-order-save .form-error:empty{display:none}
.menu-order-dirty-copy strong{font-size:12px;color:var(--tx1)}
#menu-order-save .btn{min-height:35px;font-size:12px;white-space:nowrap}
@media(max-width:900px){.appearance-layout{grid-template-columns:1fr}.menu-order-preview-panel{position:static}.appearance-preview{max-height:390px}}
@media(max-width:600px){
  .menu-order-pagehead{align-items:flex-start;flex-direction:column;margin-bottom:16px}
  .appearance-editor{padding:12px}
  .menu-order-group-head,.appearance-item{gap:5px;padding-inline:6px}
  .menu-order-group-trigger{gap:5px}
  .menu-order-group-trigger small{padding-inline:4px;font-size:9px}
  .menu-order-hidden-label{padding-inline:4px;font-size:9px}
  #menu-order-save .btn-row{margin-left:auto}
}

/* Interaction states for report, CRM, and editor controls. */
:root{
  --control-motion:150ms ease;
  --control-hover-border:color-mix(in srgb,var(--tx3) 55%,var(--bd1));
  --control-violet-border:color-mix(in srgb,var(--purple) 45%,var(--bd1));
  --control-violet-wash:color-mix(in srgb,var(--purple-bg) 58%,var(--bg1));
  --control-violet-press:color-mix(in srgb,var(--purple) 19%,var(--bg1));
  --control-ring:color-mix(in srgb,var(--purple) 22%,transparent);
  --control-segment-hover:color-mix(in srgb,var(--bg1) 82%,transparent);
  --control-segment-press:color-mix(in srgb,var(--tx3) 16%,var(--bg2));
}
/* Chart card menus. */
:is(.ui-chart-card,.post-chart-controls) .ui-chart-menu>summary{
  transition:background-color var(--control-motion),border-color var(--control-motion),color var(--control-motion),box-shadow var(--control-motion);
}
:is(.ui-chart-card,.post-chart-controls) .ui-chart-menu:is([open],:active)>summary{
  background-color:var(--purple-bg);border-color:var(--purple);color:var(--purple-tx);box-shadow:0 0 0 3px var(--control-ring);
}
:is(.ui-chart-card,.post-chart-controls) .ui-chart-menu>summary:focus-visible{
  outline:2px solid var(--purple);outline-offset:2px;
}
@media(hover:hover){
  :is(.ui-chart-card,.post-chart-controls) .ui-chart-menu:not([open],:active)>summary:hover{
    background-color:var(--control-violet-wash);border-color:var(--control-violet-border);color:var(--purple-tx);
  }
}

:is(.order-view-tabs,.region-mode-switch,.report-view-switch,.audience-name-views,.filter-logic-switch,.region-logic-switch,.schedule-status-tabs,.schedule-view-switch,.publishing-segments,.menu-order-preview-tabs)>button,
.report-toolbar>details>summary,
:is(.heatmap-settings-trigger,.audience-chart-section .audience-card-metric,.post-report-charts .post-chart-controls>.post-chart-metric-trigger,.objective-funnel-modal .objective-funnel-picker-trigger.fi,.heat-axis-swap),
:is(.pub-tag-create,.region-add-trigger,.report-add-condition,.col-create,button.sync-chip,.col-std),
:is(.btn-link:has(.ui-action-plus,.ui-action-arrow),.objective-funnel-add,.post-tag-pencil,.audience-name-pencil,.staff-pencil,.report-filter-chip .report-filter-chip-remove,.report-rule-remove,.objective-funnel-remove,.order-editor-modal .order-line-remove,.region-condition-remove,.col-remove,.col-pin),
:is(.fi[data-product-name],.order-editor-modal .fi[data-line=product],label.sync-chip,.objective-funnel-toggles label,.objective-funnel-step-editor,#selected-columns .report-col),
.heatmap-report .heat-cell{
  transition:background-color var(--control-motion),color var(--control-motion),border-color var(--control-motion),box-shadow var(--control-motion),transform var(--control-motion);
}

:is(.order-view-tabs,.region-mode-switch,.report-view-switch,.audience-name-views,.filter-logic-switch,.region-logic-switch,.schedule-status-tabs,.schedule-view-switch,.publishing-segments,.menu-order-preview-tabs)>button[aria-pressed=false]:not(:disabled):active{
  background:var(--control-segment-press);
  color:var(--tx1);
}
.menu-order-preview-tabs>button[aria-pressed=false]:not(:disabled):active{box-shadow:inset 0 0 0 1px var(--bd2)}
.order-view-tabs button>span{color:var(--tx3)}
.ui-trash-lid{transform-box:fill-box;transform-origin:left bottom}
:is(.ui-trash-lid,.ui-action-plus,.ui-action-arrow,.col-pin>.ui-icon,.report-toolbar>details>summary .ui-icon-chevron,.heatmap-settings-trigger>.ui-icon,.audience-card-metric>.ui-icon,.objective-funnel-picker-trigger>svg,.heat-axis-swap>span){
  transition:transform var(--control-motion),color var(--control-motion);
}

:is(.report-toolbar>details[open]>summary,.report-toolbar>details>summary:active),
:is(.heatmap-report .heatmap-settings-trigger,.audience-chart-section .audience-card-metric,.objective-funnel-modal .objective-funnel-picker-trigger.fi):is([aria-expanded=true],:active):not(:disabled),
.post-report-charts .post-chart-controls>.post-chart-metric-trigger:is([aria-expanded=true],:active):not(:disabled),
:is(.fi[data-product-name],.order-editor-modal .fi[data-line=product]):focus{
  border-color:var(--purple);
  background-color:var(--bg1);
  box-shadow:0 0 0 3px var(--control-ring);
}
.heatmap-settings-trigger:not(.is-value)>span{color:var(--tx3)}
.heat-axis-swap:active{background:var(--control-violet-press);border-color:var(--purple);color:var(--purple-tx)}
.heat-axis-swap.is-swapped>span{animation:control-swap var(--control-motion)}
@keyframes control-swap{to{transform:rotate(180deg)}}

:is(.btn-link:has(.ui-action-plus,.ui-action-arrow),.objective-funnel-add){border-radius:8px;text-decoration:none}
:is(.btn-link:has(.ui-action-plus,.ui-action-arrow),.objective-funnel-add):not(:disabled):active{
  background:var(--control-violet-press);
  text-decoration:none;
}
.order-add-line.btn-link{padding:5px 8px}
.btn-link:has(.ui-action-arrow){padding:3px 8px}
.objective-funnel-add-step.btn-link{padding:9px 8px;margin-block:5px 11px}
.staff-picker-footer>.btn-link:has(.ui-action-plus){padding:3px 8px}
.ui-action-plus,.ui-action-arrow{display:inline-block}
:is(.report-add-condition,.pub-tag-create,.region-add-trigger){
  border:1px dashed var(--bd1);
  border-radius:10px;
}
.report-add-condition{padding:9px 12px;text-align:left}
.filter-group>.report-add-condition{width:100%}
.report-add-condition:hover{text-decoration:none}
:is(.pub-tag-create,.region-add-trigger,.report-add-condition,.col-create,button.sync-chip):not(:disabled):active,
.region-add-trigger[aria-expanded=true]{border-color:var(--purple);background:var(--control-violet-press);color:var(--purple-tx)}

:is(.post-tag-pencil,.audience-name-pencil,.staff-pencil,.report-rule-remove,.objective-funnel-remove,.order-editor-modal .order-line-remove,.region-condition-remove,.col-remove){border-radius:8px}
:is(.post-tag-pencil,.audience-name-pencil,.staff-pencil){min-width:32px;min-height:32px}
:is(.post-tag-pencil,.audience-name-pencil,.staff-pencil):not(:disabled):active{background:var(--control-violet-press);color:var(--purple-tx)}
:is(.report-rule-remove,.objective-funnel-remove,.order-editor-modal .order-line-remove,.region-condition-remove,.col-remove):not(:disabled):active{
  background:color-mix(in srgb,var(--red) 22%,var(--bg1));color:var(--red-tx);
}
.report-filter-chip .report-filter-chip-remove{
  display:inline-grid;place-items:center;width:19px;height:19px;margin-inline:0 5px;padding:0;
  flex-shrink:0;border-radius:50%;color:var(--filter-chip-accent);
  background:color-mix(in srgb,var(--filter-chip-accent) 10%,var(--filter-chip-bg));
}
.report-filter-chip .report-filter-chip-remove>.ui-icon{width:12px;height:12px}
.report-filter-chip .report-filter-chip-remove:not(:disabled):hover{
  background:color-mix(in srgb,var(--filter-chip-accent) 20%,var(--filter-chip-bg));
}
.report-filter-chip .report-filter-chip-remove:not(:disabled):active{
  background:color-mix(in srgb,var(--filter-chip-accent) 30%,var(--filter-chip-bg));
}
.col-pin[aria-pressed=true]:not(:disabled){background:var(--purple);border-color:var(--purple);color:#fff}
.col-pin[aria-pressed=true] svg{fill:none}
html[data-theme=dark] .col-pin[aria-pressed=true]:not(:disabled){color:var(--bg1)}

/* Neutral cells and totals use the same interaction states as colored cells. */
.heatmap-report .heat-cell:is(.heat-neutral,.is-empty):not(:disabled){background-color:var(--bg1);border-color:var(--bd1);color:var(--tx1)}
.heatmap-report .heat-cell.is-total{border-width:2px;background-color:var(--bg2)}
.heatmap-report .heat-cell>strong{transition:color var(--control-motion)}
.heatmap-report .heat-cell:not(:disabled):is(:active,.is-selected){border-color:var(--tx1)}
.heatmap-report .heat-cell:is(.heat-neutral,.is-empty,.is-total):not(:disabled):is(:active,.is-selected){background-color:var(--bg1)}
.heatmap-report .heat-cell-hint[popover]{
  position:fixed;inset:auto;margin:0;max-width:min(440px,calc(100vw - 16px));box-sizing:border-box;
  border:0;border-radius:8px;padding:7px 10px;background:#1c2132;color:#fff;pointer-events:none;
  font:500 12px/1.4 var(--font-sans);overflow-wrap:anywhere;box-shadow:0 4px 12px #171c3226;
}

:is(label.sync-chip,.objective-funnel-toggles label) input[type=checkbox]{
  appearance:none;display:grid;place-items:center;width:15px;height:15px;flex:none;margin:0;
  border:1px solid var(--control-hover-border);border-radius:4px;background:var(--bg1);cursor:inherit;
  transition:background-color var(--control-motion),border-color var(--control-motion);
}
:is(label.sync-chip,.objective-funnel-toggles label) input[type=checkbox]:checked{border-color:var(--purple);background:var(--purple)}
:is(label.sync-chip,.objective-funnel-toggles label) input[type=checkbox]:checked::before{
  content:'';width:7px;height:4px;border:solid #fff;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg);
}
html[data-theme=dark] :is(label.sync-chip,.objective-funnel-toggles label) input[type=checkbox]:checked::before{border-color:var(--bg1)}
:is(label.sync-chip,.objective-funnel-toggles label):has(input:checked){background:var(--purple-bg);border-color:var(--control-violet-border);color:var(--purple-tx)}
.col-std:is([aria-expanded=true],:active):not(:disabled){border-style:solid;border-color:var(--purple);background:var(--control-violet-press);color:var(--purple-tx)}

.objective-funnel-step-editor{border-radius:12px;outline:1px solid transparent;outline-offset:3px}
.objective-funnel-index{transition:background-color var(--control-motion),color var(--control-motion)}
:is(.objective-funnel-step-editor,#selected-columns .report-col).is-dragging{
  opacity:1;background:var(--bg1);border-color:var(--purple);box-shadow:0 5px 14px var(--control-ring);transition:none;
}
.objective-funnel-step-editor.is-dragging{outline-color:var(--purple)}
.objective-funnel-step-editor.is-dragging>.objective-funnel-index{background:var(--purple);color:#fff;transition:none}
html[data-theme=dark] .objective-funnel-step-editor.is-dragging>.objective-funnel-index{color:var(--bg1)}
.objective-funnel-step-editor.is-dragging .objective-funnel-handle,#selected-columns .report-col.is-dragging .col-drag{color:var(--purple-tx);cursor:grabbing}

@media(hover:hover){
  :is(.order-view-tabs,.region-mode-switch,.report-view-switch,.audience-name-views,.filter-logic-switch,.region-logic-switch,.schedule-status-tabs,.schedule-view-switch,.publishing-segments,.menu-order-preview-tabs)>button[aria-pressed=false]:not(:disabled):hover:not(:active){
    background:var(--control-segment-hover);color:var(--tx1);
  }
  .menu-order-preview-tabs>button[aria-pressed=false]:not(:disabled,:active):hover{box-shadow:inset 0 0 0 1px var(--bd2)}
  .report-toolbar>details:not([open])>summary:hover:not(:active),
  :is(.heatmap-report .heatmap-settings-trigger,.audience-chart-section .audience-card-metric,.objective-funnel-modal .objective-funnel-picker-trigger.fi):not([aria-expanded=true],:disabled,:active):hover,
  .post-report-charts .post-chart-controls>.post-chart-metric-trigger:not([aria-expanded=true],:disabled,:active):hover,
  :is(.fi[data-product-name],.order-editor-modal .fi[data-line=product]):not(:disabled,:focus):hover{
    border-color:var(--control-hover-border);background-color:var(--bg2);
  }
  .heat-axis-swap:not(:disabled,:active):hover{background:var(--purple-bg);border-color:var(--control-violet-border);color:var(--purple-tx)}

  :is(.btn-link:has(.ui-action-plus,.ui-action-arrow),.objective-funnel-add):not(:disabled,:active):hover{background:var(--purple-bg);text-decoration:none}
  :is(.pub-tag-create,.region-add-trigger,.report-add-condition,.col-create,button.sync-chip):not(:disabled,:active,[aria-expanded=true]):hover{
    border-color:var(--control-violet-border);background:var(--control-violet-wash);color:var(--purple-tx);
  }

  :is(.post-tag-pencil,.audience-name-pencil,.staff-pencil):not(:disabled,:active):hover{background:var(--purple-bg);color:var(--purple-tx)}
  :is(.report-rule-remove,.objective-funnel-remove,.order-editor-modal .order-line-remove,.region-condition-remove,.col-remove):not(:disabled,:active):hover{background:var(--red-bg);color:var(--red-tx)}
  .col-pin[aria-pressed=false]:not(:disabled):hover{background:var(--purple-bg);border-color:transparent;color:var(--purple-tx)}

  .heatmap-report .heat-cell:not(:disabled,:active,.is-selected):hover{
    border-color:var(--purple);box-shadow:0 3px 9px var(--control-ring);
  }
  .heatmap-report .heat-cell:is(.heat-neutral,.is-empty,.is-total):not(:disabled,:active,.is-selected):hover{
    background-color:var(--control-violet-wash);
  }
  .heatmap-report .heat-cell:is(.heat-neutral,.is-empty,.is-total):not(:disabled,:active,.is-selected):hover>strong{color:var(--purple-tx)}

  :is(label.sync-chip,.objective-funnel-toggles label):has(input:not(:checked,:disabled)):hover{
    background:var(--control-violet-wash);border-color:var(--control-violet-border);
  }
  :is(label.sync-chip,.objective-funnel-toggles label):hover input:not(:disabled){border-color:var(--purple)}
  .col-std.is-empty:not(:disabled,:active,[aria-expanded=true]):hover{border-style:solid;border-color:var(--control-violet-border);background:var(--purple-bg);color:var(--purple-tx)}

  .objective-funnel-step-editor:not(.is-dragging):hover{background:var(--bg2)}
  #selected-columns .report-col:not(.is-fixed,.is-dragging):hover{border-color:var(--control-violet-border)}
  #selected-columns .report-col:not(.is-fixed,.is-pinned,.is-dragging):hover{background:var(--bg2)}
  .objective-funnel-step-editor:hover .objective-funnel-handle,#selected-columns .report-col:hover .col-drag{color:var(--purple-tx)}
  .objective-funnel-step-editor:not(.is-dragging):hover>.objective-funnel-index{background:var(--purple-bg);color:var(--purple-tx)}
  .objective-funnel-modal .objective-funnel-step-editor:hover .objective-funnel-picker-trigger.fi:not([aria-expanded=true],:active){
    border-color:var(--control-hover-border);
  }
}

:is(.order-view-tabs,.region-mode-switch,.report-view-switch,.audience-name-views,.filter-logic-switch,.region-logic-switch,.schedule-status-tabs,.schedule-view-switch,.publishing-segments,.menu-order-preview-tabs)>button:focus-visible,
.report-toolbar>details>summary:focus-visible,
:is(.heatmap-report .heatmap-settings-trigger,.audience-chart-section .audience-card-metric,.post-report-charts .post-chart-controls>.post-chart-metric-trigger,.objective-funnel-modal .objective-funnel-picker-trigger.fi,.heat-axis-swap):focus-visible,
:is(.pub-tag-create,.region-add-trigger,.report-add-condition,.col-create,button.sync-chip,.col-std):focus-visible,
:is(.btn-link:has(.ui-action-plus,.ui-action-arrow),.objective-funnel-add,.post-tag-pencil,.audience-name-pencil,.staff-pencil,.report-filter-chip .report-filter-chip-remove,.report-rule-remove,.objective-funnel-remove,.objective-funnel-handle,.region-condition-remove,.col-remove,.col-pin):focus-visible,
:is(.fi[data-product-name],.order-editor-modal .fi[data-line=product],#selected-columns .report-col,.heatmap-report .heat-cell):focus-visible,
:is(label.sync-chip,.objective-funnel-toggles label):has(input:focus-visible){
  outline:2px solid var(--purple);outline-offset:2px;
}

@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .order-view-tabs button[aria-pressed=false]:not(:disabled):hover .ui-trash-lid{transform:rotate(-14deg)}
  .report-toolbar>details:not([open])>summary:hover .ui-icon-chevron,
  :is(.heatmap-settings-trigger,.audience-card-metric):not([aria-expanded=true],:disabled):hover>.ui-icon,
  .objective-funnel-picker-trigger:not([aria-expanded=true],:disabled):hover>svg:last-child{transform:translateY(1px)}
  .btn-link:not(:disabled):hover>.ui-action-plus,.objective-funnel-add:not(:disabled):hover>.ui-action-plus{transform:rotate(90deg)}
  .btn-link:not(:disabled):hover>.ui-action-arrow{transform:translateX(3px)}
  .col-pin[aria-pressed=false]:not(:disabled):hover>.ui-icon{transform:rotate(14deg)}
  .heatmap-report .heat-cell:not(:disabled,:active,.is-selected):hover{transform:translateY(-1px)}
}
@media(prefers-reduced-motion:reduce){
  :root{--control-motion:0ms}
  .heat-axis-swap.is-swapped>span{animation:none}
}
@media(forced-colors:active){
  :is(label.sync-chip,.objective-funnel-toggles label) input[type=checkbox]{appearance:auto;display:inline-block}
  :is(label.sync-chip,.objective-funnel-toggles label) input[type=checkbox]:checked::before{content:none}
}

/* Scheduling pickers, metric choices, and primary actions. */
:is(.pub-control-trigger,.pub-page-control .pub-control-trigger,.staff-picker.is-marketing .staff-picker-trigger.fi,.pub-clock-control,.pub-tag-trigger,.schedule-week-nav>button,.pub-time-columns [role=option],.metric-direction-switch label,.std-styles .flow-channel,.pub-spell-auto input,.btn-primary),
:is(#publishing-page-avatar,.staff-picker.is-marketing .staff-picker-trigger>.staff-picker-avatar,.staff-picker.is-marketing .staff-picker-trigger>.staff-picker-name,.metric-restore-icon,.metric-restore-label,.std-styles input[type=radio]){
  transition:background-color var(--control-motion),border-color var(--control-motion),box-shadow var(--control-motion),color var(--control-motion),transform var(--control-motion);
}
:is(.pub-control-trigger,.pub-page-control .pub-control-trigger,.staff-picker.is-marketing .staff-picker-trigger.fi):is([aria-expanded=true],:active):not(:disabled),
.pub-clock-control:has(input:not(:disabled)):is(:focus-within,:active,:has([aria-expanded=true])),
.pub-tag-trigger:has(>button:not(:disabled)):is(:focus-within,:active,:has(>button[aria-expanded=true])){
  border-color:var(--purple);box-shadow:0 0 0 3px var(--control-ring);
}
.pub-clock-control>button{color:var(--purple-tx)}
.pub-clock-control>button[aria-expanded=true]>svg{transform:rotate(180deg)}
.staff-picker.is-marketing .staff-picker-trigger>.staff-picker-unassigned{border-style:dashed}
.staff-picker.is-marketing .staff-picker-trigger:has(>.staff-picker-unassigned)>.staff-picker-name{color:var(--tx3)}

.schedule-status-tabs [data-schedule-tab=published] span{color:var(--tx3)}
.schedule-week-nav>#schedule-today{border-radius:8px;background:transparent;text-decoration:none}
.schedule-week-nav>#schedule-today:not(:disabled):active{background:var(--control-violet-press)}
.schedule-week-nav>button[data-week]:not(:disabled):active{border-color:var(--purple);background:var(--control-violet-press);color:var(--purple-tx)}
.schedule-week-nav>button[data-week]>span,.metric-direction-arrow{display:inline-block;transition:transform var(--control-motion)}

.metric-direction-switch label:has(input:not(:checked,:disabled)):active{background:var(--control-segment-press);color:var(--tx1)}
.std-styles input[type=radio]{
  appearance:none;width:16px;height:16px;margin:2px 0 0;flex:none;
  border:1px solid var(--control-hover-border);border-radius:50%;background:var(--bg1);cursor:inherit;
}
.std-styles input[type=radio]:checked{border:5px solid var(--purple)}
.metric-origin>.metric-restore-name{display:inline-flex;align-items:center;gap:5px;border-radius:8px;color:var(--purple-tx)}
.metric-restore-icon,.metric-restore-label{border:1px solid transparent;border-radius:8px}
.metric-restore-icon{display:grid;place-items:center;width:32px;height:32px;border-color:var(--bd1);background:var(--bg1);color:var(--tx2)}
.metric-restore-icon>.ui-icon{width:17px;height:17px;transition:transform var(--control-motion)}
.metric-restore-label{padding:5px 7px}
.metric-restore-name:not(:disabled):active>.metric-restore-label{background:var(--control-violet-press)}

.pub-spell-auto input:not(:disabled):active::before{width:18px}
.pub-spell-auto input:checked:not(:disabled):active::before{transform:translateX(calc(var(--switch-offset) - 4px))}
.pub-time-columns [role=option][aria-selected=false]:not(:disabled):active{background:var(--control-violet-press);color:var(--purple-tx)}
.pub-time-columns [role=option][aria-selected=true]:not(:disabled):active{background:#35269e;color:white}
.btn-primary:not(:disabled):active{background:#35269e;border-color:#35269e;color:#fff;box-shadow:none}

@media(hover:hover){
  :is(.pub-control-trigger,.pub-page-control .pub-control-trigger,.staff-picker.is-marketing .staff-picker-trigger.fi):not([aria-expanded=true],:active,:disabled):hover,
  .pub-clock-control:has(input:not(:disabled)):not(:focus-within,:active,:has([aria-expanded=true])):hover,
  .pub-tag-trigger:has(>button:not(:disabled)):not(:focus-within,:active,:has(>button[aria-expanded=true])):hover{
    border-color:var(--control-hover-border);background-color:var(--bg2);
  }
  #pub-page-trigger:not(:disabled,[aria-expanded=true],:active):hover>#publishing-page-avatar,
  .staff-picker.is-marketing .staff-picker-trigger:not(:disabled,[aria-expanded=true],:active):hover>.staff-picker-avatar{box-shadow:0 0 0 2px var(--control-ring)}
  .staff-picker.is-marketing .staff-picker-trigger:not(:disabled,[aria-expanded=true],:active):hover>.staff-picker-unassigned{border-color:var(--purple)}
  .staff-picker.is-marketing .staff-picker-trigger:has(>.staff-picker-unassigned):not(:disabled):hover>.staff-picker-name{color:var(--tx2)}
  .schedule-week-nav>#schedule-today:not(:disabled,:active):hover,.metric-restore-name:not(:disabled,:active):hover>.metric-restore-label{background:var(--purple-bg)}
  .schedule-week-nav>button[data-week]:not(:disabled,:active):hover,.metric-restore-name:not(:disabled,:active):hover>.metric-restore-icon{
    border-color:var(--control-violet-border);background:var(--purple-bg);color:var(--purple-tx);
  }
  .publishing-segments>button[data-channel=facebook][aria-pressed=false]:not(:disabled):hover{color:#1a63d6}
  .publishing-segments>button[data-channel=instagram][aria-pressed=false]:not(:disabled):hover{color:#c13584}
  html[data-theme=dark] .publishing-segments>button[data-channel=facebook][aria-pressed=false]:not(:disabled):hover{color:#8fb8ff}
  html[data-theme=dark] .publishing-segments>button[data-channel=instagram][aria-pressed=false]:not(:disabled):hover{color:#f2a5d2}
  .metric-direction-switch label:has(input:not(:checked,:disabled)):not(:active):hover{background:var(--control-segment-hover);color:var(--tx1)}
  .std-styles .flow-channel:has(input:not(:checked,:disabled)):hover{border-color:var(--control-violet-border);background:var(--control-violet-wash)}
  .std-styles .flow-channel:has(input:not(:disabled)):hover input{border-color:var(--purple)}
  .pub-spell-auto:hover input:not(:checked,:disabled){background:var(--control-hover-border);box-shadow:0 0 0 3px var(--bg3)}
  .pub-spell-auto:hover input:checked:not(:disabled){box-shadow:0 0 0 3px var(--control-ring)}
  .pub-time-columns [role=option][aria-selected=false]:not(:disabled,:active):hover{background:var(--purple-bg);color:var(--purple-tx);font-weight:700}
  .pub-time-columns [role=option][aria-selected=true]:not(:disabled,:active):hover,
  .btn-primary:not(:disabled,:active):hover{background:#463ac8;border-color:#463ac8;color:#fff}
  .btn-primary:not(:disabled,:active):hover{box-shadow:0 4px 12px #5141ce45}
}
:is(.pub-control-trigger,.staff-picker.is-marketing .staff-picker-trigger.fi,.schedule-week-nav>button,.metric-restore-name,.pub-spell-auto input,.btn-primary):focus-visible,
:is(.metric-direction-switch label,.std-styles .flow-channel,.pub-clock-control,.pub-tag-trigger):has(> :focus-visible){
  outline:2px solid var(--purple);outline-offset:2px;
}
:is(.metric-direction-switch label,.std-styles .flow-channel,.pub-clock-control,.pub-tag-trigger):has(> :focus-visible)>:focus-visible{outline:none}
.pub-time-columns [role=option]:focus-visible{outline-offset:-2px}

@media(hover:hover) and (prefers-reduced-motion:no-preference){
  :is(.pub-control-trigger,.staff-picker.is-marketing .staff-picker-trigger):not(:disabled,[aria-expanded=true]):hover>svg:last-child,
  :is(.pub-clock-control,.pub-tag-trigger):hover>button:not(:disabled,[aria-expanded=true])>svg{transform:translateY(1px)}
  .metric-direction-switch label:has(input[value=higher]:not(:checked,:disabled)):hover>.metric-direction-arrow{transform:translateY(-2px)}
  .metric-direction-switch label:has(input[value=lower]:not(:checked,:disabled)):hover>.metric-direction-arrow{transform:translateY(2px)}
  .metric-restore-name:not(:disabled,:active):hover .ui-icon{transform:rotate(90deg)}
}
@media(prefers-reduced-motion:no-preference){
  .schedule-week-nav>button[data-week="1"]:not(:disabled):active>span{transform:translateX(1px)}
  .schedule-week-nav>button[data-week="-1"]:not(:disabled):active>span{transform:translateX(-1px)}
  .metric-restore-name:not(:disabled):active .ui-icon{transform:rotate(180deg)}
  .btn-primary:not(:disabled):active{transform:translateY(1px)}
}
@media(forced-colors:active){
  .std-styles input[type=radio],.pub-spell-auto input{appearance:auto}
  .pub-spell-auto input::before{content:none}
}

/* Product attribution in the publishing composer. */
.pub-product-field>.pub-control-label{align-items:baseline;gap:5px;flex-wrap:wrap}
.pub-product-field>.pub-control-label label{font-weight:700}
.pub-product-field>.pub-control-label small{font-size:11px}
.pub-product-current{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
.pub-product-current>strong{flex:0 1 auto}
.pub-product-current>.pub-product-code{max-width:34%;overflow:hidden;text-overflow:ellipsis}
.pub-product-thumb{
  display:grid;place-items:center;flex:none;width:34px;height:34px;overflow:hidden;border-radius:8px;
  background:linear-gradient(135deg,#ffffff6a,#25283d4d),color-mix(in srgb,var(--pub-avatar,#9a938b) 62%,var(--bg1));color:var(--tx3);
}
.pub-product-current>.pub-product-thumb{width:28px;height:28px;border-radius:7px}
.pub-product-thumb.is-blank{background:var(--bg1);border:1px solid var(--bd2)}
.pub-product-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pub-product-menu .pub-product-options{overflow:auto;min-height:0;max-height:min(402px,55dvh);overscroll-behavior:contain}
.pub-product-options .pub-control-subhead{padding:10px 8px 4px}
.pub-product-option{
  display:flex;align-items:center;gap:9px;width:100%;min-height:50px;padding:7px 8px;
  border:0;border-radius:9px;background:none;color:var(--tx1);font:400 14px/1.35 var(--font-sans);
  text-align:left;cursor:pointer;transition:background-color var(--control-motion);
}
.pub-product-option:disabled{opacity:.55;cursor:not-allowed}
.pub-product-option:not(:disabled):hover{background:var(--bg2)}
.pub-product-option[aria-selected=true]{background:var(--purple-bg)}
.pub-product-option[aria-selected=true] strong{font-weight:750}
.pub-product-menu .pub-product-option:focus-visible{outline-offset:-2px}
.pub-product-person{min-width:0;flex:1;display:grid;gap:3px}
.pub-product-person>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.pub-product-person>small{display:flex;align-items:center;flex-wrap:wrap;gap:4px;color:var(--tx3);font-size:11.5px}
.pub-product-person mark{background:none;color:var(--purple-tx);font-weight:750}
.pub-product-option.is-none .pub-product-person strong{color:var(--tx2);font-weight:500}
.pub-product-code,.pub-product-badge{
  background:var(--bg3);color:var(--tx2);border-radius:5px;padding:1px 5px;
  white-space:nowrap;font:650 11px/1.4 var(--font-sans);
}
.pub-product-badge{background:var(--purple-bg);color:var(--purple-tx)}
.pub-product-badge.is-duplicate{background:var(--amber-bg);color:var(--amber-tx)}
.pub-product-badge.is-running{background:var(--green-bg);color:var(--green-tx)}
.pub-product-count{color:var(--tx3);white-space:nowrap;font-size:12px;font-weight:650}
.pub-product-check{display:grid;place-items:center;flex:none;width:14px;color:var(--purple-tx)}
.pub-product-check svg{width:15px;height:15px}
.pub-product-field .publishing-primary-product{margin:0}
.pub-product-menu [hidden]{display:none!important}
.pub-product-create{padding:7px 6px 10px;overflow:auto;min-height:0}
.pub-product-create h5{font-size:16px;margin:0 0 12px}
.pub-product-create label{display:block;font-size:12px;margin-bottom:10px}
.pub-product-create label input{display:block;width:100%;margin-top:5px}
.pub-product-create [role=alert]{color:var(--red-tx);font-size:12px}
.pub-product-create .btn-row{justify-content:flex-end}

/* CRM product editor. */
.product-editor-modal.hc-modal{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}
.product-editor-modal .hc-modal-head{align-items:center}
.product-editor-modal .hc-modal-icon{width:48px;height:48px}
.product-editor-modal .hc-modal-desc{font-size:14px}
.product-editor-layout{display:grid;grid-template-columns:minmax(145px,1fr) minmax(0,2.4fr);gap:24px;align-items:start}
.product-editor-fields{grid-column:2;grid-row:1;display:grid;gap:15px;min-width:0}
.product-editor-photo{grid-column:1;grid-row:1;min-width:0}
.product-editor-field{display:grid;gap:6px;min-width:0;margin:0;color:var(--tx1);font:650 14px/1.45 var(--font-sans)}
.product-editor-field b{color:var(--red-tx)}
.product-editor-field .fi{width:100%;min-height:46px;box-sizing:border-box;font:500 15px var(--font-sans);background:var(--bg1)}
.product-editor-field-title{display:flex;align-items:baseline;justify-content:space-between;gap:4px 10px;flex-wrap:wrap}
.product-editor-field-title small,.product-editor-photo-note,.product-editor-photo-error{color:var(--tx3);font:400 12px/1.5 var(--font-sans)}
.product-editor-sku,.product-editor-currency{position:relative;display:block;min-width:0}
.product-editor-sku:has(.product-editor-auto:not([hidden]))>input{padding-right:68px}
.product-editor-auto,.product-editor-currency>span{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}
.product-editor-auto{border-radius:6px;background:var(--purple-bg);color:var(--purple-tx);padding:2px 6px;font-size:11px}
.product-editor-currency>input{padding-right:30px;font-variant-numeric:tabular-nums}
.product-editor-currency>span{color:var(--tx3);font-size:13px;font-weight:500}
.product-editor-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.product-editor-profit{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 12px;min-height:42px;
  padding:8px 12px;border-radius:10px;background:var(--bg2);color:var(--tx3);font:400 13px/1.5 var(--font-sans);
}
.product-editor-profit>div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.product-editor-profit strong{font-size:14px;font-variant-numeric:tabular-nums;color:var(--tx1)}
.product-editor-profit small{font-size:12px}
.product-editor-profit[data-tone=positive] strong,.product-editor-profit[data-tone=positive] small{color:var(--green-tx)}
.product-editor-profit[data-tone=negative] strong,.product-editor-profit[data-tone=negative] small{color:var(--red-tx)}
.product-editor-profit[data-tone=positive] small:not(:empty),.product-editor-profit[data-tone=negative] small:not(:empty){padding:1px 7px;border-radius:99px;font-weight:700}
.product-editor-profit[data-tone=positive] small:not(:empty){background:var(--green-bg)}
.product-editor-profit[data-tone=negative] small:not(:empty){background:var(--red-bg)}

.product-editor-photo-frame{aspect-ratio:1;position:relative;border-radius:14px}
.product-editor-drop{
  display:grid;place-content:center;justify-items:center;gap:4px;width:100%;height:100%;padding:12px;
  border:1px dashed var(--control-hover-border);border-radius:inherit;background:var(--bg2);
  font:400 13px/1.4 var(--font-sans);color:var(--tx3);text-align:center;cursor:pointer;
  transition:border-color var(--control-motion),background-color var(--control-motion);
}
.product-editor-drop>span{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--purple-bg);color:var(--purple-tx);margin-bottom:3px}
.product-editor-drop>b{color:var(--purple-tx);font-weight:700}
.product-editor-drop>small{font-size:12px}
.product-editor-drop:hover,.product-editor-photo-frame.is-dragover .product-editor-drop{border-color:var(--purple);background:var(--control-violet-wash)}
.product-editor-drop:focus-visible,.product-editor-photo-frame.is-dragover{outline:2px solid var(--purple);outline-offset:2px}
.product-editor-preview{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:var(--bg2)}
.product-editor-preview>img{display:block;width:100%;height:100%;object-fit:cover}
.product-editor-photo-actions{position:absolute;inset:auto 0 0;display:flex;justify-content:center;gap:5px;padding:14px 7px 7px;background:linear-gradient(transparent,#19192199)}
.product-editor-photo-actions .btn{background:var(--bg1);border:1px solid var(--bd1);padding:5px 8px;min-height:32px;border-radius:8px;font-size:12px}
.product-editor-photo-actions [data-product-remove]{color:var(--red-tx)}
.product-editor-photo-actions .btn:hover{background:var(--purple-bg)}
.product-editor-photo-actions [data-product-remove]:hover{background:var(--red-bg)}
.product-editor-photo-note,.product-editor-photo-error{margin:8px 0 0;overflow-wrap:anywhere}
.product-editor-photo-error{color:var(--red-tx)}
.product-editor-modal [hidden]{display:none!important}
.product-editor-modal #modal-save:disabled{cursor:not-allowed}
@media(max-width:540px){
  .product-editor-layout{grid-template-columns:minmax(0,1fr);gap:18px}
  .product-editor-fields,.product-editor-photo{grid-column:auto;grid-row:auto}
  .product-editor-photo-frame{max-width:184px}
  .product-editor-modal .hc-modal-foot{flex-wrap:wrap}
  .product-editor-modal .hc-modal-note{flex:1 1 100%}
}

.meta-ports-panel .connection-panel-head>div { flex:1; min-width:0 }
.meta-ports-panel .connection-stats { grid-template-columns:repeat(3,minmax(0,1fr)); margin:16px 0 }
.meta-ports-heading,.meta-port-head,.meta-port-owner,.meta-port-facts,.meta-port-input-row,.meta-port-add { display:flex; align-items:center; gap:10px }
.meta-ports-heading { flex-wrap:wrap; margin:18px 0 14px }
.meta-ports-heading h4 { margin:0 }
.meta-ports-heading small,.meta-port-owner small,.meta-port-facts,.meta-port-add small { color:var(--tx3) }
.meta-ports-heading>span,.meta-port-facts code { border-radius:6px; padding:2px 7px; background:var(--bg3); color:var(--tx2); font-size:12px }
.meta-ports-heading>span { margin-left:auto }
.meta-port-list { display:grid; gap:16px }
.meta-port { min-width:0; border:1px solid var(--bd1); border-radius:16px }
.meta-port-head { min-height:62px; padding:10px 14px; border-radius:15px 15px 0 0; border-bottom:1px solid var(--bd1); background:var(--bg2) }
.meta-port-number,.meta-port-avatar { display:grid; place-items:center; flex:none; background:var(--purple-bg); color:var(--purple-tx); font-weight:700 }
.meta-port-number { width:28px; height:28px; border-radius:8px }
.meta-port-avatar { width:40px; height:40px; border-radius:50% }
.meta-port-status { display:inline-flex; align-items:center; gap:5px; padding:2px 7px; border-radius:20px; background:var(--bg3); color:var(--tx2); font-size:12px; white-space:nowrap }
.meta-port-head .meta-port-status::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor }
.meta-port-status.is-connected { color:var(--green-tx); background:var(--green-bg) }
.meta-port-status.is-error { color:var(--red-tx); background:var(--red-bg) }
.meta-port-status.is-checking { color:var(--purple-tx); background:var(--purple-bg) }
.meta-port-actions { display:flex; align-items:center; gap:6px; margin-left:auto }
.meta-port-menu { position:relative }
.meta-port-menu>summary { list-style:none; cursor:pointer }
.meta-port-menu>summary::-webkit-details-marker { display:none }
.meta-port-menu>div { position:absolute; right:0; top:calc(100% + 5px); z-index:2; background:var(--bg1); border:1px solid var(--bd1); border-radius:10px; padding:5px; box-shadow:0 8px 20px #15132c21; white-space:nowrap }
.meta-port-body { padding:14px }
.meta-port-owner>div { display:grid; gap:3px; min-width:0; flex:1; overflow-wrap:anywhere }
.meta-port-owner strong .meta-port-status { margin-left:4px }
.meta-port-facts { flex-wrap:wrap; gap:8px 16px; margin-top:12px; font-size:13px }
.meta-port-facts b { color:var(--tx1) }
.meta-ports-panel .meta-port-form { margin:0 }
.meta-port-owner~.meta-port-form { margin-top:14px }
.meta-port-form[hidden] { display:none }
.meta-port-input-row input { flex:1; min-width:0 }
.meta-port-form .field-hint { margin:10px 0 0 }
.meta-port-error { margin:10px 0 0; color:var(--red-tx) }
.meta-port-add { justify-content:space-between; text-align:left; width:100%; margin-top:16px; border:1px dashed var(--bd2); border-radius:13px; padding:14px; background:var(--bg2); color:var(--purple-tx); cursor:pointer; transition:background .15s,border-color .15s }
.meta-port-add:hover:not(:disabled) { background:var(--purple-bg); border-color:var(--purple) }
.meta-port-add:disabled { cursor:default; opacity:.65 }
@media(max-width:650px){
 .meta-ports-panel .connection-panel-head,.meta-port-owner,.meta-port-head,.meta-port-add,.meta-port-input-row { flex-wrap:wrap }
 .meta-ports-panel .connection-stats { grid-template-columns:1fr }
 .meta-port-input-row input { flex-basis:100% }
}

/* Platform sign-in */
.auth-layout {
  --auth-accent: #5245d6;
  --auth-link: #493aa9;
  --auth-bg: #f2f1f6;
  --auth-field: #fff;
  --auth-border: #e3e1eb;
  --auth-ink: #1c2030;
  --auth-muted: #626577;
  --auth-error-bg: #f7eae6;
  --auth-error-text: #8f4130;
  --auth-error-border: #a86a5b;
  display: grid;
  grid-template-columns: 36.1% minmax(0, 1fr);
  min-height: 100dvh;
  background: var(--auth-bg);
  color: var(--auth-ink);
}
html[data-theme="dark"] .auth-layout {
  --auth-bg: var(--bg3);
  --auth-field: var(--bg1);
  --auth-border: var(--bd1);
  --auth-ink: var(--tx1);
  --auth-muted: var(--tx2);
  --auth-link: #c7bdff;
  --auth-error-bg: #452e32;
  --auth-error-text: #ffd0c5;
  --auth-error-border: #d19281;
}
.auth-layout [hidden] { display: none; }
.auth-story {
  display: flex;
  flex-direction: column;
  padding: 42px clamp(26px, 3.9vw, 64px) 44px;
  color: #fff;
  background: #1c1b37;
}
.auth-brand { display: flex; align-items: center; gap: 10px; font-size: 18px; }
.auth-brand-icon {
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  border-radius: 10px;
  background: #7869ef;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
}
.auth-mobile-brand { display: none; }
.auth-story-copy { margin: 30px 0 48px; }
.auth-story-copy small {
  color: #c5baff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.auth-story h1 {
  margin: 7px 0 10px;
  font-size: clamp(26px, 2.4vw, 39px);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.25;
}
.auth-story-copy p { color: #c2bed8; font-size: 15px; line-height: 1.48; }
.auth-story-figure { width: 100%; max-width: 470px; margin: auto 0 0; }
.auth-story-chart {
  padding: 13px;
  background: #fff;
  color: #1c2030;
  border: 1px solid #eceaf3;
  border-radius: 15px;
  box-shadow: 0 12px 32px #0e0b2370;
}
.auth-chart-title { color: #656879; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.auth-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 8px 0 13px; }
.auth-kpis div { padding: 8px 9px; border: 1px solid #ececf3; border-radius: 8px; }
.auth-kpis dt { color: #656879; font-size: 10px; text-transform: uppercase; }
.auth-kpis dd { margin: 3px 0 0; font-size: 15px; font-weight: 800; }
.auth-chart-bars { display: flex; align-items: end; gap: 5px; height: 49px; }
.auth-chart-bars i { flex: 1; height: var(--bar-height); border-radius: 3px 3px 0 0; background: #7261df; }
.auth-chart-bars i:nth-child(even) { background: #239873; }
.auth-story-figure figcaption, .auth-story-footer { color: #bbb7d3; font-size: 11px; }
.auth-story-figure figcaption { margin-top: 13px; }
.auth-story-footer { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 35px; }
.auth-story-footer :is(button, a) {
  padding: 2px 0;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: inherit;
  cursor: pointer;
  text-decoration: none;
}
.auth-story-footer :is(button, a):hover { color: #fff; text-decoration: underline; }
.auth-story-footer a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.auth-main { display: grid; place-items: center; padding: 36px 26px; }
.auth-card { width: 100%; max-width: 374px; }
.auth-card h2 { margin: 0 0 4px; font-size: 26px; font-weight: 800; line-height: 1.25; letter-spacing: -.02em; }
.auth-intro { margin: 0 0 17px; color: var(--auth-muted); font-size: 13.5px; line-height: 1.5; }
.auth-card .auth-secondary, .auth-card .auth-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  min-height: 42px;
  padding: 8px 13px;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 700;
}
.auth-card .auth-secondary { border: 1px solid var(--auth-border); background: var(--auth-field); color: var(--auth-ink); }
.auth-card .auth-secondary:hover { border-color: var(--auth-link); background: color-mix(in srgb, var(--auth-field) 94%, var(--auth-accent)); }
.auth-divider { margin: 17px 0; color: var(--auth-muted); font-size: 12px; text-align: center; }
.auth-field { margin-bottom: 15px; }
.auth-field label { display: block; font-size: 13.5px; font-weight: 700; }
.auth-field-heading { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.auth-field input {
  width: 100%;
  min-height: 42px;
  margin-top: 5px;
  padding: 8px 14px;
  border: 1px solid var(--auth-border);
  border-radius: 11px;
  background: var(--auth-field);
  color: var(--auth-ink);
  font-size: 14px;
}
.auth-field input::placeholder { color: var(--auth-muted); opacity: .85; }
.auth-field input[aria-invalid="true"] { border-color: var(--auth-error-border); }
.auth-field input:focus { border-color: var(--auth-accent); outline: 0; box-shadow: 0 0 0 3px #6855dc30; }
.auth-password-input { position: relative; }
.auth-password-input input { padding-right: 44px; }
.auth-eye {
  display: grid;
  place-items: center;
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(calc(-50% + 2.5px));
  width: 31px;
  height: 31px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--auth-muted);
  cursor: pointer;
}
.auth-eye:hover { color: var(--auth-link); background: var(--auth-bg); }
.auth-eye-slash { display: none; }
.auth-eye[data-visible="true"] .auth-eye-slash { display: block; }
.auth-text-button {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--auth-link);
  font-size: inherit;
  font-weight: 700;
  cursor: pointer;
}
.auth-text-button:hover { text-decoration: underline; }
.auth-field-heading .auth-text-button { font-size: 12px; }
.auth-remember { display: flex; align-items: center; gap: 8px; color: var(--auth-muted); font-size: 13px; cursor: pointer; margin: 0 0 17px; }
.auth-remember input { width: 16px; height: 16px; accent-color: var(--auth-accent); cursor: inherit; }
.auth-card .auth-submit { min-height: 43px; background: var(--auth-accent); color: #fff; }
.auth-card .auth-submit:hover:not(:disabled) { background: #4437bc; }
.auth-feedback, .auth-unavailable { padding: 10px 12px; margin-bottom: 16px; border-radius: 10px; font-size: 13px; line-height: 1.45; }
.auth-feedback { display: flex; align-items: flex-start; gap: 7px; color: var(--auth-error-text); background: var(--auth-error-bg); }
.auth-feedback svg { flex-shrink: 0; margin-top: 2px; }
.auth-feedback p { margin: 0; }
.auth-unavailable, .auth-feedback-factor { background: var(--auth-field); color: var(--auth-muted); border: 1px solid var(--auth-border); }
.auth-reset-hint { margin: 16px 0 0; text-align: center; color: var(--auth-muted); font-size: 12.5px; }
.auth-card:has(#login-pass[aria-invalid="true"]) :is(.auth-remember, .auth-legal) { display: none; }
.auth-register { margin-top: 36px; text-align: center; }
.auth-register p { margin: 0 0 10px; color: var(--auth-muted); font-size: 13px; }
.auth-legal { margin: 15px 0 0; text-align: center; color: var(--auth-muted); font-size: 12px; line-height: 1.5; }
.auth-layout button:focus-visible, .auth-remember input:focus-visible { outline: 2px solid var(--auth-accent); outline-offset: 2px; }
@media (max-width: 768px) {
  .auth-layout { display: flex; flex-direction: column; }
  .auth-story { display: none; }
  .auth-mobile-brand { display: flex; padding: 15px 22px; color: #fff; background: #1c1b37; }
  .auth-main { flex: 1; padding: 30px 22px; }
  .auth-field input { font-size: 16px; }
}

/* Password recovery shares the sign-in frame, fields, and button treatments. */
.auth-recovery-back {
  display: inline-block;
  margin-bottom: 14px;
  color: var(--auth-muted);
  font-size: 12.5px;
  font-weight: 700;
}
.auth-recovery-icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  margin-bottom: 13px;
  border-radius: 13px;
  background: color-mix(in srgb, var(--auth-field) 87%, var(--auth-accent));
  color: var(--auth-link);
}
.auth-recovery-icon[data-icon="done"] {
  background: color-mix(in srgb, var(--auth-field) 89%, #239873);
  color: var(--green-tx);
}
.auth-recovery .auth-intro strong { color: var(--auth-ink); overflow-wrap: anywhere; }
.auth-recovery :is(.auth-feedback, .auth-unavailable) { margin: 14px 0 0; }
.auth-recovery h2:focus { outline: none; }
.auth-recovery a:focus-visible, .auth-layout .auth-text-button:focus-visible { outline: 2px solid var(--auth-accent); outline-offset: 2px; }
.auth-recovery :is(a, .auth-text-button) { text-decoration: none; }
.auth-recovery :is(.auth-recovery-back, .auth-text-button):hover, .auth-layout a.auth-text-button:hover { text-decoration: underline; }
.auth-mail-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.auth-mail-links .auth-secondary { min-height: 38px; }
.auth-recovery-resend {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 35px;
  margin-top: 17px;
  padding: 6px 12px;
  border: 1px solid var(--auth-border);
  border-radius: 20px;
  background: var(--auth-field);
  color: var(--auth-link);
  font-size: 12.5px;
  cursor: pointer;
}
.auth-recovery-resend:disabled { color: var(--auth-muted); cursor: default; }
.auth-recovery-resend time { color: var(--auth-ink); font-weight: 800; font-variant-numeric: tabular-nums; }
.auth-recovery-spinner { width: 16px; height: 16px; border: 2px solid var(--auth-accent); border-right-color: transparent; border-radius: 50%; }
.auth-recovery-retry { margin: 15px 0 0; color: var(--auth-muted); font-size: 13px; }
.auth-recovery-eyebrow { display: block; margin-bottom: 6px; color: var(--auth-link); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.auth-recovery-account {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  gap: 8px;
  margin-bottom: 16px;
  padding: 6px 9px 6px 6px;
  border: 1px solid var(--auth-border);
  border-radius: 24px;
  background: var(--auth-field);
  font-size: 12px;
  overflow-wrap: anywhere;
}
.auth-recovery-account span {
  display: grid;
  place-items: center;
  flex: 0 0 23px;
  height: 23px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--auth-field) 87%, var(--auth-accent));
  color: var(--auth-link);
  font-size: 10px;
  font-weight: 700;
}
.auth-recovery-strength { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; margin: 14px 0 6px; }
.auth-recovery-strength i { height: 5px; border-radius: 6px; background: var(--auth-border); }
.auth-recovery-strength[data-score="1"] i:first-child { background: var(--auth-error-border); }
.auth-recovery-strength[data-score="3"] i:nth-child(-n+3) { background: #b77925; }
.auth-recovery-strength[data-score="4"] i { background: #239873; }
#recovery-strength-label { margin: 0; color: var(--auth-muted); font-size: 12px; }

.auth-recovery-strength[data-score="1"] + p strong { color: var(--auth-error-text); }
.auth-recovery-strength[data-score="3"] + p strong { color: var(--amber-tx); }
.auth-recovery-strength[data-score="4"] + p strong { color: var(--green-tx); }

/* Registration and Zalo verification */
.signup-stepper { list-style: none; margin: 31px 0 0; padding: 0; }
.signup-stepper li { position: relative; display: flex; gap: 12px; align-items: flex-start; min-height: 55px; color: #b9b4d0; }
.signup-stepper li:not(:last-child)::after { position: absolute; content: ""; width: 1px; background: #4d486a; left: 14px; top: 31px; bottom: 3px; }
.signup-stepper li > span { display: grid; place-items: center; flex: 0 0 29px; height: 29px; border-radius: 50%; border: 1px solid #6a6487; font-size: 13px; font-weight: 750; }
.signup-stepper b { display: block; margin: 2px 0 3px; font-size: 13px; }
.signup-stepper small { display: block; font-size: 11.5px; }
.signup-stepper :is(.is-current, .is-complete) b { color: #fff; }
.signup-stepper .is-current > span { color: #fff; border: 2px solid #aa9dfd; background: #39345f; }
.signup-stepper .is-complete > span { background: #7869ef; color: #fff; border-color: #7869ef; }
.signup-stepper .is-complete::after { background: #aa9dfd; }
.signup-story-copy { margin-top: 17px; }
.signup-story-copy h1 { font-size: clamp(21px,1.9vw,29px); }
.signup-example-kpis { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin-top: 9px; }
.signup-example-kpis div { display: grid; gap: 4px; padding: 8px; border: 1px solid #eae8f0; border-radius: 8px; }
.signup-example-kpis div span { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; background: #5448de; color: #fff; font-size: 10px; }
.signup-example-kpis b { font-size: 12px; }
.signup-example-kpis small { color: #626577; font-size: 10.5px; }
.signup-example-chat { display: grid; gap: 8px; margin-top: 8px; font-size: 12px; }
.signup-example-chat span { justify-self: end; background: #5448de; color: #fff; border-radius: 10px 10px 3px 10px; padding: 7px 10px; }
.signup-example-chat p { justify-self: start; background: #f5f4f9; border: 1px solid #eae8f0; border-radius: 10px 10px 10px 3px; padding: 7px 10px; }
.signup-muted { color: var(--auth-muted); font-weight: 400; }
.signup-captcha { min-height: 58px; margin-bottom: 15px; padding: 0; color: var(--auth-muted); font-size: 12px; }
.signup-captcha:not(:has(iframe)) { display: flex; align-items: center; padding: 12px 14px; border: 1px solid var(--auth-border); border-radius: 11px; background: color-mix(in srgb,var(--auth-bg) 40%,var(--auth-field)); }
.signup-phone-value { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 42px; margin-top: 5px; padding: 8px 13px; border: 1px solid var(--auth-border); border-radius: 11px; background: var(--auth-field); font-size: 13px; }
.signup-code-panel { padding: 13px 14px 14px; border: 1px solid var(--auth-border); border-radius: 12px; background: color-mix(in srgb,var(--auth-bg) 36%,var(--auth-field)); margin-bottom: 16px; }
.signup-sent { color: var(--green-tx); font-size: 12px; font-weight: 750; margin: 0 0 10px; }
.signup-sent.is-expired { color: var(--auth-error-text); }
.signup-code-inputs { display: grid; grid-template-columns: repeat(6,minmax(0,42px)); gap: clamp(4px,1vw,9px); }
.signup-code-inputs input { width: 100%; height: 45px; padding: 0; text-align: center; border: 1px solid var(--auth-border); border-radius: 10px; color: var(--auth-ink); background: var(--auth-field); font-size: 20px; font-weight: 750; }
.signup-code-inputs input:focus { border-color: var(--auth-accent); outline: 0; box-shadow: 0 0 0 2px #6855dc30; }
.signup-code-help { margin-top: 11px; font-size: 12px; color: var(--auth-muted); }
.signup-code-help time { color: var(--auth-ink); font-weight: 750; font-variant-numeric: tabular-nums; }
.signup-private { margin-top: 16px; color: var(--auth-muted); font-size: 12px; }
.signup-view .auth-submit:disabled { opacity: .5; cursor: not-allowed; }
.signup-private svg { vertical-align: -2px; margin-right: 4px; }
.auth-card .auth-google-feedback { margin: 12px 0 0; }

/* Periodic report editor and sound library */
.hc-modal.report-flow-modal{width:min(850px,calc(100vw - 24px));max-width:850px!important}
.report-flow-modal .hc-modal-icon{display:none}
.report-flow-modal .hc-modal-head,.report-flow-modal .hc-modal-body,.report-flow-modal .hc-modal-foot{padding-inline:28px}
.report-flow-modal .hc-modal-head{padding-block:23px}
.report-flow-modal .hc-modal-heading h3{font-size:23px}
.report-flow-modal .hc-modal-body{padding-block:22px}
.report-flow-modal .hc-modal-foot{padding-block:17px}
.report-flow-modal .flow-section{margin-top:18px;padding-top:18px}
.report-flow-modal .flow-section h4{font-size:15px}
.report-flow-modal .form-group{margin-bottom:0;min-width:0}
.report-flow-modal .fi:not([type=search]){min-height:42px}
.report-flow-modal .flow-schedule{grid-template-columns:max-content minmax(0,1fr) minmax(120px,.38fr);align-items:end;gap:12px}
.report-flow-modal .flow-enabled{align-self:end;padding-bottom:9px;white-space:nowrap}
.report-flow-modal .field-hint{margin:12px 0 0}
.report-flow-modal [data-flow-weekdays],.report-flow-modal [data-flow-monthdays]{margin-top:10px}
.report-flow-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.report-flow-trigger{display:flex;justify-content:space-between;align-items:center;gap:7px;text-align:left;cursor:pointer}
.report-flow-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.report-flow-trigger svg{width:14px;height:14px;flex:none}
.report-flow-trigger[aria-expanded=true]{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-bg)}
.report-flow-trigger:hover{border-color:var(--bd2);background:var(--bg2)}
.report-flow-popover{position:fixed;margin:0;inset:auto;padding:8px;border:1px solid var(--bd1);border-radius:14px;background:var(--bg1);color:var(--tx1);box-shadow:0 16px 40px #1b183126;overflow:auto;overscroll-behavior:contain}
.report-flow-popover>.fi{width:100%;background:var(--bg2);margin-bottom:6px}
.report-flow-option-list>label,.report-flow-option-list>button{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:0;background:transparent;color:inherit;border-radius:8px;text-align:left;cursor:pointer;font:inherit}
.report-flow-option-list>label:hover,.report-flow-option-list>button:hover,.report-flow-sound-option:hover{background:var(--bg2)}
.report-flow-option-list input,.report-flow-channel-card input{accent-color:var(--purple)}
.report-flow-metrics{display:flex;flex-wrap:wrap;gap:8px}
.report-flow-metric{display:inline-flex;align-items:center;gap:6px;border-radius:30px;padding:4px 8px 4px 12px;background:var(--purple-bg);color:var(--purple-tx);font-weight:650;cursor:grab}
.report-flow-metric button{border:0;background:transparent;color:inherit;border-radius:50%;width:21px;height:21px;cursor:pointer}
.report-flow-metric button:hover{background:color-mix(in srgb,var(--purple) 17%,transparent)}
.report-flow-add{padding:6px 12px;border:1px dashed var(--bd2);border-radius:30px;background:var(--bg1);color:var(--tx2);font:inherit;cursor:pointer}
.report-flow-add:hover{background:var(--purple-bg);color:var(--purple-tx);border-color:var(--purple)}
.report-flow-channels{align-items:start}
.report-flow-channel-card{position:relative;border:1px solid var(--bd1);border-radius:14px;background:var(--bg1)}
.report-flow-channel-card:has(input:checked){border-color:var(--purple);box-shadow:0 0 0 2px var(--purple-bg)}
.report-flow-channel-card .flow-channel,.report-flow-channel-card .flow-channel:has(input:checked){border:0;box-shadow:none;padding:11px 12px}
.report-flow-channel-card .flow-channel-icon{width:34px;height:34px;border-radius:10px}
.report-flow-channel-card .flow-channel-icon.is-telegram{border-radius:50%}
.report-flow-channel-card [data-flow-telegram-link]{color:var(--purple-tx);font-weight:650}
.report-flow-sound-bar{display:grid;grid-template-columns:1fr max-content max-content;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--bd1);font-size:13px;color:var(--tx2)}
.report-flow-modal .report-flow-sound-bar .fi{min-height:33px;padding:5px 9px;color:var(--tx1)}
.report-flow-play{width:32px;height:32px;border:1px solid var(--bd1);background:var(--bg1);color:var(--tx1);border-radius:50%;font-size:11px;cursor:pointer}
.report-flow-play:hover{background:var(--purple-bg);color:var(--purple-tx)}
.report-flow-play[data-playing]{background:var(--purple);color:#fff}
.report-flow-play:disabled{opacity:.4;cursor:default}
.report-flow-sound-menu h5{margin:4px 7px 6px;font-size:11px;text-transform:uppercase;color:var(--tx3);letter-spacing:.04em}
.report-flow-sound-menu h5.report-flow-custom-heading{padding-top:11px;margin-top:8px;border-top:1px solid var(--bd1)}
.report-flow-sound-option{display:flex;align-items:center;gap:5px;padding:3px 6px;border-radius:10px}
.report-flow-sound-option.is-selected{background:var(--purple-bg)}
.report-flow-sound-choice{flex:1;min-width:0;display:flex;align-items:center;gap:9px;padding:4px 2px;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
.report-flow-sound-choice span{min-width:0}
.report-flow-sound-choice strong,.report-flow-sound-choice small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.report-flow-sound-choice small{color:var(--tx3);font-size:11px}
.report-flow-sound-choice i{width:17px;height:17px;border:1px solid var(--bd2);border-radius:50%;flex:none}
.report-flow-sound-choice[aria-pressed=true] i{border:5px solid var(--purple);background:var(--bg1)}
.report-flow-upload-link{margin:8px 5px 4px}
.report-flow-volume{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 6px 3px;border-top:1px solid var(--bd1);font-size:12px;color:var(--tx2);background:var(--bg1);position:sticky;bottom:-8px}
.report-flow-volume input{accent-color:var(--purple);width:100%}
.report-flow-volume output{min-width:31px;text-align:right}
.report-flow-test-button{margin-right:auto}
.report-flow-test{margin-top:16px;padding:12px;border-radius:12px;background:var(--purple-bg);color:var(--tx1)}
.report-flow-test p{white-space:pre-line;margin:6px 0}
.report-flow-upload{position:fixed;inset:0;margin:auto;width:min(465px,calc(100vw - 24px));height:fit-content;max-height:calc(100dvh - 24px);border:1px solid var(--bd1);padding:0;border-radius:17px;background:var(--bg1);color:var(--tx1);box-shadow:0 24px 60px #1b183144}
.report-flow-upload::backdrop{background:#24213d73}
.report-flow-upload>header{position:relative;padding:16px;border-bottom:1px solid var(--bd1)}
.report-flow-upload h3{font-size:17px;margin:0 32px 4px 0}
.report-flow-upload>header p{font-size:12px;color:var(--tx3);margin:0 32px 0 0}
.report-flow-upload>header .hc-modal-close{position:absolute;top:12px;right:12px}
.report-flow-upload-body{padding:16px}
.report-flow-upload-error{padding:9px;background:#fcebe7;color:#9c3028;border-radius:8px;margin:0 0 10px}
.report-flow-drop{width:100%;min-height:122px;display:grid;justify-items:center;align-content:center;gap:6px;border:1px dashed var(--bd2);border-radius:10px;background:var(--bg2);color:var(--tx1);cursor:pointer;font:inherit}
.report-flow-drop:hover,.report-flow-upload.is-dropping .report-flow-drop{background:var(--purple-bg);border-color:var(--purple)}
.report-flow-drop>span{display:grid;place-items:center;border-radius:8px;background:var(--purple-bg);color:var(--purple-tx);width:30px;height:30px;margin-bottom:3px}
.report-flow-drop small,.report-flow-file-meta{color:var(--tx3)}
.report-flow-upload [data-flow-file-ready]>label{display:block;margin-bottom:5px}
.report-flow-upload [data-flow-file-ready]>.fi{width:100%}
.report-flow-upload>footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--bd1)}
.report-flow-wave-preview{margin-top:9px;border:1px solid var(--bd1);border-radius:9px;display:flex;align-items:center;gap:7px;padding:6px}
.report-flow-wave-preview [data-flow-wave]{height:24px;flex:1;display:flex;gap:2px;align-items:center}
.report-flow-wave-preview [data-flow-wave] i{height:var(--wave-height);border-radius:2px;flex:1;background:var(--purple)}
.report-flow-wave-preview small{white-space:nowrap}
.report-flow-file-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}
.report-flow-modal{--flow-hover-border:color-mix(in srgb,var(--tx3) 58%,var(--bd2))}
.report-flow-modal :is(.fi,.hc-modal-close,.btn,.btn-link,.report-flow-metric,.report-flow-metric button,.report-flow-add,.report-flow-channel-card,.report-flow-play,.report-flow-sound-option,.report-flow-sound-choice i,.report-flow-drop,.report-flow-metric-search,.report-flow-metric-tabs button,.report-flow-metric-list label){transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s,transform .15s}
.report-flow-modal :is(button,input,select,a,[tabindex]):focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.report-flow-modal .fi:hover:not(:disabled){border-color:var(--flow-hover-border);background:var(--bg2)}
.report-flow-modal .fi:is(:focus,.report-flow-trigger[aria-expanded=true]){border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-bg);background:var(--bg1)}
.report-flow-native{position:relative}
.report-flow-native .fi{width:100%}
.report-flow-native select{appearance:none;background-image:none;padding-right:34px;cursor:pointer}
.report-flow-native>svg{position:absolute;right:13px;top:50%;width:14px;height:14px;transform:translateY(-50%);pointer-events:none;color:var(--tx3)}
.report-flow-native input[type=time]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}
.report-flow-modal :is(.report-flow-native>svg,.report-flow-trigger>svg,.report-flow-add>span,.report-flow-drop>span){transition:transform .15s,color .15s}
.report-flow-native:hover>svg{transform:translateY(calc(-50% + 1px));color:var(--tx1)}
.report-flow-trigger:hover>svg{transform:translateY(1px);color:var(--tx1)}
.report-flow-native select:open+svg{transform:translateY(-50%) rotate(180deg);color:var(--purple-tx)}
.report-flow-trigger[aria-expanded=true]>svg{transform:rotate(180deg);color:var(--purple-tx)}
.report-flow-chips{display:contents}
.report-flow-modal .report-flow-metric:hover{background:color-mix(in srgb,var(--purple) 13%,var(--purple-bg))}
.report-flow-modal .report-flow-metric:is(:active,[data-dragging]){background:color-mix(in srgb,var(--purple) 24%,var(--purple-bg));cursor:grabbing}
.report-flow-modal .report-flow-metric button:hover{background:var(--red-bg);color:var(--red-tx)}
.report-flow-add{display:inline-flex;gap:3px;align-items:center}
.report-flow-add>span{display:inline-block}
.report-flow-add:hover>span,.report-flow-add[aria-expanded=true]>span{transform:rotate(90deg)}
.report-flow-add[aria-expanded=true]{border:1px solid var(--purple);background:var(--purple-bg);color:var(--purple-tx)}
.report-flow-modal .report-flow-channel-card:hover{border-color:var(--flow-hover-border);background:var(--bg2)}
.report-flow-modal .report-flow-channel-card:has(input:checked){border-color:var(--purple)}
.report-flow-modal .report-flow-channel-card:has(input:checked):hover{box-shadow:0 0 0 3px var(--purple-bg)}
.report-flow-modal :is(.report-flow-channel-card .flow-channel,.report-flow-metric-list label):hover input:not(:checked){border-color:var(--purple)}
.report-flow-modal :is(.report-flow-channel-card,.report-flow-metric-list) input[type=checkbox]{appearance:none;display:grid;place-items:center;flex:none;width:19px;height:19px;margin:0;padding:0;border:1px solid var(--flow-hover-border);border-radius:5px;background:var(--bg1);cursor:pointer}
.report-flow-modal :is(.report-flow-channel-card,.report-flow-metric-list) input[type=checkbox]:checked{background:var(--purple);border-color:var(--purple)}
.report-flow-modal :is(.report-flow-channel-card,.report-flow-metric-list) input[type=checkbox]:checked::after{content:"";width:8px;height:4px;border:solid white;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
.report-flow-modal .report-flow-play:hover:not(:disabled,[data-playing]){transform:scale(1.06)}
.report-flow-modal .report-flow-play:active:not(:disabled),.report-flow-modal .report-flow-play[data-playing]:hover{background:var(--purple);color:#fff;border-color:var(--purple)}
.report-flow-modal .report-flow-sound-option:is(:hover,:focus-within,.is-selected){background:var(--purple-bg)}
.report-flow-modal .report-flow-sound-option:is(:hover,:focus-within) .report-flow-sound-choice[aria-pressed=false] i{border-color:var(--purple)}
.report-flow-drop em{font-style:normal;color:var(--purple-tx)}
.report-flow-drop>span svg{width:18px;height:18px}
.report-flow-modal .report-flow-drop:hover>span,.report-flow-modal .report-flow-upload.is-dropping .report-flow-drop>span{transform:translateY(-2px)}
.report-flow-modal .report-flow-upload.is-dropping .report-flow-drop{border-style:solid;box-shadow:0 0 0 3px var(--purple-bg)}
.report-flow-modal .btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--purple) 84%,#161034);box-shadow:0 5px 14px color-mix(in srgb,var(--purple) 27%,transparent)}
.report-flow-modal .btn-primary:active:not(:disabled){background:color-mix(in srgb,var(--purple) 68%,#161034);box-shadow:none}
.report-flow-modal :is(.hc-modal-close,.hc-modal-foot .btn-ghost,.report-flow-upload .btn-ghost):hover{background:var(--bg2);color:var(--tx1);border-color:var(--flow-hover-border)}
.report-flow-modal :is(.hc-modal-close,.hc-modal-foot .btn-ghost,.report-flow-upload .btn-ghost):active{background:var(--bg3)}
.report-flow-modal .report-flow-test-button:hover{background:var(--purple-bg);color:var(--purple-tx)}
.report-flow-modal .hc-modal-close{width:36px;height:36px;min-width:36px;border:1px solid var(--bd1);border-radius:9px;background:var(--bg1)}
.report-flow-metric-picker{padding:0;overflow:hidden}
.report-flow-metric-picker:popover-open{display:flex;flex-direction:column}
.report-flow-metric-picker-head{padding:12px 12px 6px;border-bottom:1px solid var(--bd1)}
.report-flow-metric-search{display:flex;gap:8px;align-items:center;padding:0 10px;border:1px solid var(--bd1);border-radius:10px;color:var(--tx3)}
.report-flow-modal .report-flow-metric-search:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-bg)}
.report-flow-modal .report-flow-metric-search .fi:is(:hover,:focus,:focus-visible),.report-flow-modal .report-flow-metric-search .fi{width:100%;min-width:0;border:0;background:transparent;box-shadow:none;outline:none;padding:9px 0}
.report-flow-metric-search svg{width:16px;height:16px;flex:none}
.report-flow-metric-tabs{display:flex;gap:3px;overflow-x:auto;padding:8px 2px 3px}
.report-flow-metric-tabs button{padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--tx3);font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}
.report-flow-metric-tabs button:is(:hover,[aria-pressed=true]){background:var(--purple-bg);color:var(--purple-tx)}
.report-flow-metric-tabs button[aria-pressed=true]{font-weight:700}
.report-flow-metric-list{overflow:auto;overscroll-behavior:contain;min-height:0;padding:8px 12px}
.report-flow-metric-list h5{margin:8px 4px 4px;font-size:11px;text-transform:uppercase;color:var(--tx3)}
.report-flow-metric-list section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px}
.report-flow-metric-list label{display:flex;gap:8px;align-items:center;min-height:34px;padding:4px 6px;border-radius:6px;cursor:pointer}
.report-flow-metric-list label[hidden]{display:none}
.report-flow-metric-list label:is(:hover,:focus-within){background:var(--purple-bg)}
.report-flow-metric-list label:has(input:checked)>span:first-of-type{font-weight:700}
.report-flow-metric-list label>.metric-source-badge{margin-left:auto}
.report-flow-metric-list .metric-source-badge.is-crm{color:#2c685e;background:#e6f6f2;border-color:#d1eae3}
html[data-theme=dark] .report-flow-metric-list .metric-source-badge.is-crm{color:#b7e8dd;background:#24413b;border-color:#42665d}
.report-flow-metric-picker-foot{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--bd1)}
.report-flow-metric-picker-foot>span{margin-right:auto;color:var(--tx3);font-size:12px}
.report-flow-metric-picker-foot .btn-link{white-space:nowrap}
@media(max-width:660px){
  .report-flow-modal .hc-modal-head,.report-flow-modal .hc-modal-body,.report-flow-modal .hc-modal-foot{padding-inline:14px}
  .report-flow-modal .flow-schedule{grid-template-columns:1fr 1fr}
  .report-flow-modal .flow-enabled{grid-column:1/-1;padding-bottom:0}
  .report-flow-filters,.report-flow-channels{grid-template-columns:1fr}
  .report-flow-metric-list section>div{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.report-flow-modal :is(.fi,button,input,select,svg,.report-flow-metric,.report-flow-channel-card,.report-flow-sound-option,.report-flow-sound-choice i,.report-flow-drop>span,.report-flow-add>span,.report-flow-metric-list label){transition:none}}

/* Scheduled reports list */
/* Report metric sets: private ordered lists and suggested templates. */
.hc-modal.report-metric-columns-modal{max-width:1230px!important;width:min(1230px,calc(100vw - 32px))}
.report-metric-columns-modal .hc-modal-body{padding-top:0}.report-metric-columns-modal .column-layout{grid-template-columns:380px minmax(0,1fr)}
.hc-modal.metric-set-create-modal{max-height:calc(100dvh - 48px)}
.metric-set-create-head .report-column-scope-options label>span{display:flex;align-items:center;justify-content:center}
.metric-set-create-head .report-column-scope-options label small{display:inline-block;white-space:nowrap}
.hc-modal.report-metric-columns-modal #selected-columns .column-option.report-col>label::before{content:none;display:none}
.hc-modal.report-metric-columns-modal #selected-columns .column-option.report-col>span.col-order{order:0;flex:0 0 26px;width:26px;height:26px}
.hc-modal.report-metric-columns-modal #selected-columns .column-option.report-col>label{order:1;flex:1 1 100px;min-width:0}
.report-column-scope{flex:1 1 320px;min-width:250px}.report-column-scope>span{display:block;font-size:12px;color:var(--tx2);margin-bottom:6px}
.report-column-scope-options{display:flex;border-radius:11px;background:var(--bg3);padding:3px;gap:3px;min-height:44px}
.report-column-scope-options>label{position:relative;margin:0;flex:1;cursor:pointer;white-space:nowrap}.report-column-scope-options input{position:absolute;opacity:0;width:1px;height:1px}.report-column-scope-options label>span{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:8px;padding:8px 9px;font-size:12px;color:var(--tx3)}
.report-column-scope-options .ui-icon{width:15px;height:15px}.report-column-scope-options small{font-size:9px;border-radius:6px;padding:2px 5px;background:var(--blue-bg);color:var(--blue-tx)}
.report-column-scope-options label:has(input:checked)>span{background:var(--bg1);border-color:var(--bd1);box-shadow:0 1px 3px #171c3208;color:var(--tx1);font-weight:600}.report-column-scope-options label:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px;border-radius:8px}.report-column-scope-options .is-locked{cursor:not-allowed}.report-column-scope-options .is-locked>span{opacity:.45}
.report-column-scope-options .is-locked:is(:hover,:focus-visible)::after{content:attr(data-help);position:absolute;z-index:8;top:calc(100% + 12px);right:0;width:min(300px,calc(100vw - 50px));white-space:normal;background:#242638;color:#fff;padding:12px 14px;border-radius:10px;font-size:12px;font-weight:400;line-height:1.5;box-shadow:0 12px 24px #171c3230}
.report-layout-inheritance{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;margin:-16px -28px 16px;background:var(--bg2);border-bottom:1px solid var(--bd1);font-size:12px;color:var(--tx3)}.report-layout-inheritance strong{font-weight:600;color:var(--tx1);margin-left:6px}.report-layout-inheritance button{font-size:12px;white-space:nowrap}
.metric-set-new-inline{width:100%;border:1px dashed var(--bd2);border-radius:12px;background:var(--bg1);padding:12px 8px;margin:16px 0;color:var(--blue-tx);font:600 12px var(--font-sans);cursor:pointer}
.metric-set-create-modal .hc-modal-heading{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap}.metric-set-create-modal .hc-modal-heading h3{order:0}.metric-set-create-modal .hc-modal-desc{order:2;flex-basis:100%;font-size:13px}.metric-set-from{order:1;background:#e8f4fc;color:#386b94;padding:7px 12px;border-radius:99px;font-size:12px;line-height:1.4}
.metric-set-create-head{display:grid;grid-template-columns:1.5fr 1fr 1.15fr;gap:16px;background:var(--bg2);padding:16px 24px;margin:0 -28px;border-block:1px solid var(--bd1)}.metric-set-create-head>label{display:block;min-width:0}.metric-set-create-head label>span{display:block;color:var(--tx2);font-size:12px;margin-bottom:6px}.metric-set-create-head .fi{width:100%;min-height:44px;font-size:13px}.metric-set-create-head small{display:block;color:var(--tx3);font-size:11px;margin-top:7px}.metric-set-create-head .report-column-scope{min-width:0}.metric-set-create-head .report-column-scope small{margin:0}.metric-set-create-head .report-column-scope label>span{margin:0;font-size:12px}
.metric-set-create-modal .column-layout{grid-template-columns:380px minmax(0,1fr);margin-top:0}.metric-set-create-modal .column-pane{max-height:min(62vh,660px);padding-top:20px}.metric-set-create-modal .column-pane-selected>.column-pane-head{display:none}.metric-set-create-modal .column-pane-add{background:var(--bg1)}
.metric-set-create-modal .hc-modal-foot{background:var(--bg1)}.metric-set-create-modal .hc-modal-note{font-size:12px}.metric-set-create-modal .hc-modal-note i{background:var(--green-tx)}.metric-set-use-now{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--tx2);margin-left:auto}.metric-set-use-now input{width:18px;height:18px}
.metric-set-added{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 4px;color:var(--tx3);font-size:13px}.metric-set-added>span{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.metric-set-added small{font-size:10px;color:var(--green-tx);font-weight:600;white-space:nowrap}.metric-set-added[hidden]{display:none}
.metric-set-picker h4{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-set-picker h4>span{font-weight:400;color:var(--tx3);font-size:10px}
.metric-set-shared-tag{font-style:normal;font-size:9px;font-weight:500;padding:2px 6px;border-radius:5px;background:var(--blue-bg);color:var(--blue-tx);white-space:nowrap}
@media(max-width:800px){.metric-set-create-head{grid-template-columns:1fr;margin-inline:-18px;padding:14px 18px}.report-metric-columns-modal .column-layout{grid-template-columns:1fr}.metric-set-create-modal .column-pane{max-height:36vh}.report-column-scope{flex-basis:100%;min-width:0}.metric-set-use-now{margin-left:0}.report-layout-inheritance{margin-inline:-18px;padding:10px 18px;align-items:flex-start;flex-wrap:wrap}.metric-set-create-modal .hc-modal-foot{flex-wrap:wrap}.metric-set-create-modal .hc-modal-note{flex-basis:100%}.report-column-scope-options .is-locked:is(:hover,:focus-visible)::after{width:250px}}
.metric-set-toolbar{display:flex;align-items:flex-end;gap:16px;background:var(--bg2);padding:16px 20px;border-block:1px solid var(--bd1);margin:0 -28px 16px}
.metric-set-toolbar>div{flex:0 1 310px;min-width:200px}
.metric-set-toolbar label{display:block;font-size:12px;color:var(--tx2);margin-bottom:6px}
.metric-set-toolbar .fi{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;text-align:left;cursor:pointer;gap:16px}
.metric-set-toolbar .fi[aria-expanded=true]{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}
.metric-set-toolbar>p{flex:1;font-size:12px;color:var(--tx3);margin:0 0 10px;line-height:1.5}
.metric-set-toolbar>.btn-link{white-space:nowrap;margin-bottom:4px;font-size:12px}
.metric-set-toolbar .report-column-scope-options>label{margin:0}
.metric-set-toolbar>div:first-child{flex:0 1 280px}
.metric-set-toolbar>.report-sync-field{flex:0 1 390px;min-width:240px}
.report-sync-field>label{display:block;font-size:12px;color:var(--tx2);margin-bottom:6px}
.report-sync-field>.fi{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;text-align:left;cursor:pointer}
.report-sync-field>.fi>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.report-sync-field>.fi>.ui-icon{width:16px;height:16px;flex-shrink:0;color:var(--tx3)}
.report-sync-field>.fi>b{padding:3px 7px;border-radius:99px;background:var(--blue-bg);color:var(--blue-tx);font-size:10px;font-weight:600;white-space:nowrap}
.report-sync-field>.fi[aria-expanded=true]{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}
.report-sync-field>.fi>.ui-icon:last-child{transition:transform .15s}.report-sync-field>.fi[aria-expanded=true]>.ui-icon:last-child{transform:rotate(180deg)}
.report-sync-picker{position:fixed;inset:auto;margin:0;padding:0;border:1px solid var(--bd1);border-radius:16px;background:var(--bg1);color:var(--tx1);box-shadow:var(--shadow-popover);overflow:hidden}
.report-sync-picker:popover-open{display:flex;flex-direction:column}
.report-sync-picker>.table-search{display:flex;flex:none;margin:12px;width:calc(100% - 24px);min-height:40px;border-radius:11px;font-size:13px}
.report-sync-picker>.table-search input{font-size:13px}
.report-sync-picker .report-sync-current{display:flex;align-items:center;gap:10px;margin:0;padding:4px 18px 12px;font-size:13px;color:var(--tx2)}
.report-sync-current>span{flex:1}.report-sync-current small{font-size:11px;color:var(--tx3)}.report-sync-current input{opacity:.45}
.report-sync-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 18px;font-size:12px;color:var(--tx3)}
.report-sync-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 10px;overflow:auto;min-height:0;padding:0 10px 10px}
.report-sync-options>label{display:flex;align-items:center;gap:10px;padding:9px 8px;min-height:38px;font-size:13px;color:var(--tx1);margin:0;border-radius:8px;cursor:pointer}
.report-sync-options>label:hover{background:var(--blue-bg)}.report-sync-options>label:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:-2px}.report-sync-options input{width:18px;height:18px;flex-shrink:0;accent-color:var(--blue)}
.report-sync-options>label[hidden],.report-sync-empty[hidden],.report-sync-field [data-sync-extra][hidden]{display:none}
.report-sync-empty{font-size:12px;color:var(--tx3);padding:16px;text-align:center;margin:0}
.report-sync-picker>footer{display:flex;align-items:center;gap:2px;border-top:1px solid var(--bd1);padding:8px 10px;flex-shrink:0}
.report-sync-picker>footer button{font-size:12px;padding:5px 7px}.report-sync-picker>footer small{margin-left:auto;font-size:11px;color:var(--tx3)}
@media(max-width:800px){.metric-set-toolbar>div:first-child,.metric-set-toolbar>.report-sync-field{flex:1 1 100%;min-width:0}.report-sync-options{grid-template-columns:1fr}.report-sync-picker>footer{flex-wrap:wrap}.report-sync-picker>footer small{flex-basis:100%;margin:2px 7px}}
@media(prefers-reduced-motion:reduce){.report-sync-field>.fi>.ui-icon:last-child{transition:none}}
.detail-metric-set-label{display:flex;align-items:center;gap:12px;margin:10px 0;font-size:12px;color:var(--tx2)}.detail-metric-set-label select{width:min(360px,100%);min-width:0}
.metric-set-picker{position:fixed;inset:auto;margin:0;padding:0;border:1px solid var(--bd1);border-radius:18px;background:var(--bg1);color:var(--tx1);box-shadow:var(--shadow-popover);overflow:hidden}
.metric-set-picker:popover-open{display:grid;grid-template-columns:1.1fr 1fr}
.metric-set-picker-list{overflow:auto;min-height:0;padding:10px;border-right:1px solid var(--bd1)}
.metric-set-picker h4,.metric-set-manager nav h4{font-size:11px;color:var(--tx3);font-weight:500;padding:8px 10px;margin:0}
.metric-set-option{display:flex;align-items:center;gap:10px;width:100%;background:none;border:1px solid transparent;border-radius:12px;padding:10px;text-align:left;color:var(--tx1);cursor:pointer;transition:background .15s,border-color .15s;font:inherit}
.metric-set-option:hover,.metric-set-option.is-preview{background:var(--blue-bg)}
.metric-set-option:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.metric-set-option>span:not(.metric-set-icon){flex:1;min-width:0}.metric-set-option strong{font-size:13px;font-weight:600;display:block}.metric-set-option small{font-size:11px;color:var(--tx3);font-weight:400;display:block;line-height:1.4}
.metric-set-icon{display:inline-grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:11px;background:var(--blue-bg);color:var(--blue-tx)}
.metric-set-icon .ui-icon{width:21px;height:21px}.metric-set-icon.is-app{background:#fff2e4;color:#a75d2e}.metric-set-icon.is-web{background:#e8f5ed;color:#34795d}.metric-set-icon.is-heart{background:#fbeafa;color:#a65095}
.metric-set-picker footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--bd1);margin:10px -10px -10px;padding:8px}.metric-set-picker footer small{font-size:10px;color:var(--tx3)}
.metric-set-preview{padding:16px;overflow:auto;min-height:0}.metric-set-preview header,.metric-set-card header,.metric-set-manager section>header{display:flex;align-items:center;gap:12px}.metric-set-preview header strong{display:block;font-size:15px}.metric-set-preview header small{font-size:11px;color:var(--tx3)}
.metric-set-lock{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--tx3);background:var(--bg2);padding:10px;border-radius:8px}.metric-set-lock svg{width:14px;height:14px}
.metric-set-preview ol,.metric-set-card ol,.metric-set-editor ol{padding:0;margin:12px 0;list-style:none;counter-reset:metric-set}
.metric-set-preview li,.metric-set-card li,.metric-set-editor li{display:flex;align-items:center;gap:8px;font-size:12px;padding:7px 0;counter-increment:metric-set}.metric-set-preview li::before,.metric-set-card li::before,.metric-set-editor li::before{content:counter(metric-set);background:var(--bg3);color:var(--tx3);border-radius:5px;min-width:22px;text-align:center;padding:3px;font-size:10px}
.metric-set-diff{background:var(--amber-bg);color:var(--amber-tx);font-size:11px;line-height:1.5;padding:10px;border-radius:9px}.metric-set-preview>.btn{display:block;margin-left:auto;font-size:12px}
.hc-modal.metric-set-manager-modal{width:min(1200px,calc(100vw - 32px));max-width:1200px!important}.metric-set-manager-modal .hc-modal-body{padding:0}.metric-set-manager-modal .hc-modal-foot{background:var(--bg1)}.metric-set-manager-modal .hc-modal-note{font-size:11px;max-width:50%}
.metric-set-manager-tools{display:flex;justify-content:flex-end;gap:12px;padding:8px 16px;border-block:1px solid var(--bd1)}
.metric-set-manager{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:480px}.metric-set-manager nav{padding:16px 10px;background:var(--bg2);border-right:1px solid var(--bd1)}
.metric-set-manager section{min-width:0;padding:22px}.metric-set-manager h3{font-size:21px;margin:0 0 4px}.metric-set-manager header small{font-size:12px;color:var(--tx3)}.metric-set-manager header>.btn-row{margin-left:auto;flex-wrap:wrap}.metric-set-manager header>.btn-row button{font-size:12px}.metric-set-manager .is-danger{color:var(--red-tx)}
.metric-set-meta{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.metric-set-meta span{font-size:11px;padding:6px 9px;border-radius:99px;background:var(--bg3);color:var(--tx2)}
.metric-set-table-scroll{overflow:auto;border:1px solid var(--bd1);border-radius:14px}.metric-set-table-scroll table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}.metric-set-table-scroll th{text-transform:none;letter-spacing:0;background:var(--blue-bg);color:var(--blue-tx);border-bottom:2px solid var(--blue);font-size:12px;padding:12px}.metric-set-table-scroll td{font-size:12px;border-bottom:1px solid var(--bd1);padding:11px 12px}.metric-set-table-scroll tr:last-child td{border-bottom:0}.metric-set-fixed td{background:var(--bg2);color:var(--tx3)}.metric-set-fixed svg{width:14px;height:14px}
.metric-set-standard{font-size:10px;padding:3px 7px;border-radius:99px;white-space:nowrap}.metric-set-standard.is-green{background:var(--green-bg);color:var(--green-tx)}.metric-set-standard.is-amber{background:var(--amber-bg);color:var(--amber-tx)}.metric-set-standard.is-red{background:var(--red-bg);color:var(--red-tx)}
.metric-set-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;background:var(--bg2);padding:20px}.metric-set-card{border:1px solid var(--bd1);border-radius:14px;background:var(--bg1);overflow:hidden}.metric-set-card header{padding:12px;border-bottom:1px solid var(--bd1);align-items:flex-start}.metric-set-card header>div{flex:1}.metric-set-card header strong{font-size:12px}.metric-set-card header small{display:block;color:var(--tx3);font-size:10px}.metric-set-card ol{padding:0 14px}.metric-set-card footer{display:flex;align-items:center;justify-content:space-between;padding:8px;border-top:1px solid var(--bd1)}.metric-set-card footer small{font-size:10px;color:var(--tx3)}.metric-set-card footer button{white-space:nowrap;font-size:11px}
.metric-set-new{border:1px dashed var(--bd2);border-radius:14px;background:var(--bg1);color:var(--blue-tx);padding:30px 16px;min-height:220px;font:inherit;cursor:pointer}.metric-set-new small{display:block;font-size:11px;color:var(--tx3);margin-top:10px}
.hc-modal.metric-set-editor-modal{width:min(960px,calc(100vw - 32px));max-width:960px!important}.metric-set-editor{display:grid;grid-template-columns:1fr 1fr;gap:20px}.metric-set-editor>section{max-height:45vh;overflow:auto}.metric-set-editor h4{font-size:13px}.metric-set-editor .table-search{width:auto;min-width:0;margin-bottom:12px}.metric-set-editor li>span{flex:1}.metric-set-editor li button{border:1px solid var(--bd1);border-radius:6px;background:var(--bg1);color:var(--tx2);padding:4px 8px;cursor:pointer}.metric-set-editor [data-set-edit-options] label{display:flex;align-items:center;gap:8px;padding:8px;border-radius:7px;font-size:12px;cursor:pointer}.metric-set-editor [data-set-edit-options] label:hover{background:var(--blue-bg)}.metric-set-editor [data-set-edit-options] label[hidden]{display:none}
@media(max-width:800px){.metric-set-toolbar{margin-inline:-18px;padding:14px 18px;flex-wrap:wrap;gap:8px}.metric-set-toolbar>div{flex-basis:100%}.metric-set-toolbar>p{flex-basis:60%;margin:0}.metric-set-picker:popover-open{grid-template-columns:1fr}.metric-set-preview{display:none}.metric-set-manager{grid-template-columns:1fr}.metric-set-manager nav{max-height:180px;overflow:auto;border-right:0;border-bottom:1px solid var(--bd1)}.metric-set-manager section{padding:14px}.metric-set-manager section>header{flex-wrap:wrap}.metric-set-manager h3{font-size:18px}.metric-set-manager-modal .hc-modal-foot{flex-wrap:wrap}.metric-set-manager-modal .hc-modal-note{max-width:none;width:100%}.metric-set-grid{grid-template-columns:1fr}.metric-set-editor{grid-template-columns:1fr}.metric-set-editor>section{max-height:28vh}.report-metric-columns-modal .hc-modal-foot{flex-wrap:wrap}}
.report-flows-page{max-width:1200px;margin-inline:auto}
.report-flows-page>.demo-notice.status-line{padding:9px 12px 9px 16px;font-size:13px}
.report-flows-page>.demo-notice.status-line .btn{min-height:32px}
.report-flows-page>.page-header{margin-bottom:22px}
.report-flows-page .page-title{font-size:32px;margin-bottom:3px}
.report-flows-page .page-sub{font-size:13px}
.report-flows-page .page-actions .btn{min-height:38px;padding:8px 16px}
.report-flow-list{border:1px solid var(--bd1);border-radius:14px;background:var(--bg1)}
.report-flow-list-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:13px 16px;border-bottom:1px solid var(--bd1)}
.report-flow-list-toolbar>.table-search{flex:0 1 224px;width:224px;margin:0;min-height:38px;height:38px}
.report-flow-list-toolbar>.table-search input{width:100%;min-width:0}
.report-flow-list-toolbar>.btn{margin-left:auto}
.report-flow-list-scroll{overflow-x:auto}
.report-flow-list table{width:100%;min-width:825px;border-collapse:collapse;text-align:left;table-layout:auto}
.report-flow-list th,.report-flow-list td{padding:13px 14px;text-align:left;vertical-align:middle;white-space:nowrap;font-size:13px}
.report-flow-list th{position:relative;z-index:auto;padding-block:10px;font-size:12px;text-transform:none;letter-spacing:0;color:var(--tx2);background:var(--bg1);border-bottom:1px solid var(--bd1)}
.report-flow-list th .flow-list-sort{border:0;background:none;color:inherit;font:inherit;padding:0;cursor:pointer}
.report-flow-list th[aria-sort=ascending] button::after{content:" ↑"}
.report-flow-list th[aria-sort=descending] button::after{content:" ↓"}
.report-flow-list .col-resize{position:absolute;right:0;top:0;bottom:0;width:7px;cursor:col-resize}
.report-flow-list .col-resize:hover{background:var(--blue-bg)}
.report-flow-list tbody tr:hover td{background:inherit}
.report-flow-list .ui-switch input[type=checkbox]{width:32px;height:18px;min-width:32px;overflow:visible}
.report-flow-list .ui-switch input[type=checkbox]:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.report-flow-list td{border-bottom:1px solid var(--bd1)}
.report-flow-list .flow-col-name{width:29%;white-space:normal}
.report-flow-list .flow-col-enabled{width:14%}
.report-flow-list .flow-col-schedule{width:16%}
.report-flow-list .flow-col-channels{width:17%}
.report-flow-list tbody>tr:nth-child(even){background:var(--bg2)}
.report-flow-list tbody>tr[hidden]{display:none}
.report-flow-list small{display:block;margin:3px 0 0;color:var(--tx3);font-size:11px;line-height:1.35}
.report-flow-list-actions,.report-flow-list-channels{display:flex;align-items:center;gap:6px}
.report-flow-list-chip{display:inline-block;padding:3px 7px;border-radius:99px;color:var(--blue-tx);background:var(--blue-bg);font-size:10px;font-weight:700;white-space:nowrap}
.report-flow-list tr.is-disabled .report-flow-list-chip{background:var(--bg3);color:var(--tx3)}
.report-flow-list tr.is-disabled .ui-switch{color:var(--tx3)}
.report-flow-actions-popover{position:fixed;inset:auto;width:177px;min-width:0;margin:0}
.report-flow-list-note{margin:0;padding:13px 16px;color:var(--tx3);font-size:11px}
@media(min-width:601px){
  .report-flow-list table{border-collapse:separate;border-spacing:0}
  .report-flow-list td.report-pinned-cell{position:sticky;z-index:1;background:inherit}
  .report-flow-list th.report-pinned-cell{position:sticky;z-index:2}
  .report-flow-list tbody>tr{background:var(--bg1)}
}
@media(max-width:600px){.report-flow-list-toolbar{gap:8px;padding:10px}.report-flow-list-toolbar>.table-search{flex:1 1 100%;width:100%}.report-flow-list-toolbar>.btn{margin-left:auto}}

/* Conversion settings and notification cards */
.report-flows-page .page-actions{align-self:flex-end;gap:12px;flex-wrap:wrap}
.conversion-flow-button{display:inline-flex;align-items:center;gap:9px;color:var(--tx1);background:var(--bg1);white-space:nowrap}
.conversion-flow-button>span{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:99px;background:var(--bg3);color:var(--tx3);font-size:10px}
.conversion-flow-button>span.is-on{background:var(--green-bg);color:var(--green-tx)}
.conversion-flow-button i{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}
.report-flow-list-empty{display:grid;place-items:center;min-height:282px;text-align:center;padding:28px}
.report-flow-list-empty div>span{display:inline-grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--blue-bg);color:var(--blue-tx);margin-bottom:12px}
.report-flow-list-empty h3{margin:0;font-size:14px}
.report-flow-list-empty p{margin:8px 0 16px;color:var(--tx3);font-size:12px}
.report-flow-list td{padding-block:11px}
.report-flow-list .flow-col-channels{width:auto}
.report-flow-list :is(th,td).flow-col-actions{text-align:right}
.report-flow-list-actions{justify-content:flex-end}
.report-flow-list-actions>.btn{min-height:28px;padding:4px 8px;border-radius:7px}
.report-flow-list .report-flow-list-chip{display:inline-flex;align-items:center;gap:5px;background:var(--bg1);border:1px solid var(--bd1);color:var(--tx2);font-weight:600}
.report-flow-list-chip svg,.report-flow-list-chip i{width:15px;height:15px;color:var(--blue-tx)}
.report-flow-list-chip i{display:grid;place-items:center;background:#1e9cce;color:white;border-radius:50%;font-style:normal;font-size:10px}
.report-flow-actions-popover button{min-height:32px;padding:6px 10px;font-size:12px;font-weight:500}
.report-flow-actions-popover button.is-danger{color:var(--red-tx)}
.report-flow-list-note{padding-block:14px 27px}

.hc-modal.conversion-flow-modal{width:min(800px,calc(100vw - 24px));max-width:800px!important;max-height:calc(100dvh - 48px);background:var(--bg2)}
.conversion-flow-modal .hc-modal-icon{display:none}
.conversion-flow-modal .hc-modal-head{padding:18px 23px 8px;border:0}
.conversion-flow-modal .hc-modal-heading h3{font-size:21px}
.conversion-flow-modal .hc-modal-body{padding:11px 23px 14px;max-height:none}
.conversion-flow-modal .hc-modal-foot{padding:12px 23px;background:var(--bg1)}
.conversion-flow-modal .hc-modal-note{margin-right:auto;color:var(--tx3);font-size:11px}
.conversion-setting-card{background:var(--bg1);border:1px solid var(--bd1);border-radius:15px;overflow:hidden}
.conversion-setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 19px;border-bottom:1px solid var(--bd1)}
.conversion-setting-row:last-child{border-bottom:0}
.conversion-setting-row h4{font-size:13px;margin:0 0 4px}
.conversion-setting-row p{font-size:11px;line-height:1.5;color:var(--tx3);margin:0}
.conversion-setting-control{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}
.conversion-setting-row:has(.conversion-phone-setup:not([hidden])) .conversion-setting-control{flex-direction:column;align-items:flex-end;gap:4px}
.conversion-event-section{display:grid;grid-template-columns:minmax(170px,.75fr) minmax(0,1.05fr);align-items:start}
.conversion-event-section .conversion-setting-control{display:block}
.conversion-event-list{padding:3px;border:1px solid var(--bd1);border-radius:11px}
.conversion-event-option{display:flex;align-items:flex-start;gap:9px;padding:6px 9px;border:1px solid transparent;border-radius:8px;cursor:pointer}
.conversion-event-option:has(input:checked){border-color:color-mix(in srgb,var(--blue-tx) 22%,var(--bd1));background:var(--blue-bg)}
.conversion-event-option+.conversion-event-option{margin-top:2px}
.conversion-event-option input{margin:2px 0 0}
.conversion-event-option strong,.conversion-event-option small{display:block;font-size:12px}
.conversion-event-option small{font-size:11px;color:var(--tx3);margin-top:2px}
.conversion-source{display:inline-block;padding:2px 5px;margin-left:4px;border-radius:5px;background:var(--blue-bg);color:var(--blue-tx);font:700 9px/1.3 var(--font-sans,sans-serif);white-space:nowrap}
.conversion-source[data-source=Web],.conversion-source[data-source=CRM]{background:var(--green-bg);color:var(--green-tx)}
.conversion-channel-options,.conversion-group-options{display:flex;align-items:center;gap:5px}
.conversion-channel-options label,.conversion-group-options label{position:relative;cursor:pointer}
.conversion-channel-options input,.conversion-group-options input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.conversion-channel-options span,.conversion-group-options span{display:block;white-space:nowrap;font-size:11px;padding:6px 8px;border-radius:8px}
.conversion-channel-options span{border:1px solid var(--bd1);border-radius:99px}
.conversion-channel-options input:checked+span{border-color:var(--blue-tx);background:var(--blue-bg);color:var(--blue-tx);font-weight:700}
.conversion-channel-options input:focus-visible+span,.conversion-group-options input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.conversion-group-options{gap:1px;background:var(--bg3);border-radius:10px;padding:3px}
.conversion-group-options input:checked+span{background:var(--bg1);color:var(--tx1);font-weight:700}
.conversion-phone-setup{text-align:right}
.conversion-phone-setup small{display:block;max-width:220px;font-size:10px;color:var(--tx3)}
.conversion-minimum,.conversion-quiet-times{display:flex;align-items:center;gap:4px;white-space:nowrap;border:1px solid var(--bd1);padding:5px 7px;border-radius:8px;font-size:11px;color:var(--tx3)}
.conversion-minimum input,.conversion-quiet-times input{padding:0;border:0;min-height:22px;background:none;color:var(--tx1);font:700 12px var(--font-sans,sans-serif)}
.conversion-minimum input{width:82px;text-align:right}
.conversion-quiet-times input{width:86px}
.conversion-quiet-times.is-off{opacity:.62}
.conversion-flow-modal .ui-switch input[type=checkbox]{width:36px;height:20px;min-width:36px;overflow:visible}
.conversion-flow-modal .ui-switch input::before{width:14px;height:14px}
.conversion-flow-modal .ui-switch input:checked::before{transform:translateX(16px)}
.conversion-flow-modal .report-flow-trigger{min-height:31px;padding:4px 9px}
.conversion-flow-modal .report-flow-sound-menu{width:300px}
.conversion-notice-bell{position:fixed;z-index:45;right:23px;top:19px;display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--bd1);border-radius:11px;background:var(--bg1);color:var(--tx2);cursor:pointer}
.conversion-notice-bell>span{position:absolute;right:-5px;top:-5px;padding:1px 4px;min-width:16px;border-radius:99px;background:#aa4632;color:white;font-size:10px;font-weight:700}
#conversion-popup-host{position:fixed;right:23px;bottom:70px;width:min(410px,calc(100vw - 26px));z-index:80;display:grid;gap:10px;pointer-events:none}
.conversion-popup{position:relative;display:flex;align-items:flex-start;gap:11px;padding:14px 14px 23px;background:var(--bg1);color:var(--tx1);border:1px solid var(--bd1);border-radius:16px;box-shadow:0 10px 30px #1b203124;pointer-events:auto}
.conversion-popup.is-compact{align-items:center;padding:10px 12px}
.conversion-popup-content{flex:1;min-width:0}
.conversion-popup-icon{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:10px;background:var(--blue-bg);color:var(--blue-tx);font-size:12px;font-weight:700}
.conversion-popup-icon[data-source=Web],.conversion-popup-icon[data-source=CRM]{background:var(--green-bg);color:var(--green-tx)}
.is-compact .conversion-popup-icon{width:30px;height:30px}
.conversion-popup-title{display:flex;align-items:center;gap:3px;flex-wrap:wrap;font-size:13px}
.conversion-popup-amount{display:block;font-size:17px;margin:2px 0}
.conversion-popup p{margin:2px 0 0;line-height:1.4;color:var(--tx3);font-size:12px;overflow-wrap:anywhere}
.conversion-popup-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.conversion-popup .btn-link{padding:0;min-height:22px;white-space:nowrap;font-size:11px;font-weight:700;cursor:pointer}
.conversion-popup [data-conversion-type]{color:var(--tx3)}
.conversion-popup-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;color:var(--tx3);font-size:11px;white-space:nowrap}
.conversion-popup-timer{position:absolute;inset:auto 13px 8px;height:3px;background:var(--bg3);border-radius:8px}
.conversion-popup-timer::before{content:"";display:block;width:100%;height:100%;background:var(--blue-tx);border-radius:inherit;transform-origin:left;animation:conversion-popup-expire 11s linear forwards}
.conversion-popup:is(:hover,:focus-within) .conversion-popup-timer::before{animation-play-state:paused}
@keyframes conversion-popup-expire{to{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce){.conversion-popup-timer::before{animation:none}}
@media(max-width:680px){
  .conversion-setting-row{padding:10px;gap:8px;flex-wrap:wrap}
  .conversion-event-section{grid-template-columns:1fr}
  .conversion-flow-modal .hc-modal-head,.conversion-flow-modal .hc-modal-body,.conversion-flow-modal .hc-modal-foot{padding-inline:12px}
  .conversion-flow-modal .hc-modal-note{flex:1 1 100%}
  .hc-modal.conversion-flow-modal{max-height:calc(100dvh - 18px)}
  .conversion-setting-row:has(.conversion-channel-options,.conversion-group-options) .conversion-setting-control{max-width:100%;flex-wrap:wrap}
  .conversion-notice-bell{right:12px;top:9px;width:34px;height:34px}
  #conversion-popup-host{right:13px;bottom:69px}
}

/* Scheduled report previews and notification bell */
.report-flow-list .flow-col-name{width:29%}
.report-flow-list .flow-col-enabled{width:14%}
.report-flow-list .flow-col-schedule{width:17%}
.report-flow-list .flow-col-metrics{width:9%}
.report-flow-list .flow-col-channels{width:20%}
.report-flow-list .flow-col-actions{width:11%}
.report-flow-list .report-flow-list-chip{font-size:12px;font-weight:500}
.report-flow-list tr.is-disabled .report-flow-list-chip{background:var(--bg1);color:var(--tx2)}
.report-flow-list .flow-col-name strong{font-weight:600}
.report-flow-list tr.report-flow-system{background:color-mix(in srgb,var(--blue-bg) 36%,var(--bg1))}
.report-flow-list tr.report-flow-system.is-disabled{background:var(--bg2)}
.report-flow-system td:first-child{box-shadow:inset 3px 0 var(--blue)}
.report-flow-system.is-disabled td:first-child{box-shadow:inset 3px 0 var(--bd2)}
.report-flow-instant{display:inline-block;border-radius:5px;padding:2px 5px;background:var(--blue-bg);color:var(--blue-tx);font-size:9px;vertical-align:1px}
.report-flow-empty-inline{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:26px 10px;color:var(--tx3)}
.report-flow-list small{font-size:11px}
.report-flow-list [data-flow-list-no-results]{text-align:center;padding:28px;margin:0;color:var(--tx3)}
.report-flow-list .report-flow-list-note{border-top:1px solid var(--bd1)}
.report-flow-list tbody tr:last-child td{border-bottom:0}
.report-flow-list-actions>button[popovertarget]:is(:hover,:focus-visible),.report-flow-list-actions>button[popovertarget]:has(+ :popover-open){border-color:var(--blue);color:var(--blue-tx)}
.report-flow-list .report-flow-preview-link{font-size:12px;white-space:nowrap}
@media(max-width:768px){.report-flows-page>.page-header{align-items:flex-start;flex-direction:column}.report-flows-page .page-actions{align-self:stretch}.report-flows-page .page-title{font-size:27px}}

.notification-bell-panel{position:fixed;inset:69px 24px auto auto;margin:0;width:min(390px,calc(100vw - 28px));max-height:min(580px,calc(100dvh - 85px));border:1px solid var(--bd1);border-radius:16px;padding:0;background:var(--bg1);color:var(--tx1);box-shadow:0 20px 44px #1b203131;overflow:hidden}
.notification-bell-panel:popover-open{display:flex;flex-direction:column}
.notification-bell-panel>header,.preview-bell>header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 15px 7px}
.notification-bell-panel>header strong,.preview-bell>header strong{font-size:17px}
.notification-bell-panel .btn-link,.preview-bell>header span{font-size:11px;font-weight:700;cursor:pointer}
.preview-bell>header span{color:var(--blue-tx);cursor:default}
.notification-bell-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:0 12px 8px;border-bottom:1px solid var(--bd1)}
.notification-bell-tabs :is(button,span,b){border:0;background:none;border-radius:7px;color:var(--tx3);font:inherit;font-size:12px;padding:5px 8px;white-space:nowrap}
.notification-bell-tabs button{cursor:pointer}
.notification-bell-tabs :is(b,[aria-pressed=true]){color:var(--blue-tx);background:var(--blue-bg);font-weight:700}
.notification-bell-tabs small{display:inline-block;margin-left:3px;border-radius:10px;background:var(--blue-bg);padding:0 5px;color:var(--blue-tx);font-size:10px}
.notification-bell-content{overflow:auto;min-height:0}
.notification-bell-content>.subtle{padding:12px 16px}
.notification-bell-day{font-size:10px;text-transform:uppercase;color:var(--tx3);padding:8px 15px 2px}
.notice-card-row{display:flex;align-items:flex-start;gap:10px;padding:10px 15px}
.notice-card-row>article{flex:1;min-width:0}
.notice-card-row>time{white-space:nowrap;color:var(--tx3);font-size:10px;padding-top:2px}
.notice-card-row>time i{display:inline-block;width:6px;height:6px;background:var(--blue-tx);border-radius:50%;margin-left:4px}
.notice-card-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--blue-bg);color:var(--blue-tx);flex:none}
.notice-card-icon[data-source=Web],.notice-card-icon[data-source=CRM]{background:var(--green-bg);color:var(--green-tx)}
.notice-card-heading{display:flex;align-items:center;flex-wrap:wrap;gap:3px;font-size:12px}
.notice-card-sub,.notice-plain-report{color:var(--tx3);font-size:11px;line-height:1.45;margin:2px 0 0;overflow-wrap:anywhere}
.notice-plain-report{white-space:pre-line;font-size:13px}
.notice-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:6px}
.notice-card-actions>span{font-size:11px;font-weight:650;color:var(--blue-tx)}
.notice-card-actions :is(button,span):nth-child(2){color:var(--tx3)}
.notice-card-actions button{padding:1px 0;min-height:24px}
.notification-bell-panel>footer{padding:5px 13px;display:flex;justify-content:space-between;background:var(--bg2)}
.notice-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}
.notice-metric{min-width:0;background:var(--bg1);border:1px solid var(--bd1);border-radius:8px;padding:7px 9px;font-size:12px}
.notice-metric>span{display:block;color:var(--tx3);font-size:11px;margin-bottom:3px}
.notice-metric>strong{font-size:13px;overflow-wrap:anywhere}
.notice-metric>small{margin-left:5px;color:var(--tx3);font-size:9px;white-space:nowrap;font-weight:700}
.notice-metric>small.is-up{color:var(--green-tx)}
.notice-metric>small.is-down{color:var(--red-tx)}
#conversion-popup-host.has-scheduled-popup{right:auto;left:23px;bottom:24px}
.scheduled-notice-popup .notice-card-actions button{min-height:22px}

.hc-modal.report-preview-modal{width:min(1066px,calc(100vw - 32px));max-width:1066px!important;max-height:calc(100dvh - 44px)}
.report-preview-modal .hc-modal-icon{display:none}
.report-preview-modal .hc-modal-head{border:0;padding:22px 27px 8px}
.report-preview-modal .hc-modal-heading h3{font-size:23px}
.report-preview-modal .hc-modal-body{max-height:none;padding:8px 27px 0}
.report-preview-modal .hc-modal-foot{border:0;padding:14px 27px 18px}
.report-preview-modal .hc-modal-note{margin-right:auto}
.report-preview-modal .hc-modal-note .btn-link{padding-inline:2px;font-size:inherit;min-height:24px}
.report-preview-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:13px;color:var(--tx3);font-size:12px}
.report-preview-tools .segmented{gap:2px;flex-wrap:wrap}
.report-preview-tools .segmented button{font-size:13px;padding:8px 12px}
.report-preview-tools .segmented [aria-selected=true]{background:var(--bg1);color:var(--tx1);font-weight:700}
.report-preview-stage{position:relative;display:grid;place-items:center;isolation:isolate;min-height:500px;min-height:clamp(390px,62dvh,600px);background:var(--bg3);border-radius:16px;padding:34px 20px 18px;overflow:hidden}
.report-preview-stage-caption{position:absolute;top:13px;left:17px;background:var(--bg1);color:var(--tx3);border:1px solid var(--bd1);padding:3px 9px;border-radius:20px;font-size:11px;z-index:2}
.preview-bell{align-self:start;width:min(470px,100%);border:1px solid var(--bd1);border-radius:18px;background:var(--bg1);box-shadow:0 15px 35px #1b20312e;padding-bottom:10px}
.preview-bell .notice-card-row{padding-bottom:14px}
.preview-bell .notice-metric,.preview-report-popup .notice-metric{padding:10px}
.preview-bell .notice-metric strong,.preview-report-popup .notice-metric strong{font-size:14px}
.preview-bell .notice-card-heading,.preview-report-popup .notice-card-heading{font-size:13px}
.preview-dashboard{position:absolute;inset:18px;display:grid;grid-template-rows:37px 1fr 3.3fr;gap:14px;z-index:-1}
.preview-dashboard>i:first-child{width:55%}
.preview-dashboard i{background:var(--bg1);border:1px solid var(--bd1);border-radius:12px}
.preview-dashboard>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.preview-report-popup{justify-self:start;align-self:end;width:min(450px,100%);padding:5px 0 10px;border:1px solid var(--bd1);border-radius:17px;background:var(--bg1);box-shadow:0 15px 35px #1b203128}
.preview-popup-progress{height:3px;margin:0 13px;border-radius:4px;background:linear-gradient(to right,var(--blue) 64%,var(--bg3) 64%)}
.report-preview-phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;width:min(800px,100%)}
.report-preview-phones figure{margin:0;min-width:0}
.report-preview-phones figcaption{text-align:center;color:var(--tx3);font-size:11px;font-weight:700;margin-top:6px}
.report-preview-phone{height:clamp(330px,55dvh,530px);display:flex;flex-direction:column;border:5px solid #161621;border-radius:32px;overflow:hidden;box-shadow:0 14px 30px #1b20313b}
.report-preview-phone.is-chat{background:var(--bg2)}
.preview-chat-head{display:flex;align-items:center;gap:8px;background:var(--bg1);padding:16px 10px 8px;font-size:11px}
.preview-chat-head img,.preview-lock-card img{width:24px;height:24px;border-radius:7px}
.preview-chat-head small,.preview-lock-card small{display:block;font-size:9px;color:var(--tx3)}
.preview-chat-body{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;justify-content:safe flex-end;gap:5px;padding:8px 12px;font-size:9px;color:var(--tx3)}
.preview-chat-body>small{text-align:center}
.preview-chat-body>article{background:var(--bg1);border:1px solid var(--bd1);border-radius:10px;padding:7px;color:var(--tx1)}
.preview-chat-body .notice-metric{padding:4px}
.preview-chat-body .notice-metric>span,.preview-chat-body .notice-card-sub{font-size:9px}
.preview-chat-body .notice-metric>strong,.preview-chat-body .notice-card-actions span{font-size:10px}
.preview-chat-body .notice-metric>small{font-size:8px;margin-left:3px}
.preview-chat-compose{display:flex;align-items:center;justify-content:space-between;gap:4px;background:var(--bg1);padding:8px;font-size:9px;color:var(--tx3)}
.preview-chat-compose span{background:var(--bg2);border-radius:20px;padding:5px;flex:1}
.preview-chat-compose b{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;background:var(--blue);color:white}
.report-preview-phone.is-ios{background:linear-gradient(155deg,#252642,#191b2a 63%,#352b42);color:white}
.report-preview-phone.is-android{background:linear-gradient(155deg,#1b2a3b,#19232e 63%,#273142);color:white}
.preview-lock-clock{padding:30px 12px 25px;line-height:1.1;text-align:center}
.preview-lock-clock small{display:block;font-size:11px;color:#e1e4ef;margin-bottom:6px}
.preview-lock-clock span{font-size:clamp(32px,4vw,52px);font-weight:350;letter-spacing:-.04em}
.is-android .preview-lock-clock{text-align:left;padding-left:18px}
.preview-lock-card{display:flex;gap:6px;background:#e9edf4;color:#1d222c;border-radius:12px;padding:9px;margin:9px;font-size:10px}
.preview-lock-card p{font-size:9px;margin:2px 0 0;line-height:1.35;overflow-wrap:anywhere}
.preview-lock-card small{color:#535963;margin-bottom:3px}
.preview-lock-card footer{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}
.preview-lock-card footer span{background:#dce1eb;border-radius:10px;padding:3px 5px;font-size:8px}
.is-ios .preview-lock-card{background:#dbdce5}
.preview-telegram{width:min(556px,100%);height:clamp(300px,calc(62dvh - 62px),534px);border:1px solid var(--bd1);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 15px 35px #1b203125}
.preview-telegram>header{padding:10px 15px;background:var(--bg1);display:flex;gap:11px;align-items:center;font-size:14px;line-height:1.35}
.preview-telegram>header img{width:38px;height:38px;border-radius:50%}
.preview-telegram>header small{display:block;font-size:12px;color:var(--tx3)}
.preview-telegram-chat{background:#dfe6ee;padding:17px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:0}
html[data-theme=dark] .preview-telegram-chat{background:#263445}
.preview-telegram article{max-width:100%;width:fit-content;min-height:0;overflow:auto;background:var(--bg1);border-radius:16px 16px 16px 4px;padding:12px 13px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.preview-telegram-filters{margin:0;color:var(--tx3)}
.preview-telegram-message{list-style:none;margin:21px 0 0;padding:0}
.preview-telegram-message span{color:var(--tx3)}
.preview-telegram-message .is-up{color:var(--green-tx);font-weight:700}
.preview-telegram-message .is-down{color:var(--red-tx);font-weight:700}
.preview-telegram article time{display:block;text-align:right;color:var(--tx3);font-size:11px;margin-top:3px}
.preview-telegram .notice-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:min(426px,100%);flex:none}
.preview-telegram .notice-card-actions>span{background:var(--bg2);padding:9px 7px;border-radius:9px;color:color-mix(in srgb,var(--tx1) 50%,#37729b);text-align:center;font-size:12px}
@media(max-width:650px){
  .notification-bell-panel{top:53px;right:12px}
  #conversion-popup-host.has-scheduled-popup{left:13px;bottom:64px}
  .report-preview-modal .hc-modal-head,.report-preview-modal .hc-modal-body,.report-preview-modal .hc-modal-foot{padding-inline:13px}
  .report-preview-modal .hc-modal-heading h3{font-size:18px}
  .report-preview-modal .hc-modal-foot{flex-wrap:wrap;gap:7px;padding-block:9px}
  .report-preview-modal .hc-modal-note{display:block;flex:1 1 100%;min-width:0}
  .report-preview-tools .segmented button{font-size:11px;padding:6px}
  .report-preview-stage{padding-inline:9px}
  .report-preview-phones{overflow-x:auto;grid-template-columns:repeat(3,175px);padding:0 4px 8px;gap:10px}
  .report-preview-phone{border-radius:24px}
  .preview-bell .notice-card-row{gap:6px;padding-inline:8px}
  .preview-telegram-chat{padding:10px}
  .preview-telegram article{font-size:13px}
}

/* Workspace notification archive. Read receipts do not remove historical snapshots. */
.notification-history-layout{display:grid;grid-template-columns:minmax(0,1fr) 266px;gap:22px;align-items:start}
.notification-history-panel,.notification-history-sidebar>section{background:var(--bg1);border:1px solid var(--bd1);border-radius:16px;overflow:hidden}
.notification-history-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 18px;border-bottom:1px solid var(--bd1)}
.notification-history-tabs{display:flex;flex-wrap:wrap;background:var(--bg3);padding:4px;gap:3px;border-radius:10px}
.notification-history-tabs button{border:0;border-radius:7px;background:transparent;padding:7px 10px;color:var(--tx2);font-size:12px;cursor:pointer;white-space:nowrap}
.notification-history-tabs button[aria-pressed=true]{background:var(--bg1);color:var(--tx1);font-weight:700;box-shadow:0 1px 3px #221c4912}
.notification-history-tabs small{display:inline-block;margin-left:4px;padding:0 5px;border-radius:6px;background:var(--purple-bg);color:var(--purple-tx);font-size:10px}
.notification-history-toolbar>.btn-link{font-size:11px;white-space:nowrap}
.notification-history-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 18px;border-bottom:1px solid var(--bd1)}
.notification-history-filters .table-search{flex:1;min-width:160px;max-width:260px}
.notification-history-filters .table-search input{width:100%;min-width:0}
.notification-history-select{display:flex;align-items:center;gap:4px;border:1px solid var(--bd1);border-radius:9px;padding:0 10px;font-size:12px;color:var(--tx2);height:36px;max-width:230px;background:var(--bg1)}
.notification-history-select select{min-width:0;max-width:170px;border:0;background:transparent;color:var(--tx1);padding:5px 0;font:inherit;cursor:pointer}
.notification-history-days{max-width:150px;border:1px solid var(--bd1);border-radius:9px;height:36px;padding:0 10px;background:var(--bg1);font-size:12px;color:var(--tx2);cursor:pointer}
.notification-history-filters .ui-switch{font-size:12px;white-space:nowrap;color:var(--tx2)}
.notification-history-day{font-size:10px;color:var(--tx2);font-weight:650;text-transform:uppercase;padding:13px 18px 6px;margin:0;border-bottom:1px solid var(--bd1)}
.notification-history-row{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 18px 14px 20px;border-bottom:1px solid var(--bd1);cursor:default}
.notification-history-row.is-unread{background:color-mix(in srgb,var(--purple-bg) 24%,var(--bg1))}
.notification-history-marker{position:absolute;left:7px;top:24px;display:grid;place-items:center;width:7px;height:9px}
.notification-history-marker button{width:7px;height:7px;border-radius:50%;padding:0;background:var(--purple);border:0;cursor:pointer}
.notification-history-copy{min-width:0;flex:1}
.notification-history-heading{display:flex;align-items:center;gap:7px;flex-wrap:wrap;line-height:1.45}
.notification-history-heading>strong{font-size:13px;overflow-wrap:anywhere}
.notification-history-heading>time{margin-left:auto;font-size:11px;color:var(--tx3);font-variant-numeric:tabular-nums}
.notification-history-row .notice-card-sub{margin-top:2px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-line}
.notification-history-row .notice-card-icon{flex:0 0 36px;width:36px;height:36px}
.notification-history-row .notice-card-icon[data-source="Thanh toán"]{color:#9b7429;background:#fff4da}
.notification-history-row .conversion-source[data-source="Thanh toán"]{color:#85641e;background:#fff4da}
.notification-history-row .notice-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:10px 0 9px}
.notification-history-row .notice-metric{padding:10px 11px;min-width:0}
.notification-history-row .notice-metric>span{font-size:10px}
.notification-history-row .notice-metric>strong{font-size:15px;overflow-wrap:anywhere}
.notification-history-row .notice-metric>small{font-size:10px}
.notification-history-metrics{display:flex;flex-wrap:wrap;gap:6px 12px;margin:8px 0;color:var(--tx2);font-size:11px}
.notification-history-metrics strong{color:var(--tx1)}
.notification-history-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:9px 0 0}
.notification-history-actions .btn-link,.notification-history-row>.btn-link,.notification-history-copy>.btn-link{font-size:11px}
.notification-history-actions .btn-link:not(:first-child){color:var(--tx2)}
.notification-history-actions>small{font-size:10px;color:var(--tx3)}
.notification-history-collapse{margin-top:8px;color:var(--tx2)}
.notification-history-panel>footer{text-align:center;padding:14px;font-size:12px}
.notification-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:305px;padding:45px 25px}
.notification-history-empty>span{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--purple-bg);color:var(--purple);margin-bottom:14px}
.notification-history-empty>span svg{width:20px;height:20px}
.notification-history-empty h3{font-size:14px;margin:0 0 6px}
.notification-history-empty p{max-width:470px;font-size:12px;color:var(--tx2);line-height:1.65;margin:0 0 18px}
.notification-history-empty>div{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.notification-history-empty .btn{font-size:12px}
.notification-history-sidebar{display:flex;flex-direction:column;gap:16px}
.notification-history-sidebar>section{padding:16px}
.notification-history-sidebar h3{font-size:13px;margin:0}
.notification-history-sidebar .subtle{font-size:11px;line-height:1.6;margin:5px 0 12px}
.notification-history-sidehead{display:flex;align-items:center;justify-content:space-between;gap:12px}
.notification-history-sidehead .btn-link{font-size:11px}
.notification-history-sidebar ul{list-style:none;margin:0;padding:0}
.notification-history-sidebar li{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--bd1)}
.notification-history-sidebar li:last-child{border-bottom:0;padding-bottom:3px}
.notification-history-sidebar li>i{flex:0 0 7px;height:7px;border-radius:50%;background:#299b76}
.notification-history-sidebar li>i[data-kind=conversion]{background:var(--purple)}
.notification-history-sidebar li.is-disabled{opacity:.55}
.notification-history-sidebar li.is-disabled>i{background:var(--tx3)}
.notification-history-sidebar li strong{display:block;font-size:12px;font-weight:650}
.notification-history-sidebar li small{display:block;font-size:10px;color:var(--tx2);line-height:1.5}
.notification-history-chart{height:50px;display:flex;gap:5px;align-items:flex-end;margin-top:12px}
.notification-history-chart>div{flex:1;height:var(--bar-height);min-height:2px;background:#cfc6f4;border-radius:4px 4px 0 0}
.notification-history-chart>div:last-child{background:var(--purple)}
.notification-history-chart>div.is-missing{background:var(--bd1)}
.notification-history-chart-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--tx2);margin-top:6px}
.notification-history-page button:focus-visible,.notification-history-page select:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
@media(min-width:1500px){.notification-history-row .notice-metric>strong{font-size:17px}}
@media(max-width:1180px){.notification-history-layout{grid-template-columns:minmax(0,1fr) 238px;gap:16px}.notification-history-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.notification-history-row .notice-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.notification-history-layout{grid-template-columns:minmax(0,1fr)}.notification-history-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.notification-history-filters{gap:9px}.notification-history-tabs button{padding:7px 8px}}
@media(max-width:500px){.notification-history-toolbar,.notification-history-filters{padding:12px}.notification-history-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap}.notification-history-tabs button{flex:0 0 auto;font-size:11px;padding:7px}.notification-history-filters .table-search{max-width:none;flex-basis:100%}.notification-history-sidebar{display:flex}.notification-history-row{padding:13px 12px 13px 17px;gap:9px}.notification-history-row .notice-card-icon{width:30px;height:30px;flex-basis:30px}.notification-history-heading{gap:5px}.notification-history-heading>strong{font-size:12px;flex-basis:calc(100% - 44px)}.notification-history-heading>time{position:absolute;right:12px;top:15px}.notification-history-row .notice-metric>strong{font-size:14px}.notification-history-row .notice-metric{padding:9px}.notification-history-select{max-width:190px}.notification-history-select select{max-width:130px}.notification-history-actions{gap:8px 12px}.notification-history-empty{padding-inline:18px}}

.notification-history-layout.is-full{grid-template-columns:minmax(0,1fr)}
.notification-history-select select{width:115px}
.notification-history-filters .table-search{max-width:214px}
.notification-history-filters .ui-switch input[type=checkbox]{width:32px;min-width:32px;height:18px;border:0;overflow:visible}
.notification-history-row .notice-card-icon[data-source=Meta],.notification-history-row .conversion-source[data-source=Meta]{background:color-mix(in srgb,#4b8ccf 14%,var(--bg1));color:#3277a9}
@media(max-width:500px){.notification-history-heading{padding-right:44px}.notification-history-heading>strong{flex-basis:100%}.notification-history-tabs{scrollbar-width:none}.notification-history-tabs::-webkit-scrollbar{display:none}.notification-history-filters .table-search{max-width:none}}

/* Payment alert flow editor shares the report sound library. */
.hc-modal.billing-flow-modal{width:min(920px,calc(100vw - 28px));max-width:920px!important;max-height:calc(100dvh - 76px)}
.billing-flow-modal .hc-modal-head{padding:27px 32px 24px;gap:0}
.billing-flow-modal .hc-modal-icon{display:none}
.billing-flow-modal .hc-modal-heading h3{font-size:25px}
.billing-flow-modal .hc-modal-desc{font-size:14px;margin-top:6px}
.billing-flow-modal .hc-modal-body{padding:24px 32px}
.billing-flow-modal .hc-modal-foot{padding:19px 32px}
.billing-flow-modal .flow-section{margin-top:21px;padding-top:21px}
.billing-flow-modal .flow-section-head{margin-bottom:14px}
.billing-flow-modal .flow-section-head h4{font-size:15px}
.billing-flow-modal .flow-section-head small{font-size:12px}
.billing-flow-modal .form-group>label{font-size:13px;font-weight:500;color:var(--tx2)}
.billing-flow-modal .fi:not([type=search]){min-height:46px}
.billing-monitor-banner{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid color-mix(in srgb,var(--green-tx) 25%,var(--bd1));border-radius:15px;background:color-mix(in srgb,var(--green-bg) 55%,var(--bg1))}
.billing-monitor-banner>div{flex:1;min-width:0}
.billing-monitor-banner strong{color:var(--tx1);font-size:15px}
.billing-monitor-banner p{margin:3px 0 0;color:var(--tx2);font-size:13px;line-height:1.5}
.billing-monitor-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;flex:none;background:var(--green-bg);color:var(--green-tx)}
.billing-monitor-icon .ui-icon{width:20px;height:20px;margin:0}
.billing-monitor-banner .ui-switch{gap:9px;white-space:nowrap;color:var(--tx1)}
.billing-monitor-banner .ui-switch input[type=checkbox]{width:36px;min-width:36px;height:20px;overflow:visible}
.billing-monitor-banner .ui-switch input[type=checkbox]::before{width:14px;height:14px}
.billing-monitor-banner .ui-switch input[type=checkbox]:checked::before{transform:translateX(16px)}
@media(max-width:650px){.billing-monitor-banner{flex-wrap:wrap;padding:13px;gap:8px}.billing-monitor-banner>.ui-switch{margin-left:auto}}
.billing-flow-modal .flow-channels{gap:14px}
.billing-flow-modal .report-flow-channel-card .flow-channel{padding:14px}
.billing-flow-modal .flow-channel strong{font-size:15px}
.billing-flow-modal .flow-channel small{font-size:12px}
.billing-flow-modal .report-flow-sound-bar{padding:11px 14px}
.billing-flow-modal .report-flow-sound-bar .fi{min-height:33px}
.billing-flow-modal .field-hint{margin-top:15px;font-size:12px}
.billing-account-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:34px}
.billing-account-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px 6px 13px;border-radius:30px;background:var(--purple-bg);color:var(--purple-tx);font-size:13px}
.billing-account-chip strong{font-weight:650;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.billing-account-chip button{display:grid;place-items:center;flex:none;width:20px;height:20px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.billing-account-chip button svg{width:13px;height:13px}
.billing-account-chip button:hover{background:var(--red-bg);color:var(--red-tx)}
.billing-account-chips .report-flow-add{font-size:13px;padding:7px 13px}
.billing-account-picker:popover-open{display:flex;flex-direction:column;padding:12px 9px 0;overflow:hidden}
.billing-account-picker>.fi{flex:none;width:calc(100% - 8px);min-height:43px;margin:0 4px 8px;background:var(--bg1)}
.billing-account-options{min-height:0;overflow:auto;scrollbar-width:thin}
.billing-account-options>label{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:10px;cursor:pointer}
.billing-account-options>label:hover,.billing-account-options>label:focus-within{background:var(--purple-bg)}
.billing-account-options label>span{flex:1;min-width:0}
.billing-account-options strong,.billing-account-options small{display:block;overflow-wrap:anywhere}
.billing-account-options strong{font-size:14px;font-weight:650}
.billing-account-options small{font-size:12px;color:var(--tx3);margin-top:2px}
.billing-account-status{font-style:normal;font-size:10px;font-weight:700;border-radius:8px;padding:2px 7px;white-space:nowrap}
.billing-account-status.success{background:var(--green-bg);color:var(--green-tx)}
.billing-account-status.danger{background:var(--red-bg);color:var(--red-tx)}
.billing-account-status.muted{background:var(--bg3);color:var(--tx3)}
.billing-account-picker footer{flex:none;display:flex;align-items:center;gap:16px;margin-top:6px;border-top:1px solid var(--bd1);padding:11px 4px;background:var(--bg1);font-size:12px}
.billing-account-picker footer>span{margin-right:auto;color:var(--tx2)}
.billing-account-empty{padding:15px}
.billing-alert-types{border:1px solid var(--bd1);border-radius:15px;overflow:hidden;background:var(--bg1)}
.billing-alert-type{display:flex;gap:14px;align-items:center;padding:18px}
.billing-alert-type:has(input[type=checkbox]:checked){background:color-mix(in srgb,var(--purple-bg) 28%,var(--bg1))}
.billing-alert-type+.billing-alert-type{border-top:1px solid var(--bd1)}
.billing-alert-type>label:first-child{flex:1;min-width:0;display:flex;align-items:center;gap:12px;cursor:pointer}
.billing-alert-type label>span:last-child{min-width:0}
.billing-alert-type strong{display:block;font-size:14px;font-weight:650;line-height:1.6}
.billing-alert-type small{display:block;font-size:12px;color:var(--tx3);line-height:1.65}
.billing-alert-type small b{color:var(--tx1);font-weight:650}
.billing-alert-type code{font-size:10px;background:var(--bg3);color:var(--tx2);padding:1px 4px;border-radius:4px;margin-left:5px;white-space:nowrap}
.billing-alert-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--amber-bg);color:var(--amber-tx)}
.billing-alert-icon svg{width:21px;height:21px}
.billing-alert-icon.is-unsettled{background:var(--red-bg);color:var(--red-tx)}
.billing-threshold{display:flex;align-items:center;gap:11px;white-space:nowrap;color:var(--tx3);font-size:13px}
.billing-threshold>span:last-child{display:flex;align-items:center;border:1px solid var(--bd1);border-radius:11px;overflow:hidden;background:var(--bg1)}
.billing-flow-modal .billing-threshold .fi{width:53px;min-height:43px;border:0;border-radius:0;padding:8px 6px;text-align:center;font-size:15px;font-weight:650;appearance:textfield}
.billing-threshold .fi::-webkit-inner-spin-button{appearance:none}
.billing-threshold b{align-self:stretch;padding:11px 12px;background:var(--bg3);font-weight:500;font-size:13px}
.billing-flow-modal :is(.billing-alert-type,.billing-account-options) input[type=checkbox]{appearance:none;display:grid;place-items:center;flex:none;width:20px;height:20px;margin:0;padding:0;border:1px solid var(--bd2);border-radius:5px;background:var(--bg1);cursor:pointer}
.billing-flow-modal :is(.billing-alert-type,.billing-account-options) input[type=checkbox]:checked{background:var(--purple);border-color:var(--purple)}
.billing-flow-modal :is(.billing-alert-type,.billing-account-options) input[type=checkbox]:checked::after{content:'';width:8px;height:4px;border:solid white;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
.billing-flow-modal [hidden]{display:none!important}
@media(max-width:650px){.billing-flow-modal .hc-modal-head,.billing-flow-modal .hc-modal-body,.billing-flow-modal .hc-modal-foot{padding-inline:17px}.billing-flow-modal .hc-modal-heading h3{font-size:21px}.billing-flow-modal .flow-section-head{align-items:flex-start;gap:10px}.billing-flow-modal .flow-section-head small{font-size:10px;text-align:right;max-width:48%}.billing-alert-type{flex-wrap:wrap;padding:13px;gap:12px}.billing-alert-type>label:first-child{flex-basis:100%;gap:9px}.billing-threshold{margin-left:29px}.billing-flow-modal .flow-channels{grid-template-columns:1fr}.billing-account-chip strong{max-width:190px}.billing-account-status{font-size:9px;padding-inline:5px}.billing-account-options>label{gap:8px}.billing-account-options strong{font-size:13px}.billing-account-options small{font-size:10px}.billing-account-picker footer{gap:11px}.billing-alert-icon{width:32px;height:32px}.billing-alert-type strong{font-size:13px}.billing-alert-type small{font-size:11px}}

.billing-flow-modal .hc-modal-foot{background:var(--bg1)}
.billing-flow-modal .hc-modal-note{display:none}
.billing-account-search-icon{position:absolute;top:25px;left:25px;display:flex;color:var(--tx3);pointer-events:none}
.billing-account-search-icon svg{height:17px;width:17px}
.billing-account-picker>.fi{padding-left:38px}
@media(max-width:650px){.hc-modal.billing-flow-modal{max-height:calc(100dvh - 24px)}}

.billing-flow-modal .hc-modal-foot .report-flow-test-button{margin-left:0;margin-right:auto}

/* Payment alert management and saved-data previews. */
.billing-flow-list{border:1px solid var(--bd1);border-radius:15px;overflow:hidden;background:var(--bg1)}
.billing-flow-list .table-tools{border:0;border-bottom:1px solid var(--bd1);border-radius:0;padding:14px 18px;margin:0;gap:12px}
.billing-flow-list .table-wrap{border:0;border-radius:0;margin:0}
.billing-flow-list table{width:100%;min-width:960px;table-layout:auto}
.billing-flow-list td{padding:18px 14px;white-space:normal;font-size:12px;vertical-align:middle}
.billing-flow-list th{font-size:12px;padding:12px 14px}
.billing-flow-list td:first-child strong{font-weight:650}
.billing-flow-list td small{display:block;color:var(--tx3);font-size:10px;line-height:1.6;margin-top:3px}
.billing-flow-list tbody tr:nth-child(even){background:color-mix(in srgb,var(--bg3) 55%,var(--bg1))}
.billing-flow-list tbody tr:hover{background:var(--purple-bg)}
.billing-flow-list tr:has(.billing-flow-disabled){color:var(--tx3)}
.billing-flow-list .ui-switch{white-space:nowrap;font-size:12px;gap:9px}
.billing-flow-list .ui-switch input[type=checkbox]{width:32px;min-width:32px;height:18px;overflow:visible}
.billing-flow-list td .billing-last-check.is-danger{color:var(--red-tx);font-weight:650}
.billing-flow-types{display:flex;align-items:flex-start;flex-direction:column;gap:5px}
.billing-type{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;padding:3px 7px;border-radius:7px;font-size:9px;font-weight:650;line-height:1.4}
.billing-type svg{width:12px;height:12px;flex:none}
.billing-type.is-threshold{background:var(--amber-bg);color:var(--amber-tx)}
.billing-type.is-unsettled{background:var(--red-bg);color:var(--red-tx)}
.billing-flow-list tr:has(.billing-flow-disabled) .billing-type{background:var(--bg3);color:var(--tx3)}
.billing-flow-channels{display:flex;align-items:flex-start;flex-direction:column;gap:5px}
.billing-flow-channels>span{padding:3px 7px;font-size:9px;border-radius:12px;background:var(--purple-bg);color:var(--purple-tx);font-weight:650;white-space:nowrap}
.billing-flow-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;white-space:nowrap}
.billing-flow-actions>.btn{min-height:29px;font-size:11px;padding:5px 9px}
.billing-flow-list td>.btn-link{white-space:nowrap;font-size:11px}
.billing-flow-note{border-top:1px solid var(--bd1);padding:14px 18px;font-size:10px;line-height:1.7;color:var(--tx3);margin:0}
.billing-flow-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--bd1);border-radius:16px;background:var(--bg1);padding:48px 25px;min-height:370px;text-align:center}
.billing-flow-empty>span{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--purple-bg);color:var(--purple);margin-bottom:15px}
.billing-flow-empty>span svg{width:24px;height:24px}
.billing-flow-empty h3{font-size:20px;margin:0 0 8px}
.billing-flow-empty>p{font-size:13px;line-height:1.6;color:var(--tx3);max-width:480px;margin:0 0 18px}
.billing-flow-empty>div{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.billing-flow-empty .btn{font-size:12px}
.billing-flow-examples{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:550px;margin-top:28px;text-align:left}
.billing-flow-examples article{display:flex;gap:11px;padding:14px;border:1px solid var(--bd1);border-radius:12px;background:var(--bg1)}
.billing-flow-examples svg{width:22px;height:22px;flex:none;color:var(--amber-tx)}
.billing-flow-examples article+article svg{color:var(--red-tx)}
.billing-flow-examples strong{font-size:12px}
.billing-flow-examples p{font-size:11px;line-height:1.6;color:var(--tx3);margin:4px 0 0}
.billing-preview-types button{display:flex;align-items:center;gap:6px;white-space:nowrap}
.billing-preview-types svg{width:15px;height:15px}
.billing-preview-types button[aria-pressed=true]{background:var(--bg1);font-weight:700;color:var(--amber-tx);box-shadow:0 1px 3px #22213a0c}
.billing-preview-types button[data-billing-preview-type=unsettled][aria-pressed=true]{color:var(--red-tx)}
.billing-preview-account{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--tx3);margin:0 0 12px}
.billing-preview-account .fi{max-width:280px;min-height:33px;padding-block:5px}
.billing-preview-account[hidden]{display:none}
.billing-preview-modal .notice-card-row{align-items:flex-start}
.billing-preview-card>strong{font-size:13px;font-weight:650;line-height:1.5}
.billing-preview-card>p{color:var(--tx3);font-size:12px;line-height:1.6;margin:3px 0 9px}
.billing-preview-card .notice-card-actions{font-size:11px;gap:16px;margin-top:12px}
.billing-preview-card .notice-card-actions>span:first-child{color:var(--purple-tx);font-weight:650}
.billing-preview-card.is-unsettled .notice-card-actions>span:first-child{color:var(--red-tx)}
.billing-preview-tag{background:var(--amber-bg);color:var(--amber-tx);border-radius:4px;padding:0 5px;font-size:11px;font-weight:650}
.is-unsettled .billing-preview-tag{background:var(--red-bg);color:var(--red-tx)}
.billing-preview-meter{position:relative;height:7px;background:var(--bg3);border-radius:6px;overflow:visible;margin:10px 0 7px}
.billing-preview-meter>i{display:block;height:100%;border-radius:6px;background:#dba827}
.billing-preview-meter>b{position:absolute;top:-3px;bottom:-3px;width:2px;background:#7b642c}
.billing-preview-amounts{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px;font-size:11px;color:var(--tx3)}
.billing-preview-amounts strong{color:var(--tx1);font-weight:650}
.billing-preview-modal .report-preview-stage[data-tone=threshold] .notice-card-icon{background:var(--amber-bg);color:var(--amber-tx)}
.billing-preview-modal .report-preview-stage[data-tone=unsettled] .notice-card-icon{background:var(--red-bg);color:var(--red-tx)}
.billing-preview-modal .report-preview-stage[data-tone=neutral] .notice-card-icon{background:var(--bg2);color:var(--tx3)}
.billing-preview-modal .report-preview-stage[data-tone=neutral] .billing-preview-meter>i{background:var(--tx3)}
.billing-preview-modal .notification-bell-tabs{flex-wrap:wrap}
.billing-preview-modal .preview-bell .notice-card-row>time{min-width:38px}
.billing-preview-modal .preview-bell .billing-preview-amounts{margin-right:0}
.billing-preview-modal .preview-report-popup{width:min(450px,100%)}
.billing-preview-modal .report-preview-stage[data-tone=unsettled] .preview-report-popup{border-color:color-mix(in srgb,var(--red-tx) 30%,var(--bd1))}
.billing-preview-banner{position:absolute;top:0;left:0;right:0;min-height:53px;padding:11px 18px;display:flex;align-items:center;gap:8px;background:var(--red-bg);color:var(--red-tx);font-size:12px;border-bottom:1px solid color-mix(in srgb,var(--red-tx) 15%,transparent)}
.billing-preview-banner strong{display:flex;gap:8px;align-items:center;font-weight:650}
.billing-preview-banner strong svg{width:17px;height:17px;flex:none}
.billing-preview-banner>b{margin-left:auto;white-space:nowrap;color:#fff;background:var(--red-tx);font-size:11px;padding:8px 12px;border-radius:9px}
.billing-preview-banner>button{padding:0 6px;border:0;background:transparent;color:inherit;font-size:21px;cursor:pointer}
.billing-preview-modal .report-preview-stage[data-mode=popup][data-tone=unsettled]>.report-preview-stage-caption{top:69px}
.billing-preview-modal .report-preview-stage[data-mode=popup][data-tone=unsettled] .preview-dashboard{top:105px}
.billing-preview-popup[hidden],.billing-preview-banner[hidden]{display:none}
.billing-preview-modal .preview-chat-body .billing-preview-card>strong{font-size:9px}
.billing-preview-modal .preview-chat-body .billing-preview-card>p{font-size:8px;margin:3px 0 6px}
.billing-preview-modal .preview-chat-body .billing-preview-amounts{font-size:7px}
.billing-preview-modal .preview-chat-body .billing-preview-meter{height:4px;margin-top:6px}
.billing-preview-modal .preview-chat-body .notice-card-actions{font-size:8px;gap:5px;justify-content:center}
.billing-preview-modal .preview-chat-body .billing-preview-tag{font-size:7px}
.billing-preview-modal .preview-telegram-chat .billing-preview-telegram strong{font-weight:650}
.billing-preview-modal .preview-telegram-chat .billing-preview-telegram.is-unsettled>.preview-telegram-message>strong{color:var(--red-tx)}
.billing-preview-modal .preview-telegram-chat>.notice-card-actions>span:first-child{color:var(--red-tx)}
.billing-preview-modal .hc-modal-foot{flex-wrap:wrap}
@media(max-width:700px){.billing-flow-examples{grid-template-columns:1fr}.billing-flow-empty{padding:35px 20px}.billing-flow-empty h3{font-size:18px}.billing-preview-modal .report-preview-tools{gap:10px}.billing-preview-modal .report-preview-tools .segmented button{font-size:11px;padding:7px 8px}.billing-preview-banner{flex-wrap:wrap;padding:10px}.billing-preview-banner>span{display:none}.billing-preview-banner>b{margin:0;font-size:10px}.billing-preview-banner strong{font-size:10px}.billing-preview-banner button{margin-left:auto}.billing-preview-modal .hc-modal-note{flex-basis:100%;font-size:11px}.billing-preview-modal .preview-bell .notice-card-row{gap:8px;padding-inline:10px}.billing-preview-modal .preview-bell .notice-card-row>time{display:none}.billing-preview-modal .report-preview-stage{padding-inline:10px}.billing-preview-modal .preview-bell .notice-card-icon{width:30px;height:30px;flex-basis:30px}}

.billing-preview-modal .hc-modal-foot{background:var(--bg1)}

/* Shared metric set creation and optional company report default. */
.metric-set-shared-info{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 -28px;padding:10px 24px;background:var(--purple-bg);border-bottom:1px solid var(--bd1);color:var(--purple-tx);font-size:12px;line-height:1.5}
.metric-set-shared-info[hidden]{display:none}
.metric-set-shared-info>span{flex:1;min-width:0}
.metric-set-shared-info label{display:flex;align-items:center;gap:8px;color:var(--tx2);cursor:pointer;max-width:48%}
.metric-set-shared-info input{width:18px;height:18px;flex-shrink:0;accent-color:var(--purple)}
.metric-set-shared-info label:has(input:disabled){opacity:.6;cursor:default}
@media(max-width:800px){.metric-set-shared-info{margin-inline:-18px;padding:10px 18px;flex-wrap:wrap}.metric-set-shared-info>span{flex-basis:100%}.metric-set-shared-info label{max-width:100%}}

/* Create an ordered metric set directly from the report's set picker. */
.metric-set-create-option{border:1px dashed var(--bd2);margin:6px 0;color:var(--purple-tx)}
.metric-set-create-option .metric-set-icon{font-size:23px;font-weight:400}
.metric-set-source-modal{width:min(560px,calc(100vw - 28px))!important}
.metric-set-source-modal .hc-modal-body>p{color:var(--tx3);font-size:13px;line-height:1.6;margin:0 0 16px}
.metric-set-create-sources{display:grid;gap:12px}
.metric-set-create-sources>.metric-set-option,.metric-set-create-sources>details{border:1px solid var(--bd1);border-radius:12px;background:var(--bg1)}
.metric-set-create-sources summary{display:flex;align-items:center;gap:10px;padding:14px;cursor:pointer;list-style:none;color:var(--tx1)}
.metric-set-create-sources summary::-webkit-details-marker{display:none}
.metric-set-create-sources summary>span{flex:1;min-width:0}
.metric-set-create-sources summary strong{display:block;font-size:13px;font-weight:600}
.metric-set-create-sources summary small{display:block;font-size:11px;color:var(--tx3);margin-top:3px}
.metric-set-create-sources summary>.ui-icon{width:20px;height:20px;color:var(--purple-tx)}
.metric-set-create-sources details>div{padding:0 8px 8px;border-top:1px solid var(--bd1)}
.metric-set-create-sources summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:12px}
.metric-set-source-modal .hc-modal-foot{background:var(--bg1)}

/* Scheduled report data period. */
.flow-period{padding:18px;border:1px solid var(--bd1);border-radius:16px;background:var(--bg2);margin-top:24px}
.flow-period-row{display:flex;align-items:center;gap:14px;margin-bottom:14px;min-width:0}
.flow-period-row>span,.flow-period-row>label{flex:0 0 142px;color:var(--tx2);font-size:13px}
.flow-period-tabs{display:flex;background:var(--bg3);border-radius:12px;padding:4px;gap:3px;max-width:100%}
.flow-period-tabs label{position:relative;cursor:pointer;min-width:0}
.flow-period-tabs input{position:absolute;opacity:0;width:1px;height:1px}
.flow-period-tabs label>span{display:block;padding:10px 15px;border:1px solid transparent;border-radius:9px;color:var(--tx3);font-size:13px;line-height:1.4;text-align:center}
.flow-period-tabs label:has(input:checked)>span{background:var(--bg1);border-color:var(--bd1);color:var(--purple-tx);font-weight:650;box-shadow:0 2px 5px #171c3210}
.flow-period-tabs label:has(input:focus-visible)>span{outline:2px solid var(--purple);outline-offset:1px}
.flow-period-days{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.flow-period-days>div{display:flex;align-items:center;gap:7px}
.flow-period-days>div:first-child{gap:0;border:1px solid var(--bd1);border-radius:11px;background:var(--bg1);overflow:hidden}
.flow-period-days button{border:1px solid var(--bd1);background:var(--bg1);border-radius:50%;min-width:36px;min-height:36px;color:var(--tx2);cursor:pointer;font:500 13px var(--font-sans)}
.flow-period-days [aria-pressed=true]{background:var(--purple-bg);border-color:var(--purple);color:var(--purple-tx)}
.flow-period-days>div:first-child button{border:0;border-radius:0;font-size:19px}
.flow-period-days input.fi{width:48px;min-height:38px;padding:6px 2px;text-align:center;border:0;box-shadow:none;appearance:textfield;font-weight:650}
.flow-period-days input::-webkit-inner-spin-button{appearance:none}
.flow-period-days>div:first-child>span{color:var(--tx3);font-size:12px;padding-right:10px}
.flow-period-example{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--bd1);border-radius:12px;background:var(--purple-bg);color:var(--purple-tx);font-size:13px;line-height:1.6}
.flow-period-example svg,.flow-period>.field-hint svg{width:18px;height:18px;flex:none}
.flow-period>.field-hint{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-size:12px}
.flow-period [hidden]{display:none!important}
@media(max-width:650px){.flow-period{padding:12px}.flow-period-row{flex-wrap:wrap;gap:8px}.flow-period-row>span,.flow-period-row>label{flex-basis:100%}.flow-period-tabs{width:100%}.flow-period-tabs label{flex:1}.flow-period-tabs label>span{padding:9px 8px;font-size:12px}.flow-period-example{font-size:12px;padding:10px}}

.hc-modal.report-flow-period-modal{width:min(920px,calc(100vw - 28px));max-width:920px!important;max-height:calc(100dvh - 48px)}
.report-flow-period-modal .hc-modal-body{max-height:none}
.report-flow-period-modal .hc-modal-note{display:none}
@media(max-width:650px){.hc-modal.report-flow-period-modal{max-height:calc(100dvh - 24px)}}

.report-flow-period-modal .hc-modal-foot{background:var(--bg1)}
.report-flow-period-modal .hc-modal-foot .report-flow-test-button{margin-left:0;margin-right:auto}

/* Report schedule frequency, weekday shortcuts and month-day grid. */
.report-frequency-label{display:block;font-size:12px;color:var(--tx2);margin-bottom:6px}
.report-frequency-tabs{width:100%}.report-frequency-tabs label{flex:1}.report-frequency-tabs label>span{padding:10px 8px;font-size:14px}
.report-schedule-choices{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--bd1)}
.report-schedule-choices .flow-period-row{align-items:flex-start;margin-bottom:0}.report-schedule-choices .flow-period-row>span{padding-top:12px}
.report-schedule-choices .flow-period-row>div{flex:1;min-width:0}
.report-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-width:420px}
.report-weekdays label,.report-monthdays label,.report-month-end{position:relative;cursor:pointer}
.report-weekdays input,.report-monthdays input,.report-month-end input{position:absolute;opacity:0;width:1px;height:1px}
.report-weekdays label>span,.report-monthdays label>span,.report-month-end>span{display:grid;place-items:center;border:1px solid var(--bd1);border-radius:10px;background:var(--bg1);color:var(--tx2);font-size:13px;min-height:42px}
.report-weekdays label:has(input:checked)>span,.report-monthdays label:has(input:checked)>span,.report-month-end:has(input:checked)>span{background:var(--purple);border-color:var(--purple);color:white;font-weight:650}
.report-weekdays label:has(input:focus-visible)>span,.report-monthdays label:has(input:focus-visible)>span,.report-month-end:has(input:focus-visible)>span{outline:2px solid var(--purple);outline-offset:2px}
.report-week-presets{display:flex;gap:8px;margin-top:8px}
.report-week-presets button{border:0;border-radius:7px;padding:5px 9px;background:none;color:var(--purple-tx);font:600 12px var(--font-sans);cursor:pointer}
.report-week-presets button[aria-pressed=true]{background:var(--purple-bg)}
.report-monthdays{display:grid;grid-template-columns:repeat(8,minmax(0,36px));gap:6px}
.report-monthdays label>span{min-height:34px;border-radius:7px;font-size:12px}
.report-month-end{display:inline-block;margin-top:7px}.report-month-end>span{min-height:30px;padding:4px 9px;border-radius:7px;font-size:12px}
.report-schedule-choices .field-hint{margin:10px 0 0;font-size:11px;line-height:1.6}
.report-schedule-choices .form-error{margin-top:10px}
@media(max-width:650px){.report-flow-period-modal .flow-schedule .form-group:has(.report-frequency-tabs),.report-flow-period-modal .flow-schedule .form-group:has(#f-time){grid-column:1/-1}.report-schedule-choices .flow-period-row>div{flex-basis:100%}.report-schedule-choices .flow-period-row>span{padding:0}.report-weekdays{width:100%;gap:4px}.report-monthdays{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.report-frequency-tabs label>span{font-size:13px}}

/* Shared controls for report highlights, charts and funnels. */
.ui-section>summary.report-disclosure-heading {
  cursor: default;
  gap: 8px;
}
.ui-section>summary.report-disclosure-heading::after,
.ui-section:not([open])>summary.report-disclosure-heading::after {
  content: none;
}
.report-section-actions {
  --chart-custom-idle: #483b89;
  --chart-custom-hover: #efedfd;
  --chart-custom-press: #dcd5fa;
  --chart-custom-ink: #3b31b3;
  --chart-toggle-idle: #626775;
  --chart-toggle-hover: #e9ebf1;
  --chart-toggle-press: #dfe2ea;
  --chart-control-focus: #5546b3;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  margin-inline-start: auto;
}
.report-disclosure-heading .report-section-actions {
  flex: 0 0 auto;
  margin-inline-end: 0;
}
html[data-theme=dark] .report-section-actions {
  --chart-custom-idle: var(--purple-tx);
  --chart-custom-hover: var(--purple-bg);
  --chart-custom-press: var(--control-violet-press);
  --chart-custom-ink: var(--purple-tx);
  --chart-toggle-idle: var(--tx3);
  --chart-toggle-hover: var(--bg3);
  --chart-toggle-press: var(--bd1);
  --chart-control-focus: var(--purple-tx);
}
.report-section-actions .btn-link:is(.chart-section-customize,.chart-section-toggle) {
  border: 0;
  border-radius: 9px;
  margin: 0;
  padding: 6px 10px;
  background: transparent;
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
  min-height: 32px;
  transition: background-color var(--control-motion), color var(--control-motion);
}
.report-section-actions .btn-link.chart-section-customize {
  color: var(--chart-custom-idle);
}
.report-section-actions .btn-link.chart-section-toggle {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-inline-size: 74px;
  color: var(--chart-toggle-idle);
  font-weight: 600;
}
.chart-section-toggle[aria-expanded=true] {
  --chart-arrow-shift: 1px;
  --chart-arrow-angle: 225deg;
}
.chart-section-toggle[aria-expanded=true] .chart-disclosure-closed,
.chart-section-toggle[aria-expanded=false] .chart-disclosure-open {
  display: none;
}
.chart-disclosure-arrow {
  width: 6px;
  height: 6px;
  border: solid currentColor;
  border-width: 0 1.5px 1.5px 0;
  transform: translateY(var(--chart-arrow-shift,-1px)) rotate(var(--chart-arrow-angle,45deg));
  transition: transform var(--control-motion);
}
.report-section-actions .chart-section-divider {
  flex: 0 0 1px;
  width: 1px;
  height: 22px;
  margin-inline: 2px;
  background: var(--bd1);
  pointer-events: none;
}
.report-section-actions .btn-link.chart-section-customize:is(:active,[aria-expanded=true]),
body:has(#modal-form .post-chart-settings) .post-charts-heading .chart-section-customize,
body:has(#modal-root .objective-funnel-modal) .objective-funnels-heading .chart-section-customize {
  background: var(--chart-custom-press);
  color: var(--chart-custom-ink);
  transition-duration: 0s;
}
.report-section-actions .btn-link.chart-section-toggle:active {
  background: var(--chart-toggle-press);
  color: var(--tx1);
  transition-duration: 0s;
}
.report-section-actions .btn-link:focus-visible {
  outline: 2px solid var(--chart-control-focus);
  outline-offset: 2px;
}
[data-chart-tooltip] {
  --chart-tooltip-bg: #222536;
  --chart-tooltip-inset: 50%;
  --chart-tooltip-offset: 50%;
}
[data-chart-tooltip]::before,
[data-chart-tooltip]::after {
  position: absolute;
  z-index: 30;
  background: var(--chart-tooltip-bg);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity .12s, visibility .12s;
}
[data-chart-tooltip]::before {
  content: '';
  inline-size: 8px;
  block-size: 8px;
  inset-block-start: calc(100% + 6px);
  inset-inline-end: 50%;
  transform: translateX(50%) rotate(45deg);
}
[data-chart-tooltip]::after {
  content: attr(data-chart-tooltip);
  inset-block-start: calc(100% + 9px);
  inset-inline-end: var(--chart-tooltip-inset);
  transform: translateX(var(--chart-tooltip-offset));
  color: white;
  padding: 6px 9px;
  border-radius: 7px;
  font: 400 12px/1.4 var(--font-sans);
  white-space: nowrap;
  box-shadow: 0 8px 18px #171c322b;
}
[data-chart-tooltip]:focus-visible:not(:active,:disabled,[data-chart-tooltip-dismissed])::before,
[data-chart-tooltip]:focus-visible:not(:active,:disabled,[data-chart-tooltip-dismissed])::after {
  opacity: 1;
  visibility: visible;
  transition-delay: .5s;
}
@media(max-width:760px) {
  [data-chart-tooltip] {
    --chart-tooltip-inset: 0;
    --chart-tooltip-offset: 0%;
  }
}
@media(hover:hover) {
  .report-section-actions .btn-link.chart-section-customize:not(:active,:disabled,[aria-expanded=true]):hover {
    background: var(--chart-custom-hover);
    color: var(--chart-custom-ink);
  }
  .report-section-actions .btn-link.chart-section-toggle:not(:active,:disabled):hover {
    background: var(--chart-toggle-hover);
    color: var(--tx1);
  }
  [data-chart-tooltip]:hover:not(:active,:disabled,[data-chart-tooltip-dismissed])::before,
  [data-chart-tooltip]:hover:not(:active,:disabled,[data-chart-tooltip-dismissed])::after {
    opacity: 1;
    visibility: visible;
    transition-delay: .5s;
  }
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .chart-section-toggle:not(:active,:disabled):hover{--chart-arrow-shift:1px}
  .chart-section-toggle[aria-expanded=true]:not(:active,:disabled):hover{--chart-arrow-shift:-1px}
}
@media(prefers-reduced-motion:reduce) {
  .report-section-actions :is(.btn-link,.chart-disclosure-arrow){transition:none}
  [data-chart-tooltip]::before,[data-chart-tooltip]::after{transition-duration:0s}
}

.audience-chart-section [data-audience-chart-error]:empty{display:none}

/* Campaign objective comparison in post ad details. */
.post-ad-detail-views {
  display: flex;
  align-items: center;
  gap: 24px;
  border-bottom: 1px solid var(--bd1);
  flex-shrink: 0;
}
.post-ad-detail-views button {
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  padding: 9px 3px 10px;
  color: var(--tx3);
  font: 650 13px/1.4 var(--font-sans);
  cursor: pointer;
}
.post-ad-detail-views button[aria-selected=true] {
  border-bottom-color: var(--purple-tx);
  color: var(--purple-tx);
}
.post-ad-detail-views button:focus-visible {outline: 2px solid var(--purple-tx); outline-offset: -2px;}
.post-ad-detail-views b {
  margin-left: 4px;
  padding: 1px 6px;
  border-radius: 20px;
  background: var(--bg3);
  color: inherit;
  font-size: 11px;
}
.post-ad-detail-views [aria-selected=true] b {background: var(--purple-bg);}
.post-ad-detail-ad-panel {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  gap: 14px;
}
.post-ad-detail-comparison {flex: 1; min-height: 0; overflow: auto; padding: 1px;}
.post-objective-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: start;
}
.post-objective-card {
  overflow: hidden;
  border: 1px solid var(--bd1);
  border-radius: 16px;
  background: var(--bg1);
}
.post-objective-card.is-best {border-color: color-mix(in srgb,var(--green-tx) 53%,var(--bd1));}
.post-objective-card header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 66px;
  padding: 12px 15px;
}
.post-objective-card h4 {margin: 0 0 3px; font-size: 14px; color: var(--tx1);}
.post-objective-card header small {font-size: 11px; color: var(--tx3);}
.post-objective-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: var(--purple-bg);
  color: var(--purple-tx);
}
.post-objective-icon.is-message {background: var(--blue-bg); color: var(--blue-tx);}
.post-objective-badge, .post-objective-delta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 650;
  background: var(--green-bg);
  color: var(--green-tx);
}
.post-objective-badge {margin-inline-start: auto;}
.post-objective-badge .ui-icon {width: 13px; height: 13px;}
.post-objective-badge.is-muted {background: var(--bg3); color: var(--tx3);}
.post-objective-card dl, .post-objective-card dd {margin: 0;}
.post-objective-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  border-top: 1px solid var(--bd1);
  padding: 10px 15px;
  min-height: 40px;
  font-size: 12px;
}
.post-objective-row dt {color: var(--tx3);}
.post-objective-row dt small {
  padding: 0 4px;
  border: 1px solid color-mix(in srgb,var(--blue-tx) 22%,transparent);
  border-radius: 4px;
  background: var(--blue-bg);
  color: var(--blue-tx);
  font-size: 9px;
}
.post-objective-row dd {
  text-align: end;
  color: var(--tx1);
  font-size: 13px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.post-objective-delta {margin-inline-end: 6px;}
.post-objective-row.is-emphasis {background: var(--bg2);}
.post-objective-row.is-emphasis dt {color: var(--tx1); font-weight: 650;}
.post-objective-card.is-best .post-objective-row.is-emphasis dd {color: var(--green-tx);}
@media(max-width:700px) {
  .post-objective-grid {grid-template-columns: 1fr;}
  .post-ad-detail-views {gap: 16px;}
}

/* Purchase notifications share the same source and event details across surfaces. */
#conversion-popup-host.has-purchase-popup{right:auto;left:23px;bottom:24px;width:min(450px,calc(100vw - 26px))}
.purchase-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:var(--green-bg);color:var(--green-tx)}
.purchase-icon svg{width:19px;height:19px}
.purchase-popup{padding:14px 15px 12px;overflow:hidden}
.purchase-popup-heading{display:flex;align-items:center;gap:11px}
.purchase-popup-heading strong{margin-right:auto;font-size:14px;overflow-wrap:anywhere}
.purchase-popup-heading time,.purchase-chat-entry>time{color:var(--tx3);font-size:11px;white-space:nowrap}
.purchase-popup .purchase-close{color:var(--tx3);display:grid;place-items:center;width:22px}
.purchase-close svg{width:15px;height:15px}
.purchase-popup .conversion-popup-timer{inset:auto 0 0}
.purchase-popup .conversion-popup-timer::before{background:#258966}
.purchase-subtitle,.conversion-popup p.purchase-subtitle{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 6px;color:var(--tx3);font-size:12px;line-height:1.45;margin:4px 0 0;overflow-wrap:anywhere}
.purchase-source{margin:0;border:1px solid color-mix(in srgb,currentColor 20%,transparent);font-size:10px}
.purchase-source[data-source^=Meta]{color:var(--info-tx,#295e95);background:color-mix(in srgb,#4986bb 10%,var(--bg1))}
.purchase-source[data-source=CRM]{color:var(--amber-tx,#8a531d);background:color-mix(in srgb,#c78a40 12%,var(--bg1))}
.purchase-actions{display:flex;align-items:center;flex-wrap:wrap;gap:2px 12px;margin-top:6px}
.purchase-actions .btn-link{padding:0;min-height:25px;font-size:12px}
.purchase-actions .purchase-mute{color:var(--tx3)}
.purchase-bell-row{padding-block:11px}
.purchase-bell-row .notice-card-heading{font-size:13px}
.purchase-bell-row .purchase-details{margin-top:7px}
.purchase-details summary{display:flex;align-items:center;gap:5px;width:fit-content;min-height:25px;color:var(--blue-tx);font-size:12px;font-weight:700;cursor:pointer;list-style:none}
.purchase-details summary::-webkit-details-marker{display:none}
.purchase-details summary svg{width:13px;height:13px}
.purchase-details[open] summary svg{transform:rotate(180deg)}
.purchase-details[open] .purchase-show,.purchase-details:not([open]) .purchase-hide{display:none}
.purchase-details ul{margin:4px 0;padding:0;border:1px solid var(--bd1);border-radius:10px;list-style:none;overflow:hidden}
.purchase-details li{display:flex;align-items:baseline;gap:6px;padding:7px 8px;color:var(--tx2);font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.purchase-details li+li{border-top:1px solid var(--bd1)}
.purchase-details li time{color:var(--tx3);white-space:nowrap}
.ai-mobile-chat-heading,.ai-send-icon,.ai-tools[open]>summary{display:none}
#ai-purchase-notices{display:grid;gap:12px;margin-top:8px}
#ai-purchase-notices[hidden]{display:none}
.purchase-chat-day{text-align:center;margin:3px 0;color:var(--tx3);font-size:11px}
.purchase-chat-day span{display:inline-block;border-radius:20px;background:var(--bg3);padding:3px 10px}
.purchase-chat-entry{display:grid;grid-template-columns:26px minmax(0,1fr);gap:5px 8px;align-items:end}
.purchase-chat-entry>img{border-radius:7px;margin-bottom:2px}
.purchase-chat-entry>time{grid-column:2}
.purchase-chat-bubble{display:flex;align-items:flex-start;gap:8px;width:fit-content;max-width:100%;padding:10px 12px;background:var(--bg1);color:var(--tx1);border:1px solid var(--bd1);border-radius:15px 15px 15px 5px}
.purchase-chat-bubble>div{min-width:0}
.purchase-chat-bubble strong{font-size:14px}
.purchase-chat-bubble .purchase-icon{width:30px;height:30px;border-radius:8px}
.purchase-chat-bubble .purchase-icon svg{width:16px;height:16px}
.purchase-chat-bubble .purchase-details{display:flex;flex-direction:column;margin-top:6px}
.purchase-chat-bubble .purchase-details[open] summary{order:1}
.ai-thread:has(#ai-purchase-notices:not([hidden])){background:var(--bg2);border-radius:12px;padding:12px}
.ai-thread:has(#ai-purchase-notices:not([hidden])) .ai-welcome{display:none}
@media(max-width:680px){
  #conversion-popup-host.has-purchase-popup{left:13px;bottom:64px}
  .ai-tools{margin-bottom:10px}
  .ai-tools>summary,.ai-tools[open]>summary{display:list-item;width:fit-content;padding:6px 2px;color:var(--tx2);font-size:12px;cursor:pointer}
  .ai-mobile-chat-heading{display:flex;align-items:center;gap:9px;padding:8px 3px 12px}
  .ai-mobile-chat-heading img{border-radius:10px}
  .ai-mobile-chat-heading small{display:block;color:var(--tx3);font-size:11px}
  .ai-thread:has(#ai-purchase-notices:not([hidden])){padding:10px 7px}
  .ai-chat-card:has(#ai-purchase-notices:not([hidden])) .ai-composer{position:relative;padding-top:0;border:0}
  .ai-chat-card:has(#ai-purchase-notices:not([hidden])) .ai-composer label[for=ai-question],
  .ai-chat-card:has(#ai-purchase-notices:not([hidden])) .ai-send-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .ai-chat-card:has(#ai-purchase-notices:not([hidden])) .ai-composer .form-group:has(#ai-question){margin:0 48px 0 0}
  .ai-chat-card:has(#ai-purchase-notices:not([hidden])) #ai-question{display:block;border:0;border-radius:22px;background:var(--bg2);height:42px;min-height:42px;resize:none;padding:10px 12px}
  .ai-chat-card:has(#ai-purchase-notices:not([hidden])) .ai-composer button[type=submit]{position:absolute;top:0;right:0;display:grid;place-items:center;width:42px;height:42px;min-height:42px;border-radius:50%;padding:0}
  .ai-chat-card:has(#ai-purchase-notices:not([hidden])) .ai-send-icon{display:grid;place-items:center}
  .ai-send-icon svg{width:19px;height:19px}
}

.page-actions .daily-sales-trigger,.daily-sales-add,.daily-sales-code{
  color:var(--purple-tx);
}
.page-actions .daily-sales-trigger,.daily-sales-add{
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
}
.daily-sales-code,.daily-sales-label small{
  background:var(--purple-bg);color:var(--purple-tx);
}
.daily-sales-label{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--tx3)}
.daily-sales-label small{border-radius:20px;padding:2px 7px;font-weight:650;white-space:nowrap}
.hc-modal.daily-sales-modal{width:min(820px,calc(100vw - 28px));max-width:820px}
.daily-sales-modal .hc-modal-head,.daily-sales-modal .hc-modal-body,.daily-sales-modal .hc-modal-foot{padding-inline:28px}
.daily-sales-modal .hc-modal-foot{background:var(--bg2)}
.daily-sales-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr) minmax(0,1.1fr) auto;align-items:end;gap:12px}
.daily-sales-row+.daily-sales-row{margin-top:12px}
.daily-sales-row label{display:grid;gap:7px;color:var(--tx2);font-size:13px;font-weight:600;min-width:0}
.daily-sales-row .fi{width:100%;min-width:0;height:44px;font-size:15px}
.daily-sales-date{position:relative;display:block}
.daily-sales-date input:not(:focus){color:transparent}
.daily-sales-date input:not(:focus)::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}
.daily-sales-date-caption{position:absolute;inset:0;display:flex;align-items:center;gap:9px;padding:0 12px;color:var(--tx1);font-weight:400;pointer-events:none}
.daily-sales-date-caption .ui-icon{margin:0;color:var(--tx3);flex:none}
.daily-sales-date-caption .ui-icon:last-child{margin-left:auto}
.daily-sales-date:focus-within .daily-sales-date-caption{display:none}
.daily-sales-unit{position:relative;display:block;min-width:0}
.daily-sales-unit .fi{padding-inline-end:43px}
.daily-sales-unit>span{position:absolute;inset-inline-end:13px;top:50%;transform:translateY(-50%);color:var(--tx3);pointer-events:none}
.daily-sales-remove{width:38px;height:44px;padding:0}
.daily-sales-remove .ui-icon{margin:0}
.daily-sales-add{margin-top:14px;border-style:dashed}
.daily-sales-summary{display:flex;flex-wrap:wrap;gap:12px 23px;margin:16px 0 0;padding:15px 16px;border:1px solid var(--bd1);border-radius:13px;background:color-mix(in srgb,var(--purple-bg) 55%,var(--bg1))}
.daily-sales-summary dt{font-size:12px;color:var(--tx3)}
.daily-sales-summary dd{margin:4px 0 0;color:var(--tx1);font-size:17px;font-weight:750;font-variant-numeric:tabular-nums}
.daily-sales-source{margin:10px 0 0}
@media(max-width:580px){
  .daily-sales-modal .hc-modal-head,.daily-sales-modal .hc-modal-body,.daily-sales-modal .hc-modal-foot{padding-inline:14px}
  .daily-sales-row{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;gap:8px}
  .daily-sales-row>label:first-child{grid-column:1/-1}
  .daily-sales-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .daily-sales-summary dd{font-size:15px;overflow-wrap:anywhere}
}

.page-actions .crm-reminder-trigger{display:inline-flex;align-items:center;gap:6px;color:var(--purple-tx);white-space:nowrap}
.crm-reminder-trigger small,.crm-reminder-missing small{border-radius:20px;padding:2px 7px;color:var(--red-tx);background:var(--red-bg);font-size:11px;font-weight:700}
.hc-modal.crm-reminder-modal{width:min(820px,calc(100vw - 28px));max-width:820px;max-height:calc(100dvh - 30px)}
.crm-reminder-modal .hc-modal-head,.crm-reminder-modal .hc-modal-body,.crm-reminder-modal .hc-modal-foot{padding-inline:28px}
.crm-reminder-modal .hc-modal-body{max-height:none;padding-block:18px}
.crm-reminder-modal .hc-modal-foot{background:var(--bg2)}
.crm-reminder-section{padding:16px 0;border-bottom:1px solid var(--bd1)}
.crm-reminder-section:first-child{padding-top:0}
.crm-reminder-section header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}
.crm-reminder-section h4{font-size:15px;margin:0;color:var(--tx1)}
.crm-reminder-section header small,.crm-reminder-clock small,.crm-reminder-channels small{color:var(--tx3);font-size:12px}
.crm-reminder-missing{list-style:none;margin:0;padding:0;border:1px solid color-mix(in srgb,var(--red-tx) 22%,var(--bd1));border-radius:12px}
.crm-reminder-missing li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 13px}
.crm-reminder-missing li+li{border-top:1px solid var(--bd1)}
.crm-reminder-missing li>span{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.crm-reminder-missing .btn-link{white-space:nowrap}
.crm-reminder-complete{padding:12px 14px;margin:0;border-radius:10px;background:var(--green-bg);color:var(--green-tx)}
.crm-reminder-switch{display:inline-flex;align-items:center;gap:8px;font-size:13px}
.crm-reminder-switch .ui-switch input[type=checkbox]{width:36px;min-width:36px;height:20px;overflow:visible}
.crm-reminder-switch .ui-switch input::before{width:14px;height:14px}
.crm-reminder-switch .ui-switch input:checked::before{transform:translateX(16px)}
.crm-reminder-schedule{display:grid;grid-template-columns:minmax(92px,.23fr) minmax(0,1fr);align-items:center;gap:10px 15px;font-size:13px;color:var(--tx2)}
.crm-reminder-weekdays,.crm-reminder-clock,.crm-reminder-repeat{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.crm-reminder-weekdays label,.crm-reminder-repeat label{position:relative;cursor:pointer}
.crm-reminder-weekdays input,.crm-reminder-repeat input{position:absolute;opacity:0;inline-size:1px;block-size:1px}
.crm-reminder-weekdays span,.crm-reminder-repeat span{display:block;padding:9px 10px;border-radius:9px;white-space:nowrap}
.crm-reminder-weekdays span{min-width:39px;text-align:center;border:1px solid var(--bd1);background:var(--bg1)}
.crm-reminder-weekdays input:checked+span{color:white;background:var(--purple-tx);border-color:var(--purple-tx)}
.crm-reminder-modal :is(.crm-reminder-weekdays,.crm-reminder-repeat) input:focus-visible+span{outline:2px solid var(--purple-tx);outline-offset:2px}
.crm-reminder-clock .fi{width:auto}
.crm-reminder-repeat{width:fit-content;background:var(--bg3);border-radius:11px;padding:3px;gap:2px}
.crm-reminder-repeat input:checked+span{background:var(--bg1);box-shadow:0 1px 3px #23283a1a;color:var(--purple-tx);font-weight:650}
.crm-reminder-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.crm-reminder-channels label{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--bd1);border-radius:12px;cursor:pointer}
.crm-reminder-channels label:has(input:checked){border-color:var(--purple-tx);box-shadow:0 0 0 1px var(--purple-tx)}
.crm-reminder-channels label>span{flex:1;min-width:0}
.crm-reminder-channels i,.crm-reminder-preview i{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:var(--purple-bg);color:var(--purple-tx)}
.crm-reminder-channels .crm-reminder-telegram{background:#1687bc;color:white;border-radius:50%}
.crm-reminder-channels small{display:block;margin-top:2px}
.crm-reminder-channels input,.crm-reminder-recipient-menu input{accent-color:var(--purple-tx);width:17px;height:17px}
.crm-reminder-recipients,.crm-reminder-recipients [data-recipient-chips]{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.crm-reminder-recipients{margin-top:10px}
.crm-reminder-recipients details{position:relative}
.crm-reminder-recipients summary,.crm-reminder-chip{border-radius:22px;padding:5px 9px;color:var(--purple-tx);font-size:12px;font-weight:650;cursor:pointer}
.crm-reminder-recipients summary{border:1px dashed var(--bd1);list-style:none}
.crm-reminder-recipients summary::-webkit-details-marker{display:none}
.crm-reminder-chip{display:flex;align-items:center;gap:6px;border:0;background:var(--purple-bg)}
.crm-reminder-chip i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-style:normal;color:white;background:var(--purple-tx)}
.crm-reminder-chip .ui-icon{width:12px;height:12px}
.crm-reminder-recipient-menu{position:absolute;z-index:3;top:calc(100% + 4px);width:220px;max-width:calc(100vw - 60px);max-height:150px;overflow:auto;padding:6px;background:var(--bg1);border:1px solid var(--bd1);border-radius:12px;box-shadow:0 9px 24px #23283a23}
.crm-reminder-recipient-menu label{display:flex;align-items:center;gap:8px;padding:6px;font-size:13px;cursor:pointer}
.crm-reminder-device{margin-top:7px}
.crm-reminder-device[hidden]{display:none}
.crm-reminder-device button,.crm-reminder-connect{padding-inline:0}
.crm-reminder-device small{display:block;color:var(--tx3)}
.crm-reminder-preview{display:flex;align-items:flex-start;gap:12px;margin-top:15px;padding:13px;border:1px solid var(--bd1);border-radius:12px;background:color-mix(in srgb,var(--purple-bg) 55%,var(--bg1))}
.crm-reminder-preview i{background:var(--amber-bg);color:var(--amber-tx)}
.crm-reminder-preview small,.crm-reminder-preview strong{display:block}
.crm-reminder-preview small{margin-bottom:3px;color:var(--tx3);text-transform:uppercase;font-size:10px;font-weight:650}
.crm-reminder-preview p{margin:4px 0 0;color:var(--tx3);font-size:12px}
.crm-reminder-preview button{padding-inline:0}
.notice-card-icon[data-source="Nhắc hẹn CRM"]{background:var(--amber-bg);color:var(--amber-tx)}
@media(max-width:580px){
  .crm-reminder-modal .hc-modal-head,.crm-reminder-modal .hc-modal-body,.crm-reminder-modal .hc-modal-foot{padding-inline:14px}
  .crm-reminder-schedule{grid-template-columns:minmax(0,1fr);gap:7px}
  .crm-reminder-weekdays span{min-width:32px;padding-inline:6px}
  .crm-reminder-channels{grid-template-columns:1fr}
  .crm-reminder-repeat span{padding:8px 6px;font-size:11px}
  .crm-reminder-recipient-menu{right:0}
  .crm-reminder-modal .hc-modal-foot{flex-wrap:wrap}
  .crm-reminder-modal .hc-modal-note{flex-basis:100%;min-height:auto}
}

.app-loading{
  --app-loading-bg:#f3f3ff;
  --app-loading-track:#e7e6f6;
  --app-loading-accent:#5448de;
  display:grid;place-items:center;min-width:0;background:var(--app-loading-bg);color:#595b6d;
}
html[data-theme="dark"] .app-loading{
  --app-loading-bg:var(--bg3);
  --app-loading-track:var(--bd2);
  --app-loading-accent:#9b91ff;
  color:var(--tx2);
}
#root>.app-loading,#page[data-app-starting]>.app-loading{
  position:fixed;inset:0;z-index:90;
}
body:has(#root>.app-loading,#page[data-app-starting]>.app-loading) .skip-link:not(:focus){
  box-shadow:none;
}
#page:has(>.app-loading){
  display:grid;padding:0;
}
#page>.app-loading{
  min-height:260px;
}
.app-loading-content{
  display:flex;flex-direction:column;align-items:center;padding:16px;text-align:center;
}
.app-loading img{width:min(210px,72vw);height:auto}
.app-loading-track{
  position:relative;width:min(178px,65vw);height:4px;overflow:hidden;margin-top:22px;
  border-radius:10px;background:var(--app-loading-track);
}
.app-loading-track::after{
  content:"";display:block;width:22%;height:100%;border-radius:inherit;background:var(--app-loading-accent);
  animation:app-loading-slide 1.45s ease-in-out infinite;
}
.app-loading p{margin:21px 0 0;font-size:12px;line-height:18px}
@keyframes app-loading-slide{
  from{transform:translateX(-65%)}
  to{transform:translateX(455%)}
}
@media(prefers-reduced-motion:reduce){
  .app-loading-track::after{width:10%;animation:none}
}
@media(max-width:768px){
  #page:not([data-app-starting])>.app-loading{min-height:calc(100dvh - 54px)}
}

/* Missing post classification in the library and post report. */
.post-info-alert{position:relative;display:inline-flex;max-width:100%;align-items:center}
.post-info-alert-button.btn{
  display:inline-flex;align-items:center;gap:7px;padding:7px 10px;
  border:1px solid color-mix(in srgb,var(--amber-tx) 42%,var(--amber-bg));border-radius:9px;
  background:var(--amber-bg);color:var(--amber-tx);font-weight:700;white-space:nowrap;
}
.post-info-alert-button>.ui-icon,.post-info-modal .btn-link>.ui-icon{width:16px;height:16px;flex:none}
.post-info-alert-button b{padding:2px 7px;border-radius:99px;background:color-mix(in srgb,var(--amber-tx) 12%,var(--amber-bg));font-size:11px}
.post-info-alert-button:hover,.post-info-alert-button:focus-visible{
  border-color:var(--amber-tx);box-shadow:0 0 0 2px color-mix(in srgb,var(--amber-tx) 23%,transparent);
}
.post-info-tooltip{
  position:absolute;z-index:10;top:calc(100% + 7px);left:0;width:max-content;max-width:min(275px,calc(100vw - 48px));
  padding:11px 14px;border-radius:11px;background:#212335;color:#fff;box-shadow:0 12px 28px #1d203841;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,visibility .15s;font-size:12px;line-height:1.5;
}
.post-info-alert:is(:hover,:focus-within)>.post-info-tooltip{opacity:1;visibility:visible}
.post-info-tooltip ul{margin:5px 0;padding-left:16px}
.post-info-tooltip>span{color:#cbc9df}
.post-info-add{
  border:1px dashed color-mix(in srgb,var(--amber-tx) 48%,var(--amber-bg));border-radius:8px;
  background:color-mix(in srgb,var(--amber-bg) 68%,var(--bg1));color:var(--amber-tx);
  padding:4px 8px;max-width:100%;font:650 12px/1.3 var(--font-sans);cursor:pointer;white-space:nowrap;
}
.post-info-add:is(:hover,[aria-expanded=true]){background:var(--amber-bg);border-color:var(--amber-tx)}
.post-info-add:focus-visible,.post-info-groups button:focus-visible{outline:2px solid var(--purple-tx);outline-offset:2px}
.post-info-inline-fields{display:flex;gap:4px 6px;flex-wrap:wrap;margin-top:4px}
:is(.table-wrap-entity-posts,.table-wrap-report-post) tbody tr.post-info-incomplete>td{
  background:color-mix(in srgb,var(--amber-bg) 17%,var(--bg1));
}
:is(.table-wrap-entity-posts,.table-wrap-report-post) tbody tr.post-info-incomplete>td:first-child{
  box-shadow:inset 3px 0 var(--amber);
}
.post-info-modal{width:min(1100px,calc(100vw - 36px));max-width:1100px!important;border-radius:20px}
.post-info-modal .hc-modal-icon{background:var(--amber-bg);color:var(--amber-tx)}
.post-info-modal .hc-modal-body{padding:18px 24px}
.post-info-modal .hc-modal-foot{padding-inline:24px}
.post-info-modal .hc-modal-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}
.post-info-modal .hc-modal-note>.btn-link{display:inline-flex;align-items:center;gap:6px}
.post-info-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:17px}
.post-info-groups button{
  text-align:left;min-width:0;padding:11px 13px;border:1px solid var(--bd1);border-radius:12px;
  background:var(--bg1);color:var(--tx2);font:inherit;cursor:pointer;
}
.post-info-groups button[aria-pressed=true]{border-color:var(--purple-tx);background:color-mix(in srgb,var(--purple-bg) 40%,var(--bg1));box-shadow:0 0 0 2px var(--purple-bg)}
.post-info-groups button>span{display:block;margin-bottom:4px}
.post-info-groups button>strong{font-size:23px;color:var(--tx1)}
.post-info-controls{display:flex;align-items:center;gap:9px 11px;flex-wrap:wrap;margin-bottom:12px}
.post-info-controls>.table-search{width:min(240px,100%);margin-right:auto}
.post-info-controls>.post-info-sort{width:auto;min-height:40px}
.post-info-running,.post-info-select-all{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.post-info-running{border:1px solid var(--bd2);border-radius:10px;padding:6px 10px;font-weight:650}
.post-info-modal input[type=checkbox]{accent-color:var(--purple);width:17px;height:17px;flex:none;margin:0;cursor:pointer}
.post-info-modal .post-info-running input{
  appearance:none;position:relative;width:35px;height:20px;border-radius:12px;background:var(--bd2);
}
.post-info-running input::before{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:white;transition:transform .15s}
.post-info-modal .post-info-running input:checked{background:var(--purple)}
.post-info-running input:checked::before{transform:translateX(15px)}
.post-info-bulk{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px 14px;
  margin-bottom:9px;padding:8px 11px;border:1px solid var(--bd1);border-radius:11px;
  background:color-mix(in srgb,var(--purple-bg) 64%,var(--bg1));color:var(--tx2);
}
.post-info-bulk[hidden],.post-info-picker-foot[hidden],.post-info-pagination[hidden],.post-info-error[hidden]{display:none}
.post-info-bulk strong{color:var(--purple-tx)}
.post-info-bulk>div:last-child{display:flex;flex-wrap:wrap;gap:6px}
.post-info-bulk button{display:inline-flex;align-items:center;gap:7px;color:var(--purple-tx);background:var(--bg1)}
.post-info-bulk button>.ui-icon{width:13px;height:13px}
.post-info-list{display:grid;gap:8px}
.post-info-list .empty-state{display:grid;justify-items:center;gap:6px}
.post-info-row{
  display:grid;grid-template-columns:18px minmax(180px,1.25fr) minmax(96px,.57fr) minmax(160px,1.2fr);
  align-items:center;gap:9px 12px;padding:10px 11px;border:1px solid var(--bd1);border-radius:12px;background:var(--bg1);
}
.post-info-row.is-selected{border-color:color-mix(in srgb,var(--purple-tx) 34%,var(--bd1));background:color-mix(in srgb,var(--purple-bg) 38%,var(--bg1))}
.post-info-row .post-identity{min-width:0;width:100%}
.post-info-row .post-thumbnail{width:42px;height:42px}
.post-info-row .post-identity-text{min-width:0;overflow:hidden}
.post-info-row .post-identity-text :is(strong,small){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post-info-row small{color:var(--tx3)}
.post-info-spend strong,.post-info-spend small{display:block}
.post-info-row-fields{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:5px}
.post-info-picker .report-rule-picker-list button{display:flex;align-items:center;justify-content:space-between;width:100%}
.post-info-picker-empty,.post-info-error{padding:8px}
.post-info-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px}
@media(max-width:680px){
  .post-info-modal{width:100%}
  .post-info-modal .hc-modal-body,.post-info-modal .hc-modal-foot{padding-inline:14px}
  .post-info-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
  .post-info-controls>.table-search{flex:1;min-width:130px}
  .post-info-row{grid-template-columns:18px minmax(0,1fr) auto;gap:7px}
  .post-info-row-fields{grid-column:2/-1;justify-content:flex-start}
  .post-info-tooltip{display:none}
}

/* Post priority tags shared by the library, reports and expiry notices. */
.post-pin-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.post-pin-tabs button{
  display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid var(--bd1);
  border-radius:99px;background:var(--bg1);color:var(--tx2);font:650 12px/1.35 var(--font-sans);cursor:pointer;
}
.post-pin-tabs button[aria-pressed=true]{background:var(--purple-bg);color:var(--purple-tx);border-color:color-mix(in srgb,var(--purple-tx) 24%,var(--bd1))}
.post-pin-tabs button[data-filter=new]{color:#2366a5}
.post-pin-tabs button[data-filter=boost]{color:var(--amber-tx)}
.post-pin-tabs small{border-radius:99px;padding:0 5px;background:var(--bg2);font-size:11px;color:inherit}
.post-pin-tabs svg,.post-pin-tag svg{width:13px;height:13px}
.post-pin-meta{display:flex;gap:5px 8px;align-items:center;flex-wrap:wrap;margin-top:4px;min-width:0}
.post-pin-meta small{font-size:11px;color:var(--tx2);overflow-wrap:anywhere}
.post-pin-meta small.is-warning{color:var(--amber-tx);font-weight:700}
.post-pin-tag,.post-pin-button.is-new,.post-pin-button.is-boost,.post-pin-button.is-expired{
  border:1px solid var(--post-pin-border);color:var(--post-pin-text);background:var(--post-pin-fill);
}
.post-pin-tag{display:inline-flex;align-items:center;gap:4px;border-radius:99px;padding:2px 7px;font:700 11px/1.4 var(--font-sans);white-space:nowrap}
.post-pin-tag:is(button){cursor:pointer;background:var(--bg1)}
:is(.post-pin-meta,.post-pin-button,.post-pin-kind,.post-pin-row).is-new{
  --post-pin-fill:color-mix(in srgb,#3579c2 10%,var(--bg1));
  --post-pin-border:color-mix(in srgb,#3579c2 31%,var(--bd1));--post-pin-text:#2366a5;--post-pin-accent:#3579c2;
}
:is(.post-pin-meta,.post-pin-button,.post-pin-kind,.post-pin-row).is-boost,.is-expired:is(.post-pin-meta,.post-pin-button,.post-pin-row){
  --post-pin-fill:color-mix(in srgb,#e98135 11%,var(--bg1));
  --post-pin-border:color-mix(in srgb,#e98135 43%,var(--bd1));--post-pin-text:var(--amber-tx);--post-pin-accent:#d76524;
}
html[data-theme=dark] :is(.post-pin-meta,.post-pin-button,.post-pin-kind,.post-pin-row).is-new,html[data-theme=dark] .post-pin-tabs button[data-filter=new]{--post-pin-text:#9ac8fc;color:#9ac8fc}
:is(.table-wrap-entity-posts,.table-wrap-report-post) tbody tr.post-pin-row>td{
  background:color-mix(in srgb,var(--post-pin-fill) 55%,var(--bg1));
}
:is(.table-wrap-entity-posts,.table-wrap-report-post) tbody tr.post-pin-row>td:first-child{box-shadow:inset 3px 0 var(--post-pin-accent)}
:is(.table-wrap-entity-posts,.table-wrap-report-post) tbody tr.post-pin-group>td{
  height:29px;min-height:0;padding-block:5px;background:var(--bg2);color:var(--tx2);font-size:11px;text-transform:uppercase;font-weight:700;
}
.post-pin-row-actions{display:flex;align-items:center;gap:5px}
.post-pin-button.btn{min-width:32px;min-height:32px;padding:4px;display:inline-grid;place-items:center;border-radius:8px;flex:none}
.post-pin-button svg{width:15px;height:15px}
.post-pin-button:is(:hover,:focus-visible),.post-pin-tag:is(button):focus-visible{outline:2px solid var(--purple-tx);outline-offset:2px}
.post-pin-actions-menu{padding:5px!important}
.post-pin-modal{max-width:610px!important}
.post-pin-modal .hc-modal-icon{display:none}
.post-pin-modal .hc-modal-body{display:grid;gap:12px}
.post-pin-modal .hc-modal-body section{display:grid;gap:7px}
.post-pin-modal .hc-modal-body :is(section,input)[hidden]{display:none}
.post-pin-modal .hc-modal-body header{display:flex;align-items:baseline;justify-content:space-between;gap:6px}
.post-pin-modal :is(h4,p){margin:0}
.post-pin-modal textarea[name=note]{min-height:52px}
.post-pin-modal small{color:var(--tx2)}
.post-pin-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.post-pin-kind{display:flex;align-items:center;gap:10px;position:relative;padding:10px;border:1px solid var(--bd1);border-radius:11px;cursor:pointer}
.post-pin-kind:has(:checked){border-color:var(--post-pin-accent);box-shadow:0 0 0 2px var(--post-pin-border);background:color-mix(in srgb,var(--post-pin-fill) 48%,var(--bg1))}
.post-pin-kind:has(:focus-visible),.post-pin-options label:has(:focus-visible){outline:2px solid var(--purple-tx);outline-offset:2px}
.post-pin-kind-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--post-pin-fill);color:var(--post-pin-text);flex:none}
.post-pin-kind-icon svg,.post-pin-hint svg{width:16px;height:16px;flex:none}
.post-pin-kind :is(strong,small){display:block}
.post-pin-kind input,.post-pin-options input{position:absolute;opacity:0;width:1px;height:1px}
.post-pin-options{display:flex;gap:6px;flex-wrap:wrap}
.post-pin-options label{position:relative;border:1px solid var(--bd1);border-radius:99px;padding:5px 10px;color:var(--tx2);cursor:pointer}
.post-pin-options label.is-other{border-style:dashed}
.post-pin-options label:has(:checked){background:var(--purple-bg);border-color:color-mix(in srgb,var(--purple-tx) 30%,var(--bd1));color:var(--purple-tx);font-weight:650}
.post-pin-custom{max-width:280px}
.post-pin-duration{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.post-pin-duration input{width:70px}
.post-pin-hint{display:flex;align-items:center;gap:8px;padding:10px;border-radius:9px;background:var(--bg2);color:var(--tx2);font-size:13px}
.post-pin-hint svg{color:var(--purple-tx)}
.post-pin-modal form[data-pin-type=new] #modal-save{background:#2366bf;border-color:#2366bf;color:#fff}
.post-pin-modal form[data-pin-type=boost] #modal-save,.post-pin-primary.btn{background:#b94b16;border-color:#b94b16;color:#fff}
.post-pin-modal .hc-modal-foot button:nth-last-child(3){margin-right:auto}
.post-pin-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.post-pin-results>div{display:grid;gap:5px;padding:10px;border:1px solid var(--bd1);border-radius:9px}
.post-pin-notice .notice-card-icon{background:var(--amber-bg);color:var(--amber-tx)}
.post-pin-notice-actions{flex-wrap:wrap;gap:5px}
.post-pin-notice-actions button.btn{min-height:28px;padding:4px 8px}
@media(min-width:900px){
  :is(.table-wrap-entity-posts [data-column-key=actions],.table-wrap-report-post [data-column-key=quick_edit]){
    position:sticky;right:0;z-index:3;background:var(--rt-base,var(--bg1));
  }
  :is(.table-wrap-entity-posts th[data-column-key=actions],.table-wrap-report-post th[data-column-key=quick_edit]){
    z-index:6;background:var(--rt-head,var(--bg2));
  }
}
@media(max-width:520px){
  .post-pin-kinds{grid-template-columns:1fr}
  .post-pin-modal .hc-modal-body{padding-inline:16px}
  .post-pin-results>div{padding:7px}
}

/* Missing-post alert settings and the active fields in the review dialog. */
.post-info-active{display:flex;justify-content:space-between;align-items:center;gap:8px 16px;flex-wrap:wrap;padding:10px 12px;margin-bottom:14px;border-radius:10px;background:var(--bg2);color:var(--tx2);font-size:13px}
.post-info-active>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.post-info-active .ui-icon{width:16px;height:16px}
.post-info-active strong{color:var(--tx1)}
.post-info-groups.is-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.post-info-settings-modal{max-width:840px!important}
.post-info-settings-modal .hc-modal-body{padding:0}
.post-info-settings-modal .hc-modal-body>section{padding:15px 22px;border-bottom:1px solid var(--bd1);display:grid;gap:9px}
.post-info-settings-modal .hc-modal-body>section>header{display:flex;align-items:baseline;justify-content:space-between;gap:6px 12px;flex-wrap:wrap}
.post-info-settings-modal :is(h4,p){margin:0}
.post-info-settings-modal small{font-size:12px;color:var(--tx2)}
.post-info-settings-modal strong{display:block}
.post-info-settings-modal :is(.post-info-master,.post-info-channel,.post-info-scope-choice){display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--bd1);border-radius:10px;cursor:pointer;min-width:0}
.post-info-settings-modal :is(.post-info-channel,.post-info-scope-choice):has(input:checked){border-color:color-mix(in srgb,var(--purple-tx) 48%,var(--bd1));background:color-mix(in srgb,var(--purple-bg) 28%,var(--bg1))}
.post-info-master{justify-content:space-between;background:var(--bg2)}
.post-info-master:has(input:checked){background:var(--green-bg)}
.post-info-setting-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.post-info-settings-switch{appearance:none;position:relative;width:35px;height:21px;flex:none;border-radius:12px;margin:0;background:var(--bd2);cursor:pointer}
.post-info-settings-switch::before{content:'';position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .15s}
.post-info-settings-switch:checked{background:var(--purple)}
.post-info-settings-switch:checked::before{transform:translateX(14px)}
.post-info-settings-modal input{accent-color:var(--purple)}
.post-info-settings-modal input:focus-visible{outline:2px solid var(--purple-tx);outline-offset:2px}
.post-info-settings-fields{border:1px solid var(--bd1);border-radius:11px;overflow:hidden}
.post-info-settings-fields>label{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--bd1);cursor:pointer}
.post-info-settings-fields>label:last-child{border:0}
.post-info-settings-fields>label:has(:checked){background:color-mix(in srgb,var(--purple-bg) 33%,var(--bg1))}
.post-info-settings-fields>label:not(:has(:checked)){color:var(--tx2)}
.post-info-field-count{margin-left:auto;border-radius:99px;background:var(--bg2);color:var(--tx2);padding:2px 8px;font-size:11px;white-space:nowrap}
.post-info-settings-fields>label:has(:checked) .post-info-field-count{background:var(--amber-bg);color:var(--amber-tx)}
.post-info-grace,.post-info-weekend,.post-info-time-step,.post-info-time-step>div,.post-info-times,.post-info-times>label{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.post-info-grace input{width:74px;min-height:34px}
.post-info-time-step>div,.post-info-times>label{border:1px solid var(--bd1);border-radius:8px;padding:4px 7px;background:var(--bg1)}
.post-info-time-step button{min-width:28px;min-height:28px;border:0;border-radius:5px;background:var(--bg2);color:var(--tx1);cursor:pointer}
.post-info-time-step button:disabled{opacity:.45}
.post-info-time-step output{min-width:24px;text-align:center;font-weight:700}
.post-info-times input{background:transparent;border:0;color:var(--tx1);font:inherit}
.post-info-recipients{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.post-info-recipients>label,.post-info-recipients summary{border:1px solid var(--bd1);border-radius:99px;padding:4px 8px;cursor:pointer}
.post-info-recipients>label:has(:checked){color:var(--purple-tx);background:var(--purple-bg)}
.post-info-recipients details{position:relative}
.post-info-member-list{position:absolute;z-index:2;min-width:185px;max-height:175px;overflow:auto;border:1px solid var(--bd1);background:var(--bg1);padding:6px;border-radius:8px;box-shadow:0 7px 22px #0002}
.post-info-member-list label{display:block;padding:4px 6px;cursor:pointer}
.post-info-channel>input{margin-left:auto}
.post-info-channel-icon{background:var(--purple-bg);color:var(--purple-tx);padding:6px;border-radius:8px}
.post-info-channel-icon svg{width:19px;height:19px;display:block}
.post-info-settings-modal .form-error:not(:empty){padding:10px 22px}
.post-info-settings-modal .hc-modal-note{display:flex;flex-wrap:wrap;gap:6px 12px}
@media(max-width:560px){.post-info-settings-modal .hc-modal-body>section{padding:12px 14px}.post-info-setting-pair{grid-template-columns:1fr}.post-info-member-list{position:static;box-shadow:none}}

/* Sidebar menu item states */
.sb-item-icon[data-nav-tone] {
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--nav-icon-bg);
  color: var(--nav-icon-fg);
}
:is(.sb-nav, .nav-preview-full) .sb-item[data-nav-tone] {
  color: var(--tx1);
  font-family: Lato, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 400;
}
:is(.sb-nav, .nav-preview-full) .sb-item[data-nav-tone] > .sb-item-icon {
  width: 28px;
  min-width: 28px;
  height: 28px;
}
:is(.sb-nav, .nav-preview-full) .sb-item[data-nav-tone] > .sb-item-icon svg {
  width: 18px;
  height: 18px;
}
:is(.sb-nav, .nav-preview-full) .sb-item[data-nav-tone]:hover {
  background: #f5f5f8;
}
html[data-theme=dark] :is(.sb-nav, .nav-preview-full) .sb-item[data-nav-tone]:hover {
  background: var(--bg2);
}
:is(.sb-nav, .nav-preview-full) .sb-item[data-nav-tone].active,
html[data-theme=dark] :is(.sb-nav, .nav-preview-full) .sb-item[data-nav-tone].active,
.nav-style-demo :is(.nav-demo-child,.nav-demo-line)[data-nav-tone].is-selected {
  background: var(--nav-icon-bg);
  color: var(--nav-active-text);
  font-weight: 700;
  box-shadow: none;
}
:is(.sb-nav, .nav-preview-full) .sb-item[data-nav-tone].active > .sb-item-icon,
.nav-style-demo .is-selected > .sb-item-icon[data-nav-tone],
.sb-part-dock button[aria-pressed=true] > .sb-item-icon[data-nav-tone],
.sb-part-menu button[aria-pressed=true] > .sb-item-icon[data-nav-tone],
.sb-part-trigger > .sb-item-icon[data-nav-tone] {
  background: var(--nav-icon-solid);
  color: white;
}
:is(.sb-nav, .nav-preview-full) .sb-item[data-nav-tone]:focus-visible {
  outline: 2px solid var(--nav-icon-fg);
  outline-offset: -2px;
}
.sb-item[data-nav-tone] .nav-count {
  background: var(--nav-icon-bg);
  color: var(--nav-active-text);
  font-weight: 700;
  flex: none;
}
.sb-nav .sb-section-label[data-nav-tone]::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-inline-end: 7px;
  border-radius: 50%;
  background: var(--nav-icon-fg);
  vertical-align: 2px;
}
.app.sidebar-collapsed .sb-nav[data-menu-mode=icons] {
  overflow-x: hidden;
  scrollbar-width: thin;
}
.app.sidebar-collapsed .sb-nav[data-menu-mode=icons] .sb-item[data-nav-tone] {
  margin-inline: auto;
  padding: 8px;
}
.sidebar-collapsed .sb-item[data-nav-tone] .nav-count {
  position: absolute;
  inset: 1px 0 auto auto;
  padding: 1px 3px;
  font-size: 9px;
  line-height: 1.1;
  border: 1px solid var(--bg1);
}
.sb-part-dock button > .sb-item-icon[data-nav-tone] {
  width: 28px;
  height: 28px;
}
.sb-part-dock button[aria-pressed=true]::after { display: none; }
#menu-preview .sb-item[data-nav-tone] > .sb-item-icon {
  width: 23px;
  min-width: 23px;
  height: 23px;
  border-radius: 7px;
}
#menu-preview .sb-item[data-nav-tone] > .sb-item-icon svg {
  width: 15px;
  height: 15px;
}
.ai-fab > .sb-item-icon[data-nav-tone] {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #5448de;
  color: white;
}
.ai-fab > .sb-item-icon svg { width: 16px; height: 16px; }