/* ==========================================================================
   UTP V2 — DOSSIER FOUNDATION V2
   Source baseline: utp-v2-1009-1445.zip

   Scope:
   - Existing dossier screens only.
   - No register/search/workspace selectors.
   - No business logic or markup changes.
   - Loaded after Platform Results so dossier surfaces have the final say.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Shared dossier identity/header language
   -------------------------------------------------------------------------- */

.utp-platform-workspace-window .utp-commerce-dossier-head,
.utp-platform-workspace-window .utp-directory-dossier-head,
.utp-platform-workspace-window .utp-reservation-dossier__hero,
.utp-platform-workspace-window .utp-transport-transfers > .utp-transport-section-head,
.utp-platform-workspace-window .utp-geo-dossier-head {
    min-height: 82px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 106, 71, .58);
    border-radius: var(--utp-ui-radius-panel);
    background: var(--utp-ui-surface);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    font-family: var(--utp-ui-font-family);
    color: var(--utp-ui-text);
}

/* Commerce / Hotel / Contract */
.utp-platform-workspace-window .utp-commerce-dossier-head {
    padding: 16px 18px;
    align-items: center;
}

/* Directory company dossier: tabs remain a separate visual row below identity. */
.utp-platform-workspace-window .utp-directory-dossier-head {
    padding: 16px 18px 0;
    overflow: hidden;
}

/* Reservation */
.utp-platform-workspace-window .utp-reservation-dossier__hero {
    margin: 0 0 14px;
    padding: 16px 18px;
    align-items: center;
    color: var(--utp-ui-text);
}

/* Operations route */
.utp-platform-workspace-window .utp-transport-transfers > .utp-transport-section-head {
    padding: 16px 18px;
    align-items: center;
}

/* Geography */
.utp-platform-workspace-window .utp-geo-dossier-head {
    padding: 16px 18px;
    align-items: center;
}

/* Eyebrows */
.utp-platform-workspace-window .utp-commerce-dossier-head .utp-commerce-eyebrow,
.utp-platform-workspace-window .utp-directory-dossier-head .utp-directory-eyebrow,
.utp-platform-workspace-window .utp-reservation-dossier__eyebrow,
.utp-platform-workspace-window .utp-transport-transfers > .utp-transport-section-head .utp-operations-eyebrow,
.utp-platform-workspace-window .utp-geo-dossier-head .utp-platform-geography-eyebrow {
    margin: 0 0 5px;
    color: var(--utp-ui-text-muted);
    font-family: var(--utp-ui-font-family);
    font-size: 10px;
    font-weight: var(--utp-ui-weight-strong);
    line-height: 1.1;
    letter-spacing: .075em;
    text-transform: uppercase;
}

/* Titles */
.utp-platform-workspace-window .utp-commerce-dossier-head h2,
.utp-platform-workspace-window .utp-directory-dossier-head h2,
.utp-platform-workspace-window .utp-reservation-dossier__hero h1,
.utp-platform-workspace-window .utp-transport-transfers > .utp-transport-section-head h3,
.utp-platform-workspace-window .utp-geo-dossier-head h2 {
    margin: 0;
    color: var(--utp-ui-text);
    font-family: var(--utp-ui-font-family);
    font-size: 20px;
    font-weight: var(--utp-ui-weight-bold);
    line-height: 1.15;
    letter-spacing: -.015em;
    text-shadow: none;
}

/* Subtitle/meta */
.utp-platform-workspace-window .utp-commerce-dossier-head p,
.utp-platform-workspace-window .utp-directory-dossier-head p,
.utp-platform-workspace-window .utp-transport-transfers > .utp-transport-section-head p,
.utp-platform-workspace-window .utp-geo-dossier-head p {
    margin: 5px 0 0;
    color: var(--utp-ui-text-muted);
    font-family: var(--utp-ui-font-family);
    font-size: 11px;
    line-height: 1.4;
}

.utp-platform-workspace-window .utp-reservation-dossier__meta {
    margin-top: 6px;
    gap: 6px 12px;
    color: var(--utp-ui-text-muted);
    font-family: var(--utp-ui-font-family);
    font-size: 11px;
}

/* --------------------------------------------------------------------------
   2. Dossier actions
   -------------------------------------------------------------------------- */

