/* Samu Planner · Black & Red Edition
   Shared, responsive palette for desktop and iPhone.
   This stylesheet changes presentation only; task category colors and logic are preserved. */

:root {
  color-scheme: dark;
  --bg:#000000;
  --panel:#101010;
  --ink:#f7f7f7;
  --text:#c4c4c4;
  --muted:#979797;
  --line:#303030;
  --lavender:#ff263d;
  --lavender-light:#340b11;
  --samu-red:#e00019;
  --samu-red-light:#ff283f;
  --samu-surface:#101010;
  --samu-raised:#181818;
  --samu-edge:#353535;
}
html,body {background:#000!important;color:var(--ink)}
body {color-scheme:dark}
::selection {background:#a80020;color:#fff}

/* Brand and header controls */
.topbar {border-bottom-color:#3c141a}
.logo-symbol {background:#000;border:1px solid #94111f;box-shadow:none}
.logo-copy strong {color:#f8f8f8}
.btn,.iconbtn,.header-menu-btn {
  background:#141414;border-color:#383838;color:#f2f2f2;
}
.btn:hover,.iconbtn:hover {background:#242424;border-color:#595959;color:#fff}
.btn-primary,.quickadd,#newTask.btn-primary,.v4-quick-confirm {
  background:var(--samu-red);border-color:var(--samu-red);color:#fff;
  box-shadow:0 4px 12px #e000192b;
}
.btn-primary:hover,.quickadd:hover,#newTask.btn-primary:hover,.v4-quick-confirm:hover {
  background:#f2122c;border-color:#f2122c;color:#fff;
}
.btn-quiet,.add-link,.text-btn {color:var(--samu-red-light)}
.btn-subtle {background:#141414}
.top-actions #cloudToggle {background:#0c0c0c;border-color:#ae1425;color:#fff}
.top-actions #cloudToggle.cloud-success {border-color:#ae1425!important;color:#fff!important}
.top-actions #cloudToggle.cloud-pending {border-color:#bd8c54!important;color:#ffd194!important}
.header-dropdown {background:#101010;border-color:#434343;box-shadow:0 16px 36px #000c}
.header-dropdown button {color:#e9e9e9}
.header-dropdown button:hover {background:#281216}

/* All major sections: same black surfaces and thin bright red rim as preview */
#calendar-section,#today-section,#tomorrow-section,.v4-section {
  background:linear-gradient(150deg,#0b0b0b,#050505);
  border:1px solid #40272b;
  border-top:3px solid var(--samu-red-light);
  box-shadow:none;
}
#calendar-section .overline,#today-section .overline,
#tomorrow-section .overline,.v4-overline {
  color:var(--samu-red-light);
}
#calendar-section .section-head h2,#today-section .section-head h2,
#tomorrow-section .section-head h2,.v4-section h2 {color:#fff}
#todaySectionDate,#tomorrowSectionDate {color:#aaa!important}

/* Calendar module: black instead of navy, category dots remain multicolored */
.card,.calendar-card,.peek-card {
  background:#101010;border-color:#383838;box-shadow:none;
}
.calendar-card {background:linear-gradient(165deg,#141414,#0c0c0c)}
.calendar-title,.peek-card h3,.period-name {color:#fff}
.calendar-grid .weekday,.weekday {color:#a6a6a6}
.datecell {
  background:#171717;border-color:transparent;color:#f2f2f2;
}
.datecell:hover {background:#242424;border-color:#85505a}
.datecell.selected {background:#220c11;border-color:var(--samu-red-light);box-shadow:inset 0 0 0 1px #a70018}
.datecell.is-today .date-number,
.datecell.important-day.is-today .date-number {
  background:var(--samu-red);color:#fff;
}
.datecell.important-day {background:#241013;border-color:#70353e;color:#fff2f3}
.datecell.important-day.selected {background:#2d1117;border-color:var(--samu-red-light);box-shadow:inset 0 0 0 1px #e00019}
.datecell.other {opacity:.34}
.date-number {color:inherit}
.calendar-legend,.cal-more {color:#b3b3b3}
.legendmark {background:var(--samu-red)}
.legendmark.secondary {background:transparent;border:1.5px solid var(--samu-red-light)}
/* Preserve activity dots and category markers with their existing semantic colors. */
.datecell .activity-dots i {background:var(--dot-color)}
.legendmark.busy {background:#ffc382;border-color:#ffc382}
.legendmark.important {background:#bd6577;border-color:#e58c9d}

/* Day agenda, tasks and next-day panels */
.peek-card {background:#111;border-color:#363636}
.peek-heading span,.peek-heading svg {color:#ff6978}
.peek-task {border-bottom-color:#303030}
.peek-actions .task-action,.task-action {background:#1b1b1b;border-color:#3a3a3a;color:#c7c7c7}
.peek-actions .task-action:hover,.task-action:hover {background:#2e171c;color:#fff}
.peek-empty,.empty-period {background:#151515;border-color:#3a3a3a;color:#aaa}
.peek-footer {border-color:#333}
#today-section .period-card,#tomorrow-section .period-card,.period-card {
  background:#131313;border-color:#373737;
}
.period-time,.task-note,.time-pill {color:#a4a4a4}
.period-divider {border-color:#363636}
.task,#tomorrow-section .planned-task {
  background:#191919;border-color:#363636;
}
.task:hover {background:#242424}
.task.checked {background:#181818}
.task-check {background:#161616;border-color:#777}
.task.checked .task-check {background:#52c79a;border-color:#52c79a}
.task.checked .task-check svg {color:#061b13}
#tomorrow-section .planned-task .task-name {color:#f6f6f6}
.tomorrow-entry {border-color:#404040}
.tomorrow-entry input,.quickrow select {background:#101010;border-color:#414141;color:#f7f7f7}
.tomorrow-entry input:focus {border-color:var(--samu-red-light)}
.tomorrow-shell {background:#090909;border-color:#383838}
.carry {background:#251b12;border-color:#624d2b}
.category-strip {background:#0e0e0e;border-color:#363636}
.bottom {color:#939393}
.today-indicator {background:#151515;border-color:#4c2229}
.statbox {color:#eee}
.small-progress {background:#303030}
.small-progress span {background:var(--samu-red-light)}

/* Calendar controls, filters, date switches */
.view-switch {background:#080808;border-color:#373737}
.view-switch button {color:#bcbcbc}
.view-switch button.active {
  background:#bb001b;color:#fff;box-shadow:0 0 0 1px #e21b35;
}
.filter-wrap {color:#aaa}
.filter-wrap select {background:#101010;color:#f4f4f4;border-color:#414141}
.mini-action,.v4-icon-button,.v4-minibutton {
  background:#181818;border-color:#414141;color:#e8e8e8;
}
.mini-action:hover,.v4-icon-button:hover,.v4-minibutton:hover {background:#292929}
.datecell.important-day:hover {background:#30161c}

/* Countdown and statistics */
.v4-section.v4-stats-section {border-top-color:var(--samu-red-light)}
.v4-countdown,.v4-stat,.v4-stats-panel {
  background:#151515;border-color:#373737;color:#f2f2f2;
}
.v4-countdown:hover {background:#222;border-color:#853b45}
.v4-countdown-clock {background:#2b1015;border-color:#8c303d;color:#ff8490}
.v4-countdown-body span,.v4-description,.v4-stat-label,.v4-stat-note,.v4-day-label,.v4-day-numbers,.v4-stat-foot {color:#a7a7a7}
.v4-day-track,.v4-cat-track {background:#2a2a2a}
.v4-day-fill {background:linear-gradient(180deg,#ff4155,#a80018)}
.v4-cat-fill {background:var(--cat-color)}

/* Search, quick entry, dialogs and form controls */
.modal-overlay,.v4-backdrop {background:rgba(0,0,0,.84)}
.modal,.v4-dialog {background:#111;border-color:#484848;color:#f6f6f6}
.close,.v4-dialog-close {background:#202020;border-color:#444;color:#ddd}
.form-field input,.form-field select,.form-field textarea,
.v4-dialog-input,.v4-search-options select {
  background:#0b0b0b;color:#f6f6f6;border-color:#444;
}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus,
.v4-dialog-input:focus {border-color:var(--samu-red-light);box-shadow:0 0 0 2px #e0001938}
.switchrow {background:#1d1416;border-color:#573039;color:#e6d9da}
.switchrow input,.form-field input[type=checkbox] {accent-color:var(--samu-red)}
.v4-search-open,.v4-quick-open {
  background:#181818;border-color:#414141;color:#e8e8e8;
}
.v4-search-open:hover,.v4-quick-open:hover {background:#262626}
.v4-result {border-bottom-color:#343434}
.v4-result:hover {background:#24191c;border-color:#6a3640}
.v4-preview {background:#191919;border-color:#484848;color:#e7e7e7}
.v4-preview-chips span {border-color:#74434a;color:#ffbcc4}
.v4-result-date {color:#ff8592}
.v4-quick-confirm {color:#fff}
.v4-dialog-title {color:#fff}
.toast {background:#2b1117;color:#fff}

/* Phone: black fixed tab bar; active calendar has a deep-red highlight */
@media (max-width:680px) {
  .v4-nav {
    background:#000;border-top-color:#3b161c;
    box-shadow:0 -10px 32px #000b;
  }
  .v4-nav button {color:#bababa}
  .v4-nav button.active {
    background:linear-gradient(140deg,#750011,#48000a);color:#fff;
  }
  .v4-nav button.v4-nav-quick,
  .v4-nav button.v4-nav-quick.active {color:#ff3046}
  .v4-nav button.v4-nav-quick .v4-nav-quick-icon {
    background:var(--samu-red);color:#fff;
    box-shadow:0 3px 14px #e0001950;
  }
  .v4-nav button.v4-nav-quick.active {background:transparent}
  #calendar-section,#today-section,#tomorrow-section,.v4-section {
    box-shadow:none;
  }
}

/* Desktop retains its two-column dashboard layout; only its colors change. */
@media (min-width:1100px) {
  .app > #calendar-section,
  .app > #deadline-section,
  .app > #today-section,
  .app > #tomorrow-section,
  .app > #stats-section {
    border-top-color:var(--samu-red-light);
  }
}