.app-pafds-shell {
    --pafds-shell-bg: linear-gradient(180deg, rgba(8, 19, 34, 0.98), rgba(12, 24, 42, 0.96));
    --pafds-shell-copy: #f8fbff;
    --pafds-shell-copy-muted: rgba(240, 246, 255, 0.98);
    --pafds-shell-copy-subtle: rgba(236, 243, 252, 0.94);
    --pafds-shell-panel: rgba(255, 255, 255, 0.97);
    --pafds-shell-panel-soft: rgba(244, 248, 253, 0.94);
    --pafds-shell-line: rgba(118, 145, 176, 0.18);
    --pafds-shell-ink: #10233b;
    --pafds-shell-ink-muted: #506783;
}

.app-pafds-shell header {
    position: sticky;
    top: 0;
    z-index: 40;
    backdrop-filter: blur(16px);
}

.app-pafds-shell .pafds-app-header {
    border-bottom: 1px solid rgba(133, 168, 196, 0.18);
    background:
        radial-gradient(circle at top left, rgba(73, 143, 232, 0.24), transparent 34%),
        radial-gradient(circle at 88% 15%, rgba(82, 195, 255, 0.12), transparent 26%),
        linear-gradient(180deg, rgba(8, 19, 34, 0.985), rgba(10, 24, 42, 0.965));
    box-shadow: 0 24px 44px rgba(5, 12, 24, 0.28);
}

.app-pafds-shell .pafds-app-header-inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas:
        "brand search utility"
        "links links links";
    align-items: center;
    gap: 14px 18px;
    padding: 16px 0 14px;
}

.app-pafds-shell .pafds-app-brand-column {
    grid-area: brand;
    min-width: 0;
}

.app-pafds-shell .pafds-app-brand-lockup {
    display: inline-grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    min-height: 78px;
    min-width: min(100%, 360px);
    padding: 14px 18px 14px 16px;
    border-radius: 24px;
    border: 1px solid rgba(191, 219, 254, 0.18);
    background:
        radial-gradient(circle at top left, rgba(107, 165, 255, 0.18), transparent 38%),
        linear-gradient(180deg, rgba(11, 26, 46, 0.985), rgba(16, 40, 70, 0.955));
    box-shadow: 0 18px 34px rgba(4, 18, 38, 0.3);
    text-decoration: none;
}

.app-pafds-shell .pafds-app-brand-emblem {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    border: 1px solid rgba(191, 219, 254, 0.24);
    background:
        radial-gradient(circle at 28% 24%, rgba(255, 255, 255, 0.24), transparent 30%),
        linear-gradient(145deg, rgba(10, 26, 46, 0.98), rgba(32, 88, 150, 0.92)),
        url("../images/pafds-icon-64.png") center / 70% no-repeat;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 14px 26px rgba(4, 18, 38, 0.34);
    flex: 0 0 auto;
}

.app-pafds-shell .pafds-app-brand-copy {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.app-pafds-shell .pafds-app-brand-overline {
    display: block;
    color: rgba(241, 247, 255, 0.94);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.app-pafds-shell .pafds-app-brand-mark {
    display: block;
    width: clamp(180px, 22vw, 285px);
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 14px 24px rgba(7, 29, 52, 0.26));
}

.app-pafds-shell .pafds-app-brand-meta {
    display: block;
    color: rgba(241, 247, 255, 0.94);
    font-size: 0.84rem;
    line-height: 1.35;
}

.app-pafds-shell .pafds-app-command-layer {
    grid-area: search;
    display: grid;
    gap: 0.7rem;
    min-width: 0;
}

.app-pafds-shell .pafds-app-command-layer .command-wrap {
    margin-top: 0;
}

.app-pafds-shell .pafds-app-command-layer .command-input-shell {
    border-color: rgba(133, 168, 196, 0.24);
    background: rgba(8, 18, 34, 0.92);
    box-shadow: 0 16px 28px rgba(4, 14, 28, 0.22);
}

.app-pafds-shell .pafds-app-command-layer .command-input-shell input {
    color: var(--pafds-shell-copy);
    font-size: 1rem;
}

.app-pafds-shell .pafds-app-command-layer .command-input-shell input::placeholder {
    color: var(--pafds-shell-copy-subtle);
}

.app-pafds-shell .pafds-app-command-layer .command-hint,
.app-pafds-shell .pafds-app-command-layer .command-icon {
    color: var(--pafds-shell-copy-muted);
}

.app-pafds-shell .pafds-app-utility-row {
    grid-area: utility;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
}

.app-pafds-shell .pafds-app-links-shell {
    grid-area: links;
    min-width: 0;
}

.app-pafds-shell .pafds-app-common-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.app-pafds-shell .pafds-app-common-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 16px;
    border-radius: 999px;
    border: 1px solid rgba(148, 190, 225, 0.2);
    background: linear-gradient(180deg, rgba(14, 31, 54, 0.96), rgba(11, 24, 42, 0.92));
    color: rgba(241, 247, 255, 0.95);
    text-decoration: none;
    font-weight: 800;
    box-shadow: 0 12px 22px rgba(5, 14, 28, 0.18);
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.app-pafds-shell .pafds-app-common-link,
.app-pafds-shell .navbar-action-btn {
    min-width: 104px;
}

.app-pafds-shell .pafds-app-common-link:hover,
.app-pafds-shell .pafds-app-common-link:focus-visible {
    transform: translateY(-1px);
    color: #ffffff;
    border-color: rgba(174, 211, 255, 0.34);
    box-shadow: 0 14px 24px rgba(5, 14, 28, 0.24);
}

.app-pafds-shell .pafds-app-common-link.active {
    background: linear-gradient(135deg, rgba(37, 88, 150, 0.98), rgba(20, 56, 103, 0.98));
    border-color: rgba(148, 190, 225, 0.38);
    color: #ffffff;
    box-shadow: 0 16px 28px rgba(5, 14, 28, 0.26);
}

.app-pafds-shell .pafds-site-cta {
    background: linear-gradient(180deg, rgba(13, 31, 53, 0.96), rgba(9, 22, 38, 0.92));
    color: #f6fbff;
    border-color: rgba(148, 190, 225, 0.2);
}

.app-pafds-shell .pafds-site-cta:hover,
.app-pafds-shell .pafds-site-cta:focus-visible {
    color: #ffffff;
    border-color: rgba(174, 211, 255, 0.34);
}

.app-pafds-shell .navbar.navbar-light.bg-white {
    margin-bottom: 0 !important;
    border-bottom: 1px solid rgba(133, 168, 196, 0.22) !important;
    background: var(--pafds-shell-bg) !important;
    box-shadow: 0 20px 40px rgba(5, 12, 24, 0.28) !important;
}

.app-pafds-shell .navbar .container {
    display: grid;
    gap: 0.65rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.app-pafds-shell .navbar-brand {
    color: #f8fafc !important;
    font-weight: 800;
    letter-spacing: 0.02em;
    min-width: 0;
    padding: 0.1rem 0;
    gap: 0;
}

.app-pafds-shell .navbar-brand::before {
    content: none;
}

.app-pafds-shell .pafds-navbar-mark {
    display: block;
    width: clamp(150px, 22vw, 245px);
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 14px 24px rgba(7, 29, 52, 0.32));
}

.app-pafds-shell .navbar-toggler {
    border-color: rgba(191, 219, 254, 0.24);
}

.app-pafds-shell .navbar-toggler-icon {
    filter: brightness(0) invert(1);
}

.app-pafds-shell .navbar-collapse {
    flex-wrap: wrap;
    gap: 0.65rem 1rem;
    align-items: center;
}

.app-pafds-shell .navbar-nav {
    gap: 0.35rem;
    align-items: center;
    min-width: 0;
    flex-wrap: wrap;
}

.app-pafds-shell .navbar-nav .nav-link {
    color: rgba(241, 247, 255, 0.94) !important;
    border-radius: 999px;
    padding: 0.5rem 0.8rem !important;
    white-space: nowrap;
    font-weight: 700;
}

.app-pafds-shell .navbar-nav .nav-link:hover,
.app-pafds-shell .navbar-nav .nav-link:focus-visible {
    color: #f8fafc !important;
    background: rgba(191, 219, 254, 0.12);
}

.app-pafds-shell .navbar-action-btn {
    min-height: 42px;
    padding: 0.55rem 0.95rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 190, 225, 0.22);
    background: linear-gradient(180deg, rgba(13, 31, 53, 0.94), rgba(9, 22, 38, 0.9));
    color: #f6fbff;
    box-shadow: 0 12px 22px rgba(5, 14, 28, 0.2);
    justify-content: center;
    text-align: center;
}

