:root{
  --ink:#1f2a37;
  --ink-2:#475569;
  --line:#e8e4da;
  --panel:#fff;
  --bg:#fbfaf7;
  --gold:#d9bd8b;
  --shadow:0 8px 18px rgba(31,42,55,.08);
}

.adfdt{ font-family:system-ui, Arial, sans-serif; color:var(--ink); }

.adfdt-tabs{
  display:flex;
  gap:12px;
  margin-bottom:16px;
}

.adfdt-tab{ position:relative; }

.adfdt-tab__button{
  display:flex; align-items:center; gap:8px;
  background:var(--ink); color:#fff;
  padding:10px 14px; border:0; border-radius:10px;
  font-weight:600; cursor:pointer;
  box-shadow:var(--shadow);
  transition:transform .06s ease, opacity .2s, background .2s;
}
.adfdt-tab__button:hover{ background:var(--gold); color:#000; }
.adfdt-tab__button:active{ transform:translateY(1px); }
.adfdt-tab__button[disabled]{ opacity:.55; cursor:not-allowed; }

.adfdt-caret{
  width:0;height:0;margin-left:4px;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:6px solid currentColor;
}

/* Dropdown abre para baixo */
.adfdt-dropdown{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  z-index:50;
  min-width:240px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:12px;
  padding:8px;
  box-shadow:var(--shadow);
}

.adfdt-list, .adfdt-submenu{ list-style:none; margin:0; padding:0; }

.adfdt-item, .adfdt-subitem{
  display:block; width:100%; text-align:left;
  background:none; border:0;
  padding:9px 10px; border-radius:8px;
  cursor:pointer; color:var(--ink);
  transition:background .15s ease;
}

.adfdt-item:hover, .adfdt-subitem:hover{ background:var(--gold); }

.adfdt-submenu{
  margin-left:10px; padding-left:10px;
  border-left:1px dashed var(--line);
}

.adfdt-output{ color:var(--ink-2); font-style:italic; }