/* Manager baseline styles (scoped to .page-managr) */
:root { --mgr-bg:#1b1c1f; --mgr-fg:#ddd; --mgr-ac:#9FA37E; --mgr-br:rgba(255,255,255,0.08); --mgr-sub:#9FA37E; }
.page-managr .mgr-hidden { display:none !important; }
/* Top bar */
.page-managr .mgr-topnav{position:fixed;top:0;left:0;right:0;z-index:120002;display:none;align-items:center;gap:10px;padding:8px 12px;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);color:#EBECBC}
.page-managr .mgr-topnav .mgr-back{background:transparent;border:1px solid var(--mgr-br);color:var(--mgr-fg);padding:6px 10px;border-radius:6px;cursor:pointer}
/* Property panel */
.page-managr .mgr-prop{position:fixed;top:56px;right:0;width:360px;max-width:92vw;height:calc(100vh - 56px);overflow:auto;background:var(--mgr-bg);color:var(--mgr-fg);border-left:1px solid var(--mgr-br);z-index:120001}
.page-managr .mgr-prop-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:inherit;border-bottom:1px solid var(--mgr-br)}
.page-managr .mgr-prop-title{font-weight:600}
.page-managr .mgr-prop-body{padding:10px 12px}
.page-managr .mgr-save-status{position:sticky;bottom:0;padding:8px 12px;color:var(--mgr-fg)}
/* Views and collapsers */
.page-managr .mgr-view{border:1px solid var(--mgr-br);border-radius:8px;margin:10px 0;background:rgba(255,255,255,.03)}
.page-managr .mgr-view--headed .mgr-view-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--mgr-br)}
.page-managr .mgr-view-title{font-weight:600}
.page-managr .mgr-view-body{padding:10px 12px}
.page-managr .mgr-view[aria-expanded="false"] .mgr-view-body{display:none}
.page-managr .mgr-collapse{background:transparent;border:1px solid var(--mgr-br);color:var(--mgr-fg);padding:4px 8px;border-radius:6px}
/* Grid of page cards */
.page-managr .mgr-cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:12px}
.page-managr .mgr-cardtile{border:1px solid var(--mgr-br);border-radius:10px;overflow:hidden;background:rgba(255,255,255,.02);cursor:pointer}
.page-managr .mgr-cardimg{height:140px;background-size:cover;background-position:center}
.page-managr .mgr-cardimg.placeholder{background:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 6px,transparent 6px 12px)}
.page-managr .mgr-cardfoot{display:flex;align-items:center;justify-content:space-between;padding:8px 10px}
.page-managr .mgr-cardlabel{color:#EBECBC}
/* Hero block */
.page-managr .mgr-hero{position:relative;border:1px solid var(--mgr-br);border-radius:10px;overflow:hidden;margin:12px}
.page-managr .mgr-hero-preview{height:240px;background-size:cover;background-position:center}
.page-managr .mgr-hero-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#EBECBC;text-shadow:0 0 6px rgba(0,0,0,.6),0 0 12px rgba(0,0,0,.6)}
.page-managr .mgr-hero-change,.page-managr .mgr-edit-dock{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.5);color:var(--mgr-fg);border:1px solid var(--mgr-br);border-radius:8px;padding:6px 10px;cursor:pointer}
/* Sections list & cards */
.page-managr .mgr-h2{margin:18px 12px 8px;color:#EBECBC}
.page-managr .mgr-sections{padding:8px 12px}
.page-managr .mgr-card{border:1px solid var(--mgr-br);border-radius:10px;margin:10px 0;background:rgba(255,255,255,.02);padding:10px}
.page-managr .mgr-card.selected{outline:2px solid var(--mgr-ac)}
.page-managr .mgr-sticky-preview{height:180px;background-size:cover;background-position:center}
/* Tabs */
.page-managr .mgr-tabs-head{display:flex;gap:6px;border-bottom:1px solid var(--mgr-br)}
.page-managr .mgr-tab-btn{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--mgr-fg);padding:8px 10px;cursor:pointer}
.page-managr .mgr-tab-btn.active{border-color:var(--mgr-sub);color:#EBECBC}
.page-managr .mgr-tab-pane{display:none;padding:10px 0}
.page-managr .mgr-tab-pane.active{display:block}
/* Form bits */
.page-managr .mgr-input,.page-managr .mgr-input-ghost,.page-managr .mgr-text,.page-managr .mgr-select{width:100%;background:#121316;border:1px solid var(--mgr-br);color:var(--mgr-fg);padding:8px 10px;border-radius:8px}
.page-managr .mgr-mini-input{width:54px;height:34px;background:#121316;border:1px solid var(--mgr-br)}
.page-managr .mgr-row{display:flex;gap:8px;align-items:center}
.page-managr .mgr-nowrap{flex-wrap:nowrap}
.page-managr .mgr-justify-end{justify-content:flex-end}
.page-managr .mgr-pill{background:rgba(159,163,126,.26);color:var(--mgr-sub);border:1px solid var(--mgr-br);padding:6px 10px;border-radius:999px;cursor:pointer}
.page-managr .mgr-mini-btn{background:transparent;border:1px solid var(--mgr-br);color:var(--mgr-fg);padding:4px 8px;border-radius:6px;cursor:pointer}
.page-managr .mgr-mini-btn.active{background:rgba(159,163,126,.22);color:#EBECBC}
/* Drag states */
.page-managr .dragging{opacity:.7}
.page-managr .drop-target{outline:2px dashed var(--mgr-sub)}
/* Overlay helpers */
.page-managr .fade{opacity:0;transition:opacity .24s ease}
.page-managr .fade.show{opacity:1}
/* Existing plugin tweaks retained */
.mgr-view .mgr-hint{opacity:.9}
#mgr-prop .mgr-pill{background-color:#9fa37e6e;color:#9FA37E;border:1px solid rgba(255,255,255,0.12)}
#mgr-prop .mgr-pill:hover{filter:brightness(1.06)}
.page-managr #current-options.options{z-index:120005!important}
.page-managr .option-prevent{position:fixed;inset:0;z-index:120004!important}
.page-managr .cinedesisgn-popup{z-index:130010!important}
.page-managr #popup-blocker{z-index:130009!important}

.page-managr .mgr-sticky-change { position: absolute; right: 80px; bottom: 10px; background: rgba(0,0,0,0.5); color: var(--mgr-fg); border: 1px solid var(--mgr-br); border-radius: 8px; padding: 6px 10px; cursor: pointer; z-index: 10; }