/* Late desktop toolbar overrides.
   Loaded after page bundles so page-specific layouts win over generic theme rules. */

@media (min-width: 769px) {
    body:not(.login-page):not(.activation-page) #recon-platform-content .recon-toolbar {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        column-gap: 12px;
        row-gap: 8px;
        flex-wrap: nowrap !important;
    }

    body:not(.login-page):not(.activation-page) #recon-platform-content .recon-toolbar-left-nowrap {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 112px auto auto auto;
        align-items: center;
        gap: 8px;
        width: 100%;
        min-width: 0;
        flex-wrap: nowrap !important;
    }

    body:not(.login-page):not(.activation-page) #recon-platform-content .recon-platform-search-box {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: 1 1 auto !important;
    }

    body:not(.login-page):not(.activation-page) #recon-platform-content .recon-platform-search-box input {
        width: 100% !important;
    }

    body:not(.login-page):not(.activation-page) #recon-platform-content .recon-platform-status-filter {
        width: 112px !important;
        min-width: 112px !important;
        flex: 0 0 112px !important;
    }

    body:not(.login-page):not(.activation-page) #recon-platform-content .recon-platform-login-status,
    body:not(.login-page):not(.activation-page) #recon-platform-content .recon-platform-cookie-display,
    body:not(.login-page):not(.activation-page) #recon-platform-content .recon-platform-operation-log {
        max-width: 132px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body:not(.login-page):not(.activation-page) #recon-platform-content .recon-platform-cookie-display:empty {
        display: none !important;
    }

    body:not(.login-page):not(.activation-page) #recon-platform-content .toolbar-right {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        min-width: 0;
        margin-left: 0 !important;
        flex-wrap: wrap;
    }

    body:not(.login-page):not(.activation-page) #recon-platform-content .recon-platform-filter-tags {
        flex: 0 1 auto !important;
        min-width: 0;
    }

    body:not(.login-page):not(.activation-page) #recon-offline-content .recon-offline-toolbar {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        column-gap: 12px;
        row-gap: 8px;
        flex-wrap: nowrap !important;
    }

    body:not(.login-page):not(.activation-page) #recon-offline-content .recon-offline-toolbar-left {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 126px auto;
        align-items: center;
        gap: 8px;
        width: 100%;
        min-width: 0;
        flex-wrap: nowrap !important;
    }

    body:not(.login-page):not(.activation-page) #recon-offline-content .recon-offline-search-box {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: 1 1 auto !important;
    }

    body:not(.login-page):not(.activation-page) #recon-offline-content .recon-offline-search-input {
        width: 100% !important;
    }

    body:not(.login-page):not(.activation-page) #recon-offline-content .recon-offline-status-filter {
        width: 126px !important;
        min-width: 126px !important;
        flex: 0 0 126px !important;
    }

    body:not(.login-page):not(.activation-page) #recon-offline-content .recon-offline-toolbar-right {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        margin-left: 0 !important;
    }

    body:not(.login-page):not(.activation-page) #cases-12315-content .toolbar-enhanced {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        align-items: center;
        row-gap: 8px;
        flex-wrap: nowrap !important;
    }

    body:not(.login-page):not(.activation-page) #cases-12315-content .toolbar-left {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 120px 132px auto auto auto auto;
        align-items: center;
        gap: 8px;
        width: 100%;
        min-width: 0;
        flex-wrap: nowrap !important;
    }

    body:not(.login-page):not(.activation-page) #cases-12315-content #search-box-12315,
    body:not(.login-page):not(.activation-page) #cases-12315-content .cases-12315-search-box {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: 1 1 auto !important;
    }

    body:not(.login-page):not(.activation-page) #cases-12315-content #search-box-12315 input,
    body:not(.login-page):not(.activation-page) #cases-12315-content .cases-12315-search-box input {
        width: 100% !important;
    }

    body:not(.login-page):not(.activation-page) #cases-12315-content .cases-12315-status-filter {
        width: 120px !important;
        min-width: 120px !important;
        flex: 0 0 120px !important;
    }

    body:not(.login-page):not(.activation-page) #cases-12315-content .cases-12315-program-status-filter {
        width: 132px !important;
        min-width: 132px !important;
        flex: 0 0 132px !important;
    }

    body:not(.login-page):not(.activation-page) #cases-12315-content #12315LoginStatus,
    body:not(.login-page):not(.activation-page) #cases-12315-content #12315CookieDisplay,
    body:not(.login-page):not(.activation-page) #cases-12315-content #btn-12315-operation-log {
        max-width: 132px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body:not(.login-page):not(.activation-page) #cases-12315-content #12315CookieDisplay:empty,
    body:not(.login-page):not(.activation-page) #cases-12315-content .toolbar-right:empty {
        display: none !important;
    }
}