.app-pafds-shell .navbar-action-btn:hover,
.app-pafds-shell .navbar-action-btn:focus-visible {
    color: #ffffff;
    border-color: rgba(174, 211, 255, 0.34);
    box-shadow: 0 16px 28px rgba(5, 14, 28, 0.24);
}

.app-pafds-shell .pafds-header-actions {
    margin-left: auto;
}

.app-pafds-shell .pafds-header-actions .app-ai-cta {
    background: linear-gradient(135deg, rgba(31, 78, 145, 0.96), rgba(14, 43, 86, 0.98));
    border-color: rgba(103, 168, 255, 0.26);
    color: #f8fbff;
    box-shadow: 0 14px 26px rgba(4, 18, 38, 0.28);
}

.app-pafds-shell .pafds-header-actions .app-ai-cta:hover,
.app-pafds-shell .pafds-header-actions .app-ai-cta:focus-visible {
    color: #ffffff;
    border-color: rgba(133, 191, 255, 0.42);
    box-shadow: 0 18px 30px rgba(4, 18, 38, 0.34);
}

.app-pafds-shell .app-commandbar {
    margin-top: 0;
    padding: 0.8rem 0 0.95rem;
    background: linear-gradient(180deg, rgba(9, 18, 31, 0.98), rgba(8, 16, 28, 0.95));
    border-bottom: 1px solid rgba(133, 168, 196, 0.15);
}

.app-pafds-shell .command-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
}

.app-pafds-shell .global-range-shell {
    border-color: rgba(133, 168, 196, 0.24);
    background: rgba(12, 24, 42, 0.8);
}

.app-pafds-shell .global-range-label,
.app-pafds-shell .global-range-select,
.app-pafds-shell .global-range-icon {
    color: #eaf4ff;
}

.app-pafds-shell .command-wrap {
    margin-top: 0.7rem;
}

.app-pafds-shell .command-input-shell {
    border-color: rgba(133, 168, 196, 0.24);
    background: rgba(10, 20, 36, 0.9);
}

.app-pafds-shell .command-input-shell input {
    color: var(--pafds-shell-copy);
    font-size: 1rem;
}

.app-pafds-shell .command-input-shell input::placeholder {
    color: var(--pafds-shell-copy-subtle);
}

.app-pafds-shell .command-hint,
.app-pafds-shell .command-icon {
    color: var(--pafds-shell-copy-muted);
}

.app-pafds-shell .app-top-links {
    margin-top: 0.75rem;
}

.app-shell[class*="app-pafds"] .rail-brand {
    align-items: flex-start;
    padding: 0.95rem 1rem;
    border-radius: 1.2rem;
    border: 1px solid var(--pafds-shell-line);
    background:
        radial-gradient(circle at top right, rgba(87, 192, 255, 0.16), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 248, 253, 0.94));
    box-shadow: 0 18px 34px rgba(16, 35, 59, 0.08);
}

.app-shell[class*="app-pafds"] .rail-brand > div {
    min-width: 0;
    flex: 1 1 auto;
}

.app-shell[class*="app-pafds"] .pafds-rail-logo {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    background:
        radial-gradient(circle at 28% 24%, rgba(255, 255, 255, 0.24), transparent 30%),
        linear-gradient(145deg, rgba(9, 22, 41, 0.98), rgba(16, 55, 95, 0.92)),
        url("../images/pafds-icon-64.png") center / 68% no-repeat;
    border: 1px solid rgba(133, 168, 196, 0.28);
    box-shadow: 0 14px 28px rgba(5, 12, 24, 0.22);
}

