/* Reachly Commercial - tilføjelser oven på app.css (Reachlys design: sort/råhvid, lime-accent, Syne + DM Sans): klare tal, én accentfarve, tydelige tilstande (masterprompt §4) */
.commercial .top nav a.active{border-bottom-color:var(--accent)}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.pill.ok,.pill.committed,.pill.new,.pill.invoice,.pill.active{color:var(--good);border-color:var(--good)}
.pill.warning,.pill.partial,.pill.updated,.pill.analysed,.pill.validated,.pill.committing,.pill.credit_note{color:var(--warn);border-color:var(--warn)}
.pill.rejected,.pill.failed,.pill.error,.pill.crit{color:var(--crit);border-color:var(--crit)}
.pill.duplicate,.pill.unchanged,.pill.cancelled,.pill.skipped{color:var(--muted)}
.card.empty{text-align:center;padding:28px 20px}
.card.empty h3{margin:0 0 6px;font-size:16px}
.card.empty p{margin-inline:auto}
a.button{font:inherit;font-weight:600;padding:9px 16px;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:#fff;text-decoration:none;display:inline-block}
.next-actions{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px}
.next-actions li{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);padding:12px 16px}
.next-actions li h3{margin:0 0 4px;font-size:15px}
.next-actions li p{margin:0;font-size:14px;color:var(--muted)}
.mapping-grid{display:grid;grid-template-columns:1fr;gap:4px 16px}
.mapping-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr);gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}
.mapping-row label{margin:0}
.mapping-row .help{grid-column:1 / -1;font-size:12px;color:var(--muted);margin-top:-2px}
.mapping-row select{padding:6px 8px}
.group-title{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:16px 0 4px}
.issue-list{margin:4px 0 0;padding-left:18px;font-size:13px}
.issue-list li.error{color:var(--crit)}
.issue-list li.warning{color:var(--warn)}
.issue-list li.info{color:var(--muted)}
.sample{font-size:12px}
.sample td,.sample th{padding:4px 6px;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
/* Fremdrift: et rigtigt <progress> - en bredde i style="" blokeres af sidens CSP (style-src uden 'unsafe-inline') */
progress.progress{display:block;width:100%;height:8px;border:0;background:var(--surface-2);border-radius:4px;overflow:hidden;margin:8px 0;-webkit-appearance:none;appearance:none;color:var(--accent)}
progress.progress::-webkit-progress-bar{background:var(--surface-2);border-radius:4px}
progress.progress::-webkit-progress-value{background:var(--accent);border-radius:4px}
progress.progress::-moz-progress-bar{background:var(--accent);border-radius:4px}
/* Små hjælpeklasser i stedet for style="" (CSP) */
.luft-over{margin-top:12px}
.actions.taet{margin-top:6px}
.tal-afvist{color:var(--crit)}
input.felt-kort{width:80px}
input.felt-mellem{width:110px}
.stat strong.small{font-size:16px}
.stat .sub{display:block;font-size:12px;color:var(--muted)}
.dl-inline dt{font-weight:600}
@media (max-width:600px){.mapping-row{grid-template-columns:1fr}}

.commercial .top nav.secondary{font-size:13px;gap:12px;margin-right:12px}
.commercial .top nav.secondary a{color:var(--muted)}
.commercial .prio{display:inline-block;min-width:2.4em;text-align:center;font-family:var(--mono);font-weight:500;padding:2px 6px;border-radius:4px;background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}
.commercial .prio.high{border-color:var(--warn);color:var(--warn)}
.commercial .opp-facts{font-size:14px}
.commercial .opp-facts dt{color:var(--muted);font-size:12px;margin-top:8px}
.commercial .opp-facts dd{margin:2px 0 0}
.commercial .steps li{margin-bottom:6px}
.commercial pre.shown{white-space:pre-wrap;font-size:13px;font-family:var(--mono);background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:12px;overflow-x:auto}
.pill.detected{color:var(--muted)}.pill.under_review,.pill.awaiting_approval,.pill.deferred,.pill.outcome_unknown,.pill.unknown{color:var(--warn);border-color:var(--warn)}
.pill.approved,.pill.in_progress,.pill.implemented,.pill.verified,.pill.succeeded,.pill.done{color:var(--good);border-color:var(--good)}
.pill.superseded,.pill.draft,.pill.pending{color:var(--muted)}