/* V87 — final, scoped refinements. Loaded last to avoid legacy CSS conflicts. */
/* Navy shells: force readable copy only inside shells that are actually navy. */
body.jawda-experience-v87 :is(.jawda-page-heading,.workspace-hero,.jawda-workspace-hero,.tw-hero,.project-panel-head,.rw-panel-head,.page-title-bar){color:#fff!important}
body.jawda-experience-v87 :is(.jawda-page-heading,.workspace-hero,.jawda-workspace-hero,.tw-hero,.project-panel-head,.rw-panel-head,.page-title-bar) :is(h1,h2,h3,h4,h5,strong,p,small,label){color:#fff!important}
body.jawda-experience-v87 :is(.jawda-page-heading,.workspace-hero,.jawda-workspace-hero,.tw-hero) :is(p,small,.text-muted){color:#dce9fb!important}

/* Card headers are navy in V86, but controls keep their own contrasting ink. */
body.jawda-experience-v87 .soft-card>.card-head{color:#fff!important}
body.jawda-experience-v87 .soft-card>.card-head :is(h1,h2,h3,h4,h5,strong,.fw-bold){color:#fff!important}
body.jawda-experience-v87 .soft-card>.card-head :is(.btn-light,.btn-outline-light,.order-back-btn){color:#123b73!important;background:#fff!important;border-color:#c9d8ec!important}
body.jawda-experience-v87 .soft-card>.card-head :is(.btn-light,.btn-outline-light,.order-back-btn) :is(i,span,strong){color:inherit!important}
body.jawda-experience-v87 .soft-card>.card-head :is(.btn-outline-secondary,.btn-outline-primary,.form-control,.form-select){color:#123b73!important;background:#fff!important;border-color:#c9d8ec!important}
body.jawda-experience-v87 .soft-card>.card-head :is(.form-control,.form-select)::placeholder{color:#71839d!important}
body.jawda-experience-v87 .soft-card>.card-head option{color:#17365f!important;background:#fff!important}

/* White surfaces never inherit white text from an outer legacy selector. */
body.jawda-experience-v87 :is(.work-area,.card-body,.modal-body,.order-item,.order-category-card){color:#18395f}
body.jawda-experience-v87 :is(.work-area,.card-body,.modal-body,.order-item,.order-category-card) :is(h1,h2,h3,h4,h5,strong,.fw-bold){color:#102f61}

/* Student devices */
.jawda-experience-v87 .student-devices-card details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;color:#092b61;font-weight:900}
.jawda-experience-v87 .student-devices-card details>summary::-webkit-details-marker{display:none}
.jawda-experience-v87 .student-devices-card details>summary span{display:flex;align-items:center;gap:9px}
.jawda-experience-v87 .student-device-list{display:grid;gap:10px;margin-top:15px}
.jawda-experience-v87 .student-device-item{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid #d9e5f5;border-radius:15px;background:linear-gradient(145deg,#fff,#f5f9ff)}
.jawda-experience-v87 .student-device-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#1d4fa3,#07255c);box-shadow:0 8px 16px #153d7a33;font-size:1.15rem}
.jawda-experience-v87 .student-device-item small{display:block;color:#667b98;margin-top:3px}
.jawda-experience-v87 .student-device-note{margin:2px 0 0;color:#657994;font-size:.77rem}

/* Responsible enrollment editor: full available width and one useful row. */
.jawda-experience-v87.enrollment-editor-page>.row,.jawda-experience-v87.enrollment-editor-page .tw-main{width:100%;max-width:none;flex:0 0 100%}
.jawda-experience-v87.enrollment-editor-page .tw-main{padding-inline:clamp(10px,2vw,28px)}
.jawda-experience-v87.enrollment-editor-page .enr-table-wrap{border:1px solid #d5e2f3;border-radius:18px;background:#fff}
.jawda-experience-v87.enrollment-editor-page .enr-table{min-width:1320px;margin:0;border-collapse:separate;border-spacing:0}
.jawda-experience-v87.enrollment-editor-page .enr-table thead th{background:#092d66;color:#fff;border:0;padding:12px 8px;white-space:nowrap}
.jawda-experience-v87.enrollment-editor-page .enr-table tbody tr:nth-child(even){background:#f4f8fe}
.jawda-experience-v87.enrollment-editor-page .enr-table tbody tr:nth-child(odd){background:#fff}
.jawda-experience-v87.enrollment-editor-page .enr-table td{padding:9px 7px;border-color:#e1e9f4;white-space:nowrap}
.jawda-experience-v87 .enr-actions-cell,.jawda-experience-v87 .dues-icon-actions,.jawda-experience-v87 .enrollment-icon-actions{display:flex;align-items:center;justify-content:center;gap:7px}
.jawda-experience-v87 :is(.enr-actions-cell,.dues-icon-actions,.enrollment-icon-actions) .btn{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border-radius:12px}

/* Financial dues and reports */
.jawda-experience-v87 .rw-table{border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #d6e2f2;border-radius:16px}
.jawda-experience-v87 .rw-table thead th{background:#0a2d65!important;color:#fff!important;border:0;padding:13px 10px;white-space:nowrap}
.jawda-experience-v87 .rw-table tbody tr:nth-child(odd)>*{background:#fff}
.jawda-experience-v87 .rw-table tbody tr:nth-child(even)>*{background:#f1f6fd}
.jawda-experience-v87 .rw-table tbody tr:hover>*{background:#e8f1ff}
.jawda-experience-v87 .rw-table td{padding:13px 10px;border-color:#dfe8f4;vertical-align:middle}
.jawda-experience-v87 .enrollment-status-action{display:grid;grid-template-columns:minmax(155px,1fr) 42px;align-items:center;gap:7px;min-width:205px}
.jawda-experience-v87 .enrollment-status-action .btn{display:grid;place-items:center;width:42px;height:38px;padding:0;border-radius:11px}

/* Teacher bulk activation course navigation */
.jawda-experience-v87 .actv-course-nav{display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,420px);align-items:center;gap:15px;padding:14px;border:1px solid #d7e3f3;border-radius:17px;background:linear-gradient(145deg,#fff,#f1f6fe)}
.jawda-experience-v87 .actv-course-nav label{display:flex;align-items:center;gap:10px;margin:0;color:#0a2d65}
.jawda-experience-v87 .actv-course-nav label span:last-child{display:grid}
.jawda-experience-v87 .actv-course-nav small{color:#70829b;font-weight:600}
.jawda-experience-v87 .actv-course-nav .form-select{min-height:48px;border-radius:13px;border-color:#bfd1e9;font-weight:800;color:#123b73}

/* Keep sidebar controls clickable after opening dense pages. */
.jawda-experience-v87 .tw-sidebar,.jawda-experience-v87 .responsible-sidebar,.jawda-experience-v87 [data-sidebar]{position:relative;z-index:20}
.jawda-experience-v87 .tw-main{position:relative;z-index:1}
.jawda-experience-v87 .part-price-filters{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:16px;padding:13px;border:1px solid #d8e4f3;border-radius:16px;background:#f6f9fe}
.jawda-experience-v87 .part-price-filters label{display:grid;gap:6px;color:#173d72;font-size:.78rem;font-weight:800}
.jawda-experience-v87 .part-price-save-row{display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:12px}

@media(max-width:991.98px){
  .jawda-experience-v87.enrollment-editor-page>.row,.jawda-experience-v87.enrollment-editor-page .tw-main{width:auto;max-width:100%;flex:1 1 auto}
  .jawda-experience-v87 .actv-course-nav{grid-template-columns:1fr}
  .jawda-experience-v87 .part-price-filters{grid-template-columns:1fr}
  .jawda-experience-v87 .rw-table{min-width:760px}
}
@media(max-width:575.98px){
  .jawda-experience-v87 .student-device-item{grid-template-columns:42px 1fr}.jawda-experience-v87 .student-device-item>.badge{grid-column:2}
  .jawda-experience-v87 .actv-course-nav{padding:11px}
  .jawda-experience-v87 .enrollment-status-action{grid-template-columns:minmax(140px,1fr) 40px}
}