#portal .app-service{min-width:0;max-width:100%}#portal .app-form{display:grid;gap:20px}#portal .app-form fieldset{margin:0;padding:16px;border:1px solid #d5e3eb;border-radius:9px;min-width:0;box-sizing:border-box}#portal .app-form legend{font-size:13px;font-weight:700;padding-inline:6px}#portal .app-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#portal .app-fields label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px;font-weight:600}#portal .app-fields :is(input,select,textarea){box-sizing:border-box;width:100%;max-width:100%;min-width:0;font:inherit;font-size:14px;color:#183b50;border:1px solid #bfd2de;border-radius:8px;padding:10px 12px;min-height:44px;background:white}#portal .app-fields textarea{min-height:96px;resize:vertical}#portal .app-report{padding:16px;box-sizing:border-box;max-width:calc(100cqw - 30px);position:sticky;left:0;background:#f4f8fa}#portal .app-report dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin:16px 0}#portal .app-report dl>div{min-width:0}#portal .app-report dt{font-size:12px;font-weight:700;color:#567284}#portal .app-report dd{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}#portal .app-kpis{display:flex;flex-wrap:wrap;gap:24px;margin:16px 0 24px}#portal .app-kpis>div{display:flex;flex-direction:column;gap:5px}#portal .app-kpis strong{font-size:24px;color:#086f8c}#portal .app-kpis span{font-size:12px;color:#567284}#portal .app-bars{display:grid;gap:12px;margin-bottom:24px}#portal .app-bars>div{display:grid;grid-template-columns:minmax(100px,150px) minmax(0,1fr) 35px;gap:12px;align-items:center}#portal .app-bars meter{width:100%;height:20px;accent-color:#07847d}#portal .app-service [data-app-error]{color:#a22e22}#portal .app-service [data-app-editor]{scroll-margin-top:150px}#portal .app-service .pc-actions{margin:0;gap:8px}#portal .app-service .pc-actions>button{min-width:90px} @media(max-width:650px){#portal .app-fields{grid-template-columns:minmax(0,1fr)}#portal .app-form fieldset{padding:12px}#portal .app-bars>div{grid-template-columns:100px minmax(0,1fr) 25px;gap:8px}#portal .app-fields :is(input,select,textarea){font-size:16px}}

#portal .app-fields .app-check{flex-direction:row;align-items:center;gap:8px}#portal .app-fields .app-check input{width:18px;height:18px;min-height:18px;flex:none}
/* Service Job-style optional report, signature and referral sections. */
#portal .app-report-information,#portal .app-calendar-choice,#portal .app-referral{padding:16px;border:1px solid #d5e3eb;border-radius:9px;min-width:0;box-sizing:border-box;background:#fff;display:block;max-width:100%}#portal .app-report-information>summary{cursor:pointer;font-size:14px;font-weight:650;padding:0;line-height:1.5;margin:0}#portal .app-report-information[open]>.app-fields{margin-top:18px}#portal .app-calendar-choice{display:grid;gap:14px}#portal .app-calendar-choice>label:not(.app-check){display:grid;gap:6px;font-size:12px;font-weight:600}#portal .app-calendar-choice input[type=date]{width:100%;min-width:0;box-sizing:border-box}#portal .app-check{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;font-weight:600;margin:0}#portal .app-check input[type=checkbox]{width:18px!important;height:18px!important;min-height:18px!important;flex:none;margin:2px 0 0}#portal .app-referral .app-check{margin-top:16px}#portal .app-service .service-search-field{position:relative;display:grid;gap:6px;min-width:0;font-size:12px;font-weight:600}#portal .app-service .service-search-field>input[type=search]{width:100%;min-width:0;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid #bfd2de;border-radius:8px;font-family:inherit;font-size:14px}#portal .app-service .service-search-results{position:absolute;left:0;right:0;top:100%;z-index:50;max-height:260px;overflow:auto;border:1px solid #bdd2de;border-radius:8px;background:#fff;box-shadow:0 8px 24px #15354a30;padding:4px}#portal .app-service .service-search-results[hidden]{display:none!important}#portal .app-service .service-search-results button{display:block;width:100%;max-width:100%;text-align:left;white-space:normal;padding:10px;margin:0;border:0;border-radius:5px;background:#fff;font:inherit;color:#183b50;overflow-wrap:anywhere}#portal .app-service .service-search-results button:hover,#portal .app-service .service-search-results button:focus{background:#e7f3f8}#portal [data-app-signature]{margin-top:20px;padding-top:16px;border-top:1px solid #d5e3eb;display:grid;gap:14px;min-width:0}#portal [data-app-signature] h4{margin:0}#portal [data-app-signature]>label:not(.app-check){display:grid;gap:6px;font-size:12px;font-weight:600}#portal [data-app-signature] input:not([type=checkbox]){width:100%;min-width:0;box-sizing:border-box;min-height:44px;border:1px solid #bfd2de;border-radius:8px;padding:10px}#portal [data-app-signature] canvas{display:block;width:100%;height:180px;border:1px dashed #95b5c7;border-radius:8px;box-sizing:border-box;background:#fff;touch-action:none}#portal .app-signature-preview svg{width:min(100%,600px);height:180px;border:1px solid #bdd2de;background:#fff}#portal .app-reference-add{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:16px 0}#portal .app-reference-add label{flex:1 1 220px;display:grid;gap:6px;min-width:0;font-size:12px}#portal .app-reference-add input{min-height:44px;border:1px solid #bfd2de;border-radius:8px;padding:10px;box-sizing:border-box;width:100%}#portal .app-reference-list{max-height:360px;overflow:auto;display:grid;gap:8px}#portal .app-reference-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #e4edf2}#portal .app-reference-list span{overflow-wrap:anywhere;min-width:0}#portal .app-reference-list button{flex:none}#portal .app-fields .bmd-multi>summary{box-sizing:border-box;min-height:44px;width:100%}
@media(max-width:650px){#portal .app-service .service-search-field>input[type=search],#portal [data-app-signature] input:not([type=checkbox]){font-size:16px}#portal .app-calendar-choice,#portal .app-report-information,#portal .app-referral{padding:12px}}

/* Match Instrument Service's feedback field grid and full-width comment. */
#portal .app-fields.app-service-feedback-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;margin:16px 0}
#portal .app-service-feedback-fields>.app-feedback-comment{grid-column:1/-1}
#portal .app-service-feedback-fields textarea{min-height:90px}
@media(max-width:650px){#portal .app-fields.app-service-feedback-fields{grid-template-columns:minmax(0,1fr)}}

#portal .app-form [data-form-error]:not([hidden]){margin:0;padding:12px 14px;border:1px solid #e5aaa2;border-radius:8px;background:#fff2ef;color:#8e2d21;overflow-wrap:anywhere}#portal .app-form [aria-invalid="true"]{border-color:#b73d2d}#portal .app-form [data-form-error]:focus{outline:2px solid #b73d2d;outline-offset:2px}

#portal .app-service [data-app-notice]:not([hidden]){padding:10px 14px;margin:12px 0;border:1px solid #a5cec4;border-radius:8px;background:#edf8f4;color:#175c4d;overflow-wrap:anywhere}
