:root {
  --tq-lms-primary: #2f6f73;
  --tq-lms-primary-dark: #255a5e;
  --tq-lms-pastel: #a8dadc;
  --tq-lms-mint: #d8f3dc;
  --tq-lms-ivory: #faf7f0;
  --tq-lms-mist: #eaf6f6;
  --tq-lms-text: #263238;
  --tq-lms-muted: #6b7c7c;
  --tq-lms-gold: #d6a85a;
  --tq-lms-border: rgba(47,111,115,.16);
}
.tq-lms-course-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 28px 0;
}
.tq-lms-columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tq-lms-columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tq-lms-course-card,
.tq-lms-section-card,
.tq-lms-sidebar-card,
.tq-lms-register-box,
.tq-lms-payment-box,
.tq-lms-my-course-card,
.tq-lms-lesson-locked {
  background: #fff;
  border: 1px solid var(--tq-lms-border);
  border-radius: 24px;
  box-shadow: 0 18px 50px rgba(47,111,115,.08);
}
.tq-lms-course-card { overflow: hidden; transition: transform .2s ease, box-shadow .2s ease; }
.tq-lms-course-card:hover { transform: translateY(-3px); box-shadow: 0 24px 60px rgba(47,111,115,.12); }
.tq-lms-course-card-image {
  display: block;
  aspect-ratio: 16 / 10;
  background: linear-gradient(135deg, var(--tq-lms-mist), var(--tq-lms-mint));
  overflow: hidden;
  color: var(--tq-lms-primary);
  text-decoration: none;
}
.tq-lms-course-card-image img { width: 100%; height: 100%; object-fit: cover; display:block; }
.tq-lms-course-card-image span { display:flex; height:100%; align-items:center; justify-content:center; font-weight:700; }
.tq-lms-course-card-body { padding: 22px; }
.tq-lms-course-card h3 { margin: 0 0 10px; font-size: 1.2rem; }
.tq-lms-course-card h3 a { color: var(--tq-lms-text); text-decoration: none; }
.tq-lms-course-card p { color: var(--tq-lms-muted); }
.tq-lms-course-meta { display:flex; flex-wrap:wrap; gap:8px; margin: 14px 0; }
.tq-lms-course-meta span,
.tq-lms-module em,
.tq-lms-status {
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:4px 10px;
  background:var(--tq-lms-mist);
  color:var(--tq-lms-primary-dark);
  font-size:.82rem;
  font-weight:600;
  font-style:normal;
}
.tq-lms-course-card-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.tq-lms-course-card-footer strong,
.tq-lms-sidebar-price { color: var(--tq-lms-primary); font-size: 1.25rem; }
.tq-lms-button,
button.tq-lms-button,
.tq-lms-copy {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height: 42px;
  border-radius:999px;
  border:1px solid var(--tq-lms-primary);
  background:var(--tq-lms-primary);
  color:#fff !important;
  padding: 0 18px;
  text-decoration:none !important;
  font-weight:700;
  cursor:pointer;
  line-height:1;
}
.tq-lms-button:hover,
button.tq-lms-button:hover { background:var(--tq-lms-primary-dark); border-color:var(--tq-lms-primary-dark); }
.tq-lms-button-secondary {
  background:#fff;
  color:var(--tq-lms-primary) !important;
}
.tq-lms-button-secondary:hover { background:var(--tq-lms-mist); color:var(--tq-lms-primary-dark) !important; }
.tq-lms-copy { min-height:30px; padding:0 10px; font-size:.78rem; }
.tq-lms-course-layout,
.tq-lms-lesson-layout {
  display:grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap:28px;
  align-items:start;
  margin-top: 28px;
}
.tq-lms-course-sidebar,
.tq-lms-lesson-sidebar { position: sticky; top: 32px; }
.tq-lms-section-card,
.tq-lms-sidebar-card,
.tq-lms-register-box,
.tq-lms-lesson-locked { padding: 24px; margin: 24px 0; }
.tq-lms-sidebar-thumb { width:100%; border-radius:18px; margin-bottom:18px; }
.tq-lms-course-facts { list-style:none; padding:0; margin:16px 0; }
.tq-lms-course-facts li { display:flex; justify-content:space-between; border-bottom:1px solid var(--tq-lms-border); padding:10px 0; }
.tq-lms-course-facts span { color:var(--tq-lms-muted); }
.tq-lms-curriculum .tq-lms-module { margin-top: 18px; }
.tq-lms-module h3 { margin: 0 0 12px; color: var(--tq-lms-primary-dark); }
.tq-lms-module ul { list-style:none; padding:0; margin:0; border:1px solid var(--tq-lms-border); border-radius:18px; overflow:hidden; }
.tq-lms-module li { display:flex; gap:10px; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid var(--tq-lms-border); }
.tq-lms-module li:last-child { border-bottom:0; }
.tq-lms-module li.is-completed a:before,
.tq-lms-module li.is-completed span:before { content:'✓ '; color:var(--tq-lms-primary); font-weight:700; }
.tq-lms-module a { color:var(--tq-lms-text); text-decoration:none; font-weight:600; }
.tq-lms-module small { color:var(--tq-lms-muted); }
.tq-lms-video-wrap {
  background:#000;
  border-radius:24px;
  overflow:hidden;
  margin-bottom:24px;
  box-shadow: 0 18px 50px rgba(0,0,0,.14);
}
.tq-lms-video-wrap iframe,
.tq-lms-video-wrap video { display:block; width:100%; aspect-ratio:16 / 9; height:auto; border:0; }
.tq-lms-lesson-content,
.tq-lms-resources,
.tq-lms-lesson-progress-actions { margin: 24px 0; }
.tq-lms-resources { padding:20px; background:var(--tq-lms-mist); border-radius:18px; }
.tq-lms-back-link { display:block; margin-bottom:18px; color:var(--tq-lms-primary); text-decoration:none; font-weight:700; }
.tq-lms-lesson-nav { display:flex; justify-content:space-between; gap:12px; margin:32px 0; }
.tq-lms-payment-box { display:grid; grid-template-columns:1fr 220px; gap:24px; padding:24px; margin:24px 0; }
.tq-lms-payment-list { display:grid; grid-template-columns: 180px minmax(0,1fr); gap:10px 16px; }
.tq-lms-payment-list dt { color:var(--tq-lms-muted); }
.tq-lms-payment-list dd { margin:0; }
.tq-lms-payment-qr img { width:100%; border-radius:18px; border:1px solid var(--tq-lms-border); }
.tq-lms-payment-note { background:var(--tq-lms-ivory); border-left:4px solid var(--tq-lms-gold); padding:12px 14px; border-radius:10px; }
.tq-lms-message { padding:14px 16px; border-radius:16px; margin:16px 0; border:1px solid var(--tq-lms-border); }
.tq-lms-message-info { background:var(--tq-lms-mist); color:var(--tq-lms-primary-dark); }
.tq-lms-message-success { background:var(--tq-lms-mint); color:#1f6b37; }
.tq-lms-message-error { background:#ffeaea; color:#8a1f1f; }
.tq-lms-status-pending { background:#fff4cc; color:#7a5500; }
.tq-lms-status-approved { background:#d8f3dc; color:#1f6b37; }
.tq-lms-status-rejected { background:#ffe0e0; color:#9f1d1d; }
.tq-lms-status-cancelled { background:#ececec; color:#555; }
.tq-lms-my-course-card { display:grid; grid-template-columns:180px 1fr; gap:20px; padding:18px; margin:18px 0; }
.tq-lms-my-course-image img { width:100%; height:120px; object-fit:cover; border-radius:18px; }
.tq-lms-progress-bar { height:10px; background:var(--tq-lms-mist); border-radius:999px; overflow:hidden; }
.tq-lms-progress-bar span { display:block; height:100%; background:var(--tq-lms-primary); border-radius:999px; }
.tq-lms-my-orders table { width:100%; border-collapse:collapse; background:#fff; border-radius:18px; overflow:hidden; }
.tq-lms-my-orders th,
.tq-lms-my-orders td { padding:14px; border-bottom:1px solid var(--tq-lms-border); text-align:left; }
.tq-lms-register-form input { width:100%; max-width:320px; min-height:42px; border-radius:12px; border:1px solid var(--tq-lms-border); padding:0 12px; }
@media (max-width: 900px) {
  .tq-lms-course-grid,
  .tq-lms-columns-2,
  .tq-lms-columns-4,
  .tq-lms-course-layout,
  .tq-lms-lesson-layout,
  .tq-lms-payment-box,
  .tq-lms-my-course-card { grid-template-columns:1fr; }
  .tq-lms-course-sidebar,
  .tq-lms-lesson-sidebar { position: static; }
  .tq-lms-payment-list { grid-template-columns:1fr; }
}
.tq-lms-status-active { background:#d8f3dc; color:#1f6b37; }
.tq-lms-status-expired { background:#fff4cc; color:#7a5500; }
.tq-lms-status-revoked { background:#ffe0e0; color:#9f1d1d; }

/* TQ Elearning 0.2.0 enhancements */
.tq-lms-course-hero {
  display:grid;
  grid-template-columns: minmax(0,1.1fr) minmax(280px,.9fr);
  gap:32px;
  align-items:center;
  padding:42px;
  margin:26px 0 28px;
  border-radius:32px;
  background: radial-gradient(circle at top left, rgba(168,218,220,.55), transparent 34%), linear-gradient(135deg, #fff, var(--tq-lms-ivory));
  border:1px solid var(--tq-lms-border);
  box-shadow:0 22px 70px rgba(47,111,115,.1);
}
.tq-lms-course-hero h1 { margin:12px 0; font-size:clamp(2rem, 4vw, 3.6rem); line-height:1.1; color:var(--tq-lms-text); }
.tq-lms-course-subtitle { font-size:1.14rem; color:var(--tq-lms-muted); max-width:720px; }
.tq-lms-course-instructor-line { color:var(--tq-lms-primary-dark); }
.tq-lms-course-hero-image img { display:block; width:100%; border-radius:28px; box-shadow:0 18px 50px rgba(47,111,115,.12); }
.tq-lms-badge,
.tq-lms-card-badge {
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:6px 12px;
  background:rgba(214,168,90,.18);
  color:#8a6220;
  font-weight:800;
  font-size:.82rem;
}
.tq-lms-course-card-image { position:relative; }
.tq-lms-card-badge { position:absolute; top:12px; left:12px; z-index:2; background:rgba(255,255,255,.9); }
.tq-lms-course-card-instructor { margin:0 0 10px; color:var(--tq-lms-primary-dark) !important; font-size:.92rem; }
.tq-lms-course-card-footer del,
.tq-lms-sidebar-price del { color:var(--tq-lms-muted); font-size:.88rem; margin-right:8px; font-weight:500; }
.tq-lms-learning-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.tq-lms-learning-grid section h2 { margin-top:0; font-size:1.35rem; }
.tq-lms-check-list,
.tq-lms-dot-list,
.tq-lms-tag-list { margin:0; padding:0; list-style:none; }
.tq-lms-check-list li,
.tq-lms-dot-list li { position:relative; padding-left:30px; margin:12px 0; color:var(--tq-lms-text); }
.tq-lms-check-list li:before { content:'✓'; position:absolute; left:0; top:0; color:var(--tq-lms-primary); font-weight:900; }
.tq-lms-dot-list li:before { content:''; position:absolute; left:6px; top:.68em; width:8px; height:8px; border-radius:50%; background:var(--tq-lms-gold); }
.tq-lms-tag-list { display:flex; flex-wrap:wrap; gap:10px; }
.tq-lms-tag-list li { padding:7px 12px; border-radius:999px; background:var(--tq-lms-mist); color:var(--tq-lms-primary-dark); font-weight:700; }
.tq-lms-support-text { background:var(--tq-lms-mist); padding:12px 14px; border-radius:14px; color:var(--tq-lms-primary-dark); }
.tq-lms-lesson-row-title { display:flex; flex-direction:column; gap:4px; min-width:0; }
.tq-lms-lesson-row-title small { color:var(--tq-lms-muted); }
.tq-lms-lesson-row-meta { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.tq-lms-instructor-card,
.tq-lms-faq details { overflow:hidden; }
.tq-lms-instructor-profile,
.tq-lms-instructor-hero {
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:22px;
  align-items:center;
}
.tq-lms-instructor-avatar img,
.tq-lms-instructor-hero-avatar img,
.tq-lms-instructor-mini-avatar img { display:block; width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:999px; }
.tq-lms-instructor-card h3 { margin:0 0 6px; }
.tq-lms-instructor-card h3 a,
.tq-lms-instructor-card-mini h3 a { color:var(--tq-lms-text); text-decoration:none; }
.tq-lms-muted { color:var(--tq-lms-muted) !important; }
.tq-lms-faq details { border:1px solid var(--tq-lms-border); border-radius:18px; margin:12px 0; background:#fff; }
.tq-lms-faq summary { cursor:pointer; padding:16px 18px; font-weight:800; color:var(--tq-lms-primary-dark); }
.tq-lms-faq details p { margin:0; padding:0 18px 18px; color:var(--tq-lms-muted); }
.tq-lms-instructor-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:28px 0; }
.tq-lms-instructor-card-mini {
  background:#fff;
  border:1px solid var(--tq-lms-border);
  border-radius:24px;
  box-shadow:0 18px 50px rgba(47,111,115,.08);
  padding:24px;
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:18px;
  align-items:center;
}
.tq-lms-instructor-mini-avatar { display:block; width:86px; height:86px; border-radius:999px; overflow:hidden; background:linear-gradient(135deg,var(--tq-lms-mist),var(--tq-lms-mint)); text-decoration:none; color:var(--tq-lms-primary); }
.tq-lms-instructor-mini-avatar span { display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:2rem; font-weight:900; }
.tq-lms-instructor-single { margin:28px 0; }
.tq-lms-instructor-hero {
  grid-template-columns:140px minmax(0,1fr);
  padding:34px;
  border-radius:30px;
  background:linear-gradient(135deg,#fff,var(--tq-lms-mist));
  border:1px solid var(--tq-lms-border);
  box-shadow:0 22px 70px rgba(47,111,115,.1);
  margin-bottom:28px;
}
.tq-lms-instructor-hero h1 { margin:0 0 10px; font-size:clamp(2rem,4vw,3.2rem); }
@media (max-width: 900px) {
  .tq-lms-course-hero,
  .tq-lms-learning-grid,
  .tq-lms-instructor-grid,
  .tq-lms-instructor-profile,
  .tq-lms-instructor-hero,
  .tq-lms-instructor-card-mini { grid-template-columns:1fr; }
  .tq-lms-course-hero { padding:24px; }
  .tq-lms-instructor-mini-avatar,
  .tq-lms-instructor-hero-avatar { width:92px; }
  .tq-lms-module li { align-items:flex-start; }
}
.tq-lms-course-card-image .tq-lms-card-badge { height:auto; display:inline-flex; justify-content:center; }

/* TQ Elearning 0.4.0 comments / Q&A */
.tq-lms-comments {
  margin: 34px 0 0;
  padding: 24px;
  background: #fff;
  border: 1px solid var(--tq-lms-border);
  border-radius: 24px;
  box-shadow: 0 18px 50px rgba(47,111,115,.07);
}
.tq-lms-comments-header h2 {
  margin: 0 0 8px;
  color: var(--tq-lms-text);
  font-size: clamp(1.35rem, 2vw, 1.8rem);
}
.tq-lms-comments-header p {
  margin: 0 0 20px;
  color: var(--tq-lms-muted);
}
.tq-lms-comment-list,
.tq-lms-comment-list .children {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tq-lms-comment-list .comment {
  margin: 14px 0;
  padding: 16px;
  border: 1px solid var(--tq-lms-border);
  border-radius: 18px;
  background: linear-gradient(135deg, #fff, var(--tq-lms-mist));
}
.tq-lms-comment-list .children {
  margin-left: 28px;
  margin-top: 12px;
}
.tq-lms-comment-list .comment-author {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
  color: var(--tq-lms-primary-dark);
}
.tq-lms-comment-list .avatar {
  border-radius: 999px;
}
.tq-lms-comment-list .comment-metadata,
.tq-lms-comment-list .reply {
  margin-top: 6px;
  font-size: .88rem;
  color: var(--tq-lms-muted);
}
.tq-lms-comment-list .comment-metadata a,
.tq-lms-comment-list .reply a {
  color: var(--tq-lms-primary);
  text-decoration: none;
  font-weight: 700;
}
.tq-lms-comment-list .comment-content {
  margin-top: 10px;
  color: var(--tq-lms-text);
  line-height: 1.75;
}
.tq-lms-comments .comment-respond {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid var(--tq-lms-border);
}
.tq-lms-comments .comment-reply-title {
  margin: 0 0 14px;
  font-size: 1.18rem;
  color: var(--tq-lms-primary-dark);
}
.tq-lms-comments textarea,
.tq-lms-comments input[type="text"],
.tq-lms-comments input[type="email"],
.tq-lms-comments input[type="url"] {
  width: 100%;
  border: 1px solid var(--tq-lms-border);
  border-radius: 16px;
  padding: 12px 14px;
  background: #fff;
  color: var(--tq-lms-text);
}
.tq-lms-comments label {
  display: block;
  margin-bottom: 8px;
  color: var(--tq-lms-muted);
  font-weight: 700;
}
.tq-lms-comments .form-submit {
  margin-bottom: 0;
}
@media (max-width: 700px) {
  .tq-lms-comments { padding: 18px; border-radius: 20px; }
  .tq-lms-comment-list .children { margin-left: 12px; }
}
.tq-lms-qr-fallback { display:none; padding:18px; border:1px dashed var(--tq-lms-border); border-radius:16px; color:var(--tq-lms-muted); text-align:center; }
.tq-lms-payment-qr.is-missing .tq-lms-qr-fallback { display:block; }

/* TQ Elearning 0.5.0 auth forms */
.tq-lms-auth-wrap {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr);
  gap: 28px;
  align-items: stretch;
  margin: 34px 0;
}
.tq-lms-auth-intro,
.tq-lms-auth-card {
  background: #fff;
  border: 1px solid var(--tq-lms-border);
  border-radius: 28px;
  box-shadow: 0 18px 50px rgba(47,111,115,.08);
  padding: 30px;
}
.tq-lms-auth-intro {
  background: radial-gradient(circle at top left, rgba(168,218,220,.48), transparent 36%), linear-gradient(135deg, #fff, var(--tq-lms-mist));
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tq-lms-auth-intro span {
  display: inline-flex;
  width: fit-content;
  border-radius: 999px;
  padding: 7px 12px;
  background: rgba(47,111,115,.1);
  color: var(--tq-lms-primary-dark);
  font-weight: 800;
}
.tq-lms-auth-intro h2 {
  margin: 18px 0 12px;
  color: var(--tq-lms-text);
  font-size: clamp(1.7rem, 3vw, 2.45rem);
  line-height: 1.18;
}
.tq-lms-auth-intro p,
.tq-lms-auth-switch {
  color: var(--tq-lms-muted);
}
.tq-lms-auth-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 20px;
  padding: 6px;
  border-radius: 999px;
  background: var(--tq-lms-mist);
}
.tq-lms-auth-tabs a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border-radius: 999px;
  color: var(--tq-lms-primary-dark);
  text-decoration: none;
  font-weight: 800;
}
.tq-lms-auth-tabs a.is-active {
  background: #fff;
  box-shadow: 0 8px 24px rgba(47,111,115,.1);
  color: var(--tq-lms-text);
}
.tq-lms-auth-form h3,
.tq-lms-auth-card h3 {
  margin-top: 0;
  color: var(--tq-lms-text);
}
.tq-lms-auth-form form {
  display: grid;
  gap: 14px;
}
.tq-lms-auth-form p {
  margin: 0;
}
.tq-lms-auth-form label {
  display: grid;
  gap: 7px;
  color: var(--tq-lms-muted);
  font-weight: 750;
}
.tq-lms-auth-form input[type="text"],
.tq-lms-auth-form input[type="email"],
.tq-lms-auth-form input[type="tel"],
.tq-lms-auth-form input[type="password"] {
  width: 100%;
  min-height: 46px;
  border: 1px solid var(--tq-lms-border);
  border-radius: 15px;
  background: #fff;
  color: var(--tq-lms-text);
  padding: 0 14px;
}
.tq-lms-auth-form .tq-lms-auth-row label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.5;
}
.tq-lms-auth-submit {
  width: 100%;
  margin-top: 4px;
}
.tq-lms-auth-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}
@media (max-width: 780px) {
  .tq-lms-auth-wrap { grid-template-columns: 1fr; gap: 16px; }
  .tq-lms-auth-intro,
  .tq-lms-auth-card { padding: 22px; border-radius: 22px; }
}

/* v0.6.0 additions: receipts, profile, quiz */
.tq-lms-payment-receipt-area{grid-column:1/-1;margin-top:18px}
.tq-lms-receipt-upload{border:1px solid rgba(31,109,151,.18);border-radius:18px;padding:18px;background:#f7fbff}
.tq-lms-receipt-upload h4{margin:0 0 8px;font-size:1rem}
.tq-lms-receipt-upload textarea{width:100%;border-radius:14px;border:1px solid rgba(31,109,151,.18);padding:10px}
.tq-lms-profile-box,.tq-lms-quiz-box{margin-top:28px;padding:24px;border-radius:24px;background:#fff;border:1px solid rgba(31,109,151,.16);box-shadow:0 16px 40px rgba(43,112,151,.08)}
.tq-lms-profile-box h2,.tq-lms-quiz-box h2{margin-top:0;font-size:1.35rem}
.tq-lms-profile-form input,.tq-lms-profile-form textarea{width:100%;border-radius:14px;border:1px solid rgba(31,109,151,.18);padding:12px 14px}
.tq-lms-quiz-question{border:1px solid rgba(31,109,151,.16);border-radius:18px;padding:16px;margin:16px 0;background:#f9fcff}
.tq-lms-quiz-question legend{font-weight:700;color:#102033;padding:0 8px}
.tq-lms-quiz-question label{display:block;margin:10px 0;color:#233245}
.tq-lms-export-list{display:grid;gap:12px;margin-top:18px}
@media(max-width:720px){.tq-lms-profile-box,.tq-lms-quiz-box{padding:18px;border-radius:20px}.tq-lms-payment-receipt-area{margin-top:12px}}

/* Protected lesson video embeds */
.tq-lms-video-protected {
  position: relative;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
}
.tq-lms-video-protected iframe,
.tq-lms-video-protected video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  border: 0;
}
.tq-lms-video-protected::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(17, 82, 117, 0.08);
}
.tq-lms-video-locked,
.tq-lms-video-error {
  padding: 20px;
  border: 1px solid rgba(49, 130, 171, 0.2);
  border-radius: 18px;
  background: #eef8ff;
  color: #1f3f54;
  font-weight: 700;
}