:root{--font:"Tajawal", "Segoe UI", Tahoma, system-ui, sans-serif;--mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-16:16px;--fs-18:18px;--fs-22:22px;--fs-26:26px;--lh:1.65;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--r-sm:6px;--r-btn:8px;--r-input:8px;--r-panel:14px;--r-card:14px;--r-pill:999px;--ease:cubic-bezier(.2, .7, .2, 1);--t-fast:.15s;--t:.2s;--sidebar-w:232px;--topbar-h:60px;--content-max:1240px;--bottom-nav-h:64px;--primary:#2f5bea;--primary-hover:#2449c9;--primary-soft:#eef2fe;--primary-ring:#2f5bea38;--on-primary:#fff;--bg:#f5f6f8;--surface:#fff;--elevated:#fff;--subtle:#f7f8fa;--hover:#f2f4f7;--border:#e6e8ec;--border-strong:#d5d9e0;--heading:#101828;--text:#344054;--muted:#667085;--faint:#98a2b3;--success:#12805c;--success-soft:#eaf6f1;--warning:#b5650b;--warning-soft:#fef5e7;--danger:#c8372d;--danger-soft:#fdeeec;--info:#2f5bea;--info-soft:#eef2fe;--shadow-1:0 1px 2px #1018280a;--shadow-2:0 4px 12px #1018280f, 0 1px 2px #1018280a;--shadow-pop:0 16px 40px #10182824;--neu:var(--shadow-1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--primary:#6b8cff;--primary-hover:#8aa3ff;--primary-soft:#1a2240;--primary-ring:#6b8cff4d;--on-primary:#0b1020;--bg:#0f1217;--surface:#161a21;--elevated:#1c212a;--subtle:#191d25;--hover:#1f242e;--border:#2a303b;--border-strong:#363d4a;--heading:#f2f4f7;--text:#d0d5dd;--muted:#98a2b3;--faint:#667085;--success:#3cc08e;--success-soft:#10291f;--warning:#e5a445;--warning-soft:#2a2012;--danger:#f0776c;--danger-soft:#2e1715;--info:#6b8cff;--info-soft:#1a2240;--shadow-1:0 1px 2px #0006;--shadow-2:0 10px 28px #00000073;--shadow-pop:0 20px 56px #0009;--neu:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root[data-theme=system]{--primary:#6b8cff;--primary-hover:#8aa3ff;--primary-soft:#1a2240;--primary-ring:#6b8cff4d;--on-primary:#0b1020;--bg:#0f1217;--surface:#161a21;--elevated:#1c212a;--subtle:#191d25;--hover:#1f242e;--border:#2a303b;--border-strong:#363d4a;--heading:#f2f4f7;--text:#d0d5dd;--muted:#98a2b3;--faint:#667085;--success:#3cc08e;--success-soft:#10291f;--warning:#e5a445;--warning-soft:#2a2012;--danger:#f0776c;--danger-soft:#2e1715;--info:#6b8cff;--info-soft:#1a2240;--shadow-1:0 1px 2px #0006;--shadow-2:0 10px 28px #00000073;--shadow-pop:0 20px 56px #0009;--neu:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-density=compact]{--s-4:12px;--s-5:16px;--s-6:20px;--fs-14:13px}@media (prefers-reduced-motion:reduce){:root{--t-fast:0s;--t:0s}*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;width:100%;min-width:0;max-width:100%;overflow-x:clip}body{background:var(--bg);width:100%;min-width:0;max-width:100%;min-height:100vh;color:var(--text);font-family:var(--font);font-size:var(--fs-14);line-height:var(--lh);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:clip}h1,h2,h3,h4{color:var(--heading);margin:0;font-weight:600;line-height:1.35}h1{font-size:var(--fs-22)}h2{font-size:var(--fs-16)}h3{font-size:var(--fs-14)}p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}small{font-size:var(--fs-12);color:var(--muted)}code,kbd{font-family:var(--mono);font-size:var(--fs-12)}code{border-radius:var(--r-sm);background:var(--subtle);border:1px solid var(--border);color:var(--text);overflow-wrap:anywhere;padding:1px 6px}kbd{border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);border-radius:5px;padding:1px 6px}hr{border:0;border-top:1px solid var(--border);margin:var(--s-4) 0}img{max-width:100%;display:block}button,input,select,textarea{max-width:100%;font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}::selection{background:var(--primary-soft);color:var(--heading)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.danger{color:var(--danger)}.stack{gap:var(--s-4);display:grid}.row{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.grow{flex:1;min-width:0}.nowrap{white-space:nowrap}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pre{white-space:pre-wrap;overflow-wrap:anywhere}.num{font-variant-numeric:tabular-nums}@supports not (overflow:clip){html,body{overflow-x:hidden}}
.btn,.primary-button,.secondary-button,.icon-button,.ghost-button{justify-content:center;align-items:center;gap:var(--s-2);min-height:36px;padding:0 var(--s-4);border-radius:var(--r-btn);font-size:var(--fs-13);white-space:nowrap;transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);border:1px solid #0000;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:hover,.primary-button:hover,.secondary-button:hover,.icon-button:hover{text-decoration:none}.btn:active,.primary-button:active,.secondary-button:active{transform:translateY(1px)}.btn:disabled,.primary-button:disabled,.secondary-button:disabled,.icon-button:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn-primary,.primary-button{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-1)}.btn-primary:hover,.primary-button:hover{background:var(--primary-hover)}.btn-secondary,.secondary-button{background:var(--surface);color:var(--heading);border-color:var(--border)}.btn-secondary:hover,.secondary-button:hover{background:var(--hover);border-color:var(--border-strong)}.btn-ghost,.ghost-button{color:var(--text);background:0 0}.btn-ghost:hover,.ghost-button:hover{background:var(--hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(.95)}.secondary-button.danger,.btn-secondary.danger{color:var(--danger)}.btn-sm{min-height:30px;padding:0 var(--s-3);font-size:var(--fs-12);border-radius:8px}.icon-button,.btn-icon{background:var(--surface);border-color:var(--border);width:36px;color:var(--text);padding:0}.icon-button:hover,.btn-icon:hover{background:var(--hover)}.link-button{color:var(--primary);font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0}.link-button:hover{text-underline-offset:3px;text-decoration:underline}.link-button.danger{color:var(--danger)}.primary-button.disabled{opacity:.5;pointer-events:none}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select,textarea{width:100%;min-height:38px;padding:0 var(--s-3);border-radius:var(--r-input);border:1px solid var(--border);background:var(--surface);color:var(--heading);font-size:var(--fs-14);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease)}textarea{padding:var(--s-3);resize:vertical;min-height:120px;line-height:1.75}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23747B86' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;padding-left:32px}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);outline:none}input:disabled,select:disabled,textarea:disabled{background:var(--subtle);color:var(--muted);cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--faint)}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}label,.field{font-size:var(--fs-13);color:var(--heading);gap:6px;font-weight:500;display:grid}label small,.field small{font-weight:400}fieldset{border:0;min-width:0;margin:0;padding:0}legend{font-size:var(--fs-13);color:var(--heading);margin-bottom:var(--s-2);font-weight:600}.field-row,.form-grid{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.inline-field{gap:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.inline-field>input{flex:1;min-width:180px}.inline-field>select{width:auto;min-width:140px}.post-form{gap:var(--s-4);display:grid}.form-actions{gap:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.toggle-row{gap:var(--s-2);align-items:flex-start;font-weight:500;display:flex}.mode-choice{gap:var(--s-2);padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r-panel);display:grid}.mode-choice label{gap:var(--s-2);align-items:center;font-weight:400;display:flex}.dropzone{padding:var(--s-8) var(--s-4);border:1.5px dashed var(--border-strong);border-radius:var(--r-panel);background:var(--subtle);text-align:center;cursor:pointer;transition:border-color var(--t-fast), background var(--t-fast);place-items:center;gap:6px;display:grid}.dropzone:hover{border-color:var(--primary);background:var(--primary-soft)}.dropzone>span{color:var(--primary);font-size:20px}.dropzone input[type=file]{max-width:240px;font-size:var(--fs-12)}.card,.panel-card,.integration-card,.log-card,.settings-content,.detail-preview,.page-card{gap:var(--s-4);padding:var(--s-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);min-width:0;box-shadow:var(--shadow-1);align-content:start;display:grid}.card-flush{padding:0;overflow:hidden}.card-header,.panel-heading{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.card-header h2,.panel-heading h2,.panel-card>h2{font-size:var(--fs-14);font-weight:600}.card-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.section{gap:var(--s-3);display:grid}.section-title{font-size:var(--fs-12);color:var(--muted);text-transform:none;font-weight:600}.section-kicker,.eyebrow{font-size:var(--fs-12);color:var(--primary);font-weight:600}.page-header,.page-intro,.detail-top,.welcome-row,.settings-heading{justify-content:space-between;align-items:flex-end;gap:var(--s-4);margin-bottom:var(--s-5);flex-wrap:wrap;display:flex}.page-header h1,.page-intro h2,.detail-top h1,.welcome-row h1,.settings-heading h1{font-size:var(--fs-22);letter-spacing:-.2px;font-weight:600}.page-header p,.page-intro p,.detail-top p,.welcome-row p,.settings-heading p{color:var(--muted);font-size:var(--fs-13);margin-top:4px}.page-actions,.intro-actions{gap:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.badge,.status-pill,.chip,.safe-badge,.ui-status{border-radius:var(--r-pill);height:22px;font-size:var(--fs-11);white-space:nowrap;background:var(--subtle);color:var(--text);border:1px solid #0000;align-items:center;gap:6px;padding:0 9px;font-weight:500;display:inline-flex}.badge:before,.status-pill:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:6px;height:6px}.chip:before{display:none}.chip{background:var(--primary-soft);color:var(--primary)}button.chip{cursor:pointer;font-family:inherit}button.chip:hover{filter:brightness(.97)}.chip.muted{border-color:var(--border);color:var(--muted);background:0 0}.chip a{color:inherit}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip-remove{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 0 0 2px;font-size:13px;line-height:1}.badge-success,.status-published,.state-healthy,.ui-status-success,.status-ok{background:var(--success-soft);color:var(--success)}.badge-warning,.status-pending_approval,.status-approved,.state-warning,.ui-status-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger,.status-failed,.state-error,.ui-status-danger,.status-danger{background:var(--danger-soft);color:var(--danger)}.badge-info,.status-scheduled,.status-publishing{background:var(--info-soft);color:var(--info)}.badge-neutral,.status-draft,.status-archived,.status-cancelled,.state-off,.status-muted{background:var(--subtle);color:var(--muted)}.status-ok,.status-danger,.status-muted{background:0 0;height:auto;padding:0}.banner,.alert,.dashboard-alert,.safe-banner,.live-banner,.comments-notice{gap:var(--s-2);padding:var(--s-3) var(--s-4);border-radius:var(--r-panel);border:1px solid var(--border);background:var(--subtle);color:var(--text);font-size:var(--fs-13);margin:0 0 var(--s-4);align-items:flex-start;display:flex}.alert-warning,.banner{background:var(--warning-soft);border-color:color-mix(in srgb, var(--warning) 25%, transparent);color:var(--text)}.alert-danger{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 25%, transparent)}.alert-info,.dashboard-alert{background:var(--info-soft);border-color:color-mix(in srgb, var(--info) 22%, transparent)}.alert-success{background:var(--success-soft);border-color:color-mix(in srgb, var(--success) 22%, transparent)}.hint{color:var(--muted);font-size:var(--fs-13)}.tabs,.status-tabs,.comments-tabs{border-bottom:1px solid var(--border);margin-bottom:var(--s-4);scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.status-tabs::-webkit-scrollbar{display:none}.tabs>a,.tabs>button,.status-tabs>a,.status-tabs>button,.comments-tabs>a,.comments-tabs>button{color:var(--muted);font-size:var(--fs-13);white-space:nowrap;transition:color var(--t-fast), border-color var(--t-fast);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 12px;font-weight:500;text-decoration:none;display:inline-flex}.tabs>:hover,.status-tabs>:hover{color:var(--heading);text-decoration:none}.tabs>.active,.status-tabs>.active,.tabs>[aria-current=page],.comments-tabs>.active{color:var(--primary);border-bottom-color:var(--primary)}.tabs b,.status-tabs b{border-radius:var(--r-pill);background:var(--subtle);min-width:20px;height:18px;color:var(--muted);font-size:var(--fs-11);place-items:center;padding:0 6px;font-weight:500;display:inline-grid}.status-tabs .active b{background:var(--primary-soft);color:var(--primary)}.toolbar,.media-toolbar,.post-toolbar,.comments-toolbar,.calendar-filters{gap:var(--s-2);margin-bottom:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.toolbar>input,.toolbar .search{flex:1;min-width:200px}.toolbar select,.toolbar input[type=date]{width:auto;min-width:140px}.bulk-bar{gap:var(--s-2);top:calc(var(--topbar-h) + 8px);z-index:6;padding:var(--s-2) var(--s-3);margin-bottom:var(--s-3);border:1px solid color-mix(in srgb, var(--primary) 30%, var(--border));border-radius:var(--r-panel);background:var(--primary-soft);box-shadow:var(--shadow-2);flex-wrap:wrap;align-items:center;display:flex;position:sticky}.bulk-bar select{width:auto;min-width:150px}.saved-filters{margin-bottom:var(--s-3)}.table-card,.posts-table{padding:0;overflow:hidden}.responsive-table{overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;text-align:right;width:100%;font-size:var(--fs-13)}.data-table th{z-index:1;padding:11px var(--s-4);background:var(--surface);color:var(--muted);font-size:var(--fs-12);border-bottom:1px solid var(--border);white-space:nowrap;font-weight:500;position:sticky;top:0}.data-table td{padding:14px var(--s-4);border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr{transition:background var(--t-fast)}.data-table tbody tr:hover{background:var(--hover)}.data-table tbody tr:last-child td{border-bottom:0}.data-table tr.selected td{background:var(--primary-soft)}.data-table th:first-child,.data-table td:first-child{width:44px;padding-left:0}.cell-content{color:var(--heading);overflow-wrap:anywhere;text-decoration:none;display:block}.cell-content:hover{color:var(--primary);text-decoration:none}.cell-error{color:var(--danger);font-size:var(--fs-12);margin-top:4px;display:block}.cell-meta{color:var(--muted);font-size:var(--fs-12);margin-top:2px;display:block}.post-cell{gap:var(--s-3);grid-template-columns:44px 1fr;align-items:center;display:grid}.thumb{object-fit:cover;background:var(--subtle);border:1px solid var(--border);width:44px;height:44px;color:var(--faint);border-radius:8px;place-items:center;font-size:16px;display:grid}.row-actions{gap:var(--s-2);justify-content:flex-end;align-items:center;display:flex}.pagination{gap:var(--s-3);margin:var(--s-4) 0;color:var(--muted);font-size:var(--fs-13);justify-content:center;align-items:center;display:flex}.list{display:grid}.list-row,.integration-row,.setting-row{justify-content:space-between;align-items:center;gap:var(--s-3);border-bottom:1px solid var(--border);font-size:var(--fs-13);padding:10px 0;display:flex}.list-row:last-child,.integration-row:last-child,.setting-row:last-child{border-bottom:0}.timeline-list{margin:0;padding:0;list-style:none;display:grid}.timeline-list>li{border-bottom:1px solid var(--border);gap:4px;padding:10px 0;display:grid}.timeline-list>li:last-child{border-bottom:0}.timeline-list small{color:var(--muted)}.timeline{margin:0;padding:0;list-style:none;display:grid;position:relative}.timeline>li{padding:0 22px 14px 0;position:relative}.timeline>li:before{content:"";background:var(--surface);border:2px solid var(--border-strong);border-radius:50%;width:9px;height:9px;position:absolute;top:7px;right:5px}.timeline>li:after{content:"";background:var(--border);width:1px;position:absolute;top:18px;bottom:0;right:9px}.timeline>li:last-child:after{display:none}.timeline>li.ok:before{border-color:var(--success);background:var(--success)}.timeline>li.bad:before{border-color:var(--danger);background:var(--danger)}.timeline>li.warn:before{border-color:var(--warning);background:var(--warning)}.timeline time{font-family:var(--mono);font-size:var(--fs-11);color:var(--muted)}.metric-strip,.metrics-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--neu);margin-bottom:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid;overflow:hidden}.metric{padding:var(--s-4) var(--s-5);border-inline-start:1px solid var(--border);gap:4px;min-width:0;display:grid}.metric:first-child{border-inline-start:0}.metric small{color:var(--muted);font-size:var(--fs-12)}.metric strong{color:var(--heading);font-size:var(--fs-22);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.2}.metric .trend{font-size:var(--fs-11);font-weight:500}.trend.up{color:var(--success)}.trend.down{color:var(--danger)}.metrics-row.compact{box-shadow:none}.sparkline{width:100%;height:28px;color:var(--primary)}.progress{border-radius:var(--r-pill);background:var(--subtle);height:6px;overflow:hidden}.progress>span{background:var(--primary);border-radius:inherit;height:100%;transition:width var(--t) var(--ease);display:block}.bar-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bar-list li{gap:var(--s-3);font-size:var(--fs-13);grid-template-columns:96px 1fr 40px;align-items:center;display:grid}.bar{border-radius:var(--r-pill);background:var(--subtle);height:8px;overflow:hidden}.bar i{background:var(--primary);border-radius:inherit;height:100%;display:block}.insights{gap:var(--s-2);margin-bottom:var(--s-4);display:grid}.insight{padding:10px var(--s-4);border-radius:var(--r-panel);background:var(--primary-soft);color:var(--heading);font-size:var(--fs-13)}.dot,.status-dot{background:var(--faint);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.dot.ok{background:var(--success)}.dot.warn{background:var(--warning)}.dot.bad{background:var(--danger)}.dot.off{background:var(--faint)}.health-list{display:grid}.health-row{align-items:center;gap:var(--s-2);border-bottom:1px solid var(--border);font-size:var(--fs-13);padding:8px 0;display:flex}.health-row:last-child{border-bottom:0}.health-row .label{color:var(--text);flex:1}.health-row .value{color:var(--muted);font-size:var(--fs-12)}.checklist{padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r-panel);background:var(--subtle);font-size:var(--fs-13);gap:6px;margin:0;list-style:none;display:grid}.checklist .ok{color:var(--success)}.checklist .bad{color:var(--danger)}.checklist .warn{color:var(--warning)}.checklist small{color:var(--muted)}.empty-state,.ui-empty-state,.comments-empty,.table-empty{place-items:center;gap:var(--s-2);padding:var(--s-10) var(--s-5);text-align:center;color:var(--muted);display:grid}.empty-state strong,.ui-empty-state strong{color:var(--heading);font-size:var(--fs-14);font-weight:600}.empty-state .empty-icon{background:var(--primary-soft);width:40px;height:40px;color:var(--primary);border-radius:12px;place-items:center;margin-bottom:4px;font-size:18px;display:grid}.skeleton{background:var(--subtle);border-radius:8px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--surface) 60%, transparent), transparent);animation:1.3s infinite shimmer;position:absolute;inset:0;transform:translate(100%)}@keyframes shimmer{to{transform:translate(-100%)}}.skeleton-line{height:12px}.skeleton-title{width:40%;height:20px}.skeleton-block{height:120px}.menu,.menu-panel,.search-results,.notification-panel{z-index:40;background:var(--elevated);border:1px solid var(--border);border-radius:var(--r-panel);min-width:200px;box-shadow:var(--shadow-pop);animation:pop var(--t) var(--ease);gap:1px;padding:6px;display:grid;position:absolute}@keyframes pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.menu>a,.menu>button,.menu-panel>a,.search-results>button{align-items:center;gap:var(--s-2);width:100%;color:var(--text);font-size:var(--fs-13);text-align:right;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;text-decoration:none;display:flex}.menu>a:hover,.menu>button:hover,.menu-panel>a:hover,.search-results>button:hover,.search-results>button:focus-visible{background:var(--hover);text-decoration:none}.menu>.danger{color:var(--danger)}.menu-sep{background:var(--border);height:1px;margin:4px 0}.dialog-backdrop,.palette-backdrop,.drawer-backdrop{z-index:90;animation:fade var(--t) var(--ease);background:#090b1073;border:0;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.dialog{z-index:91;width:min(460px,100% - 32px);height:fit-content;max-height:85vh;padding:var(--s-5);gap:var(--s-4);background:var(--elevated);border:1px solid var(--border);border-radius:var(--r-panel);box-shadow:var(--shadow-pop);animation:pop var(--t) var(--ease);margin:auto;display:grid;position:fixed;inset:0;overflow:auto}.dialog h2{font-size:var(--fs-16)}.dialog .form-actions{justify-content:flex-start}.toast-region{z-index:120;gap:var(--s-2);width:min(380px,100% - 32px);display:grid;position:fixed;bottom:20px;left:20px}.toast{gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--elevated);color:var(--heading);border:1px solid var(--border);border-inline-start:3px solid var(--info);border-radius:var(--r-panel);box-shadow:var(--shadow-pop);font-size:var(--fs-13);animation:toast-in var(--t) var(--ease);align-items:flex-start;display:flex}.toast.success{border-inline-start-color:var(--success)}.toast.warning{border-inline-start-color:var(--warning)}.toast.error{border-inline-start-color:var(--danger)}.toast button{color:var(--muted);background:0 0;border:0;margin-inline-start:auto}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.help-tip{vertical-align:middle;display:inline-block;position:relative}.help-tip summary{cursor:pointer;color:var(--muted);padding:0 4px;font-size:13px;list-style:none}.help-tip summary:hover{color:var(--primary)}.help-tip summary::-webkit-details-marker{display:none}.help-tip span{z-index:30;width:min(280px,80vw);padding:var(--s-3);border-radius:var(--r-panel);border:1px solid var(--border);background:var(--elevated);color:var(--text);font-size:var(--fs-12);box-shadow:var(--shadow-2);font-weight:400;line-height:1.7;position:absolute;top:22px;right:0}[data-tooltip]{position:relative}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{content:attr(data-tooltip);z-index:50;background:var(--heading);width:max-content;max-width:240px;color:var(--surface);font-size:var(--fs-12);white-space:normal;pointer-events:none;border-radius:8px;padding:6px 10px;font-weight:400;line-height:1.5;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}details.disclosure>summary{cursor:pointer;color:var(--muted);font-size:var(--fs-12)}.error-detail{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--fs-12);padding:var(--s-3);background:var(--subtle);border:1px solid var(--border);font-family:var(--mono);border-radius:8px;display:block}.avatar{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);font-weight:600;font-size:var(--fs-13);border-radius:50%;flex:none;place-items:center;display:inline-grid}.kbd-hint{font-size:var(--fs-11);font-weight:600}.mention{color:var(--primary);font-weight:500}.version-body{gap:var(--s-2);padding:var(--s-3);background:var(--subtle);border-radius:var(--r-panel);display:grid}.preview-image{object-fit:cover;border:1px solid var(--border);border-radius:10px;width:100%;max-height:420px}.link-preview{margin-top:var(--s-2);padding:var(--s-3);border:1px dashed var(--border-strong);border-radius:var(--r-panel);font-size:var(--fs-12);gap:4px;display:grid}.media-picker{border:1px solid var(--border);border-radius:var(--r-panel);grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px;max-height:220px;padding:6px;display:grid;overflow:auto}.media-picker button{aspect-ratio:1;background:0 0;border:2px solid #0000;border-radius:8px;padding:0;overflow:hidden}.media-picker button:hover{border-color:var(--primary)}.media-picker img{object-fit:cover;width:100%;height:100%}.autosave-status{font-size:var(--fs-12);color:var(--muted)}.result-grid{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));display:grid}.result-grid span{padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-panel);color:var(--muted);font-size:var(--fs-12);gap:2px;display:grid}.result-grid b{color:var(--heading);font-size:var(--fs-18);font-weight:600}.wizard-steps{gap:var(--s-2);margin-bottom:var(--s-4);flex-wrap:wrap;display:flex}.wizard-steps span{height:30px;padding:0 var(--s-3);border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:var(--fs-12);align-items:center;gap:6px;display:inline-flex}.wizard-steps span b{background:var(--subtle);width:18px;height:18px;font-size:var(--fs-11);border-radius:50%;place-items:center;display:grid}.wizard-steps .active{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));color:var(--primary);background:var(--primary-soft)}.wizard-steps .active b{background:var(--primary);color:var(--on-primary)}.wizard-list{gap:var(--s-2);margin:var(--s-4) 0;padding:0;list-style:none;display:grid}.wizard-list li.done{opacity:.72}.wizard-list li.current{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.step-num{background:var(--primary-soft);width:22px;height:22px;color:var(--primary);font-size:var(--fs-12);border-radius:50%;justify-content:center;align-items:center;margin-inline-end:6px;display:inline-flex}.mapping-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.mapping-grid small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-search{margin-bottom:var(--s-3)}.goal-row{margin-bottom:var(--s-2);font-size:var(--fs-13);gap:4px;display:grid}.ai-assist{gap:6px;display:grid}.form-layout,.detail-layout,.composer-layout,.import-layout{gap:var(--s-4);grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);align-items:start;display:grid}.dashboard-grid{gap:var(--s-4);margin-bottom:var(--s-4);grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:start;display:grid}.split{gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:1023px){.form-layout,.detail-layout,.composer-layout,.import-layout,.dashboard-grid,.split{grid-template-columns:1fr}}@media (max-width:767px){.field-row,.form-grid{grid-template-columns:1fr}.metric{border-inline-start:0;border-top:1px solid var(--border);padding:var(--s-3) var(--s-4)}.metric-strip,.metrics-row{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(-n+2){border-top:0}.metric:nth-child(2n){border-inline-start:1px solid var(--border)}.metric strong{font-size:var(--fs-18)}.card,.panel-card{padding:var(--s-4)}.bar-list li{grid-template-columns:72px 1fr 32px}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table tr{padding:var(--s-3) var(--s-4) var(--s-3) var(--s-4);border-bottom:1px solid var(--border);position:relative}.data-table td{border:0;padding:2px 0}.data-table td:first-child{left:var(--s-4);top:var(--s-3);width:auto;position:absolute}.data-table td[data-label]:before{content:attr(data-label) " · ";color:var(--faint);font-size:var(--fs-11)}.data-table td[data-label=المحتوى]:before{content:none}.row-actions{justify-content:flex-start;margin-top:6px}.page-header,.page-intro,.detail-top{align-items:flex-start}}.row-menu{display:inline-block;position:relative}.row-menu .menu{min-width:190px;top:calc(100% + 4px);left:0}.btn-icon-sm{width:30px;padding:0}.cell-actions{text-align:left;width:48px}@media (max-width:767px){.posts-data td.cell-actions{left:var(--s-2);bottom:var(--s-2);width:auto;position:absolute}.posts-data td[data-label=المحتوى]{padding-left:32px}.posts-data td[data-label=التحديث],.posts-data td[data-label=الحملة]{display:none}.posts-data td[data-label=الصفحة],.posts-data td[data-label=الموعد],.posts-data td[data-label=الحالة]{width:auto;font-size:var(--fs-12);margin-inline-end:var(--s-3);display:inline-block}.posts-data td[data-label=الحالة]:before,.posts-data td[data-label=الصفحة]:before{content:none}.toolbar>input[type=date]{flex:1;width:auto!important}}.cell-content.clamp-2,.clamp-2{display:-webkit-box}.posts-data td[data-label=المحتوى]{width:44%;min-width:340px}.posts-data td{white-space:nowrap}.posts-data td[data-label=المحتوى],.posts-data td[data-label=الحملة]{white-space:normal}@media (max-width:767px){.posts-data td[data-label=المحتوى]{width:100%;min-width:0}}.segmented{background:var(--subtle);border:1px solid var(--border);border-radius:var(--r-btn);gap:2px;padding:3px;display:inline-flex}.segmented>a,.segmented>button{height:28px;color:var(--muted);font-size:var(--fs-12);background:0 0;border:0;border-radius:7px;align-items:center;padding:0 12px;font-weight:500;text-decoration:none;display:inline-flex}.segmented>a:hover,.segmented>button:hover{color:var(--heading);text-decoration:none}.segmented>.active{background:var(--surface);color:var(--heading);box-shadow:var(--shadow-1)}.filter-extra{display:contents}@media (max-width:767px){.filter-extra{gap:var(--s-2);flex-wrap:wrap;width:100%;display:none}.filter-extra.open{display:flex}.filter-extra>select,.filter-extra>input,.filter-extra select{flex:45%;width:auto;min-width:0}.toolbar>input[type=search]{flex:100%}}.card-header h2,.panel-heading h2,.panel-card>h2{font-size:var(--fs-16)}.page-header h1{font-size:var(--fs-26)}.page-header{margin-bottom:var(--s-6)}.metric{padding:var(--s-5) var(--s-6)}.metric strong{font-size:var(--fs-26)}@media (max-width:767px){.form-layout,.detail-layout,.composer-layout,.import-layout,.dashboard-grid,.split{gap:var(--s-4);grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:100%}.page-header,.page-intro,.detail-top,.welcome-row,.settings-heading{align-items:flex-start;gap:var(--s-3);width:100%;min-width:0;max-width:100%;margin-bottom:var(--s-4)}.page-header>*,.page-intro>*,.detail-top>*,.welcome-row>*,.settings-heading>*{min-width:0;max-width:100%}.page-header h1,.page-intro h2,.detail-top h1,.welcome-row h1,.settings-heading h1{font-size:21px;line-height:1.4}.page-header p,.page-intro p,.detail-top p,.welcome-row p,.settings-heading p{font-size:var(--fs-13);overflow-wrap:anywhere;line-height:1.75}.card,.panel-card,.integration-card,.log-card,.settings-content,.detail-preview,.page-card{width:100%;min-width:0;max-width:100%;padding:var(--s-4)}.card-grid{grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:100%}.tabs,.status-tabs,.comments-tabs{width:100%;min-width:0;max-width:100%;margin-bottom:var(--s-3);overscroll-behavior-inline:contain;scroll-snap-type:inline proximity}.tabs>a,.tabs>button,.status-tabs>a,.status-tabs>button,.comments-tabs>a,.comments-tabs>button{scroll-snap-align:start;flex:none;padding:9px 11px}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select{min-height:44px}textarea{min-height:150px}.post-form{gap:var(--s-4)}.field-row,.form-grid{grid-template-columns:minmax(0,1fr)}.inline-field{align-items:stretch}.inline-field>input,.inline-field>select{width:100%;min-width:0}.toolbar,.media-toolbar,.post-toolbar,.comments-toolbar,.calendar-filters{width:100%;min-width:0;max-width:100%}.toolbar>input,.toolbar .search{flex:100%;min-width:0}.toolbar select,.toolbar input[type=date],.bulk-bar select{width:100%;min-width:0}.metric-strip,.metrics-row{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:var(--s-3)}.metric strong{font-size:20px}.bar-list li{gap:var(--s-2);grid-template-columns:minmax(70px,auto) minmax(0,1fr) 34px}.list-row,.integration-row,.setting-row,.list-row>*,.integration-row>*,.setting-row>*{min-width:0}.form-actions{width:100%}.form-actions .btn,.form-actions .primary-button,.form-actions .secondary-button{min-height:44px}.empty-state,.ui-empty-state,.comments-empty,.table-empty{padding:var(--s-8) var(--s-4)}.dialog{width:calc(100% - 24px);max-width:none;max-height:calc(100dvh - 24px);padding:var(--s-4)}.preview-image{max-height:320px}}@media (max-width:380px){.metric-strip,.metrics-row{grid-template-columns:minmax(0,1fr)}}.library-media-field{gap:var(--s-2);min-width:0;display:grid}.library-media-field .field-label{font-size:var(--fs-13);color:var(--heading);font-weight:500}.library-upload-preview{gap:var(--s-3);padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-panel);background:var(--subtle);min-width:0;display:grid}.library-upload-preview .preview-image{object-fit:contain;background:var(--surface);max-height:280px}.dropzone.disabled{opacity:.65;pointer-events:none}@media (max-width:767px){.library-media-field{width:100%}.library-upload-preview .row-between{align-items:flex-start}.library-upload-preview .form-actions{width:auto}}
.app-layout{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);width:100%;min-width:0;max-width:100%;min-height:100vh;display:grid}.app-main{flex-direction:column;width:100%;min-width:0;max-width:100%;display:flex}.app-content{width:100%;max-width:var(--content-max);min-width:0;padding:var(--s-6) var(--s-6) var(--s-10);margin:0 auto}.sidebar{background:var(--surface);border-inline-end:1px solid var(--border);z-index:30;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.app-brand{align-items:center;gap:var(--s-3);height:var(--topbar-h);padding:0 var(--s-4);border-bottom:1px solid var(--border);display:flex}.app-brand img,.brand-mark{border-radius:8px;flex:none;width:28px;height:28px}.brand-mark{background:var(--primary);color:#fff;place-items:center;font-size:12px;font-weight:700;display:grid}.app-brand strong{color:var(--heading);font-size:var(--fs-14);font-weight:600;line-height:1.2;display:block}.app-brand small{font-size:var(--fs-11);line-height:1.2;display:block}.page-switch{margin:var(--s-3) var(--s-3) 0;align-items:center;gap:var(--s-2);border:1px solid var(--border);border-radius:var(--r-btn);background:var(--subtle);font-size:var(--fs-12);color:var(--text);padding:8px 10px;display:flex}.page-switch .avatar{width:22px;height:22px;font-size:11px}.side-nav{padding:var(--s-3);scrollbar-width:thin;flex:1;align-content:start;gap:2px;display:grid;overflow-y:auto}.nav-group{margin-top:var(--s-2);gap:1px;display:grid}.nav-group:first-child{margin-top:0}.nav-group>button{width:100%;color:var(--faint);font-size:var(--fs-11);letter-spacing:.2px;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-weight:600;display:flex}.nav-group>button:hover{color:var(--muted)}.nav-group>button .chev{transition:transform var(--t-fast) var(--ease);font-size:10px}.nav-group.collapsed>button .chev{transform:rotate(90deg)}.nav-group.collapsed .nav-items{display:none}.nav-items{gap:1px;display:grid}.nav-link{height:34px;color:var(--text);font-size:var(--fs-13);transition:background var(--t-fast), color var(--t-fast);border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-link svg{width:17px;height:17px;color:var(--muted);transition:color var(--t-fast);flex:none}.nav-link:hover{background:var(--hover);color:var(--heading);text-decoration:none}.nav-link.active{background:var(--primary-soft);color:var(--primary)}.nav-link.active svg{color:var(--primary)}.nav-link.active:before{content:"";background:var(--primary);border-radius:3px 0 0 3px;width:3px;position:absolute;top:8px;bottom:8px;right:-12px}.nav-link .count{border-radius:var(--r-pill);background:var(--danger);color:#fff;place-items:center;min-width:18px;height:18px;margin-inline-start:auto;padding:0 5px;font-size:10px;display:inline-grid}.side-bottom{border-top:1px solid var(--border);padding:var(--s-3);position:relative}.profile-button{align-items:center;gap:var(--s-2);text-align:right;background:0 0;border:0;border-radius:8px;width:100%;padding:6px;display:flex}.profile-button:hover{background:var(--hover)}.profile-button strong{color:var(--heading);font-size:var(--fs-13);font-weight:600;line-height:1.3;display:block}.profile-button small{font-size:var(--fs-11);line-height:1.3;display:block}.profile-menu{bottom:calc(100% - 4px);right:var(--s-3);left:var(--s-3)}.topbar{z-index:20;height:var(--topbar-h);align-items:center;gap:var(--s-3);padding:0 var(--s-6);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.crumbs{min-width:0;font-size:var(--fs-13);color:var(--muted);align-items:center;gap:6px;display:flex}.crumbs a{color:var(--muted)}.crumbs strong{color:var(--heading);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.crumbs .sep{color:var(--faint)}.topbar-actions{align-items:center;gap:var(--s-2);margin-inline-start:auto;display:flex}.search-wrap{position:relative}.search-trigger{align-items:center;gap:var(--s-2);border:1px solid var(--border);border-radius:var(--r-btn);background:var(--surface);width:260px;height:34px;color:var(--faint);font-size:var(--fs-13);padding:0 10px;display:flex}.search-trigger:hover{border-color:var(--border-strong)}.search-trigger kbd{margin-inline-start:auto}.top-icon{border-radius:var(--r-btn);width:34px;height:34px;color:var(--text);background:0 0;border:1px solid #0000;place-items:center;display:grid;position:relative}.top-icon:hover{background:var(--hover)}.top-icon svg{width:18px;height:18px}.notification-count{border-radius:var(--r-pill);background:var(--danger);color:#fff;text-align:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:3px;left:3px}.notification-wrap,.create-wrap{position:relative}.notification-panel{gap:0;width:min(360px,92vw);max-height:70vh;padding:0;top:42px;left:0;overflow-y:auto}.notification-panel header{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border);color:var(--heading);font-weight:600;font-size:var(--fs-13);justify-content:space-between;align-items:center;display:flex}.notification-item{gap:2px var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border);font-size:var(--fs-13);grid-template-columns:8px 1fr;display:grid}.notification-item:last-child{border-bottom:0}.notification-item .dot{grid-row:span 3;margin-top:7px}.notification-item b{color:var(--heading);font-weight:500}.notification-item .unread{font-weight:600}.notification-empty{padding:var(--s-8) var(--s-4);text-align:center;color:var(--muted);font-size:var(--fs-13)}.menu-panel{top:42px;left:0}.safe-indicator{border-radius:var(--r-pill);height:28px;font-size:var(--fs-12);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.safe-indicator.test{background:var(--warning-soft);color:var(--warning)}.safe-indicator.live{background:var(--success-soft);color:var(--success)}.safe-indicator .dot{background:currentColor}.theme-toggle{border-radius:var(--r-btn);width:34px;height:34px;color:var(--text);background:0 0;border:0;place-items:center;display:grid}.theme-toggle:hover{background:var(--hover)}.theme-toggle svg{width:18px;height:18px}.palette-backdrop{justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex}.palette{background:var(--elevated);border:1px solid var(--border);width:min(600px,100%);box-shadow:var(--shadow-pop), var(--neu);animation:pop var(--t) var(--ease);border-radius:14px;display:grid;overflow:hidden}.palette input{border:0!important;border-bottom:1px solid var(--border)!important;min-height:52px!important;font-size:var(--fs-16)!important;box-shadow:none!important;padding:0 var(--s-5)!important;background:0 0!important;border-radius:0!important}.palette-list{max-height:52vh;padding:6px;display:grid;overflow-y:auto}.palette-group{color:var(--faint);font-size:var(--fs-11);padding:8px 10px 4px;font-weight:600}.palette-list button{align-items:center;gap:var(--s-3);color:var(--text);font-size:var(--fs-13);text-align:right;background:0 0;border:0;border-radius:8px;padding:9px 10px;display:flex}.palette-list button small{margin-inline-start:auto}.palette-list button.active{background:var(--primary-soft);color:var(--primary)}.palette-list p{padding:var(--s-6);text-align:center;color:var(--muted)}.palette-help{gap:var(--s-4);padding:8px var(--s-4);border-top:1px solid var(--border);color:var(--faint);font-size:var(--fs-11);flex-wrap:wrap;display:flex}.mobile-menu,.bottom-nav,.mobile-only{display:none}.drawer{z-index:95;background:var(--surface);border-inline-start:1px solid var(--border);width:min(320px,88vw);box-shadow:var(--shadow-pop);animation:drawer-in var(--t) var(--ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes drawer-in{0%{transform:translate(100%)}}.drawer header{height:var(--topbar-h);padding:0 var(--s-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.drawer .side-nav{padding:var(--s-3)}@media (max-width:1023px){.app-layout{width:100%;min-width:0;max-width:100%;display:block}.app-layout>.sidebar{display:none}.app-main{width:100%;min-width:0;max-width:100%}.topbar{width:100%;min-width:0;max-width:100%;padding:0 var(--s-4)}.topbar-actions{min-width:0}.mobile-menu{display:grid}.app-content{width:100%;min-width:0;max-width:100%;padding:var(--s-5) var(--s-4) var(--s-10);margin:0}.search-trigger{width:200px}}@media (max-width:767px){.app-content{width:100%;min-width:0;max-width:100%;padding:var(--s-4) var(--s-4) calc(var(--bottom-nav-h) + 48px + env(safe-area-inset-bottom))}.topbar{gap:var(--s-2);min-height:56px;padding-inline:var(--s-3);overflow:visible}.topbar .search-wrap,.topbar .top-create,.topbar .kbd-only{display:none}.topbar-actions{flex:none;gap:4px;margin-inline-start:auto}.safe-indicator span{display:none}.safe-indicator{justify-content:center;width:28px;min-width:28px;padding:0}.crumbs{flex:auto;min-width:0}.crumbs>:not(strong){display:none}.crumbs strong{max-width:100%}.bottom-nav{z-index:40;inset-inline:0;width:100%;min-width:0;max-width:100vw;height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;box-shadow:0 -8px 24px #090b100f}.bottom-nav a,.bottom-nav button{min-width:0;color:var(--muted);text-overflow:ellipsis;background:0 0;border:0;align-content:center;place-items:center;gap:2px;padding:4px 2px;font-size:10.5px;font-weight:500;line-height:1.2;text-decoration:none;display:grid;overflow:hidden}.bottom-nav svg{flex:none;width:20px;height:20px}.bottom-nav .active{color:var(--primary)}.bottom-nav .create{color:var(--on-primary);overflow:visible}.bottom-nav .create span{background:var(--primary);width:42px;height:42px;box-shadow:var(--neu);border-radius:12px;place-items:center;display:grid}.mobile-only{display:initial}.notification-panel{top:calc(var(--topbar-h) + 4px);width:auto;max-width:none;position:fixed;left:8px;right:8px}.toast-region{bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom) + 12px);width:auto;left:12px;right:12px}}.block{width:100%}.menu-logout{align-items:center;gap:var(--s-2);width:100%;color:var(--danger);font-size:var(--fs-13);background:0 0;border:0;border-radius:8px;padding:8px 10px;display:flex}.menu-logout:hover{background:var(--danger-soft)}.side-bottom form+form,.side-bottom .btn+form{margin-top:var(--s-2)}.side-nav{padding:var(--s-4) var(--s-3);flex-direction:column;gap:0;display:flex}.side-nav .nav-items{gap:2px}.side-nav .nav-items-end{padding-top:var(--s-3);border-top:1px solid var(--border);margin-top:auto}.nav-link{height:38px;font-size:var(--fs-14);border-radius:8px;padding:0 12px}.nav-link.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.nav-link.active:before{display:none}.section-tabs{gap:var(--s-1);width:100%;min-width:0;max-width:100%;margin:calc(var(--s-2) * -1) 0 var(--s-5);border-bottom:1px solid var(--border);overscroll-behavior-inline:contain;scrollbar-width:none;display:flex;overflow-x:auto}.section-tabs a{color:var(--muted);font-size:var(--fs-14);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 14px;font-weight:500;text-decoration:none;display:inline-flex}.section-tabs a:hover{color:var(--heading);text-decoration:none}.section-tabs a.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.section-tabs .count{background:var(--danger-soft);min-width:18px;height:18px;color:var(--danger);border-radius:999px;place-items:center;padding:0 5px;font-size:11px;display:inline-grid}.topbar{background:color-mix(in srgb, var(--surface) 92%, transparent)}@media (max-width:767px){.section-tabs{margin-inline:0;margin-bottom:var(--s-4);scroll-snap-type:inline proximity}.section-tabs a{scroll-snap-align:start;flex:none;padding:9px 12px}}
.composer{gap:var(--s-4);grid-template-columns:minmax(0,3fr) minmax(320px,2fr);align-items:start;display:grid}.composer-main,.composer-section{gap:var(--s-3);display:grid}.composer-section>header{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.composer-section>header h2{font-size:var(--fs-13);color:var(--heading);font-weight:600}.composer textarea.content{min-height:220px;font-size:var(--fs-16);line-height:1.85}.composer .counter{justify-content:space-between;gap:var(--s-2);color:var(--muted);font-size:var(--fs-12);display:flex}.composer-actions{z-index:5;gap:var(--s-2);padding:var(--s-3) var(--s-4);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-2);flex-wrap:wrap;align-items:center;display:flex;position:sticky;bottom:0}.composer-actions .spacer{flex:1}.composer-aside{top:calc(var(--topbar-h) + var(--s-4));gap:var(--s-3);display:grid;position:sticky}.media-slot{gap:var(--s-3);padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-panel);background:var(--subtle);grid-template-columns:96px 1fr;align-items:center;display:grid}.media-slot img{object-fit:cover;border-radius:8px;width:96px;height:96px}@media (max-width:1023px){.composer{grid-template-columns:1fr}.composer-aside{position:static}}.fb-preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--neu);overflow:hidden}.fb-preview .fb-head{align-items:center;gap:10px;padding:12px 14px 8px;display:flex}.fb-preview .fb-avatar{background:var(--primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:grid}.fb-preview .fb-name{color:var(--heading);font-weight:600;font-size:var(--fs-13);line-height:1.3}.fb-preview .fb-time{color:var(--muted);font-size:var(--fs-11)}.fb-preview .fb-text{color:var(--heading);font-size:var(--fs-14);white-space:pre-wrap;overflow-wrap:anywhere;padding:0 14px 10px;line-height:1.75}.fb-preview .fb-text.empty{color:var(--faint)}.fb-preview .fb-image{object-fit:cover;border-top:1px solid var(--border);border-bottom:1px solid var(--border);width:100%;max-height:460px}.fb-preview .fb-actions{color:var(--muted);font-size:var(--fs-12);text-align:center;grid-template-columns:repeat(3,1fr);padding:6px 8px;display:grid}.fb-preview .fb-actions span{border-radius:6px;padding:6px}.detail-meta{margin-bottom:var(--s-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;display:grid;overflow:hidden}.detail-meta>span{padding:var(--s-3) var(--s-4);border-inline-start:1px solid var(--border);font-size:var(--fs-13);color:var(--heading);overflow-wrap:anywhere;gap:4px;min-width:0;display:grid}.detail-meta>span:first-child{border-inline-start:0}.detail-meta b{color:var(--muted);font-size:var(--fs-11);font-weight:500}.post-actions{gap:var(--s-2);margin-bottom:var(--s-4);flex-wrap:wrap;align-items:center;display:flex}.queue-layout{gap:var(--s-4);grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);align-items:start;display:grid}.queue-layout>.full{grid-column:1/-1}.slot-grid{gap:var(--s-2);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.slot-day{min-height:84px;padding:var(--s-2);border:1px solid var(--border);border-radius:var(--r-panel);background:var(--subtle);flex-direction:column;gap:6px;display:flex}.slot-day>b{font-size:var(--fs-12);color:var(--muted);font-weight:500}.queue-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.queue-list>li{gap:var(--s-3);padding:10px var(--s-3);border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);cursor:grab;transition:box-shadow var(--t-fast), border-color var(--t-fast), opacity var(--t-fast);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.queue-list>li:hover{border-color:var(--border-strong)}.queue-list>li.dragging{opacity:.45}.queue-list>li a{color:var(--heading);text-decoration:none}.queue-list small{color:var(--muted);display:block}.drag-handle{color:var(--faint);place-items:center;display:grid}@media (max-width:1023px){.queue-layout{grid-template-columns:1fr}.slot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:767px){.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.calendar-toolbar{align-items:center;gap:var(--s-2);margin-bottom:var(--s-3);flex-wrap:wrap;display:flex}.calendar-toolbar strong{font-size:var(--fs-16);color:var(--heading);text-align:center;min-width:140px}.calendar-card{padding:0;overflow:hidden}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-grid>b{background:var(--subtle);border-bottom:1px solid var(--border);color:var(--muted);font-size:var(--fs-12);text-align:center;padding:8px;font-weight:500}.calendar-day{border-inline-start:1px solid var(--border);border-bottom:1px solid var(--border);min-width:0;min-height:116px;transition:background var(--t-fast);flex-direction:column;gap:4px;padding:6px;display:flex}.calendar-day:nth-child(7n+1){border-inline-start:0}.calendar-day>span{font-size:var(--fs-12);color:var(--muted);font-variant-numeric:tabular-nums}.calendar-day.today>span{background:var(--primary);width:22px;height:22px;color:var(--on-primary);border-radius:50%;place-items:center;font-weight:600;display:grid}.calendar-day.outside{background:var(--subtle)}.calendar-day.drop-target{background:var(--primary-soft);outline:2px dashed var(--primary);outline-offset:-3px}.calendar-entry{background:var(--primary-soft);color:var(--heading);font-size:var(--fs-11);text-overflow:ellipsis;white-space:nowrap;border-inline-start:2px solid var(--primary);border-radius:6px;padding:3px 6px;line-height:1.5;text-decoration:none;display:block;overflow:hidden}.calendar-entry:hover{filter:brightness(.97);text-decoration:none}.calendar-entry[draggable=true]{cursor:grab}.calendar-entry.status-published{background:var(--success-soft);border-color:var(--success)}.calendar-entry.status-failed{background:var(--danger-soft);border-color:var(--danger)}.calendar-entry.status-draft{background:var(--subtle);border-color:var(--faint)}.calendar-entry.status-pending_approval{background:var(--warning-soft);border-color:var(--warning)}.calendar-entry.conflict{box-shadow:0 0 0 1px var(--warning)}.calendar-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:0;display:grid}.calendar-week .calendar-day{min-height:320px}.agenda{gap:var(--s-3);display:grid}.agenda-day{gap:var(--s-4);padding:var(--s-3) var(--s-4);grid-template-columns:110px 1fr;display:grid}.agenda-day+.agenda-day{border-top:1px solid var(--border)}.agenda-day>b{color:var(--heading);font-size:var(--fs-13)}.agenda-day ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:767px){.calendar-grid>b{padding:6px 2px;font-size:10px}.calendar-day{min-height:64px;padding:3px}.calendar-entry{border:0;border-radius:3px;height:6px;padding:0;font-size:0}.calendar-week{grid-template-columns:1fr}.calendar-week .calendar-day{border-inline-start:0;min-height:auto}.agenda-day{gap:var(--s-2);grid-template-columns:1fr}}.media-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.media-tile{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);cursor:pointer;color:inherit;text-align:right;transition:border-color var(--t-fast), box-shadow var(--t-fast);gap:6px;padding:6px;display:grid}.media-tile:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2)}.media-tile.active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.media-tile img{aspect-ratio:1;object-fit:cover;background:var(--subtle);border-radius:8px;width:100%}.media-tile span{font-size:var(--fs-12);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-info dl{gap:6px var(--s-4);font-size:var(--fs-13);grid-template-columns:auto 1fr;margin:0;display:grid}.media-info dt{color:var(--muted)}.media-info dd{color:var(--heading);overflow-wrap:anywhere;margin:0}.settings-layout{gap:var(--s-5);grid-template-columns:220px minmax(0,1fr);align-items:start;display:grid}.settings-nav{top:calc(var(--topbar-h) + var(--s-4));background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);gap:1px;padding:6px;display:grid;position:sticky}.settings-nav a{align-items:center;gap:var(--s-2);height:34px;color:var(--text);font-size:var(--fs-13);border-radius:8px;padding:0 10px;font-weight:500;text-decoration:none;display:flex}.settings-nav a svg{width:16px;height:16px;color:var(--muted)}.settings-nav a:hover{background:var(--hover)}.settings-nav a.active{background:var(--primary-soft);color:var(--primary)}.settings-nav a.active svg{color:var(--primary)}.settings-body{gap:var(--s-4);min-width:0;display:grid}.setting-row{padding:var(--s-3) 0;align-items:flex-start}.setting-row>div:first-child{gap:2px;display:grid}.setting-row strong{color:var(--heading);font-weight:500;font-size:var(--fs-13)}.setting-row small{max-width:520px}@media (max-width:1023px){.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;position:static;overflow-x:auto}.settings-nav a{white-space:nowrap}}.integration{gap:var(--s-3);padding:var(--s-4);border-bottom:1px solid var(--border);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;display:grid}.integration:last-child{border-bottom:0}.integration .logo{background:var(--subtle);width:40px;height:40px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.integration .logo svg{width:20px;height:20px}.integration h3{font-size:var(--fs-14)}.integration .caps{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.cap{border-radius:var(--r-pill);border:1px solid var(--border);height:22px;font-size:var(--fs-11);color:var(--muted);align-items:center;gap:5px;padding:0 8px;display:inline-flex}.cap.on{border-color:color-mix(in srgb, var(--success) 35%, var(--border));color:var(--success);background:var(--success-soft)}.cap.off{color:var(--faint)}@media (max-width:767px){.integration{grid-template-columns:36px minmax(0,1fr)}.integration>:last-child{grid-column:1/-1}}.log-console{font-size:var(--fs-12)}.log-row{gap:var(--s-3);padding:8px var(--s-4);border-bottom:1px solid var(--border);grid-template-columns:128px 64px 170px minmax(0,1fr);align-items:start;display:grid}.log-row:hover{background:var(--hover)}.log-row time{font-family:var(--mono);color:var(--muted);font-size:var(--fs-11)}.log-row .lvl{font-family:var(--mono);font-size:var(--fs-11);font-weight:600}.lvl.info{color:var(--info)}.lvl.warn{color:var(--warning)}.lvl.error{color:var(--danger)}.lvl.ok{color:var(--success)}.log-row .event{font-family:var(--mono);font-size:var(--fs-11);color:var(--heading);overflow-wrap:anywhere}.log-row details summary{cursor:pointer;list-style:none}.log-row details summary::-webkit-details-marker{display:none}.log-row pre{padding:var(--s-2);background:var(--subtle);font-size:var(--fs-11);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:6px 0 0}@media (max-width:767px){.log-row{grid-template-columns:1fr auto}.log-row .event,.log-row>:last-child{grid-column:1/-1}}.board{gap:var(--s-3);grid-template-columns:repeat(4,minmax(240px,1fr));align-items:start;display:grid}.board-col{gap:var(--s-2);padding:var(--s-2);background:var(--subtle);border:1px solid var(--border);border-radius:var(--r-card);min-height:160px;display:grid}.board-col>header{font-size:var(--fs-12);color:var(--heading);justify-content:space-between;align-items:center;padding:4px 6px;font-weight:600;display:flex}.review-card{padding:var(--s-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel);font-size:var(--fs-13);gap:6px;display:grid}.review-card .actions{flex-wrap:wrap;gap:6px;display:flex}@media (max-width:1279px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.board{grid-template-columns:1fr}}.inbox{height:calc(100vh - var(--topbar-h) - var(--s-6) * 2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);grid-template-columns:320px minmax(0,1fr) 280px;min-height:520px;display:grid;overflow:hidden}.inbox-list{border-inline-end:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.inbox-list .tabs{padding:0 var(--s-2);margin:0}.inbox-list .search{padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--border)}.inbox-items{flex:1;overflow-y:auto}.inbox-item{gap:4px var(--s-2);width:100%;padding:var(--s-3);border:0;border-bottom:1px solid var(--border);text-align:right;color:inherit;background:0 0;grid-template-columns:32px 1fr;display:grid}.inbox-item:hover{background:var(--hover)}.inbox-item.active{background:var(--primary-soft)}.inbox-item.unread b{font-weight:700}.inbox-item b{color:var(--heading);font-size:var(--fs-13);font-weight:500}.inbox-item p{color:var(--text);font-size:var(--fs-12);grid-column:2}.inbox-item small{grid-column:2}.inbox-thread{flex-direction:column;min-width:0;min-height:0;display:flex}.inbox-thread>header{justify-content:space-between;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border);display:flex}.inbox-messages{padding:var(--s-4);align-content:start;gap:var(--s-3);flex:1;display:grid;overflow-y:auto}.bubble{background:var(--subtle);border:1px solid var(--border);max-width:78%;font-size:var(--fs-13);border-radius:12px;padding:10px 12px}.bubble.outgoing{background:var(--primary-soft);border-color:color-mix(in srgb, var(--primary) 25%, var(--border));margin-inline-start:auto}.bubble.note{background:var(--warning-soft);border-style:dashed}.bubble small{margin-top:4px;display:block}.reply-composer{gap:var(--s-2);padding:var(--s-3) var(--s-4);border-top:1px solid var(--border);background:var(--surface);display:grid}.reply-composer textarea{min-height:80px}.inbox-context{padding:var(--s-4);align-content:start;gap:var(--s-3);border-inline-start:1px solid var(--border);background:var(--subtle);display:grid;overflow-y:auto}@media (max-width:1279px){.inbox{grid-template-columns:300px minmax(0,1fr)}.inbox-context{display:none}}@media (max-width:767px){.inbox{grid-template-columns:1fr;height:auto;min-height:0}.inbox.has-selection .inbox-list,.inbox:not(.has-selection) .inbox-thread{display:none}.inbox-messages{max-height:55vh}}.login-page{background:var(--bg);grid-template-columns:minmax(380px,1fr) minmax(0,1.15fr);min-height:100vh;display:grid}.login-form-side{padding:var(--s-8) var(--s-6);place-items:center;display:grid}.login-card{gap:var(--s-5);width:min(380px,100%);display:grid}.login-card .brand{align-items:center;gap:var(--s-3);display:flex}.login-card .brand strong{color:var(--heading);font-size:var(--fs-16);display:block}.login-card h1{font-size:var(--fs-22)}.login-card form{gap:var(--s-4);display:grid}.login-card .btn{min-height:42px}.login-brand{align-content:center;gap:var(--s-6);padding:var(--s-10);color:#d9dde5;background:radial-gradient(1200px 600px at 20% 10%,#1d1a3d 0%,#0d0f16 55%,#090b10 100%);display:grid;position:relative;overflow:hidden}.login-brand h2{color:#fff;max-width:460px;font-size:28px;font-weight:600;line-height:1.35}.login-brand p{color:#9299a5;max-width:440px}.story{gap:10px;max-width:460px;display:grid}.story-row{gap:var(--s-3);background:#161a22b8;border:1px solid #272c36;border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;padding:12px 14px;display:grid}.story-row .icon{color:#8178ff;background:#1c1a33;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.story-row .icon svg{width:17px;height:17px}.story-row b{color:#f7f8fa;font-weight:500;font-size:var(--fs-13);display:block}.story-row small{color:#9299a5}.story-row .tag{font-size:var(--fs-11);color:#34c08a;background:#0f2a20;border-radius:999px;padding:2px 8px}.story-row .tag.warn{color:#e9a73c;background:#2b2010}@media (max-width:1023px){.login-page{grid-template-columns:1fr}.login-brand{display:none}}.activity-chart{height:150px;padding-top:var(--s-2);grid-template-columns:repeat(14,minmax(0,1fr));align-items:end;gap:6px;display:grid}.activity-bar{text-align:center;grid-template-rows:1fr auto;gap:6px;height:100%;display:grid}.activity-bar i{background:linear-gradient(180deg, var(--primary), color-mix(in srgb, var(--primary) 70%, transparent));width:100%;min-height:4px;transition:height var(--t) var(--ease);border-radius:6px 6px 3px 3px;align-self:end;display:block}.activity-bar i.zero{background:var(--subtle)}.activity-bar small{color:var(--faint);font-size:10px}.upcoming-row{color:inherit;text-decoration:none}.upcoming-row:hover{background:var(--hover);text-decoration:none}.list>a.list-row{color:inherit;text-decoration:none}.list>a.list-row:hover{text-decoration:none}.next-time{color:var(--primary);align-items:center;gap:8px;display:flex}.setup-card{margin-bottom:var(--s-4)}@media (max-width:767px){.activity-chart{gap:3px;height:110px}.activity-bar small{display:none}}.setup-steps{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.setup-steps li{display:inline-flex}.setup-steps li>*{border-radius:var(--r-pill);border:1px solid var(--border);height:26px;font-size:var(--fs-12);color:var(--text);align-items:center;gap:4px;padding:0 10px;text-decoration:none;display:inline-flex}.setup-steps li.done>*{background:var(--success-soft);color:var(--success);border-color:#0000}.setup-steps a:hover{border-color:var(--primary);color:var(--primary);text-decoration:none}.calendar-week .calendar-day.today>span{border-radius:var(--r-pill);width:auto;padding:0 8px}.calendar-week .calendar-day>span{font-weight:500}.comments-page{gap:var(--s-4);display:grid}.comments-heading{justify-content:space-between;align-items:flex-end;gap:var(--s-4);flex-wrap:wrap;display:flex}.comments-heading h1{font-size:var(--fs-22);margin:4px 0}.comments-heading p{color:var(--muted);font-size:var(--fs-13)}.comments-safe{border-radius:var(--r-pill);background:var(--warning-soft);height:28px;color:var(--warning);font-size:var(--fs-12);align-items:center;padding:0 10px;font-weight:500;display:inline-flex}.comments-links{border-bottom:1px solid var(--border);gap:2px;display:flex;overflow-x:auto}.comments-links a{color:var(--muted);font-size:var(--fs-13);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 12px;font-weight:500;text-decoration:none}.comments-links a:hover{color:var(--heading)}.comments-capability{padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r-panel);background:var(--info-soft);font-size:var(--fs-13);gap:4px;display:grid}.comments-capability strong{color:var(--heading)}.comments-metrics{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid;overflow:hidden}.comments-metrics>div{padding:var(--s-4) var(--s-5);border-inline-start:1px solid var(--border);gap:4px;display:grid}.comments-metrics>div:first-child{border-inline-start:0}.comments-metrics strong{color:var(--heading);font-size:var(--fs-22);font-weight:600}.comments-bulk{gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-panel);background:var(--primary-soft);flex-wrap:wrap;align-items:center;display:flex}.comments-form,.comments-settings-grid>section,.comment-template,.comments-analytics>section{gap:var(--s-3);padding:var(--s-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);display:grid}.comments-settings-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;display:grid}.comments-analytics{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.comment-tag{border-radius:var(--r-pill);background:var(--primary-soft);height:22px;color:var(--primary);font-size:var(--fs-11);align-items:center;padding:0 8px;display:inline-flex}.comment-note{padding:var(--s-2) var(--s-3);background:var(--warning-soft);font-size:var(--fs-13);border-radius:8px}.comment-avatar{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);font-weight:600;font-size:var(--fs-13);border-radius:50%;flex:none;place-items:center;display:inline-grid}.inbox-list .search{flex-wrap:nowrap}.inbox-list .search input{flex:1;width:auto;min-width:0}@media (max-width:767px){.composer-actions{bottom:calc(var(--bottom-nav-h) + 8px);padding:var(--s-2)}.composer-actions .btn{flex:auto}.composer-actions .spacer{display:none}}
.comment-filters{border:1px solid var(--comment-border);background:var(--comment-bg);border-radius:12px;margin-bottom:18px;padding:16px}.comment-filters summary{cursor:pointer;margin-bottom:12px;font-weight:700}.comment-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.comment-filter-grid label{gap:8px;display:grid}.comments-page .panel-card{margin-bottom:18px}.comment-only-shell .create-wrap,.comment-only-shell .search-wrap,.comment-only-shell .kbd-hint,.comment-only-shell .mobile-fab{display:none}@media (max-width:700px){.comment-filter-grid{grid-template-columns:1fr}.comments-links small{overflow-wrap:anywhere}}