/* MYCURIE dropdown standard. Shared by public forms, account pages and administration. */
:root {
    --app-dropdown-primary: #125292;
    --app-dropdown-gradient: linear-gradient(180deg, #125292 0%, #051f3d 100%);
    --app-dropdown-soft: #eef4fa;
    --app-dropdown-border: #d5dfe9;
    --app-dropdown-text: #293b4d;
    --app-dropdown-list-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23125292' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11M4 6h.1M4 12h.1M4 18h.1'/%3E%3C/svg%3E");
    --app-dropdown-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23125292' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
}

/* Keep real select elements, including native keyboard and mobile selection. */
select:not([multiple]):not([size]), select:not([multiple])[size="1"] {
    --app-select-line: linear-gradient(transparent, transparent);
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    max-width: 100%;
    min-height: 40px;
    padding: 9px 34px 9px 36px;
    border: 1px solid var(--app-dropdown-border);
    border-radius: 8px;
    background-color: #fff;
    background-image: var(--app-dropdown-list-icon), var(--app-dropdown-chevron), var(--app-select-line);
    background-position: left 11px center, right 10px center, center bottom;
    background-size: 16px 16px, 16px 16px, 100% 2px;
    background-repeat: no-repeat;
    color: var(--app-dropdown-text);
    font: 400 15px/1.4 "Inter", sans-serif;
    cursor: pointer;
    outline: none;
    box-shadow: none;
}
select:not([multiple]):not([size]):focus, select:not([multiple])[size="1"]:focus {
    --app-select-line: var(--app-dropdown-gradient);
    border-color: var(--app-dropdown-border);
    outline: none;
    box-shadow: none;
}
select:not([multiple]):not([size]):disabled, select:not([multiple])[size="1"]:disabled {
    background-color: #f4f6f8;
    color: #7c8996;
    cursor: not-allowed;
}
select:is(.form-control-error, .auth-input-error, [aria-invalid="true"]) {
    border-color: var(--color-error, #b3261e) !important;
}

.table-action-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    box-sizing: border-box;
    width: auto;
    min-width: 44px;
    min-height: 34px;
    height: auto;
    margin: 0;
    padding: 7px 9px;
    border: 1px solid var(--app-dropdown-border);
    border-radius: 8px;
    background: linear-gradient(#fff, #f7f9fc);
    color: var(--app-dropdown-primary);
    box-shadow: 0 1px 2px #051f3d08;
    font: 500 13px/1.4 "Inter", sans-serif;
    cursor: pointer;
}
.table-action-menu-toggle > i {display: none;}
.table-action-link.table-action-menu-toggle {color: var(--app-dropdown-primary) !important;}
.table-action-menu-toggle::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23125292' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16M9 3v6M15 9v6M9 15v6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.table-action-menu-toggle::after {
    content: "";
    width: 6px;
    height: 6px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
}
.table-action-menu-toggle:hover,
.table-action-menu.open > .table-action-menu-toggle,
.table-action-menu-toggle:focus-visible {
    border-color: var(--app-dropdown-border);
    background: var(--app-dropdown-gradient) center bottom/100% 2px no-repeat var(--app-dropdown-soft);
    color: var(--app-dropdown-primary);
    outline: none;
    box-shadow: none;
}

/* The same surface and straight gradient marker for every existing custom picker. */
.table-action-menu-popover, .projectrooms-picker-menu, .project-old-picker-menu,
.form-autocomplete-results, .admin-right-options {
    box-sizing: border-box;
    padding: 6px;
    border: 1px solid var(--app-dropdown-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 14px 40px #051f3d1c, 0 2px 8px #051f3d0a;
    color: var(--app-dropdown-text);
    font-family: "Inter", sans-serif;
    overscroll-behavior: contain;
}
.table-action-menu-popover {
    min-width: 220px;
    max-width: min(300px, calc(100vw - 24px));
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
    z-index: 100000;
}
.table-action-menu-popover-visible {animation: app-dropdown-in .14s ease-out;}
.table-action-menu-popover form {margin: 0;}
.table-action-menu-popover a, .table-action-menu-popover button,
.projectrooms-picker-result, .project-old-picker-option,
.form-autocomplete-result, .admin-right-options button {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    min-height: 36px;
    margin: 0;
    padding: 9px 10px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--app-dropdown-text);
    font: 500 13px/1.4 "Inter", sans-serif;
    text-align: left;
    text-decoration: none;
    white-space: normal;
    cursor: pointer;
    box-shadow: none;
}
.table-action-menu-popover :is(a, button) {display: flex; align-items: center; gap: 10px;}
.table-action-menu-popover i {flex: 0 0 16px; width: 16px; text-align: center; color: inherit;}
.table-action-menu-popover .table-action-menu-danger,
.table-action-menu-popover .table-action-menu-danger i {color: #b3261e;}
.table-action-menu-popover :is(a, button):is(:hover, :focus-visible),
.projectrooms-picker-result:is(:hover, :focus-visible),
.project-old-picker-option:is(:hover, :focus-visible, .project-old-picker-option-selected),
.form-autocomplete-result:is(:hover, :focus-visible),
.admin-right-options button:is(:hover, :focus-visible, [aria-selected="true"]) {
    background: var(--app-dropdown-soft);
    color: var(--app-dropdown-primary);
    outline: none;
    box-shadow: none;
}
.table-action-menu-popover :is(a, button):is(:hover, :focus-visible)::before,
.projectrooms-picker-result:is(:hover, :focus-visible)::before,
.project-old-picker-option:is(:hover, :focus-visible, .project-old-picker-option-selected)::before,
.form-autocomplete-result:is(:hover, :focus-visible)::before,
.admin-right-options button:is(:hover, :focus-visible, [aria-selected="true"])::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 2px;
    border: 0;
    border-radius: 0;
    background: var(--app-dropdown-gradient);
    pointer-events: none;
}
.table-action-menu-popover .table-action-menu-danger:is(:hover, :focus-visible) {color: #b3261e;}
.table-action-menu-popover .app-menu-success {background:#edf8ef; color:#23723a;}
.table-action-menu-popover .app-menu-success:is(:hover, :focus-visible) {background:#e1f2e5; color:#1d6332;}
.admin-right-options button i {color: inherit;}
.projectrooms-picker-result:disabled {cursor: wait; opacity: .5;}
.projectrooms-picker-result-name {font-size:15px;}
.projectrooms-picker-result-status {font-size:12px;}
.project-old-picker-year {font-size:13px;}
.project-old-picker-search input {font-size:15px;}
.admin-right-picker > input {font-size:11px;}
.project-old-picker-button {
    font-size:16px;
    padding-left: 36px;
    border-color: var(--app-dropdown-border);
    background: var(--app-dropdown-list-icon) left 11px center/16px 16px no-repeat #fff;
}
.project-old-picker-button i {color: var(--app-dropdown-primary);}
.project-old-picker-button:focus,
.project-old-picker.open .project-old-picker-button {
    border-color: var(--app-dropdown-border);
    background-image: var(--app-dropdown-list-icon), var(--app-dropdown-gradient);
    background-position: left 11px center, center bottom;
    background-size: 16px 16px, 100% 2px;
    background-repeat: no-repeat;
    outline: none;
    box-shadow: none;
}
.projectrooms-picker-input:focus, .project-old-picker-search input:focus,
.admin-right-picker > input:focus, .form-autocomplete > input:focus {
    border-color: var(--app-dropdown-border);
    background-image: var(--app-dropdown-gradient);
    background-position: center bottom;
    background-size: 100% 2px;
    background-repeat: no-repeat;
    outline: none;
    box-shadow: none;
}
@keyframes app-dropdown-in {
    from {opacity: 0; transform: translateY(3px);}
    to {opacity: 1; transform: translateY(0);}
}
@media (max-width: 600px) {
    .table-action-menu-toggle,
    .table-action-menu-popover :is(a, button),
    .projectrooms-picker-result, .project-old-picker-option,
    .form-autocomplete-result, .admin-right-options button {min-height: 44px;}
    select:not([multiple]):not([size]), select:not([multiple])[size="1"] {font-size: 17px; min-height: 44px;}
}
@media (prefers-reduced-motion: reduce) {
    .table-action-menu-popover-visible {animation: none;}
}
@media (forced-colors: active) {
    select:focus-visible, .table-action-menu-toggle:focus-visible {outline: 2px solid Highlight; outline-offset: 2px;}
    .table-action-menu-popover :is(a, button):focus-visible::before,
    .projectrooms-picker-result:focus-visible::before,
    .project-old-picker-option:focus-visible::before,
    .form-autocomplete-result:focus-visible::before,
    .admin-right-options button:focus-visible::before {background: Highlight; forced-color-adjust: none;}
}