.service-portfolio-metrics{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.service-portfolio-metrics article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}.service-portfolio-metrics small,.service-portfolio-metrics strong{display:block}.service-portfolio-metrics small{color:var(--muted);font-size:9px}.service-portfolio-metrics strong{font-size:22px;margin-top:4px}
.service-detail-overlay{align-items:center;background:#0d1117aa;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:80}.service-detail{background:#fff;border-radius:18px;max-height:94vh;overflow:auto;padding:26px;width:min(980px,100%)}.service-detail>header{align-items:flex-start;display:flex;justify-content:space-between}.service-detail>header h2{margin:4px 0}.service-detail>header p{color:var(--muted);font-size:10px;margin:0}.service-detail-close{background:none;color:var(--ink);font-size:25px;padding:0}.service-detail-summary{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin:20px 0}.service-detail-summary div{background:#f6f8fb;border:1px solid var(--line);border-radius:11px;padding:12px}.service-detail-summary small,.service-detail-summary strong{display:block}.service-detail-summary small{color:var(--muted);font-size:8px}.service-detail-summary strong{font-size:11px;margin-top:4px}.service-detail-grid{display:grid;gap:18px;grid-template-columns:1.1fr .9fr}.service-detail-panel{border:1px solid var(--line);border-radius:14px;padding:17px}.service-detail-panel h3{font-size:13px;margin:0 0 12px}.service-interaction-form{display:grid;gap:10px}.service-interaction-form footer,.service-upload{display:flex;gap:8px;justify-content:flex-end}.service-timeline,.service-attachment-list{display:grid;gap:8px;margin-top:14px;max-height:310px;overflow:auto}.service-timeline article,.service-attachment-list article{background:#f7f9fc;border:1px solid var(--line);border-radius:9px;padding:10px}.service-timeline strong,.service-timeline small{display:block}.service-timeline strong{font-size:10px}.service-timeline small{color:var(--muted);font-size:8px;margin-top:4px}.service-attachment-list article{align-items:center;display:flex;justify-content:space-between}.service-attachment-list button{font-size:9px;padding:6px 8px}.service-attachment-actions{display:flex;gap:6px}.service-upload{align-items:end}.service-upload label{flex:1}
@media(max-width:800px){.service-portfolio-metrics,.service-detail-summary{grid-template-columns:repeat(2,1fr)}.service-detail-grid{grid-template-columns:1fr}}@media(max-width:520px){.service-portfolio-metrics,.service-detail-summary{grid-template-columns:1fr}.service-upload{display:grid}.service-detail{padding:18px}}
.service-interaction-form footer button,.service-detail-actions button{font-size:9px;line-height:1.2;min-height:32px;padding:7px 12px;white-space:nowrap}.service-detail-actions{display:flex;justify-content:flex-end;margin-top:14px}.service-detail-actions .service-detail-close{background:#fff;border:1px solid var(--line);color:var(--ink);font-size:9px;padding:7px 14px}