#platform-orders-app { min-width: 0; --po-blue: var(--primary-color, #4777e9); --po-ink: #182230; --po-muted: #667085; --po-radius: var(--card-radius, 16px); }
#platform-orders-app *, #platform-orders-app *::before, #platform-orders-app *::after { box-sizing: border-box; }
#platform-orders-app .po-page { display: grid; gap: 20px; color: var(--po-ink); min-width: 0; }
#platform-orders-app button { cursor: pointer; }
#platform-orders-app button:disabled { cursor: default; }
#platform-orders-app svg { width: 18px; height: 18px; flex-shrink: 0; }
#platform-orders-app .po-top { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 24px; background: radial-gradient(ellipse at 100% 0%,rgba(191,0,0,.12) 0%,rgba(191,0,0,.045) 38%,transparent 72%),#fff; color: var(--po-ink); }
#platform-orders-app .po-context, #platform-orders-app .po-actions { display: flex; align-items: center; gap: 10px; }
#platform-orders-app .po-brand { display: grid; place-items: center; background: #fff; border: 1px solid #f0d7da; border-radius: 16px; width: 64px; height: 64px; flex-shrink: 0; }
#platform-orders-app .po-context strong { display: block; font-size: 19px; color: #182230; line-height: 1.6; }
#platform-orders-app .po-context p { margin: 4px 0 0; color: var(--po-muted); font-size: 12px; }
#platform-orders-app .po-health { display: inline-block; vertical-align: middle; margin-left: 10px; padding: 3px 8px; border: 1px solid #c5e4d5; border-radius: 6px; background: #edf9f2; color: #247348; font-size: 11px; font-weight: 600; }
#platform-orders-app .po-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px; white-space: nowrap; }
#platform-orders-app .po-sync-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; padding: 18px 8px; background: #fff; border-top: 1px solid #eceef2; color: #667085; font-size: 12px; }
#platform-orders-app .po-sync-strip b { display: block; margin-top: 7px; font-size: 13px; font-weight: 600; color: #344054; font-variant-numeric: tabular-nums; }
#platform-orders-app .po-filters { padding: 18px 20px; background: #fff; border: 1px solid #dbe3ef; border-radius: var(--po-radius); display: grid; gap: 16px; }
#platform-orders-app .po-filter-main { display: grid; grid-template-columns: minmax(190px,1.6fr) repeat(3,minmax(140px,1fr)) auto auto; gap: 10px; padding-top: 16px; border-top: 1px solid #e7ecf3; }
#platform-orders-app .po-search { display: flex; align-items: center; flex: 2 1 280px; min-height: 44px; border: 1px solid #cbd6e6; border-radius: 10px; background: #f4f7fc; padding: 0 12px; gap: 8px; color: #587498; }
#platform-orders-app .po-search input { min-width: 0; width: 100%; background: transparent; border: 0; box-shadow: none; padding: 10px 0; outline: none; }
#platform-orders-app .po-select { flex: 1 1 145px; min-width: 0; display: flex; align-items: center; min-height: 44px; padding-left: 10px; border: 1px solid #dce4ef; border-radius: 10px; background: #ffffffd9; }
#platform-orders-app .po-select > span { font-size: 12px; white-space: nowrap; color: #536279; }
#platform-orders-app .po-select > select { min-width: 0; flex: 1; border: 0; background: transparent; box-shadow: none; }
#platform-orders-app .po-select > .system-control { min-width: 0; flex: 1; }
#platform-orders-app .po-select .system-control-trigger { min-height: 42px; padding: 0 8px; border: 0; background: transparent; box-shadow: none; font-size: 12px; gap: 5px; }
#platform-orders-app .po-filter-sub { display: grid; grid-template-columns: auto minmax(0,1.25fr) minmax(340px,1fr); align-items: center; gap: 16px; }
#platform-orders-app .po-filter-sub > span { font-size: 13px; color: #59697e; font-weight: 600; }
#platform-orders-app .po-date-presets { display: flex; gap: 3px; background: #edf1f7; border-radius: 9px; padding: 3px; min-width: 0; }
#platform-orders-app .po-date-presets button { flex: 1; min-width: 0; white-space: nowrap; background: transparent; border: 0; color: #65738a; border-radius: 7px; padding: 9px 6px; font-size: 13px; }
#platform-orders-app .po-date-presets button.active { background: #fff; color: var(--po-blue); font-weight: 700; box-shadow: 0 1px 3px #253b611a; }
#platform-orders-app .po-dates { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 10px; color: #78869b; min-width: 0; }
#platform-orders-app .po-dates input { width: 100%; min-width: 0; min-height: 42px; padding: 8px 12px; font-size: 13px; border-radius: 8px; }
#platform-orders-app .po-dates .system-control-trigger { min-height: 42px; font-size: 13px; padding: 8px 12px; }
#platform-orders-app .text-button { display: inline-flex; align-items: center; gap: 7px; background: none; border: 0; color: #466ca6; padding: 9px 10px; font-size: 13px; white-space: nowrap; }
#platform-orders-app .text-button:hover { color: #366bcc; }
#platform-orders-app .po-advanced { display: flex; gap: 20px; align-items: center; border-top: 1px solid #e7ecf3; padding-top: 12px; }
#platform-orders-app .po-advanced .po-select { flex: 0 1 320px; }
#platform-orders-app .po-advanced > label:last-child { font-size: 12px; display: flex; align-items: center; gap: 5px; }
#platform-orders-app input[type=checkbox] { width: 17px; height: 17px; accent-color: #4777e9; }
#platform-orders-app .po-list-panel { border: 1px solid #d6e0ed; border-radius: var(--po-radius); overflow: hidden; min-width: 0; background: #fff; }
#platform-orders-app .po-list-head { padding: 18px 20px; display: flex; align-items: center; gap: 10px; font-size: 15px; border-bottom: 1px solid #dce5f0; background: #fff; }
#platform-orders-app .po-list-head > span { border-radius: 7px; background: #e8effb; color: #37629c; padding: 3px 9px; font-size: 12px; font-weight: 600; }
#platform-orders-app .po-table-actions { margin-left: auto; justify-content: flex-end; flex-wrap: wrap; }
#platform-orders-app .po-list-head { flex-wrap: wrap; min-height: 76px; }
#platform-orders-app .po-table-actions button { min-height: 40px; }
#platform-orders-app .po-table-wrap { overflow: auto; height: max(560px,calc(200dvh - 1380px)); min-height: 560px; overscroll-behavior: contain; }
#platform-orders-app .po-table { table-layout: fixed; width: 100%; min-width: 1538px; border-collapse: separate; border-spacing: 0; }
#platform-orders-app .po-table th, #platform-orders-app .po-table td { overflow: hidden; max-width: 0; text-align: left; border-bottom: 1px solid #edf0f6; padding: 14px 13px; vertical-align: middle; }
#platform-orders-app .po-table th { position: sticky; z-index: 1; top: 0; background: #eaf0f8; font-size: 12px; font-weight: 650; color: #425874; height: 44px; padding-top: 12px; padding-bottom: 12px; white-space: nowrap; border-bottom-color: #d7e1ee; }
#platform-orders-app .po-table td { height: 80px; font-size: 13px; color: #344054; }
#platform-orders-app .po-table td small { display: block; margin-top: 6px; font-size: 11px; color: #69778c; line-height: 1.5; }
#platform-orders-app .po-table td strong { font-size: 13px; font-weight: 600; }
#platform-orders-app .po-table tbody tr { cursor: pointer; }
#platform-orders-app .po-table tbody tr:hover td, #platform-orders-app .po-table tbody tr:focus td { background: #f7faff; }
#platform-orders-app .po-table tbody tr:focus-visible { outline: 2px solid #7798dc; outline-offset: -2px; }
#platform-orders-app .po-table .po-money { font-variant-numeric: tabular-nums; font-weight: 650; text-align: left; }
#platform-orders-app .po-ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
#platform-orders-app .po-order-no { display: flex; align-items: center; gap: 5px; }
#platform-orders-app .po-order-link { border: 0; background: none; color: #3564aa; font-size: 12px; padding: 0; text-align: left; white-space: normal; overflow-wrap: anywhere; font-weight: 650; }
#platform-orders-app .po-copy { display: grid; place-items: center; flex: 0 0 25px; width: 25px; height: 25px; padding: 5px; border: 0; border-radius: 5px; background: none; color: #a3b0c3; }
#platform-orders-app .po-copy svg { width: 13px; height: 13px; }
#platform-orders-app .po-copy:hover { background: #edf3fd; color: #4777e9; }
#platform-orders-app .po-badge { display: inline-block; max-width: 100%; white-space: normal; overflow-wrap: anywhere; font-size: 11px; line-height: 1.6; padding: 4px 8px; border: 1px solid #dce3ec; border-radius: 7px; color: #52627a; background: #f0f3f8; font-weight: 600; }
#platform-orders-app .po-state-300, #platform-orders-app .po-state-wms_accepted, #platform-orders-app .po-state-in_transit, #platform-orders-app .po-state-wms-20, #platform-orders-app .po-state-wms-90 { color: #275eaf; background: #e9f1ff; border-color: #cbdcf6; }
#platform-orders-app .po-state-500, #platform-orders-app .po-state-600, #platform-orders-app .po-state-700, #platform-orders-app .po-state-success, #platform-orders-app .po-state-delivered, #platform-orders-app .po-state-manually_completed, #platform-orders-app .po-state-completed, #platform-orders-app .po-state-wms-100 { color: #277449; background: #eaf7ef; border-color: #cae5d5; }
#platform-orders-app .po-state-400, #platform-orders-app .po-state-pending_wms, #platform-orders-app .po-state-partial, #platform-orders-app .po-state-needs_decision, #platform-orders-app .po-state-wms-30, #platform-orders-app .po-state-wms-50, #platform-orders-app .po-state-wms-80 { color: #99600c; background: #fff5df; border-color: #eedcae; }
#platform-orders-app .po-state-800, #platform-orders-app .po-state-900, #platform-orders-app .po-state-failed, #platform-orders-app .po-state-manual_required, #platform-orders-app .po-state-wms-400 { color: #b24040; background: #fff0ef; border-color: #efcccc; }
#platform-orders-app .po-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 260px; padding: 40px 25px; gap: 10px; color: #8b98ac; font-size: 13px; text-align: center; }
#platform-orders-app .po-empty > svg { width: 38px; height: 38px; margin-bottom: 10px; color: #b0bfd5; }
#platform-orders-app .po-empty strong { font-size: 15px; color: #728198; }
#platform-orders-app .po-empty p { margin: 0; line-height: 1.8; }
#platform-orders-app .po-run { position: relative; display: flex; gap: 12px; flex-wrap: wrap; align-items: center; padding: 13px 52px 13px 16px; background: #eff5ff; border: 1px solid #d9e6fb; border-radius: 11px; font-size: 12px; color: #5f7caa; }
#platform-orders-app .po-run-close,
#platform-orders-app .po-run-close:hover { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 30px; height: 30px; min-height: 0; padding: 6px; border: 0; border-radius: 7px; background: transparent; color: #617b9f; box-shadow: none; filter: none; transition: none; }
#platform-orders-app .po-run small { margin-left: auto; color: #889bb8; }
#platform-orders-app .po-run-dot { width: 7px; height: 7px; background: #7e9fd1; border-radius: 50%; }
#platform-orders-app .po-run-dot.is-running { box-shadow: 0 0 0 4px #4777e91a; }
#platform-orders-app .po-warning { color: #b07841 !important; }
#platform-orders-app .po-muted { color: var(--po-muted); font-size: 12px; line-height: 1.8; }
#platform-orders-app .po-drawer-layer, #platform-orders-app .po-modal-layer { position: fixed; inset: 0; z-index: 3800; }
#platform-orders-app .po-backdrop { position: absolute; inset: 0; border: 0; border-radius: 0; width: 100%; height: 100%; background: rgba(30,38,52,.22); -webkit-backdrop-filter: none; backdrop-filter: none; cursor: default; }
#platform-orders-app .po-drawer { position: absolute; inset: 0 0 0 auto; width: min(960px,calc(100vw - 28px)); background: #f5f6f8; box-shadow: -18px 0 52px rgba(24,37,58,.18); display: flex; flex-direction: column; outline: 0; border-left: 1px solid #dce4ee; }
#platform-orders-app .po-drawer-head { padding: 20px 24px 16px; background: #fff; flex-shrink: 0; border-bottom: 1px solid #dce2ea; }
#platform-orders-app .po-drawer-kicker { display: flex; align-items: center; gap: 12px; color: #344054; font-size: 13px; }
#platform-orders-app .po-drawer-kicker > span { flex-shrink: 0; }
#platform-orders-app .po-order-summary { margin-top: 18px; border: 1px solid #dce3ed; border-radius: 13px; overflow: hidden; background: #fff; }
#platform-orders-app .po-drawer-title { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 22px; padding: 18px 20px; margin: 0; background: #f8fafc; }
#platform-orders-app .po-drawer-title h2 { display: flex; align-items: center; gap: 8px; font-size: 24px; color: #244a84; letter-spacing: -.4px; margin: 6px 0 0; overflow-wrap: anywhere; line-height: 1.4; }
#platform-orders-app .po-close, #platform-orders-app .po-close-inline { background: none; border: 0; border-radius: 8px; color: #8a98ad; width: 34px; height: 34px; display: grid; place-items: center; padding: 7px; }
#platform-orders-app .po-close { position: absolute; right: 20px; top: 20px; }
#platform-orders-app .po-close-inline:hover, #platform-orders-app .po-close:hover { background: #edf2f9; }
#platform-orders-app .po-alert { margin-top: 14px; border: 1px solid #f0d9c5; background: #fff8ef; border-radius: 8px; padding: 10px 13px; color: #a77843; font-size: 12px; }
#platform-orders-app .po-tabs { display: flex; gap: 4px; margin-top: 18px; padding: 4px; border: 1px solid #dce4ef; border-radius: 11px; background: #eaf0f8; }
#platform-orders-app .po-tabs button { flex: 1; display: flex; justify-content: center; align-items: center; gap: 8px; color: #5b6c84; background: none; border: 1px solid transparent; border-radius: 8px; padding: 10px 6px; font-size: 13px; min-width: 0; }
#platform-orders-app .po-tabs button.active { background: #fff; border-color: #dbe4f1; box-shadow: 0 1px 3px #29426a0e; color: var(--po-blue); font-weight: 650; }
#platform-orders-app .po-tabs span:not(.asset-icon) { padding: 1px 5px; font-size: 11px; background: #edf2fa; border-radius: 5px; }
#platform-orders-app .po-drawer-body { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 22px 24px 32px; }
#platform-orders-app .po-info-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 18px; align-items: start; }
#platform-orders-app .po-detail-card { min-width: 0; background: #fff; border: 1px solid #d8e2ef; border-radius: var(--po-radius); padding: 0; margin-bottom: 18px; overflow: hidden; }
#platform-orders-app .po-info-grid .po-detail-card { margin-bottom: 0; }
#platform-orders-app .po-detail-card h3 { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #253c5c; margin: 0; padding: 14px 18px; background: #fafbfc; border-bottom: 1px solid #e5e8ee; line-height: 1.7; }
#platform-orders-app .po-detail-card h3 > b { margin-left: auto; color: #3765aa; background: #e9f0fb; border-radius: 7px; padding: 3px 10px; font-size: 13px; white-space: nowrap; }
#platform-orders-app .po-kv { margin: 0; display: grid; gap: 10px; min-width: 0; }
#platform-orders-app .po-kv > div { display: grid; grid-template-columns: minmax(80px,33%) minmax(0,1fr); gap: 12px; font-size: 12px; line-height: 1.8; }
#platform-orders-app .po-kv dt { color: #667085; overflow-wrap: anywhere; }
#platform-orders-app .po-kv dd { margin: 0; color: #26364d; overflow-wrap: anywhere; }
#platform-orders-app .po-kv-wide { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 24px; row-gap: 13px; }
#platform-orders-app .po-notes { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; line-height: 1.9; color: #4e5d72; margin: 0; }
#platform-orders-app .po-item-detail { display: flex; gap: 22px; align-items: start; }
#platform-orders-app .po-item-detail > img { width: 100px; height: 100px; object-fit: contain; border: 1px solid #dfe6f0; border-radius: 12px; }
#platform-orders-app .po-item-detail .po-kv { flex: 1; }
#platform-orders-app .po-fulfillment-head { display: flex; gap: 12px; align-items: center; margin-bottom: 20px; font-size: 12px; color: #617189; }
#platform-orders-app .po-shipment { border: 1px solid #d3e1f4; border-radius: 12px; margin-top: 22px; background: #f0f5fd; overflow: hidden; }
#platform-orders-app .po-shipment-top { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; padding: 18px; }
#platform-orders-app .po-shipment-top > div { flex: 1; min-width: 0; }
#platform-orders-app .po-shipment-top small { display: block; font-size: 11px; color: #587293; margin-bottom: 7px; }
#platform-orders-app .po-shipment-top strong { font-size: 21px; color: #284e83; letter-spacing: .4px; overflow-wrap: anywhere; }
#platform-orders-app .po-tracks { padding: 22px 24px 0; background: #fff; border-top: 1px solid #d3e1f4; }
#platform-orders-app .po-timeline { margin: 0; padding: 22px 26px; list-style: none; background: #fff; border: 1px solid #dbe4f0; border-radius: var(--po-radius); }
#platform-orders-app .po-timeline li { position: relative; padding: 0 0 28px 28px; border-left: 2px solid #e0e8f2; }
#platform-orders-app .po-timeline li:last-child { border-left-color: transparent; }
#platform-orders-app .po-timeline-dot { position: absolute; width: 10px; height: 10px; border: 2px solid #7193c3; border-radius: 50%; background: #fff; left: -6px; top: 4px; }
#platform-orders-app .po-timeline time { font-size: 12px; color: #60748f; display: block; margin-bottom: 7px; font-variant-numeric: tabular-nums; }
#platform-orders-app .po-timeline strong { display: block; font-size: 14px; font-weight: 600; color: #263d5d; line-height: 1.7; }
#platform-orders-app .po-timeline small { display: block; font-size: 11px; color: #69788c; margin-top: 6px; overflow-wrap: anywhere; }
#platform-orders-app .po-event-change { padding: 10px 14px; margin-top: 12px; color: #6480a8; background: #edf2fa; border-radius: 7px; font-size: 12px; }
#platform-orders-app .po-modal-layer { z-index: 3900; display: grid; place-items: center; }
#platform-orders-app .po-modal { position: relative; width: min(640px,94vw); max-height: 90vh; display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.92); border-radius: 18px; background: #fff; box-shadow: 0 26px 72px rgba(15,23,42,.15),inset 0 1px 0 rgba(255,255,255,.96); overflow: hidden; }
#platform-orders-app .po-modal > header { padding: 24px 24px 18px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e7e9ef; background: #fff; }
#platform-orders-app .po-modal h2 { font-size: 22px; color: #2f61a8; margin: 0; }
#platform-orders-app .po-modal-body { overflow: auto; padding: 18px 24px 24px; background: #fff; }
#platform-orders-app .po-modal > footer { display: flex; justify-content: flex-end; gap: 10px; padding: 16px 25px; border-top: 1px solid #e7edf5; }
#platform-orders-app .po-modal form { display: grid; gap: 18px; }
#platform-orders-app .po-modal form label { display: grid; gap: 8px; font-size: 12px; color: #53647d; }
#platform-orders-app .po-modal form input, #platform-orders-app .po-modal form select { min-height: 40px; }
#platform-orders-app .po-form-dates { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
#platform-orders-app .po-setting-section { display: grid; gap: 14px; padding: 16px; border: 1px solid #e2e8f1; border-radius: 12px; background: #fff; }
#platform-orders-app .po-setting-section h3, #platform-orders-app .po-setting-section summary { font-size: 14px; font-weight: 650; color: #2c476e; margin: 0; cursor: pointer; }
#platform-orders-app .po-setting-section h3 small { margin-left: 8px; color: #95a5ba; font-size: 11px; font-weight: 400; }
#platform-orders-app .po-setting-section p { margin: 0; }
#platform-orders-app details.po-setting-section[open] > label, #platform-orders-app details.po-setting-section[open] > p { margin-top: 14px; }
#platform-orders-app .po-setting-connection { display: flex; align-items: center; gap: 12px; padding: 16px; border: 1px solid #d6e1f0; border-radius: 12px; background: #fff; }
#platform-orders-app .po-setting-connection > div { flex: 1; }
#platform-orders-app .po-setting-connection strong { display: block; font-size: 14px; color: #344054; }
#platform-orders-app .po-setting-connection small { display: block; margin-top: 5px; font-size: 11px; color: #667085; }
#platform-orders-app .po-modal form .po-switch-row { display: flex; align-items: center; justify-content: space-between; }
#platform-orders-app .po-modal form .po-switch-row input { appearance: none; position: relative; width: 38px; height: 22px; min-height: 22px; border: 1px solid #d6e0ee; border-radius: 20px; background: #e3e9f2; cursor: pointer; box-shadow: none; padding: 0; transition: background .15s; }
#platform-orders-app .po-modal form .po-switch-row input::before { content: ''; position: absolute; width: 16px; height: 16px; left: 2px; top: 2px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px #56729830; transition: transform .15s; }
#platform-orders-app .po-modal form .po-switch-row input:checked { background: #4777e9; border-color: #4777e9; }
#platform-orders-app .po-modal form .po-switch-row input:checked::before { transform: translateX(16px); }
#platform-orders-app .po-modal form .po-switch-row input:focus-visible { outline: 3px solid #4777e933; outline-offset: 2px; }
#platform-orders-app .po-fixed-row { display: flex; align-items: center; gap: 14px; margin-bottom: 8px; }
#platform-orders-app .po-fixed-row input { width: 150px; }
#platform-orders-app .po-run-record { border: 1px solid #e5ebf4; padding: 13px 15px; border-radius: 10px; margin-bottom: 9px; }
#platform-orders-app .po-run-record summary { display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-size: 12px; color: #637897; }
#platform-orders-app .po-run-record summary small { display: block; margin-top: 6px; color: #9ba9ba; font-size: 10px; }
#platform-orders-app .po-run-record .po-kv { margin-top: 18px; }
#platform-orders-app .hidden { display: none !important; }

