/* DOMINIZ Form Standard v1.0  |  (c) ZEMSCH / FLOXA
   Noir-Or + Bleu institutionnel • Focus accessibles • Grille fluide
   Importez ce fichier sur toutes les pages de formulaires FLOXA.
------------------------------------------------------------------*/
:root{
  --bg:#0b0b0b; --surface:#0e1113; --panel:#111213; --panel2:#0f0f10; --line:#1f2937;
  --txt:#e5e7eb; --muted:#9fb6cc; --accent:#F7D308; --green:#22c55e; --red:#ef4444;
  --radius:14px; --radius-lg:18px; --shadow:0 8px 24px rgba(0,0,0,.35);
  --container:980px; --gap:16px;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--txt);font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent)24%,transparent);border-radius:10px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.container{max-width:var(--container);margin:18px auto;padding:0 14px}
.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.card .hd{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}
.card .bd{padding:16px}

label{display:block;margin:10px 0 6px;color:#d9e1ea;font-size:.92rem}
label.required::after{content:" *";color:var(--red)}
.input,select.input,textarea.input{width:100%;min-height:46px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:#fff;padding:10px 12px;font:inherit;transition:border-color .15s,box-shadow .15s,background .15s}
.input::placeholder{color:#7c8ea1}
.input:focus,select.input:focus,textarea.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent)24%,transparent)}
.input:disabled{opacity:.6;cursor:not-allowed}.input[readonly]{opacity:.85}
.input.error{border-color:var(--red)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--red)22%,transparent)!important}
select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='%23F7D308' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;padding-right:36px}
select.input::-ms-expand{display:none}

.grid{display:grid;gap:12px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:720px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}
.row{display:flex;gap:10px;flex-wrap:wrap}
.sep{height:1px;background:var(--line);margin:10px 0}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(180deg,rgba(247,211,8,.92),rgba(247,211,8,.82));color:#111;border:0;cursor:pointer;padding:.62rem 1rem;border-radius:12px;font-weight:700;letter-spacing:.02em;transition:transform .2s,filter .2s,box-shadow .2s;box-shadow:0 0 0 1px rgba(247,211,8,.25),0 10px 22px rgba(247,211,8,.08),inset 0 0 0 1px rgba(0,0,0,.18)}
.btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn:active{transform:translateY(0)}
.btn.secondary{background:linear-gradient(180deg,var(--panel),var(--panel2));color:#ddd;border:1px solid var(--line);box-shadow:none}
.btn.ghost{background:transparent;color:#ddd;border:1px dashed var(--line)}
.form-actions{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:480px){.form-actions .btn{flex:1 0 100%}}

.alert{display:none;margin-top:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--txt)}
.alert.ok{border-color:color-mix(in srgb,var(--green)35%,var(--line));background:rgba(34,197,94,.08)}
.alert.err{border-color:color-mix(in srgb,var(--red)35%,var(--line));background:rgba(239,68,68,.08)}

.kv-bar{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:10px 0;padding:10px 12px;border:1px dashed var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(247,211,8,.06),transparent 80%)}
.kv{display:flex;justify-content:space-between;gap:16px;padding:6px 0}.kv>span{color:var(--muted)}.kv>strong{color:var(--txt)}