.utp-platform-workspace-window .utp-commerce-dossier-actions,
.utp-platform-workspace-window .utp-transport-route-actions,
.utp-platform-workspace-window .utp-reservations__detail-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.utp-platform-workspace-window .utp-commerce-dossier-actions form,
.utp-platform-workspace-window .utp-transport-route-actions form,
.utp-platform-workspace-window .utp-reservations__detail-actions form {
    margin: 0;
}

.utp-platform-workspace-window .utp-commerce-dossier-actions .utp-commerce-primary,
.utp-platform-workspace-window .utp-commerce-dossier-actions .utp-commerce-secondary,
.utp-platform-workspace-window .utp-commerce-dossier-actions button,
.utp-platform-workspace-window .utp-transport-route-actions .utp-transport-primary-action,
.utp-platform-workspace-window .utp-transport-route-actions .utp-transport-secondary-action,
.utp-platform-workspace-window .utp-reservations__detail-actions a,
.utp-platform-workspace-window .utp-reservations__detail-actions button,
.utp-platform-workspace-window .utp-geo-dossier-head .utp-geo-back {
    min-height: 34px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid var(--utp-ui-border);
    border-radius: var(--utp-ui-radius-control);
    background: #fff;
    color: var(--utp-ui-text-secondary);
    font-family: var(--utp-ui-font-family);
    font-size: 11px;
    font-weight: var(--utp-ui-weight-bold);
    line-height: 1;
    text-decoration: none;
    box-shadow: none;
}

.utp-platform-workspace-window .utp-commerce-dossier-actions .utp-commerce-primary,
.utp-platform-workspace-window .utp-transport-route-actions .utp-transport-primary-action,
.utp-platform-workspace-window .utp-reservations__detail-actions .utp-reservations__modify {
    border-color: var(--utp-ui-accent);
    background: transparent;
    color: var(--utp-ui-accent);
}

.utp-platform-workspace-window .utp-commerce-dossier-actions .utp-commerce-danger,
.utp-platform-workspace-window .utp-reservations__detail-actions .utp-reservations__cancel {
    border-color: #f3d3cf;
    background: #fff7f6;
    color: var(--utp-ui-danger);
}

/* Reservation back row is navigation, not another hero. */
.utp-platform-workspace-window .utp-reservations--detail .utp-reservations__detail-nav {
    min-height: 42px;
    margin: 0 0 10px;
    padding: 0;
    align-items: center;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.utp-platform-workspace-window .utp-reservations--detail .utp-reservations__detail-nav-left {
    gap: 6px;
}

.utp-platform-workspace-window .utp-reservations--detail .utp-reservations__detail-nav-left a {
    min-height: 34px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--utp-ui-border);
    border-radius: var(--utp-ui-radius-control);
    background: #fff;
    color: var(--utp-ui-text-secondary);
    font-size: 11px;
    font-weight: var(--utp-ui-weight-bold);
    text-decoration: none;
}

/* --------------------------------------------------------------------------
   3. Canonical dossier secondary navigation
   -------------------------------------------------------------------------- */

.utp-platform-workspace-window .utp-commerce-dossier-tabs,
.utp-platform-workspace-window .utp-directory-dossier-tabs,
.utp-platform-workspace-window .utp-transport-dossier-tabs {
    min-height: 44px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 3px;
    overflow-x: auto;
    border: 1px solid var(--utp-ui-border);
    border-radius: var(--utp-ui-radius-card);
    background: var(--utp-ui-surface-soft);
    box-shadow: none;
    scrollbar-width: thin;
}

/* Commerce and Operations tabs sit below the header as their own surface. */
.utp-platform-workspace-window .utp-commerce-dossier-tabs,
.utp-platform-workspace-window .utp-transport-dossier-tabs {
    margin: 10px 0 16px;
    padding: 4px;
}

/* Directory tabs are structurally inside the header; preserve the structure,
   but give the row the same visual grammar. */
.utp-platform-workspace-window .utp-directory-dossier-tabs {
    margin: 14px -18px 0;
    padding: 4px 18px;
    border-width: 1px 0 0;
    border-radius: 0;
}

