/* Approved Quantum Rebar identity: graphite / copper / steel / turquoise.
   Screen depth is separate from print layout and never moves technical drawings. */
:root {
    --qr-graphite: #1a1f24;
    --qr-copper: #b87343;
    --qr-copper-dark: #8a4d28;
    --qr-steel: #8a939b;
    --qr-turquoise: #00c7b7;
    --qr-turquoise-ink: #00756c;
    --qr-text: #262e35;
    --qr-muted: #626e76;
    --qr-line: #d3d7d9;
    --qr-surface: #fbfbfa;
    --qr-canvas: #e9ebec;
    --qr-raised: inset 0 1px 0 #fff, 0 2px 2px #1a1f2410, 0 9px 22px #1a1f2410;
    --qr-brand-ink: var(--qr-graphite);
    --qr-brand-teal: var(--qr-turquoise-ink);
    --qr-brand-teal-dark: #005b54;
    --qr-brand-teal-soft: #e4f4f1;
    --qr-status-draft: #8a939b;
    --qr-status-released: #6c8190;
    --qr-status-running: #b87343;
    --qr-status-completed: #007e73;
    --qr-status-cancelled: #c14f50;
}

/* Live bilingual wordmark keeps both languages sharp at every screen size. */
.qr-brand-forged { gap: 9px; max-width: 100%; }
.qr-brand-forged .qr-official-brand-mark { flex-shrink: 0; filter: drop-shadow(0 3px 2px #10141830); }
.qr-brand-forged .qr-official-brand-wordtext { display: flex; flex-direction: column; align-items: center; gap: 3px; letter-spacing: 0; line-height: 1.1; }
.qr-brand-forged .qr-official-brand-wordtext strong { font-family: "Tajawal", "Segoe UI", Tahoma, sans-serif; font-weight: 800; font-size: .82em; line-height: 1.22; }
.qr-brand-forged .qr-official-brand-wordtext small { font-family: "Inter", "Segoe UI", sans-serif; font-size: .43em; font-weight: 750; letter-spacing: -.025em; line-height: 1.3; color: inherit; }
.qr-brand-forged.on-light .qr-official-brand-wordtext { color: var(--qr-graphite); }
.qr-brand-forged.on-dark .qr-official-brand-wordtext { color: #f7f6f2; text-shadow: 0 2px 2px #0008; }
.qr-brand-forged.qr-official-brand-sidebar { gap: 9px; }
.qr-brand-forged.qr-official-brand-sidebar .qr-official-brand-mark { width: 58px; height: 58px; }
.qr-brand-forged.qr-official-brand-sidebar .qr-official-brand-wordtext { font-size: 27px; }
.qr-brand-forged.qr-official-brand-compact .qr-official-brand-mark { width: 42px; height: 42px; }
.qr-brand-forged.qr-official-brand-compact .qr-official-brand-wordtext { font-size: 22px; }
.qr-brand-forged.qr-official-brand-hero { flex-direction: column; gap: 12px; width: 100%; }
.qr-brand-forged.qr-official-brand-hero .qr-official-brand-mark { width: clamp(150px, 17vw, 235px); height: clamp(150px, 17vw, 235px); filter: drop-shadow(0 18px 12px #0008); }
.qr-brand-forged.qr-official-brand-hero .qr-official-brand-wordtext { font-size: clamp(32px, 3vw, 43px); gap: 4px; }
.qr-brand-forged.qr-official-brand-mini .qr-official-brand-wordtext { font-size: 3.8mm; gap: .2mm; }
.qr-brand-forged.qr-official-brand-mini .qr-official-brand-mark { width: 7mm; height: 7mm; }
.qr-production-card-sheet.stage8.layout-compact .qr-brand-forged.qr-official-brand-mini .qr-official-brand-wordtext { font-size: 3.3mm; }

@media screen {
    html, body { color: var(--qr-text); background: var(--qr-canvas); }
    body { font-family: "IBM Plex Sans Arabic", "Inter", "Segoe UI", sans-serif; }
    ::selection { background: #bcece5; color: #132a27; }
    .qr-shell { background: radial-gradient(ellipse at 10% 0%, #ffffffb0, transparent 55%), var(--qr-canvas); }
    .qr-content { background: transparent; }
    .qr-page-head h1, .qr-section-title h5, .qr-section-title h6 { color: var(--qr-graphite); }

    /* A solid graphite side rail with raised copper navigation. */
    .qr-sidebar { background: radial-gradient(ellipse at 10% 0%, #43494f 0, transparent 55%), linear-gradient(160deg, #242b31, #171c20); border-inline-start: 1px solid #52585d; box-shadow: -6px 0 24px #11191e24, inset 1px 0 #ffffff12; }
    .qr-sidebar .qr-brand { background: linear-gradient(145deg, #30373d, #20262b); border-bottom-color: #ffffff17; padding-bottom: 20px; }
    .qr-sidebar .qr-brand > small { color: #bcc1c5; font-size: 10px; }
    .qr-nav-separator, .qr-nav-group > summary { color: #dca47c; }
    .qr-sidebar nav a { color: #d8dde0; border: 1px solid transparent; transition: background .18s, border-color .18s, box-shadow .18s; }
    .qr-sidebar nav a.active { color: #fff7ef; background: linear-gradient(135deg, #955a36, #6d4029); border-color: #cf936c90; box-shadow: inset 0 1px #f8d6ba50, 0 3px 0 #10141880, 0 6px 12px #0003; }
    html[dir="ltr"] .qr-sidebar nav a.active { box-shadow: inset 0 1px #f8d6ba50, 0 3px 0 #10141880, 0 6px 12px #0003; }
    .qr-sidebar nav a:hover:not(.active) { color: #fff; background: #ffffff0c; border-color: #ffffff15; box-shadow: inset 0 1px #ffffff0b; }
    .qr-nav-group { border-color: #ffffff14; }
    .qr-sidebar-footer { background: linear-gradient(145deg, #242b31, #191f24); border-color: #ffffff18; }
    .qr-sidebar-user span, .qr-sidebar-footer small { color: #bac2c7; }
    .qr-sidebar-toggle, .qr-mobile-menu-btn, .qr-mobile-close-btn { color: #414b52; border-color: #cbd0d3; background: linear-gradient(#fff, #e7e9ea); box-shadow: inset 0 1px #fff, 0 2px 1px #111a2020; }
    .qr-topbar { background: linear-gradient(180deg, #fff, #f5f5f3); border-bottom: 1px solid #c8cdcf; box-shadow: 0 3px 12px #1a1f240a, inset 0 -1px #fff; }
    .qr-topbar-brand > span { color: #637078; font-size: 11px; }
    .qr-session-account-info { background: #f2f2ef; border-color: #d6d9d9; box-shadow: inset 0 1px 3px #1a1f2409; }
    .qr-language-switch { background: #e8ebeb; border-color: #d1d6d7; box-shadow: inset 0 1px 3px #1a1f2410; }
    .qr-owner-chip, .qr-stage-badge { color: #754524 !important; border-color: #d9b99f; background: #f6eadf; }

    /* Raised panels, restrained bevels, and recessed form fields. */
    :is(.qr-card, .qr-stat, .qr-home-panel, .qr-home-kpi, .qr-home-flow-card, .qr-owner-card, .qr-owner-kpi, .qr-owner-editor, .qr-auth-card, .qr-register-form-card, .qr-renew-card, .qr-renew-history, .qr-sub-card, .qr-shape-item, .qr-quote-list-item, .qr-entry-documents-panel, .qr-entry-workspace, .qr-print-toolbar) {
        border-color: var(--qr-line); background: linear-gradient(150deg, #fff 0%, var(--qr-surface) 75%, #f0f1ef 100%); box-shadow: var(--qr-raised);
    }
    .qr-card, .qr-home-panel, .qr-owner-card { border-radius: 16px; }
    .qr-customers-page .qr-customer-kpis > div { border-color: var(--qr-line); background: linear-gradient(150deg, #fff, #f1f2ef); box-shadow: var(--qr-raised); }
    .qr-customers-page .qr-customer-kpis strong { color: var(--qr-graphite); }
    .qr-customers-page .qr-customer-kpis span { color: var(--qr-muted); }
    .qr-customers-page .qr-page-eyebrow { color: #8a4d28; }
    .qr-card h5, .qr-home-panel-head h2, .qr-owner-card-head h5 { color: var(--qr-graphite); }
    .qr-section-title span, .qr-page-head p, .qr-home-panel-head small { color: var(--qr-muted); }
    .form-control, .form-select { color: var(--qr-text); border-color: #c8ced1; background-color: #fcfcfb; box-shadow: inset 0 2px 3px #1a1f240b, 0 1px #fff; }
    .form-control:focus, .form-select:focus { color: var(--qr-text); border-color: var(--qr-turquoise-ink); background-color: #fff; box-shadow: inset 0 1px 2px #1a1f2408, 0 0 0 3px #00c7b726; }
    .form-control:disabled, .form-select:disabled { color: #667078; background-color: #eceeee; box-shadow: inset 0 1px 2px #1a1f2408; }
    .form-check-input:checked { background-color: var(--qr-turquoise-ink); border-color: var(--qr-turquoise-ink); }
    :is(button, a, input, select, summary):focus-visible { outline: 2px solid var(--qr-turquoise-ink); outline-offset: 3px; }
    h1:focus { outline: none; }
    .qr-sidebar :is(a, summary, button):focus-visible { outline-color: var(--qr-turquoise); }

    .btn { border-radius: 9px; font-weight: 600; box-shadow: inset 0 1px 0 #ffffff40, 0 2px 0 #1a1f2426, 0 4px 7px #1a1f2409; transition: box-shadow .16s, background-color .16s, transform .16s; }
    .btn:active:not(:disabled) { transform: translateY(1px); box-shadow: inset 0 2px 4px #1a1f2426, 0 1px #fff; }
    .btn:disabled { box-shadow: none; transform: none; }
    .btn-primary { --bs-btn-bg: #92532e; --bs-btn-border-color: #854723; --bs-btn-hover-bg: #7c4325; --bs-btn-hover-border-color: #713b20; --bs-btn-active-bg: #6d391f; --bs-btn-active-border-color: #63351c; --bs-btn-disabled-bg: #92532e; --bs-btn-disabled-border-color: #92532e; --bs-btn-focus-shadow-rgb: 184,115,67; background-image: linear-gradient(180deg, #ffffff13, transparent 65%); color: #fff; }
    .btn-outline-primary { --bs-btn-color: #834a29; --bs-btn-border-color: #bd8c69; --bs-btn-hover-bg: #89502f; --bs-btn-hover-border-color: #89502f; --bs-btn-hover-color: #fff; --bs-btn-active-bg: #774025; --bs-btn-active-border-color: #774025; --bs-btn-active-color: #fff; --bs-btn-disabled-color: #856950; --bs-btn-disabled-border-color: #c9ad99; background-image: linear-gradient(#ffffff80, #b8734308); }
    .btn-outline-secondary, .btn-light { color: #46515a; border-color: #c7cdcf; background-image: linear-gradient(#fff, #e9edee); }
    .btn-success { background-image: linear-gradient(#ffffff12, #0000000c); }
    .btn-link { box-shadow: none; }
    .table { --bs-table-bg: transparent; --bs-table-color: var(--qr-text); --bs-table-hover-bg: #f1ebe5; --bs-table-striped-bg: #f1f2f1; }
    .table thead th { background: linear-gradient(#f7f7f4, #e4e7e7); color: #424c54; border-bottom-color: #c4cacc; box-shadow: inset 0 1px #fff; }
    .table td { border-bottom-color: #e1e4e4; }
    .qr-popup-overlay > section, .qr-entry-convert-dialog { border: 1px solid #d7d1cb; box-shadow: inset 0 1px #fff, 0 22px 65px #10181e38; }
    .qr-global-busy-card { border-color: #d3d7d9; background: linear-gradient(145deg, #fff, #f3f3ef); box-shadow: inset 0 1px #fff, 0 12px 35px #1a1f2429; }

    /* Authentication: an illuminated metal emblem above a graphite panel. */
    .qr-auth-page { background: var(--qr-canvas); grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr); }
    .qr-auth-hero { justify-content: center; padding: 44px clamp(28px, 5vw, 80px); text-align: center; background: radial-gradient(ellipse at 48% 25%, #71777c50, transparent 48%), radial-gradient(ellipse at 18% 90%, #b8734340, transparent 50%), linear-gradient(145deg, #2e353b, #171c20 65%); border-inline-end: 1px solid #5c5c57; box-shadow: inset 0 1px #ffffff20; }
    .qr-auth-hero::before { content: ""; pointer-events: none; position: absolute; inset: 0; opacity: .12; background: repeating-linear-gradient(115deg, transparent 0 55px, #bfc5c91a 56px, transparent 57px 110px); }
    .qr-auth-hero::after { content: ""; width: 78%; height: 2px; inset: auto 11% 0; background: linear-gradient(90deg, transparent, #dfaa80, #b87343, transparent); box-shadow: 0 -6px 45px 8px #b8734330; }
    .qr-auth-hero-inner { width: 100%; max-width: 620px; }
    .qr-auth-hero h1 { margin: 30px 0 12px; font-size: clamp(27px, 2.6vw, 40px); line-height: 1.5; color: #fff; text-shadow: 0 2px 2px #0005; }
    .qr-auth-hero p { margin-inline: auto; color: #c1c8cc; font-size: 15px; line-height: 1.9; }
    .qr-auth-hero .qr-trial-pill { background: #b873431f; color: #f1c9a9; border-color: #c28a5f66; box-shadow: inset 0 1px #ffffff12, 0 4px 12px #0002; }
    .qr-auth-panel { padding: 42px 30px; background: radial-gradient(ellipse at 90% 10%, #fff, transparent 65%), linear-gradient(140deg, #eff0ee, #dce0e1); }
    .qr-auth-card { border-radius: 22px; border-top: 3px solid var(--qr-copper); box-shadow: inset 0 1px #fff, 0 3px 2px #fff8, 0 20px 45px #1a1f241c, 0 2px 4px #1a1f2412; }
    .qr-auth-heading h2 { font-size: 28px; color: var(--qr-graphite); }
    .qr-auth-heading p, .qr-login-account-note span { color: #657078; }
    .qr-login-account-note { background: #f0f2f1; border-color: #d9dfde; box-shadow: inset 0 1px 3px #1a1f2408; }
    .qr-auth-offer, .qr-renew-total { background: #efe6de; color: #644b38; border: 1px solid #e1ccba; }
    .qr-auth-offer strong, .qr-renew-total strong { color: #814823; }
    .qr-auth-register-link a { color: #864b29; }
    .qr-register-page { background: radial-gradient(ellipse at 20% 0%, #fff, transparent 60%), var(--qr-canvas); }
    .qr-register-plan-card { background: radial-gradient(ellipse at 0% 0%, #b8734324, transparent 60%), linear-gradient(145deg, #343c43, #1a1f24); border-color: #555f65; box-shadow: inset 0 1px #ffffff24, 0 4px 0 #14191d24, 0 12px 28px #1a1f2420; }
    .qr-register-trial-days { background: #b873431c; border-color: #c08c6860; }
    .qr-register-trial-days strong, .qr-register-price strong { color: #edbb94; }
    .qr-register-plan-v2 .qr-subscription-eyebrow { color: #e7ad82; }

    /* Operational dashboard, using the same materials as the supplied board. */
    .qr-home-page { --dash-navy: #1a1f24; --dash-navy-2: #303940; --dash-teal: #007e73; --dash-blue: #6c8190; --dash-violet: #8d6956; --dash-orange: #b87343; --dash-green: #007e73; --dash-rose: #8a7770; --dash-muted: #69747c; }
    .qr-home-hero { border: 1px solid #626768; border-bottom: 3px solid #9c643f; background: radial-gradient(ellipse at 8% 0%, #b8734330, transparent 50%), linear-gradient(125deg, #252e35, #1a1f24 62%, #30373c); box-shadow: inset 0 1px #ffffff24, 0 4px 0 #171d2226, 0 15px 35px #1a1f2420; }
    .qr-home-hero .qr-home-eyebrow { color: #e2ad86; }
    .qr-home-hero p { color: #c7ced2; }
    .qr-home-hero-side { align-items: center; text-align: center; background: linear-gradient(145deg, #ffffff0a, #00000018); border-color: #ffffff1f; box-shadow: inset 0 1px #ffffff14, 0 8px 20px #0002; }
    .qr-home-hero-side > span, .qr-home-hero-side > small { color: #d4d6d2; }
    .qr-home-forged-mark { width: 110px; height: 110px; object-fit: contain; margin-bottom: 8px; filter: drop-shadow(0 8px 5px #0006); }
    .qr-home-hero-meter { width: min(180px, 100%); }
    .qr-home-hero-meter span, .qr-home-hero-meter span:nth-child(-n+4) { background: #b87343; box-shadow: inset 0 1px #ffdfbe70, 0 3px 5px #0002; }
    .qr-home-hero-actions .btn-primary { box-shadow: inset 0 1px #e8b69060, 0 3px 0 #110e0d90, 0 7px 15px #0003; }
    .qr-home-kpi { border-top: 2px solid #b7bfc3; }
    .qr-home-page :is(.kpi-teal, .kpi-green) { --kpi-soft: #e4f3ed; --kpi-color: #00756c; }
    .qr-home-page :is(.kpi-violet, .kpi-orange) { --kpi-soft: #f3e8dc; --kpi-color: #8a4d28; }
    .qr-home-page :is(.kpi-blue, .kpi-rose) { --kpi-soft: #e7ecee; --kpi-color: #52616d; }
    .qr-home-kpi .qr-kpi-icon { color: #805132; background: linear-gradient(145deg, #fff6eb, #e5cbb5); border: 1px solid #d9bca5; box-shadow: inset 0 1px #fff, 0 3px 5px #1a1f2413; }
    .qr-home-kpi.kpi-teal .qr-kpi-icon, .qr-home-kpi.kpi-green .qr-kpi-icon { color: #00685f; background: linear-gradient(145deg, #eefffb, #c9e7df); border-color: #b2d8ce; }
    .qr-home-kpi.kpi-blue .qr-kpi-icon, .qr-home-kpi.kpi-rose .qr-kpi-icon { color: #46535e; background: linear-gradient(145deg, #f8fcff, #d2d9de); border-color: #bfcbd2; }
    .qr-home-kpi strong { color: var(--qr-graphite); }
    .qr-home-kpi span { color: #5e6c74; }
    .qr-home-kpi small { color: #69747c; }
    .qr-panel-kicker { color: #8b522d; }
    .qr-month-bar.quotation, .legend-quotation { background: linear-gradient(90deg, #8b512f, #c78e64); }
    .qr-month-bar.production, .legend-production { background: linear-gradient(90deg, #006d65, #00a294); }
    .qr-month-bar { box-shadow: inset 1px 1px #ffffff40, 2px 2px 0 #1a1f2414; }
    .qr-donut { box-shadow: inset 0 1px #fff, 0 5px 10px #1a1f2412; }
    .qr-home-page .status-dot.draft { background: var(--qr-status-draft); }
    .qr-home-page .status-dot.released { background: var(--qr-status-released); }
    .qr-home-page .status-dot.running { background: var(--qr-status-running); }
    .qr-home-page .status-dot.completed { background: var(--qr-status-completed); }
    .qr-home-page .status-dot.cancelled { background: var(--qr-status-cancelled); }
    .qr-diameter-track { background: #e3e6e7; box-shadow: inset 0 2px 3px #1a1f2410; }
    .qr-diameter-track span { background: linear-gradient(90deg, #8a4d28, #c58d63); box-shadow: inset 0 1px #ffe9cf70, 0 2px 3px #1a1f2410; }
    .qr-home-flow-card { border-bottom: 3px solid #bfc6c8; }
    .qr-home-flow-card:hover, .qr-home-kpi:hover { border-color: #b8734380; box-shadow: inset 0 1px #fff, 0 4px 0 #b8734315, 0 12px 22px #1a1f2413; }

    /* Technical and commercial workspaces share the new finish. */
    .qr-entry-page-head { background: radial-gradient(ellipse at 0% 0%, #b8734335, transparent 60%), linear-gradient(130deg, #252d33, #1a1f24); border: 1px solid #555d61; border-bottom: 3px solid #a96f48; box-shadow: inset 0 1px #ffffff20, 0 4px 0 #1a1f241a, 0 10px 25px #1a1f2414; }
    .qr-entry-eyebrow { color: #e3b08a; opacity: 1; }
    .qr-entry-documents-head, .qr-entry-toolbar, .qr-entry-hierarchy-head, .qr-continuous-elements-head, .qr-owner-card-head { background: linear-gradient(#fdfdfb, #eceeeb); border-color: #d1d6d6; box-shadow: inset 0 1px #fff; }
    .qr-entry-doc-identity strong, .qr-entry-hierarchy-head strong, .qr-continuous-elements-head strong { color: var(--qr-graphite); }
    .qr-entry-toolbar { flex-wrap: wrap; }
    .qr-entry-doc-identity { flex: 0 0 auto; flex-wrap: wrap; }
    .qr-entry-doc-identity strong { white-space: nowrap; }
    .qr-entry-toolbar-actions { flex: 1 1 auto; justify-content: flex-end; }
    .qr-entry-left-rail { background: #f5f5f1; border-color: #d2d6d6; }
    .qr-entry-default-diameter { background: linear-gradient(110deg, #f2ebe1, #f9f6f0); border-bottom-color: #deccbb; box-shadow: inset 0 1px #fff; }
    .qr-entry-default-diameter label { color: #754727; }
    .qr-entry-default-diameter small { color: #766455; }
    .qr-entry-keyboard-strip { background: linear-gradient(#353e45, #222a30); color: #e4e7e7; border-bottom: 2px solid #151c22; box-shadow: inset 0 1px #ffffff17; }
    .qr-hierarchy-node-button.active, .qr-hierarchy-root.active { background: #eee2d5; color: #734528; box-shadow: inset 3px 0 #b87343, inset 0 1px #fff; }
    [dir="rtl"] .qr-hierarchy-node-button.active, [dir="rtl"] .qr-hierarchy-root.active { box-shadow: inset -3px 0 #b87343, inset 0 1px #fff; }
    .qr-entry-shape-card { background: linear-gradient(#fff, #eef0ed); border-color: #d1d6d7; box-shadow: inset 0 1px #fff, 0 2px 3px #1a1f240c; }
    .qr-entry-shape-card.active { border-color: #b87343; box-shadow: inset 0 0 0 1px #b87343, 0 3px 8px #b8734318; }
    .qr-continuous-element-row.is-active { box-shadow: inset 0 0 0 2px #b8734366; }
    .qr-continuous-element-row.is-active .qr-element-fields-panel { background: linear-gradient(145deg, #465159, #272f35); border-inline-end: 2px solid #b87343; }
    .qr-active-position-badge { background: #88512f; box-shadow: inset 0 1px #ffffff35; }
    .qr-element-editor-rebar { stroke: #5a707b; filter: drop-shadow(0 2px 1px #1a1f2426); }
    .qr-element-editor-rebar.active { stroke: #986033; }
    .qr-element-dimension-box.active { border-color: var(--qr-turquoise-ink); box-shadow: 0 0 0 2px #00c7b725; }
    .qr-element-result { background: linear-gradient(#fff, #f0f1ed); box-shadow: inset 0 1px #fff, 0 2px 3px #1a1f2409; }
    .qr-element-result.main { border-color: #c49672; background: #f8f0e5; }
    .qr-element-result.main strong { color: #784627; }
    .qr-entry-summary { background: #e7eae8; border-color: #cdd3d3; box-shadow: inset 0 1px #fff; }
    .qr-entry-summary .primary, .qr-quotation-totals .qr-net-total, .qr-calculation-strip > div { background: linear-gradient(135deg, #37424b, #20282e); border-color: #1a1f24; box-shadow: inset 0 1px #ffffff25, 0 2px 2px #1a1f2420; }
    .qr-entry-summary .primary span, .qr-quotation-totals .qr-net-total span { color: #d8b595; }
    .qr-entry-readonly-notice { background: #e8efed; color: #3e5b53; border-color: #c9d9d4; }
    .qr-shape-item.selected, .qr-quote-list-item.selected, .qr-shape-item:hover, .qr-quote-list-item:hover { border-color: #b87343; box-shadow: inset 0 1px #fff, 0 0 0 2px #b8734316; }
    .qr-shape-preview { background: linear-gradient(#fafcfb, #e9eded); border-color: #d5dcdc; }
    .qr-wasm-loading, .qr-app-loading { background: radial-gradient(ellipse at 50% 35%, #fff, #e1e4e3); }
    .qr-loading-logo { width: 100px; height: 100px; filter: drop-shadow(0 7px 4px #1a1f2433); }

    @media (hover: hover) and (prefers-reduced-motion: no-preference) {
        .btn:hover:not(:disabled) { transform: translateY(-1px); }
        .btn:active:not(:disabled) { transform: translateY(1px); }
    }
    @media (max-width: 1300px) {
        .qr-topbar-brand > span { display: none; }
    }
    @media (min-width: 761px) {
        .qr-account-session { flex-wrap: nowrap; }
    }
    @media (max-width: 1100px) {
        .qr-auth-hero { padding: 35px 25px; }
        .qr-auth-panel { padding: 32px 22px; }
        .qr-brand-forged.qr-official-brand-hero .qr-official-brand-mark { width: 165px; height: 165px; }
    }
    @media (max-width: 760px) {
        .qr-auth-page { display: flex; flex-direction: column; }
        .qr-auth-hero { padding: 28px 20px; border-inline-end: 0; border-bottom: 2px solid #b87343; }
        .qr-auth-hero .qr-brand-forged.qr-official-brand-hero { flex-direction: row; justify-content: center; gap: 14px; }
        .qr-brand-forged.qr-official-brand-hero .qr-official-brand-mark { width: 90px; height: 90px; }
        .qr-brand-forged.qr-official-brand-hero .qr-official-brand-wordtext { font-size: 29px; }
        .qr-auth-hero h1 { margin-top: 20px; font-size: 25px; }
        .qr-auth-hero p { font-size: 13px; }
        .qr-auth-panel { padding: 24px 16px 36px; }
        .qr-auth-card { padding: 24px; }
        .qr-home-forged-mark { width: 75px; height: 75px; }
        .qr-home-hero { border-radius: 18px; }
        .qr-topbar .qr-brand-forged .qr-official-brand-wordtext { display: flex !important; font-size: 18px; }
        .qr-topbar .qr-brand-forged .qr-official-brand-mark { width: 35px; height: 35px; }
        .qr-topbar .qr-brand-forged { gap: 5px; }
        .qr-home-panel, .qr-card { box-shadow: inset 0 1px #fff, 0 4px 12px #1a1f240c; }
    }
    @media (prefers-reduced-motion: reduce) {
        .btn, .qr-home-kpi, .qr-home-flow-card, .qr-sidebar nav a { transition: none; transform: none !important; }
    }
    @media (max-width: 460px) {
        .qr-topbar .qr-brand-forged .qr-official-brand-wordtext { display: none !important; }
    }
}

@media print {
    .qr-brand-forged .qr-official-brand-mark { filter: none; }
    .qr-brand-forged .qr-official-brand-wordtext { color: #171c20 !important; text-shadow: none; }
    .qr-brand-forged.qr-official-brand-print .qr-official-brand-mark { width: 48px; height: 48px; }
    .qr-brand-forged.qr-official-brand-print .qr-official-brand-wordtext { font-size: 25px; }
}