.system-group-card{cursor:default}
.system-group-card .system-card-head{gap:12px;flex-wrap:wrap}
.system-group-card .system-card-head>*{min-width:0;overflow-wrap:anywhere}
.system-group-card .system-title{flex:1 1 240px}
.system-group-card .system-meta{flex:1 1 220px;text-align:right}
.system-group-card .system-management-actions{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line)}
.system-management-actions>button{min-height:44px;flex:1 1 135px;white-space:normal;line-height:1.2;padding:9px 12px}
.remove-system-button{color:#a03d3d!important;border-color:#d9b6b6!important}
.system-layout-panel{margin:0;border-bottom:1px solid var(--line);background:#f7f9fb}
.system-layout-panel>summary{display:none}
.system-management-actions [data-toggle-system-layout]>small{display:block;margin-top:4px;font-size:10px;font-weight:500;color:var(--muted)}
.system-layout-panel>summary small{font-size:11px;color:var(--muted);font-weight:500}
.system-layout-panel:not([open]) .when-open,.system-layout-panel[open] .when-closed{display:none}
.system-layout-body{padding:14px 16px 16px}
.system-layout-body>p{font-size:13px;line-height:1.5;margin:0 0 12px;color:var(--muted)}
.system-arrangement-actions,.system-hood-shortcuts,.system-row-hood-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.system-arrangement-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
.system-arrangement-actions button,.system-hood-shortcuts button,.system-row-hood-buttons button{min-width:0;min-height:44px;padding:9px 10px;white-space:normal;line-height:1.25;overflow-wrap:anywhere}
.system-rear-pairing{display:block;margin-top:12px}
.system-rear-pairing select{min-height:44px;max-width:100%;font-size:16px}
.system-hood-shortcuts{margin-top:12px}
.hood-entry-needed{display:block;color:#a03d3d;font-weight:650;font-size:11px;margin-top:4px}
.system-removal-undo{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 16px;margin:14px 0;border:1px solid #bdd2e8;border-radius:9px;background:#eff6fd;color:var(--ink)}
.system-removal-undo>span{flex:1 1 230px;font-size:13px;overflow-wrap:anywhere}
.system-removal-undo button{min-height:44px;flex:0 1 160px}
.joined-system-drawing{padding:12px;min-width:0}
.system-island-plan{max-width:660px;margin:0 auto 12px;min-width:0}
.system-island-plan>svg,.joined-field-preview>svg{display:block;width:100%;height:auto;max-width:100%}
.system-row-selector{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.system-row-selector>button{flex:1 1 140px;min-width:0;min-height:44px;white-space:normal;line-height:1.2;padding:8px 10px}
.system-row-selector>button[aria-pressed="true"]{border-color:#1377d4!important;background:#eaf3fd!important;color:#075497!important}
.system-row-elevation{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.system-row-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:12px;line-height:1.4;border-bottom:1px solid var(--line)}
.system-row-head>strong{font-size:14px}
.system-row-head>span{font-size:11px;color:var(--muted);max-width:100%;overflow-wrap:anywhere}
.system-row-hood-buttons{padding:12px;background:#f7f9fb;border-bottom:1px solid var(--line)}
.joined-field-preview{min-width:0;padding:8px}
.joined-preview-fallback.hood-grid.multi.touching{grid-template-columns:var(--hood-columns);gap:0}
@media(max-width:650px){
  .system-group-card .system-title,.system-group-card .system-meta{flex:0 0 auto}
  .system-group-card .system-meta{text-align:left}
  .system-group-card .system-management-actions{padding:10px;gap:7px}
  .system-management-actions>button{flex-basis:calc(50% - 7px);font-size:13px}
  .system-arrangement-actions{grid-template-columns:minmax(0,1fr)}
  .system-layout-body{padding:12px}
  .system-hood-shortcuts,.system-row-hood-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}
  .system-hood-shortcuts button,.system-row-hood-buttons button{font-size:12px}
  .joined-system-drawing{padding:8px}
}
@media print{
  .system-management-actions,.system-layout-panel,.system-removal-undo,.system-row-selector,.system-row-hood-buttons{display:none!important}
  .system-row-elevation[hidden]{display:block!important;margin-top:10px}
  .joined-system-drawing{padding:0}
}