/* =========================================================
   VARDIQO 6.1 — ENTERPRISE DESIGN SYSTEM
   Authoritative visual layer. Functional layout remains compatible
   with the mature application stylesheet.
========================================================= */

:root{
    --vq-bg:#080d15;
    --vq-bg-elevated:#0d1420;
    --vq-surface:#111927;
    --vq-surface-2:#151f2e;
    --vq-surface-3:#1a2636;
    --vq-border:rgba(148,163,184,.12);
    --vq-border-strong:rgba(148,163,184,.20);

    --vq-text:#f4f7fb;
    --vq-text-2:#d5deea;
    --vq-muted:#97a7bb;
    --vq-faint:#718197;

    --vq-accent:#4f8ff7;
    --vq-accent-hover:#6ca2fb;
    --vq-accent-soft:rgba(79,143,247,.11);

    --vq-success:#45c58a;
    --vq-warning:#e8b14b;
    --vq-danger:#ee6b73;

    --vq-radius-sm:8px;
    --vq-radius:11px;
    --vq-radius-lg:14px;

    --vq-shadow:0 12px 34px -22px rgba(0,0,0,.78);
    --vq-shadow-lg:0 28px 70px -32px rgba(0,0,0,.86);

    --vq-font:"Inter",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html,body,
button,input,select,textarea{
    font-family:var(--vq-font)!important;
}

body{
    background:
        radial-gradient(circle at 52% -15%,rgba(79,143,247,.055),transparent 36%),
        var(--vq-bg)!important;
    color:var(--vq-text)!important;
}

/* Brand: no gaming/crypto gradient typography */
.vq-brand-name,
.logo-title,
.brand-title{
    background:none!important;
    -webkit-text-fill-color:initial!important;
    color:#f7f9fc!important;
    text-shadow:none!important;
    font-weight:750!important;
    letter-spacing:.015em!important;
}

.vq-mark{
    background:#101b2b!important;
    border:1px solid rgba(79,143,247,.22)!important;
    box-shadow:none!important;
}

.vq-appbar{
    background:rgba(8,13,21,.94)!important;
    border-bottom:1px solid var(--vq-border)!important;
    box-shadow:0 8px 30px -28px rgba(0,0,0,.9)!important;
    backdrop-filter:blur(14px);
}

/* One visual language for panels/cards */
.vq-panel,
.vq-stat-card,
.vq-primary-action,
.vq-ops-item,
.vq-history-item,
.vq-detail-card,
.form-section,
.signature,
.vq-profile-menu,
.vq-master-item,
.card{
    background:var(--vq-surface)!important;
    border:1px solid var(--vq-border)!important;
    box-shadow:var(--vq-shadow)!important;
}

.vq-panel:hover,
.vq-primary-action:hover,
.vq-ops-item:hover,
.vq-history-item:hover,
.vq-master-item:hover{
    border-color:var(--vq-border-strong)!important;
}

/* Secondary surfaces */
input,select,textarea,
.vq-state-toggle,
.vq-ops-search-wrap input,
.vq-dispatcher-site-filter select{
    background:#0b121d!important;
    border-color:var(--vq-border)!important;
    color:var(--vq-text)!important;
    box-shadow:none!important;
}

input:focus,select:focus,textarea:focus{
    border-color:rgba(79,143,247,.55)!important;
    box-shadow:0 0 0 3px rgba(79,143,247,.10)!important;
    outline:none!important;
}

/* Typography hierarchy */
.vq-panel-title,
.section-title,
.form-section-title,
.vq-detail-title,
.vq-history-title,
.vq-ops-title,
.document-name{
    color:var(--vq-text)!important;
    text-shadow:none!important;
    font-weight:720!important;
}

.vq-panel-subtitle,
.vq-history-meta,
.vq-ops-meta,
.vq-record-summary,
.vq-detail-label,
.document-type,
.vq-muted,
.muted{
    color:var(--vq-muted)!important;
}

label,.field>label{
    color:var(--vq-text-2)!important;
    font-weight:650!important;
}

/* Primary action: enterprise blue, no purple/cyan gradient */
.vq-primary-action:first-child,
.vq-master-add-button,
.action.primary,
button.primary{
    border-color:rgba(79,143,247,.28)!important;
}

.vq-primary-icon,
.vq-recent-doc-icon{
    background:var(--vq-accent-soft)!important;
    color:#8db7ff!important;
    border-color:rgba(79,143,247,.18)!important;
}

/* Segmented controls */
.vq-state-toggle,
.vq-ops-tabs{
    background:transparent!important;
}

.vq-state-toggle button.active,
.vq-ops-tabs button.active{
    color:#f8fafc!important;
    background:#18253a!important;
    border-color:rgba(79,143,247,.28)!important;
    box-shadow:inset 0 -2px 0 var(--vq-accent)!important;
}

/* Semantic status colors only */
.vq-state-open,
.vq-status-open,
.vq-pill.vq-status-open{
    border-color:rgba(69,197,138,.24)!important;
}
.vq-state-soon,
.pool-warning,
.pool-tile-warning{
    border-color:rgba(232,177,75,.34)!important;
}
.vq-state-overdue,
.pool-overdue,
.pool-tile-overdue{
    border-color:rgba(238,107,115,.42)!important;
}

.vq-ops-finish,
.vq-profile-trigger{
    background:#18243a!important;
    border-color:rgba(79,143,247,.22)!important;
    color:#edf4ff!important;
}

.vq-ops-finish:hover,
.vq-profile-trigger:hover{
    background:#1d2d48!important;
    border-color:rgba(79,143,247,.38)!important;
}

/* Destructive action remains clearly destructive */
.danger,
.vq-profile-logout{
    background:rgba(238,107,115,.08)!important;
    border-color:rgba(238,107,115,.20)!important;
    color:#ffadb2!important;
}

/* Remove legacy neon glows */
[class*="glow"],
.vq-brand-name,
.vq-hero-title{
    text-shadow:none!important;
    filter:none!important;
}

/* Consistent motion: subtle, not decorative */
button,.vq-primary-action,.vq-ops-item,.vq-history-item,.vq-master-item{
    transition:border-color .16s ease,background-color .16s ease,transform .16s ease!important;
}

@media (hover:hover) and (min-width:700px){
    .vq-primary-action:hover,
    .vq-ops-item:hover,
    .vq-history-item:hover{
        transform:translateY(-1px)!important;
    }
}

@media(max-width:699px){
    body{
        background:var(--vq-bg)!important;
    }
    .vq-appbar{
        backdrop-filter:blur(12px);
    }
    .vq-primary-action,
    .vq-ops-item,
    .vq-history-item{
        box-shadow:0 8px 22px -20px rgba(0,0,0,.85)!important;
    }
}


/* =========================================================
   VARDIQO 6.4 — ENTERPRISE UX POLISH
   Density, responsiveness, hierarchy, accessibility.
========================================================= */

/* Use the available screen instead of a narrow desktop column. */
.app{
    width:min(100%,1920px)!important;
    max-width:none!important;
    margin:0 auto!important;
    padding-inline:clamp(10px,1.15vw,24px)!important;
}

.vq-appbar{
    margin-inline:calc(-1 * clamp(10px,1.15vw,24px))!important;
    padding-inline:clamp(10px,1.15vw,24px)!important;
}

.vq-appbar-inner{
    width:100%!important;
    max-width:1920px!important;
    margin-inline:auto!important;
}

/* Brand stays technological without the cyan/purple gaming gradient. */
.vq-mark svg path:first-of-type{
    stroke:var(--vq-accent)!important;
}
.vq-mark svg{
    filter:none!important;
}
.vq-brand-tagline{
    color:#8ea1b8!important;
    letter-spacing:.14em!important;
}

/* More useful center workspace on normal desktop and large displays. */
@media screen and (min-width:1101px){
    #mainView{
        --sidebar-w:clamp(205px,13.2vw,255px)!important;
        --status-w:clamp(220px,14.6vw,285px)!important;
        --ui-gap:clamp(10px,.75vw,15px)!important;
    }

    .vq-control-sidebar,
    #mainView > .vq-stat-grid.vq-compact-stats{
        border-radius:var(--vq-radius-lg)!important;
    }

    .vq-control-sidebar{
        padding:clamp(10px,.8vw,14px)!important;
    }

    .vq-primary-actions{
        gap:5px!important;
    }

    .vq-primary-action{
        min-height:54px!important;
        padding:8px 9px!important;
        border-radius:9px!important;
    }

    .vq-primary-icon{
        width:34px!important;
        height:34px!important;
        flex-basis:34px!important;
        border-radius:8px!important;
        font-size:15px!important;
    }

    .vq-primary-title{
        font-size:12px!important;
        line-height:1.15!important;
    }

    .vq-primary-sub{
        margin-top:2px!important;
        font-size:9px!important;
        line-height:1.25!important;
        color:var(--vq-muted)!important;
    }

    #mainView .vq-dashboard-bottom,
    #mainView .vq-dashboard-bottom .vq-panel{
        min-height:calc(100dvh - clamp(104px,7.4vw,128px))!important;
    }
}

