/* Yura Tổng vụ v4.2.3 — unified light/dark theme and detail panel.
   Dark mode only: preserve semantic danger, success, warning and event-category hues.
   Inline status colors and printable documents are deliberately unaffected. */
:root{--yv423-bg:#f3f7fc;--yv423-panel:#fff;--yv423-ink:#172e59;--yv423-muted:#7388a9;--yv423-line:#e4ebf7;--yv423-action:#2563eb}
html[data-yura-theme="dark"]{
 color-scheme:dark;
 --yv423-bg:#101826;--yv423-panel:#1b2739;--yv423-ink:#e5efff;--yv423-muted:#a3b4cc;--yv423-line:#35465e;--yv423-action:#65a3ff;
 --yv42-bg:var(--yv423-bg);--yv42-text:var(--yv423-ink);--yv42-muted:var(--yv423-muted);--yv42-border:var(--yv423-line);--yv42-soft:#263953;--yv42-shadow:0 5px 20px #0003;
 color:var(--yv423-ink);background:var(--yv423-bg);
}
html[data-yura-theme="dark"] body,
html[data-yura-theme="dark"] .shell,
html[data-yura-theme="dark"] .workarea,
html[data-yura-theme="dark"] .main-content,
html[data-yura-theme="dark"] #pageContent,
html[data-yura-theme="dark"] .login-layout,
html[data-yura-theme="dark"] .login-panel{background:var(--yv423-bg)!important;color:var(--yv423-ink)!important}
html[data-yura-theme="dark"] .topbar,
html[data-yura-theme="dark"] .sidebar,
html[data-yura-theme="dark"] .side-brand,
html[data-yura-theme="dark"] .side-user,
html[data-yura-theme="dark"] .login-card,
html[data-yura-theme="dark"] #pageContent .panel,
html[data-yura-theme="dark"] #pageContent .editor,
html[data-yura-theme="dark"] #pageContent .stat,
html[data-yura-theme="dark"] #pageContent .dashboard-card,
html[data-yura-theme="dark"] #pageContent .yc-root .yc-panel,
html[data-yura-theme="dark"] #pageContent .yc-operations,
html[data-yura-theme="dark"] .modal,
html[data-yura-theme="dark"] dialog:not(#printDialog),
html[data-yura-theme="dark"] .portal-header,
html[data-yura-theme="dark"] .portal-card,
html[data-yura-theme="dark"] .portal-intro,
html[data-yura-theme="dark"] .portal-side>section{
 background:var(--yv423-panel)!important;color:var(--yv423-ink)!important;border-color:var(--yv423-line)!important;box-shadow:0 5px 20px #0002!important;
}
html[data-yura-theme="dark"] #pageContent h1,
html[data-yura-theme="dark"] #pageContent h2,
html[data-yura-theme="dark"] #pageContent h3,
html[data-yura-theme="dark"] #pageContent .yc-v42-root .yc-panel-head h2,
html[data-yura-theme="dark"] #pageContent .yc-feature-card strong,
html[data-yura-theme="dark"] .login-card h2,
html[data-yura-theme="dark"] .topbar strong,
html[data-yura-theme="dark"] .side-brand strong,
html[data-yura-theme="dark"] .side-user strong,
html[data-yura-theme="dark"] .yv-user-name,
html[data-yura-theme="dark"] .portal-card h2,
html[data-yura-theme="dark"] .portal-intro h1{
 color:var(--yv423-ink)!important;
}
html[data-yura-theme="dark"] #pageContent p,
html[data-yura-theme="dark"] .yc-panel-head p,
html[data-yura-theme="dark"] #pageContent .yc-v42-root .yc-panel-head p,
html[data-yura-theme="dark"] #pageContent .yc-notice small,
html[data-yura-theme="dark"] #pageContent .yc-stock-details small,
html[data-yura-theme="dark"] #pageContent .yc-feed-meta,
html[data-yura-theme="dark"] .login-card p,
html[data-yura-theme="dark"] .yv-user-copy small,
html[data-yura-theme="dark"] .hint,
html[data-yura-theme="dark"] #pageContent .help,
html[data-yura-theme="dark"] .portal-card p{
 color:var(--yv423-muted)!important;
}
html[data-yura-theme="dark"] label{color:#c4d2e5!important}
html[data-yura-theme="dark"] input:not([type="checkbox"]):not([type="radio"]),
html[data-yura-theme="dark"] textarea,
html[data-yura-theme="dark"] select,
html[data-yura-theme="dark"] #pageContent .yc-search input,
html[data-yura-theme="dark"] .yv-global-search,
html[data-yura-theme="dark"] .yv-global-search input{
 background:#172338!important;color:#e4efff!important;border-color:#435574!important;
}
html[data-yura-theme="dark"] input::placeholder,
html[data-yura-theme="dark"] textarea::placeholder{color:#8a9ebc!important}
html[data-yura-theme="dark"] button:not(.primary):not(.yc-feature-card):not(.yc-shortcut):not(.yc-event):not(.yv423-open-module):not(.danger-button),
html[data-yura-theme="dark"] #navigation .nav-submenu>button,
html[data-yura-theme="dark"] .sidebar .nav-group-toggle,
html[data-yura-theme="dark"] .yv-top-action,
html[data-yura-theme="dark"] .yv-contrast-toggle{
 color:#d4e5fa!important;background:#223149!important;border-color:#354b68!important;
}
html[data-yura-theme="dark"] #navigation .nav-submenu>button.active{background:#254c81!important;color:#fff!important}
html[data-yura-theme="dark"] #navigation .nav-submenu>button:hover:not(.active){background:#2a3e5b!important}
html[data-yura-theme="dark"] #pageContent .yc-week,
html[data-yura-theme="dark"] #pageContent .yc-day,
html[data-yura-theme="dark"] #pageContent .yc-week.yc-month .yc-outside-month,
html[data-yura-theme="dark"] #pageContent .yc-day.today,
html[data-yura-theme="dark"] #pageContent .yc-notice-filters{
 background:#1e2b40!important;border-color:#354962!important;
}
html[data-yura-theme="dark"] #pageContent .yc-day.today{background:#3b2735!important}
html[data-yura-theme="dark"] #pageContent .yc-day-head b,
html[data-yura-theme="dark"] #pageContent .yc-stock-details strong,
html[data-yura-theme="dark"] #pageContent .yc-feed-copy strong,
html[data-yura-theme="dark"] #pageContent .yc-day-head span,
html[data-yura-theme="dark"] #pageContent .yc-quick-group h3{color:#dceaff!important}
html[data-yura-theme="dark"] #pageContent .yc-notice,
html[data-yura-theme="dark"] #pageContent .yc-stock-row,
html[data-yura-theme="dark"] #pageContent .yc-feed-item{
 background:transparent!important;color:#e3efff!important;border-color:#34455d!important;
}
html[data-yura-theme="dark"] #pageContent .yc-feed-item:hover,
html[data-yura-theme="dark"] #pageContent .yc-stock-row:hover{background:#263954!important}
html[data-yura-theme="dark"] #pageContent .yc-feature-card,
html[data-yura-theme="dark"] #pageContent .yc-feature-card[class*="yc-tone-"],
html[data-yura-theme="dark"] #pageContent .yc-shortcut{
 background:#23354f!important;border-color:#385071!important;color:#e4efff!important;
}
html[data-yura-theme="dark"] #pageContent .yc-feature-card strong{color:#e5efff!important}
html[data-yura-theme="dark"] #pageContent .yc-feature-arrow{background:#31496a!important;color:#8fb7ff!important}
html[data-yura-theme="dark"] #pageContent table,
html[data-yura-theme="dark"] #pageContent .table-wrap,
html[data-yura-theme="dark"] #pageContent .table-wrap table,
html[data-yura-theme="dark"] #pageContent .form-card,
html[data-yura-theme="dark"] #pageContent .toolbar,
html[data-yura-theme="dark"] .modal-content{background:var(--yv423-panel)!important;color:var(--yv423-ink)!important;border-color:var(--yv423-line)!important}
html[data-yura-theme="dark"] #pageContent table thead,
html[data-yura-theme="dark"] #pageContent table th{background:#293a53!important;color:#e4efff!important}
html[data-yura-theme="dark"] #pageContent table td{background:#1c2a3f!important;color:#dce9f9!important;border-color:#34445b!important}
html[data-yura-theme="dark"] .login-hero{background:linear-gradient(135deg,#091a36,#122e5e 72%,#1d4787)!important}
html[data-yura-theme="dark"] .or span{background:var(--yv423-panel)!important}
html[data-yura-theme="dark"] .portal-main,
html[data-yura-theme="dark"] .portal-footer,
html[data-yura-theme="dark"] .portal-columns{background:var(--yv423-bg)!important;color:var(--yv423-ink)!important}
html[data-yura-theme="dark"] .portal-nav a{color:#cbdcf2!important}
html[data-yura-theme="dark"] .portal-nav a.active{background:#284a7b!important;color:white!important}
.yv-portal-theme-toggle{height:36px;min-width:36px;margin:0 10px;border:1px solid #dce5f4;border-radius:50%;background:#eff5ff;color:#225ba6;cursor:pointer;font-size:19px}
html[data-yura-theme="dark"] .yv-portal-theme-toggle{color:#f2d38e;background:#263e5c;border-color:#415678}
/* Accessible desktop drawer + mobile full-screen detail, independent of page navigation. */
.yv423-overlay{position:fixed;inset:0;z-index:1500;display:flex;justify-content:flex-end}
.yv423-backdrop{position:absolute;inset:0;background:#0d1d32a3}
.yv423-drawer{position:relative;width:min(500px,100%);height:100dvh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:var(--yv423-panel);color:var(--yv423-ink);border-left:1px solid var(--yv423-line);box-shadow:-12px 0 45px #0002;animation:yv423-slide .18s ease-out}
.yv423-drawer-head{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:23px 23px 18px;border-bottom:1px solid var(--yv423-line)}
.yv423-drawer-head small{font-size:11px;font-weight:750;color:#5589dd}
.yv423-drawer-head h2{font-size:19px;margin:7px 0 0;line-height:1.45;color:var(--yv423-ink)}
.yv423-drawer-head button{background:transparent;border:1px solid var(--yv423-line);border-radius:9px;color:var(--yv423-ink);font-size:15px;min-width:34px;padding:7px}
.yv423-drawer-body{flex:1;overflow:auto;padding:18px 23px 25px;overscroll-behavior:contain}
.yv423-message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;padding:18px;background:color-mix(in srgb,var(--yv423-action) 7%,var(--yv423-panel));border:1px solid var(--yv423-line);border-radius:13px;margin-bottom:15px}
.yv423-detail-row{padding:13px 2px;border-bottom:1px solid var(--yv423-line);display:grid;grid-template-columns:135px minmax(0,1fr);gap:12px;align-items:baseline;font-size:12px}
.yv423-detail-row span{color:var(--yv423-muted)}
.yv423-detail-row strong{font-weight:700;color:var(--yv423-ink);overflow-wrap:anywhere;white-space:pre-wrap}
.yv423-drawer-actions{display:flex;gap:9px;justify-content:flex-end;padding:15px 23px 20px;border-top:1px solid var(--yv423-line)}
.yv423-drawer-actions button{padding:9px 13px;border:1px solid var(--yv423-line);background:var(--yv423-panel);color:var(--yv423-ink);border-radius:10px;font-weight:700}
.yv423-drawer-actions .yv423-open-module{background:#2563eb;color:#fff;border-color:#2563eb}
.yv423-drawer button:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}
html[data-yura-theme="dark"] .yv423-drawer-head button{color:#dceaff!important;background:#243650!important;border-color:#4a6283!important}
html[data-yura-theme="dark"] .yv423-drawer-actions button:not(.yv423-open-module){color:#dceaff!important;background:#243650!important;border-color:#4a6283!important}
@keyframes yv423-slide{from{transform:translateX(18px);opacity:.8}to{transform:translateX(0);opacity:1}}
@media(max-width:600px){.yv423-drawer{width:100%;border-left:0}.yv423-detail-row{grid-template-columns:115px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.yv423-drawer{animation:none}}
@media print{html[data-yura-theme="dark"] #printArea,html[data-yura-theme="dark"] #printArea *{color:#000!important;background:#fff!important;box-shadow:none!important}.yv423-overlay{display:none!important}}