/* Servis strojů: karta stroje, detail poruchy, nahlášení poruchy z telefonu, panel úvodní stránky. */

/* ---- nahlášení poruchy: tři velká tlačítka závažnosti, na telefonu pod sebou ---- */
.maintenance-severity { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 4px; }
.maintenance-severity .mud-button-root { min-height: 48px; white-space: normal; line-height: 1.2; }
@media (max-width: 599.98px) { .maintenance-severity { grid-template-columns: 1fr; } }

/* ---- KPI dlaždice ---- */
.maintenance-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; }

/* ---- QR štítek na kartě stroje ---- */
.maintenance-qr { width: 132px; height: 132px; image-rendering: pixelated; background: #fff; padding: 4px; border-radius: 4px; }

/* ---- soubory a fotky ---- */
.maintenance-files { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.maintenance-file { display: flex; flex-direction: column; gap: 4px; border: 1px solid var(--mud-palette-lines-default); border-radius: var(--mud-default-borderradius); padding: 6px; position: relative; }
.maintenance-file img { width: 100%; height: 110px; object-fit: cover; border-radius: 3px; display: block; }
.maintenance-file > .mud-icon-root { margin: 24px auto; }
.maintenance-file__name { min-width: 0; overflow-wrap: anywhere; }
.maintenance-file > .mud-icon-button { position: absolute; top: 2px; right: 2px; background: var(--mud-palette-surface); }

/* ---- průběh stavů poruchy ---- */
.maintenance-timeline { padding-top: 0; }

/* ---- seznamy ---- */
.maintenance-clamp { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-width: 420px; }
.maintenance-row-critical td { background: rgba(var(--mud-palette-error-rgb), .07); }
.maintenance-part-row { display: grid; grid-template-columns: minmax(160px, 3fr) minmax(90px, 1.2fr) minmax(80px, 1fr) minmax(90px, 1fr) auto; gap: 8px; align-items: center; }
@media (max-width: 599.98px) { .maintenance-part-row { grid-template-columns: 1fr 1fr; } }

/* ---- panel úvodní stránky ---- */