@import url("/css/psops-dropdown-demo-reset.css?v=demoreset1");
@import url("/css/psops-admin-demo-overrides.css?v=20260623b");
@import url("/css/psops-command-fire-focus.css?v=20260623a");
@import url("/css/psops-demo-finish.css?v=20260623a");
/*
|--------------------------------------------------------------------------
| PSOps Command Flow Skin
|--------------------------------------------------------------------------
| Visual-only styling for Filament operational screens.
| This file does not change incident logic, address search, NERIS, Location,
| Times, routes, controllers, or saved data.
*/

:root {
    --psops-bg: #07111f;
    --psops-panel: #0d1b2f;
    --psops-panel-2: #10233d;
    --psops-line: rgba(56, 189, 248, .18);
    --psops-line-strong: rgba(125, 211, 252, .28);
    --psops-cyan: #67e8f9;
    --psops-blue: #0ea5ff;
    --psops-text: #f1f7ff;
    --psops-muted: #9fb4cf;
    --psops-green: #22c55e;
    --psops-amber: #facc15;
}

/* Main app background */
.fi-body,
.fi-main,
.fi-page {
    background:
        radial-gradient(circle at top right, rgba(14, 165, 255, .10), transparent 36rem),
        linear-gradient(135deg, #060d19, #07111f 45%, #050a13) !important;
}

/* Page headers */
.fi-header {
    border: 1px solid var(--psops-line);
    border-radius: 24px;
    padding: 1.05rem 1.15rem;
    background:
        radial-gradient(circle at top right, rgba(14, 165, 255, .16), transparent 28rem),
        linear-gradient(135deg, #0b1728, #07111f);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .25);
}

.fi-header-heading {
    color: var(--psops-text) !important;
    font-weight: 950 !important;
    letter-spacing: -.045em;
}

.fi-breadcrumbs,
.fi-breadcrumbs a,
.fi-header-subheading {
    color: var(--psops-muted) !important;
}

/* Panels, sections, forms, tables */
.fi-section,
.fi-ta,
.fi-fo-field-wrp,
.fi-in-entry-wrp,
.fi-wi,
.fi-modal-window {
    border-color: var(--psops-line) !important;
}

.fi-section,
.fi-ta,
.fi-wi,
.fi-modal-window {
    background:
        radial-gradient(circle at top right, rgba(14, 165, 255, .08), transparent 22rem),
        rgba(16, 35, 61, .72) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 54px rgba(0, 0, 0, .20);
}

.fi-section-header {
    border-bottom-color: rgba(125, 211, 252, .12) !important;
}

.fi-section-header-heading,
.fi-ta-header-heading,
.fi-modal-heading {
    color: var(--psops-text) !important;
    font-weight: 950 !important;
}

.fi-section-header-description,
.fi-ta-header-description,
.fi-modal-description {
    color: var(--psops-muted) !important;
}

/* Labels and helper text */
.fi-fo-field-wrp-label span,
.fi-in-entry-wrp-label,
.fi-ta-text,
.fi-ta-header-cell-label,
.fi-ta-cell,
.fi-fieldset-legend {
    color: var(--psops-text) !important;
}

.fi-fo-field-wrp-helper-text,
.fi-fo-field-wrp-error-message,
.fi-in-entry-wrp-helper-text,
.fi-hint,
.fi-ta-empty-state-description {
    color: var(--psops-muted) !important;
}

/* Inputs */
.fi-input-wrp,
.fi-select-input,
.fi-textarea,
.fi-input,
.fi-fo-date-time-picker input,
.fi-fo-rich-editor,
.fi-fo-markdown-editor {
    background: rgba(7, 17, 31, .66) !important;
    border-color: rgba(125, 211, 252, .18) !important;
    color: var(--psops-text) !important;
}

.fi-input-wrp:focus-within,
.fi-select-input:focus,
.fi-textarea:focus,
.fi-input:focus {
    border-color: rgba(103, 232, 249, .65) !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 255, .16) !important;
}

.fi-input::placeholder,
.fi-textarea::placeholder {
    color: rgba(159, 180, 207, .72) !important;
}

/* Buttons */
.fi-btn {
    border-radius: 999px !important;
    font-weight: 950 !important;
}

.fi-btn-color-primary {
    background: linear-gradient(135deg, var(--psops-cyan), var(--psops-blue)) !important;
    color: #04111f !important;
    box-shadow: 0 14px 34px rgba(14, 165, 255, .22);
}

.fi-btn-color-gray {
    background: rgba(255, 255, 255, .055) !important;
    border-color: rgba(125, 211, 252, .18) !important;
    color: var(--psops-text) !important;
}

.fi-btn:hover {
    transform: translateY(-1px);
}

/* Sidebar */
.fi-sidebar {
    background: linear-gradient(180deg, #050a13, #07111f) !important;
    border-right-color: rgba(125, 211, 252, .12) !important;
}

.fi-sidebar-header {
    border-bottom-color: rgba(125, 211, 252, .10) !important;
}

.fi-sidebar-nav-groups {
    gap: .65rem !important;
}

.fi-sidebar-group-label {
    color: rgba(103, 232, 249, .82) !important;
    font-weight: 950 !important;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.fi-sidebar-item a {
    border-radius: 12px !important;
}

.fi-sidebar-item-active a,
.fi-sidebar-item a:hover {
    background: rgba(14, 165, 255, .13) !important;
}

.fi-sidebar-item-label {
    color: var(--psops-text) !important;
}

/* Topbar */
.fi-topbar {
    background: rgba(5, 10, 19, .78) !important;
    border-bottom-color: rgba(125, 211, 252, .12) !important;
    backdrop-filter: blur(14px);
}

/* Tables */
.fi-ta-header,
.fi-ta-content,
.fi-ta-footer {
    background: transparent !important;
}

.fi-ta-row {
    background: rgba(7, 17, 31, .34) !important;
}

.fi-ta-row:hover {
    background: rgba(14, 165, 255, .08) !important;
}

.fi-ta-cell {
    border-bottom-color: rgba(125, 211, 252, .08) !important;
}

/* Tabs and wizard steps */
.fi-tabs {
    background: rgba(7, 17, 31, .45) !important;
    border: 1px solid rgba(125, 211, 252, .14) !important;
    border-radius: 999px !important;
    padding: .25rem !important;
}

.fi-tabs-item {
    border-radius: 999px !important;
    color: var(--psops-muted) !important;
    font-weight: 900 !important;
}

.fi-tabs-item-active {
    background: linear-gradient(135deg, rgba(103, 232, 249, .95), rgba(14, 165, 255, .95)) !important;
    color: #04111f !important;
}

.fi-fo-wizard-header {
    border: 1px solid rgba(125, 211, 252, .14) !important;
    border-radius: 18px !important;
    background: rgba(16, 35, 61, .50) !important;
    padding: .8rem !important;
}

.fi-fo-wizard-header-step-label {
    color: var(--psops-text) !important;
    font-weight: 950 !important;
}

.fi-fo-wizard-header-step-description {
    color: var(--psops-muted) !important;
}

/* Badges */
.fi-badge {
    border-radius: 999px !important;
    font-weight: 950 !important;
}

/* Make incident/action screens feel like command cards */
.fi-page > section,
.fi-page .fi-section {
    overflow: hidden;
}

/* Keep relation managers and dense tables readable */
.fi-resource-relation-manager,
.fi-ta-ctn {
    border-radius: 20px !important;
}

/* Mobile */
@media (max-width: 768px) {
    .fi-header {
        border-radius: 18px;
        padding: .9rem;
    }

    .fi-section,
    .fi-ta,
    .fi-wi {
        border-radius: 16px !important;
    }
}

/*
|--------------------------------------------------------------------------
| PSOps Plain Intake Form Cleanup
|--------------------------------------------------------------------------
| Some guided incident screens use plain Blade/form controls instead of only
| Filament components. These selectors make those screens match the dashboard
| and department portal without changing workflow logic.
*/

.fi-main form,
.fi-page form {
    color: var(--psops-text) !important;
}

.fi-main label,
.fi-page label,
.fi-main legend,
.fi-page legend {
    color: var(--psops-text) !important;
    font-weight: 850 !important;
}

.fi-main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.fi-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.fi-main select,
.fi-page select,
.fi-main textarea,
.fi-page textarea {
    min-height: 2.65rem;
    border: 1px solid rgba(125, 211, 252, .20) !important;
    border-radius: 12px !important;
    background: rgba(7, 17, 31, .72) !important;
    color: var(--psops-text) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.fi-main select option,
.fi-page select option {
    background: #07111f !important;
    color: #f1f7ff !important;
}

.fi-main input:not([type="checkbox"]):not([type="radio"]):focus,
.fi-page input:not([type="checkbox"]):not([type="radio"]):focus,
.fi-main select:focus,
.fi-page select:focus,
.fi-main textarea:focus,
.fi-page textarea:focus {
    border-color: rgba(103, 232, 249, .68) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 255, .18) !important;
}

.fi-main input::placeholder,
.fi-page input::placeholder,
.fi-main textarea::placeholder,
.fi-page textarea::placeholder {
    color: rgba(159, 180, 207, .70) !important;
}

.fi-main input[type="checkbox"],
.fi-page input[type="checkbox"],
.fi-main input[type="radio"],
.fi-page input[type="radio"] {
    accent-color: var(--psops-blue);
}

.fi-main h1,
.fi-main h2,
.fi-main h3,
.fi-main h4,
.fi-page h1,
.fi-page h2,
.fi-page h3,
.fi-page h4 {
    color: var(--psops-text) !important;
    font-weight: 950 !important;
    letter-spacing: -.025em;
}

.fi-main p,
.fi-page p,
.fi-main small,
.fi-page small {
    color: var(--psops-muted);
}

.fi-main a,
.fi-page a {
    color: var(--psops-cyan);
}

.fi-main button,
.fi-page button,
.fi-main [type="submit"],
.fi-page [type="submit"] {
    border-radius: 999px !important;
    font-weight: 950 !important;
}

/* Plain guided intake content blocks */
.fi-main .psops-intake-shell,
.fi-page .psops-intake-shell,
.fi-main .psops-guided-panel,
.fi-page .psops-guided-panel,
.fi-main .psops-card,
.fi-page .psops-card {
    border-color: rgba(125, 211, 252, .18) !important;
}

/* Smooth out the raw step/status summary text areas on custom intake screens. */
.fi-main .psops-live-summary,
.fi-page .psops-live-summary,
.fi-main .live-call-summary,
.fi-page .live-call-summary {
    border: 1px solid rgba(125, 211, 252, .16);
    border-radius: 18px;
    padding: 1rem;
    background: rgba(16, 35, 61, .50);
}

/* Keep department panel visually tighter. */
.fi-sidebar-group-label {
    margin-top: .65rem !important;
}

.fi-sidebar-item-label {
    font-size: .88rem !important;
}

/*
|--------------------------------------------------------------------------
| Department Incident Intake Hardening
|--------------------------------------------------------------------------
| The guided intake has some custom/raw Blade markup. These rules make the
| department-panel version render like a PSOps command workflow instead of a
| raw text page.
*/

.fi-panel-department .fi-page {
    color: var(--psops-text) !important;
}

.fi-panel-department .fi-page > div,
.fi-panel-department .fi-main > div {
    max-width: 1180px;
}

.fi-panel-department .fi-page form {
    display: grid;
    gap: 1rem;
}

.fi-panel-department .fi-page form > div,
.fi-panel-department .fi-page .psops-intake-shell,
.fi-panel-department .fi-page .psops-guided-shell,
.fi-panel-department .fi-page .psops-guided-panel,
.fi-panel-department .fi-page .psops-step-panel,
.fi-panel-department .fi-page .psops-live-summary {
    border: 1px solid rgba(125, 211, 252, .16) !important;
    border-radius: 20px !important;
    background:
        radial-gradient(circle at top right, rgba(14, 165, 255, .08), transparent 22rem),
        rgba(16, 35, 61, .56) !important;
}

.fi-panel-department .fi-page form > div {
    padding: 1rem;
}

.fi-panel-department .fi-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.fi-panel-department .fi-page select,
.fi-panel-department .fi-page textarea {
    width: 100%;
    margin-top: .25rem;
}

.fi-panel-department .fi-page label {
    display: inline-block;
    margin-top: .55rem;
    margin-bottom: .2rem;
}

.fi-panel-department .fi-page .psops-hero,
.fi-panel-department .fi-page .psops-intake-hero,
.fi-panel-department .fi-page .psops-marketing-hero {
    border-radius: 22px !important;
    overflow: hidden;
}

/* If the intake step tracker renders as plain text, give it spacing and contrast. */
.fi-panel-department .fi-page ol,
.fi-panel-department .fi-page ul {
    color: var(--psops-muted);
}

.fi-panel-department .fi-page strong,
.fi-panel-department .fi-page b {
    color: var(--psops-text);
}

.fi-panel-department .fi-page .fi-btn,
.fi-panel-department .fi-page button {
    margin-top: .35rem;
}

/* Hide accidental marketing-style hero overflow from making the intake feel like a public landing page. */
.fi-panel-department .fi-page [class*="marketing"],
.fi-panel-department .fi-page [class*="Marketing"] {
    max-width: 1180px;
}

/*
|--------------------------------------------------------------------------
| PSOps Design System Pass
|--------------------------------------------------------------------------
| Clean custom PSOps pages and guided intake screens. View/CSS only.
*/

/* Hide duplicate Filament page headers where PSOps custom hero cards already exist. */
body:has(.psops-dept-page) .fi-header,
body:has(.psops-dept-dashboard) .fi-header,
body:has(.psops-intake-page) .fi-header {
    display: none !important;
}

/* Center the custom PSOps pages in a cleaner product frame. */
.psops-dept-page,
.psops-dept-dashboard,
.psops-intake-page {
    margin-inline: auto;
}

/* Department list pages: cleaner, fancy but not cluttered. */
.psops-dept-page .psops-dept-head {
    position: relative;
    overflow: hidden;
    padding: 1.45rem !important;
    background:
        radial-gradient(circle at 92% 12%, rgba(103, 232, 249, .18), transparent 20rem),
        linear-gradient(135deg, #0b1728, #07111f) !important;
}

.psops-dept-page .psops-dept-head::after {
    content: "";
    position: absolute;
    right: -5rem;
    top: -5rem;
    width: 15rem;
    height: 15rem;
    border-radius: 999px;
    background: rgba(14, 165, 255, .10);
    pointer-events: none;
}

.psops-dept-page .psops-dept-kicker {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border: 1px solid rgba(125, 211, 252, .22);
    border-radius: 999px;
    padding: .35rem .7rem;
    background: rgba(255, 255, 255, .045);
}

.psops-dept-page .psops-dept-title {
    max-width: 860px;
}

.psops-dept-page .psops-stat {
    min-height: 112px;
    background:
        radial-gradient(circle at top right, rgba(103, 232, 249, .08), transparent 12rem),
        rgba(16, 35, 61, .64) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .16);
}

.psops-dept-page .psops-dept-card {
    background:
        radial-gradient(circle at top right, rgba(14, 165, 255, .10), transparent 24rem),
        rgba(16, 35, 61, .62) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .18);
}

.psops-dept-page .psops-card-head {
    padding: 1rem 1.15rem !important;
}

.psops-dept-page .psops-table th {
    background: rgba(7, 17, 31, .34);
    color: rgba(199, 232, 255, .80) !important;
}

.psops-dept-page .psops-table td {
    color: rgba(241, 247, 255, .88) !important;
}

.psops-dept-page .psops-table tbody tr:hover {
    background: rgba(14, 165, 255, .075);
}

/* Incident intake: full command workflow look. */
.psops-intake-page {
    --psops-bg: #07111f;
    --psops-panel: #0d1b2f;
    --psops-panel2: #10233d;
    --psops-line: rgba(56, 189, 248, .18);
    --psops-cyan: #67e8f9;
    --psops-blue: #0ea5ff;
    --psops-text: #f1f7ff;
    --psops-muted: #9fb4cf;
    max-width: 1220px;
}

.psops-intake-page .psops-intake-hero {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(125, 211, 252, .20) !important;
    background:
        radial-gradient(circle at 92% 18%, rgba(103, 232, 249, .20), transparent 22rem),
        linear-gradient(135deg, #173fba, #0ea5ff) !important;
    box-shadow: 0 24px 70px rgba(14, 165, 255, .18);
}

.psops-intake-page .psops-start-readiness {
    display: grid;
    gap: 1rem;
    border: 1px solid rgba(125, 211, 252, .16);
    border-radius: 22px;
    padding: 1rem;
    background:
        radial-gradient(circle at top right, rgba(14, 165, 255, .10), transparent 18rem),
        rgba(16, 35, 61, .62);
}

@media (min-width: 900px) {
    .psops-intake-page .psops-start-readiness {
        grid-template-columns: 1fr auto;
        align-items: center;
    }
}

.psops-intake-page .psops-start-readiness__main {
    color: var(--psops-text);
}

.psops-intake-page .psops-start-readiness__checks {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.psops-intake-page .psops-start-check {
    border: 1px solid rgba(125, 211, 252, .16);
    border-radius: 999px;
    padding: .45rem .7rem;
    background: rgba(7, 17, 31, .48);
    color: var(--psops-muted);
    font-size: .8rem;
    font-weight: 900;
}

.psops-intake-page .psops-start-check.is-done {
    border-color: rgba(34, 197, 94, .32);
    color: #bbf7d0;
    background: rgba(34, 197, 94, .10);
}

.psops-intake-page .psops-start-check.is-missing {
    border-color: rgba(250, 204, 21, .28);
    color: #fde68a;
    background: rgba(250, 204, 21, .08);
}

.psops-intake-page .psops-step-card {
    min-height: 108px;
    border-color: rgba(125, 211, 252, .14) !important;
    background:
        radial-gradient(circle at top right, rgba(14, 165, 255, .07), transparent 12rem),
        rgba(16, 35, 61, .58) !important;
    color: var(--psops-text) !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .12);
}

.psops-intake-page .psops-step-card:hover,
.psops-intake-page .psops-step-card.is-active {
    border-color: rgba(103, 232, 249, .55) !important;
    background:
        radial-gradient(circle at top right, rgba(103, 232, 249, .14), transparent 12rem),
        rgba(14, 165, 255, .16) !important;
    transform: translateY(-1px);
}

.psops-intake-page .psops-step-number {
    display: grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(103, 232, 249, .95), rgba(14, 165, 255, .95));
    color: #04111f;
    font-weight: 950;
}

.psops-intake-page .psops-intake-panel {
    border-color: rgba(125, 211, 252, .18) !important;
    background:
        radial-gradient(circle at top right, rgba(14, 165, 255, .08), transparent 24rem),
        rgba(16, 35, 61, .62) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .18);
}

.psops-intake-page .psops-intake-panel h2,
.psops-intake-page .psops-intake-panel p.font-black,
.psops-intake-page .psops-intake-panel .font-black {
    color: var(--psops-text) !important;
}

.psops-intake-page .psops-intake-panel p,
.psops-intake-page .psops-intake-panel .text-sm,
.psops-intake-page .psops-intake-panel .text-xs {
    color: var(--psops-muted) !important;
}

.psops-intake-page .psops-field {
    display: grid;
    gap: .35rem;
    color: var(--psops-text);
    font-weight: 850;
}

.psops-intake-page .psops-input {
    width: 100%;
    min-height: 2.75rem;
    border: 1px solid rgba(125, 211, 252, .22) !important;
    border-radius: 13px !important;
    background: rgba(7, 17, 31, .72) !important;
    color: var(--psops-text) !important;
}

.psops-intake-page .psops-input:focus {
    border-color: rgba(103, 232, 249, .68) !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 255, .18) !important;
}

