@font-face{font-family:OBPoppins;src:url('/vendor/poppins/poppins-400-latin.woff2') format('woff2');font-display:swap;font-weight:400}
.ob-page{--ob-bg:#000;--ob-card:#171717;--ob-text:#f7f7f5;--ob-muted:#b7b7b7;--ob-border:#363636;--ob-green:#195ebf;margin:0;background:var(--ob-bg);color:var(--ob-text);font:15px/1.65 OBPoppins,system-ui,sans-serif;overflow-wrap:anywhere}
.ob-page *,.ob-admin *{box-sizing:border-box}.ob-top{max-width:1000px;margin:auto;padding:25px 24px;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--ob-border);font-size:13px;color:var(--ob-muted)}.ob-brand{font-weight:750;color:var(--ob-text);letter-spacing:.12em}
.ob-page main{max-width:950px;margin:40px auto 60px;padding:0 24px}.ob-page h1{font-size:clamp(28px,5vw,42px);line-height:1.2;margin:10px 0 16px;letter-spacing:-.025em}.ob-page h2{font-size:21px;line-height:1.4}.ob-page h3{font-size:16px;margin:24px 0 8px}.ob-kicker{color:var(--ob-green);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ob-muted{color:var(--ob-muted,var(--muted,#777))}.ob-scope{border-block:1px solid var(--ob-border,var(--border,#ccc));padding:18px 0;margin:25px 0}.ob-scope summary{cursor:pointer;font-weight:650}.ob-scope ul{padding-left:20px;font-size:14px}.ob-nav{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;margin-bottom:20px}.ob-nav button{flex-shrink:0}.ob-nav button[aria-current=step]{border-color:var(--ob-green);color:var(--ob-green)}
.ob-page button,.ob-page .ob-link,.ob-admin button,.ob-admin .ob-link{font:inherit;min-height:44px;border:1px solid var(--ob-border,var(--border,#aaa));border-radius:6px;padding:9px 15px;background:var(--ob-card,var(--card,#fff));color:inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.4}.ob-page button:focus-visible,.ob-admin button:focus-visible,.ob-page input:focus-visible,.ob-page textarea:focus-visible,.ob-admin textarea:focus-visible{outline:2px solid #195ebf;outline-offset:3px}.ob-page .ob-primary,.ob-admin .ob-primary{background:#195ebf;border-color:#195ebf;color:#ffffff;font-weight:700}.ob-page button:disabled,.ob-admin button:disabled{opacity:.5;cursor:wait}.ob-field{display:block;margin:25px 0}.ob-field>span{display:block;font-weight:600;margin-bottom:8px}.ob-field small{display:block;color:var(--ob-muted,var(--muted,#777));margin:5px 0 8px;line-height:1.6}.ob-page input,.ob-page textarea,.ob-admin textarea,.ob-admin input{font:inherit;width:100%;min-width:0;color:inherit;background:var(--ob-card,var(--card,#fff));border:1px solid var(--ob-border,var(--border,#aaa));border-radius:6px;padding:12px 14px;font-size:16px;line-height:1.6}.ob-page textarea,.ob-admin textarea{resize:vertical;min-height:120px}.ob-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:24px}.ob-status{font-size:13px;color:var(--ob-muted,var(--muted,#777));margin-top:12px;min-height:24px}.ob-error{color:#e1776d!important}.ob-success{color:#195ebf!important}.ob-footer{max-width:950px;margin:auto;padding:24px;color:#aaa;font-size:12px;border-top:1px solid #363636}.ob-footer a{color:inherit}.ob-footer p{max-width:650px}.ob-report{border-block:1px solid var(--ob-border,var(--border,#aaa));padding:25px 0;margin:25px 0}.ob-report p,.ob-answer{white-space:pre-wrap}.ob-badge{display:inline-block;padding:3px 10px;border-radius:5px;background:#195ebf18;color:#195ebf;font-size:12px;font-weight:650}.ob-notice{border-left:3px solid #195ebf;padding:8px 16px;margin:20px 0;background:#195ebf0b}.ob-admin{--ob-border:var(--border,#ccc);--ob-muted:var(--muted,#777);--ob-card:var(--card,#fff);--ob-green:#195ebf;color:var(--text,inherit);font-size:14px;min-width:0}.ob-admin h2{font-size:20px;margin:10px 0}.ob-admin h3{font-size:16px;font-family:inherit}.ob-admin .ob-item{padding:20px 0;border-bottom:1px solid var(--ob-border)}.ob-admin .ob-item-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:start}.ob-admin .ob-item-head h3{margin:0}.ob-admin dl{margin:0}.ob-admin dt{font-size:12px;color:var(--ob-muted);margin-top:16px}.ob-admin dd{margin:4px 0;white-space:pre-wrap}.ob-admin dialog{width:min(760px,calc(100% - 24px));max-height:88dvh;overflow-y:auto;padding:24px;background:var(--card,#fff);color:var(--text,#222);border:1px solid var(--border,#aaa);border-radius:12px}.ob-admin dialog::backdrop{background:#0009}.ob-admin .ob-close{float:right}.ob-admin .ob-tabs{display:flex;flex-wrap:wrap;gap:8px}.ob-admin select{max-width:100%;font:inherit;color:inherit;background:var(--ob-card);border:1px solid var(--ob-border);padding:8px;border-radius:6px}
@media(max-width:600px){.ob-page main{margin-top:26px!important;padding-inline:12px!important}.ob-top,.ob-footer{padding:18px 12px!important}.ob-page h1{font-size:29px!important}.ob-actions>*{flex:1 1 130px!important}.ob-admin dialog{padding:16px 12px!important}.ob-nav{margin-inline:-12px!important;padding-inline:12px!important}.ob-admin .ob-item-head{display:block!important}.ob-admin .ob-item-head .ob-badge{margin-top:8px!important}}
.ob-field>label{display:block;font-weight:500;font-size:13px;margin-bottom:8px}.ob-access{border-block-end:1px solid var(--ob-border);padding:18px 0}.ob-access summary{cursor:pointer;font-weight:500;min-height:44px;line-height:1.6}.ob-access summary .ob-badge{margin-left:12px}.ob-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding-top:14px}.ob-password-control{display:flex;gap:8px;align-items:stretch}.ob-password-control input{flex:1;min-width:0}.ob-password-control button{flex-shrink:0}.ob-secret-status{display:flex;flex-wrap:wrap;align-items:start;gap:8px}.ob-secret-status small{flex:1;min-width:160px}.ob-secret-status button{font-size:11px;padding:6px 10px}.ob-page input:disabled{opacity:.6}.ob-admin [data-show-credential]{margin-top:8px}.ob-admin [data-do=credentials]:disabled{cursor:default}
@media(max-width:600px){.ob-access-grid{grid-template-columns:minmax(0,1fr)!important;gap:0!important}.ob-access summary .ob-badge{display:block!important;width:fit-content!important;margin:8px 0 0!important}.ob-secret-status{gap:6px!important}.ob-password-control{gap:6px!important}.ob-password-control button{padding-inline:10px!important;font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.ob-page *,.ob-admin *{scroll-behavior:auto!important}}
/* Saved customer drafts are visible before a final submission. */
.ob-save-state{padding:10px 0;border-block-end:1px solid var(--ob-border,var(--border));margin-block:12px 20px;font-variant-numeric:tabular-nums}
.ob-draft-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}
.ob-draft-toolbar label{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.ob-admin .ob-draft-toolbar input{width:18px;height:18px;padding:0;margin:0;accent-color:var(--ob-green)}
.ob-draft-summary{display:grid;gap:6px;padding-block:16px;border-block-end:1px solid var(--ob-border);font-variant-numeric:tabular-nums}
.ob-draft-summary span{font-size:12px;color:var(--ob-muted)}
#ob-draft-answers summary{display:flex;align-items:baseline;justify-content:space-between;gap:12px;overflow-wrap:anywhere}
#ob-draft-answers summary span{white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}
#ob-draft-answers dd{overflow-wrap:anywhere}
.ob-facts{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:10px 0 0;padding:0}
.ob-facts li{padding:3px 9px;border-radius:5px;border:1px solid var(--ob-border,#dde2ea);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.ob-facts li.is-done{border-color:#195ebf55;background:#195ebf18;color:var(--ob-accent,#195ebf);font-weight:600}
@media(max-width:600px){.ob-draft-toolbar{align-items:stretch!important}.ob-draft-toolbar label{flex:1 1 100%!important}.ob-admin dialog{max-width:calc(100% - 24px)!important;overflow-wrap:anywhere!important}.ob-draft-summary span{font-size:12px!important}.ob-save-state{font-size:12px!important}}
/* Admin card (CRM customer card, tab Onboarding): track, next step, received items, quiet tools. Draft A, 09.10.2026. */
.ob-admin .oa-i{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ob-admin .oa-head{display:flex;align-items:center;gap:8px;margin:4px 0 24px}
.ob-admin .oa-head h2{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em}
.ob-admin .oa-info{position:relative}
.ob-admin .oa-info summary{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--border-strong,#c4ccd9);border-radius:50%;color:var(--muted,#5f6979);font-size:11px;font-weight:600;cursor:pointer;list-style:none}
.ob-admin .oa-info summary::-webkit-details-marker{display:none}
.ob-admin .oa-info p{position:absolute;z-index:5;top:30px;left:-8px;width:min(320px,80vw);margin:0;padding:12px 14px;border:1px solid var(--border,#dde2ea);border-radius:9px;background:var(--card,#fff);color:var(--text,#1a2130);font-size:12.5px;line-height:1.6;box-shadow:var(--shadow-lg,0 12px 40px #00000026)}
.ob-admin .oa-head .oa-refresh{margin-left:auto;min-height:40px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--muted,#5f6979);font-size:13px}
.ob-admin .oa-head .oa-refresh:hover{background:var(--surface-2,#eef1f6);color:var(--text,#1a2130)}
.ob-admin .oa-card{border:1px solid var(--border,#dde2ea);border-radius:12px;padding:32px;background:var(--card,#fff)}
.ob-admin .oa-card+.oa-card{margin-top:16px}
.ob-admin .oa-title h3{margin:0;font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.35}
.ob-admin .oa-title p{margin:4px 0 0;color:var(--muted,#5f6979);font-size:13px}
.ob-admin .oa-track{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:32px 0 0;padding:0}
.ob-admin .oa-track li{position:relative;padding-top:26px;min-width:0}
.ob-admin .oa-track li:before{content:'';position:absolute;top:8px;left:0;right:0;height:2px;background:var(--border,#dde2ea)}
.ob-admin .oa-track li:first-child:before{left:9px}
.ob-admin .oa-track li:last-child:before{right:auto;width:9px}
.ob-admin .oa-track li.is-done:before{background:var(--brand,#195ebf)}
.ob-admin .oa-node{position:absolute;top:0;left:0;width:18px;height:18px;border-radius:50%;background:var(--card,#fff);border:2px solid var(--border-strong,#c4ccd9);display:grid;place-items:center;color:#fff}
.ob-admin .oa-track li.is-done .oa-node{background:var(--brand,#195ebf);border-color:var(--brand,#195ebf)}
.ob-admin .oa-node .oa-i{width:11px;height:11px;flex-basis:11px;stroke-width:3}
.ob-admin .oa-track li.is-next .oa-node{border-color:var(--brand,#195ebf);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand,#195ebf) 18%,transparent)}
.ob-admin .oa-track strong{display:block;font-size:13px;font-weight:500;line-height:1.4;padding-right:8px}
.ob-admin .oa-track small{display:block;margin-top:2px;font-size:12px;color:var(--muted,#5f6979);font-variant-numeric:tabular-nums}
.ob-admin .oa-track li.is-next strong{color:var(--primary,#195ebf)}
.ob-admin .oa-next{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding:20px 24px;border-radius:10px;background:var(--primary-light,#e6eefb)}
.ob-admin .oa-next.is-quiet{background:var(--surface-2,#eef1f6)}
.ob-admin .oa-next p{margin:0}
.ob-admin .oa-label{margin:0 0 8px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#5f6979)}
.ob-admin .oa-next .oa-label{margin-bottom:4px}
.ob-admin .oa-next-text{font-size:15px;font-weight:500;line-height:1.5}
.ob-admin .oa-next-actions{display:flex;gap:8px;flex-shrink:0}
.ob-admin .oa-next .oa-main{min-height:44px;padding:0 18px;border-radius:9px;font-weight:500;gap:10px;white-space:nowrap}
.ob-admin .oa-group{margin-top:32px}
.ob-admin .oa-rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--border,#dde2ea)}
.ob-admin .oa-rows li{border-bottom:1px solid var(--border,#dde2ea)}
.ob-admin .oa-rows button{display:flex;justify-content:flex-start;align-items:center;gap:16px;width:100%;min-height:64px;padding:12px 4px;border:0;border-radius:0;background:none;text-align:left;color:inherit}
.ob-admin .oa-rows button:hover:not(:disabled) strong{color:var(--primary,#195ebf)}
.ob-admin .oa-rows button:disabled{cursor:default;opacity:.55}
.ob-admin .oa-rows button>.oa-i{color:var(--muted,#5f6979)}
.ob-admin .oa-ico{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:9px;background:var(--surface-2,#eef1f6);color:var(--muted,#5f6979)}
.ob-admin .oa-row-main{flex:1;min-width:0}
.ob-admin .oa-row-main strong{display:block;font-size:14px;font-weight:500}
.ob-admin .oa-row-main small{display:block;color:var(--muted,#5f6979);font-size:12px;overflow-wrap:anywhere}
.ob-admin .oa-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.ob-admin a.oa-tool{display:inline-flex;align-items:center;justify-content:center;color:inherit;text-decoration:none}
.ob-admin .oa-tools .oa-tool{min-height:40px;padding:0 14px;border:1px solid transparent;border-radius:9px;background:var(--surface-2,#eef1f6);font-size:12.5px;font-weight:450;gap:10px;white-space:nowrap;line-height:1.4}
.ob-admin .oa-tools .oa-tool:hover:not(:disabled){border-color:var(--border,#dde2ea)}
.ob-admin .oa-tool .oa-i{width:16px;height:16px;flex-basis:16px}
body.dark-mode .ob-admin .oa-node{color:#fff}
@media (max-width:768px){
.ob-admin .oa-card{padding:20px}
.ob-admin .oa-next{flex-direction:column;align-items:stretch;gap:16px;padding:16px}
.ob-admin .oa-next-actions{flex-direction:column}
.ob-admin .oa-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ob-admin .oa-tools .oa-tool:last-child:nth-child(odd){grid-column:1/-1}
}
@media (max-width:480px){
.ob-admin .oa-title h3{font-size:17px}
.ob-admin .oa-track strong{font-size:11.5px;padding-right:2px;overflow-wrap:normal;word-break:keep-all}
.ob-admin .oa-track small{font-size:11px}
.ob-admin .oa-tools .oa-tool{padding:0 10px;gap:8px}
}
.ob-admin .ob-notify{display:flex;align-items:center;gap:10px;margin:20px 0 0;font-size:14px;cursor:pointer}
.ob-admin .ob-notify input{width:18px;height:18px;min-height:18px;flex:0 0 18px;padding:0;margin:0;accent-color:var(--brand,#195ebf)}
.ob-admin .ob-field-hint{font-size:12px;font-weight:400;color:var(--muted,#5f6979)}
.ob-admin textarea[aria-invalid=true]{border-color:var(--danger,#c0392b);outline:2px solid color-mix(in srgb,var(--danger,#c0392b) 25%,transparent)}
.ob-admin #ob-review-status:not(:empty){font-weight:500}