/* Order-only presentation components; no global table/control overrides. */
#platform-orders-app .asset-icon { width: 18px; height: 18px; flex-shrink: 0; padding: 0; border-radius: 0; }
#platform-orders-app .po-overview { border: 1px solid #d4dfed; border-radius: var(--po-radius); overflow: hidden; }
#platform-orders-app .po-brand img { display: block; width: 46px; height: 46px; object-fit: contain; }
#platform-orders-app .po-eyebrow { display: block; font-size: 10px; font-weight: 650; letter-spacing: 1.5px; color: #74849a; margin-bottom: 3px; }
#platform-orders-app .po-context { gap: 16px; }
#platform-orders-app .po-sync-strip > span { padding: 0 22px; border-right: 1px solid #e6eaf0; }
#platform-orders-app .po-sync-strip > span:last-child { border-right: 0; }
#platform-orders-app .po-search:focus-within { border-color: var(--po-blue); box-shadow: 0 0 0 3px #4777e915; }
#platform-orders-app .po-list-head .po-heading-icon { display: grid; place-items: center; width: 32px; height: 32px; padding: 7px; }
#platform-orders-app .po-table tbody tr:nth-child(even) td { background: #fbfcfe; }
#platform-orders-app .po-table tbody tr:hover td { background: #edf4ff; }
#platform-orders-app .po-drawer-kicker .po-brand { width: 44px; height: 44px; border-radius: 12px; }
#platform-orders-app .po-drawer-kicker .po-brand img { width: 34px; height: 34px; }
#platform-orders-app .po-drawer-kicker .po-actions { margin-left: auto; }
#platform-orders-app .po-readonly { padding: 4px 8px; border-radius: 6px; background: #ecf1f7; color: #5a6a80; font-size: 11px; }
#platform-orders-app .po-field-label, #platform-orders-app .po-header-amount > span { display: block; font-size: 13px; font-weight: 600; color: #64738a; }
#platform-orders-app .po-ordered-at { margin: 9px 0 0; color: #617087; font-size: 14px; font-weight: 500; }
#platform-orders-app .po-header-amount { min-width: 190px; text-align: right; padding: 0 8px 0 28px; border-left: 1px solid #e0e6ef; }
#platform-orders-app .po-header-amount strong { display: block; font-size: 26px; line-height: 1.4; color: #244a84; font-weight: 700; margin-top: 6px; font-variant-numeric: tabular-nums; }
#platform-orders-app .po-status-rail { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 0; border-top: 1px solid #e0e6ef; border-radius: 0; background: #fff; padding: 13px 0; }
#platform-orders-app .po-status-rail > div { padding: 0 16px; border-right: 1px solid #e3eaf2; min-width: 0; }
#platform-orders-app .po-status-rail > div:last-child { border: 0; }
#platform-orders-app .po-status-rail > div > span:first-child { display: block; color: #667085; font-size: 11px; margin-bottom: 7px; }
#platform-orders-app .po-info-main, #platform-orders-app .po-info-side { min-width: 0; }
#platform-orders-app .po-people-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
#platform-orders-app .po-card-body { padding: 20px; }
#platform-orders-app .po-card-icon { display: grid; place-items: center; width: 28px; height: 28px; color: #4773ad; background: #e8eff9; border-radius: 8px; flex-shrink: 0; }
#platform-orders-app .po-person-name { font-size: 17px; font-weight: 650; color: #243c5b; margin-bottom: 16px; overflow-wrap: anywhere; }
#platform-orders-app .po-people-grid .po-kv > div { grid-template-columns: 44px minmax(0,1fr); gap: 10px; }
#platform-orders-app .po-recipient h3 { background: #fafbfc; }
#platform-orders-app .po-payment-card { border-color: #c6d6ed; }
#platform-orders-app .po-payment-card h3 { background: #fafbfc; }
#platform-orders-app .po-payment-total { background: #f7f7f8; border: 1px solid #e4e6eb; border-radius: 11px; padding: 18px; color: #667085; margin-bottom: 18px; }
#platform-orders-app .po-payment-total > span { font-size: 12px; }
#platform-orders-app .po-payment-total strong { display: block; font-size: 28px; color: #244a84; margin: 6px 0; font-variant-numeric: tabular-nums; }
#platform-orders-app .po-payment-total small { font-size: 10px; letter-spacing: 1px; color: #667085; }
#platform-orders-app .po-payment-lines > div { grid-template-columns: minmax(0,1fr) auto; padding-bottom: 9px; border-bottom: 1px solid #edf0f5; }
#platform-orders-app .po-payment-lines dd { font-weight: 600; font-variant-numeric: tabular-nums; }
#platform-orders-app .po-side-note { font-size: 11px; color: #65768e; line-height: 1.9; padding: 0 6px; }
#platform-orders-app .po-note-card { border-color: #e6dcc7; }
#platform-orders-app .po-note-card h3 { background: #faf6ec; color: #79603b; }
#platform-orders-app .po-tab-intro { display: flex; align-items: center; gap: 14px; margin: 0 0 18px; font-size: 15px; color: #2e4565; }
#platform-orders-app .po-tab-intro > span { font-size: 12px; color: #667085; }
#platform-orders-app .po-item-title { flex: 1; min-width: 0; overflow-wrap: anywhere; font-size: 14px; }
#platform-orders-app .po-item-title small { display: block; font-size: 10px; letter-spacing: 1px; color: #6e829e; }
#platform-orders-app .po-item-content { flex: 1; min-width: 0; }
#platform-orders-app .po-item-placeholder { display: grid; place-items: center; width: 100px; height: 100px; border: 1px solid #dfe6f0; border-radius: 12px; background: #f1f5fb; color: #8ba1bd; flex-shrink: 0; }
#platform-orders-app .po-item-placeholder .asset-icon { width: 38px; height: 38px; }
#platform-orders-app .po-item-prices { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 14px 0 16px; padding-bottom: 14px; border-bottom: 1px solid #e4eaf2; font-size: 12px; color: #667085; }
#platform-orders-app .po-item-prices b { color: #284b7d; margin-left: 8px; font-size: 16px; }
#platform-orders-app .po-item-options { margin-top: 18px; border-top: 1px solid #e4eaf2; padding-top: 14px; font-size: 12px; }
#platform-orders-app .po-item-options summary { color: #41659a; cursor: pointer; }
#platform-orders-app .po-item-options p { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.9; color: #536279; padding: 14px; background: #f6f8fc; border-radius: 8px; }
#platform-orders-app .po-warehouse-title { display: flex; flex: 1; align-items: center; justify-content: space-between; font-size: 16px; }
#platform-orders-app .po-warehouse-title small { font-size: 10px; letter-spacing: 1px; color: #7588a2; }
#platform-orders-app .po-fulfillment-card h3 { background: #eaf1fb; }
#platform-orders-app .po-shipping-icon { display: grid; place-items: center; width: 42px; height: 42px; background: #fff; border: 1px solid #d3e1f4; border-radius: 10px; color: #4773ad; }
#platform-orders-app .po-tracks .po-timeline { border: 0; padding: 0 8px; }
#platform-orders-app .po-timeline li:first-child .po-timeline-dot { background: var(--po-blue); border-color: var(--po-blue); box-shadow: 0 0 0 4px #4777e914; }
#platform-orders-app .po-modal > footer { background: #ffffffec; }
#platform-orders-app .po-setting-connection .po-brand { width: 48px; height: 48px; }
#platform-orders-app .po-setting-connection .po-brand img { width: 36px; height: 36px; }


