.service-record-panel{position:relative}
.service-record-panel:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:2px;background:var(--accent,#c7a76a);opacity:.7}
.service-record-form{display:grid;gap:18px}
.service-record-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sweep-record-form .service-record-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}
.service-record-form label{display:grid;gap:7px;min-width:0}
.service-record-form label.completion-check{display:flex;padding:0;border:0;border-radius:0;background:transparent}
.service-record-form label>span{font-size:.875rem;font-weight:600}
.service-record-form em{font-style:normal;font-weight:400;color:var(--muted)}
.service-record-form input,.service-record-form select,.service-record-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;background:var(--card);color:inherit;padding:11px 12px;font:inherit}
.service-record-form .completion-check input{padding:0}
.service-record-form textarea{resize:vertical;min-height:88px}
.service-record-help{color:var(--muted);font-size:.8125rem;line-height:1.5}
.service-record-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.service-record-notes-wide{grid-column:1/-1}
.service-record-options{margin-top:0}
.service-record-options .service-record-notes{padding:8px 0 4px}
.service-record-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.service-record-form [hidden]{display:none!important}
@media(max-width:900px){
  .service-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .service-record-grid,.service-record-notes,.sweep-record-form .service-record-grid{grid-template-columns:1fr}
  .service-record-notes-wide{grid-column:auto}
  .service-record-panel:before{top:18px;bottom:18px}
  .service-record-actions .btn{width:100%}
}