/* OpportunityOS toolbar consistency pass
   Aligns dashboard filter controls with PriceListOS / MatchingOS styling.
*/

.phoenix-toolbar {
    gap:12px;
    font-family:Inter,Arial,sans-serif;
    font-size:13px;
}

.phoenix-toolbar-top,
.phoenix-toolbar-bottom {
    gap:10px;
}

/* Compact PriceListOS-style filter containers. */
.phoenix-toolbar .toolbar-pill,
.phoenix-toolbar .toolbar-group,
.phoenix-toolbar .toolbar-group.toolbar-green {
    min-height:42px;
    height:42px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:4px 9px;
    border:1px solid #aab8ca;
    border-radius:9px;
    background:#ffffff;
    color:#17233d;
    box-sizing:border-box;
    box-shadow:none;
}

.phoenix-toolbar .toolbar-pill-label,
.phoenix-toolbar .toolbar-label,
.phoenix-toolbar .toolbar-group.toolbar-green .toolbar-label {
    color:#17233d;
    font-size:13px;
    line-height:1.2;
    font-weight:700;
    white-space:nowrap;
    margin:0;
}

.phoenix-toolbar .toolbar-pill select,
.phoenix-toolbar .toolbar-group select,
.phoenix-toolbar .toolbar-green select {
    height:34px !important;
    min-width:150px;
    padding:0 32px 0 11px;
    border:1px solid #aab8ca !important;
    border-radius:8px !important;
    background:#ffffff !important;
    color:#17233d !important;
    font-family:Inter,Arial,sans-serif;
    font-size:13px;
    line-height:1.2;
    font-weight:700;
    outline:none;
    box-shadow:none;
}

.phoenix-toolbar .toolbar-pill select:focus,
.phoenix-toolbar .toolbar-group select:focus {
    border-color:#2563eb !important;
    box-shadow:0 0 0 2px rgba(37,99,235,.12);
}

/* Segmented controls such as Brand: All / Select Brand. */
.phoenix-toolbar .toolbar-pill button:not(.toolbar-button),
.phoenix-toolbar .toolbar-group button:not(.toolbar-button) {
    min-height:32px;
    padding:0 11px;
    border:1px solid transparent;
    border-radius:8px;
    background:#ffffff;
    color:#17233d;
    font:700 13px Inter,Arial,sans-serif;
    cursor:pointer;
}

.phoenix-toolbar .toolbar-pill button.active,
.phoenix-toolbar .toolbar-pill button[aria-pressed="true"],
.phoenix-toolbar .toolbar-group button.active,
.phoenix-toolbar .toolbar-group button[aria-pressed="true"] {
    border-color:#86c5a3;
    background:#e9f8ef;
    color:#166534;
}

/* PriceListOS-style action buttons: white, blue outline/text. */
.phoenix-toolbar .toolbar-button {
    height:42px;
    border-radius:9px;
    padding:0 16px;
    font-family:Inter,Arial,sans-serif;
    font-size:13px;
    line-height:1.2;
    font-weight:700;
    box-shadow:none;
}

/* Make the two prominent OpportunityOS actions use the same button treatment. */
.phoenix-toolbar #phoenix-load-dashboard,
.phoenix-toolbar .toolbar-button.blue,
.phoenix-toolbar .toolbar-button.orange {
    background:#ffffff !important;
    border:1px solid #2563eb !important;
    color:#2456d8 !important;
}

.phoenix-toolbar #phoenix-load-dashboard:hover,
.phoenix-toolbar .toolbar-button.blue:hover,
.phoenix-toolbar .toolbar-button.orange:hover {
    background:#f7faff !important;
}

.phoenix-toolbar .toolbar-button.green {
    background:#ffffff;
    border:1px solid #aab8ca;
    color:#17233d;
}

.phoenix-toolbar .toolbar-button.tools {
    background:#ffffff;
    border:1px solid #2563eb;
    color:#2456d8;
}

@media (max-width:1100px) {
    .phoenix-toolbar .toolbar-pill,
    .phoenix-toolbar .toolbar-group,
    .phoenix-toolbar .toolbar-group.toolbar-green {
        height:auto;
        min-height:42px;
    }
}