/* Scope is the room device pane only. Mobile header, photos, actions and tenant card are untouched. */
#dt-device.rdu-device-page { --text:#1c3355; --text-muted:#536780; --text-sub:#536780; color:#1c3355; }
.rdu-device-page .dt-device-tabs { display:flex!important; gap:4px!important; padding:4px!important; margin:0 0 12px!important; background:#eef4fb!important; border:1px solid #d7e3f1!important; border-radius:8px!important; }
.rdu-device-page .dt-device-tab { flex:1; min-width:0; text-align:center; padding:8px 2px!important; border-radius:6px!important; border:1px solid transparent!important; background:transparent!important; color:#445875!important; font-size:12px!important; font-weight:550; cursor:pointer; white-space:nowrap; }
.rdu-device-page .dt-device-tab.active { background:#fff!important; color:#175ce0!important; border-color:#9cbeff!important; box-shadow:0 2px 5px #2961bc10!important; font-weight:700; }
.rdu-device-page #dt-device-content { display:grid!important; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:12px; align-items:start; }
.rdu-device-page .rdu-card { min-width:0; margin:0!important; padding:14px!important; box-sizing:border-box; background:#fff!important; border:1px solid #d7e2ef!important; border-radius:8px!important; box-shadow:0 2px 7px #15335b09!important; color:#1c3355; overflow-wrap:anywhere; backdrop-filter:none!important; }
.rdu-device-page .rdu-title { display:flex!important; align-items:center; justify-content:space-between; gap:8px; margin:0 0 10px!important; padding:0 0 9px!important; border-bottom:1px solid #e4ebf4; font-size:14px!important; font-weight:650!important; color:#162c4e!important; }
.rdu-device-page .rdu-title>span { font-size:11px!important; color:#1d5fd6!important; font-weight:500!important; }
.rdu-device-page .rdu-info { grid-column:2; grid-row:1; align-self:stretch; }
.rdu-device-page .rdu-info summary { cursor:pointer; list-style:none; }
.rdu-device-page .rdu-info summary::-webkit-details-marker { display:none; }
.rdu-device-page .rdu-kv { display:grid; grid-template-columns:70px minmax(0,1fr); gap:8px; align-items:start; padding:8px 0; font-size:12px; line-height:1.5; border-bottom:1px solid #edf2f7; }
.rdu-device-page .rdu-kv>span { color:#536780; }
.rdu-device-page .rdu-kv>b { color:#1c3355; font-weight:550; text-align:right; }
.rdu-device-page .rdu-primary { grid-column:1; grid-row:1; }
.rdu-device-page .rdu-daily,.rdu-device-page .rdu-shared,.rdu-device-page .rdu-records { grid-column:1/-1; }
.rdu-device-page .rdu-daily>div:first-child,.rdu-device-page .rdu-records>div:first-child { border-bottom:1px solid #e4ebf4; padding-bottom:9px!important; margin-bottom:5px; }
.rdu-device-page .rdu-empty { grid-column:1/-1; padding:24px 16px!important; min-height:156px; }
.rdu-device-page .rdu-empty>div:first-child { font-size:30px!important; margin-bottom:8px!important; }
.rdu-device-page .rdu-empty>div { color:#536780!important; }
.rdu-device-page .rdu-empty .drp-device-btn { width:fit-content!important; max-width:100%; margin:0 auto; padding:3px 12px!important; }
.rdu-device-page .rdu-lock-surface,.rdu-device-page .rdu-meter-surface { background:#f0f6ff!important; border:1px solid #dce9ff; padding:12px!important; border-radius:7px!important; margin:10px 0 12px!important; }
.rdu-device-page .rdu-lock-surface>div[style*="background"] { background:transparent!important; }
.rdu-device-page .rdu-lock-value,.rdu-device-page .rdu-meter-value { color:#1e5fe0!important; font-size:28px!important; font-weight:750!important; line-height:1.4; }
.rdu-device-page .rdu-lock-surface [style*="font-size:10px"],.rdu-device-page .rdu-meter-surface [style*="color:#64748b"] { font-size:12px!important; color:#536780!important; }
.rdu-device-page .rdu-meter-kpis { margin:12px 0!important; padding:12px 0 0!important; border-top:1px solid #e4ebf4!important; }
.rdu-device-page .rdu-meter-kpis>div { min-width:0; }
.rdu-device-page .rdu-meter-kpis>div>span:first-child { color:#536780!important; font-size:11px!important; }
.rdu-device-page .rdu-meter-kpis small { font-size:10px!important; color:#536780!important; }
.rdu-device-page .rdu-actions { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; margin-top:10px!important; }
.rdu-device-page .rdu-meter-actions { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
.rdu-device-page .rdu-actions button,.rdu-device-page .rdu-empty .drp-device-btn,.rdu-device-page .rdu-unbind { box-sizing:border-box; background:#eaf2ff!important; border:1px solid #c6dafe!important; color:#175bd3!important; border-radius:6px!important; box-shadow:none!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; gap:4px!important; min-width:0; height:36px!important; padding:3px 6px!important; font-size:12px!important; font-weight:550!important; line-height:1.4!important; white-space:nowrap; cursor:pointer; }
.rdu-device-page .rdu-actions button>span:first-child { font-size:14px!important; margin:0!important; }
.rdu-device-page .rdu-actions button>span:nth-child(3) { display:none!important; }
.rdu-device-page .rdu-actions button.rdu-danger,.rdu-device-page .rdu-unbind.rdu-danger { background:#fff3f1!important; color:#b44536!important; border-color:#f1cfc9!important; }
.rdu-device-page .rdu-meter-value[style*="color:#dc2626"] { color:#dc2626!important; }
.rdu-device-page .rdu-unbind { margin-top:12px!important; width:100%; }
.rdu-device-page .rdu-actions button:hover,.rdu-device-page .rdu-empty .drp-device-btn:hover { background:#dceaff!important; border-color:#91b6f4!important; }
.rdu-device-page .rdu-actions button:active { background:#ccdefc!important; }
.rdu-device-page button:focus-visible,.rdu-device-page summary:focus-visible { outline:2px solid #4679d0; outline-offset:2px; }
.rdu-device-page .rdu-info-body>div { font-size:12px!important; line-height:1.5; min-width:0; }
.rdu-device-page .rdu-info-body>div>span:first-child { font-size:12px!important; color:#536780!important; }
.rdu-device-page [id$="-ops"] [style*="font-size:10px"],.rdu-device-page [id^="dl-ops-body-"] [style*="font-size:10px"],.rdu-device-page [id$="-daily"] [style*="font-size:10px"] { font-size:11px!important; color:#536780!important; }
.rdu-device-page [style*="color:#94a3b8"],.rdu-device-page [style*="color:var(--text-sub"] { color:#536780!important; }
.rdu-device-page .rdu-lock-value[style*="color:#dc2626"],.rdu-device-page .rdu-lock-value[style*="color:var(--wp-color-danger"] { color:#dc2626!important; }
.rdu-device-page .rdu-usage-chart { display:flex; gap:8px; align-items:end; min-height:110px; padding:12px 0; }
.rdu-device-page .rdu-usage-column { display:flex; flex:1; min-width:0; flex-direction:column; align-items:center; gap:5px; }
.rdu-device-page .rdu-usage-column b { font-size:11px; font-weight:550; color:#215bb7; text-align:center; }
.rdu-device-page .rdu-usage-column i { width:min(28px,75%); background:#5d91ed; border-radius:4px 4px 0 0; }
.rdu-device-page .rdu-usage-column span { font-size:11px; color:#536780; }
.rdu-device-page .rdu-usage-details>summary { cursor:pointer; color:#1d5fd6; border-top:1px solid #e4ebf4; padding:9px 0 0; font-size:12px; }
@media(min-width:769px) {
  .rmp-info #dt-device.active { grid-column:1/10; grid-row:9; display:block!important; min-width:0; padding:0!important; }
  .rmp-info #detail-right-panel { position:static!important; top:auto!important; align-self:start; }
  .rmp-info .rdu-side-unbound .drp-device-status { color:#536780!important; background:#edf2f8!important; }
  .rdu-device-page .rdu-generated-info:not([open])>:not(summary),.rdu-device-page .rdu-original-info .rdu-info-body { display:block!important; }
  .rdu-device-page .rdu-info-hint,.rdu-device-page .rdu-original-info>.rdu-title>span:last-child { display:none!important; }
}
@media(max-width:768px) {
  .rdu-device-page .dt-device-tabs { background:#fff!important; border-color:#d7e2ef!important; border-radius:10px!important; box-shadow:0 2px 7px #15335b09!important; }
  .rdu-device-page .dt-device-tab { background:#fff!important; }
  .rdu-device-page .dt-device-tab.active { background:#eaf2ff!important; border-color:#c6dafe!important; color:#175ce0!important; box-shadow:none!important; }
  .rdu-device-page .dt-device-tab:active:not(.active) { background:#f0f6ff!important; }
  .rdu-device-page #dt-device-content { grid-template-columns:minmax(0,1fr); gap:10px; }
  .rdu-device-page .rdu-card { padding:12px 11px!important; border-radius:10px!important; }
  .rdu-device-page .rdu-info { grid-column:1; grid-row:2; }
  .rdu-device-page .rdu-title { font-size:14px!important; }
  .rdu-device-page .rdu-actions { gap:6px!important; }
  .rdu-device-page .rdu-actions button,.rdu-device-page .rdu-unbind,.rdu-device-page .rdu-empty .drp-device-btn { height:32px!important; font-size:12px!important; }
  .rdu-device-page .rdu-meter-kpis>div>span:first-child { font-size:11px!important; }
  .rdu-device-page .rdu-title>span { font-size:12px!important; }
  .rdu-device-page .rdu-info:not([open])>summary { margin:0!important; padding:0!important; border:0; }
  .rdu-device-page .rdu-empty { padding:24px 12px!important; }
}

/* Keep shared device navigation anchored below the six detail tabs.
   Meter content may span the full width; it must not relocate its parent tabs. */
@media(min-width:769px) {
  body #desktop-house-detail-modal .desktop-house-detail-dialog.rmu-room-upper.rmp-info #dt-device.rdu-device-page.active {
    display:contents!important;
    padding:0!important;
  }
  body #desktop-house-detail-modal .desktop-house-detail-dialog.rmu-room-upper.rmp-info #dt-device.rdu-device-page.active>.dt-device-tabs {
    grid-column:1/10!important;
    grid-row:9!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    height:44.5px!important;
    box-sizing:border-box;
    align-self:start;
    margin:0!important;
  }
  body #desktop-house-detail-modal .desktop-house-detail-dialog.rmu-room-upper.rmp-info #dt-device.rdu-device-page.active>#dt-device-content {
    grid-column:1/10!important;
    grid-row:10!important;
    min-width:0;
    align-self:start;
  }
  body #desktop-house-detail-modal .desktop-house-detail-dialog.rmu-room-upper.rmp-info #dt-device.rdu-device-page.active>#dt-device-content.rmv2-root {
    grid-column:1/-1!important;
  }
}
@media(min-width:1101px) {
  body #desktop-house-detail-modal .desktop-house-detail-dialog.rmu-room-upper.rmp-info #dt-device.rdu-device-page.active>.dt-device-tabs {
    grid-row:5!important;
  }
  body #desktop-house-detail-modal .desktop-house-detail-dialog.rmu-room-upper.rmp-info #dt-device.rdu-device-page.active>#dt-device-content {
    grid-row:6/9!important;
  }
  body #desktop-house-detail-modal .desktop-house-detail-dialog.rmu-room-upper.rmp-info #dt-device.rdu-device-page.active>#dt-device-content.rmv2-root {
    grid-row:9!important;
  }
}