/* Электрум · Pearl interface, 2026-10. Presentation layer only.
   Loaded after the existing styles, on screen only. No print or label changes. */
html[data-interface="modern"] {
  --ink: #1e2b31;
  --muted: #63737b;
  --line: #dce4e5;
  --paper: #f4f7f6;
  --sidebar: 246px;
  --shadow: 0 24px 90px #17352b25;
  color-scheme: light;
}
html[data-interface="modern"] body {
  --accent: #146653;
  --accent-soft: #e6f2ec;
  --gold: var(--accent);
  --primary: var(--accent);
  background: radial-gradient(ellipse at 12% 0%, #dcece570 0%, transparent 38%), #f4f7f6;
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
html[data-interface="modern"] body[data-company="kozlov"] {
  --accent: #285db3;
  --accent-soft: #e9f0fc;
  --gold: var(--accent);
  --primary: var(--accent);
  background: radial-gradient(ellipse at 12% 0%, #dde7f570 0%, transparent 38%), #f4f6f9;
}
html[data-interface="modern"] body[data-company="ponomarev"] {
  --accent: #146653; --accent-soft: #e6f2ec; --gold: var(--accent); --primary: var(--accent);
}
/* A quiet, translucent frame; all working surfaces remain opaque. */
html[data-interface="modern"] #appHeader {
  position: fixed;
  inset: 12px auto 12px 12px;
  width: 222px;
  height: calc(100dvh - 24px);
  min-height: 0;
  padding: 16px 12px 12px;
  gap: 12px;
  border: 1px solid #fff;
  border-radius: 22px;
  background: #eaf1ed;
  box-shadow: 0 8px 36px #25453509, inset 0 0 0 1px #d5e1da60;
  scrollbar-width: thin;
  scrollbar-color: #bacbc1 transparent;
}
html[data-interface="modern"] body[data-company="kozlov"] #appHeader { background: #eaf0f8; scrollbar-color: #bccadc transparent; }
html[data-interface="modern"] #appHeader .brand { gap: 10px; padding: 0 7px; }
html[data-interface="modern"] #appHeader .brand-logo { width: 36px; height: 44px; }
html[data-interface="modern"] #appHeader .brand strong { font-size: 15px; font-weight: 750; letter-spacing: .075em; }
html[data-interface="modern"] #appHeader .brand small { color: #65756d; font-size: 10px; margin-top: 3px; }
html[data-interface="modern"] .company-switcher {
  border: 1px solid #ffffffdc;
  border-radius: 14px;
  background: #ffffffc7;
  padding: 10px 12px;
  gap: 3px;
  box-shadow: inset 0 1px #fff, 0 3px 12px #25453505;
}
html[data-interface="modern"] .company-switcher label { font-size: 9px; letter-spacing: .11em; color: #687c72; }
html[data-interface="modern"] .company-switcher select { min-height: 29px; font-size: 14px; font-weight: 700; padding: 1px 20px 1px 0; }
html[data-interface="modern"] .company-switcher small { font-size: 10px; color: #6e7c76; }
html[data-interface="modern"] #appHeader #mainNav { gap: 3px; }
html[data-interface="modern"] #mainNav button {
  min-height: 35px;
  padding: 8px 10px;
  border-radius: 10px;
  gap: 9px;
  color: #53665e;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 500;
}
html[data-interface="modern"] body[data-company="kozlov"] #mainNav button { color: #516279; }
html[data-interface="modern"] #mainNav button:hover { background: #fff9; color: var(--ink); }
html[data-interface="modern"] #mainNav button.active,
html[data-interface="modern"] body[data-company="ponomarev"] #mainNav button.active {
  color: #fff;
  background: var(--accent);
  box-shadow: 0 3px 8px #163c2c14, inset 0 1px #ffffff18;
  font-weight: 650;
}
html[data-interface="modern"] #mainNav button.active::after { display: none; }
html[data-interface="modern"] .nav-symbol { width: 17px; height: 17px; flex-basis: 17px; stroke-width: 1.7; }
html[data-interface="modern"] #modelsNav { margin: 3px 0; }
html[data-interface="modern"] #modelsNav > summary { padding: 9px 10px; font-size: 11px; font-weight: 700; color: #6c7c75; }
html[data-interface="modern"] #modelsNav > div { border-left-color: #ccdad2; margin-left: 13px; padding-left: 7px; }
html[data-interface="modern"] #mainNav button[data-page="settings"] { border-top: 0; border-radius: 10px; margin-top: 7px; padding-top: 8px; }
html[data-interface="modern"] #appHeader .top-actions { border-top: 1px solid #cbdad475; padding-top: 10px; gap: 4px; display: grid; grid-template-columns: 1fr 1fr; }
html[data-interface="modern"] #appHeader .top-actions .button { min-height: 31px; padding: 5px 6px; font-size: 11px; justify-content: center; line-height: 1.4; }
html[data-interface="modern"] #appHeader #accountButton { font-size: 11px; text-align: left; color: var(--ink); overflow-wrap: anywhere; }
html[data-interface="modern"] #appHeader #logoutButton { color: #65746f; text-align: right; }
html[data-interface="modern"] #appHeader #visualButton { text-align: right; }
html[data-interface="modern"] main { margin-left: var(--sidebar)!important; padding: 32px 32px 72px!important; min-width: 0; }
html[data-interface="modern"] #systemPage h1,
html[data-interface="modern"] .hero h1 { font-size: clamp(26px, 2.4vw, 34px); font-weight: 700; line-height: 1.18; letter-spacing: -.04em; }
html[data-interface="modern"] .hero { padding: 0 0 22px!important; }
html[data-interface="modern"] .eyebrow { color: #738078; font-size: 11px; font-weight: 500; letter-spacing: .02em; margin: 0 0 9px; }
html[data-interface="modern"] .catalog-heading-tools { margin-bottom: 23px; gap: 12px; }
html[data-interface="modern"] .catalog-heading-tools h1 { margin-right: auto; }
html[data-interface="modern"] #catalogArchiveButton { font-size: 11px; background: transparent; border-color: transparent; box-shadow: none; color: var(--muted); }
html[data-interface="modern"] #catalogArchiveButton:hover { color: var(--accent); background: #ffffffc0; }
html[data-interface="modern"] .search-wrap { height: 54px; border: 1px solid #d9e2de; border-radius: 14px; padding: 0 18px; background: #fff; box-shadow: 0 3px 10px #274b3803; }
html[data-interface="modern"] .search-wrap input { font-size: 14px; }
html[data-interface="modern"] .search-wrap:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
html[data-interface="modern"] .search-icon { font-size: 28px; color: #658476; }
html[data-interface="modern"] .search-wrap kbd { border: 1px solid #e0e7e3; background: #f6f8f7; border-radius: 5px; font-family: inherit; font-size: 10px; color: #7b8881; }
/* Small, readable counts with a clear shared grid. */
html[data-interface="modern"] .stats-strip { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; background: none; border: 0; border-radius: 0; box-shadow: none; margin: 0 0 24px; overflow: visible; }
html[data-interface="modern"] .stat { padding: 15px 16px; background: #fff; border: 1px solid #e0e7e3; border-radius: 12px; box-shadow: 0 3px 8px #163c2c02; min-width: 0; }
html[data-interface="modern"] .stat:first-child { background: var(--accent); border-color: var(--accent); color: #fff; }
html[data-interface="modern"] .stat strong { font-size: 27px; line-height: 1.15; letter-spacing: -.045em; font-weight: 650; }
html[data-interface="modern"] .stat span { font-size: 10px; line-height: 1.45; color: #697c72; margin-top: 8px; }
html[data-interface="modern"] .stat:first-child span { color: #ffffffd9; }
html[data-interface="modern"] .workspace { grid-template-columns: 178px minmax(0,1fr); gap: 22px; align-items: start; }
html[data-interface="modern"] .filters { padding: 3px 0 0!important; }
html[data-interface="modern"] .filters-head { margin-bottom: 17px; min-height: 37px; }
html[data-interface="modern"] .filters h2 { font-size: 14px; font-weight: 700; }
html[data-interface="modern"] .filters-head button { font-size: 11px; min-height: 32px; padding: 0; }
html[data-interface="modern"] .filters label { font-size: 11px; color: #64756c; font-weight: 600; margin-bottom: 14px; }
html[data-interface="modern"] .filters input,
html[data-interface="modern"] .filters select { min-height: 37px; padding: 8px 10px; border-radius: 9px; border: 1px solid #dbe4df; font-size: 12px; font-weight: 450; }
html[data-interface="modern"] .filters .check { font-size: 11px; font-weight: 450; line-height: 1.5; gap: 8px; }
html[data-interface="modern"] .source-note { border-top: 1px solid #dde6e0; font-size: 10px; line-height: 1.6; padding-top: 16px; color: #819087; }
html[data-interface="modern"] .source-note strong { color: #66796e; font-weight: 600; }
html[data-interface="modern"] .catalog-toolbar { gap: 10px; margin-bottom: 16px; min-height: 40px; }
html[data-interface="modern"] .catalog-toolbar strong { font-size: 21px; letter-spacing: -.03em; }
html[data-interface="modern"] .catalog-toolbar span { color: var(--muted); font-size: 12px; }
html[data-interface="modern"] .catalog-sort { margin-left: auto; gap: 6px; font-size: 11px; color: var(--muted); }
html[data-interface="modern"] .catalog-sort select { padding: 8px 27px 8px 10px; min-height: 36px; max-width: 230px; font-size: 11px; }
html[data-interface="modern"] .view-switch { border: 1px solid #e0e6e3; border-radius: 10px; padding: 3px; background: #eaf0ec; gap: 2px; box-shadow: inset 0 1px #fff8; }
html[data-interface="modern"] .view-switch button { padding: 6px 12px; min-height: 30px; font-size: 11px; color: #66796e; }
html[data-interface="modern"] .view-switch button.active { color: var(--accent); box-shadow: 0 2px 5px #2046330c; background: #fff; font-weight: 650; }
html[data-interface="modern"] .product-grid { grid-template-columns: repeat(auto-fill,minmax(190px,1fr)); gap: 16px; }
html[data-interface="modern"] .product-card { border: 1px solid #dce5df; border-radius: 16px; background: #fff; box-shadow: 0 3px 8px #1d493404; overflow: hidden; transition: border-color .18s,box-shadow .18s,transform .18s; }
html[data-interface="modern"] .product-card:hover { border-color: #a1bfb0; box-shadow: 0 10px 28px #17432f12; transform: translateY(-2px); }
html[data-interface="modern"] .product-image { height: auto; aspect-ratio: 1.4; background: radial-gradient(ellipse at center,#fff,#f0f4f1); border-bottom: 1px solid #e9efeb; position: relative; }
html[data-interface="modern"] .product-image > img { padding: 16px; mix-blend-mode: normal; background: #fff; }
html[data-interface="modern"] .gem { width: 63px; height: 63px; border: 1px solid #bdcfc2; border-radius: 15px; background: linear-gradient(145deg,#fff,#e5ede7); box-shadow: inset 0 2px #fff,0 7px 19px #1f48270a; color: #7b9686; }
html[data-interface="modern"] .gem span { font-size: 16px; font-weight: 500; }
html[data-interface="modern"] .status-dot { top: 11px; right: 11px; border: 1px solid #d9e9dd; border-radius: 6px; padding: 3px 7px; background: #ffffffee; color: #376550; font-size: 9px; line-height: 1.5; }
html[data-interface="modern"] .status-dot.review { color: #8c5e20; border-color: #ebdcc0; background: #fffaf0; }
html[data-interface="modern"] .product-info { padding: 16px; }
html[data-interface="modern"] .product-info .article { font-size: 21px; font-weight: 650; letter-spacing: -.035em; }
html[data-interface="modern"] .type { font-size: 11px; color: #6d7d73; margin-top: 3px; }
html[data-interface="modern"] .model-ref { margin-top: 13px; padding-top: 10px; border-top: 1px solid #eff3f0; font-size: 11px; color: #607469; }
html[data-interface="modern"] .tag { color: #6e8075; background: #f1f5f2; border: 1px solid #e8eee9; border-radius: 5px; font-size: 9px; }
/* Shared controls keep hierarchy and status consistent across every section. */
html[data-interface="modern"] .button { min-height: 38px; padding: 9px 14px; border-radius: 10px; border: 1px solid #d8e2dc; background: #fff; color: #374e41; font-size: 12px; font-weight: 550; line-height: 1.4; box-shadow: 0 1px 2px #213d2b04; }
html[data-interface="modern"] .button:hover { background: #f2f6f3; border-color: #b9cebf; box-shadow: 0 2px 5px #213d2b07; }
html[data-interface="modern"] .button.primary,
html[data-interface="modern"] body[data-company="ponomarev"] .button.primary { background: var(--accent); border-color: var(--accent); color: #fff; box-shadow: 0 3px 7px #173e2d14; }
html[data-interface="modern"] .button.primary:hover { filter: brightness(1.08); }
html[data-interface="modern"] .button.tiny { min-height: 30px; padding: 5px 9px; font-size: 11px; border-radius: 7px; }
html[data-interface="modern"] button:disabled { opacity: .5; cursor: not-allowed; }
html[data-interface="modern"] :is(button,a,summary,[role="button"],input,select,textarea):focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
html[data-interface="modern"] input,
html[data-interface="modern"] select,
html[data-interface="modern"] textarea { border: 1px solid #d5e0d9; border-radius: 9px; background: #fff; color: var(--ink); accent-color: var(--accent); }
html[data-interface="modern"] input::placeholder,
html[data-interface="modern"] textarea::placeholder { color: #86928b; opacity: 1; font-weight: 400; }
html[data-interface="modern"] input:disabled,
html[data-interface="modern"] select:disabled,
html[data-interface="modern"] input[readonly] { color: #5a6c60; background: #eef3ef; opacity: 1; }
html[data-interface="modern"] .form-grid { gap: 18px 20px; }
html[data-interface="modern"] .form-grid label { gap: 7px; font-size: 12px; color: #54675b; font-weight: 600; }
html[data-interface="modern"] .form-grid :is(input,select,textarea) { min-height: 42px; padding: 10px 12px; font-size: 14px; color: var(--ink); font-weight: 400; }
html[data-interface="modern"] .form-grid input[type="checkbox"] { width: 18px; height: 18px; min-height: 0; padding: 0; }
html[data-interface="modern"] .form-grid textarea { min-height: 96px; line-height: 1.6; }
html[data-interface="modern"] .form-section { padding: 20px; border-radius: 14px; border-color: #e2eae4; background: #f4f7f4; margin-top: 24px; }
html[data-interface="modern"] .form-section h3 { color: #314e3e; font-size: 16px; }
html[data-interface="modern"] .form-section p { color: #64786b; }
html[data-interface="modern"] .stone-entry { border-radius: 12px!important; border-color: #dce6df!important; }
html[data-interface="modern"] .drop-zone { border: 1px dashed #abc2b3; border-radius: 11px; background: #f8faf8; padding: 20px; font-size: 12px; color: #66806d; }
html[data-interface="modern"] .field-error { color: #ad3446; }
/* Dialogs and drawers have solid, readable surfaces over restrained glass. */
html[data-interface="modern"] .modal-overlay,
html[data-interface="modern"] .overlay { background: #102b2245; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); }
html[data-interface="modern"] .modal { padding: 28px; border: 1px solid #fff; border-radius: 22px; box-shadow: 0 32px 120px #102b2240; background: #fff; width: min(840px,94vw); max-height: 90dvh; }
html[data-interface="modern"] .modal-head { border-bottom: 1px solid #e4ece6; padding-bottom: 20px; margin-bottom: 23px; gap: 14px; }
html[data-interface="modern"] .modal h2 { font-size: 24px; color: #233c2c; letter-spacing: -.025em; }
html[data-interface="modern"] .icon-button { border: 1px solid #e3ebe6; background: #f4f7f4; color: #677b6c; width: 36px; height: 36px; min-height: 36px; font-size: 23px; border-radius: 11px; }
html[data-interface="modern"] .icon-button:hover { background: #e9f0e9; color: var(--ink); }
html[data-interface="modern"] .modal-actions { border-top: 1px solid #e4ece6; padding-top: 20px; margin-top: 26px; gap: 10px; }
html[data-interface="modern"] .drawer { width: min(1080px,95vw); background: #f4f7f4; box-shadow: -16px 0 70px #183d2b22; border-left: 1px solid #fff; }
html[data-interface="modern"] .drawer-head { padding: 23px 28px; background: #ffffffed; border-bottom: 1px solid #dce6de; }
html[data-interface="modern"] .drawer-head h2 { font-size: 29px; letter-spacing: -.035em; }
html[data-interface="modern"] .drawer-body { padding: 28px; }
html[data-interface="modern"] .detail-hero { gap: 26px; margin-bottom: 26px; }
html[data-interface="modern"] .main-photo { border: 1px solid #dce6df; border-radius: 17px; background: #fff; }
html[data-interface="modern"] .detail-title h3 { font-size: 24px; }
html[data-interface="modern"] .detail-grid { gap: 16px; }
html[data-interface="modern"] .panel { padding: 22px; border: 1px solid #dce6df; border-radius: 16px; box-shadow: 0 3px 10px #21412c03; background: #fff; }
html[data-interface="modern"] .panel :is(h2,h3,h4) { color: #2b4535; font-weight: 650; letter-spacing: -.025em; }
html[data-interface="modern"] .panel h2 { font-size: 20px; }
html[data-interface="modern"] .panel :is(h3,h4) { font-size: 16px; }
html[data-interface="modern"] .kv { gap: 11px 18px; font-size: 13px; }
html[data-interface="modern"] .kv dt { color: #768579; }
html[data-interface="modern"] .data-row { border-color: #e9efe9; padding: 13px 0; }
html[data-interface="modern"] .link-button { color: var(--accent); font-size: 12px; font-weight: 600; }
/* Working pages, filters, tables, and kanban. */
html[data-interface="modern"] .page-tools { gap: 10px; margin-bottom: 23px; }
html[data-interface="modern"] .page-tools p { margin: 9px 0 0; font-size: 12px; color: var(--muted); }
html[data-interface="modern"] .tabs { gap: 3px; padding: 4px; border: 1px solid #dfe7e1; background: #eaf0eb; border-radius: 12px; box-shadow: inset 0 1px #fff; }
html[data-interface="modern"] .tabs .button { background: transparent; border-color: transparent; border-radius: 8px; box-shadow: none; }
html[data-interface="modern"] .tabs .button.primary,
html[data-interface="modern"] body[data-company="ponomarev"] .tabs .button.primary { background: #fff; color: var(--accent); border-color: #dce5de; box-shadow: 0 2px 5px #183d2b08; }
html[data-interface="modern"] .system-filters { padding: 14px; gap: 10px; border: 1px solid #dce6df; border-radius: 13px; background: #fff; margin-bottom: 20px; }
html[data-interface="modern"] .system-filters :is(input,select) { background: #f7f9f7; font-size: 12px; max-width: 210px; min-height: 38px; }
html[data-interface="modern"] .system-table,
html[data-interface="modern"] .overview-table { border-collapse: separate; border-spacing: 0; background: #fff; }
html[data-interface="modern"] :is(.system-table,.overview-table) :is(th,td) { padding: 12px 14px; border-bottom: 1px solid #e4ece6; font-size: 12px; line-height: 1.55; font-variant-numeric: tabular-nums; }
html[data-interface="modern"] :is(.system-table,.overview-table) th { position: sticky; top: 0; z-index: 1; background: #f0f5f1; color: #607568; font-size: 10px; letter-spacing: .025em; font-weight: 650; }
html[data-interface="modern"] :is(.system-table,.overview-table) tbody tr:nth-child(even) { background: #fbfcfb; }
html[data-interface="modern"] :is(.system-table,.overview-table) tbody tr:hover { background: #eef5ef; }
html[data-interface="modern"] .table-scroll { border: 1px solid #dfe8e1; border-radius: 11px; }
html[data-interface="modern"] .table-scroll .system-table,
html[data-interface="modern"] .table-scroll .overview-table { border: 0; }
html[data-interface="modern"] .table-mode { border: 1px solid #dce5df; border-radius: 13px; background: #fff; }
html[data-interface="modern"] .table-head { background: #eff4f0; color: #667b6e; min-height: 42px; font-size: 10px; border-bottom: 1px solid #dce5df; }
html[data-interface="modern"] .table-row { min-height: 52px; border-bottom: 1px solid #eaf0eb; font-size: 12px; }
html[data-interface="modern"] .table-row:nth-child(odd) { background: #fbfcfb; }
html[data-interface="modern"] .table-row:hover { background: #eef5ef; }
html[data-interface="modern"] .board { gap: 16px; padding-bottom: 18px; scrollbar-color: #bfcdc3 #e9efea; }
html[data-interface="modern"] .board-col,
html[data-interface="modern"] body[data-company="ponomarev"] .board-col { flex: 0 0 266px; border: 1px solid #dfe7e1; border-radius: 15px; background: #eaf0eb; padding: 12px; min-height: 56vh; }
html[data-interface="modern"] body[data-company="kozlov"] .board-col { background: #eaf0f8; border-color: #dce4f0; }
html[data-interface="modern"] .board-col h3 { color: #435f4c; font-size: 12px; font-weight: 650; padding: 0 2px 10px; margin: 3px 2px 12px; border-bottom: 1px solid #d5e0d6; min-height: 33px; }
html[data-interface="modern"] .board-col h3 span { border: 1px solid #d7e3d9; background: #fff8; border-radius: 6px; padding: 0 6px; }
html[data-interface="modern"] .order-card { padding: 14px; border: 1px solid #dce6df; border-radius: 11px; box-shadow: 0 2px 6px #163d2905; margin-bottom: 11px; }
html[data-interface="modern"] .order-card:hover { border-color: #9fbea9; box-shadow: 0 5px 14px #193d2b0b; }
html[data-interface="modern"] .order-card strong { font-size: 15px; }
html[data-interface="modern"] .order-card small { font-size: 11px; line-height: 1.65; }
html[data-interface="modern"] .order-sort { border-color: #e7eee8; }
html[data-interface="modern"] .badge { background: var(--accent-soft); color: var(--accent); border: 1px solid #d7e7db; font-size: 10px; border-radius: 6px; }
html[data-interface="modern"] .badge.alert { background: #fff5e6; color: #926020; border-color: #efe0c3; }
html[data-interface="modern"] .empty { border: 1px dashed #ceded1; border-radius: 15px; background: #ffffffb8; color: #748279; padding: 44px 22px; font-size: 13px; line-height: 1.8; }
html[data-interface="modern"] .empty p { max-width: 580px; margin-left: auto; margin-right: auto; }
html[data-interface="modern"] .record-photo.empty { padding: 5px; font-size: 11px; border-style: solid; }
html[data-interface="modern"] .overview-metrics { gap: 15px; margin: 20px 0; }
html[data-interface="modern"] .metric { padding: 21px; gap: 12px; }
html[data-interface="modern"] .metric > span { color: #62776a; font-size: 12px; }
html[data-interface="modern"] .metric strong { color: #244d35; font-size: 33px; font-weight: 650; letter-spacing: -.05em; }
html[data-interface="modern"] .metric small { color: #7b8a7e; font-size: 11px; }
html[data-interface="modern"] .overview-columns { gap: 18px; margin-bottom: 20px; }
html[data-interface="modern"] .stage-summary { font-size: 12px; gap: 9px; margin: 17px 0; }
html[data-interface="modern"] .stage-summary progress { accent-color: var(--accent); height: 5px; border: 0; border-radius: 10px; overflow: hidden; }
html[data-interface="modern"] .stage-summary progress::-webkit-progress-bar { background: #edf2ee; border-radius: 10px; }
html[data-interface="modern"] .stage-summary progress::-webkit-progress-value { background: var(--accent); border-radius: 10px; }
html[data-interface="modern"] .chart-legend { font-size: 11px; color: #718176; }
html[data-interface="modern"] .production-chart text { fill: #718176; font-family: inherit; }
html[data-interface="modern"] .dictionary-nav { border-radius: 12px; }
html[data-interface="modern"] .dictionary-nav .button { text-align: left; }
html[data-interface="modern"] .dictionary-content { min-width: 0; }
html[data-interface="modern"] .dictionary-content details { border: 1px solid #dce6df; border-radius: 10px; background: #fff; margin-bottom: 8px; padding: 12px 14px; }
html[data-interface="modern"] .shipment-list { border: 1px solid #dce6df; border-radius: 14px; }
html[data-interface="modern"] .shipment-row { padding: 16px 18px; border-color: #e4ece5; font-size: 13px; }
html[data-interface="modern"] .posted-document { border-color: #dce6df; border-radius: 14px; background: #fff; }
html[data-interface="modern"] .posted-document > summary { font-size: 13px; }
html[data-interface="modern"] .company-context { border: 1px solid #ffffffed; background: #f3faf6ed; color: var(--accent); border-radius: 12px; padding: 9px 14px; min-height: 36px; right: 24px; bottom: 18px; box-shadow: 0 3px 16px #193d2b17; }
html[data-interface="modern"] #toast { background: #213e2e; border: 1px solid #466453; border-radius: 12px; color: #fff; font-size: 13px; padding: 14px 20px; box-shadow: 0 8px 35px #183d2b25; max-width: min(560px,calc(100vw - 32px)); }
/* Sign-in is a calm first impression and remains the same form. */
html[data-interface="modern"] .login-screen { padding: 32px 16px; background: radial-gradient(ellipse at 12% 12%,#c7ded4a0,transparent 45%),radial-gradient(ellipse at 95% 95%,#dbe7f09c,transparent 50%),#f2f6f3; }
html[data-interface="modern"] .login-card { width: min(420px,calc(100vw - 32px)); padding: 37px 38px; border: 1px solid #ffffffec; border-radius: 26px; background: #ffffffee; box-shadow: 0 24px 80px #183e2c12,inset 0 1px #fff; }
html[data-interface="modern"] .login-card img { width: 90px; height: 90px; }
html[data-interface="modern"] .login-card h1 { margin-top: 22px; font-size: 23px; font-weight: 750; letter-spacing: .12em; color: #22392b; }
html[data-interface="modern"] .login-card > p { margin-bottom: 28px; font-size: 13px; color: #748178; }
html[data-interface="modern"] .login-card label { font-size: 12px; color: #5b6d60; font-weight: 550; gap: 8px; margin: 18px 0; }
html[data-interface="modern"] .login-card input:not([type=checkbox]) { min-height: 46px; background: #fbfcfb; }
html[data-interface="modern"] .login-card .remember { font-weight: 400; font-size: 11px; line-height: 1.5; }
html[data-interface="modern"] .login-card button { min-height: 45px; font-size: 13px; }
html[data-interface="modern"] .login-card #loginError { text-align: left; color: #ad3446; margin: 12px 0; }
html[data-interface="modern"] .login-card #loginError:empty { display: none; }
@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
  html[data-interface="modern"] #appHeader,
  html[data-interface="modern"] body[data-company="ponomarev"] #appHeader { background: linear-gradient(150deg,#fafffcda,#e0ebe4bf); backdrop-filter: blur(24px) saturate(125%); -webkit-backdrop-filter: blur(24px) saturate(125%); }
  html[data-interface="modern"] body[data-company="kozlov"] #appHeader { background: linear-gradient(150deg,#fbfdffda,#e0e8f4bf); }
}
/* Responsive layout: navigation and filters keep their existing disclosure controls. */
@media (min-width:851px) and (max-width:1220px) {
  html[data-interface="modern"] main { padding: 28px 24px 68px!important; }
  html[data-interface="modern"] .workspace { grid-template-columns: 162px minmax(0,1fr); gap: 18px; }
  html[data-interface="modern"] .catalog-sort { font-size: 0; }
  html[data-interface="modern"] .catalog-sort select { max-width: 185px; }
  html[data-interface="modern"] .product-grid { grid-template-columns: repeat(auto-fill,minmax(175px,1fr)); gap: 14px; }
  html[data-interface="modern"] .stat { padding: 14px 12px; }
}
@media (min-width:851px) and (max-height:720px) {
  html[data-interface="modern"] #appHeader { padding-top: 12px; gap: 9px; }
  html[data-interface="modern"] #mainNav button { min-height: 32px; padding-top: 6px; padding-bottom: 6px; }
  html[data-interface="modern"] #modelsNav > summary { padding-top: 6px; padding-bottom: 6px; }
  html[data-interface="modern"] .company-switcher { padding-top: 8px; padding-bottom: 8px; }
}
@media (max-width:850px) {
  html[data-interface="modern"] #appHeader { position: sticky; inset: auto; top: 8px; width: calc(100% - 16px); height: auto; max-height: calc(100dvh - 16px); min-height: 0; margin: 8px 8px 0; padding: 10px 12px; border-radius: 16px; gap: 8px; z-index: 50; }
  html[data-interface="modern"] #appHeader .brand { order: -2; flex: 1; padding: 0; gap: 8px; }
  html[data-interface="modern"] #appHeader .brand-logo { width: 29px; height: 34px; }
  html[data-interface="modern"] #appHeader .brand strong { font-size: 13px; letter-spacing: .065em; }
  html[data-interface="modern"] #appHeader .brand small { display: none; }
  html[data-interface="modern"] .company-switcher { order: -1; display: block; width: auto; max-width: 170px; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
  html[data-interface="modern"] .company-switcher label,
  html[data-interface="modern"] .company-switcher small { display: none; }
  html[data-interface="modern"] .company-switcher select { min-height: 42px; font-size: 13px; width: 100%; padding: 5px 18px 5px 7px; }
  html[data-interface="modern"] .mobile-menu { min-height: 42px; padding: 8px 11px; font-size: 12px; background: #ffffffbf; }
  html[data-interface="modern"] #appHeader #mainNav,
  html[data-interface="modern"] #appHeader .top-actions { display: none; }
  html[data-interface="modern"] #appHeader.menu-open #mainNav { display: grid; gap: 6px; padding-top: 10px; }
  html[data-interface="modern"] #appHeader.menu-open .top-actions { display: grid; margin-top: 6px; }
  html[data-interface="modern"] #mainNav button { min-height: 44px; padding: 10px; font-size: 12px; }
  html[data-interface="modern"] #modelsNav { grid-column: 1/-1; }
  html[data-interface="modern"] #modelsNav > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 0; padding: 0; border: 0; gap: 6px; }
  html[data-interface="modern"] #mainNav #modelsNav button { font-size: 11px; gap: 5px; }
  html[data-interface="modern"] #appHeader .top-actions .button { min-height: 44px; font-size: 12px; }
  html[data-interface="modern"] main { margin-left: 0!important; padding: 25px 16px 76px!important; }
  html[data-interface="modern"] .hero h1,
  html[data-interface="modern"] #systemPage h1 { font-size: 27px; }
  html[data-interface="modern"] .eyebrow { font-size: 10px; line-height: 1.5; }
  html[data-interface="modern"] .catalog-heading-tools { gap: 9px; flex-wrap: wrap; margin-bottom: 17px; }
  html[data-interface="modern"] .catalog-heading-tools h1 { flex: 1 1 100%; margin-bottom: 4px; }
  html[data-interface="modern"] #catalogArchiveButton { order: 2; margin-left: auto; padding: 8px; max-width: 50%; font-size: 10px; text-align: right; }
  html[data-interface="modern"] #addButton { order: 1; min-height: 40px; font-size: 12px; }
  html[data-interface="modern"] .search-wrap { height: 50px; padding: 0 13px; border-radius: 12px; }
  html[data-interface="modern"] .search-wrap input { font-size: 16px; }
  html[data-interface="modern"] .stats-strip { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-bottom: 18px; }
  html[data-interface="modern"] .stat { padding: 12px; border-radius: 11px; }
  html[data-interface="modern"] .stat strong { font-size: 23px; }
  html[data-interface="modern"] .stat span { font-size: 9px; margin-top: 7px; }
  html[data-interface="modern"] .workspace { grid-template-columns: minmax(0,1fr); gap: 14px; }
  html[data-interface="modern"] .filters-open .filters { padding: 16px!important; gap: 5px 12px; background: #fff; border: 1px solid #dce6df; border-radius: 13px; }
  html[data-interface="modern"] .filters label { margin-bottom: 12px; }
  html[data-interface="modern"] .filters :is(input,select) { font-size: 16px; min-height: 42px; }
  html[data-interface="modern"] .mobile-filters { min-height: 42px; margin-bottom: 14px; }
  html[data-interface="modern"] .catalog-toolbar { margin-bottom: 15px; gap: 10px; }
  html[data-interface="modern"] .catalog-sort { order: 3; width: 100%; margin: 0; font-size: 11px; }
  html[data-interface="modern"] .catalog-sort select { max-width: none; width: 100%; min-height: 42px; font-size: 16px; }
  html[data-interface="modern"] .view-switch { margin-left: auto; }
  html[data-interface="modern"] .view-switch button { min-height: 36px; }
  html[data-interface="modern"] .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
  html[data-interface="modern"] .product-image { height: auto; aspect-ratio: 1.15; }
  html[data-interface="modern"] .product-info { padding: 13px; }
  html[data-interface="modern"] .product-info .article { font-size: 20px; }
  html[data-interface="modern"] .status-dot { right: 7px; top: 7px; font-size: 8px; padding: 2px 5px; }
  html[data-interface="modern"] .button { min-height: 42px; }
  html[data-interface="modern"] :is(input,select,textarea),
  html[data-interface="modern"] .form-grid :is(input,select,textarea),
  html[data-interface="modern"] .system-filters :is(input,select) { font-size: 16px; }
  html[data-interface="modern"] .system-filters :is(input,select) { max-width: 100%; min-height: 42px; }
  html[data-interface="modern"] .page-tools { margin-bottom: 20px; gap: 9px; }
  html[data-interface="modern"] .page-tools h1 { flex-basis: 100%; margin-bottom: 7px!important; }
  html[data-interface="modern"] .tabs { flex-wrap: wrap; width: 100%; }
  html[data-interface="modern"] .tabs .button { flex: 1 1 auto; min-height: 40px; }
  html[data-interface="modern"] .panel { padding: 18px; border-radius: 13px; }
  html[data-interface="modern"] .overview-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  html[data-interface="modern"] .metric { padding: 16px; }
  html[data-interface="modern"] .metric strong { font-size: 28px; }
  html[data-interface="modern"] .metric > span { font-size: 11px; }
  html[data-interface="modern"] .metric small { font-size: 10px; }
  html[data-interface="modern"] .board-col,
  html[data-interface="modern"] body[data-company="ponomarev"] .board-col { flex-basis: 82vw; max-width: 320px; min-height: 52vh; }
  html[data-interface="modern"] .modal-overlay { padding: 10px 8px 58px; }
  html[data-interface="modern"] .modal { width: 100%; max-width: 100%; max-height: calc(100dvh - 76px); padding: 20px; border-radius: 18px; }
  html[data-interface="modern"] .modal h2 { font-size: 21px; }
  html[data-interface="modern"] .modal-head { margin-bottom: 20px; padding-bottom: 17px; }
  html[data-interface="modern"] .icon-button { min-height: 42px; width: 42px; height: 42px; }
  html[data-interface="modern"] .form-grid { grid-template-columns: minmax(0,1fr); gap: 17px; }
  html[data-interface="modern"] .form-section { padding: 15px; }
  html[data-interface="modern"] .drawer { width: 100vw; max-width: 100%; }
  html[data-interface="modern"] .drawer-head { padding: 17px 20px; }
  html[data-interface="modern"] .drawer-body { padding: 18px; }
  html[data-interface="modern"] .detail-hero { grid-template-columns: 1fr; gap: 20px; }
  html[data-interface="modern"] .company-context { bottom: 10px; right: 12px; padding: 8px 12px; font-size: 11px; }
  html[data-interface="modern"] .login-card { padding: 30px 25px; border-radius: 23px; }
}
@media (max-width:380px) {
  html[data-interface="modern"] #appHeader { gap: 5px; padding: 8px; }
  html[data-interface="modern"] #appHeader .brand strong { font-size: 11px; }
  html[data-interface="modern"] #appHeader .brand-logo { width: 25px; }
  html[data-interface="modern"] .company-switcher { max-width: 128px; }
  html[data-interface="modern"] .company-switcher select { font-size: 12px; }
  html[data-interface="modern"] .mobile-menu { padding: 8px; }
  html[data-interface="modern"] .overview-metrics { grid-template-columns: minmax(0,1fr); }
  html[data-interface="modern"] .product-info { padding: 11px; }
  html[data-interface="modern"] .product-info .article { font-size: 18px; }
  html[data-interface="modern"] .filters-open .filters { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-interface="modern"] *,html[data-interface="modern"] *::before,html[data-interface="modern"] *::after { animation: none!important; transition: none!important; scroll-behavior: auto!important; }
  html[data-interface="modern"] .product-card:hover { transform: none; }
}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  html[data-interface="modern"] #appHeader,
  html[data-interface="modern"] body[data-company="ponomarev"] #appHeader { background: #edf3ef; backdrop-filter: none; -webkit-backdrop-filter: none; border-color: #a2b5a8; }
  html[data-interface="modern"] body[data-company="kozlov"] #appHeader { background: #edf2f9; }
  html[data-interface="modern"] .company-switcher,
  html[data-interface="modern"] .company-context,
  html[data-interface="modern"] .drawer-head { background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; }
  html[data-interface="modern"] .modal-overlay,
  html[data-interface="modern"] .overlay { backdrop-filter: none; -webkit-backdrop-filter: none; background: #102b2280; }
}
@media (prefers-contrast:more) {
  html[data-interface="modern"] body { --muted: #44594c; --line: #849c8a; }
  html[data-interface="modern"] :is(.button,input,select,textarea,.panel,.product-card,.stat) { border-color: #849c8a; }
  html[data-interface="modern"] :is(.stat span,.metric small,.type,.filters label,.eyebrow) { color: #455f4f; }
  html[data-interface="modern"] .stat:first-child span { color: #fff; }
}
/* Respect native and permission-driven visibility, including dynamically inserted pages. */
html[data-interface="modern"] [hidden],html[data-interface="modern"] .hidden { display: none!important; }
/* Final compositional and readability adjustments from the rendered screens. */
html[data-interface="modern"] body { min-height: 100dvh; background-attachment: fixed; }
html[data-interface="modern"] .drawer h2[tabindex="-1"]:focus,
html[data-interface="modern"] .modal h2[tabindex="-1"]:focus { outline: none; }
html[data-interface="modern"] .section-bar:has(#settingsEmployees) { justify-content: flex-start; gap: 10px; }
html[data-interface="modern"] .shipment-list:not(:has(*)) { padding: 38px 24px; text-align: center; color: #657a6d; background: #fff9; border-style: dashed; }
html[data-interface="modern"] .page-tools > div:has(h1) { margin-right: auto; }
html[data-interface="modern"] .metric small,
html[data-interface="modern"] .kv dt,
html[data-interface="modern"] .eyebrow,
html[data-interface="modern"] .source-note,
html[data-interface="modern"] .type { color: #627367; }
html[data-interface="modern"] body[data-company="kozlov"] .gem { color: #7387a2; border-color: #c3cfde; background: linear-gradient(145deg,#fff,#e6edf6); }
html[data-interface="modern"] body[data-company="kozlov"] .product-image { background: radial-gradient(ellipse at center,#fff,#f0f3f8); }
html[data-interface="modern"] body[data-company="kozlov"] .metric strong { color: #315880; }
html[data-interface="modern"] body[data-company="kozlov"] #mainNav button.active { color: #fff; }
/* Liquid Glass refinement: light-catching controls, original semantic icons,
   subtle depth. Tables and editable data stay on opaque surfaces. */
html[data-interface="modern"] body {
  background: radial-gradient(ellipse at 0% 0%,#c6e3d080 0%,transparent 34%),radial-gradient(ellipse at 80% 0%,#ffffffc0 0%,transparent 44%),#f3f7f5;
  background-attachment: fixed;
}
html[data-interface="modern"] body[data-company="kozlov"] {
  background: radial-gradient(ellipse at 0% 0%,#c8dbf480 0%,transparent 34%),radial-gradient(ellipse at 80% 0%,#ffffffc0 0%,transparent 44%),#f3f6fa;
  background-attachment: fixed;
}
html[data-interface="modern"] #appHeader,
html[data-interface="modern"] body[data-company="ponomarev"] #appHeader {
  border-color: #ffffffeb;
  background: linear-gradient(135deg,#ffffffdf 0%,#eff8f2bf 42%,#dcece3ab 100%);
  box-shadow: inset 0 1px 0 #fff,inset 1px 0 0 #ffffffc9,inset -1px -1px 0 #bed7c35c,0 12px 40px #274a3810,0 2px 5px #23492f05;
  backdrop-filter: blur(28px) saturate(145%);
  -webkit-backdrop-filter: blur(28px) saturate(145%);
}
html[data-interface="modern"] body[data-company="kozlov"] #appHeader { background: linear-gradient(135deg,#ffffffdf 0%,#eff5febf 42%,#dce6f6ab 100%); box-shadow: inset 0 1px #fff,inset 1px 0 #ffffffc9,inset -1px -1px #bccde35c,0 12px 40px #29497710; }
html[data-interface="modern"] .company-switcher {
  background: linear-gradient(135deg,#fffffff5,#ffffff8f);
  border: 1px solid #ffffffee;
  box-shadow: inset 0 1px #fff,inset 0 -1px #dce8df99,0 5px 18px #26463009;
}
html[data-interface="modern"] .nav-symbol { width: 20px; height: 20px; flex: 0 0 20px; stroke-width: 1.55; }
html[data-interface="modern"] #mainNav button { border: 1px solid transparent; }
html[data-interface="modern"] #mainNav button:hover { border-color: #ffffffa0; background: #ffffff99; box-shadow: inset 0 1px #fff; }
html[data-interface="modern"] #mainNav button.active,
html[data-interface="modern"] body[data-company="ponomarev"] #mainNav button.active,
html[data-interface="modern"] body[data-company="kozlov"] #mainNav button.active {
  background: linear-gradient(155deg,#ffffff28,transparent 65%),var(--accent);
  color: #fff;
  border-color: #ffffff7a;
  box-shadow: inset 0 1px 0 #ffffff59,inset 0 -1px 0 #07372524,0 5px 12px #12392420,0 1px 2px #143c251a;
}
html[data-interface="modern"] .view-switch,
html[data-interface="modern"] .tabs {
  border: 1px solid #ffffffed;
  border-radius: 15px;
  background: linear-gradient(145deg,#ffffffad,#e3ece6a3);
  box-shadow: inset 0 1px #fff,inset 0 -1px #c3d4c96b,0 3px 10px #25443009;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  padding: 4px;
}
html[data-interface="modern"] .view-switch button,
html[data-interface="modern"] .tabs .button { border-radius: 11px; transition: background .18s ease,box-shadow .18s ease,color .18s ease; }
html[data-interface="modern"] .view-switch button.active,
html[data-interface="modern"] .tabs .button.primary,
html[data-interface="modern"] body[data-company="ponomarev"] .tabs .button.primary {
  border: 1px solid #fff;
  background: linear-gradient(160deg,#fff,#f8fbf9);
  color: var(--accent);
  box-shadow: 0 3px 8px #1e482117,0 1px 2px #1e482112,inset 0 1px #fff;
}
html[data-interface="modern"] .button { background: linear-gradient(160deg,#fff,#f9fbfa); box-shadow: inset 0 1px #fff,0 2px 4px #26453208; }
html[data-interface="modern"] .button.primary,
html[data-interface="modern"] body[data-company="ponomarev"] .button.primary {
  background: linear-gradient(160deg,#ffffff24,transparent 60%),var(--accent);
  border-color: #ffffff5c;
  box-shadow: inset 0 1px #ffffff55,inset 0 -1px #04251824,0 4px 10px #244b3320;
}
html[data-interface="modern"] .icon-button { background: linear-gradient(145deg,#ffffffec,#e9f0eacc); border: 1px solid #ffffffef; box-shadow: inset 0 1px #fff,0 3px 10px #2f4a3610; }
html[data-interface="modern"] .company-context { background: linear-gradient(135deg,#ffffffed,#e8f4e9c9); backdrop-filter: blur(18px) saturate(150%); -webkit-backdrop-filter: blur(18px) saturate(150%); box-shadow: inset 0 1px #fff,0 6px 20px #2945321c; }
html[data-interface="modern"] .filters .check { align-items: center; min-height: 32px; }
html[data-interface="modern"] .filters .check span { flex: 1; }
html[data-interface="modern"] .filters .check input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  order: 1;
  flex: 0 0 35px;
  width: 35px;
  height: 21px;
  min-width: 35px;
  min-height: 21px;
  padding: 0;
  margin: 0;
  border-radius: 99px;
  border: 1px solid #bdcdc2;
  background: linear-gradient(180deg,#cfdbd3,#e1e9e4);
  box-shadow: inset 0 1px 3px #294d3512,0 1px #ffffffb0;
  cursor: pointer;
  transition: background .2s,border-color .2s,box-shadow .2s;
}
html[data-interface="modern"] .filters .check input[type="checkbox"]::before {
  content: "";
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  width: 15px;
  height: 15px;
  border: 1px solid #ffffffd9;
  border-radius: 50%;
  background: linear-gradient(135deg,#fff,#f1f6f2);
  box-shadow: 0 2px 4px #18382425,inset 0 1px #fff;
  transition: transform .2s cubic-bezier(.2,.8,.2,1);
}
html[data-interface="modern"] .filters .check input[type="checkbox"]:checked { background: linear-gradient(150deg,#ffffff2b,transparent),var(--accent); border-color: var(--accent); box-shadow: inset 0 1px 2px #1436211a,0 2px 6px #204c2912; }
html[data-interface="modern"] .filters .check input[type="checkbox"]:checked::before { transform: translateX(14px); }
html[data-interface="modern"] .filters .check input[type="checkbox"]:hover { box-shadow: 0 0 0 3px var(--accent-soft); }
html[data-interface="modern"] .board::-webkit-scrollbar,
html[data-interface="modern"] .table-scroll::-webkit-scrollbar,
html[data-interface="modern"] .modal::-webkit-scrollbar,
html[data-interface="modern"] .drawer::-webkit-scrollbar { width: 11px; height: 11px; }
html[data-interface="modern"] .board::-webkit-scrollbar-track,
html[data-interface="modern"] .table-scroll::-webkit-scrollbar-track,
html[data-interface="modern"] .modal::-webkit-scrollbar-track,
html[data-interface="modern"] .drawer::-webkit-scrollbar-track { background: #eef3ef; border-radius: 99px; }
html[data-interface="modern"] .board::-webkit-scrollbar-thumb,
html[data-interface="modern"] .table-scroll::-webkit-scrollbar-thumb,
html[data-interface="modern"] .modal::-webkit-scrollbar-thumb,
html[data-interface="modern"] .drawer::-webkit-scrollbar-thumb { background: linear-gradient(135deg,#aebfb3,#c2d2c6); border: 3px solid #eef3ef; border-radius: 99px; }
html[data-interface="modern"] .modal-overlay { z-index: 1100; }
html[data-interface="modern"] .overlay { z-index: 1000; }
@media (max-width:850px) {
  html[data-interface="modern"] #appHeader { z-index: 20; }
  html[data-interface="modern"] #appHeader .company-switcher { order: -1; display: block; width: auto; max-width: 150px; padding: 0; margin: 0; border: 0; background: transparent; box-shadow: none; flex: 0 1 auto; }
  html[data-interface="modern"] #appHeader .brand { min-width: 90px; flex: 1 1 auto; }
  html[data-interface="modern"] #appHeader .company-switcher select { width: 100%; min-width: 0; font-size: 13px; }
  html[data-interface="modern"] #appHeader .mobile-menu { flex: 0 0 auto; }
  html[data-interface="modern"] #appHeader { backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); }
}
@media (prefers-reduced-motion:reduce) {
  html[data-interface="modern"] .filters .check input[type="checkbox"],
  html[data-interface="modern"] .filters .check input[type="checkbox"]::before,
  html[data-interface="modern"] .view-switch button,
  html[data-interface="modern"] .tabs .button { transition: none; }
}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  html[data-interface="modern"] #appHeader,
  html[data-interface="modern"] body[data-company="ponomarev"] #appHeader { background: #edf3ef; backdrop-filter: none; -webkit-backdrop-filter: none; border-color: #a2b5a8; }
  html[data-interface="modern"] body[data-company="kozlov"] #appHeader { background: #edf2f9; backdrop-filter: none; -webkit-backdrop-filter: none; }
  html[data-interface="modern"] .company-switcher,
  html[data-interface="modern"] .view-switch,
  html[data-interface="modern"] .tabs,
  html[data-interface="modern"] .company-context { background: #f0f5f1; backdrop-filter: none; -webkit-backdrop-filter: none; }
}
html[data-interface="modern"] #catalogBody > .empty { grid-column: 1 / -1; }
/* Reference-led direction · 2026-10-09
   Pearl glass, soft capsules and diffused cabinet accents.
   The supplied references guide material/shape, never the app's workflow. */
html[data-interface="modern"] body {
  --glass: #ffffffa8;
  --aura-top: #d0edc1;
  --aura-mid: #a9d4bb;
  --aura-bottom: #79b99b;
  --soft-action: #d5ebdd;
  color: #25322e;
  background-color: #e7f0ea;
  background-image: radial-gradient(ellipse at 78% 0%,#fcf4e8a6,transparent 46%),radial-gradient(ellipse at 8% 95%,#b6d6c7a3,transparent 65%);
  background-size: 100% 100%;
  background-attachment: fixed;
  font-weight: 400;
}
html[data-interface="modern"] body[data-company="kozlov"] {
  --aura-top: #ddeefa; --aura-mid: #b6d1e8; --aura-bottom: #9dbfde; --soft-action: #d9e6f3;
  background-color: #e7eff7;
  background-image: radial-gradient(ellipse at 78% 0%,#f5f6ffa6,transparent 46%),radial-gradient(ellipse at 8% 95%,#b5cfe8a3,transparent 65%);
  background-size: 100% 100%;
  background-attachment: fixed;
}
html[data-interface="modern"] #appHeader,
html[data-interface="modern"] body[data-company="ponomarev"] #appHeader,
html[data-interface="modern"] body[data-company="kozlov"] #appHeader {
  background: linear-gradient(145deg,#ffffffe0,#ffffff70 50%,#ffffff9e);
  border: 1px solid #ffffffa8;
  border-radius: 30px;
  box-shadow: inset 1px 1px 1px #ffffffef,inset -1px -1px 1px #ffffff95,0 10px 38px #4c635206;
  backdrop-filter: blur(22px) saturate(110%);
  -webkit-backdrop-filter: blur(22px) saturate(110%);
}
html[data-interface="modern"] #appHeader .brand { padding: 4px 7px 6px; }
html[data-interface="modern"] #appHeader .brand strong { letter-spacing: .055em; font-size: 14px; font-weight: 650; }
html[data-interface="modern"] #appHeader .brand small { font-size: 10px; font-weight: 400; color: #737e77; }
html[data-interface="modern"] .company-switcher {
  background: linear-gradient(135deg,#ffffffed,#ffffff8e);
  border: 0;
  border-radius: 22px;
  padding: 12px 13px;
  box-shadow: inset 0 1px #fff,inset 0 -1px #ffffff89;
}
html[data-interface="modern"] .company-switcher label { color: #718078; font-weight: 500; font-size: 9px; letter-spacing: .08em; }
html[data-interface="modern"] .company-switcher select { font-size: 14px; font-weight: 500; }
html[data-interface="modern"] #mainNav button { min-height: 38px; padding: 9px 10px; border-radius: 17px; border: 0; color: #55665c; font-weight: 400; font-size: 12px; }
html[data-interface="modern"] #mainNav button:hover { background: #ffffffc9; border: 0; box-shadow: inset 0 1px #ffffffef; }
html[data-interface="modern"] #mainNav button.active,
html[data-interface="modern"] body[data-company="ponomarev"] #mainNav button.active,
html[data-interface="modern"] body[data-company="kozlov"] #mainNav button.active {
  background: radial-gradient(ellipse at 35% 40%,#ffffff3d,transparent 65%),linear-gradient(115deg,var(--aura-top),var(--aura-mid) 60%,var(--soft-action));
  color: #153e2c;
  border: 0;
  font-weight: 550;
  box-shadow: inset 0 0 12px 3px #ffffffa8,inset 0 1px #fff,0 3px 9px #5d776606;
}
html[data-interface="modern"] body[data-company="kozlov"] #mainNav button.active { color: #173a59; }
html[data-interface="modern"] .nav-symbol { stroke-width: 1.35; opacity: .9; }
html[data-interface="modern"] #modelsNav > summary { font-size: 10px; font-weight: 450; letter-spacing: .04em; padding-bottom: 8px; }
html[data-interface="modern"] #modelsNav > div { border-left: 0; padding-left: 6px; margin-left: 6px; }
html[data-interface="modern"] #mainNav button[data-page="settings"] { border-radius: 17px; }
html[data-interface="modern"] #appHeader .top-actions { border-top-color: #d7dfd959; gap: 5px; }
html[data-interface="modern"] #appHeader .top-actions .button { background: #ffffff71; border: 0; border-radius: 20px; font-weight: 400; box-shadow: none; }
html[data-interface="modern"] #appHeader #accountButton { font-weight: 550; }
html[data-interface="modern"] main { padding-top: 35px!important; }
html[data-interface="modern"] .hero h1,
html[data-interface="modern"] #systemPage h1 { font-size: 36px; letter-spacing: -.05em; font-weight: 450; line-height: 1.15; }
html[data-interface="modern"] .eyebrow { color: #68786e; font-weight: 400; font-size: 11px; letter-spacing: .01em; }
html[data-interface="modern"] .catalog-heading-tools { margin-bottom: 25px; }
html[data-interface="modern"] .search-wrap { height: 60px; border: 0; border-radius: 34px; background: linear-gradient(135deg,#ffffffea,#ffffffaa); box-shadow: inset 0 1px #fff,inset 0 -1px #ffffffa8,0 4px 15px #65776703; padding: 0 20px; }
html[data-interface="modern"] .search-wrap input { font-size: 14px; font-weight: 400; }
html[data-interface="modern"] .search-wrap kbd { border: 0; background: #ffffff9c; border-radius: 14px; padding: 5px 8px; }
html[data-interface="modern"] .search-wrap:focus-within { outline: 2px solid #90b7a1; outline-offset: 2px; box-shadow: inset 0 1px #fff,0 3px 16px #426b4812; }
html[data-interface="modern"] .search-icon { color: #819487; font-weight: 300; }
html[data-interface="modern"] .button { border: 0; border-radius: 22px; background: linear-gradient(140deg,#fffffff2,#ffffffa8); box-shadow: inset 0 1px #fff,inset 0 -1px #ffffff8c; font-weight: 450; padding: 10px 17px; }
html[data-interface="modern"] .button:hover { background: #fff; border: 0; box-shadow: inset 0 1px #fff,0 3px 12px #5c71630d; }
html[data-interface="modern"] .button.primary,
html[data-interface="modern"] body[data-company="ponomarev"] .button.primary {
  color: #153f2a;
  background: radial-gradient(ellipse at 20% 20%,#d3eeac,transparent 65%),linear-gradient(120deg,#bbdfc3,#83bda2 70%,#cadfcf);
  border: 0;
  box-shadow: inset 0 0 11px 2px #ffffff95,inset 0 1px #ffffffee,0 3px 11px #5b796c0a;
  font-weight: 550;
}
html[data-interface="modern"] body[data-company="kozlov"] .button.primary { color: #173c5a; background: radial-gradient(ellipse at 20% 20%,#d9ebf1,transparent 65%),linear-gradient(120deg,#c9dfe8,#90b2d2 70%,#d0dee9); }
html[data-interface="modern"] .button.primary:hover { filter: brightness(1.03); }
html[data-interface="modern"] .button.tiny { border-radius: 16px; }
html[data-interface="modern"] .view-switch,
html[data-interface="modern"] .tabs { border: 0; border-radius: 28px; padding: 5px; background: #ffffff65; box-shadow: inset 0 1px #ffffffbb; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
html[data-interface="modern"] .view-switch button,
html[data-interface="modern"] .tabs .button { border-radius: 23px; border: 0; background: transparent; font-weight: 400; }
html[data-interface="modern"] .view-switch button.active,
html[data-interface="modern"] .tabs .button.primary,
html[data-interface="modern"] body[data-company="ponomarev"] .tabs .button.primary,
html[data-interface="modern"] body[data-company="kozlov"] .tabs .button.primary { background: #ffffffee; color: #294e37; border: 0; box-shadow: inset 0 1px #fff,0 3px 11px #5c71630a; font-weight: 550; }
html[data-interface="modern"] .stats-strip { gap: 12px; margin-bottom: 26px; }
html[data-interface="modern"] .stat { border: 0; border-radius: 23px; background: #ffffffa6; box-shadow: inset 0 1px #fff; padding: 17px 18px; overflow: hidden; }
html[data-interface="modern"] .stat strong { font-size: 31px; font-weight: 450; line-height: 1.2; letter-spacing: -.045em; }
html[data-interface="modern"] .stat span { font-weight: 400; color: #56695d; font-size: 11px; }
html[data-interface="modern"] .stat:first-child { color: #173e29; background: radial-gradient(ellipse at 12% 0%,var(--aura-top),transparent 70%),linear-gradient(125deg,var(--aura-mid),var(--aura-bottom)); border: 0; box-shadow: inset 0 0 24px 6px #ffffffa6,inset 0 1px #fff; }
html[data-interface="modern"] .stat:first-child span { color: #214732; }
html[data-interface="modern"] .stat:last-child { color: #56442a; background: radial-gradient(ellipse at 5% 10%,#fff5de,transparent 70%),linear-gradient(135deg,#efe2c6,#dbccad); box-shadow: inset 0 0 25px 6px #ffffffb8,inset 0 1px #fff; }
html[data-interface="modern"] .stat:last-child span { color: #655138; }
html[data-interface="modern"] .workspace { grid-template-columns: 196px minmax(0,1fr); gap: 22px; }
html[data-interface="modern"] .filters { border: 0; border-radius: 26px; background: #ffffff68; padding: 15px!important; box-shadow: inset 0 1px #ffffffb0; }
html[data-interface="modern"] .filters-head { margin-bottom: 16px; }
html[data-interface="modern"] .filters h2 { font-size: 15px; font-weight: 500; }
html[data-interface="modern"] .filters label { font-size: 11px; color: #57685d; font-weight: 400; }
html[data-interface="modern"] .filters input,
html[data-interface="modern"] .filters select { border: 0; border-radius: 21px; background: #ffffffc7; font-weight: 400; min-height: 38px; box-shadow: inset 0 1px #ffffffc9; padding: 9px 12px; }
html[data-interface="modern"] .filters .check { font-size: 11px; gap: 9px; }
html[data-interface="modern"] .filters .check input[type="checkbox"] { padding: 0; min-height: 21px; border: 1px solid #c3d0c8; }
html[data-interface="modern"] .source-note { font-size: 9px; color: #6c7b71; border-color: #dbe4dd9c; }
html[data-interface="modern"] .catalog-toolbar strong { font-size: 24px; font-weight: 450; }
html[data-interface="modern"] .catalog-sort select { border: 0; border-radius: 22px; background: #ffffffa6; padding: 9px 28px 9px 13px; }
html[data-interface="modern"] .product-grid { gap: 17px; grid-template-columns: repeat(auto-fill,minmax(190px,1fr)); }
html[data-interface="modern"] .product-card { border: 0; border-radius: 28px; background: linear-gradient(145deg,#ffffffbd,#ffffff92); box-shadow: inset 0 1px #fff,inset 1px 0 #ffffff7d; padding: 9px; }
html[data-interface="modern"] .product-card:hover { border: 0; box-shadow: inset 0 1px #fff,0 10px 28px #52715c13; transform: translateY(-3px); }
html[data-interface="modern"] .product-image { border: 0; border-radius: 22px; aspect-ratio: 1.3; background: #ffffff91; overflow: hidden; isolation: isolate; }
html[data-interface="modern"] body[data-company="kozlov"] .product-image { background: #ffffff91; }
html[data-interface="modern"] .product-image:not(:has(img)) {
  background: radial-gradient(ellipse at 5% 0%,#fbf6e9,transparent 60%),radial-gradient(ellipse at 80% 80%,#b5cfbd88,transparent 65%),linear-gradient(145deg,#f3f4ed,#d5dfd9 65%,#bfcfc4);
  box-shadow: inset 0 0 24px 7px #ffffffce,inset 0 1px #fff;
}
html[data-interface="modern"] body[data-company="kozlov"] .product-image:not(:has(img)) { background: radial-gradient(ellipse at 5% 0%,#f2f3f4,transparent 60%),radial-gradient(ellipse at 80% 80%,#b4cadd88,transparent 65%),linear-gradient(145deg,#ecf0f3,#d8e0e8 65%,#c0cdd9); }
/* Product photography is untouched. Missing-photo placeholders stay neutral. */
html[data-interface="modern"] .product-image > img { mix-blend-mode: normal; padding: 15px; background: #fff; border-radius: 22px; }
html[data-interface="modern"] .gem,
html[data-interface="modern"] body[data-company="kozlov"] .gem { width: 54px; height: 54px; border: 1px solid #ffffff9e; border-radius: 15px; background: linear-gradient(140deg,#ffffffe3,#ffffff36); box-shadow: inset 2px 2px 9px #ffffffce,0 8px 25px #6b857315; color: #476854; transform: rotate(45deg); }
html[data-interface="modern"] .gem span { transform: rotate(-45deg); font-size: 15px; font-weight: 450; }
html[data-interface="modern"] body[data-company="kozlov"] .gem { color: #27516f; }
html[data-interface="modern"] .product-card:has(.status-dot.review) .gem { color: #476854; }
html[data-interface="modern"] .status-dot { top: 11px; right: 11px; background: #ffffffaa; border: 0; color: #305b40; border-radius: 14px; font-size: 9px; padding: 4px 8px; }
html[data-interface="modern"] .status-dot.review { background: #fff5dded; color: #715524; border: 0; }
html[data-interface="modern"] .product-info { padding: 15px 10px 9px; }
html[data-interface="modern"] .product-info .article { font-size: 22px; font-weight: 500; letter-spacing: -.03em; }
html[data-interface="modern"] .type { font-size: 12px; color: #596e60; }
html[data-interface="modern"] .model-ref { border: 0; padding-top: 0; margin-top: 11px; font-size: 11px; color: #596e60; }
html[data-interface="modern"] .tag { border: 0; border-radius: 10px; background: #ffffffa8; font-size: 9px; padding: 4px 7px; }
html[data-interface="modern"] .panel { border: 0; border-radius: 25px; background: #ffffffb8; box-shadow: inset 0 1px #fff; padding: 24px; }
html[data-interface="modern"] .panel :is(h2,h3,h4) { font-weight: 500; letter-spacing: -.03em; }
html[data-interface="modern"] .panel h2 { font-size: 22px; }
html[data-interface="modern"] .metric { background: #ffffffae; }
html[data-interface="modern"] .metric strong { font-size: 35px; font-weight: 450; }
html[data-interface="modern"] .overview-metrics .metric:first-child { background: radial-gradient(ellipse at 0% 0%,var(--aura-top),transparent 75%),linear-gradient(130deg,#bddbd0,var(--aura-mid)); box-shadow: inset 0 0 30px 7px #ffffffa5,inset 0 1px #fff; }
html[data-interface="modern"] .overview-metrics .metric:first-child :is(strong,span,small) { color: #244c36; }
html[data-interface="modern"] .system-filters { border: 0; border-radius: 25px; background: #ffffffad; box-shadow: inset 0 1px #fff; padding: 15px; }
html[data-interface="modern"] .system-filters :is(input,select) { border: 0; border-radius: 21px; background: #ffffffc4; }
html[data-interface="modern"] .board-col,
html[data-interface="modern"] body[data-company="ponomarev"] .board-col,
html[data-interface="modern"] body[data-company="kozlov"] .board-col { border: 0; border-radius: 25px; background: #ffffff76; box-shadow: inset 0 1px #ffffffda; padding: 14px; }
html[data-interface="modern"] .board-col h3 { border-bottom-color: #dce5df80; font-weight: 450; font-size: 13px; }
html[data-interface="modern"] .board-col h3 span { border: 0; border-radius: 12px; background: #ffffffaf; font-size: 11px; }
html[data-interface="modern"] .order-card { border: 0; border-radius: 20px; background: #ffffffe0; box-shadow: inset 0 1px #fff,0 4px 16px #5b706007; }
html[data-interface="modern"] .order-card:hover { border: 0; box-shadow: inset 0 1px #fff,0 6px 18px #5b706014; }
html[data-interface="modern"] .order-card strong { font-weight: 550; }
html[data-interface="modern"] .table-mode,
html[data-interface="modern"] .table-scroll { border: 0; border-radius: 22px; background: #ffffffdf; box-shadow: inset 0 1px #fff; }
html[data-interface="modern"] .table-head,
html[data-interface="modern"] :is(.system-table,.overview-table) th { background: #f3f7f4; border-color: #e9eeea; color: #586d5f; font-weight: 550; }
html[data-interface="modern"] .table-row,
html[data-interface="modern"] :is(.system-table,.overview-table) td { border-color: #e8eee9; }
html[data-interface="modern"] .modal { border: 1px solid #ffffffdd; border-radius: 31px; background: #fcfdfcf5; box-shadow: inset 0 1px #fff,0 28px 110px #263b2f30; }
html[data-interface="modern"] .modal-overlay,
html[data-interface="modern"] .overlay { background: #55635835; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
html[data-interface="modern"] .modal h2 { font-size: 27px; font-weight: 450; letter-spacing: -.04em; }
html[data-interface="modern"] .modal-head { border-bottom-color: #e7eee8; }
html[data-interface="modern"] .icon-button { border: 0; border-radius: 50%; background: #ffffffcb; box-shadow: inset 0 1px #fff,0 2px 12px #6b7e7009; }
html[data-interface="modern"] .form-grid label { font-weight: 450; color: #596b5e; }
html[data-interface="modern"] .form-grid :is(input,select,textarea) { border: 1px solid #e0e8e1; border-radius: 17px; background: #fff; }
html[data-interface="modern"] .form-section { border: 0; border-radius: 23px; background: #edf4ee; }
html[data-interface="modern"] .drawer { background: #f0f4f1; }
html[data-interface="modern"] .drawer-head { background: #ffffffdf; }
html[data-interface="modern"] .drawer-head h2 { font-weight: 450; font-size: 31px; }
html[data-interface="modern"] .main-photo { border: 0; border-radius: 25px; background: #fff; }
html[data-interface="modern"] .empty { border: 0; border-radius: 25px; background: #ffffffa6; box-shadow: inset 0 1px #fff; }
html[data-interface="modern"] .shipment-list { border: 0; border-radius: 24px; background: #ffffffb8; }
html[data-interface="modern"] .shipment-list:not(:has(*)) { border: 0; }
html[data-interface="modern"] .posted-document { border: 0; border-radius: 22px; }
html[data-interface="modern"] .badge { border: 0; border-radius: 15px; }
html[data-interface="modern"] .company-context { border: 1px solid #ffffffd0; border-radius: 25px; background: #ffffffbf; }
html[data-interface="modern"] #toast { border: 1px solid #ffffffc2; border-radius: 24px; background: #fffffff0; color: #254731; box-shadow: 0 9px 32px #425f441e; }
html[data-interface="modern"] .login-screen { background: radial-gradient(ellipse at 20% 20%,#c8e2d3a6,transparent 65%),#eaf1ed; }
html[data-interface="modern"] .login-card { border-radius: 36px; border: 1px solid #ffffffc5; background: linear-gradient(140deg,#ffffffed,#ffffffb3); box-shadow: inset 0 1px #fff,0 20px 65px #4d745214; }
html[data-interface="modern"] .login-card h1 { font-weight: 550; letter-spacing: .07em; }
html[data-interface="modern"] .login-card input:not([type=checkbox]) { border-radius: 22px; border-color: #dce5df; }
@media (min-width:851px) and (max-width:1220px) {
  html[data-interface="modern"] .workspace { grid-template-columns: 180px minmax(0,1fr); gap: 20px; }
  html[data-interface="modern"] .product-grid { grid-template-columns: repeat(auto-fill,minmax(180px,1fr)); gap: 14px; }
  html[data-interface="modern"] .stat { padding: 16px 13px; }
}
@media (max-width:850px) {
  html[data-interface="modern"] #appHeader { border-radius: 28px; padding: 10px 12px; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
  html[data-interface="modern"] #appHeader .company-switcher { border: 0; background: transparent; box-shadow: none; padding: 0; width: auto; max-width: 150px; display: block; }
  html[data-interface="modern"] #appHeader .brand { padding: 0; }
  html[data-interface="modern"] #appHeader .brand strong { font-size: 12px; }
  html[data-interface="modern"] #appHeader .mobile-menu { border-radius: 24px; }
  html[data-interface="modern"] #mainNav button { border-radius: 20px; }
  html[data-interface="modern"] #mainNav #modelsNav button { font-weight: 400; }
  html[data-interface="modern"] main { padding-top: 27px!important; }
  html[data-interface="modern"] .hero h1,
  html[data-interface="modern"] #systemPage h1 { font-size: 32px; font-weight: 450; }
  html[data-interface="modern"] .search-wrap { height: 55px; border-radius: 30px; }
  html[data-interface="modern"] .search-wrap input { font-size: 16px; }
  html[data-interface="modern"] .stats-strip { gap: 9px; }
  html[data-interface="modern"] .stat { padding: 13px; border-radius: 21px; }
  html[data-interface="modern"] .stat strong { font-size: 28px; }
  html[data-interface="modern"] .stat span { font-size: 10px; }
  html[data-interface="modern"] .workspace { grid-template-columns: minmax(0,1fr); gap: 15px; }
  html[data-interface="modern"] .filters-open .filters { border: 0; border-radius: 24px; background: #ffffffb5; }
  html[data-interface="modern"] .filters :is(input,select) { font-size: 16px; min-height: 43px; }
  html[data-interface="modern"] .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  html[data-interface="modern"] .product-card { border-radius: 25px; padding: 7px; }
  html[data-interface="modern"] .product-image { aspect-ratio: 1; border-radius: 21px; }
  html[data-interface="modern"] .product-info { padding: 13px 8px 8px; }
  html[data-interface="modern"] .product-info .article { font-size: 21px; }
  html[data-interface="modern"] .status-dot { font-size: 8px; padding: 3px 6px; right: 8px; top: 8px; }
  html[data-interface="modern"] .modal { border-radius: 28px; }
  html[data-interface="modern"] .modal h2 { font-size: 24px; }
  html[data-interface="modern"] .panel { border-radius: 24px; padding: 19px; }
  html[data-interface="modern"] .metric strong { font-size: 30px; }
  html[data-interface="modern"] .board-col,
  html[data-interface="modern"] body[data-company="ponomarev"] .board-col,
  html[data-interface="modern"] body[data-company="kozlov"] .board-col { border-radius: 24px; }
  html[data-interface="modern"] .modal-overlay,
  html[data-interface="modern"] .overlay { backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); }
}
@media (max-width:380px) {
  html[data-interface="modern"] #appHeader { padding: 8px; }
  html[data-interface="modern"] #appHeader .brand strong { font-size: 10px; }
  html[data-interface="modern"] .stat { padding: 11px; }
  html[data-interface="modern"] .stat strong { font-size: 25px; }
  html[data-interface="modern"] .product-info .article { font-size: 18px; }
}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  html[data-interface="modern"] #appHeader,
  html[data-interface="modern"] body[data-company="ponomarev"] #appHeader,
  html[data-interface="modern"] body[data-company="kozlov"] #appHeader { background: #f3f6f4; backdrop-filter: none; -webkit-backdrop-filter: none; border-color: #bacabf; }
  html[data-interface="modern"] :is(.panel,.filters,.stat,.product-card,.search-wrap,.company-switcher,.modal,.tabs,.view-switch) { background-color: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; }
  html[data-interface="modern"] .modal-overlay,
  html[data-interface="modern"] .overlay { backdrop-filter: none; -webkit-backdrop-filter: none; background: #2f403575; }
}
@media (prefers-contrast:more) {
  html[data-interface="modern"] body { background-image: none; }
  html[data-interface="modern"] :is(.panel,.product-card,.stat,.filters,.search-wrap,.button,.company-switcher) { border: 1px solid #8a9e90; }
  html[data-interface="modern"] #mainNav button.active,
  html[data-interface="modern"] body[data-company="ponomarev"] #mainNav button.active,
  html[data-interface="modern"] body[data-company="kozlov"] #mainNav button.active { background: var(--accent); color: #fff; box-shadow: none; }
}
/* The remaining compact fields share the same softly rounded material. */
html[data-interface="modern"] input:where(:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"])),
html[data-interface="modern"] select,
html[data-interface="modern"] textarea { border-radius: 18px; border-color: #e1e8e3; }
/* State and accessibility contracts win over decorative surfaces. */
html[data-interface="modern"] .form-grid :is(input[readonly],input:disabled,select:disabled,textarea[readonly],textarea:disabled) {
  color: #52665a; background: #eaf0ec; border-color: #d7e0da; opacity: 1;
}
@media (min-width:851px) {
  html[data-interface="modern"] #appHeader { gap: 8px; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-interface="modern"] .product-card:hover { transform: none; }
}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  html[data-interface="modern"] .company-context,
  html[data-interface="modern"] .drawer-head,
  html[data-interface="modern"] .stat,
  html[data-interface="modern"] .stat:first-child,
  html[data-interface="modern"] .stat:last-child,
  html[data-interface="modern"] .product-card,
  html[data-interface="modern"] .board-col,
  html[data-interface="modern"] body[data-company="ponomarev"] .board-col,
  html[data-interface="modern"] body[data-company="kozlov"] .board-col,
  html[data-interface="modern"] .system-filters,
  html[data-interface="modern"] .login-card { background: #fff; color: #253e2d; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
  html[data-interface="modern"] .stat:first-child span,
  html[data-interface="modern"] .stat:last-child span { color: #3c5946; }
}
@media (prefers-contrast:more) {
  html[data-interface="modern"] body,
  html[data-interface="modern"] body[data-company="ponomarev"],
  html[data-interface="modern"] body[data-company="kozlov"] { background-image: none; }
  html[data-interface="modern"] :is(.company-context,.drawer-head,.system-filters,.login-card,.board-col) { border: 1px solid #8a9e90; }
}

/* Keep the five existing counts available without consuming the mobile screen. */
html[data-interface="modern"] .stats-strip:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; border-radius: 24px; }
@media (max-width:600px) {
  html[data-interface="modern"] .stats-strip { display: flex; overflow-x: auto; gap: 10px; padding: 0 0 7px; margin-bottom: 18px; scrollbar-width: thin; scrollbar-color: #a8beb0 transparent; }
  html[data-interface="modern"] .stat { flex: 0 0 116px; min-height: 94px; }
}
/* The search capsule itself carries the visible focus ring. */
html[data-interface="modern"] .search-wrap input:focus-visible { outline: none; box-shadow: none; }
/* Mobile revision: compact top navigation, contextual Models rail, utilities popover. */
html[data-interface="modern"] :is(#redesignMobileNav,#redesignModelNav,#redesignProfile) { display: none; }
@media (max-width:850px) {
  html[data-interface="modern"] #appHeader.mobile-nav-ready {
    display: grid; grid-template-columns: minmax(72px,1fr) minmax(82px,132px) 44px;
    align-items: center; gap: 4px 7px; padding: 7px 8px; border-radius: 25px;
    max-height: none; overflow: visible;
  }
  html[data-interface="modern"] #appHeader.mobile-nav-ready .brand { grid-column: 1; grid-row: 1; order: 0; min-width: 0; gap: 6px; padding: 0; }
  html[data-interface="modern"] #appHeader.mobile-nav-ready .brand strong { font-size: 11px; letter-spacing: .035em; }
  html[data-interface="modern"] #appHeader.mobile-nav-ready .brand-logo { width: 27px; height: 33px; flex: 0 0 27px; }
  html[data-interface="modern"] #appHeader.mobile-nav-ready .company-switcher { grid-column: 2; grid-row: 1; order: 0; min-width: 0; max-width: none; width: 100%; }
  html[data-interface="modern"] #appHeader.mobile-nav-ready .company-switcher select { min-height: 44px; width: 100%; font-size: 12px; padding: 6px 17px 6px 4px; text-overflow: ellipsis; }
  html[data-interface="modern"] #appHeader.mobile-nav-ready #mobileMenu,
  html[data-interface="modern"] #appHeader.mobile-nav-ready #mainNav,
  html[data-interface="modern"] #appHeader.mobile-nav-ready.menu-open #mainNav { display: none; }
  html[data-interface="modern"] #appHeader.mobile-nav-ready #redesignProfile { display: grid; place-items: center; grid-row: 1; grid-column: 3; width: 44px; height: 44px; min-height: 44px; padding: 10px; border-radius: 50%; background: #ffffffb3; }
  html[data-interface="modern"] #redesignProfile svg { width: 23px; height: 23px; }
  html[data-interface="modern"] #appHeader.mobile-nav-ready .redesign-mobile-rail { display: flex; grid-column: 1/-1; min-width: 0; width: 100%; overflow-x: auto; overflow-y: hidden; gap: 5px; padding: 3px 2px 5px; scrollbar-width: none; overscroll-behavior-x: contain; scroll-padding-inline: 8px; }
  html[data-interface="modern"] #redesignMobileNav { grid-row: 2; }
  html[data-interface="modern"] #appHeader.mobile-nav-ready #redesignModelNav { grid-row: 3; background: #ffffff62; border-radius: 23px; padding: 3px; }
  html[data-interface="modern"] #appHeader.mobile-nav-ready #redesignModelNav[hidden] { display: none; }
  html[data-interface="modern"] .redesign-mobile-rail::-webkit-scrollbar { display: none; }
  html[data-interface="modern"] .redesign-mobile-rail button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 7px; min-height: 44px; padding: 9px 12px; border: 0; border-radius: 23px; white-space: nowrap; font: 450 12px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; color: #506459; background: #ffffff5e; }
  html[data-interface="modern"] .redesign-mobile-rail button .nav-symbol { display: block; width: 18px; height: 18px; flex: 0 0 18px; }
  html[data-interface="modern"] #redesignModelNav button { min-height: 44px; padding: 9px 13px; background: transparent; font-size: 11px; }
  html[data-interface="modern"] #redesignModelNav .nav-symbol { display: none; }
  html[data-interface="modern"] .redesign-mobile-rail button.active { color: #183e2a; background: radial-gradient(ellipse at 20% 0%,#d3ecc2,transparent 65%),linear-gradient(120deg,#b4d6c1,#91bea7); box-shadow: inset 0 0 10px 2px #ffffff9e,inset 0 1px #fff; font-weight: 600; }
  html[data-interface="modern"] body[data-company="kozlov"] .redesign-mobile-rail button.active { color: #234660; background: radial-gradient(ellipse at 20% 0%,#e1eff8,transparent 65%),linear-gradient(120deg,#c4dbe9,#9ebcd6); }
  html[data-interface="modern"] #redesignModelNav button.active { background: #fffffff2; color: var(--accent); box-shadow: inset 0 1px #fff,0 2px 8px #37513d09; }
  html[data-interface="modern"] .redesign-mobile-rail button:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
  html[data-interface="modern"] #appHeader.mobile-nav-ready .top-actions,
  html[data-interface="modern"] #appHeader.mobile-nav-ready.menu-open .top-actions { display: none; }
  html[data-interface="modern"] #appHeader.mobile-nav-ready.mobile-profile-open .top-actions {
    display: grid; position: absolute; z-index: 80; top: 58px; right: 8px;
    width: min(290px,calc(100vw - 34px)); grid-template-columns: 1fr; gap: 4px;
    padding: 10px; margin: 0; border: 1px solid #fff; border-radius: 24px;
    background: #fcfefd; box-shadow: 0 14px 42px #1c3c2b2b,inset 0 1px #fff;
    max-height: calc(100dvh - 88px); overflow-y: auto;
  }
  html[data-interface="modern"] #appHeader.mobile-nav-ready .top-actions .button { min-height: 44px; justify-content: flex-start; text-align: left; padding: 10px 14px; font-size: 13px; }
  html[data-interface="modern"] #appHeader.mobile-nav-ready #logoutButton { text-align: left; }
  html[data-interface="modern"] #appHeader.mobile-nav-ready ~ main { padding-top: 18px!important; }
}
@media (max-width:360px) {
  html[data-interface="modern"] #appHeader.mobile-nav-ready { grid-template-columns: minmax(70px,1fr) minmax(80px,110px) 44px; gap: 4px; }
  html[data-interface="modern"] #appHeader.mobile-nav-ready .brand strong { font-size: 10px; }
}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  html[data-interface="modern"] .redesign-mobile-rail button { background: #fff; }
  html[data-interface="modern"] .redesign-mobile-rail button.active,
  html[data-interface="modern"] body[data-company="kozlov"] .redesign-mobile-rail button.active { background: var(--accent); color: #fff; box-shadow: none; }
}
@media (max-width:850px) {
  html[data-interface="modern"] #appHeader.mobile-nav-ready #visualButton { text-align: left; }
}
@media (max-width:850px) {
  /* Direct administrative tables scroll inside the page, never the viewport. */
  html[data-interface="modern"] #systemPage > table.system-table { display: block; max-width: 100%; overflow-x: auto; }
}

/* R3 · continuous cabinet colour. Only paint values change: R2 layout,
   mobile rails, original actions, photography and semantic statuses stay intact. */
html[data-interface="modern"] body {
  --cabinet-ink: #233e32;
  --cabinet-muted: #526c5e;
  --cabinet-line: #c9dbd0;
  --cabinet-soft: #edf5ef;
  --cabinet-faint: #f7faf8;
  --cabinet-solid: #f0f6f2;
  --cabinet-wash: #dcece2;
  --cabinet-shadow: #3d65501a;
  --cabinet-focus: #619e7d;
  --ink: var(--cabinet-ink);
  --muted: var(--cabinet-muted);
  --line: var(--cabinet-line);
  --paper: var(--cabinet-solid);
  color: var(--cabinet-ink);
}
html[data-interface="modern"] body[data-company="kozlov"] {
  --cabinet-ink: #253e55;
  --cabinet-muted: #526b82;
  --cabinet-line: #c9d9e8;
  --cabinet-soft: #edf3fa;
  --cabinet-faint: #f7f9fc;
  --cabinet-solid: #f0f5fa;
  --cabinet-wash: #dce9f5;
  --cabinet-shadow: #365a801a;
  --cabinet-focus: #659bc6;
}
html[data-interface="modern"] body :is(.eyebrow,.type,.model-ref,.filters label,.form-grid label,.catalog-sort,.source-note,.company-switcher label,.company-switcher small) { color: var(--cabinet-muted); }
html[data-interface="modern"] body .search-wrap:focus-within { outline-color: var(--cabinet-focus); box-shadow: inset 0 1px #fff,0 3px 16px var(--cabinet-shadow); }
html[data-interface="modern"] body .search-icon { color: var(--cabinet-muted); }
html[data-interface="modern"] body :is(.product-card,.panel,.order-card,.metric,.shipment-list,.posted-document,.empty) { background: linear-gradient(145deg,#ffffffd1,var(--cabinet-faint)); box-shadow: inset 0 1px #fff,inset 1px 0 #ffffffb0,0 5px 24px var(--cabinet-shadow); }
html[data-interface="modern"] body :is(.filters,.system-filters,.company-context) { background: linear-gradient(145deg,#ffffffb8,var(--cabinet-soft)); box-shadow: inset 0 1px #fff; }
html[data-interface="modern"] body[data-company] :is(.board-col,.form-section) { background: linear-gradient(145deg,#ffffff96,var(--cabinet-wash)); }
html[data-interface="modern"] body .stat { background: linear-gradient(145deg,#ffffffd4,var(--cabinet-soft)); }
html[data-interface="modern"] body .stat:first-child { background: radial-gradient(ellipse at 12% 0%,var(--aura-top),transparent 70%),linear-gradient(125deg,var(--aura-mid),var(--aura-bottom)); }
/* Amber denotes review, not a third cabinet. */
html[data-interface="modern"] body .stat:last-child { background: radial-gradient(ellipse at 5% 10%,#fff5de,transparent 70%),linear-gradient(135deg,#efe2c6,#dbccad); }
html[data-interface="modern"] body .stat:not(:last-child) :is(strong,span) { color: var(--cabinet-ink); }
html[data-interface="modern"] body .overview-metrics .metric:first-child { background: radial-gradient(ellipse at 0% 0%,var(--aura-top),transparent 75%),linear-gradient(130deg,var(--cabinet-wash),var(--aura-mid)); }
html[data-interface="modern"] body .overview-metrics .metric:first-child :is(strong,span,small) { color: var(--cabinet-ink); }
html[data-interface="modern"] body[data-company] :is(.view-switch button.active,.tabs .button.primary) { color: var(--cabinet-ink); }
html[data-interface="modern"] body .tag { background: var(--cabinet-soft); color: var(--cabinet-muted); }
html[data-interface="modern"] body :is(.table-mode,.table-scroll) { background: #ffffffeb; }
html[data-interface="modern"] body :is(.table-head,.system-table th,.overview-table th) { background: var(--cabinet-soft); color: var(--cabinet-muted); border-color: var(--cabinet-line); }
html[data-interface="modern"] body :is(.table-row,.system-table td,.overview-table td) { border-color: var(--cabinet-soft); }
html[data-interface="modern"] body :is(.system-table,.overview-table) tbody tr:nth-child(even) { background: var(--cabinet-faint); }
html[data-interface="modern"] body :is(.system-table,.overview-table) tbody tr:hover { background: var(--cabinet-soft); }
html[data-interface="modern"] body .table-mode .table-row:nth-child(odd) { background: var(--cabinet-faint); }
html[data-interface="modern"] body .table-mode .table-row:hover { background: var(--cabinet-soft); }
html[data-interface="modern"] body :is(.panel h2,.panel h3,.panel h4,.board-col h3,.metric>span,.metric>small,#toast) { color: var(--cabinet-ink); }
html[data-interface="modern"] body .button:not(.primary) { color: var(--cabinet-ink); }
html[data-interface="modern"] body .drawer { background: var(--cabinet-solid); }
html[data-interface="modern"] body .modal { background: linear-gradient(150deg,#fffffff7,var(--cabinet-faint)); }
html[data-interface="modern"] body :is(.modal-head,.drawer-head,.board-col h3) { border-color: var(--cabinet-line); }
html[data-interface="modern"] body :is(.form-section h3,.form-section p) { color: var(--cabinet-ink); }
html[data-interface="modern"] body :is(input:disabled,select:disabled,textarea:disabled,input[readonly],textarea[readonly]) { background: var(--cabinet-soft); color: var(--cabinet-muted); }
html[data-interface="modern"] body .form-grid :is(input:disabled,select:disabled,textarea:disabled,input[readonly],textarea[readonly]) { background: var(--cabinet-soft); color: var(--cabinet-muted); }
html[data-interface="modern"] body .drop-zone { background: var(--cabinet-faint); border-color: var(--cabinet-line); color: var(--cabinet-muted); }
html[data-interface="modern"] body .redesign-mobile-rail button:not(.active) { color: var(--cabinet-muted); }
html[data-interface="modern"] body .stats-strip { scrollbar-color: var(--cabinet-focus) transparent; }
html[data-interface="modern"] body #appHeader.mobile-nav-ready.mobile-profile-open .top-actions { background: var(--cabinet-faint); box-shadow: 0 14px 42px var(--cabinet-shadow),inset 0 1px #fff; }
html[data-interface="modern"] body[data-company="kozlov"] .product-card:has(.status-dot.review) .gem { color: #27516f; }
html[data-interface="modern"] body[data-company="kozlov"] .login-screen { background: radial-gradient(ellipse at 20% 20%,#cbdff1a6,transparent 65%),#eaf0f7; }
/* Preference fallbacks remain flat and legible in both cabinet palettes. */
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  html[data-interface="modern"] body,
  html[data-interface="modern"] body[data-company="ponomarev"],
  html[data-interface="modern"] body[data-company="kozlov"] { background-image: none; background-color: var(--cabinet-soft); }
  html[data-interface="modern"] body[data-company] :is(#appHeader,.company-context,.drawer-head,.stat,.product-card,.board-col,.system-filters,.login-card,.panel,.order-card,.metric,.shipment-list,.posted-document,.empty,.filters,.form-section,.modal) { background: #fff; color: var(--cabinet-ink); box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
  html[data-interface="modern"] body :is(.stat:first-child,.stat:last-child,.overview-metrics .metric:first-child) { background: var(--cabinet-soft); }
  html[data-interface="modern"] body .stat :is(strong,span),
  html[data-interface="modern"] body .overview-metrics .metric:first-child :is(strong,span,small) { color: var(--cabinet-ink); }
}

/* The selected menu reference: the same outline symbols and distinct groups.
   Original nodes/permissions stay in place; mobile keeps its two compact rails. */
@media (min-width:851px) {
  html[data-interface="modern"] #appHeader #mainNav { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 4px; }
  html[data-interface="modern"] #mainNav::before { content: "РАБОЧЕЕ ПРОСТРАНСТВО"; display: block; font-size: 9px; font-weight: 450; letter-spacing: .14em; line-height: 1.5; color: var(--cabinet-muted); padding: 4px 11px 9px; }
  html[data-interface="modern"] #mainNav button { flex: 0 0 auto; min-height: 42px; padding: 10px 11px; gap: 11px; }
  html[data-interface="modern"] #mainNav .nav-symbol { width: 18px; height: 18px; flex-basis: 18px; stroke-width: 1.6; opacity: 1; }
  html[data-interface="modern"] #modelsNav { border: 0; border-top: 1px solid var(--cabinet-line); border-bottom: 1px solid var(--cabinet-line); border-radius: 0; background: none; margin: 11px 6px; padding: 8px 0 11px; }
  html[data-interface="modern"] #modelsNav > summary { padding: 7px 5px 9px; font-size: 10px; font-weight: 450; letter-spacing: .14em; text-transform: uppercase; color: var(--cabinet-muted); list-style: none; }
  html[data-interface="modern"] #modelsNav > summary::-webkit-details-marker { display: none; }
  html[data-interface="modern"] #modelsNav > div { padding-left: 0; margin-left: -6px; margin-right: -6px; border-left: 0; }
  html[data-interface="modern"] #modelsNav > div > button { margin-top: 4px; }
  html[data-interface="modern"] #mainNav button[data-page="settings"] { margin-top: auto; }
  html[data-interface="modern"] #appHeader .top-actions { margin-top: 0; }
}
@media (min-width:851px) and (max-height:850px) {
  html[data-interface="modern"] #appHeader #mainNav { gap: 2px; }
  html[data-interface="modern"] #mainNav button { min-height: 36px; padding-block: 7px; }
  html[data-interface="modern"] #modelsNav { margin-block: 7px; padding-block: 5px; }
  html[data-interface="modern"] #modelsNav > summary { padding-block: 5px; }
}
@media (min-width:851px) {
  html[data-interface="modern"] #appHeader .top-actions { grid-template-columns: minmax(0,1fr) auto; padding-top: 12px; }
  html[data-interface="modern"] #appHeader #accountButton { display: flex; align-items: center; justify-content: flex-start; gap: 8px; background: transparent; padding: 3px; }
  html[data-interface="modern"] #appHeader #accountButton::before { content: attr(data-redesign-initials); display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 50%; background: var(--cabinet-ink); color: #fff; font-size: 10px; font-weight: 450; }
}
/* R3 · local, decorative reflected light. The JS property describes a visual hue,
   never a material fact. Existing statuses own their labels and warning colors. */
html[data-interface="modern"] body :is(.product-card,.order-card,.family-card,.main-photo) {
  transition: box-shadow .22s ease,transform .18s ease;
  box-shadow: inset 0 1px #fff,inset 1px 0 #ffffffb0,
    0 5px 22px var(--cabinet-shadow,#3d655014),
    0 13px 34px -7px var(--redesign-photo-glow,transparent),
    0 9px 29px -8px var(--redesign-status-glow,transparent);
}
html[data-interface="modern"] body :is(.product-card,.order-card,.family-card):hover {
  box-shadow: inset 0 1px #fff,inset 1px 0 #ffffffb0,
    0 7px 24px var(--cabinet-shadow,#3d65501a),
    0 15px 38px -6px var(--redesign-photo-glow,transparent),
    0 11px 32px -7px var(--redesign-status-glow,transparent);
}
html[data-interface="modern"] body .product-card:has(.status-dot.review,.warning-count),
html[data-interface="modern"] body .order-card:has(.badge.alert) {
  --redesign-status-glow: rgb(213 160 53 / .25);
}
html[data-interface="modern"] body :is(.product-card,.order-card):has(.production-missing,.field-error:not(:empty),.priority-flag.is-priority) {
  --redesign-status-glow: rgb(206 55 73 / .24);
}
/* Small real indicators reflect their own displayed color, without new states. */
html[data-interface="modern"] body :is(.status-dot.review,.badge.alert) {
  box-shadow: 0 4px 15px rgb(213 160 53 / .18);
}
html[data-interface="modern"] body .priority-flag.is-priority {
  box-shadow: 0 4px 15px rgb(206 55 73 / .18);
}
html[data-interface="modern"] body .panel:has(.warning-list,.field-error:not(:empty),.mp-issues.error) {
  box-shadow: inset 0 1px #fff,0 6px 24px rgb(206 55 73 / .13);
}
/* Retain the original urgent card's red outline while softening its reflection. */
html[data-interface="modern"] body .order-card:has(> .priority-flag.is-urgent) {
  box-shadow: 0 0 0 1px #ce263d,0 7px 27px rgb(206 55 73 / .20)!important;
}
@media (prefers-reduced-motion:reduce) {
  html[data-interface="modern"] body :is(.product-card,.order-card,.family-card,.main-photo) { transition: none; }
}
@media (prefers-reduced-data:reduce),(prefers-reduced-transparency:reduce),(prefers-contrast:more),(forced-colors:active) {
  html[data-interface="modern"] body :is(.product-card,.order-card,.family-card,.main-photo,.panel,.status-dot.review,.badge.alert,.priority-flag.is-priority),
  html[data-interface="modern"] body .order-card:has(> .priority-flag.is-urgent) { box-shadow: none!important; }
}

/* R3 catalog header, from the approved Prism reference. Append after R3 cabinet rules. */
html[data-interface="modern"] #catalogPage.catalog-r3-ready { min-width: 0; }
html[data-interface="modern"] #catalogPage.catalog-r3-ready .hero { padding: 0!important; margin: 0 0 16px; }
html[data-interface="modern"] #catalogPage.catalog-r3-ready .catalog-heading-tools { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 7px 0 25px; }
html[data-interface="modern"] #catalogPage .catalog-r3-title { flex: 1 1 auto; min-width: 0; }
html[data-interface="modern"] #catalogPage .catalog-r3-title .eyebrow { margin: 0 0 8px; font-size: 10px; line-height: 1.4; font-weight: 400; letter-spacing: 1.7px; text-transform: uppercase; color: var(--cabinet-muted); }
html[data-interface="modern"] #catalogPage .catalog-r3-title h1 { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; margin: 0; color: var(--cabinet-ink); font-size: clamp(28px,2.85vw,38px); font-weight: 350; line-height: 1.15; letter-spacing: -1.4px; }
html[data-interface="modern"] #catalogPage .catalog-r3-total { flex: 0 0 auto; padding: 5px 10px; border: 1px solid #fff; border-radius: 13px; background: #ffffff91; color: var(--cabinet-muted); font-size: 17px; font-weight: 400; letter-spacing: 0; line-height: 1.25; }
html[data-interface="modern"] #catalogPage .catalog-r3-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 9px; }
html[data-interface="modern"] #catalogPage .catalog-r3-actions > .button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; margin: 0; padding: 11px 16px; font-size: 12px; white-space: nowrap; }
html[data-interface="modern"] #catalogPage .catalog-r3-actions > #catalogArchiveButton { order: 0; max-width: none; border: 1px solid #fff; background: #ffffff8f; color: var(--cabinet-ink); box-shadow: inset 0 1px #fff; text-align: center; }
html[data-interface="modern"] #catalogPage .catalog-r3-icon { display: inline-block; width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; }
html[data-interface="modern"] #catalogPage.catalog-r3-ready .search-wrap { width: 100%; min-width: 0; height: 65px; padding: 0 23px; gap: 13px; border: 1px solid #fff; border-radius: 24px; background: #ffffffb3; box-shadow: 0 8px 20px var(--cabinet-shadow); }
html[data-interface="modern"] #catalogPage.catalog-r3-ready .search-icon { display: flex; align-items: center; flex: 0 0 22px; font-size: 0; }
html[data-interface="modern"] #catalogPage.catalog-r3-ready .search-icon .catalog-r3-icon { width: 22px; height: 22px; }
html[data-interface="modern"] #catalogPage.catalog-r3-ready #searchInput { flex: 1 1 auto; width: 0; min-width: 0; height: 100%; font-size: 14px; color: var(--cabinet-ink); }
html[data-interface="modern"] #catalogPage.catalog-r3-ready #searchInput::placeholder { color: var(--cabinet-muted); opacity: .78; }
html[data-interface="modern"] #catalogPage.catalog-r3-ready .search-wrap kbd { flex-shrink: 0; padding: 4px 6px; border: 1px solid var(--cabinet-line); border-radius: 7px; background: var(--cabinet-faint); color: var(--cabinet-muted); font-size: 10px; white-space: nowrap; }
html[data-interface="modern"] #catalogPage.catalog-r3-ready #visualButton { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 0 0 16px; border: 0; border-left: 1px solid var(--cabinet-line); border-radius: 0; background: transparent; color: var(--cabinet-muted); box-shadow: none; font-size: 12px; white-space: nowrap; }
html[data-interface="modern"] #catalogPage .catalog-r3-quickrow { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0 0 12px; min-width: 0; }
html[data-interface="modern"] #catalogPage .catalog-r3-statuses { display: flex; flex: 0 1 auto; align-items: center; gap: 7px; min-width: 0; }
html[data-interface="modern"] #catalogPage .catalog-r3-status,
html[data-interface="modern"] #catalogPage #duplicatesButton { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 9px 14px; border: 1px solid #ffffffdc; border-radius: 50px; background: #ffffff68; color: var(--cabinet-muted); font-size: 11px; font-weight: 400; line-height: 1.3; box-shadow: none; white-space: nowrap; }
html[data-interface="modern"] #catalogPage .catalog-r3-status[aria-pressed="true"] { background: var(--cabinet-ink); border-color: var(--cabinet-ink); color: #fff; }
html[data-interface="modern"] #catalogPage .catalog-r3-status-count { font-size: 10px; color: var(--cabinet-muted); opacity: .75; }
html[data-interface="modern"] #catalogPage .catalog-r3-status[aria-pressed="true"] .catalog-r3-status-count { color: #fff; opacity: .76; }
html[data-interface="modern"] #catalogPage .catalog-r3-status[data-catalog-status="needs_review"]:not([aria-pressed="true"]) .catalog-r3-status-count { color: #8b652c; opacity: 1; }
html[data-interface="modern"] #catalogPage #duplicatesButton { margin: 0 0 0 auto; }
html[data-interface="modern"] #catalogPage #duplicatesButton .catalog-r3-icon { width: 15px; height: 15px; }
html[data-interface="modern"] #catalogPage #duplicateCount { padding-left: 5px; color: var(--cabinet-muted); font-size: 10px; }
html[data-interface="modern"] #catalogPage .catalog-r3-filterbar { display: flex; align-items: center; gap: 8px; min-width: 0; margin: 0 0 22px; }
html[data-interface="modern"] #catalogPage .catalog-r3-filter-caption { flex: 0 0 auto; margin-right: 2px; color: var(--cabinet-muted); font-size: 11px; }
html[data-interface="modern"] #catalogPage .catalog-r3-primary-filters { display: flex; align-items: center; gap: 8px; min-width: 0; overflow-x: auto; padding: 3px; margin: -3px; scrollbar-width: thin; scrollbar-color: var(--cabinet-line) transparent; }
html[data-interface="modern"] #catalogPage .catalog-r3-primary-filter { position: relative; display: block; flex: 0 0 auto; min-width: 0; margin: 0; }
html[data-interface="modern"] #catalogPage .catalog-r3-label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
html[data-interface="modern"] #catalogPage .catalog-r3-primary-filter :is(input,select) { display: block; width: 126px; max-width: 160px; min-width: 0; min-height: 44px; margin: 0; padding: 0 30px 0 12px; border: 1px solid var(--cabinet-line); border-radius: 12px; background: #ffffff5c; color: var(--cabinet-muted); box-shadow: none; font-size: 11px; line-height: 1.3; text-overflow: ellipsis; appearance: none; -webkit-appearance: none; }
html[data-interface="modern"] #catalogPage .catalog-r3-primary-filter #designerFilter { width: 117px; }
html[data-interface="modern"] #catalogPage .catalog-r3-primary-filter #yearFilter { width: 82px; }
html[data-interface="modern"] #catalogPage .catalog-r3-primary-filter #photoFilter { width: 94px; }
html[data-interface="modern"] #catalogPage .catalog-r3-primary-filter #insertFilter { width: 112px; padding-right: 12px; }
html[data-interface="modern"] #catalogPage .catalog-r3-primary-filter #insertFilter::placeholder { opacity: 1; color: var(--cabinet-muted); }
html[data-interface="modern"] #catalogPage .catalog-r3-primary-filter > .catalog-r3-icon { position: absolute; width: 13px; height: 13px; right: 11px; top: 50%; transform: translateY(-50%); color: var(--cabinet-muted); pointer-events: none; }
html[data-interface="modern"] #catalogPage .catalog-r3-primary-filter[data-filter-empty="true"]:has(select)::before { content: attr(data-filter-label); position: absolute; top: 50%; left: 12px; right: 27px; transform: translateY(-50%); font-size: 11px; color: var(--cabinet-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: none; }
html[data-interface="modern"] #catalogPage .catalog-r3-primary-filter[data-filter-empty="true"] select { color: transparent; }
html[data-interface="modern"] #catalogPage .catalog-r3-primary-filter option { color: var(--cabinet-ink); background: #fff; }
html[data-interface="modern"] #catalogPage.catalog-r3-ready #mobileFilters { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 12px; margin: 0; border: 1px solid var(--cabinet-line); border-radius: 12px; background: #ffffff5c; box-shadow: none; color: var(--cabinet-muted); font-size: 11px; white-space: nowrap; }
html[data-interface="modern"] #catalogPage #mobileFilters .catalog-r3-icon { width: 14px; height: 14px; }
html[data-interface="modern"] #catalogPage #mobileFilters[aria-expanded="true"] { background: var(--cabinet-wash); color: var(--cabinet-ink); }
html[data-interface="modern"] #catalogPage.catalog-r3-ready > #catalogR3MoreFilters { position: static; display: grid!important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 20px; width: 100%; min-width: 0; margin: -7px 0 22px; padding: 18px!important; border: 1px solid #fff; border-radius: 22px; background: linear-gradient(135deg,#ffffffbd,var(--cabinet-soft)); }
html[data-interface="modern"] #catalogPage.catalog-r3-ready > #catalogR3MoreFilters[hidden] { display: none!important; }
html[data-interface="modern"] #catalogPage #catalogR3MoreFilters .filters-head { grid-column: 1 / -1; min-height: 44px; margin: 0; }
html[data-interface="modern"] #catalogPage #catalogR3MoreFilters .filters-head h2 { font-size: 15px; font-weight: 450; }
html[data-interface="modern"] #catalogPage #clearFilters { min-height: 44px; padding: 0 10px; }
html[data-interface="modern"] #catalogPage #catalogR3MoreFilters label { min-width: 0; margin-bottom: 0; }
html[data-interface="modern"] #catalogPage #catalogR3MoreFilters .check { min-height: 44px; }
html[data-interface="modern"] #catalogPage #catalogR3MoreFilters select { min-height: 44px; }
html[data-interface="modern"] #catalogPage #catalogR3MoreFilters :is(.source-note,.quick-examples,#statsStrip,.catalog-r3-summary-title) { grid-column: 1 / -1; }
html[data-interface="modern"] #catalogPage #catalogR3MoreFilters .catalog-r3-summary-title { margin: 13px 0 -6px; font-size: 13px; font-weight: 500; color: var(--cabinet-ink); }
html[data-interface="modern"] #catalogPage #catalogR3MoreFilters .source-note { margin-top: 8px; }
html[data-interface="modern"] #catalogPage #catalogR3MoreFilters #statsStrip { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; width: 100%; margin: 12px 0 0; padding: 0; overflow: visible; }
html[data-interface="modern"] #catalogPage #catalogR3MoreFilters .stat { min-width: 0; padding: 13px; border-radius: 16px; }
html[data-interface="modern"] #catalogPage #catalogR3MoreFilters .stat strong { font-size: 24px; }
html[data-interface="modern"] #catalogPage #catalogR3MoreFilters .stat span { font-size: 10px; overflow-wrap: anywhere; }
html[data-interface="modern"] #catalogPage #catalogR3MoreFilters .quick-examples { margin-top: 8px; font-size: 11px; }
html[data-interface="modern"] #catalogPage #catalogR3MoreFilters .quick-examples button { min-height: 44px; }
html[data-interface="modern"] #catalogPage.catalog-r3-ready .workspace { display: block; width: 100%; padding: 0; }
html[data-interface="modern"] #catalogPage.catalog-r3-ready .catalog-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; min-height: 44px; margin: 0 0 15px; }
html[data-interface="modern"] #catalogPage.catalog-r3-ready .catalog-toolbar > div:first-child { white-space: nowrap; }
html[data-interface="modern"] #catalogPage.catalog-r3-ready #resultCount { font-size: 14px; font-weight: 500; letter-spacing: 0; color: var(--cabinet-ink); }
html[data-interface="modern"] #catalogPage.catalog-r3-ready #resultCaption { font-size: 12px; color: var(--cabinet-muted); }
html[data-interface="modern"] #catalogPage.catalog-r3-ready .catalog-sort { order: 0; display: flex; width: auto; min-width: 0; margin-left: auto; gap: 0; font-size: 0; }
html[data-interface="modern"] #catalogPage.catalog-r3-ready .catalog-sort select { width: auto; max-width: 230px; min-width: 0; min-height: 44px; padding: 6px 26px 6px 8px; border: 0; border-radius: 12px; background-color: transparent; box-shadow: none; color: var(--cabinet-muted); font-size: 11px; }
html[data-interface="modern"] #catalogPage.catalog-r3-ready .view-switch { display: flex; align-items: center; flex: 0 0 auto; gap: 3px; padding: 3px; border: 1px solid #ffffffdc; border-radius: 30px; background: #ffffff65; box-shadow: none; }
html[data-interface="modern"] #catalogPage.catalog-r3-ready .view-switch button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 44px; min-height: 44px; padding: 7px 11px; border-radius: 25px; font-size: 11px; font-weight: 400; color: var(--cabinet-muted); }
html[data-interface="modern"] #catalogPage.catalog-r3-ready .view-switch button.active { background: #fff; color: var(--cabinet-ink); box-shadow: 0 3px 7px var(--cabinet-shadow); }
html[data-interface="modern"] #catalogPage.catalog-r3-ready .view-switch .catalog-r3-icon { width: 14px; height: 14px; }
html[data-interface="modern"] #catalogPage.catalog-r3-ready :is(button,input,select):focus-visible { outline: 3px solid var(--cabinet-focus); outline-offset: 2px; }
/* The enclosing search capsule already supplies its visible focus ring. */
html[data-interface="modern"] #catalogPage.catalog-r3-ready .search-wrap input:focus-visible { outline: none; box-shadow: none; }
html[data-interface="modern"] #catalogPage.catalog-r3-ready :is(button,input,select):disabled { opacity: .5; cursor: not-allowed; }
html[data-interface="modern"] #catalogPage.catalog-r3-ready [hidden] { display: none!important; }
@media(max-width:850px) {
  html[data-interface="modern"] #catalogPage.catalog-r3-ready .catalog-heading-tools { align-items: flex-start; flex-wrap: wrap; gap: 15px; margin: 0 0 16px; }
  html[data-interface="modern"] #catalogPage .catalog-r3-title { flex-basis: 100%; }
  html[data-interface="modern"] #catalogPage .catalog-r3-title h1 { font-size: 30px; gap: 9px; letter-spacing: -1.1px; }
  html[data-interface="modern"] #catalogPage .catalog-r3-title .eyebrow { font-size: 9px; letter-spacing: 1.5px; margin-bottom: 7px; }
  html[data-interface="modern"] #catalogPage .catalog-r3-total { padding: 4px 8px; font-size: 14px; border-radius: 10px; }
  html[data-interface="modern"] #catalogPage .catalog-r3-actions { flex: 1 1 100%; gap: 8px; }
  html[data-interface="modern"] #catalogPage .catalog-r3-actions #addButton { flex: 1; }
  html[data-interface="modern"] #catalogPage.catalog-r3-ready .search-wrap { height: 56px; padding: 0 12px; gap: 9px; border-radius: 18px; }
  html[data-interface="modern"] #catalogPage.catalog-r3-ready #searchInput { font-size: 16px; }
  html[data-interface="modern"] #catalogPage.catalog-r3-ready .search-wrap kbd { display: none; }
  html[data-interface="modern"] #catalogPage.catalog-r3-ready #visualButton { width: 44px; min-width: 44px; height: 44px; padding: 0; border: 0; }
  html[data-interface="modern"] #catalogPage #visualButton .catalog-r3-action-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  html[data-interface="modern"] #catalogPage .catalog-r3-filter-caption { display: none; }
  html[data-interface="modern"] #catalogPage .catalog-r3-primary-filters { flex: 1 1 0; }
  html[data-interface="modern"] #catalogPage .catalog-r3-primary-filter :is(input,select) { font-size: 16px; width: 140px; }
  html[data-interface="modern"] #catalogPage .catalog-r3-primary-filter[data-filter-empty="true"]:has(select)::before { font-size: 11px; }
  html[data-interface="modern"] #catalogPage .catalog-r3-primary-filter #insertFilter { font-size: 16px; width: 128px; }
  html[data-interface="modern"] #catalogPage #catalogR3MoreFilters #statsStrip { grid-template-columns: repeat(3,minmax(0,1fr)); }
  html[data-interface="modern"] #catalogPage.catalog-r3-ready .catalog-toolbar { gap: 8px; }
  html[data-interface="modern"] #catalogPage.catalog-r3-ready .catalog-sort select { max-width: 190px; font-size: 12px; }
}
@media(max-width:500px) {
  html[data-interface="modern"] #catalogPage .catalog-r3-title h1 { font-size: 28px; }
  html[data-interface="modern"] #catalogPage .catalog-r3-actions > .button { padding: 10px 13px; font-size: 11px; }
  html[data-interface="modern"] #catalogPage .catalog-r3-quickrow { gap: 7px; margin-bottom: 9px; }
  html[data-interface="modern"] #catalogPage .catalog-r3-statuses { flex: 1 1 100%; gap: 5px; }
  html[data-interface="modern"] #catalogPage .catalog-r3-status { flex: 1 1 auto; min-width: 0; padding: 8px 9px; gap: 5px; font-size: 10px; }
  html[data-interface="modern"] #catalogPage .catalog-r3-status-count { font-size: 9px; }
  html[data-interface="modern"] #catalogPage #duplicatesButton { padding: 8px 12px; font-size: 10px; }
  html[data-interface="modern"] #catalogPage .catalog-r3-filterbar { gap: 8px; margin-bottom: 16px; }
  html[data-interface="modern"] #catalogPage.catalog-r3-ready > #catalogR3MoreFilters { grid-template-columns: minmax(0,1fr); gap: 9px; padding: 14px!important; }
  html[data-interface="modern"] #catalogPage #catalogR3MoreFilters #statsStrip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html[data-interface="modern"] #catalogPage #catalogR3MoreFilters .stat { padding: 12px; }
  html[data-interface="modern"] #catalogPage.catalog-r3-ready #resultCount { font-size: 12px; }
  html[data-interface="modern"] #catalogPage.catalog-r3-ready #resultCaption { font-size: 10px; }
  html[data-interface="modern"] #catalogPage.catalog-r3-ready .catalog-sort { flex: 1 1 70px; margin-left: auto; }
  html[data-interface="modern"] #catalogPage.catalog-r3-ready .catalog-sort select { width: 100%; max-width: 100%; padding: 6px 20px 6px 5px; font-size: 10px; }
  html[data-interface="modern"] #catalogPage.catalog-r3-ready .view-switch { gap: 0; }
  html[data-interface="modern"] #catalogPage.catalog-r3-ready .view-switch button { width: 44px; padding: 7px; }
  html[data-interface="modern"] #catalogPage .view-switch .catalog-r3-action-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
@media(prefers-contrast:more) {
  html[data-interface="modern"] #catalogPage.catalog-r3-ready :is(.search-wrap,.catalog-r3-status,.catalog-r3-primary-filter select,.catalog-r3-primary-filter input,#mobileFilters,#duplicatesButton,.view-switch,#catalogR3MoreFilters) { border: 1px solid var(--cabinet-muted); }
  html[data-interface="modern"] #catalogPage .catalog-r3-status-count { opacity: 1; }
}
@media(forced-colors:active) {
  html[data-interface="modern"] #catalogPage .catalog-r3-status[aria-pressed="true"] { background: Highlight; color: HighlightText; border-color: Highlight; }
  html[data-interface="modern"] #catalogPage .catalog-r3-status[aria-pressed="true"] .catalog-r3-status-count { color: HighlightText; }
  html[data-interface="modern"] #catalogPage .catalog-r3-primary-filter[data-filter-empty="true"] select { color: CanvasText; }
  html[data-interface="modern"] #catalogPage .catalog-r3-primary-filter[data-filter-empty="true"]::before { display: none; }
}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  html[data-interface="modern"] #catalogPage.catalog-r3-ready :is(.search-wrap,.catalog-r3-status,.catalog-r3-primary-filter select,.catalog-r3-primary-filter input,.view-switch),
  html[data-interface="modern"] #catalogPage.catalog-r3-ready :is(#mobileFilters,#duplicatesButton,#catalogR3MoreFilters) { background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; }
  html[data-interface="modern"] #catalogPage.catalog-r3-ready .catalog-r3-status[aria-pressed="true"] { background: var(--cabinet-ink); color: #fff; }
}
@media (forced-colors:active) {
  html[data-interface="modern"] #catalogPage.catalog-r3-ready .catalog-r3-status[aria-pressed="true"] { background: Highlight; color: HighlightText; }
}

/* Append after the catalog header CSS. Desktop layout is unchanged. */
@media(max-width:600px) {
  html[data-interface="modern"] #catalogPage.catalog-r3-mobile-compact .hero { margin-bottom: 12px; }
  html[data-interface="modern"] #catalogPage.catalog-r3-mobile-compact .catalog-heading-tools { gap: 12px; margin-bottom: 12px; }
  html[data-interface="modern"] #catalogPage.catalog-r3-mobile-compact .catalog-r3-filterbar { display: none; }
  html[data-interface="modern"] #catalogPage.catalog-r3-mobile-compact .catalog-r3-actions { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr); gap: 7px; width: 100%; }
  html[data-interface="modern"] #catalogPage.catalog-r3-mobile-compact .catalog-r3-actions > #addButton { order: -2; }
  html[data-interface="modern"] #catalogPage.catalog-r3-mobile-compact .catalog-r3-actions > #mobileFilters { order: -1; }
  html[data-interface="modern"] #catalogPage.catalog-r3-mobile-compact .catalog-r3-actions > :is(.button,#mobileFilters) { width: 100%; min-width: 0; min-height: 44px; gap: 5px; padding: 8px 7px; border-radius: 22px; font-size: 11px; white-space: nowrap; }
  html[data-interface="modern"] #catalogPage.catalog-r3-mobile-compact .catalog-r3-actions .catalog-r3-icon { width: 14px; height: 14px; }
  html[data-interface="modern"] #catalogPage.catalog-r3-mobile-compact .catalog-r3-quickrow { margin-bottom: 10px; }
  html[data-interface="modern"] #catalogPage.catalog-r3-mobile-compact .catalog-r3-statuses { flex: 1 1 100%; }
  html[data-interface="modern"] #catalogPage.catalog-r3-mobile-compact .catalog-toolbar { margin-bottom: 12px; }
  html[data-interface="modern"] #catalogPage.catalog-r3-mobile-compact > #catalogR3MoreFilters { margin: 0 0 15px; }
  html[data-interface="modern"] #catalogPage.catalog-r3-mobile-compact #catalogR3MoreFilters .catalog-r3-primary-filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-column: 1 / -1; align-items: stretch; gap: 9px; width: 100%; margin: 0; padding: 3px; overflow: visible; }
  html[data-interface="modern"] #catalogPage.catalog-r3-mobile-compact #catalogR3MoreFilters .catalog-r3-primary-filter { display: block; min-width: 0; margin: 0; }
  html[data-interface="modern"] #catalogPage.catalog-r3-mobile-compact #catalogR3MoreFilters .catalog-r3-primary-filter :is(input,select) { width: 100%; max-width: 100%; min-width: 0; min-height: 44px; padding: 0 27px 0 11px; font-size: 16px; }
  html[data-interface="modern"] #catalogPage.catalog-r3-mobile-compact #catalogR3MoreFilters #insertFilter { padding-right: 10px; }
  html[data-interface="modern"] #catalogPage.catalog-r3-mobile-compact #catalogR3MoreFilters #duplicatesButton { grid-column: 1 / -1; justify-self: start; min-height: 44px; margin: 0; padding: 8px 13px; }
}
/* R4: polished shared priority controls, breathable shipment notices, readable sort. */
html[data-interface="modern"] body .order-card > .priority-flag {
  box-sizing: border-box; display: flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; min-width: 40px; min-height: 40px; padding: 9px;
  margin: 0 0 10px auto; border: 1px solid #ffffff; border-radius: 14px;
  background: linear-gradient(145deg,#fff,var(--cabinet-faint)); color: var(--cabinet-muted);
  box-shadow: inset 0 1px #fff,0 3px 10px var(--cabinet-shadow);
  transition: background-color .16s ease,box-shadow .16s ease,color .16s ease;
}
html[data-interface="modern"] body .order-card > .priority-flag svg {
  width: 20px; height: 20px; flex: 0 0 20px; stroke-width: 1.65;
  stroke-linecap: round; stroke-linejoin: round;
}
html[data-interface="modern"] body .order-card > .priority-flag:not(:disabled):hover {
  color: var(--cabinet-ink); background: #fff; box-shadow: inset 0 1px #fff,0 4px 14px var(--cabinet-shadow);
}
html[data-interface="modern"] body .order-card > .priority-flag.is-priority {
  color: #b62d44; border-color: #f3ccd3; background: linear-gradient(145deg,#fff7f8,#fbe7eb);
  box-shadow: inset 0 1px #fff,0 4px 13px #ce374924;
}
html[data-interface="modern"] body .order-card > .priority-flag.is-priority svg { fill: currentColor; }
html[data-interface="modern"] body .order-card > .priority-flag.is-urgent {
  color: #fff; border-color: #b8263e; background: linear-gradient(145deg,#d34a60,#b8263e);
  box-shadow: inset 0 1px #ffffff45,0 4px 14px #ce374938;
}
html[data-interface="modern"] body .order-card > .priority-flag.is-priority:not(:disabled):hover { color: #a02439; background: #f9dce3; }
html[data-interface="modern"] body .order-card > .priority-flag.is-urgent:not(:disabled):hover { color: #fff; background: #af253b; }
html[data-interface="modern"] body .order-card > .priority-flag:disabled { cursor: not-allowed; opacity: .48; box-shadow: none; }
html[data-interface="modern"] #systemPage .shipment-list > p:only-child {
  box-sizing: border-box; margin: 0; padding: 24px 28px; line-height: 1.65;
  color: var(--cabinet-ink); overflow-wrap: anywhere;
}
html[data-interface="modern"] #catalogPage.catalog-r3-ready .catalog-sort select {
  min-height: 44px; padding: 10px 34px 10px 16px; border: 1px solid #fff; border-radius: 22px;
  background-color: #ffffffe0; color: var(--cabinet-ink); font-size: 12px; font-weight: 500;
  box-shadow: inset 0 1px #fff,0 3px 12px var(--cabinet-shadow);
}
html[data-interface="modern"] #catalogPage.catalog-r3-ready .catalog-sort select:hover { background-color: #fff; }
@media(max-width:600px) {
  html[data-interface="modern"] body .order-card > .priority-flag { width: 44px; height: 44px; min-width: 44px; min-height: 44px; border-radius: 15px; }
  html[data-interface="modern"] #systemPage .shipment-list > p:only-child { padding: 20px; }
  html[data-interface="modern"] #catalogPage.catalog-r3-ready .catalog-sort select { padding: 10px 26px 10px 12px; font-size: 12px; }
}
@media(prefers-reduced-motion:reduce) {
  html[data-interface="modern"] body .order-card > .priority-flag { transition: none; }
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  html[data-interface="modern"] body .order-card > .priority-flag,
  html[data-interface="modern"] body .order-card > .priority-flag:not(:disabled):hover,
  html[data-interface="modern"] #catalogPage.catalog-r3-ready .catalog-sort select { background: #fff; border-color: var(--cabinet-ink); box-shadow: none; }
  html[data-interface="modern"] body .order-card > .priority-flag.is-priority,
  html[data-interface="modern"] body .order-card > .priority-flag.is-priority:not(:disabled):hover { background: #fff; color: #a02439; border-color: #a02439; }
  html[data-interface="modern"] body .order-card > .priority-flag.is-urgent,
  html[data-interface="modern"] body .order-card > .priority-flag.is-urgent:not(:disabled):hover { background: #a02439; color: #fff; }
}
@media(forced-colors:active) {
  html[data-interface="modern"] body .order-card > .priority-flag,
  html[data-interface="modern"] body .order-card > .priority-flag:not(:disabled):hover,
  html[data-interface="modern"] #catalogPage.catalog-r3-ready .catalog-sort select,
  html[data-interface="modern"] #catalogPage.catalog-r3-ready .catalog-sort select:hover { background: Canvas; color: CanvasText; border: 1px solid ButtonText; box-shadow: none; }
  html[data-interface="modern"] body .order-card > .priority-flag.is-priority,
  html[data-interface="modern"] body .order-card > .priority-flag.is-priority:not(:disabled):hover { background: Canvas; color: Highlight; border-color: Highlight; }
  html[data-interface="modern"] body .order-card > .priority-flag.is-urgent,
  html[data-interface="modern"] body .order-card > .priority-flag.is-urgent:not(:disabled):hover { background: Highlight; color: HighlightText; }
}