/* Working screens retain the FORM+ shell with more room for operational content. */
.lsp-beta-app .lsp-beta-stage-heading { padding: 12px clamp(12px, 2vw, 28px) 18px; }
.lsp-beta-app .lsp-beta-stage-heading h1 { font-size: clamp(26px, 3vw, 38px) !important; line-height: 1.15 !important; }
.lsp-beta-app .lsp-beta-stage-heading .lsp-beta-stage-intro { font-size: 12px; letter-spacing: .025em; margin-top: 8px; }
.lsp-beta-app .lsp-beta-breadcrumbs { margin-bottom: 10px; font-size: 12px; }
/* The stage fills the frame and scrolls beneath the fixed controls.
 * Scroll padding reveals focused controls without shortening that viewport. */
.lsp-beta-app .lsp-beta-stage { position:absolute; inset:var(--lsp-beta-frame-inset) 0; height:auto; margin:0 auto; scroll-padding-top:88px; scroll-padding-bottom:104px; }
.lsp-beta-app .lsp-beta-workspace-panel { padding: clamp(14px, 2vw, 26px); }
.lsp-beta-app .lsp-workflow-heading > p { max-width: 84ch; color: var(--lsp-beta-muted); font-size: 14px; line-height: 1.55; margin: 0 0 18px; }
.lsp-workflow-tabs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 20px; }
.lsp-beta-app .lsp-workflow-tabs .lsp-workflow-tab { background: transparent !important; padding: 8px 13px !important; min-height: 40px; gap: 8px; }
.lsp-beta-app .lsp-workflow-tabs .lsp-workflow-tab.is-active { background: var(--lsp-beta-field) !important; box-shadow: inset 0 0 0 1px var(--lsp-beta-line) !important; }
.lsp-workflow-count { font-variant-numeric: tabular-nums; font-size: .85em; opacity: .8; }
.lsp-workflow-filters { display: grid; grid-template-columns: repeat(3, minmax(110px, 1fr)) repeat(2, minmax(135px, .8fr)) auto auto; align-items: end; gap: 10px; margin: 0 0 12px; }
.lsp-workflow-filters label { display: flex; flex-direction: column; gap: 6px; min-width: 0; font-size: 12px; }
.lsp-beta-app .lsp-workflow-filters input { width: 100% !important; min-width: 0; min-height: 42px; margin: 0 !important; font-size: 13px !important; }
.lsp-beta-app .lsp-workflow-filters .lsp-button { min-height: 42px; margin: 0 !important; }
.lsp-beta-app .lsp-workflow-result-count { color: var(--lsp-beta-muted); font-size: 12px; margin: 16px 0 10px; }
.lsp-workflow-table-wrap { overflow-x: auto; border: 1px solid var(--lsp-beta-line); border-radius: 12px; }
.lsp-beta-app .lsp-attention-table { margin: 0; width: 100%; border: 0 !important; border-collapse: collapse; font-size: 13px; }
.lsp-beta-app .lsp-attention-table th { padding: 12px !important; font-size: 11px !important; letter-spacing: .025em; }
.lsp-beta-app .lsp-attention-table td { padding: 14px 12px !important; vertical-align: middle; border-bottom: 1px solid var(--lsp-beta-line) !important; }
.lsp-beta-app .lsp-attention-table tr:last-child td { border-bottom: 0 !important; }
.lsp-attention-table td small { display: block; margin-top: 5px; color: var(--lsp-beta-muted); font-size: 12px; overflow-wrap: anywhere; }
.lsp-attention-table td strong { font-weight: 600; }
.lsp-attention-table .lsp-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.lsp-beta-app .lsp-attention-table .lsp-button { font-size: 12px !important; padding: 7px 11px !important; min-height: 36px; margin: 0 !important; white-space: normal; }
.lsp-beta-app .lsp-workflow-overdue { color: #ffd09b !important; font-weight: 600; }
.lsp-beta-app[data-theme="light"] .lsp-workflow-overdue { color: #8b3d09 !important; }
.lsp-workflow-pagination { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 12px; padding-top: 18px; font-size: 13px; }
.lsp-workflow-empty { padding: 24px !important; margin: 0 !important; }
.lsp-workflow-selection { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-block: 12px; }
.lsp-workflow-existing-invoice { display: block; margin-top: 6px; font-size: 12px; }
.lsp-record-corrections summary { cursor: pointer; font-size: 12px; padding-block: 8px; }
.lsp-record-corrections p { max-width: 32ch; font-size: 12px; line-height: 1.5; }
.lsp-dispatch-tracking, .lsp-tracking-fields { margin: 18px 0; padding: 14px; border: 1px solid currentColor; border-color: color-mix(in srgb, currentColor 20%, transparent); border-radius: 12px; }
.lsp-tracking-fields > div { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.lsp-dispatch-tracking legend { padding-inline: 6px; font-size: 14px; }
.lsp-dispatch-tracking label { display: flex; flex-direction: column; gap: 6px; min-width: 0; font-size: 13px; }
.lsp-dispatch-tracking input { width: 100%; }
.lsp-tracking-fields label { display: flex; flex-direction: column; gap: 6px; min-width: 0; font-size: 13px; }
.lsp-beta-app :focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (max-width: 1180px) {
    .lsp-workflow-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .lsp-workflow-filters .lsp-button { justify-self: start; }
}
@media (max-width: 760px) {
    .lsp-beta-app .lsp-table td[data-label]::before, body.lsp-beta-active .lsp-modal-overlay .lsp-table td[data-label]::before { color: var(--lsp-beta-ink) !important; }
    .lsp-beta-app .lsp-beta-stage { scroll-padding-top:76px; scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom)); }
    .lsp-beta-app .lsp-beta-stage-heading { padding: 8px 4px 14px; }
    .lsp-beta-app .lsp-beta-stage-heading h1 { font-size: 28px !important; }
    .lsp-workflow-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lsp-workflow-filters label:first-of-type { grid-column: 1 / -1; }
    .lsp-workflow-tabs { gap: 6px; }
    .lsp-beta-app .lsp-workflow-tabs .lsp-workflow-tab { flex: 1 1 auto; justify-content: center; font-size: 12px !important; }
    .lsp-workflow-table-wrap { border: 0; overflow: visible; }
    .lsp-beta-app .lsp-attention-table, .lsp-attention-table tbody, .lsp-attention-table tr, .lsp-beta-app .lsp-attention-table td { display: block; width: 100%; box-sizing: border-box; }
    .lsp-attention-table thead { display: none; }
    .lsp-attention-table tr { margin-bottom: 14px; border: 1px solid var(--lsp-beta-line); border-radius: 12px; overflow: hidden; }
    .lsp-beta-app .lsp-attention-table td { text-align: left !important; padding: 10px 12px !important; }
    .lsp-attention-table td::before { content: attr(data-label); display: block; margin-bottom: 5px; font-size: 11px; color: var(--lsp-beta-muted); }
    .lsp-beta-app .lsp-attention-table td:last-child { border-bottom: 0 !important; }
    .lsp-beta-app .lsp-attention-table .lsp-button { min-height: 42px; }
    .lsp-tracking-fields > div { grid-template-columns: 1fr; }
}

/* Avoid a second title and repeated introductory copy on working screens. */
.lsp-beta-app[data-lsp-beta-view="settings"] .lsp-workflow-settings > .lsp-view-title { display:none; }
.lsp-beta-app:is([data-lsp-beta-view="settings"],[data-lsp-beta-view="attention"],[data-lsp-beta-view="requests"],[data-lsp-beta-view="admin_view"],[data-lsp-beta-view="consolidate"],[data-lsp-beta-view="accounting_records"]) .lsp-beta-stage-intro { display:none; }
.lsp-beta-app .lsp-settings-grid input,
.lsp-beta-app .lsp-saved-view-controls input,
.lsp-beta-app .lsp-saved-view-controls select {
    min-height:44px; padding:10px 12px; border:1px solid var(--lsp-beta-line); border-radius:10px;
    background:var(--lsp-beta-field); color:var(--lsp-beta-ink); font-size:16px;
}
.lsp-beta-app .lsp-settings-grid input:disabled { opacity:.7; }
.lsp-beta-app :is(.lsp-settings-grid,.lsp-saved-view-controls) :focus-visible { outline:2px solid var(--lsp-beta-ink); outline-offset:3px; }

.lsp-beta-app [data-lsp-views-retry][hidden] { display:none !important; }

/* Order-centric landing page: notifications share the status toolbar. */
.lsp-beta-app .lsp-order-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; margin-bottom:18px; }
.lsp-beta-app .lsp-order-toolbar .lsp-tabs-nav { margin:0; flex:0 1 auto; max-width:100%; }
.lsp-beta-app .lsp-attention-pill.lsp-button { display:inline-flex; align-items:center; gap:9px; white-space:normal; line-height:1.4; text-align:left; min-height:42px; padding:9px 15px !important; background:#ff5c00 !important; border:1px solid #ff5c00 !important; color:#1f0f03 !important; font-weight:650 !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; box-shadow:0 3px 12px rgb(255 92 0 / 18%) !important; }
.lsp-beta-app .lsp-attention-total { margin-left:auto; }
.lsp-beta-app .lsp-order-attention { margin:6px 0 0 auto !important; align-self:flex-start; flex:0 1 auto; max-width:100%; }
.lsp-attention-dot { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; flex-shrink:0; border-radius:50%; background:#1f0f03; color:#ff5c00; font-size:12px; font-weight:800; line-height:1; }
.lsp-beta-app .lsp-attention-pill[hidden] { display:none !important; }
.lsp-beta-app .lsp-workflow-order-context { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.lsp-beta-app .lsp-workflow-actionable-help { font-size:14px; color:var(--lsp-beta-muted); }
@media (max-width:760px) {
    .lsp-beta-app .lsp-order-toolbar { align-items:stretch; gap:12px; }
    .lsp-beta-app .lsp-order-toolbar .lsp-tabs-nav { width:100%; }
    .lsp-beta-app .lsp-attention-total { margin-left:0; }
}

.lsp-beta-app .lsp-grid-admin-cards { grid-template-columns:minmax(0,1fr) !important; }
.lsp-beta-app .lsp-admin-card { min-width:0; }
@media (max-width:760px) {
    .lsp-beta-app .lsp-admin-card-header { flex-wrap:wrap; gap:12px; padding:16px; }
    .lsp-beta-app .lsp-admin-card-header .lsp-editable-heading { flex-basis:100% !important; min-width:0; margin-right:0 !important; }
    .lsp-beta-app .lsp-admin-card-header h3 { overflow-wrap:anywhere; font-size:22px !important; }
    .lsp-beta-app .lsp-admin-card-body { padding:16px; }
    .lsp-beta-app .lsp-admin-card-meta-section,.lsp-beta-app .lsp-admin-card-actions-section { min-width:0; width:100%; }
    .lsp-beta-app .lsp-admin-card-meta { grid-template-columns:minmax(0,1fr); overflow-wrap:anywhere; }
    .lsp-beta-app .lsp-admin-card .lsp-button,.lsp-beta-app .lsp-admin-card .lsp-pill { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
    .lsp-beta-app .lsp-shipment-summary { flex-wrap:wrap; }
}

/* RC38: the iOS accent identifies attention; compact actions leave room for order information. */
.lsp-beta-app .lsp-attention-pill.lsp-button:hover { background:#ff7426 !important; border-color:#ff7426 !important; }
.lsp-beta-app .lsp-attention-pill.lsp-button:focus-visible { outline:3px solid var(--lsp-beta-ink); outline-offset:3px; }
.lsp-beta-app .lsp-admin-card-header { gap:20px; flex-wrap:wrap; }
.lsp-beta-app .lsp-admin-card-header .lsp-editable-heading { min-width:0; flex:1 1 280px !important; margin-right:0 !important; }
.lsp-beta-app .lsp-admin-card-header h3 { overflow-wrap:anywhere; }
.lsp-beta-app .lsp-order-identity { display:flex; flex-wrap:wrap; gap:6px 18px; margin:10px 0 0; padding-inline:9px; font-size:13px; line-height:1.5; font-weight:400; color:var(--lsp-beta-muted); }
.lsp-beta-app .lsp-card.has-bg .lsp-order-identity { color:rgb(255 255 255 / 82%); }
.lsp-beta-app .lsp-admin-card-body-flex { flex-direction:column; align-items:stretch; gap:22px; margin-bottom:0; }
.lsp-beta-app .lsp-admin-card-meta-section { min-width:0; width:100%; }
.lsp-beta-app .lsp-admin-card-meta { grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; gap:14px 28px; overflow-wrap:anywhere; }
.lsp-beta-app .lsp-admin-card-meta > div { margin:0 !important; }
.lsp-beta-app .lsp-admin-card-actions-section { flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:flex-start; min-width:0; width:100%; gap:10px; text-align:left; }
.lsp-beta-app .lsp-admin-card-actions-section .lsp-button { flex:0 1 auto; width:auto !important; min-height:42px; padding:10px 18px !important; }
.lsp-beta-app .lsp-admin-card-actions-section .lsp-editor-permission-note { order:1; flex-basis:100%; margin:0; text-align:left; }
.lsp-beta-app .lsp-admin-card-shipments { border-top:1px solid var(--lsp-beta-line); padding-top:20px; margin-top:22px; }
@media (max-width:760px) {
    .lsp-beta-app .lsp-admin-card-header { gap:16px; }
    .lsp-beta-app .lsp-admin-card-header .lsp-editable-heading { flex-basis:100% !important; }
    .lsp-beta-app .lsp-order-attention { margin-left:0 !important; }
    .lsp-beta-app .lsp-admin-card-meta { grid-template-columns:minmax(0,1fr); }
    .lsp-beta-app .lsp-admin-card-actions-section .lsp-button { flex:1 1 160px; }
}
/* Image-backed cards force white descendants elsewhere; notifications retain iOS contrast. */
.lsp-beta-app .lsp-card .lsp-attention-pill.lsp-button { color:#1f0f03 !important; text-shadow:none !important; }
.lsp-beta-app .lsp-button.lsp-attention-pill [data-lsp-attention-label] { color:inherit !important; text-shadow:none !important; }
.lsp-beta-app .lsp-card .lsp-attention-pill .lsp-attention-dot { color:#ff5c00 !important; text-shadow:none !important; }