:root{--ink:#24273c;--muted:#72768b;--primary:#5046e5;--line:#e9ebf2;--surface:#fff;--canvas:#f2f3f7;--green:#009b70;--purple:#6c47ea;--bs-primary:#5046e5;--bs-body-color:#52576a;--bs-heading-color:#24273c;--bs-body-font-family:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:1rem;letter-spacing:0;color:var(--ink)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:var(--primary)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ab99ff;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}h1,h2,h3,p{margin-top:0}h1{font-size:1.65rem;font-weight:650;letter-spacing:-.6px}h2{font-size:1.08rem;font-weight:650;margin-bottom:5px}h3{font-size:1rem}small,.small{font-size:.8125rem}.muted{color:var(--muted)}.icon{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.brand{font-size:2rem;letter-spacing:-1.9px;font-weight:750;color:#353354;line-height:1}.brand span{color:#6650ef;font-size:.9rem;margin-left:3px;vertical-align:middle}.brand small{display:block;font-size:.625rem;letter-spacing:2px;font-weight:600;margin-top:10px;color:#9794af}.boot{display:grid;place-content:center;gap:25px;min-height:100vh;text-align:center}.btn{font-size:.875rem;font-weight:600;border-radius:9px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn-primary{background:#5146e5;border-color:#5146e5;box-shadow:0 4px 10px #5046e51c}.btn-primary:hover,.btn-primary:focus{background:#4237cf;border-color:#4237cf}.btn-light{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-light:hover{background:#f4f2ff;border-color:#c8bfff}.btn-quiet{background:transparent;border:0;color:var(--muted);padding:7px}.btn-sm{padding:7px 11px;font-size:.8125rem}.btn .icon{width:18px;height:18px}.form-control,.form-select{font-size:.875rem;border-color:#e0e3ec;border-radius:9px;min-height:43px;background-color:white;color:var(--ink)}.form-select{padding-right:36px}input::placeholder{color:#8d91a6!important;opacity:1!important}.card{background:var(--surface);border:1px solid #e9ebf180;border-radius:18px;box-shadow:0 3px 13px #28254b04;margin-bottom:0;overflow:hidden}.card-body{padding:23px}.ey-sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#fff;border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column;padding:26px 16px 18px}.ey-sidebar .brand{padding-left:18px;margin-bottom:35px}.nav-caption{padding:9px 17px;color:#9c9fb1;font-size:.6875rem;letter-spacing:1.7px;font-weight:700;margin:8px 0}.ey-nav{display:flex;flex-direction:column;gap:6px}.nav-link{border:0;background:none;display:flex;align-items:center;text-align:left;gap:13px;padding:12px 16px;color:#6a6d80;border-radius:9px;font-size:.875rem;font-weight:500;width:100%}.nav-link:hover{color:#5146e5;background:#f6f4ff}.nav-link.active{color:#6550e6;background:#eeebfd;font-weight:650}.nav-link .nav-count{margin-left:auto;background:#6650e6;color:#fff;min-width:23px;height:22px;text-align:center;border-radius:6px;font-size:.75rem;padding:2px 5px}.sidebar-bottom{margin-top:auto}.simulation-box{margin:25px 5px 18px;padding:17px;border:1px solid #ece8ff;background:#f8f6ff;border-radius:13px;color:#6d58c6;font-size:.8125rem}.simulation-box p{margin:8px 0 0;line-height:1.6;color:#8b84a0;font-size:.75rem}.profile{display:flex;align-items:center;gap:10px;padding:13px 10px 0;border-top:1px solid var(--line)}.avatar{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#eae6fc;color:#7560cc;font-size:.8125rem;font-weight:650;flex-shrink:0}.profile strong{font-size:.8125rem;display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile small{font-size:.75rem;color:var(--muted)}.ey-header{position:fixed;top:0;left:244px;right:0;height:77px;background:#ffffffec;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:20;display:flex;align-items:center;gap:18px;padding:0 30px}.header-name{font-size:.875rem;color:#828599}.header-name b{color:#4a4e63;font-weight:500}.header-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.live-indicator{display:flex;align-items:center;gap:7px;color:var(--green);font-size:.8125rem;font-weight:600;white-space:nowrap}.dot{height:7px;width:7px;border-radius:50%;background:currentColor;display:inline-block}.header-divider{height:28px;width:1px;background:var(--line)}.icon-btn{display:grid;place-items:center;background:none;border:0;padding:8px;color:#777b91;border-radius:10px}.icon-btn:hover{background:#f0edff;color:#6048dd}.mobile-toggle{display:none}.ey-main{margin-left:244px;padding:105px 30px 0;min-height:100vh}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.breadcrumb-line{font-size:.75rem;color:#a0a2b1;display:flex;align-items:center;gap:8px;margin-bottom:11px}.breadcrumb-line .icon{width:14px;height:14px}.page-intro h1{margin-bottom:7px}.page-intro p{font-size:.875rem;color:var(--muted);margin:0}.page-tools{display:flex;align-items:center;gap:10px}.page-tools select{width:210px}.sim-badge{font-size:.6875rem;letter-spacing:.7px;color:#9c7417;background:#fff5d8;border:1px solid #f5e8bf;padding:5px 8px;border-radius:6px;font-weight:650}.scope-banner{display:flex;align-items:center;gap:12px;border:1px solid #e7e0fc;background:#f0edfe;padding:12px 17px;border-radius:11px;margin-bottom:23px;color:#72629f;font-size:.8125rem}.scope-banner .icon{color:#8c71de;width:18px}.scope-banner .scope-end{margin-left:auto;font-size:.75rem;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:23px}.stat{padding:21px;position:relative}.stat-heading{display:flex;align-items:center;justify-content:space-between;color:#7c8093;font-size:.8125rem}.stat-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#eeebff;color:#8461ef}.stat-value{font-size:2rem;font-weight:650;line-height:1.2;margin:15px 0 9px;letter-spacing:-1px}.stat-bottom{font-size:.75rem;color:#8a8fa0;display:flex;align-items:center;gap:6px}.stat.primary{background:linear-gradient(110deg,#6650e8,#9067ef);border:0;color:#fff;box-shadow:0 7px 18px #7a57e52b}.stat.primary .stat-heading,.stat.primary .stat-bottom{color:#eeebff}.stat.primary .stat-icon{background:#ffffff26;color:white}.stat.green .stat-icon{background:#e1f9ed;color:#18ad72}.stat.orange .stat-icon{background:#fff0e0;color:#ef9a34}.stat.blue .stat-icon{background:#e5f3fe;color:#429be5}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(300px,1fr);gap:23px;margin-bottom:23px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.card-heading p{font-size:.75rem;color:var(--muted);margin:5px 0 0}.card-heading select{width:auto;max-width:240px;min-height:35px;font-size:.8125rem;padding-top:6px;padding-bottom:6px}.chart-selects{display:flex;gap:8px;align-items:center}.chart-reading{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;min-height:41px}.chart-reading strong{font-size:1.75rem;font-weight:600;letter-spacing:-.8px}.chart-reading span{font-size:.8125rem;color:var(--muted)}.chart-wrap{position:relative;height:220px;min-width:0}.chart{width:100%;height:220px;overflow:visible}.chart text{fill:#9195a8;font-size:11px;font-family:inherit}.chart-legend{display:flex;align-items:center;gap:18px;font-size:.75rem;color:#8c8f9f;margin-top:15px;flex-wrap:wrap}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:3px;background:#8060ef;margin-right:6px}.legend-line{display:inline-block;width:16px;border-top:2px dashed #eea869;margin-right:6px;vertical-align:middle}.chart-empty{height:220px;display:grid;place-content:center;text-align:center;color:var(--muted);font-size:.875rem}.health-top{display:flex;align-items:center;justify-content:center;gap:23px;margin:12px 0 24px}.health-ring{width:140px;height:140px;position:relative;flex-shrink:0}.health-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-label strong{font-size:1.7rem;font-weight:650}.ring-label small{font-size:.75rem;color:var(--muted)}.health-numbers{display:grid;gap:15px;font-size:.8125rem}.health-numbers b{float:right;margin-left:15px}.health-detail{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:12px}.health-detail .stat-icon{background:#f0edff}.health-detail strong{font-size:.8125rem;display:block}.health-detail small{font-size:.75rem;color:var(--muted)}.health-note{font-size:.75rem;color:#9a9cad;margin:17px 0 0;line-height:1.7}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(300px,1fr);gap:23px;margin-bottom:25px}.table-wrap{overflow-x:auto}.ey-table{width:100%;border-collapse:collapse;font-size:.8125rem;white-space:nowrap}.ey-table th{font-size:.6875rem;font-weight:650;letter-spacing:.5px;text-transform:uppercase;color:#a0a3b3;padding:12px 15px;background:#fafafd;border-bottom:1px solid var(--line)}.ey-table td{padding:16px 15px;border-bottom:1px solid #f0f1f7;vertical-align:middle}.ey-table tr:last-child td{border:0}.ey-table tr:hover td{background:#fdfcff}.device-cell{display:flex;gap:10px;align-items:center}.device-cell .device-symbol{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f2effc;color:#9a80da}.device-cell .icon{width:19px;height:19px}.device-cell strong{display:block;font-weight:600}.device-cell small{display:block;font-size:.6875rem;color:#a2a4b4;margin-top:3px}.table-link{padding:0;border:0;background:none;color:var(--ink);text-align:left}.table-link:hover{color:#7555db}.badge-status{padding:5px 9px;background:#e9f9f1;color:#17a576;font-size:.6875rem;border-radius:6px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.badge-status.paused,.badge-status.stale{color:#8a8a9c;background:#f0f0f6}.badge-status.warn{background:#fff2dd;color:#bb8524}.badge-status .dot{width:5px;height:5px}.pill{font-size:.6875rem;color:#9797ae;border:1px solid #e9e7f3;border-radius:5px;padding:4px 7px;background:#fbfaff}.section-link{border:0;background:none;color:#9172dd;font-size:.75rem;display:flex;align-items:center;gap:4px;padding:5px 0}.section-link .icon{width:14px;height:14px}.table-header{padding:22px 23px 4px}.alarm-list{display:grid;gap:0}.alarm-row{display:flex;align-items:flex-start;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.alarm-row:last-child{border:0}.alarm-symbol{border-radius:11px;background:#fff1df;color:#e3a144;min-width:36px;height:36px;display:grid;place-items:center}.alarm-symbol .icon{width:19px}.alarm-text{min-width:0}.alarm-text strong{display:block;font-size:.8125rem;font-weight:600}.alarm-text p{font-size:.75rem;color:#999aac;margin:5px 0}.alarm-value{margin-left:auto;color:#d69b42;font-size:.8125rem;font-weight:600;white-space:nowrap}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:43px 20px;color:var(--muted);gap:10px;font-size:.875rem}.empty .icon{width:31px;height:31px;color:#b6afd2}.empty p{margin:0;max-width:320px;font-size:.8125rem}.ey-footer{padding:20px 0;border-top:1px solid #e5e7f0;display:flex;justify-content:space-between;gap:10px;font-size:.6875rem;color:#a4a6b6}.ey-footer b{font-weight:600;color:#898ca0}.ey-footer .right{display:flex;gap:18px}.company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;margin-bottom:30px}.company-mark{width:52px;height:52px;border-radius:15px;background:#efebff;color:#8f73de;display:grid;place-items:center;margin-bottom:23px;font-weight:650;font-size:1.2rem}.company-card h2{margin-bottom:8px}.company-card p{font-size:.8125rem;color:var(--muted)}.company-numbers{display:flex;gap:35px;margin:26px 0 20px}.company-numbers strong{font-size:1.3rem;display:block;font-weight:600}.company-numbers span{font-size:.75rem;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.toolbar input{max-width:320px}.filter-count{margin-left:auto;color:var(--muted);font-size:.8125rem}.full-card{margin-bottom:25px}.notice{background:#fff6e5;color:#967128;padding:12px 16px;border:1px solid #f7e8c7;border-radius:9px;font-size:.8125rem;line-height:1.7}.error-notice{background:#fff0f2;color:#b64d66;border-color:#f4d5de}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-bottom:25px}.protocol-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);gap:12px}.protocol-row:last-child{border:0}.protocol-row strong{font-size:.875rem}.protocol-row small{display:block;color:var(--muted);margin-top:4px}.settings-form{display:grid;gap:16px;margin-top:22px}label{display:block;font-size:.8125rem;font-weight:500;color:#656b80}label .form-control,label .form-select{margin-top:8px}.tag-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:20px 0}.tag-card{padding:16px;background:#f7f6fc;border-radius:11px}.tag-card span{font-size:.75rem;color:var(--muted);display:block}.tag-card strong{display:block;font-size:1.35rem;margin-top:9px;font-weight:600}.tag-card small{font-size:.6875rem;color:#a3a1b3}.subtle-caption{font-size:.75rem;color:var(--muted);line-height:1.7}dialog{border:0;border-radius:20px;padding:28px;width:min(530px,calc(100vw - 28px));box-shadow:0 25px 80px #20203d33;max-height:90vh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#27253c61;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.dialog-head h2{font-size:1.2rem;margin:0}dialog form{display:grid;gap:17px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:20px;margin-top:7px}.form-error{color:#ba4264;background:#fff2f5;border-radius:7px;font-size:.8125rem;padding:10px}.form-error:empty{display:none}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#302943;color:#fff;border-radius:11px;padding:13px 22px;font-size:.875rem;z-index:100;box-shadow:0 7px 30px #30294330;max-width:90vw;display:none}#toast.show{display:block}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:white}.login-art{background:linear-gradient(150deg,#24204c 0%,#493c80 60%,#7060b6 100%);padding:55px 12%;color:white;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;overflow:hidden}.login-art .brand{color:white}.login-art .brand span{color:#ad96ff}.login-art .brand small{color:#b1a8d7}.login-art h1{font-size:clamp(2.1rem,3.4vw,3.4rem);letter-spacing:-1.7px;line-height:1.16;color:#fff;font-weight:600;margin:35px 0 21px}.login-art p{font-size:1rem;line-height:1.8;color:#c6bedf;max-width:365px}.login-art .eyebrow{font-size:.6875rem;color:#c1b0ff;letter-spacing:2px}.login-art footer{font-size:.75rem;color:#bbb0d7}.network-diagram{border:1px solid #ffffff28;border-radius:18px;padding:23px;background:#ffffff08;margin:33px 0;max-width:370px}.network-diagram .network-center{display:flex;align-items:center;gap:13px;color:#e1dafa;padding:10px}.network-center .icon{width:30px;height:30px}.network-center strong{font-size:.875rem;display:block}.network-center small{font-size:.6875rem;display:block;color:#afa2d4;margin-top:3px}.network-branches{border-top:1px solid #b1a2df4a;display:flex;gap:12px;padding-top:20px;margin-top:12px}.network-node{background:#ffffff0d;border:1px solid #ffffff1c;border-radius:9px;padding:14px 10px;flex:1;font-size:.6875rem;text-align:center;color:#e2d9f7}.network-node .icon{display:block;margin:0 auto 8px;color:#bca7f9}.login-panel{display:grid;place-items:center;padding:40px}.login-form-wrap{width:min(390px,100%)}.login-form-wrap h2{font-size:1.7rem;letter-spacing:-.8px;margin-bottom:10px}.login-form-wrap>p{font-size:.875rem;color:#9294a7;margin-bottom:35px;line-height:1.7}.login-form-wrap form{display:grid;gap:20px}.login-form-wrap .btn{margin-top:7px;height:47px}.login-meta{font-size:.75rem;color:#a4a5b4;line-height:1.8;margin:29px 0}.login-badge{display:inline-flex;margin-bottom:25px;font-size:.6875rem;padding:6px 10px;letter-spacing:.7px;border-radius:5px;color:#9180bc;background:#f3effb}.setup-body{display:grid;place-items:center;min-height:100vh;padding:20px}.setup-card{padding:35px;width:500px;max-width:100%}.setup-card .brand{margin-bottom:30px}.setup-card form{display:grid;gap:18px}.setup-card>p{font-size:.875rem}.setup-card a{margin-top:20px}.mobile-overlay{display:none}.refresh-error{position:sticky;top:77px;z-index:10;margin-bottom:18px}.spin{animation:spin 1s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.ey-main{padding-left:42px;padding-right:42px}.ey-header{padding:0 42px}.dashboard-grid,.bottom-grid{grid-template-columns:minmax(0,2.05fr) minmax(330px,1fr)}.chart-wrap,.chart{height:260px}}
@media(max-width:1250px){.ey-sidebar{width:218px}.ey-header{left:218px;padding:0 23px}.ey-main{margin-left:218px;padding:101px 23px 0}.stats-grid{gap:13px}.stat{padding:17px}.dashboard-grid,.bottom-grid{grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:17px}.card-body{padding:19px}.chart-selects{flex-wrap:wrap;justify-content:flex-end}.health-top{gap:12px}.health-ring{width:118px;height:118px}.health-numbers{font-size:.75rem}.health-numbers b{margin-left:8px}.company-grid{grid-template-columns:repeat(2,1fr)}.page-tools select{width:180px}.header-date{display:none}}
@media(max-width:1050px){.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.health-top{justify-content:flex-start}.health-numbers{font-size:.875rem;min-width:190px}.health-note{margin:12px 0 0}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-intro{align-items:flex-start;flex-direction:column;gap:14px}.page-tools{width:100%;justify-content:space-between}.page-tools select{width:auto;min-width:200px}.settings-grid{grid-template-columns:1fr}.card-heading select{max-width:220px}}
@media(max-width:760px){.ey-sidebar{transform:translateX(-100%);transition:transform .2s;width:244px}.menu-open .ey-sidebar{transform:translateX(0)}.menu-open .mobile-overlay{display:block;position:fixed;inset:0;background:#22263a60;z-index:25}.ey-header{left:0;height:68px;padding:0 16px;gap:10px}.ey-main{margin-left:0;padding:92px 16px 0}.mobile-toggle{display:grid}.header-name{font-size:.75rem}.header-name span{display:none}.header-actions{gap:9px}.header-divider{display:none}.ey-header .avatar{display:none}.live-indicator{font-size:.6875rem}.sim-badge{font-size:.625rem}.page-intro h1{font-size:1.5rem}.scope-banner .scope-end{display:none}.stats-grid{gap:12px}.stat{padding:15px}.stat-value{font-size:1.8rem;margin:11px 0}.stat-heading{font-size:.75rem;gap:5px}.stat-icon{width:32px;height:32px}.stat-bottom{font-size:.6875rem}.company-grid{grid-template-columns:1fr}.ey-footer{flex-wrap:wrap}.ey-footer .right{gap:10px}.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh;padding:28px}.tag-grid{grid-template-columns:repeat(2,1fr)}.card-heading{align-items:flex-start}.chart-selects{max-width:60%;gap:5px}.chart-selects select{max-width:100%;font-size:.75rem}.table-header{padding:19px 19px 2px}.page-tools .btn{padding:10px 13px}.page-tools select{min-width:0;width:100%}.toolbar{flex-wrap:wrap}.filter-count{margin-left:0}.refresh-error{top:68px}.chart-legend{gap:9px}.breadcrumb-line{margin-bottom:9px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Eyopan instrument cluster — values come from the tenant-scoped API. */
.cockpit{margin-bottom:24px;padding:27px 28px 18px;border-radius:22px;background:radial-gradient(ellipse at 50% 0,#30334f 0,transparent 63%),#171b2b;border:1px solid #35394d;color:#f1f3fa;box-shadow:0 12px 30px #171b2b18;overflow:hidden}.cockpit-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;border-bottom:1px solid #ffffff12}.cockpit-eyebrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.6875rem;letter-spacing:1.8px;color:#b2b7d0;font-weight:600}.cockpit-eyebrow span{letter-spacing:.8px;color:#e3c689;background:#f7cc6912;border:1px solid #f7cc6926;border-radius:5px;padding:4px 7px;font-size:.625rem}.cockpit h2{font-size:1.4rem;letter-spacing:-.4px;color:#f5f5fc;margin:11px 0 7px}.cockpit-header p{color:#a6aec7;font-size:.875rem;margin:0}.cockpit-select{color:#b6bcd2;font-size:.75rem;min-width:230px;max-width:330px}.cockpit-select .form-select{margin-top:7px;background-color:#282c40;border:1px solid #494d67;color:#f2f2fb;min-height:46px;color-scheme:dark;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23bbc1db' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.instrument-grid{display:grid;grid-template-columns:1fr 1.12fr 1fr;align-items:center;gap:12px;padding:24px 0 20px}.instrument{display:block;width:100%;min-width:0;padding:17px 10px 13px;border:1px solid transparent;background:transparent;color:#f5f5fb;border-radius:17px;position:relative;transition:border-color .2s,background .2s;text-align:center}.instrument[aria-pressed=true]{border-color:#ffffff20;background:#ffffff04}.instrument[aria-pressed=true]:after{content:'Geçmiş grafiğinde seçili';display:block;font-size:.6875rem;color:#c0b9f3;margin-top:7px}.instrument:not([aria-pressed=true]){padding-bottom:36px}button.instrument:hover{background:#ffffff07;border-color:#77709e}button.instrument:focus-visible{outline:2px solid #b4a7ff;outline-offset:2px}.instrument-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.875rem;color:#e8eaf5;font-weight:600;padding:0 10px}.instrument-signal{color:#b5bdd3;font-size:.625rem;font-weight:500;letter-spacing:.7px}.dial-visual{max-width:320px;margin:0 auto;position:relative}.dial-visual svg{width:100%;display:block;overflow:visible}.dial-track{fill:none;stroke:#383d53;stroke-width:6;stroke-linecap:round}.dial-warning-zone{fill:none;stroke:#c77c4b;stroke-width:6;stroke-linecap:round;opacity:.65}.dial-progress{fill:none;stroke:var(--dial-color);stroke-width:6;stroke-linecap:round;transition:stroke-dasharray .9s ease,stroke .3s;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--dial-color) 35%,transparent))}.dial-tick{stroke:#646b86;stroke-width:1}.dial-tick-major{stroke:#c0c6dd;stroke-width:1.6}.dial-scale{fill:#aeb6d0;font:12px 'Segoe UI',sans-serif;font-variant-numeric:tabular-nums}.dial-hub-ring{fill:none;stroke:#ffffff06;stroke-width:1}.dial-needle{transform-origin:150px 140px;transition:transform .95s cubic-bezier(.2,.7,.25,1);fill:var(--dial-color);stroke:var(--dial-color);stroke-width:1.5;filter:drop-shadow(0 0 4px #0008)}.dial-hub{fill:#42485f;stroke:#757e9c;stroke-width:1.5}.dial-pin{fill:var(--dial-color)}.dial-readout{position:absolute;left:0;right:0;bottom:1%;display:flex;align-items:center;flex-direction:column;pointer-events:none}.dial-readout strong{color:#fbfcff;font-size:clamp(2rem,3.4vw,3rem);font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-1.4px}.dial-readout span{color:#aeb7d0;font-size:.8125rem;margin-top:3px}.instrument-speed .dial-readout strong{font-size:clamp(2.2rem,3.8vw,3.4rem)}.instrument-note{font-size:.75rem;color:#9aa5c1;margin-top:13px}.instrument-alarm{--dial-color:#ff947c!important}.instrument-alarm .instrument-signal{color:#ffb39d}.instrument-alarm .dial-readout strong{color:#ffc2af}.instrument-footer{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:18px 5px 4px;border-top:1px solid #ffffff14;font-size:.8125rem}.machine-state{display:flex;align-items:center;gap:9px;font-weight:600;color:#c1c9de}.machine-dot{width:8px;height:8px;border-radius:50%;background:#8791aa;box-shadow:0 0 0 4px #8791aa12}.machine-running{color:#90dec2}.machine-running .machine-dot{background:#6ee0b3;box-shadow:0 0 0 4px #6ee0b312}.instrument-quality{color:#aeb6cf}.instrument-time{color:#aeb6cf;white-space:nowrap}.instrument-time strong{font-family:Consolas,monospace;color:#e4e8f5;font-weight:400;margin-left:7px}.cockpit-hint{font-size:.75rem;display:flex;align-items:center;justify-content:center;gap:7px;color:#8c96b2;margin:21px 0 0}.cockpit-hint .icon{width:15px;height:15px}.instrument-warning{border:1px solid #ffc18233;background:#ffc1820c;color:#ffd4a2;border-radius:8px;padding:11px 14px;font-size:.8125rem;line-height:1.6;margin-top:18px}.instruments-stale .dial-progress{stroke:#9299af;filter:none}.instruments-stale .dial-needle{fill:#a6abc0;stroke:#a6abc0}.instruments-stale .instrument-signal{color:#d8bc8c}.instruments-stale .dial-readout strong{color:#afb5c7}.device-dialog{width:min(1050px,calc(100vw - 28px))}.detail-cockpit{padding:20px;margin:20px 0 27px}.detail-cockpit .instrument:not([aria-pressed=true]){padding-bottom:13px}.detail-cockpit .instrument-grid{padding-top:12px}.detail-cockpit .dial-readout strong{font-size:2.5rem}.detail-cockpit .instrument-speed .dial-readout strong{font-size:2.8rem}
@media(max-width:1150px){.instrument-grid{gap:2px}.cockpit{padding:23px 18px 18px}.instrument-label{display:grid;gap:6px;justify-content:center}.dial-readout strong{font-size:2rem}.instrument-speed .dial-readout strong{font-size:2.3rem}.instrument-footer{flex-wrap:wrap;gap:13px}.instrument-quality{margin-left:auto}.instrument-time{width:100%;text-align:right}}
@media(max-width:640px){.cockpit{padding:21px 16px;border-radius:17px}.cockpit-header{flex-direction:column;align-items:stretch;gap:20px}.cockpit-select{max-width:none;min-width:0}.cockpit h2{font-size:1.25rem}.instrument-grid{grid-template-columns:1fr;gap:10px;padding:18px 0}.instrument{padding:16px 15px!important}.instrument-speed{grid-row:1}.dial-visual{max-width:295px}.instrument-label{display:flex;justify-content:space-between;font-size:1rem}.dial-readout strong,.instrument-speed .dial-readout strong{font-size:3rem}.instrument:not([aria-pressed=true]){border-color:#ffffff0a}.instrument-note{margin-top:10px;font-size:.8125rem}.instrument-footer{align-items:flex-start;gap:13px;font-size:.8125rem}.instrument-quality{margin-left:0;width:100%}.instrument-time{width:auto;text-align:left}.cockpit-hint{align-items:flex-start;line-height:1.7;text-align:center}.cockpit-hint .icon{flex-shrink:0;margin-top:4px}.device-dialog{padding:20px}.detail-cockpit{padding:17px 12px}.detail-cockpit .instrument-label{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.dial-needle,.dial-progress{transition:none!important}}
/* Company workspace: monitoring and management stay within one tenant. */
.company-tabs{display:flex;align-items:center;gap:7px;padding:7px;margin:0 0 23px;background:#fff;border:1px solid var(--line);border-radius:13px;overflow-x:auto}.company-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;border:0;background:none;padding:12px 18px;border-radius:9px;color:#777b91;font-size:.875rem;font-weight:550;white-space:nowrap;min-height:45px}.company-tabs button[aria-selected=true]{color:#6650e6;background:#efebff}.company-tabs button:hover{background:#f5f3fd}.company-tabs button span{font-size:.75rem;border-radius:5px;background:#ebe9f6;padding:2px 7px}.company-device-heading{display:flex;align-items:center;justify-content:space-between;gap:17px;margin:8px 0 22px}.company-device-heading h2{font-size:1.1rem;margin-bottom:8px}.company-device-heading p{margin:0;color:var(--muted);font-size:.875rem}.assigned-company{display:flex;align-items:center;gap:12px;background:#f5f2fc;border:1px solid #eae4f7;padding:14px;border-radius:10px;color:#6d598f;font-size:.875rem}.assigned-company p{margin:4px 0 0;font-size:.8125rem;color:var(--muted)}.btn-danger-soft{background:#fff1f3;color:#bf5269;border:1px solid #f9dfe5}.btn-danger-soft:hover{background:#ffe5eb;color:#a73851}.company-workspace [hidden]{display:none!important}.company-workspace .cockpit{margin-bottom:23px}.company-workspace .table-wrap{max-height:460px;overflow:auto}.company-workspace .ey-table thead{position:sticky;top:0;z-index:1}.company-workspace .ey-table td:last-child{white-space:normal;min-width:285px}.company-workspace .ey-table td:last-child .btn{margin:3px 0}.company-workspace .ey-table th:first-child{min-width:220px}
@media(max-width:760px){.company-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:5px;margin-bottom:19px;overflow:visible}.company-tabs button{font-size:.8125rem;padding:10px 5px;gap:0;min-width:0;white-space:normal;line-height:1.35}.company-tabs button .icon,.company-tabs button span{display:none}.company-device-heading{align-items:flex-start;flex-direction:column}.company-device-heading .btn{align-self:flex-end}.company-workspace .table-wrap{max-height:420px}}
.managed-devices{max-height:520px;overflow:auto!important;scrollbar-gutter:stable}.managed-device{padding:20px 23px;border-bottom:1px solid var(--line)}.managed-device:last-child{border-bottom:0}.managed-device-top,.managed-device-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.managed-device .device-cell{white-space:normal;min-width:0}.managed-device .device-cell strong{font-size:.9375rem;overflow-wrap:anywhere}.managed-device .device-cell small{font-size:.8125rem;margin-top:6px;overflow-wrap:anywhere}.managed-device .device-symbol{width:39px;height:39px;flex-shrink:0}.managed-device .badge-status{font-size:.75rem}.managed-device-values{display:flex;gap:35px;padding:16px 0;color:var(--muted);font-size:.8125rem}.managed-device-values b{margin-left:7px;color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.managed-device-bottom small{font-size:.75rem;color:var(--muted)}.device-actions{display:flex;flex-wrap:wrap;gap:7px}.managed-devices .empty{min-height:220px}
@media(max-width:760px){.managed-device{padding:18px 15px}.managed-device-top{align-items:flex-start;gap:8px}.managed-device-values{gap:15px;justify-content:space-between;flex-wrap:wrap}.managed-device-values b{display:block;margin:5px 0 0}.managed-device-bottom{align-items:flex-start;flex-direction:column}.managed-devices{max-height:510px}.device-actions{width:100%}.device-actions .btn{flex:1}.managed-device .badge-status{font-size:.6875rem}}
/* Per-device references and automatic simulator control. */
.control-summary{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:.8125rem;color:var(--muted);margin:0 0 15px;line-height:1.6}.control-summary b{color:var(--ink);font-weight:600}.control-mode{padding:3px 9px;border-radius:6px;background:#f2f2f7;color:#7b7e90;font-size:.75rem}.control-mode.enabled{background:#eeebff;color:#6c4cdc}.control-live{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px 22px;margin:0 0 23px}.control-live .control-summary{margin:0 0 6px}.control-live-copy{min-width:0}.control-live-copy p{font-size:.8125rem;color:var(--muted);margin:0}.control-dialog{width:min(720px,calc(100vw - 28px))}.control-switch{display:flex;align-items:center;gap:13px;background:#f7f5ff;padding:16px;border-radius:11px}.control-switch input{width:20px;height:20px;accent-color:#6650e6}.control-switch small{display:block;margin-top:4px;font-weight:400;color:var(--muted)}.control-target,.control-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.control-rule{padding:17px;border:1px solid var(--line);border-radius:12px;display:grid;gap:16px}.control-rule h3{margin:0;font-weight:650}.control-rule.stop h3{color:#b65369}.control-rule.start h3{color:#12916c}.control-rule [data-control-unit],.control-target [data-control-unit]{color:var(--muted);font-weight:400}.control-preview{font-size:.875rem;line-height:1.8;background:#f3f6fc;color:#566583;padding:15px;border-radius:10px}.control-dialog .dialog-actions{position:sticky;bottom:-28px;background:#fff;padding:16px 0;margin-bottom:-8px;border-top:1px solid var(--line)}
@media(max-width:760px){.control-live{align-items:stretch;flex-direction:column;gap:14px;padding:17px}.control-live .btn{align-self:flex-start}.control-target,.control-rule-grid{grid-template-columns:1fr}.control-summary{gap:7px 12px}.control-dialog{padding:20px}.control-dialog .dialog-actions{bottom:-20px}.device-actions .btn[data-action=device-control]{flex-basis:100%}}
/* Saved per-device automation thresholds on the live dial. */
.instrument-grid{align-items:start}.dial-control-track{fill:none;stroke:#333b51;stroke-width:4}.dial-control-zone{fill:none;stroke-width:4;stroke-linecap:round}.dial-control-zone.start{stroke:#70bcff;opacity:.7}.dial-control-zone.stop{stroke:#fb7185;opacity:.85}.dial-control-zone.target{stroke:#6ee7b7;stroke-width:7}.dial-control-mark{stroke-width:2.5;stroke-linecap:round}.dial-control-mark.start{stroke:#70bcff;fill:#70bcff}.dial-control-mark.stop{stroke:#fb7185;fill:#fb7185}.dial-control-mark.target{stroke:#6ee7b7;fill:#6ee7b7;filter:drop-shadow(0 0 4px #6ee7b744)}.dial-control-mark.target path{stroke:#172b2a;stroke-width:1}.dial-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:16px 0 0;text-align:left}.dial-rules[hidden]{display:none}.dial-rule{display:flex;flex-direction:column;gap:7px;border:1px solid #ffffff0d;background:#ffffff03;padding:10px 8px;border-radius:9px;min-width:0}.dial-rule small{font-size:.625rem;letter-spacing:.2px;white-space:nowrap}.dial-rule strong{font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.dial-rule em{font-style:normal;font-size:.625rem;font-weight:400;opacity:.85}.dial-rule.start{color:#93ceff;border-color:#70bcff29}.dial-rule.target{color:#88edc6;background:#6ee7b70a;border-color:#6ee7b738}.dial-rule.stop{color:#ffa7b4;border-color:#fb71852e}.instrument-at-target{--dial-color:#6ee7b7!important}.instrument-at-target .dial-readout strong,.instrument-at-target .instrument-signal{color:#8cecc9}.instrument-controlled .instrument-note{color:#adb8ce}.instruments-stale .dial-control-marks,.instruments-stale .dial-rules{opacity:.6}.instrument-controlled .instrument-signal{letter-spacing:.2px}
@media(max-width:1150px) and (min-width:641px){.dial-rules{grid-template-columns:1fr}.dial-rule{flex-direction:row;align-items:center;justify-content:space-between;padding:7px 9px;gap:5px}}
@media(max-width:640px){.dial-rules{gap:5px}.dial-rule{padding:10px 6px}.dial-rule strong{font-size:.75rem}.instrument-controlled .instrument-label{flex-wrap:wrap;gap:8px}}
@media(max-width:640px){.instrument-grid:has(.instrument-controlled) .instrument-speed{grid-row:auto}.instrument-grid .instrument-controlled{grid-row:1}}
.connection-dialog{width:min(820px,calc(100vw - 28px))}.connection-section{display:grid;gap:16px}.connection-section h3{margin:0;font-size:1rem;font-weight:650}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.connection-wide{grid-column:1/-1}.connection-demo,.connection-pending{border:1px solid #e4ddfb;background:#f5f2fd;border-radius:12px;padding:18px;font-size:.875rem;color:#665789}.connection-demo p,.connection-pending p{font-size:.8125rem;margin:8px 0 0;line-height:1.7}.connection-flow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px;font-size:.8125rem;font-weight:600;color:#71629d}.connection-flow span{color:#a99cc2}#connection-fields{display:grid;gap:24px}.connection-tag{border:1px solid var(--line);border-radius:11px;padding:15px}.connection-tag-toggle{display:flex;align-items:center;gap:11px;margin:0}.connection-tag-toggle input{width:18px;height:18px;accent-color:var(--primary)}.connection-tag fieldset{margin-top:17px;border:0;min-width:0}.connection-tag [hidden],#connection-form [hidden]{display:none!important}.connection-scaling{margin-top:17px}.connection-scaling summary{font-size:.8125rem;color:var(--primary);cursor:pointer}.connection-scaling .connection-grid{margin-top:15px}.connection-scaling p{margin:10px 0 0}.connection-dialog .subtle-caption{margin:0}.connection-dialog .dialog-actions{position:sticky;bottom:-28px;padding:17px 0 0;background:#fff;border-top:1px solid var(--line)}.badge-status.pending{color:#9b731d;background:#fff6de}
@media(max-width:640px){.connection-dialog{padding:20px}.connection-grid{grid-template-columns:1fr}.connection-dialog .dialog-actions{bottom:-20px}.connection-dialog .dialog-actions .btn{white-space:normal}.connection-flow{gap:7px}}

.edge-steps{padding-left:1.3rem;line-height:1.8}.edge-steps li{margin:12px 0}.edge-steps code{overflow-wrap:anywhere}.edge-config{min-height:220px;font-family:monospace;font-size:12px}.control-preview p:last-child{margin-bottom:0}

dialog.edge-dialog{width:min(760px,calc(100vw - 32px));max-width:760px}.edge-steps code{white-space:normal;overflow-wrap:anywhere}
/* Admin guide sits outside the device list's scrolling area. */
.device-guide{margin:24px 0 0;padding:26px;border:1px solid var(--line);overflow:hidden}.device-guide-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}.device-guide-symbol{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:12px;background:#eeeaff;color:var(--primary)}.device-guide-eyebrow{display:block;font-size:.625rem;letter-spacing:1.3px;font-weight:700;color:#81729f;margin-bottom:7px}.device-guide h2{font-size:1.125rem;margin:0 0 7px}.device-guide-heading p{color:var(--muted);font-size:.8125rem;margin:0;line-height:1.6}.device-guide-steps{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:22px 30px}.device-guide-steps>li{display:flex;align-items:flex-start;gap:12px;min-width:0}.device-guide-steps>li>span{font-size:.75rem;font-weight:700;color:#8c78be;background:#f5f2fc;border-radius:8px;padding:7px 9px;flex-shrink:0;font-variant-numeric:tabular-nums}.device-guide h3{font-size:.875rem;margin:2px 0 7px;font-weight:650}.device-guide-steps p,.device-guide-answer,.device-guide-note{font-size:.8125rem;line-height:1.8;color:var(--muted);margin:0}.device-guide b{font-weight:600;color:#52516e}.device-guide-details{border:1px solid var(--line);border-radius:12px;overflow:hidden}.device-guide details+details{border-top:1px solid var(--line)}.device-guide summary{cursor:pointer;font-size:.875rem;font-weight:600;color:#555073;padding:17px 19px;background:#fbfaff;line-height:1.5}.device-guide summary:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}.device-guide details[open] summary{background:#f4f0ff;color:var(--primary)}.device-guide-answer{padding:18px 20px}.device-guide-answer ul,.device-guide-answer ol{padding-left:19px;margin:0 0 12px}.device-guide-answer li+li{margin-top:10px}.device-guide-answer p{margin:10px 0 0}.device-guide-answer code{font-size:.75rem;white-space:normal;overflow-wrap:anywhere;background:#f4f3f9;color:#686184;padding:2px 4px;border-radius:4px}.device-guide-note{margin-top:18px;padding:13px 16px;border-radius:10px;background:#f4f7fc;color:#69738e}
@media(max-width:760px){.device-guide{padding:19px 16px}.device-guide-steps{grid-template-columns:1fr;gap:19px}.device-guide-heading{gap:11px}.device-guide h2{font-size:1rem}.device-guide summary{padding:15px}.device-guide-answer{padding:15px}.device-guide-note{padding:12px}}
/* Central SMTP settings and tenant notification policies. */
.notification-settings-links,.notify-channel-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.notify-channel-tabs .btn{white-space:normal}.sms-recipients-label{display:grid;gap:9px;font-size:.875rem;margin:22px 0}.sms-recipients-label small{color:var(--muted);line-height:1.6}.sms-budget-info{background:#f2f7fc;border:1px solid #e2eaf5;border-radius:12px;padding:18px;margin:22px 0;color:#60718b;font-size:.8125rem;line-height:1.8}.sms-budget-info strong{color:#344767}.sms-budget-info p{margin:8px 0 0}#sms-settings,#mail-settings{scroll-margin-top:95px}#sms-company-form .subtle-caption,#sms-account-form .subtle-caption{line-height:1.8}#sms-settings .card-body{padding:26px}#company-sms-notifications[hidden],#company-mail-notifications[hidden]{display:none!important}@media(max-width:760px){#sms-settings .card-body{padding:19px}.notify-channel-tabs .btn{flex:1}.notification-settings-links .btn{flex:1}.sms-budget-info{padding:15px}}
.notify-switch{display:flex;gap:12px;align-items:flex-start;margin:0}.notify-switch input{width:19px;height:19px;flex-shrink:0;accent-color:var(--primary);margin-top:2px}.notify-switch strong{font-size:.875rem;font-weight:600}.notify-switch small{display:block;font-size:.8125rem;color:var(--muted);font-weight:400;margin-top:5px;line-height:1.6}.notify-status{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 20px}.notify-health{font-size:.75rem;border-radius:7px;background:#fff3dc;color:#90651b;padding:6px 10px}.notify-health.ok{background:#e8f8f0;color:#168561}.notify-recipients{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fafaff;margin-bottom:22px}.notify-recipients p{font-size:.8125rem;color:var(--muted);margin:7px 0 12px}.notify-recipients>div{display:flex;flex-wrap:wrap;gap:8px}.notify-recipients .pill{white-space:normal;overflow-wrap:anywhere}.notification-rules{display:grid;gap:17px;margin:24px 0}.notification-rule{border:1px solid var(--line);border-radius:12px;overflow:hidden}.notify-rule-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;background:#faf9fe}.notify-rule-title>.pill{font-size:.625rem;flex-shrink:0}.notify-rule-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;padding:20px}.notify-rule-fields>label:not(.notify-switch),.smtp-grid>label,.mail-template-editor>label{display:grid;gap:8px;font-size:.8125rem;font-weight:500;min-width:0}.notify-rule-fields .notify-switch{align-self:center}.notify-schedule{font-size:.8125rem;line-height:1.7;color:#756592;background:#f7f5fd;margin:0;padding:12px 20px}.notify-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.smtp-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.mail-template-editor{display:grid;gap:18px;border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.mail-template-editor .card-heading{margin:0}.mail-template-editor h3{font-size:1rem}.mail-template-editor textarea{line-height:1.7}.template-variables,.notify-cron{font-size:.8125rem;color:var(--muted);line-height:1.8}.template-variables summary,.notify-cron summary{cursor:pointer;color:var(--primary);font-weight:600}.template-variables>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.template-variables code,.notify-cron code{font-size:.75rem;background:#f4f2fa;padding:4px 7px;border-radius:5px;overflow-wrap:anywhere;white-space:normal}.notify-cron{padding:17px;background:#f8f9fc;border-radius:10px;margin-top:20px}.mail-preview{padding:22px;background:#f6f5fc;border:1px solid #e5dff5;border-radius:12px}.mail-preview[hidden]{display:none}.mail-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.875rem;line-height:1.8;color:var(--muted);margin:16px 0 0}.mail-preview strong{overflow-wrap:anywhere}#notification-form>.subtle-caption,#smtp-form>.subtle-caption{line-height:1.7}#mail-settings .card-body{padding:26px}
@media(max-width:760px){.company-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.smtp-grid{grid-template-columns:1fr}.notify-rule-title{padding:16px}.notify-rule-title>.pill{display:none}.notify-rule-fields{grid-template-columns:1fr 1fr;padding:16px;gap:14px}.notify-rule-fields .notify-switch{grid-column:1/-1}.notify-actions .btn{white-space:normal;flex:1}#mail-settings .card-body{padding:19px}.notify-schedule{padding:12px 16px}}

@media(max-width:760px){#sms-settings .notify-actions{display:grid;grid-template-columns:1fr}#sms-settings .notify-actions .btn{min-height:42px}}

/* EYOBOX identity: original logo, proportional sizing on every screen. */
.brand-logo{display:block;width:180px;max-width:100%;height:auto;object-fit:contain;letter-spacing:normal}
.ey-sidebar .brand{padding:0 14px;margin-bottom:27px}.ey-sidebar .brand-logo{width:178px}
.brand small{letter-spacing:2px;line-height:1.5}
.login-art>.brand{width:238px;max-width:100%;background:#fff;padding:16px 18px;border-radius:12px}
.login-art>.brand .brand-logo{width:202px}.login-art>.brand small{color:#65776d;font-size:9px}
.login-brand{margin-bottom:32px}.login-brand .brand-logo{width:205px}.login-brand small{font-size:9px;color:#74847a}
.boot .brand-logo{width:220px;margin:auto}.setup-card .brand-logo{width:210px}
.login-art{background:linear-gradient(150deg,#10261c 0%,#154830 60%,#177441 100%)}
.login-art .eyebrow,.login-art p,.login-art footer,.network-center small{color:#c0d9ca}
.network-diagram .network-center,.network-node{color:#edf7f0}.network-node .icon{color:#a6e0b9}
.cockpit-eyebrow span,.sim-badge{color:#93dfba;background:#174c3538;border-color:#80c49f3b}
.dashboard-grid .sim-badge{color:#28714b;background:#edf8f1;border-color:#d5ebde}

/* Customer-focused login: one facility, one account, one logo. */
.login-copy{margin:auto 0;max-width:510px;padding:35px 0}
.login-copy>p{max-width:480px;font-size:1rem;line-height:1.9;margin-bottom:28px}
.login-facility{display:flex;align-items:flex-start;gap:16px;max-width:480px;padding:22px;border:1px solid #ffffff26;background:#ffffff08;border-radius:16px}
.login-facility-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#ffffff10;color:#b6e8ca}
.login-facility h2{color:#edf7f0;font-size:1rem;line-height:1.4;margin:1px 0 9px;letter-spacing:0}
.login-facility p{font-size:.8125rem;line-height:1.8;margin:0;color:#c0d9ca}
.login-form-wrap .login-brand{margin-bottom:28px}
.login-form-wrap>p:not(.login-meta){line-height:1.8;margin-bottom:28px}
