/* ═══════════════════════════════════════════════════════════════
   OL-AIW-CSS-000001 · 1.1.0 "Real look", 1.2.0 — Oleren Workspaces pages inside Oleren's public layout:
   the public page, My workspaces, a workspace, the product admin (left menu + forms + side cards),
   the database explorer and the share page.
   NOTE: Uses the layout's own tokens (--gold, --line, --ivory, --mist, --field, --wash, --tint,
         --serif, --sans …) so light and dark follow Oleren's switch. Approved mockup:
         design-mockups/ai-workspaces/product-admin.html.
   GUARD: Strict CSP: no inline styles. Phone first; touch targets 44px.
   ═══════════════════════════════════════════════════════════════ */
.aiw{--aiw-ok:var(--okc,#5e5612);--aiw-err:var(--rust,#a4502f);color:var(--ivory);padding:32px 0 72px}
.aiw.wrap{max-width:1100px}
.aiw h1{font:500 clamp(1.8rem,4vw,2.6rem)/1.12 var(--serif);margin:.15em 0 .35em;color:var(--ivory)}
.aiw h2{font:500 1.35rem/1.25 var(--serif);margin:0 0 .35em;color:var(--ivory)}
.aiw h3{font:500 1.12rem/1.3 var(--serif);margin:0 0 .35em;color:var(--ivory)}
.aiw p{margin:0 0 .7em}
.aiw a{color:var(--gold-ink)}
.aiw-i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.aiw-eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.14em;font:500 .76rem/1.4 var(--sans);color:var(--gold-ink);margin:0}
.aiw-eyebrow::before{content:"";width:26px;height:1px;background:var(--gold)}
.aiw-eyebrow a{color:inherit;text-decoration:none}
.aiw-lede{font-size:1.08rem;color:var(--mist);max-width:46em}
.aiw-muted{color:var(--mist)}
.aiw-small{font-size:.86rem}
.aiw-hint{color:var(--mist);font-weight:400;font-size:.82rem}
.aiw-head{margin-bottom:20px}
.aiw-h2{margin-top:8px!important}
.aiw-meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;color:var(--mist);margin:0;font-size:.9rem}
.aiw-meta a[aria-current]{font-weight:700;color:var(--ivory)}
.aiw-badge{background:var(--tint);color:var(--gold-ink);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:600}
.aiw-sr-label{font-size:0}
.aiw-sr-label textarea{font-size:1rem}

/* buttons */
.aiw-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--olive);background:var(--olive);color:var(--on-olive)!important;font:600 .95rem/1 var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap}
.aiw-btn:hover{background:var(--olive-hover);border-color:var(--olive-hover)}
.aiw-btn.is-quiet{background:transparent;color:var(--ivory)!important;border-color:var(--line)}
.aiw-btn.is-quiet:hover{border-color:var(--gold);background:var(--wash)}
.aiw-btn.is-danger{background:var(--aiw-err);border-color:var(--aiw-err);color:#fff!important}
.aiw-btn.is-sm{min-height:40px;padding:0 14px;font-size:.88rem}
.aiw-btn.is-block{width:100%}
.aiw-btn[disabled]{opacity:.55;cursor:default}
.aiw-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0}
.aiw-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:none;color:var(--gold-ink)}

/* cards and forms */
.aiw-card,.aiw-fcard{background:var(--card,var(--slate-2));border:1px solid var(--line);border-radius:16px;padding:22px;margin:0 0 18px}
.aiw-fcard>p:first-of-type,.aiw-fcard-h p{color:var(--mist);font-size:.94rem}
.aiw-fcard-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.aiw-big{font:500 1.8rem/1 var(--serif);color:var(--gold-ink)}
.aiw-narrow{max-width:560px;margin:24px auto}
.aiw-form{display:grid;gap:14px}
.aiw-stack{display:block}
.aiw-form label{display:grid;gap:6px;font-weight:600;font-size:.92rem}
.aiw-lab{display:inline-flex;align-items:center;gap:6px}
.aiw-lab .aiw-i{width:14px;height:14px;color:var(--gold)}
.aiw input:not([type=radio]):not([type=checkbox]),.aiw textarea,.aiw select{min-height:46px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;font:400 1rem/1.45 var(--sans);background:var(--field);color:var(--ivory);width:100%;box-sizing:border-box}
.aiw textarea{resize:vertical}
.aiw input:focus,.aiw textarea:focus,.aiw select:focus{outline:2px solid var(--gold);outline-offset:1px}
.aiw input[disabled]{background:var(--wash);color:var(--mist)}
.aiw-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:700px){.aiw-two{grid-template-columns:1fr}}
.aiw-inline{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.aiw-inline label,.aiw-inline input{flex:1 1 200px;width:auto!important}
.aiw-seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:6px 0 14px}
.aiw-opt{display:flex!important;gap:12px!important;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer;font-weight:400!important}
.aiw-opt:has(input:checked){border-color:var(--gold);background:var(--tint)}
.aiw-opt input{margin-top:3px;accent-color:var(--olive);width:18px;height:18px}
.aiw-opt span{display:grid;gap:3px}.aiw-opt b{font-weight:600}.aiw-opt small{color:var(--mist);font-size:.86rem}
.aiw-choice{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;border:1px solid var(--line);border-radius:10px;padding:10px}
.aiw-choice span{display:grid}.aiw-choice small{color:var(--mist)}
.aiw-state{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:.9rem}
.aiw-state i{width:9px;height:9px;border-radius:50%;background:var(--aiw-ok);flex:none}
.aiw-state.is-err{color:var(--aiw-err)}.aiw-state.is-err i{background:var(--aiw-err)}
.aiw-rules{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;color:var(--mist);font-size:.88rem}
.aiw-rules li{display:flex;gap:8px;align-items:center}
.aiw-rules .aiw-i{width:14px;height:14px;color:var(--gold)}
.aiw-lockline{display:flex;gap:8px;align-items:center;color:var(--mist);font-size:.9rem;margin:12px 0 0;padding:10px 12px;border:1px dashed var(--line);border-radius:10px}
.aiw-lockline .aiw-i{color:var(--gold);width:16px;height:16px}
.aiw-code{font-family:ui-monospace,monospace;background:var(--tint);padding:2px 8px;border-radius:6px;letter-spacing:.08em}
.aiw-note{border-radius:12px;padding:12px 14px;margin:0 0 16px;border:1px solid var(--line);background:var(--wash)}
.aiw-note ul{margin:0;padding-left:18px}
.aiw-note.is-ok{border-color:var(--aiw-ok);color:var(--aiw-ok)}.aiw-note.is-err{border-color:var(--aiw-err);color:var(--aiw-err)}
.aiw-row{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--soft);color:inherit;text-decoration:none;margin:0}
.aiw-row:last-child{border-bottom:0}.aiw-row span{color:var(--mist)}
.aiw-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.aiw-list li{display:grid}.aiw-list span{color:var(--mist)}
.aiw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.aiw-tile{border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:8px;align-content:start}
.aiw-price{display:inline-grid;line-height:1.2;vertical-align:middle}.aiw-price b{font:500 1.3rem/1.2 var(--serif)}.aiw-price small{color:var(--mist);font-size:.78rem}
.aiw-table{width:100%;border-collapse:collapse;font-size:.92rem}
.aiw-table th{font:600 .74rem/1.3 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--mist)}
.aiw-table th,.aiw-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--soft);vertical-align:top;overflow-wrap:anywhere}
.aiw-scroll{overflow-x:auto}
.aiw-search{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}.aiw-search input{flex:1 1 200px;width:auto!important}
.aiw-pager{display:flex;gap:14px;color:var(--mist)}
.aiw-copy{font-family:ui-monospace,monospace!important;border-style:dashed!important;border-color:var(--gold)!important}
.aiw-danger summary{cursor:pointer;font-weight:600;min-height:32px}
.aiw-danger h2{color:var(--aiw-err)}
.aiw-rowform{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.aiw-rowform h2,.aiw-rowform .aiw-actions{grid-column:1/-1}
.aiw-hero{padding:24px 0}
.aiw-pill{display:inline-block;border-radius:999px;padding:3px 10px;font-size:.76rem;font-weight:600;background:var(--tint);color:var(--gold-ink);white-space:nowrap}
.aiw-pill.is-handover{background:rgba(164,80,47,.14);color:var(--aiw-err)}
.aiw-pill.is-closed{background:var(--wash);color:var(--mist)}
.aiw-av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--gold-ink);font-weight:700;font-size:.82rem;flex:none}
.aiw-mk{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--gold);background:var(--wash);color:var(--ivory);font:400 1.15rem/1 var(--serif);flex:none}   /* 1.3.2: like Core's avatar */

/* My workspaces / workspace cards */
.aiw-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:0 0 22px}
.aiw-wcard,.aiw-pcard{background:var(--card,var(--slate-2));border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;gap:8px;align-content:start;text-decoration:none;color:var(--ivory)}
a.aiw-wcard:hover{border-color:var(--gold);box-shadow:var(--shadow)}
.aiw-wcard b{font:500 1.2rem/1.2 var(--serif)}.aiw-wcard small{color:var(--mist)}
.aiw-wnew{border-style:dashed;margin:0}
.aiw-pcard-h{display:flex;gap:12px;align-items:center}
.aiw-pcard-h>div>b{display:block;font:500 1.15rem/1.2 var(--serif)}.aiw-pcard-h small{color:var(--mist)}

/* ── the product admin ── */
.aiw-app{max-width:1360px;margin:0 auto;padding:0 0 64px;display:grid;grid-template-columns:268px minmax(0,1fr);align-items:start}
.aiw-side{position:sticky;top:0;align-self:start;min-height:calc(100vh - 80px);border-right:1px solid var(--line);padding:26px 16px 20px;display:flex;flex-direction:column;gap:16px;background:var(--side)}
.aiw-back{display:inline-flex;align-items:center;gap:6px;color:var(--mist)!important;text-decoration:none;font-size:.88rem}
.aiw-back:hover{color:var(--gold-ink)!important}
.aiw-prod{display:flex;gap:12px;align-items:center;padding:0 2px 14px;border-bottom:1px solid var(--soft)}
.aiw-prod>div>b{display:block;font:500 1.08rem/1.2 var(--serif)}
.aiw-prod small{color:var(--mist);font-size:.8rem}
.aiw-nav{display:grid;gap:2px}
.aiw-nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:10px;color:var(--ivory)!important;text-decoration:none;font-size:.95rem;position:relative}
.aiw-nav a .aiw-i{color:var(--gold)}
.aiw-nav a:hover{background:var(--wash)}
.aiw-nav a[aria-current]{background:var(--tint);font-weight:600}
.aiw-nav a[aria-current]::before{content:"";position:absolute;left:-16px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--gold)}
.aiw-nav em{margin-left:auto;font-style:normal;font-size:.72rem;color:var(--mist);background:var(--wash);border-radius:999px;padding:1px 8px}
.aiw-nav em.is-hot{background:var(--aiw-err);color:#fff}
.aiw-side-foot{margin-top:auto;display:grid;gap:8px}
.aiw-side-foot p{margin:0;text-align:center}
.aiw-menu-btn,.aiw-scrim{display:none}
.aiw-app>.aiw-main{padding:30px 0 0 36px;min-width:0}
.aiw-ph{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 22px}
.aiw-ring{width:52px;height:52px;border-radius:14px;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);background:var(--wash);flex:none}
.aiw-ring .aiw-i{width:22px;height:22px}
.aiw-ph-t{flex:1;min-width:200px}
.aiw-ph-t h1{margin:.12em 0 0}
.aiw-ph-a{display:flex;flex-wrap:wrap;gap:8px}
.aiw-cols{display:grid;gap:22px}
.aiw-cols.has-side{grid-template-columns:minmax(0,1fr) 300px;align-items:start}
.aiw-colside{display:grid;gap:16px;position:sticky;top:20px}
.aiw-mini{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--card,var(--slate-2))}
.aiw-mini h3{font-size:1.1rem;margin:.4em 0 .6em}
.aiw-kv{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--soft);font-size:.9rem}
.aiw-kv span{color:var(--mist)}
.aiw-mini .aiw-link{margin-top:12px}
@media (max-width:1180px){.aiw-cols.has-side{grid-template-columns:1fr}.aiw-colside{position:static;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}
@media (max-width:900px){
  .aiw-app{grid-template-columns:1fr;padding:0 16px 64px}
  .aiw-app>.aiw-main{padding:18px 0 0}
  .aiw-menu-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:50px;margin-top:14px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--card,var(--slate-2));color:var(--ivory);font:600 .95rem/1 var(--sans);cursor:pointer}
  .aiw-menu-btn small{margin-left:auto;color:var(--mist);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}
  .aiw-side{position:fixed;z-index:80;top:0;bottom:0;left:0;width:min(300px,86vw);min-height:0;overflow-y:auto;transform:translateX(-105%);transition:transform .2s;box-shadow:var(--shadow)}
  .aiw-side.is-open{transform:none}
  .aiw-side.is-open~.aiw-scrim{display:block;position:fixed;inset:0;z-index:70;background:var(--scrim)}
  .aiw-nav a[aria-current]::before{left:-16px}
  .aiw-ph-a{width:100%}
}
@media (max-width:900px){.aiw-side:not(.is-open){visibility:hidden}}
@media (prefers-reduced-motion:reduce){.aiw-side{transition:none}}

