/* SMK Tarjousautomaatti – ulkoasu (sama sävymaailma kuin chat 0.10.0) */
.smk-taj{--pine:#173f35;--pine2:#24584b;--gold:#b08a3c;--gold2:#d3b264;--cream:#faf8f2;--paper:#fffdf8;--ink:#1c2422;--muted:#6b7672;--line:#e3e7e2;--bad:#b42318;--ok:#1d6b3f;font-family:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);font-size:15px;line-height:1.5;max-width:1180px;margin:0 auto}
.smk-taj *{box-sizing:border-box}
.smk-taj button{font:inherit;cursor:pointer}
.smk-taj-wrap{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:26px;align-items:start}
.smk-taj-right{position:sticky;top:16px}
.smk-taj-intro{margin:0 0 14px;color:var(--muted)}
/* askeleet */
.smk-taj-step{border:1px solid var(--line);border-radius:16px;background:#fff;margin:0 0 14px;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.smk-taj-step-head{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--cream);border-bottom:1px solid var(--line);cursor:pointer}
.smk-taj-step-head .num{width:30px;height:30px;border-radius:50%;background:var(--pine);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;flex:0 0 auto}
.smk-taj-step-head h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:600;font-size:19px;color:var(--pine);flex:1}
.smk-taj-step-head .sum{color:var(--muted);font-size:13px;text-align:right}
.smk-taj-step.is-open .smk-taj-step-body{display:block}
.smk-taj-step-body{display:none;padding:16px 18px 18px}
.smk-taj-step.is-done .num{background:var(--gold)}
/* kortit ja pillit */
.smk-taj-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.smk-taj-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px 12px 10px;text-align:left;transition:border-color .15s,box-shadow .15s;min-height:74px}
.smk-taj-card:hover{border-color:var(--gold2)}
.smk-taj-card.active{border-color:var(--gold);box-shadow:0 0 0 2px rgba(176,138,60,.22);background:#fff8e8}
.smk-taj-card b{display:block;color:var(--pine);font-size:14px;line-height:1.3}
.smk-taj-card small{display:block;color:var(--muted);font-size:12px;margin-top:3px;line-height:1.35}
.smk-taj-card .sw{display:inline-block;width:100%;height:26px;border-radius:8px;margin-bottom:8px;border:1px solid rgba(0,0,0,.08)}
.smk-taj-card .shape{width:100%;height:52px;display:block;margin-bottom:6px}
.smk-taj-pills{display:flex;flex-wrap:wrap;gap:8px}
.smk-taj-pill{border:1px solid var(--line);border-radius:999px;background:#fff;padding:8px 14px;font-size:14px;color:var(--ink)}
.smk-taj-pill.active{border-color:var(--gold);background:#fff7e4;color:#5c4212;font-weight:700}
.smk-taj-pill small{color:var(--muted);font-weight:400;margin-left:4px}
.smk-taj-group{margin-top:14px}
.smk-taj-group>label,.smk-taj-group>.lbl{display:block;font-size:13px;font-weight:700;color:var(--pine);margin:0 0 6px}
.smk-taj-hint{font-size:12.5px;color:var(--muted);margin:6px 0 0}
.smk-taj-note{margin:10px 0 0;padding:9px 12px;border:1px solid rgba(36,88,75,.2);border-radius:10px;background:#f4fbf7;color:#24584b;font-size:13px}
.smk-taj-warn{margin:10px 0 0;padding:9px 12px;border:1px solid rgba(176,138,60,.4);border-radius:10px;background:#fff8e8;color:#6d4c0f;font-size:13px}
.smk-taj-inline{display:flex;flex-wrap:wrap;gap:10px;align-items:end}
.smk-taj-inline label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--pine)}
.smk-taj input[type=text],.smk-taj input[type=number],.smk-taj input[type=email],.smk-taj input[type=tel],.smk-taj input[type=date],.smk-taj select,.smk-taj textarea{height:40px;border:1px solid var(--line);border-radius:10px;padding:8px 11px;font:inherit;background:#fff;color:var(--ink);min-width:0;width:100%}
.smk-taj textarea{height:auto;min-height:70px;resize:vertical}
.smk-taj input:focus,.smk-taj select:focus,.smk-taj textarea:focus{outline:0;border-color:var(--pine2);box-shadow:0 0 0 3px rgba(36,88,75,.12)}
.smk-taj input.mm{width:96px}
.smk-taj-check{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:8px}
.smk-taj-check input{width:18px;height:18px;margin:0}
/* rivit */
.smk-taj-rows{display:grid;gap:8px}
.smk-taj-row{display:grid;grid-template-columns:56px 1fr auto;gap:6px;align-items:center}
.smk-taj-row span{font-size:12px;color:var(--muted)}
.smk-taj-row button{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted)}
.smk-taj-btn{border:1px solid rgba(23,63,53,.25);border-radius:999px;background:#fff;color:var(--pine);font-weight:600;font-size:13.5px;padding:9px 14px}
.smk-taj-btn:hover{border-color:var(--gold);background:#fff7e4}
.smk-taj-btn.gold{background:var(--gold);color:#fff;border-color:var(--gold)}
.smk-taj-btn.pine{background:var(--pine);color:#fff;border-color:var(--pine)}
.smk-taj-btn.big{width:100%;padding:13px 16px;font-size:15px}
.smk-taj-btn:disabled{opacity:.55;cursor:wait}
.smk-taj-btnrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.smk-taj-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.smk-taj-tab{border:1px solid var(--line);border-radius:999px;background:#fff;padding:7px 12px;font-size:13px}
.smk-taj-tab.active{border-color:var(--pine);background:var(--pine);color:#fff}
.smk-taj-symbols{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;max-height:220px;overflow:auto;padding:4px}
.smk-taj-symbol{border:1px solid var(--line);border-radius:10px;background:#fff;padding:6px;height:72px;display:grid;place-items:center}
.smk-taj-symbol img{max-width:44px;max-height:44px}
.smk-taj-symbol.active{border-color:var(--gold);background:#fff7e4}
.smk-taj-symbol.none{font-size:11px;color:var(--muted)}
.smk-taj-att{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.smk-taj-att figure{margin:0;width:130px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:6px;text-align:center}
.smk-taj-att figure.eng{background:repeating-linear-gradient(45deg,#e9ebe6 0 6px,#f4f5f1 6px 12px)}
.smk-taj-att img{display:block;width:100%;height:84px;object-fit:contain}
.smk-taj-att figcaption{font-size:11px;color:var(--muted);margin-top:4px}
.smk-taj-ailogo{width:100%;height:120px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center;padding:8px}
.smk-taj-ailogo svg{max-width:100px;max-height:100px;color:#111}
/* esikatselu */
.smk-taj-preview{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fbfaf7,#f1efe8);padding:14px;box-shadow:0 10px 26px rgba(23,63,53,.08)}
.smk-taj-preview>svg{width:100%;height:auto;display:block}
.smk-taj-preview .cap{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:8px}
.smk-taj-price{border:1px solid rgba(176,138,60,.35);border-radius:16px;background:#fff;margin-top:12px;padding:12px 14px}
.smk-taj-price table{width:100%;border-collapse:collapse;font-size:13px}
.smk-taj-price td{padding:4px 0;border-bottom:1px dashed rgba(23,63,53,.12);vertical-align:top}
.smk-taj-price td.r{text-align:right;white-space:nowrap}
.smk-taj-price .tot{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:8px;border-top:2px solid var(--gold)}
.smk-taj-price .tot b{font-family:Georgia,serif;font-size:24px;color:var(--pine)}
.smk-taj-price .tot small{color:var(--muted);font-size:12px}
.smk-taj-price .sub{font-size:12.5px;color:var(--muted);margin-top:4px}
.smk-taj-price .est{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#fff8e8;color:#6d4c0f;font-size:11px;font-weight:700}
.smk-taj-actions{display:grid;gap:8px;margin-top:12px}
.smk-taj-quote{margin-top:12px;border:1px solid rgba(176,138,60,.35);border-radius:16px;background:#fff8e8;padding:12px 14px;display:none}
.smk-taj-quote.open{display:block}
.smk-taj-quote .g2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.smk-taj-quote label{display:grid;gap:3px;font-size:12px;font-weight:700;color:var(--pine)}
.smk-taj-msg{margin-top:10px;padding:10px 12px;border-radius:12px;font-size:14px}
.smk-taj-msg.ok{background:#eef8f1;color:var(--ok);border:1px solid rgba(29,107,63,.25)}
.smk-taj-msg.bad{background:#fff1f0;color:var(--bad);border:1px solid rgba(180,35,24,.25)}
.smk-taj-adv{margin-top:10px}
.smk-taj-adv summary{cursor:pointer;color:var(--pine);font-weight:600;font-size:13px}
@media(max-width:900px){.smk-taj-wrap{grid-template-columns:1fr}.smk-taj-right{position:static;order:-1}.smk-taj-preview{padding:10px}}
@media(max-width:560px){.smk-taj-cards{grid-template-columns:repeat(2,1fr)}.smk-taj-step-head{padding:12px 14px}.smk-taj-step-body{padding:12px 14px 14px}.smk-taj-quote .g2{grid-template-columns:1fr}}