.app-shell[class*="app-pafds"] {
    background:
        radial-gradient(circle at top right, rgba(70, 144, 232, 0.08), transparent 22%),
        linear-gradient(180deg, var(--pafds-shell-panel), rgba(249, 251, 254, 0.98));
    border: 1px solid rgba(174, 192, 215, 0.26);
    box-shadow: 0 28px 50px rgba(16, 35, 59, 0.08);
}

.app-shell[class*="app-pafds"] .app-rail {
    background:
        linear-gradient(180deg, rgba(252, 253, 255, 0.98), rgba(244, 248, 253, 0.96));
    border-right: 1px solid var(--pafds-shell-line);
}

.app-shell[class*="app-pafds"] .rail-title,
.app-shell[class*="app-pafds"] .card-header h3,
.app-shell[class*="app-pafds"] h1,
.app-shell[class*="app-pafds"] h2,
.app-shell[class*="app-pafds"] h3 {
    color: var(--pafds-shell-ink);
}

.app-shell[class*="app-pafds"] .rail-subtitle,
.app-shell[class*="app-pafds"] .muted,
.app-shell[class*="app-pafds"] .tiny,
.app-shell[class*="app-pafds"] p,
.app-shell[class*="app-pafds"] li,
.app-shell[class*="app-pafds"] td,
.app-shell[class*="app-pafds"] .table-sub,
.app-shell[class*="app-pafds"] .section-copy {
    color: var(--pafds-shell-ink-muted);
}

.app-shell[class*="app-pafds"] .app-card,
.app-shell[class*="app-pafds"] .panel,
.app-shell[class*="app-pafds"] .quick-card,
.app-shell[class*="app-pafds"] .spotlight,
.app-shell[class*="app-pafds"] .mini,
.app-shell[class*="app-pafds"] .table-shell {
    box-shadow: 0 18px 36px rgba(16, 35, 59, 0.07);
}

.app-shell[class*="app-pafds"] .status-pill {
    font-weight: 800;
}

.app-shell[class*="app-pafds"] .rail-link {
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(174, 192, 215, 0.18);
    color: var(--pafds-shell-ink);
    box-shadow: 0 10px 22px rgba(16, 35, 59, 0.04);
}

.app-shell[class*="app-pafds"] .rail-link:hover,
.app-shell[class*="app-pafds"] .rail-link:focus-visible {
    border-color: rgba(70, 144, 232, 0.22);
    box-shadow: 0 14px 26px rgba(16, 35, 59, 0.08);
}

.app-shell[class*="app-pafds"] .app-btn.primary,
.app-shell[class*="app-pafds"] .pill.active,
.app-shell[class*="app-pafds"] .rail-link.active {
    box-shadow: 0 16px 28px rgba(37, 99, 235, 0.16);
}

.app-shell[class*="app-pafds"] .rail-title,
.app-shell[class*="app-pafds"] .rail-subtitle,
.app-shell[class*="app-pafds"] .card-header h3,
.app-shell[class*="app-pafds"] .app-kpi span,
.app-shell[class*="app-pafds"] .pulse-tile span,
.app-shell[class*="app-pafds"] .pulse-tile small,
.app-shell[class*="app-pafds"] .dash-table th,
.app-shell[class*="app-pafds"] .dash-table td,
.app-shell[class*="app-pafds"] .muted,
.app-shell[class*="app-pafds"] .tiny {
    overflow-wrap: anywhere;
}

.app-pafds-shell .navbar-nav .nav-link,
.app-pafds-shell .navbar-action-btn,
.app-pafds-shell .app-top-links .pill,
.app-shell[class*="app-pafds"] .app-actions .app-btn,
.app-shell[class*="app-pafds"] .pill-row .pill,
.app-shell[class*="app-pafds"] .pafds-row-actions .app-btn,
.app-shell[class*="app-pafds"] .rail-link {
    flex: 0 0 auto;
    max-width: 100%;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
}

.app-pafds-shell .navbar-action-btn,
.app-shell[class*="app-pafds"] .app-actions .app-btn,
.app-shell[class*="app-pafds"] .pafds-row-actions .app-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
}

.app-pafds-shell .app-request-cta {
    gap: 0.5rem;
    padding-inline: 1rem 1.12rem;
    border-radius: 999px;
    background:
        linear-gradient(135deg, rgba(23, 65, 110, 0.98), rgba(41, 98, 166, 0.96));
    border-color: rgba(148, 190, 225, 0.24);
    box-shadow: 0 14px 28px rgba(5, 14, 28, 0.24);
}

.app-pafds-shell .app-request-cta::before {
    content: "+";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 900;
    line-height: 1;
}

.app-pafds-shell .app-request-cta:hover {
    background:
        linear-gradient(135deg, rgba(33, 78, 129, 0.99), rgba(59, 118, 190, 0.97));
    border-color: rgba(166, 206, 239, 0.32);
    box-shadow: 0 18px 30px rgba(5, 14, 28, 0.28);
}

.app-shell[class*="app-pafds"] .app-header {
    gap: 14px;
}

.app-shell[class*="app-pafds"] .app-kpis {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.app-shell[class*="app-pafds"] .app-kpi {
    min-width: 0;
    padding: 12px 14px;
}

.app-shell[class*="app-pafds"] .app-kpi strong {
    overflow-wrap: anywhere;
}

.app-shell[class*="app-pafds"] .app-actions {
    justify-content: flex-end;
    align-items: flex-start;
}

.app-shell.app-pafds-client-portal .client-portal-quick-actions {
    justify-content: flex-start;
    align-items: stretch;
    margin-top: 1rem;
}

.app-shell.app-pafds-client-portal .client-portal-quick-actions .app-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
}

.app-shell.app-pafds-client-portal :is(#support-request, #change-request) {
    scroll-margin-top: 7rem;
}

