/* ---------------------------------------------------------------------
   ui.css — readability overrides applied to every page.
   Loaded after each page's own <style>, so these win. Raises the contrast
   of form controls, secondary text and borders on the dark theme.
   --------------------------------------------------------------------- */
:root {
    --border: #3a4b5f;            /* was #2a3744 */
    --text-secondary: #aab9c9;    /* was #8b9db0 */
    --text-muted: #8696aa;        /* was #5a6d80 */
    --input-bg: #202c3a;
    --input-border: #4a5d73;
    --input-text: #f4f7fb;
}

/* Form controls: lighter box, brighter edge, bigger type */
input[type=text], input[type=number], input[type=date], input[type=password], input[type=email],
input[type=search], input[type=tel], input[type=url], select, textarea, .tin, .search {
    background: var(--input-bg) !important;
    border: 1px solid var(--input-border) !important;
    color: var(--input-text) !important;
    font-size: 0.95rem;
    line-height: 1.35;
}
.tin { font-size: 0.9rem; }
input::placeholder, textarea::placeholder { color: #8fa0b4 !important; opacity: 1; }
input:focus, select:focus, textarea:focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 3px rgba(59, 158, 255, 0.35) !important;
    background: #243344 !important;
}
input:disabled, select:disabled, textarea:disabled, .ro .tin, .ro select, .ro textarea, .ro input {
    opacity: 0.8 !important;
    color: #d7dfe8 !important;
    background: #1a2430 !important;
}
select option { background: #202c3a; color: #f4f7fb; }
input[type=checkbox], input[type=radio] { width: 17px; height: 17px; accent-color: var(--accent); }

/* Field labels and the small grey helper text */
.field label, .form-group label, label { color: #b9c6d4; }
.hint, .sub, .muted, .mine-item .sub, .notif-item .d, .stat .l, .stat .s { color: var(--text-muted); }

/* Dashed "inherited" inputs on the pricing sheet were very faint */
.tin.inh { border-style: dashed !important; border-color: #5b7088 !important; }

/* Table header text and cell borders */
th { color: var(--text-secondary); }

/* Segmented buttons (Group proposal by, Pricing basis, Grades) never wrap */
.seg button { white-space: nowrap; }