/* Laptop: preserve three columns but prioritize the operational workspace. */
@media screen and (min-width:900px) and (max-width:1300px){
    #mainView{
        --sidebar-w:182px!important;
        --status-w:190px!important;
        --ui-gap:9px!important;
    }

    .vq-primary-sub,
    .vq-sidebar-kicker{
        font-size:8px!important;
    }

    .vq-primary-action{
        min-height:50px!important;
        padding:7px!important;
    }

    .vq-primary-icon{
        width:30px!important;
        height:30px!important;
        flex-basis:30px!important;
        font-size:13px!important;
    }

    .vq-ops-item{
        padding:9px!important;
    }
}

/* Large monitor: scale intentionally, not by leaving dead space. */
@media screen and (min-width:1600px){
    :root{
        --vq-radius:12px;
        --vq-radius-lg:15px;
    }

    #mainView{
        --sidebar-w:255px!important;
        --status-w:285px!important;
        --ui-gap:15px!important;
    }

    .vq-primary-action{
        min-height:58px!important;
    }

    .vq-ops-item{
        min-height:66px!important;
        padding:11px 13px!important;
    }

    .vq-ops-title{
        font-size:13px!important;
    }

    .vq-ops-meta,
    .vq-record-summary{
        font-size:10px!important;
    }
}

/* Operational cards: status is semantic, not decorative. */
.vq-ops-item{
    position:relative!important;
    overflow:hidden!important;
}
.vq-ops-item::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:2px;
    background:#566477;
    opacity:.70;
}
.vq-ops-item.vq-state-open::before{
    background:var(--vq-success);
}
.vq-ops-item.vq-state-soon::before{
    background:var(--vq-warning);
}
.vq-ops-item.vq-state-overdue::before{
    width:3px;
    background:var(--vq-danger);
}
.vq-ops-item.vq-state-closed{
    opacity:.76;
}
.vq-ops-item.vq-state-closed::before{
    background:#64748b;
}

.vq-ops-title{
    letter-spacing:-.005em!important;
}
.vq-record-summary{
    color:#a9b7c8!important;
}

/* Tabs: readable counts and a restrained selected state. */
.vq-ops-tabs button{
    border:1px solid transparent!important;
}
.vq-ops-tabs button span{
    display:inline-flex!important;
    min-width:18px!important;
    height:18px!important;
    align-items:center!important;
    justify-content:center!important;
    margin-left:5px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    background:rgba(148,163,184,.07)!important;
    color:#91a3b8!important;
    font-variant-numeric:tabular-nums!important;
}
.vq-ops-tabs button.active span{
    background:rgba(79,143,247,.12)!important;
    color:#aecbff!important;
}

/* Search/filter row visually behaves as one enterprise toolbar. */
.vq-ops-toolbar{
    padding-bottom:9px!important;
    border-bottom:1px solid rgba(148,163,184,.08)!important;
}
.vq-ops-search-wrap input,
.vq-dispatcher-site-filter select{
    border-radius:9px!important;
}

/* Profile menu: concise account card. */
.vq-profile-menu{
    width:min(370px,calc(100vw - 24px))!important;
    background:#0c1420!important;
    border-color:rgba(148,163,184,.16)!important;
    box-shadow:var(--vq-shadow-lg)!important;
}
.vq-profile-head{
    padding:16px!important;
    background:linear-gradient(180deg,rgba(79,143,247,.045),transparent)!important;
}
.vq-profile-avatar{
    background:#142136!important;
    border-color:rgba(79,143,247,.25)!important;
    color:#b8d1ff!important;
}
.vq-profile-row{
    min-height:34px!important;
    align-items:center!important;
}
.vq-profile-row strong{
    color:#dfe7f1!important;
}
.vq-profile-logout{
    min-height:42px!important;
}

/* Keyboard users get an explicit focus indicator. */
:where(button,a,input,select,textarea,[role="button"]):focus-visible{
    outline:2px solid rgba(110,162,251,.88)!important;
    outline-offset:2px!important;
}

/* Clickable non-button records should feel interactive. */
[role="button"],
.vq-clickable,
.vq-history-item,
.vq-ops-item{
    cursor:pointer!important;
}

/* More consistent form density. */
.form-section{
    border-radius:12px!important;
}
.field input,
.field select,
.field textarea,
.qr-field{
    border-radius:9px!important;
}
.field textarea,
textarea.qr-field{
    min-height:84px;
}

