* {
    box-sizing: border-box;
}

:root {
    --bg: #090909;
    --panel: #111;
    --panel2: #171717;
    --border: #371010;
    --accent: #a81414;
    --accent2: #d01d1d;
    --text: #fff;
    --muted: #d8b6b6;
    --soft: #a78080;
    --theme-shadow: rgba(150, 0, 0, .18);
}

body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: transparent;
    color: var(--text);
}

.app-shell {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0
}

.layout {
    display: flex;
    align-items: stretch;
    flex: 1;
    min-height: 100%
}

.sidebar {
    width: 260px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .018), rgba(255, 255, 255, .01) 40%, rgba(255, 255, 255, .006));
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    border-right: 2px solid var(--dept-border, var(--border));
    padding: 22px;
    position: relative;
    top: auto;
    height: auto;
    min-height: 100%;
    align-self: stretch
}

.sidebar h2 {
    margin: 0 0 20px;
    font-size: 24px;
    color: var(--dept-text-strong, #ffd0d0)
}

.sidebar .sub {
    font-size: 12px;
    color: var(--dept-text, var(--soft));
    margin-bottom: 18px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.sidebar a {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 12px 14px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .018), rgba(255, 255, 255, .008));
    border: 1px solid rgba(255, 255, 255, .12);
    color: var(--dept-text-strong, #fff);
    text-decoration: none;
    backdrop-filter: blur(4px)
}

.sidebar a:hover {
    background: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .012));
    border-color: var(--dept-border-strong, var(--border))
}

.main {
    flex: 1;
    min-width: 0;
    padding: 24px
}

.topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.page-title {
    font-size: 30px;
    margin: 0;
    color: var(--dept-text-strong, var(--text))
}

.page-subtitle {
    color: var(--dept-text, var(--muted));
    margin-top: 6px;
    font-size: 14px
}

.stat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    margin-bottom: 20px
}

.stat-card,
.card {
    background: linear-gradient(180deg, rgba(16, 17, 22, .14), rgba(10, 11, 14, .18));
    border: 2px solid var(--dept-border, var(--border));
    border-radius: 20px;
    padding: 18px;
    box-shadow: 0 0 22px var(--theme-shadow);
    backdrop-filter: blur(6px)
}

.stat-label {
    color: var(--dept-text, var(--muted));
    font-size: 13px;
    margin-bottom: 8px
}

.stat-value {
    font-size: 26px;
    font-weight: bold;
    color: var(--dept-text-strong, var(--text))
}

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 20px
}

.card h3 {
    margin-top: 0;
    color: var(--dept-text-strong, #ffc6c6)
}

label {
    display: block;
    margin: 12px 0 6px;
    color: var(--dept-text-strong, #ffd7d7);
    font-size: 14px
}

input,
select,
textarea {
    width: 100%;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(9, 10, 13, .42);
    color: var(--dept-text-strong, #fff)
}

select option {
    background: var(--dept-bg-bottom, #111827) !important;
    color: var(--dept-text-strong, #f8fafc) !important
}

select option:checked,
select:focus option:checked,
select option:hover {
    background: var(--dept-button, #7a1828) !important;
    color: var(--dept-button-text, #ffffff) !important;
    box-shadow: 0 0 0 100vmax var(--dept-button, #7a1828) inset !important
}

textarea {
    min-height: 120px;
    resize: vertical
}

.row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.row>* {
    flex: 1
}

.btn {
    display: inline-block;
    padding: 12px 14px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(180deg, var(--accent), #8e1212);
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    text-align: center
}

.btn:hover {
    background: linear-gradient(180deg, var(--accent2), #9c1010)
}

.btn.secondary {
    background: linear-gradient(180deg, rgba(42, 42, 42, .5), rgba(32, 32, 32, .45))
}

.preview-box {
    background: rgba(10, 11, 14, .28);
    border: 1px solid rgba(255, 255, 255, .12);
    border-left: 4px solid var(--dept-button, #cb1f1f);
    border-radius: 16px;
    padding: 16px;
    white-space: pre-wrap;
    backdrop-filter: blur(6px)
}

.preview-box .discord-title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    color: var(--dept-text-strong, var(--text))
}

.preview-box .discord-meta {
    color: var(--dept-text, var(--soft));
    font-size: 12px;
    margin-top: 10px
}

.table-wrap {
    overflow-x: auto
}

.table {
    width: 100%;
    border-collapse: collapse
}

.table th,
.table td {
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    padding: 12px;
    text-align: left;
    vertical-align: top
}

.table th {
    color: var(--dept-text-strong, #ffd7d7);
    font-size: 13px
}

.badge {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    color: var(--dept-text-strong);
    font-size: 12px;
    border: 1px solid var(--dept-border)
}

.avatar-row {
    display: flex;
    align-items: center;
    gap: 12px
}

.avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, .16)
}

.toast-wrap {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.toast {
    min-width: 260px;
    max-width: 380px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: linear-gradient(180deg, rgba(23, 23, 23, .56), rgba(17, 17, 17, .5));
    color: #fff;
    box-shadow: 0 0 18px rgba(0, 0, 0, .22);
    backdrop-filter: blur(6px)
}

.toast.success {
    border-color: #184822
}

.toast.error {
    border-color: #5a1616
}

.toast.info {
    border-color: #2f2f2f
}

.date-input-wrap {
    display: flex;
    align-items: center;
    gap: 10px
}

.date-input-wrap input[type="date"] {
    flex: 1
}

.date-input-wrap input[type="date"],
input[type="date"] {
    color-scheme: dark
}

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1) brightness(2.2);
    opacity: 1;
    cursor: pointer
}

input[type="date"]::-webkit-datetime-edit,
input[type="date"]::-webkit-datetime-edit-text,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-year-field {
    color: #fff
}

.calendar-btn {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    border: 1px solid #3c1d1d;
    background: linear-gradient(180deg, #1b0e0e, #120909);
    color: #ffd7d7;
    cursor: pointer;
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.calendar-btn:hover {
    background: linear-gradient(180deg, #2a1111, #170b0b)
}

/* Premium department glass UI layer. Uses department CSS variables from app.js. */
body {
    font-family: "Segoe UI", "Trebuchet MS", Arial, sans-serif;
    letter-spacing: -.01em
}

.global-header {
    top: 0 !important;
    margin: 0 auto !important;
    border: 1px solid color-mix(in srgb, var(--dept-border-strong) 74%, transparent) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.018)),
        linear-gradient(180deg, color-mix(in srgb, var(--dept-bg-top) 72%, transparent), color-mix(in srgb, var(--dept-bg-bottom) 86%, transparent)) !important;
    box-shadow: 0 18px 55px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.12) !important;
    backdrop-filter: blur(14px) saturate(1.12) !important
}

.global-header-inner {
    max-width: 1500px !important;
    min-height: 104px !important;
    padding: 14px 28px !important;
    gap: 28px !important
}

.global-header-left {
    gap: 18px !important;
    min-width: 330px
}

.global-profile-side {
    display: flex !important;
    flex-direction: column;
    gap: 4px;
    color: var(--dept-text-strong) !important;
    text-transform: none;
    letter-spacing: 0
}

.global-command-title {
    display: block;
    font-size: 26px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--dept-text-strong);
    text-shadow: 0 0 20px color-mix(in srgb, var(--dept-border-strong) 22%, transparent)
}

.global-command-sub {
    display: block;
    font-size: 14px;
    color: var(--dept-text);
    font-weight: 650
}

.global-command-sub::first-letter {
    color: var(--dept-nav)
}

.global-nav {
    gap: 10px !important
}

.global-nav a {
    min-width: 92px;
    min-height: 68px;
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 18px;
    color: var(--dept-text-strong) !important;
    border: 1px solid transparent;
    transition: .18s ease;
    font-size: 13px !important
}

.global-nav a span {
    font-size: 24px;
    color: var(--dept-nav);
    line-height: 1;
    filter: drop-shadow(0 0 10px color-mix(in srgb, var(--dept-nav) 34%, transparent))
}

.global-nav a:hover {
    color: var(--dept-nav) !important;
    background: rgba(255,255,255,.045);
    border-color: color-mix(in srgb, var(--dept-border-strong) 35%, transparent);
    transform: translateY(-2px)
}

.global-panel-trigger,
.btn,
button.btn,
a.btn {
    min-height: 44px;
    border-radius: 14px !important;
    border: 1px solid color-mix(in srgb, var(--dept-border-strong) 58%, transparent) !important;
    background: linear-gradient(180deg, color-mix(in srgb, var(--dept-button) 82%, rgba(255,255,255,.12)), color-mix(in srgb, var(--dept-button) 58%, #120d03)) !important;
    color: var(--dept-text-strong) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.08);
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease
}

.global-panel-trigger:hover,
.btn:hover,
button.btn:hover,
a.btn:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--dept-border-strong) 82%, transparent) !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.26), 0 0 22px color-mix(in srgb, var(--dept-border-strong) 20%, transparent)
}

.btn.secondary {
    background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)) !important;
    color: var(--dept-text-strong) !important
}

.main {
    width: min(100%, 1500px);
    margin: 0 auto;
    padding: 30px 32px 46px !important
}

.topbar {
    margin: 10px 0 26px !important;
    padding: 4px 0
}

.page-title {
    font-size: clamp(28px, 3vw, 42px) !important;
    font-weight: 950 !important;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--dept-text-strong) !important
}

.page-subtitle {
    color: var(--dept-text) !important;
    font-size: 15px !important;
    font-weight: 560
}

.card,
.stat-card,
.doctor-card,
.doctor-panel,
.doctor-box,
.mg-section,
.mg-hero,
.mg-stat-card,
.config-summary-card,
.audit-card,
.feature-admin-card,
.preview-box,
.form-modal-card,
.msg-editor-modal-card,
.msg-editor-detail-card,
.announcement-panel-modal-card {
    border: 1px solid color-mix(in srgb, var(--dept-border-strong) 42%, transparent) !important;
    border-radius: 22px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.018)),
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015)) !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.07), inset 0 0 34px color-mix(in srgb, var(--dept-border-strong) 8%, transparent) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
    backdrop-filter: blur(12px) saturate(1.08) !important;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease
}

