/* Admin web — ชุดเครื่อง (master–detail) */
.systems-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:var(--sp-4);align-items:start}
.systems-list-col{display:grid;gap:var(--sp-3);position:sticky;top:calc(60px + var(--sp-6))}
.toolbar--search{flex-direction:column;align-items:stretch}
.toolbar--search .btn{width:100%}
.system-results{display:grid;gap:var(--sp-2);max-height:calc(100vh - 300px);overflow:auto;padding:2px}
.system-result{display:grid;gap:2px;width:100%;padding:var(--sp-3) var(--sp-4);border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink);text-align:left;font:inherit;cursor:pointer}
.system-result:hover{border-color:var(--teal-700);background:var(--teal-50)}
.system-result[aria-current="true"]{border-color:var(--teal-700);background:var(--teal-50);box-shadow:inset 4px 0 0 var(--teal-700)}
.system-result strong{overflow-wrap:anywhere}
.system-result span{font-size:var(--fs-sm);color:var(--ink-muted);overflow-wrap:anywhere}
.system-detail{display:grid;gap:var(--sp-4)}
.back-to-list{display:none;justify-self:start}
#system-form h2{margin:2px 0 var(--sp-1)}
.system-fields{margin-top:var(--sp-5)}
.component-rows{display:grid;gap:var(--sp-2);margin-top:var(--sp-3)}
.component-rows li{display:flex;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2)}
.component-rows small{display:block;color:var(--ink-muted)}
@media (max-width:1000px){
  .systems-layout{grid-template-columns:1fr}
  .systems-list-col{position:static}
  .system-results{max-height:none}
  .system-detail.is-open .back-to-list{display:inline-flex}
  .systems-layout.has-selection .systems-list-col{display:none}
}