/*
 * ClassicSoft Application Starter — UI Foundation v1.0.1
 * Regla: overrides mínimos. No duplicar Simple/Bootstrap.
 */

:root {
    --classicsoft-app-gap: 1rem;
    --classicsoft-dialog-icon-size: 3rem;
}

.content-page > .container-fluid {
    padding-bottom: 1rem;
}

@media (max-width: 767.98px) {
    .page-title-head {
        gap: .75rem;
    }
}

.auth-bg {
    background:
        radial-gradient(circle at top right, rgba(var(--ins-primary-rgb), .08), transparent 34%),
        var(--ins-body-bg);
}

/* Dialogs */
.cs-confirm-modal .modal-content {
    border-radius: 1rem;
}

.cs-dialog-icon {
    width: var(--classicsoft-dialog-icon-size);
    height: var(--classicsoft-dialog-icon-size);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cs-dialog-icon svg {
    width: 1.25rem;
    height: 1.25rem;
}

.cs-dialog-icon-danger {
    background: rgba(var(--ins-danger-rgb), .12);
    color: var(--ins-danger);
}

.cs-dialog-icon-warning {
    background: rgba(var(--ins-warning-rgb), .14);
    color: var(--ins-warning);
}

.cs-dialog-icon-primary {
    background: rgba(var(--ins-primary-rgb), .12);
    color: var(--ins-primary);
}

.cs-dialog-icon-success {
    background: rgba(var(--ins-success-rgb), .12);
    color: var(--ins-success);
}

.cs-dialog-icon-info {
    background: rgba(var(--ins-info-rgb), .12);
    color: var(--ins-info);
}

/* Toasts */
.cs-toast-container {
    z-index: 1090;
    margin-top: 4.5rem;
}

.cs-toast {
    min-width: 20rem;
    border-left: .25rem solid transparent !important;
}

.cs-toast-success {
    border-left-color: var(--ins-success) !important;
}

.cs-toast-error {
    border-left-color: var(--ins-danger) !important;
}

.cs-toast-warning {
    border-left-color: var(--ins-warning) !important;
}

.cs-toast-info {
    border-left-color: var(--ins-info) !important;
}

.cs-toast-success .cs-toast-icon {
    color: var(--ins-success);
}

.cs-toast-error .cs-toast-icon {
    color: var(--ins-danger);
}

.cs-toast-warning .cs-toast-icon {
    color: var(--ins-warning);
}

.cs-toast-info .cs-toast-icon {
    color: var(--ins-info);
}

/* Empty states */
.cs-empty-state {
    padding: 3rem 1.5rem;
    text-align: center;
    color: var(--ins-secondary-color);
}

.cs-empty-state-icon {
    width: 3rem;
    height: 3rem;
    margin: 0 auto 1rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ins-tertiary-bg);
}

/* Form actions */
.cs-form-actions {
    position: sticky;
    bottom: 0;
    background: color-mix(in srgb, var(--ins-body-bg) 94%, transparent);
    backdrop-filter: blur(6px);
    border-top: 1px solid var(--ins-border-color);
    margin: 1.5rem -1.5rem -1.5rem;
    padding: 1rem 1.5rem;
}

@media (max-width: 575.98px) {
    .cs-toast {
        min-width: auto;
        width: calc(100vw - 2rem);
    }

    .cs-form-actions {
        position: static;
    }
}

