/* Bindepunkt app — navy/guld, minimal */
:root { --navy:#0B1B2B; --gold:#C9A227; --bg:#f6f7f9; --line:#dde3ea; }
* { box-sizing:border-box; }
body { margin:0; font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; background:var(--bg); color:#17222e; }
.top { display:flex; justify-content:space-between; align-items:center; padding:14px 20px; background:var(--navy); color:#fff; }
.top strong { color:var(--gold); letter-spacing:.5px; }
main { max-width:960px; margin:24px auto; padding:0 16px; }
h1 { font-size:1.5rem; }
.card { background:#fff; border:1px solid var(--line); border-radius:10px; padding:18px; display:grid; gap:12px; max-width:520px; }
label { display:grid; gap:4px; font-size:.9rem; }
input,select,textarea { padding:9px 10px; border:1px solid var(--line); border-radius:8px; font:inherit; }
button,.btn { background:var(--navy); color:#fff; border:0; border-radius:8px; padding:10px 16px; cursor:pointer; text-decoration:none; display:inline-block; }
button.link { background:none; color:var(--gold); padding:0; }
table { width:100%; border-collapse:collapse; background:#fff; margin:14px 0; }
th,td { text-align:left; padding:9px 10px; border-bottom:1px solid var(--line); font-size:.92rem; }
.err { color:#b3261e; }
.chk { display:inline-flex; gap:6px; margin-right:12px; }
fieldset { border:1px solid var(--line); border-radius:8px; padding:10px; }

/* Tilføjet: bookinger, video, faktura */
.hint { color:#5b6b7c; font-size:.88rem; }
.btn.small { padding:6px 10px; font-size:.85rem; }
.btn.ghost { background:#eef2f6; color:var(--navy); }
.pill { padding:2px 8px; border-radius:99px; font-size:.78rem; background:#eef2f6; }
.pill.confirmed, .pill.assigned { background:#dcf5e3; }
.pill.cancelled { background:#fde2e0; }
.pill.done { background:#e6e9ff; }
.sum { text-align:right; }
.card.wide { max-width:none; margin:14px 0; }
.vid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.vid > div { position:relative; background:#0B1B2B; border-radius:10px; overflow:hidden; min-height:220px; }
.vid video { width:100%; height:100%; object-fit:cover; display:block; }
.vid .lbl { position:absolute; bottom:8px; left:10px; color:#fff; font-size:.8rem; background:rgba(0,0,0,.45); padding:2px 8px; border-radius:6px; }
.ctrl { display:flex; gap:10px; align-items:center; margin-top:12px; }
@media (max-width:700px){ .vid { grid-template-columns:1fr; } }