/*
 * ICAAS KCAA theme foundation
 * Additive theme layer only: no layout or server-control behavior is changed here.
 */

:root {
    --icaas-kcaa-blue: #005da8;
    --icaas-kcaa-blue-700: #064476;
    --icaas-kcaa-blue-900: #08233e;
    --icaas-kcaa-sky: #e8f4fb;
    --icaas-kcaa-sky-strong: #cfe8f7;
    --icaas-kcaa-orange: #f58220;
    --icaas-kcaa-gold: #f6c600;
    --icaas-kcaa-green: #1e8a5a;
    --icaas-kcaa-red: #b42318;
    --icaas-kcaa-ink: #102033;
    --icaas-kcaa-muted: #526173;
    --icaas-kcaa-border: #c9dce9;
    --icaas-kcaa-surface: #ffffff;
    --icaas-kcaa-surface-soft: #f5f9fc;
    --icaas-kcaa-focus: rgba(0, 93, 168, .22);
    --icaas-radius-sm: .375rem;
    --icaas-radius-md: .5rem;
    --icaas-radius-lg: .75rem;
    --icaas-shadow-sm: 0 .35rem 1rem rgba(8, 35, 62, .08);
    --icaas-shadow-md: 0 .85rem 2rem rgba(8, 35, 62, .12);
    --icaas-font-ui: "Inter", "Red Hat Display", "Nunito Sans", Arial, sans-serif;
    --icaas-font-display: "Red Hat Display", "Inter", Arial, sans-serif;
}

html[data-icaas-theme="dark"],
html[data-icaas-theme="midnight"],
html[data-icaas-theme="contrast"] {
    --icaas-kcaa-sky: #102a43;
    --icaas-kcaa-sky-strong: #173a5e;
    --icaas-kcaa-ink: #f3f7fb;
    --icaas-kcaa-muted: #b7c8d8;
    --icaas-kcaa-border: rgba(207, 232, 247, .22);
    --icaas-kcaa-surface: #0f2236;
    --icaas-kcaa-surface-soft: #132c45;
    --icaas-kcaa-focus: rgba(125, 194, 232, .28);
}

html[data-icaas-theme="kcaa-signature"] {
    --icaas-kcaa-blue: #005ba8;
    --icaas-kcaa-blue-700: #063e73;
    --icaas-kcaa-blue-900: #071d35;
    --icaas-kcaa-sky: #e5f4fb;
    --icaas-kcaa-sky-strong: #c6e5f5;
    --icaas-kcaa-orange: #f47b20;
    --icaas-kcaa-gold: #f6c600;
    --icaas-kcaa-border: #bad6e8;
    --icaas-kcaa-surface-soft: #f1f8fc;
    --icaas-kcaa-focus: rgba(244, 123, 32, .28);
}

html[data-icaas-font="red-hat"] {
    --icaas-font-ui: "Red Hat Display", "Inter", Arial, sans-serif;
}

html[data-icaas-font="arial"] {
    --icaas-font-ui: Arial, sans-serif;
}

html[data-icaas-font="verdana"] {
    --icaas-font-ui: Verdana, Arial, sans-serif;
}

html[data-icaas-font="georgia"] {
    --icaas-font-ui: Georgia, "Times New Roman", serif;
}

html[data-icaas-font-size="small"] {
    font-size: 15px;
}

html[data-icaas-font-size="large"] {
    font-size: 17px;
}

body {
    color: var(--icaas-kcaa-ink);
    font-family: var(--icaas-font-ui);
}

body:not(.staff-login-body) {
    background:
        linear-gradient(180deg, rgba(232, 244, 251, .7), rgba(255, 255, 255, .45) 34rem),
        var(--icaas-kcaa-surface-soft);
}

html[data-icaas-theme="kcaa-signature"] body:not(.staff-login-body) {
    background:
        radial-gradient(circle at 8% 9%, rgba(245, 130, 32, .12), transparent 18rem),
        radial-gradient(circle at 88% 4%, rgba(0, 93, 168, .13), transparent 24rem),
        linear-gradient(180deg, rgba(229, 244, 251, .9), rgba(255, 255, 255, .72) 28rem),
        var(--icaas-kcaa-surface-soft);
}

