/* ==========================================================================
   UTP COMMERCE — NAVIGATION
   Geometry + Operations semantic state only.
   Shared navigation typography, spacing and base item styling belong to
   Platform/Assets/css/PlatformWorkspace.css.
   ========================================================================== */

.utp-workspace-modules--operations {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    column-gap: var(--utp-space-5);
}

.utp-workspace-modules--operations .utp-workspace-modules__products,
.utp-workspace-modules--operations .utp-workspace-modules__dispatch,
.utp-workspace-modules--operations .utp-workspace-modules__utilities {
    display: flex;
    align-items: center;
    gap: var(--utp-space-1);
    min-width: 0;
}

.utp-workspace-modules--operations .utp-workspace-modules__products {
    grid-column: 1;
    justify-self: start;
}

.utp-workspace-modules--operations .utp-workspace-modules__dispatch {
    grid-column: 2;
    justify-self: center;
}

.utp-workspace-modules--operations .utp-workspace-modules__utilities {
    grid-column: 3;
    justify-self: end;
}

.utp-workspace-modules--operations .utp-workspace-modules__dispatch-link {
    border: var(--utp-border-width) solid rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .06);
}

.utp-workspace-modules--operations .utp-workspace-modules__dispatch-link:hover {
    background: rgba(255, 255, 255, .11);
}

.utp-workspace-modules--operations .utp-workspace-modules__dispatch-link.is-active {
    border-color: var(--utp-color-primary);
    background: var(--utp-color-primary);
    color: #fff;
}

/* Tablet geometry only. Main platform is unavailable below 768px. */
@media (min-width: 768px) and (max-width: 1120px) {
    .utp-workspace-modules--operations {
        grid-template-columns: 1fr;
        row-gap: var(--utp-space-2);
    }

    .utp-workspace-modules--operations .utp-workspace-modules__products,
    .utp-workspace-modules--operations .utp-workspace-modules__dispatch,
    .utp-workspace-modules--operations .utp-workspace-modules__utilities {
        grid-column: 1;
        justify-self: start;
    }

    .utp-workspace-modules--operations .utp-workspace-modules__utilities {
        width: 100%;
        padding-top: var(--utp-space-2);
        border-top: var(--utp-border-width) solid rgba(255, 255, 255, .10);
    }
}


/* Commerce semantic navigation — Platform owns the three-zone geometry. */
.utp-workspace-modules--commerce .utp-workspace-modules__contracts-link {
    border-color: rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .06);
}
.utp-workspace-modules--commerce .utp-workspace-modules__contracts-link:hover,
.utp-workspace-modules--commerce .utp-workspace-modules__contracts-link:focus {
    background: rgba(255, 255, 255, .11);
}
.utp-workspace-modules--commerce .utp-workspace-modules__contracts-link.is-active {
    border-color: var(--utp-ui-accent, #ff6647);
    background: var(--utp-ui-accent, #ff6647);
    color: #fff;
}
.utp-workspace-modules--commerce .utp-workspace-modules__commerce-actions {
    gap: 4px;
}