/* Säljtavlan – utseende för avtal (avtalssidan, adminens förhandsvisning och utskrift) */
.st-avtal{--ink:#10293a;--muted:#4a6474;--line:#d6e2e8;--accent:#0b7445;font:15px/1.6 Inter,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;max-width:860px;margin:0 auto;padding:44px 52px;border-radius:14px;box-shadow:0 10px 40px rgba(10,30,45,.12)}
.st-avtal h1{font-size:30px;margin:6px 0 10px;letter-spacing:-.02em}.st-avtal h2{font-size:22px;margin:0 0 10px}.st-avtal h3{font-size:16px;margin:0 0 6px}.st-avtal h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}
.st-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:2px solid var(--ink);padding-bottom:14px;margin-bottom:18px;flex-wrap:wrap}
.st-brand{font-size:24px;font-weight:900;letter-spacing:-.03em}.st-brand b{color:#36c7a5}.st-meta{display:grid;text-align:right;font-size:12px;color:var(--muted)}
.st-lead{color:var(--muted);margin:0 0 20px}
.st-parties{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 20px}.st-parties>div{border:1px solid var(--line);border-radius:10px;padding:14px 16px}.st-parties p{margin:0 0 6px}.st-parties small{color:var(--muted)}
.st-summary{background:#f3f8f6;border:1px solid #cfe5da;border-radius:12px;padding:16px 18px;margin:0 0 24px}.st-summary table{width:100%;border-collapse:collapse}.st-summary th,.st-summary td{text-align:left;padding:7px 8px;border-bottom:1px solid #dbe9e2;vertical-align:top;font-size:14px}.st-summary th{width:38%;color:var(--muted);font-weight:600}
.st-special{margin-top:12px;padding:10px 12px;background:#fff8e6;border-radius:8px;font-size:14px}
.st-sec{margin:0 0 16px}.st-sec p{margin:0 0 8px}
.st-bilaga{margin-top:32px;padding-top:22px;border-top:2px dashed var(--line)}.st-bilaga h4{margin-top:14px}.st-bilaga p{margin:0 0 8px}
.st-foot{margin-top:26px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
.st-missing{background:#ffe3e0;color:#b3261e;padding:0 4px;border-radius:4px;font-weight:700}
.st-receipt{margin-top:28px;border:2px solid var(--accent);border-radius:12px;padding:16px 18px;background:#effaf4}.st-receipt h2{color:var(--accent);font-size:18px}.st-receipt table{border-collapse:collapse;width:100%}.st-receipt th,.st-receipt td{text-align:left;padding:5px 8px;font-size:13px;border-bottom:1px solid #cfe5da;vertical-align:top}.st-receipt th{width:34%;color:var(--muted);font-weight:600}.st-receipt code{font-size:11px;word-break:break-all}
@media(max-width:700px){.st-avtal{padding:24px 18px;border-radius:0;box-shadow:none}.st-parties{grid-template-columns:1fr}.st-summary th{width:45%}.st-meta{text-align:left}}
@media print{.st-avtal{box-shadow:none;padding:0;max-width:none}.st-sec,.st-summary,.st-parties{break-inside:avoid}}
/* v2: rader med ordinarie pris och ert pris */
.st-summary2 table{margin:0 0 14px}.st-lines th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;width:auto}
.st-lines td small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px;line-height:1.45}
.st-num{text-align:right!important;white-space:nowrap;width:1%}.st-lines s{color:#8aa0ad;font-weight:500;margin-right:6px}
.st-free{color:var(--accent);background:#dff3e8;padding:1px 8px;border-radius:20px;font-size:13px}
.st-total td{font-weight:800;border-bottom:2px solid var(--ink)!important;font-size:15px!important}
.st-note td{color:var(--muted);font-size:13px!important}
.st-saving{background:#fff;border:1px solid #cfe5da;border-left:4px solid var(--accent);border-radius:8px;padding:10px 12px;margin:0 0 14px;font-size:14.5px}
.st-terms th{width:38%}.st-small{font-size:12px;color:var(--muted);margin:10px 0 0}
@media(max-width:700px){.st-num{white-space:normal}.st-lines s{display:block;margin:0}}
.st-incl{margin:6px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;font-size:13px;color:var(--ink)}.st-incl li::before{content:"✓ ";color:var(--accent);font-weight:800}
.st-lines td small:empty{display:none}
@media(max-width:700px){.st-incl{grid-template-columns:1fr}}