/* Dark theme component behavior. Shared palette tokens are defined in _foundation.css. */

:root[data-theme="dark"] body{background:var(--bg);color:var(--text-primary)}
:root[data-theme="dark"] .dashboard-app :is(.card,.kpi-card,.store-card,.resumen-card,.settings-card,.connect-card,.integration-card){background:var(--card-bg);border-color:var(--border);box-shadow:var(--card-shadow)}
:root[data-theme="dark"] .dashboard-app :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]),select,textarea){background-color:var(--dark-control);border-color:var(--border);color:var(--text-primary);color-scheme:dark}
:root[data-theme="dark"] .dashboard-app :is(input,textarea)::placeholder{color:#8793a6;opacity:1}
:root[data-theme="dark"] .dashboard-app :is(.btn-primary,.ut-btn-primary,.ue-btn-primary,.btn-save){background:var(--dark-action);border-color:var(--dark-action);color:var(--dark-action-text)}
:root[data-theme="dark"] .dashboard-app :is(.btn-primary,.ut-btn-primary,.ue-btn-primary,.btn-save):not(:disabled):hover{background:var(--action-primary-hover);border-color:var(--action-primary-hover);color:var(--dark-action-text)}
:root[data-theme="dark"] .dashboard-app :is(.btn-secondary,.btn-outline,.ut-btn,.ue-btn-icon){background:var(--dark-control);border-color:var(--border);color:var(--text-primary)}
:root[data-theme="dark"] .dashboard-app :is(.btn-secondary,.btn-outline,.ue-btn-icon):not(:disabled):hover{background:var(--dark-hover);border-color:#4b5565}
:root[data-theme="dark"] .dashboard-app :is(.dropdown-menu,.user-dropdown,.umodal-card,dialog){background-color:var(--card-bg);border-color:var(--border);color:var(--text-primary)}
:root[data-theme="dark"] .dashboard-app :is(.dropdown-item,.dropdown-menu a){color:var(--text-primary)}
:root[data-theme="dark"] .dashboard-app .dropdown-item:hover{background:var(--dark-hover)}
:root[data-theme="dark"] .dashboard-app header{background-color:var(--bg-main);border-color:var(--border)}
:root[data-theme="dark"] .dashboard-app :is(.status-active,.badge-success){color:var(--success)}
:root[data-theme="dark"] .dashboard-app :is(.status-paused,.badge-warning){color:var(--warning)}
:root[data-theme="dark"] .dashboard-app :is(.badge-danger,.text-danger){color:var(--danger)}
:root[data-theme="dark"] :is(button,a,input,select,textarea,summary):focus-visible{outline-color:var(--accent)}