/* One ATS dialog theme for every module; individual dialogs retain their layout. */
@media screen {
 html body :is(dialog.wo-dialog,dialog) {
  box-sizing:border-box;
  border:1px solid #eadde0!important;
  border-top:4px solid #b21e31!important;
  border-radius:22px!important;
  background:#fff!important;
  color:#202a38!important;
  box-shadow:0 24px 80px #15203533!important;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:15px!important;
  max-width:calc(100vw - 32px);
  max-height:90vh;
 }
 html body :is(dialog.wo-dialog,dialog)::backdrop {background:#17283d66!important;backdrop-filter:blur(4px)!important}
 html body :is(dialog.wo-dialog,dialog) :is(h2,h3) {color:#202a38!important;font-family:inherit!important;font-weight:750!important;letter-spacing:-.4px}
 html body :is(dialog.wo-dialog,dialog) h2 {font-size:24px!important}
 html body :is(dialog.wo-dialog,dialog) :is(.wo-eyebrow,.iq-eyebrow) {color:#a72036!important;font-size:11px;font-weight:750;letter-spacing:1.3px}
 html body :is(dialog.wo-dialog,dialog) label {font-family:inherit!important;font-size:13px!important;font-weight:650!important;color:#354252!important}
 html body :is(dialog.wo-dialog,dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea) {
  box-sizing:border-box;font-family:inherit!important;font-size:15px!important;color:#202a38!important;
  border:1px solid #dce1e8!important;border-radius:9px!important;background:#fff!important;padding:12px!important;
 }
 html body :is(dialog.wo-dialog,dialog) :is(input,select,textarea):focus-visible {outline:3px solid #bd233a22!important;border-color:#a72036!important}
 html body :is(dialog.wo-dialog,dialog) :is(input,select,textarea)[aria-invalid=true] {border-color:#b21e31!important;background:#fff5f6!important}
 html body :is(dialog.wo-dialog,dialog) :is(button,a[data-channel]) {
  font-family:inherit!important;font-size:13px!important;font-weight:650!important;
  border:1px solid #195579!important;border-radius:9px!important;
  background:#195579!important;color:white!important;padding:11px 16px;cursor:pointer;
 }
 /* Company choices keep their white cards instead of the shared blue buttons. */
 html body dialog.forms-company-dialog .forms-company-options button {
  background:#fff!important;color:#202a38!important;border-color:#e2e5ea!important;
 }
 html body dialog.forms-company-dialog .forms-company-options button:hover,
 html body dialog.forms-company-dialog .forms-company-options button[aria-pressed=true] {
  border-color:#b82036!important;
 }
 html body :is(dialog.wo-dialog,dialog) :is(button,a[data-channel]):focus-visible {outline:3px solid #bd233a55!important;outline-offset:3px}
 html body :is(dialog.wo-dialog,dialog) :is(button,a[data-channel]):disabled {opacity:.5;cursor:not-allowed}
 html body :is(dialog.wo-dialog,dialog) :is([data-cancel],[data-close],button[value=cancel],#cancel-payment,.back) {background:#fff!important;border-color:#dce1e8!important;color:#354252!important}
 html body :is(dialog.wo-dialog,dialog) :is(.wo-dialog-actions,.iq-actions,.forms-county-dialog-actions,.wo-notify-actions) {gap:10px}
}

/* The formatted amount replaces the raw digits while the input is unfocused.
   Override the shared dialog input color so both layers never paint together. */
@media screen {
 html body :is(dialog.wo-dialog,dialog) .number-display.has-formatted-value>input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]) {
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
 }
}

/* Screen-only mobile workspace. Printed documents retain their existing layout. */
@media screen and (max-width:700px){
 html.dorian-mobile-workspace body #dnvs-preview{width:100%!important;max-width:100%!important;min-width:0!important;padding:0 12px 24px!important}
 html.dorian-mobile-workspace body #dnvs-preview>header{display:flex!important;flex-wrap:wrap!important;padding:18px 0!important;gap:8px!important}
 html.dorian-mobile-workspace body #dnvs-preview>header small{width:100%;text-align:left;font-size:11px!important}
 html.dorian-mobile-workspace body #dnvs-preview #dnvs-account{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0}
 html.dorian-mobile-workspace body #dnvs-preview #account-name{flex:1 1 100%;font-size:16px!important}
 html.dorian-mobile-workspace body #dnvs-preview #dnvs-account button{min-height:40px}
 html.dorian-mobile-workspace body #dnvs-preview main{min-width:0!important;max-width:100%!important;padding:18px 0!important}
 html.dorian-mobile-workspace body #dnvs-preview .panel{padding:16px!important}
 html.dorian-mobile-workspace body #dnvs-preview .businesses{grid-template-columns:1fr!important}
 html.dorian-mobile-workspace body #dnvs-preview #dnvs-home .business .logo{width:190px!important;height:190px!important}
 html.dorian-mobile-workspace body #dnvs-preview #ats-navigation{padding:16px 10px!important}
 html.dorian-mobile-workspace body #dnvs-preview #ats-navigation .ats-header-logo{height:70px!important;width:90px!important}
 html.dorian-mobile-workspace body #dnvs-preview #ats-navigation .ats-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;overflow:visible!important;width:100%!important}
 html.dorian-mobile-workspace body #dnvs-preview #ats-navigation .ats-tabs button{min-width:0!important;width:100%!important;min-height:48px;padding:10px 6px!important;font-size:12px!important;white-space:normal!important;letter-spacing:0!important}
 html.dorian-mobile-workspace.personal-station-nav body #dnvs-preview #ats-navigation .ats-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 html.dorian-mobile-workspace.personal-station-nav body #dnvs-preview #ats-navigation .ats-tabs button{font-size:11px!important;min-height:76px}
 html.dorian-mobile-workspace body #dnvs-preview :is(.live-report-head,.forms-workspace-header,.forms-workspace-filters,.order-command){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;padding:12px 0!important}
 html.dorian-mobile-workspace body #dnvs-preview :is(.live-report-left,.live-search-row,.forms-workspace-actions,.forms-workspace-heading,.live-dates){width:100%!important;min-width:0!important;max-width:100%!important}
 html.dorian-mobile-workspace body #dnvs-preview .live-search-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 html.dorian-mobile-workspace body #dnvs-preview :is(.live-report-head,.forms-workspace-header) h1{font-size:23px!important;max-width:100%;overflow-wrap:break-word}
 html.dorian-mobile-workspace body #dnvs-preview :is(.inspection-shortcuts,.forms-workspace-buttons){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:10px!important;margin:0!important}
 html.dorian-mobile-workspace body #dnvs-preview :is(.inspection-shortcuts,.forms-workspace-buttons) button{width:100%!important;min-width:0!important;padding:10px!important;white-space:normal!important;font-size:12px!important}
 html.dorian-mobile-workspace body #dnvs-preview .live-report-controls{padding:14px!important;gap:14px!important}
 html.dorian-mobile-workspace body #dnvs-preview .live-dates{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
 html.dorian-mobile-workspace body #dnvs-preview .live-dates label{flex:1 1 100px;min-width:0!important}
 html.dorian-mobile-workspace body #dnvs-preview .live-dates button{flex:1 1 70px;min-width:0!important;padding:10px 6px!important;font-size:12px!important}
 html.dorian-mobile-workspace body #dnvs-preview #dnvs-list .order-report-buttons{width:100%!important;grid-template-columns:repeat(5,minmax(64px,1fr))!important;overflow-x:auto!important}
 html.dorian-mobile-workspace body #dnvs-preview :is(.fields,.pr-fields,.oe-form-grid,.dmv-fields){grid-template-columns:minmax(0,1fr)!important}
 html.dorian-mobile-workspace body #dnvs-preview :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important;max-width:100%}
 html.dorian-mobile-workspace body #dnvs-preview :is(.station-controls,.inspection-controls,.station-pager,.wo-save,.pr-toolbar,.pr-week,.pr-actions,.oe-tools,.oe-period,.forms-workspace-actions){flex-wrap:wrap!important;min-width:0!important;max-width:100%!important}
 html.dorian-mobile-workspace body #dnvs-preview :is(.station-tabs,.pr-tabs){max-width:100%;overflow-x:auto;flex-wrap:nowrap}
 html.dorian-mobile-workspace body #dnvs-preview :is(.oe-summary,.pr-summary,.pr-detail-metrics,.station-summary){grid-template-columns:minmax(0,1fr)!important}
 html.dorian-mobile-workspace body #dnvs-preview :is(.oe,.pr){padding:18px 0!important;min-width:0!important;max-width:100%!important}
 html.dorian-mobile-workspace body #dnvs-preview :is(.oe-heading,.pr-heading){flex-wrap:wrap;gap:14px}
 html.dorian-mobile-workspace body #dnvs-preview table{display:block!important;max-width:100%!important;width:100%!important;min-width:0!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
 html.dorian-mobile-workspace body #dnvs-preview table :is(th,td){white-space:nowrap}
 html.dorian-mobile-workspace body dialog{box-sizing:border-box!important;width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;max-height:calc(100dvh - 28px)!important;padding:18px!important;overflow:auto!important;margin:auto!important}
 html.dorian-mobile-workspace body dialog :is(.fields,.pr-fields,.iq-grid,.oe-fields,.dmv-fields){display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 html.dorian-mobile-workspace body dialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important;max-width:100%!important;min-width:0!important}
 html.dorian-mobile-workspace body dialog :is(.wo-dialog-actions,.iq-actions,.pr-actions,.oe-actions){display:flex;flex-wrap:wrap;gap:10px}
 html.dorian-mobile-workspace body dialog :is(.wo-dialog-actions,.iq-actions,.pr-actions,.oe-actions) button{flex:1 1 100px;min-height:44px}
 html.dorian-mobile-workspace body .print-toolbar{flex-wrap:wrap;gap:8px}
 html.dorian-mobile-workspace body .print-toolbar button{min-height:44px}
}

@media screen and (max-width:700px){
 html.dorian-mobile-workspace body #dnvs-preview table[hidden]{display:none!important}
 html.dorian-mobile-workspace body #dnvs-preview .station-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important;overflow:visible}
 html.dorian-mobile-workspace body #dnvs-preview .station-tabs button{width:100%;min-width:0!important;padding:12px 6px!important;font-size:12px!important;white-space:normal!important}
 html.dorian-mobile-workspace body #dnvs-preview .ats-brand .brand-art{height:72px!important;width:92px!important;min-height:0!important}
}

/* Customer notices share the compact, readable message preview. */
@media screen {
 html body dialog.wo-dialog.wo-notify-dialog {width:min(680px,calc(100vw - 24px));padding:24px;font-family:Arial,sans-serif!important}
 html body dialog.wo-notify-dialog h2 {margin:0 0 12px;font-size:23px!important}
 html body dialog.wo-notify-dialog h3 {font-size:18px!important;margin:8px 0 14px}
 html body dialog.wo-notify-dialog p {font-size:13px;line-height:1.45;margin:12px 0;color:#435564}
 html body dialog.wo-notify-dialog label {font-size:14px!important;margin:12px 0}
 html body dialog.wo-notify-dialog :is(input,select,textarea) {font-size:15px!important;padding:10px!important;line-height:1.4}
 html body dialog.wo-notify-dialog textarea {font-weight:500;min-height:190px;resize:vertical}
 html body dialog.wo-notify-dialog .wo-notify-account {background:#f3f7fa;padding:12px;border-radius:12px;font-size:12px}
 html body dialog.wo-notify-dialog .wo-notify-card {margin-top:20px;padding-top:12px}
 html body dialog.wo-notify-dialog .wo-notify-actions {display:flex;gap:8px;flex-wrap:wrap}
 html body dialog.wo-notify-dialog .wo-notify-actions :is(a,button) {display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;min-height:44px;border-radius:24px!important;background:#fff!important;color:#195579!important;border-color:#b9cedb!important;padding:10px 14px;font-size:13px!important;text-align:center}
 html body dialog.wo-notify-dialog .wo-notify-actions :is(a[data-channel=whatsapp],button[data-copy]) {background:#edf8f1!important;color:#176b42!important;border-color:#acd6bb!important}
 html body dialog.wo-notify-dialog .wo-notify-actions :is(a[data-channel=whatsapp],button[data-copy]):hover {background:#def1e6!important}
 html body dialog.wo-notify-dialog .wo-notify-actions svg {width:18px;height:18px;flex:none}
 html body dialog.wo-notify-dialog button[data-close] {border-radius:24px!important;min-height:44px}
}
@media screen and (max-width:600px) {
 html body dialog.wo-dialog.wo-notify-dialog {padding:18px;max-height:90dvh}
 html body dialog.wo-notify-dialog :is(input,select,textarea) {font-size:16px!important;min-width:0}
 html body dialog.wo-notify-dialog .wo-notify-actions :is(a,button) {flex:1 1 100%;width:100%}
}