/* ============================================================
   Equipment Load List — Load_List_Form.php
   Table / title look comes from style.css (.mm-dynamic-table,
   .mm-dynamic-table-wrap, .mm-section-title). This file only adds
   load-list specifics, scoped to .mm-ll-section / mm-ll-* classes.
   ============================================================ */

/* ---------- Grouting / Shoring bar ---------- */
.mm-ll-config{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:10px 14px;border:1px solid var(--border-gray);border-left:4px solid var(--primary-red);border-radius:4px;background:var(--light-gray);margin-bottom:16px;}
.mm-ll-config .form-switch{margin:0;}
.mm-ll-config .form-check-label{font-weight:600;font-size:14px;}
.mm-ll-config .form-check-input:checked{background-color:var(--primary-red);border-color:var(--primary-red);}
.mm-ll-config .form-check-input:focus{border-color:var(--primary-red);box-shadow:0 0 0 0.2rem rgba(223,22,23,0.15);}
.mm-ll-config small{font-size:12px;}

/* ---------- Truck summary chips ---------- */
.mm-ll-trucks{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px;}
.mm-ll-trucks strong{font-family:'Roboto Condensed',sans-serif;text-transform:uppercase;font-size:13px;}
.mm-ll-trucks strong i{color:var(--primary-red);}
.mm-ll-trucks .mm-ll-chip{background:var(--secondary-black);color:var(--white);border-left:3px solid var(--primary-red);border-radius:3px;padding:3px 10px;font-size:12px;font-weight:600;cursor:default;}
.mm-ll-trucks .mm-ll-chip.mm-ll-chip-warn{background:var(--notice-orange);border-left-color:var(--notice-orange-hover);}

/* ---------- Section title (adds the "X filled" count on the right) ---------- */
.mm-ll-section{margin-bottom:8px;}
.mm-ll-section .mm-section-title{display:flex;justify-content:space-between;align-items:center;gap:8px;}
.mm-ll-section .mm-ll-count{font-family:'Open Sans',sans-serif;font-weight:400;font-size:12px;text-transform:none;letter-spacing:0;color:rgba(255,255,255,0.7);white-space:nowrap;}

/* ---------- Columns ---------- */
.mm-ll-section .mm-dynamic-table thead th{text-align:left;}
.mm-ll-section .mm-dynamic-table .mm-ll-label{width:40%;font-size:14px;color:var(--text-dark);}
.mm-ll-section .mm-dynamic-table .mm-ll-label label{margin:0;font-weight:400;}
.mm-ll-section .mm-dynamic-table .mm-ll-truck-cell{width:110px;}
.mm-ll-section .mm-dynamic-table tbody td{padding:6px 8px;}
.mm-ll-section .mm-ll-truck{text-align:center;font-weight:600;}
.mm-ll-section .mm-ll-truck.mm-ll-has-truck{border-color:var(--primary-red);background:#fff5f5;color:var(--primary-dark);}
.mm-ll-section .form-check{margin:0;}
.mm-ll-section .form-check-input:checked{background-color:var(--primary-red);border-color:var(--primary-red);}

/* ---------- Sub-headings inside a list (Setup / Support Equipment, etc.) ---------- */
.mm-ll-section .mm-dynamic-table tbody tr.mm-ll-subhead th{background:var(--light-gray);color:var(--secondary-black);font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;padding:7px 10px;border-bottom:1px solid var(--medium-gray);border-left:3px solid var(--primary-red);}

/* ---------- Reminder row ---------- */
.mm-ll-section .mm-dynamic-table tbody tr.mm-ll-alert-row td{background:#fff8ec;color:var(--notice-orange-hover);font-size:13px;font-weight:600;padding:7px 10px;}
.mm-ll-section .mm-ll-alert-row i{color:var(--notice-orange);margin-right:4px;}

/* ---------- Notes row ---------- */
.mm-ll-section .mm-dynamic-table tbody tr.mm-ll-notes-row td{padding:10px;background:var(--white);}
.mm-ll-section .mm-ll-notes-row .form-label{font-family:'Roboto Condensed',sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:0.5px;}

/* ---------- Inline pairs (crossing, cutting head) ---------- */
.mm-ll-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.mm-ll-inline input{flex:1 1 110px;min-width:90px;}
.mm-ll-inline span{white-space:nowrap;font-size:13px;color:var(--text-muted);}

/* ---------- Universal items not used on HDD ---------- */
.mm-ll-na-badge{display:none;font-size:10px;font-weight:700;text-transform:uppercase;background:var(--text-muted);color:var(--white);border-radius:3px;padding:1px 6px;margin-left:6px;vertical-align:middle;}
.mm-ll-is-hdd .mm-ll-hddna{opacity:.5;}
.mm-ll-is-hdd .mm-ll-na-badge{display:inline-block;}

/* ---------- Mud sill / deck board reference ---------- */
.mm-ll-section .mm-dynamic-table tbody tr.mm-ll-ref-row td{padding:8px 10px;background:var(--light-gray);}
.mm-ll-ref summary{cursor:pointer;font-size:13px;font-weight:600;}
.mm-ll-ref summary i{color:var(--primary-red);margin-right:4px;}
.mm-ll-ref-table{width:100%;margin-top:8px;font-size:12px;background:var(--white);border-collapse:collapse;}
.mm-ll-ref-table th{background:var(--secondary-black);color:var(--white);font-family:'Roboto Condensed',sans-serif;text-transform:uppercase;font-size:11px;padding:5px 8px;}
.mm-ll-ref-table td{border:1px solid var(--medium-gray);padding:4px 8px;}

/* ---------- Locked header fields ---------- */
.mm-form-body .form-control.mm-ll-ro{background:var(--light-gray);color:var(--text-dark);cursor:default;}
.mm-ll-lock{font-size:11px;color:var(--text-muted);margin-left:3px;}

/* ---------- Phones: label on top, value + truck underneath ---------- */
@media (max-width:576px){
  .mm-ll-section .mm-dynamic-table thead{display:none;}
  .mm-ll-section .mm-dynamic-table tbody tr.mm-ll-row{display:grid;grid-template-columns:1fr 80px;column-gap:6px;row-gap:4px;padding:8px 6px;border-bottom:1px solid var(--medium-gray);}
  .mm-ll-section .mm-dynamic-table tbody tr.mm-ll-row td{border:0;padding:0;width:auto!important;}
  .mm-ll-section .mm-dynamic-table tbody tr.mm-ll-row td.mm-ll-label{grid-column:1 / -1;font-weight:600;}
  .mm-ll-section .mm-dynamic-table tbody tr.mm-ll-row td.mm-ll-span{grid-column:1 / -1;}
}