/* Mobile: keep the clean single-column workspace and fit every control. */
@media screen and (max-width:699px){
    .app{
        width:100%!important;
        padding-inline:10px!important;
    }

    .vq-appbar{
        margin-inline:-10px!important;
        padding-inline:10px!important;
    }

    #mainView{
        padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;
    }

    #mainView .vq-ops-tabs{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }

    #mainView .vq-ops-tabs button:nth-child(5),
    #mainView .vq-ops-tabs button:nth-child(6){
        grid-column:auto!important;
    }

    #mainView .vq-ops-tabs button{
        min-height:38px!important;
        font-size:9px!important;
        line-height:1.15!important;
    }

    #mainView .vq-ops-tabs button span{
        min-width:16px!important;
        height:16px!important;
        padding:0 4px!important;
        margin-left:3px!important;
        font-size:8px!important;
    }

    .vq-profile-menu{
        top:68px!important;
        right:10px!important;
        left:10px!important;
        max-height:calc(100dvh - 88px)!important;
    }

    .vq-profile-row{
        grid-template-columns:100px minmax(0,1fr)!important;
    }

    input,select,textarea,button{
        max-width:100%;
    }
}

/* Respect system accessibility preference. */
@media (prefers-reduced-motion:reduce){
    *,
    *::before,
    *::after{
        scroll-behavior:auto!important;
        animation-duration:.001ms!important;
        animation-iteration-count:1!important;
        transition-duration:.001ms!important;
    }
}


/* =========================================================
   VARDIQO 6.4.1 — DOCUMENT LIBRARY LIST FIX
========================================================= */
#archiveView .vq-history-list{
    align-content:start!important;
}

#archiveView .vq-history-item{
    min-height:unset!important;
    height:auto!important;
    overflow:visible!important;
}

#archiveView .vq-history-main,
#archiveView .vq-history-meta,
#archiveView .vq-history-title,
#archiveView .vq-history-date{
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
}

#archiveView .vq-history-meta{
    line-height:1.45!important;
}

#archiveView .vq-history-side{
    align-self:center!important;
}

@media screen and (min-width:700px){
    #archiveView .vq-history-list{
        overflow-y:auto!important;
        overflow-x:hidden!important;
        padding-right:8px!important;
    }

    #archiveView .vq-history-item{
        display:grid!important;
        grid-template-columns:44px minmax(0,1fr) auto!important;
        grid-template-areas:"icon main side"!important;
        align-items:center!important;
        gap:10px 12px!important;
        padding:12px!important;
    }

    #archiveView .vq-history-icon{grid-area:icon!important}
    #archiveView .vq-history-main{grid-area:main!important}
    #archiveView .vq-history-side{grid-area:side!important}
}

@media screen and (max-width:699px){
    #archiveView .vq-history-item{
        overflow:hidden!important;
    }
}


/* =========================================================
   VARDIQO 6.4.2 — COMPACT PROFILE MENU
========================================================= */
.vq-profile-menu{
    width:min(330px,calc(100vw - 24px))!important;
}

.vq-profile-head{
    padding:15px!important;
}

.vq-profile-head-copy{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
}

.vq-profile-head-copy strong{
    font-size:16px!important;
    line-height:1.2!important;
}

.vq-profile-info-compact{
    padding:10px 12px!important;
}

.vq-profile-last-login{
    min-height:42px!important;
    margin:0!important;
}

.vq-profile-last-login span{
    color:var(--vq-muted)!important;
}

.vq-profile-last-login strong{
    font-variant-numeric:tabular-nums!important;
    text-align:right!important;
}

.vq-profile-actions{
    padding:12px!important;
}

.vq-profile-logout{
    width:100%!important;
}

@media screen and (max-width:699px){
    .vq-profile-info-compact .vq-profile-row{
        grid-template-columns:110px minmax(0,1fr)!important;
    }
}


/* =========================================================
   VARDIQO 6.5.0 — MOBILE UX & RESPONSIVE POLISH
   Authoritative phone rules. These intentionally override
   older accumulated mobile patches in app.css.
========================================================= */

@media screen and (max-width:699px){

    html,body{
        width:100%!important;
        max-width:100%!important;
        overflow-x:hidden!important;
    }

    body{
        padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
    }

    .app{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
    }

    /* ---------- Bottom navigation: larger and readable ---------- */
    .vq-bottom-nav{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) 62px minmax(0,1fr) minmax(0,1fr)!important;
        align-items:center!important;
        gap:2px!important;

        position:fixed!important;
        left:10px!important;
        right:10px!important;
        bottom:max(8px,env(safe-area-inset-bottom))!important;
        transform:none!important;

        width:auto!important;
        max-width:680px!important;
        min-height:74px!important;
        margin:0 auto!important;
        padding:7px 6px!important;

        border-radius:18px!important;
        z-index:9999!important;
    }

    .vq-nav-btn{
        width:100%!important;
        min-width:0!important;
        height:58px!important;
        min-height:58px!important;
        padding:5px 2px!important;
        margin:0!important;

        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        gap:4px!important;

        border-radius:11px!important;
        font-size:21px!important;
        line-height:1!important;
    }

    .vq-nav-btn > span{
        display:block!important;
        font-size:21px!important;
        line-height:1!important;
    }

    .vq-nav-btn small{
        display:block!important;
        width:100%!important;
        max-width:none!important;
        margin:0!important;

        color:#b7c3d1!important;
        font-size:10px!important;
        line-height:1.08!important;
        font-weight:700!important;
        letter-spacing:0!important;

        white-space:nowrap!important;
        overflow:visible!important;
        text-overflow:clip!important;
    }

    .vq-nav-btn.active small{
        color:#f5f8fc!important;
    }

    .vq-fab{
        width:60px!important;
        height:60px!important;
        min-width:60px!important;
        min-height:60px!important;
        margin:-22px auto 0!important;
        padding:0!important;

        border-radius:18px!important;
        font-size:32px!important;
        line-height:1!important;
    }

    /* ---------- Quick actions: all four always visible ---------- */
    .vq-quick-sheet-backdrop{
        position:fixed!important;
        inset:0!important;
        z-index:10020!important;
        padding:12px!important;
        padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
        align-items:flex-end!important;
        justify-content:center!important;
        overflow:hidden!important;
    }

    .vq-quick-sheet{
        width:100%!important;
        max-width:560px!important;
        max-height:calc(100dvh - 118px - env(safe-area-inset-bottom))!important;
        margin:0!important;
        padding:14px!important;
        border-radius:18px!important;
        overflow:hidden!important;
    }

    .vq-quick-sheet-head{
        min-height:42px!important;
        margin:0 0 10px!important;
        gap:10px!important;
    }

    .vq-quick-sheet-title{
        font-size:16px!important;
        line-height:1.2!important;
    }

    .vq-quick-sheet-sub{
        margin-top:2px!important;
        font-size:10px!important;
        line-height:1.25!important;
    }

    .vq-quick-sheet-close{
        width:42px!important;
        height:42px!important;
        min-width:42px!important;
        min-height:42px!important;
        padding:0!important;
        font-size:22px!important;
    }

    .vq-quick-sheet-grid{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        grid-template-rows:repeat(2,minmax(76px,auto))!important;
        gap:8px!important;
        width:100%!important;
        max-width:100%!important;
        overflow:visible!important;
    }

    .vq-quick-sheet-action{
        width:100%!important;
        min-width:0!important;
        min-height:82px!important;
        height:auto!important;
        margin:0!important;
        padding:10px!important;

        display:grid!important;
        grid-template-columns:36px minmax(0,1fr)!important;
        align-items:center!important;
        gap:8px!important;

        border-radius:11px!important;
        overflow:hidden!important;
        text-align:left!important;
    }

    .vq-quick-sheet-icon{
        width:36px!important;
        height:36px!important;
        min-width:36px!important;
        margin:0!important;
        font-size:17px!important;
    }

    .vq-quick-sheet-action strong{
        display:block!important;
        font-size:12px!important;
        line-height:1.2!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
    }

    .vq-quick-sheet-action small{
        display:block!important;
        margin-top:3px!important;
        font-size:9px!important;
        line-height:1.25!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
    }

    /* ---------- General phone usability ---------- */
    button,
    .action,
    .back,
    .add-row,
    .vq-small-action,
    .vq-view-btn{
        min-height:44px;
    }

    input,
    select,
    textarea{
        max-width:100%!important;
        min-width:0!important;
    }

    #mainView,
    #documentsView,
    #formView,
    #archiveView,
    #statisticsView,
    #searchView,
    #openItemsView,
    #verificationView{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
    }

    #mainView .vq-ops-actions,
    #mainView .vq-ops-quick-wrap{
        min-height:44px!important;
    }

    #mainView .vq-ops-open,
    #mainView .vq-ops-finish{
        min-height:44px!important;
        font-size:11px!important;
    }

    .footer{
        padding-bottom:calc(106px + env(safe-area-inset-bottom))!important;
    }
}

