.service-catalog{display:grid;gap:18px}.service-catalog__hero,.service-catalog__create,.service-catalog__search,.service-row{background:rgba(255,255,255,.94);border:1px solid rgba(172,184,208,.45);border-radius:24px;box-shadow:0 18px 55px rgba(37,46,74,.08)}.service-catalog__hero{align-items:center;display:flex;justify-content:space-between;padding:24px}.service-catalog__hero p{color:#7655db;font-size:12px;font-weight:800;letter-spacing:.12em;margin:0 0 6px}.service-catalog__hero h1{font-size:clamp(26px,4vw,42px);letter-spacing:-.04em;margin:0}.service-catalog__hero span{color:#65708a;display:block;margin-top:7px}.service-catalog__create{padding:22px}.service-catalog__create h2{margin:0 0 15px}.service-catalog__search{align-items:end;display:flex;gap:12px;padding:16px 20px}.service-catalog__search label{flex:1}.service-editor{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.service-editor>label,.service-catalog__search label{display:grid;gap:7px}.service-editor>label span,.service-catalog__search span,.service-editor legend{color:#556179;font-size:13px;font-weight:750}.service-editor input[type=text],.service-editor input:not([type]),.service-catalog__search input{border:1px solid #d4dbea;border-radius:14px;font-size:16px;min-height:48px;padding:0 14px;width:100%}.service-editor fieldset{border:1px solid #dfe4ef;border-radius:16px;grid-column:1/-1;padding:13px}.service-editor__branches,.service-editor__flags{display:flex;flex-wrap:wrap;gap:10px 18px}.service-editor__branches label,.service-editor__flags label{align-items:center;display:flex;gap:8px}.service-editor__flags{grid-column:1/-1}.service-editor>.primary-button{justify-self:start}.service-catalog__list{display:grid;gap:12px}.service-row{overflow:hidden}.service-row summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding:18px 20px}.service-row summary::-webkit-details-marker{display:none}.service-row summary strong,.service-row summary small{display:block}.service-row summary small{color:#6c778d;margin-top:4px}.service-row[open] summary{border-bottom:1px solid #e6e9f1}.service-row .service-editor{padding:20px}.service-row__state{border-radius:999px;font-size:12px;font-weight:800;padding:7px 10px}.service-row__state.is-active{background:#e9fbf4;color:#08755d}.service-row__state.is-inactive{background:#f2f3f7;color:#71788a}@media(max-width:720px){.service-catalog__hero{align-items:flex-start;display:grid;gap:16px}.service-editor{grid-template-columns:1fr}.service-catalog__search{align-items:stretch;display:grid}.service-row summary{align-items:flex-start;gap:12px}.service-editor input,.service-catalog__search input{font-size:16px}}
.service-row__badges{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.service-row__state.is-warning{background:#fff4dc;color:#9a5b00}@media(max-width:720px){.service-row__badges{align-items:flex-start}}
.service-catalog__hero-actions{display:flex;flex-wrap:wrap;gap:10px}.service-editor--expanded{grid-template-columns:repeat(4,minmax(0,1fr))}.service-editor__wide{grid-column:1/-1}.service-editor textarea,.service-editor select,.service-inline-form input,.service-inline-form select{border:1px solid #d4dbea;border-radius:14px;font-size:16px;min-height:48px;padding:10px 14px;width:100%}.service-editor textarea{min-height:96px;resize:vertical}.service-config-panel{border-top:1px solid #e6e9f1;padding:20px}.service-config-panel header h3{margin:0}.service-config-panel header p{color:#68748a;margin:5px 0 0}.service-option-list{display:grid;gap:8px;margin:14px 0}.service-option-row{align-items:center;background:#f7f9fc;border:1px solid #e3e8f1;border-radius:14px;display:flex;justify-content:space-between;padding:12px 14px}.service-option-row strong,.service-option-row small{display:block}.service-option-row small{color:#6b768c;margin-top:3px}.service-inline-form{align-items:end;display:grid;gap:10px;grid-template-columns:1.4fr .7fr 1fr auto}.service-inline-form--components{grid-template-columns:2fr .6fr .8fr .8fr auto}.service-inline-form label{display:grid;gap:6px}.service-inline-form label span{color:#556179;font-size:13px;font-weight:750}.service-row__state:not(.is-active):not(.is-inactive):not(.is-warning){background:#eef3ff;color:#3f5c9c}@media(max-width:980px){.service-editor--expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.service-inline-form,.service-inline-form--components{grid-template-columns:1fr 1fr}.service-inline-form button{grid-column:1/-1;justify-self:start}}@media(max-width:720px){.service-catalog__hero-actions{display:grid;width:100%}.service-editor--expanded{grid-template-columns:1fr}.service-inline-form,.service-inline-form--components{grid-template-columns:1fr}.service-option-row{align-items:flex-start;gap:10px}.service-config-panel{padding:16px}}