#settings-services{min-width:0}
#settings-services h3{margin:0 0 8px}
.services-intro,.services-note{color:var(--mt);line-height:1.5}
.services-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:12px;align-items:end;margin:20px 0 12px}
.services-filters label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:var(--fs-sm)}
.services-filters input,.services-filters select{box-sizing:border-box;width:100%;min-height:44px}
.services-filters .btn-new{margin:0;min-height:44px}
.services-category{margin-top:24px}
.services-category h4{font-size:var(--fs-lg);margin:0 0 12px}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}
.services-card{display:flex;flex-direction:column;min-width:0;padding:16px;border:1px solid var(--bd);border-radius:var(--r-md);background:var(--s1);overflow-wrap:anywhere}
.services-card h5{margin:0 0 8px;font-size:var(--fs-lg);line-height:1.4}
.services-scope-label{color:var(--mt);font-size:var(--fs-xs)}
.services-card p{font-size:var(--fs-sm);line-height:1.5;flex:1}
.services-card .btn-new{align-self:flex-start;min-height:44px;white-space:normal;text-align:left}
.services-back{margin:0 0 16px!important;min-height:44px}
.services-back[hidden],#services-empty[hidden]{display:none!important}
#settings-services button:focus-visible,#settings-services input:focus-visible,.services-back:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
.services-note{margin-top:24px;padding-top:16px;border-top:1px solid var(--bd);font-size:var(--fs-sm)}
@media(max-width:600px){.services-filters{grid-template-columns:minmax(0,1fr)}.services-filters .btn-new{justify-self:start}.services-grid{grid-template-columns:minmax(0,1fr)}}