::selection {
    background: rgba(245, 130, 32, .24);
    color: var(--icaas-kcaa-blue-900);
}

:focus-visible {
    outline: 3px solid var(--icaas-kcaa-focus);
    outline-offset: 2px;
}

a {
    color: var(--icaas-kcaa-blue);
}

a:hover,
a:focus {
    color: var(--icaas-kcaa-blue-700);
}

.container,
.container-fluid {
    --bs-gutter-x: 1.5rem;
}

.icaas-topbar,
.account-portal-header,
.navbar-top {
    background:
        linear-gradient(90deg, rgba(0, 93, 168, .98), rgba(6, 68, 118, .96)) !important;
    border-bottom: 3px solid var(--icaas-kcaa-orange) !important;
    box-shadow: 0 .75rem 1.6rem rgba(8, 35, 62, .16);
}

html[data-icaas-theme="kcaa-signature"] .icaas-topbar,
html[data-icaas-theme="kcaa-signature"] .account-portal-header,
html[data-icaas-theme="kcaa-signature"] .navbar-top {
    background:
        linear-gradient(90deg, #00477f, var(--icaas-kcaa-blue) 48%, #087f97) !important;
    border-bottom-color: var(--icaas-kcaa-orange) !important;
}

.icaas-brand,
.account-portal-brand,
.icaas-brand-mark {
    color: #ffffff !important;
    text-decoration: none;
}

.icaas-brand-logo,
.account-portal-logo,
.icaas-brand-mark img {
    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: var(--icaas-radius-md);
    box-shadow: 0 .55rem 1rem rgba(8, 35, 62, .12);
}

.icaas-brand-authority,
.icaas-account-label,
.account-portal-brand-copy span,
.navbar-vertical-label {
    letter-spacing: .03em;
    text-transform: uppercase;
}

.icaas-brand-description,
.icaas-brand-acronym,
.account-portal-brand-copy strong {
    color: #ffffff;
    font-family: var(--icaas-font-display);
    font-weight: 900;
    letter-spacing: 0;
}

.icaas-workspace-shortcut,
.icaas-account-link,
.icaas-signout,
.account-portal-signout,
.account-session-links a,
.btn,
button,
input[type="submit"],
input[type="button"] {
    border-radius: var(--icaas-radius-md);
    font-weight: 800;
    letter-spacing: 0;
}

.btn-primary,
.btn.btn-primary,
input[type="submit"].btn-primary,
button.btn-primary,
.account-session-links a.primary {
    background: linear-gradient(135deg, var(--icaas-kcaa-blue), var(--icaas-kcaa-blue-700));
    border-color: var(--icaas-kcaa-blue);
    box-shadow: 0 .35rem .9rem rgba(0, 93, 168, .18);
    color: #ffffff;
}

.btn-primary:hover,
.btn.btn-primary:hover,
input[type="submit"].btn-primary:hover,
button.btn-primary:hover,
.account-session-links a.primary:hover {
    background: linear-gradient(135deg, var(--icaas-kcaa-blue-700), var(--icaas-kcaa-blue-900));
    border-color: var(--icaas-kcaa-blue-700);
    box-shadow: 0 .55rem 1.15rem rgba(0, 93, 168, .24);
    color: #ffffff;
}

.btn-secondary,
.btn-outline-secondary,
.btn-phoenix-secondary,
.icaas-account-link.secondary,
.preference-switcher-trigger {
    background: rgba(255, 255, 255, .9);
    border: 1px solid var(--icaas-kcaa-border);
    color: var(--icaas-kcaa-blue-900);
}

html[data-icaas-theme="kcaa-signature"] [data-theme-value="kcaa-signature"],
html[data-icaas-theme="kcaa-signature"] .theme-switcher-control [data-theme-value="kcaa-signature"].active {
    background: linear-gradient(135deg, var(--icaas-kcaa-blue), var(--icaas-kcaa-orange));
    border-color: transparent;
    color: #ffffff;
}

.btn-outline-primary {
    border-color: var(--icaas-kcaa-blue);
    color: var(--icaas-kcaa-blue);
}

.btn-outline-primary:hover {
    background: var(--icaas-kcaa-blue);
    border-color: var(--icaas-kcaa-blue);
    color: #ffffff;
}

.btn-danger,
.btn-outline-danger:hover {
    background: var(--icaas-kcaa-red);
    border-color: var(--icaas-kcaa-red);
}

.form-label,
label {
    color: var(--icaas-kcaa-blue-900);
    font-weight: 800;
}

.form-control,
.form-select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="date"],
select,
textarea {
    border: 1px solid var(--icaas-kcaa-border);
    border-radius: var(--icaas-radius-md);
    color: var(--icaas-kcaa-ink);
    font-family: var(--icaas-font-ui);
    min-height: 2.55rem;
}

.form-control:focus,
.form-select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus {
    border-color: var(--icaas-kcaa-blue);
    box-shadow: 0 0 0 .2rem var(--icaas-kcaa-focus);
}

.form-check-input:checked {
    background-color: var(--icaas-kcaa-blue);
    border-color: var(--icaas-kcaa-blue);
}

.card,
.panel,
.well,
.dap-panel,
.dap-card,
.account-card,
.account-portal-main .card {
    background: var(--icaas-kcaa-surface);
    border: 1px solid var(--icaas-kcaa-border);
    border-radius: var(--icaas-radius-lg);
    box-shadow: var(--icaas-shadow-sm);
}

.card-header,
.panel-heading,
.dap-panel-header {
    background:
        linear-gradient(90deg, rgba(232, 244, 251, .96), rgba(255, 255, 255, .95));
    border-bottom: 1px solid var(--icaas-kcaa-border);
    color: var(--icaas-kcaa-blue-900);
    font-weight: 900;
}

.table,
table.table,
.GridView,
.gridview,
.dap-table {
    --bs-table-border-color: var(--icaas-kcaa-border);
    color: var(--icaas-kcaa-ink);
}

.table thead th,
table.table thead th,
.GridView th,
.gridview th,
.dap-table th {
    background: linear-gradient(180deg, var(--icaas-kcaa-blue), var(--icaas-kcaa-blue-700));
    border-color: rgba(255, 255, 255, .18);
    color: #ffffff;
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .02em;
    text-transform: uppercase;
    vertical-align: middle;
}

.table tbody tr:hover,
.GridView tr:hover,
.gridview tr:hover,
.dap-table tr:hover {
    background: rgba(232, 244, 251, .75);
}

.badge,
.label,
[class*="status"],
.dap-status-badge {
    border-radius: 999px;
    font-weight: 900;
    letter-spacing: .01em;
}

.badge.bg-primary,
.badge-primary,
.label-primary,
.dap-status-draft,
.status-draft {
    background: var(--icaas-kcaa-sky) !important;
    color: var(--icaas-kcaa-blue-900) !important;
}

.badge.bg-success,
.badge-success,
.label-success,
.status-approved,
.status-active,
.status-completed,
.dap-status-approved {
    background: rgba(30, 138, 90, .14) !important;
    color: #0b6940 !important;
}

.badge.bg-warning,
.badge-warning,
.label-warning,
.status-pending,
.status-submitted,
.status-returned {
    background: rgba(246, 198, 0, .2) !important;
    color: #755b00 !important;
}

.badge.bg-danger,
.badge-danger,
.label-danger,
.status-rejected,
.status-expired,
.status-overdue {
    background: rgba(180, 35, 24, .12) !important;
    color: var(--icaas-kcaa-red) !important;
}

.alert {
    border-radius: var(--icaas-radius-lg);
    border-width: 1px;
    box-shadow: var(--icaas-shadow-sm);
    font-weight: 700;
}

.alert-info {
    background: var(--icaas-kcaa-sky);
    border-color: var(--icaas-kcaa-sky-strong);
    color: var(--icaas-kcaa-blue-900);
}

