#consignment-cash-panel form label { display:flex; flex-direction:column; align-items:stretch; gap:9px; margin:20px 0; font-size:13px; }
#consignment-cash-panel form select,#consignment-cash-panel form input:not([type=checkbox]):not([type=hidden]),#consignment-cash-panel form textarea { width:100%; box-sizing:border-box; min-height:44px; padding:11px 13px; font:inherit; color:#294b3a; background:#fffefb; border:1px solid #cbd0c0; border-radius:3px; }
#consignment-cash-panel form label:has(input[type=checkbox]) { flex-direction:row; align-items:center; }
#consignment-cash-panel details { margin:18px 0; }
#consignment-cash-panel summary { padding:8px 0; cursor:pointer; }
#consignment-cash-panel form button,#cc-refresh { padding:10px 16px; border:1px solid #bbc4b1; background:#f3f5ed; color:#294b3a; font:inherit; cursor:pointer; }
#cc-add-consignor { margin:0 0 16px; }
#cc-refresh { margin:8px 0 20px; }
#cc-menu-button { font-family:inherit; }
#consignment-cash-panel h3 { margin-top:26px; }
#baybayin-master-data .md-tools { display:flex; align-items:end; gap:16px; flex-wrap:wrap; margin-bottom:24px; }
#baybayin-master-data label { display:flex; flex-direction:column; gap:9px; margin:18px 0; font-size:13px; }
#baybayin-master-data input:not([type=checkbox]),#baybayin-master-data select,#baybayin-master-data textarea { min-height:44px; width:100%; box-sizing:border-box; padding:11px 13px; font:inherit; color:#294b3a; background:#fffefb; border:1px solid #cbd0c0; }
#baybayin-master-data label:has(input[type=checkbox]) { flex-direction:row; align-items:center; }
#baybayin-master-data button { padding:10px 16px; border:1px solid #bbc4b1; background:#f3f5ed; color:#294b3a; font:inherit; cursor:pointer; margin-right:10px; }
#baybayin-master-data #md-form { padding:24px; border:1px solid #dddccf; margin:20px 0; }

/* Consignor compact rows v1 */
#consignment-cash-panel #cc-consignor,
#baybayin-master-data #md-form:has(input[name="contactPerson"]) {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px 22px;
  max-width: 900px;
  box-sizing: border-box;
}
#consignment-cash-panel #cc-consignor > label,
#baybayin-master-data #md-form:has(input[name="contactPerson"]) > label {
  margin: 0;
  min-width: 0;
  grid-column: span 3;
}
:is(#cc-consignor, #md-form) > label:has(input[name="name"]) {
  order: 1;
}
:is(#cc-consignor, #md-form) > label:has(input[name="contactPerson"]) {
  order: 2;
}
#consignment-cash-panel #cc-consignor > label:has(input[name="designation"]),
#consignment-cash-panel #cc-consignor > label:has(input[name="mobile"]),
#consignment-cash-panel #cc-consignor > label:has(input[name="phone"]),
#baybayin-master-data #md-form > label:has(input[name="designation"]),
#baybayin-master-data #md-form > label:has(input[name="mobile"]),
#baybayin-master-data #md-form > label:has(input[name="phone"]) {
  grid-column: span 2;
}
:is(#cc-consignor, #md-form) > label:has(input[name="designation"]) {
  order: 3;
}
:is(#cc-consignor, #md-form) > label:has(input[name="mobile"]) {
  order: 4;
}
:is(#cc-consignor, #md-form) > label:has(input[name="phone"]) {
  order: 5;
}
:is(#cc-consignor, #md-form) > label:has(input[name="email"]) {
  order: 6;
}
:is(#cc-consignor, #md-form) > label:has(input[name="code"]) {
  order: 7;
}
#baybayin-master-data #md-form:has(input[name="contactPerson"]) > label:has(input[name="active"]) {
  order: 8;
  grid-column: 1 / -1;
}
#cc-consignor > button,
#baybayin-master-data #md-form:has(input[name="contactPerson"]) > button {
  order: 9;
  justify-self: start;
}
#baybayin-master-data #md-form:has(input[name="contactPerson"]) > h3 {
  order: 0;
  grid-column: 1 / -1;
  margin: 0;
}
@media (max-width: 640px) {
  #consignment-cash-panel #cc-consignor,
  #baybayin-master-data #md-form:has(input[name="contactPerson"]) {
    grid-template-columns: 1fr;
  }
  #consignment-cash-panel #cc-consignor > label,
  #baybayin-master-data #md-form:has(input[name="contactPerson"]) > label {
    grid-column: 1 / -1;
  }
}