/* Theme-only overrides: live telephony and positioning remain owned by PhoneMonitor. */
@media screen {
html[data-touch-theme="dark"] #phone-monitor-modal {
 color-scheme:dark;
 background:linear-gradient(115deg,#203c49,#302c43,#253e3c);
 background-size:300% 300%;
 color:#e1edf4;
 border:1px solid #587c8c;
 box-shadow:0 8px 28px #0005,0 0 0 1px #81c6d51a;
}
html[data-touch-theme="dark"] #phone-monitor-modal.phone-monitor-modal--emphasized {
 border-color:#83d8ae;
 box-shadow:0 8px 28px #0006,0 0 0 2px #83d8ae40;
}
html[data-touch-theme="dark"] #phone-monitor-modal :is(.phone-monitor-status-text,.phone-history-row__name,.phone-history-row__price,.phone-order-box__total) {color:#e1edf4}
html[data-touch-theme="dark"] #phone-monitor-modal :is(.phone-monitor-history-toggle,.phone-history-row__order-link,.phone-order-box__vs,.phone-order-box__link) {color:#8cdeec}
html[data-touch-theme="dark"] #phone-monitor-modal :is(.phone-monitor-history-title,.phone-history-row__line2,.phone-unknown-caller,.phone-order-box__payment-note) {color:#b3c8d3}
html[data-touch-theme="dark"] #phone-monitor-modal :is(.phone-monitor-footer,.phone-monitor-history-title,.phone-order-box__reclamations) {border-color:#536b7c}
html[data-touch-theme="dark"] #phone-monitor-modal .phone-monitor-dot {box-shadow:0 0 0 2px #e1edf440}
html[data-touch-theme="dark"] #phone-monitor-modal .phone-history-row {background:#142b3780;border-radius:9px;color:#e1edf4}
html[data-touch-theme="dark"] #phone-monitor-modal .phone-history-row--known {border-left-color:#83d8ae}
html[data-touch-theme="dark"] #phone-monitor-modal .phone-history-row--unknown {border-left-color:#9cb3c1}
html[data-touch-theme="dark"] #phone-monitor-modal .phone-order-box {background:#142b37b3;border:1px solid #536b7c;border-radius:10px;color:#e1edf4}
html[data-touch-theme="dark"] #phone-monitor-modal :is(.phone-history-row__badge,.phone-order-box__state) {background:#2c4a59;border:1px solid #607f8f;color:#d7edf6;border-radius:5px}
html[data-touch-theme="dark"] #phone-monitor-modal .phone-order-box__customer--known {color:#a0e7bc}
html[data-touch-theme="dark"] #phone-monitor-modal .phone-monitor-status-error-title {color:#ffb4be}
html[data-touch-theme="dark"] #phone-monitor-modal .phone-monitor-status-error-detail {color:#f4d2d8}
html[data-touch-theme="dark"] #phone-monitor-modal .phone-rma-item {border-radius:8px}
html[data-touch-theme="dark"] #phone-monitor-modal .phone-rma--active {background:#4b3b20;border-color:#a68b50;color:#ffe3a0}
html[data-touch-theme="dark"] #phone-monitor-modal .phone-rma--final {background:#253e4c;border-color:#607987;color:#c7d9e3}
html[data-touch-theme="dark"] #phone-monitor-modal a:hover {color:#c5f5fc}
}

/* Compact call panel alignment, shared by both themes. Expanded call/history remains unchanged. */
@media screen {
#phone-monitor-modal.phone-monitor-modal--compact{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:8px 14px;gap:0;overflow:hidden}
#phone-monitor-modal.phone-monitor-modal--compact .phone-monitor-active-call{display:none}
#phone-monitor-modal.phone-monitor-modal--compact .phone-monitor-footer{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;max-width:100%;width:100%;padding:0;margin:0;border:0;line-height:1.2}
#phone-monitor-modal.phone-monitor-modal--compact .phone-monitor-dot{flex:0 0 8px;width:8px;height:8px;margin:0}
#phone-monitor-modal.phone-monitor-modal--compact .phone-monitor-history-toggle{flex:0 1 auto;min-width:0;max-width:100%;padding:6px 0;margin:0;font-size:12px;line-height:1.2;text-align:center;white-space:nowrap}
#phone-monitor-modal.phone-monitor-modal--compact #phone-history-section{display:none;margin:0}
}