.hinplacement-component-page{width:100%;max-width:none;margin:0;padding:0 1.25rem 1rem;min-height:calc(100vh - 90px)}
.hinplacement-brandbar{display:flex;align-items:center;gap:.38rem;padding:.45rem 0 .35rem;font-size:.78rem;letter-spacing:.08em;font-weight:800}.hinplacement-brand-ielts{color:#343a40}.hinplacement-brand-x{color:#d34a2f;font-size:1rem}.hinplacement-brand-hin{color:#0f6cbf}.hinplacement-brandbar+.hinplacement-component-heading{margin-top:0}
.hinplacement-writing-sentences{height:calc(100vh - 95px);min-height:520px}.hinplacement-writing-sentences>.h-screen{height:100%!important;min-height:0!important}.hinplacement-writing-studio{min-height:calc(100vh - 80px)}.hinplacement-writing-brand{padding:.65rem 1rem;border:1px solid #d9d3c8;border-bottom:0;background:#fff}.hinplacement-writing-stage-label{margin-left:auto;color:#6c757d;letter-spacing:0;font-weight:600}.hinplacement-writing-studio .activity-container{min-height:calc(100vh - 125px)}
.hinplacement-attempt-page{width:100%;max-width:1180px;margin:0 auto;padding:1rem 1.25rem 2rem}.hinplacement-summary{display:flex;gap:2rem;margin:.75rem 0 1rem}.hinplacement-summary-item{display:flex;gap:.35rem;align-items:baseline;color:#6c757d}.hinplacement-summary-item strong{font-size:1.25rem;color:#343a40}.hinplacement-progress{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:1.5rem}.hinplacement-progress-bar{height:100%;background:#0f6cbf;transition:width .2s}.hinplacement-skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.hinplacement-skill-card{background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:1rem;min-height:190px;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(0,0,0,.04)}.hinplacement-skill-card-top{display:flex;align-items:center;gap:.7rem;margin-bottom:.9rem}.hinplacement-skill-icon{width:2.25rem;height:2.25rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e7f1fb;color:#0f6cbf;font-weight:700;font-size:.9rem}.hinplacement-skill-card-title{font-size:1.1rem;font-weight:600;color:#343a40}.hinplacement-skill-status{font-size:.85rem;color:#0f6cbf;margin-bottom:.6rem}.hinplacement-skill-detail{font-size:.88rem;color:#6c757d;margin-bottom:.25rem}.hinplacement-skill-card-footer{margin-top:auto;padding-top:.8rem;border-top:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.hinplacement-skill-score{font-size:.82rem;color:#6c757d}.hinplacement-skill-card.is-done .hinplacement-skill-status{color:#198754}.hinplacement-skill-card.is-review .hinplacement-skill-status{color:#946c00}.hinplacement-catalog-grid{margin:1.25rem 0}.hinplacement-catalog-grid .hinplacement-skill-card{min-height:160px}
.hinpl-attempt-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #e2e8f0;padding:.4rem 0 .75rem;margin-bottom:1rem}.hinpl-attempt-heading h2{color:#003b71;font-size:1.35rem;font-weight:900;letter-spacing:-.02em}.hinpl-attempt-heading .btn{font-size:.75rem;font-weight:700}.hinpl-candidate-strip{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff;border:1px solid #d0d7de;border-radius:7px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.8rem}.hinpl-attempt-table-wrap{background:#fff;border:1px solid #d0d7de;border-radius:7px;overflow:auto;box-shadow:0 1px 2px rgba(15,23,42,.04)}.hinpl-attempt-table{width:100%;border-collapse:collapse;font-size:.78rem}.hinpl-attempt-table th{padding:.8rem .9rem;background:#f8fafc;border-bottom:1px solid #d0d7de;color:#475569;text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:800;white-space:nowrap}.hinpl-attempt-table td{padding:.9rem;border-bottom:1px solid #eef1f4;color:#475569;vertical-align:middle}.hinpl-attempt-row:last-child td{border-bottom:0}.hinpl-attempt-row:hover td{background:#f8fafc}.hinpl-module-cell strong{color:#0f172a;font-size:.86rem}.hinpl-status-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;white-space:nowrap}.hinpl-status-badge.is-pending{background:#dbeafe;color:#1d4ed8}.hinpl-status-badge.is-active{background:#dbeafe;color:#1d4ed8}.hinpl-status-badge.is-review{background:#fef3c7;color:#92400e}.hinpl-status-badge.is-done{background:#dcfce7;color:#166534}
.hinpl-result-page{max-width:960px}.hinpl-result-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #e2e8f0;padding:.4rem 0 .8rem;margin-bottom:1rem}.hinpl-result-heading h2{color:#003b71;font-size:1.45rem;font-weight:900}.hinpl-result-status,.hinpl-result-pending{padding:.9rem 1rem;border:1px solid #f3d08b;border-left:4px solid #d97706;border-radius:7px;background:#fffbeb;color:#92400e;font-size:.8rem;line-height:1.55;margin-bottom:1rem}.hinpl-result-status span{font-size:.74rem}.hinpl-trf-card{background:#fff;border:2px solid #003b71;border-radius:8px;padding:1.5rem;box-shadow:0 1px 2px rgba(15,23,42,.05);margin-bottom:1rem}.hinpl-trf-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:2px solid #0f172a;padding-bottom:.8rem}.hinpl-trf-brand{display:flex;align-items:center;gap:.55rem;color:#0f172a;font-size:1.15rem}.hinpl-ielts-mark{background:#d32f2f;color:#fff;padding:.18rem .5rem;border-radius:3px;font-size:1.1rem;font-weight:900}.hinpl-trf-meta{text-align:right;text-transform:uppercase;color:#475569;font-size:.68rem;font-weight:800;line-height:1.6}.hinpl-trf-meta small{font-family:monospace;text-transform:none;font-weight:500}.hinpl-trf-candidate{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;border-bottom:1px solid #e2e8f0;padding:.9rem 0}.hinpl-trf-candidate small,.hinpl-score-cell small{display:block;color:#64748b;font-size:.64rem;text-transform:uppercase;font-weight:800;letter-spacing:.04em}.hinpl-trf-candidate strong{display:block;color:#0f172a;font-size:.77rem;margin-top:.2rem}.hinpl-trf-section-label{color:#475569;font-size:.68rem;font-weight:800;letter-spacing:.08em;margin:.9rem 0 .45rem}.hinpl-score-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #cbd5e1;border-radius:5px;overflow:hidden}.hinpl-score-cell{padding:.8rem .5rem;text-align:center;background:#f8fafc;border-right:1px solid #cbd5e1}.hinpl-score-cell:last-child{border-right:0}.hinpl-score-cell strong{display:block;font-family:monospace;color:#0f172a;font-size:1.25rem;margin-top:.25rem}.hinpl-score-cell.overall{background:#003b71;color:#fff}.hinpl-score-cell.overall small{color:#bfdbfe}.hinpl-score-cell.overall strong{color:#fff}.hinpl-trf-component-table{margin-top:1rem;border-top:1px solid #e2e8f0}.hinpl-result-row{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid #f1f5f9;font-size:.75rem}.hinpl-result-row span{color:#64748b}.hinpl-result-page .alert-secondary{background:#f8fafc;border-color:#e2e8f0;color:#64748b}
.hinpl-prototype-shell{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f8fafc;color:#1e293b;margin:0;width:100%}.hinpl-system-bar{display:flex;align-items:center;gap:.6rem;min-height:34px;padding:.45rem 1rem;background:#0f172a;color:#fff;font-size:.7rem}.hinpl-system-ielts{background:#d32f2f;padding:.12rem .4rem;border-radius:3px;font-size:.72rem;font-weight:900;letter-spacing:.05em}.hinpl-system-label{color:#cbd5e1;font-weight:700}.hinpl-system-centre{color:#94a3b8}.hinpl-system-role{margin-left:auto;color:#e2e8f0;padding:.25rem .5rem;border:1px solid #475569;border-radius:4px}.hinpl-prototype-header{display:flex;align-items:center;gap:.65rem;background:#fff;border-bottom:1px solid #d0d7de;padding:.7rem 1.25rem}.hinpl-header-ielts{background:#d32f2f;color:#fff;font-size:1.1rem;font-weight:900;padding:.15rem .5rem;border-radius:3px}.hinpl-header-title{border-left:1px solid #cbd5e1;padding-left:.65rem;color:#003b71;font-weight:900;font-size:.78rem}.hinpl-header-subtitle{color:#64748b;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.hinpl-prototype-shell+.hinpl-page{margin-top:0}
.hinpl-prototype-shell,.hinpl-page{max-width:100%;overflow-x:hidden}.pagelayout-embedded #page{overflow-x:hidden}
.hinplacement-signup-container,.hinplacement-attempt-page,.hinpl-result-page{width:100%;max-width:896px;margin-left:auto;margin-right:auto}
.page-local-hinplacement-review .hinpl-page,.page-local-hinplacement-manage .hinpl-page{max-width:1200px;margin:0 auto;padding:1rem 1.25rem}.page-local-hinplacement-review .hinpl-page>h2{color:#003b71;font-size:1.35rem;font-weight:900}.page-local-hinplacement-review .table{font-size:.78rem}.page-local-hinplacement-review .table th{background:#f8fafc;color:#475569;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.page-local-hinplacement-review .table td,.page-local-hinplacement-review .table th{padding:.7rem}.page-local-hinplacement-manage .generaltable{font-size:.8rem}
.hinpl-admin-page,.hinpl-block-page{max-width:960px;margin:0 auto;padding:1.5rem 1.25rem}.hinpl-admin-title{color:#003b71;font-size:1.35rem;font-weight:900;margin:0 0 .25rem}.hinpl-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin:1.25rem 0}.hinpl-kpi-card,.hinpl-admin-card,.hinpl-block-card{background:#fff;border:1px solid #d0d7de;border-radius:7px;padding:1rem}.hinpl-kpi-card span{display:block;color:#64748b;font-size:.72rem;font-weight:700}.hinpl-kpi-card strong{display:block;color:#0f172a;font:900 1.45rem monospace;margin:.35rem 0}.hinpl-kpi-card small{color:#2563eb;font-size:.65rem;font-weight:700}.hinpl-kpi-card.tone-purple small{color:#7e22ce}.hinpl-kpi-card.tone-amber small{color:#b45309}.hinpl-kpi-card.tone-green small{color:#047857}.hinpl-kpi-card.tone-red{background:#fff7f7;border-color:#fda4af}.hinpl-kpi-card.tone-red strong,.hinpl-kpi-card.tone-red small{color:#be123c}.hinpl-admin-cta{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #d0d7de;border-radius:7px;padding:1rem;font-size:.8rem}.hinpl-notify-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem;margin-top:1rem}.hinpl-admin-card h3{font-size:.95rem;color:#0f172a;font-weight:800;border-bottom:1px solid #eef1f4;padding-bottom:.6rem}.hinpl-admin-card label{display:block;font-size:.75rem;font-weight:700;margin-bottom:.25rem}.hinpl-zalo-preview{text-align:center}.hinpl-zalo-bubble{background:#0f172a;border-radius:16px;padding:1rem;color:#334155;text-align:left;font-size:.72rem}.hinpl-zalo-bubble p{background:#fff;border-radius:10px;padding:.75rem;margin:.5rem 0}.hinpl-zalo-button{background:#eff6ff;color:#003b71;font-size:.65rem;font-weight:800;text-align:center;padding:.35rem;border-radius:4px}.hinpl-block-page{max-width:680px}.hinpl-block-card{border:2px solid #003b71}.hinpl-block-card-head{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #e2e8f0;padding-bottom:.7rem;color:#003b71;font-size:.8rem}.hinpl-enrolled-badge{background:#dcfce7;color:#166534;border-radius:4px;padding:.2rem .45rem;font-size:.68rem;font-weight:800}.hinpl-course-box{display:flex;flex-direction:column;gap:.3rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:1rem;margin:1rem 0}.hinpl-course-box small{color:#64748b}.hinpl-course-box strong{font-size:1rem;color:#0f172a}.hinpl-course-box span{color:#475569;font-size:.75rem}@media(max-width:800px){.hinpl-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hinpl-notify-grid{grid-template-columns:1fr}}
.hinpl-rubric-card{background:#fff;border:1px solid #d0d7de;border-radius:7px;padding:1rem;margin-top:1rem;font-size:.78rem}.hinpl-rubric-card h3{font-size:.95rem;color:#0f172a;border-bottom:1px solid #eef1f4;padding-bottom:.6rem}.hinpl-rubric-row{margin:.8rem 0}.hinpl-rubric-row label{display:flex;justify-content:space-between;color:#475569}.hinpl-rubric-row strong{color:#003b71;font-family:monospace}
@media(max-width:700px){.hinpl-result-heading,.hinpl-trf-header{align-items:flex-start;flex-direction:column}.hinpl-trf-meta{text-align:left}.hinpl-trf-candidate{grid-template-columns:repeat(2,minmax(0,1fr))}.hinpl-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hinpl-score-cell:nth-child(2n){border-right:0}.hinpl-score-cell.overall{grid-column:span 2}.hinpl-candidate-strip{align-items:flex-start;flex-direction:column}}
.hinplacement-component-heading{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--border-color,#dee2e6);padding:.75rem 0 1rem;margin-bottom:1rem}
.hinplacement-skill-title{font-size:1.5rem;font-weight:600}.hinplacement-skill-meta{font-size:.9rem;color:var(--text-muted,#6c757d)}.hinplacement-status{max-width:none}
.hinplacement-component-page .ielts-native-root{width:100%;max-width:none}.hinplacement-component-page .ielts-player,.hinplacement-component-page #ieltsread-root,.hinplacement-component-page #ieltslisten-root{width:100%;min-height:calc(100vh - 125px)}.hinplacement-component-page form.card{max-width:none;width:100%;margin:0;min-height:calc(100vh - 140px)}.pagelayout-embedded #page-wrapper,.pagelayout-embedded #page{min-height:100vh}.pagelayout-embedded #page-content{padding:0}.pagelayout-embedded #region-main{padding:0}
/* Exam mode: keep the Moodle shell fixed and expose one scroll owner only. */
html.hinplacement-exam-page,body.hinplacement-exam-page{height:100%;overflow:hidden}
body.hinplacement-exam-page #page-wrapper,body.hinplacement-exam-page #page,
body.hinplacement-exam-page #page-content,body.hinplacement-exam-page #region-main{height:100%;min-height:0}
body.hinplacement-exam-page .hinplacement-component-page{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}
body.hinplacement-exam-page .hinplacement-component-page>.ielts-native-root,
body.hinplacement-exam-page .hinplacement-component-page>.ielts-player,
body.hinplacement-exam-page .hinplacement-component-page>#ieltsread-root,
body.hinplacement-exam-page .hinplacement-component-page>#ieltslisten-root{flex:1 1 auto;min-height:0;height:auto;overflow:auto}
/* The React player already owns its content scrolling. Keep its 100vh shell
   inside the available slot so the question-number footer is always visible. */
body.hinplacement-exam-page .hinplacement-component-page>.ielts-native-root{height:calc(100vh - 82px);overflow:hidden}
body.hinplacement-exam-page .hinplacement-component-page>.ielts-native-root>div.h-screen,
body.hinplacement-exam-page .hinplacement-component-page>#ieltsread-root>div.h-screen,
body.hinplacement-exam-page .hinplacement-component-page>#ieltslisten-root>div.h-screen{height:100%!important;min-height:0!important}
body.hinplacement-exam-page .hinplacement-component-page>.ielts-native-root>div.h-screen,
body.hinplacement-exam-page .hinplacement-component-page>#ieltsread-root>div.h-screen,
body.hinplacement-exam-page .hinplacement-component-page>#ieltslisten-root>div.h-screen{height:calc(100vh - 82px)!important}
@media(max-width:767px){.hinplacement-component-page{padding-inline:.75rem}.hinplacement-skill-title{font-size:1.25rem}.hinplacement-component-page .ielts-player,.hinplacement-component-page #ieltsread-root,.hinplacement-component-page #ieltslisten-root{min-height:calc(100vh - 120px)}}
@media(max-width:900px){.hinplacement-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.hinplacement-attempt-page{padding-inline:.75rem}.hinplacement-skill-grid{grid-template-columns:1fr}.hinplacement-summary{gap:1rem}}

/* --- HIN Placement Design System & Tokens --- */
:root {
  --hinpl-primary: #0f6cbf;
  --hinpl-primary-hover: #0c5699;
  --hinpl-navy: #1a365d;
  --hinpl-coral: #d34a2f;
  --hinpl-success: #198754;
  --hinpl-warning: #b45309;
  --hinpl-danger: #dc3545;
  --hinpl-bg-light: #f8f9fa;
  --hinpl-border: #dee2e6;
  --hinpl-text: #212529;
  --hinpl-text-muted: #6c757d;
}

.hinpl-page {
  font-size: 15px;
  line-height: 1.6;
  color: var(--hinpl-text);
}

.hinpl-page *:focus-visible {
  outline: 2px solid var(--hinpl-primary);
  outline-offset: 2px;
}

.hinpl-page .card {
  border-radius: 8px;
  border: 1px solid var(--hinpl-border);
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

/* Latest placement entry flow: test type first, candidate details second. */
.hinplacement-signup-container { max-width: 960px; }
.hinpl-signup-hero { background:#fff; border:1px solid #d0d7de; border-radius:8px; padding:1.5rem; box-shadow:0 1px 2px rgba(15,23,42,.04); }
.hinpl-signup-hero h2 { color:#003b71; font-size:1.65rem; letter-spacing:-.02em; }
.hinpl-eyebrow { color:#d32f2f; font-size:.68rem; font-weight:800; letter-spacing:.12em; margin-bottom:.35rem; }
.hinpl-test-selection { padding:0 .15rem; }
.hinpl-section-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.7rem; }
.hinpl-section-heading h3 { color:#172033; font-size:1rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.hinpl-step-two { margin-top:.25rem; padding:.75rem 0; border-bottom:1px solid #eef1f4; }
.hinpl-campaign-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.hinpl-campaign-card { display:block; min-height:185px; padding:1rem; color:#212529; background:#fff; border:2px solid #d0d7de; border-radius:8px; text-decoration:none!important; transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.hinpl-campaign-card:hover { border-color:#8293a7; color:#212529; transform:translateY(-1px); }
.hinpl-campaign-card.is-selected { border-color:#003b71; box-shadow:0 0 0 3px rgba(15,108,191,.14); }
.hinpl-campaign-card-top { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-bottom:.7rem; }
.hinpl-campaign-badge { padding:.18rem .45rem; border-radius:3px; background:#003b71; color:#fff; font-size:.62rem; font-weight:800; letter-spacing:.06em; }
.hinpl-campaign-card:nth-child(2) .hinpl-campaign-badge { background:#198754; }
.hinpl-campaign-card:nth-child(3) .hinpl-campaign-badge { background:#b45309; }
.hinpl-campaign-duration { color:#475569; font-family:monospace; font-size:.72rem; font-weight:700; white-space:nowrap; }
.hinpl-campaign-name { margin:0 0 .35rem; color:#172033; font-size:1rem; font-weight:800; line-height:1.35; }
.hinpl-campaign-description { min-height:3.1em; margin:0 0 .75rem; color:#64748b; font-size:.78rem; line-height:1.5; }
.hinpl-campaign-structure { border-top:1px solid #eef1f4; padding-top:.6rem; color:#475569; font-size:.72rem; line-height:1.45; }
.hinpl-campaign-structure strong { color:#003b71; }
.hinplacement-signup-container form.card { padding:1.5rem; }
@media(max-width:700px){.hinpl-campaign-grid{grid-template-columns:1fr}.hinpl-signup-hero,.hinplacement-signup-container form.card{padding:1rem}.hinpl-section-heading{align-items:flex-start;flex-direction:column;gap:.2rem}}

.hinpl-page .badge {
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.35em 0.65em;
  border-radius: 4px;
}

.hinpl-page .badge-success {
  background-color: var(--hinpl-success);
  color: #fff;
}

.hinpl-page .badge-primary {
  background-color: var(--hinpl-primary);
  color: #fff;
}

.hinpl-page .badge-info {
  background-color: #0284c7;
  color: #fff;
}

.hinpl-page .badge-warning {
  background-color: #fef3c7;
  color: #92400e;
  border: 1px solid #fde68a;
}

.hinpl-page .badge-secondary {
  background-color: #e2e8f0;
  color: #475569;
}

.hinpl-page .table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.hinpl-page table.table {
  border-collapse: collapse;
  width: 100%;
}

.hinpl-page table.table th {
  background-color: #f1f5f9;
  color: var(--hinpl-navy);
  font-weight: 600;
  border-bottom: 2px solid var(--hinpl-border);
  padding: 0.75rem 1rem;
}

.hinpl-page table.table td {
  padding: 0.75rem 1rem;
  vertical-align: middle;
  border-bottom: 1px solid var(--hinpl-border);
}

/* Mobile inputs >= 16px to prevent iOS auto-zoom */
@media (max-width: 768px) {
  .hinpl-page input,
  .hinpl-page select,
  .hinpl-page textarea {
    font-size: 16px !important;
  }
}

/* Print Styles for A4 Placement Report */
@media print {
  body {
    background: #fff !important;
    color: #000 !important;
    font-size: 11pt !important;
  }

  .d-print-none,
  .btn,
  #page-header,
  #page-footer,
  footer,
  nav,
  .pagination,
  .breadcrumb,
  .navbar {
    display: none !important;
  }

  .hinpl-page,
  .hinpl-result-page,
  .container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .card {
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    page-break-inside: avoid;
  }

  table {
    border-collapse: collapse !important;
    width: 100% !important;
  }

  table th, table td {
    border: 1px solid #333 !important;
    padding: 6px 8px !important;
  }

  tr {
    page-break-inside: avoid;
  }

  .alert {
    border: 1px solid #333 !important;
    background: #f8f9fa !important;
    color: #000 !important;
  }
}