/* overview */
.aiw-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0 0 18px}
.aiw-tile2{border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:2px;text-decoration:none;color:var(--ivory)!important;background:var(--card,var(--slate-2))}
a.aiw-tile2:hover{border-color:var(--gold)}
.aiw-tile2 span{font-size:.8rem;color:var(--mist)}
.aiw-tile2 b{font:500 1.9rem/1.15 var(--serif)}
.aiw-tile2 small{color:var(--mist);font-size:.8rem}
progress.aiw-meter{-webkit-appearance:none;appearance:none;display:block;width:100%;height:8px;border:0;border-radius:4px;background:var(--track);overflow:hidden;margin:6px 0 14px}
progress.aiw-meter::-webkit-progress-bar{background:var(--track);border-radius:4px}
progress.aiw-meter::-webkit-progress-value{background:var(--olive);border-radius:4px}
progress.aiw-meter::-moz-progress-bar{background:var(--olive);border-radius:4px}
.aiw-guide{list-style:none;margin:0;padding:0;display:grid}
.aiw-guide li{display:flex;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--soft)}
.aiw-guide li>div{flex:1;min-width:0;display:grid;gap:2px}
.aiw-guide small{color:var(--mist);font-size:.86rem}
.aiw-st{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--mist);flex:none}
.aiw-guide li.is-done .aiw-st{background:var(--olive);border-color:var(--olive);color:var(--on-olive)}
.aiw-guide li.is-done b{color:var(--mist);text-decoration:line-through;text-decoration-color:var(--soft)}
.aiw-guide li.is-locked{opacity:.7}
.aiw-guide li.is-locked .aiw-st{border-style:dashed;color:var(--gold)}
.aiw-go{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:none;white-space:nowrap;min-height:44px}
.aiw-ok{color:var(--aiw-ok);font-weight:600;font-size:.86rem}
.aiw-try{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;background:linear-gradient(120deg,var(--tint),transparent 70%),var(--card,var(--slate-2))}
.aiw-try>div:first-child{flex:1 1 320px}

/* knowledge, data */
.aiw-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:8px}
.aiw-facts article{border:1px solid var(--soft);border-radius:12px;padding:14px;background:var(--wash)}
.aiw-facts p{color:var(--mist);font-size:.9rem;margin:6px 0 0}
.aiw-dbgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:10px}
.aiw-dbt{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:4px;text-decoration:none;color:var(--ivory)!important}
a.aiw-dbt:hover{border-color:var(--gold);background:var(--wash)}
.aiw-dbt .aiw-i{color:var(--gold)}.aiw-dbt small{color:var(--mist)}

/* plans */
.aiw-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:10px}
.aiw-plan{border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;gap:10px;align-content:start;margin:0}
.aiw-plan.is-current{border-color:var(--gold);background:var(--tint)}
.aiw-plan ul{margin:0;padding-left:18px;color:var(--mist);font-size:.92rem;display:grid;gap:4px}

/* conversations */
.aiw-convs{display:grid;margin-top:10px}
.aiw-conv{display:flex;gap:12px;align-items:center;padding:14px 4px;border-top:1px solid var(--soft);text-decoration:none;color:var(--ivory)!important}
.aiw-conv:hover{background:var(--wash)}
.aiw-conv-t{flex:1;min-width:0;display:grid;gap:2px}
.aiw-conv-t em{font-style:normal;font-weight:400;font-size:.76rem;color:var(--mist);margin-left:6px}
.aiw-conv-t small{color:var(--mist);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aiw-conv-m{display:grid;justify-items:end;gap:4px}
.aiw-conv-m small{color:var(--mist);font-size:.76rem;white-space:nowrap}
@media (max-width:600px){.aiw-conv{flex-wrap:wrap}.aiw-conv-m{justify-items:start;width:100%;padding-left:50px}}
.aiw-empty{text-align:center;padding:28px 0}
.aiw-backlink{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:600;margin-bottom:12px}
.aiw-thread-h{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--soft)}
.aiw-thread-h>div{flex:1;display:grid}
.aiw-thread-h small{color:var(--mist)}
.aiw-msgs{list-style:none;margin:16px 0;padding:0;display:flex;flex-direction:column;gap:10px}
.aiw-msgs li{max-width:80%;padding:10px 14px;border-radius:16px;background:var(--wash);border:1px solid var(--soft);align-self:flex-start}
.aiw-msgs li p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.aiw-msgs li small{display:block;color:var(--mist);font-size:.74rem;margin-top:4px}
.aiw-msgs li.is-user{align-self:flex-end;background:var(--olive);border-color:var(--olive);color:var(--on-olive)}
.aiw-msgs li.is-user small{color:var(--on-olive);opacity:.75}
.aiw-msgs li.is-system{align-self:center;background:none;border-style:dashed;font-size:.86rem;color:var(--mist)}
.aiw-stack .aiw-fcard{display:grid;gap:12px}
.aiw-stack .aiw-fcard>h2,.aiw-stack .aiw-fcard>p{margin:0}
.aiw-stack>.aiw-actions{margin:0 0 18px}

/* ── 1.2.0: the ten steps, plan, knowledge editor, Test page ── */
.aiw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.aiw-path li{align-items:flex-start}
.aiw-path .aiw-st{font:600 .86rem/1 var(--sans);color:var(--gold-ink);margin-top:2px}
.aiw-path li>div small{display:block;line-height:1.45}
.aiw-path .aiw-real{color:var(--mist)}
.aiw-path .aiw-here{color:var(--ivory)}
.aiw-path .aiw-real span,.aiw-path .aiw-here span{font-weight:600;color:var(--gold-ink)}
.aiw-path li.is-done .aiw-here,.aiw-path li.is-done .aiw-real{color:var(--mist)}
.aiw-path .aiw-go{margin-top:-6px}
.aiw-cred{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;color:var(--ivory)}
.aiw-cred .aiw-i{width:14px;height:14px;color:var(--gold)}
.aiw-tag{font-style:normal;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:1px 8px;color:var(--mist);vertical-align:2px}
.aiw-fs{border:0;margin:0;padding:0;display:grid;gap:8px}
.aiw-fs legend{font-weight:600;font-size:.92rem;padding:0;margin-bottom:6px}
.aiw-krow{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.aiw-krow form{margin:0}
.aiw-facts article>small{font-size:.8rem}
.aiw-big.is-pass{color:var(--aiw-ok)}.aiw-big.is-fail{color:var(--aiw-err)}
.aiw-pill.is-pass{background:rgba(94,86,18,.14);color:var(--aiw-ok)}
.aiw-pill.is-fail{background:rgba(164,80,47,.14);color:var(--aiw-err)}
.aiw-pill.is-wait{background:var(--wash);color:var(--mist)}
.aiw-tests td:nth-child(1){width:2.2em;color:var(--mist)}
.aiw-tests td:nth-child(2){min-width:180px}
.aiw-tests td:nth-child(3){min-width:200px;white-space:pre-wrap}
.aiw-tests td:nth-child(4){min-width:160px}
.aiw-tests tr.is-fail td:first-child{box-shadow:inset 3px 0 0 var(--aiw-err)}
.aiw-tests tr.is-pass td:first-child{box-shadow:inset 3px 0 0 var(--aiw-ok)}
.aiw-tests tr.is-running td{background:var(--wash)}
progress.aiw-meter[hidden]{display:none}
.aiw-side-foot .aiw-btn{min-height:44px}
@media (max-width:640px){
  .aiw-tests thead{display:none}
  .aiw-tests tr{display:grid;grid-template-columns:2.2em 1fr;border-bottom:1px solid var(--soft);padding:8px 0}
  .aiw-tests td{border:0;padding:4px 6px;min-width:0!important}
  .aiw-tests td:nth-child(n+2){grid-column:2}
  .aiw-tests td:nth-child(1){grid-row:1/span 3}
}
.aiw-krow .aiw-btn,.aiw-colmain .aiw-fcard-h .aiw-btn.is-sm{min-height:44px}
/* ── 1.2.1: booking products ── */
.aiw-proposed{display:block;margin-top:6px;padding:6px 10px;border-radius:8px;font-size:.84rem;border:1px dashed var(--line)}
.aiw-proposed.is-ok{border-color:var(--aiw-ok);color:var(--aiw-ok)}
.aiw-proposed.is-no{border-color:var(--aiw-err);color:var(--aiw-err)}
.aiw-msgs li.is-tool,.aiw-msgs li.is-action{align-self:stretch;max-width:none;background:none;border-style:dashed;font-size:.86rem}
.aiw-msgs li.is-action{border-color:var(--gold)}
.aiw-msgs li em{font-style:normal;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-ink)}
.aiw-choice.is-locked{background:var(--wash);cursor:default}
.aiw-pill.is-wait{background:var(--wash);color:var(--mist)}
.aiw-log td:nth-child(3){min-width:220px}
.aiw-cols:not(.has-side){grid-template-columns:minmax(0,1fr)}
@media (max-width:640px){
  .aiw-log thead{display:none}
  .aiw-log tr{display:grid;border-bottom:1px solid var(--soft);padding:8px 0}
  .aiw-log td{border:0;padding:3px 6px;min-width:0!important}
}

/* ── 1.3.0: companies and tools — pickers, the add-tool choice and the builder's tool switcher ── */
.aiw-sec-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.aiw-toolchips{list-style:none;margin:2px 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.aiw-toolchips a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:999px;color:var(--ivory);text-decoration:none;font-size:.88rem}
.aiw-toolchips a:hover{border-color:var(--gold)}
.aiw-toolchips a.is-add{border-style:dashed;color:var(--gold-ink)}
.aiw-sector{display:flex;align-items:center;gap:8px;margin:18px 0 8px!important}
.aiw-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.aiw-pickcard{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:14px;text-decoration:none;color:var(--ivory);min-height:44px}
.aiw-pickcard:hover{border-color:var(--gold);background:var(--tint)}
.aiw-pickcard span:last-child{display:grid;gap:3px;min-width:0}
.aiw-pickcard b{font-weight:600}.aiw-pickcard small{font-size:.86rem;color:var(--mist)}
.aiw-pickcard.is-off{opacity:.6}
.aiw-where{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px}
.aiw-where h3{margin-top:4px}
.aiw-wherecard{display:grid;gap:6px;border:1px solid var(--line);border-radius:14px;padding:14px;margin:0 0 10px}
.aiw-wherecard .aiw-btn{justify-self:start}
.aiw-cost{display:flex;gap:8px;align-items:center;margin:4px 0}
@media (max-width:760px){.aiw-where{grid-template-columns:1fr}}
.aiw-tools{display:grid;gap:2px;margin:8px 0 10px;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.aiw-tools p{margin:0 0 4px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mist)}
.aiw-tools a{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;border-radius:10px;color:var(--ivory);text-decoration:none;font-size:.92rem}
.aiw-tools a[aria-current]{background:var(--tint);font-weight:600;box-shadow:inset 3px 0 0 var(--gold)}
.aiw-tools a.is-add{color:var(--gold-ink)}
.aiw-tools a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ── 1.2.2: the owner's step bar (_stepbar.blade.php). The same block is in aiw-front.css, aiw-product.css
      and aiw-siteadmin.css; only the --sb-* colours above it differ. Keep the three in step. ── */
