.service-detail-head{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:13px;padding:12px 15px;margin-bottom:12px}.shell .service-detail-head h1{font-size:13px;margin:0}.service-detail-head>div{margin-left:auto;display:flex;gap:6px}.service-detail-head>button{font-size:22px}.service-detail-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:18px;overflow:auto;gap:5px}.shell .service-detail-tabs button{display:flex;flex-direction:row;align-items:center;gap:7px;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:16px 24px;white-space:nowrap;font-size:12px;color:var(--muted)}.service-detail-tabs button[aria-selected=true]{color:var(--orange);border-bottom-color:var(--orange)}.service-detail-tabs svg{width:16px;height:16px}.service-detail-basic{display:grid;grid-template-columns:30% minmax(0,1fr);gap:12px;margin-bottom:20px}.service-detail-cover{border:1px dashed var(--line);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:170px;color:var(--muted)}.service-detail-cover svg{width:28px;height:28px}.service-detail-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px}.shell #service-detail-panel label{font-size:10px}.shell #service-detail-panel input,.shell #service-detail-panel select{font-size:11px;height:30px;padding:5px 10px;margin-top:6px}.shell #service-detail-panel textarea{display:block;width:100%;box-sizing:border-box;min-height:105px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:10px;margin-top:6px;font-size:11px}.shell #service-detail-panel .card{border:0;border-radius:13px;padding:17px;margin-bottom:16px}.shell #service-detail-panel h2{font-size:12px}.service-summary-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.service-summary-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.service-summary-card{background:var(--bg);border-radius:13px;padding:12px}.shell .service-summary-card h3{font-size:10px;margin:0 0 10px;color:var(--muted)}.service-summary-card p{font-size:13px;margin:0;overflow-wrap:anywhere}.service-occurrence-tools,.service-section-actions{display:flex;align-items:center;gap:12px;justify-content:space-between}.service-occurrence-tools input{max-width:190px}.service-occurrence-filters{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.service-occurrence-filters .selected{border-color:var(--orange);color:var(--orange)}.service-detail-empty{padding:70px 15px;text-align:center;color:var(--muted)}.shell #service-detail-panel td,.shell #service-detail-panel th{font-size:10px;padding:12px}.shell #service-detail-panel td button{font-size:10px;padding:5px 8px;margin:2px}.shell #service-detail-panel .primary{font-size:10px}#service-detail-panel table{width:100%;min-width:650px}.shell #service-detail-panel td{overflow-wrap:anywhere}
@media(max-width:700px){.service-detail-basic{grid-template-columns:1fr}.service-detail-cover{max-width:350px}.service-summary-totals,.service-summary-info{grid-template-columns:repeat(2,minmax(0,1fr))}.service-occurrence-tools{flex-wrap:wrap}.shell .service-detail-tabs button{padding:12px 14px;font-size:11px}.shell #service-detail-panel input,.shell #service-detail-panel select,.shell #service-detail-panel textarea{font-size:16px}.service-section-actions{flex-wrap:wrap}}