.utp-platform-workspace-window .utp-commerce-dossier-tabs > a,
.utp-platform-workspace-window .utp-directory-dossier-tabs > a,
.utp-platform-workspace-window .utp-transport-dossier-tab {
    position: relative;
    min-height: 34px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--utp-ui-text-secondary);
    font-family: var(--utp-ui-font-family);
    font-size: 10.5px;
    font-weight: var(--utp-ui-weight-bold);
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}

.utp-platform-workspace-window .utp-directory-dossier-tabs > a::after {
    display: none;
}

.utp-platform-workspace-window .utp-commerce-dossier-tabs > a.is-active,
.utp-platform-workspace-window .utp-directory-dossier-tabs > a.is-active,
.utp-platform-workspace-window .utp-transport-dossier-tab.is-active {
    border-color: rgba(255, 106, 71, .48);
    background: #fff;
    color: var(--utp-ui-text);
    box-shadow: var(--utp-shadow-sm);
}

/* Stop Sales stays an operational action, not a normal dossier tab. */
.utp-platform-workspace-window .utp-commerce-dossier-tabs .utp-contract-stop-sales-action {
    margin-left: auto;
    border-color: #f3d3cf;
    background: #fff;
    color: var(--utp-ui-danger);
}

.utp-platform-workspace-window .utp-commerce-dossier-tabs .utp-contract-stop-sales-action:hover {
    border-color: rgba(199,72,61,.38);
    background: #fff7f6;
}

.utp-platform-workspace-window .utp-contract-stop-sales-action__dot {
    background: rgba(199,72,61,.34);
}

.utp-platform-workspace-window .utp-contract-stop-sales-action.has-active-stops .utp-contract-stop-sales-action__dot {
    background: var(--utp-ui-accent);
}

/* --------------------------------------------------------------------------
   4. Dossier content cards / facts
   -------------------------------------------------------------------------- */

.utp-platform-workspace-window .utp-commerce-overview-grid,
.utp-platform-workspace-window .utp-directory-dossier-grid,
.utp-platform-workspace-window .utp-reservation-dossier__summary-grid,
.utp-platform-workspace-window .utp-reservation-dossier__two-col,
.utp-platform-workspace-window .utp-transport-overview-grid {
    gap: 12px;
}

