.tenant-workspace { min-width:0; }
.tenant-workspace h2 { font-size:19px; letter-spacing:-.02em; }
.tenant-workspace h3 { margin:0 0 6px; font-size:14px; line-height:1.5; }
.tenant-workspace p { line-height:1.6; overflow-wrap:anywhere; }
.tenant-workspace textarea { width:100%; min-height:76px; padding:10px 12px; border:1px solid var(--line); border-radius:8px; font:inherit; color:var(--ink); resize:vertical; background:var(--surface); }
.tenant-workspace summary { cursor:pointer; font-weight:700; line-height:1.5; padding:10px 0; }
.tenant-workspace summary:focus-visible,.tenant-workspace button:focus-visible { outline:2px solid var(--brand); outline-offset:3px; }
.workspace-panel { margin-bottom:20px; overflow:hidden; }
.workspace-heading { padding:20px; display:flex; gap:20px; justify-content:space-between; align-items:flex-start; }
.workspace-heading p { margin-top:5px; max-width:680px; font-size:13px; }
.workspace-heading .button { flex-shrink:0; }
.workspace-empty,.workspace-error { padding:18px 20px; }
.workspace-error { color:var(--red); }
.workspace-empty { color:var(--muted); }
.workspace-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:4px 20px 20px; gap:16px; }
.workspace-metrics>div { border-left:3px solid var(--brand-soft); padding-left:13px; }
.workspace-metrics strong { display:block; font-size:27px; line-height:1.3; letter-spacing:-.035em; }
.workspace-metrics span { display:block; color:var(--muted); font-size:12px; margin-top:4px; }
.workspace-toolbar,.workspace-saved-views { display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end; padding:12px 20px; }
.workspace-saved-views { position:relative; z-index:3; flex-wrap:nowrap; align-items:center; gap:8px; min-height:46px; padding:0 0 10px; }
.equipment-site-picker,.workspace-save-view { position:relative; }
.equipment-site-picker>summary,.workspace-save-view>summary { display:flex; align-items:center; gap:8px; height:36px; box-sizing:border-box; list-style:none; margin:0; padding:0 11px; border:1px solid var(--line-strong, #cbd5e1); border-radius:8px; background:var(--surface); color:var(--ink); cursor:pointer; font-size:12px; }
.equipment-site-picker>summary::-webkit-details-marker,.workspace-save-view>summary::-webkit-details-marker { display:none; }
.equipment-site-picker>summary>span:first-child { color:var(--muted); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.equipment-site-picker>summary strong { max-width:190px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--brand-strong, var(--brand-dark)); }
.equipment-site-picker-chevron { margin-left:3px; color:var(--muted); }
.equipment-site-popover,.workspace-save-view-form { position:absolute; top:calc(100% + 6px); left:0; z-index:20; width:min(430px,calc(100vw - 48px)); padding:12px; border:1px solid var(--line); border-radius:10px; background:var(--surface); box-shadow:0 16px 40px rgba(15,23,42,.16); }
.equipment-site-quick { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin-bottom:10px; }
.equipment-site-quick-choice { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:34px; padding:6px 9px; border:1px solid var(--line); border-radius:7px; background:var(--surface-subtle, #fcfcfd); color:var(--ink); cursor:pointer; font-size:11px; text-align:left; }
.equipment-site-quick-choice:hover,.equipment-site-quick-choice.active { border-color:var(--brand); background:var(--brand-soft); }
.equipment-site-quick-choice strong { color:var(--brand-strong, var(--brand-dark)); }
.equipment-site-popover>.workspace-field { width:100%; }
.equipment-site-popover input { width:100%; }
.equipment-site-results { display:grid; grid-template-columns:1fr; gap:4px; max-height:252px; margin-top:10px; overflow-y:auto; }
.equipment-site-result { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:42px; padding:7px 10px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink); text-align:left; cursor:pointer; }
.equipment-site-result:hover,.equipment-site-result.active { border-color:var(--brand); background:var(--brand-soft); }
.equipment-site-result strong,.equipment-site-result small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.equipment-site-result strong { font-size:12px; }
.equipment-site-result small { max-width:220px; margin-top:2px; color:var(--muted); font-size:9px; }
.equipment-site-result-count { flex:0 0 auto; color:var(--muted); font-size:10px; }
.equipment-site-result-status { margin:8px 0 0; color:var(--muted); font-size:10px; }
.equipment-site-no-results { margin:0; padding:10px; color:var(--muted); font-size:11px; }
.equipment-site-meta { color:var(--muted); font-size:11px; white-space:nowrap; }
.workspace-saved-view-picker { width:auto; max-width:190px; height:36px; border:1px solid var(--line-strong, #cbd5e1); border-radius:8px; padding:0 28px 0 10px; background:var(--surface); color:var(--ink); font:inherit; font-size:12px; }
.workspace-save-view-form { display:flex; align-items:flex-end; gap:8px; width:300px; }
.workspace-save-view-form .workspace-field { flex:1; min-width:0; }
.workspace-save-view-form .button { flex:0 0 auto; }
.equipment-manage-sites { margin-left:auto; }
.workspace-field { display:flex; flex-direction:column; gap:7px; min-width:150px; margin:0; font-size:12px; font-weight:650; }
.workspace-field input,.workspace-field select { height:38px; min-width:0; border:1px solid var(--line-strong, #cbd5e1); border-radius:8px; padding:0 10px; background:var(--surface); color:var(--ink); font-size:13px; }
.workspace-field input:focus,.workspace-field select:focus,.tenant-workspace textarea:focus { outline:2px solid var(--brand); outline-offset:1px; }
.workspace-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:14px 0; }
.workspace-form>p,.workspace-form>.workspace-check { grid-column:1/-1; }
.workspace-form>button { justify-self:start; }
.workspace-form .workspace-field:has(textarea) { grid-column:1/-1; }
.workspace-list { border-top:1px solid var(--line); }
.workspace-row-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.workspace-badge { display:inline-block; font-size:11px; line-height:1.5; padding:3px 8px; border-radius:6px; background:var(--surface-muted, #f1f5f9); color:var(--ink-secondary, #475569); font-weight:700; }
.workspace-badge.warning { background:var(--amber-soft); color:var(--amber, #854d0e); }
.workspace-badge.danger { background:var(--red-soft); color:var(--red); }
.workspace-badge.success { background:var(--green-soft); color:var(--green); }
.workspace-notification-settings,.workspace-location-totals { margin:0 20px 16px; padding:8px 0; border-top:1px solid var(--line); }
.workspace-evidence { font-size:12px; }
.workspace-table { width:100%; border-collapse:collapse; text-align:left; }
.workspace-table th { padding:12px 20px; font-size:12px; background:var(--surface-subtle, #f8fafc); color:var(--ink-secondary, #475569); border-block:1px solid var(--line); }
.workspace-table td { padding:16px 20px; border-bottom:1px solid var(--line); vertical-align:top; }
.workspace-table td:not(:first-child) { min-width:135px; font-variant-numeric:tabular-nums; }
.workspace-cell-note { display:block; max-width:250px; font-size:11px; line-height:1.55; color:var(--muted); margin-top:6px; }
.workspace-usage-panel .workspace-heading { align-items:center; padding:16px 20px 8px; }
.workspace-usage-panel .workspace-heading p { margin-top:2px; }
.workspace-usage-panel>.workspace-toolbar { align-items:center; padding:8px 20px 12px; }
.workspace-usage-panel>.workspace-toolbar .workspace-field { min-width:0; flex-direction:row; align-items:center; }
.workspace-usage-panel>.workspace-toolbar .workspace-field input { width:150px; }
.workspace-usage-chart { margin:0; padding:14px 20px 16px; border-top:1px solid var(--line); }
.workspace-usage-chart-header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:13px; }
.workspace-usage-chart-title { font-size:13px; color:var(--ink); }
.workspace-usage-legend { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:14px; }
.workspace-usage-legend-item { display:inline-flex; align-items:center; gap:6px; color:var(--muted); font-size:10px; font-weight:700; }
.workspace-usage-legend-swatch { width:9px; height:9px; border-radius:3px; background:var(--brand); }
.workspace-usage-legend-swatch.previous { background:#cbd5e1; }
.workspace-usage-chart-plot { display:grid; gap:11px; }
.workspace-usage-chart-row { display:grid; grid-template-columns:110px minmax(0,1fr); align-items:center; gap:18px; }
.workspace-usage-category strong,.workspace-usage-category span { display:block; }
.workspace-usage-category strong { font-size:12px; }
.workspace-usage-category span { margin-top:2px; color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.07em; }
.workspace-usage-series-list { display:grid; gap:5px; }
.workspace-usage-series { display:grid; grid-template-columns:minmax(80px,1fr) 82px; align-items:center; gap:10px; min-height:17px; }
.workspace-usage-bar-track { height:15px; overflow:hidden; border-radius:5px; background:var(--surface-muted, #f1f5f9); }
.workspace-usage-bar-fill { display:block; height:100%; min-width:2px; border-radius:inherit; background:linear-gradient(90deg,var(--brand-dark),var(--brand)); }
.workspace-usage-series.previous .workspace-usage-bar-fill { background:#cbd5e1; }
.workspace-usage-bar-track.unavailable { background:repeating-linear-gradient(135deg,var(--surface-subtle, #f8fafc),var(--surface-subtle, #f8fafc) 5px,var(--surface-muted, #eef2f7) 5px,var(--surface-muted, #eef2f7) 10px); }
.workspace-usage-value { color:var(--ink); font-size:12px; font-variant-numeric:tabular-nums; text-align:right; }
.daily-meter-chart { margin:0; padding:20px; border-top:1px solid var(--line); }
.daily-meter-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:16px; }
.daily-meter-heading h3 { margin:0; font-size:15px; }
.daily-meter-heading p { margin:3px 0 0; font-size:12px; }
.daily-meter-day { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:11px; font-weight:700; }
.daily-meter-day > span { white-space:nowrap; }
.daily-meter-day select { min-height:36px; max-width:180px; padding:7px 10px; border:1px solid var(--line); border-radius:7px; background:var(--surface); color:var(--ink); font:inherit; }
.daily-meter-day select:focus-visible { outline:2px solid var(--brand); outline-offset:2px; }
.daily-meter-plot { width:100%; min-width:0; height:300px; }
.daily-meter-plot svg { fill:none; stroke:none; stroke-width:1; stroke-linecap:butt; stroke-linejoin:miter; }
.daily-meter-readout { display:grid; grid-template-columns:minmax(100px,1fr) repeat(3,minmax(0,1fr)); gap:16px; align-items:start; padding:14px 16px; border:1px solid var(--line); border-radius:8px; background:var(--canvas); }
.daily-meter-date { font-size:12px; line-height:1.5; }
.daily-meter-value { min-width:0; display:flex; flex-direction:column; gap:4px; }
.daily-meter-value > span { color:var(--muted); font-size:10px; font-weight:700; }
.daily-meter-value strong { color:var(--ink); font-size:14px; font-variant-numeric:tabular-nums; }
.daily-meter-value small { color:var(--muted); font-size:10px; line-height:1.4; overflow-wrap:anywhere; }
.daily-meter-empty { margin:0 0 10px; padding:12px 14px; background:var(--canvas); border:1px solid var(--line); border-radius:8px; color:var(--muted); font-size:12px; }
@media(max-width:680px) {
  .daily-meter-chart { padding:16px 12px; }
  .daily-meter-readout { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:12px; }
  .daily-meter-date { grid-column:1 / -1; }
  .daily-meter-value strong { font-size:12px; }
}
.workspace-notification-settings { margin-bottom:0; }
.workspace-notification-toolbar { align-items:center; gap:8px; padding-block:10px; border-block:1px solid var(--line); background:var(--surface-subtle, #fcfcfd); }
.workspace-notification-toolbar select { width:auto; height:36px; min-width:126px; border:1px solid var(--line-strong, #cbd5e1); border-radius:8px; padding:0 30px 0 10px; background:var(--surface); color:var(--ink); font:inherit; font-size:12px; }
.workspace-notification-search { display:flex; flex:1 1 300px; align-items:center; min-width:210px; height:36px; border:1px solid var(--line-strong, #cbd5e1); border-radius:8px; background:var(--surface); }
.workspace-notification-search:focus-within { outline:2px solid var(--brand); outline-offset:1px; }
.workspace-notification-search-icon { padding-left:11px; color:var(--muted); font-size:18px; line-height:1; }
.workspace-notification-search input { width:100%; height:34px; min-width:0; border:0; outline:0; padding:0 10px; background:transparent; color:var(--ink); font:inherit; font-size:12px; }
.workspace-mark-read { margin-left:auto; white-space:nowrap; }
.workspace-notification-digest { margin:0; padding:8px 20px; border-bottom:1px solid var(--line); color:var(--muted); font-size:11px; font-weight:700; }
.workspace-notification-table-wrap { width:100%; overflow-x:auto; }
.workspace-notifications-table { min-width:820px; table-layout:fixed; }
.workspace-notifications-table th,.workspace-notifications-table td { padding:10px 14px; }
.workspace-notifications-table th:first-child { width:37%; }
.workspace-notifications-table th:nth-child(2) { width:25%; }
.workspace-notifications-table th:nth-child(3) { width:12%; }
.workspace-notifications-table th:nth-child(4) { width:10%; }
.workspace-notifications-table th:nth-child(5) { width:16%; }
.workspace-notifications-table td:not(:first-child) { min-width:0; }
.workspace-notification-sort { display:flex; align-items:center; gap:5px; width:100%; padding:0; border:0; background:transparent; color:var(--muted); font-size:10px; font-weight:850; letter-spacing:.07em; text-align:left; text-transform:uppercase; }
.workspace-notification-sort:hover,.workspace-notification-sort.active { color:var(--brand-strong, var(--brand-dark)); }
.workspace-notification-sort-indicator { color:var(--muted, #94a3b8); font-size:11px; }
.workspace-notification-unread { background:var(--brand-soft, #fcfaff); box-shadow:inset 3px 0 0 var(--brand); }
.workspace-notification-message strong,.workspace-notification-message span,.workspace-notification-equipment small { display:block; }
.workspace-notification-message strong { margin-bottom:2px; font-size:12px; line-height:1.4; }
.workspace-notification-message span { color:var(--muted); font-size:11px; line-height:1.45; }
.workspace-notification-device { max-width:100%; padding:0; border:0; background:transparent; color:var(--brand-strong, var(--brand-dark)); font:inherit; font-size:12px; font-weight:800; overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; }
.workspace-notification-device:hover { color:var(--brand-text, var(--brand)); text-decoration:underline; }
.workspace-notification-equipment small { margin-top:2px; color:var(--muted); font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workspace-notifications-table time { color:var(--muted); font-size:11px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.workspace-notification-state { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:750; }
.workspace-notification-state::before { width:7px; height:7px; border-radius:50%; background:#94a3b8; content:""; }
.workspace-notification-state.unread { color:var(--brand-strong, var(--brand-dark)); }
.workspace-notification-state.unread::before { background:var(--brand); box-shadow:0 0 0 3px var(--brand-soft); }
.workspace-notification-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 20px; border-top:1px solid var(--line); color:var(--muted); font-size:11px; }
.workspace-notification-pagination>div { display:flex; gap:6px; }
.workspace-notification-pagination button { min-height:32px; padding:0 11px; border:1px solid var(--line-strong, #cbd5e1); border-radius:7px; background:var(--surface); color:var(--brand-strong, var(--brand-dark)); font:inherit; font-weight:750; }
.workspace-notification-pagination button:disabled { opacity:.45; cursor:not-allowed; }
.workspace-notification-empty { border-top:0; }
.workspace-check { display:flex; align-items:center; gap:10px; font-size:13px; margin:0; }
.workspace-check input { width:20px; height:20px; margin:0; accent-color:var(--brand); }
.workspace-scope { min-width:0; color:var(--brand-strong, var(--brand-dark)); font-size:14px; }
.workspace-scope .workspace-field { flex-direction:row; align-items:center; gap:12px; }
.workspace-scope select { max-width:300px; }
@media(max-width:760px) { .workspace-saved-views { flex-wrap:wrap; } .equipment-site-meta { order:4; width:100%; } .equipment-manage-sites { margin-left:0; } }
@media(max-width:680px) { .workspace-metrics { grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; } .workspace-form { grid-template-columns:1fr; } .workspace-heading,.workspace-usage-chart-header { flex-wrap:wrap; } .workspace-usage-legend { justify-content:flex-start; } .workspace-usage-chart-row { grid-template-columns:1fr; gap:7px; } .workspace-scope .workspace-field>span { display:none; } .workspace-scope select { max-width:180px; } .workspace-table th,.workspace-table td { padding:12px; } .workspace-notification-toolbar { align-items:stretch; } .workspace-notification-search { flex-basis:100%; } .workspace-notification-toolbar select { flex:1 1 120px; } .workspace-mark-read { width:100%; margin-left:0; } .workspace-notification-pagination { align-items:flex-start; flex-direction:column; } }