:root{--ink:#17202a;--muted:#667085;--line:#d9dee7;--brand:#173f5f;--paper:#fff;--bg:#f4f6f8;--draft:#8a4b08;--approved:#176b3a}


html[data-color-mode="dark"]{--ink:#edf5f7;--muted:#9eb3be;--line:#29485a;--paper:#102a3b;--bg:#071b29;--brand:#0b2638;--approved:#68d594}html[data-color-mode="dark"] input,html[data-color-mode="dark"] select,html[data-color-mode="dark"] textarea{background:#0d2332;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,sans-serif}
header:not(.bb-global-header){background:var(--brand);color:white;padding:1.2rem}header div,main{max-width:1240px;margin:auto}header h1{font-size:1.3rem;margin:0}header p{margin:.25rem 0 0;opacity:.8}.bb-global-header{position:sticky;z-index:100;top:0;display:flex;align-items:center;min-height:76px;padding:max(.65rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .65rem max(1rem,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(18px)}.bb-brand{display:flex;align-items:center;gap:.65rem;color:var(--ink);text-decoration:none;font-size:1.05rem}.bb-mark{display:grid;grid-template-columns:repeat(2,8px);gap:3px;transform:rotate(-8deg)}.bb-mark i{width:8px;height:8px;border-radius:50%;background:#20d4df}.bb-mark i:nth-child(2),.bb-mark i:nth-child(3){background:#2874f0}.bb-global-nav{display:flex;align-items:center;gap:.4rem;min-width:0;margin:0 0 0 auto;flex-wrap:nowrap}.bb-global-dock{display:grid;grid-template-columns:0fr;min-width:0;opacity:0;transform:translateX(14px);transition:grid-template-columns .34s cubic-bezier(.22,.61,.36,1),opacity .2s,transform .34s cubic-bezier(.22,.61,.36,1)}.dock-open .bb-global-dock{grid-template-columns:1fr;opacity:1;transform:none}.bb-global-dock-inner{display:flex;align-items:center;gap:.4rem;min-width:0;overflow:hidden}.bb-icon{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid color-mix(in srgb,#2874f0 50%,var(--line));border-radius:11px;background:#071c31;color:#20d4df!important;text-decoration:none;font-weight:850;box-shadow:none;transition:border-color .18s,background .18s,color .18s,box-shadow .22s,transform .16s}.bb-icon svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.bb-play svg{width:34px;height:34px;fill:currentColor;stroke:none}.bb-icon:hover,.bb-icon:focus-visible{border-color:#20d4df;background:color-mix(in srgb,#20d4df 9%,#071c31);box-shadow:0 0 0 2px color-mix(in srgb,#20d4df 12%,transparent)}.bb-lang{font-size:.76rem}.bb-price{font-size:1.12rem}.bb-menu{position:relative;z-index:2}.bb-menu svg path{transform-origin:center;transition:transform .28s,opacity .18s}.dock-open .bb-menu{border-color:#20d4df;box-shadow:inset 0 -2px #20d4df,0 0 0 2px color-mix(in srgb,#20d4df 14%,transparent)}.dock-open .bb-menu svg path:nth-child(1){transform:translateY(4.75px) rotate(45deg)}.dock-open .bb-menu svg path:nth-child(2){opacity:0}.dock-open .bb-menu svg path:nth-child(3){transform:translateY(-4.75px) rotate(-45deg)}.bb-global-nav:not(.dock-open) .bb-global-dock .bb-icon{visibility:hidden;pointer-events:none}html[data-color-mode="light"] .bb-icon{background:#071c31;color:#20d4df!important}
nav{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin-top:.8rem;font-size:.9rem}nav a,nav button{color:white;background:transparent;text-decoration:none;padding:.25rem 0}nav form{margin:0}.nav-spacer{flex:1}.nav-counter{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .3rem;margin-left:.2rem;border-radius:999px;background:#20d4df;color:#071c31;font-size:.72rem;font-weight:900}
main{min-width:0;padding:1rem;overflow-x:hidden}.central-back-navigation{max-width:1240px;margin:0 auto;padding:12px 1rem 0}.central-back-navigation a{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:44px;min-height:44px;padding:0 14px;border:1px solid color-mix(in srgb,#20d4df 55%,var(--line));border-radius:12px;background:var(--paper);color:var(--ink);font-weight:850;text-decoration:none;touch-action:manipulation}.central-back-navigation a:hover,.central-back-navigation a:focus-visible{border-color:#20d4df;color:#075f6c;outline:2px solid color-mix(in srgb,#20d4df 25%,transparent);outline-offset:2px}.intro,.card,.viewer{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:1rem;margin-bottom:1rem;overflow-wrap:anywhere}
h2{font-size:1.1rem;margin:.2rem 0 .8rem}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.label{display:block;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.value{font-weight:600}
.status{display:inline-block;border-radius:999px;padding:.15rem .55rem;font-size:.85rem;font-weight:700;background:#fff2df;color:var(--draft)}
.status.approved{background:#e4f5ea;color:var(--approved)}.actions{display:flex;gap:.6rem;margin-top:1rem;flex-wrap:wrap}
.button{display:inline-block;text-decoration:none;border-radius:8px;padding:.65rem .9rem;font-weight:700;background:var(--brand);color:white}
.button.secondary{background:white;color:var(--brand);border:1px solid var(--brand)}pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:14px/1.55 ui-monospace,monospace}
.back{display:inline-block;margin-bottom:1rem;color:var(--brand)}footer{max-width:980px;margin:auto;padding:0 1rem 2rem;color:var(--muted);font-size:.85rem}
.markdown-view{max-width:920px;margin-inline:auto}.markdown-view h1{font-size:1.75rem;margin:.2rem 0 1rem}.markdown-view h2{font-size:1.3rem;margin:1.5rem 0 .65rem}.markdown-view h3{font-size:1.08rem;margin:1.2rem 0 .5rem}.markdown-view p,.markdown-view li{max-width:82ch}.markdown-view pre{padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--bg);overflow:auto}.markdown-view code{padding:.1em .3em;border-radius:4px;background:var(--bg)}.markdown-view pre code{padding:0}.markdown-view blockquote{margin:1rem 0;padding:.6rem 1rem;border-left:4px solid var(--line);color:var(--muted)}
.toolbar{display:flex;gap:.55rem;flex-wrap:wrap;align-items:end}.toolbar label{min-width:130px;flex:1}input,select,textarea{width:100%;padding:.5rem;border:1px solid var(--line);border-radius:6px;background:white}button{border:0;cursor:pointer}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{border-bottom:1px solid var(--line);padding:.5rem;text-align:left;vertical-align:top}th{position:sticky;top:0;background:#eef2f6}.mono{font-family:ui-monospace,monospace;font-size:.78rem}.muted{color:var(--muted)}.review-actions{display:flex;gap:.45rem;flex-wrap:wrap;margin:.8rem 0}.review-actions .button{padding:.5rem .65rem}.pin{font:700 1rem ui-monospace,monospace;letter-spacing:.08em}
.merge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:1rem}.merge-grid input[type=radio]{width:auto}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.product-card{background:white;border:1px solid var(--line);border-radius:12px;padding:.8rem}.product-image{width:100%;height:170px;object-fit:contain;background:#eef2f6;border-radius:8px}.placeholder{display:grid;place-items:center;color:var(--muted);font-size:3rem}.resource{border-left:4px solid var(--brand);padding:.7rem;margin:.6rem 0;background:#f8fafc}textarea{min-height:4rem}
.catalog-browser{display:grid;grid-template-columns:230px minmax(0,1fr) 250px;gap:1rem;align-items:start}.catalog-pane{background:white;border:1px solid var(--line);border-radius:12px;padding:.8rem;min-width:0}.category-tree,.category-tree ul{list-style:none;padding-left:.7rem;margin:.25rem 0}.category-tree>li{padding-left:0}.category-tree a{display:block;padding:.32rem .4rem;border-radius:6px;text-decoration:none;color:var(--ink)}.category-tree a.selected{background:#dce9f2;color:var(--brand);font-weight:700}.category-tree .edit-link{display:inline;font-size:.78rem;color:var(--muted)}details summary{cursor:pointer;font-weight:700;margin:.6rem 0}
.source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;margin-top:1rem}.source-choice{display:grid;place-items:center;align-content:center;min-height:120px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);font-size:2rem;padding:1rem;text-decoration:none;text-align:center}.source-choice.primary{grid-column:1/-1;background:var(--brand);color:white;min-height:96px}.source-choice span{display:block;font-size:1rem;font-weight:700;margin-top:.35rem}.source-choice:hover,.source-choice:focus{border-color:var(--brand);box-shadow:0 0 0 2px #dce9f2}.source-choice:disabled{opacity:.45;cursor:not-allowed}dialog{position:relative;width:min(720px,calc(100% - 1.5rem));border:0;border-radius:14px;padding:1.2rem;padding-top:3.5rem;box-shadow:0 20px 60px #0005;overflow:visible}dialog::backdrop{background:#17202a99}.dialog-close{position:absolute;z-index:10;top:6px;right:6px;display:grid;place-items:center;width:48px;height:48px;min-width:48px;min-height:48px;margin:0;padding:0;border-radius:50%;background:var(--brand);color:white;font-size:2rem;line-height:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.source-panel[hidden]{display:none}.source-panel{clear:both}.picker-row{display:grid;grid-template-columns:80px minmax(180px,2fr) repeat(4,minmax(90px,1fr));gap:.6rem;align-items:center;padding:.6rem;border-bottom:1px solid var(--line)}.picker-thumb{width:72px;height:58px;object-fit:contain;background:#eef2f6;border-radius:6px}.notice{padding:.7rem;border-radius:8px;background:#e4f5ea;color:var(--approved);font-weight:700}
.setup-hero,.setup-entry{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:linear-gradient(135deg,var(--brand),#285f87);color:white;border-radius:16px;padding:1.35rem;margin-bottom:1rem;box-shadow:0 12px 28px #173f5f22}.setup-hero h2{font-size:1.55rem;margin:.2rem 0}.setup-hero p,.setup-entry p{margin:.25rem 0;opacity:.88}.setup-kicker{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;opacity:.75}.wizard-controls{display:grid;gap:.6rem}.wizard-languages,.wizard-themes{display:flex;gap:.35rem;justify-content:flex-end}.wizard-lang{color:white;text-decoration:none;border:1px solid #fff8;border-radius:999px;padding:.45rem .65rem;min-width:44px;text-align:center}.wizard-lang.active{background:white;color:var(--brand)}.wizard-theme{display:block;width:30px;height:30px;border:2px solid #fff8;border-radius:50%;background:#173f5f}.wizard-theme:nth-child(2){background:#805ad5}.wizard-theme:nth-child(3){background:#9b792d}.wizard-theme.active{outline:3px solid white;outline-offset:2px}.setup-entry{background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:none}.setup-entry.compact{padding:1rem 1.2rem}.entry-copy{flex:1}.tenant-picker{display:flex;align-items:end;gap:.5rem;min-width:min(380px,100%)}.tenant-picker label{flex:1}.progress{height:8px;background:#dce4ea;border-radius:99px;overflow:hidden;margin:.65rem 0}.progress span{display:block;height:100%;background:#28a463;border-radius:inherit}.wizard-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:1rem;align-items:start}.wizard-steps,.wizard-panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:1rem}.wizard-steps{display:flex;flex-direction:column;gap:.45rem;position:sticky;top:1rem}.setup-step{display:flex;gap:.65rem;align-items:center;color:var(--ink);text-decoration:none;padding:.75rem;border-radius:10px;min-height:48px}.setup-step.current{background:#eaf2f7;color:var(--brand);font-weight:800}.setup-step.done span{color:var(--approved)}.setup-step.future{color:var(--muted)}.upgrade-note{font-size:.82rem;color:var(--muted);border-top:1px solid var(--line);padding-top:.7rem}.proposal-state{border:1px solid var(--line);border-left:5px solid #7b8794;background:#f5f7f9;border-radius:10px;padding:.8rem;margin-bottom:1rem}.proposal-state>span{float:left;margin-right:.55rem;font-size:1.2rem}.proposal-state p{margin:.3rem 0 0}.proposal-state.confirmed{background:#edf8f1;border-color:#42a76b}.proposal-state.confirmed>span{color:var(--approved)}.setup-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.setup-fields label{font-weight:650}.setup-fields input{min-height:48px;margin-top:.3rem}.group-confirm{display:flex;align-items:center;gap:.8rem;border-top:1px solid var(--line);margin-top:1.2rem;padding-top:1rem}.group-confirm>span{display:grid;place-items:center;background:#e4f5ea;color:var(--approved);width:42px;height:42px;border-radius:50%;font-weight:900}.group-confirm>div{flex:1}.group-confirm small{display:block;color:var(--muted)}.wizard-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:.7rem;align-items:center;margin-top:1.2rem}.wizard-nav>:last-child{justify-self:end}.setup-alert,.setup-complete{padding:.8rem;border-radius:10px;margin-bottom:1rem;font-weight:750}.setup-alert{background:#fff5dd;color:#694b00;border:1px solid #e2bd58}.setup-complete{background:#e4f5ea;color:var(--approved)}
@media(max-width:900px){.catalog-browser{grid-template-columns:210px minmax(0,1fr)}.catalog-browser>.catalog-pane:last-child{grid-column:1/-1}}
@media(max-width:900px){.wizard-layout{grid-template-columns:1fr}.wizard-steps{position:static;display:grid;grid-template-columns:repeat(3,1fr)}.setup-entry{align-items:stretch;flex-direction:column}}
@media(max-width:680px){.grid{grid-template-columns:1fr 1fr}.toolbar label{min-width:0;flex-basis:100%}.button{flex:1;text-align:center;min-height:46px}.catalog-browser{grid-template-columns:1fr}.catalog-browser>.catalog-pane:last-child{grid-column:auto}.setup-hero{align-items:flex-start;flex-direction:column}.setup-fields{grid-template-columns:1fr}.wizard-steps{display:flex}.group-confirm{align-items:stretch;flex-wrap:wrap}.group-confirm .button{flex-basis:100%}.wizard-nav{grid-template-columns:1fr 1fr}.wizard-nav .button.secondary:nth-child(2){grid-column:1/-1;grid-row:2}}
@media(max-width:620px){.bb-global-header{min-height:68px;padding-left:max(.45rem,env(safe-area-inset-left));padding-right:max(.45rem,env(safe-area-inset-right))}.bb-brand b{display:none}.bb-global-nav,.bb-global-dock-inner{gap:.14rem}.bb-icon{width:38px;height:40px;min-width:38px}.bb-play svg{width:30px;height:30px}}
@media(max-width:350px){.bb-global-header{padding-inline:.25rem}.bb-global-nav,.bb-global-dock-inner{gap:.08rem}.bb-icon{width:36px;min-width:36px}}
.bb-global-header{isolation:isolate;overflow:visible;background:#071421;color:#f4f9fd;backdrop-filter:none}.bb-brand{position:relative;z-index:3;color:#f4f9fd}html[data-color-mode="light"] .bb-brand{color:#173f5f}html[data-color-mode="dark"] .bb-brand{color:#f4f9fd}.bb-global-header .header-key-visual{position:relative;z-index:1;align-self:stretch;flex:1 1 420px;min-width:160px;max-width:520px;height:72px;margin:-.65rem .35rem -.65rem -1.5rem;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 88%,transparent 100%),linear-gradient(0deg,transparent 0,#000 14%,#000 88%,transparent 100%);mask-composite:intersect}.bb-global-header .header-key-visual img{position:absolute;left:0;top:57%;display:block;width:auto;max-width:none;height:270%;transform:translateY(-57%)}.bb-global-nav,.bb-global-dock,.bb-global-dock-inner{position:relative;z-index:10}
.owner-bubble-counter{position:relative;z-index:11;display:flex;align-items:center;gap:7px;flex:0 0 auto;height:44px;min-width:128px;padding:5px 10px;border:1px solid #2b667a;border-radius:14px;background:linear-gradient(145deg,#0a2a3d,#071d30);color:#effcff;text-align:left}.owner-bubble-counter small{display:block;color:#8ebdca;font-size:.61rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.owner-bubble-counter strong{display:block;font-size:.9rem;font-variant-numeric:tabular-nums}.bubble-pair{position:relative;display:block;width:29px;height:25px;flex:0 0 29px}.bubble-pair i{position:absolute;width:19px;height:19px;border:2px solid #20d4df;border-radius:50%;box-shadow:inset 0 0 8px #20d4df33}.bubble-pair i:first-child{left:1px;top:1px}.bubble-pair i:last-child{right:1px;bottom:1px;border-color:#2874f0}.bubble-info{width:min(780px,calc(100vw - 24px));max-height:90vh;padding:clamp(20px,4vw,34px);border:1px solid var(--line);border-radius:22px;background:var(--paper);color:var(--ink);overflow:auto}.bubble-info::backdrop{background:#03101acc;backdrop-filter:blur(5px)}.bubble-info>header{display:flex;gap:14px;align-items:center;padding:0;background:transparent;color:inherit}.bubble-info-close{position:absolute;right:12px;top:12px;width:42px;height:42px;border-radius:50%;background:var(--bg);color:var(--ink);font-size:1.5rem}.bubble-info-kpis,.bubble-use-guide>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.bubble-info-kpis>div,.bubble-use-guide article{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.bubble-info-kpis small,.bubble-info-kpis span,.bubble-seven span{display:block;color:var(--muted)}.bubble-seven{display:flex;justify-content:space-between;gap:12px}.bubble-projection,.bubble-pilot-note{padding:12px;border-left:4px solid #20d4df;background:var(--bg)}.bubble-categories{padding:0;list-style:none}.bubble-categories li{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid var(--line)}
@media(max-width:959px) and (min-width:621px){.bb-global-header .header-key-visual{flex-basis:210px;min-width:125px;max-width:280px;margin-left:-.85rem}.bb-global-header .header-key-visual img{height:255%}}
@media(max-width:959px){.bb-global-nav.dock-open .bb-global-dock{position:absolute;z-index:12;top:calc(100% + .45rem);right:0;width:min(244px,calc(100vw - 1rem));padding:.5rem;border:1px solid #4c98b380;border-radius:14px;background:#0b2032fa;box-shadow:0 18px 50px #0006;grid-template-columns:1fr;transform:none}.bb-global-nav.dock-open .bb-global-dock-inner{display:grid;grid-template-columns:repeat(4,44px);justify-content:end;gap:.35rem;overflow:visible}}
@media(max-width:959px){.owner-bubble-counter{min-width:108px}.owner-bubble-counter small{display:none}}
@media(max-width:620px){.owner-bubble-counter{height:40px;min-width:84px;padding:4px 7px}.owner-bubble-counter .bubble-pair{width:23px;height:21px;flex-basis:23px}.owner-bubble-counter .bubble-pair i{width:16px;height:16px}.owner-bubble-counter strong{font-size:.79rem}.bubble-info-kpis,.bubble-use-guide>div{grid-template-columns:1fr}}
@media(max-width:620px){.bb-global-header .bb-brand{margin-right:0;font-size:.94rem}.bb-global-header .bb-brand b{display:inline}.bb-global-header .header-key-visual{flex:0 1 78px;min-width:58px;max-width:78px;height:52px;margin:-.45rem .05rem -.45rem -.3rem;mask-image:linear-gradient(90deg,transparent,#000 10% 84%,transparent),linear-gradient(0deg,transparent,#000 18% 82%,transparent)}.bb-global-header .header-key-visual img{left:-14%;height:165%}}
@media(max-width:620px){.bb-global-nav.dock-open .bb-global-dock-inner{grid-template-columns:repeat(4,38px)}}
@media(prefers-reduced-motion:reduce){.bb-global-dock,.bb-menu svg path{transition:none}}
.bb-global-dock-inner>a:nth-child(2) svg{display:none}.bb-global-dock-inner>a:nth-child(2)::before{content:"i";display:grid;place-items:center;width:18px;height:18px;border:2px solid currentColor;border-radius:50%;color:inherit;font:900 15px/1 system-ui,sans-serif;padding-bottom:1px}.portal-locale-switcher.compact{margin:0}.portal-locale-switcher.compact label span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.portal-locale-switcher.compact select{width:54px;height:44px;padding:0 4px;border:1px solid #2874f080;border-radius:11px;background:#071c31;color:#20d4df;font-weight:850}