.utp-platform-workspace-window .utp-commerce-detail-card,
.utp-platform-workspace-window .utp-directory-dossier-grid .utp-directory-form-card,
.utp-platform-workspace-window .utp-reservations--detail .utp-reservations__card,
.utp-platform-workspace-window .utp-transport-overview-card,
.utp-platform-workspace-window .utp-geo-section-card,
.utp-platform-workspace-window .utp-geo-fact {
    border: 1px solid var(--utp-ui-border);
    border-radius: var(--utp-ui-radius-card);
    background: var(--utp-ui-surface);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* Commerce overview */
.utp-platform-workspace-window .utp-commerce-detail-card {
    padding: 16px;
}

.utp-platform-workspace-window .utp-commerce-detail-card h3 {
    margin: 0;
    color: var(--utp-ui-text);
    font-size: 11px;
    font-weight: var(--utp-ui-weight-bold);
    line-height: 1.25;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.utp-platform-workspace-window .utp-commerce-detail-card dl {
    margin: 12px 0 0;
    gap: 0;
}

.utp-platform-workspace-window .utp-commerce-detail-card dl div {
    min-height: 35px;
    padding: 8px 0;
    grid-template-columns: 125px minmax(0,1fr);
    align-items: center;
    border-top: 1px solid var(--utp-ui-border);
}

.utp-platform-workspace-window .utp-commerce-detail-card dt {
    color: var(--utp-ui-text-secondary);
    font-size: 10.5px;
}

.utp-platform-workspace-window .utp-commerce-detail-card dd {
    color: var(--utp-ui-text);
    font-size: 12px;
}

/* Directory */
.utp-platform-workspace-window .utp-directory-dossier-grid {
    margin-top: 12px;
}

.utp-platform-workspace-window .utp-directory-detail {
    padding: 11px 12px;
    border: 1px solid var(--utp-ui-border);
    border-radius: var(--utp-ui-radius-control);
    background: var(--utp-ui-surface-soft);
}

.utp-platform-workspace-window .utp-directory-detail span {
    color: var(--utp-ui-text-muted);
    font-size: 10px;
}

.utp-platform-workspace-window .utp-directory-detail strong {
    color: var(--utp-ui-text);
    font-size: 12px;
}

/* Reservation */
.utp-platform-workspace-window .utp-reservations--detail .utp-reservations__card {
    padding: 16px;
}

.utp-platform-workspace-window .utp-reservation-dossier__section {
    margin-top: 14px;
}

.utp-platform-workspace-window .utp-reservation-dossier__section-title {
    margin-bottom: 10px;
    color: var(--utp-ui-text);
    font-size: 10.5px;
    font-weight: var(--utp-ui-weight-bold);
    letter-spacing: .055em;
}

.utp-platform-workspace-window .utp-reservation-dossier__section-title small {
    color: var(--utp-ui-text-muted);
    font-size: 10px;
    font-weight: var(--utp-ui-weight-semibold);
}

.utp-platform-workspace-window .utp-reservation-dossier__service-head {
    margin-bottom: 12px;
    align-items: center;
}

.utp-platform-workspace-window .utp-reservation-dossier__service-head h2 {
    color: var(--utp-ui-text);
    font-size: 16px;
}

.utp-platform-workspace-window .utp-reservation-dossier__service-type {
    color: var(--utp-ui-accent);
    font-size: 10px;
}

/* Reservation status now belongs to the common light dossier header. */
.utp-platform-workspace-window .utp-reservation-dossier__hero .utp-reservations__status--large {
    min-height: 26px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    border-radius: var(--utp-ui-radius-pill);
    background: rgba(31,143,100,.09);
    color: var(--utp-ui-success);
    font-size: 10.5px;
    font-weight: var(--utp-ui-weight-bold);
}

/* Operations route */
.utp-platform-workspace-window .utp-transport-overview-grid {
    margin-top: 0;
}

.utp-platform-workspace-window .utp-transport-overview-card {
    min-height: 96px;
    padding: 14px;
    gap: 5px;
}

.utp-platform-workspace-window .utp-transport-overview-card > span,
.utp-platform-workspace-window .utp-transport-overview-card small {
    color: var(--utp-ui-text-muted);
    font-size: 10px;
}

.utp-platform-workspace-window .utp-transport-overview-card strong {
    color: var(--utp-ui-text);
    font-size: 13px;
}

/* Geography */
.utp-platform-workspace-window .utp-geo-dossier-grid {
    gap: 10px;
    margin: 12px 0;
}

.utp-platform-workspace-window .utp-geo-fact {
    padding: 12px 13px;
}

.utp-platform-workspace-window .utp-geo-fact span {
    color: var(--utp-ui-text-muted);
}

.utp-platform-workspace-window .utp-geo-fact strong {
    color: var(--utp-ui-text);
}

.utp-platform-workspace-window .utp-geo-section-card {
    margin-top: 12px;
}

/* --------------------------------------------------------------------------
   5. Status normalization inside dossiers
   -------------------------------------------------------------------------- */

.utp-platform-workspace-window .utp-commerce-dossier-head .utp-commerce-status,
.utp-platform-workspace-window .utp-transport-route-actions .utp-transport-route-row__status,
.utp-platform-workspace-window .utp-reservations--detail .utp-reservations__status {
    min-height: 24px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    border-radius: var(--utp-ui-radius-pill);
    font-size: 10px;
    font-weight: var(--utp-ui-weight-bold);
}

/* --------------------------------------------------------------------------
   6. Tablet
   -------------------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1024px) {
    .utp-platform-workspace-window .utp-commerce-dossier-head,
    .utp-platform-workspace-window .utp-reservation-dossier__hero,
    .utp-platform-workspace-window .utp-transport-transfers > .utp-transport-section-head,
    .utp-platform-workspace-window .utp-geo-dossier-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .utp-platform-workspace-window .utp-commerce-dossier-actions,
    .utp-platform-workspace-window .utp-transport-route-actions,
    .utp-platform-workspace-window .utp-reservations__detail-actions {
        justify-content: flex-start;
    }

    .utp-platform-workspace-window .utp-directory-dossier-grid,
    .utp-platform-workspace-window .utp-reservation-dossier__summary-grid,
    .utp-platform-workspace-window .utp-reservation-dossier__two-col,
    .utp-platform-workspace-window .utp-commerce-overview-grid {
        grid-template-columns: 1fr;
    }

    .utp-platform-workspace-window .utp-commerce-dossier-tabs .utp-contract-stop-sales-action {
        margin-left: 0;
    }
}

/* --------------------------------------------------------------------------
   7. Platform canonical dossier typography & information hierarchy

   Reference implementation: Market Reservation dossier.
   Shared dossier language:
   - section/card labels: compact uppercase metadata
   - normal fact values: 13px regular
   - headings/status/actions keep their own deliberate hierarchy
   -------------------------------------------------------------------------- */

.utp-platform-workspace-window {
    --utp-dossier-section-size: 10px;
    --utp-dossier-label-size: 10px;
    --utp-dossier-value-size: 13px;
    --utp-dossier-value-line: 1.4;
}

/* Canonical fact values across business dossiers. */
.utp-platform-workspace-window .utp-commerce-detail-card dd,
.utp-platform-workspace-window .utp-directory-detail strong,
.utp-platform-workspace-window .utp-transport-overview-card strong,
.utp-platform-workspace-window .utp-transport-movement-card dd,
.utp-platform-workspace-window .utp-geo-fact strong {
    font-family: var(--utp-ui-font-family);
    font-size: var(--utp-dossier-value-size);
    font-weight: var(--utp-ui-weight-regular);
    line-height: var(--utp-dossier-value-line);
}

/* Canonical fact labels. */
.utp-platform-workspace-window .utp-commerce-detail-card dt,
.utp-platform-workspace-window .utp-directory-detail span,
.utp-platform-workspace-window .utp-transport-overview-card > span,
.utp-platform-workspace-window .utp-transport-overview-card small,
.utp-platform-workspace-window .utp-transport-movement-card dt,
.utp-platform-workspace-window .utp-geo-fact span {
    color: var(--utp-ui-text-muted);
    font-family: var(--utp-ui-font-family);
    font-size: var(--utp-dossier-label-size);
    font-weight: var(--utp-ui-weight-semibold);
    line-height: 1.25;
}

/* Operations fact cards use the same compact section-title language as
   Reservation dossier sections instead of component-title typography. */
.utp-platform-workspace-window .utp-transport-movement-card h4 {
    margin: 0 0 10px;
    color: var(--utp-ui-text);
    font-family: var(--utp-ui-font-family);
    font-size: var(--utp-dossier-section-size);
    font-weight: var(--utp-ui-weight-bold);
    line-height: 1.2;
    letter-spacing: .055em;
    text-transform: uppercase;
}

/* Match Reservation dossier information density without changing card geometry. */
.utp-platform-workspace-window .utp-transport-movement-card dl div {
    padding: 7px 0;
    align-items: start;
}

/* Operational subsection headers are metadata, not display text. */
.utp-platform-workspace-window .utp-transport-job-movements__head span,
.utp-platform-workspace-window .utp-transport-movement-notes span {
    color: var(--utp-ui-text-muted);
    font-family: var(--utp-ui-font-family);
    font-size: var(--utp-dossier-section-size);
    font-weight: var(--utp-ui-weight-semibold);
    line-height: 1.2;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.utp-platform-workspace-window .utp-transport-job-movements__head strong {
    margin-top: 4px;
    color: var(--utp-ui-text);
    font-family: var(--utp-ui-font-family);
    font-size: var(--utp-dossier-value-size);
    font-weight: var(--utp-ui-weight-regular);
    line-height: var(--utp-dossier-value-line);
}

/* Route hero remains an Operations-specific visual anchor, but its typography
   follows the same Platform value hierarchy. */
.utp-platform-workspace-window .utp-transport-movement-hero span {
    font-size: var(--utp-dossier-label-size);
    font-weight: var(--utp-ui-weight-semibold);
}

.utp-platform-workspace-window .utp-transport-movement-hero strong {
    font-size: 14px;
    font-weight: var(--utp-ui-weight-medium);
}

/* Forms inside dossiers follow the same label/value scale. */
.utp-platform-workspace-window .utp-transport-job-movements .utp-transport-route-field {
    font-size: var(--utp-dossier-label-size);
    font-weight: var(--utp-ui-weight-semibold);
}

.utp-platform-workspace-window .utp-transport-job-movements select {
    font-family: var(--utp-ui-font-family);
    font-size: 12px;
    font-weight: var(--utp-ui-weight-regular);
}


/* Reservation Dossier Compact V2 — Platform-owned progressive disclosure. */
.utp-platform-workspace-window .utp-dossier-fold {
    margin-top: var(--utp-ui-space-4);
    border: var(--utp-ui-border-width) solid var(--utp-ui-border);
    border-radius: var(--utp-ui-radius-card);
    background: var(--utp-ui-surface);
}

.utp-platform-workspace-window .utp-dossier-fold__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--utp-ui-space-3);
    padding: var(--utp-ui-space-4) var(--utp-ui-panel-padding);
    color: var(--utp-ui-text);
    font-family: var(--utp-ui-font-family);
    font-size: var(--utp-dossier-section-size);
    font-weight: var(--utp-ui-weight-bold);
    letter-spacing: .055em;
    text-transform: uppercase;
    cursor: pointer;
}

.utp-platform-workspace-window .utp-dossier-fold > section,
.utp-platform-workspace-window .utp-dossier-fold > .utp-reservation-dossier__section {
    margin-top: 0;
    border: 0;
    border-radius: 0;
    box-shadow: var(--utp-ui-shadow-none);
}

.utp-platform-workspace-window .utp-reservation-dossier__quick-summary {
    display: flex;
    flex-wrap: wrap;
    gap: var(--utp-ui-space-3);
    margin-top: var(--utp-ui-space-2);
    color: var(--utp-ui-text-secondary);
    font-size: var(--utp-dossier-value-size);
}

.utp-platform-workspace-window .utp-reservation-dossier__quick-summary strong {
    color: var(--utp-ui-text);
}

.utp-platform-workspace-window .utp-reservation-dossier__add-service {
    position: relative;
    margin-top: var(--utp-ui-space-2);
}

.utp-platform-workspace-window .utp-reservation-dossier__add-service > summary {
    width: max-content;
    color: var(--utp-ui-primary-action);
    font-weight: var(--utp-ui-weight-semibold);
    cursor: pointer;
}

.utp-platform-workspace-window .utp-reservation-dossier__add-service-menu {
    display: flex;
    flex-wrap: wrap;
    gap: var(--utp-ui-space-2);
    margin-top: var(--utp-ui-space-2);
}

.utp-platform-workspace-window .utp-reservation-dossier__add-service-menu a,
.utp-platform-workspace-window .utp-reservation-dossier__add-service-menu span {
    padding: var(--utp-ui-space-2) var(--utp-ui-space-3);
    border: var(--utp-ui-border-width) solid var(--utp-ui-border);
    border-radius: var(--utp-ui-radius-control);
    background: var(--utp-ui-surface);
    color: var(--utp-ui-text);
    text-decoration: none;
}

.utp-platform-workspace-window .utp-reservation-dossier__add-service-menu span[aria-disabled="true"] {
    color: var(--utp-ui-text-muted);
    background: var(--utp-ui-surface-subtle);
}

.utp-platform-workspace-window .utp-reservation-dossier__traveller-documents {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--utp-ui-space-2);
    margin-top: var(--utp-ui-space-2);
}

