/* aprobare-s360: aspectul S360 (DESIGN v5 §1): o coloană, text ≥ 16 px, butoane ≥ 48 px, roșu doar pentru risc / eșec. */
:root { --navy: #0b2a63; --ink: #16233b; --muted: #5f6e86; --line: #dfe6ef; --red: #fb0137; --verde: #1d7a46; }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--ink); background: #f6f8fb; }
.col { max-width: 640px; margin: 0 auto; padding: 16px 16px 120px; }
h1 { color: var(--navy); font-size: 1.5rem; margin: 8px 0; } h2 { font-size: 1rem; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); margin: 20px 0 6px; }
a { color: var(--navy); } .muted { color: var(--muted); } .mono { font-family: ui-monospace, Menlo, Consolas, monospace; } .mare { font-size: 1.4rem; letter-spacing: .08em; }
section { background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px; margin: 10px 0; }
ul { margin: 0; padding-left: 20px; } li.ridicat { color: var(--red); font-weight: 600; }
.banda { background: var(--red); color: #fff; font-weight: 700; padding: 10px 14px; border-radius: 10px; margin: 10px 0; }
.btn { min-height: 48px; padding: 10px 18px; border-radius: 10px; border: 1px solid var(--navy); background: #fff; color: var(--navy); font-size: 1rem; font-weight: 600; text-decoration: none; display: inline-block; }
.btn.principal { background: var(--navy); color: #fff; } .btn:disabled { opacity: .5; }
.butoane { position: fixed; left: 0; right: 0; bottom: 0; background: #fff; border-top: 1px solid var(--line); padding: 12px 16px; display: flex; gap: 12px; justify-content: space-between; max-width: 640px; margin: 0 auto; }
.butoane .btn { flex: 1; }
#ecran-da { background: #fff; border: 2px solid var(--navy); border-radius: 12px; padding: 14px; margin: 14px 0 100px; }
#ecran-da input, form input { width: 100%; min-height: 48px; font-size: 1.2rem; padding: 8px; border: 1px solid var(--line); border-radius: 8px; margin: 4px 0 12px; }
.ascuns { display: none !important; }
.eticheta { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: .85rem; font-weight: 600; background: var(--line); color: var(--navy); }
.st-gata { background: var(--verde); color: #fff; } .st-esuat, .st-blocat { background: var(--red); color: #fff; } .st-aprobat, .st-ruleaza { background: var(--navy); color: #fff; }
.lista { list-style: none; padding: 0; } .lista li { background: #fff; border: 1px solid var(--line); border-radius: 10px; margin: 8px 0; }
.lista li a { display: block; padding: 10px 14px; text-decoration: none; color: var(--ink); } .lista li.cu-risc { border-left: 6px solid var(--red); }
.risc { color: var(--red); font-weight: 700; display: block; } .verif span { display: inline-block; margin-right: 12px; }
.eroare { color: var(--red); font-weight: 600; } .mesaj { font-weight: 600; min-height: 1.5em; } .sus { text-align: right; } .jos { margin-top: 30px; }
.link { background: none; border: none; color: var(--red); text-decoration: underline; font-size: 1rem; min-height: 48px; }
form label, #ecran-da label { display: block; font-weight: 600; } .login form { background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 16px; }