/* Screenshot review: composed chrome, compact custom cartography and legible data. */
/* Record summaries are a single surface, not dashboard cards nested in a card.
   Keep breathing room between evidence and metrics even when a label wraps. */
.ops-redesign .fgd-card-body{display:flow-root;min-width:0}
.ops-redesign .fgd-card-body > * + *{margin-block-start:20px}
.ops-redesign .fgd-card-body > .fg-facts-grid{gap:16px 24px}
.ops-redesign .fgd-card .fg-kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:16px 24px;padding-top:20px;margin-bottom:0;border:0;border-top:1px solid var(--border);border-radius:0;background:transparent}
.ops-redesign .fgd-card .fg-kpi,.ops-redesign .fgd-card .fg-kpi:last-child{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;align-items:flex-start;min-width:0}
.ops-redesign .fgd-card .fg-kpi-val{font-size:24px;line-height:30px;letter-spacing:-.5px;margin:6px 0 0;overflow-wrap:anywhere}
.ops-redesign .fgd-card .fg-kpi-sub{margin-top:6px;line-height:1.5;max-width:36ch}
.ops-redesign .fgd-card .fg-kpi.clickable{padding:12px;border:1px solid var(--border);border-radius:var(--radius-control)}
.ops-redesign .fgd-card .fg-kpi.active{background:var(--selection-fill);color:var(--selection-ink)}
.ops-redesign .fgd-card-head{flex-wrap:wrap;align-items:center;gap:8px 16px}
.ops-redesign .fgd-card-head h2{min-width:0;overflow-wrap:anywhere}
.ops-redesign .fgd-card-head .cmeta{margin-left:auto;max-width:100%;overflow-wrap:anywhere}
.ops-redesign .fgd-card-body .fg-record-description{font-size:var(--fs-sm);line-height:1.6;color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere}
.ops-redesign .fgd-card-body .fg-record-subsection > .fg-facts-grid{padding:0;gap:16px 24px}
.ops-redesign .fgd-card-body > .capability-note{padding:0;font-size:var(--fs-xs);line-height:1.6}
.ops-redesign .fg-record-table-scroll{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain}
.ops-redesign .fg-record-table-scroll :is(th,td){word-break:normal;overflow-wrap:normal}
/* Table backgrounds reach the panel edges; cell padding owns the text gutter.
   Legacy scroll-wrapper padding created a second inset and a clipped right edge. */