/* Reservation Dossier Compact V2.1 — canonical full-width folds and richer summary. */
.utp-platform-workspace-window .utp-reservations--detail .utp-dossier-fold { width: 100%; grid-column: 1 / -1; }
.utp-platform-workspace-window .utp-reservations--detail .utp-reservation-dossier__summary-grid + .utp-dossier-fold { grid-column: 1 / -1; }
.utp-platform-workspace-window .utp-reservations--detail .utp-reservations__detail-actions .utp-reservations__document,
.utp-platform-workspace-window .utp-reservations--detail .utp-reservations__detail-actions .utp-reservations__document-form { display: none; }
.utp-platform-workspace-window .utp-reservation-dossier__overview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--utp-ui-space-4); margin-top:var(--utp-ui-space-4); }
.utp-platform-workspace-window .utp-reservation-dossier__overview-cell { display:flex; flex-direction:column; gap:var(--utp-ui-space-1); }
.utp-platform-workspace-window .utp-reservation-dossier__overview-cell strong,
.utp-platform-workspace-window .utp-reservation-dossier__overview-money strong { color:var(--utp-ui-text-muted); font-size:var(--utp-dossier-label-size); font-weight:var(--utp-ui-weight-semibold); text-transform:uppercase; }
.utp-platform-workspace-window .utp-reservation-dossier__overview-cell span { color:var(--utp-ui-text); font-size:var(--utp-dossier-value-size); }
.utp-platform-workspace-window .utp-reservation-dossier__overview-money { display:flex; flex-wrap:wrap; gap:var(--utp-ui-space-5); margin-top:var(--utp-ui-space-4); }
.utp-platform-workspace-window .utp-reservation-dossier__overview-money span { display:flex; flex-direction:column; gap:var(--utp-ui-space-1); }
.utp-platform-workspace-window .utp-reservation-dossier__section-actions { display:flex; align-items:center; gap:var(--utp-ui-space-3); }
.utp-platform-workspace-window .utp-reservation-dossier__section-actions .utp-reservation-dossier__add-service { margin-top:0; }
.utp-platform-workspace-window .utp-reservation-dossier__service-provider { margin-top:var(--utp-ui-space-4); border-top:var(--utp-ui-border-width) solid var(--utp-ui-border); padding-top:var(--utp-ui-space-3); }
.utp-platform-workspace-window .utp-reservation-dossier__service-provider > summary { cursor:pointer; color:var(--utp-ui-text-secondary); font-size:var(--utp-dossier-label-size); font-weight:var(--utp-ui-weight-semibold); text-transform:uppercase; }
.utp-platform-workspace-window .utp-reservation-dossier__service-provider > section { border:0; box-shadow:var(--utp-ui-shadow-none); padding-left:0; padding-right:0; }
@media (max-width:1100px){ .utp-platform-workspace-window .utp-reservation-dossier__overview { grid-template-columns:repeat(2,minmax(0,1fr)); } }


