/* WODDI Premium v119 — the uiux-board visual language, dark-first.
   Restyles existing components globally; light mode stays supported. */
html.dark body, body.dm-theme-dark {
  --wp-bg:#0B0B10; --wp-surface:#15151D; --wp-card:#1A1A25; --wp-border:rgba(255,255,255,.08);
  --wp-text:#F5F5F7; --wp-text2:#B9B9C6; --wp-text3:#8A8A99;
  --wp-magenta:#E4007C; --wp-lime:#B5E61D;
  background:var(--wp-bg) !important; color:var(--wp-text);
}
html.dark .card, body.dm-theme-dark .card,
html.dark .learn-hero {
  background:var(--wp-card) !important; border:1px solid var(--wp-border) !important;
  border-radius:18px !important; box-shadow:0 8px 28px rgba(0,0,0,.45) !important;
}
html.dark .primary-btn, body.dm-theme-dark .primary-btn {
  background:var(--wp-magenta) !important; border:none !important; border-radius:14px !important;
  box-shadow:0 4px 18px rgba(228,0,124,.35) !important; font-weight:800 !important;
}
html.dark .bottom-nav {
  background:rgba(16,16,24,.92) !important; backdrop-filter:blur(14px);
  border-top:1px solid var(--wp-border) !important;
}
html.dark .bottom-nav .nav-item.active { color:var(--wp-magenta) !important; }
/* ── board home dashboard ── */
.wp-home { padding:2px 0 8px; }
.wp-greet { display:flex; align-items:center; justify-content:space-between; margin-bottom:4px; }
.wp-greet h1 { margin:0; font-size:1.35rem; font-weight:900; letter-spacing:-.01em; }
.wp-greet p { margin:2px 0 0; font-size:.8125rem; color:var(--wp-text3,#777); }
.wp-week { display:flex; gap:.45rem; margin:.9rem 0 1rem; }
.wp-day { flex:1; text-align:center; font-size:.75rem; font-weight:800; padding:.55rem 0;
  border-radius:12px; border:1px solid var(--wp-border,#e5e5e5); color:var(--wp-text3,#888); }
.wp-day.done { background:rgba(181,230,29,.14); color:var(--wp-lime,#7CB518); border-color:transparent; }
.wp-day.today { background:var(--wp-magenta,#D4006A); color:#fff; border-color:transparent; box-shadow:0 4px 14px rgba(228,0,124,.4); }
.wp-continue { display:flex; align-items:center; gap:1rem; padding:1.1rem 1.15rem; margin-bottom:1rem; }
.wp-continue .meta { flex:1; min-width:0; }
.wp-continue .kicker { font-size:.6875rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--wp-magenta,#D4006A); }
.wp-continue h3 { margin:.2rem 0 .15rem; font-size:1.02rem; line-height:1.25; }
.wp-continue .sub { font-size:.78rem; color:var(--wp-text3,#888); }
.wp-continue .primary-btn { margin-top:.6rem; padding:.55rem 1.1rem; font-size:.84rem; }
.wp-ring { width:72px; height:72px; border-radius:50%; flex:none; display:flex; align-items:center; justify-content:center;
  font-weight:900; font-size:.95rem; color:var(--wp-lime,#5F8E10);
  background:conic-gradient(var(--wp-lime,#B5E61D) calc(var(--p)*1%), rgba(128,128,128,.18) 0); }
.wp-ring > span { width:56px; height:56px; border-radius:50%; background:var(--wp-card,#fff); display:flex; align-items:center; justify-content:center; }
.wp-qa-title { font-size:.8125rem; font-weight:800; color:var(--wp-text3,#888); text-transform:uppercase; letter-spacing:.06em; margin:0 0 .6rem; }
.wp-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:.6rem; margin-bottom:1rem; }
.wp-tile { display:flex; flex-direction:column; align-items:center; gap:.4rem; padding:.85rem .3rem;
  border-radius:16px; background:var(--wp-card,#fff); border:1px solid var(--wp-border,#eee); cursor:pointer; }
.wp-tile i { font-size:1.05rem; color:var(--wp-magenta,#D4006A); }
.wp-tile span { font-size:.66rem; font-weight:700; color:var(--wp-text2,#555); }
.wp-tile:active { transform:scale(.96); }
@media (min-width:900px){ .wp-grid { grid-template-columns:repeat(8,1fr); } .wp-home { max-width:980px; margin:0 auto; } }
/* v120 admin analytics */
.wa-wrap { margin-bottom:1rem; }
.wa-h { font-size:1rem; margin:0 0 .7rem; display:flex; gap:.5rem; align-items:center; }
.wa-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:.6rem; margin-bottom:1rem; }
.wa-tile { background:var(--wp-card,#fff); border:1px solid var(--wp-border,#eee); border-radius:14px;
  padding:.8rem .6rem; text-align:center; }
.wa-tile i { color:var(--wp-magenta,#D4006A); }
.wa-tile b { display:block; font-size:1.3rem; margin:.25rem 0 .1rem; }
.wa-tile span { font-size:.66rem; color:var(--wp-text3,#888); }
.wa-sub { font-size:.8125rem; margin:.9rem 0 .5rem; color:var(--wp-text2,#555); text-transform:uppercase; letter-spacing:.05em; }
.wa-frow { display:grid; grid-template-columns:minmax(90px,1.4fr) auto 1fr auto; gap:.6rem; align-items:center;
  padding:.4rem 0; font-size:.78rem; border-bottom:1px solid var(--wp-border,#eee); }
.wa-fc { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wa-fbar { height:6px; border-radius:99px; background:rgba(128,128,128,.18); overflow:hidden; }
.wa-fbar > div { height:100%; background:linear-gradient(90deg,#E4007C,#B5E61D); }
.wa-erow { display:flex; gap:.7rem; font-size:.75rem; padding:.35rem 0; border-bottom:1px solid var(--wp-border,#eee); }
.wa-ename { font-weight:700; }
.wa-epath { color:var(--wp-magenta,#D4006A); text-transform:uppercase; font-size:.66rem; font-weight:800; }
.wa-etime { margin-left:auto; color:var(--wp-text3,#888); }
.wa-note { padding:.9rem 1rem; font-size:.85rem; margin-bottom:1rem; }