.psops-intake-page select.psops-input option {
    background: #07111f;
    color: #f1f7ff;
}

.psops-intake-page .psops-call-presets,
.psops-intake-page .psops-address-search-card,
.psops-intake-page .psops-location-helper,
.psops-intake-page .psops-location-map-panel,
.psops-intake-page .psops-time-quickbar,
.psops-intake-page .psops-intake-summary {
    border: 1px solid rgba(125, 211, 252, .16);
    border-radius: 18px;
    padding: 1rem;
    background: rgba(7, 17, 31, .34);
}

.psops-intake-page .psops-call-presets__grid {
    display: grid;
    gap: .7rem;
    margin-top: .75rem;
}

@media (min-width: 760px) {
    .psops-intake-page .psops-call-presets__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.psops-intake-page .psops-call-preset,
.psops-intake-page .psops-location-action,
.psops-intake-page .psops-time-chip,
.psops-intake-page .psops-time-now,
.psops-intake-page .psops-time-clear,
.psops-intake-page .psops-primary-button,
.psops-intake-page .psops-secondary-button,
.psops-intake-page .psops-save-button,
.psops-intake-page .psops-secondary-save-button {
    border: 1px solid rgba(125, 211, 252, .18);
    border-radius: 999px;
    padding: .62rem .9rem;
    background: rgba(255, 255, 255, .055);
    color: var(--psops-text);
    font-weight: 950;
    text-decoration: none;
}

.psops-intake-page .psops-call-preset {
    display: block;
    border-radius: 16px;
    text-align: left;
    background:
        radial-gradient(circle at top right, rgba(14, 165, 255, .10), transparent 10rem),
        rgba(16, 35, 61, .62);
}

.psops-intake-page .psops-call-preset:hover,
.psops-intake-page .psops-location-action:hover,
.psops-intake-page .psops-time-chip:hover {
    border-color: rgba(103, 232, 249, .50);
    background: rgba(14, 165, 255, .14);
}

.psops-intake-page .psops-primary-button,
.psops-intake-page .psops-save-button {
    background: linear-gradient(135deg, var(--psops-cyan), var(--psops-blue));
    color: #04111f;
    box-shadow: 0 14px 34px rgba(14, 165, 255, .22);
}

.psops-intake-page .psops-check-card {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    border: 1px solid rgba(125, 211, 252, .15);
    border-radius: 16px;
    padding: .9rem;
    background: rgba(7, 17, 31, .34);
    color: var(--psops-text);
}

.psops-intake-page .psops-time-input-row {
    display: flex;
    gap: .45rem;
    align-items: center;
}

.psops-intake-page .psops-time-input-row .psops-input {
    flex: 1;
}

.psops-intake-page .psops-intake-summary__grid {
    display: grid;
    gap: .75rem;
}

@media (min-width: 760px) {
    .psops-intake-page .psops-intake-summary__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.psops-intake-page .psops-intake-summary__item {
    border: 1px solid rgba(125, 211, 252, .12);
    border-radius: 16px;
    padding: .8rem;
    background: rgba(16, 35, 61, .46);
}

.psops-intake-page .psops-intake-action-bar {
    border-color: rgba(125, 211, 252, .18) !important;
    background: rgba(16, 35, 61, .70) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .16);
}

/* Clean up gray/white utility blocks inside intake without changing the Blade logic. */
.psops-intake-page .bg-white,
.psops-intake-page .bg-gray-50,
.psops-intake-page .dark\:bg-gray-950,
.psops-intake-page .dark\:bg-gray-900 {
    background-color: rgba(7, 17, 31, .36) !important;
}

.psops-intake-page .border-gray-200,
.psops-intake-page .dark\:border-gray-800 {
    border-color: rgba(125, 211, 252, .14) !important;
}

.psops-intake-page .text-gray-950,
.psops-intake-page .dark\:text-white {
    color: var(--psops-text) !important;
}

.psops-intake-page .text-gray-600,
.psops-intake-page .dark\:text-gray-400,
.psops-intake-page .text-gray-800,
.psops-intake-page .dark\:text-gray-200 {
    color: var(--psops-muted) !important;
}

@media (max-width: 768px) {
    .psops-intake-page .psops-time-input-row {
        flex-wrap: wrap;
    }

    .psops-intake-page .psops-time-input-row .psops-input {
        min-width: 100%;
    }
}

/*
|--------------------------------------------------------------------------
| PSOps Alignment + Panel Route Polish
|--------------------------------------------------------------------------
| Keeps custom PSOps pages centered and makes department incident intake
| feel like one clean product frame.
*/

.fi-main {
    display: flex;
    justify-content: center;
}

.fi-main > .fi-page,
.fi-main > div {
    width: 100%;
}

.fi-panel-department .fi-main > .fi-page,
.fi-panel-department .fi-main > div,
.fi-panel-admin .fi-main > .fi-page,
.fi-panel-admin .fi-main > div {
    max-width: 1280px;
    margin-inline: auto;
}

.psops-dept-page,
.psops-dept-dashboard,
.psops-intake-page {
    width: min(100%, 1180px);
    margin-inline: auto !important;
}

.psops-dept-page .psops-dept-head,
.psops-dept-page .psops-dept-card,
.psops-dept-page .psops-stat-grid,
.psops-intake-page .psops-intake-hero,
.psops-intake-page .psops-start-readiness,
.psops-intake-page .psops-intake-panel,
.psops-intake-page .psops-intake-summary,
.psops-intake-page .psops-intake-action-bar {
    width: 100%;
    margin-inline: auto;
}

.psops-intake-page .psops-intake-hero {
    max-width: 1180px;
}

.psops-intake-page .psops-intake-panel,
.psops-intake-page .psops-intake-summary,
.psops-intake-page .psops-intake-action-bar {
    max-width: 1120px;
}

/* Less oversized step pills; more command-console alignment. */
.psops-intake-page > .grid,
.psops-intake-page .grid.gap-3.md\:grid-cols-3.xl\:grid-cols-6 {
    max-width: 1120px;
    margin-inline: auto;
}

.psops-intake-page .psops-step-card {
    min-height: 92px;
    display: flex;
    align-items: center;
}

/* Tighten the hero so it feels like software, not a marketing banner. */
.fi-panel-department .psops-intake-page .psops-intake-hero {
    padding: 1.45rem !important;
    border-radius: 24px !important;
}

.fi-panel-department .psops-intake-page .psops-intake-hero h1 {
    max-width: 680px;
    font-size: clamp(1.7rem, 3vw, 2.6rem) !important;
    line-height: 1.02 !important;
}

.fi-panel-department .psops-intake-page .psops-intake-hero p {
    max-width: 760px;
}

/* Keep the active workflow panel readable and centered. */
.psops-intake-page .psops-intake-panel {
    padding: 1.35rem !important;
}

.psops-intake-page .psops-call-presets__grid {
    align-items: stretch;
}

.psops-intake-page .psops-call-preset {
    min-height: 74px;
}

/* Better table/page spacing in department scoped pages. */
.psops-dept-page .psops-stat-grid {
    max-width: 1180px;
}

.psops-dept-page .psops-dept-card {
    max-width: 1180px;
}

/* Hide duplicate top header even in Safari fallback by shrinking it if :has is inconsistent. */
.fi-panel-department .fi-header:has(+ .fi-main .psops-dept-page),
.fi-panel-department .fi-header:has(+ .fi-main .psops-intake-page) {
    display: none !important;
}

/* Department sidebar should feel polished but not overdone. */
.fi-panel-department .fi-sidebar {
    background:
        radial-gradient(circle at top left, rgba(14, 165, 255, .08), transparent 18rem),
        linear-gradient(180deg, #050a13, #07111f) !important;
}

.fi-panel-department .fi-sidebar-item-active a {
    border: 1px solid rgba(103, 232, 249, .18) !important;
}

/* Mobile keeps the centered frame without horizontal scroll. */
@media (max-width: 768px) {
    .psops-dept-page,
    .psops-dept-dashboard,
    .psops-intake-page {
        width: 100%;
    }

    .psops-intake-page .psops-intake-panel,
    .psops-intake-page .psops-intake-summary,
    .psops-intake-page .psops-intake-action-bar {
        max-width: 100%;
    }
}

/*
|--------------------------------------------------------------------------
| PSOps Intake UI Pass 2
|--------------------------------------------------------------------------
| Station-Boss-inspired command shell using PSOps colors.
| Visual only. No workflow logic changes.
*/

/* Main frame */
.fi-panel-department .fi-main {
    display: block !important;
    max-width: none !important;
}

.fi-panel-department .fi-main > .fi-page,
.fi-panel-department .fi-main > div {
    width: 100%;
    max-width: 1320px;
    margin-inline: auto;
}

.psops-intake-page {
    width: min(100%, 1220px) !important;
    margin-inline: auto !important;
    padding-bottom: 2rem;
}

/* ------------------------------------------------------------------
   1) Top hero becomes a compact app header, not a giant marketing card
------------------------------------------------------------------- */
.psops-intake-page .psops-intake-hero {
    position: relative;
    overflow: hidden;
    max-width: 1220px !important;
    min-height: auto !important;
    padding: 1rem 1.15rem 1rem 1.15rem !important;
    border: 1px solid rgba(82, 198, 255, .14) !important;
    border-radius: 24px !important;
    background:
        linear-gradient(135deg, rgba(22, 52, 109, .92), rgba(18, 112, 224, .72))
        !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, .16) !important;
}

.psops-intake-page .psops-intake-hero::after,
.psops-intake-page .psops-intake-hero::before {
    opacity: .28 !important;
}

.psops-intake-page .psops-intake-hero h1 {
    font-size: clamp(1.8rem, 2.8vw, 2.65rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -.03em;
    margin-bottom: .45rem !important;
    max-width: 620px;
}

.psops-intake-page .psops-intake-hero p {
    font-size: 1.02rem !important;
    line-height: 1.35 !important;
    max-width: 760px;
    opacity: .96;
}

.psops-intake-page .psops-intake-hero .psops-primary-button,
.psops-intake-page .psops-intake-hero .psops-secondary-button,
.psops-intake-page .psops-intake-hero a,
.psops-intake-page .psops-intake-hero button {
    min-height: 42px;
    padding: .7rem 1.05rem !important;
    border-radius: 999px !important;
    font-size: .98rem !important;
}

.psops-intake-page .psops-intake-hero .grid,
.psops-intake-page .psops-intake-hero [class*="grid-cols-4"] {
    margin-top: .8rem !important;
    gap: .7rem !important;
}

.psops-intake-page .psops-intake-hero .grid > *,
.psops-intake-page .psops-intake-hero [class*="grid-cols-4"] > * {
    min-height: 78px !important;
    border-radius: 18px !important;
    padding: .8rem .9rem !important;
    background: rgba(255, 255, 255, .08) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
}

/* ------------------------------------------------------------------
   2) Secondary hero becomes a real intake summary panel
------------------------------------------------------------------- */
.psops-intake-page .psops-start-readiness,
.psops-intake-page .psops-intake-panel:first-of-type {
    max-width: 1220px !important;
    padding: 1.1rem 1.25rem !important;
    border-radius: 26px !important;
    background:
        radial-gradient(circle at top right, rgba(23, 163, 255, .10), transparent 18rem),
        linear-gradient(180deg, rgba(8, 25, 52, .96), rgba(8, 23, 44, .94)) !important;
    border: 1px solid rgba(82, 198, 255, .14) !important;
    box-shadow: 0 16px 44px rgba(0, 0, 0, .14) !important;
}

.psops-intake-page .psops-start-readiness h2,
.psops-intake-page .psops-start-readiness .font-black,
.psops-intake-page .psops-intake-panel:first-of-type h2 {
    font-size: clamp(1.7rem, 2.5vw, 2.45rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -.025em;
    margin-bottom: .45rem !important;
}

.psops-intake-page .psops-start-readiness p,
.psops-intake-page .psops-intake-panel:first-of-type p {
    max-width: 760px;
}

/* Summary mini cards at top */
.psops-intake-page .psops-start-readiness__checks,
.psops-intake-page .psops-intake-panel:first-of-type .grid:last-of-type {
    gap: .8rem !important;
}

.psops-intake-page .psops-start-check,
.psops-intake-page .psops-intake-panel:first-of-type .grid:last-of-type > * {
    min-height: 92px !important;
    border-radius: 18px !important;
    padding: .9rem 1rem !important;
    background: rgba(255, 255, 255, .04) !important;
    border: 1px solid rgba(82, 198, 255, .12) !important;
}

/* ------------------------------------------------------------------
   3) Readiness strip
------------------------------------------------------------------- */
.psops-intake-page .psops-intake-summary,
.psops-intake-page .psops-intake-summary:first-of-type {
    max-width: 1220px !important;
    padding: .95rem 1rem !important;
    border-radius: 22px !important;
    background: rgba(8, 24, 43, .9) !important;
    border: 1px solid rgba(82, 198, 255, .14) !important;
}

.psops-intake-page .psops-intake-summary__grid {
    gap: .7rem !important;
}

/* ------------------------------------------------------------------
   4) Force the step rail horizontal and compact
------------------------------------------------------------------- */
.psops-intake-page .psops-step-card {
    min-height: 86px !important;
    padding: .9rem .9rem .9rem .95rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(82, 198, 255, .18) !important;
    background:
        linear-gradient(135deg, rgba(9, 32, 63, .98), rgba(12, 48, 83, .90))
        !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    gap: .75rem !important;
    transform: none !important;
}

.psops-intake-page .psops-step-card:hover,
.psops-intake-page .psops-step-card.is-active {
    border-color: rgba(87, 210, 255, .44) !important;
    background:
        linear-gradient(135deg, rgba(12, 52, 92, .98), rgba(18, 86, 133, .92))
        !important;
}

.psops-intake-page .psops-step-number {
    width: 2.35rem !important;
    height: 2.35rem !important;
    min-width: 2.35rem !important;
    font-size: 1rem !important;
    box-shadow: none !important;
}

.psops-intake-page .psops-step-card strong,
.psops-intake-page .psops-step-card .font-black,
.psops-intake-page .psops-step-card .font-semibold {
    display: block;
    font-size: 1.02rem !important;
    line-height: 1.05 !important;
    margin-bottom: .18rem !important;
}

.psops-intake-page .psops-step-card p,
.psops-intake-page .psops-step-card .text-sm,
.psops-intake-page .psops-step-card .text-xs {
    font-size: .82rem !important;
    line-height: 1.15 !important;
    opacity: .88;
}

/* Any step card container gets turned into a clean 6-col rail */
.psops-intake-page div:has(> .psops-step-card) {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    width: 100% !important;
    max-width: 1220px !important;
    margin: 1rem auto 1.25rem auto !important;
    align-items: stretch !important;
}

@media (max-width: 1200px) {
    .psops-intake-page div:has(> .psops-step-card) {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .psops-intake-page div:has(> .psops-step-card) {
        grid-template-columns: 1fr !important;
    }

    .psops-intake-page .psops-step-card {
        border-radius: 18px !important;
    }
}

/* ------------------------------------------------------------------
   5) Main content panels become flatter, tighter, more app-like
------------------------------------------------------------------- */
.psops-intake-page .psops-intake-panel {
    max-width: 1220px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(82, 198, 255, .14) !important;
    background:
        radial-gradient(circle at top right, rgba(18, 90, 155, .07), transparent 16rem),
        rgba(7, 21, 42, .96) !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .10) !important;
    padding: 1.2rem 1.25rem !important;
}

.psops-intake-page .psops-intake-panel > * + * {
    margin-top: .8rem;
}

.psops-intake-page .psops-call-presets {
    padding: 1rem !important;
    border-radius: 22px !important;
    background: rgba(6, 18, 36, .88) !important;
    border: 1px solid rgba(82, 198, 255, .14) !important;
}

.psops-intake-page .psops-call-presets__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1rem !important;
}

@media (max-width: 920px) {
    .psops-intake-page .psops-call-presets__grid {
        grid-template-columns: 1fr !important;
    }
}

.psops-intake-page .psops-call-preset {
    min-height: 96px !important;
    padding: 1rem 1rem !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    background:
        linear-gradient(135deg, rgba(8, 31, 62, .98), rgba(14, 57, 98, .92))
        !important;
    border: 1px solid rgba(82, 198, 255, .18) !important;
}

.psops-intake-page .psops-call-preset:hover {
    border-color: rgba(87, 210, 255, .46) !important;
    background:
        linear-gradient(135deg, rgba(12, 52, 92, .98), rgba(18, 86, 133, .92))
        !important;
}

/* ------------------------------------------------------------------
   6) Forms tighter and aligned
------------------------------------------------------------------- */
.psops-intake-page .psops-field,
.psops-intake-page label {
    font-size: 1rem !important;
    font-weight: 800 !important;
    color: #eef6ff !important;
    margin-bottom: .2rem;
}

.psops-intake-page .psops-input,
.psops-intake-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.psops-intake-page select,
.psops-intake-page textarea {
    min-height: 48px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(82, 198, 255, .18) !important;
    background: rgba(4, 16, 32, .96) !important;
    color: #f1f7ff !important;
    box-shadow: none !important;
}

.psops-intake-page input:focus,
.psops-intake-page select:focus,
.psops-intake-page textarea:focus {
    border-color: rgba(87, 210, 255, .62) !important;
    box-shadow: 0 0 0 3px rgba(24, 144, 255, .16) !important;
    outline: none !important;
}

.psops-intake-page select option {
    background: #081525 !important;
    color: #f1f7ff !important;
}

/* ------------------------------------------------------------------
   7) Final type / selected type / live summary cards
------------------------------------------------------------------- */
.psops-intake-page .psops-check-card,
.psops-intake-page .psops-intake-summary__item,
.psops-intake-page .psops-live-summary > *,
.psops-intake-page .live-call-summary > *,
.psops-intake-page .psops-location-helper,
.psops-intake-page .psops-address-search-card {
    border-radius: 18px !important;
    border: 1px solid rgba(82, 198, 255, .14) !important;
    background: rgba(10, 25, 48, .92) !important;
    box-shadow: none !important;
}

/* Live summary grid */
.psops-intake-page .psops-intake-summary__grid,
.psops-intake-page .live-call-summary,
.psops-intake-page .psops-live-summary {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1rem !important;
}

@media (max-width: 920px) {
    .psops-intake-page .psops-intake-summary__grid,
    .psops-intake-page .live-call-summary,
    .psops-intake-page .psops-live-summary {
        grid-template-columns: 1fr !important;
    }
}

/* ------------------------------------------------------------------
   8) Action bar
------------------------------------------------------------------- */
.psops-intake-page .psops-intake-action-bar {
    max-width: 1220px !important;
    border-radius: 24px !important;
    padding: 1.1rem 1.2rem !important;
    background: rgba(10, 24, 46, .95) !important;
    border: 1px solid rgba(82, 198, 255, .14) !important;
    box-shadow: none !important;
}

.psops-intake-page .psops-intake-action-bar .psops-primary-button,
.psops-intake-page .psops-intake-action-bar .psops-save-button,
.psops-intake-page .psops-intake-action-bar .psops-secondary-button,
.psops-intake-page .psops-intake-action-bar .psops-secondary-save-button,
.psops-intake-page .psops-intake-action-bar button {
    min-height: 50px !important;
    padding: .8rem 1.3rem !important;
    border-radius: 999px !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
}

.psops-intake-page .psops-intake-action-bar .psops-primary-button,
.psops-intake-page .psops-intake-action-bar .psops-save-button {
    background: linear-gradient(135deg, #56d6ff, #26a8ff) !important;
    color: #07131f !important;
    border: none !important;
}

.psops-intake-page .psops-intake-action-bar .psops-secondary-button,
.psops-intake-page .psops-intake-action-bar .psops-secondary-save-button,
.psops-intake-page .psops-intake-action-bar button:not(.psops-primary-button):not(.psops-save-button) {
    background: rgba(255, 255, 255, .05) !important;
    color: #f1f7ff !important;
    border: 1px solid rgba(82, 198, 255, .16) !important;
}

/* ------------------------------------------------------------------
   9) Clean up extra utility noise
------------------------------------------------------------------- */
.psops-intake-page .text-gray-600,
.psops-intake-page .dark\:text-gray-400,
.psops-intake-page .text-gray-800,
.psops-intake-page .dark\:text-gray-200 {
    color: #b5c8de !important;
}

.psops-intake-page .font-black,
.psops-intake-page .text-gray-950,
.psops-intake-page .dark\:text-white {
    color: #f1f7ff !important;
}

.psops-intake-page .rounded-3xl {
    border-radius: 24px !important;
}

/* ------------------------------------------------------------------
   10) Department portal shell touch-up
------------------------------------------------------------------- */
.fi-panel-department .fi-sidebar {
    background:
        radial-gradient(circle at top left, rgba(21, 148, 255, .06), transparent 18rem),
        linear-gradient(180deg, #040b15, #06101d) !important;
}

.fi-panel-department .fi-sidebar-item-active a {
    background: linear-gradient(90deg, rgba(18, 90, 155, .28), rgba(18, 90, 155, .10)) !important;
    border: 1px solid rgba(82, 198, 255, .12) !important;
}

/*
|--------------------------------------------------------------------------
| PSOps Intake Simple Guided Workflow
|--------------------------------------------------------------------------
| Removes marketing hero feel. Keeps guided entry, working inputs, Livewire
| bindings, address search, Location, Times, and NERIS logic untouched.
*/

/* Kill the old marketing/banner feel on the intake only. */
.psops-intake-page > .psops-intake-hero,
.psops-intake-page .psops-intake-hero {
    display: none !important;
}

/* One clean centered software frame. */
.psops-intake-page {
    width: min(100%, 1180px) !important;
    max-width: 1180px !important;
    margin: 0 auto 2rem auto !important;
    display: grid !important;
    gap: 1rem !important;
    color: #f1f7ff !important;
}

/* Compact command header instead of huge hero. */
.psops-intake-workflow-header {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    border: 1px solid rgba(82, 198, 255, .16);
    border-radius: 18px;
    padding: 1rem 1.1rem;
    background:
        radial-gradient(circle at top right, rgba(36, 166, 255, .12), transparent 20rem),
        linear-gradient(180deg, rgba(8, 26, 49, .98), rgba(7, 20, 39, .96));
    box-shadow: 0 12px 34px rgba(0, 0, 0, .12);
}

@media (min-width: 940px) {
    .psops-intake-workflow-header {
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

.psops-workflow-kicker {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-bottom: .45rem;
}

.psops-workflow-kicker span {
    display: inline-flex;
    align-items: center;
    min-height: 1.55rem;
    border: 1px solid rgba(125, 211, 252, .20);
    border-radius: 999px;
    padding: .25rem .55rem;
    background: rgba(255, 255, 255, .04);
    color: #67e8f9;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.psops-intake-workflow-header h1 {
    margin: 0;
    color: #f1f7ff !important;
    font-size: clamp(1.55rem, 2.4vw, 2.25rem) !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em;
    font-weight: 950 !important;
}

.psops-intake-workflow-header p {
    max-width: 780px;
    margin: .35rem 0 0;
    color: #9fb4cf !important;
    font-size: .92rem !important;
    line-height: 1.45 !important;
}

.psops-workflow-status {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: min(100%, 410px);
}

.psops-workflow-status > div {
    border: 1px solid rgba(125, 211, 252, .14);
    border-radius: 14px;
    padding: .65rem .75rem;
    background: rgba(7, 17, 31, .58);
}

.psops-workflow-status span {
    display: block;
    color: #9fb4cf;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.psops-workflow-status strong {
    display: block;
    margin-top: .18rem;
    color: #f1f7ff;
    font-size: .95rem;
    line-height: 1.1;
}

/* Readiness strip: small and useful, not huge. */
.psops-intake-page .psops-start-readiness {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .75rem !important;
    padding: .8rem .9rem !important;
    border-radius: 16px !important;
    border: 1px solid rgba(82, 198, 255, .14) !important;
    background: rgba(8, 24, 43, .88) !important;
    box-shadow: none !important;
}

@media (min-width: 900px) {
    .psops-intake-page .psops-start-readiness {
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
    }
}

.psops-intake-page .psops-start-readiness__main {
    color: #dcecff !important;
    font-size: .9rem !important;
    line-height: 1.35 !important;
}

.psops-intake-page .psops-start-readiness__main strong,
.psops-intake-page .psops-start-readiness__main b {
    color: #f1f7ff !important;
}

.psops-intake-page .psops-start-readiness__checks {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: .45rem !important;
}

.psops-intake-page .psops-start-check {
    min-height: 2rem !important;
    border-radius: 999px !important;
    padding: .35rem .65rem !important;
    background: rgba(7, 17, 31, .52) !important;
    font-size: .78rem !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    box-shadow: none !important;
}

.psops-intake-page .psops-start-check.is-done {
    border-color: rgba(34, 197, 94, .30) !important;
    color: #bbf7d0 !important;
}

.psops-intake-page .psops-start-check.is-missing {
    border-color: rgba(250, 204, 21, .30) !important;
    color: #fde68a !important;
}

/* Step rail: guided, simple, compact. */
.psops-intake-page div:has(> .psops-step-card) {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: .65rem !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: .8rem !important;
    border: 1px solid rgba(82, 198, 255, .12) !important;
    border-radius: 18px !important;
    background: rgba(8, 24, 43, .74) !important;
}

@media (max-width: 1100px) {
    .psops-intake-page div:has(> .psops-step-card) {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    .psops-intake-page div:has(> .psops-step-card) {
        grid-template-columns: 1fr !important;
    }
}

.psops-intake-page .psops-step-card {
    min-height: 64px !important;
    border-radius: 12px !important;
    padding: .65rem .7rem !important;
    border: 1px solid rgba(82, 198, 255, .14) !important;
    background: rgba(7, 20, 39, .88) !important;
    color: #f1f7ff !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    gap: .55rem !important;
    text-align: left !important;
    transform: none !important;
}

.psops-intake-page .psops-step-card:hover,
.psops-intake-page .psops-step-card.is-active {
    border-color: rgba(86, 214, 255, .46) !important;
    background: rgba(14, 83, 135, .36) !important;
}

.psops-intake-page .psops-step-number {
    display: grid !important;
    place-items: center !important;
    width: 1.75rem !important;
    height: 1.75rem !important;
    min-width: 1.75rem !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #56d6ff, #26a8ff) !important;
    color: #06131f !important;
    font-size: .78rem !important;
    font-weight: 950 !important;
}

.psops-intake-page .psops-step-card p {
    margin: 0 !important;
}

.psops-intake-page .psops-step-card .font-black,
.psops-intake-page .psops-step-card p:first-child {
    font-size: .86rem !important;
    line-height: 1.1 !important;
    color: #f1f7ff !important;
}

.psops-intake-page .psops-step-card .text-xs,
.psops-intake-page .psops-step-card p:last-child {
    margin-top: .12rem !important;
    font-size: .72rem !important;
    line-height: 1.1 !important;
    color: #9fb4cf !important;
}

/* Main active step panel. */
.psops-intake-page .psops-intake-panel {
    max-width: 1180px !important;
    padding: 1rem !important;
    border-radius: 18px !important;
    border: 1px solid rgba(82, 198, 255, .14) !important;
    background: rgba(7, 20, 39, .94) !important;
    box-shadow: none !important;
}

.psops-intake-page .psops-intake-panel h2 {
    color: #f1f7ff !important;
    font-size: 1.15rem !important;
    line-height: 1.2 !important;
    letter-spacing: -.01em !important;
}

.psops-intake-page .psops-intake-panel h2 + p {
    max-width: 900px;
    margin-top: .25rem !important;
    color: #9fb4cf !important;
    font-size: .86rem !important;
    line-height: 1.4 !important;
}

/* Call presets: keep guidance but stop giant pill cards. */
.psops-intake-page .psops-call-presets {
    padding: .85rem !important;
    border-radius: 15px !important;
    border: 1px solid rgba(82, 198, 255, .12) !important;
    background: rgba(5, 14, 29, .70) !important;
}

.psops-intake-page .psops-call-presets__header {
    margin-bottom: .65rem !important;
    color: #dcecff !important;
    font-size: .85rem !important;
}

.psops-intake-page .psops-call-presets__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .55rem !important;
}

@media (max-width: 900px) {
    .psops-intake-page .psops-call-presets__grid {
        grid-template-columns: 1fr !important;
    }
}

.psops-intake-page .psops-call-preset {
    min-height: 54px !important;
    border-radius: 12px !important;
    padding: .55rem .7rem !important;
    border: 1px solid rgba(82, 198, 255, .14) !important;
    background: rgba(9, 28, 52, .86) !important;
    color: #f1f7ff !important;
    display: grid !important;
    align-content: center !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    box-shadow: none !important;
}

.psops-intake-page .psops-call-preset:hover {
    border-color: rgba(86, 214, 255, .44) !important;
    background: rgba(14, 83, 135, .30) !important;
}

.psops-intake-page .psops-call-preset strong,
.psops-intake-page .psops-call-preset b,
.psops-intake-page .psops-call-preset .font-black {
    display: inline !important;
    color: #f1f7ff !important;
    font-size: .86rem !important;
    line-height: 1.2 !important;
}

.psops-intake-page .psops-call-preset span,
.psops-intake-page .psops-call-preset small,
.psops-intake-page .psops-call-preset em {
    display: inline !important;
    color: #9fb4cf !important;
    font-size: .76rem !important;
    line-height: 1.2 !important;
}

/* Inputs: simple Station Boss style, PSOps color. */
.psops-intake-page .psops-field {
    display: grid !important;
    gap: .3rem !important;
    color: #f1f7ff !important;
    font-size: .9rem !important;
    font-weight: 850 !important;
}

.psops-intake-page .psops-input,
.psops-intake-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.psops-intake-page select,
.psops-intake-page textarea {
    min-height: 2.4rem !important;
    border-radius: 8px !important;
    border: 1px solid rgba(82, 198, 255, .18) !important;
    background: #07111f !important;
    color: #f1f7ff !important;
    font-size: .9rem !important;
    font-weight: 750 !important;
    box-shadow: none !important;
}

.psops-intake-page textarea {
    min-height: 7rem !important;
}

.psops-intake-page input:focus,
.psops-intake-page select:focus,
.psops-intake-page textarea:focus {
    outline: none !important;
    border-color: rgba(86, 214, 255, .58) !important;
    box-shadow: 0 0 0 3px rgba(38, 168, 255, .12) !important;
}

/* Info/result cards inside steps. */
.psops-intake-page .psops-check-card,
.psops-intake-page .psops-address-search-card,
.psops-intake-page .psops-location-helper,
.psops-intake-page .psops-location-map-panel,
.psops-intake-page .psops-time-quickbar,
.psops-intake-page .psops-intake-summary,
.psops-intake-page .psops-intake-summary__item {
    border-radius: 12px !important;
    border: 1px solid rgba(82, 198, 255, .12) !important;
    background: rgba(8, 24, 43, .62) !important;
    box-shadow: none !important;
}

/* Live summary should be useful, not massive. */
.psops-intake-page .psops-intake-summary {
    max-width: 1180px !important;
    padding: .9rem !important;
}

.psops-intake-page .psops-intake-summary__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .6rem !important;
}

@media (max-width: 900px) {
    .psops-intake-page .psops-intake-summary__grid {
        grid-template-columns: 1fr !important;
    }
}

.psops-intake-page .psops-intake-summary__item {
    padding: .75rem !important;
    min-height: 4.4rem !important;
    overflow: hidden !important;
}

.psops-intake-page .psops-intake-summary__item * {
    overflow-wrap: anywhere !important;
}

/* Action bar. */
.psops-intake-page .psops-intake-action-bar {
    max-width: 1180px !important;
    padding: .8rem .9rem !important;
    border-radius: 16px !important;
    border: 1px solid rgba(82, 198, 255, .14) !important;
    background: rgba(8, 24, 43, .88) !important;
    box-shadow: none !important;
}

.psops-intake-page .psops-primary-button,
.psops-intake-page .psops-save-button,
.psops-intake-page .psops-secondary-button,
.psops-intake-page .psops-secondary-save-button,
.psops-intake-page .psops-time-chip,
.psops-intake-page .psops-time-now,
.psops-intake-page .psops-time-clear,
.psops-intake-page .psops-location-action {
    min-height: 2.35rem !important;
    border-radius: 999px !important;
    padding: .55rem .9rem !important;
    font-size: .88rem !important;
    font-weight: 900 !important;
}

.psops-intake-page .psops-primary-button,
.psops-intake-page .psops-save-button {
    background: linear-gradient(135deg, #56d6ff, #26a8ff) !important;
    color: #06131f !important;
    border: none !important;
}

.psops-intake-page .psops-secondary-button,
.psops-intake-page .psops-secondary-save-button {
    background: rgba(255, 255, 255, .05) !important;
    color: #f1f7ff !important;
    border: 1px solid rgba(82, 198, 255, .15) !important;
}

/* Tone down old utility overrides. */
.psops-intake-page .bg-white,
.psops-intake-page .bg-gray-50,
.psops-intake-page .dark\:bg-gray-950,
.psops-intake-page .dark\:bg-gray-900 {
    background-color: rgba(8, 24, 43, .62) !important;
}

.psops-intake-page .border-gray-200,
.psops-intake-page .dark\:border-gray-800 {
    border-color: rgba(82, 198, 255, .12) !important;
}

.psops-intake-page .text-gray-950,
.psops-intake-page .dark\:text-white {
    color: #f1f7ff !important;
}

.psops-intake-page .text-gray-600,
.psops-intake-page .text-gray-800,
.psops-intake-page .dark\:text-gray-400,
.psops-intake-page .dark\:text-gray-200 {
    color: #9fb4cf !important;
}

/*
|--------------------------------------------------------------------------
| PSOps Intake Sizing + Alignment Refinement
|--------------------------------------------------------------------------
| Removes the tall/wide vertical feel and makes the guided intake behave like
| a compact command form. CSS/view hooks only.
*/

.psops-intake-page {
    width: min(100%, 1120px) !important;
    max-width: 1120px !important;
    gap: .8rem !important;
}

/* Compact header */
.psops-intake-workflow-header {
    max-width: 1120px !important;
    padding: .85rem 1rem !important;
    border-radius: 16px !important;
}

.psops-intake-workflow-header h1 {
    font-size: clamp(1.35rem, 2vw, 1.9rem) !important;
}

.psops-intake-workflow-header p {
    font-size: .84rem !important;
    line-height: 1.35 !important;
    max-width: 700px !important;
}

.psops-workflow-kicker {
    margin-bottom: .35rem !important;
}

.psops-workflow-kicker span {
    min-height: 1.35rem !important;
    padding: .18rem .48rem !important;
    font-size: .62rem !important;
}

.psops-workflow-status {
    min-width: 340px !important;
    gap: .4rem !important;
}

.psops-workflow-status > div {
    padding: .5rem .6rem !important;
    border-radius: 12px !important;
}

.psops-workflow-status span {
    font-size: .58rem !important;
}

.psops-workflow-status strong {
    font-size: .82rem !important;
}

/* Readiness bar: flatter */
.psops-intake-page .psops-start-readiness {
    max-width: 1120px !important;
    padding: .65rem .75rem !important;
    border-radius: 14px !important;
}

.psops-intake-page .psops-start-readiness__main {
    font-size: .82rem !important;
}

.psops-intake-page .psops-start-check {
    min-height: 1.85rem !important;
    padding: .3rem .55rem !important;
    font-size: .72rem !important;
}

/* Step rail: smaller and balanced */
.psops-intake-page div:has(> .psops-step-card) {
    max-width: 1120px !important;
    padding: .55rem !important;
    gap: .5rem !important;
    border-radius: 16px !important;
}

.psops-intake-page .psops-step-card {
    min-height: 54px !important;
    padding: .5rem .55rem !important;
    border-radius: 10px !important;
    gap: .45rem !important;
}

.psops-intake-page .psops-step-number {
    width: 1.45rem !important;
    height: 1.45rem !important;
    min-width: 1.45rem !important;
    font-size: .68rem !important;
}

.psops-intake-page .psops-step-card .font-black,
.psops-intake-page .psops-step-card p:first-child {
    font-size: .76rem !important;
}

.psops-intake-page .psops-step-card .text-xs,
.psops-intake-page .psops-step-card p:last-child {
    font-size: .64rem !important;
}

/* Main panel: no more huge vertical middle section */
.psops-intake-page .psops-active-step-panel,
.psops-intake-page .psops-intake-panel {
    max-width: 1120px !important;
    padding: .9rem !important;
    border-radius: 16px !important;
}

.psops-intake-page .psops-active-step-panel > .space-y-6,
.psops-intake-page .psops-intake-panel > .space-y-6 {
    display: grid !important;
    gap: .9rem !important;
}

/* Section title compact */
.psops-intake-page .psops-active-step-panel h2,
.psops-intake-page .psops-intake-panel h2 {
    font-size: 1rem !important;
    margin-bottom: .15rem !important;
}

.psops-intake-page .psops-active-step-panel h2 + p,
.psops-intake-page .psops-intake-panel h2 + p {
    font-size: .78rem !important;
    line-height: 1.32 !important;
    max-width: 740px !important;
}

/* Call presets as compact cards, not huge pills */
.psops-intake-page .psops-call-presets {
    padding: .65rem !important;
    border-radius: 12px !important;
}

.psops-intake-page .psops-call-presets__header {
    margin-bottom: .45rem !important;
    font-size: .78rem !important;
}

.psops-intake-page .psops-call-presets__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .45rem !important;
}

.psops-intake-page .psops-call-preset {
    min-height: 46px !important;
    border-radius: 10px !important;
    padding: .45rem .55rem !important;
}

.psops-intake-page .psops-call-preset strong,
.psops-intake-page .psops-call-preset b,
.psops-intake-page .psops-call-preset .font-black {
    font-size: .78rem !important;
}

.psops-intake-page .psops-call-preset span,
.psops-intake-page .psops-call-preset small,
.psops-intake-page .psops-call-preset em {
    font-size: .68rem !important;
}

/*
   Rebuild the actual form field layout.
   The Blade already uses Tailwind grid classes, but earlier global overrides
   made it feel stacked. These rules restore a compact application form grid.
*/
.psops-intake-page .psops-active-step-panel .grid.gap-5,
.psops-intake-page .psops-active-step-panel .grid.gap-4,
.psops-intake-page .psops-active-step-panel .grid.gap-6,
.psops-intake-page .psops-intake-panel .grid.gap-5,
.psops-intake-page .psops-intake-panel .grid.gap-4,
.psops-intake-page .psops-intake-panel .grid.gap-6 {
    display: grid !important;
    gap: .7rem !important;
}

@media (min-width: 900px) {
    .psops-intake-page .psops-active-step-panel .grid.gap-5.md\:grid-cols-2,
    .psops-intake-page .psops-active-step-panel .grid.gap-5.xl\:grid-cols-4,
    .psops-intake-page .psops-active-step-panel .grid.gap-5.md\:grid-cols-2.xl\:grid-cols-4,
    .psops-intake-page .psops-intake-panel .grid.gap-5.md\:grid-cols-2,
    .psops-intake-page .psops-intake-panel .grid.gap-5.xl\:grid-cols-4,
    .psops-intake-page .psops-intake-panel .grid.gap-5.md\:grid-cols-2.xl\:grid-cols-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .psops-intake-page .psops-active-step-panel .xl\:col-span-2,
    .psops-intake-page .psops-intake-panel .xl\:col-span-2 {
        grid-column: span 2 / span 2 !important;
    }

    .psops-intake-page .psops-active-step-panel .xl\:col-span-3,
    .psops-intake-page .psops-intake-panel .xl\:col-span-3 {
        grid-column: span 3 / span 3 !important;
    }
}

@media (min-width: 1180px) {
    .psops-intake-page .psops-active-step-panel .grid.gap-5.md\:grid-cols-2.xl\:grid-cols-4,
    .psops-intake-page .psops-intake-panel .grid.gap-5.md\:grid-cols-2.xl\:grid-cols-4 {
        grid-template-columns: 1.45fr 1fr .8fr .8fr !important;
    }
}

/* Field sizing */
.psops-intake-page .psops-field {
    gap: .22rem !important;
    font-size: .78rem !important;
    line-height: 1.15 !important;
}

.psops-intake-page .psops-field > span,
.psops-intake-page .psops-field > div:first-child,
.psops-intake-page label > span {
    font-size: .78rem !important;
}

.psops-intake-page .psops-input,
.psops-intake-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.psops-intake-page select,
.psops-intake-page textarea {
    min-height: 2.15rem !important;
    height: auto !important;
    border-radius: 7px !important;
    font-size: .82rem !important;
    padding: .35rem .55rem !important;
}

.psops-intake-page textarea {
    min-height: 5.8rem !important;
}

/* NERIS reportable block should not create a huge mid-panel */
.psops-intake-page .psops-check-card {
    min-height: auto !important;
    padding: .65rem .75rem !important;
    border-radius: 10px !important;
    font-size: .8rem !important;
}

/* Final workflow/selected type cards: compact side-by-side */
.psops-intake-page .psops-active-step-panel .grid.gap-4.lg\:grid-cols-2,
.psops-intake-page .psops-intake-panel .grid.gap-4.lg\:grid-cols-2 {
    display: grid !important;
    gap: .7rem !important;
}

@media (min-width: 900px) {
    .psops-intake-page .psops-active-step-panel .grid.gap-4.lg\:grid-cols-2,
    .psops-intake-page .psops-intake-panel .grid.gap-4.lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

.psops-intake-page .psops-active-step-panel .rounded-2xl,
.psops-intake-page .psops-intake-panel .rounded-2xl {
    border-radius: 10px !important;
    padding: .65rem .75rem !important;
}

/* Live summary: smaller and less dominant */
.psops-intake-page .psops-intake-summary {
    max-width: 1120px !important;
    padding: .75rem !important;
    border-radius: 14px !important;
}

.psops-intake-page .psops-intake-summary__header {
    margin-bottom: .55rem !important;
}

.psops-intake-page .psops-intake-summary__grid {
    gap: .45rem !important;
}

.psops-intake-page .psops-intake-summary__item {
    min-height: 3.5rem !important;
    padding: .55rem .6rem !important;
    border-radius: 10px !important;
    font-size: .8rem !important;
}

.psops-intake-page .psops-intake-summary__item strong,
.psops-intake-page .psops-intake-summary__item b {
    font-size: .82rem !important;
}

/* Action bar: less tall */
.psops-intake-page .psops-intake-action-bar {
    max-width: 1120px !important;
    padding: .65rem .75rem !important;
    border-radius: 14px !important;
}

.psops-intake-page .psops-primary-button,
.psops-intake-page .psops-save-button,
.psops-intake-page .psops-secondary-button,
.psops-intake-page .psops-secondary-save-button,
.psops-intake-page .psops-time-chip,
.psops-intake-page .psops-time-now,
.psops-intake-page .psops-time-clear,
.psops-intake-page .psops-location-action {
    min-height: 2.1rem !important;
    padding: .42rem .75rem !important;
    font-size: .78rem !important;
}

/* Reduce overly big white-space utilities inside this custom view */
.psops-intake-page .space-y-6 > :not([hidden]) ~ :not([hidden]) {
    margin-top: .9rem !important;
}

.psops-intake-page .space-y-4 > :not([hidden]) ~ :not([hidden]) {
    margin-top: .65rem !important;
}

/* Mobile remains readable */
@media (max-width: 899px) {
    .psops-workflow-status {
        min-width: 100% !important;
    }

    .psops-intake-page .psops-call-presets__grid {
        grid-template-columns: 1fr !important;
    }

    .psops-intake-page .psops-active-step-panel .grid.gap-5,
    .psops-intake-page .psops-intake-panel .grid.gap-5 {
        grid-template-columns: 1fr !important;
    }
}

/*
|--------------------------------------------------------------------------
| PSOps Intake Alignment Pass 2
|--------------------------------------------------------------------------
| Tightens the guided intake now that the structure is correct.
*/

/* Slightly narrower frame so it feels intentional. */
.psops-intake-page {
    width: min(100%, 1060px) !important;
    max-width: 1060px !important;
    gap: .68rem !important;
}

/* Header: compact four-stat layout with incident number. */
.psops-intake-workflow-header {
    max-width: 1060px !important;
    padding: .72rem .85rem !important;
    border-radius: 14px !important;
}

.psops-intake-workflow-header h1 {
    font-size: clamp(1.25rem, 1.8vw, 1.65rem) !important;
    margin-bottom: .2rem !important;
}

.psops-intake-workflow-header p {
    max-width: 640px !important;
    font-size: .78rem !important;
    line-height: 1.3 !important;
}

.psops-workflow-status {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    min-width: 460px !important;
    gap: .35rem !important;
}

.psops-workflow-status > div {
    padding: .42rem .5rem !important;
    border-radius: 10px !important;
}

.psops-workflow-status span {
    font-size: .52rem !important;
    letter-spacing: .07em !important;
}

.psops-workflow-status strong {
    margin-top: .12rem !important;
    font-size: .76rem !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 980px) {
    .psops-workflow-status {
        min-width: 100% !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Readiness strip and step rail tighter. */
.psops-intake-page .psops-start-readiness,
.psops-intake-page div:has(> .psops-step-card),
.psops-intake-page .psops-active-step-panel,
.psops-intake-page .psops-intake-panel,
.psops-intake-page .psops-intake-summary,
.psops-intake-page .psops-intake-action-bar {
    max-width: 1060px !important;
}

.psops-intake-page .psops-start-readiness {
    padding: .5rem .6rem !important;
    border-radius: 12px !important;
}

.psops-intake-page .psops-start-readiness__main {
    font-size: .75rem !important;
}

.psops-intake-page .psops-start-check {
    min-height: 1.65rem !important;
    padding: .24rem .48rem !important;
    font-size: .66rem !important;
}

.psops-intake-page div:has(> .psops-step-card) {
    padding: .42rem !important;
    gap: .4rem !important;
    border-radius: 13px !important;
}

.psops-intake-page .psops-step-card {
    min-height: 46px !important;
    padding: .42rem .48rem !important;
    border-radius: 9px !important;
}

.psops-intake-page .psops-step-number {
    width: 1.28rem !important;
    height: 1.28rem !important;
    min-width: 1.28rem !important;
    font-size: .6rem !important;
}

.psops-intake-page .psops-step-card .font-black,
.psops-intake-page .psops-step-card p:first-child {
    font-size: .68rem !important;
}

.psops-intake-page .psops-step-card .text-xs,
.psops-intake-page .psops-step-card p:last-child {
    font-size: .58rem !important;
}

/* Active panel: remove the tall vertical feel. */
.psops-intake-page .psops-active-step-panel,
.psops-intake-page .psops-intake-panel {
    padding: .72rem !important;
    border-radius: 14px !important;
}

.psops-intake-page .psops-active-step-panel > .space-y-6,
.psops-intake-page .psops-intake-panel > .space-y-6 {
    gap: .58rem !important;
}

.psops-intake-page .psops-active-step-panel h2,
.psops-intake-page .psops-intake-panel h2 {
    font-size: .92rem !important;
}

.psops-intake-page .psops-active-step-panel h2 + p,
.psops-intake-page .psops-intake-panel h2 + p {
    font-size: .72rem !important;
    line-height: 1.25 !important;
}

/* Quick start cards: smaller, cleaner, aligned. */
.psops-intake-page .psops-call-presets {
    padding: .52rem !important;
    border-radius: 10px !important;
}

.psops-intake-page .psops-call-presets__header {
    margin-bottom: .35rem !important;
    font-size: .72rem !important;
}

.psops-intake-page .psops-call-presets__grid {
    gap: .35rem !important;
}

.psops-intake-page .psops-call-preset {
    min-height: 40px !important;
    border-radius: 8px !important;
    padding: .38rem .48rem !important;
}

.psops-intake-page .psops-call-preset strong,
.psops-intake-page .psops-call-preset b,
.psops-intake-page .psops-call-preset .font-black {
    font-size: .7rem !important;
}

.psops-intake-page .psops-call-preset span,
.psops-intake-page .psops-call-preset small,
.psops-intake-page .psops-call-preset em {
    font-size: .62rem !important;
}

/* Form grid: more balanced columns. */
@media (min-width: 920px) {
    .psops-intake-page .psops-active-step-panel .grid.gap-5.md\:grid-cols-2.xl\:grid-cols-4,
    .psops-intake-page .psops-intake-panel .grid.gap-5.md\:grid-cols-2.xl\:grid-cols-4 {
        grid-template-columns: 1.25fr .85fr .65fr .75fr !important;
        gap: .55rem !important;
    }

    .psops-intake-page .psops-active-step-panel .grid.gap-5.md\:grid-cols-2,
    .psops-intake-page .psops-intake-panel .grid.gap-5.md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: .55rem !important;
    }
}

.psops-intake-page .psops-field {
    gap: .16rem !important;
    font-size: .7rem !important;
}

.psops-intake-page .psops-field > span,
.psops-intake-page .psops-field > div:first-child,
.psops-intake-page label > span,
.psops-intake-page label {
    font-size: .7rem !important;
    line-height: 1.1 !important;
}

.psops-intake-page .psops-input,
.psops-intake-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.psops-intake-page select,
.psops-intake-page textarea {
    min-height: 1.92rem !important;
    border-radius: 6px !important;
    font-size: .72rem !important;
    padding: .26rem .42rem !important;
}

.psops-intake-page textarea {
    min-height: 4.75rem !important;
}

/* NERIS strip and final workflow detail: stop dominating the page. */
.psops-intake-page .psops-check-card {
    padding: .48rem .6rem !important;
    border-radius: 8px !important;
    font-size: .7rem !important;
}

.psops-intake-page .psops-active-step-panel .rounded-2xl,
.psops-intake-page .psops-intake-panel .rounded-2xl {
    padding: .5rem .6rem !important;
    border-radius: 8px !important;
}

.psops-intake-page .psops-active-step-panel .rounded-2xl *,
.psops-intake-page .psops-intake-panel .rounded-2xl * {
    font-size: .72rem !important;
    line-height: 1.25 !important;
}

/* Large workflow/selected-type text compacted. */
.psops-intake-page .psops-active-step-panel > div,
.psops-intake-page .psops-intake-panel > div {
    font-size: .76rem !important;
}

.psops-intake-page .psops-active-step-panel .text-lg,
.psops-intake-page .psops-active-step-panel .text-xl,
.psops-intake-page .psops-active-step-panel .text-2xl,
.psops-intake-page .psops-intake-panel .text-lg,
.psops-intake-page .psops-intake-panel .text-xl,
.psops-intake-page .psops-intake-panel .text-2xl {
    font-size: .82rem !important;
    line-height: 1.25 !important;
}

.psops-intake-page .psops-active-step-panel .text-sm,
.psops-intake-page .psops-active-step-panel .text-xs,
.psops-intake-page .psops-intake-panel .text-sm,
.psops-intake-page .psops-intake-panel .text-xs {
    font-size: .66rem !important;
    line-height: 1.22 !important;
}

/* Live summary: more compact and aligned. */
.psops-intake-page .psops-intake-summary {
    padding: .6rem !important;
    border-radius: 12px !important;
}

.psops-intake-page .psops-intake-summary__grid {
    gap: .35rem !important;
}

.psops-intake-page .psops-intake-summary__item {
    min-height: 3rem !important;
    padding: .42rem .5rem !important;
    border-radius: 8px !important;
    font-size: .68rem !important;
}

.psops-intake-page .psops-intake-summary__item strong,
.psops-intake-page .psops-intake-summary__item b {
    font-size: .7rem !important;
}

/* Action bar: smaller buttons, better spacing. */
.psops-intake-page .psops-intake-action-bar {
    padding: .55rem .6rem !important;
    border-radius: 12px !important;
}

.psops-intake-page .psops-primary-button,
.psops-intake-page .psops-save-button,
.psops-intake-page .psops-secondary-button,
.psops-intake-page .psops-secondary-save-button,
.psops-intake-page .psops-time-chip,
.psops-intake-page .psops-time-now,
.psops-intake-page .psops-time-clear,
.psops-intake-page .psops-location-action {
    min-height: 1.95rem !important;
    padding: .35rem .65rem !important;
    font-size: .7rem !important;
}

/* Prevent long NERIS values from blowing out cards. */
.psops-intake-page * {
    overflow-wrap: anywhere;
}

.psops-intake-page select,
.psops-intake-page input {
    overflow-wrap: normal;
}

/* Reduce extra Tailwind vertical margins inside this view. */
.psops-intake-page .space-y-6 > :not([hidden]) ~ :not([hidden]) {
    margin-top: .58rem !important;
}

.psops-intake-page .space-y-4 > :not([hidden]) ~ :not([hidden]) {
    margin-top: .45rem !important;
}

/*
|--------------------------------------------------------------------------
| PSOps Intake Action Bar Alignment
|--------------------------------------------------------------------------
| Tightens the bottom workflow controls and aligns Previous left with primary
| actions right. Visual-only.
*/

.psops-intake-page .psops-intake-action-bar {
    max-width: 1060px !important;
    min-height: unset !important;
    padding: .55rem .65rem !important;
    border-radius: 14px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .75rem !important;
    background:
        radial-gradient(circle at top right, rgba(38, 168, 255, .08), transparent 15rem),
        rgba(8, 24, 43, .90) !important;
}

/* The action bar usually has two children: previous group + save/continue group. */
.psops-intake-page .psops-intake-action-bar > * {
    margin: 0 !important;
}

.psops-intake-page .psops-intake-action-bar > :first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
}

.psops-intake-page .psops-intake-action-bar > :last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: .45rem !important;
    margin-left: auto !important;
}

/* If the Blade wraps buttons in nested flex utilities, normalize them. */
.psops-intake-page .psops-intake-action-bar .flex {
    align-items: center !important;
    gap: .45rem !important;
}

.psops-intake-page .psops-intake-action-bar button,
.psops-intake-page .psops-intake-action-bar a,
.psops-intake-page .psops-primary-button,
.psops-intake-page .psops-save-button,
.psops-intake-page .psops-secondary-button,
.psops-intake-page .psops-secondary-save-button {
    min-height: 2.15rem !important;
    height: 2.15rem !important;
    padding: 0 .85rem !important;
    border-radius: 999px !important;
    font-size: .72rem !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
}

/* Make Previous smaller and secondary. */
.psops-intake-page .psops-intake-action-bar > :first-child button,
.psops-intake-page .psops-intake-action-bar > :first-child a {
    min-width: 5.25rem !important;
    background: rgba(255, 255, 255, .045) !important;
    color: #f1f7ff !important;
    border: 1px solid rgba(82, 198, 255, .16) !important;
}

/* Primary action should read as the forward workflow action. */
.psops-intake-page .psops-intake-action-bar .psops-primary-button,
.psops-intake-page .psops-intake-action-bar .psops-save-button {
    min-width: 8.75rem !important;
    background: linear-gradient(135deg, #56d6ff, #26a8ff) !important;
    color: #06131f !important;
    border: none !important;
}

/* Save Draft stays secondary. */
.psops-intake-page .psops-intake-action-bar .psops-secondary-button,
.psops-intake-page .psops-intake-action-bar .psops-secondary-save-button {
    min-width: 6.8rem !important;
    background: rgba(255, 255, 255, .045) !important;
    color: #f1f7ff !important;
    border: 1px solid rgba(82, 198, 255, .16) !important;
}

/* Tighten the live summary so the footer controls are closer to the work. */
.psops-intake-page .psops-intake-summary {
    max-width: 1060px !important;
    padding: .52rem .6rem !important;
    border-radius: 12px !important;
}

.psops-intake-page .psops-intake-summary h2,
.psops-intake-page .psops-intake-summary h3,
.psops-intake-page .psops-intake-summary .text-lg,
.psops-intake-page .psops-intake-summary .text-xl {
    font-size: .85rem !important;
    line-height: 1.15 !important;
    margin: 0 !important;
}

.psops-intake-page .psops-intake-summary p,
.psops-intake-page .psops-intake-summary .text-sm,
.psops-intake-page .psops-intake-summary .text-xs {
    font-size: .66rem !important;
    line-height: 1.18 !important;
}

.psops-intake-page .psops-intake-summary__grid {
    gap: .32rem !important;
}

.psops-intake-page .psops-intake-summary__item {
    min-height: 2.75rem !important;
    padding: .38rem .48rem !important;
    border-radius: 8px !important;
}

/* Reduce the last stretch of empty space below the buttons. */
.psops-intake-page {
    padding-bottom: 1rem !important;
}

.psops-intake-page .psops-intake-action-bar + * {
    margin-top: .5rem !important;
}

/* Mobile: stack cleanly, keep primary buttons full width. */
@media (max-width: 760px) {
    .psops-intake-page .psops-intake-action-bar {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .psops-intake-page .psops-intake-action-bar > :first-child,
    .psops-intake-page .psops-intake-action-bar > :last-child {
        width: 100% !important;
        justify-content: stretch !important;
    }

    .psops-intake-page .psops-intake-action-bar > :last-child {
        margin-left: 0 !important;
    }

    .psops-intake-page .psops-intake-action-bar button,
    .psops-intake-page .psops-intake-action-bar a {
        width: 100% !important;
    }
}

/*
|--------------------------------------------------------------------------
| PSOps Guided Report Workspace Cleanup
|--------------------------------------------------------------------------
| The new incident intake is the guided start. The report workspace should not
| repeat the public/marketing hero. Hide the large banner inside internal
| incident edit/workspace screens and keep the operational header compact.
*/

/* Hide old app-internal marketing/demo hero when it appears above incident workspace. */
.fi-panel-admin .fi-page [class*="demo-polish"],
.fi-panel-admin .fi-page [class*="DemoPolish"],
.fi-panel-admin .fi-page [class*="marketing-hero"],
.fi-panel-admin .fi-page [class*="MarketingHero"],
.fi-panel-admin .fi-page [class*="psops-hero"],
.fi-panel-admin .fi-page [class*="psops-intake-hero"] {
    display: none !important;
}

/* If the banner has no predictable class but contains the old hero card structure,
   collapse the first oversized blue gradient block on incident edit screens. */
.fi-panel-admin .fi-page:has(.psops-incident-workspace) section:first-of-type:has(a[href*="incident-intake"]),
.fi-panel-admin .fi-page:has(.psops-incident-workspace) div:first-of-type:has(a[href*="incident-intake"]) {
    display: none !important;
}

/* Compact the actual incident workspace card so it becomes the primary header. */
.fi-panel-admin .psops-incident-workspace,
.fi-panel-admin [class*="incident-workspace"],
.fi-panel-admin [class*="IncidentWorkspace"] {
    margin-top: 0 !important;
}

/* Make edit incident top area feel like command software, not a landing page. */
.fi-panel-admin .fi-page:has(.psops-incident-workspace) .fi-header,
.fi-panel-admin .fi-page:has([class*="incident-workspace"]) .fi-header {
    border-radius: 18px !important;
    padding: .85rem 1rem !important;
    background:
        radial-gradient(circle at top right, rgba(38, 168, 255, .10), transparent 16rem),
        rgba(8, 24, 43, .92) !important;
}

/* Reduce the height of the report workspace overview cards. */
.fi-panel-admin .fi-page:has(.psops-incident-workspace) .fi-section,
.fi-panel-admin .fi-page:has([class*="incident-workspace"]) .fi-section {
    border-radius: 16px !important;
}

/* Better spacing after the header buttons. */
.fi-panel-admin .fi-page:has(.psops-incident-workspace) {
    gap: .9rem !important;
}

/* Keep primary report actions visible and compact. */
.fi-panel-admin .fi-header-actions,
.fi-panel-admin .fi-ac {
    gap: .45rem !important;
}

.fi-panel-admin .fi-header-actions .fi-btn,
.fi-panel-admin .fi-ac .fi-btn {
    min-height: 2.1rem !important;
    border-radius: 999px !important;
    font-size: .78rem !important;
    font-weight: 950 !important;
}

/* Department portal equivalent for future report workspace screens. */
.fi-panel-department .fi-page [class*="demo-polish"],
.fi-panel-department .fi-page [class*="marketing-hero"],
.fi-panel-department .fi-page [class*="psops-hero"] {
    display: none !important;
}

/*
|--------------------------------------------------------------------------
| PSOps Google Places Dropdown Results
|--------------------------------------------------------------------------
| Google Places is working. This makes returned address choices render as a
| clean stacked dropdown/list instead of inline text.
*/

.psops-intake-page .psops-address-search-card,
.psops-intake-page .psops-address-search,
.psops-intake-page [class*="address-search"] {
    position: relative !important;
}

/* Common result containers used by the PSOps address search JS / Livewire view. */
.psops-intake-page .psops-address-results,
.psops-intake-page .psops-address-search-results,
.psops-intake-page .psops-google-address-results,
.psops-intake-page .psops-google-places-results,
.psops-intake-page .address-results,
.psops-intake-page .address-search-results,
.psops-intake-page [id*="address-results"],
.psops-intake-page [id*="addressResults"],
.psops-intake-page [id*="autocomplete-results"],
.psops-intake-page [class*="address-results"],
.psops-intake-page [class*="autocomplete-results"],
.psops-intake-page [class*="places-results"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .35rem !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: .45rem !important;
    padding: .45rem !important;
    border: 1px solid rgba(82, 198, 255, .18) !important;
    border-radius: 12px !important;
    background: rgba(4, 14, 28, .98) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .28) !important;
    z-index: 60 !important;
}

/* Each returned place should be its own clickable row. */
.psops-intake-page .psops-address-results > *,
.psops-intake-page .psops-address-search-results > *,
.psops-intake-page .psops-google-address-results > *,
.psops-intake-page .psops-google-places-results > *,
.psops-intake-page .address-results > *,
.psops-intake-page .address-search-results > *,
.psops-intake-page [id*="address-results"] > *,
.psops-intake-page [id*="addressResults"] > *,
.psops-intake-page [id*="autocomplete-results"] > *,
.psops-intake-page [class*="address-results"] > *,
.psops-intake-page [class*="autocomplete-results"] > *,
.psops-intake-page [class*="places-results"] > * {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 2.45rem !important;
    padding: .55rem .7rem !important;
    border: 1px solid rgba(82, 198, 255, .12) !important;
    border-radius: 9px !important;
    background: rgba(8, 24, 43, .94) !important;
    color: #f1f7ff !important;
    text-align: left !important;
    line-height: 1.18 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    cursor: pointer !important;
}

.psops-intake-page .psops-address-results > *:hover,
.psops-intake-page .psops-address-search-results > *:hover,
.psops-intake-page .psops-google-address-results > *:hover,
.psops-intake-page .psops-google-places-results > *:hover,
.psops-intake-page .address-results > *:hover,
.psops-intake-page .address-search-results > *:hover,
.psops-intake-page [id*="address-results"] > *:hover,
.psops-intake-page [id*="addressResults"] > *:hover,
.psops-intake-page [id*="autocomplete-results"] > *:hover,
.psops-intake-page [class*="address-results"] > *:hover,
.psops-intake-page [class*="autocomplete-results"] > *:hover,
.psops-intake-page [class*="places-results"] > *:hover {
    border-color: rgba(86, 214, 255, .45) !important;
    background: rgba(14, 83, 135, .34) !important;
}

/* If suggestions are rendered as buttons/anchors directly after the input, force spacing. */
.psops-intake-page .psops-address-search-card button,
.psops-intake-page .psops-address-search-card a,
.psops-intake-page [class*="address-search"] button,
.psops-intake-page [class*="address-search"] a {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.psops-intake-page .psops-address-search-card button + button,
.psops-intake-page .psops-address-search-card a + a,
.psops-intake-page [class*="address-search"] button + button,
.psops-intake-page [class*="address-search"] a + a {
    margin-top: .35rem !important;
}

/* Native Google Places dropdown fallback. */
.pac-container {
    z-index: 999999 !important;
    border: 1px solid rgba(82, 198, 255, .22) !important;
    border-radius: 12px !important;
    background: #07111f !important;
    color: #f1f7ff !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .35) !important;
    overflow: hidden !important;
}

.pac-item {
    display: block !important;
    padding: .65rem .8rem !important;
    border-top: 1px solid rgba(82, 198, 255, .10) !important;
    color: #dcecff !important;
    cursor: pointer !important;
}

.pac-item:hover,
.pac-item-selected {
    background: rgba(14, 83, 135, .42) !important;
}

.pac-item-query,
.pac-matched {
    color: #f1f7ff !important;
    font-weight: 900 !important;
}

.pac-icon {
    filter: invert(1) opacity(.7);
}

/*
|--------------------------------------------------------------------------
| PSOps Address Dropdown Theme Polish
|--------------------------------------------------------------------------
| Visual-only polish for Google Places suggestions. Keeps JS, Location,
| Times, NERIS, and address save logic untouched.
*/

.psops-intake-page .psops-address-results,
.psops-intake-page .psops-address-search-results,
.psops-intake-page .psops-google-address-results,
.psops-intake-page .psops-google-places-results,
.psops-intake-page .address-results,
.psops-intake-page .address-search-results,
.psops-intake-page [id*="address-results"],
.psops-intake-page [id*="addressResults"],
.psops-intake-page [id*="autocomplete-results"],
.psops-intake-page [class*="address-results"],
.psops-intake-page [class*="autocomplete-results"],
.psops-intake-page [class*="places-results"] {
    position: relative !important;
    margin-top: .55rem !important;
    padding: .5rem !important;
    border-radius: 16px !important;
    border: 1px solid rgba(86, 214, 255, .26) !important;
    background:
        radial-gradient(circle at top left, rgba(86, 214, 255, .12), transparent 14rem),
        linear-gradient(180deg, rgba(5, 18, 35, .99), rgba(3, 12, 25, .99)) !important;
    box-shadow:
        0 22px 60px rgba(0, 0, 0, .38),
        inset 0 1px 0 rgba(255, 255, 255, .045) !important;
    overflow: hidden !important;
}

.psops-intake-page .psops-address-results::before,
.psops-intake-page .psops-address-search-results::before,
.psops-intake-page .psops-google-address-results::before,
.psops-intake-page .psops-google-places-results::before,
.psops-intake-page .address-results::before,
.psops-intake-page .address-search-results::before,
.psops-intake-page [id*="address-results"]::before,
.psops-intake-page [id*="addressResults"]::before,
.psops-intake-page [id*="autocomplete-results"]::before,
.psops-intake-page [class*="address-results"]::before,
.psops-intake-page [class*="autocomplete-results"]::before,
.psops-intake-page [class*="places-results"]::before {
    content: "Suggested locations";
    display: block;
    margin: .05rem .15rem .45rem;
    color: #67e8f9;
    font-size: .62rem;
    font-weight: 950;
    letter-spacing: .14em;
    text-transform: uppercase;
    opacity: .86;
}

/* Result row polish */
.psops-intake-page .psops-address-results > *,
.psops-intake-page .psops-address-search-results > *,
.psops-intake-page .psops-google-address-results > *,
.psops-intake-page .psops-google-places-results > *,
.psops-intake-page .address-results > *,
.psops-intake-page .address-search-results > *,
.psops-intake-page [id*="address-results"] > *,
.psops-intake-page [id*="addressResults"] > *,
.psops-intake-page [id*="autocomplete-results"] > *,
.psops-intake-page [class*="address-results"] > *,
.psops-intake-page [class*="autocomplete-results"] > *,
.psops-intake-page [class*="places-results"] > * {
    position: relative !important;
    min-height: 2.8rem !important;
    padding: .68rem .8rem .68rem 2.45rem !important;
    border-radius: 12px !important;
    border: 1px solid rgba(82, 198, 255, .14) !important;
    background:
        linear-gradient(135deg, rgba(12, 39, 70, .96), rgba(6, 20, 38, .96)) !important;
    color: #f1f7ff !important;
    font-size: .86rem !important;
    font-weight: 850 !important;
    letter-spacing: -.01em !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
    transition:
        border-color .16s ease,
        background .16s ease,
        transform .16s ease,
        box-shadow .16s ease !important;
}

/* Map pin dot */
.psops-intake-page .psops-address-results > *::before,
.psops-intake-page .psops-address-search-results > *::before,
.psops-intake-page .psops-google-address-results > *::before,
.psops-intake-page .psops-google-places-results > *::before,
.psops-intake-page .address-results > *::before,
.psops-intake-page .address-search-results > *::before,
.psops-intake-page [id*="address-results"] > *::before,
.psops-intake-page [id*="addressResults"] > *::before,
.psops-intake-page [id*="autocomplete-results"] > *::before,
.psops-intake-page [class*="address-results"] > *::before,
.psops-intake-page [class*="autocomplete-results"] > *::before,
.psops-intake-page [class*="places-results"] > *::before {
    content: "⌖";
    position: absolute;
    left: .75rem;
    top: 50%;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #56d6ff, #26a8ff);
    color: #06131f;
    font-size: .72rem;
    font-weight: 950;
    box-shadow: 0 0 0 3px rgba(86, 214, 255, .10);
}

/* Chevron hint */
.psops-intake-page .psops-address-results > *::after,
.psops-intake-page .psops-address-search-results > *::after,
.psops-intake-page .psops-google-address-results > *::after,
.psops-intake-page .psops-google-places-results > *::after,
.psops-intake-page .address-results > *::after,
.psops-intake-page .address-search-results > *::after,
.psops-intake-page [id*="address-results"] > *::after,
.psops-intake-page [id*="addressResults"] > *::after,
.psops-intake-page [id*="autocomplete-results"] > *::after,
.psops-intake-page [class*="address-results"] > *::after,
.psops-intake-page [class*="autocomplete-results"] > *::after,
.psops-intake-page [class*="places-results"] > *::after {
    content: "Select";
    position: absolute;
    right: .7rem;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid rgba(86, 214, 255, .22);
    border-radius: 999px;
    padding: .18rem .45rem;
    background: rgba(86, 214, 255, .08);
    color: #67e8f9;
    font-size: .58rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .72;
}

/* Hover / active */
.psops-intake-page .psops-address-results > *:hover,
.psops-intake-page .psops-address-search-results > *:hover,
.psops-intake-page .psops-google-address-results > *:hover,
.psops-intake-page .psops-google-places-results > *:hover,
.psops-intake-page .address-results > *:hover,
.psops-intake-page .address-search-results > *:hover,
.psops-intake-page [id*="address-results"] > *:hover,
.psops-intake-page [id*="addressResults"] > *:hover,
.psops-intake-page [id*="autocomplete-results"] > *:hover,
.psops-intake-page [class*="address-results"] > *:hover,
.psops-intake-page [class*="autocomplete-results"] > *:hover,
.psops-intake-page [class*="places-results"] > *:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(86, 214, 255, .55) !important;
    background:
        radial-gradient(circle at top right, rgba(86, 214, 255, .16), transparent 12rem),
        linear-gradient(135deg, rgba(13, 65, 105, .96), rgba(7, 26, 48, .96)) !important;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, .24),
        0 0 0 1px rgba(86, 214, 255, .08) !important;
}

/* Native Google dropdown polish too */
.pac-container {
    border-radius: 16px !important;
    border: 1px solid rgba(86, 214, 255, .26) !important;
    background:
        linear-gradient(180deg, rgba(5, 18, 35, .99), rgba(3, 12, 25, .99)) !important;
    box-shadow:
        0 22px 60px rgba(0, 0, 0, .38),
        inset 0 1px 0 rgba(255, 255, 255, .045) !important;
    padding: .35rem !important;
}

.pac-item {
    border-radius: 10px !important;
    border: 1px solid rgba(82, 198, 255, .10) !important;
    margin: .25rem !important;
    background: rgba(8, 24, 43, .72) !important;
    color: #dcecff !important;
}

.pac-item:hover,
.pac-item-selected {
    border-color: rgba(86, 214, 255, .42) !important;
    background: rgba(14, 83, 135, .42) !important;
}

.pac-item-query {
    color: #f1f7ff !important;
    font-weight: 950 !important;
}

.pac-matched {
    color: #67e8f9 !important;
    font-weight: 950 !important;
}


/*
|--------------------------------------------------------------------------
| PSOps Guided Location Lookup
|--------------------------------------------------------------------------
| Google Places lookup lives in the guided Location screen now.
*/

.psops-guided-location-lookup {
    position: relative;
    display: grid;
    gap: .85rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid rgba(86, 214, 255, .22);
    border-radius: 18px;
    background:
        radial-gradient(circle at top right, rgba(86, 214, 255, .11), transparent 20rem),
        linear-gradient(135deg, rgba(9, 32, 58, .96), rgba(5, 14, 29, .98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .045),
        0 18px 44px rgba(0, 0, 0, .18);
    overflow: visible;
}

.psops-guided-location-lookup__header span {
    display: inline-flex;
    border: 1px solid rgba(103, 232, 249, .24);
    border-radius: 999px;
    padding: .22rem .55rem;
    background: rgba(255, 255, 255, .045);
    color: #67e8f9;
    font-size: .62rem;
    font-weight: 950;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.psops-guided-location-lookup__header h3 {
    margin: .45rem 0 .15rem;
    color: #f1f7ff;
    font-size: 1.28rem;
    font-weight: 950;
    letter-spacing: -.025em;
}

.psops-guided-location-lookup__header p {
    max-width: 760px;
    color: #9fb4cf;
    font-size: .88rem;
}

.psops-guided-location-lookup__search {
    position: relative;
}

.psops-guided-location-lookup__search input {
    width: 100%;
    min-height: 2.8rem;
    border: 1px solid rgba(86, 214, 255, .30);
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(7, 17, 31, .98), rgba(4, 12, 24, .98));
    color: #f8fbff;
    padding: .7rem .9rem;
    font-size: .95rem;
    font-weight: 850;
    letter-spacing: -.01em;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 0 0 1px rgba(86,214,255,.035);
}

.psops-guided-location-lookup__search input:focus {
    outline: none;
    border-color: rgba(86, 214, 255, .70);
    box-shadow:
        0 0 0 3px rgba(38, 168, 255, .15),
        0 16px 34px rgba(0, 0, 0, .18);
}

.psops-location-map-panel {
    min-height: 5.5rem;
    border: 1px solid rgba(86, 214, 255, .16);
    border-radius: 16px;
    background:
        radial-gradient(circle at 12% 20%, rgba(86, 214, 255, .12), transparent 14rem),
        linear-gradient(135deg, rgba(8, 24, 43, .88), rgba(4, 12, 24, .96));
    overflow: hidden;
}

.psops-location-map-panel__copy {
    padding: .9rem;
    color: #dcecff;
}

.psops-location-map-panel__copy strong {
    display: block;
    color: #f1f7ff;
    font-weight: 950;
}

.psops-location-map-panel__copy small {
    display: block;
    margin-top: .2rem;
    color: #9fb4cf;
}

/*
|--------------------------------------------------------------------------
| PSOps Guided Location Google Places + Map Polish
|--------------------------------------------------------------------------
*/

.psops-guided-place-result {
    position: relative;
    display: grid;
    gap: .12rem;
    width: 100%;
    min-height: 3rem;
    padding: .68rem .82rem .68rem 2.55rem;
    border: 1px solid rgba(82, 198, 255, .14);
    border-radius: 12px;
    background:
        linear-gradient(135deg, rgba(12, 39, 70, .96), rgba(6, 20, 38, .96));
    color: #f1f7ff;
    text-align: left;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.psops-guided-place-result::before {
    content: "⌖";
    position: absolute;
    left: .75rem;
    top: 50%;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    width: 1.32rem;
    height: 1.32rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #56d6ff, #26a8ff);
    color: #06131f;
    font-size: .72rem;
    font-weight: 950;
    box-shadow: 0 0 0 3px rgba(86, 214, 255, .10);
}

.psops-guided-place-result strong {
    color: #f8fbff;
    font-size: .88rem;
    font-weight: 950;
    line-height: 1.15;
}

.psops-guided-place-result span {
    color: #9fb4cf;
    font-size: .78rem;
    font-weight: 750;
    line-height: 1.18;
}

.psops-guided-place-result:hover {
    transform: translateY(-1px);
    border-color: rgba(86, 214, 255, .55);
    background:
        radial-gradient(circle at top right, rgba(86, 214, 255, .16), transparent 12rem),
        linear-gradient(135deg, rgba(13, 65, 105, .96), rgba(7, 26, 48, .96));
    box-shadow:
        0 12px 28px rgba(0, 0, 0, .24),
        0 0 0 1px rgba(86, 214, 255, .08);
}

.psops-guided-map-canvas {
    min-height: 220px;
    border: 1px solid rgba(86, 214, 255, .16);
    background: rgba(4, 12, 24, .95);
}

.psops-guided-map-caption {
    display: grid;
    gap: .1rem;
    padding: .75rem .85rem;
    border-top: 1px solid rgba(86, 214, 255, .12);
    background: rgba(4, 12, 24, .55);
}

.psops-guided-map-caption strong {
    color: #f8fbff;
    font-weight: 950;
}

.psops-guided-map-caption span {
    color: #9fb4cf;
    font-size: .82rem;
    font-weight: 750;
}

/* The guided location result box should never collapse into one line. */
.psops-guided-location-lookup .psops-address-results {
    display: grid !important;
    gap: .4rem !important;
}

/*
|--------------------------------------------------------------------------
| PSOps Dashboard Recent Call Clickable Rows
|--------------------------------------------------------------------------
*/

.psops-dashboard-call-link {
    display: block !important;
    color: inherit !important;
    text-decoration: none !important;
    cursor: pointer !important;
    position: relative !important;
    transition:
        transform .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease !important;
}

.psops-dashboard-call-link::after {
    content: "Open →";
    position: absolute;
    right: 1rem;
    bottom: .9rem;
    color: #67e8f9;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity .16s ease, transform .16s ease;
    pointer-events: none;
}

.psops-dashboard-call-link:hover,
.psops-dashboard-call-link:focus-visible {
    transform: translateY(-2px) !important;
    border-color: rgba(86, 214, 255, .48) !important;
    background:
        radial-gradient(circle at top right, rgba(86, 214, 255, .13), transparent 13rem),
        rgba(8, 24, 43, .96) !important;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, .24),
        0 0 0 1px rgba(86, 214, 255, .08) !important;
    outline: none !important;
}

.psops-dashboard-call-link:hover::after,
.psops-dashboard-call-link:focus-visible::after {
    opacity: 1;
    transform: translateX(0);
}

.psops-dashboard-call-link:active {
    transform: translateY(0) !important;
}

/*
|--------------------------------------------------------------------------
| PSOps Dashboard Incident Status Board
|--------------------------------------------------------------------------
*/

.psops-status-board-panel {
    border-color: rgba(86, 214, 255, .22) !important;
    background:
        radial-gradient(circle at top right, rgba(86, 214, 255, .08), transparent 20rem),
        linear-gradient(180deg, rgba(7, 22, 42, .98), rgba(5, 14, 29, .98)) !important;
}

.psops-status-board-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.psops-status-board-header span {
    display: inline-flex;
    border: 1px solid rgba(103, 232, 249, .24);
    border-radius: 999px;
    padding: .2rem .55rem;
    background: rgba(255, 255, 255, .045);
    color: #67e8f9;
    font-size: .62rem;
    font-weight: 950;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.psops-status-board-header h2 {
    margin: .45rem 0 .15rem;
    color: #f1f7ff;
    font-size: 1.45rem;
    font-weight: 950;
    letter-spacing: -.025em;
}

.psops-status-board-header p {
    color: #9fb4cf;
    font-size: .9rem;
    max-width: 760px;
}

.psops-status-board-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.psops-status-board-card {
    position: relative;
    min-height: 7.2rem;
    display: grid;
    align-content: start;
    gap: .18rem;
    padding: .9rem;
    border: 1px solid rgba(86, 214, 255, .16);
    border-radius: 16px;
    background:
        radial-gradient(circle at top right, rgba(86, 214, 255, .10), transparent 11rem),
        rgba(8, 24, 43, .86);
    color: inherit;
    text-decoration: none;
    overflow: hidden;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.psops-status-board-card span {
    color: #67e8f9;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.psops-status-board-card strong {
    color: #f8fbff;
    font-size: 2.15rem;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -.045em;
}

.psops-status-board-card small {
    color: #9fb4cf;
    font-size: .82rem;
    font-weight: 700;
    line-height: 1.25;
    max-width: 18rem;
}

.psops-status-board-card em {
    position: absolute;
    right: .85rem;
    bottom: .75rem;
    color: #67e8f9;
    font-size: .72rem;
    font-style: normal;
    font-weight: 950;
    opacity: .78;
}

.psops-status-board-card::after {
    content: "";
    position: absolute;
    right: -3.5rem;
    bottom: -3.5rem;
    width: 9rem;
    height: 9rem;
    border-radius: 999px;
    background: rgba(86, 214, 255, .07);
    pointer-events: none;
}

.psops-status-board-card:hover,
.psops-status-board-card:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(86, 214, 255, .46);
    background:
        radial-gradient(circle at top right, rgba(86, 214, 255, .16), transparent 12rem),
        rgba(8, 24, 43, .96);
    box-shadow:
        0 18px 42px rgba(0, 0, 0, .24),
        0 0 0 1px rgba(86, 214, 255, .08);
    outline: none;
}

.psops-status-board-card--review {
    border-color: rgba(250, 204, 21, .26);
}

.psops-status-board-card--review span,
.psops-status-board-card--review em {
    color: #fde68a;
}

.psops-status-board-card--success {
    border-color: rgba(34, 197, 94, .26);
}

.psops-status-board-card--success span,
.psops-status-board-card--success em {
    color: #86efac;
}

@media (max-width: 900px) {
    .psops-status-board-grid {
        grid-template-columns: 1fr;
    }
}

/* Filament incident list tabs get a cleaner PSOps feel without changing logic. */
.fi-tabs,
.fi-ta-tabs {
    border-radius: 16px !important;
    border: 1px solid rgba(86, 214, 255, .14) !important;
    background: rgba(8, 24, 43, .62) !important;
    padding: .35rem !important;
}

.fi-tabs button,
.fi-ta-tabs button,
.fi-tabs a,
.fi-ta-tabs a {
    border-radius: 999px !important;
    font-weight: 850 !important;
}

/*
|--------------------------------------------------------------------------
| PSOps Department Demo Command Dashboard Helpers
|--------------------------------------------------------------------------
*/

.psops-command-shell {
    display: grid;
    gap: 1rem;
}

.psops-command-hero,
.psops-command-panel,
.psops-command-metric,
.psops-command-card {
    border: 1px solid rgba(86, 214, 255, .16);
    background:
        radial-gradient(circle at top right, rgba(86, 214, 255, .09), transparent 20rem),
        rgba(8, 24, 43, .92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.psops-command-hero {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.55rem;
    border-radius: 24px;
}

.psops-command-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    width: fit-content;
    border: 1px solid rgba(103, 232, 249, .22);
    border-radius: 999px;
    padding: .25rem .65rem;
    color: #67e8f9;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.psops-live-dot {
    display: inline-block;
    width: .55rem;
    height: .55rem;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, .12);
}

.psops-command-hero h1 {
    margin: .75rem 0 .35rem;
    color: #f8fbff;
    font-size: clamp(2rem, 4vw, 3.15rem);
    font-weight: 950;
    letter-spacing: -.055em;
    line-height: .98;
}

.psops-command-hero p,
.psops-command-card p,
.psops-command-panel p,
.psops-command-metric small,
.psops-recent-item span,
.psops-recent-item small,
.psops-shortcut-list span {
    color: #9fb4cf;
}

.psops-command-actions {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.psops-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0 1.25rem;
    border-radius: 999px;
    font-weight: 950;
    text-decoration: none;
}

.psops-btn-primary {
    background: linear-gradient(135deg, #56d6ff, #1688e8);
    color: #06131f !important;
}

.psops-btn-secondary {
    border: 1px solid rgba(86, 214, 255, .2);
    color: #67e8f9 !important;
    background: rgba(255, 255, 255, .035);
}

.psops-command-metrics,
.psops-command-grid,
.psops-command-two-column {
    display: grid;
    gap: .85rem;
}

.psops-command-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.psops-command-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.psops-command-two-column {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.psops-command-metric,
.psops-command-card,
.psops-command-panel {
    border-radius: 18px;
    padding: 1rem;
    color: inherit;
    text-decoration: none;
}

.psops-command-metric span {
    color: #9fb4cf;
    font-size: .7rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.psops-command-metric strong {
    display: block;
    color: #f8fbff;
    font-size: 2rem;
    font-weight: 950;
    line-height: 1;
    margin: .35rem 0;
}

.psops-command-card {
    min-height: 12rem;
    display: grid;
    align-content: start;
    gap: .55rem;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.psops-command-card-primary {
    background: linear-gradient(135deg, rgba(86, 214, 255, .95), rgba(22, 136, 232, .95));
    color: #06131f;
}

.psops-command-card-primary p,
.psops-command-card-primary span {
    color: rgba(6, 19, 31, .78);
}

.psops-command-card:hover,
.psops-command-metric:hover,
.psops-recent-item:hover,
.psops-shortcut-list a:hover {
    transform: translateY(-2px);
    border-color: rgba(86, 214, 255, .46);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .24);
}

.psops-card-icon {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: .85rem;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .08);
}

.psops-card-title {
    color: #f8fbff;
    font-size: 1.05rem;
    font-weight: 950;
}

.psops-command-card-primary .psops-card-title {
    color: #06131f;
}

.psops-command-card span {
    margin-top: auto;
    color: #67e8f9;
    font-weight: 950;
}

.psops-panel-header h2 {
    margin: 0 0 .2rem;
    color: #f8fbff;
    font-size: 1.1rem;
    font-weight: 950;
}

.psops-shortcut-list,
.psops-recent-list {
    display: grid;
    gap: .65rem;
    margin-top: .9rem;
}

.psops-shortcut-list a,
.psops-recent-item,
.psops-empty-state {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem;
    border: 1px solid rgba(86, 214, 255, .12);
    border-radius: 14px;
    background: rgba(4, 12, 24, .42);
    color: inherit;
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.psops-shortcut-list strong,
.psops-recent-item strong,
.psops-empty-state strong {
    color: #f8fbff;
    font-weight: 950;
}

.psops-recent-item em {
    align-self: center;
    border-radius: 999px;
    background: #7dd3fc;
    color: #06131f;
    padding: .35rem .65rem;
    font-style: normal;
    font-size: .75rem;
    font-weight: 950;
}

.psops-recent-item div {
    display: grid;
    gap: .14rem;
}

@media (max-width: 1100px) {
    .psops-command-metrics,
    .psops-command-grid,
    .psops-command-two-column {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .psops-command-hero {
        display: grid;
    }

    .psops-command-metrics,
    .psops-command-grid,
    .psops-command-two-column {
        grid-template-columns: 1fr;
    }
}

/*
|--------------------------------------------------------------------------
| PSOps NERIS Success Responses Panel
|--------------------------------------------------------------------------
*/

.psops-neris-success-panel {
    margin-top: 1rem;
    border-color: rgba(34, 197, 94, .26) !important;
    background:
        radial-gradient(circle at top right, rgba(34, 197, 94, .11), transparent 18rem),
        rgba(8, 24, 43, .94) !important;
}

.psops-neris-success-count {
    display: grid;
    place-items: center;
    min-width: 5.25rem;
    min-height: 4.25rem;
    border: 1px solid rgba(34, 197, 94, .24);
    border-radius: 16px;
    background: rgba(34, 197, 94, .08);
}

.psops-neris-success-count strong {
    color: #86efac;
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 950;
}

.psops-neris-success-count span {
    color: #bbf7d0;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}

/*
|--------------------------------------------------------------------------
| PSOps Loudon Demo Dashboard Safe Clone
|--------------------------------------------------------------------------
*/

.psops-command-shell {
    display: grid;
    gap: 1rem;
}

.psops-command-hero,
.psops-command-panel,
.psops-command-metric,
.psops-command-card {
    border: 1px solid rgba(86, 214, 255, .16);
    background:
        radial-gradient(circle at top right, rgba(86, 214, 255, .09), transparent 20rem),
        rgba(8, 24, 43, .92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.psops-command-hero {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.55rem;
    border-radius: 24px;
}

.psops-command-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    width: fit-content;
    border: 1px solid rgba(103, 232, 249, .22);
    border-radius: 999px;
    padding: .25rem .65rem;
    color: #67e8f9;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.psops-live-dot {
    display: inline-block;
    width: .55rem;
    height: .55rem;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, .12);
}

.psops-command-hero h1 {
    margin: .75rem 0 .35rem;
    color: #f8fbff;
    font-size: clamp(2rem, 4vw, 3.15rem);
    font-weight: 950;
    letter-spacing: -.055em;
    line-height: .98;
}

.psops-command-hero p,
.psops-command-card p,
.psops-command-panel p,
.psops-command-metric small,
.psops-recent-item span,
.psops-recent-item small,
.psops-shortcut-list span,
.psops-status-board-card small {
    color: #9fb4cf;
}

.psops-command-actions {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.psops-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0 1.25rem;
    border-radius: 999px;
    font-weight: 950;
    text-decoration: none;
}

.psops-btn-primary {
    background: linear-gradient(135deg, #56d6ff, #1688e8);
    color: #06131f !important;
}

.psops-btn-secondary {
    border: 1px solid rgba(86, 214, 255, .2);
    color: #67e8f9 !important;
    background: rgba(255, 255, 255, .035);
}

.psops-command-metrics,
.psops-command-grid,
.psops-command-two-column {
    display: grid;
    gap: .85rem;
}

.psops-command-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.psops-command-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.psops-command-two-column {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.psops-command-metric,
.psops-command-card,
.psops-command-panel {
    border-radius: 18px;
    padding: 1rem;
    color: inherit;
    text-decoration: none;
}

.psops-command-metric span,
.psops-status-board-card span {
    color: #67e8f9;
    font-size: .7rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.psops-command-metric strong,
.psops-status-board-card strong {
    display: block;
    color: #f8fbff;
    font-size: 2rem;
    font-weight: 950;
    line-height: 1;
    margin: .35rem 0;
}

.psops-command-card,
.psops-status-board-card {
    min-height: 10.5rem;
    display: grid;
    align-content: start;
    gap: .55rem;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.psops-command-card-primary {
    background: linear-gradient(135deg, rgba(86, 214, 255, .95), rgba(22, 136, 232, .95));
    color: #06131f;
}

.psops-command-card-primary p,
.psops-command-card-primary span {
    color: rgba(6, 19, 31, .78);
}

.psops-command-card:hover,
.psops-command-metric:hover,
.psops-recent-item:hover,
.psops-shortcut-list a:hover,
.psops-status-board-card:hover {
    transform: translateY(-2px);
    border-color: rgba(86, 214, 255, .46);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .24);
}

.psops-card-icon {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: .85rem;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .08);
}

.psops-card-title {
    color: #f8fbff;
    font-size: 1.05rem;
    font-weight: 950;
}

.psops-command-card-primary .psops-card-title {
    color: #06131f;
}

.psops-command-card span,
.psops-status-board-card em {
    margin-top: auto;
    color: #67e8f9;
    font-weight: 950;
    font-style: normal;
}

.psops-panel-header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.psops-panel-header h2 {
    margin: .4rem 0 .2rem;
    color: #f8fbff;
    font-size: 1.35rem;
    font-weight: 950;
}

.psops-shortcut-list,
.psops-recent-list,
.psops-status-board-grid {
    display: grid;
    gap: .65rem;
    margin-top: .9rem;
}

.psops-status-board-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.psops-shortcut-list a,
.psops-recent-item,
.psops-empty-state,
.psops-status-board-card {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem;
    border: 1px solid rgba(86, 214, 255, .12);
    border-radius: 14px;
    background: rgba(4, 12, 24, .42);
    color: inherit;
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.psops-status-board-card {
    display: grid;
}

.psops-shortcut-list strong,
.psops-recent-item strong,
.psops-empty-state strong {
    color: #f8fbff;
    font-weight: 950;
}

.psops-recent-item em {
    align-self: center;
    border-radius: 999px;
    background: #7dd3fc;
    color: #06131f;
    padding: .35rem .65rem;
    font-style: normal;
    font-size: .75rem;
    font-weight: 950;
}

.psops-recent-item div {
    display: grid;
    gap: .14rem;
}

.psops-neris-success-panel {
    border-color: rgba(34, 197, 94, .26) !important;
    background:
        radial-gradient(circle at top right, rgba(34, 197, 94, .11), transparent 18rem),
        rgba(8, 24, 43, .94) !important;
}

.psops-neris-success-count {
    display: grid;
    place-items: center;
    min-width: 5.25rem;
    min-height: 4.25rem;
    border: 1px solid rgba(34, 197, 94, .24);
    border-radius: 16px;
    background: rgba(34, 197, 94, .08);
}

.psops-neris-success-count strong {
    color: #86efac;
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 950;
}

.psops-neris-success-count span {
    color: #bbf7d0;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.psops-status-board-card--success {
    border-color: rgba(34, 197, 94, .25);
}

.psops-status-board-card--success span,
.psops-status-board-card--success em {
    color: #86efac;
}

.psops-status-board-card--review {
    border-color: rgba(250, 204, 21, .25);
}

.psops-status-board-card--review span,
.psops-status-board-card--review em {
    color: #fde68a;
}

@media (max-width: 1100px) {
    .psops-command-metrics,
    .psops-command-grid,
    .psops-command-two-column {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .psops-command-hero,
    .psops-panel-header {
        display: grid;
    }

    .psops-command-metrics,
    .psops-command-grid,
    .psops-command-two-column,
    .psops-status-board-grid {
        grid-template-columns: 1fr;
    }
}