.service-section{margin-top:26px;border-top:1px solid var(--line);padding-top:24px}.service-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}.service-heading h3{font-size:15px;font-weight:500}.service-heading p,.service-context{font-size:11px;color:var(--muted);line-height:1.8;margin-top:7px}.service-records{display:grid;gap:12px}.service-record{border:1px solid var(--line);border-radius:4px;padding:16px}.service-record-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.service-record-title>strong{font-size:13px;font-weight:500;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.service-record-title .status{flex:none}.service-record p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:9px}.service-record .service-resolution{white-space:pre-wrap;color:#5b6054;overflow-wrap:anywhere}.service-record>small{font-size:10px;color:var(--muted);display:block;margin-top:7px}.service-record .button{margin-top:10px}.service-empty{font-size:12px;color:var(--muted);padding:15px 0}.service-context{margin:0 0 22px}.service-form fieldset{border:0;padding:0;margin:0;min-width:0}.service-form textarea{width:100%;resize:vertical}.service-error{font-size:12px;color:#995f38;background:#fbf2e9;padding:12px;line-height:1.8}.service-error[hidden]{display:none}.service-history{border-top:1px solid var(--line);margin-top:24px;padding-top:17px;font-size:12px}.service-history summary{cursor:pointer;color:var(--muted)}.service-history ol{list-style:none;padding:0;margin:15px 0 0}.service-history li{border-bottom:1px solid var(--line);padding:14px 0}.service-history li>div{display:flex;justify-content:space-between;gap:10px}.service-history strong{font-weight:500}.service-history span,.service-history small{color:var(--muted);font-size:10px}.service-history p{font-size:12px;line-height:1.8;white-space:pre-wrap;margin:8px 0;overflow-wrap:anywhere}.service-form fieldset:disabled{opacity:.85}.service-form input,.service-form textarea,.service-form select{max-width:100%}@media(max-width:700px){.service-heading{align-items:flex-start}.service-heading>.button{flex:none}.service-heading h3{font-size:14px}.service-record{padding:13px}.service-record-title{gap:10px}.service-record-title>.status{font-size:10px}.service-form select,.service-form textarea{font-size:16px}.service-history li>div{flex-direction:column;gap:5px}}