.service-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin:0 0 20px}.service-details dt{font-size:13px;color:var(--muted,#6b778b);margin-bottom:5px}.service-details dd{margin:0;font-weight:600;overflow-wrap:anywhere}.service-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.service-photo-grid figure{margin:0;border:1px solid #e3e8ef;border-radius:12px;overflow:hidden;padding-bottom:12px}.service-photo-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#f1f4f8}.service-photo-grid figcaption,.service-photo-grid details{padding:12px 14px 0;font-size:13px}.service-photo-grid figcaption p{margin:5px 0;overflow-wrap:anywhere}.service-check{border:1px solid #e3e8ef;border-radius:12px;padding:18px;margin:0 0 20px}.service-check legend{font-size:15px;font-weight:700;padding:0 8px;overflow-wrap:anywhere}.service-check label{display:block;margin:10px 0 7px;font-size:13px;color:#68758a}.service-check select,.service-check textarea{display:block;width:100%;padding:11px;border:1px solid #d4dce7;border-radius:8px;font:inherit;background:white;min-width:0}.service-cost-row{padding:12px 0;border-bottom:1px solid #e3e8ef;margin-bottom:16px}.service-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px}.service-state-queued,.service-state-received,.service-state-assigned{color:#2462b2;background:#edf4ff}.service-state-working,.service-state-completed{color:#9a670c;background:#fff5db}.service-state-done,.service-state-confirmed,.service-state-active{color:#168060;background:#e5f7f0}.service-state-cancelled,.service-state-ended,.service-state-inactive,.service-state-paused{color:#68758a;background:#eef1f5}.panel-heading h2 small{font-size:13px;font-weight:400}.service-photo-grid details summary{cursor:pointer;color:#2462b2}@media(max-width:800px){.service-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-details{grid-template-columns:1fr}.service-check{padding:14px}}@media(max-width:420px){.service-photo-grid{grid-template-columns:1fr}}
@media(max-width:800px){.admin-user>.service-shortcut{display:inline-flex;flex-shrink:0}}
@media(max-width:800px){.admin-user>.service-shortcut>.icon{display:block}}
