/* Compact machine navigation, retaining the application's paper and sage palette. */
[hidden]{display:none!important}.machine-dashboard{margin:20px 0 26px}.machine-legend{display:flex;gap:9px 16px;flex-wrap:wrap;margin-bottom:22px;font-size:11px;color:var(--muted)}.legend-item{display:inline-flex;gap:6px;align-items:center}.legend-item:before,.tile-state:before{content:"";height:7px;width:7px;flex-shrink:0;border-radius:100%;background:var(--tone)}.tone-available{--tone:#36704b;--tint:#e5efe3;--tone-border:#c4d7c2}.tone-busy{--tone:#9a4b39;--tint:#f5e8e1;--tone-border:#e4c9bb}.tone-waiting{--tone:#8a651e;--tint:#faf0d8;--tone-border:#e7d6a9}.tone-unknown{--tone:#68726c;--tint:#eef0ea;--tone-border:#d9ded5}.machine-group{margin:0 0 23px}.machine-group-heading{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:21px;font-weight:550;letter-spacing:-.4px}.machine-group-count{font-size:11px;color:var(--muted);background:#e9eee4;border-radius:30px;min-width:24px;padding:4px 7px;letter-spacing:0;text-align:center}.machine-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.machine-tile{display:flex;flex-direction:column;justify-content:flex-start;gap:12px;min-width:0;min-height:133px;padding:17px;background:var(--tint);border:1px solid var(--tone-border);border-radius:16px;text-decoration:none;color:var(--ink);transition:box-shadow .15s,transform .15s}.machine-tile:hover{box-shadow:0 3px 10px #163b3710;transform:translateY(-1px)}.machine-tile:focus-visible{outline:3px solid #ba7431;outline-offset:3px}.tile-top{display:flex;align-items:center;gap:10px;min-width:0}.tile-top .machine{width:29px;height:33px;flex-shrink:0}.tile-name{margin:0;font-size:15px;font-weight:650;line-height:1.35;letter-spacing:-.2px}.tile-state{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;line-height:1.4;color:var(--tone)}.tile-hint{font-size:10px;color:var(--muted);line-height:1.4;margin-top:auto}.machine-empty,.availability-rule{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.availability-rule{margin-top:3px}.devices.single-machine{max-width:720px;margin:20px auto 0;grid-template-columns:minmax(0,1fr)}.card.tone-busy .status{background:#f5e8e1;color:#9a4b39}.card.tone-available .status{background:#e5efe3;color:#36704b}.card.tone-waiting .status{background:#faf0d8;color:#8a651e}.machine-navigation{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin:0 0 24px;color:var(--muted)}.machine-navigation a{color:var(--ink)}
@media(max-width:900px){.machine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.machine-dashboard{margin-top:18px}.machine-legend{font-size:10px;gap:8px 12px;margin-bottom:17px}.machine-group{margin-bottom:20px}.machine-group-heading{font-size:19px;margin-bottom:10px}.machine-grid{gap:9px}.machine-tile{min-height:107px;padding:11px;gap:9px;border-radius:13px}.tile-top{flex-direction:column;align-items:flex-start;gap:6px}.tile-top .machine{width:23px;height:26px}.tile-name{font-size:12px}.tile-state{font-size:10px;gap:5px}.tile-hint{font-size:9px}.availability-rule{font-size:10px}.machine-navigation{font-size:11px;margin-bottom:20px}.devices.single-machine{margin-top:0}}
@media(max-width:340px){.machine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.machine-tile{transition:none}.machine-tile:hover{transform:none}}