:root{--brand:#288dc1;--link:#1e76a6;--hover:#155a80;--accent:#5eb3db;--surface-tint:#e9f3f9;--ink:#13303f;--page:#f7f9fb;--card:#fff;--border:#d4e2ec;--muted:#5b7280;--critical:#b4231f;--watch:#b06a00;--good:#1d7a4c;--radius:10px;--font:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);font-family:var(--font);margin:0;font-size:16px;line-height:1.5}a{color:var(--link)}a:hover{color:var(--hover)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{max-width:1200px;margin:0 auto;padding:8px 16px 48px}.page-title{color:var(--ink);margin:0 0 2px;font-size:26px}.subtitle{color:var(--muted);margin:4px 0 0;font-size:.95rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-top:16px;padding:16px}.card h2{margin:0 0 8px;font-size:1rem}.status{align-items:center;gap:8px;font-weight:600;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:10px;height:10px}.status-loading{color:var(--muted)}.status-ok{color:var(--good)}.status-degraded{color:var(--watch)}.status-error{color:var(--critical)}.detail{color:var(--muted);font-family:var(--mono);margin:8px 0 0;font-size:.85rem}.auth-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.auth-stack{width:100%;max-width:420px}.auth-brand{text-align:center;margin-bottom:24px}.auth-logo{width:auto;height:52px}.auth-title{letter-spacing:-.01em;margin:16px 0 0;font-size:1.4rem;font-weight:700}.auth-tagline{color:var(--muted);margin:2px 0 0;font-size:.875rem}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #13303f0f,0 8px 24px #13303f0f}.auth-card-header{background:linear-gradient(135deg, var(--brand) 0%, var(--hover) 100%);padding:16px 24px}.auth-card-title{color:#fff;margin:0;font-size:1rem;font-weight:600}.auth-card-subtitle{color:#ffffffd1;margin:2px 0 0;font-size:.78rem}.auth-card-body{flex-direction:column;gap:14px;padding:24px;display:flex}.auth-provider-btn,.auth-primary-btn,.auth-quiet-btn{cursor:pointer;border:1px solid var(--border);background:var(--card);width:100%;min-height:48px;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex}.auth-provider-btn:hover:not(:disabled){border-color:var(--accent);background:var(--surface-tint)}.auth-primary-btn{background:var(--brand);border-color:var(--brand);color:#fff}.auth-primary-btn:hover:not(:disabled){background:var(--hover);border-color:var(--hover)}.auth-quiet-btn{color:var(--link);background:0 0;border-color:#0000;min-height:40px}.auth-quiet-btn:hover:not(:disabled){text-decoration:underline}:is(.auth-provider-btn:focus-visible,.auth-primary-btn:focus-visible,.auth-quiet-btn:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.auth-provider-btn:disabled,.auth-primary-btn:disabled,.auth-quiet-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn-label{line-height:1}.auth-alert{color:var(--critical);background:#fdf2f2;border:1px solid #f3c9c8;border-radius:10px;align-items:flex-start;gap:8px;margin-top:12px;padding:12px 14px;font-size:.88rem;font-weight:500;display:flex}.auth-muted{color:var(--muted);margin:0;font-size:.88rem}.auth-divider{border-top:1px solid var(--border);padding-top:14px}.auth-note{text-align:center;color:var(--muted);margin:0;font-size:.78rem;line-height:1.6}.auth-footer{text-align:center;color:var(--muted);margin:20px 0 0;font-size:.75rem}.identity-box{background:var(--surface-tint);border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.identity-label{color:var(--muted);font-size:.75rem}.identity-email{font-family:var(--mono);word-break:break-all;font-size:.9rem}.field{display:block}.field-label{margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.field textarea{border:1px solid var(--border);width:100%;color:var(--ink);background:var(--card);resize:vertical;border-radius:10px;padding:10px;font-family:inherit;font-size:1rem}.field select,.field input[type=text],.field input[type=email],.field input:not([type]){border:1px solid var(--border);width:100%;min-height:44px;color:var(--ink);background:var(--card);border-radius:10px;padding:10px;font-family:inherit;font-size:1rem}:is(.field textarea:focus-visible,.field select:focus-visible,.field input:focus-visible){outline:3px solid var(--accent);outline-offset:1px}.app-nav{background:var(--card);border-bottom:2px solid var(--brand);margin-bottom:18px}.nav-top{flex-wrap:wrap;align-items:center;gap:12px 18px;padding:10px 20px 6px;display:flex}.nav-brand{color:var(--ink);white-space:nowrap;align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.nav-brand img{width:auto;height:30px}.nav-plant-name,.nav-plant-pick select{font:inherit;color:var(--hover);background:var(--surface-tint);border:1px solid var(--accent);border-radius:999px;align-items:center;min-height:36px;padding:6px 14px;font-size:14px;font-weight:600;display:inline-flex}.nav-plant-pick select{cursor:pointer}.nav-plant-pick select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.nav-me{align-items:center;gap:12px;margin-left:auto;display:flex}.nav-who{color:var(--ink);text-align:right;flex-direction:column;font-size:14px;line-height:1.2;display:flex}.nav-role{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.nav-signout{font:inherit;border:1px solid var(--border);min-height:40px;color:var(--link);cursor:pointer;background:0 0;border-radius:6px;padding:8px 12px;font-size:14px}.nav-signout:hover{border-color:var(--link)}.nav-links{flex-wrap:wrap;align-items:center;gap:4px;padding:0 14px 6px;display:flex}.nav-link{color:var(--link);border-radius:6px;align-items:center;min-height:40px;padding:8px 12px;font-size:15px;text-decoration:none;display:inline-flex}.nav-link:hover{background:var(--surface-tint)}.nav-link-current{background:var(--surface-tint);color:var(--hover);box-shadow:inset 0 -3px 0 var(--brand);font-weight:700}.nav-divider{background:var(--border);width:1px;height:24px;margin:0 6px}@media (max-width:700px){.nav-top{gap:8px 12px;padding:8px 12px 4px}.nav-brand{font-size:16px}.nav-brand img{height:26px}.nav-who{display:none}.nav-signout{min-height:36px;padding:6px 10px;font-size:13px}.nav-links{padding:0 8px 4px}.nav-link{padding:8px 10px;font-size:14px}}.home-tiles{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:18px;display:grid}.home-tile{border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:12px;flex-direction:column;gap:4px;min-height:96px;padding:16px 18px;text-decoration:none;display:flex;position:relative}.home-tile strong{font-size:19px}.home-tile span{opacity:.92;font-size:13px}.home-tile.is-planned{background:var(--card);color:var(--ink);border-color:var(--border)}.home-tile.is-planned span{color:var(--muted);opacity:1}.home-tile-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--watch);border:1px solid;border-radius:999px;align-self:flex-start;margin-top:6px;padding:1px 8px;font-size:.7rem;font-style:normal;font-weight:700}.home-tile:hover{color:#fff;filter:brightness(.96)}.home-tile.is-planned:hover{color:var(--ink);border-color:var(--accent);filter:none}.home-tile:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.screen-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 16px;display:flex}.screen-plant{color:var(--hover);background:var(--surface-tint);border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:700}.planned{border-style:dashed}.planned h2{margin-top:14px}.planned-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--watch);margin:0;font-size:.72rem;font-weight:700}.planned-list{color:var(--ink);margin:0;padding-left:20px}.planned-list li{margin:4px 0}.admin-page{max-width:900px}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.admin-section{margin-top:20px}.admin-section-title{color:var(--muted);margin:0 0 8px;font-size:.9rem;font-weight:600}.admin-primary,.admin-quiet,.admin-danger-btn{font:inherit;cursor:pointer;border-radius:8px;min-height:44px;padding:10px 16px}.admin-primary{background:var(--brand);border:1px solid var(--brand);color:#fff;font-weight:600}.admin-primary:hover:not(:disabled){background:var(--hover);border-color:var(--hover)}.admin-quiet{background:var(--card);border:1px solid var(--border);color:var(--link)}.admin-quiet:hover:not(:disabled){border-color:var(--accent);background:var(--surface-tint)}.admin-danger-btn{background:var(--card);color:#a5301f;border:1px solid #c0392b;font-weight:600}.admin-danger-btn:hover:not(:disabled){background:#fdf3f2}.admin-primary:disabled,.admin-quiet:disabled,.admin-danger-btn:disabled{opacity:.55;cursor:not-allowed}:is(.admin-primary:focus-visible,.admin-quiet:focus-visible,.admin-danger-btn:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.admin-notice{border:1px solid var(--accent);border-left:4px solid var(--brand);border-radius:var(--radius);background:var(--surface-tint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;display:flex}.admin-form{margin-top:16px}.admin-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px;margin-top:12px;display:grid}.admin-plants{border:1px solid var(--border);border-radius:8px;margin:14px 0 0;padding:10px 14px 14px}.admin-plants legend{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:0 6px;font-size:.78rem}.admin-check{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.admin-check input{width:20px;height:20px;accent-color:var(--brand)}.admin-switch{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:8px 0;display:flex}.admin-switch:last-child{border-bottom:0}.admin-switch.is-changed .admin-switch-name{font-weight:700}.admin-switch-text{flex-direction:column;flex:260px;min-width:0;display:flex}.admin-switch-name{font-size:.92rem}.admin-switch-state{color:var(--muted);font-size:.75rem}.admin-switch-state.is-on{color:var(--good);font-weight:600}.admin-switch select{font:inherit;border:1px solid var(--border);background:var(--card);min-height:40px;color:var(--ink);border-radius:8px;padding:6px 10px;font-size:.9rem}.admin-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.admin-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.admin-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:14px 16px}.admin-card.is-open{border-color:var(--brand)}.admin-card.is-inactive{background:#fafbfc}.admin-card.is-inactive .admin-name,.admin-card.is-inactive .admin-email{color:var(--muted)}.admin-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.admin-who{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-name{color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:flex}.admin-you{text-transform:uppercase;letter-spacing:.06em;color:var(--hover);background:var(--surface-tint);border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:700}.admin-email{font-family:var(--mono);color:var(--muted);word-break:break-all;font-size:.85rem}.admin-tags{flex-wrap:wrap;gap:6px;display:flex}.admin-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700}.admin-badge-admin{border-color:var(--brand);background:var(--surface-tint);color:var(--hover)}.admin-badge-off{color:#a5301f;border-color:#c0392b}.admin-meta{color:var(--muted);flex-wrap:wrap;gap:8px;margin:10px 0 0;font-size:.88rem;display:flex}.admin-note{margin:8px 0 0;font-size:.9rem;font-style:italic}.admin-dot{opacity:.5}.admin-card-actions{margin-top:12px}.admin-edit{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.admin-danger{border-top:1px dashed var(--border);margin-top:18px;padding-top:14px}.admin-danger p{margin:0 0 4px;font-size:.9rem}@media (max-width:760px){.field input,.field select,.field textarea,.admin-switch select{font-size:16px}.admin-head{align-items:stretch}.admin-head .admin-primary,.admin-actions button,.admin-card-actions button,.admin-danger-btn,.admin-switch select{width:100%}.admin-actions{flex-direction:column}.admin-form-grid{grid-template-columns:1fr}}
