.sr-page{max-width:1500px;margin:auto;padding:14px 18px;color:#182b43}.sr-page *{box-sizing:border-box}.sr-page h2{font-size:23px;margin:0}.sr-page h3{font-size:15px;margin:0 0 9px;background:#edf2f7;padding:9px 11px;border-bottom:1px solid #d6e0eb}.sr-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sr-heading p{margin:3px 0;color:#63748a;font-size:12px}.sr-panel{background:#fff;border:1px solid #d8e0e9;border-radius:8px;margin:0 0 11px;overflow:hidden;padding:0 11px 11px}.sr-panel h3{margin:0 -11px 10px}.sr-three{display:grid;grid-template-columns:1.1fr 1.1fr .9fr;gap:13px}.sr-stack{display:grid;gap:3px;align-content:start}.sr-two{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sr-three-mini{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:5px}.sr-page label{display:grid;gap:3px;font-size:12px;font-weight:600}.sr-page input,.sr-page select,.sr-page textarea{width:100%;min-width:0;padding:7px 9px;border:1px solid #c9d3df;border-radius:5px;background:#fff;color:#172a42;font:inherit;font-size:12px}.sr-page textarea{resize:vertical}.sr-page button{cursor:pointer;border:1px solid #9bb0c8;border-radius:5px;padding:8px 12px;background:white;color:#0c467d;font-size:12px;font-weight:600}.sr-page button.sr-primary{background:#104a82;color:white;border-color:#104a82}.sr-details{display:grid;grid-template-columns:1.3fr 1fr;gap:13px}.sr-follow{margin-top:8px}.sr-lists{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sr-empty{font-size:12px;color:#697a8c}.sr-table-wrap{overflow-x:auto}.sr-table{width:100%;border-collapse:collapse;font-size:12px}.sr-table th{background:#f5f7fa;text-align:left}.sr-table td,.sr-table th{border:1px solid #e2e8ef;padding:4px}.sr-table input,.sr-table select{padding:6px}.sr-table td:first-child{width:32px}.sr-table td:nth-child(2){width:42%}.sr-table td:last-child{white-space:nowrap}.sr-table button{padding:6px}.sr-charge-bottom{display:flex;justify-content:space-between;gap:12px;padding-top:9px}.sr-totals{min-width:230px}.sr-totals label{display:flex;align-items:center;justify-content:space-between}.sr-totals input{width:85px}.sr-totals p{display:flex;justify-content:space-between;margin:5px 0;font-size:12px}.sr-totals .sr-total{font-size:16px;border-top:1px solid #cbd6e2;padding-top:7px}.sr-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:15px}.sr-hint{font-size:12px;color:#68798a}.sr-editor{margin-top:16px}#srMessage{font-size:13px;color:#9a2d25}@media(max-width:1050px){.sr-three,.sr-lists{grid-template-columns:1fr}.sr-details{grid-template-columns:1fr}}@media(max-width:650px){.sr-page{padding:10px}.sr-two,.sr-three-mini{grid-template-columns:1fr}}
/* Dedicated service workflow landing page */
.sr-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 10px}.sr-stat-grid>div{border:1px solid #d8e0e9;border-radius:7px;background:white;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.sr-stat-grid small{font-size:11px;color:#66768b}.sr-stat-grid strong{font-size:23px;color:#123e6b}.sr-lists{display:block}.sr-lists>.sr-panel{margin-bottom:10px}.sr-workflow-head,.sr-workflow-row{display:grid;grid-template-columns:minmax(190px,2fr) minmax(110px,1fr) minmax(100px,1fr) minmax(145px,1.1fr) minmax(110px,1fr) 95px;gap:8px;align-items:center}.sr-workflow-head{padding:5px 8px;background:#f3f6fa;color:#63758a;font-size:11px;font-weight:700}.sr-workflow-row{padding:8px;border-top:1px solid #e2e9f0;font-size:12px}.sr-workflow-row small{display:block;margin-top:3px;color:#6b7c8d;font-size:11px}.sr-workflow-customer{min-width:0}.sr-workflow-row button{padding:7px 8px}.sr-payment-state{font-weight:700}.sr-editor[hidden]{display:none!important}@media(max-width:1000px){.sr-workflow-head{display:none}.sr-workflow-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sr-workflow-customer{grid-column:1/-1}.sr-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.sr-stat-grid{grid-template-columns:1fr 1fr}.sr-workflow-row{grid-template-columns:1fr 1fr}}

.sr-details>label{display:flex;flex-direction:column;min-height:0}.sr-details>label textarea{flex:1;min-height:140px}.sr-payment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.sr-payment-summary>div{background:#f3f6fa;border:1px solid #d8e0e9;padding:12px;border-radius:7px}.sr-payment-summary small{display:block;color:#66768b;font-size:11px}.sr-payment-summary strong{display:block;margin-top:6px;font-size:20px}.sr-payment-entry{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px}.sr-payment-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:6px}.sr-table .row-actions{display:flex;gap:3px}.sr-table .row-actions button{padding:4px 7px}.sr-table .delete-line{color:#b42318}@media(max-width:900px){.sr-payment-entry{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-payment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Read-only workflow status containers on service request lists. */
.sr-workflow-state{display:inline-flex;width:100%;min-height:34px;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid transparent;border-radius:7px;padding:7px 10px;font-size:12px;line-height:1.2;font-weight:700;text-align:center;cursor:default;white-space:normal}
.sr-workflow-state--draft{background:#f3f4f6;border-color:#d1d5db;color:#374151}
.sr-workflow-state--created{background:#eaf1fb;border-color:#b9d0f4;color:#1d4f91}
.sr-workflow-state--scheduled{background:#e0f7fa;border-color:#93d5df;color:#115e72}
.sr-workflow-state--in_progress{background:#ece8ff;border-color:#c6b7f3;color:#55349a}
.sr-workflow-state--follow_up{background:#fff0d5;border-color:#f2c67b;color:#925400}
.sr-workflow-state--completed{background:#e3f6e7;border-color:#a9ddb3;color:#206d35}
.sr-workflow-state--closed{background:#dcf8f1;border-color:#98dfd0;color:#08664f}
.sr-workflow-state--cancelled{background:#ffe6e8;border-color:#f1b0b8;color:#a32238}
.sr-workflow-state--unknown{background:#f1f2f4;border-color:#c9cdd2;color:#48505a}

/* 2026-10-15 density pass */
/* While a ticket is open, show only the form (no stat tiles or ticket lists above it),
   so a new service request starts at the top of the page. Back / Save return to the lists. */
#srApp.sr-editing > :not(#srEditor){display:none}
/* Slimmer fields, section headers and description box. */
.sr-page input:not([type=checkbox]):not([type=radio]):not([type=file]),.sr-page select{height:34px;padding-top:5px;padding-bottom:5px}
.sr-page label{margin:0}
.sr-page h3{padding:6px 11px;margin-bottom:8px;font-size:14px}
.sr-details>label textarea{min-height:96px}
.sr-editor .sr-heading{margin-bottom:8px}