/* WDH Work Planner v3.0 — Theme-proof CSS */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* NUCLEAR RESET — override everything from theme */
#wdh-planner-wrap,
#wdh-planner-wrap * {
  box-sizing: border-box !important;
  font-family: 'Inter', 'Segoe UI', system-ui, sans-serif !important;
  line-height: normal !important;
}
#wdh-planner-wrap *::before,
#wdh-planner-wrap *::after {
  box-sizing: border-box !important;
}

/* Remove ALL theme interference */
#wdh-planner-wrap p,
#wdh-planner-wrap h1,
#wdh-planner-wrap h2,
#wdh-planner-wrap h3,
#wdh-planner-wrap ul,
#wdh-planner-wrap ol,
#wdh-planner-wrap li {
  margin: 0 !important;
  padding: 0 !important;
  line-height: normal !important;
  list-style: none !important;
}

#wdh-planner-wrap {
  --blue:      #3b82f6;
  --blue-d:    #1d4ed8;
  --blue-l:    #eff6ff;
  --green:     #10b981;
  --green-l:   #ecfdf5;
  --red:       #ef4444;
  --red-l:     #fef2f2;
  --yellow:    #f59e0b;
  --yellow-l:  #fffbeb;
  --dark:      #0f172a;
  --dark2:     #1e293b;
  --slate:     #64748b;
  --border:    #e2e8f0;
  --bg:        #f1f5f9;
  --card:      #ffffff;
  --radius:    12px;
  background:  #f1f5f9 !important;
  color:       #1e293b !important;
  display:     block !important;
  width:       100% !important;
  min-height:  100vh !important;
  padding:     0 !important;
  margin:      0 !important;
}

/* ====== HEADER ====== */
#wdh-planner-wrap .wdh-header {
  background:  #0f172a !important;
  padding:     0 !important;
  margin:      0 !important;
  position:    sticky !important;
  top:         0 !important;
  z-index:     9999 !important;
  box-shadow:  0 2px 20px rgba(0,0,0,.5) !important;
  display:     block !important;
  width:       100% !important;
}

#wdh-planner-wrap .wdh-header-inner {
  display:         flex !important;
  flex-wrap:       wrap !important;
  align-items:     center !important;
  justify-content: space-between !important;
  padding:         12px 24px !important;
  gap:             12px !important;
  margin:          0 !important;
}

#wdh-planner-wrap .wdh-logo {
  display:     flex !important;
  align-items: center !important;
  gap:         10px !important;
  margin:      0 !important;
  padding:     0 !important;
}
#wdh-planner-wrap .wdh-logo-icon {
  width:           38px !important;
  height:          38px !important;
  background:      #3b82f6 !important;
  border-radius:   10px !important;
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  font-size:       20px !important;
  line-height:     1 !important;
  flex-shrink:     0 !important;
}
#wdh-planner-wrap .wdh-logo-text {
  font-size:   20px !important;
  font-weight: 700 !important;
  color:       #ffffff !important;
  white-space: nowrap !important;
  margin:      0 !important;
  padding:     0 !important;
}
#wdh-planner-wrap .wdh-logo-text strong {
  color:       #60a5fa !important;
  font-weight: 800 !important;
}

#wdh-planner-wrap .wdh-header-meta {
  display:     flex !important;
  align-items: center !important;
  gap:         20px !important;
  flex-wrap:   wrap !important;
}
#wdh-planner-wrap .wdh-user-greet {
  display:     flex !important;
  align-items: center !important;
  gap:         8px !important;
  font-size:   13px !important;
  color:       #94a3b8 !important;
  margin:      0 !important;
  padding:     0 !important;
}
#wdh-planner-wrap .wdh-user-greet strong {
  color:       #e2e8f0 !important;
  font-weight: 600 !important;
}
#wdh-planner-wrap .wdh-user-avatar {
  width:           32px !important;
  height:          32px !important;
  background:      #3b82f6 !important;
  border-radius:   50% !important;
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  font-size:       14px !important;
  font-weight:     700 !important;
  color:           #fff !important;
  flex-shrink:     0 !important;
  margin:          0 !important;
  padding:         0 !important;
}
#wdh-planner-wrap .wdh-header-time {
  display:        flex !important;
  flex-direction: column !important;
  align-items:    flex-end !important;
  gap:            2px !important;
}
#wdh-planner-wrap .wdh-clock {
  font-size:   22px !important;
  font-weight: 800 !important;
  color:       #60a5fa !important;
  letter-spacing: -.5px !important;
  line-height: 1 !important;
  margin:      0 !important;
  padding:     0 !important;
}
#wdh-planner-wrap .wdh-date-live {
  font-size:   11px !important;
  color:       #64748b !important;
  margin:      0 !important;
  padding:     0 !important;
}

