.admin-page{min-height:100vh}.navright{display:flex;align-items:center;gap:8px}.admin-main{padding-top:52px;padding-bottom:90px}.auth-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;min-height:calc(100vh - 190px)}.auth-intro h1,.dashboard-head h1{font-size:clamp(38px,5vw,58px);letter-spacing:-.06em;line-height:1.08;margin:18px 0}.auth-intro>p{max-width:480px}.security-list{margin-top:38px;display:grid;gap:15px}.security-list>div{display:flex;gap:13px;align-items:center}.security-list>div>span{font:10px 'DM Mono',monospace;color:var(--green);border:1px solid #354932;border-radius:8px;padding:10px}.security-list b,.security-list small{display:block}.security-list b{font-size:12px}.security-list small{font-size:10px;color:var(--muted);margin-top:3px}.auth-card{background:#121a13;border:1px solid #2e3d2f;border-radius:18px;padding:30px;box-shadow:0 30px 80px #0002}.auth-card h2{font-size:26px;letter-spacing:-.04em;margin:12px 0 6px}.auth-card>.muted{margin-bottom:24px}.form-stack{display:grid;gap:16px}.form-stack label,.field-label{font-size:11px;color:#dbe7d6;font-weight:700;display:grid;gap:7px}.form-stack input,.field input,.field textarea,.field select,.form-stack select{width:100%;border:1px solid #354633;background:#0c130d;border-radius:8px;padding:12px;color:var(--text);outline:none;font-size:12px}.form-stack input:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green)}.full{width:100%}.form-hint{font-size:10px;color:#7f907d;line-height:1.8;margin:0}.auth-message{font-size:11px;line-height:1.7;margin-top:14px;color:var(--green);overflow-wrap:anywhere}.auth-message.error{color:#ff9c9c}.mfa-icon{width:43px;height:43px;border-radius:12px;background:#263d24;color:var(--green);display:grid;place-items:center;font-size:25px}.setup-notice{border:1px solid #8e7440;background:#302716;padding:18px;border-radius:12px;margin-bottom:25px;color:#f6dfaa;font-size:12px}.setup-notice p{margin:8px 0 0;line-height:1.8}.setup-notice code{color:#fff}.dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.dashboard-head h1{font-size:42px;margin:10px 0}.dashboard-head p{margin:0}.admin-pill{display:flex;align-items:center;gap:10px;border:1px solid #314431;background:#152117;border-radius:30px;padding:10px 14px;font-size:10px;color:#cfe3c7}.dashboard-layout{display:grid;grid-template-columns:205px 1fr;gap:18px;align-items:start}.dashboard-sidebar{border:1px solid #29372a;background:#111811;border-radius:13px;padding:9px;display:grid;gap:4px;position:sticky;top:98px}.dash-tab{display:flex;align-items:center;gap:10px;text-align:left;background:transparent;color:#9eae9b;border:1px solid transparent;border-radius:7px;padding:12px;font-size:13px}.dash-tab span{font-size:11px}.dash-tab.active,.dash-tab:hover{background:#213021;border-color:#3a5037;color:var(--green)}.dashboard-panel{min-width:0;border:1px solid #29372a;background:#111811;border-radius:13px;padding:25px}.dashboard-panel h2{font-size:23px;letter-spacing:-.04em;margin:0 0 6px}.dashboard-panel>p{color:var(--muted);font-size:11px;line-height:1.8}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:20px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.metric{background:#182219;border:1px solid #2d3e2d;border-radius:10px;padding:17px}.metric strong{font-size:25px;display:block}.metric span{font-size:10px;color:var(--muted)}.notice{background:#19271a;border:1px solid #344a31;border-radius:9px;padding:13px;color:#bbceb5;font-size:10px;line-height:1.8;margin:16px 0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px;margin-bottom:15px}.field label{font-size:10px;color:#c8d6c4;font-weight:700}.field textarea{min-height:82px;resize:vertical}.field select{appearance:auto}.field small{font-size:9px;color:var(--muted)}.panel-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.item-list{display:grid;gap:9px;margin-top:20px}.manage-item{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #2c3b2d;background:#151e15;border-radius:9px;padding:13px}.manage-item strong,.manage-item small{display:block}.manage-item strong{font-size:11px}.manage-item small{font-size:9px;color:var(--muted);margin-top:4px}.small-button{padding:7px 10px;font-size:10px}.danger{color:#ffb0a8;border-color:#6e3934;background:#2b1715}.subsection{border-top:1px solid #ffffff12;margin-top:25px;padding-top:22px}.subsection h3{font-size:14px;margin:0 0 12px}.qr-box{background:white;color:#182018;border-radius:10px;padding:16px;text-align:center;overflow-wrap:anywhere}.qr-box img{max-width:190px;display:block;margin:0 auto 12px}.secret-key{font:12px 'DM Mono',monospace;word-break:break-all;background:#0a110b;border:1px dashed #53684b;padding:12px;border-radius:8px;color:var(--green)}.theme-row{display:grid;grid-template-columns:1fr 100px;gap:14px;align-items:center}.theme-row input[type=color]{width:100%;height:40px;padding:4px}.section-order{display:grid;gap:8px}.order-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid #2e3c2f;border-radius:8px}.order-row strong{font-size:11px}.order-row button{background:#1b2b1b;border:1px solid #3e5738;color:var(--green);border-radius:5px;padding:5px 8px}.order-row>div{display:flex;gap:5px}.inline-hint{font-size:10px;color:#7e907b;line-height:1.8}.hidden{display:none!important}@media(max-width:800px){.auth-layout{grid-template-columns:1fr;gap:30px;padding:30px 0}.auth-intro h1{font-size:42px}.security-list{margin-top:25px}.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{position:static;display:flex;overflow:auto}.dash-tab{flex:0 0 auto}.dash-tab span{white-space:nowrap}.dashboard-head{align-items:flex-start;flex-direction:column}.admin-main{padding-top:30px}.dashboard-panel{padding:18px}}@media(max-width:520px){.field-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.auth-card{padding:22px}.dashboard-head h1{font-size:35px}.dashboard-panel h2{font-size:20px}.panel-head{display:block}.panel-head .btn{margin-top:12px}.navright .btn{font-size:9px;padding:8px}}


/* Content editor refresh: calmer grouping, clear hierarchy, and section previews */
.content-groups{display:grid;gap:12px;margin:22px 0 96px}
.content-group{border:1px solid #2c3d2c;background:linear-gradient(145deg,#151f16,#111811);border-radius:14px;overflow:hidden;transition:border-color .18s ease,background .18s ease}
.content-group[open]{border-color:#496442}
.content-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:17px 18px;min-height:76px}
.content-group>summary::-webkit-details-marker{display:none}
.group-index{display:grid;place-items:center;flex:0 0 38px;height:38px;border:1px solid #3b5238;border-radius:10px;background:#1c2a1c;color:var(--green);font:11px 'DM Mono',monospace}
.group-heading{display:grid;gap:5px;min-width:0;flex:1}
.group-heading strong{font-size:13px;color:#eff7ec;font-weight:650}
.group-heading small{font-size:10px;line-height:1.5;color:#94a391;font-weight:400}
.group-chevron{font-size:18px;color:#a8bc9f;transition:transform .18s ease}
.content-group[open] .group-chevron{transform:rotate(180deg)}
.group-body{border-top:1px solid #ffffff0d;padding:20px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(230px,.85fr);gap:20px;align-items:start}
.group-fields{min-width:0;display:grid;grid-template-columns:1fr;gap:0}
.group-fields .field{margin-bottom:13px}
.group-fields .field label{font-size:11px;color:#d2dfce}
.group-fields .field input,.group-fields .field textarea{font-size:13px;padding:12px 13px;background:#0c130d;border-color:#344734;border-radius:9px;line-height:1.6}
.group-fields .field textarea{min-height:100px}
.group-fields .field input:focus,.group-fields .field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #b7ff8014}
.section-preview{position:sticky;top:18px;min-width:0;overflow:hidden;border:1px solid #354934;border-radius:12px;background:radial-gradient(ellipse at 100% 0%,#31452c 0,transparent 55%),linear-gradient(145deg,#1b291c,#101710);padding:20px;min-height:230px;display:flex;flex-direction:column;justify-content:center}
.preview-topline{display:flex;align-items:center;gap:7px;color:#94a88f;font:9px 'DM Mono',monospace;letter-spacing:.08em;margin-bottom:22px}
.preview-dot{height:6px;width:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #b7ff8055}
.preview-eyebrow{font:9px 'DM Mono',monospace;letter-spacing:.12em;color:var(--green);text-transform:uppercase;overflow-wrap:anywhere}
.section-preview h3{font-size:clamp(19px,2.2vw,27px);line-height:1.15;letter-spacing:-.045em;margin:11px 0;color:#f2f8ef;overflow-wrap:anywhere}
.section-preview p{font-size:12px;line-height:1.8;color:#b2c2ae;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.preview-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ffffff15;margin-top:24px;padding-top:12px;color:#7f927b;font:8px 'DM Mono',monospace;letter-spacing:.06em}
.editor-count{white-space:nowrap;border:1px solid #354934;background:#172217;color:#c7d8c0;border-radius:20px;padding:8px 11px;font-size:10px}
.sticky-savebar{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 -8px;padding:13px 16px;border:1px solid #3c5139;border-radius:12px;background:#111a12f2;backdrop-filter:blur(14px);box-shadow:0 14px 40px #0005}
.sticky-savebar>div{display:grid;gap:4px;min-width:0}
.sticky-savebar strong{font-size:12px;color:#eff7ec}
.sticky-savebar small{font-size:10px;line-height:1.5;color:#98aa93}
.editor-save-form{display:none}
.dashboard-panel button:disabled,.dashboard-panel input:disabled,.dashboard-panel textarea:disabled,.dashboard-panel select:disabled{opacity:.55;cursor:wait;filter:saturate(.7)}
.dashboard-panel button[aria-busy="true"]{position:relative}
.dashboard-panel button[aria-busy="true"]::after{content:"";display:inline-block;width:10px;height:10px;margin-left:9px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-1px;animation:cms-spin .7s linear infinite}
@keyframes cms-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.group-body{grid-template-columns:1fr}.section-preview{position:static;min-height:185px}.preview-topline{margin-bottom:16px}.content-groups{margin-bottom:85px}}
@media(max-width:560px){.content-group>summary{padding:14px;gap:10px}.group-index{flex-basis:32px;height:32px}.group-heading strong{font-size:12px}.group-body{padding:14px}.editor-count{display:none}.sticky-savebar{margin:0;bottom:8px;padding:11px}.sticky-savebar small{max-width:210px}.sticky-savebar .btn{white-space:nowrap;padding:10px 12px;font-size:11px}}


/* New CMS workspace: light editorial canvas, forest navigation, contextual save toast */
.admin-page.dashboard-open{background:#edf2e9;color:#17251a;background-image:radial-gradient(ellipse at 92% 0%,#dce9d5 0,transparent 35%)}
.admin-page.dashboard-open .admin-main{padding-top:38px}
.admin-page.dashboard-open .dashboard-head{margin-bottom:24px}
.admin-page.dashboard-open .dashboard-head h1{color:#17251a;font-size:clamp(34px,4vw,46px);letter-spacing:-.065em}
.admin-page.dashboard-open .dashboard-head p{color:#687968}
.admin-page.dashboard-open .dashboard-head .kicker{color:#527447}
.admin-page.dashboard-open .admin-pill{background:#fff;color:#344735;border-color:#d5dfd0;box-shadow:0 4px 15px #17251a08}
.admin-page.dashboard-open .dashboard-layout{grid-template-columns:218px minmax(0,1fr);gap:22px}
.admin-page.dashboard-open .dashboard-sidebar{background:#142619;border:1px solid #1c3522;border-radius:17px;padding:10px;box-shadow:0 15px 35px #17321b14}
.admin-page.dashboard-open .dash-tab{padding:13px 14px;border-radius:10px;color:#b9c9b7;font-weight:650;transition:background .18s,color .18s,transform .18s}
.admin-page.dashboard-open .dash-tab:hover{background:#203a27;color:#fff;transform:translateX(2px)}
.admin-page.dashboard-open .dash-tab.active{background:#d2ffb4;border-color:#d2ffb4;color:#17311c;box-shadow:0 4px 12px #0001}
.admin-page.dashboard-open .dashboard-panel{background:#fff;border:1px solid #dce5d7;border-radius:17px;padding:clamp(20px,3vw,34px);box-shadow:0 14px 45px #203c2110;color:#17251a}
.admin-page.dashboard-open .dashboard-panel h2{color:#17251a;font-size:26px;letter-spacing:-.055em}
.admin-page.dashboard-open .dashboard-panel>p,.admin-page.dashboard-open .panel-head p{color:#6b7c6b}
.admin-page.dashboard-open .metric{background:#f5f8f2;border:1px solid #e1e9dc;border-radius:13px;padding:20px}
.admin-page.dashboard-open .metric strong{color:#19351e;font-size:30px;letter-spacing:-.05em}
.admin-page.dashboard-open .metric span{color:#71806f}
.admin-page.dashboard-open .notice{background:#f2f8ed;border:1px solid #dce9d4;color:#496449;border-radius:12px;padding:16px}
.admin-page.dashboard-open .panel-actions{gap:10px}
.admin-page.dashboard-open .panel-actions .btn,.admin-page.dashboard-open .dashboard-panel .btn{border-radius:10px}
.admin-page.dashboard-open .content-groups{gap:14px;margin-top:24px;margin-bottom:20px}
.admin-page.dashboard-open .content-group{background:#fff;border:1px solid #e0e8dc;border-radius:15px;box-shadow:0 3px 12px #223b2105}
.admin-page.dashboard-open .content-group[open]{border-color:#a8c69a;box-shadow:0 8px 26px #1c42120c}
.admin-page.dashboard-open .content-group>summary{padding:19px 20px;min-height:82px}
.admin-page.dashboard-open .group-index{background:#eff7e9;border-color:#d8e8ce;color:#3b7130;border-radius:12px}
.admin-page.dashboard-open .group-heading strong{font-size:14px;color:#1b2d1d}
.admin-page.dashboard-open .group-heading small{color:#748371;font-size:11px}
.admin-page.dashboard-open .group-chevron{color:#54704e}
.admin-page.dashboard-open .group-body{background:#fbfcfa;border-top:1px solid #e9eee5;padding:22px}
.admin-page.dashboard-open .group-fields .field label{color:#334a35}
.admin-page.dashboard-open .group-fields .field input,.admin-page.dashboard-open .group-fields .field textarea{background:#fff;border:1px solid #d7e2d2;color:#1a2c1d;border-radius:10px}
.admin-page.dashboard-open .group-fields .field input:focus,.admin-page.dashboard-open .group-fields .field textarea:focus{border-color:#7aab67;box-shadow:0 0 0 3px #77ad5c20}
.admin-page.dashboard-open .section-preview{background:radial-gradient(ellipse at 100% 0%,#3d5c37 0,transparent 55%),linear-gradient(145deg,#1d3522,#101c13);border:1px solid #294a2e;border-radius:14px;box-shadow:0 12px 25px #142b1710}
.admin-page.dashboard-open .editor-count{background:#f0f7e9;border-color:#d8e5d0;color:#4b6b43}
.admin-page.dashboard-open .field label{color:#334a35}
.admin-page.dashboard-open .field input,.admin-page.dashboard-open .field textarea,.admin-page.dashboard-open .field select{background:#fff;border-color:#d7e2d2;color:#1a2c1d}
.admin-page.dashboard-open .manage-item,.admin-page.dashboard-open .order-row{background:#f8faf6;border-color:#e0e8dc;color:#203422;border-radius:11px}
.admin-page.dashboard-open .manage-item strong,.admin-page.dashboard-open .order-row strong{color:#203422}
.admin-page.dashboard-open .manage-item small,.admin-page.dashboard-open .inline-hint{color:#71816e}
.admin-page.dashboard-open .subsection{border-color:#e7ede3}
.admin-page.dashboard-open .subsection h3{color:#203422}
.admin-page.dashboard-open .theme-row input[type=color]{background:#fff;border-color:#d7e2d2}
.admin-page.dashboard-open .section-order .order-row button{background:#eff7e9;border-color:#d4e4ca;color:#376a2c}
.change-toast{position:fixed;z-index:1000;left:50%;bottom:22px;transform:translateX(-50%);width:min(590px,calc(100vw - 28px));display:flex;align-items:center;gap:10px;padding:10px 12px 10px 15px;background:#142619f5;border:1px solid #36543a;border-radius:14px;box-shadow:0 18px 60px #10231335;backdrop-filter:blur(18px);color:#f3f8ef;animation:change-toast-in .2s ease-out}
.change-toast.hidden{display:none!important}
.change-indicator{width:9px;height:9px;flex:0 0 9px;background:#c9ff9e;border-radius:50%;box-shadow:0 0 0 4px #c9ff9e19}
.change-copy{display:grid;gap:3px;min-width:0;flex:1}
.change-copy strong{font-size:12px;letter-spacing:-.01em}
.change-copy small{font-size:10px;color:#b3c6b0;line-height:1.4}
.change-toast .btn{padding:10px 14px;font-size:11px;white-space:nowrap;border-radius:9px}
.change-toast .btn-quiet{color:#d4e2d0;border-color:#3b543d}
.change-toast .btn-primary{background:#c9ff9e;border-color:#c9ff9e;color:#17321b}
.change-toast button:disabled{opacity:.55;cursor:wait;transform:none}
.change-toast.is-saving .change-indicator{animation:cms-pulse 1s ease-in-out infinite}
@keyframes change-toast-in{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes cms-pulse{50%{opacity:.35;box-shadow:0 0 0 7px #c9ff9e10}}
@media(max-width:800px){.admin-page.dashboard-open .dashboard-layout{grid-template-columns:1fr;gap:14px}.admin-page.dashboard-open .dashboard-sidebar{border-radius:13px}.admin-page.dashboard-open .dashboard-panel{padding:20px}}
@media(max-width:560px){.change-toast{bottom:10px;gap:7px;padding:9px}.change-copy strong{font-size:11px}.change-copy small{font-size:9px}.change-toast .btn{padding:9px 10px;font-size:10px}.admin-page.dashboard-open .group-body{padding:13px}.admin-page.dashboard-open .content-group>summary{padding:14px}.admin-page.dashboard-open .dashboard-panel{padding:15px}}


/* Focused modal editor: inspired by the reference's popup workflow, using this site's own content */
.admin-page.dashboard-open .editor-page-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:25px}
.admin-page.dashboard-open .editor-page-head h2{font-size:clamp(28px,3vw,36px);margin:8px 0 9px;letter-spacing:-.06em}
.admin-page.dashboard-open .editor-page-head p{max-width:580px;line-height:1.7;font-size:12px;margin:0}
.section-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.section-edit-card{min-width:0;border:1px solid #e1e8dc;background:linear-gradient(160deg,#fff 0%,#fafcf8 100%);border-radius:15px;padding:20px;display:flex;flex-direction:column;box-shadow:0 4px 14px #19311b06;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.section-edit-card:hover{transform:translateY(-2px);border-color:#b8d0ac;box-shadow:0 12px 28px #19311b0b}
.section-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.section-card-number{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#edf6e7;color:#3b7034;font:11px 'DM Mono',monospace}
.section-card-status{font:9px 'DM Mono',monospace;letter-spacing:.09em;color:#81917c}
.section-edit-card h3{font-size:16px;letter-spacing:-.035em;margin:19px 0 6px;color:#1c2d1d}
.section-edit-card>p{font-size:11px;line-height:1.65;color:#73816f;margin:0;min-height:36px}
.section-card-sample{display:grid;gap:8px;margin:17px 0 18px;padding:14px;border:1px solid #e5ece0;border-radius:11px;background:#f5f8f2;min-width:0}
.section-card-sample span{font:9px 'DM Mono',monospace;color:#5a7a4f;letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere}
.section-card-sample strong{font-size:15px;line-height:1.3;letter-spacing:-.035em;color:#233a24;overflow-wrap:anywhere}
.section-card-sample small{font-size:10px;line-height:1.6;color:#71806e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.section-edit-trigger{margin-top:auto;display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:10px!important}
.content-edit-dialog{width:min(920px,calc(100vw - 30px));max-width:920px;max-height:min(88dvh,850px);padding:0;border:1px solid #dce5d7;border-radius:19px;background:#fff;color:#1b2d1d;box-shadow:0 35px 120px #07130750;overflow:auto}
.content-edit-dialog::backdrop{background:#0d1a0f99;backdrop-filter:blur(6px)}
.modal-close-row{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid #e9eee5;background:#fbfcfa;position:sticky;top:0;z-index:2}
.modal-overline{font:9px 'DM Mono',monospace;letter-spacing:.12em;color:#6b8065}
.modal-close{width:32px;height:32px;border:1px solid #dce5d7;border-radius:9px;background:#fff;color:#435a40;font-size:22px;line-height:1;cursor:pointer}
.content-modal-heading{padding:22px 24px 2px}
.content-modal-heading h2{font-size:clamp(24px,3vw,32px)!important;margin:7px 0;letter-spacing:-.06em}
.content-modal-heading p{font-size:12px;color:#73816f;line-height:1.7;margin:0}
.content-modal-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.85fr);gap:24px;padding:18px 24px 25px}
.modal-fields-grid{display:grid;grid-template-columns:1fr;gap:13px;align-content:start}
.modal-field{display:grid;gap:7px;min-width:0}
.modal-field label{font-size:11px;font-weight:650;color:#334a35}
.modal-field input,.modal-field textarea{width:100%;min-width:0;border:1px solid #d8e2d3;background:#fff;border-radius:10px;padding:12px 13px;font:12px/1.6 inherit;color:#1a2c1d;outline:none;resize:vertical}
.modal-field input:focus,.modal-field textarea:focus{border-color:#80aa6f;box-shadow:0 0 0 3px #80aa6f20}
.modal-live-preview{position:sticky;top:70px;align-self:start;min-height:255px;padding:21px;border:1px solid #29472d;border-radius:14px;background:radial-gradient(ellipse at 100% 0%,#3a5734 0,transparent 58%),linear-gradient(145deg,#1d3522,#101c13);color:#f2f8ef;overflow:hidden}
.modal-live-preview .preview-topline{margin-bottom:30px}
.modal-live-preview .preview-eyebrow{font:9px 'DM Mono',monospace;letter-spacing:.12em;color:#c9ff9e;text-transform:uppercase;overflow-wrap:anywhere}
.modal-live-preview h3{font-size:clamp(22px,3vw,31px);line-height:1.13;letter-spacing:-.05em;margin:12px 0;color:#f2f8ef;overflow-wrap:anywhere}
.modal-live-preview p{font-size:12px;line-height:1.8;color:#bdcdb8;white-space:pre-wrap;overflow-wrap:anywhere}
.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;border-top:1px solid #e8eee4;background:#fbfcfa}
.modal-footer>span{font-size:10px;line-height:1.6;color:#71816e}
.modal-footer .btn{flex:0 0 auto}
.admin-page.dashboard-open .theme-toggle{border-color:#d5dfd0;background:#fff;color:#334735;min-width:105px}
.admin-page.dashboard-open .theme-toggle span:first-child{font-size:15px}
.admin-page.dashboard-open[data-admin-theme="dark"],.admin-page.dashboard-open body[data-admin-theme="dark"]{background:#101610;color:#e8efe4}
body.admin-page.dashboard-open[data-admin-theme="dark"]{background:#101610;color:#e8efe4;background-image:radial-gradient(ellipse at 92% 0%,#233524 0,transparent 38%)}
body.admin-page.dashboard-open[data-admin-theme="dark"] .dashboard-head h1{color:#eff6eb}
body.admin-page.dashboard-open[data-admin-theme="dark"] .dashboard-head p{color:#a0b09c}
body.admin-page.dashboard-open[data-admin-theme="dark"] .admin-pill{background:#18241a;border-color:#304331;color:#dce8d6}
body.admin-page.dashboard-open[data-admin-theme="dark"] .dashboard-sidebar{background:#0b110c;border-color:#2a392a}
body.admin-page.dashboard-open[data-admin-theme="dark"] .dash-tab{color:#b5c4b1}
body.admin-page.dashboard-open[data-admin-theme="dark"] .dash-tab.active{background:#c9ff9e;color:#17311c}
body.admin-page.dashboard-open[data-admin-theme="dark"] .dashboard-panel{background:#171f17;border-color:#2b392a;color:#e5eee0;box-shadow:0 14px 45px #0002}
body.admin-page.dashboard-open[data-admin-theme="dark"] .dashboard-panel h2,body.admin-page.dashboard-open[data-admin-theme="dark"] .dashboard-panel h3{color:#eef5e9}
body.admin-page.dashboard-open[data-admin-theme="dark"] .dashboard-panel>p,body.admin-page.dashboard-open[data-admin-theme="dark"] .panel-head p{color:#a5b4a0}
body.admin-page.dashboard-open[data-admin-theme="dark"] .metric{background:#1d291e;border-color:#344534}
body.admin-page.dashboard-open[data-admin-theme="dark"] .metric strong{color:#e8f5e1}
body.admin-page.dashboard-open[data-admin-theme="dark"] .metric span{color:#a0b19b}
body.admin-page.dashboard-open[data-admin-theme="dark"] .notice{background:#1b2b1c;border-color:#354b34;color:#c2d7bc}
body.admin-page.dashboard-open[data-admin-theme="dark"] .content-group{background:#171f17;border-color:#344333}
body.admin-page.dashboard-open[data-admin-theme="dark"] .content-group[open]{border-color:#67885a}
body.admin-page.dashboard-open[data-admin-theme="dark"] .group-heading strong{color:#eaf3e5}
body.admin-page.dashboard-open[data-admin-theme="dark"] .group-heading small{color:#9bab96}
body.admin-page.dashboard-open[data-admin-theme="dark"] .group-body{background:#141b14;border-color:#293829}
body.admin-page.dashboard-open[data-admin-theme="dark"] .group-fields .field label,body.admin-page.dashboard-open[data-admin-theme="dark"] .field label{color:#c5d3c0}
body.admin-page.dashboard-open[data-admin-theme="dark"] .group-fields .field input,body.admin-page.dashboard-open[data-admin-theme="dark"] .group-fields .field textarea,body.admin-page.dashboard-open[data-admin-theme="dark"] .field input,body.admin-page.dashboard-open[data-admin-theme="dark"] .field textarea,body.admin-page.dashboard-open[data-admin-theme="dark"] .field select{background:#0f160f;border-color:#354635;color:#eaf3e5}
body.admin-page.dashboard-open[data-admin-theme="dark"] .section-edit-card{background:linear-gradient(160deg,#1a241a,#151c15);border-color:#344333;box-shadow:none}
body.admin-page.dashboard-open[data-admin-theme="dark"] .section-edit-card:hover{border-color:#67885a}
body.admin-page.dashboard-open[data-admin-theme="dark"] .section-edit-card h3{color:#eaf3e5}
body.admin-page.dashboard-open[data-admin-theme="dark"] .section-edit-card>p,body.admin-page.dashboard-open[data-admin-theme="dark"] .section-card-sample small{color:#a5b49f}
body.admin-page.dashboard-open[data-admin-theme="dark"] .section-card-sample{background:#111911;border-color:#2d3b2c}
body.admin-page.dashboard-open[data-admin-theme="dark"] .section-card-sample strong{color:#e9f3e4}
body.admin-page.dashboard-open[data-admin-theme="dark"] .section-card-sample span{color:#b8e5a7}
body.admin-page.dashboard-open[data-admin-theme="dark"] .section-card-number{background:#243524;border-color:#3a5037;color:#c9ff9e}
body.admin-page.dashboard-open[data-admin-theme="dark"] .section-card-status{color:#a0b29a}
body.admin-page.dashboard-open[data-admin-theme="dark"] .editor-count{background:#1d2a1e;border-color:#354934;color:#c7d8c0}
body.admin-page.dashboard-open[data-admin-theme="dark"] .manage-item,body.admin-page.dashboard-open[data-admin-theme="dark"] .order-row{background:#1b241b;border-color:#344333;color:#e5eee0}
body.admin-page.dashboard-open[data-admin-theme="dark"] .manage-item strong,body.admin-page.dashboard-open[data-admin-theme="dark"] .order-row strong,body.admin-page.dashboard-open[data-admin-theme="dark"] .subsection h3{color:#e5eee0}
body.admin-page.dashboard-open[data-admin-theme="dark"] .manage-item small,body.admin-page.dashboard-open[data-admin-theme="dark"] .inline-hint{color:#a0b19b}
body.admin-page.dashboard-open[data-admin-theme="dark"] .theme-toggle{background:#1b261c;border-color:#394b38;color:#e5eee0}
body.admin-page.dashboard-open[data-admin-theme="dark"] .content-edit-dialog{background:#171f17;color:#e5eee0;border-color:#354333}
body.admin-page.dashboard-open[data-admin-theme="dark"] .modal-close-row,body.admin-page.dashboard-open[data-admin-theme="dark"] .modal-footer{background:#131a13;border-color:#2b392a}
body.admin-page.dashboard-open[data-admin-theme="dark"] .modal-close{background:#1b261c;border-color:#394b38;color:#e5eee0}
body.admin-page.dashboard-open[data-admin-theme="dark"] .content-modal-heading h2{color:#eef5e9}
body.admin-page.dashboard-open[data-admin-theme="dark"] .content-modal-heading p,body.admin-page.dashboard-open[data-admin-theme="dark"] .modal-footer>span{color:#a5b49f}
body.admin-page.dashboard-open[data-admin-theme="dark"] .modal-field label{color:#c5d3c0}
body.admin-page.dashboard-open[data-admin-theme="dark"] .modal-field input,body.admin-page.dashboard-open[data-admin-theme="dark"] .modal-field textarea{background:#0f160f;border-color:#354635;color:#eaf3e5}
@media(max-width:760px){.content-modal-layout{grid-template-columns:1fr;padding:15px}.modal-live-preview{position:static;min-height:190px}.section-card-grid{grid-template-columns:1fr}.admin-page.dashboard-open .editor-page-head{align-items:start;flex-direction:column}.content-modal-heading{padding:18px 15px 0}.modal-close-row{padding:12px 15px}.modal-footer{align-items:flex-start;flex-direction:column;padding:13px 15px}.modal-footer .btn{width:100%}}


/* Complete admin light theme including authentication and nested components */
body.admin-page[data-admin-theme="light"]{background:#f3f6f0;color:#1c2b1d;background-image:radial-gradient(ellipse at 92% 0%,#dfead9 0,transparent 35%)}
body.admin-page[data-admin-theme="light"] .topbar{background:#f7faf3ed;border-color:#dfe7db}
body.admin-page[data-admin-theme="light"] .brand strong{color:#1e321f}body.admin-page[data-admin-theme="light"] .brand small{color:#687a64}
body.admin-page[data-admin-theme="light"] .btn{background:#fff;color:#233723;border-color:#cfdcc9}body.admin-page[data-admin-theme="light"] .btn-primary{background:#c6f0ad;color:#1a321c;border-color:#b4d69f}body.admin-page[data-admin-theme="light"] .btn-quiet{background:transparent}
body.admin-page[data-admin-theme="light"] .auth-intro h1,body.admin-page[data-admin-theme="light"] .dashboard-head h1{color:#1b2d1d}
body.admin-page[data-admin-theme="light"] .auth-intro .muted,body.admin-page[data-admin-theme="light"] .dashboard-head .muted{color:#657462}
body.admin-page[data-admin-theme="light"] .security-list b{color:#243b24}body.admin-page[data-admin-theme="light"] .security-list small{color:#687b64}
body.admin-page[data-admin-theme="light"] .security-list>div>span{border-color:#d2dfcc;color:#4b7d3b;background:#fff}
body.admin-page[data-admin-theme="light"] .auth-card{background:#fff;border-color:#dce5d7;box-shadow:0 24px 65px #203b2110}
body.admin-page[data-admin-theme="light"] .auth-card h2{color:#1b2d1d}body.admin-page[data-admin-theme="light"] .auth-card .muted{color:#687b64}
body.admin-page[data-admin-theme="light"] .form-stack label,body.admin-page[data-admin-theme="light"] .field-label,body.admin-page[data-admin-theme="light"] .field label{color:#344a34}
body.admin-page[data-admin-theme="light"] .form-stack input,body.admin-page[data-admin-theme="light"] .field input,body.admin-page[data-admin-theme="light"] .field textarea,body.admin-page[data-admin-theme="light"] .field select,body.admin-page[data-admin-theme="light"] .form-stack select{background:#fff;border-color:#d5e0d0;color:#1c2b1d}
body.admin-page[data-admin-theme="light"] .form-hint,body.admin-page[data-admin-theme="light"] .inline-hint{color:#687b64}
body.admin-page[data-admin-theme="light"] .auth-message{color:#3d7132}body.admin-page[data-admin-theme="light"] .auth-message.error{color:#b33b35}
body.admin-page[data-admin-theme="light"] .mfa-icon{background:#e6f0df;color:#3d7132}
body.admin-page[data-admin-theme="light"] .setup-notice{background:#fff7df;border-color:#e4ce91;color:#6d5318}
body.admin-page[data-admin-theme="light"] .admin-pill{background:#fff;border-color:#d5dfd0;color:#344735}
body.admin-page[data-admin-theme="light"] .dashboard-sidebar{background:#142619;border-color:#1c3522}
body.admin-page[data-admin-theme="light"] .dash-tab{color:#b9c9b7}body.admin-page[data-admin-theme="light"] .dash-tab.active{background:#d2ffb4;border-color:#d2ffb4;color:#17311c}
body.admin-page[data-admin-theme="light"] .dashboard-panel{background:#fff;border-color:#dce5d7;color:#17251a;box-shadow:0 14px 45px #203c2110}
body.admin-page[data-admin-theme="light"] .dashboard-panel h2,body.admin-page[data-admin-theme="light"] .dashboard-panel h3{color:#17251a}
body.admin-page[data-admin-theme="light"] .dashboard-panel>p,body.admin-page[data-admin-theme="light"] .panel-head p{color:#6b7c6b}
body.admin-page[data-admin-theme="light"] .metric{background:#f5f8f2;border-color:#e1e9dc}body.admin-page[data-admin-theme="light"] .metric strong{color:#19351e}body.admin-page[data-admin-theme="light"] .metric span{color:#71806f}
body.admin-page[data-admin-theme="light"] .notice{background:#f2f8ed;border-color:#dce9d4;color:#496449}
body.admin-page[data-admin-theme="light"] .manage-item,body.admin-page[data-admin-theme="light"] .order-row{background:#f8faf6;border-color:#e0e8dc;color:#203422}
body.admin-page[data-admin-theme="light"] .manage-item strong,body.admin-page[data-admin-theme="light"] .order-row strong,body.admin-page[data-admin-theme="light"] .subsection h3{color:#203422}
body.admin-page[data-admin-theme="light"] .manage-item small{color:#71816e}
body.admin-page[data-admin-theme="light"] .section-order .order-row button{background:#eff7e9;border-color:#d4e4ca;color:#376a2c}
body.admin-page[data-admin-theme="light"] .secret-key{background:#f5f8f2;border-color:#c9d9c2;color:#34572d}
body.admin-page[data-admin-theme="light"] .content-edit-dialog{background:#fff;color:#1b2d1d;border-color:#dce5d7}
body.admin-page[data-admin-theme="light"] .modal-close-row,body.admin-page[data-admin-theme="light"] .modal-footer{background:#fbfcfa;border-color:#e9eee5}
body.admin-page[data-admin-theme="light"] .modal-close{background:#fff;border-color:#dce5d7;color:#435a40}
body.admin-page[data-admin-theme="light"] .content-modal-heading h2{color:#1b2d1d}
body.admin-page[data-admin-theme="light"] .content-modal-heading p,body.admin-page[data-admin-theme="light"] .modal-footer>span{color:#687b64}
body.admin-page[data-admin-theme="light"] .modal-field label{color:#344a34}
body.admin-page[data-admin-theme="light"] .modal-field input,body.admin-page[data-admin-theme="light"] .modal-field textarea{background:#fff;border-color:#d5e0d0;color:#1c2b1d}
body.admin-page[data-admin-theme="light"] .change-toast{background:#142619f5;color:#f3f8ef;border-color:#36543a}
body.admin-page[data-admin-theme="light"] .change-toast .btn-quiet{background:transparent;color:#d4e2d0;border-color:#3b543d}
body.admin-page[data-admin-theme="light"] .change-toast .btn-primary{background:#c9ff9e;border-color:#c9ff9e;color:#17321b}

@media(max-width:560px){
 body.admin-page .nav{height:auto;min-height:68px;flex-wrap:wrap;padding:10px 0}
 body.admin-page .navright{width:100%;justify-content:flex-end;flex-wrap:wrap}
 body.admin-page .navright .theme-toggle{min-width:0}
 body.admin-page .navright .theme-toggle #adminThemeLabel{display:none}
}

/* Keep the MFA actions visually distinct and responsive */
.admin-page.dashboard-open .mfa-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px}
.admin-page.dashboard-open .mfa-actions .btn{margin:0;min-width:150px}
@media(max-width:420px){.admin-page.dashboard-open .mfa-actions .btn{flex:1 1 100%;width:100%}}