*{box-sizing:border-box}html{min-height:100%;background:#070d12}body{margin:0;background:#070d12;color:#edf4f8;font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app{min-height:100vh;display:flex}.side{width:265px;flex:0 0 265px;background:linear-gradient(180deg,#07111a 0%,#071018 100%);border-right:1px solid #1b2b38;padding:30px 14px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:block;padding:0 18px 27px;text-decoration:none}.brandLogo{display:block;width:190px;max-width:100%;height:auto}.brand span{display:block;color:#718392;font-size:12px;margin-top:8px}.nav{display:grid;gap:5px}.nav a{height:43px;padding:0 16px;border-radius:10px;color:#b9c6d0;font-size:15px;display:flex;align-items:center;gap:14px;text-decoration:none}.nav a:hover,.nav a.active{background:linear-gradient(100deg,#103a5d,#0b263d);color:#1bbcff;box-shadow:inset 0 0 0 1px rgba(33,173,237,.08)}.ico{width:22px;text-align:center;font-size:20px;color:#b8c8d4}.nav a.active .ico{color:#18baff}.sideBottom{margin-top:auto;padding:15px 18px 4px;color:#738391;font-size:12px;line-height:1.8}.sideStatus{color:#42e39c}.sideStatus:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;background:#22df92;margin-right:8px;box-shadow:0 0 10px rgba(34,223,146,.45)}.main{flex:1;min-width:0;padding:22px 22px 42px;max-width:1800px}.topbar{height:26px;margin-bottom:10px;display:flex;align-items:center;justify-content:flex-end}.tiny{font-size:11px;color:#6f808d}.mobileTitle{display:none}h1{font-size:30px;line-height:1.15;font-weight:550;letter-spacing:-.6px;margin:4px 0 8px;color:#f2f7fa}h2{font-size:18px;font-weight:550;margin:0 0 18px;color:#edf5fa}p{margin-top:8px}.muted{color:#8797a3}.small{font-size:12px}.panel,.login-card{background:linear-gradient(145deg,rgba(15,27,37,.96),rgba(10,19,27,.96));border:1px solid #1b3140;border-radius:15px;padding:22px;margin:14px 0;box-shadow:0 12px 28px rgba(0,0,0,.15)}.login-card{max-width:520px;margin:70px auto}.login-card h1{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label{display:flex;flex-direction:column;gap:6px;font-weight:550;font-size:13px;color:#c7d4dd}input,select,textarea{width:100%;font:inherit;padding:11px 12px;border:1px solid #263d4d;border-radius:9px;background:#08131c;color:#edf4f8}input::placeholder,textarea::placeholder{color:#647887}input:focus,select:focus,textarea:focus{outline:2px solid #168cc4;outline-offset:1px;border-color:#168cc4}.wide{grid-column:1/-1}button{background:linear-gradient(100deg,#087ab5,#0b9bd0);color:#fff;border:1px solid #1c9bd0;border-radius:9px;padding:11px 18px;font:inherit;font-weight:650;cursor:pointer}button:hover{filter:brightness(1.1)}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.stat{background:linear-gradient(145deg,rgba(15,27,37,.96),rgba(10,19,27,.96));border:1px solid #1b3140;border-radius:15px;padding:22px;display:flex;flex-direction:column;gap:8px}.stat span{color:#8194a1}.stat strong{font-size:42px;line-height:1.1;font-weight:550;color:#f3f8fb}.stat a,.table-link{color:#18baff;text-decoration:none;font-weight:600}.stat a:hover,.table-link:hover{text-decoration:underline}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:12px;border-bottom:1px solid #1b2d3a;vertical-align:top}th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#8194a1;font-weight:650}td{font-size:13px;color:#dce6ec}tr:hover td{background:rgba(19,53,74,.18)}.success,.notice{background:#0c3028;color:#7de5b8;border:1px solid #1a6049;border-radius:9px;padding:12px 14px}.error{background:#381b1d;color:#ffaaa8;border:1px solid #773235;border-radius:9px;padding:12px 14px}code{color:#7bd6ff;background:#0a1b27;padding:2px 5px;border-radius:4px}footer{text-align:center;color:#586d7b;padding:26px 8px 12px;font-size:11px}.table-link{white-space:nowrap}@media(max-width:900px){.side{width:225px;flex-basis:225px}.main{padding:18px 16px 35px}}@media(max-width:760px){.app{display:block}.side{display:none}.main{padding:16px 13px 90px}.topbar{display:none}.mobileTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mobileLogo{display:block;width:145px;max-width:55vw;height:auto}.form-grid,.stats{grid-template-columns:1fr}.wide{grid-column:auto}.panel{padding:16px}.login-card{margin:25px auto;padding:18px}h1{font-size:26px}.bottomNav{display:flex;position:fixed;left:10px;right:10px;bottom:10px;height:60px;background:rgba(7,16,24,.98);border:1px solid #223744;border-radius:15px;z-index:10;justify-content:space-around;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.45)}.bottomNav a{font-size:10px;color:#7f909c;text-align:center;text-decoration:none}.bottomNav a b{display:block;font-size:18px;font-weight:400;margin-bottom:1px}.bottomNav a.active{color:#18baff}}

.photo-shortcut{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.photo-shortcut h2{margin-bottom:4px}.button-link{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(100deg,#087ab5,#0b9bd0);color:#fff;border:1px solid #1c9bd0;border-radius:9px;padding:11px 18px;font-weight:650;text-decoration:none}.button-link:hover{filter:brightness(1.1)}.upload-form{display:grid;gap:13px;max-width:650px}.upload-form input[type=file]{padding:10px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.photo-card{overflow:hidden;border:1px solid #1b3140;border-radius:12px;background:#08131c}.photo-preview{display:block;background:#050a0e;aspect-ratio:4/3;overflow:hidden}.photo-preview img{width:100%;height:100%;object-fit:contain;display:block}.photo-info{padding:12px;display:grid;gap:7px}.photo-info strong{overflow-wrap:anywhere;font-size:13px}.button-danger{background:#421d22;border:1px solid #82313a;color:#ffb5b9;padding:8px 11px;font-size:12px}.button-danger:hover{background:#61252d}

.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 0 18px;flex-wrap:wrap}.page-heading h1{margin:0 0 6px}.page-heading p{margin:0}.button-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;background:linear-gradient(100deg,#087ab5,#0b9bd0);color:#fff;border:1px solid #1c9bd0;border-radius:9px;padding:10px 15px;font-weight:650;white-space:nowrap}.button-link:hover{filter:brightness(1.1);text-decoration:none}.button-secondary{background:#0b1822;border-color:#263d4d;color:#cbd8e0}.plus{font-size:21px;line-height:1;font-weight:400}.search-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:15px}.search-label{flex:1;min-width:230px}.search-row button{height:43px}.section-meta{font-size:12px;color:#8194a1;margin:5px 0 10px}.empty-state{text-align:center;padding:45px 15px}.empty-icon{font-size:36px;color:#18baff}.empty-state h2{margin:10px 0 4px}.number-chip{display:inline-block;background:#0a2433;border:1px solid #16445d;border-radius:6px;padding:3px 7px;color:#7bd6ff;font-size:12px;font-weight:700;white-space:nowrap}.number-hint{display:flex;flex-direction:column;gap:3px;background:#091923;border:1px solid #1b3140;border-radius:9px;padding:12px 14px;color:#d8e7ef}.number-hint span{font-size:12px;color:#8797a3}.form-actions{display:flex;align-items:center;gap:18px}.device-thumb{display:block;width:74px;height:62px;object-fit:cover;border-radius:8px;border:1px solid #294250;background:#08131c}.thumb-placeholder{display:flex;align-items:center;justify-content:center;width:74px;height:62px;border:1px dashed #2c5367;border-radius:8px;color:#18baff;text-decoration:none;font-size:26px;background:#0a1b27}.devices-table{min-width:790px}.devices-table td:first-child,.devices-table th:first-child{width:95px}.devices-table td{vertical-align:middle}@media(max-width:760px){.page-heading{align-items:flex-start}.page-heading .button-link{width:100%}.search-row{align-items:stretch}.search-label{min-width:100%;}.search-row button{flex:1}.form-actions{flex-wrap:wrap}}

/* Bildvorschau als Overlay-Popup */
.device-thumb{cursor:zoom-in;transition:filter .15s ease}.device-thumb:hover{filter:brightness(1.12)}
.photo-popup{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,7,12,.86);backdrop-filter:blur(5px);align-items:center;justify-content:center;padding:24px}
.photo-popup.is-open{display:flex}
.photo-popup-content{position:relative;max-width:min(92vw,1100px);max-height:92vh;display:flex;flex-direction:column;align-items:center;gap:8px;background:#0b1720;border:1px solid #294454;border-radius:16px;padding:18px;box-shadow:0 25px 90px rgba(0,0,0,.65)}
.photo-popup-content img{display:block;max-width:calc(92vw - 70px);max-height:calc(88vh - 70px);width:auto;height:auto;object-fit:contain;border-radius:8px;cursor:zoom-out}
.photo-popup-content p{margin:0 30px 0 0;font-size:12px;text-align:center}
.photo-popup-close{position:absolute;right:7px;top:7px;width:34px;height:34px;padding:0;border-radius:50%;font-size:25px;line-height:1;background:#152b39;border-color:#3b5b6e;z-index:1}
body.photo-popup-open{overflow:hidden}
@media(max-width:760px){.photo-popup{padding:10px}.photo-popup-content{max-width:96vw;max-height:94vh;padding:12px}.photo-popup-content img{max-width:calc(96vw - 48px);max-height:calc(88vh - 55px)}}


/* Serververwaltung */
.server-connection{display:inline-flex;align-items:center;gap:8px;border:1px solid #294251;border-radius:999px;padding:7px 11px;font-size:12px;color:#a5b7c3;white-space:nowrap}
.server-connection span{width:8px;height:8px;border-radius:50%;background:#8496a1}
.server-connection.connected{color:#77e8b6;border-color:#205540;background:#0a211b}
.server-connection.connected span{background:#38dfa0;box-shadow:0 0 10px #38dfa0}
.server-connection.disconnected{color:#ffb1b4;border-color:#643139;background:#281317}
.server-connection.disconnected span{background:#ff6878}
.server-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.server-stat-label{font-size:12px;color:#8194a1;text-transform:uppercase;letter-spacing:.08em}
.server-version{font-size:32px!important}
.server-panel{margin-top:18px}
.server-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}
.server-panel-heading h2{margin-bottom:4px}
.refresh-note{font-size:11px;color:#708491}
.server-devices-table{min-width:1120px}
.server-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;white-space:nowrap}
.server-status{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650}
.server-status i{width:8px;height:8px;border-radius:50%;display:inline-block}
.server-status.is-online{color:#6de5ac}.server-status.is-online i{background:#35dc95;box-shadow:0 0 8px #35dc95}
.server-status.is-offline{color:#ff8d99}.server-status.is-offline i{background:#ff6678}
.server-age{display:block;color:#8194a1;font-size:11px;margin-top:3px}
.server-management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.server-management-grid .panel{min-width:0}
.server-file-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#0c2b3d;color:#50c8ff;font-size:21px;border:1px solid #1a4a63}
.firmware-file-state{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #213947;background:#09151e;border-radius:11px;margin:12px 0 17px}
.file-state-dot{width:10px;height:10px;border-radius:50%;flex:0 0 10px}
.file-present{background:#36d996;box-shadow:0 0 10px #36d996}
.file-missing{background:#ff6979}
.firmware-file-state strong,.firmware-file-state small{display:block}
.firmware-file-state strong{font-size:13px}.firmware-file-state small{font-size:11px;color:#8194a1;margin-top:3px}
.server-upload-form{display:grid;gap:13px}
.server-upload-form input[type=file]{padding:9px}
.server-url-label{font-size:12px;color:#8194a1;margin:18px 0 5px}
.server-url{display:block;overflow-wrap:anywhere;line-height:1.8}
.setup-steps{color:#c5d4dd;padding-left:22px}.setup-steps li{padding:5px 0}.setup-steps code{overflow-wrap:anywhere}
@media(max-width:1000px){.server-management-grid{grid-template-columns:1fr}.server-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.server-connection{white-space:normal}.server-stats{grid-template-columns:1fr}.server-panel-heading{flex-direction:column}.refresh-note{white-space:normal}}

/* v13: untere mobile Navigation auf allen Seiten vollständig entfernen */
.bottomNav{display:none!important}
@media(max-width:760px){.main{padding-bottom:35px}}
/* Dashboard – klare, moderne Startseite */
.dashboard-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:220px;overflow:hidden;padding:32px 36px;margin:4px 0 28px;border:1px solid #1b4054;border-radius:20px;background:radial-gradient(ellipse at 85% 20%,rgba(13,148,202,.22),transparent 42%),linear-gradient(120deg,#0e2432 0%,#0a1721 70%,#0a202d 100%);box-shadow:0 18px 48px rgba(0,0,0,.22)}
.dashboard-hero:after{content:"";position:absolute;width:340px;height:340px;right:-110px;bottom:-230px;border:1px solid rgba(24,186,255,.18);border-radius:50%;box-shadow:0 0 0 28px rgba(24,186,255,.025),0 0 0 58px rgba(24,186,255,.025)}
.dashboard-hero-copy{position:relative;z-index:1;max-width:650px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#66cfff;font-size:11px;font-weight:750;letter-spacing:.17em}.hero-dot{width:7px;height:7px;border-radius:50%;background:#27dca0;box-shadow:0 0 12px rgba(39,220,160,.65)}.dashboard-hero h1{font-size:clamp(28px,3vw,40px);letter-spacing:-1.1px;margin:18px 0 10px}.dashboard-hero p{max-width:580px;color:#a5b8c5;font-size:15px;margin:0;line-height:1.7}.hero-mark{position:relative;z-index:1;flex:0 0 145px;width:145px;height:145px;box-sizing:border-box;border:1px solid rgba(89,192,235,.22);border-radius:28px;background:rgba(5,20,30,.18);box-shadow:inset 0 0 35px rgba(24,186,255,.025)}.hero-image-placeholder{transform:none;}
.dashboard-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 10px}.dashboard-section-heading h2{margin:0 0 3px;font-size:19px}.dashboard-section-heading p{margin:0;font-size:13px}.account-chip{max-width:100%;overflow-wrap:anywhere;color:#9db0bd;background:#0b1923;border:1px solid #203746;border-radius:999px;padding:7px 12px;font-size:11px}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0 28px}.dashboard-stat{padding:22px 24px;gap:6px;min-height:200px;transition:transform .18s ease,border-color .18s ease}.dashboard-stat:hover{transform:translateY(-2px);border-color:#2b607b}.stat-top{display:flex;align-items:center;gap:10px}.stat-icon{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px;font-size:22px}.customer-icon{color:#67caff;background:rgba(24,186,255,.1)}.device-icon{color:#55e0ae;background:rgba(85,224,174,.09)}.stat-kicker{font-size:10px;font-weight:750;letter-spacing:.15em;color:#8297a5}.dashboard-stat strong{font-size:42px;margin-top:8px}.dashboard-stat p{margin:0 0 8px;color:#8297a5;font-size:13px}.dashboard-stat a{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid #1b2d3a;font-size:13px}.dashboard-stat a span{font-size:19px}.quick-heading{margin-top:8px}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.quick-action{display:flex;align-items:center;gap:14px;min-width:0;padding:18px;background:linear-gradient(145deg,#0e1d28,#0a151e);border:1px solid #1b3140;border-radius:14px;color:#eaf3f8;text-decoration:none;transition:border-color .18s ease,background .18s ease}.quick-action:hover{border-color:#287397;background:linear-gradient(145deg,#102839,#0b1a25)}.quick-action-icon{flex:0 0 38px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#0c3045;color:#51c9ff;font-size:25px;font-weight:300}.quick-action>span:nth-child(2){display:grid;gap:4px;min-width:0}.quick-action strong{font-size:13px}.quick-action small{color:#8297a5;font-size:11px;line-height:1.45}.quick-action>b{margin-left:auto;color:#42c6ff;font-size:19px;font-weight:400}
@media(max-width:760px){.dashboard-hero{min-height:0;padding:25px 21px;margin-bottom:23px}.dashboard-hero h1{font-size:28px}.dashboard-hero p{font-size:13px}.hero-mark{flex-basis:65px;width:65px;height:65px;border-radius:17px}.dashboard-section-heading{align-items:flex-start}.account-chip{border-radius:9px}.dashboard-stats,.quick-actions{grid-template-columns:1fr}.dashboard-stat{min-height:185px;padding:20px}.quick-action{padding:15px}.main{padding-bottom:35px}}

/* v15 – Fertigung, Prüfung, Historie und Live-Status */
.action-links{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.action-links .button-link{padding:9px 12px;font-size:12px}
.workflow-chip,.inspection-chip{display:inline-flex;align-items:center;max-width:170px;padding:5px 8px;border:1px solid #2a4657;border-radius:7px;background:#0a1b27;color:#b8dff2;font-size:11px;line-height:1.35;white-space:normal}
.inspection-pass{background:#0a261e;border-color:#205a43;color:#79e7b8}.inspection-fail{background:#32171c;border-color:#74333a;color:#ff9da6}
.devices-table{min-width:1100px}
.live-unavailable{border-color:#294251}.live-unavailable strong{display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#3bdc9a}.live-dot-off{background:#ff6979}
.live-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.live-stat{min-height:128px;padding:17px}.live-stat>span{font-size:12px;color:#8194a1}.live-stat strong{font-size:34px}.live-stat small{font-size:11px;color:#8194a1}.live-number-good{color:#65e3ad!important}.live-number-bad{color:#ff8a96!important}.live-device-panel{margin-top:14px}.live-device-table{min-width:650px}
.workflow-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.workflow-stat{min-height:100px;padding:17px}.workflow-stat>span{font-size:12px;color:#8194a1}.workflow-stat strong{font-size:30px}
.recent-activity{padding:4px 20px}.activity-row{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid #1b2d3a;color:#edf4f8;text-decoration:none}.activity-row:last-child{border-bottom:0}.activity-row:hover .activity-copy strong{color:#55caff}.activity-marker{flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#26b8f4;box-shadow:0 0 10px #26b8f433;margin-top:6px}.activity-copy{display:grid;gap:3px;min-width:0;flex:1}.activity-copy strong{font-size:13px}.activity-copy small{font-size:12px;color:#8797a3;overflow-wrap:anywhere}.activity-row time{font-size:11px;color:#718592;white-space:nowrap}
.history-list{display:grid}.history-item{display:grid;grid-template-columns:16px minmax(0,1fr);gap:14px;position:relative;padding:0 0 20px}.history-item:not(:last-child):before{content:"";position:absolute;left:6px;top:12px;bottom:-1px;width:1px;background:#294251}.history-marker{position:relative;z-index:1;width:13px;height:13px;border-radius:50%;background:#0d3145;border:2px solid #35bff5;margin-top:3px}.history-content{min-width:0;border:1px solid #203746;border-radius:11px;background:#09151e;padding:14px}.history-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.history-top strong{font-size:13px;color:#dcebf3}.history-top time{font-size:11px;color:#8194a1;white-space:nowrap}.history-content p{margin:8px 0;color:#b9c9d2;font-size:13px;overflow-wrap:anywhere}
@media(max-width:1000px){.live-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-stats{grid-template-columns:1fr}}
@media(max-width:760px){.action-links{width:100%;justify-content:flex-start}.action-links .button-link{flex:1}.live-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.live-stat{padding:14px}.live-stat strong{font-size:30px}.activity-row{flex-wrap:wrap}.activity-row time{margin-left:21px}.history-top{flex-direction:column;gap:4px}.recent-activity{padding:4px 14px}}


/* rClock Manager v19: customer lock and revenue dashboard */
.number-chip.customer-number-blocked{color:#ff5b66!important;background:rgba(255,70,85,.12)!important;border:1px solid rgba(255,70,85,.42)!important}
.customer-blocked-label{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:5px;background:rgba(255,70,85,.12);color:#ff6974;font-size:10px;font-weight:800;letter-spacing:.08em}
.revenue-stats{margin-bottom:18px}
.revenue-stat{min-width:0}
.revenue-stat strong{font-size:clamp(21px,2.4vw,30px)!important;white-space:nowrap}
.revenue-chart-panel{margin-bottom:24px}
.revenue-chart{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(4px,1vw,12px);align-items:end;min-height:190px;padding-top:18px}
.revenue-bar-group{display:flex;min-width:0;height:170px;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;color:var(--muted,#9ca3af);font-size:11px;text-align:center}
.revenue-bar-value{height:14px;max-width:100%;overflow:hidden;font-size:10px;white-space:nowrap;color:var(--text,#f5f5f5)}
.revenue-bar-track{display:flex;align-items:flex-end;justify-content:center;width:100%;height:118px;border-bottom:1px solid rgba(148,163,184,.18);background:rgba(148,163,184,.04);border-radius:7px 7px 3px 3px;overflow:hidden}
.revenue-bar{width:min(68%,28px);min-height:3px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#5eead4,#0f9f91);box-shadow:0 0 18px rgba(45,212,191,.12)}
.revenue-bar-group>span{display:flex;flex-direction:column;line-height:1.2}
.revenue-bar-group>span small{font-size:9px;opacity:.7}
@media(max-width:600px){.revenue-chart{gap:3px}.revenue-bar-group{height:145px;font-size:9px}.revenue-bar-track{height:98px}.revenue-bar-value{font-size:8px}.revenue-stat strong{font-size:18px!important}.revenue-stats{grid-template-columns:1fr!important}}


/* v20 – Umsatz-Dashboard: kompakte Kennzahlen und geglättete Diagrammoptik */
.revenue-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 20px}
.revenue-stat{min-width:0;min-height:108px;padding:17px 18px;display:flex;flex-direction:row;align-items:center;gap:13px;border-radius:13px;background:linear-gradient(125deg,#101f2b 0%,#0b1721 100%);border-color:#203747}
.revenue-icon{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:23px;font-weight:750}
.revenue-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.revenue-icon-year{color:#57d9ff;background:rgba(40,184,239,.12);border:1px solid rgba(40,184,239,.16)}
.revenue-icon-prev{color:#b7a0ff;background:rgba(153,116,255,.12);border:1px solid rgba(153,116,255,.17)}
.revenue-icon-total{color:#5ee4b0;background:rgba(60,214,157,.11);border:1px solid rgba(60,214,157,.16)}
.revenue-stat-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.revenue-stat-copy>span{font-size:12px;color:#9aabb7;font-weight:600}
.revenue-stat-copy strong{font-size:clamp(18px,1.8vw,25px)!important;line-height:1.18;white-space:nowrap;letter-spacing:-.5px;overflow:hidden;text-overflow:ellipsis}
.revenue-stat-copy small{font-size:10px;color:#6f8492}
.revenue-chart-panel{padding:22px 24px 16px;margin:0 0 25px;overflow:hidden;background:radial-gradient(ellipse at 80% 0%,rgba(22,116,154,.10),transparent 45%),linear-gradient(145deg,#0e1b26,#0a141d);border-color:#1c3443}
.revenue-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:8px}
.revenue-chart-heading h3{margin:4px 0 2px;font-size:19px;font-weight:600;letter-spacing:-.25px}
.revenue-chart-heading p{margin:0;font-size:12px}
.revenue-chart-kicker{font-size:9px;font-weight:800;letter-spacing:.17em;color:#55cfff}
.revenue-chart-badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid #234252;background:#0b1d29;color:#9db3c0;padding:7px 10px;border-radius:8px;font-size:10px}
.revenue-chart-badge i,.revenue-chart-foot i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#48d7d0;box-shadow:0 0 10px rgba(72,215,208,.35)}
.revenue-chart-scroll{width:100%;overflow-x:auto;scrollbar-color:#284454 transparent;scrollbar-width:thin}
.revenue-line-chart{display:block;width:100%;min-width:600px;height:auto;overflow:visible}
.chart-gridline{stroke:rgba(135,164,181,.15);stroke-width:1;stroke-dasharray:3 5}
.chart-y-label{fill:#718895;font-size:10px;font-family:system-ui,sans-serif}
.chart-x-label{fill:#8da2af;font-size:11px;font-family:system-ui,sans-serif}
.chart-area{fill:url(#revenueAreaGradient);opacity:.85}
.chart-line{fill:none;stroke:#48d7d0;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 5px rgba(72,215,208,.22))}
.chart-point{fill:#0c1b25;stroke:#64e6de;stroke-width:2.5;cursor:help}
.revenue-line-chart defs{display:block}
.revenue-line-chart .chart-area{fill:rgba(49,201,195,.11)}
.revenue-chart-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(135,164,181,.12);margin-top:5px;padding-top:12px;color:#708592;font-size:10px}
.revenue-chart-foot span:first-child{display:flex;align-items:center;gap:7px;color:#9cb0bc}
@media(max-width:1100px){.revenue-stat{padding:15px 12px;gap:9px}.revenue-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px}.revenue-stat-copy strong{font-size:clamp(16px,2vw,22px)!important}}
@media(max-width:760px){.revenue-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 17px}.revenue-stat{padding:12px 9px;min-height:110px;flex-direction:column;align-items:flex-start;gap:8px}.revenue-icon{width:32px;height:32px;flex-basis:32px;font-size:18px}.revenue-icon svg{width:18px;height:18px}.revenue-stat-copy>span{font-size:10px}.revenue-stat-copy strong{font-size:clamp(13px,3.1vw,18px)!important;letter-spacing:-.4px}.revenue-stat-copy small{font-size:9px}.revenue-chart-panel{padding:17px 13px 13px}.revenue-chart-heading{align-items:flex-start}.revenue-chart-heading h3{font-size:17px}.revenue-chart-badge{font-size:9px;padding:6px 7px}.revenue-chart-foot{align-items:flex-start;flex-direction:column;gap:6px}}
@media(max-width:360px){.revenue-stats{grid-template-columns:1fr}.revenue-stat{min-height:0;flex-direction:row;align-items:center;padding:12px}.revenue-stat-copy strong{font-size:20px!important}}


/* rClock Manager – Mobile-Optimierung für iPhone und kleine Displays
   Ergänzt die vorhandenen Regeln, ohne Desktop-Layout oder Drucklayout zu ersetzen. */
@media screen and (max-width: 760px) {
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  body { min-width: 0; overflow-x: hidden; }
  .app { display: block; min-height: 100dvh; }
  .side {
    display: flex !important;
    position: relative; top: auto; z-index: 5;
    width: 100%; height: auto; min-height: 0; flex: none;
    padding: 10px 12px 9px;
    border-right: 0; border-bottom: 1px solid #1b2b38;
    gap: 8px;
  }
  .side .brand { display: none; }
  .side .nav {
    display: flex; width: 100%; gap: 7px;
    overflow-x: auto; overflow-y: hidden;
    padding: 1px 0 4px; margin: 0;
    -webkit-overflow-scrolling: touch; scrollbar-width: thin;
    scroll-snap-type: x proximity;
  }
  .side .nav a {
    flex: 0 0 auto; min-height: 40px; height: auto;
    padding: 9px 12px; gap: 7px; white-space: nowrap;
    font-size: 13px; scroll-snap-align: start;
  }
  .main { width: 100%; min-width: 0; max-width: none; padding: 14px 12px calc(24px + env(safe-area-inset-bottom)); }
  .mobileTitle { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 14px; }
  .mobileLogo { width: clamp(105px, 36vw, 145px); max-width: 60vw; height: auto; }
  .topbar { display: none; }
  h1 { font-size: clamp(23px, 6vw, 28px); line-height: 1.2; overflow-wrap: anywhere; }
  h2 { font-size: 17px; }
  .panel, .login-card { padding: 15px; border-radius: 13px; margin: 12px 0; }
  .login-card { width: 100%; max-width: 520px; margin: 18px auto; }
  .form-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 13px; }
  .wide { grid-column: auto; }
  input, select, textarea, button { max-width: 100%; }
  input, select, textarea { font-size: 16px; min-height: 44px; }
  textarea { min-height: 100px; }
  button, .button-link, a.button-link { min-height: 42px; }
  .page-heading { display: flex; flex-direction: column; align-items: stretch; gap: 10px; }
  .page-heading > * { max-width: 100%; }
  .search-row { display: flex; flex-wrap: wrap; gap: 9px; }
  .search-row input, .search-row select { min-width: 0; flex: 1 1 180px; }
  .table-wrap { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 8px; }
  .table-wrap table { min-width: 650px; }
  .table-wrap th, .table-wrap td { padding: 10px 9px; }
  .stats, .live-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .action-links { display: flex; flex-wrap: wrap; gap: 8px; }
  .action-links > * { flex: 1 1 140px; }
  .dashboard-hero { gap: 14px; }
  img, video, iframe { max-width: 100%; }
  .bottomNav { display: none !important; }
  footer { padding: 18px 8px calc(12px + env(safe-area-inset-bottom)); }
}
@media screen and (max-width: 430px) {
  .main { padding-left: 9px; padding-right: 9px; }
  .panel, .login-card { padding: 12px; }
  .side { padding-left: 8px; padding-right: 8px; }
  .side .nav a { padding: 8px 10px; font-size: 12px; }
  .live-stats, .stats { grid-template-columns: minmax(0, 1fr); }
  .revenue-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-heading .button-link, .page-heading button { width: 100%; }
  .form-actions { display: flex; flex-direction: column; align-items: stretch; gap: 8px; }
  .form-actions > * { width: 100%; }
  .dashboard-hero h1 { font-size: 25px; }
}
@media screen and (max-width: 360px) {
  .revenue-stats { grid-template-columns: minmax(0, 1fr); }
  .mobileTitle { gap: 6px; }
  .mobileTitle .tiny { font-size: 10px; }
}
@media screen and (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; }
}

/* Fertigungs- und Prüfprotokoll */
.protocol-panel{margin-top:18px}.protocol-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.protocol-heading h2{margin:0 0 4px}.protocol-heading p{margin:0}.protocol-progress{height:8px;width:min(220px,40%);background:#1b2c38;border-radius:999px;overflow:hidden;flex-shrink:0}.protocol-progress span{display:block;height:100%;background:#169ee5;border-radius:999px}.protocol-step{padding:15px 0;border-top:1px solid #203542}.protocol-step-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.protocol-step-title strong{font-size:14px}.protocol-state{display:inline-flex;align-items:center;border:1px solid #304756;border-radius:999px;padding:4px 9px;font-size:11px;white-space:nowrap;color:#a9bdc9;background:#101f29}.protocol-state.state-bestanden{color:#75e5b4;border-color:#205b46;background:#0a241c}.protocol-state.state-nicht-bestanden{color:#ff9ca7;border-color:#69333b;background:#29151a}.protocol-state.state-in-arbeit{color:#7dd5ff;border-color:#23516a;background:#0b2432}.protocol-fields{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(220px,2fr) auto;gap:12px;align-items:end}.protocol-fields label{display:grid;gap:6px;font-size:12px;color:#a9bdc9}.protocol-fields select,.protocol-fields textarea{width:100%;min-width:0}.protocol-notes textarea{resize:vertical}.protocol-save button{min-height:42px;white-space:nowrap}.protocol-meta{font-size:11px;color:#8194a1;margin:8px 0 0}.protocol-panel .table-wrap{max-width:100%}@media(max-width:760px){.protocol-heading{align-items:flex-start}.protocol-progress{width:100px;margin-top:5px}.protocol-fields{grid-template-columns:1fr}.protocol-step-title{align-items:flex-start}.protocol-save button{width:100%}.protocol-step{padding:17px 0}.protocol-panel{padding:16px}}