/* Very narrow phones: keep labels legible without clipping. */
@media screen and (max-width:380px){
    .vq-bottom-nav{
        left:6px!important;
        right:6px!important;
        padding-inline:4px!important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) 58px minmax(0,1fr) minmax(0,1fr)!important;
    }

    .vq-nav-btn small{
        font-size:9px!important;
    }

    .vq-nav-btn > span{
        font-size:20px!important;
    }

    .vq-fab{
        width:56px!important;
        height:56px!important;
        min-width:56px!important;
        min-height:56px!important;
    }

    .vq-quick-sheet{
        padding:11px!important;
    }

    .vq-quick-sheet-action{
        min-height:76px!important;
        padding:8px!important;
        grid-template-columns:32px minmax(0,1fr)!important;
        gap:7px!important;
    }

    .vq-quick-sheet-icon{
        width:32px!important;
        height:32px!important;
        min-width:32px!important;
        font-size:15px!important;
    }

    .vq-quick-sheet-action strong{
        font-size:11px!important;
    }

    .vq-quick-sheet-action small{
        font-size:8px!important;
    }
}

/* Short-height phones: preserve all 4 quick actions without scrolling. */
@media screen and (max-width:699px) and (max-height:650px){
    .vq-quick-sheet{
        padding:10px!important;
    }

    .vq-quick-sheet-head{
        margin-bottom:7px!important;
    }

    .vq-quick-sheet-sub{
        display:none!important;
    }

    .vq-quick-sheet-grid{
        grid-template-rows:repeat(2,minmax(62px,auto))!important;
        gap:6px!important;
    }

    .vq-quick-sheet-action{
        min-height:64px!important;
        padding:7px 8px!important;
    }

    .vq-quick-sheet-action small{
        display:none!important;
    }
}

/* =========================================================
   VARDIQO 6.6.0 — DASHBOARD & RECORDS UX
========================================================= */
@media screen and (min-width:1101px){
 #mainView{--sidebar-w:clamp(205px,12.7vw,245px)!important;--status-w:clamp(215px,13.6vw,265px)!important;--ui-gap:12px!important}
 #mainView .vq-dashboard-bottom{gap:12px!important}
 #mainView .vq-panel{border-color:rgba(148,163,184,.12)!important}
 #mainView .vq-ops-toolbar{gap:10px!important;padding:0 0 11px!important;border-bottom:1px solid rgba(148,163,184,.09)!important}
 #mainView .vq-ops-search-wrap input{min-height:52px!important;font-size:13px!important}
 #mainView .vq-dispatcher-site-filter select{min-height:48px!important;font-size:12px!important}
 #mainView .vq-view-switch{min-height:52px!important}
 #mainView .vq-ops-tabs{margin-top:2px!important;padding:4px!important;border-radius:10px!important;background:rgba(5,12,22,.24)!important}
 #mainView .vq-ops-tabs button{min-height:40px!important}
 #mainView .vq-ops-empty{min-height:330px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:36px 20px!important}
 #mainView .vq-ops-empty::before{content:"✓";display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(52,211,153,.24);background:rgba(16,185,129,.09);color:#7ee7b4;font-size:24px;font-weight:800}
 #mainView>.vq-stat-grid.vq-compact-stats{padding:10px!important;gap:8px!important}
 #mainView .vq-stat-card{min-height:104px!important;padding:12px!important;border-radius:11px!important}
 #mainView .vq-stat-card .value,#mainView .vq-stat-value{font-size:31px!important;line-height:1!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.035em!important}
 #mainView .vq-primary-actions{padding-bottom:8px!important;margin-bottom:7px!important;border-bottom:1px solid rgba(148,163,184,.10)!important}
 #mainView .vq-sidebar-link{min-height:42px!important;border-radius:8px!important}
 #mainView .vq-sidebar-link:hover{background:rgba(79,143,247,.055)!important}
}
@media screen and (min-width:1600px){
 #mainView{--sidebar-w:245px!important;--status-w:260px!important}
 #mainView .vq-ops-search-wrap input{min-height:54px!important}
 #mainView .vq-stat-card{min-height:108px!important}
}
#mainView .vq-ops-item{border-color:rgba(148,163,184,.11)!important;background:linear-gradient(180deg,rgba(16,27,43,.92),rgba(13,23,37,.92))!important}
#mainView .vq-ops-item:hover{border-color:rgba(96,165,250,.24)!important;background:linear-gradient(180deg,rgba(18,31,49,.98),rgba(14,25,40,.98))!important}
#mainView .vq-ops-title{color:#f1f5f9!important;font-weight:760!important}
#mainView .vq-ops-meta{color:#93a4b8!important}
#mainView .vq-record-summary{color:#b3c0cf!important;line-height:1.4!important}
#mainView .vq-ops-badge,#mainView .vq-status-badge{font-weight:750!important;letter-spacing:.025em!important}
.vq-appbar .vq-header-action,.vq-appbar .vq-search-trigger{border-color:rgba(148,163,184,.14)!important;background:rgba(15,26,42,.72)!important}
.vq-appbar .vq-header-action:hover,.vq-appbar .vq-search-trigger:hover{border-color:rgba(96,165,250,.28)!important;background:rgba(22,38,61,.82)!important}
@media screen and (max-width:699px){
 #mainView .vq-ops-item{padding:11px!important;gap:7px!important}
 #mainView .vq-ops-title{font-size:13px!important;line-height:1.25!important}
 #mainView .vq-ops-meta,#mainView .vq-record-summary{font-size:10px!important;line-height:1.4!important}
}


