/* One dropdown for the whole app (Admin, client, partner): every <select> is skinned the same, and on a mouse the option list is ours too (dd.js). Sizes: 40px, 32px "sm" in tables and toolbars. */
:root{--dd-h:40px;--dd-h-sm:32px;--dd-r:8px;--dd-line:var(--line-strong,#cfc3ad);--dd-pri:var(--sx-pri,#8a2b2b)}
/* the skin for any select that is not replaced (touch devices keep their own picker, and anything before the script runs) */
select:not(.dd-native){-webkit-appearance:none;appearance:none;font:inherit;font-size:.92rem;line-height:1.2;height:var(--dd-h);padding:0 34px 0 12px;border:1px solid var(--dd-line);border-radius:var(--dd-r);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%236b5f4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center;color:inherit;max-width:100%;cursor:pointer}
select:not(.dd-native):focus-visible{outline:2px solid var(--dd-pri);outline-offset:1px}
select:not(.dd-native):disabled{opacity:.55;cursor:not-allowed}
/* the replaced control */
.dd{position:relative;display:inline-block;vertical-align:middle;min-width:150px;max-width:100%}
.dd.block{display:block;width:100%}
.dd.sm .dd-btn{height:var(--dd-h-sm);font-size:.85rem;padding:0 30px 0 10px}
.dd-btn{width:100%;height:var(--dd-h);display:flex;align-items:center;gap:8px;text-align:left;font:inherit;font-size:.92rem;line-height:1.2;padding:0 34px 0 12px;border:1px solid var(--dd-line);border-radius:var(--dd-r);background:#fff;color:inherit;cursor:pointer;position:relative;white-space:nowrap}
.dd-btn:hover{border-color:#b9ab8e}
.dd-btn:focus-visible,.dd.open .dd-btn{outline:2px solid var(--dd-pri);outline-offset:1px;border-color:var(--dd-pri)}
.dd-btn .dd-l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.dd-btn .dd-l.ph{opacity:.55}
.dd-btn::after{content:"";position:absolute;right:13px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:1.8px solid #6b5f4a;border-bottom:1.8px solid #6b5f4a;transform:rotate(45deg);transition:transform .12s}
.dd.open .dd-btn::after{transform:rotate(-135deg);margin-top:-2px}
.dd.dis .dd-btn{opacity:.55;cursor:not-allowed}
.dd-native{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;left:0;top:0;margin:0!important;padding:0!important;border:0!important}
.dd-list{position:fixed;z-index:10000;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--dd-line);border-radius:10px;box-shadow:0 12px 32px rgba(40,30,10,.16),0 2px 6px rgba(40,30,10,.08);max-height:min(320px,50vh);overflow:auto;font-size:.92rem}
.dd-list li{padding:9px 12px;border-radius:7px;cursor:pointer;display:flex;align-items:center;gap:8px;line-height:1.25}
.dd-list li[aria-selected=true]{background:#f3ece0;font-weight:600}
.dd-list li.hl{background:#efe6d3}
.dd-list li[aria-disabled=true]{opacity:.45;cursor:not-allowed}
.dd-list li .ck{margin-left:auto;color:var(--dd-pri);font-weight:700;visibility:hidden}.dd-list li[aria-selected=true] .ck{visibility:visible}
.dd-list .grp{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.6;padding:8px 12px 4px;cursor:default}
@media(max-width:640px){.dd{min-width:0}.dd-list{max-height:45vh}}