/* Layout corrections shared by all Razor pages, including the original theme. */
.hx-site { --hx-gutter:clamp(16px,2.3vw,36px); }
.hx-site .app-container { min-width:0; }
.hx-site .app-container > .container { margin:0 auto; height:auto; flex:1; justify-content:flex-start; align-content:start; width:100%; min-width:0; padding:24px var(--hx-gutter) 32px; }
.hx-site:is(.fullscreen,.overflowscreen) .app-container > .container { height:100%; min-height:0; }
.hx-site .app-container > .container > :is(.container,.right-panel) { width:100%; min-width:0; height:auto; margin:0; padding:0; }
.hx-site .app-container > .container > .container { flex:1; }
.hx-site .app-container > .container > :is(script,style,link) { display:none; }
.hx-site :is(.grid,.row,.stats-grid,.identity-layout,.card-body,.dt-toolbar,.content) > * { min-width:0; }
.hx-site .card-header,.hx-site .card-header-row { gap:16px; flex-wrap:wrap; }
.hx-site .card-title { white-space:normal; overflow-wrap:anywhere; line-height:1.4; }
.hx-site .card-header-row { width:100%; }
.hx-site .ecu-brand { min-width:0; flex-wrap:wrap; overflow-wrap:anywhere; }
.hx-site .btn { max-width:100%; }
.hx-site :is(.table-wrapper,.table-responsive,.table-container2,.dataTables_wrapper) { min-width:0; max-width:100%; }
.hx-site .table-responsive { overflow-x:auto; overscroll-behavior-inline:contain; }
.hx-site :is(input,select,textarea) { max-width:100%; }
.hx-site textarea { resize:vertical; }
.hx-site .modal-overlay > :is(.card,.modal-content),.hx-site .confirm-modal-box { max-width:calc(100vw - 32px); max-height:calc(100dvh - 40px); overflow-y:auto; }
.hx-site :is(.modal-body,.confirm-modal-body) { overflow-wrap:anywhere; }
.hx-site .dropdown-email,.hx-site .dropdown-name { overflow-wrap:anywhere; }
.hx-site .user-name { max-width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hx-site .user-dropdown-menu { max-width:calc(100vw - 24px); }
.hx-site .identity-content { width:100%; min-width:0; }
.hx-site .identity-card { width:100%; max-width:none; }
.hx-site .identity-header:empty { display:none; }
.hx-site .identity-layout { grid-template-columns:220px minmax(0,1fr); }
.hx-site .hx-header-context { display:none; }
.hx-site .hx-page-heading { flex-shrink:0; margin:0; padding-top:4px; }
.hx-site .hx-page-heading h1 { font-size:clamp(24px,2.1vw,32px); letter-spacing:-.04em; margin:7px 0 8px; }
.hx-site .hx-page-heading p { font-size:13px; }
.hx-site .hx-page-heading .hx-status { display:none; }
.hx-shell .app-container > .container { max-width:1640px; gap:22px; }
.hx-shell .card:has(> .card-body):not(.hx-upload-panel) { padding:0; }
.hx-shell .card:has(> .card-body) > .card-header { margin:0; }
.hx-shell .card-fit-screen > .card-header { padding:16px 20px; }
.hx-shell .card-fit-screen > .card-body { padding:16px 20px; }
.hx-shell :is(.form-group,.hx-field) label { font-size:12px; font-weight:600; }
.hx-shell :is(.form-control,.form-select) { min-height:42px; padding:10px 12px; }
.hx-shell .card { box-shadow:0 2px 12px #00000004; }
.hx-shell .card-header { border-left:0; }
html[data-design=console] .hx-shell .card-header { border-left:0; }
html[data-design=console] .hx-shell .card-header .card-title::before { content:''; display:inline-block; width:5px; height:14px; background:var(--hx-accent); border-radius:2px; margin-right:10px; vertical-align:-1px; }
.hx-shell .hx-upload-panel { display:grid; grid-template-columns:minmax(0,1fr); padding:0; }
.hx-shell .hx-upload-with-quota { grid-template-columns:minmax(0,1fr) 236px; }
.hx-shell .hx-upload-panel > .card-header { grid-column:1/-1; padding:18px 24px; margin:0; }
.hx-shell .hx-upload-panel > #selection-form { grid-column:1; grid-row:2; padding:24px; }
.hx-shell .hx-upload-panel .hx-quota { grid-column:2; grid-row:2; padding:24px; background:var(--hx-bg); border-left:1px solid var(--hx-border); margin:0; }
.hx-site .hx-section-label { font-size:12px; font-weight:650; color:var(--text-primary); margin-bottom:16px; }
.hx-site .hx-section-label > span { font-size:11px; font-weight:400; color:var(--text-muted); margin-left:10px; }
.hx-site .hx-quota { margin-bottom:20px; }
.hx-site .hx-quota-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.hx-site .hx-quota-grid > div { border:1px solid var(--border-color); border-radius:var(--radius-md); padding:12px; background:var(--card-bg); }
.hx-site .hx-quota-grid span { display:block; color:var(--text-secondary); font-size:11px; }
.hx-site .hx-quota-grid strong { display:block; font-size:26px; letter-spacing:-1px; line-height:1.5; color:var(--text-primary); }
.hx-site .hx-quota-grid small { font-size:10px; color:var(--text-muted); }
.hx-shell .hx-quota-grid { grid-template-columns:1fr; }
.hx-shell .hx-quota-remaining { border-color:var(--hx-accent); }
.hx-shell .hx-quota-remaining strong { color:var(--hx-accent); }
.hx-site .hx-quota-reset { margin-top:14px; font-size:10px; line-height:1.6; color:var(--text-muted); overflow-wrap:anywhere; }
.hx-shell #daily-upload-quota { padding:24px; }
.hx-shell #selection-form .file-upload-label { min-height:178px; padding:24px 16px; display:flex; align-items:center; justify-content:center; gap:16px; }
.hx-shell #selection-form .file-upload-label i { font-size:26px; }
.hx-shell #selection-form .btn-upload { width:auto; min-width:180px; margin-left:auto; }
.hx-shell .hx-recent-file { margin-top:0; padding:20px 24px; }
.hx-shell .hx-recent-file > .card-header { padding:0 0 16px; margin-bottom:16px; }
.hx-shell .hx-recent-file .hx-file-actions { margin-left:auto; flex-wrap:wrap; }
.hx-shell .hx-recent-file .hx-file-actions .btn { font-size:12px; min-height:38px; }
.hx-shell .hx-recent-file .file-info-text { font-size:12px; margin-top:10px; }
.hx-site .hx-theme-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); }
.hx-site .hx-theme-info { display:flex; flex-direction:column; height:calc(100% - 190px); }
.hx-site .hx-theme-actions { margin-top:auto; }
.hx-mini[data-style=classic] { grid-template-columns:1fr; grid-template-rows:18px 1fr; gap:3px; }
.hx-mini[data-style=classic] aside { display:flex; padding:5px 8px; gap:12px; background:var(--mini-surface); }
.hx-mini[data-style=classic] aside b,.hx-mini[data-style=classic] aside i { margin:0; width:25px; height:4px; }
.hx-site .hx-help { color:var(--text-muted); }
/* Classic deliberately retains site.css variables, buttons and top navigation. */
.hx-classic .hx-sidebar,.hx-classic .hx-home-heading,.hx-classic .hx-header-context { display:none!important; }
.hx-classic { padding-left:0; }
.hx-classic .app-container > .container { max-width:1440px; }
.hx-classic .hx-preview-banner { margin-bottom:16px; }
.hx-classic .hx-theme-info h2 { font-size:18px; }
.hx-classic .hx-settings-grid { gap:24px; }
.hx-classic .hx-appearance-panel { color:var(--text-primary); background:var(--card-bg); }
html[data-design=classic]:not([data-accent=theme]) { --color-primary:var(--hx-accent); --color-primary-rgb:var(--hx-accent-rgb); --btn-primary-bg:var(--hx-accent); --btn-primary-hover-bg:color-mix(in srgb, var(--hx-accent) 90%, var(--hx-text)); --btn-primary-active-bg:color-mix(in srgb, var(--hx-accent) 80%, var(--hx-text)); --btn-upload-bg:var(--hx-accent); --btn-upload-color:var(--hx-on-accent); }
html[data-design=classic]:not([data-accent=theme]) .btn-primary { color:var(--hx-on-accent); }
@media(min-width:1200px) {
 .hx-shell .main-header .navbar-brand { display:none; }
 .hx-shell .hx-header-context { display:flex; gap:12px; align-items:center; color:var(--text-primary); font-size:12px; }
 .hx-header-context > span:last-child { color:var(--text-muted); max-width:320px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
 .hx-header-divider { color:var(--border-color); }
 .hx-site .main-header .header-container { min-height:66px; padding-top:10px; padding-bottom:10px; }
}
@media(max-width:1199px) {
 .hx-shell .hx-upload-with-quota { grid-template-columns:minmax(0,1fr) 205px; }
 .hx-site .identity-layout { grid-template-columns:190px minmax(0,1fr); }
 .hx-site .hx-settings-grid { grid-template-columns:minmax(0,1fr); }
 .hx-classic .main-nav { display:none; }
 .hx-classic .mobile-menu-toggle { display:flex!important; }
}
@media(max-width:767px) {
 .hx-site .app-container > .container { padding:16px 12px 24px; gap:16px; }
 .hx-site:is(.fullscreen,.overflowscreen) { height:auto; min-height:100dvh; overflow:auto; }
 .hx-site:is(.fullscreen,.overflowscreen) .app-container { overflow:visible; }
 .hx-site:is(.fullscreen,.overflowscreen) .app-container > .container { height:auto; }
 .hx-site .card-fit-screen { min-height:400px; flex:none; }
 .hx-site .card-fit-screen .table-wrapper { max-height:65dvh; overflow:auto; }
 .hx-site .card-fit-screen > .card-body { padding:12px; }
 .hx-site .card-fit-screen > .card-header { padding:14px 12px; }
 .hx-site .identity-layout { grid-template-columns:minmax(0,1fr); gap:16px; }
 .hx-site .identity-sidebar { position:static; }
 .hx-site .grid-cols-2,.hx-site .grid-cols-3,.hx-site .grid-cols-4 { grid-template-columns:minmax(0,1fr); }
 .hx-site .card-header,.hx-site .card-header-row { gap:12px; }
 .hx-site .card-title { font-size:16px; }
 .hx-shell .hx-upload-panel { grid-template-columns:minmax(0,1fr); }
 .hx-shell .hx-upload-panel > .card-header { padding:16px; }
 .hx-shell .hx-upload-panel > #selection-form { grid-row:3; padding:16px; }
 .hx-shell .hx-upload-panel:not(.hx-upload-with-quota) > #selection-form { grid-row:2; }
 .hx-shell .hx-upload-panel .hx-quota { grid-column:1; grid-row:2; border-left:0; border-bottom:1px solid var(--hx-border); padding:16px; }
 .hx-site .hx-quota-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
 .hx-site .hx-quota-grid > div { padding:10px 8px; }
 .hx-site .hx-quota-grid span { font-size:10px; min-height:30px; }
 .hx-site .hx-quota-grid small { display:none; }
 .hx-site .hx-quota-reset { margin:10px 0 0; }
 .hx-site .hx-quota .hx-section-label { margin-bottom:10px; }
 .hx-shell .hx-recent-file { padding:16px; }
 .hx-shell .hx-recent-file .hx-file-actions { margin-left:0; width:100%; }
 .hx-shell .hx-recent-file .hx-file-actions form { flex:1; }
 .hx-shell .hx-recent-file .hx-file-actions .btn { width:100%; }
 .hx-shell .hx-recent-file .hx-file-actions .btn-text { display:inline; }
 .hx-shell #selection-form .file-upload-label { flex-direction:column; min-height:180px; gap:10px; }
 .hx-shell #selection-form .btn-upload { width:100%; }
 .hx-site .hx-appearance-panel { position:fixed; top:68px; right:12px; }
 .hx-site .hx-appearance summary span { display:none; }
 .hx-site .hx-appearance summary { min-width:36px; min-height:36px; justify-content:center; padding:8px; }
 .hx-site .hx-form-actions { flex-wrap:wrap; }
 .hx-site .modal-content,.hx-site .confirm-modal-box { max-width:calc(100vw - 24px); }
}
@media(max-width:380px) {
 .hx-site .header-container { padding:10px; gap:6px; }
 .hx-site .logo-section { gap:6px; }
 .hx-site .navbar-brand img { max-width:74px; object-fit:contain; }
 .hx-site .header-actions { gap:4px; }
 .hx-site #themeToggle { display:none; }
 .hx-site .auth-btn { padding:8px; }
 .hx-site .auth-btn span { display:none; }
}

/* نظام المكونات: ألوان دلالية موحدة للثيمات الحديثة، دون تغيير Classic. */
html[data-design]:not([data-design=classic]) {
 --ui-success:#087653; --ui-danger:#B42335; --ui-warning:#865B06; --ui-info:#265DA8;
}
html[data-design]:not([data-design=classic])[data-theme=dark] {
 --ui-success:#6EE7B7; --ui-danger:#FDA4AF; --ui-warning:#F5D17A; --ui-info:#A7C7FA;
}
body.hx-shell .validation-summary-valid { display:none; }
body.hx-shell .btn {
 min-height:40px; padding:9px 15px; gap:8px; border-radius:var(--hx-radius);
 font-family:var(--font-family); font-size:13px; font-weight:600; line-height:1.4;
 border:1px solid var(--hx-border); box-shadow:none; text-shadow:none;
 transition:background .15s,border-color .15s; letter-spacing:0;
}
body.hx-shell .btn:hover { transform:none; filter:none; box-shadow:none; }
body.hx-shell :is(.btn-primary,.btn-upload,.btn-success) {
 background:var(--hx-accent); border-color:var(--hx-accent); color:var(--hx-on-accent);
}
body.hx-shell :is(.btn-secondary,.btn-info,.btn-edit,.btn-outline,.btn-outline-primary,.btn-outline-secondary) {
 background:var(--hx-surface); border-color:var(--hx-border); color:var(--hx-text);
}
body.hx-shell :is(.btn-danger,.btn-warning) {
 background:color-mix(in srgb,var(--ui-danger) 9%,var(--hx-surface));
 border-color:color-mix(in srgb,var(--ui-danger) 35%,var(--hx-border)); color:var(--ui-danger);
}
body.hx-shell .btn-warning { background:color-mix(in srgb,var(--ui-warning) 9%,var(--hx-surface)); border-color:var(--ui-warning); color:var(--ui-warning); }
body.hx-shell .btn:hover:not(:disabled):not(.disabled) { border-color:currentColor; }
body.hx-shell .btn:disabled,body.hx-shell .btn.disabled { opacity:.5; cursor:not-allowed; }
body.hx-shell .btn-sm { min-height:34px; padding:7px 11px; font-size:12px; }
body.hx-shell .btn :is(i,svg) { font-size:16px; width:16px; flex-shrink:0; }
body.hx-shell :is(.badge,.status-badge) {
 display:inline-flex; align-items:center; gap:5px; padding:4px 9px; border-radius:20px;
 font-family:var(--font-family); font-size:11px; font-weight:600; letter-spacing:0; line-height:1.4;
 color:var(--hx-muted); background:var(--hx-raised); border:1px solid var(--hx-border); box-shadow:none;
}
body.hx-shell :is(.badge.bg-success,.badge-success,.status-active,.status-running) {
 color:var(--ui-success); background:color-mix(in srgb,var(--ui-success) 10%,var(--hx-surface))!important;
 border-color:color-mix(in srgb,var(--ui-success) 25%,var(--hx-border));
}
body.hx-shell :is(.badge.bg-warning,.badge-warning) {
 color:var(--ui-warning); background:color-mix(in srgb,var(--ui-warning) 10%,var(--hx-surface))!important;
}
body.hx-shell :is(.badge.bg-danger,.badge-danger) {
 color:var(--ui-danger); background:color-mix(in srgb,var(--ui-danger) 10%,var(--hx-surface))!important;
}
body.hx-shell :is(.badge.bg-primary,.badge.bg-info,.badge-primary,.badge-info) {
 color:var(--ui-info); background:color-mix(in srgb,var(--ui-info) 10%,var(--hx-surface))!important;
}
body.hx-shell .text-danger { color:var(--ui-danger)!important; }
body.hx-shell :is(h1,h2,h3,h4,h5,h6).text-danger { font-size:revert; }
body.hx-shell .form-control,body.hx-shell .form-select {
 min-height:42px; font-family:var(--font-family); font-size:14px; border-radius:var(--hx-radius);
}
body.hx-shell :is(input[type=checkbox],input[type=radio]) { width:16px; height:16px; flex-shrink:0; accent-color:var(--hx-accent); }
body.hx-shell input[type=file]::file-selector-button {
 padding:7px 12px; margin-right:12px; border:0; border-right:1px solid var(--hx-border);
 background:var(--hx-raised); color:var(--hx-text); font:inherit;
}
body.hx-shell :is(table,.table) { font-size:13px; }
body.hx-shell :is(table,.table) thead th {
 background:var(--hx-raised); color:var(--hx-muted); border-bottom:1px solid var(--hx-border)!important;
 font-family:var(--font-family); font-size:11px; font-weight:600; letter-spacing:.04em; padding:12px;
}
body.hx-shell :is(table,.table) tbody td { padding:10px 12px; border-color:var(--hx-border); vertical-align:middle; }
body.hx-shell :is(table,.table) tbody tr:hover { background:var(--hx-raised); }
body.hx-shell * { scrollbar-color:var(--hx-border) transparent; scrollbar-width:thin; }
body.hx-shell .card-header { border-bottom:1px solid var(--hx-border); }
body.hx-shell .card-title { font-size:18px; letter-spacing:-.02em; }
body.hx-shell .card-title::before { display:none; }

/* الحوار محدود العرض حتى عندما تكون الصفحة أو الشاشة عريضة. */
body.hx-site .confirm-modal-box { width:520px; max-width:calc(100vw - 32px); }
body.hx-shell :is(.confirm-modal-header,.confirm-modal-footer) { padding:18px 24px; background:var(--hx-surface); }
body.hx-shell .confirm-modal-body { padding:24px; }
body.hx-shell .confirm-modal-text { font-size:14px; line-height:1.8; color:var(--hx-muted); }
body.hx-shell .confirm-modal-title { font-size:17px; }
body.hx-shell .confirm-modal-overlay { backdrop-filter:blur(2px); background:rgba(5,10,18,.6); }
body.hx-shell .confirm-modal-close:hover { transform:none; background:var(--hx-raised); color:var(--hx-text); }
body.hx-shell :is(.modal-content,.confirm-modal-box) { box-shadow:0 24px 80px #0004; }
body.hx-shell :is(.dtc-toast,.notification,.toast-message) {
 background:var(--hx-surface)!important; color:var(--hx-text)!important;
 border:1px solid var(--hx-border); border-left:4px solid var(--ui-info);
 border-radius:var(--hx-radius); box-shadow:0 12px 36px #0003;
 padding:16px 20px; font:500 14px/1.5 var(--font-family); max-width:min(380px,calc(100vw - 32px));
}
body.hx-shell :is(.dtc-toast.success,.notification-success,.toast-message.success) { border-left-color:var(--ui-success); }
body.hx-shell :is(.dtc-toast.warning,.notification-warning,.toast-message.warning) { border-left-color:var(--ui-warning); }
body.hx-shell :is(.dtc-toast.error,.notification-danger,.toast-message.error) { border-left-color:var(--ui-danger); }
body.hx-shell :is(.notification-message,.notification-content) { color:inherit; font-size:14px; }
body.hx-shell .user-dropdown-menu {
 width:272px; max-width:calc(100vw - 24px); padding:6px; background:var(--hx-surface);
 border:1px solid var(--hx-border); border-radius:calc(var(--hx-radius) + 4px); box-shadow:0 16px 48px #0003;
}
body.hx-shell .user-dropdown-menu .dropdown-header { padding:16px 12px; background:transparent; gap:12px; }
body.hx-shell .user-dropdown-menu .dropdown-item {
 min-height:42px; padding:10px 12px; border-radius:6px; gap:12px; font-size:13px;
 color:var(--hx-text); background:transparent; border:0;
}
body.hx-shell .user-dropdown-menu .dropdown-item:hover { background:var(--hx-raised); transform:none; }
body.hx-shell .user-dropdown-menu .dropdown-divider { margin:6px 0; border-color:var(--hx-border); }
body.hx-shell .user-dropdown-menu .dropdown-email { font-size:12px; color:var(--hx-muted); overflow-wrap:anywhere; }
body.hx-shell .user-dropdown-menu .dropdown-avatar { width:38px; height:38px; }
body.hx-shell .hx-brand-mark {
 border:0; border-radius:0; font-size:0; width:32px; height:34px; background:var(--hx-accent);
 clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%,50% 0,50% 11%,16% 30%,16% 70%,50% 89%,84% 70%,84% 30%,50% 11%);
}
@media(min-width:1200px) {
 body.hx-shell:not(.hx-standalone) { padding-left:224px; }
 body.hx-shell .main-header { width:100%; }
}
@media(max-width:1199px) { body.hx-shell { padding-left:0; } }
@media(max-width:600px) {
 body.hx-shell .confirm-modal-footer { flex-wrap:wrap; padding:16px; }
 body.hx-shell .confirm-modal-footer .btn { flex:1; }
 body.hx-shell .confirm-modal-body { padding:20px; }
 body.hx-shell .dtc-toast { right:16px; bottom:16px; }
 body.hx-shell :is(table,.table) tbody td { padding:10px 8px; }
}
body.hx-shell :is(.btn-save,.btn-download,.btn-blue,.btn-scan-all) { background:var(--hx-accent); border-color:var(--hx-accent); color:var(--hx-on-accent); }
body.hx-shell .btn-download-org { background:var(--hx-surface); border-color:var(--hx-border); color:var(--hx-text); }
body.hx-shell .btn-delete { background:color-mix(in srgb,var(--ui-danger) 9%,var(--hx-surface)); border-color:color-mix(in srgb,var(--ui-danger) 35%,var(--hx-border)); color:var(--ui-danger); }
body.hx-shell .h3.text-danger { font-size:var(--font-size-2xl,24px); font-weight:700; }
/* علامة نصية واضحة على الهاتف؛ شعار Classic الأصلي يبقى كما هو. */
body.hx-shell .navbar-brand img { display:none; }
body.hx-shell .navbar-brand::after { content:"HexRay"; color:var(--hx-text); font:750 22px/1.2 var(--font-family); letter-spacing:-1px; }
body.hx-shell .navbar-brand { min-width:80px; }
body.hx-shell .card-header .card-title { padding-left:0; }
body.hx-shell .card-header .card-title::after { display:none; }
body.hx-shell .dtc-code { background:var(--hx-raised); color:var(--hx-text); box-shadow:none; font-size:12px; }
body.hx-shell .dtc-status { font:600 11px/1.4 var(--font-family); padding:3px 10px; border-width:1px; }
body.hx-shell .dtc-status.on { color:var(--ui-success); background:color-mix(in srgb,var(--ui-success) 8%,var(--hx-surface)); border-color:color-mix(in srgb,var(--ui-success) 35%,var(--hx-border)); }
body.hx-shell .dtc-status.off { color:var(--ui-warning); background:color-mix(in srgb,var(--ui-warning) 8%,var(--hx-surface)); border-color:color-mix(in srgb,var(--ui-warning) 35%,var(--hx-border)); }
body.hx-shell .switch-container .switch-badge.empty { color:var(--hx-muted); background:var(--hx-raised); border-color:var(--hx-border); }
body.hx-shell .switch-container .switch-badge.empty .badge-count { color:var(--hx-muted); background:var(--hx-surface); }
html[data-design=console] body.hx-shell .card-header .card-title::before { display:none; }
body.hx-shell .dropdown-item.text-danger { display:flex; margin-top:0; }
body.hx-shell .table-wrapper .dataTables_paginate .paginate_button { box-shadow:none!important; border-radius:6px!important; }
body.hx-shell .table-wrapper .dataTables_paginate .paginate_button.current { background:var(--hx-accent)!important; color:var(--hx-on-accent)!important; border-color:var(--hx-accent)!important; }
.hx-classic .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Classic keeps its original palette and navigation, with stable controls. */
body.hx-classic .btn,body.hx-classic .btn:is(:hover,:focus,:active){transform:none!important;translate:none!important;scale:none!important;animation:none!important;transition:background-color .15s,color .15s,border-color .15s!important}
body.hx-classic .hx-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
body.hx-classic .hx-dashboard-grid .card-link{color:inherit;text-decoration:none;min-width:0}body.hx-classic .hx-dashboard-grid .card{height:100%;margin:0}body.hx-classic .hx-dashboard-grid .card-body{padding:24px}body.hx-classic .hx-dashboard-grid .count{font-size:28px}
body.hx-classic .hx-settings-grid{margin-top:24px;gap:24px}body.hx-classic .hx-settings-grid>.card{padding:24px;min-width:0}body.hx-classic .hx-settings-grid .card-header{padding:0 0 18px;margin-bottom:18px}body.hx-classic .hx-settings-grid .card-body{padding:0}body.hx-classic .hx-settings-grid select{width:100%;padding:10px 12px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px}body.hx-classic .hx-field>div:has(#allowPreferences){display:flex;align-items:center;gap:8px}body.hx-classic #allowPreferences{margin:0;width:auto}
body.hx-classic[data-page="/Support"] .app-container>.container>.container{width:100%;padding:0}body.hx-classic[data-page="/Support"] .card{width:min(100%,560px);max-width:560px!important}body.hx-classic[data-page="/Support"] .card-body{padding:32px}body.hx-classic[data-page="/Support"] .form-control{min-width:0;flex:1}body.hx-classic[data-page="/Support"] .btn{min-height:38px}
body.hx-classic #daily-upload-quota{padding:16px 20px;margin-bottom:18px;border:1px solid var(--border-color);border-radius:8px}body.hx-classic #daily-upload-quota .hx-section-label{margin-bottom:12px}body.hx-classic #daily-upload-quota .hx-quota-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}body.hx-classic #daily-upload-quota .hx-quota-grid>div{display:flex;align-items:center;justify-content:center;gap:12px;border:0;padding:4px;background:transparent}body.hx-classic #daily-upload-quota .hx-quota-grid strong{order:-1;font-size:24px}body.hx-classic #daily-upload-quota small{display:none}body.hx-classic #daily-upload-quota .hx-quota-reset{margin:12px 0 0;text-align:right}
body.hx-classic[data-page="/WorkerManagement"] .btn{min-height:34px;padding:7px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px}body.hx-classic[data-page="/WorkerManagement"] input[type=file]{min-width:0;width:100%}
body.hx-classic[data-page="/FilesManagement"] .table-wrapper{overflow-x:auto}body.hx-classic #filesTable{min-width:1100px}body.hx-classic #filesTable td:last-child{white-space:nowrap;padding-right:14px}
@media(max-width:900px){body.hx-classic .hx-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){body.hx-classic .hx-dashboard-grid{grid-template-columns:1fr}body.hx-classic .hx-settings-grid>.card{padding:18px}body.hx-classic #daily-upload-quota{padding:14px}body.hx-classic #daily-upload-quota .hx-quota-grid>div{flex-direction:column;gap:4px;text-align:center}body.hx-classic[data-page="/Support"] .card-body{padding:24px}}
/* Compact allowance strip shared markup is visible only in Classic. */
.hx-quota-compact{display:none!important}
body.hx-classic #daily-upload-quota{padding:14px 18px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}
body.hx-classic #daily-upload-quota .hx-section-label,body.hx-classic #daily-upload-quota .hx-quota-reset,body.hx-classic #daily-upload-quota .hx-quota-grid>div:not(.hx-quota-compact){display:none}
body.hx-classic #daily-upload-quota .hx-quota-grid{display:block}
body.hx-classic #daily-upload-quota .hx-quota-compact{display:flex!important;flex-direction:row;align-items:center;gap:18px;padding:0;color:var(--text-primary);font-size:13px}
body.hx-classic .hx-quota-compact i{flex:none;color:var(--text-secondary)}
body.hx-classic .hx-quota-compact span{white-space:nowrap}
body.hx-classic .hx-quota-compact progress{appearance:none;border:0;height:9px;min-width:40px;flex:1;width:100%;border-radius:999px;overflow:hidden;background:var(--bg-tertiary)}
body.hx-classic .hx-quota-compact progress::-webkit-progress-bar{background:var(--bg-tertiary);border-radius:999px}
body.hx-classic .hx-quota-compact progress::-webkit-progress-value{background:var(--color-primary);border-radius:999px}
body.hx-classic .hx-quota-compact progress::-moz-progress-bar{background:var(--color-primary);border-radius:999px}
@media(max-width:575px){body.hx-classic #daily-upload-quota .hx-quota-compact{display:grid!important;grid-template-columns:auto 1fr auto;gap:10px;font-size:12px}body.hx-classic .hx-quota-compact progress{grid-column:1/-1;grid-row:2}body.hx-classic .hx-quota-compact span{white-space:normal}}
body.hx-classic #daily-upload-quota [data-quota-grid][hidden]{display:none!important}

/* Remove inline-image baseline space from the Classic header logo. */
body.hx-classic .main-header .navbar-brand{display:flex;align-items:center;justify-content:center;align-self:center;line-height:1;padding-block:0}
body.hx-classic .main-header .navbar-brand img{display:block;vertical-align:middle;margin-block:0}