:root{--color-aqua-900:#005762;--color-aqua-800:#006b78;--color-aqua-700:#007480;--color-aqua-600:#008897;--color-aqua-500:#0aa9b7;--color-aqua-100:#dff7f7;--color-aqua-50:#eefbfb;--color-teal-700:var(--color-aqua-700);--color-teal-600:var(--color-aqua-600);--color-teal-500:var(--color-aqua-500);--color-teal-100:var(--color-aqua-100);--color-navy-950:#00182a;--color-navy-900:#002945;--color-navy-800:#073a59;--color-navy-700:#0c4a68;--color-blue-600:#1560c8;--color-green-700:#047857;--color-green-600:#168a3f;--color-green-100:#e4f7e9;--color-green-50:#f0fbf3;--color-amber-700:#b77900;--color-amber-600:#d98a00;--color-amber-100:#fff3d6;--color-amber-50:#fff9eb;--color-red-700:#c62828;--color-red-600:#e53935;--color-red-100:#ffe8e7;--color-red-50:#fff3f2;--color-gray-700:#405765;--color-gray-600:#5c7280;--color-gray-500:#7f93a0;--color-gray-100:#edf3f6;--color-gray-50:#f7fafc;--color-brand-primary:var(--color-aqua-700);--color-brand-primary-hover:var(--color-aqua-800);--color-brand-secondary:var(--color-aqua-500);--color-page:#f4f8fb;--color-surface:#fff;--color-surface-soft:#ffffffd6;--color-border:#d8e8ef;--color-border-strong:#c3dbe5;--color-text:var(--color-navy-950);--color-muted:var(--color-gray-600);--status-good-bg:var(--color-green-100);--status-good-text:var(--color-green-600);--status-excellent-bg:#dcfce7;--status-excellent-text:var(--color-green-700);--status-fair-bg:var(--color-amber-100);--status-fair-text:var(--color-amber-600);--status-poor-bg:var(--color-red-100);--status-poor-text:var(--color-red-600);--status-online:var(--color-green-600);--status-offline:#6b7c87;--status-warning:var(--color-amber-600);--status-critical:var(--color-red-600);--status-info:var(--color-blue-600);--chart-do:#1560c8;--chart-ph:#168a3f;--chart-ammonia:#e53935;--chart-turbidity:#d98a00;--chart-orp:#0aa9b7;--chart-grid:#dce8ef;--chart-threshold-high:#ef4444;--chart-threshold-low:#f59e0b;--chart-optimal-band:#168a3f1f;--font-family-base:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:10px;--font-size-sm:12px;--font-size-md:13px;--font-size-lg:16px;--font-size-xl:19px;--font-size-2xl:22px;--font-size-3xl:30px;--line-height-tight:1.2;--line-height-body:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-control:7px;--radius-card:8px;--radius-pill:999px;--radius-circle:50%;--shadow-card:0 12px 34px #00182a14;--shadow-raised:0 18px 46px #00182a2e;--shadow-soft:0 8px 26px #00182a0d;--shadow-toolbar:0 6px 20px #00182a0a;--sidebar-width:236px;--topbar-height:74px;--breakpoint-desktop:1120px;--breakpoint-tablet:820px;--breakpoint-mobile:520px;color:var(--color-text);background:var(--color-page);font-family:var(--font-family-base);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{background:var(--color-page);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.app-layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:radial-gradient(circle at 100% 100%,#0aa9b71f,#0000 28%),linear-gradient(#f7fbfd 0%,#eef7fb 100%);min-height:100vh;transition:grid-template-columns .18s;display:grid}.app-layout--sidebar-collapsed{grid-template-columns:82px minmax(0,1fr)}.app-layout__main{grid-template-rows:auto 1fr;min-width:0;display:grid}.sidebar{height:100vh;padding:var(--space-4);transition:padding .18s;position:sticky;top:0}.sidebar__inner{border-radius:var(--radius-card);background:linear-gradient(180deg, #007480b8, #00182afa), var(--color-navy-950);color:#f5fdff;height:100%;box-shadow:var(--shadow-raised);border:1px solid #95cbdb3d;flex-direction:column;display:flex;overflow:hidden}.sidebar__nav{padding:var(--space-3);flex:1;overflow-y:auto}.sidebar__section+.sidebar__section{border-top:1px solid #d8e8ef29;margin-top:18px;padding-top:14px}.sidebar__section-title{color:#f5fdff94;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:800}.sidebar__link{border-radius:var(--radius-control);color:#f5fdffd1;min-height:38px;font-size:var(--font-size-md);align-items:center;gap:10px;padding:9px 10px;font-weight:650;transition:background .16s,color .16s,transform .16s;display:flex}.sidebar__link:hover,.sidebar__link.active{color:#fff;background:linear-gradient(90deg,#0aa9b7eb,#007480c7)}.sidebar__link:hover{transform:translate(1px)}.sidebar__link span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar__badge{border-radius:var(--radius-pill);background:var(--color-red-600);color:#fff;place-items:center;min-width:19px;height:19px;margin-left:auto;font-size:11px;font-weight:800;display:inline-grid}.sidebar__footer{color:#f5fdffad;justify-content:space-between;align-items:center;gap:8px;padding:12px;font-size:11px;display:flex}.sidebar__collapse{color:inherit;font-size:var(--font-size-sm);background:0 0;border:0;align-items:center;gap:6px;font-weight:650;display:inline-flex}.sidebar--collapsed{padding:14px 10px}.sidebar--collapsed .brand{justify-content:center;padding:14px 0}.sidebar--collapsed .sidebar__nav{padding:10px 8px}.sidebar--collapsed .sidebar__section-title,.sidebar--collapsed .sidebar__link span:nth-child(2),.sidebar--collapsed .sidebar__badge,.sidebar--collapsed .sidebar__footer>span,.sidebar--collapsed .sidebar__collapse span{display:none}.sidebar--collapsed .sidebar__link{justify-content:center;gap:0;min-height:42px;padding:0}.sidebar--collapsed .sidebar__link:hover{transform:translateY(-1px)}.sidebar--collapsed .sidebar__footer{justify-content:center;padding:10px 8px 12px}.sidebar--collapsed .sidebar__collapse{border-radius:var(--radius-control);background:#ffffff14;border:1px solid #d8e8ef29;place-items:center;width:38px;height:38px;display:grid}.brand{align-items:center;gap:10px;padding:14px 12px;display:flex}.brand--compact{gap:0;padding:0}.brand__mark{border-radius:var(--radius-control);background:#fffffff0;flex:none;place-items:center;width:42px;height:42px;display:inline-grid;overflow:hidden;box-shadow:0 8px 18px #00182a2e}.brand--compact .brand__mark{width:38px;height:38px}.brand__mark img{object-fit:contain;width:78%;height:78%;display:block}.brand__copy{gap:2px;min-width:0;display:grid}.brand__copy strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1;overflow:hidden}.brand__copy small{color:#f5fdff9e;font-size:var(--font-size-xs);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-weight:700;overflow:hidden}.topbar{z-index:20;min-height:var(--topbar-height);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7fbfdeb;border-bottom:1px solid #c3dbe5e0;justify-content:flex-end;align-items:center;gap:14px;padding:14px 22px;display:flex;position:sticky;top:0}.topbar__mobile-brand{color:#fff;align-items:center;gap:10px;margin-right:auto;font-size:16px;font-weight:800;display:none}.topbar__status,.topbar__actions{align-items:center;gap:10px;display:flex}.status-pill{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-height:34px;color:var(--color-muted);box-shadow:var(--shadow-toolbar);align-items:center;gap:7px;padding:7px 10px;font-size:12px;display:inline-flex}.status-pill strong{color:var(--color-text);font-weight:800}.status-pill--online svg{color:var(--color-green-600)}.status-pill--offline svg{color:var(--status-critical)}.icon-button,.user-menu,.toolbar-button,.primary-button,.quick-filters button,.panel__header button{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text)}.icon-button{place-items:center;width:38px;height:38px;display:inline-grid;position:relative}.icon-button--alert svg{color:var(--color-blue-600)}.nav-badge{border-radius:var(--radius-pill);background:var(--color-red-600);color:#fff;place-items:center;font-size:10px;font-weight:800;display:inline-grid;position:absolute}.user-menu{min-height:38px;font-size:var(--font-size-md);align-items:center;gap:8px;padding:6px 9px;font-weight:750;display:inline-flex}.user-menu__avatar{border-radius:var(--radius-circle);background:var(--color-teal-100);width:26px;height:26px;color:var(--color-teal-700);place-items:center;display:inline-grid}.page-shell{min-width:0;padding:20px 22px 28px}.pwa-prompt{z-index:60;border-radius:var(--radius-card);width:min(430px,100vw - 40px);box-shadow:var(--shadow-raised);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #9ad5dcd1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid;position:fixed;bottom:20px;right:20px}.pwa-prompt__icon{border-radius:var(--radius-control);background:var(--color-aqua-50);width:38px;height:38px;color:var(--color-teal-700);place-items:center;display:grid}.pwa-prompt__copy{gap:2px;min-width:0;display:grid}.pwa-prompt__copy strong{color:var(--color-text);font-size:var(--font-size-md);line-height:1.2}.pwa-prompt__copy span{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:650}.pwa-prompt__actions{align-items:center;gap:8px;display:flex}.pwa-prompt__actions .ui-button{min-height:36px;padding:0 12px}.pwa-prompt__dismiss{border:1px solid var(--color-border);border-radius:var(--radius-control);width:34px;height:34px;color:var(--color-muted);background:#fff;place-items:center;display:inline-grid}.module-page{gap:16px;display:grid}.dashboard-page{gap:14px;display:grid}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.dashboard-header h1{color:var(--color-navy-950);font-size:var(--font-size-2xl);line-height:var(--line-height-tight);margin-bottom:4px}.dashboard-header p{color:var(--color-muted);font-size:var(--font-size-md);margin-bottom:0;font-weight:650}.dashboard-header__filter{gap:6px;min-width:min(320px,100%);display:grid}.dashboard-header__filter>span{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:850}.dashboard-pond-select{background:#fff;min-height:44px}.dashboard-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.dashboard-metric{justify-content:space-between;align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-height:104px;box-shadow:var(--shadow-soft);padding:18px;display:flex}.dashboard-metric span{color:var(--color-muted);font-size:var(--font-size-sm);margin-bottom:7px;font-weight:850;display:block}.dashboard-metric strong{color:var(--color-text);font-size:28px;line-height:1;display:block}.dashboard-metric p{color:var(--color-muted);font-size:var(--font-size-sm);margin:7px 0 0;font-weight:700}.dashboard-metric svg{color:var(--color-teal-700);flex:none}.dashboard-metric--green svg,.dashboard-metric--green strong,.dashboard-metric--mint svg{color:var(--status-good-text)}.dashboard-metric--warning svg{color:var(--status-warning)}.dashboard-metric--warning strong{color:var(--status-critical)}.dashboard-section.ui-card{padding:14px}.dashboard-section .ui-card__header{margin-bottom:12px}.dashboard-pond-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.dashboard-pond-card{border-radius:var(--radius-card);background:#fff;border:1px solid #e4eef3;gap:14px;min-height:136px;padding:14px;display:grid}.dashboard-pond-card__top{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.dashboard-pond-icon{border-radius:var(--radius-control);background:var(--color-aqua-50);width:34px;height:34px;color:var(--color-teal-700);place-items:center;display:grid}.dashboard-pond-card h3{color:var(--color-text);font-size:var(--font-size-md);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;overflow:hidden}.dashboard-pond-card p{color:var(--color-muted);font-size:var(--font-size-sm);margin-bottom:0;font-weight:700}.dashboard-pond-readings{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.dashboard-pond-readings span{color:var(--color-muted);font-size:var(--font-size-xs);gap:3px;font-weight:900;display:grid}.dashboard-pond-readings strong{color:var(--status-good-text);font-size:var(--font-size-md);white-space:nowrap}.dashboard-pond-card footer{justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:var(--font-size-sm);font-weight:700;display:flex}.dashboard-quality-grid{border-radius:var(--radius-card);background:#fff;border:1px solid #e4eef3;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden}.dashboard-latest-packet{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:34px;color:var(--color-muted);font-size:var(--font-size-sm);white-space:nowrap;background:#f9fcfd;align-items:center;gap:7px;padding:0 12px;font-weight:650;display:inline-flex}.dashboard-latest-packet svg{color:var(--color-teal-700)}.dashboard-latest-packet strong{color:var(--color-text);font-weight:750}.dashboard-quality-card{background:linear-gradient(#fff 0%,#fbfdfe 100%);border-right:1px solid #e4eef3;grid-template-rows:auto auto auto auto;gap:8px;min-height:132px;padding:12px 14px;display:grid}.dashboard-quality-card__heading{text-align:center}.dashboard-quality-card h3{color:var(--color-text);font-size:var(--font-size-md);text-align:center;margin-bottom:2px}.dashboard-quality-card p{color:var(--color-muted);font-size:var(--font-size-xs);text-align:center;margin-bottom:0;font-weight:600}.dashboard-quality-value{justify-content:center;align-items:baseline;gap:5px;min-width:0;display:flex}.dashboard-quality-value strong{min-width:0;color:var(--color-text);overflow-wrap:anywhere;font-size:23px;line-height:1}.dashboard-quality-value span{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:700}.dashboard-quality-progress{border-radius:var(--radius-pill);background:#dfeaf0;width:100%;height:7px;overflow:hidden}.dashboard-quality-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--status-good-text), var(--color-teal-500));height:100%;display:block}.dashboard-quality-meta{width:100%;color:var(--color-muted);font-size:var(--font-size-xs);grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;font-weight:700;display:grid}.dashboard-quality-meta>span:last-child{text-align:right}.dashboard-quality-meta .ui-status-chip{min-width:auto;min-height:24px;padding:0 12px;font-size:11px}.dashboard-bottom-grid{grid-template-columns:1.45fr .85fr .85fr;gap:12px;display:grid}.dashboard-bottom-grid .chart-frame,.dashboard-bottom-grid .chart-frame--large{height:214px}.dashboard-summary-card{align-items:center;gap:var(--space-3);grid-template-columns:minmax(130px,.9fr) minmax(120px,1fr);min-height:214px;display:grid}.dashboard-summary-list{gap:10px;display:grid}.dashboard-summary-list span{color:var(--color-muted);font-size:var(--font-size-sm);grid-template-columns:9px 24px 1fr;align-items:center;gap:8px;font-weight:800;display:grid}.dashboard-summary-list i{border-radius:var(--radius-circle);width:9px;height:9px}.dashboard-summary-list strong{color:var(--color-text)}.dashboard-breakdown{border-radius:var(--radius-card);background:linear-gradient(#fff 0%,#fbfdfe 100%);border:1px solid #e4eef3;grid-template-columns:minmax(86px,.62fr) minmax(0,1.45fr);align-items:stretch;gap:14px;min-height:214px;padding:14px;display:grid}.dashboard-breakdown__total{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-aqua-50);align-content:center;justify-items:center;gap:5px;min-width:0;display:grid}.dashboard-breakdown__total span{color:var(--color-muted);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:800}.dashboard-breakdown__total strong{color:var(--color-text);font-size:30px;line-height:1}.dashboard-breakdown__bars{align-content:center;gap:12px;min-width:0;display:grid}.dashboard-breakdown__row{gap:6px;min-width:0;display:grid}.dashboard-breakdown__row>div{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.dashboard-breakdown__row span{min-width:0;color:var(--color-muted);font-size:var(--font-size-sm);align-items:center;gap:8px;font-weight:700;display:inline-flex}.dashboard-breakdown__row i{border-radius:var(--radius-circle);flex:none;width:9px;height:9px}.dashboard-breakdown__row strong{color:var(--color-text);font-size:var(--font-size-md)}.dashboard-breakdown__row em{border-radius:var(--radius-pill);background:#e6eef3;height:7px;display:block;overflow:hidden}.dashboard-breakdown__row b{border-radius:inherit;min-width:0;height:100%;display:block}.reference-heading,.detail-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.reference-heading h1,.detail-heading h1{color:var(--color-navy-950);font-size:var(--font-size-2xl);line-height:var(--line-height-tight);margin-bottom:4px}.reference-heading p,.detail-heading p{color:var(--color-muted);font-size:var(--font-size-md);margin-bottom:0;font-weight:650}.pond-list-page,.pond-detail-page,.parameter-page,.parameter-detail-page{gap:14px;display:grid}.parameter-page{gap:18px}.parameter-page .reference-heading{align-items:center;padding-top:4px}.parameter-page .reference-heading h1{margin-bottom:6px;font-size:28px;font-weight:700}.parameter-page .reference-heading p{font-size:14px;font-weight:500}.parameter-page .ui-card__header h2{font-size:19px;font-weight:700}.parameter-page .ui-card__header p{color:var(--color-muted);font-weight:500}.pond-toolbar,.parameter-toolbar,.parameter-detail-toolbar{align-items:center;gap:var(--space-3);display:grid}.pond-toolbar{grid-template-columns:minmax(170px,235px) minmax(260px,1fr) auto}.pond-filter-panel{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-card);background:#ffffffdb;flex-wrap:wrap;padding:10px 12px;display:flex}.pond-filter-panel span{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:850}.pond-filter-panel button:not(.ui-button){border:1px solid var(--color-border);border-radius:var(--radius-pill);min-height:30px;color:var(--color-muted);font-size:var(--font-size-sm);background:#fff;padding:0 12px;font-weight:800}.pond-filter-panel button.is-selected{background:var(--color-teal-100);color:var(--color-teal-700);border-color:#99d3da}.pond-list-controls{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.status-filter-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.status-filter-row button{border:1px solid var(--color-border);border-radius:var(--radius-pill);min-height:30px;color:var(--color-muted);font-size:var(--font-size-sm);background:#fff;align-items:center;gap:7px;padding:0 11px;font-weight:850;display:inline-flex}.status-filter-row button.is-selected{background:var(--color-aqua-50);color:var(--color-teal-700);border-color:#9ad5dc}.status-filter-dot{border-radius:var(--radius-circle);background:var(--color-blue-600);width:8px;height:8px}.status-filter-dot--online{background:var(--status-online)}.status-filter-dot--offline{background:var(--status-offline)}.status-filter-dot--warning{background:var(--status-warning)}.status-filter-dot--critical{background:var(--status-critical)}.status-filter-dot--no-data{background:var(--status-offline)}.pond-list-view-actions{color:var(--color-muted);font-size:var(--font-size-sm);align-items:center;gap:7px;font-weight:750;display:flex}.pond-list-view-actions strong{color:var(--color-text)}.pond-list-view-actions button,.chart-card-actions button,.chart-card-actions a{border:1px solid var(--color-border);border-radius:var(--radius-control);width:34px;height:34px;color:var(--color-muted);background:#fff;place-items:center;display:inline-grid}.pond-list-view-actions button.is-selected{background:var(--color-aqua-50);color:var(--color-teal-700);border-color:#9ad5dc}.pond-list-table{border-radius:var(--radius-card);background:linear-gradient(#fbfdfefa,#fff 72%),#fff;border:1px solid #9ad5dcb8;overflow:hidden;box-shadow:0 18px 42px #00182a14}.pond-list-table__head,.pond-list-row{text-align:center;grid-template-columns:minmax(76px,.52fr) minmax(170px,1.45fr) minmax(78px,.56fr) minmax(112px,.76fr) minmax(112px,.78fr) minmax(136px,.9fr);place-items:center;gap:10px;display:grid}.pond-list-table__head{min-height:50px;color:var(--color-navy-800);font-size:var(--font-size-sm);background:linear-gradient(#fbfdfe 0%,#f3fafb 100%);border-bottom:1px solid #e7f0f4;padding:0 18px;font-weight:900}.pond-list-row{border-bottom:1px solid #e7f0f4;min-height:106px;padding:14px 18px;transition:background .16s,box-shadow .16s}.pond-list-row>*{min-width:0}.pond-list-row:last-child{border-bottom:0}.pond-photo{background:radial-gradient(at 54% 45%,#007e8bf2 0 24%,#a6973fd1 25% 31%,#0000 32%),radial-gradient(at 56% 46%,#0f5f78f0 0 18%,#0000 19%),linear-gradient(135deg,#78b75a 0 28%,#cdd87b 29% 42%,#4e984d 43% 70%,#b8d7e8 71% 100%);border:1px solid #ffffffb8;border-radius:7px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 42px #00182a2e}.pond-photo:before,.pond-photo:after{content:"";position:absolute}.pond-photo:before{border:3px solid #dfca6fb8;border-radius:52%;inset:13% 10%;transform:rotate(-9deg)}.pond-photo:after{background:#ffffff6b;border-radius:999px;width:72%;height:14%;bottom:11%;right:-12%;transform:rotate(-17deg)}.pond-photo--thumb{justify-self:center;width:76px;height:56px;box-shadow:inset 0 0 42px #00182a2e,0 8px 18px #00182a1a}.pond-list-row__info{text-align:center;justify-items:center;gap:4px;max-width:100%;display:grid}.pond-list-row__info strong{color:var(--color-text);font-size:var(--font-size-md)}.pond-list-row__info span{max-width:100%;color:var(--color-muted);font-size:var(--font-size-sm);overflow-wrap:anywhere;font-weight:650}.pond-phi-badge{--pond-phi-bg:var(--status-good-bg);--pond-phi-color:var(--status-good-text);justify-items:center;gap:4px;width:62px;display:grid}.pond-phi-badge strong{border:4px solid var(--pond-phi-color);border-radius:var(--radius-circle);background:linear-gradient(180deg, #fff 0%, var(--pond-phi-bg) 100%);width:44px;height:44px;color:var(--color-text);font-size:var(--font-size-lg);place-items:center;display:grid;box-shadow:0 8px 18px #00182a14}.pond-phi-badge span{color:var(--pond-phi-color);font-size:var(--font-size-xs);font-weight:850}.pond-phi-badge--excellent{--pond-phi-bg:var(--status-excellent-bg);--pond-phi-color:var(--status-excellent-text)}.pond-phi-badge--good{--pond-phi-bg:var(--status-good-bg);--pond-phi-color:var(--status-good-text)}.pond-phi-badge--fair{--pond-phi-bg:var(--status-fair-bg);--pond-phi-color:var(--status-fair-text)}.pond-phi-badge--poor{--pond-phi-bg:var(--status-poor-bg);--pond-phi-color:var(--status-poor-text)}.pond-phi-badge--no-data{--pond-phi-bg:var(--color-gray-100);--pond-phi-color:var(--status-offline)}.pond-list-row>.ui-status-dot{width:100%;color:var(--color-gray-700);justify-content:center;justify-self:center;font-weight:750}.pond-list-row__time{color:var(--color-muted);font-size:var(--font-size-sm);text-align:center;justify-items:center;gap:3px;display:grid}.pond-list-row__time strong{color:var(--color-text)}.pond-list-row__actions{justify-content:center;justify-self:center;align-items:center;gap:8px;width:100%;display:flex}.pond-list-row__actions a,.pond-list-row__actions button{border:1px solid var(--color-border);border-radius:var(--radius-control);width:34px;height:34px;color:var(--color-navy-800);background:#fff;place-items:center;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-grid}.pond-list-row__actions a:hover,.pond-list-row__actions button:hover{background:var(--color-aqua-50);color:var(--color-teal-700);border-color:#99d3da;transform:translateY(-1px)}.pond-mobile-list{display:none}.pond-list-footer{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--color-muted);font-size:var(--font-size-sm);font-weight:750;display:flex}.detail-heading nav{color:var(--color-muted);font-size:var(--font-size-sm);align-items:center;gap:8px;margin-bottom:14px;font-weight:800;display:flex}.detail-heading nav a{color:var(--color-teal-700)}.detail-heading h1{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pond-detail-summary-card.ui-card{gap:var(--space-4);grid-template-columns:minmax(220px,.92fr) minmax(220px,.9fr) minmax(220px,.8fr);align-items:stretch;display:grid}.pond-photo--hero{border-radius:var(--radius-card);min-height:236px}.pond-detail-summary-card__phi,.pond-detail-summary-card__status{border-radius:var(--radius-card);background:#fff;border:1px solid #e4eef3;padding:16px}.pond-detail-summary-card__phi>span,.pond-detail-summary-card__status strong{color:var(--color-navy-800);font-size:var(--font-size-sm);font-weight:900}.detail-phi{justify-items:center;gap:9px;margin-top:18px;display:grid}.detail-phi__ring{border-radius:var(--radius-circle);background:radial-gradient(circle, #fff 0 56%, transparent 57%), conic-gradient(var(--status-good-text) var(--phi-percent), #dbe6eb 0);place-items:center;width:132px;height:132px;display:grid}.detail-phi__ring strong{color:var(--color-text);font-size:34px}.detail-phi span{color:var(--status-good-text);font-size:var(--font-size-sm);font-weight:800}.detail-phi a{color:var(--color-teal-700);font-size:var(--font-size-sm);font-weight:850}.pond-detail-summary-card__status{align-content:center;gap:var(--space-4);display:grid}.pond-detail-summary-card__status article{padding-bottom:var(--space-4);border-bottom:1px solid #e4eef3;gap:8px;display:grid}.pond-detail-summary-card__status article:last-child{border-bottom:0;padding-bottom:0}.pond-detail-summary-card__status p{color:var(--color-text);font-size:var(--font-size-md);grid-template-columns:auto 1fr;align-items:center;gap:7px;margin-bottom:0;font-weight:850;display:grid}.pond-detail-summary-card__status small{color:var(--color-muted);font-size:var(--font-size-xs);grid-column:2}.sensor-reading-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.sensor-reading-card{border-radius:var(--radius-card);background:#fff;border:1px solid #e4eef3;justify-items:center;gap:8px;min-height:188px;padding:12px 10px;display:grid}.sensor-reading-card h3{color:var(--color-navy-950);font-size:var(--font-size-md);margin-bottom:0}.sensor-reading-card>span{color:var(--color-muted);font-size:var(--font-size-xs);text-align:center;font-weight:750}.sensor-gauge{width:110px;height:76px;position:relative}.sensor-gauge svg{width:110px;height:76px}.sensor-gauge path{fill:none;stroke:#dce6ec;stroke-linecap:round;stroke-width:9px}.sensor-gauge__value{stroke:var(--status-good-text)!important}.sensor-gauge strong,.sensor-gauge small{position:absolute;left:50%;transform:translate(-50%)}.sensor-gauge strong{color:var(--color-text);font-size:21px;top:32px}.sensor-gauge small{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:800;top:55px}.sensor-gauge__scale{width:100%;color:var(--color-muted);font-size:var(--font-size-xs);grid-template-columns:1fr auto 1fr;align-items:center;gap:5px;font-weight:800;display:grid}.sensor-gauge__scale>span:last-child{text-align:right}.pond-additional-card.ui-card{padding:14px}.pond-additional-grid{border-radius:var(--radius-card);border:1px solid #e4eef3;grid-template-columns:repeat(5,minmax(0,1fr)) auto;display:grid;overflow:hidden}.pond-additional-grid article,.pond-additional-grid a{background:#fff;border-right:1px solid #e4eef3;align-content:center;gap:6px;min-height:76px;padding:12px;display:grid}.pond-additional-grid article:last-of-type{border-right:0}.pond-additional-grid span{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:850}.pond-additional-grid strong{color:var(--color-text);font-size:var(--font-size-sm)}.pond-additional-grid a{color:var(--color-teal-700);font-size:var(--font-size-sm);border-right:0;place-items:center;font-weight:850}.mobile-detail-actions{display:none}.parameter-tabs{border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fff;grid-template-columns:repeat(5,minmax(94px,1fr));gap:4px;padding:4px;display:grid}.parameter-tabs button,.range-selector button,.parameter-toolbar>button,.parameter-detail-toolbar>button{border-radius:var(--radius-control);color:#536b7a;min-height:40px;font-size:var(--font-size-sm);background:0 0;border:1px solid #0000;padding:0 14px;font-weight:600}.parameter-tabs button.is-selected,.range-selector button.is-selected{border-color:var(--color-teal-700);background:var(--color-teal-700);color:#fff}.parameter-toolbar{border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fff;grid-template-columns:repeat(3,minmax(160px,1fr)) minmax(350px,1.35fr) minmax(250px,.95fr) auto;align-items:end;padding:14px}.parameter-toolbar>button,.parameter-detail-toolbar>button{justify-content:space-between;align-items:center;gap:var(--space-2);border-color:var(--color-border);color:#536b7a;background:#f9fcfd;min-height:42px;font-weight:600;display:inline-flex}.parameter-filter-field{gap:6px;display:grid}.parameter-filter-field>span{color:#5f7482;font-size:var(--font-size-xs);font-weight:600}.parameter-page .ui-select{min-height:42px;box-shadow:none;background:#f9fcfd}.parameter-page .ui-select select{font-size:var(--font-size-sm);font-weight:600}.range-selector{border:1px solid var(--color-border);border-radius:var(--radius-control);background:#f9fcfd;grid-template-columns:repeat(6,minmax(54px,1fr));padding:3px;display:grid;overflow:hidden}.range-selector button{background:0 0;border:0;border-radius:6px;min-height:36px}.range-selector button:last-child{border-right:0}.parameter-date-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.parameter-date-fields input{border:1px solid var(--color-border);border-radius:var(--radius-control);min-width:0;min-height:42px;color:var(--color-text);font-size:var(--font-size-sm);background:#f9fcfd;padding:0 10px;font-weight:600}.parameter-refresh-button{align-self:end;min-height:42px}.parameter-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.parameter-summary-grid>.ui-loading-state{grid-column:1/-1}.parameter-summary-card{justify-content:space-between;align-items:flex-start;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);min-height:114px;box-shadow:var(--shadow-soft);background:#fff;padding:18px;display:flex}.parameter-summary-card span,.parameter-summary-card small{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:600;display:block}.parameter-summary-card strong{color:var(--color-text);margin:9px 0;font-size:27px;font-weight:700;line-height:1;display:block}.parameter-summary-card svg{color:var(--color-teal-700);opacity:.86}.parameter-comparison-card.ui-card{padding:18px}.chart-card-actions{align-items:center;gap:7px;display:flex}.parameter-comparison-layout{grid-template-columns:minmax(0,1fr) minmax(230px,270px);gap:16px;display:grid}.parameter-chart,.parameter-history-chart{border-radius:var(--radius-card);background:#fff;border:1px solid #e4eef3;min-width:0;height:430px;position:relative;overflow:hidden}.parameter-chart{grid-template-rows:auto minmax(0,1fr);gap:8px;padding:12px;display:grid}.parameter-chart-canvas{min-height:0}.parameter-chart-threshold-key{min-height:22px;color:var(--color-muted);font-size:var(--font-size-xs);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 12px;padding:0 2px;font-weight:600;display:flex}.parameter-chart-threshold-key span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.parameter-chart-threshold-key i{border-top:2px dashed;width:22px;height:0}.parameter-chart-tooltip{border:1px solid var(--color-border);border-radius:var(--radius-card);min-width:178px;box-shadow:var(--shadow-card);color:var(--color-text);font-size:var(--font-size-xs);background:#fff;gap:7px;padding:10px 11px;font-weight:600;display:grid}.parameter-chart-tooltip strong{color:var(--color-navy-950);font-size:var(--font-size-sm)}.parameter-chart-tooltip span{color:var(--color-muted);align-items:center;gap:7px;font-weight:500;display:inline-flex}.parameter-chart-tooltip i{border-radius:var(--radius-circle);width:9px;height:9px}.threshold-label{font-size:var(--font-size-xs);pointer-events:none;font-weight:850;position:absolute;right:14px}.threshold-label--high{color:var(--status-critical);top:86px}.threshold-label--optimal{color:var(--status-good-text);top:178px}.threshold-label--low{color:var(--status-warning);bottom:84px}.compare-panel{border-radius:var(--radius-card);background:#fbfdfe;border:1px solid #e4eef3;align-content:start;gap:7px;padding:16px;display:grid}.compare-panel h3{color:var(--color-navy-950);font-size:var(--font-size-md);margin-bottom:8px;font-weight:700}.compare-panel p{color:var(--color-muted);font-size:var(--font-size-sm);margin:0;font-weight:500}.compare-panel button{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:38px;color:var(--color-text);font-size:var(--font-size-sm);text-align:left;background:0 0;border:0;font-weight:600;display:flex}.compare-panel button span:first-child{align-items:center;gap:8px;display:inline-flex}.compare-panel i,.threshold-dot{border-radius:var(--radius-circle);width:10px;height:10px}.compare-panel button span:last-child{border-radius:var(--radius-pill);border:2px solid #b9c9d2;width:22px;height:14px}.compare-panel button span:last-child.is-on{border-color:var(--color-teal-700);background:var(--color-aqua-50)}.compare-panel__select{margin-top:var(--space-2);color:var(--color-teal-700)!important}.parameter-bottom-grid,.parameter-detail-bottom-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;display:grid}.threshold-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.threshold-grid article,.alerts-snapshot article{border-radius:var(--radius-card);background:#fff;border:1px solid #e4eef3;gap:8px;min-height:88px;padding:14px;display:grid}.alerts-snapshot article svg{color:var(--color-teal-700)}.threshold-grid article{grid-template-columns:auto 1fr;align-content:center}.threshold-grid span{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:600}.threshold-grid strong{color:var(--color-text);font-size:var(--font-size-sm);grid-column:2;font-weight:700}.threshold-dot--low{background:var(--status-warning)}.threshold-dot--optimal{background:var(--status-good-text)}.threshold-dot--high{background:var(--status-critical)}.alerts-snapshot{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.alerts-snapshot span{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:600}.alerts-snapshot strong{color:var(--color-text);font-size:25px;font-weight:700}.parameter-detail-toolbar{grid-template-columns:minmax(220px,280px) minmax(230px,300px) minmax(360px,1fr)}.parameter-detail-top-grid{gap:var(--space-3);grid-template-columns:minmax(0,.95fr) minmax(320px,.75fr);display:grid}.parameter-detail-gauge{place-items:center;min-height:220px;display:grid;position:relative}.parameter-detail-gauge svg{width:220px;height:146px}.parameter-detail-gauge__track,.parameter-detail-gauge__value{fill:none;stroke-linecap:round;stroke-width:16px}.parameter-detail-gauge__track{stroke:#dce6ec}.parameter-detail-gauge div{justify-items:center;display:grid;position:absolute;top:72px;left:50%;transform:translate(-50%)}.parameter-detail-gauge strong{color:var(--color-text);font-size:34px;line-height:1}.parameter-detail-gauge span,.parameter-detail-gauge small{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:800}.parameter-detail-gauge em{color:var(--status-good-text);margin-top:9px;font-style:normal;font-weight:850}.parameter-detail-summary{gap:var(--space-3);display:grid}.parameter-detail-summary article{border-bottom:1px solid #e4eef3;grid-template-columns:92px 1fr;gap:6px 12px;padding-bottom:11px;display:grid}.parameter-detail-summary article:last-child{border-bottom:0;padding-bottom:0}.parameter-detail-summary span,.parameter-detail-summary small{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:850}.parameter-detail-summary strong{color:var(--color-text)}.parameter-history-chart{height:318px}.insight-list,.recent-alert-list{gap:var(--space-3);display:grid}.insight-list{margin-bottom:var(--space-3)}.insight-list__item{gap:var(--space-2);color:var(--color-muted);grid-template-columns:auto 1fr;display:grid}.insight-list__item svg{color:var(--color-blue-600)}.insight-list__item--good svg{color:var(--status-good-text)}.insight-list__item--warning svg{color:var(--status-warning)}.insight-list__item strong{color:var(--color-text);font-size:var(--font-size-sm);margin-bottom:3px;display:block}.insight-list__item span{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:650}.recent-alert-list article{align-items:center;gap:var(--space-2);border-bottom:1px solid #e4eef3;grid-template-columns:auto minmax(120px,1fr) 64px minmax(130px,auto);padding:10px 0;display:grid}.recent-alert-list article:last-child{border-bottom:0}.recent-alert-list svg{color:var(--status-warning)}.recent-alert-list strong{color:var(--color-text);font-size:var(--font-size-sm);display:block}.recent-alert-list span,.recent-alert-list small{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:750}.ui-status-chip--critical{background:var(--color-red-100);color:var(--color-red-600)}.ui-status-chip--warning,.ui-status-chip--attention,.ui-status-chip--high-risk{background:var(--color-amber-100);color:var(--color-amber-600)}.ui-status-chip--info{color:var(--color-blue-600);background:#e8f1ff}.ui-status-chip--acknowledged,.ui-status-chip--inactive,.ui-status-chip--disabled,.ui-status-chip--pending{background:var(--color-gray-100);color:var(--color-gray-700)}.ui-status-chip--pending{background:var(--color-amber-100);color:var(--color-amber-600)}.ui-status-chip--resolved,.ui-status-chip--healthy{background:var(--status-good-bg);color:var(--status-good-text)}.alerts-page,.alert-detail-page,.phi-page,.phi-detail-page{gap:14px;display:grid}.alerts-filter-card{align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;grid-template-columns:repeat(4,minmax(145px,1fr)) minmax(190px,1.1fr) auto;padding:14px;display:grid}.alerts-date-button{justify-content:space-between;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:40px;color:var(--color-text);font-size:var(--font-size-sm);background:#fff;padding:0 13px;font-weight:850;display:inline-flex}.alerts-severity-tabs{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.alerts-severity-tabs button{border:1px solid var(--color-border);border-radius:var(--radius-pill);min-height:30px;color:var(--color-muted);font-size:var(--font-size-sm);background:#fff;align-items:center;gap:6px;padding:0 11px;font-weight:850;display:inline-flex}.alerts-severity-tabs button.is-selected{background:var(--color-aqua-50);color:var(--color-teal-700);border-color:#9ad5dc}.alerts-severity-tabs strong{color:var(--color-text)}.alerts-table{border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;overflow:hidden}.alerts-table__head,.alerts-table__row{align-items:center;gap:var(--space-3);grid-template-columns:116px minmax(210px,1fr) minmax(110px,.75fr) minmax(128px,.8fr) 112px 118px 100px 128px;display:grid}.alerts-table__head{min-height:42px;color:var(--color-navy-800);font-size:var(--font-size-sm);border-bottom:1px solid #e7f0f4;padding:0 14px;font-weight:900}.alerts-table__row{border-bottom:1px solid #e7f0f4;min-height:86px;padding:12px 14px}.alerts-table__row:last-child{border-bottom:0}.alerts-table__row>div,.alerts-table__row>span{min-width:0}.alerts-title-cell,.alerts-table__row>div{gap:4px;display:grid}.alerts-title-cell strong,.alerts-table__row div strong{color:var(--color-text);font-size:var(--font-size-sm)}.alerts-title-cell span,.alerts-table__row div span,.alerts-table__row>span,.alerts-table__row small{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:650}.alerts-table__row small{margin-top:4px;display:block}.alert-severity{border-radius:var(--radius-pill);width:max-content;min-height:28px;font-size:var(--font-size-sm);justify-content:center;align-items:center;gap:7px;padding:0 10px;font-weight:850;display:inline-flex}.alert-severity--critical{background:var(--color-red-100);color:var(--color-red-600)}.alert-severity--warning{background:var(--color-amber-100);color:var(--color-amber-600)}.alert-severity--info{color:var(--color-blue-600);background:#e8f1ff}.alert-severity--acknowledged{background:var(--color-gray-100);color:var(--color-gray-700)}.alert-severity--resolved{background:var(--color-green-100);color:var(--color-green-600)}.alert-value{color:var(--color-text)}.alert-value--critical{color:var(--color-red-600)}.alert-value--warning{color:var(--color-amber-600)}.alert-value--info,.alert-value--resolved{color:var(--status-good-text)}.alerts-mobile-list{display:none}.alerts-footer{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--color-muted);font-size:var(--font-size-sm);font-weight:750;display:flex}.alert-detail-heading{gap:var(--space-3);display:grid}.alert-detail-heading>a{width:max-content;color:var(--color-teal-700);font-size:var(--font-size-sm);align-items:center;gap:8px;font-weight:850;display:inline-flex}.alert-detail-heading>div{align-items:start;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.alert-detail-heading h1{color:var(--color-navy-950);font-size:var(--font-size-xl);margin-bottom:4px}.alert-detail-heading p{color:var(--color-muted);font-size:var(--font-size-sm);margin-bottom:0;font-weight:700}.alert-meta-card.ui-card{grid-template-columns:repeat(5,minmax(0,1fr));padding:0;display:grid;overflow:hidden}.alert-meta-card article{border-right:1px solid #e4eef3;gap:6px;min-height:86px;padding:14px;display:grid}.alert-meta-card article:last-child{border-right:0}.alert-meta-card svg{color:var(--color-teal-700)}.alert-meta-card span,.alert-meta-card small{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:850}.alert-meta-card strong{color:var(--color-text);font-size:var(--font-size-sm)}.alert-detail-grid{gap:var(--space-3);grid-template-columns:minmax(220px,.85fr) minmax(260px,1fr) minmax(260px,.9fr) minmax(260px,.95fr);display:grid}.alert-current-card{justify-items:center;gap:var(--space-3);display:grid}.alert-current-gauge{border-radius:var(--radius-circle);background:radial-gradient(circle, #fff 0 58%, transparent 59%), conic-gradient(var(--color-red-600) var(--alert-percent), #dce6ec 0);place-items:center;width:164px;height:164px;display:grid;position:relative}.alert-current-gauge strong{color:var(--color-red-600);font-size:34px;line-height:1}.alert-current-gauge span{color:var(--color-text);font-size:var(--font-size-sm);font-weight:850;position:absolute;top:96px}.alert-current-card p{color:var(--color-muted);font-size:var(--font-size-sm);justify-items:center;gap:5px;margin-bottom:0;font-weight:750;display:grid}.alert-current-card p strong{color:var(--color-text)}.alert-mini-chart{border-radius:var(--radius-card);background:#fff;border:1px solid #e4eef3;width:100%;height:104px}.alert-timeline{gap:var(--space-3);display:grid;position:relative}.alert-timeline:before{content:"";background:#dce6ec;width:2px;position:absolute;top:8px;bottom:8px;left:56px}.alert-timeline article{gap:var(--space-3);grid-template-columns:62px 1fr;display:grid;position:relative}.alert-timeline article:before{border:2px solid var(--color-red-600);border-radius:var(--radius-circle);content:"";background:#fff;width:10px;height:10px;position:absolute;top:4px;left:52px}.alert-timeline span,.alert-timeline p{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:750}.alert-timeline strong{color:var(--color-text);font-size:var(--font-size-sm);margin-bottom:4px;display:block}.alert-timeline p{margin-bottom:0;line-height:1.45}.alert-assignment{gap:var(--space-3);display:grid}.alert-assignment article,.alert-assignment label{color:var(--color-muted);font-size:var(--font-size-sm);gap:6px;font-weight:850;display:grid}.alert-assignment strong{color:var(--color-text);align-items:center;gap:8px;display:inline-flex}.alert-assignment small{color:var(--color-muted);font-size:var(--font-size-xs)}.alert-assignment select,.alert-assignment textarea{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:38px;color:var(--color-text);background:#fff;padding:8px 10px}.alert-assignment textarea{resize:vertical;min-height:74px}.recommended-action{gap:var(--space-3);color:var(--color-muted);font-size:var(--font-size-sm);line-height:1.5;display:grid}.recommended-action strong{color:var(--color-blue-600)}.recommended-action p{margin-bottom:0}.recommended-action ol{color:var(--color-text);gap:8px;margin:0;padding-left:18px;font-weight:750;display:grid}.alert-detail-bottom-grid{gap:var(--space-3);grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);display:grid}.alert-comments{gap:var(--space-3);display:grid}.alert-comments article{gap:var(--space-3);border-radius:var(--radius-card);background:#fff;border:1px solid #e4eef3;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;padding:10px;display:grid}.alert-comments article>span{border-radius:var(--radius-circle);background:var(--color-aqua-50);width:34px;height:34px;color:var(--color-teal-700);place-items:center;font-weight:900;display:grid}.alert-comments strong{color:var(--color-text);font-size:var(--font-size-sm)}.alert-comments small,.alert-comments p,.alert-comments time{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:650}.alert-comments p{margin-bottom:0}.escalation-path{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.escalation-path article{border-radius:var(--radius-card);background:#fff;border:1px solid #e4eef3;gap:7px;min-height:104px;padding:14px;display:grid;position:relative}.escalation-path span,.escalation-path small{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:850}.escalation-path strong{color:var(--color-text)}.escalation-path i{z-index:1;color:var(--color-blue-600);font-style:normal;font-weight:900;position:absolute;top:44px;right:-17px}.phi-overview-grid{gap:var(--space-3);grid-template-columns:minmax(240px,1.25fr) repeat(4,minmax(150px,1fr));display:grid}.phi-score-card.ui-card{align-items:center;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;min-height:98px;padding:14px 16px;display:grid}.phi-detail-score-card.ui-card{justify-items:center;gap:10px;display:grid}.phi-score-card__body{align-items:start;gap:5px;min-width:0;display:grid}.phi-score-card__body>span{color:var(--color-navy-800);font-size:var(--font-size-sm);font-weight:900}.phi-score-card p{color:var(--color-muted);font-size:var(--font-size-xs);margin:0;font-weight:600}.phi-score-ring{border-radius:var(--radius-circle);background:radial-gradient(circle, #fff 0 69%, transparent 70%), conic-gradient(var(--phi-ring-color,var(--status-good-text)) var(--phi-percent), #dce6ec 0);place-items:center;width:62px;height:62px;display:grid;position:relative}.phi-score-ring--large{width:154px;height:154px}.phi-score-ring strong{color:var(--color-text);font-size:21px;line-height:1}.phi-score-ring--large strong{font-size:38px}.phi-score-ring small{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:850;position:absolute;top:91px}.phi-score-ring--large small{top:92px}.phi-band-card.ui-card{align-items:center;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;min-height:98px;padding:14px 16px;display:grid}.phi-band-card div:first-child,.phi-band-card div:last-child{min-width:0;display:grid}.phi-band-card div:first-child{gap:4px}.phi-band-card div:last-child{justify-items:end;gap:2px}.phi-band-card span{color:var(--color-text);font-size:var(--font-size-sm);font-weight:900}.phi-band-card small,.phi-band-card p,.phi-band-card em{color:var(--color-muted);font-size:var(--font-size-xs);font-style:normal;font-weight:750}.phi-band-card strong{color:var(--color-text);font-size:28px;line-height:1}.phi-band-card--good strong,.phi-band-card--good em{color:var(--status-good-text)}.phi-band-card--warning strong,.phi-band-card--warning em{color:var(--status-warning)}.phi-band-card--poor strong,.phi-band-card--poor em,.phi-band-card--critical strong,.phi-band-card--critical em{color:var(--status-critical)}.phi-main-grid{gap:var(--space-3);grid-template-columns:minmax(360px,.92fr) minmax(0,1.1fr);display:grid}.phi-ranking-table{border-radius:var(--radius-card);border:1px solid #e4eef3;display:grid;overflow:hidden}.phi-ranking-table>div,.phi-ranking-table>a{align-items:center;gap:var(--space-2);border-bottom:1px solid #e4eef3;grid-template-columns:44px minmax(150px,1fr) 78px 94px 54px;min-height:42px;padding:0 10px;display:grid}.phi-ranking-table>div{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:900}.phi-ranking-table>a:last-child{border-bottom:0}.phi-ranking-table strong{color:var(--color-text);font-size:var(--font-size-sm)}.phi-ranking-table em{border-radius:var(--radius-pill);background:var(--color-green-100);min-width:40px;height:24px;color:var(--status-good-text);place-items:center;font-style:normal;font-weight:900;display:inline-grid}.phi-trend{color:var(--status-good-text);place-items:center;font-weight:900;display:inline-grid}.phi-trend--down{color:var(--status-critical)}.phi-trend--flat{color:var(--color-muted)}.phi-line-chart{height:248px}.phi-range-selector{min-width:190px;box-shadow:none;grid-template-columns:repeat(3,minmax(54px,1fr));padding:3px}.phi-range-selector button{min-height:30px;font-size:var(--font-size-xs);padding:0 10px}.phi-band-reference{border-radius:var(--radius-card);border:1px solid #e4eef3;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.phi-band-reference__item{align-content:start;gap:var(--space-2);background:#fff;border-right:1px solid #e4eef3;min-height:128px;padding:14px;display:grid}.phi-band-reference__item:last-child{border-right:0}.phi-band-reference__item svg,.phi-band-reference__item--good strong{color:var(--status-good-text)}.phi-band-reference__item--warning svg,.phi-band-reference__item--warning strong{color:var(--status-warning)}.phi-band-reference__item--poor svg,.phi-band-reference__item--poor strong,.phi-band-reference__item--critical svg,.phi-band-reference__item--critical strong{color:var(--status-critical)}.phi-band-reference__item div{align-items:center;gap:var(--space-3);display:flex}.phi-band-reference__item span,.phi-band-reference__item p{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:750}.phi-band-reference__item p{margin-bottom:0;line-height:1.45}.phi-recommendation-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.phi-recommendation-card.ui-card{gap:9px;min-height:178px;display:grid}.phi-recommendation-card svg,.phi-recommendation-card--good strong,.phi-recommendation-card--good span{color:var(--status-good-text)}.phi-recommendation-card--warning svg,.phi-recommendation-card--warning strong,.phi-recommendation-card--warning span{color:var(--status-warning)}.phi-recommendation-card--critical svg,.phi-recommendation-card--critical strong,.phi-recommendation-card--critical span{color:var(--status-critical)}.phi-recommendation-card strong{color:var(--color-text);font-size:var(--font-size-md)}.phi-recommendation-card p,.phi-recommendation-card small{color:var(--color-muted);font-size:var(--font-size-sm);margin-bottom:0;font-weight:700;line-height:1.45}.phi-recommendation-card span{color:var(--color-amber-600);font-size:var(--font-size-sm);font-weight:900}.phi-weekly-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.phi-weekly-card{border-radius:var(--radius-card);background:#fff;border:1px solid #e4eef3;min-height:98px;padding:14px}.phi-weekly-card span{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:850}.phi-weekly-card strong{color:var(--color-text);margin:8px 0;font-size:30px;line-height:1;display:block}.phi-weekly-card p{color:var(--status-good-text);font-size:var(--font-size-sm);margin-bottom:0;font-weight:850}.phi-weekly-card--critical p,.phi-weekly-card--critical strong{color:var(--status-critical)}.phi-info-strip{align-items:center;gap:var(--space-3);border-radius:var(--radius-card);background:var(--color-aqua-50);color:var(--color-navy-800);font-size:var(--font-size-md);border:1px solid #bfe4e8;padding:14px 18px;font-weight:750;display:flex}.phi-info-strip svg{color:var(--color-blue-600)}.phi-detail-score-card.ui-card{grid-template-columns:minmax(200px,.38fr) minmax(0,1fr);align-items:center}.phi-detail-score-card__meta{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.phi-detail-score-card__meta article{border-bottom:1px solid #e4eef3;gap:7px;min-height:70px;padding:12px;display:grid}.phi-detail-score-card__meta span{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:850}.phi-detail-score-card__meta strong{color:var(--color-text)}.phi-positive{color:var(--status-good-text)!important}.phi-negative{color:var(--status-critical)!important}.phi-breakdown-grid{gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.phi-breakdown-card{border-radius:var(--radius-card);background:#fff;border:1px solid #e4eef3;justify-items:center;gap:8px;min-height:188px;padding:13px 10px;display:grid}.phi-breakdown-card h3{color:var(--color-text);font-size:var(--font-size-md);margin-bottom:0}.phi-breakdown-card>span,.phi-breakdown-card em{color:var(--color-muted);font-size:var(--font-size-xs);text-align:center;font-style:normal;font-weight:800}.phi-breakdown-ring{border-radius:var(--radius-circle);background:radial-gradient(circle, #fff 0 58%, transparent 59%), conic-gradient(var(--breakdown-color) var(--breakdown-percent), #dce6ec 0);place-items:center;width:96px;height:96px;display:grid;position:relative}.phi-breakdown-ring strong{color:var(--color-text);font-size:22px}.phi-breakdown-ring small{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:850;position:absolute;top:57px}.phi-detail-grid{gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);display:grid}.phi-detail-grid .chart-frame,.phi-detail-grid .chart-frame--large{height:284px}.phi-insights-list{gap:var(--space-3);display:grid}.phi-insights-list article{gap:var(--space-2);color:var(--color-muted);font-size:var(--font-size-sm);grid-template-columns:auto 1fr;font-weight:750;line-height:1.45;display:grid}.phi-insights-list svg{color:var(--status-good-text)}.phi-detail-action{width:max-content}.reports-page{gap:14px;display:grid}.reports-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.reports-heading h1{color:var(--color-navy-950);font-size:var(--font-size-2xl);line-height:var(--line-height-tight);margin-bottom:4px}.reports-heading p{color:var(--color-muted);font-size:var(--font-size-md);margin-bottom:0;font-weight:650}.reports-filter-row,.reports-filter-actions,.reports-history-controls{align-items:center;gap:var(--space-2);display:flex}.reports-filter-card.ui-card{align-items:end;gap:var(--space-3);grid-template-columns:minmax(210px,1fr) minmax(240px,1.1fr) repeat(2,minmax(140px,.7fr)) minmax(180px,auto);padding:14px;display:grid}.reports-filter-actions{justify-content:flex-end}.reports-filter-actions .ui-button{justify-content:center;min-width:82px}.reports-filter-field{gap:6px;display:grid}.reports-filter-field>span{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:700}.reports-filter-field input{border:1px solid var(--color-border);border-radius:var(--radius-control);min-width:0;min-height:40px;color:var(--color-text);font-size:var(--font-size-sm);background:#f9fcfd;padding:0 11px;font-weight:650}.reports-context-card.ui-card{align-items:center;gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);padding:16px;display:grid}.reports-context-card>div:first-child{align-items:center;gap:var(--space-3);min-width:0;display:flex}.reports-context-card svg{color:var(--color-teal-700);flex:none}.reports-context-card span,.reports-context-meta span{color:var(--color-muted);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:750}.reports-context-card h2{color:var(--color-text);font-size:var(--font-size-xl);margin:2px 0 0}.reports-context-card p{color:var(--color-muted);font-size:var(--font-size-sm);margin:3px 0 0;font-weight:650}.reports-context-meta{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.reports-context-meta article{border-radius:var(--radius-card);background:#f9fcfd;border:1px solid #dbeaf0;gap:4px;min-width:0;padding:10px 12px;display:grid}.reports-context-meta strong{color:var(--color-text);font-size:var(--font-size-sm);font-weight:750}.reports-filter-row button,.reports-history-controls button{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:36px;color:var(--color-text);font-size:var(--font-size-sm);background:#fff;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:800;display:inline-flex}.reports-history-controls .is-active,.reports-history-controls button:last-child{border-color:var(--color-brand-primary);background:var(--color-brand-primary);color:#fff}.export-notice{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-card);background:var(--color-aqua-50);border:1px solid #bfe4e8;padding:10px 12px;display:flex}.export-notice strong{color:var(--color-teal-700);font-size:var(--font-size-md)}.export-notice span{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:700}.toast-region{z-index:120;pointer-events:none;gap:10px;width:min(380px,100vw - 28px);display:grid;position:fixed;bottom:18px;right:18px}.toast{border:1px solid var(--color-border);border-left:4px solid var(--color-blue-600);border-radius:var(--radius-card);min-height:58px;box-shadow:var(--shadow-raised);pointer-events:auto;background:#fff;gap:4px;padding:12px 42px 12px 14px;display:grid;position:relative}.toast strong{color:var(--color-text);font-size:var(--font-size-sm)}.toast span{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:750}.toast button{border-radius:var(--radius-control);width:26px;height:26px;color:var(--color-muted);background:0 0;border:0;place-items:center;font-size:18px;display:grid;position:absolute;top:8px;right:8px}.toast--success{border-left-color:var(--status-good-text)}.toast--warning{border-left-color:var(--status-warning)}.toast--error{border-left-color:var(--status-critical)}.reports-quick-insights.ui-card{padding:14px}.reports-empty-card.ui-card{align-content:center;min-height:148px}.reports-insight-grid{gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.reports-insight,.reports-summary-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff;min-height:86px;padding:14px}.reports-insight span,.reports-summary-card span{color:var(--color-muted);font-size:var(--font-size-sm);margin-bottom:8px;font-weight:850;display:block}.reports-insight strong,.reports-summary-card strong{color:var(--color-text);font-size:24px;line-height:1;display:block}.reports-insight p,.reports-summary-card p{color:var(--status-good-text);font-size:var(--font-size-sm);margin:8px 0 0;font-weight:800}.reports-insight--red strong,.reports-summary-card--red strong{color:var(--status-critical)}.reports-summary-card--green strong{color:var(--status-good-text)}.reports-summary-card--info strong,.reports-summary-card--teal strong{color:var(--color-teal-700)}.reports-detail-grid{gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);display:grid}.reports-detail-grid--live{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.reports-detail-card,.reports-history-card{min-width:0}.reports-summary-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.reports-parameter-panel,.reports-stat-table{gap:var(--space-3);margin-top:var(--space-4);display:grid}.reports-parameter-panel h3,.reports-stat-table h3{color:var(--color-text);font-size:var(--font-size-md);margin-bottom:0}.reports-parameter-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.reports-parameter-grid--live{grid-template-columns:repeat(5,minmax(0,1fr))}.reports-parameter-grid article{border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff;justify-items:center;gap:4px;min-height:92px;padding:10px 8px;display:grid}.reports-parameter-card{text-align:left;align-content:start;justify-items:stretch!important}.reports-parameter-card>div{gap:2px;display:grid}.reports-parameter-card small{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:600}.reports-parameter-card p{color:var(--color-muted);font-size:var(--font-size-xs);margin:0;font-weight:650}.reports-device-card.ui-card{min-width:0}.reports-device-list{gap:8px;display:grid}.reports-device-list article{align-items:center;gap:var(--space-2);border-radius:var(--radius-card);background:#f9fcfd;border:1px solid #dbeaf0;grid-template-columns:auto minmax(0,1fr);min-height:48px;padding:9px 10px;display:grid}.reports-device-list svg{color:var(--color-teal-700)}.reports-device-list div{gap:2px;min-width:0;display:grid}.reports-device-list strong{color:var(--color-text);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:750;overflow:hidden}.reports-device-list span{color:var(--color-muted);font-size:var(--font-size-xs);text-transform:capitalize;font-weight:650}.reports-parameter-grid span{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:850}.reports-parameter-grid strong{color:var(--color-text);font-size:20px}.reports-parameter-grid em{color:var(--status-good-text);font-size:var(--font-size-xs);font-style:normal;font-weight:850}.reports-history-card .chart-frame,.reports-history-card .chart-frame--large{height:300px}.reports-history-controls{margin-bottom:var(--space-3);flex-wrap:wrap}.report-detail-page,.user-management-page,.role-permissions-page{gap:14px;display:grid}.report-detail-card.ui-card{gap:var(--space-3);display:grid}.reports-history-controls--detail{justify-content:flex-end}.user-metric-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.user-metric-card{border:1px solid var(--color-border);border-radius:var(--radius-card);min-height:104px;box-shadow:var(--shadow-soft);background:#fff;padding:16px;position:relative;overflow:hidden}.user-metric-card span{color:var(--color-muted);font-size:var(--font-size-sm);margin-bottom:12px;font-weight:850;display:block}.user-metric-card strong{color:var(--color-text);font-size:27px;line-height:1}.user-metric-card svg{color:var(--color-teal-700);position:absolute;bottom:16px;right:16px}.user-metric-card--green svg,.user-metric-card--green strong{color:var(--status-good-text)}.user-metric-card--warning svg,.user-metric-card--warning strong{color:var(--status-warning)}.user-metric-card--red svg,.user-metric-card--red strong{color:var(--status-critical)}.user-filter-row{gap:var(--space-3);grid-template-columns:minmax(280px,1fr) minmax(150px,190px) minmax(140px,180px) auto;display:grid}.user-table{border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;overflow:hidden}.user-table__head,.user-table__row{align-items:center;gap:var(--space-3);grid-template-columns:minmax(180px,1.2fr) minmax(220px,1.3fr) 118px minmax(128px,.8fr) 90px 96px 70px;display:grid}.user-table__head{min-height:42px;color:var(--color-navy-800);font-size:var(--font-size-sm);border-bottom:1px solid #e7f0f4;padding:0 14px;font-weight:900}.user-table__row{min-height:66px;color:var(--color-muted);font-size:var(--font-size-sm);border-bottom:1px solid #e7f0f4;padding:10px 14px;font-weight:700}.user-table__row:last-child{border-bottom:0}.user-cell{align-items:center;gap:9px;min-width:0;display:flex}.user-cell strong,.user-mobile-card strong{color:var(--color-text);font-size:var(--font-size-sm)}.user-avatar{border-radius:var(--radius-circle);color:#fff;width:32px;height:32px;font-size:var(--font-size-xs);background:linear-gradient(145deg,#f7c59d,#a85526);flex:none;place-items:center;font-weight:900;display:grid}.role-badge{border-radius:var(--radius-control);color:#fff;width:max-content;min-height:24px;font-size:var(--font-size-xs);justify-content:center;align-items:center;padding:0 10px;font-weight:850;display:inline-flex}.role-badge--super-admin{background:var(--color-navy-800)}.role-badge--farm-admin{background:var(--color-teal-700)}.role-badge--operator{background:var(--color-blue-600)}.role-badge--technician{background:var(--status-warning)}.role-badge--viewer,.role-badge--viewer-management-user{background:var(--color-gray-600)}.role-badge--platform-super-admin,.role-badge--software-cloud-team{background:var(--color-blue-600)}.role-badge--farm-admin-owner{background:var(--color-teal-700)}.role-badge--farm-manager-operator{background:var(--status-good-text)}.role-badge--maintenance-technician{background:var(--status-warning)}.role-badge--iot-field-implementation-team{background:#4f46e5}.user-table__row>button{border-radius:var(--radius-control);width:32px;height:32px;color:var(--color-navy-800);background:0 0;border:0;place-items:center;display:inline-grid}.user-actions{align-items:center;gap:6px;display:inline-flex}.user-actions button{border-radius:var(--radius-control);width:30px;height:30px;color:var(--color-navy-800);background:0 0;border:0;place-items:center;display:inline-grid}.user-actions button:hover{background:var(--color-aqua-50);color:var(--color-teal-700)}.user-mobile-list{display:none}.invite-overlay{z-index:90;justify-content:end;display:grid;position:fixed;inset:0}.invite-overlay__backdrop{background:#00182a52;border:0;position:fixed;inset:0}.invite-panel{z-index:1;border-left:1px solid var(--color-border);width:min(390px,100vw);height:100vh;box-shadow:var(--shadow-raised);background:#fff;grid-template-rows:auto 1fr auto;display:grid;position:relative}.invite-panel header,.invite-panel footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.invite-panel footer{border-top:1px solid var(--color-border);border-bottom:0;justify-content:flex-end}.invite-panel h2{color:var(--color-text);font-size:var(--font-size-lg);margin-bottom:0}.invite-panel header button{border-radius:var(--radius-control);width:32px;height:32px;color:var(--color-text);background:0 0;border:0;place-items:center;font-size:22px;display:inline-grid}.invite-form{align-content:start;gap:var(--space-3);padding:var(--space-4);display:grid;overflow-y:auto}.invite-form label,.invite-form fieldset,.invite-form-field,.assignment-select{color:var(--color-muted);font-size:var(--font-size-sm);border:0;gap:7px;margin:0;padding:0;font-weight:850;display:grid;position:relative}.invite-form input,.invite-form select,.invite-form textarea{border:1px solid var(--color-border);border-radius:var(--radius-control);width:100%;min-height:38px;color:var(--color-text);background:#fff;padding:8px 10px}.invite-form textarea{resize:vertical;min-height:76px}.invite-form fieldset label{color:var(--color-text);align-items:center;gap:8px;font-weight:750;display:flex}.assignment-select__trigger{justify-content:space-between;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-control);width:100%;min-height:38px;color:var(--color-text);text-align:left;background:#fff;padding:8px 10px;display:flex}.invite-form-field>span,.master-form-field>span{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:850}.invite-form-field .ui-select,.master-form-field .ui-select{width:100%}.assignment-select__trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.assignment-select__trigger svg{color:var(--color-muted);flex:none;transition:transform .16s}.assignment-select.is-open .assignment-select__trigger{background:var(--color-aqua-50);border-color:#99d3da}.assignment-select.is-open .assignment-select__trigger svg{transform:rotate(180deg)}.assignment-select__trigger:disabled{cursor:not-allowed;opacity:.58}.assignment-select__menu{z-index:80;border:1px solid var(--color-border);border-radius:var(--radius-card);width:max-content;min-width:max(100%,260px);max-width:min(420px,100vw - 32px);max-height:190px;box-shadow:var(--shadow-card);background:#fff;gap:5px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:auto;right:0;overflow-y:auto}.assignment-select__option{border-radius:var(--radius-control);grid-template-columns:auto minmax(0,1fr);min-height:32px;color:var(--color-text)!important;align-items:start!important;gap:8px!important;padding:7px 8px!important;font-weight:750!important;display:grid!important}.assignment-select__option:hover{background:var(--color-aqua-50)}.assignment-select__option input{width:15px;min-height:15px;margin-top:2px;padding:0}.assignment-select__option span{gap:2px;min-width:0;display:grid}.assignment-select__option small,.assignment-select__empty{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:750}.assignment-select__empty{padding:8px}.invite-tags{border:1px solid var(--color-border);border-radius:var(--radius-control);flex-wrap:wrap;gap:7px;min-height:44px;padding:8px;display:flex}.invite-tags span{border-radius:var(--radius-pill);background:var(--color-gray-100);min-height:24px;color:var(--color-navy-800);font-size:var(--font-size-xs);align-items:center;padding:0 8px;font-weight:850;display:inline-flex}.permission-matrix-card.ui-card{overflow:hidden}.permission-matrix{border-radius:var(--radius-card);background:#fff;border:1px solid #e4eef3;overflow-x:auto}.permission-matrix__head,.permission-row{grid-template-columns:minmax(190px,1.15fr) repeat(5,minmax(108px,1fr));display:grid}.permission-matrix__head{border-bottom:1px solid #e4eef3;min-width:760px}.permission-matrix__head>span,.permission-matrix__head article{border-right:1px solid #e4eef3;align-content:center;min-height:78px;padding:12px;display:grid}.permission-matrix__head article{text-align:center;justify-items:center}.permission-matrix__head svg{color:var(--color-teal-700)}.permission-matrix__head strong{color:var(--color-text);font-size:var(--font-size-sm)}.permission-matrix__head small,.permission-matrix__head>span{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:850}.permission-group{min-width:760px}.permission-group h2{background:var(--color-aqua-50);min-height:38px;color:var(--color-navy-800);font-size:var(--font-size-sm);border-bottom:1px solid #e4eef3;align-items:center;margin:0;padding:0 12px;display:flex}.permission-row{border-bottom:1px solid #e4eef3;min-height:38px}.permission-row>span:first-child{color:var(--color-text);font-size:var(--font-size-sm);align-items:center;padding:0 12px;font-weight:750;display:flex}.permission-cell{color:var(--color-muted);border-left:1px solid #e4eef3;place-items:center;display:grid}.permission-cell--allowed{color:var(--status-good-text)}.permission-cell--denied{color:var(--color-gray-500)}.permission-legend{justify-content:center;gap:var(--space-6);color:var(--color-muted);font-size:var(--font-size-sm);font-weight:850;display:flex}.permission-legend span{align-items:center;gap:8px;display:inline-flex}.permission-legend span:first-child svg{color:var(--status-good-text)}.ui-status-chip--active,.ui-status-chip--online,.ui-status-chip--mapped{background:var(--status-good-bg);color:var(--status-good-text)}.ui-status-chip--no-data{background:var(--color-gray-100);color:var(--color-gray-700)}.device-connectivity-page,.user-profile-page,.master-page,.threshold-settings-page{gap:14px;display:grid}.connectivity-metric-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.connectivity-metric{border:1px solid var(--color-border);border-radius:var(--radius-card);min-height:104px;box-shadow:var(--shadow-soft);background:#fff;padding:16px;position:relative}.connectivity-metric span{color:var(--color-muted);font-size:var(--font-size-sm);margin-bottom:10px;font-weight:850;display:block}.connectivity-metric strong{color:var(--color-text);font-size:28px;line-height:1}.connectivity-metric p{color:var(--color-muted);font-size:var(--font-size-sm);margin:8px 0 0;font-weight:750}.connectivity-metric svg{color:var(--color-teal-700);position:absolute;bottom:16px;right:16px}.connectivity-metric--green strong,.connectivity-metric--green svg{color:var(--status-good-text)}.connectivity-metric--red strong,.connectivity-metric--red svg{color:var(--status-critical)}.connectivity-metric--warning strong,.connectivity-metric--warning svg{color:var(--status-warning)}.connectivity-toolbar,.master-toolbar{align-items:center;gap:var(--space-3);display:grid}.connectivity-toolbar{grid-template-columns:minmax(160px,210px) minmax(150px,190px) minmax(240px,1fr) auto}.device-group-table,.master-table{border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;overflow:hidden}.device-group-table__head,.device-row{align-items:center;gap:var(--space-3);grid-template-columns:minmax(190px,1.25fr) minmax(150px,1fr) minmax(150px,1fr) 86px 100px 100px 82px;display:grid}.device-group-table__head{min-height:42px;color:var(--color-navy-800);font-size:var(--font-size-sm);border-bottom:1px solid #e7f0f4;padding:0 14px;font-weight:900}.device-group header{background:var(--color-aqua-50);min-height:40px;color:var(--color-navy-800);font-size:var(--font-size-sm);border-bottom:1px solid #e7f0f4;justify-content:space-between;align-items:center;padding:0 14px;font-weight:900;display:flex}.device-row{min-height:58px;color:var(--color-muted);font-size:var(--font-size-sm);border-bottom:1px solid #e7f0f4;padding:10px 14px;font-weight:750}.device-row:last-child{border-bottom:0}.device-row__identity{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 8px;display:grid}.device-row__identity small{color:var(--color-muted);grid-column:2}.device-row__actions{align-items:center;gap:6px;display:flex}.device-row__actions button{border-radius:var(--radius-control);width:30px;height:30px;color:var(--color-navy-800);background:0 0;border:0;place-items:center;display:inline-grid}.device-row__actions button:hover{background:var(--color-aqua-50);color:var(--color-teal-700)}.device-row strong{color:var(--color-text)}.device-row svg,.signal-indicator svg,.battery-indicator svg{color:var(--color-teal-700)}.signal-indicator,.battery-indicator{color:var(--status-good-text);align-items:center;gap:6px;font-weight:850;display:inline-flex}.signal-indicator--off,.battery-indicator--low{color:var(--status-critical)}.device-mobile-list{display:none}.offline-diagnostics{gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;padding:14px;display:grid}.offline-diagnostics h2{color:var(--color-navy-950);font-size:var(--font-size-lg);margin-bottom:0}.offline-diagnostics>div:first-of-type{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.offline-diagnostics article,.diagnostic-list-grid section{border-radius:var(--radius-card);background:var(--color-gray-50);border:1px solid #e4eef3;gap:6px;padding:12px;display:grid}.offline-diagnostics span,.diagnostic-list-grid span{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:750}.offline-diagnostics strong{color:var(--color-text)}.diagnostic-list-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.diagnostic-list-grid h3{color:var(--color-text);font-size:var(--font-size-sm);margin-bottom:2px}.profile-shell{gap:18px;width:min(620px,100%);margin:0 auto;display:grid}.profile-hero{border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;padding:22px 24px;display:block}.profile-hero h1{color:var(--color-text);font-size:var(--font-size-xl);margin-bottom:6px}.profile-hero p,.profile-hero span{color:var(--color-muted);font-size:var(--font-size-sm);margin-bottom:2px;font-weight:750;display:block}.profile-form-card{gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;grid-template-columns:repeat(2,minmax(0,1fr));padding:22px 24px;display:grid}.profile-form-card label{color:var(--color-muted);font-size:var(--font-size-sm);gap:7px;font-weight:850;display:grid}.profile-form-card input{border:1px solid var(--color-border);border-radius:var(--radius-control);width:100%;min-height:38px;color:var(--color-text);background:#fff;padding:8px 10px}.profile-form-card .ui-button{grid-column:1/-1;justify-self:end}.notification-panel,.profile-access-card{gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;padding:16px;display:grid}.notification-panel h2,.profile-access-card h2{color:var(--color-text);font-size:var(--font-size-lg);margin-bottom:0}.notification-panel>p{color:var(--color-muted);font-size:var(--font-size-sm);margin-bottom:0;font-weight:750}.notification-list{display:grid}.notification-list article,.profile-access-card article{align-items:center;gap:var(--space-3);border-bottom:1px solid #e7f0f4;grid-template-columns:auto minmax(0,1fr) auto;min-height:58px;display:grid}.notification-list article:last-child,.profile-access-card article:last-child{border-bottom:0}.notification-icon{border-radius:var(--radius-circle);background:var(--color-aqua-50);width:32px;height:32px;color:var(--color-teal-700);place-items:center;display:grid}.notification-list strong,.profile-access-card strong{color:var(--color-text);font-size:var(--font-size-sm);display:block}.notification-list span,.profile-access-card span{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:700}.preference-toggle{border-radius:var(--radius-pill);background:var(--color-gray-100);width:38px;height:22px;position:relative}.preference-toggle i{border-radius:var(--radius-circle);width:16px;height:16px;box-shadow:var(--shadow-soft);background:#fff;position:absolute;top:3px;left:3px}.preference-toggle.is-on{background:var(--color-teal-700)}.preference-toggle.is-on i{left:19px}.master-toolbar{grid-template-columns:minmax(260px,1fr)}.master-toolbar--split{grid-template-columns:minmax(150px,220px) minmax(260px,1fr)}.master-table--farms .master-table__head,.master-table--farms .master-table__row{grid-template-columns:minmax(190px,1.2fr) minmax(150px,1fr) minmax(150px,1fr) 70px 92px 118px}.master-table__head,.master-table__row{align-items:center;gap:var(--space-3);display:grid}.master-table__head{min-height:42px;color:var(--color-navy-800);font-size:var(--font-size-sm);border-bottom:1px solid #e7f0f4;padding:0 14px;font-weight:900}.master-table__row{min-height:70px;color:var(--color-muted);font-size:var(--font-size-sm);border-bottom:1px solid #e7f0f4;padding:10px 14px;font-weight:750}.master-table__row:last-child{border-bottom:0}.master-table__row strong{color:var(--color-text)}.master-table__row small{color:var(--color-muted);margin-top:3px;display:block}.master-actions{align-items:center;gap:7px;display:flex}.master-actions button{border:1px solid var(--color-border);border-radius:var(--radius-control);width:30px;height:30px;color:var(--color-navy-800);background:#fff;place-items:center;display:inline-grid}.master-actions button:last-child{color:var(--status-critical)}.master-form-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.master-form-grid label{color:var(--color-muted);font-size:var(--font-size-sm);gap:7px;font-weight:850;display:grid}.master-form-field{gap:7px;display:grid}.master-form-grid input,.master-form-grid select,.master-form-grid textarea{border:1px solid var(--color-border);border-radius:var(--radius-control);width:100%;min-height:38px;color:var(--color-text);background:#fff;padding:8px 10px}.master-form-grid textarea{resize:vertical;min-height:82px}.master-form-grid__wide{grid-column:1/-1}.threshold-settings-toolbar{align-items:center;gap:var(--space-3);grid-template-columns:minmax(170px,230px) minmax(170px,230px) minmax(180px,230px) auto auto;display:grid}.threshold-settings-validation{border-radius:var(--radius-card);color:var(--status-critical);font-size:var(--font-size-sm);background:#fff5f5;border:1px solid #fecaca;gap:6px;padding:12px 14px;font-weight:800;display:grid}.threshold-settings-validation ul{gap:4px;margin:0;padding-left:18px;display:grid}.threshold-table{border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;overflow:hidden}.threshold-table__head,.threshold-row{grid-template-columns:minmax(170px,1fr) 72px minmax(190px,.95fr) minmax(180px,.9fr) minmax(180px,.9fr) minmax(136px,.8fr) 64px;align-items:center;gap:0;display:grid}.threshold-table__head{min-height:48px;color:var(--color-navy-800);font-size:var(--font-size-sm);border-bottom:1px solid #e7f0f4;font-weight:900}.threshold-table__head>span{border-right:1px solid #e7f0f4;align-items:center;min-height:48px;padding:0 12px;display:grid}.threshold-row{border-bottom:1px solid #e7f0f4;min-height:74px}.threshold-row:last-child{border-bottom:0}.threshold-row>span,.threshold-row>select,.threshold-row>input,.threshold-row>button,.threshold-parameter-cell,.threshold-number-pair{border-right:1px solid #e7f0f4;min-height:74px;padding:10px 12px}.threshold-parameter-cell{grid-template-columns:auto minmax(0,1fr);align-content:center;gap:2px 9px;display:grid}.threshold-parameter-cell svg{color:var(--color-blue-600);grid-row:span 2}.threshold-parameter-cell strong{color:var(--color-text);font-size:var(--font-size-sm)}.threshold-parameter-cell small{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:750}.threshold-row>span{color:var(--color-navy-800);font-size:var(--font-size-sm);align-items:center;font-weight:850;display:grid}.threshold-row input,.threshold-row select{border:1px solid var(--color-border);border-radius:var(--radius-control);width:100%;min-width:0;min-height:34px;color:var(--color-text);font-size:var(--font-size-sm);background:#fff}.ui-select.is-invalid,.threshold-table.is-invalid,.threshold-row input.is-invalid,.threshold-row select.is-invalid{border-color:var(--status-critical);box-shadow:0 0 0 3px #ef44441f}.threshold-row>select{align-self:center;width:calc(100% - 24px);margin:0 12px;padding:0 8px}.threshold-number-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:10px;display:grid}.threshold-number-pair--single{grid-template-columns:minmax(0,1fr)}.threshold-number-field{gap:5px;display:grid}.threshold-number-field span{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:850}.threshold-number-field input{text-align:center;padding:0 8px}.threshold-row>button{color:var(--color-navy-800);background:0 0;border:0;place-items:center;display:grid}.threshold-info-note{align-items:center;gap:var(--space-2);border-radius:var(--radius-card);background:var(--color-aqua-50);color:var(--color-navy-800);font-size:var(--font-size-sm);border:1px solid #bfe4e8;padding:12px 14px;font-weight:850;display:flex}.threshold-info-note svg{color:var(--color-blue-600)}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.page-heading h1{color:var(--color-navy-950);font-size:var(--font-size-2xl);margin-bottom:4px;line-height:1.2}.page-heading p{color:var(--color-muted);font-size:var(--font-size-md);margin-bottom:0;font-weight:600}.page-heading__actions{align-items:center;gap:10px;display:flex}.toolbar-button,.primary-button,.reset-button,.quick-filters button,.panel__header button{justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.toolbar-button--active{background:var(--color-teal-100);color:var(--color-teal-700);border-color:#99d3da}.button-count{border-radius:var(--radius-pill);background:var(--color-teal-700);color:#fff;place-items:center;min-width:18px;height:18px;font-size:10px;display:inline-grid}.primary-button{border-color:var(--color-teal-700);background:linear-gradient(180deg, var(--color-teal-600), var(--color-teal-700));color:#fff}.quick-filters{grid-template-columns:minmax(160px,220px) minmax(150px,190px) minmax(240px,1fr) auto;gap:12px;display:grid}.quick-filters label{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-height:40px;color:var(--color-muted);align-items:center;gap:8px;padding:0 13px;display:flex;position:relative}.select-control select{appearance:none;width:100%;min-width:0;color:var(--color-text);cursor:pointer;background:0 0;border:0;outline:0;font-weight:800}.select-control svg{pointer-events:none}.quick-filters input{width:100%;min-width:0;color:var(--color-text);border:0;outline:0}.quick-filters input::placeholder{color:#95a8b3}.advanced-filters{border:1px solid var(--color-border);border-radius:var(--radius-card);background:#ffffffd6;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.filter-chip-group{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{border:1px solid var(--color-border);border-radius:var(--radius-pill);min-height:30px;color:var(--color-muted);font-size:var(--font-size-sm);background:#fff;padding:0 12px;font-weight:800}.filter-chip.is-selected{background:var(--color-teal-100);color:var(--color-teal-700);border-color:#99d3da}.reset-button{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:32px;color:var(--color-muted);background:#fff;flex:none}.reference-note{border-radius:var(--radius-card);background:var(--color-aqua-50);color:var(--color-muted);font-size:var(--font-size-md);border:1px solid #bfe4e8;padding:11px 13px;font-weight:650}.reference-note strong,.reference-note span{color:var(--color-teal-700)}.ui-button,.ui-icon-button{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text)}.ui-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:38px;font-size:var(--font-size-md);padding:0 14px;font-weight:800;display:inline-flex}.ui-button:disabled{cursor:not-allowed;opacity:.52}.ui-button--primary{border-color:var(--color-brand-primary);background:linear-gradient(180deg, var(--color-teal-600), var(--color-brand-primary));color:#fff}.ui-button--ghost{color:var(--color-teal-700);background:0 0;border-color:#0000}.ui-button.is-active,.ui-button:hover:not(:disabled){background:var(--color-teal-100);color:var(--color-teal-700);border-color:#99d3da}.ui-button--primary:hover:not(:disabled){border-color:var(--color-brand-primary-hover);background:linear-gradient(180deg, var(--color-brand-primary), var(--color-brand-primary-hover));color:#fff}.ui-button__count{border-radius:var(--radius-pill);background:var(--color-brand-primary);color:#fff;min-width:18px;height:18px;font-size:var(--font-size-xs);place-items:center;display:inline-grid}.ui-icon-button{place-items:center;width:38px;height:38px;display:inline-grid;position:relative}.ui-icon-button__badge{border-radius:var(--radius-pill);background:var(--status-critical);color:#fff;min-width:18px;height:18px;font-size:var(--font-size-xs);place-items:center;font-weight:800;display:inline-grid;position:absolute;top:-4px;right:-3px}.ui-card{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fffffff0}.ui-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:14px;display:flex}.ui-card__header h2{font-size:var(--font-size-lg);line-height:var(--line-height-tight);margin-bottom:3px}.ui-card__header p{color:var(--color-muted);font-size:var(--font-size-sm);margin-bottom:0;font-weight:700}.ui-card__action{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.panel-actions{align-items:center;gap:var(--space-2);display:flex}.ui-tabs{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-gray-50);grid-template-columns:repeat(2,minmax(72px,1fr));min-height:34px;display:inline-grid;overflow:hidden}.ui-tab{color:var(--color-muted);font-size:var(--font-size-sm);background:0 0;border:0;font-weight:850}.ui-tab.is-selected{background:var(--color-brand-primary);color:#fff}.ui-select,.ui-search-input{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-height:40px;color:var(--color-muted);padding:0 13px;display:flex;position:relative}.ui-select select,.ui-search-input input{width:100%;min-width:0;color:var(--color-text);background:0 0;border:0;outline:0}.ui-select select{appearance:none;cursor:pointer;font-weight:800}.ui-select svg{pointer-events:none}.ui-search-input input::placeholder{color:#95a8b3}.ui-filter-chip-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-filter-chip{border:1px solid var(--color-border);border-radius:var(--radius-pill);min-height:30px;color:var(--color-muted);font-size:var(--font-size-sm);background:#fff;padding:0 12px;font-weight:800}.ui-filter-chip.is-selected{background:var(--color-teal-100);color:var(--color-teal-700);border-color:#99d3da}.ui-status-chip{border-radius:var(--radius-pill);min-width:58px;min-height:25px;font-size:var(--font-size-sm);justify-content:center;align-items:center;padding:0 10px;font-weight:800;display:inline-flex}.ui-status-chip--good{background:var(--status-good-bg);color:var(--status-good-text)}.ui-status-chip--excellent{background:var(--status-excellent-bg);color:var(--status-excellent-text)}.ui-status-chip--fair{background:var(--status-fair-bg);color:var(--status-fair-text)}.ui-status-chip--poor{background:var(--status-poor-bg);color:var(--status-poor-text)}.ui-status-dot{color:var(--color-muted);font-size:var(--font-size-sm);align-items:center;gap:6px;font-weight:800;display:inline-flex}.ui-status-dot:before{border-radius:var(--radius-circle);content:"";width:7px;height:7px}.ui-status-dot--online:before{background:var(--status-online)}.ui-status-dot--offline:before{background:var(--status-offline)}.ui-status-dot--warning:before{background:var(--status-warning)}.ui-status-dot--critical:before{background:var(--status-critical)}.ui-status-dot--no-data:before{background:var(--status-offline)}.ui-metric-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-height:106px;box-shadow:var(--shadow-soft);padding:18px}.ui-metric-card span{color:var(--color-muted);font-size:var(--font-size-md);margin-bottom:10px;font-weight:800;display:block}.ui-metric-card strong{color:var(--color-navy-950);font-size:var(--font-size-3xl);line-height:1;display:block}.ui-metric-card--green strong,.ui-metric-card--mint strong{color:var(--status-good-text)}.ui-metric-card--red strong{color:var(--status-critical)}.ui-gauge-card{border-radius:var(--radius-card);background:radial-gradient(circle at 50% 100%,#168a3f29,#0000 38%),#fff;border:1px solid #e3edf2;min-height:110px;padding:14px}.ui-gauge-card span{margin-bottom:var(--space-2);color:var(--color-navy-950);font-size:var(--font-size-md);font-weight:850;display:block}.ui-gauge-card b{color:var(--color-navy-950);font-size:var(--font-size-2xl);margin-bottom:10px;font-weight:850;display:block}.ui-gauge-card strong{color:var(--status-good-text);font-size:var(--font-size-sm)}.dashboard-chart-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dashboard-chart-grid__wide{grid-column:span 2}.chart-frame{width:100%;min-width:0;height:248px}.chart-frame--large{height:292px}.chart-sparkline{height:66px;margin-top:var(--space-3);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-gray-50)}.chart-donut{min-height:260px;display:grid;position:relative}.chart-donut__center{pointer-events:none;justify-items:center;display:grid;position:absolute;top:84px;left:50%;transform:translate(-50%)}.chart-donut__center strong{color:var(--color-text);font-size:var(--font-size-3xl);line-height:1}.chart-donut__center span{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:800}.chart-legend{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.chart-legend span{color:var(--color-muted);font-size:var(--font-size-sm);align-items:center;gap:6px;font-weight:800;display:inline-flex}.chart-legend i{border-radius:var(--radius-circle);width:9px;height:9px}.chart-gauge{min-height:154px;position:relative}.chart-gauge svg{width:100%;height:118px;display:block}.chart-gauge__track,.chart-gauge__value{fill:none;stroke-width:14px;stroke-linecap:round}.chart-gauge__track{stroke:#dfe8ed}.chart-gauge__value{stroke-dashoffset:0}.chart-gauge__content{justify-items:center;min-width:120px;display:grid;position:absolute;top:44px;left:50%;transform:translate(-50%)}.chart-gauge__content span{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:800}.chart-gauge__content strong{color:var(--color-text);font-size:34px;line-height:1.05}.chart-gauge__content em{color:var(--status-good-text);font-size:var(--font-size-sm);font-style:normal;font-weight:850}.recharts-default-tooltip{border-radius:var(--radius-control);box-shadow:var(--shadow-soft);font-size:var(--font-size-sm);border-color:var(--color-border)!important}.ui-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-card);overflow-x:auto}.ui-data-table{border-collapse:collapse;background:#fff;width:100%;min-width:760px}.ui-data-table th,.ui-data-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e6f0f4;padding:12px}.ui-data-table th{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:900}.ui-data-table td{color:var(--color-text);font-size:var(--font-size-md);font-weight:650}.ui-data-table td div{gap:3px;display:grid}.ui-data-table td span{color:var(--color-muted);font-size:var(--font-size-sm)}.ui-table-empty{padding:var(--space-6);color:var(--color-muted);text-align:center}.ui-pagination{margin-top:var(--space-3);justify-content:flex-end;align-items:center;gap:6px;display:flex}.ui-pagination .ui-button{min-width:34px;min-height:34px;padding:0 10px}.ui-empty-state{border:1px dashed var(--color-border-strong);border-radius:var(--radius-card);text-align:center;background:#f8fcfd;justify-items:center;gap:9px;min-height:220px;padding:42px 18px;display:grid}.ui-empty-state h3{font-size:var(--font-size-lg);margin-bottom:0}.ui-empty-state p{max-width:420px;color:var(--color-muted);font-size:var(--font-size-md);line-height:var(--line-height-body);margin-bottom:4px}.ui-loading-state{align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:var(--font-size-md);font-weight:800;display:inline-flex}.ui-loading-state span{border:2px solid var(--color-border);border-top-color:var(--color-brand-primary);border-radius:var(--radius-circle);width:16px;height:16px;animation:.8s linear infinite spin}.ui-dialog,.ui-drawer{z-index:100;position:fixed;inset:0}.ui-dialog__backdrop,.ui-drawer__backdrop{background:#00182a7a;position:absolute;inset:0}.ui-dialog__panel,.ui-drawer__panel{border:1px solid var(--color-border);box-shadow:var(--shadow-raised);background:#fff;position:absolute}.ui-dialog__panel{border-radius:var(--radius-card);width:min(460px,100% - 32px);top:50%;left:50%;transform:translate(-50%,-50%)}.ui-drawer__panel{width:min(430px,100%);height:100%;top:0;right:0}.ui-dialog__header,.ui-drawer__header,.ui-dialog__footer,.ui-drawer__footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.ui-dialog__footer,.ui-drawer__footer{border-top:1px solid var(--color-border);border-bottom:0;justify-content:flex-end}.ui-dialog__header h2,.ui-drawer__header h2{font-size:var(--font-size-lg);margin-bottom:0}.ui-dialog__body,.ui-drawer__body{padding:var(--space-4);color:var(--color-muted);font-size:var(--font-size-md);line-height:var(--line-height-body)}.ui-drawer__body{height:calc(100% - 137px);overflow-y:auto}.pond-detail-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pond-detail-grid div{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-gray-50);gap:6px;display:grid}.pond-detail-grid span{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:800}.pond-detail-grid strong{color:var(--color-text)}@keyframes spin{to{transform:rotate(360deg)}}.metric-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-height:106px;box-shadow:var(--shadow-soft);padding:18px}.metric-card span{color:var(--color-muted);font-size:var(--font-size-md);margin-bottom:10px;font-weight:800;display:block}.metric-card strong{color:var(--color-navy-950);font-size:var(--font-size-3xl);line-height:1;display:block}.metric-card--teal{border-color:#bfe4e8}.metric-card--green strong,.metric-card--mint strong{color:var(--color-green-600)}.metric-card--red strong{color:var(--color-red-600)}.content-grid{grid-template-columns:minmax(0,1.8fr) minmax(300px,.8fr);gap:14px;display:grid}.panel{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fffffff0}.panel__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.panel__header h2{font-size:var(--font-size-lg);line-height:var(--line-height-tight);margin-bottom:3px}.panel__header p{color:var(--color-muted);font-size:var(--font-size-sm);margin-bottom:0;font-weight:700}.panel__header button{min-height:32px;color:var(--color-teal-700)}.pond-list{gap:9px;display:grid}.pond-row{border-radius:var(--radius-card);background:#fff;border:1px solid #e4eef3;grid-template-columns:76px minmax(0,1fr) auto auto;align-items:center;gap:13px;min-height:82px;padding:10px;display:grid}.pond-row__image{border-radius:var(--radius-control);background:linear-gradient(145deg,#00748059,#118a5552),linear-gradient(12deg,#23634d 0 34%,#7abc8a 34% 40%,#1d8592 40% 72%,#d6b05a 72%);width:76px;height:54px}.pond-row h3{text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;font-size:14px;overflow:hidden}.pond-row span{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:650}.pond-row>strong{border-radius:var(--radius-circle);width:44px;height:44px;color:var(--color-text);border:4px solid #34b266;border-left-color:#dfe8ed;place-items:center;font-size:15px;display:inline-grid}.status-chip{border-radius:var(--radius-pill);min-width:58px;min-height:25px;font-size:var(--font-size-sm);justify-content:center;align-items:center;padding:0 10px;font-weight:800;display:inline-flex}.status-chip--good{background:var(--status-good-bg);color:var(--status-good-text)}.status-chip--excellent{background:var(--status-excellent-bg);color:var(--status-excellent-text)}.status-chip--fair{background:var(--status-fair-bg);color:var(--status-fair-text)}.status-chip--poor{background:var(--status-poor-bg);color:var(--status-poor-text)}.pond-row__badges{justify-items:end;gap:6px;display:grid}.status-dot{color:var(--color-muted);font-size:var(--font-size-sm);align-items:center;gap:6px;font-weight:800;display:inline-flex}.status-dot:before{border-radius:var(--radius-circle);content:"";width:7px;height:7px}.status-dot--online:before{background:var(--status-online)}.status-dot--offline:before{background:var(--status-offline)}.status-dot--warning:before{background:var(--status-warning)}.status-dot--critical:before{background:var(--status-critical)}.empty-state{border:1px dashed var(--color-border-strong);border-radius:var(--radius-card);text-align:center;background:#f8fcfd;justify-items:center;gap:9px;min-height:220px;padding:42px 18px;display:grid}.empty-state h3{font-size:var(--font-size-lg);margin-bottom:0}.empty-state p{max-width:420px;color:var(--color-muted);font-size:var(--font-size-md);margin-bottom:4px;line-height:1.5}.empty-state button{border:1px solid var(--color-teal-700);border-radius:var(--radius-control);background:var(--color-teal-700);color:#fff;min-height:34px;padding:0 13px;font-weight:800}.gauge-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mini-gauge{border-radius:var(--radius-card);background:radial-gradient(circle at 50% 100%,#168a3f29,#0000 38%),#fff;border:1px solid #e3edf2;min-height:110px;padding:14px}.mini-gauge span{color:var(--color-navy-950);font-size:var(--font-size-md);margin-bottom:8px;font-weight:850;display:block}.mini-gauge b{color:var(--color-navy-950);font-size:var(--font-size-2xl);margin-bottom:10px;font-weight:850;display:block}.mini-gauge strong{color:var(--status-good-text);font-size:var(--font-size-sm)}.mini-gauge--empty{grid-column:1/-1}.mobile-bottom-nav{display:none}.mobile-bottom-nav__item{position:relative}.mobile-bottom-nav__icon{display:inline-flex;position:relative}.mobile-bottom-nav .nav-badge{min-width:16px;height:16px;top:-9px;right:-10px}.login-page{background:radial-gradient(circle at 20% 8%, #0aa9b729, transparent 28%), radial-gradient(circle at 80% 100%, #1560c814, transparent 24%), var(--color-page);place-items:center;min-height:100vh;padding:28px;display:grid}.login-card{border:1px solid var(--color-border-strong);width:min(780px,100%);min-height:472px;box-shadow:var(--shadow-card);background:#fff;border-radius:8px;grid-template-columns:minmax(330px,415px) minmax(330px,365px);display:grid;overflow:hidden}.login-card__media{background:linear-gradient(180deg, #008897d6, #00182af0), var(--color-navy-900);color:#fff;flex-direction:column;justify-content:space-between;min-height:472px;padding:42px;display:flex;position:relative;overflow:hidden}.login-card__water-scene,.login-card__media-content,.login-card__badges{z-index:1;position:relative}.login-card__water-scene{z-index:0;background:radial-gradient(at 45% 78%,#ffffff2e,#0000 18%),radial-gradient(circle at 28% 18%,#ffffff24,#0000 3%),linear-gradient(#1fb5c147,#00182ab8);position:absolute;inset:0}.login-card__water-scene:before,.login-card__water-scene:after{content:"";filter:blur(1px);background:#00455875;border-radius:80% 20% 0 0;width:120px;height:190px;position:absolute;bottom:-24px}.login-card__water-scene:before{left:18px;transform:rotate(8deg)}.login-card__water-scene:after{height:150px;right:16px;transform:rotate(-9deg)}.bubble{border-radius:var(--radius-circle);background:#fff3;display:block;position:absolute}.bubble--one{width:13px;height:13px;top:54px;right:74px}.bubble--two{width:8px;height:8px;top:112px;right:34px}.bubble--three{width:10px;height:10px;top:82px;left:78px}.fish{background:#00263a61;border-radius:60% 45% 45% 60%;height:34px;display:block;position:absolute}.fish:after{content:"";border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:18px solid #00263a61;width:0;height:0;position:absolute;top:8px;right:-16px}.fish--large{width:70px;top:152px;right:76px;transform:rotate(-10deg)}.fish--small{opacity:.6;width:48px;height:24px;top:248px;left:164px;transform:rotate(8deg)scaleX(-1)}.water-ripple{border:2px solid #ffffff38;border-radius:50%;width:96px;height:30px;position:absolute;bottom:86px;left:52%;transform:translate(-50%)rotate(-7deg)}.water-ripple:before,.water-ripple:after{content:"";border:1px solid #ffffff2e;border-radius:50%;position:absolute;inset:6px 14px}.water-ripple:after{inset:12px 28px}.login-card__media-content{margin-top:66px}.login-card__media h1{max-width:235px;margin-bottom:18px;font-size:29px;line-height:1.12}.login-card__media p{color:#ffffffd1;max-width:250px;margin-bottom:0;font-weight:650}.login-card__badges{border-radius:var(--radius-pill);color:#ffffffe0;width:max-content;font-size:var(--font-size-sm);background:#00182a57;align-items:center;gap:8px;padding:8px 10px;font-weight:800;display:inline-flex}.login-card__badges span{border-radius:var(--radius-pill);background:#0aa9b770;padding:3px 6px}.login-card__form{align-content:center;gap:16px;padding:46px 40px;display:grid}.login-card__form-heading{text-align:center;justify-items:center;margin-bottom:4px;display:grid}.login-card__logo{object-fit:contain;width:62px;height:70px;margin-bottom:10px;display:block}.login-card__form h2{color:var(--color-text);margin-bottom:7px;font-size:22px}.login-card__form-heading p{color:var(--color-muted);font-size:var(--font-size-sm);margin-bottom:0;font-weight:650}.login-field{color:var(--color-muted);gap:7px;font-size:13px;font-weight:800;display:grid}.login-field>span{color:var(--color-text);font-size:var(--font-size-sm);font-weight:800}.login-field div{border:1px solid var(--color-border);min-height:42px;color:var(--color-muted);background:#fff;border-radius:7px;align-items:center;gap:8px;padding:0 12px;display:flex}.login-field input{width:100%;min-width:0;color:var(--color-text);border:0;outline:0}.login-options{color:var(--color-muted);font-size:var(--font-size-sm);justify-content:space-between;align-items:center;gap:12px;font-weight:750;display:flex}.login-options label{align-items:center;gap:7px;display:inline-flex}.login-options input{width:14px;height:14px;accent-color:var(--color-teal-700)}.login-options button{color:var(--color-teal-700);font-size:var(--font-size-sm);background:0 0;border:0;font-weight:800}.login-submit{background:linear-gradient(180deg, var(--color-teal-600), var(--color-teal-700));color:#fff;border:0;border-radius:7px;min-height:42px;font-weight:850}.login-submit:disabled{cursor:not-allowed;opacity:.65}.login-demo{border-top:1px solid var(--color-border);color:var(--color-muted);font-size:var(--font-size-sm);text-align:left;margin-top:8px;padding-top:18px}.login-demo strong{color:var(--color-teal-700);margin-bottom:8px;display:block}.login-demo p{flex-wrap:wrap;gap:8px;margin-bottom:0;display:flex}.login-demo i{color:#b7c6ce;font-style:normal}.login-copyright{color:#8ca0ad;text-align:center;margin:10px 0 0;font-size:11px}body{color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-md);line-height:var(--line-height-body)}.dashboard-page,.module-page,.reports-page,.report-detail-page,.user-management-page,.role-permissions-page,.device-connectivity-page,.user-profile-page,.master-page,.threshold-settings-page,.alerts-page,.phi-page,.phi-detail-page,.pond-list-page,.pond-detail-page,.parameter-page,.parameter-detail-page{gap:18px}.dashboard-header,.reference-heading,.detail-heading,.reports-heading,.page-heading{align-items:center;padding-top:4px}.dashboard-header h1,.reference-heading h1,.detail-heading h1,.reports-heading h1,.page-heading h1{color:var(--color-navy-950);letter-spacing:0;margin-bottom:6px;font-size:28px;font-weight:700}.dashboard-header p,.reference-heading p,.detail-heading p,.reports-heading p,.page-heading p{color:var(--color-muted);font-size:14px;font-weight:500}.ui-card,.panel,.dashboard-metric,.dashboard-pond-card,.dashboard-summary-card,.dashboard-quality-grid,.user-metric-card,.connectivity-metric,.metric-card,.ui-metric-card,.reports-insight,.reports-summary-card,.reports-parameter-grid article,.threshold-grid article,.alerts-snapshot article,.phi-weekly-card,.phi-breakdown-card,.offline-diagnostics,.offline-diagnostics article,.diagnostic-list-grid section,.profile-hero,.profile-form-card,.notification-panel,.profile-access-card,.pond-row,.mini-gauge,.ui-gauge-card{border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fff}.ui-card,.panel,.offline-diagnostics,.notification-panel,.profile-access-card,.profile-form-card,.dashboard-section.ui-card,.reports-quick-insights.ui-card,.parameter-comparison-card.ui-card,.report-detail-card.ui-card{padding:18px}.ui-card__header,.panel__header,.dashboard-section .ui-card__header{align-items:center;margin-bottom:14px}.ui-card__header h2,.panel__header h2,.notification-panel h2,.profile-access-card h2,.offline-diagnostics h2{color:var(--color-navy-950);letter-spacing:0;font-size:19px;font-weight:700}.ui-card__header p,.panel__header p,.notification-panel>p,.export-notice span,.reference-note{color:var(--color-muted);font-weight:500}.ui-button,.toolbar-button,.primary-button,.reset-button,.quick-filters button,.reports-filter-row button,.reports-history-controls button,.panel__header button,.alerts-date-button,.login-submit{border-radius:var(--radius-control);min-height:40px;font-size:var(--font-size-sm);letter-spacing:0;font-weight:600}.ui-button,.toolbar-button,.reset-button,.quick-filters button,.reports-filter-row button,.reports-history-controls button,.panel__header button{border-color:var(--color-border);color:var(--color-text);background:#fff}.ui-button--primary,.primary-button,.login-submit,.reports-history-controls .is-active,.reports-history-controls button:last-child{border-color:var(--color-teal-700);background:var(--color-teal-700);color:#fff}.ui-button--primary:hover:not(:disabled),.primary-button:hover,.login-submit:hover:not(:disabled){border-color:var(--color-teal-600);background:var(--color-teal-600);color:#fff}.ui-button.is-active,.ui-button:hover:not(:disabled),.toolbar-button--active,.toolbar-button:hover,.reset-button:hover,.quick-filters button:hover,.reports-filter-row button:hover,.panel__header button:hover{background:var(--color-aqua-50);color:var(--color-teal-700);border-color:#99d3da}.ui-select,.ui-search-input,.quick-filters label,.select-control,.login-field,.invite-form input,.invite-form textarea,.assignment-select__trigger,.master-form-grid input,.master-form-grid textarea,.profile-form-card input,.threshold-row input,.threshold-row select,.parameter-date-fields input{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:42px;box-shadow:none;background:#f9fcfd}.ui-select{padding:0;display:block;position:relative;overflow:visible}.ui-select__trigger{justify-content:space-between;align-items:center;gap:var(--space-2);border-radius:var(--radius-control);width:100%;min-height:42px;color:var(--color-text);font-size:var(--font-size-sm);text-align:left;background:0 0;border:0;padding:0 13px;font-weight:600;display:flex}.ui-select__trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ui-select__trigger svg{color:var(--color-muted);flex:none;transition:transform .16s}.ui-select.is-open .ui-select__trigger svg{transform:rotate(180deg)}.ui-select__menu{z-index:80;border:1px solid var(--color-border);border-radius:var(--radius-card);width:max-content;min-width:max(100%,260px);max-width:min(420px,100vw - 32px);max-height:min(284px,48vh);box-shadow:var(--shadow-card);background:#fff;gap:3px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:auto;right:0;overflow-y:auto}.ui-select__option{justify-content:space-between;align-items:center;gap:var(--space-2);border-radius:var(--radius-control);min-height:34px;color:var(--color-text);font-size:var(--font-size-sm);text-align:left;background:0 0;border:0;padding:0 9px;font-weight:500;display:flex}.ui-select__option span{text-overflow:clip;white-space:normal;min-width:0;overflow:visible}.ui-select__option svg{color:var(--color-teal-700);flex:none}.ui-select__option:hover,.ui-select__option:focus-visible,.ui-select__option.is-selected{background:var(--color-aqua-50);color:var(--color-teal-700);outline:0}.ui-select.is-invalid .ui-select__trigger{color:var(--status-critical)}.ui-select__trigger:disabled{cursor:not-allowed;opacity:.58}.invite-form .ui-select,.master-form-grid .ui-select,.assignment-select__trigger{background:#f9fcfd}select option{color:var(--color-text);font-size:var(--font-size-sm);background:#fff;font-weight:500}select option:checked{background:var(--color-teal-700);color:#fff}.ui-select select,.ui-search-input input,.select-control select,.quick-filters input,.invite-form input,.invite-form textarea,.master-form-grid input,.master-form-grid textarea,.profile-form-card input,.threshold-row input,.threshold-row select,.parameter-date-fields input{color:var(--color-text);font-size:var(--font-size-sm);font-weight:600}.dashboard-header__filter>span,.parameter-filter-field>span,.threshold-number-field span,.master-form-grid label,.master-form-field,.profile-form-card label,.invite-form label,.invite-form-field,.invite-form fieldset,.assignment-select,.reports-insight span,.reports-summary-card span,.reports-parameter-grid span,.dashboard-metric span,.connectivity-metric span,.user-metric-card span,.metric-card span,.ui-metric-card span,.threshold-grid span,.alerts-snapshot span,.pond-additional-grid span,.offline-diagnostics span,.diagnostic-list-grid span,.mini-gauge span,.ui-gauge-card span{color:var(--color-muted);letter-spacing:0;font-weight:600}.dashboard-metric strong,.connectivity-metric strong,.user-metric-card strong,.metric-card strong,.ui-metric-card strong,.reports-insight strong,.reports-summary-card strong,.parameter-summary-card strong{letter-spacing:0;font-size:27px;font-weight:700}.dashboard-metric p,.connectivity-metric p,.dashboard-pond-card p,.dashboard-pond-card footer,.dashboard-summary-list span,.dashboard-quality-card p,.chart-legend span,.chart-donut__center span,.chart-gauge__content span,.reports-insight p,.reports-summary-card p,.reports-parameter-grid em,.pond-row span,.master-table__row,.device-row,.user-table__row,.alerts-table__row,.threshold-row,.permission-row>span:first-child,.profile-hero p,.profile-hero span,.notification-list span,.profile-access-card span,.assignment-select__option,.invite-tags span,.toast span{font-weight:600}.ui-status-chip,.status-chip,.role-badge,.ui-filter-chip,.filter-chip,.invite-tags span,.button-count,.ui-button__count{border-radius:var(--radius-pill);letter-spacing:0;font-weight:600}.ui-status-chip,.status-chip{min-width:56px;min-height:26px;padding:0 10px}.role-badge{min-height:26px;padding:0 10px}.ui-filter-chip,.filter-chip,.pond-filter-panel button:not(.ui-button),.alerts-severity-tabs button,.parameter-tabs button,.range-selector button{font-weight:600}.ui-table-wrap,.user-table,.device-group-table,.master-table,.threshold-table,.alerts-table,.pond-list-table,.permission-matrix{border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fff}.ui-data-table th,.user-table__head,.device-group-table__head,.master-table__head,.threshold-table__head,.alerts-table__head,.pond-list-table__head,.permission-matrix__head,.device-group header{color:var(--color-navy-800);letter-spacing:0;background:#fbfdfe;font-weight:700}.ui-data-table td,.user-table__row,.device-row,.master-table__row,.threshold-row,.alerts-table__row,.pond-list-row,.permission-row{color:var(--color-muted);font-weight:500}.user-table__row strong,.device-row strong,.master-table__row strong,.alerts-title-cell strong,.pond-list-row__info strong,.permission-matrix__head strong,.notification-list strong,.profile-access-card strong{color:var(--color-text);font-weight:700}.user-actions button,.master-actions button,.device-row__actions button,.pond-list-row__actions a,.pond-list-row__actions button,.chart-card-actions button,.chart-card-actions a,.user-table__row>button,.threshold-row>button,.icon-button,.ui-icon-button{border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-navy-800);background:#fff;place-items:center;display:inline-grid}.user-actions button:hover,.master-actions button:hover,.device-row__actions button:hover,.pond-list-row__actions a:hover,.pond-list-row__actions button:hover,.chart-card-actions button:hover,.chart-card-actions a:hover,.user-table__row>button:hover,.threshold-row>button:hover,.icon-button:hover,.ui-icon-button:hover{background:var(--color-aqua-50);color:var(--color-teal-700);border-color:#99d3da}.pond-list-table{background:linear-gradient(#fbfdfefa,#fff 58%),#fff;border-color:#9ad5dcb8;box-shadow:0 18px 42px #00182a12}.pond-list-table__head{background:linear-gradient(#fbfdfe 0%,#f4fafb 100%);border-bottom-color:#d8e8efdb;min-height:56px}.pond-list-table__head>span{place-items:center;width:100%;min-height:100%;display:grid}.pond-list-row{background:linear-gradient(90deg,#eefbfb5c,#0000 34%),#fff;min-height:124px}.pond-list-row:hover{background:linear-gradient(90deg,#dff7f7b3,#0000 40%),#f8fcfd;box-shadow:inset 4px 0 #0aa9b780}.pond-photo--thumb{border-radius:var(--radius-card);border:3px solid #fff;width:94px;height:68px;box-shadow:inset 0 0 42px #00182a29,0 12px 24px #00182a1f}.pond-list-row__info a,.pond-list-row__info strong,.pond-list-row__time strong{overflow-wrap:anywhere;max-width:100%}.pond-list-row__info{gap:7px}.pond-list-row__info strong{min-height:24px;color:var(--color-navy-950);font-size:var(--font-size-lg);letter-spacing:0;justify-content:center;align-items:center;display:inline-flex}.pond-list-row__info a:hover strong{color:var(--color-teal-700)}.pond-list-row__info span{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:650;line-height:1.35}.pond-phi-badge{border:1px solid color-mix(in srgb, var(--pond-phi-color) 38%, var(--color-border));border-radius:var(--radius-card);background:linear-gradient(180deg, #fff 0%, var(--pond-phi-bg) 100%);gap:4px;width:62px;padding:6px;box-shadow:0 8px 18px #00182a0f}.pond-phi-badge strong{width:auto;height:auto;color:var(--color-text);box-shadow:none;background:0 0;border:0;border-radius:0;font-size:18px;line-height:1}.pond-phi-badge span{border-radius:var(--radius-pill);min-height:18px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pond-phi-color) 22%, transparent);background:#fff;justify-content:center;align-items:center;padding:0 7px;display:inline-flex}.pond-list-row>.ui-status-dot{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:#fff;width:max-content;min-height:30px;padding:0 12px;box-shadow:0 6px 14px #00182a0a}.pond-list-row__time{border-radius:var(--radius-pill);background:var(--color-gray-50);min-height:32px;padding:0 12px}.pond-list-row__actions a,.pond-list-row__actions button{border-color:#cfe3ec;width:36px;height:36px;box-shadow:0 8px 16px #00182a12}.pond-list-row__actions button:last-child{color:var(--status-critical)}.pond-list-row__actions button:last-child:hover{background:var(--color-red-50);color:var(--status-critical);border-color:#ffc9c7}.chart-frame,.chart-frame--large,.chart-sparkline,.phi-line-chart{border-radius:var(--radius-card);background:#fff;border:1px solid #e4eef3;min-width:0;overflow:hidden}.chart-frame,.chart-frame--large{padding:12px}.recharts-default-tooltip{border:1px solid var(--color-border)!important;border-radius:var(--radius-card)!important;box-shadow:var(--shadow-card)!important;color:var(--color-text)!important;font-size:var(--font-size-xs)!important;background:#fff!important;font-weight:600!important}.recharts-tooltip-label,.recharts-tooltip-item{font-weight:500!important}.dashboard-quality-grid{box-shadow:var(--shadow-soft)}.dashboard-quality-card{background:linear-gradient(#fff 0%,#fbfdfe 100%)}.quick-filters,.advanced-filters,.reports-filter-row,.user-filter-row,.connectivity-toolbar,.master-toolbar,.threshold-settings-toolbar,.pond-toolbar,.parameter-toolbar,.alerts-filter-card{gap:12px}.advanced-filters,.pond-filter-panel,.threshold-info-note,.export-notice,.reference-note{background:var(--color-aqua-50);box-shadow:var(--shadow-soft);border-color:#bfe4e8}.toast{border-radius:var(--radius-card);box-shadow:var(--shadow-card)}@media (width<=1120px){.app-layout{grid-template-columns:216px minmax(0,1fr)}.status-pill span{display:none}.content-grid{grid-template-columns:1fr}.dashboard-chart-grid,.dashboard-metric-grid,.dashboard-pond-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-quality-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-quality-card{border-bottom:1px solid #e4eef3}.dashboard-bottom-grid,.reports-detail-grid{grid-template-columns:1fr}.reports-filter-card.ui-card{grid-template-columns:repeat(3,minmax(0,1fr))}.reports-filter-card .ui-button{justify-content:center}.reports-context-card.ui-card{grid-template-columns:1fr}.reports-summary-grid,.reports-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-parameter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pond-list-table__head,.pond-list-row{grid-template-columns:minmax(70px,.48fr) minmax(148px,1.35fr) minmax(72px,.52fr) minmax(96px,.7fr) minmax(96px,.72fr) minmax(124px,.88fr);gap:8px;padding-left:12px;padding-right:12px}.pond-photo--thumb{width:68px;height:52px}.pond-list-row__actions{gap:6px}.pond-list-row__actions a,.pond-list-row__actions button{width:32px;height:32px}.pond-detail-summary-card.ui-card,.parameter-comparison-layout,.parameter-detail-top-grid{grid-template-columns:1fr}.sensor-reading-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.parameter-toolbar,.parameter-detail-toolbar{grid-template-columns:1fr 1fr}.parameter-filter-field--range,.parameter-date-fields,.parameter-toolbar .range-selector,.parameter-detail-toolbar .range-selector{grid-column:1/-1}.parameter-summary-grid,.threshold-grid,.alerts-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}.parameter-bottom-grid,.parameter-detail-bottom-grid{grid-template-columns:1fr}.alerts-filter-card{grid-template-columns:repeat(2,minmax(0,1fr))}.alerts-table__head,.alerts-table__row{grid-template-columns:104px minmax(190px,1fr) minmax(98px,.7fr) minmax(110px,.7fr) 98px 104px 92px 116px}.alert-meta-card.ui-card,.alert-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-detail-bottom-grid,.phi-main-grid,.phi-detail-grid,.phi-detail-score-card.ui-card{grid-template-columns:1fr}.phi-overview-grid,.phi-band-reference,.phi-recommendation-grid,.phi-weekly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phi-score-card.ui-card{grid-column:1/-1}.phi-breakdown-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.user-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-filter-row{grid-template-columns:1fr 1fr}.user-filter-row .ui-search-input{grid-column:1/-1}.user-table__head,.user-table__row{grid-template-columns:minmax(160px,1.1fr) minmax(190px,1.2fr) 108px minmax(122px,.8fr) 84px 88px 54px}.connectivity-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connectivity-toolbar{grid-template-columns:1fr 1fr}.connectivity-toolbar .ui-search-input{grid-column:1/-1}.device-group-table,.master-table{overflow-x:auto}.device-group-table__head,.device-row{min-width:880px}.master-table--farms .master-table__head,.master-table--farms .master-table__row{min-width:760px}.threshold-settings-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.threshold-table{overflow-x:auto}.threshold-table__head,.threshold-row{min-width:1080px}.offline-diagnostics>div:first-of-type{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.profile-form-card{grid-template-columns:1fr}.profile-form-card .ui-button{justify-self:stretch;width:100%}.toast-region{width:calc(100vw - 24px);bottom:82px;right:12px}.pwa-prompt{grid-template-columns:auto minmax(0,1fr);width:calc(100vw - 24px);bottom:82px;right:12px}.pwa-prompt__actions{grid-column:1/-1;justify-content:flex-end}}@media (width<=820px){.app-layout{background:#eef7fb;padding-bottom:76px;display:block}.sidebar{display:none}.topbar{background:linear-gradient(180deg, var(--color-teal-700), #00606b);color:#fff;justify-content:space-between;min-height:62px;padding:12px 14px}.topbar__mobile-brand{display:flex}.topbar__status,.user-menu{display:none}.icon-button{color:#fff;background:#ffffff1a;border-color:#ffffff3d}.icon-button--alert svg{color:#fff}.page-shell{padding:14px 12px}.dashboard-page{gap:12px}.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-header h1{font-size:var(--font-size-xl)}.dashboard-header p{font-size:var(--font-size-sm)}.page-heading{display:block}.page-heading h1{font-size:19px}.page-heading__actions{margin-top:12px}.quick-filters{grid-template-columns:1fr 1fr}.quick-filters .search-control{grid-area:1/1/auto/-1}.reference-heading,.detail-heading{gap:var(--space-3);display:grid}.reference-heading h1,.detail-heading h1{font-size:var(--font-size-xl)}.pond-toolbar{grid-template-columns:1fr auto}.pond-toolbar .ui-search-input{grid-area:1/1/auto/-1}.pond-list-controls{display:grid}.status-filter-row{flex-wrap:nowrap;padding-bottom:2px;display:flex;overflow-x:auto}.status-filter-row button{flex:none}.pond-list-view-actions{justify-content:flex-end}.pond-list-table{display:none}.pond-mobile-list{gap:var(--space-3);display:grid}.pond-mobile-card{align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);min-height:92px;box-shadow:var(--shadow-soft);background:#fff;grid-template-columns:78px minmax(0,1fr) auto;padding:10px;display:grid}.pond-photo--mobile{width:78px;height:62px}.pond-mobile-card strong{color:var(--color-text);font-size:var(--font-size-md);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.pond-mobile-card strong span{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:750}.pond-mobile-card small{color:var(--color-muted);font-size:var(--font-size-sm);margin-top:5px;font-weight:750;display:block}.pond-mobile-card__actions{grid-column:1/-1;justify-content:flex-end;gap:8px;padding-top:2px;display:flex}.pond-mobile-card__actions a,.pond-mobile-card__actions button{border:1px solid var(--color-border);border-radius:var(--radius-control);width:32px;height:32px;color:var(--color-navy-800);background:#fff;place-items:center;display:inline-grid}.pond-list-footer{display:grid}.pond-list-footer .ui-pagination{justify-content:start}.pond-photo--hero{min-height:188px}.sensor-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pond-additional-grid{grid-template-columns:1fr 1fr}.pond-additional-grid article,.pond-additional-grid a{border-bottom:1px solid #e4eef3}.mobile-detail-actions{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.parameter-tabs{gap:var(--space-2);padding-bottom:2px;display:flex;overflow-x:auto}.parameter-tabs button{min-width:70px}.parameter-toolbar,.parameter-detail-toolbar{grid-template-columns:1fr}.parameter-filter-field--range,.parameter-date-fields{grid-column:auto;grid-template-columns:1fr}.range-selector{grid-template-columns:repeat(6,minmax(48px,1fr));overflow-x:auto}.parameter-summary-grid,.parameter-bottom-grid,.parameter-detail-bottom-grid{grid-template-columns:1fr}.parameter-comparison-layout{gap:var(--space-3)}.compare-panel{grid-template-columns:1fr}.parameter-chart,.parameter-history-chart{height:290px}.parameter-detail-top-grid,.alerts-filter-card{grid-template-columns:1fr}.alerts-filter-card .ui-button{width:100%}.alerts-severity-tabs{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.alerts-severity-tabs button{flex:none}.alerts-table{display:none}.alerts-mobile-list{gap:var(--space-3);display:grid}.alerts-mobile-card{align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);min-height:88px;box-shadow:var(--shadow-soft);background:#fff;grid-template-columns:auto minmax(0,1fr) auto;padding:12px;display:grid}.alerts-mobile-card>div{gap:4px;display:grid}.alerts-mobile-card strong{color:var(--color-text);font-size:var(--font-size-sm)}.alerts-mobile-card span,.alerts-mobile-card small{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:700}.alerts-footer{display:grid}.alerts-footer .ui-pagination{justify-content:start}.alert-detail-heading>div{grid-template-columns:1fr auto}.alert-detail-heading>div>.ui-status-chip:first-child{grid-column:1;width:max-content}.alert-detail-heading>div>div{grid-area:2/1/auto/-1}.alert-meta-card.ui-card,.alert-detail-grid,.alert-detail-bottom-grid{grid-template-columns:1fr}.alert-comments article{grid-template-columns:34px minmax(0,1fr)}.alert-comments time{grid-column:2}.escalation-path{grid-template-columns:1fr}.escalation-path i{display:none}.phi-overview-grid,.phi-band-reference,.phi-recommendation-grid,.phi-weekly-grid,.phi-breakdown-grid,.phi-detail-score-card__meta{grid-template-columns:1fr 1fr}.phi-main-grid,.phi-detail-grid{grid-template-columns:1fr}.phi-ranking-table{overflow-x:auto}.phi-ranking-table>div,.phi-ranking-table>a{min-width:560px}.phi-line-chart{height:220px}.report-detail-page .reports-summary-grid,.report-detail-page .reports-parameter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-filter-row{grid-template-columns:1fr}.user-filter-row .ui-search-input{grid-column:auto}.user-table{display:none}.user-mobile-list{gap:var(--space-3);display:grid}.user-mobile-card{align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);min-height:76px;box-shadow:var(--shadow-soft);background:#fff;grid-template-columns:34px minmax(0,1fr) auto;padding:12px;display:grid}.user-mobile-card div{gap:3px;display:grid}.user-mobile-card span,.user-mobile-card small{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:700}.invite-panel{width:min(430px,100vw)}.connectivity-metric-grid,.connectivity-toolbar,.master-toolbar--split,.threshold-settings-toolbar{grid-template-columns:1fr}.connectivity-toolbar .ui-search-input{grid-column:auto}.device-group-table{display:none}.device-mobile-list{gap:var(--space-3);display:grid}.device-mobile-card{align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);min-height:76px;box-shadow:var(--shadow-soft);background:#fff;grid-template-columns:auto minmax(0,1fr) auto;padding:12px;display:grid}.device-mobile-card svg{color:var(--color-teal-700)}.device-mobile-card strong{color:var(--color-text);font-size:var(--font-size-sm);display:block}.device-mobile-card span,.device-mobile-card small{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:700}.diagnostic-list-grid,.offline-diagnostics>div:first-of-type{grid-template-columns:1fr}.profile-shell{margin:0}.threshold-table__head,.threshold-row{min-width:1080px}.advanced-filters{flex-direction:column;align-items:stretch}.reset-button{width:100%}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:96px;padding:14px}.metric-card strong{font-size:24px}.pond-row{grid-template-columns:64px minmax(0,1fr) auto}.pond-row__image{width:64px;height:48px}.pond-row .status-chip{width:max-content}.pond-row__badges{grid-column:2/3;justify-items:start}.gauge-stack{grid-template-columns:1fr}.dashboard-chart-grid,.dashboard-chart-grid__wide{grid-column:auto;grid-template-columns:1fr}.dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-metric{min-height:100px;padding:14px}.dashboard-metric strong{font-size:24px}.dashboard-metric svg{width:28px;height:28px}.dashboard-pond-grid,.dashboard-bottom-grid{grid-template-columns:1fr}.dashboard-pond-card{gap:10px;min-height:84px}.dashboard-pond-readings{grid-template-columns:repeat(3,max-content);gap:14px}.dashboard-quality-grid{grid-template-columns:repeat(5,minmax(118px,1fr));overflow-x:auto}.dashboard-quality-card{border-bottom:0;border-right:0;min-width:118px;min-height:126px;padding:10px 8px}.dashboard-quality-value strong{font-size:19px}.dashboard-quality-meta{grid-template-columns:1fr auto 1fr}.dashboard-quality-meta>span{display:inline}.dashboard-summary-card,.dashboard-breakdown{grid-template-columns:1fr;min-height:auto}.dashboard-breakdown__total{min-height:74px}.reports-heading{gap:var(--space-3);display:grid}.reports-filter-row{grid-template-columns:1fr;display:grid}.reports-filter-card.ui-card,.reports-context-meta{grid-template-columns:1fr}.reports-insight-grid,.reports-summary-grid,.reports-parameter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-filter-actions{flex-wrap:wrap;justify-content:flex-end}.chart-frame,.chart-frame--large{height:260px}.mobile-bottom-nav{z-index:30;border-top:1px solid var(--color-border);scrollbar-width:thin;scrollbar-color:#00748073 transparent;-webkit-overflow-scrolling:touch;background:#fffffff5;align-items:stretch;gap:2px;min-height:64px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:auto hidden;box-shadow:0 -12px 28px #00182a1a}.mobile-bottom-nav::-webkit-scrollbar{height:4px}.mobile-bottom-nav::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#00748073}.mobile-bottom-nav__item{color:#607683;text-align:center;flex:0 0 82px;align-content:center;place-items:center;gap:4px;min-width:82px;min-height:64px;padding:6px 4px;font-size:11px;font-weight:800;display:grid}.mobile-bottom-nav__item.active{color:var(--color-teal-700)}}@media (width<=760px){.login-card{grid-template-columns:1fr;width:min(430px,100%)}.login-card__media{min-height:240px;padding:30px}.login-card__media-content{margin-top:34px}.login-card__form{padding:34px 28px}}@media (width<=520px){.dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metric{align-items:flex-start}.dashboard-metric p{font-size:11px}.dashboard-section.ui-card,.ui-card{padding:12px}.dashboard-section .ui-card__header,.ui-card__header{align-items:center}.dashboard-section .ui-card__action .ui-button,.dashboard-bottom-grid .ui-card__action .ui-button{min-height:30px;padding:0 8px;font-size:11px}.dashboard-latest-packet{white-space:normal;flex-wrap:wrap;justify-content:flex-end}.reports-heading h1{font-size:var(--font-size-xl)}.reports-insight-grid,.reports-summary-grid{grid-template-columns:1fr 1fr;gap:10px}.reports-insight,.reports-summary-card{min-height:78px;padding:12px}.pond-toolbar{grid-template-columns:1fr}.pond-toolbar .ui-search-input{grid-area:auto}.pond-mobile-card{grid-template-columns:72px minmax(0,1fr) 58px;gap:10px}.pond-photo--mobile{width:72px;height:58px}.pond-phi-badge strong{width:42px;height:42px;font-size:var(--font-size-md)}.sensor-reading-grid,.pond-additional-grid,.threshold-grid,.alerts-snapshot{grid-template-columns:1fr}.sensor-reading-card{min-height:158px}.parameter-summary-card{min-height:88px;padding:13px}.parameter-summary-card strong{font-size:22px}.range-selector{grid-template-columns:repeat(3,minmax(0,1fr))}.range-selector button:nth-child(3n){border-right:0}.parameter-detail-summary article,.recent-alert-list article,.mobile-detail-actions{grid-template-columns:1fr}.alerts-mobile-card{grid-template-columns:1fr;align-items:stretch}.alerts-mobile-card .ui-status-chip{width:max-content}.alert-detail-heading>div{grid-template-columns:1fr}.alert-detail-heading>div>div{grid-area:auto}.alert-meta-card.ui-card,.phi-overview-grid,.phi-band-reference,.phi-recommendation-grid,.phi-weekly-grid,.phi-breakdown-grid,.phi-detail-score-card__meta{grid-template-columns:1fr}.alert-current-gauge{width:142px;height:142px}.alert-current-gauge span{top:84px}.phi-score-ring{width:62px;height:62px}.phi-score-ring small{top:37px}.phi-score-ring--large{width:132px;height:132px}.phi-score-ring--large small{top:80px}.report-detail-page .reports-summary-grid,.report-detail-page .reports-parameter-grid,.user-metric-grid{grid-template-columns:1fr}.user-mobile-card{grid-template-columns:34px minmax(0,1fr)}.user-mobile-card .ui-status-chip{grid-column:2;width:max-content}.invite-panel{width:100vw}.permission-legend{flex-wrap:wrap;justify-content:flex-start}.notification-list article,.profile-access-card article{grid-template-columns:auto minmax(0,1fr)}.notification-list article .preference-toggle,.profile-access-card article>svg:last-child{grid-column:2;justify-self:start}.master-form-grid{grid-template-columns:1fr}.threshold-info-note{align-items:flex-start}.reports-insight strong,.reports-summary-card strong{font-size:21px}.page-heading__actions{grid-template-columns:1fr 1fr;display:grid}.toolbar-button,.primary-button{width:100%}.quick-filters{grid-template-columns:1fr}.quick-filters .search-control{grid-row:auto}.metric-grid{gap:10px}.panel{padding:12px}.panel__header{align-items:center}.pond-row{grid-template-columns:58px minmax(0,1fr)}.pond-row>strong{grid-area:2/1/auto/2;width:42px;height:42px}.pond-row .status-chip{width:max-content}.pond-row__badges{grid-column:2/3}}