/* ====== TABS ====== */
#wdh-planner-wrap .wdh-tabs {
  display:        flex !important;
  overflow-x:     auto !important;
  scrollbar-width:none !important;
  background:     #1e293b !important;
  border-top:     1px solid rgba(255,255,255,.07) !important;
  padding:        0 20px !important;
  margin:         0 !important;
  gap:            0 !important;
  width:          100% !important;
}
#wdh-planner-wrap .wdh-tabs::-webkit-scrollbar { display: none !important; }

#wdh-planner-wrap .wdh-tab {
  background:     transparent !important;
  color:          #64748b !important;
  border:         none !important;
  border-bottom:  3px solid transparent !important;
  padding:        12px 18px !important;
  cursor:         pointer !important;
  font-size:      13px !important;
  font-weight:    600 !important;
  white-space:    nowrap !important;
  display:        flex !important;
  align-items:    center !important;
  gap:            6px !important;
  flex-shrink:    0 !important;
  transition:     all .2s !important;
  margin:         0 !important;
  outline:        none !important;
}
#wdh-planner-wrap .wdh-tab:hover {
  color:          #cbd5e1 !important;
  background:     rgba(255,255,255,.05) !important;
}
#wdh-planner-wrap .wdh-tab.active {
  color:          #60a5fa !important;
  border-bottom:  3px solid #3b82f6 !important;
  background:     rgba(59,130,246,.1) !important;
}

/* ====== PANELS ====== */
#wdh-planner-wrap .wdh-panel {
  display:  none !important;
  padding:  24px 20px !important;
  margin:   0 !important;
  width:    100% !important;
}
#wdh-planner-wrap .wdh-panel.active {
  display:  block !important;
}

/* ====== STATS ROW ====== */
#wdh-planner-wrap .wdh-stats-row {
  display:               grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap:                   14px !important;
  margin-bottom:         24px !important;
  padding:               0 !important;
  width:                 100% !important;
}

#wdh-planner-wrap .wdh-stat-card {
  background:    #ffffff !important;
  border-radius: 12px !important;
  padding:       18px 16px !important;
  display:       flex !important;
  align-items:   center !important;
  gap:           14px !important;
  box-shadow:    0 2px 8px rgba(0,0,0,.08) !important;
  border:        1px solid #e2e8f0 !important;
  margin:        0 !important;
  width:         100% !important;
}
#wdh-planner-wrap .wdh-stat-icon {
  width:           46px !important;
  height:          46px !important;
  min-width:       46px !important;
  border-radius:   12px !important;
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  font-size:       22px !important;
  flex-shrink:     0 !important;
  line-height:     1 !important;
  margin:          0 !important;
  padding:         0 !important;
}
#wdh-planner-wrap .stat-blue   { background: #eff6ff !important; }
#wdh-planner-wrap .stat-green  { background: #ecfdf5 !important; }
#wdh-planner-wrap .stat-red    { background: #fef2f2 !important; }
#wdh-planner-wrap .stat-yellow { background: #fffbeb !important; }

