/* Select / dropdown — ارتفاع یکسان و تراز عمودی متن (بعد از Tailwind) */

body select:not([multiple]):not([size]),
body select.custom-select:not([multiple]),
body .people-relationship-select,
body .people-form-picker,
body select.deploy-input,
body select.lib-input,
body .goals-field select:not([multiple]),
body .section-feedback-field select:not([multiple]),
body .clips-toolbar select:not([multiple]) {
    box-sizing: border-box;
    min-height: var(--field-control-min-height);
    height: var(--field-control-height);
    padding-block: 0;
    padding-inline: var(--field-control-padding-x) 2.25rem;
    line-height: var(--field-control-height);
    font-family: inherit;
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left 0.75rem center;
    background-size: 1em;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    color: #1e293b;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

body select:not([multiple]):not([size]):hover,
body .modern-select-trigger:hover {
    border-color: #93c5fd;
    background-color: #f8fafc;
}

body select:not([multiple]):not([size]):focus,
body select:not([multiple]):not([size]):focus-visible {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
    background-color: #ffffff;
}

body select[multiple],
body select[size]:not([size="1"]) {
    box-sizing: border-box;
    min-height: 4.5rem;
    height: auto;
    line-height: var(--field-control-line-height);
    padding: 0.625rem var(--field-control-padding-x);
    font-family: inherit;
    -webkit-appearance: none;
    appearance: none;
    background-image: none;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    color: #1e293b;
    cursor: pointer;
    vertical-align: middle;
}

body .modern-select-trigger {
    box-sizing: border-box;
    min-height: var(--field-control-min-height);
    height: var(--field-control-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0 var(--field-control-padding-x);
    line-height: normal;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    font-size: 0.875rem;
    font-family: inherit;
    color: #1e293b;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

body .modern-select-value {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    line-height: var(--field-control-line-height);
    text-align: right;
}

body .modern-select.open .modern-select-trigger {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
    background: #ffffff;
}

body .modern-select-option {
    display: flex;
    align-items: center;
    min-height: 2.75rem;
    padding: 0.5rem 0.875rem;
    line-height: var(--field-control-line-height);
    text-align: right;
}

html.dark body select:not([multiple]):not([size]),
html.dark body select.custom-select:not([multiple]),
html.dark body .people-relationship-select,
html.dark body .people-form-picker,
html.dark body select.deploy-input,
html.dark body select.lib-input,
html.dark body .goals-field select:not([multiple]),
html.dark body .section-feedback-field select:not([multiple]),
html.dark body .clips-toolbar select:not([multiple]) {
    background-color: #334155;
    border-color: #475569;
    color: #f1f5f9;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
}

html.dark body select:not([multiple]):not([size]):hover,
html.dark body .modern-select-trigger:hover {
    border-color: #60a5fa;
    background-color: #3b4f66;
}

html.dark body select:not([multiple]):not([size]):focus,
html.dark body select:not([multiple]):not([size]):focus-visible {
    border-color: #3b82f6;
    background-color: #334155;
}

html.dark body select[multiple],
html.dark body select[size]:not([size="1"]) {
    background-color: #334155;
    border-color: #475569;
    color: #f1f5f9;
}

html.dark body .modern-select-trigger {
    background: #334155;
    border-color: #475569;
    color: #e2e8f0;
}

html.dark body .modern-select.open .modern-select-trigger {
    border-color: #3b82f6;
    background: #334155;
}