/* =========================================================
   VARDIQO 6.7 — DAILY WORKFLOW UX
========================================================= */

.vq-workflow-save:disabled{
    opacity:.52!important;
    cursor:not-allowed!important;
    filter:saturate(.55)!important;
}

.vq-field-invalid{
    position:relative;
}

.vq-field-invalid > input,
.vq-field-invalid > select,
.vq-field-invalid > textarea,
input.vq-field-invalid,
select.vq-field-invalid,
textarea.vq-field-invalid{
    border-color:rgba(239,68,68,.78)!important;
    box-shadow:0 0 0 3px rgba(239,68,68,.10)!important;
}

.vq-field-invalid > label{
    color:#fca5a5!important;
}

.vq-toast{
    position:fixed;
    left:50%;
    bottom:28px;
    z-index:12050;
    transform:translate(-50%,18px);
    display:flex;
    align-items:center;
    gap:9px;
    max-width:min(520px,calc(100vw - 28px));
    padding:11px 15px;
    border:1px solid rgba(52,211,153,.26);
    border-radius:11px;
    background:rgba(9,24,22,.96);
    box-shadow:0 18px 50px rgba(0,0,0,.42);
    color:#dffbed;
    font-size:12px;
    font-weight:650;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .18s ease,transform .18s ease,visibility .18s;
}

.vq-toast.show{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,0);
}

.vq-toast-icon{
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    flex:0 0 24px;
    border-radius:50%;
    background:rgba(52,211,153,.12);
    color:#78e5ae;
    font-weight:900;
}

@media screen and (max-width:699px){
    #formView .actions{
        position:sticky!important;
        bottom:calc(84px + env(safe-area-inset-bottom))!important;
        z-index:80!important;
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:7px!important;
        margin:14px -2px 0!important;
        padding:8px!important;
        border:1px solid rgba(148,163,184,.13)!important;
        border-radius:13px!important;
        background:rgba(8,16,28,.94)!important;
        box-shadow:0 12px 34px rgba(0,0,0,.38)!important;
        backdrop-filter:blur(14px)!important;
    }

    #formView .actions .action{
        width:100%!important;
        min-width:0!important;
        min-height:46px!important;
        margin:0!important;
        padding:8px 7px!important;
        font-size:10px!important;
        line-height:1.2!important;
    }

    #vqWorkflowSaveButton{
        grid-column:1 / -1!important;
        order:-1!important;
        min-height:50px!important;
        font-size:12px!important;
    }

    .vq-toast{
        bottom:calc(94px + env(safe-area-inset-bottom))!important;
        width:calc(100vw - 24px)!important;
        justify-content:center!important;
        text-align:center!important;
        font-size:10px!important;
    }
}


/* =========================================================
   VARDIQO 6.8 — DAILY OPERATIONS UX
========================================================= */

#formView .vq-required-mark{
    margin-left:3px!important;
    color:#fb7185!important;
    font-weight:900!important;
}

#formView .field:has([required]) > label{
    color:#e7edf5!important;
}

#formView .field:has([readonly]) > label{
    color:#9aa9bb!important;
}

#formView input[readonly]{
    opacity:.78!important;
    cursor:default!important;
}

@media screen and (min-width:700px){
    #formView .form-section{
        padding:18px!important;
    }

    #formView .form-section-title{
        margin-bottom:13px!important;
    }

    #formView .grid{
        gap:12px!important;
    }
}

@media screen and (max-width:699px){
    #formView .form-section{
        padding:12px!important;
    }

    #formView .form-section-title{
        margin-bottom:10px!important;
    }

    #formView .grid{
        gap:9px!important;
    }

    #formView .field label{
        line-height:1.25!important;
    }
}


/* =========================================================
   VARDIQO 6.9 — OPTIONAL POOL RETURN DEADLINE
========================================================= */

.vq-optional-mark{
    display:inline-flex;
    align-items:center;
    margin-left:7px;
    padding:2px 7px;
    border:1px solid rgba(148,163,184,.14);
    border-radius:999px;
    background:rgba(148,163,184,.055);
    color:#94a3b8;
    font-size:.72em;
    font-weight:650;
    letter-spacing:.015em;
    text-transform:none;
    vertical-align:middle;
}

.vq-field-help{
    margin-top:6px;
    color:#8292a6;
    font-size:10px;
    line-height:1.4;
}

.vq-ops-deadline-none{
    opacity:.72;
}

.vq-ops-deadline-none strong{
    color:#a5b4c6!important;
}

.vq-ops-deadline-none small{
    color:#77889b!important;
}

@media screen and (max-width:699px){
    .vq-optional-mark{
        margin-left:5px;
        padding:2px 6px;
    }

    .vq-field-help{
        font-size:9px;
    }
}

