.onb{min-height:100vh;background:var(--bg)}.onb,.onb-top{color:var(--text)}.onb-top{display:flex;align-items:center;gap:12px;padding:16px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--border);background:var(--surface)}.onb-top .btn{flex:none;white-space:nowrap}.onb-who{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.onb-main{max-width:860px;margin:0 auto;padding:32px 16px 64px;display:grid;grid-gap:20px;gap:20px}.onb-head h1{margin:0 0 6px;font-size:clamp(24px,3.4vw,32px);line-height:1.15}.onb-head h1:focus{outline:none}.onb-steps{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}.onb-step{display:inline-flex;align-items:center;gap:8px;min-height:var(--ctl-sm);padding:0 14px 0 6px;border:1.5px solid var(--border-strong);border-radius:var(--r-full);background:var(--surface);color:var(--text-2);font-size:14px;font-weight:500}.onb-step.now{border-color:var(--sel-bg);background:var(--sel-bg);color:var(--sel-ink)}.onb-step.done{color:var(--good-ink);border-color:var(--good-bg);background:var(--good-bg)}.onb-dot{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-3);color:var(--text);font-size:12.5px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.onb-step.now .onb-dot{background:var(--accent-ink);color:var(--accent)}.onb-step.done .onb-dot{background:transparent;color:inherit}.onb-card{display:grid;grid-gap:14px;gap:14px;min-width:0;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.onb-card h1,.onb-card h2{margin:0;font-size:20px;line-height:1.25}.onb-card-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.onb-card-head>div{min-width:0;flex:1 1 240px;overflow-wrap:anywhere}.onb-progress{display:flex;align-items:center;gap:8px;margin:0;font-size:13.5px;color:var(--muted)}.onb-progress.ok{color:var(--good-ink);font-weight:500}.onb-agree{align-items:flex-start;font-size:15px;line-height:1.45}.onb-agree input{margin-top:2px;flex:none}.onb-agree.off{color:var(--muted);cursor:not-allowed}.onb-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px;margin:0}.onb-summary div,.sub-facts div{display:grid;grid-gap:2px;gap:2px;min-width:0}.onb-summary dt,.sub-facts dt{font-size:12.5px;color:var(--muted)}.onb-summary dd,.sub-facts dd{margin:0;text-align:left;font-size:15px;font-weight:500;overflow-wrap:anywhere}.onb-summary dd.num{font-family:var(--font-head);font-size:22px;font-weight:500}.onb-wait{display:flex;align-items:center;gap:10px;margin:0;font-size:15px}.onb-spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:onb-spin .9s linear infinite}@keyframes onb-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.onb-spinner{animation-duration:3s}}.pdf-box{position:relative;height:min(68vh,860px);min-height:320px;overflow-y:auto;overscroll-behavior:contain;padding:12px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-3)}.pdf-page{flex:none;width:100%;background:#fff;border:1px solid var(--border);border-radius:var(--r-xs);overflow:hidden}.pdf-page canvas{display:block;width:100%;height:100%}.pdf-loading{padding:24px;color:var(--muted);font-size:14px}.kraj-picker{display:flex;flex-wrap:wrap;gap:6px}.access-paid{display:grid;grid-gap:14px;gap:14px;padding:16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2)}.access-h{margin:6px 0 0;font-size:16px;line-height:1.3}.agreement-now{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-2);overflow-wrap:anywhere}.paid-status{display:grid;grid-gap:2px;gap:2px;justify-items:start;margin-top:6px}.sub-card{display:grid;grid-gap:16px;gap:16px}.sub-card .settings-h{margin:0}.sub-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px;margin:0}.sub-invoices td,.sub-invoices th{font-size:13.5px}@media (max-width:560px){.onb-who{display:none}.onb-card{padding:18px}.pdf-box{padding:8px;height:62vh}}.agr-record{display:grid;grid-gap:12px;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);min-width:0}.agr-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.agr-head .access-h{margin:0}.agr-sub{margin:6px 0 0;font-size:14.5px;line-height:1.3}.agr-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:10px 16px;gap:10px 16px;margin:0}.agr-facts div{display:grid;grid-gap:2px;gap:2px;min-width:0}.agr-facts div.wide{grid-column:1/-1}.agr-facts dt{font-size:12.5px;color:var(--muted)}.agr-facts dd{margin:0;font-size:13.5px;overflow-wrap:anywhere}.agr-hash{font-family:var(--font-mono);font-size:12.5px;word-break:break-all}.agr-actions{display:flex;flex-wrap:wrap;gap:8px}.agr-events,.agr-versions{display:grid;grid-gap:6px;gap:6px;margin:0;padding:0;list-style:none;font-size:13px}.agr-events li{display:grid;grid-template-columns:minmax(120px,auto) 1fr;grid-gap:2px 12px;gap:2px 12px;padding:6px 0;border-bottom:1px solid var(--line);min-width:0}.agr-events li>.muted{grid-column:2}.agr-events li>.muted,.agr-versions li{overflow-wrap:anywhere}.onb-invoice{display:grid;grid-gap:12px;gap:12px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--r-lg)}.onb-invoice h3{margin:0;font-size:15px;font-weight:600}.onb-invoice .field-hint{margin:0}@media (max-width:560px){.onb-invoice .dl-grid{grid-template-columns:minmax(0,1fr)}}.welcome-bg{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:16px;background:var(--overlay);animation:dd-fade var(--dur) var(--ease-out)}.welcome-card{display:grid;justify-items:center;width:min(460px,100%);padding:32px 28px 28px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);animation:welcome-in var(--dur-slow) var(--ease-out)}.welcome-card h2{margin:20px 0 8px;font-family:var(--font-head);font-size:26px;font-weight:500;line-height:1.25;text-wrap:balance}.welcome-card p{margin:0 0 8px;color:var(--text-2);line-height:1.55}.welcome-card .welcome-lead{color:var(--text);font-weight:600}.welcome-card .btn{justify-content:center;width:100%;margin-top:16px}@keyframes welcome-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.welcome-bg,.welcome-card{animation:none}}.emails{grid-gap:16px;min-width:0}.em-layout,.emails{display:grid;gap:16px}.em-layout{grid-template-columns:minmax(260px,340px) minmax(0,1fr);grid-gap:16px;align-items:start}.em-list{display:grid;grid-gap:20px;gap:20px;min-width:0;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.em-group-h{display:block;margin:0 0 8px 12px;font-family:var(--font-body);font-size:12.5px;font-weight:600;letter-spacing:.01em;color:var(--muted)}.em-group ul{display:grid;grid-gap:4px;gap:4px;margin:0;padding:0;list-style:none}.em-item{display:grid;grid-gap:3px;gap:3px;width:100%;padding:10px 12px;border:0;border-radius:var(--r-md);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.em-item:hover{background:var(--hover)}.em-item.on{background:var(--sel-bg);color:var(--sel-ink)}.em-name{font-size:14px;font-weight:600;line-height:1.3}.em-when{font-size:12.5px;line-height:1.4;color:var(--muted)}.em-item.on .em-when{color:inherit;opacity:.8}.em-preview{display:grid;grid-gap:14px;gap:14px;min-width:0;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);scroll-margin-top:16px}.em-head{display:grid;grid-gap:2px;gap:2px}.em-kicker{font-size:12.5px;color:var(--muted)}.em-title{margin:0;font-size:20px;line-height:1.25}.em-meta{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-gap:6px 16px;gap:6px 16px;margin:0;font-size:13.5px;line-height:1.45}.em-meta dt{color:var(--muted)}.em-meta dd{margin:0;min-width:0;overflow-wrap:anywhere}.em-meta dd.em-subject{font-weight:600;color:var(--text)}.em-sub{margin-top:2px;color:var(--muted)}.em-att,.em-sub{font-size:12.5px}.em-att{display:inline-flex;align-items:center;gap:6px;margin:0 6px 4px 0;padding:3px 10px;border-radius:var(--r-full);background:var(--surface-3)}.em-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.em-stage{min-width:0;padding:12px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-lg)}.em-frame{display:block;width:100%;max-width:700px;height:760px;margin:0 auto;border:0;background:#fff}.em-frame,.em-text{border-radius:var(--r-md)}.em-text{max-height:760px;margin:0;padding:16px;overflow:auto;background:var(--surface);color:var(--text);font:13px/1.55 var(--font-mono);white-space:pre-wrap;word-break:break-word}.em-note{margin:0;font-size:12.5px;color:var(--muted)}@media (max-width:900px){.em-layout{grid-template-columns:1fr}.em-frame{height:70vh}}@media (max-width:560px){.em-preview{padding:14px}.em-stage{padding:6px}.em-meta{grid-template-columns:1fr;gap:2px}.em-meta dd{margin-bottom:8px}}