/* CP Lieferanten-Import · ruhige Arbeitsfläche, Tabelle im Zentrum, Teal als einzige Akzentfarbe */
:root{--bg:#f4f7f6;--card:#fff;--ink:#1d3331;--muted:#5d726f;--line:#dbe5e2;--teal:#187b74;--teal-d:#0f5f58;--soft:#e4f2ee;--warn:#9a5b12;--warn-bg:#fdf3e2;--bad:#b3261e;--bad-bg:#fdecea;--ok:#1e7a4c;
  --font:"Segoe UI",system-ui,-apple-system,sans-serif;--mono:ui-monospace,"Cascadia Mono",Consolas,monospace}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:14px/1.5 var(--font)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 13px;font-weight:600}
button:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}
button:disabled{opacity:.5;cursor:default}
button.primary{background:var(--teal);border-color:var(--teal);color:#fff}
button.primary:hover:not(:disabled){background:var(--teal-d);color:#fff}
button.ghost{background:transparent}
button.danger{color:var(--bad)}
:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
input,select,textarea{border:1px solid var(--line);border-radius:7px;padding:7px 9px;background:#fff;width:100%;min-width:0}
textarea{resize:vertical}
label{display:grid;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}
label small{font-weight:400}
h1{font-size:24px;margin:0;letter-spacing:-.01em}
h2{font-size:17px;margin:0}
h3{font-size:14px;margin:0}
p{margin:0}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:var(--ink);color:#fff;position:sticky;top:0;z-index:20}
.brand{display:flex;gap:11px;align-items:center}
.brand img{border-radius:8px}
.brand small{display:block;color:#a9c3be;font-size:11px}
.bar nav{display:flex;gap:12px;align-items:center;font-size:13px;color:#cfe0dc}
.bar .ghost{color:#fff;border-color:#40605c}
main{max-width:1500px;margin:0 auto;padding:24px}
.loading{color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}
.stack{display:grid;gap:16px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.row.end{justify-content:flex-end}
.spread{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.muted{color:var(--muted)}
.small{font-size:12px}
.eyebrow{font:600 11px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.login{max-width:440px;margin:8vh auto}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.project{text-align:left;display:grid;gap:6px;padding:16px;border-radius:12px;background:#fff}
.project b{font-size:15px}
.pill{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:600;background:var(--soft);color:var(--teal-d);white-space:nowrap}
.pill.warn{background:var(--warn-bg);color:var(--warn)}
.pill.bad{background:var(--bad-bg);color:var(--bad)}
.pill.ok{background:#e3f4ea;color:var(--ok)}
.steps{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:4px;overflow-x:auto}
.steps button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;padding:10px 14px;color:var(--muted)}
.steps button.active{color:var(--teal);border-bottom-color:var(--teal)}
.drop{border:2px dashed #b9cdc8;border-radius:12px;padding:28px;text-align:center;background:#fafcfb;transition:background .15s}
.drop.over{background:var(--soft);border-color:var(--teal)}
.files{display:grid;gap:6px}
.file{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
.file span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.progress{height:10px;border-radius:6px;background:#e3ebe9;overflow:hidden}
.progress span{display:block;height:100%;background:var(--teal);transition:width .4s}
.alert{border-radius:10px;padding:10px 12px;background:var(--warn-bg);color:var(--warn);font-size:13px}
.alert.bad{background:var(--bad-bg);color:var(--bad)}
.alert.info{background:var(--soft);color:var(--teal-d)}
.toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fafcfb}
.toolbar label{width:auto}
.toolbar input{width:110px}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fff}
table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
th,td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#f6f9f8;position:sticky;top:0;white-space:nowrap}
tr:hover td{background:#fbfdfc}
tr.checked td{background:#f3faf7}
td.num{text-align:right;white-space:nowrap}
td input.price{width:90px;text-align:right}
.thumbs{display:flex;gap:3px}
.thumbs img{width:38px;height:38px;object-fit:cover;border-radius:5px;border:1px solid var(--line);background:#f2f2f2}
.thumbs .more{font-size:11px;color:var(--muted);align-self:center}
.name b{display:block}
.name small{color:var(--muted)}
.name small.rbx-cat{display:block;color:#187b74;font-weight:600}
.ws-assign{border-color:#cfe6e0;background:#f6fbf9}
.ws-assign .small-select{max-width:220px}
.drawer-bg{position:fixed;inset:0;background:#1d333166;z-index:40;display:flex;justify-content:flex-end}
.drawer{width:min(760px,100%);height:100%;overflow:auto;background:var(--bg);padding:20px;display:grid;gap:14px;align-content:start}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.shot{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;cursor:grab}
.shot img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.shot .meta{font-size:10.5px;padding:4px 6px;color:var(--muted);display:flex;justify-content:space-between;gap:4px}
.shot .x{position:absolute;top:5px;right:5px;padding:1px 7px;border-radius:12px;background:#fffd;font-size:13px;line-height:1.4}
.shot .n{position:absolute;top:5px;left:5px;background:var(--teal);color:#fff;border-radius:10px;font-size:11px;padding:0 7px}
.shot.dragging{opacity:.4}
.shot.extra{opacity:.55}
.add-shot{display:grid;place-items:center;border:2px dashed #b9cdc8;border-radius:10px;min-height:130px;color:var(--muted);font-size:12px;text-align:center;padding:8px;cursor:pointer}
.howto ol{margin:6px 0 0;padding-left:20px;display:grid;gap:4px}
code{font-family:var(--mono);font-size:12px;background:#eef3f1;padding:1px 5px;border-radius:4px}
#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;z-index:60;max-width:90vw}
#toast.bad{background:var(--bad)}
@media (max-width:700px){main{padding:14px}.bar{padding:10px 14px}.brand small{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* Prüfen: Liste links, Artikel rechts */
.review{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:16px;align-items:start}
.review .list{padding:0;position:sticky;top:76px;max-height:calc(100vh - 96px);display:flex;flex-direction:column;overflow:hidden}
.list-head{padding:12px;border-bottom:1px solid var(--line);display:grid;gap:6px}
.rows{overflow-y:auto}
.row-item{display:flex;gap:10px;align-items:center;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-left:3px solid transparent;border-radius:0;padding:8px 10px;background:#fff;font-weight:400}
.row-item:hover{background:#f6faf9;color:inherit}
.row-item.active{background:var(--soft);border-left-color:var(--teal)}
.row-item img,.row-item .noimg{width:40px;height:40px;object-fit:cover;border-radius:6px;flex:none;background:#eef2f1;display:grid;place-items:center;color:var(--muted)}
.row-item .txt{flex:1;min-width:0}
.row-item .txt b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row-item .txt small{color:var(--muted);font-size:11.5px}
.row-item.done .txt b{color:var(--teal-d)}
.dot{width:9px;height:9px;border-radius:50%;flex:none}
.dot.bad{background:var(--bad)}.dot.ok{background:var(--ok)}
.star{color:#c98a00;cursor:help;font-size:.95em}
button.link{border:0;background:none;padding:0;color:var(--teal);font-weight:600;font-size:inherit;text-decoration:underline}
.detail .card{padding:20px}
details.alert summary{cursor:pointer;font-weight:600}
@media (max-width:900px){.review{grid-template-columns:1fr}.review .list{position:static;max-height:320px}}
/* Prüfen v2: Tabelle 70 % links, Artikelkarte 30 % rechts */
.review{grid-template-columns:minmax(0,7fr) minmax(300px,3fr)}
.review .tablewrap{max-height:calc(100vh - 120px);overflow:auto}
.review tbody tr{cursor:pointer}
.review tbody tr.active td{background:var(--soft)!important;box-shadow:inset 0 1px 0 var(--teal),inset 0 -1px 0 var(--teal)}
.review tbody tr.active td:first-child{box-shadow:inset 3px 0 0 var(--teal),inset 0 1px 0 var(--teal),inset 0 -1px 0 var(--teal)}
.review .detail{position:sticky;top:76px;max-height:calc(100vh - 96px);overflow-y:auto}
.review .detail .card{padding:16px}
.review .detail h2{font-size:16px}
.review .detail .gallery{grid-template-columns:repeat(3,1fr);gap:6px}
.review .detail .add-shot{min-height:80px}
.review .detail .shot .meta{font-size:9.5px}
@media (max-width:1100px){.review{grid-template-columns:1fr}.review .detail{position:static;max-height:none}}
.review table{font-size:12.5px}.review th,.review td{padding:6px 7px}.review th{font-size:10px}.review .thumbs img{width:30px;height:30px}.review td input.price{width:72px;padding:5px 6px}.review td .pill{font-size:10px;padding:1px 6px}
/* Prüfen v3: zwei Panels mit eigener Scrollleiste, kein Durchreichen des Scrollens an die Seite */.review{height:calc(100vh - 92px);min-height:480px;align-items:stretch}.review .tablewrap{max-height:none;height:100%;overflow:auto;overscroll-behavior:contain}.review .detail{position:static;top:auto;max-height:none;height:100%;overflow-y:auto;overscroll-behavior:contain}.review .detail .card{min-height:100%}.review thead th{position:sticky;top:0;z-index:2}@media (max-width:1100px){.review{height:auto}.review .tablewrap{height:60vh}.review .detail{height:auto}}
/* Prüfen v4: Arbeitsbereich = ganzes Fenster, Seite scrollt nicht, kompakte Kopfzeile, zwei Panels mit eigener Scrollleiste */
.spread.head h1{font-size:20px;margin:0}
.spread.head .row{gap:14px}
.ws-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;border:1px solid var(--teal);border-radius:10px;background:#fff}
.ws-bar .inline{display:flex;align-items:center;gap:6px;font-size:12px}
.ws-bar .inline input{width:64px;padding:5px 7px}
.ws-bar .inline select{width:auto;padding:5px 7px}
.ws-bar .search{width:220px;padding:6px 9px}
.ws-bar .sep{width:1px;height:24px;background:var(--line)}
.ws-bar .count{margin-left:auto}
.ws-bar button{padding:6px 11px}
body.ws{height:100vh;overflow:hidden}
body.ws main{height:calc(100vh - 62px);padding:10px 20px 12px;display:flex;flex-direction:column;overflow:hidden;max-width:none}
body.ws #app>.stack{flex:1;display:flex;flex-direction:column;min-height:0;gap:8px}
body.ws .steps{margin-bottom:0}
body.ws .steps button{padding:7px 12px}
body.ws #view{flex:1;min-height:0;display:flex;flex-direction:column}
body.ws #view>.stack{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}
body.ws .review{flex:1;min-height:0;height:auto}
body.ws .review .tablewrap,body.ws .review .detail{height:auto;min-height:0;overflow:auto;overscroll-behavior:contain}
body.ws .review{grid-template-rows:minmax(0,1fr)}
/* Einheitliches Layout: gleiche Breite und gleicher Kopf auf allen Seiten; im Import scrollt nur der Inhalt unter dem Kopf */
main{max-width:none;padding:16px 20px}
.spread.head{min-height:38px;align-items:center}
.steps{min-height:38px}
body.ws #view{overflow-y:auto;overscroll-behavior:contain;padding-right:2px}
body.ws[data-step="review"] #view{overflow:hidden}
body.ws #view>.grid2,body.ws #view>section,body.ws #view>div:not(.stack){flex:none}
.projects{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
body.ws:not([data-step="review"]) #view{display:block}
.more-img{display:grid;gap:8px;padding:12px;border:1px dashed #b9cdc8;border-radius:10px;background:#fafcfb}.more-img h4{margin:6px 0 4px;font-size:12px}.cand{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.cand button{position:relative;padding:0;border-radius:7px;overflow:hidden;aspect-ratio:1}.cand img{width:100%;height:100%;object-fit:cover;display:block}.cand span{position:absolute;right:3px;bottom:3px;background:var(--teal);color:#fff;border-radius:50%;width:18px;height:18px;line-height:18px;text-align:center;font-size:13px}.cand button:hover{outline:2px solid var(--teal)}a.btnlink{display:inline-block;padding:6px 11px;border:1px solid var(--line);border-radius:8px;font-weight:600;font-size:12px;text-decoration:none;color:var(--ink);background:#fff}a.btnlink:hover{border-color:var(--teal);color:var(--teal)}.detail.drop-on .card{outline:3px dashed var(--teal);outline-offset:-6px}
.ws-bar .small-select{width:auto;padding:5px 7px;font-size:12px}

/* shared wallet (CP Content Studio + Lieferanten-Import) */
.wallet{display:inline-flex;align-items:center;gap:8px;padding:4px 6px 4px 12px;border:1px solid #cfe3dd;border-radius:999px;background:#f2f7f5;margin-right:12px;line-height:1.1}
.wallet small{font-size:11px;color:#5b6b66;max-width:90px}
.wallet b{font-size:15px;white-space:nowrap;color:#12322c}
.wallet button{padding:4px 12px;border-radius:999px}
.wallet.low{border-color:#e9b9a6;background:#fdf2ee}
.wallet.low b{color:#b3401c}
@media(max-width:700px){.wallet small{display:none}}

/* credit panel on the overview */
.credit-panel{display:grid;grid-template-columns:300px minmax(0,1fr);max-width:860px;border-radius:14px;overflow:hidden;border:1px solid #d9e6e1;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.cp-bal{background:#12322c;color:#cfe3dd;padding:20px 22px;display:flex;flex-direction:column;gap:6px;font-size:12.5px}
.cp-bal>span:first-child{text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#8fc4b6}
.cp-bal>b{font-size:38px;line-height:1.05;color:#fff;font-weight:700}.cp-bal>b small{font-size:15px;font-weight:500;color:#cfe3dd}
.cp-bal>b.low{color:#ffb59a}
.cp-bal button{margin-top:10px;align-self:flex-start;background:#2bb39a;color:#0b241f;border:0;font-weight:700;padding:9px 16px;border-radius:8px;cursor:pointer}
.cp-bal button:hover{background:#3cc8ad}
.cp-prices{padding:18px 22px;display:flex;flex-direction:column;gap:2px}
.cp-prices>span{margin-bottom:8px}
.cp-prices>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e3ebe8;font-size:14px}
.cp-prices>div:last-child{border-bottom:0}
@media(max-width:800px){.credit-panel{grid-template-columns:1fr}}

/* top-up drawer: packages + payment methods like a shop checkout */
.drawer.topup{display:flex;flex-direction:column;gap:14px}
.tp-list{display:grid;gap:8px}
.tp-opt,.tp-method{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1.5px solid #dbe5e1;border-radius:12px;background:#fff;cursor:pointer;font-weight:400;margin:0;transition:border-color .15s,box-shadow .15s}
.tp-opt:hover,.tp-method:hover{border-color:#9cc9bd}
.tp-opt.on,.tp-method.on{border-color:#187b74;box-shadow:0 0 0 3px rgba(24,123,116,.12);background:#f7fbfa}
.tp-opt input[type=radio],.tp-method input[type=radio]{width:18px;height:18px;margin:0;accent-color:#187b74;flex:0 0 auto}
.tp-opt>span{flex:1;display:flex;flex-direction:column;gap:3px}
.tp-opt>span b{font-size:15px}
.tp-opt small,.tp-method small{color:#62736e;font-size:12.5px;line-height:1.4}
.tp-opt small i{font-style:normal;color:#9aa8a4}
.tp-price{font-size:16px;white-space:nowrap}
.tp-opt input[type=number]{display:inline-block;width:90px;margin:0 6px;padding:4px 8px;text-align:right;font-weight:700}
.tp-h{margin:6px 0 0;font-size:15px}
.tp-pay{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tp-method>span:last-child{display:flex;flex-direction:column;gap:2px}
.tp-logo{flex:0 0 92px;height:46px;display:flex;align-items:center;justify-content:center;border:1px solid #e3ebe8;border-radius:8px;background:#fff}
.tp-logo.inv{color:#12322c}
.tp-mail{margin:0}
.tp-sum{border-top:1px solid #e3ebe8;padding-top:12px;display:grid;gap:6px;font-size:14px}
.tp-sum>div{display:flex;justify-content:space-between}
.tp-total{font-size:17px;padding-top:6px;border-top:1px dashed #dbe5e1}
.tp-go{margin-top:6px;padding:12px;font-size:15px}
@media(max-width:600px){.tp-pay{grid-template-columns:1fr}}
/* dealer discount per row */
.review input.disc{width:56px;text-align:right;padding:4px 6px}
.review input.disc.own{border-color:#d9a441;background:#fff8e6;font-weight:700}
.review td .pill.warn{display:block;margin-top:3px;font-size:10px;text-align:center}

/* export: one big download */
.big-dl{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 20px;font-size:17px;text-align:left}
.big-dl small{font-weight:400;font-size:12.5px;opacity:.85}
.rbx .big-dl{width:100%}
/* Progress panel (check / transfer / shop check) */
.progress-panel{position:fixed;right:20px;bottom:20px;z-index:60;width:min(420px,calc(100vw - 32px));background:#fff;border:1px solid #d7e4e0;border-radius:12px;box-shadow:0 12px 32px rgba(16,40,36,.18);padding:14px 16px;display:grid;gap:8px;animation:pp-in .25s ease-out}
.progress-panel .pp-head{display:flex;align-items:center;gap:10px}
.progress-panel .pp-head small{display:block;font-size:11px;color:#187b74;text-transform:uppercase;letter-spacing:.04em}
.progress-panel .pp-head b{font-size:15px}
.progress-panel .pp-pct{margin-left:auto;font-weight:700;font-size:18px;color:#187b74;font-variant-numeric:tabular-nums}
.progress-panel .pp-spin{flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:3px solid #cfe6e0;border-top-color:#187b74;animation:pp-spin .8s linear infinite}
.progress-panel .pp-ok{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#187b74;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700}
.progress-panel .pp-bar{height:10px;border-radius:99px;background:#e6efec;overflow:hidden}
.progress-panel .pp-bar i{display:block;height:100%;border-radius:99px;background:repeating-linear-gradient(45deg,#187b74 0 10px,#22958c 10px 20px);background-size:28px 28px;animation:pp-stripes 1s linear infinite;transition:width .6s ease}
.progress-panel.done .pp-bar i{animation:none;background:#187b74}
.progress-panel .pp-meta{font-size:13px;font-variant-numeric:tabular-nums}
.progress-panel .pp-cur{font-size:12px;color:#5b6b67;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.progress-panel .pp-text{margin:0;font-size:12px;color:#5b6b67;line-height:1.45}
@keyframes pp-spin{to{transform:rotate(360deg)}}
@keyframes pp-stripes{to{background-position:28px 0}}
@keyframes pp-in{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){.progress-panel,.progress-panel .pp-spin,.progress-panel .pp-bar i{animation:none}}
.rbx .ways{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rbx .way{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #e3e8e6;border-radius:10px;background:#fff}
.rbx .way p{margin:0}
.rbx .way .big-dl{min-height:84px}
@media (max-width:760px){.rbx .ways{grid-template-columns:1fr}}
.alt-files{margin-top:14px}
.alt-files>summary{cursor:pointer;padding:4px 0}
.alt-files[open]>summary{margin-bottom:12px}
.howto ol.steps4{padding-left:20px;display:grid;gap:8px}
.howto details{border-top:1px solid #e3ebe8;padding-top:10px}

.dl-steps{display:grid;gap:10px}
.dl-step{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:start;border:1px solid #dfe7e4;border-radius:12px;padding:12px 14px;background:#fff}
.dl-step p{margin:3px 0 0}
.dl-step.ok{background:#f2faf5;border-color:#bfe3cc}
.dl-n{width:32px;height:32px;border-radius:50%;background:#12322c;color:#b6f28d;display:grid;place-items:center;font-weight:700}
.dl-step.ok .dl-n{background:#187b74;color:#fff}
@media(max-width:700px){.dl-step{grid-template-columns:32px minmax(0,1fr)}.dl-step button{grid-column:1/-1}}

/* export: questions before the file */
.checks{border:2px solid #e8b04a;background:#fffdf6;margin-bottom:14px}
.checks.done{border-color:#bfe3cc;background:#f4fbf6}
.checks .q{display:grid;gap:6px;padding:12px 0;border-top:1px solid #efe6cf}
.checks.done .q{border-top-color:#dcefe3}
.checks .q b{font-size:15px}
.checks .q.ok>b::after{content:' ✓';color:#187b74}
.checks .chips{display:flex;flex-wrap:wrap;gap:8px}
.checks .chip{border:1.5px solid #d7ddd9;background:#fff;border-radius:999px;padding:6px 12px;font-weight:400;cursor:pointer}
.checks .chip b{font-size:14px;margin-right:4px}
.checks .chip.on{border-color:#187b74;background:#187b74;color:#fff}
.checks .row input{flex:1;min-width:0}
.checks .dupe span{flex:1;min-width:0;font-size:14px}
.checks .dupe input{max-width:200px}
.checks .ck{display:grid;gap:8px;padding:12px 0;border-top:1px solid #efe6cf}
.checks.done .ck{border-top-color:#dcefe3}
.checks .ck-head{display:flex;gap:10px;align-items:flex-start}
.checks .ck-head b{font-size:15px}
.checks .ck-ico{flex:0 0 24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;background:#e8b04a;color:#fff}
.checks .ck.ok .ck-ico{background:#187b74}
.checks .ck-prop{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-left:34px;padding:8px 10px;border-radius:8px;background:#fff;border:1px solid #efe6cf}
.checks .ck-prop>span{flex:1;min-width:220px;font-size:14px}
.checks .ck-prop.done{background:transparent;border-color:transparent;padding:0 10px}
.checks .ck-prop.done>span{color:#187b74}
.checks .ck-change{margin-left:34px}
.checks .ck-change .row{flex-wrap:wrap}
@media (max-width:640px){.checks .ck-prop,.checks .ck-change{margin-left:0}}
.shopcheck{margin-bottom:14px}
.shopcheck .chips{display:flex;flex-wrap:wrap;gap:8px}
.shopcheck .chip{border:1.5px solid #d7ddd9;background:#fff;border-radius:999px;padding:5px 12px;font-weight:400;cursor:pointer;font-size:13px}
.shopcheck .chip.on{border-color:#187b74;background:#187b74;color:#fff}
.shopcheck table{font-size:13px}
.shopcheck .alert .small{margin-left:6px}
button[disabled]{opacity:.45;cursor:not-allowed}

/* Reybex transfer */
.rbx{border:2px solid #187b74;margin-bottom:14px}
.rbx-table td{vertical-align:top}
.rbx-table td small{display:block}
.rbx-table .bad{color:var(--bad)}
.pill.bad{background:#fde8e4;color:#b3401c}
button.danger{background:#b3401c!important;border-color:#b3401c!important;color:#fff!important}