.alert-success {
    background: rgba(30, 138, 90, .12);
    border-color: rgba(30, 138, 90, .28);
    color: #0b6940;
}

.alert-warning {
    background: rgba(246, 198, 0, .16);
    border-color: rgba(246, 198, 0, .35);
    color: #6a5200;
}

.alert-danger {
    background: rgba(180, 35, 24, .1);
    border-color: rgba(180, 35, 24, .24);
    color: var(--icaas-kcaa-red);
}

.modal-content,
.dap-modal,
.dap-modal-card {
    border: 1px solid var(--icaas-kcaa-border);
    border-radius: var(--icaas-radius-lg);
    box-shadow: var(--icaas-shadow-md);
}

.modal-header,
.dap-modal-header {
    background:
        linear-gradient(90deg, var(--icaas-kcaa-blue), var(--icaas-kcaa-blue-700));
    border-bottom: 3px solid var(--icaas-kcaa-orange);
    color: #ffffff;
}

.modal-header .btn-close,
.dap-modal-close {
    filter: invert(1) grayscale(1) brightness(2);
}

.breadcrumb,
.dap-breadcrumb {
    background: transparent;
    color: var(--icaas-kcaa-muted);
    font-size: .86rem;
    font-weight: 700;
}

.icaas-sidebar,
.navbar-vertical,
.icaas-menubar,
.icaas-dropdown-nav {
    border-color: var(--icaas-kcaa-border) !important;
}

.icaas-sidebar a,
.icaas-navigation a,
.icaas-menu a {
    border-radius: var(--icaas-radius-md);
    font-weight: 800;
}

.icaas-sidebar a:hover,
.icaas-sidebar a.selected,
.icaas-navigation a:hover,
.icaas-menu a:hover,
.icaas-menu a.selected {
    background: rgba(0, 93, 168, .1);
    color: var(--icaas-kcaa-blue-900);
}

.main-content,
.icaas-content,
.dap-dashboard,
.dap-workspace,
.dap-appraisals {
    position: relative;
}

.main-content::before,
.icaas-content::before {
    background: url("../Images/KCAA_Official_Logo.png") center / min(42vw, 28rem) auto no-repeat;
    content: "";
    inset: 5rem 1rem auto auto;
    height: min(42vw, 28rem);
    opacity: .035;
    pointer-events: none;
    position: fixed;
    width: min(42vw, 28rem);
    z-index: -1;
}

.empty-state,
.dap-empty,
.table-empty {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(232, 244, 251, .76));
    border: 1px dashed var(--icaas-kcaa-border);
    border-radius: var(--icaas-radius-lg);
    color: var(--icaas-kcaa-muted);
    padding: 1.5rem;
    text-align: center;
}

.dap-hero,
.page-header,
.content-header,
.dashboard-header {
    background:
        linear-gradient(135deg, rgba(0, 93, 168, .12), rgba(245, 130, 32, .07)),
        linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(232, 244, 251, .86));
    border-color: rgba(0, 93, 168, .22);
    box-shadow: var(--icaas-shadow-sm);
}

html[data-icaas-theme="kcaa-signature"] .dap-hero,
html[data-icaas-theme="kcaa-signature"] .page-header,
html[data-icaas-theme="kcaa-signature"] .content-header,
html[data-icaas-theme="kcaa-signature"] .dashboard-header {
    background:
        radial-gradient(circle at 92% 14%, rgba(245, 130, 32, .14), transparent 14rem),
        linear-gradient(135deg, rgba(0, 93, 168, .15), rgba(255, 255, 255, .94) 58%, rgba(246, 198, 0, .08));
}

.dap-hero h1,
.page-header h1,
.content-header h1,
.dashboard-header h1,
.dap-panel-title,
.card-title {
    color: var(--icaas-kcaa-blue-900);
    font-family: var(--icaas-font-display);
    font-weight: 900;
}

.dap-kicker,
.page-kicker,
.section-kicker {
    color: var(--icaas-kcaa-orange);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.dap-stat-card,
.metric-card,
.kpi-card,
.summary-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(232, 244, 251, .82));
    border: 1px solid rgba(0, 93, 168, .18);
    border-radius: var(--icaas-radius-lg);
    box-shadow: var(--icaas-shadow-sm);
    overflow: hidden;
    position: relative;
}

