.cs-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.cs-head h1{margin:.1rem 0}.cs-actions,.cs-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cs-actions form{margin:0}.cs-safety{padding:12px 16px;border:1px solid #f0c24b;background:#fff9df;border-radius:10px;margin-bottom:16px}.cs-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px}.cs-metrics article{background:var(--surface,#fff);border:1px solid var(--border,#dde2e8);border-radius:12px;padding:14px}.cs-metrics span,.cs-metrics small,.cs-table small{display:block;color:var(--muted,#6b7280)}.cs-metrics b{font-size:1.45rem}.cs-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px}.cs-main{min-width:0}.cs-table-wrap{overflow:auto;border:1px solid var(--border,#dde2e8);border-radius:12px;background:#fff}.cs-table{width:100%;border-collapse:collapse;font-size:13px}.cs-table th,.cs-table td{padding:10px;border-bottom:1px solid #edf0f4;text-align:left;vertical-align:middle;white-space:nowrap}.cs-table th{background:#f7f9fb;position:sticky;top:0;z-index:1}.cs-table img{width:44px;height:44px;object-fit:cover;border-radius:7px}.cs-table td:nth-child(2){white-space:normal;min-width:210px}.cs-table a{text-decoration:none}.cs-stock{display:inline-flex;min-width:34px;justify-content:center;border-radius:999px;padding:4px 8px;font-weight:700}.cs-stock.positive{background:#dcfce7;color:#166534}.cs-stock.zero{background:#dbeafe;color:#1d4ed8}.cs-stock.unknown{background:#fef3c7;color:#92400e}.cs-badge{display:inline-block;padding:3px 7px;border-radius:999px;font-size:10px;font-style:normal}.cs-badge.on{background:#dcfce7;color:#166534}.cs-badge.off{background:#e5e7eb;color:#4b5563}.cs-badge.problem{background:#f3e8ff;color:#7e22ce}.cs-qty{display:flex;gap:7px;align-items:center}.cs-qty button{width:28px;height:28px;border:1px solid #d4d9e0;background:#fff;border-radius:6px}.cs-pager{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.cs-pager span{margin-right:auto}.cs-settings{max-width:620px}.cs-inline{margin-bottom:14px}.cs-inline input,.cs-inline select{min-height:38px}@media(max-width:1000px){.cs-layout{grid-template-columns:1fr}.cs-head{flex-direction:column}}
.cs-group-switch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}.cs-group-switch span{color:var(--muted);font-size:13px;margin-left:4px}
.cs-settings-simple{display:grid;gap:14px;max-width:820px}.cs-rule-card{display:grid;gap:12px}.cs-rule-card h2{margin:0;font-size:18px}.cs-rule-card p{margin:0}.cs-rule-card label{display:grid;gap:6px}.cs-rule-card small{display:block;color:var(--muted);font-weight:400}.cs-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cs-setting-row{grid-template-columns:1fr 170px!important;align-items:center;padding:10px 0;border-top:1px solid var(--border)}.cs-setting-row:first-of-type{border-top:0}.cs-save-rule{justify-self:start}@media(max-width:700px){.cs-two-fields,.cs-setting-row{grid-template-columns:1fr!important}}
.cs-danger{padding:12px 16px;border:1px solid #e5484d;background:#fdecec;color:#7d1c1c;border-radius:10px;margin-bottom:16px;font-weight:600}.cs-error{padding:12px 16px;border:1px solid #e5484d;background:#fdecec;color:#7d1c1c;border-radius:10px;margin-bottom:16px}.cs-notice{padding:12px 16px;border:1px solid #3fb27f;background:#e9faf1;color:#0f5132;border-radius:10px;margin-bottom:16px}.cs-mode-card{border:1px solid var(--border);border-radius:12px;padding:14px}.cs-confirm-row{grid-template-columns:22px 1fr!important;align-items:start!important;gap:8px}.cs-confirm-row input{margin-top:3px}.cs-confirm-row span{font-weight:400;color:var(--muted)}
.cs-advanced{margin-top:18px;border:1px dashed var(--border);border-radius:12px;padding:4px 16px}.cs-advanced summary{cursor:pointer;padding:12px 0;font-weight:600;color:var(--muted)}.cs-advanced[open] summary{border-bottom:1px solid var(--border)}.cs-advanced .cs-rule-card{padding:16px 0;border-bottom:1px solid #f0f2f5}.cs-advanced .cs-rule-card:last-of-type{border-bottom:0}