/* StarCura 2.0 — Käyttöönotto (onboard.js) ja kutsulinkin sivu (invite.html). */
.ob{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;overflow-wrap:anywhere}
.ob h2{margin:0}
.ob-steps{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;counter-reset:obstep}
.ob-steps li{counter-increment:obstep;background:#e8f2f7;border:1px solid #c9dde6;border-radius:999px;padding:6px 12px;font-size:13px}
.ob-steps li::before{content:counter(obstep) " · ";font-weight:700;color:#12675d}
.ob-card{border:1px solid #d5e0dc;border-radius:10px;padding:14px 16px;background:#fbfdfd;min-width:0}
.ob-card h3{margin:0 0 6px}
.ob-form{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.ob .table-scroll{overflow-x:auto;max-width:100%}
.ob-row>*,.ob-card>*{min-width:0;max-width:100%}
.ob input,.ob select{max-width:100%}
.ob-row{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.ob-row input[readonly]{flex:1 1 280px;min-width:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}
.ob-check{display:flex;gap:6px;align-items:center;font-size:14px}
.ob-tpl-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px}
.ob-tpl-links .button,.ob .button{display:inline-block;text-decoration:none;border:1px solid #b8cacb;border-radius:7px;background:white;color:#18343c;padding:5px 9px}
.ob-chips{display:flex;flex-wrap:wrap;gap:6px}
.ob-table{border-collapse:collapse;width:100%;font-size:13px}
.ob-table th,.ob-table td{border-bottom:1px solid #e3ebe8;padding:6px 8px;text-align:left;vertical-align:top}
.ob-table input,.ob-table select{padding:5px;font-size:13px;max-width:100%}
.ob-table td input[name=title]{min-width:140px}
.ob-table td input[name=duration]{width:72px}
.ob-days{display:flex;flex-wrap:wrap;gap:2px 8px;min-width:180px}
.ob-days label{display:flex;gap:3px;align-items:center;font-size:12px}
tr.ob-error td{background:#fff6f4}
.badge.ob-a-create{background:#d8efe4}
.badge.ob-a-update{background:#dfedf4}
.badge.ob-a-error{background:#ffe2db;color:#a4312e}
.badge.ob-s-critical{background:#ffe2db;color:#a4312e}
.badge.ob-s-warning{background:#fff0cf}
.badge.ob-s-info{background:#e4edf0}
.ob-sticky{position:sticky;top:0;z-index:4;background:#fbfdfd;padding:8px 0;margin:6px 0;align-items:center}
.ob-ok{color:#155b51;background:#e3f3ec;border-radius:6px;padding:8px 12px}
.ob-list{list-style:none;padding:0;margin:6px 0;display:grid;gap:6px}
.ob-list li{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;border-bottom:1px solid #eef3f1;padding-bottom:6px}
.ob-acts{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.ob-geo{display:flex;flex-wrap:wrap;gap:6px;align-items:center;width:100%}
.ob-link{border:2px solid #12675d;border-radius:9px;padding:10px 12px;background:#f2faf7;margin:8px 0}
.ob-editor{border:1px solid #c9dde6;border-radius:9px;padding:12px;margin-top:10px;background:white}
.ob-fs{border:1px solid #d5e0dc;border-radius:8px;padding:8px 12px}
.ob-clients{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:4px 12px;max-height:320px;overflow:auto;padding:4px 0}
.ob-findings{list-style:none;padding:0;margin:8px 0;display:grid;gap:10px}
.ob-f{border-left:4px solid #b8cacb;padding:6px 10px;background:white;border-radius:4px}
.ob-f.ob-sev-critical{border-left-color:#c94a35}
.ob-f.ob-sev-warning{border-left-color:#ca921e}
.ob-f p{margin:4px 0}
.ob-missing,.ob-addr-pre{margin:8px 0}
.ob-invite{max-width:520px}
.ob-invite form{display:grid;gap:10px}
.ob-who{font-weight:600}
@media (max-width:600px){.ob-card{padding:12px 10px}.ob-acts{margin-left:0}.ob-table{font-size:12px}}