@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";:root{--app-bg:#f3f6fb;--border:#e2e8f0;--muted:#64748b;--teal:#00a6a6;--teal-dark:#007c7c;--teal-soft:#e6fffb;--text:#334155;--text-strong:#0f172a;--shadow:0 18px 45px #0f172a0f;color:var(--text);background:var(--app-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--app-bg);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}input,select,textarea,button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f9fafb}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.login-page{color:#fff;background:linear-gradient(135deg,#042f3f 0%,#0f766e 48%,#ef4565 100%);grid-template-columns:minmax(0,1.1fr) minmax(360px,520px);min-height:100vh;display:grid}.login-hero{align-content:space-between;gap:56px;min-height:100vh;padding:64px;display:grid}.brand-lockup{letter-spacing:0;align-items:baseline;gap:12px;display:inline-flex}.siemens{font-size:26px;font-weight:800}.healthineers{color:#ff6f91;font-size:20px;font-weight:700}.release-copy{max-width:720px}.release-copy p,.page-heading p,.panel-header p,.metric-card p,.confirm-card p{color:var(--muted)}.release-copy p{color:#bdf6ef;text-transform:uppercase;margin-bottom:18px;font-size:14px;font-weight:800}.release-copy h1{color:#fff;max-width:760px;margin-bottom:22px;font-size:clamp(48px,7vw,86px);line-height:.98}.release-copy span{color:#d7fffb;max-width:640px;font-size:20px;line-height:1.6;display:block}.compliance-row{flex-wrap:wrap;gap:14px;display:flex}.compliance-row span{color:#f8ffff;background:#ffffff1a;border:1px solid #ffffff47;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700}.login-card{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:18px;place-self:center;gap:22px;width:min(420px,100% - 48px);padding:32px;display:grid;box-shadow:0 28px 80px #0f172a3d}.login-card h2,.page-heading h1{color:var(--text-strong);margin:0;font-size:32px;line-height:1.15}.login-card p{color:#64748b;margin-top:8px}.login-card label,.role-picker{color:#334155;gap:8px;font-size:13px;font-weight:700;display:grid}.login-card input{box-sizing:border-box;color:#111827;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:12px 14px;font-size:14px}.role-picker>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}button{font:inherit;cursor:pointer;border:0}.role-picker button,.top-actions button,.panel-header button,.form-actions button,.collapse-button{border:1px solid var(--border);color:var(--text-strong);background:#fff;border-radius:10px;font-weight:700}.role-picker button{padding:10px 12px}.role-picker button.selected,.role-toggle{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-dark)}.primary-action{background:var(--teal);color:#fff;border-radius:10px;padding:13px 18px;font-weight:800}.login-meta{color:#64748b;justify-content:space-between;gap:16px;font-size:12px;display:flex}.fleet-app{background:var(--app-bg);grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#fff;grid-template-rows:auto auto 1fr auto;gap:22px;height:100vh;padding:24px;display:grid;position:sticky;top:0}.sidebar-brand .siemens{color:#0f172a;font-size:20px}.sidebar-brand .healthineers{font-size:16px}.product-tile{border:1px solid var(--border);background:#f8fafc;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.device-glyph,.avatar,.mini-icon{background:var(--teal-soft);color:var(--teal-dark);border-radius:10px;flex:none;place-items:center;font-weight:800;display:inline-grid}.device-glyph{width:42px;height:42px}.product-tile strong,.product-tile span,.user-chip strong,.user-chip small{display:block}.product-tile strong{color:var(--text-strong);font-size:14px}.product-tile span,.user-chip small{color:var(--muted);font-size:12px}.nav-list{align-content:start;gap:6px;display:grid}.nav-list button,.collapse-button{color:#475569;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;font-weight:700;display:flex}.nav-list button.active{background:var(--teal-soft);color:var(--teal-dark)}.mini-icon{border-radius:8px;width:28px;height:28px;font-size:12px}.workspace{min-width:0}.topbar{z-index:2;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:24px;padding:16px 28px;display:flex;position:sticky;top:0}.breadcrumb,.top-actions,.user-chip,.project-chip,.metric-title,.deployment-title,.deployment-counts,.form-actions,.form-actions span{align-items:center;display:flex}.breadcrumb{color:var(--muted);gap:10px;font-size:14px}.breadcrumb strong{color:var(--text-strong)}.top-actions{gap:10px}.top-actions button,.panel-header button,.form-actions button{min-height:38px;padding:8px 12px;font-size:13px}.project-chip{gap:8px}.notification{width:38px}.user-chip{color:var(--text-strong);gap:10px}.avatar{border-radius:999px;width:38px;height:38px}.user-chip button{color:#64748b}.workspace-content{padding:30px}.content-stack{gap:24px;max-width:1500px;display:grid}.page-heading{gap:8px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card,.panel,.confirm-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:16px}.metric-card{gap:14px;padding:20px;display:grid}.metric-title{color:#475569;gap:10px;font-size:13px;font-weight:800}.metric-value-row{justify-content:space-between;gap:12px;display:flex}.metric-value-row strong{color:var(--text-strong);font-size:32px;line-height:1}.delta{border-radius:999px;align-self:center;padding:5px 8px;font-size:12px;font-weight:800}.delta.warning,.fail-count{color:#92400e;background:#fef3c7}.delta.success,.ok-count{color:#166534;background:#dcfce7}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:18px;display:grid}.panel,.confirm-card{padding:22px}.panel-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.panel-header h2,.confirm-card h2{color:var(--text-strong);margin:0 0 6px;font-size:18px}.deployment-list,.composition-list,.simple-table{gap:10px;display:grid}.deployment-row{border:1px solid #edf2f7;border-radius:12px;grid-template-columns:minmax(0,1.4fr) 110px 100px;align-items:center;gap:16px;padding:14px;display:grid}.deployment-title{flex-wrap:wrap;gap:8px}.deployment-title strong{color:var(--text-strong)}.deployment-title span,.deployment-title em,.deployment-row small{color:var(--muted)}.deployment-title em{font-style:normal}.deployment-counts{justify-content:end;gap:6px}.deployment-counts span{border-radius:999px;padding:4px 7px;font-size:12px;font-weight:800}.progress-cell{color:var(--text-strong);text-align:right;gap:6px;display:grid}.progress-cell span,.track{background:#e2e8f0;border-radius:999px;height:7px;display:block;overflow:hidden}.progress-cell i,.track i{border-radius:inherit;background:var(--teal);height:100%;display:block}.composition-row{gap:8px;display:grid}.composition-row div{color:#334155;justify-content:space-between;gap:12px;font-size:13px;display:flex}.composition-row strong{color:var(--text-strong)}.workflow-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.workflow-strip div{border:1px solid var(--border);color:#475569;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:12px;font-size:13px;font-weight:800;display:flex}.workflow-strip span{color:#334155;background:#e2e8f0;border-radius:999px;place-items:center;width:26px;height:26px;display:inline-grid}.workflow-strip .current{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-dark)}.workflow-strip .current span{background:var(--teal);color:#fff}.confirm-card{gap:18px;display:grid}.confirm-card>span,.summary-grid span,.schedule-note span{color:var(--teal-dark);text-transform:uppercase;font-size:12px;font-weight:900}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.summary-grid div,.schedule-note,.warning-note,.simple-table div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.summary-grid div,.schedule-note{gap:6px;display:grid}.summary-grid strong,.schedule-note strong{color:var(--text-strong)}.summary-grid small{color:var(--muted)}.warning-note{background:#fff7ed;border-color:#fed7aa;gap:12px;display:flex}.warning-note p{color:#7c2d12}.form-actions{justify-content:space-between}.form-actions span{gap:10px}.compact-action{min-height:38px;padding:9px 14px}.simple-table div{grid-template-columns:minmax(0,1fr) 160px 130px;align-items:center;gap:16px;display:grid}.simple-table strong{color:var(--teal-dark)}.simple-table em{color:var(--muted);font-style:normal}@media (width<=1180px){.fleet-app,.login-page{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.metric-grid,.dashboard-grid,.workflow-strip,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.top-actions{flex-direction:column;align-items:stretch}}@media (width<=720px){.login-hero{min-height:auto;padding:32px 20px}.login-card{width:calc(100% - 32px);margin:0 0 32px}.workspace-content,.sidebar,.topbar{padding:18px}.metric-grid,.dashboard-grid,.workflow-strip,.summary-grid,.deployment-row,.simple-table div{grid-template-columns:1fr}.deployment-counts,.progress-cell{text-align:left;justify-content:start}}