.ops-redesign .lv-scroll{padding:0;min-width:0;max-width:100%}
.ops-redesign .fgd-card-body:has(> .lv-scroll:only-child){padding:0}
.ops-redesign .fgd-card-body:has(> .fg-message-thread){max-width:none;margin-inline:0}
.ops-redesign .fgd-card-body > .fg-message-thread{max-width:none;margin-inline:0;padding:0}
.ops-redesign .fgd-card-body .sup-reply{background:transparent;max-width:none;width:100%;min-width:0}
.ops-redesign .sup-reply textarea{display:block;border-radius:var(--radius-control);background:var(--surface-2)}
.ops-redesign .fgd-card-body .jb-message-compose{max-width:none;width:100%;margin-inline:0}
.ops-redesign .ops-breadcrumb{flex-wrap:wrap;line-height:1.5;min-width:0}
.ops-redesign .ops-breadcrumb>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){
 .ops-redesign .fgd-card .fg-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
 .ops-redesign .fgd-card .fg-kpi-val{font-size:22px;line-height:28px}
 .ops-redesign .fgd-card-head .cmeta{margin-left:0;flex-basis:100%}
}
@media(min-width:821px){
 body.ops-redesign{--portal-desktop-scale:.8;zoom:var(--portal-desktop-scale)}
 /* The canvas radius scrolls with the page; keep its corner silhouette attached
    to the sticky header so scrolled content cannot square off the junction. */
 .ops-redesign .opsbar::after{content:'';position:absolute;top:100%;left:0;width:var(--radius-shell);height:var(--radius-shell);pointer-events:none;background:radial-gradient(circle at 100% 100%,transparent calc(var(--radius-shell) - 1px),var(--border) calc(var(--radius-shell) - 1px),var(--border) var(--radius-shell),var(--surface) var(--radius-shell))}
 .ops-redesign .opsbar{min-height:86px;padding:14px 28px;gap:20px;flex-wrap:nowrap}
 .ops-greeting{display:grid;grid-template-columns:max-content 1fr;gap:5px 14px;min-width:230px}
 .ops-greeting h2{grid-column:1/-1;font-size:23px;line-height:1.25;margin:0;letter-spacing:-.5px}
 .ops-greeting p,.ops-redesign .ops-breadcrumb{font-size:12px;margin:0;align-items:center}
 .ops-redesign .opsbar .tb-search{width:270px!important;max-width:270px;flex-basis:270px!important;padding:8px 12px}
 .ops-redesign .opsbar .fg-iconbtn{width:40px;height:40px}
 .ops-redesign .ops-account-controls .tnav-theme,.ops-redesign .ops-account-controls .tnav-user{min-height:40px;padding:6px 12px;gap:8px}
 .ops-account-controls .tnav-user .fg-av{width:28px;height:28px}
 .ops-account-controls .tnav-theme-lbl,.ops-account-controls .user-name{font-size:13px}
 .ops-redesign .app-neon>.content>.tab-content{padding:24px 28px 36px}
}
.ops-account-controls{gap:8px}
.ops-preview-tools{position:relative;top:auto;right:auto;flex:none;align-self:center}
.ops-redesign .ops-preview-tools>summary{padding:6px 8px;background:transparent;border:1px solid var(--border);font-size:12px;white-space:nowrap}
.ops-preview-tools .local-preview-banner{top:calc(100% + 8px)}
.ops-redesign .fg-map-symbol{position:relative;width:26px;height:26px;border-width:1.5px;border-radius:var(--radius-inner);background:var(--surface);box-shadow:var(--sh-xs)}
.ops-redesign .fg-map-symbol svg{width:16px;height:16px;stroke-width:1.7}
.ops-redesign .fg-map-symbol.attention{outline:none}
.ops-redesign .fg-map-symbol.attention::after{content:'';position:absolute;right:-3px;top:-3px;width:6px;height:6px;border:2px solid var(--surface);border-radius:50%;background:var(--marker-tone)}
.ops-redesign .fg-map-symbol.estimated{border-style:dashed}
.ops-redesign .fg-map-icon:focus-visible .fg-map-symbol{outline:2px solid var(--blue-hi);outline-offset:3px}
.ops-redesign .fg-map-legend{font-size:12px;padding:9px 12px;gap:7px 14px;border-radius:var(--radius-inner);background:var(--surface)}
.ops-redesign .fg-map-legend strong{font-weight:600;margin-right:4px}
.ops-redesign .fg-map-legend i{width:6px;height:6px;border-radius:50%}
.ops-redesign .fg-map-key{font-size:12px;margin-left:auto}
.ops-redesign .fg-map-layers{width:172px;min-width:0;padding:6px 10px;border-radius:var(--radius-inner);box-shadow:var(--sh-sm)}
.ops-redesign .fg-map-layers>summary{padding:4px 0;min-height:28px;font-size:12px}
.ops-redesign .fcx-map-head{position:static;min-height:52px;padding:12px 16px;box-sizing:border-box;background:var(--surface);border-bottom:1px solid var(--border);gap:12px}
.ops-redesign .fcx-map-head h2{font-size:15px;white-space:nowrap}
.ops-redesign .fcx-map-head .fcx-meta{font-size:12px;text-align:right}
.ops-redesign #fcx-map{inset:52px 0 0}
.ops-redesign .fcx-layers{top:66px;left:12px}
.ops-redesign .fcx-map-wrap{border-radius:var(--radius-panel);height:clamp(320px,43vh,430px)}
.ops-redesign .nw-mapwrap{border-radius:var(--radius-panel);overflow:hidden;border:1px solid var(--border)}
.ops-redesign .nw-spatial-legend{left:10px;right:56px;bottom:10px}
.ops-redesign .nw-spatial-legend>.fg-map-legend{box-shadow:var(--sh-xs)}
.ops-redesign .fcx-map-workspace>.fg-map-legend{border:0;background:transparent;padding:8px 4px}
.ops-redesign .fcx-map-workspace>.fg-map-caveat{font-size:12px;color:var(--ink-3);padding:0 4px}
.ops-redesign .fcx-card.fcx-chart{padding:20px;border-radius:var(--radius-panel)}
.ops-redesign .fcx-chart-box{height:190px}
.ops-redesign .fcx-chart .fcx-card-head{margin-bottom:16px}
.ops-redesign .fcx-chart h3{font-size:16px}
.ops-redesign .sit-weather-card{border-radius:var(--radius-panel);padding:22px}
.rain-summary{display:flex;align-items:baseline;gap:12px;margin:0 0 20px}
.rain-summary strong{font:650 25px/1.2 var(--ff-b);letter-spacing:-.5px}
.rain-summary small{font-size:13px;font-weight:500;color:var(--ink-3)}
.rain-summary>span{font-size:12px;color:var(--ink-3)}
.rain-plot{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px}
.rain-axis{display:flex;flex-direction:column;justify-content:space-between;color:var(--ink-3);font-size:12px;text-align:right}
.ops-redesign .sit-rain-chart{height:135px;padding:0;gap:4px}
.rain-grid{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to top,var(--border) 0,var(--border) 1px,transparent 1px,transparent 50%)}
.ops-redesign .sit-bar{position:relative;min-width:0;z-index:1}
.ops-redesign .sit-bar>div{min-height:0;border-radius:var(--radius-micro) var(--radius-micro) 0 0;max-width:18px;margin:auto auto 0;opacity:.9}
.ops-redesign .sit-bar.is-forecast>div{opacity:.35;border-top:2px solid var(--chart-rain);box-sizing:border-box}
.ops-redesign .sit-thresh{z-index:2;opacity:1;border-color:var(--ink-3);pointer-events:none}
.ops-redesign .sit-thresh span{font-size:12px;color:var(--ink-3);top:-15px;padding:2px 5px;border-radius:var(--radius-micro)}
.ops-redesign .sit-rain-x{margin-left:38px;margin-top:10px;font-size:12px}
.ops-redesign .sit-rain-lg{margin:16px 0 0 38px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;gap:14px}
.sit-rain-lg .rain-forecast-key{background:var(--chart-rain);opacity:.35;border-radius:var(--radius-micro)}
.billing-ledger .lv-table{table-layout:fixed;min-width:1180px;width:100%}
.billing-ledger .bill-identity{width:17%}.billing-ledger .bill-client{width:12%}.billing-ledger .bill-estate{width:13%}
.billing-ledger .bill-amount{width:15%}.billing-ledger .bill-date{width:11%}.billing-ledger .bill-state{width:8.5%}
.ops-redesign .billing-ledger .lv-table :is(th,td){padding:14px 16px;vertical-align:middle}
.ops-redesign .billing-ledger .num{white-space:nowrap;text-align:right;font-size:13px;letter-spacing:-.15px;font-variant-numeric:tabular-nums}
.ops-redesign .billing-ledger th:nth-child(4),.ops-redesign .billing-ledger th:nth-child(5){text-align:right}
.ops-redesign .billing-ledger .lv-table td{overflow-wrap:anywhere}
.ops-redesign .billing-ledger .lv-table td.num{overflow-wrap:normal}
.ops-redesign .billing-ledger .lv-avatar{display:none}
@media(max-width:1100px) and (min-width:821px){.ops-redesign .opsbar .tb-search{display:none}.ops-greeting{grid-template-columns:1fr}.ops-preview-tools{display:none}}
@media(max-width:820px){.ops-greeting h2{font-size:22px}.ops-account-controls{flex-wrap:wrap}.ops-preview-tools{order:4}.ops-redesign .fcx-map-head{flex-wrap:wrap}.ops-redesign .fcx-chart-box{height:180px}}
@media(max-width:600px){
 .ops-redesign #fcx-map{position:relative;inset:auto;height:300px}
 .ops-redesign .fcx-map-wrap{height:auto;overflow:hidden}
 .ops-redesign .fcx-layers{position:static;margin:10px 12px;width:auto}
 .ops-redesign .fg-map-layers>summary{min-height:36px}
 .ops-redesign .fg-map-key{flex-basis:100%;margin:0}
 .rain-summary{flex-wrap:wrap;gap:4px 10px}.ops-redesign .sit-rain-chart{gap:2px}
}