.sb{position:fixed;left:0;right:0;bottom:0;z-index:45;font:400 15px/1.35 var(--sb-font);color:var(--sb-ink)}
.sb *{box-sizing:border-box}
.sb svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sb a{color:inherit}
.sb :focus-visible{outline:2px solid var(--sb-acc);outline-offset:2px}
.sb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sb-bar{display:flex;align-items:center;gap:16px;min-height:60px;padding:8px 16px;background:var(--sb-bg);border-top:1px solid var(--sb-line);box-shadow:0 -10px 30px -18px rgba(0,0,0,.35)}
.sb-prog{display:grid;gap:5px;flex:none}
.sb-count{font-size:.82rem;font-weight:700;white-space:nowrap}
.sb-tool{display:block;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--sb-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14em}
.sb-dots{list-style:none;margin:0;padding:0;display:flex;gap:4px}
.sb-dots li{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--sb-mute);opacity:.65}
.sb-dots li.is-done{background:var(--sb-ok);border-color:var(--sb-ok);opacity:1}
.sb-dots li.is-current{border-color:var(--sb-acc);box-shadow:0 0 0 2px var(--sb-soft);opacity:1}
.sb-dots li.is-locked{border-style:dashed;opacity:.4}
.sb-now{flex:1;min-width:0;display:grid}
.sb-now b,.sb-now small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-now small{color:var(--sb-mute);font-size:.84rem}
.sb-now small a{font-weight:600}
.sb-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;background:var(--sb-acc);color:var(--sb-on)!important;font-weight:700;text-decoration:none;white-space:nowrap;flex:none}
.sb-go:hover{filter:brightness(1.08)}
.sb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:0 12px;border-radius:999px;border:1px solid var(--sb-line);background:transparent;color:var(--sb-ink);font:600 .88rem/1 var(--sb-font);cursor:pointer;list-style:none;white-space:nowrap}
.sb-btn::-webkit-details-marker{display:none}
.sb-btn:hover{border-color:var(--sb-acc)}
.sb-x{padding:0}
.sb-more[open] .sb-btn svg{transform:rotate(180deg)}
.sb-hide{margin:0}
.sb-panel{position:absolute;right:16px;bottom:100%;margin-bottom:8px;width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow-y:auto;background:var(--sb-bg);border:1px solid var(--sb-line);border-radius:16px;box-shadow:0 20px 50px -20px rgba(0,0,0,.45);padding:12px}
.sb-head{margin:2px 6px 10px;font-size:.92rem}
.sb-head a{font-weight:700}
.sb-steps{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.sb-steps li{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:12px}
.sb-steps li.is-current{background:var(--sb-soft)}
.sb-ic{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--sb-line);font-size:.8rem;font-weight:700;flex:none;color:var(--sb-mute)}
.sb-steps li.is-done .sb-ic{background:var(--sb-ok);border-color:var(--sb-ok);color:var(--sb-on)}
.sb-steps li.is-current .sb-ic{border-color:var(--sb-acc);color:var(--sb-acc)}
.sb-steps li.is-locked .sb-ic{border-style:dashed}
.sb-t{flex:1;min-width:0;display:grid}
.sb-t b{font-size:.92rem}
.sb-t em{font-style:normal;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--sb-line);border-radius:999px;padding:0 6px;margin-right:4px;color:var(--sb-mute)}
.sb-t small{color:var(--sb-mute);font-size:.8rem}
.sb-steps li.is-done .sb-t b{color:var(--sb-mute)}
.sb-gol{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:999px;font-weight:600;font-size:.88rem;text-decoration:none;border:1px solid var(--sb-line);white-space:nowrap}
.sb-gol:hover{border-color:var(--sb-acc)}
.sb-steps li.is-current .sb-gol{background:var(--sb-acc);border-color:var(--sb-acc);color:var(--sb-on)!important}
.sb.is-off{left:12px;right:auto;bottom:12px}
.sb-show{margin:0}
.sb-show button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--sb-line);background:var(--sb-bg);color:var(--sb-ink);font:600 .88rem/1 var(--sb-font);cursor:pointer;box-shadow:0 8px 24px -12px rgba(0,0,0,.4)}
.sb-show small{color:var(--sb-mute);font-weight:400}
body:has(.sb-bar){padding-bottom:64px}
body:has(.sb.is-off){padding-bottom:64px}
@media (max-width:700px){
  .sb-bar{flex-wrap:wrap;gap:6px 10px;padding:8px 12px 10px}
  .sb-prog{order:1;display:block}
  .sb-dots{display:none}
  .sb-now{order:2;flex:1 1 0}
  .sb-now small{display:none}
  .sb-more{order:3}
  .sb-hide{order:4}
  .sb-go{order:5;width:100%}
  .sb-btn span{display:none}
  .sb-btn{padding:0}
  .sb-panel{position:fixed;left:0;right:0;bottom:var(--sb-h,112px);margin:0;width:auto;max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px);border-radius:18px 18px 0 0;border-bottom:0}
  body:has(.sb-bar){padding-bottom:116px}
}
/* 1.5.4: the always-visible "Share and logins" button and its first-time hint (same in all three stylesheets). */
.sb-logins{position:relative;flex:none;display:flex}
.sb-share{text-decoration:none;color:var(--sb-ink)!important;border-color:var(--sb-acc)}
.sb-share .sb-l-short{display:none}
.sb-hint{position:absolute;right:0;bottom:calc(100% + 12px);display:flex;align-items:center;gap:6px;width:max-content;max-width:min(330px,calc(100vw - 24px));padding:8px 6px 8px 14px;border-radius:14px;background:var(--sb-acc);color:var(--sb-on);font-size:.86rem;line-height:1.3;box-shadow:0 12px 30px -14px rgba(0,0,0,.5)}
.sb-hint::after{content:"";position:absolute;right:22px;top:100%;border:7px solid transparent;border-top-color:var(--sb-acc)}
.sb-hint form{margin:0}
.sb-hint-x{display:inline-grid;place-items:center;width:44px;height:44px;margin:-8px 0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.sb-hint-x:hover{background:rgba(255,255,255,.16)}
.sb.is-off{display:flex;align-items:center;gap:8px}
.sb.is-off .sb-share{background:var(--sb-bg);box-shadow:0 8px 24px -12px rgba(0,0,0,.4)}
.sb.is-off .sb-hint{left:0;right:auto}
.sb.is-off .sb-hint::after{left:22px;right:auto}
@media (max-width:700px){
  .sb-logins{order:2}
  .sb .sb-share{padding:0 10px}
  .sb .sb-share span.sb-l-long{display:none}
  .sb .sb-share span.sb-l-short{display:inline}
  .sb-hint{position:fixed;left:12px;right:12px;bottom:calc(var(--sb-h,112px) + 10px);width:auto;max-width:none}
  .sb-hint::after{display:none}
}
@media (prefers-reduced-motion:reduce){.sb-more[open] .sb-btn svg{transform:none}}
/* ── 1.3.0 (live fix, found on 1.2.2): floating launchers from Core or other plugins on the builder
      layout — Oleren Sense puts a round "S" (a.sense-launcher: fixed, bottom 12px, right 12px,
      z-index 48) that sat on top of "Do it" on a phone. While the step bar shows (collapsed or
      expanded) the launcher is lifted just above the bar and drawn UNDER the bar's z-index, so it can
      never cover the bar or the expanded step list. When the bar is hidden this rule stops matching
      and the launcher goes back where it was. Generic: on a phone the bar keeps 68px free on the right
      of "Do it" (12px gap + a 56px launcher), so any other fixed bottom-right launcher we do not know
      about cannot sit on the button. ── */
body:has(.sb-bar) .sense-launcher{bottom:76px!important;z-index:44!important}
@media (max-width:700px){
  body:has(.sb-bar) .sense-launcher{bottom:124px!important}
  .sb-go{width:calc(100% - 68px)}
}
.sb{--sb-bg:var(--card,var(--slate-2,#fff));--sb-ink:var(--ivory,#222);--sb-mute:var(--mist,#666);--sb-line:var(--line,#ddd);--sb-acc:var(--olive,#5e5612);--sb-on:var(--on-olive,#fff);--sb-soft:var(--tint,#f3efe2);--sb-ok:var(--olive,#5e5612);--sb-font:var(--sans,system-ui,sans-serif)}

/* 1.3.1: AI replies with a small Markdown subset (AiwText) in test results and conversations */
.aiw-ai p{margin:0 0 .5em}.aiw-ai p:last-child{margin:0}
.aiw-ai ul,.aiw-ai ol{margin:.2em 0 .5em;padding-left:1.3em}.aiw-ai ul{list-style:disc}.aiw-ai ol{list-style:decimal}
.aiw-ai li,.aiw-msgs li .aiw-ai li{max-width:none;margin:.15em 0;padding:0;border:0;border-radius:0;background:none;align-self:auto;color:inherit}
.aiw-msgs li .aiw-ai p{white-space:normal}

/* ═══════════════════════════════════════════════════════════════
   OL-AIW-CSS-000132 · 1.3.2 "Premium look" — one visual system for companies and tools, and the public
   page rebuilt in the language of the Oleren Policy landing (Core's oleren-front-2.css does the type,
   tokens, buttons, .eyebrow, .display, .lede, .seg, .card; this adds only what is missing).
   NOTE  No emoji: AiwIcons draws every company and tool icon as inline SVG. A company's brand colour
         (its pack's profile.colour) is a class: .b-gold … .b-harbour sets --b (fill) and --b-ink
         (text and lines on the page), lighter in dark mode.
   GUARD Strict CSP: no inline styles; the sector filter is radios + :has(). Touch targets 44px.
   ═══════════════════════════════════════════════════════════════ */
.b-gold{--b:#9a7224;--b-ink:#7c5c1c}
.b-teal{--b:#19736f;--b-ink:#145e5b}
.b-plum{--b:#763b6d;--b-ink:#5f2f58}
.b-blue{--b:#2d5498;--b-ink:#24467f}
.b-green{--b:#2f6f3e;--b-ink:#275c34}
.b-coral{--b:#b04f39;--b-ink:#93412f}
.b-harbour{--b:#1e5f7d;--b-ink:#184e67}
:root[data-ol-theme="dark"] .b-gold{--b-ink:#dcbb77}
:root[data-ol-theme="dark"] .b-teal{--b-ink:#7cc7c1}
:root[data-ol-theme="dark"] .b-plum{--b-ink:#d5a2cd}
:root[data-ol-theme="dark"] .b-blue{--b-ink:#a6bbe8}
:root[data-ol-theme="dark"] .b-green{--b-ink:#97cba2}
:root[data-ol-theme="dark"] .b-coral{--b-ink:#eba08d}
:root[data-ol-theme="dark"] .b-harbour{--b-ink:#8dc3dd}
.aiw-ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
/* the brand mark: the company's initial in Fraunces on its colour */
.aiw-mark{--m:48px;width:var(--m);height:var(--m);border-radius:13px;background:var(--b,var(--gold));color:var(--b-on,#fffaf0);display:grid;place-items:center;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 6px 14px -8px rgba(20,16,8,.5)}
.aiw-mark b{font:420 calc(var(--m) * .5)/1 var(--serif);font-variation-settings:"opsz" 72;letter-spacing:.01em;transform:translateY(.02em)}
.aiw-mark.is-lg{--m:64px;border-radius:17px}
.aiw-mark.is-sm{--m:36px;border-radius:10px}
.aiw-mark.is-xs{--m:28px;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
/* the sector band: an abstract pattern in the brand colour */
.aiw-band{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.15;opacity:.4}
.aiw-co-band{position:relative;display:block;height:92px;background:color-mix(in srgb,var(--b) 7%,var(--card,#fff));color:var(--b-ink);border-bottom:1px solid color-mix(in srgb,var(--b) 16%,transparent)}
:root[data-ol-theme="dark"] .aiw-co-band{background:color-mix(in srgb,var(--b) 16%,var(--card,#2e3035))}
.aiw-co-band .aiw-mark{position:absolute;left:22px;bottom:-24px;box-shadow:0 0 0 4px var(--card,#fff),0 10px 20px -10px rgba(20,16,8,.55)}
/* a company card (landing and the in-workspace picker) */
.aiw-co{list-style:none;min-width:0}
.aiw-co>a{display:flex;flex-direction:column;height:100%;background:var(--card,#fff);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--ivory);box-shadow:0 18px 36px -26px rgba(60,45,10,.30),0 0 0 1px rgba(60,45,10,.04);transition:border-color .2s}
:root[data-ol-theme="dark"] .aiw-co>a{box-shadow:0 24px 44px -24px rgba(0,0,0,.55)}
.aiw-co>a:hover{border-color:var(--gold)}
.aiw-co>a:hover .go{text-decoration:underline;text-underline-offset:4px}
.aiw-co-body{display:flex;flex-direction:column;gap:2px;padding:38px 22px 20px;flex:1}
.aiw-co-sec{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--mist)}
.aiw-co-sec .aiw-ic{width:17px;height:17px;color:var(--b-ink)}
.aiw-co-name{font:400 23px/1.2 var(--serif);letter-spacing:-.005em;margin-top:6px;color:var(--ivory)}
.aiw-co-where{font-size:14.5px;color:var(--mist)}
.aiw-co-line{font-size:15px;line-height:1.5;margin-top:10px;color:var(--ivory)}
.aiw-co-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--soft);font-size:13px;line-height:1.3;color:var(--mist)}
.aiw-co-facts>span{min-width:0;overflow-wrap:break-word}
.aiw-co-facts b{display:block;font:300 26px/1 var(--serif);letter-spacing:-.01em;color:var(--ivory);margin-bottom:5px;font-variant-numeric:tabular-nums}
.aiw-co-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;font-size:13.5px;color:var(--mist)}
.aiw-co-foot .go{display:inline-flex;align-items:center;gap:6px;color:var(--gold-ink);font-weight:600;font-size:14.5px;min-height:28px}
.aiw-co-foot .go .aiw-ic{width:16px;height:16px}

/* ── the public page ── */
.aiw-l .aiw-l-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:64px;align-items:start;padding-top:72px}
.aiw-l .aiw-l-hero-l{padding-top:18px}
.aiw-l .aiw-l-hero-l .lede{margin:24px 0 0}
.aiw-l .aiw-l-cta{margin-top:32px}
.aiw-l .btn .aiw-ic{width:18px;height:18px}
.aiw-l .btn.quiet .aiw-ic{color:var(--gold)}
.aiw-l .aiw-l-benefits{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid var(--line)}
.aiw-l .aiw-l-benefits li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start;padding:18px 0;border-bottom:1px solid var(--soft)}
.aiw-l .aiw-l-benefits .bi{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold)}
.aiw-l .aiw-l-benefits b{display:block;font-weight:600;font-size:16px;margin-bottom:2px}
.aiw-l .aiw-l-benefits span{color:var(--mist);font-size:15px;line-height:1.5}
/* the composed company site (always a light page: it is the pretend company's website) */
.aiw-mock{position:relative;padding:6px 0 34px}
.aiw-mock .mk-win{position:relative;min-height:470px;background:#fff;color:#23252b;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;font:400 13px/1.45 var(--sans)}
:root[data-ol-theme="dark"] .aiw-mock .mk-win{background:#f6f4ef;border-color:rgba(205,170,98,.32)}
.aiw-mock .mk-bar{display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;background:#f6f3ec;border-bottom:1px solid rgba(35,37,43,.08)}
.aiw-mock .mk-bar i{width:9px;height:9px;border-radius:50%;background:#dcd5c5}
.aiw-mock .mk-bar span{margin-left:10px;background:#fff;border:1px solid rgba(35,37,43,.08);border-radius:999px;padding:1px 12px;font-size:11.5px;color:#6b6a62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aiw-mock .mk-site{position:relative;padding:18px 22px 22px}
.aiw-mock .mk-nav{position:relative;display:flex;align-items:center;gap:10px;font-size:12px;color:#6b6a62}
.aiw-mock .mk-nav>b{font:500 15px var(--serif);color:#23252b;margin-right:auto;white-space:nowrap}
.aiw-mock .mk-hero{position:relative;margin-top:28px;max-width:42%}
.aiw-mock .mk-k{margin:0;font-size:11.5px;color:var(--b);font-weight:600}
.aiw-mock .mk-h{margin:8px 0 16px;font:380 21px/1.18 var(--serif);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-variation-settings:"opsz" 96;letter-spacing:-.01em;color:#23252b}
.aiw-mock .mk-btns{display:flex;gap:8px;margin:0}
.aiw-mock .mk-btn{background:var(--b);color:#fff;border-radius:8px;padding:6px 12px;font-size:11.5px;font-weight:600}
.aiw-mock .mk-btn.is-ghost{background:none;color:var(--b);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--b) 40%,transparent)}
.aiw-mock .mk-tiles{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:30px;max-width:42%}
.aiw-mock .mk-tiles div{border:1px solid rgba(35,37,43,.09);border-radius:10px;padding:10px 9px;display:grid;gap:6px;background:#fff}
.aiw-mock .mk-tiles b{font-size:10.5px;font-weight:600;line-height:1.25;color:#23252b;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em}
.aiw-mock .mk-tiles i{height:5px;border-radius:3px;background:rgba(35,37,43,.08)}
.aiw-mock .mk-tiles i.s{width:55%;background:color-mix(in srgb,var(--b) 30%,#fff)}
.aiw-mock .mk-chat{position:absolute;right:18px;top:78px;bottom:18px;width:50%;background:#fff;border-radius:16px;box-shadow:0 26px 50px -22px rgba(20,24,40,.42),0 0 0 1px rgba(20,24,40,.08);display:flex;flex-direction:column;overflow:hidden}
.aiw-mock .mk-chat-h{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--b);color:#fff}
.aiw-mock .mk-chat-h b{display:block;font-size:13px;font-weight:600;line-height:1.25}
.aiw-mock .mk-chat-h small{display:block;font-size:11px;opacity:.8}
.aiw-mock .mk-msgs{flex:1;display:flex;flex-direction:column;gap:8px;padding:14px 12px;background:#faf8f3}
.aiw-mock .mk-msgs p{margin:0;max-width:88%;padding:8px 11px;border-radius:13px;font-size:12.5px;line-height:1.42}
.aiw-mock .mk-msgs .is-bot{align-self:flex-start;background:#fff;box-shadow:0 0 0 1px rgba(35,37,43,.08);border-bottom-left-radius:4px}
.aiw-mock .mk-msgs .is-me{align-self:flex-end;background:var(--b);color:#fff;border-bottom-right-radius:4px}
.aiw-mock .mk-in{display:flex;align-items:center;gap:8px;margin:10px;height:38px;padding:0 5px 0 13px;border:1px solid rgba(35,37,43,.12);border-radius:999px;font-size:12px;color:#8a877d}
.aiw-mock .mk-in i{margin-left:auto;width:28px;height:28px;border-radius:50%;background:var(--b);color:#fff;display:grid;place-items:center}
.aiw-mock .mk-in .aiw-ic{width:14px;height:14px}
.aiw-mock .mk-step{position:absolute;left:26px;right:26px;bottom:0;display:flex;align-items:center;gap:16px;padding:11px 12px 11px 18px;background:var(--ivory);color:var(--slate);border-radius:14px;box-shadow:0 22px 40px -18px rgba(20,16,8,.55)}
.aiw-mock .mk-step-n small{display:block;font-size:10.5px;opacity:.7;white-space:nowrap}
.aiw-mock .mk-step-n b{display:block;font-size:13px;font-weight:600;white-space:nowrap}
.aiw-mock .mk-step-t{min-width:0;flex:1;display:grid;gap:6px}
.aiw-mock .mk-step-t>b{font:400 15px/1.2 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aiw-mock .mk-dots{display:flex;gap:5px}
.aiw-mock .mk-dots i{width:7px;height:7px;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor;opacity:.45}
.aiw-mock .mk-dots i.done{background:var(--gold);box-shadow:none;opacity:1}
.aiw-mock .mk-dots i.now{box-shadow:inset 0 0 0 1.5px var(--gold),0 0 0 2px color-mix(in srgb,var(--gold) 30%,transparent);opacity:1}
.aiw-mock .mk-go{display:inline-flex;align-items:center;gap:6px;background:var(--olive);color:var(--on-olive);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;white-space:nowrap}
.aiw-mock .mk-go .aiw-ic{width:15px;height:15px}
:root[data-ol-theme="dark"] .aiw-mock .mk-step{background:#f3efe4;color:#25272b}
/* sections */
.aiw-l .aiw-l-sec{margin-top:112px;scroll-margin-top:100px}
.aiw-l .aiw-l-h{display:flex;justify-content:space-between;align-items:end;gap:12px 32px;flex-wrap:wrap;margin-bottom:28px}
.aiw-l .aiw-l-h h2{font:350 36px/1.1 var(--serif);letter-spacing:-.012em}
.aiw-l .aiw-l-h p{margin:0;color:var(--mist);max-width:50ch;font-size:15.5px}
.aiw-l .aiw-l-steps4{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.aiw-l .aiw-l-steps4 li{padding:24px 26px 6px 0}
.aiw-l .aiw-l-steps4 li+li{padding-left:26px;border-left:1px solid var(--soft)}
.aiw-l .aiw-l-steps4 .n{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.aiw-l .aiw-l-steps4 .n b{font:300 44px/1 var(--serif);letter-spacing:-.02em;color:var(--gold-ink)}
.aiw-l .aiw-l-steps4 .n .aiw-ic{width:22px;height:22px;color:var(--gold)}
.aiw-l .aiw-l-steps4 h3{font:400 21px/1.2 var(--serif);margin:0 0 6px}
.aiw-l .aiw-l-steps4 p{margin:0;color:var(--mist);font-size:15px}
.aiw-l .aiw-l-filter{margin:0 0 24px}
.aiw-l .aiw-l-filter label{min-height:40px}
.aiw-co-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.aiw-co-more{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:28px 26px;border:1px dashed var(--line);border-radius:16px;color:var(--mist);font-size:15px}
.aiw-co-more .aiw-ic{width:22px;height:22px;color:var(--gold)}
.aiw-co-more b{font:400 21px/1.25 var(--serif);color:var(--ivory)}
.aiw-co-wrap:has(input[name="aiw-sector"]:not([value="all"]):checked) .aiw-co-more{display:none}
@media screen and (min-width:1101px){.aiw-co-more.is-wide{grid-column:span 2;padding:32px 40px}.aiw-co-more.is-wide span{max-width:44ch}}
.aiw-co-wrap:has(input[value="banking"]:checked) .aiw-co:not([data-sector="banking"]),
.aiw-co-wrap:has(input[value="food"]:checked) .aiw-co:not([data-sector="food"]),
.aiw-co-wrap:has(input[value="hospitality"]:checked) .aiw-co:not([data-sector="hospitality"]),
.aiw-co-wrap:has(input[value="health"]:checked) .aiw-co:not([data-sector="health"]),
.aiw-co-wrap:has(input[value="education"]:checked) .aiw-co:not([data-sector="education"]),
.aiw-co-wrap:has(input[value="agency"]:checked) .aiw-co:not([data-sector="agency"]),
.aiw-co-wrap:has(input[value="retail"]:checked) .aiw-co:not([data-sector="retail"]),
.aiw-co-wrap:has(input[value="other"]:checked) .aiw-co:not([data-sector="other"]){display:none}
.aiw-l .aiw-l-tools{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.aiw-l .aiw-l-tools li{padding:26px 24px 8px 0;display:flex;flex-direction:column}
.aiw-l .aiw-l-tools li+li{padding-left:24px;border-left:1px solid var(--soft)}
.aiw-l .aiw-l-tools li:nth-child(4n+1){padding-left:0;border-left:0}   /* 1.4.0: eight tools, two rows */
.aiw-l .aiw-l-tools li:nth-child(n+5){border-top:1px solid var(--soft);margin-top:18px}
.aiw-l .aiw-l-ti{width:50px;height:50px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);margin-bottom:18px;background:var(--card)}
.aiw-l .aiw-l-ti .aiw-ic{width:22px;height:22px}
.aiw-l .aiw-l-tools h3{font:400 22px/1.2 var(--serif);margin:0}
.aiw-l .aiw-l-tools p{margin:10px 0 0;color:var(--mist);font-size:15px;line-height:1.5}
.aiw-l .aiw-l-tools .aiw-l-where{margin-top:4px;font-size:14px;color:var(--gold-ink)}
.aiw-l .aiw-l-tools .aiw-l-learn{color:var(--ivory)}
.aiw-l .aiw-l-learn b{display:block;font-weight:600;font-size:14px;margin-bottom:2px}
.aiw-l .aiw-l-meta{margin-top:auto!important;padding-top:18px;font-size:13.5px!important}
.aiw-l .aiw-l-ten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line)}
.aiw-l .aiw-l-ten li{padding:22px 20px 24px 0;border-bottom:1px solid var(--soft)}
.aiw-l .aiw-l-ten li:not(:nth-child(5n+1)){padding-left:20px;border-left:1px solid var(--soft)}
.aiw-l .aiw-l-ten .n{display:block;font:300 34px/1 var(--serif);letter-spacing:-.02em;color:var(--gold-ink);font-variant-numeric:tabular-nums}
.aiw-l .aiw-l-ten h3{font:400 18.5px/1.25 var(--serif);margin:12px 0 8px}
.aiw-l .aiw-l-ten p{margin:0;color:var(--mist);font-size:14px;line-height:1.5}
.aiw-l .aiw-l-plans{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.aiw-l .aiw-l-plans>li{padding:28px 28px 24px;box-shadow:0 18px 36px -26px rgba(60,45,10,.30),0 0 0 1px rgba(60,45,10,.04)}
:root[data-ol-theme="dark"] .aiw-l .aiw-l-plans>li{box-shadow:0 24px 44px -24px rgba(0,0,0,.55)}
.aiw-l .aiw-l-plans>li.is-main{border-color:var(--gold);box-shadow:var(--shadow),inset 0 3px 0 var(--gold)}
.aiw-l .aiw-l-plans h3{font:400 24px/1.2 var(--serif)}
.aiw-l .aiw-l-price{margin:14px 0 18px;padding-bottom:18px;border-bottom:1px solid var(--soft)}
.aiw-l .aiw-l-price b{display:block;font:300 38px/1.05 var(--serif);letter-spacing:-.02em}
.aiw-l .aiw-l-price small{display:block;margin-top:6px;color:var(--mist);font-size:14px}
.aiw-l .aiw-l-plans ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.aiw-l .aiw-l-plans ul li{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;font-size:15px}
.aiw-l .aiw-l-plans ul .aiw-ic{width:18px;height:18px;color:var(--gold);margin-top:2px}
.aiw-l .aiw-l-extra{display:flex;align-items:center;gap:10px;margin:22px 0 0;color:var(--mist);font-size:15px}
.aiw-l .aiw-l-extra .aiw-ic{color:var(--gold)}
.aiw-l .aiw-l-faq{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);gap:24px 56px;align-items:start}
.aiw-l .aiw-l-qs details{border-top:1px solid var(--line)}
.aiw-l .aiw-l-qs details:last-child{border-bottom:1px solid var(--line)}
.aiw-l .aiw-l-qs summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;cursor:pointer;list-style:none;font:400 20px/1.3 var(--serif)}
.aiw-l .aiw-l-qs summary::-webkit-details-marker{display:none}
.aiw-l .aiw-l-qs summary .aiw-ic{color:var(--gold);transition:transform .2s}
.aiw-l .aiw-l-qs details[open] summary .aiw-ic{transform:rotate(180deg)}
.aiw-l .aiw-l-qs p{margin:0 0 22px;color:var(--mist);max-width:62ch}
.aiw-l .aiw-l-end{margin-top:112px;display:flex;justify-content:space-between;align-items:center;gap:24px 40px;flex-wrap:wrap;padding:40px 44px;border:1px solid var(--line);border-radius:20px;background:var(--wash)}
:root:not([data-ol-theme="dark"]) .aiw-l .aiw-l-end{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(250,244,228,.9))}
.aiw-l .aiw-l-end h2{font:350 32px/1.12 var(--serif);letter-spacing:-.01em;max-width:22ch}
.aiw-l .aiw-l-end p{margin:10px 0 0}
@media (prefers-reduced-motion:reduce){.aiw-co>a,.aiw-l .aiw-l-qs summary .aiw-ic{transition:none}}
@media screen and (max-width:1100px){
  .aiw-co-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aiw-l .aiw-l-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aiw-l .aiw-l-tools li:nth-child(odd){padding-left:0;border-left:0}
  .aiw-l .aiw-l-tools li:nth-child(n+3){border-top:1px solid var(--soft);margin-top:18px}
  .aiw-l .aiw-l-ten{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aiw-l .aiw-l-ten li:not(:nth-child(5n+1)){padding-left:0;border-left:0}
  .aiw-l .aiw-l-ten li:nth-child(even){padding-left:20px;border-left:1px solid var(--soft)}
}
@media screen and (max-width:820px){
  /* as the Policy page: the picture follows the buttons, the benefits come after it */
  .aiw-l .aiw-l-hero{grid-template-columns:1fr;gap:0;padding-top:34px}
  .aiw-l .aiw-l-hero-l{display:contents}
  .aiw-l .aiw-l-hero-l .lede{margin-top:16px}
  .aiw-l .aiw-l-cta{margin-top:26px}
  .aiw-l .aiw-l-cta .btn{flex:1 1 auto}
  .aiw-l .aiw-mock{order:1;margin-top:30px}
  .aiw-l .aiw-l-benefits{order:2;margin-top:30px}
  .aiw-l .aiw-l-benefits li{grid-template-columns:40px 1fr;gap:14px;padding:14px 0}
  .aiw-l .aiw-l-benefits .bi{width:40px;height:40px}
  .aiw-mock .mk-win{min-height:540px}
  .aiw-mock .mk-msgs p:first-child{display:none}
  .aiw-mock .mk-nav>span:not(.aiw-mark){display:none}
  .aiw-mock .mk-hero{max-width:100%;margin-top:20px}
  .aiw-mock .mk-h{font-size:21px}
  .aiw-mock .mk-tiles{display:none}
  .aiw-mock .mk-chat{left:34px;right:12px;width:auto;top:226px;bottom:58px}
  .aiw-mock .mk-step{left:10px;right:10px;gap:10px;padding:9px 9px 9px 14px}
  .aiw-mock .mk-step-t>b{font-size:13.5px}
  .aiw-mock .mk-step-n small{display:none}
  .aiw-l .aiw-l-sec{margin-top:72px}
  .aiw-l .aiw-l-h{margin-bottom:20px}
  .aiw-l .aiw-l-h h2{font-size:29px}
  .aiw-l .aiw-l-steps4{grid-template-columns:1fr}
  .aiw-l .aiw-l-steps4 li,.aiw-l .aiw-l-steps4 li+li{padding:20px 0 16px;border-left:0;border-bottom:1px solid var(--soft)}
  .aiw-l .aiw-l-steps4 .n{margin-bottom:8px}
  .aiw-l .aiw-l-steps4 .n b{font-size:34px}
  .aiw-l .aiw-l-filter{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none}
  .aiw-l .aiw-l-filter label{white-space:nowrap;min-height:44px}
  .aiw-co-grid{grid-template-columns:1fr;gap:16px}
  .aiw-co-band{height:72px}
  .aiw-co-body{padding:34px 20px 18px}
  .aiw-l .aiw-l-tools{grid-template-columns:1fr}
  .aiw-l .aiw-l-tools li,.aiw-l .aiw-l-tools li+li,.aiw-l .aiw-l-tools li:nth-child(n+3){padding:22px 0 18px;border-left:0;border-top:0;margin-top:0;border-bottom:1px solid var(--soft)}
  .aiw-l .aiw-l-ten{grid-template-columns:1fr}
  .aiw-l .aiw-l-ten li,.aiw-l .aiw-l-ten li:nth-child(even){display:grid;grid-template-columns:44px 1fr;gap:0 10px;padding:16px 0;border-left:0}
  .aiw-l .aiw-l-ten .n{grid-row:1/3;font-size:28px}
  .aiw-l .aiw-l-ten h3{margin:2px 0 6px}
  .aiw-l .aiw-l-plans{grid-template-columns:1fr;gap:16px}
  .aiw-l .aiw-l-plans>li{padding:24px 22px 20px}
  .aiw-l .aiw-l-faq{grid-template-columns:1fr}
  .aiw-l .aiw-l-qs summary{font-size:18px}
  .aiw-l .aiw-l-end{margin-top:72px;padding:28px 22px}
  .aiw-l .aiw-l-end h2{font-size:27px}
  .aiw-l .aiw-l-end .row{width:100%}
  .aiw-l .aiw-l-end .btn{flex:1 1 auto}
}

/* ── 1.3.2: the same system inside a workspace (pickers, add a tool, the builder's tool switcher) ── */
.aiw-co-grid.is-compact{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;margin:0 0 8px}
.aiw-co-grid.is-compact .aiw-co-band{height:76px}
.aiw-co-grid.is-compact .aiw-co-body{padding:34px 20px 18px}
.aiw-co-grid.is-compact .aiw-co-name{font-size:21px;margin-top:0}
.aiw-co-grid.is-compact .aiw-co-line{font-size:14.5px;color:var(--mist)}
.aiw-co-grid.is-compact .aiw-co-foot .aiw-co-sec{font-size:13px}
.aiw .aiw-sector{display:flex;align-items:center;gap:10px;margin:26px 0 12px!important;font:400 1.2rem/1.2 var(--serif)}
.aiw .aiw-sector .aiw-ic{width:20px;height:20px;color:var(--gold)}
.aiw-chosen{display:flex;align-items:center;gap:12px;margin:0 0 6px!important;padding:0 0 14px;border-bottom:1px solid var(--soft)}
.aiw-chosen>span:not(.aiw-mark):not(.aiw-tool-ic){display:grid;min-width:0}
.aiw-chosen small{font-size:.78rem;color:var(--mist)}
.aiw-chosen b{font:400 1.15rem/1.2 var(--serif);color:var(--ivory)}
.aiw-chosen .aiw-link{margin-left:auto;min-height:44px}
.aiw-tool-ic{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);background:var(--card,transparent);flex:none}
.aiw-tool-ic .aiw-ic{width:20px;height:20px}
.aiw-tool-ic.is-sm{width:30px;height:30px}
.aiw-tool-ic.is-sm .aiw-ic{width:16px;height:16px}
.aiw-tool-ic.is-add{border-style:dashed}
.aiw-opt .aiw-opt-ic{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);flex:none;margin-top:-2px}
.aiw-opt .aiw-opt-ic .aiw-ic{width:19px;height:19px}
.aiw-opt:has(input:checked) .aiw-opt-ic{border-color:var(--gold);background:var(--card,transparent)}
.aiw-toolchips a .aiw-ic{width:16px;height:16px;color:var(--gold)}
.aiw-pickcard .aiw-tool-ic{margin-top:2px}
.aiw-where-h{display:flex;align-items:center;gap:10px}
.aiw-where-h b{font:400 1.1rem/1.2 var(--serif)}
.aiw-pcard-h .aiw-mark,.aiw-prod .aiw-mark{--m:42px;border-radius:12px}

/* the sector filter inside a workspace (the public page uses Core's .seg) */
.aiw-chips{display:flex;flex-wrap:wrap;gap:8px;border:0;margin:6px 0 18px;padding:0}
.aiw-chips label{position:relative;display:inline-flex!important;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;color:var(--mist);font-weight:500!important;font-size:.92rem;cursor:pointer}
.aiw-chips label input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.aiw-chips label:has(input:checked){background:var(--tint);color:var(--ivory);border-color:var(--gold)}
.aiw-chips label:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}
.aiw-chips .aiw-ic{width:16px;height:16px;color:var(--gold)}
.ol-f2-pub .aiw.aiw-page{padding-top:48px}
.aiw-seg.is-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
@media screen and (max-width:820px){.aiw-seg.is-tools{grid-template-columns:1fr}}
.aiw-btn .aiw-ic{width:16px;height:16px}
.aiw-pick.is-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.aiw-pick.is-tools .aiw-pickcard{padding:18px;gap:14px}
.aiw-pick.is-tools .aiw-pickcard b{font:400 1.2rem/1.25 var(--serif);color:var(--ivory)}
@media screen and (max-width:820px){.aiw-pick.is-tools{grid-template-columns:1fr}}

/* ── 1.3.2: step 1 "Your plan" (the fuller form, the starter, the check card) ── */
.aiw-plan-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;align-items:start}
.aiw-plan-grid>.aiw-fcard{margin:0}
.aiw-planform label small.aiw-hint{display:block;font-weight:400;margin-top:-2px}
.aiw-planform legend small{display:block;font-weight:400}
.aiw-plan-acts{gap:10px}
.aiw-plan-acts .aiw-i{width:16px;height:16px}
.aiw-plan-need{display:flex;gap:10px;align-items:flex-start;margin:0!important;padding:10px 14px;border-left:2px solid var(--gold);background:var(--wash);border-radius:0 10px 10px 0;font-size:.92rem;color:var(--ivory)!important}
.aiw-plan-need .aiw-i{color:var(--gold);margin-top:2px}
.aiw-confirm{border:1px solid var(--gold);border-radius:14px;padding:16px 18px;background:var(--tint);display:grid;gap:8px}
.aiw-confirm b{font:400 1.15rem/1.25 var(--serif)}
.aiw-confirm p{margin:0;color:var(--mist);font-size:.92rem}
.aiw-check{position:sticky;top:96px}
.aiw-check-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.aiw-check-h h2{margin:0!important}
.aiw-check-sum{font-size:1rem;line-height:1.55}
.aiw-fixes{list-style:none;counter-reset:fx;margin:14px 0 16px;padding:0;display:grid;gap:12px}
.aiw-fixes>li{counter-increment:fx;display:grid;gap:4px;padding:12px 0 0 34px;border-top:1px solid var(--soft);position:relative}
.aiw-fixes>li::before{content:counter(fx);position:absolute;left:0;top:12px;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font:400 .85rem/1 var(--serif);color:var(--gold-ink)}
.aiw-fixes>li>b{font-weight:600}
.aiw-fixes>li>span{color:var(--mist);font-size:.92rem}
.aiw-fix-sug{margin-top:4px;padding:10px 12px;border-radius:10px;background:var(--wash);border:1px solid var(--soft)}
.aiw-fix-sug small{display:block;font-size:.74rem;color:var(--gold-ink);font-weight:600;margin-bottom:2px}
.aiw-fix-sug .aiw-ai{font-size:.92rem}
.aiw-rubric{list-style:none;margin:6px 0 12px;padding:0;display:grid;gap:6px}
.aiw-rubric li{display:flex;gap:8px;align-items:center;font-size:.94rem}
.aiw-rubric .aiw-i{width:16px;height:16px;color:var(--gold)}
.aiw-pill.is-strong{background:rgba(94,86,18,.16);color:var(--aiw-ok,var(--okc))}
.aiw-pill.is-nearly{background:var(--tint);color:var(--gold-ink)}
.aiw-pill.is-needs_work{background:rgba(164,80,47,.14);color:var(--aiw-err,var(--rust))}
.aiw-plansum .aiw-fcard-h p{color:var(--ivory)}
.sb-rate{font-style:normal;font-weight:600;font-size:.72rem;margin-left:6px;padding:1px 8px;border-radius:999px;border:1px solid currentColor;opacity:.85}
@media screen and (max-width:980px){.aiw-plan-grid{grid-template-columns:1fr}.aiw-check{position:static}}
@media screen and (max-width:820px){.aiw-plan-acts .aiw-btn{flex:1 1 auto}}
/* 1.5.2: the access notice on builder pages */
.aiw-accnote svg{width:16px;height:16px;vertical-align:-3px;margin-right:6px}
.aiw-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

/* ═══ 1.5.2 "Open the door" ═══
   The brand kit: a company pack's "brand" adds br-RRGGBB[-RRGGBB] and has-brand next to its .b-<colour>; the
   brand stylesheet (/ai-workspaces/brand/<class>) sets --b, --b-ink and --b-on (lighter ink in dark mode). The
   logo is an inline SVG (.aiwb) on a light tile, so it reads on dark pages too. Without a brand nothing here applies.
   The entry page of a practice website (Code or Public). */
.aiw-mark.is-logo{background:#fff;padding:calc(var(--m) * .06);box-shadow:inset 0 0 0 1px rgba(20,16,8,.10),0 6px 14px -8px rgba(20,16,8,.45)}
:root[data-ol-theme="dark"] .aiw-mark.is-logo{background:#fbf8f2}
.aiw-mark .aiwb{display:block;width:100%;height:100%}
.aiw-co.has-brand>a:hover{border-color:var(--b)}
.aiw-co.has-brand .aiw-co-foot .go{color:var(--b-ink)}
.aiw-co.has-brand .aiw-co-band{border-bottom-color:color-mix(in srgb,var(--b-acc,var(--b)) 45%,transparent)}
.aiw-entry{text-align:left}
.aiw-entry-h{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.aiw-entry-h .aiw-eyebrow{margin:0}
.aiw-entry h1{margin:0 0 10px}
.aiw-entry-say{font-size:1.05rem;line-height:1.55}
.aiw-entry .aiw-form{margin-top:18px}
.aiw-entry .aiw-form input[name="code"]{font-size:1.4rem;letter-spacing:.3em;font-variant-numeric:tabular-nums;max-width:14ch}
.aiw-sitecode{font:600 1.5rem/1 var(--mono,ui-monospace,monospace);letter-spacing:.25em;font-variant-numeric:tabular-nums}
.aiw-access-modes{display:grid;gap:10px;margin:12px 0}
/* 1.5.4: the site's currency symbol (Oleren Core's inline SVG, drawn in the text colour) before an amount. */
.aiw-price b .ol-cur-sym,.aiw-l-price b .ol-cur-sym{width:.78em;height:.78em;margin-right:.2em;vertical-align:-.06em;flex:none}
/* 1.5.4 "Share and logins": How to use these + Your logins and codes (owner only). One column on phones, 44px targets. */
.aiw-howto ol{margin:6px 0 0;padding-left:1.4em;display:grid;gap:6px}
.aiw-howto li{padding-left:4px}
.aiw-howto li::marker{font-weight:700;color:var(--gold-ink)}
.aiw-logins{display:grid;gap:4px}
.aiw-logins>p{margin:0 0 6px}
.aiw-lg-group{border-top:1px solid var(--line);padding:14px 0 6px}
.aiw-lg-group h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:1rem}
.aiw-lg-group h3 .aiw-i{width:18px;height:18px;color:var(--gold)}
.aiw-lg-row{display:grid;gap:4px;margin:0 0 10px;min-width:0}
.aiw-lg-row>label,.aiw-lg-lab{font-size:.84rem;color:var(--mist);font-weight:600}
.aiw-lg-val{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.aiw-lg-val .aiw-copy{flex:1 1 14em;min-width:0;font-family:var(--mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:.95rem}
.aiw-lg-val .aiw-lg-btn{min-height:44px;min-width:44px}
.aiw-lg-who{display:flex;align-items:center;min-height:46px}
.aiw-lg-note{margin:0 0 8px;color:var(--mist);font-size:.9rem;overflow-wrap:anywhere}
.aiw-lg-note a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font-weight:600}
.aiw-pill.is-mode{display:inline-block;margin-right:6px;padding:2px 10px;border-radius:999px;border:1px solid var(--line);background:var(--tint);color:var(--gold-ink);font-weight:700;font-size:.78rem}
.aiw-lg-btn.is-done{border-color:var(--gold)}
@media (max-width:700px){.aiw-lg-val .aiw-copy{flex-basis:100%}.aiw-lg-val .aiw-lg-btn{flex:1 1 auto}}
.aiw-lg-text{flex:1 1 14em;min-width:0;display:flex;align-items:center;min-height:46px;padding:10px 14px;border:1px dashed var(--line);border-radius:10px;background:var(--field);color:var(--ivory);font-family:var(--mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:.95rem;line-height:1.4;overflow-wrap:anywhere;word-break:break-all;user-select:all;-webkit-user-select:all;cursor:text}
.aiw-lg-text:focus{outline:2px solid var(--gold);outline-offset:1px}
@media (max-width:700px){.aiw-lg-val .aiw-lg-text{flex-basis:100%}}

/* 1.5.5: the sector chips keep their space under Core's ".ol-f2 fieldset{margin:0}" (more specific than .aiw-chips alone),
   and the grid below gets a gap of its own as well. */
.ol-f2 .aiw-chips,.aiw-co-wrap .aiw-chips{margin:8px 0 24px}
.aiw-co-wrap{display:flex;flex-direction:column}
.aiw-co-wrap > .aiw-chips{margin-bottom:24px}
/* 1.5.5: "Start from the tool" on Pick your company */
.aiw-start-tool{margin:-4px 0 18px;font-size:.94rem}
.aiw-tp-h{margin:8px 0 4px}
.aiw-tool-pick{list-style:none;margin:12px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.aiw-tp{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:14px;min-height:44px;text-decoration:none;color:inherit}
.aiw-tp:hover,.aiw-tp:focus-visible{border-color:var(--gold);background:var(--tint)}
.aiw-tp span{display:grid;gap:3px}.aiw-tp b{font-weight:600}.aiw-tp small{color:var(--mist);font-size:.86rem}
.aiw-tp .aiw-opt-ic{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);flex:none;margin-top:-2px}
.aiw-tp .aiw-opt-ic .aiw-ic{width:19px;height:19px}
@media (max-width:640px){.aiw-tool-pick{grid-template-columns:1fr}}
/* 1.5.5: "Add another AI tool" in the builder's header */
.aiw-addtool svg{width:16px;height:16px}
/* 1.5.5: a company type's card: the sector icon in the mark (no letter), and the pack's name as a suggestion */
.aiw-mark.is-type svg,.aiw-mark.is-type .aiw-ic{width:48%;height:48%;fill:none;stroke:currentColor;stroke-width:1.7}
.aiw-co-sugg{font-size:13px;color:var(--mist);font-style:italic}

/* ═══ 1.5.6 "Small fixes" ═══
   The breadcrumb at the top of every Workspaces page (_crumbs.blade.php): "My workspaces › {workspace} › {company} › …",
   each part a link but the last. On phones (640px or narrower) only "← {parent}" shows. A multi-step flow adds
   "← Back" to its previous step (.aiw-stepback). Every link is a 44px tap target. */
.aiw-crumbs{margin:0 0 6px;font:500 .9rem/1.3 var(--sans);color:var(--mist)}
.aiw-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;min-width:0}
.aiw-crumbs li{display:inline-flex;align-items:center;min-width:0;max-width:100%}
.aiw-crumbs li+li::before{content:"›";margin:0 10px;color:var(--gold);font-weight:600}
.aiw-crumbs a,.aiw-crumbs-up,.aiw-stepback{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--gold-ink)!important;text-decoration:none;font-weight:600;overflow-wrap:anywhere}
.aiw-crumbs a:hover,.aiw-crumbs-up:hover,.aiw-stepback:hover{text-decoration:underline}
.aiw-crumbs a:focus-visible,.aiw-crumbs-up:focus-visible,.aiw-stepback:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}
.aiw-crumbs [aria-current]{color:var(--ivory);font-weight:600;min-height:44px;display:inline-flex;align-items:center;overflow-wrap:anywhere}
.aiw-crumbs .aiw-crumbs-up{display:none}
.aiw-stepback-row{margin:-4px 0 10px}
.aiw-stepback small{font-size:.9rem;font-weight:400;color:var(--mist)}
.ol-f2-pub .aiw.aiw-page{padding-top:28px;padding-bottom:72px}
.aiw-narrow-top{max-width:560px;margin:0 auto}
.aiw-narrow-top + .aiw-narrow{margin-top:4px}
/* the builder: the breadcrumb sits above its page, beside the left menu (one column on phones, above the menu button) */
.aiw-app{grid-template-rows:auto 1fr}
.aiw-app>.aiw-crumbs{grid-column:2;grid-row:1;padding:16px 0 0 36px;margin:0}
.aiw-app>.aiw-side{grid-column:1;grid-row:1 / span 2}
.aiw-app>.aiw-main{grid-column:2;grid-row:2;padding-top:10px}
@media (max-width:900px){
  .aiw-app{grid-template-rows:none}
  .aiw-app>.aiw-crumbs,.aiw-app>.aiw-side,.aiw-app>.aiw-main{grid-column:1;grid-row:auto}
  .aiw-app>.aiw-crumbs{padding:10px 0 0}
  .aiw-app>.aiw-main{padding-top:18px}
  .aiw-app>.aiw-crumbs + .aiw-menu-btn{margin-top:2px}
}
@media (max-width:640px){
  .aiw-crumbs:not(.is-top) ol{display:none}
  .aiw-crumbs .aiw-crumbs-up{display:inline-flex}
  .aiw-crumbs .aiw-crumbs-up.is-same{display:none}
  .aiw-crumbs:has(.aiw-crumbs-up.is-same){margin:0}
}
/* the database explorer on phones: the table scrolls sideways instead of breaking every word */
.aiw-card.aiw-scroll .aiw-table th,.aiw-card.aiw-scroll .aiw-table td{overflow-wrap:normal;word-break:normal;min-width:6.5em}
.aiw-card.aiw-scroll .aiw-table td:first-child,.aiw-card.aiw-scroll .aiw-table th:first-child{min-width:0}
.aiw-card.aiw-scroll .aiw-table td{max-width:22em}
.aiw-pager a{display:inline-flex;align-items:center;min-height:44px}
/* the builder's columns never grow wider than the phone (the Knowledge page scrolled sideways at 390px) */
.aiw-colmain,.aiw-colside{min-width:0}
@media (max-width:1180px){.aiw-cols.has-side{grid-template-columns:minmax(0,1fr)}}
/* a card heading with a button beside it: on phones the button goes under the words (they were squeezed to one word a line) */
@media (max-width:640px){.aiw-fcard-h:has(> .aiw-btn){flex-wrap:wrap}.aiw-fcard-h:has(> .aiw-btn)>div{flex:1 1 100%}}

/* ═══════════════════════════════════════════════════════════════
   OL-AIW-CSS-000160 · 1.6.0 "Oleren Cents in use, and the free demo": the confirm card's place (Core's
   .olw-confirm is styled by Core's oleren-wallet.css; .aiw-ccard is the plugin's own on an older Core), prices with
   their anchors, locked-and-priced things, progress rings, badges, the demo card and welcome, nudges in the step bar
   and the chat's paid-replies card. Layout tokens only, so light and dark follow Oleren's switch. Strict CSP.
   ═══════════════════════════════════════════════════════════════ */
.aiw s,.sb s,.cw s{text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:var(--rust,#a4502f);color:var(--mist);font-weight:400}
/* the confirm card, where it sits */
.aiw-cc{margin:0 0 20px;scroll-margin-top:96px}
.aiw-cc .olw-confirm{max-width:620px;box-shadow:0 18px 40px -28px rgba(40,30,8,.45);border-color:var(--gold)}
.aiw-cc-intro{margin:0 0 10px!important;color:var(--mist);font-size:.92rem;max-width:620px}
.aiw-ccard{max-width:620px;padding:20px 22px;border:1px solid var(--gold);border-radius:16px;background:var(--card,var(--slate-2));display:grid;gap:6px}
.aiw-ccard-t{margin:0 0 4px!important}
.aiw-ccard-bal{color:var(--mist);font-variant-numeric:tabular-nums}.aiw-ccard-bal strong{color:var(--ivory)}
.aiw-ccard-short{padding:10px 12px;border-radius:10px;border:1px solid var(--gold);background:var(--tint);font-weight:600}
.aiw-ccard-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.aiw-note.is-paid{border-color:var(--gold);color:var(--gold-ink);font-variant-numeric:tabular-nums}
/* prices and anchors */
.aiw-price.has-anchor small{font-size:.86rem}.aiw-price.has-anchor em{font-style:normal;font-weight:600;color:var(--ivory)}
.aiw-btn-price{font-weight:500;opacity:.85;margin-left:2px}.aiw-btn-price s{color:inherit;opacity:.7;text-decoration-color:currentColor}
.aiw-offer{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0!important}
.aiw-offer s{font:400 1.15rem/1 var(--serif)}
.aiw-offer b{font:500 2.3rem/1 var(--serif);color:var(--ivory);letter-spacing:-.01em}
.aiw-offer>span{color:var(--mist);font-size:.92rem}
.aiw-offer-c{display:flex;align-items:center;gap:6px;color:var(--gold-ink);font-weight:600;font-size:.92rem;margin:0!important}
.aiw-offer-c svg{width:1em;height:1em}
.aiw-plan.is-pro{border-color:var(--gold)}
.aiw-plan h3 .aiw-tag{color:var(--gold-ink);border-color:var(--gold)}
.aiw-l .aiw-l-price .aiw-offer b{display:inline;font:300 42px/1 var(--serif)}
.aiw-l .aiw-l-price .aiw-offer s{font-size:22px}
.aiw-l .aiw-l-price>small{display:flex;align-items:center;gap:6px}
.aiw-l-extra s{color:var(--mist)}
/* locked, priced, never hidden */
.aiw-lockcard{display:flex;gap:16px;align-items:flex-start;border:1px dashed var(--gold);border-radius:16px;padding:20px 22px;margin:0 0 18px;background:linear-gradient(180deg,var(--tint),transparent 70%)}
.aiw-lockcard-ic{width:44px;height:44px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold-ink);flex:none}
.aiw-lockcard-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.aiw-lockcard-b{display:grid;gap:8px;justify-items:start;min-width:0}
@media (max-width:640px){.aiw-lockcard{flex-direction:column;gap:10px;padding:18px}}
.aiw-lockcard h2{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0!important}
.aiw-lockcard p{margin:0!important;color:var(--mist)}
.aiw-lockpill{font:700 .68rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:999px;border:1px solid var(--gold);color:var(--gold-ink);font-style:normal}
.aiw-lockprice{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;color:var(--mist)!important;font-size:.9rem}
.aiw-lockprice b{color:var(--ivory);font-weight:650}
.aiw-lockprice .aiw-i{width:14px;height:14px;color:var(--gold)}
.aiw-guide li.is-locked{opacity:1}
.aiw-guide li.is-locked>div>b{color:var(--mist)}
.aiw-guide li.is-locked{background:repeating-linear-gradient(135deg,transparent 0 10px,var(--wash) 10px 11px)}
.aiw-go.is-unlock{border:1px solid var(--gold);border-radius:999px;padding:0 14px;color:var(--gold-ink)}
.aiw-go.is-unlock .aiw-i{width:15px;height:15px}
.aiw-lockbtn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:10px;border:1px dashed var(--line);color:var(--mist);font-weight:600;font-size:.92rem;cursor:not-allowed}
.aiw-lockbtn .aiw-i{width:15px;height:15px}
.aiw-opt.is-locked{text-decoration:none;color:inherit;border-style:dashed;background:var(--wash)}
.aiw-opt.is-locked:hover{border-color:var(--gold)}
.aiw-opt.is-locked u{color:var(--gold-ink);font-weight:600}
.aiw-opt-lock{width:20px;height:20px;display:grid;place-items:center;color:var(--gold);flex:none}
.aiw-tools-more{display:flex;align-items:center;gap:6px;padding:6px 10px 0;color:var(--mist);font-size:.8rem}
.aiw-tools-more .aiw-i{width:13px;height:13px;color:var(--gold)}
.aiw-tools-more{align-items:flex-start}.aiw-tools-more .aiw-i{margin-top:2px}
.aiw-tools-more span{display:grid;gap:1px}.aiw-tools-more b{font-weight:600;color:var(--ivory)}.aiw-tools-more em{font-style:normal}
.aiw-tools-more a{display:inline-flex;align-items:center;min-height:32px;font-weight:600}
/* progress rings */
.aiw-pring{position:relative;display:inline-grid;place-items:center;width:58px;height:58px;flex:none}
.aiw-pring.is-sm{width:46px;height:46px}
.aiw-pring svg{position:absolute;inset:0;width:100%;height:100%}
.aiw-pring .r-bg{fill:none;stroke:var(--soft,var(--line));stroke-width:3.5}
.aiw-pring .r-fg{fill:none;stroke:var(--gold);stroke-width:3.5;stroke-linecap:round}
.aiw-pring.is-full .r-fg{stroke:var(--olive)}
.aiw-pring b{position:relative;font:600 .95rem/1 var(--sans);color:var(--ivory);font-variant-numeric:tabular-nums}
.aiw-pring.is-sm b{font-size:.84rem}
.aiw-pring b small{font-weight:500;color:var(--mist);font-size:.72em}
.aiw-ph-ring{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ivory)!important;padding:4px 14px 4px 4px;border:1px solid var(--line);border-radius:999px;min-height:44px}
.aiw-ph-ring:hover{border-color:var(--gold)}
.aiw-ph-ring>span{display:grid;line-height:1.15;font-weight:600;font-size:.9rem}.aiw-ph-ring small{color:var(--mist);font-weight:400;font-size:.78rem}
.aiw-pcard-h{position:relative}
.aiw-pcard-ring{margin-left:auto;text-decoration:none;display:inline-grid;min-height:44px;align-items:center}
/* badges */
.aiw-note.is-badge{display:flex;align-items:center;gap:10px;border-color:var(--gold);background:var(--tint);color:var(--ivory)}
.aiw-note.is-badge .aiw-i{width:22px;height:22px;color:var(--gold-ink)}
.aiw-bdg{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.aiw-bdg li{display:grid;gap:4px;justify-items:start;padding:14px;border:1px solid var(--soft,var(--line));border-radius:14px;color:var(--mist)}
.aiw-bdg li b{font-weight:600;font-size:.94rem;color:var(--mist)}
.aiw-bdg li small{font-size:.8rem;line-height:1.35}
.aiw-bdg-ic{width:40px;height:40px;border-radius:50%;border:1px dashed var(--line);display:grid;place-items:center;color:var(--mist);margin-bottom:4px}
.aiw-bdg-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.aiw-bdg li.is-on{border-color:var(--gold);background:var(--tint);color:var(--ivory)}
.aiw-bdg li.is-on b{color:var(--ivory)}
.aiw-bdg li.is-on .aiw-bdg-ic{border:1px solid var(--gold);background:var(--card,var(--slate-2));color:var(--gold-ink)}
.aiw-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* the free demo */
.aiw-demo{display:grid;grid-template-columns:auto 1fr;gap:22px 28px;align-items:center;margin:0 0 26px;padding:26px 28px;border:1px solid var(--gold);border-radius:20px;background:linear-gradient(135deg,var(--tint),var(--card,var(--slate-2)) 60%);box-shadow:0 22px 46px -32px rgba(60,45,10,.5)}
.aiw-demo-art{display:grid;justify-items:center;gap:8px;width:132px}
.aiw-demo-art svg{width:120px;height:120px;fill:none;stroke-linecap:round;stroke-linejoin:round}
.aiw-demo-art .d-ring{stroke:var(--soft,var(--line));stroke-width:5}
.aiw-demo-art .d-arc{stroke:var(--gold);stroke-width:5;transform:rotate(-90deg);transform-origin:60px 60px}
.aiw-demo-art .d-ic path{stroke:var(--gold-ink);stroke-width:.9}
.aiw-demo-art b{display:grid;justify-items:center;font:500 1.05rem/1.1 var(--serif);color:var(--ivory)}.aiw-demo-art b small{font:500 .72rem/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mist)}
.aiw-demo-body{display:grid;gap:10px;min-width:0}
.aiw-demo-body h2{font-size:clamp(1.5rem,3vw,2rem)!important;margin:0!important}
.aiw-demo-body>p{margin:0!important;color:var(--mist)}
.aiw-demo-body>p b{color:var(--ivory)}
.aiw-demo-list{list-style:none;margin:2px 0 4px;padding:0;display:grid;gap:6px}
.aiw-demo-list li{display:flex;gap:10px;align-items:baseline;font-size:.94rem}
.aiw-demo-list span{flex:none;min-width:44px;font:600 .8rem/1.6 var(--sans);text-align:center;border-radius:999px;border:1px solid var(--gold);color:var(--gold-ink);padding:0 8px}
.aiw-demo-go{min-height:50px;padding:0 24px;font-size:1.02rem}
.aiw-demo-go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.aiw-l-demo{margin:8px 0 8px}
.aiw-l-demo .aiw-demo{margin:0}
@media (max-width:640px){
  .aiw-demo{grid-template-columns:1fr;padding:22px 18px;gap:14px}
  .aiw-demo-art{grid-template-columns:auto auto;align-items:center;justify-items:start;width:auto;gap:12px}.aiw-demo-art svg{width:72px;height:72px}.aiw-demo-art b{justify-items:start}
  .aiw-demo-go{width:100%}
}
.aiw-welcome{border-color:var(--gold)}
.aiw-welcome-h{display:flex;align-items:center;gap:10px;margin:0 0 6px}.aiw-welcome-h h2{margin:0!important}
.aiw-tag.is-demo{border-color:var(--gold);color:var(--gold-ink)}
.aiw-welcome-steps{list-style:none;margin:10px 0 14px;padding:0;display:grid;gap:8px}
.aiw-welcome-steps li{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--soft,var(--line))}
.aiw-welcome-steps li b{font-weight:600}.aiw-welcome-steps li span{color:var(--mist);font-size:.92rem}
.aiw-welcome-steps li.is-done{background:var(--wash)}.aiw-welcome-steps li.is-done b{color:var(--aiw-ok)}
.aiw-welcome-steps li.is-next{border-color:var(--gold)}.aiw-welcome-steps li.is-next b{color:var(--gold-ink)}
.aiw-welcome-steps li.is-lock{border-style:dashed}
@media (max-width:640px){.aiw-welcome-steps li{grid-template-columns:1fr;gap:2px}}
/* step bar: nudges, a locked next step */
.sb-nudge{display:flex;align-items:center;gap:10px;margin:0 auto 8px;max-width:min(860px,calc(100% - 24px));padding:8px 8px 8px 14px;border:1px solid var(--sb-acc);border-radius:14px;background:var(--sb-bg);box-shadow:0 12px 30px -18px rgba(0,0,0,.45);font-size:.92rem}
.sb-nudge.is-low{border-color:var(--rust,#a4502f)}
.sb:has(.sb-nudge) .sb-hint{display:none}   /* one thing at a time: the Share and logins hint waits until the nudge is gone */
.sb-nudge-ic{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--sb-soft);color:var(--sb-acc)}
.sb-nudge-ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sb-nudge-t{flex:1;min-width:0}
.sb-nudge-t a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--sb-acc)}
.sb-nudge-t s{color:var(--sb-mute);font-weight:400;text-decoration:line-through;margin-right:.3em}
.sb-nudge form{margin:0}
.sb-nudge-x{width:44px;height:44px;border:0;background:none;color:var(--sb-mute);cursor:pointer;border-radius:10px;display:grid;place-items:center}
.sb-nudge-x:hover{background:var(--sb-soft)}
.sb-nudge-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sb-locked{display:inline-flex;align-items:center;gap:6px}
.sb-locked svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--sb-acc)}
.sb-go.sb-unlock svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sb-gol.is-unlock{border-color:var(--sb-acc);color:var(--sb-acc)}
.sb-steps li.is-locked .sb-t b{opacity:.75}
@media (max-width:700px){.sb-nudge{margin:0 8px 6px;max-width:none;font-size:.86rem;padding:6px 4px 6px 10px}}
@media (max-width:700px){   /* 1.9.1: the nudge on a phone: the sentence and × on one row, the link and its price whole on the next */
  .sb-nudge{display:grid;grid-template-columns:28px minmax(0,1fr) 44px;column-gap:10px;row-gap:0;align-items:center}
  .sb-nudge-t{display:contents}
  .sb-nudge-ic{grid-column:1;grid-row:1}
  .sb-nudge-m{grid-column:2;grid-row:1;min-width:0}
  .sb-nudge form{grid-column:3;grid-row:1}
  .sb-nudge-t a{grid-column:2/4;grid-row:2;justify-self:start;max-width:100%;white-space:nowrap;flex-wrap:wrap;margin-top:-6px}   /* if a price is ever too long, the prices move down whole */
  .sb-nudge-k{display:none}
  body:has(.sb-nudge) .sense-launcher{bottom:244px!important}   /* Oleren Sense's button waits above the nudge, not over it */
}

/* ── 1.7.0 "Teams and organisations" ─────────────────────────────────────────── */
/* the learner notice on My workspaces, and the leader's link */
.aiw-orgnote{display:flex;gap:10px;align-items:flex-start;margin:0 0 18px;padding:12px 14px;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:12px;background:var(--wash);font-size:.94rem;line-height:1.5}
.aiw-orgnote svg{flex:none;width:20px;height:20px;margin-top:1px;fill:none;stroke:var(--gold);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.aiw-orgnote a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;color:var(--gold-ink,var(--gold));font-weight:600;text-decoration:underline;text-underline-offset:3px}
.aiw-orgnote span{min-width:0;overflow-wrap:anywhere}
.aiw-teamlink{margin:10px 0 0}
.aiw-teamlink .aiw-btn{min-height:44px}
/* the organisation price of an extra tool */
.aiw-orgprice{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.aiw-orgprice b{font-weight:700}.aiw-orgprice small{color:var(--mist)}.aiw-orgprice .aiw-muted{flex-basis:100%}
.aiw-offer.is-org b{font:500 1.35rem/1.2 var(--serif)}
/* the no-numbers card (Oleren Cents hidden by the organisation) */
.aiw-askorg .aiw-ccard-short{margin:0}
.aiw-askorg .aiw-ccard-actions .aiw-btn{min-height:44px}
/* the manager's pages */
.aiw-team-groups{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.aiw-team-groups .aiw-wcard{min-height:44px}
.aiw-team-table td .aiw-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.aiw-team-lbl{display:none}
.aiw-team-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:0 0 18px}
.aiw-team-facts>div{background:var(--card,var(--slate-2));border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:2px}
.aiw-team-facts b{font:500 1.9rem/1.1 var(--serif);color:var(--ivory)}
.aiw-team-facts span{color:var(--mist);font-size:.86rem}
.aiw-team-co .aiw-fcard-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.aiw-team-co h2{margin:0}
.aiw-pill.is-try{background:var(--soft,var(--line));color:var(--ivory)}
.aiw-team-tool{border-top:1px solid var(--soft,var(--line));padding:14px 0 6px}
.aiw-team-tool h3{margin:0 0 10px;font-size:1.02rem;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.aiw-team-tool h3 small{color:var(--mist);font-weight:500;font-size:.84rem}
.aiw-tbar{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}
.aiw-tbar li{display:grid;justify-items:center;gap:4px;min-width:0}
.aiw-tbar-n{display:grid;place-items:center;width:100%;height:30px;border-radius:8px;border:1px solid var(--line);font:600 .8rem/1 var(--sans);color:var(--mist);background:transparent}
.aiw-tbar-n svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.aiw-tbar li.is-done .aiw-tbar-n{background:var(--gold);border-color:var(--gold);color:var(--slate,#1d1f22)}
.aiw-tbar li.is-locked .aiw-tbar-n{border-style:dashed;opacity:.8}
.aiw-tbar-t{font-size:.7rem;line-height:1.25;color:var(--mist);text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.aiw-team-test{margin:0 0 8px}
.aiw-team-topics{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px;font-size:.88rem}
.aiw-team-topics .aiw-chip{display:inline-flex;gap:6px;align-items:center;padding:3px 10px;border-radius:999px;background:var(--tint);color:var(--ivory)}
.aiw-team-convs summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-weight:600;color:var(--gold-ink,var(--gold))}
.aiw-team-conv{border:1px solid var(--soft,var(--line));border-radius:12px;padding:10px 12px;margin:0 0 10px}
.aiw-team-msgs{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.aiw-team-msgs li{padding:8px 10px;border-radius:10px;background:var(--wash);overflow-wrap:anywhere;max-width:85%}
.aiw-team-msgs li.is-assistant{justify-self:end;background:var(--tint)}
.aiw-team-msgs small{display:block;color:var(--mist);font-size:.74rem;font-weight:600}
.aiw-team-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;border-top:1px solid var(--soft,var(--line));padding-top:14px;margin-top:6px}
.aiw-team-row h3{margin:0 0 10px;font-size:1rem}
.aiw-team-bdg{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.aiw-team-rep{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 10px}
.aiw-team-rep>div{border:1px solid var(--soft,var(--line));border-radius:10px;padding:8px 10px}
.aiw-team-rep dt{color:var(--mist);font-size:.78rem}.aiw-team-rep dd{margin:0;font-weight:700}
.aiw-team-cospend{margin:0;font-size:.92rem}
.aiw-team-private{border-left:3px solid var(--mist)}
.aiw-team-spendt th,.aiw-team-spendt td:nth-child(2),.aiw-team-spendt td:nth-child(3){white-space:nowrap;overflow-wrap:normal}
@media (max-width:700px){
  .aiw-team-row{grid-template-columns:1fr}
  .aiw-tbar{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:8px}
  .aiw-team-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .aiw-team-table tr{display:grid;gap:2px;padding:10px 0;border-bottom:1px solid var(--soft,var(--line))}
  .aiw-team-table td{border:0;padding:2px 0}
  .aiw-team-lbl{display:inline;color:var(--mist)}
}

/* ═══ OL-AIW-CSS-000171 · 1.7.1 "Make it yours": the Look section (builder → Company) ═══
   Each choice is a radio (visually hidden, still focusable) with a chip and its own preview of the website; the labels
   are display:contents, so every chip and preview sits in the one grid, and the preview of the :checked choice spans the
   top row. CSS only: no script, no style attribute. The chip and preview carry the choice's class (pl-harbour, br-…),
   whose site colours (--c…, --lk-…) draw the swatch and the preview; the preview is a picture of the (light) website,
   in dark mode too; the picker's own chrome uses Oleren's tokens, so it works in light and dark. 44px targets. */
.aiw-look-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 24px}
.aiw-look-h p{margin:0}
.aiw-look-h>div{flex:1 1 22rem;min-width:0}
.aiw-look-now{display:grid;gap:2px;padding:8px 14px;border:1px solid var(--line);border-radius:12px;background:var(--wash);min-width:9.5rem}
.aiw-look-now span{font:600 .7rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mist)}
.aiw-look-now b{font:500 1.15rem/1.2 var(--serif);color:var(--ivory)}
.aiw .aiw-look .aiw-look-set{border:0;margin:20px 0 0;padding:0;min-width:0}   /* more specific than Core's ".ol-f2 fieldset{margin:0}" */
.aiw-look-leg{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.aiw-look-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:10px}
.aiw-form .aiw-look-opt{display:contents}
.aiw-form .aiw-look-opt input{position:absolute;top:0;left:0;opacity:0;width:1px;height:1px;min-height:0;margin:0;padding:0;border:0;pointer-events:none}
.aiw-look-chip{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:9px;min-height:62px;padding:8px 8px 11px;border:1px solid var(--line);border-radius:14px;background:var(--card,#fff);color:var(--ivory);font-weight:400;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.aiw-look-chip:hover{border-color:var(--gold)}
.aiw-look-opt input:checked+.aiw-look-chip{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 12px 26px -20px rgba(60,45,10,.55)}
.aiw-look-opt input:focus-visible+.aiw-look-chip{outline:2px solid var(--gold);outline-offset:3px}
.aiw-look-sw{display:grid;grid-template-columns:3fr 1fr 1.4fr;height:38px;border-radius:9px;overflow:hidden;flex:none;box-shadow:inset 0 0 0 1px rgba(20,16,8,.10)}
.aiw-look-sw i:nth-child(1){background:var(--c)}
.aiw-look-sw i:nth-child(2){background:var(--c-acc,var(--c))}
.aiw-look-sw i:nth-child(3){background:var(--lk-cream,var(--c-soft))}
:root[data-ol-theme="dark"] .aiw-look-sw{box-shadow:0 0 0 1px rgba(255,255,255,.22)}
.aiw-look-n{display:grid;min-width:0;line-height:1.25;padding:0 4px}
.aiw-look-n b{font-weight:600;font-size:.98rem;color:var(--ivory)}
.aiw-look-n small{font-size:.76rem;color:var(--mist);overflow-wrap:break-word}
.aiw-look-cur{position:absolute;top:-9px;right:10px;font:700 .62rem/1 var(--sans);font-style:normal;letter-spacing:.09em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:var(--gold);color:var(--card,#fff)}
.aiw-look-own{margin-top:22px;padding-top:18px;border-top:1px solid var(--soft)}
.aiw-look-own h3,.aiw-look-offer h3{margin:0 0 4px;font:500 1.2rem/1.25 var(--serif);color:var(--ivory)}
.aiw-look-own input[name^="own_"]{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;max-width:14ch}
.aiw-look-warn{display:flex;gap:10px;align-items:flex-start;margin:12px 0 0;padding:12px 14px;border:1px solid var(--rust);border-left-width:3px;border-radius:12px;background:color-mix(in srgb,var(--rust) 7%,transparent);color:var(--ivory)}
.aiw-look-warn .aiw-i{color:var(--rust);flex:none;margin-top:2px}
.aiw-look-warn p{margin:4px 0 0;font-size:.92rem}
.aiw-look-offer{display:flex;gap:14px;align-items:flex-start;margin-top:22px;padding:16px 18px;border:1px dashed var(--gold);border-radius:14px;background:linear-gradient(180deg,var(--wash),transparent 80%)}
.aiw-look-offer p{margin:0 0 10px}
.aiw-look-offer-ic{width:40px;height:40px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold-ink);flex:none}

/* the preview: a small picture of the website, its header, a button, a card and the chat, in the chosen colours */
.aiw-look-pv{display:none;grid-column:1 / -1;grid-row:1;margin:0 0 8px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--lk-bg,#fff);color:var(--lk-text,#23252b);box-shadow:0 26px 50px -34px rgba(20,16,8,.55);font:400 13px/1.45 var(--sans);color-scheme:light}
.aiw-look-opt input:checked~.aiw-look-pv{display:block}
.aiw-look-pv>span{display:flex}
.aiw-look-pv .lp-win{align-items:center;gap:6px;height:28px;padding:0 12px;background:#ecebe8;border-bottom:1px solid rgba(0,0,0,.06)}
.aiw-look-pv .lp-win i{width:9px;height:9px;border-radius:50%;background:#cfccc6}
.aiw-look-pv .lp-win small{margin-left:8px;font:600 10.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#57534d}
.aiw-look-pv .lp-top{align-items:center;gap:10px;padding:10px 16px;background:var(--lk-bg,#fff);border-bottom:1px solid var(--lk-line,#e5e5e5);box-shadow:inset 0 -2px 0 var(--c-acc,var(--c))}
.aiw-look-pv .lp-mark{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:var(--c-on,#fff);font:600 15px/1 var(--serif);flex:none;box-shadow:inset 0 0 0 2px rgba(255,255,255,.3)}
.aiw-look-pv .lp-name{display:grid;line-height:1.2;min-width:0}
.aiw-look-pv .lp-name b{font:600 14px/1.2 var(--serif);color:var(--lk-text,#23252b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aiw-look-pv .lp-name small{font-size:11px;color:var(--lk-mute,#5c5a52)}
.aiw-look-pv .lp-nav{margin-left:auto;display:flex;gap:2px}
.aiw-look-pv .lp-nav i{font-style:normal;padding:5px 10px;border-radius:999px;font-size:12px;color:var(--lk-text,#23252b)}
.aiw-look-pv .lp-nav i.is-on{background:var(--c-soft);color:var(--c-ink);font-weight:700}
.aiw-look-pv .lp-body{display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:14px;align-items:stretch;padding:20px 16px 18px;background:radial-gradient(520px 220px at 82% 0%,var(--c-soft),transparent 70%),linear-gradient(180deg,var(--lk-cream,#f7f7f7),var(--lk-bg,#fff))}
.aiw-look-pv .lp-hero{display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0}
.aiw-look-pv .lp-k{font:700 10.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--c-ink)}
.aiw-look-pv .lp-h{font:600 20px/1.15 var(--serif);color:var(--lk-text,#23252b)}
.aiw-look-pv .lp-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.aiw-look-pv .lp-btn{display:inline-flex;align-items:center;min-height:30px;padding:0 14px;border-radius:999px;border:1.5px solid var(--c);background:var(--c);color:var(--c-on,#fff);font-weight:600;font-size:12px}
.aiw-look-pv .lp-btn.is-line{background:transparent;color:var(--c-ink)}
.aiw-look-pv .lp-card,.aiw-look-pv .lp-chat{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;min-width:0;box-shadow:0 12px 26px -18px color-mix(in srgb,var(--lk-deep,#000) 60%,transparent),0 0 0 1px color-mix(in srgb,var(--lk-deep,#000) 7%,transparent)}
.aiw-look-pv .lp-card{gap:3px;padding:0 0 11px}
.aiw-look-pv .lp-pic{display:block;height:58px;margin-bottom:6px;background:radial-gradient(circle at 50% 40%,#fff 0,var(--lk-cream,#f7f7f7) 55%,var(--c-soft) 100%)}
.aiw-look-pv .lp-cat{padding:0 12px;font:700 10px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--c-ink)}
.aiw-look-pv .lp-card b{padding:0 12px;font:600 13.5px/1.25 var(--serif);color:var(--lk-text,#23252b)}
.aiw-look-pv .lp-row{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:4px 12px 0;font-size:12px;font-weight:600;color:var(--c-ink)}
.aiw-look-pv .lp-pill{background:var(--c-soft);color:var(--c-ink);border-radius:999px;padding:2px 8px;font-size:10.5px}
.aiw-look-pv .lp-chat-h{display:flex;align-items:center;gap:8px;padding:9px 10px;background:var(--c);color:var(--c-on,#fff)}
.aiw-look-pv .lp-chat-h>span:last-child{display:grid;line-height:1.2;min-width:0}
.aiw-look-pv .lp-chat-h b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aiw-look-pv .lp-chat-h small{font-size:10.5px;opacity:.92}
.aiw-look-pv .lp-mark.is-w{width:24px;height:24px;font-size:12px;background:#fff;color:var(--c-ink);box-shadow:none}
.aiw-look-pv .lp-msgs{display:flex;flex-direction:column;gap:6px;padding:10px;flex:1;background:var(--lk-bg,#fff)}
.aiw-look-pv .lp-msgs span{max-width:90%;padding:6px 10px;border-radius:14px;font-size:11.5px;line-height:1.35}
.aiw-look-pv .lp-msgs .is-bot{align-self:flex-start;background:#fff;color:var(--lk-text,#23252b);box-shadow:0 0 0 1px var(--lk-line,#e5e5e5);border-bottom-left-radius:5px}
.aiw-look-pv .lp-msgs .is-me{align-self:flex-end;background:var(--c);color:var(--c-on,#fff);border-bottom-right-radius:5px}
.aiw-look-pv .lp-foot{align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:var(--lk-deep,#1f1914);color:var(--lk-on-deep,#f4ece0);box-shadow:inset 0 3px 0 var(--c-acc,var(--c))}
.aiw-look-pv .lp-foot b{font:600 13px/1.2 var(--serif)}
.aiw-look-pv .lp-launch{display:inline-flex;align-items:center;min-height:30px;padding:0 14px;border-radius:999px;background:var(--c);color:var(--c-on,#fff);font-weight:700;font-size:12px;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--lk-on-deep,#fff) 55%,transparent)}
@media (max-width:760px){
  .aiw-look-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aiw-look-chip{flex-direction:row;align-items:center;gap:9px;padding:9px 10px}
  .aiw-look-sw{width:34px;height:34px;border-radius:9px;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
  .aiw-look-sw i:nth-child(1){grid-row:1 / 3}
  .aiw-look-n{padding:0}
  .aiw-look-n small{font-size:.74rem}
  .aiw-look-pv .lp-body{grid-template-columns:1fr 1fr;gap:10px;padding:14px 12px}
  .aiw-look-pv .lp-hero{grid-column:1 / -1}
  .aiw-look-pv .lp-nav i:not(.is-on){display:none}
  .aiw-look-pv .lp-h{font-size:17px}
}

/* ── 1.8.1: the note when a step ticks without a reload ("✓ Step 9 done — you're live", "Badge earned: Live"), above the bar
      (aiw-stepbar.js). The same in aiw-front.css, aiw-product.css and aiw-siteadmin.css: keep the three in step. ── */
.sb-toast{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);margin-bottom:10px;display:flex;align-items:center;gap:10px;width:max-content;max-width:min(440px,calc(100vw - 24px));padding:6px 4px 6px 12px;border-radius:14px;background:var(--sb-ink);color:var(--sb-bg);box-shadow:0 18px 40px -16px rgba(0,0,0,.5);font:400 15px/1.35 var(--sb-font);animation:sb-toast-in .25s ease-out}
.sb-toast>svg{width:24px;height:24px;padding:4px;border-radius:50%;background:var(--sb-ok);color:var(--sb-on);stroke-width:3}
.sb-toast-t{display:grid;gap:1px;min-width:0;padding:4px 0}
.sb-toast-t b{font-weight:700;font-size:.92rem}
.sb-toast-t small{font-size:.8rem;opacity:.85}
.sb-toast-t .sb-toast-badge{opacity:1;font-weight:600}
.sb-toast-x{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;flex:none}
.sb-toast-x:hover{background:rgba(127,127,127,.25)}
.sb.is-off .sb-toast{left:0;transform:none}
.sb:has(.sb-toast) .sb-hint{display:none}
.sb:has(.sb-more[open]) .sb-toast{display:none}   /* the open list shows the tick; the note waits until it is closed */
@keyframes sb-toast-in{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.sb-toast{animation:none}}
/* ═══ OL-AIW-CSS-000190 · 1.9.0 "Automatic renewal and booking rules" ═══
   The renewal switch on Plan and add-ons (a button with role="switch": it posts the new state, no script), the renewal
   notices on My workspaces, a workspace and the builder, and the tags on company cards. Oleren's own tokens, so light and
   dark follow its switch. */
.aiw-nb{white-space:nowrap}
.aiw-renew{margin:4px 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--wash)}
.aiw-renew.is-on{border-color:var(--gold)}
.aiw-renew.is-fail{border-color:var(--aiw-err)}
.aiw-renew-sw{margin:0 0 6px}
.aiw-switch{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:4px 14px 4px 6px;border:1px solid var(--line);border-radius:999px;background:var(--field,transparent);color:var(--ivory);font:600 1rem/1.25 var(--sans);cursor:pointer;text-align:left;max-width:100%}
.aiw-switch:hover{border-color:var(--gold)}
.aiw-switch:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.aiw-switch-k{position:relative;flex:none;width:46px;height:28px;border-radius:999px;background:var(--line);transition:background .15s}
.aiw-switch-k::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--card,#fff);box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .15s}
.aiw-switch[aria-checked="true"] .aiw-switch-k{background:var(--olive,var(--gold))}
.aiw-switch[aria-checked="true"] .aiw-switch-k::after{transform:translateX(18px)}
.aiw-switch-l{min-width:0}
.aiw-switch-s{flex:none;padding:2px 8px;border-radius:999px;border:1px solid var(--line);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mist)}
.aiw-switch[aria-checked="true"] .aiw-switch-s{border-color:var(--gold);color:var(--gold-ink)}
.aiw-renew-what{margin:0;font-size:.95rem;line-height:1.5;overflow-wrap:anywhere}
.aiw-renew-up,.aiw-renew-fail{margin:10px 0 0;padding:10px 12px;border-radius:10px;border:1px solid var(--aiw-err);background:var(--card,transparent)}
.aiw-renew-up p,.aiw-renew-fail p{margin:0 0 8px;color:var(--ivory)}
.aiw-renew-up form{margin:0}
.aiw-renew .aiw-btn{min-height:44px}
.aiw-renew-down{margin:10px 0 0;font-size:.92rem;color:var(--aiw-ok)}
.aiw-renew .aiw-muted.aiw-small{margin:8px 0 0}
.aiw-rnotes{display:grid;gap:10px;margin:0 0 18px}
.aiw-rnote{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 12px;margin:0;padding:12px 14px;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:12px;background:var(--wash);font-size:.95rem;line-height:1.5}
.aiw-rnote.is-failed,.aiw-rnote.is-price_up{border-left-color:var(--aiw-err)}
.aiw-rnote.is-renewed{border-left-color:var(--aiw-ok)}
.aiw-rnote-ic{flex:none;width:20px;height:20px;margin-top:2px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.aiw-rnote.is-failed .aiw-rnote-ic,.aiw-rnote.is-price_up .aiw-rnote-ic{stroke:var(--aiw-err)}
.aiw-rnote.is-renewed .aiw-rnote-ic{stroke:var(--aiw-ok)}
.aiw-rnote-t{flex:1 1 280px;min-width:0;overflow-wrap:anywhere}
.aiw-rnote-a{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.aiw-rnote-a .aiw-btn{min-height:44px}
.aiw-rn-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;border:1px solid var(--gold);color:var(--gold-ink);font-size:.78rem;font-weight:600}
.aiw-rn-tag.is-fail{border-color:var(--aiw-err);color:var(--aiw-err)}
.aiw-rn-mini{margin:-2px 0 8px;color:var(--mist)}
.aiw-rn-mini.is-fail a{color:var(--aiw-err)}
@media (max-width:640px){
  .aiw-rnote-a{margin-left:28px}
  .aiw-switch{width:100%;border-radius:16px;padding:6px 10px 6px 6px}
  .aiw-switch-l{flex:1}
}
@media (prefers-reduced-motion:reduce){.aiw-switch-k,.aiw-switch-k::after{transition:none}}
/* 1.9.0: on a phone the builder's one column never grows past the screen (a long breadcrumb or title pushed it 3px wide at 320px). */
@media (max-width:900px){.aiw-app{grid-template-columns:minmax(0,1fr)}}
/* 1.9.0: the step bar on a phone (the same in all three stylesheets). The current step's title has its own space and may take
   two lines (it was cut to "Wa…" between the count and the buttons): the count (and the tool) on a small line above it, the
   Logins, All steps and × buttons beside both, and "Do it" underneath as before (68px kept free on its right). Under 360px
   "Logins" is an icon (its name stays for screen readers). On a computer the page keeps 76px for the bar (it is up to 70px tall). */
body:has(.sb-bar){padding-bottom:76px}
@media (max-width:700px){
  .sb{--sb-h:128px}
  .sb-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-areas:"prog logins more hide" "now logins more hide" "go go go go";column-gap:8px;row-gap:2px;align-items:center}
  .sb-prog{grid-area:prog;display:flex;align-items:baseline;gap:6px;min-width:0;align-self:end}
  .sb-prog .sb-count{order:-1;flex:none;font-size:.78rem}
  .sb-prog .sb-tool{max-width:none;min-width:0;flex:0 1 auto;font-size:.66rem}
  .sb-now{grid-area:now;min-width:0;align-self:start}
  .sb-now b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2;font-size:.95rem;overflow-wrap:anywhere}
  .sb-logins{grid-area:logins}
  .sb-more{grid-area:more}
  .sb-hide{grid-area:hide}
  .sb-go{grid-area:go;margin-top:6px}
  body:has(.sb-bar){padding-bottom:132px}
}
@media (max-width:360px){
  .sb .sb-share{padding:0;width:44px}
  .sb .sb-share span.sb-l-short{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}