body{font-family:system-ui,sans-serif;margin:0;background:#f3f6f4;color:#1c2b22}
header{background:#2d6a4f;color:#fff;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center}
main{max-width:640px;margin:2rem auto;padding:0 1rem}
.card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 4px #0002}
label{display:block;margin-top:1rem;font-weight:600}
input{width:100%;padding:.5rem;margin-top:.25rem;box-sizing:border-box;font-size:1rem}
button{padding:.5rem 1rem;font-size:1rem;border:0;border-radius:4px;background:#2d6a4f;color:#fff;cursor:pointer;margin-top:1rem}
header button{margin:0;background:#1b4332}
.error{color:#b00020;margin-top:1rem}
ul.tree,ul.tree ul{list-style:none;padding-left:1.25rem}
ul.tree{padding-left:0}
.toggle{cursor:pointer;display:inline-block;width:1.2rem;user-select:none}
li.collapsed>ul{display:none}
select,textarea{width:100%;padding:.5rem;margin-top:.25rem;box-sizing:border-box;font-size:1rem;font-family:inherit}
select[multiple]{height:8rem}
input[type=checkbox]{width:auto;margin-right:.5rem}
.inline{display:inline;font-weight:600}
nav a{color:#fff;margin-right:1rem}
.ok{color:#1b4332;background:#d8f3dc;padding:.5rem;border-radius:4px;margin-top:1rem}
.rad{display:flex;gap:.5rem;align-items:center}
.rad input{margin-top:.25rem}
.rad button{margin-top:.25rem;background:#8d99ae}
ul.lista{padding-left:1.25rem}
.liten{color:#555;font-size:.9rem}
main.bred{max-width:900px}
.forfallen{background:#b00020;color:#fff;padding:.1rem .5rem;border-radius:4px;font-weight:700;font-size:.85rem}
.status{display:inline-block;background:#d8f3dc;padding:.1rem .6rem;border-radius:4px;font-weight:700}
.status.utford{background:#2d6a4f;color:#fff}
.radrad{border-top:1px solid #ddd;padding:.75rem 0}
.radrad .val label{display:inline;font-weight:400;margin-right:1rem}
.radrad input[type=radio]{width:auto;margin-right:.25rem}
.radrad input[type=text],.radrad textarea{margin-top:.5rem}
.radrad button,.card li button{margin-top:.5rem;margin-right:.5rem}
.card+.card{margin-top:1.5rem}
table{border-collapse:collapse;width:100%}
th,td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid #ddd}
tr.forfallen-rad td{color:#b00020;font-weight:600}
.markering{display:inline-block;background:#e9ecef;padding:.1rem .6rem;border-radius:4px;font-weight:700;text-decoration:none;color:#1c2b22}
.status.klar{background:#1b4332;color:#fff}
.last{background:#fff3cd;color:#664d03;padding:.5rem;border-radius:4px;margin-bottom:1rem;font-weight:600}
.meny{position:relative;display:inline-block}
.undermeny{display:none;position:absolute;right:0;top:100%;background:#1b4332;border-radius:4px;min-width:9rem;z-index:10;padding:.25rem 0}
.meny.open .undermeny{display:block}
.undermeny a{display:block;margin:0;padding:.4rem .8rem;white-space:nowrap}
.engang{background:#fff3cd;border:2px solid #664d03;padding:1rem;border-radius:6px;margin-top:1rem}
.engang code{font-size:1.2rem;font-weight:700;background:#fff;padding:.1rem .4rem}
.tradval li{cursor:pointer}
.tradval .namn{padding:.1rem .3rem;border-radius:4px}
.tradval .namn.vald{background:#d8f3dc;font-weight:700}
.traffar{list-style:none;padding:0;margin-top:.5rem}
.traffar li{padding:.3rem 0;border-bottom:1px solid #ddd}
.kopplade ul.lista{list-style:none;padding:0}
.kopplade li{padding:.3rem 0;border-bottom:1px solid #ddd}
button.skapa-handelse{background:#2d6a4f}

.etikett{display:inline-block;padding:.1rem .5rem;border-radius:.75rem;background:#e0f0e3;color:#1b5e20;font-size:.8rem;font-weight:600}