/* Reservation Dossier Compact V2.2 — final summary geometry. */
.utp-platform-workspace-window .utp-reservation-dossier__title-line { display:flex; align-items:center; gap:var(--utp-ui-space-3); }
.utp-platform-workspace-window .utp-reservation-dossier__overview { grid-template-columns:minmax(110px,.8fr) minmax(110px,.8fr) minmax(150px,1fr) minmax(170px,1.15fr) minmax(310px,auto); align-items:start; }
.utp-platform-workspace-window .utp-reservation-dossier__overview-money { margin-top:0; margin-left:auto; justify-content:flex-end; align-self:start; white-space:nowrap; }
.utp-platform-workspace-window .utp-reservation-dossier__overview-money span:last-child { font-weight:var(--utp-ui-weight-bold); }
@media (max-width:1250px){
    .utp-platform-workspace-window .utp-reservation-dossier__overview { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .utp-platform-workspace-window .utp-reservation-dossier__overview-money { grid-column:1 / -1; margin-left:0; justify-content:flex-start; }
}


/* Reservation Dossier Compact V2.3 — final-final polish. */
.utp-platform-workspace-window .utp-reservation-dossier__hero > div { width:100%; min-width:0; }
.utp-platform-workspace-window .utp-reservation-dossier__overview { width:100%; grid-template-columns:minmax(110px,.8fr) minmax(110px,.8fr) minmax(150px,1fr) minmax(170px,1.15fr) minmax(310px,1fr); }
.utp-platform-workspace-window .utp-reservation-dossier__overview-money { justify-self:end; margin-left:0; }
@media (max-width:1250px){
    .utp-platform-workspace-window .utp-reservation-dossier__overview { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .utp-platform-workspace-window .utp-reservation-dossier__overview-money { grid-column:1 / -1; justify-self:start; justify-content:flex-start; }
}

/* Platform shared dossier fold body: tokens only. */
.utp-platform-workspace-window .utp-dossier-fold__body {
    padding: var(--utp-ui-space-4) var(--utp-ui-panel-padding);
    border-top: var(--utp-ui-border-width) solid var(--utp-ui-border);
}
.utp-platform-workspace-window .utp-dossier-fold__meta {
    color: var(--utp-ui-text-secondary);
    font-weight: var(--utp-ui-weight-regular);
    text-transform: none;
    letter-spacing: normal;
}