/* Light theme scoped to the selected data-theme; dark uses the base stylesheet. */
/* DIF MEDIA Admin — Light Luxury presentation, business logic unchanged. */
html[data-theme="light"]{color-scheme:light;--bg:#f4f6f8;--surface:#fff;--line:#d8dee5;--text:#243040;--muted:#586579;--gold:#d7a64e;--heading:#1b2838;--focus:#a97828}
html[data-theme="light"], html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] .admin-shell{background:linear-gradient(140deg,#f8f7f4,#eef1f4)}
html[data-theme="light"] .sidebar{background:#fff;border-color:#d8dee5;box-shadow:8px 0 30px rgba(35,48,64,.045)}
html[data-theme="light"] .brand, html[data-theme="light"] .brand span{color:#1b2838}html[data-theme="light"] .brand span{color:#8b5d17}html[data-theme="light"] .brand small{color:#718093}
html[data-theme="light"] .sidebar nav a, html[data-theme="light"] .mobile-nav a{color:#526075}
html[data-theme="light"] .sidebar nav a:hover, html[data-theme="light"] .sidebar nav a[aria-current]{background:#f5eedf;color:#2b2418}
html[data-theme="light"] .sidebar-foot{border-color:#d8dee5;color:#526075}
html[data-theme="light"] .sidebar-foot button{color:#805810}
html[data-theme="light"] .admin-main{color:#243040}
html[data-theme="light"] .topbar h1, html[data-theme="light"] .login-panel h1, html[data-theme="light"] .panel h2, html[data-theme="light"] .section-heading h2{color:#1b2838}
html[data-theme="light"] .eyebrow{color:#805810}
html[data-theme="light"] .muted{color:#586579}
html[data-theme="light"] .media-upload-panel .upload-form>label:not(.drop-zone) select{color:#243040!important;-webkit-text-fill-color:#243040!important;color-scheme:light!important}
html[data-theme="light"] .status-pill{border-color:#d5b979;background:#fffaf0;color:#745014}
html[data-theme="light"] .stat-card, html[data-theme="light"] .panel, html[data-theme="light"] .login-panel{border-color:#d8dee5;background:#fff;color:#243040;box-shadow:0 12px 32px rgba(35,48,64,.06)}
html[data-theme="light"] .stat-card span{color:#586579}html[data-theme="light"] .stat-card strong{color:#1b2838}
html[data-theme="light"] .empty-state{border-color:#cbd3dc;color:#586579}html[data-theme="light"] .empty-state strong{color:#1b2838}
html[data-theme="light"] th, html[data-theme="light"] td{border-color:#e1e6eb;color:#344256}
html[data-theme="light"] th{background:#f7f8fa;color:#684a14}
html[data-theme="light"] tr:hover td{background:#fafbfd}
html[data-theme="light"] label{color:#344256}
html[data-theme="light"] input, html[data-theme="light"] textarea, html[data-theme="light"] .admin-form select, html[data-theme="light"] .settings-form select, html[data-theme="light"] .table-wrap select{border-color:#cbd3dc;background:#fff;color:#243040;box-shadow:inset 0 1px 2px rgba(35,48,64,.035)}
html[data-theme="light"] input::placeholder, html[data-theme="light"] textarea::placeholder{color:#7b8795}
html[data-theme="light"] input:focus, html[data-theme="light"] textarea:focus, html[data-theme="light"] select:focus{border-color:#a97828;outline:none;box-shadow:0 0 0 3px rgba(215,166,78,.2)}
html[data-theme="light"] input:disabled, html[data-theme="light"] textarea:disabled, html[data-theme="light"] select:disabled{background:#eef1f4;color:#667384}
html[data-theme="light"] .primary{border-color:#d7a64e;background:#d7a64e;color:#111827;box-shadow:0 7px 18px rgba(155,112,39,.15)}
html[data-theme="light"] .primary:hover{border-color:#c48b35;background:#c48b35;color:#111827}
html[data-theme="light"] .notice{border-color:#dfc788;background:#fff9eb;color:#493915}
html[data-theme="light"] .notice.error{border-color:#e4b6b6;background:#fff1f1;color:#812e2e}
html[data-theme="light"] .small-button{border-color:#cbd3dc;background:#f7f8fa;color:#344256}
html[data-theme="light"] .small-button:hover{border-color:#c48b35;background:#fff8e9;color:#684a14}
html[data-theme="light"] .danger-button{color:#a83232}
html[data-theme="light"] .inline-editor, html[data-theme="light"] .image-upload-field, html[data-theme="light"] .hero-poster-admin{border-color:#d8dee5;background:#f9fafb;color:#344256}
html[data-theme="light"] .image-upload-preview, html[data-theme="light"] .hero-poster-admin-card{border-color:#d8dee5;background:#f1f3f5}
html[data-theme="light"] .hero-poster-admin>strong, html[data-theme="light"] .settings-section-title, html[data-theme="light"] .service-edit summary, html[data-theme="light"] .article-edit summary{color:#684a14}
html[data-theme="light"] .settings-section-title{border-color:#d8dee5}html[data-theme="light"] .settings-section-note{color:#586579}
html[data-theme="light"] .settings-toggle{border-color:#d8dee5!important;background:#fff!important;color:#344256!important}
html[data-theme="light"] .settings-toggle input, html[data-theme="light"] .checkline input, html[data-theme="light"] .public-confirm input{accent-color:#a97828}
html[data-theme="light"] .blocked-card{border-color:#d9c79f;background:#fffaf1;color:#344256}
html[data-theme="light"] .blocked-card h2{color:#1b2838}
html[data-theme="light"] .blocked-card p:not(.eyebrow){color:#526075}
html[data-theme="light"] .button-link{border-color:#bc8c39;color:#684a14;background:#fffaf0}
html[data-theme="light"] .button-link:hover{background:#f7e8ca}
html[data-theme="light"] .r2-status{color:#684a14}
html[data-theme="light"] .service-edit, html[data-theme="light"] .article-edit{border-color:#d8dee5;background:#fff}
html[data-theme="light"] .public-storage-warning{border-color:#dfc788;background:#fff9eb}
html[data-theme="light"] .drop-zone{border-color:#c4a25f;background:#fffaf0;color:#344256}
html[data-theme="light"] .drop-zone.dragover{border-color:#a97828;background:#fff3d9}
html[data-theme="light"] .upload-item{border-color:#d8dee5;background:#f9fafb}
html[data-theme="light"] .upload-item span{color:#586579}
html[data-theme="light"] .upload-item progress{accent-color:#a97828}
html[data-theme="light"] .selected-media-item{border-color:#d8dee5;background:#fff}
html[data-theme="light"] .selected-media-item span{color:#586579}
html[data-theme="light"] .selected-media-item .selected-media-error{color:#8a3434}
html[data-theme="light"] .article-form textarea[name=content]{background:#fff;color:#243040}
html[data-theme="light"] .admin-menu-toggle{border-color:#d8dee5;background:#fff;color:#684a14}
html[data-theme="light"] .admin-menu-toggle:hover{border-color:#c48b35;background:#fff8e9}
html[data-theme="light"] .admin-navigation{border-color:#d8dee5;background:#fff;color:#243040;box-shadow:18px 0 48px rgba(35,48,64,.14)}
html[data-theme="light"] .admin-navigation .sidebar{box-shadow:none}
html[data-theme="light"] .admin-navigation::backdrop{background:rgba(27,40,56,.35)}
html[data-theme="light"] .admin-menu-close{border-color:#d8dee5;background:#f5f6f7;color:#344256}
html[data-theme="light"] .admin-menu-close:hover{border-color:#c48b35;color:#684a14}
html[data-theme="light"] .mobile-nav{border-color:#d8dee5;background:#fff}
html[data-theme="light"] .mobile-nav summary{color:#684a14}
html[data-theme="light"] .skip-link{background:#d7a64e;color:#111827}
html[data-theme="light"] .content-audit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
html[data-theme="light"] .content-audit-stat{padding:16px;border:1px solid #d8dee5;border-radius:12px;background:#fff}
html[data-theme="light"] .content-audit-stat span{display:block;color:#586579;font-size:12px}
html[data-theme="light"] .content-audit-stat strong{display:block;margin-top:6px;color:#1b2838;font-size:26px}
html[data-theme="light"] .content-audit-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px 0;border-bottom:1px solid #e1e6eb}
html[data-theme="light"] .content-audit-issues{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
html[data-theme="light"] .content-audit-issue{padding:3px 8px;border-radius:999px;background:#fff3d9;color:#604713;font-size:11px}
html[data-theme="light"] .content-audit-issue.is-error{background:#fff0f0;color:#8a3434}
html[data-theme="light"] .revision-list{display:grid;gap:8px;margin-top:10px}
html[data-theme="light"] .revision-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px;border:1px solid #e1e6eb;border-radius:10px;background:#fafbfd}
html[data-theme="light"] .revision-item pre{max-width:100%;overflow:auto;white-space:pre-wrap;color:#455366;font:12px/1.55 ui-monospace,monospace}
@media(max-width:720px){html[data-theme="light"] .content-audit-item{grid-template-columns:1fr}html[data-theme="light"] .revision-item{flex-direction:column}}
html[data-theme="light"] :focus-visible{outline:3px solid #a97828;outline-offset:3px}
html[data-theme="light"] .revision-compare{width:100%;padding:8px 10px;border:1px solid #e1e6eb;border-radius:9px;background:#fff;color:#344256}
html[data-theme="light"] .revision-compare>summary{cursor:pointer;color:#684a14;font-weight:600}
html[data-theme="light"] .revision-diff{display:grid;gap:8px;margin-top:10px}
html[data-theme="light"] .revision-diff section{padding:10px;border-radius:8px;background:#f5f6f8;overflow-wrap:anywhere}
html[data-theme="light"] .revision-diff strong{color:#1b2838}
html[data-theme="light"] .revision-diff p{margin:6px 0 0;color:#455366;white-space:pre-wrap}
html[data-theme="light"] .content-audit-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:flex-start}
html[data-theme="light"] .content-audit-actions a.small-button{text-decoration:none}
@media(max-width:720px){html[data-theme="light"] .content-audit-actions .small-button{min-height:40px}}
html[data-theme="light"] .theme-toggle{border-color:#d8dee5;background:#f6f7f9;color:#28384c}
html[data-theme="light"] .theme-toggle:hover{border-color:#c48b35;background:#fff8e9;color:#805810}
html[data-theme="light"] .theme-preview-controls{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 16px;padding:12px 14px;border:1px solid #d8dee5;border-radius:12px;background:#f7f8fa}
html[data-theme="light"] .theme-preview-controls strong{color:#1b2838;margin-right:5px}

html[data-theme="light"]{--color-bg:#f8f7f4;--color-surface:#fff;--color-heading:#1b2838;--color-text:#243040;--color-text-secondary:#586579;--color-primary:#d7a64e;--color-primary-foreground:#111827;--color-border:#d8dee5;--color-focus:#94681e}
html[data-theme="light"] .admin-shell>.sidebar{background:#fff;border-color:#d8dee5;box-shadow:8px 0 28px rgba(35,48,64,.05)}
html[data-theme="light"] .brand-name{color:#1b2838}
html[data-theme="light"] .sidebar-nav-heading{color:#7a8492}
html[data-theme="light"] .sidebar nav a{color:#526075}
html[data-theme="light"] .sidebar nav a:hover{border-color:#e8e3d8;background:#f7f5ef;color:#243040}
html[data-theme="light"] .sidebar nav a[aria-current=page]{border-color:#e8d3a4;background:linear-gradient(100deg,#f5e8cc,#fffaf1);color:#3a2d18}
html[data-theme="light"] .sidebar-nav-icon{border-color:#e4e8ed;color:#8b641d}
html[data-theme="light"] .sidebar nav a[aria-current=page] .sidebar-nav-icon{border-color:#d7a64e;background:#d7a64e;color:#111827}
html[data-theme="light"] .sidebar-site-link,html[data-theme="light"] .sidebar-foot{border-color:#d8dee5;color:#526075}
html[data-theme="light"] .sidebar-foot button{border-color:#d8dee5;color:#805810}
html[data-theme="light"] .admin-appbar{border-color:#d8dee5;background:rgba(248,247,244,.93)}
html[data-theme="light"] .admin-global-search input,html[data-theme="light"] .admin-notification-link,html[data-theme="light"] .admin-user-chip{border-color:#d8dee5;background:#fff;color:#344256}
html[data-theme="light"] .admin-search-results{border-color:#d8dee5;background:#fff;box-shadow:0 18px 46px rgba(35,48,64,.16)}
html[data-theme="light"] .admin-search-result:hover,html[data-theme="light"] .admin-search-result:focus-visible{background:#f7f1e4}
html[data-theme="light"] .admin-quick-action{border-color:#d7a64e;background:#d7a64e;color:#111827}
html[data-theme="light"] .admin-user-avatar{background:#f5eedf;color:#805810}
html[data-theme="light"] .stat-card::after{border-color:#d7a64e30}
html[data-theme="light"] .quick-action-card{border-color:#d8dee5;background:#fff;color:#243040}
html[data-theme="light"] .quick-action-card:hover{border-color:#c48b35}
html[data-theme="light"] .activity-row{border-color:#e1e6eb}
html[data-theme="light"] .activity-type{color:#805810}
html[data-theme="light"] .activity-description{color:#243040}
html[data-theme="light"] .activity-date{color:#718093}
@media(max-width:760px){html[data-theme="light"] .admin-navigation{border-color:#d8dee5;background:#fff;color:#243040;box-shadow:18px 0 48px rgba(35,48,64,.14)}html[data-theme="light"] .admin-navigation .sidebar{background:#fff}html[data-theme="light"] .admin-navigation::backdrop{background:rgba(27,40,56,.35)}html[data-theme="light"] .admin-menu-toggle{border-color:#d8dee5;background:#fff;color:#344256}html[data-theme="light"] .admin-menu-close{border-color:#d8dee5;background:#f7f8fa;color:#344256}}
.settings-days-field{border-color:#d6dde5;background:#ffffff80}.settings-day-option{border-color:#d6dde5;background:#fff;color:#344256}.about-admin-preview[data-preview-theme=light]{box-shadow:0 10px 30px #18283b0d}.about-admin-preview[data-preview-theme=light] .eyebrow{color:#9c6b14}.about-admin-preview[data-preview-theme=light] .about-admin-preview-actions span{border-color:#c99d4d;color:#805810}.about-media-picker{border-color:#d6dde5;background:#fff;color:#243247}

/* ---------------------------------------------------------------
   Khung "Xem trước giao diện": thẻ xem trước có chế độ sáng/tối
   RIÊNG, độc lập với chế độ của trang Admin. Trước đây quy tắc
   chung `html[data-theme="light"] .panel h2` đè lên nên tiêu đề
   bị màu tối trên nền tối và gần như biến mất.
   --------------------------------------------------------------- */
html body .about-admin-preview[data-preview-theme="dark"],
html body .about-admin-preview[data-preview-theme="dark"] h2 {
  color: #f5f3ee !important;
}
html body .about-admin-preview[data-preview-theme="dark"] .eyebrow { color: #c39447 !important; }
html body .about-admin-preview[data-preview-theme="dark"] .about-admin-preview-description { color: #b9b4ab !important; }
html body .about-admin-preview[data-preview-theme="dark"] .about-admin-preview-actions span {
  border-color: #d6b88b75 !important;
  color: #d6b88b !important;
}
html body .about-admin-preview[data-preview-theme="light"],
html body .about-admin-preview[data-preview-theme="light"] h2 {
  color: #263548 !important;
}
html body .about-admin-preview[data-preview-theme="light"] .eyebrow { color: #9c6b14 !important; }
html body .about-admin-preview[data-preview-theme="light"] .about-admin-preview-description { color: #647184 !important; }
html body .about-admin-preview[data-preview-theme="light"] .about-admin-preview-actions span {
  border-color: #c99d4d !important;
  color: #805810 !important;
}
html[data-theme="light"] .smtp-stat .is-ok,html[data-theme="light"] .smtp-badge.is-ok{color:#24723f}
html[data-theme="light"] .smtp-stat .is-error,html[data-theme="light"] .smtp-badge.is-error{color:#a12f2f}
html[data-theme="light"] .smtp-badge.is-ok{background:#eaf7ef;border-color:#b8dfc6}
html[data-theme="light"] .smtp-badge.is-error{background:#fff1f1;border-color:#e4b6b6}
html[data-theme="light"] .smtp-admin code{color:#8a6328;background:#faf6ee;border-color:#e6dcc8}
html[data-theme="light"] .smtp-toggle{background:#fbfcfd}
html[data-theme="light"] .smtp-actions .primary{box-shadow:0 8px 24px #1b283822}