.systems-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin:20px 0}.systems-list article{min-width:0;overflow-wrap:anywhere}.systems-list h2{display:flex;align-items:center;justify-content:space-between;gap:12px}.systems-list small{font-size:12px;color:var(--muted)}.tenant-fields label input[type=checkbox]{padding:0;min-height:18px;height:18px}.tenant-switcher{min-width:0}.tenant-switcher .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.app-tools .tenant-switcher select{max-width:100%;min-height:44px}#system-create{max-width:720px}#system-create input{min-width:0;width:100%}@media(max-width:600px){.app-topbar{gap:10px}.app-topbar>strong{font-size:15px}.app-tools:has(.tenant-switcher){width:auto;margin-left:auto}.systems-list{grid-template-columns:minmax(0,1fr)}.systems-list button{width:100%}}
.system-availability{width:max-content;padding:6px 10px;border-radius:999px;font-size:12px}.system-availability.is-active{color:#a8d8c1;background:#1c352a}.system-availability.is-waiting{color:#e8d39b;background:#3b321e}.status-chip.is-waiting{color:#e8d39b;background:#3b321e;border-color:#594c2c}
.systems-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 24px;flex-wrap:wrap}.systems-pagination span{text-align:center;flex:1;min-width:0}.systems-pagination button{min-height:44px}@media(max-width:480px){.systems-pagination{display:grid;grid-template-columns:1fr 1fr}.systems-pagination span{grid-column:1/-1;grid-row:1}.systems-pagination button{width:100%}}
.system-mode{display:grid;gap:8px;margin:20px;max-width:680px}.system-mode select{width:100%;min-height:44px}#system-create[hidden],#system-provision[hidden]{display:none!important}#system-jobs-panel{scroll-margin-top:90px;margin-top:20px}.system-job{padding:20px 0;border-top:1px solid var(--border,#343a43);overflow-wrap:anywhere}.system-job header{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}.system-job header span{color:var(--muted,#a1a6ad);font-size:13px}.system-stepper{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.system-stepper li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted,#a1a6ad)}.step-marker{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:1px solid #454b55;border-radius:50%;font-weight:600}.system-stepper small{display:block;font-size:11px;margin-top:4px}.system-stepper .step-done{color:#8dd6b7}.step-done .step-marker{background:#183d30;border-color:#39866b}.system-stepper .step-active{color:#ead3a0}.step-active .step-marker{border:2px solid #d6b977;box-shadow:0 0 0 4px #d6b97718}.system-stepper .step-error,.system-job-error{color:#f1a5a5}.step-error .step-marker{border-color:#d17373;background:#492727}.system-job-error{padding:12px;border-radius:10px;background:#49272750;margin-bottom:0}@media(max-width:700px){.system-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.system-stepper{grid-template-columns:1fr}}