/* _content/iFarm.Cloud.App/Components/Dashboards/Dashboard.razor.rz.scp.css */
.dash-c[b-5ruk4lgqed] { --navy: #003767; --navy2: #0a4f8a; --sky: #61c3de; --sky2: #cfeef6; --ink: #212529; --mute: #6b7280; --line: #e6e9ee; --bg: #f7f5f5; color: var(--ink); }
.dash-c h2[b-5ruk4lgqed], .dash-c .big[b-5ruk4lgqed], .dash-c .kpi b[b-5ruk4lgqed], .dash-c .hero-stats b[b-5ruk4lgqed], .dash-c .sess .v[b-5ruk4lgqed], .dash-c .hv[b-5ruk4lgqed], .dash-c .tbl b[b-5ruk4lgqed], .dash-c .quality b[b-5ruk4lgqed], .dash-c .date b[b-5ruk4lgqed] { font-family: "Jura", "Segoe UI", sans-serif; }
.c-red[b-5ruk4lgqed] { color: #e80000; } .c-amber[b-5ruk4lgqed] { color: #d97706; } .c-cyan[b-5ruk4lgqed] { color: #2aa7c9; } .c-green[b-5ruk4lgqed] { color: #1a9c5b; }
.sc-hero[b-5ruk4lgqed] { display: grid; grid-template-columns: 1fr 380px; gap: 20px; background: linear-gradient(120deg, var(--navy) 0%, var(--navy2) 70%, #1b6fb0 100%); color: #fff; border-radius: 18px; padding: 26px 30px; margin-bottom: 18px; position: relative; overflow: hidden; }
.sc-hero[b-5ruk4lgqed]::before { content: ""; position: absolute; right: 340px; top: -120px; width: 320px; height: 320px; border-radius: 50%; border: 46px solid rgba(97,195,222,.18); }
.sc-hero[b-5ruk4lgqed]::after { content: ""; position: absolute; right: -80px; bottom: -160px; width: 300px; height: 300px; border-radius: 50%; background: rgba(97,195,222,.12); }
.hero-l[b-5ruk4lgqed], .hero-r[b-5ruk4lgqed] { position: relative; z-index: 1; }
.eyebrow[b-5ruk4lgqed] { color: var(--sky); font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; }
.big[b-5ruk4lgqed] { font-size: 3.4rem; font-weight: 700; line-height: 1.05; margin: 6px 0 14px; }
.big small[b-5ruk4lgqed] { font-size: 1.1rem; margin-left: 8px; color: var(--sky); font-weight: 500; }
.hero-stats[b-5ruk4lgqed] { display: grid; grid-template-columns: repeat(4, auto); gap: 26px; }
.hero-stats span[b-5ruk4lgqed] { display: block; font-size: .74rem; color: #b9d3e8; }
.hero-stats b[b-5ruk4lgqed] { font-size: 1.25rem; }
.hero-stats b.ok[b-5ruk4lgqed] { color: #9ff0b5; } .hero-stats b.bad[b-5ruk4lgqed] { color: #ffb3b3; }
.hero-r[b-5ruk4lgqed] { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 14px; padding: 14px 16px; }
.hero-h[b-5ruk4lgqed] { font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: var(--sky); font-weight: 600; margin-bottom: 6px; }
.sess[b-5ruk4lgqed] { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.sess:last-child[b-5ruk4lgqed] { border: 0; }
.sess b[b-5ruk4lgqed] { display: block; font-size: .92rem; } .sess span[b-5ruk4lgqed] { font-size: .74rem; color: #b9d3e8; }
.sess .v[b-5ruk4lgqed] { font-size: 1.25rem; font-weight: 700; } .sess .v small[b-5ruk4lgqed] { font-size: .75rem; color: var(--sky); }
.sess.total[b-5ruk4lgqed] { margin-top: 4px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.25); }
.sc-kpis[b-5ruk4lgqed] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 16px; }
.kpi[b-5ruk4lgqed] { background: #fff; border-radius: 14px; padding: 16px 18px; display: flex; gap: 14px; align-items: center; border-top: 3px solid var(--sky); box-shadow: 0 2px 10px rgba(0,55,103,.06); }
.kpi > i[b-5ruk4lgqed] { width: 46px; height: 46px; border-radius: 12px; background: var(--sky2); color: var(--navy); display: flex; align-items: center; justify-content: center; font-size: 1.3rem; flex: none; }
.kpi span[b-5ruk4lgqed] { display: block; font-size: .74rem; color: var(--mute); text-transform: uppercase; letter-spacing: .06em; }
.kpi b[b-5ruk4lgqed] { display: block; font-size: 1.55rem; color: var(--navy); line-height: 1.15; }
.kpi b small[b-5ruk4lgqed] { font-size: 1rem; color: var(--mute); }
.kpi em[b-5ruk4lgqed] { font-style: normal; font-size: .76rem; color: var(--mute); }
.kpi em.bad[b-5ruk4lgqed] { color: #e80000; }
.sc-grid[b-5ruk4lgqed] { display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px; }
.card[b-5ruk4lgqed] { background: #fff; border-radius: 14px; padding: 18px 20px; box-shadow: 0 2px 10px rgba(0,55,103,.06); border: 0; }
.s8[b-5ruk4lgqed] { grid-column: span 8; } .s4[b-5ruk4lgqed] { grid-column: span 4; }
.ch[b-5ruk4lgqed] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 2px solid var(--sky2); }
.ch h2[b-5ruk4lgqed] { font-size: .92rem; font-weight: 700; margin: 0; color: var(--navy); text-transform: uppercase; letter-spacing: .06em; }
.ch span[b-5ruk4lgqed], .ch a[b-5ruk4lgqed] { color: var(--mute); font-size: .78rem; } .ch a[b-5ruk4lgqed] { color: #2aa7c9; font-weight: 600; cursor: pointer; text-decoration: none; }
.live[b-5ruk4lgqed] { color: #1a9c5b !important; font-weight: 700; }
.list[b-5ruk4lgqed] { list-style: none; margin: 0; padding: 0; }
.list li[b-5ruk4lgqed] { display: flex; gap: 10px; align-items: flex-start; padding: 8px 0; border-bottom: 1px solid var(--line); }
.list li:last-child[b-5ruk4lgqed] { border: 0; }
.list li i[b-5ruk4lgqed] { font-size: 1.05rem; margin-top: 1px; }
.list b[b-5ruk4lgqed] { display: block; font-size: .88rem; font-weight: 600; } .list span[b-5ruk4lgqed] { color: var(--mute); font-size: .76rem; }
.dot[b-5ruk4lgqed] { width: 10px; height: 10px; border-radius: 50%; margin-top: 5px; flex: none; }
.lv-danger[b-5ruk4lgqed] { background: #e80000; } .lv-warning[b-5ruk4lgqed] { background: #f59e0b; } .lv-info[b-5ruk4lgqed] { background: var(--sky); } .lv-success[b-5ruk4lgqed] { background: #1a9c5b; }
.parlor[b-5ruk4lgqed] { display: grid; grid-template-columns: 1fr 1fr 90px; gap: 12px; align-items: center; padding: 9px 0; border-bottom: 1px solid var(--line); }
.parlor:last-child[b-5ruk4lgqed] { border: 0; }
.parlor .pl[b-5ruk4lgqed] { display: flex; align-items: center; gap: 8px; } .parlor .pl b[b-5ruk4lgqed] { font-size: .9rem; color: var(--navy); } .parlor .pl span[b-5ruk4lgqed] { font-size: .74rem; color: var(--mute); }
.parlor .pr[b-5ruk4lgqed] { text-align: right; } .parlor .pr b[b-5ruk4lgqed] { display: block; font-size: .9rem; } .parlor .pr span[b-5ruk4lgqed] { font-size: .7rem; color: var(--mute); }
.st[b-5ruk4lgqed] { width: 10px; height: 10px; border-radius: 50%; flex: none; }
.st.on[b-5ruk4lgqed] { background: #1a9c5b; box-shadow: 0 0 0 3px #d3f3e0; } .st.off[b-5ruk4lgqed] { background: #cbd5e1; }
.bar[b-5ruk4lgqed] { height: 8px; background: #eef2f6; border-radius: 999px; overflow: hidden; }
.bar i[b-5ruk4lgqed] { display: block; height: 100%; background: linear-gradient(90deg, var(--navy), var(--sky)); }
.tbl[b-5ruk4lgqed] { width: 100%; border-collapse: collapse; font-size: .88rem; }
.tbl td[b-5ruk4lgqed] { padding: 7px 4px; border-bottom: 1px solid var(--line); }
.tbl b[b-5ruk4lgqed] { color: var(--navy); } .tbl .mut[b-5ruk4lgqed] { color: var(--mute); font-size: .8rem; } .tbl .num[b-5ruk4lgqed] { text-align: right; font-variant-numeric: tabular-nums; }
.stalls[b-5ruk4lgqed] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.stall[b-5ruk4lgqed] { background: var(--bg); border-radius: 12px; padding: 10px 12px; border: 1px solid var(--line); }
.stall.alarm[b-5ruk4lgqed] { border-color: #f5b5b5; background: #fff4f4; }
.stall.idle[b-5ruk4lgqed] { opacity: .5; }
.stall .r1[b-5ruk4lgqed] { display: flex; justify-content: space-between; font-size: .78rem; color: var(--mute); } .stall .r1 b[b-5ruk4lgqed] { color: var(--navy); font-family: "Jura", sans-serif; }
.stall .bar[b-5ruk4lgqed] { margin: 8px 0; height: 6px; }
.stall.alarm .bar i[b-5ruk4lgqed] { background: #e80000; }
.stall .r2[b-5ruk4lgqed] { display: flex; justify-content: space-between; font-size: .74rem; color: var(--mute); font-variant-numeric: tabular-nums; }
.herd[b-5ruk4lgqed] { display: grid; grid-template-columns: 110px 1fr 70px; gap: 12px; align-items: center; padding: 9px 0; }
.herd b[b-5ruk4lgqed] { display: block; font-size: .9rem; color: var(--navy); } .herd span[b-5ruk4lgqed] { font-size: .74rem; color: var(--mute); }
.herd .hv[b-5ruk4lgqed] { text-align: right; font-size: 1rem; }
.quality[b-5ruk4lgqed] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.quality div[b-5ruk4lgqed] { background: var(--bg); border-radius: 12px; padding: 10px 12px; border-left: 3px solid var(--sky); }
.quality div.warn[b-5ruk4lgqed] { border-left-color: #f59e0b; background: #fff8e6; }
.quality span[b-5ruk4lgqed] { display: block; color: var(--mute); font-size: .74rem; } .quality b[b-5ruk4lgqed] { font-size: 1.05rem; color: var(--navy); }
.events[b-5ruk4lgqed] { list-style: none; margin: 0; padding: 0; }
.events li[b-5ruk4lgqed] { display: flex; gap: 12px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--line); }
.events li:last-child[b-5ruk4lgqed] { border: 0; }
.events .date[b-5ruk4lgqed] { width: 44px; text-align: center; background: var(--sky2); border-radius: 10px; padding: 4px 0; flex: none; }
.events .date b[b-5ruk4lgqed] { display: block; color: var(--navy); font-size: 1.05rem; line-height: 1.1; } .events .date span[b-5ruk4lgqed] { font-size: .62rem; color: var(--navy); }
.events li > div:last-child b[b-5ruk4lgqed] { display: block; font-size: .88rem; font-weight: 600; } .events li > div:last-child span[b-5ruk4lgqed] { color: var(--mute); font-size: .74rem; }
.dash-c[b-5ruk4lgqed]  .rz-tick-text { fill: #94a3b8; font-size: 11px; }
.dash-c[b-5ruk4lgqed]  .rz-grid-line { stroke: #eef2f6; }
@media (max-width: 1100px) { .sc-hero[b-5ruk4lgqed] { grid-template-columns: 1fr; } .sc-kpis[b-5ruk4lgqed] { grid-template-columns: repeat(2, 1fr); } .sc-grid > *[b-5ruk4lgqed] { grid-column: span 12; } .stalls[b-5ruk4lgqed] { grid-template-columns: repeat(2, 1fr); } }

/* Performance gauges (needle dials) */
.perf[b-5ruk4lgqed] { margin-bottom: 16px; }
.perf-grid[b-5ruk4lgqed] { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px 14px; }
@media (max-width: 1400px) { .perf-grid[b-5ruk4lgqed] { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) { .perf-grid[b-5ruk4lgqed] { grid-template-columns: repeat(2, 1fr); } }
/* _content/iFarm.Cloud.App/Components/Dashboards/PortfolioDashboard.razor.rz.scp.css */
/* Portfolio dashboard (Platform / SYLCO / reseller home); same visual language as the farm dashboard. Logical properties (RTL-safe). */
.pf[b-pa9deuz2mp] { --navy: #003767; --navy2: #0a4f8a; --sky: #61c3de; --sky2: #cfeef6; --mute: #6b7280; --line: #e6e9ee; color: #212529; }
.pf h2[b-pa9deuz2mp], .pf .kpi b[b-pa9deuz2mp], .pf .pf-stats b[b-pa9deuz2mp], .pf .tbl b[b-pa9deuz2mp], .pf .pulse b[b-pa9deuz2mp] { font-family: "Jura", "Segoe UI", sans-serif; }
.pf-hero[b-pa9deuz2mp] { display: grid; grid-template-columns: 1fr 300px; gap: 20px; background: linear-gradient(120deg, var(--navy) 0%, var(--navy2) 70%, #1b6fb0 100%); color: #fff; border-radius: 18px; padding: 26px 30px; margin-block-end: 18px; position: relative; overflow: hidden; }
.eyebrow[b-pa9deuz2mp] { color: var(--sky); font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; }
.pf-hello[b-pa9deuz2mp] { font-size: 1.7rem; font-weight: 700; margin: 6px 0 16px; color: #fff; }
.pf-stats[b-pa9deuz2mp] { display: grid; grid-template-columns: repeat(4, auto); gap: 30px; justify-content: start; }
.pf-stats span[b-pa9deuz2mp] { display: block; font-size: .74rem; color: #b9d3e8; }
.pf-stats b[b-pa9deuz2mp] { font-size: 1.9rem; line-height: 1.1; }
.pf-r[b-pa9deuz2mp] { background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); border-radius: 14px; padding: 16px 18px; display: flex; gap: 12px; align-items: center; }
.pf-r i[b-pa9deuz2mp] { font-size: 2rem; color: var(--sky); }
.pf-r p[b-pa9deuz2mp] { margin: 0; font-size: .84rem; color: #d7e6f3; }
.pf-kpis[b-pa9deuz2mp] { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 16px; margin-block-end: 16px; }
.kpi[b-pa9deuz2mp] { background: #fff; border-radius: 14px; padding: 16px 18px; display: flex; gap: 14px; align-items: center; border-block-start: 3px solid var(--sky); box-shadow: 0 2px 10px rgba(0, 55, 103, .06); text-decoration: none; color: inherit; }
a.kpi[href]:hover[b-pa9deuz2mp] { box-shadow: 0 6px 18px rgba(0, 55, 103, .14); }
.kpi > i[b-pa9deuz2mp] { inline-size: 46px; block-size: 46px; border-radius: 12px; background: var(--sky2); color: var(--navy); display: flex; align-items: center; justify-content: center; font-size: 1.3rem; flex: none; }
.kpi span[b-pa9deuz2mp] { display: block; font-size: .74rem; color: var(--mute); text-transform: uppercase; letter-spacing: .06em; }
.kpi b[b-pa9deuz2mp] { display: block; font-size: 1.55rem; color: var(--navy); line-height: 1.15; }
.kpi em[b-pa9deuz2mp] { font-style: normal; font-size: .76rem; color: var(--mute); }
.kpi em.warn[b-pa9deuz2mp] { color: #d97706; }
.pf-grid[b-pa9deuz2mp] { display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px; margin-block-end: 18px; }
.pf-card[b-pa9deuz2mp] { background: #fff; border-radius: 14px; padding: 18px 20px; box-shadow: 0 2px 10px rgba(0, 55, 103, .06); border: 0; }
.pf-pulse[b-pa9deuz2mp] { margin-block-end: 16px; }
.s12[b-pa9deuz2mp] { grid-column: span 12; } .s7[b-pa9deuz2mp] { grid-column: span 7; } .s5[b-pa9deuz2mp] { grid-column: span 5; }
.ch[b-pa9deuz2mp] { display: flex; justify-content: space-between; align-items: center; margin-block-end: 12px; padding-block-end: 8px; border-block-end: 2px solid var(--sky2); }
.ch h2[b-pa9deuz2mp] { font-size: .92rem; font-weight: 700; margin: 0; color: var(--navy); text-transform: uppercase; letter-spacing: .06em; }
.ch span[b-pa9deuz2mp], .ch a[b-pa9deuz2mp] { color: var(--mute); font-size: .78rem; } .ch a[b-pa9deuz2mp] { color: #2aa7c9; font-weight: 600; text-decoration: none; }
.tbl[b-pa9deuz2mp] { inline-size: 100%; border-collapse: collapse; font-size: .88rem; }
.tbl th[b-pa9deuz2mp] { text-align: start; font-size: .7rem; text-transform: uppercase; letter-spacing: .05em; color: var(--mute); font-weight: 600; padding: 4px; border-block-end: 1px solid var(--line); }
.tbl td[b-pa9deuz2mp] { padding: 8px 4px; border-block-end: 1px solid var(--line); }
.tbl tr:last-child td[b-pa9deuz2mp] { border: 0; }
.tbl b[b-pa9deuz2mp] { color: var(--navy); } .tbl a[b-pa9deuz2mp] { text-decoration: none; }
.tbl .mut[b-pa9deuz2mp] { color: var(--mute); font-size: .8rem; }
.tbl .num[b-pa9deuz2mp], .tbl th.num[b-pa9deuz2mp] { text-align: end; font-variant-numeric: tabular-nums; }
.tbl tr.off[b-pa9deuz2mp] { opacity: .55; }
.st[b-pa9deuz2mp] { display: inline-block; inline-size: 10px; block-size: 10px; border-radius: 50%; }
.st.on[b-pa9deuz2mp] { background: #1a9c5b; box-shadow: 0 0 0 3px #d3f3e0; } .st.off[b-pa9deuz2mp] { background: #cbd5e1; }
.more[b-pa9deuz2mp] { margin-block-start: 8px; font-size: .78rem; color: var(--mute); }
.pulse[b-pa9deuz2mp] { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.pulse a[b-pa9deuz2mp] { background: #f7f5f5; border-radius: 12px; padding: 10px 12px; border-inline-start: 3px solid var(--sky); text-decoration: none; color: inherit; }
.pulse a:hover[b-pa9deuz2mp] { background: #e6f5fa; }
.pulse a.bad[b-pa9deuz2mp] { border-inline-start-color: #e80000; background: #fff4f4; }
.pulse a.warn[b-pa9deuz2mp] { border-inline-start-color: #f59e0b; background: #fff8e6; }
.pulse span[b-pa9deuz2mp] { display: block; color: var(--mute); font-size: .74rem; }
.pulse b[b-pa9deuz2mp] { font-size: 1.2rem; color: var(--navy); }
.pf[b-pa9deuz2mp]  .rz-tick-text { fill: #94a3b8; font-size: 11px; }
.pf[b-pa9deuz2mp]  .rz-grid-line { stroke: #eef2f6; }
.pf-stats b small[b-pa9deuz2mp], .kpi b small[b-pa9deuz2mp] { font-size: .55em; font-weight: 500; opacity: .75; }
.kpi em.ok[b-pa9deuz2mp] { color: #1a9c5b; } .kpi em.bad[b-pa9deuz2mp] { color: #e80000; }
.kpi.alert[b-pa9deuz2mp] { border-block-start-color: #f59e0b; } .kpi.alert > i[b-pa9deuz2mp] { background: #fff3d6; color: #b45309; }
.s8[b-pa9deuz2mp] { grid-column: span 8; } .s4[b-pa9deuz2mp] { grid-column: span 4; }
.bar-row[b-pa9deuz2mp] { display: grid; grid-template-columns: minmax(90px, 38%) 1fr 54px; gap: 10px; align-items: center; padding: 6px 0; font-size: .86rem; }
.bar-row .nm[b-pa9deuz2mp] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bar-row b[b-pa9deuz2mp] { text-align: end; color: var(--navy); font-variant-numeric: tabular-nums; }
.bar[b-pa9deuz2mp] { block-size: 8px; background: #eef2f6; border-radius: 999px; overflow: hidden; }
.bar i[b-pa9deuz2mp] { display: block; block-size: 100%; background: linear-gradient(90deg, var(--navy), var(--sky)); border-radius: 999px; }
.bar i.bad[b-pa9deuz2mp] { background: #e80000; } .bar i.dim[b-pa9deuz2mp] { background: #94a3b8; }
.quality[b-pa9deuz2mp] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.quality div[b-pa9deuz2mp] { background: #f7f5f5; border-radius: 12px; padding: 10px 12px; border-inline-start: 3px solid var(--sky); }
.quality div.warn[b-pa9deuz2mp] { border-inline-start-color: #f59e0b; background: #fff8e6; }
.quality div.bad[b-pa9deuz2mp] { border-inline-start-color: #e80000; background: #fff4f4; }
.quality span[b-pa9deuz2mp] { display: block; color: var(--mute); font-size: .74rem; } .quality b[b-pa9deuz2mp] { font-size: 1.1rem; color: var(--navy); }
.note[b-pa9deuz2mp] { margin: 10px 0 0; font-size: .74rem; color: var(--mute); }
.tbl td.late[b-pa9deuz2mp] { color: #e80000; font-weight: 600; font-size: .8rem; }
.pill[b-pa9deuz2mp] { display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: .72rem; font-weight: 600; }
.pill.live[b-pa9deuz2mp] { background: #d3f3e0; color: #0f6b3d; } .pill.idle[b-pa9deuz2mp] { background: #fde2e2; color: #a40000; }
@media (max-width: 1100px) { .pf-hero[b-pa9deuz2mp] { grid-template-columns: 1fr; } .pf-stats[b-pa9deuz2mp] { grid-template-columns: repeat(2, auto); gap: 16px 30px; } .pf-grid > *[b-pa9deuz2mp] { grid-column: span 12; } }
/* _content/iFarm.Cloud.App/Components/Layout/AuthLayout.razor.rz.scp.css */
/* SYLCO brand: navy #003767, sky #61C3DE */
.auth-page[b-t6fdxu5wil] { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px;
  background: radial-gradient(circle at 20% 20%, #0a4f8a 0%, #003767 45%, #022241 100%); font-family: "Segoe UI", system-ui, sans-serif; position: relative; overflow: hidden; }
.auth-page[b-t6fdxu5wil]::before { content: ""; position: absolute; width: 520px; height: 520px; border-radius: 50%; border: 70px solid rgba(97,195,222,.12); right: -160px; top: -200px; }
.auth-page[b-t6fdxu5wil]::after { content: ""; position: absolute; width: 380px; height: 380px; border-radius: 50%; background: rgba(97,195,222,.08); left: -120px; bottom: -160px; }
.auth-page[b-t6fdxu5wil]  .auth-wrap { position: relative; z-index: 1; width: 100%; max-width: 420px; }
.auth-page[b-t6fdxu5wil]  .auth-brand { text-align: center; margin-bottom: 18px; }
.auth-page[b-t6fdxu5wil]  .auth-brand img { background: #fff; border-radius: 14px; padding: 12px 18px; max-width: 240px; }
.auth-page[b-t6fdxu5wil]  .auth-product { color: #fff; font-family: "Jura", "Segoe UI", sans-serif; font-weight: 700; font-size: 1.6rem; margin-top: 12px; letter-spacing: .02em; }
.auth-page[b-t6fdxu5wil]  .auth-product span { color: #61c3de; }
.auth-page[b-t6fdxu5wil]  .auth-tag { color: #8fd3e8; font-size: .7rem; letter-spacing: .16em; text-transform: uppercase; font-family: "Jura", sans-serif; font-weight: 600; }
.auth-page[b-t6fdxu5wil]  .auth-card { background: #fff; border-radius: 16px; padding: 26px 28px; box-shadow: 0 24px 60px rgba(0,0,0,.35); border-top: 4px solid #61c3de; }
.auth-page[b-t6fdxu5wil]  .auth-card h1 { font-family: "Jura", "Segoe UI", sans-serif; font-size: 1.35rem; font-weight: 700; color: #003767; margin: 0 0 4px; text-transform: uppercase; letter-spacing: .05em; }
.auth-page[b-t6fdxu5wil]  .auth-sub { color: #6b7280; font-size: .88rem; margin: 0 0 18px; }
.auth-page[b-t6fdxu5wil]  .auth-field { margin-bottom: 14px; }
.auth-page[b-t6fdxu5wil]  .auth-field label { display: block; font-size: .8rem; font-weight: 600; color: #003767; margin-bottom: 4px; text-transform: uppercase; letter-spacing: .05em; }
.auth-page[b-t6fdxu5wil]  .auth-field .form-control { width: 100%; border: 1px solid #d7dde5; border-radius: 10px; padding: 10px 12px; font-size: .95rem; }
.auth-page[b-t6fdxu5wil]  .auth-field .form-control:focus { outline: none; border-color: #61c3de; box-shadow: 0 0 0 3px rgba(97,195,222,.25); }
.auth-page[b-t6fdxu5wil]  .auth-val { display: block; color: #e80000; font-size: .78rem; margin-top: 3px; }
.auth-page[b-t6fdxu5wil]  .auth-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.auth-page[b-t6fdxu5wil]  .auth-check { font-size: .88rem; color: #374151; display: flex; gap: 6px; align-items: center; }
.auth-page[b-t6fdxu5wil]  .auth-btn { width: 100%; background: #003767; color: #fff; border: 0; border-radius: 10px; padding: 11px; font-weight: 600; font-size: .95rem; cursor: pointer; }
.auth-page[b-t6fdxu5wil]  .auth-btn:hover { background: #0a4f8a; }
.auth-page[b-t6fdxu5wil]  .auth-error { background: #fff0f0; color: #b91c1c; border: 1px solid #f5b5b5; border-radius: 10px; padding: 8px 12px; font-size: .85rem; margin-bottom: 12px; }
.auth-page[b-t6fdxu5wil]  .auth-foot { text-align: center; color: #8fb3cf; font-size: .75rem; margin-top: 16px; }
/* _content/iFarm.Cloud.App/Components/Layout/MainLayout.razor.rz.scp.css */
/* SYLCO brand: navy #003767, sky #61C3DE, off-white #F7F5F5, Jura typeface. Logical properties where direction matters (RTL build). */
.sc[b-vpmdfhzxk1] { min-height: 100vh; display: flex; background: #f7f5f5; color: #212529; font-family: "Segoe UI", system-ui, sans-serif; }
.sc-side[b-vpmdfhzxk1] { width: 250px; background: #003767; color: #fff; display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh; flex: none; }
.sc-logo[b-vpmdfhzxk1] { background: #fff; padding: 18px 22px; display: block; }
.sc-logo img[b-vpmdfhzxk1] { width: 100%; max-height: 54px; object-fit: contain; display: block; }
.sc-tag[b-vpmdfhzxk1] { color: #8fd3e8; font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; padding: 14px 22px 6px; font-family: "Jura", sans-serif; font-weight: 600; }
.sc-menu[b-vpmdfhzxk1] { display: flex; flex-direction: column; padding: 4px 12px; gap: 1px; overflow-y: auto; }
.sc-sec[b-vpmdfhzxk1] { color: #8fd3e8; font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; padding: 12px 12px 4px; font-family: "Jura", sans-serif; font-weight: 600; }
.sc-menu[b-vpmdfhzxk1]  a { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 10px; color: #e6eef7; text-decoration: none; font-size: .95rem; font-weight: 500; position: relative; }
.sc-menu[b-vpmdfhzxk1]  a i { width: 20px; text-align: center; font-size: 1.05rem; color: #61c3de; }
.sc-menu[b-vpmdfhzxk1]  a:hover { background: rgba(255,255,255,.07); color: #fff; }
.sc-menu[b-vpmdfhzxk1]  a.active { background: rgba(97,195,222,.22); color: #fff; font-weight: 700; }
.sc-menu[b-vpmdfhzxk1]  a.active::before { content: ""; position: absolute; inset-inline-start: -12px; top: 8px; bottom: 8px; width: 4px; border-start-end-radius: 4px; border-end-end-radius: 4px; background: #61c3de; }
.sc-body[b-vpmdfhzxk1] { flex: 1; min-width: 0; }
.sc-top[b-vpmdfhzxk1] { height: 64px; background: #fff; border-bottom: 3px solid #61c3de; display: flex; align-items: center; justify-content: space-between; padding: 0 28px; position: sticky; top: 0; z-index: 50; }
.sc-left[b-vpmdfhzxk1] { display: flex; align-items: center; gap: 14px; }
.sc-farm[b-vpmdfhzxk1] { font-weight: 600; color: #003767; }
/* The path of the selected farm (SYLCO › reseller › customer) sits on a small line above the farm switcher. */
.sc-where[b-vpmdfhzxk1] { display: flex; flex-direction: column; justify-content: center; gap: 2px; min-width: 0; }
.sc-path[b-vpmdfhzxk1] { display: flex; align-items: center; gap: 4px; font-size: .72rem; line-height: 1.1; color: #6b7280; white-space: nowrap; max-width: 420px; overflow: hidden; }
.sc-path-form[b-vpmdfhzxk1] { display: inline; margin: 0; }
.sc-crumb[b-vpmdfhzxk1] { border: 0; background: transparent; padding: 0; color: #6b7280; font-weight: 600; text-decoration: none; overflow: hidden; text-overflow: ellipsis; }
a.sc-crumb[b-vpmdfhzxk1], button.sc-crumb[b-vpmdfhzxk1] { color: #0a4f8a; cursor: pointer; }
a.sc-crumb:hover[b-vpmdfhzxk1], button.sc-crumb:hover[b-vpmdfhzxk1] { text-decoration: underline; }
.sc-sep[b-vpmdfhzxk1] { font-size: .6rem; color: #9aa3ad; flex: none; }
.sc-date[b-vpmdfhzxk1] { color: #6b7280; font-size: .88rem; }
.sc-right[b-vpmdfhzxk1] { display: flex; align-items: center; gap: 14px; }
.sc-select[b-vpmdfhzxk1] { border: 1px solid #e6e9ee; border-radius: 10px; padding: 6px 10px; font-size: .85rem; background: #fff; color: #003767; font-weight: 600; max-width: 220px; }
.sc-user[b-vpmdfhzxk1] { display: flex; align-items: center; gap: 10px; font-size: .88rem; }
.sc-user span[b-vpmdfhzxk1] { text-align: end; line-height: 1.15; } .sc-user small[b-vpmdfhzxk1] { display: block; font-size: .7rem; color: #6b7280; }
.sc-user .av[b-vpmdfhzxk1] { width: 36px; height: 36px; border-radius: 50%; background: #003767; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: .8rem; border: 2px solid #61c3de; }
.sc-logout[b-vpmdfhzxk1] { border: 1px solid #e6e9ee; background: #fff; color: #003767; border-radius: 10px; width: 36px; height: 36px; }
.sc-logout:hover[b-vpmdfhzxk1] { background: #fff0f0; color: #e80000; border-color: #f5b5b5; }
.sc-main[b-vpmdfhzxk1] { padding: 24px 28px 70px; }
.sc-h1[b-vpmdfhzxk1] { font-family: "Jura", "Segoe UI", sans-serif; font-size: 1.45rem; font-weight: 700; color: #003767; margin: 0 0 18px; text-transform: uppercase; letter-spacing: .04em; }
.sc-foot[b-vpmdfhzxk1] { margin-top: 28px; text-align: center; color: #6b7280; font-size: .78rem; }
.sc-foot b[b-vpmdfhzxk1] { color: #003767; }
/* Re-skin Bootstrap/AdminLTE bits used by the pages */
.sc[b-vpmdfhzxk1]  .btn-primary { --bs-btn-bg: #003767; --bs-btn-border-color: #003767; --bs-btn-hover-bg: #0a4f8a; --bs-btn-hover-border-color: #0a4f8a; --bs-btn-active-bg: #002a4f; --bs-btn-active-border-color: #002a4f; }
.sc[b-vpmdfhzxk1]  .btn-outline-primary { --bs-btn-color: #003767; --bs-btn-border-color: #9fd6e6; --bs-btn-hover-bg: #e6f5fa; --bs-btn-hover-color: #003767; --bs-btn-hover-border-color: #61c3de; }
.sc[b-vpmdfhzxk1]  .btn-success { --bs-btn-bg: #1a9c5b; --bs-btn-border-color: #1a9c5b; }
.sc[b-vpmdfhzxk1]  .card { border: 0; border-radius: 14px; box-shadow: 0 2px 10px rgba(0,55,103,.06); }
.sc[b-vpmdfhzxk1]  .card-header { background: transparent; border-bottom: 2px solid #cfeef6; }
.sc[b-vpmdfhzxk1]  .card-title { color: #003767; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; font-size: .9rem; font-family: "Jura", "Segoe UI", sans-serif; }
.sc[b-vpmdfhzxk1]  .small-box { border-radius: 14px; }
.sc[b-vpmdfhzxk1]  .small-box.text-bg-primary { background-color: #003767 !important; }
.sc[b-vpmdfhzxk1]  .small-box.text-bg-info { background-color: #61c3de !important; color: #003767 !important; }
.sc[b-vpmdfhzxk1]  .table thead th { color: #003767; text-transform: uppercase; font-size: .75rem; letter-spacing: .05em; }
/* Content links only: buttons rendered as links keep their own Bootstrap colours (white text on navy). */
.sc-main[b-vpmdfhzxk1]  a:not(.btn) { color: #0a4f8a; }
.sc[b-vpmdfhzxk1]  .nav-link.active, .sc[b-vpmdfhzxk1]  .list-group-item.active { background-color: #003767; border-color: #003767; color: #fff; }
/* Mobile / tablet: off-canvas drawer (slides in from the start edge) */
.sc-burger[b-vpmdfhzxk1] { display: none; border: 1px solid #e6e9ee; background: #fff; color: #003767; border-radius: 10px; width: 38px; height: 38px; font-size: 1.25rem; line-height: 1; }
.sc-overlay[b-vpmdfhzxk1] { position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 55; }
/* The date gives its place to the search box and the path before the header gets crowded. */
@media (max-width: 1500px) { .sc-date[b-vpmdfhzxk1] { display: none; } }
@media (max-width: 1100px) {
  .sc-burger[b-vpmdfhzxk1] { display: inline-flex; align-items: center; justify-content: center; }
  .sc-side[b-vpmdfhzxk1] { position: fixed; inset-inline-start: 0; top: 0; height: 100vh; z-index: 60; transform: translateX(-100%); transition: transform .2s ease; box-shadow: 0 0 40px rgba(0,0,0,.4); }
  [dir="rtl"] .sc-side[b-vpmdfhzxk1] { transform: translateX(100%); }
  .sc-side.open[b-vpmdfhzxk1], [dir="rtl"] .sc-side.open[b-vpmdfhzxk1] { transform: translateX(0); }
  .sc-date[b-vpmdfhzxk1] { display: none; }
  .sc-main[b-vpmdfhzxk1] { padding: 18px 14px 60px; }
}

/* Phones: one header row without sideways scrolling (menu, farm, language, bell, avatar, sign-out);
   the user's name and level stay behind the avatar (account settings). */
@media (max-width: 600px) {
  .sc-top[b-vpmdfhzxk1] { padding: 0 10px; }
  .sc-left[b-vpmdfhzxk1], .sc-right[b-vpmdfhzxk1] { gap: 8px; }
  .sc-user span[b-vpmdfhzxk1] { display: none; }
  .sc-select[b-vpmdfhzxk1] { max-width: 130px; }
  .sc-farm[b-vpmdfhzxk1] { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .sc-path[b-vpmdfhzxk1] { display: none; }   /* a phone keeps the one-row header: the switcher alone */
  /* With the quick search (users of several farms) the row is: menu, farm, search, bell, avatar, sign-out.
     The language switch gives its place to the search; the language is also set in "Οι ρυθμίσεις μου". */
  .sc-top[b-vpmdfhzxk1] { gap: 8px; }
  .sc-top.has-qs[b-vpmdfhzxk1]  .lang-dd { display: none; }
  .sc-top.has-qs .sc-select[b-vpmdfhzxk1] { max-width: 112px; }
}

/* Farm switch form, user link, stale-claim banner */
.sc-farm-form[b-vpmdfhzxk1] { display: inline; margin: 0; }
a.sc-user[b-vpmdfhzxk1] { text-decoration: none; color: inherit; }
.sc-stale[b-vpmdfhzxk1] { position: fixed; inset-inline: 0; bottom: 0; z-index: 2000; }

/* Support session banner ("signed in as ..."): always visible above the header. */
.sc-imp[b-vpmdfhzxk1] { position: sticky; top: 0; z-index: 51; min-block-size: 40px; display: flex; align-items: center; gap: 12px; padding: 6px 28px; background: #b45309; color: #fff; font-size: .88rem; font-weight: 600; }
.sc-imp .tx[b-vpmdfhzxk1] { flex: 1; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-imp form[b-vpmdfhzxk1] { margin: 0; flex: none; }
.sc-imp button[b-vpmdfhzxk1] { border: 1px solid rgba(255, 255, 255, .7); background: #fff; color: #92400e; border-radius: 8px; padding: 4px 12px; font-size: .82rem; font-weight: 700; white-space: nowrap; }
.sc-imp button:hover[b-vpmdfhzxk1] { background: #fff7ed; }
.sc-body.imp .sc-top[b-vpmdfhzxk1] { top: 40px; }
@media (max-width: 1100px) { .sc-imp[b-vpmdfhzxk1] { padding-inline: 14px; } }
/* _content/iFarm.Cloud.App/Components/Layout/QuickSearchBox.razor.rz.scp.css */
/* Quick search of the page header. Wide screens: a box in the header with the results under it.
   Narrow screens (below 1250px): a magnifier button; the box opens as a row under the header.
   Logical properties only (RTL build). */
.qs[b-p0ubbmuqdu] { position: relative; display: flex; align-items: center; }
.qs-toggle[b-p0ubbmuqdu] { display: none; border: 1px solid #e6e9ee; background: #fff; color: #003767; border-radius: 10px; width: 36px; height: 36px; flex: none; }
.qs-toggle:hover[b-p0ubbmuqdu] { background: #e6f5fa; border-color: #61c3de; }
.qs-box[b-p0ubbmuqdu] { position: relative; z-index: 2; display: flex; align-items: center; }
.qs-icon[b-p0ubbmuqdu] { position: absolute; inset-inline-start: 11px; color: #6b7280; font-size: .9rem; pointer-events: none; }
.qs-input[b-p0ubbmuqdu] { inline-size: 250px; block-size: 36px; border: 1px solid #e6e9ee; border-radius: 10px; padding: 0 10px; padding-inline-start: 32px; font-size: .88rem; color: #212529; background: #f7f5f5; outline: none; }
.qs-input[b-p0ubbmuqdu]::placeholder { color: #8a909a; }
.qs-input:focus[b-p0ubbmuqdu] { border-color: #61c3de; background: #fff; box-shadow: 0 0 0 3px rgba(97, 195, 222, .25); }
/* Catches the click outside the box (closes it); the box and its results stay above it. */
.qs-backdrop[b-p0ubbmuqdu] { position: fixed; inset: 0; z-index: 1; }
.qs-panel[b-p0ubbmuqdu] { position: absolute; inset-block-start: calc(100% + 8px); inset-inline-end: 0; inline-size: 460px; max-inline-size: calc(100vw - 24px); max-block-size: min(70vh, 560px); overflow-y: auto; background: #fff; border: 1px solid #e6e9ee; border-radius: 14px; box-shadow: 0 18px 40px rgba(0, 55, 103, .22); padding: 6px; }
.qs-sec[b-p0ubbmuqdu] { font-family: "Jura", "Segoe UI", sans-serif; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; color: #6b7280; font-weight: 700; padding: 8px 10px 4px; }
.qs-form[b-p0ubbmuqdu] { margin: 0; }
.qs-item[b-p0ubbmuqdu] { display: flex; align-items: center; gap: 10px; inline-size: 100%; border: 0; background: transparent; text-align: start; padding: 8px 10px; border-radius: 10px; color: #212529; text-decoration: none; font-size: .9rem; line-height: 1.25; }
.qs-item:hover[b-p0ubbmuqdu], .qs-item:focus-visible[b-p0ubbmuqdu] { background: #e6f5fa; outline: none; }
.qs-item > i[b-p0ubbmuqdu] { color: #61c3de; font-size: 1rem; flex: none; }
.qs-main[b-p0ubbmuqdu] { flex: 1; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #6b7280; }
.qs-main b[b-p0ubbmuqdu] { color: #003767; font-weight: 700; }
.qs-where[b-p0ubbmuqdu] { flex: none; max-inline-size: 46%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .78rem; color: #6b7280; }
.qs-note[b-p0ubbmuqdu], .qs-more[b-p0ubbmuqdu] { padding: 10px 12px; color: #6b7280; font-size: .85rem; }
.qs-more[b-p0ubbmuqdu] { border-block-start: 1px solid #eef1f4; margin-block-start: 4px; font-size: .78rem; }

@media (max-width: 1250px) {
  .qs[b-p0ubbmuqdu] { position: static; }
  .qs-toggle[b-p0ubbmuqdu] { display: inline-flex; align-items: center; justify-content: center; }
  .qs-box[b-p0ubbmuqdu] { display: none; }
  /* Positioned against the sticky header (.sc-top), so it sits right under it, banner or not. */
  .qs.open .qs-box[b-p0ubbmuqdu] { display: flex; position: absolute; inset-block-start: calc(100% + 3px); inset-inline: 0; padding: 8px 12px; background: #fff; border-block-end: 1px solid #e6e9ee; box-shadow: 0 10px 24px rgba(0, 55, 103, .14); }
  .qs.open .qs-input[b-p0ubbmuqdu] { inline-size: 100%; flex: 1; }
  .qs.open .qs-icon[b-p0ubbmuqdu] { inset-inline-start: 23px; }
  .qs-panel[b-p0ubbmuqdu] { inset-block-start: 100%; inset-inline: 12px; inline-size: auto; max-inline-size: none; }
}
/* _content/iFarm.Cloud.App/Components/Observability/AuditDetail.razor.rz.scp.css */
/* Detail panes of the observability pages (same look as LogDetail); logical properties only (RTL-safe). */
.ob-detail[b-ij1a3yswfw] { font-size: .9rem; }
.ob-message[b-ij1a3yswfw] { font-size: 1rem; font-weight: 600; color: #003767; white-space: pre-wrap; overflow-wrap: anywhere; }
.ob-h[b-ij1a3yswfw] { font-family: "Jura", "Segoe UI", sans-serif; font-size: .8rem; font-weight: 700; color: #003767; text-transform: uppercase; letter-spacing: .05em; margin: 14px 0 6px; }
.ob-fields[b-ij1a3yswfw] { display: grid; grid-template-columns: minmax(110px, max-content) 1fr; column-gap: 12px; row-gap: 4px; margin: 0; }
.ob-fields dt[b-ij1a3yswfw] { color: #6b7c8f; font-weight: 500; }
.ob-fields dd[b-ij1a3yswfw] { margin: 0; min-width: 0; }
.ob-pre[b-ij1a3yswfw] { background: #f3f6f9; border: 1px solid #dde4ea; border-radius: 8px; padding: 8px 10px; font-size: .78rem; max-height: 320px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; margin: 0; direction: ltr; text-align: left; }
.ob-changes th[b-ij1a3yswfw] { color: #6b7c8f; font-weight: 500; }
.ob-changes tbody th[b-ij1a3yswfw] { white-space: nowrap; }
.ob-old[b-ij1a3yswfw] { color: #9b1c1c; }
.ob-new[b-ij1a3yswfw] { color: #14653a; }
/* _content/iFarm.Cloud.App/Components/Observability/AuditGrid.razor.rz.scp.css */
/* Audit grid: the sentence is the primary text of a row; rows open the detail pane. */
.ob-sentence[b-ft3ctpvqjs] { color: #003767; font-weight: 500; overflow-wrap: anywhere; }
[b-ft3ctpvqjs] .ob-grid .rz-data-row { cursor: pointer; }
/* _content/iFarm.Cloud.App/Components/Observability/HealthCard.razor.rz.scp.css */
/* Health check card; the status colours the inline-start border. Logical properties only (RTL-safe). */
.hc[b-syjqjh4srp] { background: #fff; border: 1px solid #dde4ea; border-inline-start: 5px solid #9fb4c8; border-radius: 12px; padding: 12px 14px; height: 100%; box-shadow: 0 2px 10px rgba(0,55,103,.05); }
.hc-ok[b-syjqjh4srp] { border-inline-start-color: #2e9e62; }
.hc-warn[b-syjqjh4srp] { border-inline-start-color: #e0a100; }
.hc-error[b-syjqjh4srp] { border-inline-start-color: #c62828; }
.hc-head[b-syjqjh4srp] { display: flex; align-items: center; gap: 8px; }
.hc-dot[b-syjqjh4srp] { width: 10px; height: 10px; border-radius: 50%; background: #9fb4c8; flex: none; }
.hc-ok .hc-dot[b-syjqjh4srp] { background: #2e9e62; }
.hc-warn .hc-dot[b-syjqjh4srp] { background: #e0a100; }
.hc-error .hc-dot[b-syjqjh4srp] { background: #c62828; }
.hc-name[b-syjqjh4srp] { font-family: "Jura", "Segoe UI", sans-serif; font-weight: 700; color: #003767; flex: 1; overflow-wrap: anywhere; }
.hc-meta[b-syjqjh4srp] { display: flex; flex-wrap: wrap; gap: 4px 14px; color: #6b7c8f; font-size: .8rem; margin-block-start: 6px; }
.hc-desc[b-syjqjh4srp] { margin: 8px 0 0; font-size: .85rem; overflow-wrap: anywhere; }
.hc-data[b-syjqjh4srp] { display: grid; grid-template-columns: max-content 1fr; column-gap: 10px; row-gap: 2px; margin: 8px 0 0; font-size: .78rem; }
.hc-data dt[b-syjqjh4srp] { color: #6b7c8f; font-weight: 500; }
.hc-data dd[b-syjqjh4srp] { margin: 0; overflow-wrap: anywhere; }
/* _content/iFarm.Cloud.App/Components/Observability/LevelBadge.razor.rz.scp.css */
/* SYLCO palette: navy #003767, sky #61C3DE; logical properties only (RTL-safe). */
.ob-badge[b-59qeq7l0lw] { display: inline-block; padding: 2px 9px; border-radius: 999px; font-size: .75rem; font-weight: 600; line-height: 1.5; white-space: nowrap; border: 1px solid transparent; }
.ob-info[b-59qeq7l0lw] { background: #e6f5fa; color: #003767; border-color: #61c3de; }
.ob-ok[b-59qeq7l0lw] { background: #e7f5ec; color: #14653a; border-color: #9fd8b6; }
.ob-warn[b-59qeq7l0lw] { background: #fff4d6; color: #7a5300; border-color: #f0cf7a; }
.ob-error[b-59qeq7l0lw] { background: #fde8e8; color: #9b1c1c; border-color: #f3a6a6; }
.ob-fatal[b-59qeq7l0lw] { background: #9b1c1c; color: #fff; border-color: #7f1616; }
.ob-muted[b-59qeq7l0lw] { background: #eef1f4; color: #50606f; border-color: #d5dbe1; }
/* _content/iFarm.Cloud.App/Components/Observability/LogDetail.razor.rz.scp.css */
/* Detail panes of the observability pages; logical properties only (RTL-safe). */
.ob-detail[b-wj24ch3s2t] { font-size: .9rem; }
.ob-message[b-wj24ch3s2t] { font-size: 1rem; font-weight: 600; color: #003767; white-space: pre-wrap; overflow-wrap: anywhere; }
.ob-h[b-wj24ch3s2t] { font-family: "Jura", "Segoe UI", sans-serif; font-size: .8rem; font-weight: 700; color: #003767; text-transform: uppercase; letter-spacing: .05em; margin: 14px 0 6px; }
.ob-fields[b-wj24ch3s2t] { display: grid; grid-template-columns: minmax(110px, max-content) 1fr; column-gap: 12px; row-gap: 4px; margin: 0; }
.ob-fields dt[b-wj24ch3s2t] { color: #6b7c8f; font-weight: 500; }
.ob-fields dd[b-wj24ch3s2t] { margin: 0; min-width: 0; }
.ob-pre[b-wj24ch3s2t] { background: #f3f6f9; border: 1px solid #dde4ea; border-radius: 8px; padding: 8px 10px; font-size: .78rem; max-height: 320px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; margin: 0; direction: ltr; text-align: left; }
.ob-pre-error[b-wj24ch3s2t] { background: #fdf1f1; border-color: #f3c6c6; }
.ob-kv th[b-wj24ch3s2t] { color: #6b7c8f; font-weight: 500; white-space: nowrap; width: 1%; }
.ob-kv td[b-wj24ch3s2t] { direction: ltr; text-align: start; }
/* _content/iFarm.Cloud.App/Components/Pages/Admin/Monitoring.razor.rz.scp.css */
/* Monitoring table: customer group rows with their farm rows. Logical properties only (RTL-safe). */
.mo-table .mo-customer > *[b-toc1lm2c1o] { background: #f3f8fb; border-block-start: 2px solid #dde4ea; }
.mo-table .mo-customer th[b-toc1lm2c1o] { color: #003767; font-weight: 600; }
.mo-toggle[b-toc1lm2c1o] { color: #003767; text-decoration: none; margin-inline-end: 4px; }
[dir="rtl"] .mo-toggle .bi-chevron-right[b-toc1lm2c1o] { transform: scaleX(-1); }
.mo-farm-name[b-toc1lm2c1o] { padding-inline-start: 34px !important; }
.mo-stale[b-toc1lm2c1o] { color: #9b5c00; }
/* _content/iFarm.Cloud.App/Components/Pages/Admin/RoleTemplates.razor.rz.scp.css */
/* Template list of the role templates page; logical properties only (RTL-safe). */
.rt-list[b-f6wkhfwdz3] { max-height: 640px; overflow-y: auto; }
.rt-group[b-f6wkhfwdz3] { background: #f7f5f5; color: #003767; font-size: .8rem; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; }
.rt-group i[b-f6wkhfwdz3] { color: #61c3de; margin-inline-end: 4px; }
.rt-list .list-group-item.active[b-f6wkhfwdz3] { background: #003767; border-color: #003767; }
.rt-list .list-group-item.active .badge[b-f6wkhfwdz3] { background: rgba(255,255,255,.18) !important; color: #fff; }
.rt-desc[b-f6wkhfwdz3] { color: #6b7c8f; }
.rt-list .list-group-item.active .rt-desc[b-f6wkhfwdz3] { color: #b9d3e8; }
/* _content/iFarm.Cloud.App/Components/Pages/Animals/AnimalCard.razor.rz.scp.css */
/* Animal card. Logical properties only (RTL-safe). */
.ac-dl dt[b-k8354i8575] { font-weight: 600; color: #4b5563; }
.ac-dl dd[b-k8354i8575] { margin-block-end: .4rem; overflow-wrap: anywhere; }
.ac-pre[b-k8354i8575] { white-space: pre-wrap; }
.ac-avatar[b-k8354i8575] { display: block; inline-size: 44px; block-size: 44px; border-radius: 50%; overflow: hidden; border: 2px solid #61C3DE; flex: 0 0 auto; }
.ac-avatar img[b-k8354i8575] { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; }
.ac-stat[b-k8354i8575] { background: #f3f8fb; border-radius: 10px; padding: 10px 8px; block-size: 100%; }
.ac-stat span[b-k8354i8575] { display: block; font-size: .8rem; color: #4b5563; }
.ac-stat b[b-k8354i8575] { display: block; font-family: "Jura", "Segoe UI", sans-serif; font-size: 1.15rem; color: #003767; }
.ac-stat em[b-k8354i8575] { display: block; font-size: .75rem; font-style: normal; color: #6b7280; }
/* _content/iFarm.Cloud.App/Components/Pages/Animals/AnimalPhotosCard.razor.rz.scp.css */
/* Photos of an animal. Logical properties only (RTL-safe). */
.ap-grid[b-9ejrh2xlfr] { display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 10px; }
.ap-thumb[b-9ejrh2xlfr] { position: relative; display: block; padding: 0; border: 1px solid #d9e2ea; border-radius: 10px; overflow: hidden; background: #f3f8fb; aspect-ratio: 4 / 3; cursor: zoom-in; }
.ap-thumb:hover[b-9ejrh2xlfr], .ap-thumb:focus-visible[b-9ejrh2xlfr] { border-color: #61C3DE; box-shadow: 0 0 0 2px rgba(97, 195, 222, .35); outline: none; }
.ap-thumb img[b-9ejrh2xlfr] { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; }
.ap-main[b-9ejrh2xlfr] { position: absolute; inset-block-start: 6px; inset-inline-start: 6px; }
.ap-caption[b-9ejrh2xlfr] { position: absolute; inset-inline: 0; inset-block-end: 0; padding: 2px 6px; font-size: .75rem; color: #fff; background: rgba(0, 55, 103, .7); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: start; }

/* Full-screen viewer: above the layout (header 50, mobile sidebar 60), below the Radzen dialogs and
   notifications (1000+) so the delete confirmation shows over it. */
.ap-viewer[b-9ejrh2xlfr] { position: fixed; inset: 0; z-index: 900; display: flex; flex-direction: column; background: rgba(8, 20, 33, .94); color: #fff; outline: none; }
.ap-bar[b-9ejrh2xlfr] { display: flex; align-items: center; gap: 10px; padding: 8px 12px; flex-wrap: wrap; }
.ap-info[b-9ejrh2xlfr] { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: .85rem; color: #cfd8e3; }
.ap-info b[b-9ejrh2xlfr] { color: #fff; }
.ap-actions[b-9ejrh2xlfr] { display: flex; align-items: center; gap: 6px; margin-inline-start: auto; }
.ap-stage[b-9ejrh2xlfr] { position: relative; flex: 1 1 auto; min-block-size: 0; display: flex; align-items: center; justify-content: center; padding: 0 8px; }
.ap-stage img[b-9ejrh2xlfr] { max-inline-size: 100%; max-block-size: 100%; object-fit: contain; border-radius: 6px; }
.ap-nav[b-9ejrh2xlfr] { position: absolute; inset-block-start: 50%; transform: translateY(-50%); inline-size: 44px; block-size: 64px; border: 0; border-radius: 10px; background: rgba(255, 255, 255, .14); color: #fff; font-size: 1.4rem; }
.ap-nav:hover[b-9ejrh2xlfr], .ap-nav:focus-visible[b-9ejrh2xlfr] { background: rgba(255, 255, 255, .28); outline: none; }
.ap-prev[b-9ejrh2xlfr] { inset-inline-start: 10px; }
.ap-next[b-9ejrh2xlfr] { inset-inline-end: 10px; }
[dir="rtl"] .ap-nav i[b-9ejrh2xlfr] { display: inline-block; transform: scaleX(-1); }
.ap-foot[b-9ejrh2xlfr] { padding: 8px 12px 12px; min-block-size: 52px; text-align: center; }
.ap-foot input[b-9ejrh2xlfr] { max-inline-size: 640px; margin-inline: auto; }
/* _content/iFarm.Cloud.App/Components/Pages/Milk/MilkDaily.razor.rz.scp.css */
/* Daily milk sheet. Logical properties only (RTL-safe). */
.milk-sheet th[b-qy7fhq4ga6], .milk-sheet td[b-qy7fhq4ga6] { vertical-align: middle; }
.milk-sheet thead th[b-qy7fhq4ga6] { white-space: nowrap; color: #003767; }
.milk-cell[b-qy7fhq4ga6] { inline-size: 6.5rem; min-inline-size: 5rem; margin-inline-start: auto; font-variant-numeric: tabular-nums; }
.milk-comment[b-qy7fhq4ga6] { min-inline-size: 10rem; }
.milk-value[b-qy7fhq4ga6], .milk-total[b-qy7fhq4ga6] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.milk-state[b-qy7fhq4ga6] { inline-size: 2.25rem; }
.milk-error[b-qy7fhq4ga6] { margin-block-start: .2rem; }
.milk-totals th[b-qy7fhq4ga6], .milk-totals td[b-qy7fhq4ga6] { background: #f3f8fb; color: #003767; font-weight: 600; border-block-start: 2px solid #61C3DE; font-variant-numeric: tabular-nums; }
/* _content/iFarm.Cloud.App/Components/Pages/Milk/MilkHistory.razor.rz.scp.css */
/* Milk history. Logical properties only (RTL-safe). */
.mh-stat[b-308roqqb2y] { background: #f3f8fb; border-radius: 10px; padding: 10px 8px; block-size: 100%; }
.mh-stat span[b-308roqqb2y] { display: block; font-size: .8rem; color: #4b5563; }
.mh-stat b[b-308roqqb2y] { display: block; font-family: "Jura", "Segoe UI", sans-serif; font-size: 1.15rem; color: #003767; }
.mh-picker[b-308roqqb2y]  .form-control, .mh-picker[b-308roqqb2y]  .btn { padding-block: .25rem; font-size: .875rem; }
/* _content/iFarm.Cloud.App/Components/Pages/Milk/MilkMilkings.razor.rz.scp.css */
/* Milkings / un-allocated milk tab. Logical properties only (RTL-safe). */
.mm-stat[b-3k9bqqb1ji] { background: #fff; border: 1px solid #d5dde3; border-radius: .5rem; padding: .5rem .75rem; display: flex; flex-direction: column; gap: .1rem; }
.mm-stat span[b-3k9bqqb1ji] { font-size: .8rem; color: #4a5b6a; }
.mm-stat b[b-3k9bqqb1ji] { font-size: 1.15rem; color: #003767; }
.mm-picker[b-3k9bqqb1ji] { max-width: 420px; }
/* _content/iFarm.Cloud.App/Components/Pages/Platform/Health.razor.rz.scp.css */
/* Platform health page: history strip and key / value lists. Logical properties only (RTL-safe). */
.hl-strip[b-6akxd68a78] { display: flex; gap: 2px; align-items: stretch; height: 30px; overflow: hidden; }
.hl-tick[b-6akxd68a78] { flex: 1 1 4px; min-width: 3px; max-width: 14px; border-radius: 3px; background: #9fb4c8; }
.hl-ok[b-6akxd68a78] { background: #2e9e62; }
.hl-warn[b-6akxd68a78] { background: #e0a100; }
.hl-error[b-6akxd68a78] { background: #c62828; }
.hl-legend[b-6akxd68a78] { display: inline-flex; gap: 12px; color: #6b7c8f; }
.hl-dot[b-6akxd68a78] { display: inline-block; width: 10px; height: 10px; border-radius: 50%; }
.hl-kv[b-6akxd68a78] { display: grid; grid-template-columns: minmax(150px, max-content) 1fr; column-gap: 14px; row-gap: 6px; margin: 0; }
.hl-kv dt[b-6akxd68a78] { color: #6b7c8f; font-weight: 500; }
.hl-kv dd[b-6akxd68a78] { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.hl-mine[b-6akxd68a78] { background: #e6f5fa; }
@media (max-width: 575.98px) {
    .hl-kv[b-6akxd68a78] { grid-template-columns: 1fr; row-gap: 2px; }
    .hl-kv dd[b-6akxd68a78] { margin-block-end: 6px; }
}
/* _content/iFarm.Cloud.App/Components/Pages/Platform/Logs.razor.rz.scp.css */
/* Platform log page: stats strip + grid. SYLCO palette; logical properties only (RTL-safe). */
.lg-stat[b-m30f84yps3] { background: #fff; border: 1px solid #dde4ea; border-inline-start: 5px solid #61c3de; border-radius: 12px; padding: 10px 14px; box-shadow: 0 2px 10px rgba(0,55,103,.05); height: 100%; }
.lg-stat-error[b-m30f84yps3] { border-inline-start-color: #c62828; }
.lg-stat-warn[b-m30f84yps3] { border-inline-start-color: #e0a100; }
.lg-stat-value[b-m30f84yps3] { font-family: "Jura", "Segoe UI", sans-serif; font-size: 1.6rem; font-weight: 700; color: #003767; line-height: 1.2; }
.lg-stat-value small[b-m30f84yps3] { font-size: .9rem; color: #6b7c8f; font-weight: 500; }
.lg-stat-label[b-m30f84yps3] { color: #6b7c8f; font-size: .82rem; }
.lg-file-level[b-m30f84yps3] { width: auto; min-width: 140px; }
.lg-message[b-m30f84yps3] { overflow-wrap: anywhere; }
[b-m30f84yps3] .lg-grid .rz-data-row { cursor: pointer; }
/* _content/iFarm.Cloud.App/Components/Shared/AnimalPicker.razor.rz.scp.css */
/* Animal picker: the matches float under the search box. Logical properties only (RTL-safe). */
.animal-picker[b-krgy5culc2] { position: relative; }
.ap-results[b-krgy5culc2] { position: absolute; inset-inline: 0; inset-block-start: 100%; z-index: 20; max-block-size: 260px; overflow-y: auto; box-shadow: 0 6px 18px rgba(0, 55, 103, .18); }
/* _content/iFarm.Cloud.App/Components/Shared/LanguageSwitch.razor.rz.scp.css */
/* Language dropdown (native <details>); logical properties only (RTL-safe). */
.lang-dd[b-n1dzsi52ww] { position: relative; display: inline-block; }
.lang-dd > summary[b-n1dzsi52ww] { list-style: none; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; user-select: none;
  border: 1px solid #e6e9ee; border-radius: 10px; padding: 6px 10px; background: #fff; color: #003767; font-size: .85rem; font-weight: 600; line-height: 1.2; }
.lang-dd > summary[b-n1dzsi52ww]::-webkit-details-marker { display: none; }
.lang-dd > summary:hover[b-n1dzsi52ww], .lang-dd[open] > summary[b-n1dzsi52ww] { border-color: #61c3de; }
.lang-dd .chev[b-n1dzsi52ww] { font-size: .65rem; opacity: .7; transition: transform .15s ease; }
.lang-dd[open] .chev[b-n1dzsi52ww] { transform: rotate(180deg); }
.lang-menu[b-n1dzsi52ww] { position: absolute; inset-block-start: calc(100% + 6px); inset-inline-end: 0; z-index: 1050; min-inline-size: 210px; max-block-size: 320px; overflow-y: auto;
  background: #fff; border: 1px solid #e6e9ee; border-radius: 12px; box-shadow: 0 12px 30px rgba(0, 55, 103, .16); padding: 6px; }
.lang-menu a[b-n1dzsi52ww] { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; color: #212529; text-decoration: none; font-size: .9rem; white-space: nowrap; }
.lang-menu a:hover[b-n1dzsi52ww] { background: #e6f5fa; }
.lang-menu a.active[b-n1dzsi52ww] { background: #003767; color: #fff; font-weight: 600; }
.lang-menu .nm[b-n1dzsi52ww] { flex: 1; text-align: start; }
.lang-menu .cd[b-n1dzsi52ww] { font-size: .7rem; font-weight: 600; opacity: .6; letter-spacing: .04em; }

/* Login page: centred under the form, opens upwards so it never leaves the card area. */
.lang-dd.names[b-n1dzsi52ww] { display: block; inline-size: fit-content; margin-inline: auto; margin-block-start: 18px; }
.lang-dd.names > summary[b-n1dzsi52ww] { font-weight: 500; }
.lang-dd.names .lang-menu[b-n1dzsi52ww] { inset-block-start: auto; inset-block-end: calc(100% + 6px); inset-inline-end: auto; left: 50%; transform: translateX(-50%); }
/* _content/iFarm.Cloud.App/Components/Shared/NeedleGauge.razor.rz.scp.css */
.ng[b-5jpso72yti] { text-align: center; }
.ng svg[b-5jpso72yti] { display: block; inline-size: 100%; max-inline-size: 230px; margin-inline: auto; }
.track[b-5jpso72yti] { fill: none; stroke: #e9eef3; stroke-width: 11; stroke-linecap: round; }
.band[b-5jpso72yti] { fill: none; stroke-width: 11; }
.tick[b-5jpso72yti] { stroke: #94a3b8; stroke-width: 1.4; }
.tick-t[b-5jpso72yti] { font-size: 8.5px; fill: #6b7280; font-family: "Segoe UI", system-ui, sans-serif; }
.needle[b-5jpso72yti] { transform-origin: 100px 100px; transition: transform .8s cubic-bezier(.2, .9, .3, 1.1); }
.needle polygon[b-5jpso72yti] { fill: #003767; }
.hub[b-5jpso72yti] { fill: #003767; stroke: #61c3de; stroke-width: 2.5; }
.hub-dot[b-5jpso72yti] { fill: #fff; }
.box[b-5jpso72yti] { fill: #fff; stroke: #cfdbe6; stroke-width: 1.2; }
.val[b-5jpso72yti] { font-family: "Jura", "Segoe UI", sans-serif; font-size: 15px; font-weight: 700; fill: #003767; }
.unit[b-5jpso72yti] { font-size: 9px; font-weight: 600; fill: #6b7280; }
.t-ok[b-5jpso72yti] { fill: #1a9c5b; } .t-bad[b-5jpso72yti] { fill: #e80000; }
.t-arrow[b-5jpso72yti] { fill: #fff; }
.ng-label[b-5jpso72yti] { margin-block-start: 2px; font-size: .84rem; font-weight: 600; color: #003767; }
.ng-hint[b-5jpso72yti] { font-size: .72rem; color: #6b7280; }
/* _content/iFarm.Cloud.App/Components/Shared/NotificationBell.razor.rz.scp.css */
/* Header notification bell with a hover summary; logical properties only (RTL-safe). */
.notif[b-jgn085u5q4] { position: relative; display: inline-flex; }
.notif-btn[b-jgn085u5q4] { position: relative; display: inline-flex; align-items: center; justify-content: center; inline-size: 36px; block-size: 36px;
  border: 1px solid #e6e9ee; border-radius: 10px; background: #fff; color: #003767; font-size: 1.05rem; text-decoration: none; }
.notif:hover .notif-btn[b-jgn085u5q4], .notif-btn:focus-visible[b-jgn085u5q4] { border-color: #61c3de; background: #e6f5fa; }
.notif-badge[b-jgn085u5q4] { position: absolute; inset-block-start: -7px; inset-inline-end: -7px; min-inline-size: 19px; block-size: 19px; padding-inline: 5px;
  border-radius: 999px; background: #003767; color: #fff; font-size: .68rem; font-weight: 700; line-height: 19px; text-align: center; box-shadow: 0 0 0 2px #fff; }
.notif-badge.hot[b-jgn085u5q4] { background: #e80000; }

/* The pop wrapper starts right under the button (padding = invisible bridge), so moving the
   pointer from the bell into the panel does not close it. */
.notif-pop[b-jgn085u5q4] { display: none; position: absolute; inset-block-start: 100%; inset-inline-end: -8px; padding-block-start: 10px; z-index: 1050; }
.notif:hover .notif-pop[b-jgn085u5q4], .notif:focus-within .notif-pop[b-jgn085u5q4] { display: block; }
.notif-panel[b-jgn085u5q4] { inline-size: 330px; max-inline-size: calc(100vw - 24px); background: #fff; border: 1px solid #e6e9ee; border-radius: 14px;
  box-shadow: 0 16px 36px rgba(0, 55, 103, .18); overflow: hidden; }
.np-head[b-jgn085u5q4] { padding: 12px 16px 10px; border-block-end: 2px solid #cfeef6; }
.np-head b[b-jgn085u5q4] { display: block; font-family: "Jura", "Segoe UI", sans-serif; font-size: .9rem; font-weight: 700; color: #003767; text-transform: uppercase; letter-spacing: .06em; }
.np-head span[b-jgn085u5q4] { font-size: .78rem; color: #6b7280; }
.np-head em[b-jgn085u5q4] { font-style: normal; color: #e80000; font-weight: 600; }
.np-list[b-jgn085u5q4] { list-style: none; margin: 0; padding: 4px 0; max-block-size: 300px; overflow-y: auto; }
.np-list a[b-jgn085u5q4] { display: flex; align-items: flex-start; gap: 10px; padding: 8px 16px; color: #212529; text-decoration: none; }
.np-list a:hover[b-jgn085u5q4] { background: #f1f8fb; }
.np-list .dot[b-jgn085u5q4] { inline-size: 10px; block-size: 10px; border-radius: 50%; margin-block-start: 5px; flex: none; background: #61c3de; }
.np-list .lv-danger[b-jgn085u5q4] { background: #e80000; } .np-list .lv-warning[b-jgn085u5q4] { background: #f59e0b; } .np-list .lv-info[b-jgn085u5q4] { background: #61c3de; } .np-list .lv-success[b-jgn085u5q4] { background: #1a9c5b; }
.np-list .tx[b-jgn085u5q4] { min-inline-size: 0; }
.np-list b[b-jgn085u5q4] { display: block; font-size: .86rem; font-weight: 600; }
.np-list small[b-jgn085u5q4] { font-size: .74rem; color: #6b7280; }
.np-list small.late[b-jgn085u5q4] { color: #e80000; font-weight: 600; }
.np-more[b-jgn085u5q4] { padding: 2px 16px 8px; font-size: .76rem; color: #6b7280; }
.np-foot[b-jgn085u5q4] { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 16px; background: #f7f5f5; color: #003767; font-size: .84rem; font-weight: 600; text-decoration: none; border-block-start: 1px solid #e6e9ee; }
.np-foot:hover[b-jgn085u5q4] { background: #e6f5fa; }
[dir="rtl"] .np-foot i[b-jgn085u5q4] { transform: scaleX(-1); }
/* _content/iFarm.Cloud.App/Components/Shared/PermissionMatrix.razor.rz.scp.css */
/* Permission matrix: scope-level header rows and locked (non-grantable) keys. Logical properties only (RTL-safe). */
.pm-level th[b-xmnhfwwbwn] { background: #eef7fb; color: #003767; font-family: "Jura", "Segoe UI", sans-serif; text-transform: uppercase; letter-spacing: .05em; font-size: .82rem; }
.pm-level th i[b-xmnhfwwbwn] { color: #61c3de; margin-inline-end: 4px; }
.pm-note[b-xmnhfwwbwn] { text-transform: none; letter-spacing: 0; font-weight: 500; color: #6b7c8f; }
.pm-locked .form-check-label[b-xmnhfwwbwn] { color: #8a97a6; }
.pm-lock[b-xmnhfwwbwn] { font-size: .7rem; color: #b0bcc9; margin-inline-start: 3px; }
/* _content/iFarm.Cloud.App/Components/Shared/RingGauge.razor.rz.scp.css */
.rg svg[b-yw0n7b8zk8] { display: block; inline-size: 100%; max-inline-size: 150px; margin-inline: auto; }
.track[b-yw0n7b8zk8] { fill: none; stroke: #e9eef3; stroke-width: 11; stroke-linecap: round; }
.fill[b-yw0n7b8zk8] { fill: none; stroke: #61c3de; stroke-width: 11; stroke-linecap: round; }
.rg.milking .fill[b-yw0n7b8zk8] { stroke: #2aa7c9; }
.rg.done .fill[b-yw0n7b8zk8] { stroke: #1a9c5b; }
.rg.alarm .fill[b-yw0n7b8zk8] { stroke: #e80000; }
.rg.idle .fill[b-yw0n7b8zk8] { stroke: #cbd5e1; }
.v[b-yw0n7b8zk8] { font-family: "Jura", "Segoe UI", sans-serif; font-size: 21px; font-weight: 700; fill: #003767; }
.u[b-yw0n7b8zk8] { font-size: 9px; font-weight: 600; fill: #6b7280; }
.s[b-yw0n7b8zk8] { font-size: 9.5px; font-weight: 600; fill: #003767; }
.rg.idle .v[b-yw0n7b8zk8] { fill: #94a3b8; }
.rg.alarm .v[b-yw0n7b8zk8] { fill: #e80000; }
/* _content/iFarm.Cloud.App/Components/Shared/ScopeChooser.razor.rz.scp.css */
/* Node chooser list; logical properties only (RTL-safe). */
.sc-chooser[b-lt550zs9ch] { max-width: 720px; }
.sc-chooser-list[b-lt550zs9ch] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 6px; }
.sc-chooser-list a[b-lt550zs9ch] { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; border: 1px solid #e3edf3; color: #003767; text-decoration: none; font-weight: 500; }
.sc-chooser-list a:hover[b-lt550zs9ch] { background: #e6f5fa; border-color: #cfeef6; }
.sc-chooser-list a > i:first-child[b-lt550zs9ch] { color: #61c3de; width: 20px; text-align: center; }
.sc-chooser-list .name[b-lt550zs9ch] { flex: 1; }
.sc-chooser-list .parent[b-lt550zs9ch] { font-size: .78rem; color: #6b7c8f; }
.sc-chooser-list .go[b-lt550zs9ch] { color: #9fb4c8; font-size: .85rem; }
[dir="rtl"] .sc-chooser-list .go[b-lt550zs9ch] { transform: scaleX(-1); }
/* _content/iFarm.Cloud.App/Components/Shared/ScopeMembers.razor.rz.scp.css */
/* Farm-access table of the member edit panel; logical properties only (RTL-safe). */
.sm-farms[b-j57rupc0sk] { max-width: 720px; }
.sm-farms label[b-j57rupc0sk] { cursor: pointer; }
/* _content/iFarm.Cloud.App/Components/Shared/ScopeRoles.razor.rz.scp.css */
/* Role list of the scope roles editor; logical properties only (RTL-safe). */
.sr-list[b-b291qprtzs] { max-height: 560px; overflow-y: auto; }
.sr-list .list-group-item.active[b-b291qprtzs] { background: #003767; border-color: #003767; }
.sr-list .list-group-item.active .badge[b-b291qprtzs] { background: rgba(255,255,255,.18) !important; color: #fff; }
.sr-desc[b-b291qprtzs] { color: #6b7c8f; }
.sr-list .list-group-item.active .sr-desc[b-b291qprtzs] { color: #b9d3e8; }
/* _content/iFarm.Cloud.App/Components/Shared/Workspace.razor.rz.scp.css */
/* SYLCO brand: navy #003767, sky #61C3DE; logical properties only (RTL-safe). */
.ws-hero[b-f1y9yshcss] { background: linear-gradient(120deg, #003767 0%, #0a4f8a 70%, #1b6fb0 100%); color: #fff; border-radius: 18px; padding: 26px 30px; margin-block-end: 18px; }
.ws-eyebrow[b-f1y9yshcss] { color: #61c3de; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; }
.ws-title[b-f1y9yshcss] { font-family: "Jura", "Segoe UI", sans-serif; font-size: 1.7rem; font-weight: 700; margin: 6px 0 10px; }
.ws-meta[b-f1y9yshcss] { display: flex; flex-wrap: wrap; gap: 8px; margin-block-end: 10px; }
.ws-badge[b-f1y9yshcss] { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); border-radius: 999px; padding: 4px 12px; font-size: .82rem; }
.ws-badge.muted[b-f1y9yshcss] { color: #b9d3e8; }
.ws-text[b-f1y9yshcss] { margin: 0; color: #b9d3e8; }
.ws-grid[b-f1y9yshcss] { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.ws-sec[b-f1y9yshcss] { font-family: "Jura", "Segoe UI", sans-serif; font-size: .9rem; font-weight: 700; color: #003767; text-transform: uppercase; letter-spacing: .05em; margin: 0 0 10px; display: flex; align-items: center; gap: 8px; }
.ws-sec i[b-f1y9yshcss] { color: #61c3de; }
.ws-items[b-f1y9yshcss] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.ws .ws-items a[b-f1y9yshcss] { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; color: #003767; text-decoration: none; font-weight: 500; }
.ws .ws-items a:hover[b-f1y9yshcss] { background: #e6f5fa; }
.ws .ws-items a > i:first-child[b-f1y9yshcss] { width: 20px; text-align: center; color: #61c3de; }
.ws .ws-items a span[b-f1y9yshcss] { flex: 1; }
.ws-go[b-f1y9yshcss] { color: #9fb4c8; font-size: .85rem; }
[dir="rtl"] .ws-go[b-f1y9yshcss] { transform: scaleX(-1); }