#wdh-planner-wrap .wdh-stat-info {
  display:        flex !important;
  flex-direction: column !important;
  gap:            3px !important;
  min-width:      0 !important;
  margin:         0 !important;
  padding:        0 !important;
}
#wdh-planner-wrap .wdh-stat-num {
  font-size:   28px !important;
  font-weight: 800 !important;
  color:       #0f172a !important;
  line-height: 1 !important;
  margin:      0 !important;
  padding:     0 !important;
  display:     block !important;
}
#wdh-planner-wrap .wdh-stat-lbl {
  font-size:   12px !important;
  color:       #64748b !important;
  font-weight: 500 !important;
  margin:      0 !important;
  padding:     0 !important;
  display:     block !important;
}

/* ====== SECTION HEAD ====== */
#wdh-planner-wrap .wdh-section-head {
  display:         flex !important;
  align-items:     center !important;
  justify-content: space-between !important;
  margin-bottom:   16px !important;
  padding:         0 !important;
  flex-wrap:       wrap !important;
  gap:             10px !important;
}
#wdh-planner-wrap .wdh-section-head h2 {
  font-size:   20px !important;
  font-weight: 700 !important;
  color:       #1e293b !important;
  display:     flex !important;
  align-items: center !important;
  gap:         8px !important;
  margin:      0 !important;
  padding:     0 !important;
}

/* ====== ADD CARD ====== */
#wdh-planner-wrap .wdh-add-card {
  background:    #ffffff !important;
  border-radius: 12px !important;
  padding:       16px 18px !important;
  margin-bottom: 20px !important;
  display:       flex !important;
  flex-wrap:     wrap !important;
  gap:           10px !important;
  align-items:   center !important;
  box-shadow:    0 2px 8px rgba(0,0,0,.07) !important;
  border:        1px solid #e2e8f0 !important;
  width:         100% !important;
}

#wdh-planner-wrap .wdh-add-card input[type="text"],
#wdh-planner-wrap .wdh-add-card input[type="time"],
#wdh-planner-wrap .wdh-add-card input[type="date"],
#wdh-planner-wrap .wdh-add-card select,
#wdh-planner-wrap .wdh-add-card textarea {
  flex:          1 1 200px !important;
  padding:       10px 14px !important;
  border:        1.5px solid #e2e8f0 !important;
  border-radius: 8px !important;
  font-size:     14px !important;
  color:         #1e293b !important;
  background:    #f8fafc !important;
  outline:       none !important;
  box-shadow:    none !important;
  transition:    border-color .2s !important;
  margin:        0 !important;
  height:        auto !important;
}
#wdh-planner-wrap .wdh-add-card input:focus,
#wdh-planner-wrap .wdh-add-card select:focus,
#wdh-planner-wrap .wdh-add-card textarea:focus {
  border-color: #3b82f6 !important;
  box-shadow:   0 0 0 3px rgba(59,130,246,.12) !important;
}
#wdh-planner-wrap .wdh-add-card textarea {
  resize:     vertical !important;
  min-height: 64px !important;
}

/* ====== BUTTONS ====== */
#wdh-planner-wrap .wdh-btn {
  display:       inline-flex !important;
  align-items:   center !important;
  gap:           6px !important;
  padding:       10px 20px !important;
  border:        none !important;
  border-radius: 8px !important;
  cursor:        pointer !important;
  font-size:     13px !important;
  font-weight:   600 !important;
  white-space:   nowrap !important;
  transition:    all .18s !important;
  outline:       none !important;
  text-decoration: none !important;
  margin:        0 !important;
  line-height:   1 !important;
}
#wdh-planner-wrap .wdh-btn-primary {
  background:  #3b82f6 !important;
  color:       #ffffff !important;
  box-shadow:  0 2px 8px rgba(59,130,246,.4) !important;
}
#wdh-planner-wrap .wdh-btn-primary:hover {
  background:  #1d4ed8 !important;
  box-shadow:  0 4px 14px rgba(59,130,246,.5) !important;
  transform:   translateY(-1px) !important;
  color:       #ffffff !important;
}

