/* Command Center (owner-only tab). Uses the app's existing theme variables. */
.cc-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper-raised, #fff)}
.cc-spacer{flex:1}
.cc-pending{font-weight:600}
.cc-pending.has-pending{color:var(--amber, #b7791f)}
.cc-preview{display:inline-flex;align-items:center;gap:6px;font-size:13px}
.cc-danger{color:var(--red, #c0392b)}
.cc-tabs{display:flex;gap:6px;margin:0 0 12px}
.cc-tab{border:1px solid var(--line);background:transparent;color:inherit;padding:6px 14px;border-radius:999px;cursor:pointer;font:inherit}
.cc-tab.active{background:var(--teal, #0f766e);border-color:var(--teal, #0f766e);color:var(--paper, #fff)}
.cc-table td{vertical-align:top}
.cc-table code{font-size:12px}
.cc-input{width:100%;min-width:180px;box-sizing:border-box}
.cc-has-draft{background:var(--amber-bg, rgba(255,193,7,.12))}
.cc-badge{display:inline-block;margin-top:4px;padding:1px 8px;border-radius:999px;font-size:11px;background:var(--amber, #b7791f);color:#fff}
.cc-actions{white-space:nowrap}
.cc-actions .btn{margin:0 4px 4px 0}
.cc-hist{max-width:170px;margin-right:4px;font-size:12px}
/* previewing drafts (not editing) */
body.cc-previewing .shell::before{content:"Previewing Command Center drafts — only you see this";position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:9999;padding:2px 14px;font-size:12px;background:var(--amber, #b7791f);color:#fff;border-radius:0 0 8px 8px}
/* edit mode: outline every editable text, click to change */
body.cc-edit-mode [data-cc-key]{outline:1px dashed rgba(15,118,110,.55);outline-offset:2px;cursor:pointer}
body.cc-edit-mode [data-cc-key]:hover{outline:2px solid var(--teal, #0f766e);background:rgba(15,118,110,.12)}
.cc-toolbar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:10000;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;background:#12403F;color:#fff;box-shadow:0 8px 30px rgba(0,0,0,.35);font-size:13px}
/* the toolbar is always dark, so its buttons are explicit (not inherited) and readable in every theme */
.cc-toolbar .btn{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.45)}
.cc-toolbar .btn:hover:not(:disabled){background:rgba(255,255,255,.26)}
.cc-toolbar .btn-primary{background:#0f9d8a;border-color:#0f9d8a;color:#fff}
.cc-toolbar .btn-primary:hover:not(:disabled){background:#12b39e}
.cc-toolbar .btn:disabled{opacity:.45;cursor:not-allowed}
.cc-toolbar span,.cc-toolbar strong{color:#fff}
.cc-pop{position:fixed;z-index:10001;padding:12px;border-radius:10px;background:var(--paper-raised, #fff);color:var(--ink, #111);border:1px solid var(--line);box-shadow:0 12px 36px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:8px}
.cc-pop input,.cc-pop textarea{width:100%;box-sizing:border-box;font:inherit}
.cc-pop-key code{font-size:11px;word-break:break-all}
.cc-pop-actions{display:flex;flex-wrap:wrap;gap:6px}
.cc-section{margin:0 0 22px}
.cc-section h3{margin:0 0 8px}
.cc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.cc-card{border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.cc-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0}
.cc-row input[type=text],.cc-row input[type=number],.cc-row input[type=datetime-local],.cc-row select,.cc-row textarea{flex:1;min-width:120px;box-sizing:border-box;font:inherit}
.cc-muted{opacity:.55;text-decoration:line-through}
.cc-matrix th,.cc-matrix td{text-align:center;white-space:nowrap}
.cc-matrix th:first-child,.cc-matrix td:first-child{text-align:left}
.cc-banner{position:sticky;top:0;z-index:900;padding:9px 16px;text-align:center;font-weight:600;color:#fff}
.cc-banner.info{background:#2563eb}.cc-banner.warning{background:#b7791f}.cc-banner.critical{background:#b91c1c}
#ccBanners{margin:-30px -36px 20px;position:sticky;top:0;z-index:50}
#ccBanners:empty{display:none}
.cc-banner{position:relative;padding:9px 40px 9px 16px}
.cc-banner-x{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:#fff;font-size:20px;line-height:1;cursor:pointer}
.cc-list{margin:6px 0 0;padding-left:20px}
/* audit log, menu editor, maintenance */
.cc-muted-row td{opacity:.55}
.cc-audit-filters select,.cc-audit-filters input[type=date]{min-width:0;flex:0 1 auto}
.cc-maint-on{border-color:var(--red,#c0392b);background:var(--red-bg,rgba(192,57,43,.08))}
#maintenanceOverlay{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--paper,#fff)}
#maintenanceOverlay .maint-card{max-width:520px;text-align:center}
#maintenanceOverlay .maint-icon{font-size:48px;margin-bottom:8px}
#maintenanceOverlay h2{margin:0 0 12px}
#maintenanceOverlay #maintMessage{font-size:17px;margin:0 0 10px}