.app-shell.app-pafds-hub .app-card-wide {
    grid-column: 1 / -1;
}

.app-shell.app-pafds-hub .pulse-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.app-shell.app-pafds-hub .pulse-tile {
    text-decoration: none;
    color: var(--app-ink);
    padding: 14px;
    border-radius: 14px;
    border: 1px solid rgba(133, 168, 196, 0.28);
    background: linear-gradient(150deg, rgba(13, 24, 44, 0.92), rgba(8, 16, 30, 0.85));
    box-shadow: 0 14px 30px rgba(5, 12, 24, 0.4);
    display: grid;
    gap: 4px;
    transition: transform 0.15s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.app-shell.app-pafds-hub .pulse-tile strong {
    font-size: 1.3rem;
    line-height: 1.2;
}

.app-shell.app-pafds-hub .pulse-tile small {
    color: var(--app-muted);
    font-size: 0.8rem;
}

.app-shell.app-pafds-hub .pulse-tile:hover {
    transform: translateY(-2px);
    border-color: rgba(133, 168, 196, 0.44);
    box-shadow: 0 18px 34px rgba(5, 12, 24, 0.52);
}

.app-shell.app-pafds-hub .app-kpi.sla {
    min-width: 220px;
}

.app-shell.app-pafds-hub .dash-table .app-btn {
    padding: 7px 10px;
    border-radius: 10px;
    font-size: 0.82rem;
    min-height: 36px;
}

.app-shell.app-pafds-ops .hub-tabs {
    gap: 8px;
}

.app-shell.app-pafds-ops .hub-tabs .pill {
    white-space: nowrap;
}

.app-shell.app-pafds-customers .app-search {
    gap: 0.65rem;
}

.app-shell.app-pafds-customers .app-search input,
.app-shell.app-pafds-customers .app-search select,
.app-shell.app-pafds-customers .app-search button {
    min-height: 44px;
}

.app-shell.app-pafds-status .status-hero,
.app-shell.app-pafds-status .hero-band,
.app-shell.app-pafds-status .signage-summary-band {
    border-radius: 1.25rem;
}

.app-shell.app-pafds-status .client-strip {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.app-shell.app-pafds-status .client-tile {
    gap: 0.55rem;
    padding: 0.9rem 0.95rem;
    border-radius: 1rem;
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.05);
}

.app-shell.app-pafds-status .signage-detail-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.app-shell.app-pafds-apprequests .app-request-hero {
    padding: 1.05rem 1.15rem;
}

.app-shell.app-pafds-apprequests .app-request-grid {
    gap: 0.85rem;
}

.app-shell.app-pafds-ops .dash-table tr.row-overdue td {
    background: linear-gradient(120deg, rgba(255, 112, 112, 0.2), rgba(16, 30, 54, 0.22));
}

.app-shell.app-pafds-ops .dash-table tr.row-today td {
    background: linear-gradient(120deg, rgba(255, 207, 118, 0.14), rgba(16, 30, 54, 0.2));
}

@media (pointer: coarse) {
    .app-shell.app-pafds-hub .dash-table .app-btn {
        min-height: 44px;
    }

    .app-shell.app-pafds-hub .app-btn,
    .app-shell.app-pafds-hub .pill,
    .app-shell.app-pafds-service .app-search input,
    .app-shell.app-pafds-service .app-search select,
    .app-shell.app-pafds-service .app-search button,
    .app-shell.app-pafds-service .app-btn,
    .app-shell.app-pafds-service .pill,
    .app-shell.app-pafds-leads .app-search input,
    .app-shell.app-pafds-leads .app-search select,
    .app-shell.app-pafds-leads .app-search button,
    .app-shell.app-pafds-leads .app-btn,
    .app-shell.app-pafds-leads .pill {
        min-height: 52px;
    }
}

@media (max-width: 900px) {
    .app-pafds-shell .pafds-app-header-inner {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "brand"
            "utility"
            "search"
            "links";
    }

    .app-pafds-shell .pafds-app-brand-lockup,
    .app-pafds-shell .pafds-app-utility-row,
    .app-pafds-shell .pafds-app-command-layer {
        width: 100%;
    }

    .app-pafds-shell .pafds-app-brand-lockup {
        min-width: 0;
    }

    .app-pafds-shell .pafds-app-utility-row {
        justify-content: flex-start;
    }

    .app-pafds-shell .pafds-navbar-mark {
        width: clamp(138px, 44vw, 210px);
    }

    .app-pafds-shell .navbar-nav .nav-link,
    .app-pafds-shell .navbar-action-btn,
    .app-pafds-shell .app-top-links .pill,
    .app-shell[class*="app-pafds"] .app-actions .app-btn,
    .app-shell[class*="app-pafds"] .pill-row .pill,
    .app-shell[class*="app-pafds"] .pafds-row-actions .app-btn,
    .app-shell[class*="app-pafds"] .rail-link {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .app-shell.app-pafds-ops .hub-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
        scrollbar-width: thin;
    }

    .app-shell.app-pafds-ops .hub-tabs .pill {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .app-shell[class*="app-pafds"] .app-actions,
    .app-shell[class*="app-pafds"] .pafds-row-actions {
        width: 100%;
    }

    .app-shell[class*="app-pafds"] .app-actions .app-btn,
    .app-shell[class*="app-pafds"] .pafds-row-actions .app-btn,
    .app-shell.app-pafds-client-portal .client-portal-quick-actions .app-btn,
    .app-pafds-shell .navbar-action-btn {
        flex: 1 1 calc(50% - 0.5rem);
    }
}

@media (max-width: 640px) {
    .app-pafds-shell .pafds-app-brand-lockup {
        grid-template-columns: 1fr;
        justify-items: flex-start;
    }

    .app-pafds-shell .pafds-app-brand-copy {
        width: 100%;
    }

    .app-pafds-shell .pafds-app-brand-lockup,
    .app-pafds-shell .pafds-app-common-link,
    .app-pafds-shell .pafds-app-utility-row .navbar-action-btn {
        width: 100%;
    }

    .app-pafds-shell .pafds-app-common-links,
    .app-pafds-shell .pafds-app-utility-row {
        display: grid;
        gap: 10px;
    }

    .app-pafds-shell .pafds-navbar-mark {
        width: clamp(132px, 56vw, 180px);
    }

    .app-shell[class*="app-pafds"] .app-actions .app-btn,
    .app-shell[class*="app-pafds"] .pafds-row-actions .app-btn,
    .app-shell.app-pafds-client-portal .client-portal-quick-actions .app-btn,
    .app-pafds-shell .navbar-action-btn,
    .app-pafds-shell .app-top-links .pill,
    .app-pafds-shell .navbar-nav .nav-link {
        flex-basis: 100%;
    }
}

/* PAFDS operations reset: make the app usable first. */
body.app-pafds-shell {
    --pafds-shell-bg: #f3f6fa;
    --pafds-shell-copy: #142338;
    --pafds-shell-copy-muted: #4f6278;
    --pafds-shell-copy-subtle: #718196;
    --pafds-shell-panel: #ffffff;
    --pafds-shell-panel-soft: #f8fafc;
    --pafds-shell-line: #d9e3ee;
    --pafds-shell-ink: #142338;
    --pafds-shell-ink-muted: #4f6278;
    --app-bg: #f3f6fa;
    --app-panel: #ffffff;
    --app-panel-soft: #f8fafc;
    --app-ink: #142338;
    --app-muted: #4f6278;
    --app-border: #d9e3ee;
    --app-accent: #0f766e;
    --app-accent-strong: #0b4f6c;
    background: #f3f6fa !important;
    color: var(--pafds-shell-copy) !important;
}

body.app-pafds-shell .pafds-app-header {
    border-bottom: 1px solid #d7e1eb !important;
    background: #ffffff !important;
    box-shadow: 0 8px 22px rgba(20, 35, 56, 0.08) !important;
}

body.app-pafds-shell .pafds-app-header-inner {
    gap: 10px 14px !important;
    padding: 10px 0 9px !important;
}

body.app-pafds-shell .pafds-app-brand-lockup {
    min-height: 58px !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    border-color: #d7e1eb !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.app-pafds-shell .pafds-app-brand-emblem,
body.app-pafds-shell .pafds-rail-logo {
    width: 40px !important;
    height: 40px !important;
    border-radius: 8px !important;
    border-color: #cdd9e5 !important;
    background:
        linear-gradient(180deg, #ffffff, #eef5fb),
        url("../images/pafds-icon-64.png") center / 70% no-repeat !important;
    box-shadow: none !important;
}

body.app-pafds-shell .pafds-app-brand-overline {
    color: #4f6278 !important;
    font-size: 0.68rem !important;
    letter-spacing: 0.08em !important;
}

body.app-pafds-shell .pafds-app-brand-mark {
    width: clamp(160px, 18vw, 235px) !important;
    filter: none !important;
}

body.app-pafds-shell .pafds-app-brand-meta {
    color: #5d7086 !important;
    font-size: 0.78rem !important;
}

body.app-pafds-shell .pafds-app-command-layer .command-input-shell,
body.app-pafds-shell .command-input-shell {
    border-color: #cdd9e5 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.app-pafds-shell .command-input-shell:focus-within {
    border-color: #0f766e !important;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.14) !important;
}

body.app-pafds-shell .pafds-app-command-layer .command-input-shell input,
body.app-pafds-shell #app-command-input {
    color: #142338 !important;
}

body.app-pafds-shell .pafds-app-command-layer .command-input-shell input::placeholder,
body.app-pafds-shell #app-command-input::placeholder {
    color: #718196 !important;
}

body.app-pafds-shell .command-icon,
body.app-pafds-shell .command-hint {
    border-color: #d7e1eb !important;
    background: #f3f6fa !important;
    color: #5d7086 !important;
}

body.app-pafds-shell .command-results,
body.app-pafds-shell .command-empty {
    border-color: #d7e1eb !important;
    background: #ffffff !important;
    color: #142338 !important;
    box-shadow: 0 14px 30px rgba(20, 35, 56, 0.13) !important;
}

body.app-pafds-shell .command-row {
    border-color: #d7e1eb !important;
    background: #f8fafc !important;
    color: #142338 !important;
}

body.app-pafds-shell .command-row:hover,
body.app-pafds-shell .command-row.active {
    border-color: rgba(15, 118, 110, 0.45) !important;
    background: #eefbf8 !important;
}

body.app-pafds-shell .pafds-app-common-link,
body.app-pafds-shell .navbar-action-btn,
body.app-pafds-shell .app-top-links .pill {
    min-height: 36px !important;
    padding: 7px 12px !important;
    border-radius: 8px !important;
    border-color: #d7e1eb !important;
    background: #ffffff !important;
    color: #22354c !important;
    box-shadow: none !important;
}

body.app-pafds-shell .pafds-app-common-link:hover,
body.app-pafds-shell .pafds-app-common-link:focus-visible,
body.app-pafds-shell .navbar-action-btn:hover,
body.app-pafds-shell .navbar-action-btn:focus-visible {
    transform: none !important;
    border-color: rgba(15, 118, 110, 0.38) !important;
    background: #eefbf8 !important;
    color: #0f4f4a !important;
}

body.app-pafds-shell .pafds-app-common-link.active,
body.app-pafds-shell .pafds-site-cta,
body.app-pafds-shell .app-request-cta {
    border-color: rgba(15, 118, 110, 0.35) !important;
    background: #0f766e !important;
    color: #ffffff !important;
}

body.app-pafds-shell .app-shell,
body.app-pafds-shell .staff-dashboard .dashboard-shell,
body.app-pafds-shell .app-shell[class*="app-pafds"] {
    border-radius: 10px !important;
    border: 1px solid #d9e3ee !important;
    background: #ffffff !important;
    color: #142338 !important;
    box-shadow: 0 16px 34px rgba(20, 35, 56, 0.08) !important;
    backdrop-filter: none !important;
}

body.app-pafds-shell .app-main {
    color: #142338 !important;
}

body.app-pafds-shell .app-rail,
body.app-pafds-shell .app-shell[class*="app-pafds"] .app-rail {
    border-right-color: #d9e3ee !important;
    background: #f8fafc !important;
}

body.app-pafds-shell .rail-brand {
    border-radius: 8px !important;
    border-color: #d9e3ee !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.app-pafds-shell .app-shell :is(.app-card, .panel, .quick-card, .spotlight, .mini, .table-shell, .pafds-list li, .pafds-ops-list li, .pafds-secondary details, .pafds-kpi, .pulse-tile) {
    border-radius: 8px !important;
    border: 1px solid #d9e3ee !important;
    background: #ffffff !important;
    color: #142338 !important;
    box-shadow: 0 8px 18px rgba(20, 35, 56, 0.06) !important;
}

body.app-pafds-shell .app-shell :is(.app-card.soft, .app-kpi, .panel.soft, .table-wrap, .hub-embed, .field-grid, .jobs-filter-bar, .calendar-board, .order-confirm-block, .call-popup-summary) {
    background: #f8fafc !important;
    border-color: #d9e3ee !important;
    color: #142338 !important;
}

body.app-pafds-shell :is(.app-header, .card-header, .panel-header, .section-header) {
    border-color: #d9e3ee !important;
}

body.app-pafds-shell :is(h1, h2, h3, h4, .rail-title, .card-header h3, .pafds-list-title, .pafds-ops-list strong, .pafds-kpi strong, .pafds-secondary summary, .pulse-tile strong, .card-title, .command-label) {
    color: #142338 !important;
}

body.app-pafds-shell :is(p, li, td, .muted, .tiny, .small, .app-subtitle, .section-copy, .table-sub, .pafds-mini-meta, .pafds-list-meta, .pulse-tile small, .command-path, .card-body) {
    color: #4f6278 !important;
}

body.app-pafds-shell :is(.app-eyebrow, .badge.soft, .pill.soft, .app-kpi span, .pafds-kpi span, .rail-subtitle) {
    color: #64748b !important;
}

body.app-pafds-shell :is(.app-btn, .pill, .badge, .status-pill, .rail-link) {
    border-radius: 8px !important;
    letter-spacing: 0 !important;
}

body.app-pafds-shell :is(.app-btn.primary, .pill.active, .rail-link.active) {
    border-color: rgba(15, 118, 110, 0.38) !important;
    background: #0f766e !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body.app-pafds-shell :is(.app-btn.ghost, .pill, .rail-link) {
    border-color: #d7e1eb !important;
    background: #ffffff !important;
    color: #22354c !important;
    box-shadow: none !important;
}

body.app-pafds-shell :is(.app-btn.ghost, .pill, .rail-link):hover,
body.app-pafds-shell :is(.app-btn.ghost, .pill, .rail-link):focus-visible {
    border-color: rgba(15, 118, 110, 0.38) !important;
    background: #eefbf8 !important;
    color: #0f4f4a !important;
}

body.app-pafds-shell .app-shell :is(input, select, textarea) {
    border-color: #cdd9e5 !important;
    background: #ffffff !important;
    color: #142338 !important;
    box-shadow: none !important;
}

body.app-pafds-shell .app-shell :is(input, select, textarea):focus {
    border-color: #0f766e !important;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.14) !important;
    outline: none !important;
}

body.app-pafds-shell .app-shell :is(input, textarea)::placeholder {
    color: #718196 !important;
}

body.app-pafds-shell .app-shell :is(.dash-table, .dark-table) {
    --bs-table-color: #142338;
    --bs-table-bg: transparent;
    --bs-table-border-color: #d9e3ee;
    color: #142338 !important;
    background: transparent !important;
}

body.app-pafds-shell :is(.table thead th, .dash-table thead th, .dark-table th, th) {
    color: #40566f !important;
    background: #eef3f8 !important;
    border-color: #d9e3ee !important;
}

body.app-pafds-shell :is(.table tbody td, .dash-table tbody td, .dark-table td, td) {
    border-color: #e4ebf2 !important;
    background: transparent !important;
}

body.app-pafds-shell :is(.table tbody tr:hover td, .dash-table tbody tr:hover td, .dark-table tr:hover td) {
    background: #f3f8fb !important;
}

body.app-pafds-shell .status-pill.status-good,
body.app-pafds-shell .status-pill.ok {
    background: #dcfce7 !important;
    border-color: #86efac !important;
    color: #166534 !important;
}

body.app-pafds-shell .status-pill.status-warn,
body.app-pafds-shell .status-pill.warn,
body.app-pafds-shell .alert.warn {
    background: #fff7ed !important;
    border-color: #fed7aa !important;
    color: #9a3412 !important;
}

body.app-pafds-shell .status-pill.status-danger,
body.app-pafds-shell .status-pill.danger,
body.app-pafds-shell .alert.error {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
    color: #991b1b !important;
}

body.app-pafds-shell .alert.success {
    background: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
    color: #065f46 !important;
}

body.app-pafds-shell .app-shell.app-pafds-ops .dash-table tr.row-overdue td {
    background: #fff1f2 !important;
}

body.app-pafds-shell .app-shell.app-pafds-ops .dash-table tr.row-today td {
    background: #fffbeb !important;
}

body.app-pafds-shell .footer,
body.app-pafds-shell footer {
    background: #ffffff !important;
    border-top-color: #d9e3ee !important;
    color: #64748b !important;
}

@media (max-width: 760px) {
    body.app-pafds-shell .app-shell {
        border-radius: 8px !important;
    }

    body.app-pafds-shell .pafds-app-header-inner {
        padding: 8px 0 !important;
    }
}

/* PAFDS internal control-plane refresh 2026-06-05.
   This block intentionally lands after the old usability reset so every
   internal PAFDS page gets one modern, readable shell. */
body.app-pafds-shell {
    --pafds-shell-bg: #eef4f8;
    --pafds-shell-bg-soft: #f8fafc;
    --pafds-shell-panel: rgba(255, 255, 255, 0.88);
    --pafds-shell-panel-solid: #ffffff;
    --pafds-shell-panel-soft: rgba(247, 250, 252, 0.94);
    --pafds-shell-line: rgba(126, 145, 168, 0.34);
    --pafds-shell-ink: #102338;
    --pafds-shell-ink-muted: #43566d;
    --pafds-shell-ink-subtle: #617187;
    --pafds-shell-accent: #0f766e;
    --pafds-shell-accent-strong: #0b4f6c;
    --pafds-shell-accent-warm: #b7791f;
    --pafds-shell-danger: #b42318;
    --pafds-shell-shadow: 0 18px 42px rgba(19, 37, 57, 0.12);
    --pafds-shell-shadow-soft: 0 10px 24px rgba(19, 37, 57, 0.08);
    --app-bg: var(--pafds-shell-bg);
    --app-panel: var(--pafds-shell-panel-solid);
    --app-panel-soft: #f5f8fb;
    --app-ink: var(--pafds-shell-ink);
    --app-muted: var(--pafds-shell-ink-muted);
    --app-border: #d8e2eb;
    --app-accent: var(--pafds-shell-accent);
    --app-accent-strong: var(--pafds-shell-accent-strong);
    min-height: 100vh;
    overflow-x: clip;
    scrollbar-gutter: stable both-edges;
    background:
        linear-gradient(135deg, #edf4f8 0%, #f8fafc 46%, #eef7f2 100%) !important;
    color: var(--pafds-shell-ink) !important;
}

body.app-pafds-shell:not(.embed)::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(15, 118, 110, 0.08), transparent 24%, transparent 76%, rgba(11, 79, 108, 0.08)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.18));
}