#wdh-planner-wrap .wdh-btn-sm {
  padding:       5px 12px !important;
  font-size:     12px !important;
  border-radius: 6px !important;
  border:        none !important;
  cursor:        pointer !important;
  font-weight:   600 !important;
  transition:    all .15s !important;
  margin:        0 !important;
  line-height:   1 !important;
}
#wdh-planner-wrap .wdh-btn-del {
  background: #fef2f2 !important;
  color:      #ef4444 !important;
}
#wdh-planner-wrap .wdh-btn-del:hover {
  background: #ef4444 !important;
  color:      #fff !important;
}

/* ====== TO-DO LIST ====== */
#wdh-planner-wrap .wdh-todo-list {
  display:        flex !important;
  flex-direction: column !important;
  gap:            8px !important;
  padding:        0 !important;
  margin:         0 !important;
}
#wdh-planner-wrap .wdh-todo-item {
  background:    #ffffff !important;
  border-radius: 10px !important;
  padding:       14px 16px !important;
  display:       flex !important;
  align-items:   center !important;
  gap:           12px !important;
  box-shadow:    0 1px 4px rgba(0,0,0,.07) !important;
  border:        1px solid #e2e8f0 !important;
  border-left:   4px solid #e2e8f0 !important;
  margin:        0 !important;
  width:         100% !important;
  position:      relative !important;
  transition:    all .2s !important;
}
#wdh-planner-wrap .wdh-todo-item:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,.12) !important;
  transform:  translateX(3px) !important;
}
#wdh-planner-wrap .wdh-todo-item.priority-high   { border-left-color: #ef4444 !important; }
#wdh-planner-wrap .wdh-todo-item.priority-medium { border-left-color: #f59e0b !important; }
#wdh-planner-wrap .wdh-todo-item.priority-low    { border-left-color: #10b981 !important; }
#wdh-planner-wrap .wdh-todo-item.done-item { opacity: .55 !important; }
#wdh-planner-wrap .wdh-todo-item.done-item .wdh-todo-text {
  text-decoration: line-through !important;
  color: #94a3b8 !important;
}
#wdh-planner-wrap .wdh-todo-check {
  width:      18px !important;
  height:     18px !important;
  cursor:     pointer !important;
  flex-shrink:0 !important;
  margin:     0 !important;
  padding:    0 !important;
  accent-color: #3b82f6 !important;
}
#wdh-planner-wrap .wdh-todo-text {
  flex:      1 !important;
  font-size: 14px !important;
  font-weight:500 !important;
  color:     #1e293b !important;
  margin:    0 !important;
  padding:   0 !important;
}
#wdh-planner-wrap .wdh-priority-badge {
  font-size:    11px !important;
  padding:      3px 10px !important;
  border-radius:20px !important;
  font-weight:  700 !important;
  flex-shrink:  0 !important;
  margin:       0 !important;
  white-space:  nowrap !important;
}
#wdh-planner-wrap .badge-high   { background: #fef2f2 !important; color: #b91c1c !important; }
#wdh-planner-wrap .badge-medium { background: #fffbeb !important; color: #92400e !important; }
#wdh-planner-wrap .badge-low    { background: #ecfdf5 !important; color: #065f46 !important; }

