/* =========================================================
   Syrian Specialist Hospital Visual Identity
   Palette sampled from the official supplied logo:
   Blue #3582A9 | Green #75C045 | Sky #A1CFE7 | Deep Blue #225D7D
   Loaded last so it safely rebrands legacy components without
   changing application logic.
   ========================================================= */

:root {
    --syrian-blue: #3582a9;
    --syrian-blue-dark: #225d7d;
    --syrian-blue-soft: #eaf6fb;
    --syrian-ink: #17384d;
    --syrian-ink-soft: #28556f;
    --syrian-green: #75c045;
    --syrian-green-bright: #83cc50;
    --syrian-green-soft: #f0f9e9;
    --syrian-sky: #a1cfe7;
    --syrian-sky-soft: #eef8fc;
    --syrian-bg: #f4fafc;
    --syrian-card: #ffffff;
    --syrian-line: #d5e7ef;
    --syrian-muted: #667f8e;
    --syrian-shadow: 0 18px 48px rgba(34, 93, 125, .10);

    /* Reports theme variables */
    --reports-ink: var(--syrian-ink);
    --reports-muted: var(--syrian-muted);
    --reports-primary: var(--syrian-ink);
    --reports-primary-dark: #163f57;
    --reports-accent: var(--syrian-blue);
    --reports-accent-soft: var(--syrian-blue-soft);
    --reports-bg: var(--syrian-bg);
    --reports-card: var(--syrian-card);
    --reports-line: var(--syrian-line);
    --reports-success: var(--syrian-green-bright);
    --reports-warning: #b7791f;
    --reports-shadow: var(--syrian-shadow);

    /* Legacy UI variables used by old partials */
    --bg: var(--syrian-bg);
    --card: var(--syrian-card);
    --text: var(--syrian-ink);
    --muted: var(--syrian-muted);
    --primary: var(--syrian-ink);
    --primary-dark: #163f57;
    --primary-soft: var(--syrian-sky-soft);
    --border: var(--syrian-line);
    --danger: #c63d4d;
    --success: var(--syrian-green-bright);
    --warning: #b7791f;

    --navy: var(--syrian-ink);
    --blue: var(--syrian-blue);
    --sky: var(--syrian-sky-soft);
    --green: var(--syrian-green-bright);
    --red: #c63d4d;
    --line: var(--syrian-line);
}

html {
    accent-color: var(--syrian-blue);
}

body.reports-app,
body.reports-auth-body {
    color: var(--syrian-ink);
    background:
        radial-gradient(circle at 92% -10%, rgba(53, 130, 169, .08), transparent 27%),
        radial-gradient(circle at 5% 7%, rgba(117, 192, 69, .10), transparent 30%),
        linear-gradient(180deg, #fbfdfe 0%, var(--syrian-bg) 48%, #edf7fb 100%);
}

/* ------------------------- Top navigation ------------------------- */
.reports-topbar {
    border-bottom: 1px solid rgba(213, 231, 239, .95);
    background: rgba(255, 255, 255, .965);
    box-shadow: 0 8px 30px rgba(34, 93, 125, .045);
}

.reports-topbar::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg,
        var(--syrian-green) 0%,
        var(--syrian-green) 42%,
        var(--syrian-sky) 42%,
        var(--syrian-sky) 58%,
        var(--syrian-blue) 58%,
        var(--syrian-blue) 100%);
    opacity: .9;
}

.reports-topbar-inner {
    min-height: 82px;
}

.reports-brand {
    gap: 13px;
}