.vq-ops-result-actions{display:flex;gap:7px;flex-wrap:wrap}
.vq-fleet-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.vq-fleet-summary-card{padding:14px 16px;border:1px solid rgba(148,163,184,.12);border-radius:12px;background:rgba(15,25,40,.72)}
.vq-fleet-summary-card span{display:block;color:#91a2b6;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.vq-fleet-summary-card strong{display:block;margin-top:6px;color:#f3f7fb;font-size:28px;line-height:1}
.vq-fleet-summary-card.garage strong{color:#7ee7b4}
.vq-fleet-table{width:100%;border-collapse:separate;border-spacing:0}
.vq-fleet-table th{color:#8798ad;font-size:9px;text-transform:uppercase;letter-spacing:.055em;text-align:left}
.vq-fleet-table td{vertical-align:middle}.vq-fleet-table td strong,.vq-fleet-table td small{display:block}.vq-fleet-table td small{margin-top:3px;color:#8091a6;font-size:9px}
.vq-fleet-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800}
.vq-fleet-status.issued{border:1px solid rgba(96,165,250,.22);background:rgba(59,130,246,.10);color:#b9d2ff}
.vq-fleet-status.garage{border:1px solid rgba(52,211,153,.22);background:rgba(16,185,129,.09);color:#91efbf}
.vq-fleet-overdue td{background:rgba(239,68,68,.045)}.vq-fleet-warning td{background:rgba(245,158,11,.035)}
.vq-fleet-empty{padding:20px;border:1px dashed rgba(148,163,184,.14);border-radius:10px;color:#8596aa;font-size:11px;text-align:center}
@media screen and (max-width:699px){
 .vq-ops-result-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
 .vq-ops-result-actions button{min-height:40px!important;font-size:9px!important}
 .vq-fleet-summary{grid-template-columns:1fr 1fr;gap:7px}.vq-fleet-summary-card:last-child{grid-column:1/-1}
 .vq-fleet-table{min-width:650px}
}


/* =========================================================
   VARDIQO 6.10.1 — MODAL / REPORT / FLEET FILTER FIXES
========================================================= */

body > .vq-confirm-overlay{
    z-index:2147483647!important;
    isolation:isolate!important;
}

.vq-fleet-summary-card{
    appearance:none!important;
    width:100%!important;
    text-align:left!important;
    cursor:pointer!important;
    font-family:inherit!important;
    transition:
        border-color .14s ease,
        background .14s ease,
        transform .14s ease,
        box-shadow .14s ease!important;
}

.vq-fleet-summary-card:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(96,165,250,.28)!important;
    background:rgba(19,33,52,.82)!important;
}

.vq-fleet-summary-card.active{
    border-color:rgba(96,165,250,.42)!important;
    background:rgba(37,99,235,.10)!important;
    box-shadow:0 0 0 2px rgba(59,130,246,.07)!important;
}

.vq-fleet-summary-card.garage.active{
    border-color:rgba(52,211,153,.34)!important;
    background:rgba(16,185,129,.08)!important;
    box-shadow:0 0 0 2px rgba(16,185,129,.055)!important;
}

.vq-fleet-deadline.warning strong,
.vq-fleet-deadline.warning small{
    color:#fbbf24!important;
}

.vq-fleet-deadline.overdue strong,
.vq-fleet-deadline.overdue small{
    color:#fb7185!important;
    font-weight:800!important;
}

.vq-fleet-status.issued.warning{
    border-color:rgba(245,158,11,.34)!important;
    background:rgba(245,158,11,.10)!important;
    color:#fbbf24!important;
}

.vq-fleet-status.issued.overdue{
    border-color:rgba(239,68,68,.36)!important;
    background:rgba(239,68,68,.11)!important;
    color:#fb7185!important;
}

.vq-fleet-warning{
    box-shadow:inset 3px 0 0 rgba(245,158,11,.72)!important;
}

.vq-fleet-overdue{
    box-shadow:inset 3px 0 0 rgba(239,68,68,.82)!important;
}


/* =========================================================
   VARDIQO 6.10.2 — MOBILE DEADLINE ALERT PLACEMENT
========================================================= */
@media screen and (max-width:699px){
    #mainView .vq-center-stack{
        display:flex!important;
        flex-direction:column!important;
    }

    #mainView #vqOverdueBanner{
        order:-100!important;
        width:100%!important;
        margin:0 0 9px!important;
        padding:11px 12px!important;
        border-radius:10px!important;
    }

    #mainView #vqOverdueBanner.visible{
        display:block!important;
    }

    #mainView #vqOverdueBanner .vq-overdue-title{
        font-size:12px!important;
        line-height:1.35!important;
    }

    #mainView #vqOverdueBanner .vq-overdue-list{
        margin-top:5px!important;
        font-size:11px!important;
        line-height:1.4!important;
    }

    #mainView .vq-panel{
        order:0!important;
    }
}

.vq-fleet-time-start{
    display:block!important;
    margin:0 0 4px!important;
    font-size:9px!important;
    line-height:1.3!important;
    font-weight:550!important;
    color:#7f91a7!important;
}
.vq-fleet-time-deadline{
    display:block!important;
    margin:0!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:800!important;
    color:#e8eef7!important;
}
.vq-fleet-deadline.warning .vq-fleet-time-start{color:#9b875d!important}
.vq-fleet-deadline.warning .vq-fleet-time-deadline{color:#fbbf24!important}
.vq-fleet-deadline.overdue .vq-fleet-time-start{color:#a16f79!important}
.vq-fleet-deadline.overdue .vq-fleet-time-deadline{color:#fb7185!important}


/* =========================================================
   VARDIQO 6.10.5 — MOBILE CREATE / FILTERS / SEARCH
========================================================= */

/* A felső kereső megszűnt: akkor se jelenjen meg, ha régi cache-ből maradna elem. */
.vq-header-search,
.vq-global-search.vq-header-search{
    display:none!important;
}

@media screen and (max-width:699px){
    /* 7 gyorsművelet mobilon biztosan elérhető és görgethető. */
    .vq-quick-sheet{
        max-height:min(82vh,720px)!important;
        overflow:hidden!important;
        display:flex!important;
        flex-direction:column!important;
    }

    .vq-quick-sheet-grid{
        overflow-y:auto!important;
        overscroll-behavior:contain!important;
        -webkit-overflow-scrolling:touch!important;
        padding-bottom:calc(14px + env(safe-area-inset-bottom))!important;
        grid-template-columns:1fr!important;
    }

    .vq-quick-sheet-action{
        min-height:58px!important;
        flex:0 0 auto!important;
    }

    /* A kibővített szűrősor vízszintesen görgethető, nem zsugorítjuk olvashatatlanra. */
    #vqOpsTabs{
        display:flex!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        gap:6px!important;
        padding-bottom:5px!important;
        scrollbar-width:thin!important;
        overscroll-behavior-x:contain!important;
        -webkit-overflow-scrolling:touch!important;
    }

    #vqOpsTabs button{
        flex:0 0 auto!important;
        min-width:max-content!important;
        white-space:nowrap!important;
    }
}


/* =========================================================
   VARDIQO 6.10.7 — HEADER PROFILE ALIGNMENT
   A felső kereső eltávolítása után a fejléc több régi
   grid-szabálya még három oszloppal számolt. A header most
   egységesen flex kiosztást használ.
========================================================= */

.vq-appbar-inner{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center!important;
    width:100%!important;
}

.vq-brand-home{
    flex:0 0 auto!important;
    min-width:0!important;
}

.vq-appbar-spacer{
    display:block!important;
    flex:1 1 auto!important;
    min-width:8px!important;
}

#vqUserBox{
    flex:0 0 auto!important;
    margin-left:auto!important;
    justify-content:flex-end!important;
}

.vq-header-action{
    flex:0 0 auto!important;
}

@media screen and (max-width:699px){
    .vq-appbar-inner{
        display:flex!important;
        grid-template-columns:none!important;
        gap:8px!important;
    }

    .vq-brand-home{
        flex:0 1 auto!important;
        max-width:calc(100% - 98px)!important;
    }

    .vq-appbar-spacer{
        flex:1 1 auto!important;
        min-width:4px!important;
    }

    #vqUserBox{
        flex:0 0 82px!important;
        width:82px!important;
        margin-left:auto!important;
    }

    /* Mobilon a dokumentum-ellenőrzés nem foglaljon rejtett
       harmadik oszlopot a profil mellett. */
    .vq-header-action{
        display:none!important;
    }
}