.card:hover,
.stat-card:hover,
.doctor-card:hover,
.doctor-panel:hover,
.doctor-box:hover,
.mg-stat-card:hover,
.config-summary-card:hover,
.audit-card:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--dept-border-strong) 68%, transparent) !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.026)),
        linear-gradient(180deg, color-mix(in srgb, var(--dept-bg-top) 46%, transparent), color-mix(in srgb, var(--dept-bg-bottom) 58%, transparent)) !important
}

.stat-grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 18px !important;
    margin-bottom: 24px !important
}

.stat-card {
    min-height: 118px;
    padding: 22px 24px !important;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.stat-label {
    color: var(--dept-text-strong) !important;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 800 !important;
    font-size: 12px !important
}

.stat-value {
    font-size: 36px !important;
    color: var(--dept-text-strong) !important;
    line-height: 1.05
}

.grid {
    gap: 22px !important
}

.card h2,
.card h3,
.doctor-panel-title,
.doctor-section-title,
.mg-section h2,
.mg-hero-title {
    color: var(--dept-text-strong) !important;
    letter-spacing: .01em
}

.access-chip-bar {
    padding: 10px !important;
    border-radius: 22px !important;
    border-color: color-mix(in srgb, var(--dept-border-strong) 38%, transparent) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.02)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(0,0,0,.18) !important
}

.access-chip {
    min-height: 34px;
    padding: 9px 18px !important;
    border: 1px solid color-mix(in srgb, var(--dept-border-strong) 42%, transparent);
    background: linear-gradient(180deg, color-mix(in srgb, var(--dept-button) 72%, rgba(255,255,255,.10)), color-mix(in srgb, var(--dept-button) 48%, #0b0804)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 18px color-mix(in srgb, var(--dept-border-strong) 14%, transparent);
    transition: transform .18s ease, border-color .18s ease
}

.access-chip:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--dept-border-strong) 72%, transparent)
}

input,
select,
textarea {
    min-height: 46px;
    border-radius: 14px !important;
    border: 1px solid color-mix(in srgb, var(--dept-border-strong) 28%, transparent) !important;
    background: rgba(8,8,10,.34) !important;
    color: var(--dept-text-strong) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04)
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: color-mix(in srgb, var(--dept-border-strong) 72%, transparent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--dept-border-strong) 18%, transparent)
}

label,
.table th {
    color: var(--dept-text-strong) !important;
    font-weight: 800
}

.table {
    border-collapse: separate !important;
    border-spacing: 0 8px !important
}

.table th,
.table td {
    border-bottom: 0 !important;
    background: rgba(255,255,255,.026);
    padding: 13px 14px !important
}

.table tr td:first-child,
.table tr th:first-child {
    border-radius: 12px 0 0 12px
}

.table tr td:last-child,
.table tr th:last-child {
    border-radius: 0 12px 12px 0
}

.badge {
    border-color: color-mix(in srgb, var(--dept-border-strong) 38%, transparent) !important;
    background: rgba(255,255,255,.06) !important;
    color: var(--dept-text-strong) !important
}

.doctor-action,
.mg-quick,
.feature-toggle-row {
    border: 1px solid color-mix(in srgb, var(--dept-border-strong) 38%, transparent) !important;
    border-radius: 22px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.018)),
        linear-gradient(180deg, color-mix(in srgb, var(--dept-bg-top) 35%, transparent), color-mix(in srgb, var(--dept-bg-bottom) 64%, transparent)) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06) !important
}

.doctor-action:hover,
.mg-quick:hover,
.feature-toggle-row:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--dept-border-strong) 68%, transparent) !important
}

.preview-box {
    border-left-width: 3px !important
}

@media (max-width: 900px) {
    .global-header-inner {
        flex-direction: column;
        align-items: stretch !important;
        min-height: auto !important
    }

    .global-header-left {
        min-width: 0;
        justify-content: center
    }

    .global-nav a {
        min-width: 72px;
        min-height: 54px;
        font-size: 11px !important
    }

    .main {
        padding: 18px 14px 32px !important
    }
}

/* Command-center dashboard normalization for all department panels. */
.doctor-shell,
.hr-shell,
.mg-shell {
    width: min(100%, 1500px) !important;
    margin: 0 auto !important;
    padding: 0 0 34px !important;
    background: transparent !important
}

