@font-face{font-family:Creato;src:url('/creato-regular.otf') format('opentype');font-weight:400;font-display:swap}@font-face{font-family:Creato;src:url('/creato-medium.otf') format('opentype');font-weight:500;font-display:swap}@font-face{font-family:Creato;src:url('/creato-bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{font:16px/1.5 Creato,Arial,sans-serif;color:#192330;background:#f5f6f8;--line:#e1e5eb;--muted:#596575}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #1769d2;border-radius:100px;min-height:44px;padding:9px 20px;background:#1769d2;color:white;cursor:pointer;font-size:14px;transition:background .18s,transform .18s}button:hover{background:#1158b6;transform:translateY(-1px)}button:active{transform:scale(.98)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible,[tabindex='0']:focus-visible{outline:3px solid #1769d2;outline-offset:4px}.shell-header{max-width:1248px;min-height:88px;margin:auto;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:24px;color:var(--muted);text-decoration:none;min-height:44px}.brand img{width:150px;height:auto;display:block}.brand span{border-left:1px solid #d7dde5;padding-left:24px;font-size:15px}main{max-width:1160px;margin:auto;padding:40px 32px 72px}h1{font-size:36px;letter-spacing:-1px;line-height:1.15;margin:0;font-weight:700}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.icon-button{width:44px;padding:0;background:white;border-color:#d9dfe6;color:#273345;font-size:24px}.icon-button:hover{background:#edf4fd}.login-panel{text-align:center;max-width:460px;margin:8vh auto 32px;padding:48px 24px;border:1px solid var(--line);border-radius:20px;background:white}.login-panel h1{font-size:28px;margin-bottom:30px}#message:empty{display:none}#message{font-size:14px;border:1px solid #cddff7;background:#eaf2fe;border-radius:12px;padding:14px 18px;margin:20px 0}.table-wrap{border:1px solid var(--line);background:white;border-radius:20px;padding:24px;overflow:hidden}.table-wrap:has(table[hidden]){display:none}table{width:100%;border-collapse:collapse;table-layout:fixed}caption{text-align:left;font-size:12px;color:var(--muted);margin-bottom:16px}thead th{text-align:left;font-size:12px;color:var(--muted);font-weight:500;padding:0 12px 16px}th:first-child,td:first-child{padding-left:0;width:31%}th:nth-child(2){width:29%}th:nth-child(3){width:18%}th:last-child{width:22%;padding-right:0}td{border-top:1px solid var(--line);padding:20px 12px;font-size:14px;vertical-align:top;overflow-wrap:anywhere}td:last-child{padding-right:0}td strong{font-weight:500}td small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.identity-heading{display:flex;align-items:center;gap:6px}.identity-heading strong{min-width:0}.device-id{font-family:ui-monospace,monospace;font-size:11px!important}.issue{font-size:13px;color:#86600c;margin:8px 0 0}.status-symbol{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#687485;border-radius:50%}.status-symbol svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.status-symbol.ready{color:#26745d}.status-symbol.attention{color:#946b11}.status-symbol.working{color:#1769d2}.status-symbol.working svg{animation:spin .9s linear infinite}.rollout-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}select{border:1px solid #d6dfe9;border-radius:9px;padding:9px 10px;background:white;color:inherit;min-height:44px;font-size:13px;max-width:100%}.rollout-controls button{padding:9px 16px;font-size:13px}.component-details{margin-top:12px;font-size:12px}.component-details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:7px;color:var(--muted);list-style:none}.component-details summary::-webkit-details-marker{display:none}.component-details summary:before{content:'›';font-size:18px;transition:transform .18s}.component-details[open] summary:before{transform:rotate(90deg)}.component-details dl{margin:10px 0}.component-details dt{font-weight:500;margin-top:10px}.component-details dd{margin:3px 0;color:var(--muted);overflow-wrap:anywhere}.component-details small{font-size:11px}.muted{color:var(--muted)}.stale-divider th{padding:24px 0 14px;text-align:left;font-size:13px;font-weight:500;color:var(--muted)}.stale-device{background:#fafbfc}#profile{position:relative;z-index:5}#profile>summary{display:flex;align-items:center;gap:6px;cursor:pointer;min-height:44px;list-style:none;border-radius:30px}#profile summary::-webkit-details-marker{display:none}#avatar{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d3deec;border-radius:50%;background:#e9f0fa;color:#225a9d;font-size:13px}.profile-menu{position:absolute;right:0;top:calc(100% + 10px);border:1px solid var(--line);border-radius:16px;background:white;padding:20px;width:300px;max-width:calc(100vw - 40px);box-shadow:0 12px 40px #1923301c;overflow-wrap:anywhere;animation:reveal .2s ease}.profile-menu strong{font-weight:500;font-size:14px}.profile-menu p{font-size:13px;color:var(--muted);margin:5px 0 16px}.profile-menu button{background:white;color:#273345;border-color:#d9dfe6}details[open] dl{animation:reveal .2s ease}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:980px){.shell-header{padding:20px 22px;gap:16px}.brand{gap:16px}.brand img{width:136px}.brand span{padding-left:16px;font-size:14px}main{padding:24px 20px 48px}h1{font-size:30px}.table-wrap{padding:0 20px;border-radius:16px}.page-heading{margin-bottom:22px}caption{padding:20px 0 0}thead{display:none}table,tbody,tr,td{display:block;width:100%;max-width:100%}tr{padding:20px 0;border-top:1px solid var(--line)}td,td:first-child,td:last-child{border:0;padding:8px 0;width:100%}td[data-label]:not(:first-child):before{content:attr(data-label);display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.identity-heading{justify-content:flex-start}.rollout-controls{flex-wrap:nowrap}.component-details summary{min-height:38px}.stale-divider{border-top:0;padding:14px 0 0}.stale-divider th{display:block;width:auto;padding:0 0 8px}.stale-device{background:transparent}.login-panel{margin-top:4vh;padding:36px 20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}button:hover{transform:none}}
@media(max-width:980px){caption{display:block;width:100%;text-align:left}}

.icon-button.working span{animation:spin .9s linear infinite}#signin.working:before{content:"";width:14px;height:14px;margin-right:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .9s linear infinite}

#view-control{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:14px;color:var(--muted)}

/* Keep routine rollout controls aligned; retirement is a quiet secondary action. */
th:first-child{width:29%}th:nth-child(2){width:25%}th:nth-child(3){width:16%}th:last-child{width:30%}
.rollout-controls{flex-wrap:nowrap;gap:6px;align-items:center}.rollout-controls button{padding:8px 12px}.rollout-controls select{padding:8px}
.rollout-controls .secondary-button{min-height:36px;min-width:44px;padding:5px 9px;font-size:12px;border-radius:8px;border-color:#d6dfe9;background:white;color:#596575;flex-shrink:0}
.rollout-controls .secondary-button:hover{background:#f5f6f8;color:#273345;transform:none}
time[data-contact]{cursor:help}
@media(max-width:980px){th:first-child,th:nth-child(2),th:nth-child(3),th:last-child{width:auto}}
