/* Meeting xonalari — rejalashtirilgan meetinglar (meeting-room.js). Tokenlar base.css dan.
   Rang: hozir bo'layotgan — --ok, kelgusi — --info, bekor — --muted. */

/* ---------------- Xona yorlig'idagi belgi ---------------- */
.fp-head.mt-click{cursor:pointer}
.fp-head .mt-badge{font:600 10px/1 var(--font-mono); padding:2px 5px; margin-left:4px; border-radius:8px; white-space:nowrap;
  color:var(--info); background:color-mix(in srgb, var(--info) 14%, transparent)}
.fp-head .mt-badge[data-live="1"]{color:var(--ok); background:color-mix(in srgb, var(--ok) 16%, transparent); animation:mtPulse 2s ease-in-out infinite}
.fp-room[data-mt="live"] > .fp-head{box-shadow:0 4px 14px var(--iso-label-shd, rgba(15,28,52,.18)), 0 0 0 2px var(--ok)}
@keyframes mtPulse{50%{opacity:.55}}
@media (prefers-reduced-motion: reduce){ .fp-head .mt-badge[data-live="1"]{animation:none} }

/* ---------------- Toolbar tugmasi ---------------- */
.mt-btn{position:relative}
.mt-btn[data-mt]:not([data-mt=""])::after{content:""; position:absolute; right:3px; top:3px; width:7px; height:7px; border-radius:50%;
  background:var(--info); box-shadow:0 0 0 2px var(--topbar-bg, #14223c)}
.mt-btn[data-mt="live"]::after{background:var(--ok)}

/* ---------------- Panel ---------------- */
.mt-panel{width:400px}
.mt-rooms{display:flex; flex-wrap:wrap; gap:4px; padding:8px 10px 0}
.mt-chip{display:inline-flex; align-items:center; gap:4px; border:1px solid var(--line); background:var(--panel); color:var(--ink);
  font:500 11.5px/1 var(--font-ui, inherit); padding:5px 8px; border-radius:12px; cursor:pointer}
.mt-chip em{font-style:normal; font:600 10px/1 var(--font-mono); color:var(--info)}
.mt-chip[aria-pressed="true"]{background:var(--chip-on); border-color:var(--chip-on); color:var(--chip-on-text)}
.mt-chip[aria-pressed="true"] em{color:var(--chip-on-text)}
.mt-tabs{display:flex; gap:2px; margin:8px 10px 0; padding:2px; border-radius:var(--r-sm); background:var(--chip)}
.mt-tabs button{flex:1 1 0; border:0; background:none; color:var(--muted); font-size:12px; padding:5px 0; border-radius:var(--r-xs); cursor:pointer}
.mt-tabs button[aria-selected="true"]{background:var(--panel); color:var(--ink); font-weight:600; box-shadow:0 1px 2px rgba(0,0,0,.08)}
.mt-body{overflow:auto; padding:8px 10px 10px; display:flex; flex-direction:column; gap:8px}
.mt-body code{font:500 11px/1.4 var(--font-mono); background:var(--chip); padding:0 4px; border-radius:4px}
.mt-day{margin:4px 2px 0; font-size:11px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.04em}
.mt-card{--st:var(--info); border:1px solid var(--line); border-left:3px solid var(--st); border-radius:var(--r-sm); padding:9px 11px; background:var(--panel)}
.mt-card[data-st="live"]{--st:var(--ok); background:color-mix(in srgb, var(--ok) 5%, var(--panel))}
.mt-card[data-st="done"]{--st:var(--line-2); opacity:.8}
.mt-card[data-st="cancelled"]{--st:var(--muted); opacity:.7}
.mt-card[data-st="cancelled"] .mt-title{text-decoration:line-through}
.mt-ch{display:flex; align-items:center; gap:8px}
.mt-time{font:500 11.5px/1.2 var(--font-mono); color:var(--ink)}
.mt-time b{font-family:var(--font-ui, inherit); font-weight:700}
.mt-pill{margin-left:auto; font-size:10.5px; font-weight:700; padding:1px 7px; border-radius:10px; white-space:nowrap; color:var(--st);
  background:color-mix(in srgb, var(--st) 14%, transparent)}
.mt-title{margin:6px 0 0; font-size:13.5px; font-weight:700; color:var(--heading); overflow-wrap:anywhere}
.mt-facts{display:grid; grid-template-columns:auto 1fr; gap:3px 10px; margin:8px 0 0; font-size:11.5px}
.mt-facts dt{color:var(--muted)}
.mt-facts dd{margin:0; color:var(--ink); display:flex; align-items:center; gap:6px; min-width:0; overflow-wrap:anywhere}
.mt-facts a{color:var(--info); text-decoration:none} .mt-facts a:hover{text-decoration:underline}
.mt-room{border:0; background:none; padding:0; color:var(--info); cursor:pointer; font:inherit}
.mt-seats{flex:none; width:48px; height:5px; border-radius:3px; background:var(--surface-3); overflow:hidden}
.mt-seats i{display:block; height:100%; background:var(--st)}
.mt-sub{margin:9px 0 4px; font-size:10.5px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.04em}
.mt-people{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:4px}
.mt-who{border:0; font:500 11px/1 var(--font-mono); padding:4px 7px; border-radius:10px; background:var(--chip); color:var(--ink)}
.mt-who.known{cursor:pointer} .mt-who.known:hover{background:var(--surface-3)}
.mt-who:disabled{color:var(--muted); cursor:default}
/* Jonli meeting: xonada (yashil nuqta) / masofadan (shtrix chegara) */
.mt-who.here::before{content:''; display:inline-block; width:6px; height:6px; margin-right:4px; border-radius:50%; background:var(--ok); vertical-align:1px}
.mt-who.remote{background:transparent; box-shadow:inset 0 0 0 1px var(--line); color:var(--muted)}
.mt-present{font-variant-numeric:tabular-nums}
.mt-agenda{margin:0; font-size:12px; line-height:1.45; color:var(--text); white-space:pre-wrap; overflow-wrap:anywhere}
.mt-cancel{margin:8px 0 0; font-size:11.5px; color:var(--muted)}
.mt-routine{font-size:11.5px; border:1px dashed var(--line); border-radius:var(--r-sm); padding:6px 9px}
.mt-routine summary{cursor:pointer; color:var(--muted); font-weight:600}
.mt-routine ul{list-style:none; margin:6px 0 0; padding:0; display:flex; flex-direction:column; gap:3px}
.mt-routine li{color:var(--ink)} .mt-routine li.past{color:var(--muted)} .mt-routine li.now{color:var(--ok); font-weight:600}
.mt-routine time{font:500 11px var(--font-mono); margin-right:4px}
.mt-foot{padding:6px 12px; border-top:1px solid var(--line); background:var(--panel-2); font-size:10.5px; color:var(--muted)}
@media (max-width:480px){ .mt-panel{width:calc(100vw - 16px)} }