@media screen and (min-width:700px){
    #vqUserBox{
        margin-left:auto!important;
    }
}


/* =========================================================
   VARDIQO 6.10.8 — DESKTOP FILTER LAYOUT
========================================================= */

@media screen and (min-width:700px){

    /* Kereső és telephely egyetlen felső sorban. */
    #mainView .vq-ops-controls.vq-ops-controls-top{
        display:grid!important;
        grid-template-columns:minmax(0,1.7fr) minmax(220px,.65fr)!important;
        gap:10px!important;
        width:100%!important;
        align-items:stretch!important;
    }

    #mainView .vq-ops-search-wrap,
    #mainView .vq-dispatcher-site-filter{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        order:initial!important;
    }

    #mainView .vq-ops-search-wrap input,
    #mainView .vq-dispatcher-site-filter select{
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        height:44px!important;
    }

    /* 10 szűrő: pontosan két, öt elemes sor. */
    #mainView #vqOpsTabs{
        display:grid!important;
        grid-template-columns:repeat(5,minmax(0,1fr))!important;
        gap:7px!important;
        width:100%!important;
        max-width:none!important;
        overflow:visible!important;
        overflow-x:visible!important;
        padding:0!important;
        margin:9px 0 0!important;
        scrollbar-width:none!important;
    }

    #mainView #vqOpsTabs::-webkit-scrollbar{
        display:none!important;
        width:0!important;
        height:0!important;
    }

    #mainView #vqOpsTabs button{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        min-height:40px!important;
        padding:7px 8px!important;
        white-space:normal!important;
        text-align:center!important;
        justify-content:center!important;
        line-height:1.15!important;
    }

    /* Nyitott / Összes / Lezárt közvetlenül a lista fölött. */
    #mainView .vq-state-toggle.vq-state-toggle-bottom{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        width:100%!important;
        max-width:none!important;
        margin:8px 0 0!important;
        order:initial!important;
    }

    #mainView .vq-state-toggle.vq-state-toggle-bottom button{
        min-height:40px!important;
    }

    #mainView .vq-ops-resultbar{
        margin-top:8px!important;
        margin-bottom:0!important;
    }
}

/* Mobil marad a már bevált kompakt elrendezésen. */
@media screen and (max-width:699px){
    #mainView .vq-ops-controls.vq-ops-controls-top{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:7px!important;
    }

    #mainView #vqOpsTabs{
        overflow:visible!important;
        overflow-x:visible!important;
        scrollbar-width:none!important;
    }

    #mainView #vqOpsTabs::-webkit-scrollbar{
        display:none!important;
    }

    #mainView .vq-state-toggle.vq-state-toggle-bottom{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        width:100%!important;
        margin-top:7px!important;
    }
}


/* =========================================================
   VARDIQO 6.11.0 — GLOBAL SEARCH MODAL
========================================================= */

.vq-global-search-launch{
    width:100%!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:8px 12px!important;
    border:1px solid rgba(148,163,184,.14)!important;
    border-radius:10px!important;
    background:#0c1522!important;
    color:#e7eef7!important;
    text-align:left!important;
    cursor:pointer!important;
}

.vq-global-search-launch:hover{
    border-color:rgba(79,143,247,.34)!important;
    background:#101c2d!important;
}

.vq-global-search-launch-icon{
    font-size:18px!important;
    color:#7da8ed!important;
}

.vq-global-search-launch-copy{
    min-width:0!important;
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
}

.vq-global-search-launch-copy strong{
    font-size:11px!important;
    color:#edf4ff!important;
}

.vq-global-search-launch-copy small{
    font-size:9px!important;
    color:#8092a8!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

.vq-global-search-launch-arrow{
    color:#71839a!important;
    font-size:15px!important;
}

body.vq-search-modal-open{
    overflow:hidden!important;
}

#searchView.vq-search-modal-view{
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    display:none;
    align-items:center!important;
    justify-content:center!important;
    padding:clamp(10px,2vw,28px)!important;
    background:rgba(2,7,14,.78)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
}

#searchView.vq-search-modal-view.visible{
    display:flex!important;
}

.vq-search-modal-shell{
    width:min(1500px,96vw)!important;
    max-height:94dvh!important;
    overflow:auto!important;
    padding:18px!important;
    border:1px solid rgba(148,163,184,.18)!important;
    border-radius:16px!important;
    background:#0b1420!important;
    box-shadow:0 30px 90px rgba(0,0,0,.62)!important;
}

.vq-search-modal-head{
    position:sticky!important;
    top:-18px!important;
    z-index:5!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    margin:-18px -18px 14px!important;
    padding:16px 18px!important;
    border-bottom:1px solid rgba(148,163,184,.10)!important;
    background:rgba(11,20,32,.97)!important;
}

.vq-search-modal-close{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    border-radius:10px!important;
    border:1px solid rgba(148,163,184,.14)!important;
    background:#111c2b!important;
    color:#dce6f1!important;
    font-size:23px!important;
    cursor:pointer!important;
}

@media screen and (max-width:699px){
    #searchView.vq-search-modal-view{
        padding:0!important;
        align-items:stretch!important;
    }

    .vq-search-modal-shell{
        width:100%!important;
        height:100dvh!important;
        max-height:100dvh!important;
        border-radius:0!important;
        border:0!important;
        padding:12px!important;
    }

    .vq-search-modal-head{
        top:-12px!important;
        margin:-12px -12px 12px!important;
        padding:12px!important;
    }

    .vq-global-search-launch-copy small{
        display:none!important;
    }
}


/* =========================================================
   VARDIQO 6.11.1 — GLOBAL SEARCH VISUAL POLISH
========================================================= */

.vq-search-modal-shell{
    background:
        radial-gradient(circle at 16% 0%, rgba(37,99,235,.075), transparent 28%),
        #0b1420!important;
}

.vq-search-page-head{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
}

