/* ==========================================================================
   Meetings — recordings list, report progress, report viewer.
   Uses the shared tokens from style.css; nothing here redefines a palette.
   ========================================================================== */

/* ---- progress ---------------------------------------------------------- */
.mt-progress{padding:18px 2px 6px;font-size:14px}
.mt-bar{height:6px;border-radius:99px;background:var(--chip);overflow:hidden}
.mt-bar > i{
  display:block;height:100%;border-radius:99px;
  background:linear-gradient(90deg,var(--accent-deep),var(--accent));
  transition:width .35s ease;
}

/* ---- report viewer ------------------------------------------------------
   The modal body is a fixed-height frame host so a long report scrolls inside
   the iframe rather than stretching the dialog past the viewport. */
.mt-view{min-height:220px}
.mt-frame{
  width:100%;height:min(70vh,720px);border:0;border-radius:var(--radius);
  background:#fff;                       /* report ships its own theme */
  display:block;
}
.mt-foot{display:flex;gap:8px;justify-content:flex-end}

/* ---- recordings list ---------------------------------------------------- */
.mt-list{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow-y:auto}
.mt-row{
  display:flex;align-items:center;gap:12px;padding:10px;
  border-radius:var(--radius);background:var(--panel-2);
}
.mt-row:hover{background:var(--hover)}
.mt-row-ico{color:var(--accent);display:flex;flex:0 0 auto}
.mt-row-main{flex:1 1 auto;min-width:0}
.mt-row-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mt-row-sub{color:var(--text-2);font-size:12px;margin-top:2px}

/* ---- share dialog ------------------------------------------------------- */
.mt-share-list{display:flex;flex-direction:column;gap:2px;max-height:44vh;overflow-y:auto}
.mt-share-row{
  display:flex;align-items:center;gap:10px;padding:8px 6px;
  border-radius:10px;cursor:pointer;
}
.mt-share-row:hover{background:var(--hover)}
.mt-share-row input{accent-color:var(--accent);width:16px;height:16px;flex:0 0 auto}
.mt-ava{width:28px;height:28px;border-radius:50%;flex:0 0 auto}

@media (max-width:520px){
  .mt-frame{height:min(60vh,520px)}
}