body:not(.login-page):not(.activation-page) #btn-12315-operation-log,
body:not(.login-page):not(.activation-page) #id-operation-log-btn,
body:not(.login-page):not(.activation-page) #btn-recon-operation-log,
body:not(.login-page):not(.activation-page) #btn-recon-offline-operation-log,
body:not(.login-page):not(.activation-page) #btn-admin-lawsuit-operation-log,
body:not(.login-page):not(.activation-page) #btn-civil-lawsuit-operation-log {
    --toolbar-chip-padding-x: 10px;
    --toolbar-chip-radius: 6px;
    --toolbar-chip-font-size: 12px;
    min-width: 0 !important;
    width: auto !important;
    height: var(--toolbar-chip-height, 37.5px) !important;
    min-height: var(--toolbar-chip-height, 37.5px) !important;
    padding: 0 10px !important;
    border: 1px solid var(--border-color, #D9D9D9) !important;
    border-radius: 6px !important;
    background: var(--bg-tertiary, #F5F5F5) !important;
    color: var(--text-secondary, #6B7280) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    flex: 0 0 auto;
    white-space: nowrap;
}

body:not(.login-page):not(.activation-page) #btn-12315-operation-log:hover:not(:disabled),
body:not(.login-page):not(.activation-page) #btn-12315-operation-log:focus-visible:not(:disabled),
body:not(.login-page):not(.activation-page) #btn-12315-operation-log:active:not(:disabled),
body:not(.login-page):not(.activation-page) #id-operation-log-btn:hover:not(:disabled),
body:not(.login-page):not(.activation-page) #id-operation-log-btn:focus-visible:not(:disabled),
body:not(.login-page):not(.activation-page) #id-operation-log-btn:active:not(:disabled),
body:not(.login-page):not(.activation-page) #btn-recon-operation-log:hover:not(:disabled),
body:not(.login-page):not(.activation-page) #btn-recon-operation-log:focus-visible:not(:disabled),
body:not(.login-page):not(.activation-page) #btn-recon-operation-log:active:not(:disabled),
body:not(.login-page):not(.activation-page) #btn-recon-offline-operation-log:hover:not(:disabled),
body:not(.login-page):not(.activation-page) #btn-recon-offline-operation-log:focus-visible:not(:disabled),
body:not(.login-page):not(.activation-page) #btn-recon-offline-operation-log:active:not(:disabled),
body:not(.login-page):not(.activation-page) #btn-admin-lawsuit-operation-log:hover:not(:disabled),
body:not(.login-page):not(.activation-page) #btn-admin-lawsuit-operation-log:focus-visible:not(:disabled),
body:not(.login-page):not(.activation-page) #btn-admin-lawsuit-operation-log:active:not(:disabled),
body:not(.login-page):not(.activation-page) #btn-civil-lawsuit-operation-log:hover:not(:disabled),
body:not(.login-page):not(.activation-page) #btn-civil-lawsuit-operation-log:focus-visible:not(:disabled),
body:not(.login-page):not(.activation-page) #btn-civil-lawsuit-operation-log:active:not(:disabled) {
    background: var(--bg-tertiary, #F5F5F5) !important;
    border-color: #D9D9D9 !important;
    color: var(--text-primary, #1F2937) !important;
    box-shadow: none !important;
}