/* Shared appearance for the card, exchange form, and private workspace. */
:root{color-scheme:light}
:root[data-theme=dark]{color-scheme:dark;background:#101610;color:#edf4e9}
.appearance-control{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:11px;color:#596653}
.appearance-control select{font:inherit;color:inherit;background:#f6f8f3;border:1px solid #dce4d5;border-radius:9px;padding:8px 24px 8px 9px;min-height:36px;max-width:135px}
.card>.appearance-control{margin:0 0 20px}
.topbar-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
:root[data-theme=dark] .appearance-control{color:#becbb6}
:root[data-theme=dark] .appearance-control select{background:#202a20;border-color:#465342;color:#edf4e9}
:root[data-theme=dark] :focus-visible{outline-color:#A8E890}
:root[data-theme=dark] :is(.card,.panel,.stat,.contact-card,.reminder-row,dialog){background:#192219;border-color:#3a4936;color:#edf4e9}
:root[data-theme=dark] :is(.sidebar){background:#151d15;border-color:#3a4936}
:root[data-theme=dark] :is(.nav-button,.brand small,.sidebar-bottom,.sidebar-bottom small,.eyebrow,.section-top>p,.range-label,.stat span,.stat small,.panel-heading p,.legend,.chart-axis,.muted,.network-count span,.data-note,.workspace-footer,.archive-filter,.contact-card .company,.contact-meta,.empty,.reminder-info p,.reminder-time,.compact-reminder span,.detail-head p,.detail-table dt,.detail-location p,.note time,form label small,small,.status,.socials a,.dialog-intro,.form-footnote,.consent span,#exchange-form label>span:not(.consent span),#exchange-success p){color:#b5c4ab!important}
:root[data-theme=dark] :is(.text-button,.done-button,.detail-tabs button,.icon-button,.icon,.share,.exchange-button,.action-tile,.avatar,.link-symbol){color:#c6e5b8}
:root[data-theme=dark] :is(.icon,.share,.icon-button,.avatar,.link-symbol,.action-tile,.detail-message,.message-preview,.tag,.pill,.notice){background:#273524;border-color:#46583f;color:#c6d8bc}
:root[data-theme=dark] :is(.nav-button.active,.stat:nth-child(2),.pill.new){background:#2c4026;color:#d3f4c1;border-color:#5d7d4b}
:root[data-theme=dark] :is(.save,.button.primary){background:#A8E890;color:#242a23;border-color:#A8E890}
:root[data-theme=dark] :is(.button,.button.subtle,.exchange-button){background:#202c1e;border-color:#46583f;color:#e1eed9}
:root[data-theme=dark] .button.primary{background:#A8E890;color:#242a23;border-color:#A8E890}
:root[data-theme=dark] .exchange-button:hover{background:#30422b}
:root[data-theme=dark] :is(select,.search input,form input:not([type=hidden]),form textarea,form select,#card-url,#exchange-form input:not([type=checkbox]),#exchange-form textarea){background:#111a11;border-color:#52654a;color:#edf4e9}
:root[data-theme=dark] ::placeholder{color:#9ba993;opacity:1}
:root[data-theme=dark] :is(.contact-links>a,footer,.workspace-footer,.bar-chart,.link-row,.compact-reminder,.detail-tabs,.detail-location,.note,.empty){border-color:#3f5038}
:root[data-theme=dark] .detail-tabs button.active{color:#A8E890;border-bottom-color:#A8E890}
:root[data-theme=dark] .arrow{color:#b5c4ab}
:root[data-theme=dark] :is(.consent input,.archive-filter input){accent-color:#A8E890}
:root[data-theme=dark] :is(.form-error,.reminder-time.overdue){color:#ffb5a4}
:root[data-theme=dark] .notice.error{background:#3d2520;color:#ffb5a4;border-color:#805344}
:root[data-theme=dark] .empty h2{color:#d0e4c3}
:root[data-theme=dark] :is(.success-mark,.badge){background:#34502b;color:#d0f5bc}
:root[data-theme=dark] .dialog-close{background:#2c3b28;color:#e0edd8}
:root[data-theme=dark] dialog::backdrop{background:#000a}
:root[data-theme=dark] .chart-bar{background:#A8E890}
:root[data-theme=dark] .chart-bar:hover{background:#d0f7bd}
:root[data-theme=dark] .legend i{background:#A8E890}
:root[data-theme=dark] #toast{background:#d1efbf;color:#192219}
@media(max-width:800px){.topbar{flex-wrap:wrap}.topbar-tools{gap:8px}.appearance-control{font-size:10px}.appearance-control select{max-width:110px}.topbar-tools .appearance-control{flex-wrap:wrap}}