/* CMMU Research Database - Global Form UI
   Makes form controls visually distinct across all research admin pages. */

:root {
    --rdb-border: #cbd5e1;
    --rdb-border-hover: #94a3b8;
    --rdb-focus: #0f172a;
    --rdb-bg: #ffffff;
    --rdb-disabled-bg: #f1f5f9;
    --rdb-placeholder: #94a3b8;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
select,
textarea {
    background-color: var(--rdb-bg) !important;
    border: 1px solid var(--rdb-border) !important;
    border-radius: 0.5rem !important;
    min-height: 42px;
    padding: 0.55rem 0.75rem !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        background-color .15s ease !important;
}

textarea {
    min-height: 110px;
    line-height: 1.5;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):hover,
select:hover,
textarea:hover {
    border-color: var(--rdb-border-hover) !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
select:focus,
textarea:focus {
    outline: none !important;
    border-color: var(--rdb-focus) !important;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.12) !important;
}

input::placeholder,
textarea::placeholder {
    color: var(--rdb-placeholder) !important;
    opacity: 1;
}

input:disabled,
select:disabled,
textarea:disabled,
input[readonly],
textarea[readonly] {
    background-color: var(--rdb-disabled-bg) !important;
    color: #64748b !important;
    cursor: not-allowed;
}

input[type="checkbox"],
input[type="radio"] {
    width: 1rem;
    height: 1rem;
    accent-color: #0f172a;
}

/* Prevent browser/Tailwind reset from making select controls look flat. */
select {
    appearance: auto !important;
}

/* Better visual spacing between labels and fields, even on older pages. */
label {
    color: #334155;
}

/* Native date/number controls keep their affordances. */
input[type="date"],
input[type="number"] {
    padding-right: 0.5rem !important;
}
