/* Paired colors for native controls and legacy POS dialogs. */
:root {
 --ui-surface:#fff; --ui-well:#f1f5f9; --ui-text:#172033; --ui-muted:#526176;
 --ui-border:#8492a6; --ui-focus:#6d28d9; --ui-success:#166534; --ui-danger:#b91c1c;
}
html.dark, body.dark-mode {
 --ui-surface:#202633; --ui-well:#2b3443; --ui-text:#f1f5f9; --ui-muted:#c0ccdc;
 --ui-border:#8492a6; --ui-focus:#c4b5fd; --ui-success:#86efac; --ui-danger:#fca5a5;
}
.pos-scope .modal-content {
 background:var(--ui-surface)!important; color:var(--ui-text)!important;
 border:1px solid var(--ui-border);
}
.pos-scope .modal-header, .pos-scope .modal-body, .pos-scope .modal-footer {
 color:var(--ui-text); border-color:var(--ui-border);
}
.pos-scope .modal-title, .pos-scope .modal-body label,
.pos-scope .modal-body .form-group>label { color:var(--ui-text)!important; opacity:1; }
.pos-scope .modal-content .close { color:var(--ui-text); opacity:1; text-shadow:none; }
.pos-scope .form-control, .pos-scope .custom-select,
.pos-scope .modal-content textarea {
 background-color:var(--ui-surface)!important; color:var(--ui-text)!important;
 border-color:var(--ui-border)!important;
}
.pos-scope .custom-select { background-image:none; appearance:auto; }
.pos-scope input::placeholder, .pos-scope textarea::placeholder {
 color:var(--ui-muted)!important; opacity:1;
}
.pos-scope .form-control:disabled, .pos-scope .form-control[readonly],
.pos-scope .custom-select:disabled {
 background-color:var(--ui-well)!important; color:var(--ui-muted)!important; opacity:1;
}
.pos-scope .form-control:focus, .pos-scope .custom-select:focus {
 border-color:var(--ui-focus)!important; outline:2px solid var(--ui-focus); outline-offset:2px;
}
.pos-scope .form-control.is-invalid { border-color:var(--ui-danger)!important; }
.pos-scope .invalid-feedback { color:var(--ui-danger); }
.pos-scope .modal-content .text-muted, .pos-scope .modal-content small.form-text {
 color:var(--ui-muted)!important; opacity:1;
}
.pos-scope .dropdown-menu {
 background:var(--ui-surface); color:var(--ui-text); border-color:var(--ui-border);
}
.pos-scope .dropdown-item { color:var(--ui-text); }
.pos-scope .dropdown-item:hover, .pos-scope .dropdown-item:focus {
 background:var(--ui-well); color:var(--ui-text);
}
.pos-scope .modal-content .btn-success {
 background:#166534; border-color:#166534; color:#fff;
}
body.dark-mode .sidebar-section-label { color:#c0ccdc!important; }