/* EbitFlow - stil minimal (pasul 3.6). Un singur fisier, fara framework. */
:root { --fg:#1a1d21; --muted:#6b7280; --line:#e4e7eb; --accent:#2b6cb0;
        --bg:#f7f8fa; --err:#b42318; }
* { box-sizing: border-box; }
body { margin:0; font:15px/1.5 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
       color:var(--fg); background:var(--bg); }
.bara { display:flex; align-items:center; gap:1rem; padding:.7rem 1.2rem;
        background:#fff; border-bottom:1px solid var(--line); }
.marca { font-weight:700; letter-spacing:.02em; }
.bara .user { margin-left:auto; color:var(--muted); font-size:.9rem; }
.bara .user em { font-style:normal; color:var(--accent); }
.inline { display:inline; margin:0; }
.link { background:none; border:none; color:var(--accent); cursor:pointer;
        font:inherit; padding:0; text-decoration:underline; }
.continut { max-width:560px; margin:2rem auto; padding:0 1rem; }
.card { background:#fff; border:1px solid var(--line); border-radius:10px;
        padding:1.6rem; }
.card h1 { margin:0 0 1rem; font-size:1.3rem; }
.form { display:flex; flex-direction:column; gap:1rem; }
.form label { display:flex; flex-direction:column; gap:.35rem; font-size:.85rem;
              color:var(--muted); }
.form input { padding:.6rem .7rem; border:1px solid var(--line); border-radius:6px;
              font:inherit; color:var(--fg); }
.form button, .card button[type=submit] { padding:.6rem 1rem; border:none;
        border-radius:6px; background:var(--accent); color:#fff; font:inherit;
        font-weight:600; cursor:pointer; }
.flash { list-style:none; margin:0 0 1rem; padding:.7rem 1rem; border-radius:8px;
         background:#fdecea; color:var(--err); border:1px solid #f5c6c0; }
.nota { color:var(--muted); font-size:.9rem; }

/* --- Import (etapa 3) --- */
.continut:has(.rows), .card:has(.rows) { max-width: 820px; }
.ghid { background:#eef4fb; border:1px solid #cfe0f4; border-radius:8px;
        padding:.7rem 1rem; margin-bottom:1.2rem; font-size:.9rem; }
.form select { padding:.6rem .7rem; border:1px solid var(--line); border-radius:6px;
               font:inherit; background:#fff; }
.verdict { border-radius:8px; padding:.8rem 1rem; margin:1rem 0; }
.verdict.ok { background:#e7f6ec; border:1px solid #b7e0c4; color:#1a7f3c; }
.verdict.respins { background:#fdecea; border:1px solid #f5c6c0; color:var(--err); }
h2 { font-size:1.05rem; margin:1.4rem 0 .5rem; }
table.kv, table.rows { width:100%; border-collapse:collapse; font-size:.88rem; }
table.kv td { padding:.3rem .5rem; border-bottom:1px solid var(--line); }
table.kv td:first-child { color:var(--muted); width:45%; }
table.rows th, table.rows td { padding:.4rem .5rem; border-bottom:1px solid var(--line);
        text-align:left; vertical-align:top; }
table.rows th { color:var(--muted); font-weight:600; font-size:.8rem; }
.row-ok td:nth-child(2) { color:#1a7f3c; font-weight:600; }
.row-err td:nth-child(2) { color:var(--err); font-weight:600; }
ul.checks { margin:0; padding-left:1.1rem; }
ul.checks code { background:#f3f4f6; padding:0 .25rem; border-radius:3px; }