.doctor-command-bar,
.hr-command-bar {
    margin: 8px 0 28px !important;
    border: 1px solid color-mix(in srgb, var(--dept-border-strong) 38%, transparent) !important;
    border-radius: 24px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.018)),
        linear-gradient(180deg, color-mix(in srgb, var(--dept-bg-top) 44%, transparent), color-mix(in srgb, var(--dept-bg-bottom) 68%, transparent)) !important;
    box-shadow: 0 20px 55px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.08) !important;
    -webkit-backdrop-filter: blur(13px) saturate(1.08) !important;
    backdrop-filter: blur(13px) saturate(1.08) !important
}

.doctor-command-inner,
.hr-command-inner {
    max-width: none !important;
    min-height: 96px;
    padding: 20px 28px !important;
    align-items: center !important
}

.doctor-command-title .icon,
.hr-command-title .icon {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--dept-nav) !important;
    background: radial-gradient(circle, color-mix(in srgb, var(--dept-border-strong) 22%, transparent), rgba(0,0,0,.08));
    border: 1px solid color-mix(in srgb, var(--dept-border-strong) 34%, transparent);
    filter: drop-shadow(0 0 16px color-mix(in srgb, var(--dept-border-strong) 20%, transparent))
}

.doctor-command-title h1,
.hr-command-title h1 {
    font-size: 25px !important;
    font-weight: 950 !important;
    text-transform: uppercase;
    color: var(--dept-text-strong) !important;
    letter-spacing: .02em !important
}

.doctor-command-title .sub,
.hr-command-title .sub {
    color: var(--dept-text) !important;
    font-size: 14px !important;
    font-weight: 600
}

.doctor-command-title .sub b,
.hr-command-title .sub b {
    color: var(--dept-nav) !important
}

.doctor-content,
.hr-content {
    max-width: 1360px !important;
    padding: 0 8px 30px !important
}

.doctor-top {
    grid-template-columns: minmax(240px, 310px) minmax(0, 1fr) !important;
    gap: 20px !important;
    margin-bottom: 26px !important
}

.doctor-profile {
    min-height: 188px !important
}

.doctor-avatar {
    width: 76px !important;
    height: 76px !important;
    border-color: color-mix(in srgb, var(--dept-border-strong) 70%, white) !important;
    box-shadow: 0 0 22px color-mix(in srgb, var(--dept-border-strong) 22%, transparent) !important
}

.doctor-rank {
    border-color: color-mix(in srgb, var(--dept-border-strong) 50%, transparent) !important;
    background: color-mix(in srgb, var(--dept-button) 22%, rgba(0,0,0,.35)) !important;
    color: var(--dept-text-strong) !important
}

.doctor-section-title,
.section-label,
.review-box .title,
.news-box .title {
    color: var(--dept-nav) !important;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: 18px !important;
    margin-bottom: 14px !important
}

.doctor-grid-four,
.portal-grid,
.utility-grid,
.hr-top-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important
}

.doctor-action,
.portal-card,
.feed-card,
.news-box {
    min-height: 118px !important;
    padding: 22px 24px 20px 88px !important;
    position: relative;
    display: block !important;
    overflow: hidden;
    text-decoration: none !important
}

.doctor-action .icon,
.portal-card .icon,
.feed-card .icon {
    float: none !important;
    position: absolute !important;
    left: 24px !important;
    top: 24px !important;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-size: 25px !important;
    background: radial-gradient(circle, color-mix(in srgb, var(--dept-border-strong) 24%, transparent), rgba(255,255,255,.025));
    filter: drop-shadow(0 0 14px color-mix(in srgb, var(--dept-border-strong) 20%, transparent));
    z-index: 2
}

.doctor-action .ghost {
    display: none !important
}

.doctor-action .name,
.portal-card .name,
.feed-card .name {
    margin: 0 0 6px !important;
    max-width: none !important;
    color: var(--dept-text-strong) !important;
    font-size: 17px !important;
    font-weight: 850 !important;
    line-height: 1.16 !important;
    position: relative;
    z-index: 2
}

.doctor-action .desc,
.portal-card .desc,
.feed-card .desc {
    max-width: none !important;
    color: var(--dept-text) !important;
    font-size: 13px !important;
    line-height: 1.36 !important;
    position: relative;
    z-index: 2
}

.doctor-bottom-strip,
.message-editor-banner,
.review-box {
    border: 1px solid color-mix(in srgb, var(--dept-border-strong) 46%, transparent) !important;
    border-radius: 22px !important;
    padding: 18px 22px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.065), rgba(255,255,255,.018)),
        linear-gradient(180deg, color-mix(in srgb, var(--dept-bg-top) 40%, transparent), color-mix(in srgb, var(--dept-bg-bottom) 62%, transparent)) !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important
}

.doctor-bottom-strip-title,
.message-editor-banner-title {
    color: var(--dept-nav) !important
}

.doctor-bottom-strip-desc,
.message-editor-banner-desc {
    color: var(--dept-text) !important
}

.doctor-bottom-btn,
.message-editor-banner-btn,
.review-btn {
    min-height: 42px;
    border-radius: 14px !important;
    border: 1px solid color-mix(in srgb, var(--dept-border-strong) 58%, transparent) !important;
    background: color-mix(in srgb, var(--dept-button) 34%, transparent) !important;
    color: var(--dept-text-strong) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06)
}

.hr-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important
}

.hr-stat {
    min-height: 122px !important;
    border: 1px solid color-mix(in srgb, var(--dept-border-strong) 42%, transparent) !important;
    border-radius: 22px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.018)),
        linear-gradient(180deg, color-mix(in srgb, var(--dept-bg-top) 36%, transparent), color-mix(in srgb, var(--dept-bg-bottom) 62%, transparent)) !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important
}

.hr-stat .label {
    color: var(--dept-text-strong) !important;
    font-size: 12px !important
}

.hr-stat .value {
    font-size: 34px !important;
    color: var(--dept-text-strong) !important
}

.mg-quick {
    min-height: 54px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--dept-text-strong) !important
}

@media (max-width: 1100px) {
    .doctor-grid-four,
    .portal-grid,
    .utility-grid,
    .hr-top-grid,
    .hr-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }
}

@media (max-width: 680px) {
    .doctor-top,
    .doctor-grid-four,
    .portal-grid,
    .utility-grid,
    .hr-top-grid,
    .hr-stats {
        grid-template-columns: 1fr !important
    }

    .doctor-command-inner,
    .hr-command-inner {
        flex-direction: column;
        align-items: flex-start !important
    }

    .doctor-access-wrap {
        align-items: flex-start !important
    }
}