body.app-pafds-shell > header,
body.app-pafds-shell .pafds-app-header {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
}

body.app-pafds-shell .pafds-app-header {
    border-bottom: 1px solid rgba(126, 145, 168, 0.24) !important;
    background: rgba(255, 255, 255, 0.84) !important;
    box-shadow: 0 12px 28px rgba(19, 37, 57, 0.10) !important;
    backdrop-filter: blur(18px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
}

body.app-pafds-shell .pafds-app-header-inner {
    align-items: stretch !important;
    gap: 12px 14px !important;
    padding: 12px 0 !important;
}

body.app-pafds-shell .pafds-app-brand-lockup {
    min-height: 64px !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(126, 145, 168, 0.30) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 249, 252, 0.94)) !important;
    box-shadow: var(--pafds-shell-shadow-soft) !important;
}

body.app-pafds-shell .pafds-app-brand-emblem,
body.app-pafds-shell .pafds-rail-logo {
    width: 42px !important;
    height: 42px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(126, 145, 168, 0.34) !important;
    background:
        linear-gradient(145deg, rgba(248, 250, 252, 0.96), rgba(226, 238, 246, 0.92)),
        url("../images/pafds-icon-64.png") center / 72% no-repeat !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 8px 18px rgba(19, 37, 57, 0.10) !important;
}

