.serviceToolbar{display:flex;gap:1rem;align-items:end;margin:1rem 0}.serviceToolbar label,.serviceEditor label{display:grid;gap:.45rem;min-width:0}
.serviceCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem;margin:1rem 0 1.5rem}
.serviceCard{background:var(--panel,#101e31);border:1px solid #29405a;border-radius:16px;padding:1.15rem;min-width:0;overflow-wrap:anywhere}
.serviceCard h4{font-size:1.1rem;margin:0 0 .8rem}.serviceState{font-weight:700;color:#a9d6ff}
.serviceFreshness{font-size:.9rem;color:#b9c9dc}.serviceCard[data-simulation-availability="UNAVAILABLE"] .serviceState{color:#ffbf88}
.serviceCard[data-simulation-availability="LIMITED"] .serviceState{color:#f6d783}.serviceEditor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem 0}
.serviceEditor button,.serviceEditor [role="status"]{grid-column:1/-1}.serviceEditor input,.serviceEditor select,.serviceToolbar select{min-height:44px;max-width:100%;width:100%;box-sizing:border-box}
.serviceEditor button{min-height:44px}.serviceCards details{font-size:.9rem}.serviceCards summary{min-height:44px;display:flex;align-items:center}
@media(max-width:600px){.serviceEditor{grid-template-columns:1fr}.serviceToolbar{align-items:stretch}.serviceToolbar label{width:100%}}

#services{display:block}#services>p{border:0;padding:0;margin:.75rem 0}.serviceCard p{border:0;border-radius:0;padding:0;margin:.6rem 0}.serviceCard .unknown{color:var(--gold,#ffd16b)}

#services>details>summary{min-height:44px;display:flex;align-items:center}

.serviceField{display:grid;gap:.45rem;min-width:0}