/* GB Store: controles próprios (no lugar dos controles padrão do Chrome/Google) */
:root { color-scheme: dark; accent-color: #34f26b; }
::selection { background: rgba(52, 242, 107, .28); color: #fff; }

/* Caixas de seleção */
html body input[type="checkbox"] {
  -webkit-appearance: none !important; appearance: none !important;
  width: 18px; height: 18px; min-width: 18px; min-height: 18px; margin: 0; padding: 0;
  vertical-align: middle; flex: none;
  border: 1.5px solid rgba(255, 255, 255, .22); border-radius: 5px;
  background: rgba(255, 255, 255, .035) center / 12px 12px no-repeat;
  cursor: pointer; transition: background-color .15s, border-color .15s, box-shadow .15s;
}
html body input[type="checkbox"]:hover { border-color: rgba(52, 242, 107, .65); background-color: rgba(52, 242, 107, .07); }
html body input[type="checkbox"]:checked {
  border-color: #34f26b; background-color: #34f26b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.9 2.9 6.1-6.6' fill='none' stroke='%23051108' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  box-shadow: 0 0 12px rgba(52, 242, 107, .28);
}
html body input[type="checkbox"]:indeterminate {
  border-color: #34f26b; background-color: #34f26b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8h8' stroke='%23051108' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
html body input[type="checkbox"]:focus-visible,
html body input[type="radio"]:focus-visible { outline: 2px solid rgba(52, 242, 107, .7); outline-offset: 2px; }
html body input[type="checkbox"]:disabled,
html body input[type="radio"]:disabled { opacity: .4; cursor: not-allowed; }

/* Opções redondas */
html body input[type="radio"] {
  -webkit-appearance: none !important; appearance: none !important;
  width: 18px; height: 18px; min-width: 18px; margin: 0; padding: 0; flex: none; vertical-align: middle;
  border: 1.5px solid rgba(255, 255, 255, .25); border-radius: 50%;
  background: rgba(255, 255, 255, .035); cursor: pointer; transition: border-color .15s, box-shadow .15s;
}
html body input[type="radio"]:hover { border-color: rgba(52, 242, 107, .65); }
html body input[type="radio"]:checked { border-color: #34f26b; box-shadow: inset 0 0 0 4px #0b130e, inset 0 0 0 10px #34f26b, 0 0 12px rgba(52, 242, 107, .25); }

/* Barra de rolagem */
* { scrollbar-width: thin; scrollbar-color: rgba(52, 242, 107, .35) transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(52, 242, 107, .28); border-radius: 10px; border: 2px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background: rgba(52, 242, 107, .5); background-clip: padding-box; }
::-webkit-scrollbar-corner { background: transparent; }

/* Números sem as setinhas do navegador */
input[type="number"] { -moz-appearance: textfield; appearance: textfield; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Campo de busca sem o "x" do navegador */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; display: none; }

/* Data e hora no tema escuro, ícone verde */
input[type="date"], input[type="datetime-local"], input[type="time"], input[type="month"] { color-scheme: dark; }
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator {
  cursor: pointer; opacity: .8;
  filter: invert(72%) sepia(60%) saturate(700%) hue-rotate(80deg) brightness(105%);
}

/* Botão de enviar arquivo */
input[type="file"]::file-selector-button {
  margin-right: 12px; padding: 8px 14px; border: 1px solid rgba(52, 242, 107, .45); border-radius: 8px;
  background: rgba(52, 242, 107, .1); color: #c8ffd8; font: inherit; font-weight: 700; cursor: pointer;
}
input[type="file"]::file-selector-button:hover { background: rgba(52, 242, 107, .2); }

/* Barra deslizante */
input[type="range"] { accent-color: #34f26b; }

/* Preenchimento automático do Chrome sem fundo amarelo/azul */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,
textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-text-fill-color: #eef4ef !important;
  -webkit-box-shadow: 0 0 0 1000px #0d1510 inset !important;
  caret-color: #34f26b; transition: background-color 9999s ease-out 0s;
}
