/* Kontrolltakt v3.21 – zurückhaltend, kontraststark und mobil */
.patrol-mini-clock{max-width:1060px;margin:8px auto 16px;border:1px solid var(--line,rgba(135,148,165,.22));border-radius:13px;padding:12px 14px;background:var(--card,#fff);color:var(--ink,#191b21);box-shadow:0 2px 15px rgba(0,0,0,.035)}
.patrol-mini-head{display:flex;align-items:center;gap:8px;font-size:12px}.patrol-mini-dot{width:7px;height:7px;border-radius:50%;background:#31a884;display:inline-block}.patrol-mini-head small{margin-left:auto;color:var(--muted,#8a98ac);font-size:10px;font-weight:700;letter-spacing:.05em}
.patrol-mini-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:12px;color:var(--ink,#191b21)}.patrol-mini-line strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;font-weight:750;white-space:nowrap;font-variant-numeric:tabular-nums}.patrol-mini-caption{color:var(--muted,#8a98ac);font-size:10px;margin-top:6px}.patrol-mini-clock.soon .patrol-mini-dot{background:#c49238}.patrol-mini-clock.late .patrol-mini-dot{background:#cf6670}.patrol-mini-clock.soon .patrol-clock-value{color:#be8b36}.patrol-mini-clock.late .patrol-clock-value{color:#d35b6a}
.patrol-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.patrol-summary>div{border:1px solid var(--line,rgba(128,142,163,.2));border-radius:12px;padding:12px;background:rgba(128,142,163,.06);min-width:0}.patrol-summary small{font-size:11px;color:var(--muted,#8992a4);display:block}.patrol-summary strong{font-size:27px;display:block;margin-top:5px;line-height:1.1}
.patrol-form{border:1px solid var(--line,rgba(135,148,165,.2));padding:16px;border-radius:12px}.patrol-switch{display:flex;align-items:center;gap:12px;margin-bottom:15px}.patrol-switch input{width:20px;height:20px;accent-color:#2a9f7d}.patrol-switch span{display:flex;flex-direction:column;gap:3px}.patrol-switch small{color:var(--muted,#8992a4);font-size:11px}.patrol-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:15px}.patrol-grid label{font-size:12px;font-weight:650;display:flex;flex-direction:column;gap:7px}.patrol-grid .field{width:100%;color:var(--ink,#191b21);background:var(--card,#fff)}.patrol-table-wrap{overflow:auto}.patrol-status-table{width:100%;border-collapse:collapse;font-size:12px}.patrol-status-table th{text-align:left;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#8a98ac);padding:13px 10px;border-bottom:1px solid var(--line,rgba(130,143,160,.25))}.patrol-status-table td{padding:12px 10px;border-bottom:1px solid var(--line,rgba(130,143,160,.15));vertical-align:middle}.patrol-status-table td small{display:block;color:var(--muted,#8a98ac);margin-top:3px}.patrol-status-table [data-patrol-due]{font-family:ui-monospace,monospace;white-space:nowrap;font-variant-numeric:tabular-nums}.patrol-status{display:inline-block;border:1px solid transparent;border-radius:100px;padding:4px 8px;white-space:nowrap;font-size:10px;font-weight:750}.patrol-status.ok{color:#287e61;background:rgba(38,161,110,.12)}.patrol-status.soon{color:#c38a30;background:rgba(210,150,50,.13)}.patrol-status.late{color:#d2646b;background:rgba(210,75,92,.12)}.patrol-status.observe{color:var(--ink,#191b21);background:rgba(140,150,160,.12)}
@media(max-width:600px){.patrol-mini-clock{margin:6px 12px 15px;padding:10px 12px}.patrol-mini-head b{font-size:11px}.patrol-mini-line{align-items:flex-start}.patrol-mini-line>span{max-width:68%;font-size:11px}.patrol-mini-line strong{font-size:13px}.patrol-mini-caption{font-size:10px}.patrol-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.patrol-grid{grid-template-columns:1fr}}

/* Kleine Restzeitanzeige beim Scrollen, nicht interaktiv und niemals blinkend. */
.patrol-floating-timer{position:fixed;right:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:39;display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:999px;background:rgba(19,30,44,.94);color:#f3f6fb;box-shadow:0 5px 22px rgba(0,0,0,.18);border:1px solid rgba(148,161,179,.34);font-size:10px;pointer-events:none;backdrop-filter:blur(12px)}.patrol-floating-timer span{color:#b5c1d2}.patrol-floating-timer b{font-size:12px;font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums}.patrol-floating-timer.soon b{color:#e3be73}.patrol-floating-timer.late b{color:#f2a0a8}@media(max-width:600px){.patrol-floating-timer{bottom:calc(10px + env(safe-area-inset-bottom,0px));right:8px;padding:7px 10px}}