:root { font-size: 18px; }
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, sans-serif; background: #f5f4f0; color: #1c1b1a; }
header { display: flex; justify-content: space-between; align-items: center; padding: .6rem 1rem; background: #3d2b1f; color: #fff; }
header a { color: #fff; margin-left: .8rem; text-decoration: none; }
main { max-width: 640px; margin: 0 auto; padding: 1rem; }
label { display: block; margin: .8rem 0; }
input, button, select { font-size: 1.1rem; padding: .7rem; width: 100%; border: 1px solid #b5ada3; border-radius: 8px; }
button { background: #8b2f1d; color: #fff; border: 0; margin-top: .6rem; cursor: pointer; }
.eroare { background: #fdd; padding: .6rem; border-radius: 8px; }
.meniu-mare { list-style: none; padding: 0; }
.meniu-mare a { display: block; padding: 1.2rem; margin: .6rem 0; background: #fff; border-radius: 12px; text-decoration: none; color: inherit; font-size: 1.2rem; box-shadow: 0 1px 3px rgb(0 0 0 / .1); }
.meniu-mare a.disabled { opacity: .45; }
.meniu-mare small { display: block; font-size: .8rem; opacity: .6; }
.ok { background: #dfe9d6; padding: .6rem; border-radius: 8px; }
.badge { font-size: .7rem; background: #8b2f1d; color: #fff; padding: .05rem .4rem; border-radius: 6px; vertical-align: middle; }
table.linii { width: 100%; border-collapse: collapse; }
table.linii th, table.linii td { padding: .4rem; border-bottom: 1px solid #ddd; text-align: left; vertical-align: middle; }
table.linii code { font-size: .85rem; }
form.inline { display: flex; gap: .3rem; margin: 0; }
form.inline input { width: 4.5rem; padding: .3rem; }
form.inline button { width: auto; margin: 0; padding: .3rem .5rem; }
button.sters { background: #6b6b6b; }
button.inchide { background: #1c1b1a; }
details summary { cursor: pointer; padding: .6rem 0; font-weight: bold; }
form.inline.discr input[type=text] { width: 8rem; }
.lipsa { color: #8b2f1d; }
.surplus { color: #1c6b2f; }
.ok-mic { opacity: .5; }
table.linii small { display: block; opacity: .6; font-size: .75rem; }
.progres { background: #ddd6cc; border-radius: 8px; height: 14px; overflow: hidden; margin: .4rem 0; }
.progres-bar { background: #1c6b2f; height: 100%; transition: width .2s; }
.linie-card { background: #fff; border-radius: 12px; padding: .8rem; margin: .6rem 0; box-shadow: 0 1px 3px rgb(0 0 0 / .1); }
.linie-card.gata { opacity: .6; }
.linie-cap { margin-bottom: .5rem; }
.linie-cap div { font-weight: 600; }
.linie-cap small { opacity: .7; }
.linie-card form.inline input[name=bin] { flex: 1; }
.discr-wrap { margin-top: .5rem; }
.discr-wrap summary { font-size: .85rem; opacity: .7; padding: .3rem 0; }