body.app-pafds-shell .pafds-app-brand-overline,
body.app-pafds-shell .pafds-app-brand-meta {
    color: var(--pafds-shell-ink-subtle) !important;
    letter-spacing: 0 !important;
}

body.app-pafds-shell .pafds-app-brand-mark {
    width: clamp(170px, 18vw, 248px) !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.9)) !important;
}

body.app-pafds-shell .pafds-app-command-layer .command-wrap {
    height: 100%;
}

body.app-pafds-shell .pafds-app-command-layer .command-input-shell,
body.app-pafds-shell .command-input-shell {
    min-height: 44px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(126, 145, 168, 0.32) !important;
    background: rgba(255, 255, 255, 0.86) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), var(--pafds-shell-shadow-soft) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
}

body.app-pafds-shell .command-input-shell:focus-within {
    border-color: rgba(15, 118, 110, 0.58) !important;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.16), var(--pafds-shell-shadow-soft) !important;
}

body.app-pafds-shell .command-icon,
body.app-pafds-shell .command-hint {
    min-width: 32px;
    border-color: rgba(126, 145, 168, 0.30) !important;
    background: #eef5f6 !important;
    color: var(--pafds-shell-accent-strong) !important;
}

body.app-pafds-shell .command-results,
body.app-pafds-shell .command-empty {
    border-radius: 8px !important;
    border: 1px solid rgba(126, 145, 168, 0.30) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 22px 48px rgba(19, 37, 57, 0.18) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
}

