/* Foaia de stil a primei pagini a consolei (consola/index.html), scoasă din
   pagină într-un fișier: politica de conținut (app/_headers) ajunge la
   „style-src 'self'” numai fără blocuri <style> în pagini și fără style="…".
   Pagina o leagă în locul blocului, după stil.css, deci regulile ei câștigă
   ca înainte. Ce stătea în style="…" e la capăt. */
/* Numai ce ține de pagina asta. Restul e în stil.css, una pentru toată consola. */

/* ---------- ecranul de conectare ----------
   Ține tot ecranul, spre deosebire de .poarta din celelalte pagini, care e o
   așteptare într-un colț. Două lucruri deosebite, deci două nume deosebite:
   cât timp s-au numit la fel, una o strica pe cealaltă. */
.poarta-conectare{min-height:100vh;display:grid;place-items:center;padding:24px}
button,input,select{font:inherit;color:inherit}
.cutie{width:100%;max-width:380px}
.cutie img{width:60px;height:60px;border-radius:16px;margin-bottom:20px}
.cutie h1{font-family:"Karla",system-ui,sans-serif;font-size:26px;font-weight:500;margin:0 0 6px}
.cutie p.sub{font-family:"Karla",system-ui,sans-serif;color:var(--ink-2);margin:0 0 22px;line-height:1.55}
.camp input{padding:11px 13px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);width:100%}
.ajutoare{display:flex;gap:18px;justify-content:center;margin-top:12px}
.ajutoare button{font-size:12.5px;color:var(--ink-3);text-decoration:underline;padding:4px}
.ajutoare button:hover{color:var(--ink-2)}
.ajutoare button[disabled]{opacity:.5;cursor:default;text-decoration:none}
#mesajConsola{margin:0 0 22px}
section h2{
  font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-3);margin:0 0 12px;
}
.eticheta-eu{
  display:inline-block;vertical-align:middle;position:relative;top:-1px;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:700;
  background:var(--accent-soft);color:var(--accent);margin-left:6px;
}
/* Ziua nunții se vede de departe pe card. Scrisul e cel obișnuit, nu auriul:
   pe tema luminoasă, auriul mărunt pe fond auriu nu se citește destul. */
.stare.azi{background:var(--accent-soft);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--accent)}
/* Un eveniment anulat rămâne în listă, dar nu trebuie să semene cu unul viu:
   marginea punctată, nu scrisul spălăcit, care n-ar mai trece de contrast. */
.card.anulat{border-style:dashed}
/* „Renunț” stă sub „Salvează”, pe rândul lui, nu înghesuit într-o coloană */
.formular.schimba .renunt{grid-column:1 / -1;justify-self:start}
/* Evenimentul de încercare (054) se vede de departe că nu e o nuntă: marginea
   întreruptă, în accent, iar eticheta spune ce contează pentru bani. */
.card.incercare{border-style:dashed;border-color:var(--accent)}
.card.incercare .detalii + .detalii{margin-top:8px}
.stare.incercare{background:var(--accent-soft);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--accent)}
/* Linkurile echipei, câte unul pe om: fiecare pe rândul lui, cu numele,
   ce a bifat și butoanele lui. Un link fără nume e scris mai stins, ca să
   se vadă că i-ar prinde bine unul. */
.echipa .om-usa{padding:10px 0;border-bottom:1px solid var(--line)}
.echipa .om-usa .linie{margin-top:0}
.echipa .om-usa .actiuni{margin-top:8px}
.echipa .om-usa b{color:var(--ink);font-size:14px}
.echipa .om-usa b.fara-nume{color:var(--ink-2);font-weight:600;font-style:italic}
.echipa .om-nou{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.echipa .om-nou input{flex:1 1 220px;min-width:0;padding:8px 12px;border:1.5px solid var(--line-2);border-radius:var(--raza-mica);background:var(--surface)}

/* ---------- ce stătea în style="…" ----------
   În marcaj și în HTML-ul făcut de consola.js; politica de la capăt n-ar
   lăsa niciunul, așa că stau aici, cu aceleași valori. */
/* „Scrie-ne” și parola nouă cer ceva de făcut acum: marginea în accent */
#scrieNe,#parolaNoua{border-color:var(--accent)}
/* titlul istoricului de sub „Scrie-ne” („Ce ai scris până acum”) */
#mesajeleMele > .eticheta{margin-top:14px}
/* rândurile din „Ce ai de plată”, despărțite printr-o linie */
.randuri.plata{border-top:1px solid var(--line);padding-top:10px}
.randuri.plata .ce{flex:1;min-width:180px}
/* capul cardului unui local: numele crește, butonul stă la dreapta */
.randuri.capul{margin-top:0}
.creste{flex:1}
/* sub cardul localului: contactul pentru seară și formularele lui */
.formular.pe-local,.linie.pe-local{margin-top:12px}
/* PIN-ul se scrie cum se dictează: mari, rărite */
#pinNou,#pinLocal{text-transform:uppercase;letter-spacing:.18em;font-weight:700}
.gol.niciunul{margin-top:10px}
/* Plasa de siguranță (consola-plasa.js): lipită de marginea de jos, deasupra
   barei de gesturi a telefonului, cu literele sistemului, ca să se vadă și
   când n-a venit nimic altceva. */
#stricat{
  position:fixed;left:0;right:0;bottom:0;z-index:99;
  padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  background:var(--plasa);color:var(--pe-plasa);font:13px/1.5 system-ui,sans-serif;
}