@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/be-vietnam-pro-400.woff2') format('woff2'),url('/assets/fonts/be-vietnam-pro-400.ttf') format('truetype')}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/be-vietnam-pro-500.woff2') format('woff2'),url('/assets/fonts/be-vietnam-pro-500.ttf') format('truetype')}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/be-vietnam-pro-600.woff2') format('woff2'),url('/assets/fonts/be-vietnam-pro-600.ttf') format('truetype')}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/be-vietnam-pro-700.woff2') format('woff2'),url('/assets/fonts/be-vietnam-pro-700.ttf') format('truetype')}
:root{color-scheme:dark;--bg:#0a0a0a;--surface:#121212;--line:#2b2b2b;--text:#fff;--muted:#a3a3a3;--gold:#d6b88b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Be Vietnam Pro",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.admin-shell{min-height:100vh;display:flex}.sidebar{width:248px;min-height:100vh;padding:32px 20px;background:#101010;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:42px}.brand{font-weight:700;letter-spacing:.16em;font-size:19px}.brand span{color:var(--gold)}.brand small{display:block;color:var(--muted);font-weight:500;font-size:9px;letter-spacing:.28em;margin-top:6px}.sidebar nav{display:grid;gap:7px}.sidebar nav a,.mobile-nav a{padding:12px 14px;border-radius:8px;color:var(--muted)}.sidebar nav a:hover,.sidebar nav a[aria-current]{background:#252019;color:#fff}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.sidebar-foot button{border:0;background:none;color:var(--gold);padding:4px}.admin-main{width:100%;max-width:1500px;padding:40px clamp(24px,5vw,80px);margin:auto}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.23em;font-weight:700;margin:0 0 11px}.topbar h1,.login-panel h1{font-size:clamp(30px,4vw,48px);line-height:1.08;margin:0 0 9px;font-weight:600}.muted{color:var(--muted);line-height:1.65}.status-pill{border:1px solid #6c5639;border-radius:100px;padding:8px 13px;color:var(--gold);font-size:12px;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.stat-card,.panel,.login-panel{background:var(--surface);border:1px solid var(--line);border-radius:14px}.stat-card{padding:21px;min-height:118px;display:flex;flex-direction:column;justify-content:space-between}.stat-card span{color:var(--muted);font-size:13px}.stat-card strong{font-size:32px;font-weight:600;line-height:1}.panel{padding:26px}.panel.narrow{max-width:620px}.section-heading h2{margin:0 0 18px;font-size:21px;font-weight:600}.empty-state{border:1px dashed #424242;border-radius:10px;text-align:center;padding:36px;color:var(--muted)}.empty-state strong{color:#eee}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:13px 10px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--gold);font-weight:600}.login-panel{width:min(100%,450px);padding:36px;margin:7vh auto}.login-panel form,.panel form{display:grid;gap:20px;margin-top:25px}label{display:grid;gap:8px;font-size:13px;color:#ddd}input{width:100%;background:#1a1a1a;border:1px solid #444;border-radius:8px;color:#fff;padding:13px 14px;min-height:46px}input:focus{border-color:var(--gold)}.primary{background:var(--gold);color:#191510;border:1px solid var(--gold);border-radius:8px;padding:13px 18px;font-weight:700;min-height:46px}.primary:hover{background:#e6c89b}.notice{border:1px solid #6c5639;background:#211b14;color:#edd6b4;padding:13px 16px;border-radius:8px;margin:18px 0}.notice.error{border-color:#915151;background:#291919;color:#ffd4d4}.mobile-nav{display:none}@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.sidebar{display:none}.admin-main{padding:24px 16px}.mobile-nav{display:block;margin-bottom:24px;border:1px solid var(--line);border-radius:9px;padding:10px}.mobile-nav summary{cursor:pointer;color:var(--gold)}.mobile-nav a{display:block}.stats-grid{gap:10px}.stat-card{padding:15px;min-height:100px}.stat-card strong{font-size:26px}.topbar{display:block}.status-pill{display:inline-block;margin-top:12px}.login-panel{margin:3vh auto;padding:25px}}@media(max-width:360px){.stats-grid{grid-template-columns:1fr}}
.admin-form,.settings-form #settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-form>label,.settings-form #settings-fields>label{min-width:0}.admin-form textarea,.settings-form textarea{width:100%;background:#1a1a1a;border:1px solid #444;border-radius:8px;color:#fff;padding:13px 14px;resize:vertical}.admin-form select,.settings-form select,.table-wrap select{background:#1a1a1a;border:1px solid #444;border-radius:8px;color:#fff;padding:11px;min-height:44px}.admin-form button,.settings-form>button{grid-column:1/-1}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.toolbar h2{margin:0}.toolbar input{max-width:370px}.action-cell{white-space:nowrap}.small-button{border:1px solid #4a4945;border-radius:6px;background:#1a1a19;color:#ddd;padding:7px 9px;margin:2px;font-size:11px}.small-button:hover{border-color:var(--gold);color:var(--gold)}.danger-button{color:#f3a6a6}.inline-editor{border:1px solid #504936;border-radius:10px;padding:18px;background:#171614;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inline-editor .primary{grid-column:1/-1}.checkline{display:flex;align-items:center;gap:10px}.checkline input{width:18px;min-height:18px;accent-color:var(--gold)}.service-admin-list{display:grid;gap:12px}.service-edit{border:1px solid var(--line);border-radius:9px;padding:15px}.service-edit summary{cursor:pointer;font-weight:600;color:var(--gold)}.service-edit .admin-form{margin-top:15px}.blocked-card{padding:28px;border:1px solid #62513b;border-radius:10px;background:#191612}.blocked-card h2{margin:0 0 12px;font-size:24px}.blocked-card p:not(.eyebrow){color:#bbb;max-width:760px}.button-link{display:inline-flex;padding:10px 15px;border:1px solid var(--gold);border-radius:6px;color:var(--gold)}.r2-status{margin-top:20px;color:#e8c99b}.settings-form #settings-fields{margin-top:12px}.settings-form #settings-fields label{overflow-wrap:anywhere}@media(max-width:720px){.admin-form,.settings-form #settings-fields,.inline-editor{grid-template-columns:1fr}.admin-form button,.inline-editor .primary{grid-column:auto}.toolbar{align-items:stretch;flex-direction:column}.toolbar input{max-width:none}.action-cell{white-space:normal}.panel{padding:18px}}
.skip-link{position:fixed;z-index:30;top:8px;left:8px;padding:10px 14px;background:var(--gold);color:#111;border-radius:4px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.image-upload-field{grid-column:1/-1;display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:9px;background:#141414}.image-upload-field>strong{color:var(--gold);font-size:13px}.image-upload-field input[type=file]{max-width:100%}.image-upload-preview{display:block;width:min(100%,360px);max-height:220px;object-fit:contain;object-position:left center;border:1px solid var(--line);border-radius:7px;background:#090909}.image-upload-field .checkline{display:flex;align-items:center;gap:10px}.image-upload-field .checkline input{width:18px;min-height:18px;accent-color:var(--gold)}.inline-editor [role=status]{grid-column:1/-1;margin:0}.inline-editor [role=status].error{color:#ffb7b7}
.inline-editor-row>td{padding:12px;background:#111}.inline-editor-row .inline-editor{margin:0}
.public-storage-warning{margin-bottom:24px;border-color:#8a5f37;background:#211a13}.upload-form{display:grid;gap:18px;margin:0 0 24px}.drop-zone{min-height:130px;display:grid;place-content:center;text-align:center;gap:12px;border:1px dashed #766447;border-radius:10px;background:#171512;padding:20px}.drop-zone.dragover{border-color:var(--gold);background:#292319}.drop-zone input{max-width:100%;border:0;background:transparent}.public-confirm{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.public-confirm input{width:18px;min-height:18px;accent-color:var(--gold);flex:0 0 auto}.upload-queue{display:grid;gap:10px;margin-bottom:20px}.upload-item{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,2fr) 70px auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px}.upload-item strong{overflow-wrap:anywhere;font-size:13px}.upload-item span{font-size:12px;color:var(--muted)}.upload-item progress{width:100%;height:12px;accent-color:var(--gold)}@media(max-width:720px){.upload-item{grid-template-columns:1fr auto}.upload-item progress{grid-column:1/-1;grid-row:2}.upload-item span{grid-row:3}.upload-item button{grid-column:2;grid-row:1}}
.selected-media-files:not([hidden]){display:grid;gap:10px;margin:-4px 0 4px}.selected-media-heading{margin:0;color:var(--muted);font-size:13px}.selected-media-list{display:grid;gap:8px}.selected-media-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,auto) auto;gap:12px;align-items:center;min-width:0;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.selected-media-item strong{min-width:0;overflow-wrap:anywhere;font-size:13px}.selected-media-item span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.selected-media-item .selected-media-error{color:#ffc1c1;font-weight:600}.selected-media-item .small-button{min-width:64px;min-height:44px;margin:0}@media(max-width:720px){.selected-media-item{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px}.selected-media-item strong{grid-column:1;grid-row:1}.selected-media-item span{grid-column:1;grid-row:2}.selected-media-item .small-button{grid-column:2;grid-row:1/3;min-height:44px}}
.article-admin-list{display:grid;gap:14px}.article-edit{border:1px solid var(--line);border-radius:9px;padding:15px}.article-edit summary{cursor:pointer;color:var(--gold);font-weight:600;overflow-wrap:anywhere}.article-edit .article-form{margin-top:15px}.article-form .full{grid-column:1/-1}.article-form textarea[name=content]{min-height:300px;line-height:1.6}.article-form .article-delete{justify-self:start}.admin-form>label.full{grid-column:1/-1}
.content-editor-image-count{display:block;margin:8px 0 12px;color:var(--muted);font-size:12px;line-height:1.5}.content-editor-image-count[data-count="0"],.content-editor-image-count[data-count="1"]{color:#d5a24c}

/* Admin navigation drawer, enhanced only when JavaScript is available. */
.admin-menu-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin:0 0 24px;padding:10px 16px;border:1px solid #65543e;border-radius:10px;background:#191611;color:var(--gold);font-size:14px;font-weight:600}
.admin-menu-toggle:hover{background:#282116;border-color:var(--gold)}
.admin-menu-toggle span{font-size:19px;line-height:1}
.admin-navigation-ready .mobile-nav{display:none}
.admin-navigation-ready .admin-main{min-width:0}
.admin-navigation{position:fixed;inset:0 auto 0 0;width:min(300px,90vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-right:1px solid var(--line);background:#101010;color:var(--text);overflow-y:auto;overscroll-behavior:contain}
.admin-navigation::backdrop{background:#0009;backdrop-filter:blur(4px)}
.admin-navigation .sidebar{position:relative;display:flex;width:100%;min-height:100%;padding:32px 20px;border:0;gap:30px}
.admin-navigation .brand{padding-right:38px}
.admin-menu-close{position:absolute;top:20px;right:14px;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:9px;background:#191919;color:#ddd;font-size:26px;line-height:1}
.admin-menu-close:hover{border-color:var(--gold);color:var(--gold)}
.admin-navigation-open{overflow:hidden}
.admin-navigation[open]{animation:admin-navigation-enter .2s ease-out}
@keyframes admin-navigation-enter{from{transform:translateX(-100%);opacity:.5}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.admin-navigation[open]{animation:none}}
.hero-poster-admin{grid-column:1/-1;display:grid;gap:11px;padding:16px;border:1px solid #383631;border-radius:12px;background:#151513}
.hero-poster-admin>strong{color:var(--gold);font-size:14px}
.hero-poster-admin>p{margin:0;font-size:12px}
.hero-poster-admin input[type=file]{max-width:100%}
.hero-poster-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.hero-poster-admin-card{display:grid;align-content:start;gap:8px;min-width:0;padding:8px;border:1px solid #34332f;border-radius:9px;background:#10100f}
.hero-poster-admin-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:#080808}
.hero-poster-admin-card .small-button{justify-self:start}
.hero-poster-admin .small-button{justify-self:start}
@media(max-width:720px){.hero-poster-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.settings-section-title{grid-column:1/-1;margin:26px 0 0;padding-top:20px;border-top:1px solid #39352e;color:#e3c291;font-size:20px}
.settings-section-note{grid-column:1/-1;margin:-10px 0 0;color:#aaa49a;font-size:13px}
.settings-form #settings-fields>label.settings-toggle{display:flex;align-items:center;gap:11px;min-height:46px;padding:10px 12px;border:1px solid #35332e;border-radius:9px;background:#141412;color:#eee}
.settings-toggle input{width:19px;height:19px;flex:0 0 19px;accent-color:#d6b88b}
.theme-toggle{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #ffffff38;border-radius:50%;background:#ffffff0d;color:#f2eee8;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .2s}
.theme-toggle:hover{transform:translateY(-1px);border-color:var(--gold);background:#ffffff19;color:var(--gold)}
.theme-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle:focus-visible{outline:3px solid #d6b88b;outline-offset:3px}
html[data-theme-transition="1"] .admin-shell,html[data-theme-transition="1"] .sidebar,html[data-theme-transition="1"] .panel,html[data-theme-transition="1"] .stat-card,html[data-theme-transition="1"] input,html[data-theme-transition="1"] textarea,html[data-theme-transition="1"] select{transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}
.admin-theme-toggle{position:fixed;z-index:30;top:14px;right:18px}
@media(max-width:760px){.admin-theme-toggle{top:12px;right:12px}}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}.theme-toggle:hover{transform:none}}
.theme-preview-controls{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 16px;padding:12px 14px;border:1px solid #49443a;border-radius:12px;background:#171615}
.theme-preview-controls strong{color:#f5f3ee;margin-right:5px}

/* DIF MEDIA Professional Control Center */
.legal-admin-panel{margin-bottom:22px}.legal-admin-panel h2{margin-top:0}.legal-admin-panel form{max-width:760px}.legal-admin-panel textarea{width:100%;min-height:220px;line-height:1.6}.legal-revision-list{display:grid;gap:10px;margin-top:18px}.legal-revision{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px;border:1px solid var(--line);border-radius:9px}.legal-revision span{color:var(--muted);font-size:12px}.legal-revision a,.legal-preview-content a{color:var(--gold);text-decoration:underline}.legal-revision form{margin:0}.legal-preview-content{max-width:820px;line-height:1.75;overflow-wrap:anywhere}.legal-preview-content h2{margin-top:30px}
.manager-disclosure{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:48px;color:var(--gold);font-size:17px;font-weight:700;cursor:pointer;list-style-position:inside}.manager-disclosure span{color:var(--muted);font-size:12px;font-weight:400}.project-create-panel details>form{margin-top:22px}.manager-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.manager-heading h2{margin:0;font-size:22px}.manager-heading .eyebrow{margin-bottom:8px}.manager-heading .muted{margin:7px 0 0;font-size:13px}.manager-filters{display:grid;grid-template-columns:repeat(3,minmax(150px,.7fr)) minmax(220px,1.3fr);gap:12px;align-items:end;margin:22px 0}.manager-filters label{min-width:0}.manager-filters select,.manager-filters input{min-width:0;min-height:44px}.manager-search{grid-column:auto}.manager-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:9px;margin-top:18px}.manager-pagination>span{margin-right:auto;color:var(--muted);font-size:12px}.project-card-list{display:grid;gap:13px}.project-record{min-width:0;padding:18px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface) 92%,var(--bg))}.project-record-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px}.project-record-head h3{margin:0;font-size:17px;line-height:1.45;overflow-wrap:anywhere}.manager-status{display:inline-flex;align-items:center;min-height:25px;padding:3px 9px;border:1px solid #ffffff20;border-radius:99px;color:var(--muted);font-size:10px;font-weight:600;white-space:nowrap}.manager-status.is-public{border-color:#71a88660;color:#91d5a8}.project-record-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 0}.project-record-details>div{min-width:0}.project-record-details dt{margin:0 0 4px;color:var(--muted);font-size:10px}.project-record-details dd{margin:0;font-size:12px;overflow-wrap:anywhere}.project-record-actions,.media-record-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.project-inline-editor{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.project-inline-editor .inline-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-inline-editor .inline-editor>.full,.project-inline-editor .inline-editor>.content-editor,.project-inline-editor .inline-editor>.project-image-upload,.project-inline-editor .inline-editor>.image-upload-field,.project-inline-editor .inline-editor>button{grid-column:1/-1}.media-project-groups{display:grid;gap:22px}.media-project-group{min-width:0}.media-project-group>h3{margin:0 0 12px;padding-bottom:9px;border-bottom:1px solid var(--line);font-size:16px;overflow-wrap:anywhere}.media-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.media-record{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,var(--bg))}.media-record-preview{display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:#090909;color:var(--muted);font-size:12px}.media-record-preview img,.media-record-preview video{display:block;width:100%;height:100%;object-fit:cover}.media-record-info{display:grid;gap:6px;padding:13px 13px 0}.media-record-info h4{margin:0;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.media-original-name,.media-record-meta{margin:0;color:var(--muted);font-size:10px;line-height:1.5;overflow-wrap:anywhere}.media-record-actions{padding:0 13px 13px;margin-top:auto;padding-top:14px}.media-record-actions .small-button{min-width:38px;min-height:40px}.media-record-actions .small-button:first-child{flex:1 1 auto}.media-upload-panel .blocked-card{margin:16px 0}.media-upload-panel .upload-form{max-width:780px}.media-upload-panel .drop-zone{min-height:112px}.media-manager .empty-state{margin:0}
.media-title-editor:not([hidden]){display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.media-title-editor input{flex:1 1 140px;min-width:0;min-height:40px;padding:8px 10px;font-size:12px}.media-title-editor .small-button{min-height:40px}
.content-heading-fields{display:grid;grid-template-columns:repeat(2,minmax(210px,1fr));gap:8px;flex:1 1 100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 82%,var(--bg))}.content-heading-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px}.content-heading-field input{min-width:0;min-height:40px;padding:8px 10px;font-size:12px}.content-heading-field .small-button{min-height:40px;white-space:nowrap}@media(max-width:720px){.content-heading-fields{grid-template-columns:minmax(0,1fr)}.content-heading-field{grid-template-columns:minmax(0,1fr) auto}}
.content-section-composer{flex:1 1 100%;min-width:0;padding:13px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 82%,var(--bg))}.content-section-composer>strong{display:block;margin-bottom:10px;color:var(--gold);font-size:13px}.content-section-fields{display:grid;grid-template-columns:minmax(140px,.45fr) minmax(180px,.8fr) minmax(260px,1.6fr) auto;gap:10px;align-items:end}.content-section-fields label{min-width:0}.content-section-fields input,.content-section-fields select,.content-section-fields textarea{min-width:0;min-height:42px;padding:8px 10px;font-size:12px}.content-section-fields textarea{min-height:76px;resize:vertical}.content-section-fields>button{min-height:42px;white-space:nowrap}@media(max-width:900px){.content-section-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.content-section-fields .content-section-body{grid-column:1/-1}.content-section-fields>button{grid-column:1/-1}}@media(max-width:600px){.content-section-fields{grid-template-columns:minmax(0,1fr)}.content-section-fields .content-section-body,.content-section-fields>button{grid-column:auto}}
.content-editor-field{display:grid;grid-column:1/-1;gap:7px;min-width:0}.content-editor-field>label{display:block}
.project-create-form{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:20px 0 0!important}.project-form-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;margin:0;padding:16px;border:1px solid var(--line);border-radius:11px}.project-form-section legend{padding:0 8px;color:var(--gold);font-size:13px;font-weight:700}.project-form-section>label{min-width:0}.project-form-section>.full{grid-column:1/-1}.project-form-section .checkline{display:flex;align-items:center;gap:10px}.project-form-section .checkline input{width:18px;min-height:18px;accent-color:var(--gold)}.project-form-section>.muted{grid-column:1/-1;margin:0;font-size:12px}.manager-disclosure-copy{display:grid;gap:5px;min-width:0;flex:1 1 320px}.manager-disclosure-copy strong{color:var(--gold);font-size:16px}.manager-disclosure-copy small{color:var(--muted);font-size:12px;font-weight:400;line-height:1.5;white-space:normal}.manager-primary-action{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;padding:0 16px;border:1px solid #d6b88b66;border-radius:10px;background:linear-gradient(135deg,#d6b88b,#c39a5d);color:#191510!important;font-size:12px;font-weight:700;white-space:normal;text-align:center}.manager-primary-action>span{font-size:18px;line-height:1}.manager-disclosure[open] .manager-primary-action{background:var(--surface);color:var(--gold)!important}.manager-submit-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:9px;justify-self:start;padding:12px 22px;font-size:14px;box-shadow:0 5px 18px #d6b88b22}.manager-submit-button>span{font-size:18px;line-height:1}.media-upload-panel .drop-zone>span{display:grid;gap:6px}.media-upload-panel .drop-zone>span strong{color:var(--text);font-size:14px}.media-upload-panel .drop-zone>span small{color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:720px){.project-form-section{grid-template-columns:minmax(0,1fr);padding:13px}.project-form-section>.full,.project-form-section>.muted{grid-column:auto}.manager-disclosure{align-items:stretch;gap:12px}.manager-disclosure-copy{flex-basis:100%}.manager-primary-action{width:100%;flex:auto}.manager-submit-button{width:100%}}
@media(max-width:1100px){.manager-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.media-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-record-details{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.manager-filters{grid-template-columns:minmax(0,1fr);gap:10px}.manager-heading h2{font-size:19px}.project-record{padding:14px}.project-record-details{gap:12px 10px}.project-inline-editor .inline-editor{grid-template-columns:minmax(0,1fr)}.project-inline-editor .inline-editor>*{grid-column:1/-1}.media-card-grid{grid-template-columns:minmax(0,1fr)}.media-record{display:grid;grid-template-columns:minmax(90px,34%) minmax(0,1fr);align-items:stretch}.media-record-preview{grid-column:1;grid-row:1/3;aspect-ratio:1/1;height:100%;min-height:105px}.media-record-info{grid-column:2;grid-row:1;padding:11px 11px 5px}.media-record-actions{grid-column:2;grid-row:2;padding:4px 11px 11px;margin:0;align-content:end}.media-record-actions .small-button{min-height:40px;padding:7px 9px;font-size:11px}.manager-pagination{justify-content:space-between}.manager-pagination>span{flex-basis:100%;margin:0}.manager-disclosure{font-size:15px}.manager-disclosure span{flex-basis:100%;padding-left:22px}}
@media(max-width:380px){.media-record{grid-template-columns:minmax(78px,30%) minmax(0,1fr)}.media-record-info h4{font-size:12px}.media-record-actions{gap:5px}.media-record-actions .small-button{padding-inline:6px;font-size:10px}}
:root{--color-bg:#0a0a0a;--color-surface:#121212;--color-heading:#f5f3ee;--color-text:#f5f3ee;--color-text-secondary:#a3a3a3;--color-primary:#d6b88b;--color-primary-foreground:#111;--color-border:#30302e;--color-focus:#e7c993}

/* Compact, readable media upload layout across desktop and mobile. */
.media-upload-panel{padding:clamp(16px,2vw,26px)}
.media-upload-panel .manager-disclosure{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 18px;min-height:0}
.media-upload-panel .manager-disclosure-copy{min-width:0;flex:initial}
.media-upload-panel .manager-disclosure .manager-primary-action{width:auto;max-width:100%;min-height:44px;flex:0 0 auto;flex-wrap:nowrap;gap:8px;padding:0 16px;color:#191510!important;font-size:12px;font-weight:700;white-space:nowrap}
.media-upload-panel .manager-disclosure .manager-primary-action>span{flex:0 0 auto;padding:0;color:inherit!important;font-size:18px;line-height:1}
.media-upload-panel .public-storage-warning{margin:12px 0 14px;padding:15px 18px}
.media-upload-panel .public-storage-warning .eyebrow{margin:0 0 6px;font-size:10px}
.media-upload-panel .public-storage-warning p:not(.eyebrow){max-width:none;margin:0;color:#d1c6b3;font-size:13px;line-height:1.5}
.media-upload-panel .upload-form{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);align-items:start;gap:14px;max-width:none;margin:0 0 16px}
.media-upload-panel .upload-form>label:not(.drop-zone){align-self:start;min-width:0}
.media-upload-panel .upload-form>label:not(.drop-zone) select{width:100%;min-width:0;min-height:46px;color:#f5f3ee;-webkit-text-fill-color:#f5f3ee;color-scheme:dark}
.media-upload-panel .drop-zone{width:100%;min-width:0;min-height:142px;align-content:center;gap:10px;padding:16px}
.media-upload-panel .drop-zone>span{max-width:680px;justify-self:center}
.media-upload-panel .drop-zone input[type="file"]{width:100%;max-width:100%;min-width:0;color:#e9e3d8;font-size:12px;text-align:left}
.media-upload-panel .drop-zone input[type="file"]::file-selector-button{min-height:38px;margin-right:10px;padding:7px 13px;border:1px solid #d6b88b;border-radius:8px;background:#d6b88b;color:#191510;font:inherit;font-size:12px;font-weight:700;line-height:1.2;cursor:pointer}
.media-upload-panel .upload-form .upload-performance,.media-upload-panel .upload-form #selected-media-files,.media-upload-panel .upload-form .manager-submit-button{grid-column:1/-1}
.media-upload-panel .upload-form>.upload-performance-disclosure{grid-column:1/-1;min-width:0;margin:0;border:1px solid var(--line);border-radius:11px;background:#ffffff03}
.media-upload-panel .upload-performance-disclosure>summary{min-height:42px;padding:11px 13px;color:var(--gold);font-size:12px;font-weight:700;cursor:pointer;list-style-position:inside}
.media-upload-panel .upload-performance-disclosure[open]>summary{border-bottom:1px solid var(--line)}
.media-upload-panel .upload-performance-disclosure .upload-performance{margin:0;border:0;border-radius:0;background:transparent}
.media-upload-panel .upload-form .upload-performance{width:100%;margin:0}
.media-upload-panel .upload-form .manager-submit-button{min-height:46px;justify-self:start;margin:0;padding:10px 18px;white-space:nowrap}
.media-upload-panel .upload-queue,.media-upload-panel #active-uploads{max-width:none}
@media(max-width:900px){.media-upload-panel .upload-form{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}
@media(max-width:720px){.media-upload-panel{padding:16px}.media-upload-panel .manager-disclosure{grid-template-columns:minmax(0,1fr) auto;gap:10px}.media-upload-panel .manager-disclosure-copy{flex-basis:auto}.media-upload-panel .manager-disclosure .manager-primary-action{width:auto;min-height:42px;padding:0 12px}.media-upload-panel .public-storage-warning{margin:10px 0 12px;padding:13px 14px}.media-upload-panel .public-storage-warning p:not(.eyebrow){font-size:12px}.media-upload-panel .upload-form{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:14px}.media-upload-panel .drop-zone{min-height:116px;padding:14px}.media-upload-panel .upload-form .upload-performance,.media-upload-panel .upload-form #selected-media-files,.media-upload-panel .upload-form .manager-submit-button{grid-column:1}.media-upload-panel .upload-form .manager-submit-button{width:100%;justify-self:stretch}}
@media(max-width:380px){.media-upload-panel .manager-disclosure{grid-template-columns:minmax(0,1fr)}.media-upload-panel .manager-disclosure .manager-primary-action{justify-self:start}.media-upload-panel .drop-zone>span small{font-size:10px}.media-upload-panel .drop-zone input[type="file"]::file-selector-button{margin-right:6px;padding-inline:10px}}
/* Keep project selection and file selection as two clear full-width rows. */
.media-upload-panel .upload-form{grid-template-columns:minmax(0,1fr)}
.media-upload-panel .upload-form>label:not(.drop-zone),.media-upload-panel .upload-form>.drop-zone{grid-column:1; width:100%}
.admin-shell{align-items:stretch;background:var(--bg)}
.admin-shell>.sidebar{position:sticky;top:0;align-self:flex-start;flex:0 0 252px;width:252px;height:100vh;min-height:100vh;max-height:100vh;overflow-y:auto;gap:26px;padding:25px 16px 18px;border-right:1px solid var(--line);background:#10100f}
.sidebar .brand{display:flex;align-items:center;gap:11px;padding:0 10px 22px;border-bottom:1px solid var(--line);font-size:0;letter-spacing:0}
.brand-monogram{display:grid;flex:0 0 40px;width:40px;height:40px;place-items:center;border:1px solid #d6b88b88;border-radius:14px;background:#d6b88b;color:#15120d;font-size:21px;font-weight:850;letter-spacing:-.06em}
.brand-monogram-image{overflow:hidden;padding:0;background:#111;border-radius:50%}
.brand-monogram-image img{display:block;width:100%;height:100%;object-fit:cover}
.brand-name{color:var(--text);font-size:14px;font-weight:700;letter-spacing:.13em;white-space:nowrap}
.brand-name small{display:block;margin-top:5px;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.16em}
.sidebar nav{display:grid;gap:20px}
.sidebar-nav-group{display:grid;gap:4px}
.sidebar-nav-heading{padding:0 12px 5px;color:#858178;font-size:9px;font-weight:700;letter-spacing:.16em}
.sidebar nav a{display:flex;min-height:42px;align-items:center;gap:11px;padding:8px 10px;border:1px solid transparent;border-radius:11px;color:#b4b0a8;font-size:12px;font-weight:500;transition:background .16s ease,color .16s ease,border-color .16s ease}
.sidebar-nav-icon{display:grid;flex:0 0 25px;width:25px;height:25px;place-items:center;border:1px solid #ffffff18;border-radius:8px;color:#c7b28f;font-size:10px;font-weight:700}
.sidebar nav a:hover{border-color:#ffffff13;background:#ffffff09;color:#fff}
.sidebar nav a[aria-current=page]{border-color:#d6b88b32;background:linear-gradient(100deg,#d6b88b20,#d6b88b08);color:#f4e3c5}
.sidebar nav a[aria-current=page] .sidebar-nav-icon{border-color:#d6b88b77;background:#d6b88b;color:#17130e}
.sidebar-site-link{display:flex;justify-content:space-between;align-items:center;min-height:40px;margin-top:auto;padding:0 12px;border:1px solid var(--line);border-radius:11px;color:var(--muted);font-size:12px}
.sidebar-site-link:hover{border-color:var(--gold);color:var(--gold)}
.sidebar-foot{margin-top:0;padding:15px 3px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.sidebar-foot form{margin:0}
.sidebar-foot button{padding:7px 8px;border:1px solid #ffffff1a;border-radius:8px;font-size:11px}
.admin-main{flex:1 1 auto;min-width:0;width:calc(100% - 252px);max-width:1680px;margin:0 auto;padding:0 clamp(22px,3.1vw,54px) 54px}
.admin-appbar{position:sticky;top:0;z-index:20;display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:18px;margin:0 0 32px;padding:12px 0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.admin-breadcrumb{display:flex;min-width:0;align-items:center;gap:10px;color:var(--muted);font-size:12px}
.admin-breadcrumb a{color:var(--gold);font-weight:700;letter-spacing:.06em}
.admin-breadcrumb strong{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.admin-appbar-tools{position:relative;display:flex;flex:0 1 auto;align-items:center;justify-content:flex-end;gap:9px}
.admin-global-search{position:relative;display:block;width:min(34vw,340px);min-width:205px}
.admin-global-search input{height:40px;min-height:40px;padding:8px 38px 8px 13px;border-color:var(--line);border-radius:12px;background:var(--surface);font-size:11px}
.admin-global-search kbd{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:var(--muted);font-size:17px;pointer-events:none}
.admin-search-results{position:absolute;top:calc(100% + 9px);right:0;z-index:35;width:min(420px,90vw);max-height:min(60vh,480px);overflow:auto;padding:7px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 18px 48px #0005}
.admin-search-result{display:grid;gap:3px;padding:10px 12px;border-radius:10px;color:var(--text)}
.admin-search-result:hover,.admin-search-result:focus-visible{background:#d6b88b16}
.admin-search-result small{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.admin-search-result span{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.admin-search-state{margin:0;padding:12px;color:var(--muted);font-size:12px}
.admin-notification-link,.admin-quick-action,.admin-user-chip{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);font-size:11px;font-weight:600;white-space:nowrap}
.admin-notification-link:hover,.admin-user-chip:hover{border-color:var(--gold);color:var(--gold)}
.admin-notification-link>b{display:grid;min-width:19px;height:19px;place-items:center;border-radius:99px;background:#b74136;color:#fff;font-size:10px}
.admin-quick-action{border-color:#d6b88b;background:var(--gold);color:#1b1710}
.admin-quick-action:hover{background:#e4c99d}
.admin-user-avatar{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#ffffff14;color:var(--gold);font-size:10px}
.admin-theme-toggle{position:static;flex:0 0 40px;width:40px;height:40px}
.admin-menu-toggle{display:none}
.topbar{align-items:center;margin:0 0 24px;padding:0 0 4px}
.topbar h1{letter-spacing:-.035em}
.topbar .muted{margin:0}
.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px}
.stat-card{position:relative;min-width:0;min-height:118px;padding:18px;border-radius:15px;overflow:hidden}
.stat-card::after{position:absolute;right:-22px;bottom:-38px;width:98px;height:98px;border:1px solid #d6b88b20;border-radius:50%;content:"";pointer-events:none}
.stat-card span{font-size:11px;line-height:1.45}
.stat-card strong{color:var(--text);font-size:30px;font-variant-numeric:tabular-nums}
.panel{border-radius:17px;box-shadow:0 12px 30px #0002}
.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 22px}
.quick-action-card{display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);font-size:12px;font-weight:600}
.quick-action-card span:last-child{color:var(--gold);font-size:18px}
.quick-action-card:hover{border-color:var(--gold);transform:translateY(-1px)}
.activity-list{display:grid;gap:0}
.activity-row{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 2px;border-bottom:1px solid var(--line);font-size:12px}
.activity-row:last-child{border-bottom:0}
.activity-type{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.activity-description{min-width:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}
.activity-date{color:var(--muted);font-size:10px;white-space:nowrap}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;clip-path:inset(50%)!important}
@media(max-width:1200px){.admin-shell>.sidebar{flex-basis:232px;width:232px;padding-inline:13px}.admin-main{width:calc(100% - 232px);padding-inline:24px}.admin-appbar-tools{gap:7px}.admin-global-search{width:250px;min-width:175px}.admin-user-chip>span:last-child{display:none}}
@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-quick-action span:not(:first-child){display:none}.admin-quick-action{width:40px;padding:0;font-size:16px}}
@media(max-width:900px){.admin-shell>.sidebar{position:relative;display:flex;width:min(310px,88vw);height:auto;min-height:100%;max-height:none;flex:0 0 auto;padding:25px 16px;border:0;gap:22px}.admin-main{width:100%;max-width:none;padding:0 15px 42px}.admin-appbar{position:sticky;top:0;min-height:64px;gap:8px;margin-bottom:25px;padding:9px 0;background:color-mix(in srgb,var(--bg) 94%,transparent)}.admin-menu-toggle{display:inline-flex;flex:0 0 auto;min-height:40px;align-items:center;gap:7px;margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);font-size:11px;font-weight:600}.admin-appbar-tools{flex:1;gap:6px}.admin-global-search{position:static;width:auto;min-width:0;flex:1}.admin-global-search input{height:38px;min-height:38px;padding-left:10px;font-size:10px}.admin-global-search input::placeholder{color:transparent}.admin-global-search kbd{right:auto;left:12px;font-size:15px}.admin-global-search:focus-within kbd{display:none}.admin-global-search input:focus{position:absolute;top:7px;left:0;z-index:40;width:100%;background:var(--surface)}.admin-search-results{top:calc(100% + 3px);right:0;width:min(420px,calc(100vw - 24px))}.admin-notification-link{width:38px;min-width:38px;min-height:38px;padding:0;font-size:0}.admin-notification-link>span:first-child{font-size:16px}.admin-notification-link>b{position:absolute;margin:-25px 0 0 25px;font-size:9px}.admin-quick-action{display:none}.admin-theme-toggle{width:38px;height:38px;min-width:38px;flex-basis:38px}.admin-user-chip{display:none}.topbar{display:flex;align-items:flex-start}.topbar h1{font-size:clamp(28px,8vw,40px)}.status-pill{margin-top:0}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-card{min-height:98px;padding:13px}.stat-card strong{font-size:25px}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action-card{min-height:58px;padding:10px;font-size:11px}.activity-row{grid-template-columns:74px minmax(0,1fr);gap:8px}.activity-date{grid-column:2}.admin-navigation{position:fixed;inset:0 auto 0 0;width:min(310px,88vw);height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-right:1px solid var(--line);background:#10100f;color:var(--text);overflow-y:auto;overscroll-behavior:contain}.admin-navigation::backdrop{background:#0009;backdrop-filter:blur(4px)}.admin-navigation .sidebar{min-height:100%;padding-top:30px}.admin-navigation .brand{padding-right:42px}.admin-menu-close{position:absolute;top:17px;right:13px;display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);font-size:24px}.admin-navigation-open{overflow:hidden}.panel{padding:18px}.login-panel{margin:5vh auto;padding:25px}}
@media(max-width:420px){.admin-breadcrumb{gap:6px;font-size:10px}.admin-breadcrumb a{display:none}.admin-breadcrumb strong{font-size:11px}.admin-menu-toggle{padding-inline:8px}.admin-menu-toggle>span:last-child{display:none}.admin-appbar-tools{gap:5px}.admin-global-search input{padding-right:7px}.admin-global-search input::placeholder{font-size:0}.admin-notification-link,.admin-theme-toggle{width:36px;min-width:36px;height:36px;min-height:36px;flex-basis:36px}.activity-row{grid-template-columns:1fr;gap:4px}.activity-date{grid-column:1}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.sidebar nav a,.quick-action-card{transition:none}.quick-action-card:hover{transform:none}}
/* V5.9 About editor and weekly hours controls */
.settings-days-field{display:flex;flex-wrap:wrap;gap:10px 14px;min-width:0;margin:8px 0 16px;padding:14px;border:1px solid var(--line);border-radius:14px}.settings-days-field legend{padding:0 6px;color:var(--muted);font-weight:700}.settings-day-option{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:5px 10px;border:1px solid var(--line);border-radius:999px}.settings-day-option input{accent-color:#d6a64f}.settings-actions,.about-image-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.about-admin-preview-wrap{margin:24px 0;padding:18px;border:1px solid var(--line);border-radius:18px}.about-admin-preview-wrap>h3{margin:0 0 12px}.about-admin-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.75fr);gap:10px 20px;align-items:center;margin-top:14px;padding:clamp(18px,3vw,32px);border:1px solid #d6b88b40;border-radius:20px;background:#111;color:#f5f3ee}.about-admin-preview[data-preview-theme=light]{border-color:#dce2e8;background:linear-gradient(145deg,#fff,#f5f3ed);color:#263548}.about-admin-preview .eyebrow{grid-column:1;margin:0;color:#c39447;letter-spacing:.14em;font-weight:700}.about-admin-preview h2{grid-column:1;margin:0;font-size:clamp(24px,3vw,38px);line-height:1.15}.about-admin-preview-description{grid-column:1;margin:0;color:#aaa}.about-admin-preview[data-preview-theme=light] .about-admin-preview-description{color:#647184}.about-admin-preview img{grid-column:2;grid-row:1/4;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px}.about-admin-preview-actions{grid-column:1;display:flex;flex-wrap:wrap;gap:8px}.about-admin-preview-actions span{padding:8px 12px;border:1px solid #d6b88b75;border-radius:999px;color:#d6b88b;font-weight:700}.about-admin-preview[data-preview-theme=light] .about-admin-preview-actions span{color:#805810}.about-media-picker{width:min(760px,calc(100% - 28px));max-height:min(80vh,760px);padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text)}.about-media-picker::backdrop{background:#050505a8;backdrop-filter:blur(4px)}.about-media-picker-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;max-height:58vh;overflow:auto;margin:16px 0}.about-media-option{display:grid;gap:7px;min-width:0;padding:8px;border:1px solid var(--line);border-radius:12px;background:transparent;color:inherit;text-align:left;cursor:pointer}.about-media-option img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.about-media-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-section-title{scroll-margin-top:100px}
@media(max-width:680px){.about-admin-preview{grid-template-columns:minmax(0,1fr)}.about-admin-preview img{grid-column:1;grid-row:auto;max-height:250px}.about-admin-preview-wrap{padding:12px}.settings-actions>*{flex:1 1 auto}}

/* V6.0 compact responsive admin system */
:root{--admin-space-1:4px;--admin-space-2:8px;--admin-space-3:12px;--admin-space-4:16px;--admin-space-5:24px;--admin-space-6:32px}
.admin-main{min-width:0}.topbar h1{font-size:clamp(24px,2vw,28px);line-height:1.2}.topbar .eyebrow{font-size:10px}.panel{min-width:0;padding:20px}.admin-form,.settings-form #settings-fields,.inline-editor{gap:16px}.admin-form label,.settings-form label{font-size:13px;line-height:1.4}.admin-form input,.admin-form textarea,.admin-form select,.settings-form input,.settings-form textarea,.settings-form select{max-width:100%;min-width:0}.small-button,.primary{min-height:40px;border-radius:10px;padding:9px 13px;font-size:12px}.service-create-panel{padding:0;overflow:hidden}.service-create-disclosure>summary{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;list-style:none;cursor:pointer}.service-create-disclosure>summary::-webkit-details-marker{display:none}.service-create-disclosure>summary span{display:grid;gap:3px}.service-create-disclosure>summary strong{font-size:15px}.service-create-disclosure>summary small{color:var(--muted);font-size:12px}.service-create-disclosure>summary b{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--gold);font-size:20px}.service-create-disclosure[open]>summary{border-bottom:1px solid var(--line)}.service-create-disclosure .admin-form{padding:18px 20px 20px}.service-create-disclosure .admin-form button{grid-column:1/-1;justify-self:start}.service-manager-panel .toolbar{align-items:center}.service-manager-panel .toolbar h2{font-size:17px}.service-admin-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:12px}.service-admin-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 7px 18px #0001}.service-admin-card-main{min-width:0}.service-admin-card h3{margin:0 0 5px;font-size:15px;line-height:1.4}.service-admin-card code{color:var(--muted);font-size:11px}.service-admin-card-meta{grid-column:1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--muted);font-size:11px}.service-state{display:inline-flex;align-items:center;gap:6px}.service-state:before{width:7px;height:7px;border-radius:50%;background:#51a77e;content:""}.service-state.is-off:before{background:#a17956}.service-edit-button{grid-column:2;grid-row:1/3;align-self:center;min-width:90px}.service-editor-dialog{width:min(900px,calc(100% - 28px));max-width:900px;max-height:min(90dvh,900px);overflow:auto;margin:auto;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--bg);color:var(--text);box-shadow:0 24px 90px #0008}.service-editor-dialog::backdrop{background:#050505a8;backdrop-filter:blur(4px)}.service-editor-header{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:18px 20px;border-bottom:1px solid var(--line);background:var(--surface)}.service-editor-header h2{margin:0;font-size:20px;line-height:1.25}.service-editor-header p{grid-column:1;margin:0;font-size:12px}.service-editor-close{grid-column:2;grid-row:1/3;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);font-size:24px}.service-editor-tabs{position:sticky;top:79px;z-index:1;display:flex;gap:5px;overflow-x:auto;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--bg);overscroll-behavior-x:contain}.service-editor-tab{min-width:max-content;min-height:40px;padding:8px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font-size:12px}.service-editor-tab[aria-selected=true]{border-color:#d6b88b80;background:#d6b88b1e;color:var(--gold)}.service-editor-form{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:18px 20px 24px}.service-editor-form [hidden]{display:none!important}.service-editor-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.service-editor-section>h3,.service-editor-section>.muted,.service-editor-section>.full{grid-column:1/-1}.service-editor-section h3{margin:0;font-size:17px}.service-editor-actions{position:sticky;bottom:0;display:flex;gap:10px;padding:12px 0 calc(5px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 95%,transparent);backdrop-filter:blur(10px)}
.content-editor{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;min-width:0}.content-editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.content-editor-toolbar .small-button{min-height:34px;margin:0;padding:6px 10px}.content-editor-state{margin-left:auto;color:var(--muted);font-size:11px}.content-editor textarea{height:min(68vh,620px);min-height:240px;max-height:68vh;overflow:auto;resize:vertical;white-space:pre-wrap;font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.content-editor-preview{min-height:240px;max-height:68vh;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:11px;background:var(--surface);white-space:normal;overflow-wrap:anywhere}.content-editor-preview h2{font-size:20px}.content-editor-preview h3{font-size:16px}.content-editor-preview p,.content-editor-preview li,.content-editor-preview blockquote{font-size:14px;line-height:1.75}.content-editor-preview blockquote{margin:12px 0;padding:9px 14px;border-left:3px solid var(--gold);color:var(--muted)}.content-editor-preview code{padding:2px 5px;border-radius:4px;background:#8882}.service-editor-form .content-editor{grid-column:1/-1}.service-editor-form .image-upload-field{grid-column:1/-1}.service-editor-form textarea{font-size:14px;line-height:1.65}
.admin-mobile-brand,.admin-mobile-page-heading,.admin-search-toggle{display:none}
@media(max-width:900px){.admin-main{padding:0 14px calc(32px + env(safe-area-inset-bottom,0px))}.admin-appbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand tools" "heading heading";gap:8px 10px;min-height:0;margin:0 -14px 20px;padding:10px 14px 12px}.admin-breadcrumb{display:none}.admin-mobile-brand{grid-area:brand;display:inline-flex;min-width:0;align-items:center;gap:9px;color:var(--text);font-size:12px;font-weight:700;letter-spacing:.1em}.admin-mobile-brand .brand-monogram{width:32px;height:32px;min-width:32px;flex-basis:32px;border-radius:10px;font-size:16px}.admin-appbar-tools{grid-area:tools;gap:6px}.admin-menu-toggle{width:40px;height:40px;min-width:40px;min-height:40px;justify-content:center;padding:0;font-size:17px}.admin-menu-toggle>span:first-child{font-size:18px}.admin-global-search{display:none}.admin-search-toggle{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);font-size:21px}.admin-search-open .admin-global-search{position:absolute;inset:5px 4px auto 4px;z-index:50;display:block;width:auto;min-width:0;padding:4px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 10px 26px #0006}.admin-search-open .admin-global-search input{height:40px;min-height:40px;font-size:14px}.admin-search-open .admin-search-toggle{visibility:hidden}.admin-notification-link{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;font-size:0}.admin-notification-link>span:first-child{font-size:17px}.admin-notification-link>b{position:absolute;margin:-24px 0 0 24px;font-size:9px}.admin-quick-action{display:none}.admin-theme-toggle{position:static;width:38px;height:38px;min-width:38px;min-height:38px;flex-basis:38px}.admin-user-chip{display:inline-flex;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;border-radius:50%}.admin-user-chip>span:last-child{display:none}.admin-user-avatar{width:24px;height:24px}.admin-mobile-page-heading{grid-area:heading;display:block;min-width:0;padding:5px 1px 0}.admin-mobile-page-heading h1{margin:0;color:var(--text);font-size:22px;line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere}.admin-mobile-page-heading p{margin:3px 0 0;color:var(--muted);font-size:12px}.admin-main>.topbar{display:none}.topbar h1{font-size:22px}.panel{padding:16px}.service-manager-panel .toolbar{align-items:stretch;flex-direction:column}.service-manager-panel .toolbar input{max-width:none}.service-editor-dialog{max-height:calc(100dvh - 22px)}.service-editor-tabs{top:75px}.service-editor-form{gap:13px;padding:14px}.service-editor-section{grid-template-columns:minmax(0,1fr);gap:12px}.service-editor-section>h3,.service-editor-section>.muted,.service-editor-section>.full{grid-column:1}.content-editor-state{flex-basis:100%;margin-left:0}.service-admin-list{grid-template-columns:minmax(0,1fr)}.settings-section-title{font-size:18px}.settings-section-note{font-size:12px}}
@media(max-width:420px){.admin-appbar{padding-inline:12px}.admin-main{padding-inline:12px}.admin-mobile-brand{font-size:11px}.admin-mobile-brand .brand-monogram{width:30px;height:30px;min-width:30px;flex-basis:30px}.admin-appbar-tools{gap:5px}.admin-menu-toggle,.admin-theme-toggle{width:36px;min-width:36px;height:36px;min-height:36px;flex-basis:36px}.admin-search-toggle,.admin-notification-link{width:34px;min-width:34px;height:34px;min-height:34px;flex-basis:34px}.admin-user-chip{width:32px;min-width:32px;height:32px;min-height:32px}.admin-mobile-page-heading h1{font-size:20px}.panel{padding:14px}.service-create-disclosure>summary{padding:12px 14px}.service-create-disclosure .admin-form{padding:14px}.service-admin-card{padding:14px}.service-editor-header{padding:14px}.service-editor-header h2{font-size:18px}.service-editor-tabs{top:70px;padding-inline:10px}.service-editor-tab{min-height:42px}.service-editor-actions{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.content-editor textarea{font-size:13px}}
@media(prefers-reduced-motion:reduce){.service-editor-dialog[open],.admin-search-open .admin-global-search{animation:none!important;transition:none!important}}

/* Keep per-section inputs compact and let project creation follow its numbered steps. */
.content-editor-field>.content-editor>textarea{height:min(42vh,420px);min-height:180px;max-height:68vh}
.content-editor .content-section-fields textarea{height:auto;min-height:76px;max-height:220px;overflow:auto}

/* Social sharing preview in Admin settings. */
.social-admin-preview-wrap{display:grid;gap:9px;margin-top:28px;padding-top:23px;border-top:1px solid var(--line)}
.social-admin-preview-wrap>.settings-section-title,.social-admin-preview-wrap>.settings-section-note{margin:0}
.social-admin-preview{display:grid;grid-template-columns:160px minmax(0,1fr);width:min(100%,620px);overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 8px 24px #0002}
.social-admin-preview>img{width:100%;height:100%;min-height:112px;max-height:150px;object-fit:cover;background:#211f1a}
.social-admin-preview-body{display:grid;align-content:center;gap:5px;min-width:0;padding:13px 16px}
.social-admin-preview-body>span{color:var(--muted);font-size:10px;letter-spacing:.1em}
.social-admin-preview-body strong{display:-webkit-box;overflow:hidden;color:var(--text);font-size:14px;line-height:1.35;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.social-admin-preview-body p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:11px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media(max-width:560px){.social-admin-preview{grid-template-columns:110px minmax(0,1fr)}.social-admin-preview>img{min-height:105px}.social-admin-preview-body{padding:10px}.social-admin-preview-body strong{font-size:12px}}

/* Consistent line icons for the reorganized Admin navigation. */
.sidebar-nav-icon svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.settings-form #settings-fields .field-help{display:block;max-width:78ch;color:var(--muted);font-size:11px;font-weight:400;line-height:1.55}
.settings-form #settings-fields>label.settings-toggle{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:4px 10px}
.settings-form #settings-fields>label.settings-toggle .field-help{grid-column:2}
.settings-days-field>.field-help{flex:1 0 100%}
.image-field-drop{display:grid;min-height:72px;place-items:center;padding:13px 16px;border:1px dashed #85704f;border-radius:11px;background:#d6b88b0a;color:var(--muted);font-size:12px;line-height:1.55;text-align:center;overflow-wrap:anywhere;transition:border-color .16s ease,background .16s ease,color .16s ease}
.image-field-drop.dragover{border-color:var(--gold);background:#d6b88b20;color:var(--text)}
.image-field-state{min-height:0;margin:0;color:var(--muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.image-upload-field>progress{width:100%;height:10px;accent-color:var(--gold)}
.image-field-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.image-field-drop:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.settings-section-nav{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 18px;padding:9px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.settings-section-nav a{display:inline-flex;align-items:center;min-height:36px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:12px;line-height:1.25}
.settings-section-nav a:hover,.settings-section-nav a:focus-visible{border-color:var(--gold);color:var(--gold)}
.homepage-admin-preview-wrap{grid-column:1/-1;margin:26px 0 6px}
.homepage-admin-preview-wrap>h2{margin:0 0 12px;font-size:19px}
.homepage-admin-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.9fr);gap:22px;align-items:center;min-height:260px;padding:clamp(18px,3vw,32px);overflow:hidden;border:1px solid var(--line);border-radius:20px;background:radial-gradient(ellipse at 85% 15%,#d6b88b22,transparent 45%),var(--surface);color:var(--text)}
.homepage-admin-preview-copy{min-width:0}
.homepage-admin-preview .eyebrow{margin:0 0 13px;color:var(--gold);letter-spacing:.17em}
.homepage-admin-preview h3{margin:0;font-size:clamp(23px,3.2vw,40px);line-height:1.13;letter-spacing:-.035em;overflow-wrap:anywhere}
.homepage-admin-preview-subtitle{margin:13px 0 18px;color:var(--muted);line-height:1.55;overflow-wrap:anywhere}
.homepage-admin-preview>img{display:block;width:100%;max-height:300px;aspect-ratio:16/10;object-fit:cover;border:1px solid var(--line);border-radius:14px;background:#121212}
.homepage-admin-preview>img[hidden]{display:none}
.homepage-admin-preview-actions{display:flex;flex-wrap:wrap;gap:8px}
.homepage-admin-preview-actions span{max-width:100%;padding:9px 13px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:700;overflow-wrap:anywhere}
.homepage-admin-preview-actions span:first-child{border-color:var(--gold);background:var(--gold);color:#17130e}
@media(max-width:900px){.homepage-admin-preview{grid-template-columns:minmax(0,1fr);gap:16px}.homepage-admin-preview>img{max-height:220px;order:-1}.settings-section-nav{top:4px;gap:6px;padding:7px}.settings-section-nav a{min-height:34px;padding:6px 9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.settings-section-nav{scroll-behavior:auto}}
@media(prefers-reduced-motion:reduce){.image-field-drop{transition:none}}

/* V7.4 customer inquiry panel: complete, responsive detail cards */
.lead-manager-panel{min-width:0;overflow:hidden;padding:clamp(16px,2.4vw,28px)}
.lead-manager-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.lead-manager-copy{min-width:0;max-width:680px}
.lead-manager-copy .eyebrow{margin-bottom:8px}
.lead-manager-copy h2{margin:0 0 7px;font-size:clamp(21px,2.2vw,28px);line-height:1.2;letter-spacing:-.025em}
.lead-manager-copy .muted{margin:0;font-size:13px}
.lead-manager-tools{display:grid;flex:0 1 340px;grid-template-columns:1fr;gap:8px;min-width:220px}
.lead-count{justify-self:start;padding:6px 10px;border:1px solid color-mix(in srgb,var(--gold) 48%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--gold) 10%,var(--surface));color:var(--gold);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
.lead-manager-tools input{min-height:44px;border-color:var(--line);border-radius:12px;background:var(--bg);font-size:13px}
.lead-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,410px),1fr));align-items:start;gap:14px;min-width:0}
.lead-card{display:grid;gap:15px;min-width:0;padding:clamp(14px,2vw,20px);border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 9px 25px #00000012}
.lead-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0;padding-bottom:14px;border-bottom:1px solid var(--line)}
.lead-card-identity{min-width:0}
.lead-card-eyebrow{margin:0 0 5px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.13em}
.lead-card-identity h3{margin:0;color:var(--text);font-size:clamp(17px,2vw,21px);line-height:1.3;overflow-wrap:anywhere}
.lead-card-created{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums}
.lead-status-control{display:grid;flex:0 0 142px;gap:5px;min-width:0;color:var(--muted);font-size:10px;font-weight:600}
.lead-status-control select{width:100%;min-width:0;min-height:44px;padding:8px 28px 8px 10px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--text);font-size:12px}
.lead-card-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;min-width:0;margin:0}
.lead-card-details>div{min-width:0;padding:0 0 10px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.lead-card-details dt{margin:0 0 4px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}
.lead-card-details dd{min-width:0;margin:0;color:var(--text);font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}
.lead-card-details dd a{color:var(--gold);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--gold) 45%,transparent);text-underline-offset:3px;overflow-wrap:anywhere;word-break:break-word}
.lead-card-details dd a:hover{text-decoration-color:currentColor}
.lead-detail-wide{grid-column:1/-1}
.lead-note,.lead-flycam{min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--bg) 72%,var(--surface))}
.lead-note h4,.lead-flycam h4{margin:0 0 8px;color:var(--text);font-size:12px;font-weight:700}
.lead-note p{max-height:280px;overflow:auto;margin:0;color:var(--muted);font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overscroll-behavior:contain}
.lead-flycam{padding-bottom:8px}
.lead-flycam-details{gap:10px 14px}
.lead-flycam-details>div{border:0;padding-bottom:5px}
.lead-list>.empty-state,.lead-list>.notice{grid-column:1/-1;margin:0}
@media(max-width:900px){.lead-manager-heading{align-items:stretch;flex-direction:column;gap:14px}.lead-manager-tools{grid-template-columns:auto minmax(0,1fr);align-items:center;flex:initial;min-width:0}.lead-manager-tools input{grid-column:1/-1}.lead-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}}
@media(max-width:560px){.lead-manager-panel{padding:15px}.lead-manager-heading{margin-bottom:16px;padding-bottom:15px}.lead-manager-copy .muted{font-size:12px}.lead-manager-tools{grid-template-columns:1fr}.lead-manager-tools input{grid-column:1}.lead-list{grid-template-columns:minmax(0,1fr);gap:11px}.lead-card{gap:13px;padding:14px;border-radius:14px}.lead-card-header{flex-direction:column;gap:11px}.lead-status-control{grid-template-columns:auto minmax(0,1fr);align-items:center;flex:initial;width:100%}.lead-status-control select{justify-self:end;width:min(100%,220px)}.lead-card-details{gap:10px 12px}.lead-card-details dd{font-size:12px}.lead-note,.lead-flycam{padding:12px}.lead-note p{max-height:240px;font-size:12px}}
@media(max-width:360px){.lead-card-details{grid-template-columns:minmax(0,1fr)}.lead-detail-wide{grid-column:1}.lead-status-control{grid-template-columns:minmax(0,1fr)}.lead-status-control select{justify-self:stretch;width:100%}}

/* Refined Admin navigation and sourced illustration editor */
.sidebar nav a{font-family:"Be Vietnam Pro",sans-serif;font-size:13px;font-weight:500;letter-spacing:-.012em;line-height:1.4}
.sidebar-nav-heading{font-family:"Be Vietnam Pro",sans-serif;font-size:9px;font-weight:600;letter-spacing:.13em}
.sidebar .brand-name{font-family:"Be Vietnam Pro",sans-serif;font-size:14px;font-weight:600;letter-spacing:.09em}
.sidebar nav a{min-height:44px;border-radius:12px}
.sidebar-nav-icon{border-radius:9px;background:#ffffff06;color:#d8c29c}
.sidebar nav a:hover .sidebar-nav-icon{border-color:#d6b88b55;background:#d6b88b18;color:#f1dfbd}
.sidebar nav a[aria-current=page]{box-shadow:inset 3px 0 0 var(--gold)}
.content-image-dialog{width:min(560px,calc(100vw - 24px));max-width:560px;max-height:min(92dvh,860px);overflow:auto;margin:auto;padding:0;border:1px solid var(--line);border-radius:20px;background:var(--bg);color:var(--text);box-shadow:0 24px 90px #0008}
.content-image-dialog::backdrop{background:#050505ad;backdrop-filter:blur(4px)}
.content-image-form{display:grid;gap:13px;padding:20px}
.content-image-form>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.content-image-form h2{margin:0;font-size:20px;line-height:1.25}
.content-image-form>.muted{margin:0;font-size:12px;line-height:1.55}
.content-image-form label{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:11px;font-weight:600}
.content-image-form input,.content-image-form select{min-width:0;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;line-height:1.4}
.content-image-form input:focus,.content-image-form select:focus{border-color:var(--gold);outline:2px solid color-mix(in srgb,var(--gold) 35%,transparent);outline-offset:1px}
.content-image-form input[type="file"]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);border:0}
.content-image-drop{display:grid;min-height:94px;place-items:center;padding:18px;border:1px dashed color-mix(in srgb,var(--gold) 55%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--gold) 7%,var(--surface));color:var(--text);text-align:center;font-size:12px;line-height:1.5;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.content-image-drop:hover,.content-image-drop:focus-visible,.content-image-drop.is-dragging{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,var(--surface));outline:2px solid color-mix(in srgb,var(--gold) 28%,transparent);outline-offset:2px}
.content-image-form progress{width:100%;height:8px;accent-color:var(--gold)}
.content-image-preview{display:block;width:100%;max-height:240px;object-fit:cover;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.content-editor.is-dragging .content-editor-toolbar{border-color:var(--gold)}
.content-editor.is-dragging textarea,.content-editor.is-dragging .content-editor-preview{outline:2px dashed var(--gold);outline-offset:3px;background:color-mix(in srgb,var(--gold) 9%,var(--surface))}
.content-image-status{min-height:20px;margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.content-image-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}
.content-image-close{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);font-size:23px}
.content-illustration{max-width:100%;margin:24px 0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.content-illustration img{display:block;width:100%;max-height:580px;object-fit:contain;background:#111}
.content-illustration figcaption{padding:9px 13px;color:var(--muted);font-size:11px;line-height:1.5}
.content-editor-preview .content-illustration{margin:14px 0}
.content-editor-preview .content-illustration img{max-height:270px}
@media(max-width:560px){.content-image-form{gap:11px;padding:15px}.content-image-form h2{font-size:18px}.content-image-actions>*{flex:1}.sidebar nav a{font-size:13px}}

/* Admin controls: show forms immediately and give media actions room on phones. */
@media(max-width:720px){.media-record{display:flex;flex-direction:column;align-items:stretch}.media-record-preview{width:100%;height:auto;min-height:0;aspect-ratio:16/9}.media-record-info{padding:14px 14px 8px}.media-record-info h4{font-size:15px}.media-record-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 14px 14px;margin:0}.media-record-actions .small-button{min-width:0;min-height:44px;padding:8px 9px;font-size:12px;line-height:1.25;white-space:normal}.service-editor-form>[data-service-panel]{display:block!important}.service-editor-section{padding:16px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface) 95%,var(--bg))}.service-editor-section>h3{grid-column:1/-1;margin:0 0 4px}.service-editor-section>.muted{grid-column:1/-1;margin:0 0 6px;line-height:1.6}.service-editor-actions{position:sticky;bottom:0;z-index:5;padding:10px;background:var(--surface);border-top:1px solid var(--line)}}
.media-record-actions .small-button{min-height:42px}
.media-record-preview{position:relative}.media-poster-fallback{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#111827b8,#05050544);color:#f3f4f6;font-size:14px;font-weight:700;pointer-events:none}.media-record-preview:has(video[poster]) .media-poster-fallback{display:none}

.article-form-section{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.article-form-section>.full,.article-form-section>.content-editor-field{grid-column:1/-1}@media(max-width:720px){.article-form-section{grid-template-columns:minmax(0,1fr);padding:13px}.article-form-section>.full,.article-form-section>.content-editor-field{grid-column:1}}
.article-edit{min-width:0;padding:0;overflow:hidden;background:var(--surface)}
.article-edit>summary{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:76px;padding:11px 15px;list-style:none}
.article-edit>summary::-webkit-details-marker{display:none}
.article-edit>summary:before{content:"＋";grid-column:4;grid-row:1;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;font-size:18px;color:var(--gold)}
.article-edit[open]>summary:before{content:"−"}
.article-summary-image{grid-column:1;grid-row:1;width:56px;height:48px;border-radius:8px;object-fit:cover;background:var(--bg)}
.article-summary-copy{grid-column:2;grid-row:1;display:grid;gap:4px;min-width:0;color:var(--text)}
.article-summary-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.4}
.article-summary-copy small{color:var(--muted);font-size:11px}
.article-summary-status{grid-column:3;grid-row:1;justify-self:end;white-space:nowrap}
.article-summary-edit{display:none}
.article-edit .article-form{display:grid;gap:14px;margin:0;padding:16px;border-top:1px solid var(--line)}
.article-form-section{min-width:0;margin:0;padding:17px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface) 90%,var(--bg));}
.article-form-section legend{max-width:100%;padding:0 8px;color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.02em}
.article-form-section>label{min-width:0;align-content:start;gap:7px;color:var(--muted);font-size:12px;line-height:1.45}
.article-form-section input,.article-form-section textarea{width:100%;min-width:0}
.article-form-section textarea{min-height:92px;line-height:1.6}
.article-form-section textarea[name=content]{min-height:320px}
.article-form-section input[readonly],.article-form-section textarea[readonly]{border-color:#706047;background:color-mix(in srgb,var(--gold) 8%,var(--bg));color:var(--text);cursor:default}
.article-form-section .auto-seo-note{grid-column:1/-1;margin:0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--gold) 9%,var(--surface));color:var(--muted);font-size:12px;line-height:1.55}
.article-share-preview{grid-column:1/-1;display:grid;gap:10px;min-width:0;margin-top:3px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.article-share-preview-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:5px 12px}
.article-share-preview-heading strong{font-size:13px;color:var(--text)}
.article-share-preview-heading span{font-size:11px;color:var(--muted)}
.article-share-preview-card{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);min-height:104px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.article-share-preview-card img{width:100%;height:100%;min-height:104px;max-height:150px;object-fit:cover;background:var(--bg)}
.article-share-preview-card>div{display:grid;align-content:center;gap:5px;min-width:0;padding:12px 14px}
.article-share-preview-card small{color:var(--muted);font-size:10px;letter-spacing:.08em}
.article-share-preview-card b{display:-webkit-box;overflow:hidden;color:var(--text);font-size:14px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.article-share-preview-card p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:12px;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.article-share-preview-url{overflow-wrap:anywhere;margin:0;color:var(--muted);font-size:11px}
.article-edit .article-form>.image-upload-field,.article-edit .article-revision-history{grid-column:1/-1}
.article-edit .article-form>button{grid-column:auto;justify-self:start;min-width:150px}
.article-edit .article-form>.danger-button{margin-left:auto}
@media(max-width:720px){.article-edit>summary{grid-template-columns:44px minmax(0,1fr) 34px;gap:9px;padding:10px 11px}.article-edit>summary:before{grid-column:3}.article-summary-image{width:44px;height:42px}.article-summary-status{grid-column:2;grid-row:2;justify-self:start;font-size:10px}.article-summary-copy{grid-column:2;grid-row:1}.article-summary-copy strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-edit .article-form{padding:12px}.article-form-section{gap:11px;padding:13px}.article-share-preview{padding:11px}.article-share-preview-card{grid-template-columns:100px minmax(0,1fr);min-height:95px}.article-share-preview-card img{min-height:95px}.article-share-preview-card>div{padding:9px}.article-edit .article-form>.danger-button{margin-left:0}}

/* Structured content editor, preserving raw unsupported legacy blocks. */
.content-block-editor-host{display:grid;gap:12px;width:100%;min-width:0}
.content-block-list{display:grid;gap:11px;min-width:0}
.content-block-card{display:grid;gap:10px;min-width:0;padding:13px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 88%,var(--bg))}
.content-block-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.content-block-heading strong{color:var(--gold);font-size:12px;letter-spacing:.025em}
.content-block-field{display:grid;gap:5px;min-width:0;margin:0!important}
.content-block-field>span{color:var(--muted);font-size:11px;font-weight:600}
.content-block-field input,.content-block-field textarea{width:100%;min-width:0;margin:0!important}
.content-block-field textarea{height:auto;min-height:78px;max-height:42vh;resize:vertical;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}
.content-block-add-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:11px;border:1px dashed var(--line);border-radius:11px;background:color-mix(in srgb,var(--surface) 60%,var(--bg))}
.content-block-add-row select{width:min(100%,250px);min-height:40px}
.content-block-card.is-image{grid-template-columns:repeat(2,minmax(0,1fr))}
.content-block-card.is-image>.content-block-heading{grid-column:1/-1}
.content-block-card.is-image>.content-block-field:last-child{grid-column:1/-1}
@media(max-width:620px){.content-block-card{padding:11px}.content-block-card.is-image{grid-template-columns:minmax(0,1fr)}.content-block-card.is-image>.content-block-heading,.content-block-card.is-image>.content-block-field:last-child{grid-column:1}.content-block-add-row select,.content-block-add-row button{flex:1 1 100%;width:100%;min-height:44px}}

/* Media upload controls and bounded business-hours layout. */
.upload-performance{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:10px;min-width:0;margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:13px}
.upload-performance legend{padding:0 7px;color:var(--gold);font-weight:700}
.upload-performance>.field-help,.upload-performance-status{grid-column:1/-1;margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.upload-performance>label{display:grid;gap:5px;min-width:0;color:var(--muted);font-size:11px}
.upload-performance input,.upload-performance select{width:100%;min-width:0;min-height:40px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text)}
.upload-performance>button{grid-column:1/-1;justify-self:start}
.upload-batch-summary{position:sticky;top:8px;z-index:1;padding:10px 12px;border:1px solid #d6b88b60;border-radius:10px;background:var(--surface);color:var(--text);font-size:12px}
.settings-days-field{box-sizing:border-box;width:100%;max-width:100%;justify-content:flex-start;align-items:center;overflow-wrap:anywhere}
.settings-day-option{flex:0 1 auto;min-width:0;white-space:normal}
.settings-days-field .settings-day-option{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:flex-start;gap:8px;min-width:max-content;min-height:42px;padding:8px 12px;white-space:nowrap;line-height:1.25}
.settings-days-field .settings-day-option input[type=checkbox]{appearance:auto;width:18px!important;min-width:18px;height:18px;min-height:18px;margin:0;padding:0;flex:0 0 18px;accent-color:var(--gold)}
.settings-days-field legend{float:none;width:auto;max-width:100%;margin:0 0 4px;line-height:1.35;white-space:normal}
.settings-form #settings-fields{min-width:0}
.settings-form #settings-fields input[type=time]{width:100%;max-width:100%;min-width:0}
@media(max-width:900px){.upload-performance{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-performance>label:last-of-type{grid-column:1/-1}}
@media(max-width:420px){.upload-performance{grid-template-columns:minmax(0,1fr);padding:12px}.upload-performance>label:last-of-type{grid-column:1}.settings-days-field{gap:8px;padding:11px}.settings-days-field .settings-day-option{flex:0 1 calc(50% - 8px);min-width:0;white-space:nowrap;padding-inline:9px}.settings-days-field .settings-day-option input[type=checkbox]{width:17px!important;min-width:17px;height:17px;min-height:17px;flex-basis:17px}}
.admin-main>.panel+.panel{margin-top:22px}
/* Delivery feedback admin panel */
.delivery-feedback-admin-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:12px;min-width:0}
.delivery-feedback-admin-item{display:grid;gap:9px;min-width:0;padding:15px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface) 94%,var(--bg))}
.delivery-feedback-admin-item>header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.delivery-feedback-admin-item>header strong{min-width:0;overflow-wrap:anywhere;font-size:13px}
.delivery-feedback-badge{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;color:var(--gold);font-size:10px;font-weight:700;white-space:nowrap}
.delivery-feedback-admin-item>p,.delivery-feedback-admin-item>time{margin:0;min-width:0;overflow-wrap:anywhere;font-size:12px;line-height:1.55}
.delivery-feedback-admin-comment{padding:10px;border-radius:9px;background:color-mix(in srgb,var(--surface) 82%,var(--bg));white-space:pre-wrap}
.delivery-feedback-admin-item>.small-button{justify-self:start;min-height:38px}
.delivery-feedback-selection{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 14px}.delivery-feedback-select{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;white-space:nowrap}.delivery-feedback-select input{width:16px;height:16px;accent-color:var(--gold)}.delivery-feedback-admin-actions{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.delivery-feedback-admin-actions .small-button{min-height:38px;text-decoration:none}.delivery-feedback-media{line-height:1.65!important}
@media(max-width:720px){.delivery-feedback-admin-list{grid-template-columns:minmax(0,1fr)}.delivery-feedback-admin-item{padding:12px}.delivery-feedback-admin-item>header{align-items:flex-start}}
.media-bulk-edit-rows{display:grid;gap:8px;max-height:55svh;overflow:auto;margin:12px 0;padding-right:3px}
.media-bulk-dialog .media-bulk-edit-row{display:grid;gap:6px;margin:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 90%,var(--bg))}
.media-bulk-dialog .media-bulk-edit-row>span{font-size:11px;line-height:1.45;overflow-wrap:anywhere;color:var(--muted)}

.article-share-preview-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding-top:10px;border-top:1px solid var(--line);font-size:11px}.article-share-preview-footer a{color:var(--gold);font-weight:700;text-decoration:none}.article-sitemap-state{color:var(--muted)}.article-sitemap-state[data-ready="1"]{color:#3ba77b}
.seo-health-details{display:grid;gap:12px;margin-top:20px}.seo-preview-row{display:grid;grid-template-columns:minmax(150px,.3fr) minmax(0,1fr);gap:14px;align-items:start;padding:14px 16px;border:1px solid var(--line,#333);border-radius:14px;background:var(--surface,#151515)}.seo-preview-row strong{color:var(--text,#f5f2ed)}.seo-preview-row p{margin:0;color:var(--muted,#aaa);overflow-wrap:anywhere}.seo-admin-links{display:flex;flex-wrap:wrap;gap:10px}.seo-admin-links .button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;text-decoration:none}@media(max-width:640px){.seo-preview-row{grid-template-columns:1fr;gap:6px}.seo-admin-links .button{flex:1 1 100%}}

/* Keep portrait and unusual media proportions visible in the admin library. */
.media-record-preview{height:auto;max-height:min(52vh,380px);aspect-ratio:auto}
.media-record-preview img,.media-record-preview video{object-fit:contain}
@media(max-width:720px){.media-record-preview{height:auto;min-height:105px;max-height:240px;aspect-ratio:auto}}

/* Intrinsic sizing prevents portrait and nonstandard media from being cropped. */
.media-record-preview{display:grid;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;place-items:center}
.media-record-preview img,.media-record-preview video{display:block;width:auto;height:auto;max-width:100%;max-height:min(52vh,380px);object-fit:contain}
@media(max-width:720px){.media-record-preview{height:auto;min-height:0;max-height:none;aspect-ratio:auto}.media-record-preview img,.media-record-preview video{max-height:240px}}

/* Let media thumbnails shrink-wrap portrait and unusual aspect ratios. */
.media-record-preview{width:fit-content;max-width:100%;margin-inline:auto}
.media-record-preview img,.media-record-preview video{max-width:min(100%,520px);max-height:min(52vh,380px)}
@media(max-width:720px){.media-record-preview{width:fit-content;max-width:100%;min-width:0;margin-inline:auto}.media-record-preview img,.media-record-preview video{max-width:min(100%,calc(100vw - 48px));max-height:280px}}

/* Browser zoom above 300% on a narrow phone can leave fewer than 120 CSS
   pixels. Preserve a usable text column in admin panels and the login form. */
@media(max-width:900px){
  .admin-shell>.sidebar{display:none!important}
  .admin-navigation .sidebar{display:flex!important;width:100%;min-height:100%;flex-direction:column}
}
@media(min-width:901px) and (max-width:1200px){
  .admin-shell .admin-appbar{flex-wrap:wrap}
  .admin-shell .admin-breadcrumb{flex:1 1 100%}
  .admin-shell .admin-breadcrumb strong{min-width:0;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
  .admin-shell .admin-appbar-tools{flex:1 1 100%;justify-content:flex-start}
}
@media(max-width:420px){
  .admin-shell .admin-appbar{margin-right:-12px;margin-left:-12px}
}
@media(max-width:240px){
  .admin-shell .admin-main{min-width:0;width:100%;padding-right:clamp(3px,4vw,8px);padding-left:clamp(3px,4vw,8px)}
  .admin-shell .admin-appbar{box-sizing:border-box;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"brand" "tools" "heading"!important;min-width:0;width:100%;margin-right:0;margin-left:0;padding-right:0;padding-left:0}
  .admin-shell .admin-mobile-brand,.admin-shell .admin-mobile-page-heading{min-width:0;max-width:100%}
  .admin-shell .admin-mobile-brand>span:last-child{display:none}
  .admin-shell .admin-appbar-tools{display:flex;grid-area:tools;flex:none;flex-wrap:wrap;justify-content:flex-start;min-width:0;width:100%;gap:3px}
  .admin-shell .admin-appbar-tools :is(.admin-menu-toggle,.admin-search-toggle,.admin-notification-link,.admin-theme-toggle,.admin-user-chip){box-sizing:border-box;width:clamp(16px,15vw,28px);min-width:0;height:clamp(16px,15vw,28px);min-height:0;flex:0 0 clamp(16px,15vw,28px);padding:0}
  .admin-shell .admin-mobile-page-heading h1{font-size:clamp(8px,8vw,16px);overflow-wrap:anywhere}
  .admin-shell .skip-link{box-sizing:border-box;max-width:calc(100vw - 8px);padding:3px;overflow-wrap:anywhere}
  .admin-shell .login-panel,.admin-shell .panel,.admin-shell .stat-card{box-sizing:border-box;min-width:0;max-width:100%;padding:clamp(3px,4vw,8px)}
  .admin-shell .topbar h1,.admin-shell .login-panel h1,.admin-shell .section-heading h2,.admin-shell .panel h2,.admin-shell .panel h3{min-width:0;max-width:100%;font-size:clamp(8px,8vw,16px);overflow-wrap:anywhere}
  .admin-shell input,.admin-shell select,.admin-shell textarea,.admin-shell button{min-width:0;max-width:100%;padding-right:clamp(2px,3vw,7px);padding-left:clamp(2px,3vw,7px);overflow-wrap:anywhere}
  .admin-shell .stats-grid,.admin-shell .admin-form,.admin-shell .settings-form #settings-fields{grid-template-columns:minmax(0,1fr)}
}


/* Direct repair affordance from the content audit. */
.content-audit-actions{display:flex;flex-wrap:wrap;align-content:start;gap:8px;min-width:0}
.content-audit-actions .small-button{min-height:40px}
.content-audit-item{scroll-margin-top:24px}
@media(max-width:720px){.content-audit-actions .small-button{flex:1 1 auto}}

@media(max-width:640px){.service-editor-tabs{position:static;top:auto}}

html,body{font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* Admin → Gửi email (SMTP) — dùng biến màu chung nên tự theo giao diện sáng/tối */
.smtp-admin{display:grid;gap:20px;min-width:0}
.smtp-admin .topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.smtp-admin .notice{margin:0}
.smtp-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.smtp-stat{display:grid;gap:6px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);min-width:0}
.smtp-stat span{color:var(--muted);font-size:12px}
.smtp-stat strong{font-size:16px;overflow-wrap:anywhere}
.smtp-stat .is-ok{color:#7fc79a}.smtp-stat .is-error{color:#ef8f8f}.smtp-stat .is-off{color:var(--muted)}
.smtp-stack{display:grid;gap:20px;margin:0}
.smtp-admin .panel form.smtp-stack,.smtp-admin form.smtp-stack{margin-top:0}
.smtp-admin .section-heading h2{margin-bottom:6px}
.smtp-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 20px}
.smtp-presets>div{display:grid;gap:6px;padding:13px 15px;border:1px dashed var(--line);border-radius:10px;font-size:12.5px;line-height:1.55;color:var(--muted)}
.smtp-presets strong{color:var(--text);font-size:13px}
.smtp-admin code{padding:1px 6px;border:1px solid var(--line);border-radius:5px;font-size:12px;color:var(--gold);background:color-mix(in srgb,var(--surface) 70%,var(--bg))}
.smtp-grid{align-items:start}
.smtp-grid>label{display:grid;gap:7px;align-content:start}
.smtp-grid input:not([type=checkbox]),.smtp-grid select{width:100%;max-width:100%;min-height:46px}
.smtp-grid textarea{min-height:220px;line-height:1.6;font-family:inherit}
.smtp-admin .field-help{display:block;color:var(--muted);font-size:11.5px;font-weight:400;line-height:1.5}
.smtp-wide,.smtp-toggle{grid-column:1/-1}
.smtp-toggle{display:flex!important;align-items:flex-start;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 85%,var(--bg));cursor:pointer}
.smtp-toggle input{width:19px!important;height:19px;min-height:19px!important;flex:0 0 19px;margin-top:2px;accent-color:var(--gold)}
.smtp-toggle span{display:grid;gap:3px}.smtp-toggle strong{font-size:14px;font-weight:600}
.smtp-admin .checkline{display:flex;align-items:center;gap:10px}
.smtp-admin .checkline input{width:18px;min-height:18px;accent-color:var(--gold)}
.smtp-vars{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.smtp-actions{display:flex;justify-content:flex-end}
.smtp-actions .primary{min-width:200px}
.smtp-note{margin:0 0 14px;font-size:13px}
.smtp-test{display:flex!important;align-items:flex-end;gap:12px;margin-top:0!important}
.smtp-test label{flex:1 1 280px;max-width:460px}
.smtp-test input{max-width:none;width:100%}
.smtp-test .primary{flex:0 0 auto}
.smtp-log td{vertical-align:top}
.smtp-log-time{white-space:nowrap;color:var(--muted)}
.smtp-badge{display:inline-block;padding:3px 10px;border-radius:100px;font-size:11.5px;font-weight:600;border:1px solid}
.smtp-badge.is-ok{color:#7fc79a;border-color:#2f5a3e;background:#13241a}
.smtp-badge.is-error{color:#ef8f8f;border-color:#6a3030;background:#2a1414}
.smtp-log-error{display:block;margin-top:6px;max-width:70ch;color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:900px){.smtp-overview,.smtp-presets{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){.smtp-admin .topbar{flex-direction:column}.smtp-test{flex-direction:column;align-items:stretch}.smtp-test label{max-width:none}.smtp-actions .primary{width:100%}}