:root {
  --iie-red: #C41230;
  --iie-red-dark: #A00E28;
  --iie-black: #111214;
  --iie-charcoal: #202226;
  --iie-white: #ffffff;
  --iie-gray-50: #f7f7f8;
  --iie-gray-100: #eeeeef;
  --iie-gray-300: #c9c9cc;
  --iie-gray-500: #74777d;
  --iie-success: #167a45;
  --iie-warning: #9b6200;
  --iie-radius: 18px;
  --iie-shadow: 0 18px 50px rgba(17,18,20,.10);
}

/* Professor live guide: keep contrast inside the LMS design-system shell. */
html body #pr2 .iie-portal.iie-lms-embedded .iie-teacher-focus-card {
  background:radial-gradient(circle at 85% 12%,rgba(196,18,48,.28),transparent 28%),linear-gradient(145deg,#090909,#1b1b1d)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.08)!important;
}
html body #pr2 .iie-portal.iie-lms-embedded .iie-teacher-focus-card :where(h2,h3,strong) { color:#fff!important; }
html body #pr2 .iie-portal.iie-lms-embedded .iie-teacher-focus-card :where(p,small) { color:#d1d1d4!important; }
html body #pr2 .iie-portal.iie-lms-embedded .iie-start-live-guide {
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.18)!important;
}
html body #pr2 .iie-portal.iie-lms-embedded .iie-start-live-guide-heading > div > span,
html body #pr2 .iie-portal.iie-lms-embedded .iie-start-live-guide li small { color:#c9c9ce!important; }
html body #pr2 .iie-portal.iie-lms-embedded .iie-start-live-guide li > span { color:#17181b!important; background:#fff!important; }

