*{box-sizing:border-box} :root{--green:#244f3e;--ink:#26362d;--muted:#65736a;--line:#e1e6dd;--cream:#f7f7f0;--orange:#ba5128;--peach:#fae9d8;--white:#fff;--light:#edf3e8}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button,.button{cursor:pointer;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);padding:11px 17px;min-height:46px;font-weight:650;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.button:hover{background:var(--light)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#32634d}.warm{background:var(--orange);color:white;border-color:var(--orange)}.small{padding:7px 11px;font-size:13px}.quiet{background:transparent}.danger{color:#a32f2f}a{color:var(--green)}input,select,textarea{border:1px solid #c6d0c4;border-radius:10px;padding:11px 12px;max-width:100%;min-height:46px;background:#fff;color:var(--ink)}textarea{resize:vertical;min-height:90px}input[type=checkbox]{width:23px;height:23px;min-height:23px;accent-color:var(--green);cursor:pointer}label{display:grid;gap:7px;font-size:14px;font-weight:600}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.1px;line-height:1.2;margin-bottom:9px}h2{font-size:21px;letter-spacing:-.4px}h3{font-size:16px}p{margin-bottom:14px}.muted,small{color:var(--muted)}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.8px;text-transform:uppercase}.flex{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:17px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.card{background:white;border:1px solid var(--line);border-radius:20px;padding:24px}.shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:32px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:19px;line-height:1.16;letter-spacing:-.5px;font-weight:800}.brand img{height:45px;width:45px}.sidebar nav{display:grid;gap:9px;margin-top:44px}.nav{border-color:transparent;justify-content:flex-start;background:transparent;font-weight:600;color:#627065;gap:12px}.nav span{font-size:20px;width:24px;text-align:center}.nav.active{background:var(--light);color:var(--green)}.family-note{margin-top:auto;padding:16px 0 6px;border-top:1px solid var(--line);font-size:13px}.avatars{display:flex;margin:12px 0}.avatar{background:#e6eddf;color:var(--green);width:33px;height:33px;display:grid;place-items:center;border-radius:50%;font-weight:700;border:2px solid white;margin-right:-7px}.main-wrap{max-width:1400px;width:100%;padding:30px 44px 40px;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:21px;margin-bottom:34px;font-size:13px}.live-dot{display:inline-block;width:7px;height:7px;background:#4c8059;border-radius:50%;margin-right:7px}.intro{margin-bottom:27px}.intro p{color:var(--muted);margin:0}.columns{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.hero-note{background:var(--peach);border-radius:17px;padding:20px 22px;margin-bottom:22px;display:flex;gap:16px;align-items:center}.hero-note .emoji{font-size:34px}.hero-note strong{display:block}.hero-note p{margin:3px 0 0;font-size:13px;color:#7b573e}.list-card{padding:0;overflow:hidden}.list-head{padding:23px 25px 20px;border-bottom:1px solid var(--line)}.list-head h2{margin:0}.progress{height:7px;background:#edf0e7;border-radius:8px;margin:17px 0 9px;overflow:hidden}.progress div{height:100%;background:#7b9e6e;border-radius:8px}.category{padding:12px 25px;background:#f7f9f4;color:#6d7969;font-size:11px;font-weight:750;letter-spacing:1.2px;text-transform:uppercase;margin:0;border-bottom:1px solid var(--line)}.item{display:grid;grid-template-columns:28px 1fr auto;gap:12px;padding:16px 25px;align-items:center;border-bottom:1px solid #edf0e9}.item:last-child{border:0}.item.checked .item-name{text-decoration:line-through;color:#839080}.item-name{font-weight:650}.item-sub{font-size:12px;color:var(--muted);margin-top:2px}.item-info{border:0;background:none;padding:0;text-align:left;display:block;min-height:44px;font-weight:400;max-width:100%;overflow-wrap:anywhere}.item-info:hover{background:none;color:var(--orange)}.item select{font-size:12px;padding:6px;min-height:40px;width:125px}.empty{text-align:center;padding:45px 25px}.empty .emoji{font-size:43px;display:block;margin-bottom:14px}.empty p{color:var(--muted);max-width:400px;margin:10px auto 22px}.add-area{padding:20px 24px;background:#fbfcf8;border-top:1px solid var(--line)}.add-line{display:grid;grid-template-columns:1fr 72px auto;gap:8px}.add-line input{min-width:0}.budget strong{font-size:28px;letter-spacing:-1px}.budget p{font-size:12px;margin:8px 0 0}.budget .row{padding:10px 0;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.tip{background:#eaf0e2;border:0}.tip .emoji{font-size:28px}.tip p{font-size:13px}.tip h3{margin:10px 0}.suggestions{display:flex;gap:8px;flex-wrap:wrap}.suggestions button{font-size:12px;padding:6px 12px;min-height:37px;font-weight:500}.list-actions{margin-top:18px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product{display:flex;gap:10px;align-items:center;padding:15px}.product .food{font-size:25px;background:var(--light);width:45px;height:45px;border-radius:13px;display:grid;place-items:center;flex-shrink:0}.product strong{font-size:14px;display:block;overflow-wrap:anywhere}.product small{font-size:11px}.product button{margin-left:auto;flex-shrink:0;width:43px;padding:0}.searchbar{margin:0 0 24px;display:flex;gap:12px}.searchbar input{width:100%}.offers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.offer{overflow:hidden;padding:0}.offer-image{height:145px;background:#edf1e7;display:grid;place-items:center;font-size:48px}.offer-image img{width:100%;height:100%;object-fit:contain;background:white}.offer-body{padding:21px}.offer-body h3{font-size:17px;min-height:50px}.badge{display:inline-block;padding:4px 9px;border-radius:8px;background:#edf3e8;color:var(--green);font-size:11px;font-weight:700}.badge.warning{background:#fff0d7;color:#855019}.offer-price{font-size:28px;font-weight:800;letter-spacing:-1px;margin:12px 0}.offer-body p{font-size:12px}.offer-body .button{width:100%;margin-top:10px}.store-chips{display:flex;flex-wrap:wrap;gap:9px}.store-chips label,.check-label{display:flex;align-items:center;gap:9px;font-weight:500}.store-chips label{border:1px solid var(--line);padding:9px 12px;border-radius:11px}.provider{border:1px solid var(--line);border-radius:14px;padding:17px}.provider .muted{font-size:12px;margin-top:8px}.provider strong{font-size:15px}.notice{padding:15px 0;border-bottom:1px solid var(--line)}.notice p{margin:0 0 5px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-art{background:var(--green);color:#f5f5e9;padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-art .brand{margin-bottom:70px}.auth-art h1{font-size:55px;max-width:460px;letter-spacing:-2px}.auth-art p{max-width:400px;color:#cfddce;font-size:18px}.groceries{font-size:68px;letter-spacing:12px;margin-top:36px}.auth-form{padding:60px 8vw;display:grid;align-content:center}.auth-form .card{max-width:460px;width:100%;margin:auto;padding:35px}.auth-form h2{font-size:26px}.auth-form form{display:grid;gap:17px}.auth-form .text-button{border:0;padding:5px;background:none;font-size:13px;text-decoration:underline}.error{color:#a32f2f;font-size:13px}.loading{margin:20vh auto;text-align:center}dialog{border:0;border-radius:23px;width:min(620px,calc(100vw - 24px));padding:28px;box-shadow:0 25px 90px #12261740;color:var(--ink)}dialog::backdrop{background:#162b2455;backdrop-filter:blur(3px)}dialog form{display:grid;gap:16px}dialog h2{margin:0 0 18px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{padding:5px 12px}.import-preview{max-height:200px;overflow:auto;font-size:12px}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:11px;text-align:left;border-bottom:1px solid var(--line)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f0f3eb;padding:15px;border-radius:12px;font-size:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;background:var(--green);color:white;border-radius:12px;padding:13px 22px;box-shadow:0 6px 30px #0002;z-index:5;display:none}#toast.show{display:block}.skip{position:fixed;top:-60px;left:10px;z-index:10;padding:12px;background:white}.skip:focus{top:10px}:focus-visible{outline:3px solid #d78142;outline-offset:3px}.list-selector{max-width:210px;font-weight:650}.status-box{margin:18px 0;padding:18px;background:#f0f4e9;border-radius:14px;font-size:13px}.status-box p{margin:6px 0}.nowrap{white-space:nowrap}@media(min-width:1600px){.main-wrap{padding-top:40px}}@media(max-width:1150px){.main-wrap{padding:25px}.shell{grid-template-columns:200px 1fr}.sidebar{padding:26px 16px}.columns{grid-template-columns:1fr}.side-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.catalog-grid,.offers-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){h1{font-size:29px}.shell{display:block}.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;height:auto;z-index:3;border:0;border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.sidebar>.brand,.family-note{display:none}.sidebar nav{margin:0;display:flex;gap:2px;justify-content:space-around}.nav{display:grid;justify-items:center;gap:0;padding:5px 8px;min-width:57px;font-size:10px;border-radius:10px}.nav span{font-size:21px}.main-wrap{padding:19px 15px 105px}.topbar{padding-bottom:15px;margin-bottom:25px;font-size:12px}.topbar .muted{display:none}.intro{margin-bottom:21px}.hero-note{padding:16px}.hero-note .emoji{font-size:28px}.card{border-radius:17px;padding:20px}.list-card{padding:0}.list-head{padding:20px}.item{padding:13px 15px;gap:9px;grid-template-columns:24px 1fr auto}.item select{width:100px;font-size:11px}.category{padding:12px 17px}.add-area{padding:17px 15px}.add-line{grid-template-columns:1fr 55px 44px}.add-line button{font-size:0;padding:0}.add-line button:after{content:'+';font-size:24px}.add-line input{padding:10px}.side-panels{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr 1fr;gap:8px}.product{padding:12px;display:grid;grid-template-columns:1fr auto;gap:8px}.product .food{display:none}.product strong{font-size:12px}.product small{font-size:10px}.product button{width:34px;min-height:40px}.offers-grid{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.auth-page{display:block}.auth-art{padding:32px 25px}.auth-art .brand{margin-bottom:30px}.auth-art h1{font-size:36px;max-width:320px}.auth-art p{font-size:15px;margin:0}.groceries{display:none}.auth-form{padding:25px 16px}.auth-form .card{padding:25px}.list-actions button,.list-actions .button{font-size:12px;padding:9px 12px}#toast{bottom:90px;width:max-content;max-width:90vw}.searchbar{flex-wrap:wrap}}


/* One-tap removal applies only to the selected week list. */
.item{grid-template-columns:28px minmax(0,1fr) auto 38px}.remove-week{width:38px;min-height:42px;padding:0;border:0;background:transparent;color:#936752;font-size:24px}.remove-week:hover{background:#fae9d8;color:#8b321d}@media(max-width:720px){.item{grid-template-columns:24px minmax(0,1fr) 82px 30px;gap:7px}.item select{width:82px}.remove-week{width:30px}.item-name{font-size:14px}}

.offer-image{overflow:hidden}.offer-image img{font-size:14px}.image-fallback{display:grid;justify-items:center;gap:7px;padding:15px}.image-fallback>span{font-size:38px}.image-fallback small{font-size:12px}
.offer-image{height:160px;min-height:160px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.offer-image img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain}
.offers-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.offer-image{height:120px;min-height:120px}.offer-body{padding:16px;min-width:0}.offer-body h3{font-size:14px;min-height:38px;margin:10px 0}.offer-price{font-size:21px;margin:9px 0;letter-spacing:-.5px}.offer-price small{font-size:12px;letter-spacing:0}.offer-body .flex{gap:6px}.offer-body .badge{font-size:10px}.offer-body .button{padding:9px 11px;min-height:44px;font-size:12px;margin-top:7px}.offer-body p{margin-bottom:10px;overflow-wrap:anywhere}@media(max-width:1150px){.offers-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.offers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.offers-grid{grid-template-columns:1fr}}
.item{padding-top:12px;padding-bottom:12px}.category{padding-top:10px;padding-bottom:10px}.list-head{padding-top:20px;padding-bottom:18px}.add-area{padding-top:18px;padding-bottom:18px}@media(max-width:720px){.item{padding-top:9.5px;padding-bottom:9.5px}.list-head{padding-top:18px;padding-bottom:18px}.add-area{padding-top:15px;padding-bottom:15px}}

.category-group{margin:0}.category-group>summary{cursor:pointer;display:flex;align-items:center;gap:8px;list-style:none;min-height:40px}.category-group>summary::-webkit-details-marker{display:none}.category-group>summary:before{content:"▸"}.category-group[open]>summary:before{content:"▾"}.category-count{margin-left:auto;font-size:11px;letter-spacing:0;font-weight:500}.saved-week-notice{font-size:12px;margin:12px 0 0;color:var(--green)}.week-range{font-size:13px;margin:12px 0}.purchase-table{overflow:auto}.list-selector{max-width:260px}.list-card button:disabled{cursor:default}

.item{grid-template-columns:24px minmax(100px,1.1fr) 62px minmax(110px,1.2fr) 108px 32px;gap:9px}.item select{width:108px}.inline-qty,.inline-notes{width:100%;min-width:0;min-height:40px;padding:8px;font-size:13px}.field-saved{border-color:#719568;background:#f5faf1}@media(max-width:720px){.item{grid-template-columns:24px 62px minmax(0,1fr) 82px 28px;grid-template-areas:"check product product product remove" ". qty notes store .";gap:6px}.item>input[type=checkbox]{grid-area:check}.item-info{grid-area:product}.inline-qty{grid-area:qty}.inline-notes{grid-area:notes}.item select{grid-area:store;width:82px}.remove-week{grid-area:remove;width:28px}.inline-qty,.inline-notes{font-size:12px;padding:7px}}

.item-sub:empty{display:none}

.add-line{grid-template-columns:minmax(0,1fr) 64px 210px auto}.category-add{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:6px;min-width:0}.category-add select{width:100%;min-width:0;font-size:13px}.category-add button{padding:0;font-size:20px}@media(max-width:720px){.add-line{grid-template-columns:minmax(0,1fr) 60px 44px;grid-template-areas:"name qty add" "category category category"}.add-line>input[name=name]{grid-area:name}.add-line>input[name=qty]{grid-area:qty}.add-line>.category-add{grid-area:category}.add-line>button[type=submit]{grid-area:add}.category-add button{font-size:20px}.category-add button:after{content:none}}

.hidden-week-item{background:#f5f3eb}.hidden-week-item .item-name:after{content:" (verborgen)";font-weight:400;font-size:11px;color:var(--muted)}

.list-selector{width:360px;max-width:100%;font-size:13px}@media(max-width:720px){.list-selector{width:100%}.list-head .flex> .list-selector{flex:1 1 100%}}

.unavailable{grid-column:2/-2;justify-self:start;font-size:11px;padding:3px 0;min-height:28px;text-underline-offset:3px}@media(max-width:720px){.item{grid-template-areas:"check product product product remove" ". qty notes store ." ". stock stock stock ."}.unavailable{grid-area:stock}}

button.unavailable{background:var(--light);border:1px solid #b6c9b1;border-radius:9px;padding:8px 12px;min-height:40px;font-size:12px;font-weight:650;color:var(--green)}button.unavailable:hover{background:#dfead8;border-color:var(--green);text-decoration:none}button.unavailable:focus-visible{outline:2px solid var(--green);outline-offset:2px}

.user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.user-card{min-width:0}.user-card h2{margin:0}.user-card p{overflow-wrap:anywhere}@media(max-width:720px){.user-grid{grid-template-columns:1fr}.sidebar nav{grid-template-columns:repeat(auto-fit,minmax(55px,1fr))}.nav{font-size:10px}}

@media(max-width:720px){.sidebar nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.sidebar nav:has(.nav:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))}.nav{min-width:0;padding:5px 2px}.nav[data-view="users"]{font-size:0}.nav[data-view="users"]:after{content:"Beheer";font-size:10px}}

/* MIAMI VICE THEME START */
:root[data-theme="miami"]{color-scheme:dark;--cyan:#08c9cc;--pink:#ff86d9;--green:var(--cyan);--ink:#f4f4fc;--muted:#b4b8cc;--line:#303040;--cream:#000;--orange:var(--pink);--peach:#20101e;--white:#101018;--light:#08282b;--panel:#101018;--input:#08090e}
:root[data-theme="miami"] body{background:#000;color:var(--ink)}
:root[data-theme="miami"] button,:root[data-theme="miami"] .button{background:#15151f;color:var(--ink);border-color:#414154}
:root[data-theme="miami"] button:hover,:root[data-theme="miami"] .button:hover{background:#172a30;border-color:var(--cyan)}
:root[data-theme="miami"] .primary{background:var(--cyan);color:#001517;border-color:var(--cyan)}
:root[data-theme="miami"] .primary:hover{background:#57e9eb;color:#001517;border-color:#57e9eb}
:root[data-theme="miami"] .warm{background:var(--pink);color:#240b20;border-color:var(--pink)}
:root[data-theme="miami"] .quiet{background:transparent}
:root[data-theme="miami"] .danger,:root[data-theme="miami"] .error{color:#ff99bc}
:root[data-theme="miami"] a{color:var(--cyan)}
:root[data-theme="miami"] input,:root[data-theme="miami"] select,:root[data-theme="miami"] textarea{background:var(--input);color:var(--ink);border-color:#48485d}
:root[data-theme="miami"] input::placeholder,:root[data-theme="miami"] textarea::placeholder{color:#9b9fb7;opacity:1}
:root[data-theme="miami"] input[type=checkbox]{accent-color:var(--cyan)}
:root[data-theme="miami"] input:focus,:root[data-theme="miami"] select:focus,:root[data-theme="miami"] textarea:focus{border-color:var(--cyan)}
:root[data-theme="miami"] .card,:root[data-theme="miami"] .sidebar,:root[data-theme="miami"] dialog{background:var(--panel);border-color:var(--line)}
:root[data-theme="miami"] .sidebar{background:#07070d}
:root[data-theme="miami"] .brand{color:var(--cyan)}
:root[data-theme="miami"] .brand img{border-radius:10px}
:root[data-theme="miami"] h1{color:var(--pink)}
:root[data-theme="miami"] h2{color:#f4f4fc}
:root[data-theme="miami"] h3{color:var(--cyan)}
:root[data-theme="miami"] .nav{color:var(--muted);background:transparent;border-color:transparent}
:root[data-theme="miami"] .nav:hover{background:#15101e;color:var(--pink);border-color:#493047}
:root[data-theme="miami"] .nav.active{background:#07272b;color:var(--cyan);border-color:#176064}
:root[data-theme="miami"] .avatar{background:#2d152b;color:var(--pink);border-color:#07070d}
:root[data-theme="miami"] .live-dot{background:var(--cyan);box-shadow:0 0 9px #08c9cc70}
:root[data-theme="miami"] .hero-note{background:linear-gradient(115deg,#07282a,#211023);border:1px solid #39404c}
:root[data-theme="miami"] .hero-note strong{color:var(--cyan)}
:root[data-theme="miami"] .hero-note p{color:#d4c5dc}
:root[data-theme="miami"] .progress{background:#262335}
:root[data-theme="miami"] .progress div{background:linear-gradient(90deg,var(--cyan),var(--pink))}
:root[data-theme="miami"] .category{background:#082124;color:var(--cyan);border-bottom-color:#244045}
:root[data-theme="miami"] .category-group:nth-of-type(even)>.category{background:#211124;color:var(--pink);border-bottom-color:#442440}
:root[data-theme="miami"] .category-count{color:inherit;opacity:.8}
:root[data-theme="miami"] .item{border-bottom-color:#292936}
:root[data-theme="miami"] .item-info{background:none;border:0}
:root[data-theme="miami"] .item-info:hover{background:none;color:var(--pink)}
:root[data-theme="miami"] .item.checked .item-name{color:#a6acc1}
:root[data-theme="miami"] .item-sub{color:#c6c2d8}
:root[data-theme="miami"] .add-area{background:#0a0b12}
:root[data-theme="miami"] .tip{background:linear-gradient(145deg,#152227,#201125);border:1px solid #3c3449}
:root[data-theme="miami"] .product .food{background:#112c31}
:root[data-theme="miami"] .offer-image{background:#151622}
:root[data-theme="miami"] .offer-image img{background:#fff}
:root[data-theme="miami"] .badge{background:#072f32;color:#7ef3ef}
:root[data-theme="miami"] .badge.warning{background:#35182e;color:#ffb0e8}
:root[data-theme="miami"] .offer-price{color:var(--pink)}
:root[data-theme="miami"] .offer-price small{color:#d3c8df}
:root[data-theme="miami"] .auth-art{background:linear-gradient(145deg,#000 5%,#06292d 60%,#281027);color:var(--ink)}
:root[data-theme="miami"] .auth-art h1{color:var(--pink)}
:root[data-theme="miami"] .auth-art p{color:#c9d1e3}
:root[data-theme="miami"] .auth-art .eyebrow{color:var(--cyan)}
:root[data-theme="miami"] dialog{border:1px solid #5a3e59;box-shadow:0 25px 90px #000c}
:root[data-theme="miami"] dialog::backdrop{background:#000b}
:root[data-theme="miami"] pre{background:#1a1724}
:root[data-theme="miami"] #toast{background:#062e30;color:#bafff9;border:1px solid var(--cyan);box-shadow:0 6px 30px #0008}
:root[data-theme="miami"] .skip{background:#16121e;color:var(--cyan)}
:root[data-theme="miami"] :focus-visible{outline-color:var(--pink)}
:root[data-theme="miami"] .status-box{background:#082126;border:1px solid #245358}
:root[data-theme="miami"] .status-box strong{color:var(--cyan)}
:root[data-theme="miami"] .remove-week{color:var(--pink);background:transparent}
:root[data-theme="miami"] .remove-week:hover{background:#35182e;color:#ffc5ee}
:root[data-theme="miami"] .field-saved{border-color:var(--cyan);background:#08282b}
:root[data-theme="miami"] .hidden-week-item{background:#211320}
:root[data-theme="miami"] .hidden-week-item .item-name:after{color:#d5accc}
:root[data-theme="miami"] button.unavailable{background:#291529;color:#ffb8e9;border-color:#884874}
:root[data-theme="miami"] button.unavailable:hover{background:#42213e;color:#ffdbf4;border-color:var(--pink)}
:root[data-theme="miami"] button.unavailable:focus-visible{outline-color:var(--pink)}

/* MIAMI VICE THEME END */

.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.theme-option{border:2px solid var(--line);border-radius:16px;padding:16px;cursor:pointer;align-content:start}.theme-option.selected{border-color:var(--green)}.theme-option .check-label{margin:12px 0 5px}.theme-option input[type=radio]{min-height:20px;width:20px;height:20px;accent-color:var(--green)}.theme-preview{height:110px;border-radius:10px;padding:18px;display:grid;gap:9px}.theme-preview span{height:12px;border-radius:4px}.theme-preview span:last-child{width:55%}.preview-miami{background:#000}.preview-miami span{background:#08c9cc}.preview-miami span:nth-child(2){background:#ff86d9}.preview-classic{background:#f7f7f0}.preview-classic span{background:#244f3e}.preview-classic span:nth-child(2){background:#d9e5cd}@media(max-width:720px){.theme-grid{grid-template-columns:1fr}.nav[data-view="users"]{display:none}.nav[data-view="preferences"]{font-size:0}.nav[data-view="preferences"]:after{content:"Instellingen";font-size:9px}.sidebar nav{grid-template-columns:repeat(6,minmax(0,1fr))}}