/* B09.3.1 — Theme Engine + Dark Mode Foundation */
:root {
    --cs-surface: var(--ins-card-bg, #fff);
    --cs-surface-soft: var(--ins-tertiary-bg, #f8fafc);
    --cs-text: var(--ins-body-color, #24324a);
    --cs-text-muted: var(--ins-secondary-color, #64748b);
    --cs-border: var(--ins-border-color, #e2e8f0);
    --cs-primary: var(--ins-primary, #2563eb);
    --cs-shadow-rgb: 15, 23, 42;
}

[data-bs-theme="dark"] {
    --cs-surface: #151d2c;
    --cs-surface-soft: #101827;
    --cs-text: #e5e7eb;
    --cs-text-muted: #94a3b8;
    --cs-border: #2b374b;
    --cs-primary: #5b8ff9;
    --cs-shadow-rgb: 0, 0, 0;
}

.cs-theme-options {
    display: grid;
    gap: .75rem;
}

.cs-theme-option {
    width: 100%;
    border: 1px solid var(--cs-border);
    background: var(--cs-surface);
    color: var(--cs-text);
    border-radius: .9rem;
    padding: .75rem;
    display: flex;
    align-items: center;
    gap: .8rem;
    text-align: left;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.cs-theme-option:hover {
    border-color: color-mix(in srgb, var(--cs-primary) 55%, var(--cs-border));
    transform: translateY(-1px);
}

.cs-theme-option.active {
    border-color: var(--cs-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--cs-primary) 15%, transparent);
}

.cs-theme-option-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .12rem;
}

.cs-theme-option-copy strong {
    display: flex;
    align-items: center;
}

.cs-theme-option-copy small {
    color: var(--cs-text-muted);
}

.cs-theme-preview {
    width: 68px;
    height: 46px;
    flex: 0 0 68px;
    border-radius: .55rem;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .35);
    display: grid;
    grid-template-columns: 18px 1fr;
    grid-template-rows: 10px 1fr;
}

.cs-theme-preview span:first-child { grid-row: 1 / 3; }
.cs-theme-preview span:nth-child(2) { grid-column: 2; }
.cs-theme-preview span:nth-child(3) { grid-column: 2; margin: 5px; border-radius: 3px; }
.cs-theme-preview-light { background: #f5f7fb; }
.cs-theme-preview-light span:first-child { background: #fff; }
.cs-theme-preview-light span:nth-child(2) { background: #fff; }
.cs-theme-preview-light span:nth-child(3) { background: #e9eef7; }
.cs-theme-preview-dark { background: #0f172a; }
.cs-theme-preview-dark span:first-child { background: #111827; }
.cs-theme-preview-dark span:nth-child(2) { background: #182234; }
.cs-theme-preview-dark span:nth-child(3) { background: #263348; }
.cs-theme-preview-system { background: linear-gradient(135deg, #f5f7fb 0 50%, #0f172a 50% 100%); }
.cs-theme-preview-system span:first-child { background: linear-gradient(135deg, #fff 0 50%, #111827 50% 100%); }
.cs-theme-preview-system span:nth-child(2) { background: linear-gradient(135deg, #fff 0 50%, #182234 50% 100%); }
.cs-theme-preview-system span:nth-child(3) { background: linear-gradient(135deg, #e9eef7 0 50%, #263348 50% 100%); }

[data-bs-theme="dark"] .logo-dark .logo-text,
[data-bs-theme="dark"] .app-topbar .text-body {
    color: var(--cs-text) !important;
}

[data-bs-theme="dark"] .cs-confirm-modal .modal-content,
[data-bs-theme="dark"] .cs-toast,
[data-bs-theme="dark"] .offcanvas,
[data-bs-theme="dark"] .dropdown-menu {
    color: var(--cs-text);
}

[data-bs-theme="dark"] .cs-form-actions {
    background: color-mix(in srgb, var(--ins-body-bg) 94%, transparent);
}

/* La apariencia de pantalla nunca contamina documentos impresos. */
@media print {
    :root,
    [data-bs-theme="dark"] {
        color-scheme: light !important;
        --cs-surface: #fff;
        --cs-surface-soft: #f8fafc;
        --cs-text: #111827;
        --cs-text-muted: #64748b;
        --cs-border: #e2e8f0;
    }

    body {
        background: #fff !important;
        color: #111 !important;
    }
}

/* B09.3.2 — UX/UI Global 2.0 + Dark Compatibility Pass
 * Capa transversal: componentes operativos deben consumir Theme Engine.
 */
:root {
    --cs-field-bg: var(--cs-surface);
    --cs-field-border: var(--cs-border);
    --cs-hover: color-mix(in srgb, var(--cs-primary) 6%, var(--cs-surface));
    --cs-selected: color-mix(in srgb, var(--cs-primary) 12%, var(--cs-surface));
    --cs-code-bg: color-mix(in srgb, var(--cs-surface-soft) 88%, #000 12%);
    --cs-overlay: rgba(15, 23, 42, .42);
}

[data-bs-theme="dark"] {
    --cs-field-bg: #111a29;
    --cs-field-border: #344158;
    --cs-hover: color-mix(in srgb, var(--cs-primary) 10%, var(--cs-surface));
    --cs-selected: color-mix(in srgb, var(--cs-primary) 18%, var(--cs-surface));
    --cs-code-bg: #0c1422;
    --cs-overlay: rgba(0, 0, 0, .62);
}

/* Superficies y jerarquía visual */
.card,
.modal-content,
.offcanvas,
.dropdown-menu,
.list-group-item,
.accordion-item,
.pagination .page-link {
    border-color: var(--cs-border);
}

.card-header,
.card-footer,
.modal-header,
.modal-footer,
.offcanvas-header,
.accordion-button {
    border-color: var(--cs-border);
}

[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .modal-content,
[data-bs-theme="dark"] .offcanvas,
[data-bs-theme="dark"] .dropdown-menu,
[data-bs-theme="dark"] .list-group-item,
[data-bs-theme="dark"] .accordion-item,
[data-bs-theme="dark"] .pagination .page-link {
    background-color: var(--cs-surface);
    color: var(--cs-text);
}

[data-bs-theme="dark"] .card-header,
[data-bs-theme="dark"] .card-footer,
[data-bs-theme="dark"] .modal-header,
[data-bs-theme="dark"] .modal-footer,
[data-bs-theme="dark"] .offcanvas-header,
[data-bs-theme="dark"] .accordion-button {
    background-color: var(--cs-surface);
    color: var(--cs-text);
}

[data-bs-theme="dark"] .bg-light,
[data-bs-theme="dark"] .bg-white,
[data-bs-theme="dark"] .bg-body-tertiary,
[data-bs-theme="dark"] .bg-light-subtle {
    background-color: var(--cs-surface-soft) !important;
    color: var(--cs-text) !important;
}

/* Formularios: contraste, focus y estados */
.form-control,
.form-select,
.input-group-text,
.form-check-input {
    border-color: var(--cs-field-border);
}

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] .input-group-text {
    background-color: var(--cs-field-bg);
    color: var(--cs-text);
    border-color: var(--cs-field-border);
}

[data-bs-theme="dark"] .form-control::placeholder { color: #718096; opacity: 1; }
[data-bs-theme="dark"] .form-control:disabled,
[data-bs-theme="dark"] .form-select:disabled,
[data-bs-theme="dark"] .form-control[readonly] {
    background-color: color-mix(in srgb, var(--cs-surface-soft) 88%, #000 12%);
    color: var(--cs-text-muted);
    opacity: 1;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: color-mix(in srgb, var(--cs-primary) 72%, var(--cs-border));
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--cs-primary) 15%, transparent);
}

[data-bs-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,
[data-bs-theme="dark"] input[type="time"]::-webkit-calendar-picker-indicator,
[data-bs-theme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    filter: invert(.9);
}

/* Tablas / grillas operativas */
.table {
    --bs-table-border-color: var(--cs-border);
}

[data-bs-theme="dark"] .table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--cs-text);
    --bs-table-striped-bg: color-mix(in srgb, var(--cs-surface-soft) 72%, transparent);
    --bs-table-striped-color: var(--cs-text);
    --bs-table-hover-bg: var(--cs-hover);
    --bs-table-hover-color: var(--cs-text);
    color: var(--cs-text);
}

[data-bs-theme="dark"] .table > :not(caption) > * > * { border-bottom-color: var(--cs-border); }
[data-bs-theme="dark"] .table thead th {
    color: color-mix(in srgb, var(--cs-text) 82%, var(--cs-text-muted));
    background: color-mix(in srgb, var(--cs-surface-soft) 78%, transparent);
}
[data-bs-theme="dark"] .table-responsive { scrollbar-color: #475569 #111827; }
[data-bs-theme="dark"] .table-active > * { --bs-table-bg-state: var(--cs-selected); }

/* Dropdowns, navegación, tabs y paginación */
[data-bs-theme="dark"] .dropdown-item { color: var(--cs-text); }
[data-bs-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-item:focus,
[data-bs-theme="dark"] .dropdown-item.active {
    background: var(--cs-hover);
    color: var(--cs-text);
}
[data-bs-theme="dark"] .dropdown-divider { border-top-color: var(--cs-border); }
[data-bs-theme="dark"] .nav-tabs { border-bottom-color: var(--cs-border); }
[data-bs-theme="dark"] .nav-tabs .nav-link { color: var(--cs-text-muted); }
[data-bs-theme="dark"] .nav-tabs .nav-link:hover { border-color: var(--cs-border); color: var(--cs-text); }
[data-bs-theme="dark"] .nav-tabs .nav-link.active {
    background: var(--cs-surface);
    border-color: var(--cs-border) var(--cs-border) var(--cs-surface);
    color: var(--cs-text);
}
[data-bs-theme="dark"] .pagination .page-link:hover { background: var(--cs-hover); color: var(--cs-text); }
[data-bs-theme="dark"] .pagination .active > .page-link { background: var(--cs-primary); border-color: var(--cs-primary); color: #fff; }
[data-bs-theme="dark"] .pagination .disabled > .page-link { color: #64748b; background: var(--cs-surface-soft); }

/* Botones neutros: evitan parches claros dentro del dark */
[data-bs-theme="dark"] .btn-light {
    --bs-btn-color: var(--cs-text);
    --bs-btn-bg: #202b3e;
    --bs-btn-border-color: #344158;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2a3850;
    --bs-btn-hover-border-color: #465672;
    --bs-btn-active-bg: #31415c;
    --bs-btn-active-border-color: #52617a;
}
[data-bs-theme="dark"] .btn-outline-secondary { --bs-btn-color: #b5c0d4; --bs-btn-border-color: #475569; }

/* Lookups reutilizados por Ventas/Remisiones */
.cs-lookup-results {
    background: var(--cs-surface) !important;
    border-color: var(--cs-border) !important;
    color: var(--cs-text) !important;
    box-shadow: 0 .65rem 1.5rem rgba(var(--cs-shadow-rgb), .22) !important;
}
.cs-lookup-option,
.cs-lookup-empty {
    background: var(--cs-surface) !important;
    color: var(--cs-text) !important;
    border-color: var(--cs-border) !important;
}
.cs-lookup-option:hover,
.cs-lookup-option.active { background: var(--cs-selected) !important; }

/* Select2: preparado para pantallas que lo incorporen/usen desde el Starter. */
[data-bs-theme="dark"] .select2-container--default .select2-selection--single,
[data-bs-theme="dark"] .select2-container--default .select2-selection--multiple,
[data-bs-theme="dark"] .select2-dropdown,
[data-bs-theme="dark"] .select2-search__field {
    background: var(--cs-field-bg) !important;
    color: var(--cs-text) !important;
    border-color: var(--cs-field-border) !important;
}
[data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered,
[data-bs-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice { color: var(--cs-text) !important; }
[data-bs-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--cs-primary) !important; color: #fff !important; }
[data-bs-theme="dark"] .select2-container--default .select2-results__option[aria-selected="true"] { background: var(--cs-selected) !important; }

/* DataTables: toolbar, búsqueda y paginación. */
[data-bs-theme="dark"] div.dt-container .dt-search input,
[data-bs-theme="dark"] div.dt-container .dt-length select {
    background: var(--cs-field-bg);
    color: var(--cs-text);
    border-color: var(--cs-field-border);
}
[data-bs-theme="dark"] div.dt-container .dt-info,
[data-bs-theme="dark"] div.dt-container .dt-length,
[data-bs-theme="dark"] div.dt-container .dt-search { color: var(--cs-text-muted); }
[data-bs-theme="dark"] div.dt-container .dt-paging .dt-paging-button { color: var(--cs-text) !important; }
[data-bs-theme="dark"] div.dt-container .dt-paging .dt-paging-button:hover { background: var(--cs-hover) !important; border-color: var(--cs-border) !important; }

/* JSON, CDC y bloques técnicos de FE */
pre,
code { border-color: var(--cs-border); }
[data-bs-theme="dark"] pre,
[data-bs-theme="dark"] pre.bg-light,
[data-bs-theme="dark"] pre.bg-light-subtle,
[data-bs-theme="dark"] pre.bg-body {
    background: var(--cs-code-bg) !important;
    color: #cbd5e1 !important;
    border-color: var(--cs-border) !important;
}
[data-bs-theme="dark"] code { color: #a5b4fc; }

/* Empty states, alerts, filtros y utilidades */
[data-bs-theme="dark"] .cs-empty-state-icon { background: var(--cs-surface-soft); }
[data-bs-theme="dark"] .alert { border-color: color-mix(in srgb, currentColor 22%, var(--cs-border)); }
[data-bs-theme="dark"] .text-muted { color: var(--cs-text-muted) !important; }
[data-bs-theme="dark"] hr { border-color: var(--cs-border); opacity: 1; }
[data-bs-theme="dark"] .modal-backdrop.show { opacity: .68; }
[data-bs-theme="dark"] .accordion-button:not(.collapsed) { background: var(--cs-selected); color: var(--cs-text); }
[data-bs-theme="dark"] .accordion-button::after { filter: invert(.85); }

/* Accesibilidad visual: keyboard focus global consistente. */
:where(a, button, [role="button"], .btn, .dropdown-item):focus-visible {
    outline: 2px solid color-mix(in srgb, var(--cs-primary) 80%, #fff 20%);
    outline-offset: 2px;
}

/* UX compacta: formularios y filtros no deben inflar el viewport. */
.card .card-header { min-height: 3.25rem; }
.card .table-responsive:last-child .table { margin-bottom: 0; }
.form-label { margin-bottom: .4rem; font-weight: 500; }
.filter-bar, .cs-filter-bar { gap: .75rem; }

@media (max-width: 767.98px) {
    .card-body { padding: 1rem; }
    .cs-form-actions { margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 1rem; }
}

/* B09.3.3 — Operational UX Polish
 * Densidad y velocidad para pantallas de uso diario. Sin alterar reglas de negocio.
 */
:root {
    --cs-operational-gap: .75rem;
    --cs-operational-radius: .65rem;
}

/* Cabeceras y contenido: menos espacio muerto, misma jerarquía. */
.page-title-head { min-height: 4.5rem; }
.content-page .container-fluid > .pt-3 { padding-top: .85rem !important; }
.card-header { padding-top: .7rem; padding-bottom: .7rem; }
.card-footer { padding-top: .7rem; padding-bottom: .7rem; }

/* Toolbars de búsqueda compactas y resistentes a pantallas angostas. */
.cs-search-form { min-width: min(100%, 22rem); }
.cs-search-form .form-control { min-width: 12rem; }
@media (max-width: 767.98px) {
    .cs-search-form { width: 100%; }
    .cs-search-form .form-control { min-width: 0; }
}

/* Acciones por fila: visibles sin convertir la grilla en una botonera gigante. */
.cs-row-actions .btn {
    width: 2rem;
    height: 2rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
}
.cs-row-actions .btn svg { width: 1rem; height: 1rem; }

/* Formularios operativos: densidad mayor en desktop y barra de acciones estable. */
.cs-operational-form .row.g-3 { --bs-gutter-y: .8rem; }
.cs-operational-form .form-label { font-size: .78rem; font-weight: 650; letter-spacing: .015em; }
.cs-operational-form .form-text { margin-top: .25rem; font-size: .74rem; line-height: 1.25; }
.cs-operational-form .cs-form-actions {
    position: sticky;
    bottom: .75rem;
    z-index: 15;
    width: fit-content;
    margin-left: auto;
    padding: .5rem;
    border: 1px solid var(--cs-border);
    border-radius: .75rem;
    background: color-mix(in srgb, var(--cs-surface) 94%, transparent);
    box-shadow: 0 .55rem 1.4rem rgba(var(--cs-shadow-rgb), .14);
    backdrop-filter: blur(10px);
}
[data-bs-theme="dark"] .cs-operational-form .cs-form-actions {
    background: color-mix(in srgb, var(--cs-surface) 92%, transparent);
}
@media (max-width: 767.98px) {
    .cs-operational-form .cs-form-actions {
        position: static;
        width: 100%;
    }
    .cs-operational-form .cs-form-actions .btn { flex: 1 1 auto; }
}

/* Tablas operativas: más filas visibles sin sacrificar legibilidad. */
.table.align-middle > :not(caption) > * > * { padding-top: .58rem; padding-bottom: .58rem; }
.table thead th { white-space: nowrap; font-size: .76rem; letter-spacing: .025em; text-transform: uppercase; }

/* Ayuda de teclado sutil. */
.cs-search-form::after {
    content: "/ buscar";
    align-self: center;
    color: var(--cs-text-muted);
    font-size: .68rem;
    white-space: nowrap;
}
@media (max-width: 991.98px) { .cs-search-form::after { display: none; } }

/* B09.4 — Global Search / Ctrl+K */
.cs-global-search-modal .modal-dialog{max-width:780px}
.cs-global-search-modal .modal-content{border-color:var(--cs-border);background:var(--cs-surface);box-shadow:0 22px 70px rgba(2,8,23,.28)}
.cs-global-search-box{position:relative;display:flex;align-items:center}
.cs-global-search-box>svg{position:absolute;left:1rem;width:20px;height:20px;color:var(--cs-text-muted);z-index:2}
.cs-global-search-box .form-control{padding-left:3rem;padding-right:4.25rem;background:var(--cs-surface-soft);border-color:var(--cs-border);color:var(--cs-text)}
.cs-global-search-kbd{position:absolute;right:1rem;color:var(--cs-text-muted);background:var(--cs-surface);border:1px solid var(--cs-border);box-shadow:none}
.cs-global-search-results{max-height:min(58vh,520px);overflow:auto;padding-right:.2rem}
.cs-global-search-group+.cs-global-search-group{margin-top:1rem}
.cs-global-search-group-title{display:flex;align-items:center;justify-content:space-between;padding:.15rem .4rem .45rem;color:var(--cs-text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.cs-global-search-group-title>span:first-child{display:flex;align-items:center;gap:.4rem}
.cs-global-search-group-title svg{width:15px;height:15px}
.cs-global-search-group-list{border:1px solid var(--cs-border);border-radius:.75rem;overflow:hidden;background:var(--cs-surface)}
.cs-global-search-result{display:flex;align-items:center;gap:.75rem;padding:.72rem .85rem;color:var(--cs-text);text-decoration:none;border-bottom:1px solid var(--cs-border);transition:background-color .12s ease,border-color .12s ease}
.cs-global-search-result:last-child{border-bottom:0}
.cs-global-search-result:hover,.cs-global-search-result.is-active{background:var(--cs-selected);color:var(--cs-text)}
.cs-global-search-result-body{display:flex;flex-direction:column;min-width:0;flex:1}
.cs-global-search-result-body strong,.cs-global-search-result-body small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-global-search-result-body small{margin-top:.12rem;color:var(--cs-text-muted)}
.cs-global-search-arrow{width:16px;height:16px;color:var(--cs-text-muted);flex:0 0 auto}
.cs-global-search-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.35rem;color:var(--cs-text-muted);border:1px dashed var(--cs-border);border-radius:.75rem;background:var(--cs-surface-soft)}
.cs-global-search-empty svg{width:30px;height:30px;margin-bottom:.25rem}
.cs-global-search-empty strong{color:var(--cs-text)}
@media(max-width:767.98px){.cs-global-search-modal .modal-dialog{margin:.5rem}.cs-global-search-kbd{display:none}.cs-global-search-box .form-control{padding-right:1rem}.cs-global-search-result .badge{display:none}}