/* styles.css */
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f6f7fb;color:#16192a}.app{display:flex;min-height:100vh}.sidebar{width:252px;background:#fff;border-right:1px solid #e7e9f1;padding:18px 14px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:30}.brand{height:60px;display:flex;align-items:center;padding:0 8px}.brand img{max-width:188px;max-height:48px;object-fit:contain}.adminBadge{margin:8px 8px 17px;padding:9px 11px;border-radius:10px;background:#f4f1ff;color:#6847e8;font-size:10px;font-weight:800;letter-spacing:.09em}.adminBadge span{float:right;background:#7249ef;color:#fff;padding:2px 7px;border-radius:999px}.navLabel{font-size:10px;font-weight:800;color:#a3a7b7;letter-spacing:.13em;padding:10px 12px 7px}.navItem{width:100%;border:0;background:transparent;display:flex;gap:11px;align-items:center;padding:10px 11px;margin:2px 0;border-radius:10px;font-size:14px;color:#555c70;cursor:pointer;text-align:left;transition:.15s}.navItem svg{width:18px;height:18px;stroke-width:1.8;flex:none}.navItem:hover{background:#f8f6ff;color:#6947e8}.navItem.active{background:#efeaff;color:#6847ec;font-weight:700}.navItem .badge{margin-left:auto;background:#ffedf3;color:#d53c68;font-size:10px;padding:3px 7px;border-radius:999px}.sideBottom{margin-top:auto;border-top:1px solid #ececf2;padding-top:12px}.danger{color:#a63f59}.main{margin-left:252px;width:calc(100% - 252px)}.topbar{height:74px;background:#fff;border-bottom:1px solid #e8eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.search{width:min(540px,48vw);height:42px;border:1px solid #dfe2eb;background:#fafbfe;border-radius:12px;display:flex;align-items:center;padding:0 13px;color:#969aaa}.search svg{width:17px}.search input{border:0;outline:0;background:transparent;width:100%;font-size:14px;padding-left:8px}.topActions{display:flex;gap:9px;align-items:center}.iconBtn,.profile{border:1px solid #dfe2eb;background:#fff;cursor:pointer}.iconBtn{width:40px;height:40px;border-radius:11px;position:relative;display:grid;place-items:center}.iconBtn svg{width:18px}.bell span{position:absolute;top:-5px;right:-5px;background:#ef4f75;color:#fff;border-radius:50%;font-size:9px;min-width:17px;height:17px;display:grid;place-items:center}.profile{display:flex;align-items:center;gap:9px;border-radius:12px;padding:6px 10px;color:inherit}.profile small{display:block;color:#969aaa;font-size:10px}.profile>svg{width:15px}.avatar{width:31px;height:31px;border-radius:50%;background:#eee9ff;color:#6f47ef;display:grid;place-items:center;font-weight:800}.menuBtn{display:none}.content{padding:28px;max-width:1500px;margin:auto}.pageHead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:16px}.pageHead h1{font-size:29px;margin:0 0 4px;letter-spacing:-.02em}.pageHead p{margin:0;color:#818596;font-size:13px}.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;display:inline-flex;gap:7px;align-items:center;justify-content:center;transition:.15s}.btn svg{width:16px;height:16px}.primary{background:#7448f5;color:#fff;box-shadow:0 7px 20px #7548f52a}.primary:hover{transform:translateY(-1px);background:#673ce9}.secondary{background:#fff;border:1px solid #dfe1ea;color:#4f5466}.secondary:hover{background:#f8f9fc}.dangerBtn{background:#fff0f3;color:#ca3d5c}.grid{display:grid;gap:14px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid #e5e7ef;border-radius:15px;padding:18px;box-shadow:0 5px 16px #21243a07}.statTop{display:flex;justify-content:space-between;align-items:center}.statIcon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#f0ebff;color:#6c45ef}.statIcon svg{width:19px;height:19px}.stat h2{font-size:26px;margin:14px 0 2px}.stat small{color:#868a99}.up{font-size:11px;color:#139d6e;background:#e9fbf4;padding:4px 7px;border-radius:999px}.down{font-size:11px;color:#d34b69;background:#fff0f4;padding:4px 7px;border-radius:999px}.sectionTitle{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px;gap:10px}.sectionTitle h3{margin:0;font-size:16px}.split{grid-template-columns:1.5fr 1fr}.chart{height:220px;display:flex;align-items:flex-end;gap:11px;padding:20px 6px 0}.barWrap{flex:1;text-align:center;color:#979baa;font-size:10px}.bar{background:linear-gradient(180deg,#8053ff,#b69fff);border-radius:7px 7px 3px 3px;min-height:8px;margin-bottom:7px}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#7448f5 0 43%,#3a8df4 43% 68%,#ff9f43 68% 84%,#34c38f 84% 94%,#e7e7ef 94%);margin:22px auto;position:relative}.donut:after{content:"$1,286";position:absolute;inset:29px;background:#fff;border-radius:50%;display:grid;place-items:center;font-size:19px;font-weight:800}.legend{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:11px;color:#696e7e}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#7448f5;margin-right:5px}.tableWrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;color:#8e92a1;font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:10px 8px;border-bottom:1px solid #ececf2}.table td{padding:11px 8px;border-bottom:1px solid #f0f1f5;white-space:nowrap}.table tbody tr:hover{background:#fbfaff}.pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:700}.paid{background:#e9fbf4;color:#0c9c6a}.pending{background:#fff7e7;color:#bd7d00}.failed{background:#fff0f3;color:#ce395d}.info{background:#eef4ff;color:#2e69ce}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;font-size:11px;font-weight:700;color:#777b8c;margin:0 0 6px}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe1e9;border-radius:10px;padding:10px 11px;font:inherit;background:#fff;outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8c6cf6;box-shadow:0 0 0 3px #7448f513}.field textarea{min-height:110px;resize:vertical}.full{grid-column:1/-1}.alertRow{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #ececf2;border-radius:11px;margin:8px 0}.alertRow .grow{flex:1}.alertRow small{display:block;color:#8b8f9f;margin-top:2px}.toggle{width:40px;height:23px;background:#d8dbe5;border-radius:999px;position:relative;cursor:pointer;transition:.2s}.toggle:after{content:"";position:absolute;width:17px;height:17px;background:#fff;border-radius:50%;left:3px;top:3px;box-shadow:0 1px 4px #0002;transition:.2s}.toggle.on{background:#7448f5}.toggle.on:after{left:20px}.planGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.planCard{position:relative;overflow:hidden}.planCard.popular:before{content:"MOST POPULAR";position:absolute;right:14px;top:14px;font-size:9px;font-weight:800;color:#159767;background:#e8fbf2;padding:4px 7px;border-radius:999px}.planPrice{font-size:30px;font-weight:800;margin:12px 0 4px}.planName{font-size:18px;font-weight:800}.planMeta{color:#878b9a;font-size:12px}.planActions{display:flex;gap:8px;margin-top:16px}.featureMini{margin-top:12px;border-top:1px solid #eee;padding-top:10px;color:#707586;font-size:11px;line-height:1.75}.modalBackdrop{position:fixed;inset:0;background:#17182a70;backdrop-filter:blur(3px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modalBackdrop.open{display:flex}.modal{width:min(620px,96vw);max-height:88vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 25px 70px #0003;padding:24px;position:relative}.modal.wide{width:min(860px,96vw)}.modalClose{position:absolute;right:14px;top:14px;width:34px;height:34px;border:0;border-radius:9px;background:#f4f5f8;display:grid;place-items:center;cursor:pointer}.modalClose svg{width:17px}.modalHead{padding-right:40px;margin-bottom:18px}.modalHead h2{margin:0 0 5px;font-size:22px}.modalHead p{margin:0;color:#8a8e9c;font-size:12px}.detailGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detailBox{border:1px solid #ececf2;border-radius:11px;padding:12px}.detailBox small{color:#9296a4;display:block;margin-bottom:4px}.timeline{border-left:2px solid #e8e2ff;margin:16px 0 0 8px;padding-left:18px}.timeItem{position:relative;padding:0 0 16px}.timeItem:before{content:"";width:9px;height:9px;background:#7448f5;border:3px solid #efeaff;border-radius:50%;position:absolute;left:-24px;top:3px}.modalActions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;flex-wrap:wrap}.toast{position:fixed;right:22px;bottom:22px;background:#181b29;color:#fff;padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(10px);transition:.2s;z-index:150}.toast.show{opacity:1;transform:none}body.dark{background:#12131a;color:#f6f7fb}body.dark .sidebar,body.dark .topbar,body.dark .card,body.dark .modal,body.dark .field input,body.dark .field select,body.dark .field textarea,body.dark .secondary,body.dark .profile,body.dark .iconBtn{background:#1b1d27;color:#f4f4f7;border-color:#2b2e3b}body.dark .main{background:#14161f}body.dark .search{background:#1b1d27;border-color:#2b2e3b}body.dark .search input{color:#fff}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.planGrid{grid-template-columns:repeat(2,1fr)}.sidebar{width:220px}.main{margin-left:220px;width:calc(100% - 220px)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s;width:240px}.sidebar.open{transform:none}.main{margin-left:0;width:100%}.menuBtn{display:grid;place-items:center;border:0;background:#f0edff;color:#6f47ef;border-radius:9px;width:38px;height:38px}.topbar{padding:0 14px;gap:8px}.search{display:none}.profile div:nth-child(2){display:none}.content{padding:18px 14px}.pageHead{align-items:flex-start}.pageHead h1{font-size:24px}.stats,.planGrid{grid-template-columns:1fr 1fr}.card{padding:14px}.stat h2{font-size:22px}.formGrid,.detailGrid{grid-template-columns:1fr}.full{grid-column:auto}}@media(max-width:430px){.stats,.planGrid{grid-template-columns:1fr}.topActions{gap:5px}.iconBtn{width:36px;height:36px}.pageHead{display:block}.pageHead .btn{margin-top:12px;width:100%}.modal{padding:18px}.planActions{flex-direction:column}}
/* V3 CONTROL CENTER */
.periodGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:0 0 18px}.periodCard{border:1px solid #e4e6ee;background:#fff;border-radius:14px;padding:14px;text-align:left;cursor:pointer;color:inherit;transition:.15s}.periodCard:hover{transform:translateY(-1px);border-color:#cfc6ff;box-shadow:0 8px 22px #4e3bb60b}.periodCard svg{width:18px;height:18px;color:#7448f5;margin-bottom:12px}.periodCard small{display:block;color:#8c91a1;margin-bottom:4px}.periodCard b{font-size:18px}.subline{display:block;color:#9ca0ad;margin-top:3px;font-size:9px}.clickRow{cursor:pointer}.selectedMonth{background:#f5f1ff!important}.reportFilter{margin-top:14px}.twoCol{grid-template-columns:repeat(2,1fr)!important}
.settingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settingCard{padding:20px}.settingHead{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.settingHead>svg{width:22px;height:22px;color:#7448f5;margin-top:2px}.settingHead h3{margin:0 0 3px;font-size:16px}.settingHead p{margin:0;color:#8b90a0;font-size:11px}.detailLine{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #eef0f4;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.controlPanel{padding:8px 16px}.controlRow{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #eceef3}.controlRow:last-child{border-bottom:0}.controlRow>div:first-child{flex:1}.controlRow small{display:block;color:#8b90a0;margin-top:3px;line-height:1.5}.switch{width:44px;height:25px;border:0;background:#d8dbe5;border-radius:999px;padding:0;position:relative;cursor:pointer;flex:none}.switch span{position:absolute;width:19px;height:19px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 5px #0002;transition:.2s}.switch.on{background:#7448f5}.switch.on span{left:22px}
.featureChecks{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.featureChecks label{border:1px solid #e5e7ef;border-radius:10px;padding:10px 12px;font-size:12px;cursor:pointer}.featureChecks input{margin-right:6px}.featureList{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.featureList span{border:1px solid #eceef3;border-radius:10px;padding:9px 10px;font-size:11px}.planTop{display:flex;justify-content:space-between;align-items:flex-start}.planTop h3{margin:3px 0 0;font-size:19px}.planTop small{color:#12a06d;font-weight:700}.planTop svg{width:20px;color:#7448f5}.planPrice span{font-size:11px;color:#9296a4;font-weight:500}.noticePreview{border:1px solid #e5e7ef;border-radius:14px;padding:16px;background:#faf9ff}.noticePreview p{color:#707586}.noticePreview small{color:#9498a6}

/* FULL DARK THEME */
body.dark{background:#0f1118;color:#f4f6fb}body.dark .main{background:#11131b}body.dark .sidebar,body.dark .topbar{background:#161923;border-color:#272b38}body.dark .brand{background:transparent}body.dark .adminBadge{background:#242035;color:#b9a7ff}body.dark .navLabel{color:#6f7487}body.dark .navItem{color:#aeb3c2}body.dark .navItem:hover{background:#202332;color:#fff}body.dark .navItem.active{background:#2b2442;color:#bcaaff}body.dark .sideBottom{border-color:#292d39}body.dark .search{background:#1b1e29;border-color:#2c3040;color:#858b9d}body.dark .search input{color:#f5f6fa}body.dark .iconBtn,body.dark .profile{background:#1b1e29;border-color:#2c3040;color:#f5f6fa}body.dark .avatar{background:#2b2442;color:#c8baff}
body.dark .card,body.dark .modal,body.dark .periodCard,body.dark .noticePreview{background:#181b25;border-color:#2a2e3b;color:#f4f6fb;box-shadow:none}body.dark .secondary{background:#1d202b;border-color:#343846;color:#d8dce7}body.dark .secondary:hover{background:#242833}body.dark .dangerBtn{background:#38212b;color:#ff9caf}body.dark .pageHead p,body.dark .settingHead p,body.dark .controlRow small,body.dark .periodCard small,body.dark .planMeta,body.dark .modalHead p,body.dark .detailBox small,body.dark .profile small{color:#8f96a9}body.dark .stat small,body.dark .barWrap,body.dark .legend{color:#949bad}body.dark .statIcon{background:#28213e;color:#b9a5ff}body.dark .detailLine,body.dark .controlRow,body.dark .featureMini,body.dark .table th,body.dark .table td{border-color:#292d39}body.dark .table tbody tr:hover,body.dark .selectedMonth{background:#211d31!important}body.dark .table th{color:#7f879a}body.dark .field label{color:#9ca3b5}body.dark .field input,body.dark .field select,body.dark .field textarea{background:#12151e;border-color:#303544;color:#eef1f7}body.dark .detailBox,body.dark .featureChecks label,body.dark .featureList span{border-color:#2d3140;background:#151822}body.dark .modalClose{background:#252936;color:#e9ecf4}body.dark .donut:after{background:#181b25;color:#fff}body.dark .switch{background:#3a3e4c}body.dark .switch.on{background:#7954f6}body.dark .noticePreview p{color:#aeb4c3}body.dark .up{background:#17332a;color:#6fe2b5}body.dark .down{background:#38212b;color:#ff9caf}body.dark .paid{background:#17332a;color:#70ddb4}body.dark .pending{background:#382f1e;color:#e8bb5b}body.dark .failed{background:#38212b;color:#ff9caf}body.dark .info{background:#1e2b42;color:#8bb7ff}
@media(max-width:1200px){.periodGrid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.settingsGrid{grid-template-columns:1fr}.periodGrid{grid-template-columns:repeat(2,1fr)}.featureChecks,.featureList{grid-template-columns:1fr 1fr}}@media(max-width:430px){.periodGrid{grid-template-columns:1fr}.featureChecks,.featureList{grid-template-columns:1fr}}

.reportFilterGrid{display:grid;grid-template-columns:1.15fr 1fr 1fr auto;gap:12px;align-items:end}.reportApplyField .btn{height:42px;min-width:110px}.reportApplyField .btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.selectedRange{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border-radius:10px;background:#f7f5ff;color:#5d5276;font-size:12px}.selectedRange svg{width:16px}.selectedRange span{color:#85899a}.reportQuickFilter input[readonly]{background:#f8f9fc;color:#7e8393}.clickRow{cursor:pointer}.selectedMonth{background:#f5f1ff!important}.selectedMonth td:first-child{color:#6d45ef}
body.dark .selectedRange{background:#232035;color:#c7b8ff}body.dark .selectedRange span{color:#8f93a5}body.dark .reportQuickFilter input[readonly]{background:#171923;color:#8d92a3}body.dark .selectedMonth{background:#242033!important}
@media(max-width:900px){.reportFilterGrid{grid-template-columns:1fr 1fr}.reportApplyField .btn{width:100%}}@media(max-width:560px){.reportFilterGrid{grid-template-columns:1fr}.selectedRange{align-items:flex-start;flex-wrap:wrap}}

/* PREMIUM ADMIN DASHBOARD */
.dashHeadActions{display:flex;gap:9px;align-items:center}.dashHeroGrid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.9fr);gap:16px;margin-bottom:18px}.revenueHero{position:relative;overflow:hidden;border-radius:20px;padding:26px;background:linear-gradient(135deg,#6d43f2 0%,#7f55f7 52%,#8f6bf8 100%);color:#fff;box-shadow:0 18px 40px rgba(97,62,218,.20)}.heroGlow{position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.10);right:-80px;top:-130px}.heroTop{position:relative;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.heroEyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;opacity:.76}.heroTop h2{font-size:42px;line-height:1;margin:10px 0 8px;letter-spacing:-.04em}.heroTop p{margin:0;font-size:12px;color:rgba(255,255,255,.78)}.heroTop p b{color:#dfffe9}.heroIcon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18)}.heroIcon svg{width:24px;height:24px}.heroMiniGrid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:26px}.heroMiniGrid button{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.10);color:#fff;border-radius:13px;padding:12px;text-align:left;cursor:pointer;transition:.15s}.heroMiniGrid button:hover{background:rgba(255,255,255,.17);transform:translateY(-1px)}.heroMiniGrid small{display:block;font-size:10px;opacity:.72;margin-bottom:4px}.heroMiniGrid b{font-size:16px}.heroLink{position:relative;margin-top:15px;padding:0;border:0;background:none;color:#fff;font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.heroLink svg{width:14px;height:14px}.dashStatsCompact{display:grid;gap:10px}.compactStat{width:100%;border:1px solid #e5e7ef;background:#fff;border-radius:16px;padding:15px;display:grid;grid-template-columns:46px 1fr 18px;gap:12px;align-items:center;text-align:left;cursor:pointer;transition:.15s;color:inherit;box-shadow:0 5px 14px #21243a06}.compactStat:hover{transform:translateY(-1px);border-color:#d6cdfa;box-shadow:0 10px 24px rgba(42,38,76,.08)}.compactStat>svg{width:17px;color:#a0a4b2}.compactIcon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center}.compactIcon svg{width:20px;height:20px}.usersTone{background:#f1ecff;color:#7048ee}.successTone{background:#eafaf4;color:#15966d}.warningTone{background:#fff5e8;color:#d8871d}.compactStat small{display:block;color:#858a9b;font-size:10px;margin-bottom:2px}.compactStat b{font-size:22px;display:inline-block;margin-right:7px}.compactStat em{font-style:normal;font-size:10px;color:#149b6e;background:#e9fbf4;border-radius:999px;padding:3px 6px}

.dashboardBodyGrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.85fr);gap:16px;margin-bottom:16px}.dashPanel{background:#fff;border:1px solid #e5e7ef;border-radius:18px;padding:18px;box-shadow:0 5px 16px #21243a06}.panelHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panelHead h3{margin:2px 0 0;font-size:17px}.panelKicker{font-size:9px;letter-spacing:.13em;font-weight:800;color:#9a9eac}.compactBtn{padding:8px 11px;font-size:11px}.pendingFeatured{border:1px solid #ececf3;border-radius:14px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) 90px auto auto;gap:12px;align-items:center;background:#fbfbfd}.pendingIdentity{display:flex;align-items:center;gap:11px;min-width:0}.payBadge{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#f1ecff;color:#7048ee;flex:none}.payBadge svg{width:19px}.pendingIdentity b,.pendingIdentity small{display:block}.pendingIdentity small{font-size:10px;color:#8a8e9d;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pendingAmount small{display:block;color:#8b8f9f;font-size:9px;margin-bottom:3px}.pendingAmount b{font-size:15px}.emptyGood{padding:22px;border:1px dashed #d8e8e1;border-radius:14px;color:#18835f;display:flex;align-items:center;gap:8px;background:#f5fcf9}.emptyGood svg{width:18px}.quickActionGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quickActionGrid button{border:1px solid #e7e8ef;background:#fbfbfd;border-radius:14px;padding:13px;text-align:left;cursor:pointer;transition:.15s;color:inherit}.quickActionGrid button:hover{background:#f6f3ff;border-color:#d8cffb;transform:translateY(-1px)}.quickActionGrid button span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f0ebff;color:#7048ee;margin-bottom:12px}.quickActionGrid button span svg{width:16px}.quickActionGrid b,.quickActionGrid small{display:block}.quickActionGrid b{font-size:12px}.quickActionGrid small{font-size:9px;color:#9094a3;margin-top:3px}.revenueStrip{margin-bottom:4px}.snapshotGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.snapshotGrid>div{border:1px solid #ececf2;border-radius:14px;padding:14px;background:#fbfbfd}.snapshotGrid small,.snapshotGrid span{display:block}.snapshotGrid small{font-size:10px;color:#8b8f9f}.snapshotGrid b{display:block;font-size:20px;margin:5px 0}.snapshotGrid span{font-size:9px;color:#15966d}.snapshotAccent{background:linear-gradient(135deg,#f4f0ff,#fbfaff)!important;border-color:#dfd7fb!important}.snapshotAccent span{color:#7350dd}

body.dark .compactStat,body.dark .dashPanel{background:#1b1d27;border-color:#2b2e3b;box-shadow:none}body.dark .compactStat:hover{border-color:#4b426c;background:#20222d}body.dark .compactStat>svg{color:#777d91}body.dark .pendingFeatured,body.dark .quickActionGrid button,body.dark .snapshotGrid>div{background:#171923;border-color:#2b2e3b}body.dark .quickActionGrid button:hover{background:#211d31;border-color:#493d72}body.dark .panelKicker,body.dark .pendingIdentity small,body.dark .pendingAmount small,body.dark .quickActionGrid small,body.dark .snapshotGrid small{color:#8e93a6}body.dark .snapshotAccent{background:linear-gradient(135deg,#211c31,#1b1d27)!important;border-color:#3a315a!important}.revenueHero{isolation:isolate}
@media(max-width:1180px){.dashHeroGrid,.dashboardBodyGrid{grid-template-columns:1fr}.dashStatsCompact{grid-template-columns:repeat(3,1fr)}.compactStat{grid-template-columns:42px 1fr}.compactStat>svg{display:none}.snapshotGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.dashHeadActions{width:100%;margin-top:10px}.dashHeadActions .btn{flex:1}.dashStatsCompact{grid-template-columns:1fr}.heroTop h2{font-size:36px}.heroMiniGrid{grid-template-columns:1fr 1fr 1fr}.pendingFeatured{grid-template-columns:1fr auto}.pendingAmount{display:none}.pendingFeatured>.pill{justify-self:start}.quickActionGrid{grid-template-columns:1fr 1fr}.snapshotGrid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.revenueHero{padding:20px}.heroMiniGrid{grid-template-columns:1fr}.pendingFeatured{grid-template-columns:1fr}.quickActionGrid,.snapshotGrid{grid-template-columns:1fr}.dashHeadActions{flex-direction:column}.dashHeadActions .btn{width:100%}}

/* CUSTOMER SEARCH + CP PUBLIC CODE */
.userSearchBar{display:grid;grid-template-columns:minmax(280px,1fr) 170px 170px auto;gap:10px;align-items:center;margin-top:14px;padding:12px}.userSearchMain{height:42px;border:1px solid #dfe2eb;border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#fafbfe}.userSearchMain svg{width:17px;color:#8c90a0}.userSearchMain input{width:100%;border:0;outline:0;background:transparent;font:inherit;color:inherit}.userSearchBar select{height:42px;border:1px solid #dfe2eb;border-radius:11px;background:#fff;padding:0 10px;color:inherit}.customerCode{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#6847ec;letter-spacing:.02em}.resultCount{display:block;margin-top:3px;color:#9296a4;font-size:11px}.emptyUserSearch{padding:28px;text-align:center;color:#9296a4;display:flex;align-items:center;justify-content:center;gap:8px}.emptyUserSearch svg{width:18px}.dark .userSearchMain,.dark .userSearchBar select{background:#171922;border-color:#303341}.dark .customerCode{color:#9b82ff}
@media(max-width:900px){.userSearchBar{grid-template-columns:1fr 1fr}.userSearchMain{grid-column:1/-1}}@media(max-width:560px){.userSearchBar{grid-template-columns:1fr}.userSearchMain{grid-column:auto}}

/* DASHBOARD V4 — stronger CamboPost visual polish */
.content[data-view="dashboard"]{padding-top:32px;background:radial-gradient(circle at 12% 0%,#f3efff 0,transparent 28%),linear-gradient(180deg,#f8f9fd 0%,#f4f6fb 100%);min-height:calc(100vh - 74px)}
.content[data-view="dashboard"] .pageHead{margin-bottom:26px;align-items:center}
.content[data-view="dashboard"] .pageHead h1{font-size:32px;letter-spacing:-.035em}
.content[data-view="dashboard"] .pageHead p{font-size:13px;color:#7b8092}
.content[data-view="dashboard"] .revenueHero{border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:29px;background:linear-gradient(135deg,#21154d 0%,#4d27b6 46%,#7846f3 100%);box-shadow:0 24px 60px rgba(70,42,157,.24),inset 0 1px 0 rgba(255,255,255,.12)}
.content[data-view="dashboard"] .revenueHero:after{content:"";position:absolute;right:32px;bottom:26px;width:112px;height:112px;background:url('assets/favicon.png') center/contain no-repeat;opacity:.11;filter:saturate(.9);transform:rotate(-7deg);pointer-events:none}
.content[data-view="dashboard"] .heroGlow{width:360px;height:360px;right:-110px;top:-180px;background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 68%)}
.content[data-view="dashboard"] .heroTop h2{font-size:48px;margin-top:12px;text-shadow:0 3px 18px rgba(0,0,0,.13)}
.content[data-view="dashboard"] .heroTop p{font-size:12.5px}
.content[data-view="dashboard"] .heroIcon{width:56px;height:56px;border-radius:18px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.content[data-view="dashboard"] .heroMiniGrid{gap:10px;margin-top:28px}
.content[data-view="dashboard"] .heroMiniGrid button{border-radius:15px;padding:13px 14px;background:rgba(255,255,255,.09);backdrop-filter:blur(10px)}
.content[data-view="dashboard"] .heroMiniGrid button:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.22)}

.content[data-view="dashboard"] .dashStatsCompact{gap:12px}
.content[data-view="dashboard"] .compactStat{border-radius:18px;padding:17px;border-color:#e6e3f1;background:linear-gradient(180deg,#fff 0%,#fcfbff 100%);box-shadow:0 10px 28px rgba(31,27,54,.055)}
.content[data-view="dashboard"] .compactStat:hover{transform:translateY(-2px);border-color:#cfc4f8;box-shadow:0 16px 34px rgba(51,36,110,.10)}
.content[data-view="dashboard"] .compactIcon{width:48px;height:48px;border-radius:15px;box-shadow:inset 0 0 0 1px rgba(98,65,208,.05)}
.content[data-view="dashboard"] .compactStat small{font-size:10.5px;color:#7e8395}
.content[data-view="dashboard"] .compactStat b{font-size:24px;letter-spacing:-.025em}
.content[data-view="dashboard"] .dashboardBodyGrid{gap:18px;margin-top:2px}
.content[data-view="dashboard"] .dashPanel{border-radius:20px;padding:20px;border-color:#e5e4ed;background:rgba(255,255,255,.92);box-shadow:0 12px 32px rgba(28,25,45,.055)}
.content[data-view="dashboard"] .panelHead{margin-bottom:16px}
.content[data-view="dashboard"] .panelKicker{color:#7450e9;letter-spacing:.16em}
.content[data-view="dashboard"] .panelHead h3{font-size:18px;letter-spacing:-.015em}
.content[data-view="dashboard"] .pendingFeatured{border-radius:16px;padding:16px;border-color:#e8e3f7;background:linear-gradient(90deg,#fcfbff 0%,#fff 70%);box-shadow:inset 4px 0 0 #7a4df2}
.content[data-view="dashboard"] .payBadge{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#efe9ff,#f8f5ff);box-shadow:0 6px 14px rgba(105,70,220,.10)}
.content[data-view="dashboard"] .pendingIdentity b{font-size:13px}
.content[data-view="dashboard"] .pendingAmount b{font-size:17px}

.content[data-view="dashboard"] .quickActionGrid{gap:11px}
.content[data-view="dashboard"] .quickActionGrid button{min-height:112px;border-radius:16px;padding:15px;border-color:#e7e4f0;background:linear-gradient(180deg,#fff 0%,#faf9ff 100%);box-shadow:0 7px 20px rgba(34,28,68,.035)}
.content[data-view="dashboard"] .quickActionGrid button:hover{transform:translateY(-2px);background:#f8f5ff;border-color:#d4c9fb;box-shadow:0 12px 26px rgba(74,50,150,.09)}
.content[data-view="dashboard"] .quickActionGrid button span{width:38px;height:38px;border-radius:12px;margin-bottom:14px;background:linear-gradient(145deg,#ece5ff,#f6f2ff);box-shadow:0 6px 14px rgba(110,75,220,.09)}
.content[data-view="dashboard"] .quickActionGrid b{font-size:12.5px}
.content[data-view="dashboard"] .quickActionGrid small{font-size:9.5px;color:#858a9b}
.content[data-view="dashboard"] .revenueStrip{margin-top:2px;border-color:#dfdbea;background:linear-gradient(180deg,#fff,#fcfbff)}
.content[data-view="dashboard"] .snapshotGrid{gap:12px}
.content[data-view="dashboard"] .snapshotGrid>div{border-radius:16px;padding:16px;border-color:#e8e6ef;background:#fff;box-shadow:0 5px 16px rgba(35,30,60,.035)}
.content[data-view="dashboard"] .snapshotGrid b{font-size:22px;letter-spacing:-.025em}
.content[data-view="dashboard"] .snapshotGrid span{font-size:9.5px;font-weight:650}
.content[data-view="dashboard"] .snapshotAccent{background:linear-gradient(145deg,#f1ebff 0%,#faf8ff 100%)!important;border-color:#d8ccfb!important;box-shadow:0 8px 22px rgba(87,57,175,.08)!important}
.content[data-view="dashboard"] .dashHeadActions .secondary{background:#fff;box-shadow:0 5px 14px rgba(29,26,48,.04)}
.content[data-view="dashboard"] .dashHeadActions .primary{box-shadow:0 10px 24px rgba(116,72,245,.24)}

body.dark .content[data-view="dashboard"]{background:radial-gradient(circle at 12% 0%,rgba(103,69,222,.12) 0,transparent 30%),linear-gradient(180deg,#13151e 0%,#11131a 100%)}
body.dark .content[data-view="dashboard"] .compactStat,body.dark .content[data-view="dashboard"] .dashPanel{background:linear-gradient(180deg,#1d1f2a 0%,#191b24 100%);border-color:#2d3040;box-shadow:0 14px 34px rgba(0,0,0,.18)}
body.dark .content[data-view="dashboard"] .compactStat:hover{background:#212430;border-color:#55477e;box-shadow:0 16px 36px rgba(0,0,0,.24)}
body.dark .content[data-view="dashboard"] .pendingFeatured{background:linear-gradient(90deg,#201c2d 0%,#191b24 75%);border-color:#383047;box-shadow:inset 4px 0 0 #8b5cf6}
body.dark .content[data-view="dashboard"] .quickActionGrid button{background:linear-gradient(180deg,#1f212c,#1a1c25);border-color:#2f3240;box-shadow:none}
body.dark .content[data-view="dashboard"] .quickActionGrid button:hover{background:#252230;border-color:#544376}
body.dark .content[data-view="dashboard"] .revenueStrip{background:linear-gradient(180deg,#1d1f29,#191b24);border-color:#2f3240}
body.dark .content[data-view="dashboard"] .snapshotGrid>div{background:#181a23;border-color:#2d3040;box-shadow:none}
body.dark .content[data-view="dashboard"] .snapshotAccent{background:linear-gradient(145deg,#241d34,#1b1d27)!important;border-color:#45375f!important;box-shadow:none!important}

/* BRAND V5 — exact CamboPost app icon */
.brand{height:72px;display:flex;align-items:center;gap:12px;padding:0 8px}.brand img{width:54px;height:54px;max-width:none;max-height:none;object-fit:contain;flex:none;filter:none!important}.brandCopy{min-width:0;display:flex;flex-direction:column;justify-content:center}.brandCopy strong{font-size:21px;line-height:1;font-weight:850;letter-spacing:.045em;color:#16192a;white-space:nowrap}.brandCopy strong span{color:#6847ee}.brandCopy small{margin-top:6px;font-size:7px;line-height:1;font-weight:800;letter-spacing:.14em;color:#7e8496;white-space:nowrap}.dark .brandCopy strong{color:#fff}.dark .brandCopy strong span{color:#a98cff}.dark .brandCopy small{color:#b7bbca}

/* DASHBOARD V5 — visual polish only */
.content[data-view="dashboard"]{background:radial-gradient(circle at 18% 0%,#f6f2ff 0,transparent 34%),linear-gradient(180deg,#fbfbff 0%,#f7f8fc 100%);margin:-28px;padding:30px;min-height:calc(100vh - 72px)}
.content[data-view="dashboard"] .pageHead{margin-bottom:20px}.content[data-view="dashboard"] .pageHead h1{font-size:36px;letter-spacing:-.045em}.content[data-view="dashboard"] .pageHead p{font-size:13px;max-width:620px}
.content[data-view="dashboard"] .dashHeroGrid{grid-template-columns:minmax(0,1.72fr) minmax(315px,.82fr);gap:18px;align-items:stretch;margin-bottom:18px}
.content[data-view="dashboard"] .revenueHero{min-height:292px;border-radius:26px;padding:30px;background:linear-gradient(128deg,#23125f 0%,#4d22b8 50%,#7a47ff 100%);box-shadow:0 26px 60px rgba(66,39,158,.23),inset 0 1px 0 rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.13)}
.content[data-view="dashboard"] .revenueHero:before{content:"";position:absolute;inset:auto -90px -145px auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(88,198,255,.25),rgba(123,70,255,.08) 48%,transparent 70%)}
.content[data-view="dashboard"] .heroTop h2{font-size:50px;margin-top:13px}.content[data-view="dashboard"] .heroEyebrow{font-size:10px;letter-spacing:.18em}.content[data-view="dashboard"] .heroTop p{font-size:13px}
.content[data-view="dashboard"] .heroIcon{width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.content[data-view="dashboard"] .heroMiniGrid{gap:12px;margin-top:30px}.content[data-view="dashboard"] .heroMiniGrid button{border-radius:16px;padding:14px 15px;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.17)}
.content[data-view="dashboard"] .heroMiniGrid small{font-size:10px}.content[data-view="dashboard"] .heroMiniGrid b{font-size:18px}.content[data-view="dashboard"] .heroLink{margin-top:18px;font-size:12px}
.content[data-view="dashboard"] .dashStatsCompact{gap:12px}.content[data-view="dashboard"] .compactStat{min-height:88px;border-radius:20px;padding:16px 17px;border-color:#e7e3f3;box-shadow:0 10px 30px rgba(44,35,79,.055)}
.content[data-view="dashboard"] .compactStat:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(67,48,120,.10)}.content[data-view="dashboard"] .compactIcon{width:48px;height:48px;border-radius:15px}.content[data-view="dashboard"] .compactStat b{font-size:24px}

.content[data-view="dashboard"] .dashboardBodyGrid{grid-template-columns:minmax(0,1.58fr) minmax(330px,.82fr);gap:18px;align-items:start;margin-bottom:18px}
.content[data-view="dashboard"] .dashPanel{border-radius:22px;border-color:#e7e5ef;box-shadow:0 14px 38px rgba(38,32,72,.055);padding:20px}
.content[data-view="dashboard"] .dashboardBodyGrid>.dashPanel:first-child{min-height:0;align-self:start}.content[data-view="dashboard"] .quickPanel{align-self:start}
.content[data-view="dashboard"] .panelHead{margin-bottom:16px}.content[data-view="dashboard"] .panelHead h3{font-size:18px;letter-spacing:-.02em}.content[data-view="dashboard"] .panelKicker{color:#7656e7;font-size:9px;letter-spacing:.16em}
.content[data-view="dashboard"] .pendingFeatured{grid-template-columns:minmax(0,1fr) 100px auto auto;border-radius:17px;padding:15px 16px;background:linear-gradient(180deg,#fff,#fbfaff);border-color:#e7defd;box-shadow:inset 4px 0 0 #7447ff}
.content[data-view="dashboard"] .payBadge{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#f1ebff,#fbf9ff)}.content[data-view="dashboard"] .pendingIdentity b{font-size:13px}.content[data-view="dashboard"] .pendingAmount b{font-size:18px}
.content[data-view="dashboard"] .quickActionGrid{gap:11px}.content[data-view="dashboard"] .quickActionGrid button{min-height:105px;border-radius:17px;padding:15px;background:linear-gradient(180deg,#fff,#fbfaff);border-color:#e7e4f1;box-shadow:0 6px 18px rgba(43,36,73,.035)}
.content[data-view="dashboard"] .quickActionGrid button:hover{transform:translateY(-2px);background:#f8f5ff;box-shadow:0 12px 24px rgba(75,53,143,.08)}.content[data-view="dashboard"] .quickActionGrid button span{width:38px;height:38px;border-radius:12px;margin-bottom:14px}.content[data-view="dashboard"] .quickActionGrid b{font-size:13px}.content[data-view="dashboard"] .quickActionGrid small{font-size:10px}
.content[data-view="dashboard"] .revenueStrip{border-radius:22px}.content[data-view="dashboard"] .snapshotGrid{gap:12px}.content[data-view="dashboard"] .snapshotGrid>div{border-radius:16px;padding:16px;background:#fff;border-color:#e8e7ef}.content[data-view="dashboard"] .snapshotGrid b{font-size:22px}
body.dark .content[data-view="dashboard"]{background:radial-gradient(circle at 15% 0%,rgba(91,57,173,.16),transparent 32%),#11131b}
body.dark .content[data-view="dashboard"] .compactStat,body.dark .content[data-view="dashboard"] .dashPanel{border-color:#2d3040;box-shadow:none}body.dark .content[data-view="dashboard"] .pendingFeatured,body.dark .content[data-view="dashboard"] .quickActionGrid button{background:#181a24;border-color:#302b43}
@media(max-width:760px){.content[data-view="dashboard"]{margin:-18px;padding:22px 16px}.content[data-view="dashboard"] .pageHead{display:block}.content[data-view="dashboard"] .pageHead h1{font-size:34px}.content[data-view="dashboard"] .pageHead p{font-size:15px;line-height:1.45}.content[data-view="dashboard"] .dashHeadActions{margin-top:14px;display:grid;grid-template-columns:1fr 1fr}.content[data-view="dashboard"] .revenueHero{padding:24px 20px;min-height:auto;border-radius:24px}.content[data-view="dashboard"] .heroTop h2{font-size:44px}.content[data-view="dashboard"] .heroMiniGrid{grid-template-columns:1fr 1fr;gap:12px}.content[data-view="dashboard"] .heroMiniGrid button{min-height:82px;padding:14px}.content[data-view="dashboard"] .heroMiniGrid button:nth-child(3){grid-column:1/-1}.content[data-view="dashboard"] .heroMiniGrid b{font-size:20px}.content[data-view="dashboard"] .compactStat{min-height:96px}.content[data-view="dashboard"] .pendingFeatured{grid-template-columns:1fr auto}.content[data-view="dashboard"] .quickActionGrid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.content[data-view="dashboard"] .dashHeadActions{grid-template-columns:1fr}.content[data-view="dashboard"] .heroMiniGrid{grid-template-columns:1fr 1fr}.content[data-view="dashboard"] .heroMiniGrid button:nth-child(3){grid-column:1/-1}.content[data-view="dashboard"] .quickActionGrid{grid-template-columns:1fr 1fr}}

/* DASHBOARD V5 mobile correction */
@media(max-width:760px){
.content[data-view="dashboard"] .dashHeroGrid,.content[data-view="dashboard"] .dashboardBodyGrid{grid-template-columns:1fr!important;gap:14px}
.content[data-view="dashboard"] .revenueHero,.content[data-view="dashboard"] .dashStatsCompact,.content[data-view="dashboard"] .dashPanel{min-width:0;width:100%}
.content[data-view="dashboard"] .dashStatsCompact{grid-template-columns:1fr!important;gap:10px}
.content[data-view="dashboard"] .dashHeadActions{width:100%;grid-template-columns:1fr 1fr;gap:10px}.content[data-view="dashboard"] .dashHeadActions .btn{min-width:0;width:100%;white-space:normal}
.content[data-view="dashboard"] .heroMiniGrid{display:grid!important;grid-template-columns:1fr 1fr!important}.content[data-view="dashboard"] .heroMiniGrid button:nth-child(3){grid-column:1/-1!important}
.content[data-view="dashboard"] .heroMiniGrid button{width:100%;min-width:0;min-height:84px}.content[data-view="dashboard"] .heroLink{padding-top:2px}
.content[data-view="dashboard"] .quickActionGrid{grid-template-columns:1fr 1fr!important}.content[data-view="dashboard"] .snapshotGrid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:430px){.content[data-view="dashboard"] .pageHead h1{font-size:32px}.content[data-view="dashboard"] .heroTop h2{font-size:42px}.content[data-view="dashboard"] .heroMiniGrid b{font-size:19px}.content[data-view="dashboard"] .compactStat{min-height:88px}}

/* V5 mobile width final */
@media(max-width:760px){html,body{overflow-x:hidden}.content[data-view="dashboard"]{margin:0!important;padding:20px 14px!important;width:100%!important;max-width:100%!important;overflow:hidden}.content[data-view="dashboard"] .pageHead,.content[data-view="dashboard"] .dashHeroGrid,.content[data-view="dashboard"] .dashboardBodyGrid,.content[data-view="dashboard"] .revenueStrip{width:100%;max-width:100%;min-width:0}.content[data-view="dashboard"] .dashHeadActions{max-width:100%}.content[data-view="dashboard"] .dashHeadActions .btn{overflow:hidden;text-overflow:ellipsis}.content[data-view="dashboard"] .revenueHero{overflow:hidden}.content[data-view="dashboard"] .heroMiniGrid>*{min-width:0}}

/* DASHBOARD V6 — NEW STRUCTURE */
.content[data-view="dashboard"]{background:radial-gradient(circle at 8% 0%,rgba(116,72,245,.055),transparent 26%)}
.content[data-view="dashboard"] .pageHead{margin-bottom:18px}
.content[data-view="dashboard"] .pageHead h1{font-size:32px;letter-spacing:-.035em}
.v6KpiGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.v6Kpi{border:1px solid #e5e8f0;background:#fff;border-radius:18px;padding:17px;display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;text-align:left;cursor:pointer;color:inherit;box-shadow:0 8px 28px rgba(32,28,68,.045);transition:.18s}
.v6Kpi:hover{transform:translateY(-2px);border-color:#d7cff8;box-shadow:0 14px 34px rgba(48,38,90,.09)}
.v6KpiIcon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#efeaff;color:#6e46ef}.v6KpiIcon svg{width:20px}
.v6Kpi.revenue .v6KpiIcon{background:linear-gradient(145deg,#6f47f0,#9169ff);color:#fff;box-shadow:0 8px 20px rgba(116,72,245,.24)}
.v6Kpi small,.v6Kpi b,.v6Kpi em{display:block}.v6Kpi small{font-size:10px;color:#898e9e}.v6Kpi b{font-size:24px;margin:2px 0 3px;letter-spacing:-.025em}.v6Kpi em{font-style:normal;font-size:9px;color:#15966d}.v6Kpi em.warn{color:#c58000}
.v6MainGrid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(300px,.78fr);gap:14px;margin-bottom:14px}.v6BottomGrid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(330px,.78fr);gap:14px}
.v6Card{background:#fff;border:1px solid #e5e8f0;border-radius:19px;padding:19px;box-shadow:0 8px 28px rgba(32,28,68,.045)}
.v6CardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.v6CardHead h3{font-size:18px;margin:2px 0 0;letter-spacing:-.02em}.v6Overline{font-size:9px;letter-spacing:.15em;font-weight:800;color:#7b54ef}.v6TextBtn,.v6FullLink{border:0;background:transparent;color:#656b7d;font-weight:700;font-size:10px;display:inline-flex;gap:5px;align-items:center;cursor:pointer}.v6TextBtn svg,.v6FullLink svg{width:14px}
.v6RevenueTop{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:20px}.v6RevenueTop>div:first-child small{display:block;color:#9095a4;font-size:10px}.v6RevenueTop>div:first-child>b{display:block;font-size:32px;letter-spacing:-.035em;margin:3px 0}.v6RevenueTop>div:first-child span{font-size:10px;color:#14976b}
.v6PeriodPills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.v6PeriodPills span{border:1px solid #e8e8f1;background:#fafaff;border-radius:999px;padding:7px 10px;font-size:9px;color:#8b8f9c}.v6PeriodPills b{color:#202333;margin-left:4px}
.v6Chart{height:225px;display:grid;grid-template-columns:40px 1fr;gap:8px}.v6YAxis{display:flex;flex-direction:column;justify-content:space-between;color:#a0a4b1;font-size:8px;padding:2px 0 18px}.v6Bars{display:grid;grid-template-columns:repeat(9,1fr);align-items:end;gap:10px;border-left:1px solid #eceef3;border-bottom:1px solid #eceef3;background:repeating-linear-gradient(to top,transparent 0 44px,#f1f2f6 45px);padding:0 10px 0 12px}.v6BarCol{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.v6Bar{width:min(24px,72%);min-height:8px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#7749f5,#aa8cff);box-shadow:0 5px 12px rgba(116,72,245,.14)}.v6BarCol small{font-size:8px;color:#a0a4b1;padding-bottom:3px}
.v6PlanRows{display:grid;gap:15px}.v6PlanRows>div{display:grid;grid-template-columns:1fr 64px;gap:8px;align-items:center}.v6PlanRows span{display:flex;justify-content:space-between;grid-column:1/-1;align-items:center}.v6PlanRows span b{font-size:11px}.v6PlanRows span small{font-size:9px;color:#9297a6}.v6PlanRows i{height:7px;background:#f0eef8;border-radius:999px;overflow:hidden}.v6PlanRows u{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#6f46ee,#9b76ff);text-decoration:none}.v6PlanRows strong{font-size:11px;text-align:right}.v6FullLink{margin-top:20px;color:#6e47ee}
.v6PendingRow{border:1px solid #ececf3;background:#fbfbfe;border-radius:15px;padding:13px;display:grid;grid-template-columns:42px minmax(0,1fr) 90px auto auto;gap:11px;align-items:center}.v6PendingIcon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#efeaff;color:#7048ee}.v6PendingIcon svg{width:18px}.v6PendingUser b,.v6PendingUser small,.v6PendingAmount small,.v6PendingAmount b{display:block}.v6PendingUser small{font-size:9px;color:#9599a7;margin-top:3px}.v6PendingAmount small{font-size:9px;color:#969aa8}.v6PendingAmount b{font-size:15px}.v6QuickGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v6QuickGrid button{border:1px solid #e7e8ef;background:#fbfbfe;border-radius:14px;padding:13px;text-align:left;color:inherit;cursor:pointer;transition:.15s}.v6QuickGrid button:hover{border-color:#d8cffb;background:#f7f4ff;transform:translateY(-1px)}.v6QuickGrid span{width:34px;height:34px;border-radius:10px;background:#efeaff;color:#7048ee;display:grid;place-items:center;margin-bottom:10px}.v6QuickGrid span svg{width:16px}.v6QuickGrid b,.v6QuickGrid small{display:block}.v6QuickGrid b{font-size:11px}.v6QuickGrid small{font-size:9px;color:#9498a6;margin-top:2px}
body.dark .v6Kpi,body.dark .v6Card{background:#1b1d27;border-color:#2b2e3b;box-shadow:none}body.dark .v6PeriodPills span,body.dark .v6PendingRow,body.dark .v6QuickGrid button{background:#171923;border-color:#2b2e3b}body.dark .v6PeriodPills b{color:#fff}body.dark .v6Bars{border-color:#303341;background:repeating-linear-gradient(to top,transparent 0 44px,#242733 45px)}body.dark .v6PlanRows i{background:#2a2d39}
@media(max-width:1180px){.v6KpiGrid{grid-template-columns:repeat(2,1fr)}.v6MainGrid,.v6BottomGrid{grid-template-columns:1fr}}
@media(max-width:760px){.v6KpiGrid{grid-template-columns:1fr 1fr;gap:9px}.v6Kpi{grid-template-columns:40px 1fr;padding:13px}.v6KpiIcon{width:40px;height:40px}.v6Kpi b{font-size:20px}.v6RevenueTop{display:block}.v6PeriodPills{justify-content:flex-start;margin-top:12px}.v6Chart{height:190px;grid-template-columns:32px 1fr}.v6Bars{gap:5px;padding-left:7px;padding-right:7px}.v6Bar{width:min(20px,76%)}.v6PendingRow{grid-template-columns:42px 1fr auto}.v6PendingAmount{display:none}.v6PendingRow>.pill{display:none}.v6QuickGrid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.v6KpiGrid{grid-template-columns:1fr}.v6Kpi{min-height:78px}.v6Card{padding:15px}.v6RevenueTop>div:first-child>b{font-size:29px}.v6PeriodPills span{width:100%;display:flex;justify-content:space-between}.v6Chart{height:170px}.v6QuickGrid{grid-template-columns:1fr 1fr}.v6PendingRow{grid-template-columns:38px 1fr}.v6PendingRow .btn{grid-column:1/-1;width:100%}.v6PendingIcon{width:38px;height:38px}}

/* DASHBOARD V7 */
.content[data-view="dashboard"]{background:radial-gradient(circle at 90% 0,#f2edff 0,transparent 28%),#f7f8fc}
.v7Kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.v7Kpi{border:1px solid #e6e8f0;background:rgba(255,255,255,.94);border-radius:18px;padding:17px;display:flex;gap:13px;align-items:center;text-align:left;color:inherit;cursor:pointer;box-shadow:0 10px 28px rgba(31,32,55,.045);transition:.16s}
.v7Kpi:hover{transform:translateY(-2px);border-color:#d9d0ff;box-shadow:0 16px 34px rgba(69,51,130,.08)}
.v7KpiIcon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none}.v7KpiIcon svg{width:21px;height:21px}.v7KpiIcon.purple{background:#efe9ff;color:#7047ef}.v7KpiIcon.blue{background:#eaf3ff;color:#3978df}.v7KpiIcon.green{background:#e9faf4;color:#149b70}.v7KpiIcon.orange{background:#fff3e5;color:#db861a}
.v7Kpi small,.v7Kpi em{display:block}.v7Kpi small{font-size:10px;color:#8b8f9f;margin-bottom:2px}.v7Kpi b{font-size:24px;letter-spacing:-.03em}.v7Kpi em{font-style:normal;font-size:9px;color:#15996c;margin-top:4px}
.v7Main{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(330px,.8fr);gap:16px;margin-bottom:16px}.v7Side{display:grid;gap:16px;align-content:start}.v7Card{background:#fff;border:1px solid #e6e8f0;border-radius:20px;padding:20px;box-shadow:0 10px 30px rgba(31,32,55,.045)}
.v7PanelHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:15px}.v7PanelHead h3{font-size:18px;margin:3px 0 0}.v7Eyebrow{font-size:9px;font-weight:800;letter-spacing:.16em;color:#7448f5}.v7TextBtn,.v7Link{border:0;background:none;color:#6e4be6;font-weight:700;font-size:11px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:0}.v7TextBtn svg,.v7Link svg{width:14px;height:14px}
.v7RevenueHead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:8px}.v7RevenueHead>div:first-child small,.v7RevenueHead>div:first-child span{display:block}.v7RevenueHead>div:first-child small{color:#8b8f9f;font-size:10px}.v7RevenueHead>div:first-child b{font-size:36px;display:block;letter-spacing:-.04em;margin:4px 0}.v7RevenueHead>div:first-child span{color:#11986b;font-size:10px}.v7Pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.v7Pills button{border:1px solid #e8e8f0;background:#fafafe;border-radius:999px;padding:8px 11px;font-size:9px;color:#777b8b;cursor:pointer}.v7Pills b{color:#242638;margin-left:4px}
.v7Chart{height:260px;position:relative;margin-top:10px}.v7Chart svg{width:100%;height:225px;overflow:visible}.v7Chart line{stroke:#eceef4;stroke-width:1}.v7Chart .area{fill:url(#revFill)}.v7Chart .line{fill:none;stroke:#7448f5;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 4px 5px rgba(116,72,245,.18))}.v7Chart .dots circle{fill:#fff;stroke:#7448f5;stroke-width:3}.v7Axis{display:flex;justify-content:space-between;color:#989cab;font-size:9px;padding:0 10px}
.v7PlanMix{display:grid;gap:15px}.v7PlanMix>div{display:grid;grid-template-columns:1fr 62px;gap:7px;align-items:center}.v7PlanMix span{display:flex;justify-content:space-between;gap:8px;grid-column:1/-1;font-size:11px}.v7PlanMix span em{font-style:normal;color:#9397a7}.v7PlanMix i{height:7px;background:#efeff5;border-radius:999px;overflow:hidden}.v7PlanMix i u{display:block;height:100%;background:linear-gradient(90deg,#7448f5,#a485ff);border-radius:999px}.v7PlanMix strong{font-size:11px;text-align:right}.v7Link{margin-top:18px}
.v7HealthGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v7HealthGrid>div{border:1px solid #eceef3;border-radius:14px;padding:12px;background:#fbfbfe}.v7HealthGrid span{width:30px;height:30px;border-radius:9px;background:#f0ebff;color:#7448f5;display:grid;place-items:center;margin-bottom:10px}.v7HealthGrid span svg{width:15px}.v7HealthGrid b,.v7HealthGrid small{display:block}.v7HealthGrid b{font-size:20px}.v7HealthGrid small{font-size:9px;color:#8d91a0;margin-top:2px}
.v7Bottom{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.85fr);gap:16px}.v7Pending{display:grid;grid-template-columns:44px minmax(0,1fr) 80px auto auto;gap:12px;align-items:center;border:1px solid #ececf3;border-radius:15px;padding:13px;background:#fbfbfe}.v7PendingIcon{width:44px;height:44px;border-radius:13px;background:#f0ebff;color:#7448f5;display:grid;place-items:center}.v7PendingIcon svg{width:19px}.v7Pending>div b,.v7Pending>div small{display:block}.v7Pending>div small{color:#8c90a0;font-size:9px;margin-top:3px}.v7Pending>strong{font-size:16px}
.v7Actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v7Actions button{border:1px solid #e7e8ef;background:#fbfbfd;border-radius:14px;padding:12px;display:flex;align-items:center;gap:10px;color:inherit;cursor:pointer;text-align:left;transition:.15s}.v7Actions button:hover{border-color:#d8cffb;background:#f6f3ff;transform:translateY(-1px)}.v7Actions button>svg{width:18px;color:#7448f5}.v7Actions span b,.v7Actions span small{display:block}.v7Actions span b{font-size:11px}.v7Actions span small{font-size:8px;color:#9195a4;margin-top:2px}
body.dark .content[data-view="dashboard"]{background:radial-gradient(circle at 90% 0,#211c35 0,transparent 28%),#14161f}body.dark .v7Kpi,body.dark .v7Card{background:#1b1d27;border-color:#2b2e3b;box-shadow:none}body.dark .v7HealthGrid>div,body.dark .v7Pending,body.dark .v7Actions button,body.dark .v7Pills button{background:#171923;border-color:#2b2e3b}body.dark .v7Pills b{color:#f4f6fb}body.dark .v7Chart line{stroke:#2b2e3b}
@media(max-width:1180px){.v7Kpis{grid-template-columns:repeat(2,1fr)}.v7Main,.v7Bottom{grid-template-columns:1fr}.v7Side{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.v7Kpis{grid-template-columns:1fr 1fr;gap:10px}.v7Kpi{padding:13px;align-items:flex-start}.v7KpiIcon{width:40px;height:40px}.v7Kpi b{font-size:20px}.v7Main,.v7Bottom{grid-template-columns:1fr}.v7Side{grid-template-columns:1fr}.v7RevenueHead{display:block}.v7Pills{justify-content:flex-start;margin-top:14px}.v7Chart{height:225px;overflow:hidden}.v7Chart svg{width:115%;height:195px}.v7Pending{grid-template-columns:42px minmax(0,1fr) auto}.v7Pending>strong,.v7Pending>.pill{grid-column:auto}.v7Pending .compactBtn{grid-column:1/-1;width:100%}.v7Actions{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.v7Kpis{grid-template-columns:1fr 1fr}.v7Kpi{gap:9px}.v7Kpi small{font-size:9px}.v7Kpi b{font-size:18px}.v7Kpi em{font-size:8px}.v7RevenueHead>div:first-child b{font-size:32px}.v7Pills{display:grid;grid-template-columns:1fr 1fr}.v7Pills button:last-child{grid-column:1/-1}.v7HealthGrid,.v7Actions{grid-template-columns:1fr 1fr}.v7Pending{grid-template-columns:42px 1fr}.v7Pending>strong,.v7Pending>.pill{justify-self:start}.v7Pending .compactBtn{grid-column:1/-1}}

/* V8 EXECUTIVE DASHBOARD */
.content[data-view="dashboard"] .v8MetricStrip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e7e8ef;border-radius:18px;margin-bottom:16px;overflow:hidden;box-shadow:0 10px 28px rgba(32,35,54,.045)}
.content[data-view="dashboard"] .v8MetricStrip button{border:0;border-right:1px solid #ececf2;background:transparent;text-align:left;padding:20px 22px;cursor:pointer;color:inherit;min-width:0;transition:.15s}
.content[data-view="dashboard"] .v8MetricStrip button:last-child{border-right:0}.content[data-view="dashboard"] .v8MetricStrip button:hover{background:#faf9ff}
.content[data-view="dashboard"] .v8MetricStrip small{display:block;color:#9296a6;font-size:10px;margin-bottom:7px}.content[data-view="dashboard"] .v8MetricStrip b{display:block;font-size:26px;letter-spacing:-.035em}.content[data-view="dashboard"] .v8MetricStrip span{display:block;color:#13996c;font-size:10px;margin-top:5px}.content[data-view="dashboard"] .v8MetricStrip .warn{color:#c78109}
.content[data-view="dashboard"] .v8CoreGrid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.78fr);gap:16px;margin-bottom:16px;align-items:start}
.content[data-view="dashboard"] .v8Side{display:grid;gap:16px}.content[data-view="dashboard"] .v8Panel{background:#fff;border:1px solid #e7e8ef;border-radius:18px;padding:20px;box-shadow:0 10px 28px rgba(32,35,54,.045);min-width:0}
.content[data-view="dashboard"] .v8PanelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.content[data-view="dashboard"] .v8PanelHead span{display:block;color:#7650ee;font-size:9px;letter-spacing:.15em;font-weight:800}.content[data-view="dashboard"] .v8PanelHead h3{margin:4px 0 0;font-size:18px}.content[data-view="dashboard"] .v8PanelHead>button{border:0;background:transparent;color:#6e49e8;font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px;cursor:pointer}.content[data-view="dashboard"] .v8PanelHead>button svg{width:14px}
.content[data-view="dashboard"] .v8RevenueSummary{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px}.content[data-view="dashboard"] .v8RevenueSummary small{display:block;color:#9296a6;font-size:10px}.content[data-view="dashboard"] .v8RevenueSummary>div:first-child>b{display:block;font-size:35px;letter-spacing:-.04em;margin:4px 0}.content[data-view="dashboard"] .v8RevenueSummary em{font-style:normal;color:#13996c;font-size:10px}.content[data-view="dashboard"] .v8Chips{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.content[data-view="dashboard"] .v8Chips span{border:1px solid #e7e8ef;background:#fafbfe;border-radius:999px;padding:7px 10px;font-size:9px;color:#868b9b}.content[data-view="dashboard"] .v8Chips b{color:#282b39;margin-left:4px}
.content[data-view="dashboard"] .v8ChartWrap{height:260px;position:relative;border-top:1px solid #f0f1f5;padding-top:12px;overflow:hidden}.content[data-view="dashboard"] .v8ChartWrap:before,.content[data-view="dashboard"] .v8ChartWrap:after{content:"";position:absolute;left:0;right:0;border-top:1px solid #f3f4f7}.content[data-view="dashboard"] .v8ChartWrap:before{top:34%}.content[data-view="dashboard"] .v8ChartWrap:after{top:67%}.content[data-view="dashboard"] .v8ChartWrap svg{width:100%;height:220px;display:block;position:relative;z-index:1}.content[data-view="dashboard"] .v8Axis{display:flex;justify-content:space-between;color:#9ca0ad;font-size:9px;padding:0 3px}
.content[data-view="dashboard"] .v8DonutRow{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center}.content[data-view="dashboard"] .v8Donut{width:142px;height:142px;border-radius:50%;background:conic-gradient(#7248f5 0 43%,#5b8df7 43% 68%,#a778f8 68% 84%,#d8d8e5 84% 100%);position:relative}.content[data-view="dashboard"] .v8Donut:after{content:"";position:absolute;inset:24px;background:#fff;border-radius:50%}.content[data-view="dashboard"] .v8Donut>div{position:absolute;inset:0;z-index:2;display:grid;place-content:center;text-align:center}.content[data-view="dashboard"] .v8Donut b{font-size:16px}.content[data-view="dashboard"] .v8Donut small{color:#969baa;font-size:9px;margin-top:2px}
.content[data-view="dashboard"] .v8Legend{display:grid;gap:8px}.content[data-view="dashboard"] .v8Legend button{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;border:0;background:transparent;padding:4px 0;color:inherit;cursor:pointer;text-align:left}.content[data-view="dashboard"] .v8Legend i{width:8px;height:8px;border-radius:50%}.content[data-view="dashboard"] .v8Legend .p1{background:#7248f5}.content[data-view="dashboard"] .v8Legend .p2{background:#5b8df7}.content[data-view="dashboard"] .v8Legend .p3{background:#a778f8}.content[data-view="dashboard"] .v8Legend .p4{background:#d8d8e5}.content[data-view="dashboard"] .v8Legend span{font-size:11px}.content[data-view="dashboard"] .v8Legend b{font-size:11px}
.content[data-view="dashboard"] .v8Attention>button,.content[data-view="dashboard"] .v8Quick>button{width:100%;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:42px 1fr 16px;gap:11px;align-items:center;text-align:left;padding:12px 0;border-top:1px solid #eef0f4;cursor:pointer}.content[data-view="dashboard"] .v8Attention>button:first-of-type,.content[data-view="dashboard"] .v8Quick>button:first-of-type{border-top:0}.content[data-view="dashboard"] .v8Attention>button>svg,.content[data-view="dashboard"] .v8Quick>button>svg{width:15px;color:#9da1af}.content[data-view="dashboard"] .v8Attention b,.content[data-view="dashboard"] .v8Quick b{display:block;font-size:12px}.content[data-view="dashboard"] .v8Attention small,.content[data-view="dashboard"] .v8Quick small{display:block;color:#9195a4;font-size:9px;margin-top:3px}.content[data-view="dashboard"] .v8AttIcon,.content[data-view="dashboard"] .v8Quick>button>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#f1edff;color:#7049eb}.content[data-view="dashboard"] .v8AttIcon svg,.content[data-view="dashboard"] .v8Quick>button>span svg{width:17px}.content[data-view="dashboard"] .v8AttIcon.exp{background:#fff5e7;color:#d68714}.content[data-view="dashboard"] .v8AttIcon.sys{background:#eef4ff;color:#3471da}
.content[data-view="dashboard"] .v8BottomGrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:16px}.content[data-view="dashboard"] .v8ActivityList{display:grid}.content[data-view="dashboard"] .v8ActivityList>div{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #eef0f4}.content[data-view="dashboard"] .v8ActivityList>div:first-child{border-top:0}.content[data-view="dashboard"] .v8ActivityList>div>span{width:34px;height:34px;border-radius:10px;background:#f1edff;color:#7049eb;display:grid;place-items:center}.content[data-view="dashboard"] .v8ActivityList>div>span.ok{background:#eaf9f3;color:#14976c}.content[data-view="dashboard"] .v8ActivityList svg{width:15px}.content[data-view="dashboard"] .v8ActivityList p{margin:0}.content[data-view="dashboard"] .v8ActivityList b,.content[data-view="dashboard"] .v8ActivityList small{display:block}.content[data-view="dashboard"] .v8ActivityList b{font-size:12px}.content[data-view="dashboard"] .v8ActivityList small{font-size:9px;color:#9296a5;margin-top:3px}.content[data-view="dashboard"] .v8ActivityList time{font-size:9px;color:#9ca0ad}
body.dark .content[data-view="dashboard"] .v8MetricStrip,body.dark .content[data-view="dashboard"] .v8Panel{background:#1b1d27;border-color:#2b2e3b;box-shadow:none}body.dark .content[data-view="dashboard"] .v8MetricStrip button{border-color:#2b2e3b}body.dark .content[data-view="dashboard"] .v8MetricStrip button:hover{background:#20222d}body.dark .content[data-view="dashboard"] .v8Chips span{background:#171923;border-color:#303341;color:#9297a9}body.dark .content[data-view="dashboard"] .v8Chips b{color:#fff}body.dark .content[data-view="dashboard"] .v8Donut:after{background:#1b1d27}body.dark .content[data-view="dashboard"] .v8Attention>button,body.dark .content[data-view="dashboard"] .v8Quick>button,body.dark .content[data-view="dashboard"] .v8ActivityList>div{border-color:#2b2e3b}body.dark .content[data-view="dashboard"] .v8ChartWrap{border-color:#2b2e3b}
@media(max-width:1180px){.content[data-view="dashboard"] .v8CoreGrid,.content[data-view="dashboard"] .v8BottomGrid{grid-template-columns:1fr}.content[data-view="dashboard"] .v8Side{grid-template-columns:1fr 1fr}.content[data-view="dashboard"] .v8MetricStrip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.content[data-view="dashboard"] .v8MetricStrip{grid-template-columns:1fr 1fr}.content[data-view="dashboard"] .v8MetricStrip button:nth-child(2){border-right:0}.content[data-view="dashboard"] .v8MetricStrip button:nth-child(-n+2){border-bottom:1px solid #ececf2}.content[data-view="dashboard"] .v8CoreGrid,.content[data-view="dashboard"] .v8BottomGrid{grid-template-columns:1fr}.content[data-view="dashboard"] .v8Side{grid-template-columns:1fr}.content[data-view="dashboard"] .v8RevenueSummary{display:block}.content[data-view="dashboard"] .v8Chips{justify-content:flex-start;margin-top:12px}.content[data-view="dashboard"] .v8DonutRow{grid-template-columns:125px 1fr}.content[data-view="dashboard"] .v8Donut{width:120px;height:120px}.content[data-view="dashboard"] .v8Panel{padding:16px}.content[data-view="dashboard"] .v8ChartWrap{height:230px}.content[data-view="dashboard"] .v8ChartWrap svg{height:192px}.content[data-view="dashboard"] .v8MetricStrip b{font-size:22px}}
@media(max-width:430px){.content[data-view="dashboard"] .v8MetricStrip{grid-template-columns:1fr}.content[data-view="dashboard"] .v8MetricStrip button{border-right:0!important;border-bottom:1px solid #ececf2!important}.content[data-view="dashboard"] .v8MetricStrip button:last-child{border-bottom:0!important}.content[data-view="dashboard"] .v8DonutRow{grid-template-columns:1fr;justify-items:center}.content[data-view="dashboard"] .v8Legend{width:100%}.content[data-view="dashboard"] .v8ActivityList>div{grid-template-columns:34px 1fr}.content[data-view="dashboard"] .v8ActivityList time{grid-column:2}.content[data-view="dashboard"] .v8RevenueSummary>div:first-child>b{font-size:32px}}

/* V9 COMMAND CENTER */
.content[data-view="dashboard"] .pageHead{margin-bottom:16px}.content[data-view="dashboard"] .pageHead h1{font-size:31px}.v9Overline{display:block;font-size:9px;letter-spacing:.16em;font-weight:800;color:#7550ee;margin-bottom:5px}.v9TopGrid{display:grid;grid-template-columns:1.25fr .95fr .9fr;gap:14px;align-items:stretch}.v9RevenueFocus,.v9Attention,.v9Quick,.v9Health,.v9Activity{border:1px solid #e5e7ef;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(31,34,62,.05)}
.v9RevenueFocus{position:relative;overflow:hidden;padding:24px;background:linear-gradient(135deg,#25125f 0%,#5630d7 52%,#7850fa 100%);color:#fff;border-color:transparent;min-height:312px}.v9FocusTop{display:flex;justify-content:space-between;gap:18px;position:relative;z-index:2}.v9RevenueFocus .v9Overline{color:#d9ccff}.v9FocusTop h2{font-size:44px;line-height:1;margin:8px 0 8px;letter-spacing:-.04em}.v9FocusTop p{margin:0;color:rgba(255,255,255,.78);font-size:12px}.v9FocusTop p b{color:#bfffe1}.v9FocusIcon{width:54px;height:54px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12);border-radius:17px;display:grid;place-items:center}.v9FocusIcon svg{width:23px;height:23px}.v9MiniMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px;position:relative;z-index:2}.v9MiniMetrics>div{padding:12px 13px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:13px}.v9MiniMetrics small{display:block;font-size:9px;opacity:.72;margin-bottom:4px}.v9MiniMetrics b{font-size:16px}.v9Spark{position:absolute;left:0;right:0;bottom:34px;width:100%;height:94px;opacity:.95}.v9FocusLink{position:absolute;left:24px;bottom:15px;border:0;background:none;color:#fff;font-weight:700;font-size:11px;display:flex;gap:6px;align-items:center;cursor:pointer;z-index:2}.v9FocusLink svg{width:13px}
.v9Attention,.v9Quick,.v9Health,.v9Activity{padding:18px}.v9SectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.v9SectionHead h3{margin:0;font-size:18px}.v9Count{min-width:30px;height:30px;padding:0 8px;border-radius:10px;background:#fff1e7;color:#c57318;display:grid;place-items:center;font-weight:800}.v9Attention>button,.v9Quick>button{width:100%;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:38px 1fr 16px;gap:10px;align-items:center;text-align:left;padding:12px 0;border-bottom:1px solid #eef0f4;cursor:pointer}.v9Attention>button:last-child,.v9Quick>button:last-child{border-bottom:0}.v9Attention>button:hover,.v9Quick>button:hover{transform:translateX(2px)}.v9Attention>button>svg,.v9Quick>button>svg{width:15px;color:#a0a4b1}.v9AttIcon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.v9AttIcon svg{width:17px}.v9AttIcon.warn{background:#fff0f4;color:#d43c64}.v9AttIcon.amber{background:#fff5e8;color:#d8871d}.v9AttIcon.info{background:#edf4ff;color:#3478dd}.v9Attention b,.v9Quick b{font-size:12px}.v9Attention small,.v9Quick small{display:block;color:#8c90a0;font-size:9px;margin-top:3px}.v9Quick>button>svg:first-child{width:18px;color:#7448f5}.v9Quick>button span{min-width:0}

.v9BottomGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.v9TextLink{border:0;background:none;color:#7448f5;font-size:10px;font-weight:700;display:flex;gap:5px;align-items:center;cursor:pointer}.v9TextLink svg{width:13px}.v9HealthMain{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center}.v9Ring{--p:75.4;width:132px;height:132px;border-radius:50%;background:conic-gradient(#7448f5 calc(var(--p)*1%),#ece9f8 0);display:grid;place-items:center;position:relative}.v9Ring:after{content:"";position:absolute;inset:16px;border-radius:50%;background:#fff}.v9Ring>div{position:relative;z-index:2;text-align:center}.v9Ring b{display:block;font-size:26px}.v9Ring small{color:#8f93a3;font-size:10px}.v9HealthNumbers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v9HealthNumbers>div{padding:14px;border:1px solid #eceef3;border-radius:14px;background:#fbfbfd}.v9HealthNumbers small,.v9HealthNumbers span{display:block}.v9HealthNumbers small{font-size:9px;color:#8d91a0}.v9HealthNumbers b{display:block;font-size:24px;margin:3px 0}.v9HealthNumbers span{font-size:9px;color:#15956c}.v9HealthStrip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #eef0f4;margin-top:16px;padding-top:14px}.v9HealthStrip>div{padding:0 12px;border-right:1px solid #eef0f4}.v9HealthStrip>div:first-child{padding-left:0}.v9HealthStrip>div:last-child{border-right:0}.v9HealthStrip b{display:block;font-size:18px}.v9HealthStrip small{display:block;color:#8e92a1;font-size:9px;margin-top:2px}.v9ActivityList>div{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #eef0f4}.v9ActivityList>div:last-child{border-bottom:0}.v9ActIcon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.v9ActIcon svg{width:17px}.v9ActIcon.ok{background:#eafaf4;color:#14966e}.v9ActIcon.user{background:#f0ebff;color:#7448f5}.v9ActIcon.bell{background:#eef4ff;color:#3b78d5}.v9ActIcon.refresh{background:#fff5e8;color:#d8871d}.v9ActivityList b{font-size:12px}.v9ActivityList small{display:block;color:#8f93a2;font-size:9px;margin-top:2px}.v9ActivityList time{font-size:9px;color:#9da0ae}
body.dark .v9Attention,body.dark .v9Quick,body.dark .v9Health,body.dark .v9Activity{background:#1b1d27;border-color:#2b2e3b;box-shadow:none}body.dark .v9Attention>button,body.dark .v9Quick>button,body.dark .v9ActivityList>div,body.dark .v9HealthStrip{border-color:#2c2f3b}body.dark .v9HealthNumbers>div{background:#171923;border-color:#2c2f3b}body.dark .v9Ring:after{background:#1b1d27}body.dark .v9Ring{background:conic-gradient(#8056ff calc(var(--p)*1%),#2b2d38 0)}
@media(max-width:1180px){.v9TopGrid{grid-template-columns:1.2fr 1fr}.v9Quick{grid-column:1/-1}.v9Quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v9Quick .v9SectionHead{grid-column:1/-1}.v9Quick>button{border:1px solid #eceef3!important;border-radius:13px;padding:12px}.v9BottomGrid{grid-template-columns:1fr}}
@media(max-width:760px){.content[data-view="dashboard"] .pageHead{display:block}.v9TopGrid,.v9BottomGrid{grid-template-columns:1fr}.v9Quick{grid-template-columns:1fr 1fr}.v9RevenueFocus{min-height:340px}.v9MiniMetrics{grid-template-columns:1fr 1fr}.v9MiniMetrics>div:nth-child(3){grid-column:1/-1}.v9HealthMain{grid-template-columns:110px 1fr}.v9Ring{width:105px;height:105px}.v9HealthStrip{grid-template-columns:1fr 1fr;gap:12px}.v9HealthStrip>div{border-right:0;border-bottom:1px solid #eef0f4;padding:0 0 10px}.v9HealthStrip>div:nth-last-child(-n+2){border-bottom:0}.v9HealthNumbers{grid-template-columns:1fr}.v9FocusTop h2{font-size:40px}}
@media(max-width:430px){.v9Quick{grid-template-columns:1fr}.v9RevenueFocus{padding:20px}.v9FocusTop h2{font-size:38px}.v9ActivityList>div{grid-template-columns:36px 1fr}.v9ActivityList time{grid-column:2}.v9HealthMain{grid-template-columns:1fr}.v9Ring{margin:auto}.v9HealthNumbers{grid-template-columns:1fr 1fr}}

/* V9 mobile header fit */
@media(max-width:760px){.content[data-view="dashboard"] .dashHeadActions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;width:100%!important;max-width:100%!important}.content[data-view="dashboard"] .dashHeadActions .btn{min-width:0!important;width:100%!important;padding:10px 8px!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.content[data-view="dashboard"] .pageHead{width:100%!important;max-width:100%!important;overflow:hidden}.content[data-view="dashboard"] .v9TopGrid,.content[data-view="dashboard"] .v9BottomGrid{width:100%!important;max-width:100%!important;min-width:0!important}.content[data-view="dashboard"] .v9RevenueFocus,.content[data-view="dashboard"] .v9Attention,.content[data-view="dashboard"] .v9Quick,.content[data-view="dashboard"] .v9Health,.content[data-view="dashboard"] .v9Activity{width:100%!important;max-width:100%!important;min-width:0!important}}

@media(max-width:430px){.content[data-view="dashboard"] .dashHeadActions{grid-template-columns:1fr!important}.content[data-view="dashboard"] .dashHeadActions .btn{width:100%!important}.content[data-view="dashboard"] .v9MiniMetrics{grid-template-columns:1fr!important}.content[data-view="dashboard"] .v9MiniMetrics>div:nth-child(3){grid-column:auto!important}}

/* V10 EXECUTIVE BUSINESS CONSOLE */
.content[data-view="dashboard"] .v10Board{background:#fff;border:1px solid #e5e7ef;border-radius:22px;box-shadow:0 14px 34px rgba(34,38,64,.06);overflow:hidden}
.content[data-view="dashboard"] .v10BoardHead,.content[data-view="dashboard"] .v10PaneHead{display:flex;align-items:center;justify-content:space-between;gap:16px}
.content[data-view="dashboard"] .v10BoardHead{padding:22px 24px 18px;border-bottom:1px solid #eceef3}.content[data-view="dashboard"] .v10BoardHead h3,.content[data-view="dashboard"] .v10PaneHead h3{margin:3px 0 0;font-size:19px}
.content[data-view="dashboard"] .v10BoardHead button,.content[data-view="dashboard"] .v10Text{border:0;background:none;color:#6f47ef;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px}.content[data-view="dashboard"] .v10BoardHead button svg,.content[data-view="dashboard"] .v10Text svg{width:14px}
.content[data-view="dashboard"] .v10Kicker{font-size:9px;letter-spacing:.16em;font-weight:900;color:#7448f5}.content[data-view="dashboard"] .v10Label{font-size:11px;color:#8b90a0;font-weight:700}
.content[data-view="dashboard"] .v10Columns{display:grid;grid-template-columns:1.25fr 1fr 1.1fr}.content[data-view="dashboard"] .v10Col{padding:24px;min-width:0}.content[data-view="dashboard"] .v10Col+.v10Col{border-left:1px solid #eceef3}
.content[data-view="dashboard"] .v10Col.finance>strong{display:block;font-size:42px;letter-spacing:-.045em;margin:7px 0 3px}.content[data-view="dashboard"] .v10Col.finance>em{font-style:normal;color:#07966b;font-size:11px;font-weight:700}
.content[data-view="dashboard"] .v10MiniRows{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.content[data-view="dashboard"] .v10MiniRows>div{padding-top:12px;border-top:1px solid #eceef3}.content[data-view="dashboard"] .v10MiniRows small,.content[data-view="dashboard"] .v10MiniRows b{display:block}.content[data-view="dashboard"] .v10MiniRows small{font-size:9px;color:#9296a5}.content[data-view="dashboard"] .v10MiniRows b{font-size:15px;margin-top:4px}
.content[data-view="dashboard"] .v10BigPair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:13px}.content[data-view="dashboard"] .v10BigPair strong{display:block;font-size:34px}.content[data-view="dashboard"] .v10BigPair small{color:#8e92a1}.content[data-view="dashboard"] .v10CustomerFoot{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.content[data-view="dashboard"] .v10CustomerFoot span{font-size:10px;background:#f7f7fb;border:1px solid #eceef3;padding:7px 9px;border-radius:999px}.content[data-view="dashboard"] .v10CustomerFoot b{color:#7448f5}
.content[data-view="dashboard"] .v10Col.ops{display:grid;align-content:start;gap:4px}.content[data-view="dashboard"] .v10Col.ops>.v10Label{margin-bottom:6px}.content[data-view="dashboard"] .v10Col.ops button{display:grid;grid-template-columns:34px 1fr 16px;align-items:center;gap:10px;border:0;border-top:1px solid #eceef3;background:none;color:inherit;padding:13px 0;text-align:left;cursor:pointer}.content[data-view="dashboard"] .v10Col.ops button>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f3efff;color:#7048ee}.content[data-view="dashboard"] .v10Col.ops button>span svg{width:16px}.content[data-view="dashboard"] .v10Col.ops button>b{font-size:12px}.content[data-view="dashboard"] .v10Col.ops button small{display:block;color:#9296a4;font-size:9px;margin-top:3px}.content[data-view="dashboard"] .v10Col.ops button>svg{width:14px;color:#a0a4b2}
.content[data-view="dashboard"] .v10Trend{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:end;border-top:1px solid #eceef3;padding:18px 24px 22px}.content[data-view="dashboard"] .v10Trend>div b{display:block;margin-top:5px;font-size:13px}.content[data-view="dashboard"] .v10Trend svg{width:100%;height:92px;display:block}
.content[data-view="dashboard"] .v10WorkGrid{display:grid;grid-template-columns:1.05fr 1.2fr .8fr;gap:14px;margin-top:14px}.content[data-view="dashboard"] .v10Pane{background:#fff;border:1px solid #e5e7ef;border-radius:18px;padding:19px;box-shadow:0 8px 22px rgba(34,38,64,.04);min-width:0}.content[data-view="dashboard"] .v10Badge{width:30px;height:30px;border-radius:9px;background:#fff1e5;color:#c77310;font-weight:800;display:grid;place-items:center}
.content[data-view="dashboard"] .v10Queue button{width:100%;border:0;border-top:1px solid #eceef3;background:none;color:inherit;padding:13px 0;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer}.content[data-view="dashboard"] .v10Queue button>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.content[data-view="dashboard"] .v10Queue .danger{background:#fff0f4;color:#d74869}.content[data-view="dashboard"] .v10Queue .warn{background:#fff5e8;color:#d78b1c}.content[data-view="dashboard"] .v10Queue .info{background:#eef4ff;color:#3d74df}.content[data-view="dashboard"] .v10Queue b,.content[data-view="dashboard"] .v10Queue small{display:block}.content[data-view="dashboard"] .v10Queue b{font-size:12px}.content[data-view="dashboard"] .v10Queue small{font-size:9px;color:#9195a3;margin-top:3px}.content[data-view="dashboard"] .v10Queue em{font-style:normal;font-size:9px;color:#9296a4}
.content[data-view="dashboard"] .v10Activity>div{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #eceef3}.content[data-view="dashboard"] .v10Activity>div>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.content[data-view="dashboard"] .v10Activity .ok{background:#eafaf4;color:#13976b}.content[data-view="dashboard"] .v10Activity .user{background:#f1edff;color:#7448f5}.content[data-view="dashboard"] .v10Activity .bell{background:#eef4ff;color:#3d74df}.content[data-view="dashboard"] .v10Activity .refresh{background:#fff5e8;color:#d78b1c}.content[data-view="dashboard"] .v10Activity p{margin:0}.content[data-view="dashboard"] .v10Activity b,.content[data-view="dashboard"] .v10Activity small{display:block}.content[data-view="dashboard"] .v10Activity b{font-size:12px}.content[data-view="dashboard"] .v10Activity small,.content[data-view="dashboard"] .v10Activity time{font-size:9px;color:#9296a4}
.content[data-view="dashboard"] .v10Actions button{width:100%;border:0;border-top:1px solid #eceef3;background:none;color:inherit;padding:13px 0;display:grid;grid-template-columns:22px 1fr 14px;gap:10px;align-items:center;text-align:left;cursor:pointer}.content[data-view="dashboard"] .v10Actions button>svg{width:17px;color:#7448f5}.content[data-view="dashboard"] .v10Actions button>svg:last-child{width:13px;color:#9da1ae}.content[data-view="dashboard"] .v10Actions b,.content[data-view="dashboard"] .v10Actions small{display:block}.content[data-view="dashboard"] .v10Actions b{font-size:12px}.content[data-view="dashboard"] .v10Actions small{font-size:9px;color:#9296a4;margin-top:3px}
body.dark .content[data-view="dashboard"] .v10Board,body.dark .content[data-view="dashboard"] .v10Pane{background:#1b1d27;border-color:#2b2e3b;box-shadow:none}body.dark .content[data-view="dashboard"] .v10BoardHead,body.dark .content[data-view="dashboard"] .v10Col+.v10Col,body.dark .content[data-view="dashboard"] .v10Trend,body.dark .content[data-view="dashboard"] .v10Col.ops button,body.dark .content[data-view="dashboard"] .v10Queue button,body.dark .content[data-view="dashboard"] .v10Activity>div,body.dark .content[data-view="dashboard"] .v10Actions button{border-color:#2b2e3b}body.dark .content[data-view="dashboard"] .v10CustomerFoot span{background:#171923;border-color:#2b2e3b}
@media(max-width:1180px){.content[data-view="dashboard"] .v10Columns{grid-template-columns:1fr 1fr}.content[data-view="dashboard"] .v10Col.ops{grid-column:1/-1;border-left:0!important;border-top:1px solid #eceef3}.content[data-view="dashboard"] .v10WorkGrid{grid-template-columns:1fr 1fr}.content[data-view="dashboard"] .v10Pane.quick{grid-column:1/-1}}
@media(max-width:760px){.content[data-view="dashboard"] .v10Columns,.content[data-view="dashboard"] .v10WorkGrid{grid-template-columns:1fr}.content[data-view="dashboard"] .v10Col+.v10Col{border-left:0;border-top:1px solid #eceef3}.content[data-view="dashboard"] .v10Col.ops,.content[data-view="dashboard"] .v10Pane.quick{grid-column:auto}.content[data-view="dashboard"] .v10Trend{grid-template-columns:1fr;padding:16px 18px}.content[data-view="dashboard"] .v10Trend svg{height:80px}.content[data-view="dashboard"] .v10MiniRows{grid-template-columns:repeat(3,1fr)}.content[data-view="dashboard"] .v10BigPair strong{font-size:30px}.content[data-view="dashboard"] .v10Col.finance>strong{font-size:38px}}
@media(max-width:430px){.content[data-view="dashboard"] .v10BoardHead{padding:18px}.content[data-view="dashboard"] .v10BoardHead button{font-size:11px}.content[data-view="dashboard"] .v10Col{padding:18px}.content[data-view="dashboard"] .v10MiniRows{grid-template-columns:1fr 1fr}.content[data-view="dashboard"] .v10MiniRows>div:nth-child(3){grid-column:1/-1}.content[data-view="dashboard"] .v10WorkGrid{gap:12px}.content[data-view="dashboard"] .v10Pane{padding:16px}}
/* V10 revenue trend refinement */
.content[data-view="dashboard"] .v10TrendPro{display:block;padding:18px 24px 20px;border-top:1px solid #eceef3}
.content[data-view="dashboard"] .v10TrendHead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.content[data-view="dashboard"] .v10TrendHead b{display:block;margin-top:4px;font-size:13px}.content[data-view="dashboard"] .v10TrendMeta{display:flex;align-items:center;gap:12px}.content[data-view="dashboard"] .v10TrendMeta span{font-size:10px;font-weight:800;color:#07966b;background:#ecfaf5;border-radius:999px;padding:6px 9px}.content[data-view="dashboard"] .v10TrendMeta button{border:0;background:none;color:#6f47ef;font-weight:800;font-size:10px;cursor:pointer}
.content[data-view="dashboard"] .v10TrendBody{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:end}.content[data-view="dashboard"] .v10TrendSummary small,.content[data-view="dashboard"] .v10TrendSummary strong,.content[data-view="dashboard"] .v10TrendSummary em{display:block}.content[data-view="dashboard"] .v10TrendSummary small{font-size:9px;color:#9296a4}.content[data-view="dashboard"] .v10TrendSummary strong{font-size:22px;margin:5px 0 3px}.content[data-view="dashboard"] .v10TrendSummary em{font-style:normal;color:#07966b;font-size:10px}
.content[data-view="dashboard"] .v10DailyBars{height:92px;display:grid;grid-template-columns:repeat(9,1fr);gap:8px;align-items:end;border-bottom:1px solid #eceef3;padding:0 4px}.content[data-view="dashboard"] .v10DayBar{height:92px;border:0;background:none;padding:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:5px;cursor:pointer}.content[data-view="dashboard"] .v10DayBar span{height:var(--h);min-height:12px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#8053ff,#a991ff);box-shadow:0 5px 14px rgba(116,72,245,.12);transition:.15s}.content[data-view="dashboard"] .v10DayBar:hover span{transform:translateY(-2px);filter:saturate(1.1)}.content[data-view="dashboard"] .v10DayBar small{text-align:center;font-size:8px;color:#969aaa}.content[data-view="dashboard"] .v10DayBar.isToday span{background:linear-gradient(180deg,#4f2bd9,#7448f5);outline:2px solid #eee9ff}.content[data-view="dashboard"] .v10DayBar.isToday small{color:#6f47ef;font-weight:800}
body.dark .content[data-view="dashboard"] .v10TrendPro{border-color:#2b2e3b}body.dark .content[data-view="dashboard"] .v10TrendMeta span{background:#15372f;color:#69d6b4}body.dark .content[data-view="dashboard"] .v10DailyBars{border-color:#2b2e3b}
@media(max-width:760px){.content[data-view="dashboard"] .v10TrendPro{padding:16px 18px 18px}.content[data-view="dashboard"] .v10TrendHead{align-items:flex-start}.content[data-view="dashboard"] .v10TrendMeta span{display:none}.content[data-view="dashboard"] .v10TrendBody{grid-template-columns:1fr;gap:10px}.content[data-view="dashboard"] .v10TrendSummary{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.content[data-view="dashboard"] .v10TrendSummary strong{font-size:20px}.content[data-view="dashboard"] .v10DailyBars{height:110px;gap:5px}.content[data-view="dashboard"] .v10DayBar{height:110px}.content[data-view="dashboard"] .v10DayBar small{font-size:7px}}

/* INTERACTIVE REVENUE TREND */
.content[data-view="dashboard"] .v10TrendInteractive{border-top:1px solid #eceef3;padding:18px 24px 16px;background:linear-gradient(180deg,#fff,#fcfbff)}
.content[data-view="dashboard"] .rtHeader,.content[data-view="dashboard"] .rtSummary{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.content[data-view="dashboard"] .rtHeader>div b{display:block;margin-top:4px;font-size:14px}.content[data-view="dashboard"] .rtReport{border:0;background:none;color:#6f47ef;font-weight:800;font-size:11px;display:flex;align-items:center;gap:5px;cursor:pointer}.content[data-view="dashboard"] .rtReport svg{width:13px}
.content[data-view="dashboard"] .rtSummary{margin:12px 0 4px;align-items:flex-end}.content[data-view="dashboard"] .rtSummary small,.content[data-view="dashboard"] .rtSummary strong,.content[data-view="dashboard"] .rtSummary em,.content[data-view="dashboard"] .rtNow small,.content[data-view="dashboard"] .rtNow b{display:block}.content[data-view="dashboard"] .rtSummary small,.content[data-view="dashboard"] .rtNow small{font-size:9px;color:#9296a4}.content[data-view="dashboard"] .rtSummary strong{font-size:24px;letter-spacing:-.03em;margin:2px 0}.content[data-view="dashboard"] .rtSummary em{font-style:normal;color:#0b956a;font-size:10px}.content[data-view="dashboard"] .rtNow{text-align:right}.content[data-view="dashboard"] .rtNow b{font-size:18px;margin-top:2px}
.content[data-view="dashboard"] .rtChartWrap{position:relative;height:190px;margin-top:2px}.content[data-view="dashboard"] .rtChart{width:100%;height:100%;overflow:visible}.content[data-view="dashboard"] .rtGrid line{stroke:#eceef3;stroke-width:1}.content[data-view="dashboard"] .rtArea{fill:url(#rtArea)}.content[data-view="dashboard"] .rtLine{fill:none;stroke:#7448f5;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.content[data-view="dashboard"] .rtPoint{fill:#fff;stroke:#7448f5;stroke-width:4;cursor:pointer;transition:.15s;outline:none;vector-effect:non-scaling-stroke}.content[data-view="dashboard"] .rtPoint:hover,.content[data-view="dashboard"] .rtPoint.selected{r:7;fill:#7448f5;stroke:#fff;filter:drop-shadow(0 3px 6px rgba(116,72,245,.35))}.content[data-view="dashboard"] .rtTicks text{font-size:10px;fill:#9296a4}
.content[data-view="dashboard"] .rtTooltip{position:absolute;z-index:5;min-width:148px;padding:10px 11px;border-radius:11px;background:#20222c;color:#fff;box-shadow:0 12px 28px rgba(19,20,31,.28);opacity:0;pointer-events:none;transform:translate(-50%,-100%) scale(.96);transition:.12s}.content[data-view="dashboard"] .rtTooltip.show{opacity:1;transform:translate(-50%,-100%) scale(1)}.content[data-view="dashboard"] .rtTooltip small,.content[data-view="dashboard"] .rtTooltip b,.content[data-view="dashboard"] .rtTooltip span{display:block}.content[data-view="dashboard"] .rtTooltip small{color:#aeb3c2;font-size:9px}.content[data-view="dashboard"] .rtTooltip b{font-size:12px;margin:3px 0}.content[data-view="dashboard"] .rtTooltip span{font-size:9px;color:#d2d5df}
.content[data-view="dashboard"] .rtRange{display:inline-flex;gap:3px;padding:3px;background:#f0f1f6;border-radius:999px;margin-top:2px}.content[data-view="dashboard"] .rtRange button{border:0;background:transparent;color:#686d7f;font-size:10px;font-weight:800;padding:7px 14px;border-radius:999px;cursor:pointer}.content[data-view="dashboard"] .rtRange button.active{background:#fff;color:#6944ed;box-shadow:0 2px 8px rgba(32,34,52,.09)}
body.dark .content[data-view="dashboard"] .v10TrendInteractive{background:#1b1d27;border-color:#2b2e3b}body.dark .content[data-view="dashboard"] .rtGrid line{stroke:#2b2e3b}body.dark .content[data-view="dashboard"] .rtRange{background:#151720}body.dark .content[data-view="dashboard"] .rtRange button{color:#9a9fb1}body.dark .content[data-view="dashboard"] .rtRange button.active{background:#292c38;color:#c8baff}body.dark .content[data-view="dashboard"] .rtTicks text{fill:#7f8597}
@media(max-width:760px){.content[data-view="dashboard"] .v10TrendInteractive{padding:16px 18px}.content[data-view="dashboard"] .rtChartWrap{height:175px}.content[data-view="dashboard"] .rtSummary strong{font-size:22px}.content[data-view="dashboard"] .rtRange{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin-top:6px}.content[data-view="dashboard"] .rtRange button{padding:9px 8px}.content[data-view="dashboard"] .rtTooltip{min-width:138px}.content[data-view="dashboard"] .rtHeader{align-items:center}}
@media(max-width:430px){.content[data-view="dashboard"] .rtHeader{gap:8px}.content[data-view="dashboard"] .rtReport{font-size:10px}.content[data-view="dashboard"] .rtChartWrap{height:160px}.content[data-view="dashboard"] .rtNow{display:none}.content[data-view="dashboard"] .rtLine{stroke-width:3}.content[data-view="dashboard"] .rtPoint{stroke-width:3}}

/* LOCAL ADMIN LOGIN */
body.authLocked{overflow:hidden}
body.authLocked>.app,body.authLocked>.modalBackdrop,body.authLocked>.toast{display:none!important}
.loginScreen{position:fixed;inset:0;z-index:500;background:radial-gradient(circle at 75% 15%,#eee9ff 0,transparent 36%),linear-gradient(135deg,#f8f9fd,#f2f1fb);display:grid;place-items:center;padding:24px}
body:not(.authLocked) .loginScreen{display:none}
.loginShell{width:min(430px,100%)}
.loginBrand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}
.loginBrand img{width:58px;height:58px;border-radius:16px}
.loginBrand strong{font-size:22px;letter-spacing:.03em;color:#171a2b}.loginBrand strong span{color:#7448f5}
.loginBrand small{display:block;font-size:8px;letter-spacing:.19em;font-weight:800;color:#8d92a3;margin-top:4px}
.loginBadge{width:max-content;margin:0 auto 14px;background:#eee9ff;color:#6847e8;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:.1em}
.loginBadge span{background:#7448f5;color:#fff;border-radius:999px;padding:3px 7px;margin-left:7px}
.loginCard{background:#fff;border:1px solid #e4e6ef;border-radius:24px;padding:28px;box-shadow:0 24px 70px rgba(50,45,90,.12)}
.loginHead h1{font-size:28px;margin:0 0 6px;letter-spacing:-.03em}.loginHead p{margin:0 0 22px;color:#858a9a;font-size:13px}
.loginCard label{display:block;font-size:11px;font-weight:750;color:#6f7485;margin:13px 0 7px}
.loginCard input{width:100%;height:46px;border:1px solid #dfe2eb;border-radius:12px;padding:0 13px;font:inherit;outline:0;background:#fafbfe;color:#191c2b}
.loginCard input:focus{border-color:#8b6cf6;box-shadow:0 0 0 4px rgba(116,72,245,.09);background:#fff}
.loginPassword{position:relative}.loginPassword input{padding-right:58px}.loginPassword button{position:absolute;right:7px;top:7px;height:32px;border:0;background:#f0ecff;color:#7048ee;border-radius:8px;padding:0 10px;font-weight:750;cursor:pointer}

.loginError{min-height:18px;color:#d33f61;font-size:11px;margin-top:8px}
.loginSubmit{width:100%;height:46px;border:0;border-radius:12px;background:linear-gradient(135deg,#6840ef,#8052ff);color:#fff;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 10px 26px rgba(116,72,245,.22);transition:.15s}
.loginSubmit:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(116,72,245,.28)}
.loginHint{margin-top:16px;padding:12px 13px;border:1px solid #ececf3;background:#faf9ff;border-radius:12px;font-size:10px;color:#8b90a0}.loginHint b,.loginHint span{display:block}.loginHint b{color:#5c6070;margin-bottom:3px}
body.dark .loginScreen{background:radial-gradient(circle at 75% 15%,#241d3c 0,transparent 40%),linear-gradient(135deg,#10121a,#141722)}
body.dark .loginBrand strong{color:#f7f7fb}body.dark .loginBrand small{color:#8d93a8}
body.dark .loginCard{background:#1b1d27;border-color:#2b2e3b;box-shadow:0 24px 70px rgba(0,0,0,.34)}
body.dark .loginCard input{background:#161821;border-color:#303342;color:#fff}body.dark .loginCard input:focus{background:#191c27;border-color:#7352db}
body.dark .loginHint{background:#171923;border-color:#2b2e3b}
@media(max-width:520px){.loginScreen{padding:18px}.loginCard{padding:22px;border-radius:20px}.loginBrand img{width:52px;height:52px}.loginBrand strong{font-size:20px}.loginHead h1{font-size:25px}}

/* PREMIUM ICON SYSTEM V1 */
.navItem{min-height:48px;padding:6px 9px;gap:10px;border-radius:13px}
.navItem>svg{width:36px;height:36px;padding:8px;border-radius:11px;stroke-width:2.05;background:linear-gradient(145deg,#f1ecff,#eef4ff);color:#6848ef;box-shadow:inset 0 0 0 1px #ffffffaa,0 5px 12px #6d50ef10;transition:.18s}
.navItem:hover>svg{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffffcc,0 8px 16px #6d50ef1a}
.navItem.active{background:linear-gradient(90deg,#f2edff,#f7f5ff);box-shadow:inset 3px 0 0 #7048f4}
.navItem.active>svg{background:linear-gradient(145deg,#7c55ff,#5f3dea);color:#fff;box-shadow:0 7px 16px #7048f43a}
.navItem:nth-of-type(3)>svg{background:linear-gradient(145deg,#eef4ff,#edf7ff);color:#3478e7}.navItem:nth-of-type(4)>svg{background:linear-gradient(145deg,#f3edff,#eee9ff);color:#7048ef}.navItem:nth-of-type(5)>svg{background:linear-gradient(145deg,#eef4ff,#edf3ff);color:#3d72df}.navItem:nth-of-type(7)>svg{background:linear-gradient(145deg,#f5efff,#eee9ff);color:#7148ef}.navItem:nth-of-type(8)>svg{background:linear-gradient(145deg,#fff0f7,#f5efff);color:#8a49ea}
.statIcon{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#f0eaff,#f7f4ff);color:#6848ef;box-shadow:inset 0 0 0 1px #fff,0 6px 15px #6848ef15}.statIcon svg{width:22px;height:22px;stroke-width:2.1}
.periodCard svg{width:42px;height:42px;padding:10px;border-radius:12px;background:linear-gradient(145deg,#f0eaff,#f4f7ff);color:#6848ef;box-shadow:inset 0 0 0 1px #fff,0 6px 15px #6848ef12;margin-bottom:10px}
.v10Col.ops button>span,.v10Queue button>span,.v10Activity>div>span{box-shadow:inset 0 0 0 1px #ffffffb8,0 6px 14px #34405f10}
.v10Col.ops button>span svg,.v10Queue button>span svg,.v10Activity>div>span svg{stroke-width:2.15}

.v10Queue .danger{background:linear-gradient(145deg,#fff0f5,#ffe9f1)!important;color:#df4167!important}.v10Queue .warn{background:linear-gradient(145deg,#fff6e9,#fff0da)!important;color:#d98715!important}.v10Queue .info{background:linear-gradient(145deg,#eef5ff,#e7f0ff)!important;color:#3976e6!important}
.v10Activity .ok{background:linear-gradient(145deg,#eafbf4,#e0f8ed)!important;color:#119b6c!important}.v10Activity .user{background:linear-gradient(145deg,#f1ecff,#e9e4ff)!important;color:#7148ef!important}.v10Activity .bell{background:linear-gradient(145deg,#eef5ff,#e7f0ff)!important;color:#3976e6!important}.v10Activity .refresh{background:linear-gradient(145deg,#fff6e9,#fff0da)!important;color:#d98715!important}
.v10Actions button>svg:first-child{width:38px;height:38px;padding:9px;border-radius:11px;background:linear-gradient(145deg,#f0eaff,#f5f2ff);color:#7048f4;box-shadow:inset 0 0 0 1px #fff,0 6px 14px #7048f414;stroke-width:2.1}.v10Actions button:nth-child(2)>svg:first-child{background:linear-gradient(145deg,#eef4ff,#e9f1ff);color:#3478e7}.v10Actions button:nth-child(3)>svg:first-child{background:linear-gradient(145deg,#eafbf4,#e1f8ed);color:#10996b}.v10Actions button:nth-child(4)>svg:first-child{background:linear-gradient(145deg,#fff5e8,#ffedda);color:#d98715}
.iconBtn{background:linear-gradient(145deg,#fff,#f8f7ff);box-shadow:0 5px 14px #39415c0b}.iconBtn svg{stroke-width:2}
.btn svg{stroke-width:2.05}
body.dark .navItem>svg{background:linear-gradient(145deg,#242033,#1d2637);box-shadow:inset 0 0 0 1px #ffffff0e,0 6px 14px #0004}.dark .navItem.active>svg{background:linear-gradient(145deg,#825cff,#633cf0);color:#fff}.dark .statIcon,.dark .periodCard svg,.dark .v10Actions button>svg:first-child{box-shadow:inset 0 0 0 1px #ffffff10,0 6px 14px #0003}
@media(max-width:760px){.navItem>svg{width:34px;height:34px;padding:8px}.v10Actions button>svg:first-child{width:36px;height:36px}}

/* SYSTEM HEALTH & RECOVERY CENTER V1 */
.sysHeadActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sysEnv{font-size:10px;font-weight:900;letter-spacing:.1em;padding:8px 10px;border-radius:999px;background:#efeaff;color:#6847ec}
.sysOverview{display:grid;grid-template-columns:54px 1fr auto;gap:16px;align-items:center;border:1px solid #e5e7ef;background:#fff;border-radius:18px;padding:18px 20px;margin-bottom:18px}.sysOverview.warning{border-color:#f2dfbb;background:#fffcf6}.sysOverview.danger{border-color:#f2c8d1;background:#fff8fa}.sysOverviewIcon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#ecfbf5;color:#10976d}.sysOverview.warning .sysOverviewIcon{background:#fff3df;color:#d18713}.sysOverview.danger .sysOverviewIcon{background:#fff0f3;color:#d74667}.sysOverviewIcon svg{width:25px;height:25px}.sysOverview span,.sysSectionHead span,.sysPanelHead span{font-size:9px;letter-spacing:.15em;font-weight:900;color:#7448f5}.sysOverview h2{margin:3px 0 4px;font-size:20px}.sysOverview p{margin:0;color:#858a99;font-size:11px}
.sysSectionHead{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:20px 0 10px}.sysSectionHead h3{margin:3px 0 0;font-size:17px}.sysSectionHead small{color:#969aaa}
.sysServiceGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sysService{border:1px solid #e5e7ef;background:#fff;border-radius:15px;padding:14px;display:grid;grid-template-columns:42px 1fr 16px;gap:11px;align-items:center;text-align:left;color:inherit;cursor:pointer;transition:.15s;min-width:0}.sysService:hover{transform:translateY(-1px);border-color:#cfc6ff;box-shadow:0 9px 22px #4335a10d}.sysService>svg{width:15px;color:#a0a5b2}.sysIcon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f0ebff;color:#7448f5}.sysIcon.warning{background:#fff3e4;color:#d58312}.sysIcon.down{background:#fff0f3;color:#d74667}.sysIcon svg{width:20px}.sysServiceBody{min-width:0}.sysServiceBody>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.sysServiceBody b{font-size:12px}.sysServiceBody small{display:block;color:#8d92a1;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sysServiceBody em{display:block;font-style:normal;font-size:10px;font-weight:800;margin-top:5px}
.sysPill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800;background:#e9fbf4;color:#0f996d}.sysPill i{width:6px;height:6px;border-radius:50%;background:currentColor}.sysPill.warning{background:#fff4df;color:#c97d08}.sysPill.down{background:#fff0f3;color:#d64062}

.sysTwoCol{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.sysPanel{background:#fff;border:1px solid #e5e7ef;border-radius:17px;padding:18px;min-width:0}.sysPanelHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.sysPanelHead h3{margin:3px 0 0;font-size:16px}.sysPanelHead button{border:0;background:none;color:#6947e8;font-weight:700;font-size:10px;display:flex;gap:5px;align-items:center;cursor:pointer}.sysPanelHead button svg{width:13px}.sysPanelHead>small{color:#9599a7;font-size:9px}
.resourceList{display:grid;gap:13px}.resourceList>div>div{display:flex;justify-content:space-between;align-items:center;font-size:11px}.resourceList span small{color:#9ca0ad}.resourceList i{display:block;height:8px;border-radius:999px;background:#f0eff6;margin-top:7px;overflow:hidden}.resourceList i u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7448f5,#8d6cff);text-decoration:none}.resourceFoot{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.resourceFoot>div{border:1px solid #eceef3;border-radius:11px;padding:10px}.resourceFoot small,.resourceFoot b{display:block}.resourceFoot small{font-size:8px;color:#969baa}.resourceFoot b{font-size:12px;margin-top:4px}
.sysRows>div{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #eceef3}.sysRows>div:first-child{border-top:0}.sysRows>div>span:first-child{width:36px;height:36px;border-radius:10px;background:#f2eeff;color:#7448f5;display:grid;place-items:center}.sysRows>div>span:first-child svg{width:17px}.sysRows p{margin:0}.sysRows b,.sysRows small{display:block}.sysRows b{font-size:11px}.sysRows small{font-size:9px;color:#9296a5;margin-top:2px}.sysRows strong{font-size:10px}
.sysLower{align-items:start}.incidentList button{width:100%;border:0;border-top:1px solid #eceef3;background:none;color:inherit;display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:12px 0;text-align:left;cursor:pointer}.incidentList button:first-child{border-top:0}.incidentList p{margin:0}.incidentList b,.incidentList small{display:block}.incidentList b{font-size:11px}.incidentList small,.incidentList time{font-size:9px;color:#9296a5}.sev{font-size:8px;font-weight:900;border-radius:8px;padding:7px;text-align:center}.sev.warn{background:#fff3e2;color:#c77b0b}.sev.info{background:#eef4ff;color:#356ddd}.sev.danger{background:#fff0f3;color:#d33e60}
.recoveryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.recoveryGrid button{border:1px solid #e8e8f0;background:#fafaff;border-radius:12px;padding:12px;color:inherit;text-align:left;cursor:pointer;transition:.15s}.recoveryGrid button:hover{border-color:#cfc5ff;background:#f7f4ff}.recoveryGrid button>svg{width:18px;color:#7448f5;margin-bottom:9px}.recoveryGrid b,.recoveryGrid small{display:block}.recoveryGrid b{font-size:10px}.recoveryGrid small{font-size:8px;color:#9296a5;margin-top:3px}

.sysConfigPreview{margin-top:14px}.configPreview{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.configPreview>div{border:1px solid #eceef3;border-radius:11px;padding:10px;min-width:0}.configPreview small,.configPreview b{display:block}.configPreview small{font-size:8px;color:#9296a5}.configPreview b{font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sysNote{margin:12px 0 0;color:#8c91a0;font-size:9px}.sysAlertRules{margin-top:15px;border-top:1px solid #eceef3;padding-top:13px}.sysAlertRules>b{display:block;margin-bottom:8px}.sysAlertRules label{display:inline-flex;align-items:center;gap:5px;margin:5px 12px 5px 0;font-size:10px}
body.dark .sysOverview,body.dark .sysService,body.dark .sysPanel{background:#1b1d27;border-color:#2b2e3b}body.dark .sysOverview.warning{background:#251f17;border-color:#4a3a22}body.dark .sysOverview.danger{background:#28191d;border-color:#51303a}body.dark .resourceList i{background:#292c38}body.dark .resourceFoot>div,body.dark .configPreview>div,body.dark .sysRows>div,body.dark .incidentList button,body.dark .sysAlertRules{border-color:#2b2e3b}body.dark .recoveryGrid button{background:#171923;border-color:#2b2e3b}
@media(max-width:1180px){.sysServiceGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.resourceFoot{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sysServiceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sysTwoCol{grid-template-columns:1fr}.configPreview{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sysHeadActions{width:100%}.sysHeadActions .btn{flex:1}.sysOverview{grid-template-columns:44px 1fr;padding:15px}.sysOverview>.btn{grid-column:1/-1;width:100%}.sysOverviewIcon{width:44px;height:44px}.sysOverview h2{font-size:17px}.sysServiceGrid{grid-template-columns:1fr}.sysSectionHead{align-items:flex-start}.sysSectionHead small{display:none}.resourceFoot{grid-template-columns:1fr 1fr}.recoveryGrid{grid-template-columns:1fr 1fr}.configPreview{grid-template-columns:1fr}}
@media(max-width:430px){.recoveryGrid{grid-template-columns:1fr}.sysPanel{padding:15px}.sysService{padding:12px}.sysPanelHead{display:block}.sysPanelHead button{margin-top:8px}.sysRows>div{grid-template-columns:34px 1fr auto}.incidentList button{grid-template-columns:44px 1fr}.incidentList time{display:none}}

/* SIDEBAR DENSITY + ACTIVE NAV V2 */
.sidebar{overflow:hidden}
.sidebar #nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:2px;scrollbar-width:none}
.sidebar #nav::-webkit-scrollbar{display:none}
.navItem{position:relative;min-height:43px;padding:4px 8px;gap:9px;margin:1px 0;border-radius:11px}
.navItem>svg{width:32px;height:32px;padding:7px;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffffb8,0 3px 9px #6d50ef0d}
.navItem.active{background:transparent!important;box-shadow:none!important;color:#6847ec;font-weight:750}
.navItem.active:before{content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:3px;border-radius:99px;background:linear-gradient(180deg,#825cff,#5e3fe8)}
.navItem.active>svg{background:linear-gradient(145deg,#eee8ff,#f2f5ff)!important;color:#6847ec!important;box-shadow:inset 0 0 0 1px #fff,0 5px 12px #6d50ef14!important}
.navItem:hover{background:#faf9ff}
.sideBottom{margin-top:10px;flex:none;background:inherit;position:relative;z-index:2}
.sideBottom .navItem{min-height:42px}
body.dark .navItem.active{background:transparent!important;color:#bcaaff}
body.dark .navItem.active>svg{background:linear-gradient(145deg,#28213d,#202839)!important;color:#bcaaff!important}
@media(max-height:820px) and (min-width:761px){.brand{height:52px}.adminBadge{margin-top:4px;margin-bottom:8px;padding:7px 9px}.navLabel{padding-top:5px}.navItem{min-height:39px}.navItem>svg{width:29px;height:29px;padding:6px}.sideBottom{padding-top:7px}}

/* REVENUE PERFORMANCE — COLUMN V1 */
.content[data-view="dashboard"] .rtV2{border-top:1px solid #eceef3;padding:20px 24px 18px;background:linear-gradient(180deg,#fff,#fcfbff)}
.content[data-view="dashboard"] .rtV2Head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.content[data-view="dashboard"] .rtV2Head h3{margin:4px 0 3px;font-size:18px}.content[data-view="dashboard"] .rtV2Head p{margin:0;font-size:10px;color:#0b956a;font-weight:700}
.content[data-view="dashboard"] .rtV2Metrics{display:grid;grid-template-columns:1.35fr repeat(3,.8fr);gap:10px;margin:16px 0 18px}.content[data-view="dashboard"] .rtV2Metrics>div{border:1px solid #e8e9f0;border-radius:14px;padding:13px 14px;background:#fff;min-width:0}.content[data-view="dashboard"] .rtV2Metrics .metricPrimary{background:linear-gradient(135deg,#f5f1ff,#fbfaff);border-color:#ddd5fa}.content[data-view="dashboard"] .rtV2Metrics small,.content[data-view="dashboard"] .rtV2Metrics span,.content[data-view="dashboard"] .rtV2Metrics strong,.content[data-view="dashboard"] .rtV2Metrics b,.content[data-view="dashboard"] .rtV2Metrics em{display:block}.content[data-view="dashboard"] .rtV2Metrics small{font-size:9px;color:#8f94a4}.content[data-view="dashboard"] .rtV2Metrics strong{font-size:25px;letter-spacing:-.035em;margin:3px 0}.content[data-view="dashboard"] .rtV2Metrics b{font-size:16px;margin:5px 0 2px}.content[data-view="dashboard"] .rtV2Metrics span{font-size:9px;color:#8f94a4}.content[data-view="dashboard"] .rtV2Metrics em{font-style:normal;font-size:9px;color:#0b956a}
.content[data-view="dashboard"] .rtV2Chart{position:relative;display:grid;grid-template-columns:28px 1fr;gap:10px;height:205px;border:1px solid #eceef3;border-radius:15px;padding:14px 14px 10px;background:linear-gradient(180deg,#faf9ff,#fff)}
.content[data-view="dashboard"] .rtV2Scale{display:flex;flex-direction:column;justify-content:space-between;padding:3px 0 25px}.content[data-view="dashboard"] .rtV2Scale span{font-size:8px;color:#a0a4b1}.content[data-view="dashboard"] .rtV2Bars{display:flex;align-items:stretch;justify-content:space-between;gap:7px;min-width:0;border-bottom:1px solid #e9eaf0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#eef0f5 44px,#eef0f5 45px)}.content[data-view="dashboard"] .rtV2Bar{position:relative;flex:1;min-width:0;border:0;background:none;padding:0 0 25px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;cursor:pointer;color:inherit;outline:none}.content[data-view="dashboard"] .rtV2Bar i{width:min(54px,72%);height:138px;display:flex;align-items:flex-end;border-radius:10px 10px 4px 4px;overflow:hidden;background:#f0edfa;box-shadow:inset 0 0 0 1px #ebe7fb}.content[data-view="dashboard"] .rtV2Bar i u{display:block;width:100%;height:var(--bar);border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#b8a6ff 0%,#7b55f7 100%);transition:.18s;box-shadow:0 -6px 14px rgba(116,72,245,.13)}
.content[data-view="dashboard"] .rtV2Bar:hover i u,.content[data-view="dashboard"] .rtV2Bar.selected i u{background:linear-gradient(180deg,#8d6cff 0%,#633ceb 100%);filter:saturate(1.06)}.content[data-view="dashboard"] .rtV2Bar.best i{box-shadow:inset 0 0 0 1px #d9cffd,0 0 0 3px #f4f0ff}.content[data-view="dashboard"] .rtV2Bar.latest i u{background:linear-gradient(180deg,#835fff 0%,#5d37e7 100%)}
.content[data-view="dashboard"] .rtV2Bar small{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8px;color:#858a9b}.content[data-view="dashboard"] .rtV2Value{position:absolute;top:-1px;left:50%;transform:translate(-50%,-100%);font-size:8px;font-weight:800;color:#6d46ec;opacity:0;transition:.15s;white-space:nowrap}.content[data-view="dashboard"] .rtV2Bar:hover .rtV2Value,.content[data-view="dashboard"] .rtV2Bar.selected .rtV2Value{opacity:1}
.content[data-view="dashboard"] .rtV2Tooltip{position:absolute;top:10px;z-index:6;min-width:150px;padding:10px 11px;border-radius:11px;background:#20222c;color:#fff;box-shadow:0 12px 28px rgba(19,20,31,.28);opacity:0;pointer-events:none;transform:translateX(-50%) scale(.96);transition:.12s}.content[data-view="dashboard"] .rtV2Tooltip.show{opacity:1;transform:translateX(-50%) scale(1)}.content[data-view="dashboard"] .rtV2Tooltip small,.content[data-view="dashboard"] .rtV2Tooltip b,.content[data-view="dashboard"] .rtV2Tooltip span{display:block}.content[data-view="dashboard"] .rtV2Tooltip small{font-size:9px;color:#aeb3c2}.content[data-view="dashboard"] .rtV2Tooltip b{font-size:13px;margin:3px 0}.content[data-view="dashboard"] .rtV2Tooltip span{font-size:9px;color:#d2d5df}
.content[data-view="dashboard"] .rtV2Bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.content[data-view="dashboard"] .rtV2Hint{font-size:9px;color:#9398a7}
body.dark .content[data-view="dashboard"] .rtV2{background:#1b1d27;border-color:#2b2e3b}body.dark .content[data-view="dashboard"] .rtV2Metrics>div,body.dark .content[data-view="dashboard"] .rtV2Chart{background:#171923;border-color:#2b2e3b}body.dark .content[data-view="dashboard"] .rtV2Metrics .metricPrimary{background:linear-gradient(135deg,#211c31,#1b1d27);border-color:#3a315a}body.dark .content[data-view="dashboard"] .rtV2Bars{border-color:#303442;background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#282c38 44px,#282c38 45px)}body.dark .content[data-view="dashboard"] .rtV2Bar i{background:#222533;box-shadow:inset 0 0 0 1px #313646}
@media(max-width:760px){.content[data-view="dashboard"] .rtV2{padding:16px 18px}.content[data-view="dashboard"] .rtV2Metrics{grid-template-columns:1fr 1fr}.content[data-view="dashboard"] .rtV2Chart{height:190px;padding:12px 10px 8px}.content[data-view="dashboard"] .rtV2Bar i{height:125px;width:min(40px,74%)}.content[data-view="dashboard"] .rtV2Bottom{display:block}.content[data-view="dashboard"] .rtV2Hint{display:block;margin-top:7px;text-align:center}}
@media(max-width:430px){.content[data-view="dashboard"] .rtV2Metrics{grid-template-columns:1fr 1fr}.content[data-view="dashboard"] .rtV2Metrics strong{font-size:22px}.content[data-view="dashboard"] .rtV2Chart{grid-template-columns:20px 1fr;height:176px}.content[data-view="dashboard"] .rtV2Bars{gap:4px}.content[data-view="dashboard"] .rtV2Bar i{height:112px;width:min(32px,72%)}.content[data-view="dashboard"] .rtV2Bar small{font-size:7px}.content[data-view="dashboard"] .rtV2Value{font-size:7px}.content[data-view="dashboard"] .rtV2Head h3{font-size:16px}}
/* SYSTEM HEALTH & RECOVERY CENTER V2 */
.sysOpsStrip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 18px}.sysOpsTile{border:1px solid #e7e8ef;background:#fff;border-radius:14px;padding:12px;display:grid;grid-template-columns:38px 1fr 14px;gap:10px;align-items:center;text-align:left;color:inherit;cursor:pointer;min-width:0;transition:.15s}.sysOpsTile:hover{transform:translateY(-1px);border-color:#d6cdf9;box-shadow:0 8px 20px #5037a20b}.sysOpsTile>span{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#f0eaff,#f3f6ff);color:#7048ef;display:grid;place-items:center}.sysOpsTile>span svg{width:18px}.sysOpsTile>svg{width:14px;color:#a3a7b5}.sysOpsTile small,.sysOpsTile b,.sysOpsTile em{display:block}.sysOpsTile small{font-size:8px;color:#9296a4}.sysOpsTile b{font-size:11px;margin:2px 0}.sysOpsTile em{font-style:normal;font-size:8px;color:#8b90a0}.sysOpsTile.warn>span{background:#fff3e4;color:#d58312}
.sysInlineBtn{border:1px solid #e2e4ec;background:#fff;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:800;color:#6343dc;cursor:pointer}.sysInlineBtn:hover{background:#f6f3ff;border-color:#d6cdf9}.sysDiagPanel{margin-top:14px}.sysDiagText{margin:0;color:#818697;font-size:10px;line-height:1.6}.sysDiagChips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.sysDiagChips span{font-size:9px;padding:6px 9px;border-radius:999px;background:#f4f1ff;color:#6847e8;border:1px solid #ebe5ff}.sysModalRows{border:1px solid #eceef3;border-radius:12px;overflow:hidden}.sysModalRows>div{display:flex;justify-content:space-between;gap:14px;padding:11px 12px;border-top:1px solid #eceef3;font-size:11px}.sysModalRows>div:first-child{border-top:0}.sysModalRows span{color:#858a9a;text-align:right}
body.dark .sysOpsTile{background:#1b1d27;border-color:#2b2e3b}body.dark .sysOpsTile:hover{background:#20232e;border-color:#4a416b}body.dark .sysOpsTile>span{background:linear-gradient(145deg,#28213d,#202839);box-shadow:inset 0 0 0 1px #ffffff0d}body.dark .sysInlineBtn{background:#1d202b;border-color:#343846;color:#bdaaff}body.dark .sysDiagChips span{background:#252036;border-color:#3a3157;color:#c6b7ff}body.dark .sysModalRows,body.dark .sysModalRows>div{border-color:#2b2e3b}
@media(max-width:1250px){.sysOpsStrip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.sysOpsStrip{grid-template-columns:1fr 1fr}.sysOpsTile{padding:10px}.sysDiagPanel .sysPanelHead{display:block}.sysDiagPanel .sysPanelHead .btn{margin-top:9px;width:100%}}@media(max-width:430px){.sysOpsStrip{grid-template-columns:1fr}.sysDiagChips{gap:5px}.sysModalRows>div{display:block}.sysModalRows span{display:block;text-align:left;margin-top:4px}}

/* MOBILE TOP BAR — DARK + LARGER CONTROLS V1 */
@media(max-width:760px){
  .topbar{height:68px;padding:0 14px;background:#111318!important;border-bottom:1px solid #242731!important;gap:10px}
  .menuBtn{width:48px;height:48px;border-radius:14px;background:#242731!important;color:#fff!important;border:1px solid #343846!important;font-size:20px;box-shadow:0 8px 22px rgba(0,0,0,.22)}
  .topActions{gap:8px}
  .iconBtn{width:48px;height:48px;border-radius:14px;background:#242731!important;border:1px solid #343846!important;color:#f7f8fc!important;box-shadow:0 8px 22px rgba(0,0,0,.22)}
  .iconBtn svg{width:21px;height:21px;stroke-width:2.1}
  .profile{height:48px;min-width:68px;padding:5px 8px;border-radius:14px;background:#242731!important;border:1px solid #343846!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.22);justify-content:center}
  .profile .avatar{width:34px;height:34px;background:linear-gradient(145deg,#efeaff,#dcd2ff);color:#6847ec}
  .profile>svg{width:18px;height:18px;color:#fff}
  .bell span{top:-5px;right:-4px;min-width:20px;height:20px;font-size:10px;border:2px solid #111318}
  .content{padding-top:22px}
}

/* REFERRAL BALANCE — V1 */
.refRuleCard{margin-top:14px;padding:16px 18px;background:linear-gradient(135deg,#fff,#faf8ff);border-color:#e3def7}
.refRuleHead{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center}
.refRuleHead>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#f1eaff,#edf3ff);color:#7048ef}
.refRuleHead>span svg{width:20px;height:20px}.refRuleHead b,.refRuleHead small{display:block}.refRuleHead b{font-size:14px}.refRuleHead small{font-size:10px;color:#8b90a0;margin-top:3px}
.refRuleChips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:13px;border-top:1px solid #ece9f7}
.refRuleChips span{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:#f4f1ff;color:#65527e;font-size:10px;border:1px solid #ebe5ff}.refRuleChips span b{color:#6847ec}.refRuleChips svg{width:13px;height:13px;color:#6847ec}
.refSearchBar{grid-template-columns:minmax(280px,1fr) auto}.refMoney{color:#6847ec}.refModalRule{margin-top:14px;padding:14px;border-radius:12px;background:#f7f5ff;border:1px solid #e7e1fb}.refModalRule b{font-size:12px}.refModalRule p{margin:5px 0 0;font-size:10px;color:#777d8f;line-height:1.55}
.refLockedRules{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.refLockedRules>div{position:relative;border:1px solid #e8e9f0;border-radius:11px;padding:11px 11px 11px 38px;background:#fbfbfd;min-height:66px}.refLockedRules>div>svg{position:absolute;left:12px;top:13px;width:17px;height:17px;color:#7048ef}.refLockedRules b,.refLockedRules small{display:block}.refLockedRules b{font-size:11px}.refLockedRules small{font-size:9px;color:#9094a4;margin-top:3px;line-height:1.4}
body.dark .refRuleCard{background:linear-gradient(135deg,#1b1d27,#1d1929);border-color:#332d47}body.dark .refRuleChips{border-color:#302b42}body.dark .refRuleChips span{background:#252036;border-color:#3a3157;color:#b8aecb}body.dark .refRuleHead small,body.dark .refModalRule p,body.dark .refLockedRules small{color:#9499aa}body.dark .refModalRule{background:#211d31;border-color:#3b315b}body.dark .refLockedRules>div{background:#171923;border-color:#2b2e3b}
@media(max-width:760px){.refRuleHead{grid-template-columns:42px 1fr}.refRuleHead .btn{grid-column:1/-1;width:100%}.refSearchBar{grid-template-columns:1fr}.refSearchBar .userSearchMain{grid-column:auto}.refLockedRules{grid-template-columns:1fr}.refRuleChips span{font-size:9px}}

/* REFERRAL CALCULATOR + EXAMPLES V2 */
.refCalcCard{margin-top:14px;padding:16px 18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.95fr);gap:18px;background:linear-gradient(135deg,#fff,#fbf9ff);border-color:#e3def7}
.refCalcMain{display:grid;grid-template-columns:1fr 170px 190px;gap:14px;align-items:end}.refCalcTitle{grid-column:1/-1;display:flex;gap:11px;align-items:center}.refCalcTitle>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#efe9ff,#edf4ff);color:#7048ef}.refCalcTitle>span svg{width:19px}.refCalcTitle b,.refCalcTitle small{display:block}.refCalcTitle b{font-size:14px}.refCalcTitle small{font-size:10px;color:#8b90a0;margin-top:3px}
.refCalcInput label{display:block;font-size:9px;color:#8d92a1;margin-bottom:6px;font-weight:700}.refCalcInput>div{height:44px;border:1px solid #dfe2eb;border-radius:11px;background:#fff;display:flex;align-items:center;padding:0 12px;box-shadow:inset 0 1px 0 #fff}.refCalcInput span{color:#7f8495}.refCalcInput input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-weight:800;color:inherit;padding-left:5px;font-size:15px}
.refCalcResult{border-left:1px solid #ece9f5;padding-left:16px;min-height:44px}.refCalcResult small,.refCalcResult strong,.refCalcResult em{display:block}.refCalcResult small{font-size:9px;color:#8d92a1}.refCalcResult strong{font-size:25px;line-height:1.05;margin:3px 0;color:#6847ec}.refCalcResult em{font-size:9px;font-style:normal;color:#14976d}
.refExamples{border-left:1px solid #ece9f5;padding-left:18px}.refExamplesHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.refExamplesHead b{font-size:12px}.refExamplesHead small{font-size:9px;color:#9498a6}.refExampleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.refExampleGrid button{position:relative;border:1px solid #e8e8f0;background:#fff;border-radius:10px;padding:9px 10px;text-align:left;cursor:pointer;color:inherit;transition:.15s}.refExampleGrid button:hover{border-color:#cfc5ff;background:#f7f4ff;transform:translateY(-1px)}.refExampleGrid small,.refExampleGrid b{display:block}.refExampleGrid small{font-size:8px;color:#9296a5}.refExampleGrid b{font-size:12px;margin-top:3px;color:#6847ec}.refExampleGrid em{position:absolute;right:6px;top:6px;font-size:7px;font-style:normal;font-weight:900;color:#0f9367;background:#e8faf3;border-radius:999px;padding:2px 5px}
body.dark .refCalcCard{background:linear-gradient(135deg,#1b1d27,#1d1929);border-color:#332d47}body.dark .refCalcInput>div,body.dark .refExampleGrid button{background:#171923;border-color:#2b2e3b}body.dark .refExampleGrid button:hover{background:#211d31;border-color:#493d72}body.dark .refCalcResult,body.dark .refExamples{border-color:#302b42}body.dark .refCalcTitle small{color:#959aab}
@media(max-width:1050px){.refCalcCard{grid-template-columns:1fr}.refExamples{border-left:0;border-top:1px solid #ece9f5;padding:15px 0 0}.refCalcMain{grid-template-columns:1fr 180px 190px}}
@media(max-width:760px){.refCalcCard{padding:15px}.refCalcMain{grid-template-columns:1fr 1fr}.refCalcTitle{grid-column:1/-1}.refCalcResult{border-left:0;padding-left:0}.refExampleGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:430px){.refCalcMain{grid-template-columns:1fr}.refCalcResult{padding:10px 0;border-top:1px solid #ece9f5}.refExampleGrid{grid-template-columns:1fr 1fr}.refExamplesHead{align-items:flex-start;flex-direction:column;gap:2px}}

/* STAGING SETUP — visible only on isolated Vercel staging host */
.stagingSetupBtn{width:100%;margin-top:10px;height:42px;border:1px dashed #cfc6f8;border-radius:11px;background:#faf8ff;color:#6c49e8;font-weight:800;cursor:pointer}.stagingSetupBtn:hover{background:#f4f0ff}.stagingSetupBtn[hidden]{display:none!important}

/* ADMIN RBAC + PASSWORD RECOVERY V1 */
.loginForgot{display:block;margin:9px 0 0 auto;border:0;background:transparent;color:#7048ee;font-size:11px;font-weight:800;cursor:pointer;padding:2px 0}.loginForgot:hover{text-decoration:underline}
.loginMessage{margin-top:12px;padding:10px 12px;border-radius:10px;background:#eefaf3;border:1px solid #d0eadb;color:#28744c;font-size:10px;line-height:1.5}.loginBack{width:100%;height:42px;margin-top:9px;border:1px solid #e1e3eb;border-radius:11px;background:#fff;color:#565d70;font-weight:800;cursor:pointer}
.staffOwnerLock{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:13px;padding:15px 17px;margin:14px 0;border:1px solid #dfd8fb;border-radius:16px;background:linear-gradient(135deg,#faf8ff,#f4f7ff)}
.staffOwnerLock>span{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#ece5ff;color:#6744e8}.staffOwnerLock>span svg{width:21px;height:21px}.staffOwnerLock b,.staffOwnerLock small{display:block}.staffOwnerLock b{font-size:13px}.staffOwnerLock small{font-size:10px;color:#858b9b;margin-top:3px}.ownerLockBadge{padding:7px 10px;border-radius:999px;background:#ede8ff;color:#6948e6;font-size:9px;font-weight:900;white-space:nowrap}
.staffSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.staffSummary .card{padding:15px}.staffSummary strong{display:block;font-size:23px}.staffSummary span{font-size:10px;color:#898f9f}
.staffTable td .staffName{display:block;font-size:11px}.staffTable td small{display:block;color:#9297a6;font-size:9px;margin-top:3px}.staffPermCount{font-weight:850;color:#6948e6}.staffStatus{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:850;background:#eaf8ef;color:#288f4d}.staffStatus.disabled{background:#f6edf0;color:#b24a62}
.permissionGroups{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.permissionGroup{border:1px solid #e8e9f0;border-radius:13px;padding:12px;background:#fbfbfd}.permissionGroup h4{margin:0 0 8px;font-size:10px;color:#676d7d}.permissionCheck{display:flex;align-items:flex-start;gap:8px;padding:7px 0;font-size:10px}.permissionCheck input{width:15px;height:15px;flex:0 0 auto;margin-top:1px}.permissionCheck b{display:block;font-size:10px}.permissionCheck small{display:block;color:#9297a6;margin-top:2px;font-size:8.5px}
.rolePresetNote{margin-top:8px;font-size:9px;color:#8c92a1;line-height:1.5}.staffAccessNote{padding:12px 14px;border-radius:12px;background:#fff8e9;border:1px solid #f0dfb6;color:#765b27;font-size:10px;line-height:1.55}
body.dark .loginMessage{background:#163023;border-color:#28533a;color:#87d3a5}body.dark .loginBack{background:#171923;border-color:#303342;color:#d6d9e1}body.dark .staffOwnerLock{background:linear-gradient(135deg,#1d1a28,#171b28);border-color:#3a3155}body.dark .staffOwnerLock small{color:#989eae}body.dark .permissionGroup{background:#171923;border-color:#2b2e3b}body.dark .staffAccessNote{background:#2b2416;border-color:#524229;color:#e1c57d}
@media(max-width:760px){.staffOwnerLock{grid-template-columns:42px 1fr}.ownerLockBadge{grid-column:1/-1;width:max-content}.staffSummary{grid-template-columns:1fr 1fr}.permissionGroups{grid-template-columns:1fr}}
@media(max-width:430px){.staffSummary{grid-template-columns:1fr}.permissionGroups{grid-template-columns:1fr}}

/* CAMBOPOST_ADMIN_ALERT_COMPACT_V1_20260911 */
.modalBackdrop.alertOpen{align-items:flex-start;justify-content:flex-end;padding:84px 26px 20px;background:rgba(23,24,42,.14);backdrop-filter:blur(1px)}
.modal.alertCompact{width:min(420px,calc(100vw - 32px));max-height:min(520px,calc(100vh - 105px));padding:18px;border-radius:15px;box-shadow:0 20px 55px rgba(20,22,35,.20)}
.modal.alertCompact .modalHead{margin-bottom:8px;padding-right:34px}.modal.alertCompact .modalHead h2{font-size:18px;margin-bottom:2px}.modal.alertCompact .modalHead p{font-size:10px}
.modal.alertCompact .modalClose{width:28px;height:28px;right:10px;top:10px;border-radius:8px}.modal.alertCompact .controlRow{padding:10px 0;gap:10px}.modal.alertCompact .controlRow b{font-size:12px}.modal.alertCompact .controlRow small{font-size:10px;margin-top:2px}.modal.alertCompact .controlRow .btn{padding:7px 10px;font-size:10px;border-radius:8px}
@media(max-width:760px){.modalBackdrop.alertOpen{padding:72px 12px 12px;justify-content:center}.modal.alertCompact{width:100%;max-height:72vh;padding:16px}}

/* CAMBOPOST_PAYMENT_METHODS_ADMIN_V1_20260912 */
.paymentAdminTabs{display:flex;gap:7px;margin:-5px 0 18px;padding:5px;background:#eceff6;border-radius:12px;width:max-content}.paymentAdminTabs button{border:0;background:transparent;color:#73798b;border-radius:9px;padding:9px 13px;font-weight:800;display:flex;align-items:center;gap:6px;cursor:pointer}.paymentAdminTabs button svg{width:15px}.paymentAdminTabs button.active{background:#fff;color:#6847ec;box-shadow:0 3px 10px #1b224812}
.paymentMethodsIntro{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:2px 0 12px}.paymentMethodsIntro h3{margin:0 0 4px;font-size:18px}.paymentMethodsIntro p{margin:0;color:#858b9b;font-size:12px}.paymentMethodsIntro>span{background:#eafaf3;color:#11865e;font-size:10px;font-weight:850;padding:6px 9px;border-radius:999px}.paymentMethodsAdminGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.paymentMethodAdminCard{padding:18px}.paymentMethodAdminCard.disabled{opacity:.72}.paymentMethodAdminHead,.paymentMethodAdminActions{display:flex;align-items:center;justify-content:space-between;gap:12px}.adminPayBrands,.paymentMethodBadges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.adminPayBrand{height:24px;padding:0 8px;border-radius:5px;display:inline-flex;align-items:center;font-size:8px;font-weight:950;letter-spacing:.6px}.adminPayBrand.aba{background:#047d9a;color:#fff}.adminPayBrand.khqr{background:#e51e2a;color:#fff}.adminPayBrand.binance{background:#f5ba13;color:#171717}.adminOfficialPayLogo{height:34px;padding:0;border:0;border-radius:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:4px}.adminOfficialPayLogo img{display:block;object-fit:contain}.adminOfficialPayLogo.aba img{width:57px;height:34px}.adminOfficialPayLogo.khqr img{width:78px;height:34px}.adminOfficialPayLogo.binance{padding:0 9px;border-radius:7px;background:#fff;border:1px solid #eef0f4}.adminOfficialPayLogo.binance img{width:84px;max-height:18px}.adminOfficialPayLogo.binance b{font-size:9px;color:#181a20;font-weight:850}.paymentDefaultBadge{font-size:9px;font-weight:850;color:#6946e8;background:#f0ebff;padding:5px 7px;border-radius:999px}
.paymentMethodAdminBody{display:grid;grid-template-columns:132px 1fr;gap:16px;align-items:center;margin:16px 0}.paymentQrAdmin{height:132px;border:1px solid #e4e6ee;border-radius:13px;background:#fff;display:grid;place-items:center;overflow:hidden}.paymentQrAdmin img{width:100%;height:100%;object-fit:contain;padding:7px}.paymentQrAdmin.empty{background:#f8f9fc;color:#9ca2b1;align-content:center;gap:5px}.paymentQrAdmin.empty svg{width:28px}.paymentQrAdmin.empty span{font-size:9px}.paymentQrAdmin.large{width:170px;height:170px}.paymentMethodAdminInfo h3{margin:0 0 4px;font-size:17px}.paymentMethodAdminInfo p{margin:0 0 8px;color:#858b99;font-size:11px}.paymentMethodAdminInfo b{display:block;font-size:12px;overflow-wrap:anywhere}.paymentMethodAdminInfo small{display:block;color:#8b91a0;line-height:1.5;margin-top:9px}.paymentMethodAdminActions{border-top:1px solid #eef0f4;padding-top:13px}.paymentMethodAdminActions>span{font-size:10px;color:#9297a5}.paymentMethodsLoading{display:flex;align-items:center;gap:12px;padding:22px}.paymentMethodsLoading svg{width:22px;color:#7149ef}.paymentMethodsLoading b,.paymentMethodsLoading span{display:block}.paymentMethodsLoading span{color:#9297a5;font-size:11px;margin-top:3px}
.paymentMethodModalPreview{display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:center;margin-bottom:18px;padding:14px;border:1px solid #eceef3;border-radius:14px;background:#fafbfe}.paymentMethodModalPreview h3{margin:9px 0 3px;font-size:18px}.paymentMethodModalPreview p{margin:0;color:#8c92a1;font-size:11px}.paymentQrUpload{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}.paymentQrUpload label{position:relative;overflow:hidden}.paymentQrUpload input{position:absolute;inset:0;opacity:0;cursor:pointer}.paymentQrUpload small{color:#9197a6;font-size:10px}.paymentMethodToggles{display:grid;gap:8px;margin-top:12px}.paymentMethodToggles label{border:1px solid #e5e7ef;border-radius:10px;padding:10px 11px;font-size:11px;font-weight:750;display:flex;align-items:center;gap:8px}.paymentMethodToggles input{accent-color:#7448f5}
body.dark .paymentAdminTabs{background:#20232e}body.dark .paymentAdminTabs button.active{background:#2b2e3a;color:#b49dfd}body.dark .paymentMethodModalPreview,body.dark .paymentQrAdmin.empty{background:#151822;border-color:#2d3140}body.dark .paymentQrAdmin{border-color:#343846}body.dark .paymentMethodAdminActions{border-color:#2b2f3b}body.dark .paymentMethodToggles label{border-color:#303440}body.dark .paymentMethodsIntro p,body.dark .paymentMethodAdminInfo p,body.dark .paymentMethodAdminInfo small,body.dark .paymentMethodAdminActions>span{color:#949bad}
@media(max-width:900px){.paymentMethodsAdminGrid{grid-template-columns:1fr}}@media(max-width:560px){.paymentAdminTabs{width:100%}.paymentAdminTabs button{flex:1;justify-content:center}.paymentMethodsIntro{align-items:flex-start;flex-direction:column}.paymentMethodAdminBody,.paymentMethodModalPreview{grid-template-columns:1fr}.paymentQrAdmin,.paymentQrAdmin.large{width:min(240px,100%);height:auto;aspect-ratio:1;margin:auto}.paymentMethodAdminActions{align-items:flex-start;flex-direction:column}.paymentMethodAdminActions .btn{width:100%}}

/* CAMBOPOST_PAYMENT_METHODS_POLISH_V2_20260913 */
.paymentMethodsAdminGrid{gap:18px}.paymentMethodAdminCard{padding:0;overflow:hidden;border-radius:18px}.paymentMethodAdminHead{padding:18px 20px 16px;border-bottom:1px solid #edf0f5}.paymentMethodBrandBlock{display:flex;align-items:center;gap:14px;min-width:0}.paymentMethodHeading h3{margin:0;font-size:16px;line-height:1.2}.paymentMethodHeading span{display:block;margin-top:4px;font-size:9px;font-weight:750;color:#969cab;letter-spacing:.02em}.adminPayBrands{gap:8px;flex-wrap:nowrap}.adminOfficialPayLogo{height:36px}.adminOfficialPayLogo.aba img{width:60px;height:36px}.adminOfficialPayLogo.khqr img{width:84px;height:36px}.adminOfficialPayLogo.binance{height:36px;padding:0;background:transparent;border:0;gap:6px}.adminOfficialPayLogo.binance img{width:92px;max-height:20px}.adminOfficialPayLogo.binance b{font-size:11px;font-weight:900;color:#181a20}.paymentMethodBadges{gap:7px;flex-wrap:nowrap}.paymentMethodAdminBody{grid-template-columns:minmax(0,1fr) 104px;gap:20px;align-items:stretch;margin:0;padding:20px}.paymentMethodAdminInfo{min-width:0;display:flex;flex-direction:column}.paymentDetailRow{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #eef0f4}.paymentDetailRow:first-child{padding-top:2px}.paymentDetailRow span{font-size:10px;font-weight:700;color:#9399a8}.paymentDetailRow b{font-size:12px;font-weight:800;overflow-wrap:anywhere}.paymentMethodAdminInfo p{margin:12px 0 0;color:#8b91a0;font-size:10px;line-height:1.55}.paymentQrAdmin{width:104px;height:104px;border-radius:14px;align-self:center}.paymentQrAdmin.empty{gap:4px}.paymentQrAdmin.empty svg{width:24px}.paymentQrAdmin.empty span{font-size:8px;font-weight:700}.paymentMethodAdminActions{margin:0;padding:13px 20px;background:#fafbfe;border-top:1px solid #eef0f4}.paymentWebState{display:flex;align-items:center;gap:7px}.paymentWebState span{font-size:10px;color:#9297a5}.paymentWebState b{font-size:9px;padding:4px 7px;border-radius:999px;background:#edf9f4;color:#13825f}.paymentMethodAdminActions .btn{min-width:104px;justify-content:center}.paymentMethodsIntro{margin-bottom:14px}.paymentMethodsIntro h3{font-size:17px}.paymentMethodsIntro p{font-size:11px}.paymentMethodsIntro>span{font-size:9px;padding:5px 8px}
body.dark .paymentMethodAdminHead{border-color:#292f3b}body.dark .paymentMethodAdminActions{background:#151923;border-color:#292f3b}body.dark .paymentDetailRow{border-color:#292f3b}body.dark .paymentDetailRow span,body.dark .paymentMethodAdminInfo p,body.dark .paymentMethodHeading span{color:#8f98aa}body.dark .adminOfficialPayLogo.binance b{color:#f3ba2f}body.dark .paymentWebState b{background:#17352d;color:#72d6aa}
@media(max-width:900px){.paymentMethodsAdminGrid{gap:14px}.paymentMethodAdminBody{grid-template-columns:minmax(0,1fr) 96px;padding:16px}.paymentQrAdmin{width:96px;height:96px}}
@media(max-width:560px){.paymentMethodAdminHead{align-items:flex-start;padding:15px 16px}.paymentMethodBrandBlock{align-items:flex-start;flex-direction:column;gap:10px}.paymentMethodAdminBody{grid-template-columns:1fr;padding:16px}.paymentQrAdmin{width:118px;height:118px;margin:2px 0 0}.paymentDetailRow{grid-template-columns:100px minmax(0,1fr)}.paymentMethodAdminActions{padding:12px 16px;flex-direction:row;align-items:center}.paymentMethodAdminActions .btn{width:auto;min-width:100px}}


/* CAMBOPOST_PAYMENT_BRAND_SCALE_V3_20260913 */
.adminPayBrands{gap:7px;flex-wrap:nowrap}
.adminOfficialPayLogo{height:30px;flex:0 0 auto}
.adminOfficialPayLogo.aba img{width:30px;height:30px;object-fit:contain}
.adminOfficialPayLogo.khqr img{width:58px;height:24px;object-fit:contain}
.adminOfficialPayLogo.binance{height:30px;padding:0;border:0;background:transparent;gap:4px}
.adminOfficialPayLogo.binance img{width:76px;max-height:16px}
.adminOfficialPayLogo.binance b{font-size:9px;color:#181a20;font-weight:900;line-height:1}
body.dark .adminOfficialPayLogo.binance{background:transparent;border:0}
body.dark .adminOfficialPayLogo.binance b{color:#f3ba2f}
.paymentMethodBrandBlock{gap:12px}
@media(max-width:560px){.adminOfficialPayLogo.aba img{width:28px;height:28px}.adminOfficialPayLogo.khqr img{width:54px;height:22px}.adminOfficialPayLogo.binance img{width:72px}}


/* CAMBOPOST_PAYMENT_BRAND_SCALE_V4_20260913 */
.adminPayBrands{display:flex;align-items:center;gap:7px;flex-wrap:nowrap;min-width:104px}
.adminOfficialPayLogo{height:28px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:transparent!important;border:0!important;padding:0!important}
.adminOfficialPayLogo img{display:block;width:auto!important;object-fit:contain}
.adminOfficialPayLogo.aba img{height:24px!important}
.adminOfficialPayLogo.khqr img{height:24px!important}
.adminOfficialPayLogo.binance{height:28px;gap:4px}
.adminOfficialPayLogo.binance img{height:18px!important;width:auto!important;max-height:none!important}
.adminOfficialPayLogo.binance b{font-size:9px;font-weight:900;line-height:1;color:#181a20}
body.dark .adminOfficialPayLogo.binance b{color:#f3ba2f}
.paymentMethodBrandBlock{gap:12px}
@media(max-width:560px){.adminPayBrands{min-width:0}.adminOfficialPayLogo.aba img,.adminOfficialPayLogo.khqr img{height:22px!important}.adminOfficialPayLogo.binance img{height:17px!important}}
/* Payment brand exact marks: no extra ABA Bank text */
.adminOfficialPayLogo.aba img,.adminOfficialPayLogo.khqr img{width:54px;height:32px;object-fit:contain}
@media(max-width:560px){.adminOfficialPayLogo.aba img,.adminOfficialPayLogo.khqr img{width:50px;height:30px}}

/* PAYMENT_BRANDS_USER_ARTWORK_V5_20260913 — exact user-provided artwork */
.adminPayBrands{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important;min-width:0!important;overflow:visible!important}
.adminOfficialPayLogo{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:32px!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;opacity:1!important;visibility:visible!important;filter:none!important;flex:0 0 auto!important}
.adminOfficialPayLogo img{display:block!important;width:auto!important;height:30px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;opacity:1!important;visibility:visible!important;filter:none!important}
.adminOfficialPayLogo.binance img{height:31px!important}
body.dark .adminPayBrands,body.dark .adminOfficialPayLogo,body.dark .adminOfficialPayLogo img{background:transparent!important;opacity:1!important;visibility:visible!important;filter:none!important}
@media(max-width:560px){.adminOfficialPayLogo{height:29px!important}.adminOfficialPayLogo img{height:27px!important}.adminOfficialPayLogo.binance img{height:28px!important}}


/* CAMBOPOST ADMIN MEDIA RESOLVER V1 */
.content[data-view="resolver"]{padding-top:30px;background:radial-gradient(circle at 8% 0%,#f5f1ff 0,transparent 30%),linear-gradient(180deg,#fafbfe 0%,#f5f7fb 100%);min-height:calc(100vh - 74px)}
.resolverHeadActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.resolverEnv,.resolverLive,.resolverOwnerBadge,.resolverState,.resolverTag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em}
.resolverEnv{padding:8px 11px;background:#f0ebff;color:#6945e8;border:1px solid #ddd3ff}
.resolverLive{padding:8px 11px;background:#eaf9f2;color:#16865c;border:1px solid #ccefdc}
.resolverLive.warn{background:#fff6e9;color:#b87516;border-color:#f4dfbd}
.resolverLive i{width:7px;height:7px;border-radius:50%;background:currentColor}
.resolverModeTabs{display:flex;gap:7px;align-items:center;margin:0 0 16px;padding:5px;background:#eeeff5;border-radius:12px;width:max-content;max-width:100%}
.resolverModeTabs button{border:0;background:transparent;color:#6f7484;border-radius:9px;padding:9px 13px;font-weight:750;cursor:pointer}
.resolverModeTabs button.active{background:#fff;color:#6945ea;box-shadow:0 3px 10px #302a4a12}
.resolverModeTabs>span{font-size:10px;color:#9499a8;padding:0 9px;white-space:nowrap}
.resolverAccountsPanel{padding:22px 24px;border-radius:19px;margin-bottom:26px}
.resolverSectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.resolverSectionHead>div:first-child>span,.resolverSectionTitle span{font-size:9px;font-weight:850;letter-spacing:.15em;color:#8b90a1}
.resolverSectionHead h3,.resolverSectionTitle h3{margin:4px 0 4px;font-size:18px;letter-spacing:-.015em}
.resolverSectionHead p{margin:0;color:#858a99;font-size:11px;line-height:1.5}
.resolverAccounts{display:grid;gap:10px}
.resolverAccount{display:grid;grid-template-columns:minmax(330px,1.55fr) minmax(320px,1fr) auto;gap:18px;align-items:center;border:1px solid #e4e6ee;border-radius:15px;padding:14px 16px;background:#fff}
.resolverAccount.active{border-color:#bca8ff;box-shadow:inset 3px 0 0 #7448f5;background:linear-gradient(90deg,#fcfbff,#fff)}
.resolverIdentity{display:flex;gap:12px;align-items:flex-start;min-width:0}
.resolverFbIcon,.resolverSourceIcon{width:38px;height:38px;border-radius:11px;background:#eef3ff;color:#316ff6;display:grid;place-items:center;flex:none}
.resolverFbIcon svg,.resolverSourceIcon svg{width:17px;height:17px}
.resolverAccountTitle{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.resolverAccountTitle h3{font-size:14px;margin:0}
.resolverIdentity p{font-size:10px;color:#8b90a0;margin:5px 0 0;line-height:1.45}
.resolverTag{padding:4px 7px;font-size:8px}
.resolverTag.active{background:#ede7ff;color:#6d43e8}
.resolverTag.connected{background:#e8f9f0;color:#16875d}
.resolverTag.warning{background:#fff3e6;color:#bd7817}
.resolverMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.resolverMeta span{min-width:0}.resolverMeta small{display:block;font-size:8px;color:#a0a5b3;text-transform:uppercase;font-weight:800;letter-spacing:.06em;margin-bottom:3px}.resolverMeta b{display:block;font-size:10px;color:#444959;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resolverActions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.resolverSmall{padding:9px 11px;font-size:10px;white-space:nowrap}.resolverReadOnly{font-size:9px;color:#8d92a0}
.resolverEmpty{display:flex;gap:12px;align-items:center;padding:20px;border:1px dashed #daddea;border-radius:14px;color:#848999}.resolverEmpty>svg{width:22px}.resolverEmpty b{display:block;color:#464b5c;font-size:12px}.resolverEmpty span{display:block;font-size:10px;margin-top:3px}
.resolverSectionTitle{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:24px 0 11px}.resolverSectionTitle small{color:#989dac;font-size:9px}
.resolverStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.resolverStats article{background:#fff;border:1px solid #e5e7ef;border-radius:15px;padding:16px}.resolverStats article>div{width:32px;height:32px;border-radius:9px;background:#f1edff;color:#7048ee;display:grid;place-items:center;margin-bottom:13px}.resolverStats article>div svg{width:15px}.resolverStats small{display:block;color:#999eac;font-size:8px;font-weight:800}.resolverStats strong{display:block;font-size:27px;letter-spacing:-.035em;margin:4px 0 1px}.resolverStats em{font-style:normal;color:#9da2af;font-size:9px}
.resolverQueue{margin-top:12px;padding:17px}.resolverQueueTop{display:flex;align-items:center;justify-content:space-between;gap:16px}.resolverQueueTop b{font-size:12px}.resolverQueueTop small{display:block;color:#9499a8;font-size:9px;margin-top:3px}.resolverQueueTop>div:last-child{display:flex;gap:13px;font-size:9px;color:#858a99}.resolverQueueTop span i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:4px}.resolverQueueTop .active{background:#7650e8}.resolverQueueTop .queued{background:#e2a449}
.resolverBar{height:9px;background:#eff1f5;border-radius:999px;overflow:hidden;display:flex;margin:14px 0}.resolverBar i{background:#7650e8}.resolverBar u{background:#e2a449;text-decoration:none}
.resolverMiniStats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #eef0f4;padding-top:13px}.resolverMiniStats small{display:block;color:#9ba0ae;font-size:8px}.resolverMiniStats b{font-size:13px}
.resolverSources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.resolverSources article{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;background:#fff;border:1px solid #e5e7ef;border-radius:13px;padding:13px;min-width:0}.resolverSources .resolverSourceIcon{width:34px;height:34px;background:#f4f1ff;color:#6d46e9}.resolverSources b{display:block;font-size:11px}.resolverSources small{display:block;font-size:8px;color:#989dac;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.resolverState{padding:4px 7px;font-size:8px}.resolverState.ok{background:#eaf9f1;color:#17845b}.resolverState.warn{background:#fff5e9;color:#b87518}
.resolverTestPanel{margin-top:25px;padding:21px}.resolverTestRow{display:grid;grid-template-columns:1fr auto;gap:9px}.resolverTestRow input{width:100%;min-width:0;border:1px solid #dde0e9;border-radius:11px;padding:12px 13px;font:inherit;outline:0}.resolverTestRow input:focus{border-color:#8b6bf5;box-shadow:0 0 0 3px #7448f512}
.resolverTestResult{margin-top:14px;border-radius:13px;padding:15px;border:1px solid #dfe3eb}.resolverTestResult.ok{background:#f7fbf9;border-color:#d3eadf}.resolverTestResult.error{background:#fff6f7;border-color:#f0d1da}.resolverTestResultHead{display:flex;justify-content:space-between;gap:10px;align-items:center}.resolverTestResultHead b{display:flex;gap:7px;align-items:center;color:#177f59}.resolverTestResultHead svg{width:16px}.resolverTestResultHead span{font-size:10px;color:#8a909f}
.resolverResultGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}.resolverResultGrid>div{background:#fff;border:1px solid #e8ebeF;border-radius:10px;padding:10px;min-width:0}.resolverResultGrid small,.resolverCandidate small,.resolverCaption small{display:block;color:#9ba0ae;font-size:8px;text-transform:uppercase;font-weight:800;margin-bottom:4px}.resolverResultGrid b{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resolverCandidate,.resolverCaption{margin-top:10px}.resolverCandidate code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #e7e9ef;border-radius:9px;padding:9px;font-size:9px;color:#555b6c}.resolverCaption p{margin:0;color:#666c7c;font-size:10px;line-height:1.5}
.resolverSafety{display:flex;gap:11px;margin:20px 0 0;padding:15px 16px;border:1px solid #ddd5ff;background:#f4f1ff;border-radius:14px}.resolverSafety>svg{width:19px;color:#6e47ea;flex:none}.resolverSafety b{font-size:11px}.resolverSafety p{margin:4px 0 0;color:#716f82;font-size:9px;line-height:1.55}
.resolverOwnerBadge{padding:8px 10px;background:#f2f3f7;color:#777d8d;border:1px solid #e2e4ec}.resolverOwnerBadge svg{width:13px}
.resolverLoading{display:flex;align-items:center;gap:12px;min-height:110px}.resolverLoading>svg{width:22px;color:#7448f5}.resolverLoading b{display:block}.resolverLoading span{display:block;color:#8d92a1;font-size:11px;margin-top:3px}
.resolverLoginWrap{height:58vh;min-height:420px;border:1px solid #dfe2eb;border-radius:14px;overflow:hidden;background:#101217}.resolverLoginFrame{width:100%;height:100%;border:0;background:#101217}.resolverLoginNote{display:flex;gap:8px;align-items:center;margin-top:10px;color:#7d8291;font-size:10px}.resolverLoginNote svg{width:15px;color:#6947e8}
body.dark .content[data-view="resolver"]{background:radial-gradient(circle at 8% 0%,rgba(107,72,232,.12) 0,transparent 30%),linear-gradient(180deg,#12141c,#10121a)}
body.dark .resolverModeTabs{background:#20232d}body.dark .resolverModeTabs button.active{background:#2a2d39;color:#c7b8ff}
body.dark .resolverAccount,body.dark .resolverStats article,body.dark .resolverSources article,body.dark .resolverResultGrid>div,body.dark .resolverCandidate code{background:#191c26;border-color:#2b2f3c;color:#f1f3f7}
body.dark .resolverAccount.active{background:linear-gradient(90deg,#211d2e,#191c26);border-color:#55457d}
body.dark .resolverMeta b,body.dark .resolverEmpty b{color:#e5e8ef}body.dark .resolverIdentity p,body.dark .resolverCaption p{color:#9aa1b2}
body.dark .resolverTestRow input{background:#12151e;border-color:#313645;color:#f1f3f7}body.dark .resolverQueueTop,body.dark .resolverMiniStats{border-color:#292d39}
body.dark .resolverTestResult.ok{background:#17261f;border-color:#294536}body.dark .resolverTestResult.error{background:#2b1b21;border-color:#4a2934}body.dark .resolverSafety{background:#211d30;border-color:#43365f}body.dark .resolverSafety p{color:#a9a1bd}
@media(max-width:1180px){.resolverAccount{grid-template-columns:1fr}.resolverActions{justify-content:flex-start}.resolverSources{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.resolverStats{grid-template-columns:repeat(2,1fr)}.resolverResultGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.content[data-view="resolver"]{padding:18px 14px}.resolverHeadActions{justify-content:flex-start;margin-top:12px}.resolverModeTabs{width:100%;flex-wrap:wrap}.resolverModeTabs>span{width:100%;padding:2px 8px 6px}.resolverSectionHead{display:block}.resolverSectionHead>.btn,.resolverSectionHead>.resolverOwnerBadge{margin-top:12px}.resolverMeta{grid-template-columns:1fr}.resolverStats,.resolverSources,.resolverResultGrid{grid-template-columns:1fr}.resolverTestRow{grid-template-columns:1fr}.resolverTestRow .btn{width:100%}.resolverMiniStats{grid-template-columns:repeat(2,1fr);gap:10px}.resolverQueueTop{align-items:flex-start;flex-direction:column}.resolverLoginWrap{min-height:360px;height:55vh}}

/* CAMBOPOST_OWNER_PROFILE_PREMIUM_V1_20260925 */
.ownerProfileCard{display:grid;gap:18px}.ownerProfileHero{display:flex;align-items:center;gap:14px;padding:2px 2px 14px;border-bottom:1px solid #ececf3}.ownerProfileAvatar{width:62px;height:62px;border-radius:19px;display:grid;place-items:center;flex:0 0 62px;background:linear-gradient(145deg,#7b4dff,#5f43e6 55%,#3e8cf6);color:#fff;font-size:23px;font-weight:900;letter-spacing:-.03em;box-shadow:0 10px 28px rgba(103,73,235,.26),inset 0 1px 0 rgba(255,255,255,.28)}.ownerProfileIdentity{min-width:0;flex:1}.ownerProfileNameRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ownerProfileNameRow h2{margin:0;font-size:22px;line-height:1.1;letter-spacing:-.025em;color:#171a2a}.ownerProfileBadge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.08em}.ownerProfileBadge.owner{background:#efeaff;color:#6b46e8}.ownerProfileIdentity>p{margin:5px 0 9px;color:#8a8fa0;font-size:11px;font-weight:600}.ownerProfilePills{display:flex;gap:6px;flex-wrap:wrap}.ownerProfilePills span{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:999px;background:#f6f4ff;color:#6b50cd;font-size:8px;font-weight:800;border:1px solid #ebe5ff}.ownerProfilePills svg{width:11px;height:11px}.ownerProfileInfo{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ownerProfileInfo>div{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-height:66px;padding:10px 11px;border:1px solid #e8eaf1;border-radius:12px;background:#fbfbfd}.ownerProfileInfoIcon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f0ecff;color:#7049ec}.ownerProfileInfoIcon svg{width:15px;height:15px}.ownerProfileInfo p{margin:0;min-width:0}.ownerProfileInfo small,.ownerProfileInfo b{display:block}.ownerProfileInfo small{font-size:8px;line-height:1.2;color:#979baa;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ownerProfileInfo b{margin-top:3px;font-size:11px;line-height:1.35;color:#25293a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ownerProfileFooter{display:flex;justify-content:flex-end;gap:8px;padding-top:2px}.ownerProfileFooter .btn{min-height:40px}.ownerProfileFooter .primary{min-width:142px}.ownerProfileFooter .secondary{min-width:98px}
body.dark .ownerProfileHero{border-color:#2d3140}body.dark .ownerProfileNameRow h2{color:#f3f5fb}body.dark .ownerProfileBadge.owner{background:#2c2447;color:#c8b8ff}body.dark .ownerProfileIdentity>p{color:#9098aa}body.dark .ownerProfilePills span{background:#241f39;border-color:#3a315b;color:#c5b6ff}body.dark .ownerProfileInfo>div{background:#151822;border-color:#2d3140}body.dark .ownerProfileInfoIcon{background:#28213e;color:#c2b2ff}body.dark .ownerProfileInfo b{color:#f0f2f8}
@media(max-width:560px){.ownerProfileCard{gap:14px}.ownerProfileHero{align-items:flex-start;gap:11px}.ownerProfileAvatar{width:54px;height:54px;flex-basis:54px;border-radius:16px;font-size:20px}.ownerProfileNameRow h2{font-size:19px}.ownerProfileInfo{grid-template-columns:1fr}.ownerProfileInfo>div{min-height:58px}.ownerProfileFooter{display:grid;grid-template-columns:1fr 1fr}.ownerProfileFooter .btn{min-width:0!important;width:100%}}

/* CAMBOPOST_PROFILE_ICON_AVATAR_V2_20260925 */
.avatar{font-size:0!important;background:linear-gradient(145deg,#f0ebff,#e6eaff)!important;color:#6847ec!important;border:1px solid #ded6ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}.avatar svg{width:18px!important;height:18px!important;stroke-width:2!important}.ownerProfileAvatar{font-size:0!important}.ownerProfileAvatar svg{width:30px!important;height:30px!important;stroke-width:1.9!important}.ownerProfileAvatar:after{content:'';position:absolute;inset:5px;border:1px solid rgba(255,255,255,.18);border-radius:15px;pointer-events:none}.ownerProfileAvatar{position:relative!important}
body.dark .avatar{background:linear-gradient(145deg,#29223f,#232b42)!important;color:#c8baff!important;border-color:#3e345f!important}
@media(max-width:560px){.ownerProfileAvatar svg{width:27px!important;height:27px!important}.ownerProfileAvatar:after{inset:4px;border-radius:13px}}

/* CAMBOPOST_PRODUCTION_USERS_V2_20260925 */
.usersLiveBar{display:flex;align-items:center;gap:10px;margin:-6px 0 12px;padding:0 2px;color:#7e8494;font-size:10px}.usersLiveBar>span{display:inline-flex;align-items:center;gap:6px;color:#178a57;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.usersLiveBar>span i{width:7px;height:7px;border-radius:50%;background:#21b66f;box-shadow:0 0 0 4px #e8f8ef}.usersLiveBar>b{color:#555c70}.usersLiveBar>em{margin-left:auto;font-style:normal;color:#9a9ead}.usersSummaryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.usersSummaryGrid article{min-height:90px;border:1px solid #e6e9f0;border-radius:14px;background:#fff;padding:13px 14px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;box-shadow:0 5px 16px rgba(35,39,62,.035)}.usersSummaryGrid article>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f1edff;color:#714bf0}.usersSummaryGrid article>span svg{width:17px;height:17px}.usersSummaryGrid small,.usersSummaryGrid strong,.usersSummaryGrid em{display:block}.usersSummaryGrid small{font-size:8px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#9297a7}.usersSummaryGrid strong{margin-top:2px;font-size:22px;line-height:1;color:#1c2031}.usersSummaryGrid em{margin-top:5px;font-size:8px;font-style:normal;color:#9ba0ae}.usersSearchPro{margin-top:0!important;border-radius:14px!important;box-shadow:none!important}.usersSectionTitle{margin-top:16px!important}.prodUsersTableWrap{padding:0!important;overflow:auto;border-radius:14px!important;box-shadow:none!important}.prodUsersTable th{padding:11px 14px!important;background:#fafbfe;border-bottom:1px solid #e9ebf1}.prodUsersTable td{padding:12px 14px!important;vertical-align:middle}.prodUsersTable tbody tr:last-child td{border-bottom:0}.prodUserCell{display:flex;align-items:center;gap:10px;min-width:160px}.prodUserAvatar{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#f0ecff;color:#7049ec;display:grid;place-items:center}.prodUserAvatar svg{width:16px;height:16px}.prodUserCell b,.prodUserCell small{display:block}.prodUserCell b{font-size:10px;color:#24283a}.prodUserCell small{margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7.5px;color:#7252e7;font-weight:900;letter-spacing:.04em}.prodUserEmail{font-size:9px;color:#5c6273}.userPlanChip{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f0ecff;color:#6848de;font-size:8px;font-weight:850}.userPlanChip.empty{background:#f2f3f6;color:#8d92a0}.userExpiryCell b,.userExpiryCell small{display:block}.userExpiryCell b{font-size:9px;color:#3d4252}.userExpiryCell b.lifetime{color:#6948e5}.userExpiryCell small{margin-top:2px;font-size:7px;color:#a0a5b1}.prodUserCreated{font-size:8.5px;color:#7e8494}.prodUsersTable .compactBtn{padding:7px 9px!important;font-size:8px!important;border-radius:8px!important}
.modal:has(.addCustomerShell){width:min(740px,96vw);padding:0;overflow:hidden;border-radius:20px}.modal:has(.addCustomerShell)>.modalClose{right:16px;top:16px;z-index:4;background:#f5f6f9}.addCustomerShell{display:grid;background:#fff}.addCustomerHero{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:22px 24px 18px;background:linear-gradient(180deg,#fbfaff 0%,#fff 100%);border-bottom:1px solid #eceef4}.addCustomerHeroIcon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#7448f5,#5e78f5);color:#fff;box-shadow:0 9px 22px rgba(108,72,234,.2)}.addCustomerHeroIcon svg{width:22px;height:22px}.addCustomerHeroCopy>span{display:block;margin-bottom:3px;color:#7154dd;font-size:7.5px;font-weight:950;letter-spacing:.12em}.addCustomerHeroCopy h2{margin:0;font-size:21px;letter-spacing:-.025em;color:#181b2b}.addCustomerHeroCopy p{margin:4px 0 0;color:#9297a6;font-size:9px;line-height:1.45}.addCustomerLive{align-self:start;margin:2px 40px 0 0;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#eaf9f1;color:#168a56;font-size:7.5px;font-weight:950;letter-spacing:.07em}.addCustomerLive i{width:6px;height:6px;border-radius:50%;background:#21b56c;box-shadow:0 0 0 3px #d7f4e4}.addCustomerSection{padding:16px 24px;border-bottom:1px solid #f0f1f5}.addCustomerSectionHead{display:flex;align-items:center;gap:9px;margin-bottom:11px}.addCustomerSectionHead>span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#f0ecff;color:#7049eb;font-size:9px;font-weight:950}.addCustomerSectionHead b,.addCustomerSectionHead small{display:block}.addCustomerSectionHead b{font-size:10px;color:#292d3e}.addCustomerSectionHead small{margin-top:1px;font-size:7.5px;color:#a0a5b2}.addCustomerIdentity{gap:10px!important}.addCustomerShell .field label{font-size:8px!important;text-transform:uppercase;letter-spacing:.045em;color:#858b9d;margin-bottom:5px}.addCustomerShell .field input,.addCustomerShell .field select{height:42px;border-radius:10px;border-color:#dfe3eb;background:#fff;padding:0 11px;font-size:10px;box-shadow:none}.addCustomerShell .field input:focus,.addCustomerShell .field select:focus{border-color:#876cf3;box-shadow:0 0 0 3px rgba(116,72,245,.08)}.adminPasswordField{display:grid;grid-template-columns:minmax(0,1fr) 42px 42px 42px;gap:6px}.passwordIconBtn{height:42px;border:1px solid #dfe3eb;border-radius:10px;background:#fff;color:#666d80;display:grid;place-items:center;cursor:pointer;transition:.15s}.passwordIconBtn:hover{border-color:#aa98f6;background:#f8f6ff;color:#6848e7}.passwordIconBtn svg{width:16px;height:16px}.fieldHint{display:block;margin-top:5px;color:#a0a5b3;font-size:7.5px;line-height:1.4}.addCustomerPlanGrid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:9px}.lifetimeHint{display:flex;align-items:center;gap:6px;margin-top:8px;padding:7px 9px;border-radius:9px;background:#f8f6ff;color:#7563b0;font-size:7.5px}.lifetimeHint svg{width:13px;height:13px;color:#704be9}.lifetimeHint b{color:#5f45bc}.addUserEmailState{min-height:0;margin-top:5px;font-size:7.5px}.addUserEmailState.hint{color:#9a7a35}.addUserEmailState.available,.addUserEmailState.duplicate{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 8px;border-radius:9px}.addUserEmailState.available{background:#eefaf4;color:#168858}.addUserEmailState.duplicate{background:#fff4f5;color:#bd4655}.addUserEmailState svg{width:14px;height:14px}.addUserEmailState b,.addUserEmailState small{display:block}.addUserEmailState b{font-size:8px}.addUserEmailState small{margin-top:2px;font-size:7px;color:#8f96a5}.addUserEmailState button{border:0;background:transparent;color:inherit;font-size:7.5px;font-weight:900;cursor:pointer}.addCustomerFooter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 24px 18px;background:#fbfbfd}.addCustomerSummary{display:flex;align-items:center;gap:9px;min-width:0}.addCustomerSummary>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eefaf4;color:#188d59}.addCustomerSummary>span svg{width:15px;height:15px}.addCustomerSummary small,.addCustomerSummary b{display:block}.addCustomerSummary small{font-size:7px;color:#9ca2b0;font-weight:900;letter-spacing:.06em}.addCustomerSummary b{margin-top:2px;font-size:8.5px;color:#454b5e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.addCustomerActions{display:flex;gap:7px}.addCustomerActions .btn{min-height:39px;padding:9px 13px;font-size:9px}.addCustomerActions .primary{min-width:142px}.addCustomerActions .secondary{min-width:76px}
body.dark .usersSummaryGrid article,body.dark .prodUsersTable th{background:#181b25;border-color:#2c3040}body.dark .usersSummaryGrid article>span,body.dark .prodUserAvatar{background:#29223f;color:#c2b2ff}body.dark .usersSummaryGrid strong,body.dark .prodUserCell b,body.dark .userExpiryCell b{color:#eef1f7}body.dark .usersSearchPro,body.dark .prodUsersTableWrap{background:#181b25;border-color:#2a2e3b}body.dark .userPlanChip{background:#2a2440;color:#c4b6ff}body.dark .userPlanChip.empty{background:#252936;color:#aeb5c4}body.dark .addCustomerShell{background:#181b25}body.dark .addCustomerHero{background:linear-gradient(180deg,#201c30,#181b25);border-color:#2b2f3c}body.dark .addCustomerHeroCopy h2,body.dark .addCustomerSectionHead b,body.dark .addCustomerSummary b{color:#f0f2f8}body.dark .addCustomerSection{border-color:#292d39}body.dark .addCustomerShell .field input,body.dark .addCustomerShell .field select,body.dark .passwordIconBtn{background:#12151e;border-color:#303544;color:#eef1f7}body.dark .lifetimeHint{background:#242036;color:#c4b5fa}body.dark .addCustomerFooter{background:#151821}.dark .addUserEmailState.available{background:#163128;color:#75ddb2}.dark .addUserEmailState.duplicate{background:#351f27;color:#ff9bab}
@media(max-width:1000px){.usersSummaryGrid{grid-template-columns:1fr 1fr}.usersLiveBar>em{display:none}}@media(max-width:620px){.modal:has(.addCustomerShell){width:min(96vw,560px)}.addCustomerHero{grid-template-columns:42px minmax(0,1fr);padding:18px 17px 14px}.addCustomerHeroIcon{width:42px;height:42px;border-radius:12px}.addCustomerHeroCopy h2{font-size:18px}.addCustomerLive{grid-column:2;margin:0;justify-self:start}.addCustomerSection{padding:13px 17px}.addCustomerIdentity,.addCustomerPlanGrid{grid-template-columns:1fr!important}.adminPasswordField{grid-template-columns:minmax(0,1fr) 40px 40px 40px}.addCustomerFooter{grid-template-columns:1fr;padding:13px 17px 16px}.addCustomerActions{display:grid;grid-template-columns:1fr 1fr}.addCustomerActions .btn{width:100%;min-width:0!important}.usersLiveBar{flex-wrap:wrap}.usersLiveBar>b{width:100%}.usersSummaryGrid{grid-template-columns:1fr 1fr;gap:7px}.usersSummaryGrid article{min-height:76px;padding:10px;grid-template-columns:32px minmax(0,1fr);gap:8px}.usersSummaryGrid article>span{width:32px;height:32px}.usersSummaryGrid strong{font-size:18px}}

/* CAMBOPOST_USERS_READABILITY_REMOVE_V3_20260925 */
.prodUsersTable th{font-size:10px!important;letter-spacing:.055em!important;padding:13px 14px!important}.prodUsersTable td{padding:14px!important}.prodUserCell{min-width:190px;gap:11px}.prodUserAvatar{width:38px;height:38px;flex-basis:38px;border-radius:11px}.prodUserAvatar svg{width:18px;height:18px}.prodUserAvatar.large{width:46px;height:46px;flex-basis:46px;border-radius:13px}.prodUserAvatar.large svg{width:21px;height:21px}.prodUserCell b{font-size:12px!important;line-height:1.25}.prodUserCell small{margin-top:3px;font-size:9px!important}.prodUserEmail{font-size:11px!important;color:#555d70}.userPlanChip{padding:6px 9px;font-size:9.5px!important}.prodUsersTable .pill{font-size:9.5px!important;padding:5px 8px}.userExpiryCell b{font-size:11px!important}.userExpiryCell small{margin-top:3px;font-size:8px!important}.prodUserCreated{font-size:10px!important}.prodUsersTable .compactBtn{font-size:9.5px!important;padding:8px 11px!important}.customerDetailHead{display:flex;align-items:center;gap:12px;padding-right:40px;margin-bottom:16px}.customerDetailHead h2{margin:0;font-size:21px;letter-spacing:-.02em}.customerDetailHead p{margin:3px 0 0;font-size:10px;color:#8c92a2}.customerDetailGrid .detailBox small{font-size:9px}.customerDetailGrid .detailBox b{font-size:12px}.customerDetailActions{justify-content:space-between}.solidDanger{background:#e94b67!important;color:#fff!important;border:1px solid #e94b67!important;box-shadow:0 7px 18px rgba(233,75,103,.18)}.solidDanger:hover{background:#d83d59!important}.removeCustomerConfirm{text-align:center;padding:6px 4px}.removeCustomerIcon{width:54px;height:54px;margin:0 auto 12px;border-radius:16px;display:grid;place-items:center;background:#fff0f3;color:#d74360}.removeCustomerIcon svg{width:24px;height:24px}.removeCustomerConfirm h2{margin:0;font-size:21px}.removeCustomerConfirm>p{max-width:520px;margin:8px auto 12px;color:#747b8e;font-size:10px;line-height:1.65}.removeCustomerNote{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:10px;background:#f7f8fb;color:#687083;font-size:8.5px}.removeCustomerNote svg{width:14px;height:14px;color:#6848e7}.removeCustomerConfirm .modalActions{justify-content:center;margin-top:16px}
body.dark .prodUserEmail,body.dark .customerDetailHead p{color:#aeb5c5}body.dark .removeCustomerNote{background:#20232e;color:#b5bdcb}body.dark .removeCustomerIcon{background:#38212b;color:#ff9caf}
@media(max-width:760px){.prodUsersTable th{font-size:9px!important}.prodUsersTable td{padding:12px!important}.prodUserCell b{font-size:11px!important}.prodUserEmail{font-size:10px!important}.customerDetailActions{justify-content:flex-end}}

/* CAMBOPOST_PRESENCE_SESSION_V4_20260925 */
body.authBooting .loginScreen{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.usersSearchPro{grid-template-columns:minmax(270px,1fr) 145px 145px 135px auto!important}.usersSummaryGrid .onlineStat>span{background:#eaf9f2;color:#14905b}.prodUserAvatar{position:relative}.prodUserAvatar>i{display:none}.prodUserAvatar.isOnline>i{display:block;position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;background:#20b66e;border:2px solid #fff;box-shadow:0 0 0 2px #e7f8ef}.userPresence{display:inline-flex!important;align-items:center;gap:4px;margin-top:4px;font-family:Inter,ui-sans-serif,sans-serif!important;font-size:8px!important;font-weight:750!important;letter-spacing:0!important;color:#959baa!important}.userPresence i{width:6px;height:6px;border-radius:50%;background:#b7bbc6}.userPresence.online{color:#188c59!important}.userPresence.online i{background:#20b66e;box-shadow:0 0 0 3px #e5f8ee}.presenceOnlineText{color:#168b57!important}.customerDetailGrid{grid-template-columns:1fr 1fr 1fr!important}.dark .prodUserAvatar.isOnline>i{border-color:#181b25}.dark .usersSummaryGrid .onlineStat>span{background:#173128;color:#70ddb4}.dark .userPresence.online{color:#70ddb4!important}
@media(max-width:1180px){.usersSearchPro{grid-template-columns:minmax(240px,1fr) 130px 130px!important}.usersSearchPro #userPresenceFilter{grid-column:auto}.usersSearchPro .btn{grid-column:auto}}@media(max-width:900px){.usersSearchPro{grid-template-columns:1fr 1fr!important}.usersSearchPro .userSearchMain{grid-column:1/-1}.customerDetailGrid{grid-template-columns:1fr 1fr!important}}@media(max-width:560px){.usersSearchPro{grid-template-columns:1fr!important}.usersSearchPro .userSearchMain{grid-column:auto}.customerDetailGrid{grid-template-columns:1fr!important}}

/* CAMBOPOST_NOTIFICATION_HISTORY_DELETE_V1_20260925 */
.notificationHistoryList{display:grid;gap:9px}.notificationHistoryRow{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #e7e9f0;border-radius:12px;background:#fbfbfd}.notificationHistoryIcon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#f0ecff;color:#7049eb}.notificationHistoryIcon svg{width:17px;height:17px}.notificationHistoryCopy{min-width:0}.notificationHistoryCopy b{display:block;font-size:10px;color:#24283a}.notificationHistoryCopy p{margin:3px 0;color:#686f82;font-size:9px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notificationHistoryCopy small{font-size:7.5px;color:#9ba0ae}.notificationDeleteBtn{padding:7px 9px!important;font-size:8px!important}.notificationHistoryEmpty{padding:28px;text-align:center;color:#949aa9;border:1px dashed #dfe3eb;border-radius:12px}body.dark .notificationHistoryRow{background:#151822;border-color:#2d3140}body.dark .notificationHistoryCopy b{color:#f0f2f8}body.dark .notificationHistoryCopy p{color:#adb4c4}@media(max-width:620px){.notificationHistoryRow{grid-template-columns:34px minmax(0,1fr) auto}.notificationHistoryIcon{width:34px;height:34px}.notificationHistoryRow>.pill{display:none}.notificationDeleteBtn{grid-column:2/-1;justify-self:start}.notificationHistoryCopy p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}


/* CAMBOPOST_ADMIN_QUICK_QR_V1_20260926 */
.paymentMethodActionButtons{display:flex;align-items:center;gap:8px;margin-left:auto}
.quickQrBtn{position:relative;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.quickQrBtn input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
@media(max-width:560px){
  .paymentMethodAdminActions{align-items:stretch!important;flex-direction:column!important}
  .paymentMethodActionButtons{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-left:0}
  .paymentMethodActionButtons .btn,.quickQrBtn{width:100%!important;justify-content:center!important}
}

/* CAMBOPOST_ADMIN_LIVE_QR_MANAGER_V1_20260927 */
.paymentHeadActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.adminQrUploadAction,.quickQrBtn{position:relative;overflow:hidden;cursor:pointer}
.adminQrUploadAction input,.quickQrBtn input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.paymentHeadActions .btn{min-height:38px}
.paymentQrDynamicReady,.paymentQrDynamicWarn{
  display:inline-flex;align-items:center;padding:5px 7px;border-radius:999px;font-size:8px;font-weight:850;white-space:nowrap
}
.paymentQrDynamicReady{background:#e9f9f1;color:#13865c}
.paymentQrDynamicWarn{background:#fff6df;color:#9b6b00}
body.dark .paymentQrDynamicReady{background:#17362a;color:#73ddb0}
body.dark .paymentQrDynamicWarn{background:#3a321d;color:#f0c86d}
@media(max-width:700px){
  .paymentHeadActions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .paymentHeadActions .btn,.adminQrUploadAction{width:100%;justify-content:center}
  .paymentHeadActions .adminQrUploadAction{grid-column:1/-1}
}

/* CamboPost Admin: scoped Customer list pagination; all records remain available. */
.cpAdminUserPager{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid rgba(125,135,160,.2)}
.cpAdminUserPager>span{font-size:12px;color:var(--muted,#768092)}
.cpAdminUserPagerButtons{display:flex;align-items:center;gap:8px}
.cpAdminUserPagerButtons strong{white-space:nowrap;font-size:12px;font-weight:600}
.cpAdminUserPagerButtons .btn{min-width:76px}
.cpAdminUserPagerButtons .btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:580px){.cpAdminUserPager{justify-content:center;text-align:center}.cpAdminUserPagerButtons{width:100%;justify-content:center}}


/* resolver-session-health-v2.css */
/* CAMBOPOST_ADMIN_RESOLVER_SESSION_HEALTH_V2
 * Scoped to Admin's Media Resolver page. No global layout overrides.
 */
.content[data-view="resolver"] .cph-v2{
  position:relative;overflow:hidden;margin:0 0 19px;padding:20px 22px 17px;
  border:1px solid #e2e6f0;border-radius:18px;background:#fff;
  box-shadow:0 9px 28px rgba(40,41,78,.035);
}
.cph-v2:before{content:"";height:3px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,#6c58d8,#9c8cff 55%,#eae7ff)}
.cph-v2 .cph-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:17px}
.cph-v2 .cph-title{min-width:0}
.cph-v2 .cph-eyebrow{display:flex;align-items:center;gap:7px;color:#7360c6;font-size:10px;font-weight:850;letter-spacing:.105em}
.cph-v2 .cph-eyebrow svg{width:14px;height:14px}
.cph-v2 .cph-title h3{margin:8px 0 5px;color:#25273c;font-size:19px;line-height:1.2;letter-spacing:-.35px;font-weight:830}
.cph-v2 .cph-title p{font-size:11px;line-height:1.5;color:#81899b;margin:0}
.cph-v2 .cph-toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}
.cph-v2 .cph-button{min-height:36px;border-radius:10px;font-size:11px;font-weight:760;padding:9px 12px;display:inline-flex;align-items:center;gap:7px}
.cph-v2 .cph-button svg{width:14px;height:14px}
.cph-v2 .cph-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.cph-v2 .cph-stat{border:1px solid #eceef4;border-radius:12px;background:#f9fafd;min-width:0;padding:12px 14px}
.cph-v2 .cph-stat small{display:block;font-size:10px;line-height:1.25;font-weight:740;color:#747d90}
.cph-v2 .cph-stat strong{display:block;margin:8px 0 2px;color:#2d3148;font-size:24px;line-height:1;font-weight:850;font-variant-numeric:tabular-nums}
.cph-v2 .cph-stat strong.cph-accent{color:#3b9971}
.cph-v2 .cph-stat strong.cph-alert-num{color:#bc7d2c}
.cph-v2 .cph-stat span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#99a1af;margin-top:5px}
.cph-v2 .cph-stat .cph-health{font-size:12px;line-height:1.3;display:flex;align-items:center;gap:7px;margin:13px 0 7px}
.cph-v2 .cph-health i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#afb5be;flex:none}
.cph-v2 .cph-health.good{color:#21875e}.cph-v2 .cph-health.good i{background:#26a873}
.cph-v2 .cph-health.warn{color:#ad762a}.cph-v2 .cph-health.warn i{background:#dda54f}
.cph-v2 .cph-notice{display:flex;align-items:center;gap:10px;padding:11px 12px;margin:12px 0 0;background:#fff9ee;border:1px solid #f1e2c9;border-radius:11px;color:#a37734}
.cph-v2 .cph-notice.good{background:#f0faf4;border-color:#d9eee3;color:#318362}
.cph-v2 .cph-notice.neutral{background:#f4f6fa;border-color:#e1e5ed;color:#6d7788}
.cph-v2 .cph-notice-icon{flex:none;display:grid;place-items:center}
.cph-v2 .cph-notice-icon svg{width:16px;height:16px}
.cph-v2 .cph-notice p{font-size:10px;font-weight:700;line-height:1.5;color:inherit;margin:0;flex:1;min-width:0}
.cph-v2 .cph-text-btn{display:inline-flex;gap:4px;align-items:center;color:inherit;border:0;background:none;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer;padding:5px}
.cph-v2 .cph-text-btn svg{width:13px;height:13px}
.cph-v2 .cph-issues{border:1px solid #eceef3;border-radius:11px;overflow:hidden;margin-top:10px}
.cph-v2 .cph-issue{display:flex;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid #edf0f5}
.cph-v2 .cph-issue:last-child{border-bottom:0}
.cph-v2 .cph-issue-icon{display:grid;place-items:center;border-radius:9px;width:28px;height:28px;flex:none;background:#fff5e3;color:#b78835}
.cph-v2 .cph-issue-icon.red{background:#ffeff0;color:#bb5961}
.cph-v2 .cph-issue-icon svg{width:15px;height:15px}
.cph-v2 .cph-issue-copy{min-width:0;flex:1}
.cph-v2 .cph-issue-copy strong{display:block;font-size:11px;color:#34394b}
.cph-v2 .cph-issue-copy span{display:block;color:#9097a5;font-size:10px;margin-top:3px;line-height:1.3}
.cph-v2 .cph-issue>small{font-size:10px;color:#949bab;white-space:nowrap}
.cph-v2 .cph-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:11px;font-size:9px;color:#9199a9;line-height:1.5}
.cph-v2 .cph-foot b{font-weight:700;color:#727b91}
.cph-v2 .cph-foot span span{opacity:.74}
.content[data-view="resolver"] .resolverAccountsPanel{padding:20px 22px;border-radius:16px}
.content[data-view="resolver"] .resolverAccount{border-radius:13px;gap:13px;padding:13px 15px}
.content[data-view="resolver"] .resolverAccountTitle h3{font-size:13px}
.content[data-view="resolver"] .resolverMeta b{font-size:11px}
.content[data-view="resolver"] .resolverMeta small{font-size:9px}
.content[data-view="resolver"] .resolverSmall{font-size:10px;padding:8px 10px;border-radius:9px}
body.dark .content[data-view="resolver"] .cph-v2{background:#191c26;border-color:#2c3140;box-shadow:none}
body.dark .cph-v2 .cph-title h3,body.dark .cph-v2 .cph-stat strong,body.dark .cph-v2 .cph-issue-copy strong{color:#eff0fa}
body.dark .cph-v2 .cph-stat{background:#202431;border-color:#303646}
body.dark .cph-v2 .cph-notice.good{background:#182e26;border-color:#315744;color:#95dabc}
body.dark .cph-v2 .cph-notice{background:#332c1e;border-color:#59442d;color:#f1c77f}
body.dark .cph-v2 .cph-notice.neutral{background:#222736;border-color:#364057;color:#c4ccdb}
body.dark .cph-v2 .cph-issues,body.dark .cph-v2 .cph-issue{border-color:#303646}
body.dark .cph-v2 .cph-issue-icon{background:#42321f}
@media(max-width:1130px){
 .cph-v2 .cph-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cph-v2 .cph-top{flex-wrap:wrap}
}
@media(max-width:620px){
 .content[data-view="resolver"] .cph-v2{padding:15px;margin-bottom:14px;border-radius:14px}
 .cph-v2 .cph-title h3{font-size:18px}
 .cph-v2 .cph-toolbar{width:100%;justify-content:flex-start}
 .cph-v2 .cph-button{flex:1;min-width:130px;justify-content:center}
 .cph-v2 .cph-stat{padding:11px 12px}
 .cph-v2 .cph-stat strong{font-size:22px}
 .cph-v2 .cph-notice{flex-wrap:wrap}
 .cph-v2 .cph-notice p{min-width:calc(100% - 30px)}
 .cph-v2 .cph-text-btn{margin-left:21px}
 .cph-v2 .cph-foot{flex-direction:column;align-items:flex-start}
 .cph-v2 .cph-issue{flex-wrap:wrap}
 .cph-v2 .cph-issue>small{padding-left:38px}
}

/* production-workspace-migration.css */
/* CamboPost Production Admin — Test-inspired workspace.
   Applied only to authenticated Production Admin, preserving login and original controls. */
body.prodNativeV1:not(.authLocked){background:#f7f5fd;color:#342e48;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body.prodNativeV1:not(.authLocked) .sidebar{background:#fff;border:1px solid #eee8f5;border-radius:0 19px 19px 0;box-shadow:4px 0 22px #25164c08;width:249px;padding:14px 13px;display:flex;flex-direction:column}
body.prodNativeV1:not(.authLocked) .sidebar .brand{height:65px;margin:0;gap:10px}
body.prodNativeV1:not(.authLocked) .sidebar .brand img{width:43px;height:43px;object-fit:contain}
body.prodNativeV1:not(.authLocked) .sidebar .brandCopy strong{font-size:17px;letter-spacing:-.04em}
body.prodNativeV1:not(.authLocked) .sidebar .brandCopy small{font-size:8px;color:#9995aa}
body.prodNativeV1:not(.authLocked) .sidebar .adminBadge{background:#f5f1fd;color:#8d7db9;border-radius:8px;margin:0 9px 10px;font-size:9px}
body.prodNativeV1:not(.authLocked) .sidebar #nav{display:grid;align-content:start;gap:15px;overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin;padding:4px}
body.prodNativeV1:not(.authLocked) .prodNewGroup{display:grid;gap:4px;min-width:0}
body.prodNativeV1:not(.authLocked) .prodNewGroup>small{font-size:9px;font-weight:800;letter-spacing:.1em;margin:10px 12px 5px;color:#9993aa}
body.prodNativeV1:not(.authLocked) .navItem{padding:10px 11px;display:flex;gap:10px;align-items:center;min-width:0;width:100%;border:1px solid transparent;border-radius:11px;min-height:40px;color:#706a84;background:transparent;box-shadow:none;font-size:12px;font-weight:660;text-align:left;cursor:pointer}
body.prodNativeV1:not(.authLocked) .navItem span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.prodNativeV1:not(.authLocked) .navItem svg{width:18px;height:18px;flex:none}
body.prodNativeV1:not(.authLocked) .navItem:hover{background:#f6f2ff;color:#7050c8;border-color:#e8dffa}
body.prodNativeV1:not(.authLocked) .navItem.active{background:linear-gradient(115deg,#8d6ae9,#714bd6);border-color:#7751d5;color:#fff;box-shadow:0 7px 18px #6c48bd30;font-weight:800}
body.prodNativeV1:not(.authLocked) .navItem.active svg{color:white}
body.prodNativeV1:not(.authLocked) .sideBottom{margin-top:auto;border-top:1px solid #eee9f5;padding:9px 5px}
body.prodNativeV1:not(.authLocked) .sideBottom .navItem[hidden]{display:none!important}
body.prodNativeV1:not(.authLocked) .sideBottom .navItem.danger{background:#f8f5fd;border:1px solid #e6ddf5;color:#7760ae;border-radius:10px;justify-content:center}
body.prodNativeV1:not(.authLocked) .main{margin-left:249px;width:calc(100% - 249px);min-width:0;background:radial-gradient(circle at 95% -10%,#f0ebfd,transparent 42%),#f7f5fd}
body.prodNativeV1:not(.authLocked) .topbar{height:71px;min-height:71px;background:#fff;border-bottom:1px solid #eee8f4;padding:0 24px;gap:13px}
body.prodNativeV1:not(.authLocked) #prodBreadcrumb{display:flex;align-items:center;gap:9px;font-size:11px;color:#9189a6;white-space:nowrap}
body.prodNativeV1:not(.authLocked) #prodBreadcrumb b{max-width:210px;overflow:hidden;text-overflow:ellipsis;color:#463e5c}
body.prodNativeV1:not(.authLocked) #prodBreadcrumb span{color:#baafd0}
body.prodNativeV1:not(.authLocked) .topbar .search{margin-left:auto;max-width:335px;background:#f6f3fd;border:1px solid #e8ddfa;border-radius:12px;box-shadow:none}
body.prodNativeV1:not(.authLocked) .topbar .topActions{display:flex;align-items:center;gap:8px}
body.prodNativeV1:not(.authLocked) .topbar .iconBtn{background:#faf8ff;border-color:#e9e0f8;color:#8054d1;border-radius:12px}
body.prodNativeV1:not(.authLocked) .topbar .profile{background:#f7f3ff;border:1px solid #e5dcf8;border-radius:12px}
body.prodNativeV1:not(.authLocked) .content,body.prodNativeV1:not(.authLocked) .content[data-view='dashboard']{margin:0!important;padding:24px 25px 98px!important;background:transparent!important;min-height:calc(100vh - 71px);min-width:0}
body.prodNativeV1:not(.authLocked) .content .pageHead{margin-bottom:18px}
body.prodNativeV1:not(.authLocked) .content .pageHead h1{font-size:27px;letter-spacing:-.04em;color:#302941}
body.prodNativeV1:not(.authLocked) .content .pageHead p{color:#8a839d;font-size:11px;line-height:1.55}
body.prodNativeV1:not(.authLocked) .content .card,body.prodNativeV1:not(.authLocked) .content .dashPanel{background:#fff;border-color:#eae6f1;border-radius:17px;box-shadow:0 7px 22px #32214e09}
body.prodNativeV1:not(.authLocked) .btn.primary{background:#7651da;border-color:#7651da;box-shadow:0 7px 16px #7453d530}
body.prodNativeV1:not(.authLocked) .btn.secondary{border-color:#e4dbf4;border-radius:10px;background:#fff;color:#7359b8}
body.prodNativeV1:not(.authLocked) .modal{border-radius:18px}
body.prodNativeV1:not(.authLocked) #prodNativeDock,body.prodNativeV1:not(.authLocked) #prodNativeShade{display:none}
body.prodNativeV1 .prodNewPage{display:grid;gap:15px;min-width:0;width:100%}
body.prodNativeV1 .prodNewSource{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:7px 11px;border-radius:99px;background:#f1ecfb;border:1px solid #e3d9f5;color:#7356bd;font-size:10px;font-weight:760}
body.prodNativeV1 .prodNewSource svg{width:15px;height:15px;flex:none}
body.prodNativeV1 .prodNewStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.prodNativeV1 .prodNewMetric,body.prodNativeV1 .prodNewPanel{background:#fff;border:1px solid #e9e5f1;border-radius:16px;box-shadow:0 6px 22px #2e245208;min-width:0}
body.prodNativeV1 .prodNewMetric{display:grid;gap:7px;padding:16px}
body.prodNativeV1 .prodNewMetric small{font-size:10px;color:#79758c;font-weight:740}
body.prodNativeV1 .prodNewMetric strong{font:830 23px/1.15 Inter,system-ui,sans-serif;color:#342d47;overflow-wrap:anywhere}
body.prodNativeV1 .prodNewMetric span{color:#9b95aa;font-size:9.5px;line-height:1.4}
body.prodNativeV1 .prodNewPanel{padding:18px 20px}
body.prodNativeV1 .prodNewPanelHead{margin:0 0 13px}
body.prodNativeV1 .prodNewPanelHead h2{font-size:17px;line-height:1.4;margin:0 0 4px;color:#352d4e}
body.prodNativeV1 .prodNewPanelHead p{font-size:10px;line-height:1.6;color:#9289a2;margin:0}
body.prodNativeV1 .prodNewRows{display:grid;gap:8px}
body.prodNativeV1 .prodNewRow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0;border:1px solid #ebe6f3;background:#faf9fe;border-radius:12px;padding:12px}
body.prodNativeV1 .prodNewRow>div{min-width:0;flex:1;display:grid;gap:4px}
body.prodNativeV1 .prodNewRow b{font-size:11px;color:#3e3557;overflow-wrap:anywhere}
body.prodNativeV1 .prodNewRow small{font-size:10px;color:#867e99;line-height:1.45;overflow-wrap:anywhere}
body.prodNativeV1 .prodNewStatus{white-space:nowrap;padding:6px 9px;border-radius:99px;background:#f0ebfa;color:#7959b9;font:760 9px/1.3 Inter,sans-serif}
body.prodNativeV1 .prodNewAction,body.prodNativeV1 .prodNewLink{cursor:pointer;border:1px solid #e0d7f5;border-radius:10px;background:#fff;color:#7759bd;padding:8px 10px;font:760 10px/1.3 Inter,sans-serif;white-space:nowrap}
body.prodNativeV1 .prodNewEmpty{display:grid;justify-items:center;text-align:center;gap:9px;min-height:140px;padding:25px 12px;color:#998cb5}
body.prodNativeV1 .prodNewEmpty svg{width:23px;height:23px}
body.prodNativeV1 .prodNewEmpty b{font-size:12px;color:#5f566f}
body.prodNativeV1 .prodNewEmpty p{font-size:10px;color:#938a9e;max-width:455px;line-height:1.6;margin:0}
body.prodNativeV1 .prodNewColumns{display:grid;grid-template-columns:minmax(190px,.36fr) minmax(0,1fr);gap:14px;min-width:0}
body.prodNativeV1 .prodNewSearch{display:flex;align-items:center;gap:8px;border:1px solid #e6def1;border-radius:11px;background:#faf8fe;color:#7958c1;padding:0 11px;min-height:41px;margin-bottom:12px}
body.prodNativeV1 .prodNewSearch svg{width:15px;height:15px}
body.prodNativeV1 .prodNewSearch input{min-width:0;flex:1;width:100%;border:0!important;box-shadow:none!important;outline:0!important;background:none!important;padding:10px 0;font-size:11px!important;color:#413759!important}
body.prodNativeV1 .prodNewDirectory{display:grid;gap:6px;max-height:540px;overflow:auto;scrollbar-width:thin}
body.prodNativeV1 .prodNewUser{border:1px solid #ede9f4;border-radius:11px;padding:11px;text-align:left;background:#faf8fd;display:grid;gap:4px;color:#3b3151;cursor:pointer}
body.prodNativeV1 .prodNewUser.active{background:#efe9ff;border-color:#c3b2ee}
body.prodNativeV1 .prodNewUser b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.prodNativeV1 .prodNewUser small{font-size:9.5px;color:#988da7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.prodNativeV1 .prodNewCustomer h2{margin:0;font-size:17px}
body.prodNativeV1 .prodNewCustomer>p{margin:7px 0 16px;font-size:10px;color:#8e879e;overflow-wrap:anywhere}
body.prodNativeV1 .prodNewDetails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 17px}
body.prodNativeV1 .prodNewDetails>div{display:grid;gap:6px;background:#faf8fd;border:1px solid #ede9f4;border-radius:11px;padding:12px;min-width:0}
body.prodNativeV1 .prodNewDetails small{color:#9388a8;font-size:9px}
body.prodNativeV1 .prodNewDetails b{font-size:11px;color:#443856;overflow-wrap:anywhere}
body.prodNativeV1 .prodNewFilters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
body.prodNativeV1 .prodNewFilters label{margin:0;flex:1}
body.prodNativeV1 .prodNewFilters select{padding:10px;border:1px solid #e7def5;border-radius:10px;color:#594c73;background:#faf8fd}
body.prodNativeV1 .prodNewActions{display:flex;gap:9px;flex-wrap:wrap}
@media(prefers-reduced-motion:no-preference){
 body.prodNativeV1:not(.authLocked) .navItem.active{view-transition-name:prod-nav-active}
 body.prodNativeV1:not(.authLocked) #content > :first-child{view-transition-name:prod-main-view}
 ::view-transition{pointer-events:none!important}
 ::view-transition-old(root),::view-transition-new(root){animation:none!important}
 ::view-transition-group(prod-nav-active){animation-duration:380ms;animation-timing-function:cubic-bezier(.17,1,.3,1)}
 ::view-transition-old(prod-main-view){animation:160ms ease-out both prodOldView}
 ::view-transition-new(prod-main-view){animation:290ms cubic-bezier(.16,1,.3,1) both prodNewView}
 @keyframes prodOldView{to{opacity:0;filter:blur(3px);transform:translateY(-4px)}}
 @keyframes prodNewView{from{opacity:.2;filter:blur(5px);transform:translateY(10px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){
 body.prodNativeV1 .navItem.active,body.prodNativeV1 #content > :first-child{view-transition-name:none!important}
}
@media(max-width:1100px){
 body.prodNativeV1:not(.authLocked) .sidebar{width:222px}
 body.prodNativeV1:not(.authLocked) .main{margin-left:222px;width:calc(100% - 222px)}
 body.prodNativeV1 .prodNewStats{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.prodNativeV1 .prodNewColumns{grid-template-columns:1fr}
 body.prodNativeV1 .prodNewDirectory{max-height:250px}
}
@media(max-width:760px){
 body.prodNativeV1:not(.authLocked) .sidebar{width:min(285px,calc(100vw - 55px));transform:translateX(-104%);z-index:1013}
 body.prodNativeV1:not(.authLocked) .sidebar.open{transform:translateX(0)}
 body.prodNativeV1:not(.authLocked) .main{margin:0;width:100%}
 body.prodNativeV1:not(.authLocked) .topbar{height:65px;min-height:65px;padding:0 12px;gap:8px}
 body.prodNativeV1:not(.authLocked) #prodBreadcrumb{white-space:nowrap;font-size:10px}
 body.prodNativeV1:not(.authLocked) #prodBreadcrumb b{max-width:130px;overflow:hidden;text-overflow:ellipsis}
 body.prodNativeV1:not(.authLocked) .topbar .search{flex:0 1 190px;min-width:70px}
 body.prodNativeV1:not(.authLocked) .content,body.prodNativeV1:not(.authLocked) .content[data-view="dashboard"]{padding:18px 14px 95px!important}
 body.prodNativeV1:not(.authLocked) #prodNativeDock{display:flex;align-items:center;justify-content:space-around;gap:4px;position:fixed;z-index:1010;bottom:9px;left:50%;transform:translateX(-50%);width:min(550px,calc(100vw - 20px));border:1px solid #e6dffa;background:#fffffff1;backdrop-filter:blur(15px);border-radius:17px;padding:6px;box-shadow:0 8px 24px #21163b24}
 body.prodNativeV1:not(.authLocked) #prodNativeDock button{border:0;border-radius:10px;background:none;color:#8d7daa;min-width:50px;display:grid;justify-items:center;gap:4px;padding:6px;cursor:pointer}
 body.prodNativeV1:not(.authLocked) #prodNativeDock button.active{background:#eee7ff;color:#7152cd}
 body.prodNativeV1:not(.authLocked) #prodNativeDock small{font-size:9px;font-weight:750}
 body.prodNativeV1:not(.authLocked) #prodNativeDock svg{width:18px;height:18px}
 body.prodNativeV1:not(.authLocked) #prodNativeDock button[hidden]{display:none!important}
 body.prodNativeV1:not(.authLocked) #prodNativeShade{display:none;position:fixed;inset:0;z-index:1012;background:#2218476b}
 body.prodNativeV1:not(.authLocked):has(#sidebar.open) #prodNativeShade{display:block}
}
@media(max-width:520px){
 body.prodNativeV1:not(.authLocked) .topbar .search{max-width:120px}
 body.prodNativeV1:not(.authLocked) .topbar .search input{font-size:10px}
 body.prodNativeV1:not(.authLocked) .topActions{gap:4px}
 body.prodNativeV1:not(.authLocked) .topActions .iconBtn{width:33px;height:35px}
 body.prodNativeV1:not(.authLocked) .topActions .profile{padding:4px 5px}
 body.prodNativeV1:not(.authLocked) .topActions .profile>div:not(.avatar){display:none}
 body.prodNativeV1 .prodNewMetric{padding:12px}
 body.prodNativeV1 .prodNewMetric strong{font-size:18px}
 body.prodNativeV1 .prodNewRow>div{flex-basis:65%}
 body.prodNativeV1 .prodNewPanel{padding:13px}
 body.prodNativeV1 .prodNewDetails{grid-template-columns:1fr}
 body.prodNativeV1 .prodNewFilters>*{flex-basis:100%}
}
body.prodNativeV1.dark:not(.authLocked) .main{background:#15151f}
body.prodNativeV1.dark:not(.authLocked) .sidebar,
body.prodNativeV1.dark:not(.authLocked) .topbar{background:#1d1c28;border-color:#373145}
body.prodNativeV1.dark:not(.authLocked) #prodBreadcrumb b,
body.prodNativeV1.dark:not(.authLocked) .pageHead h1{color:#eee8fa}
body.prodNativeV1.dark:not(.authLocked) .navItem{color:#a9a5b7}
body.prodNativeV1.dark:not(.authLocked) .navItem:hover{background:#332a47;color:#ddc5ff}
body.prodNativeV1.dark:not(.authLocked) #prodNativeDock{background:#282434ed;border-color:#423659}
body.prodNativeV1.dark:not(.authLocked) #prodNativeDock button.active{background:#45335d;color:#e4d2ff}
body.prodNativeV1.dark .prodNewPanel,body.prodNativeV1.dark .prodNewMetric{background:#1c1f2b;border-color:#333446}
body.prodNativeV1.dark .prodNewMetric strong,body.prodNativeV1.dark .prodNewPanelHead h2,
body.prodNativeV1.dark .prodNewRow b,body.prodNativeV1.dark .prodNewDetails b{color:#f0ecf5}
body.prodNativeV1.dark .prodNewRow,body.prodNativeV1.dark .prodNewUser,
body.prodNativeV1.dark .prodNewDetails>div,body.prodNativeV1.dark .prodNewSearch{background:#282635;border-color:#403d50;color:#ece6f5}
body.prodNativeV1.dark .prodNewUser.active{background:#423356;border-color:#7660a0}
body.prodNativeV1.dark .prodNewSearch input{color:#eee9f6!important}

/* Fix: production's legacy active-nav CSS uses !important transparent backgrounds.
 * Explicitly style only the new authenticated workspace's selected link.
 */
body.prodNativeV1:not(.authLocked) #nav .navItem.active{
  background:linear-gradient(115deg,#8d6ae9,#714bd6)!important;
  border-color:#7751d5!important;
  color:#fff!important;
  box-shadow:0 7px 18px #6c48bd30!important;
}
body.prodNativeV1:not(.authLocked) #nav .navItem.active>svg{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.prodNativeV1:not(.authLocked) #nav .navItem.active span{color:#fff!important}
body.prodNativeV1.dark:not(.authLocked) #nav .navItem.active{
  background:linear-gradient(115deg,#7854d0,#6545ae)!important;
  color:#fff!important;
}


/* production-nav-contrast-hotfix.css */
/* CamboPost Admin Production — Active Sidebar Contrast and Icon Scale
 * Scoped to authenticated production admin; no controls, API, data or auth changes.
 * Fixes conflict with legacy .navItem.active { background: transparent!important }
 * and restores legible 31px icons after the workspace v1 nav overrides.
 */
body.prodNativeV1:not(.authLocked) #nav .prodNewGroup > small{
  color:#8b839c;
  font-size:9.5px;
}
body.prodNativeV1:not(.authLocked) #nav .navItem{
  min-height:44px;
  padding:6px 9px;
  gap:10px;
  border-radius:11px;
  font-size:12.5px;
  font-weight:690;
  outline:0;
}
body.prodNativeV1:not(.authLocked) #nav .navItem > svg{
  width:31px!important;
  height:31px!important;
  padding:6px!important;
  stroke-width:2!important;
  flex:none!important;
  border-radius:9px!important;
  background:linear-gradient(145deg,#eee9ff,#f0eeff)!important;
  color:#7050cf!important;
  box-shadow:inset 0 0 0 1px #ffffffcc!important;
}
body.prodNativeV1:not(.authLocked) #nav .navItem > span{
  display:block!important;
  min-width:0;
  flex:1;
  opacity:1!important;
  visibility:visible!important;
  color:#6a617c;
  font-size:12.5px;
  font-weight:690;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.prodNativeV1:not(.authLocked) #nav .navItem:hover:not(.active){
  background:#f6f2ff!important;
  color:#6445c1!important;
  border-color:#e8dffa;
}
body.prodNativeV1:not(.authLocked) #nav .navItem.active{
  background:linear-gradient(115deg,#805ce1,#6e48d0)!important;
  color:#fff!important;
  border-color:#7651d5!important;
  box-shadow:0 6px 18px #6641c530!important;
  font-weight:800!important;
}
body.prodNativeV1:not(.authLocked) #nav .navItem.active::before{
  display:none!important;
}
body.prodNativeV1:not(.authLocked) #nav .navItem.active > svg{
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)!important;
}
body.prodNativeV1:not(.authLocked) #nav .navItem.active > span{
  color:#fff!important;
  font-weight:800!important;
  opacity:1!important;
}
body.prodNativeV1:not(.authLocked) #nav .navItem:focus:not(:focus-visible){
  outline:none!important;
}
body.prodNativeV1:not(.authLocked) #nav .navItem:focus-visible{
  outline:2px solid #5636b5!important;
  outline-offset:2px;
}
body.prodNativeV1.dark:not(.authLocked) #nav .navItem > span{
  color:#bab1cb;
}
body.prodNativeV1.dark:not(.authLocked) #nav .navItem > svg{
  background:#332b47!important;
  color:#c6adff!important;
  box-shadow:inset 0 0 0 1px #54476b!important;
}
body.prodNativeV1.dark:not(.authLocked) #nav .navItem.active{
  background:linear-gradient(115deg,#7956d6,#5d3ea9)!important;
  border-color:#8867e0!important;
  color:#fff!important;
}
body.prodNativeV1.dark:not(.authLocked) #nav .navItem.active > svg{
  background:rgba(255,255,255,.17)!important;
  color:#fff!important;
}
body.prodNativeV1.dark:not(.authLocked) #nav .navItem.active > span{
  color:#fff!important;
}
@media(max-width:1100px) and (min-width:761px){
  body.prodNativeV1:not(.authLocked) #nav .navItem{font-size:12px;padding:5px 8px}
  body.prodNativeV1:not(.authLocked) #nav .navItem > span{font-size:12px}
  body.prodNativeV1:not(.authLocked) #nav .navItem > svg{width:29px!important;height:29px!important;padding:5px!important}
}
/* Preserve reduced-motion preferences; this file adds no animations. */


/* production-test-parity-v1.css */
/* CAMBOPOST PRODUCTION — TEST VISUAL PARITY V1
 * A scoped presentation layer. Existing authenticated API, Staff RBAC, actions,
 * login and source application are not replaced.
 * Parity target: cambopost-admin-test.vercel.app — Prism workspace.
 */
body.prodNativeV1.prodReplicaUI:not(.authLocked){
 --cp2-bg:#f4f0fb;--cp2-card:#fff;--cp2-ink:#302944;
 --cp2-muted:#817794;--cp2-stroke:#e9e2f3;
 --cp2-purple:#7851d5;--cp2-purple-2:#9066e9;
 --cp2-wash:#f1eaff;
 background:radial-gradient(ellipse at 79% 0%,#eee6ff 0,transparent 47%),radial-gradient(ellipse at 15% 70%,#f4f0ff 0,transparent 45%),#f5f2fc!important;
 color:var(--cp2-ink);
 font-family:Inter,-apple-system,BlinkMacSystemFont,"Noto Sans Khmer",sans-serif;
 font-size:13px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .app{min-height:100vh;}
/* Test exact floating, rounded sidebar shell */
body.prodNativeV1.prodReplicaUI:not(.authLocked) #sidebar.sidebar{
 position:fixed!important;top:14px!important;bottom:14px!important;left:14px!important;
 width:260px!important;height:calc(100vh - 28px)!important;
 border:1px solid #e7dff2!important;border-radius:23px!important;
 box-shadow:0 10px 35px #43286612,inset 0 1px 0 #fff!important;
 background:#fff!important;color:var(--cp2-ink)!important;
 padding:0!important;z-index:90!important;overflow:hidden;
 display:flex!important;flex-direction:column!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .sidebar .brand{
 display:flex;align-items:center;gap:11px;min-height:88px!important;height:88px!important;
 padding:17px 18px 12px!important;margin:0!important;flex:none;border:0!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .sidebar .brand>img{
 width:45px!important;height:45px!important;object-fit:contain;
 flex:none;border-radius:14px;background:linear-gradient(135deg,#fff,#e8ddff);
 box-shadow:0 4px 12px #6040bb21;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .sidebar .brandCopy{display:grid;gap:3px;min-width:0}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .sidebar .brandCopy strong{
 color:#332c49;font-size:20px;line-height:1.23;font-weight:830;letter-spacing:-.045em;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .sidebar .brandCopy strong span{color:#332c49}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .sidebar .brandCopy small{
 font-size:9px;line-height:1.5;letter-spacing:.125em;font-weight:750;color:#9890a6;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .sidebar>.adminBadge{display:none!important}
body.prodNativeV1.prodReplicaUI:not(.authLocked) #sidebar #nav{
 display:grid!important;align-content:start!important;gap:9px!important;min-height:0!important;flex:1!important;
 overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;
 padding:7px 10px 10px!important;scrollbar-width:thin;
 scrollbar-color:#e6dcf6 transparent;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .prodNewGroup{
 display:grid!important;gap:3px!important;min-width:0;margin:0 0 4px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .prodNewGroup>small{
 display:block;padding:11px 12px 7px!important;margin:0!important;color:#948ba4!important;
 font-weight:690!important;font-size:11px!important;letter-spacing:.01em!important;line-height:1.4;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) #nav .navItem{
 position:relative;display:flex!important;align-items:center;gap:10px!important;
 width:100%!important;height:auto;min-height:49px!important;margin:1px 0!important;
 padding:7px 11px!important;border-radius:13px!important;
 background:transparent!important;border:1px solid transparent!important;
 box-shadow:none!important;color:#6a617c!important;font-size:13.5px!important;
 font-weight:580!important;text-align:left!important;line-height:1.5!important;
 transition:background .16s,border-color .16s,color .16s,box-shadow .16s!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) #nav .navItem::before{display:none!important}
body.prodNativeV1.prodReplicaUI:not(.authLocked) #nav .navItem .cp2-art{
 width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) #nav .navItem .cp2-art img{
 width:32px;height:32px;max-width:none;object-fit:contain;filter:drop-shadow(0 2px 2px #65449b1c);
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) #nav .navItem>svg{display:none!important}
body.prodNativeV1.prodReplicaUI:not(.authLocked) #nav .navItem>span:not(.cp2-art){
 flex:1;display:block!important;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
 opacity:1!important;visibility:visible!important;color:inherit!important;font-size:13.5px!important;font-weight:inherit!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) #nav .navItem:hover:not(.active){
 background:#f8f5fd!important;border-color:#eae1f5!important;color:#4f4070!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) #nav .navItem.active{
 background:linear-gradient(112deg,#8963e5,#7350d3)!important;
 color:#fff!important;border-color:#9678e5!important;font-weight:720!important;
 box-shadow:0 6px 15px #764cc22d,inset 0 1px 0 #ffffff45!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) #nav .navItem.active>span:not(.cp2-art){
 color:#fff!important;font-weight:720!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) #nav .navItem.active::after{
 content:"";width:5px;height:5px;flex:none;border-radius:50%;background:#e8dfff;
 box-shadow:0 0 0 3px #ffffff1d;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) #nav .navItem:focus:not(:focus-visible){outline:none!important}
body.prodNativeV1.prodReplicaUI:not(.authLocked) #nav .navItem:focus-visible{outline:2px solid #6c49ce!important;outline-offset:2px}
/* Bottom anchored workspace status and functional production back button */
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-foot{
 padding:10px 15px 6px;border-top:1px solid #eee9f6;flex:none;
 background:linear-gradient(180deg,#fff,#fcfaff);
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-foot-info{
 display:flex;align-items:center;gap:10px;margin-bottom:8px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-foot-dot{
 flex:none;width:7px;height:7px;border-radius:50%;background:#43b79b;
 box-shadow:0 0 0 4px #43b79b17;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-foot-info>span:last-child{display:grid;gap:2px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-foot-info b{font-size:11px;color:#342c49}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-foot-info small{font-size:9px;color:#92899e}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-foot-row{display:flex;gap:8px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-foot-row button{
 min-height:34px;flex:1;display:flex;gap:7px;align-items:center;justify-content:center;
 border:1px solid #e8e0f2;border-radius:10px;background:#fff;color:#7c6d96;
 font:720 11px/1.3 Inter,-apple-system,sans-serif;cursor:pointer;padding:7px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-foot-row button img{height:18px;width:18px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .sideBottom{
 background:linear-gradient(180deg,#fcfaff,#fff)!important;padding:3px 14px 13px!important;
 margin:0!important;border:0!important;flex:none;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .sideBottom button.danger{
 border:1px solid #e3daf3!important;background:#f6f2fe!important;color:#7257b5!important;
 min-height:40px!important;display:flex;gap:8px;justify-content:center!important;
 border-radius:10px!important;box-shadow:none!important;font-size:11px!important;font-weight:730;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .sideBottom .navItem[data-view=settings]{display:none!important}
/* Test-style floating topbar and content spacing */
body.prodNativeV1.prodReplicaUI:not(.authLocked) .main{
 margin-left:286px!important;width:calc(100% - 286px)!important;min-width:0!important;
 background:transparent!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .topbar{
 display:flex!important;align-items:center!important;gap:10px!important;
 top:14px!important;position:sticky!important;z-index:42!important;
 height:63px!important;min-height:63px!important;
 margin:14px 22px 0 11px!important;padding:0 18px!important;
 background:rgba(255,255,255,.85)!important;
 backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
 border:1px solid #eae3f5!important;border-radius:17px!important;
 box-shadow:0 4px 16px #57417808,inset 0 1px 0 #fff!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) #prodBreadcrumb{
 font-size:11px!important;color:#8c829b!important;gap:11px!important;order:1;min-width:0;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) #prodBreadcrumb b{
 color:#3b304e!important;font-size:12.5px!important;font-weight:780!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .topbar .search{
 flex:0 1 290px;max-width:290px!important;min-width:120px;
 height:40px!important;margin-left:auto!important;order:2;
 background:#f8f5fd!important;border:1px solid #e9e0f6!important;
 border-radius:11px!important;box-shadow:none!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .topbar .search input{
 font-size:11.5px!important;color:#443755!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-live-tag{
 display:inline-flex;justify-content:center;align-items:center;flex:none;
 padding:5px 8px;height:27px;border-radius:6px;border:1px solid #e5daf6;
 background:#f1eaff;color:#815fc6;font-size:9px;font-weight:800;letter-spacing:.07em;order:3;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .topbar .topActions{
 order:4;display:flex;align-items:center;gap:8px!important;margin-left:0!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .topbar .iconBtn{
 width:38px!important;height:38px!important;border:1px solid #e9e0f6!important;
 background:#faf8fe!important;border-radius:11px!important;color:#7b55c8!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .topbar .profile{
 padding:4px 9px 4px 4px!important;border:1px solid #e9e1f4!important;
 background:#fff!important;border-radius:24px!important;gap:8px!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .topbar .profile .avatar{
 border-radius:50%;background:linear-gradient(145deg,#b29aff,#7856df)!important;
 color:#fff!important;height:33px!important;width:33px!important;min-width:33px!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .topbar .profile b{font-size:11px!important}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .topbar .profile small{font-size:9px!important}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .content,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .content[data-view=dashboard]{
 margin:0!important;padding:27px 24px 98px 12px!important;
 background:transparent!important;min-height:calc(100vh - 81px);max-width:1700px;
}
/* Existing production pages: approximate the Test's shared panels without changing behavior */
body.prodNativeV1.prodReplicaUI:not(.authLocked) .content>.pageHead{
 margin:4px 0 22px!important;align-items:center;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .content>.pageHead h1{
 font-size:29px!important;font-weight:790!important;color:#302744!important;line-height:1.5;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .content>.pageHead p{
 font-size:12px!important;color:#827794!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .content .card,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .content .dashPanel,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .content .prodNewPanel,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .content .prodNewMetric{
 background:#fff!important;border:1px solid #eae2f3!important;
 border-radius:19px!important;box-shadow:0 7px 23px #4b38770a!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .content .btn.primary,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .content .btn-primary{
 background:linear-gradient(135deg,#926bea,#7651d4)!important;
 border-color:#8662dc!important;color:#fff!important;
 box-shadow:0 4px 12px #8455ce27!important;border-radius:11px!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .content .btn.secondary{
 color:#7558b7!important;border-color:#e6d9f5!important;border-radius:11px!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .content .table thead,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .content .data-table th{
 background:#f9f6fd!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .content .prodNewPage{
 gap:17px;max-width:100%;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .content .prodNewRow{
 background:#fbf9fe!important;border-color:#eee7f5!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .content .prodNewSource{
 background:#eee9fb!important;border-color:#dfd3f5!important;
}
/* The actual Test Overview hierarchy, mapped to authenticated Production data. */
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-dashboard{display:grid;gap:18px;min-width:0}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-head{
 display:flex;align-items:end;justify-content:space-between;gap:20px;
 flex-wrap:wrap;margin:0 0 0;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-head .cp2-kicker{
 color:#865ed6;font-size:10px;font-weight:820;letter-spacing:.115em;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-head h1{
 margin:12px 0 6px;font-size:31px;line-height:1.3;font-weight:810;
 color:#302843;letter-spacing:-.035em;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-head p{
 margin:0;color:#80768f;font-size:12px;line-height:1.6;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-head-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-date,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-head-actions button{
 border:1px solid #e9e0f2;border-radius:12px;background:#fff;
 min-height:41px;padding:9px 13px;display:inline-flex;gap:7px;align-items:center;
 color:#806d98;font-weight:680;font-size:11px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-head-actions button.primary{
 background:#7b52d6;border-color:#7750d1;color:#fff;
 box-shadow:0 5px 12px #7b50cb24;cursor:pointer;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-head-actions button img{width:23px;height:23px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-period-row{
 display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap;margin:0 0 1px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-data-note{
 display:flex;align-items:center;gap:7px;color:#968ba7;font-size:10px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-data-dot{width:6px;height:6px;border-radius:50%;background:#5abf9b}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-periods{
 display:flex;max-width:100%;gap:2px;flex-wrap:wrap;padding:4px;border-radius:12px;
 background:#fff;border:1px solid #e7e0f2;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-periods button{
 padding:7px 12px;min-height:30px;background:none;border:1px solid transparent;
 border-radius:9px;color:#7b6c90;font-size:10px;font-weight:660;white-space:nowrap;cursor:pointer;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-periods button.active{
 color:#734fc4;background:#eee7fc;border-color:#e2d6f7;font-weight:780;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metrics{
 display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr) minmax(260px,1fr);
 grid-template-rows:89px 89px;grid-template-areas:"revenue users pending" "revenue users expiring";
 gap:12px;min-width:0;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric{
 position:relative;min-width:0;overflow:hidden;display:block;text-align:left;
 border:1px solid #e7e0f0;border-radius:20px;background:#fff;padding:20px 23px;
 box-shadow:0 6px 18px #4a31790c;color:#342a44;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) button.cp2-metric{cursor:pointer}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-revenue{
 grid-area:revenue;background:radial-gradient(ellipse at 103% 0%,#bfa6f567,transparent 51%),linear-gradient(121deg,#8e62e3,#734bcf 60%,#6844bb);
 color:#fff;border-color:#9476e5;box-shadow:0 8px 25px #8458d52a,inset 0 1px 0 #ffffff50;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-revenue::after{
 content:"";position:absolute;right:-78px;bottom:-99px;width:190px;height:190px;
 border:1px solid #ffffff23;transform:rotate(-27deg);border-radius:45px;pointer-events:none;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-revenue>small{
 display:block;color:#f0e5ff;font-size:13px;font-weight:620;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-revenue>strong{
 display:block;font-size:44px;letter-spacing:-.045em;font-weight:820;line-height:1.25;
 margin:14px 0 5px;color:#fff;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-revenue>p{
 margin:0;color:#e8dafa;font-size:10.5px;line-height:1.6;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-revenue .cp2-metric-icon{
 position:absolute;right:23px;top:28px;width:61px;height:61px;transform:rotate(-6deg);
 filter:drop-shadow(0 6px 7px #45239045);
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-revenue .cp2-metric-link{
 position:absolute;right:20px;bottom:17px;color:#f1e6ff;font-size:10px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-users{
 grid-area:users;background:linear-gradient(130deg,#fff,#faf8fe);
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-users>small{
 display:block;color:#776f88;font-size:13px;font-weight:620;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-users>strong{
 display:block;font-size:41px;line-height:1.25;letter-spacing:-.04em;margin:20px 0 3px;color:#302641;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-users>p{
 margin:0;font-size:10.5px;color:#9b91a8;line-height:1.6;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-users .cp2-metric-icon{
 position:absolute;right:19px;top:23px;width:48px;height:48px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-users .cp2-metric-link{
 position:absolute;right:17px;bottom:16px;color:#9789aa;font-size:10px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-mini{
 padding:15px 19px 13px 67px;
 display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px;
 grid-template-rows:1fr 1fr;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-pending{grid-area:pending;background:linear-gradient(115deg,#fffaf3,#fff);border-color:#f1e2d7}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-expiring{grid-area:expiring;background:linear-gradient(115deg,#f6faff,#fff);border-color:#e2e8f3}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-mini .cp2-metric-icon{position:absolute;top:22px;left:18px;width:36px;height:36px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-mini small{grid-column:1;grid-row:1;font-size:12px;color:#786d89}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-mini p{grid-column:1;grid-row:2;margin:0;font-size:9.5px;color:#a69bac;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-mini strong{grid-column:2;grid-row:1/3;font-size:28px;color:#312a43}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-grid{
 display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;min-width:0;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-panel{
 min-width:0;background:#fff;border:1px solid #e9e0f1;border-radius:21px;
 padding:21px 23px;box-shadow:0 8px 26px #4532770c;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-panel-head{
 display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-panel-head h2{
 margin:0;color:#332b45;font-size:17px;font-weight:760;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-panel-head button{
 border:0;background:transparent;color:#7951cd;font-size:11px;font-weight:750;cursor:pointer;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-chart-info{
 display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin:4px 0 15px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-chart-info>strong{
 color:#332944;font-size:31px;font-weight:810;letter-spacing:-.04em;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-chart-info>span{
 font-size:10px;color:#958a9f;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-chart-controls{
 display:flex;gap:2px;margin-left:auto;align-self:center;padding:3px;
 border:1px solid #ece4f4;border-radius:10px;background:#fff;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-chart-controls button{
 border:1px solid transparent;background:none;padding:6px 9px;border-radius:7px;
 color:#897d9b;font-size:10px;min-height:29px;cursor:pointer;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-chart-controls button.active{
 background:#f0e8ff;border-color:#e8d8fa;color:#7952c5;font-weight:780;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-chart-svg{
 display:block;width:100%;height:220px;overflow:visible;margin:2px 0;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-chart-labels{
 display:flex;justify-content:space-between;gap:5px;color:#9a91a6;font-size:9px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-queue-list{display:grid;gap:0}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-queue-row{
 display:flex;gap:10px;align-items:center;width:100%;min-height:65px;
 padding:11px 0;background:transparent;border:0;border-bottom:1px solid #eee9f4;
 color:#332b44;text-align:left;cursor:pointer;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-queue-row:last-child{border-bottom:0}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-queue-row .cp2-queue-icon{
 width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;
 background:#f1eafa;border:1px solid #e8def3;border-radius:12px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-queue-row img{width:29px;height:29px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-queue-row span.cp2-queue-copy{
 min-width:0;flex:1;display:grid;gap:4px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-queue-row .cp2-queue-copy b{
 font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-queue-row .cp2-queue-copy small{
 color:#948ba3;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-queue-money{text-align:right;font-weight:820;font-size:12px;white-space:nowrap}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-queue-money small{display:block;color:#9c91a4;font-size:9px;font-weight:450;margin-top:5px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-queue-arrow{color:#8863c8;margin-left:1px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-empty{
 color:#9588a6;font-size:11px;padding:28px 12px;display:grid;justify-items:center;gap:8px;text-align:center;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-empty img{width:31px;height:31px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-empty b{color:#625774;font-size:12px}
/* Dark theme remains equivalent, no fake light panels */
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked){
 --cp2-bg:#171722;--cp2-card:#23212f;--cp2-ink:#e7e0f4;--cp2-stroke:#40384f;
 background:radial-gradient(ellipse at 80% 0%,#292039,transparent 44%),#161621!important;color:#e7e0f4;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) #sidebar.sidebar,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .topbar,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-panel{
 background:#211e2d!important;color:#e8e1f4!important;border-color:#42394f!important;
 box-shadow:0 8px 24px #0002!important;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .sidebar .brandCopy strong,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .sidebar .brandCopy strong span,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) #prodBreadcrumb b,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-head h1,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-panel-head h2,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-chart-info>strong{
 color:#eee9f5!important;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) #nav .navItem{color:#c1b4d1!important}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) #nav .navItem.active{background:linear-gradient(112deg,#7a56d3,#6144af)!important;color:#fff!important}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-metric-users,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-metric-mini{
 background:#262334!important;border-color:#443b56!important;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-metric-users>strong,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-metric-mini strong{
 color:#f2eafa!important;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-queue-row{color:#f0eafb!important;border-color:#393346!important}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .content .card,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .content .dashPanel,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .content .prodNewPanel,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .content .prodNewMetric{
 background:#221f2d!important;border-color:#42394d!important;color:#ede6f5!important;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .topbar .search,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .topbar .profile,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .topbar .iconBtn{
 background:#2b2638!important;border-color:#4d405e!important;color:#d8c1fc!important;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .topbar .search input{color:#eee2fa!important}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-periods,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-date,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-head-actions button:not(.primary),
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-chart-controls{
 background:#2a2537!important;border-color:#483c59!important;color:#ded0eb!important;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-chart-controls button,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-periods button{color:#c1b1ce!important}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-chart-controls button.active,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-periods button.active{
 background:#4e3a66!important;color:#f1e5ff!important;border-color:#685087!important;
}
/* Mobile: retain original authenticated menu drawer and functional bottom bar. */
@media(max-width:1100px) and (min-width:761px){
 body.prodNativeV1.prodReplicaUI:not(.authLocked) #sidebar.sidebar{width:232px!important}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .main{margin-left:257px!important;width:calc(100% - 257px)!important}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) #nav .navItem{font-size:12px!important;padding:7px 8px!important}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) #nav .navItem>span:not(.cp2-art){font-size:12px!important}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metrics{
  grid-template-columns:minmax(0,1fr) minmax(0,.95fr);grid-template-rows:145px 90px 90px;
  grid-template-areas:"revenue users" "pending pending" "expiring expiring";
 }
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
 body.prodNativeV1.prodReplicaUI:not(.authLocked) #sidebar.sidebar{
  top:0!important;bottom:0!important;left:0!important;height:100dvh!important;
  width:min(286px,calc(100vw - 45px))!important;border-radius:0 20px 20px 0!important;
  transform:translateX(-110%);
 }
 body.prodNativeV1.prodReplicaUI:not(.authLocked) #sidebar.sidebar.open{transform:translateX(0)!important}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .main{width:100%!important;margin-left:0!important}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .topbar{
  position:sticky!important;top:9px!important;margin:9px 12px 0!important;
  padding:0 12px!important;min-height:58px!important;height:58px!important;
  gap:7px!important;
 }
 body.prodNativeV1.prodReplicaUI:not(.authLocked) #prodBreadcrumb{font-size:10px!important;gap:7px!important}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) #prodBreadcrumb b{font-size:11px!important;max-width:105px}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-live-tag{display:none!important}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .topbar .search{display:none!important}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .topbar .topActions{margin-left:auto!important;gap:5px!important}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .topbar .iconBtn{width:34px!important;height:34px!important}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .content,
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .content[data-view=dashboard]{
  padding:22px 14px 108px!important;
 }
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-head{gap:9px}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-head h1{font-size:26px}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-head-actions{width:100%;justify-content:flex-start}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-head-actions button{min-height:38px}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metrics{
  grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto;
  grid-template-areas:"revenue revenue" "users users" "pending expiring";gap:9px;
 }
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-revenue{min-height:156px}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-users{min-height:126px}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-users>strong{font-size:31px;margin:8px 0 0}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-revenue>strong{font-size:36px}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-mini{
  min-height:106px;padding:12px 9px 11px;display:flex;flex-direction:column;align-items:start;
  justify-content:center;gap:6px;
 }
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-mini .cp2-metric-icon{
  position:absolute;right:10px;top:10px;left:auto;width:27px;height:27px;
 }
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-mini small{font-size:10px;max-width:calc(100% - 25px)}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-mini strong{font-size:24px}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-grid{grid-template-columns:1fr;gap:11px}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-panel{padding:17px 15px}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-chart-info>strong{font-size:26px}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-chart-controls{margin-left:0}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-queue-row{min-width:0}
}
@media(max-width:390px){
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-periods{width:100%;justify-content:center}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-periods button{padding:7px 6px;font-size:9px}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-head-actions .cp2-date{font-size:10px}
}
/* Accessibility: no excessive movement; native View Transition from previous release remains. */
@media(prefers-reduced-motion:reduce){
 body.prodNativeV1.prodReplicaUI #nav .navItem{transition:none!important}
}

/* In the reference TEST, the two compact alert tiles show numbers only. */
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric-mini .cp2-metric-link{display:none!important}
/* Dark parity polish: the fixed footer and secondary labels follow theme. */
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-foot,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .sideBottom{
 background:linear-gradient(180deg,#221e2e,#201b2b)!important;
 border-color:#433852!important;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-foot-info b{color:#ece5f5!important}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-foot-info small{color:#a99eb8!important}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-foot-row button,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .sideBottom button.danger{
 background:#30283d!important;color:#d7c5f3!important;border-color:#4a3a61!important;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-metric-users>small,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-metric-mini small,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-chart-info>span{
 color:#b5abc8!important;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-metric-users>p,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-metric-mini p,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-queue-copy small{
 color:#a69bb7!important;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-queue-arrow,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-metric-link{color:#cdb5f5!important}


/* production-scroll-parity-v1.css */
/* CamboPost Admin Production — Scroll & Sticky Parity Fix
 * Respects Test's fixed sidebar / native document scrolling.
 * Scoped to authenticated production only. No auth/data/feature changes.
 *
 * Root cause on mobile:
 * historical styles.css used html,body {overflow-x:hidden}.
 * That computes overflow-y:auto on body, turning body into an inert scroll
 * ancestor for the sticky header while html actually scrolls.
 * Chrome then moved the sticky header offscreen on page scroll.
 */
@media (max-width:760px) {
  html:has(> body.prodNativeV1.prodReplicaUI:not(.authLocked)) {
    overflow-x: clip !important;
    overflow-y: visible !important;
  }
  body.prodNativeV1.prodReplicaUI:not(.authLocked) {
    overflow-x: clip !important;
    overflow-y: visible !important;
  }
  body.prodNativeV1.prodReplicaUI:not(.authLocked) .topbar {
    position: sticky !important;
    top: 9px !important;
  }
  /* The mobile drawer MUST be above the 1012 backdrop.
     The prior 90!important level made navigation and scrolling unclickable. */
  body.prodNativeV1.prodReplicaUI:not(.authLocked) #sidebar.sidebar {
    z-index: 1013 !important;
  }
  body.prodNativeV1.prodReplicaUI:not(.authLocked) .content {
    scroll-margin-top: 82px;
  }
  body.prodNativeV1.prodReplicaUI:not(.authLocked) #prodNativeDock {
    position: fixed !important;
    bottom: max(9px,env(safe-area-inset-bottom)) !important;
  }
}
@media (min-width:761px) {
  body.prodNativeV1.prodReplicaUI:not(.authLocked) .topbar {
    position: sticky !important;
    top: 14px !important;
  }
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .app,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .main {
  overflow-y: visible !important;
}
/* Non-blocking replacement for root View Transition screenshots.
   A small entrance effect keeps the UI responsive at the first pointer event. */
@media (prefers-reduced-motion:no-preference){
 body.prodNativeV1.prodReplicaUI:not(.authLocked) #content > .prod-safe-route-enter{
   animation:prod-safe-route-in 165ms cubic-bezier(.2,.8,.2,1) both;
 }
 @keyframes prod-safe-route-in{
   from{opacity:.72;transform:translateY(4px)}
   to{opacity:1;transform:translateY(0)}
 }
}
@media (prefers-reduced-motion:reduce){
 body.prodNativeV1.prodReplicaUI:not(.authLocked) #content > .prod-safe-route-enter{
   animation:none!important;
 }
}


/* production-chart-copy-polish-v1.css */
/* CamboPost Admin — concise headings and evidence-based revenue trend.
 * Scoped to authenticated Production only; no JS business logic.
 */
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-period-row{
  justify-content:flex-end;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-chart-svg.cp2-chart-smoothed{
  display:block;
  width:100%;
  height:230px;
  max-height:230px;
  overflow:visible;
  margin:4px 0 1px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-chart-smoothed circle{
  pointer-events:all;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-chart-info>span{
  font-size:10px;
  color:#9a8ca9;
  white-space:normal;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-chart-labels{
  color:#8f85a0;
  margin-top:4px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .prodNewPanelHead p:empty,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .prodNewMetric span:empty,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .pageHead p:empty,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-metric p:empty{
  display:none!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .prodNewPage>.prodNewSource{
  display:none!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .prodNewPage>.pageHead{
  margin-bottom:16px!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .prodNewPanel{
  padding:19px 20px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .prodNewPanelHead{
  margin-bottom:13px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .prodNewEmpty{
  padding:25px 16px;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-chart-info>span,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp2-chart-labels{
  color:#b9aacc!important;
}
@media(max-width:760px){
  body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-period-row{
    justify-content:flex-start;
  }
  body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-chart-svg.cp2-chart-smoothed{
    height:185px;
    max-height:185px;
  }
  body.prodNativeV1.prodReplicaUI:not(.authLocked) .prodNewPanel{
    padding:15px 14px;
  }
  body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-chart-info>span{
    font-size:9px;
  }
}
@media(prefers-reduced-motion:reduce){
  body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-chart-svg.cp2-chart-smoothed{
    transition:none!important;
    animation:none!important;
  }
}

/* Unknown System Health is neutral, never an all-clear signal. */
body.prodNativeV1:not(.authLocked) .sysOverview.unverified{
 background:#faf9fd!important;
 border-color:#e5dfef!important;
}
body.prodNativeV1:not(.authLocked) .sysOverview.unverified .sysOverviewIcon{
 color:#806d9b!important;
 background:#eee9f5!important;
}
body.prodNativeV1:not(.authLocked) .sysOverview.unverified h2{
 color:#433853!important;
}
body.prodNativeV1.dark:not(.authLocked) .sysOverview.unverified{
 background:#292535!important;
 border-color:#4b4258!important;
}
body.prodNativeV1.dark:not(.authLocked) .sysOverview.unverified h2{
 color:#e3d8ee!important;
}

/* Reference chart line-reveal; only presentation, paid-data geometry unchanged. */
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-chart-smoothed .cp2-revenue-motion-line{
 stroke-dasharray:1;
 stroke-dashoffset:1;
 animation:cp2-revenue-draw 1.45s cubic-bezier(.2,.6,.2,1) both;
}
@keyframes cp2-revenue-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp2-chart-smoothed .cp2-revenue-motion-line{
  animation:none!important;
  stroke-dasharray:none;
  stroke-dashoffset:0;
 }
}


/* production-parity-data-v2.css */
/* Admin Test visual parity for production-data-backed workflows.
 * Scoped to authenticated CamboPost admin. Real data only.
 */
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-page{
 display:grid;gap:15px;align-content:start;min-width:0;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-stats{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-counter{
 display:grid;gap:7px;min-width:0;background:var(--cp2-card,#fff);
 padding:17px 18px;border:1px solid var(--cp2-stroke,#eae2f4);border-radius:16px;
 box-shadow:0 6px 22px #47306c08;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-counter small{
 font-size:10px;font-weight:800;color:var(--cp2-muted,#83788f);line-height:1.45;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-counter strong{
 color:var(--cp2-ink,#322846);font-size:25px;font-weight:800;letter-spacing:-.035em;
 line-height:1.2;overflow-wrap:anywhere;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-counter span{
 font-size:9.5px;color:#9c91aa;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-counter.amber strong{color:#ae802d}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-counter.rose strong{color:#db6488}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-counter.blue strong{color:#5297e5}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-counter.violet strong{color:#805ce1}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-panel{
 background:var(--cp2-card,#fff);border:1px solid var(--cp2-stroke,#eae2f4);
 border-radius:18px;padding:20px;min-width:0;
 box-shadow:0 6px 22px #48306909;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-panel-head{
 display:grid;gap:6px;margin:0 0 17px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-panel-head h2{
 font-size:18px;line-height:1.4;font-weight:780;margin:0;color:var(--cp2-ink,#322846);
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-panel-head p{
 font-size:11px;line-height:1.5;color:var(--cp2-muted,#83788f);margin:0;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-panel-tools{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:10px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-overline{
 text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:820;color:#9a84bd;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-reset,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-action{
 min-height:35px;display:inline-flex;align-items:center;justify-content:center;gap:5px;
 border:1px solid #e6dcf3;color:#7853c5;background:#fff;cursor:pointer;
 padding:8px 11px;border-radius:10px;font-size:10.5px;font-weight:740;white-space:nowrap;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-reset svg{width:13px;height:13px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-reset:hover,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-action:hover{background:#f2ecfc}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-tabs{
 display:flex;gap:6px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;
 border-bottom:1px solid #eee7f5;padding:2px 0 12px;margin-bottom:12px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-tabs button{
 background:#faf8fd;border:1px solid transparent;border-radius:10px;
 padding:8px 12px;white-space:nowrap;min-height:33px;color:#756982;
 font-size:10px;font-weight:700;cursor:pointer;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-tabs button.selected{
 background:#f0eafd;border-color:#dacdf8;color:#7552d6;font-weight:780;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-filters{
 display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin:0 0 11px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-search{
 display:flex;align-items:center;gap:9px;flex:1;min-width:190px;
 border:1px solid #e6dcf2;background:#faf8fd;border-radius:11px;
 min-height:39px;padding:0 12px;color:#8a6bc9;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-search svg{width:16px;height:16px;flex:none}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-search input{
 appearance:none;border:0!important;background:transparent!important;outline:0!important;
 width:100%;min-width:0;color:#382c49;box-shadow:none!important;
 font-size:11px;font-weight:500;padding:9px 0!important;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-filters select{
 min-height:39px;padding:8px 13px;border:1px solid #e5def1;background:#faf8fd;
 border-radius:11px;min-width:135px;color:#514365;font-size:10px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-list-caption{
 font-size:9.5px;color:#9b8da8;margin:6px 0 12px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-list{display:grid;gap:8px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-item{
 display:flex;gap:10px;align-items:center;justify-content:space-between;
 background:#fbf9ff;border:1px solid #e9e2f4;padding:11px 13px;border-radius:12px;
 min-width:0;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-item-main{
 min-width:0;display:grid;gap:5px;flex:1;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-item-main b{
 color:#3c3152;font-size:11.5px;font-weight:790;overflow-wrap:anywhere;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-item-main small{
 color:#8c8299;font-size:10px;line-height:1.5;overflow-wrap:anywhere;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-item-end{
 display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:none;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-badge{
 display:inline-flex;align-items:center;justify-content:center;border-radius:99px;
 padding:6px 9px;font-size:9px;font-weight:790;white-space:nowrap;
 background:#eee7fa;color:#7854c1;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-badge.high,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-badge.failed{background:#ffedf3;color:#c75178}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-badge.medium,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-badge.partial{background:#fff4df;color:#a57930}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-badge.published,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-badge.connected,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-badge.resolved{background:#e7f8ef;color:#21946d}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-badge.processing{background:#eaf2ff;color:#477ed0}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-empty{
 min-height:150px;display:grid;place-content:center;justify-items:center;gap:9px;padding:28px 12px;
 color:#887a9c;text-align:center;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-empty svg{width:27px;height:27px;color:#9275d7}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-empty b{font-size:12px;color:#5a4b74}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-empty p{
 margin:0;color:#948aa4;font-size:10.5px;line-height:1.5;max-width:420px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-shortcuts{display:flex;gap:9px;flex-wrap:wrap}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-user-layout{
 display:grid;grid-template-columns:minmax(210px,.35fr) minmax(0,1fr);gap:13px;min-width:0;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-user-list{
 max-height:500px;overflow-y:auto;display:grid;gap:6px;scrollbar-width:thin;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-user{
 width:100%;display:grid;gap:5px;text-align:left;border:1px solid #ebe4f3;
 border-radius:11px;padding:11px;background:#fbfaff;color:#463953;cursor:pointer;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-user b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-user small{font-size:9px;color:#958aa3}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-user.active{
 border-color:#c7b3f0;background:#f1eafe;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-profile-title{
 display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-profile-title h2{
 font-size:20px;font-weight:770;color:var(--cp2-ink,#352747);margin:0 0 4px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-profile-title small{
 color:#93859e;font-size:10px;overflow-wrap:anywhere;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-profile-title+.cp4-stats{
 grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-profile-title+.cp4-stats .cp4-counter{
 box-shadow:none;padding:10px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-profile-title+.cp4-stats strong{font-size:15px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-info-grid,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-dialog-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-info-grid>div,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-dialog-grid>div{
 padding:12px;background:#faf8fd;border:1px solid #eee8f6;border-radius:10px;min-width:0;
 display:grid;gap:6px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-info-grid small,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-dialog-grid small{
 color:#8e82a0;font-size:9px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-info-grid b,
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-dialog-grid b{
 color:#4c3f63;font-size:11px;overflow-wrap:anywhere;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-notice{font-size:11px;color:#806b97}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-dialog-actions{
 display:flex;justify-content:flex-end;gap:10px;margin-top:17px;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-panel,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-counter{
 background:#241f32;border-color:#473a59;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-counter strong,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-panel-head h2,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-item-main b,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-empty b,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-info-grid b{
 color:#efe9f6;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-item,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-user,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-search,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-info-grid>div{
 background:#292337;border-color:#493d58;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-user{color:#eadff4}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-user.active{
 background:#4d3c69;border-color:#8162b2;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-search input{
 color:#e8dff4!important;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-filters select,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-tabs button,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-action,
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-reset{
 background:#2e263c;color:#d5c2e7;border-color:#5b4971;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-tabs button.selected{background:#584274;color:#f6efff}
@media(max-width:1160px){
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-user-layout{grid-template-columns:minmax(190px,.4fr) minmax(0,1fr)}
}
@media(max-width:900px){
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-user-layout{grid-template-columns:1fr}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-user-list{max-height:240px}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-profile-title+.cp4-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-panel{padding:14px}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-counter{padding:12px}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-counter strong{font-size:20px}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-filters select{width:100%}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-search{min-width:0;width:100%;flex-basis:100%}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-item{flex-wrap:wrap;align-items:flex-start}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-item-end{justify-content:space-between;width:100%}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-info-grid,
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-dialog-grid{grid-template-columns:1fr}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-tabs button{font-size:9px;padding:8px 10px}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-panel-head h2{font-size:16px}
}

body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-pager{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;margin-top:13px;padding-top:12px;border-top:1px solid #eee7f5}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-pager>span{color:#9385a1;font-size:10px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-pager button{min-height:34px;padding:7px 12px;border-radius:9px;background:#faf7ff;border:1px solid #ded4ef;color:#7755c7;cursor:pointer;font-size:10px;font-weight:750}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-pager button:disabled{opacity:.35;cursor:default}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-pager button{background:#352940;border-color:#58426d;color:#dac5f2}
/* Compact Test-like operational headers; purely presentational. */
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-panel-head{
 display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-panel-title{
 display:grid;gap:5px;min-width:0;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-panel-title .cp4-overline{
 font-size:9px;letter-spacing:.13em;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-panel-head-action{
 flex:none;margin-left:auto;align-self:center;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-stats.cp4-publishing-stats{
 grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-row-icon{
 width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
 border-radius:10px;background:#f0eafd;color:#8359d6;flex:none;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-row-icon svg{
 width:17px;height:17px;stroke-width:2;
}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-row-icon{
 background:#473461;color:#c2a2fa;
}
@media(max-width:1200px){
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-stats.cp4-publishing-stats{
  grid-template-columns:repeat(3,minmax(0,1fr));
 }
}
@media(max-width:740px){
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-stats.cp4-publishing-stats{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
}

/* Align Pages and User 360 with the Test workspace without sample data. */
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-stats.cp4-pages-stats{
 grid-template-columns:repeat(4,minmax(0,1fr));
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-follower-count{
 display:grid;gap:2px;text-align:left;min-width:72px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-follower-count b{
 color:var(--cp2-ink,#322846);font-size:12px;font-weight:800;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-follower-count small{
 color:var(--cp2-muted,#8e8298);font-size:9px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-user .cp4-badge{
 position:absolute;right:9px;top:11px;font-size:8px;padding:3px 7px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-user{
 position:relative;padding-right:65px;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-profile-avatar{
 background:#eee8ff;color:#8663d8;display:flex;align-items:center;justify-content:center;
 border-radius:12px;min-width:46px;height:46px;font-size:16px;font-weight:850;
}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-profile-identity{min-width:0;flex:1;}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-profile-title{flex-wrap:wrap;}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-user-profile-panel .cp4-panel-head{margin-bottom:10px;}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-follower-count b{color:#f1eafd}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp4-profile-avatar{background:#49375f;color:#dfcaff}
@media(max-width:1100px){
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-stats.cp4-pages-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-stats.cp4-pages-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-follower-count{min-width:60px;}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp4-profile-title{gap:8px;}
}


/* production-native-parity-v2.css */
/* Scoped real-data controls, CamboPost Admin */
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding:11px;background:#fff;border:1px solid #ece4f4;border-radius:13px;margin:10px 0 13px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-search{flex:1 1 220px;display:flex;align-items:center;min-width:150px;padding:0 11px;background:#faf8fe;border:1px solid #e7def4;border-radius:10px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-search input{width:100%;padding:10px 0!important;background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;color:#382d50!important;font-size:11px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-toolbar select{min-height:38px;padding:8px 11px;border:1px solid #e6dcf3;border-radius:9px;background:#faf8fd;color:#635279;font-size:11px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-reset,body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-action,body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-user360{min-height:34px;padding:7px 10px;background:#fff;border:1px solid #dfd2f3;border-radius:10px;color:#7753c3;font-size:10.5px;font-weight:740;white-space:nowrap;cursor:pointer}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-user360{background:#f2ecfd;margin-left:5px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-toolbar>span{font-size:10px;color:#9b8ba8}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-panel{padding:19px;background:#fff;border:1px solid #e9e0f4;border-radius:17px;box-shadow:0 6px 21px #5434790b;margin-top:14px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-panel>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-panel h2{font-size:18px;font-weight:770;color:#372d48;margin:0}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-panel small{font-size:10px;color:#9184a1}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-tabs{display:flex;gap:6px;overflow:auto;scrollbar-width:thin;margin-bottom:12px;padding:0 0 12px;border-bottom:1px solid #eee6f5}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-tabs button{min-height:33px;padding:8px 11px;border:1px solid transparent;border-radius:9px;background:#faf8fd;color:#756b86;font-size:10px;white-space:nowrap;cursor:pointer}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-tabs button.selected{background:#f0e9fc;color:#7955c9;border-color:#e2d6f5}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-sub-list{display:grid;gap:7px;max-height:530px;overflow:auto}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-sub-row{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid #ebe4f5;border-radius:11px;background:#fbf9fe;padding:11px 13px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-sub-row>div{flex:1;min-width:0;display:grid;gap:5px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-sub-row b{font-size:11px;color:#443752}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-sub-row small{font-size:9.5px;color:#978aa6}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-status{padding:6px 9px;background:#f1eafa;color:#805cbd;border-radius:99px;font-size:9px;font-weight:760}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-empty{text-align:center;color:#978aa8;font-size:11px;padding:26px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .table tr[hidden]{display:none!important}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp5-panel,body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp5-toolbar{background:#241f30;border-color:#493956}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp5-sub-row,body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp5-search{background:#2b2638;border-color:#524269}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp5-sub-row b,body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp5-panel h2{color:#e9e1f4}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp5-search input{color:#e9ddf3!important}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp5-reset,body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp5-action,body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp5-toolbar select,body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp5-tabs button{background:#312940;border-color:#57456a;color:#d4c1ec}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .cp5-tabs button.selected{background:#503e6c;color:#f2e9ff}
@media(max-width:760px){
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-panel{padding:14px}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-toolbar{padding:9px}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-search{flex-basis:100%}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-sub-row{flex-wrap:wrap}
 body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp5-sub-row .cp5-action{margin-left:auto}
}

/* production-support-live-v1.css */
/* Secure Support Center, active only with verified persistent Support API. */
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-app{display:grid;gap:15px;min-width:0}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-stat{display:grid;gap:7px;padding:17px;background:#fff;border:1px solid #e9e1f4;border-radius:17px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-stat small{color:#8e80a2;font-size:10px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-stat strong{font-size:25px;color:#443357}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-workspace{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);gap:13px;min-width:0}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-inbox,body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-detail-panel,body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-compose{padding:17px;background:#fff;border:1px solid #e9e1f4;border-radius:17px;min-width:0}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-header,body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-compose>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-header h2,body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-compose h2{font-size:17px;color:#3a3050;margin:0}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-header span{color:#9e8fae;font-size:10px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:11px;border-bottom:1px solid #eee6f7}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-tabs button{border:1px solid transparent;background:#faf7ff;color:#796a8f;border-radius:9px;padding:8px 10px;white-space:nowrap;font-size:10px;cursor:pointer}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-tabs button.active{background:#efe7ff;color:#7250c7;border-color:#dfd1f6}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-search input{width:100%;margin:11px 0;padding:10px;border:1px solid #e7dff2;border-radius:10px;background:#faf8fe;color:#3d304f;outline:none;font-size:11px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-list{max-height:590px;overflow:auto;display:grid;gap:7px;scrollbar-width:thin}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-row{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:11px;border:1px solid #eee6f4;border-radius:11px;background:#fbfaff;text-align:left;cursor:pointer}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-row.active{background:#f0eafe;border-color:#c7b3ee}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-row>span:first-child{display:grid;gap:5px;min-width:0;flex:1}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-row b{font-size:11px;color:#433453}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-row small{font-size:9px;color:#93869f}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-pill{border-radius:99px;padding:5px 8px;font-size:9px;font-weight:760;background:#efe9f8;color:#785bb5;white-space:nowrap}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-pill.open{background:#fff4e4;color:#b18538}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-pill.resolved{background:#e7f8ef;color:#218460}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-pill.in-progress{background:#e7f1ff;color:#417ccd}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-ticket-title{display:flex;justify-content:space-between;gap:10px;margin-bottom:13px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-ticket-title h2{font-size:19px;color:#392d49;margin:5px 0}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-ticket-title span{font-size:9px;color:#8b79a2}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-field{display:grid;gap:5px;min-width:0;padding:10px;background:#faf8fd;border:1px solid #ebe4f3;border-radius:10px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-field small{font-size:9px;color:#9789a8}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-field b{font-size:11px;color:#473555;overflow-wrap:anywhere}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-edit-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-edit-row label,body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-note label{display:grid;gap:7px;font-size:10px;color:#82748f}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-edit-row select{width:100%;min-width:0;padding:9px;background:#faf8ff;border:1px solid #e9ddf3;border-radius:10px;font-size:10px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-history{border-top:1px solid #eee7f4;padding-top:14px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-history h3{font-size:13px;color:#473657;margin:0 0 12px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-message{display:grid;gap:7px;padding:11px;background:#faf8fe;border:1px solid #e9e2f4;border-radius:10px;margin-bottom:7px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-message.internal{border-color:#d8c7f4}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-message>div{display:flex;justify-content:space-between;gap:10px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-message b{font-size:10px;color:#4b3b63}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-message small{font-size:9px;color:#92849c}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-message p{margin:0;font-size:11px;color:#625573;white-space:pre-wrap;overflow-wrap:anywhere}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-note{margin-top:12px;display:grid;gap:8px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-note textarea,body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-compose :is(input,select,textarea){padding:10px;width:100%;border-radius:10px;border:1px solid #e8dff2;background:#faf8ff;outline:none;font-size:11px;color:#473b59}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-compose form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-compose label{display:grid;gap:6px;min-width:0;font-size:10px;color:#84758f}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-compose label.full,body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-compose button.full{grid-column:1/-1}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-compose button,body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-note button{background:#7955d3;border:1px solid #7650c8;color:white;border-radius:10px;min-height:37px;padding:9px 11px;cursor:pointer;font-size:11px;font-weight:760}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-app button[data-cp6-action]{padding:8px 11px;min-height:32px;border:1px solid #dfd3ef;background:#fff;border-radius:9px;color:#7553c5;cursor:pointer;font-size:10px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-context{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;background:#f4edfb;font-size:11px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-empty{color:#9286a3;font-size:11px;text-align:center;padding:25px}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-footnote{color:#988aa9;font-size:9px;line-height:1.5}
@media(max-width:950px){body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-workspace{grid-template-columns:1fr}body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-compose form{grid-template-columns:1fr}body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-facts{grid-template-columns:1fr}body.prodNativeV1.prodReplicaUI:not(.authLocked) .cp6-edit-row{grid-template-columns:1fr}}


/* production-reference-directories-v1.css */
/* Reference directory layouts; no global legacy-control reset. */
body.prodNativeV1.prodReplicaUI #content .cprd{--rd-ink:#332b45;--rd-muted:#81758f;--rd-card:#fff;--rd-line:#e9e1f4;--rd-tint:#faf7ff;--rd-purple:#8155de;font-family:Manrope,"Noto Sans Khmer",sans-serif!important;color:var(--rd-ink);min-width:0;font-size:14px;line-height:1.65;}
body.prodNativeV1.prodReplicaUI.dark #content .cprd{--rd-ink:#eee9f7;--rd-muted:#afa2bf;--rd-card:#241f32;--rd-line:#493b5d;--rd-tint:#2d253c;--rd-purple:#c1a0ff;}
body.prodNativeV1.prodReplicaUI #content .cprd :is(button,input,select){font-family:inherit!important;font-size:13px;font-weight:500;line-height:1.5;}
body.prodNativeV1.prodReplicaUI #content .cprd-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:19px 0 22px;flex-wrap:wrap;}
body.prodNativeV1.prodReplicaUI #content .cprd-head h1{font-family:inherit!important;font-size:28px!important;line-height:1.4;letter-spacing:-.035em;font-weight:750!important;margin:9px 0 0!important;}
body.prodNativeV1.prodReplicaUI #content .cprd-overline{font-size:10px;letter-spacing:.13em;color:var(--rd-purple);font-weight:700;}
body.prodNativeV1.prodReplicaUI #content .cprd-head-actions{display:flex;gap:9px;flex-wrap:wrap;}
body.prodNativeV1.prodReplicaUI #content .cprd-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--rd-card);color:var(--rd-purple);border:1px solid var(--rd-line);border-radius:10px;min-height:37px;padding:8px 12px;cursor:pointer;white-space:nowrap;box-shadow:none;}
body.prodNativeV1.prodReplicaUI #content .cprd-btn.primary{background:linear-gradient(120deg,#936be6,#7953cf);border-color:#9471dc;color:#fff;box-shadow:0 4px 9px #8052ce20;font-weight:650;}
body.prodNativeV1.prodReplicaUI #content .cprd-btn.soft{background:#f0eaff;color:#8054df;border-color:#dfd1fb;font-size:10px;font-weight:700;}
body.prodNativeV1.prodReplicaUI.dark #content .cprd-btn.soft{background:#41315b;color:#d8bfff;border-color:#705099;}
body.prodNativeV1.prodReplicaUI #content .cprd-btn.text{background:transparent;border-color:transparent;padding:7px;font-weight:700;}
body.prodNativeV1.prodReplicaUI #content .cprd-tabs{display:flex;gap:4px;padding:5px;margin:0 0 22px;background:var(--rd-card);border:1px solid var(--rd-line);border-radius:14px;max-width:100%;width:max-content;overflow-x:auto;}
body.prodNativeV1.prodReplicaUI #content .cprd-tabs button{flex:none;display:flex;align-items:center;gap:8px;min-height:39px;padding:8px 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--rd-muted);cursor:pointer;white-space:nowrap;}
body.prodNativeV1.prodReplicaUI #content .cprd-tabs button.selected{background:linear-gradient(120deg,#926be6,#7651cd);color:#fff;box-shadow:0 3px 9px #7951c520;}
body.prodNativeV1.prodReplicaUI #content .cprd-tabs button span{font-size:10px;padding:2px 6px;border-radius:6px;background:var(--rd-tint);min-width:22px;text-align:center;color:var(--rd-muted);}
body.prodNativeV1.prodReplicaUI #content .cprd-tabs button.selected span{background:#ffffff28;color:#fff;}
body.prodNativeV1.prodReplicaUI #content .cprd-directory{padding:0;margin:0;background:var(--rd-card);border:1px solid var(--rd-line);border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #54336c06;min-width:0;}
body.prodNativeV1.prodReplicaUI #content .cprd-directory>header{padding:21px 23px 17px;}
body.prodNativeV1.prodReplicaUI #content .cprd-directory h2{font:650 18px/1.5 Manrope,sans-serif!important;color:var(--rd-ink);margin:0;letter-spacing:-.015em;}
body.prodNativeV1.prodReplicaUI #content .cprd-filters{display:flex;align-items:center;gap:10px;padding:0 23px 18px;flex-wrap:wrap;}
body.prodNativeV1.prodReplicaUI #content .cprd-search{display:flex;align-items:center;gap:10px;min-width:190px;flex:1;min-height:43px;border:1px solid var(--rd-line);border-radius:12px;background:var(--rd-tint);padding:0 14px;color:var(--rd-purple);}
body.prodNativeV1.prodReplicaUI #content .cprd-search svg{width:19px;height:19px;flex:none;}
body.prodNativeV1.prodReplicaUI #content .cprd-search input{width:100%;min-width:0;min-height:41px;border:0!important;padding:8px 0!important;outline:none!important;box-shadow:none!important;background:transparent!important;color:var(--rd-ink);font-size:14px;}
body.prodNativeV1.prodReplicaUI #content .cprd-search input::placeholder{color:var(--rd-muted);}
body.prodNativeV1.prodReplicaUI #content .cprd-filters select{max-width:185px;min-width:112px;min-height:43px;border:1px solid var(--rd-line);border-radius:11px;padding:9px 24px 9px 12px;color:var(--rd-muted);background:var(--rd-card);}
body.prodNativeV1.prodReplicaUI #content .cprd-caption{display:flex;gap:12px;justify-content:space-between;padding:13px 23px;border-top:1px solid var(--rd-line);color:var(--rd-muted);font-size:12px;}
body.prodNativeV1.prodReplicaUI #content .cprd-scroll{max-width:100%;overflow-x:auto;min-width:0;}
body.prodNativeV1.prodReplicaUI #content table.cprd-table{width:100%;border-collapse:collapse;table-layout:auto;margin:0;min-width:0;}
body.prodNativeV1.prodReplicaUI #content .cprd-table th{font-family:inherit!important;font-size:12px!important;font-weight:650!important;text-transform:none!important;letter-spacing:0!important;color:var(--rd-muted)!important;background:linear-gradient(180deg,var(--rd-tint),color-mix(in srgb,var(--rd-tint) 60%,var(--rd-line)));padding:14px 12px!important;border-bottom:1px solid var(--rd-line);text-align:left;white-space:nowrap;}
body.prodNativeV1.prodReplicaUI #content .cprd-table td{font-family:inherit!important;font-size:13px!important;padding:17px 12px!important;vertical-align:middle;line-height:1.6;color:var(--rd-ink);border:0;border-bottom:1px solid var(--rd-line);text-align:left;}
body.prodNativeV1.prodReplicaUI #content .cprd-table tr:nth-child(even){background:color-mix(in srgb,var(--rd-tint) 60%,transparent);}
body.prodNativeV1.prodReplicaUI #content .cprd-table tr:last-child td{border-bottom:0;}
body.prodNativeV1.prodReplicaUI #content .cprd-table tr:hover{background:var(--rd-tint);}
body.prodNativeV1.prodReplicaUI #content .cprd-person{display:flex;align-items:center;gap:11px;min-width:0;}
body.prodNativeV1.prodReplicaUI #content .cprd-person>span:last-child{display:grid;gap:3px;min-width:0;}
body.prodNativeV1.prodReplicaUI #content .cprd-person b{font-size:14px;font-weight:700;white-space:nowrap;}
body.prodNativeV1.prodReplicaUI #content .cprd-person small{font-size:12px;color:var(--rd-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:225px;}
body.prodNativeV1.prodReplicaUI #content .cprd-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #e1d2fa;background:linear-gradient(135deg,#faf5ff,#e7d9fa);color:#9c70d8;border-radius:12px;font-size:11px;font-weight:650;}
body.prodNativeV1.prodReplicaUI.dark #content .cprd-avatar{background:#45305c;border-color:#705090;color:#d4b0f6;}
body.prodNativeV1.prodReplicaUI #content .cprd-code{font-size:12px;color:var(--rd-muted);font-weight:750;white-space:nowrap;}
body.prodNativeV1.prodReplicaUI #content .cprd-subline{display:block;font-size:11px;color:var(--rd-muted);margin-top:4px;}
body.prodNativeV1.prodReplicaUI #content .cprd-plan{display:inline-flex;border:1px solid #e3d9f6;background:#f0eaff;border-radius:8px;color:#8155db;font-size:12px;font-weight:650;padding:4px 9px;white-space:nowrap;}
body.prodNativeV1.prodReplicaUI.dark #content .cprd-plan{background:#403059;color:#cdb2f3;border-color:#66517f;}
body.prodNativeV1.prodReplicaUI #content .cprd-status{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--rd-line);border-radius:8px;background:var(--rd-tint);color:var(--rd-muted);font-size:11px;padding:4px 8px;white-space:nowrap;}
body.prodNativeV1.prodReplicaUI #content .cprd-status.active,body.prodNativeV1.prodReplicaUI #content .cprd-status.paid{background:#edf9f4;border-color:#cfecdf;color:#349c7d;}
body.prodNativeV1.prodReplicaUI #content .cprd-status.expired,body.prodNativeV1.prodReplicaUI #content .cprd-status.failed,body.prodNativeV1.prodReplicaUI #content .cprd-status.suspended{background:#fff2f6;border-color:#f6d3e0;color:#d65c8c;}
body.prodNativeV1.prodReplicaUI #content .cprd-status.pending{background:#fff7e8;border-color:#f4dfb5;color:#b68429;}
body.prodNativeV1.prodReplicaUI #content .cprd-usage{font-size:14px;font-weight:700;color:var(--rd-purple);}
body.prodNativeV1.prodReplicaUI #content .cprd-expiry{font-size:12px;white-space:nowrap;color:var(--rd-muted);}
body.prodNativeV1.prodReplicaUI #content .cprd-expiry.due{color:#bf8a2d;}
body.prodNativeV1.prodReplicaUI #content .cprd-row-actions{display:flex;align-items:center;gap:7px;white-space:nowrap;}
body.prodNativeV1.prodReplicaUI #content .cprd-row-actions .cprd-btn{padding:8px 10px;min-height:37px;}
body.prodNativeV1.prodReplicaUI #content .cprd-btn.customer-link{display:grid;justify-content:start;text-align:left;background:none;border:0;padding:0;color:var(--rd-ink);font-weight:650;}
body.prodNativeV1.prodReplicaUI #content .cprd-btn.customer-link small{font-size:10px;color:var(--rd-muted);font-weight:500;}
body.prodNativeV1.prodReplicaUI #content .cprd-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 21px;border-top:1px solid var(--rd-line);font-size:12px;color:var(--rd-muted);}
body.prodNativeV1.prodReplicaUI #content .cprd-pager>div{display:flex;align-items:center;gap:12px;}
body.prodNativeV1.prodReplicaUI #content .cprd-pager button{border:1px solid var(--rd-line);background:var(--rd-card);color:var(--rd-purple);padding:7px 12px;border-radius:8px;cursor:pointer;}
body.prodNativeV1.prodReplicaUI #content .cprd-pager button:disabled{opacity:.4;cursor:default;}
body.prodNativeV1.prodReplicaUI #content .cprd-empty td{text-align:center!important;padding:28px!important;color:var(--rd-muted);}
@media(max-width:1100px){body.prodNativeV1.prodReplicaUI #content .cprd-filters .cprd-search{flex-basis:100%;}body.prodNativeV1.prodReplicaUI #content .cprd-tabs{width:100%;}}
@media(max-width:740px){
body.prodNativeV1.prodReplicaUI #content .cprd-head h1{font-size:24px!important;}
body.prodNativeV1.prodReplicaUI #content .cprd-head-actions{width:100%;}body.prodNativeV1.prodReplicaUI #content .cprd-tabs button{font-size:11px;padding:8px 10px;}
body.prodNativeV1.prodReplicaUI #content .cprd-directory>header{padding:17px 15px 14px;}
body.prodNativeV1.prodReplicaUI #content .cprd-filters{padding:0 15px 15px;gap:8px;}body.prodNativeV1.prodReplicaUI #content .cprd-filters select{flex:1;max-width:none;min-width:100px;}body.prodNativeV1.prodReplicaUI #content .cprd-caption{padding:11px 15px;}
body.prodNativeV1.prodReplicaUI #content .cprd-table,body.prodNativeV1.prodReplicaUI #content .cprd-table tbody{display:block;}
body.prodNativeV1.prodReplicaUI #content .cprd-table thead{display:none;}
body.prodNativeV1.prodReplicaUI #content .cprd-table tr{display:grid;grid-template-columns:1fr 1fr;gap:13px 14px;padding:18px 15px;border-bottom:1px solid var(--rd-line);}
body.prodNativeV1.prodReplicaUI #content .cprd-table td{display:block;padding:0!important;border:0;min-width:0;overflow-wrap:anywhere;}
body.prodNativeV1.prodReplicaUI #content .cprd-table td::before{content:attr(data-label);display:block;font-size:10px;color:var(--rd-muted);margin-bottom:4px;}
body.prodNativeV1.prodReplicaUI #content .cprd-table td:first-child,body.prodNativeV1.prodReplicaUI #content .cprd-table td:last-child{grid-column:1/-1;}
body.prodNativeV1.prodReplicaUI #content .cprd-table td:first-child::before,body.prodNativeV1.prodReplicaUI #content .cprd-table td:last-child::before{display:none;}
body.prodNativeV1.prodReplicaUI #content .cprd-person small{white-space:normal;overflow-wrap:anywhere;max-width:none;}
body.prodNativeV1.prodReplicaUI #content .cprd-row-actions .cprd-btn{flex:1;}
body.prodNativeV1.prodReplicaUI #content .cprd-pager>div{gap:8px;}body.prodNativeV1.prodReplicaUI #content .cprd-pager button{font-size:11px;padding:6px 9px;}
}
@media(prefers-reduced-motion:reduce){.cprd *{animation:none!important;transition:none!important;}}


/* admin-reference-workspace.css */
/* Accepted Prism reference design. All rules are scoped to authenticated Admin. */
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked){--rf-bg:#f5f3fb;--rf-card:#fff;--rf-soft:#faf8ff;--rf-tint:#f1edf9;--rf-line:#e7e0f2;--rf-edge:#eee9f5;--rf-ink:#302a43;--rf-muted:#6c6380;--rf-sub:#827990;--rf-purple:#7452d5;--rf-wash:#f0eaff;--rf-shadow:0 8px 26px rgba(78,54,125,.055);font-family:Manrope,"Noto Sans Khmer",sans-serif!important;font-size:15px!important;line-height:1.75;color:var(--rf-ink);background:radial-gradient(ellipse at 76% 0,rgba(231,221,255,.6),transparent 45%),radial-gradient(ellipse at 17% 55%,rgba(232,242,255,.35),transparent 48%),var(--rf-bg)!important}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked){--rf-bg:#12111c;--rf-card:#201d31;--rf-soft:#272239;--rf-tint:#302941;--rf-line:#3c324e;--rf-edge:#342c45;--rf-ink:#f0eafb;--rf-muted:#c0b5d2;--rf-sub:#aa9fbd;--rf-purple:#c6adff;--rf-wash:#35294d;--rf-shadow:0 12px 30px rgba(0,0,0,.13);background:radial-gradient(ellipse at 75% 0,rgba(98,49,144,.17),transparent 45%),radial-gradient(ellipse at 10% 60%,rgba(56,65,119,.12),transparent 45%),var(--rf-bg)!important}
body.cp-reference button,body.cp-reference input,body.cp-reference textarea,body.cp-reference select{font-family:Manrope,"Noto Sans Khmer",sans-serif!important}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #sidebar.sidebar{width:252px!important;background:var(--rf-card)!important;border-color:var(--rf-line)!important}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #sidebar.sidebar{background:#192131!important}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .sidebar .brand{height:83px!important;min-height:83px!important;padding:18px 17px 15px!important}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #nav .navItem{font-size:15.5px!important;min-height:51px!important;line-height:1.6!important;font-weight:550!important;letter-spacing:0!important;color:var(--rf-muted)!important}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #nav .navItem span{font-size:15.5px!important;font-weight:inherit!important}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #nav .navItem.active{font-weight:680!important;color:#fff!important}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #nav .navGroupTitle{font-size:12.5px!important;font-weight:500!important}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .main{margin-left:278px!important;width:calc(100% - 278px)!important}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .topbar{height:62px!important;min-height:62px!important;margin:14px 24px 0 10px!important;padding:0 19px!important;background:color-mix(in srgb,var(--rf-card) 86%,transparent)!important;border-color:var(--rf-line)!important}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content{padding:26px 24px 50px 10px!important;max-width:1680px!important;font-family:Manrope,"Noto Sans Khmer",sans-serif!important}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #prodBreadcrumb b{font-size:13px!important;font-weight:680!important}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #globalSearch{font-size:12px!important;font-weight:450!important}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .topbar .search{width:285px!important}
body.cp-reference .cp-ref-language{min-height:33px;border:1px solid var(--rf-line);background:var(--rf-soft);color:var(--rf-muted);border-radius:10px;padding:6px 12px;cursor:pointer}
body.cp-reference .cp-ref{min-width:0;color:var(--rf-ink);font-family:Manrope,"Noto Sans Khmer",sans-serif;font-size:15px}
.cp-ref *{box-sizing:border-box}.cp-ref button{cursor:pointer}.cp-ref button:disabled,.cp-ref button.disabled{opacity:.45;cursor:default;pointer-events:none}
.cp-ref-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px}
.cp-ref-eyebrow{display:block;color:var(--rf-purple);letter-spacing:.11em;font-size:9px;font-weight:750;margin-bottom:6px;line-height:1.6;opacity:.88}
.cp-ref-head h1{font-size:30px;font-weight:750;line-height:1.55;letter-spacing:0;color:var(--rf-ink);margin:0}
.cp-ref-head p{font-size:12px;line-height:1.85;margin:5px 0 0;color:var(--rf-muted)}
.cp-ref-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cp-ref-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;border:1px solid var(--rf-line);border-radius:11px;padding:8px 13px;background:var(--rf-card);color:var(--rf-purple);font-size:12px;font-weight:600;line-height:1.6;white-space:nowrap;cursor:pointer;transition:transform 140ms,background 140ms}
.cp-ref-btn.primary{background:linear-gradient(135deg,#936de8,#7652d4);border-color:#8760df;box-shadow:inset 0 1px 0 #ffffff4a,0 4px 10px #8454d326;color:white}
.cp-ref-btn.soft,.cp-ref-btn.selected{background:var(--rf-wash)}.cp-ref-btn.full{width:100%}.cp-ref-btn.text{border:0;background:none;padding:4px 7px;min-height:30px}.cp-ref-btn.danger{color:#d74373;background:color-mix(in srgb,#f47298 10%,var(--rf-card));border-color:transparent}.cp-ref-btn:hover{background:var(--rf-wash)}.cp-ref-btn.primary:hover{background:linear-gradient(135deg,#8660dc,#6844c7)}.cp-ref-btn:active{transform:scale(.988)}
.cp-ref-btn:focus-visible,.cp-ref button:focus-visible,.cp-ref input:focus-visible,.cp-ref select:focus-visible{outline:2px solid var(--rf-purple);outline-offset:3px}
.cp-ref-panel{background:var(--rf-card);border:1px solid var(--rf-line);border-radius:20px;padding:23px;box-shadow:var(--rf-shadow);margin-bottom:20px;min-width:0}
.cp-ref-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.cp-ref-panel>header h2{margin:0;color:var(--rf-ink);font-size:18px;font-weight:650;line-height:1.6}.cp-ref-panel p{color:var(--rf-muted)}
.cp-ref-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
.cp-ref-stat{padding:20px;background:var(--rf-card);border:1px solid var(--rf-line);border-radius:17px;box-shadow:var(--rf-shadow);position:relative;display:grid;gap:8px;min-width:0;min-height:142px}
.cp-ref-stat>small{color:var(--rf-muted);font-size:12px;padding-right:30px}.cp-ref-stat>strong{font-size:29px;line-height:1.4;font-weight:780;color:var(--rf-ink)}.cp-ref-stat>span{font-size:10px;color:var(--rf-sub)}.cp-ref-stat>img{position:absolute;right:16px;top:16px;width:31px;height:31px}
.cp-ref-grid{display:grid;gap:20px}.cp-ref-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-ref-grid.notice{grid-template-columns:minmax(0,1.3fr) minmax(300px,.85fr)}.cp-ref-grid.support{grid-template-columns:minmax(250px,.5fr) minmax(0,1fr)}
.cp-ref-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:15px}.cp-ref-search{display:flex;align-items:center;flex:1;min-width:160px;gap:8px;padding:0 12px;border:1px solid var(--rf-line);border-radius:11px;background:var(--rf-soft);min-height:42px}.cp-ref-search svg{width:18px;height:18px;color:var(--rf-purple)}.cp-ref-search input{min-width:0;width:100%;border:0;background:none;padding:9px 0;outline:0;color:var(--rf-ink);font-size:13px;box-shadow:none}.cp-ref select{max-width:100%;border:1px solid var(--rf-line);border-radius:9px;background:var(--rf-card);color:var(--rf-muted);padding:9px 28px 9px 11px;min-height:41px;font-size:12px}.cp-ref-caption{font-size:12px;color:var(--rf-muted);padding:10px 0}
.cp-ref-tabs{display:flex;align-items:center;gap:4px;background:color-mix(in srgb,var(--rf-card) 70%,transparent);border:1px solid var(--rf-line);border-radius:12px;padding:4px;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none;margin:0 0 18px}
.cp-ref-tabs button{flex:none;min-height:30px;font-size:11px;padding:5px 11px;border:1px solid transparent;background:none;color:var(--rf-muted);border-radius:8px;white-space:nowrap}.cp-ref-tabs button.active{background:var(--rf-wash);color:var(--rf-purple);border-color:var(--rf-line);font-weight:650}
.cp-ref-table-wrap{width:100%;overflow:auto;scrollbar-width:thin}.cp-ref-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:auto}.cp-ref-table th{text-align:left;font-weight:650;font-size:12px;padding:14px 15px;background:linear-gradient(180deg,var(--rf-soft),var(--rf-tint));border-bottom:1px solid var(--rf-line);color:var(--rf-muted);white-space:nowrap;text-transform:none}.cp-ref-table td{padding:16px 15px;border-bottom:1px solid var(--rf-edge);vertical-align:middle;line-height:1.65;color:var(--rf-ink);overflow-wrap:anywhere}.cp-ref-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--rf-soft) 60%,transparent)}.cp-ref-table tbody tr:hover{background:var(--rf-wash)}.cp-ref-table td .cp-ref-btn{min-height:33px;font-size:11px;padding:6px 10px}.cp-ref-table td:nth-child(4){max-width:320px}
.cp-ref-status{display:inline-flex;align-items:center;font-size:11px;border-radius:7px;padding:3px 8px;background:var(--rf-wash);color:var(--rf-purple);border:1px solid var(--rf-line);white-space:nowrap;line-height:1.6}.cp-ref-status.active,.cp-ref-status.paid,.cp-ref-status.published,.cp-ref-status.completed{background:#edf9f4;color:#238c70;border-color:#d3eee4}.cp-ref-status.expired,.cp-ref-status.failed,.cp-ref-status.disabled,.cp-ref-status.suspended{background:#fff1f5;color:#ca547c;border-color:#f8d5e2}
body.cp-reference.dark .cp-ref-status.active,body.cp-reference.dark .cp-ref-status.paid,body.cp-reference.dark .cp-ref-status.published,body.cp-reference.dark .cp-ref-status.completed,body.cp-reference.dark .cprd-status.active{background:#244139!important;color:#98d8bc!important;border-color:#37564b!important}
body.cp-reference.dark .cp-ref-status.expired,body.cp-reference.dark .cp-ref-status.failed,body.cp-reference.dark .cprd-status.expired{background:#422537!important;color:#efa6c5!important;border-color:#653c52!important}
.cp-ref-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--rf-line);padding:15px 0 0;font-size:11px;color:var(--rf-muted);flex-wrap:wrap}.cp-ref-pager>div{display:flex;gap:9px;align-items:center}.cp-ref-pager button{min-width:33px;min-height:32px;padding:4px 9px}.cp-ref-person{display:flex;align-items:center;gap:11px;min-width:0}.cp-ref-person>span:last-child{display:grid;gap:3px;min-width:0}.cp-ref-person b{font-size:13px;font-weight:680;color:var(--rf-ink)}.cp-ref-person small{font-size:11px;color:var(--rf-sub);overflow-wrap:anywhere}.cp-ref-avatar{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:12px;background:var(--rf-wash);color:var(--rf-purple);border:1px solid var(--rf-line);font-size:11px;font-weight:700}
.cp-ref-empty{display:grid;place-content:center;gap:8px;min-height:120px;text-align:center;padding:24px;color:var(--rf-sub);font-size:12px}.cp-ref-empty>b{color:var(--rf-muted);font-size:13px}.cp-ref-empty p{margin:0;max-width:400px}.cp-ref-muted{font-size:11px;color:var(--rf-sub)}
.cp-ref-dashboard{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(330px,1fr);gap:20px}.cp-ref-dashboard>.cp-ref-head{grid-column:1/-1;margin:0}.cp-ref-period-row{grid-column:1/-1;display:flex;justify-content:flex-end;margin:-5px 0 -4px}.cp-ref-period-row .cp-ref-tabs{margin:0}
.cp-ref-overview-metrics{grid-column:1/-1;display:grid;grid-template-columns:1.25fr .9fr 1fr;grid-template-rows:85px 85px;grid-template-areas:"revenue people review" "revenue people due";gap:12px}
.cp-ref-overview-stat{position:relative;display:flex;flex-direction:column;text-align:left;padding:19px 22px;border:1px solid var(--rf-line);border-radius:20px;background:var(--rf-card);box-shadow:var(--rf-shadow);min-width:0;overflow:hidden;color:var(--rf-ink)}
.cp-ref-overview-stat>span{position:relative;font-size:13px;font-weight:580;line-height:1.7;width:100%;color:var(--rf-muted)}.cp-ref-overview-stat>span img{position:absolute;right:0;top:-2px;width:44px;height:44px}.cp-ref-overview-stat>strong{font-size:38px;font-weight:780;line-height:1.3;margin:9px 0 5px;font-variant-numeric:tabular-nums}.cp-ref-overview-stat>small{font-size:11px;font-weight:450;color:var(--rf-sub);line-height:1.7}.cp-ref-overview-stat>i{position:absolute;bottom:14px;right:16px;font-size:10px;color:var(--rf-sub);font-style:normal}
.cp-ref-overview-stat.revenue{grid-area:revenue;background:linear-gradient(135deg,#916be8,#6b47c6);color:#fff;border-color:#a48aea;box-shadow:inset 0 1px 0 #ffffff50,0 10px 20px #7353b321}.cp-ref-overview-stat.revenue>span,.cp-ref-overview-stat.revenue>small,.cp-ref-overview-stat.revenue>i{color:#f2eaff}.cp-ref-overview-stat.revenue strong{font-size:46px}.cp-ref-overview-stat.revenue>span img{width:64px;height:64px;transform:rotate(-8deg)}.cp-ref-overview-stat.customers{grid-area:people;background:linear-gradient(120deg,var(--rf-card),var(--rf-soft))}.cp-ref-overview-stat.customers>span{padding-right:46px;min-height:35px}
.cp-ref-overview-stat.pending,.cp-ref-overview-stat.expiring{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:14px 18px 14px 70px;column-gap:8px;align-items:center}.cp-ref-overview-stat.pending{grid-area:review;background:linear-gradient(115deg,#fffbf5,#fff);border-color:#f0e4d8}.cp-ref-overview-stat.expiring{grid-area:due;background:linear-gradient(115deg,#f5faff,#fff);border-color:#dfe8f2}.cp-ref-overview-stat.pending>span,.cp-ref-overview-stat.expiring>span{position:static;grid-column:1;grid-row:1}.cp-ref-overview-stat.pending>span img,.cp-ref-overview-stat.expiring>span img{left:18px;top:23px;width:33px;height:33px}.cp-ref-overview-stat.pending>strong,.cp-ref-overview-stat.expiring>strong{grid-column:2;grid-row:1/3;font-size:30px;margin:0}.cp-ref-overview-stat.pending>small,.cp-ref-overview-stat.expiring>small{grid-column:1;grid-row:2;font-size:10px}.cp-ref-overview-stat.pending>i,.cp-ref-overview-stat.expiring>i{display:none}
body.cp-reference.dark .cp-ref-overview-stat.pending,body.cp-reference.dark .cp-ref-overview-stat.expiring{background:var(--rf-card);border-color:var(--rf-line)}
.cp-ref-dashboard>.cp-ref-panel{margin:0}.cp-ref-overview-chart{grid-column:1;grid-row:4}.cp-ref-overview-payments{grid-column:2;grid-row:4}.cp-ref-overview-renewals{grid-column:2;grid-row:5}.cp-ref-overview-activity{grid-column:1;grid-row:5}
.cp-ref-date{display:flex;align-items:center;gap:8px;border:1px solid var(--rf-line);border-radius:12px;padding:8px 11px;background:var(--rf-card);font-size:11px;color:var(--rf-muted)}.cp-ref-date img{width:23px;height:23px}
.cp-ref-chart-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:4px 0 19px}.cp-ref-chart-heading>strong{font-size:32px;line-height:1.4;font-weight:800;letter-spacing:-.04em}.cp-ref-chart-heading>small{font-size:10px;color:var(--rf-sub)}.cp-ref-chart-heading>.cp-ref-tabs{margin:0 0 0 auto;align-self:center}
.cp-ref-chart{min-height:260px;padding:7px 1px 0;display:flex;flex-direction:column;justify-content:center;width:100%;min-width:0}.cp-ref-chart>svg{width:100%;height:242px;overflow:visible}.cp-ref-chart-grid line{stroke:var(--rf-line);stroke-width:1;stroke-dasharray:2 7}.cp-ref-chart .chart-line{stroke-dasharray:1;stroke-dashoffset:1;animation:cp-reference-draw 1.45s cubic-bezier(.2,.6,.2,1) forwards;filter:drop-shadow(0 4px 5px #8f63d433)}@keyframes cp-reference-draw{to{stroke-dashoffset:0}}.cp-ref-chart-captions{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:var(--rf-sub);padding-top:4px}
.cp-ref-work-row{display:flex;align-items:center;width:100%;gap:11px;text-align:left;background:none;border:0;border-bottom:1px solid var(--rf-edge);padding:15px 0;color:var(--rf-ink)}.cp-ref-work-row>img{width:36px;height:36px;flex:none}.cp-ref-work-row>span{flex:1;min-width:0;display:grid;gap:4px}.cp-ref-work-row b{font-size:12px;overflow-wrap:anywhere}.cp-ref-work-row small{display:block;font-size:10px;font-weight:400;color:var(--rf-sub);margin-top:4px}.cp-ref-work-row>strong{font-size:12px;text-align:right}.cp-ref-work-row>i{font-style:normal;color:var(--rf-purple)}.cp-ref-work-row:hover{background:var(--rf-soft)}
.cp-ref-timeline>div{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid var(--rf-edge)}.cp-ref-timeline i{width:6px;height:6px;background:var(--rf-purple);border-radius:50%;margin-top:9px;flex:none}.cp-ref-timeline span{display:grid;gap:4px}.cp-ref-timeline b{font-size:12px}.cp-ref-timeline small{color:var(--rf-sub);font-size:10px}
.cp-ref-revenue-split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:20px}.cp-ref-plan-mix{display:grid;gap:17px}.cp-ref-plan-mix>div{display:flex;align-items:center;gap:12px;font-size:11px}.cp-ref-plan-mix span{width:65px;color:var(--rf-muted)}.cp-ref-plan-mix i{height:6px;background:var(--rf-tint);border-radius:20px;overflow:hidden;flex:1}.cp-ref-plan-mix i b{display:block;height:100%;background:linear-gradient(90deg,#a88cfa,#7d64e9);border-radius:20px}.cp-ref-plan-mix strong{min-width:25px;text-align:right;font-size:11px}
.cp-ref-custom-dates{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:12px}.cp-ref-custom-dates label{display:grid;gap:5px;font-size:11px;color:var(--rf-sub)}.cp-ref-custom-dates input{border:1px solid var(--rf-line);border-radius:8px;background:var(--rf-soft);color:var(--rf-ink);padding:9px;font-size:12px}.cp-ref-advanced{margin:20px 0;background:var(--rf-card);border:1px solid var(--rf-line);border-radius:14px;padding:13px;color:var(--rf-muted);font-size:12px}.cp-ref-advanced>summary{cursor:pointer;color:var(--rf-purple);font-weight:600}.cp-ref-advanced[open]>summary{margin-bottom:15px}
.cp-ref-export-intro{display:flex;align-items:center;gap:16px;background:var(--rf-card);border:1px solid var(--rf-line);border-radius:20px;padding:24px;margin-bottom:20px}.cp-ref-export-intro>img{width:46px;height:46px}.cp-ref-export-intro>div{flex:1}.cp-ref-export-intro h2{font-size:18px;margin:0}.cp-ref-export-intro p{font-size:12px;color:var(--rf-sub);margin:6px 0 0}.cp-ref-export-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.cp-ref-export-grid>button{display:flex;align-items:center;text-align:left;gap:14px;padding:20px;border:1px solid var(--rf-line);border-radius:16px;background:var(--rf-card);color:var(--rf-ink);box-shadow:var(--rf-shadow);min-width:0}.cp-ref-export-grid>button img{width:33px;height:33px}.cp-ref-export-grid>button span{display:grid;gap:5px;flex:1;min-width:0}.cp-ref-export-grid>button b{font-size:13px}.cp-ref-export-grid>button small{font-size:10px;color:var(--rf-sub)}.cp-ref-export-grid>button i{font-style:normal;color:var(--rf-purple)}
.cp-ref-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cp-ref-plan-card{padding:23px;background:var(--rf-card);border:1px solid var(--rf-line);border-radius:19px;box-shadow:var(--rf-shadow)}.cp-ref-plan-card.popular{border-color:#ae8fe8}.cp-ref-plan-top{display:flex;align-items:center;justify-content:space-between}.cp-ref-plan-top img{width:32px;height:32px}.cp-ref-plan-card h2{font-size:20px;margin:14px 0 5px}.cp-ref-plan-card>strong{font-size:30px;line-height:1.5}.cp-ref-plan-card>strong small{font-size:12px;font-weight:500;color:var(--rf-sub);margin-left:4px}.cp-ref-plan-card>p{font-size:11px;color:var(--rf-sub);margin:9px 0 17px}.cp-ref-rules{margin:15px 0}.cp-ref-rules>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--rf-edge);font-size:12px}.cp-ref-rules span{color:var(--rf-muted)}.cp-ref-rules b{font-weight:650}
.cp-ref-field{display:grid;gap:7px;font-size:12px;color:var(--rf-muted);margin-bottom:17px}.cp-ref-field input,.cp-ref-field textarea{width:100%;border:1px solid var(--rf-line);border-radius:10px;background:var(--rf-soft);color:var(--rf-ink);padding:11px 12px;font-size:13px;resize:vertical;min-width:0}.cp-ref-field textarea{min-height:150px}.cp-ref-field select{width:100%}.cp-ref-calculator{display:flex;justify-content:space-between;gap:15px;background:var(--rf-wash);padding:17px;color:var(--rf-purple);font-size:12px;border-radius:10px}.cp-ref-calculator b{font-size:18px}.cp-ref-form .cp-ref-actions{justify-content:flex-end}.cp-ref-notice-list{display:grid;gap:14px}.cp-ref-notice-list article{display:flex;gap:10px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--rf-edge);min-width:0}.cp-ref-notice-list img{width:31px;height:31px}.cp-ref-notice-copy{flex:1;min-width:0}.cp-ref-notice-copy b{font-size:12px}.cp-ref-notice-copy p{font-size:11px;margin:5px 0;color:var(--rf-muted);overflow-wrap:anywhere}.cp-ref-notice-copy small{font-size:10px;color:var(--rf-sub)}.cp-ref-notice-list .cp-ref-status{font-size:9px;flex:none}.cp-ref-appearance h3{font-size:13px;margin:14px 0 10px}.cp-ref-appearance>div{display:flex;gap:10px}.cp-ref-appearance button{flex:1;min-height:50px}
/* Customer workspace replaces the old centered summary, native edit confirmations retained. */
body.cp-reference #modalBackdrop.cp-customer-backdrop{align-items:stretch!important;justify-content:flex-end!important;padding:14px!important;background:#1c173946!important;backdrop-filter:blur(6px)}
body.cp-reference .modal.cp-customer-workspace{margin:0!important;width:min(610px,100%)!important;max-width:610px!important;height:calc(100dvh - 28px)!important;max-height:calc(100dvh - 28px)!important;border:1px solid var(--rf-line)!important;border-radius:23px!important;background:var(--rf-card)!important;color:var(--rf-ink)!important;overflow:hidden!important;box-shadow:0 24px 85px #2a174c42!important;animation:cp-customer-arrive 310ms cubic-bezier(.16,1,.3,1) both}
body.cp-reference .cp-customer-workspace #modalBody{padding:0!important;height:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain}
body.cp-reference .cp-customer-workspace>.modalClose,body.cp-reference .cp-customer-workspace>#modalClose{position:absolute;top:20px;right:23px;z-index:3;background:var(--rf-soft);border-color:var(--rf-line);color:var(--rf-purple)}
.cp-customer-title{padding:20px 24px;border-bottom:1px solid var(--rf-line);min-height:70px;display:flex;align-items:center}.cp-customer-title h2{font-size:17px;font-weight:680;margin:0;color:var(--rf-ink)}.cp-customer-profile{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 24px;background:linear-gradient(125deg,var(--rf-wash),var(--rf-card))}.cp-customer-profile .cp-ref-avatar{width:49px;height:49px;border-radius:16px;font-size:14px}.cp-customer-profile .cp-ref-person b{font-size:16px}.cp-customer-profile .cp-ref-person small{font-size:12px}.cp-customer-code{font-size:10px;border:1px solid var(--rf-line);padding:4px 6px;border-radius:5px;color:var(--rf-muted)}.cp-customer-open360{display:flex;justify-content:flex-end;padding:7px 24px 12px;border-top:1px solid var(--rf-edge)}
.cp-customer-workspace .cp-ref-tabs{width:100%;border:0;border-top:1px solid var(--rf-line);border-bottom:1px solid var(--rf-line);border-radius:0;padding:8px 17px;justify-content:space-between;background:var(--rf-soft);margin:0}.cp-customer-workspace .cp-ref-tabs button{font-size:12px;min-height:42px;padding:9px 13px}.cp-customer-workspace .cp-ref-tabs button.active{background:var(--rf-card)}.cp-customer-tab-body{padding:24px}.cp-customer-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:22px}.cp-customer-stats>div{display:grid;gap:5px;padding:12px 10px;background:var(--rf-soft);border:1px solid var(--rf-line);border-radius:12px}.cp-customer-stats small{font-size:10px;color:var(--rf-sub)}.cp-customer-stats b{font-size:16px;font-weight:700}.cp-customer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin:20px 0}.cp-customer-fields>div{display:grid;gap:8px;min-width:0}.cp-customer-fields small{font-size:12px;color:var(--rf-sub)}.cp-customer-fields b{font-size:13px;font-weight:550;overflow-wrap:anywhere}.cp-customer-presence{display:flex;align-items:center;gap:12px;background:var(--rf-soft);border:1px dashed var(--rf-line);border-radius:12px;padding:18px 14px;font-size:12px;color:var(--rf-muted);margin:20px 0}.cp-customer-presence svg{width:24px;height:24px;color:var(--rf-purple)}.cp-customer-notes{display:grid;gap:10px;font-size:12px;color:var(--rf-muted);margin:25px 0 0}.cp-customer-notes textarea{width:100%;min-height:115px;border:1px solid var(--rf-line);border-radius:12px;background:var(--rf-soft);color:var(--rf-ink);padding:12px;resize:vertical}.cp-customer-bottom{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:17px 0 0;padding-top:17px;border-top:1px solid var(--rf-line)}.cp-customer-subscription{display:flex;align-items:center;gap:15px;border:1px solid var(--rf-line);border-radius:15px;padding:18px;background:var(--rf-soft)}.cp-customer-subscription>img{width:39px;height:39px}.cp-customer-subscription>div{display:grid;gap:3px;flex:1}.cp-customer-subscription small{font-size:11px;color:var(--rf-sub)}.cp-customer-subscription strong{font-size:20px}.cp-customer-command-stack{display:grid;gap:12px;margin-top:20px}
@keyframes cp-customer-arrive{from{opacity:.25;transform:translateX(35px)}to{opacity:1;transform:translateX(0)}}
/* Existing screens retain their functional controls with the same typography and palette. */
body.cp-reference .cprd,body.cp-reference .cp4-page{font-family:Manrope,"Noto Sans Khmer",sans-serif!important}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cprd-head{padding:0!important;margin:0 0 20px!important}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cprd-head h1,body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .pageHead h1{font:750 30px/1.55 Manrope,"Noto Sans Khmer",sans-serif!important;color:var(--rf-ink)!important;margin:0!important}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cprd-table td{font-size:13px!important;padding:17px 15px!important}.cprd-table th{font-size:12px!important}.cprd-head-actions .cprd-btn{font-size:12px!important;min-height:41px!important}.cprd-tabs button{font-size:12px!important}.cprd-directory header h2{font-size:18px!important;font-weight:650!important}.cprd-directory .cprd-filters input{font-size:13px!important}
body.cp-reference.dark .cp4-counter,body.cp-reference.dark .cp4-panel,body.cp-reference.dark .settingCard,body.cp-reference.dark .card{background:var(--rf-card);color:var(--rf-ink);border-color:var(--rf-line)}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) .pageHead h1,body.cp-reference.dark .settingsGrid h3,body.cp-reference.dark .cp4-panel h2,body.cp-reference.dark .cp4-profile-title h2{color:var(--rf-ink)!important}
body.cp-reference.dark .table th{background:var(--rf-tint)!important;color:var(--rf-muted)!important}
/* Same reference Liquid transition: stable shell, animated active marker/content. */
@media(prefers-reduced-motion:no-preference){
 body.cp-reference #content>:first-child{view-transition-name:cp-route-content!important}
 body.cp-reference #nav .navItem.active{view-transition-name:cp-liquid-indicator!important}
 ::view-transition-old(root),::view-transition-new(root){animation:none!important}
 ::view-transition-group(cp-liquid-indicator){animation-duration:430ms;animation-timing-function:cubic-bezier(.16,1,.3,1)}
 ::view-transition-old(cp-liquid-indicator){animation:175ms ease-out both cp-liquid-away}
 ::view-transition-new(cp-liquid-indicator){animation:290ms cubic-bezier(.16,1,.3,1) both cp-liquid-arrive}
 ::view-transition-group(cp-route-content){animation-duration:0s}
 ::view-transition-old(cp-route-content){animation:180ms cubic-bezier(.55,0,1,.45) both cp-content-away}
 ::view-transition-new(cp-route-content){animation:340ms cubic-bezier(.16,1,.3,1) both cp-content-arrive}
 @keyframes cp-liquid-away{from{opacity:1;filter:blur(0)}to{opacity:.7;filter:blur(1px)}}
 @keyframes cp-liquid-arrive{from{opacity:.65;filter:blur(1px)}to{opacity:1;filter:blur(0)}}
 @keyframes cp-content-away{from{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}to{opacity:0;filter:blur(4px);transform:translateY(-5px) scale(.996)}}
 @keyframes cp-content-arrive{from{opacity:.25;filter:blur(6px);transform:translateY(11px) scale(.991)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}
}
::view-transition{pointer-events:none!important}
@media(max-width:1200px){.cp-ref-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-ref-head{align-items:flex-start}.cp-ref-date{display:none}.cp-ref-overview-metrics{grid-template-columns:1fr 1fr 1fr}.cp-ref-overview-stat{padding:16px}.cp-ref-overview-stat.revenue strong{font-size:36px}.cp-ref-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.cp-ref-dashboard{grid-template-columns:minmax(0,1fr)}.cp-ref-overview-chart,.cp-ref-overview-payments,.cp-ref-overview-renewals,.cp-ref-overview-activity{grid-column:1;grid-row:auto}.cp-ref-revenue-split,.cp-ref-grid.notice{grid-template-columns:1fr}.cp-ref-export-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .main{margin-left:0!important;width:100%!important}body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .topbar{margin:12px 14px 0!important}body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content{padding:24px 16px 105px!important}body.cp-reference #nav .navItem.active{view-transition-name:none!important}body.cp-reference #prodNativeDock button.active{view-transition-name:cp-dock-indicator}::view-transition-group(cp-dock-indicator){animation-duration:380ms;animation-timing-function:cubic-bezier(.16,1,.3,1)}}
@media(max-width:760px){.cp-ref-head{display:block;margin-bottom:20px}.cp-ref-head h1{font-size:25px}.cp-ref-head p{font-size:12px}.cp-ref-head>.cp-ref-actions{margin-top:13px}.cp-ref-panel{padding:17px 15px;border-radius:18px}.cp-ref-panel>header h2{font-size:17px}.cp-ref-btn{font-size:11px;min-height:37px;padding:8px 11px}.cp-ref-grid.two,.cp-ref-grid.support{grid-template-columns:1fr}.cp-ref-metrics{gap:10px}.cp-ref-stat{padding:16px 13px;min-height:126px}.cp-ref-stat strong{font-size:25px}.cp-ref-stat small{font-size:11px}.cp-ref-stat img{width:25px;height:25px;right:11px;top:13px}.cp-ref-filters{gap:8px}.cp-ref-search{width:100%;flex-basis:100%}.cp-ref-filters select{flex:1;min-width:0}.cp-ref-export-intro{padding:18px;flex-wrap:wrap}.cp-ref-export-intro h2{font-size:16px}.cp-ref-export-grid{grid-template-columns:1fr}.cp-ref-plans{grid-template-columns:1fr}.cp-ref-chart{min-height:185px;padding:0}.cp-ref-chart>svg{height:175px}.cp-ref-chart-heading{margin:0 0 10px;gap:8px}.cp-ref-chart-heading strong{font-size:27px}.cp-ref-chart-heading small{font-size:9px;max-width:100px}.cp-ref-chart-heading>.cp-ref-tabs{margin-left:auto}.cp-ref-chart-heading .cp-ref-tabs button{font-size:9px;padding:5px 6px}.cp-ref-chart-captions{font-size:9px}.cp-ref-overview-metrics{grid-template-columns:1fr 1fr;grid-template-rows:155px 80px;grid-template-areas:"revenue people" "review due";gap:10px}.cp-ref-overview-stat.revenue strong{font-size:32px}.cp-ref-overview-stat>span img{width:29px;height:29px}.cp-ref-overview-stat.revenue>span img{width:36px;height:36px}.cp-ref-overview-stat.customers>span{min-height:24px;padding-right:30px}.cp-ref-overview-stat>strong{font-size:32px}.cp-ref-overview-stat>small{font-size:9px}.cp-ref-overview-stat>span{font-size:11px}.cp-ref-overview-stat.pending,.cp-ref-overview-stat.expiring{padding:12px;grid-template-columns:1fr auto}.cp-ref-overview-stat.pending>span img,.cp-ref-overview-stat.expiring>span img{display:none}.cp-ref-overview-stat.pending>strong,.cp-ref-overview-stat.expiring>strong{font-size:25px}.cp-ref-work-row small{font-size:10px}.cp-ref-overview-stat>i{font-size:9px;right:12px}.cp-ref-period-row .cp-ref-tabs button{font-size:9px;padding:5px 7px}
 .cp-ref-table-wrap{overflow:visible}.cp-ref-table,.cp-ref-table tbody{display:block;min-width:0}.cp-ref-table thead{display:none}.cp-ref-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding:18px 2px;border-bottom:1px solid var(--rf-line)}.cp-ref-table td{display:block;min-width:0;border:0;padding:0!important;font-size:12px;white-space:normal}.cp-ref-table td::before{content:attr(data-label);display:block;color:var(--rf-sub);font-size:10px;margin-bottom:5px}.cp-ref-table td:first-child{grid-column:1/-1;padding-bottom:10px!important}.cp-ref-table td:last-child{grid-column:1/-1}.cp-ref-table td:last-child .cp-ref-btn{width:100%}.cp-ref-table td:first-child::before{display:none}.cp-ref-table .cp-ref-empty-row td{grid-column:1/-1}.cp-ref-table .cp-ref-empty-row td::before{display:none}
 body.cp-reference #modalBackdrop.cp-customer-backdrop{padding:0!important}body.cp-reference .modal.cp-customer-workspace{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important}.cp-customer-title{padding:17px 18px;min-height:67px}.cp-customer-profile{padding:18px}.cp-customer-tab-body{padding:18px}.cp-customer-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-customer-fields{gap:18px}.cp-customer-workspace .cp-ref-tabs{padding:8px}.cp-customer-workspace .cp-ref-tabs button{font-size:11px;padding:9px}.cp-customer-profile .cp-ref-person b{font-size:14px}
 body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cprd-head h1,body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .pageHead h1{font-size:25px!important}.cprd-table td{padding:0!important}
}
@media(prefers-reduced-motion:reduce){body.cp-reference #content>:first-child,body.cp-reference #nav .navItem.active,body.cp-reference #prodNativeDock button.active{view-transition-name:none!important}.cp-ref-chart .chart-line{animation:none!important;stroke-dasharray:none;stroke-dashoffset:0}.cp-customer-workspace{animation:none!important}.cp-ref *{transition:none!important}}

body.cp-reference #cp-sidebar-collapse{width:25px;height:27px;min-width:25px;border:1px solid var(--rf-line);background:var(--rf-soft);border-radius:9px;color:var(--rf-muted);font-size:19px;line-height:1;margin-left:auto;cursor:pointer;padding:0;flex:none}
body.cp-reference .cp2-foot-row [data-cp2-go="settings"]{display:none!important}
body.cp-reference .cp2-foot-row #cp-reference-language{min-height:35px;flex:1}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .sideBottom #backBtn{background:var(--rf-soft)!important;border:1px solid var(--rf-line)!important;color:var(--rf-purple)!important}
body.cp-reference .cp2-foot-row{display:flex!important;gap:8px}
@media(min-width:901px){body.prodNativeV1.prodReplicaUI.cp-reference.cp-nav-collapsed:not(.authLocked) #sidebar.sidebar{width:82px!important}body.prodNativeV1.prodReplicaUI.cp-reference.cp-nav-collapsed:not(.authLocked) .main{margin-left:108px!important;width:calc(100% - 108px)!important}body.cp-nav-collapsed .sidebar .brandCopy,body.cp-nav-collapsed #nav .navItem>span,body.cp-nav-collapsed #nav .navGroupTitle,body.cp-nav-collapsed .cp2-foot,body.cp-nav-collapsed .sideBottom{display:none!important}body.cp-nav-collapsed .sidebar .brand{padding:9px!important;justify-content:center!important;flex-wrap:wrap}body.cp-nav-collapsed #cp-sidebar-collapse{position:absolute;top:76px;right:27px}body.cp-nav-collapsed #nav{padding-top:30px!important}body.cp-nav-collapsed #nav .navItem{justify-content:center!important;padding:8px!important}body.cp-nav-collapsed #nav .navItem:after{display:none!important}}
@media(max-width:900px){body.cp-reference #cp-sidebar-collapse{display:none}}

/* Persistent Support matches the reference inbox/details, including dark mode. */
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cp6-app{font-family:Manrope,"Noto Sans Khmer",sans-serif;gap:20px}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cp6-stat,body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cp6-inbox,body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cp6-detail-panel,body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cp6-compose{background:var(--rf-card);border-color:var(--rf-line);border-radius:20px;padding:20px}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cp6-header h2,body.cp-reference .cp6-compose h2,body.cp-reference .cp6-stat strong,body.cp-reference .cp6-ticket-title h2,body.cp-reference .cp6-row b,body.cp-reference .cp6-field b,body.cp-reference .cp6-message b,body.cp-reference .cp6-history h3{color:var(--rf-ink)!important}
body.cp-reference .cp6-stat small,body.cp-reference .cp6-row small,body.cp-reference .cp6-field small,body.cp-reference .cp6-message p,body.cp-reference .cp6-message small{color:var(--rf-sub)!important}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cp6-search input,body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cp6-note textarea,body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cp6-field,body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cp6-row,body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cp6-message,body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cp6-edit-row select,body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cp6-compose :is(input,select,textarea){background:var(--rf-soft);color:var(--rf-ink);border-color:var(--rf-line);font-size:12px}
body.cp-reference .cp6-workspace{grid-template-columns:minmax(275px,.42fr) minmax(0,1fr);gap:20px}
body.cp-reference .cp6-row-end{display:grid;gap:7px;justify-items:end}
body.cp-reference .cp6-category{margin:0 0 12px}body.cp-reference .cp6-category select{width:100%;background:var(--rf-soft);color:var(--rf-ink);border:1px solid var(--rf-line);border-radius:9px;padding:9px;font-size:12px}
body.cp-reference .cp6-paging{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;font-size:12px;color:var(--rf-muted)}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cp6-app button[data-cp6-action]{background:var(--rf-soft);color:var(--rf-purple);border-color:var(--rf-line);font-size:11px}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cp6-tabs button{background:var(--rf-soft);color:var(--rf-muted);border-color:var(--rf-line);font-size:11px}body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cp6-tabs button.active,body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .cp6-row.active{background:var(--rf-wash);color:var(--rf-purple);border-color:var(--rf-purple)}
@media(max-width:950px){body.cp-reference .cp6-workspace{grid-template-columns:1fr}}
/* Native toasts contain only text; never let one intercept a drawer Save click. */
body.cp-reference .toast{pointer-events:none!important}

/* System Health transport states: unknown is not a service failure. */
body.prodNativeV1.prodReplicaUI:not(.authLocked) .sysPill:is(.unknown,.checking){background:#f0edf7;color:#746685}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .sysHealthRequestNotice{display:grid;gap:5px;background:#faf7ff;border:1px solid #e3d9ef;border-radius:12px;padding:13px 16px;margin:-5px 0 18px;font-size:12px;color:#60516e;overflow-wrap:anywhere}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .sysHealthRequestNotice span{font-size:11px;color:#81748f}
body.prodNativeV1.prodReplicaUI:not(.authLocked) .sysHealthEmpty{padding:20px;color:#81748f;font-size:13px;grid-column:1/-1}
body.prodNativeV1.prodReplicaUI:not(.authLocked) [data-health-state] .btn:disabled,body.prodNativeV1.prodReplicaUI:not(.authLocked) .sysHeadActions button:disabled{opacity:.65;cursor:wait}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .sysPill:is(.unknown,.checking){background:#393048;color:#c9b9dc}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .sysHealthRequestNotice{background:#292236;border-color:#4c3e5c;color:#e4d8ef}
body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .sysHealthRequestNotice span,body.prodNativeV1.prodReplicaUI.dark:not(.authLocked) .sysHealthEmpty{color:#bcacce}

/* Notification history only: five compact rows; compose retains its own height. */
body.cp-reference [data-cp-reference-route="notifications"] .cp-ref-grid.notice{align-items:start}
body.cp-reference .cp-ref-notification-history{scroll-margin-top:95px;min-width:0}
body.cp-reference .cp-ref-notification-history .cp-ref-notice-list{gap:0}
body.cp-reference .cp-ref-notification-history .cp-ref-notice-list article{padding:12px 0}
body.cp-reference .cp-ref-notification-history .cp-ref-notice-copy b,
body.cp-reference .cp-ref-notification-history .cp-ref-notice-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;line-height:1.55}
body.cp-reference .cp-ref-notification-history .cp-ref-notice-copy small{display:block;line-height:1.6}
body.cp-reference .cp-ref-notice-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:2px 6px;max-width:98px;flex:none}
body.cp-reference .cp-ref-notice-actions .cp-ref-btn{min-height:30px;padding:3px 5px;font-size:11px}
body.cp-reference .cp-ref-notice-pagination{margin-top:12px;gap:10px;flex-wrap:wrap}
body.cp-reference .cp-ref-notice-pagination>div{gap:6px}
body.cp-reference .cp-ref-notice-pagination .cp-ref-btn{min-height:34px;padding:6px 9px;font-size:11px}
body.cp-reference .cp-ref-notice-pagination .cp-ref-btn:disabled{opacity:.45;cursor:default}
body.cp-reference .cp-ref-notice-full-message{white-space:pre-wrap;overflow-wrap:anywhere;max-height:65vh;overflow-y:auto;line-height:1.7}
@media(max-width:480px){
 body.cp-reference .cp-ref-notification-history .cp-ref-notice-list article{display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px 9px;padding:11px 0}
 body.cp-reference .cp-ref-notification-history .cp-ref-notice-list img{width:24px;height:24px}
 body.cp-reference .cp-ref-notice-actions{grid-column:2;justify-content:flex-start;max-width:none}
}


/* payment-review-queue-v1.css */
/* Scoped to the existing CamboPost Admin Payments view.
   Never modifies bank checkout, account, status or original admin menus. */
.content[data-view="payments"] .cpPayReviewQueue{
  margin:0 0 19px!important;
  padding:17px 18px!important;
  border:1px solid #e2e0ec!important;
  border-radius:15px!important;
  box-shadow:0 4px 16px rgba(35,31,75,.035)!important;
  background:#fff!important;
}
.cpPayReviewHeader{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:10px}
.cpPayReviewHeader>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.cpPayReviewHeader b{font-size:16px;font-weight:750;color:#29263d}
.cpPayReviewHeader small{font-size:12px;font-weight:500;color:#7c778b}
.cpPayReviewHeader>button{font-size:12px!important;white-space:nowrap}
.cpPayReviewSafety{font-size:12px!important;line-height:1.65!important;color:#625d70!important;
 margin:0 0 12px!important;padding:10px 12px;border:1px solid #e8e5f0;
 border-radius:9px;background:#faf9fd;overflow-wrap:anywhere}
.cpPayReviewSafety b{color:#4d4763}
.cpPayReviewQueue h4{margin:15px 0 8px!important;font-size:12px!important;color:#6b637f!important;font-weight:750}
.cpPayReviewRow{display:flex;align-items:flex-start;gap:11px;padding:13px 1px!important;
 border-top:1px solid #eeedf3;min-width:0}
.cpPayReviewGlyph{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;
 margin-top:1px;border:1px solid #e9d3aa;border-radius:9px;color:#a07427;background:#fbf6e9;
 font-size:13px;font-weight:850}
.cpPayReviewCopy{display:flex;flex-direction:column;flex:1;gap:3px;min-width:0;overflow-wrap:anywhere}
.cpPayReviewCopy strong{font-size:12.5px!important;font-weight:760!important;color:#332e46!important;line-height:1.4!important}
.cpPayReviewCopy small{font-size:11px!important;color:#797486!important;line-height:1.6!important}
.cpPayReviewCopy>span{font-size:11px!important;color:#625d72!important;line-height:1.55!important}
.cpPayReviewActions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}
.cpPayReviewActions .btn{font-size:11px!important;min-height:33px!important;padding:7px 10px!important;border-radius:8px!important}
.cpPayReviewed{font-size:11px;font-weight:700;color:#518670}
.cpPayReviewEmpty{font-size:12px;color:#7b7589;padding:11px 2px 4px}
.cpPayReviewModalNote{font-size:12px;line-height:1.7;color:#69647b;margin:13px 0}
body.dark .content[data-view="payments"] .cpPayReviewQueue{background:#1a1d27!important;border-color:#343746!important;box-shadow:none!important}
body.dark .cpPayReviewHeader b,body.dark .cpPayReviewCopy strong{color:#ece8f8!important}
body.dark .cpPayReviewHeader small,body.dark .cpPayReviewCopy small,body.dark .cpPayReviewCopy>span,
body.dark .cpPayReviewQueue h4,body.dark .cpPayReviewModalNote{color:#b7afc9!important}
body.dark .cpPayReviewSafety{background:#222430!important;border-color:#3b3c4b;color:#c4bdd3!important}
body.dark .cpPayReviewSafety b{color:#eee7f7}
body.dark .cpPayReviewRow{border-color:#303342!important}
body.dark .cpPayReviewGlyph{background:#353027;border-color:#59503a;color:#e6c27a}
body.dark .cpPayReviewEmpty{color:#b4a9c7}
@media(max-width:720px){
 .content[data-view="payments"] .cpPayReviewQueue{padding:12px!important;margin-bottom:13px!important;border-radius:12px!important}
 .cpPayReviewHeader{align-items:flex-start;flex-wrap:wrap;gap:8px}
 .cpPayReviewRow{flex-wrap:wrap;gap:9px}
 .cpPayReviewCopy{flex-basis:calc(100% - 41px);min-width:0}
 .cpPayReviewActions{margin-left:36px;width:calc(100% - 36px);justify-content:flex-start}
 .cpPayReviewActions .btn{min-height:36px!important}
}


/* admin-clickability-v1.css */
/* CamboPost Admin 2026-11-02: larger click areas, direct feedback, no redesign.
 * Authenticated Production only. No data, billing, permissions or API changes.
 */
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) {
  scroll-padding-top:96px;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 :is(.cprd-btn,.cp-ref-btn,.cprd-tabs button,.cp-ref-tabs button,
 .cprd-pager button,.cp-ref-pager button,.cp-ref-language,
 .cprd-head-actions button,.cp-ref-actions button,
 .paymentAdminTabs button,.modalActions button) {
  min-height:44px!important;
  box-sizing:border-box!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 :is(.cprd-search,.cp-ref-search,.cprd-filters select,.cp-ref-filters select,
 .cprd-directory .cprd-filters select,.cp-ref select) {
  min-height:46px!important;
  box-sizing:border-box!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 :is(.cprd-search input,.cp-ref-search input) {
  min-height:42px!important;
  font-size:13px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 :is(.cprd-row-actions .cprd-btn,.cprd-table td .cprd-btn,
 .cp-ref-table td .cp-ref-btn) {
  min-height:44px!important;
  padding:9px 13px!important;
  font-size:12px!important;
  line-height:1.35!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .cprd-row-actions {
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:center!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .cprd-pager button,body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .cp-ref-pager button {
  min-width:52px!important;
  padding:9px 13px!important;
  font-size:12px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .cprd-pager button[disabled],
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .cp-ref-pager button:disabled {
  opacity:.35!important;
  cursor:not-allowed!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 #cp-sidebar-collapse {
  min-width:40px!important;
  width:40px!important;
  min-height:40px!important;
  height:40px!important;
  font-size:22px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .topbar :is(.iconBtn,.menuBtn,#themeBtn,#adminBell) {
  min-width:44px!important;
  width:44px!important;
  min-height:44px!important;
  height:44px!important;
  padding:9px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .topbar .profile {
  min-height:46px!important;
  padding:7px 11px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .topbar .search {
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  position:relative!important;
  padding:0 46px 0 12px!important;
  gap:8px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .topbar .search input#globalSearch {
  min-height:40px!important;
  height:40px!important;
  padding:8px 0!important;
  font-size:13px!important;
  width:100%!important;
  min-width:0!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .topbar .search > svg {
  pointer-events:none!important;
  flex:none;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .topbar .search button.cpAdminSearchGo {
  position:absolute!important;
  inset:auto 2px auto auto!important;
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  border:1px solid var(--rf-line)!important;
  border-radius:11px!important;
  background:var(--rf-wash)!important;
  color:var(--rf-purple)!important;
  cursor:pointer!important;
}
body.cp-reference .cpAdminSearchGo svg {width:18px;height:18px;pointer-events:none}
body.cp-reference:not(.authLocked)
 :is(button,select,input,textarea,[tabindex="0"]):focus-visible{
  outline:2px solid var(--rf-purple,#7955d5)!important;
  outline-offset:2px!important;
}
body.cp-reference:not(.authLocked) .cprd-table tbody tr.cpAdminRowOpen{
 cursor:pointer;
}
body.cp-reference:not(.authLocked) .cprd-table tbody tr.cpAdminRowOpen:hover,
body.cp-reference:not(.authLocked) .cprd-table tbody tr.cpAdminRowOpen:focus-visible{
 background:var(--rf-wash)!important;
 outline:2px solid color-mix(in srgb,var(--rf-purple) 33%,transparent)!important;
 outline-offset:-2px!important;
}
body.cp-reference:not(.authLocked)
 .cprd-row-actions .cprd-btn:active,
body.cp-reference:not(.authLocked) .cp-ref-btn:active{
 transform:scale(.985)!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .modalClose,#modalClose{
 min-width:44px!important;
 min-height:44px!important;
 width:44px!important;
 height:44px!important;
 display:grid!important;
 place-items:center!important;
}
/* Click first, animate later: old Admin screenshot view transitions caused
   perceived click lag and stale screens during rapid menu switches. */
body.cp-reference :is(#content>:first-child,#nav .navItem.active,#prodNativeDock button.active){
 view-transition-name:none!important;
}
@media(max-width:900px){
 body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
  :is(.cprd-btn,.cp-ref-btn,.cprd-tabs button,.cp-ref-tabs button,
  .cprd-pager button,.cp-ref-pager button,.cprd-filters select,.cp-ref-filters select){
  min-height:46px!important;
 }
 body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
  :is(.cprd-row-actions .cprd-btn,.cprd-table td .cprd-btn){
  min-height:46px!important;
 }
 body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
  .cprd-row-actions .cprd-btn{flex:1 1 115px!important}
 body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
  .topbar .search{
  min-width:0!important;
  padding-right:44px!important;
 }
 body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
  #content{scroll-margin-top:88px}
}
@media(prefers-reduced-motion:reduce){
 body.cp-reference * {scroll-behavior:auto!important}
}

/* Native iOS/WebKit SELECT sometimes ignores min-height without a fixed
 * border-box height. Enforce a real 46px control in mobile Admin filters. */
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 #content .cprd-filters select,
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 #content .cp-ref-filters select{
 height:46px!important;
 min-height:46px!important;
 max-height:none!important;
 line-height:1.35!important;
 box-sizing:border-box!important;
 padding-top:10px!important;
 padding-bottom:10px!important;
 -webkit-appearance:menulist!important;
 appearance:menulist!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 #content .btn,
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 #modalBackdrop .btn{
 min-height:44px!important;
 box-sizing:border-box!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .topbar .search .cpAdminSearchGo{
 min-height:44px!important;
 height:44px!important;
 min-width:44px!important;
 width:44px!important;
 right:2px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .topbar .search #globalSearch,
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .cprd-directory .cprd-search input,
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .cp-ref-search input{
 min-height:44px!important;
 height:44px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .cprd-tabs button,
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .cp-ref-tabs button{
 min-width:44px!important;
}
@media(max-width:900px){
 body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
  #content .cprd-filters select{
  height:48px!important;
  min-height:48px!important;
  font-size:13px!important;
 }
}

/* Mobile global search dialog — the original topbar hides #globalSearch. */
body .cpAdminQuickSearch{
 position:fixed!important;
 inset:0!important;
 z-index:9500!important;
 display:flex!important;
 align-items:flex-start!important;
 justify-content:center!important;
 padding:calc(80px + env(safe-area-inset-top,0px)) 14px 18px!important;
 background:rgba(25,19,44,.45)!important;
 -webkit-backdrop-filter:blur(4px);
 backdrop-filter:blur(4px);
 box-sizing:border-box!important;
}
body .cpAdminQuickSearchDialog{
 box-sizing:border-box;
 width:min(500px,100%);
 padding:20px;
 border-radius:19px;
 background:var(--rf-card,#fff);
 color:var(--rf-ink,#302a43);
 border:1px solid var(--rf-line,#e7e0f2);
 box-shadow:0 16px 48px rgba(23,17,49,.22);
}
body .cpAdminQuickSearchTitle{
 display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px;
}
body .cpAdminQuickSearchTitle b{font-size:16px;line-height:1.5}
body .cpAdminQuickSearchTitle button{
 border:1px solid var(--rf-line,#e7e0f2);
 background:var(--rf-soft,#faf8ff);
 border-radius:12px;
 color:var(--rf-muted,#6c6380);
 width:44px;height:44px;min-width:44px;min-height:44px;
 font-size:25px;cursor:pointer;
}
body .cpAdminQuickSearchForm{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
body .cpAdminQuickSearchForm input{
 min-height:48px!important;
 height:48px!important;
 box-sizing:border-box!important;
 flex:1 1 200px;min-width:0;
 border:1px solid var(--rf-line,#e7e0f2);
 border-radius:12px;
 padding:10px 13px;
 font-size:16px!important;
 outline:none;
 background:var(--rf-soft,#faf8ff);
 color:var(--rf-ink,#302a43);
}
body .cpAdminQuickSearchForm button{
 min-height:48px!important;
 border-radius:12px;border:1px solid #7652d4;
 background:#7b55db;color:#fff;
 padding:10px 18px;font-size:14px;font-weight:650;
 cursor:pointer;
}
body .cpAdminQuickSearchDialog small{
 display:block;margin-top:13px;font-size:11px;color:var(--rf-muted,#6c6380);
}
body .cpAdminQuickSearchForm input:focus-visible{
 outline:2px solid var(--rf-purple,#7452d5);
 outline-offset:2px;
}


/* admin-save-reliability-v1.css */
/* Admin Save Change: explicit action state and visible error feedback. */
body.cp-reference .cpAdminSaveFeedback{
 margin:12px 0 2px;
 padding:10px 12px;
 border-radius:12px;
 border:1px solid var(--rf-line,#e8e0f3);
 color:var(--rf-muted,#655f77);
 background:var(--rf-soft,#f7f4ff);
 font-size:12px;
 line-height:1.65;
}
body.cp-reference .cpAdminSaveFeedback.info{border-color:rgba(132,97,220,.22)}
body.cp-reference .cpAdminSaveFeedback.working{color:#6650a1;border-color:#bb9fed;background:#f4efff}
body.cp-reference .cpAdminSaveFeedback.error{color:#b83f59;border-color:#f1bfc9;background:#fff2f5}
body.cp-reference .cpAdminPersistentError{
 margin:14px 0 0;
 padding:12px 14px;
 border-radius:12px;
 border:1px solid #efc0c9;
 background:#fff1f4;
 color:#b43c55;
 font-size:12px;
 line-height:1.6;
}
body.cp-reference .modalActions button[aria-busy="true"]{
 cursor:progress!important;
 opacity:.72!important;
 pointer-events:none!important;
}
body.cp-reference #modalBody .cpPlanCancel{min-height:44px!important}
body.dark.cp-reference .cpAdminSaveFeedback.working{background:#312945;color:#decffa;border-color:#765ba1}
body.dark.cp-reference .cpAdminSaveFeedback.error,
body.dark.cp-reference .cpAdminPersistentError{background:#38242d;color:#ffb5c4;border-color:#77434e}

body.cp-reference #modalBody .modalActions button[onclick*="saveUserPlan"][disabled][aria-busy="false"]{
 background:var(--rf-soft,#f3effa)!important;
 border:1px solid var(--rf-line,#e4ddef)!important;
 color:var(--rf-muted,#807591)!important;
 box-shadow:none!important;
 opacity:1!important;
 cursor:default!important;
}


/* admin-navigation-usability-v2.css */
/* CamboPost Admin — consistent, comfortable controls across Production views.
 * Scoped to authenticated Admin only; does not change data, APIs, permissions.
 */
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked){
  --cp-ux-radius:12px;
  --cp-ux-hit:46px;
  scroll-padding-top:92px;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content,
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #nav{
  -webkit-tap-highlight-color:transparent;
}
/* Main action targets: these were 26–35 px despite older partial fixes. */
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content
 :is(.cp4-reset,.cp4-action,.cp4-tabs button,.cp5-reset,.cp5-action,
 .cp5-user360,.cp5-tabs button,.cp-ref-btn,.cp-ref-tabs button,
 .cprd-btn,.cprd-tabs button,.cp-ref-pager button,.cprd-pager button,
 .paymentAdminTabs button,.modalActions button),
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 :is(#modal button:not(.switch):not(.cp-ref-status),.cpAdminQuickSearch button){
  box-sizing:border-box!important;
  min-height:46px!important;
  font-size:13px!important;
  line-height:1.4!important;
  padding:10px 14px!important;
  border-radius:11px!important;
  touch-action:manipulation;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content
 :is(button:not(.switch):not([role="switch"]),input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),select){
  min-height:44px;
  touch-action:manipulation;
}
/* The Publishing/Action Center has bespoke controls missed by old Admin CSS. */
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content
 :is(.cp4-search,.cp5-search,.cp-ref-search,.cprd-search){
  min-height:48px!important;
  border-radius:12px!important;
  box-sizing:border-box!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content
 :is(.cp4-search input,.cp5-search input,.cprd-search input,.cp-ref-search input){
  min-height:44px!important;font-size:14px!important;line-height:1.55!important;
  background:transparent!important;min-width:0!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content
 :is(.cp4-filters select,.cp5-toolbar select,.cp-ref select,.cprd-filters select,
 .cp4-filters input,.cp-ref-field input,.cp-ref-custom-dates input){
  min-height:46px!important;font-size:13.5px!important;
  border-radius:11px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content
 :is(.cp4-tabs button,.cp5-tabs button,.cprd-tabs button,.cp-ref-tabs button){
  min-height:44px!important;
  white-space:nowrap!important;
  padding:10px 14px!important;
  font-size:12.5px!important;
  font-weight:700!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content
 :is(.cp4-tabs,.cp5-tabs,.cprd-tabs,.cp-ref-tabs){
  gap:7px!important;scrollbar-width:thin;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content
 :is(.cp4-reset,.cp4-action,.cp5-reset,.cp5-action,.cp5-user360){
  min-height:46px!important;font-size:13px!important;padding:10px 16px!important;
  border-radius:11px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content .cp4-item{
  min-height:74px!important;padding:14px 16px!important;
  gap:12px!important;border-radius:13px!important;
  transition:border-color .12s ease,background-color .12s ease;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content .cp4-item-main b{
  font-size:14px!important;line-height:1.45!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content
 :is(.cp4-item-main small,.cp4-list-caption,.cp4-profile-title small,
 .cp5-toolbar>span,.cp5-panel small,.cp-ref-muted,.cp-ref-pager,
 .cprd-table small,.cprd-person small){
  font-size:12px!important;line-height:1.65!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content
 :is(.cp4-badge,.cp5-status,.cp-ref-status){
  font-size:11.5px!important;line-height:1.45!important;
  padding:6px 10px!important;
  font-weight:750!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content
 :is(.cp4-overline,.cp-ref-eyebrow){font-size:10.5px!important;letter-spacing:.065em!important;}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content
 :is(.cp4-user,.cp-ref-work-row){min-height:56px!important;}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content .cp4-user b{
  font-size:13.5px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content .cp4-user small{
  font-size:11.5px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content .cp-ref-stat>span{
  font-size:12px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content
 :is(.cp-ref-table td,.cprd-table td){font-size:13.5px!important;line-height:1.7!important;}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content
 :is(.cp-ref-table th,.cprd-table th){font-size:12.5px!important;}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content .cp-ref-work-row b{
  font-size:13px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content .cp-ref-work-row small{
  font-size:12px!important;
}
/* Keep form and dialog controls generous while preserving native Save handlers. */
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 :is(#modal input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
 #modal select,#modal textarea){
  min-height:46px!important;font-size:14px!important;line-height:1.55!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #modal .modalClose{
  min-width:44px!important;min-height:44px!important;
}
/* Faster perception, fewer misleading hover/disabled states. */
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 :is(#content button,#nav button,.topbar button,#modal button){
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 :is(#content button,.topbar button,#modal button):not(:disabled):active{
  transform:scale(.988);
  filter:brightness(.96);
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 :is(#content button,.topbar button,#modal button):focus-visible,
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #nav .navItem:focus-visible{
  outline:3px solid color-mix(in srgb,var(--rf-purple) 75%,white)!important;
  outline-offset:2px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #nav{
  overscroll-behavior:contain;
  scroll-behavior:auto;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #nav .navItem{
  min-height:54px!important;
  border-radius:12px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .topbar .search{
  min-height:48px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .topbar #globalSearch{
  min-height:44px!important;font-size:13.5px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #prodBreadcrumb b{
  font-size:14px!important;
}
@media(max-width:900px){
 body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content
  :is(.cp4-item,.cp-ref-table td,.cprd-table td){min-width:0;overflow-wrap:anywhere;}
 body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content .cp4-item{
   flex-wrap:wrap!important;gap:10px!important;
 }
 body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content .cp4-item-end{
   flex:1 1 100%!important;justify-content:flex-start!important;
 }
 body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content .cp4-item-end .cp4-action{
   flex:1 1 120px!important;
 }
 body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content .cp4-filters{
   gap:8px!important;
 }
 body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content .cp4-filters select{
   min-width:0!important;
 }
 body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content .cp-ref-head h1{
   font-size:26px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content *{
   scroll-behavior:auto!important;transition:none!important;
 }
}
/* Native selects on iPhone were still exposing a 20px hit box. */
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content
 :is(.cp4-filters select,.cp5-toolbar select,.cp-ref-field select,.cp-ref-filters select,
 .cp-ref-custom-dates select,.cprd-filters select,.cp6-category select){
  height:46px!important;
  min-height:46px!important;
  box-sizing:border-box!important;
  padding-top:9px!important;padding-bottom:9px!important;
  font-size:13.5px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .topbar .search input#globalSearch{
  height:46px!important;
  min-height:46px!important;
  box-sizing:border-box!important;
  font-size:14px!important;
}


/* admin-starter-trial-v1.css */
/* CamboPost Admin: Owner-only Starter 14-day free trial */
.cpStarterTrialAdminPanel{
  grid-column:1/-1;
  display:flex;flex-direction:column;gap:15px;
  min-width:0;padding:20px 21px!important;
  border:1px solid rgba(139,111,210,.27)!important;border-radius:19px!important;
  background:linear-gradient(128deg,rgba(156,130,220,.08),rgba(128,130,170,.025) 70%)!important;
}
.cpStarterTrialAdminHead{display:flex;align-items:center;gap:13px;min-width:0}
.cpStarterTrialAdminIcon{
  display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;
  border:1px solid rgba(145,110,216,.28);border-radius:13px;
  background:rgba(155,115,228,.13);color:#9c73e5;font-size:22px;
}
.cpStarterTrialAdminHead>div{min-width:0;flex:1}
.cpStarterTrialAdminHead h3{font-size:17px;line-height:1.4;margin:0 0 3px!important}
.cpStarterTrialAdminHead p{font-size:12px;line-height:1.7;margin:0!important;opacity:.74}
.cpStarterTrialAdminStatus{
  display:inline-flex;align-items:center;flex:0 0 auto;
  padding:7px 11px;border-radius:99px;
  border:1px solid rgba(139,111,210,.3);background:rgba(140,110,220,.13);
  font:750 12px/1.2 Inter,'Noto Sans Khmer',sans-serif;
  white-space:nowrap;
}
.cpStarterTrialAdminPanel[data-trial-state=disabled] .cpStarterTrialAdminStatus{
  border-color:rgba(150,150,166,.25);background:rgba(150,150,166,.09);
}
.cpStarterTrialAdminStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cpStarterTrialAdminStats>div{
  display:flex;flex-direction:column;gap:4px;
  border:1px solid rgba(147,141,174,.22);border-radius:12px;
  padding:13px 14px;min-width:0;background:rgba(137,123,162,.045);
}
.cpStarterTrialAdminStats b{font:750 23px/1.2 Inter,sans-serif}
.cpStarterTrialAdminStats span{font:550 11px/1.4 Inter,'Noto Sans Khmer',sans-serif;opacity:.78}
.cpStarterTrialAdminInfo{
  padding:11px 13px;margin:0!important;
  border:1px solid rgba(146,132,171,.18);border-radius:11px;
  font:500 12px/1.9 Inter,'Noto Sans Khmer',sans-serif;opacity:.88;
}
.cpStarterTrialAdminActions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.cpStarterTrialAdminActions>button{min-height:41px;padding:9px 14px!important;border-radius:10px!important;font-size:12px}
.cpStarterTrialAdminActions>button:disabled{opacity:.5;cursor:wait}
.cpStarterTrialAdminActions>small{font-size:10px;opacity:.7;margin-left:auto}
@media(max-width:760px){
  .cpStarterTrialAdminPanel{padding:15px!important}
  .cpStarterTrialAdminHead{flex-wrap:wrap}
  .cpStarterTrialAdminStatus{margin-left:55px}
  .cpStarterTrialAdminStats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cpStarterTrialAdminActions>small{margin-left:0;flex:1 1 100%}
}


/* admin-performance-ui-v1.css */
/* CAMBOPOST ADMIN / 2026-11-08
   A quieter, faster unified admin shell. Pure CSS; no business logic.
   Presentation only after all existing Admin styles have loaded. */
body.prodNativeV1:not(.authLocked) {
  --cp-surface: #fff;
  --cp-ink: #242239;
  --cp-muted: #72738a;
  --cp-outline: #e5e2ee;
  --cp-bg: #f6f7fb;
  --cp-highlight: #7251d4;
  --cp-hover: #f5f2fd;
  color: var(--cp-ink)!important;
  background: var(--cp-bg)!important;
  -webkit-font-smoothing: antialiased;
}
body.prodNativeV1:not(.authLocked) .main {
  background:var(--cp-bg)!important;
  min-height:100dvh;
}
body.prodNativeV1:not(.authLocked) .sidebar {
  border-right:1px solid var(--cp-outline)!important;
  background:var(--cp-surface)!important;
  padding:18px 13px!important;
  box-shadow:none!important;
}
body.prodNativeV1:not(.authLocked) .brand {
  padding:2px 7px!important;
  gap:10px!important;
  height:62px!important;
}
body.prodNativeV1:not(.authLocked) .brand img {
  width:49px!important;
  height:49px!important;
  max-width:49px!important;
  object-fit:contain!important;
  flex:none!important;
}
body.prodNativeV1:not(.authLocked) .brand .brandCopy strong {
  font-size:18px!important;
  letter-spacing:-.045em!important;
  line-height:1.2!important;
}
body.prodNativeV1:not(.authLocked) .brand .brandCopy small {
  font-size:9px!important;
  letter-spacing:.11em!important;
}
body.prodNativeV1:not(.authLocked) .adminBadge {
  margin:6px 7px 13px!important;
  padding:8px 11px!important;
  border:1px solid #e8e2f7!important;
  border-radius:10px!important;
  background:#f8f6fe!important;
  color:#6c529f!important;
  font-weight:700!important;
}
body.prodNativeV1:not(.authLocked) #nav {
  padding:0 3px 18px!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#dad5e7 transparent;
}
body.prodNativeV1:not(.authLocked) #nav .prodNewGroup {
  padding-top:4px!important;
  margin:0 0 12px!important;
}
body.prodNativeV1:not(.authLocked) #nav .prodNewGroup>small,
body.prodNativeV1:not(.authLocked) #nav .navLabel {
  color:#89849a!important;
  letter-spacing:.085em!important;
  font-size:10px!important;
  font-weight:750!important;
  margin:11px 10px 8px!important;
}
body.prodNativeV1:not(.authLocked) #nav .navItem {
  display:flex!important;
  gap:12px!important;
  align-items:center!important;
  min-width:0!important;
  min-height:43px!important;
  height:auto!important;
  padding:9px 11px!important;
  margin:1px 0!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#55566f!important;
  font-size:13px!important;
  font-weight:620!important;
  box-shadow:none!important;
  transition:background-color .12s ease,border-color .12s ease,color .12s ease!important;
}
body.prodNativeV1:not(.authLocked) #nav .navItem:hover {
  background:#f5f3fa!important;
  border-color:#eeebf5!important;
  color:#3c365c!important;
  transform:none!important;
}
body.prodNativeV1:not(.authLocked) #nav .navItem.active,
body.prodNativeV1:not(.authLocked) #nav .navItem[aria-current="page"] {
  background:#f1ecfe!important;
  border-color:#dcd0fa!important;
  box-shadow:inset 3px 0 0 #8458df!important;
  color:#6040b3!important;
  font-weight:780!important;
  transform:none!important;
}
body.prodNativeV1:not(.authLocked) #nav .navItem svg,
body.prodNativeV1:not(.authLocked) #nav .navItem .cpAdminIconRepaired,
body.prodNativeV1:not(.authLocked) #content .cpAdminIconRepaired {
  width:19px!important;
  height:19px!important;
  flex:0 0 19px!important;
  min-width:19px!important;
  min-height:19px!important;
  stroke-width:1.8!important;
  vertical-align:middle;
  color:inherit!important;
  filter:none!important;
}
body.prodNativeV1:not(.authLocked) #nav .navItem.active svg {
  color:#7956c9!important;
}
body.prodNativeV1:not(.authLocked) .sideBottom {
  padding:11px 5px 3px!important;
  border-top:1px solid var(--cp-outline)!important;
}
body.prodNativeV1:not(.authLocked) .sideBottom button,
body.prodNativeV1:not(.authLocked) .sideBottom .navItem {
  box-shadow:none!important;
  border-radius:10px!important;
}
body.prodNativeV1:not(.authLocked) .topbar {
  background:rgba(255,255,255,.97)!important;
  border:1px solid #ece9f4!important;
  border-radius:15px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  margin:13px 17px 0!important;
  padding:0 17px!important;
  min-height:62px!important;
  height:62px!important;
  z-index:20!important;
}
body.prodNativeV1:not(.authLocked) .topbar #prodBreadcrumb {
  font-size:12px!important;
  font-weight:650!important;
  color:#827e91!important;
  white-space:nowrap!important;
}
body.prodNativeV1:not(.authLocked) .topbar #prodBreadcrumb b {
  color:#34324b!important;
  font-weight:780!important;
}
body.prodNativeV1:not(.authLocked) .topbar .search {
  min-width:0!important;
  border:1px solid #e6e2ee!important;
  box-shadow:none!important;
  background:#f8f7fb!important;
  border-radius:11px!important;
}
body.prodNativeV1:not(.authLocked) .topbar .search input {
  background:transparent!important;
  color:#37334d!important;
  font-size:13px!important;
}
body.prodNativeV1:not(.authLocked) .topbar :is(.iconBtn,.profile,.menuBtn,.cpAdminManualRefresh) {
  box-shadow:none!important;
  border:1px solid #e9e5f1!important;
  border-radius:11px!important;
  background:#fff!important;
  min-height:40px!important;
  touch-action:manipulation;
}
body.prodNativeV1:not(.authLocked) .topbar :is(.iconBtn,.profile,.menuBtn,.cpAdminManualRefresh):hover {
  background:#f7f4fe!important;
  border-color:#d8cced!important;
  transform:none!important;
}
body.prodNativeV1:not(.authLocked) .topbar .cpAdminManualRefresh {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 12px!important;
  color:#5a4a86!important;
  font:700 12px/1.3 Inter,'Noto Sans Khmer',sans-serif!important;
  cursor:pointer!important;
}
body.prodNativeV1:not(.authLocked) .topbar .cpAdminManualRefresh svg {
  width:16px!important;
  height:16px!important;
}
body.prodNativeV1:not(.authLocked) .topbar .cpAdminManualRefresh.is-loading svg {
  animation:cpAdminSpin .8s linear infinite;
}
@keyframes cpAdminSpin{to{transform:rotate(360deg)}}
body.prodNativeV1:not(.authLocked) .topbar .cpAdminManualRefresh:disabled {
  opacity:.55!important;
  cursor:progress!important;
}
body.prodNativeV1:not(.authLocked) #content {
  background:transparent!important;
  min-height:calc(100dvh - 90px)!important;
  padding:24px 20px 40px!important;
  animation:none!important;
}
body.prodNativeV1:not(.authLocked) #content .pageHead {
  gap:12px!important;
  margin-bottom:20px!important;
}
body.prodNativeV1:not(.authLocked) #content .pageHead h1 {
  font:800 clamp(23px,2vw,29px)/1.2 Inter,'Noto Sans Khmer',sans-serif!important;
  letter-spacing:-.035em!important;
  color:#252339!important;
  margin:0 0 6px!important;
}
body.prodNativeV1:not(.authLocked) #content .pageHead p {
  font-size:13px!important;
  line-height:1.55!important;
  color:#7d7c91!important;
}
body.prodNativeV1:not(.authLocked) #content .card,
body.prodNativeV1:not(.authLocked) #content :is(.cp-ref-panel,.cp5-panel,.cp4-panel,.cprd-panel,.cpStarterTrialAdminPanel,.userDirectory,.controlPanel),
body.prodNativeV1:not(.authLocked) #content .tableWrap {
  background:#fff!important;
  border:1px solid #e7e3ee!important;
  border-radius:16px!important;
  box-shadow:0 3px 16px rgba(32,24,67,.035)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.prodNativeV1:not(.authLocked) #content .tableWrap {
  max-width:100%!important;
  overflow-x:auto!important;
  overscroll-behavior-x:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
body.prodNativeV1:not(.authLocked) #content .table {
  border-collapse:separate!important;
  border-spacing:0!important;
  width:100%!important;
  font-size:12px!important;
}
body.prodNativeV1:not(.authLocked) #content .table th {
  position:sticky;
  top:0;
  z-index:2;
  padding:12px 14px!important;
  background:#f6f4fa!important;
  color:#6e6b81!important;
  font-weight:750!important;
  font-size:11px!important;
  border-bottom:1px solid #eae6f0!important;
}
body.prodNativeV1:not(.authLocked) #content .table td {
  padding:13px 14px!important;
  color:#4c485e!important;
  border-bottom:1px solid #efedf3!important;
  vertical-align:middle!important;
}
body.prodNativeV1:not(.authLocked) #content .table tbody tr {
  background:#fff!important;
  transition:background-color .12s ease!important;
}
body.prodNativeV1:not(.authLocked) #content .table tbody tr:hover {
  background:#fbfafe!important;
}
body.prodNativeV1:not(.authLocked) #content :is(.btn,.cp-ref-btn,.cp5-action,.cp5-reset,.cp4-action,.cp4-reset) {
  border-radius:10px!important;
  box-shadow:none!important;
  transition:background-color .12s ease,border-color .12s ease!important;
}
body.prodNativeV1:not(.authLocked) #content :is(button,.btn) {
  transform:none!important;
}
body.prodNativeV1:not(.authLocked) #content :is(input,select,textarea) {
  border-radius:10px!important;
  box-shadow:none!important;
  font-size:13px!important;
}
body.prodNativeV1:not(.authLocked) #content :is(input,select,textarea):focus-visible {
  outline:2px solid #b89df1!important;
  outline-offset:1px!important;
}
body.prodNativeV1:not(.authLocked) #content .cpStarterTrialAdminPanel {
  padding:19px!important;
  gap:12px!important;
}
body.prodNativeV1:not(.authLocked) #content .cpStarterTrialAdminStats>div {
  background:#faf9fd!important;
  border-color:#e8e4f0!important;
}
body.prodNativeV1:not(.authLocked) #content :is(.compactStat,.cp-ref-overview-stat,.cp-ref-stat) {
  transform:none!important;
  transition:border-color .12s ease!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
body.prodNativeV1:not(.authLocked) #content .cp-ref-dashboard,
body.prodNativeV1:not(.authLocked) #content .cp-ref-cards {
  gap:13px!important;
}
body.prodNativeV1:not(.authLocked) #content :is(.cp5-toolbar,.cp4-filters,.cp-ref-toolbar) {
  gap:9px!important;
}
body.prodNativeV1:not(.authLocked) #content :is(.cp5-search,.cp4-search,.cp-ref-search,.cprd-search) {
  background:#faf9fd!important;
  border-color:#e6e3ed!important;
}
body.prodNativeV1:not(.authLocked) #content :is(.cp5-search,.cp4-search,.cp-ref-search,.cprd-search):focus-within {
  border-color:#bea5ef!important;
  box-shadow:0 0 0 2px rgba(118,82,205,.09)!important;
}
body.prodNativeV1:not(.authLocked) .modal {
  border:1px solid #e8e4f0!important;
  border-radius:17px!important;
  box-shadow:0 14px 45px rgba(25,16,49,.12)!important;
}
body.prodNativeV1:not(.authLocked) #modal .modalHead h2 {
  color:#2b2840!important;
  font-size:20px!important;
  letter-spacing:-.025em!important;
}
body.prodNativeV1:not(.authLocked) #modal :is(input,textarea,select) {
  font-size:14px!important;
  border-radius:10px!important;
}
body.prodNativeV1:not(.authLocked) #modal :is(input,textarea,select):focus-visible {
  outline:2px solid #a787eb!important;
  outline-offset:1px!important;
}
/* Dark theme: keep contrast without expensive glass/backdrop compositing. */
body.prodNativeV1.dark:not(.authLocked) {
  --cp-bg:#15151d;
  --cp-surface:#23222e;
  --cp-ink:#f0edf9;
  --cp-muted:#b3aec4;
  --cp-outline:#393545;
  background:var(--cp-bg)!important;
  color:var(--cp-ink)!important;
}
body.prodNativeV1.dark:not(.authLocked) :is(.main,#content) {
  background:var(--cp-bg)!important;
}
body.prodNativeV1.dark:not(.authLocked) :is(.sidebar,.topbar) {
  background:var(--cp-surface)!important;
  border-color:var(--cp-outline)!important;
}
body.prodNativeV1.dark:not(.authLocked) #nav .navItem {
  color:#c5bed6!important;
}
body.prodNativeV1.dark:not(.authLocked) #nav .navItem:hover {
  background:#2e2a3a!important;
  color:#f0ebfa!important;
  border-color:#484057!important;
}
body.prodNativeV1.dark:not(.authLocked) #nav .navItem.active {
  background:#382950!important;
  color:#d9c0ff!important;
  border-color:#684d8c!important;
}
body.prodNativeV1.dark:not(.authLocked) #content .pageHead h1,
body.prodNativeV1.dark:not(.authLocked) #prodBreadcrumb b {
  color:#f1ecfc!important;
}
body.prodNativeV1.dark:not(.authLocked) #content .pageHead p {
  color:#b9b1ca!important;
}
body.prodNativeV1.dark:not(.authLocked) #content :is(.card,.cp-ref-panel,.cp5-panel,.cp4-panel,.cprd-panel,.cpStarterTrialAdminPanel,.tableWrap),
body.prodNativeV1.dark:not(.authLocked) .modal {
  background:#24222f!important;
  border-color:#3f394b!important;
}
body.prodNativeV1.dark:not(.authLocked) #content .table th {
  color:#d3cada!important;
  background:#302b3d!important;
  border-color:#4b4258!important;
}
body.prodNativeV1.dark:not(.authLocked) #content .table td {
  color:#e3dcec!important;
  border-color:#393441!important;
}
body.prodNativeV1.dark:not(.authLocked) #content .table tbody tr {
  background:#24222f!important;
}
body.prodNativeV1.dark:not(.authLocked) #content .table tbody tr:hover {
  background:#30283c!important;
}
body.prodNativeV1.dark:not(.authLocked) :is(.topbar .search,.topbar .iconBtn,.topbar .profile,.topbar .cpAdminManualRefresh) {
  background:#2c2838!important;
  border-color:#484153!important;
  color:#dfd4f4!important;
}
body.prodNativeV1.dark:not(.authLocked) .topbar #globalSearch {
  color:#f3eefb!important;
}
body.prodNativeV1.dark:not(.authLocked) #content .cpStarterTrialAdminStats>div {
  background:#2b2737!important;
  border-color:#443b52!important;
}
@media (max-width:1099px){
  body.prodNativeV1:not(.authLocked) .topbar{
    margin:10px 12px 0!important;
    min-height:57px!important;
    height:57px!important;
    padding:0 9px!important;
    gap:7px!important;
  }
  body.prodNativeV1:not(.authLocked) #content {
    padding:18px 14px 112px!important;
  }
  body.prodNativeV1:not(.authLocked) .topbar .cpAdminManualRefresh {
    width:42px!important;
    min-width:42px!important;
    padding:0!important;
  }
  body.prodNativeV1:not(.authLocked) .topbar .cpAdminManualRefresh span {display:none!important}
}
@media (max-width:600px){
  body.prodNativeV1:not(.authLocked) .topbar {
    margin:12px 13px 0!important;
    border-radius:15px!important;
    padding:0 7px!important;
  }
  body.prodNativeV1:not(.authLocked) .topbar #prodBreadcrumb {
    display:none!important;
  }
  body.prodNativeV1:not(.authLocked) .topbar .search {
    max-width:48px!important;
    min-width:42px!important;
    width:42px!important;
    flex:0 0 42px!important;
  }
  body.prodNativeV1:not(.authLocked) .topbar #globalSearch {
    width:100%!important;
  }
  body.prodNativeV1:not(.authLocked) .topbar :is(.cpAdminManualRefresh,.iconBtn,.menuBtn){
    width:40px!important;min-width:40px!important;height:40px!important;
    flex:0 0 40px!important;
  }
  body.prodNativeV1:not(.authLocked) #content {
    padding:17px 15px calc(103px + env(safe-area-inset-bottom))!important;
  }
  body.prodNativeV1:not(.authLocked) #content .pageHead h1 {
    font-size:25px!important;
  }
  body.prodNativeV1:not(.authLocked) #content .pageHead {
    align-items:flex-start!important;
    gap:10px!important;
    flex-wrap:wrap!important;
  }
  body.prodNativeV1:not(.authLocked) #content :is(.card,.cpStarterTrialAdminPanel) {
    border-radius:14px!important;
  }
  body.prodNativeV1:not(.authLocked) #content .table {
    font-size:12px!important;
  }
  body.prodNativeV1:not(.authLocked) #content .table :is(td,th) {
    padding:11px 10px!important;
  }
  body.prodNativeV1:not(.authLocked) #prodNativeDock {
    background:rgba(255,255,255,.97)!important;
    border:1px solid #e7e3ee!important;
    border-radius:16px!important;
    box-shadow:0 4px 18px rgba(35,27,57,.10)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
    margin:0 12px!important;
  }
  body.prodNativeV1:not(.authLocked) #prodNativeDock button {
    min-width:0!important;
    border-radius:11px!important;
    font-size:10px!important;
  }
  body.prodNativeV1:not(.authLocked) #prodNativeDock button.active {
    background:#f0eafd!important;
    color:#704dbd!important;
  }
  body.prodNativeV1.dark:not(.authLocked) #prodNativeDock {
    background:#262330!important;
    border-color:#453b56!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.prodNativeV1:not(.authLocked) :is(.cpAdminManualRefresh,.navItem,.card,.btn) {
    transition:none!important;
    animation:none!important;
  }
}

/* Final cross-browser polish. */
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #nav .navItem.active,
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #nav .navItem[aria-current="page"]{
  color:#6748aa!important;
  background:#eee9fb!important;
  border:1px solid #ddd0f4!important;
  box-shadow:inset 3px 0 0 #8164ca!important;
  text-shadow:none!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .topbar #menuBtn{
  display:inline-grid!important;
  place-items:center!important;
  color:#5f527e!important;
  font-size:0!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 .topbar #menuBtn svg{
  display:block!important;
  width:19px!important;
  height:19px!important;
  stroke-width:2.15!important;
  color:inherit!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content
 :is(.cp5-search,.cp4-search,.cp-ref-search,.cprd-search) input:focus-visible {
  outline:0!important;
  box-shadow:none!important;
}
@media(max-width:360px){
 body.prodNativeV1:not(.authLocked) .topbar{
  gap:4px!important;
  margin:8px 8px 0!important;
  padding:0 5px!important;
 }
 body.prodNativeV1:not(.authLocked) .topbar
 :is(.cpAdminManualRefresh,.iconBtn,.menuBtn) {
  width:37px!important;min-width:37px!important;
  max-width:37px!important;
 }
}
/* Ensure active navigation labels stay legible on the new pale lavender tile. */
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 #nav .navItem.active > span,
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 #nav .navItem[aria-current="page"] > span {
  color:#6241a8!important;
  text-shadow:none!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked)
 #nav .navItem.active svg{
  color:#744fc9!important;
}
@media(min-width:1100px){
 body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .topbar #menuBtn {
  display:none!important;
 }
}


/* admin-auth-boot-v1.css */
/* CamboPost Admin: visible, accessible startup state while session is being checked. */
body.authLocked.authBooting .loginScreen {
 opacity: 1 !important;
 visibility: visible !important;
 pointer-events: none !important;
}
body.authBooting .loginBadge,
body.authBooting .loginCard { display:none !important; }
body.authBooting .loginShell { display:flex;flex-direction:column;align-items:center;justify-content:center; }
body.authBooting .loginShell::after {
 content:'កំពុងបើក CamboPost Admin…';
 display:block;margin-top:12px;font-size:13px;line-height:1.6;
 font-weight:600;color:#6b7280;text-align:center;
}
body.authBooting .loginShell::before {
 content:'';display:block;order:2;margin-top:16px;
 width:22px;height:22px;border:2px solid rgba(98,78,212,.22);
 border-top-color:#7565dc;border-radius:50%;animation:cpAdminBootSpin .75s linear infinite;
}
@keyframes cpAdminBootSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){body.authBooting .loginShell::before{animation:none}}


/* admin-premium-clean-20261112.css */
/* CamboPost Admin — Premium Clean UI, 12 Nov 2026
   Presentation-only. The authenticated UI, data, routing, controls, permissions
   and all payment / publishing / Telegram actions remain unchanged. */
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) {
  --cp-bg:#f5f7fb;
  --cp-surface:#fff;
  --cp-ink:#20243a;
  --cp-muted:#70788c;
  --cp-outline:#e5e9f2;
  --cp-highlight:#6555cf;
  --cp-hover:#f5f3ff;
  color:#252942!important;
  background:linear-gradient(145deg,#f7f8fc 0%,#f3f5fb 57%,#f8f9fc 100%)!important;
  font-family:Inter,'Noto Sans Khmer',ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:0;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) .main {
  background:transparent!important;
  min-height:100dvh;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) .sidebar {
  background:#fff!important;
  border-right:1px solid #e7eaf2!important;
  box-shadow:5px 0 32px rgba(27,36,71,.025)!important;
  padding:16px 13px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) .brand {
  height:60px!important;
  padding:2px 9px!important;
  gap:11px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) .brand img {
  width:46px!important;height:46px!important;max-width:46px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) .brand .brandCopy strong {
  font-size:17px!important;font-weight:750!important;letter-spacing:-.045em!important;
  color:#22233b!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) .brand .brandCopy small {
  color:#9795aa!important;font-size:8.5px!important;letter-spacing:.12em!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) .adminBadge {
  margin:6px 8px 15px!important;padding:8px 10px!important;
  color:#7764ae!important;background:#f7f6fc!important;
  border:1px solid #eeecf5!important;border-radius:11px!important;
  font-size:9px!important;letter-spacing:.07em!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #nav {
  padding:0 2px 14px!important;
  scrollbar-width:thin;scrollbar-color:#d8d8e6 transparent;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #nav :is(.navLabel,.prodNewGroup>small) {
  color:#a2a5b3!important;font-size:10px!important;
  font-weight:750!important;letter-spacing:.095em!important;
  margin:13px 11px 7px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #nav .navItem {
  min-height:46px!important;height:auto!important;gap:11px!important;
  padding:9px 12px!important;margin:2px 0!important;
  border-radius:11px!important;border:1px solid transparent!important;
  background:transparent!important;color:#656b80!important;
  font-size:12.8px!important;font-weight:620!important;line-height:1.3!important;
  box-shadow:none!important;text-shadow:none!important;
  transition:background .15s ease,color .15s ease,border-color .15s ease!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #nav .navItem:hover {
  background:#f5f6fb!important;border-color:#eae8f5!important;color:#454267!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #nav .navItem:is(.active,[aria-current="page"]) {
  background:#f0edff!important;
  border-color:#e1dafa!important;
  color:#5742bb!important;
  font-weight:750!important;
  box-shadow:inset 3px 0 0 #7663e8!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #nav .navItem:is(.active,[aria-current="page"]) :is(svg,.cpAdminIconRepaired) {
  color:#6652d0!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) .sideBottom {
  border-color:#edf0f5!important;padding:10px 5px 2px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) .topbar {
  background:rgba(255,255,255,.98)!important;
  border:1px solid #e8eaf2!important;
  border-radius:15px!important;
  box-shadow:0 8px 28px rgba(41,50,84,.035)!important;
  margin:15px 21px 0!important;
  height:61px!important;min-height:61px!important;
  padding:0 16px!important;gap:10px!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) .topbar #prodBreadcrumb {
  font-size:12px!important;color:#9292a2!important;font-weight:650!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) .topbar #prodBreadcrumb b {
  font-size:12.5px!important;color:#32324a!important;font-weight:750!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) .topbar .search {
  height:42px!important;min-height:42px!important;
  background:#f8f9fc!important;
  border:1px solid #e8eaf1!important;border-radius:11px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) .topbar .search:focus-within {
  border-color:#b4a7f0!important;box-shadow:0 0 0 3px rgba(110,88,215,.09)!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) .topbar :is(.iconBtn,.profile,.menuBtn,.cpAdminManualRefresh) {
  min-height:41px!important;border:1px solid #e8eaf1!important;
  border-radius:11px!important;background:#fff!important;
  box-shadow:none!important;color:#6a6686!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) .topbar :is(.iconBtn,.profile,.menuBtn,.cpAdminManualRefresh):hover {
  border-color:#d9d1fa!important;background:#f8f6ff!important;color:#584ab7!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content {
  padding:25px 24px 42px!important;
  max-width:1650px!important;
  margin:0 auto!important;
  background:transparent!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content .pageHead {
  margin-bottom:20px!important;align-items:center!important;gap:13px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(.pageHead h1,.cprd-head h1,.cp4-page h1,.cp-ref-head h1) {
  font-family:Inter,'Noto Sans Khmer',sans-serif!important;
  font-size:clamp(23px,2vw,27px)!important;line-height:1.28!important;
  letter-spacing:-.037em!important;font-weight:760!important;
  color:#252740!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(.pageHead p,.cprd-overline,.cp4-muted) {
  color:#8790a1!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(.cprd-overline,.cp-ref-overline) {
  color:#7765c6!important;font-size:9.5px!important;letter-spacing:.105em!important;font-weight:750!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(.card,.cp-ref-panel,.cp5-panel,.cp4-panel,.cprd-panel,.cprd-directory,.cpStarterTrialAdminPanel,.userDirectory,.controlPanel,.tableWrap) {
  background:#fff!important;
  border:1px solid #e7eaf2!important;
  border-radius:16px!important;
  box-shadow:0 6px 23px rgba(32,45,85,.033)!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(.stats,.cp-ref-dashboard,.cp-ref-cards,.v10Board,.grid) {
  gap:15px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(.stat,.compactStat,.cp-ref-stat,.cp-ref-overview-stat,.cp5-metric,.cp4-metric) {
  border:1px solid #e7eaf2!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 5px 20px rgba(33,43,83,.026)!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(.stat h2,.cp-ref-stat strong,.cp-ref-overview-stat strong,.cp4-metric strong,.v10BigPair strong) {
  color:#282946!important;
  letter-spacing:-.035em!important;
  font-weight:750!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(.card h3,.cprd-directory h2,.cp-ref-panel h3,.cp4-panel h3,.sectionTitle h3) {
  color:#303249!important;font-weight:730!important;letter-spacing:-.018em!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(.cprd-tabs,.cp4-tabs,.cp5-tabs,.cp-ref-tabs,.paymentAdminTabs) {
  background:#fff!important;
  border:1px solid #e9eaf3!important;
  border-radius:13px!important;
  padding:4px!important;
  box-shadow:none!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(.cprd-tabs,.cp4-tabs,.cp5-tabs,.cp-ref-tabs,.paymentAdminTabs) button {
  border-radius:9px!important;
  background:transparent!important;
  color:#73758b!important;
  box-shadow:none!important;
  font-weight:650!important;
  transition:background-color .12s ease,color .12s ease!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(.cprd-tabs,.cp4-tabs,.cp5-tabs,.cp-ref-tabs,.paymentAdminTabs) button:is(.active,.selected,[aria-pressed="true"]) {
  background:#f0ecff!important;color:#6047c4!important;
  border-color:transparent!important;font-weight:750!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(.cprd-search,.cp-ref-search,.cp5-search,.cp4-search,.searchField) {
  background:#fafbfe!important;border:1px solid #e5e8f1!important;
  border-radius:11px!important;box-shadow:none!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(input,select,textarea) {
  background:#fff!important;border-color:#e2e7f0!important;
  border-radius:11px!important;color:#4b526b!important;font-size:13px!important;
  box-shadow:none!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(.cprd-search,.cp-ref-search,.cp5-search,.cp4-search) input {
  background:transparent!important;border:0!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(input,select,textarea):focus-visible {
  outline:2px solid #ae9ee9!important;outline-offset:1px!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(.btn,.cprd-btn,.cp-ref-btn,.cp5-action,.cp4-action) {
  border-radius:10px!important;
  font-size:12.5px!important;
  font-weight:680!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content .btn.primary {
  color:#fff!important;
  background:linear-gradient(125deg,#6552d2,#8064ee)!important;
  border:1px solid #6552d2!important;
  box-shadow:0 4px 12px rgba(96,77,199,.15)!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content .btn.primary:hover {
  background:linear-gradient(125deg,#5b45c5,#765be1)!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content .btn.secondary {
  background:#fff!important;color:#5d6480!important;
  border:1px solid #e1e5ef!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content .btn.secondary:hover {
  background:#f7f7fd!important;color:#5f50c4!important;
  border-color:#d9d5f4!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(.cprd-table,.cp-ref-table,.cp5-table,.table) {
  border-collapse:separate!important;border-spacing:0!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(.cprd-table,.cp-ref-table,.cp5-table,.table) thead :is(th,td) {
  background:#f7f8fc!important;color:#788095!important;
  font-size:10.5px!important;font-weight:740!important;
  letter-spacing:.035em!important;
  border-bottom:1px solid #e8ebf2!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(.cprd-table,.cp-ref-table,.cp5-table,.table) tbody tr {
  background:#fff!important;
  transition:background-color .14s ease!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(.cprd-table,.cp-ref-table,.cp5-table,.table) tbody tr:hover {
  background:#f9f9fe!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(.cprd-table,.cp-ref-table,.cp5-table,.table) tbody td {
  border-bottom:1px solid #edf0f5!important;
  color:#525b70!important;
  font-size:12.2px!important;
  vertical-align:middle!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #content :is(.cprd-directory,.cp-ref-panel) :is(.cprd-caption,.cprd-pager,.cp-ref-pager) {
  color:#8a8fa3!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) .modal {
  background:#fff!important;
  border:1px solid #e5e8f1!important;
  border-radius:19px!important;
  box-shadow:0 20px 60px rgba(25,34,68,.15)!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #modal .modalHead h2 {
  color:#292a42!important;font-size:20px!important;font-weight:750!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.dark):not(.authLocked) #prodNativeDock {
  border-radius:17px!important;
}
/* Login: match the same calm workspace palette, without altering authentication. */
body.authLocked .loginScreen {
  background:radial-gradient(circle at 52% 20%,rgba(133,112,224,.11),transparent 47%),#f7f8fc!important;
}
body.authLocked .loginCard {
  border:1px solid #e8eaf1!important;
  border-radius:22px!important;
  box-shadow:0 24px 55px rgba(46,45,86,.10)!important;
}
body.authLocked .loginCard :is(input,.loginPassword) {
  border-color:#e1e5ef!important;
  border-radius:12px!important;
  background:#fbfcfe!important;
}
body.authLocked .loginSubmit {
  border-radius:12px!important;
  background:linear-gradient(120deg,#6651d4,#8264ef)!important;
  box-shadow:0 8px 20px rgba(100,80,200,.20)!important;
}
/* Dark: charcoal surfaces and legible tables, not a purple-tinted backdrop. */
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) {
  --cp-bg:#141721;--cp-surface:#1d222f;--cp-ink:#f2f4fa;
  --cp-muted:#adb5c8;--cp-outline:#323949;--cp-highlight:#a99afa;
  background:#141721!important;color:#e6e9f4!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) .main {
  background:#141721!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) :is(.sidebar,.topbar) {
  background:#1c202d!important;border-color:#323949!important;
  box-shadow:none!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) .brand .brandCopy strong,
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #content :is(.pageHead h1,.cprd-head h1,.cp4-page h1,.cp-ref-head h1) {
  color:#f0eef8!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #nav .navItem {
  color:#b9c1d2!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #nav .navItem:hover {
  background:#292d40!important;border-color:#42425b!important;color:#f0edff!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #nav .navItem:is(.active,[aria-current="page"]) {
  background:#342b53!important;border-color:#574788!important;
  color:#d9ccff!important;box-shadow:inset 3px 0 0 #a78cf9!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #content :is(.card,.cp-ref-panel,.cp5-panel,.cp4-panel,.cprd-panel,.cprd-directory,.cpStarterTrialAdminPanel,.userDirectory,.controlPanel,.tableWrap,.stat,.compactStat,.cp-ref-stat,.cp-ref-overview-stat,.cp5-metric,.cp4-metric),
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) .modal {
  background:#202633!important;border-color:#343c4e!important;
  box-shadow:none!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #content :is(.card h3,.cprd-directory h2,.cp-ref-panel h3,.cp4-panel h3,.sectionTitle h3,.stat h2,.cp-ref-stat strong,.cp-ref-overview-stat strong,.cp4-metric strong,.v10BigPair strong) {
  color:#ecedf8!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #content :is(.cprd-tabs,.cp4-tabs,.cp5-tabs,.cp-ref-tabs,.paymentAdminTabs),
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #content :is(.cprd-search,.cp-ref-search,.cp5-search,.cp4-search,.searchField),
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) .topbar :is(.search,.iconBtn,.profile,.menuBtn,.cpAdminManualRefresh) {
  background:#272d3d!important;border-color:#3b4254!important;color:#e1e1f3!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #content :is(.cprd-tabs,.cp4-tabs,.cp5-tabs,.cp-ref-tabs,.paymentAdminTabs) button:is(.active,.selected,[aria-pressed="true"]) {
  background:#3b3263!important;color:#d5c5ff!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #content :is(input,select,textarea) {
  background:#292e3c!important;border-color:#3c4456!important;color:#f0edfa!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #content :is(.cprd-search,.cp-ref-search,.cp5-search,.cp4-search) input {
  background:transparent!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #content :is(.cprd-table,.cp-ref-table,.cp5-table,.table) thead :is(th,td) {
  background:#292e3d!important;border-color:#41495b!important;color:#b9c0d1!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #content :is(.cprd-table,.cp-ref-table,.cp5-table,.table) tbody tr {
  background:#202633!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #content :is(.cprd-table,.cp-ref-table,.cp5-table,.table) tbody tr:hover {
  background:#292f40!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #content :is(.cprd-table,.cp-ref-table,.cp5-table,.table) tbody td {
  color:#d6dcec!important;border-color:#343c4c!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #content .btn.secondary {
  background:#292e3c!important;border-color:#41495b!important;color:#dedff2!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) .topbar #prodBreadcrumb b,
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #modal .modalHead h2 {
  color:#f0edfa!important;
}
@media(max-width:1099px){
  body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .topbar {
    margin:11px 14px 0!important;min-height:57px!important;height:57px!important;padding:0 9px!important;
  }
  body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content {
    padding:19px 17px 108px!important;
  }
}
@media(max-width:600px){
  body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) .topbar {
    margin:10px 12px 0!important;height:56px!important;min-height:56px!important;
    padding:0 7px!important;gap:5px!important;border-radius:14px!important;
  }
  body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content {
    padding:19px 14px calc(108px + env(safe-area-inset-bottom))!important;
  }
  body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content :is(.pageHead h1,.cprd-head h1,.cp4-page h1,.cp-ref-head h1) {
    font-size:23px!important;
  }
  body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content :is(.card,.cprd-directory,.cpStarterTrialAdminPanel) {
    border-radius:15px!important;
  }
  body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #prodNativeDock {
    background:rgba(255,255,255,.98)!important;
    border:1px solid #e5e7ef!important;
    box-shadow:0 6px 22px rgba(30,39,84,.10)!important;
    margin:0 11px!important;bottom:max(11px,env(safe-area-inset-bottom))!important;
  }
  body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #prodNativeDock {
    background:#242a38!important;border-color:#3d4559!important;
  }
  body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content :is(.cprd-filters,.cp4-filters,.cp5-toolbar,.cp-ref-toolbar) {
    gap:9px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) :is(.navItem,.btn,.card,.topbar) {
    animation:none!important;transition:none!important;
  }
}
/* Browser screenshot QA: keep the revenue focal card readable against all themes. */
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content .cp-ref-overview-stat.revenue {
  background:linear-gradient(132deg,#5346a5 0%,#705ad6 57%,#8b6dec 100%)!important;
  border-color:#6655bd!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(89,70,176,.16)!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content .cp-ref-overview-stat.revenue>strong {
  color:#fff!important;
  text-shadow:none!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content .cp-ref-overview-stat.revenue>span {
  color:#f0ebff!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content .cp-ref-overview-stat.revenue>small,
body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content .cp-ref-overview-stat.revenue>i {
  color:#eae4ff!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #nav .navItem:not(:disabled) {
  opacity:1!important;color:#c4cadb!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #nav .navItem:is(.active,[aria-current="page"]) {
  background:#383057!important;color:#e5d9ff!important;
  border-color:#55467f!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #nav .navItem:is(.active,[aria-current="page"]) :is(svg,.cpAdminIconRepaired) {
  color:#d7c5ff!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) .topbar #globalSearch::placeholder {
  color:#a7afc2!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #content :is(.cp-ref-tabs,.cprd-tabs,.cp4-tabs,.cp5-tabs,.paymentAdminTabs) button:not(.active):not(.selected):not([aria-pressed="true"]) {
  color:#c3c7d8!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #content :is(.cp-ref-overview-stat,.cp-ref-stat,.cp-ref-overview-metrics,.cprd-directory) {
  border-color:#384154!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) #content .cp-ref-overview-stat.revenue {
  background:linear-gradient(132deg,#453986,#5745a5 62%,#735ac4 100%)!important;
  border-color:#6455a2!important;
}
body.prodNativeV1.prodReplicaUI.cp-reference.dark:not(.authLocked) .sideBottom #backBtn {
  color:#cbb8fa!important;background:#30293e!important;
  border-color:#483c5e!important;
}
@media(min-width:901px){
 body.prodNativeV1.prodReplicaUI.cp-reference:not(.authLocked) #content .cprd-table tbody td {
   padding:12px 12px!important;
 }
}