/* Facilitator style: the facilitator page: sign-in, top bar, exercise dashboard, application frame. Loaded in this order by sim_facilitator.html; the order of the files is
   the order of the rules. */
/* « Médias » in Mener (media.js) */
.aic-media__row{grid-template-columns:80px 1fr auto;}.aic-media__row>.aic-tag{white-space:normal;line-height:1.3;} /* the network column one width (a long kind on two lines): every name starts at the same place */
.aic-media__excerpt{display:block;font-size:12px;color:var(--aic-ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.aic-media__state{font-size:11px;font-weight:700;color:var(--aic-ink-2);white-space:nowrap;}
.aic-media__state.is-todo{color:var(--aic-gold-ink);}
/* « Vague d'actualité » (mediawave.js) */
.aic-wave{display:flex;flex-direction:column;gap:6px;}.aic-wave>*{flex-shrink:0;} /* the list of the wave keeps its height */
.aic-wave__status{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--aic-line);border-radius:8px;background:var(--aic-surface-sunk);font-size:13px;}
.aic-wave__status--err{border-color:var(--aic-late);color:var(--aic-late);}
.aic-wave__row .aic-tag{font-size:16px;}
.aic-wave__list{display:flex;flex-direction:column;gap:4px;} /* each proposed page in full: the pane scrolls, not the list */
.aic-wave__item{border:1px solid var(--aic-line);border-radius:8px;padding:6px 10px;}
.aic-wave__item summary{cursor:pointer;display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;}
.aic-wave__item p{margin:6px 0 2px;font-size:13px;white-space:pre-wrap;}
/* Médias › « Vague d'actualité »: three separate cards, each with its title, its sentence, its button */
.aic-wave{gap:0;}
.aic-wcard{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;padding:18px 20px;border:1px solid var(--aic-line);border-radius:14px;background:var(--aic-surface);box-shadow:var(--aic-shadow-1);}
.aic-wcard__head{display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.aic-wcard__t{margin:0;font:600 17px/24px var(--aic-font-display);}
.aic-wcard__lead{margin:0 0 8px;font-size:13px;color:var(--aic-ink-2);}
.aic-wcard .aic-media__acts{margin:8px 0 0;}
.aic-state{display:inline-flex;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;}
.aic-state--on{background:var(--aic-reply-bg);color:var(--aic-reply);}
.aic-state--off{border:1px solid var(--aic-line-strong);color:var(--aic-ink-2);}
.media-text{field-sizing:content;min-height:4.5em;resize:vertical;} /* a proposed text in full, no scrollbar of its own */
/* « À produire » (asks.js) */
.aic-ask__row{grid-template-columns:minmax(0,1fr) auto auto;align-items:start;}
.aic-ask__who{display:flex;gap:6px;align-items:baseline;font-size:12px;line-height:1.45;color:var(--aic-ink-2);min-width:0;white-space:nowrap;overflow:hidden;}
.aic-ask__who b,.aic-ask__who span:last-child{overflow:hidden;text-overflow:ellipsis;}.aic-ask__who b{color:var(--aic-ink);font-weight:700;}
.aic-ask__lbl{flex:0 0 36px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--aic-ink-3);}
.aic-ask__ex{margin-top:4px;font-size:13px;color:var(--aic-ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.aic-ask__whobox .aic-ask__who{font-size:13px;}.aic-ask__whobox .aic-ask__lbl{flex-basis:42px;}
.aic-ask__row:has(.is-late){box-shadow:inset 3px 0 0 var(--aic-late);}
.aic-ask__due{font-size:12px;line-height:1.3;font-weight:700;color:var(--aic-ink-2);max-width:76px;text-align:right;} /* a narrow column: on two lines, inside its panel */
.aic-ask__due.is-soon{color:var(--aic-gold-ink);}.aic-ask__due.is-late{color:var(--aic-late);}
.aic-ask{display:flex;flex-direction:column;gap:12px;padding:16px 22px 22px;} /* away from the column's edge, as the other views of Run */
.aic-ask__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;}
.aic-ask__what{font-size:18px;line-height:1.35;margin:4px 0 0;}
.aic-ask__acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px;}.aic-ask__note{flex-basis:100%;margin:10px 0 0;line-height:1.5;} /* three buttons of one height, what the debrief counts said once below */
.aic-ask__form{display:flex;flex-direction:column;gap:6px;}.aic-ask__form label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--aic-ink-2);margin:8px 0 2px;}.aic-ask__form .aic-psheet__row{gap:12px;}.aic-ask__form .aic-hint{font-size:12px;line-height:1.5;color:var(--aic-ink-3);margin-top:6px;}.aic-ask__whobox .aic-ask__who{line-height:1.8;}.aic-ask__whobox .aic-ask__what{margin-top:10px;} /* the lines of who and for whom apart; the note discreet, as every hint */.aic-ask__acts{margin-top:4px;} /* the fields labelled as in a sheet */
.aic-ask__band{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:8px 12px;margin-bottom:8px;border-radius:var(--aic-radius-sm);background:var(--aic-wait-bg);font-size:13px;}
.aic-ask__done{margin:10px 12px;}
.aic-ask__out{font-size:11px;font-weight:700;color:var(--aic-ink-2);}.aic-ask__out.is-late{color:var(--aic-late);}.aic-ask__out.is-ok{color:var(--aic-teal-ink);}
#run-switch .is-late{color:var(--aic-late);font-weight:700;}#run-switch .is-late[aria-pressed="true"]{color:var(--aic-on-action);} /* chosen: the tab's own ink, red on teal was unreadable */
/* « Communication publique » (formerly « Ligne du temps ») in Suivre (webtimeline.js) */
.aic-tl{margin-bottom:18px;}
.aic-tl__svg{display:block;width:100%;height:auto;margin-top:6px;overflow:visible;}
.aic-tl__axis{stroke:var(--aic-line-strong);stroke-width:1;}
.aic-tl__v{fill:var(--aic-inject);}
.aic-tl__hit{fill:transparent;}
.aic-tl__bar:hover .aic-tl__hit{fill:var(--aic-surface-sunk);}
.aic-tl__quiet{fill:var(--aic-late-bg);}
.aic-tl__own text{font-size:15px;fill:var(--aic-ink);}
.aic-tl__tick{font-size:13px;fill:var(--aic-ink-3);}
.aic-tl__legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--aic-ink-2);margin-bottom:12px;}
.aic-tl__legend span{display:flex;align-items:center;gap:6px;}
.aic-tl__sw{display:inline-block;width:12px;height:12px;border-radius:3px;background:var(--aic-inject);}
.aic-tl__sw--quiet{background:var(--aic-late-bg);border:1px solid var(--aic-line);}
.aic-tl__table{font-size:13px;margin-top:4px;}
.aic-tl__table ul{margin:6px 0 0;padding-left:16px;}
.aic-media__row:has(.aic-media__follow){grid-template-columns:1fr;}
.aic-media__follow{display:flex;gap:6px;margin-top:6px;}
/* an airport's board of flights on the organisation's sheet (orgflights.js) */
.aic-flight{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:6px 0;border-bottom:1px solid var(--aic-line);}
.aic-flight .zn-name{flex:1 1 150px;min-width:0;}.aic-flight .zn-level{flex:0 1 120px;min-width:0;}.aic-flight .zn-note{flex:1 1 70%;min-width:0;}
/* a zone is one framed block: its name, level and « … », its precision under them */
.aic-flight.aic-zone{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;gap:6px;padding:8px;border:1px solid var(--aic-line);border-radius:8px;margin-bottom:8px;}
.aic-zone .zn-note{grid-column:1/-1;}
/* the settings of a site's model: air between a field and the next title */
#org-airport,#org-hospital,#org-city,#org-travel{margin-top:10px;}
#org-airport .aic-label,#org-travel .aic-label{display:block;margin:14px 0 6px;}
#org-airport>.aic-btn,#org-travel>.aic-btn{margin:8px 0 4px;}
.aic-flight .fl-dir{flex:0 0 96px;}.aic-flight .fl-t,.aic-flight .fl-nt{flex:0 0 96px;}.aic-flight .fl-city{flex:1 1 140px;min-width:0;}.aic-flight .fl-no{flex:0 1 96px;min-width:70px;}.aic-flight .fl-st{flex:1 1 130px;min-width:0;}
.aic-media__row .aic-alist__txt>.aic-tag{align-self:flex-start;margin-bottom:4px;}
.aic-media{padding:16px 20px;overflow-y:auto;grid-row:1/-1;}
.aic-media__post{border:1px solid var(--aic-line);border-radius:10px;padding:12px 14px;background:var(--aic-surface-raised);}
.aic-media__post p{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere;}
.aic-media__h{font-size:14px;margin:16px 0 6px;}
.aic-media__done{font-size:13px;padding:5px 0;border-bottom:1px solid var(--aic-line);overflow-wrap:anywhere;}
.aic-media__acts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;}
.aic-media__prop{border:1px solid var(--aic-line);border-radius:8px;padding:14px 16px 16px;margin:10px 0;}.aic-media__prop .aic-psheet__row{gap:14px;margin-top:6px;}.aic-media__prop .aic-psheet__row label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--aic-ink-2);margin:10px 0 6px;}.aic-media__prop .media-when{display:block;margin-top:6px;font-size:12px;color:var(--aic-ink-3);} /* titled and spaced as a sheet's fields */
.aic-media__prop textarea{width:100%;box-sizing:border-box;margin-top:0;}.aic-media__prop .media-delay{width:110px;}.aic-media__prop .media-text-l{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--aic-ink-2);margin:14px 0 6px;} /* a few minutes in a short field; the text titled as the others */
.auth-lang{position:absolute;top:14px;right:14px;border:1px solid var(--border);background:transparent;color:var(--sec);border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;cursor:pointer;}
/* AIC brand guidelines: navy #162030 / #1E2D3D, teal #7ECABB, off-white #F4F3EF, Inter + Playfair Display */
:root{
  --teal:#7ECABB;--navy:#162030;--navy2:#1E2D3D;--green:#1E2D3D;--gold:#C9A227;
  --bg:#F1F0EB;--night3:#ECEAE4;--white:#FBFAF6;--paper:#FBFAF6;
  --text:#162030;--sec:#3F4B58;--muted:#5F6B78;--border:#DDDAD2;--border2:#8E8A80;
  --danger:#C0392B;--alert:#E07B2A;--alert-bg:#FDF1E6;--alert-txt:#A65310;
  --inject:#2B5BB5;--inject-bg:#EEF2FA;--inject-border:#C7D3EA;
  --resp:#2A8F7A;--resp-bg:#EDF7F4;--resp-border:#B9E1D6;
  --purple:#6e40c9;--purple-bg:#F5F3FF;--purple-border:#c4b5fd;
  --shadow:0 1px 3px rgba(22,32,48,.08);--shadow-md:0 4px 12px rgba(22,32,48,.10);
}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--text);height:100vh;display:flex;flex-direction:column;overflow:hidden;font-size:13px;}
button{font-family:inherit;cursor:pointer;color:inherit;}
button:active:not(:disabled){transform:translateY(1px);filter:brightness(.92);}
input,select,textarea{font-family:inherit;font-size:12px;color:var(--text);direction:ltr;} /* Ctrl+Right Shift never turns a field right-to-left */
.hidden{display:none!important;}.mic-bar{flex:none;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 16px;font-size:12px;line-height:1.45;background:#FFF7E0;border-bottom:1px solid #E8D9A8;color:#4a3d10;}.mic-bar.ok{background:#E8F5EC;border-color:#BFE3C9;color:#1c5b32;}.mic-bar.err{background:#FDECEC;border-color:#F3B9B9;color:#7a1f1f;}.mic-bar span{flex:1;min-width:200px;}.mic-btn{border:1px solid var(--aic-action);background:var(--aic-action);color:var(--aic-on-action);border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;}.mic-lnk{border:0;background:none;color:inherit;text-decoration:underline;font-size:12px;cursor:pointer;opacity:.8;} body.fphone .mic-bar{position:fixed;left:0;right:0;bottom:0;z-index:450;box-shadow:0 -4px 12px rgba(0,0,0,.08);} body.cofac .cofac-hide,body.fac-phone .cofac-hide{display:none!important;}
.serif{font-family:'Playfair Display',Georgia,serif;}
/* ── Auth ── */
#auth-screen{position:fixed;inset:0;background-image:url('/static/bg.jpg');background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;z-index:1000;}
.auth-box{position:relative;background:rgba(251,250,246,.97);padding:40px;width:360px;border-top:4px solid var(--teal);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3);}
.auth-logo{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--navy2);margin-bottom:14px;font-weight:700;}
.auth-title{font-size:22px;font-weight:700;margin-bottom:4px;}
.auth-sub{font-size:12px;color:var(--muted);margin-bottom:20px;}
.fi{width:100%;padding:9px 11px;background:#fff;border:1px solid var(--border2);font-size:13px;outline:none;margin-bottom:10px;border-radius:4px;}
.fi:focus{border-color:var(--teal);}
.btn-primary{width:100%;padding:10px;background:var(--navy2);color:#fff;border:none;font-size:13px;font-weight:600;border-radius:4px;margin-top:4px;}
.btn-primary:hover{background:var(--navy);}
.auth-err{font-size:12px;color:var(--danger);margin-top:6px;display:none;}
/* ── Top bar ── */
.top{height:48px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 14px;gap:12px;flex-shrink:0;position:relative;}
.top::before{content:'';position:absolute;inset:0;background-image:url('/static/bg.jpg');background-size:cover;background-position:center;opacity:.14;pointer-events:none;}
.top>*{position:relative;}
.brand{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,.85);white-space:nowrap;}
.next-inj{margin:18px auto 0;max-width:320px;text-align:left;background:var(--paper);border:1px solid var(--border);border-left:4px solid var(--inject);border-radius:4px;padding:10px 12px;color:var(--text);} .next-inj .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;margin-bottom:4px;} .next-inj b{display:block;font-size:12px;margin-bottom:2px;} .next-inj .sub{font-size:11px;color:var(--sec);margin-bottom:8px;}
.fcall{position:fixed;right:16px;bottom:16px;width:310px;background:var(--navy);color:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 12px 40px rgba(0,0,0,.35);z-index:700;font-size:12px;} .fcall .who{font-size:15px;font-weight:700;margin-bottom:2px;} .fcall .sub{color:rgba(255,255,255,.75);margin-bottom:6px;line-height:1.4;} .fcall .tm{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;margin-bottom:10px;min-height:16px;} .fcall .btns{display:flex;gap:8px;} .fcall button{flex:1;border:none;border-radius:6px;padding:8px;font-weight:700;cursor:pointer;color:#fff;font-size:12px;} .fcall .green{background:#2A8F7A;} .fcall .red{background:#C0392B;} .fcall .grey{background:rgba(255,255,255,.22);} .fcall.ring{animation:fcallpulse 1s infinite;} @keyframes fcallpulse{0%,100%{box-shadow:0 12px 40px rgba(0,0,0,.35);}50%{box-shadow:0 0 0 6px rgba(212,175,55,.45);}} 
.right{display:flex;align-items:center;gap:10px;font-size:11px;margin-left:auto;}
.dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35);display:inline-block;margin-right:5px;}
.dot.on{background:#4ade80;}
.av{width:26px;height:26px;border-radius:50%;background:var(--teal);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0;}
.tbtn{font-size:11px;padding:5px 11px;white-space:nowrap;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);color:#fff;border-radius:3px;}
.tbtn:hover{background:rgba(255,255,255,.2);}
.right>[data-h="dashAiStatus"]{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
@media (max-width:900px){.top{gap:8px;}.top .right{gap:6px;min-width:0;}.tbtn{padding:5px 8px;}.top .brand{letter-spacing:.06em;}#ai-txt-dash{display:inline-block;max-width:84px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;}} /* the bar on one line in a narrow window */
.more{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:4px;padding:3px 9px;font-size:16px;line-height:1;}
.aic-copies{font-size:12px;color:var(--muted);margin:2px 0 4px;white-space:normal;}
.mk-list{margin:2px 0 2px 1.4em;padding:0;white-space:normal;}.mk-list li{white-space:pre-wrap;}
.row-menu{position:fixed !important;right:auto !important;top:0;min-width:200px;z-index:880;}#row-menu{z-index:880;}#is-follow{width:100%;} /* the follow-up's choice read whole, not cut in a short button */body:not(.fphone):has(.aic-run.on) .aic-alerts{right:auto;left:20px;width:min(360px,calc(100vw - 32px));} /* in Run: over the queue, never over the reply's buttons */body:not(.fphone):has(.aic-run.on) .aic-alert__text{flex:1 1 0;min-width:0;}body:has(#sheet:not(.hidden)) .aic-alerts{right:auto;left:20px;bottom:96px;} /* a sheet open: the notice beside it, never over its « Enregistrer » */ /* above a sheet even under .menu's later rules (the notes' « … » opened behind its window) */ /* above a sheet (651), under a question (900) */#row-menu>div.danger{color:var(--danger) !important;border-top:1px solid var(--border);}.row-menu>div{padding:7px 14px;cursor:pointer;}.row-menu>div:hover{background:var(--aic-reply-bg,#eef);}
.menu{position:absolute;right:14px;top:50px;background:var(--paper);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow-md);min-width:230px;padding:6px 0;z-index:400;}
.menu:not(.fmenu) div{padding:8px 14px;font-size:12px;color:var(--sec);cursor:pointer;}body.fphone .menu:not(.fmenu) div{padding:13px 16px;font-size:15px;}.fphone-only{display:none;}body.fphone .menu .fphone-only{display:block;}
/* the ⋯ menu drawn like the participants' menu: who is signed in, the exercise's actions as tiles, the account's choices as pairs (the current one marked), the rest as lines */
.fmenu{z-index:460;min-width:0;width:300px;max-width:calc(100vw - 28px);padding:12px;border-radius:14px;display:flex;flex-direction:column;gap:9px;}
.fmenu button{font:inherit;color:var(--text);background:var(--paper);border:1px solid var(--border2);border-radius:9px;cursor:pointer;}
.fmenu button:hover{background:var(--inject-bg);}
.fmenu svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;}
.fm-who{display:flex;gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--border);}
.fm-av{width:36px;height:36px;border-radius:50%;background:var(--inject);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex:none;}
.fm-name{font-weight:600;font-size:13px;color:var(--text);}.fm-role{font-size:12px;color:var(--muted);}
.fm-lab{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:-3px;}
.fm-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
.fm-tile{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px 9px;font-size:12px !important;line-height:1.2;text-align:center;}
.fm-tile__hint{display:none;font-size:11px;font-weight:400;color:var(--muted);}
@media (hover:none){.fm-tile__hint{display:block;}} /* a touch screen has no bubble: the explanation under the button */
.fmenu .fm-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--paper));}.fmenu .fm-danger:hover{background:color-mix(in srgb,var(--danger) 8%,var(--paper));}
.fm-pair{display:flex;gap:6px;}.fm-pair.fphone-only{display:none;}.fm-pair button{flex:1;padding:7px 6px;font-size:12px;}
.fmenu .fm-pair button.on{background:var(--inject);border-color:var(--inject);color:var(--white);cursor:default;}
.fm-line{display:flex;gap:9px;align-items:center;text-align:left;padding:8px 10px;font-size:13px;}.fm-line svg{width:18px;height:18px;}
body.fphone #menu .fm-ex,body.fphone #menu .fm-tiles,body.fphone #menu .fm-sec{display:none;}
body.fphone #menu .fm-pair.fphone-only{display:flex;}body.fphone .fmenu button{font-size:15px;padding:11px 8px;}
.menu:not(.fmenu) div:hover{background:var(--inject-bg);color:var(--text);}
/* ── Exercise dashboard ── */
#dash-screen{display:none;flex-direction:column;height:100vh;position:relative;}
/* water behind the list of exercises (ripple.js), on the ground the facilitator chose: light or navy */
.dash-ripple{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;}#dash-screen>:not(.dash-ripple){position:relative;z-index:1;}
#dash-screen.navy{background:var(--navy);}#dash-screen.navy .dash-title,#dash-screen.navy .client-label{color:var(--paper);}#dash-screen.navy .dash-body>#dash-sessions>div:only-child{color:var(--border);}
.dash-body{max-width:900px;margin:36px auto;padding:0 24px 160px;width:100%;overflow-y:auto;}
.dash-hdr{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;}
/* the facilitator on a phone: the list of exercises to open one; preparing and settings stay on a computer */
body.fphone #dash-screen .top .right>span,body.fphone #dash-screen [data-h="dashSecurity"],body.fphone #mode-badge,body.fphone [data-h="dashNewExercise"]{display:none;}
body.fphone .dash-body{margin-top:20px;padding:0 14px 120px;}
.dash-title{font-size:22px;font-weight:700;}
.client-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:16px 0 8px;}
.sess-card{background:var(--paper);border:1px solid var(--border);padding:14px 18px;margin-bottom:6px;display:flex;align-items:flex-start;gap:14px;border-radius:4px;}
.sess-info{flex:1;min-width:0;}
.sess-name{font-size:14px;font-weight:600;margin-bottom:2px;}
.sess-meta{font-size:11px;color:var(--muted);}
.sess-btns{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;}
.sbtn{font-size:11px;padding:5px 10px;border:1px solid var(--border);background:transparent;color:var(--sec);border-radius:3px;}
.sbtn:hover{color:var(--text);border-color:var(--border2);}
.sbtn.danger{border-color:var(--danger);color:var(--danger);}
.sbtn.primary{background:var(--navy2);color:#fff;border-color:var(--navy2);}
.sess-more{position:relative;display:inline-block;} .sess-more summary{list-style:none;cursor:pointer;display:inline-block;} .sess-more summary::-webkit-details-marker{display:none;}
.sess-more.up .sess-menu{top:auto;bottom:110%;} .sess-menu{position:absolute;right:0;top:110%;background:var(--paper);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow-md);min-width:210px;padding:4px 0;z-index:50;}
.sess-menu div{padding:8px 14px;font-size:12px;color:var(--sec);cursor:pointer;white-space:nowrap;} .sess-menu div:hover{background:var(--inject-bg);color:var(--text);} .sess-menu div.danger{color:var(--danger);border-top:1px solid var(--border);}
/* ── App ── */
#app-screen{display:none;flex-direction:column;height:100vh;}
.screen{display:none;flex:1;overflow:hidden;}
.screen.on{display:flex;}
.team{font-size:11px;font-weight:700;padding:1px 6px;border-radius:3px;color:var(--aic-navy);background:var(--gold);letter-spacing:.03em;white-space:nowrap;} /* dark ink on the light badge, both grounds */
.team.team--tone{color:var(--aic-on-dark);} /* a team's own colour (colorFor, dark): light ink, 5:1 and more */
.pill{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;border:1px solid var(--border2);color:var(--sec);background:var(--paper);cursor:pointer;}
.pill.on{background:var(--navy2);color:#fff;border-color:var(--navy2);}
.tb{font-size:11px;padding:5px 10px;border:1px solid var(--border2);background:var(--paper);border-radius:4px;color:var(--sec);}
.tb:hover{border-color:var(--inject);color:var(--inject);}
.tb.primary{background:var(--inject);color:#fff;border-color:var(--inject);}
.tb.danger{border-color:var(--danger);color:var(--danger);}
.tb:disabled{opacity:.45;cursor:default;}
/* the « … » of a row, round and without a background on every page and both themes, as in Microsoft 365 */
button.row-more.row-more{width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;opacity:.7;font-size:16px;line-height:30px;display:inline-flex;align-items:center;justify-content:center;flex:none;box-shadow:none;}
button.row-more.row-more:hover,button.row-more.row-more:focus-visible{opacity:1;background:color-mix(in srgb,currentColor 14%,transparent);}
.page-trace{margin:0 0 8px;font-size:13px;line-height:1.45;overflow-wrap:anywhere;}
.aic-ask__head>:first-child{min-width:0;}.aic-ask__what{overflow-wrap:anywhere;}