.theme-toggle{display:inline-grid;place-items:center;width:28px;height:28px;min-width:28px;padding:4px;margin:0;background:transparent;border:1px solid #899494;border-radius:50%;cursor:pointer;vertical-align:middle;line-height:1}
.theme-toggle::before{content:'';display:block;width:16px;height:16px;border:1px solid #9aa5a5;border-radius:50%;background:linear-gradient(90deg,#f8f7ed 50%,#172831 50%)}
.theme-toggle:hover{background:#8b9e9b26}.theme-toggle:focus-visible{outline:3px solid #b79560;outline-offset:3px}
.sidefoot .theme-toggle{display:grid;margin:0 0 18px}.form .theme-toggle,.box .theme-toggle{display:grid;margin:0 0 22px auto}
html[data-theme=dark]{--navy:#101c23;--ink:#e2e9e6;--gold:#d3b47e;--muted:#a6b3b2;--line:#35454b;--bg:#141e24;--green:#70bea4}
html[data-theme=dark] body{background:#141e24;color:#e2e9e6}
html[data-theme=dark] header,html[data-theme=dark] .panel,html[data-theme=dark] .card,html[data-theme=dark] .stat,html[data-theme=dark] dialog,html[data-theme=dark] .box{background:#1d2a31;color:#e2e9e6;border-color:#35454b}
html[data-theme=dark] button,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#24343c;color:#e2e9e6;border-color:#45565d}
html[data-theme=dark] button:hover{background:#30454e}
html[data-theme=dark] button.primary,html[data-theme=dark] .form button[type=submit]{background:#c5a46c;color:#13212a;border-color:#c5a46c}
html[data-theme=dark] button.primary:hover{background:#d4b67f}
html[data-theme=dark] .theme-toggle{background:transparent;border-color:#71858d}
html[data-theme=dark] .theme-toggle::before{transform:rotate(180deg)}
html[data-theme=dark] .theme-toggle:hover{background:#8b9e9b26}
html[data-theme=dark] .detail-top,html[data-theme=dark] aside{background:#101c23;color:#edf3ee}
html[data-theme=dark] th,html[data-theme=dark] tbody tr.clickable:hover{background:#24333a;color:#adbdba}
html[data-theme=dark] td,html[data-theme=dark] .task,html[data-theme=dark] .rowfoot,html[data-theme=dark] .event,html[data-theme=dark] .shared-event{border-color:#35454b}
html[data-theme=dark] .demo{background:#302e25;color:#d4c294}
html[data-theme=dark] .badge{background:#3c3529;color:#e2c48c}
html[data-theme=dark] .badge.Confirmed,html[data-theme=dark] .badge.Paid,html[data-theme=dark] .badge.Completed{background:#23463c;color:#9edabe}
html[data-theme=dark] .badge.Cancelled,html[data-theme=dark] .badge.Overdue{background:#4a2f2e;color:#f3b2a3}
html[data-theme=dark] .badge.Travelling{background:#2c3f57;color:#aecbf3}
html[data-theme=dark] .share-message,html[data-theme=dark] .notification-unread,html[data-theme=dark] .share-person.everyone{background:#2d302b;color:#e2e9e6}
html[data-theme=dark] .item-icon,html[data-theme=dark] .notification-symbol,html[data-theme=dark] .avatar{background:#443d2e;color:#e2c48c}
html[data-theme=dark] .notification-row,html[data-theme=dark] .item,html[data-theme=dark] .share-people,html[data-theme=dark] .shared-edit-row,html[data-theme=dark] .shared-download{border-color:#45565d}
html[data-theme=dark] .tabs button,html[data-theme=dark] .link{background:transparent;color:#c9b07f}
html[data-theme=dark] .subtitle,html[data-theme=dark] .note,html[data-theme=dark] .lock,html[data-theme=dark] .hint,html[data-theme=dark] .helper{color:#a6b3b2;border-color:#35454b}
html[data-theme=dark] .error{background:#492e2b;color:#f3c1b4;border-color:#784b42}
html[data-theme=dark] kbd{background:#34434a}
@media(max-width:720px){.sidefoot-theme{display:none}.header-theme .theme-toggle{display:grid}}
.header-theme{display:inline-flex;align-items:center}.header-theme .theme-toggle{display:grid;width:26px;height:26px;min-width:26px;padding:3px}