/* 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]),.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}
/* 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}
.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}.pm{background:#F5B301}.pb{background:#4CAE3F}.now{background:#E0457B}
.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)}
.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-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}
/* ── 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}
.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 Analysis */
.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-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:120px}
.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-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}
@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.1.1 — Banking Operations Pool: on hover two laser beams run around the frame and the halo breathes (border only — nothing moves inside the card) */
@property --mt-a{syntax:"<angle>";inherits:false;initial-value:0deg}
.cx-tile[href$="ops-pool.html"]{isolation:isolate}
.cx-tile[href$="ops-pool.html"]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;padding:3px;opacity:0;transition:opacity .3s;
  background:conic-gradient(from var(--mt-a),transparent 0deg,rgba(93,248,208,.18) 70deg,rgba(93,248,208,.85) 140deg,#fff 166deg,#1FB5B2 174deg,transparent 180deg,rgba(93,248,208,.18) 250deg,rgba(93,248,208,.85) 320deg,#fff 346deg,#1FB5B2 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)}
.cx-tile[href$="ops-pool.html"]:hover::after,.cx-tile[href$="ops-pool.html"]:focus-visible::after{opacity:1;animation:mt-orbit 3.2s linear infinite}
.cx-tile[href$="ops-pool.html"]:hover,.cx-tile[href$="ops-pool.html"]:focus-visible{border-color:#5DF8D0;animation:mt-halo 3.2s ease-in-out infinite}
@keyframes mt-orbit{to{--mt-a:360deg}}
@keyframes mt-halo{0%,100%{box-shadow:0 0 0 1px #5DF8D0,0 0 14px rgba(93,248,208,.45),0 0 34px rgba(31,181,178,.25),var(--shadow)}50%{box-shadow:0 0 0 1px #5DF8D0,0 0 22px rgba(93,248,208,.7),0 0 56px rgba(31,181,178,.4),var(--shadow)}}
@media (prefers-reduced-motion:reduce){.cx-tile[href$="ops-pool.html"]:hover::after{animation:none;background:linear-gradient(135deg,#5DF8D0,#1FB5B2)}.cx-tile[href$="ops-pool.html"]:hover{animation:none;box-shadow:0 0 0 1px #5DF8D0,0 0 18px rgba(93,248,208,.55),var(--shadow)}}
/* 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}