.admin-catalog-page{display:grid;gap:18px;min-width:0}
.admin-catalog-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:clamp(19px,3vw,28px);border:1px solid #dfe9e8;border-radius:18px;background:linear-gradient(120deg,#fff 0%,#f6fbf9 72%,#eff7f5 100%)}
.admin-catalog-header h1{margin:5px 0;font-size:clamp(25px,3vw,34px)}
.admin-catalog-header p{max-width:760px;margin:5px 0 0;color:#728092;font-size:13px;line-height:1.65}
.catalog-header-count{display:grid;flex:none;min-width:112px;gap:4px;padding:13px 16px;border:1px solid #e1eae8;border-radius:13px;background:#fff;text-align:center}
.catalog-header-count strong{color:#176c61;font-size:24px}.catalog-header-count span{color:#7b8794;font-size:10px}
.catalog-switcher{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin}
.catalog-switcher a{display:inline-flex;flex:none;align-items:center;gap:7px;padding:9px 12px;border:1px solid #e1e8ed;border-radius:10px;background:#fff;color:#526273;text-decoration:none;font-size:11px;font-weight:700}
.catalog-switcher a:hover,.catalog-switcher a.active{border-color:#b9d8d0;background:#eef8f4;color:#176c61}
.catalog-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.catalog-stat{display:flex;align-items:center;gap:12px;min-width:0;padding:13px 15px;border:1px solid #e6ecef;border-radius:13px;background:#fff}
.catalog-stat-icon{display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:11px;background:#edf7f3;color:#287565}
.catalog-stat-copy{display:grid;gap:3px}.catalog-stat-copy span{color:#7b8794;font-size:10px}.catalog-stat-copy strong{color:#293b49;font-size:16px}
.catalog-panel{padding:clamp(16px,2vw,23px);border:1px solid #e3eaee;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(24,45,61,.035)}
.catalog-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 16px;padding:0 0 13px;border-bottom:1px solid #edf1f3}
.catalog-panel-head h2{margin:0 0 4px;font-size:16px}.catalog-panel-head p{margin:0;color:#7a8795;font-size:11px;line-height:1.55}
.catalog-create-form,.catalog-record-form,.catalog-stage-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:13px 16px}
.catalog-create-form .form-field,.catalog-record-form .form-field,.catalog-stage-form .form-field{display:grid;gap:5px;min-width:0;color:#425264;font-size:11px;font-weight:700}
.catalog-create-form input,.catalog-create-form select,.catalog-record-form input,.catalog-record-form select,.catalog-stage-form input,.catalog-stage-form select{width:100%;min-width:0;margin:0}
.catalog-record-list{display:grid;gap:11px}
.catalog-record{min-width:0;padding:16px;border:1px solid #e5ebef;border-radius:14px;background:#fff;transition:border-color .15s,box-shadow .15s}
.catalog-record:hover{border-color:#d4e4df;box-shadow:0 7px 19px rgba(24,65,56,.055)}
.catalog-record-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
.catalog-record-top h3{margin:0;color:#263746;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.catalog-record-top p{margin:4px 0 0;color:#7e8a98;font-size:10px}
.catalog-record-meta{display:flex;flex-wrap:wrap;gap:7px 12px;margin:0 0 12px;color:#778596;font-size:10px}
.catalog-record-meta code{max-width:100%;overflow-wrap:anywhere}
.catalog-form-actions{display:flex;grid-column:1/-1;align-items:center;justify-content:flex-end;gap:9px;padding-top:4px}
.catalog-inline-flags{display:flex;grid-column:1/-1;flex-wrap:wrap;gap:9px}
.catalog-toggle{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 11px;border:1px solid #e4eaee;border-radius:10px;background:#fafcfc;color:#526273;font-size:11px;font-weight:650}
.catalog-toggle input{width:16px;height:16px;min-height:0;margin:0;accent-color:#176c61}
.catalog-status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;background:#edf7f1;color:#357052;font-size:9px;font-weight:750}
.catalog-status.is-off{background:#f1f3f5;color:#6f7b88}
.catalog-color-field{display:flex;align-items:center;gap:9px}.catalog-color-field input[type=color]{width:42px;height:38px;padding:4px}
.catalog-empty{display:grid;justify-items:center;gap:7px;padding:34px 18px;border:1px dashed #dce5e9;border-radius:14px;background:#fbfcfd;text-align:center}
.catalog-empty .icon{color:#7c9992}.catalog-empty strong{font-size:13px;color:#304354}.catalog-empty p{margin:0;color:#82909d;font-size:11px}
.catalog-subsection-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0 0}
.catalog-subsection-title h2{margin:0;font-size:17px}.catalog-subsection-title span{color:#7c8997;font-size:11px}
.pipeline-overview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;border:1px solid #dfeae7;border-radius:15px;background:linear-gradient(120deg,#fff,#f4faf8)}
.pipeline-overview h2{margin:0 0 5px;font-size:16px}.pipeline-overview p{margin:0;color:#748292;font-size:11px;line-height:1.55}
.pipeline-stage-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:12px}
.pipeline-stage-card{min-width:0;padding:16px;border:1px solid #e4eaee;border-radius:14px;background:#fff}
.pipeline-stage-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.pipeline-stage-card-head strong{color:#2b3a48;font-size:12px}.pipeline-stage-color{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--stage-color) 15%, white)}
.pipeline-create-stage{padding:18px;border:1px solid #dce9e5;border-radius:15px;background:#f8fcfa}
@media(max-width:700px){.admin-catalog-header{align-items:flex-start}.catalog-header-count{min-width:82px;padding:10px}.catalog-create-form,.catalog-record-form,.catalog-stage-form{grid-template-columns:minmax(0,1fr)}.catalog-form-actions,.catalog-inline-flags{grid-column:auto}.catalog-form-actions{justify-content:stretch}.catalog-form-actions>*{flex:1}.pipeline-overview{grid-template-columns:1fr}.catalog-panel-head{flex-direction:column}}
@media(max-width:430px){.admin-catalog-header{flex-direction:column}.catalog-header-count{display:flex;align-items:center;justify-content:space-between;width:100%}.catalog-stats{grid-template-columns:1fr}.catalog-record{padding:13px}.catalog-inline-flags{display:grid;grid-template-columns:1fr}.catalog-toggle{width:100%}}