.vq-search-hero{
    padding:14px!important;
    border:1px solid rgba(96,165,250,.15)!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,rgba(17,30,49,.86),rgba(11,20,32,.92))!important;
}

.vq-search-page-input{
    min-height:58px!important;
    border:1px solid rgba(96,165,250,.22)!important;
    border-radius:12px!important;
    background:#08111d!important;
    box-shadow:inset 0 0 0 1px rgba(59,130,246,.035)!important;
}

.vq-search-page-input:focus-within{
    border-color:rgba(96,165,250,.52)!important;
    box-shadow:
        0 0 0 3px rgba(59,130,246,.08),
        inset 0 0 0 1px rgba(59,130,246,.06)!important;
}

.vq-search-page-input input{
    font-size:14px!important;
    font-weight:650!important;
}

.vq-search-hero-meta{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin-top:9px!important;
    padding-left:4px!important;
    color:#7f91a7!important;
    font-size:9px!important;
    font-weight:650!important;
}

.vq-search-filters{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:stretch!important;
}

.vq-search-filter-card{
    min-width:0!important;
    padding:11px!important;
    border:1px solid rgba(148,163,184,.11)!important;
    border-radius:12px!important;
    background:rgba(14,24,38,.78)!important;
}

.vq-search-filter-label{
    display:block!important;
    margin:0 0 7px!important;
    color:#899bb0!important;
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
}

.vq-search-filter-card select,
.vq-search-filter-card input{
    width:100%!important;
    min-height:42px!important;
    border-radius:9px!important;
    background:#09131f!important;
    border:1px solid rgba(148,163,184,.10)!important;
}

.vq-search-status-native{
    display:none!important;
}

.vq-search-status-segment{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    padding:4px!important;
    border:1px solid rgba(148,163,184,.10)!important;
    border-radius:10px!important;
    background:#08111d!important;
}

.vq-search-status-segment button{
    min-height:34px!important;
    border:0!important;
    border-radius:7px!important;
    background:transparent!important;
    color:#8394a9!important;
    font-size:10px!important;
    font-weight:800!important;
    cursor:pointer!important;
}

.vq-search-status-segment button.active{
    background:#172942!important;
    color:#eef5ff!important;
    box-shadow:inset 0 -2px 0 #4f8ff7!important;
}

.vq-search-footerbar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:10px 2px 0!important;
}

.vq-search-page-count{
    color:#91a3b8!important;
    font-size:10px!important;
    font-weight:700!important;
}

.vq-search-clear-button{
    margin-left:auto!important;
}

.vq-search-page-grid{
    margin-top:12px!important;
}

.vq-search-page-card{
    border:1px solid rgba(148,163,184,.11)!important;
    background:rgba(14,24,38,.74)!important;
    transition:
        transform .12s ease,
        border-color .12s ease,
        background .12s ease!important;
}

.vq-search-page-card:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(96,165,250,.26)!important;
    background:rgba(18,31,49,.88)!important;
}

@media screen and (max-width:1099px){
    .vq-search-filters{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media screen and (max-width:699px){
    .vq-search-hero{
        padding:10px!important;
    }

    .vq-search-page-input{
        min-height:52px!important;
    }

    .vq-search-page-input input{
        font-size:12px!important;
    }

    .vq-search-hero-meta{
        display:none!important;
    }

    .vq-search-filters{
        grid-template-columns:1fr!important;
        gap:8px!important;
    }

    .vq-search-filter-card{
        padding:9px!important;
    }

    .vq-search-footerbar{
        align-items:stretch!important;
        flex-direction:column!important;
    }

    .vq-search-clear-button{
        width:100%!important;
        margin-left:0!important;
    }
}


/* =========================================================
   VARDIQO 6.11.2 — SEARCH RESULT TABLE + SORTING
========================================================= */

.vq-search-filter-card select,
.vq-search-filter-card input{
    font-size:11px!important;
    font-weight:650!important;
}

.vq-search-filter-label{
    font-size:8px!important;
}

.vq-search-status-segment button{
    font-size:9px!important;
}

.vq-search-table-wrap{
    width:100%!important;
    overflow:auto!important;
    border:1px solid rgba(148,163,184,.12)!important;
    border-radius:12px!important;
    background:rgba(8,17,29,.7)!important;
    scrollbar-width:thin!important;
}

.vq-search-table{
    width:100%!important;
    min-width:max-content!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    table-layout:auto!important;
}

.vq-search-table thead{
    position:sticky!important;
    top:0!important;
    z-index:3!important;
}

.vq-search-table th{
    padding:0!important;
    border-bottom:1px solid rgba(148,163,184,.16)!important;
    background:#111d2c!important;
    text-align:left!important;
    white-space:nowrap!important;
}

.vq-search-table-sort{
    width:100%!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:9px 12px!important;
    border:0!important;
    background:transparent!important;
    color:#91a3b8!important;
    font-size:9px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.035em!important;
    cursor:pointer!important;
}

.vq-search-table-sort:hover{
    color:#e7effa!important;
    background:rgba(59,130,246,.055)!important;
}

.vq-search-sort-neutral{
    color:#52657c!important;
    font-size:11px!important;
}

.vq-search-sort-active{
    color:#66a3ff!important;
    font-size:13px!important;
}

.vq-search-table td{
    max-width:300px!important;
    padding:10px 12px!important;
    border-bottom:1px solid rgba(148,163,184,.075)!important;
    color:#d4deea!important;
    font-size:10px!important;
    line-height:1.35!important;
    vertical-align:middle!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
}

.vq-search-table tbody tr{
    cursor:pointer!important;
    transition:background .1s ease!important;
}

.vq-search-table tbody tr:hover{
    background:rgba(59,130,246,.06)!important;
}

.vq-search-table tbody tr:last-child td{
    border-bottom:0!important;
}

.vq-search-table-type strong,
.vq-search-table-type small{
    display:block!important;
}

.vq-search-table-type strong{
    min-width:145px!important;
    color:#edf4ff!important;
    font-size:10px!important;
}

.vq-search-table-type small{
    margin-top:3px!important;
    color:#71849a!important;
    font-size:8px!important;
}

.vq-search-table .vq-status-badge{
    font-size:8px!important;
    white-space:nowrap!important;
}

@media screen and (max-width:699px){
    .vq-search-filter-card select,
    .vq-search-filter-card input{
        font-size:10px!important;
    }

    .vq-search-table-wrap{
        max-height:none!important;
        border-radius:10px!important;
    }

    .vq-search-table td{
        max-width:220px!important;
        padding:9px 10px!important;
        font-size:9px!important;
    }

    .vq-search-table-sort{
        min-height:38px!important;
        padding:8px 10px!important;
        font-size:8px!important;
    }
}