body.app-pafds-shell .pafds-app-common-links,
body.app-pafds-shell .pafds-app-utility-row,
body.app-pafds-shell .app-top-links,
body.app-pafds-shell .app-actions,
body.app-pafds-shell .pafds-row-actions,
body.app-pafds-shell .pill-row {
    gap: 8px !important;
}

body.app-pafds-shell .pafds-app-common-link,
body.app-pafds-shell .navbar-action-btn,
body.app-pafds-shell .app-top-links .pill,
body.app-pafds-shell .app-btn,
body.app-pafds-shell .pill,
body.app-pafds-shell .rail-link {
    min-height: 40px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(126, 145, 168, 0.30) !important;
    background: rgba(255, 255, 255, 0.84) !important;
    color: #1a324b !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    overflow-wrap: anywhere;
}

body.app-pafds-shell .pafds-app-common-link.active,
body.app-pafds-shell .pafds-site-cta,
body.app-pafds-shell .app-request-cta,
body.app-pafds-shell :is(.app-btn.primary, .pill.active, .rail-link.active) {
    border-color: rgba(15, 118, 110, 0.52) !important;
    background: linear-gradient(180deg, #118179, #0f6863) !important;
    color: #ffffff !important;
}

body.app-pafds-shell .app-shell,
body.app-pafds-shell .staff-dashboard .dashboard-shell,
body.app-pafds-shell .app-shell[class*="app-pafds"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    border: 1px solid rgba(126, 145, 168, 0.30) !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: var(--pafds-shell-shadow) !important;
    backdrop-filter: blur(16px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.08) !important;
}

body.app-pafds-shell main {
    min-width: 0;
    padding-block: 16px 28px;
}

body.app-pafds-shell .app-main,
body.app-pafds-shell .app-grid,
body.app-pafds-shell .app-stack,
body.app-pafds-shell .app-card,
body.app-pafds-shell .panel,
body.app-pafds-shell .table-wrap,
body.app-pafds-shell .table-shell {
    min-width: 0 !important;
}

body.app-pafds-shell .app-shell :is(.app-card, .panel, .quick-card, .spotlight, .mini, .table-shell, .pafds-list li, .pafds-ops-list li, .pafds-secondary details, .pafds-kpi, .pulse-tile, .app-request-lane-card) {
    border-radius: 8px !important;
    border: 1px solid rgba(126, 145, 168, 0.26) !important;
    background: rgba(255, 255, 255, 0.90) !important;
    color: var(--pafds-shell-ink) !important;
    box-shadow: 0 8px 22px rgba(19, 37, 57, 0.07) !important;
}

body.app-pafds-shell .app-shell :is(.app-card.soft, .app-kpi, .panel.soft, .table-wrap, .hub-embed, .field-grid, .jobs-filter-bar, .calendar-board, .order-confirm-block, .call-popup-summary) {
    border-radius: 8px !important;
    border: 1px solid rgba(126, 145, 168, 0.24) !important;
    background: rgba(246, 249, 251, 0.92) !important;
}

body.app-pafds-shell :is(.app-header, .card-header, .panel-header, .section-header) {
    border-color: rgba(126, 145, 168, 0.24) !important;
}

body.app-pafds-shell :is(h1, h2, h3, h4, .rail-title, .card-header h3, .pafds-list-title, .pafds-ops-list strong, .pafds-kpi strong, .pafds-secondary summary, .pulse-tile strong, .card-title, .command-label) {
    color: var(--pafds-shell-ink) !important;
    letter-spacing: 0 !important;
}

body.app-pafds-shell :is(p, li, td, .muted, .tiny, .small, .app-subtitle, .section-copy, .table-sub, .pafds-mini-meta, .pafds-list-meta, .pulse-tile small, .command-path, .card-body) {
    color: var(--pafds-shell-ink-muted) !important;
}

body.app-pafds-shell :is(input, select, textarea) {
    border-radius: 8px !important;
    border-color: rgba(126, 145, 168, 0.34) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    color: var(--pafds-shell-ink) !important;
}

body.app-pafds-shell :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 3px solid rgba(15, 118, 110, 0.34) !important;
    outline-offset: 2px !important;
}

