/* Tâm Da Family 2.3.4 — compact dark dashboard. Appended after dark-only.css.
   The saved Studio/R2 layout remains version 2 and compatible with past versions. */
/* Brand: actual vector DC mark; icon stays larger in expanded/compact/mobile modes. */
.sidebar .brand {gap:12px!important;align-items:center!important;min-height:66px!important;}
.dc-brand-mark {display:inline-flex;flex:none;align-items:center;justify-content:center;width:64px;height:64px;overflow:visible;}
.dc-brand-mark img {width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 2px 5px #0005);}
.sidebar .dc-brand-mark {width:68px;height:68px;}
.brand-copy strong {font-weight:520!important;}
html[data-sidebar=compact] .sidebar .brand {padding-bottom:14px!important;min-height:62px!important;}
html[data-sidebar=compact] .sidebar .dc-brand-mark {width:53px;height:53px;max-width:53px;}
.mobile-brand .dc-brand-mark {width:41px;height:41px;}
.mobile-brand {gap:8px!important;font-family:Inter,system-ui,sans-serif!important;font-size:17px!important;}
.dc-login-mark {background:none!important;border:none!important;box-shadow:none!important;}
.dc-login-mark img {width:100%;height:100%;display:block;object-fit:contain;}
.login-monogram.dc-login-mark {width:92px;height:92px;margin:0 0 22px;line-height:normal;}
.login-house.dc-login-mark {display:block;width:min(45vw,260px);height:min(45vw,260px);line-height:normal;opacity:.7;}
/* Stats: soft colored glow, layered dark gradients and a readable line glyph. */
.stat-card {min-height:125px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;}
.stat-card .stat-icon,.stat-card.danger .stat-icon {flex:none;display:flex!important;align-items:center;justify-content:center;width:59px;height:59px;border:1px solid #ffffff0e!important;border-radius:16px;background:#242833!important;opacity:1!important;box-shadow:inset 0 1px 0 #ffffff0b,0 10px 24px #00000020!important;}
.stat-card .stat-icon .line-icon {width:31px!important;height:31px!important;stroke-width:1.55!important;}
.stat-card .stat-icon.stat-icon--blue {background:radial-gradient(circle at 19% 22%,#14477e 0%,#123050 55%,#1d2533 100%)!important;color:#91c4f9!important;}
.stat-card .stat-icon.stat-icon--amber {background:radial-gradient(circle at 19% 22%,#745019 0%,#41341e 56%,#27272a 100%)!important;color:#e1c18b!important;}
.stat-card .stat-icon.stat-icon--mint {background:radial-gradient(circle at 19% 22%,#14604e 0%,#193c34 56%,#222b2b 100%)!important;color:#90d2bc!important;}
.stat-subnum {font-size:.63em!important;color:#888b93!important;font-weight:400;}
/* Horizontal category cards: large icon left; each nonzero count on its own line. */
.areas-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important;}
.area-card.area-card--detail {display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:15px!important;min-height:132px!important;padding:18px 16px!important;text-align:left!important;}
.area-card--detail .area-emoji {flex:none;display:flex;align-items:center;justify-content:center;}
.area-card--detail .area-emoji .room-icon {width:64px!important;height:64px!important;padding:14px!important;border-radius:18px!important;stroke-width:1.55!important;}
.area-card-copy {display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-width:0;flex:1;}
.area-card--detail .area-card-copy strong {font-size:13px!important;line-height:1.35!important;color:#e5e5e8!important;letter-spacing:-.015em;font-weight:550!important;overflow-wrap:anywhere;}
.area-card--detail .area-meta {display:flex;align-items:center;gap:6px;font-size:11px!important;line-height:1.35!important;font-weight:400;color:#a5a6ac!important;white-space:normal;}
.area-meta i {display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85;}
.area-card--detail .area-meta--low {color:#dfa0a8!important;}
.area-card--detail .area-meta--waiting {color:#dcc08f!important;}
.area-card--detail .area-meta--need {color:#c6b0e1!important;}
/* Landscape tablets have 2-3 cards; narrow phones keep 2 compact cards. */
@media (max-width:1200px) and (min-width:901px) {.areas-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media (max-width:900px) {.areas-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}.area-card.area-card--detail{min-height:112px!important;padding:12px!important;gap:11px!important;}.area-card--detail .area-emoji .room-icon{width:52px!important;height:52px!important;padding:11px!important;border-radius:15px!important;}}
@media (max-width:600px) {.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.stat-card:nth-child(3){grid-column:1/-1;min-height:86px!important;}.stat-num{font-size:26px!important;white-space:nowrap;}.stat-card{min-height:100px!important;padding:12px 10px!important;}.stat-card .stat-icon,.stat-card.danger .stat-icon{display:flex!important;width:40px;height:40px;border-radius:12px;}.stat-card .stat-icon .line-icon{width:22px!important;height:22px!important;}.area-card.area-card--detail{padding:12px 9px!important;min-height:104px!important;gap:8px!important;}.area-card--detail .area-emoji .room-icon{width:44px!important;height:44px!important;padding:9px!important;border-radius:12px!important;}.area-card--detail .area-card-copy strong{font-size:11px!important;}.area-card--detail .area-meta{font-size:10px!important;gap:4px;}.area-card-copy{gap:4px;}.sidebar .dc-brand-mark{width:48px;height:48px;}}
@media (max-width:370px) {.areas-grid{grid-template-columns:1fr!important;}.area-card.area-card--detail{min-height:85px!important;}}

/* dashboard-234-gradient-card-and-free-icons */

.stats-grid > .stat-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: #34363e !important;
}

.stats-grid > .stat-card:nth-child(1) {
  background: radial-gradient(ellipse 78% 170% at -8% 50%, #0d4faa57 0%, #11356a2e 47%, transparent 93%), linear-gradient(100deg, #1d2738, #1a1b1e 72%) !important;
}

.stats-grid > .stat-card:nth-child(2) {
  background: radial-gradient(ellipse 78% 170% at -8% 50%, #804f124d 0%, #4f351826 47%, transparent 93%), linear-gradient(100deg, #29241d, #1a1b1e 72%) !important;
}

.stats-grid > .stat-card:nth-child(3) {
  background: radial-gradient(ellipse 78% 170% at -8% 50%, #0b6d5647 0%, #11463926 47%, transparent 93%), linear-gradient(100deg, #1b2a27, #1a1b1e 72%) !important;
}

.stats-grid .stat-card .stat-icon,
.stats-grid .stat-card.danger .stat-icon {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  opacity: 1 !important;
}

.area-card.area-card--detail {
  align-items: stretch !important;
}

.area-card--detail .area-emoji {
  width: 68px !important;
  min-width: 68px;
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

.area-card--detail .area-emoji .room-icon {
  width: 59px !important;
  height: 59px !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  stroke-width: 1.5 !important;
}

.area-card--detail .area-card-copy {
  align-self: center;
}

@media (max-width: 900px) {
  .area-card--detail .area-emoji {
    width: 52px !important;
    min-width: 52px;
  }
  .area-card--detail .area-emoji .room-icon {
    width: 49px !important;
    height: 49px !important;
    padding: 0 !important;
  }
}

@media (max-width: 600px) {
  .area-card.area-card--detail {
    gap: 8px !important;
  }
  .area-card--detail .area-emoji {
    width: 44px !important;
    min-width: 44px;
  }
  .area-card--detail .area-emoji .room-icon {
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
  }
}