/* HexRay Classic 2 — independent enhancement layer over the unchanged Classic foundation.
   The variant scope also keeps exported packages isolated from other themes. */
html[data-variant="classic-2-illuminated"] {
 --bg-primary:var(--hx-bg); --body-bg:var(--hx-bg); --bg-secondary:var(--hx-surface); --bg-tertiary:var(--hx-raised); --bg-quaternary:var(--hx-raised);
 --card-bg:var(--hx-surface); --card-bg-hover:var(--hx-raised); --bg-input:var(--hx-bg);
 --text-primary:var(--hx-text); --text-secondary:var(--hx-muted); --text-muted:var(--hx-muted); --text-color:var(--hx-text);
 --border-color:var(--hx-border); --border-light:var(--hx-border); --border-focus:var(--hx-accent);
 --color-primary:var(--hx-accent); --color-primary-rgb:var(--hx-accent-rgb); --primary-color:var(--hx-accent); --color-primary-hover:var(--hx-accent);
 --btn-primary-bg:var(--hx-accent); --btn-primary-hover-bg:color-mix(in srgb,var(--hx-accent) 88%,var(--hx-text)); --btn-primary-active-bg:color-mix(in srgb,var(--hx-accent) 78%,var(--hx-text));
 --btn-upload-bg:var(--btn-primary-bg); --btn-upload-hover-bg:var(--btn-primary-hover-bg); --btn-upload-active-bg:var(--btn-primary-active-bg); --btn-upload-color:var(--hx-on-accent);
 --radius-md:8px; --radius-lg:10px; --radius-xl:var(--hx-radius); --radius-2xl:var(--hx-radius);
 --c2-success:#047857; --c2-success-on:#FFFFFF; --c2-danger:#B91C1C; --c2-warning:#92400E;
 --c2-shadow:0 8px 28px #1020380a; --c2-grid:color-mix(in srgb,var(--hx-accent) 6%,transparent);
 --table-hover-bg:color-mix(in srgb,var(--hx-accent) 6%,transparent); --row-selected-color:var(--hx-accent);
 --font-size-base:.875rem; --font-size-sm:.8125rem;
 color-scheme:light;
}
html[data-variant="classic-2-illuminated"][data-theme="dark"] {
 --c2-success:#34D399; --c2-success-on:#06281D; --c2-danger:#FCA5A5; --c2-warning:#FCD34D;
 --c2-shadow:0 12px 36px #00000020; color-scheme:dark;
}
html[data-variant="classic-2-illuminated"] body.hx-site {
 background:radial-gradient(ellipse 65% 360px at 50% 70px,color-mix(in srgb,var(--hx-accent) 7%,transparent),transparent),var(--hx-bg);
 color:var(--hx-text); font-size:14px; line-height:1.55;
}
html[data-variant="classic-2-illuminated"] body.hx-site :focus-visible { outline:2px solid var(--hx-accent); outline-offset:3px; }
html[data-variant="classic-2-illuminated"] body.hx-site [hidden] { display:none!important; }
html[data-variant="classic-2-illuminated"] body.hx-site .app-container > .container { max-width:1440px; padding:32px 24px; }
html[data-variant="classic-2-illuminated"] body.hx-site:is([data-page="/Index"],[data-page="/ProcessingUnavailable"]) .app-container > .container { max-width:1200px; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(h1,h2,h3,.card-title) { letter-spacing:-.025em; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.card-title,.page-title h1) { white-space:normal; overflow-wrap:anywhere; }
html[data-variant="classic-2-illuminated"] body.hx-site .card-title { font-size:18px; font-weight:650; }
/* Shared surfaces: public, account, administration, dialogs and standalone errors. */
html[data-variant="classic-2-illuminated"] body.hx-site :is(.card,.card-fit-screen,.card-login,.hx-theme-card,.confirm-modal-box,.search-modal) {
 border:1px solid var(--hx-border); border-radius:var(--hx-radius); background:linear-gradient(145deg,color-mix(in srgb,var(--hx-raised) 18%,var(--hx-surface)),var(--hx-surface)); color:var(--hx-text); box-shadow:var(--c2-shadow); min-width:0;
}
html[data-variant="classic-2-illuminated"] body.hx-site .card { padding:24px; }
html[data-variant="classic-2-illuminated"] body.hx-site .card .card { box-shadow:none; background:var(--hx-surface); }
html[data-variant="classic-2-illuminated"] body.hx-site .card-header { border-bottom:1px solid var(--hx-border); margin-bottom:20px; padding-bottom:16px; gap:12px; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.card-footer,.confirm-modal-footer) { border-top:1px solid var(--hx-border); padding-top:16px; display:flex; flex-wrap:wrap; gap:10px; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.bg-light,.bg-white,.info-box,.feature-card) { background:var(--hx-raised); color:var(--hx-text); border-color:var(--hx-border); }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.card-sm,.stat-card) { padding:16px; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-dashboard-grid .card { height:100%; transition:border-color .15s,box-shadow .15s; }
html[data-variant="classic-2-illuminated"] body.hx-site .card-link:hover .card { border-color:var(--hx-accent); box-shadow:0 6px 24px color-mix(in srgb,var(--hx-accent) 10%,transparent); }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-dashboard-grid .fas { color:var(--hx-accent); }
/* Header and all navigation menus retain the shared click/keyboard behavior. */
html[data-variant="classic-2-illuminated"] body.hx-site .main-header { background:var(--hx-surface); border-bottom:1px solid var(--hx-border); box-shadow:0 2px 12px #0000000a; }
html[data-variant="classic-2-illuminated"] body.hx-site .header-container { min-height:70px; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.nav-link,.action-btn,.hx-appearance summary,.user-btn) { border-radius:8px; }
html[data-variant="classic-2-illuminated"] body.hx-site .nav-link.active { color:var(--hx-accent); background:color-mix(in srgb,var(--hx-accent) 8%,transparent); box-shadow:inset 0 -2px var(--hx-accent); }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.admin-panel-links,.user-dropdown-menu,.hx-appearance-panel,.mobile-nav) { background:var(--hx-surface); color:var(--hx-text); border-color:var(--hx-border); box-shadow:var(--c2-shadow); }
html[data-variant="classic-2-illuminated"] body.hx-site .auth-btn.login-btn { background:var(--hx-accent); color:var(--hx-on-accent); }
/* Controls: same accent at rest, hover, keyboard focus and pressed. */
html[data-variant="classic-2-illuminated"] body.hx-site .btn { min-height:40px; padding:9px 16px; border-radius:8px; font-size:13px; font-weight:600; line-height:1.4; gap:8px; white-space:normal; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.btn-primary,.btn-upload,.btn-save,.btn-blue) { background:var(--btn-primary-bg); color:var(--hx-on-accent); border:1px solid transparent; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.btn-primary,.btn-upload,.btn-save,.btn-blue):hover:not(:disabled) { background:var(--btn-primary-hover-bg); color:var(--hx-on-accent); }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.btn-primary,.btn-upload,.btn-save,.btn-blue):active:not(:disabled) { background:var(--btn-primary-active-bg); }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.btn-outline,.btn-outline-primary,.btn-outline-secondary,.btn-secondary,.btn-edit,.btn-info) { background:transparent; border:1px solid var(--hx-border); color:var(--hx-text); }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.btn-outline,.btn-outline-primary,.btn-outline-secondary,.btn-secondary,.btn-edit,.btn-info):hover:not(:disabled) { border-color:var(--hx-accent); background:var(--hx-raised); color:var(--hx-text); }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.btn-success,.btn-download,.btn-download-org) { background:var(--c2-success); color:var(--c2-success-on); border:1px solid transparent; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.btn-success,.btn-download,.btn-download-org):hover:not(:disabled) { background:color-mix(in srgb,var(--c2-success) 86%,var(--hx-text)); color:var(--c2-success-on); }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.btn-danger,.btn-delete) { background:color-mix(in srgb,var(--c2-danger) 12%,var(--hx-surface)); border:1px solid color-mix(in srgb,var(--c2-danger) 45%,var(--hx-border)); color:var(--c2-danger); }
html[data-variant="classic-2-illuminated"] body.hx-site .btn-warning { background:color-mix(in srgb,var(--c2-warning) 12%,var(--hx-surface)); border:1px solid var(--c2-warning); color:var(--c2-warning); }
html[data-variant="classic-2-illuminated"] body.hx-site .btn:disabled { opacity:.5; cursor:not-allowed; filter:none; }
html[data-variant="classic-2-illuminated"] body.hx-site .btn-sm { min-height:32px; padding:6px 10px; font-size:12px; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.form-control,.form-select,.form-control-file,.support-form input,.support-form textarea,.hx-field input,.hx-field select) {
 background:var(--hx-bg); color:var(--hx-text); border:1px solid var(--hx-border); border-radius:8px; min-height:42px; padding:10px 12px; font-size:14px; max-width:100%; min-width:0;
}
html[data-variant="classic-2-illuminated"] body.hx-site :is(input,textarea)::placeholder { color:var(--hx-muted); opacity:.8; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea):focus { border-color:var(--hx-accent); outline:2px solid var(--hx-accent); outline-offset:-2px; box-shadow:none; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(input,select,textarea):disabled { background:var(--hx-raised); opacity:.75; }
html[data-variant="classic-2-illuminated"] body.hx-site input[readonly] { background:var(--hx-raised); color:var(--hx-muted); }
html[data-variant="classic-2-illuminated"] body.hx-site input:is([type=checkbox],[type=radio]) { accent-color:var(--hx-accent); min-height:0; width:16px; height:16px; }
html[data-variant="classic-2-illuminated"] body.hx-site textarea { resize:vertical; }
html[data-variant="classic-2-illuminated"] body.hx-site .input-group-text { background:var(--hx-raised); color:var(--hx-muted); border-color:var(--hx-border); border-radius:8px; min-width:40px; }
html[data-variant="classic-2-illuminated"] body.hx-site .form-group { margin-bottom:20px; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.form-label,.control-label) { font-weight:600; font-size:13px; margin-bottom:7px; }
/* Home: balanced cards, inset grid and quiet original-file action. */
html[data-variant="classic-2-illuminated"] body.hx-site .hx-upload-panel { border-top:3px solid var(--hx-accent); }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-upload-panel > .card-header { padding:0 0 20px; margin-bottom:20px; }
html[data-variant="classic-2-illuminated"] body.hx-site .c2-upload-heading { display:flex; align-items:center; gap:16px; }
html[data-variant="classic-2-illuminated"] body.hx-site .c2-heading-icon { width:52px; height:52px; display:grid; place-items:center; flex-shrink:0; border-radius:10px; background:var(--hx-accent); color:var(--hx-on-accent); font-size:23px; }
html[data-variant="classic-2-illuminated"] body.hx-site .c2-upload-heading p { margin:4px 0 0; color:var(--hx-muted); font-size:13px; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-upload-panel .hx-quota { padding:14px 16px; border:1px solid var(--hx-border); border-radius:8px; margin-bottom:24px; background:color-mix(in srgb,var(--hx-bg) 25%,var(--hx-surface)); }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-quota-compact { gap:14px; font-size:12px; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-upload-fields { gap:24px; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-upload-panel .file-upload-label {
 position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:14px; min-height:190px; padding:24px; border:1px solid var(--hx-border); border-radius:9px;
 background:linear-gradient(var(--c2-grid) 1px,transparent 1px),linear-gradient(90deg,var(--c2-grid) 1px,transparent 1px),color-mix(in srgb,var(--hx-bg) 65%,var(--hx-surface)); background-size:24px 24px,24px 24px,auto;
}
html[data-variant="classic-2-illuminated"] body.hx-site .hx-upload-panel .file-upload-label::before,
html[data-variant="classic-2-illuminated"] body.hx-site .hx-upload-panel .file-upload-label::after { content:""; position:absolute; width:16px; height:16px; border-color:var(--hx-accent); pointer-events:none; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-upload-panel .file-upload-label::before { left:12px; top:12px; border-left:2px solid; border-top:2px solid; color:var(--hx-accent); border-radius:3px 0 0; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-upload-panel .file-upload-label::after { right:12px; bottom:12px; border-right:2px solid; border-bottom:2px solid; color:var(--hx-accent); border-radius:0 0 3px; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-upload-panel .file-upload-label:hover { border-color:var(--hx-accent); }
html[data-variant="classic-2-illuminated"] body.hx-site .c2-upload-icon { color:var(--hx-accent); flex-shrink:0; }
html[data-variant="classic-2-illuminated"] body.hx-site .file-upload:focus-within .file-upload-label { outline:2px solid var(--hx-accent); outline-offset:3px; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-upload-submit .btn-upload { width:100%; min-height:46px; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-upload-drop { margin-bottom:0; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-recent-file { margin-top:24px; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-recent-file .hx-section-label { padding-bottom:16px; border-bottom:1px solid var(--hx-border); font-size:16px; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-recent-file > .card-header { border:0; padding-bottom:0; margin-bottom:12px; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-recent-file .ecu-brand > i { display:grid; place-items:center; width:44px; height:44px; border-radius:8px; background:var(--hx-raised); color:var(--hx-accent); }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-file-actions { flex-wrap:wrap; }
/* Tables and dense editor keep their existing scrolling and compact action controls. */
html[data-variant="classic-2-illuminated"] body.hx-site :is(.table-wrapper,.table-responsive,.dataTables_wrapper) { max-width:100%; min-width:0; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.table-wrapper,.table-responsive) { border:1px solid var(--hx-border); border-radius:9px; overflow-x:auto; }
html[data-variant="classic-2-illuminated"] body.hx-site .table { color:var(--hx-text); }
html[data-variant="classic-2-illuminated"] body.hx-site .table th { background:var(--hx-raised); color:var(--hx-text); font-size:12px; letter-spacing:.025em; }
html[data-variant="classic-2-illuminated"] body.hx-site .table :is(td,th) { border-color:var(--hx-border); padding:11px 12px; }
html[data-variant="classic-2-illuminated"] body.hx-site .table .btn { min-height:30px; padding:5px 9px; }
html[data-variant="classic-2-illuminated"] body.hx-site .card-fit-screen > .card-header { padding:14px 18px; margin:0; background:transparent; }
html[data-variant="classic-2-illuminated"] body.hx-site .card-fit-screen > .card-body { padding:12px; gap:10px; }
html[data-variant="classic-2-illuminated"] body.hx-site .card-fit-screen .table :is(td,th) { padding:6px 10px; }
html[data-variant="classic-2-illuminated"] body.hx-site .card-fit-screen .btn { min-height:32px; padding:6px 12px; }
html[data-variant="classic-2-illuminated"] body.hx-site .card-fit-screen .form-control { min-height:32px; padding:5px 10px; font-size:12px; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.dtc-code,.dtc-status,.badge) { border-radius:6px; }
html[data-variant="classic-2-illuminated"] body.hx-site .badge { padding:5px 9px; font-size:11px; line-height:1.3; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.badge-success,.badge.bg-success,.badge-status.running) { background:color-mix(in srgb,var(--c2-success) 12%,var(--hx-surface)); color:var(--c2-success); border:1px solid color-mix(in srgb,var(--c2-success) 55%,transparent); }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.badge-warning,.badge.bg-warning) { color:var(--c2-warning); background:color-mix(in srgb,var(--c2-warning) 12%,var(--hx-surface)); }
/* Authentication, settings, conversations, alerts and overlays. */
html[data-variant="classic-2-illuminated"] body.hx-site .card-login { max-width:460px; border-top:3px solid var(--hx-accent); }
html[data-variant="classic-2-illuminated"] body.hx-site .card-login .card-body { padding:28px; }
html[data-variant="classic-2-illuminated"] body.hx-site .manage-nav-link.active { background:color-mix(in srgb,var(--hx-accent) 12%,var(--hx-surface)); color:var(--hx-accent); border-color:color-mix(in srgb,var(--hx-accent) 35%,var(--hx-border)); }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.support-message,.hx-log-stats > div,.hx-user-quota,.error-details) { background:var(--hx-bg); border:1px solid var(--hx-border); border-radius:9px; padding:16px; }
html[data-variant="classic-2-illuminated"] body.hx-site .alert { padding:14px 18px; border:1px solid var(--hx-border); border-left:3px solid var(--hx-accent); border-radius:8px; background:var(--hx-raised); color:var(--hx-text); overflow-wrap:anywhere; }
html[data-variant="classic-2-illuminated"] body.hx-site .alert-success { border-left-color:var(--c2-success); }
html[data-variant="classic-2-illuminated"] body.hx-site .alert-danger { border-left-color:var(--c2-danger); }
html[data-variant="classic-2-illuminated"] body.hx-site .alert-warning { border-left-color:var(--c2-warning); }
html[data-variant="classic-2-illuminated"] body.hx-site .alert-dismissible { position:relative; padding-right:48px; }
html[data-variant="classic-2-illuminated"] body.hx-site .alert-dismissible > :is(.close,.btn-close) { position:absolute; top:10px; right:10px; min-width:26px; min-height:26px; color:var(--hx-text); }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.modal-content,.confirm-modal-box) { max-width:calc(100vw - 32px); }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.toast-message,.notification,.dtc-toast) { border-radius:10px; box-shadow:var(--c2-shadow); }
html[data-variant="classic-2-illuminated"] body.hx-site .toast-container { max-width:calc(100vw - 32px); }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-settings-grid > .card { padding:24px; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-theme-actions { flex-wrap:wrap; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-log-table td { overflow-wrap:anywhere; }
html[data-variant="classic-2-illuminated"] body.hx-site .terms-card { padding:0; }
html[data-variant="classic-2-illuminated"] body.hx-site .terms-content { line-height:1.75; }
html[data-variant="classic-2-illuminated"] body.hx-site .terms-layout { padding:24px; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-status-card { border-top:3px solid var(--hx-accent); }
@media(max-width:767px) {
 html[data-variant="classic-2-illuminated"] body.hx-site .app-container > .container { padding:18px 12px; }
 html[data-variant="classic-2-illuminated"] body.hx-site :is(.card,.hx-settings-grid > .card) { padding:16px; }
 html[data-variant="classic-2-illuminated"] body.hx-site .terms-card { padding:0; }
 html[data-variant="classic-2-illuminated"] body.hx-site .terms-layout { padding:14px; }
 html[data-variant="classic-2-illuminated"] body.hx-site .card-login .card-body { padding:20px 16px; }
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-upload-fields { grid-template-columns:minmax(0,1fr); gap:0; }
 html[data-variant="classic-2-illuminated"] body.hx-site .c2-heading-icon { width:38px; height:38px; font-size:18px; }
 html[data-variant="classic-2-illuminated"] body.hx-site .c2-upload-heading { gap:10px; }
 html[data-variant="classic-2-illuminated"] body.hx-site .c2-upload-heading p { font-size:12px; }
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-upload-panel > .card-header { align-items:flex-start; flex-wrap:wrap; }
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-quota-compact { flex-wrap:wrap; }
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-quota-compact progress { flex-basis:100%; order:3; }
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-upload-panel .file-upload-label { min-height:170px; padding:20px 12px; }
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-file-actions .btn { min-height:40px; }
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-file-actions .btn-text { display:inline; }
 html[data-variant="classic-2-illuminated"] body.hx-site :is(.grid-cols-3,.grid-cols-4) { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-log-table table { min-width:540px; }
 html[data-variant="classic-2-illuminated"] body.hx-site .card-title { font-size:16px; }
}
@media(max-width:420px) {
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-file-actions { width:100%; }
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-file-actions form { flex:1; }
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-file-actions .btn { width:100%; padding:8px; font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
 html[data-variant="classic-2-illuminated"] body.hx-site * { transition:none!important; animation:none!important; scroll-behavior:auto!important; }
}

/* Keep full labels without inheriting Classic's 32px icon-only mobile buttons. */
@media(max-width:767px) {
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-recent-file .card-header-row { flex-wrap:wrap; gap:14px; }
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-recent-file .ecu-brand { flex:1 1 100%; max-width:100%; flex-wrap:wrap; }
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-recent-file .hx-file-actions { display:flex; width:100%; gap:8px; }
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-recent-file .hx-file-actions form { flex:1 1 130px; min-width:0; }
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-recent-file .hx-file-actions .btn { width:100%; height:auto; min-height:42px; padding:10px 12px; white-space:normal; }
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-recent-file .hx-file-actions .btn-text { min-width:0; overflow-wrap:anywhere; }
}

/* Intermediate widths keep a horizontal flex axis: 220px is a width, not a height. */
@media(min-width:768px) {
 html[data-variant="classic-2-illuminated"] body.hx-site #completed_box #toolBar { flex-direction:row; }
 html[data-variant="classic-2-illuminated"] body.hx-site #completed_box #toolBar > .dt-toolbar-left { flex-direction:row; width:auto; }
}

/* Public catalogue/history share the homepage width and card framing. */
html[data-variant="classic-2-illuminated"] body.hx-site:is([data-page="/SupportedEcuList"],[data-page="/FileHistory"]) .app-container > .container { max-width:1200px; }
html[data-variant="classic-2-illuminated"] body.hx-site:is([data-page="/SupportedEcuList"],[data-page="/FileHistory"]) .card-fit-screen { border-top:3px solid var(--hx-accent); padding:24px; }
html[data-variant="classic-2-illuminated"] body.hx-site:is([data-page="/SupportedEcuList"],[data-page="/FileHistory"]) .card-fit-screen > .card-header { padding:0 0 16px; margin:0 0 20px; }
html[data-variant="classic-2-illuminated"] body.hx-site:is([data-page="/SupportedEcuList"],[data-page="/FileHistory"]) .card-fit-screen > .card-body { padding:0; }
html[data-variant="classic-2-illuminated"] body.hx-site:is([data-page="/SupportedEcuList"],[data-page="/FileHistory"]) .card-header .ecu-brand > i { display:grid; place-items:center; width:52px; height:52px; flex:none; border-radius:10px; background:var(--hx-accent); color:var(--hx-on-accent); font-size:23px; }
@media(max-width:767px) {
 html[data-variant="classic-2-illuminated"] body.hx-site:is([data-page="/SupportedEcuList"],[data-page="/FileHistory"]) .card-fit-screen { padding:16px; }
 html[data-variant="classic-2-illuminated"] body.hx-site:is([data-page="/SupportedEcuList"],[data-page="/FileHistory"]) .card-header .ecu-brand > i { width:38px; height:38px; font-size:18px; }
}

/* The viewport-bound lists and homepage use the same header-to-card spacing. */
html[data-variant="classic-2-illuminated"] body.hx-site:is([data-page="/Index"],[data-page="/ProcessingUnavailable"],[data-page="/FileHistory"],[data-page="/SupportedEcuList"]) .app-container { padding-top:24px; }
@media(max-width:767px) {
 html[data-variant="classic-2-illuminated"] body.hx-site:is([data-page="/Index"],[data-page="/ProcessingUnavailable"],[data-page="/FileHistory"],[data-page="/SupportedEcuList"]) .app-container { padding-top:12px; }
}

/* Match the homepage icon-to-title spacing in both public list headers. */
html[data-variant="classic-2-illuminated"] body.hx-site:is([data-page="/SupportedEcuList"],[data-page="/FileHistory"]) .card-header .ecu-brand { gap:16px; align-items:center; }
@media(max-width:767px) {
 html[data-variant="classic-2-illuminated"] body.hx-site:is([data-page="/SupportedEcuList"],[data-page="/FileHistory"]) .card-header .ecu-brand { gap:10px; }
}

/* Support and Terms use the same public-page frame without nested gutters. */
html[data-variant="classic-2-illuminated"] body.hx-site:is([data-page="/Support"],[data-page="/Terms"]) .app-container { padding-top:24px; }
html[data-variant="classic-2-illuminated"] body.hx-site:is([data-page="/Support"],[data-page="/Terms"]) .app-container > .container { max-width:1200px; }
html[data-variant="classic-2-illuminated"] body.hx-site:is([data-page="/Support"],[data-page="/Terms"]) .container .container { padding:0; max-width:none; width:100%; }
html[data-variant="classic-2-illuminated"] body.hx-site:is([data-page="/Support"],[data-page="/Terms"]) .card { width:100%; max-width:none!important; border-top:3px solid var(--hx-accent); }
html[data-variant="classic-2-illuminated"] body.hx-site[data-page="/Support"] .card-body { padding:0; }
html[data-variant="classic-2-illuminated"] body.hx-site .c2-public-heading { flex:none; border-bottom:1px solid var(--hx-border); padding-bottom:16px; margin-bottom:20px; }
html[data-variant="classic-2-illuminated"] body.hx-site .c2-public-heading h1 { margin:0; }
@media(max-width:767px) {
 html[data-variant="classic-2-illuminated"] body.hx-site:is([data-page="/Support"],[data-page="/Terms"]) .app-container { padding-top:12px; }
 html[data-variant="classic-2-illuminated"] body.hx-site[data-page="/Terms"] .terms-layout { padding:16px; }
}

/* Editor: accent frame and compact page-size control. */
html[data-variant="classic-2-illuminated"] body.hx-site[data-page="/EcuEditor"] #completed_box { border-top:3px solid var(--hx-accent); }
html[data-variant="classic-2-illuminated"] body.hx-site #completed_box #pageSize { height:30px; min-height:30px; padding:3px 8px; font-size:12px; line-height:1.4; }

/* Pair supported-function badges with the accent's accessible foreground. */
html[data-variant="classic-2-illuminated"] body.hx-site[data-page="/SupportedEcuList"] .badge-primary { background:var(--hx-accent); color:var(--hx-on-accent); }

/* Processing uses the same foreground/background accent pair as primary controls. */
html[data-variant="classic-2-illuminated"] body.hx-site #jobStatusBadge.bg-primary { background:var(--hx-accent); color:var(--hx-on-accent); }

/* Catalogue total follows the chosen accent; filtered-result warning remains semantic. */
html[data-variant="classic-2-illuminated"] body.hx-site:is([data-page="/SupportedEcuList"],[data-page="/FileHistory"]) #infoCount.badge-info { background:var(--hx-accent); color:var(--hx-on-accent); }

/* Refined Classic navigation, aligned with the public cards. */
html[data-variant="classic-2-illuminated"] body.hx-site .header-container { max-width:1200px; padding:10px 24px; gap:16px; }
html[data-variant="classic-2-illuminated"] body.hx-site .logo-section { flex-shrink:0; }
html[data-variant="classic-2-illuminated"] body.hx-site .nav-list { gap:2px; }
html[data-variant="classic-2-illuminated"] body.hx-site .main-nav .nav-link { min-height:38px; padding:8px; gap:6px; white-space:nowrap; font-size:12px; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.nav-link,.mobile-nav-link)[aria-current="page"] { position:relative; color:var(--hx-accent); background:transparent; box-shadow:none; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.nav-link,.mobile-nav-link)[aria-current="page"]::after { content:""; position:absolute; inset-inline:8px; bottom:0; height:2px; background:var(--hx-accent); border-radius:0; pointer-events:none; }
html[data-variant="classic-2-illuminated"] body.hx-site .main-nav .admin-panel-nav { border-inline-start:1px solid var(--hx-border); margin-inline-start:6px; padding-inline-start:8px; }
html[data-variant="classic-2-illuminated"] body.hx-site .header-actions { gap:8px; flex-shrink:0; }
html[data-variant="classic-2-illuminated"] body.hx-site .header-actions :is(.action-btn,.hx-appearance > summary,.user-btn) { height:38px; min-height:38px; border:1px solid color-mix(in srgb,var(--hx-border) 70%,transparent); background:transparent; color:var(--hx-text); border-radius:8px; display:flex; align-items:center; justify-content:center; }
html[data-variant="classic-2-illuminated"] body.hx-site .header-actions .action-btn { width:38px; padding:0; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-appearance > summary { padding:8px 10px; }
html[data-variant="classic-2-illuminated"] body.hx-site .user-btn { padding:4px 8px; gap:8px; }
html[data-variant="classic-2-illuminated"] body.hx-site .user-btn .user-avatar { width:28px; height:28px; }
html[data-variant="classic-2-illuminated"] body.hx-site .user-btn .user-name { max-width:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html[data-variant="classic-2-illuminated"] body.hx-site .header-actions :is(.action-btn,.hx-appearance > summary,.user-btn):hover { border-color:var(--hx-accent); background:color-mix(in srgb,var(--hx-accent) 8%,var(--hx-surface)); }
@media(min-width:1200px) {
 html[data-variant="classic-2-illuminated"] body.hx-site .header-actions .hx-appearance > summary span { display:none; }
 html[data-variant="classic-2-illuminated"] body.hx-site .header-actions .hx-appearance > summary { width:38px; padding:0; }
}
@media(max-width:767px) {
 html[data-variant="classic-2-illuminated"] body.hx-site .header-container { padding:10px 12px; gap:8px; }
 html[data-variant="classic-2-illuminated"] body.hx-site .header-actions { gap:4px; }
 html[data-variant="classic-2-illuminated"] body.hx-site .header-actions :is(.action-btn,.hx-appearance > summary) { width:32px; padding:0; }
 html[data-variant="classic-2-illuminated"] body.hx-site .logo-section { gap:8px; }
}

/* Continue working: a quiet inset file row, matching the refined header concept. */
html[data-variant="classic-2-illuminated"] body.hx-site .c2-recent-heading { margin-bottom:20px; }
html[data-variant="classic-2-illuminated"] body.hx-site .c2-recent-heading p { margin:5px 0 0; color:var(--hx-muted); font-size:13px; }
html[data-variant="classic-2-illuminated"] body.hx-site .c2-recent-row { padding:18px; border:1px solid var(--hx-border); border-radius:9px; background:color-mix(in srgb,var(--hx-bg) 35%,var(--hx-surface)); }
html[data-variant="classic-2-illuminated"] body.hx-site .c2-recent-row > .card-header { border:0; padding:0; margin:0; }
html[data-variant="classic-2-illuminated"] body.hx-site .c2-recent-row .ecu-brand { gap:10px; min-width:0; flex-wrap:wrap; }
html[data-variant="classic-2-illuminated"] body.hx-site .c2-recent-row .ecu-brand > i { width:48px; height:48px; border:1px solid var(--hx-border); background:var(--hx-raised); color:var(--hx-text); font-size:22px; }
html[data-variant="classic-2-illuminated"] body.hx-site .c2-recent-row .hx-file-actions .btn { min-height:40px; padding:9px 16px; background:transparent; }
html[data-variant="classic-2-illuminated"] body.hx-site .c2-recent-row .btn-download { color:var(--hx-accent); border:1px solid var(--hx-accent); }
html[data-variant="classic-2-illuminated"] body.hx-site .c2-recent-row .btn-download:hover { background:color-mix(in srgb,var(--hx-accent) 12%,var(--hx-surface)); color:var(--hx-accent); }
html[data-variant="classic-2-illuminated"] body.hx-site .c2-recent-details { margin:12px 0 0 58px; min-width:0; }
html[data-variant="classic-2-illuminated"] body.hx-site .c2-recent-details .file-info-text { margin-top:6px; }
@media(max-width:767px) {
 html[data-variant="classic-2-illuminated"] body.hx-site .c2-recent-row { padding:14px; }
 html[data-variant="classic-2-illuminated"] body.hx-site .c2-recent-details { margin-left:0; }
}

/* Users Management retains the wider administration container. */
html[data-variant="classic-2-illuminated"] body.hx-site .hx-users-manager { border-top:3px solid var(--hx-accent); }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-users-manager > .card-header { padding:0 0 16px; margin:0 0 20px; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-users-manager > .card-header .ecu-brand { display:flex; align-items:center; gap:16px; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-users-manager > .card-header .ecu-brand > i { display:grid; place-items:center; width:52px; height:52px; flex:none; border-radius:10px; background:var(--hx-accent); color:var(--hx-on-accent); font-size:23px; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-users-manager > .card-body { padding:0; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-users-manager .hx-user-actions { display:flex; align-items:center; gap:8px; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-users-manager .switch-table { display:inline-flex; align-items:center; justify-content:center; flex:none; width:32px; height:30px; margin:0; padding:0; border:1px solid var(--hx-border); border-radius:8px; cursor:pointer; background:transparent; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-users-manager .switch-table input { position:static; margin:0; width:16px; height:16px; cursor:pointer; vertical-align:middle; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-users-manager .switch-table:hover { border-color:var(--hx-accent); background:color-mix(in srgb,var(--hx-accent) 8%,transparent); }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-users-manager .slider-table { display:none; }
@media(max-width:767px) {
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-users-manager > .card-header .ecu-brand { gap:10px; }
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-users-manager > .card-header .ecu-brand > i { width:38px; height:38px; font-size:18px; }
}

/* Administration: shared framing; container widths are intentionally untouched. */
html[data-variant="classic-2-illuminated"] body.hx-admin .app-container .card:not(.card .card) { border-top:3px solid var(--hx-accent); }
html[data-variant="classic-2-illuminated"] body.hx-admin .app-container .card > .card-header { padding:0 0 16px; margin:0 0 20px; background:transparent; }
html[data-variant="classic-2-illuminated"] body.hx-admin .app-container .card > .card-body { padding:0; }
html[data-variant="classic-2-illuminated"] body.hx-admin .card-header :is(.card-title,.ecu-brand, strong:has(> i)) { display:flex; align-items:center; gap:16px; margin:0; }
html[data-variant="classic-2-illuminated"] body.hx-admin .card-header :is(.card-title,.ecu-brand,strong) > i { display:grid; place-items:center; width:52px; height:52px; flex:none; border-radius:10px; background:var(--hx-accent); color:var(--hx-on-accent); font-size:23px; }
html[data-variant="classic-2-illuminated"] body.hx-admin .card-header .card-title:not(:has(i)):not(.ecu-brand .card-title)::before,
html[data-variant="classic-2-illuminated"] body.hx-admin .c2-admin-heading::before { content:""; font-family:"Font Awesome 6 Free","Font Awesome 5 Free"; font-weight:900; display:grid; place-items:center; width:52px; height:52px; flex:none; border-radius:10px; background:var(--hx-accent); color:var(--hx-on-accent); font-size:23px; }
html[data-variant="classic-2-illuminated"] body.hx-admin .c2-admin-heading { display:flex; align-items:center; gap:16px; padding:20px 24px; margin:0 0 20px; border:1px solid var(--hx-border); border-top:3px solid var(--hx-accent); border-radius:var(--hx-radius); background:var(--hx-surface); font-size:18px; }
html[data-variant="classic-2-illuminated"] body.hx-admin .page-title:has(.c2-admin-heading) { width:100%; }
html[data-variant="classic-2-illuminated"] body.hx-admin .breadcrumbs:has(.c2-admin-heading) :is(.col-sm-4,.page-header) { width:100%; float:none; }
html[data-variant="classic-2-illuminated"] body.hx-admin .card-header { flex-wrap:wrap; }
@media(max-width:767px) {
 html[data-variant="classic-2-illuminated"] body.hx-admin .card-header :is(.card-title,.ecu-brand,strong:has(> i)),
 html[data-variant="classic-2-illuminated"] body.hx-admin .c2-admin-heading { gap:10px; }
 html[data-variant="classic-2-illuminated"] body.hx-admin .card-header :is(.card-title,.ecu-brand,strong) > i,
 html[data-variant="classic-2-illuminated"] body.hx-admin .card-header .card-title:not(:has(i)):not(.ecu-brand .card-title)::before,
 html[data-variant="classic-2-illuminated"] body.hx-admin .c2-admin-heading::before { width:38px; height:38px; font-size:18px; }
 html[data-variant="classic-2-illuminated"] body.hx-admin .c2-admin-heading { padding:16px; font-size:16px; }
}

/* Keep valid SMTP validation summaries invisible, including their alert decoration. */
html[data-variant="classic-2-illuminated"] body.hx-admin[data-page="/SmtpSettings"] .validation-summary-valid { display:none; }
html[data-variant="classic-2-illuminated"] body.hx-admin[data-page="/SmtpSettings"] .card-header { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
html[data-variant="classic-2-illuminated"] body.hx-admin[data-page="/SmtpSettings"] .c2-smtp-description { margin:0; }

/* Group multi-section admin pages under one full-width heading and surface. */
html[data-variant="classic-2-illuminated"] body.hx-admin .c2-admin-panel { width:100%; min-width:0; padding:24px; border:1px solid var(--hx-border); border-top:3px solid var(--hx-accent); border-radius:var(--hx-radius); background:var(--hx-surface); box-shadow:var(--c2-shadow); }
html[data-variant="classic-2-illuminated"] body.hx-admin .c2-admin-panel .c2-admin-heading { width:100%; padding:0 0 16px; margin:0 0 20px; border:0; border-bottom:1px solid var(--hx-border); border-radius:0; background:transparent; }
html[data-variant="classic-2-illuminated"] body.hx-admin .c2-admin-panel .breadcrumbs > .flex > div,
html[data-variant="classic-2-illuminated"] body.hx-admin .c2-admin-panel > .hx-page-heading > div { width:100%; min-width:0; }
html[data-variant="classic-2-illuminated"] body.hx-admin .c2-admin-panel > .hx-page-heading { display:block; }
html[data-variant="classic-2-illuminated"] body.hx-admin .c2-admin-panel .card { border-top:1px solid var(--hx-border); box-shadow:none; }
html[data-variant="classic-2-illuminated"] body.hx-admin .validation-summary-valid { display:none; }
html[data-variant="classic-2-illuminated"] body.hx-admin .c2-admin-panel > .table-responsive .table { margin-top:0; }
@media(max-width:767px) {
 html[data-variant="classic-2-illuminated"] body.hx-admin .c2-admin-panel { padding:16px; }
}

/* Override the legacy right-panel reset without changing the admin container width. */
html[data-variant="classic-2-illuminated"] body.hx-site.hx-admin .app-container > .container > .right-panel.c2-admin-panel { padding:24px; }
@media(max-width:767px) {
 html[data-variant="classic-2-illuminated"] body.hx-site.hx-admin .app-container > .container > .right-panel.c2-admin-panel { padding:16px; }
}

/* Separate theme catalogue cards from the appearance/install settings above. */
html[data-variant="classic-2-illuminated"] body.hx-admin[data-page="/ThemesManager"] .hx-theme-grid { margin-top:24px; }

/* Subscription headings follow the public card spacing. */
html[data-variant="classic-2-illuminated"] body.hx-site .hx-subscription-card { border-top:3px solid var(--hx-accent); }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-subscription-card > .card-header { padding:0 0 16px; margin:0 0 20px; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-subscription-card > .card-header .card-title { display:flex; align-items:center; gap:16px; margin:0; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-subscription-card > .card-header .card-title > i { display:grid; place-items:center; flex:none; width:52px; height:52px; border-radius:10px; background:var(--hx-accent); color:var(--hx-on-accent); font-size:23px; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-subscription-card > .card-body { padding:0; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-subscription-card > .feature-card { padding:20px; border:1px solid var(--hx-border); border-radius:10px; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-subscription-card > .feature-card > .flex { margin-top:0; flex-wrap:wrap; }
@media(max-width:767px) {
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-subscription-card > .card-header .card-title { gap:10px; }
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-subscription-card > .card-header .card-title > i { width:38px; height:38px; font-size:18px; }
}

/* Consistent account settings cards, including secondary account pages. */
html[data-variant="classic-2-illuminated"] body.hx-site .hx-account-container { padding:0; }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-account-container > .identity-header { display:none; }
html[data-variant="classic-2-illuminated"] body.hx-site .identity-layout { align-items:start; gap:24px; }
html[data-variant="classic-2-illuminated"] body.hx-site .identity-content > .card,
html[data-variant="classic-2-illuminated"] body.hx-site .identity-sidebar > .manage-nav-card { border-top:3px solid var(--hx-accent); padding:24px; }
html[data-variant="classic-2-illuminated"] body.hx-site .identity-content > .card > .card-header,
html[data-variant="classic-2-illuminated"] body.hx-site .identity-sidebar > .manage-nav-card > .card-header { display:flex; align-items:center; gap:16px; padding:0 0 16px; margin:0 0 20px; }
html[data-variant="classic-2-illuminated"] body.hx-site .identity-content > .card > .card-header .card-title,
html[data-variant="classic-2-illuminated"] body.hx-site .identity-sidebar .card-title { margin:0; }
html[data-variant="classic-2-illuminated"] body.hx-site .identity-content > .card > .card-header p { margin:5px 0 0; font-size:13px; color:var(--hx-muted); }
html[data-variant="classic-2-illuminated"] body.hx-site .hx-account-heading-icon { display:grid; place-items:center; flex:none; width:52px; height:52px; border-radius:10px; background:var(--hx-accent); color:var(--hx-on-accent); font-size:23px; }
html[data-variant="classic-2-illuminated"] body.hx-site .identity-content > .card > .card-body { padding:0; }
html[data-variant="classic-2-illuminated"] body.hx-site .identity-content > .card > form { margin:0; }
html[data-variant="classic-2-illuminated"] body.hx-site .identity-sidebar .hx-account-heading-icon { width:38px; height:38px; font-size:18px; }
html[data-variant="classic-2-illuminated"] body.hx-site .identity-sidebar .card-title { font-size:16px; }
html[data-variant="classic-2-illuminated"] body.hx-site .identity-sidebar > .manage-nav-card > .card-header { gap:10px; }
html[data-variant="classic-2-illuminated"] body.hx-site .identity-sidebar .manage-nav-list { padding:0; }
html[data-variant="classic-2-illuminated"] body.hx-site .identity-sidebar .manage-nav-link { padding:12px 10px; }
html[data-variant="classic-2-illuminated"] body.hx-site .identity-sidebar .manage-nav-link:hover { transform:none; }
html[data-variant="classic-2-illuminated"] body.hx-site .identity-sidebar .manage-nav-link:is(.active,.text-dark,[aria-current="page"]) { color:var(--hx-accent); background:color-mix(in srgb,var(--hx-accent) 10%,transparent); border-color:color-mix(in srgb,var(--hx-accent) 25%,transparent); }
@media(max-width:767px) {
 html[data-variant="classic-2-illuminated"] body.hx-site .identity-layout { gap:16px; }
 html[data-variant="classic-2-illuminated"] body.hx-site .identity-content > .card,
 html[data-variant="classic-2-illuminated"] body.hx-site .identity-sidebar > .manage-nav-card { padding:16px; }
 html[data-variant="classic-2-illuminated"] body.hx-site .identity-content > .card > .card-header { gap:10px; }
 html[data-variant="classic-2-illuminated"] body.hx-site .hx-account-heading-icon { width:38px; height:38px; font-size:18px; }
}

/* Shared dialogs across public, account and administration pages. */
html[data-variant="classic-2-illuminated"] body.hx-site :is(.modal-overlay,.modal,.confirm-modal) { padding:16px; box-sizing:border-box; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.modal-overlay,.modal,.confirm-modal-overlay) { background:rgba(5,10,18,.65); backdrop-filter:blur(3px); }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.modal-overlay,.modal) > .card,
html[data-variant="classic-2-illuminated"] body.hx-site .confirm-modal-box { width:100%; max-width:520px; min-width:0; margin:auto; box-sizing:border-box; max-height:calc(100dvh - 32px); overflow:auto; background:var(--hx-surface); color:var(--hx-text); border:1px solid var(--hx-border); border-top:3px solid var(--hx-accent); border-radius:var(--hx-radius,12px); box-shadow:0 24px 64px #0006; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.modal-overlay,.modal) > .card { flex:0 1 520px; padding:24px; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(#detailsModal,#editModal) > .card { flex-basis:700px; max-width:700px; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.modal-overlay,.modal) > .card > .card-body { padding:0; min-width:0; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.modal-overlay,.modal) h3,
html[data-variant="classic-2-illuminated"] body.hx-site .confirm-modal-title { margin:0; font-size:18px; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.close-btn,.confirm-modal-close) { display:grid; place-items:center; width:32px; height:32px; flex:none; padding:0; border:1px solid var(--hx-border); border-radius:8px; background:var(--hx-raised); color:var(--hx-text); font-size:22px; cursor:pointer; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.modal-overlay,.modal) .card-body > .flex:first-child { padding-bottom:16px; margin-bottom:20px; border-bottom:1px solid var(--hx-border); gap:12px; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.modal-overlay,.modal) form > .flex { flex-wrap:wrap; gap:10px; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.modal-overlay,.modal) p { line-height:1.65; overflow-wrap:anywhere; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.modal-overlay,.modal) hr { border:0; border-top:1px solid var(--hx-border); margin:20px 0; }
html[data-variant="classic-2-illuminated"] body.hx-site .confirm-modal-box { padding:0; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.confirm-modal-header,.confirm-modal-footer) { padding:16px 24px; background:var(--hx-surface); border-color:var(--hx-border); margin:0; }
html[data-variant="classic-2-illuminated"] body.hx-site .confirm-modal-header { display:flex; align-items:center; gap:12px; }
html[data-variant="classic-2-illuminated"] body.hx-site .confirm-modal-body { padding:20px 24px; }
html[data-variant="classic-2-illuminated"] body.hx-site .confirm-modal-text { margin:0; color:var(--hx-muted); font-size:14px; line-height:1.65; }
html[data-variant="classic-2-illuminated"] body.hx-site .confirm-modal-footer { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; }
html[data-variant="classic-2-illuminated"] body.hx-site :is(.modal-overlay,.modal,.confirm-modal-box) .btn { min-height:40px; }
@media(max-width:767px) {
 html[data-variant="classic-2-illuminated"] body.hx-site :is(.modal-overlay,.modal) > .card { padding:16px; }
 html[data-variant="classic-2-illuminated"] body.hx-site :is(.confirm-modal-header,.confirm-modal-body,.confirm-modal-footer) { padding:16px; }
 html[data-variant="classic-2-illuminated"] body.hx-site #detailsContent .grid { grid-template-columns:minmax(0,1fr); }
}