#platform-orders-app .po-store-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
#platform-orders-app .po-store-row > .system-control { width: 240px; }
#platform-orders-app .po-store-row .system-control-trigger { font-size: 18px; font-weight: 700; min-height: 42px; border-color: transparent; background: transparent; padding-left: 0; }
#platform-orders-app .po-store-row .po-health { margin-left: 0; }
#platform-orders-app .po-dates .system-date-control { width: 100%; min-width: 0; }
#platform-orders-app .po-dates .system-date-trigger { width: 100%; min-width: 0; }
#platform-orders-app .po-filter-main [data-action] { min-height: 44px; font-size: 13px; padding: 9px 6px; }
#platform-orders-app .po-actions button > svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#platform-orders-app .po-bottom-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.15fr); gap: 18px; align-items: start; }
#platform-orders-app .po-bottom-grid > div { display: grid; gap: 18px; min-width: 0; }
#platform-orders-app .po-product-row { padding: 22px 0; }
#platform-orders-app .po-product-row:first-child { padding-top: 0; }
#platform-orders-app .po-product-row:last-child { padding-bottom: 0; }
#platform-orders-app .po-product-row + .po-product-row { border-top: 1px solid #dfe5ee; }
#platform-orders-app .po-products-card .po-kv-wide { grid-template-columns: 1fr 1fr; }
#platform-orders-app .po-products-card .po-kv > div { display: block; }
#platform-orders-app .po-products-card .po-kv dd { margin-top: 3px; }
#platform-orders-app .po-person-name { margin-bottom: 14px; }
@media(max-width:1350px) {
  #platform-orders-app .po-drawer-title h2 { font-size: 24px; }
}
@media(max-width:1100px) {
  #platform-orders-app .po-filter-main { grid-template-columns: repeat(3,minmax(0,1fr)); }
  #platform-orders-app .po-search { grid-column: 1 / -1; }
  #platform-orders-app .po-filter-sub { grid-template-columns: auto minmax(0,1fr); }
  #platform-orders-app .po-dates { grid-column: 1 / -1; }
  #platform-orders-app .po-top { align-items: flex-start; flex-direction: column; }
  #platform-orders-app .po-sync-strip { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 20px; }
}
@media(max-width:650px) {
  #platform-orders-app .po-drawer { width: 100vw; }
  #platform-orders-app .po-people-grid, #platform-orders-app .po-bottom-grid, #platform-orders-app .po-kv-wide { grid-template-columns: 1fr; }
  #platform-orders-app .po-drawer-head { padding: 16px; }
  #platform-orders-app .po-drawer-body { padding: 16px; }
  #platform-orders-app .po-drawer-title { align-items: start; padding: 14px; gap: 12px; }
  #platform-orders-app .po-header-amount { min-width: 140px; padding: 0 0 0 16px; }
  #platform-orders-app .po-drawer-title > div:first-child { min-width: 0; }
  #platform-orders-app .po-drawer-title h2 { font-size: 20px; }
  #platform-orders-app .po-ordered-at { font-size: 13px; }
  #platform-orders-app .po-header-amount strong { font-size: 22px; }
  #platform-orders-app .po-status-rail { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 12px; }
  #platform-orders-app .po-status-rail > div { padding: 0 10px; }
  #platform-orders-app .po-tabs { gap: 2px; margin-top: 12px; }
  #platform-orders-app .po-tabs button { font-size: 12px; gap: 4px; }
  #platform-orders-app .po-tabs .asset-icon, #platform-orders-app .po-readonly, #platform-orders-app .po-list-head small { display: none; }
  #platform-orders-app .po-top { padding: 16px; }
  #platform-orders-app .po-actions { flex-wrap: wrap; }
  #platform-orders-app .po-filter-main { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #platform-orders-app .po-filters { padding: 14px; }
  #platform-orders-app .po-sync-strip > span { padding: 0 12px; }
  #platform-orders-app .po-item-detail { flex-direction: column; }
  #platform-orders-app .po-setting-connection, #platform-orders-app .po-advanced { flex-wrap: wrap; }
  #platform-orders-app .po-dates { gap: 8px; }
  #platform-orders-app .po-filter-sub { grid-template-columns: minmax(0,1fr); }
  #platform-orders-app .po-date-presets { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
}