/* ====== STICKY NOTES ====== */
#wdh-planner-wrap .wdh-sticky-board {
  display:               grid !important;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
  gap:                   16px !important;
  padding:               0 !important;
  margin:                0 !important;
}
#wdh-planner-wrap .wdh-sticky-note {
  border-radius:  12px !important;
  padding:        16px !important;
  min-height:     140px !important;
  position:       relative !important;
  box-shadow:     3px 4px 14px rgba(0,0,0,.12) !important;
  display:        flex !important;
  flex-direction: column !important;
  justify-content:space-between !important;
  margin:         0 !important;
  width:          100% !important;
  transition:     transform .2s, box-shadow .2s !important;
  border:         none !important;
}
#wdh-planner-wrap .wdh-sticky-note:hover {
  transform:  translateY(-4px) rotate(.5deg) !important;
  box-shadow: 5px 8px 22px rgba(0,0,0,.18) !important;
}
#wdh-planner-wrap .wdh-note-text {
  font-size:   14px !important;
  line-height: 1.7 !important;
  color:       #1e1e1e !important;
  white-space: pre-wrap !important;
  word-break:  break-word !important;
  flex:        1 !important;
  margin:      0 !important;
  padding:     0 !important;
}
#wdh-planner-wrap .wdh-note-date {
  font-size:  11px !important;
  color:      rgba(0,0,0,.4) !important;
  margin-top: 10px !important;
  padding:    0 !important;
  font-weight:500 !important;
}
#wdh-planner-wrap .wdh-sticky-del {
  position:        absolute !important;
  top:             10px !important;
  right:           10px !important;
  background:      rgba(0,0,0,.1) !important;
  border:          none !important;
  border-radius:   50% !important;
  width:           24px !important;
  height:          24px !important;
  cursor:          pointer !important;
  font-size:       13px !important;
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  color:           rgba(0,0,0,.5) !important;
  padding:         0 !important;
  margin:          0 !important;
  transition:      all .2s !important;
  line-height:     1 !important;
}
#wdh-planner-wrap .wdh-sticky-del:hover {
  background: #ef4444 !important;
  color:      #fff !important;
}
#wdh-planner-wrap .wdh-color-row {
  display:     flex !important;
  align-items: center !important;
  gap:         8px !important;
  flex-wrap:   wrap !important;
  margin:      0 !important;
  padding:     0 !important;
}
#wdh-planner-wrap .wdh-color-dot {
  width:        28px !important;
  height:       28px !important;
  border-radius:50% !important;
  cursor:       pointer !important;
  border:       2.5px solid transparent !important;
  display:      flex !important;
  align-items:  center !important;
  justify-content:center !important;
  font-size:    13px !important;
  transition:   transform .15s, border-color .15s !important;
  flex-shrink:  0 !important;
  margin:       0 !important;
  padding:      0 !important;
}
#wdh-planner-wrap .wdh-color-dot:hover  { transform: scale(1.2) !important; }
#wdh-planner-wrap .wdh-color-dot.selected {
  border-color: #0f172a !important;
  transform:    scale(1.25) !important;
}

/* ====== TIME TABLE ====== */
#wdh-planner-wrap .wdh-timetable-overflow {
  overflow-x:    auto !important;
  border-radius: 12px !important;
  margin:        0 !important;
  padding:       0 !important;
  width:         100% !important;
}
#wdh-planner-wrap .wdh-timetable-grid {
  display:               grid !important;
  grid-template-columns: 80px repeat(7, 1fr) !important;
  gap:                   3px !important;
  min-width:             700px !important;
  background:            #e2e8f0 !important;
  border-radius:         12px !important;
  overflow:              hidden !important;
  margin:                0 !important;
  padding:               0 !important;
}
#wdh-planner-wrap .wdh-tt-head {
  background:  #0f172a !important;
  color:       #e2e8f0 !important;
  text-align:  center !important;
  padding:     12px 6px !important;
  font-size:   12px !important;
  font-weight: 700 !important;
  letter-spacing:.5px !important;
  margin:      0 !important;
}
#wdh-planner-wrap .wdh-tt-head.today-head {
  background: #3b82f6 !important;
  color:      #fff !important;
}
#wdh-planner-wrap .wdh-tt-cell {
  background:  #ffffff !important;
  padding:     8px !important;
  min-height:  60px !important;
  margin:      0 !important;
  vertical-align:top !important;
}
#wdh-planner-wrap .wdh-tt-cell.today-col { background: #eff6ff !important; }
#wdh-planner-wrap .wdh-tt-row-label {
  background:      #1e293b !important;
  color:           #94a3b8 !important;
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  font-size:       11px !important;
  font-weight:     600 !important;
  padding:         6px !important;
  margin:          0 !important;
}
#wdh-planner-wrap .wdh-slot-chip {
  background:  #dbeafe !important;
  color:       #1e40af !important;
  border-radius:6px !important;
  padding:     4px 8px !important;
  font-size:   11px !important;
  margin-bottom:4px !important;
  display:     flex !important;
  align-items: flex-start !important;
  gap:         4px !important;
  line-height: 1.4 !important;
}
#wdh-planner-wrap .wdh-slot-chip span { flex: 1 !important; word-break: break-word !important; }
#wdh-planner-wrap .wdh-slot-del-btn {
  background: none !important;
  border:     none !important;
  cursor:     pointer !important;
  color:      #dc2626 !important;
  font-size:  13px !important;
  padding:    0 !important;
  margin:     0 !important;
  line-height:1 !important;
  flex-shrink:0 !important;
}
#wdh-planner-wrap .wdh-slot-del-btn:hover { color: #991b1b !important; }

