/* Eigenständige Touch-Oberfläche für /werkstatt-app.
   Die Datenverarbeitung und Berechtigungen bleiben im PHP-Werkstattmonitor. */
body.area-werkstatt_tablet {
    --tablet-ink: #14253d;
    --tablet-blue: #1565a8;
    --tablet-border: #d8e2ed;
    background: #eff4f9;
    color: var(--tablet-ink);
    font-size: 15px;
}
body.area-werkstatt_tablet .topbar {
    position: relative;
    min-height: 54px;
    background: #122d49;
}
body.area-werkstatt_tablet .topbar .brand img { max-height: 39px; }
body.area-werkstatt_tablet .topnav a {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    padding: 10px 16px;
    font-size: 16px;
}
body.area-werkstatt_tablet .tablet-logout-form { margin: 0; }
body.area-werkstatt_tablet .tablet-logout-form button {
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    min-height: 48px;
    padding: 10px 16px;
    font: inherit;
}
body.area-werkstatt_tablet main { max-width: none; width: 100%; padding: 8px 10px 40px; }
body.area-werkstatt_tablet .workshop-monitor { max-width: none; }
body.area-werkstatt_tablet .workshop-monitor-fixed-top {
    position: relative;
    inset: auto;
    background: transparent;
    box-shadow: none;
}
body.area-werkstatt_tablet .workshop-monitor-head {
    background: white;
    border: 1px solid var(--tablet-border);
    border-radius: 12px;
    padding: 10px 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
}
body.area-werkstatt_tablet .workshop-monitor-head h1 { font-size: clamp(1.25rem, 2vw, 1.7rem); margin: 0; }
body.area-werkstatt_tablet .workshop-monitor-head .eyebrow { margin: 0; font-size: .7rem; }
body.area-werkstatt_tablet .workshop-monitor-meta { font-size: .75rem; gap: 5px 12px; }
body.area-werkstatt_tablet .workshop-monitor-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
}
body.area-werkstatt_tablet .workshop-monitor-actions > a:nth-of-type(n+3),
body.area-werkstatt_tablet .workshop-monitor-actions .monitor-fullscreen { display: none !important; }
body.area-werkstatt_tablet .workshop-monitor-search { min-width: min(100%, 240px); }
body.area-werkstatt_tablet .workshop-tablet-logout { margin: 0; }
body.area-werkstatt_tablet .workshop-tablet-logout .btn {
    background: #a32b34;
    color: #fff;
    border-color: #a32b34;
    font-weight: 700;
}
body.area-werkstatt_tablet .workshop-tablet-logout .btn:hover { background: #86232b; }
body.area-werkstatt_tablet input,
body.area-werkstatt_tablet select,
body.area-werkstatt_tablet textarea,
body.area-werkstatt_tablet .btn { font-size: 16px; }
body.area-werkstatt_tablet input,
body.area-werkstatt_tablet select,
body.area-werkstatt_tablet .btn,
body.area-werkstatt_tablet .monitor-damage-open { min-height: 44px; }
body.area-werkstatt_tablet .workshop-monitor-board {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: 9px;
    margin-top: 10px;
}
body.area-werkstatt_tablet .monitor-column {
    width: auto;
    min-width: 0;
    max-width: none;
    background: white;
    border: 1px solid var(--tablet-border);
    border-radius: 12px;
    padding: 8px;
}
body.area-werkstatt_tablet .monitor-column h2 { font-size: .98rem; margin: 0 0 8px; }
body.area-werkstatt_tablet .monitor-vehicle-card {
    width: 100%;
    border-radius: 9px;
    margin: 0 0 7px;
}
body.area-werkstatt_tablet .monitor-damage-open {
    text-align: left;
    padding: 8px;
    width: 100%;
    touch-action: manipulation;
}
body.area-werkstatt_tablet .monitor-card-title { gap: 4px; }
body.area-werkstatt_tablet .monitor-card-title h3 { font-size: 1rem; margin: 0; }
body.area-werkstatt_tablet .monitor-vehicle-card ul { margin: 5px 0 0; padding: 0; }
body.area-werkstatt_tablet .monitor-damage-item { margin-bottom: 5px; }
body.area-werkstatt_tablet .monitor-damage-open .monitor-description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}
body.area-werkstatt_tablet .monitor-item-head { gap: 4px; }
body.area-werkstatt_tablet .monitor-status-badge,
body.area-werkstatt_tablet .monitor-light-badge,
body.area-werkstatt_tablet .monitor-worker { font-size: .76rem; }
body.area-werkstatt_tablet .workshop-terminal-dialog-card {
    width: min(100%, 1080px);
    max-width: 1080px;
    max-height: 96dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: clamp(14px, 2vw, 26px);
    border-radius: 18px;
}
body.area-werkstatt_tablet .workshop-terminal-dialog-close {
    min-width: 48px;
    min-height: 48px;
}
body.area-werkstatt_tablet .workshop-terminal-form,
body.area-werkstatt_tablet .workshop-material-items { gap: 16px; }
body.area-werkstatt_tablet .workshop-terminal-status-actions,
body.area-werkstatt_tablet .workshop-terminal-secondary-actions,
body.area-werkstatt_tablet .workshop-material-items .actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
body.area-werkstatt_tablet .workshop-terminal-status-actions .btn { flex: 1 1 210px; }
body.area-werkstatt_tablet .workshop-material-row {
    border: 1px solid var(--tablet-border);
    background: #f8fafc;
    border-radius: 12px;
    padding: 14px;
    margin-bottom: 12px;
}
body.area-werkstatt_tablet .footer { font-size: .8rem; }
body.area-werkstatt_tablet :focus-visible { outline: 3px solid #efae27; outline-offset: 3px; }

.tablet-login-card {
    max-width: 540px;
    margin: clamp(25px, 7vh, 85px) auto;
    padding: clamp(20px, 4vw, 38px);
    background: #fff;
    border: 1px solid #d8e2ed;
    border-radius: 22px;
    box-shadow: 0 18px 46px rgb(15 42 69 / 10%);
}
.tablet-login-card h1 { margin: 0 0 14px; font-size: 2rem; }
.tablet-login-card form { display: grid; gap: 12px; margin-top: 22px; }
.tablet-login-card label { font-weight: 650; }
.tablet-login-card input { width: 100%; min-height: 54px; }
.tablet-login-card .btn { margin-top: 12px; min-height: 56px; }
.tablet-login-help { color: #52657a; font-size: .92rem; }

@media (max-width: 1099px) {
    body.area-werkstatt_tablet .workshop-monitor-board { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 819px) {
    body.area-werkstatt_tablet .workshop-monitor-board { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 599px) {
    body.area-werkstatt_tablet main { padding: 7px 7px 35px; }
    body.area-werkstatt_tablet .workshop-monitor-board { grid-template-columns: minmax(0, 1fr); gap: 9px; }
    body.area-werkstatt_tablet .workshop-monitor-head { padding: 10px; }
    body.area-werkstatt_tablet .workshop-monitor-search { width: 100%; }
    body.area-werkstatt_tablet .workshop-terminal-dialog-card { max-height: 100dvh; border-radius: 0; }
}
@media (prefers-reduced-motion: reduce) {
    body.area-werkstatt_tablet *, body.area-werkstatt_tablet *::before, body.area-werkstatt_tablet *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}