#modalRoot .ws-parity .intake-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
#modalRoot .ws-parity .intake-grid .full{grid-column:1/-1}
#modalRoot .ws-parity .intake-grid textarea{min-height:100px}
#modalRoot .ws-parity .check{display:flex;align-items:center;gap:10px}
#modalRoot .ws-parity .check input,#modalRoot .ws-parity input[type=checkbox]{width:auto;display:inline-block}
#modalRoot .ws-parity .photo-upload{border:1px solid #bfd6c8;border-radius:12px;padding:16px;margin:20px 0;background:#f5faf7}
#modalRoot .ws-parity .photo-upload legend{font-weight:700}
#modalRoot .ws-parity .photo-upload p{margin:8px 0}
#modalRoot .ws-parity .photo-upload [role=status]{font-weight:600;color:#164b36}
#modalRoot .ws-parity .job-details{border:1px solid #d6e5dd;border-radius:12px;padding:16px;margin:20px 0}
#modalRoot .ws-parity .job-details summary{font-size:18px;font-weight:700;cursor:pointer}
#modalRoot .ws-parity input:disabled,#modalRoot .ws-parity textarea:disabled,#modalRoot .ws-parity select:disabled{opacity:1;color:#173c30;background:#f5f8f6}
#modalRoot .ws-parity .photos figcaption{overflow-wrap:anywhere}
@media (max-width:600px){#modalRoot .ws-parity .intake-grid{grid-template-columns:1fr}
#modalRoot .ws-parity .intake-grid .full{grid-column:auto}}
#modalRoot .ws-parity .angle-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#modalRoot .ws-parity .angle-photo-grid>div{border:1px solid #bfd6c8;border-radius:10px;padding:12px;min-width:0}
#modalRoot .ws-parity .angle-photo-grid input{max-width:100%;font-size:13px}
#modalRoot .ws-parity .damage-tabs{display:flex;flex-wrap:wrap}
#modalRoot .ws-parity .damage-tabs [aria-pressed=true]{background:#277e60;outline:2px solid #163e30}
#modalRoot .ws-parity [data-damage-editor]{border:1px solid #bfd6c8;border-radius:12px;padding:16px;margin:20px 0}
#modalRoot .ws-parity [data-damage-canvas]{max-width:600px;margin:16px auto}
#modalRoot .ws-parity [data-damage-canvas] svg{display:block;width:100%;height:260px;border:1px solid #bfd6c8;background:#f8fbf9;cursor:crosshair;touch-action:manipulation}
#modalRoot .ws-parity .vehicle-outline{stroke:#366655;stroke-width:2;fill:#e1eee8}
#modalRoot .ws-parity .damage-mark circle{fill:#b13434;stroke:white;stroke-width:2}
#modalRoot .ws-parity .damage-mark text{fill:white;font:bold 12px sans-serif}
#modalRoot .ws-parity [data-damage-list]{padding-left:22px}
#modalRoot .ws-parity [data-damage-list] li{padding:5px;overflow-wrap:anywhere}
@media (max-width:700px){#modalRoot .ws-parity .angle-photo-grid{grid-template-columns:1fr}
#modalRoot .ws-parity [data-damage-canvas] svg{height:180px}}
#modalRoot .ws-parity .wizard-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:22px 0 28px;padding-bottom:22px;border-bottom:1px solid #dce7e1;scroll-margin-top:20px}
#modalRoot .ws-parity .wizard-progress button{display:flex;align-items:center;gap:9px;text-align:left;background:#f1f6f3;color:#587063;padding:12px;font-size:13px}
#modalRoot .ws-parity .wizard-progress span{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border:1px solid #c8dbcf;border-radius:50%;font-size:12px}
#modalRoot .ws-parity .wizard-progress [aria-current=step]{background:#155c43;color:white}
#modalRoot .ws-parity .wizard-progress [aria-current=step] span{border-color:#8abca4;background:#ffffff15}
#modalRoot .ws-parity .wizard-panel[hidden],#modalRoot .ws-parity .wizard-actions [hidden]{display:none!important}
#modalRoot .ws-parity .wizard-panel>h3{margin-top:0}
#modalRoot .ws-parity .wizard-panel{min-height:300px}
#modalRoot .ws-parity .wizard-actions{display:flex;align-items:center;gap:16px;justify-content:flex-end;border-top:1px solid #dce7e1;padding-top:20px;margin-top:24px}
#modalRoot .ws-parity .wizard-actions [data-back]{margin-right:auto;background:#edf4ef;color:#28533e}
#modalRoot .ws-parity .wizard-actions p{font-size:13px}
#modalRoot .ws-parity .wizard-review{background:#f5f9f6;border:1px solid #dce7e1;border-radius:12px;padding:20px}
#modalRoot .ws-parity .wizard-review h4{margin-top:0}
#modalRoot .ws-parity .wizard-review dl{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#modalRoot .ws-parity .wizard-review dt{font-size:12px;color:#64786e}
#modalRoot .ws-parity .wizard-review dd{margin:4px 0;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}
#modalRoot .ws-parity .wizard-review p{font-size:14px}
@media (max-width:700px){#modalRoot .ws-parity .wizard-progress{grid-template-columns:1fr 1fr;gap:6px}
#modalRoot .ws-parity .wizard-progress button{font-size:12px;padding:9px}
#modalRoot .ws-parity .wizard-review dl{grid-template-columns:1fr}
#modalRoot .ws-parity .wizard-actions{gap:8px}
#modalRoot .ws-parity .wizard-actions button{padding:10px;font-size:12px}
#modalRoot .ws-parity .wizard-actions p{font-size:11px}}
#modalRoot .ws-parity .completion-picker{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px}
#modalRoot .ws-parity .completion-picker input{min-width:0;width:100%}
#modalRoot .ws-parity .completion-hint{display:block;font-size:12px;font-weight:400;color:#64786e;margin-top:6px}
#modalRoot .ws-parity .wizard-progress button,#modalRoot .ws-parity .wizard-actions button{min-height:44px}
#modalRoot .ws-parity button,#modalRoot .ws-parity input,#modalRoot .ws-parity select,#modalRoot .ws-parity textarea{touch-action:manipulation}
#modalRoot .ws-parity input,#modalRoot .ws-parity textarea,#modalRoot .ws-parity select{font-size:16px}
#modalRoot .ws-parity main{padding-bottom:max(32px,env(safe-area-inset-bottom))}
#modalRoot .ws-parity body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
@media (pointer:coarse){#modalRoot .ws-parity button,#modalRoot .ws-parity .damage-tabs button,#modalRoot .ws-parity .angle-photo-grid button{min-height:44px}
#modalRoot .ws-parity input[type=checkbox]{width:22px;height:22px;min-height:22px}
#modalRoot .ws-parity .angle-photo-grid input{font-size:16px}
#modalRoot .ws-parity .table{-webkit-overflow-scrolling:touch}}
@media (min-width:701px) and (max-width:1100px){#modalRoot .ws-parity .wizard-progress{grid-template-columns:repeat(3,minmax(0,1fr))}
#modalRoot .ws-parity .wizard-progress button{font-size:13px}
#modalRoot .ws-parity .angle-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#modalRoot .ws-parity header{align-items:flex-start}
#modalRoot .ws-parity nav{gap:8px}
#modalRoot .ws-parity section{padding:24px}}
#modalRoot .ws-parity .reason-add{margin-top:8px}
#modalRoot .ws-parity .reason-add [hidden],#modalRoot .ws-parity .voice-note [hidden]{display:none!important}
#modalRoot .ws-parity .reason-add>[data-add]{background:transparent;color:#155c43;padding:4px 0;margin:0;font-size:13px}
#modalRoot .ws-parity .reason-add [data-editor],#modalRoot .ws-parity .reason-add [data-chips]{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#modalRoot .ws-parity .reason-add [data-editor]{padding:12px;background:#f1f7f3;border-radius:8px}
#modalRoot .ws-parity .reason-add input{flex:1;min-width:160px}
#modalRoot .ws-parity .reason-add button,#modalRoot .ws-parity .voice-note button{min-height:44px;margin:4px 0}
#modalRoot .ws-parity .reason-add [data-chips] button{background:#e7f3ed;color:#155c43;padding:8px 12px}
#modalRoot .ws-parity .reason-add small,#modalRoot .ws-parity .voice-note small{display:block;font-size:13px;margin:6px 0}
#modalRoot .ws-parity .voice-note{padding:14px;background:#f3f8f5;border:1px solid #dce7e1;border-radius:10px;margin-top:10px}
#modalRoot .ws-parity .voice-note p{margin:0 0 8px;font-size:13px}
#modalRoot .ws-parity .voice-note audio{display:block;max-width:100%;margin:10px 0}
#modalRoot .ws-parity .voice-note label{margin-top:12px}
#modalRoot .ws-parity .warning-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;background:#f5f9f7;border-radius:8px}
#modalRoot .ws-parity .warning-checks label{display:flex!important;align-items:center;gap:10px;margin:0!important;font-weight:400}
#modalRoot .ws-parity .warning-checks input{width:20px!important;height:20px;flex:0 0 20px;margin:0!important}
@media (max-width:600px){#modalRoot .ws-parity .warning-checks{grid-template-columns:1fr}}
#modalRoot .ws-parity .recording-indicator{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;margin:12px 0;background:#fff0f0;border:1px solid #efb9b9;border-radius:10px;color:#a22222}
#modalRoot .ws-parity .recording-dot{width:11px;height:11px;border-radius:50%;background:#dc3434;animation:recording-pulse 1s ease-in-out infinite}
#modalRoot .ws-parity .recording-bars{display:flex;align-items:center;gap:4px;height:26px}
#modalRoot .ws-parity .recording-bars i{display:block;width:4px;height:22px;background:#cd3434;border-radius:3px;animation:recording-wave .8s ease-in-out infinite alternate}
#modalRoot .ws-parity .recording-bars i:nth-child(2){animation-delay:-.2s}
#modalRoot .ws-parity .recording-bars i:nth-child(3){animation-delay:-.5s}
#modalRoot .ws-parity .recording-bars i:nth-child(4){animation-delay:-.3s}
#modalRoot .ws-parity .recording-bars i:nth-child(5){animation-delay:-.65s}
#modalRoot .ws-parity [data-recording-time]{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600;font-size:14px}
#modalRoot .ws-parity .is-recording [data-stop]{background:#b72f2f;color:white}
@keyframes  recording-pulse{50%{opacity:.35;box-shadow:0 0 0 5px #dc343425}}
@keyframes  recording-wave{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){#modalRoot .ws-parity .recording-dot,#modalRoot .ws-parity .recording-bars i{animation:none}}
#modalRoot .ws-parity{width:min(1100px,96vw);max-width:96vw;background:white}
#modalRoot .ws-parity .modal-body{max-height:78vh;overflow:auto;padding:24px}
#modalRoot .ws-parity label{display:block;margin:12px 0;font-weight:600}
#modalRoot .ws-parity input,#modalRoot .ws-parity textarea,#modalRoot .ws-parity select{max-width:100%;min-width:0}
#modalRoot .ws-parity textarea{min-height:100px}
#modalRoot .ws-parity button{border-radius:9px;padding:11px 15px;background:#155c43;color:white;border:0;cursor:pointer}
#modalRoot .ws-parity .modal-close{background:transparent;color:#173c30}
#modalRoot .ws-parity .photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
#modalRoot .ws-parity .photos img{max-width:100%;max-height:220px;object-fit:contain}
#modalRoot .ws-parity [hidden]{display:none!important}
#modalRoot .ws-parity audio{max-width:100%}
#modalRoot .ws-parity [data-error]{color:#9c2e2e;white-space:pre-wrap}
@media(max-width:600px){#modalRoot .ws-parity .modal-body{padding:14px}#modalRoot .ws-parity{max-width:98vw}}


/* ERP Workshop forms: inherit system colours without depending on .form-grid. */
#modalRoot .modal.large.ws-parity {
  width:min(1000px,calc(100vw - 32px))!important;
  max-width:1000px;
  grid-template-rows:auto minmax(0,1fr)!important;
  border:1px solid var(--line,#dfe6e2);
  border-radius:16px;
  color:var(--ink,#15231f);
  font-family:inherit;
}
#modalRoot .ws-parity>.modal-head {padding:18px 24px!important}
#modalRoot .ws-parity>.modal-body {padding:22px 24px!important;max-height:calc(92dvh - 72px);background:#f5f8f6}
#modalRoot .ws-parity .modal-head h2 {font-family:inherit;font-size:18px!important;font-weight:700}
#modalRoot .ws-parity .modal-close {display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:8px;background:#f0f5f2;color:var(--deep,#12352d);font-size:22px}
#modalRoot .ws-parity form {margin:0;min-width:0}
#modalRoot .ws-parity label {display:flex;flex-direction:column;align-items:stretch;gap:7px;margin:0;color:#30463d;font-size:13px;font-weight:600;line-height:1.5;min-width:0}
#modalRoot .ws-parity input:not([type=checkbox]):not([type=hidden]),
#modalRoot .ws-parity select,
#modalRoot .ws-parity textarea {
  display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;
  margin:0;padding:11px 13px;border:1px solid #d7e0dc;border-radius:10px;
  background:#fff;color:var(--ink,#15231f);
  font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;outline:0;
  transition:border-color .15s,box-shadow .15s;
}
#modalRoot .ws-parity input:not([type=checkbox]):not([type=hidden]),#modalRoot .ws-parity select {min-height:44px}
#modalRoot .ws-parity textarea {min-height:90px;resize:vertical}
#modalRoot .ws-parity input:focus,#modalRoot .ws-parity select:focus,#modalRoot .ws-parity textarea:focus {border-color:var(--green,#2ca878);box-shadow:0 0 0 3px #2ca87816}
#modalRoot .ws-parity input[readonly],#modalRoot .ws-parity textarea[readonly],#modalRoot .ws-parity input:disabled,#modalRoot .ws-parity select:disabled,#modalRoot .ws-parity textarea:disabled {background:#f2f6f3;color:#5b6d64;opacity:1}
#modalRoot .ws-parity ::placeholder {color:#8b9992;font-weight:400}
#modalRoot .ws-parity .intake-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;margin:18px 0}
#modalRoot .ws-parity .intake-grid .full {grid-column:1/-1}
#modalRoot .ws-parity .ws-form-section {margin:18px 0;padding:22px;background:#fff;border:1px solid var(--line,#dfe6e2);border-radius:12px}
#modalRoot .ws-parity h3 {font-size:15px;font-weight:700;color:var(--deep,#12352d);margin:0 0 18px}
#modalRoot .ws-parity .ws-form-section>p {font-size:12px;line-height:1.6;color:var(--muted,#6d7a76);margin:10px 0}
#modalRoot .ws-parity .ws-registration-number {display:grid;grid-template-columns:minmax(220px,1fr) 1fr;align-items:end;gap:22px;padding:20px 22px;border:1px solid #cfe4d9;border-radius:12px;background:#edf6f1}
#modalRoot .ws-parity .ws-registration-number input {font-size:17px!important;font-weight:700!important;letter-spacing:1px}
#modalRoot .ws-parity .ws-registration-number p {font-size:12px;line-height:1.6;color:#587264;margin:0 0 4px}
#modalRoot .ws-parity .ws-form-actions {display:flex;justify-content:flex-end;gap:10px;padding:16px 0 0;margin-top:20px;border-top:1px solid var(--line,#dfe6e2)}
#modalRoot .ws-parity button {font-family:inherit;font-size:13px;font-weight:600;line-height:1.5}
#modalRoot .ws-parity .btn.primary,#modalRoot .ws-parity [data-parity-save] {background:var(--deep,#12352d);color:#fff;padding:12px 22px;min-height:44px;border-radius:10px}
#modalRoot .ws-parity .btn.secondary {background:#eaf1ed;color:var(--deep,#12352d);padding:12px 18px;min-height:44px;border-radius:10px}
#modalRoot .ws-parity .btn:hover {filter:brightness(.96)}
#modalRoot .ws-parity .check {flex-direction:row;align-items:center;gap:10px}
#modalRoot .ws-parity input[type=checkbox] {width:18px;height:18px;min-height:18px;margin:0;accent-color:var(--deep,#12352d)}
#modalRoot .ws-parity [data-error]:empty {display:none}
#modalRoot .ws-parity [data-error]:not(:empty) {padding:12px;background:#fff0ee;border-radius:10px;margin:0 0 16px}
#modalRoot .ws-parity .wizard-panel {padding:20px;background:#fff;border:1px solid var(--line,#dfe6e2);border-radius:12px}
#modalRoot .ws-parity .wizard-panel>label {margin:16px 0}
#modalRoot .ws-parity .wizard-panel .intake-grid {margin-top:0}
#modalRoot .ws-parity [data-job-details]>.intake-grid {padding:20px;background:#fff;border:1px solid var(--line,#dfe6e2);border-radius:12px}
#modalRoot .ws-parity [data-job-details]>label {margin:16px 0}
#modalRoot .ws-parity [data-job-details]>h3 {margin-top:20px}
@media(max-width:600px){
  #modalRoot .modal.large.ws-parity {width:calc(100vw - 16px)!important;border-radius:12px}
  #modalRoot .ws-parity>.modal-head {padding:14px 16px!important}
  #modalRoot .ws-parity>.modal-body {padding:14px!important;max-height:calc(94dvh - 60px)}
  #modalRoot .ws-parity .ws-registration-number {grid-template-columns:1fr;gap:10px;padding:16px}
  #modalRoot .ws-parity .ws-form-section {padding:16px}
  #modalRoot .ws-parity .intake-grid {grid-template-columns:1fr;gap:16px}
  #modalRoot .ws-parity .intake-grid .full {grid-column:auto}
  #modalRoot .ws-parity .wizard-panel {padding:14px}
  #modalRoot .ws-parity input:not([type=checkbox]),#modalRoot .ws-parity select,#modalRoot .ws-parity textarea {font-size:16px}
}