:root {
      color-scheme: light;
      --evitas-gold: #D6B663;
      --evitas-light-gray: #E5E5E5;
      --evitas-dark-gray: #666666;
      --evitas-black: #000000;
      --evitas-white: #FFFFFF;
      --evitas-red: #AE1A08;
      --evitas-green: #A9C185;
      --evitas-light-gold: #F7F2E4;
      --bg: #F7F2E4;
      --panel: #FFFFFF;
      --text: #000000;
      --muted: #666666;
      --line: #E5E5E5;
      --accent: #D6B663;
      --accent-hover: #C6A552;
      --secondary: #A9C185;
      --danger: #AE1A08;
      --font-body: "Quicksand", system-ui, -apple-system, "Segoe UI", sans-serif;
      --font-head: "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: var(--font-body);
      background: var(--bg);
      color: var(--text);
    }
    h1, h2, h3, h4, h5, h6,
    .sidebar-brand, .eyebrow, .app-header .title {
      font-family: var(--font-head);
      font-weight: 600;
    }
    main, .container, .page, .main {
      width: min(96vw, 1600px);
      max-width: 1600px;
      margin: 0 auto;
      padding: 30px 22px 54px;
    }
    h1 {
      font-size: 28px;
      margin: 0 0 18px;
      letter-spacing: 0;
    }
    h2 {
      font-size: 18px;
      margin: 0 0 12px;
    }
    form, .panel, .card {
      background: var(--panel);
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 22px;
      margin-bottom: 20px;
      box-shadow: 0 10px 28px rgba(0, 0, 0, 0.04);
    }
    .panel, .card { width: 100%; }
    /* form BREZ width:100%: v flex orodnih vrsticah je 100 % vsak obrazec
       porinil v svojo vrstico (bel pas čez celo širino) — blok tako ali tako
       zapolni starša, flex item pa se z auto skrči na vsebino. */
    form { width: auto; }
    /* Skupne KPI kartice in vrstica filtrov — razrede uporablja 10+ modulov
       (Bundli, Prevodi in trgi, Gratis, Roki, Zastoji odprem ...), definicija pa
       je prej živela samo v Vračilih/Backorderju → drugod razpotegnjen prikaz. */
    .ret-kpis { display:flex; flex-wrap:wrap; gap:12px; margin:4px 0 18px; }
    .ret-kpi { background:#fff; border:1px solid var(--line); border-radius:12px; padding:12px 16px; min-width:120px; flex:1 1 120px; }
    .ret-kpi b { display:block; font-size:22px; color:var(--evitas-gold); line-height:1.1; }
    .ret-kpi span { font-size:12px; color:var(--muted); font-weight:600; }
    .bo-filters { display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end; margin:0 0 14px; }
    .bo-filters > div { display:flex; flex-direction:column; gap:3px; }
    .bo-filters label { font-size:12px; color:var(--muted); font-weight:600; }
    .bo-filters .bo-check { flex-direction:row; align-items:center; gap:6px; padding-bottom:8px; }
    /* Poravnana vrstica filtrov/kontrol: <form class="filter-row"><label>Od<br><input>...</label><button>.
       Gumb dobi isto višino kot polja in stoji v isti liniji (Evina pripomba 22.07.2026). */
    .filter-row { display:flex; gap:12px; flex-wrap:wrap; align-items:flex-end; }
    .filter-row label { margin:0; font-size:12px; color:var(--muted); font-weight:600; }
    .filter-row input, .filter-row select { width:auto; min-width:120px; }
    .filter-row input[type="number"] { min-width:80px; }
    .filter-row button, .filter-row .button { min-height:42px; margin:0; }
    /* Obrazec kot navaden vrstični element (samo gumb) — brez panela iz globalnega form sloga.
       style="display:inline" tega NE doseže, ker ozadje/rob/padding ostanejo. */
    form.form-inline { display:inline-flex; align-items:center; gap:6px; background:transparent;
                        border:0; padding:0; margin:0; box-shadow:none; width:auto; }
    .form-inline select, .form-inline input { width:auto; }
    /* Kartice-zavihki (izbira trga ipd.) — definicija je prej živela samo v Naročilnicah,
       Mesečno poročilo pa jih je uporabljalo brez stilov (zlepljene besedilne povezave). */
    .po-chips { display:flex; flex-wrap:wrap; gap:10px; margin:4px 0 16px; }
    .po-chip { background:#fffdf7; border:1px solid var(--line); border-radius:999px; padding:7px 16px;
                font-weight:600; cursor:pointer; font-size:13px; color:var(--text); box-shadow:none;
                min-height:0; text-decoration:none; display:inline-flex; align-items:center; gap:5px; }
    .po-chip b { font-size:15px; margin-right:4px; color:var(--evitas-gold); }
    .po-chip:hover { border-color:var(--evitas-gold); }
    fieldset {
      border: 0;
      padding: 0;
      margin: 0 0 20px;
    }
    .grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }
    .grid-3 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }
    label {
      display: block;
      font-size: 13px;
      font-weight: 700;
      margin-bottom: 6px;
    }
    /* Polje ZNOTRAJ labele (<label>Ime<br><select>): spodnji margin labele bi v
       flex vrstici ob gumbu (align-items:flex-end) polje dvignil ~6 px nad gumb. */
    label:has(> select), label:has(> textarea),
    label:has(> input:not([type="checkbox"]):not([type="radio"])) {
      margin-bottom: 0;
    }
    .field-label {
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .help {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: #eaf4f0;
      color: var(--accent);
      border: 1px solid #b8d2c8;
      font-size: 12px;
      font-weight: 700;
      cursor: help;
      outline: none;
      flex: 0 0 auto;
    }
    .help .tooltip {
      position: absolute;
      left: 50%;
      bottom: calc(100% + 8px);
      transform: translateX(-50%);
      width: min(320px, 80vw);
      padding: 10px 12px;
      border-radius: 6px;
      background: #1d2722;
      color: #fff;
      font-size: 12px;
      font-weight: 400;
      line-height: 1.35;
      box-shadow: 0 8px 22px rgba(29, 39, 34, 0.18);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      z-index: 5;
    }
    .help .tooltip::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      border: 6px solid transparent;
      border-top-color: #1d2722;
    }
    .help:hover .tooltip,
    .help:focus .tooltip,
    .help:focus-within .tooltip {
      opacity: 1;
      visibility: visible;
    }
    input[type="file"], input:not([type]), input[type="text"], input[type="number"], input[type="email"], input[type="date"], input[type="datetime-local"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], select, textarea {
      width: 100%;
      min-height: 42px;
      border: 1px solid var(--line);
      border-radius: 10px;
      padding: 8px 12px;
      background: #fff;
      color: var(--text);
      font-family: inherit;
    }
    input:focus, select:focus, textarea:focus {
      outline: none;
      border-color: var(--evitas-gold);
      box-shadow: 0 0 0 3px rgba(214, 182, 99, 0.22);
    }
    input[type="date"], input[type="datetime-local"] {
      appearance: none;
      -webkit-appearance: none;
    }
    input[type="date"]::-webkit-calendar-picker-indicator, input[type="datetime-local"]::-webkit-calendar-picker-indicator {
      cursor: pointer;
      opacity: 0.6;
      filter: sepia(1) saturate(5) hue-rotate(2deg);
    }
    input[type="date"]::-webkit-calendar-picker-indicator:hover, input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover { opacity: 1; }
    input[type="checkbox"] {
      width: 18px;
      height: 18px;
      vertical-align: middle;
      margin-right: 8px;
      accent-color: var(--accent);
    }
    .hint {
      color: var(--muted);
      font-size: 12px;
      margin-top: 5px;
    }
    button, .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      border: 1px solid transparent;
      border-radius: 10px;
      background: var(--accent);
      color: var(--evitas-black);
      padding: 0 18px;
      font-weight: 600;
      text-decoration: none;
      cursor: pointer;
      gap: 8px;
    }
    button:hover, .button:hover {
      background: var(--accent-hover);
    }
    button:disabled {
      opacity: 0.65;
      cursor: wait;
    }
    .button.secondary, button.secondary {
      background: var(--evitas-white);
      color: var(--evitas-black);
      border-color: var(--evitas-gold);
    }
    .button.secondary:hover, button.secondary:hover {
      background: var(--evitas-light-gold);
    }
    .button.small, button.small {
      min-height: 32px;
      padding: 0 11px;
      border-radius: 8px;
      font-size: 12px;
      white-space: nowrap;
    }
    .download-cell {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      flex-wrap: wrap;
      min-width: 170px;
    }
    .file-name {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    nav {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      margin-bottom: 18px;
    }
    nav a {
      color: var(--evitas-dark-gray);
      font-weight: 600;
      text-decoration: none;
      padding: 10px 16px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.7);
      border: 1px solid transparent;
    }
    nav a:hover, nav a.active {
      background: var(--evitas-gold);
      color: var(--evitas-black);
    }
    .toolbar {
      display: grid;
      grid-template-columns: 1.3fr 1fr 1fr 1fr;
      gap: 12px;
      margin-bottom: 14px;
    }
    .metrics {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
    }
    .metric {
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 14px;
      background: #fffdf7;
    }
    .metric b {
      display: block;
      font-size: 22px;
      margin-bottom: 4px;
    }
    .metric span {
      color: var(--muted);
      font-size: 12px;
    }
    table {
      width: 100%;
      min-width: 1200px;
      border-collapse: collapse;
      font-size: 13px;
      background: #fff;
    }
    .table-wrap {
      width: 100%;
      overflow-x: auto;
      overflow-y: auto;
      max-height: 68vh;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: #fff;
    }
    .table-wrap table {
      min-width: 1200px;
    }
    .compact-table {
      font-size: 12px;
    }
    .compact-table th, .compact-table td {
      padding: 6px 6px;
    }
    .standing-analytics-table th {
      user-select: none;
      white-space: nowrap;
    }
    .standing-analytics-table th.sortable {
      cursor: pointer;
    }
    .standing-analytics-table th.sorted {
      color: var(--evitas-black);
      background: #F3E7C2;
    }
    .standing-analytics-table .sort-indicator {
      display: inline-block;
      min-width: 14px;
      margin-left: 4px;
      color: var(--evitas-gold-dark);
      font-weight: 900;
    }
    .standing-analytics-table td.numeric,
    .standing-analytics-table th.numeric {
      text-align: right;
    }
    .standing-analytics-table td.text,
    .standing-analytics-table th.text {
      text-align: left;
    }
    .status-badge {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 3px 9px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 800;
      white-space: nowrap;
    }
    .badge-success {
      background: #F0F6EA;
      color: #496631;
      border: 1px solid rgba(169, 193, 133, 0.65);
    }
    .shopify-status-card {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px 16px;
      border-radius: 8px;
      padding: 13px 14px;
      margin: 0 0 14px;
      border: 1px solid var(--line);
      font-size: 13px;
    }
    .shopify-status-card strong {
      font-size: 14px;
      margin-right: 4px;
    }
    .shopify-status-card.success {
      background: #F0F6EA;
      color: #496631;
      border-color: rgba(169, 193, 133, 0.8);
    }
    .shopify-status-card.warning {
      background: #FFF7DF;
      color: #8A6A1F;
      border-color: #D6B663;
    }
    .shopify-status-card.error {
      background: #FCEDEA;
      color: #AE1A08;
      border-color: rgba(174, 26, 8, 0.35);
    }
    .shopify-status-card.neutral {
      background: #FFFFFF;
      color: var(--muted);
    }
    .standing-refresh-card {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px 14px;
      padding: 12px 14px;
      margin: 0 0 14px;
      border-radius: 8px;
      background: #fffdf7;
      border: 1px solid var(--line);
    }
    .standing-refresh-card .hint {
      margin: 0;
      flex: 1 1 360px;
    }
    .filtered-summary {
      margin: 12px 0 14px;
      padding: 10px 12px;
      border-radius: 8px;
      background: #fffdf7;
      border: 1px solid var(--line);
      color: var(--muted);
      font-size: 13px;
      font-weight: 700;
    }
    .export-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin: 4px 0 14px;
    }
    .price-list-table th:nth-last-child(-n+2),
    .price-list-table td:nth-last-child(-n+2) {
      text-align: right;
    }
    .pagination {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      margin-top: 12px;
      font-size: 13px;
    }
    .pagination button {
      min-height: 32px;
      padding: 0 12px;
      border-radius: 8px;
      font-size: 12px;
    }
    .mapping-block {
      border-top: 1px solid var(--line);
      padding-top: 16px;
      margin-top: 16px;
    }
    th, td {
      border-bottom: 1px solid var(--line);
      padding: 8px 7px;
      text-align: left;
      vertical-align: top;
    }
    th {
      background: #fff7df;
      font-size: 12px;
      position: sticky;
      top: 0;
      z-index: 1;
    }
    tbody tr:nth-child(even) {
      background: #fffdf7;
    }
    tbody tr:hover {
      background: #f7f2e4;
    }
    .review-table input[type="number"] {
      width: 78px;
      min-height: 32px;
      padding: 5px 7px;
    }
    .review-table input[type="text"], .review-table input[type="email"] {
      min-width: 150px;
      min-height: 32px;
      padding: 5px 7px;
    }
    .review-table .note {
      min-width: 190px;
    }
    .row-muted {
      color: var(--muted);
    }
    .pill {
      display: inline-block;
      border-radius: 999px;
      padding: 2px 8px;
      background: #f0f6ea;
      color: #496631;
      font-size: 12px;
      font-weight: 700;
    }
    .alert {
      padding: 12px 14px;
      border-radius: 10px;
      margin: 12px 0;
      font-weight: 500;
    }
    .alert-success {
      background: #F0F6EA;
      color: #496631;
    }
    .alert-warning {
      background: #F7F2E4;
      color: #8A6A1F;
      border: 1px solid #D6B663;
    }
    .alert-info {
      background: #F7F2E4;
      color: #5C4A1B;
      border: 1px solid #E4D3A0;
    }
    .alert-error {
      background: #FCEDEA;
      color: #AE1A08;
    }
    .error {
      border-left: 5px solid var(--danger);
    }
    @media (min-width: 1400px) {
      main, .container, .page, .main {
        width: min(96vw, 1800px);
        max-width: 1800px;
      }
    }
    @media (max-width: 820px) {
      .grid, .grid-3, .metrics, .toolbar { grid-template-columns: 1fr; }
      main { padding: 18px 12px 32px; }
    }
    :root {
      --evitas-gold: #D6B663;
      --evitas-gold-dark: #C6A64C;
      --evitas-light-gold: #F7F2E4;
      --evitas-green: #A9C185;
      --evitas-light-gray: #E5E5E5;
      --evitas-dark-gray: #666666;
      --evitas-black: #000000;
      --evitas-white: #FFFFFF;
      --evitas-red: #AE1A08;
      --bg: #F7F2E4;
      --card: #FFFFFF;
      --primary: #D6B663;
      --primary-hover: #C6A64C;
      --secondary: #A9C185;
      --text: #000000;
      --muted: #666666;
      --border: #E5E5E5;
      --line: #E5E5E5;
      --danger: #AE1A08;
      --panel: #FFFFFF;
      --accent: #D6B663;
      --accent-hover: #C6A64C;
    }
    body {
      font-family: var(--font-body);
      background:
        radial-gradient(circle at top left, rgba(169, 193, 133, 0.18), transparent 34vw),
        linear-gradient(180deg, #FBF7EA 0%, #F7F2E4 40%, #F6F4EF 100%);
    }
    main, .app, .container, .page, .main {
      width: min(96vw, 1700px);
      max-width: 1700px;
      margin: 0 auto;
      padding: 28px 22px 56px;
    }
    .app-header {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 24px;
      margin: 4px 0 18px;
    }
    .eyebrow {
      color: var(--evitas-gold-dark);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      margin: 0 0 5px;
    }
    .app-header h1 {
      font-size: 34px;
      line-height: 1.1;
      margin: 0;
      color: var(--text);
      letter-spacing: 0;
    }
    .subtitle {
      margin: 8px 0 0;
      color: var(--muted);
      font-size: 15px;
    }
    .header-meta {
      color: var(--muted);
      font-size: 13px;
      white-space: nowrap;
      padding-bottom: 4px;
      text-align: right;
    }
    .hm-status {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 5px;
      font-size: 12px;
      color: var(--muted);
    }
    .hm-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
    .hm-sep { opacity: 0.45; margin: 0 3px; }
    .hm-app { font-size: 12px; color: var(--muted); margin-top: 3px; }
    nav, .tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 22px;
    }
    nav a, .tab {
      height: 42px;
      padding: 0 18px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: var(--evitas-white);
      color: var(--evitas-dark-gray);
      font-weight: 800;
      text-decoration: none;
      border: 1px solid rgba(214, 182, 99, 0.2);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
      transition: all 0.18s ease;
    }
    nav a:hover, .tab:hover {
      background: var(--evitas-light-gold);
      color: var(--evitas-black);
      transform: translateY(-1px);
    }
    nav a.active, .tab.active {
      background: var(--evitas-gold);
      color: var(--evitas-white);
      border-color: var(--evitas-gold);
      box-shadow: 0 8px 18px rgba(214, 182, 99, 0.28);
    }
    .sidebar {
      position: fixed;
      left: 0;
      top: 0;
      bottom: 0;
      width: 226px;
      background: #fff;
      border-right: 1px solid rgba(214, 182, 99, 0.28);
      padding: 18px 12px 24px;
      overflow-y: auto;
      z-index: 60;
      box-shadow: 6px 0 24px rgba(0, 0, 0, 0.04);
    }
    .sidebar-brand {
      font-size: 19px;
      font-weight: 900;
      letter-spacing: 1.5px;
      color: var(--evitas-gold);
      margin: 4px 10px 16px;
      padding-bottom: 14px;
      border-bottom: 1px solid rgba(214, 182, 99, 0.22);
    }
    .sidebar-brand span {
      display: block;
      font-size: 10.5px;
      font-weight: 800;
      letter-spacing: 0.6px;
      color: var(--evitas-dark-gray);
      text-transform: uppercase;
    }
    a.sidebar-brand { text-decoration: none; position: relative; display: block; transition: color .12s; }
    a.sidebar-brand:hover { color: #C6A552; }
    .sidebar-brand .sb-home {
      position: absolute; top: -2px; right: 4px; display: inline-block;
      font-size: 19px; font-weight: 400; letter-spacing: 0; line-height: 1;
      color: var(--evitas-gold); opacity: .6; text-transform: none;
    }
    .sidebar-brand:hover .sb-home { opacity: 1; }
    .sidebar-group {
      margin-bottom: 16px;
    }
    .sidebar-group-title {
      font-size: 10.5px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: var(--evitas-gold);
      margin: 0 12px 6px;
    }
    .sidebar-link {
      display: flex;
      align-items: center;
      gap: 9px;
      padding: 9px 12px;
      margin-bottom: 3px;
      border-radius: 9px;
      color: var(--evitas-black);
      text-decoration: none;
      font-weight: 700;
      font-size: 13.5px;
      border-left: 3px solid transparent;
      transition: background .12s ease, border-color .12s ease, transform .08s ease;
    }
    .sidebar-ico {
      width: 18px;
      text-align: center;
      font-size: 14px;
      flex: 0 0 18px;
    }
    .sidebar-link:hover {
      background: var(--evitas-light-gold);
      border-left-color: rgba(214, 182, 99, 0.5);
      transform: translateX(1px);
    }
    .sidebar-link.active {
      background: var(--evitas-gold);
      color: #fff;
      border-left-color: #b9963f;
      box-shadow: 0 6px 14px rgba(214, 182, 99, 0.3);
    }
    .sidebar-sublink {
      padding-left: 34px;
      font-size: 12.5px;
      font-weight: 600;
      margin-bottom: 2px;
      position: relative;
    }
    .sidebar-sublink::before {
      content: "•";
      position: absolute;
      left: 20px;
      color: var(--muted);
    }
    .sidebar-sublink.active::before { color: #fff; }
    .sidebar-badge {
      margin-left: auto;
      min-width: 18px;
      height: 18px;
      padding: 0 5px;
      border-radius: 999px;
      background: #e04a3a;
      color: #fff;
      font-size: 11px;
      font-weight: 800;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      animation: sb-badge-pulse 1.8s ease-in-out infinite;
    }
    @keyframes sb-badge-pulse {
      0% { box-shadow: 0 0 0 0 rgba(224, 74, 58, 0.55); }
      70% { box-shadow: 0 0 0 7px rgba(224, 74, 58, 0); }
      100% { box-shadow: 0 0 0 0 rgba(224, 74, 58, 0); }
    }
    main, .container, .page, .main {
      margin-left: 248px;
      margin-right: 16px;
      width: auto;
      max-width: none;
    }
    /* Meni na telefonu: predal, ki je PRIVZETO ZAPRT (Eva 05.08.2026 — prej se je
       cel seznam izrisal nad vsebino in potisnil dashboard globoko dol). */
    .sb-burger, .sb-overlay { display: none; }
    @media (max-width: 1000px) {
      .sidebar {
        width: min(84vw, 300px);
        transform: translateX(-102%);
        transition: transform .22s ease;
        box-shadow: 0 0 40px rgba(0, 0, 0, .18);
        z-index: 120;
      }
      .sidebar.sb-open { transform: translateX(0); }
      .sb-burger {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        position: sticky;
        top: 8px;
        margin: 0 0 12px;
        padding: 9px 14px;
        font-size: 15px;
        font-weight: 700;
        color: var(--text);
        background: #fff;
        border: 1px solid rgba(214, 182, 99, .45);
        border-radius: 10px;
        cursor: pointer;
        z-index: 110;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
      }
      .sb-overlay.sb-open {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, .32);
        z-index: 110;
      }
      main, .container, .page, .main {
        margin-left: auto;
        margin-right: auto;
        width: min(96vw, 1600px);
      }
    }
    form, .panel, .card {
      background: var(--card);
      border: 1px solid rgba(214, 182, 99, 0.24);
      border-radius: 8px;
      padding: 24px;
      margin-bottom: 20px;
      box-shadow: 0 14px 34px rgba(0, 0, 0, 0.06);
    }
    .panel, .card { width: 100%; }
    form { width: auto; }  /* glej opombo v prvem shellu: 100 % lomi flex orodne vrstice */
    .ret-kpis { display:flex; flex-wrap:wrap; gap:12px; margin:4px 0 18px; }
    .ret-kpi { background:#fff; border:1px solid var(--line); border-radius:12px; padding:12px 16px; min-width:120px; flex:1 1 120px; }
    .ret-kpi b { display:block; font-size:22px; color:var(--evitas-gold); line-height:1.1; }
    .ret-kpi span { font-size:12px; color:var(--muted); font-weight:600; }
    .bo-filters { display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end; margin:0 0 14px; }
    .bo-filters > div { display:flex; flex-direction:column; gap:3px; }
    .bo-filters label { font-size:12px; color:var(--muted); font-weight:600; }
    .bo-filters .bo-check { flex-direction:row; align-items:center; gap:6px; padding-bottom:8px; }
    /* Poravnana vrstica filtrov/kontrol: <form class="filter-row"><label>Od<br><input>...</label><button>.
       Gumb dobi isto višino kot polja in stoji v isti liniji (Evina pripomba 22.07.2026). */
    .filter-row { display:flex; gap:12px; flex-wrap:wrap; align-items:flex-end; }
    .filter-row label { margin:0; font-size:12px; color:var(--muted); font-weight:600; }
    .filter-row input, .filter-row select { width:auto; min-width:120px; }
    .filter-row input[type="number"] { min-width:80px; }
    .filter-row button, .filter-row .button { min-height:42px; margin:0; }
    /* Obrazec kot navaden vrstični element (samo gumb) — brez panela iz globalnega form sloga.
       style="display:inline" tega NE doseže, ker ozadje/rob/padding ostanejo. */
    form.form-inline { display:inline-flex; align-items:center; gap:6px; background:transparent;
                        border:0; padding:0; margin:0; box-shadow:none; width:auto; }
    .form-inline select, .form-inline input { width:auto; }
    /* Kartice-zavihki (izbira trga ipd.) — definicija je prej živela samo v Naročilnicah,
       Mesečno poročilo pa jih je uporabljalo brez stilov (zlepljene besedilne povezave). */
    .po-chips { display:flex; flex-wrap:wrap; gap:10px; margin:4px 0 16px; }
    .po-chip { background:#fffdf7; border:1px solid var(--line); border-radius:999px; padding:7px 16px;
                font-weight:600; cursor:pointer; font-size:13px; color:var(--text); box-shadow:none;
                min-height:0; text-decoration:none; display:inline-flex; align-items:center; gap:5px; }
    .po-chip b { font-size:15px; margin-right:4px; color:var(--evitas-gold); }
    .po-chip:hover { border-color:var(--evitas-gold); }
    h2, .card-title {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 20px;
      font-weight: 850;
      margin: 0 0 18px;
      color: var(--text);
      letter-spacing: 0;
    }
    .grid, .form-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(260px, 1fr));
      gap: 18px 22px;
    }
    .grid-3, .form-grid.three {
      display: grid;
      grid-template-columns: repeat(3, minmax(220px, 1fr));
      gap: 18px 22px;
    }
    label {
      font-weight: 750;
      color: var(--text);
      font-size: 14px;
      margin-bottom: 8px;
    }
    /* Polje ZNOTRAJ labele: margin labele bi v flex vrstici polje dvignil nad gumb. */
    label:has(> select), label:has(> textarea),
    label:has(> input:not([type="checkbox"]):not([type="radio"])) {
      margin-bottom: 0;
    }
    input[type="file"], input:not([type]), input[type="text"], input[type="number"], input[type="email"], input[type="date"], input[type="datetime-local"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], select, textarea {
      width: 100%;
      min-height: 46px;
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 10px 14px;
      background: var(--evitas-white);
      color: var(--text);
      font: inherit;
      transition: all 0.18s ease;
    }
    input[type="file"] {
      border-style: dashed;
      border-color: rgba(214, 182, 99, 0.65);
      background: #FFFCF4;
      cursor: pointer;
    }
    input[type="file"]:hover {
      background: var(--evitas-light-gold);
    }
    input[type="file"]::file-selector-button {
      min-height: 34px;
      border: 0;
      border-radius: 10px;
      background: var(--evitas-gold);
      color: var(--evitas-white);
      font-weight: 800;
      padding: 0 12px;
      margin-right: 12px;
      cursor: pointer;
    }
    input::placeholder, textarea::placeholder {
      color: #b9b3a6;
    }
    /* Uvoz v ENI vrstici (Eva 05.09.2026: »za naložit datoteko ne rabim tako
       dolgega polja … desno nizaš ostale zadeve, poravnano, brez prekrivanja«) */
    .uvoz-vrsta { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 6px 0 0; }
    .uvoz-vrsta form { box-shadow: none; border: 0; padding: 0; margin: 0; background: transparent;
      display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
    .uvoz-vrsta input[type="file"] { flex: 1 1 240px; min-width: 220px; max-width: 420px; min-height: 38px;
      padding: 3px 8px; font-size: 12.5px; }
    .uvoz-vrsta input[type="file"]::file-selector-button { min-height: 28px; padding: 0 10px; margin-right: 8px; font-size: 12.5px; }
    .uvoz-vrsta select { width: auto; min-height: 38px; padding: 6px 30px 6px 10px; font-size: 13px; }
    .uvoz-vrsta label.uvoz-polje { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-size: 12.5px; font-weight: 600; white-space: nowrap; }
    .uvoz-vrsta button, .uvoz-vrsta .button { margin: 0; }
    .uvoz-vrsta .hint { margin: 0; white-space: nowrap; }
    .uvoz-vrsta .uvoz-locilo { width: 1px; align-self: stretch; background: var(--border); margin: 0 2px; }
    .uvoz-vrsta details { margin: 0; }
    .uvoz-vrsta details[open] { flex: 1 1 100%; }
    .uvoz-vrsta label.uvoz-izbira { display: inline-flex; align-items: center; gap: 4px; margin: 0; font-weight: 400; font-size: 12.5px; white-space: nowrap; cursor: pointer; }
    .uvoz-vrsta label.uvoz-izbira input { margin: 0; }
    /* Dva (zložljiva) panela drug ob drugem — prihrani vrstico po višini (Eva
       05.09.2026, Gratis izdelki). Vsak se odpira neodvisno; pod 820 px eden pod drugim. */
    .panel-par { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; margin: 0 0 16px; }
    .panel-par > .panel, .panel-par > details.panel { margin: 0 !important; min-width: 0; }
    .panel-par > details.panel > summary { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .panel-par > details.panel[open], .panel-par > details.bo-fold[open] { grid-column: 1 / -1; }
    .panel-par > details.bo-fold { margin: 0 !important; min-width: 0; }
    .panel-par > details.bo-fold > summary { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    @media (max-width: 820px) { .panel-par { grid-template-columns: 1fr; } }
    input:not([type]), input[type="text"], input[type="number"], input[type="email"], input[type="date"], input[type="datetime-local"],
    input[type="tel"], input[type="url"], input[type="password"], input[type="search"], select, textarea {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    }
    input:hover:not(:focus):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
    select:hover:not(:focus), textarea:hover:not(:focus) {
      border-color: #d8d0bc;
    }
    select {
      appearance: none;
      -webkit-appearance: none;
      background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23a08c5a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
      background-repeat: no-repeat;
      background-position: right 14px center;
      background-size: 12px 8px;
      padding-right: 38px;
      cursor: pointer;
    }
    select[multiple], select[size] {
      background-image: none;
      padding-right: 14px;
    }
    input[type="radio"] {
      width: 17px;
      height: 17px;
      accent-color: var(--evitas-gold);
      cursor: pointer;
    }
    input[type="checkbox"] {
      accent-color: var(--evitas-gold);
      cursor: pointer;
    }
    input:focus, select:focus, textarea:focus {
      outline: none;
      border-color: var(--evitas-gold);
      box-shadow: 0 0 0 4px rgba(214, 182, 99, 0.18);
    }
    button, .button, .btn {
      min-height: 46px;
      padding: 0 22px;
      border-radius: 12px;
      border: 1px solid transparent;
      font-weight: 850;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      font: inherit;
      transition: all 0.18s ease;
      text-decoration: none;
      background: var(--evitas-gold);
      color: var(--evitas-white);
      box-shadow: 0 10px 20px rgba(214, 182, 99, 0.2);
    }
    button:hover, .button:hover, .btn:hover {
      background: var(--evitas-gold-dark);
      color: var(--evitas-white);
      transform: translateY(-1px);
    }
    .button.secondary, button.secondary, .btn-secondary {
      background: var(--evitas-white);
      color: var(--evitas-black);
      border-color: var(--evitas-gold);
      box-shadow: none;
    }
    .button.secondary:hover, button.secondary:hover, .btn-secondary:hover {
      background: var(--evitas-light-gold);
      color: var(--evitas-black);
    }
    .btn-danger, button.danger, .button.danger {
      background: var(--evitas-red);
      color: var(--evitas-white);
    }
    button:disabled, .btn:disabled {
      opacity: 0.55;
      cursor: not-allowed;
      transform: none;
      box-shadow: none;
    }
    .button.small, button.small {
      min-height: 34px;
      padding: 0 12px;
      border-radius: 10px;
      font-size: 12px;
    }
    .checkbox-row {
      display: flex;
      align-items: center;
      gap: 10px;
      min-height: 34px;
      font-weight: 650;
    }
    .checkbox-row input[type="checkbox"], input[type="checkbox"] {
      width: 18px;
      height: 18px;
      margin: 0 6px 0 0;
      accent-color: var(--evitas-gold);
    }
    .hint, .form-help, .card-description {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }
    .alert {
      padding: 14px 16px;
      border-radius: 14px;
      margin: 14px 0;
      font-weight: 650;
      border: 1px solid transparent;
    }
    .alert-success {
      background: #F0F6EA;
      color: #496631;
      border-color: rgba(169, 193, 133, 0.45);
    }
    .alert-warning {
      background: #FFF8E7;
      color: #8A6A1F;
      border-color: rgba(214, 182, 99, 0.55);
    }
    .alert-info {
      background: #F7F2E4;
      color: #5C4A1B;
      border-color: rgba(214, 182, 99, 0.35);
    }
    .alert-error {
      background: #FCEDEA;
      color: var(--evitas-red);
      border-color: rgba(174, 26, 8, 0.2);
    }
    .metrics, .kpi-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(160px, 1fr));
      gap: 14px;
      margin: 18px 0;
    }
    .metric, .kpi-card {
      background: linear-gradient(180deg, #FFFFFF 0%, #FBF7EA 100%);
      border: 1px solid rgba(214, 182, 99, 0.25);
      border-radius: 8px;
      padding: 16px;
      box-shadow: 0 8px 22px rgba(0, 0, 0, 0.04);
    }
    .metric b, .kpi-value {
      display: block;
      color: var(--text);
      font-size: 24px;
      font-weight: 900;
      margin: 0 0 6px;
    }
    .metric span, .kpi-label {
      color: var(--muted);
      font-size: 13px;
      font-weight: 750;
    }
    .table-wrap {
      width: 100%;
      overflow-x: auto;
      overflow-y: auto;
      border-radius: 14px;
      border: 1px solid var(--border);
      background: #fff;
    }
    table {
      width: 100%;
      border-collapse: separate;
      border-spacing: 0;
      font-size: 13px;
      background: #fff;
    }
    th, thead th {
      position: sticky;
      top: 0;
      z-index: 5;
      background: #FFF5D9;
      color: var(--text);
      font-weight: 850;
      text-align: left;
      padding: 12px 10px;
      border-bottom: 1px solid var(--border);
    }
    table.sortable thead th {
      cursor: pointer;
      user-select: none;
      white-space: nowrap;
    }
    table.sortable thead th:hover {
      background: #F4E4AE;
    }
    table.sortable thead th .sort-ind {
      color: var(--evitas-gold);
      font-size: 11px;
      font-weight: 700;
    }
    table.sortable thead th .sort-ind:empty::after {
      content: ' ↕';
      opacity: 0.35;
      font-weight: 400;
    }
    td, tbody td {
      padding: 10px;
      border-bottom: 1px solid #F0E8D3;
      vertical-align: top;
    }
    .supplier-table th {
      padding: 8px 8px;
      vertical-align: middle;
    }
    .supplier-table td {
      padding: 7px 8px;
      vertical-align: middle;
    }
    .supplier-table input[type="text"],
    .supplier-table input[type="number"],
    .supplier-table input[type="email"],
    .supplier-table select {
      height: 32px;
      min-height: 32px;
      padding: 4px 8px;
      border-radius: 8px;
      font-size: 12px;
      line-height: 1.2;
    }
    .supplier-table .button.small,
    .supplier-table button.small {
      min-height: 32px;
      height: 32px;
      padding: 0 10px;
      border-radius: 8px;
      font-size: 12px;
    }
    .supplier-table td:last-child {
      white-space: nowrap;
    }
    tbody tr:nth-child(even) {
      background: #FFFCF4;
    }
    tbody tr:hover {
      background: var(--evitas-light-gold);
    }
    .badge, .pill {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 0 9px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 850;
      background: #F0F6EA;
      color: #496631;
    }
    .badge-warning {
      background: #FFF8E7;
      color: #8A6A1F;
    }
    .badge-danger {
      background: #FCEDEA;
      color: var(--evitas-red);
    }
    .badge-muted {
      background: #F1F1F1;
      color: var(--evitas-dark-gray);
    }
    .search-select {
      position: relative;
      width: 100%;
      min-height: 46px;
    }
    .search-select input {
      width: 100%;
      height: 46px;
      min-height: 46px;
      padding: 10px 14px 10px 46px;
      line-height: 1.2;
      border-radius: 12px;
      border: 1px solid var(--border);
      background: #FFFCF4;
      box-shadow: inset 0 0 0 1px rgba(214, 182, 99, 0.08);
    }
    .search-select input:hover {
      background: var(--evitas-white);
      border-color: rgba(214, 182, 99, 0.65);
    }
    .search-select input::-webkit-calendar-picker-indicator {
      display: none !important;
    }
    .search-select::before {
      content: "";
      position: absolute;
      left: 15px;
      top: 50%;
      width: 12px;
      height: 12px;
      border: 2px solid rgba(102, 102, 102, 0.48);
      border-radius: 50%;
      transform: translateY(-62%);
      pointer-events: none;
      z-index: 2;
    }
    .search-select::after {
      content: "";
      position: absolute;
      left: 27px;
      top: 50%;
      width: 8px;
      height: 2px;
      background: rgba(102, 102, 102, 0.48);
      transform: translateY(5px) rotate(45deg);
      pointer-events: none;
      z-index: 2;
    }
    .search-select datalist {
      display: none;
    }
    .search-multiselect {
      display: grid;
      gap: 8px;
    }
    .search-multiselect input {
      height: 42px;
      min-height: 42px;
      border-radius: 10px;
      background: #FFFCF4;
    }
    .search-multiselect select[multiple] {
      min-height: 150px;
      padding: 8px;
      border-radius: 10px;
      background: var(--evitas-white);
    }
    .search-multiselect option {
      padding: 7px 8px;
      border-radius: 8px;
    }
    .search-results {
      position: absolute;
      z-index: 30;
      left: 0;
      right: 0;
      top: calc(100% + 8px);
      background: var(--evitas-white);
      border: 1px solid rgba(214, 182, 99, 0.35);
      border-radius: 14px;
      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
      max-height: 280px;
      overflow-y: auto;
      padding: 6px;
    }
    .search-result {
      width: 100%;
      min-height: auto;
      padding: 10px 12px;
      border: 0;
      border-radius: 12px;
      background: transparent;
      color: var(--text);
      box-shadow: none;
      cursor: pointer;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-direction: column;
      gap: 2px;
      text-align: left;
      font-weight: 650;
    }
    .search-result:hover, .search-result.active {
      background: var(--evitas-light-gold);
      transform: none;
    }
    .search-result .brand {
      font-weight: 850;
      color: var(--text);
    }
    .search-result .supplier {
      color: var(--muted);
      font-size: 13px;
    }
    .standing-extra-toggle {
      margin: 8px 0 14px;
      display: inline-flex;
    }
    .toolbar.standing-filter-grid {
      grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
      align-items: end;
      margin-bottom: 10px;
    }
    .standing-filter-toggles {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 14px 22px;
      margin: 0 0 16px;
      padding: 10px 14px;
      border: 1px solid var(--line);
      border-radius: 10px;
      background: #FFFDF7;
    }
    .standing-filter-toggles .checkbox-row {
      margin: 0;
    }
    .standing-filter-toggles .standing-filter-spacer {
      flex: 1 1 auto;
    }
    .table-scroll {
      width: 100%;
      overflow-x: auto;
      overflow-y: auto;
      max-height: 620px;
      border: 1px solid var(--border);
      border-radius: 18px;
      background: #fff;
    }
    table.deadstock-table {
      width: max-content;
      min-width: 1500px;
      border-collapse: separate;
      border-spacing: 0;
      table-layout: fixed;
    }
    .deadstock-table thead th {
      position: sticky;
      top: 0;
      z-index: 5;
      background: #FFF5D9;
    }
    .deadstock-table th,
    .deadstock-table td {
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: top;
    }
    .standing-analytics-table th {
      white-space: normal;
      line-height: 1.15;
      padding: 6px 6px;
      vertical-align: middle;
    }
    .standing-analytics-table td {
      padding: 8px 10px;
      vertical-align: top;
      line-height: 1.2;
    }
    .standing-analytics-table .th-label {
      display: inline-block;
      line-height: 1.12;
    }
    .standing-analytics-table.hide-advanced .advanced-col {
      display: none;
    }
    .standing-analytics-table .col-sku {
      width: 110px;
      min-width: 110px;
      max-width: 110px;
    }
    .standing-analytics-table .col-ean {
      width: 140px;
      min-width: 140px;
      max-width: 140px;
    }
    .standing-analytics-table .col-name {
      width: 360px;
      min-width: 360px;
      max-width: 360px;
      white-space: normal;
      line-height: 1.25;
    }
    .standing-analytics-table .col-brand {
      width: 150px;
      min-width: 150px;
      max-width: 150px;
    }
    .standing-analytics-table .col-status {
      width: 150px;
      min-width: 150px;
      max-width: 150px;
    }
    .standing-analytics-table .col-eol {
      width: 60px;
      min-width: 60px;
      max-width: 60px;
      text-align: center;
    }
    .standing-analytics-table .col-discount,
    .standing-analytics-table .col-rvc {
      width: 95px;
      min-width: 95px;
      max-width: 95px;
    }
    .standing-analytics-table .col-qty {
      width: 80px;
      min-width: 80px;
      max-width: 80px;
    }
    .standing-analytics-table .col-date {
      width: 110px;
      min-width: 110px;
      max-width: 110px;
    }
    .standing-analytics-table .col-money {
      width: 120px;
      min-width: 120px;
      max-width: 120px;
      text-align: right;
      white-space: nowrap;
    }
    .standing-analytics-table .col-percent {
      width: 95px;
      min-width: 95px;
      max-width: 95px;
      text-align: right;
      white-space: nowrap;
    }
    .standing-analytics-table .col-number {
      width: 80px;
      min-width: 80px;
      max-width: 80px;
      text-align: right;
      white-space: nowrap;
    }
    .standing-analytics-table .col-history {
      width: 115px;
      min-width: 115px;
      max-width: 115px;
      text-align: center;
    }
    .standing-analytics-table .col-history button {
      white-space: nowrap;
    }
    .standing-analytics-table .sticky-col {
      position: sticky;
      background: #FFFFFF;
      z-index: 7;
      box-shadow: 1px 0 0 var(--border);
    }
    .standing-analytics-table tbody tr:nth-child(even) .sticky-col {
      background: #FFFCF4;
    }
    .standing-analytics-table tbody tr:hover .sticky-col {
      background: var(--evitas-light-gold);
    }
    .standing-analytics-table thead .sticky-col {
      background: #FFF5D9;
      z-index: 12;
    }
    .standing-analytics-table .sticky-sku {
      left: 0;
    }
    .standing-analytics-table .sticky-ean {
      left: 110px;
    }
    .standing-analytics-table .sticky-name {
      left: 250px;
    }
    .product-name {
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      overflow: hidden;
      max-width: 340px;
      white-space: normal;
      line-height: 1.25;
    }
    .status-badges,
    .status-badge-stack {
      display: flex;
      flex-wrap: wrap;
      gap: 4px;
      align-items: center;
    }
    .standing-analytics-table .status-badge {
      min-height: 22px;
      padding: 0 8px;
      font-size: 12px;
      line-height: 1;
      font-weight: 700;
      white-space: nowrap;
    }
    .badge-active {
      background: #F0F6EA;
      color: #496631;
      border: 1px solid rgba(169, 193, 133, 0.6);
    }
    .badge-discount {
      background: #FFF8E7;
      color: #8A6A1F;
      border: 1px solid rgba(214, 182, 99, 0.6);
    }
    .badge-eol {
      background: #FCEDEA;
      color: #AE1A08;
      border: 1px solid rgba(174, 26, 8, 0.25);
    }
    .badge-review {
      background: #F7F2E4;
      color: #666666;
      border: 1px solid #D6B663;
    }
    .badge-sold {
      background: #EAF5F1;
      color: #16745F;
      border: 1px solid #A9C185;
    }
    .badge-tag {
      background: #F7F2E4;
      color: #7A5A0A;
      border: 1px solid rgba(214, 182, 99, 0.75);
    }
    .standing-history-panel {
      margin-top: 16px;
      border: 1px solid rgba(214, 182, 99, 0.32);
      border-radius: 8px;
      padding: 14px;
      background: #FFFCF4;
    }
    .standing-history-panel-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 10px;
    }
    .standing-history-panel h3 {
      margin: 0;
      font-size: 16px;
    }
    .standing-history-table-wrap {
      max-height: 320px;
    }
    .metrics {
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
    .metrics.metrics-strip {
      grid-auto-flow: column;
      grid-auto-columns: minmax(0, 1fr);
      grid-template-columns: none;
      gap: 10px;
    }
    .metrics.metrics-strip .metric {
      padding: 12px 14px;
    }
    .metrics.metrics-strip .metric b {
      font-size: 20px;
      margin-bottom: 2px;
    }
    .metrics.metrics-strip .metric span {
      font-size: 12px;
    }
    @media (max-width: 1200px) {
      .metrics.metrics-strip {
        grid-auto-flow: row;
        grid-auto-columns: auto;
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
    @media (max-width: 700px) {
      .metrics.metrics-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    .standing-source-card {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 18px;
      padding: 14px 16px;
      border: 1px solid rgba(214, 182, 99, 0.35);
      border-radius: 12px;
      background: #FBF7EA;
      margin: 12px 0 4px;
    }
    .standing-source-card .source-item {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }
    .standing-source-card .source-item b {
      font-size: 14px;
    }
    .standing-source-card .source-item span {
      font-size: 12px;
      color: var(--muted);
    }
    .standing-refresh-bar {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 10px 16px;
      padding: 8px 12px;
      border: 1px solid var(--line);
      border-radius: 10px;
      background: #FFFDF7;
      margin-bottom: 12px;
    }
    .standing-refresh-bar .status-line {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 12px;
      color: var(--muted);
    }
    .standing-refresh-bar .status-dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      flex: 0 0 auto;
      background: #B7B7B7;
    }
    .standing-refresh-bar .status-dot.success { background: #3FA45B; }
    .standing-refresh-bar .status-dot.warning { background: #D6B663; }
    .standing-refresh-bar .status-dot.error { background: var(--evitas-red); }
    .spinner {
      width: 14px;
      height: 14px;
      border: 2px solid rgba(255, 255, 255, 0.55);
      border-top-color: white;
      border-radius: 50%;
      animation: spin 0.8s linear infinite;
    }
    @keyframes spin {
      to { transform: rotate(360deg); }
    }
    @media (min-width: 1500px) {
      main, .app, .container, .page, .main {
        max-width: 1800px;
      }
    }
    @media (max-width: 900px) {
      .grid, .grid-3, .form-grid, .form-grid.three, .metrics, .kpi-grid, .toolbar {
        grid-template-columns: 1fr;
      }
      .app-header {
        display: block;
      }
      .header-meta {
        margin-top: 12px;
      }
    }
    /* ---------- MOBILNO (audit 24.08.2026) — na koncu, da zmaga v kaskadi ---------- */
    @media (max-width: 900px) {
      /* statusna vrstica: nowrap je pri ozkih zaslonih forsiral vodoravni scroll */
      .header-meta { white-space: normal; text-align: left; }
      .hm-status { justify-content: flex-start; flex-wrap: wrap; }
      .app-header h1 { font-size: clamp(22px, 7vw, 28px); }
    }
    @media (max-width: 820px) {
      /* GLAVNI krivec vodoravnega scrolla: globalni table min-width 1200px je
         raztegnil vsako GOLO tabelo (brez .table-wrap) čez cel body. Ovite
         tabele (.table-wrap table) obdržijo 1200px + svoj drsnik. */
      table { min-width: 0; }
      :not(.table-wrap):not(.table-scroll) > table {
        display: block; overflow-x: auto; -webkit-overflow-scrolling: touch;
      }
      main { padding-bottom: 92px; }       /* prostor za chat FAB nad vsebino */
      #znChatFab { width: 48px; height: 48px; right: 14px; bottom: 14px; }
      /* iOS zoom: font pod 16px v tabelah/inputih sproži samodejno povečavo */
      input, select, textarea { font-size: 16px; }
      /* tap targeti */
      .button.small, button.small, .pagination button { min-height: 40px; }
      input[type="checkbox"], input[type="radio"] { width: 22px; height: 22px; }
      .checkbox-row { min-height: 44px; }
      /* tooltip ob desnem robu se je razlil čez zaslon */
      .help .tooltip { left: auto; right: -8px; transform: none; width: min(320px, 88vw); }
      .help .tooltip::after { left: auto; right: 14px; }
      /* zavihki: en drsni trak namesto 8-10 vrstic */
      nav, .tabs { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 6px; }
      nav a, .tab { flex: 0 0 auto; }
      /* zamrznjeni stolpci (610px) so prekrili cel mali zaslon */
      .standing-analytics-table .sticky-col { position: static; box-shadow: none; }
      .standing-analytics-table .col-name { width: auto; min-width: 160px; max-width: none; }
    }
    @media (hover: none) {
      /* Fokus ✕ je bil viden samo na hover — na dotik ga ni bilo */
      .fz-x { opacity: .6; padding: 8px 12px; }
      body.po-embed .theme-tabs, body.po-embed .theme-tabs-sub { display: none !important; }
    }
    /* Embed (pop-up v iframe): skrij sidebar in glavo, brez levega odmika. */
    body.po-embed .sidebar { display: none !important; }
    body.po-embed .app-header { display: none !important; }
    body.po-embed main, body.po-embed .container, body.po-embed .page, body.po-embed .main {
      margin-left: 0 !important;
      padding: 18px !important;
      max-width: none !important;
    }
    body.po-embed { background: #FFFFFF; }