@media (min-width: 821px) {
    body.app-pafds-shell .table-wrap,
    body.app-pafds-shell .table-shell {
        max-width: 100% !important;
        overflow: auto !important;
        scrollbar-gutter: stable !important;
    }

    body.app-pafds-shell .app-shell :is(.dash-table, .dark-table, table) {
        width: max-content;
        min-width: 100%;
    }
}

body.app-pafds-shell :is(.table thead th, .dash-table thead th, .dark-table th, th) {
    background: #eaf1f5 !important;
    color: #294057 !important;
}

body.app-pafds-shell :is(.table tbody tr:hover td, .dash-table tbody tr:hover td, .dark-table tr:hover td) {
    background: #eff8f6 !important;
}

body.app-pafds-shell .footer,
body.app-pafds-shell footer {
    border-top: 1px solid rgba(126, 145, 168, 0.24) !important;
    background: rgba(255, 255, 255, 0.82) !important;
    color: var(--pafds-shell-ink-subtle) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
}

@media (prefers-reduced-motion: no-preference) {
    body.app-pafds-shell :is(.app-card, .panel, .quick-card, .pulse-tile, .app-request-lane-card, .pafds-app-common-link, .navbar-action-btn, .app-btn, .pill, .rail-link) {
        transition:
            border-color 160ms ease,
            background-color 160ms ease,
            box-shadow 160ms ease,
            transform 160ms ease;
    }

    body.app-pafds-shell :is(.app-card, .panel, .quick-card, .pulse-tile, .app-request-lane-card, .pafds-app-common-link, .navbar-action-btn, .app-btn, .pill, .rail-link):hover {
        transform: translateY(-1px);
        border-color: rgba(15, 118, 110, 0.42) !important;
        box-shadow: 0 12px 26px rgba(19, 37, 57, 0.10) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.app-pafds-shell *,
    body.app-pafds-shell *::before,
    body.app-pafds-shell *::after {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 1ms !important;
    }
}

@media (max-width: 980px) {
    body.app-pafds-shell .pafds-app-header-inner {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "brand"
            "utility"
            "search"
            "links";
    }

    body.app-pafds-shell .pafds-app-utility-row,
    body.app-pafds-shell .pafds-app-common-links {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    body.app-pafds-shell {
        overflow-x: hidden;
    }

    body.app-pafds-shell:not(.embed) .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.app-pafds-shell .pafds-app-header-inner {
        padding: 10px 0 !important;
    }

    body.app-pafds-shell .pafds-app-brand-lockup {
        width: 100%;
        grid-template-columns: auto minmax(0, 1fr);
    }

    body.app-pafds-shell .pafds-app-brand-mark {
        width: clamp(150px, 56vw, 226px) !important;
    }

    body.app-pafds-shell .pafds-app-utility-row,
    body.app-pafds-shell .pafds-app-common-links,
    body.app-pafds-shell .app-actions,
    body.app-pafds-shell .pafds-row-actions,
    body.app-pafds-shell .pill-row {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.app-pafds-shell .pafds-app-common-link,
    body.app-pafds-shell .navbar-action-btn,
    body.app-pafds-shell .app-btn,
    body.app-pafds-shell .pill,
    body.app-pafds-shell .rail-link {
        width: 100%;
        min-height: 44px !important;
        justify-content: center;
    }

    body.app-pafds-shell .app-shell,
    body.app-pafds-shell .app-shell[class*="app-pafds"] {
        padding: 16px !important;
    }
}