/* Shared form styling for the management system */
.frm label{display:block;font-size:12.6px;font-weight:700;color:#33415c;margin:9px 0 4px}
.frm label small{font-weight:400;color:#7b89a0}
.frm input[type=text],.frm input[type=password],.frm input[type=email],.frm input[type=number],
.frm input[type=date],.frm input[type=time],.frm input[type=datetime-local],.frm input[type=file],
.frm select,.frm textarea{
  width:100%;padding:8px 9px;border:1px solid #d6deea;border-radius:5px;font-size:13.8px;font-family:inherit;background:#fff;color:#1b2430}
.frm input:focus,.frm select:focus,.frm textarea:focus{outline:2px solid #bed3f5;border-color:#8bb0e8}
.frm input[disabled],.frm input[readonly]{background:#f3f6fa;color:#5b6b82}
.frm textarea{resize:vertical}
.fg2{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}
.fg3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 14px}
.fg4{display:grid;grid-template-columns:repeat(4,1fr);gap:0 14px}
.span2{grid-column:span 2}
.frm .chk{display:inline-flex;align-items:center;gap:7px;font-weight:600;margin:10px 18px 2px 0;font-size:13.2px}
.frm .chk input{width:auto}
.chk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:4px 14px;margin-top:6px}
.chk-grid code{background:#f1f5fa;padding:0 4px;border-radius:3px;color:#64748b;font-size:11.5px}
.sub{margin:18px 0 6px;color:#0b2a5b;font-size:15px;border-bottom:1px solid #eef2f8;padding-bottom:5px}
.form-actions{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap}
.frm.compact-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.frm.compact-row input,.frm.compact-row select{width:auto;min-width:160px;flex:1}
.frm.compact{display:flex;gap:6px;margin-top:6px}
.frm.bordered{border:1px solid #e3e9f2;border-radius:8px;padding:12px;margin-bottom:12px;background:#fbfcfe}
.frm .hint{font-size:12.2px;color:#64748b;margin:6px 0 0}
.vol-calc{border:1px dashed #cdd8e8;border-radius:7px;padding:10px;margin-top:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.vol-calc legend{font-size:12px;color:#64748b;font-weight:700}
.vol-calc input{width:120px;padding:6px 8px;border:1px solid #d6deea;border-radius:5px}
.add-row{display:flex;gap:8px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.add-row input{padding:8px 9px;border:1px solid #d6deea;border-radius:5px;min-width:260px}
.docket-form .card{margin-bottom:14px}
@media(max-width:1100px){.fg4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.fg2,.fg3,.fg4{grid-template-columns:1fr}.span2{grid-column:auto}}