/* Approved UI reference. Screen-only rules never change physical labels. */
@media screen {
  :root { --ui-space:8px; --ui-control-radius:10px; --ui-success:#236746; --ui-error:#9c3833; }
  .ui-icon { display:inline-block; vertical-align:middle; flex:none; }
  .ui-dialog [hidden] { display:none!important; }
  body :is(button,a,input,select,textarea,summary):focus-visible { outline:3px solid #9aade0; outline-offset:3px; }
  button:disabled { cursor:not-allowed; }
  button[aria-busy=true] { cursor:wait; }
  .cabinet-content main h1 { font-size:28px; font-weight:650; line-height:1.25; letter-spacing:-.7px; }
  .cabinet-content main>.page-heading { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
  .cabinet-content main>.page-heading h1 { margin:0; }
  .cabinet-content main>h2,.cabinet-content main>section>h2 { font-size:22px; }
  .cabinet-content main .card { border-radius:14px; box-shadow:none; }
  .cabinet-content main .order-card>h2 { font-size:18px; }
  .cabinet-content main .order-uin { display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; font-size:14px; }
  .order-uin strong { font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
  .cabinet-content main button.ui-copy,.ui-copy { display:inline-flex; align-items:center; justify-content:center; width:44px; min-width:44px; height:44px; padding:0; border:0; border-radius:10px; background:transparent; color:var(--cabinet-muted); }
  .cabinet-content main button.ui-copy:hover { background:#edf1f8; color:var(--cabinet-accent); }
  .cabinet-content main button.ui-copy.ui-copied { background:#edf7f1; color:var(--ui-success); }
  .cabinet-content main .list-pagination { display:flex; justify-content:center; align-items:center; gap:24px; flex-wrap:nowrap; margin:24px 0; padding:0; background:none; border:0; }
  .cabinet-content main .list-pagination :is(button,a) { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 14px; border:1px solid var(--cabinet-border); border-radius:10px; background:white; color:var(--cabinet-ink); font-size:14px; text-decoration:none; }
  .list-pagination>span { font-size:13px; color:var(--cabinet-muted); white-space:nowrap; }
  .cabinet-content main .list-pagination :is(button,a):hover:not(:disabled) { background:#edf1f8; }
  .cabinet-content main .supply-tabs { border:0; background:#f0f2f6; border-radius:10px; }
  .cabinet-content main .supply-tabs button { border-radius:8px; }
  .cabinet-content main .catalog-filters label,.cabinet-content main .ur-filters label { margin:0; }
  .cabinet-content main .ur-filters { gap:12px; }
  .cabinet-content main :is(input:not([type=checkbox],[type=radio]),select,textarea) { font-weight:400; }
  .cabinet-content main :is(.order-no-photo,.ozon-no-photo,.catalog-no-photo) { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-height:64px; border-radius:10px; background:var(--cabinet-bg); color:var(--cabinet-muted); font-size:12px; }
  .cabinet-content main :is(.order-photo,.workflow-product img,.catalog-picture img) { object-fit:contain; border-radius:10px; }
  .cabinet-active dialog.ui-dialog,dialog.ui-dialog { box-sizing:border-box; width:min(640px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); padding:24px; border:1px solid var(--cabinet-border); border-radius:14px; background:white; color:var(--cabinet-ink); overflow:auto; font-size:15px; }
  dialog.ui-dialog::backdrop { background:rgb(14 23 40 / 45%); }
  dialog.ui-dialog h2 { font-size:20px; font-weight:600; line-height:1.35; padding-right:40px; margin:0 0 20px; }
  .ui-dialog-header { position:sticky; top:-24px; margin:-24px -24px 20px; padding:24px; border-bottom:1px solid var(--cabinet-border); background:white; z-index:2; }
  dialog.ui-dialog .ui-dialog-header h2 { margin:0; }
  dialog.ui-dialog :is(input:not([type=checkbox],[type=radio]),select,textarea) { font:inherit; font-size:16px; min-height:44px; max-width:100%; padding:10px 12px; border:1px solid #d4dce9; border-radius:10px; color:var(--cabinet-ink); background-color:white; }
  dialog.ui-dialog button { font:inherit; font-size:14px; font-weight:550; min-height:44px; border-radius:10px; border-color:var(--cabinet-border); }
  dialog.ui-dialog button.primary { color:white; background:var(--cabinet-accent); border-color:var(--cabinet-accent); }
  dialog.ui-dialog .ui-dialog-close { position:absolute; top:12px; right:12px; display:inline-flex; justify-content:center; align-items:center; width:44px; height:44px; min-height:44px; padding:0; margin:0; border:0; background:white; color:var(--cabinet-muted); }
  dialog.ui-dialog .ui-dialog-close:hover { background:#edf1f8; }
  .ui-dialog-actions { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; border-top:1px solid var(--cabinet-border); padding-top:16px; }
  dialog.ui-confirm { max-width:480px; }
  #message[data-tone=success]:not(:empty) { background:#eef8f2; color:var(--ui-success); border:1px solid #cfe7d8; }
  #message[data-tone=error]:not(:empty) { background:#fff2f1; color:var(--ui-error); border:1px solid #efcfca; }
  #message[data-tone=error] { padding-right:60px; }
  #message .ui-toast-close { position:absolute; right:8px; top:8px; display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; min-height:44px; padding:0; border:0; background:transparent; color:inherit; }
  .release-history h3 { font-size:18px; margin-top:24px; }
  .release-history li { margin:12px 0; line-height:1.7; }
  .release-history time { color:var(--cabinet-muted); font-size:13px; }
  .release-history details { border-top:1px solid var(--cabinet-border); margin-top:20px; }
  .release-history summary { min-height:48px; padding:12px 0; color:var(--cabinet-accent); cursor:pointer; }
  .release-history details .expanded,.release-history details[open] .collapsed { display:none; }
  .release-history details[open] .expanded { display:inline; }
  .public-article { max-width:70ch; font-size:18px; line-height:1.6; }
  @supports (appearance:base-select) {
    select,select::picker(select),.cabinet-content main select,dialog.ui-dialog select,.support-page select { appearance:base-select; }
    .cabinet-content main select,dialog.ui-dialog select,.support-page select { background-image:none; }
    select,.cabinet-content main select,dialog.ui-dialog select,.support-page select,.cabinet-content #order-evidence-filter select,.cabinet-content #uin-review .ur-filters select { min-width:0; height:auto; white-space:normal; overflow-wrap:anywhere; align-items:center; }
    select::picker-icon { flex-shrink:0; content:''; width:20px; height:20px; color:var(--cabinet-muted); background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23657188' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center no-repeat; }
    select:open { border-color:var(--cabinet-accent); }
    select::picker(select) { margin-block:6px; padding:6px; border:1px solid var(--cabinet-border); border-radius:12px; background:white; color:var(--cabinet-ink); box-shadow:0 12px 32px #1923361f; font:400 14px/1.4 Inter,system-ui,sans-serif; max-height:min(320px,70dvh); overflow:auto; overscroll-behavior:contain; }
    select option { display:flex; align-items:center; gap:12px; min-height:44px; padding:10px 12px; border-radius:7px; white-space:normal; overflow-wrap:anywhere; background:white; color:var(--cabinet-ink); cursor:pointer; }
    select option+option { margin-top:2px; }
    select option:checked { background:#edf1fa; color:#3e55a3; font-weight:550; }
    select option:hover,select option:focus { background:#e6edf9; outline-offset:-2px; }
    select option::checkmark { order:1; margin-left:auto; color:var(--cabinet-accent); }
    select option:disabled { opacity:.55; cursor:not-allowed; }
  }
}
@media screen and (max-width:600px) {
  .cabinet-content main h1 { font-size:24px; }
  .cabinet-content main>h2,.cabinet-content main>section>h2 { font-size:20px; }
  .cabinet-content main .card { padding:16px; }
  .cabinet-content main .list-pagination { justify-content:space-between; gap:8px; }
  .cabinet-content main .list-pagination :is(button,a) { padding:10px 8px; font-size:13px; gap:4px; }
  .list-pagination .ui-icon { width:16px; height:16px; }
  .list-pagination>span { font-size:12px; }
  .cabinet-active dialog.ui-dialog,dialog.ui-dialog { padding:20px; }
  .ui-dialog-header { top:-20px; margin:-20px -20px 20px; padding:20px; }
  .ui-dialog-actions>* { flex:1; }
}
@media screen and (max-width:359px) { .ui-dialog-actions { flex-direction:column; } }

@media screen {
  /* Semantic page title without changing the approved dashboard layout. */
  .ui-visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip-path:inset(50%); white-space:nowrap; border:0!important; }
  .cabinet-content main a:not([class]),.cabinet-content main p>a { color:var(--cabinet-accent); text-underline-offset:3px; }
  .cabinet-content main :is(h1,h2,h3,p),dialog.ui-dialog { overflow-wrap:anywhere; }
  .cabinet-content main #return-result>img { object-fit:contain; border-radius:10px; }
  dialog.ui-dialog .actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:12px; margin-top:24px; }
  dialog.ui-dialog .actions>button { margin:0; }
  dialog.ui-dialog form>button { margin-top:12px; }
  dialog.ui-dialog form>button.primary:last-child { display:block; margin-left:auto; max-width:100%; }
  dialog.ui-dialog button:disabled { opacity:.55; cursor:not-allowed; }
}

/* Reference composition applied to real lists; workflow controls remain specialised. */
@media screen {
  .cabinet-active:not(.cabinet-workflow) main { max-width:none; margin-inline:0; padding:28px 32px 32px; }
  .cabinet-active #cabinet-topbar { max-width:none; margin-inline:0; padding-inline:32px; }
  .cabinet-content main .page-heading { margin:0 0 24px; }
  .cabinet-content main>h1,.cabinet-content main section>h1 { margin:0 0 12px; }
  .cabinet-content main .workspace-tabs { margin:20px 0 24px; }
  .cabinet-content main .ui-filter-panel,.cabinet-content main .supply-filters:not(:empty),.cabinet-content main .ur-filters,
  .cabinet-content main .ui-table-panel { background:white; border:1px solid var(--cabinet-border); border-radius:14px; padding:20px; margin:24px 0; }
  .cabinet-content main .ui-filter-panel .supply-tabs { margin:0 0 20px; width:fit-content; max-width:100%; padding:4px; border:0; background:#f0f2f6; }
  .cabinet-content main .supply-tabs button { border-radius:8px; }
  .cabinet-content main .ui-filter-panel :is(.order-search,#order-evidence-filter) { margin:16px 0 0; max-width:none; }
  .cabinet-content main .ui-filter-panel .ur-filters { padding:0; border:0; background:none; }
  .cabinet-content main #order-evidence-filter { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)) auto; align-items:end; gap:16px; }
  .cabinet-content main #order-evidence-filter label { margin:0; }
  .cabinet-content main .ui-list-caption { margin:24px 0 12px; font-size:13px; color:var(--cabinet-muted); }
  .cabinet-content main :is(.order-card,.ozon-posting) { padding:20px 24px; margin:16px 0; }
  .ui-order-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:16px; }
  .ui-order-heading>div { min-width:0; }
  .cabinet-content main .ui-order-heading h2 { margin:0 0 4px; font-size:18px; }
  .cabinet-content main .ui-order-heading p { margin:0; font-size:13px; }
  .ui-badge,.catalog-status { display:inline-flex; align-items:center; padding:4px 9px; border-radius:6px; font-size:12px; font-weight:500; line-height:1.5; color:#3e55a3; background:#edf1fa; overflow-wrap:normal; word-break:normal; }
  .ui-order-heading>.ui-badge { flex-shrink:0; max-width:45%; }
  .cabinet-content main .order-product { display:grid; grid-template-columns:80px minmax(0,1fr); gap:20px; margin:0; }
  .cabinet-content main .order-product h3 { font-size:16px; margin:0 0 6px; }
  .cabinet-content main .order-photo,.cabinet-content main .order-no-photo { width:80px; height:107px; border-radius:10px; }
  .cabinet-content main .order-uin { margin-top:16px; }
  .ui-order-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:20px; padding-top:12px; border-top:1px solid #edf0f5; color:var(--cabinet-muted); font-size:13px; }
  .cabinet-content main .ui-order-footer p { margin:0; font-size:13px; }
  .cabinet-content main .order-card>.cr-section { margin:20px 0 0; padding:16px; background:#f8f9fc; border-color:#edf0f5; border-radius:10px; }
  .cabinet-content main .order-card>.cr-section details { margin-top:8px; }
  .cabinet-content main [data-return-panel] { background:#f0f4fc; border-color:#dae3f5; padding:16px 20px; }
  .cabinet-content main [data-return-panel] p { font-size:13px; }
  .cabinet-content main [data-return-panel] button { min-height:44px; }
  .cabinet-content main .product-catalog { overflow-wrap:normal; }
  .cabinet-content main .product-catalog .catalog-filters { padding:20px; gap:16px; }
  .cabinet-content main .product-catalog .catalog-actions { gap:12px; }
  .cabinet-content main .product-catalog .catalog-actions a { font-size:14px; text-underline-offset:3px; }
  .cabinet-content main .ui-table-panel { padding:12px 20px; }
  .cabinet-content main .product-catalog table { table-layout:fixed; }
  .cabinet-content main .product-catalog th,.cabinet-content main .product-catalog td { padding:14px 8px; overflow-wrap:normal; word-break:normal; }
  .cabinet-content main .product-catalog th:first-child { width:80px; }
  .cabinet-content main .product-catalog th:nth-child(2) { width:30%; }
  .cabinet-content main .product-catalog th:nth-child(3) { width:70px; white-space:nowrap; }
  .cabinet-content main .product-catalog td[data-label="Товар"] { overflow-wrap:anywhere; }
  .cabinet-content main .product-catalog td small { font-size:13px; }
  .cabinet-content main .catalog-status { font-size:12px; max-width:100%; }
  .catalog-status.matched { background:#eaf6ef; color:#236746; }
  .catalog-status.review,.catalog-status.unmatched { background:#fff4df; color:#80561e; }
  .catalog-status.missing { background:#f0f2f6; color:var(--cabinet-muted); }
  .cabinet-content main .ui-empty { text-align:center; padding:40px 24px; border-style:dashed; }
  .cabinet-content main .ui-empty h2 { font-size:20px; }
  .cabinet-content main .ui-empty p { max-width:52ch; margin:12px auto; color:var(--cabinet-muted); }
  .cabinet-content main :is(.uin-error,.uin-success,.notice):not(:empty) { border-radius:10px; padding:12px 16px; }
  .cabinet-content main .uin-error:not(:empty) { background:#fff2f1; color:#9c3833; }
  .cabinet-content main .uin-success:not(:empty) { background:#eaf6ef; color:#236746; }
  :is(.cabinet-content main,.release-history,dialog.ui-dialog) details>summary { display:flex; align-items:center; gap:10px; list-style:none; cursor:pointer; min-height:44px; }
  :is(.cabinet-content main,.release-history,dialog.ui-dialog) details>summary::-webkit-details-marker { display:none; }
  :is(.cabinet-content main,.release-history,dialog.ui-dialog) details>summary::before { content:''; display:block; width:7px; height:7px; flex:none; border:solid currentColor; border-width:0 1.8px 1.8px 0; transform:rotate(-45deg); margin:0 4px; }
  :is(.cabinet-content main,.release-history,dialog.ui-dialog) details[open]>summary::before { transform:rotate(45deg); }
  .cabinet-content main .run-more-chevron { display:none; }
  .cabinet-content main .ozon-posting-footer { border-top:1px solid #edf0f5; padding-top:12px; }
  .cabinet-content main .ozon-product-list { margin:0; }
  .cabinet-content main .ozon-product-list li { gap:20px; }
  .cabinet-content main .ozon-list-filters { gap:16px; margin:0; }
  .cabinet-content main .ozon-list-filters label { margin:0; }
  .cabinet-content main .supply-card { box-shadow:none; border-radius:14px; }
  .release-history .card { padding:24px; }
  .release-history h2 { font-size:22px; }
  .release-history li { font-size:15px; }
}
@media screen and (min-width:1000px) {
  .cabinet-active { padding-left:240px; }
  #cabinet-menu { width:240px; padding:28px 18px; }
  #cabinet-menu[open] { display:flex; flex-direction:column; }
  #cabinet-navigation { margin-bottom:24px; }
  #cabinet-menu .sidebar-bottom { margin-top:auto; }
  #cabinet-navigation a { font-size:14px; padding:10px 12px; min-height:48px; }
}
@media screen and (max-width:1099px) {
  .cabinet-content main #order-evidence-filter { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cabinet-content main .product-catalog th:nth-child(2) { width:24%; }
}
@media screen and (min-width:761px) and (max-width:999px) {
  .cabinet-content main .product-catalog th,.cabinet-content main .product-catalog td { padding:12px 4px; }
  .cabinet-content main .catalog-status { padding:4px 6px; }
}
@media screen and (max-width:1100px) {
  .cabinet-content main .ui-table-panel { padding:0 16px; }
  .cabinet-content main .product-catalog table { display:block; }
  .cabinet-content main .product-catalog tbody { display:block; }
  .cabinet-content main .product-catalog tr { padding:16px 0; }
  .cabinet-content main .product-catalog td { padding:6px 0; }
  .cabinet-content main .product-catalog .catalog-picture { padding:0; }
  .cabinet-content main .product-catalog .catalog-name { min-height:44px; }
}
@media screen and (max-width:600px) {
  .cabinet-active:not(.cabinet-workflow) main { padding:20px 16px 24px; }
  .cabinet-active #cabinet-topbar { padding-inline:16px; }
  .cabinet-content main .ui-filter-panel,.cabinet-content main .supply-filters:not(:empty),.cabinet-content main .ur-filters { padding:16px; margin:20px 0; }
  .cabinet-content main #order-evidence-filter { grid-template-columns:1fr; gap:12px; }
  .cabinet-content main .ui-filter-panel .ur-filters { padding:0; }
  .cabinet-content main .product-catalog .catalog-filters { padding:16px; }
  .cabinet-content main :is(.order-card,.ozon-posting) { padding:16px; }
  .ui-order-heading { gap:8px; flex-wrap:wrap; }
  .cabinet-content main .ui-order-heading h2 { font-size:16px; }
  .ui-order-heading>.ui-badge { max-width:100%; }
  .cabinet-content main .order-product { grid-template-columns:64px minmax(0,1fr); gap:12px; }
  .cabinet-content main .order-photo,.cabinet-content main .order-no-photo { width:64px; height:86px; }
  .cabinet-content main .order-product h3 { font-size:15px; }
  .cabinet-content main .order-uin { gap:0 4px; }
  .cabinet-content main .order-uin strong { font-size:14px; }
  .cabinet-content main .ui-order-footer { display:block; }
  .cabinet-content main .ui-order-footer p { margin-top:8px; }
  .cabinet-content main .ozon-product-list li { gap:12px; }
}

@media screen {
 .cabinet-content #app .ui-filter-panel form { max-width:none; }
 .cabinet-content main .list-pagination>* { flex:0 0 auto; }
 .cabinet-content main .list-pagination { justify-content:center; }
 .cabinet-content main .ui-uin-label { color:var(--cabinet-muted); font-size:13px; }
 .cabinet-content main :is(#uin-scan,#uin-upload,#return-scan,#staff-form)>button:last-child { display:block; margin-left:auto; }
 .cabinet-content main #uin-upload button { margin-top:16px; }
 .ui-history-sidebar { display:none; }
 .support-page.ui-history .support-header { background:transparent; color:var(--cabinet-muted); justify-content:flex-start; gap:12px; font-size:13px; }
 .ui-history .support-header a { color:var(--cabinet-muted); }
 .ui-history main { padding-top:24px; }
 .ui-history .release-history>p { margin-bottom:28px; }
 .ui-history .release-history h2 { margin:0 0 8px; line-height:1.4; }
 .ui-history .release-history h3 { margin:24px 0 12px; }
}
@media screen and (min-width:1000px) {
 .ui-history { padding-left:240px; }
 .ui-history-sidebar { display:flex; flex-direction:column; position:fixed; inset:0 auto 0 0; width:240px; height:100dvh; padding:28px 18px; background:var(--cabinet-sidebar); color:#bac6db; }
 .ui-history-logo { display:block; margin:0 12px 40px; }
 .ui-history-sidebar nav { display:grid; gap:6px; }
 .ui-history-sidebar nav a { color:#bac6db; padding:12px; min-height:48px; font-size:14px; border-radius:10px; text-decoration:none; }
 .ui-history-sidebar nav a[aria-current] { background:#34466b; color:white; }
 .ui-history-version { margin-top:auto; padding:20px 12px; border-top:1px solid #354158; color:#bac6db; font-size:14px; text-decoration:none; }
 .support-page.ui-history :is(main,.support-header) { max-width:1240px; padding-left:32px; padding-right:32px; margin-inline:auto; }
 .support-page.ui-history .support-header { padding-top:28px; }
}
@media screen and (max-width:600px) {
 .cabinet-content main .ui-uin-label { flex-basis:100%; }
 .cabinet-content main .order-product .order-uin { margin-left:-76px; margin-top:16px; }
 .cabinet-content main .list-pagination { justify-content:space-between; gap:8px; }
}

@media screen {
 .cabinet-content main #employee>.actions { justify-content:flex-end; margin-top:20px; }
 .cabinet-content main #matching-filter { display:grid; grid-template-columns:1fr 1fr auto; gap:16px; align-items:end; max-width:none; }
 .cabinet-content main #matching-filter label { margin:0; }
 .cabinet-content main #matching-filter button { margin:0; }
 .cabinet-content main .ui-photo-placeholder { display:flex; flex-direction:column; gap:8px; justify-content:center; align-items:center; border:1px solid #e9edf4; text-align:center; }
 .ui-photo-placeholder .ui-icon { width:24px; height:24px; }
 .ui-loading { display:flex; align-items:center; gap:12px; padding:24px; background:white; border:1px solid var(--cabinet-border); border-radius:14px; color:var(--cabinet-muted); }
 .ui-spinner { width:20px; height:20px; flex:none; border:2px solid #dbe2ef; border-top-color:var(--cabinet-accent); border-radius:50%; animation:ui-spin .9s linear infinite; }
 @keyframes ui-spin { to { transform:rotate(360deg); } }
}
@media screen and (max-width:600px) { .cabinet-content main #matching-filter { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { .ui-spinner { animation:none; } }

@media screen and (max-width:600px) {
 .cabinet-content main .ui-filter-panel>.supply-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
 .cabinet-content main .ui-filter-panel>.supply-tabs button { min-width:0; width:auto; }
}