.reports-brand-mark {
    width: 58px;
    height: 58px;
    border: 1px solid rgba(117, 192, 69, .18);
    border-radius: 18px;
    background: linear-gradient(145deg, #ffffff, var(--syrian-sky-soft));
    box-shadow: 0 12px 26px rgba(34, 93, 125, .10);
}

/* Show the hospital emblem clearly inside the compact navbar mark. */
.reports-brand-mark img {
    width: 178%;
    height: 178%;
    max-width: none;
    object-fit: cover;
    object-position: 50% 25%;
    transform: translateY(-12%);
}

.reports-brand strong {
    color: var(--syrian-ink);
    font-size: 17px;
}

.reports-brand small {
    color: var(--syrian-green);
    font-weight: 700;
}

.reports-nav-link {
    position: relative;
    color: #38566a;
    border: 1px solid transparent;
}

.reports-nav-link:hover {
    color: var(--syrian-ink);
    border-color: rgba(117, 192, 69, .12);
    background: var(--syrian-sky-soft);
}

.reports-nav-link.active {
    color: #fff;
    border-color: rgba(53, 130, 169, .25);
    background: linear-gradient(135deg, var(--syrian-ink), #2c6f92);
    box-shadow: 0 11px 25px rgba(34, 93, 125, .18);
}

.reports-nav-link.active::after {
    content: "";
    position: absolute;
    right: 15px;
    bottom: 5px;
    left: 15px;
    height: 2px;
    border-radius: 99px;
    background: var(--syrian-green);
}

.reports-user-avatar {
    color: var(--syrian-green);
    border: 1px solid rgba(117, 192, 69, .13);
    background: var(--syrian-green-soft);
}

.reports-logout {
    border-color: var(--syrian-line);
    color: var(--syrian-ink);
    background: #fff;
}

.reports-logout:hover {
    border-color: rgba(53, 130, 169, .35);
    color: var(--syrian-blue-dark);
    background: var(--syrian-blue-soft);
}

.mobile-menu-btn {
    border-color: var(--syrian-line);
    color: var(--syrian-ink);
    background: #fff;
}

/* ------------------------- Page headings ------------------------- */
.reports-page-heading {
    position: relative;
    overflow: hidden;
    border-color: var(--syrian-line);
    background:
        radial-gradient(circle at 5% 0%, rgba(161, 207, 231, .32), transparent 28%),
        rgba(255, 255, 255, .97);
    box-shadow: 0 15px 38px rgba(34, 93, 125, .055);
}

.reports-page-heading::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 92px;
    height: 4px;
    border-radius: 0 0 0 8px;
    background: var(--syrian-blue);
}

.reports-page-heading h1 {
    color: var(--syrian-ink);
}

.reports-kicker,
.reports-panel-heading > div > span,
.reports-auth-kicker {
    color: var(--syrian-blue) !important;
}

/* ------------------------- Buttons ------------------------- */
.btn-primary,
.primary-button {
    border: 1px solid rgba(34, 93, 125, .78);
    color: #fff !important;
    background: linear-gradient(135deg, var(--syrian-blue), var(--syrian-blue-dark));
    box-shadow: 0 11px 25px rgba(53, 130, 169, .20);
}

.btn-primary:hover,
.primary-button:hover {
    box-shadow: 0 14px 30px rgba(53, 130, 169, .26);
}

.btn-light,
.ghost-button {
    border-color: var(--syrian-line);
    color: var(--syrian-ink) !important;
    background: #fff;
}

.btn-light:hover,
.ghost-button:hover {
    border-color: rgba(117, 192, 69, .22);
    background: var(--syrian-sky-soft);
}

.tool-button {
    border: 1px solid var(--syrian-ink) !important;
    color: #fff !important;
    background: var(--syrian-ink) !important;
    box-shadow: 0 7px 17px rgba(34, 93, 125, .11);
}

.tool-button:hover {
    border-color: var(--syrian-blue) !important;
    background: var(--syrian-blue) !important;
}

/* ------------------------- Alerts ------------------------- */
.alert-success {
    border-color: #a7d9c7;
    color: #0f5d49;
    background: #ecf9f4;
}

.alert-danger {
    border-color: #f3b3bd;
    color: #9e1530;
    background: #fff1f4;
}

/* ------------------------- Dashboard hero ------------------------- */
.reports-hero {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(161, 207, 231, .18);
    background:
        radial-gradient(circle at 8% 12%, rgba(53, 130, 169, .30), transparent 27%),
        radial-gradient(circle at 96% 95%, rgba(117, 192, 69, .72), transparent 30%),
        linear-gradient(135deg, #080b19 0%, var(--syrian-ink) 48%, #171d31 100%);
    box-shadow: 0 22px 52px rgba(34, 93, 125, .18);
}

.reports-hero::after {
    content: "";
    position: absolute;
    top: -60px;
    left: -60px;
    width: 210px;
    height: 210px;
    border: 22px solid rgba(53, 130, 169, .16);
    border-radius: 50%;
    pointer-events: none;
}

.reports-hero > * {
    position: relative;
    z-index: 1;
}

.reports-hero-badge {
    border-color: rgba(161, 207, 231, .28);
    color: #f2ffe9;
    background: rgba(117, 192, 69, .28);
}

.reports-hero .btn-primary {
    border-color: rgba(255,255,255,.06);
}

.reports-hero .btn-light {
    border-color: rgba(255,255,255,.18);
    color: #fff !important;
    background: rgba(255,255,255,.09);
}

/* ------------------------- Metrics and cards ------------------------- */
.reports-metric,
.reports-panel,
.reports-filter-card,
.record-form-section,
.patient-header,
.tab-panel,
.note-panel,
.important-links-section,
.chart-card,
.table-panel {
    border-color: var(--syrian-line) !important;
    background: rgba(255, 255, 255, .975) !important;
    box-shadow: 0 14px 36px rgba(34, 93, 125, .055) !important;
}

.reports-metric {
    position: relative;
    overflow: hidden;
}

.reports-metric::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 4px;
    border-radius: 0 0 0 8px;
    background: var(--syrian-ink);
}

.reports-metric-primary {
    border-color: #d7e9f1 !important;
    background: linear-gradient(150deg, #fff, #f4fbfe) !important;
}

.reports-metric-primary::before {
    background: var(--syrian-blue);
}

.reports-metric-primary strong {
    color: var(--syrian-blue-dark);
}

.reports-metric-success::before {
    background: var(--syrian-green);
}

.reports-metric-success strong {
    color: var(--syrian-green);
}

.reports-metric-warning::before {
    background: #b7791f;
}

.reports-panel-heading a,
.table-actions a,
.record-file-field a {
    color: var(--syrian-blue-dark);
}

.record-row {
    border: 1px solid #eaf2f6;
    background: #f8fbfd;
}

.record-row:hover {
    border-color: rgba(117, 192, 69, .20);
    background: var(--syrian-sky-soft);
}

.record-number,
.table-serial {
    color: var(--syrian-green);
    background: #e9f5fb;
}

.record-completion.completed {
    color: #0e5e48;
    background: #edf8e7;
}

.record-completion.pending {
    color: #2d6f91;
    background: #eaf6fb;
}

.monthly-bar-track {
    background: #edf5f1;
}

.monthly-bar-track span,
.stats-bar-row i {
    background: linear-gradient(180deg, var(--syrian-blue), var(--syrian-blue-dark));
}

/* ------------------------- Forms ------------------------- */
input,
select,
textarea {
    border-color: #d3e6ef;
    color: var(--syrian-ink);
    background: #fff;
}

input:hover,
select:hover,
textarea:hover {
    border-color: #b9d9e7;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--syrian-green);
    box-shadow: 0 0 0 4px rgba(117, 192, 69, .11);
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--syrian-blue);
}

.record-form-intro {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(161, 207, 231, .16);
    background:
        radial-gradient(circle at 10% 10%, rgba(53, 130, 169, .24), transparent 30%),
        radial-gradient(circle at 90% 90%, rgba(117, 192, 69, .62), transparent 30%),
        linear-gradient(135deg, #080b19, #181d31);
    box-shadow: 0 18px 42px rgba(34, 93, 125, .15);
}

.record-form-intro span,
.record-form-intro-icon {
    color: #edf9ff;
}

.record-form-intro-icon {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 19px;
    background: rgba(255,255,255,.08);
    font-size: 34px;
}

.record-form-section-title > span {
    background: linear-gradient(135deg, var(--syrian-blue), var(--syrian-blue-dark));
    box-shadow: 0 9px 20px rgba(247,19,53,.18);
}

.record-form-actions {
    border-color: rgba(213, 231, 239, .95);
    background: rgba(255,255,255,.965);
}

/* ------------------------- Tables ------------------------- */
.reports-table th {
    color: #36586b;
    border-bottom: 1px solid #cce2eb;
    background: linear-gradient(180deg, #eef8fc, #e7f4f9);
}

.reports-table tbody tr:hover td {
    background: #fbfdfe;
}

/* ------------------------- Patient tabs ------------------------- */
.tabs {
    border-color: var(--syrian-line) !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(34, 93, 125, .035);
}

.tab {
    color: #38566a !important;
}

.tab:hover {
    color: var(--syrian-green) !important;
    background: var(--syrian-sky-soft) !important;
}

.tab.active {
    position: relative;
    color: #fff !important;
    background: linear-gradient(135deg, var(--syrian-ink), #2c6f92) !important;
    box-shadow: 0 8px 18px rgba(34, 93, 125, .13);
}

.tab.active::after {
    content: "";
    position: absolute;
    right: 18px;
    bottom: 4px;
    left: 18px;
    height: 2px;
    border-radius: 99px;
    background: var(--syrian-blue);
}

.report-access-open {
    color: #0e5c47 !important;
    border-color: #abd9c8 !important;
    background: #ecf9f4 !important;
}

.report-access-locked {
    color: #8a2738 !important;
    border-color: #efbdc5 !important;
    background: #fff3f5 !important;
}

.elapsed-time {
    color: var(--syrian-green) !important;
    background: var(--syrian-green-soft) !important;
}

.monitoring-remove-button {
    border-color: #efb7c0 !important;
    color: var(--syrian-blue-dark) !important;
    background: var(--syrian-blue-soft) !important;
}

/* Completed surgery toggle */
.surgery-completed-toggle:has(> input[type="checkbox"]:checked) {
    border-color: #a6d7c5 !important;
    background: #edf9f4 !important;
}

.surgery-completed-toggle > input[type="checkbox"]:checked + .surgery-toggle-track {
    background: var(--syrian-green-bright) !important;
}

/* ------------------------- Important links ------------------------- */
.important-links-count {
    color: var(--syrian-green) !important;
    background: var(--syrian-green-soft) !important;
}

.important-link-card {
    border-color: var(--syrian-line) !important;
    background:
        radial-gradient(circle at top left, rgba(161, 207, 231, .30), transparent 40%),
        #fff !important;
}

.important-link-card:hover {
    border-color: rgba(53, 130, 169, .35) !important;
    box-shadow: 0 18px 38px rgba(34, 93, 125, .10) !important;
}

.important-link-icon {
    background: linear-gradient(135deg, var(--syrian-blue), var(--syrian-blue-dark)) !important;
    box-shadow: 0 9px 20px rgba(247,19,53,.17);
}

.important-link-footer {
    border-color: #d5e7ef !important;
    color: var(--syrian-green) !important;
}

.important-link-arrow {
    color: var(--syrian-green) !important;
    background: var(--syrian-green-soft) !important;
}

.important-link-card:hover .important-link-arrow {
    color: #fff !important;
    background: var(--syrian-blue) !important;
}

/* ------------------------- Pagination ------------------------- */
.pagination-button,
.pagination-number,
.pagination-dots {
    border-color: var(--syrian-line);
    color: var(--syrian-ink);
}

.pagination-button:hover,
.pagination-number:hover {
    border-color: rgba(18,86,69,.28);
    color: var(--syrian-green);
    background: var(--syrian-sky-soft);
}

.pagination-current {
    border-color: var(--syrian-ink) !important;
    color: #fff !important;
    background: var(--syrian-ink) !important;
    box-shadow: inset 0 -3px 0 var(--syrian-blue);
}

/* ------------------------- Loader ------------------------- */
.page-loader {
    background:
        radial-gradient(circle at 50% 35%, rgba(179,224,210,.42), transparent 26%),
        rgba(247, 251, 249, .97);
}

.loader-card {
    border-color: var(--syrian-line);
    background: #fff;
}

.loader-ring {
    border-color: #d9eee6;
    border-top-color: var(--syrian-blue);
    border-right-color: var(--syrian-green);
}

.loader-title {
    color: var(--syrian-ink);
}

/* ------------------------- Login ------------------------- */
.reports-auth-shell {
    gap: clamp(24px, 5vw, 70px);
}

.reports-auth-intro {
    position: relative;
}

.reports-auth-intro::before {
    content: "";
    position: absolute;
    top: 8%;
    right: -8%;
    width: 250px;
    height: 250px;
    border: 34px solid rgba(53, 130, 169, .08);
    border-radius: 50%;
    pointer-events: none;
}

.reports-auth-intro > * {
    position: relative;
    z-index: 1;
}

.reports-auth-emblem {
    width: 142px;
    height: 142px;
    padding: 8px;
    border: 1px solid rgba(117, 192, 69, .16);
    border-radius: 34px;
    background: linear-gradient(145deg, #fff, var(--syrian-sky-soft));
    box-shadow: 0 20px 45px rgba(34, 93, 125, .12);
}

.reports-auth-emblem img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 25px;
}

.reports-auth-intro h1 {
    color: var(--syrian-ink);
}

.reports-auth-features span {
    border-color: #d5e7ef;
    color: var(--syrian-green);
    background: #fff;
}

.reports-auth-card {
    position: relative;
    overflow: hidden;
    border-color: var(--syrian-line);
    background: rgba(255,255,255,.975);
    box-shadow: 0 24px 64px rgba(34, 93, 125, .10);
}

.reports-auth-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 5px;
    background: linear-gradient(90deg, var(--syrian-green), var(--syrian-ink), var(--syrian-blue));
}

/* ------------------------- Mobile menu ------------------------- */
@media (max-width: 1120px) {
    .reports-mobile-nav {
        border-color: var(--syrian-line);
        background: rgba(255,255,255,.985);
    }

    .reports-mobile-nav .mobile-nav-link {
        color: #38566a;
        background: #f7fbf9;
    }

    .reports-mobile-nav .mobile-nav-link.active {
        color: #fff;
        background: linear-gradient(135deg, var(--syrian-ink), #2c6f92);
        box-shadow: inset 0 -3px 0 var(--syrian-blue);
    }
}

@media (max-width: 600px) {
    .reports-brand-mark {
        width: 50px;
        height: 50px;
        border-radius: 15px;
    }

    .reports-auth-emblem {
        width: 112px;
        height: 112px;
        border-radius: 28px;
    }
}

/* ------------------------- Footer ------------------------- */
.reports-footer {
    position: relative;
    border-top-color: var(--syrian-line);
    color: var(--syrian-muted);
    background: #fff;
}

.reports-footer::before {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    width: 120px;
    height: 3px;
    transform: translateX(50%);
    background: linear-gradient(90deg, var(--syrian-green), var(--syrian-ink), var(--syrian-blue));
}

/* ------------------------- Print identity ------------------------- */
.medical-print-header {
    border-bottom-color: var(--syrian-blue) !important;
}

.medical-print-header .print-logo {
    width: 74px !important;
    height: 74px !important;
    padding: 4px !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    border: 1px solid #d7e9e2 !important;
    border-radius: 16px !important;
    background: #fff !important;
}

.medical-print-header .print-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.report-title {
    color: var(--syrian-ink) !important;
    border-color: var(--syrian-line) !important;
}

.print-section h3,
.print-table th,
.print-info-grid span {
    color: var(--syrian-green) !important;
}

@media print {
    :root {
        --syrian-blue: #3582a9;
        --syrian-green: #75c045;
        --syrian-ink: #17384d;
    }

    body.reports-app {
        background: #fff !important;
    }

    .medical-print-page {
        box-shadow: none !important;
    }
}


/* ------------------------- Syrian Specialist refinements ------------------------- */
.reports-brand-mark {
    border-color: rgba(53, 130, 169, .18);
    background: linear-gradient(145deg, #ffffff, var(--syrian-sky-soft));
    box-shadow: 0 12px 26px rgba(34, 93, 125, .13);
}

.reports-brand strong {
    color: var(--syrian-blue-dark);
}

.reports-brand small {
    color: #5e9f34;
}

.reports-nav-link.active {
    background: linear-gradient(135deg, var(--syrian-blue-dark), var(--syrian-blue));
    box-shadow: 0 11px 25px rgba(53, 130, 169, .20);
}

.reports-nav-link.active::after {
    background: var(--syrian-green);
}

.btn-primary,
.primary-button {
    border-color: rgba(34, 93, 125, .72);
    background: linear-gradient(135deg, var(--syrian-blue), var(--syrian-blue-dark));
    box-shadow: 0 11px 25px rgba(53, 130, 169, .22);
}

.btn-primary:hover,
.primary-button:hover {
    box-shadow: 0 14px 30px rgba(53, 130, 169, .28);
}

.tool-button {
    border-color: var(--syrian-blue-dark) !important;
    background: var(--syrian-blue-dark) !important;
}

.tool-button:hover {
    border-color: var(--syrian-green) !important;
    background: var(--syrian-green) !important;
}

.reports-page-heading::before {
    background: linear-gradient(90deg, var(--syrian-green), var(--syrian-blue));
}

.reports-kicker,
.reports-panel-heading > div > span,
.reports-auth-kicker {
    color: var(--syrian-blue) !important;
}

.reports-hero {
    border-color: rgba(161, 207, 231, .25);
    background:
        radial-gradient(circle at 8% 12%, rgba(117, 192, 69, .25), transparent 27%),
        radial-gradient(circle at 96% 95%, rgba(161, 207, 231, .34), transparent 30%),
        linear-gradient(135deg, #1d5776 0%, var(--syrian-blue-dark) 48%, #307fa7 100%);
    box-shadow: 0 22px 52px rgba(34, 93, 125, .20);
}

.reports-hero::after {
    border-color: rgba(117, 192, 69, .16);
}

.reports-hero-badge {
    color: #f2ffe8;
    border-color: rgba(117, 192, 69, .35);
    background: rgba(117, 192, 69, .18);
}

.reports-metric-primary {
    border-color: #d5e8f1 !important;
    background: linear-gradient(150deg, #fff, #f0f9fd) !important;
}
.reports-metric-primary::before { background: var(--syrian-blue); }
.reports-metric-primary strong { color: var(--syrian-blue-dark); }
.reports-metric-success::before { background: var(--syrian-green); }
.reports-metric-success strong { color: #5b9e31; }

.monthly-bar-track span,
.stats-bar-row i {
    background: linear-gradient(180deg, var(--syrian-green), var(--syrian-blue));
}

.record-form-intro {
    border-color: rgba(161, 207, 231, .22);
    background:
        radial-gradient(circle at 10% 10%, rgba(117, 192, 69, .22), transparent 30%),
        radial-gradient(circle at 90% 90%, rgba(161, 207, 231, .32), transparent 30%),
        linear-gradient(135deg, #1d5776, #2f7fa8);
    box-shadow: 0 18px 42px rgba(34, 93, 125, .18);
}

.record-form-section-title > span,
.important-link-icon {
    background: linear-gradient(135deg, var(--syrian-blue), var(--syrian-blue-dark)) !important;
    box-shadow: 0 9px 20px rgba(53,130,169,.18);
}

.tab.active {
    background: linear-gradient(135deg, var(--syrian-blue-dark), var(--syrian-blue)) !important;
    box-shadow: 0 8px 18px rgba(53,130,169,.16);
}
.tab.active::after { background: var(--syrian-green); }

.pagination-current {
    border-color: var(--syrian-blue) !important;
    background: var(--syrian-blue) !important;
    box-shadow: inset 0 -3px 0 var(--syrian-green);
}

.loader-ring {
    border-color: #d9edf5;
    border-top-color: var(--syrian-blue);
    border-right-color: var(--syrian-green);
}

.reports-auth-intro::before {
    border-color: rgba(161, 207, 231, .18);
}

.reports-auth-emblem {
    width: 168px;
    height: 168px;
    padding: 10px;
    border-color: rgba(53, 130, 169, .18);
    background: linear-gradient(145deg, #fff, #eef8fc);
    box-shadow: 0 20px 45px rgba(34, 93, 125, .14);
}

.reports-auth-card {
    border-color: var(--syrian-line);
    box-shadow: 0 24px 64px rgba(34, 93, 125, .12);
}

.reports-auth-card::before {
    background: linear-gradient(90deg, var(--syrian-green), var(--syrian-sky), var(--syrian-blue));
}

.reports-footer::before {
    background: linear-gradient(90deg, var(--syrian-green), var(--syrian-sky), var(--syrian-blue));
}

.medical-print-header {
    border-bottom-color: var(--syrian-blue) !important;
}

.print-logo {
    width: 86px !important;
    height: 86px !important;
    padding: 5px !important;
    border: 1px solid #d5e7ef !important;
    border-radius: 16px !important;
    overflow: hidden;
    background: #fff !important;
}

.print-logo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.report-title {
    color: var(--syrian-blue-dark) !important;
}

@media (max-width: 600px) {
    .reports-auth-emblem {
        width: 132px;
        height: 132px;
    }
}

@media print {
    :root {
        --syrian-blue: #3582a9;
        --syrian-green: #75c045;
        --syrian-ink: #17384d;
    }
}