/* ====== DAILY LOG ====== */
#wdh-planner-wrap .wdh-log-grid {
  display:               grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap:                   20px !important;
  align-items:           start !important;
  margin:                0 !important;
  padding:               0 !important;
}
#wdh-planner-wrap .wdh-log-form-card,
#wdh-planner-wrap .wdh-log-history-card {
  background:    #ffffff !important;
  border-radius: 12px !important;
  padding:       20px !important;
  box-shadow:    0 2px 8px rgba(0,0,0,.07) !important;
  border:        1px solid #e2e8f0 !important;
  margin:        0 !important;
  width:         100% !important;
}
#wdh-planner-wrap .wdh-log-form-card h3,
#wdh-planner-wrap .wdh-log-history-card h3 {
  font-size:     15px !important;
  font-weight:   700 !important;
  margin-bottom: 14px !important;
  color:         #1e293b !important;
  padding:       0 !important;
}
#wdh-planner-wrap .wdh-log-form-card input[type="date"],
#wdh-planner-wrap #log-text {
  width:         100% !important;
  padding:       10px 14px !important;
  border:        1.5px solid #e2e8f0 !important;
  border-radius: 8px !important;
  font-size:     14px !important;
  color:         #1e293b !important;
  background:    #f8fafc !important;
  display:       block !important;
  margin-bottom: 12px !important;
  outline:       none !important;
  box-shadow:    none !important;
}
#wdh-planner-wrap #log-text {
  resize:     vertical !important;
  min-height: 120px !important;
  font-family:inherit !important;
}
#wdh-planner-wrap .wdh-mood-row {
  display:       flex !important;
  flex-wrap:     wrap !important;
  gap:           8px !important;
  margin-bottom: 14px !important;
  padding:       0 !important;
}
#wdh-planner-wrap .wdh-mood-btn {
  padding:       7px 14px !important;
  border:        2px solid #e2e8f0 !important;
  border-radius: 20px !important;
  background:    #f8fafc !important;
  cursor:        pointer !important;
  font-size:     13px !important;
  font-weight:   600 !important;
  transition:    all .2s !important;
  display:       flex !important;
  align-items:   center !important;
  gap:           5px !important;
  margin:        0 !important;
  outline:       none !important;
  color:         #1e293b !important;
}
#wdh-planner-wrap .wdh-mood-btn:hover {
  border-color: #3b82f6 !important;
  background:   #eff6ff !important;
}
#wdh-planner-wrap .wdh-mood-btn.mood-active {
  border-color: #3b82f6 !important;
  background:   #3b82f6 !important;
  color:        #ffffff !important;
}
#wdh-planner-wrap .wdh-saved-msg {
  color:       #10b981 !important;
  font-size:   13px !important;
  font-weight: 600 !important;
  margin-left: 10px !important;
}
#wdh-planner-wrap .wdh-log-history-card {
  max-height:  600px !important;
  overflow-y:  auto !important;
}
#wdh-planner-wrap .wdh-log-entry {
  border-left:   3px solid #dbeafe !important;
  padding:       12px 14px !important;
  margin-bottom: 10px !important;
  background:    #f8fafc !important;
  border-radius: 0 8px 8px 0 !important;
  transition:    border-color .2s !important;
  margin-left:   0 !important;
  margin-right:  0 !important;
}
#wdh-planner-wrap .wdh-log-entry:hover { border-left-color: #3b82f6 !important; }
#wdh-planner-wrap .wdh-log-entry-top {
  display:         flex !important;
  justify-content: space-between !important;
  flex-wrap:       wrap !important;
  gap:             6px !important;
  margin-bottom:   6px !important;
  padding:         0 !important;
}
#wdh-planner-wrap .wdh-log-entry-date {
  font-weight: 700 !important;
  font-size:   13px !important;
  color:       #1e293b !important;
  margin:      0 !important;
  padding:     0 !important;
}
#wdh-planner-wrap .wdh-log-mood-badge {
  font-size:     12px !important;
  padding:       2px 10px !important;
  border-radius: 20px !important;
  background:    #eff6ff !important;
  color:         #3b82f6 !important;
  font-weight:   600 !important;
  margin:        0 !important;
}
#wdh-planner-wrap .wdh-log-entry-text {
  font-size:   13px !important;
  color:       #64748b !important;
  white-space: pre-wrap !important;
  line-height: 1.6 !important;
  margin:      0 !important;
  padding:     0 !important;
}

