.app-shell > .top-nav { grid-row: 1; }
.app-shell > .workspace { grid-row: 2; }
.app-shell > .bottom-nav { grid-row: 3; }
.operation.sales-operation { display: block; place-items: normal; min-width: 0; padding: 1.5rem; text-align: left; }
.sales-operation h1 { font-size: 1.8rem; }
.sales-operation > p, .sales-muted { color: var(--color-text-muted); line-height: 1.5; }
.sales-actions { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; margin-block: 1rem; }
.sales-actions button[aria-pressed="true"] { color: var(--color-accent); border-color: var(--color-accent); }
.sales-fields, .sales-details { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin-block: 1.25rem; }
.sales-fields > h2 { grid-column: 1 / -1; margin-bottom: 0; font-size: 1.1rem; }
.sales-card { display: grid; gap: .4rem; overflow-wrap: anywhere; }
.sales-card small { color: var(--color-text-muted); }
.sales-indicators { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin-block: 1.5rem; }
.sales-indicators article, .sales-details > div { border: 1px solid var(--color-border); padding: 1rem; border-radius: .75rem; background: var(--color-surface); overflow-wrap: anywhere; }
.sales-indicators article { display: grid; gap: .6rem; }
.sales-indicators article > strong { font-size: 1.7rem; }
.sales-details { margin-top: .75rem; }
.sales-details dt { color: var(--color-text-muted); font-size: .85rem; }
.sales-details dd { margin: .5rem 0 0; white-space: pre-wrap; }
.workspace.sales-blocked { grid-template-columns: minmax(0,1fr); }
.workspace.sales-selecting { grid-template-columns: minmax(10rem,16%) minmax(24rem,1fr) minmax(20rem,34%); }
.sales-operation pacc-alert { display: block; margin-block: 1rem; }
.sales-review-note { border-left: .25rem solid var(--color-accent); padding: .8rem 1rem; background: var(--color-surface-soft, #f4f6fd); }
#sales-detail { width: min(65rem,94vw); max-width: 94vw; }
#sales-detail .dialog-content { display: flex; flex-direction: column; max-height: calc(100dvh - 3rem); }
.sales-modal-body { min-height: 0; overflow: auto; }
#sales-detail .dialog-actions { justify-content: space-between; gap: 1rem; flex-shrink: 0; }
@media (max-width: 1280px) { .workspace.sales-selecting { grid-template-columns: minmax(10rem,16%) minmax(22rem,1fr) minmax(18rem,32%); } .sales-selecting .sales-fields { grid-template-columns: minmax(0,1fr); } }
.sales-selecting > .selection-context { align-self: start; position: sticky; top: 6.5rem; max-height: calc(100dvh - 13rem); overflow: auto; }
body[data-sales-view] .top-nav .view-identity { min-width: 0; flex: 1; }
body[data-sales-view] .top-nav .view-subtitle { white-space: normal; }
body[data-sales-view] .top-nav .context-button { min-width: min(13rem, 17vw); }
body[data-sales-view] .top-nav .context-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body[data-sales-view] .top-nav .user-greeting { min-width: 6rem; }
.sales-operation .row-key { white-space: normal; }
#sales-detail { overflow: hidden; padding: 0; }
#sales-detail .dialog-content > :not(.sales-modal-body) { flex-shrink: 0; }

body[data-sales-view] .top-nav .top-spacer { display: none; }
