/* Shared dropdown styling. Native select semantics, labels, form values and keyboard behavior remain intact. */
body select:not([multiple]):not([size]):not([data-native]) {
  --select-accent:#285ec0; --select-tint:#edf3ff;
  appearance:none; -webkit-appearance:none;
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='m5 7 4 4 4-4' stroke='%2349617d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;background-size:18px;
  border:1px solid #c9d5e4;border-radius:10px;box-shadow:0 1px 2px #19314c06;
  color:#223d59;font-family:inherit;font-size:15px;font-weight:550;line-height:1.5;
  min-height:44px;height:auto;padding:10px 43px 10px 14px;cursor:pointer;
  max-width:100%;min-width:0;vertical-align:middle;
  transition:border-color .16s,box-shadow .16s,background-color .16s;
}
body select:not([multiple]):not([size]):not([data-native]):hover:not(:disabled){border-color:#8ca5c6;background-color:#fbfdff}
body select:not([multiple]):not([size]):not([data-native]):focus-visible{outline:3px solid #bed1f6;outline-offset:2px;border-color:var(--select-accent);box-shadow:0 0 0 1px var(--select-accent)}
body select:not([multiple]):not([size]):not([data-native]):disabled{background-color:#f1f4f8;border-color:#dce3ed;color:#758397;cursor:not-allowed;box-shadow:none;opacity:.8}
body .inline-select:not([multiple]):not([size]):not([data-native]){width:auto;min-height:40px;padding-block:8px;font-size:14px}
body .p-member select:not([multiple]):not([size]):not([data-native]){width:132px;font-size:14px;min-height:40px;padding-block:8px}
body .p-hub-invite select{--select-accent:#865b20;--select-tint:#fff4df}
body .p-member select{--select-accent:#7351aa;--select-tint:#f2ecfc}
body .mg-admin select{--select-accent:#246b4e;--select-tint:#eaf6ef}
/* Newer browsers allow the actual opened list to match the product too. */
@supports (appearance:base-select) {
  body select:not([multiple]):not([size]):not([data-native]),
  body select:not([multiple]):not([size]):not([data-native])::picker(select){appearance:base-select}
  body select:not([multiple]):not([size]):not([data-native]){background-image:none;padding-right:14px;display:inline-flex;align-items:center;gap:12px}
  body select:not([multiple]):not([size]):not([data-native])::picker-icon{content:'';display:block;flex:none;width:7px;height:7px;border-right:2px solid #607591;border-bottom:2px solid #607591;rotate:45deg;margin-left:auto;margin-right:3px;translate:0 -2px;transition:rotate .16s}
  body select:not([multiple]):not([size]):not([data-native]):open{border-color:var(--select-accent);box-shadow:0 0 0 3px var(--select-tint);background:#fff}
  body select:not([multiple]):not([size]):not([data-native]):open::picker-icon{rotate:225deg;translate:0 2px}
  body select:not([multiple]):not([size]):not([data-native])::picker(select){
    font-family:inherit;background:#fff;color:#223d59;
    border:1px solid #d4deeb;border-radius:12px;padding:6px;
    margin-block:6px;box-shadow:0 10px 35px #19345224,0 2px 5px #1934520a;
    min-inline-size:anchor-size(width);max-inline-size:calc(100vw - 24px);
    max-block-size:min(340px,60vh);overflow:auto;scrollbar-width:thin;
  }
  body select:not([multiple]):not([size]):not([data-native]) option{
    font-family:inherit;font-size:15px;font-weight:500;line-height:1.5;
    min-height:42px;padding:10px 12px;border-radius:7px;
    background:#fff;color:#283e58;white-space:normal;overflow-wrap:anywhere;
    cursor:pointer;display:flex;align-items:center;gap:9px;
  }
  body select:not([multiple]):not([size]):not([data-native]) option:hover,
  body select:not([multiple]):not([size]):not([data-native]) option:focus-visible{background:#f0f4fa;color:#173b70;outline:none}
  body select:not([multiple]):not([size]):not([data-native]) option:checked{background:var(--select-tint,#edf3ff);color:var(--select-accent,#285ec0);font-weight:700}
  body select:not([multiple]):not([size]):not([data-native]) option::checkmark{color:var(--select-accent,#285ec0);font-weight:800}
  body select:not([multiple]):not([size]):not([data-native]) option:disabled{color:#8895a5;background:#f7f9fc;cursor:not-allowed}
  body select:not([multiple]):not([size]):not([data-native]) optgroup{font-size:12px;font-weight:750;color:#64768c;padding:5px}
}
@media(max-width:720px){body select:not([multiple]):not([size]):not([data-native]){font-size:16px;min-height:46px}body .inline-select:not([multiple]):not([size]):not([data-native]){font-size:15px;min-height:42px}}
@media(prefers-reduced-motion:reduce){body select,body select::picker-icon{transition:none!important}}
@media(forced-colors:active){body select:not([multiple]):not([size]):not([data-native]){border:1px solid ButtonText;color:ButtonText;background-color:Canvas;forced-color-adjust:auto}}
/* Action and month menus share the same visual language. */
.menu-pop{border-color:#d4deeb;border-radius:12px;padding:6px;box-shadow:0 10px 35px #19345224,0 2px 5px #1934520a;background:#fff}
.menu-item{min-height:42px;padding:10px 12px;border-radius:7px;font-size:15px;color:#283e58;line-height:1.5}
.menu-item:hover,.menu-item:focus-visible{background:#f0f4fa;color:#173b70;outline:2px solid #bed1f6;outline-offset:-2px}
.menu-item.on{background:#edf3ff;color:#285ec0;font-weight:700}