.dap-stat-card::after,
.metric-card::after,
.kpi-card::after,
.summary-card::after {
    background: linear-gradient(180deg, var(--icaas-kcaa-blue), var(--icaas-kcaa-orange));
    content: "";
    inset: 0 auto 0 0;
    position: absolute;
    width: .24rem;
}

.dap-stat-card strong,
.metric-card strong,
.kpi-card strong,
.summary-card strong {
    color: var(--icaas-kcaa-blue-900);
    font-family: var(--icaas-font-display);
}

.dap-task-card,
.queue-card,
.approval-card {
    background: var(--icaas-kcaa-surface);
    border-color: rgba(0, 93, 168, .18);
    box-shadow: 0 .45rem 1.2rem rgba(8, 35, 62, .07);
}

.dap-task-card:hover,
.queue-card:hover,
.approval-card:hover {
    border-color: rgba(245, 130, 32, .42);
    box-shadow: 0 .9rem 1.8rem rgba(8, 35, 62, .12);
}

.dap-task-count,
.notification-count,
.queue-count {
    background: linear-gradient(135deg, var(--icaas-kcaa-blue), var(--icaas-kcaa-blue-700));
    border-radius: var(--icaas-radius-md);
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .12);
}

.dap-task-card.has-work .dap-task-count,
.has-work .queue-count {
    background: linear-gradient(135deg, var(--icaas-kcaa-green), #0b6940);
}

.dap-filter-bar,
.filter-bar,
.toolbar,
.action-toolbar,
.dap-hero-toolbar {
    align-items: center;
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(0, 93, 168, .14);
    border-radius: var(--icaas-radius-lg);
    box-shadow: 0 .35rem 1rem rgba(8, 35, 62, .06);
    gap: .5rem;
    padding: .65rem;
}

.dap-workflow-actions,
.workflow-actions,
.form-actions {
    background:
        linear-gradient(135deg, rgba(0, 93, 168, .08), rgba(245, 130, 32, .06));
    border: 1px solid rgba(0, 93, 168, .12);
    border-radius: var(--icaas-radius-lg);
}

.staff-login-gateway {
    border-color: rgba(0, 93, 168, .2);
}

.staff-login-gateway::before {
    background: linear-gradient(90deg, var(--icaas-kcaa-blue), #078a96, var(--icaas-kcaa-orange));
}

.staff-login-brand {
    background:
        linear-gradient(135deg, rgba(0, 93, 168, .98), rgba(6, 68, 118, .96) 56%, rgba(0, 126, 148, .9)),
        repeating-linear-gradient(135deg, rgba(255, 255, 255, .08) 0 1px, transparent 1px 88px);
}

html[data-icaas-theme="kcaa-signature"] .staff-login-brand {
    background:
        linear-gradient(135deg, #00477f, var(--icaas-kcaa-blue) 50%, #087f97),
        repeating-linear-gradient(135deg, rgba(255, 255, 255, .1) 0 1px, transparent 1px 82px);
}

.staff-login-panel .btn-primary,
.staff-login-panel input[type="submit"].btn {
    min-height: 3rem;
}

.icaas-progress-card {
    border-color: rgba(0, 93, 168, .24);
    box-shadow: 0 1rem 2.4rem rgba(8, 35, 62, .22);
}

@media (max-width: 768px) {
    .icaas-topbar,
    .account-portal-header,
    .navbar-top {
        border-bottom-width: 2px !important;
    }

    .table-responsive,
    .dap-table-wrap {
        border: 1px solid var(--icaas-kcaa-border);
        border-radius: var(--icaas-radius-lg);
    }
}

/* KCAA Signature command header */
html[data-icaas-theme="kcaa-signature"] .navbar.icaas-topbar {
    background:
        linear-gradient(90deg, #07365f 0%, #005ba8 48%, #087f97 100%) !important;
    border-bottom: 3px solid var(--icaas-kcaa-orange) !important;
    box-shadow: 0 .85rem 1.85rem rgba(7, 29, 53, .22);
    padding: .55rem 0 !important;
}

html[data-icaas-theme="kcaa-signature"] .icaas-topbar > .icaas-header-shell {
    align-items: center;
    display: grid;
    gap: clamp(.75rem, 1.4vw, 1.25rem);
    grid-template-columns: minmax(20rem, 1fr) auto;
    max-width: none;
    min-height: 4.25rem;
    padding: 0 clamp(.85rem, 1.4vw, 1.25rem);
    width: 100%;
}

html[data-icaas-theme="kcaa-signature"] .icaas-brand {
    align-items: center;
    color: #ffffff !important;
    display: grid;
    gap: .8rem;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
    text-decoration: none;
}

html[data-icaas-theme="kcaa-signature"] .icaas-brand-logo {
    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(255, 255, 255, .68);
    border-radius: .55rem;
    box-shadow: 0 .55rem 1rem rgba(7, 29, 53, .18);
    height: 4.25rem;
    max-width: 8.6rem;
    object-fit: contain;
    padding: .45rem;
    width: 8.6rem;
}

html[data-icaas-theme="kcaa-signature"] .icaas-brand-copy {
    border-left: 2px solid rgba(245, 130, 32, .95);
    display: grid;
    gap: .12rem;
    min-width: 0;
    padding-left: .9rem;
}

html[data-icaas-theme="kcaa-signature"] .icaas-brand-authority {
    color: rgba(255, 255, 255, .76) !important;
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .08em;
    line-height: 1;
    text-transform: uppercase;
}

html[data-icaas-theme="kcaa-signature"] #systemIdentity.icaas-brand-description {
    background: transparent !important;
    box-shadow: none !important;
    color: #ffffff !important;
    display: flex !important;
    flex-wrap: wrap;
    font-size: clamp(1.05rem, 1.45vw, 1.55rem);
    gap: .45rem;
    line-height: 1.1;
    margin: 0 !important;
    max-width: 100%;
    padding: 0 !important;
    text-align: left !important;
    text-shadow: 0 .12rem .45rem rgba(7, 29, 53, .34);
    width: auto !important;
}

html[data-icaas-theme="kcaa-signature"] .icaas-brand-description span:first-child {
    color: #ffffff !important;
    min-width: 0;
}

html[data-icaas-theme="kcaa-signature"] .icaas-brand-acronym {
    align-self: center;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: .35rem;
    color: #ffffff !important;
    font-size: .76rem;
    letter-spacing: .05em;
    padding: .28rem .48rem;
}

html[data-icaas-theme="kcaa-signature"] .icaas-header-actions {
    align-items: center;
    background: rgba(232, 244, 251, .86);
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: .8rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65), 0 .55rem 1.2rem rgba(7, 29, 53, .18);
    display: grid;
    gap: .55rem;
    grid-template-columns: auto minmax(14rem, auto) auto;
    justify-content: end;
    padding: .55rem;
}

html[data-icaas-theme="kcaa-signature"] .icaas-workspace-shortcut,
html[data-icaas-theme="kcaa-signature"] .icaas-site-settings-toggle {
    background: linear-gradient(135deg, #006fba, #005ba8) !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: .55rem !important;
    box-shadow: 0 .45rem .9rem rgba(0, 91, 168, .2);
    color: #ffffff !important;
    min-height: 2.75rem;
    padding: .65rem .9rem !important;
    text-decoration: none !important;
}

html[data-icaas-theme="kcaa-signature"] .icaas-workspace-shortcut:hover,
html[data-icaas-theme="kcaa-signature"] .icaas-site-settings-toggle:hover {
    background: linear-gradient(135deg, #005ba8, #07365f) !important;
    transform: translateY(-1px);
}

html[data-icaas-theme="kcaa-signature"] .icaas-account {
    background: rgba(255, 255, 255, .94) !important;
    border: 1px solid rgba(0, 91, 168, .12) !important;
    border-radius: .65rem !important;
    box-shadow: 0 .45rem .9rem rgba(7, 29, 53, .11);
    padding: .42rem .55rem !important;
}

html[data-icaas-theme="kcaa-signature"] #login .icaas-account-menu-trigger,
html[data-icaas-theme="kcaa-signature"] #login .icaas-account-user,
html[data-icaas-theme="kcaa-signature"] #login .icaas-account-name,
html[data-icaas-theme="kcaa-signature"] #login .username {
    color: var(--icaas-kcaa-blue-900) !important;
}

html[data-icaas-theme="kcaa-signature"] #login .icaas-account-label,
html[data-icaas-theme="kcaa-signature"] .icaas-ribbon-kicker {
    color: rgba(7, 29, 53, .62) !important;
}

html[data-icaas-theme="kcaa-signature"] #login .icaas-signout {
    background: rgba(255, 255, 255, .78) !important;
    border: 1px solid rgba(0, 91, 168, .2) !important;
    color: #005ba8 !important;
}

html[data-icaas-theme="kcaa-signature"] .icaas-account-avatar,
html[data-icaas-theme="kcaa-signature"] .icaas-account-bell {
    box-shadow: 0 .35rem .75rem rgba(0, 91, 168, .18);
}

html[data-icaas-theme="kcaa-signature"] .icaas-site-settings-panel {
    border-color: rgba(0, 91, 168, .18);
    box-shadow: 0 1rem 2.2rem rgba(7, 29, 53, .24);
}

/* KCAA Signature home workspace hero */
html[data-icaas-theme="kcaa-signature"] .workspace-home {
    background:
        radial-gradient(circle at 10% 8%, rgba(244, 123, 32, .16), transparent 13rem),
        radial-gradient(circle at 93% 6%, rgba(0, 91, 168, .14), transparent 18rem),
        linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(229, 244, 251, .84));
    border-color: rgba(0, 91, 168, .16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), 0 .9rem 2rem rgba(7, 29, 53, .08);
}

html[data-icaas-theme="kcaa-signature"] .workspace-heading {
    background:
        linear-gradient(110deg, rgba(0, 76, 133, .98) 0%, rgba(0, 93, 168, .96) 34%, rgba(2, 139, 152, .94) 61%, rgba(30, 138, 90, .92) 100%);
    border: 1px solid rgba(255, 255, 255, .56);
    border-radius: .85rem;
    box-shadow:
        0 1.25rem 2.7rem rgba(7, 29, 53, .18),
        inset 0 1px 0 rgba(255, 255, 255, .28);
    isolation: isolate;
    min-height: 11.25rem;
    padding: clamp(1.25rem, 2.2vw, 2rem) clamp(1.35rem, 2.4vw, 2.35rem);
}

html[data-icaas-theme="kcaa-signature"] .workspace-heading::before {
    background: url("../Images/KCAA_Official_Logo.png") center / contain no-repeat;
    content: "";
    inset: .7rem 23% .55rem 17%;
    opacity: .13;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

html[data-icaas-theme="kcaa-signature"] .workspace-heading::after {
    background:
        linear-gradient(90deg, var(--icaas-kcaa-blue) 0 35%, #0b9aa0 35% 66%, var(--icaas-kcaa-orange) 66% 100%) top left / 100% .24rem no-repeat,
        radial-gradient(circle at 91% 18%, rgba(255, 255, 255, .22), transparent 13rem),
        linear-gradient(135deg, transparent 0 34%, rgba(255, 255, 255, .13) 34% 51%, transparent 51%),
        linear-gradient(68deg, transparent 0 68%, rgba(244, 123, 32, .18) 68% 70%, transparent 70%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

html[data-icaas-theme="kcaa-signature"] .workspace-heading-copy {
    max-width: min(48rem, 68%);
    z-index: 1;
}

html[data-icaas-theme="kcaa-signature"] .workspace-eyebrow {
    align-items: center;
    color: #ffffff;
    display: inline-flex;
    font-size: .76rem;
    gap: .45rem;
    letter-spacing: .06em;
    margin-bottom: .6rem;
    text-shadow: 0 .1rem .35rem rgba(7, 29, 53, .24);
}

html[data-icaas-theme="kcaa-signature"] .workspace-eyebrow::before {
    background: linear-gradient(135deg, var(--icaas-kcaa-orange), var(--icaas-kcaa-gold));
    border-radius: 999px;
    box-shadow: 0 .35rem .7rem rgba(244, 123, 32, .24);
    content: "";
    height: .55rem;
    width: .55rem;
}

html[data-icaas-theme="kcaa-signature"] .workspace-heading h1 {
    -webkit-text-fill-color: #ffffff;
    color: #ffffff !important;
    font-family: var(--icaas-font-display);
    font-size: clamp(2rem, 2.65vw, 3rem);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.02;
    margin-bottom: .65rem;
    text-shadow:
        0 .14rem .3rem rgba(7, 29, 53, .35),
        0 0 1.1rem rgba(255, 255, 255, .18);
}

html[data-icaas-theme="kcaa-signature"] .workspace-heading-copy > p:not(.workspace-eyebrow) {
    color: rgba(255, 255, 255, .96) !important;
    font-size: clamp(.95rem, .88rem + .18vw, 1.08rem);
    font-weight: 760;
    max-width: 43rem;
    text-shadow: 0 .1rem .28rem rgba(7, 29, 53, .28);
}

html[data-icaas-theme="kcaa-signature"] .workspace-access-summary {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(232, 244, 251, .78));
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: .8rem;
    box-shadow:
        0 .8rem 1.55rem rgba(7, 29, 53, .14),
        inset 0 1px 0 rgba(255, 255, 255, .84);
    gap: .85rem;
    min-width: 16.5rem;
    padding: .82rem 1rem;
    z-index: 1;
}

html[data-icaas-theme="kcaa-signature"] .workspace-access-summary::before {
    background: linear-gradient(180deg, var(--icaas-kcaa-blue), var(--icaas-kcaa-orange));
    border-radius: 999px;
    content: "";
    inset: .7rem auto .7rem .55rem;
    position: absolute;
    width: .22rem;
}

html[data-icaas-theme="kcaa-signature"] .workspace-access-icon {
    background: #ffffff;
    box-shadow: 0 .45rem .95rem rgba(0, 91, 168, .18);
    color: var(--icaas-kcaa-blue);
    height: 2.8rem;
    margin-left: .25rem;
    width: 2.8rem;
}

html[data-icaas-theme="kcaa-signature"] .workspace-access-summary small {
    color: rgba(7, 29, 53, .58);
    font-weight: 850;
    letter-spacing: .04em;
}

html[data-icaas-theme="kcaa-signature"] .workspace-access-summary strong {
    color: var(--icaas-kcaa-blue-900);
    font-size: 1.02rem;
    font-weight: 900;
}

@media (max-width: 1199.98px) {
    html[data-icaas-theme="kcaa-signature"] .icaas-topbar > .icaas-header-shell {
        grid-template-columns: minmax(0, 1fr);
    }

    html[data-icaas-theme="kcaa-signature"] .icaas-header-actions {
        grid-template-columns: auto minmax(16rem, 1fr) auto;
        justify-content: stretch;
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    html[data-icaas-theme="kcaa-signature"] .icaas-brand {
        grid-template-columns: auto minmax(0, 1fr);
    }

    html[data-icaas-theme="kcaa-signature"] .icaas-brand-logo {
        height: 3.55rem;
        width: 7.2rem;
    }

    html[data-icaas-theme="kcaa-signature"] .icaas-header-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    html[data-icaas-theme="kcaa-signature"] .icaas-account {
        grid-column: 1 / -1;
    }

    html[data-icaas-theme="kcaa-signature"] .workspace-heading-copy {
        max-width: 100%;
    }

    html[data-icaas-theme="kcaa-signature"] .workspace-heading::before {
        inset: .8rem 7% .8rem 28%;
        opacity: .1;
    }

    html[data-icaas-theme="kcaa-signature"] .workspace-access-summary {
        min-width: 0;
    }
}