/* Unified department action button look. Matches the HR panel card buttons across panels. */
:root {
    --panel-action-border: color-mix(in srgb, var(--dept-border-strong, #6b9ed8) 68%, rgba(255,255,255,.22));
    --panel-action-border-hot: color-mix(in srgb, var(--dept-border-strong, #7bb7ff) 88%, rgba(255,255,255,.34));
    --panel-action-bg-a: color-mix(in srgb, var(--dept-button, #25517d) 34%, rgba(255,255,255,.08));
    --panel-action-bg-b: color-mix(in srgb, var(--dept-bg-bottom, #071425) 78%, rgba(255,255,255,.05));
}

.portal-card,
.feed-card,
.doctor-action,
.mg-card,
.stack-btn {
    display: grid !important;
    grid-template-columns: 74px minmax(112px, .68fr) minmax(0, 1fr) !important;
    grid-template-rows: 1fr !important;
    align-items: center !important;
    column-gap: 20px !important;
    min-height: 124px !important;
    padding: 20px 24px !important;
    border: 2px solid var(--panel-action-border) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 12px 28px rgba(0,0,0,.14) !important;
    color: var(--dept-text-strong, #fff) !important;
    text-decoration: none !important;
    overflow: hidden !important;
    position: relative !important;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}

.portal-card:hover,
.feed-card:hover,
.doctor-action:hover,
.mg-card:hover,
.stack-btn:hover {
    transform: translateY(-2px) !important;
    border-color: var(--panel-action-border-hot) !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,.075) 42%, rgba(255,255,255,.03)),
        linear-gradient(180deg, color-mix(in srgb, var(--dept-button, #3672ae) 44%, rgba(255,255,255,.10)), var(--panel-action-bg-b)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 22px 48px rgba(0,0,0,.24), 0 0 24px color-mix(in srgb, var(--dept-border-strong, #6ba7e8) 24%, transparent) !important;
}

.portal-card .icon,
.feed-card .icon,
.doctor-action .icon,
.mg-card .icon,
.stack-btn::after {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 58px !important;
    height: 58px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: center !important;
    align-self: center !important;
    margin: 0 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    background: radial-gradient(circle, color-mix(in srgb, var(--dept-border-strong, #6ba7e8) 26%, transparent), rgba(255,255,255,.025)) !important;
    filter: drop-shadow(0 0 16px color-mix(in srgb, var(--dept-border-strong, #6ba7e8) 24%, transparent)) !important;
    z-index: 2 !important;
}

.portal-card .name,
.feed-card .name,
.doctor-action .name,
.mg-card .name,
.stack-btn strong {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    color: var(--dept-text-strong, #fff) !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    max-width: none !important;
    position: relative !important;
    z-index: 2 !important;
}

.portal-card .desc,
.feed-card .desc,
.doctor-action .desc,
.mg-card .desc,
.stack-btn span {
    grid-column: 3 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    color: var(--dept-text, #dce8f7) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    max-width: none !important;
    position: relative !important;
    z-index: 2 !important;
}

.doctor-action .ghost {
    display: none !important;
}

.btn,
button.btn,
a.btn,
.review-btn,
.schedule-btn,
.mg-quick,
.mg-strip-btn,
.doctor-bottom-btn,
.message-editor-banner-btn,
.feature-admin-actions button,
.config-summary-open,
.mg-hero-link {
    min-height: 42px !important;
    border-radius: 14px !important;
    border: 1px solid var(--panel-action-border) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015)) !important;
    color: var(--dept-text-strong, #fff) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 14px 30px rgba(0,0,0,.18) !important;
    text-decoration: none !important;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}

.btn:hover,
button.btn:hover,
a.btn:hover,
.review-btn:hover,
.schedule-btn:hover,
.mg-quick:hover,
.mg-strip-btn:hover,
.doctor-bottom-btn:hover,
.message-editor-banner-btn:hover,
.feature-admin-actions button:hover,
.config-summary-open:hover,
.mg-hero-link:hover {
    transform: translateY(-2px) !important;
    border-color: var(--panel-action-border-hot) !important;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--dept-button, #25517d) 52%, rgba(255,255,255,.18)), rgba(0,0,0,.22)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 18px 38px rgba(0,0,0,.24), 0 0 22px color-mix(in srgb, var(--dept-border-strong, #6ba7e8) 22%, transparent) !important;
}

.feature-toggle-row,
.config-summary-card,
.audit-card,
.mg-sidebar-link {
    border: 2px solid var(--panel-action-border) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 18px 42px rgba(0,0,0,.18) !important;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}

.feature-toggle-row:hover,
.config-summary-card:hover,
.audit-card:hover,
.mg-sidebar-link:hover {
    transform: translateY(-2px) !important;
    border-color: var(--panel-action-border-hot) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 22px 48px rgba(0,0,0,.24), 0 0 24px color-mix(in srgb, var(--dept-border-strong, #6ba7e8) 24%, transparent) !important;
}

.access-chip,
.mg-chip {
    min-height: 42px !important;
    padding: 8px 22px !important;
    border-radius: 12px !important;
    border: 1px solid var(--panel-action-border) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015)) !important;
    color: var(--dept-text-strong, #fff) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 12px 24px rgba(0,0,0,.14) !important;
    text-decoration: none !important;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}

.access-chip:hover,
.mg-chip:hover {
    transform: translateY(-2px) !important;
    border-color: var(--panel-action-border-hot) !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.065)),
        linear-gradient(180deg, color-mix(in srgb, var(--dept-button, #3672ae) 44%, rgba(255,255,255,.10)), var(--panel-action-bg-b)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 18px 38px rgba(0,0,0,.24), 0 0 22px color-mix(in srgb, var(--dept-border-strong, #6ba7e8) 22%, transparent) !important;
}

@media (max-width: 900px) {
    .portal-card,
    .feed-card,
    .doctor-action,
    .mg-card,
    .stack-btn {
        grid-template-columns: 64px minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        min-height: 116px !important;
    }

    .portal-card .icon,
    .feed-card .icon,
    .doctor-action .icon,
    .mg-card .icon,
    .stack-btn::after {
        grid-row: 1 / span 2 !important;
        width: 54px !important;
        height: 54px !important;
    }

    .portal-card .name,
    .feed-card .name,
    .doctor-action .name,
    .mg-card .name,
    .stack-btn strong {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    .portal-card .desc,
    .feed-card .desc,
    .doctor-action .desc,
    .mg-card .desc,
    .stack-btn span {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }
}

/* Final global interaction pass: dark at rest, bright glass only on hover. */
.portal-card,.feed-card,.doctor-action,.mg-card,.stack-btn,.feature-card,.quick-card,.request-card,.notification-card,.result-card,.config-summary-card,.feature-toggle-row,.audit-card,.sop-nav-link,.sop-degree,.sop-coc-item{border:2px solid var(--panel-action-border)!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 12px 28px rgba(0,0,0,.14)!important;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important}
.portal-card:hover,.feed-card:hover,.doctor-action:hover,.mg-card:hover,.stack-btn:hover,.feature-card:hover,.quick-card:hover,.request-card:hover,.notification-card:hover,.result-card:hover,.config-summary-card:hover,.feature-toggle-row:hover,.audit-card:hover,.sop-nav-link:hover,.sop-degree:hover,.sop-coc-item:hover{transform:translateY(-2px)!important;border-color:var(--panel-action-border-hot)!important;background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.075) 42%,rgba(255,255,255,.03)),linear-gradient(180deg,color-mix(in srgb,var(--dept-button,#3672ae) 44%,rgba(255,255,255,.10)),var(--panel-action-bg-b))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 22px 48px rgba(0,0,0,.24),0 0 24px color-mix(in srgb,var(--dept-border-strong,#6ba7e8) 24%,transparent)!important}
.btn,button.btn,a.btn,button.primary,.global-panel-trigger,.review-btn,.schedule-btn,.mg-quick,.mg-strip-btn,.doctor-bottom-btn,.message-editor-banner-btn,.feature-admin-actions button,.config-summary-open,.mg-hero-link,.calendar-btn,.submit-btn,.action-btn{border:1px solid var(--panel-action-border)!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015))!important;color:var(--dept-text-strong,#fff)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 12px 24px rgba(0,0,0,.14)!important;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important}
.btn:hover,button.btn:hover,a.btn:hover,button.primary:hover,.global-panel-trigger:hover,.review-btn:hover,.schedule-btn:hover,.mg-quick:hover,.mg-strip-btn:hover,.doctor-bottom-btn:hover,.message-editor-banner-btn:hover,.feature-admin-actions button:hover,.config-summary-open:hover,.mg-hero-link:hover,.calendar-btn:hover,.submit-btn:hover,.action-btn:hover{transform:translateY(-2px)!important;border-color:var(--panel-action-border-hot)!important;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.065)),linear-gradient(180deg,color-mix(in srgb,var(--dept-button,#3672ae) 44%,rgba(255,255,255,.10)),var(--panel-action-bg-b))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 38px rgba(0,0,0,.24),0 0 22px color-mix(in srgb,var(--dept-border-strong,#6ba7e8) 22%,transparent)!important}

/* Management panel parity: all action cards/buttons use the same transparent button background. */
.portal-card,.feed-card,.doctor-action,.mg-card,.stack-btn,.feature-card,.quick-card,.request-card,.notification-card,.result-card,.config-summary-card,.feature-toggle-row,.feature-admin-card,.audit-card,.sop-nav-link,.sop-degree,.sop-coc-item,.dcd-card,.dcd-note,.doctor-card,.doctor-panel,.doctor-box,.card,.stat-card,.hr-stat,.mg-stat,.mg-panel,.mg-strip,.mg-correction,.review-box,.news-box,.profile-card,.message-card,.config-card,.admin-card,.panel,.glass-panel,.form-card,.table-card,.resignation-hub,.resign-hub,.hub-strip,.hr-form-card,.hr-preview-card,.preview-card,.preview-box,.preview-feed,.response-shell,.response-panel,.response-preview,.department-card,.department-panel,.department-preview,.department-notice,.submission-card,.transmission-card,.transmission-preview,.notice-card,.legal-card,.form-section,.form-panel,.phase-card,.history-card,.notification-item,.notification-modal,.table-wrap,.list-card,.user-card,.personnel-card,.broadcast-card,.embedded-extra,.preview-note,.news-entry,.news-card,.manage-card,.news-modal-card,.news-grid,.news-panel,.news-feed,.news-preview,.news-detail-card,.editor-modal-card,.editor-toolbar,.toolbar-menu,.color-panel,.editor-box,.preview-placeholder,.preview-summary,.preview-content,.preview-feed-head,.current-image,.empty-state,.manage-table,.manage-table th,.manage-table td,.clickable-row{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.portal-card:hover,.feed-card:hover,.doctor-action:hover,.mg-card:hover,.stack-btn:hover,.feature-card:hover,.quick-card:hover,.request-card:hover,.notification-card:hover,.result-card:hover,.config-summary-card:hover,.feature-toggle-row:hover,.feature-admin-card:hover,.audit-card:hover,.sop-nav-link:hover,.sop-degree:hover,.sop-coc-item:hover,.dcd-card:hover,.dcd-note:hover,.doctor-card:hover,.user-card:hover,.personnel-card:hover,.notification-item:hover,.news-entry:hover,.clickable-row:hover,.message-editor-banner:hover,.discord-correction:hover,.correction-card:hover,.mg-correction:hover,.mg-correction:has(a:hover){transform:translateY(-1px)!important;border-color:color-mix(in srgb,var(--dept-border-strong) 92%,rgba(255,255,255,.32))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--dept-button) 62%,rgba(255,255,255,.16)),color-mix(in srgb,var(--dept-button) 26%,transparent) 48%,color-mix(in srgb,var(--dept-bg-bottom) 84%,rgba(255,255,255,.04)))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 1px color-mix(in srgb,var(--dept-border-strong) 24%,transparent)!important}
.btn,button.btn,a.btn,button.primary,.global-panel-trigger,.review-btn,.schedule-btn,.mg-quick,.mg-strip-btn,.doctor-bottom-btn,.message-editor-banner-btn,.feature-admin-actions button,.config-summary-open,.mg-hero-link,.calendar-btn,.submit-btn,.action-btn,.access-chip,.doctor-access-pill,.mg-access-pill,.mg-chip,.action-template-btn,.broadcast-btn,.post-btn,.publish-btn,.cancel-btn,.toolbar-btn,.toolbar-select,.toolbar-menu button,.color-panel button,.editor-modal-action,.editor-modal-close,.news-modal-close,.color-reset{background:transparent!important;box-shadow:none!important}
.btn:hover,button.btn:hover,a.btn:hover,button.primary:hover,.global-panel-trigger:hover,.review-btn:hover,.schedule-btn:hover,.mg-quick:hover,.mg-strip-btn:hover,.doctor-bottom-btn:hover,.message-editor-banner-btn:hover,.feature-admin-actions button:hover,.config-summary-open:hover,.mg-hero-link:hover,.calendar-btn:hover,.submit-btn:hover,.action-btn:hover,.access-chip:hover,.doctor-access-pill:hover,.mg-access-pill:hover,.mg-chip:hover,.action-template-btn:hover,.broadcast-btn:hover,.post-btn:hover,.publish-btn:hover,.cancel-btn:hover,.toolbar-btn:hover,.toolbar-select:hover,.toolbar-menu button:hover,.color-panel button:hover,.editor-modal-action:hover,.editor-modal-close:hover,.news-modal-close:hover,.color-reset:hover{transform:translateY(-1px)!important;border-color:color-mix(in srgb,var(--dept-border-strong) 92%,rgba(255,255,255,.32))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--dept-button) 62%,rgba(255,255,255,.16)),color-mix(in srgb,var(--dept-button) 26%,transparent) 48%,color-mix(in srgb,var(--dept-bg-bottom) 84%,rgba(255,255,255,.04)))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 1px color-mix(in srgb,var(--dept-border-strong) 24%,transparent)!important}
input,select,textarea,.hr-field,.hr-select,.hr-textarea,.broadcast-input,.broadcast-textarea,.broadcast-file,.preview-box,.discord-preview,.discord-embed,.discord-embed-card,.discord-embed-preview,#previewBody,#preview [style*="background:#202328"],#preview [style*="background: #202328"],.preview-box [style*="background:#202328"],.preview-box [style*="background: #202328"],.preview-box [style*="background:#2b2f35"],.preview-box [style*="background: #2b2f35"],.preview-box [style*="background:#261317"],.preview-box [style*="background: #261317"],.preview-embed,.notification-modal-box,.notification-detail,.msg-editor-preview-box,.news-input,.file-row,.editor-modal-body input,.editor-box,.sort-select{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.card:has(.notification-list):hover{transform:none!important;border-color:var(--glass-border)!important;background:rgba(255,255,255,.025)!important;box-shadow:none!important}
.notification-list:hover .notification-item:not(:hover){transform:none!important;border-color:var(--dept-border)!important;background:rgba(255,255,255,.025)!important;box-shadow:none!important}
.card:has(.portal-card,.feed-card,.doctor-action,.mg-card,.quick-card,.feature-card,.request-card,.notification-card,.result-card,.user-card,.personnel-card,.table,.table-wrap,.form-card,.preview-box,.news-entry,.news-card):hover,.review-box:hover,.doctor-panel:hover,.doctor-box:hover,.panel:hover,.glass-panel:hover,.form-card:hover,.table-card:hover,.news-card:hover,.manage-card:hover,.news-modal-card:hover,.preview-card:hover{transform:none!important;border-color:var(--glass-border)!important;background:rgba(255,255,255,.025)!important;box-shadow:none!important}
.portal-grid:hover .portal-card:not(:hover),.feature-grid:hover .feature-card:not(:hover),.quick-grid:hover .quick-card:not(:hover),.action-grid:hover .doctor-action:not(:hover),.mg-request-grid:hover .mg-card:not(:hover),.mg-bottom-grid:hover .mg-card:not(:hover),.doctor-quick-grid:hover .doctor-action:not(:hover),.doctor-feature-grid:hover .doctor-card:not(:hover),.dept-grid:hover .news-entry:not(:hover),.manage-table:hover .clickable-row:not(:hover){transform:none!important;border-color:var(--dept-border)!important;background:rgba(255,255,255,.025)!important;box-shadow:none!important}
:where([class*="card"],[class*="panel"],[class*="box"],[class*="preview"],[class*="modal-card"],[class*="section"],[class*="banner"],[class*="entry"],[class*="item"],[class*="notice"],[class*="alert"],[class*="content"],[class*="chip"],[class*="tag"],.department-target-inner,.event-operations-box,.calendar-event-tag,.calendar-day,.discord-embed-preview,#previewBody,#logsContent){background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.profile-shell,.profile-content{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.profile-content{border:1px solid color-mix(in srgb,var(--dept-border-strong) 64%,rgba(255,255,255,.18))!important;border-radius:18px!important}
.profile-shell{border-bottom:none!important}
.profile-head,.profile-avatar-zone,.profile-actions,.profile-section,.section-title,.profile-help{border:none!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.profile-content :where(div,section,header,footer,label,span,p,h1,h2,h3,h4){background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.profile-avatar-wrap,.profile-grid-two,.profile-grid-three,.profile-label,.profile-readonly-note{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.profile-input,.profile-input.dark{background:transparent!important;color:var(--dept-text-strong)!important;-webkit-text-fill-color:var(--dept-text-strong)!important}
.profile-input:-webkit-autofill,.profile-input.dark:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px transparent inset!important;-webkit-text-fill-color:var(--dept-text-strong)!important;caret-color:var(--dept-text-strong)!important;transition:background-color 9999s ease-in-out 0s!important}
.profile-submit{width:auto!important;min-width:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:10px 22px!important;border:1px solid color-mix(in srgb,var(--dept-border-strong) 72%,rgba(255,255,255,.22))!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important}
.global-footer{background:linear-gradient(180deg,color-mix(in srgb,var(--dept-bg-top) 76%,rgba(255,255,255,.04)),color-mix(in srgb,var(--dept-bg-bottom) 88%,rgba(255,255,255,.02)))!important;border-top:1px solid color-mix(in srgb,var(--dept-border-strong) 48%,transparent)!important;border-bottom:1px solid color-mix(in srgb,var(--dept-border-strong) 34%,transparent)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.global-footer-inner,.global-footer-layout,.global-footer-content,.global-footer-top,.global-footer-disclaimer,.global-footer-dev{background:transparent!important;box-shadow:none!important;border:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
table,.table,.table-wrap,thead,tbody,tr,th,td,.msg-editor-table,.manage-table{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
th,td{background:transparent!important}
.table-wrap,.card:has(table),.card:has(.table),.card:has(.msg-editor-table){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#userList,.card:has(#userList),#userList>.card,#userList .avatar-row,#userList .row{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#userList>.card{border:1px solid color-mix(in srgb,var(--dept-border-strong) 58%,rgba(255,255,255,.14))!important;border-radius:16px!important}
:where(.preview-feed *,.broadcast-card *,.announcement-card *,.message-card *,.form-card *,.table-card *,.card *,.panel *){box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
:where(.preview-feed-head,.preview-feed-name,.preview-feed-time,.embedded-extra,.discord-embed-title,.discord-embed-description,.discord-embed-fields,.discord-embed-field,.discord-embed-field-name,.discord-embed-field-value,.badge,.status-badge,.form-status,.message-editor-preview,.msg-editor-preview,.preview-summary,.preview-content){background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;max-width:100%!important;align-self:flex-start!important;padding:5px 10px!important;white-space:nowrap!important}
.doctor-command-bar,.hr-command-bar,.event-command-bar,.dcd-command-bar,.doctor-access-wrap,.access-chip-wrap,.access-panel,.access-chip-panel{background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.access-chip-bar,.doctor-access-wrap .access-chip-bar,.mg-sidebar .access-chip-bar{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:nowrap!important;width:100%!important;margin:8px auto 20px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.access-chip-bar,.doctor-access-strip,.mg-access-strip,.doctor-access-wrap,.access-chip-wrap,.access-panel,.access-chip-panel,.doctor-command-inner:has(.access-chip-bar),.hr-command-inner:has(.access-chip-bar),.event-command-inner:has(.access-chip-bar),.dcd-command-inner:has(.access-chip-bar){background:none!important;background-image:none!important;border-color:transparent!important;border-width:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.access-chip-bar::before,.access-chip-bar::after,.doctor-access-wrap::before,.doctor-access-wrap::after,.access-chip-wrap::before,.access-chip-wrap::after,.access-panel::before,.access-panel::after,.access-chip-panel::before,.access-chip-panel::after{content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important}
.access-chip,.doctor-access-pill,.mg-access-pill,.mg-chip{flex:0 0 96px!important;width:96px!important;min-width:96px!important;max-width:96px!important;min-height:40px!important;padding:7px 8px!important;border:1px solid color-mix(in srgb,var(--dept-border-strong) 68%,rgba(255,255,255,.22))!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--dept-text-strong)!important;font-size:11px!important;font-weight:900!important;line-height:1.08!important;text-align:center!important;text-decoration:none!important;white-space:normal!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.broadcast-btn{border:1px solid color-mix(in srgb,var(--dept-border-strong) 72%,rgba(255,255,255,.18))!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important}
#callsignModal{background:color-mix(in srgb,var(--dept-bg-bottom) 74%,rgba(0,0,0,.48))!important}
#callsignModal>.card,#callsignModal .card{background:linear-gradient(180deg,color-mix(in srgb,var(--dept-bg-top) 86%,rgba(255,255,255,.04)),color-mix(in srgb,var(--dept-bg-bottom) 92%,rgba(0,0,0,.10)))!important;border:1px solid color-mix(in srgb,var(--dept-border-strong) 78%,rgba(255,255,255,.18))!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#callsignModal .row,#callsignModal .table-wrap,#callsignModal table,#callsignModal thead,#callsignModal tbody,#callsignModal tr,#callsignModal th,#callsignModal td{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#callsignModal h3{color:var(--dept-text-strong)!important}
:where(button,.btn,a.btn,a[class*="btn"],a[class*="button"],button[class*="btn"],button[class*="button"],[class*="trigger"],[class*="chip"],[class*="pill"],[class*="mini-btn"]){background:rgba(255,255,255,.025)!important;box-shadow:none!important}
:where(button,.btn,a.btn,a[class*="btn"],a[class*="button"],button[class*="btn"],button[class*="button"],[class*="trigger"],[class*="chip"],[class*="pill"],[class*="mini-btn"]):hover{transform:translateY(-1px)!important;border-color:color-mix(in srgb,var(--dept-border-strong) 92%,rgba(255,255,255,.32))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--dept-button) 62%,rgba(255,255,255,.16)),color-mix(in srgb,var(--dept-button) 26%,transparent) 48%,color-mix(in srgb,var(--dept-bg-bottom) 84%,rgba(255,255,255,.04)))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 1px color-mix(in srgb,var(--dept-border-strong) 24%,transparent)!important}
:where(input,select,textarea,[class*="input"],[class*="textarea"],[class*="select"],[class*="field"],[class*="file"],.editor-box,#logsContent){background:rgba(255,255,255,.018)!important;box-shadow:none!important}
:where(.portal-grid,.feature-grid,.quick-grid,.action-grid,.mg-request-grid,.mg-bottom-grid,.doctor-quick-grid,.doctor-feature-grid,.dept-grid,.manage-table,.notification-list):hover :where([class*="card"],[class*="action"],[class*="item"],[class*="entry"],tr):not(:hover){transform:none!important;background:rgba(255,255,255,.025)!important;box-shadow:none!important}
.portal-card .icon,.feed-card .icon,.doctor-action .icon,.mg-card .icon,.dcd-card .icon,.dcd-note .icon,.doctor-action-icon,.card-icon,.feature-icon,.quick-icon{background:radial-gradient(circle,color-mix(in srgb,var(--dept-border-strong) 24%,transparent),rgba(255,255,255,.018))!important;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--dept-border-strong) 20%,transparent))!important}
.mg-head,.mg-head:has(.access-chip-bar),.mg-head>.access-chip-bar,.mg-head .access-chip-bar{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.mg-head>.access-chip-bar,.mg-head .access-chip-bar{width:auto!important;max-width:max-content!important;margin:0 0 22px auto!important;padding:0!important;border-radius:0!important;overflow:visible!important}
.mg-head>.access-chip-bar::before,.mg-head>.access-chip-bar::after,.mg-head .access-chip-bar::before,.mg-head .access-chip-bar::after{content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important}
.mg-sidebar .access-chip-bar{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;justify-content:stretch!important;gap:8px!important;width:100%!important;max-width:none!important;margin:14px 0 0!important;padding:0!important;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.mg-sidebar .access-chip{width:100%!important;min-width:0!important;max-width:none!important;justify-content:center!important;text-align:center!important}
.feature-admin-card{background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.feature-admin-card:hover,.feature-admin-card:has(.feature-toggle-row:hover){border-color:color-mix(in srgb,var(--dept-border-strong) 68%,rgba(255,255,255,.22))!important;background:transparent!important;background-image:none!important;box-shadow:none!important;transform:none!important}
.feature-admin-card .feature-toggle-row:hover{transform:translateY(-1px)!important;border-color:color-mix(in srgb,var(--dept-border-strong) 92%,rgba(255,255,255,.32))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--dept-button) 62%,rgba(255,255,255,.16)),color-mix(in srgb,var(--dept-button) 26%,transparent) 48%,color-mix(in srgb,var(--dept-bg-bottom) 84%,rgba(255,255,255,.04)))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 1px color-mix(in srgb,var(--dept-border-strong) 24%,transparent)!important}
.admin-config-modal{background:color-mix(in srgb,var(--dept-bg-bottom) 76%,rgba(0,0,0,.48))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.admin-config-card{background:linear-gradient(180deg,color-mix(in srgb,var(--dept-bg-top) 86%,rgba(255,255,255,.035)),color-mix(in srgb,var(--dept-bg-bottom) 94%,rgba(0,0,0,.10)))!important;border:1px solid color-mix(in srgb,var(--dept-border-strong) 78%,rgba(255,255,255,.18))!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.admin-config-head,.admin-config-body,.admin-config-meta,.admin-config-list,.admin-config-section,.admin-config-entry-grid,.admin-config-actions{background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.admin-config-list-item,.admin-config-entry-row,.admin-config-entry-value,.admin-config-list-item span,.admin-config-pre,.admin-config-chip{background:color-mix(in srgb,var(--dept-button) 12%,transparent)!important;border-color:color-mix(in srgb,var(--dept-border-strong) 44%,rgba(255,255,255,.10))!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.admin-config-entry-input,.admin-config-card input,.admin-config-card textarea,.admin-config-card select{background:color-mix(in srgb,var(--dept-bg-bottom) 76%,rgba(255,255,255,.025))!important;border-color:color-mix(in srgb,var(--dept-border-strong) 52%,rgba(255,255,255,.12))!important;color:var(--dept-text-strong)!important;box-shadow:none!important}
.admin-config-close,.admin-config-actions button,.admin-config-pill-btn,.admin-access-add button,.admin-config-list-item button{border-color:color-mix(in srgb,var(--dept-border-strong) 72%,rgba(255,255,255,.18))!important;background:transparent!important;color:var(--dept-text-strong)!important;box-shadow:none!important}
.form-modal-backdrop,.review-modal-backdrop,.msg-editor-modal-backdrop,.department-modal,.news-modal,.event-modal,.gateway-modal,.announcement-panel-modal,.notification-modal,.editor-modal,.modal-backdrop,[class*="modal-backdrop"],[class*="modal-overlay"],[class*="popup-overlay"],[class*="dialog-overlay"]{background:var(--dept-bg-bottom)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.form-modal,.form-modal-card,.review-modal,.review-modal-card,.msg-editor-modal-card,.department-modal-card,.news-modal-card,.event-modal-card,.gateway-modal-card,.announcement-panel-modal-card,.notification-modal-box,.notification-detail,.editor-modal-card,.modal-card,.modal-content,[class*="modal-card"],[class*="modal-content"],[class*="popup-card"],[class*="popup-content"],[class*="dialog-card"],[class*="dialog-content"]{background:linear-gradient(180deg,color-mix(in srgb,var(--dept-bg-top) 94%,var(--dept-bg-bottom) 6%),var(--dept-bg-bottom))!important;border:1px solid color-mix(in srgb,var(--dept-border-strong) 78%,rgba(255,255,255,.18))!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--dept-text-strong)!important}
.form-modal:hover,.form-modal-card:hover,.review-modal:hover,.review-modal-card:hover,.msg-editor-modal-card:hover,.department-modal-card:hover,.news-modal-card:hover,.event-modal-card:hover,.gateway-modal-card:hover,.announcement-panel-modal-card:hover,.notification-modal-box:hover,.notification-detail:hover,.editor-modal-card:hover,.modal-card:hover,.modal-content:hover,[class*="modal-card"]:hover,[class*="modal-content"]:hover,[class*="popup-card"]:hover,[class*="popup-content"]:hover,[class*="dialog-card"]:hover,[class*="dialog-content"]:hover{transform:none!important;background:linear-gradient(180deg,color-mix(in srgb,var(--dept-bg-top) 94%,var(--dept-bg-bottom) 6%),var(--dept-bg-bottom))!important;border-color:color-mix(in srgb,var(--dept-border-strong) 78%,rgba(255,255,255,.18))!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.form-modal-head,.form-modal-body,.form-modal-actions,.review-modal-head,.review-modal-body,.review-modal-actions,.msg-editor-modal-head,.department-modal-top,.news-modal-head,.event-modal-head,.modal-footer,.modal-body,.modal-head,[class*="modal-head"],[class*="modal-body"],[class*="modal-actions"],[class*="modal-footer"],[class*="popup-head"],[class*="popup-body"],[class*="popup-actions"],[class*="dialog-head"],[class*="dialog-body"],[class*="dialog-actions"]{background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.modal-input,.modal-textarea,.form-modal input,.form-modal textarea,.form-modal select,.review-modal input,.review-modal textarea,.review-modal select,.msg-editor-modal-card input,.msg-editor-modal-card textarea,.msg-editor-modal-card select,.department-modal-card input,.department-modal-card textarea,.department-modal-card select,.news-modal-card input,.news-modal-card textarea,.news-modal-card select,.event-modal-card input,.event-modal-card textarea,.event-modal-card select{background:color-mix(in srgb,var(--dept-bg-bottom) 76%,rgba(255,255,255,.025))!important;border-color:color-mix(in srgb,var(--dept-border-strong) 52%,rgba(255,255,255,.12))!important;color:var(--dept-text-strong)!important;box-shadow:none!important}
.modal-btn,.form-modal-close,.review-modal-close,.msg-editor-close,.department-modal-close,.news-modal-close,.event-close,.gateway-modal-btn,[class*="modal-close"],[class*="popup-close"],[class*="dialog-close"]{background:transparent!important;border-color:color-mix(in srgb,var(--dept-border-strong) 72%,rgba(255,255,255,.18))!important;color:var(--dept-text-strong)!important;box-shadow:none!important}
.modal-btn:hover,.form-modal-close:hover,.review-modal-close:hover,.msg-editor-close:hover,.department-modal-close:hover,.news-modal-close:hover,.event-close:hover,.gateway-modal-btn:hover,[class*="modal-close"]:hover,[class*="popup-close"]:hover,[class*="dialog-close"]:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--dept-button) 62%,rgba(255,255,255,.16)),color-mix(in srgb,var(--dept-button) 26%,transparent) 48%,color-mix(in srgb,var(--dept-bg-bottom) 84%,rgba(255,255,255,.04)))!important;border-color:color-mix(in srgb,var(--dept-border-strong) 92%,rgba(255,255,255,.32))!important}
.global-header{width:100vw!important;max-width:none!important;margin:0!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;border-left:0!important;border-right:0!important;border-radius:0!important;background:color-mix(in srgb,var(--dept-bg-top) 94%,var(--dept-border-strong) 6%)!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.global-header-inner{width:100%!important;max-width:none!important;min-height:92px!important;margin:0!important;padding:10px 58px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;flex-wrap:nowrap!important;background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important}
.global-header-left{flex:0 1 430px!important;min-width:280px!important;gap:16px!important}.global-brand{width:72px!important;height:58px!important;flex:0 0 72px!important}.global-command-title{font-size:24px!important;line-height:1.05!important;white-space:nowrap!important}.global-command-sub{font-size:13px!important;white-space:nowrap!important}
.global-nav{flex:1 1 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:nowrap!important;min-width:0!important}.global-nav a{min-width:72px!important;min-height:54px!important;padding:6px 9px!important;border-radius:12px!important;white-space:nowrap!important;font-size:12px!important}.global-nav a span{font-size:18px!important;line-height:1!important}
.global-panel-actions{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-width:230px!important}.global-panel-trigger{min-width:112px!important;min-height:40px!important;padding:0 14px!important;border-radius:12px!important;white-space:nowrap!important}
@media(max-width:980px){.global-header-inner{flex-wrap:wrap!important;justify-content:center!important;padding:10px 18px!important}.global-header-left{flex:1 1 100%!important;justify-content:center!important}.global-nav{order:3!important;flex:1 1 100%!important;flex-wrap:wrap!important}.global-panel-actions{min-width:0!important}}
.editor-toolbar{display:flex!important;flex-wrap:wrap!important;gap:4px!important;padding:6px!important;border:1px solid color-mix(in srgb,var(--dept-border-strong) 70%,rgba(255,255,255,.18))!important;border-radius:10px 10px 0 0!important;background:linear-gradient(180deg,color-mix(in srgb,var(--dept-bg-top) 82%,rgba(255,255,255,.06)),color-mix(in srgb,var(--dept-bg-bottom) 88%,rgba(255,255,255,.03)))!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.toolbar-btn,.toolbar-select,.toolbar-menu button,.color-panel button{min-width:28px!important;height:28px!important;min-height:28px!important;padding:0 8px!important;border:1px solid color-mix(in srgb,var(--dept-border-strong) 72%,rgba(255,255,255,.18))!important;border-radius:5px!important;background:color-mix(in srgb,var(--dept-bg-bottom) 72%,rgba(255,255,255,.08))!important;color:var(--dept-text-strong)!important;box-shadow:none!important;opacity:1!important}
.toolbar-btn.active,.toolbar-btn:hover,.toolbar-select:hover,.toolbar-menu button:hover,.color-panel button:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--dept-button) 62%,rgba(255,255,255,.16)),color-mix(in srgb,var(--dept-button) 26%,transparent) 48%,color-mix(in srgb,var(--dept-bg-bottom) 84%,rgba(255,255,255,.04)))!important;border-color:color-mix(in srgb,var(--dept-border-strong) 92%,rgba(255,255,255,.32))!important;color:var(--dept-text-strong)!important;transform:none!important}
.toolbar-menu,.color-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--dept-bg-top) 90%,rgba(255,255,255,.04)),color-mix(in srgb,var(--dept-bg-bottom) 96%,rgba(0,0,0,.06)))!important;border:1px solid color-mix(in srgb,var(--dept-border-strong) 72%,rgba(255,255,255,.18))!important;border-radius:10px!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.editor-box{background:color-mix(in srgb,var(--dept-bg-bottom) 84%,rgba(255,255,255,.035))!important;border:1px solid color-mix(in srgb,var(--dept-border-strong) 70%,rgba(255,255,255,.18))!important;border-top:0!important;color:var(--dept-text-strong)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.main>section .card:hover,.main>section .stat-card:hover,#newsGrid .card:hover{transform:translateY(-1px)!important;border-color:color-mix(in srgb,var(--dept-border-strong) 92%,rgba(255,255,255,.32))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--dept-button) 62%,rgba(255,255,255,.16)),color-mix(in srgb,var(--dept-button) 26%,transparent) 48%,color-mix(in srgb,var(--dept-bg-bottom) 84%,rgba(255,255,255,.04)))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 1px color-mix(in srgb,var(--dept-border-strong) 24%,transparent)!important}
#homepageProfilesGrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,320px))!important;justify-content:start!important;align-items:stretch!important;gap:14px!important}
.homepage-profile-card{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;min-height:150px!important;width:100%!important;max-width:320px!important;padding:16px 18px!important;text-decoration:none!important;color:var(--dept-text-strong)!important;overflow:hidden!important}
.homepage-profile-card .avatar-row{gap:12px!important;align-items:center!important}.homepage-profile-card .avatar{width:44px!important;height:44px!important;flex:0 0 44px!important}.homepage-profile-card h3{font-size:17px!important;line-height:1.15!important}.homepage-profile-card .page-subtitle{font-size:12px!important;line-height:1.25!important}.homepage-profile-callsign{margin-top:4px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.04em!important;color:var(--dept-text-strong)!important}.homepage-profile-card p{margin:10px 0 12px!important;font-size:13px!important;line-height:1.35!important;color:var(--dept-text)!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.homepage-profile-btn{margin-top:auto!important;min-height:36px!important;width:100%!important}