/* Compact system overview; scoped so ordering and document pages keep their layout. */
#systemPage #systemGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#systemPage .system-card{min-height:0;padding:16px;border-radius:14px}
#systemPage .system-card strong{font-size:13px;color:#718078;font-weight:500}
#systemPage .system-card span{margin-top:8px;font-size:16px;font-weight:650;color:#213b2c}
#systemPage .system-state::before{content:'';display:inline-block;width:7px;height:7px;margin-right:7px;background:currentColor;border-radius:50%;vertical-align:middle}
#systemPage .system-state.is-ok{color:#168654}#systemPage .system-state.is-error{color:#b74438}
.system-details{grid-column:1/-1;font-size:13px;color:#718078;padding:2px 0}.system-details summary{cursor:pointer;width:fit-content;min-height:32px;padding:6px 0}.system-details dl{display:flex;gap:28px;flex-wrap:wrap;margin:8px 0 12px}.system-details dl div{display:flex;gap:8px}.system-details dd{margin:0;color:#34483d}
.iiko-connections{margin-top:18px;padding:20px;background:#fff;border:1px solid #dce3df;border-radius:18px}
.iiko-connections header{display:flex;justify-content:space-between;align-items:center;gap:12px}.iiko-connections h2{margin:0 0 5px;font-size:21px}.iiko-connections header p{margin:0;color:#718078;font-size:13px;line-height:1.4}
.iiko-connections button{min-height:40px}.iiko-connections header button{flex-shrink:0}
.iiko-connection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:16px 0 6px;font-size:12px;color:#718078}.iiko-connection-toolbar button{background:#f3f6f4;color:#405b4b;border:1px solid #e0e7e2;border-radius:8px;font:inherit;padding:6px 10px;cursor:pointer}.iiko-connection-toolbar button[aria-pressed=true]{background:#e0eee6;border-color:#b9d4c4;color:#254a35}
#iikoConnectionNotice{font-size:13px;color:#405b4b;margin:8px 0;line-height:1.4}#iikoConnectionNotice:empty{display:none}
.iiko-connection-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 16px;padding:16px 0;border-top:1px solid #e6ebe8;align-items:center}.iiko-connection-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.iiko-connection-main strong{font-size:15px;font-weight:650;overflow-wrap:anywhere}.iiko-connection-main b{font-size:11px;font-weight:600;white-space:nowrap;padding:3px 7px;border-radius:6px;background:#f1f3f2;color:#78847d}.iiko-connection-main b[data-status=ok]{color:#168654;background:#edf7f0}.iiko-connection-main b[data-status=blocked],.iiko-connection-main b[data-status=error]{color:#b74438;background:#fff0ed}
.iiko-connection-time{grid-column:1;font-size:12px;color:#87938c}.iiko-connection-error{grid-column:1;margin:4px 0;font-size:13px;color:#9c5145;line-height:1.4;overflow-wrap:anywhere}.iiko-connection-actions{grid-column:2;grid-row:1/5;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.iiko-connection-details{grid-column:1;font-size:12px;color:#87938c;line-height:1.5}.iiko-connection-details summary{cursor:pointer;width:fit-content;padding:5px 0}.iiko-connection-details small{display:block;overflow-wrap:anywhere;font:inherit}.iiko-connection-details p{margin:4px 0}.iiko-connection-empty{font-size:14px;color:#718078;padding:16px 0}
@media(max-width:760px){
 #systemPage .page-header{margin-bottom:14px}#systemPage .page-header h1{font-size:26px}#systemPage .page-header p{font-size:13px}
 #systemPage #systemGrid{gap:7px}#systemPage .system-card{padding:12px 9px;border-radius:12px}#systemPage .system-card strong{font-size:11px;white-space:nowrap}#systemPage .system-card span{font-size:14px;margin-top:7px}#systemPage .system-order-count{font-size:18px}
 .system-details{font-size:12px}.system-details dl{gap:8px 20px}
 .iiko-connections{margin-top:12px;padding:14px;border-radius:14px}.iiko-connections h2{font-size:19px}.iiko-connections header{align-items:flex-start}.iiko-connections header p{font-size:12px;max-width:190px}.iiko-connections header button{padding:9px 11px;font-size:12px}
 .iiko-connection-toolbar{margin-top:13px;gap:8px;font-size:11px}.iiko-connection-toolbar span{width:100%}
 .iiko-connection-row{padding:14px 0;gap:4px}.iiko-connection-main{grid-column:1/-1;justify-content:space-between;gap:8px}.iiko-connection-main strong{font-size:14px;max-width:64%}.iiko-connection-main b{font-size:10px}.iiko-connection-time{grid-column:1/-1;font-size:11px}.iiko-connection-error{grid-column:1/-1;font-size:12px}.iiko-connection-actions{grid-column:2;grid-row:auto;gap:6px}.iiko-connection-actions button{padding:8px 10px;font-size:11px;min-height:40px}.iiko-connection-details{grid-column:1;grid-row:4;align-self:center;font-size:11px}.iiko-connection-actions:has([data-recover]){grid-column:1/-1;justify-content:flex-start}.iiko-connection-row.has-problem .iiko-connection-details{grid-row:5}.iiko-connection-row:not(.has-problem) .iiko-connection-actions{grid-row:4}
}

@media(max-width:360px){#systemPage .system-card{padding:11px 7px}#systemPage .system-card strong{font-size:10px}#systemPage .system-card span{font-size:12px;white-space:nowrap}#systemPage .system-state::before{width:6px;height:6px;margin-right:4px}}