/* ===== Scrollbar global ===== */
html{scrollbar-gutter:auto}
*::-webkit-scrollbar{width:12px;height:12px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-corner{background:transparent}
*::-webkit-scrollbar-thumb{
  background-color:rgba(143,150,160,.42);
  background-color:color-mix(in srgb,var(--muted,#8f96a0) 45%,transparent);
  border:3px solid transparent;background-clip:padding-box;border-radius:999px;
  min-height:44px;min-width:44px;transition:background-color .15s}
*::-webkit-scrollbar-thumb:hover{
  background-color:var(--accent,#4fb286);background-clip:padding-box}
*::-webkit-scrollbar-thumb:active{
  background-color:var(--accent-ink,#6cc9a0);background-clip:padding-box}
@supports (-moz-appearance:none){
  *{scrollbar-width:thin;scrollbar-color:rgba(143,150,160,.5) transparent}
}

/* ===== Select (fechado) ===== */
select:not([multiple]):not([size]){
  -webkit-appearance:none;appearance:none;
  min-height:42px;padding:9px 40px 9px 14px;
  border:1px solid var(--line-strong,#353a41);border-radius:10px;
  background-color:var(--panel2,#1c1f23);
  background-image:
    linear-gradient(45deg,transparent 50%,var(--muted,#8f96a0) 50%),
    linear-gradient(135deg,var(--muted,#8f96a0) 50%,transparent 50%);
  background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;
  background-size:6px 6px,6px 6px;background-repeat:no-repeat;
  color:var(--text,#e9eaec);font:inherit;line-height:1.3;cursor:pointer;
  text-overflow:ellipsis;
  transition:border-color .15s,box-shadow .15s,background-color .15s;
  color-scheme:dark}
:root[data-theme="light"] select:not([multiple]):not([size]){color-scheme:light}
select:not([multiple]):not([size]):hover:not(:disabled){border-color:var(--accent,#4fb286)}
select:not([multiple]):not([size]):focus,
select:not([multiple]):not([size])[aria-expanded="true"]{
  outline:none;border-color:var(--accent,#4fb286);
  box-shadow:0 0 0 3px rgba(79,178,134,.25);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#4fb286) 28%,transparent)}
select:not([multiple]):not([size])[aria-expanded="true"]{
  background-image:
    linear-gradient(225deg,transparent 50%,var(--accent-ink,#6cc9a0) 50%),
    linear-gradient(315deg,var(--accent-ink,#6cc9a0) 50%,transparent 50%)}
select:not([multiple]):not([size]):disabled{opacity:.55;cursor:not-allowed}
select option{background:var(--panel,#15171a);color:var(--text,#e9eaec)}
select option:disabled{color:var(--muted,#8f96a0)}

/* ===== Menu do select ===== */
.ts-menu{
  position:fixed;z-index:2147483000;box-sizing:border-box;padding:6px;
  background:var(--panel,#15171a);color:var(--text,#e9eaec);
  border:1px solid var(--line-strong,#353a41);border-radius:12px;
  box-shadow:0 18px 40px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.25);
  overflow-y:auto;overscroll-behavior:contain;font-size:15px;
  animation:ts-menu-in .12s ease-out;transform-origin:top center}
.ts-menu.ts-up{transform-origin:bottom center}
@keyframes ts-menu-in{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
.ts-opt{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;
  cursor:pointer;line-height:1.3;user-select:none}
.ts-opt-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ts-opt-note{flex:none;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;
  background:var(--panel2,#1c1f23);color:var(--muted,#8f96a0);border:1px solid var(--line,#25282d)}
.ts-opt-note.ok{background:var(--soft,#18271f);color:var(--accent-ink,#6cc9a0);border-color:transparent}
.ts-opt-check{flex:none;width:14px;text-align:center;color:var(--accent-ink,#6cc9a0);font-weight:700}
.ts-opt.ts-active{background:var(--panel2,#1c1f23)}
.ts-opt[aria-selected="true"]{color:var(--accent-ink,#6cc9a0);font-weight:600}
.ts-opt.ts-placeholder{color:var(--muted,#8f96a0)}
.ts-opt[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.ts-group{padding:8px 12px 4px;font-size:11.5px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:var(--muted,#8f96a0)}
@media (prefers-reduced-motion:reduce){.ts-menu{animation:none}select{transition:none}}