.service-request-dialog{width:min(780px,calc(100vw - 32px));max-height:88vh;border:1px solid #e0e5ed;border-radius:16px;padding:0;color:#24344b;background:#fff;box-shadow:0 20px 80px #20344b33}.service-request-dialog::backdrop{background:#15223866}.request-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #e6eaf0}.request-heading h2{margin:0;font-size:20px}.request-body{padding:22px 24px;overflow-wrap:anywhere}.request-body p{line-height:1.7}.request-fields{display:grid;gap:15px;margin:18px 0}.request-fields label{display:grid;gap:7px}.request-body input:not([type=checkbox]),.request-body textarea,.request-body select{box-sizing:border-box;width:100%;font:inherit;padding:10px 12px;border:1px solid #d7dfeb;border-radius:8px;background:#fff;color:inherit}.request-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.request-actions select{width:auto;max-width:220px}.request-ack{display:flex;align-items:flex-start;gap:8px;font-size:13px}.request-error{color:#b3283e;white-space:pre-wrap}.request-timeline{padding-left:24px}.request-timeline li{padding:10px 0;border-bottom:1px solid #edf0f5}.request-timeline small{display:block;color:#6b7b90;margin:4px 0}.request-timeline p{white-space:pre-wrap}.request-list-item{border:1px solid #e2e8ef;padding:16px;border-radius:10px;margin:12px 0}.request-list-item h3{margin:0}.request-entry{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 16px;border:1px solid #e0e6ee;background:#fff;border-radius:12px;margin:12px 0 20px}.request-entry>span{flex:1;min-width:220px;color:#617187;font-size:13px}.request-reply{border-top:1px solid #e2e8ef;margin-top:18px;padding-top:18px}.request-reply>label{display:flex;gap:8px;margin-top:10px}.service-request-dialog .btn{border:1px solid #dce2eb;border-radius:7px;background:#fff;padding:8px 12px;font:inherit;color:#33445c;cursor:pointer}.service-request-dialog .btn:disabled{opacity:.55;cursor:default}@media(max-width:600px){.request-body{padding:16px}.request-heading{padding:15px}.request-actions .btn{flex:1}.request-entry>span{flex-basis:100%}}
