/* Sprint 6G.10 — final pre-Damean form containment + pupil planned drives.
   No workflow/data-model changes. */

/* Full form-level containment for the native controls that still failed in 6G.9.
   The 6G.8 diary fix worked because the entire grid item chain was allowed to
   shrink, not only the date/time input itself. */
@media (min-width:651px) and (max-width:1100px){
  #blockEditor #blockForm,
  #settings .settings-card .grid,
  #publicEnquiryForm,
  #enquiryEditor .rc6c1-field-grid,
  #editor .rc6d1-section-grid{
    min-width:0!important;
    max-width:100%!important;
  }

  #blockEditor #blockForm>*,
  #settings .settings-card .grid>*,
  #publicEnquiryForm>*,
  #enquiryEditor .rc6c1-field-grid>*,
  #editor .rc6d1-section-grid>*{
    min-width:0!important;
    max-width:100%!important;
  }

  #blockEditor #blockForm input,
  #blockEditor #blockForm select,
  #settings .settings-card .grid input,
  #settings .settings-card .grid select,
  #publicEnquiryForm input,
  #publicEnquiryForm select,
  #enquiryEditor .rc6c1-field-grid input,
  #enquiryEditor .rc6c1-field-grid select,
  #editor .rc6d1-section-grid input,
  #editor .rc6d1-section-grid select{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Keep the proven wrapper model: wrapper owns the visible edge, native
     date/time control fills only the contained width. */
  #blockEditor .rc6g9-native-field,
  #settings .rc6g9-native-field,
  #publicEnquiryForm .rc6g9-native-field,
  #enquiryEditor .rc6g9-native-field,
  #editor .rc6g9-native-field{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden;
    contain:inline-size;
  }

  #blockEditor .rc6g9-native-box,
  #settings .rc6g9-native-box,
  #publicEnquiryForm .rc6g9-native-box,
  #enquiryEditor .rc6g9-native-box,
  #editor .rc6g9-native-box{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  #blockEditor .rc6g9-native-box>input,
  #settings .rc6g9-native-box>input,
  #publicEnquiryForm .rc6g9-native-box>input,
  #enquiryEditor .rc6g9-native-box>input,
  #editor .rc6g9-native-box>input{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  /* No Bookings is the only failed row with a non-native neighbour. The Repeat
     select must be shrinkable too or it can press into End time. */
  #blockEditor #blockRepeat,
  #blockEditor #blockCount{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
}

/* Planned drives: deliberately a simple chronological list, not another diary. */
.rc6g10-planned-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.rc6g10-planned-head h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rc6g10-planned-head p{margin:4px 0 12px;color:#60798c;font-size:.88rem}
.rc6g10-planned-count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#e8f2ff;color:#0759a8;font-size:.76rem;font-weight:900}
.rc6g10-planned-list{display:grid;gap:8px}
.rc6g10-planned-drive{appearance:none;-webkit-appearance:none;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;background:#fff;border:1px solid #d8e3ec;border-radius:12px;padding:11px 12px;color:#17324d;box-shadow:0 2px 7px #17324d0a}
.rc6g10-planned-drive:hover{border-color:#9fc4e6;background:#f8fbfe}
.rc6g10-planned-main{min-width:0}
.rc6g10-planned-date{font-weight:900;line-height:1.25}
.rc6g10-planned-meta{margin-top:3px;color:#60798c;font-size:.82rem;line-height:1.35}
.rc6g10-planned-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:5px 7px;font-size:.67rem;font-weight:900;line-height:1;white-space:nowrap;background:#edf2f6;color:#486579}
.rc6g10-planned-badge.paid{background:#e7f5ec;color:#17633a}
.rc6g10-planned-badge.unpaid{background:#fff1db;color:#9a5b00}
.rc6g10-planned-badge.credit{background:#e8f2ff;color:#0759a8}
.rc6g10-planned-badge.test{background:#eee9ff;color:#5d43b7}
.rc6g10-planned-empty{padding:12px;border:1px dashed #cad7e1;border-radius:11px;background:#f8fbfd;color:#60798c;font-size:.88rem}
#appView.theme-dark .rc6g10-planned-drive{background:#101c28!important;border-color:#40576a!important;color:var(--cs-dark-text)!important}
#appView.theme-dark .rc6g10-planned-meta{color:var(--cs-dark-muted)!important}
#appView.theme-dark .rc6g10-planned-empty{background:#132230!important;border-color:#52697b!important;color:#9fb3c3!important}
@media(max-width:560px){.rc6g10-planned-drive{grid-template-columns:minmax(0,1fr);gap:7px}.rc6g10-planned-badge{justify-self:start}}
