:root{--m-ink:#16232c;--m-muted:#71808a;--m-line:#dfe5e8;--m-blue:#2864f0;--m-green:#13a870;--m-red:#e2473d;--m-amber:#e6a126}.mobile-access,.mobile-shell{font-family:Inter,Pretendard,Noto Sans KR,sans-serif;color:var(--m-ink)}.mobile-shell{min-height:100dvh;background:#eef2f4;padding-bottom:20px}.mobile-access button,.mobile-shell button{font:inherit;color:inherit}.mobile-shell>header{height:68px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--m-line);position:sticky;top:0;z-index:20}.mobile-brand{display:flex;align-items:center;gap:10px}.mobile-logo{width:30px;height:30px;border-radius:8px;background:#1f5be0;color:#fff;display:grid;place-items:center;font-weight:900}.mobile-brand button{border:0;background:none;text-align:left;display:flex;flex-direction:column;padding:0}.mobile-brand small{color:#245bd0;font-weight:800}.mobile-brand b{font-size:18px}.mobile-brand i{font-style:normal;color:#8a969d}.mobile-user{width:38px;height:38px;border-radius:50%;background:#e8eefc;color:#1f55c9;display:grid;place-items:center;font-size:12px;font-weight:900}.mobile-summary{background:#fff;padding:23px 18px 18px;position:relative}.mobile-summary>p{font-size:11px;color:var(--m-muted);margin:0 0 4px}.mobile-summary>h1{font-size:24px;margin:0}.mobile-live{position:absolute;right:18px;top:29px;color:#527064;font-weight:700}.mobile-live i{display:inline-block;width:7px;height:7px;background:var(--m-green);border-radius:50%;margin-right:5px;box-shadow:0 0 0 4px #def6ed}.mobile-counts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;background:#f5f7f8;border-radius:12px;overflow:hidden}.mobile-counts>button,.mobile-counts>div{border:0;background:transparent;text-align:center;padding:12px 8px}.mobile-counts>*+*{border-left:1px solid #e1e6e9!important}.mobile-counts small{display:block;color:var(--m-muted)}.mobile-counts b{font-size:23px;margin-right:2px}.mobile-counts .danger{color:var(--m-red)}.mobile-toolbar{display:flex;gap:8px;padding:14px 14px 10px}.mobile-toolbar button{height:44px;border:1px solid #d3dade;background:#fff;border-radius:10px;font-weight:750}.mobile-toolbar button:first-child{flex:1 1}.mobile-toolbar button:last-child{width:44px;color:var(--m-red);font-weight:900}.mobile-toolbar button.active{background:var(--m-red);color:#fff}.mobile-toolbar b{background:#e8eefc;color:#245bd0;border-radius:99px;padding:2px 7px}.mobile-machines{display:grid;gap:11px;padding:0 14px}.mobile-card{--state:#7f8b92;background:#fff;border:1px solid #d9e0e3;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:5px 1fr;box-shadow:0 3px 12px #1c2a320e}.mobile-card.running{--state:var(--m-green)}.mobile-card.alarm{--state:var(--m-red);border-color:#edc0bd}.mobile-card.off{--state:#aab2b7}.mobile-card>.accent{background:var(--state)}.card-body{min-width:0}.card-title{display:flex;align-items:center;justify-content:space-between;padding:15px 14px 12px}.card-title>div{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:9px}.card-title .dot{width:10px;height:10px;border-radius:50%;background:var(--state);box-shadow:0 0 0 4px color-mix(in srgb,var(--state) 15%,transparent);grid-row:1/3}.card-title small{color:var(--m-muted)}.card-title em{font-style:normal;font-weight:800;color:var(--state);background:color-mix(in srgb,var(--state) 10%,white);padding:6px 8px;border-radius:99px}.mobile-issue{margin:0 14px 12px;background:#fff0ef;color:#a62b23;border-radius:9px;padding:10px;display:flex;align-items:center;gap:9px}.mobile-issue>b{width:22px;height:22px;border-radius:50%;background:var(--m-red);color:#fff;display:grid;place-items:center}.mobile-issue span{display:flex;flex-direction:column}.mobile-issue strong{font-size:12px}.mobile-issue small{font-size:var(--m-font-min);color:#b6534d}.mobile-time{padding:0 14px 12px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.mobile-time>div:last-child{text-align:right;border-left:1px solid var(--m-line);padding-left:13px}.mobile-time small{display:block;color:var(--m-muted);margin-bottom:4px}.mobile-time strong{font-size:30px;line-height:1;color:var(--state);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mobile-time b{font-size:12px}.mobile-progress{display:flex;justify-content:space-between;padding:0 14px 6px;color:var(--m-muted)}.mobile-progress b{color:var(--m-ink);font-size:12px}.track{height:5px;margin:0 14px 14px;background:#edf0f1;border-radius:99px;overflow:hidden}.track i{display:block;height:100%;background:var(--state)}.card-body footer{border-top:1px solid #eef1f2;display:grid;grid-template-columns:1fr 1fr 1.2fr;padding:11px 14px;gap:8px}.card-body footer>div+div{border-left:1px solid #edf0f2;padding-left:8px}.card-body footer small{display:block;color:var(--m-muted)}.card-body footer b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-sync{text-align:center;font-size:var(--m-font-min);color:#7d8a92;margin:14px}.mobile-empty{background:#fff;border:1px solid var(--m-line);border-radius:14px;text-align:center;padding:35px 20px}.mobile-empty p{font-size:11px;color:var(--m-muted)}.mobile-layer{position:fixed;inset:0;background:#07101680;z-index:50;display:flex;align-items:flex-end;justify-content:center}.mobile-sheet{width:100%;max-height:90dvh;overflow:auto;background:#fff;border-radius:20px 20px 0 0;padding:0 18px max(22px,env(safe-area-inset-bottom))}.handle{width:42px;height:4px;background:#d5dade;border-radius:99px;margin:9px auto 18px}.mobile-sheet h2{font-size:21px;margin:0 0 4px}.mobile-sheet>p{font-size:11px;color:var(--m-muted);margin:0 0 16px}.company-options,.machine-options{display:grid;border-top:1px solid var(--m-line)}.company-options button,.machine-options label{border:0;border-bottom:1px solid #edf0f2;background:#fff;padding:13px 2px;display:flex;align-items:center;text-align:left}.company-options button>span,.machine-options label>span{display:flex;flex:1 1;flex-direction:column}.company-options em,.company-options small,.machine-options em,.machine-options small{font-size:var(--m-font-min);color:var(--m-muted)}.company-options em,.machine-options em{font-style:normal}.company-options button.selected{color:#2057d0}.machine-options input{width:20px;height:20px;margin:0 11px 0 0;accent-color:var(--m-blue)}.mobile-sheet .save{width:100%;height:50px;border:0;border-radius:11px;background:var(--m-blue);color:#fff;font-weight:800;margin-top:17px}.mobile-access{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;padding:30px}.mobile-access h1{font-size:23px;margin:18px 0 7px}.mobile-access p{font-size:13px;color:var(--m-muted);margin:0 0 20px}.mobile-access a,.mobile-access button{border:0;background:var(--m-blue);color:#fff;text-decoration:none;border-radius:10px;padding:12px 17px;font-weight:800}.mobile-access .mobile-logo{width:42px;height:42px}@media(min-width:720px){body:has(.mobile-shell){background:#dfe5e8;padding:28px 0}.mobile-shell{max-width:460px;margin:auto;min-height:calc(100dvh - 56px);border-radius:20px;overflow:hidden;box-shadow:0 22px 70px #13222b2e}.mobile-shell>header{position:relative}.mobile-sheet{max-width:460px;border-radius:20px}.mobile-layer{align-items:center;padding:24px}}.mobile-card.complete,.mobile-card.editing,.mobile-card.paused,.mobile-card.ready{--state:var(--m-amber)}.mobile-card.alarm,.mobile-card.emergency{--state:var(--m-red)}.mobile-card.has-issue{border-color:#ed9c96}.mobile-time strong.state-text{font-size:24px}.mobile-issue.notice{background:#ebf8f2;color:#087b52}.mobile-issue.notice>b{background:var(--m-green)}.mobile-issue.notice small{color:#41866d}.mobile-issue.notice .alarm-acknowledge{border-color:#9ed9c4;color:#087b52}.mobile-issue.notice .alarm-acknowledge:active{background:#dff4eb}.mobile-issue .meaning{font-weight:650;margin-top:2px}.mobile-header-actions{display:flex;align-items:center;gap:8px}.notification-bell{height:36px;min-width:38px;border:1px solid #dce3e6;border-radius:10px;background:#f7f9fa;display:flex;align-items:center;gap:5px;padding:0 8px;font-size:14px}.notification-bell span{font-size:var(--m-font-min);color:var(--m-muted);font-weight:800}.notification-bell.enabled{border-color:#9cd9c1;background:#ebf8f2}.notification-bell.enabled span{color:#087b52}.mobile-swipe-shell{position:relative;overflow:hidden}.mobile-swipe-surface{position:relative;z-index:2;touch-action:pan-y;transition:transform .18s ease;will-change:transform}.mobile-swipe-action{position:absolute;inset-block:0;z-index:1;display:flex;align-items:center;gap:6px;padding:0 17px;color:#fff;font-weight:900}.mobile-swipe-action b{display:grid;place-items:center;width:24px;height:24px;border:1px solid #ffffff80;border-radius:50%;font-size:13px}.mobile-swipe-shell.left>.mobile-swipe-action{right:0;justify-content:flex-end;background:#2d67d7}.mobile-swipe-shell.right>.mobile-swipe-action{left:0;justify-content:flex-start;background:var(--m-green)}.machine-swipe{border-radius:14px}.machine-swipe>.mobile-swipe-surface{border-radius:14px;background:#fff}.alarm-swipe{margin:0 14px 12px}.alarm-swipe,.alarm-swipe>.mobile-swipe-surface{border-radius:9px}.alarm-swipe .mobile-issue{margin:0}.notification-sheet{max-height:92dvh;overscroll-behavior:contain}.notification-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.notification-heading small{color:var(--m-blue);font-size:var(--m-font-min);font-weight:850}.notification-heading h2{margin:2px 0 3px}.notification-heading p{margin:0;color:var(--m-muted);font-size:var(--m-font-min)}.notification-heading>button{width:34px;height:34px;flex:0 0 auto;border:1px solid var(--m-line);border-radius:50%;background:#f6f8f9;color:#52616b;font-size:24px;line-height:1}.notification-status{display:flex;align-items:center;gap:11px;margin:18px 0 12px;padding:13px;border-radius:12px;background:#fff2f1;color:#a52e27}.notification-status.enabled{background:#eaf8f2;color:#087b52}.notification-status>i{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:50%;background:currentColor;color:#fff;font-style:normal;font-weight:900}.notification-status>span{display:flex;min-width:0;flex-direction:column}.notification-status b{font-size:12px}.notification-status small{margin-top:2px;color:#62727b;font-size:var(--m-font-min);line-height:1.35}.notification-warning{margin-bottom:12px;padding:11px;border:1px solid #f0c46d;border-radius:10px;background:#fff8e9;color:#825b12;font-size:var(--m-font-min);line-height:1.5}.notification-target{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;border-top:1px solid var(--m-line);border-bottom:1px solid var(--m-line)}.notification-target span{display:flex;min-width:0;flex-direction:column}.notification-target small{font-size:var(--m-font-min);color:var(--m-muted)}.notification-target b{font-size:12px}.notification-target em{flex:0 0 auto;border-radius:99px;background:#fff1d8;color:#9a6500;padding:5px 8px;font-size:var(--m-font-min);font-style:normal;font-weight:850}.notification-setting{padding:15px 2px;border-bottom:1px solid #edf0f2}.notification-setting>div:first-child,.notification-toggle>span{display:flex;flex-direction:column}.notification-setting b,.notification-toggle b{font-size:12px}.notification-setting small,.notification-toggle small{margin-top:2px;color:var(--m-muted);font-size:var(--m-font-min)}.threshold-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.threshold-options button{height:39px;border:1px solid #d7dfe3;border-radius:9px;background:#fff;color:#63727b;font-size:11px;font-weight:850}.threshold-options button.selected{border-color:#7e9feb;background:#eaf0ff;color:#1f55c9}.notification-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid #edf0f2;background:#fff;padding:15px 2px;text-align:left}.notification-toggle>i{position:relative;width:42px;height:24px;flex:0 0 auto;border-radius:99px;background:#c8d0d4;transition:background .18s}.notification-toggle>i:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #16232c38;transition:transform .18s}.notification-toggle[aria-checked=true]>i{background:var(--m-green)}.notification-toggle[aria-checked=true]>i:after{transform:translateX(18px)}.notification-message{margin:13px 0 0!important;padding:10px;border-radius:9px;background:#f2f5f6;color:#4e606a!important;font-size:var(--m-font-min)!important;line-height:1.45}.notification-actions button:disabled,.notification-primary:disabled{opacity:.55}.notification-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.notification-actions .notification-primary{grid-column:1/3;margin-top:0}.notification-actions>button:not(.notification-primary){height:42px;border:1px solid #d5dde1;border-radius:10px;background:#fff;font-size:var(--m-font-min);font-weight:850}.notification-actions .notification-disable{color:var(--m-red);border-color:#edc2bf}@media(max-width:390px){.notification-bell span{display:none}.notification-bell{width:38px;justify-content:center;padding:0}}@media(prefers-reduced-motion:reduce){.machine-deck,.machine-deck-track,.mobile-swipe-surface,.notification-toggle>i,.notification-toggle>i:after{transition:none}}.mobile-shell{padding-bottom:max(20px,env(safe-area-inset-bottom))}.mobile-shell>header{height:calc(68px + env(safe-area-inset-top));padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.pwa-install-banner{position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:44;display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:10px;width:auto;max-width:436px;margin:auto;padding:11px 10px 11px 12px;border:1px solid #d7e0e4;border-radius:16px;background:#fff;box-shadow:0 14px 44px #15252f35;font-family:Inter,Pretendard,Noto Sans KR,sans-serif;color:var(--m-ink)}.pwa-install-banner img{border-radius:10px}.pwa-install-banner>div{display:flex;min-width:0;flex-direction:column}.pwa-install-banner strong{font-size:12px;letter-spacing:-.02em}.pwa-install-banner span{margin-top:2px;color:var(--m-muted);font-size:var(--m-font-min);line-height:1.35}.pwa-install-banner button{font:inherit}.pwa-install-primary{min-height:34px;padding:0 11px;border:0;border-radius:9px;background:var(--m-blue);color:#fff;font-size:var(--m-font-min);font-weight:900}.pwa-install-close{width:28px;height:28px;padding:0;border:0;background:transparent;color:#849199;font-size:21px;line-height:1}.pwa-guide-layer{z-index:70}.pwa-guide{padding-bottom:max(22px,env(safe-area-inset-bottom))}.pwa-guide-heading{display:flex;align-items:flex-start;justify-content:space-between}.pwa-guide-heading small{color:var(--m-blue);font-size:var(--m-font-min);font-weight:850}.pwa-guide-heading h2{margin:2px 0 0}.pwa-guide-heading>button{width:34px;height:34px;border:1px solid var(--m-line);border-radius:50%;background:#f6f8f9;color:#52616b;font-size:24px;line-height:1}.pwa-guide ol{display:grid;gap:10px;margin:22px 0 4px;padding:0;list-style:none}.pwa-guide li{display:flex;align-items:center;gap:12px;padding:13px;border-radius:12px;background:#f5f7f8}.pwa-guide li>b{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border-radius:50%;background:#e3ebff;color:#245bd0;font-size:11px}.pwa-guide li>span{font-size:12px;line-height:1.45}.pwa-guide li strong{color:#174ebd}@media(max-width:370px){.pwa-install-banner{grid-template-columns:38px minmax(0,1fr) auto;padding-left:10px}.pwa-install-banner img{width:38px;height:38px}.pwa-install-banner span,.pwa-install-close{display:none}}.card-title-actions{display:flex;align-items:center;gap:7px}.alarm-history-button{border:1px solid #dce3e6;background:#fff;color:#53636d;border-radius:7px;padding:5px 7px;font-weight:800;white-space:nowrap}.alarm-history-button:active{background:#f1f4f5}.mobile-issue span{flex:1 1;min-width:0}.alarm-acknowledge{align-self:center;flex:0 0 auto;border:1px solid #efaaa5;background:#fff;color:#c3372e;border-radius:8px;padding:7px 10px;font-weight:900}.alarm-acknowledge:active{background:#fee5e3}.alarm-history-sheet{height:min(86dvh,720px);display:flex;flex-direction:column;overflow:hidden}.alarm-history-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--m-line)}.alarm-history-heading>div{min-width:0}.alarm-history-heading small{font-size:var(--m-font-min);font-weight:850;color:var(--m-blue)}.alarm-history-heading h2{margin:2px 0 3px}.alarm-history-heading p{margin:0;font-size:var(--m-font-min);color:var(--m-muted)}.alarm-history-heading>button{width:34px;height:34px;flex:0 0 auto;border:1px solid var(--m-line);border-radius:50%;background:#f6f8f9;color:#52616b;font-size:24px;line-height:1}.alarm-history-list{min-height:0;overflow:auto;padding:5px 0 18px}.alarm-history-list article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:14px 2px;border-bottom:1px solid #edf0f2}.alarm-history-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fee5e3;color:var(--m-red);font-size:13px;font-weight:900}.alarm-history-list article.notice .alarm-history-icon{background:#e6f7f0;color:var(--m-green)}.alarm-history-list article header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.alarm-history-list article strong{font-size:12px;line-height:1.35}.alarm-history-list article time{flex:0 0 auto;font-size:var(--m-font-min);color:var(--m-muted);white-space:nowrap}.alarm-history-list article p{font-size:var(--m-font-min);line-height:1.45;color:#586872;margin:5px 0 0}.alarm-history-list article small{display:block;font-size:var(--m-font-min);color:#8a6260;margin-top:5px}.alarm-history-state{margin:auto;text-align:center;padding:30px 16px;color:#53636d}.alarm-history-state b{font-size:14px}.alarm-history-state p{font-size:var(--m-font-min);color:var(--m-muted)}.alarm-history-state.error b{color:var(--m-red)}.mobile-swipe-action.reveal-left{left:0;justify-content:flex-start;background:var(--m-blue)}.mobile-swipe-action.reveal-right{right:0;justify-content:flex-end;background:#2d67d7}.alarm-swipe .mobile-swipe-action.reveal-left{background:var(--m-green)}.mobile-card{position:relative}.mobile-card.notifications-enabled .card-title{padding-left:46px}.machine-notification-flag{position:absolute;left:10px;top:0;z-index:4;width:27px;height:35px;display:grid;place-items:center;padding-bottom:5px;box-sizing:border-box;background:var(--m-blue);color:#fff;font-size:12px;line-height:1;clip-path:polygon(0 0,100% 0,100% 76%,50% 100%,0 76%);filter:drop-shadow(0 2px 3px #123b9b45)}.machine-notification-button{width:27px;height:27px;display:grid;place-items:center;padding:0;border:1px solid #dce3e6;border-radius:7px;background:#fff;color:#687780;font-size:12px}.machine-notification-button.enabled{border-color:#9bb6f6;background:#edf2ff;color:#1c56d5}.machine-notification-button:active{background:#e8eefc}.mobile-shell{padding-bottom:max(8px,env(safe-area-inset-bottom))}.mobile-shell>header{height:calc(48px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.mobile-brand{gap:7px}.mobile-logo{width:26px;height:26px;border-radius:7px;font-size:13px}.mobile-brand small{line-height:1.1}.mobile-brand b{font-size:15px;line-height:1.1}.mobile-user{width:31px;height:31px;font-size:var(--m-font-min)}.mobile-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 10px}.mobile-summary>p{display:none}.mobile-summary>h1{font-size:15px;line-height:1;white-space:nowrap}.mobile-live{position:static;grid-column:3;grid-row:1;font-size:var(--m-font-min);white-space:nowrap}.mobile-live i{width:6px;height:6px;margin-right:4px;box-shadow:0 0 0 3px #def6ed}.mobile-counts{grid-column:2;grid-row:1;margin:0;border-radius:8px}.mobile-counts>button,.mobile-counts>div{padding:6px 3px;font-size:var(--m-font-min);white-space:nowrap}.mobile-counts small{display:inline;margin-right:2px;font-size:var(--m-font-min)}.mobile-counts b{font-size:13px;line-height:1}.mobile-toolbar{gap:5px;padding:5px 8px}.mobile-toolbar button{height:32px;border-radius:8px;font-size:var(--m-font-min)}.mobile-toolbar button:last-child{width:32px}.mobile-toolbar b{font-size:var(--m-font-min);padding:1px 5px}.mobile-machines{gap:6px;padding:0 8px}.machine-swipe,.machine-swipe>.mobile-swipe-surface,.mobile-card{border-radius:11px}.mobile-card{grid-template-columns:4px 1fr;box-shadow:0 2px 7px #1c2a320b}.card-title{min-height:34px;box-sizing:border-box;padding:6px 9px 4px}.card-title>div{column-gap:6px}.card-title .dot{width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb,var(--state) 15%,transparent)}.card-title b{font-size:14px;line-height:1}.card-title small{line-height:1.1}.card-title>div.card-title-actions{display:flex;grid-template-columns:none;gap:4px}.card-title em{padding:4px 6px}.machine-notification-button{width:23px;height:23px;border-radius:6px;font-size:var(--m-font-min)}.alarm-history-button{height:23px;padding:0 6px;border-radius:6px}.mobile-card.notifications-enabled .card-title{padding-left:36px}.machine-notification-flag{left:7px;width:22px;height:28px;padding-bottom:4px}.mobile-time{min-height:42px;box-sizing:border-box;padding:0 9px 5px;gap:7px}.mobile-time>div:last-child{padding-left:8px}.mobile-time small{line-height:1.1;margin-bottom:2px}.mobile-time strong{font-size:25px;line-height:.95}.mobile-time strong.state-text{font-size:20px}.mobile-time b{font-size:var(--m-font-min);white-space:nowrap}.mobile-progress{padding:0 9px 2px}.mobile-progress,.mobile-progress b{font-size:var(--m-font-min)}.track{height:3px;margin:0 9px 5px}.card-body footer{padding:5px 9px;gap:5px}.card-body footer>div+div{padding-left:5px}.card-body footer small{font-size:var(--m-font-min);line-height:1}.card-body footer b{margin-top:1px;font-size:var(--m-font-min);line-height:1.15}.alarm-swipe{margin:0 9px 5px}.alarm-swipe,.alarm-swipe>.mobile-swipe-surface,.mobile-issue{border-radius:7px}.mobile-issue{padding:5px 6px;gap:6px}.mobile-issue>b{width:18px;height:18px;font-size:var(--m-font-min)}.mobile-issue .meaning,.mobile-issue strong{font-size:var(--m-font-min);line-height:1.15}.mobile-issue .meaning{max-width:100%;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-issue .message-time{display:block;margin-top:2px;line-height:1.15}.alarm-acknowledge{padding:4px 6px;border-radius:6px;font-size:var(--m-font-min)}.mobile-sync{display:none}.mobile-empty{border-radius:11px;padding:25px 16px}.mobile-swipe-action{padding:0 12px;font-size:var(--m-font-min)}@media(max-width:350px){.mobile-summary{grid-template-columns:auto minmax(0,1fr)}.mobile-live{display:none}.card-title em{max-width:44px;overflow:hidden;text-overflow:ellipsis}.mobile-time strong{font-size:22px}.mobile-time b{font-size:var(--m-font-min)}}.mobile-brand small{font-size:var(--m-font-min)}.mobile-brand b{font-size:16px}.mobile-machines{padding:6px 18px 0}.card-title{min-height:39px;padding:8px 10px 5px}.card-title b{font-size:16px}.card-title em,.card-title small{font-size:var(--m-font-min)}.card-title em{padding:4px 7px}.alarm-history-button,.machine-notification-button{height:25px}.machine-notification-button{width:25px;font-size:11px}.alarm-history-button{padding:0 7px;font-size:var(--m-font-min)}.mobile-card.notifications-enabled .card-title{padding-left:38px}.machine-notification-flag{width:23px;height:31px;font-size:var(--m-font-min)}.mobile-time{min-height:48px;padding:1px 10px 7px;gap:9px}.mobile-time>div:last-child{border-left:0;padding-left:0}.mobile-time small{font-size:var(--m-font-min);margin-bottom:3px}.mobile-time strong{font-size:29px}.mobile-time strong.state-text{font-size:23px}.mobile-time b{font-size:14px;font-weight:850;line-height:1.15;letter-spacing:-.035em}.mobile-time .cycle-overrun small,.mobile-time strong.overrun{color:var(--m-red)}.mobile-program-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;padding:0 10px 5px;color:var(--m-muted)}.mobile-program-row>div{display:flex;min-width:0;align-items:baseline;gap:5px}.mobile-program-row small{flex:0 0 auto;font-size:var(--m-font-min)}.mobile-program-row>div>b{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--m-ink)}.mobile-program-row>div>b,.mobile-program-row>span{white-space:nowrap;font-size:var(--m-font-min)}.mobile-program-row>span>b{color:var(--m-ink);font-size:11px}.mobile-program-row em{margin-left:5px;color:var(--state);font-size:var(--m-font-min);font-style:normal;font-weight:800}.track{height:4px;margin:0 10px 8px}.mobile-bottom-tools{display:block;padding:6px 18px max(8px,env(safe-area-inset-bottom))}.mobile-bottom-tools button{width:100%;height:34px;border:1px solid #d3dade;border-radius:8px;background:#fff;font-size:var(--m-font-min);font-weight:800}.mobile-bottom-tools b{margin-left:3px;border-radius:99px;background:#e8eefc;color:#245bd0;padding:1px 5px;font-size:var(--m-font-min)}.mobile-counts button.active{background:#fff0ef}.machine-inline-panel{min-height:127px;box-sizing:border-box;overflow:hidden;border:1px solid #d8e0e4;border-radius:11px;background:#fff;box-shadow:0 2px 7px #1c2a320b}.inline-panel-header{min-height:39px;box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:6px 9px;border-bottom:1px solid #e8edef}.inline-panel-header>div{display:flex;min-width:0;flex:1 1;flex-direction:column}.inline-panel-header b{font-size:14px;line-height:1.2}.inline-panel-header small{margin-top:1px;overflow:hidden;color:var(--m-muted);font-size:var(--m-font-min);text-overflow:ellipsis;white-space:nowrap}.inline-panel-header>em{flex:0 0 auto;border-radius:99px;background:#f1f4f5;color:#6e7d85;padding:4px 7px;font-size:var(--m-font-min);font-style:normal;font-weight:850}.inline-panel-header>em.enabled{background:#e8f7f1;color:#087b52}.inline-panel-header>button{width:25px;height:25px;flex:0 0 auto;padding:0;border:1px solid #dce3e6;border-radius:50%;background:#f7f9fa;color:#687780;font-size:17px;line-height:1}.inline-notification-controls{display:grid;gap:5px;padding:6px 9px 8px}.inline-panel-warning,.inline-push-message{margin:0;padding:5px 7px;border-radius:6px;font-size:var(--m-font-min);line-height:1.3}.inline-panel-warning{background:#fff6e4;color:#825b12}.inline-push-message{background:#eef3f5;color:#4e606a}.inline-setting-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.inline-alarm-toggle>span,.inline-setting-line>span{display:flex;min-width:0;flex-direction:column}.inline-alarm-toggle b,.inline-setting-line b{font-size:var(--m-font-min)}.inline-alarm-toggle small,.inline-setting-line small{color:var(--m-muted);font-size:var(--m-font-min)}.inline-thresholds{display:flex;gap:4px}.inline-thresholds button{height:28px;min-width:42px;padding:0 7px;border:1px solid #d7dfe3;border-radius:7px;background:#fff;color:#63727b;font-size:var(--m-font-min);font-weight:850}.inline-thresholds button.selected{border-color:#7e9feb;background:#eaf0ff;color:#1f55c9}.inline-alarm-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:4px 0;border:0;background:#fff;text-align:left}.inline-alarm-toggle>i{position:relative;width:34px;height:19px;flex:0 0 auto;border-radius:99px;background:#c8d0d4}.inline-alarm-toggle>i:after{content:"";position:absolute;left:2px;top:2px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #16232c38;transition:transform .18s}.inline-alarm-toggle[aria-checked=true]>i{background:var(--m-green)}.inline-alarm-toggle[aria-checked=true]>i:after{transform:translateX(15px)}.inline-notification-actions{display:grid;grid-template-columns:1.2fr 1fr .75fr;gap:5px}.inline-notification-actions.single{grid-template-columns:1fr}.inline-notification-actions button{height:29px;border:1px solid #d5dde1;border-radius:7px;background:#fff;font-size:var(--m-font-min);font-weight:850}.inline-notification-actions button.primary{border-color:var(--m-blue);background:var(--m-blue);color:#fff}.inline-notification-actions button.danger{border-color:#efc0bd;color:var(--m-red)}.inline-notification-actions button:disabled{opacity:.55}.inline-history-state{min-height:88px;display:grid;place-items:center;padding:10px;color:#62727b;font-size:var(--m-font-min);text-align:center}.inline-history-state.error{color:var(--m-red)}.inline-history-list{max-height:164px;overflow:auto;overscroll-behavior:contain}.inline-history-list>article{display:grid;grid-template-columns:21px minmax(0,1fr);gap:7px;padding:7px 9px;border-bottom:1px solid #edf0f2}.inline-history-list>article:last-child{border-bottom:0}.inline-history-list>article>i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#fee5e3;color:var(--m-red);font-size:var(--m-font-min);font-style:normal;font-weight:900}.inline-history-list>article.notice>i{background:#e6f7f0;color:var(--m-green)}.inline-history-list article header{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.inline-history-list strong{min-width:0;font-size:var(--m-font-min);line-height:1.25}.inline-history-list time{flex:0 0 auto;color:var(--m-muted);font-size:var(--m-font-min);white-space:nowrap}.inline-history-list p{margin:2px 0 0;color:#586872;font-size:var(--m-font-min);line-height:1.25}.inline-history-list small{display:block;margin-top:2px;color:#8a6260;font-size:var(--m-font-min)}.inline-machine-swipe>.mobile-swipe-surface{background:#fff}.machine-deck{position:relative;width:100%;overflow:visible;border-radius:11px;transition:height .22s cubic-bezier(.22,.61,.36,1);touch-action:pan-y}.machine-deck-window{height:100%;overflow:hidden;border-radius:inherit}.machine-deck-track{display:flex;width:100%;align-items:flex-start;transition:transform .24s cubic-bezier(.22,.61,.36,1);will-change:transform;touch-action:pan-y}.machine-deck-pane{min-width:0;flex:0 0 100%;align-self:flex-start}.machine-deck-pane>.machine-inline-panel,.machine-deck-pane>.mobile-card{width:100%}.machine-deck-hint{position:absolute;top:50%;z-index:8;width:14px;height:27px;display:grid;place-items:center;box-sizing:border-box;transform:translateY(-50%);border:1px solid #d5dde1aa;border-radius:99px;background:#fffffff2;box-shadow:0 1px 5px #16232c24;color:#78868e;font-size:15px;font-weight:900;line-height:1;pointer-events:none;opacity:.82}.machine-deck-hint.left{left:-16px}.machine-deck-hint.right{right:-16px}.machine-deck.push-focused{--push-focus:#245ee8;z-index:9;scroll-margin-top:96px}.machine-deck.push-focus-alarm{--push-focus:#e5483f}.machine-deck.push-focused .machine-deck-window{box-shadow:0 0 0 3px var(--push-focus),0 0 0 8px color-mix(in srgb,var(--push-focus) 18%,transparent);animation:machine-push-focus 1.25s ease-in-out 4}.machine-push-focus-label{position:absolute;right:10px;top:-9px;z-index:12;padding:4px 9px;border-radius:99px;background:var(--push-focus);box-shadow:0 2px 7px #16232c35;color:#fff;font-size:var(--m-font-min);font-weight:900;line-height:1;pointer-events:none}.machine-deck.push-focus-alarm .machine-push-focus-label:before{content:"! ";font-weight:950}@keyframes machine-push-focus{0%,to{box-shadow:0 0 0 3px var(--push-focus),0 0 0 6px color-mix(in srgb,var(--push-focus) 12%,transparent)}50%{box-shadow:0 0 0 4px var(--push-focus),0 0 0 12px color-mix(in srgb,var(--push-focus) 24%,transparent)}}@media(prefers-reduced-motion:reduce){.machine-deck.push-focused .machine-deck-window{animation:none}}@media(max-width:350px){.card-title b{font-size:15px}.card-title small{font-size:var(--m-font-min)}.mobile-time strong{font-size:27px}.mobile-time b{font-size:12px}.inline-thresholds button{min-width:38px;padding-inline:5px}}.mobile-shell>header{display:grid;grid-template-columns:1fr auto 1fr;gap:8px}.mobile-header-logo{display:flex;align-items:center;justify-self:start;gap:6px;min-width:0}.mobile-header-logo>b{font-size:12px;white-space:nowrap}.mobile-header-company{justify-self:center;max-width:150px;overflow:hidden;border:0;background:transparent;font-size:13px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.mobile-header-company i{color:#8a969d;font-style:normal}.mobile-header-user{justify-self:end;overflow:hidden;color:#52616b;font-size:var(--m-font-min);font-weight:750;text-overflow:ellipsis;white-space:nowrap}.card-machine-heading{display:flex!important;min-width:0;align-items:baseline;gap:8px}.card-machine-heading small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:350px){.mobile-header-logo>b{display:none}.mobile-header-company{max-width:145px}.mobile-header-user{max-width:72px}}@media(max-width:719px){body:has(.mobile-shell),html:has(.mobile-shell){overscroll-behavior-y:none}.mobile-shell{padding-top:calc(48px + env(safe-area-inset-top));overscroll-behavior-y:none}.mobile-shell>header{position:fixed;inset:0 0 auto;width:100%;z-index:20}}:root{--m-font-min:11px}.mobile-header-company:disabled{cursor:default;color:var(--m-ink);opacity:1}.mobile-card.has-note{border-color:#b8cafa}.mobile-issue.memo{cursor:pointer;background:#edf3ff;color:#194fb8}.mobile-issue.memo>b{background:var(--m-blue)}.mobile-issue.memo small{color:#5571a7}.mobile-issue.memo .alarm-acknowledge{border-color:#a8bdf2;color:#1f55c9}.alarm-swipe:has(.mobile-issue.memo) .mobile-swipe-action.reveal-left{background:var(--m-blue)}.inline-history-panel{min-height:190px}.inline-note-composer{display:grid;gap:6px;padding:8px 9px;border-bottom:1px solid #e7ecef;background:#f8fafb}.note-compose-fields{display:block;min-width:0}.note-compose-fields select,.note-compose-fields textarea{min-width:0;border:1px solid #d5dde1;border-radius:7px;background:#fff;color:var(--m-ink);font:inherit;font-size:var(--m-font-min)}.note-compose-fields select{padding:0 6px;font-weight:800}.note-compose-fields textarea{width:100%;resize:none;padding:7px;line-height:1.35}.note-photo-actions{display:grid;grid-template-columns:auto auto minmax(88px,1fr);gap:5px}.note-photo-actions label,.note-photo-actions>button{height:30px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #d4dce0;border-radius:7px;background:#fff;font-size:var(--m-font-min);font-weight:850;cursor:pointer}.note-photo-actions label{padding:0 8px}.note-photo-actions input{display:none}.note-photo-actions>button{border-color:var(--m-blue);background:var(--m-blue);color:#fff}.note-photo-actions>:disabled{opacity:.5}.note-photo-drafts{display:flex;min-width:0;gap:7px;overflow-x:auto;padding-bottom:2px}.note-photo-draft{position:relative;width:76px;min-width:76px;overflow:hidden;border:1px solid #d8e0e4;border-radius:8px;background:#fff}.note-photo-draft-preview{width:100%;height:58px;display:block;padding:0;overflow:hidden;border:0;background:#e9eef1}.note-photo-draft-preview img{width:100%;height:100%;display:block;object-fit:cover}.note-photo-draft>span{display:block;padding:3px 5px;overflow:hidden;color:#50616b;font-size:var(--m-font-min);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.note-photo-draft-remove{position:absolute;right:3px;top:3px;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:#17242ccc;color:#fff;font-size:14px;line-height:1}.note-compose-message{margin:0;color:#4f6470;font-size:var(--m-font-min);line-height:1.3}.inline-history-list{max-height:min(27dvh,250px);scroll-padding:12px}.inline-history-list>article.memo>i{background:#e6edff;color:var(--m-blue)}.inline-history-list>article.memo.focused{background:#eef4ff;box-shadow:inset 3px 0 0 var(--m-blue)}.inline-history-list>article.memo p{white-space:pre-wrap;color:#334a59}.inline-history-list>article.memo small{color:#5571a7}.note-history-photos{display:flex;gap:5px;margin-top:6px;overflow-x:auto}.note-history-photos button{width:68px;height:52px;flex:0 0 auto;padding:0;overflow:hidden;border:1px solid #d8e0e4;border-radius:7px;background:#eef2f4}.note-history-photos img{width:100%;height:100%;display:block;object-fit:cover}.note-history-ack{margin-top:6px;padding:4px 10px;border:1px solid #9fb7f1;border-radius:6px;background:#fff;color:#1f55c9;font-size:var(--m-font-min);font-weight:850}.sheet-message{margin:10px 0 0;color:var(--m-red);font-size:var(--m-font-min)}.mobile-photo-viewer{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:48px 14px calc(48px + env(safe-area-inset-bottom));background:#071016e8}.mobile-photo-viewer>img{max-width:100%;max-height:100%;border-radius:10px;object-fit:contain}.mobile-photo-viewer>button{position:absolute;right:16px;top:max(16px,env(safe-area-inset-top));width:38px;height:38px;padding:0;border:1px solid #ffffff55;border-radius:50%;background:#17242ccc;color:#fff;font-size:26px;line-height:1}.mobile-photo-viewer>span{position:absolute;left:18px;right:60px;bottom:max(16px,env(safe-area-inset-bottom));overflow:hidden;color:#fff;font-size:var(--m-font-min);text-overflow:ellipsis;white-space:nowrap}@media(max-width:350px){.note-photo-actions{grid-template-columns:1fr 1fr}.note-photo-actions>button{grid-column:1/3}}body:has(.mobile-shell),html:has(.mobile-shell){width:100%;max-width:100%;overflow-x:hidden}.mobile-shell{width:100%;max-width:100%;overflow-x:hidden}.mobile-machines{width:100%;isolation:isolate;overflow-anchor:none}.card-body,.inline-note-composer,.machine-deck,.machine-deck-pane,.machine-deck-track,.machine-deck-window,.machine-inline-panel,.mobile-card,.mobile-machines,.mobile-machines>*,.mobile-program-row,.mobile-time,.mobile-time>div{min-width:0;max-width:100%}.machine-deck.machine-order-moving{will-change:transform;backface-visibility:hidden;pointer-events:none}.machine-deck-pane,.machine-deck-track,.machine-deck-window{width:100%}.machine-deck-pane>.machine-inline-panel,.machine-deck-pane>.mobile-card{box-sizing:border-box;min-width:0;max-width:100%}.mobile-time{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.mobile-time>div:last-child{min-width:0;overflow:hidden}.mobile-time b{max-width:100%;white-space:normal;overflow-wrap:break-word}.mobile-card.live-pending{--state:#9da8ae;border-color:#d7dfe3}.mobile-card.live-pending .mobile-time strong.pending{color:#8d999f;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mobile-card.live-pending .track i{background:#aab4b9}.mobile-card.live-pending .mobile-program-row em{color:#87949b}.mobile-header-account{position:relative;min-width:0;justify-self:end}.mobile-header-user{display:flex;max-width:92px;align-items:center;justify-content:flex-end;gap:3px;padding:6px 0;border:0;background:transparent;cursor:pointer}.mobile-header-user i{color:#8a969d;font-size:11px;font-style:normal}.mobile-user-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:35;width:min(220px,calc(100vw - 20px));overflow:hidden;border:1px solid #d8e0e4;border-radius:11px;background:#fff;box-shadow:0 10px 30px #14232c2b;text-align:left}.mobile-user-menu>div{display:flex;min-width:0;flex-direction:column;padding:11px 12px;border-bottom:1px solid #edf0f2}.mobile-user-menu b{font-size:12px}.mobile-user-menu small{margin-top:2px;overflow:hidden;color:var(--m-muted);font-size:var(--m-font-min);text-overflow:ellipsis;white-space:nowrap}.mobile-user-menu>a{display:flex;align-items:center;border-bottom:1px solid #edf0f2;color:var(--m-blue)}.mobile-user-menu>a,.mobile-user-menu>button{width:100%;height:39px;padding:0 12px;background:#fff;font-size:12px;font-weight:850;text-align:left}.mobile-user-menu>button{border:0;color:var(--m-red)}.mobile-user-menu>button:active{background:#fff2f1}.mobile-user-menu>button:disabled{opacity:.55}.mobile-user-menu>p{margin:0;padding:0 12px 9px;color:var(--m-red);font-size:var(--m-font-min);line-height:1.3}.mobile-pull-refresh{height:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;color:#687780;font-size:var(--m-font-min);font-weight:800;transition:height .16s ease,color .16s ease}.mobile-pull-refresh span{display:flex;align-items:center;gap:6px;white-space:nowrap}.mobile-pull-refresh i{font-size:16px;font-style:normal;line-height:1;transition:transform .18s ease}.mobile-pull-refresh.ready{color:var(--m-blue)}.mobile-pull-refresh.ready i{transform:rotate(135deg)}.mobile-pull-refresh.refreshing{color:var(--m-green)}.mobile-pull-refresh.refreshing i{animation:mobile-refresh-spin .75s linear infinite}.mobile-edge-offline{display:flex;flex-direction:column;gap:2px;margin:7px 9px 3px;padding:9px 11px;border:1px solid #f1c56c;border-radius:10px;background:#fff8e8;color:#78530e;line-height:1.35}.mobile-edge-offline b{font-size:12px}.mobile-edge-offline span{font-size:var(--m-font-min);font-weight:700}@keyframes mobile-refresh-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.mobile-pull-refresh,.mobile-pull-refresh i{transition:none}.mobile-pull-refresh.refreshing i{animation:none}}.mobile-login-methods{display:flex;width:min(100%,290px);flex-direction:column;gap:8px}.mobile-login-methods>a{box-sizing:border-box;width:100%;text-align:center}.mobile-login-methods>a.secondary{border:1px solid #cfd8df;background:#fff;color:#26343d}