/* ====== EMPTY STATE ====== */
#wdh-planner-wrap .wdh-empty {
  text-align:    center !important;
  padding:       48px 20px !important;
  background:    #ffffff !important;
  border-radius: 12px !important;
  border:        1.5px dashed #e2e8f0 !important;
  color:         #64748b !important;
  margin:        0 !important;
  width:         100% !important;
}
#wdh-planner-wrap .wdh-empty-icon {
  font-size:     40px !important;
  margin-bottom: 12px !important;
  display:       block !important;
  line-height:   1 !important;
}
#wdh-planner-wrap .wdh-empty p {
  font-size: 14px !important;
  color:     #64748b !important;
  margin:    0 !important;
  padding:   0 !important;
}
#wdh-planner-wrap .wdh-loading {
  text-align: center !important;
  padding:    40px !important;
  color:      #64748b !important;
  font-size:  14px !important;
  margin:     0 !important;
}

/* ====== FOOTER ====== */
#wdh-planner-wrap .wdh-footer {
  background:      #0f172a !important;
  color:           #475569 !important;
  text-align:      center !important;
  padding:         18px 24px !important;
  font-size:       13px !important;
  margin-top:      0 !important;
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  gap:             14px !important;
  flex-wrap:       wrap !important;
  width:           100% !important;
}

/* ====== ANIMATIONS ====== */
@keyframes wdh-fadein {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
#wdh-planner-wrap .wdh-todo-item,
#wdh-planner-wrap .wdh-sticky-note,
#wdh-planner-wrap .wdh-log-entry {
  animation: wdh-fadein .3s ease !important;
}

/* ====== RESPONSIVE ====== */
@media (max-width: 900px) {
  #wdh-planner-wrap .wdh-log-grid {
    grid-template-columns: 1fr !important;
  }
  #wdh-planner-wrap .wdh-stats-row {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  #wdh-planner-wrap .wdh-header-inner { padding: 10px 14px !important; }
  #wdh-planner-wrap .wdh-panel        { padding: 14px 12px !important; }
  #wdh-planner-wrap .wdh-tabs         { padding: 0 8px !important; }
  #wdh-planner-wrap .wdh-tab          { padding: 10px 12px !important; font-size: 12px !important; }
  #wdh-planner-wrap .wdh-stats-row    { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
  #wdh-planner-wrap .wdh-stat-num     { font-size: 22px !important; }
  #wdh-planner-wrap .wdh-user-greet   { display: none !important; }
  #wdh-planner-wrap .wdh-add-card     { padding: 12px !important; }
  #wdh-planner-wrap .wdh-sticky-board { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important; }
  #wdh-planner-wrap .wdh-clock        { font-size: 17px !important; }
  #wdh-planner-wrap .wdh-logo-text    { font-size: 16px !important; }
}