/* MTWAFIQ CX — Explore to Learn or Win (v2.3) */
.cx-hero h1 .grad2{background:linear-gradient(90deg,#1FB5B2,#4CAE3F 45%,#EC6C25);-webkit-background-clip:text;background-clip:text;color:transparent}
.cx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cx-tile{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);color:inherit;text-decoration:none;overflow:hidden;transition:transform .35s var(--ease),border-color .3s}
.cx-tile:hover{transform:translateY(-5px);border-color:var(--c,#1FB5B2)}
.cx-tile::before{content:"";position:absolute;inset:auto -30% -60% auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side,var(--c,#1FB5B2),transparent);opacity:.18;transition:transform .6s var(--ease)}
.cx-tile:hover::before{transform:scale(1.4)}
.cx-tile .ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--c,#1FB5B2) 16%,transparent);color:var(--c,#1FB5B2);font-size:26px}
.cx-tile h3{margin:0;font-size:1.25rem}
.cx-tile p{margin:0;color:var(--muted);font-size:.95rem}
.cx-tile .tag{align-self:flex-start;font:700 11.5px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--c,#1FB5B2)}
.cx-tile .go{margin-top:auto;font-weight:700;color:var(--heading)}
.cx-panel{border-radius:22px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);padding:clamp(18px,3vw,32px)}
.cx-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin-bottom:18px}
.cx-controls label{display:grid;gap:6px;font-weight:600;font-size:.9rem;color:var(--heading)}
.cx-controls select,.cx-controls input[type=text],.cx-controls input[type=search],.cx-controls input[type=number]{min-height:44px;border-radius:12px;border:1.5px solid var(--border-2);background:var(--surface-2);color:var(--heading);padding:8px 12px;font:inherit}
.cx-controls input[type=range]{accent-color:#1FB5B2;width:180px}
.cx-note{font-size:.85rem;color:var(--muted)}
.cx-muted{color:var(--muted)}
.cx-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font:700 12px var(--f-body);background:color-mix(in srgb,var(--c,#1FB5B2) 15%,transparent);color:var(--c,#1FB5B2)}
.cx-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cx-hide{display:none!important}

/* library */
.lib-bar{position:sticky;top:76px;z-index:5;background:var(--bg);padding:12px 0;border-bottom:1px solid var(--border);margin-bottom:18px}
.lib-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lib-card{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}
.lib-cover{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#0E1A22,#12303A);display:grid;place-items:center;overflow:hidden}
.lib-cover img{width:100%;height:100%;object-fit:cover}
.lib-cover .gen{padding:14px;color:#fff;font:700 .92rem/1.3 var(--f-head);text-align:start;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;width:100%}
.lib-cover .gen small{font:700 10.5px var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:#5DF8D0}
.lib-cover .gen::after{content:"";height:3px;width:60px;background:linear-gradient(90deg,#1FB5B2,#4CAE3F,#EC6C25);border-radius:3px}
.lib-b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.lib-b small{font:700 11px var(--f-body);letter-spacing:.07em;text-transform:uppercase;color:var(--a1)}
.lib-b p{margin:0;font-weight:600;font-size:.9rem;line-height:1.4;color:var(--heading)}
.lib-b code{font:500 11.5px var(--f-body);color:var(--faint)}
.lib-a{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}
.lib-a .btn{padding:7px 11px;font-size:13px;min-height:0}
.lib-more{display:flex;justify-content:center;margin-top:22px}
.lib-count{font-weight:600;color:var(--muted)}

/* meeting table */
.mt-room{position:relative;width:100%;aspect-ratio:16/10;max-height:640px;margin:0 auto}
.mt-table{position:absolute;left:18%;right:18%;top:26%;bottom:26%;border-radius:50%;background:radial-gradient(ellipse at 40% 35%,#3B2A1F,#23170F 70%);box-shadow:inset 0 0 0 10px #4A3526,0 30px 60px rgba(0,0,0,.35);display:grid;place-items:center;text-align:center;color:#F4E9DC;padding:4%}
[data-theme=light] .mt-table{background:radial-gradient(ellipse at 40% 35%,#9C7A5B,#6E5139 70%)}
.mt-table b{display:block;font:700 clamp(.9rem,1.6vw,1.3rem) var(--f-head)}
.mt-table span{font-size:clamp(.72rem,1.1vw,.9rem);opacity:.85}
.mt-seat{position:absolute;width:clamp(92px,14%,150px);transform:translate(-50%,-50%);perspective:900px;cursor:pointer}
.mt-chair{position:absolute;inset:-12px;border-radius:20px;background:var(--surface-2);border:1px solid var(--border);z-index:-1}
.mt-card{position:relative;aspect-ratio:3/4;transform-style:preserve-3d;transition:transform .8s var(--ease)}
.mt-seat.open .mt-card{transform:rotateY(180deg)}
.mt-face{position:absolute;inset:0;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;padding:8px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.mt-back{background:linear-gradient(135deg,#0E1A22,#123A42);color:#5DF8D0;align-items:center;justify-content:center;text-align:center;font:700 11px var(--f-body);letter-spacing:.12em}
.mt-back::before{content:"";width:34px;height:34px;margin-bottom:6px;background:url(../img/favicon-32.png) center/contain no-repeat}
.mt-front{transform:rotateY(180deg);background:#fff;color:#0E1319;font-size:clamp(9.5px,1vw,12px);line-height:1.3;gap:4px}
.mt-front .mt-t{font:800 9.5px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:#1FB5B2}
.mt-front .mt-t.twist{color:#EC6C25}.mt-front .mt-t.role{color:#4CAE3F}
.mt-name{margin-top:8px;text-align:center;font:700 12px var(--f-body);color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-seat.next .mt-back{box-shadow:0 0 0 3px #5DF8D0,0 0 24px rgba(93,248,208,.6)}
.mt-read{margin-top:18px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:18px 20px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border);min-height:86px}
.mt-read p{margin:0;font-size:1.05rem;color:var(--heading)}
@media (max-width:700px){.mt-room{aspect-ratio:3/4}.mt-table{left:22%;right:22%;top:18%;bottom:18%}.mt-seat{width:84px}.mt-front{font-size:9px}}

/* quiz shared */
.qz{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start}
.qz-q{font:700 clamp(1.1rem,2vw,1.45rem)/1.4 var(--f-head);color:var(--heading);margin:8px 0 18px}
.qz-opts{display:grid;gap:10px}
.qz-opt{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;text-align:start;padding:14px 16px;border-radius:14px;border:1.5px solid var(--border-2);background:var(--surface-2);color:var(--heading);font:inherit;cursor:pointer;transition:all .2s}
.qz-opt:hover:not([disabled]){border-color:#1FB5B2;transform:translateX(3px)}
.qz-opt b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface);border:1.5px solid var(--border-2);font-weight:800}
.qz-opt.ok{border-color:#4CAE3F;background:color-mix(in srgb,#4CAE3F 16%,var(--surface-2))}
.qz-opt.ok b{background:#4CAE3F;color:#fff;border-color:#4CAE3F}
.qz-opt.no{border-color:#EC6C25;background:color-mix(in srgb,#EC6C25 14%,var(--surface-2))}
.qz-opt.no b{background:#EC6C25;color:#fff;border-color:#EC6C25}
.qz-opt.gone{opacity:.25;pointer-events:none}
.qz-opt.lock{border-color:#F5B301;animation:lockpulse .9s infinite alternate}
@keyframes lockpulse{to{box-shadow:0 0 0 4px rgba(245,179,1,.3)}}
.qz-why{margin-top:14px;padding:14px 16px;border-radius:14px;background:var(--surface-2);border-inline-start:4px solid #1FB5B2;color:var(--heading)}
.qz-top{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.qz-timer{position:relative;width:54px;height:54px}
.qz-timer svg{transform:rotate(-90deg)}
.qz-timer b{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;color:var(--heading)}
.ladder{list-style:none;margin:0;padding:10px;border-radius:16px;background:linear-gradient(180deg,#0B1620,#0F2A33);color:#cfe;display:flex;flex-direction:column-reverse;gap:2px;font:600 13px var(--f-body)}
.ladder li{display:flex;justify-content:space-between;padding:5px 12px;border-radius:8px}
.ladder li.safe{color:#5DF8D0}
.ladder li.now{background:linear-gradient(90deg,#F5B301,#EC6C25);color:#1a1000}
.ladder li.done{opacity:.55}
.lifelines{display:flex;gap:8px;margin-bottom:12px}
.lifelines button{flex:1;min-height:44px;border-radius:999px;border:1.5px solid var(--border-2);background:var(--surface-2);color:var(--heading);font:700 13px var(--f-body);cursor:pointer}
.lifelines button[disabled]{opacity:.35;text-decoration:line-through;cursor:not-allowed}
.poll{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end;height:120px;margin-top:10px}
.poll div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;font:700 12px var(--f-body);color:var(--heading)}
.poll i{display:block;width:70%;background:linear-gradient(180deg,#5DF8D0,#1FB5B2);border-radius:6px 6px 0 0;transition:height .8s var(--ease)}
.result{text-align:center;padding:10px}
.result .big{font:800 clamp(2.4rem,6vw,4rem) var(--f-head);background:linear-gradient(90deg,#1FB5B2,#4CAE3F,#EC6C25);-webkit-background-clip:text;background-clip:text;color:transparent}
.result canvas{max-width:100%;height:auto;border-radius:14px;box-shadow:var(--shadow-lg);margin:14px auto;display:block}
.streak{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0 14px}
.streak i{width:26px;height:8px;border-radius:99px;background:var(--border)}
.streak i.on{background:linear-gradient(90deg,#1FB5B2,#4CAE3F)}
.streak i.bad{background:#EC6C25}
@media (max-width:900px){.qz{grid-template-columns:1fr}.ladder{flex-direction:column-reverse;max-height:none;display:grid;grid-template-columns:repeat(5,1fr);font-size:11px}.ladder li{justify-content:center}.ladder li span:last-child{display:none}}

/* case */
.case-card{display:grid;gap:14px}
.case-card h2{margin:0}
.case-q{margin:0;padding-inline-start:20px}
.case-q li{margin:6px 0}
.players{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.player{padding:12px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);animation:stepin .4s var(--ease) both}
.player b{display:block;color:var(--heading)}
.player small{color:var(--a1);font-weight:700}
.big-timer{font:800 clamp(2rem,5vw,3.2rem) var(--f-head);color:var(--heading);font-variant-numeric:tabular-nums}

/* board chairs */
.br-room{position:relative;width:100%;aspect-ratio:16/9;max-height:620px}
.br-table{position:absolute;left:14%;right:14%;top:34%;bottom:34%;border-radius:120px;background:linear-gradient(180deg,#1B2B34,#0F1C23);box-shadow:inset 0 0 0 8px #2A3F4A,0 24px 50px rgba(0,0,0,.35);display:grid;place-items:center;color:#9FE;font:700 13px var(--f-body);letter-spacing:.12em}
[data-theme=light] .br-table{background:linear-gradient(180deg,#DCE6EA,#C3D3DA);box-shadow:inset 0 0 0 8px #AFC3CC,0 24px 50px rgba(0,0,0,.15);color:#123}
.br-seat{position:absolute;transform:translate(-50%,-50%);width:clamp(118px,16%,170px);padding:10px;border-radius:14px;background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow);cursor:pointer;text-align:start;font:inherit;color:inherit;transition:border-color .2s,transform .2s}
.br-seat:hover{transform:translate(-50%,-52%)}
.br-seat b{display:block;font-size:12.5px;color:var(--heading)}
.br-seat small{display:block;font-size:11px;color:var(--muted);line-height:1.3;margin-top:2px}
.br-seat .seat{display:inline-block;margin-top:6px;font:700 10.5px var(--f-body);color:#1FB5B2;text-transform:uppercase;letter-spacing:.04em}
.br-seat.mark{border-color:#EC6C25;background:color-mix(in srgb,#EC6C25 10%,var(--surface))}
.br-seat.mark::after{content:"✕ Wrong seat";position:absolute;top:-10px;inset-inline-end:8px;padding:2px 8px;border-radius:99px;background:#EC6C25;color:#fff;font:700 10px var(--f-body)}
.br-seat.right{border-color:#4CAE3F}
.br-seat.missed{border-color:#EC6C25;border-style:dashed}
.br-list{display:grid;gap:10px;margin-top:16px}
.br-list div{padding:12px 14px;border-radius:12px;background:var(--surface-2);border-inline-start:4px solid var(--c,#4CAE3F)}
@media (max-width:760px){.br-room{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.br-table{display:none}.br-seat{position:relative;left:auto!important;top:auto!important;transform:none;width:auto}.br-seat:hover{transform:none}}

/* share / gift */
.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin-top:12px}
.share a,.share button{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;border:1.5px solid var(--border-2);background:var(--surface-2);color:var(--heading);font:700 13px var(--f-body);cursor:pointer;text-decoration:none}
.share a:hover,.share button:hover{border-color:#1FB5B2}
dialog.gift3{max-width:520px;width:calc(100% - 32px);border:0;border-radius:20px;padding:0;background:var(--surface);color:var(--heading);box-shadow:0 30px 80px rgba(0,0,0,.4)}
dialog.gift3::backdrop{background:rgba(5,10,14,.6);backdrop-filter:blur(3px)}
dialog.gift3 form{padding:24px;display:grid;gap:12px}
dialog.gift3 h2{margin:0;font-size:1.3rem}
dialog.gift3 input{min-height:44px;border-radius:12px;border:1.5px solid var(--border-2);background:var(--surface-2);color:var(--heading);padding:8px 12px;font:inherit;width:100%}
dialog.gift3 .x{position:absolute;top:10px;inset-inline-end:10px;width:36px;height:36px;border-radius:50%;border:0;background:var(--surface-2);color:var(--heading);font-size:20px;cursor:pointer}
.cod{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:18px 22px;border-radius:18px;background:linear-gradient(90deg,color-mix(in srgb,#1FB5B2 14%,var(--surface)),var(--surface));border:1px solid var(--border)}
.cod .d{font:800 1.6rem var(--f-head);color:#1FB5B2;text-align:center;line-height:1}
.cod .d small{display:block;font:700 11px var(--f-body);color:var(--muted);letter-spacing:.08em}
@media (max-width:900px){.cx-grid{grid-template-columns:1fr 1fr}.lib-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cx-grid{grid-template-columns:1fr}.cod{grid-template-columns:1fr;text-align:center}}
.cx-controls .chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cx-controls .chips legend{width:100%}
.cx-controls .chips label{display:inline-block;margin:0}
.mt-room{margin:48px auto 24px;aspect-ratio:16/9}
.mt-seat{width:clamp(84px,11.5%,132px)}
.br-room{margin:40px 0 44px}
.mt-seat{width:clamp(76px,9.5%,112px)}
@media (max-width:700px){
  .mt-room{aspect-ratio:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;margin:20px 0}
  .mt-table{position:relative;inset:auto;grid-column:1/-1;border-radius:18px;padding:14px;order:-1}
  .mt-seat{position:relative;left:auto!important;top:auto!important;transform:none;width:auto;min-width:0}
  .mt-table{left:auto;right:auto;top:auto;bottom:auto}
  .mt-front{font-size:9.5px}
}
/* v2.4 — game codes, team league, Speed Duel */
.play-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.play-card,.join-form,.duel-lobby form{display:grid;gap:12px;align-content:start}
.play-card h2,.duel-lobby h2{margin:4px 0 0}
.play-card label,.join-form label,.duel-lobby label{display:grid;gap:6px;font-weight:600;font-size:.9rem;color:var(--heading)}
.play-card input,.play-card select,.join-form input,.duel-lobby input,.host-tools input{min-height:46px;border-radius:12px;border:1.5px solid var(--border-2);background:var(--surface-2);color:var(--heading);padding:8px 12px;font:inherit}
.code-in{text-transform:uppercase;letter-spacing:.2em;font-weight:800!important;font-size:1.2rem!important}
.code-big{font:800 1.5em var(--f-head);letter-spacing:.14em;color:#1FB5B2}
.code-pin{font:800 1.5em var(--f-head);letter-spacing:.2em;color:#EC6C25}
.made{margin-top:18px;border:2px solid #1FB5B2}
.code-show{display:flex;flex-wrap:wrap;gap:28px;margin:10px 0}
.code-show small{display:block;font-weight:700;color:var(--muted);font-size:12px;letter-spacing:.04em}
.code-show .code-big{font-size:2.4rem}.code-show .code-pin{font-size:2rem}
.mine{margin:0;padding-inline-start:18px}.mine li{margin:6px 0}
.how3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.how3 div{padding:16px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border)}
.how3 p{margin:6px 0 0;color:var(--muted);font-size:.92rem}
.lb{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.lb li{display:grid;grid-template-columns:44px 1fr auto auto;gap:12px;align-items:center;padding:12px 16px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);animation:stepin .35s var(--ease)}
.lb li.first{border-color:#F5B301;background:color-mix(in srgb,#F5B301 12%,var(--surface-2))}
.lb .rk{font:800 1.1rem var(--f-head);text-align:center}
.lb .sc{font:800 1.2rem var(--f-head);color:var(--heading)}.lb .sc small{font:600 11px var(--f-body);color:var(--muted)}
.host-tools{margin-top:18px}.host-tools summary{cursor:pointer;font-weight:700}.host-tools .cx-row{margin-top:10px}
.room-banner{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 16px;margin-bottom:14px;border-radius:14px;background:color-mix(in srgb,#F5B301 12%,var(--surface));border:1px solid color-mix(in srgb,#F5B301 45%,transparent)}
.room-sent{text-align:center;margin-top:10px}
.join-form{max-width:520px}
.duel-top{margin-bottom:14px}
.duel-grid{display:grid;grid-template-columns:1fr 300px;gap:18px;align-items:start}
.arena{min-height:420px}
.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-bottom:16px}
.vs>div{padding:14px;border-radius:16px;background:var(--surface-2);border:2px solid var(--border);display:grid;gap:2px;text-align:center}
.vs>div.me{border-color:#1FB5B2;box-shadow:0 0 0 4px color-mix(in srgb,#1FB5B2 20%,transparent)}
.vs small{color:var(--muted);font-weight:700;font-size:11.5px}.vs b{font:800 1.15rem var(--f-head);color:var(--heading)}
.vs .pts{font:800 1.8rem var(--f-head);color:#1FB5B2}
.vs-x{font:900 1.3rem var(--f-head);color:#EC6C25}
.duel-msg{text-align:center;padding:30px 10px}
.duel-msg .count{font:900 5rem var(--f-head);line-height:1;background:linear-gradient(90deg,#1FB5B2,#4CAE3F,#EC6C25);-webkit-background-clip:text;background-clip:text;color:transparent;animation:pop .6s var(--ease)}
.tbar{flex:1;height:10px;border-radius:99px;background:var(--border);overflow:hidden;margin:0 12px}
.tbar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#EC6C25,#F5B301,#4CAE3F);transition:width .25s linear}
.tleft{min-width:34px;text-align:end;font-weight:800;color:var(--heading)}
.duel-q .qz-top{flex-wrap:nowrap}
.duel-card{padding:14px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:12px}
.duel-card small{font:700 11.5px var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--a1)}
.duel-card h3{margin:6px 0}
.q-list{margin:8px 0 0;padding-inline-start:20px}.q-list li{margin:3px 0}
.duel-last{display:grid;gap:4px;text-align:center;padding:14px;border-radius:16px;margin-bottom:14px;background:var(--surface-2);border:1px solid var(--border);animation:stepin .4s var(--ease)}
.duel-last.won{background:color-mix(in srgb,#4CAE3F 16%,var(--surface-2));border-color:#4CAE3F}
.duel-last.lost{background:color-mix(in srgb,#EC6C25 12%,var(--surface-2));border-color:#EC6C25}
.duel-last b{font:800 1.2rem var(--f-head);color:var(--heading)}
@media (max-width:900px){.play-grid,.how3,.duel-grid{grid-template-columns:1fr}.lb li{grid-template-columns:34px 1fr auto}.lb li .cx-muted{display:none}}
.page-hero.compact{padding:28px 0 18px}.page-hero.compact .lead{display:none}.page-hero.compact h1{font-size:clamp(1.6rem,3vw,2.2rem)}
[data-duel-live]{scroll-margin-top:90px}
.play-card select,.play-card input{width:100%;max-width:100%;min-width:0}
.play-grid>*{min-width:0}

/* v2.5 — Room: long rectangular table, square chairs, flipping cards */
.rm{position:relative;width:100%;margin:22px 0 8px;--wood1:#8A6446;--wood2:#5E412C;--floor:#EEF3F5;--floor2:#E4ECEF}
[data-theme=dark] .rm{--wood1:#4A3526;--wood2:#2A1C12;--floor:#0F171D;--floor2:#121C23}
.rm-floor{position:absolute;inset:0;border-radius:22px;overflow:hidden;border:1px solid var(--border);
  background:repeating-linear-gradient(90deg,var(--floor) 0 38px,var(--floor2) 38px 40px),var(--floor);box-shadow:inset 0 0 80px rgba(0,0,0,.06)}
.rm-floor::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(93,248,208,.10),transparent 60%);pointer-events:none;animation:rm-light 9s ease-in-out infinite alternate}
@keyframes rm-light{from{opacity:.4}to{opacity:1}}
.rm-floor>*{position:absolute}
.rm-table{border-radius:14px;background:linear-gradient(160deg,var(--wood1),var(--wood2));box-shadow:inset 0 0 0 6px rgba(255,255,255,.08),inset 0 0 0 7px rgba(0,0,0,.25),0 26px 50px rgba(0,0,0,.28);display:grid;place-items:center;z-index:1;
  transform:scale(.94);opacity:0;transition:transform .7s var(--ease),opacity .5s}
.rm-table::before{content:"";position:absolute;inset:6px;border-radius:9px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 3px,transparent 3px 22px);pointer-events:none}
.rm.portrait .rm-table::before{background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 3px,transparent 3px 22px)}
.rm-label{font:700 clamp(9px,1vw,12px) var(--f-body);letter-spacing:.2em;color:rgba(255,245,230,.55);text-align:center;padding:0 8px}
.rm.portrait .rm-label{writing-mode:vertical-rl}
.rm.in .rm-table{transform:none;opacity:1}
/* chairs */
.rm-chair{z-index:2;border-radius:12px;background:var(--surface);border:2px solid var(--border-2,var(--border));box-shadow:0 6px 14px rgba(0,0,0,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;padding:4px;cursor:pointer;overflow:hidden;
  opacity:0;transform:scale(.4);transition:transform .55s var(--ease) var(--d,0ms),opacity .4s var(--d,0ms),border-color .25s,background .25s,box-shadow .25s}
.rm.in .rm-chair{opacity:1;transform:none}
.rm-chair b{font:800 calc(var(--chair) * .3) var(--f-head);line-height:1;color:var(--heading)}
.rm-chair small{display:block;max-width:100%;font:600 clamp(8px,calc(var(--chair) * .13),11px) var(--f-body);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-chair:hover{border-color:#1FB5B2}
.rm-chair.talk{border-color:#1FB5B2;background:color-mix(in srgb,#1FB5B2 14%,var(--surface));box-shadow:0 0 0 4px rgba(31,181,178,.25),0 0 26px rgba(31,181,178,.45);animation:rm-talk 1.6s ease-in-out infinite}
@keyframes rm-talk{50%{box-shadow:0 0 0 7px rgba(31,181,178,.12),0 0 34px rgba(31,181,178,.55)}}
.rm-chair.mark{border-color:#EC6C25;background:color-mix(in srgb,#EC6C25 14%,var(--surface))}
.rm-chair.mark::after{content:"✕";position:absolute;top:3px;inset-inline-end:3px;width:16px;height:16px;border-radius:50%;background:#EC6C25;color:#fff;font:800 10px/16px var(--f-body)}
.rm-chair.leave{z-index:7;transition:transform 1.5s cubic-bezier(.55,0,.35,1),opacity .6s 1.1s,border-color .2s;transform:translate(var(--tx),var(--ty)) scale(.45) rotate(8deg)!important;opacity:0!important}
.rm-chair.leave.caught{border-color:#4CAE3F;background:color-mix(in srgb,#4CAE3F 18%,var(--surface))}
.rm-chair.leave.missed{border-color:#EC6C25;border-style:dashed}
.rm-chair.back{border-color:#F5B301;animation:rm-shake .5s 2}
.rm-chair.stay{border-color:#4CAE3F}
@keyframes rm-shake{25%{translate:-4px 0}75%{translate:4px 0}}
/* cards on the table */
.rm-card{z-index:3;perspective:700px;cursor:pointer;opacity:0;transform:translateY(-30px) scale(.3) rotate(-25deg);transition:transform .6s var(--ease) var(--d,0ms),opacity .4s var(--d,0ms)}
.rm.in .rm-card{opacity:1;transform:none}
.rm-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .75s var(--ease)}
.rm-card.open .rm-in{transform:rotateY(180deg)}
.rm-f{position:absolute;inset:0;border-radius:6px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 4px 10px rgba(0,0,0,.3);overflow:hidden}
.rm-back{background:linear-gradient(135deg,#0E1A22,#123A42);border:1.5px solid rgba(93,248,208,.35)}
.rm-back::before{content:"";position:absolute;inset:22%;background:url(../img/favicon-32.png) center/contain no-repeat;opacity:.9}
.rm-front{transform:rotateY(180deg);background:#fff;border-top:4px solid var(--tc,#1FB5B2);display:grid;place-items:center;padding:3px}
.rm-card.head .rm-front{border-top:0;border-inline-start:4px solid var(--tc,#1FB5B2)}
.rm-front i{font:800 clamp(7px,calc(var(--cardw) * .17),10.5px)/1.15 var(--f-body);font-style:normal;text-transform:uppercase;letter-spacing:.04em;color:var(--tc,#1FB5B2);text-align:center;overflow-wrap:break-word;hyphens:auto}
.rm-front.plate{background:linear-gradient(180deg,#FDFBF6,#EDE6D8);border-top:0;border:1px solid #CDBF9F}
.rm-front.plate i{color:#3A2A1A;text-transform:none;letter-spacing:0;font-weight:700;font-size:clamp(7px,calc(var(--cardw) * .15),10px)}
.rm-card.next .rm-back{box-shadow:0 0 0 3px #5DF8D0,0 0 22px rgba(93,248,208,.8);animation:rm-next 1.1s ease-in-out infinite}
@keyframes rm-next{50%{transform:translateY(-3px)}}
.rm-card.void{filter:grayscale(1);opacity:.35!important;transition:opacity .6s 1s,filter .6s 1s}
/* spotlight card — flies from the seat to the middle of the table */
.rm-spot{left:50%;top:50%;z-index:6;width:min(430px,84%);pointer-events:none;opacity:0;
  transform:translate(-50%,-50%) translate(var(--fx,0),var(--fy,0)) scale(.12) rotateY(160deg);transition:transform .7s var(--ease),opacity .35s}
.rm-spot.show{opacity:1;transform:translate(-50%,-50%) scale(1) rotateY(0)}
.rm-spot.interactive.show{pointer-events:auto}
.rm-spot-in{background:var(--surface);color:var(--heading);border-radius:16px;padding:16px 18px;border-top:6px solid var(--tc,#1FB5B2);box-shadow:0 24px 60px rgba(0,0,0,.35);display:grid;gap:8px}
.rm-spot-in p{margin:0;font-size:clamp(.92rem,1.4vw,1.1rem);line-height:1.45}
.rm-spot-in small{color:var(--muted);font-size:.8rem}
.rm-tag{justify-self:start;padding:3px 10px;border-radius:8px;background:var(--tc,#1FB5B2);color:#fff;font:800 11px var(--f-body);letter-spacing:.06em;text-transform:uppercase}
.rm-acts{display:flex;gap:8px;flex-wrap:wrap}
/* the wall screen (meeting) and the exit door (board) */
.rm-screen{z-index:1;border-radius:4px;background:linear-gradient(180deg,#0B141A,#16323A);box-shadow:0 0 0 3px #25404A,0 0 30px rgba(93,248,208,.35);display:grid;place-items:center;overflow:hidden}
.rm-screen span{writing-mode:vertical-rl;font:700 10px var(--f-body);letter-spacing:.14em;color:#5DF8D0;text-transform:uppercase;white-space:nowrap;animation:rm-light 3s ease-in-out infinite alternate}
.rm.portrait .rm-screen span{writing-mode:horizontal-tb}
.rm-door{z-index:1;border-radius:3px;background:repeating-linear-gradient(0deg,#EC6C25 0 6px,#C95417 6px 8px);box-shadow:0 0 18px rgba(236,108,37,.45);display:grid;place-items:center}
.rm-door span{position:absolute;right:calc(100% + 6px);font:800 10px var(--f-body);letter-spacing:.14em;color:#EC6C25}
.rm.portrait .rm-door span{right:auto;bottom:calc(100% + 4px)}
.rm.done .rm-door{animation:rm-door 1s ease-in-out 3}
@keyframes rm-door{50%{box-shadow:0 0 34px rgba(236,108,37,.9)}}
@media (prefers-reduced-motion:reduce){.rm *{transition:none!important;animation:none!important}}
/* board papers under the room */
.br-papers{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin-top:16px}
.br-paper{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start;text-align:start;padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1.5px solid var(--border);color:inherit;font:inherit;cursor:pointer;min-width:0}
.br-paper .n{grid-row:span 2;width:24px;height:24px;border-radius:7px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;font:800 11px var(--f-body);color:var(--heading)}
.br-paper b{display:block;font-size:13px;color:var(--heading)}
.br-paper small{display:block;font-size:12px;color:var(--muted);line-height:1.35}
.br-paper .seat{grid-column:2;font:700 10.5px var(--f-body);color:#1FB5B2;text-transform:uppercase;letter-spacing:.04em}
.br-paper.mark{border-color:#EC6C25;background:color-mix(in srgb,#EC6C25 9%,var(--surface-2))}
.br-paper.right{border-color:#4CAE3F}.br-paper.missed{border-color:#EC6C25;border-style:dashed}.br-paper.wrong{border-color:#F5B301}
.rm-chair em{position:absolute;top:3px;inset-inline-start:6px;font:700 9.5px var(--f-body);font-style:normal;color:var(--muted)}
.br-h{margin:18px 0 0;font-size:1.05rem}
/* details panel beside the room */
.rm-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:18px;align-items:start;margin-top:18px}
.rm-wrap .rm{margin:0}
.rm-detail{position:sticky;top:90px;min-height:260px;max-height:calc(100vh - 110px);overflow:auto;padding:18px;border-radius:18px;background:var(--surface-2);border:1px solid var(--border)}
.rd-in{display:grid;gap:10px;animation:rd-in .45s var(--ease)}
@keyframes rd-in{from{opacity:0;transform:translateY(8px)}}
.rd-who b{display:block;font:800 1.15rem var(--f-head);color:var(--heading)}
.rd-who small{color:var(--muted)}
.rd-main{margin:0;font-size:1.05rem;line-height:1.5;color:var(--heading)}
.rm-detail h4{margin:6px 0 0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tc,#1FB5B2)}
.rm-detail ol,.rd-list{margin:0;padding-inline-start:20px;display:grid;gap:6px;font-size:.93rem}
.rd-how{margin:0;font-size:.93rem;color:var(--text,var(--heading))}
.rd-meta{font-size:.8rem;color:var(--muted)}
.rd-empty{margin:0;color:var(--muted)}
.rm-spot .clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rm-spot{width:min(360px,80%)}
@media (max-width:980px){.rm-wrap{grid-template-columns:1fr}.rm-detail{position:static;max-height:none;min-height:0}}
/* v2.6 — The Flow Pool */
.fp-modes{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.fp-mode{padding:10px 16px;border-radius:999px;border:1.5px solid var(--border-2,var(--border));background:var(--surface-2);color:var(--heading);font:700 14px var(--f-body);cursor:pointer}
.fp-mode.on{background:linear-gradient(90deg,#5DF8D0,#1FB5B2);border-color:transparent;color:#05252A}
.fp-modes [data-fs]{margin-inline-start:auto}
.fp-root{position:relative;display:grid;gap:14px;min-width:0}
.fp-root:fullscreen{background:var(--bg);padding:20px;overflow:auto}
.fp-top{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:stretch}
.fp-dash{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fp-tile{padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);display:grid;gap:2px;min-width:0}
.fp-tile small{font:700 11px var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.fp-tile b{font:800 clamp(1.3rem,2.4vw,1.8rem) var(--f-head);color:var(--heading);font-variant-numeric:tabular-nums;line-height:1.1}
.fp-tile span{font-size:12px;color:var(--muted)}
.fp-big{padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);display:grid;gap:6px;align-content:start}
.bc-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.bc-head small{font:700 11px var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.bc-head select{min-height:32px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--heading);font:600 12px var(--f-body);max-width:140px}
.bc-svg{width:150px;height:150px;justify-self:center}
.bc-svg .cf,.fp-clock .cf{fill:var(--surface);stroke:var(--border-2,var(--border));stroke-width:2}
.bc-svg .half{fill:none;stroke:#1FB5B2;stroke-width:4;stroke-dasharray:175.9 351.9;opacity:.35}
.bc-svg .tk{stroke:#4CAE3F;stroke-width:3;stroke-linecap:round}.bc-svg .tk.over{stroke:#E5484D}
.bc-svg .ct,.fp-clock .ct{stroke:#1FB5B2;stroke-width:3;stroke-linecap:round}
.fp-clock .cb{stroke:#4CAE3F;stroke-width:2;stroke-linecap:round}.fp-clock .over .cb{stroke:#E5484D}
.fp-clock .cz{fill:rgba(229,72,77,.22)}
.bc-svg .cc,.fp-clock .cc{fill:var(--heading)}
.bc-svg .t1{font:800 17px var(--f-head);fill:var(--heading);text-anchor:middle}.bc-svg .t2{font:700 6.5px var(--f-body);fill:var(--muted);text-anchor:middle;letter-spacing:.08em}
.bc-f{margin:0;font-size:12px;line-height:1.45;color:var(--muted)}
.fp-ctrl{gap:8px}.fp-speed{display:flex;align-items:center;gap:6px;font:600 13px var(--f-body);color:var(--muted)}
.fp-speed select{min-height:36px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--heading);font:inherit}
.fp-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--muted)}
.fp-legend span{display:inline-flex;align-items:center;gap:6px}
.fp-legend i{display:inline-block}
.lg-a{width:20px;height:12px;border-radius:3px;background:var(--surface);border:1.5px solid #1FB5B2}
.lg-d{width:11px;height:11px;transform:rotate(45deg);background:var(--surface);border:1.5px solid #7B61FF}
.lg-dot{width:9px;height:9px;border-radius:50%;background:#F5B301;box-shadow:0 0 0 2px rgba(245,179,1,.3)}
.lg-q{font:800 10px/16px var(--f-body);font-style:normal;min-width:16px;height:16px;border-radius:8px;background:#EC6C25;color:#fff;text-align:center}
.lg-bn{width:14px;height:14px;border-radius:4px;border:2px solid #E5484D;box-shadow:0 0 8px rgba(229,72,77,.5)}
.lg-back{width:22px;height:8px;border:1.5px dashed #EC6C25;border-top:0;border-radius:0 0 8px 8px}
.lg-sw{width:16px;height:10px;border-radius:5px;background:var(--lc,#1FB5B2)}
/* the pool */
.fp-pool{border-radius:20px;padding:10px;background:linear-gradient(180deg,#0B6E86,#0A4F66);box-shadow:inset 0 0 0 6px #E9F1F4,inset 0 0 0 8px #BFD3DA,0 20px 40px rgba(0,0,0,.18);overflow-x:auto;display:grid;gap:0}
[data-theme=dark] .fp-pool{box-shadow:inset 0 0 0 6px #1C2A33,inset 0 0 0 8px #0F1A21,0 20px 40px rgba(0,0,0,.4)}
.fp-lane{position:relative;min-width:780px;padding:8px 10px 10px;border-bottom:3px dashed rgba(255,255,255,.35);transition:background .4s}
.fp-lane:last-child{border-bottom:0}
.fp-lane.top1{background:rgba(93,248,208,.08)}.fp-lane.turn{background:rgba(245,179,1,.14)}
.fp-head{display:flex;align-items:center;gap:12px;color:#EAF7FA;margin-bottom:6px}
.fp-rank{width:26px;height:26px;border-radius:8px;background:var(--lc);color:#fff;font:800 13px/26px var(--f-body);text-align:center;flex:none}
.fp-lane.top1 .fp-rank::after{content:"🏆";position:absolute;margin:-18px 0 0 -6px;font-size:12px}
.fp-name{min-width:0;flex:1 1 auto}.fp-name b{display:block;font:800 14px var(--f-head)}.fp-name small{display:block;font-size:11.5px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fp-clock{display:flex;align-items:center;gap:8px;flex:none}.fp-clock b{display:block;font:800 12.5px var(--f-body)}.fp-clock small{display:block;font-size:11px;opacity:.85;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fp-clock .cf{fill:#0E3A48;stroke:rgba(255,255,255,.5)}.fp-clock .cc{fill:#fff}
.fp-stat{text-align:center;flex:none;min-width:56px}.fp-stat b{display:block;font:800 16px var(--f-head);font-variant-numeric:tabular-nums}.fp-stat small{font-size:10.5px;opacity:.8}
.fp-cred{flex:none;padding:4px 10px;border-radius:99px;background:#F5B301;color:#2A1C00;font:800 12px var(--f-body);animation:rm-next 1.1s ease-in-out infinite}
.fp-water{position:relative;height:104px;border-radius:12px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 2px,transparent 2px 60px),linear-gradient(180deg,rgba(93,248,208,.12),rgba(255,255,255,.02));overflow:hidden}
.fp-water::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 30px 6px at 20% 30%,rgba(255,255,255,.12),transparent 70%),radial-gradient(ellipse 40px 7px at 70% 70%,rgba(255,255,255,.1),transparent 70%);background-size:220px 60px;animation:fp-ripple 7s linear infinite;pointer-events:none}
@keyframes fp-ripple{to{background-position:220px 0,-220px 0}}
.fp-start,.fp-wall{position:absolute;top:0;bottom:0;display:grid;place-items:center;align-content:center;color:#fff;font:700 10px var(--f-body);letter-spacing:.06em;text-transform:uppercase;text-align:center}
.fp-start{left:0;width:6%;background:rgba(0,0,0,.18)}.fp-start b{font:800 15px var(--f-head);letter-spacing:0}
.fp-wall{right:0;width:4%;background:repeating-linear-gradient(0deg,#fff 0 8px,var(--lc) 8px 16px);opacity:.85}.fp-wall span{writing-mode:vertical-rl;background:rgba(0,0,0,.35);padding:4px 1px;border-radius:4px}
.fp-shape{position:absolute;top:50%;transform:translate(-50%,-50%);border:0;padding:0;background:none;cursor:pointer;color:#0E1319;z-index:2;font:inherit}
.fp-shape .fp-body{display:grid;place-items:center;background:color-mix(in srgb,#E5484D calc(var(--u,0) * 45%),#fff);border:2px solid var(--lc);box-shadow:0 4px 12px rgba(0,0,0,.25);transition:background .6s}
.fp-shape.act .fp-body{width:86px;height:46px;border-radius:8px;padding:3px 5px}
.fp-shape.dec .fp-body{width:44px;height:44px;transform:rotate(45deg);border-radius:6px}
.fp-shape.dec .fp-lbl{transform:rotate(-45deg);width:62px}
.fp-lbl{font:700 10px/1.15 var(--f-body);text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.fp-shape.dec .fp-lbl{font-size:8.6px}
.fp-shape:hover .fp-body,.fp-shape:focus-visible .fp-body{box-shadow:0 0 0 3px #5DF8D0,0 6px 16px rgba(0,0,0,.3)}
.fp-shape.over .fp-body{border-color:#E5484D}
.fp-shape.bn .fp-body{box-shadow:0 0 0 3px #E5484D,0 0 22px rgba(229,72,77,.8);animation:fp-bn 1.2s ease-in-out infinite}
@keyframes fp-bn{50%{box-shadow:0 0 0 5px rgba(229,72,77,.5),0 0 30px rgba(229,72,77,.9)}}
.fp-q{position:absolute;top:-9px;left:-12px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#94A3AD;color:#fff;font:800 11px/20px var(--f-body);text-align:center;opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s,background .2s}
.fp-shape.dec .fp-q{left:-16px;top:-14px}
.fp-q.on{opacity:1;transform:none;background:#F5B301;color:#2A1C00}.fp-q.hot{background:#E5484D;color:#fff}
.fp-slots{position:absolute;left:50%;bottom:-13px;transform:translateX(-50%);display:flex;gap:3px}
.fp-shape.dec .fp-slots{bottom:-18px}
.fp-slots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35)}.fp-slots i.b{background:#F5B301;box-shadow:0 0 6px #F5B301}
.fp-arrow{position:absolute;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-top:2px solid rgba(255,255,255,.7);border-right:2px solid rgba(255,255,255,.7);transform:rotate(45deg);z-index:1}
.fp-back{position:absolute;bottom:7px;height:12px;border:1.5px dashed rgba(236,108,37,.85);border-top:0;border-radius:0 0 10px 10px;z-index:0}
.fp-dot{position:absolute;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#F5B301;box-shadow:0 0 0 2px rgba(245,179,1,.35);z-index:3;transition-property:left,top;transition-timing-function:cubic-bezier(.4,0,.2,1);pointer-events:none}
.fp-dot.go{top:32%}.fp-dot.back{background:#EC6C25}.fp-dot.back.go{top:86%}
.fp-swimmer{position:absolute;top:3px;height:12px;width:26px;margin-left:-13px;border-radius:6px;background:var(--lc);box-shadow:0 2px 6px rgba(0,0,0,.35);transition:left .6s linear;z-index:4}
.fp-swimmer i{position:absolute;right:-6px;top:2px;width:8px;height:8px;border-radius:50%;background:#fff}
.fp-swimmer.late{background:#E5484D}
/* details window */
.fp-pop{position:absolute;z-index:20;width:min(360px,calc(100% - 16px))}
.fp-pop-in{background:var(--surface);color:var(--heading);border-radius:16px;border-top:5px solid var(--lc);box-shadow:0 24px 60px rgba(0,0,0,.35);padding:14px 16px;display:grid;gap:8px}
.fp-pop h4{margin:0;font:800 1.05rem var(--f-head)}.fp-pop p{margin:0;font-size:.88rem;color:var(--muted)}
.fp-pop dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:.84rem}
.fp-pop dt{color:var(--muted)}.fp-pop dd{margin:0;font-weight:600}
.fp-pop dd.fp-bad{color:#E5484D}.fp-pop dd.fp-good{color:#2E9B3E}
.fp-fix small{display:block;font:700 11px var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.fp-fix div{display:flex;flex-wrap:wrap;gap:6px}
.fp-x{width:30px;height:30px;border-radius:50%;border:0;background:var(--surface-2);color:var(--heading);font-size:18px;cursor:pointer}
.fp-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,30px);opacity:0;z-index:60;max-width:min(560px,calc(100% - 32px));padding:12px 16px;border-radius:14px;background:#0E1A22;color:#EAF7FA;font-size:.9rem;box-shadow:0 20px 50px rgba(0,0,0,.4);transition:opacity .3s,transform .3s;pointer-events:none}
.fp-toast.on{opacity:1;transform:translate(-50%,0)}
.fp-h{margin:6px 0 0;font-size:1.05rem}
.fp-adv{display:grid;gap:8px}
.fa-row{display:grid;gap:3px;padding:10px 14px;border-radius:12px;background:var(--surface-2);border-inline-start:4px solid var(--lc);font-size:.9rem}
.fa-row>b{color:var(--heading)}
/* team icebreaker */
.fq{display:grid;gap:10px}
.fq-talk{margin:0;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,#7B61FF 10%,var(--surface-2));font-size:.93rem}
.fq-q{margin:4px 0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.4}
.fq-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fq-opts .qz-opt.right{border-color:#4CAE3F;background:color-mix(in srgb,#4CAE3F 14%,var(--surface))}
.fq-opts .qz-opt.wrong{border-color:#E5484D;background:color-mix(in srgb,#E5484D 12%,var(--surface))}
.fq-opts .qz-opt.dim{opacity:.55}
.fq-fb{margin:0;padding:10px 14px;border-radius:12px;background:var(--surface-2)}.fq-fb.ok{border-inline-start:4px solid #4CAE3F}.fq-fb.no{border-inline-start:4px solid #E5484D}
.fq-res{margin:0;padding-inline-start:20px;display:grid;gap:6px}
.fp-root.team .fp-ctrl{display:none}
@media (max-width:900px){.fp-top{grid-template-columns:1fr}.fp-big{grid-template-columns:150px 1fr;align-items:center}.bc-head{grid-column:1/-1}.fp-dash{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.fq-opts{grid-template-columns:1fr}.fp-big{grid-template-columns:1fr}.fp-modes [data-fs]{margin-inline-start:0}}
.rd-ans-btn{justify-self:start}
.rd-ans{display:grid;gap:6px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,#4CAE3F 10%,var(--surface));border:1px solid color-mix(in srgb,#4CAE3F 35%,var(--border));animation:rd-in .4s var(--ease)}
.rd-ans h4{color:#2E9B3E!important;margin:0!important}
.rd-ans ul{margin:0;padding-inline-start:18px;display:grid;gap:5px;font-size:.93rem}
/* v3.0 — Banking Operations Pool (L0 → L1 → L2 → L3 → process) */
[data-ops]{display:grid;gap:14px}
.ops-lv{font:800 11px var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ops-l0{display:grid;gap:8px}
.ops-l0r{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
.ops-l0r .l0{position:relative;padding:12px 8px 12px 14px;background:var(--surface-2);color:var(--muted);font:700 12px/1.25 var(--f-body);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%,10px 50%);min-height:58px;display:grid;align-content:center}
.ops-l0r .l0.on{background:linear-gradient(90deg,#5DF8D0,#1FB5B2);color:#05252A}
.ops-l0r .l0 small{display:block;font:700 10px var(--f-body);opacity:.8;margin-top:2px}
.ops-step{display:flex;gap:12px;align-items:flex-start;margin-top:10px}
.ops-step h2{margin:0;font-size:1.15rem}.ops-step p{margin:2px 0 0;font-size:.88rem}
.ops-no{flex:none;width:34px;height:34px;border-radius:50%;background:#0E1A22;color:#5DF8D0;display:grid;place-items:center;font:800 15px var(--f-head)}
.ops-l1{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px}
.ops-l1 .l1{flex:1 0 auto;min-width:118px;display:grid;gap:2px;text-align:start;padding:10px 18px 10px 20px;border:0;background:var(--surface-2);color:var(--heading);font:700 13px/1.2 var(--f-body);cursor:pointer;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%);transition:background .2s}
.ops-l1 .l1:first-child{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}
.ops-l1 .l1 i{font-style:normal;font-size:10.5px;color:var(--c,#1FB5B2)}.ops-l1 .l1 b{font:800 16px var(--f-head);color:var(--c,var(--heading))}
.ops-l1 .l1:hover{background:color-mix(in srgb,var(--c,#1FB5B2) 14%,var(--surface-2))}
.ops-l1 .l1.on{background:var(--c,#1FB5B2);color:#fff}.ops-l1 .l1.on i,.ops-l1 .l1.on b{color:#fff}
.ops-l1 .l1.all.on{background:#0E1A22}
.ops-l2{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.ops-l3{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.ops-l2 .l2,.ops-l3 .l3{display:grid;gap:3px;text-align:start;padding:12px;border-radius:12px;border:1.5px solid var(--border);border-top:4px solid var(--c);background:var(--surface);color:var(--heading);font:inherit;cursor:pointer;min-width:0;transition:transform .15s,box-shadow .2s}
.ops-l2 .l2 b,.ops-l3 .l3 b{font-size:.9rem;line-height:1.25}.ops-l2 small,.ops-l3 small{font-size:.76rem;color:var(--muted)}
.ops-l2 .l2:hover:not(:disabled),.ops-l3 .l3:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow)}
.ops-l2 .l2.on,.ops-l3 .l3.on{background:color-mix(in srgb,var(--c) 14%,var(--surface));border-color:var(--c)}
.ops-l2 .l2:disabled,.ops-l3 .l3:disabled{opacity:.4;cursor:not-allowed}
.ops-l3 .l3{border-top-style:dashed}
.ops-pick{display:grid;gap:12px;margin-top:10px}
.ops-path{margin:0;font-size:.9rem;color:var(--muted)}.ops-path span{opacity:.6}.ops-path b{color:var(--heading)}
.ops-q{display:grid;gap:4px;font:700 12px var(--f-body);color:var(--muted);min-width:min(280px,100%)}
.ops-q input{min-height:40px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface-2);color:var(--heading);padding:6px 12px;font:500 14px var(--f-body)}
.ops-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:560px;overflow:auto;padding-right:4px}
.op{display:grid;grid-template-columns:auto 1fr auto;gap:4px 10px;align-items:center;padding:10px 12px;border-radius:12px;border:1.5px solid var(--border);border-inline-start:4px solid var(--c);background:var(--surface);cursor:pointer;min-width:0}
.op.on{background:color-mix(in srgb,var(--c) 12%,var(--surface));border-color:var(--c)}
.op input{width:18px;height:18px;accent-color:#1FB5B2}
.op-b{min-width:0}.op-b b{display:block;font-size:.9rem;color:var(--heading)}.op-b small{display:block;font-size:.74rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-t{font:800 10px var(--f-body);text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:99px;background:color-mix(in srgb,var(--t) 16%,var(--surface));color:var(--t);white-space:nowrap}
.op code{grid-column:2/-1;font-size:10.5px;color:var(--muted)}
.ops-sel{display:grid;gap:10px;border-top:1px solid var(--border);padding-top:12px}
.ops-sel [data-sel]{display:flex;flex-wrap:wrap;gap:6px}
.ops-sel .chip{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 12px;border-radius:99px;background:color-mix(in srgb,var(--c) 14%,var(--surface-2));border:1px solid var(--c);font:600 12.5px var(--f-body)}
.ops-sel .chip button{width:22px;height:22px;border-radius:50%;border:0;background:var(--surface);color:var(--heading);cursor:pointer}
@media (max-width:1000px){.ops-l0r{grid-template-columns:repeat(4,minmax(0,1fr))}.ops-l2,.ops-l3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.ops-l2,.ops-l3{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-list{grid-template-columns:1fr;max-height:480px}.ops-l0r{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-l0r .l0{clip-path:none;border-radius:8px}}
/* v3.1 — owner dashboard */
.own-dash{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}
.fp-tile.rec{background:linear-gradient(135deg,color-mix(in srgb,#F5B301 22%,var(--surface)),var(--surface-2));border-color:#F5B301}
.own-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px}
.own-bars{display:flex;align-items:flex-end;gap:4px;height:200px;padding-top:18px}
.own-bars div{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;position:relative}
.own-bars i{display:block;width:100%;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#5DF8D0,#1FB5B2)}.own-bars i.top{background:linear-gradient(180deg,#F5B301,#EC6C25)}
.own-bars span{font-size:10px;color:var(--muted)}.own-bars b{position:absolute;top:0;font-size:10px;color:var(--heading)}
.own-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.own-list li{display:flex;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:8px;background:var(--surface-2);font-size:.9rem}
@media (max-width:800px){.own-dash{grid-template-columns:repeat(2,minmax(0,1fr))}.own-grid{grid-template-columns:1fr}}
/* v3.2 — workspace home and owner admin */
.ws-join{max-width:560px;display:grid;gap:10px}.ws-join h2{margin:0}
.ws-join input{min-height:46px;border-radius:12px;border:1.5px solid var(--border-2,var(--border));background:var(--surface-2);color:var(--heading);padding:8px 12px;font:700 1.05rem var(--f-body);letter-spacing:.06em;width:100%}
.ws-hero{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:20px;border-radius:20px;border:2px solid var(--wsc);background:linear-gradient(120deg,color-mix(in srgb,var(--wsc) 14%,var(--surface)),var(--surface))}
.ws-hero img{height:64px;width:auto;max-width:200px;object-fit:contain}.ws-hero .ws-ph{font-size:44px}
.ws-hero>div{flex:1;min-width:200px}.ws-hero h2{margin:0}.ws-hero p{margin:4px 0 0;color:var(--muted)}
.ws-play{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:14px 0}
.ws-g{display:grid;gap:4px;place-items:center;text-align:center;padding:12px 8px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);color:var(--heading);text-decoration:none;font:700 .85rem var(--f-body)}
.ws-g span{font-size:24px}.ws-g:hover{border-color:#1FB5B2;transform:translateY(-2px)}
.ws-tabs{display:flex;gap:6px;margin:8px 0}
.ws-tabs button{padding:8px 14px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface-2);color:var(--heading);font:700 13px var(--f-body);cursor:pointer}
.ws-tabs button[aria-selected=true]{background:#0E1A22;color:#5DF8D0;border-color:#0E1A22}
.ws-boards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ws-board{padding:14px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border)}
.ws-board h3{margin:0 0 8px;font-size:1rem}.ws-board ol{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.ws-board li{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:6px 8px;border-radius:9px;background:var(--surface)}
.ws-board li:first-child{background:color-mix(in srgb,#F5B301 18%,var(--surface))}
.ws-board .rk{font:800 12px var(--f-body);color:var(--muted);text-align:center}.ws-board .sc{font:800 .9rem var(--f-head);font-variant-numeric:tabular-nums}
.ws-grid2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;margin-top:14px}
.ws-new{display:grid;gap:10px;margin-bottom:14px}.ws-new input[type=color]{width:56px;min-height:40px;padding:2px;border-radius:10px}
.ws-admin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ws-card{display:grid;gap:10px;border-top:5px solid var(--wsc)}.ws-card.off{opacity:.6}
.ws-card-h{display:flex;gap:12px;align-items:center}.ws-card-h img{height:40px;width:auto;max-width:120px;object-fit:contain}.ws-card-h b{display:block}.ws-card-h small{color:var(--muted)}
.ws-code{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;background:#0E1A22;color:#EAF7FA}.ws-code span{font-size:.78rem;color:#9FB3BD}.ws-code b{font:800 1.15rem var(--f-head);letter-spacing:.08em;color:#5DF8D0}
.ws-num{display:flex;gap:16px;font-size:.88rem;color:var(--muted)}.ws-num b{color:var(--heading)}
.ws-up{cursor:pointer}
@media (max-width:900px){.ws-play{grid-template-columns:repeat(3,minmax(0,1fr))}.ws-boards{grid-template-columns:1fr 1fr}.ws-admin,.ws-grid2{grid-template-columns:1fr}}
@media (max-width:560px){.ws-boards{grid-template-columns:1fr}}
.ws-new input:not([type=color]):not([type=file]):not([type=checkbox]):not([type=radio]),.ws-join input{min-height:42px;border-radius:10px;border:1.5px solid var(--border-2,var(--border));background:var(--surface-2);color:var(--heading);padding:6px 12px;font:500 14px var(--f-body);width:100%}
.ws-new label{display:grid;gap:4px}
/* v3.3 — "Which layer are you?" landing */
.st-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:center}
.st-pick{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}
.st-logo{width:100%;max-width:360px;justify-self:center;overflow:visible}
.st-lay{cursor:pointer;outline:none;animation:st-in .6s var(--ease) both;animation-delay:var(--d)}
@keyframes st-in{from{opacity:0;transform:translateY(-14px)}}
.st-lay path{fill:color-mix(in srgb,var(--lc) 22%,var(--surface));stroke:var(--lc);stroke-width:3;transition:fill .3s,transform .3s;transform-origin:160px 150px}
.st-lay text{font:800 17px var(--f-head);fill:var(--heading);text-anchor:middle;pointer-events:none}
.st-lay:hover path,.st-lay:focus-visible path{fill:color-mix(in srgb,var(--lc) 45%,var(--surface))}
.st-lay.on path{fill:var(--lc);filter:drop-shadow(0 10px 18px color-mix(in srgb,var(--lc) 50%,transparent))}
.st-lay.on text{fill:#fff}
.st-legend{display:grid;gap:8px}
.st-lb{display:grid;grid-template-columns:auto 1fr;gap:0 10px;align-items:center;text-align:start;padding:10px 14px;border-radius:14px;border:2px solid var(--border);background:var(--surface);color:var(--heading);cursor:pointer;font:inherit;min-width:190px}
.st-lb span{grid-row:span 2;font-size:22px}.st-lb b{font:800 .98rem var(--f-head)}.st-lb small{color:var(--muted);font-size:.8rem}
.st-lb.on{border-color:var(--lc);background:color-mix(in srgb,var(--lc) 12%,var(--surface))}
.st-panel{padding:22px;border-radius:22px;border:2px solid var(--lc,var(--border));background:linear-gradient(140deg,color-mix(in srgb,var(--lc,#1FB5B2) 12%,var(--surface)),var(--surface));display:grid;gap:10px;animation:rd-in .45s var(--ease)}
.st-panel h2{margin:0;font-size:clamp(1.4rem,2.6vw,2rem)}.st-panel p{margin:0}
.st-panel ul{margin:0;padding-inline-start:20px;display:grid;gap:6px}
.st-k{justify-self:start;padding:4px 12px;border-radius:99px;background:var(--lc);color:#fff;font:800 12px var(--f-body);letter-spacing:.04em}
.st-trial{font-size:.88rem;color:var(--muted);padding-top:8px;border-top:1px dashed var(--border)}
.st-in{font-size:.95rem}
.st-empty{--lc:#94A3AD}
.st-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:36px}.st-bar h2{margin:0}
.st-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.st-card{display:grid;gap:4px;align-content:start;padding:14px;border-radius:16px;border:1.5px solid var(--border);background:var(--surface);color:var(--heading);text-decoration:none;transition:transform .2s,box-shadow .2s}
.st-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.st-card.mine{border-color:#1FB5B2;background:color-mix(in srgb,#1FB5B2 6%,var(--surface))}
.st-i{font-size:26px}.st-card b{font:800 1rem var(--f-head)}.st-card small{color:var(--muted);font-size:.84rem;line-height:1.4}
.st-h3{margin:28px 0 10px}
.st-cats{display:flex;flex-wrap:wrap;gap:8px}
.st-cat{display:grid;gap:2px;padding:10px 12px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface-2);color:var(--heading);text-decoration:none;font-size:.9rem}
.st-cat.mine{border-color:#1FB5B2}
.st-cat .mt-badges{margin-top:2px}
.acc-codes li.off{opacity:.55}.acc-codes li{align-items:center}
.acc-users li{padding:0;background:none}.acc-users button{display:grid;gap:2px;width:100%;text-align:start;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--heading);font:inherit;cursor:pointer}.acc-users small{color:var(--muted);font-size:.78rem}
.acc-log{width:100%;border-collapse:collapse;font-size:.85rem}.acc-log th,.acc-log td{padding:6px 8px;border-bottom:1px solid var(--border);text-align:start;vertical-align:top}
.acc-log th{font:800 11px var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}



@media (max-width:1000px){.st-top{grid-template-columns:1fr}.st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.st-pick{grid-template-columns:1fr}.st-logo{max-width:260px}.st-grid{grid-template-columns:1fr}.acc-log{font-size:.78rem}}
/* v3.4 — landing hero: the logo comes alive */
.st-hero{position:relative;overflow:hidden;color:#EAF7FA;background:radial-gradient(ellipse 60% 70% at 70% 40%,rgba(93,248,208,.14),transparent 60%),radial-gradient(ellipse 50% 60% at 20% 90%,rgba(255,138,61,.12),transparent 60%),radial-gradient(ellipse 40% 50% at 90% 90%,rgba(134,240,60,.10),transparent 60%),linear-gradient(180deg,#060B10,#0A141B 60%,#07100F);padding:clamp(28px,5vw,64px) 0 clamp(32px,5vw,60px)}
[dir=rtl] .st-hero{background:radial-gradient(ellipse 60% 70% at 30% 40%,rgba(93,248,208,.14),transparent 60%),radial-gradient(ellipse 50% 60% at 80% 90%,rgba(255,138,61,.12),transparent 60%),radial-gradient(ellipse 40% 50% at 10% 90%,rgba(134,240,60,.10),transparent 60%),linear-gradient(180deg,#060B10,#0A141B 60%,#07100F)}
.st-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 30%,transparent 80%);pointer-events:none}
.st-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(18px,3vw,40px);align-items:center}
.st-copy .kicker{color:#5DF8D0}
.st-copy h1{margin:10px 0 12px;color:#fff;font-size:clamp(2.3rem,5.4vw,4.3rem);line-height:1.02;letter-spacing:-.03em}
.st-copy h1 em{font-style:normal;background:linear-gradient(90deg,#5DF8D0,#86F03C 50%,#FF8A3D);-webkit-background-clip:text;background-clip:text;color:transparent}
.st-copy .lead{color:#B5C8D0;max-width:520px;margin:0}
.st-sel{margin-top:22px;min-height:120px}
.st-pickme{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#9FB3BD;font-weight:700}
.st-pickme button{padding:9px 14px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--nc) 60%,transparent);background:color-mix(in srgb,var(--nc) 10%,transparent);color:#fff;font:700 14px var(--f-body);cursor:pointer;transition:background .2s,transform .2s}
.st-pickme button:hover{background:color-mix(in srgb,var(--nc) 26%,transparent);transform:translateY(-2px)}
.st-pulse{width:10px;height:10px;border-radius:50%;background:#5DF8D0;box-shadow:0 0 0 0 rgba(93,248,208,.6);animation:olbpulse 1.8s infinite}
.st-card-sel{position:relative;padding:20px 22px;border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--nc) 14%,rgba(255,255,255,.04)),rgba(255,255,255,.02));border:1px solid color-mix(in srgb,var(--nc) 45%,transparent);box-shadow:0 0 0 1px rgba(255,255,255,.03),0 24px 60px rgba(0,0,0,.35),0 0 40px color-mix(in srgb,var(--nc) 18%,transparent);backdrop-filter:blur(6px);display:grid;gap:10px;animation:rd-in .45s var(--ease)}
.st-card-sel h2{margin:0;color:#fff;font-size:clamp(1.3rem,2.4vw,1.8rem)}
.st-card-sel p{margin:0;color:#C7D6DC}
.st-card-sel ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}
.st-card-sel li{position:relative;padding-inline-start:22px;color:#E3EEF1;font-size:.95rem}
.st-card-sel li::before{content:"";position:absolute;inset-inline-start:0;top:.45em;width:10px;height:10px;transform:rotate(45deg);border:2px solid var(--nc);border-radius:2px;box-shadow:0 0 8px var(--nc)}
.st-card-sel .st-k{justify-self:start;padding:5px 12px;border-radius:99px;background:var(--nc);color:#051A14;font:800 12px var(--f-body);letter-spacing:.04em}
.st-acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.st-more{color:#9FE9DA;font-weight:700;text-decoration:none}.st-more:hover{text-decoration:underline}
.st-in{color:#C7D6DC}
.st-card-sel .st-trial{font-size:.86rem;color:#9FB3BD;padding-top:10px;border-top:1px dashed rgba(255,255,255,.14)}
/* the stack */
.st-stage{position:relative;aspect-ratio:820/600;width:100%;user-select:none;-webkit-user-select:none}
.st-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.st-floor path{fill:none;stroke:rgba(93,248,208,.12);stroke-width:1.5;stroke-dasharray:6 8}
.sl{cursor:pointer;outline:none;transition:transform 1.1s cubic-bezier(.2,.9,.2,1),opacity .5s}
.sl-shadow{opacity:0;transition:opacity .8s}
.st-stage.open .sl-shadow{opacity:.7}
.sl-fill{transition:opacity .4s}
.sl-grid line{stroke:var(--nc);stroke-opacity:.10;stroke-width:1}
.sl-name{font:800 22px var(--f-head);letter-spacing:.12em;fill:var(--nc);opacity:0;transition:opacity .6s .5s}
[dir=rtl] .sl-name{letter-spacing:0;font-size:25px}
.st-stage.open .sl-name{opacity:.9}
.sl-edge,.sl-core{fill:none;stroke:var(--nc);stroke-linejoin:round;stroke-linecap:round}
.sl-edge{stroke-width:9;opacity:.55}
.sl-core{stroke-width:4.5}
.sl-edge,.sl-core{stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset 1.3s cubic-bezier(.6,0,.2,1),opacity .4s,stroke-width .3s}
.st-stage.drawn .sl-edge,.st-stage.drawn .sl-core{stroke-dashoffset:0}
.sl[data-t=team] .sl-edge,.sl[data-t=team] .sl-core{transition-delay:.15s}
.sl[data-t=individual] .sl-edge,.sl[data-t=individual] .sl-core{transition-delay:.3s}
.sl-lead{opacity:0;transition:opacity .5s .7s}
.sl-lead line{stroke:var(--nc);stroke-width:1.5;stroke-dasharray:3 5;opacity:.7}
.sl-lead circle{fill:var(--nc);filter:drop-shadow(0 0 6px var(--nc))}
.st-stage.open .sl-lead{opacity:1}
.sl:hover .sl-core,.sl:focus-visible .sl-core,.sl[aria-pressed=true] .sl-core{stroke-width:6}
.sl:hover .sl-edge,.sl[aria-pressed=true] .sl-edge{opacity:.95}
.st-stage[data-sel]:not([data-sel=""]) .sl[aria-pressed=false]{opacity:.42}
.st-stage[data-hover] .sl{opacity:.55}
.st-stage[data-hover=institution] .sl[data-t=institution],.st-stage[data-hover=team] .sl[data-t=team],.st-stage[data-hover=individual] .sl[data-t=individual]{opacity:1}
.sp{opacity:0;animation:sp-rise var(--du) linear var(--dl) infinite}
@keyframes sp-rise{0%{opacity:0;transform:translateY(0)}15%{opacity:.8}100%{opacity:0;transform:translateY(-220px)}}
/* labels beside each layer */
.st-tags{position:absolute;inset:0;pointer-events:none}
.st-tag{position:absolute;inset-inline-start:61%;transform:translateY(-50%) translateX(10px);display:flex;align-items:center;gap:10px;padding:9px 14px 9px 10px;border-radius:14px;border:1px solid color-mix(in srgb,var(--nc) 40%,transparent);background:rgba(8,16,22,.72);backdrop-filter:blur(8px);color:#EAF7FA;font:inherit;text-align:start;cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .5s .8s,transform .5s .8s,border-color .2s,box-shadow .2s,background .2s;max-width:38%}
[dir=rtl] .st-tag{transform:translateY(-50%) translateX(-10px)}
.st-stage.open .st-tag{opacity:1;transform:translateY(-50%)}
.st-tag i{font-style:normal;font-size:20px;width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--nc) 16%,transparent)}
.st-tag b{display:block;font:800 1rem var(--f-head);color:#fff}
.st-tag small{display:block;color:#9FB3BD;font-size:.8rem;line-height:1.3}
.st-tag:hover,.st-tag.on{border-color:var(--nc);box-shadow:0 0 24px color-mix(in srgb,var(--nc) 30%,transparent);background:rgba(10,24,30,.9)}
.st-tag.on b{color:var(--nc)}
.st-hint{position:absolute;bottom:0;inset-inline:0;margin:0;text-align:center;color:#6F8791;font:700 12px var(--f-body);letter-spacing:.12em;text-transform:uppercase}
[dir=rtl] .st-hint{letter-spacing:0;font-size:13px}
@media (max-width:900px){
  .st-hero-in{grid-template-columns:1fr}
  .st-stage{order:-1;max-width:560px;margin:0 auto}
  .st-sel{margin-top:14px}
}
@media (max-width:620px){
  .st-tag{inset-inline-start:auto;inset-inline-end:0;max-width:46%;padding:6px 8px;gap:6px}
  .st-tag i{width:28px;height:28px;font-size:15px}.st-tag b{font-size:.84rem}.st-tag small{display:none}
  .sl-lead{display:none}
}
/* v3.4.6 — automation-scope processes */
.op-auto{font-style:normal;font-weight:700;color:#2FA37C;white-space:nowrap}
.ops-auto{border:1px solid color-mix(in srgb,#2FA37C 45%,transparent);background:transparent;color:var(--heading);border-radius:99px;padding:7px 14px;font:600 .85rem var(--f-body);cursor:pointer}
.ops-auto b{margin-inline-start:4px;color:#2FA37C}
.ops-auto[aria-pressed=true]{background:#2FA37C;color:#fff}.ops-auto[aria-pressed=true] b{color:#fff}
.op-auto{display:block;font-size:.72rem;margin-top:2px}
.ops-mode{display:inline-flex;flex-wrap:wrap;border:1px solid var(--border);border-radius:99px;overflow:hidden}.ops-mode button{border:0;background:transparent;padding:7px 14px;font:600 .85rem var(--f-body);color:var(--heading);cursor:pointer}.ops-mode button b{margin-inline-start:4px;color:var(--muted)}.ops-mode button[aria-pressed=true]{background:#1C232C;color:#fff}.ops-mode button[aria-pressed=true] b{color:#fff}
html[data-theme=dark] .ops-mode button[aria-pressed=true]{background:#1FB5B2}
.op-mode{display:inline-block;font-style:normal;font-weight:700;font-size:.68rem;padding:1px 8px;border-radius:99px;margin-top:3px}.op-mode.m-i{background:#E3F4EE;color:#0B6B52}.op-mode.m-c{background:#E6ECF8;color:#2B4C9B}
html[data-theme=dark] .op-mode.m-i{background:#0F3B30;color:#7FE0BF}html[data-theme=dark] .op-mode.m-c{background:#1C2A48;color:#A9C1F5}
.op-b small.op-eq{white-space:normal;margin-top:3px;color:var(--muted)}
/* v3.4.6 — flagship tile: the Operations Pool leads the Explore grid */
.cx-tile.cx-feat{grid-column:span 2;border:1.5px solid color-mix(in srgb,#0E8FA8 55%,transparent);
  background:radial-gradient(90% 120% at 100% 0,color-mix(in srgb,#0E8FA8 16%,transparent),transparent 60%),var(--surface)}
.cx-tile.cx-feat h3{font-size:1.45rem}.cx-tile.cx-feat p{font-size:1rem;max-width:56ch}
.cx-tile.cx-feat .tag{background:#0E8FA8;color:#fff;padding:3px 10px;border-radius:99px;align-self:flex-start}
@media (max-width:640px){.cx-tile.cx-feat{grid-column:auto}}
/* ── v4.0 · MTWAFIQ CoE ─────────────────────────────── */
.coe-hero-in{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
.coe-orbit{position:relative;aspect-ratio:1;max-width:340px;width:100%;margin-inline:auto;border-radius:50%;background:none;border:1.5px dashed color-mix(in srgb,var(--a1) 45%,transparent)}
.coe-orbit b{position:absolute;inset:32%;display:grid;place-items:center;border-radius:50%;font:800 1.7rem var(--f-head,inherit);color:#fff;
  background:linear-gradient(140deg,#1FB5B2,#4CAE3F 55%,#EC6C25);box-shadow:0 18px 50px -12px rgba(31,181,178,.6)}
.coe-orbit i{--a:calc(var(--k) * 360deg / var(--n, 8));position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px;display:grid;place-items:center;font-style:normal;font-size:24px;
  border-radius:16px;background:var(--surface);border:1.5px solid var(--c);box-shadow:var(--shadow);
  transform:rotate(var(--a)) translate(0,-150px) rotate(calc(-1 * var(--a)));animation:coe-float 6s ease-in-out infinite;animation-delay:calc(var(--k) * -.8s)}
@keyframes coe-float{50%{translate:0 -6px}}
@media (prefers-reduced-motion:reduce){.coe-orbit i{animation:none}}
.coe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.coe-svc{position:relative;padding:24px;border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-top:4px solid var(--c)}
.coe-ic{font-size:28px}.coe-n{position:absolute;inset-inline-end:20px;top:18px;font:800 1.6rem var(--f-head,inherit);color:color-mix(in srgb,var(--c) 35%,transparent)}
.coe-svc h3{margin:10px 0 8px;font-size:1.12rem}.coe-svc p{margin:0 0 12px;color:var(--muted);font-size:.93rem;line-height:1.55}
.coe-svc ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
/* 10 Oct 2026 (owner): the hands-on course video sits at the bottom of its card, so the videos of a row line up */
.coe-svc:has(> .vid){display:flex;flex-direction:column}.coe-svc:has(> .vid) > .vid{margin-top:auto;padding-top:16px}
.coe-svc li{font-size:.86rem;color:var(--heading);padding-inline-start:20px;position:relative}.coe-svc li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--c);font-weight:800}
.coe-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.coe-tabs button{border:1.5px solid var(--border);background:var(--surface);color:var(--heading);border-radius:99px;padding:9px 18px;font:700 .92rem var(--f-body);cursor:pointer}
.coe-tabs button[aria-selected=true]{background:linear-gradient(120deg,#1FB5B2,#4CAE3F);color:#fff;border-color:transparent}
.coe-demo{padding:24px}
.od-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.od-head h3{margin:0 0 4px}.od-head p{margin:0 0 14px;max-width:70ch}
.od-ctl{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:end;margin:6px 0 16px}
.od-ctl label{display:grid;gap:6px;font-weight:600;font-size:.9rem;color:var(--heading)}.od-ctl b{color:var(--a1)}.od-ctl input[type=range]{width:100%;accent-color:#1FB5B2}
.od-lock{display:flex!important;align-items:center;gap:8px;white-space:nowrap}
.od-res{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:16px}
.od-card{position:relative;padding:16px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface-2);overflow:hidden}
.od-card.opt{border-color:#1FB5B2;background:color-mix(in srgb,#1FB5B2 9%,var(--surface))}
.od-card small{display:block;font-weight:700;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}
html[lang=ar] .od-card small{text-transform:none;letter-spacing:0}
.od-card b{display:block;font-size:1.35rem;color:var(--heading);margin:4px 0}.od-card span{font-size:.84rem;color:var(--muted)}
.od-card i{display:block;height:6px;border-radius:9px;background:var(--border);margin-top:10px;position:relative;overflow:hidden}
.od-card i::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:var(--w);background:linear-gradient(90deg,#1FB5B2,#4CAE3F);border-radius:9px}
.od-card em{font-style:normal;font-size:.75rem;color:var(--faint)}
.od-gain{padding:16px;border-radius:14px;background:linear-gradient(135deg,#1FB5B2,#4CAE3F);color:#fff}.od-gain b{display:block;font-size:1.35rem}.od-gain span{font-size:.86rem;opacity:.95}
.od-warn{padding:14px;border-radius:12px;background:color-mix(in srgb,#E0457B 12%,transparent);color:var(--heading);grid-column:1/-1}
.od-tbl{overflow-x:auto}.od-tbl table{width:100%;border-collapse:collapse;font-size:.88rem}
.od-tbl th,.od-tbl td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:start;white-space:nowrap}
.od-tbl td:first-child{white-space:normal}.od-tbl tr.on td{background:color-mix(in srgb,#1FB5B2 8%,transparent);font-weight:600}
.od-reg{font-size:.7rem;font-weight:700;padding:1px 7px;border-radius:99px;background:color-mix(in srgb,#EC6C25 15%,transparent);color:#EC6C25}
.pd-legend{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 12px;font-size:.82rem;color:var(--muted)}
.pd-legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--c);margin-inline-end:6px;vertical-align:-1px}
.pd-steps{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;counter-reset:s}
.pd-steps li{counter-increment:s;position:relative;padding:12px;border-radius:12px;border:1.5px solid var(--border);border-inline-start:5px solid var(--c);background:var(--surface);transition:opacity .3s,transform .3s}
.pd-steps li b{display:block;font-size:.9rem;color:var(--heading)}.pd-steps li b::before{content:counter(s) ". ";color:var(--c)}
.pd-steps li small{display:block;font-size:.76rem;color:var(--muted);margin:3px 0 8px}
.pd-steps li.is-remove{opacity:.4;transform:scale(.97)}.pd-steps li.is-remove b{text-decoration:line-through}
.pd-steps li.is-auto{background:color-mix(in srgb,#1FB5B2 10%,var(--surface))}.pd-steps li.is-auto b::after{content:" ⚡"}
.pd-seg{display:flex;gap:4px}.pd-seg button{flex:1;border:1px solid var(--border);background:transparent;border-radius:8px;padding:5px 4px;font:600 .74rem var(--f-body);color:var(--heading);cursor:pointer}
.pd-seg button[aria-pressed=true]{background:#1C232C;color:#fff;border-color:#1C232C}.pd-seg button:disabled{opacity:.35;cursor:not-allowed}
html[data-theme=dark] .pd-seg button[aria-pressed=true]{background:#1FB5B2;border-color:#1FB5B2}
.pd-kpi{display:grid;gap:6px}
.pd-row{display:grid;grid-template-columns:1.4fr .8fr .8fr 1.4fr;gap:10px;align-items:center;font-size:.9rem;padding:6px 0;border-bottom:1px solid var(--border)}
.pd-h{font-weight:700;color:var(--muted);font-size:.78rem}.pd-row b{color:#1FB5B2}
.pd-bar{height:8px;border-radius:9px;background:var(--border);position:relative;overflow:hidden}
.pd-bar i{position:absolute;inset-block:0;inset-inline-start:0;width:var(--w);background:linear-gradient(90deg,#4CAE3F,#1FB5B2);border-radius:9px;transition:width .4s}
.wb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wb-col{padding:12px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);min-height:220px;display:flex;flex-direction:column;gap:8px}
.wb-col.full{border-color:#EC6C25}.wb-col h4{margin:0 0 4px;font-size:.88rem;display:flex;justify-content:space-between}.wb-col h4 span{color:var(--muted)}
.wb-card{text-align:start;border:1px solid var(--border);border-inline-start:4px solid var(--c);background:var(--surface);border-radius:10px;padding:10px;font:600 .84rem var(--f-body);color:var(--heading);cursor:pointer;box-shadow:var(--shadow);animation:stepin .3s var(--ease)}
.wb-card small{display:inline-block;margin-top:6px;font-size:.7rem;padding:1px 7px;border-radius:99px;background:var(--border);color:var(--muted)}
.coe-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.coe-trust-i{padding:20px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}
.coe-trust-i span{font-size:26px}.coe-trust-i b{display:block;margin:8px 0 6px;color:var(--heading)}.coe-trust-i p{margin:0;font-size:.88rem;color:var(--muted);line-height:1.5}
.coe-cks{border:0;padding:0;margin:0 0 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.coe-cks legend{font-weight:700;color:var(--heading);margin-bottom:8px}
.coe-ck{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer;font-size:.88rem;color:var(--heading)}
.coe-ck input{accent-color:#1FB5B2;width:17px;height:17px;flex:none}.coe-consent{border:0;background:none;padding:6px 0}
@media (max-width:960px){.coe-hero-in{grid-template-columns:1fr}.coe-orbit{max-width:280px}.coe-orbit i{transform:rotate(var(--a)) translate(0,-122px) rotate(calc(-1 * var(--a)))}
  .coe-trust{grid-template-columns:1fr 1fr}.od-res{grid-template-columns:1fr}.od-ctl{grid-template-columns:1fr}.wb{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.coe-trust{grid-template-columns:1fr}.pd-row{grid-template-columns:1.3fr .8fr .8fr;font-size:.82rem}.pd-bar{display:none}.coe-orbit{max-width:230px}
  .coe-orbit i{width:42px;height:42px;margin:-21px;font-size:19px;transform:rotate(var(--a)) translate(0,-100px) rotate(calc(-1 * var(--a)))}}
/* v4.1 — SLA engineering demo */
.sl-ctl{grid-template-columns:1fr auto}
.sl-peer{display:flex;gap:14px;flex-wrap:wrap;font-size:.82rem;color:var(--muted)}
.sl-peer i,.sl-bar i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:6px;vertical-align:-1px}
.me{background:#1FB5B2}i.pm{background:#F5B301}.pb{background:#4CAE3F}.now{background:#E0457B}   /* v20.40.1: i.pm (the peer-median dot), not .pm, which is also the process-mining workbench */
.sl-bar{position:relative;height:12px;border-radius:9px;background:linear-gradient(90deg,color-mix(in srgb,#4CAE3F 25%,transparent),color-mix(in srgb,#E0457B 25%,transparent));margin:34px 8px 22px}
.sl-bar i{position:absolute;top:50%;inset-inline-start:var(--x);width:16px;height:16px;margin:-8px;border:2px solid var(--surface);box-shadow:var(--shadow);transition:inset-inline-start .35s}
.sl-bar i b{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.74rem;color:var(--heading)}
.sl-bar i.now b{bottom:auto;top:20px}
@media (max-width:960px){.sl-ctl{grid-template-columns:1fr}}
/* ── v4.2 · CoE platform app (Sprint 1) ─────────────────── */
.ca-hero{padding-bottom:28px}.ca-hero h1{font-size:clamp(1.8rem,4vw,2.6rem)}
.ca-sec{padding-top:10px}
.ca-load{padding:40px 0;text-align:center}
.ca-gate{max-width:560px;margin:0 auto;text-align:center;padding:36px 28px}.ca-lock{font-size:40px}.ca-gate h2{margin:10px 0 8px}.ca-gate .btn{margin:12px 0 4px}
.ca-shell{--tc:#1FB5B2;display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}
.ca-side{position:sticky;top:92px;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-top:4px solid var(--tc)}
@media (min-width:961px){.ca-side{max-height:calc(100vh - 104px);max-height:calc(100dvh - 104px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}   /* v20.40.1: the menu scrolls inside itself; every item reachable at 810 px */
.ca-ws label{display:grid;gap:4px;font-size:.78rem;font-weight:700;color:var(--muted)}
.ca-ws select,.ca-form input,.ca-form select,.ca-form textarea,.ca-filt input,.ca-filt select,.ca-inv input,.ca-inv select,.ca-tbl select{width:100%;padding:9px 11px;border-radius:10px;border:1px solid var(--border-2,var(--border));background:var(--surface-2);color:var(--heading);font:500 .9rem var(--f-body)}
.ca-me{margin:6px 0 0;font-size:.78rem;color:var(--muted);word-break:break-all}.ca-staff{color:#EC6C25}
.ca-nav{display:grid;gap:2px}
.ca-nav button{display:flex;align-items:center;gap:10px;text-align:start;border:0;background:transparent;border-radius:10px;padding:9px 10px;font:600 .88rem var(--f-body);color:var(--heading);cursor:pointer}
.ca-nav button span{width:22px;text-align:center}.ca-nav button small{margin-inline-start:auto;font-size:.66rem;font-weight:700;color:var(--faint);white-space:nowrap}
.ca-nav button:hover{background:var(--surface-2)}.ca-nav button[aria-current]{background:color-mix(in srgb,var(--tc) 14%,transparent);color:var(--heading)}
.ca-nav button:disabled{opacity:.4;cursor:not-allowed}
.ca-nav .ca-grp{grid-column:1/-1;margin:12px 10px 2px;font:700 .68rem/1.2 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}[dir=rtl] .ca-nav .ca-grp{letter-spacing:0;font-size:.74rem}
.ca-nav .ca-grp::before{content:'';display:inline-block;width:14px;height:2px;border-radius:1px;background:linear-gradient(90deg,#1FB5B2,#4CAE3F);vertical-align:middle;margin-inline-end:8px}
.ca-out{border:0;background:none;color:var(--muted);font:600 .82rem var(--f-body);cursor:pointer;text-align:start;padding:6px 10px}
.ca-main{min-width:0}
.ca-h{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:16px}.ca-h h2{margin:0 0 4px;font-size:1.5rem}.ca-h p{margin:0;max-width:72ch}
.ca-short{font-size:.8rem;padding:2px 9px;border-radius:99px;background:color-mix(in srgb,var(--tc) 16%,transparent);color:var(--heading);vertical-align:middle}
.ca-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.ca-kpi{padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.ca-kpi span{font-size:20px}.ca-kpi b{display:block;font-size:1.8rem;color:var(--heading);line-height:1.2}.ca-kpi small{color:var(--muted);font-size:.8rem}
.ca-kpi.hot{border-color:#F5B301}.ca-kpi.bad{border-color:#E0457B}.ca-kpi.bad b{color:#E0457B}
.ca-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.ca-2 h3,.ca-road h3{margin:0 0 12px;font-size:1.05rem}
.ca-pipe{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}
.ca-pipe button{border:1px solid var(--border);border-top:4px solid var(--c);background:var(--surface-2);border-radius:12px;padding:10px 6px;font:600 .74rem var(--f-body);color:var(--muted);cursor:pointer}.ca-pipe b{display:block;font-size:1.3rem;color:var(--heading)}
.ca-feed{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.85rem;color:var(--heading)}.ca-feed i{font-style:normal;color:var(--muted)}.ca-feed time,.ca-cm time,.ca-vl time{color:var(--faint);font-size:.75rem}
.ca-road ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ca-road li{display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;background:var(--surface-2);font-size:.86rem}.ca-road li small{margin-inline-start:auto;color:var(--faint);font-weight:700;font-size:.7rem}
.ca-filt{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.ca-filt input[type=search]{flex:1;min-width:180px}.ca-filt input[type=checkbox]{width:auto}.ca-filt select{width:auto}
.ca-ck{display:flex;align-items:center;gap:6px;font-size:.86rem;color:var(--heading)}
.ca-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.ca-doc{position:relative;display:flex;flex-direction:column;gap:4px;text-align:start;padding:14px 16px;border-radius:14px;border:1px solid var(--border);border-inline-start:5px solid var(--c);background:var(--surface);box-shadow:var(--shadow);cursor:pointer;font:inherit;color:var(--heading)}
.ca-doc:hover{transform:translateY(-2px)}.ca-doc b{font-size:.98rem}.ca-doc small{color:var(--muted);font-size:.78rem}
.ca-st{align-self:flex-start;font-size:.7rem;font-weight:800;padding:2px 9px;border-radius:99px;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c)}
.ca-open{position:absolute;top:12px;inset-inline-end:12px;font-style:normal;font-size:.78rem;color:var(--muted)}
.ca-late{color:#E0457B;font-weight:700}
.ca-none{grid-column:1/-1;text-align:center;padding:30px;border:1.5px dashed var(--border);border-radius:16px}
.mt-dlg.ca-dlg{width:min(880px,94vw);max-width:880px;max-height:90vh;overflow:auto}
.ca-dlg h3{margin:6px 0 4px}.ca-dlg h4{margin:16px 0 8px;font-size:.95rem}
.ca-form{display:grid;gap:10px;margin:10px 0}.ca-form label,.ca-inv label{display:grid;gap:4px;font-size:.82rem;font-weight:700;color:var(--heading)}
.ca-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.ca-row>label{flex:1;min-width:150px}
.ca-dec{border:0;background:var(--c);color:#fff}
.ca-more{margin:12px 0;padding:10px 12px;border-radius:12px;background:var(--surface-2)}.ca-more summary{cursor:pointer;font-weight:700;font-size:.86rem}
.ca-dv-2{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}
.ca-cm{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ca-cm li{padding:10px 12px;border-radius:12px;background:var(--surface-2);font-size:.86rem}.ca-cm li.done{opacity:.55}.ca-cm li.done p{text-decoration:line-through}
.ca-cm p{margin:4px 0}.ca-cm i{font-style:normal;color:var(--faint);font-size:.75rem}
.ca-vl{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.84rem}.ca-vl small{color:var(--muted)}
.ca-x{border:0;background:none;color:var(--muted);font:600 .78rem var(--f-body);cursor:pointer;text-decoration:underline;padding:4px 0}
.ca-inv{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}.ca-inv label{flex:1;min-width:180px}.ca-inv .fine{width:100%;margin:0}
.ca-tbl{overflow-x:auto}.ca-tbl table{width:100%;border-collapse:collapse;font-size:.86rem}.ca-tbl th,.ca-tbl td{padding:9px 10px;border-bottom:1px solid var(--border);text-align:start;vertical-align:middle}
.ca-tbl th{font-size:.76rem;color:var(--muted)}.ca-pend td{color:var(--muted)}.ca-you{font-style:normal;font-size:.72rem;color:var(--a1)}
.ca-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c);margin-inline-end:8px}
.ca-soon{text-align:center;padding:30px}.ca-soon b{display:block;font-size:1.1rem;margin-bottom:6px}
.ca-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:9999;background:#1C232C;color:#fff;padding:11px 18px;border-radius:12px;font:600 .9rem var(--f-body);box-shadow:0 10px 30px rgba(0,0,0,.25);transition:opacity .5s}
.ca-toast.bad{background:#B83257}.ca-toast.out{opacity:0}
@media (max-width:960px){.ca-shell{grid-template-columns:1fr}.ca-side{position:static}.ca-nav{grid-template-columns:1fr 1fr}.ca-kpis{grid-template-columns:1fr 1fr}.ca-2,.ca-dv-2{grid-template-columns:1fr}.ca-road ol{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ca-nav{grid-template-columns:1fr}.ca-pipe{grid-template-columns:repeat(3,1fr)}.ca-road ol{grid-template-columns:1fr}}
.mt-dlg.ca-dlg{padding:26px 28px}.ca-dlg h3{padding-inline-end:40px}
.ca-dlg .ca-form>*,.ca-dlg .px-lib,.ca-dlg .px-lib-q,.ca-dlg .px-lib-f>*{min-width:0}   /* v20.40.1: content fits the dialog at 1440 px and 390 px, English and Arabic */
@media (max-width:560px){.mt-dlg.ca-dlg{padding:22px 16px}}
.ca-dlg .ca-form>button[type=submit]{position:sticky;bottom:0;z-index:2;box-shadow:0 26px 0 26px var(--surface)}   /* v20.40.1: a long form (the 999-process picker) keeps its button in view */
/* ── v4.3 · Sprint 2 · Wallboard ───────────────────────── */
.wl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-bottom:14px}
.wl-tile{display:flex;flex-direction:column;gap:5px;text-align:start;padding:16px;border-radius:16px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);cursor:pointer;font:inherit;color:var(--heading)}
.wl-tile:hover{transform:translateY(-2px)}.wl-tile.arc{opacity:.6}.wl-tile b{font-size:1rem}.wl-tile small{color:var(--muted);font-size:.78rem}
.wl-mini{display:flex;gap:4px;margin-bottom:6px}.wl-mini i{flex:1;height:26px;border-radius:5px;background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 30%,transparent),color-mix(in srgb,var(--tc) 8%,transparent))}
.wl-tpl{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.wl-tpl legend{font-weight:700;font-size:.82rem;margin-bottom:6px}
.wl-tpl label{display:grid!important;grid-template-columns:auto 1fr;gap:2px 8px;padding:10px;border:1px solid var(--border);border-radius:12px;cursor:pointer;font-weight:600!important}
.wl-tpl label small{grid-column:2;color:var(--muted);font-weight:500;font-size:.74rem}.wl-tpl input{grid-row:span 2;accent-color:#1FB5B2}
.wl-live{color:#4CAE3F;font-weight:700;animation:wl-p 2s ease-in-out infinite}@keyframes wl-p{50%{opacity:.45}}
.wl-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:12px}
.wl-k{padding:12px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.wl-k b{display:block;font-size:1.4rem;color:var(--heading)}.wl-k small{font-size:.74rem;color:var(--muted)}
.wl-k.bad{border-color:#E0457B}.wl-k.bad b{color:#E0457B}.wl-k.hot{border-color:#F5B301}
.wl-hint{font-size:.8rem}
.wl-scroll{overflow-x:auto;padding-bottom:8px;border-radius:16px}
.wl-board{display:grid;grid-template-columns:150px repeat(var(--n),minmax(175px,1fr));gap:6px;min-width:calc(150px + var(--n) * 181px)}
.wl-corner{position:sticky;inset-inline-start:0;z-index:2;background:var(--bg,var(--surface))}
.wl-col{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;background:#1C232C;color:#fff;font-size:.86rem}
.wl-col span{font-size:.76rem;opacity:.8;font-weight:700}.wl-col.full{background:#EC6C25}.wl-col.last{background:#4CAE3F}
.wl-lane{position:sticky;inset-inline-start:0;z-index:1;display:flex;align-items:flex-start;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--lc) 16%,var(--surface));border-inline-start:5px solid var(--lc);font-size:.84rem;color:var(--heading)}
.wl-cell{min-height:96px;padding:6px;border-radius:12px;background:var(--surface-2);border:1.5px dashed transparent;display:flex;flex-direction:column;gap:6px;transition:border-color .2s,background .2s}
.wl-cell.last{background:color-mix(in srgb,#4CAE3F 7%,var(--surface-2))}.wl-cell.over{border-color:#1FB5B2;background:color-mix(in srgb,#1FB5B2 10%,var(--surface-2))}
.wl-card{position:relative;padding:9px 10px 8px;border-radius:10px;background:var(--surface);border:1px solid var(--border);box-shadow:0 2px 6px rgba(0,0,0,.06);cursor:grab;font-size:.84rem;color:var(--heading)}
.wl-card:focus-visible{outline:2px solid #1FB5B2}.wl-card.drag{opacity:.4}.wl-card.dim{opacity:.28}
.wl-card b{display:block;font-weight:600;line-height:1.35;padding-inline-end:20px}.wl-kind{position:absolute;top:7px;inset-inline-end:7px;font-size:.8rem}
.wl-card.k-decision{border-inline-start:4px solid #0E8FA8}.wl-card.k-risk{border-inline-start:4px solid #F5B301}.wl-card.k-bottleneck{border-inline-start:4px solid #EC6C25}.wl-card.k-action{border-inline-start:4px solid #7B61FF}
.wl-card.blk{border-color:#E0457B;background:color-mix(in srgb,#E0457B 7%,var(--surface))}
.wl-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}.wl-meta em{font-style:normal;font-size:.72rem;color:var(--muted)}
.wl-av{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--tc);color:#fff;font:700 .62rem var(--f-body);font-style:normal}
.wl-old{color:#EC6C25!important;font-weight:700}.wl-blk{color:#E0457B!important;font-weight:700}
.wl-add{border:1px dashed var(--border);background:transparent;border-radius:8px;color:var(--muted);font-size:1.1rem;cursor:pointer;padding:2px;opacity:.55}.wl-cell:hover .wl-add,.wl-add:focus{opacity:1}
.wl-fs{border:0;padding:0;margin:0;display:grid;gap:10px}.wl-bk{align-self:center}
.wl-sr{display:flex;gap:8px;align-items:center;margin-bottom:6px}.wl-sr input:first-child{flex:1}.wl-sr label{display:flex!important;align-items:center;gap:6px;font-size:.78rem}.wl-sr input[type=number]{width:70px}.wl-sr input[type=color]{width:44px;height:36px;padding:2px}
@media (max-width:960px){.wl-kpis{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.wl-kpis{grid-template-columns:1fr 1fr}.wl-tpl{grid-template-columns:1fr}.wl-board{grid-template-columns:110px repeat(var(--n),minmax(170px,1fr));min-width:calc(110px + var(--n) * 176px)}}
/* ── v4.4 · Sprint 3 · Process suite ───────────────────── */
.px-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.px-tile{display:flex;flex-direction:column;gap:8px;text-align:start;padding:16px;border-radius:16px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);cursor:pointer;font:inherit;color:var(--heading)}
.px-tile:hover{transform:translateY(-2px)}.px-tile b{font-size:1rem}
.px-cmp{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.px-cmp span{display:flex;flex-direction:column}.px-cmp small{font-size:.7rem;color:var(--muted)}.px-cmp em{font-style:normal;font-weight:800;font-size:1.05rem}.px-cmp em.go,.go{color:#2FA37C}.px-cmp i{font-style:normal;color:var(--faint);padding-bottom:2px}
.bad{color:#E0457B}
.px-tabs{margin-bottom:12px}
.px-vt{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.px-seg{display:inline-flex;border:1px solid var(--border);border-radius:99px;overflow:hidden}.px-seg button{border:0;background:transparent;padding:7px 16px;font:700 .85rem var(--f-body);color:var(--heading);cursor:pointer}.px-seg button[aria-pressed=true]{background:#1C232C;color:#fff}
html[data-theme=dark] .px-seg button[aria-pressed=true]{background:#1FB5B2}
.px-legend{font-size:.76rem;color:var(--muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap}.px-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--c)}.px-legend i.hot{background:none;border:2px solid #EC6C25}
.px-flow{overflow-x:auto;border-radius:14px;background:var(--surface);border:1px solid var(--border);padding:6px;margin-bottom:12px}
.px-svg{display:block;color:var(--muted)}.px-lane{fill:var(--surface-2)}.px-lt{font:700 11px var(--f-body);fill:var(--muted)}
.px-box{fill:color-mix(in srgb,var(--c) 14%,var(--surface));stroke:var(--c);stroke-width:1.6}.px-box.hot{stroke:#EC6C25;stroke-width:3}
.px-bt{font:700 11px var(--f-body);fill:var(--heading)}.px-bs{font:500 9.5px var(--f-body);fill:var(--muted)}
.px-arr{fill:none;stroke:currentColor;stroke-width:1.4}.px-rw{fill:none;stroke:#E0457B;stroke-width:1.4;stroke-dasharray:4 3;color:#E0457B}.px-rwt{font:700 10px var(--f-body);fill:#E0457B}
.px-tbl input,.px-tbl select{width:100%;min-width:60px;padding:6px 7px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--heading);font:500 .82rem var(--f-body)}
.px-tbl td:nth-child(2) input{min-width:170px}.px-tbl td:nth-child(3) input{min-width:110px}.px-tbl input[type=number]{width:74px;min-width:0}
.px-tbl select[data-f=va]{border-inline-start:4px solid var(--c)}
.px-rwc{display:flex;align-items:center;gap:4px;white-space:nowrap}.px-rwc input{width:58px!important}.px-rwc select{width:auto;min-width:0}
.px-ops{white-space:nowrap}.px-ops button{border:1px solid var(--border);background:var(--surface);border-radius:7px;width:26px;height:26px;cursor:pointer;color:var(--heading)}
.px-bar{position:relative;display:block;min-width:90px;height:20px;border-radius:6px;background:var(--surface-2);overflow:hidden}
.px-bar i{position:absolute;inset-block:0;inset-inline-start:0;width:var(--w);background:#4CAE3F;opacity:.75}.px-bar.hot i{background:#EC6C25}.px-bar.over i{background:#E0457B}
.px-bar b{position:relative;display:block;text-align:center;font-size:.72rem;line-height:20px;color:var(--heading)}
.px-sum{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:14px 0}.px-sum div{padding:12px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.px-sum small{display:block;font-size:.72rem;color:var(--muted)}.px-sum b{font-size:1.02rem;color:var(--heading)}
.px-an td em{font-style:normal;font-weight:800}.px-an td:first-child{font-weight:600}
.px-u{display:grid;grid-template-columns:1.2fr 1fr auto;gap:8px;align-items:center;font-size:.8rem;margin-bottom:6px}.px-u>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.px-u small{color:var(--muted);white-space:nowrap}
.px-hist{width:100%;height:auto;display:block;margin:6px 0 10px}.px-ha{fill:#EC6C25;opacity:.55}.px-hb{fill:#1FB5B2;opacity:.85}.px-sla{stroke:#E0457B;stroke-width:2;stroke-dasharray:5 4}.px-slat{font:700 11px var(--f-body);fill:#E0457B}.px-ax{font:500 10px var(--f-body);fill:var(--muted)}
.px-leg{font-size:.8rem;color:var(--muted);display:flex;gap:6px;align-items:center}.px-leg span{display:inline-block;width:12px;height:12px;border-radius:3px}.px-leg .a{background:#EC6C25;opacity:.6}.px-leg .b{background:#1FB5B2}
.px-drop{display:grid;gap:8px;justify-items:start}.px-drop input[type=file]{font:600 .9rem var(--f-body)}
.px-var{margin:0;padding-inline-start:18px;display:grid;gap:6px;font-size:.8rem}.px-var b{color:#1FB5B2}
@media (max-width:960px){.px-sum{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.px-sum{grid-template-columns:1fr 1fr}.px-u{grid-template-columns:1fr 1fr}.px-u small{grid-column:1/-1}}
.px-svg{direction:ltr}
/* ── v4.5 · Sprint 4 · Optimizer ───────────────────────── */
.op-ctl{margin-bottom:14px}.op-ctl label{display:grid;gap:4px;font-size:.8rem;font-weight:700;color:var(--heading);flex:1;min-width:140px}
.op-ctl input:not([type=range]),.op-tbl input,.op-tbl select{width:100%;padding:7px 9px;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--heading);font:500 .84rem var(--f-body)}
.op-ctl .op-lab{border:0;background:transparent;padding:0;font-weight:700;font-size:.8rem;text-decoration:underline dotted}
.op-w{margin-top:10px}.op-w input[type=range]{accent-color:#1FB5B2;width:100%}.op-w b{color:#1FB5B2}
.op-cap{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;font-size:.72rem;color:var(--muted);margin-top:6px}
.op-cap i{display:block;height:6px;border-radius:6px;background:var(--border);overflow:hidden;position:relative}.op-cap em{position:absolute;inset-block:0;inset-inline-start:0;width:var(--w);background:linear-gradient(90deg,#1FB5B2,#4CAE3F)}
.od-card.gut .op-cap em{background:#8A94A6}
.op-tbl td{padding:5px 6px}.op-tbl td:first-child input{min-width:190px}.op-tbl input[type=number]{width:72px}.op-tbl select{min-width:110px}.op-tbl input[type=checkbox]{width:18px;height:18px;accent-color:#1FB5B2}
.op-tbl tr.on td{background:color-mix(in srgb,#1FB5B2 8%,transparent)}.op-why{font-size:.76rem;min-width:150px;color:var(--muted)}
.op-front{margin-top:16px}.op-front h4{margin:0 0 8px}.op-svg{width:100%;height:auto;display:block}
.op-line{fill:none;stroke:#1FB5B2;stroke-width:2.5}.op-dot{fill:var(--surface);stroke:#1FB5B2;stroke-width:2}.op-dot.now{fill:#EC6C25;stroke:#EC6C25}.op-v{font:700 10px var(--f-body);fill:var(--heading)}
/* v4.5 — BPMN 2.0 process map */
.px-pool{fill:var(--surface);stroke:var(--heading);stroke-width:1.2;opacity:.9}
.px-lhead{fill:var(--surface-2);stroke:var(--heading);stroke-width:1}
.px-ldiv{stroke:var(--heading);stroke-width:.8;opacity:.5}
.px-lt{font:700 11px var(--f-body);fill:var(--heading)}
.px-start{fill:var(--surface);stroke:#4CAE3F;stroke-width:1.8}
.px-end{fill:var(--surface);stroke:#E0457B;stroke-width:4}
.px-arr{fill:none;stroke:var(--heading);stroke-width:1.4}
.px-ah{fill:var(--heading)}
.px-rw{fill:none;stroke:#E0457B;stroke-width:1.4}
.px-rw+text,.px-rwt{font:700 10px var(--f-body);fill:#E0457B}
.px-fl{font:600 10px var(--f-body);fill:var(--muted)}
.px-gw{fill:color-mix(in srgb,var(--c) 16%,var(--surface));stroke:var(--c);stroke-width:1.8}.px-gw.hot{stroke:#EC6C25;stroke-width:3}
.px-gx{stroke:var(--heading);stroke-width:2.6;stroke-linecap:round;fill:none}
.px-gl{font:700 10.5px var(--f-body);fill:var(--heading)}
.px-tev,.px-tev2{fill:var(--surface);stroke:var(--heading);stroke-width:1.3}.px-tev.hot{stroke:#EC6C25;stroke-width:2.5}.px-clk{fill:none;stroke:var(--heading);stroke-width:1.2}
.px-tb circle{fill:var(--surface);stroke:var(--heading);stroke-width:1.2}.px-tb path{fill:none;stroke:var(--heading);stroke-width:1.2}
.px-box{fill:color-mix(in srgb,var(--c) 12%,var(--surface));stroke:var(--c);stroke-width:1.6}
html[dir=rtl] .px-svg text{unicode-bidi:plaintext}
/* ── v4.6 · starter kit, reference content, KPIs & measures ── */
.ca-kit{margin-bottom:16px;border:1.5px dashed color-mix(in srgb,#1FB5B2 55%,transparent)}.ca-kit h3{margin:0 0 6px;font-size:1.05rem}.ca-kit p{margin:0 0 12px}
.ca-kit-l{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ca-kit-l button{display:flex;align-items:center;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);font:700 .84rem var(--f-body);color:var(--heading);cursor:pointer;text-align:start}
.ca-kit-l button:hover{border-color:#1FB5B2}
.px-tile.ref{border:1.5px solid color-mix(in srgb,#1FB5B2 50%,transparent);background:color-mix(in srgb,#1FB5B2 5%,var(--surface))}
.px-ref{align-self:flex-start;font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:99px;background:#1FB5B2;color:#fff}
html[lang=ar] .px-ref{text-transform:none;letter-spacing:0}
.px-refbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 14px;margin-bottom:12px;border-radius:14px;background:color-mix(in srgb,#1FB5B2 9%,var(--surface));border:1px solid color-mix(in srgb,#1FB5B2 35%,transparent);font-size:.86rem;color:var(--heading)}
.px-refbar span{flex:1;min-width:240px}
.kp-areas{flex-wrap:wrap;border-radius:14px}.kp-areas button{padding:6px 12px;font-size:.8rem}
.kp-tbl td{vertical-align:top;padding:8px}.kp-tbl input,.kp-tbl select{width:100%;padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--heading);font:500 .82rem var(--f-body);margin-bottom:3px}
.kp-tbl input[type=number]{width:86px}.kp-tbl input[type=checkbox]{width:18px;height:18px;accent-color:#1FB5B2}
.kp-n{min-width:180px}.kp-n b{display:block;font-size:.88rem}.kp-n small,.kp-d small{display:block;color:var(--faint);font-size:.72rem;margin-top:3px}
.kp-d{min-width:240px;font-size:.8rem;color:var(--muted)}.kp-area{display:block;font-size:.66rem;font-weight:800;color:#1FB5B2;text-transform:uppercase;letter-spacing:.04em}
html[lang=ar] .kp-area{text-transform:none;letter-spacing:0}
.kp-ref{font-weight:700;color:#0E8FA8}.kp-ref i{font-weight:500;color:var(--faint);font-size:.76rem}
.kp-tbl tr.on td{background:color-mix(in srgb,#1FB5B2 6%,transparent)}
.kp-st{display:inline-block;padding:2px 9px;border-radius:99px;font-size:.72rem;font-weight:800;white-space:nowrap}.kp-st.g{background:color-mix(in srgb,#4CAE3F 18%,transparent);color:#2F8A26}.kp-st.a{background:color-mix(in srgb,#F5B301 22%,transparent);color:#9A6F00}.kp-st.r{background:color-mix(in srgb,#E0457B 16%,transparent);color:#B83257}
@media (max-width:960px){.ca-kit-l{grid-template-columns:1fr 1fr}}
.kp-tbl select[data-f=dir]{min-width:56px}
/* ── CoE · BPR (Process Reengineering) ── */
.bpr-top{margin:0 0 12px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.bpr-bar{display:flex;gap:4px;list-style:none;margin:0;padding:2px 0 6px;min-width:max-content;counter-reset:none}
.bpr-bar li{flex:0 0 auto}
.bpr-bar button{display:flex;align-items:center;gap:6px;padding:6px 10px 6px 6px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--heading);font:600 .76rem var(--f-body);cursor:pointer;white-space:nowrap}
.bpr-bar i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-style:normal;font-size:.7rem;background:var(--surface-2);color:var(--muted)}
.bpr-bar li.done button{border-color:color-mix(in srgb,#4CAE3F 45%,transparent);background:color-mix(in srgb,#4CAE3F 9%,var(--surface))}
.bpr-bar li.done i{background:#4CAE3F;color:#fff}
.bpr-bar li.lock button{opacity:.6}
.bpr-bar li.open i{background:color-mix(in srgb,#1FB5B2 18%,var(--surface));color:var(--heading)}
.bpr-bar button:hover{border-color:#1FB5B2}
.bpr-rule{padding:12px 14px;border-radius:14px;background:color-mix(in srgb,#EC6C25 8%,var(--surface));border:1px solid color-mix(in srgb,#EC6C25 30%,transparent);font-size:.88rem;color:var(--heading);margin-bottom:14px}
.bpr-sec{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface);margin-bottom:14px;scroll-margin-top:90px}
.bpr-sec h3{display:flex;align-items:center;gap:10px;margin:0 0 4px;font:700 1.02rem var(--f-head);color:var(--heading)}
.bpr-sec h3 span{display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 6px;border-radius:8px;background:var(--surface-2);font-size:.74rem;color:var(--muted)}
.bpr-sec>p.cx-muted{margin:0 0 12px;font-size:.84rem}
.bpr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 14px;margin-bottom:10px}
.bpr-grid label,.bpr-base label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--muted)}
.bpr-sec input:not([type=checkbox]),.bpr-sec select,.bpr-sec textarea{width:100%;min-width:0;padding:7px 9px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--heading);font:inherit;font-size:.85rem;box-sizing:border-box}
.bpr-sec td input[type=number]{width:62px}
.bpr-base{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:end}
.bpr-base>div{padding:10px 12px;border-radius:12px;background:var(--surface-2)}
.bpr-base small{display:block;font-size:.72rem;color:var(--muted)}.bpr-base b{font-size:1.02rem;color:var(--heading)}
.bpr-base .ca-ck{flex-direction:row;align-items:center;grid-column:1/-1}
.bpr-steps{display:flex;flex-direction:column;gap:8px}
/* v8.4 · the 12 redesign patterns ladder and the "Find the right pattern" guide */
.bpr-ladder{margin:0 0 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}
.bpr-ladder>summary{padding:10px 14px;cursor:pointer;font-weight:700;color:var(--heading);font-size:.9rem}
.bpr-ladder>p{margin:0 14px 8px;font-size:.84rem;color:var(--muted)}
.bpr-ladder ol{list-style:none;margin:0;padding:0 14px 12px;display:grid;gap:6px}
.bpr-ladder li{display:grid;grid-template-columns:28px minmax(110px,170px) 1fr auto;gap:10px;align-items:center;padding:7px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--border);font-size:.84rem}
.bpr-ladder li.bpr-lg{display:block;background:none;border:0;padding:6px 2px 0;font:800 .7rem var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
html[lang=ar] .bpr-ladder li.bpr-lg{letter-spacing:0;text-transform:none;font-size:.78rem}
.bpr-ladder li i{font-style:normal;font-weight:800;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#1FB5B2}
.bpr-ladder li.g-d i{background:#7B61FF}
.bpr-ladder li b{color:var(--heading)}.bpr-ladder li span{color:var(--muted)}
.bpr-ladder li em{font-style:normal;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:99px;background:color-mix(in srgb,#1FB5B2 14%,transparent);color:#0E7C7A;white-space:nowrap}
@media (max-width:700px){.bpr-ladder li{grid-template-columns:28px 1fr}.bpr-ladder li span,.bpr-ladder li em{grid-column:2}}
.bpr-gbtn{margin-top:6px;align-self:flex-start;border:1px dashed #1FB5B2;background:transparent;color:#0E7C7A;border-radius:99px;padding:4px 12px;font:700 .78rem var(--f-body);cursor:pointer}
.bpr-gbtn:hover{background:color-mix(in srgb,#1FB5B2 10%,transparent)}
html[data-theme=dark] .bpr-gbtn,html[data-theme=dark] .bpr-ladder li em{color:#5DF8D0}
.bpr-guide{margin:4px 0 12px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,#1FB5B2 45%,transparent);background:color-mix(in srgb,#1FB5B2 6%,var(--surface))}
.bpr-gh{display:flex;align-items:center;gap:10px}.bpr-gh b{color:var(--heading)}.bpr-gh small{color:var(--muted);flex:1}
.bpr-gpath{margin:10px 0 0;padding-inline-start:20px;display:grid;gap:4px;font-size:.8rem;color:var(--muted)}
.bpr-gpath li span{margin-inline-end:6px}.bpr-gpath b{font-size:.72rem;padding:1px 8px;border-radius:99px}.bpr-gpath b.a-y{background:#E3F4EE;color:#0B6B52}.bpr-gpath b.a-n{background:#FDE7E4;color:#A2321F}
.bpr-gq{margin:12px 0 8px;font-weight:700;color:var(--heading);font-size:.95rem}.bpr-gq small{display:block;font-weight:700;font-size:.7rem;color:#0E7C7A;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}
html[lang=ar] .bpr-gq small{letter-spacing:0;text-transform:none;font-size:.78rem}
.bpr-ga{gap:8px;flex-wrap:wrap}
.bpr-gres{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.bpr-gres li{padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--border);border-inline-start:4px solid #1FB5B2;display:grid;gap:4px}
.bpr-gres li.g-d{border-inline-start-color:#7B61FF}.bpr-gres li b{color:var(--heading)}.bpr-gres li span{font-size:.84rem;color:var(--muted)}
.bpr-gres li div{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.bpr-step{border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.bpr-step.blk{border-color:#E0457B}.bpr-step.wrn{border-color:#F5B301}
.bpr-step summary{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:10px 12px;cursor:pointer;font-size:.86rem;color:var(--heading)}
.bpr-step summary b{flex:1 1 200px}.bpr-step summary small{color:var(--muted)}.bpr-step summary em{font-style:normal;font-weight:700}
.bpr-cat{padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent)}
.bpr-body{padding:4px 12px 12px;border-top:1px solid var(--border)}
.bpr-q{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px 14px;margin:10px 0}
.bpr-q label{display:flex;flex-direction:column;gap:3px;font-size:.78rem;color:var(--muted)}
.bpr-fmea{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px;border-radius:10px;background:var(--surface-2);font-size:.8rem}
.bpr-fmea>input{flex:1 1 180px}.bpr-fmea label{display:flex;gap:4px;align-items:center}.bpr-sec .bpr-fmea label input{width:58px}
.bpr-v{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.bpr-v li{padding:8px 10px;border-radius:10px;font-size:.82rem;color:var(--heading)}
.bpr-v li.block{background:color-mix(in srgb,#E0457B 11%,var(--surface))}.bpr-v li.warn{background:color-mix(in srgb,#F5B301 13%,var(--surface))}
.bpr-aom{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.bpr-aom label{display:flex;flex-direction:column;gap:4px;font-size:.78rem;color:var(--muted)}
.bpr-verdict{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;padding:12px 14px;border-radius:12px;border-inline-start:5px solid var(--c);background:color-mix(in srgb,var(--c) 9%,var(--surface))}
.bpr-verdict b{font-size:1.25rem;color:var(--heading)}.bpr-verdict span{font-weight:700;color:var(--c)}.bpr-verdict small{flex-basis:100%;color:var(--muted)}
.bpr-gate{margin-top:12px;padding:12px 14px;border-radius:12px;font-size:.86rem;color:var(--heading);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bpr-gate.ok{background:color-mix(in srgb,#4CAE3F 11%,var(--surface))}.bpr-gate.no{background:color-mix(in srgb,#E0457B 9%,var(--surface))}
.bpr-q-quick,.bpr-q-bet,.bpr-q-fill,.bpr-q-later{padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700;white-space:nowrap}
.bpr-q-quick{background:color-mix(in srgb,#4CAE3F 16%,transparent)}.bpr-q-bet{background:color-mix(in srgb,#1FB5B2 16%,transparent)}.bpr-q-fill{background:color-mix(in srgb,#F5B301 18%,transparent)}.bpr-q-later{background:var(--surface-2)}
.bpr-sec td small{display:block;margin-top:3px;font-size:.7rem}
.bpr-src{font-size:.76rem}
@media (max-width:640px){.bpr-sec{padding:12px}.bpr-q{grid-template-columns:1fr}}
/* ── v4.9 · CoE public demos for all 8 services ── */
.coe-tabs8 button i{font-style:normal;font-size:.72rem;opacity:.65;margin-inline-end:2px}
.dr-sum{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.dr-sum span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:.82rem;background:color-mix(in srgb,var(--c) 12%,var(--surface));color:var(--heading)}.dr-sum b{color:var(--c);font-size:1rem}
.dr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px}
.dr-list{display:flex;flex-direction:column;gap:8px}
.dr-list button{display:grid;grid-template-columns:1fr auto;gap:4px 10px;text-align:start;padding:12px 14px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);color:var(--heading);font:inherit;cursor:pointer}
.dr-list button[aria-pressed=true]{border-color:#1FB5B2;background:color-mix(in srgb,#1FB5B2 7%,var(--surface))}
.dr-list b{font-size:.9rem}.dr-list small{grid-column:1;font-size:.76rem;color:var(--muted)}.dr-list .late{font-style:normal;color:#E0457B;font-weight:700}
.dr-at{font-style:normal;padding:1px 7px;border-radius:6px;background:var(--surface-2);font-weight:700}
.dr-st{grid-row:1/3;grid-column:2;align-self:center;padding:3px 10px;border-radius:99px;font-size:.72rem;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);white-space:nowrap}
.dr-view{padding:16px;border-radius:16px;border:1px solid var(--border);background:var(--surface-2)}.dr-view h4{margin:0 0 4px}
.dr-link{margin:0 0 12px;font-size:.8rem;color:var(--muted)}
.dr-c{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}
.dr-c li{padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--border);font-size:.85rem}.dr-c li p{margin:4px 0 0;color:var(--heading)}
.dr-who{display:inline-grid;place-items:center;min-width:26px;height:22px;padding:0 5px;margin-inline-start:8px;border-radius:99px;background:#1FB5B2;color:#fff;font-size:.7rem;font-weight:700}
.dr-add{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.dr-add input{padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--heading);font:inherit;font-size:.85rem;min-width:0}.dr-add input[name=cl]{width:80px}.dr-add input[name=tx]{flex:1 1 180px}
.dr-dec{display:flex;gap:8px;flex-wrap:wrap}
.sw-tenant{padding:8px 14px;border-radius:99px;background:color-mix(in srgb,#4CAE3F 12%,var(--surface));font-weight:700;font-size:.85rem;color:var(--heading)}
.sw{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:16px}
.sw-acts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sw-acts li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-radius:12px;border:1px solid var(--border);border-inline-start:4px solid #4CAE3F;background:var(--surface);font-size:.86rem;color:var(--heading)}
.sw-acts li.no{border-inline-start-color:#E0457B;color:var(--muted)}
.sw-log{padding:14px;border-radius:16px;background:#0B1520;color:#DCE7EF;font:.78rem/1.5 ui-monospace,Menlo,Consolas,monospace;min-height:220px}
.sw-log h4{margin:0 0 8px;color:#fff;font-family:var(--f-head)}.sw-log ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sw-log li.ok time{color:#5DF8D0}.sw-log li.no time{color:#FF7AA2}.sw-log li.no{color:#FFB3C7}.sw-log .cx-muted{color:#8FA3B3}
.sw-mx td,.sw-mx th{text-align:center}.sw-mx td:first-child,.sw-mx th:first-child{text-align:start}
.bm-ctl{display:flex;flex-wrap:wrap;gap:4px 18px}
.bm{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.bm-row{display:grid;grid-template-columns:minmax(150px,1.1fr) 2fr minmax(120px,.9fr);gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}
.bm-n b{display:block;font-size:.88rem;color:var(--heading)}.bm-n small,.bm-g small{display:block;font-size:.72rem;color:var(--muted);font-weight:400}
.bm-g{font-weight:700;font-size:.85rem}
.bm-bar{position:relative;height:10px;border-radius:9px;background:linear-gradient(90deg,color-mix(in srgb,#E0457B 22%,transparent),color-mix(in srgb,#4CAE3F 25%,transparent));margin:22px 10px 6px}
.bm-bar.lo{background:linear-gradient(90deg,color-mix(in srgb,#4CAE3F 25%,transparent),color-mix(in srgb,#E0457B 22%,transparent))}
.bm-bar i{position:absolute;top:50%;inset-inline-start:var(--x);width:14px;height:14px;margin:-7px;border-radius:50%;border:2px solid var(--surface);box-shadow:var(--shadow);transition:inset-inline-start .35s}
.bm-bar i b{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.74rem;color:var(--heading)}
.bm-h{margin:14px 0 8px;font-size:1rem}
.pm-g{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}
.pm-ben{padding:14px;border-radius:16px;border:1px solid var(--border);background:var(--surface-2)}.pm-ben h4{margin:0 0 6px;font-size:.9rem}
.pm-ben svg{width:100%;height:auto;display:block}.pm-ben text{font-size:9px;fill:var(--muted)}
.pm-plan{fill:none;stroke:#EC6C25;opacity:.6;stroke-width:2;stroke-dasharray:4 3}.pm-act{fill:none;stroke:#1FB5B2;stroke-width:3}.pm-now{stroke:#8A94A6;stroke-width:1.5;stroke-dasharray:2 2}
.pm-rag{padding:3px 10px;border-radius:99px;font-size:.74rem;font-weight:700}
.pm-rag.g{background:color-mix(in srgb,#4CAE3F 16%,transparent);color:#2E8A25}.pm-rag.a{background:color-mix(in srgb,#F5B301 22%,transparent);color:#9A6B00}.pm-rag.r{background:color-mix(in srgb,#E0457B 16%,transparent);color:#C22D62}.pm-rag.grey{background:var(--surface-2);color:var(--muted)}
.pm-dec{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.pm-dec li{padding:9px 12px;border-radius:10px;background:var(--surface-2);font-size:.86rem;color:var(--heading)}.pm-dec li.r{background:color-mix(in srgb,#E0457B 10%,var(--surface))}
@media (max-width:760px){.dr,.sw,.pm-g{grid-template-columns:1fr}.bm-row{grid-template-columns:1fr;gap:4px}.coe-tabs8 button{padding:8px 12px;font-size:.84rem}}
@media (max-width:760px){.pm-t th:nth-child(2),.pm-t td:nth-child(2){display:none}.pm-t th,.pm-t td{padding:8px 6px}.pm-t td:first-child{min-width:0}.pm-t{font-size:.8rem}.pm-rag{white-space:nowrap;padding:3px 7px}}
/* ── CoE · Sprint 5 · SLA Design, Contracting & Reporting ── */
.sla-rule{padding:12px 14px;border-radius:14px;background:color-mix(in srgb,#2FA37C 9%,var(--surface));border:1px solid color-mix(in srgb,#2FA37C 30%,transparent);font-size:.88rem;color:var(--heading);margin-bottom:14px}
.sla-ctl{display:grid;grid-template-columns:2fr 1fr;gap:14px;align-items:end}
.sla-ctl label{display:flex;flex-direction:column;gap:6px;font-size:.84rem;color:var(--muted)}.sla-ctl b{color:var(--heading)}
.sla-ctl select{padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--heading);font:inherit}
.sla-bar{margin-top:38px}
.sla-tbl input,.sla-peer-t input,.sla-src input{width:100%;min-width:64px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--heading);font:inherit;font-size:.84rem;box-sizing:border-box}
.sla-tbl td:first-child input{min-width:150px}.sla-tbl select{padding:6px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--heading);font:inherit;font-size:.82rem}
.sla-tbl td small{display:block;font-size:.72rem}.sla-tbl tr.on td{background:color-mix(in srgb,#2FA37C 7%,transparent)}.sla-tot td{border-top:2px solid var(--border)}
.sla-src{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--muted);margin:10px 0}
.sla-c{padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface);margin-bottom:14px}
.sla-c header{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:10px;color:var(--heading)}.sla-c header b{flex:1 1 200px}
.sla-pty{padding:2px 9px;border-radius:99px;font-size:.72rem;font-weight:700;background:color-mix(in srgb,#1FB5B2 14%,transparent);color:var(--heading)}.sla-pty.v{background:color-mix(in srgb,#EC6C25 16%,transparent)}
.sla-doc{padding:14px 16px;border-radius:12px;background:var(--surface-2);border-inline-start:4px solid #2FA37C;margin:6px 0 10px;font-size:.86rem;color:var(--heading)}
.sla-doc h4{margin:0 0 8px;font-size:.95rem}.sla-doc dl{margin:0;display:grid;grid-template-columns:minmax(110px,160px) 1fr;gap:6px 14px}.sla-doc dt{font-weight:700;color:var(--muted)}.sla-doc dd{margin:0}
.sla-rep-top{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start;margin-bottom:14px}
.sla-trend{width:100%;height:auto;display:block}.sla-trend .tg{stroke:#8A94A6;stroke-dasharray:4 4}.sla-trend .ln{fill:none;stroke:#1FB5B2;stroke-width:3}
.sla-trend circle{stroke:var(--surface);stroke-width:2;cursor:pointer}.sla-trend .ok{fill:#4CAE3F}.sla-trend .no{fill:#E0457B}.sla-trend .melon{fill:#F5B301}.sla-trend text{font-size:10px;fill:var(--muted)}
.sla-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.sla-dot.melon{background:#F5B301}
.sla-months{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}
.sla-months button[data-m]{padding:6px 12px;border-radius:99px;border:1.5px solid var(--border);background:var(--surface);color:var(--heading);font:600 .82rem var(--f-body);cursor:pointer}
.sla-months button[aria-pressed=true]{border-color:#1FB5B2;background:color-mix(in srgb,#1FB5B2 12%,var(--surface))}
.od-gain.sla-melon{background:linear-gradient(135deg,#E0457B,#4CAE3F)}
.sla-m-edit{margin-top:12px}.sla-m-edit label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--muted)}.sla-m-edit input{padding:7px 9px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--heading);font:inherit}
@media (max-width:760px){.sla-ctl,.sla-rep-top{grid-template-columns:1fr}.sla-doc dl{grid-template-columns:1fr}}
.sla-tbl input[type=number]{width:72px;min-width:0}.sla-tbl select{min-width:128px}.sla-tbl td:nth-child(3) input{min-width:130px}
.lib-flag{position:absolute;top:10px;inset-inline-end:10px;z-index:1;padding:3px 10px;border-radius:99px;font:700 .72rem var(--f-body);color:#fff;background:#8A94A6;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.lib-flag.on{background:linear-gradient(120deg,#1FB5B2,#4CAE3F)}.lib-flag.off{background:rgba(20,32,43,.8)}

/* v5.2 · CoE services 09 GRC and 10 Business Requirements Management (BRM) */
.gr-g{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start;margin-bottom:6px}
.gr-ctl{display:flex;flex-direction:column;gap:6px}
.gr-c{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:start;padding:8px 12px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);color:var(--heading);font:inherit;font-size:.86rem;cursor:pointer}
.gr-c b{font-size:.78rem;color:var(--muted)}.gr-c small{display:block;color:var(--muted);font-size:.74rem}
.gr-c em{font-style:normal;font-weight:700;font-size:.74rem;padding:3px 10px;border-radius:99px;white-space:nowrap}
.gr-c.s2 em{background:color-mix(in srgb,#4CAE3F 16%,transparent);color:#2E8A25}.gr-c.s1 em{background:color-mix(in srgb,#F5B301 22%,transparent);color:#9A6B00}.gr-c.s0 em{background:color-mix(in srgb,#E0457B 16%,transparent);color:#C22D62}
.gr-c.s0{border-color:color-mix(in srgb,#E0457B 45%,var(--border))}
.gr-hm-w{padding:14px;border-radius:16px;border:1px solid var(--border);background:var(--surface-2)}
.gr-hm-in{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:6px}
.gr-hm{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;aspect-ratio:1}
.gr-cell{border-radius:8px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:3px;padding:3px}
.gr-cell.bg{background:color-mix(in srgb,#4CAE3F 18%,var(--surface))}.gr-cell.ba{background:color-mix(in srgb,#F5B301 24%,var(--surface))}.gr-cell.br{background:color-mix(in srgb,#E0457B 20%,var(--surface))}
.gr-cell i{font-style:normal;font-size:.68rem;font-weight:800;padding:2px 5px;border-radius:6px;background:var(--surface);color:var(--heading);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.gr-ax{font-size:.72rem;color:var(--muted);font-weight:700}.gr-ax.y{writing-mode:vertical-rl;transform:rotate(180deg);align-self:center}.gr-ax.x{grid-column:2;text-align:center}
html[lang=ar] .gr-ax.y{transform:none}
.gr-fw{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin-bottom:14px}
.gr-f{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:10px 12px;border-radius:12px;background:var(--surface-2);border-inline-start:4px solid var(--c);font-size:.82rem;color:var(--heading)}
.gr-f i{grid-column:1/-1;grid-row:2;height:6px;border-radius:9px;background:var(--border);position:relative;overflow:hidden}
.gr-f i::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:var(--w);background:var(--c);border-radius:9px}
.gr-f b{grid-column:2;grid-row:1}
.gr-note{margin-top:10px;font-size:.8rem}
.br-in{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.br-c{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:12px;background:var(--surface);border:1.5px solid var(--border);border-inline-start:4px solid var(--c);font-size:.86rem}
.br-c label{display:flex;gap:8px;align-items:flex-start;cursor:pointer;color:var(--heading)}.br-c input{margin-top:3px;accent-color:#1FB5B2}
.br-c.blk{opacity:.75;background:var(--surface-2);border-inline-start-color:#E0457B}.br-c.blk label{cursor:not-allowed;text-decoration:line-through}
.br-c em{font-style:normal;font-size:.76rem;color:#C22D62;font-weight:700}
.br-t{font-size:.74rem;color:var(--muted);font-weight:700}
.br-m{align-self:flex-start;border:0;border-radius:99px;padding:3px 12px;font:700 .74rem var(--f-body);cursor:pointer}
.br-m.m0{background:#1FB5B2;color:#fff}.br-m.m1{background:color-mix(in srgb,#F5B301 30%,var(--surface));color:#7A5500}.br-m.m2{background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}
.br-req{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin-bottom:6px}
.br-r{padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--c);font-size:.86rem}
.br-r header{display:flex;gap:8px;align-items:center;margin-bottom:6px}.br-r header small{margin-inline-start:auto;color:var(--muted);font-size:.74rem}
.br-r p{margin:0 0 6px;color:var(--heading)}.br-us{font-style:italic}.br-ac{font-size:.8rem;color:var(--muted)!important}
@media (min-width:761px){.coe-tabs8 button{white-space:nowrap}}
@media (max-width:760px){.gr-g{grid-template-columns:1fr}.gr-c{grid-template-columns:auto 1fr}.gr-c em{grid-column:2;justify-self:start}}
@media (min-width:1180px){.coe-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.coe-grid .coe-svc{padding:20px}.coe-grid .coe-svc p,.coe-grid .coe-svc li{font-size:.9rem}}
/* v5.3 · Join MTWAFIQ (careers) */
.jn-role .btn{margin-top:12px}
.jn-grid{scroll-margin-top:90px}.jn-role{scroll-margin-top:96px}
.jn-sme{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.jn-smeg{padding:18px 18px 14px;border-radius:18px;background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--c)}
.jn-smeg h3{margin:0 0 10px;font-size:1rem;color:var(--heading)}
.jn-smeg ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.jn-smeg a{display:inline-block;padding:6px 11px;border-radius:99px;font-size:.84rem;font-weight:600;text-decoration:none;color:var(--heading);background:color-mix(in srgb,var(--c) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}
.jn-smeg a:hover,.jn-smeg a:focus-visible{background:var(--c);color:#fff;border-color:var(--c)}
#sme-fields{scroll-margin-top:90px}
.jn-langs{display:flex;flex-wrap:wrap;gap:8px 16px;padding-top:6px}.jn-langs label{display:flex;gap:6px;align-items:center;font-weight:500}
.fld .lbl{display:block;font-weight:700;font-size:.9rem;margin-bottom:6px;color:var(--heading)}
.jn-cv{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,#1FB5B2 9%,var(--surface));border:1px solid color-mix(in srgb,#1FB5B2 35%,var(--border));margin:6px 0 12px}
.jn-cv span{font-size:1.4rem}.jn-cv p{margin:0;font-size:.92rem}
/* v5.3 · QA — WCAG AA contrast for coloured chips and small text (light theme) */
html:not([data-theme=dark]) .op-t{color:color-mix(in srgb,var(--t) 52%,#000)}
html:not([data-theme=dark]) .mt-badge{color:color-mix(in srgb,var(--bc) 52%,#000)}
html:not([data-theme=dark]) .mt-badge.mine{color:#fff;background:color-mix(in srgb,var(--bc) 70%,#000)}
html:not([data-theme=dark]) .tc-w{color:color-mix(in srgb,var(--a1) 58%,#000)}
html:not([data-theme=dark]) .tc-heavy .tc-w{color:#A3420F}
html:not([data-theme=dark]) .cx-pill{color:color-mix(in srgb,var(--c,#1FB5B2) 52%,#000)}
html:not([data-theme=dark]) .br-seat .seat,html:not([data-theme=dark]) .br-paper .seat{color:#11706E}
html:not([data-theme=dark]) .dr-st{color:color-mix(in srgb,var(--c) 52%,#000)}
.dr-who{background:#11706E}
.t-code{opacity:1!important}
html[data-theme=dark] .op-t{color:color-mix(in srgb,var(--t) 60%,#fff)}
html:not([data-theme=dark]) .op-auto,html:not([data-theme=dark]) .ops-auto b{color:#1F7A5B}
/* v5.3 · QA: document review demo fits 360 px in Arabic */
.dr-list button{grid-template-columns:minmax(0,1fr) auto;min-width:0}.dr-list b{overflow-wrap:anywhere}
@media (max-width:420px){.dr-st{white-space:normal;text-align:center}.dr-list button{padding:10px 11px}}
@media (max-width:760px){.dr,.sw,.pm-g,.gr-g{grid-template-columns:minmax(0,1fr)}}
html:not([data-theme=dark]) .tc-w{color:#0B5F5D}html:not([data-theme=dark]) .tc-heavy .tc-w{color:#8A3509}
html:not([data-theme=dark]) .fine a{color:#0E6E6B}
.t-code{color:var(--muted)}
html:not([data-theme=dark]) .l1 b{color:color-mix(in srgb,var(--c,#1FB5B2) 58%,#000)}
html:not([data-theme=dark]) .dr-list .late{color:#B3245A}html[data-theme=dark] .dr-list .late{color:#F27BA3}
.coe-n::after{content:attr(data-n)}
/* v5.3 · owner NPS panel */
.nps-dist{display:grid;grid-template-columns:repeat(11,1fr);gap:4px;align-items:end;height:120px;margin-bottom:14px}
.nps-bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}
.nps-bar i{display:block;width:100%;min-height:2px;border-radius:6px 6px 0 0}.nps-bar span{font-size:.72rem;color:var(--muted);margin-top:3px}
.nps-cm{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:420px;overflow:auto}
.nps-cm li{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:8px 10px;border-radius:10px;background:var(--surface-2);font-size:.86rem}
.nps-cm b{display:grid;place-items:center;height:28px;border-radius:8px;color:#fff;background:#8A94A6}.nps-cm .pro b{background:#2E8A25}.nps-cm .det b{background:#C22D62}.nps-cm .pas b{background:#9A6B00}
.nps-cm small{display:block;color:var(--muted);font-size:.74rem;margin-top:2px}.nps-cm em{font-style:normal;color:var(--muted)}
.nps-m li small{color:var(--muted);margin-inline-start:8px}
/* v5.4 — CoE services in business order with a stage label; neon highlight on hover */
.coe-stage{display:block;margin-top:12px;font:800 10.5px var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--tdark,#0F7471)}
.coe-stage+h3{margin-top:4px}
.coe-tabs8 button{transition:border-color .2s,box-shadow .25s,color .2s,transform .2s}
.coe-tabs8 button:hover,.coe-tabs8 button:focus-visible{border-color:#5DF8D0;color:var(--heading);transform:translateY(-2px);box-shadow:0 0 0 1px #5DF8D0,0 0 12px rgba(93,248,208,.75),0 0 28px rgba(31,181,178,.45);outline:none}
.coe-tabs8 button[aria-selected=true]:hover,.coe-tabs8 button[aria-selected=true]:focus-visible{color:#fff;box-shadow:0 0 0 1px #5DF8D0,0 0 16px rgba(93,248,208,.9),0 0 34px rgba(76,174,63,.5)}
.coe-grid .coe-svc:hover,.coe-grid .coe-svc:focus-within{box-shadow:0 0 0 1px var(--hc,#1FB5B2),0 0 18px color-mix(in srgb,var(--hc,#1FB5B2) 55%,transparent),0 0 42px color-mix(in srgb,var(--hc,#1FB5B2) 25%,transparent)}
html[data-theme=dark] .coe-tabs8 button:hover{box-shadow:0 0 0 1px #5DF8D0,0 0 16px rgba(93,248,208,.9),0 0 40px rgba(93,248,208,.45)}
@media (prefers-reduced-motion:reduce){.coe-tabs8 button:hover{transform:none}}
.coe-tabs button[aria-pressed=true]{background:linear-gradient(120deg,#1FB5B2,#4CAE3F);color:#fff;border-color:transparent}
/* v5.4.1 — demo tabs and "Services of interest" in a 5 × 2 grid (stage order reads left to right, row by row) */
@media (min-width:1000px){
  .coe-tabs8{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
  .coe-tabs8 button{white-space:normal;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px;min-height:46px;line-height:1.25;padding:8px 10px}
  .coe-cks{grid-template-columns:repeat(5,minmax(0,1fr))}
  .coe-cks .coe-ck{min-height:64px}
}
@media (min-width:640px) and (max-width:999px){.coe-cks{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v5.6 — corporate trial workspaces */
.ca-trial{padding:10px 14px;border-radius:12px;border:1.5px solid #4CAE3F;background:color-mix(in srgb,#4CAE3F 9%,var(--surface));color:var(--heading);margin:0 0 14px;font-size:.92rem}
.ca-trial.end{border-color:#EC6C25;background:color-mix(in srgb,#EC6C25 9%,var(--surface))}
.ca-trial a{color:var(--tdark,#0F7471);font-weight:700;margin-inline-start:6px}
.ca-plan{color:var(--muted)}
/* v5.8 — Sprints 6–9 in the client workspace */
.pm-benw{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin:0 0 12px}
.pm-benw label{font-size:.78rem;color:var(--muted);display:grid;gap:3px}.pm-benw input{min-height:34px}
tr.br-blk td{opacity:.6}tr.br-blk td:first-child{opacity:1}
select.gr-st.s0{border-color:#E5484D}select.gr-st.s1{border-color:#E9A23B}select.gr-st.s2{border-color:#4CAE3F}
.br-r .bpr-grid{margin:6px 0}
[data-mx] .bpr-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
[data-mx] .bpr-grid label,[data-mx] .pm-benw label{min-width:0}[data-mx] .bpr-grid input,[data-mx] .pm-benw input{width:100%;min-width:0;box-sizing:border-box}
[data-mx] .sla-trend{max-width:100%;height:auto}
[data-mx] .sla-tbl input[data-rf="name"],[data-mx] .sla-tbl input[data-cf="name"],[data-mx] .sla-tbl input[data-kf="name"],[data-mx] .sla-tbl input[data-wf="name"],[data-mx] .sla-tbl input[data-xf="text"],[data-mx] .sla-tbl input[data-cf="step"]{min-width:15em}

/* ── v5.9 · integration links, KPI & SLA library, improvement suggestions, optimizer scenarios ── */
.lk-b{display:inline-flex;align-items:center;gap:3px;margin-inline-start:6px;padding:2px 8px;border:1px solid var(--border);border-radius:99px;background:var(--surface);font:700 .74rem var(--f-body);color:var(--muted);cursor:pointer;vertical-align:middle;line-height:1.5;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.lk-b b:empty{display:none}
.lk-b.on{border-color:#1FB5B2;color:var(--heading);background:color-mix(in srgb,#1FB5B2 10%,var(--surface))}
.lk-b:hover,.lk-b:focus-visible{border-color:#1FB5B2;box-shadow:0 0 0 3px color-mix(in srgb,#1FB5B2 25%,transparent),0 0 14px color-mix(in srgb,#1FB5B2 45%,transparent)}
.lk-dlg{min-width:min(560px,86vw)}
.lk-ty{font:800 .7rem var(--f-body);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.lk-dlg h3{margin:4px 0}
.lk-g h4,.lk-sug h4{margin:14px 0 6px;font-size:.86rem}
.lk-g ul,.lk-sug ul,.lk-c{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lk-g li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}
.lk-g li small{color:var(--muted);min-width:110px}
.lk-go{border:0;background:none;padding:0;font:600 .88rem var(--f-body);color:var(--heading);cursor:pointer;text-align:start;flex:1}
.lk-go:hover{text-decoration:underline}
.lk-sug{margin-top:10px;padding:10px 12px;border:1px dashed #F5B301;border-radius:12px}
.lk-add{margin-top:14px}
.lk-add summary{cursor:pointer;font-weight:700}
.lk-f{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.lk-f .px-seg,.pl-filt .px-seg{flex-wrap:wrap;border-radius:14px}
.lk-f input[type=search]{padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--heading);font:inherit}
.lk-c{max-height:300px;overflow:auto;margin-bottom:10px}
.lk-c li label{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;font-size:.86rem}
.lk-c li small{color:var(--muted)}
.tr-cov{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.tr-cv b{font-size:1.5rem}.tr-cv.g b{color:#4CAE3F}.tr-cv.a b{color:#C98F00}.tr-cv.r b{color:#E0457B}
.tr-sug{border-color:#F5B301}.tr-sug ul{list-style:none;padding:0;margin:8px 0;display:grid;gap:4px;font-size:.86rem}
.tr-head{justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.tr-head select{max-width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--heading)}
.tr-tbl td{vertical-align:top;min-width:96px}.tr-tbl td:first-child{min-width:180px}   /* v20.40.1: was 120px for every column */
.tr-chip{display:inline-block;margin:2px;padding:3px 9px;border-radius:99px;border:1px solid var(--border);background:var(--surface-2);font:600 .76rem var(--f-body);color:var(--heading);cursor:pointer;text-align:start;max-width:260px}
.tr-chip:hover{border-color:#1FB5B2}
.tr-chip.t-risk{border-color:#E0457B66}.tr-chip.t-ctl{border-color:#7B61FF66}.tr-chip.t-kpi{border-color:#1FB5B266}.tr-chip.t-req{border-color:#F5B30188}.tr-chip.t-doc{border-color:#4CAE3F88}
.tr-chip{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.35;unicode-bidi:plaintext}   /* v20.40.1: chips wrap and size to their text */
.tr-gap{color:var(--faint,#9aa3b2)}
.tr-gaps{list-style:none;padding:0;display:grid;gap:4px}
.pl-stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.pl-stats span{padding:8px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);font-size:.85rem;color:var(--muted)}
.pl-stats b{font:800 1.15rem var(--f-head);color:var(--heading);margin-inline-end:4px}
.pl-filt{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pl-filt select,.pl-filt input[type=search]{padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--heading);font:inherit;min-width:0}
.pl-wrap{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:16px;margin-top:12px;align-items:start}
.pl-list ul{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:4px;max-height:70vh;overflow:auto}
.pl-list button{width:100%;display:flex;flex-direction:column;gap:2px;text-align:start;padding:8px 10px;border:1px solid var(--border);border-inline-start:4px solid var(--c);border-radius:10px;background:var(--surface);cursor:pointer;color:var(--heading)}
.pl-list button[aria-current=true],.pl-list button:hover{background:color-mix(in srgb,var(--c) 10%,var(--surface));border-color:var(--c)}
.pl-list small{color:var(--muted);font-size:.72rem}
.pl-d{min-width:0}
.pl-h{border-inline-start:5px solid var(--c);padding-inline-start:12px}
.pl-h h3{margin:2px 0}
.pl-code{font:800 .72rem var(--f-body);color:var(--muted);letter-spacing:.04em}
.pl-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0}
.pl-tiles span{padding:8px 10px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);display:flex;flex-direction:column}
.pl-tiles small{color:var(--muted);font-size:.72rem}.pl-tiles b{font-size:.98rem}
.pl-act{gap:8px;flex-wrap:wrap;margin-bottom:10px}
.pl-tbl tr.l-stage td:first-child,.pl-tbl tr.l-stage td:nth-child(2){box-shadow:inset 3px 0 0 #F5B301}
.pl-tbl tr.l-step{opacity:.92}
/* v8.4 · 999 library: banking model, equivalents, risks & controls */
.pl-filt+.pl-filt{margin-top:8px}
.pl-bank button{padding:7px 14px}
.pl-mode{display:inline-block;align-self:flex-start;padding:1px 8px;border-radius:99px;font:700 .68rem var(--f-body);line-height:1.6;letter-spacing:.02em;vertical-align:middle}
.pl-mode.m-i{background:#E3F4EE;color:#0B6B52}.pl-mode.m-c{background:#E6ECF8;color:#2B4C9B}
html[data-theme=dark] .pl-mode.m-i{background:#0F3B30;color:#7FE0BF}html[data-theme=dark] .pl-mode.m-c{background:#1C2A48;color:#A9C1F5}
.pl-list button .pl-mode{margin-top:2px}
.pl-en{margin:0;color:var(--muted);font-size:.8rem}html[lang=ar] .pl-en{text-align:right}
.pl-eq{margin:12px 0;padding:10px 12px;border-radius:12px;border:1px dashed var(--border);background:var(--surface-2)}
.pl-eq.m-c{border-color:#0F7B5F}.pl-eq.m-i{border-color:#2B59C3}
.pl-eq>b{display:block;font-size:.82rem;margin-bottom:6px;color:var(--heading)}
.pl-eq>div{display:flex;flex-wrap:wrap;gap:6px}
.pl-eqb{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--heading);cursor:pointer;font:600 .85rem var(--f-body);text-align:start}
.pl-eqb:hover,.pl-eqb:focus-visible{border-color:#1FB5B2;background:color-mix(in srgb,#1FB5B2 8%,var(--surface))}
.pl-eqb small{color:var(--muted);font-size:.7rem;font-weight:500}
.pl-rc td{vertical-align:top}.pl-rc td.pl-rn{min-width:200px;width:46%}.pl-rn b{display:block;font-size:.88rem;line-height:1.4}.pl-rm{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.pl-rc .pl-ctl{min-width:200px}
.pl-fw{display:inline-block;padding:1px 8px;border-radius:99px;font-size:.72rem;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);white-space:nowrap}
.pl-sc{white-space:nowrap;font-size:.74rem;color:var(--muted)}.pl-sc.s-h b{color:#C0392B}.pl-sc.s-m b{color:#B8860B}.pl-sc.s-l b{color:#0F7B5F}
.pl-ctl{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:.82rem}
.pl-ctl span{display:inline-block;min-width:66px;margin-inline-end:6px;padding:0 6px;border-radius:6px;font-size:.66rem;font-weight:800;text-align:center}
.pl-ctl .t-p{background:#E3F4EE;color:#0B6B52}.pl-ctl .t-d{background:#FFF4D6;color:#8A6400}.pl-ctl .t-c{background:#FDE7E4;color:#A2321F}
html[data-theme=dark] .pl-ctl .t-p{background:#0F3B30;color:#7FE0BF}html[data-theme=dark] .pl-ctl .t-d{background:#3A2F0E;color:#F5D57A}html[data-theme=dark] .pl-ctl .t-c{background:#3F1D18;color:#F5A99B}
.pl-note{font-size:.78rem}
/* v8.4 · Process (BPR): start from the MTWAFIQ library */
dialog.px-dlg-wide{width:min(760px,96vw)}
.px-lib{margin:4px 0 8px;padding:12px;border-radius:14px;border:1px solid var(--border);background:var(--surface-2)}
.px-lib-f{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.px-lib-f .px-seg button{padding:6px 12px;font-size:.8rem}
.px-lib-f select,.px-lib-f input[type=search]{padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--heading);font:inherit;min-width:0}
.px-lib-f input[type=search]{flex:1 1 220px}
.px-lib-n{margin:8px 0 6px;font-size:.78rem}
.px-lib-res{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:280px;overflow:auto}
.px-lib-res button{width:100%;display:flex;flex-direction:column;gap:1px;text-align:start;padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--heading);cursor:pointer;font:inherit}
.px-lib-res button:hover,.px-lib-res button[aria-current=true]{border-color:#1FB5B2;background:color-mix(in srgb,#1FB5B2 9%,var(--surface))}
.px-lib-res b{font-size:.88rem}.px-lib-res small{color:var(--muted);font-size:.72rem}
.px-lib-sel{margin:8px 0 0;font-size:.84rem}
/* v8.4 · regulatory flags */
.rg-b{display:inline-flex;align-items:center;gap:3px;margin-inline-start:6px;padding:1px 7px;border-radius:99px;font:700 .68rem var(--f-body);color:#7A4B00;background:#FFF1D6;border:1px solid #F5C66B;white-space:nowrap;vertical-align:middle;cursor:help}
html[data-theme=dark] .rg-b{color:#FFD58A;background:#3A2C10;border-color:#8A6420}
.rg-btn{margin-inline-start:6px;padding:1px 7px;border-radius:99px;border:1px dashed var(--border);background:transparent;font:700 .7rem var(--f-body);color:var(--muted);cursor:pointer;opacity:.75;vertical-align:middle;white-space:nowrap}
.rg-btn:hover{opacity:1;border-color:#F5B301}
.rg-btn.on{opacity:1;border-style:solid;border-color:#F5C66B;background:#FFF1D6;color:#7A4B00}
html[data-theme=dark] .rg-btn.on{background:#3A2C10;color:#FFD58A;border-color:#8A6420}
td .rg-btn,td .rg-b{margin-top:3px}
.rg-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;font-size:.85rem}
.rg-line .rg-btn,.rg-line .rg-b{margin-inline-start:0}
.rg-sum{font-size:.82rem}
.bpr-rg .rg-btn,.bpr-rg .rg-b{align-self:flex-start;margin:4px 0 0}
.px-rgm{font-size:12px}
.pl-ed button{padding:7px 14px}.pl-ed button[disabled]{opacity:.55;cursor:not-allowed}
.pl-reg{margin:12px 0;padding:10px 12px;border-radius:12px;border:1px solid #F5C66B;background:color-mix(in srgb,#F5B301 8%,var(--surface))}
.pl-reg.none{border-style:dashed;display:flex;flex-direction:column;gap:2px}.pl-reg.none small{color:var(--muted)}
.pl-reg summary{cursor:pointer;display:flex;flex-direction:column;gap:2px}.pl-reg summary b{color:var(--heading);font-size:.88rem}
.pl-reg summary small{color:var(--muted);font-size:.76rem}.pl-reg summary a{color:inherit}
.pl-reg ul{list-style:none;margin:10px 0 6px;padding:0;display:grid;gap:6px}
.pl-reg li{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;font-size:.82rem}
.pl-reg li b{color:var(--heading)}.pl-reg li small{grid-column:2;color:var(--muted)}
.pl-reg>p{font-size:.78rem;margin:4px 0 0}.jn-smeg li a{--c:inherit}
.pl-rk{grid-row:span 2;align-self:start;padding:1px 7px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);font-size:.68rem;font-weight:800;color:var(--muted)}
@media (max-width:899px){.pl-wrap{grid-template-columns:1fr}.pl-list ul{max-height:40vh}}
.bpr-lk{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.bpr-lk small{color:var(--muted)}
.sg-box{margin:0 0 12px;padding:10px 12px;border:1px dashed #F5B301;border-radius:12px;background:color-mix(in srgb,#F5B301 5%,var(--surface))}
.sg-box h5{margin:0 0 8px;font-size:.88rem}
.sg-box h5 small{font-weight:500;color:var(--muted)}
.sg-box ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sg-i{padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.sg-i.up{border-color:#4CAE3F;background:color-mix(in srgb,#4CAE3F 7%,var(--surface))}
.sg-i.down{opacity:.75}
.sg-i p{margin:4px 0;font-size:.85rem}
.sg-i small{color:var(--muted)}
.sg-t{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sg-tag{font:700 .68rem var(--f-body);padding:2px 8px;border-radius:99px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}
.sg-tally{font:800 .72rem var(--f-body);color:var(--heading)}
.sg-ev{font-size:.82rem!important}
.sg-b{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.sg-up:hover{border-color:#4CAE3F;box-shadow:0 0 12px color-mix(in srgb,#4CAE3F 45%,transparent)}
.sg-dn:hover{border-color:#E0457B;box-shadow:0 0 12px color-mix(in srgb,#E0457B 45%,transparent)}
.sg-down summary{cursor:pointer;font-size:.8rem;color:var(--muted);margin-top:6px}
.op-scn{border-bottom:1px dashed var(--border);padding-bottom:10px;margin-bottom:10px}
.op-scn select,.op-ms input{max-width:100%}
.op-scs .cx-row{gap:8px;align-items:center;flex-wrap:wrap}
.op-scs .cx-row h4{margin:0;flex:1 0 auto}
.op-scs input[data-scn]{padding:6px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--heading);min-width:0;flex:1 1 140px}
.op-sct th{white-space:nowrap}.op-sct td{min-width:120px;vertical-align:top}
.op-sb{display:inline-flex;gap:4px;margin-inline-start:6px}
.op-sb .ca-x{text-decoration:none;font-size:.9rem}
.op-scn select,.op-ms input{padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--heading);font:inherit;width:100%}
/* v6.0.4 — phone: CoE demo tabs as ten full-width rows; careers working-language radios inline */
@media (max-width:760px){.coe-tabs8{display:grid;grid-template-columns:1fr;gap:8px}.coe-tabs8 button{width:100%;text-align:start;display:flex;align-items:center;gap:8px;white-space:normal;padding:11px 16px;border-radius:14px}.coe-tabs8 button i{min-width:1.6em}}
.jn-langs label{flex:0 0 auto;cursor:pointer}
.jn-langs input[type=radio]{appearance:auto;-webkit-appearance:radio;width:18px;height:18px;min-width:0;min-height:0;flex:0 0 18px;margin:0;padding:0;border-radius:50%;box-shadow:none;accent-color:#1FB5B2}
/* v6.3 — CoE service 11 · SME financing readiness (demo + 11th tab/card placement) */
.fn-flow{list-style:none;margin:4px 0 16px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.fn-flow li{position:relative;padding:11px 14px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface-2);min-width:0}
.fn-flow li b{display:block;color:var(--heading);font-size:.9rem;line-height:1.3}.fn-flow li span{display:block;font-size:.8rem;color:var(--muted);margin-top:2px}
.fn-flow li.done{border-color:#4CAE3F}
.fn-flow li.now{border-color:#1FB5B2;box-shadow:0 0 0 1px #1FB5B2;background:color-mix(in srgb,#1FB5B2 9%,var(--surface))}
.fn-flow li:not(:last-child)::after{content:"→";position:absolute;inset-inline-end:-11px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:800;font-size:.85rem;line-height:1}
[dir=rtl] .fn-flow li:not(:last-child)::after{content:"←"}
.od-ctl.fn-ctl{grid-template-columns:repeat(4,minmax(0,1fr))}
.fn-ctl select{width:100%;min-width:0;padding:8px 10px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);color:var(--heading);font:500 .88rem var(--f-body)}
.fn-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.fn-doc{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;background:var(--surface-2);border:1.5px solid var(--border);font-size:.86rem;color:var(--heading);cursor:pointer;min-width:0}
.fn-doc.on{border-color:#4CAE3F;background:color-mix(in srgb,#4CAE3F 9%,var(--surface))}
.fn-doc input{accent-color:#4CAE3F;width:16px;height:16px;flex:none}
.od-gain.fn-wait{background:linear-gradient(135deg,#EC6C25,#C9A227)}
.fn-fine{margin:14px 0 0;font-size:.84rem;line-height:1.55}
.gr-fw.fn-dim{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:760px){.gr-fw.fn-dim{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.gr-fw.fn-dim{grid-template-columns:1fr}}
@media (max-width:980px){.od-ctl.fn-ctl{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.fn-flow{grid-template-columns:1fr 1fr}.fn-flow li::after{display:none}}
@media (max-width:560px){.od-ctl.fn-ctl{grid-template-columns:1fr}.fn-docs{grid-template-columns:1fr}}
.fn-doc span{flex:1;min-width:0}
.fn-cls{font-style:normal;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--surface);border:1px solid var(--border);color:var(--muted);white-space:nowrap}
.fn-cls.hi{border-color:color-mix(in srgb,#E0457B 45%,transparent);color:#C22D62}
.fn-dlv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fn-d{display:grid;gap:6px;align-content:start;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1.5px solid var(--border);min-width:0}
.fn-d b{color:var(--heading);font-size:.9rem;line-height:1.35}.fn-d>span:not(.pm-rag){font-size:.8rem;color:var(--muted)}.fn-d em{font-style:normal;font-weight:700;color:var(--heading)}
.fn-d .pm-rag{justify-self:start}
@media (max-width:760px){.fn-dlv{grid-template-columns:1fr}}
/* v6.4 — CoE back to 10 services; the wallboard is a second view inside Process excellence and the Programme office */
.coe-sub{margin:0 0 16px;gap:6px}.coe-sub button{padding:7px 14px;font-size:.85rem}
/* v7.3.1 — owner: no animation on the Banking Operations Pool tile (it stays the static flagship tile).
   The laser-beam frame now belongs to the MTWAFIQ Future Leaders banner: two beams run around its frame all the time and the halo breathes
   (border only — nothing moves inside the banner); faster on hover. Visitors who ask for reduced motion get a still glowing frame. */
@property --mt-a{syntax:"<angle>";inherits:false;initial-value:0deg}
.fl-xband{position:relative;isolation:isolate;border-color:#4CAE3F;animation:mt-halo 3.6s ease-in-out infinite}
.fl-xband::after{content:"";position:absolute;inset:-2px;z-index:3;pointer-events:none;border-radius:inherit;padding:3px;
  background:conic-gradient(from var(--mt-a),transparent 0deg,rgba(109,239,68,.15) 70deg,rgba(76,174,63,.85) 140deg,#fff 166deg,#1FB5B2 174deg,transparent 180deg,rgba(93,248,208,.15) 250deg,rgba(31,181,178,.85) 320deg,#fff 346deg,#4CAE3F 354deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:mt-orbit 4.2s linear infinite}
.fl-xband:hover::after,.fl-xband:focus-visible::after{animation-duration:2.2s}
@keyframes mt-orbit{to{--mt-a:360deg}}
@keyframes mt-halo{0%,100%{box-shadow:0 0 0 1px rgba(76,174,63,.55),0 0 14px rgba(109,239,68,.30),0 0 34px rgba(31,181,178,.18),var(--shadow)}50%{box-shadow:0 0 0 1px #4CAE3F,0 0 24px rgba(109,239,68,.55),0 0 60px rgba(31,181,178,.32),var(--shadow)}}
@media (prefers-reduced-motion:reduce){.fl-xband{animation:none;box-shadow:0 0 0 1px #4CAE3F,0 0 18px rgba(109,239,68,.45),var(--shadow)}.fl-xband::after{animation:none;background:linear-gradient(135deg,#6DEF44,#1FB5B2)}}
/* v7.1 — CoE workspace · SME financing readiness (coe-fin.js) */
.fn-flow.fin-stages{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.fin-stages li{padding:9px 10px}.fin-stages li b{font-size:.8rem}
.fin-two{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;align-items:start;margin-bottom:14px}
.fin-box{padding:14px 16px;min-width:0}.fin-box h4{margin:2px 0 10px;font-size:.98rem;color:var(--heading)}.fin-box h4:not(:first-child){margin-top:16px}
.fin-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:0}
.fin-form label{min-width:0}
.fin-sel{max-width:760px;margin:6px 0 4px}
.fin-consent{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1.5px solid var(--border);font-size:.88rem;line-height:1.45;cursor:pointer}
.fin-consent input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:#1FB5B2}
.fin-consent:has(input:checked){border-color:#4CAE3F;background:color-mix(in srgb,#4CAE3F 8%,var(--surface))}
.fin-note{margin:12px 0;padding:10px 12px;border-radius:10px;border-inline-start:4px solid #1FB5B2;background:color-mix(in srgb,#1FB5B2 7%,var(--surface));font-size:.82rem;line-height:1.5;color:var(--text)}
.fin-log li{font-size:.82rem;padding:7px 10px}.fin-log small{color:var(--muted);font-weight:700;margin-inline-end:4px}
.fin-docs td{vertical-align:top}.fin-docs td:first-child{min-width:190px}.fin-docs td:nth-child(4) input{min-width:200px}.fin-docs td:nth-child(5) input{min-width:130px}.fin-docs td:nth-child(6) input{min-width:130px}
.fin-docs a{text-decoration:none;font-weight:800;margin-inline-start:4px}
.fin-req{display:inline-block;margin-inline-start:4px;padding:1px 7px;border-radius:99px;font-size:.66rem;font-weight:700;background:color-mix(in srgb,#EC6C25 14%,transparent);color:#B5531A}
.od-card.fin-bad{border-color:#D9534F;background:color-mix(in srgb,#D9534F 7%,var(--surface))}.od-card.fin-bad b{color:#B42318}
.fin-gates{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}
.fin-gates li{display:flex;gap:9px;align-items:flex-start;padding:9px 12px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface-2);font-size:.86rem;line-height:1.4}
.fin-gates li span{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.78rem;color:#fff}
.fin-gates li.ok{border-color:color-mix(in srgb,#4CAE3F 55%,var(--border))}.fin-gates li.ok span{background:#4CAE3F}
.fin-gates li.no span{background:#D9534F}
.pm-dec li.r{border-inline-start:4px solid #D9534F}
.ca-tbl th.fin-cur,.ca-tbl td.fin-cur{background:color-mix(in srgb,#1FB5B2 13%,transparent);font-weight:800;color:var(--heading)}
.fin-dlv{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.fin-qa{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--muted)}
.fin-qa input{width:70px;padding:5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--heading);font:inherit}
.fin-dbtn{flex-wrap:wrap;gap:6px;margin-top:4px}
.fin-out{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}.fin-out .od-card{padding:10px 12px}.fin-out .od-card b{font-size:1.15rem}
.fin-rem{margin-top:14px;border:1.5px dashed #EC6C25}
.fin-stg{font-size:.78rem!important}
@media (max-width:1100px){.fn-flow.fin-stages{grid-template-columns:repeat(4,minmax(0,1fr))}.fn-flow.fin-stages li:nth-child(4n)::after{display:none}}
@media (max-width:900px){.fin-two{grid-template-columns:1fr}}
@media (max-width:620px){.fn-flow.fin-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.fin-form{grid-template-columns:1fr}.fin-gates{grid-template-columns:1fr}}
@media (max-width:620px){.fn-flow.fin-stages li:nth-child(2n)::after{display:none}}
.fin-dlv{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}
.fin-dlv .fn-d .pm-rag{white-space:normal;overflow-wrap:anywhere;line-height:1.35;border-radius:10px}
.fin-dlv .fn-d,.fin-box,.fin-gates li{overflow-wrap:anywhere}
/* v7.1 — owner: SME financing desk switch per workspace */
.ca-form label.ca-check,.ca-check{display:flex;gap:9px;align-items:flex-start;font-size:.84rem;font-weight:600;color:var(--text);margin:2px 0 4px;cursor:pointer}
.ca-check input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:#1FB5B2}
.ca-fin{color:#0F7471;font-weight:700}

/* ── v7.2 · MTWAFIQ Future Leaders and MCC ─────────────────────────── */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.fl-sec-me{padding-top:28px}
.fl-me{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:14px 26px;align-items:center}
.fl-me-id{display:flex;gap:14px;align-items:center}
.fl-me-id small{display:block;color:var(--muted);font:600 12px var(--f-body);text-transform:uppercase;letter-spacing:.06em}
.fl-me-id b{font:800 clamp(18px,2.2vw,24px) var(--f-head);color:var(--heading);margin-inline-end:10px;word-break:break-word}
.fl-av{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:24px;color:#fff;background:linear-gradient(135deg,var(--turq),var(--green))}
.fl-link{background:none;border:0;padding:0;font:600 14px var(--f-body);color:var(--link);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.fl-me-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.fl-me-stats>div{border-radius:14px;background:var(--surface-2);border:1px solid var(--border);padding:10px 8px;text-align:center}
.fl-me-stats b{display:block;font:800 clamp(18px,2.4vw,26px)/1.15 var(--f-head);color:var(--heading)}
.fl-me-stats small{display:block;font:600 12px var(--f-body);color:var(--muted);min-height:1.2em}
.fl-me-stats .ok b{color:var(--gdark)}.fl-me-stats .no b{color:#C0392B}.fl-me-stats .sc{background:color-mix(in srgb,var(--turq) 12%,var(--surface));border-color:color-mix(in srgb,var(--turq) 40%,var(--border))}
.fl-me-note{grid-column:1/-1;margin:0;color:var(--muted);font-size:14px}
.fl-nick{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.fl-nick label{display:grid;gap:4px;font:600 13px var(--f-body);color:var(--heading)}
.fl-nick input{min-width:220px;padding:10px 12px;border-radius:12px;border:1px solid var(--border-2);background:var(--surface);color:var(--heading);font:500 15px var(--f-body)}
.fl-nick small{flex-basis:100%;color:var(--muted)}.fl-msg{flex-basis:100%;font:600 13px var(--f-body);color:#C0392B}
.fl-rules{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:14px 0 0}
.fl-rules li{padding:6px 12px;border-radius:999px;background:var(--chip);font-size:13px;color:var(--text)}
.fl-filter{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:flex-end;margin:6px 0 22px}
.fl-chips{display:flex;flex-wrap:wrap;gap:8px}
.fl-chips button{border:1px solid var(--border-2);background:var(--surface);color:var(--heading);border-radius:999px;padding:7px 13px;font:600 13px var(--f-body);cursor:pointer}
.fl-chips button[aria-pressed=true]{background:var(--fc,var(--turq));border-color:var(--fc,var(--turq));color:#fff}
.fl-search{display:grid;gap:4px;font:600 13px var(--f-body);color:var(--heading)}
.fl-search input{padding:9px 12px;border-radius:12px;border:1px solid var(--border-2);background:var(--surface);color:var(--heading);min-width:240px;font:500 14px var(--f-body)}
.fl-tgroup{margin:0 0 30px}.fl-tgroup[hidden]{display:none}
.fl-th{display:flex;align-items:center;gap:10px;font:800 20px var(--f-head);color:var(--heading);margin:0 0 12px;padding-bottom:8px;border-bottom:3px solid var(--fc)}
.fl-th small{font:600 13px var(--f-body);color:var(--muted)}
.fl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.fl-role{position:relative;display:flex;flex-direction:column;gap:6px;border-radius:18px;background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--fc);padding:16px 16px 14px;box-shadow:var(--shadow)}
.fl-role[hidden]{display:none}
.fl-role-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.fl-code{display:inline-block;padding:3px 9px;border-radius:8px;background:var(--fc);color:#fff;font:800 12px var(--f-body);letter-spacing:.06em}
.fl-trk{font:600 11.5px var(--f-body);color:var(--muted);text-align:end}
.fl-role h3{margin:2px 0 0;font:800 17px/1.25 var(--f-head)}
.fl-role h3 a{color:var(--heading);text-decoration:none}.fl-role h3 a:hover{color:var(--link);text-decoration:underline}
.fl-ar{margin:0;font:500 14px var(--f-ar);color:var(--muted)}
.fl-sum{margin:2px 0 4px;font-size:13.5px;line-height:1.5;color:var(--text);flex:1}
.fl-prog{display:grid;gap:4px}.fl-prog .fl-pbar{height:6px;border-radius:6px;background:var(--chip);overflow:hidden}.fl-prog .fl-pbar i{display:block;height:100%;background:var(--fc);border-radius:6px;transition:width .4s var(--ease)}
.fl-prog small{font:600 12px var(--f-body);color:var(--muted)}
.fl-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.fl-sec-play{padding-top:0}.fl-sec-play .fl-arena[hidden]{display:none}
.fl-arena{scroll-margin-top:96px}
.fl-ar-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid var(--border);padding-bottom:12px}
.fl-ar-head h3{margin:6px 0 0;font:800 clamp(20px,2.6vw,28px) var(--f-head);color:var(--heading)}
.fl-ar-head .fl-trk{margin-inline-start:8px}
.fl-ar-sc{position:relative;display:flex;gap:10px;align-items:center;font:700 14px var(--f-body)}
.fl-ar-sc .ok{color:var(--gdark)}.fl-ar-sc .no{color:#C0392B}
.fl-ar-sc b{min-width:54px;text-align:center;padding:6px 10px;border-radius:12px;background:var(--fc);color:#fff;font:800 18px var(--f-head)}
.fl-pop{position:absolute;inset-inline-end:6px;top:-6px;font:800 22px var(--f-head);pointer-events:none;animation:flpop 1.2s var(--ease) forwards}
.fl-pop.ok{color:var(--gdark)}.fl-pop.no{color:#C0392B}
@keyframes flpop{0%{opacity:0;transform:translateY(8px) scale(.8)}20%{opacity:1;transform:translateY(-6px) scale(1.15)}100%{opacity:0;transform:translateY(-34px) scale(1)}}
.fl-dots{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:12px 0}
.fl-dots button{width:34px;height:34px;border-radius:50%;border:2px solid var(--border-2);background:var(--surface);color:var(--muted);font:700 13px var(--f-body);cursor:pointer}
.fl-dots button.ok{background:var(--green);border-color:var(--green);color:#fff}.fl-dots button.no{background:#D9534F;border-color:#D9534F;color:#fff}
.fl-dots button.on{outline:3px solid var(--fc,var(--turq));outline-offset:2px}
.fl-case{border-radius:16px}
.fl-case.flash-ok{animation:flok .7s var(--ease)}.fl-case.flash-no{animation:flno .5s var(--ease)}
@keyframes flok{0%{box-shadow:0 0 0 0 rgba(76,174,63,.5)}100%{box-shadow:0 0 0 18px rgba(76,174,63,0)}}
@keyframes flno{0%,100%{transform:none}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.fl-dom{margin:4px 0 6px;font:700 12.5px var(--f-body);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.fl-q{margin:0 0 14px;font:600 clamp(16px,1.8vw,19px)/1.55 var(--f-body);color:var(--heading)}
.fl-opts{display:grid;gap:10px}
.fl-opt{display:flex;gap:12px;align-items:flex-start;text-align:start;width:100%;padding:12px 14px;border-radius:14px;border:1.5px solid var(--border-2);background:var(--surface);color:var(--heading);font:500 15px/1.5 var(--f-body);cursor:pointer;transition:border-color .2s,background .2s,transform .15s}
.fl-opt:hover:not(:disabled){border-color:var(--fc,var(--turq));transform:translateY(-1px)}
.fl-opt span{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--chip);font:800 13px var(--f-body);color:var(--heading)}
.fl-opt:disabled{cursor:default}
.fl-opt.is-key{border-color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--surface))}.fl-opt.is-key span{background:var(--green);color:#fff}
.fl-opt.is-wrong{border-color:#D9534F;background:color-mix(in srgb,#D9534F 10%,var(--surface))}.fl-opt.is-wrong span{background:#D9534F;color:#fff}
.fl-opt:disabled:not(.is-key):not(.is-wrong){opacity:.62}
.fl-res{margin-top:14px;min-height:28px}.fl-res p{margin:0 0 6px}.fl-res .ok b{color:var(--gdark)}.fl-res .no b,.fl-res p.no{color:#C0392B}
.fl-nav{display:flex;justify-content:space-between;gap:10px;margin-top:14px}
.fl-done{padding:14px 0 4px}.fl-done h4{font:800 22px var(--f-head);color:var(--heading);margin:0 0 8px}
.fl-bd-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:12px}
.fl-bd-bar label{display:grid;gap:4px;font:600 13px var(--f-body);color:var(--heading)}
.fl-bd-bar select{padding:9px 12px;border-radius:12px;border:1px solid var(--border-2);background:var(--surface);color:var(--heading);font:500 14px var(--f-body);max-width:100%}
.fl-bd-wrap{overflow-x:auto}
.fl-bd{width:100%;border-collapse:collapse;font-size:14.5px}
.fl-bd th{text-align:start;font:700 12px var(--f-body);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 10px;border-bottom:2px solid var(--border)}
.fl-bd td{padding:9px 10px;border-bottom:1px solid var(--border);color:var(--heading)}
.fl-bd .rk{width:44px;font-weight:800}.fl-bd .nk{font-weight:700;word-break:break-word}.fl-bd .ok{color:var(--gdark);font-weight:700}.fl-bd .no{color:#C0392B;font-weight:700}.fl-bd .sc{font:800 16px var(--f-head)}.fl-bd .ac{color:var(--muted)}
.fl-bd tr.me td{background:color-mix(in srgb,var(--turq) 12%,var(--surface))}
.fl-bd tr.gap td{text-align:center;color:var(--muted);padding:2px}
.fl-bd .you{display:inline-block;margin-inline-start:6px;padding:1px 7px;border-radius:999px;background:var(--turq);color:#fff;font:700 11px var(--f-body)}
.fl-empty{color:var(--muted);margin:6px 0}
.fl-honest{margin-top:18px;padding:14px 16px;border-radius:14px;background:var(--surface-2);border:1px dashed var(--border-2)}
.mcc-levels{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.mcc-lv{border-radius:18px;padding:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}
.mcc-lv.on{border:2px solid var(--turq)}
.mcc-lv h3{margin:6px 0 6px;font:800 21px var(--f-head);color:var(--heading)}.mcc-lv p{margin:0 0 8px;font-size:14.5px}.mcc-lv ul{margin:0;padding-inline-start:18px;font-size:14px}
.mcc-lv-tag{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--chip);font:700 12px var(--f-body);color:var(--heading)}.mcc-lv.on .mcc-lv-tag{background:var(--turq);color:#fff}
.mcc-cmp-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--border)}
.mcc-cmp{width:100%;border-collapse:collapse;font-size:14.5px;background:var(--surface)}
.mcc-cmp th,.mcc-cmp td{text-align:start;vertical-align:top;padding:11px 14px;border-bottom:1px solid var(--border)}
.mcc-cmp thead th{font:800 15px var(--f-head);color:var(--heading);background:var(--surface-2)}
.mcc-cmp tbody th{width:18%;font:700 13.5px var(--f-body);color:var(--heading)}
.mcc-steps{grid-template-columns:repeat(4,1fr)}
.mcc-prof{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:start}
.mcc-prof h2{font:800 22px var(--f-head);margin:0 0 6px}
.mcc-prof .mcc-levels{grid-template-columns:1fr;margin:10px 0 0}
.mcc-doms{margin:10px 0 0;padding-inline-start:22px;display:grid;gap:7px;font-size:15px}
.mcc-doms li::marker{color:var(--fc);font-weight:800}
.mcc-ar-name{font:600 18px var(--f-ar);margin:-4px 0 10px;color:var(--muted)}
.mcc-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.mcc-lead{margin-top:26px}.mcc-lead h3{font:800 20px var(--f-head);margin:0 0 10px}
.fl-sec-play .fl-me,#play .fl-me{margin-bottom:16px}
.mcc-more{display:flex;flex-wrap:wrap;gap:8px}
.mcc-more a{display:inline-flex;gap:6px;align-items:center;padding:7px 12px;border-radius:999px;border:1px solid var(--border-2);background:var(--surface);color:var(--heading);text-decoration:none;font:500 13.5px var(--f-body)}
.mcc-more a b{color:var(--fc)}.mcc-more a:hover{border-color:var(--fc)}
.mcc-checkwrap{max-width:720px}
.mcc-check{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:14px 0}
.mcc-check label{display:grid;gap:4px;font:600 13px var(--f-body);color:var(--heading)}
.mcc-check input{padding:11px 14px;border-radius:12px;border:1px solid var(--border-2);background:var(--surface);color:var(--heading);font:700 16px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;min-width:240px;text-transform:uppercase}
.mcc-chk{margin:8px 0;padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);line-height:1.6}
.mcc-chk.valid{border-color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--surface))}.mcc-chk.valid b{color:var(--gdark)}
.mcc-chk.expired{border-color:#E0A000}.mcc-chk.revoked,.mcc-chk.bad{border-color:#D9534F;color:#A93226}
.mcc-faq{display:grid;gap:10px;max-width:880px}
.mcc-faq details{border-radius:14px;border:1px solid var(--border);background:var(--surface);padding:12px 16px}
.mcc-faq summary{font:700 16px var(--f-head);color:var(--heading);cursor:pointer}.mcc-faq p{margin:8px 0 2px}
.mcc-bhero h1{font-size:clamp(28px,4vw,44px)}
.mcc-bp{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:clamp(18px,4vw,48px);align-items:start}
.mcc-badge-svg svg{width:100%;height:auto;max-width:380px;border-radius:24px;box-shadow:var(--shadow-lg);display:block}
.mcc-status{display:inline-block;padding:6px 14px;border-radius:999px;font:800 15px var(--f-body);background:var(--chip);color:var(--heading)}
.mcc-status.valid{background:var(--green);color:#fff}.mcc-status.expired{background:#E0A000;color:#111}.mcc-status.revoked{background:#D9534F;color:#fff}.mcc-status.sample{background:var(--orange);color:#fff}
.mcc-st-p{margin:8px 0 0;color:var(--muted)}
.mcc-dl{display:grid;gap:0;margin:16px 0;border-radius:16px;border:1px solid var(--border);overflow:hidden;background:var(--surface)}
.mcc-dl>div{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border)}.mcc-dl>div:last-child{border-bottom:0}
.mcc-dl dt{font:700 13px var(--f-body);color:var(--muted)}.mcc-dl dd{margin:0;color:var(--heading);font-weight:600}
.mcc-bp-info h2{font:800 20px var(--f-head);margin:22px 0 6px}
.mcc-miss{padding-bottom:0}
@media (max-width:900px){
  .fl-me{grid-template-columns:1fr}.fl-me-stats{grid-template-columns:repeat(3,1fr)}
  .mcc-levels,.mcc-prof,.mcc-bp{grid-template-columns:1fr}.mcc-steps{grid-template-columns:1fr 1fr}
  .mcc-badge-svg svg{max-width:300px;margin:0 auto}
}
@media (max-width:560px){
  .fl-me-stats{grid-template-columns:repeat(3,1fr)}.fl-search input,.fl-nick input,.mcc-check input{min-width:0;width:100%}.fl-search,.mcc-check label{flex:1 1 100%}
  .fl-ar-head{flex-direction:column}.mcc-steps{grid-template-columns:1fr}.mcc-dl>div{grid-template-columns:1fr;gap:2px}
  .fl-bd{font-size:13.5px}.fl-bd th,.fl-bd td{padding:8px 6px}.fl-bd .ac{display:none}
}
@media (prefers-reduced-motion:reduce){.fl-pop,.fl-case.flash-ok,.fl-case.flash-no{animation:none}}
.fl-xband{display:flex;gap:16px;align-items:center;text-decoration:none;color:inherit;border:2px solid color-mix(in srgb,var(--green) 55%,var(--border));transition:transform .2s var(--ease)}
.fl-xband:hover{transform:translateY(-2px)}
.fl-xb-ic{flex:none;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,var(--green),var(--turq))}
.fl-xband b{display:block;font:800 clamp(19px,2.2vw,24px) var(--f-head);color:var(--heading);margin:6px 0 2px}.fl-xband small{display:block;color:var(--muted);font-size:14.5px}
.fl-xband .go{margin-inline-start:auto;font:700 15px var(--f-body);color:var(--link);white-space:nowrap}
@media (max-width:560px){.fl-xband{flex-wrap:wrap}.fl-xband .go{margin-inline-start:0}}
@media (max-width:560px){
  .fl-me-stats{grid-template-columns:repeat(6,1fr)}.fl-me-stats>div{grid-column:span 2}.fl-me-stats>div:nth-child(n+4){grid-column:span 3}
  .fl-bd-bar label{flex:1 1 100%;min-width:0}.fl-bd-bar select{width:100%}
}
.mcc-ar-name{text-align:left}
.has-look-media .mcc-chips .cx-pill,.cx-hero .mcc-chips .cx-pill{background:rgba(10,15,20,.58);color:#fff;border:1px solid rgba(255,255,255,.22)}

/* ── v7.3 · the way to C-level: Find your level, Grades 1–10, preferred domains ── */
.fl-me-stats .gr b{color:var(--odark)}
.fl-place{scroll-margin-top:96px}
.fl-pl-intro{display:grid;gap:16px}
.fl-pl-intro h3,.fl-doms-head h3{font:800 18px var(--f-head);color:var(--heading);margin:0 0 8px}.fl-pl-intro h3 small,.fl-doms-head h3 small{font:600 12.5px var(--f-body);color:var(--muted);margin-inline-start:6px}
.fl-pl-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0;margin:0}
.fl-pl-steps li{padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);font-size:14px}
.fl-dchips{display:flex;flex-wrap:wrap;gap:8px}
.fl-dchips button{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--border-2);background:var(--surface);color:var(--heading);border-radius:999px;padding:7px 12px;font:600 13px var(--f-body);cursor:pointer}
.fl-dchips button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}
.fl-dchips button:disabled{opacity:.45;cursor:not-allowed}
.fl-pl-done{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.fl-pl-done h3{font:800 20px var(--f-head);margin:0 0 4px;color:var(--heading)}
.fl-pl-g{flex:none;display:grid;place-items:center;min-width:120px;height:120px;padding:0 10px;border-radius:28px;background:var(--fc);color:#fff;font:800 26px var(--f-head);box-shadow:var(--shadow)}
.fl-pl-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font:700 13px var(--f-body);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.fl-pl-dots{display:flex;gap:5px}.fl-pl-dots i{width:12px;height:12px;border-radius:50%;background:var(--border-2)}.fl-pl-dots i.ok{background:var(--green)}.fl-pl-dots i.no{background:#D9534F}
.fl-doms{margin-bottom:18px}.fl-doms .fl-dchips{margin-top:4px}
.fl-dpaths{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:14px}
.fl-dpath{border-radius:16px;border:1px solid var(--border);background:var(--surface-2);padding:12px 14px}
.fl-dpath h4{margin:0 0 8px;font:800 15px var(--f-head);color:var(--heading)}
.fl-ddots{display:flex;flex-wrap:wrap;gap:6px}
.fl-ddots button{width:30px;height:30px;border-radius:50%;border:2px solid var(--border-2);background:var(--surface);color:var(--muted);font:700 12px var(--f-body);cursor:pointer}
.fl-ddots button.ok{background:var(--green);border-color:var(--green);color:#fff}.fl-ddots button.no{background:#D9534F;border-color:#D9534F;color:#fff}
.fl-droles{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.fl-droles small{color:var(--muted);font-weight:600;margin-inline-end:2px}
.fl-droles a{display:inline-flex;gap:5px;padding:4px 10px;border-radius:999px;border:1px solid var(--border-2);background:var(--surface);color:var(--heading);text-decoration:none;font:500 12.5px var(--f-body)}.fl-droles a b{color:var(--fc)}
.fl-ladder{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.fl-gr button{position:relative;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;text-align:start;padding:14px 14px 12px;border-radius:18px;border:1px solid var(--border);border-top:5px solid var(--gc,var(--turq));background:var(--surface);box-shadow:var(--shadow);color:var(--text);font:inherit;cursor:pointer;transition:transform .2s var(--ease),border-color .2s}
.fl-gr button:hover{transform:translateY(-3px);border-color:var(--gc,var(--turq))}
.fl-gr .n{font:800 13px var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--gc,var(--turq))}.fl-gr .n i{font-style:normal;margin-inline-start:4px;color:var(--gdark)}
.fl-gr b{font:800 16.5px/1.25 var(--f-head);color:var(--heading)}.fl-gr small{font-size:12.5px;line-height:1.45;color:var(--muted);flex:1}
.fl-gr .fl-pbar{height:6px;border-radius:6px;background:var(--chip);overflow:hidden;margin-top:6px}.fl-gr .fl-pbar i{display:block;height:100%;background:var(--gc,var(--turq))}
.fl-gr em{font:600 12px var(--f-body);font-style:normal;color:var(--muted)}
.fl-gr.won button{background:color-mix(in srgb,var(--gc,var(--turq)) 9%,var(--surface))}
.fl-gr.here button{outline:3px solid var(--gc,var(--turq));outline-offset:2px}
.fl-here{position:absolute;top:-11px;inset-inline-end:10px;padding:2px 9px;border-radius:999px;background:var(--gc,var(--turq));color:#fff;font:700 11px var(--f-body)}
.fl-ar-line{margin:4px 0 0;color:var(--muted);font-size:14px}
.fl-dots button.pref{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--orange)}
.fl-gchip{display:inline-block;padding:2px 8px;border-radius:8px;background:var(--fc);color:#fff;font:800 12px var(--f-body)}
.fl-bd .gd{width:64px}
.fl-role.fits{box-shadow:0 0 0 2px var(--green),var(--shadow)}
@media (max-width:1100px){.fl-ladder{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.fl-ladder{grid-template-columns:1fr 1fr}.fl-pl-steps{grid-template-columns:1fr}}
@media (max-width:420px){.fl-ladder{grid-template-columns:1fr}}
/* v7.3.1 — the Banking Operations Pool tile stays still: no lift, no glow, no orbit on hover */
.cx-tile.cx-feat,.cx-tile.cx-feat::before{transition:none}
.cx-tile.cx-feat:hover{transform:none}.cx-tile.cx-feat:hover::before{transform:none}

/* ==========================================================================
   v8.0 — Banking around the world (world.html, world-<region>.html), regional panels and the World tour
   ========================================================================== */
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wd-hero{--rc:#1FB5B2;--ra:#F5B301}
.wd-hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(20px,4vw,48px);align-items:center}
.wd-hero .kicker a{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}
.wd-tag{font:700 1.08rem/1.5 var(--f-body);color:var(--heading);margin:0 0 10px}
.wd-hero .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.wd-hero [data-set-region][aria-pressed=true]{pointer-events:none;opacity:.85}
.wd-hero [data-set-region][aria-pressed=true]::after{content:" ✓"}
.wd-map{position:relative;overflow:hidden;margin:0;padding:10px;border-radius:22px;background:radial-gradient(110% 100% at 70% 40%,color-mix(in srgb,var(--rc) 55%,#000),#0A1218 72%);box-shadow:var(--shadow-lg);border-bottom:4px solid var(--ra)}
.wd-map svg{display:block;width:100%;height:auto}
.wd-map .n,.wd-rmap .n{fill:rgba(255,255,255,.07)}
.wd-map .f,.wd-rmap .f{fill:color-mix(in srgb,var(--rc) 62%,#c9ecff 22%)}
.wd-map .b,.wd-rmap .b{fill:none;stroke:rgba(255,255,255,.4);stroke-width:.8}
.wd-map .rg-dot,.wd-rmap .rg-dot{fill:var(--ra)}
.wd-map .rg-dot.m{fill:#fff;stroke:var(--ra)}
.wd-map .rg-ring{stroke:var(--ra)}
.wd-map .rg-arc{stroke:var(--ra)}
.wd-lab{--tx:-50%;--ty:-160%}.wd-lab.below{--ty:55%}.wd-lab.r{--tx:-94%}.wd-lab.l{--tx:-6%}
.wd-lab{position:absolute;transform:translate(var(--tx),var(--ty));padding:2px 8px;border-radius:99px;background:rgba(0,0,0,.55);color:#fff;font:700 .68rem var(--f-body);white-space:nowrap;pointer-events:none}
.wd-glance-sec{padding-top:28px;padding-bottom:28px}
.wd-glance{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.wd-stat{padding:16px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--turq)}
.wd-stat:nth-child(2){border-top-color:var(--green)}.wd-stat:nth-child(3){border-top-color:var(--orange)}.wd-stat:nth-child(4){border-top-color:var(--lk-2,var(--turq))}
.wd-stat b{display:block;font:800 1.35rem/1.2 var(--f-head);color:var(--heading)}
.wd-stat span{display:block;margin-top:6px;font-size:.86rem;line-height:1.45;color:var(--muted)}
.wd-mkts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}
.wd-mkt{padding:20px;border-radius:18px;background:var(--surface);border:1px solid var(--border)}
.wd-mkt header{margin-bottom:10px}
.wd-mkt h3{display:inline;margin:0;font-size:1.2rem}
.wd-code{display:inline-block;margin-inline-end:8px;padding:2px 8px;border-radius:8px;background:var(--chip);font:800 .72rem var(--f-body);letter-spacing:.06em;color:var(--heading);vertical-align:middle}
.wd-mkt header p{margin:6px 0 0;color:var(--muted);font-size:.86rem}
.wd-mkt dl{margin:0;display:grid;gap:8px}
.wd-mkt dl div{display:grid;grid-template-columns:150px 1fr;gap:10px;padding-top:8px;border-top:1px solid var(--border)}
.wd-mkt dt{font:700 .78rem var(--f-body);color:var(--muted)}
.wd-mkt dd{margin:0;font-size:.9rem;line-height:1.5;color:var(--text)}
.wd-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wd-topic{padding:20px;border-radius:18px;background:var(--surface);border:1px solid var(--border)}
.wd-topic h3{margin:0 0 8px;font-size:1.08rem}
.wd-topic p{margin:0 0 10px;font-size:.92rem;line-height:1.6}
.wd-pts{margin:0;padding-inline-start:18px;display:grid;gap:7px;font-size:.88rem;line-height:1.5;color:var(--text)}
.wd-pts li::marker{color:var(--turq)}
.wd-eye .sec-head{max-width:880px}
.wd-eye-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(20px,4vw,48px);margin-top:28px;align-items:start}
.wd-eye h3{margin:0 0 12px;font-size:1.05rem}
.wd-advs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.wd-advs4{grid-template-columns:repeat(4,1fr);margin-top:28px}
.wd-adv{padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--mint)}
.wd-adv b{display:block;margin-bottom:6px;color:var(--heading);font-size:.95rem}
.wd-adv p{margin:0;font-size:.87rem;line-height:1.55}
.wd-bridge{margin:22px 0 0;padding:14px 18px;border-radius:14px;background:var(--surface-2);border-inline-start:4px solid var(--mint);line-height:1.6}
.wd-ilinks{display:inline-flex;flex-wrap:wrap;gap:6px 14px}
.wd-ilinks a{color:var(--mint)}
.wd-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,48px);align-items:start}
.wd-learn{padding:20px;border-radius:18px;background:var(--surface);border:1px solid var(--border)}
.wd-learn h3{margin:0 0 10px;font-size:1.05rem}
.wd-tour-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.wd-tour-in > div{max-width:720px}
.wd-tour h2{margin:0 0 8px}
.wd-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.wd-chips span{padding:4px 10px;border-radius:99px;background:var(--chip);border:1px solid var(--border);font:600 .74rem var(--f-body);color:var(--heading)}
.wd-oths{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.wd-oth{display:block;padding:16px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--border);border-inline-start:5px solid var(--rc,var(--turq));text-decoration:none;color:var(--text);transition:transform .2s,box-shadow .2s}
.wd-oth:hover,.wd-oth:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow)}
.wd-oth b{display:block;color:var(--heading);margin-bottom:4px}
.wd-oth span{font-size:.85rem;color:var(--muted)}
.wd-all{border-inline-start-color:var(--orange)}
.wd-src{margin:16px 0 0;padding-inline-start:18px;display:grid;gap:6px;font-size:.86rem;text-align:left}
.wd-src small{color:var(--muted)}
/* hub */
.wd-hub h1 em{font-style:normal;background:linear-gradient(90deg,var(--g1),var(--g2),var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent}
.wd-world{position:relative;margin:28px 0 0;padding:8px;border-radius:22px;background:var(--surface);border:1px solid var(--border)}
.wd-world svg{display:block;width:100%;height:auto}
.wd-world .o{fill:color-mix(in srgb,var(--heading) 10%,transparent)}
.wd-world .r{fill:color-mix(in srgb,var(--turq) 55%,transparent);transition:fill .2s}
.wd-world .r-gcc{fill:#0E7A4F}.wd-world .r-na{fill:#1F4E8C}.wd-world .r-eu{fill:#2B4FA8}.wd-world .r-asia{fill:#0F7B6C}.wd-world .r-anz{fill:#0B6FA4}.wd-world .r-mena{fill:#1F6F8B}
.wd-world .r{opacity:.78}
.wd-world.hl .r{opacity:.35}.wd-world.hl .r.on{opacity:1}
.wd-wlab{position:absolute;transform:translate(-50%,-50%);padding:4px 10px;border-radius:99px;background:var(--rc);color:#fff;font:800 .74rem var(--f-body);text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.25);white-space:nowrap}
.wd-wlab:hover,.wd-wlab:focus-visible{outline:2px solid #fff;outline-offset:1px}
.wd-rcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.wd-rcard{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--border)}
.wd-rmap{margin:0;padding:8px;background:radial-gradient(120% 100% at 70% 40%,color-mix(in srgb,var(--rc) 55%,#000),#0A1218 72%);border-bottom:4px solid var(--ra)}
.wd-rmap svg{display:block;width:100%;height:auto}
.wd-rbody{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;flex:1}
.wd-rbody h3{margin:0}.wd-rbody h3 a{color:var(--heading);text-decoration:none}
.wd-rbody > p{margin:0;font-size:.9rem;color:var(--muted)}
.wd-rfacts{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px}
.wd-rfacts li{font-size:.84rem;line-height:1.45}
.wd-rfacts b{display:block;font:800 .68rem var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.wd-racts{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}
.wd-cmp-wrap{margin-top:24px;overflow-x:auto;border-radius:16px;border:1px solid var(--border);background:var(--surface)}
.wd-cmp-wrap:focus-visible{outline:2px solid var(--turq);outline-offset:2px}
.wd-cmp{border-collapse:separate;border-spacing:0;min-width:1080px;width:100%;font-size:.86rem}
.wd-cmp th,.wd-cmp td{padding:12px 14px;vertical-align:top;text-align:start;border-bottom:1px solid var(--border);line-height:1.45}
.wd-cmp thead th{position:sticky;top:0;background:var(--surface-2);border-top:4px solid var(--rc)}
.wd-cmp thead th a{color:var(--heading);text-decoration:none}
.wd-cmp tbody th{position:sticky;inset-inline-start:0;z-index:1;background:var(--surface-2);font:700 .8rem var(--f-body);color:var(--heading);min-width:150px}
.wd-cmp thead td{position:sticky;inset-inline-start:0;z-index:2;background:var(--surface-2)}
.wd-tcards{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:22px}
.wd-tcard{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--rc);text-decoration:none;color:var(--text)}
.wd-tcard b{color:var(--heading)}.wd-tcard span{font-size:.8rem;color:var(--muted)}.wd-tcard i{font-style:normal;font:700 .8rem var(--f-body);color:var(--link,var(--turq));margin-top:auto}
.wd-tcard:hover,.wd-tcard:focus-visible{box-shadow:var(--shadow)}
@media (max-width:1100px){.wd-tcards{grid-template-columns:repeat(3,1fr)}.wd-advs4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:980px){.wd-hero-in,.wd-eye-grid,.wd-two{grid-template-columns:1fr}.wd-topics,.wd-rcards,.wd-oths{grid-template-columns:repeat(2,1fr)}.wd-glance{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.wd-mkts,.wd-topics,.wd-rcards,.wd-oths,.wd-advs,.wd-advs4{grid-template-columns:1fr}.wd-mkt dl div{grid-template-columns:1fr;gap:2px}.wd-tcards{grid-template-columns:repeat(2,1fr)}.wd-wlab{font-size:.6rem;padding:2px 6px}.wd-lab{font-size:.6rem}}
/* regional panels on the pages */
.rg-sec{padding-top:clamp(36px,5vw,56px);padding-bottom:clamp(36px,5vw,56px)}
.rg-card{position:relative;padding:clamp(20px,3vw,32px);border-radius:22px;background:var(--surface);border:1px solid var(--border);border-inline-start:6px solid var(--rc,var(--turq));box-shadow:var(--shadow)}
.rg-card h2{margin:0 0 10px;font-size:clamp(1.3rem,2.2vw,1.7rem)}
.rg-card > p{margin:0 0 12px;max-width:860px;line-height:1.65}
.rg-card .wd-pts{margin:0 0 14px;max-width:900px}
.rg-card .cx-row{margin-top:6px}
.rg-cmp{list-style:none;margin:6px 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rg-cmp li{padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border)}
.rg-cmp b{display:block;font:800 .68rem var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.rg-cmp span{display:block;margin-top:4px;font-size:.88rem;line-height:1.45;color:var(--heading)}
.rg-choose{border-inline-start-color:var(--orange)}
.rg-btns{flex-wrap:wrap;gap:8px}
.rg-btns [aria-pressed=true]{background:var(--turq);color:#fff;border-color:var(--turq)}
@media (max-width:760px){.rg-cmp{grid-template-columns:1fr}}
/* Future Leaders · the World tour */
.fl-wcards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.fl-wcard{padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--fc)}
.fl-wcard h3{margin:6px 0 6px;font-size:1.1rem}
.fl-wcard .fl-code{display:inline-block;padding:2px 8px;border-radius:8px;background:var(--fc);color:#fff;font:800 .72rem var(--f-body)}
.fl-wprog{margin:0 0 12px;font-size:.86rem;color:var(--muted)}
.fl-wprog .ok{color:#2E9B4F}.fl-wprog .no{color:#C2452E}
.fl-wcard.won{box-shadow:0 0 0 2px color-mix(in srgb,var(--fc) 45%,transparent)}
@media (max-width:900px){.fl-wcards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.fl-wcards{grid-template-columns:1fr}}
.wd-hero .kicker{flex-wrap:wrap;gap:6px 10px}
.wd-glance{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:980px){.wd-glance{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.wd-glance{grid-template-columns:1fr}}.wd-stat b{overflow-wrap:anywhere}

/* ==========================================================================
   v8.1 — Community voices (the feedback wall) and the Unicorn League ladder
   ========================================================================== */
.vc-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.vc-sum{font-size:.95rem;color:var(--text)}
.vc-filters{display:flex;flex-wrap:wrap;gap:10px}
.vc-filters label{display:flex;align-items:center;gap:6px;font:600 .82rem var(--f-body);color:var(--muted)}
.vc-filters select{padding:6px 10px;border-radius:10px;border:1px solid var(--border-2);background:var(--surface);color:var(--heading)}
.vc-wall{columns:3 300px;column-gap:16px}
.vc-post{break-inside:avoid;margin:0 0 16px;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--border);position:relative}
.vc-post.feat{border-color:color-mix(in srgb,var(--turq) 55%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--turq) 20%,transparent)}
.vc-feat{display:inline-block;margin-bottom:8px;padding:2px 9px;border-radius:99px;background:var(--turq);color:#fff;font:800 .68rem var(--f-body);letter-spacing:.04em;text-transform:uppercase}
.vc-stars{display:inline-flex;gap:1px;color:color-mix(in srgb,var(--heading) 22%,transparent);font-size:1rem;letter-spacing:1px}
.vc-stars .on{color:#F5B301}
.vc-text{margin:8px 0 12px;line-height:1.65;color:var(--heading);white-space:normal;overflow-wrap:anywhere}
.vc-post footer{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:.8rem;color:var(--muted)}
.vc-post footer b{color:var(--heading)}
.vc-ver{color:#2E9B4F;font-weight:700}
.vc-rep{margin-inline-start:auto;border:0;background:none;color:var(--muted);font:600 .74rem var(--f-body);text-decoration:underline;cursor:pointer;padding:0}
.vc-reply{margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--surface-2);border-inline-start:3px solid var(--turq);font-size:.86rem}
.vc-reply p{margin:4px 0 0}
.vc-empty{column-span:all;padding:28px;border-radius:18px;border:1px dashed var(--border-2);text-align:center}
.vc-empty p{color:var(--muted)}
.vc-share{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,4vw,40px);align-items:start}
.vc-form{display:grid;gap:14px}
.vc-form h2{margin:0}
.vc-form label{display:grid;gap:6px;font:700 .86rem var(--f-body);color:var(--heading)}
.vc-form label small{font-weight:500;color:var(--muted)}
.vc-form input,.vc-form select,.vc-form textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border-2);background:var(--surface);color:var(--heading);font:500 .95rem var(--f-body)}
.vc-form textarea{resize:vertical;min-height:140px;line-height:1.55}
.vc-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vc-rate-row{display:flex;align-items:center;gap:12px;font:700 .86rem var(--f-body);color:var(--heading)}
.vc-rate button{border:0;background:none;font-size:1.5rem;line-height:1;color:color-mix(in srgb,var(--heading) 22%,transparent);cursor:pointer;padding:0 2px}
.vc-rate button.on{color:#F5B301}
.vc-count{justify-self:end;font-weight:500;color:var(--muted)}.vc-count.over{color:#C2452E}
.vc-form .vc-consent{display:flex;gap:10px;align-items:flex-start;font-weight:500;color:var(--text)}
.vc-form .vc-consent input{width:auto;margin-top:3px}
.vc-out{font-size:.9rem;line-height:1.55}.vc-out.ok{color:#2E7D4F}.vc-out.no{color:#B23A2E}.vc-out ul{margin:6px 0 0;padding-inline-start:18px}
.vc-rules{padding:20px;border-radius:18px;background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--orange)}
.vc-rules h3{margin:0 0 10px}.vc-rules ol{margin:0 0 12px;padding-inline-start:20px;display:grid;gap:8px;font-size:.9rem;line-height:1.55}
@media (max-width:900px){.vc-share{grid-template-columns:1fr}}
@media (max-width:520px){.vc-two{grid-template-columns:1fr}}
.ladder li small{font-weight:700;font-size:.66rem;opacity:.85;margin-inline-start:4px}
.ladder li.top{font-weight:800}
.vc-hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}
.vc-more{display:block;margin:18px auto 0}
.own-vc .vc-q li{display:block}.own-vc .vc-q p{margin:6px 0;white-space:pre-wrap;font-size:.92rem}.own-vc .vc-tag{display:inline-block;font-size:.72rem;font-weight:700;border-radius:999px;padding:1px 8px;margin-inline-end:4px;background:#FFF3D6;color:#7A5200}.own-vc .vc-tag.bad{background:#FBE3E0;color:#9B2C22}
.own-vc .vc-q .cx-row{flex-wrap:wrap;gap:6px;margin-top:6px}.own-vc .vc-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.own-vc .vc-tabs button[aria-pressed=true]{background:var(--ink,#13233A);color:#fff}
.own-vc .vc-q li{padding:12px 14px;background:var(--surface-2);border:1px solid var(--border)}.own-vc .acc-users.vc-q button{display:inline-flex;width:auto;padding:6px 12px;border-radius:999px;font-size:.82rem}
.own-vc .own-list small{margin-inline-start:6px}
/* v8.1.2 · the Library closes the Explore grid as one full-width row: icon · text · audience badges, no Play button */
.cx-tile.cx-wide{grid-column:1/-1;display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:"ic tag bd" "ic h3 bd" "ic p bd";column-gap:22px;row-gap:6px;align-items:center}
.cx-tile.cx-wide .ic{grid-area:ic;align-self:start}
.cx-tile.cx-wide .tag{grid-area:tag}
.cx-tile.cx-wide h3{grid-area:h3;margin:0}
.cx-tile.cx-wide p{grid-area:p;margin:0}
.cx-tile.cx-wide .mt-badges{grid-area:bd;justify-self:end}
@media (max-width:640px){.cx-tile.cx-wide{display:flex;flex-direction:column;align-items:stretch}}
.cx-tile.cx-wide.narrow{display:flex;flex-direction:column;align-items:stretch}
.cx-tile.cx-wide{align-content:center}
/* v8.1.3 · the Library row carries "Explore →" under the badges */
.cx-tile.cx-wide{grid-template-areas:"ic tag bd" "ic h3 bd" "ic p go"}
.cx-tile.cx-wide .go{grid-area:go;justify-self:end;margin:0}
/* ── v8.2 · network portal (network.html) ── */
.nt-gate{max-width:620px;margin:0 auto;display:grid;gap:12px;justify-items:start}
.nt-id{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;align-items:center;margin-bottom:14px}
.nt-id h2{margin:4px 0}.nt-role{font:700 11px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--turq)}
.nt-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.nt-kpis .fp-tile.warn{border-color:#EC6C25;background:color-mix(in srgb,#EC6C25 9%,var(--surface-2))}
.nt-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:6px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border)}
.nt-tabs button{border:0;background:none;color:var(--heading);font:600 .9rem var(--f-body);padding:9px 14px;border-radius:11px;cursor:pointer;min-height:40px}
.nt-tabs button[aria-selected=true]{background:var(--surface);box-shadow:0 2px 10px rgba(0,0,0,.08);color:var(--turq)}
.nt-tabs button i{font-style:normal;display:inline-block;min-width:20px;padding:1px 6px;border-radius:999px;background:#EC6C25;color:#fff;font-size:.75rem;margin-inline-start:4px}
.nt-body>.cx-panel,.nt-body>details,.nt-body>form{margin-bottom:14px}
.nt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;margin-bottom:14px}
.nt-grid>.cx-panel{margin:0}.nt-grid h3,.nt-body .cx-panel>h3{margin-top:0}
.nt-list li{align-items:center}.nt-list small,.nt-tbl small,.nt-msgs small{display:block;color:var(--muted);font-size:.8rem;font-weight:400}
.nt-tbl{overflow-x:auto;border:1px solid var(--border);border-radius:14px;margin:8px 0}
.nt-tbl table{width:100%;border-collapse:collapse;font-size:.88rem}
.nt-tbl th{text-align:start;font:700 .72rem var(--f-body);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);padding:9px 10px;white-space:nowrap}
.nt-tbl td{padding:9px 10px;border-top:1px solid var(--border);vertical-align:top}
.nt-tbl tr[data-mem]{cursor:pointer}.nt-tbl tr[data-mem]:hover,.nt-tbl tr[data-mem]:focus{background:color-mix(in srgb,var(--turq) 7%,transparent);outline:none}
.nt-tbl td.num{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.nt-tbl td.c{text-align:center}
.nt-chip{display:inline-block;padding:2px 9px;border-radius:999px;font:700 .72rem var(--f-body);background:var(--surface-2);border:1px solid var(--border);color:var(--heading);white-space:nowrap;margin:1px 2px}
.nt-chip.active,.nt-chip.approved,.nt-chip.live,.nt-chip.sent{background:color-mix(in srgb,#4CAE3F 16%,var(--surface));border-color:#4CAE3F}
.nt-chip.pending,.nt-chip.invited,.nt-chip.pilot,.nt-chip.sending,.nt-chip.draft,.nt-chip.dormant{background:color-mix(in srgb,#F5B301 16%,var(--surface));border-color:#E0A200}
.nt-chip.suspended,.nt-chip.rejected,.nt-chip.ended,.nt-chip.expired,.nt-chip.off,.nt-chip.paused,.nt-chip.network{background:color-mix(in srgb,#D9534F 12%,var(--surface));border-color:#D9534F}
.nt-form{display:grid;gap:12px}.nt-form label{display:grid;gap:5px;font-weight:600;font-size:.88rem;color:var(--heading)}
.nt-form input:not([type=checkbox]):not([type=file]),.nt-form select,.nt-form textarea,.nt-filters input,.nt-bulk select,.nt-ap input,.cx-controls input[type=date]{min-height:42px;border-radius:11px;border:1.5px solid var(--border-2);background:var(--surface-2);color:var(--heading);padding:7px 11px;font:inherit;width:100%;box-sizing:border-box}
.nt-form textarea{min-height:110px;resize:vertical}
.nt-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nt-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.nt-span2{grid-column:span 2}
.nt-inline{display:flex!important;align-items:center;gap:8px;font-weight:500!important}.nt-inline input{width:18px;height:18px}
.nt-checks{border:1px solid var(--border);border-radius:12px;padding:10px 12px;margin:0;display:grid;gap:5px}.nt-checks legend{font-weight:700;font-size:.85rem;padding:0 6px}
.nt-checks label{display:flex;gap:8px;align-items:center;font-weight:500;font-size:.86rem}
.nt-add summary{cursor:pointer;list-style:none;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.nt-add summary::-webkit-details-marker{display:none}.nt-add[open] summary{margin-bottom:14px}
.nt-sub{gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.nt-sub [aria-pressed=true]{background:var(--heading);color:var(--surface)}
.nt-bulk{gap:8px;align-items:center;flex-wrap:wrap}.nt-bulk select{width:auto;max-width:100%}
.nt-actions{gap:8px;flex-wrap:wrap;align-items:center}.nt-danger{color:#C0392B!important}
.nt-hint{margin:0;font-size:.86rem;font-weight:600}.nt-hint.ok{color:#2B8423}.nt-hint.up{color:#B0470F}
.nt-msgs{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.nt-msgs li{padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);cursor:pointer}.nt-msgs li.unread{border-inline-start:4px solid var(--turq)}.nt-msgs li.unread b{color:var(--turq)}
.nt-msgs li:focus,.nt-msgs li:hover{outline:none;border-color:var(--turq)}
.nt-mk{display:inline-block;font:700 .68rem var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-inline-end:8px}.nt-mk.announce{color:#B0470F}.nt-mk.request{color:#2B8423}
.nt-ap{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.nt-ap li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border)}
.nt-ap li p{margin:4px 0 0;font-size:.86rem;color:var(--muted)}.nt-ap form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.nt-ap input{width:200px}
.nt-dlg{max-width:620px;width:calc(100% - 24px);max-height:calc(100vh - 32px);border:0;border-radius:20px;padding:0;background:var(--surface);color:var(--text);box-shadow:0 30px 80px rgba(0,0,0,.4)}.nt-dlg.wide{max-width:860px}
.nt-dlg::backdrop{background:rgba(5,10,14,.6);backdrop-filter:blur(3px)}.nt-dlg-in{padding:24px;display:grid;gap:12px}.nt-dlg h2{margin:0}.nt-dlg h3{margin:8px 0 0}
.nt-x{position:sticky;top:8px;float:inline-end;margin:8px 8px 0 0;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--heading);font-size:1.3rem;cursor:pointer;z-index:2}
.nt-log{list-style:none;margin:0;padding:0;display:grid;gap:8px}.nt-log li{padding:8px 10px;border-radius:10px;background:var(--surface-2);font-size:.88rem}.nt-log li p{margin:4px 0 0}.nt-log.small li{font-size:.8rem;padding:6px 9px}
.nt-post{padding:12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}.nt-post header{font-size:.82rem;color:var(--muted);margin-bottom:6px}.nt-post header b{color:var(--heading)}
.nt-cell{border:1px dashed var(--border-2);background:none;color:var(--heading);border-radius:8px;padding:4px 8px;font:inherit;cursor:pointer;min-height:32px}.nt-cell:hover{border-color:var(--turq)}
.nt-link{border:0;background:none;padding:0;color:var(--heading);font:inherit;cursor:pointer;text-align:start}.nt-link:hover b{color:var(--turq)}
.nt-rk{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:14px}.nt-rk button.fp-tile{cursor:pointer;text-align:start;font:inherit;color:inherit}.nt-rk .fp-tile.on{border-color:var(--turq);box-shadow:0 0 0 2px color-mix(in srgb,var(--turq) 35%,transparent)}
.nt-bars{height:220px}.nt-bars span{white-space:nowrap;transform:rotate(-45deg);transform-origin:center;font-size:9px}
.nt-matrix select{min-height:34px;border-radius:9px;border:1.5px solid var(--border-2);background:var(--surface-2);color:var(--heading);font:inherit;padding:3px 6px}
.nt-matrix select.st-live{border-color:#4CAE3F}.nt-matrix select.st-pilot{border-color:#E0A200}.nt-matrix select.st-off{border-color:#D9534F;opacity:.75}
.nt-sumchips{margin:4px 0 8px;font-size:.88rem}
.btn.is-busy{opacity:.6;pointer-events:none}
@media (max-width:860px){.nt-id{grid-template-columns:1fr}.nt-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.nt-three{grid-template-columns:1fr 1fr}.nt-ap li{grid-template-columns:1fr}}
@media (max-width:560px){.nt-two,.nt-three{grid-template-columns:1fr}.nt-span2{grid-column:auto}.nt-tabs{overflow-x:auto;flex-wrap:nowrap}.nt-tabs button{white-space:nowrap}.nt-ap input{width:100%}}
/* v8.2 · leaderboard: labelled examples and live activity */
.fl-bd tr.ex td{opacity:.62;font-style:italic}.fl-bd tr.ex-h td{font-size:.8rem;color:var(--muted);background:var(--surface-2);padding:8px 10px;text-align:start}
.fl-ex{display:inline-block;font:700 10px var(--f-body);letter-spacing:.06em;text-transform:uppercase;padding:1px 7px;border-radius:999px;border:1px dashed var(--border-2);color:var(--muted);font-style:normal;vertical-align:middle}
.fl-live{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 10px;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--turq) 8%,var(--surface-2));border:1px solid var(--border);font-size:.9rem}
.fl-live b{font-variant-numeric:tabular-nums;color:var(--heading)}
.fl-recent{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.fl-recent li{font-size:.82rem;padding:4px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}.fl-recent small{color:var(--muted)}
/* v8.2 · CoE: move rows up and down */
.ca-mv{display:inline-flex;gap:2px;vertical-align:middle;margin-inline-end:6px;white-space:nowrap}
.ca-mv button{width:26px;height:26px;border-radius:7px;border:1px solid var(--border-2);background:var(--surface-2);color:var(--heading);font-size:10px;line-height:1;cursor:pointer;padding:0}
.ca-mv button:hover:not([disabled]),.ca-mv button:focus-visible{border-color:var(--turq);color:var(--turq);outline:none}
.ca-mv button[disabled]{opacity:.3;cursor:default}
/* v8.2 · Unicorn League ladder: each row lights up under the mouse (the orange row stays the current decision) */
.ladder li{transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}
@media (hover:hover){.ladder li:not(.now):hover{background:rgba(93,248,208,.16);color:#fff;box-shadow:inset 3px 0 0 #5DF8D0}[dir=rtl] .ladder li:not(.now):hover{box-shadow:inset -3px 0 0 #5DF8D0}.ladder li.done:hover{opacity:.9}}
.nt-empty{margin:6px 0 0}

/* ═══ v8.3 · The Unicorn League studio ═══════════════════════════════════════════════════════════════
   A live stage around the game: a drifting light field, sweeping spotlights with haze, a floor that moves,
   dust in the beams, a studio audience that cheers, groans or murmurs with every decision, a light ring that
   travels round the question card and a ladder light that glides to the current level.
   Transform and opacity only (plus one ring); everything stands still for prefers-reduced-motion. */
.ul-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:26px;padding:16px 20px 168px;background:#05101a;color:#e8f6f4;box-shadow:0 34px 90px -34px rgba(3,10,14,.75),inset 0 0 0 1px rgba(93,248,208,.14)}
.ul-fx{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ul-fx>*{position:absolute}
.ul-bg{inset:-18%;background:radial-gradient(38% 34% at 18% 22%,rgba(31,181,178,.34),transparent 70%),radial-gradient(34% 30% at 82% 18%,rgba(123,97,255,.30),transparent 70%),radial-gradient(46% 40% at 58% 92%,rgba(236,108,37,.20),transparent 70%),linear-gradient(180deg,#071823,#05111b 58%,#030a10);animation:ul-drift 22s ease-in-out infinite alternate;will-change:transform}
@keyframes ul-drift{0%{transform:translate3d(-3%,-2%,0) scale(1)}50%{transform:translate3d(3%,2%,0) scale(1.07)}100%{transform:translate3d(-1%,3%,0) scale(1.02)}}
.ul-floor{left:-35%;right:-35%;bottom:0;height:44%;perspective:380px;perspective-origin:50% 0;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 45%);mask-image:linear-gradient(180deg,transparent,#000 45%)}
.ul-floor i{position:absolute;left:0;right:0;top:0;height:220%;transform-origin:50% 0;background:repeating-linear-gradient(90deg,rgba(93,248,208,.12) 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,rgba(93,248,208,.10) 0 1px,transparent 1px 64px);animation:ul-floor 3.6s linear infinite;will-change:transform}
@keyframes ul-floor{from{transform:rotateX(64deg) translateY(-64px)}to{transform:rotateX(64deg) translateY(0)}}
.ul-beam{top:-10%;width:320px;height:135%;margin-inline-start:-160px;transform-origin:50% 0;background:linear-gradient(180deg,rgba(255,244,214,.42),rgba(255,244,214,.10) 55%,transparent 88%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);filter:blur(7px);mix-blend-mode:screen;opacity:.72;animation:ul-sweep 11s ease-in-out infinite alternate,ul-flick 3.4s ease-in-out infinite alternate;will-change:transform,opacity;transition:filter .4s}
.ul-beam.b1{left:10%;animation-duration:9s,3.1s;animation-delay:-2s,-1s}
.ul-beam.b2{left:37%;background:linear-gradient(180deg,rgba(93,248,208,.40),rgba(93,248,208,.09) 55%,transparent 88%);animation-duration:13s,4s;animation-delay:-6s,-2s}
.ul-beam.b3{left:63%;background:linear-gradient(180deg,rgba(245,179,1,.40),rgba(245,179,1,.09) 55%,transparent 88%);animation-duration:10s,3.6s;animation-delay:-8s,-.5s}
.ul-beam.b4{left:90%;background:linear-gradient(180deg,rgba(170,150,255,.38),rgba(170,150,255,.08) 55%,transparent 88%);animation-duration:12s,2.8s;animation-delay:-1s,-1.6s}
@keyframes ul-sweep{0%{transform:rotate(-24deg)}100%{transform:rotate(24deg)}}
@keyframes ul-flick{0%{opacity:.5}100%{opacity:.85}}
.ul-spot{left:4%;top:4%;width:70%;height:80%;background:radial-gradient(closest-side,rgba(255,250,235,.22),rgba(255,250,235,.07) 60%,transparent);mix-blend-mode:screen;animation:ul-spot 7s ease-in-out infinite alternate;transition:opacity .4s}
@keyframes ul-spot{from{transform:translateX(-3%) scale(1)}to{transform:translateX(3%) scale(1.05)}}
.ul-tint{inset:0;opacity:0;transition:opacity .35s ease}
.ul-tint.g{background:radial-gradient(70% 60% at 40% 50%,rgba(76,174,63,.28),transparent 70%)}
.ul-tint.r{background:radial-gradient(70% 60% at 40% 50%,rgba(229,72,77,.30),transparent 70%)}
.ul-tint.h{background:radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(236,108,37,.38));animation:ul-hurry 1s ease-in-out infinite alternate;opacity:0}
.ul-stage.cheer .ul-tint.g,.ul-stage.win .ul-tint.g{opacity:1}.ul-stage.groan .ul-tint.r{opacity:1}
.ul-stage.hurry .ul-tint.h{opacity:1}
@keyframes ul-hurry{from{transform:scale(1)}to{transform:scale(1.04)}}
.ul-dust{inset:0}
.ul-dust i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff6dc;opacity:0;box-shadow:0 0 6px 1px rgba(255,240,200,.55);animation:ul-dust var(--t,9s) linear infinite;animation-delay:var(--d,0s)}
@keyframes ul-dust{0%{opacity:0;transform:translate3d(0,0,0)}15%{opacity:.85}80%{opacity:.45}100%{opacity:0;transform:translate3d(var(--x,12px),-120px,0)}}
.ul-crowd{left:0;right:0;bottom:0;height:160px;transition:opacity .4s,filter .4s}
.ul-crowd svg{width:100%;height:100%;display:block}
.ul-p{transform-box:fill-box;transform-origin:50% 100%;animation:ul-bob var(--h,3s) ease-in-out infinite alternate;animation-delay:var(--d,0s)}
@keyframes ul-bob{from{transform:translateY(0)}to{transform:translateY(-2.5px)}}
.ul-p .hd{stroke:rgba(93,248,208,.22);stroke-width:1}
.ul-p .arm{opacity:0;transition:opacity .15s}
.ul-ph{fill:#dff8ff;opacity:0;animation:ul-phone 6s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes ul-phone{0%,72%,100%{opacity:0}78%,92%{opacity:.9}}
.ul-stage.cheer .ul-p,.ul-stage.win .ul-p{animation:ul-jump .38s cubic-bezier(.3,1.6,.5,1) 4 alternate;animation-delay:var(--j,0s)}
.ul-stage.cheer .ul-p .arm,.ul-stage.win .ul-p .arm{opacity:1}
@keyframes ul-jump{from{transform:translateY(0)}to{transform:translateY(-11px)}}
.ul-stage.cheer .ul-ph,.ul-stage.win .ul-ph{animation:ul-pflash .5s steps(2) 3}
@keyframes ul-pflash{0%{opacity:1}100%{opacity:.2}}
.ul-stage.groan .ul-p{animation:ul-sink .6s ease forwards}
@keyframes ul-sink{to{transform:translateY(5px)}}
.ul-stage.groan .ul-crowd{opacity:.65}
.ul-stage.buzz .ul-p{animation:ul-turn .5s ease-in-out 6 alternate;animation-delay:var(--j,0s)}
@keyframes ul-turn{from{transform:translateX(-1.5px) rotate(-3deg)}to{transform:translateX(1.5px) rotate(3deg)}}
.ul-stage.cheer .ul-beam{filter:blur(4px)}.ul-stage.groan .ul-beam{opacity:.22}.ul-stage.groan .ul-spot{opacity:.35}
.ul-pop{position:absolute;bottom:56px;z-index:3;font-size:22px;pointer-events:none;animation:ul-pop 1.6s ease-out forwards}
@keyframes ul-pop{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1;transform:translateY(-12px) scale(1.15)}100%{opacity:0;transform:translateY(-95px) scale(1)}}
.ul-conf{position:absolute;top:-12px;z-index:3;width:8px;height:12px;border-radius:2px;pointer-events:none;animation:ul-conf var(--t,2.8s) cubic-bezier(.2,.6,.4,1) forwards;animation-delay:var(--d,0s)}
@keyframes ul-conf{0%{transform:translate3d(0,0,0) rotate(0)}100%{transform:translate3d(var(--x,0),110vh,0) rotate(720deg)}}
/* the top bar: on air, live count and the game controls */
.ul-top{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin-bottom:14px}
.ul-live{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.ul-air{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(229,72,77,.16);border:1px solid rgba(229,72,77,.5);color:#ffd9d9;font:800 .7rem/1 var(--f-body);letter-spacing:.16em}
.ul-air i{width:8px;height:8px;border-radius:50%;background:#ff4d55;animation:ul-rec 1.6s ease-out infinite}
@keyframes ul-rec{0%{box-shadow:0 0 0 0 rgba(255,77,85,.75)}100%{box-shadow:0 0 0 10px rgba(255,77,85,0)}}
.ul-count{font:600 .8rem/1.2 var(--f-body);color:#bfe9e3}
.ul-stage .cx-controls{margin:0;align-items:center}
.ul-stage .cx-controls label{color:#e8f6f4!important}
.ul-stage .cx-controls .btn-ghost{color:#fff;border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.07)}
.ul-stage .cx-controls .btn-ghost:hover{background:rgba(255,255,255,.14)}
/* the stage holds the game: card with a travelling light ring, options with a light sweep */
.ul-stage .qz{position:relative;z-index:1}
.ul-stage+.cx-note,.ul-stage~.cx-note{margin-top:18px}
.ul-stage .qz>.cx-panel{position:relative;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 0 0 1px rgba(245,179,1,.30),0 26px 60px -22px rgba(0,0,0,.7),0 0 70px -12px rgba(93,248,208,.28)}
@property --ul-a{syntax:'<angle>';inherits:false;initial-value:0deg}
.ul-stage .qz>.cx-panel::after{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--ul-a),transparent 0 66%,rgba(245,179,1,.95) 78%,rgba(93,248,208,.95) 87%,transparent 95%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ul-ring 6s linear infinite;pointer-events:none}
@keyframes ul-ring{to{--ul-a:360deg}}
.ul-stage.cheer .qz>.cx-panel::after{animation-duration:1.2s}
.ul-stage .qz-opt{position:relative;overflow:hidden}
.ul-stage .qz-opt::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:translateX(-130%);pointer-events:none}
@media (hover:hover){.ul-stage .qz-opt:hover:not([disabled])::after{transition:transform .75s ease;transform:translateX(130%)}}
.ul-stage .qz-opt.ok{animation:ul-ok .8s ease}
@keyframes ul-ok{0%{box-shadow:0 0 0 0 rgba(76,174,63,.75)}100%{box-shadow:0 0 0 18px rgba(76,174,63,0)}}
.ul-stage .qz-opt.no{animation:ul-shake .45s ease}
@keyframes ul-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
.ul-stage .lifelines button{transition:transform .2s,box-shadow .2s}
.ul-stage .lifelines button:not([disabled]):hover{transform:translateY(-2px);box-shadow:0 8px 18px -8px rgba(245,179,1,.6)}
/* the live ladder: a light that glides to the current level, a progress meter, a scan of light and pulsing round markers */
.ul-stage .ladder{position:relative;overflow:hidden;--ul-p:0;background:linear-gradient(180deg,rgba(8,20,28,.94),rgba(11,36,44,.94));box-shadow:0 0 0 1px rgba(93,248,208,.2),0 22px 50px -20px rgba(0,0,0,.75)}
.ul-stage .ladder li{position:relative;z-index:1}
.ul-stage .ladder li.now{background:transparent;color:#1a1000}
.ladder li.ul-puck{position:absolute;z-index:0;left:0;top:0;padding:0;border-radius:9px;background:linear-gradient(90deg,#F5B301,#FF8A3D,#EC6C25,#FFC94D,#F5B301);background-size:300% 100%;box-shadow:0 0 22px rgba(245,179,1,.55),0 0 0 1px rgba(255,220,120,.65);transition:transform .75s cubic-bezier(.34,1.45,.64,1),width .3s,height .3s,opacity .3s;overflow:visible;pointer-events:none;opacity:0;animation:ul-flow 3.2s linear infinite,ul-glow 2.6s ease-in-out infinite}
/* the current level: the colour flows along the bar and its glow drifts from side to side, like a moving shadow of light */
@keyframes ul-flow{from{background-position:0% 50%}to{background-position:150% 50%}}
@keyframes ul-glow{0%,100%{box-shadow:-10px 0 20px -2px rgba(245,179,1,.75),10px 0 14px -6px rgba(236,108,37,.25),0 0 0 1px rgba(255,220,120,.7)}50%{box-shadow:10px 0 24px -2px rgba(236,108,37,.85),-10px 0 14px -6px rgba(245,179,1,.3),0 0 0 1px rgba(255,200,110,.75)}}
.ladder li.ul-puck.on{opacity:1}
.ladder li.ul-puck::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%);background-size:250% 100%;background-position:120% 0;animation:ul-shine 2.6s ease-in-out infinite}
.ladder li.ul-puck::before{content:"";position:absolute;inset:-6px -4px;border-radius:12px;background:radial-gradient(60% 120% at var(--gx,20%) 50%,rgba(255,214,120,.55),transparent 70%);filter:blur(6px);z-index:-1;animation:ul-gx 2.6s ease-in-out infinite}
@property --gx{syntax:'<percentage>';inherits:false;initial-value:20%}
@keyframes ul-gx{0%,100%{--gx:12%}50%{--gx:88%}}
@keyframes ul-shine{0%,45%{background-position:120% 0}100%{background-position:-20% 0}}
.ul-stage .ladder::after{content:"";position:absolute;left:0;right:0;top:0;height:30%;background:linear-gradient(180deg,transparent,rgba(93,248,208,.12),transparent);transform:translateY(340%);animation:ul-scan 6.5s ease-in-out infinite;pointer-events:none;z-index:0}
@keyframes ul-scan{0%{transform:translateY(340%)}55%,100%{transform:translateY(-120%)}}
.ul-stage .ladder::before{content:"";position:absolute;inset-inline-start:3px;top:10px;bottom:10px;width:3px;border-radius:3px;background:linear-gradient(0deg,#5DF8D0,#F5B301);box-shadow:0 0 10px rgba(93,248,208,.6);transform-origin:50% 100%;transform:scaleY(var(--ul-p));transition:transform .75s ease;z-index:2}
.ul-stage .ladder li.arrive{animation:ul-arrive .65s ease .25s}
@keyframes ul-arrive{0%,100%{transform:scale(1)}45%{transform:scale(1.07)}}
.ul-stage .ladder li.safe:not(.done)>span:first-child::after{content:"";display:inline-block;width:6px;height:6px;margin-inline-start:7px;border-radius:50%;background:#5DF8D0;vertical-align:middle;animation:ul-dot 2.2s ease-in-out infinite}
@keyframes ul-dot{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
.ul-stage .ladder li.top:not(.now){text-shadow:0 0 12px rgba(245,179,1,.55)}
@media (max-width:900px){.ul-stage .ladder::before{display:none}.ul-stage{padding-bottom:140px}.ul-crowd{height:135px}}
@media (max-width:600px){.ul-stage{padding:12px 12px 118px;border-radius:20px;margin-inline:-4px}.ul-crowd{height:112px}.ul-beam{width:220px;margin-inline-start:-110px}.ul-beam.b1,.ul-beam.b4{display:none}.ul-pop{bottom:44px}}
@media (prefers-reduced-motion:reduce){.ul-stage *,.ul-stage *::before,.ul-stage *::after{animation:none!important;transition:none!important}.ul-stage .ladder::after{display:none}.ul-beam.b2{transform:rotate(-10deg)}.ul-beam.b3{transform:rotate(10deg)}}
/* v8.3 · Invite by email (Speed Duel and Team League) */
dialog.inv-dlg [data-iv-to]{display:grid;gap:10px}
dialog.inv-dlg [data-iv-more]{justify-self:start}
dialog.inv-dlg .msg.ok{color:#2E8B3A;font-weight:600}
/* v8.3 · client programmes in the games: the programme bar and the sign-in gate */
.pk-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 16px;padding:12px 16px;border-radius:16px;background:color-mix(in srgb,var(--pc,#1FB5B2) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--pc,#1FB5B2) 40%,transparent);border-inline-start:5px solid var(--pc,#1FB5B2);color:var(--heading)}
.pk-bar .pk-org{font:800 .8rem/1 var(--f-body);letter-spacing:.04em;text-transform:uppercase;color:var(--pc,#1FB5B2)}
.pk-bar b{font:700 1.02rem/1.3 var(--f-head)}
.pk-bar .cx-muted{font-size:.88rem}
.pk-bar .pk-acts{display:flex;gap:8px;flex-wrap:wrap;margin-inline-start:auto}
.pk-gate{text-align:center;max-width:640px;margin:10px auto;display:grid;gap:8px;justify-items:center}
.pk-gate .pk-ic{font-size:2.2rem}
.pk-gate h2{margin:0}
/* ═══ v8.3 · Programmes (CoE workspace) and the player page ═══ */
.aw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:16px}
.aw-card{margin:0;border-top:4px solid var(--pc,#1FB5B2);display:grid;gap:8px;align-content:start}
.aw-card h3{margin:0}.aw-card p{margin:0}
.aw-card-h{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}
.aw-n{display:flex;gap:10px;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}
.aw-st{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font:700 .74rem/1.4 var(--f-body);background:color-mix(in srgb,var(--c,#8A94A6) 16%,transparent);color:color-mix(in srgb,var(--c,#8A94A6) 70%,var(--heading))}
.aw-st.live{--c:#4CAE3F}
.aw-games{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
.aw-g{font:600 .74rem/1 var(--f-body);padding:6px 9px;border-radius:999px;border:1px dashed var(--border-2,var(--border));color:var(--muted);opacity:.75}
.aw-g.on{border-style:solid;border-color:color-mix(in srgb,#4CAE3F 55%,transparent);background:color-mix(in srgb,#4CAE3F 10%,transparent);color:var(--heading);opacity:1}
.aw-kp{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.84rem;color:var(--muted)}.aw-kp b{color:var(--heading);font-size:1rem}
.aw-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;counter-reset:aw}
.aw-steps li{display:grid;gap:4px;padding:12px 14px;border-radius:14px;background:var(--surface-2);counter-increment:aw}
.aw-steps li b::before{content:counter(aw) " · ";color:#1FB5B2}
.aw-steps.sm li b::before{content:none}.aw-steps.sm li{grid-template-columns:auto 1fr;align-items:start;gap:10px}
.aw-steps.sm li>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#1FB5B2;color:#fff}
.aw-reqs{list-style:none;margin:0;padding:0;display:grid;gap:10px}.aw-reqs li{display:grid;gap:3px}.aw-reqs p{margin:2px 0 0;font-size:.88rem}
.aw-back{border:0;background:none;font:inherit;color:var(--a1,#1FB5B2);cursor:pointer;padding:0 4px}
.aw-tabs,.aw-sub{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.aw-tabs button,.aw-sub button{border:1px solid var(--border);background:var(--surface);color:var(--heading);border-radius:999px;padding:8px 14px;font:600 .86rem var(--f-body);cursor:pointer}
.aw-tabs button[aria-selected=true],.aw-sub button[aria-pressed=true]{background:#1FB5B2;border-color:#1FB5B2;color:#fff}
.aw-sub button{padding:6px 12px;font-size:.8rem}
.aw-need{margin:0 0 8px;font-size:.86rem}
.aw-lv{display:flex;flex-wrap:wrap;gap:8px;font-size:.82rem;color:var(--muted);margin:8px 0}.aw-lv span{padding:3px 8px;border-radius:8px;background:var(--surface-2)}.aw-lv span.ok{background:color-mix(in srgb,#4CAE3F 14%,transparent);color:var(--heading)}
.aw-act{white-space:nowrap}.aw-act .btn{padding:4px 10px;min-height:0}
.aw-form{max-width:640px}
.aw-opt{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:center}.aw-opt>span{font-weight:800;width:20px}
.aw-opt input[type=radio]{width:18px;height:18px;min-height:0}
.aw-chk{display:flex!important;gap:8px;align-items:flex-start;font-weight:500}.aw-chk input{width:18px;min-height:18px;margin-top:2px;flex:none}
.aw-fs{border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:grid;gap:6px}.aw-fs legend{font-weight:700;font-size:.86rem;padding:0 6px}
.aw-res{margin-top:14px;padding:14px 16px;border-radius:14px;background:var(--surface-2)}.aw-res h4{margin:6px 0}
.aw-errs,.aw-warns{margin:6px 0;padding-inline-start:18px;font-size:.86rem;max-height:280px;overflow:auto}
.aw-acc h3{margin:6px 0 0}.aw-line{margin:0}
.aw-code{font:800 1.05rem/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;padding:4px 8px;border-radius:8px;background:var(--surface-2)}
.aw-days{display:flex;align-items:flex-end;gap:3px;height:64px;margin:8px 0;padding:4px 0;border-bottom:1px solid var(--border)}.aw-days i{flex:1;max-width:16px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#5DF8D0,#1FB5B2)}
.aw-play{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:16px}
.aw-tile{display:grid;gap:4px;padding:14px;border-radius:16px;border:1px solid var(--border);background:var(--surface);color:var(--heading);text-decoration:none;transition:transform .2s,box-shadow .2s}
a.aw-tile:hover{transform:translateY(-3px);box-shadow:0 12px 26px -14px rgba(0,0,0,.35)}
.aw-tile span{font-size:1.6rem}.aw-tile small{color:var(--muted)}.aw-tile.off{opacity:.55;border-style:dashed}
.aw-msg{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border-2,var(--border));background:var(--surface-2);color:var(--heading);font:inherit}
.aw-del{color:#C0392B}
.aw-promo{border-inline-start:4px solid #F5B301}
@media (max-width:760px){.aw-steps{grid-template-columns:1fr}}
/* the player page (programmes.html) */
.pg-wrap{display:grid;gap:16px}
.pg-code{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.pg-code label{display:grid;gap:6px;font-weight:600;flex:1;min-width:200px}
.pg-code input{min-height:46px;border-radius:12px;border:1.5px solid var(--border-2);background:var(--surface-2);color:var(--heading);padding:8px 12px;font:700 1.05rem ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}
.pg-card{border-top:5px solid var(--pc,#1FB5B2);display:grid;gap:10px}
.pg-card h2{margin:0}.pg-card .pg-org{font:800 .78rem/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--pc,#1FB5B2)}
.pg-card .aw-play{margin:0}
.pg-empty{text-align:center}
/* v8.3 · Awareness programmes on the CoE page and the Business home */
.aw-pub{display:grid;gap:16px}
.aw-tbl table{font-size:.92rem}.aw-tbl td:first-child{white-space:nowrap}
.aw-sec .actions,.aw-band .actions{display:flex;flex-wrap:wrap;gap:10px}
.aw-band{background:linear-gradient(120deg,color-mix(in srgb,#F5B301 10%,var(--bg)),color-mix(in srgb,#1FB5B2 10%,var(--bg)))}
.aw-band .sec-head{max-width:860px}
@media (max-width:700px){.aw-tbl td:first-child{white-space:normal}}
/* v8.3 · Speed Duel: each player's time per question */
.secs-box{display:grid;gap:6px;margin:12px 0}
.secs-pick{display:inline-flex;flex-wrap:wrap;gap:6px}
.secs-pick button{min-width:58px;padding:8px 12px;border-radius:999px;border:1.5px solid var(--border-2,var(--border));background:var(--surface-2);color:var(--heading);font:700 .9rem var(--f-body);cursor:pointer;transition:background .15s,border-color .15s}
.secs-pick button[aria-pressed=true]{background:#EC6C25;border-color:#EC6C25;color:#fff}
.secs-pick button:focus-visible{outline:3px solid color-mix(in srgb,#EC6C25 45%,transparent);outline-offset:2px}
.secs-card .secs-pick{margin-top:6px}.secs-card .secs-pick button{min-width:50px;padding:6px 10px;font-size:.84rem}
.aw-ni{display:inline-flex;vertical-align:middle;margin-inline:6px}

/* ── v8.4 · export dialog, Branding module, "coming soon" labels ── */
.ex-dlg h3{margin:4px 0 8px}
.ex-secs{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin:10px 0 14px}
.ex-all{grid-column:1/-1;display:flex;gap:14px}
.ex-lnk{background:none;border:0;padding:0;color:var(--turq);font:700 .85rem var(--f-body);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ex-sec{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:start;padding:10px 12px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface-2);cursor:pointer}
.ex-sec:has(input:checked){border-color:var(--tc,var(--turq));background:color-mix(in srgb,var(--tc,var(--turq)) 8%,var(--surface))}
.ex-sec input{margin-top:3px;accent-color:var(--tc,var(--turq))}.ex-sec span{font-weight:700;color:var(--heading)}.ex-sec span i{font-weight:400;font-style:normal;color:var(--muted);font-size:.8rem}
.ex-sec small{grid-column:2;color:var(--muted);font-size:.8rem}
.ex-fmts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:4px 0 10px}
.ex-fmt{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface-2);cursor:pointer;text-align:center}
.ex-fmt input{position:absolute;opacity:0;pointer-events:none}.ex-fmt>span{font-size:1.4rem}.ex-fmt b{color:var(--heading)}.ex-fmt small{color:var(--muted);font-size:.75rem;line-height:1.3}
.ex-fmt:has(input:checked){border-color:var(--tc,var(--turq));box-shadow:0 0 0 3px color-mix(in srgb,var(--tc,var(--turq)) 22%,transparent)}
.ex-fmt:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--tc,var(--turq)) 45%,transparent);outline-offset:2px}
.ex-brand{margin:6px 0 12px;font-size:.88rem;color:var(--muted)}
@media (max-width:620px){.ex-fmts{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-secs{grid-template-columns:1fr}}
.br-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-bottom:14px}
.br-card h3{margin:0 0 10px;font-size:1.05rem}.br-card h3 small{font-weight:400;font-size:.78rem}
.br-prev{display:flex;align-items:center;justify-content:center;min-height:110px;margin-bottom:10px;border:1.5px dashed var(--border);border-radius:12px;background:#fff;padding:12px}
.br-prev img{max-width:100%;max-height:90px;object-fit:contain}
.br-up{cursor:pointer}.br-up:focus-within{outline:3px solid color-mix(in srgb,var(--turq) 45%,transparent);outline-offset:2px}
.br-col{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 0;font-size:.9rem}.br-sw{width:22px;height:22px;border-radius:6px;border:1px solid var(--border);display:inline-block}
.br-on{margin:0 0 6px}.br-notes{margin:0 0 10px;padding-inline-start:18px;font-size:.84rem;color:var(--muted)}.br-notes li{margin:2px 0}
.br-guide ul{padding-inline-start:20px}.br-guide li{margin:6px 0}
.ca-ok{padding:10px 14px;margin-bottom:12px;border-radius:12px;background:color-mix(in srgb,#4CAE3F 12%,var(--surface));border:1.5px solid color-mix(in srgb,#4CAE3F 45%,transparent);color:var(--heading);font-weight:600}
.soon-t{font-size:.42em;font-weight:700;letter-spacing:.02em;vertical-align:middle;opacity:.85;white-space:nowrap}
.soon-b{display:inline-block;margin-inline-start:6px;padding:2px 9px;border-radius:999px;background:#F5B301;color:#0B1620;font:800 .68rem/1.5 var(--f-body);letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;white-space:nowrap}
.btn .soon-b{margin-inline-start:8px;font-size:.64rem}
html[lang=ar] .soon-b{text-transform:none;letter-spacing:0;font-size:.74rem}
/* v8.4 · owner: Needs your action */
.own-exc{margin-bottom:16px;border:2px solid var(--border)}
.own-xh{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.own-xfs{display:flex;gap:6px;flex-wrap:wrap}
.own-xf{padding:6px 12px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface-2);color:var(--heading);font:600 .85rem var(--f-body);cursor:pointer}
.own-xf[aria-pressed=true]{border-color:var(--heading);background:var(--heading);color:var(--surface)}
.own-xfocus{margin:10px 0;padding:8px 12px;border-radius:10px;font-weight:700}
.own-xfocus.r{background:color-mix(in srgb,#E0457B 12%,var(--surface));color:var(--heading)}.own-xfocus.a{background:color-mix(in srgb,#F5B301 16%,var(--surface))}.own-xfocus.g{background:color-mix(in srgb,#4CAE3F 14%,var(--surface))}
.own-xl{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.own-xl li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface-2)}
.own-xl li.r{border-inline-start:6px solid #E0457B}.own-xl li.a{border-inline-start:6px solid #F5B301}
.own-xd{width:12px;height:12px;border-radius:50%;background:#F5B301}.own-xl li.r .own-xd{background:#E0457B;box-shadow:0 0 0 4px color-mix(in srgb,#E0457B 25%,transparent)}
.own-xl li div{display:flex;flex-direction:column;gap:2px;min-width:0}.own-xl small{color:var(--muted);font-size:.78rem}.own-xl b{color:var(--heading)}.own-xl span{color:var(--muted);font-size:.88rem}
.own-xt{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.own-xt span{display:flex;flex-direction:column;padding:8px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);min-width:140px}
.own-xt small{color:var(--muted);font-size:.75rem}.own-xt b{font-size:1.2rem;color:var(--heading)}.own-xt em{font-style:normal;color:var(--muted);font-size:.75rem}
@media (max-width:620px){.own-xl li{grid-template-columns:auto 1fr}.own-xl li>a,.own-xl li>button{grid-column:2;justify-self:start}}
/* v8.4 · Process (BPR) library picker: the three steps of the Operations Pool */
.px-lib-q{flex:1 1 240px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1.5px solid #1FB5B2;border-radius:10px;background:var(--surface)}
.px-lib-q input[type=search]{flex:1;border:0!important;padding:8px 0!important;background:transparent!important;outline:0;min-width:0}
.px-steps{display:grid;gap:8px;margin:10px 0 4px;transition:opacity .2s}
.px-steps.off{opacity:.45}
.px-st{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:start}
.px-no{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#1C232C;color:#fff;font:800 .75rem var(--f-body);margin-top:1px}
html[data-theme=dark] .px-no{background:#1FB5B2;color:#05121A}
.px-sth{margin:0 0 4px;font:700 .8rem var(--f-body);color:var(--heading)}
.px-sth0{margin:0;font-size:.78rem}
.px-chips{display:flex;flex-wrap:wrap;gap:5px}
.px-chips button{--c:#1FB5B2;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1.5px solid color-mix(in srgb,var(--c) 45%,var(--border));border-radius:99px;background:var(--surface);color:var(--heading);font:600 .76rem var(--f-body);cursor:pointer}
.px-chips button b{font-size:.68rem;color:var(--muted);font-weight:700}
.px-chips button[aria-pressed=true]{background:var(--c);border-color:var(--c);color:#fff}
.px-chips button[aria-pressed=true] b{color:#fff}
.px-chips button:disabled{opacity:.4;cursor:default}
.px-lib-path{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border)}
.px-lib-path p{margin:0;font:700 .8rem var(--f-body);color:var(--heading)}
.px-lib-res button{border-inline-start:4px solid var(--c,#1FB5B2)}
.ca-form label.px-lib-q{display:flex;align-items:center;gap:6px;font-weight:500;font-size:.9rem}
.ca-form .px-lib-f select{width:auto}
.ca-form .px-lib-q input[type=search]{width:auto;flex:1 1 auto;min-height:0}
/* v8.4.2 · the lane titles stay in view while the process map scrolls sideways */
.px-flow{padding:6px 0}
.px-fi{display:flex;width:max-content;min-width:100%}
.px-fi > .px-svg{flex:none}
.px-lanes{position:sticky;left:0;z-index:2;box-shadow:6px 0 10px -6px rgba(11,24,32,.28)}
html[dir=rtl] .px-lanes{left:auto;right:0;box-shadow:-6px 0 10px -6px rgba(11,24,32,.28)}
.px-lbg{fill:var(--surface)}
.px-lg{cursor:default}
.pl-lanes{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 10px;font-size:.8rem}
.pl-lanes small{width:100%;color:var(--muted);font-weight:700}
.pl-lanes span{padding:3px 10px;border-radius:99px;border:1px solid var(--border);background:var(--surface-2);color:var(--heading);font-weight:600}
.pl-lanes i{font-style:normal;color:var(--muted)}
/* v8.4.2 · two levels in the library: one process (L3) or an end-to-end journey across units */
.px-kind,.pl-kind{display:flex;flex-wrap:wrap;width:100%;border-radius:12px;margin-bottom:10px}
.px-kind button,.pl-kind button{flex:1 1 220px;padding:9px 14px;font-size:.84rem}
.px-kind button b,.pl-kind button b{margin-inline-start:6px;padding:1px 7px;border-radius:99px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.72rem}
.px-jl{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.px-jl i{font-style:normal;font-size:.72rem;padding:2px 8px;border-radius:99px;background:var(--surface);border:1px solid var(--border);color:var(--heading)}
.px-l3{margin-inline-start:4px;border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:1px 5px;font-size:.8rem;cursor:pointer;line-height:1.3}
.px-l3:hover{border-color:#1FB5B2}
.pl-e2e-intro{margin:0 0 10px;font-size:.85rem}
.pl-up button{padding:3px 10px;border-radius:99px;border:1px solid color-mix(in srgb,#1FB5B2 45%,var(--border));background:color-mix(in srgb,#1FB5B2 8%,var(--surface));color:var(--heading);font:600 .78rem var(--f-body);cursor:pointer}
.pl-up button:hover{border-color:#1FB5B2}
.pl-jreg{margin:4px 0 10px;font-size:.84rem;font-weight:600}
.pl-jt td{vertical-align:top}
.pl-jt .pl-jg td{background:color-mix(in srgb,#E0457B 5%,var(--surface));font-size:.82rem}
.pl-jl{display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:4px 8px;cursor:pointer;text-align:start;color:var(--heading);font:inherit}
.pl-jl:hover{border-color:#1FB5B2}
.pl-jl span{font-size:.8rem;font-weight:600}.pl-jl small{font-size:.68rem;color:var(--muted)}
.pl-jdl{color:var(--muted);font-weight:500}
/* v8.5 · Customer experience (CX) module: journey blueprints */
.cx-grid .cx-tile{gap:6px}
.cx-cmp{display:flex;flex-wrap:wrap;gap:10px 16px}
.cx-cmp span{display:flex;flex-direction:column}.cx-cmp small{font-size:.68rem;color:var(--muted)}.cx-cmp em{font-style:normal;font-weight:700;font-size:.9rem}.cx-cmp em b.go{color:#1E8E3E}
.cx-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.cx-scores{display:flex;flex-wrap:wrap;gap:8px}
.cx-sc{display:flex;flex-direction:column;padding:6px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.cx-sc small{font-size:.68rem;color:var(--muted);font-weight:700}.cx-sc b{font-size:.88rem}.cx-sc em{font-style:normal}.cx-sc em.go{color:#1E8E3E}
.cx-tabs{flex-wrap:wrap}
.cx-who{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
.cx-who label{display:grid;gap:4px;font:700 .8rem var(--f-body);color:var(--heading)}
.cx-who textarea{width:100%;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--heading);font:500 .86rem var(--f-body);resize:vertical}
@media (max-width:760px){.cx-who{grid-template-columns:1fr}}
.cx-legend{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:.74rem}
.cx-flow{background:#FFFFFF}
html[data-theme=dark] .cx-flow{border-color:#2A3540}
.cx-tbl input[data-f=txt]{min-width:220px}
.cx-tbl select{min-width:120px;max-width:none}
.cx-lay{white-space:nowrap;font-size:.72rem;padding:4px 8px}
.cx-layf fieldset{border:1px solid var(--border);border-radius:12px;padding:8px 12px;margin:0}
.cx-layf legend{font:700 .8rem var(--f-body);padding:0 6px}
.cx-layf details{border-top:1px dashed var(--border);padding:4px 0}
.cx-layf summary{cursor:pointer;font:600 .82rem var(--f-body);padding:4px 0}.cx-layf summary small{color:var(--muted);font-weight:500}
.cx-cks{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:2px 12px}
.cx-cks .ca-ck{font-size:.8rem;font-weight:500}
.cx-cks code{font-size:.72rem;background:var(--surface-2);padding:0 4px;border-radius:4px}
.cx-brow{display:grid;grid-template-columns:minmax(150px,1.2fr) 110px 110px 1fr auto;gap:6px;align-items:center;margin:0 0 6px}
.cx-brow small{color:var(--muted);font-size:.72rem}
.cx-brow button{border:0;background:transparent;font-size:1.1rem;cursor:pointer;color:var(--muted)}
@media (max-width:760px){.cx-brow{grid-template-columns:1fr 1fr}}
.cx-xp{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;margin:0 0 14px}
@media (max-width:900px){.cx-xp{grid-template-columns:1fr}}
.cx-xp .cx-panel h3{margin-top:0}
.cx-curve{width:100%;height:auto;display:block}
.cx-pg,.cx-mt{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cx-pg li{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;border-inline-start:4px solid var(--c,#8A96A3);background:var(--surface-2);font-size:.84rem}
.cx-pg li.pain{--c:#C0392B}.cx-pg li.gain{--c:#1E8E3E}
.cx-pg li span{color:var(--text);font-size:.8rem}
.cx-mt li{font-size:.84rem}
.cx-ideas{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.cx-idea{border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:var(--surface);display:flex;flex-direction:column;gap:6px}
.cx-idea.on{border-color:#1FB5B2;box-shadow:0 0 0 2px color-mix(in srgb,#1FB5B2 22%,transparent)}
.cx-idea header{display:flex;justify-content:space-between;gap:8px;align-items:center}
.cx-ind{font:700 .7rem var(--f-body);text-transform:uppercase;letter-spacing:.04em;color:#0E8FA8}
.cx-lev{font:700 .68rem var(--f-body);padding:2px 8px;border-radius:99px;background:var(--surface-2);color:var(--heading)}
.cx-idea h4{margin:0;font-size:.98rem}.cx-idea p{margin:0;font-size:.82rem}
.cx-en{display:flex;flex-wrap:wrap;gap:4px}.cx-en code{font-size:.7rem;padding:1px 6px;border-radius:6px;background:var(--surface-2);color:var(--muted)}.cx-en code.ok{background:color-mix(in srgb,#1FB5B2 14%,var(--surface));color:#0E5F5D}
.cx-used{color:#1E8E3E;font-weight:700}
.cx-apply{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:auto;padding-top:6px;border-top:1px dashed var(--border)}
.cx-apply select{flex:1 1 160px;max-width:100%;padding:5px 8px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--heading);font:inherit;font-size:.78rem}
.cx-apply .ca-ck{font-size:.76rem}
.cx-apih{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 10px}
.cx-apih h3{margin:0 0 6px}.cx-rd{color:#0E8FA8}
.cx-bar{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden;max-width:420px}.cx-bar i{display:block;height:100%;background:linear-gradient(90deg,#1FB5B2,#86F03C)}
.cx-ty{font:700 .7rem var(--f-body);padding:2px 8px;border-radius:99px;white-space:nowrap}.cx-ty.ext{background:color-mix(in srgb,#1FB5B2 16%,var(--surface));color:#0E5F5D}.cx-ty.int{background:var(--surface-2);color:var(--muted)}
.cx-inv select{padding:4px 6px;border-radius:8px;font-size:.78rem}.cx-inv select.rd-live{border-color:#1E8E3E}.cx-inv select.rd-build{border-color:#B7791F}.cx-inv select.rd-contract{border-color:#C0392B}
.cx-inv input{max-width:140px}.cx-inv select{min-width:150px}
.cx-ops code{font-size:.72rem;white-space:nowrap}.cx-ops code.ext{color:#0E5F5D;font-weight:700}
.cx-ops td small{display:block;color:var(--muted);font-size:.72rem}
.cx-io small{max-width:340px;white-space:normal}
.cx-ctl{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.cx-ctl li{display:flex;gap:8px;align-items:flex-start;font-size:.84rem;padding:7px 10px;border-radius:10px;background:var(--surface-2)}
.cx-ctl li span{font-weight:800}.cx-ctl li.ok span{color:#1E8E3E}.cx-ctl li.gap{background:color-mix(in srgb,#E67E22 10%,var(--surface))}.cx-ctl li.gap span{color:#C0392B}.cx-ctl li.info span{color:#0E8FA8}
.cx-back td small{display:block;color:var(--muted);font-size:.74rem}
.cx-au{display:inline-block;padding:2px 8px;border-radius:99px;background:var(--c);color:#FFFFFF;font:700 .7rem var(--f-body)}
.cx-e2e{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;border-color:#1FB5B2}
.cx-e2e p{margin:4px 0 0}
.cx-segs{margin:8px 0 0}
.cx-pick-sel p{margin:4px 0;font-size:.82rem}.cx-pick-sel small{color:var(--muted);font-weight:700}

.cx-ops td.nw{white-space:nowrap}
.cx-cleg{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}.cx-cleg .cx-sw{flex:none}
/* ═══ v9.0 · Data intelligence panel (embedded tab in PMO, KPIs, SLA, Process, CX) ═══ */
.da{display:grid;gap:16px}
.da-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.da-lv{flex-wrap:wrap;border-radius:14px}
.da-lvd{margin:0;font-size:.85rem;flex:1 1 260px}
.da-src{padding:16px 18px!important;display:grid;gap:8px}
.da-src-h{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between}
.da-src-h>div:first-child{display:grid;gap:2px}
.da-src-h small{font:700 11px var(--f-body);letter-spacing:.07em;text-transform:uppercase;color:var(--a1)}
.da-src-h b{font:700 1.05rem var(--f-head);color:var(--heading)}
.da-hl.go{border-color:#2FA37A;color:#1E7D5C}.da-hl.am{border-color:#D99A1E;color:#9A6A08}.da-hl.ca-late{border-color:#E0457B;color:#B42D5E}
html[data-theme=dark] .da-hl.go{color:#7FD8B0}html[data-theme=dark] .da-hl.am{color:#F2C46A}html[data-theme=dark] .da-hl.ca-late{color:#F59AB9}
.da-story{margin:0;font-size:.9rem;color:var(--heading);line-height:1.55}
.da-try{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.da-try small{font-weight:700;color:var(--muted)}
.da-try .px-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1.5px solid color-mix(in srgb,#1FB5B2 45%,var(--border));border-radius:99px;background:var(--surface);color:var(--heading);font:600 .78rem var(--f-body);cursor:pointer;text-align:start}
.da-try .px-chip:hover{background:color-mix(in srgb,#1FB5B2 10%,var(--surface))}
.da-q{display:grid;gap:8px}
.da-q b{font:700 .95rem var(--f-head);color:var(--heading)}
.da-q .px-chips button[aria-pressed=true]{background:#00938F;border-color:#00938F;color:#fff}
.da-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.da-tile{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:3px;align-items:start;text-align:start;padding:12px 14px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);color:var(--heading);font:inherit;cursor:pointer;transition:transform .2s var(--ease,ease),border-color .2s}
.da-tile:hover{transform:translateY(-2px);border-color:#1FB5B2}
.da-tile .da-ti{grid-row:1/3;font-size:1.5rem;line-height:1}
.da-tile b{font-size:.92rem;line-height:1.25}
.da-tile b em{font-style:normal;font:700 10px var(--f-body);letter-spacing:.05em;text-transform:uppercase;color:#fff;background:#00938F;border-radius:99px;padding:2px 7px;margin-inline-start:4px;vertical-align:middle}
.da-tile small{font-size:.76rem;color:var(--muted);line-height:1.35}
.da-tile.rec{border-color:#00938F;background:color-mix(in srgb,#00938F 8%,var(--surface))}
.da-tile.far{opacity:.72}
.da-tile[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}
.da-tile[aria-disabled=true] small{color:#B42D5E}
html[data-theme=dark] .da-tile[aria-disabled=true] small{color:#F59AB9}
.da-none{padding:22px;border:1.5px dashed var(--border-2,var(--border));border-radius:16px;text-align:center;color:var(--muted)}
.da-card{display:grid;gap:12px;padding:18px!important;scroll-margin-top:90px}
.da-ch{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
.da-ch .da-ti{font-size:1.6rem;line-height:1.1}
.da-ch>div:nth-child(2){flex:1 1 240px;min-width:0}
.da-ch h4{margin:0;font:700 1.02rem/1.35 var(--f-head);color:var(--heading)}
.da-ch small{color:var(--muted);font-size:.78rem}
.da-act{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.da-set{border:1px solid var(--border);border-radius:14px;background:var(--surface-2);padding:12px}
.da-form{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end}
.da-form label{display:grid;gap:4px;font:600 .8rem var(--f-body);color:var(--heading);min-width:150px;max-width:260px}
.da-form select,.da-form input{min-height:38px;border-radius:10px;border:1.5px solid var(--border-2,var(--border));background:var(--surface);color:var(--heading);padding:6px 10px;font:inherit;font-weight:500}
.da-form select[multiple]{min-height:96px;padding:4px}
.da-form .da-ttl{flex:1 1 280px;max-width:none}
.da-tests{display:flex;flex-wrap:wrap;gap:4px 10px;border:1px solid var(--border);border-radius:10px;padding:6px 10px;margin:0}
.da-tests legend{font:700 .75rem var(--f-body);color:var(--muted);padding:0 4px}
.da-tests label{display:inline-flex;min-width:0;gap:3px;align-items:center;font-weight:600}
.da-svg{border-radius:14px;border:1px solid var(--border);background:#FFFFFF;padding:6px;overflow-x:auto}
.da-svg svg{margin:0 auto}
.da-svg [data-tip]{cursor:crosshair}
.da-ins{display:grid;gap:8px;border-inline-start:4px solid #00938F;padding:4px 0 4px 14px;padding-inline-start:14px;padding-inline-end:0}
.da-ins ul{margin:0;padding-inline-start:20px;display:grid;gap:4px;font-size:.88rem;line-height:1.5}
.da-head{margin:0;font:700 1rem/1.45 var(--f-head);color:var(--heading)}
.da-exec{margin:0;font-weight:700;color:#00756F}
html[data-theme=dark] .da-exec{color:#5DE0D6}
.da-warn{list-style:none;padding:0!important;color:#9A6A08}
html[data-theme=dark] .da-warn{color:#F2C46A}
.da-stats{display:flex;flex-wrap:wrap;gap:8px}
.da-stats span{display:grid;gap:1px;padding:6px 10px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);min-width:92px}
.da-stats small{font-size:.68rem;color:var(--muted);font-weight:600}
.da-stats b{font:700 .92rem var(--f-head);color:var(--heading);direction:ltr;unicode-bidi:isolate}
.da-tag{margin:4px 0 0;font:700 .78rem var(--f-body);letter-spacing:.05em;text-transform:uppercase;color:var(--a1)}
.da-tbl{max-height:360px;overflow:auto}
.da-how,.da-ctx{border:1px solid var(--border);border-radius:12px;padding:10px 14px;background:var(--surface)}
.da-how summary,.da-ctx summary{cursor:pointer;font-weight:700;color:var(--heading)}
.da-how dl{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:6px 14px;margin:10px 0 2px;font-size:.88rem}
.da-how dt{font-weight:700;color:var(--muted)}
.da-how dd{margin:0;line-height:1.5}
.da-ctx ol{margin:8px 0;padding-inline-start:22px;display:grid;gap:6px;font-size:.88rem;line-height:1.5}
.da-ctx li .btn{margin-inline-start:6px;padding:2px 9px;font-size:.74rem}
.da-reveal{margin:8px 0 0;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,#EC6C25 10%,var(--surface));border:1px solid color-mix(in srgb,#EC6C25 35%,var(--border));font-size:.88rem;line-height:1.55}
.da-find{display:grid;gap:10px}
.da-fh{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.da-fh h3{margin:0}
.da-stl{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.85rem}
.da-fl{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.da-fl button{width:100%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;align-items:center;text-align:start;padding:9px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--heading);font:inherit;cursor:pointer}
.da-fl button:hover{border-color:#1FB5B2}
.da-fl .da-st{grid-row:1/3}
.da-fl b{font-size:.9rem}.da-fl small{color:var(--muted);font-size:.75rem}
.da-st{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;font:700 .72rem var(--f-body);white-space:nowrap;border:1px solid}
.da-st-observed{color:#4A5866;border-color:#A9B4BE;background:#F1F4F6}
.da-st-explained{color:#7A5A00;border-color:#E2C063;background:#FFF6DB}
.da-st-confirmed{color:#16704F;border-color:#7CCBA8;background:#E5F6EE}
.da-st-contradicted{color:#A3264F;border-color:#EFA3BC;background:#FCE8EF}
html[data-theme=dark] .da-st-observed{color:#C8D2DB;border-color:#4A5866;background:#1B242D}
html[data-theme=dark] .da-st-explained{color:#F2D27A;border-color:#7A5A00;background:#2A2410}
html[data-theme=dark] .da-st-confirmed{color:#8FE0BB;border-color:#16704F;background:#0F261D}
html[data-theme=dark] .da-st-contradicted{color:#F5A7C1;border-color:#A3264F;background:#2B121B}
.da-ff fieldset{border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:grid;gap:8px;margin:0}
.da-ff legend{font-weight:700;padding:0 4px;color:var(--heading)}
.da-ev{display:grid;gap:6px;padding:8px;border-radius:10px;background:var(--surface-2)}
.da-ev p{margin:0}.da-ev p small{color:var(--muted);font-weight:600}
.da-evr{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.da-evr select{flex:1 1 160px}
.da-why{display:grid!important;grid-template-columns:72px 1fr;align-items:center;gap:8px}
.da-why span{font-weight:700;color:var(--muted);font-size:.8rem}
.da-sts{display:grid;gap:6px}
.da-sts .ca-ck{flex-wrap:wrap}
.da-sts .ca-ck small{flex-basis:100%;color:var(--muted);font-size:.74rem;padding-inline-start:24px}
.da-sts .ca-ck.off{opacity:.5}
.da-conf{align-items:flex-start!important;padding:10px 12px;border-radius:12px;border:1.5px solid #EC6C25;background:color-mix(in srgb,#EC6C25 8%,var(--surface));line-height:1.5}
.da-conf input{margin-top:4px;flex:none}
.da-choice{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.da-choice .px-chip{padding:6px 12px;border:1.5px solid var(--border);border-radius:99px;background:var(--surface);color:var(--heading);font:600 .82rem var(--f-body);cursor:pointer}
.da-choice .px-chip[aria-pressed=true]{background:#00938F;border-color:#00938F;color:#fff}
.da-tip{position:fixed;z-index:9999;display:none;max-width:280px;padding:7px 10px;border-radius:9px;background:#0A0F14;color:#fff;font:600 12px/1.45 var(--f-body);box-shadow:0 6px 18px rgba(0,0,0,.25);pointer-events:none;white-space:pre-line}
@media (max-width:640px){.da-how dl{grid-template-columns:1fr}.da-form label{max-width:none;flex:1 1 100%}.da-tiles{grid-template-columns:1fr 1fr}}
@media print{.da-act,.da-set,.da-tiles,.da-q,.da-top{display:none!important}}
/* ═══ v9.0 · Strategy library (500 plays) in the Strategy module ═══ */
.bm-row.todo{opacity:.92}.bm-todo{padding:8px 12px;border:1.5px dashed var(--border-2,var(--border));border-radius:10px;font-size:.8rem;color:var(--muted)}
.stl{display:grid;gap:12px}
.stl-hero{padding:14px 16px;border-radius:14px;background:color-mix(in srgb,#1FB5B2 8%,var(--surface));border:1px solid color-mix(in srgb,#1FB5B2 30%,var(--border))}
.stl-hero b{font:700 1.02rem var(--f-head);color:var(--heading)}.stl-hero p{margin:4px 0 0;font-size:.86rem;line-height:1.55}
.stl-fams button[aria-pressed=true]{background:var(--c);border-color:var(--c);color:#fff}.stl-fams button[aria-pressed=true] b{color:#fff}
.stl-f{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.stl-f select{min-height:40px;border-radius:10px;border:1.5px solid var(--border-2,var(--border));background:var(--surface);color:var(--heading);padding:6px 10px;font:inherit;font-size:.85rem;max-width:230px}
.stl-f .px-lib-q{flex:1 1 260px}
.stl-n{margin:0;font-size:.82rem}
.stl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.stl-card{display:flex;flex-direction:column;gap:5px;text-align:start;padding:13px 15px;border-radius:14px;border:1px solid var(--border);border-inline-start:4px solid var(--c);background:var(--surface);color:var(--heading);font:inherit;cursor:pointer;transition:transform .2s,border-color .2s}
.stl-card:hover{transform:translateY(-2px);border-color:var(--c)}
.stl-card.on{background:color-mix(in srgb,var(--c) 7%,var(--surface))}
.stl-card b{font:700 .95rem/1.35 var(--f-head)}.stl-card small{font-size:.8rem;color:var(--muted);line-height:1.45}
.stl-k{font:700 10.5px var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--c)}
.stl-b{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 0}
.stl-b i{font-style:normal;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}
.stl-d h3{margin:4px 0 6px}.stl-d h4{margin:16px 0 4px;font-size:.92rem;color:var(--heading)}.stl-d p,.stl-d li{font-size:.9rem;line-height:1.6}
.stl-d ol,.stl-d ul{margin:4px 0;padding-inline-start:22px;display:grid;gap:4px}
.stl-real{margin-top:14px;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,#EC6C25 9%,var(--surface));border:1px solid color-mix(in srgb,#EC6C25 32%,var(--border))}
.stl-real h4{margin-top:2px}
.stl-act{margin-top:14px}.stl-st{font-weight:700;color:#1E7D5C}
.stl-note{font-size:.76rem;margin-top:10px}
.stl-tbl ol{margin:0;padding-inline-start:18px;font-size:.8rem;display:grid;gap:2px}
.stl-lnk{display:grid;gap:1px;text-align:start;border:0;background:none;padding:0;color:var(--link);cursor:pointer;font:inherit}.stl-lnk small{color:var(--muted);font-size:.7rem}
@media (max-width:640px){.stl-grid{grid-template-columns:1fr}.stl-f select{max-width:none;flex:1 1 45%}}
/* v9.0 · library pickers inside "new item" dialogs, and the starter-cards option on new boards */
.wl-tpl label [data-lpick],.wl-tpl label [data-lsel],.wl-tpl label select{grid-column:2;justify-self:start}
.wl-tpl label [data-lsel]{color:#1E7D5C!important;font-weight:700!important}
.wl-tpl label:has(input[name=from][value=lib]),.wl-tpl label:has(input[name=from][value=strat]),.wl-tpl label:has(input[name=from][value=cx]),.wl-tpl label:has(input[name=from][value=opt]){grid-column:1/-1}
.wl-start{align-items:flex-start!important;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#1FB5B2 7%,var(--surface));border:1px solid color-mix(in srgb,#1FB5B2 28%,var(--border))}
.wl-start input{margin-top:3px}
.pl-pick{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pl-pick select{max-width:220px}
.pl-res{max-height:52vh}
/* v9.0 · the 🤖 automation-scope flag, wherever a library process appears */
.at-f{display:inline-grid;place-items:center;width:1.45em;height:1.45em;border-radius:6px;background:color-mix(in srgb,#7B61FF 14%,transparent);font-size:.82em;line-height:1;vertical-align:middle;cursor:help;font-style:normal}
.sla-auto{margin:0 0 12px;padding:9px 12px;border-radius:12px;background:color-mix(in srgb,#7B61FF 8%,var(--surface));border:1px solid color-mix(in srgb,#7B61FF 28%,var(--border));font-size:.86rem}
.da-ctx>p{font-size:.86rem;margin:8px 0}

/* ── v20.30: CoE open-access card and the owner's open access, security watch and briefings panels ── */
.ca-oa{border-color:color-mix(in srgb,#1FB5B2 45%,var(--border))}
.ca-oaf{align-items:flex-end;gap:10px;flex-wrap:wrap}
.ca-oaf label{display:grid;gap:4px;font-size:13px;flex:1 1 260px}
.ca-oaf input{min-height:40px;padding:8px 12px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font:inherit}
.own-oa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0}
.own-oa-set{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px 14px;align-items:end}
.own-oa-set label,.own-rule label{display:grid;gap:4px;font-size:12.5px;color:var(--muted)}
.own-oa-set input,.own-oa-set select,.own-rule input,.own-rule select,.own-find input{min-height:38px;padding:6px 10px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font:inherit}
.own-oa-set .chk{display:flex;gap:8px;align-items:center;color:var(--text);font-size:14px}
.own-rule{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:end;margin-top:10px}
.own-tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.own-tbl th,.own-tbl td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:start;vertical-align:top}
.own-tbl th{font-size:12px;color:var(--muted);font-weight:700}
.own-tag{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;background:var(--surface-2)}
.own-tag.stop{background:#FCE4E1;color:#9B2C1F}.own-tag.allow{background:#E3F4EA;color:#1E6B41}.own-tag.r{background:#FCE4E1;color:#9B2C1F}.own-tag.a{background:#FFF1D6;color:#8A5300}
.own-xl li.own-sec{grid-template-columns:auto 1fr;align-items:start}.own-xl li.own-sec .own-xd{margin-top:5px}
.own-sec .own-dec{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.own-switch{display:inline-flex;align-items:center;gap:10px;font-weight:700}
.own-switch input{width:20px;height:20px;accent-color:#1FB5B2}
.own-prev{margin-top:12px}.own-prev iframe{width:100%;height:600px;border:1.5px solid var(--border);border-radius:12px;background:#EEF2F5}
.own-find{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.own-find input{flex:1 1 260px}

.own-xl li .own-sec-act{flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:8px}
.own-xl li.own-sec em{font-style:normal;font-size:.8rem;font-weight:700;color:var(--heading);margin-top:4px}
.own-oa-state{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px;border-inline-start:6px solid #1FB5B2}
.own-oa-state div{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 320px}.own-oa-state b{font-size:1.08rem;color:var(--heading)}.own-oa-state span{color:var(--muted);font-size:.9rem}
.own-oa-state.off{border-inline-start-color:#E0457B}.own-oa-state.end{border-inline-start-color:#F5B301}
.own-oa-set h3,.own-oa-set .cx-note,.own-oa-set .own-switch{grid-column:1/-1}
.own-oa-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.own-tblw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.own-bad{color:#9B2C1F;font-weight:700}
.own-oa-grid h4,[data-ofound] h4{margin:12px 0 6px;font-size:.9rem}
.coe-ai-note{margin:14px 0 0;padding:12px 14px;border-radius:12px;border:1.5px solid color-mix(in srgb,#F5B301 45%,var(--border));background:color-mix(in srgb,#F5B301 8%,var(--surface));font-size:.9rem;line-height:1.6;max-width:62ch;color:var(--text)}
.coe-ai-note b{color:var(--heading)}
/* v20.30 · owner: visitor interest by page */
.own-int{margin-top:16px}
.own-ibars{list-style:none;margin:14px 0 6px;padding:0;display:grid;gap:8px}
.own-ibars li{display:grid;grid-template-columns:minmax(150px,230px) 1fr 52px minmax(120px,190px);gap:12px;align-items:center;font-size:.92rem}
.own-ibars li.zero{opacity:.55}
.own-il{color:var(--heading);font-weight:600}
.own-ib{height:14px;border-radius:7px;background:var(--surface-2);overflow:hidden}
.own-ib i{display:block;height:100%;border-radius:0 7px 7px 0;background:#1FB5B2}
.own-ibars b{text-align:end;font-variant-numeric:tabular-nums;color:var(--heading)}
.own-ibars small{color:var(--muted);font-size:.78rem}
@media (max-width:720px){.own-ibars li{grid-template-columns:1fr 46px}.own-ib{grid-column:1/-1;order:3}.own-ibars small{grid-column:1/-1;order:4}}
.own-oa-set label.own-switch{display:flex;flex-direction:row;align-items:center;gap:10px;color:var(--text);font-size:14px}
.coe-svc .coe-more{margin:10px 0 0;font-weight:700;font-size:.9rem}.coe-svc .coe-more a{color:var(--c,#1FB5B2);text-decoration:none}.coe-svc .coe-more a:hover{text-decoration:underline}
@media (min-width:1180px){.coe-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}   /* v20.30: twelve services, three rows of four */

/* ══ v20.30 · CoE demos for all twelve services (coe-new.js): CX, Data intelligence and "New in this service" ══ */
@media (min-width:1000px){.coe-tabs8.coe-tabs12{grid-template-columns:repeat(4,minmax(0,1fr))}.coe-cks{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1180px){.coe-tabs8.coe-tabs12{grid-template-columns:repeat(6,minmax(0,1fr))}.coe-cks{grid-template-columns:repeat(6,minmax(0,1fr))}}
.coe-new{margin-top:16px}
.nw-head{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:6px}.nw-head .kicker{margin:0}.nw-head .coe-sub{margin:0}
.nw-body h4{margin:6px 0 4px}.nw-body>p.cx-muted,.nw-body p.cx-muted{max-width:78ch}
.nw-grid2{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}.nw-grid2>*{min-width:0}
@media (min-width:880px){.nw-grid2{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
.nw-per{margin:6px 0 12px;line-height:1.55}
.nw-lab{font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);min-width:5.5em}
.nw-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0}
.nw-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;font-size:.78rem;line-height:1.35;border:1px solid color-mix(in srgb,var(--c,#5B6670) 45%,transparent);color:var(--heading);background:color-mix(in srgb,var(--c,#5B6670) 8%,var(--surface))}
.nw-stg{--c:#0E8FA8;font-weight:700}.nw-sys{--c:#4A3AA7}.nw-reg{--c:#B45309}.nw-pat{--c:#7B61FF}.nw-mtc{--c:#C2410C;font-weight:700}
.nw-steps{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.nw-steps>li{border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:var(--surface)}
.nw-steps>li.nw-mt{border-color:color-mix(in srgb,#C2410C 45%,var(--border));box-shadow:inset 3px 0 0 #C2410C}
html[dir=rtl] .nw-steps>li.nw-mt{box-shadow:inset -3px 0 0 #C2410C}
.nw-st-h{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.nw-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--heading);color:var(--surface);font-size:.78rem;font-weight:700}
.nw-feel{font-size:1.15rem}
.nw-st-t{margin:8px 0 4px;color:var(--heading);font-weight:600;line-height:1.5}
.nw-pain{margin:2px 0;color:#B42318;font-size:.9rem}.nw-gain{margin:2px 0;color:#0B7A0B;font-size:.9rem}
html[data-theme=dark] .nw-pain{color:#FF8A80}html[data-theme=dark] .nw-gain{color:#7EE08A}
.nw-api{font:600 .78rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;direction:ltr;border:1px solid var(--border);background:var(--surface-2);color:var(--heading);border-radius:8px;padding:4px 8px;cursor:pointer}
.nw-api b{color:#0E8FA8}.nw-api[aria-pressed=true]{border-color:#0E8FA8;box-shadow:0 0 0 2px color-mix(in srgb,#0E8FA8 30%,transparent)}
.nw-specc{margin-top:6px;padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px dashed var(--border);font-size:.86rem}
.nw-specc code,.nw-row code{direction:ltr;font-size:.8rem;white-space:normal;word-break:break-word}
.nw-chain{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}.nw-chain .btn,.nw-body .btn{white-space:normal;max-width:100%;text-align:start;height:auto}
.nw-foot{font-size:.84rem;margin-top:12px}
.nw-svg{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--border)}
.nw-lvl{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:4px 0 10px}.nw-lvl .coe-sub{margin:0}
.nw-ins,.nw-q{border-radius:14px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--border)}
.nw-q{margin-top:10px}.nw-ins ul,.nw-q ul{margin:6px 0 0;padding-inline-start:18px}.nw-ins li,.nw-q li{margin:5px 0;line-height:1.5}
.nw-lvb{display:inline-block;font-size:.7rem;font-weight:700;padding:1px 7px;border-radius:99px;background:color-mix(in srgb,#00938F 14%,var(--surface));color:var(--heading);margin-inline-end:4px}
.nw-find{margin-top:16px;border:1px solid var(--border);border-radius:16px;padding:14px 16px;background:var(--surface)}
.nw-find-h{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;margin-bottom:8px}
.nw-pill{font-size:.8rem;font-weight:700;padding:4px 10px;border-radius:99px}
.nw-pill.ok{background:color-mix(in srgb,#0B8A0B 14%,var(--surface));color:#0B6A0B}.nw-pill.wait{background:color-mix(in srgb,#EDA100 18%,var(--surface));color:#8A5A00}
html[data-theme=dark] .nw-pill.ok{color:#7EE08A}html[data-theme=dark] .nw-pill.wait{color:#FFD27A}
.nw-why{margin:6px 0;padding-inline-start:20px}.nw-why li{margin:4px 0;line-height:1.5}.nw-act{margin-top:8px}
.nw-seats{list-style:none;margin:10px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.nw-seats li{position:relative;border:1px dashed var(--border);border-radius:12px;padding:10px 12px;min-height:58px;display:flex;flex-direction:column;justify-content:center}
.nw-seats li.on{border-style:solid;background:color-mix(in srgb,#1FB5B2 7%,var(--surface))}.nw-seats li span{word-break:break-all}.nw-seats small{color:var(--muted)}
.nw-x{position:absolute;top:4px;inset-inline-end:6px;border:0;background:none;font-size:1.1rem;cursor:pointer;color:var(--muted)}
.nw-inv{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.nw-inv input{flex:1 1 200px;min-width:0}.nw-inv input,.nw-inv select{padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}
.nw-msg{min-height:1.2em;margin:8px 0 0;font-size:.88rem}
.nw-facts{list-style:none;margin:0;padding:0;display:grid;gap:8px}.nw-facts li{padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);line-height:1.45}
.nw-cks{display:flex;flex-wrap:wrap;gap:6px 14px;margin:4px 0 12px}.nw-cks label{display:inline-flex;gap:6px;align-items:center;font-size:.9rem}
.nw-prev{background:#FFFFFF;color:#0B1820;border:1px solid #DCE2E7;border-radius:12px;padding:14px;box-shadow:0 10px 30px rgba(11,24,32,.08)}
.nw-prev-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.nw-prev-h small{color:#5E6B78}
.nw-logo{background:var(--b);color:#fff;font-weight:700;font-size:.82rem;padding:5px 10px;border-radius:6px;border-bottom:3px solid var(--a)}
.nw-prev h5{margin:0 0 10px;font-size:1rem;color:#0B1820}
.nw-page{display:grid;gap:5px}.nw-page b{font-size:.82rem;margin-top:4px}.nw-page span{height:6px;border-radius:3px;background:#E6EBEF}.nw-page span.s{width:62%}
.nw-slides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.nw-slide{aspect-ratio:16/9;border:1px solid #DCE2E7;border-radius:6px;padding:6px;display:flex;flex-direction:column;gap:4px;position:relative;font-size:.68rem}
.nw-slide i{position:absolute;top:4px;inset-inline-end:6px;font-style:normal;color:#8A96A3}.nw-slide span{height:4px;border-radius:2px;background:#E6EBEF}.nw-slide span+span{width:60%}
.nw-cells{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #DCE2E7;border-bottom:0}.nw-cells span{height:16px;border-inline-end:1px solid #E6EBEF;border-bottom:1px solid #E6EBEF}
.nw-tabsx{display:flex;flex-wrap:wrap;gap:2px;border-top:2px solid #1D6F42}.nw-tabsx span{font-size:.68rem;padding:3px 7px;background:#F1F4F6;border:1px solid #DCE2E7;border-top:0}
.nw-prev-f{margin-top:12px;font-size:.72rem;color:#5E6B78;border-top:1px solid #E6EBEF;padding-top:6px}
.nw-wrap{white-space:normal!important}.nw-wrap .nw-chip{margin:2px}
.nw-q-in{width:100%;margin:8px 0;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit}
.nw-res{list-style:none;margin:6px 0;padding:0;display:grid;gap:6px}
.nw-res li>button,.nw-res li>span{display:block;width:100%;text-align:start;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);padding:8px 12px;font:inherit;cursor:pointer}
.nw-res li>span{cursor:default}.nw-res li>button[aria-pressed=true]{border-color:#1FB5B2;box-shadow:0 0 0 2px color-mix(in srgb,#1FB5B2 30%,transparent)}
.nw-res code,.nw-pick code,.nw-e2e code,.nw-play code{direction:ltr;font-size:.76rem;color:var(--muted)}.nw-res small{display:block;color:var(--muted);margin-top:2px}
.nw-pick{margin-top:10px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,#1FB5B2 45%,var(--border));background:color-mix(in srgb,#1FB5B2 6%,var(--surface))}.nw-pick p{margin:6px 0 10px}
.nw-e2e{columns:2 280px;column-gap:18px;margin:10px 0;padding-inline-start:0;list-style:none}.nw-e2e li{break-inside:avoid;margin:0 0 6px;font-size:.9rem}
.nw-plays{display:grid;grid-template-columns:1fr;gap:10px;margin-top:6px}
@media (min-width:760px){.nw-plays{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.nw-plays{grid-template-columns:repeat(3,minmax(0,1fr))}}
.nw-play{border:1px solid var(--border);border-radius:14px;padding:12px;background:var(--surface);display:flex;flex-direction:column;gap:6px}
.nw-play.on{border-color:#1FB5B2;background:color-mix(in srgb,#1FB5B2 6%,var(--surface))}.nw-play b{color:var(--heading)}.nw-play p{margin:0;font-size:.86rem;color:var(--muted);flex:1}.nw-play .btn{align-self:flex-start}
.nw-flow{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.nw-flow li{display:flex;align-items:center;gap:10px}.nw-flow li+li::before{content:"→";color:var(--muted);font-weight:700}html[dir=rtl] .nw-flow li+li::before{content:"←"}
.nw-node{border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);padding:10px 14px;text-align:start;cursor:pointer;font:inherit;max-width:240px}
.nw-node b{display:block;color:var(--heading)}.nw-node small{color:var(--muted)}.nw-node[aria-current=true]{border-color:#1FB5B2;background:color-mix(in srgb,#1FB5B2 8%,var(--surface))}
@media (max-width:600px){.nw-flow{flex-direction:column;align-items:stretch}.nw-flow li+li::before{content:"↓"}html[dir=rtl] .nw-flow li+li::before{content:"↓"}.nw-node{max-width:none;width:100%}.nw-seats{grid-template-columns:1fr}.nw-slides{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* the Strategy page in the workspace: the 500 plays one click away */
.px-libbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 14px;margin-bottom:12px}.px-libbar span{flex:1;min-width:240px}
html[dir=rtl] .nw-lab{letter-spacing:0;text-transform:none;font-size:.8rem}
/* v20.30 · owner dashboard: email delivery check */
.own-mc{margin-bottom:12px}.own-mc-h{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}.own-mc-h>div{flex:1 1 360px;min-width:0}
.own-mc h4{margin:14px 0 6px;font-size:.95rem;color:var(--heading)}.own-mc-t td:nth-child(2){width:28px;text-align:center}.own-mc-t td:nth-child(3){overflow-wrap:anywhere;color:var(--muted)}
.own-mc-fix{margin:0 0 6px;padding-inline-start:20px;display:grid;gap:8px}.own-code{display:block;margin-top:6px;padding:8px 10px;border-radius:8px;background:var(--surface-2,#EEF2F5);border:1px solid var(--border);font-size:12.5px;overflow-wrap:anywhere;user-select:all;text-align:left}
/* v20.30 · owner dashboard on a phone: grids, forms and tables stay inside the screen */
.own-oa-grid>*,.own-rule>*,.own-oa-set>*{min-width:0}
.own-rule{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.own-oa-set{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}
.own-oa-set input,.own-oa-set select,.own-rule input,.own-rule select{width:100%;max-width:100%;box-sizing:border-box}
.own-rule+.cx-note{margin-top:16px}   /* v20.31: room between the Add rule button and the help line */
[data-owner-fl] .cx-controls>label,[data-owner-fl] .cx-controls select{max-width:100%;min-width:0}

/* ══ v20.31 · Dashboard («الداشبورد»): the management view across the twelve services ══ */
.db-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin:0 0 14px}
.db-bar .coe-tabs{margin:0}
.db-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:6px;vertical-align:baseline;background:#98A2AD}
.db-dot.db-r{background:#D92D20}.db-dot.db-a{background:#E08A00}.db-dot.db-g{background:#2F9E44}
.db-tile .px-cmp{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.db-kpis .ca-kpi.hot{border-color:#E08A00}
.db-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;margin:0 0 14px}
.db-top>*{min-width:0}.db-top h3{margin:0 0 10px;font-size:1.05rem}
.db-lines{margin:0;padding-inline-start:22px;display:grid;gap:8px;font-size:.95rem;line-height:1.5;color:var(--heading)}
.db-lines li::marker{font-weight:800;color:var(--turq,#1FB5B2)}
.db-notel{display:grid;gap:6px;margin-top:14px;font-size:.82rem;color:var(--muted)}
.db-notel textarea{width:100%;box-sizing:border-box;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);padding:8px 10px;font:inherit;font-size:.92rem;resize:vertical}
.db-decs{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.db-decs li{border:1px solid var(--border);border-inline-start:4px solid #E08A00;border-radius:12px;padding:10px 12px;background:var(--surface-2)}
.db-decs p{margin:0;font-weight:700;color:var(--heading);font-size:.93rem;line-height:1.45}
.db-decs small{display:block;margin-top:4px;color:var(--muted);font-size:.8rem}
.db-dact{display:flex;gap:8px;align-items:center;margin-top:8px}
.db-calm{margin:0 0 10px;color:#2F7D25;font-weight:700}
.db-done{margin-top:10px;font-size:.88rem}.db-done summary{cursor:pointer;color:var(--muted);font-weight:700}
.db-done ul{margin:8px 0 0;padding-inline-start:18px;display:grid;gap:6px}
.db-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px;margin:0 0 14px}
.db-card{min-width:0;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:16px 18px;border-top:5px solid #98A2AD;display:flex;flex-direction:column;gap:8px}
.db-c-r{border-top-color:#D92D20}.db-c-a{border-top-color:#E08A00}.db-c-g{border-top-color:#2F9E44}
.db-card header{display:flex;justify-content:space-between;gap:8px;align-items:center}
.db-src{font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.db-pill{font-size:.74rem;font-weight:800;padding:3px 10px;border-radius:99px;background:color-mix(in srgb,#98A2AD 18%,transparent);color:var(--heading);white-space:nowrap}
.db-pill.db-r{background:color-mix(in srgb,#D92D20 16%,transparent);color:#B42318}.db-pill.db-a{background:color-mix(in srgb,#E08A00 18%,transparent);color:#9A5B00}.db-pill.db-g{background:color-mix(in srgb,#2F9E44 16%,transparent);color:#2F7D25}
.db-card h4{margin:0;font-size:1rem;line-height:1.35}
.db-go{all:unset;cursor:pointer;color:var(--heading);font-weight:800}.db-go:hover,.db-go:focus-visible{text-decoration:underline;outline:none}
.db-ch{font-size:.8rem;font-weight:800;padding:1px 7px;border-radius:99px;cursor:help}
.db-ch.worse{background:color-mix(in srgb,#D92D20 14%,transparent);color:#B42318}.db-ch.better{background:color-mix(in srgb,#2F9E44 14%,transparent);color:#2F7D25}.db-ch.moved{background:var(--surface-2);color:var(--muted)}
.db-form{position:relative}
.db-fl{display:inline-block;font-size:.72rem;font-weight:700;color:var(--muted);margin-bottom:4px}
.db-big{font:800 1.7rem/1.1 var(--f-head);color:var(--heading)}.db-big small{font-size:.9rem;font-weight:700;color:var(--muted)}
.db-bigrow{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}.db-bigrow span{color:var(--muted);font-size:.84rem}
.db-facts{width:100%;border-collapse:collapse;margin-top:8px;font-size:.85rem;table-layout:fixed}
.db-facts td{padding:5px 0;border-bottom:1px solid var(--border);vertical-align:top;color:var(--text)}
.db-facts td:first-child{width:58%;overflow-wrap:anywhere}
.db-facts td:last-child{text-align:end;font-weight:700;color:var(--heading);padding-inline-start:10px;overflow-wrap:anywhere}
.db-f-line{display:grid;gap:6px}.db-f-line p{margin:0;font-size:.95rem;line-height:1.5;color:var(--heading)}
.db-f-story p{margin:0 0 6px;font-size:.93rem;line-height:1.6;color:var(--text)}
.db-f-logic{margin:0;padding-inline-start:20px;display:grid;gap:10px}
.db-f-logic p{margin:0;font-size:.86rem;line-height:1.45;color:var(--text)}.db-f-logic b{color:var(--heading)}.db-f-logic small{color:var(--muted)}
.db-spark{margin:8px 0 0}.db-spark svg{width:100%;height:64px;display:block;overflow:visible}
.db-sp-b{fill:none;stroke:#98A2AD;stroke-width:1.6;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.db-sp-a{fill:none;stroke:#1FB5B2;stroke-width:2.4;vector-effect:non-scaling-stroke}
.db-spark circle{fill:#1FB5B2}
.db-spark figcaption{font-size:.74rem;color:var(--muted);margin-top:2px}
.db-bars{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.db-bars li{display:grid;grid-template-columns:minmax(0,1fr) 40%;gap:8px;align-items:center;font-size:.8rem;color:var(--text)}
.db-bars span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.db-bars i{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,currentColor var(--w),color-mix(in srgb,#98A2AD 22%,transparent) var(--w));color:#98A2AD}
.db-bars i.db-r{color:#D92D20}.db-bars i.db-a{color:#E08A00}.db-bars i.db-g{color:#2F9E44}
[dir=rtl] .db-bars i{background:linear-gradient(270deg,currentColor var(--w),color-mix(in srgb,#98A2AD 22%,transparent) var(--w))}
.db-note{margin:4px 0 0;padding-top:8px;border-top:1px dashed var(--border);font-size:.84rem;color:var(--muted)}
.db-gone{margin:0;color:#B42318;font-size:.9rem}
.db-chg h3{margin:0 0 8px}.db-chg ul{margin:0;padding-inline-start:18px;display:grid;gap:6px;font-size:.9rem}
.db-chg li.worse{color:#B42318}.db-chg li.better{color:#2F7D25}
.db-wait{padding:24px 0}
.db-prev,.db-pubd{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);font-weight:700;color:var(--heading);font-size:.9rem}
.db-prev{border-color:#E08A00}
.db-quote{margin:0 0 14px;padding:14px 18px;border-inline-start:5px solid #1FB5B2;border-radius:12px;background:var(--surface);font:700 1.1rem/1.5 var(--f-head);color:var(--heading)}
.db-why{margin-top:16px}
.db-prep{margin:0 0 16px}.db-prep h3{margin:0 0 6px}
.db-srcs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.db-srcs button{border:1.5px solid var(--border);background:var(--surface);color:var(--heading);border-radius:99px;padding:7px 14px;font:700 .86rem var(--f-body);cursor:pointer}
.db-srcs button[aria-pressed=true]{background:linear-gradient(120deg,#1FB5B2,#4CAE3F);color:#fff;border-color:transparent}
.db-item{display:grid;gap:6px;max-width:560px;font-size:.84rem;color:var(--muted);margin:4px 0 12px}
.db-item select,.db-addrow input,.db-ctbl select,.db-ctbl input{min-height:38px;padding:6px 10px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font:inherit;max-width:100%;box-sizing:border-box}
.db-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.db-pv{min-width:0;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);display:flex;flex-direction:column}
.db-pv header{padding:10px 12px 6px;display:grid;gap:2px}.db-pv header small{color:var(--muted);font-size:.76rem;line-height:1.35}
.db-pvb{padding:6px 12px 10px;flex:1}.db-pvb .db-big{font-size:1.35rem}
.db-pv footer{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px 12px;border-top:1px solid var(--border)}
.db-pv footer button{flex:1;min-width:0;border:1.5px solid var(--border);background:var(--surface);color:var(--heading);border-radius:99px;padding:6px 8px;font:700 .78rem var(--f-body);cursor:pointer}
.db-pv footer button[aria-pressed=true]{background:#1FB5B2;border-color:#1FB5B2;color:#fff}
.db-addrow{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:12px 0 4px}
.db-addrow label{display:grid;gap:6px;font-size:.82rem;color:var(--muted);flex:1 1 240px;min-width:0}
.db-chk{display:flex!important;gap:8px;align-items:center;font-size:.88rem;color:var(--text)}
.db-h4{margin:18px 0 8px}
.db-ctbl td{white-space:normal;vertical-align:middle}.db-ctbl input{width:100%}
.db-ord{white-space:nowrap}.db-ord button{min-width:30px;min-height:30px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--heading);cursor:pointer;margin-inline-end:4px}
.db-ord button:disabled{opacity:.35;cursor:default}
.db-to{border:1px solid var(--border);border-radius:12px;padding:8px 12px;margin:10px 0;display:grid;gap:6px;max-height:240px;overflow:auto}
.db-to legend{font-weight:700;color:var(--heading);padding:0 4px}
.db-empty{padding:8px 0}
.db-home h3{margin-top:0}
@media (max-width:640px){.db-big{font-size:1.45rem}.db-card{padding:14px}.db-bars li{grid-template-columns:minmax(0,1fr) 34%}}
.db-more{margin-top:4px}.db-more summary{cursor:pointer;font-weight:700;color:var(--muted);font-size:.88rem;margin-bottom:8px}
/* STOP (7 Oct 2026): the octagon's colours, one switch for every page that shows it (stop.html, Explore, the Business home, the CoE page).
   Today: brand navy with an orange rim. If the owner approves the signal red, change only --stop-oct to #C8102E (white letters stay; contrast 5.88:1). */
:root{--stop-oct:#0B1020;--stop-rim:#EC6C25;--stop-ink:#FFFFFF}
.stp-tic .stp-ic{width:1.05em;height:1.05em;display:inline-block;vertical-align:-.15em}
/* STOP in the CoE Awareness programmes (7 Oct 2026): the octagon icon, the pick list of MTWAFIQ cases and the editor for an organisation's own case */
.aw-oct{width:1em;height:1em;display:inline-block;vertical-align:-.14em}.aw-tile .aw-oct{width:1.6rem;height:1.6rem}
.aw-stoppick{margin-top:16px}.aw-stoppick h4{margin:0 0 6px}
.aw-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:8px;margin:10px 0;max-height:420px;overflow:auto;padding:2px}
.aw-pick{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);cursor:pointer}
.aw-pick input{width:18px;height:18px;margin-top:2px;accent-color:#1FB5B2}.aw-pick b{display:block;color:var(--heading)}.aw-pick small{color:var(--muted)}
.aw-bstep{margin:10px 0}.aw-bopt{padding:8px 10px;border-radius:10px;border:1px solid var(--border);border-inline-start:4px solid var(--kc,#1FB5B2);margin-top:6px}
.aw-bopt[data-k=stop]{--kc:#4CAE3F}.aw-bopt[data-k=helps]{--kc:#1FB5B2}.aw-bopt[data-k=drift]{--kc:#EC6C25}.aw-bopt[data-k=fuel]{--kc:#0B1020}
.aw-bopt>b{font-size:.85rem;color:var(--heading)}
/* 20.31.6 · the Arabic edition of the games (right to left only) */
html[dir=rtl] .cx-controls label,html[dir=rtl] .play-card label,html[dir=rtl] .duel-lobby label{min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr)}
html[dir=rtl] .cx-controls input[type=text],html[dir=rtl] .cx-controls input[type=search],html[dir=rtl] .code-in,html[dir=rtl] .play-card input,html[dir=rtl] .duel-lobby input{max-width:100%;box-sizing:border-box}
html[dir=rtl] .code-in{letter-spacing:.12em}
html[dir=rtl] .qz-opt b,html[dir=rtl] .fq-opts .qz-opt b{font-family:var(--f-ar,inherit)}
html[dir=rtl] .ladder li span:last-child{white-space:nowrap}
html[dir=rtl] .rm-chair small{font-family:var(--f-ar,inherit)}
html[dir=rtl] [data-cert] label{min-width:0;max-width:min(360px,100%)!important;grid-template-columns:minmax(0,1fr)}
html[dir=rtl] [data-cert] [data-nm]{min-width:0;width:100%;max-width:100%;box-sizing:border-box}
/* /20.31.6 */
/* v20.33 · one workspace per client engagement: programme type, the modules chosen for it, closing it */
.ca-mods{border:1px solid var(--border);border-radius:12px;padding:10px 12px 8px;margin:4px 0 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:2px 14px}
.ca-mods legend{font-size:.8rem;font-weight:800;color:var(--muted);padding:0 6px}
.ca-mods small{grid-column:1/-1;margin-top:4px}
.ca-closed,.ca-ptype{margin:6px 0 0;font-size:.78rem;font-weight:700;line-height:1.35}
.ca-closed{color:#9A5B00;background:color-mix(in srgb,#F5B301 16%,transparent);padding:6px 8px;border-radius:8px}
.ca-ptype{color:var(--muted)}
.ca-eng{color:var(--text)}
.ca-x.ca-sure{color:#B42318;border-color:#B42318;font-weight:800}
.ca-modrow td{background:color-mix(in srgb,#1FB5B2 6%,var(--surface))}
/* v20.34.1 · owner's client list: status chips, actions in two tidy rows, delete for good */
.ca-tbl td .ca-acts{display:flex;flex-direction:column;gap:7px;min-width:260px}
.ca-acts-main,.ca-acts-more{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ca-acts-main .btn{margin:0}
.ca-act{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border-2,var(--border));background:var(--surface);color:var(--heading);border-radius:999px;padding:4px 10px;font:600 .74rem/1.3 var(--f-body);white-space:nowrap;cursor:pointer}
.ca-act:hover,.ca-act:focus-visible{border-color:#1FB5B2;color:var(--heading)}
.ca-act.ca-pause{color:#B7791F}.ca-act.ca-resume{color:#2F855A;border-color:#2F855A}
.ca-act.ca-del{color:#B42318}.ca-act.ca-del:hover{border-color:#B42318;background:color-mix(in srgb,#B42318 8%,transparent)}
.ca-act.ca-sure{color:#B42318;border-color:#B42318;font-weight:800;white-space:normal}
.ca-sts{display:flex;flex-wrap:wrap;gap:4px}
.ca-st{display:inline-block;border-radius:999px;padding:2px 9px;font:700 .72rem/1.5 var(--f-body);white-space:nowrap}
.ca-st-on{background:color-mix(in srgb,#2F855A 14%,transparent);color:#2F855A}
.ca-st-pause{background:color-mix(in srgb,#B7791F 16%,transparent);color:#975A16}
.ca-st-closed{background:color-mix(in srgb,#64748B 16%,transparent);color:var(--muted)}
.ca-st-ro{background:color-mix(in srgb,#64748B 10%,transparent);color:var(--muted)}
.ca-tbl tr.ca-off>td:not(:last-child){opacity:.62}
.ca-delrow>td{background:color-mix(in srgb,#B42318 6%,transparent)}
.ca-delbox{display:grid;gap:8px;max-width:760px}.ca-delbox p{margin:0;font-size:.86rem;line-height:1.55}
.ca-delbox label{display:grid;gap:4px;font-size:.82rem;font-weight:600;max-width:320px}
.ca-delbox input{padding:8px 10px;border-radius:9px;border:1.5px solid #B42318;background:var(--surface-2);color:var(--heading);font:700 .95rem var(--f-body);letter-spacing:.04em}
.ca-delbox .ca-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.btn.ca-delgo{background:#B42318;color:#fff;border-color:#B42318}.btn.ca-delgo:disabled{opacity:.45;cursor:not-allowed}
table.ca-cl td:nth-child(2),table.ca-cl td:nth-child(5){white-space:nowrap}
@media (max-width:760px){.ca-tbl td .ca-acts{min-width:200px}}

/* v20.35 (11 Oct 2026): owner page ticks line up. Open access → Settings: the two switches were stretched by the text-field rules
   (.own-oa-set input: width 100%, min-height 38px); "Downloads on" sat above its name (.ws-new label is a grid); long names keep the box on the first line */
.own-oa-set input[type=checkbox],.own-oa-set input[type=radio],.own-rule input[type=checkbox],.own-switch input[type=checkbox]{width:18px;height:18px;min-height:0;max-width:none;padding:0;margin:0;border:0;flex:0 0 auto;accent-color:#1FB5B2;cursor:pointer}
.own-oa-set label.own-switch,label.own-switch{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;justify-self:start;gap:10px;color:var(--text);font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;text-align:start}
label.own-switch input[type=checkbox]{margin-top:1px}
.own-oa-set label.own-switch{margin:2px 0}
.ws-new label.ca-check{display:flex;flex-direction:row;align-items:flex-start;gap:9px}
.own-oa-set{align-items:stretch}.own-oa-set>label:not(.own-switch){grid-template-rows:1fr auto;align-items:start}.own-oa-set>label:not(.own-switch)>input{align-self:end}   /* v20.35: each name starts on the same line, the boxes line up below */
/* v20.36: the KPIs demo (Practice, twelfth module) */
.kp-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:6px;vertical-align:1px}
.kp-add{margin:14px 0 8px;padding:12px 14px;border:1px dashed var(--border);border-radius:12px;background:var(--surface-2,var(--surface))}
.kp-add h4{margin:0 0 8px}.kp-add input{width:100%;max-width:520px;min-height:40px;border-radius:10px;border:1.5px solid var(--border);padding:6px 12px;background:var(--surface);color:var(--text);font:inherit;box-sizing:border-box}
.kp-res{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.kp-res li{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:8px;background:var(--surface)}
.kp-res li span{display:grid;min-width:0}.kp-res small{color:var(--muted);font-size:12px}.kp-res .btn{flex:none;margin:0}

/* v20.36 · EPMO, the Enterprise Project Management Office (Practice demo and workspace module, epmo-lib.js) */
.ep-res{grid-template-columns:repeat(4,minmax(0,1fr))}
.ep-res .od-card b{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ep-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-start:4px}.ep-dot.g{background:#4CAE3F}.ep-dot.a{background:#F5B301}.ep-dot.r{background:#E0457B}
.ep-filt{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:0 0 10px}.ep-filt .coe-sub{margin:0}
.ep-sel{display:flex;gap:6px;align-items:center;font-size:.85rem;color:var(--muted)}.ep-sel select{min-height:34px;border-radius:9px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font:inherit;padding:2px 8px}
.ep-cat{display:inline-block;font-size:.7rem;font-weight:800;color:var(--c);letter-spacing:.02em}
.ep-tbl td{vertical-align:middle}.ep-tbl small{color:var(--muted)}.ep-bad{color:#C22D62;font-weight:700}
.ep-row{cursor:pointer}.ep-row:hover td,.ep-row:focus td{background:color-mix(in srgb,#1FB5B2 6%,transparent);outline:none}
.ep-bar{position:relative;display:block;width:120px;height:10px;border-radius:9px;background:var(--border);overflow:visible}
.ep-bar i{position:absolute;inset-block:0;inset-inline-start:0;border-radius:9px;background:linear-gradient(90deg,#1FB5B2,#4CAE3F)}
.ep-bar em{position:absolute;top:-3px;bottom:-3px;width:2px;margin-inline-start:-1px;background:var(--heading);border-radius:2px}
.ep-det td{background:var(--surface-2);white-space:normal!important}
.ep-detg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:4px 0}.ep-detg h5{margin:0 0 6px;font-size:.82rem;color:var(--muted)}
.ep-detg ul{margin:0;padding-inline-start:18px;font-size:.86rem}.ep-detg li.r{color:#C22D62}.ep-detg p{margin:0 0 8px;font-size:.88rem}
.ep-rm{position:relative;margin:4px 0 8px}
.ep-rmh,.ep-rmr{display:grid;grid-template-columns:minmax(150px,26%) 1fr;gap:10px;align-items:center}
.ep-rmh>div{display:grid;grid-template-columns:repeat(4,1fr);font-size:.78rem;color:var(--muted)}.ep-rmh b{padding:4px 6px;border-inline-start:1px solid var(--border)}
.ep-rmr{padding:5px 0;border-top:1px solid var(--border)}
.ep-rml b{display:block;font-size:.84rem;color:var(--heading);line-height:1.25}.ep-rml small{font-size:.7rem;color:var(--faint)}
.ep-trk{position:relative;height:24px;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),var(--border) calc(25% - 1px) 25%)}
html[dir=rtl] .ep-trk{background:repeating-linear-gradient(-90deg,transparent 0 calc(25% - 1px),var(--border) calc(25% - 1px) 25%)}
.ep-span{position:absolute;top:5px;height:14px;border-radius:7px;background:color-mix(in srgb,#4CAE3F 30%,var(--surface));overflow:hidden}
.ep-span em{position:absolute;inset-block:0;inset-inline-start:0;background:#4CAE3F}
.ep-span.a{background:color-mix(in srgb,#F5B301 34%,var(--surface))}.ep-span.a em{background:#D89B00}
.ep-span.r{background:color-mix(in srgb,#E0457B 30%,var(--surface))}.ep-span.r em{background:#E0457B}
.ep-span.grey{background:var(--surface-2);border:1px dashed var(--border)}.ep-span.grey em{background:transparent}
.ep-gate{position:absolute;top:6px;width:11px;height:11px;margin-inline-start:-5px;background:var(--heading);transform:rotate(45deg);border:2px solid var(--surface)}
.ep-gate.done{background:#4CAE3F}
.ep-dep{position:absolute;top:-6px;margin-inline-start:-8px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-size:10px;line-height:1;text-decoration:none;background:var(--surface);border:1.5px solid var(--border);z-index:2}.ep-dep.r{background:#E0457B;border-color:#E0457B}
.ep-rmh>div{position:relative;padding-top:18px}.ep-nowl{position:absolute;top:0;transform:translateX(-50%);font-style:normal;font-size:.72rem;font-weight:700;color:#EC6C25;white-space:nowrap}
html[dir=rtl] .ep-nowl{transform:translateX(50%)}
.ep-nl{position:absolute;top:-6px;bottom:-6px;width:2px;margin-inline-start:-1px;background:#EC6C25;opacity:.75;z-index:1;pointer-events:none}
.ep-leg{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.78rem;color:var(--muted);margin:26px 0 0}.ep-leg span{display:inline-flex;align-items:center;gap:6px}
.ep-cap td.ep-u{text-align:center}.ep-cap td.ep-u b{display:block;font-size:.9rem}.ep-cap td.ep-u small{font-size:.7rem;color:var(--muted)}
.ep-cap td.ep-u.g{background:color-mix(in srgb,#4CAE3F 12%,transparent)}.ep-cap td.ep-u.a{background:color-mix(in srgb,#F5B301 20%,transparent)}.ep-cap td.ep-u.r{background:color-mix(in srgb,#E0457B 18%,transparent)}.ep-cap td.ep-u.r b{color:#C22D62}
.ep-cap th.ep-qnow{color:#EC6C25}
.ep-dec li.a{border-inline-start:4px solid #F5B301}.ep-dec li.i{border-inline-start:4px solid #1FB5B2}
.ep-in td{vertical-align:middle}.ep-in small{color:var(--muted)}.ep-act{display:flex;gap:6px}.ep-act .btn{margin:0;padding:5px 10px}
.ep-in tr.ep-st-approved td{background:color-mix(in srgb,#4CAE3F 8%,transparent)}.ep-in tr.ep-st-parked td{opacity:.65}
.ep-msg{margin:10px 0 0;padding:8px 12px;border-radius:10px;background:var(--surface-2);font-size:.88rem}
.ep-note{margin-top:12px}
.ep-reg h4{margin:18px 0 8px}.ep-reg h4:first-child{margin-top:4px}
.ep-pc{border:1.5px solid var(--border);border-radius:14px;padding:12px 14px;margin:0 0 10px;background:var(--surface)}
.ep-pch{display:flex;gap:10px;align-items:baseline;justify-content:space-between;margin-bottom:8px}.ep-pch b{color:var(--heading)}.ep-pch small{color:var(--muted);font-size:.78rem}
.ep-fg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 12px;align-items:end}
.ep-fg label{display:grid;gap:4px;font-size:.76rem;font-weight:600;color:var(--muted);min-width:0}
.ep-fg input,.ep-fg select{width:100%;min-height:36px;padding:5px 8px;border-radius:9px;border:1.5px solid var(--border);background:var(--surface-2);color:var(--heading);font:inherit;font-size:.86rem;box-sizing:border-box}
.ep-fg .btn{margin:0;justify-self:start;min-height:36px;max-width:100%;white-space:normal}
.ep-ld{margin-top:8px}.ep-ld summary{cursor:pointer;font-size:.82rem;color:var(--muted)}.ep-ld .ep-fg{margin-top:8px}
.ep-form{padding:12px;border-radius:12px;background:var(--surface-2);margin-top:6px}.ep-form input,.ep-form select{background:var(--surface)}
.ep-deplist{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:6px}.ep-deplist li{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:10px;background:var(--surface-2);font-size:.86rem}.ep-deplist li.cx-muted{background:none;padding:0}.ep-deplist .btn{margin:0;padding:3px 9px}
@media (max-width:900px){.ep-res{grid-template-columns:1fr 1fr}.ep-detg{grid-template-columns:1fr}}
@media (max-width:620px){.ep-res{grid-template-columns:1fr}.ep-rmh,.ep-rmr{grid-template-columns:110px 1fr}.ep-rml b{font-size:.76rem}.ep-tbl th:nth-child(2),.ep-tbl td:nth-child(2),.ep-tbl th:nth-child(6),.ep-tbl td:nth-child(6){display:none}.ep-bar{width:70px}}
/* v20.36 · the place of a Future Leaders case in the visitor's region (region-ctx.js) */
.fl-where{margin:-2px 0 8px;font-size:.8rem;font-weight:600;color:#0E8FA8}
/* v20.36.1 · document room: upload or link, who it waits for */
.ca-src{display:flex;gap:18px;flex-wrap:wrap;margin:2px 0 4px}
.ca-src .ca-ck{font-weight:600}
.ca-form [data-srcf] small,.ca-form [data-srcu] small{display:block;margin-top:4px;font-weight:400}
.ca-wait{margin:6px 0 10px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--heading) 6%,transparent);font-size:.88rem}
.ca-form[data-ver] h4{margin:10px 0 4px}
/* v20.37 · Business Architecture (ba-lib.js, ba-import.js, coe-arch.js) */
.ba{display:flex;flex-direction:column;gap:12px}
.ba-tabs{flex-wrap:wrap}
.ba-ctl{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:6px 0}
.ba-ctl input[type=search]{flex:1 1 260px;min-width:0}
.ba-ctl select{max-width:100%}
.ba-ctl label{display:flex;gap:6px;align-items:center;flex-wrap:wrap;max-width:100%}
.ba-ctl label select{max-width:min(560px,100%)}
.ba-leg{display:flex;flex-wrap:wrap;gap:12px;font-size:.78rem;color:var(--muted)}
.ba-leg span{display:inline-flex;align-items:center;gap:5px}
.ba-leg i{width:14px;height:10px;border-radius:3px;display:inline-block;border:1px solid var(--border)}
.ba-leg i.b0{background:var(--surface)}.ba-leg i.b1{background:color-mix(in srgb,#0E8FA8 22%,var(--surface))}.ba-leg i.b2{background:color-mix(in srgb,#0E8FA8 45%,var(--surface))}.ba-leg i.b3{background:color-mix(in srgb,#0E8FA8 75%,var(--surface))}
.ba-map{display:flex;flex-direction:column;gap:14px}
.ba-area h4{margin:0 0 6px;font-size:.95rem;color:var(--heading)}
.ba-doms{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.ba-dom{border:1px solid var(--border);border-radius:12px;padding:8px;background:var(--surface)}
.ba-dom h5{margin:0 0 6px;font-size:.78rem;text-transform:none;color:var(--muted)}
.ba-sds{display:flex;flex-wrap:wrap;gap:4px}
.ba-sd{font:inherit;font-size:.72rem;line-height:1.2;padding:4px 7px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;text-align:start}
.ba-sd.b1{background:color-mix(in srgb,#0E8FA8 18%,var(--surface))}
.ba-sd.b2{background:color-mix(in srgb,#0E8FA8 38%,var(--surface))}
.ba-sd.b3{background:color-mix(in srgb,#0E8FA8 62%,var(--surface));color:#fff}
.ba-sd.tm{background:color-mix(in srgb,var(--tc) 30%,var(--surface));border-color:var(--tc)}
.ba-sd.on{outline:2px solid var(--heading);outline-offset:1px}
.ba-sd:hover{border-color:var(--heading)}
.ba-det h4{margin:0 0 8px}.ba-det h5{margin:10px 0 4px;font-size:.8rem;color:var(--muted)}
.ba-g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.ba-ul{margin:0;padding-inline-start:18px;font-size:.86rem}.ba-ul li{margin:3px 0}
.ba-chip{display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:.74rem;line-height:1.25;padding:3px 8px;margin:2px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;text-decoration:none;max-width:100%;overflow-wrap:anywhere}
.ba-chip.ext{border-style:dashed}
.ba-chip.ch{background:color-mix(in srgb,#7B61FF 10%,var(--surface));cursor:default}
.ba-chip.api{font-family:ui-monospace,Menlo,Consolas,monospace;direction:ltr;background:color-mix(in srgb,#F5B301 12%,var(--surface))}
.ba-chip.pr{background:color-mix(in srgb,#4CAE3F 12%,var(--surface))}
.ba-chip.pr.man{background:color-mix(in srgb,#EC6C25 18%,var(--surface));border-color:#EC6C25}
.ba-chip.sd{background:color-mix(in srgb,#0E8FA8 12%,var(--surface));cursor:default}
.ba-chip.own{border-color:var(--heading);cursor:default}
.ba-link{font:inherit;background:none;border:0;padding:0;color:var(--heading);cursor:pointer;text-align:start}
.ba-link:hover{text-decoration:underline}
.ba-tbl td small,.ba-tbl td .cx-muted{display:block}
.ba-tbl tr.on td{background:color-mix(in srgb,var(--heading) 7%,transparent)}
.ba-tbl input,.ba-tbl select{width:100%;min-width:90px}
.ba-exts{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px}
.ba-ext{font:inherit;text-align:start;border:1px dashed var(--border);border-radius:10px;padding:6px 9px;background:var(--surface);color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:2px}
.ba-ext small{color:var(--muted);font-size:.72rem}.ba-ext.on{border-color:var(--heading)}
.ba-xs{overflow-x:auto;border:1px solid var(--border);border-radius:12px;max-width:100%}
.ba-xt{border-collapse:separate;border-spacing:0;font-size:.78rem;min-width:100%}
.ba-xt th{position:sticky;inset-inline-start:0;background:var(--surface);z-index:1;text-align:start;white-space:nowrap;padding:8px 10px;border-bottom:1px solid var(--border);font-size:.74rem;color:var(--muted)}
.ba-xt td{vertical-align:top;padding:7px;border-bottom:1px solid var(--border);border-inline-start:1px solid var(--border);min-width:150px;max-width:220px}
.ba-step{display:block;font-size:.78rem}
.ba-pain{display:block;color:#C0392B;font-size:.72rem;margin-top:3px}
.ba-jm .od-card{min-width:120px}
.ba-mx{border-collapse:collapse;font-size:.74rem}
.ba-mx th{padding:6px;text-align:start;white-space:nowrap;background:var(--surface);position:sticky;inset-inline-start:0}
.ba-mx thead th{vertical-align:bottom;height:120px}
.ba-mx thead th span{display:inline-block;writing-mode:vertical-rl;transform:rotate(180deg);max-height:115px;overflow:hidden}
.ba-mx thead th.ext span{font-style:italic}
.ba-mx td{width:30px;height:28px;text-align:center;border:1px solid var(--border)}
.ba-mx td.hit{background:color-mix(in srgb,#0E8FA8 calc(var(--a) * 100%),var(--surface));color:var(--text);font-weight:600}
.ba-drop{border:2px dashed var(--border);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;cursor:pointer;background:var(--surface)}
.ba-drop.over,.ba-drop:hover,.ba-drop:focus-visible{border-color:var(--heading)}
.ba-drop span{color:var(--muted);font-size:.84rem;max-width:720px}.ba-drop small{color:var(--muted);font-size:.76rem}
.ba-samples{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ba-samples>span{flex-basis:100%;font-size:.84rem;color:var(--muted)}
.ba-smp{font:inherit;text-align:start;display:flex;flex-direction:column;gap:2px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer;flex:1 1 190px;max-width:280px}
.ba-smp small{color:var(--muted);font-size:.72rem}.ba-smp:hover{border-color:var(--heading)}
.ba-file{display:flex;flex-direction:column;gap:10px}
.ba-file.err{border-color:#C0392B}
.ba-fh{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.ba-fh h4{margin:0;overflow-wrap:anywhere}
.ba-bp{margin:0;font-size:.86rem}
.ba-warn{margin:0;padding-inline-start:18px;color:#B7791F;font-size:.82rem}
.ba-rev tr.r-n td:first-child{box-shadow:inset 3px 0 0 #7B61FF}
.ba-rev tr.r-c td:first-child{box-shadow:inset 3px 0 0 #F5B301}
.ba-rev tr.r-m td:first-child{box-shadow:inset 3px 0 0 #4CAE3F}
.ba-cf{display:inline-flex;width:18px;height:18px;border-radius:50%;align-items:center;justify-content:center;font-size:.7rem;color:#fff}
.ba-cf.m{background:#1E7B34}.ba-cf.c{background:#B7791F}.ba-cf.n{background:#7B61FF}
.ba-x{font:inherit;border:1px solid var(--border);background:var(--surface);border-radius:6px;cursor:pointer;padding:0 6px;color:var(--text)}
.ba-pick td{background:color-mix(in srgb,var(--heading) 5%,transparent)}
.ba-pick label{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ba-pl{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.ba-pl button{font:inherit;font-size:.76rem;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:3px 8px;cursor:pointer;text-align:start}
.ba-exp{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.ba-exp h4{margin:0 0 6px}
.ba-note{margin:0}
@media (max-width:640px){.ba-doms{grid-template-columns:1fr}.ba-xt td{min-width:130px}.ba-mx thead th{height:96px}}
.ba-jm{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.ba-jm .od-card{min-width:0;padding:10px 12px}
.ba-jm .od-card b{font-size:1.4rem}
.ba-jm .od-card small{font-size:.66rem}
.ba-tbl tr.ba-drop0 td{opacity:.5}
/* v20.38 · process mining workbench (pm-ui.js) */
.pm{--pm-ok:#4CAE3F;--pm-dev:#E0457B;--pm-ext:#E39B00;position:relative;min-width:0}
.pm>*,.pm-wb,.pm-wb>*,.pm-panel>*{min-width:0}
.pm.pm-wait{cursor:progress}.pm.pm-wait .pm-panel{opacity:.55;transition:opacity .2s}
.pm-src{display:grid;gap:12px}.pm-src.pm-src-done{padding:12px 18px}.pm-src.pm-src-done .pm-drop p{display:none}
.pm-drop{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.pm-drop p{margin:0;flex:1 1 280px}
.pm-file{position:relative;overflow:hidden;cursor:pointer}.pm-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.pm-samples{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pm-chip{border:1px solid var(--border);background:var(--surface);color:var(--heading);border-radius:99px;padding:6px 12px;font:600 .82rem var(--f-body);cursor:pointer}
.pm-chip:hover{border-color:var(--turq)}.pm-chip small{color:var(--muted);font-weight:600;margin-inline-start:4px}
.pm-prog{position:relative;height:30px;border-radius:10px;background:var(--surface-2);overflow:hidden}
.pm-prog i{position:absolute;inset-block:0;inset-inline-start:0;width:var(--w,0%);background:linear-gradient(90deg,#1FB5B2,#4CAE3F);opacity:.35;transition:width .25s}
.pm-prog.pm-busy i{width:35%!important;animation:pm-slide 1.2s linear infinite}
@keyframes pm-slide{from{inset-inline-start:-35%}to{inset-inline-start:100%}}
.pm-prog span{position:relative;display:block;line-height:30px;padding:0 12px;font-size:.82rem;font-weight:700;color:var(--heading)}
.pm-mapf{display:grid;gap:12px;margin-top:14px}.pm-mapf h4{margin:0}
.pm-mapgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.pm-mapgrid label,.pm-mapf>label{display:grid;gap:4px;font-size:.8rem;font-weight:700;color:var(--heading)}
.pm-mapgrid select,.pm-mapf select{width:100%}
.pm-warn{color:#B7791F;font-weight:600}
.pm-attrs{border:1px solid var(--border);border-radius:12px;padding:10px 12px}.pm-attrs legend{font-size:.8rem;font-weight:700;padding:0 6px}
.pm-attrs [data-at]{display:flex;flex-wrap:wrap;gap:4px 14px}
.pm-prev table{font-size:.76rem}.pm-prev th small{font-weight:800;color:var(--turq)}.pm-prev th.pm-on{background:color-mix(in srgb,#1FB5B2 12%,transparent)}
.pm-wb{margin-top:16px;display:grid;gap:12px}
.pm-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.pm-head h3{margin:0 0 2px}.pm-head p{margin:0}.pm-skip{font-size:.78rem}
.pm-fbar{position:relative;display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.pm-count{font-size:.86rem;margin-inline-end:6px}.pm-count b{color:var(--heading)}
.pm-fchip{display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,#1FB5B2 14%,transparent);border-radius:99px;padding:4px 6px 4px 12px;font-size:.8rem;color:var(--heading)}
.pm-fchip button{border:0;background:transparent;cursor:pointer;color:var(--muted);font-size:.8rem;padding:2px 6px;border-radius:99px}.pm-fchip button:hover{background:var(--surface-2);color:var(--heading)}
.pm-pop{position:absolute;z-index:20;inset-inline-start:8px;top:calc(100% + 6px);width:min(520px,calc(100vw - 48px));background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);padding:14px;display:grid;gap:10px}
.pm-pop form{display:grid;gap:8px}.pm-pop label{display:grid;gap:4px;font-size:.82rem}.pm-pop label.ca-check{display:flex}
.pm-kinds{flex-wrap:wrap;border-radius:12px}.pm-kinds button{padding:5px 10px;font-size:.78rem}
.pm-vals{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2px 12px;max-height:220px;overflow:auto}.pm-vals small{color:var(--muted)}
.pm-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--border)}
.pm-tabs button{border:0;background:transparent;padding:9px 13px;font:700 .86rem var(--f-body);color:var(--muted);border-bottom:3px solid transparent;cursor:pointer}
.pm-tabs button[aria-selected=true]{color:var(--heading);border-bottom-color:var(--turq)}
.pm-panel{display:grid;gap:12px}.pm-panel h4{margin:10px 0 4px}.pm-lead{margin:0}.pm-sub{font-weight:700;font-size:.82rem;margin:10px 0 4px}
.pm-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:6px;border-top:1px solid var(--border)}.pm-acts .cx-muted{flex:1 1 260px;font-size:.78rem}
.pm-exp{position:relative}.pm-exp summary{list-style:none}.pm-exp summary::-webkit-details-marker{display:none}
.pm-exp>div{position:absolute;z-index:15;bottom:calc(100% + 6px);inset-inline-start:0;display:grid;gap:2px;min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px}
.pm-exp>div button{text-align:start}
/* the map */
.pm-mctl{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.pm-sl{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700}.pm-sl b{min-width:58px;color:var(--heading)}.pm-sl input{width:150px}
.pm-zoom{display:inline-flex;gap:4px;margin-inline-start:auto}.pm-zoom button{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:4px 9px;cursor:pointer;color:var(--heading);font-weight:700}
.pm-mapwrap{display:grid;grid-template-columns:1fr 260px;gap:12px;min-height:520px}
.pm-svg{width:100%;height:520px;border:1px solid var(--border);border-radius:16px;background:var(--surface);touch-action:none;cursor:grab;direction:ltr;user-select:none}
.pm-svg.pm-grab{cursor:grabbing}
.pm-side{border:1px solid var(--border);border-radius:16px;padding:14px;background:var(--surface);font-size:.84rem;overflow:auto;max-height:clamp(420px,62vh,760px)}.pm-side h4{margin:0 0 8px;font-size:.95rem}
.pm-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:0}.pm-dl dt{color:var(--muted)}.pm-dl dd{margin:0;font-weight:700;color:var(--heading);text-align:end}
.pm-sbtn{display:grid;gap:6px;margin-top:12px}
.pm-st{font-weight:700;margin:10px 0 0}.pm-st-ok{color:var(--pm-ok)}.pm-st-dev{color:var(--pm-dev)}.pm-st-extra{color:var(--pm-ext)}
.pm-legend{font-size:.78rem;margin:0}
.pm-node{cursor:pointer}.pm-node rect{fill:var(--surface);stroke:var(--border-2,#9AA5B1);stroke-width:1}.pm-node:hover rect,.pm-node:focus rect,.pm-node.pm-sel rect{stroke:var(--turq);stroke-width:2.5}
.pm-node:focus{outline:none}.pm-nt{font:700 12px var(--f-body);fill:#14213D}.pm-ns{font:600 10.5px var(--f-body);fill:#14213D;opacity:.78}
.pm-node:not([style]) rect{fill:var(--surface)}.pm-node .pm-nt,.pm-node .pm-ns{fill:#14213D}
.pm-dark .pm-nt,.pm-dark .pm-ns{fill:#fff}
.pm-ext rect{stroke:var(--pm-ext);stroke-width:2;stroke-dasharray:6 4}
.pm-e,.pm-e-p,.pm-e-dev,.pm-e-ext{fill:none;cursor:pointer;opacity:.82}.pm-e{stroke:var(--muted)}.pm-e-dev{stroke:var(--pm-dev);opacity:.95}.pm-e-ext{stroke:var(--pm-ext);stroke-dasharray:7 5}
.pm-edges path:hover{opacity:1;filter:drop-shadow(0 0 2px rgba(0,0,0,.25))}
.pm-el{cursor:pointer}.pm-el rect{fill:var(--surface);stroke:var(--border)}.pm-el text{font:700 10.5px var(--f-body);fill:var(--heading)}
.pm-term circle{fill:var(--surface);stroke:var(--heading);stroke-width:2}.pm-term-i{fill:var(--heading)}
.pm-mk-n path{fill:var(--muted)}.pm-mk-dev path{fill:var(--pm-dev)}.pm-mk-ext path{fill:var(--pm-ext)}
.pm-mk-p0 path{fill:#F2C78E}.pm-mk-p1 path{fill:#F9B46A}.pm-mk-p2 path{fill:#F2A65E}.pm-mk-p3 path{fill:#DE6F32}.pm-mk-p4 path{fill:#A93C17}
/* variants */
.pm-vars{list-style:none;margin:0;padding:0;display:grid;gap:8px}.pm-vars li{border:1px solid var(--border);border-radius:14px;padding:10px 12px;background:var(--surface)}
.pm-vh{display:grid;grid-template-columns:auto auto minmax(140px,260px) 1fr;gap:10px;align-items:center;font-size:.82rem;cursor:pointer}.pm-vh small{color:var(--muted)}
.pm-seq{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:8px;font-size:.76rem}.pm-seq span{background:var(--surface-2);border-radius:8px;padding:3px 8px;color:var(--heading)}.pm-seq i{color:var(--muted);font-style:normal}
[dir=rtl] .pm-seq i{transform:scaleX(-1)}
/* tiles and bars */
.pm-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pm-tiles .wl-k[title]{cursor:help}
.pm-split{display:flex;height:28px;border-radius:10px;overflow:hidden;font-size:.78rem;font-weight:700}
.pm-sw{flex:0 0 var(--w);background:#4CAE3F;color:#fff;padding:0 10px;line-height:28px;white-space:nowrap;min-width:0;overflow:hidden}.pm-sx{flex:1;background:#F5B301;color:#14213D;padding:0 10px;line-height:28px;white-space:nowrap}
.pm-rate{position:relative;display:block;min-width:120px;height:20px;border-radius:6px;background:var(--surface-2);overflow:hidden}
.pm-rate i{position:absolute;inset-block:0;inset-inline-start:0;width:var(--w);background:#E0457B;opacity:.6}.pm-rate.pm-good i{background:#4CAE3F}
.pm-rate em{position:absolute;inset-block:0;inset-inline-start:var(--b);width:2px;background:var(--heading)}
.pm-rate b{position:relative;display:block;text-align:center;font-size:.72rem;line-height:20px;color:var(--heading)}
/* conformance and root causes */
.pm-ref,.pm-rcf{display:grid;gap:10px}.pm-ref h4,.pm-rcf h4{margin:0}
.pm-refk{display:grid;gap:6px}.pm-refk label{align-items:center;flex-wrap:wrap;gap:6px}
.pm-n{width:84px}
.pm-match summary{cursor:pointer;font-weight:700;font-size:.85rem;color:var(--heading)}.pm-match{border:1px solid var(--border);border-radius:14px;padding:10px 12px}.pm-match[open]{display:grid;gap:10px}
.pm-devl{margin:0;padding-inline-start:18px;font-size:.84rem}
/* KPIs */
.pm-kset{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font-size:.84rem}.pm-kset details{flex-basis:100%}.pm-kset details input{width:100%;margin-top:6px}
.pm-figs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.pm-fig{margin:0;border:1px solid var(--border);border-radius:14px;padding:10px 12px;background:var(--surface)}.pm-fig figcaption{font-size:.8rem;font-weight:700;color:var(--heading);margin-bottom:4px}.pm-fig svg{width:100%;height:auto;direction:ltr}
.pm-ax{stroke:var(--border);stroke-width:1}.pm-axt{font:600 9.5px var(--f-body);fill:var(--muted)}
.pm-bar{fill:#1FB5B2}.pm-line{fill:none;stroke:#1FB5B2;stroke-width:2}.pm-dot{fill:#1FB5B2;stroke:var(--surface);stroke-width:2}.pm-refl{stroke:#E0457B;stroke-width:1.5;stroke-dasharray:4 3}
.pm-hist{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(52px,1fr);gap:6px;align-items:end;height:180px;overflow-x:auto}
.pm-hb{display:grid;grid-template-rows:1fr auto auto;height:100%;text-align:center;font-size:.7rem}.pm-hb span{align-self:end;height:var(--h);min-height:2px;background:#1FB5B2;border-radius:4px 4px 0 0}.pm-hb b{color:var(--heading)}.pm-hb small{color:var(--muted);white-space:nowrap}
/* cases */
.pm-cbar input[type=search]{flex:1 1 220px}.pm-ctbl tr[data-cc]{cursor:pointer}.pm-ctbl tr[data-cc]:hover td{background:var(--surface-2)}
.pm-tr{font-size:.74rem;color:var(--muted);max-width:420px}
.pm-case{display:grid;gap:10px}.pm-case h4{margin:0}.pm-attrs-l{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;font-size:.82rem}.pm-attrs-l small{color:var(--muted)}
@media (max-width:860px){.pm-mapwrap{grid-template-columns:1fr}.pm-side{max-height:none}.pm-vh{grid-template-columns:auto auto 1fr}.pm-vh small{grid-column:1/-1}.pm-zoom{margin-inline-start:0}}
/* v20.39 · predict, objects, saved analyses */
.pm-octypes{display:inline-flex;flex-wrap:wrap;gap:6px}.pm-octypes .pm-chip i{display:inline-block;width:12px;height:4px;border-radius:2px;background:var(--tc);margin-inline-end:6px;vertical-align:middle}
.pm-octypes .pm-chip[aria-pressed=false]{opacity:.45}.pm-octypes .pm-chip[aria-pressed=true]{border-color:var(--tc)}
.pm-e-oc{fill:none;cursor:pointer;opacity:.85}
.pm-saved{border-top:1px solid var(--border);padding-top:10px}.pm-slist{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pm-slist li{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:8px 12px;background:var(--surface)}.pm-slist li small{flex:1 1 220px}
.pm-abadge{background:#E0457B;color:#fff;border-radius:99px;padding:2px 9px;font-size:.75rem;font-weight:800}
.pm-alerts{border:1px solid var(--border);border-radius:12px;padding:10px 14px;font-size:.86rem;background:color-mix(in srgb,#4CAE3F 10%,var(--surface))}.pm-alerts.on{border-color:#E0457B;background:color-mix(in srgb,#E0457B 10%,var(--surface))}
.pm-savef{display:grid;gap:10px}.pm-savef h4{margin:0}.pm-savef label{display:grid;gap:4px;font-size:.84rem;font-weight:700}
.pm-arow{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pm-send{margin-top:8px}
/* v20.40.1 · paths.css (the Project management page) also styles .pm-sub, .pm-sl and .pm-dl and loads after cx.css: the workbench keeps its own look */
.pm p.pm-sub{margin:10px 0 4px}
.pm .pm-sl{display:inline-flex;flex-direction:row;margin-top:0}
.pm .pm-dl{grid-template-columns:auto 1fr;gap:4px 10px;padding:0}
/* v20.40.1 · after writing to a KPI set, an SLA or Data intelligence: what was written, and a button to open it */
.pm-done{display:grid;gap:8px;padding:12px 14px;border:1px solid color-mix(in srgb,#4CAE3F 55%,var(--border));border-radius:14px;background:color-mix(in srgb,#4CAE3F 9%,var(--surface))}
.pm-done p{margin:0}.pm-done .cx-row{gap:8px 12px;align-items:center;flex-wrap:wrap}.pm-done small{font-size:.76rem}
.pm-done-l{margin:0;padding-inline-start:18px;display:grid;gap:2px;font-size:.84rem;max-height:220px;overflow:auto}
/* v20.40 · sample logs grouped by institution type (Banks, Payments & digital banks, Lending fintech & BNPL, Finance companies, Microfinance & co-ops, Scale tests) */
.pm-samples{display:grid;gap:8px;min-width:0}
.pm-sh{margin:0}
.pm-sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px 20px;min-width:0}
.pm-sgrp{display:grid;gap:6px;align-content:start;min-width:0}
.pm-sgl{font:700 .74rem/1.35 var(--f-body);color:var(--muted);letter-spacing:.01em}
.pm-sgc{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.pm-sgc .pm-chip{max-width:100%;text-align:start;line-height:1.3;border-radius:18px}
/* once a log is open the groups shrink to one wrapping line each: the label, then its chips */
.pm-src-done .pm-sh{display:none}
.pm-src-done .pm-sgrid{display:flex;flex-wrap:wrap;gap:6px 18px}
.pm-src-done .pm-sgrp{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pm-src-done .pm-sgc{display:contents}
.pm-src-done .pm-sgl{font-size:.7rem}
@media (max-width:480px){.pm-sgrid{gap:10px}.pm-sgc .pm-chip{padding:6px 10px;font-size:.8rem}}

/* v20.40 · roles, start by role, next step */
/* programme roles: the side line, switched-off links to hidden modules, Members → People / Roles */
.ca-prole{display:inline-block;margin-top:3px;font-weight:700;color:var(--heading);word-break:normal}
.ca-mainb{min-width:0}
.cn-off,[data-vhid]{opacity:.45;cursor:not-allowed!important;filter:grayscale(.6)}
.mr-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.mr-tabs button{border:1px solid var(--border);background:var(--surface);color:var(--heading);border-radius:99px;padding:7px 16px;font:700 .86rem var(--f-body);cursor:pointer}
.mr-tabs button[aria-selected=true]{background:color-mix(in srgb,var(--tc,#1FB5B2) 16%,var(--surface));border-color:var(--tc,#1FB5B2)}
.mr-tbl td{vertical-align:top}.mr-tbl select{max-width:100%}
.mr-pr{min-width:210px}.mr-pr select{width:100%}
.mr-adm{display:block;margin-top:4px;font-size:.76rem}
.mr-x{margin-top:6px;font-size:.82rem}.mr-x summary{cursor:pointer;font-weight:700;color:var(--muted)}
.mr-ticks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:2px 12px;margin:8px 0}
.mr-ticks .ca-check{margin:0;padding:4px 6px;border-radius:8px;font-weight:600}
.mr-ticks .ca-check input{flex:0 0 18px;width:18px;height:18px;margin:1px 0 0;accent-color:var(--tc,#1FB5B2)}
.mr-ticks .ca-check.mr-chg{background:color-mix(in srgb,#F5B301 14%,transparent)}
.mr-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;margin-top:14px}
.mr-rintro{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}.mr-rintro p{margin:0;flex:1 1 300px}
.mr-roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:14px;margin-top:14px}.mr-roles .mr-ticks{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr))}
.mr-role h4{margin:0 0 2px}.mr-role>p{margin:0 0 4px;font-size:.84rem}
.mr-cust{display:inline-block;margin-inline-start:6px;padding:1px 8px;border-radius:99px;background:color-mix(in srgb,#F5B301 22%,transparent);color:var(--heading);font-size:.72rem;font-weight:800;vertical-align:middle}
/* the Overview's workspace line: regulatory edition, programme role, show the path */
.cn-ws{margin-bottom:16px}.cn-ws p{margin:0 0 6px}.cn-ws p:last-child{margin-bottom:0}
.cn-rg{display:inline-block;margin-inline-start:6px}.cn-rg select{max-width:100%;font-size:.84rem;padding:4px 8px}
/* the Next step bar (coe-next.js) */
.cn-slot:empty{display:none}
.cn-bar{margin:0 0 16px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--tc,#1FB5B2) 12%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--tc,#1FB5B2) 45%,var(--border));box-shadow:var(--shadow)}
.cn-top{display:flex;align-items:flex-start;gap:10px}
.cn-h{flex:1 1 auto;min-width:0;margin:0;font-size:.95rem;color:var(--heading)}.cn-h small{display:block;font-size:.78rem;font-weight:600;color:var(--muted);margin-top:2px}
.cn-n{flex:0 0 auto;font:800 .74rem var(--f-body);color:var(--muted);white-space:nowrap;padding-top:3px}
.cn-x{flex:0 0 auto;border:0;background:transparent;color:var(--muted);font-size:1.25rem;line-height:1;cursor:pointer;padding:0 4px;border-radius:8px}.cn-x:hover{background:var(--surface-2);color:var(--heading)}
.cn-steps{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.cn-steps button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:99px;padding:4px 11px 4px 5px;font:600 .8rem var(--f-body);cursor:pointer;text-align:start}
.cn-steps .cn-k{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:99px;background:var(--surface-2);font-size:.72rem;font-weight:800}
.cn-steps .cn-done button{color:var(--muted)}.cn-steps .cn-done .cn-k{background:#4CAE3F;color:#fff}
.cn-steps .cn-cur button{border-color:var(--tc,#1FB5B2);background:color-mix(in srgb,var(--tc,#1FB5B2) 18%,var(--surface));color:var(--heading);font-weight:800}.cn-steps .cn-cur .cn-k{background:var(--tc,#1FB5B2);color:#fff}
.cn-steps .cn-no button{opacity:.5;cursor:not-allowed}
.cn-tip{margin:10px 0 0;font-size:.88rem;line-height:1.5}
.cn-act{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.cn-fin{margin:0;font-weight:700;color:#2F855A}
/* Start by role (ws-start.js: practice.html#start-by-role and the CoE app) */
.px-sbr{margin:0 0 22px;scroll-margin-top:96px}
.sbr-h h3{margin:0 0 4px}.sbr-h p{margin:0 0 10px}
.sbr-name{display:grid;gap:4px;max-width:440px;margin:0 0 12px;font-size:.84rem;font-weight:700}.sbr-name input{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:400 .92rem var(--f-body)}
.sbr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:14px;align-items:stretch}
.sbr-card{display:flex;flex-direction:column;gap:10px;border-top:5px solid var(--sc,#1FB5B2);margin:0}
.sbr-who{display:flex;gap:10px;align-items:flex-start;margin:0}.sbr-who b{display:block;color:var(--heading);line-height:1.3}.sbr-who small{display:block;color:var(--muted);font-size:.78rem;margin-top:2px}
.sbr-i{flex:0 0 auto;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--sc,#1FB5B2) 16%,var(--surface));font-size:1.2rem}
.sbr-steps{margin:0;padding-inline-start:20px;display:grid;gap:2px;align-content:start;font-size:.84rem;flex:1 1 auto}
.sbr-card .btn{align-self:flex-start;white-space:normal;text-align:start}
.sbr-why{margin:10px 0 0}
@media (max-width:560px){.cn-bar{padding:10px 11px}.cn-steps button{font-size:.76rem}.cn-act .btn{flex:1 1 100%;justify-content:center}.mr-pr{min-width:170px}.sbr-card .btn{align-self:stretch;text-align:center}}