:root{color-scheme:light dark;--color-bg: #f5f5f7;--color-surface: #ffffff;--color-border: #d8d8dc;--color-text: #1c1c1e;--color-text-dim: #6b6b70;--color-accent: #0a6ff5;--color-danger: #d5341f;--color-header-bg: #2f333b;--tint-device: #e9f1fd;--tint-battery: #fdefe0;--tint-test: linear-gradient(160deg, #e7f6ea 0%, #faf3df 46%, #fdeae6 100%);--chip-red-bg: #fde3e0;--chip-red-fg: #a3200f;--chip-orange-bg: #fdead0;--chip-orange-fg: #915c00;--chip-olive-bg: #eef0cf;--chip-olive-fg: #5c5f1f;--chip-green-bg: #dcf3df;--chip-green-fg: #1e7a34;--chip-grey-bg: #e6e6ea;--chip-grey-fg: #45454a;--chip-muted-bg: #ececef;--chip-muted-fg: #8a8a90;--touch-target: 44px;--app-header-h: 3.25rem}@media(prefers-color-scheme:dark){:root{--color-bg: #101012;--color-surface: #1c1c1f;--color-border: #333338;--color-text: #f2f2f4;--color-text-dim: #9a9aa0;--color-accent: #4da3ff;--color-danger: #ff6b57;--color-header-bg: #202329;--tint-device: #101b28;--tint-battery: #241a10;--tint-test: linear-gradient(160deg, #0f1e14 0%, #1e1a10 46%, #241210 100%);--chip-red-bg: #4a1a14;--chip-red-fg: #ff9483;--chip-orange-bg: #4a3610;--chip-orange-fg: #ffc978;--chip-olive-bg: #33351a;--chip-olive-fg: #d8dd8f;--chip-green-bg: #163a1e;--chip-green-fg: #7ede8c;--chip-grey-bg: #2c2c30;--chip-grey-fg: #c8c8cd;--chip-muted-bg: #232326;--chip-muted-fg: #77777d}}*{box-sizing:border-box}html{font-size:14px}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-accent)}.app-shell{display:flex;flex-direction:column;min-height:100dvh;padding-top:env(safe-area-inset-top,0px);background:var(--color-bg)}.app-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:var(--app-header-h);padding:.5rem 1rem;background:var(--color-header-bg);color:#fff}.app-header-right{display:flex;align-items:center;gap:.85rem}.app-header-links{display:flex;gap:1rem;align-items:center}.sync-status{display:inline-flex;align-items:center;gap:.35rem;border:none;background:none;padding:.2rem .3rem;font:inherit;font-size:.78rem;color:#ffffffd9;cursor:default;white-space:nowrap}.sync-status[data-state=offline],.sync-status[data-state=conflict]{color:#fff;cursor:pointer}.sync-dot{width:.5rem;height:.5rem;border-radius:50%;background:currentColor;flex-shrink:0}.sync-status[data-state=saved] .sync-dot{background:#7ede8c}.sync-status[data-state=loading] .sync-dot,.sync-status[data-state=saving] .sync-dot{background:#ffc978}.sync-status[data-state=offline] .sync-dot{background:#ff9483}.sync-status[data-state=conflict] .sync-dot{background:var(--color-danger)}.app-header-links a{display:inline-flex;color:#fffc;text-decoration:none}.app-header-links a[aria-current=page]{color:#fff}.app-header-links svg{width:1.5rem;height:1.5rem}.app-header h1{font-size:1.25rem;margin:0}.app-header-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.app-icon{width:1.5rem;height:1.5rem;object-fit:contain;border-radius:50%;filter:grayscale(1)}.app-main h1{font-size:1.35rem;margin:0}.app-main h1.detail-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .65rem}.detail-title img{width:1.5rem;height:1.5rem;object-fit:contain;flex-shrink:0}.detail-title>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-body{flex:1;display:flex;min-height:0}.app-main{flex:1;min-width:0;padding:1rem;padding-bottom:calc(var(--touch-target) + env(safe-area-inset-bottom,0px) + 3rem);background:var(--color-bg)}.app-main.tint-device{background:var(--tint-device)}.app-main.tint-battery{background:var(--tint-battery)}.app-main.tint-test{background:var(--tint-test)}.nav{display:flex}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:var(--touch-target);padding:.45rem .25rem;text-decoration:none;color:var(--color-text-dim);font-size:.78rem;border:none;background:none;flex:1}.nav-item[aria-current=page]{color:var(--color-accent);font-weight:600}.nav-item .nav-icon{font-size:1.55rem;line-height:1}.nav-item .nav-icon-img{width:1.55rem;height:1.55rem;object-fit:contain}.nav-icon-wrap{position:relative;display:inline-flex}.nav-badge{position:absolute;top:-.4rem;right:-.6rem;min-width:1rem;height:1rem;padding:0 .2rem;border-radius:999px;background:var(--color-danger);color:#fff;font-size:.7rem;font-weight:700;line-height:1rem;text-align:center}.due-section-header{all:unset;cursor:pointer;display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem 0;font-weight:600;min-height:var(--touch-target)}.due-section-count{margin-left:auto;min-width:1.4rem;padding:0 .35rem;border-radius:999px;background:var(--chip-grey-bg);color:var(--chip-grey-fg);font-size:.8rem;text-align:center}.nav-badge{display:inline-block;min-width:1.1rem;padding:0 .3rem;border-radius:999px;background:var(--color-danger);color:#fff;font-size:.65rem;line-height:1.1rem;text-align:center}.nav-bottom{position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom,0)}.nav-side{display:none}@media(min-width:768px){.nav-bottom{display:none}.app-body{flex-direction:row}.nav-side{display:flex;flex-direction:column;width:12rem;flex-shrink:0;border-right:1px solid var(--color-border);padding:.75rem .5rem;gap:.25rem}.nav-side .nav-item{flex:none;flex-direction:row;justify-content:flex-start;gap:.6rem;font-size:.9rem;padding:.6rem .75rem;border-radius:.5rem}.nav-side .nav-item[aria-current=page]{background:var(--color-bg)}.app-main{padding:1.5rem 2rem;max-width:56rem}}.chip{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.85rem;font-weight:600;white-space:nowrap}.chip[data-color=red]{background:var(--chip-red-bg);color:var(--chip-red-fg)}.chip[data-color=orange]{background:var(--chip-orange-bg);color:var(--chip-orange-fg)}.chip[data-color=olive]{background:var(--chip-olive-bg);color:var(--chip-olive-fg)}.chip[data-color=green]{background:var(--chip-green-bg);color:var(--chip-green-fg)}.chip[data-color=grey]{background:var(--chip-grey-bg);color:var(--chip-grey-fg)}.chip[data-color=muted]{background:var(--chip-muted-bg);color:var(--chip-muted-fg)}.swipe-row{position:relative;overflow:hidden}.swipe-row-content{position:relative;z-index:1;background:var(--color-surface);touch-action:pan-y;cursor:pointer}.swipe-action{position:absolute;top:0;bottom:0;z-index:0;display:flex;align-items:center;padding:0 1.1rem;font-weight:600;font-size:.85rem;color:#fff}.swipe-action-left{left:0}.swipe-action-right{right:0}.swipe-action[data-color=green]{background:#1e7a34}.swipe-action[data-color=orange]{background:#915c00}.swipe-action[data-color=red]{background:var(--color-danger)}.status-dot{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;flex-shrink:0}.status-dot[data-color=red]{background:var(--chip-red-fg)}.status-dot[data-color=orange]{background:var(--chip-orange-fg)}.status-dot[data-color=olive]{background:var(--chip-olive-fg)}.status-dot[data-color=green]{background:var(--chip-green-fg)}.status-dot[data-color=grey]{background:var(--chip-grey-fg)}.status-dot[data-color=muted]{background:var(--chip-muted-fg)}.page-title{display:flex;align-items:center;gap:.6rem}.page-title-icon{width:2rem;height:2rem;object-fit:contain;flex-shrink:0}.search-input{flex:1;min-width:5rem;min-height:var(--touch-target);padding:.4rem .7rem;border-radius:.6rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:var(--touch-target);padding:.5rem 1rem;border-radius:.6rem;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;font-size:.95rem}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn-danger{color:var(--color-danger);border-color:var(--color-danger)}.btn-full{width:100%}.btn-inline{display:inline-flex;align-items:center;padding:.2rem .6rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-surface);color:var(--color-accent);font-size:.8rem;font-weight:600;text-transform:none;letter-spacing:normal;white-space:nowrap;cursor:pointer}.btn-inline:active{transform:scale(.97)}.chip-toggle{display:inline-flex;align-items:center;min-height:2.1rem;padding:.3rem .85rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.85rem;white-space:nowrap;cursor:pointer}.chip-toggle[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.chip-row{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.field-list{display:flex;flex-direction:column;gap:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden}.field-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.25rem .9rem;min-height:var(--touch-target);border-bottom:1px solid var(--color-border)}.field-row:last-child{border-bottom:none}.field-label{color:var(--color-text-dim);font-size:.95rem;flex-shrink:0}.field-value-btn{border:none;background:none;color:inherit;text-align:right;font-size:1rem;padding:.3rem;min-height:var(--touch-target);cursor:pointer;flex:1}.field-input{flex:1;min-height:var(--touch-target);padding:.3rem .5rem;border:1px solid var(--color-accent);border-radius:.4rem;background:var(--color-bg);text-align:right}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.75rem;padding:.9rem;margin-bottom:1rem}.list-row{display:block;padding:.75rem .9rem;border-bottom:1px solid var(--color-border);text-decoration:none;color:var(--color-text)}.list-row:last-child{border-bottom:none}.list-row-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.list-row-name{font-weight:600;font-size:1.05rem}.list-row-name.is-retired{color:var(--color-text-dim);font-weight:400}.list-row-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.3rem;font-size:.9rem;color:var(--color-text-dim)}.device-list-row{display:flex;align-items:center;gap:.75rem;padding:.45rem .9rem;min-height:var(--touch-target);border-bottom:1px solid var(--color-border);text-decoration:none;color:var(--color-text)}.device-list-row:last-child{border-bottom:none}.device-list-row-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:.05rem}.device-list-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;flex-shrink:0}.device-list-row-sub{font-size:.78rem;color:var(--color-text-dim)}.chip-label-pair{display:inline-flex;align-items:center;gap:.35rem}.chip-label{font-size:.72rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.03em}.test-due-text{font-size:.8rem;font-weight:500}.test-due-text[data-color=red]{color:var(--chip-red-fg)}.test-due-text[data-color=orange]{color:var(--chip-orange-fg)}.test-due-text[data-color=olive]{color:var(--chip-olive-fg)}.test-due-text[data-color=green]{color:var(--chip-green-fg)}.test-due-text[data-color=grey]{color:var(--chip-grey-fg)}.test-due-text[data-color=muted]{color:var(--color-text-dim)}.data-table-scroll{overflow-x:auto}.data-table{width:100%;min-width:32rem;border-collapse:collapse;font-size:.9rem}.data-table.is-compact{min-width:0;font-size:.85rem}.data-table th,.data-table td{padding:.5rem .7rem;text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table.is-compact th,.data-table.is-compact td{padding:.4rem .45rem;white-space:normal}.data-table tbody tr:has(+.note-row) td{border-bottom:none}.grid-list{font-size:.95rem}.grid-list-head,.grid-list-row{display:grid;align-items:center;gap:.4rem;padding:.55rem;border-bottom:1px solid var(--color-border)}.grid-list-head{position:sticky;top:var(--app-header-h);z-index:2;background:var(--color-surface);color:var(--color-text-dim);font-weight:600}.grid-list-row{background:var(--color-surface);cursor:pointer}.grid-list-row>*,.grid-list-head>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-list-sort{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;min-height:var(--touch-target)}.grid-list-arrow{font-size:.65rem;color:var(--color-accent)}.grid-list-note{padding:0 .6rem .5rem;background:var(--color-surface);color:var(--color-text-dim);font-size:.85rem;border-bottom:1px solid var(--color-border)}.grid-list .swipe-row:has(+.grid-list-note) .grid-list-row{border-bottom:none}.data-table .note-row td{border-top:none;padding-top:0;color:var(--color-text-dim);font-size:.78rem;white-space:normal}.data-table thead th{position:sticky;top:var(--app-header-h);z-index:2;background:var(--color-surface);box-shadow:inset 0 -1px 0 var(--color-border);color:var(--color-text-dim);font-weight:600}.data-table tbody tr{cursor:pointer;background:var(--color-surface)}.data-table-sort-btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;min-height:var(--touch-target)}.data-table-sort-btn[aria-sort=none]{color:inherit}.data-table-sort-arrow{font-size:.7rem;color:var(--color-accent)}.segmented{display:flex;border:1px solid var(--color-border);border-radius:.6rem;overflow:hidden;margin-bottom:1rem}.segmented button{flex:1;min-height:var(--touch-target);border:none;background:var(--color-surface);color:var(--color-text-dim);cursor:pointer;border-right:1px solid var(--color-border)}.segmented button:last-child{border-right:none}.segmented button[aria-selected=true]{background:var(--color-accent);color:#fff}.section-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-dim);margin:1.25rem 0 .4rem}.empty-state{color:var(--color-text-dim);padding:1.5rem .5rem;text-align:center}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem .75rem;overflow-y:auto;z-index:20}.sheet{width:100%;max-width:32rem;max-height:calc(100dvh - 3rem);overflow-y:auto;background:var(--color-surface);border-radius:1rem;padding:1rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0))}@media(min-width:768px){.sheet-backdrop{align-items:center}}.sheet h2{font-size:1.05rem;margin:0 0 .75rem}.form-row{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem}.form-row label{font-size:.85rem;color:var(--color-text-dim)}.form-row input,.form-row select,.form-row textarea{min-height:var(--touch-target);padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg)}.sheet-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem;margin-top:1rem}.card-actions{display:flex;justify-content:flex-start;gap:.6rem;margin-top:.75rem}.offline-banner{background:var(--chip-orange-bg);color:var(--chip-orange-fg);padding:.4rem 1rem;font-size:.85rem;text-align:center}.suggestion-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:var(--chip-olive-bg);color:var(--chip-olive-fg);border-radius:.6rem;padding:.6rem .8rem;margin:.6rem 0 1rem;font-size:.85rem}