/* GENERATED by scripts/build-dark-sheets.mjs from mobile/index.html, assets/css/phone-cal.css.
   Do not edit by hand: change the light styles, then run node scripts/build-dark-sheets.mjs.
   Dark twins of the light rules, on the shared tokens in assets/css/ascend-theme.css. */
html[data-theme="dark"] body {
    background: var(--ascend-bg, #0f172a);
    color: var(--ascend-text, #e2e8f0)
}
html[data-theme="dark"] .card {
    background: var(--ascend-card-bg, #1e293b);
    border: 1px solid var(--ascend-border, #334155)
}
html[data-theme="dark"] .chip {
    background: hsl(166, 45%, 16%);
    border: 1px solid hsl(168, 50%, 42%);
    color: hsl(175, 77%, 74%)
}
html[data-theme="dark"] .chip:active {
    background: hsl(167, 45%, 22%)
}
html[data-theme="dark"] .prio.p1 {
    background: hsl(0, 45%, 16%);
    color: hsl(0, 74%, 74%)
}
html[data-theme="dark"] .prio.p2 {
    background: hsl(48, 45%, 22%);
    color: hsl(26, 90%, 74%)
}
html[data-theme="dark"] .prio.p3 {
    background: hsl(149, 45%, 22%);
    color: hsl(163, 94%, 74%)
}
html[data-theme="dark"] .todo-card {
    background: var(--ascend-card-bg, #1e293b);
    border: 1px solid var(--ascend-border, #334155)
}
html[data-theme="dark"] .todo-card.doing {
    background: hsl(166, 45%, 16%)
}
html[data-theme="dark"] .todo-card.watching {
    border-left-color: hsl(255, 50%, 42%);
    background: hsl(270, 45%, 16%)
}
html[data-theme="dark"] .btn-primary {
    background-color: hsl(175, 84%, 28%) !important;
    color: #fff !important
}
html[data-theme="dark"] .btn-ghost {
    background: var(--ascend-card-bg, #1e293b);
    border: 1px solid var(--ascend-border, #334155);
    color: var(--ascend-text-secondary, #cbd5e1)
}
html[data-theme="dark"] .btn-ghost:active {
    background: var(--ascend-bg, #0f172a)
}
html[data-theme="dark"] .input {
    border: 1px solid var(--ascend-border, #334155);
    background: var(--ascend-card-bg, #1e293b)
}
html[data-theme="dark"] .topbar {
    background: rgba(30, 41, 59, 0.92);
    border-bottom: 1px solid var(--ascend-border, #334155)
}
html[data-theme="dark"] .rappel-status-btn {
    color: hsl(26, 90%, 74%);
    border-color: hsl(48, 50%, 42%);
    background: hsl(48, 45%, 16%)
}
html[data-theme="dark"] .rappel-status-btn.tone-red {
    color: hsl(0, 74%, 74%);
    border-color: hsl(0, 50%, 42%);
    background: hsl(0, 45%, 16%)
}
html[data-theme="dark"] .rappel-status-btn.tone-green {
    color: hsl(163, 94%, 74%);
    border-color: hsl(152, 50%, 42%);
    background: hsl(152, 45%, 16%)
}
html[data-theme="dark"] .rappel-status-btn.tone-amber {
    color: hsl(26, 90%, 74%);
    border-color: hsl(48, 50%, 42%);
    background: hsl(48, 45%, 16%)
}
html[data-theme="dark"] .menu-item.tone-green i {
    color: hsl(161, 94%, 74%)
}
html[data-theme="dark"] .menu-item.tone-amber i {
    color: hsl(32, 95%, 74%)
}
html[data-theme="dark"] .menu-badge.menu-badge-bad {
    background: hsl(0, 45%, 16%);
    color: hsl(0, 74%, 74%)
}
html[data-theme="dark"] .bottom-nav {
    background: var(--ascend-card-bg, #1e293b);
    border-top: 1px solid var(--ascend-border, #334155)
}
html[data-theme="dark"] .bottom-nav button {
    color: var(--ascend-text-faint, #94a3b8)
}
html[data-theme="dark"] .bottom-nav button.active {
    color: hsl(175, 84%, 74%)
}
html[data-theme="dark"] .section-title {
    color: var(--ascend-text-faint, #94a3b8)
}
html[data-theme="dark"] .err {
    color: hsl(0, 74%, 74%)
}
html[data-theme="dark"] .muted {
    color: var(--ascend-text-faint, #94a3b8)
}
@media (orientation: landscape) and (max-height: 540px) {
    html[data-theme="dark"] .hcol > .section-title:first-child,
html[data-theme="dark"] .hcol > .sec-head:first-child {
        background: var(--ascend-bg, #0f172a)
    }
}
html[data-theme="dark"] .add-mini {
    color: hsl(175, 84%, 74%);
    border-color: hsl(168, 50%, 42%);
    background: hsl(166, 45%, 16%)
}
html[data-theme="dark"] .tc-sub {
    color: var(--ascend-text-faint, #94a3b8)
}
html[data-theme="dark"] .tc-menu-btn {
    color: var(--ascend-text-faint, #94a3b8)
}
html[data-theme="dark"] .tc-menu-btn:active {
    background: var(--ascend-surface, #334155)
}
html[data-theme="dark"] .tc-actions {
    border-top: 1px dashed var(--ascend-border, #334155)
}
html[data-theme="dark"] .todo-card.lp {
    background: hsl(167, 45%, 22%)
}
html[data-theme="dark"] .tc-li {
    color: var(--ascend-text, #e2e8f0)
}
html[data-theme="dark"] .tc-li em {
    color: hsl(175, 77%, 74%);
    background: hsl(167, 45%, 22%)
}
html[data-theme="dark"] .li-btn.li-tick {
    color: var(--ascend-text-faint, #94a3b8)
}
html[data-theme="dark"] .li-btn.li-tick.on {
    color: hsl(161, 94%, 74%)
}
html[data-theme="dark"] .li-more {
    color: hsl(175, 77%, 74%)
}
html[data-theme="dark"] .tc-lis {
    border-top: 1px dashed var(--ascend-border, #334155)
}
html[data-theme="dark"] .mine-card {
    background: hsl(48, 45%, 16%)
}
html[data-theme="dark"] .mine-card.bucket {
    background: hsl(33, 45%, 16%);
    border-color: hsl(31, 50%, 42%)
}
html[data-theme="dark"] .td-check {
    color: hsl(26, 90%, 74%)
}
html[data-theme="dark"] .td-check:active,
html[data-theme="dark"] .td-check.lp {
    background: hsl(48, 45%, 22%);
    color: hsl(23, 83%, 74%)
}
html[data-theme="dark"] .mine-chip {
    color: hsl(23, 83%, 74%);
    background: hsl(48, 45%, 22%)
}
html[data-theme="dark"] .tc-li.tc-td {
    background: hsl(48, 45%, 16%);
    color: hsl(22, 78%, 74%)
}
html[data-theme="dark"] .tc-li.tc-td .td-bm {
    color: hsl(26, 90%, 74%)
}
html[data-theme="dark"] .tc-li.tc-td .td-bm:active {
    background: hsl(48, 45%, 22%)
}
html[data-theme="dark"] .reco-why {
    color: var(--ascend-text, #e2e8f0)
}
html[data-theme="dark"] .reco-next {
    color: hsl(175, 77%, 74%)
}
html[data-theme="dark"] .rec-meta {
    color: var(--ascend-text-secondary, #cbd5e1)
}
html[data-theme="dark"] .auth-tabs {
    border: 1px solid var(--ascend-border, #334155)
}
html[data-theme="dark"] .auth-tab {
    background: var(--ascend-card-bg, #1e293b);
    color: var(--ascend-text-faint, #94a3b8)
}
html[data-theme="dark"] .auth-tab.active {
    background-color: hsl(175, 84%, 28%) !important;
    color: #fff !important
}
html[data-theme="dark"] .ok {
    color: hsl(163, 94%, 74%);
    background: hsl(152, 45%, 16%);
    border: 1px solid hsl(152, 50%, 42%)
}
html[data-theme="dark"] .more-link {
    border-bottom: 1px solid var(--ascend-border, #334155);
    color: var(--ascend-text, #e2e8f0)
}
html[data-theme="dark"] .more-link:active {
    background: var(--ascend-bg, #0f172a)
}
html[data-theme="dark"] .jobs-filter-chip {
    border: 1px solid var(--ascend-border, #334155);
    background: var(--ascend-card-bg, #1e293b);
    color: var(--ascend-text-faint, #94a3b8)
}
html[data-theme="dark"] .jobs-filter-chip.active {
    background-color: hsl(175, 84%, 28%) !important;
    color: #fff !important
}
html[data-theme="dark"] .job-row {
    background: var(--ascend-card-bg, #1e293b);
    border: 1px solid var(--ascend-border, #334155)
}
html[data-theme="dark"] .badge-on {
    color: hsl(175, 77%, 74%);
    background: hsl(167, 45%, 22%)
}
html[data-theme="dark"] .menu-drawer {
    background: var(--ascend-card-bg, #1e293b)
}
html[data-theme="dark"] .menu-item {
    color: var(--ascend-text, #e2e8f0)
}
html[data-theme="dark"] .menu-item i {
    color: var(--ascend-text-faint, #94a3b8)
}
html[data-theme="dark"] .menu-item:active {
    background: var(--ascend-bg, #0f172a)
}
html[data-theme="dark"] .menu-item-danger {
    color: hsl(0, 74%, 74%)
}
html[data-theme="dark"] .menu-item-danger i {
    color: hsl(0, 74%, 74%)
}
html[data-theme="dark"] .app-switch {
    border: 1px solid var(--ascend-border, #334155);
    background: var(--ascend-card-bg, #1e293b)
}
html[data-theme="dark"] .app-switch a {
    color: var(--ascend-text-faint, #94a3b8)
}
html[data-theme="dark"] .app-switch a.on {
    background-color: hsl(175, 84%, 28%) !important;
    color: #fff !important
}
html[data-theme="dark"] .menu-divider {
    background: var(--ascend-surface, #334155)
}
html[data-theme="dark"] .menu-badge,
html[data-theme="dark"] .nav-badge {
    background: hsl(48, 45%, 22%);
    color: hsl(26, 90%, 74%)
}
html[data-theme="dark"] .bottom-nav button.active i {
    color: hsl(175, 84%, 74%)
}
html[data-theme="dark"] .fr-card {
    background: var(--ascend-card-bg, #1e293b);
    border: 1px solid var(--ascend-border, #334155)
}
html[data-theme="dark"] .fr-st-open {
    background: hsl(48, 45%, 22%);
    color: hsl(23, 83%, 74%)
}
html[data-theme="dark"] .fr-st-implemented {
    background: hsl(251, 45%, 16%);
    color: hsl(263, 70%, 74%)
}
html[data-theme="dark"] .fr-st-confirmed {
    background: hsl(149, 45%, 22%);
    color: hsl(163, 88%, 74%)
}
html[data-theme="dark"] .fr-st-closed {
    background: hsl(356, 45%, 16%);
    color: hsl(343, 80%, 74%)
}
html[data-theme="dark"] .fr-st-done {
    background: hsl(251, 45%, 16%);
    color: hsl(263, 70%, 74%)
}
html[data-theme="dark"] .fr-notes {
    background: var(--ascend-bg, #0f172a);
    border: 1px solid var(--ascend-border, #334155)
}
html[data-theme="dark"] .fr-notes-edit {
    border: 1px solid var(--ascend-border, #334155)
}
html[data-theme="dark"] .more-group {
    color: var(--ascend-text-faint, #94a3b8)
}
html[data-theme="dark"] .more-tile {
    background: var(--ascend-card-bg, #1e293b);
    border: 1px solid var(--ascend-border, #334155);
    color: var(--ascend-text, #e2e8f0)
}
html[data-theme="dark"] .more-tile i {
    color: hsl(175, 84%, 74%)
}
html[data-theme="dark"] .more-tile .more-sub {
    color: var(--ascend-text-faint, #94a3b8)
}
html[data-theme="dark"] .more-tile:active {
    background: hsl(166, 45%, 16%)
}
html[data-theme="dark"] .cal-day {
    color: var(--ascend-text-faint, #94a3b8)
}
html[data-theme="dark"] .cal-day.today {
    color: hsl(175, 84%, 74%)
}
html[data-theme="dark"] .cal-row {
    border-bottom: 1px solid var(--ascend-border, #334155)
}
html[data-theme="dark"] .cal-time {
    color: var(--ascend-text-secondary, #cbd5e1)
}
html[data-theme="dark"] .cal-title {
    color: var(--ascend-text, #e2e8f0)
}
html[data-theme="dark"] .cal-meta {
    color: var(--ascend-text-faint, #94a3b8)
}
html[data-theme="dark"] .cal-job {
    background: hsl(166, 45%, 16%);
    color: hsl(175, 77%, 74%)
}
html[data-theme="dark"] .cal-detail {
    color: var(--ascend-text, #e2e8f0)
}
html[data-theme="dark"] .cal-form label {
    color: var(--ascend-text-secondary, #cbd5e1)
}
html[data-theme="dark"] .cal-chip {
    border: 1px solid var(--ascend-border, #334155);
    background: var(--ascend-card-bg, #1e293b);
    color: var(--ascend-text, #e2e8f0)
}
html[data-theme="dark"] .cal-legend {
    color: var(--ascend-text-secondary, #cbd5e1)
}
html[data-theme="dark"] .cal-hint {
    color: hsl(245, 58%, 74%);
    background: var(--ascend-bg, #0f172a)
}
html[data-theme="dark"] .cal-tabs {
    background: var(--ascend-surface, #334155)
}
html[data-theme="dark"] .cal-tab {
    color: var(--ascend-text-secondary, #cbd5e1)
}
html[data-theme="dark"] .cal-tab[aria-selected="true"] {
    background: var(--ascend-card-bg, #1e293b);
    color: hsl(175, 77%, 74%)
}
html[data-theme="dark"] .cal-mhead .mlabel {
    color: var(--ascend-text, #e2e8f0)
}
html[data-theme="dark"] .cal-cscroll {
    border: 1px solid var(--ascend-border, #334155);
    background: var(--ascend-card-bg, #1e293b)
}
html[data-theme="dark"] .cal-msec .cal-mh {
    background: var(--ascend-bg, #0f172a);
    border-bottom: 1px solid var(--ascend-border, #334155);
    color: var(--ascend-text, #e2e8f0)
}
html[data-theme="dark"] .cal-msec.cur .cal-mh {
    color: hsl(175, 77%, 74%)
}
html[data-theme="dark"] .cal-cell.today > span:first-child {
    background-color: hsl(175, 84%, 28%) !important;
    color: #fff !important
}
html[data-theme="dark"] .cal-wd {
    color: var(--ascend-text-faint, #94a3b8)
}
html[data-theme="dark"] .cal-cell {
    border: 1px solid var(--ascend-border, #334155);
    background: var(--ascend-card-bg, #1e293b);
    color: var(--ascend-text, #e2e8f0)
}
html[data-theme="dark"] .cal-cell.out {
    background: var(--ascend-bg, #0f172a)
}
html[data-theme="dark"] .cal-cell[aria-pressed="true"] {
    background: hsl(167, 45%, 22%)
}
html[data-theme="dark"] .cal-cnt {
    color: var(--ascend-text-secondary, #cbd5e1)
}
html[data-theme="dark"] .cal-overdue-h {
    color: hsl(0, 74%, 74%)
}
html[data-theme="dark"] .cal-past-h {
    border-bottom: 1px solid var(--ascend-border, #334155);
    background: var(--ascend-bg, #0f172a);
    color: hsl(175, 77%, 74%)
}
html[data-theme="dark"] .cal-cell.past {
    background: var(--ascend-bg, #0f172a)
}
html[data-theme="dark"] .cal-url {
    background: var(--ascend-bg, #0f172a);
    border: 1px solid var(--ascend-border, #334155)
}