/* Professor scheduled-live focus — native light dashboard composition. */
html body #pr2 .iie-portal.iie-lms-embedded {
  padding-top:0!important;
}
html body #pr2 #pr2-page-aulas {
  padding-top:54px!important;
}
/* Structural topbar clearance across every internal management page. */
html body #pr2 .page,
html body #adm2 .page {
  padding-top:54px!important;
}
html body #sr :is(.page,.pg) {
  padding-top:8px!important;
}
html body #pr2 .iie-portal.iie-lms-embedded .iie-next-live-panel {
  width:100%!important;
  max-width:none!important;
  background:#fff!important;
  color:#17171a!important;
  border:1px solid #e6e2dc!important;
  box-shadow:0 10px 34px rgba(26,24,21,.055)!important;
}
html body #pr2 .iie-portal.iie-lms-embedded .iie-next-live-panel .iie-panel-heading h2 { color:#17171a!important; }
html body #pr2 .iie-portal.iie-lms-embedded .iie-teacher-focus-card {
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
  min-height:0!important;
  padding:28px!important;
  background:linear-gradient(145deg,#fbfaf8,#f5f2ed)!important;
  color:#17171a!important;
  border:1px solid #e2ddd5!important;
  border-left:5px solid #c41230!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
html body #pr2 .iie-portal.iie-lms-embedded .iie-professor-main-grid {
  width:100%!important;
  max-width:none!important;
  grid-template-columns:minmax(0,1fr)!important;
}
html body #pr2 .iie-portal.iie-lms-embedded .iie-teacher-focus-card > .iie-kicker { color:#a00e28!important; }
html body #pr2 .iie-portal.iie-lms-embedded .iie-teacher-focus-card :where(h2,h3,strong) { color:#17171a!important; }
html body #pr2 .iie-portal.iie-lms-embedded .iie-teacher-focus-card > h3 {
  margin:10px 0 6px!important;
  font-size:clamp(24px,2.5vw,32px)!important;
  line-height:1.12!important;
}
html body #pr2 .iie-portal.iie-lms-embedded .iie-teacher-focus-card :where(p,small) { color:#62626a!important; }
html body #pr2 .iie-portal.iie-lms-embedded .iie-teacher-focus-date { color:#29292d!important; }
html body #pr2 .iie-portal.iie-lms-embedded .iie-start-live-guide {
  margin-top:22px!important;
  padding:20px!important;
  background:#fff!important;
  border:1px solid #e2ddd5!important;
  border-radius:16px!important;
  box-shadow:0 6px 20px rgba(26,24,21,.045)!important;
}
html body #pr2 .iie-portal.iie-lms-embedded .iie-start-live-guide-heading strong { color:#17171a!important; font-size:16px!important; }
html body #pr2 .iie-portal.iie-lms-embedded .iie-start-live-guide-heading > div > span { color:#74747c!important; }
html body #pr2 .iie-portal.iie-lms-embedded .iie-start-live-guide ol { gap:14px!important; }
html body #pr2 .iie-portal.iie-lms-embedded .iie-start-live-guide li {
  padding:14px!important;
  background:#f7f5f1!important;
  border-radius:12px!important;
}
html body #pr2 .iie-portal.iie-lms-embedded .iie-start-live-guide li > span {
  color:#fff!important;
  background:#17171a!important;
}
html body #pr2 .iie-portal.iie-lms-embedded .iie-start-live-guide li strong { color:#252529!important; }
html body #pr2 .iie-portal.iie-lms-embedded .iie-start-live-guide li small { color:#686870!important; }
html body #pr2 .iie-portal.iie-lms-embedded .iie-teacher-focus-actions { margin-top:20px!important; }
html body #pr2 .iie-portal.iie-lms-embedded .iie-teacher-focus-actions .iie-button-primary {
  min-height:44px!important;
  padding-inline:20px!important;
  box-shadow:0 8px 20px rgba(196,18,48,.22)!important;
}
@media (max-width:900px) {
  html body #pr2 #pr2-page-aulas { padding-top:48px!important; }
  html body #pr2 .page,
  html body #adm2 .page { padding-top:48px!important; }
  html body #sr :is(.page,.pg) { padding-top:8px!important; }
  html body #pr2 .iie-portal.iie-lms-embedded .iie-start-live-guide ol { grid-template-columns:1fr!important; }
}
.iie-portal, .iie-portal * { box-sizing: border-box; }
.iie-portal { width: 100%; max-width: 1480px; margin: 28px auto; font-family:var(--iie-font-family-ui,'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif); color: var(--iie-black); }
.iie-login-shell { min-height: 720px; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(380px,.8fr); background: var(--iie-white); border-radius: 28px; overflow: hidden; box-shadow: var(--iie-shadow); }
.iie-login-brand { padding: clamp(44px,7vw,96px); background: radial-gradient(circle at 85% 15%, rgba(255,255,255,.13), transparent 28%), linear-gradient(140deg,var(--iie-red),var(--iie-red-dark)); color: #fff; display:flex; flex-direction:column; justify-content:space-between; gap:80px; position:relative; overflow:hidden; }
.iie-login-brand:after { content:"IIE"; position:absolute; right:-30px; bottom:-75px; font-size:250px; line-height:1; font-weight:900; color:rgba(255,255,255,.07); letter-spacing:-20px; }
.iie-logo { width:min(360px,78%); height:auto; position:relative; z-index:2; }
.iie-logo-mark { width:clamp(82px,9vw,116px); max-height:92px; object-fit:contain; object-position:left center; }
.iie-login-brand h1 { max-width:620px; margin:12px 0; font-size:clamp(38px,5vw,72px); line-height:1.02; letter-spacing:-.045em; color:#fff; }
.iie-login-brand p { font-size:18px; color:rgba(255,255,255,.82); max-width:560px; }
.iie-eyebrow, .iie-kicker { text-transform:uppercase; letter-spacing:.16em; font-size:11px; font-weight:800; }
.iie-login-card { display:flex; flex-direction:column; justify-content:center; padding:clamp(38px,6vw,88px); background:#fff; }
.iie-login-heading h2 { margin:8px 0 6px; font-size:34px; letter-spacing:-.035em; }
.iie-login-heading p { margin:0 0 28px; color:var(--iie-gray-500); }
.iie-kicker { color:var(--iie-red); }
.iie-form { display:grid; gap:17px; }
.iie-form label { display:grid; gap:7px; font-size:13px; font-weight:750; color:#303238; }
.iie-form input, .iie-form textarea, .iie-form select { width:100%; border:1px solid #dfe0e3; border-radius:12px; padding:13px 14px; background:#fff; color:#18191c; font:inherit; outline:none; transition:.18s ease; }
.iie-form input:focus, .iie-form textarea:focus, .iie-form select:focus { border-color:var(--iie-red); box-shadow:0 0 0 4px rgba(196,18,48,.10); }
.iie-form textarea { resize:vertical; min-height:110px; }
.iie-form small { color:var(--iie-gray-500); font-weight:500; line-height:1.45; }
.iie-form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.iie-check { display:flex !important; grid-template-columns:none !important; flex-direction:row; align-items:center; gap:9px !important; font-weight:600 !important; }
.iie-check input { width:18px !important; height:18px; margin:0; accent-color:var(--iie-red); }
.iie-check-compact { font-size:12px !important; white-space:nowrap; }
.iie-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:11px 17px; border:0; border-radius:11px; text-decoration:none !important; font-size:13px; line-height:1.2; font-weight:800; cursor:pointer; transition:transform .16s ease, box-shadow .16s ease, background .16s ease; }
.iie-button:hover { transform:translateY(-1px); }
.iie-button-primary { background:var(--iie-red); color:#fff !important; box-shadow:0 9px 22px rgba(196,18,48,.22); }
.iie-button-primary:hover { background:var(--iie-red-dark); }
.iie-button-secondary { background:var(--iie-black); color:#fff !important; }
.iie-button-block { width:100%; }
.iie-button-small { min-height:36px; padding:8px 12px; font-size:12px; }
.iie-button-disabled { border:1px solid #d9d9dd; background:#f1f1f3; color:#74747c !important; box-shadow:none; cursor:not-allowed; pointer-events:none; }
.iie-button-disabled:hover { transform:none; }
.iie-forgot { text-align:center; font-size:13px; color:var(--iie-gray-500); }
.iie-alert { border-radius:12px; padding:13px 15px; margin:0 0 18px; font-size:13px; font-weight:700; }
.iie-alert-error { color:#8e1814; background:#fff0ef; border:1px solid #ffd1ce; }
.iie-alert-success { color:#126438; background:#eaf8f0; border:1px solid #c1ead1; }
.iie-dashboard-shell { background:var(--iie-gray-50); border-radius:28px; overflow:hidden; box-shadow:var(--iie-shadow); }
.iie-dashboard-header { min-height:92px; padding:20px clamp(24px,4vw,56px); background:var(--iie-black); display:flex; align-items:center; justify-content:space-between; gap:24px; }
.iie-dashboard-logo { width:245px; max-height:56px; object-fit:contain; object-position:left center; }
.iie-brand-link { display:flex; }
.iie-header-user { display:flex; align-items:center; gap:18px; color:#fff; }
.iie-header-user div { display:grid; text-align:right; }
.iie-header-user strong { font-size:13px; }
.iie-header-user span { font-size:11px; color:#aaaeb4; }
.iie-logout { border:1px solid rgba(255,255,255,.25); color:#fff !important; text-decoration:none !important; border-radius:10px; padding:8px 12px; font-size:12px; font-weight:800; }
.iie-dashboard-main { padding:clamp(28px,4vw,58px); }
.iie-page-title { margin-bottom:30px; }
.iie-page-title h1 { margin:5px 0 6px; font-size:clamp(31px,4vw,50px); line-height:1.05; letter-spacing:-.045em; }
.iie-page-title p { margin:0; color:var(--iie-gray-500); font-size:15px; }
.iie-stats-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; margin-bottom:24px; }
.iie-stats-grid-professor { grid-template-columns:repeat(3,minmax(0,1fr)); }
.iie-stat-card { display:flex; align-items:center; gap:14px; background:#fff; border:1px solid #e9e9eb; border-radius:16px; padding:20px; min-height:104px; }
.iie-stat-card div { display:grid; gap:3px; }
.iie-stat-card span { color:var(--iie-gray-500); font-size:12px; font-weight:700; }
.iie-stat-card strong { font-size:26px; letter-spacing:-.04em; line-height:1.05; }
.iie-stat-card-small strong { font-size:16px; line-height:1.25; }
.iie-stat-icon { width:42px; height:42px; border-radius:12px; background:#fff0ef; position:relative; flex:0 0 42px; }
.iie-stat-icon:before, .iie-stat-icon:after { content:""; position:absolute; border:2px solid var(--iie-red); }
.iie-icon-calendar:before { width:20px; height:17px; left:9px; top:12px; border-radius:4px; }
.iie-icon-calendar:after { width:12px; height:2px; border-width:2px 0 0; left:13px; top:17px; }
.iie-icon-teacher:before,.iie-icon-students:before { width:11px; height:11px; border-radius:50%; left:14px; top:8px; }
.iie-icon-teacher:after,.iie-icon-students:after { width:21px; height:12px; border-radius:12px 12px 3px 3px; left:8px; top:23px; }
.iie-icon-recording:before { width:21px; height:15px; border-radius:5px; left:8px; top:12px; }
.iie-icon-recording:after { width:7px; height:7px; border-radius:50%; left:15px; top:18px; background:var(--iie-red); }
.iie-icon-clock:before { width:20px; height:20px; border-radius:50%; left:9px; top:9px; }
.iie-icon-clock:after { width:7px; height:6px; left:19px; top:14px; border-width:0 0 2px 2px; }
.iie-layout-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr); gap:20px; }
.iie-layout-grid-wide { grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr); }
.iie-panel { background:#fff; border:1px solid #e8e8eb; border-radius:var(--iie-radius); padding:24px; margin-bottom:20px; }
.iie-panel-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:20px; }
.iie-panel-heading h2 { margin:4px 0 0; font-size:24px; letter-spacing:-.035em; }
.iie-panel-heading p { color:var(--iie-gray-500); margin:5px 0 0; font-size:13px; }
.iie-panel-heading-actions { align-items:center; }
.iie-next-live-panel { background:linear-gradient(145deg,#17181b,#27292e); color:#fff; border:0; }
.iie-next-live-panel .iie-panel-heading h2 { color:#fff; }
.iie-next-live { display:grid; gap:12px; }
.iie-next-live h3 { font-size:28px; margin:5px 0 0; color:#fff; }
.iie-next-live p { margin:0; color:#c4c7cc; }
.iie-next-live .iie-button { margin-top:9px; justify-self:start; }
.iie-start-live-guide { margin-top:10px; padding:18px; border:1px solid rgba(255,255,255,.16); border-radius:16px; background:rgba(255,255,255,.07); }
.iie-start-live-guide-heading { display:flex; align-items:center; gap:12px; }
.iie-start-live-guide-heading > div { display:grid; gap:2px; }
.iie-start-live-guide-heading strong { color:#fff; font-size:16px; }
.iie-start-live-guide-heading span { color:#bfc2c8; font-size:13px; }
.iie-start-live-guide-icon { display:grid; width:38px; height:38px; place-items:center; flex:0 0 38px; border-radius:12px; background:var(--iie-red); color:#fff!important; font-size:14px!important; }
.iie-start-live-guide ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:16px 0 0; padding:0; list-style:none; }
.iie-start-live-guide li { display:flex; align-items:flex-start; gap:10px; min-width:0; }
.iie-start-live-guide li > span { display:grid; width:26px; height:26px; place-items:center; flex:0 0 26px; border-radius:50%; background:#fff; color:#17181b; font-size:12px; font-weight:900; }
.iie-start-live-guide li > div { display:grid; gap:3px; }
.iie-start-live-guide li strong { color:#fff; font-size:13px; line-height:1.35; }
.iie-start-live-guide li small { color:#bfc2c8; font-size:12px; line-height:1.45; }
.iie-table-wrap { width:100%; overflow:auto; }
.iie-table { width:100%; border-collapse:collapse; min-width:760px; }
.iie-table th { color:var(--iie-gray-500); font-size:10px; text-transform:uppercase; letter-spacing:.1em; text-align:left; padding:0 12px 12px; border-bottom:1px solid #e6e6e8; }
.iie-table td { padding:15px 12px; border-bottom:1px solid #ededee; vertical-align:middle; font-size:13px; }
.iie-table tbody tr:last-child td { border-bottom:0; }
.iie-table td strong,.iie-table td small { display:block; }
.iie-table td small { margin-top:4px; color:var(--iie-gray-500); max-width:320px; }
.iie-actions { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.iie-link-button { border:0; background:transparent; padding:0; color:#33363b !important; font-size:12px; font-weight:800; text-decoration:underline !important; cursor:pointer; }
.iie-link-button.iie-link-disabled { color:#80838a !important; text-decoration:none !important; cursor:not-allowed; opacity:.78; }
.iie-link-danger { color:#b2201b !important; }
.iie-delete-form,
.iie-end-live-form { margin:0; }
.iie-status { display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:6px 9px; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; white-space:nowrap; }
.iie-status:before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
.iie-status.is-live { color:#126d3e; background:#e9f8ef; }
.iie-status.is-pending { color:#8c5900; background:#fff5db; }
.iie-status.is-ended { color:#666970; background:#eeeef0; }
.iie-empty-state { min-height:150px; border:1px dashed #d6d7da; border-radius:14px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; gap:5px; padding:24px; color:var(--iie-gray-500); }
.iie-empty-state strong { color:#303238; }
.iie-inline-editor { background:#fafafa; border:1px solid #e4e4e6; border-radius:14px; padding:20px; margin-bottom:20px; }
.iie-student-hero { min-height:275px; background:linear-gradient(120deg,var(--iie-red),var(--iie-red-dark)); border-radius:22px; padding:clamp(28px,5vw,54px); color:#fff; margin-bottom:20px; display:flex; justify-content:space-between; align-items:center; overflow:hidden; position:relative; }
.iie-student-hero h2 { color:#fff; font-size:clamp(30px,4vw,48px); margin:9px 0; letter-spacing:-.04em; }
.iie-student-hero p { color:rgba(255,255,255,.82); margin:0 0 20px; }
.iie-student-hero .iie-kicker { color:#fff; opacity:.8; }
.iie-student-hero .iie-button { background:#fff; color:var(--iie-red) !important; box-shadow:none; }
.iie-student-hero-mark { font-weight:950; font-size:170px; letter-spacing:-.12em; color:rgba(255,255,255,.09); transform:translateX(12px); }
.iie-live-list { display:grid; gap:10px; }
.iie-live-item { display:grid; grid-template-columns:58px 1fr auto; gap:15px; align-items:center; padding:13px; border:1px solid #ececee; border-radius:13px; }
.iie-live-date { width:58px; height:58px; border-radius:12px; background:#fff0ef; display:grid; place-content:center; text-align:center; color:var(--iie-red); }
.iie-live-date strong { font-size:20px; line-height:1; }
.iie-live-date span { font-size:9px; font-weight:900; }
.iie-live-info h3 { margin:0 0 4px; font-size:15px; }
.iie-live-info p { margin:0; color:var(--iie-gray-500); font-size:12px; }
.iie-recordings-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.iie-recording-card { border:1px solid #e8e8ea; border-radius:15px; overflow:hidden; background:#fff; }
.iie-recording-thumb { aspect-ratio:16/9; background:linear-gradient(145deg,#17181b,#2a2c31); position:relative; display:grid; place-items:center; overflow:hidden; }
.iie-recording-thumb span { color:rgba(255,255,255,.13); font-size:70px; font-weight:950; letter-spacing:-.12em; }
.iie-recording-thumb i { position:absolute; width:44px; height:44px; border-radius:50%; background:var(--iie-red); box-shadow:0 8px 25px rgba(0,0,0,.3); }
.iie-recording-thumb i:after { content:""; position:absolute; left:18px; top:13px; border-left:13px solid #fff; border-top:9px solid transparent; border-bottom:9px solid transparent; }
.iie-recording-body { padding:17px; }
.iie-recording-body h3 { font-size:17px; margin:6px 0; line-height:1.25; }
.iie-recording-body p { color:var(--iie-gray-500); font-size:12px; margin:0 0 15px; }
.iie-processing { color:var(--iie-warning); font-size:12px; font-weight:800; }
.iie-inline-form { display:flex; align-items:center; gap:8px; min-width:360px; }
.iie-inline-form input[type=url] { border:1px solid #dddfe2; border-radius:8px; padding:8px; min-width:170px; font-size:12px; }
.iie-storage-note { background:#f6f6f7; border-radius:13px; padding:16px; margin-bottom:17px; }
.iie-storage-note p { margin:5px 0 0; color:var(--iie-gray-500); font-size:13px; line-height:1.55; }
.iie-storage-form { max-width:720px; }
.iie-dashboard-footer { display:flex; justify-content:space-between; gap:20px; padding:24px clamp(24px,4vw,56px); background:#fff; color:var(--iie-gray-500); font-size:11px; border-top:1px solid #e8e8ea; }
@media (max-width: 1060px) {
  .iie-login-shell { grid-template-columns:1fr; }
  .iie-login-brand { min-height:400px; }
  .iie-stats-grid { grid-template-columns:repeat(2,1fr); }
  .iie-layout-grid,.iie-layout-grid-wide { grid-template-columns:1fr; }
  .iie-recordings-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 680px) {
  .iie-portal { margin:0; border-radius:0; }
  .iie-login-shell,.iie-dashboard-shell { border-radius:0; }
  .iie-login-brand { min-height:330px; padding:36px 25px; gap:44px; }
  .iie-login-brand h1 { font-size:39px; }
  .iie-login-card { padding:38px 24px; }
  .iie-dashboard-header { padding:16px 18px; }
  .iie-dashboard-logo { width:170px; }
  .iie-header-user div { display:none; }
  .iie-dashboard-main { padding:28px 16px; }
  .iie-stats-grid,.iie-stats-grid-professor { grid-template-columns:1fr; }
  .iie-form-row { grid-template-columns:1fr; }
  .iie-panel { padding:18px; }
  .iie-panel-heading-actions { align-items:flex-start; flex-direction:column; }
  .iie-recordings-grid { grid-template-columns:1fr; }
  .iie-student-hero { min-height:320px; }
  .iie-student-hero-mark { position:absolute; right:-20px; bottom:-15px; font-size:120px; }
  .iie-live-item { grid-template-columns:54px 1fr; }
  .iie-live-item .iie-button { grid-column:1/-1; width:100%; }
  .iie-dashboard-footer { flex-direction:column; }
}

/* Public Portal Lives */
.iie-public-portal { background:var(--iie-gray-50); border-radius:28px; overflow:hidden; box-shadow:var(--iie-shadow); }
.iie-public-header { min-height:92px; padding:20px clamp(24px,4vw,56px); background:var(--iie-black); display:flex; align-items:center; justify-content:space-between; gap:24px; }
.iie-public-nav { display:flex; align-items:center; gap:20px; }
.iie-public-nav > a:not(.iie-button) { color:#fff !important; text-decoration:none !important; font-size:13px; font-weight:800; }
.iie-public-main { padding:clamp(28px,4vw,58px); }
.iie-public-intro { min-height:280px; padding:clamp(34px,6vw,68px); border-radius:24px; margin-bottom:22px; background:radial-gradient(circle at 82% 20%,rgba(255,255,255,.14),transparent 24%),linear-gradient(125deg,var(--iie-red),var(--iie-red-dark)); color:#fff; display:flex; justify-content:space-between; align-items:center; overflow:hidden; position:relative; }
.iie-public-intro > div:first-child { max-width:850px; position:relative; z-index:2; }
.iie-public-intro .iie-kicker { color:#fff; opacity:.82; }
.iie-public-intro h1 { max-width:820px; margin:10px 0 12px; color:#fff; font-size:clamp(36px,5vw,68px); line-height:1.02; letter-spacing:-.05em; }
.iie-public-intro p { max-width:760px; margin:0; color:rgba(255,255,255,.84); font-size:16px; line-height:1.65; }
.iie-public-intro-mark { font-size:150px; line-height:1; font-weight:950; letter-spacing:-.1em; color:rgba(255,255,255,.08); transform:rotate(-7deg); }
.iie-public-featured { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(330px,.65fr); background:#fff; border:1px solid #e7e7e9; border-radius:20px; overflow:hidden; margin-bottom:28px; }
.iie-public-player-wrap { min-height:480px; background:#090a0b; }
.iie-public-iframe,.iie-public-video { width:100%; height:100%; min-height:480px; display:block; border:0; background:#000; object-fit:contain; }
.iie-public-player-placeholder { min-height:480px; padding:44px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; text-align:center; color:#fff; background:radial-gradient(circle at center,rgba(196,18,48,.22),transparent 28%),linear-gradient(145deg,#0c0d0f,#22252a); }
.iie-public-player-placeholder strong { font-size:27px; letter-spacing:-.03em; }
.iie-public-player-placeholder p { max-width:500px; margin:0; color:#b9bdc4; }
.iie-public-live-info { padding:32px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.iie-public-live-info h2 { margin:14px 0 8px; font-size:34px; line-height:1.08; letter-spacing:-.04em; }
.iie-public-live-info > p { color:var(--iie-gray-500); line-height:1.55; }
.iie-public-meta { margin:0 0 10px; font-weight:750; }
.iie-public-list-section { background:#fff; border:1px solid #e7e7e9; border-radius:20px; padding:26px; }
.iie-public-lives-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.iie-public-live-card { border:1px solid #e6e6e8; border-radius:16px; overflow:hidden; background:#fff; transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease; }
.iie-public-live-card:hover { transform:translateY(-2px); box-shadow:0 13px 30px rgba(17,18,20,.08); }
.iie-public-live-card.is-selected { border-color:var(--iie-red); box-shadow:0 0 0 3px rgba(196,18,48,.09); }
.iie-public-live-cover { aspect-ratio:16/9; padding:16px; background:radial-gradient(circle at 75% 25%,rgba(196,18,48,.4),transparent 28%),linear-gradient(145deg,#111214,#292c31); display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.iie-public-live-word { align-self:flex-end; color:rgba(255,255,255,.15); font-size:38px; font-weight:950; letter-spacing:-.07em; }
.iie-public-live-card-body { padding:18px; }
.iie-public-live-card-body h3 { margin:7px 0 6px; font-size:19px; line-height:1.22; letter-spacing:-.025em; }
.iie-public-live-card-body > p { margin:0 0 16px; color:var(--iie-gray-500); font-size:12px; }
.iie-public-card-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.iie-participation-box { width:100%; margin-top:18px; border:1px solid #e3e3e5; border-radius:14px; overflow:hidden; }
.iie-participation-box summary { cursor:pointer; list-style:none; padding:15px 17px; background:var(--iie-black); color:#fff; font-size:13px; font-weight:850; }
.iie-participation-box summary::-webkit-details-marker { display:none; }
.iie-participation-box summary:after { content:"+"; float:right; font-size:17px; }
.iie-participation-box[open] summary:after { content:"–"; }
.iie-participation-content { padding:17px; }
.iie-participation-content > p { margin:0 0 15px; color:var(--iie-gray-500); font-size:12px; line-height:1.5; }
.iie-participation-unavailable { width:100%; margin-top:18px; padding:15px; border-radius:13px; background:#f4f4f5; display:grid; gap:4px; }
.iie-participation-unavailable strong { font-size:13px; }
.iie-participation-unavailable span { color:var(--iie-gray-500); font-size:12px; }
.iie-public-settings { display:grid; gap:16px; padding:18px; border:1px solid #e3e3e5; background:#f8f8f9; border-radius:14px; }
.iie-public-settings h3 { margin:4px 0; font-size:19px; }
.iie-public-settings p { margin:0; color:var(--iie-gray-500); font-size:12px; }
.iie-public-empty { margin-bottom:28px; }
@media (max-width: 1060px) {
  .iie-public-featured { grid-template-columns:1fr; }
  .iie-public-lives-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .iie-public-player-wrap,.iie-public-iframe,.iie-public-video,.iie-public-player-placeholder { min-height:420px; }
}
@media (max-width: 680px) {
  .iie-public-portal { border-radius:0; }
  .iie-public-header { padding:15px 17px; }
  .iie-public-nav > a:not(.iie-button) { display:none; }
  .iie-public-main { padding:20px 14px; }
  .iie-public-intro { min-height:360px; padding:32px 23px; }
  .iie-public-intro h1 { font-size:40px; }
  .iie-public-intro-mark { position:absolute; right:-15px; bottom:-12px; font-size:90px; }
  .iie-public-featured { border-radius:15px; }
  .iie-public-player-wrap,.iie-public-iframe,.iie-public-video,.iie-public-player-placeholder { min-height:235px; }
  .iie-public-player-placeholder { padding:24px; }
  .iie-public-player-placeholder strong { font-size:20px; }
  .iie-public-live-info { padding:23px; }
  .iie-public-live-info h2 { font-size:28px; }
  .iie-public-list-section { padding:18px; }
  .iie-public-lives-grid { grid-template-columns:1fr; }
}

/* System readiness */
.iie-health-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.iie-health-item { min-height:104px; padding:17px; border:1px solid #e5e5e7; border-radius:14px; background:#fff; display:flex; align-items:flex-start; gap:11px; }
.iie-health-item strong { display:block; margin:0 0 5px; font-size:13px; }
.iie-health-item p { margin:0; color:var(--iie-gray-500); font-size:11px; line-height:1.5; }
.iie-health-dot { width:10px; height:10px; margin-top:4px; border-radius:50%; flex:0 0 10px; background:#8c8f94; box-shadow:0 0 0 4px #f0f0f1; }
.iie-health-item.is-ok .iie-health-dot { background:#167a45; box-shadow:0 0 0 4px #e5f5ec; }
.iie-health-item.is-warning .iie-health-dot { background:#9b6200; box-shadow:0 0 0 4px #fff2d2; }
.iie-health-item.is-error .iie-health-dot { background:#b2201b; box-shadow:0 0 0 4px #ffe9e7; }
.iie-health-actions { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:16px; }
.iie-health-actions small { color:var(--iie-gray-500); font-size:11px; }
@media (max-width: 1060px) { .iie-health-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 680px) { .iie-health-grid { grid-template-columns:1fr; } .iie-health-actions .iie-button { width:100%; } }

/* Production polish v6 */
.iie-dashboard-nav { display:flex; align-items:center; gap:18px; margin-left:auto; margin-right:24px; }
.iie-dashboard-nav a { color:#fff !important; text-decoration:none !important; font-size:12px; font-weight:800; opacity:.78; transition:opacity .16s ease,color .16s ease; }
.iie-dashboard-nav a:hover { opacity:1; color:var(--iie-red) !important; }
.iie-form-row-checks { align-items:center; padding:14px 16px; border:1px solid #e5e5e7; border-radius:13px; background:#fafafa; }
.iie-form-row-checks .iie-check { margin:0; }
.iie-badge-row { display:flex; flex-wrap:wrap; gap:5px; min-width:150px; }
.iie-mini-badge { display:inline-flex; align-items:center; min-height:24px; padding:3px 8px; border-radius:999px; background:#efeff1; color:#5b5d62; font-size:9px; font-weight:850; letter-spacing:.02em; white-space:nowrap; }
.iie-mini-badge.is-ok { background:#eef8f2; color:#14663c; }
.iie-mini-badge.is-warning { background:#fff2df; color:#8a5300; }
.iie-recording-tools { display:flex; justify-content:flex-end; margin:0 0 16px; }
.iie-recording-tools label { width:min(100%,330px); display:grid; gap:6px; color:var(--iie-gray-500); font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.06em; }
.iie-recording-tools input { min-height:43px; border:1px solid #dedee1; border-radius:10px; padding:0 13px; background:#fff; color:#111214; font-size:13px; text-transform:none; letter-spacing:0; }
.iie-recording-expiry { display:block; margin:-5px 0 14px; color:#73767d; font-size:10px; }
.iie-recording-card[hidden] { display:none !important; }
.iie-button.is-loading,button.is-loading { opacity:.72; cursor:wait; pointer-events:none; }
.iie-button.is-loading::after,button.is-loading::after { content:""; display:inline-block; width:12px; height:12px; margin-left:8px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:iie-spin .65s linear infinite; vertical-align:-2px; }
@keyframes iie-spin { to { transform:rotate(360deg); } }
.iie-public-watch-ready .iie-button { min-width:230px; justify-content:center; }
.iie-public-player-placeholder { background:radial-gradient(circle at center,rgba(196,18,48,.18),transparent 27%),linear-gradient(145deg,#090909,#171717) !important; }
.iie-public-live-cover { background:radial-gradient(circle at 75% 25%,rgba(196,18,48,.42),transparent 28%),linear-gradient(145deg,#090909,#1a1a1a) !important; }
.iie-public-header,.iie-dashboard-header { background:#090909 !important; }
.iie-button-primary { background:var(--iie-red) !important; border-color:var(--iie-red) !important; color:#fff !important; }
.iie-button-primary:hover { background:#A00E28 !important; border-color:#A00E28 !important; }
.iie-form input:focus,.iie-form textarea:focus,.iie-form select:focus { border-color:var(--iie-red) !important; box-shadow:0 0 0 3px rgba(196,18,48,.12) !important; outline:0; }
@media (max-width:860px) {
  .iie-dashboard-nav { order:3; width:100%; margin:10px 0 0; padding-top:12px; border-top:1px solid #2b2b2b; }
  .iie-dashboard-header { flex-wrap:wrap; }
}
@media (max-width:680px) {
  .iie-start-live-guide ol { grid-template-columns:1fr; }
  .iie-dashboard-nav { justify-content:center; }
  .iie-form-row-checks { display:grid !important; grid-template-columns:1fr !important; gap:13px !important; }
  .iie-recording-tools label { width:100%; }
  .iie-table .iie-badge-row { min-width:120px; }
}

/* IIE Live status and public launch area — v6.8 */
.iie-status.is-live {
  color:#fff;
  background:var(--iie-red);
  box-shadow:0 0 0 0 rgba(196,18,48,.38);
}
.iie-status.is-live:before { background:#fff; box-shadow:0 0 0 3px rgba(255,255,255,.2); }
.iie-status.is-just-live { animation:iie-live-pulse 1.1s ease 2; }
@keyframes iie-live-pulse {
  0% { box-shadow:0 0 0 0 rgba(196,18,48,.5); }
  70% { box-shadow:0 0 0 12px rgba(196,18,48,0); }
  100% { box-shadow:0 0 0 0 rgba(196,18,48,0); }
}
.iie-public-main.has-live-now { display:flex; flex-direction:column; }
.iie-public-main.has-live-now .iie-public-featured { order:1; }
.iie-public-main.has-live-now .iie-public-intro { order:2; }
.iie-public-main.has-live-now .iie-public-list-section { order:3; }
.iie-public-main.has-live-now > .iie-alert { order:0; }
.iie-public-intro.is-live-now { min-height:150px; padding:30px 38px; margin-top:0; }
.iie-public-intro.is-live-now h1 { font-size:clamp(27px,3.4vw,45px); max-width:900px; }
.iie-public-intro.is-live-now p { font-size:14px; }
.iie-public-intro.is-live-now .iie-public-intro-mark { font-size:105px; }
.iie-public-featured { box-shadow:0 18px 48px rgba(17,18,20,.10); }
.iie-public-main.has-live-now .iie-public-featured { border:2px solid var(--iie-red); box-shadow:0 22px 60px rgba(196,18,48,.16); }
.iie-public-live-player { position:relative; width:100%; height:100%; min-height:520px; overflow:hidden; background:#000; isolation:isolate; }
.iie-public-live-player .iie-public-iframe { position:absolute; inset:0; width:100%; height:100%; min-height:100%; z-index:1; }
.iie-player-cover,.iie-player-loading { position:absolute; inset:0; z-index:3; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:13px; padding:38px; text-align:center; color:#fff; background:radial-gradient(circle at 50% 40%,rgba(196,18,48,.24),transparent 31%),linear-gradient(145deg,#060606,#171719); }
.iie-player-cover[hidden],.iie-player-loading[hidden] { display:none !important; }
.iie-player-cover strong { font-size:clamp(27px,4vw,43px); line-height:1.04; letter-spacing:-.045em; }
.iie-player-cover p { margin:0; color:#c4c5c8; font-size:15px; }
.iie-player-play { width:90px; height:90px; border:0; border-radius:50%; background:var(--iie-red); cursor:pointer; display:grid; place-items:center; box-shadow:0 18px 50px rgba(196,18,48,.35); transition:transform .18s ease,background .18s ease; }
.iie-player-play:hover { transform:scale(1.06); background:var(--iie-red-dark); }
.iie-player-play span { margin-left:7px; width:0; height:0; border-top:17px solid transparent; border-bottom:17px solid transparent; border-left:27px solid #fff; }
.iie-player-loading { z-index:4; background:#090909; }
.iie-player-loading > span,.iie-live-refresh-spinner { width:38px; height:38px; border:4px solid rgba(255,255,255,.18); border-top-color:var(--iie-red); border-radius:50%; animation:iie-spin .8s linear infinite; }
@keyframes iie-spin { to { transform:rotate(360deg); } }
.iie-player-icon.is-waiting { width:66px; height:66px; border:2px solid rgba(255,255,255,.18); border-radius:50%; position:relative; }
.iie-player-icon.is-waiting:before,.iie-player-icon.is-waiting:after { content:""; position:absolute; background:var(--iie-red); border-radius:3px; }
.iie-player-icon.is-waiting:before { width:4px; height:20px; left:30px; top:14px; }
.iie-player-icon.is-waiting:after { width:16px; height:4px; left:30px; top:31px; transform-origin:left center; transform:rotate(35deg); }
.iie-noscript-watch { padding:14px; margin:0; background:#090909; text-align:center; }
.iie-live-now-banner { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:28px 30px; margin-bottom:22px; border-radius:20px; color:#fff; background:radial-gradient(circle at 85% 20%,rgba(196,18,48,.3),transparent 30%),linear-gradient(130deg,#080808,#1b1b1d); border:1px solid #303033; box-shadow:0 20px 45px rgba(0,0,0,.15); }
.iie-live-now-banner .iie-kicker { display:block; margin-top:12px; color:#ff938f; }
.iie-live-now-banner h2 { margin:6px 0; color:#fff; font-size:clamp(26px,3vw,40px); letter-spacing:-.04em; }
.iie-live-now-banner p { margin:0; color:#c4c4c7; }
.iie-live-now-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; flex:0 0 auto; }
.iie-button-light { background:#fff; color:#111214 !important; }
.iie-student-hero.is-live-now { background:radial-gradient(circle at 85% 15%,rgba(196,18,48,.3),transparent 25%),linear-gradient(125deg,#090909,#202023); border:2px solid var(--iie-red); box-shadow:0 20px 50px rgba(196,18,48,.16); }
.iie-student-hero.is-live-now .iie-button { background:var(--iie-red); color:#fff !important; box-shadow:0 10px 28px rgba(196,18,48,.3); }
.iie-student-hero .iie-status { margin:12px 0 0; }
.iie-live-info .iie-status { margin-bottom:6px; }
.iie-live-item:has(.iie-status.is-live) { border-color:var(--iie-red); box-shadow:0 0 0 3px rgba(196,18,48,.08); }
.iie-button.is-live-action { background:var(--iie-red); color:#fff !important; }
@media (max-width:1060px) {
  .iie-public-live-player { min-height:480px; }
  .iie-live-now-banner { align-items:flex-start; flex-direction:column; }
  .iie-live-now-actions { justify-content:flex-start; }
}
@media (max-width:680px) {
  .iie-public-intro.is-live-now { min-height:125px; padding:24px 20px; }
  .iie-public-intro.is-live-now p,.iie-public-intro.is-live-now .iie-public-intro-mark { display:none; }
  .iie-public-live-player { min-height:62vw; max-height:none; aspect-ratio:16/10; }
  .iie-player-cover,.iie-player-loading { padding:22px 16px; }
  .iie-player-play { width:72px; height:72px; }
  .iie-player-play span { border-top-width:13px; border-bottom-width:13px; border-left-width:21px; }
  .iie-live-now-banner { padding:22px 18px; }
  .iie-live-now-actions,.iie-live-now-actions .iie-button { width:100%; }
}


/* Fullscreen viewing and simplified professor usability — v6.8 */
.iie-fullscreen-launcher { min-height:560px; }
.iie-player-cover-static { position:relative; min-height:560px; }
.iie-player-play-link { width:104px; height:104px; border-radius:50%; background:var(--iie-red); display:grid; place-items:center; box-shadow:0 22px 60px rgba(196,18,48,.42); transition:transform .18s ease,background .18s ease; text-decoration:none !important; }
.iie-player-play-link:hover { transform:scale(1.06); background:var(--iie-red-dark); }
.iie-player-play-link span { margin-left:8px; width:0; height:0; border-top:19px solid transparent; border-bottom:19px solid transparent; border-left:31px solid #fff; }
.iie-player-cover-static .iie-button-large { min-width:min(100%,330px); min-height:56px; justify-content:center; font-size:15px; }
.iie-fullscreen-hint { max-width:540px; color:#a9aaad; font-size:11px; line-height:1.45; }
.iie-copy-link-button { appearance:none; border:0; background:transparent; cursor:pointer; font:inherit; }
[data-iie-copy-link].is-copied { color:#fff !important; background:#167a45 !important; border-color:#167a45 !important; }
.iie-muted-label { display:inline-block; color:#7b7d82; font-size:10px; font-weight:750; }
.iie-professor-main-grid { grid-template-columns:minmax(330px,.8fr) minmax(0,1.2fr); align-items:start; }
.iie-teacher-focus-card { min-height:100%; padding:26px; border-radius:18px; background:radial-gradient(circle at 85% 12%,rgba(196,18,48,.22),transparent 27%),linear-gradient(145deg,#090909,#1b1b1d); color:#fff; }
.iie-teacher-focus-card .iie-kicker { color:#ff9b97; }
.iie-teacher-focus-card h3 { margin:14px 0 8px; color:#fff; font-size:clamp(26px,3vw,38px); line-height:1.05; letter-spacing:-.04em; }
.iie-teacher-focus-card > p { color:#c6c6ca; line-height:1.55; }
.iie-teacher-focus-date { color:#fff !important; font-weight:850; }
.iie-teacher-focus-actions,.iie-professor-live-card-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:22px; }
.iie-professor-live-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.iie-professor-live-card { padding:22px; border:1px solid #e3e3e6; border-radius:17px; background:#fff; box-shadow:0 8px 24px rgba(17,18,20,.04); }
.iie-professor-live-card.is-live-now { border:2px solid var(--iie-red); box-shadow:0 14px 36px rgba(196,18,48,.13); }
.iie-professor-live-card.is-unscheduled { border-style:dashed; background:#fafafa; }
.iie-professor-live-card-top { min-height:28px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.iie-professor-live-card h3 { margin:15px 0 8px; font-size:23px; line-height:1.12; letter-spacing:-.035em; }
.iie-professor-live-card > p { margin:0; color:var(--iie-gray-500); line-height:1.55; }
.iie-professor-date { color:#666970; font-size:11px; font-weight:800; text-align:right; }
.iie-create-live-panel .iie-live-form { margin-top:6px; }
.iie-table [data-iie-copy-link] { white-space:nowrap; }
@media (max-width:1060px) {
  .iie-professor-main-grid { grid-template-columns:1fr; }
  .iie-professor-live-grid { grid-template-columns:1fr; }
}
@media (max-width:680px) {
  .iie-fullscreen-launcher,.iie-player-cover-static { min-height:360px; }
  .iie-player-play-link { width:78px; height:78px; }
  .iie-player-play-link span { border-top-width:14px; border-bottom-width:14px; border-left-width:23px; }
  .iie-player-cover-static strong { font-size:27px; }
  .iie-teacher-focus-actions,.iie-professor-live-card-actions { align-items:stretch; flex-direction:column; }
  .iie-teacher-focus-actions > *, .iie-professor-live-card-actions > * { width:100%; justify-content:center; text-align:center; }
  .iie-professor-live-card-top { align-items:flex-start; flex-direction:column; }
  .iie-professor-date { text-align:left; }
}

/* IIE v11.2 embedded portal */
.iie-embedded-panel{background:transparent!important;min-height:0!important;padding:0!important}
.iie-embedded-panel .iie-dashboard-main{padding:0!important;max-width:none!important}
.iie-embedded-panel .iie-panel{box-shadow:none}



/* === IIe LMS integration layer 11.3.0 ===
   The LMS owns the application shell; BB Room owns live-domain components. */
.iie-portal{
  --iie-font:var(--font,'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif);
  --iie-red:var(--red,#C41230);
  --iie-black:var(--black,#111113);
  --iie-gray-50:var(--bg,#f6f6f7);
  --iie-radius:var(--r-lg,16px);
  font-family:var(--iie-font)!important;
  color:var(--text,#17181b);
}
.iie-portal :where(button,input,select,textarea,a){font-family:inherit}
.iie-lms-embedded{
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
.iie-lms-embedded .iie-dashboard-main{padding:0!important;background:transparent!important}
.iie-lms-embedded .iie-panel{
  padding:var(--space-5,20px)!important;margin-bottom:var(--space-5,20px)!important;
  border:1px solid var(--border,#e7e7e9)!important;border-radius:var(--r-lg,16px)!important;
  background:var(--surface,#fff)!important;box-shadow:var(--s1,0 6px 20px rgba(0,0,0,.04))!important;
}
.iie-lms-embedded .iie-panel-heading{gap:var(--space-4,16px);margin-bottom:var(--space-5,20px)}
.iie-lms-embedded .iie-panel-heading h2{font-size:var(--fs-lg,20px)!important;line-height:1.2!important}
.iie-lms-embedded .iie-panel-heading p{font-size:var(--fs-sm,13px)!important;line-height:1.55!important}
.iie-lms-embedded .iie-button{
  min-height:42px!important;padding:10px 15px!important;border-radius:var(--r,10px)!important;
  font-size:var(--fs-sm,13px)!important;font-weight:700!important;line-height:1.1!important;
}
.iie-lms-embedded .iie-button-small{min-height:36px!important;padding:8px 12px!important;font-size:var(--fs-xs,12px)!important}
.iie-lms-embedded :where(input:not([type=checkbox]):not([type=radio]),select,textarea){
  width:100%;min-height:42px!important;border:1px solid var(--border,#dedee1)!important;
  border-radius:var(--r,10px)!important;background:var(--surface,#fff)!important;color:var(--text,#17181b)!important;
  font-size:var(--fs-sm,13px)!important;
}
.iie-lms-embedded textarea{min-height:100px!important}
.iie-lms-embedded .iie-table-wrap{border:1px solid var(--border,#e7e7e9);border-radius:var(--r-lg,16px);overflow:auto}
.iie-lms-embedded .iie-table th{background:var(--surface2,#f7f7f8);font-size:var(--fs-2xs,10px)!important}
.iie-lms-embedded .iie-table td{font-size:var(--fs-sm,13px)!important}
.iie-lms-embedded :where(.iie-live-item,.iie-recording-card,.iie-inline-editor,.iie-empty-state){border-radius:var(--r-lg,16px)!important}
.iie-lms-embedded img,.iie-lms-embedded video,.iie-lms-embedded iframe{max-width:100%;height:auto}
.iie-lms-embedded *{min-width:0}
.iie-lms-embedded :where(h1,h2,h3,h4,p,td,th,label,span,strong){overflow-wrap:anywhere}
@media(max-width:768px){
  .iie-lms-embedded .iie-panel{padding:var(--space-4,16px)!important}
  .iie-lms-embedded .iie-layout-grid,.iie-lms-embedded .iie-layout-grid-wide{grid-template-columns:1fr!important}
  .iie-lms-embedded .iie-inline-form{min-width:0!important;flex-direction:column;align-items:stretch}
  .iie-lms-embedded .iie-table{min-width:680px}
}
@media(prefers-reduced-motion:reduce){.iie-portal *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* ======================================================================
   IIe / BB Room 11.4.0 — layout isolation and page consistency
   Prevents WordPress themes and LMS legacy CSS from collapsing live pages.
   ====================================================================== */
.iie-portal{
  display:block!important;
  width:min(100%,1480px)!important;
  max-width:1480px!important;
  min-width:0!important;
  margin:24px auto!important;
  padding:0!important;
  color:var(--iie-black,#111214)!important;
  font-family:var(--font,'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif)!important;
  font-size:14px!important;
  line-height:1.5!important;
  text-align:left!important;
  isolation:isolate;
}
.iie-portal.iie-lms-embedded{
  width:100%!important;max-width:none!important;margin:0!important;
}
.iie-portal *, .iie-portal *::before, .iie-portal *::after{box-sizing:border-box!important}
.iie-portal :where(section,article,header,footer,main,nav,div,form){min-width:0}
.iie-portal :where(h1,h2,h3,h4,h5,h6,p){display:block!important;visibility:visible!important;opacity:1!important;max-width:none}
.iie-portal :where(h1,h2,h3,h4,h5,h6){font-family:inherit!important;color:var(--iie-black,#111214);text-transform:none!important}
.iie-portal :where(p,small,label,span){font-family:inherit}
.iie-portal a{box-shadow:none}

.iie-portal .iie-dashboard-main,
.iie-portal .iie-public-main{
  display:block!important;width:100%!important;max-width:none!important;
}
.iie-portal .iie-panel{
  display:block!important;width:100%!important;min-height:0!important;height:auto!important;
  padding:24px!important;margin:0 0 20px!important;
  overflow:visible!important;
}
.iie-portal .iie-panel-heading{
  display:flex!important;width:100%!important;min-height:0!important;height:auto!important;
  align-items:flex-start!important;justify-content:space-between!important;
  margin:0 0 20px!important;
}
.iie-portal .iie-panel-heading>div{display:block!important;flex:1 1 auto!important}
.iie-portal .iie-panel-heading .iie-kicker{display:block!important;margin:0 0 5px!important}
.iie-portal .iie-panel-heading h2{
  display:block!important;margin:0!important;color:var(--iie-black,#111214)!important;
  font-size:24px!important;line-height:1.2!important;font-weight:800!important;
}
.iie-portal .iie-panel-heading p{display:block!important;margin:7px 0 0!important;color:var(--iie-gray-500,#74777d)!important}

.iie-portal .iie-student-hero{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;width:100%!important;min-height:250px!important;height:auto!important;
  padding:clamp(28px,4vw,50px)!important;margin:0 0 20px!important;
}
.iie-portal .iie-student-hero>div:first-child{position:relative!important;z-index:2!important;max-width:820px!important}
.iie-portal .iie-student-hero h2{display:block!important;color:#fff!important;margin:10px 0!important}
.iie-portal .iie-student-hero p{display:block!important;color:rgba(255,255,255,.84)!important;margin:0 0 18px!important}

.iie-portal .iie-live-list{
  display:grid!important;grid-template-columns:1fr!important;gap:12px!important;
  width:100%!important;min-height:0!important;height:auto!important;
}
.iie-portal .iie-live-item{
  display:grid!important;grid-template-columns:58px minmax(0,1fr) auto!important;
  align-items:center!important;gap:16px!important;width:100%!important;
  min-height:86px!important;height:auto!important;padding:14px!important;margin:0!important;
}
.iie-portal .iie-live-date{display:grid!important;width:58px!important;height:58px!important;min-width:58px!important}
.iie-portal .iie-live-info{display:block!important;width:auto!important;min-width:0!important}
.iie-portal .iie-live-info .iie-status{display:inline-flex!important;margin:0 0 7px!important}
.iie-portal .iie-live-info h3{display:block!important;margin:0 0 5px!important;color:var(--iie-black,#111214)!important;font-size:16px!important;line-height:1.3!important;font-weight:800!important}
.iie-portal .iie-live-info p{display:block!important;margin:0!important;color:var(--iie-gray-500,#74777d)!important;font-size:12px!important}
.iie-portal .iie-live-item>.iie-button{width:auto!important;min-width:126px!important;justify-self:end!important;white-space:nowrap!important}

.iie-portal .iie-recording-tools{
  display:flex!important;justify-content:flex-end!important;align-items:flex-end!important;
  width:100%!important;margin:0 0 18px!important;
}
.iie-portal .iie-recording-tools label{display:grid!important;width:min(100%,360px)!important;max-width:360px!important}
.iie-portal .iie-recordings-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;width:100%!important;min-height:0!important;height:auto!important;
}
.iie-portal .iie-recording-card{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;height:auto!important}
.iie-portal .iie-recording-thumb{display:grid!important;width:100%!important;aspect-ratio:16/9!important;min-height:0!important;height:auto!important}
.iie-portal .iie-recording-body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;padding:18px!important}
.iie-portal .iie-recording-body h3{display:block!important;color:var(--iie-black,#111214)!important}
.iie-portal .iie-recording-body .iie-button{align-self:flex-start!important;margin-top:auto!important}

.iie-portal .iie-layout-grid,
.iie-portal .iie-layout-grid-wide{
  display:grid!important;width:100%!important;align-items:start!important;gap:20px!important;
}
.iie-portal .iie-layout-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr)!important}
.iie-portal .iie-layout-grid-wide{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)!important}
.iie-portal .iie-stats-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important}
.iie-portal .iie-stats-grid-professor{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.iie-portal .iie-table-wrap{display:block!important;width:100%!important;max-width:100%!important;overflow:auto!important}
.iie-portal .iie-table{display:table!important;width:100%!important}
.iie-portal .iie-form{display:grid!important;width:100%!important}
.iie-portal :where(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%!important}

.iie-portal .iie-public-featured{display:grid!important;width:100%!important;grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr)!important}
.iie-portal .iie-public-lives-grid{display:grid!important;width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.iie-portal .iie-public-live-card{display:flex!important;flex-direction:column!important;width:100%!important}

@media(max-width:1100px){
  .iie-portal .iie-recordings-grid,.iie-portal .iie-public-lives-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .iie-portal .iie-layout-grid,.iie-portal .iie-layout-grid-wide,.iie-portal .iie-public-featured{grid-template-columns:1fr!important}
  .iie-portal .iie-stats-grid,.iie-portal .iie-stats-grid-professor{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .iie-portal{margin:0 auto!important}
  .iie-portal .iie-panel{padding:17px!important;border-radius:14px!important}
  .iie-portal .iie-panel-heading{flex-direction:column!important;gap:12px!important}
  .iie-portal .iie-panel-heading h2{font-size:20px!important}
  .iie-portal .iie-student-hero{grid-template-columns:1fr!important;min-height:290px!important;padding:24px 20px!important}
  .iie-portal .iie-student-hero-mark{position:absolute!important;right:-10px!important;bottom:-10px!important}
  .iie-portal .iie-live-item{grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important}
  .iie-portal .iie-live-item>.iie-button{grid-column:1/-1!important;width:100%!important;justify-self:stretch!important}
  .iie-portal .iie-recording-tools,.iie-portal .iie-recording-tools label{width:100%!important;max-width:none!important}
  .iie-portal .iie-recordings-grid,.iie-portal .iie-public-lives-grid,.iie-portal .iie-stats-grid,.iie-portal .iie-stats-grid-professor{grid-template-columns:1fr!important}
  .iie-portal .iie-form-row{grid-template-columns:1fr!important}
}


/* =====================================================================
   BB Room Pro IIE 11.5.0 — Auditoria profissional de todas as páginas
   ===================================================================== */
.iie-portal{--iie-control-h:44px;--iie-page-gap:20px;--iie-panel-pad:24px;--iie-card-radius:16px;--iie-focus:rgba(196,18,48,.26)}
.iie-portal,.iie-portal *{box-sizing:border-box}
.iie-portal :where(main,section,article,header,footer,nav,div,form,fieldset){min-width:0}
.iie-portal :where(h1,h2,h3,h4,h5,h6,p,span,label,a,button,td,th){overflow-wrap:anywhere}
.iie-portal :where(img,video,iframe,canvas,svg){max-width:100%;height:auto}
.iie-portal .iie-dashboard-main,.iie-portal .iie-public-main{width:min(100%,1440px)!important;margin-inline:auto!important;padding-inline:clamp(16px,3vw,32px)!important}
.iie-portal .iie-panel{padding:var(--iie-panel-pad)!important;border-radius:var(--iie-card-radius)!important;margin-bottom:var(--iie-page-gap)!important;min-height:0!important;height:auto!important}
.iie-portal .iie-panel-heading{min-height:0!important;height:auto!important;margin-bottom:20px!important}
.iie-portal .iie-panel-heading h2{font-size:clamp(20px,2vw,24px)!important;line-height:1.18!important}
.iie-portal .iie-live-list{display:grid!important;gap:12px!important;width:100%!important}
.iie-portal .iie-live-item{width:100%!important;min-height:84px!important;height:auto!important}
.iie-portal .iie-public-live-card,.iie-portal .iie-recording-card{min-width:0!important;height:100%!important;overflow:hidden!important}
.iie-portal .iie-public-live-card-body,.iie-portal .iie-recording-body{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}
.iie-portal .iie-public-live-card-body h3,.iie-portal .iie-recording-body h3{display:block!important;width:100%!important;margin:0 0 8px!important;color:var(--iie-black,#111214)!important;line-height:1.3!important}
.iie-portal .iie-public-live-card-body p,.iie-portal .iie-recording-body p{display:block!important;width:100%!important;margin:0 0 14px!important}
.iie-portal .iie-public-card-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;margin-top:auto!important;width:100%!important}
.iie-portal :where(.iie-button,button,input[type=submit],input[type=button]){min-height:var(--iie-control-h)!important;height:auto!important;padding:10px 16px!important;border-radius:10px!important;font-family:inherit!important;font-weight:750!important;line-height:1.2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-align:center!important;white-space:normal!important}
.iie-portal :where(input:not([type=checkbox]):not([type=radio]),select){min-height:var(--iie-control-h)!important;height:auto!important}
.iie-portal :where(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%!important;max-width:100%!important;padding:10px 12px!important;border-radius:10px!important;font-family:inherit!important}
.iie-portal label{display:grid!important;gap:7px!important;font-weight:700!important;color:var(--iie-black,#111214)!important}
.iie-portal label small{font-weight:400!important;line-height:1.5!important;color:var(--iie-gray-500,#74777d)!important}
.iie-portal :where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--iie-focus)!important;outline-offset:2px!important}
.iie-portal .iie-recording-tools{display:flex!important;justify-content:flex-end!important;margin-bottom:18px!important}
.iie-portal .iie-recording-tools label{width:min(100%,380px)!important}
.iie-portal .iie-recordings-grid,.iie-portal .iie-public-lives-grid{align-items:stretch!important;grid-auto-rows:1fr!important}
.iie-portal .iie-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
.iie-portal .iie-table{min-width:760px!important}
.iie-portal :where(.iie-dialog,.iie-modal,[role=dialog]){max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important}
.iie-portal .iie-empty-state{min-height:180px!important;height:auto!important;padding:30px 20px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}
@media(max-width:900px){.iie-portal{--iie-panel-pad:19px}.iie-portal .iie-dashboard-main,.iie-portal .iie-public-main{padding-inline:16px!important}.iie-portal .iie-recordings-grid,.iie-portal .iie-public-lives-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.iie-portal{--iie-panel-pad:16px;--iie-page-gap:14px;--iie-control-h:46px}.iie-portal .iie-recordings-grid,.iie-portal .iie-public-lives-grid{grid-template-columns:1fr!important}.iie-portal .iie-public-card-actions>*{width:100%!important}.iie-portal .iie-recording-tools label{width:100%!important}.iie-portal .iie-table{min-width:680px!important}}
@media(prefers-reduced-motion:reduce){.iie-portal *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* 11.6.0 functional consolidation */
.iie-layout-grid-single{grid-template-columns:minmax(0,1fr)!important}
.iie-lms-embedded .iie-layout-grid-single{width:100%}

/* 11.9 — acabamento final, responsividade e estados do portal IIE. */
.iie-portal{
  --iie-red:#C41230;--iie-red-dark:#A00E28;--iie-black:#111214;
  --iie-gray-50:#f7f7f8;--iie-gray-100:#efeff1;--iie-gray-300:#d8d9dd;
  --iie-gray-500:#6f7279;--blue:#C41230;--purple:#4B4D52;
  color:var(--iie-black);font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
}
.iie-portal *{box-sizing:border-box}
.iie-portal [hidden]{display:none!important}
.iie-portal :where(h1,h2,h3,h4,p){overflow-wrap:anywhere}
.iie-portal :where(input,select,textarea,button){font-family:inherit}
.iie-portal :where(input:not([type=checkbox]):not([type=radio]),select,textarea){
  min-height:44px;width:100%;max-width:100%;border:1px solid var(--iie-gray-300);
  border-radius:10px;background:#fff;color:var(--iie-black);padding:10px 12px;
}
.iie-portal :where(input,select,textarea,button,a,summary):focus-visible{
  outline:3px solid rgba(196,18,48,.26)!important;outline-offset:2px!important;
}
.iie-portal .iie-panel{min-width:0;height:auto;padding:clamp(18px,2.5vw,28px);border-radius:16px}
.iie-portal .iie-panel-heading{gap:16px;margin-bottom:22px}
.iie-portal .iie-panel-heading h2{line-height:1.18;letter-spacing:-.03em}
.iie-portal .iie-button{min-height:44px;padding:10px 16px;border-radius:10px;line-height:1.2}
.iie-portal .iie-button-primary{background:var(--iie-red);border-color:var(--iie-red);color:#fff}
.iie-portal .iie-button-primary:hover{background:var(--iie-red-dark);border-color:var(--iie-red-dark)}
.iie-portal .iie-status.is-live{background:#e9f8f0;color:#087b49}
.iie-portal .iie-status.is-pending{background:#fff1f3;color:#9f1028}
.iie-portal .iie-status.is-ended{background:#efeff1;color:#55585f}
.iie-portal .iie-recording-browser{display:block;width:100%;min-width:0}
.iie-portal .iie-recording-no-results[hidden]{display:none!important}
.iie-portal .iie-recording-tools{width:100%;display:flex;justify-content:flex-end;margin-bottom:18px}
.iie-portal .iie-recording-tools label{width:min(100%,380px)}
.iie-portal .iie-recordings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.iie-portal .iie-recording-card{min-width:0;height:100%;overflow:hidden}
.iie-portal .iie-teacher-focus-card{background:radial-gradient(circle at 85% 12%,rgba(196,18,48,.24),transparent 28%),linear-gradient(145deg,#090909,#1b1b1d);color:#fff}
.iie-portal .iie-teacher-focus-card :where(h2,h3,strong){color:#fff}
.iie-portal .iie-teacher-focus-card :where(p,small){color:#d1d1d4}
.iie-portal .iie-check{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:center;gap:8px}
.iie-portal .iie-check input{flex:0 0 auto;width:18px!important;height:18px!important;min-height:0!important;margin:0}
.iie-portal .iie-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.iie-portal .iie-table{width:100%;border-collapse:collapse;min-width:760px}
.iie-portal .iie-table :where(th,td){padding:13px 14px;vertical-align:middle;text-align:left}
.iie-portal .iie-table td small{display:block;margin-top:5px;color:var(--iie-gray-500)}
.iie-portal .iie-inline-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.iie-portal .iie-inline-form input[type=url]{flex:1 1 180px}
.iie-portal .iie-advanced-panel{padding:0;overflow:hidden}
.iie-portal .iie-advanced-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;padding:20px 24px;cursor:pointer;list-style:none}
.iie-portal .iie-advanced-panel>summary::-webkit-details-marker{display:none}
.iie-portal .iie-advanced-panel>summary span{display:grid;gap:6px}
.iie-portal .iie-advanced-panel>summary strong{font-size:18px}
.iie-portal .iie-advanced-panel>summary small{color:var(--iie-red);font-weight:800}
.iie-portal .iie-advanced-panel-body{padding:0 24px 24px;border-top:1px solid var(--iie-gray-100)}
.iie-portal .iie-empty-state{min-height:170px;padding:30px 20px;text-align:center}

@media(max-width:1000px){
  .iie-portal .iie-recordings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .iie-portal :where(.iie-layout-grid,.iie-layout-grid-wide,.iie-professor-main-grid){grid-template-columns:1fr!important}
}
@media(max-width:720px){
  .iie-portal .iie-recordings-grid{grid-template-columns:1fr}
  .iie-portal .iie-recording-tools label{width:100%}
  .iie-portal .iie-table{display:block;min-width:0}
  .iie-portal .iie-table thead{display:none}
  .iie-portal .iie-table tbody{display:grid;gap:12px}
  .iie-portal .iie-table tr{display:block;padding:16px;border:1px solid var(--iie-gray-300);border-radius:14px;background:#fff}
  .iie-portal .iie-table td{display:grid;grid-template-columns:minmax(96px,.34fr) minmax(0,1fr);gap:10px;padding:9px 0;border:0}
  .iie-portal .iie-table td::before{content:attr(data-label);font-size:11px;font-weight:800;color:var(--iie-gray-500);text-transform:uppercase;letter-spacing:.05em}
  .iie-portal .iie-inline-form{display:grid;grid-column:2}
  .iie-portal .iie-advanced-panel>summary{padding:17px 18px}
  .iie-portal .iie-advanced-panel-body{padding:0 18px 18px}
}

/* 11.13 — isolation from LMS/theme icon rules and reliable live forms. */
.iie-design-system-page .iie-portal .iie-stats-grid{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:14px!important;
}
.iie-design-system-page .iie-portal .iie-stat-card{
  position:relative!important;display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;gap:14px!important;min-width:0!important;min-height:104px!important;
  padding:20px!important;overflow:hidden!important;
}
.iie-design-system-page .iie-portal .iie-stat-card>.iie-stat-icon{
  position:relative!important;inset:auto!important;transform:none!important;display:block!important;
  width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;
}
.iie-design-system-page .iie-portal .iie-stat-card>div{
  position:static!important;inset:auto!important;transform:none!important;display:grid!important;
  min-width:0!important;gap:5px!important;margin:0!important;padding:0!important;
}
.iie-design-system-page .iie-portal .iie-stat-card>div>span,
.iie-design-system-page .iie-portal .iie-stat-card>div>strong{
  position:static!important;inset:auto!important;transform:none!important;display:block!important;
  width:auto!important;height:auto!important;margin:0!important;overflow-wrap:anywhere!important;
}
.iie-design-system-page .iie-portal .iie-stat-card>div>strong{font-size:clamp(22px,3vw,32px)!important;line-height:1.05!important}
.iie-portal :where(.iie-form,.iie-live-form,.iie-form-row,.iie-public-settings){min-width:0!important;max-width:100%!important}
.iie-portal .iie-form-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.iie-portal .iie-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}
.iie-portal .iie-delete-form,
.iie-portal .iie-end-live-form{display:inline-flex!important;margin:0!important}
@media(max-width:720px){
  .iie-portal .iie-form-row{grid-template-columns:1fr!important}
  .iie-design-system-page .iie-portal .iie-stat-card{min-height:92px!important;padding:17px!important}
}

/* 11.15.2 — embedded professor metrics must not inherit the LMS' legacy
   transparent/block card reset. This selector does not depend on a body class,
   because embedded shortcodes are rendered after wp_head. */
html body #pr2 .iie-portal.iie-lms-embedded .iie-stats-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  margin:0 0 24px!important;
}
html body #pr2 .iie-portal.iie-lms-embedded .iie-stat-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  min-width:0!important;
  min-height:104px!important;
  margin:0!important;
  padding:20px!important;
  overflow:hidden!important;
  border:1px solid var(--border,#e7e7e9)!important;
  border-radius:16px!important;
  background:var(--surface,#fff)!important;
  box-shadow:var(--s1,0 6px 20px rgba(0,0,0,.04))!important;
}
html body #pr2 .iie-portal.iie-lms-embedded .iie-stat-card>.iie-stat-icon{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  margin:0!important;
}
html body #pr2 .iie-portal.iie-lms-embedded .iie-stat-card>div{
  position:static!important;
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
html body #pr2 .iie-portal.iie-lms-embedded .iie-stat-card>div>span,
html body #pr2 .iie-portal.iie-lms-embedded .iie-stat-card>div>strong{
  position:static!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  line-height:1.15!important;
  overflow-wrap:anywhere!important;
}
@media(max-width:900px){
  html body #pr2 .iie-portal.iie-lms-embedded .iie-stats-grid{grid-template-columns:1fr!important}
}

/* 11.16.0 — Unificação operacional com o LMS. */
.iie-portal{
  --iie-red:#c41230;--iie-red-dark:#991026;--iie-black:#17191f;
  --iie-gray-500:#626873;--iie-border:#dedee2;--iie-surface:#fff;
  --iie-surface-soft:#fafaf7;--iie-radius:16px;
}
.iie-portal :where(.iie-dashboard-main,.iie-public-main){
  width:min(100%,1280px)!important;margin-inline:auto!important;
  padding:clamp(20px,3vw,38px) clamp(16px,3vw,36px) 56px!important
}
.iie-portal :where(.iie-panel,.iie-stat-card,.iie-recording-card,.iie-live-card,.iie-public-live-card){
  border:1px solid var(--iie-border)!important;border-radius:var(--iie-radius)!important;
  background:var(--iie-surface)!important;
  box-shadow:0 1px 2px #11121409,0 12px 32px #1112140e!important
}
.iie-portal .iie-panel{padding:clamp(18px,2.5vw,28px)!important}
.iie-portal .iie-panel-heading{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;
  gap:16px!important;flex-wrap:wrap!important;margin-bottom:20px!important
}
.iie-portal .iie-panel-heading h2{
  margin:0!important;color:var(--iie-black)!important;
  font-size:clamp(1.2rem,2vw,1.55rem)!important;letter-spacing:-.025em!important
}
.iie-portal .iie-panel-heading p{
  max-width:70ch!important;margin:7px 0 0!important;color:var(--iie-gray-500)!important;line-height:1.55!important
}
.iie-portal :where(.iie-button,.iie-link-button,button){
  min-height:44px!important;border-radius:11px!important;font-weight:780!important
}
.iie-portal .iie-button-primary{
  border-color:var(--iie-red)!important;background:var(--iie-red)!important;
  color:#fff!important;box-shadow:0 7px 18px #c412302b!important
}
.iie-portal .iie-button-primary:hover{
  border-color:var(--iie-red-dark)!important;background:var(--iie-red-dark)!important
}
.iie-portal :where(input:not([type=checkbox]):not([type=radio]),select,textarea){
  min-height:44px!important;border:1px solid #c9cbd1!important;border-radius:11px!important;
  background:#fff!important;color:var(--iie-black)!important
}
.iie-portal :where(input,select,textarea):focus{
  border-color:var(--iie-red)!important;box-shadow:0 0 0 3px #c412301f!important;outline:0!important
}
.iie-portal :where(.iie-status,.iie-badge){
  display:inline-flex!important;min-height:28px!important;align-items:center!important;
  gap:6px!important;padding:5px 9px!important;border-radius:999px!important;
  font-size:.72rem!important;font-weight:800!important
}
.iie-portal :where(.iie-status,.iie-badge)::before{
  width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:currentColor;content:""
}
.iie-portal .iie-recording-body{
  gap:8px!important;padding:18px!important
}
.iie-portal .iie-recording-body h3{margin:0!important;line-height:1.3!important}
.iie-portal .iie-recording-body p{margin:0!important;color:var(--iie-gray-500)!important;line-height:1.5!important}
.iie-portal .iie-empty-state{
  min-height:180px!important;padding:clamp(28px,5vw,48px)!important;
  border:1px dashed #c9cbd1!important;border-radius:var(--iie-radius)!important;
  background:var(--iie-surface-soft)!important;color:var(--iie-gray-500)!important;text-align:center!important
}
.iie-portal .iie-table-wrap{
  overflow:auto!important;border:1px solid var(--iie-border)!important;
  border-radius:var(--iie-radius)!important;background:#fff!important
}
.iie-portal .iie-table th{
  padding:13px 15px!important;background:var(--iie-surface-soft)!important;
  color:var(--iie-gray-500)!important;font-size:.73rem!important;
  letter-spacing:.055em!important;text-transform:uppercase!important
}
.iie-portal .iie-table td{padding:14px 15px!important;border-bottom:1px solid var(--iie-border)!important}
.iie-portal :where(button,a,input,select,textarea):focus-visible{
  outline:3px solid #c4123047!important;outline-offset:2px!important
}
@media(max-width:700px){
  .iie-portal :where(.iie-dashboard-main,.iie-public-main){padding:16px 13px 40px!important}
  .iie-portal .iie-panel{padding:17px!important}
  .iie-portal .iie-panel-heading{display:block!important}
  .iie-portal :where(.iie-button,.iie-link-button){width:100%!important}
  .iie-portal .iie-table{min-width:680px!important}
}

/* 11.17.0 — auditoria responsiva da página pública e dos players. */
html body.iie-fullpage{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:100dvh!important;
  margin:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
html body.iie-fullpage > .iie-live-route{
  display:block!important;
  width:100%!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:max(24px,env(safe-area-inset-top)) clamp(16px,2.6vw,36px) max(24px,env(safe-area-inset-bottom))!important;
  background:#f4f3ef!important;
}
.iie-live-route .iie-public-portal{
  width:min(100%,1440px)!important;
  margin:0 auto!important;
}
.iie-portal .iie-public-featured{
  align-items:stretch!important;
  overflow:hidden!important;
}
.iie-portal .iie-public-player-wrap{
  display:flex!important;
  min-width:0!important;
  height:auto!important;
  min-height:clamp(340px,36vw,480px)!important;
  overflow:hidden!important;
}
.iie-portal :where(.iie-public-iframe,.iie-public-video){
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:inherit!important;
  border:0!important;
  object-fit:contain!important;
}
.iie-portal .iie-public-player-placeholder{
  width:100%!important;
  min-width:0!important;
  min-height:inherit!important;
  height:auto!important;
  padding:clamp(28px,4vw,48px)!important;
  overflow:visible!important;
  color:#fff!important;
}
.iie-portal .iie-public-player-placeholder strong{
  display:block!important;
  max-width:680px!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(22px,2.5vw,30px)!important;
  line-height:1.22!important;
  overflow:visible!important;
  overflow-wrap:normal!important;
  text-wrap:balance;
}
.iie-portal .iie-public-player-placeholder p{
  width:min(100%,620px)!important;
  max-width:620px!important;
  color:#d6d8dd!important;
  line-height:1.65!important;
  overflow:visible!important;
}
.iie-portal .iie-public-live-info{
  min-width:0!important;
  height:auto!important;
  overflow:visible!important;
}
.iie-portal .iie-public-list-section,
.iie-portal .iie-public-lives-grid{
  min-width:0!important;
  height:auto!important;
  overflow:visible!important;
}
.iie-portal .iie-public-live-card{
  min-height:0!important;
  height:auto!important;
}
.iie-portal .iie-public-live-cover{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:16/9!important;
}
.iie-portal .iie-public-live-card-body{
  flex:1 1 auto!important;
  height:auto!important;
  overflow:visible!important;
}
@media(max-width:1100px){
  .iie-portal .iie-public-player-wrap{min-height:360px!important}
  .iie-portal .iie-public-live-info{
    min-height:0!important;
    padding:26px!important;
  }
}
@media(max-width:700px){
  html body.iie-fullpage > .iie-live-route{
    padding:max(12px,env(safe-area-inset-top)) 0 max(20px,env(safe-area-inset-bottom))!important;
  }
  .iie-live-route .iie-public-portal{
    border-radius:0!important;
  }
  .iie-portal .iie-public-header{
    min-height:72px!important;
    padding:14px 16px!important;
    gap:12px!important;
  }
  .iie-portal .iie-public-header img{
    width:auto!important;
    max-width:min(56vw,220px)!important;
    max-height:46px!important;
  }
  .iie-portal .iie-public-nav{
    gap:8px!important;
  }
  .iie-portal .iie-public-nav .iie-button{
    width:auto!important;
    min-width:82px!important;
    min-height:44px!important;
    padding:10px 13px!important;
  }
  .iie-portal .iie-public-main{
    padding:16px 13px 40px!important;
  }
  .iie-portal .iie-public-intro{
    min-height:0!important;
    height:auto!important;
    padding:30px 21px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  .iie-portal .iie-public-intro h1{
    margin:8px 0 12px!important;
    font-size:clamp(31px,10vw,42px)!important;
    line-height:1.05!important;
    overflow-wrap:normal!important;
  }
  .iie-portal .iie-public-intro p{
    font-size:14px!important;
    line-height:1.6!important;
  }
  .iie-portal .iie-public-featured{overflow:visible!important}
  .iie-portal .iie-public-player-wrap{
    min-height:0!important;
    aspect-ratio:16/9!important;
  }
  .iie-portal :where(.iie-public-iframe,.iie-public-video,.iie-public-player-placeholder){
    min-height:0!important;
    height:100%!important;
  }
  .iie-portal .iie-public-player-placeholder{padding:26px 20px!important}
  .iie-portal .iie-public-player-placeholder strong{
    font-size:clamp(19px,6vw,24px)!important;
  }
  .iie-portal .iie-public-player-placeholder p{
    font-size:13px!important;
    line-height:1.55!important;
  }
  .iie-portal .iie-public-live-info{padding:22px 19px!important}
  .iie-portal .iie-public-live-info h2{
    font-size:clamp(25px,8vw,32px)!important;
    overflow-wrap:normal!important;
  }
  .iie-portal .iie-public-list-section{padding:18px 15px!important}
  .iie-portal .iie-public-lives-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .iie-portal .iie-public-card-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  .iie-portal .iie-public-card-actions > *{
    width:100%!important;
    min-height:46px!important;
  }
}
@media(max-width:390px){
  .iie-portal .iie-public-header{
    align-items:flex-start!important;
  }
  .iie-portal .iie-public-header img{
    max-width:48vw!important;
  }
  .iie-portal .iie-public-intro h1{
    font-size:30px!important;
  }
  .iie-portal .iie-public-player-placeholder .iie-status{
    font-size:10px!important;
  }
}
@media(orientation:landscape) and (max-height:520px) and (max-width:960px){
  html body.iie-fullpage > .iie-live-route{
    padding-top:max(8px,env(safe-area-inset-top))!important;
  }
  .iie-portal .iie-public-intro{
    min-height:0!important;
    padding:24px!important;
  }
  .iie-portal .iie-public-player-wrap{
    min-height:300px!important;
    aspect-ratio:auto!important;
  }
}

/* 11.18.0 — identidade e legibilidade dos estados da transmissão pública. */
.iie-portal .iie-public-player-placeholder,
.iie-portal .iie-player-cover-static{
  position:relative!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 50% 38%,rgba(239,66,66,.24) 0,rgba(196,18,48,.1) 22%,transparent 48%),
    linear-gradient(145deg,#080809 0%,#111114 58%,#19191d 100%)!important;
}
.iie-portal .iie-public-player-placeholder::before,
.iie-portal .iie-player-cover-static::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  opacity:.38!important;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;
  background-size:38px 38px!important;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 88%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 88%);
}
.iie-portal .iie-public-player-logo{
  position:absolute!important;
  top:clamp(22px,3vw,34px)!important;
  left:clamp(22px,3vw,34px)!important;
  width:clamp(132px,15vw,205px)!important;
  height:auto!important;
  max-height:56px!important;
  object-fit:contain!important;
  object-position:left center!important;
  z-index:2!important;
}
.iie-portal .iie-public-player-placeholder > *,
.iie-portal .iie-player-cover-static > *{
  position:relative;
  z-index:1;
}
.iie-portal .iie-public-player-placeholder strong,
.iie-portal .iie-player-cover-static strong{
  color:#fff!important;
  text-shadow:0 2px 20px rgba(0,0,0,.55)!important;
}
.iie-portal .iie-public-player-placeholder p,
.iie-portal .iie-player-cover-static p{
  color:#d7d8dc!important;
}
.iie-portal .iie-public-player-placeholder .iie-status,
.iie-portal .iie-player-cover-static .iie-status{
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(196,18,48,.92)!important;
  box-shadow:0 7px 24px rgba(196,18,48,.24)!important;
}
.iie-portal .iie-public-waiting-note{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:6px!important;
  color:#b9bbc1!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
}
.iie-portal .iie-public-waiting-note > span{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#ef4444!important;
  box-shadow:0 0 0 5px rgba(239,68,68,.13)!important;
}
.iie-portal .iie-public-live-cover{
  position:relative!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 72% 30%,rgba(196,18,48,.42),transparent 35%),
    linear-gradient(145deg,#09090a,#1a1a1e)!important;
}
.iie-portal .iie-public-live-cover::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 48%)!important;
}
.iie-portal .iie-public-cover-logo{
  position:absolute!important;
  top:16px!important;
  left:16px!important;
  width:min(44%,150px)!important;
  height:auto!important;
  max-height:42px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.iie-portal .iie-public-live-word{
  color:rgba(255,255,255,.88)!important;
  font-size:clamp(32px,4vw,48px)!important;
  letter-spacing:-.055em!important;
  text-shadow:0 5px 25px rgba(0,0,0,.48)!important;
}
@media(max-width:700px){
  .iie-portal .iie-public-player-logo{
    top:16px!important;
    left:18px!important;
    width:118px!important;
    max-height:38px!important;
  }
  .iie-portal .iie-public-player-placeholder{
    justify-content:flex-end!important;
    align-items:flex-start!important;
    text-align:left!important;
    gap:8px!important;
  }
  .iie-portal .iie-public-player-placeholder .iie-player-icon{
    display:none!important;
  }
  .iie-portal .iie-public-player-placeholder p{
    margin:0!important;
    max-width:100%!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden!important;
  }
  .iie-portal .iie-public-waiting-note{display:none!important}
}

/* 11.19.0 — top bar integrada ao LMS e hierarquia focada no player. */
.iie-portal .iie-public-header{
  position:sticky!important;
  top:0!important;
  z-index:50!important;
  min-height:76px!important;
  padding:12px clamp(18px,3vw,34px)!important;
  color:#17171a!important;
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid rgba(23,23,26,.09)!important;
  box-shadow:0 8px 26px rgba(17,18,20,.055)!important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.iie-portal .iie-brand-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  color:#17171a!important;
  text-decoration:none!important;
}
.iie-portal .iie-public-header-mark{
  display:block!important;
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  object-fit:contain!important;
  border-radius:12px!important;
}
.iie-portal .iie-public-brand-copy{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  line-height:1.1!important;
}
.iie-portal .iie-public-brand-copy strong{
  color:#17171a!important;
  font-size:15px!important;
  font-weight:850!important;
  letter-spacing:-.015em!important;
}
.iie-portal .iie-public-brand-copy small{
  margin-top:4px!important;
  color:#74747c!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.iie-portal .iie-public-nav{gap:14px!important}
.iie-portal .iie-public-user-context{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  padding-right:14px!important;
  border-right:1px solid rgba(23,23,26,.1)!important;
}
.iie-portal .iie-public-user-avatar{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  border-radius:50%!important;
  color:#fff!important;
  background:#17171a!important;
  font-size:13px!important;
  font-weight:850!important;
}
.iie-portal .iie-public-user-context > span:last-child{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  line-height:1.15!important;
}
.iie-portal .iie-public-user-context small{
  color:#818188!important;
  font-size:9px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
.iie-portal .iie-public-user-context strong{
  max-width:160px!important;
  overflow:hidden!important;
  color:#27272a!important;
  font-size:12px!important;
  font-weight:780!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.iie-portal .iie-public-visitor-context{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#686870!important;
  font-size:11px!important;
  font-weight:700!important;
}
.iie-portal .iie-public-visitor-context > span{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#c41230!important;
  box-shadow:0 0 0 4px rgba(196,18,48,.1)!important;
}
.iie-portal .iie-public-header .iie-button{
  min-height:42px!important;
  width:auto!important;
  padding:10px 17px!important;
  border-radius:12px!important;
  box-shadow:0 6px 18px rgba(196,18,48,.2)!important;
}
.iie-portal .iie-public-intro{
  min-height:0!important;
  padding:clamp(28px,3.4vw,44px)!important;
}
.iie-portal .iie-public-intro h1{
  max-width:850px!important;
  font-size:clamp(35px,4.3vw,58px)!important;
}
.iie-portal .iie-public-intro p{max-width:760px!important}
@media(max-width:760px){
  .iie-portal .iie-public-header{
    min-height:68px!important;
    padding:10px 13px!important;
    gap:9px!important;
  }
  .iie-portal .iie-public-header-mark{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
    border-radius:10px!important;
  }
  .iie-portal .iie-public-brand-copy small,
  .iie-portal .iie-public-user-context,
  .iie-portal .iie-public-visitor-context{display:none!important}
  .iie-portal .iie-public-brand-copy strong{font-size:13px!important}
  .iie-portal .iie-public-nav{gap:7px!important}
  .iie-portal .iie-public-header .iie-button{
    min-width:0!important;
    min-height:44px!important;
    padding:9px 12px!important;
    font-size:11px!important;
  }
}
@media(max-width:390px){
  .iie-portal .iie-public-brand-copy{display:none!important}
  .iie-portal .iie-public-header .iie-button{padding-inline:11px!important}
}

/* 11.20.0 — gestão segura de senha e ações em lote. */
.iie-portal .iie-password-control{
  display:grid;
  grid-template-columns:minmax(0,1fr) 48px;
  align-items:stretch;
  gap:8px;
  width:100%;
}
.iie-portal .iie-password-control input{width:100%;min-width:0}
.iie-portal .iie-password-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:48px;
  min-height:44px;
  padding:0;
  border:1px solid var(--border,#e3e3e7);
  border-radius:12px;
  background:var(--surface2,#f7f7f8);
  color:var(--text,#17171a);
  cursor:pointer;
}
.iie-portal .iie-password-toggle:hover,
.iie-portal .iie-password-toggle.is-visible{
  border-color:var(--red,#c41230);
  color:var(--red,#c41230);
}
.iie-portal .iie-bulk-toolbar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:12px;
  margin:0 0 12px;
}
.iie-portal .iie-bulk-toolbar span{
  margin-right:auto;
  color:var(--text2,#5f6269);
  font-size:12px;
  font-weight:700;
}
.iie-portal .iie-bulk-toolbar button:disabled{opacity:.45;cursor:not-allowed}
.iie-portal .iie-select-cell{width:48px;text-align:center}
.iie-portal .iie-select-cell input{
  width:20px;
  height:20px;
  margin:0;
  accent-color:var(--red,#c41230);
  cursor:pointer;
}
@media(max-width:760px){
  .iie-portal .iie-bulk-toolbar{align-items:stretch}
  .iie-portal .iie-bulk-toolbar span{width:100%;margin-right:0}
  .iie-portal .iie-bulk-toolbar button{width:100%}
}

/* 11.20.3 — Secretaria: coluna única real, tabelas escaláveis e dark mode íntegro. */
#sr .iie-bbb-integrated-wrap,
#sr .iie-bbb-integrated-wrap > .iie-portal,
#sr .iie-portal .iie-layout-grid-single{
  width:100%!important;
  max-width:none!important;
}
#sr .iie-portal .iie-layout-grid-single{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:20px!important;
}
#sr .iie-portal .iie-stats-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
}
#sr .iie-portal .iie-stat-card{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  min-height:92px!important;
  padding:16px!important;
}
#sr .iie-portal .iie-stat-card > .iie-stat-icon{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
}
#sr .iie-portal .iie-stat-card > div{
  display:flex!important;
  min-width:0!important;
  flex-direction:column!important;
  gap:5px!important;
}
#sr .iie-portal .iie-stat-card > div > span{
  order:2!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.25!important;
}
#sr .iie-portal .iie-stat-card > div > strong{
  order:1!important;
  margin:0!important;
  font-size:26px!important;
  line-height:1!important;
}
#sr .iie-portal .iie-table-wrap{
  border:1px solid var(--border,#e7e7e9)!important;
  border-radius:14px!important;
  background:var(--surface,#fff)!important;
  overflow:auto!important;
}
#sr .iie-portal .iie-table{
  min-width:980px!important;
  table-layout:auto!important;
}
#sr .iie-portal .iie-table thead th{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  background:var(--surface2,#f7f7f8)!important;
  white-space:nowrap!important;
}
#sr .iie-portal .iie-table td{
  max-width:300px!important;
}
#sr .iie-portal .iie-table td:last-child{
  min-width:260px!important;
  white-space:normal!important;
}
#sr .iie-portal .iie-table td:last-child :where(a,button){
  margin:3px 4px 3px 0!important;
}

html[data-theme="dark"] #sr .iie-portal{
  --iie-dark-surface:#1c1c1f;
  --iie-dark-raised:#242428;
  --iie-dark-border:#39393f;
  --iie-dark-text:#f5f5f7;
  --iie-dark-muted:#aaaab2;
  color:var(--iie-dark-text)!important;
}
html[data-theme="dark"] #sr .iie-portal :where(.iie-panel,.iie-stat-card,.iie-table-wrap){
  border-color:var(--iie-dark-border)!important;
  background:var(--iie-dark-surface)!important;
  color:var(--iie-dark-text)!important;
}
html[data-theme="dark"] #sr .iie-portal :where(h1,h2,h3,strong,label,.iie-table td){
  color:var(--iie-dark-text)!important;
}
html[data-theme="dark"] #sr .iie-portal :where(p,small,.iie-panel-heading p,.iie-stat-card span,.iie-bulk-toolbar span){
  color:var(--iie-dark-muted)!important;
}
html[data-theme="dark"] #sr .iie-portal :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  border-color:var(--iie-dark-border)!important;
  background:var(--iie-dark-raised)!important;
  color:var(--iie-dark-text)!important;
  color-scheme:dark!important;
}
html[data-theme="dark"] #sr .iie-portal :where(input,textarea)::placeholder{
  color:#85858e!important;
  opacity:1!important;
}
html[data-theme="dark"] #sr .iie-portal .iie-password-toggle,
html[data-theme="dark"] #sr .iie-portal .iie-table thead th{
  border-color:var(--iie-dark-border)!important;
  background:#252529!important;
  color:var(--iie-dark-muted)!important;
}
html[data-theme="dark"] #sr .iie-portal .iie-table :where(th,td){
  border-color:var(--iie-dark-border)!important;
}
html[data-theme="dark"] #sr .iie-portal .iie-table tbody tr:hover td{
  background:#242428!important;
}
html[data-theme="dark"] #sr .iie-portal .iie-stat-icon{
  background:rgba(196,18,48,.16)!important;
  color:#ff5f78!important;
}
html[data-theme="dark"] #sr .iie-portal .iie-kicker{
  color:#ff5f78!important;
}
@media(max-width:980px){
  #sr .iie-portal .iie-stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:560px){
  #sr .iie-portal .iie-stats-grid{
    grid-template-columns:1fr!important;
  }
  #sr .iie-portal .iie-stat-card{min-height:78px!important}
}

/* 11.20.4 — campos compostos e tabela operacional sem compressão destrutiva. */
#sr .iie-portal .iie-table{min-width:1320px!important}
#sr .iie-portal .iie-table :where(th,td):nth-child(1){width:52px!important;min-width:52px!important}
#sr .iie-portal .iie-table :where(th,td):nth-child(2){width:230px!important;min-width:230px!important}
#sr .iie-portal .iie-table :where(th,td):nth-child(3){width:130px!important;min-width:130px!important}
#sr .iie-portal .iie-table :where(th,td):nth-child(4){width:135px!important;min-width:135px!important}
#sr .iie-portal .iie-table :where(th,td):nth-child(5){width:190px!important;min-width:190px!important}
#sr .iie-portal .iie-table :where(th,td):nth-child(6){width:160px!important;min-width:160px!important}
#sr .iie-portal .iie-table :where(th,td):nth-child(7){width:150px!important;min-width:150px!important}
#sr .iie-portal .iie-table :where(th,td):nth-child(8){width:280px!important;min-width:280px!important}
#sr .iie-portal .iie-table td:nth-child(2) :where(strong,small){
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#sr .iie-portal .iie-table .iie-badge-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
}
html[data-theme="dark"] #sr .iie-portal :where(.iie-public-settings,.iie-form-row-checks){
  border-color:var(--iie-dark-border)!important;
  background:var(--iie-dark-raised)!important;
  color:var(--iie-dark-text)!important;
}
html[data-theme="dark"] #sr .iie-portal :where(.iie-public-settings,.iie-form-row-checks) :where(h3,label,strong){
  color:var(--iie-dark-text)!important;
}
html[data-theme="dark"] #sr .iie-portal :where(.iie-public-settings,.iie-form-row-checks) :where(p,small,.iie-help){
  color:var(--iie-dark-muted)!important;
}
html[data-theme="dark"] #sr .iie-portal .iie-table td :where(a,button:not(:disabled)){
  color:var(--iie-dark-text)!important;
}
html[data-theme="dark"] #sr .iie-portal .iie-table td a:hover{
  color:#ff6f86!important;
}
html[data-theme="dark"] #sr .iie-portal .iie-bulk-toolbar button:disabled{
  border-color:rgba(196,18,48,.35)!important;
  background:rgba(196,18,48,.18)!important;
  color:rgba(255,255,255,.55)!important;
}
html[data-theme="dark"] #sr .iie-portal .iie-table-wrap{
  scrollbar-color:#5a5a62 #242428;
}

/* Recording trash: reversible removal before permanent deletion. */
.iie-portal .iie-recording-row-actions{display:grid;gap:9px;min-width:390px}
.iie-portal .iie-recording-row-actions>form:last-child{display:flex;justify-content:flex-end}
.iie-portal .iie-recording-trash-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.iie-portal .iie-recording-trash-actions form{margin:0}
.iie-portal .iie-link-button-danger{color:var(--iie-red,#c41230)!important}
.iie-portal .iie-trash-count{display:inline-grid;min-width:26px;height:26px;place-items:center;margin-left:7px;padding:0 8px;border-radius:999px;background:rgba(196,18,48,.12);color:var(--iie-red,#c41230);font-size:12px;vertical-align:middle}
.iie-portal .iie-recording-trash-panel .iie-panel-heading p{max-width:720px;margin:7px 0 0;color:var(--iie-gray-500,#73767d);font-size:12px;line-height:1.55}
html[data-theme="dark"] #sr .iie-portal .iie-recording-trash-panel .iie-panel-heading p{color:var(--iie-dark-muted)!important}
@media(max-width:640px){
  .iie-portal .iie-recording-row-actions{min-width:0}
  .iie-portal .iie-recording-trash-actions{align-items:stretch;flex-direction:column}
  .iie-portal .iie-recording-trash-actions form,.iie-portal .iie-recording-trash-actions button{width:100%}
}
