@import url('/ozon-orders-page.css');

.ozon-order-workspace-page { display:flex; flex-direction:column; gap:16px; min-width:1060px; height:calc(100vh - 90px); min-height:500px; color:#303133; font:14px Roboto,Helvetica,'PingFang SC','Microsoft YaHei',sans-serif; }
.ozon-order-workspace-page *, .m05-workspace-dialog * { box-sizing:border-box; }
.ozon-order-workspace-page [hidden], .m05-workspace-dialog [hidden] { display:none!important; }
.ozon-order-workspace-page button { font-family:inherit; font-weight:400; }
.ozon-order-workspace-page input:not([type=checkbox]), .ozon-order-workspace-page select, .m05-workspace-dialog input:not([type=checkbox]), .m05-workspace-dialog select { height:36px; min-width:0; padding:0 15px; border:1px solid #dcdfe6; border-radius:4px; color:#606266; background:#fff; font:14px Arial,'Microsoft YaHei',sans-serif; }
.ozon-order-workspace-page input::placeholder, .m05-workspace-dialog input::placeholder { color:#c0c4cc; }
.ozon-order-workspace-page input[type=checkbox] { height:14px; width:14px; margin:0; accent-color:#4096ff; }
.ozon-order-workspace-page input:focus, .ozon-order-workspace-page select:focus { outline:none; border-color:#4096ff; }
.m05-workspace-card { flex:none; border:1px solid #e6ebf5; background:white; box-shadow:0 2px 12px #00000009; }
.m05-workspace-list { flex:1; display:flex; flex-direction:column; min-height:360px; border-radius:0 0 12px 12px; overflow:hidden; }
.m05-workspace-filters { display:grid; grid-template-columns:repeat(3,minmax(150px,1fr)) 250px; gap:12px; align-items:center; margin:0; padding:20px; }
.m05-workspace-filters > input, .m05-workspace-filters > select { width:100%; }
.m05-workspace-filters.is-expanded { grid-template-columns:repeat(3,minmax(180px,1fr)); }
.m05-workspace-filter-actions { display:flex; gap:12px; justify-content:flex-end; }
.m05-workspace-filter-actions .is-link { width:86px; }
.m05-workspace-prefix { display:flex; align-items:center; min-width:0; height:36px; gap:10px; padding-left:10px; border:1px solid #dcdfe6; border-radius:4px; color:#606266; white-space:nowrap; }
.m05-workspace-prefix input { width:100%; border:0!important; padding-left:0!important; }
.m05-workspace-range { display:flex; gap:8px; align-items:center; min-width:0; height:36px; border:1px solid #dcdfe6; border-radius:4px; padding:0 8px; color:#c0c4cc; }
.m05-workspace-range input { width:100%; min-width:0; border:0!important; padding:0!important; font-size:12px!important; }
.m05-workspace-toolbar { display:flex; gap:12px; flex-wrap:wrap; padding:20px 20px 10px; }
.m05-workspace-toolbar .m05-button { border-radius:8px; }
.m05-button.is-danger { color:#f56c6c; border-color:#fbc4c4; background:#fef0f0; }.m05-button.is-danger:disabled { color:#ffa0a0; background:#fef0f0; border-color:#fbc4c4; }
.m05-workspace-total { padding:0 20px; margin:0 0 12px; line-height:20px; color:#606266; }
.m05-workspace-notice { margin:0 20px 12px; color:#e6a23c; background:#fdf6ec; padding:10px 16px; border-radius:4px; font-size:13px; }
.m05-workspace-tabs { display:flex; align-items:stretch; flex:none; gap:40px; height:46px; padding:0 20px; border-bottom:1px solid #e4e7ed; }
.m05-workspace-tabs .m05-button { height:46px; min-width:0; border:0; border-bottom:2px solid transparent; border-radius:0; padding:0; color:#606266; background:transparent; font-size:14px; }
.m05-workspace-tabs .is-active { color:#4096ff; border-bottom-color:#4096ff; }
.m05-workspace-table-scroll { position:relative; overflow:auto; min-height:100px; scrollbar-width:thin; scrollbar-color:#ddd transparent; }
.m05-workspace-table-scroll.is-grow { flex:1; }
.m05-workspace-table { table-layout:fixed; min-width:100%; border-collapse:separate; border-spacing:0; font-size:14px; color:#606266; margin:0; }
.m05-workspace-table th { position:sticky; top:0; z-index:1; height:54px; padding:12px 10px; background:#f1f5f9; color:#0f172a; font-weight:700; border-bottom:1px solid #ebeef5; text-align:center; line-height:23px; }
.m05-workspace-table td { height:130px; padding:12px 10px; border-bottom:1px solid #ebeef5; text-align:center; white-space:pre-line; overflow-wrap:anywhere; background:white; line-height:23px; }
.m05-workspace-table th.is-fixed, .m05-workspace-table td.is-fixed { position:sticky; right:0; box-shadow:-5px 0 7px #00000008; z-index:2; }
.m05-workspace-table th.is-fixed { z-index:3; }
.m05-workspace-table td .is-link { display:block; width:100%; margin:8px auto; font-size:12px; line-height:18px; }
.m05-workspace-table td p { margin:0 0 10px; }
.m05-workspace-table a { color:#4096ff; text-decoration:none; }
.m05-workspace-table img { max-width:70px; max-height:90px; object-fit:contain; }
.m05-workspace-table .is-image { border:0; background:transparent; padding:0; }
.m05-workspace-empty { position:sticky; left:0; width:100%; height:240px; min-height:80px; display:grid; place-items:center; color:#909399; }
.m05-workspace-feedback { padding:8px 16px; color:#b88230; background:#fdf6ec; border:1px solid #faecd8; line-height:22px; }
.m05-workspace-preview-label { position:fixed; bottom:3px; left:6px; background:#fff; color:#7a899e; z-index:20; font-size:11px; }
.m05-workspace-settings { display:flex; flex-direction:column; flex:1; min-height:0; overflow:hidden; }
.m05-workspace-settings > .m05-workspace-filters { grid-template-columns:repeat(3,minmax(120px,1fr)) auto; }
.m05-workspace-settings > .m05-workspace-filters:has(> :nth-child(6)) { grid-template-columns:repeat(4,minmax(100px,1fr)); }
.m05-workspace-sync-note { display:flex; align-items:center; justify-content:space-between; padding:8px 20px 20px; color:#606266; }
.m05-workspace-message-info { display:flex; align-items:flex-start; gap:12px; padding:10px 14px; margin:14px -1px 12px; background:#f0f7ff; color:#303133; border:1px solid #d9e7f5; border-radius:5px; line-height:24px; font-size:13px; }
.m05-workspace-message-info > b { display:grid; place-items:center; width:18px; height:18px; flex:none; background:#4096ff; color:white; border-radius:50%; }
.m05-workspace-message-info p { margin:2px 0; }.m05-workspace-message-info > b { margin-top:5px; }.m05-workspace-message-info > .is-link { margin:auto 0 auto auto; flex:none; }
.m05-workspace-translation { color:#909399; }.m05-workspace-settings .m05-workspace-table td:has(.m05-workspace-translation) { text-align:left; padding:18px 10px; }
.m05-workspace-message-table td { height:130px; }.m05-workspace-message-table td p { margin:0; }.m05-workspace-message-table .m05-workspace-translation { border-top:1px dashed #ebeef5; margin-top:8px; padding-top:8px; font-size:13px; line-height:20px; }.m05-workspace-message-table td.is-fixed .is-link { display:inline-flex; width:auto; margin:0 10px; }.m05-workspace-message-table td:nth-child(3) { color:#909399; }
.m05-workspace-message-badge { display:inline-block; min-width:88px; font-size:12px; line-height:22px; border:1px solid #b3d8ff; color:#4096ff; background:#ecf5ff; border-radius:3px; }.m05-workspace-message-badge.is-review { color:#13ce66; border-color:#b3e8c6; background:#e7faf0; }.m05-workspace-message-badge.is-passport { color:#e6a23c; border-color:#f5dab1; background:#fdf6ec; }
.m05-workspace-dialog { top:6vh; }.m05-workspace-dialog .m05-icon-button span { display:none; }
.m05-workspace-dialog .m05-dialog-body { padding:20px 24px; max-height:calc(88vh - 130px); }
.m05-workspace-dialog textarea { width:100%; min-height:80px; line-height:22px; }
.m05-workspace-dialog textarea:disabled, .m05-workspace-dialog input:disabled { background:#f5f7fa; color:#a0a5ad; }
.m05-workspace-dialog select { width:100%; }.m05-workspace-dialog select[multiple] { height:160px; padding:8px; }.m05-workspace-dialog select[multiple] option { padding:6px 10px; }
.m05-workspace-form-row { display:flex; flex-direction:column; gap:10px; margin:0 0 22px; color:#606266; font-size:14px; }.m05-workspace-form-row > input { width:100%; }
.m05-workspace-shop-picker { position:relative; display:flex; align-items:center; flex-wrap:wrap; gap:4px; min-height:36px; border:1px solid #dcdfe6; border-radius:4px; padding:3px 8px; margin:20px 0 6px; }
.m05-workspace-shop-picker > input { flex:1; width:100px!important; min-width:130px; border:0!important; padding:0 5px!important; height:30px!important; }.m05-workspace-shop-tags { display:contents; }.m05-workspace-shop-tags > span { display:flex; gap:5px; align-items:center; background:#f4f4f5; color:#909399; border-radius:3px; padding:2px 6px; font-size:12px; }.m05-workspace-shop-tags .is-link span { display:none; }.m05-workspace-shop-tags button { color:#909399; font-size:12px; }
.m05-workspace-shop-options { position:absolute; left:0; top:100%; width:100%; background:white; border:1px solid #e4e7ed; border-radius:4px; box-shadow:0 2px 12px #0002; padding:6px 0; max-height:180px; overflow:auto; z-index:5; }.m05-workspace-shop-options .m05-button { display:flex; width:100%; justify-content:flex-start; border:0; border-radius:0; color:#606266; height:34px; }.m05-workspace-shop-options [aria-selected=true] { color:#4096ff; font-weight:600; }.m05-workspace-shop-options [aria-selected=true]::after { content:'✓'; margin-left:auto; }
.m05-workspace-counted { position:relative; }.m05-workspace-counted small { position:absolute; bottom:6px; right:10px; color:#909399; font-size:12px; background:#fff; }.m05-workspace-counted input { width:100%; padding-right:55px!important; }.m05-workspace-counted textarea { padding-bottom:25px; }
.m05-message-edit { top:44.8px; max-height:calc(100vh - 70px); }.m05-message-edit .m05-dialog-head { height:66px; padding:20px 24px 18px; }.m05-message-edit .m05-dialog-head h2 { font-size:20px; font-weight:700; }.m05-message-edit .m05-dialog-body { padding:20px 24px 8px; max-height:calc(100vh - 200px); scrollbar-width:thin; scrollbar-color:#ddd transparent; }.m05-message-edit .m05-workspace-form-row { gap:6px; margin:0 0 12px; }.m05-message-edit .m05-workspace-form-row > span { font-size:13px; line-height:18.2px; font-weight:600; }.m05-message-edit .m05-workspace-form-row input { border-radius:14px; }.m05-message-edit textarea { display:block; min-height:117px; height:117px; border-radius:14px; padding:5px 15px; line-height:21px; }.m05-message-edit textarea[aria-label='中文译文'] { height:138px; }.m05-message-edit .m05-help { margin:-4px 0 12px; font-size:12px; line-height:17px; color:#909399; }.m05-message-edit .m05-dialog-body > .is-primary { height:28px; padding:0 12px; font-size:12px; margin:-4px 0 12px; }.m05-message-edit .m05-dialog-actions { height:64px; padding:14px 24px; }.m05-message-edit .m05-workspace-counted small { background:transparent; }
.m05-workspace-packing-heading { display:flex; align-items:center; justify-content:space-between; padding:20px; }
.m05-workspace-packing-layout { display:grid; grid-template-columns:220px minmax(400px,1fr) minmax(260px,.9fr); gap:20px; padding:0 20px 20px; min-height:550px; }
.m05-workspace-packing-list, .m05-workspace-packing-editor, .m05-workspace-packing-preview { border:1px solid #ebeef5; border-radius:6px; padding:16px; min-width:0; }
.m05-workspace-packing-list h3, .m05-workspace-packing-editor h3, .m05-workspace-packing-preview h3 { font-size:14px; margin:0 0 20px; font-weight:600; }
.m05-workspace-packing-list .m05-button { white-space:normal; text-align:left; height:auto; min-height:60px; width:100%; color:#606266; border:1px solid #eee; padding:10px; justify-content:flex-start; }
.m05-workspace-packing-list .is-active { border-color:#4096ff; background:#ecf5ff; color:#4096ff; }
.m05-workspace-packing-fields { display:grid; grid-template-columns:1fr 1fr; gap:18px 10px; font-size:13px; margin:20px 0; }.m05-workspace-packing-fields label { display:flex; align-items:center; gap:7px; }
.m05-workspace-packing-actions { display:flex; flex-wrap:wrap; gap:10px; }.m05-workspace-packing-actions .m05-button { padding:0 14px; }
.m05-workspace-packing-preview { background:#f5f7fa; overflow:auto; }.m05-workspace-paper { margin:0 auto; padding:14px 12px; background:white; box-shadow:0 2px 8px #0002; color:#000; font:11px Arial; overflow-wrap:anywhere; }
.m05-workspace-packing-layout { overflow:auto; min-height:0; }.m05-workspace-packing-list,.m05-workspace-packing-editor,.m05-workspace-packing-preview { overflow:auto; }
.m05-workspace-paper h3 { text-align:center; font-size:16px; }.m05-workspace-paper article { border-top:1px solid #ddd; margin-top:12px; padding-top:12px; min-height:90px; }.m05-workspace-paper p { margin:5px 0; }.m05-workspace-paper-image { float:left; margin-right:8px; width:36px; height:36px; background:#f1f2f3; display:grid; place-items:center; }

.ozon-order-workspace-page.is-visual { --m05-visual-accent:#00cfff; --m05-visual-surface:#06142ce8; --m05-visual-border:#2678a3; box-sizing:border-box; background:#02081f url('/assets/m05-original-dashboard/dashboard-blue.png') center/cover no-repeat; color:#bdecff; padding:0 1.0417% 1.85vh; gap:0; height:100vh; min-height:700px; min-width:1280px; }
.m05-visual-header { flex:none; height:8vh; min-height:57.6px; display:grid; grid-template-columns:1fr 1.5fr 1fr; text-align:center; align-items:center; gap:15px; border-bottom:1px solid var(--m05-visual-border); background:#06142c; }
.m05-visual-header h1 { margin:0 0 3px; font-size:28px; font-style:italic; text-shadow:0 0 9px #19abff; color:#def6ff; }.m05-visual-header time { font-size:12px; color:white; }
.m05-visual-filters { display:flex; flex-wrap:wrap; gap:8px; }.m05-visual-filters b { width:100%; text-align:left; color:#e4cd88; font-size:17px; }
.is-visual .m05-visual-header select, .is-visual .m05-visual-header input { background:#041e3c; color:#c3e8ff; border:1px solid #164563; height:26px; padding:0 7px; font-size:12px; min-width:0; width:120px; color-scheme:dark; }
.m05-visual-dates { display:flex; align-items:center; justify-content:flex-end; gap:5px; }.m05-visual-dates .is-link { font-size:0; }.m05-visual-dates .m05-icon { font-size:18px; }
.m05-visual-layout { display:grid; grid-template-columns:28% 43.82% 25.87%; gap:1.155%; flex:1; min-height:0; }
.m05-visual-column { display:grid; gap:1.85vh; min-width:0; min-height:0; }.m05-visual-column.is-left { grid-template-rows:repeat(3,1fr); padding-top:.65vh; }.m05-visual-column.is-center { grid-template-rows:109fr 229fr 282fr; padding-top:.65vh; }.m05-visual-column.is-right { grid-template-rows:343fr 246fr 343fr; }
.m05-visual-panel { display:flex; flex-direction:column; min-height:0; min-width:0; overflow:hidden; border:1px solid var(--m05-visual-border); background:var(--m05-visual-surface); }
.m05-visual-panel > header { display:flex; height:32px; flex:none; gap:10px; align-items:center; justify-content:space-between; padding:0 14px; border-bottom:1px solid var(--m05-visual-border); }
.m05-visual-panel h2 { font-size:16px; font-style:italic; margin:0; color:#d6f7ff; text-shadow:0 0 5px #60c4e0; }
.is-visual .m05-visual-panel select { max-width:120px; height:23px; color:#daf1ff; background:#071d38; padding:0 5px; border-color:#123c60; font-size:11px; }
.m05-visual-panel .m05-workspace-table { font-size:11px; width:100%!important; min-width:100%; color:#c4e4fa; }.m05-visual-panel .m05-workspace-table col { width:auto!important; }
.m05-visual-panel .m05-workspace-table th { font-size:11px; height:28px; padding:4px; color:#a6c2ff; background:#040b24; border:0; }.m05-visual-panel .m05-workspace-table td { background:transparent; height:36px; padding:4px; border:0; color:#d4e3f5; }
.m05-visual-panel .m05-workspace-empty, .m05-visual-no-data { flex:1; min-height:100px; height:auto; display:grid; place-items:center; color:#456983; font-size:12px; }
.m05-visual-metrics { display:flex; align-items:center; justify-content:space-evenly; text-align:center; }.m05-visual-metrics h3 { font-size:14px; font-weight:400; background:linear-gradient(90deg,transparent,#0b195a,transparent); padding:5px 30px; margin:0 0 15px; }.m05-visual-metrics strong { display:block; color:#e7f3fb; font-size:42px; letter-spacing:10px; }
.m05-visual-buyer { flex:1; display:grid; grid-template-columns:1fr 100px 1fr; align-items:stretch; text-align:center; min-height:0; }.m05-visual-buyer-count { align-self:center; display:flex; flex-direction:column; align-items:center; color:#a8e9ff; }.m05-visual-buyer strong { color:#eef7ff; font-size:40px; }
.m05-visual-statuses { display:flex; justify-content:space-evenly; align-items:center; flex:1; }.m05-visual-statuses > div { display:flex; flex-direction:column; align-items:center; gap:6px; font-size:11px; white-space:nowrap; }.m05-visual-status-image { display:block; width:48px; height:48px; object-fit:contain; filter:drop-shadow(0 0 5px #10c9ff88); }.m05-visual-statuses strong { color:#25cce4; font-size:19px; }
.m05-visual-chart { position:relative; flex:1; min-width:0; min-height:0; }.m05-visual-chart canvas { display:block; width:100%; height:100%; }.m05-visual-chart-tooltip { position:absolute; z-index:4; max-width:150px; padding:4px 7px; color:#eef9ff; background:#061831ee; border:1px solid #1493bd; border-radius:3px; font-size:10px; pointer-events:none; }.m05-visual-analysis { display:grid; grid-template-columns:1.7fr 1fr; flex:1; min-height:0; }
.is-visual.is-red { --m05-visual-accent:#ff507a; --m05-visual-surface:#1b0a18e8; --m05-visual-border:#9f315d; background:#16040f url('/assets/m05-original-dashboard/dashboard-red.png') center/cover no-repeat; }.is-visual.is-red .m05-visual-header { background:#24091ae8; }.is-visual.is-red .m05-visual-header h1,.is-visual.is-red .m05-visual-panel h2 { color:#ffe4ec; text-shadow:0 0 6px #c33b65; }.is-visual.is-red .m05-visual-status-image { filter:drop-shadow(0 0 5px #ff3c7888); }.is-visual .m05-workspace-feedback { position:absolute; bottom:6px; right:6px; z-index:5; max-width:80%; }.is-visual .m05-workspace-preview-label { background:#04172b; color:#9ddfff; }