/* Interfață locală, lizibilă pe telefon și desktop. */
:root { font-family: system-ui, sans-serif; color: #172f3d; background: #eef2f5; line-height: 1.5; }
* { box-sizing: border-box; }
body { margin: 0; }
header { background: #123247; color: white; display: flex; justify-content: space-between; padding: 1rem 5%; }
header a { color: white; font-weight: 700; }
nav, main, footer, .selector, .identitate { margin: 1.5rem auto; width: min(94%, 1150px); }
nav { display: flex; gap: 1rem; flex-wrap: wrap; }
main { background: white; padding: clamp(1rem, 3vw, 2.5rem); border-radius: .7rem; }
a { color: #075b8b; }
form { margin: 1rem 0; }
label { display: block; margin: .7rem 0; }
input, select { display: block; padding: .65rem; width: min(100%, 32rem); border: 1px solid #869aa7; border-radius: .3rem; font: inherit; }
button, .buton { display: inline-block; border: 0; background: #075b8b; color: white; padding: .65rem 1rem; margin: .3rem .3rem .3rem 0; border-radius: .3rem; font: inherit; cursor: pointer; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid #c47b00; outline-offset: 3px; }
.pericol { background: #9b202b; }
.eroare, .avertisment { padding: 1rem; background: #fff0d9; border-left: 4px solid #ad6900; }
.eroare { background: #ffe8e9; border-color: #9b202b; }
.eticheta { display: block; font-size: .8rem; }
.tabel { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; }
th, td { padding: .75rem; text-align: left; border-bottom: 1px solid #d8e0e6; overflow-wrap: anywhere; }
code { overflow-wrap: anywhere; }
.secret { padding: 1rem; background: #e8f4ed; font-size: 1.2rem; }
img { max-width: 100%; height: auto; }