/* public/brand.css — identité ZINO.BET commune (v8as11) : champs de saisie, boutons, focus. Chargé par shell.js et la page de connexion.
   Les champs sont stylés dans le contenu des pages (.z-wrap), les fenêtres modales et la connexion — pas dans l'en-tête ni sur les tables de jeu. */
:root{--zb-field:#0a1636;--zb-field-line:#2a4486;--zb-field-focus:#3b9dff;--zb-ph:#6f84b8}
html{-webkit-tap-highlight-color:transparent}
a,button,summary,label{touch-action:manipulation}
:is(.z-wrap,[class*="modal"],[class*="login"],[class*="auth"],.zpay,.zpay-m) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=button]):not([type=submit]):not([type=hidden]),
:is(.z-wrap,[class*="modal"],[class*="login"],[class*="auth"],.zpay,.zpay-m) select,
:is(.z-wrap,[class*="modal"],[class*="login"],[class*="auth"],.zpay,.zpay-m) textarea{
  box-sizing:border-box;min-height:44px;padding:10px 14px;border-radius:12px;
  border:1.5px solid var(--zb-field-line);background-color:#0b1840;color:#f2f6ff;
  font:inherit;font-size:15px;line-height:1.3;outline:none;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.35);
  transition:border-color .15s,box-shadow .15s,background-color .15s}
:is(.z-wrap,[class*="modal"],[class*="login"],[class*="auth"],.zpay,.zpay-m) textarea{min-height:92px;resize:vertical}
:is(.z-wrap,[class*="modal"],[class*="login"],[class*="auth"],.zpay,.zpay-m) input::placeholder,
:is(.z-wrap,[class*="modal"],[class*="login"],[class*="auth"],.zpay,.zpay-m) textarea::placeholder{color:var(--zb-ph);opacity:1}
:is(.z-wrap,[class*="modal"],[class*="login"],[class*="auth"],.zpay,.zpay-m) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=button]):not([type=submit]):not([type=hidden]):hover,
:is(.z-wrap,[class*="modal"],[class*="login"],[class*="auth"],.zpay,.zpay-m) select:hover,
:is(.z-wrap,[class*="modal"],[class*="login"],[class*="auth"],.zpay,.zpay-m) textarea:hover{border-color:#4467b8}
:is(.z-wrap,[class*="modal"],[class*="login"],[class*="auth"],.zpay,.zpay-m) input:focus,
:is(.z-wrap,[class*="modal"],[class*="login"],[class*="auth"],.zpay,.zpay-m) select:focus,
:is(.z-wrap,[class*="modal"],[class*="login"],[class*="auth"],.zpay,.zpay-m) textarea:focus{
  border-color:var(--zb-field-focus) !important;background-color:#0d1e4a;
  box-shadow:0 0 0 3px rgba(59,157,255,.28),inset 0 2px 6px rgba(0,0,0,.25) !important}
:is(.z-wrap,[class*="modal"],[class*="login"],[class*="auth"],.zpay,.zpay-m) input:disabled,
:is(.z-wrap,[class*="modal"],[class*="login"],[class*="auth"],.zpay,.zpay-m) select:disabled,
:is(.z-wrap,[class*="modal"],[class*="login"],[class*="auth"],.zpay,.zpay-m) textarea:disabled{opacity:.55;cursor:not-allowed}
:is(.z-wrap,[class*="modal"],[class*="login"],[class*="auth"],.zpay,.zpay-m) select{appearance:none;-webkit-appearance:none;padding-right:38px;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,#9fb3da 50%),linear-gradient(135deg,#9fb3da 50%,transparent 50%);
  background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
select option{background:#0a1636;color:#fff}
:is(.z-wrap,[class*="modal"],[class*="login"],[class*="auth"],.zpay,.zpay-m) input[type=number]{font-variant-numeric:tabular-nums}
input[type=checkbox],input[type=radio]{accent-color:#3b9dff}
input[type=range]{accent-color:#f5c451}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #f5c451;outline-offset:2px}
@media (pointer:coarse){.z-wrap button,.z-wrap .z-btn,.z-wrap .btn-primary{min-height:44px}}
@media (max-width:760px){:is(.z-wrap,[class*="modal"],[class*="login"],[class*="auth"],.zpay,.zpay-m) input,
:is(.z-wrap,[class*="modal"],[class*="login"],[class*="auth"],.zpay,.zpay-m) select,
:is(.z-wrap,[class*="modal"],[class*="login"],[class*="auth"],.zpay,.zpay-m) textarea{font-size:16px !important}}