/* Holzquadrat: Anthrazit, Sand, Weiss, Gold-Akzent – abgestimmt auf den Kapazitaetsplaner */
* { box-sizing: border-box; }
:root {
    --anthracite: #1f1d1b; --ink: #1f1d1b; --ink-2: #4a443e; --muted: #8a7e78;
    --bg: #f5f2ed; --surface: #ffffff; --sand: #efe8dd; --sand-2: #e6ddcf;
    --line: #e4ddd2; --line-2: #d4c9b9; --gold: #d2a850; --gold-ink: #94722b;
    --ok: #4c7a4f; --ok-bg: #e5eee1; --caution: #9a6a14; --caution-bg: #f6ebd3;
    --conflict: #a6402e; --conflict-bg: #f6e1da;
    --radius: 10px; --shadow: 0 1px 2px rgba(31,29,27,.06), 0 4px 14px rgba(31,29,27,.04);
}
body { margin: 0; font-family: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
       background: var(--bg); color: var(--ink); font-size: 14px; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
h1 { margin: 0; font-size: 22px; font-weight: 650; letter-spacing: -.01em; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
h2 { font-size: 16px; font-weight: 650; margin: 26px 0 10px; }

.topbar { background: var(--anthracite); color: #fff; padding: 0 28px; display: flex; align-items: stretch; gap: 36px;
          position: sticky; top: 0; z-index: 30; min-height: 68px; box-shadow: 0 6px 18px rgba(0,0,0,.12); }
.brand { display: flex; flex-direction: column; justify-content: center; line-height: 1.15; text-decoration: none; }
.brand strong { font-size: 17px; letter-spacing: .22em; font-weight: 700; }
.brand span { color: var(--gold); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
.tabs { display: flex; gap: 6px; align-items: stretch; }
.tab { display: flex; align-items: center; padding: 0 24px; color: #cfc7bd; text-decoration: none; font-weight: 600;
       font-size: 16px; border-bottom: 3px solid transparent; border-top: 3px solid transparent; }
.tab:hover { color: #fff; background: rgba(255,255,255,.05); }
.tab.active { color: #fff; border-bottom-color: var(--gold); background: rgba(210,168,80,.10); }
.userbox { margin-left: auto; display: flex; align-items: center; gap: 14px; color: #cfc7bd; font-size: 13px; }
.userbox form { margin: 0; }
.link-light { color: #cfc7bd; }
.link-light:hover { color: #fff; }

main { padding: 20px 28px 40px; max-width: 1500px; }
.panel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 20px 22px;
         box-shadow: var(--shadow); margin-bottom: 18px; }
.panel.narrow, form.narrow { max-width: 760px; }
.panel.login { max-width: 420px; margin: 8vh auto; }
.panel-head { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 14px; flex-wrap: wrap; }
.facts { display: flex; gap: 18px; color: var(--ink-2); flex-wrap: wrap; }
.back { margin: 0 0 12px; } .back a { color: var(--muted); text-decoration: none; } .back a:hover { color: var(--ink); }
.hint { color: var(--muted); font-size: 13px; margin: 0; }
.muted { color: var(--muted); }
.code { font-size: 12px; font-weight: 700; letter-spacing: .08em; color: var(--gold-ink); background: #f7efdc;
        border-radius: 5px; padding: 2px 6px; }
code { font-size: 12px; background: var(--sand); padding: 1px 5px; border-radius: 4px; }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid transparent;
       border-radius: 8px; padding: 9px 16px; font: inherit; font-weight: 600; text-decoration: none; cursor: pointer; white-space: nowrap; }
.btn.primary { background: var(--anthracite); color: #fff; } .btn.primary:hover { background: #3a3632; }
.btn.secondary { background: var(--surface); color: var(--ink); border-color: var(--line-2); } .btn.secondary:hover { background: var(--sand); }
.btn.ghost { background: transparent; color: #cfc7bd; border-color: #4a443e; padding: 6px 12px; }
.btn.ghost:hover { color: #fff; border-color: var(--gold); }
.btn.small { padding: 5px 11px; font-size: 13px; }
.btn.big { padding: 12px 20px; font-size: 15px; }

.flash { border-radius: 8px; padding: 10px 14px; margin-bottom: 14px; border: 1px solid var(--line); border-left-width: 4px; }
.flash ul { margin: 6px 0 0; padding-left: 18px; }
.flash.ok { background: var(--ok-bg); border-color: #cddcc6; border-left-color: var(--ok); color: #2f5432; }
.flash.error { background: var(--conflict-bg); border-color: #e8c3b8; border-left-color: var(--conflict); color: var(--conflict); }
.flash.warn { background: var(--caution-bg); border-color: #ead7ad; border-left-color: var(--gold); color: var(--caution); }

.badge { display: inline-block; border: 1px solid var(--line); background: var(--bg); border-radius: 20px; padding: 2px 9px;
         font-size: 11px; font-weight: 600; white-space: nowrap; color: var(--ink-2); vertical-align: middle; }
.badge.ok { background: var(--ok-bg); border-color: #cddcc6; color: var(--ok); }
.badge.off { background: var(--sand-2); color: var(--muted); }
.badge.warn { background: var(--conflict-bg); border-color: #e8c3b8; color: var(--conflict); }
.badge.plan { background: #f7efdc; border-color: #ead7ad; color: var(--gold-ink); }

.seg-group { display: inline-flex; background: var(--sand); border-radius: 8px; padding: 3px; gap: 2px; }
.seg-btn { padding: 6px 12px; border-radius: 6px; text-decoration: none; font: inherit; font-size: 13px; font-weight: 600;
           color: var(--muted); background: transparent; border: 0; cursor: pointer; }
.seg-btn:hover { color: var(--ink); }
.seg-btn.active { background: var(--surface); color: var(--ink); box-shadow: 0 1px 2px rgba(0,0,0,.08); }

.subtabs { display: flex; gap: 4px; border-bottom: 1px solid var(--line); margin: 4px 0 18px; overflow-x: auto; }
.subtab { padding: 10px 16px; text-decoration: none; color: var(--muted); font-weight: 600; border-bottom: 3px solid transparent; white-space: nowrap; }
.subtab:hover { color: var(--ink); }
.subtab.active { color: var(--ink); border-bottom-color: var(--gold); }

.filters { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.filters input[type=search] { min-width: 260px; }
input, select { font: inherit; padding: 9px 11px; border: 1px solid var(--line-2); border-radius: 8px; background: #fff; color: var(--ink); width: 100%; }
input:focus, select:focus { outline: 2px solid var(--gold); outline-offset: 0; border-color: var(--gold); }
input[readonly] { background: var(--bg); }
label { display: flex; flex-direction: column; gap: 5px; font-weight: 600; font-size: 13px; color: var(--ink-2); }
label.check { flex-direction: row; align-items: flex-start; gap: 10px; font-weight: 500; }
label.check input { width: auto; margin-top: 3px; }
.stack { display: flex; flex-direction: column; gap: 14px; }
.grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; }
.grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 18px; align-items: end; }
.hours-row, .share-inputs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; align-items: end; }
.share-inputs { grid-template-columns: repeat(4, minmax(0, 120px)) auto; }
.sum { font-size: 14px; color: var(--ink-2); padding-bottom: 8px; }
.sum strong.bad { color: var(--conflict); } .sum strong.good { color: var(--ok); }
.cols { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.cols h2:first-child { margin-top: 0; }
.perm-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
.facts-list { display: grid; grid-template-columns: 140px 1fr; gap: 8px 16px; margin: 0 0 14px; }
.facts-list dt { color: var(--muted); } .facts-list dd { margin: 0; font-weight: 600; }

.table-wrap { overflow-x: auto; }
table.list { width: 100%; border-collapse: collapse; }
table.list th { text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted);
                font-weight: 600; padding: 8px 10px; border-bottom: 1px solid var(--line-2); white-space: nowrap; }
table.list td { padding: 10px; border-bottom: 1px solid var(--line); vertical-align: middle; }
table.list tbody tr:hover { background: #fbf9f6; }
table.list td a { text-decoration: none; }
table.list .num { text-align: right; white-space: nowrap; }
table.list .center { text-align: center; }
table.list .actions { text-align: right; }
table.list .small { font-size: 12px; }
table.list.compact td { padding: 7px 10px; }
table.list tr.current td { background: #fbf6ea; }
table.list tr.inactive td { color: var(--muted); }
td.share.primary { font-weight: 700; color: var(--gold-ink); }
table.matrix input { width: 18px; height: 18px; }

@media (max-width: 900px) {
    main { padding: 14px 12px 28px; }
    .topbar { padding: 0 12px; gap: 12px; flex-wrap: wrap; }
    .brand span, .userbox .who { display: none; }
    .tab { padding: 0 12px; font-size: 15px; }
    .grid2, .grid3, .cols { grid-template-columns: 1fr; }
    .hours-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .share-inputs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .filters input[type=search] { min-width: 0; flex: 1; }
}

/* --- V1-Finalisierung: ruhigere Tabellen --- */
table.list td, table.list th { line-height: 1.35; }
table.list td strong { font-weight: 650; }
.panel-head h1 { line-height: 1.2; }
.filters { align-items: center; }
.planer-ok { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px;
             border-radius: 50%; background: var(--ok-bg); color: var(--ok); font-weight: 700; font-size: 13px; cursor: help; }
.hint.footnote { margin-top: 14px; max-width: 900px; }
table.res-grid td:nth-child(3) { min-width: 180px; }
table.list tr.inactive td strong { color: var(--muted); }

@media (max-width: 700px) {
    .panel { padding: 16px 14px; }
    h1 { font-size: 19px; }
    table.list th, table.list td { padding: 8px 6px; }
    table.list .btn.small { padding: 5px 9px; }
    .filters .seg-group { width: 100%; }
    .filters .seg-btn { flex: 1; }
    .facts-list { grid-template-columns: 1fr; gap: 2px 0; }
    .facts-list dd { margin-bottom: 8px; }
}

/* ===================== Lager + Scanner ===================== */
.topbar { gap: 24px; }
.tabs { overflow-x: auto; scrollbar-width: none; }
.tab { padding: 0 14px; font-size: 15px; white-space: nowrap; }
main.wide { max-width: none; }

/* Tabellen: fixierte Kopfzeile, kompakt */
.table-scroll { max-height: calc(100vh - 230px); overflow: auto; border: 1px solid var(--line); border-radius: 8px; }
.table-scroll table.list th { position: sticky; top: 0; background: var(--surface); z-index: 2; box-shadow: 0 1px 0 var(--line-2); }
table.list.dense td { padding: 6px 10px; }
table.list th a.sort { text-decoration: none; color: inherit; }
table.list th a.sort:hover { color: var(--ink); }
table.list th a.sort.on { color: var(--ink); }
table.list tr.below td.num.ist { color: var(--conflict); font-weight: 650; }
.dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--ok); margin-right: 6px; vertical-align: 1px; }
.dot.low { background: var(--conflict); }
.dot.unv { background: var(--gold); }
.mono { font-variant-numeric: tabular-nums; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 13px; }
.count { color: var(--muted); font-size: 13px; font-weight: 500; }

/* Uebersicht */
.kpis { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; margin-bottom: 18px; }
.kpi { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 16px;
       text-decoration: none; display: flex; flex-direction: column; gap: 4px; box-shadow: var(--shadow); }
.kpi:hover { border-color: var(--gold); }
.kpi .k-label { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; font-weight: 600; }
.kpi .k-value { font-size: 26px; font-weight: 650; font-variant-numeric: tabular-nums; }
.kpi .k-sub { font-size: 12px; color: var(--ink-2); }
.kpi .k-sub.warn { color: var(--conflict); }
.kpi.accent { border-left: 3px solid var(--gold); }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }

/* Formulare */
fieldset.section { border: 0; border-top: 1px solid var(--line); margin: 18px 0 0; padding: 14px 0 0; }
fieldset.section legend { font-weight: 650; font-size: 15px; padding: 0 8px 0 0; }
.grid4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px 18px; }
textarea { font: inherit; padding: 9px 11px; border: 1px solid var(--line-2); border-radius: 8px; width: 100%; min-height: 70px; }
.readonly-value { padding: 9px 11px; background: var(--bg); border: 1px solid var(--line); border-radius: 8px; font-weight: 600; }
.qr-box { display: flex; gap: 18px; align-items: flex-start; flex-wrap: wrap; }
.qr-box .qr { width: 132px; height: 132px; background: #fff; padding: 6px; border: 1px solid var(--line); border-radius: 6px; }
.qr-box .qr svg { width: 100%; height: 100%; display: block; }
.side-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 18px; align-items: start; }
.diff-box { font-size: 18px; font-weight: 650; padding: 10px 0; }
.diff-box .neg { color: var(--conflict); } .diff-box .pos { color: var(--ok); }

/* Lagerbereiche */
.area-layout { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 18px; align-items: start; }
.area-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.area-list a { display: flex; justify-content: space-between; padding: 10px 12px; border-radius: 8px; text-decoration: none; font-weight: 600; }
.area-list a:hover { background: var(--sand); }
.area-list a.active { background: var(--sand); box-shadow: inset 3px 0 0 var(--gold); }
.area-list a.off { color: var(--muted); }
details.inline-edit summary { cursor: pointer; color: var(--muted); font-size: 13px; list-style: none; }
details.inline-edit summary::-webkit-details-marker { display: none; }
details.inline-edit[open] { background: var(--bg); padding: 10px; border-radius: 8px; }
.row-form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) auto auto; gap: 8px; align-items: end; }

/* Kanban */
.board { display: grid; grid-template-columns: repeat(4, minmax(240px, 1fr)); gap: 14px; align-items: start; overflow-x: auto; }
.column { background: var(--sand); border-radius: var(--radius); padding: 10px; min-height: 200px; }
.column.drop { outline: 2px dashed var(--gold); outline-offset: -4px; }
.column h2 { margin: 2px 4px 10px; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; display: flex; justify-content: space-between; }
.cards { display: flex; flex-direction: column; gap: 8px; min-height: 60px; }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; box-shadow: var(--shadow); }
.card[draggable=true] { cursor: grab; }
.card.dragging { opacity: .5; }
.card .c-title { font-weight: 650; text-decoration: none; display: block; margin-bottom: 4px; }
.card .c-meta { font-size: 12px; color: var(--ink-2); display: grid; grid-template-columns: auto 1fr; gap: 2px 8px; }
.card .c-meta dt { color: var(--muted); } .card .c-meta dd { margin: 0; }
.card .c-qty { font-size: 15px; font-weight: 650; }
.card .c-actions { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; align-items: center; }
.card .c-actions form { display: flex; gap: 6px; margin: 0; }
.card .c-actions select { padding: 4px 6px; font-size: 12px; width: auto; }

/* Scanner */
.scanner { max-width: 760px; margin: 0 auto; }
.scan-input { display: flex; gap: 8px; }
.scan-input input { font-size: 18px; padding: 14px; }
.scan-state { text-align: center; color: var(--muted); padding: 8px 0; font-weight: 600; }
.scan-state.ready::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--ok); margin-right: 8px; }
.cam-wrap { position: relative; border-radius: var(--radius); overflow: hidden; background: #000; margin: 10px 0; }
.cam-wrap video { width: 100%; display: block; max-height: 50vh; object-fit: cover; }
.cam-wrap .cam-frame { position: absolute; inset: 18%; border: 3px solid rgba(210,168,80,.9); border-radius: 12px; pointer-events: none; }
/* Scanner – erkannter Artikel (Darstellung im HQ-Stil) */
.item-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); margin: 14px 0; overflow: hidden; }
.item-head { padding: 18px 20px 16px; border-bottom: 1px solid var(--line); }
.item-title { margin: 0 0 12px; font-size: 22px; font-weight: 650; line-height: 1.25; letter-spacing: -.01em; }
.item-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 18px; margin: 0; }
.item-facts .fact { min-width: 0; }
.item-facts dt { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); margin-bottom: 2px; }
.item-facts dd { margin: 0; font-size: 16px; font-weight: 600; color: var(--ink); overflow-wrap: anywhere; }
.item-info { margin: 12px 0 0; font-size: 14px; color: var(--ink-2); background: var(--sand); border-radius: 6px; padding: 8px 12px; }
.item-card .loc-select { margin: 14px 20px 0; font-size: 14px; }
.item-card .loc-select select { font-size: 16px; padding: 12px; }

/* Aktionen: Bestellen primaer, Einlagern/Entnehmen sekundaer */
.scan-actions { display: flex; flex-direction: column; gap: 12px; padding: 18px 20px 6px; }
.act-primary { width: 100%; min-height: 76px; border: 0; border-radius: 12px; cursor: pointer;
               background: var(--gold); color: var(--anthracite); font: inherit; font-size: 22px; font-weight: 750;
               letter-spacing: .08em; text-transform: uppercase; box-shadow: inset 0 -3px 0 rgba(31,29,27,.18); }
.act-primary:hover { background: #c99d42; }
.act-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.act-secondary { min-height: 56px; border-radius: 10px; cursor: pointer; background: var(--surface); color: var(--ink);
                 border: 1.5px solid var(--line-2); font: inherit; font-size: 17px; font-weight: 650; letter-spacing: .03em;
                 display: inline-flex; align-items: center; justify-content: center; text-decoration: none; padding: 0 14px; }
.act-secondary:hover { border-color: var(--anthracite); background: #fbf9f6; }
.act-row .act-secondary.hidden + .act-secondary { grid-column: 1 / -1; }
.order-hint { margin: 0; font-size: 14px; color: var(--ink-2); line-height: 1.45; }
.act-primary:disabled, .act-secondary:disabled, .act-next:disabled { opacity: .45; cursor: wait; }

/* Menge: vorhanden, aber zurueckhaltend */
.qty-area { display: flex; align-items: center; gap: 14px; padding: 12px 20px 4px; }
.qty-label { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
.qty { display: grid; grid-template-columns: 48px minmax(70px, 120px) 48px; gap: 6px; margin: 0; }
.qty button { font-size: 22px; font-weight: 600; border-radius: 8px; border: 1px solid var(--line-2); background: var(--surface);
              color: var(--ink-2); cursor: pointer; min-height: 48px; }
.qty button:hover { border-color: var(--ink-2); }
.qty input { text-align: center; font-size: 20px; font-weight: 650; min-height: 48px; padding: 6px; }

/* Naechster Scan: gross, ueber die volle Breite */
.act-next { display: block; width: calc(100% - 40px); margin: 16px 20px 20px; min-height: 60px; border: 0; border-radius: 12px;
            cursor: pointer; background: var(--anthracite); color: #fff; font: inherit; font-size: 18px; font-weight: 650;
            letter-spacing: .04em; }
.act-next:hover { background: #3a3632; }
.result { border-radius: 10px; padding: 14px 16px; margin: 12px 0; font-size: 16px; border-left: 5px solid; }
.result.ok { background: var(--ok-bg); border-color: var(--ok); color: #2f5432; }
.result.err { background: var(--conflict-bg); border-color: var(--conflict); color: var(--conflict); }
.result.warn { background: var(--caution-bg); border-color: var(--gold); color: var(--caution); }
.result strong.big { font-size: 22px; display: block; margin-top: 4px; }
.result .r-actions { margin-top: 10px; display: flex; gap: 8px; flex-wrap: wrap; }
.hidden { display: none !important; }
.loc-select { margin-top: 6px; }

@media (max-width: 900px) {
    .two-col, .side-layout, .area-layout { grid-template-columns: 1fr; }
    .grid4, .row-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .board { grid-template-columns: repeat(4, minmax(260px, 85vw)); }
    .table-scroll { max-height: none; }
    .tabs { width: 100%; order: 3; }
}
@media (max-width: 700px) {
    .scanner { margin: 0 -4px; }
    .item-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .item-head { padding: 16px; }
    .item-title { font-size: 20px; }
    .scan-actions { padding: 16px 16px 4px; }
    .act-primary { min-height: 72px; font-size: 20px; }
    .qty-area { padding: 12px 16px 4px; }
    .act-next { width: calc(100% - 32px); margin: 14px 16px 16px; }
}
.spaced { margin-top: 14px; }

/* Korrekturen nach Sichtpruefung */
.filters input, .filters select { width: auto; }
.filters input[type=search] { flex: 1 1 260px; }
.filters label { flex-direction: row; align-items: center; gap: 6px; }
.filters label.check input { margin-top: 0; }
.panel-head h2, h2.first { margin: 0; }
.panel > .panel-head:first-child { margin-bottom: 10px; }
@media (max-width: 700px) {
    .scan-input { flex-wrap: wrap; }
    .scan-input input { flex: 1 1 100%; }
    .scan-input .btn { flex: 1; min-height: 48px; }
    .filters label { flex: 1 1 45%; }
    .filters input, .filters select { flex: 1 1 100%; }
}
label input, label select, label textarea, .filters input, .filters select { font-weight: 400; }
@media (max-width: 340px) {
    .act-row { grid-template-columns: 1fr; }
    .item-facts { grid-template-columns: 1fr; }
}
.dot.none { background: transparent; border: 1.5px solid var(--line-2); width: 9px; height: 9px; }
.site-line { margin: 4px 0 6px; }
/* Standort auf Bestellkarten deutlich */
.c-site { font-size: 13px; font-weight: 650; color: var(--ink); background: #f7efdc; border-left: 3px solid var(--gold);
          padding: 4px 8px; border-radius: 4px; margin: 6px 0 8px; }
.c-site.missing { background: var(--conflict-bg); border-left-color: var(--conflict); color: var(--conflict); }
.c-site.big { font-size: 15px; width: 100%; margin: 4px 0 0; }
.kpi .k-sub .warn { color: var(--conflict); }
.row-form { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }