/* Dark, orange-accented direction from the supplied final mockups. */
:root{color-scheme:dark;background:#060d10;color:#f4f6f7}body{background:radial-gradient(ellipse at top,#152327 0,transparent 650px),#060d10;min-height:100vh}header{background:#050c0ee8;border-color:#273438;padding-top:14px;padding-bottom:14px}.brand{color:#fff;padding:0}.brand img{border-radius:8px}.profile-button svg{width:23px;height:23px}.profile-button{font-size:.875rem}.muted,small,.meta,footer{color:#b5c0c5}.eyebrow{color:#ffab50}.panel,.card{background:linear-gradient(135deg,#142024,#0d1518);border-color:#2b393e;border-radius:14px}.panel{box-shadow:0 8px 25px #00000010}button,.button{background:#152126;border-color:#3b4b52;color:#f6f7f8}button:hover,.button:hover{background:#223239}.quiet{background:transparent;border:0}.primary{background:#ff890c;color:#101414;border-color:#ff890c}.primary:hover{background:#ffa539}.text-link{color:#62b5ff;font-weight:500}input,textarea,select{background:#0b1418;color:#f1f5f6;border-color:#3c4b52}input:focus,textarea:focus,select:focus{outline:2px solid #ff941f}input[type=checkbox]{accent-color:#ff8b13}.person,.divider{border-color:#2a373d}.badge{background:#1b3b2c;color:#baf1cf}.badge.pending{background:#48272a;color:#ffc5be}.summary,.notice{background:#132126}.card-cover,.card:nth-child(2) .card-cover,.card:nth-child(3) .card-cover{background:linear-gradient(120deg,#283d43,#18272c);color:white;height:135px}.card-cover .badge{background:#081316c9;color:#dbe6e9}.datebox{background:#f4f6f5;color:#0c1418;border-radius:9px;padding:10px 12px;min-width:60px}.datebox strong{font-size:1.8rem}.datebox span{font-size:.75rem;margin-top:3px}.welcome{padding:26px 0 30px;margin-bottom:4px;border-bottom:1px solid #26343a}.welcome h1{line-height:1.3;font-size:2.3rem}.welcome p{margin-bottom:0}.home-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.section-title{margin:22px 0 13px}.section-title h2{margin:0}.event-row{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;text-decoration:none;color:#f3f6f7;background:linear-gradient(120deg,#142126,#0c1518);border:1px solid #2b393e;border-radius:12px;padding:15px}.event-row:hover{border-color:#667980}.event-row .meta{margin:3px 0 7px}.event-row>span{font-size:1.7rem;color:#afc1ca}.answers button{flex-direction:column;gap:2px;min-height:80px}.answers button>span{font-size:1.8rem;line-height:1.2}.answers [data-answer=Ja]{background:#0b5935;border-color:#1b8753}.answers [data-answer=Nej]{background:#722d2a;border-color:#a0443d}.answers [data-answer=Måske]{background:#344147;border-color:#66737b}.answers button.selected{background:#109852!important;border-color:#70ecaa!important;box-shadow:0 0 0 2px #d0f7e3}.answers [data-answer=Nej].selected{background:#cb3f36!important;border-color:#ffb0a7!important}.answers [data-answer=Måske].selected{background:#596a76!important;border-color:#c5d5df!important}[data-remind]{background:#b9e8cf;color:#103425;border:0}.bottom-nav{position:fixed;z-index:5;bottom:0;left:0;right:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#050d10f5;border-top:1px solid #2b393e;justify-content:center;gap:clamp(15px,5vw,65px);backdrop-filter:blur(15px)}.bottom-nav button{flex-direction:column;gap:5px;color:#bbc7cc;font-size:.8rem;font-weight:500;min-width:64px;padding:5px 9px}.bottom-nav svg{width:24px;height:24px}.bottom-nav button.active{background:transparent;color:#ff941d}.bottom-nav .create-nav svg{background:#ff8a0c;color:#071013;border-radius:50%;padding:10px;width:48px;height:48px;margin-top:-25px;box-shadow:0 0 0 7px #050d10}.bottom-nav .create-nav{color:#f8fafb}main{padding-bottom:140px}.error{color:#ff9d94}#toast{background:#d5ebdf;color:#10251a;bottom:105px}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:25px;text-align:center}.weekday{font-size:.8rem;color:#acbbc2;padding:7px 0}.calendar-day{padding:10px 0;position:relative;border-radius:8px}.has-event{background:#593513;color:#ffd8aa}.event-dot{display:block;width:4px;height:4px;border-radius:50%;background:#ff9b27;margin:3px auto -7px}.calendar .button{color:#d5e8f8}.check input{width:22px;height:22px}.avatar{background:#31414b;color:#f8fafb}@media(max-width:700px){.home-columns{grid-template-columns:1fr;gap:0}.bottom-nav{gap:0;justify-content:space-around;padding-left:4px;padding-right:4px}.bottom-nav button{min-width:0;flex:1;padding:5px 3px;font-size:.75rem}.bottom-nav svg{width:23px;height:23px}.bottom-nav .create-nav svg{width:46px;height:46px}.welcome{padding-top:8px}.welcome h1{font-size:1.8rem}.section-title h2{font-size:1.15rem}.card .body{padding:18px}.event-row{padding:12px;gap:11px}.profile-button span{display:none}header{flex-wrap:nowrap}.calendar-day{padding:8px 0}.panel{padding:18px}.layout{gap:8px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,border-color .15s}}
