/*
 * public/assets/photo.css
 *
 * Styles additifs pour l'import photo du monotype papier
 * (public/espace/photo.php). N'ecrit rien dans espace.css/verif.css
 * (attribues a d'autres agents) : charge EN PLUS de espace.css sur cette
 * seule page. Palette FAENIX Print (Noir/Blanc/Or, aucun bleu) --
 * reprend les variables deja definies par espace.css (--paper/--i12/
 * --gold/--vert/--rouge) quand elles existent, avec un repli en valeur
 * fixe pour rester autonome si ce fichier est charge seul.
 */

.fxp-photo-import{display:flex;flex-direction:column;gap:12px}

.fxp-photo-import > #fxp-photo-fichier{display:none}

/* #fbfbfc etait une teinte grise nouvelle a peine distincte du blanc : la bordure existante suffit deja a delimiter le bloc, fond ramene au blanc de la palette */
#fxp-photo-apercu-bloc{display:flex;flex-direction:column;gap:10px;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:14px;background:#fff}

#fxp-photo-apercu{width:100%;max-height:420px;object-fit:contain;border-radius:8px;background:#000}

.fxp-photo-apercu-actions{display:flex;gap:8px;flex-wrap:wrap}
.fxp-photo-apercu-actions button{flex:1 1 140px}

/* Gris nommes hors palette (#6b7078, #e4e6ea, #1d1d1b) remplaces par la transparence de noir la plus proche : mention -> .48, bordure -> .08, texte courant -> noir plein */
.fxp-photo-import label{display:block;font-size:11px;color:rgba(0,0,0,.48);margin:4px 0 3px;text-transform:uppercase;font-weight:600;letter-spacing:.02em}

.fxp-photo-import input[type=text]{width:100%;box-sizing:border-box;padding:11px 10px;border:1px solid rgba(0,0,0,.08);border-radius:8px;font-family:"Source Code Pro",monospace;font-size:16px;letter-spacing:.06em;text-transform:uppercase;background:#fff}

.fxp-photo-cx{display:flex;align-items:center;gap:8px;font-size:14px;text-transform:none;font-weight:400;color:#000;cursor:pointer}
.fxp-photo-cx input{width:auto}

/* Piste de progression : separateur -> .16 (transparence de noir) ; remplissage deja conforme (Or Royal) */
.fxp-photo-progress{height:8px;border-radius:6px;background:rgba(0,0,0,.16);overflow:hidden}
.fxp-photo-progress-bar{height:100%;width:0;background:#C5A335;transition:width .2s ease}

/* Etats du message : le libelle du texte porte deja le sens (err/ok) ; noir seul pour les deux, jamais rouge ni vert */
.fxp-photo-message{font-size:13px;min-height:16px}
.fxp-photo-message.err{color:#000;font-weight:700}
.fxp-photo-message.ok{color:#000}