/*! Task’in — © 2026 Fandry Ekwalla. Tous droits réservés. Copie, modification et diffusion interdites sans autorisation écrite (voir LICENSE). */
/* ===== Contrôles de formulaire : plus aucun bouton / liste / champ au style natif du navigateur ===== */

/* Base : police de l'app partout (les contrôles natifs prennent sinon la police système) */
body.ops-dashboard #app :is(button,input,select,textarea),
body.ops-dashboard .modal-overlay :is(button,input,select,textarea){font-family:var(--font)}

/* Champs et listes compacts (lignes de réglages, filtres) */
.admin-settings-role,
.admin-settings-shift-input,
#taskin-missed-agent,#taskin-missed-status,#taskin-missed-from,#taskin-missed-to,
.admin-settings-shell .admin-settings-type-add input{
  height:34px;box-sizing:border-box;padding:0 10px;border:1px solid var(--border2);border-radius:8px;
  background-color:var(--surface);color:var(--text);font:600 12px var(--font);
  transition:border-color .16s ease,box-shadow .16s ease}
.admin-settings-role,#taskin-missed-agent,#taskin-missed-status{
  -webkit-appearance:none;appearance:none;padding-right:30px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 9px center;background-size:14px}
:is(.admin-settings-role,.admin-settings-shift-input,#taskin-missed-agent,#taskin-missed-status,#taskin-missed-from,#taskin-missed-to,.admin-settings-type-add input):hover{border-color:color-mix(in srgb,var(--ocean) 45%,var(--border2))}
:is(.admin-settings-role,.admin-settings-shift-input,#taskin-missed-agent,#taskin-missed-status,#taskin-missed-from,#taskin-missed-to,.admin-settings-type-add input):focus{outline:none;border-color:var(--ocean);box-shadow:0 0 0 3px color-mix(in srgb,var(--ocean) 18%,transparent)}
.admin-settings-shift-input::placeholder{color:var(--text3);font-weight:500}

/* Bouton « Enregistrer » secondaire (contour bleu) */
.admin-settings-account-save{
  height:34px;padding:0 14px;border:1px solid color-mix(in srgb,var(--ocean) 45%,var(--border2));border-radius:8px;
  background:var(--surface);color:var(--ocean-ink);font:700 12px var(--font);cursor:pointer;white-space:nowrap;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.admin-settings-account-save:hover{background:var(--ocean);border-color:var(--ocean);color:#fff}
.admin-settings-account-save:active{transform:translateY(1px)}
.admin-settings-account-save:disabled{opacity:.55;cursor:progress}
.admin-settings-account-save:focus-visible{outline:2px solid var(--ocean);outline-offset:2px}

/* Bouton « Effacer les données… » : discret, rouge seulement au survol */
.admin-settings-account-purge{height:34px;padding:0 12px;border:1px solid var(--border2);background:var(--surface);color:var(--text2);border-radius:8px;font:700 12px var(--font)}
.admin-settings-account-purge:hover{border-color:color-mix(in srgb,var(--red) 55%,var(--border2));background:color-mix(in srgb,var(--red) 7%,var(--surface));color:var(--red-ink)}

/* Statut du compte en pastille */
.admin-settings-account-row>em{justify-self:start;padding:3px 9px;border-radius:99px;background:color-mix(in srgb,var(--green) 13%,var(--surface));color:var(--green-ink);font-size:10.5px!important}

/* Lignes de réglages : plus d'air, alignement propre */
.admin-settings-account-row,.admin-settings-shift-row{padding:10px 12px;border-radius:10px;gap:10px}
.admin-settings-account-row strong,.admin-settings-shift-row strong{font-size:13px!important}
.admin-settings-account-row small,.admin-settings-shift-row small{font-size:11px!important}
@media(min-width:761px){.admin-settings-shift-row{grid-template-columns:31px minmax(0,1fr) minmax(180px,240px) auto}}
@media(max-width:760px){
  .admin-settings-account-row,.admin-settings-shift-row{grid-template-columns:31px minmax(0,1fr)}
  .admin-settings-account-row>:not(:first-child):not(:nth-child(2)),.admin-settings-shift-row>:not(:first-child):not(:nth-child(2)){grid-column:2}
}

/* Boutons « Retirer » / « Supprimer » des listes (types, brouillons) : petite pastille */
.admin-settings-draft-row button,.admin-settings-type-list button{
  padding:5px 10px!important;border:1px solid var(--border2)!important;border-radius:99px!important;
  background:var(--surface)!important;color:var(--text2)!important;font:700 11px var(--font)!important;cursor:pointer;transition:all .16s ease}
.admin-settings-draft-row button:hover,.admin-settings-type-list button:hover{border-color:color-mix(in srgb,var(--red) 55%,var(--border2))!important;background:color-mix(in srgb,var(--red) 7%,var(--surface))!important;color:var(--red-ink)!important}
.admin-settings-draft-row,.admin-settings-type-list>div{padding:8px 10px 8px 12px;font-size:12.5px!important;color:var(--text)!important}

/* Sélecteur de fichier (import de procédure) */
.admin-settings-file::file-selector-button{margin-right:10px;padding:8px 12px;border:0;border-radius:7px;background:var(--ocean);color:#fff;font:700 12px var(--font);cursor:pointer}