:root{--bg:#f7f8fa;--ink:#17232d;--muted:#76808b;--line:#e4e8eb;--green:#196752;--lime:#d3ef84}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #7bb899;outline-offset:3px}[hidden]{display:none!important}header{height:92px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--green);font-size:39px}.brand b{font-size:27px}.brand span{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:3px}nav{display:flex;height:100%;gap:30px}.nav{border:0;background:none;color:var(--muted);font-weight:bold;border-bottom:3px solid transparent}.nav.active{color:var(--green);border-color:var(--green)}.account{border:1px solid var(--line);border-radius:30px;background:white;padding:12px 18px;font-size:13px}main{max-width:1240px;margin:auto;padding:45px 35px 80px;min-height:78vh}.eyebrow{color:var(--green);font-size:12px;font-weight:bold;letter-spacing:.7px}h1{font-size:58px;line-height:1.14;margin:20px 0;letter-spacing:-2px}h1 em{font-style:normal;color:var(--green)}p{line-height:1.75}h2{font-size:23px}.hero{display:flex;justify-content:space-between;padding-bottom:35px}.hero p{color:var(--muted);font-size:16px}.hero-art{width:380px;height:250px;position:relative;background:radial-gradient(ellipse,#e3eadf,transparent 68%);margin-left:50px}.tile{position:absolute;width:104px;height:118px;display:grid;place-items:center;font-size:46px;font-weight:bold;border-radius:22px;box-shadow:0 24px 45px #1b244324;transform:rotate(-14deg)}.ae{background:#24204b;color:#b7a1ff;right:40px;top:10px;z-index:2}.pr{background:#42335f;color:#e0c5ff;right:140px;top:80px;transform:rotate(12deg);z-index:3}.ps{background:#19354a;color:#7ac6e7;right:240px;top:20px;transform:rotate(20deg)}.orb{position:absolute;width:48px;height:48px;border-radius:50%;background:var(--lime);right:60px;top:170px;box-shadow:inset -10px -10px 20px #6c9b3933}.art-caption{position:absolute;bottom:0;left:30px;font-size:10px;letter-spacing:3px;color:#92a299}.section-title{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:26px}.section-title h2{margin:0}.section-title h2 span{font-size:12px;background:#e7ece8;color:var(--green);border-radius:20px;padding:5px 9px;margin-right:8px}.section-title p{font-size:12px;color:var(--muted);margin:9px 0 22px}.primary{background:var(--green);color:white;border:0;padding:14px 24px;border-radius:10px;font-weight:bold}.filters{display:flex;gap:12px}.search{display:flex;align-items:center;flex:1;background:white;border:1px solid var(--line);border-radius:9px;padding:0 15px}.search span{font-size:26px;color:var(--muted)}input,textarea,select{padding:13px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #a6c7b6}.search input{width:100%;border:0;background:transparent;outline:none}.mine{display:flex;align-items:center;gap:7px;font-size:13px}.software{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 28px}.chip{background:white;border:1px solid var(--line);border-radius:8px;padding:10px 15px;font-size:12px;display:flex;align-items:center;gap:9px}.chip.selected{background:var(--green);color:white;border-color:var(--green)}.badge{font-weight:bold;background:#eeebfa;color:#695493;border-radius:5px;padding:4px 5px;font-size:12px;direction:ltr}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #17232d09}.cover{width:100%;height:188px;object-fit:cover;display:block;background:#e7ebe8}.cover-art{display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#e1e9e4,#f1f0f7);font-size:65px;color:#577362}.card-body{padding:20px}.card h3{font-size:19px;line-height:1.5;margin:13px 0 8px}.card-summary{font-size:13px;color:var(--muted);height:42px;overflow:hidden;line-height:1.6;margin:0 0 13px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#f1f4f3;color:#577466;padding:5px 8px;border-radius:5px;font-size:11px}.card-foot{border-top:1px solid var(--line);margin-top:17px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.text-btn{border:0;background:none;padding:12px 0;color:var(--green)}.empty{grid-column:1/-1;text-align:center;padding:60px 20px;border:1px dashed #ccd7cf;border-radius:14px;background:#f0f4f1}.empty>span{font-size:48px;color:#7d9a89}.empty p{color:var(--muted);font-size:14px}.empty h2{font-size:23px}footer{border-top:1px solid var(--line);padding:27px 5%;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}dialog{border:0;border-radius:18px;padding:35px;max-width:640px;width:calc(100% - 32px);max-height:90vh;color:var(--ink);box-shadow:0 30px 100px #14272040}dialog::backdrop{background:#14272070;backdrop-filter:blur(4px)}#login{max-width:430px}dialog h2{font-size:28px;margin:10px 0 18px}.close{position:absolute;left:16px;top:12px;border:0;background:none;color:var(--muted);font-size:27px}form label{display:flex;flex-direction:column;gap:8px;font-size:13px;margin:16px 0}form label small{font-size:11px;color:var(--muted);font-weight:normal}.check{flex-direction:row;align-items:center}.wide{width:100%}.muted{color:var(--muted);font-size:13px}.error{color:#b33f3f;font-size:13px}.form-row{display:flex;gap:15px}.form-row label{flex:1}.upload{border:1px dashed #b2c9bd;border-radius:8px;padding:16px;text-align:center;background:#f6f9f6;color:var(--green)}.upload input{font-size:12px}.image-preview{display:flex;gap:8px;flex-wrap:wrap}.image-preview img{width:85px;height:65px;object-fit:cover;border-radius:5px}.image-preview button{border:0;color:#a53737;background:#f6eeee;border-radius:4px}.view-body{white-space:pre-wrap;line-height:1.9;margin:22px 0}.view-images img{max-width:100%;border-radius:10px;margin:10px 0}.view-actions{display:flex;gap:20px}.danger{color:#b33f3f}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:16px;text-align:right;border-bottom:1px solid var(--line)}th{background:#edf3ef}.log{background:white;padding:16px 20px;border:1px solid var(--line);border-radius:8px;margin:8px 0;font-size:14px}.log time{display:block;color:var(--muted);font-size:11px;margin-top:7px}#toast{position:fixed;bottom:25px;left:25px;padding:15px 24px;color:white;background:var(--ink);border-radius:10px;max-width:90vw;z-index:10}@media(max-width:800px){header{padding:0 20px;height:auto;min-height:85px;flex-wrap:wrap;gap:12px;padding-top:15px}nav{order:3;width:100%;gap:25px;height:45px}.brand{font-size:28px}.brand b{font-size:23px}main{padding:30px 20px}h1{font-size:44px}.hero-art{width:240px;transform:scale(.8);transform-origin:center;margin-left:0}.grid{grid-template-columns:repeat(2,1fr)}.filters{flex-wrap:wrap}.search{min-width:100%}}@media(max-width:540px){.hero-art{display:none}.hero{padding-bottom:18px}.grid{grid-template-columns:1fr}.section-title h2{font-size:20px}.primary{padding:12px 15px}.section-title{gap:10px}.software{gap:6px}.chip{padding:8px 10px}.form-row{display:block}dialog{padding:30px 22px}.filters select{flex:1}footer{gap:20px}.cover{height:210px}}

/* Home screen and gentle hover feedback */
.home-hero{padding:50px 0 65px;max-width:1000px}.home-hero>p{max-width:640px;color:var(--muted);font-size:18px}.home-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.outline-btn{padding:14px 24px;border:1px solid var(--green);background:white;color:var(--green);border-radius:10px;font-weight:bold}.welcome-name{font-size:17px;color:var(--green);font-weight:bold;margin-top:28px}.home-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.destination{text-align:right;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:220px;padding:28px;border:1px solid var(--line);background:white;border-radius:17px;color:var(--ink)}.destination-icon{font-size:35px;color:var(--green)}.destination strong{font-size:21px}.destination small{font-size:13px;color:var(--muted)}.destination-arrow{position:absolute;left:22px;bottom:20px;font-size:23px;color:var(--green)}.duties-placeholder{min-height:300px;border:1px dashed var(--line);border-radius:15px;background:white}.primary,.outline-btn,.nav,.account,.chip,.text-btn,.destination,.close,.image-preview button{transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.primary:hover:not(:disabled){background:#288d70;box-shadow:0 8px 22px #19675230;transform:translateY(-2px)}.outline-btn:hover:not(:disabled){background:#e6f3e9;transform:translateY(-2px)}.destination:hover{background:#eff8ef;border-color:#9dc8ae;box-shadow:0 14px 32px #19675215;transform:translateY(-4px)}.nav:hover{color:var(--green);background:#f1f8f3}.account:hover,.chip:hover:not(.selected){background:#e9f5ed;border-color:#9dc8ae;color:var(--green)}.text-btn:hover{color:#2a9975}.chip.selected:hover{background:#288d70}.close:hover{color:var(--green);background:#edf5ee}@media(max-width:800px){.home-choices{grid-template-columns:1fr}.destination{min-height:160px}.home-hero{padding-top:22px}}@media(prefers-reduced-motion:reduce){.primary,.outline-btn,.nav,.account,.chip,.text-btn,.destination,.close,.image-preview button{transition:none}}

/* Refreshed modern interface, while keeping all original functionality */
:root{--bg:#f5f8f7;--ink:#152b29;--muted:#687e79;--line:#e0eae6;--green:#126b55;--lime:#d7f3ad}
body{background:radial-gradient(circle at 85% 10%,#e8f6ed 0,transparent 33%),radial-gradient(circle at 5% 55%,#eaf0fa 0,transparent 28%),var(--bg)}
header{position:sticky;top:0;z-index:8;height:82px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 26px #15382b08}
nav{align-items:center;gap:7px}nav .nav{height:44px;border-radius:12px;border:0;padding:0 16px;white-space:nowrap}nav .nav.active{background:#e8f5ee;color:var(--green)}
.account{background:#fff;border-color:#dce8e2;box-shadow:0 4px 14px #163d3010}
main>section:not([hidden]){animation:sectionEnter .5s cubic-bezier(.2,.7,.2,1) both}
.home-hero{position:relative;isolation:isolate;padding:70px 0 85px;max-width:1100px}
.home-hero:before{content:'';position:absolute;z-index:-1;left:0;top:18px;width:min(48vw,390px);height:350px;background:radial-gradient(circle at 40% 50%,#c5eed4a0,transparent 67%);filter:blur(9px);pointer-events:none;animation:floatGlow 9s ease-in-out infinite alternate}
.home-hero h1{font-size:clamp(54px,7vw,92px);line-height:1.08;letter-spacing:-3px;margin:22px 0}
.home-hero>p{font-size:19px;max-width:540px}
.home-actions{margin-top:38px}
.primary,.outline-btn{border-radius:13px;box-shadow:0 4px 16px #135f4c13}
.primary{background:linear-gradient(120deg,#126b55,#20856b);background-size:160% 160%;transition:background-position .35s,transform .25s,box-shadow .25s}
.primary:hover:not(:disabled){background-position:100% 100%;background-color:#20856b;box-shadow:0 12px 30px #126b5530}
.destination{overflow:hidden;border:1px solid #dcebe4;border-radius:22px;box-shadow:0 10px 35px #183e3010;min-height:235px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background .35s,border-color .35s}
.destination:before{content:'';position:absolute;width:190px;height:190px;border-radius:50%;left:-95px;top:-105px;background:#c5eed58c;transition:transform .5s ease,opacity .4s;opacity:.5}
.destination:hover:before{transform:scale(2.5);opacity:.7}
.destination-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#e6f5ec;transition:transform .35s,background .35s}
.destination:hover .destination-icon{transform:rotate(-7deg) scale(1.08);background:#d0efda}
.destination strong,.destination small,.destination-arrow{position:relative}
.destination:hover .destination-arrow{transform:translateX(-7px)}.destination-arrow{transition:transform .3s}
.card{border-radius:20px;box-shadow:0 8px 24px #14382c08;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #14382c18}
.chip{border-radius:12px}.search{border-radius:14px}.empty{border-radius:22px}
dialog{position:fixed;animation:modalIn .28s cubic-bezier(.2,.8,.2,1) both;border:1px solid #e5eee8;box-shadow:0 30px 90px #092a2740}
dialog::backdrop{background:#0d292a7a;backdrop-filter:blur(7px)}
.confirm-dialog{max-width:450px;text-align:center;padding:36px 34px 30px;border-radius:25px}
.confirm-dialog h2{font-size:27px;margin:18px 0 8px}.confirm-dialog p{color:var(--muted);font-size:15px;line-height:1.8}
.confirm-symbol{width:68px;height:68px;margin:0 auto;display:grid;place-items:center;border-radius:21px;background:#e7f5ec;color:var(--green);font-size:37px}
.confirm-actions{display:flex;gap:12px;margin-top:26px}.confirm-actions button{flex:1;padding:14px 12px}
@keyframes sectionEnter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes modalIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes floatGlow{to{transform:translate(18px,-14px) scale(1.12)}}
@media(max-width:800px){header{height:auto}nav{overflow-x:auto;gap:3px}nav .nav{font-size:12px;padding:0 11px;flex-shrink:0}.home-hero{padding:40px 0 65px}}
@media(max-width:540px){.home-hero h1{font-size:52px}.home-hero>p{font-size:16px}.confirm-actions{flex-direction:column}.confirm-dialog{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Updated navigation and interactive cards */
.card{cursor:pointer;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.card:hover,.card:focus-visible{transform:translateY(-5px);box-shadow:0 18px 42px rgba(30,45,85,.15);outline-offset:3px}
.nav,.primary,.outline-btn,.destination,.account,.text-btn{transition:background-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease,border-color .25s ease}
@media(prefers-reduced-motion:reduce){.card,.nav,.primary,.outline-btn,.destination,.account,.text-btn{transition:none!important;animation:none!important}}

/* Version 4 authentication */
.auth-panel{min-width:min(380px,85vw)}.pin-dots{display:flex;justify-content:center;gap:12px;margin:22px 0 14px;direction:ltr}.pin-dots span{width:17px;height:17px;border:2px solid #8895b0;border-radius:50%;transition:background .2s,transform .2s}.pin-dots span.filled{background:#7278ff;transform:scale(1.12);border-color:#7278ff}#authPin{text-align:center;letter-spacing:1.2em;direction:ltr;font-size:22px;width:100%;box-sizing:border-box}#nameStatus{min-height:1.5em}.success-text{color:#2da87d}.admin-entry{margin-top:22px;padding-top:14px;border-top:1px solid #8883}.shake{animation:pinshake .35s ease}@keyframes pinshake{0%,100%{transform:translateX(0)}25%{transform:translateX(-9px)}75%{transform:translateX(9px)}}

/* v5: Responsive, readable dialogs. Prevent viewport-level horizontal scrolling. */
html,body{max-width:100%;overflow-x:clip}
main,main>section,header,footer{min-width:0}
dialog{box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-width:calc(100vw - 32px);min-width:0;margin:auto;padding:clamp(22px,4vw,38px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-radius:24px}
#login{width:min(490px,calc(100vw - 32px));max-width:calc(100vw - 32px)}
#editUserDialog{width:min(560px,calc(100vw - 32px))}
.auth-panel{min-width:0;width:100%;max-width:100%;display:flex;flex-direction:column;gap:12px}
.auth-panel>h2{font-size:clamp(27px,5vw,37px);line-height:1.2;margin:5px 0 2px}
.auth-panel>.muted{margin:0 0 12px;font-size:15px}
.auth-panel label:not(.check),#editUserForm label:not(.check){display:flex;flex-direction:column;gap:10px;min-width:0;font-size:15px;font-weight:600;margin:12px 0}
.auth-panel input:not([type=checkbox]),#editUserForm input:not([type=checkbox]){display:block;width:100%;max-width:100%;min-width:0;padding:15px 16px;border-radius:14px;font-size:17px;letter-spacing:normal}
.auth-panel button.wide,#editUserForm button.wide{width:100%;min-height:52px;border-radius:14px}
.auth-panel .check,#editUserForm .check{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;margin:14px 0;font-size:15px}
.auth-panel input[type=checkbox],#editUserForm input[type=checkbox]{flex:0 0 19px;width:19px;height:19px;margin:0;accent-color:var(--green)}
.admin-entry{margin-top:18px;padding-top:22px;border-top:1px solid var(--line)}
#adminFields{padding:10px 0 0}
#editUserForm{width:100%;min-width:0;display:flex;flex-direction:column;gap:8px}
#editUserForm h2{font-size:clamp(28px,5vw,36px);margin:8px 0 18px}
#editUserForm .muted{line-height:1.65;margin:0}
#authPin{letter-spacing:.25em;text-align:center;direction:ltr;font-variant-numeric:tabular-nums;font-size:26px}
.pin-dots{gap:clamp(9px,3vw,16px);flex-wrap:nowrap}
.pin-dots span{flex-shrink:0}
#nameStep,#pinStep{width:100%;min-width:0}
#nameStatus{min-height:1.5em;margin:6px 0}
.close{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;left:12px;top:12px;line-height:1}
@media(max-width:540px){dialog{padding:26px 20px}#login{width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.auth-panel{gap:10px}.auth-panel>h2{padding-top:10px}.auth-panel input:not([type=checkbox]),#editUserForm input:not([type=checkbox]){font-size:16px}}
/* V7 duties and accessibility */
html,body{max-width:100%;overflow-x:clip}*,*::before,*::after{box-sizing:border-box}
button,.primary,.outline-btn,.destination{transition:background-color .32s ease,color .32s ease,border-color .32s ease,box-shadow .32s ease,transform .32s ease}
button:hover,.primary:hover,.outline-btn:hover{filter:none;transform:translateY(-1px)}.primary:hover{background:#3fbe91!important}
.duty-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.duty-tabs button{border:1px solid var(--border,#cbd5df);border-radius:14px;padding:12px 18px;background:transparent;color:inherit;cursor:pointer}.duty-tabs button.active{background:#174e40;color:#fff}
.duty-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0}.duty-controls h2{margin:0;font-size:clamp(1.15rem,2.5vw,1.7rem)}.duty-layout{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(240px,1fr);gap:20px;align-items:start;max-width:100%}.duty-layout>div,.duty-aside{min-width:0}.duty-aside{border:1px solid #d6dfdc;border-radius:18px;padding:18px;background:rgba(255,255,255,.04)}.duty-aside h3{margin:8px 0 15px}.duty-calendar{min-width:0}.duty-weekdays,.duty-cells{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.duty-weekdays{text-align:center;margin-bottom:8px;color:#849b96}.duty-cell{min-width:0;min-height:114px;border:1px solid #bdcdc8;border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:5px;overflow-wrap:anywhere}.duty-cell.blank{visibility:hidden}.duty-cell.unavailable{opacity:.35}.duty-cell.today{outline:2px solid #52b99a}.duty-day{font-size:.95rem}.duty-chip{border:0;border-radius:8px;padding:5px 6px;background:#e0f1e9;color:#173f33;text-align:right;font-size:.75rem;white-space:normal;overflow-wrap:anywhere;cursor:pointer}.duty-chip.done{background:#b8dcca}.duty-add{border:1px dashed #81b6a2;background:transparent;color:inherit;border-radius:8px;min-height:28px;cursor:pointer;margin-top:auto}.duty-stat-table{width:100%;font-size:.77rem;border-collapse:collapse}.duty-stat-table td,.duty-stat-table th{padding:7px 3px;border-bottom:1px solid #b6c7c0;overflow-wrap:anywhere}.duty-setting{display:flex;align-items:center;gap:9px;margin:10px 0;flex-wrap:wrap}.duty-setting select{max-width:100%;min-width:0}.duty-aside select{max-width:100%}.pending-view{text-align:center;max-width:440px}.pending-clock{font-size:4rem;color:#43ad86;animation:clockpulse 2s ease-in-out infinite}@keyframes clockpulse{50%{transform:rotate(12deg) scale(1.08);opacity:.7}}#dutyDialog{width:min(500px,calc(100vw - 28px));max-height:85vh;overflow-y:auto}#dutyDialogBody{display:grid;gap:12px}#dutyDialogBody select{width:100%;max-width:100%}@media(max-width:900px){.duty-layout{grid-template-columns:1fr}.duty-cell{min-height:92px;padding:4px}.duty-chip{font-size:.65rem}.duty-tabs button{padding:10px}.duty-controls button{font-size:.75rem;padding:9px}}@media(max-width:520px){.duty-weekdays,.duty-cells{gap:2px}.duty-cell{min-height:78px;border-radius:7px}.duty-chip{padding:3px 2px;font-size:.58rem}.duty-day{font-size:.8rem}.duty-add{min-height:24px}}
@media(prefers-reduced-motion:reduce){.pending-clock{animation:none}button,.primary,.outline-btn,.destination{transition:none}}

/* MultiWork v8: weekly closing and explicit settings saves */
.duty-controls[hidden]{display:none!important}
.closing-week-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.closing-week-card{display:flex;flex-direction:column;gap:10px;min-height:230px;border:1px solid #c7d8d1;border-radius:16px;padding:18px;background:rgba(255,255,255,.24)}
.closing-week-card h3{margin:0 0 10px;font-size:1.25rem}.closing-all{background:#e0f1e9;color:#174e40;border-radius:12px;padding:12px;text-align:center;font-weight:700}
.closing-edit{margin-top:auto;font-size:.8rem;padding:10px}.duty-settings-form{display:flex;flex-direction:column;gap:5px}.duty-settings-form h4{margin:18px 0 7px}.duty-check-row{flex-wrap:nowrap;align-items:flex-start;line-height:1.5;cursor:pointer}.duty-check-row input{flex:0 0 18px;margin-top:3px;accent-color:#236d54}.duty-save{margin-top:12px}.duty-save:disabled{opacity:.45;cursor:default}.duty-save-status{min-height:20px;font-size:.8rem;color:#637c72;margin:6px 0}.duty-user-select{width:100%}
@media(max-width:800px){.closing-week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.closing-week-grid{grid-template-columns:1fr}.closing-week-card{min-height:140px}}

/* MultiWork v10: clear assignment colors and editable fields */
.duty-chip.duty-type-rasar{background:#e0ebff;color:#224e91;border-right:3px solid #5a86d5}
.duty-chip.duty-type-kitchen{background:#fff0d4;color:#86500a;border-right:3px solid #e5a643}
.duty-chip.duty-type-guard{background:#eee4ff;color:#624293;border-right:3px solid #9970d4}
.duty-chip.duty-type-daily{background:#d9f1ef;color:#1a6762;border-right:3px solid #4caaa2}
.duty-chip.duty-type-weekends{background:#fce4ed;color:#943b5e;border-right:3px solid #dc7d9c}
.duty-chip.done{box-shadow:inset 0 0 0 1px #597e6838}
#dutyDialogBody .duty-dialog-label{display:flex;flex-direction:column;gap:7px;font-size:.9rem;font-weight:600;color:#2e5146}
#dutyDialogBody .duty-dialog-label select{font-weight:400;cursor:pointer;pointer-events:auto;opacity:1}

/* MultiWork v11: light/dark appearance and locked assignment identity */
.duty-locked-user{background:#edf2f0!important;color:#52635e!important;cursor:not-allowed!important;opacity:1!important}
.theme-toggle{white-space:nowrap;padding:10px 14px}
:root[data-theme="dark"]{color-scheme:dark;--bg:#101b1a;--ink:#e8f2ee;--muted:#a7bcb5;--line:#354d45;--green:#78cfa9;--lime:#294b3c}
:root[data-theme="dark"] body{background:radial-gradient(circle at 80% 5%,#1d3b32 0,transparent 34%),#101b1a;color:var(--ink)}
:root[data-theme="dark"] header{background:#152520ee;box-shadow:0 4px 24px #0005}
:root[data-theme="dark"] header .nav.active{background:#254c3c;color:#b3f2cf}
:root[data-theme="dark"] .account,:root[data-theme="dark"] .outline-btn,:root[data-theme="dark"] .destination,:root[data-theme="dark"] .card,:root[data-theme="dark"] .table-wrap,:root[data-theme="dark"] .log,:root[data-theme="dark"] dialog,:root[data-theme="dark"] .duties-placeholder{background:#1c2e29;color:var(--ink);border-color:#36594a}
:root[data-theme="dark"] .duty-aside,:root[data-theme="dark"] .duty-cell,:root[data-theme="dark"] .closing-week-card{background:#1b2b27;border-color:#3a574b;color:var(--ink)}
:root[data-theme="dark"] .duty-cell.unavailable{opacity:.3}
:root[data-theme="dark"] .duty-tabs button:not(.active){background:#1b2b27;color:var(--ink);border-color:#3a574b}
:root[data-theme="dark"] .duty-tabs button.active{background:#387a5c;color:#fff}
:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:#20352e;color:var(--ink);border-color:#476457}
:root[data-theme="dark"] .duty-locked-user{background:#2a3934!important;color:#b5c8be!important}
:root[data-theme="dark"] th{background:#294239;color:var(--ink)}
:root[data-theme="dark"] td,:root[data-theme="dark"] th{border-color:#385447}
:root[data-theme="dark"] .tag,:root[data-theme="dark"] .chip,:root[data-theme="dark"] .empty,:root[data-theme="dark"] .upload,:root[data-theme="dark"] .confirm-symbol{background:#29463a;color:#b9e9d1;border-color:#416655}
:root[data-theme="dark"] .muted,:root[data-theme="dark"] .duty-save-status{color:var(--muted)}
:root[data-theme="dark"] .duty-chip.duty-type-rasar{background:#253d63;color:#c5dcff}
:root[data-theme="dark"] .duty-chip.duty-type-kitchen{background:#534021;color:#ffe1a1}
:root[data-theme="dark"] .duty-chip.duty-type-guard{background:#3d3058;color:#e0cfff}
:root[data-theme="dark"] .duty-chip.duty-type-daily{background:#1e4945;color:#b5ece7}
:root[data-theme="dark"] .duty-chip.duty-type-weekends{background:#512e3f;color:#ffd0e1}
:root[data-theme="dark"] .closing-all{background:#2b5944;color:#d6ffe6}
:root[data-theme="dark"] .primary{background:linear-gradient(120deg,#23775c,#318e6e);color:#fff}
:root[data-theme="dark"] .primary:hover{background:#369d77!important}
:root[data-theme="dark"] .outline-btn:hover,:root[data-theme="dark"] .account:hover{background:#29493b;color:#b7efd1}
@media(max-width:700px){.theme-toggle{font-size:12px;padding:8px 10px}}

/* MultiWork v12: centered calendar for viewers; editor tools in a separate side panel */
.duty-layout{width:100%;max-width:1420px;margin-inline:auto;direction:rtl;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:22px}
.duty-layout-viewer{display:block;max-width:1100px;margin-inline:auto}
.duty-layout-viewer .duty-aside{display:none!important}
.duty-layout-editor{display:grid;grid-template-columns:minmax(0,1fr) 320px}
.duty-aside[hidden]{display:none!important}
.duty-calendar{width:100%;margin-inline:auto}
.duty-layout-viewer .duty-calendar{max-width:1100px}
.duty-layout-viewer .closing-week-grid{max-width:1000px;margin-inline:auto}
@media(max-width:1000px){.duty-layout-editor{grid-template-columns:minmax(0,1fr) 280px;gap:12px}}
@media(max-width:780px){.duty-layout-editor{grid-template-columns:1fr}.duty-aside{width:100%;max-width:100%}}
/* Keep month navigation aligned with the calendar, not the full viewport */
.duty-controls{width:100%;max-width:1420px;margin-inline:auto}
#duties:has(.duty-layout-viewer) .duty-controls{max-width:1100px}
#duties:has(.duty-layout-viewer) .duty-calendar{margin-inline:auto}

/* MultiWork v13: soft light gradient, unified dark search and safe admin actions */
:root[data-theme="light"] body{background:radial-gradient(ellipse at 88% 10%,rgba(183,224,204,.42),transparent 47%),radial-gradient(ellipse at 5% 55%,rgba(204,222,246,.38),transparent 53%),#fbfcfd;background-attachment:fixed}
:root[data-theme="dark"] .search{background:#20352e!important;border:1px solid #476457!important;color:var(--ink)!important;box-shadow:none!important}
:root[data-theme="dark"] .search input{background:transparent!important;color:var(--ink)!important;border:0!important;box-shadow:none!important;outline:none!important}
:root[data-theme="dark"] .search input::placeholder{color:#b4c8bf!important;opacity:.8}
:root[data-theme="dark"] .search span{color:#a7bcb5!important}
.admin-delete-user{margin-inline-start:12px}

/* MultiWork v14: distinguish work surfaces from the page and use a native site dialog */
:root[data-theme="light"] .duty-aside{background:linear-gradient(145deg,#f0f6f3,#eaf1f8);border:1px solid #cbded6;box-shadow:0 12px 35px #1c49351a}
:root[data-theme="light"] .duty-calendar{background:#fdfefd;border:1px solid #dce8e2;border-radius:20px;padding:14px;box-shadow:0 10px 32px #1c493510}
:root[data-theme="light"] .duty-cell:not(.blank){background:#f5f9f7;border-color:#d5e4dd}
:root[data-theme="light"] .duty-cell.today{background:#eaf6f0}
:root[data-theme="dark"] .duty-aside{background:#24372f;border-color:#4c675a;box-shadow:0 10px 32px #0003}
:root[data-theme="dark"] .duty-calendar{background:#1b2b26;border:1px solid #3b5549;border-radius:20px;padding:14px}
:root[data-theme="dark"] .duty-cell:not(.blank){background:#233830;border-color:#425d50}
:root[data-theme="dark"] .duty-cell.today{background:#294c3b}
.site-delete-dialog{width:min(440px,calc(100vw - 30px));border-radius:22px;padding:30px;background:#fff;color:#19332b}
.site-delete-dialog h2{font-size:26px;margin:10px 0}
.site-delete-dialog form{display:grid;gap:14px}
.site-delete-dialog label{font-size:14px;font-weight:600}
.site-delete-dialog input{width:100%;box-sizing:border-box}
.site-delete-dialog .muted{line-height:1.7}
.delete-user-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#fff0ed;color:#a43e35;font-size:26px}
.delete-user-actions{display:flex;gap:12px;margin-top:5px}
.delete-user-actions>button{flex:1;min-width:0}
.delete-user-submit{border:0;border-radius:13px;background:#b63e37;color:#fff;font-weight:700;padding:13px;cursor:pointer}
.delete-user-submit:hover:not(:disabled){background:#9d302b}
.delete-user-submit:disabled{opacity:.45;cursor:not-allowed}
:root[data-theme="dark"] .site-delete-dialog{background:#22362e;color:#e4f3e9;border:1px solid #496354}
:root[data-theme="dark"] .delete-user-icon{background:#4b2c2a;color:#ffb7ac}
@media(max-width:520px){.duty-calendar{padding:5px!important}.delete-user-actions{flex-direction:column}}

/* MultiWork v16: compact admin login; no phantom space from hidden auth steps */
#login .auth-panel:has(#adminCheck:checked){gap:6px}
#login .auth-panel:has(#adminCheck:checked)>h2{margin:0}
#login .auth-panel:has(#adminCheck:checked)>.muted{margin:0}
#login .auth-panel:has(#adminCheck:checked) .admin-entry{margin-top:4px;padding-top:12px}
#login .auth-panel:has(#adminCheck:checked) #adminFields{padding-top:0}
#login .auth-panel:has(#adminCheck:checked) #adminFields label{margin:6px 0 12px}
#login .auth-panel:has(#adminCheck:checked) #adminSubmit{display:block;margin-top:8px}
#login .auth-panel:has(#adminCheck:checked) #loginError:empty{display:none}

/* MultiWork v17: keep the admin-mode switch below the actual login action. */
#login .admin-entry{display:flex;flex-direction:column;gap:6px}
#login .admin-entry #adminFields{order:0}
#login .admin-entry > .check{order:1;margin:10px 0 0;align-self:flex-start}
#login .admin-entry:has(#adminCheck:checked){padding-top:8px}
#login .admin-entry:has(#adminCheck:checked) #adminFields{padding-top:0}

.swap-toolbar{display:flex;justify-content:flex-start;margin:16px 0}.swap-inbox{padding:20px;background:var(--surface,#fff);border:1px solid var(--border,#d6dfda);border-radius:18px;margin:14px 0 24px}.swap-card{border:1px solid var(--border,#d6dfda);border-radius:14px;padding:14px;margin:12px 0}.swap-card p{margin:8px 0}.swap-actions{display:flex;gap:10px;flex-wrap:wrap}.swap-actions button{min-width:110px}

/* v19: swap action aligned with month navigation */
.duty-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}
.duty-control-actions{display:flex;align-items:center;justify-self:start;gap:10px;flex-wrap:wrap}
.duty-controls>#dutyNext{justify-self:end}
.duty-controls .outline-btn{min-height:46px;white-space:nowrap}
@media(max-width:650px){.duty-controls{grid-template-columns:1fr 1fr}.duty-controls h2{grid-column:1/-1;grid-row:1;text-align:center}.duty-control-actions{grid-column:1;grid-row:2}.duty-controls>#dutyNext{grid-column:2;grid-row:2}.duty-controls .outline-btn{font-size:.78rem;padding:8px}}
.swap-card{background:var(--surface,#fff)}

/* v20: stack swap requests directly above previous month, aligned symmetrically */
.duty-control-actions{display:flex;flex-direction:column;align-items:stretch;justify-self:start;gap:10px;flex-wrap:nowrap;min-width:0}
.duty-control-actions > .outline-btn{width:100%;min-width:0;text-align:center;box-sizing:border-box}
@media(max-width:650px){.duty-control-actions{align-self:stretch}.duty-controls>#dutyNext{align-self:end}.duty-control-actions > .outline-btn{width:100%}}

/* v21: aligned month controls, with a request popover anchored to its trigger. */
.duty-controls{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;align-items:center;gap:10px 14px;position:relative}
.duty-controls .swap-request-anchor{grid-column:1;grid-row:1;justify-self:start;position:relative;z-index:25}
.duty-controls #dutyPrev{grid-column:1;grid-row:2;justify-self:start}
.duty-controls #dutyMonth{grid-column:2;grid-row:2;margin:0;text-align:center}
.duty-controls #dutyNext{grid-column:3;grid-row:2;justify-self:end;align-self:center}
.duty-controls .swap-request-anchor>#swapInboxButton{min-width:0;width:100%}
.duty-controls .swap-inbox{position:absolute;top:calc(100% + 10px);right:0;width:min(640px,calc(100vw - 36px));max-height:min(68vh,620px);overflow-y:auto;z-index:30;margin:0;box-shadow:0 16px 42px rgba(12,35,29,.16);text-align:right}
.duty-controls .swap-inbox[hidden]{display:none}
@media(max-width:650px){.duty-controls{grid-template-columns:1fr auto 1fr;gap:10px 6px}.duty-controls .swap-request-anchor{grid-column:1 / -1;justify-self:start}.duty-controls #dutyPrev{grid-column:1;grid-row:2}.duty-controls #dutyMonth{grid-column:2;grid-row:2;font-size:1rem;white-space:nowrap}.duty-controls #dutyNext{grid-column:3;grid-row:2}.duty-controls .outline-btn{font-size:.75rem;padding:8px 9px}.duty-controls .swap-inbox{width:min(640px,calc(100vw - 32px))}}

/* v22: dedicated left-side swap panel, never floating over the calendar. */
#duties .duty-workspace{display:grid;grid-template-columns:minmax(0,1fr) 160px;direction:rtl;align-items:start;gap:18px;width:100%;max-width:1560px;margin-inline:auto;transition:grid-template-columns .25s ease}
#duties .duty-workspace.swap-open{grid-template-columns:minmax(0,1fr) minmax(290px,350px)}
#duties .duty-main{min-width:0}
#duties .swap-side{min-width:0;position:sticky;top:88px;align-self:start;z-index:4}
#duties .swap-side>#swapInboxButton{width:100%;white-space:normal;min-height:46px}
#duties .swap-side .swap-inbox{position:static;display:block;width:100%;max-height:calc(100vh - 175px);overflow-y:auto;margin:12px 0 0;padding:14px;box-shadow:none;text-align:right;box-sizing:border-box;background:var(--surface,#fff)}
#duties .swap-side .swap-inbox[hidden]{display:none}
#duties .swap-side .swap-card{overflow-wrap:anywhere;font-size:.88rem}
#duties .swap-side .swap-actions button{min-width:0;flex:1}
#duties .duty-controls{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr;align-items:center;gap:10px;min-height:58px;margin-top:0}
#duties .duty-controls #dutyPrev{grid-column:1;grid-row:1;justify-self:start}
#duties .duty-controls #dutyMonth{grid-column:2;grid-row:1;white-space:nowrap;text-align:center}
#duties .duty-controls #dutyNext{grid-column:3;grid-row:1;justify-self:end}
#duties .duty-layout{width:100%;max-width:100%}
#duties .duty-layout-viewer{max-width:1100px}
@media(max-width:1120px){#duties .duty-workspace.swap-open{grid-template-columns:minmax(0,1fr) 290px}#duties .duty-layout-editor{grid-template-columns:1fr}}
@media(max-width:760px){#duties .duty-workspace,#duties .duty-workspace.swap-open{grid-template-columns:minmax(0,1fr)}#duties .swap-side{position:static;grid-row:1}#duties .swap-side .swap-inbox{max-height:45vh}#duties .duty-controls{gap:5px}#duties .duty-controls .outline-btn{padding:8px 5px;font-size:.73rem}#duties .duty-controls #dutyMonth{font-size:1rem}}

/* v23: header swap inbox; restore centered, full-width calendar layout. */
#duties .duty-workspace,#duties .duty-workspace.swap-open{display:block;width:100%;max-width:1420px;margin-inline:auto;direction:rtl}
#duties .duty-main{width:100%;min-width:0}
#duties .duty-controls{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr;align-items:center;gap:12px;min-height:58px;margin:18px auto}
#duties .duty-controls #dutyPrev{grid-column:1;grid-row:1;justify-self:start}
#duties .duty-controls #dutyMonth{grid-column:2;grid-row:1;justify-self:center;text-align:center}
#duties .duty-controls #dutyNext{grid-column:3;grid-row:1;justify-self:end}
#duties .duty-layout-viewer{margin-inline:auto}
#swapInboxButton[hidden]{display:none!important}
.swap-header-button{white-space:nowrap;flex-shrink:0}
.swap-header-button #swapCount:not(:empty){display:inline-block;border-radius:999px;background:#d8eee2;color:#1b503d;padding:2px 7px;font-weight:700;margin-inline-start:4px}
.swap-dialog{position:fixed;inset:0;margin:auto;width:min(680px,calc(100vw - 28px));max-height:min(82vh,850px);padding:22px;border:1px solid var(--border,#d6dfda);border-radius:22px;background:var(--surface,#fff);color:var(--text,#1c2c27);box-shadow:0 24px 80px #0004;overflow-y:auto;box-sizing:border-box;direction:rtl}
.swap-dialog::backdrop{background:rgba(10,24,20,.48);backdrop-filter:blur(3px)}
.swap-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.swap-dialog-top h2{margin:0;font-size:1.4rem}
.swap-dialog-close{border:1px solid var(--border,#d6dfda);border-radius:12px;background:transparent;color:inherit;cursor:pointer;font-size:1.7rem;line-height:1;width:42px;height:42px}
.swap-dialog .swap-inbox{position:static;display:block;max-height:none;overflow:visible;padding:0;margin:12px 0 0;border:0;background:transparent;box-shadow:none;width:100%;box-sizing:border-box}
.swap-dialog .swap-inbox>h3{display:none}
.swap-dialog .swap-card{overflow-wrap:anywhere;background:var(--surface,#fff)}
.swap-dialog .swap-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:650px){#duties .duty-controls{grid-template-columns:1fr auto 1fr;gap:6px}#duties .duty-controls #dutyMonth{grid-column:2;grid-row:1;font-size:1rem;white-space:nowrap}#duties .duty-controls #dutyPrev{grid-column:1;grid-row:1}#duties .duty-controls #dutyNext{grid-column:3;grid-row:1}.swap-dialog{padding:14px}.swap-header-button{font-size:.75rem;padding:8px}}

/* MultiWork v25: mobile-first application shell. Desktop stays unchanged. */
.mobile-profile,.mobile-profile-menu,.mobile-bottom-nav{display:none}
@media(max-width:768px){
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 header{height:70px!important;min-height:70px!important;padding:0 16px!important;display:flex!important;flex-wrap:nowrap!important;gap:10px!important;justify-content:space-between!important}
 header .brand{margin-inline-end:auto;font-size:20px!important;white-space:nowrap}
 header .brand span{font-size:11px!important}
 #siteNav{display:none!important}
 #account{display:none!important}
 #themeToggle{font-size:0!important;padding:0!important;min-width:40px;height:40px;border-radius:13px!important;display:flex;align-items:center;justify-content:center}
 #themeToggle:after{content:'☾';font-size:24px;color:var(--green)}
 :root[data-theme="dark"] #themeToggle:after{content:'☀'}
 #swapInboxButton:not([hidden]){font-size:0!important;min-width:40px;width:40px;height:40px;padding:0!important;position:relative;display:flex;align-items:center;justify-content:center}
 #swapInboxButton:before{content:'♧';font-size:25px;color:var(--green)}
 #swapCount:not(:empty){position:absolute;top:-7px;left:-7px;font-size:11px!important;padding:1px 5px!important}
 .mobile-profile:not([hidden]){display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:#e9f5ee;color:var(--green);font-size:24px}
 .mobile-profile-menu:not([hidden]){display:flex;position:fixed;z-index:30;top:76px;left:12px;flex-direction:column;gap:8px;width:min(260px,calc(100vw - 24px));padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--bg);box-shadow:0 15px 35px #0002}
 .mobile-profile-name{font-weight:700;padding:8px 6px;color:var(--ink)}
 .mobile-profile-menu button{border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--ink);text-align:right;padding:12px;min-height:44px}
 .mobile-bottom-nav:not([hidden]){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;right:0;left:0;z-index:25;background:var(--bg);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 28px #102c2110}
 .mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:51px;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:600;border-radius:12px}
 .mobile-bottom-nav button span{font-size:24px;line-height:1}
 .mobile-bottom-nav button.active{background:#e6f3ec;color:var(--green)}
 #home{min-height:unset!important;padding-top:30px!important;padding-bottom:50px!important}
 #home .home-hero{padding:24px 0 45px!important}
 #home .home-hero h1{font-size:clamp(44px,10vw,64px)!important;letter-spacing:-1.8px!important}
 #home .home-hero>p{font-size:16px!important;line-height:1.7!important}
 #home .home-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}
 #home .home-actions button{padding:13px 8px;min-height:52px;font-size:14px}
 #chooser .home-choices{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
 #chooser .destination{min-height:145px!important;padding:18px!important;gap:10px!important;border-radius:20px!important}
 #chooser .destination strong{font-size:17px!important}
 #chooser .destination-icon{font-size:28px!important}
 #chooser .destination-arrow{left:14px!important;bottom:12px!important}
 #chooser .destination small{font-size:12px!important}
 #chooser .welcome-name{margin-top:14px}
 #chooser h2{margin-top:10px}
 footer{padding-bottom:16px!important}
 .swap-dialog{max-height:calc(100dvh - 110px)}
 .duty-tabs{overflow-x:auto;scrollbar-width:thin}
 .duty-tabs button{white-space:nowrap;flex-shrink:0}
 .duty-cell{min-width:0}
 :root[data-theme="dark"] .mobile-profile{background:#234738;color:#b5e8d1}
 :root[data-theme="dark"] .mobile-bottom-nav button.active{background:#234738;color:#b5e8d1}
}
@media(max-width:380px){#chooser .home-choices{grid-template-columns:1fr!important}.mobile-bottom-nav button{font-size:10px}}

/* MultiWork v28: unobtrusive manual update banner; safe for unsaved forms. */
#appUpdateNotice{position:fixed;z-index:150;left:16px;right:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));max-width:520px;margin-inline:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 16px;border-radius:16px;border:1px solid #a8cdb9;background:#effbf3;color:#165744;box-shadow:0 12px 36px #102b2040;font-size:14px;direction:rtl}
#appUpdateNotice span{flex:1;min-width:120px;font-weight:700}
#appUpdateNotice button{min-height:40px;padding:8px 13px;border-radius:10px;border:0;background:#146e51;color:#fff;font-weight:700}
#appUpdateNotice button:last-child{background:transparent;color:#34624e}
@media(max-width:768px){#appUpdateNotice{bottom:calc(82px + env(safe-area-inset-bottom,0px))}}

/* v29: readable, touch-friendly mobile navigation */
.mobile-bottom-nav .nav-icon svg,.mobile-profile svg,.swap-header-button svg{width:23px;height:23px;display:block}
@media(max-width:768px){
 .mobile-bottom-nav button{font-size:12px;gap:5px;min-height:59px;letter-spacing:0}
 .mobile-bottom-nav .nav-icon{display:flex;align-items:center;justify-content:center}
 .mobile-bottom-nav button.active{font-weight:800}
 .mobile-profile svg{width:21px;height:21px}
 .swap-header-button svg{width:20px;height:20px}
 .swap-header-button{display:inline-flex;align-items:center;gap:5px}
 .swap-button-label{font-size:12px}
}

/* v30: native-feeling mobile UI, persistent safe-area navigation and real notification icon. */
@media(max-width:768px){
 html{overflow-x:clip}
 body{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important;overflow-x:clip}
 header{position:sticky!important;top:0!important;z-index:60!important;background:var(--bg)!important;border-bottom:1px solid var(--line);box-shadow:0 2px 18px #092c2410!important}
 header .brand{font-weight:800;letter-spacing:-.4px}
 #swapInboxButton:not([hidden]){font-size:0!important;min-width:44px!important;width:44px!important;height:44px!important;border-radius:14px!important}
 #swapInboxButton:before{content:none!important;display:none!important}
 #swapInboxButton svg{display:block!important;width:24px!important;height:24px!important;flex-shrink:0;color:var(--green)}
 #swapInboxButton .swap-button-label{display:none!important}
 #swapCount:not(:empty){font-size:11px!important;z-index:2}
 #mobileProfile:not([hidden]){min-width:44px;height:44px;width:44px}
 .mobile-bottom-nav:not([hidden]){display:grid!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:2147483000!important;transform:none!important;visibility:visible!important;opacity:1!important;grid-template-columns:repeat(4,minmax(0,1fr));background:#0c2924!important;color:white!important;border:0!important;border-radius:18px 18px 0 0!important;padding:8px 8px calc(10px + env(safe-area-inset-bottom,0px))!important;box-shadow:0 -8px 35px #051b1b35!important;isolation:isolate}
 .mobile-bottom-nav button{color:#e3eeea!important;font-size:12px!important;min-height:58px!important;gap:5px!important;opacity:1!important}
 .mobile-bottom-nav button .nav-icon svg{width:24px;height:24px;stroke:currentColor}
 .mobile-bottom-nav button.active{background:#176a50!important;color:#fff!important;border-radius:13px!important}
 #chooser{padding-top:18px!important}
 #chooser .eyebrow{font-size:12px;letter-spacing:.2px}
 #chooser .welcome-name{font-size:24px!important;margin:10px 0 0!important}
 #chooser h2{font-size:17px!important;margin:4px 0 16px!important;color:var(--muted)}
 #chooser .home-choices{grid-template-columns:1fr!important;gap:12px!important;margin-top:14px!important}
 #chooser .destination{display:grid!important;grid-template-columns:64px minmax(0,1fr) 18px!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:14px!important;row-gap:3px!important;min-height:105px!important;padding:16px!important;border-radius:20px!important;text-align:right!important;box-shadow:0 8px 25px #183e3012!important}
 #chooser .destination-icon{grid-column:1;grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#e2f4ea;border-radius:16px;color:#11664c}
 #chooser .destination-icon svg{width:29px;height:29px;display:block}
 #chooser .destination strong{grid-column:2;grid-row:1;font-size:19px!important;align-self:end}
 #chooser .destination small{grid-column:2;grid-row:2;font-size:12px!important;align-self:start}
 #chooser .destination-arrow{position:static!important;grid-column:3;grid-row:1 / span 2;font-size:22px!important}
 #home .home-hero{padding-top:16px!important}
 #home .home-hero h1{font-size:clamp(40px,10vw,58px)!important}
}
:root[data-theme="dark"] .mobile-bottom-nav:not([hidden]){background:#081c19!important}
:root[data-theme="dark"] #chooser .destination-icon{background:#1b493b;color:#b7f0d0}


/* MultiWork v32: keep the mobile dock fully inside the iPhone visible viewport.
   The previous dock sat flush with the bottom and its labels were clipped on iOS. */
@media (max-width: 768px) {
  body { padding-bottom: calc(156px + env(safe-area-inset-bottom, 0px)) !important; }
  .mobile-bottom-nav:not([hidden]) {
    position: fixed !important;
    bottom: calc(34px + env(safe-area-inset-bottom, 0px)) !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    height: 76px !important;
    min-height: 76px !important;
    box-sizing: border-box !important;
    padding: 8px !important;
    border-radius: 20px !important;
    overflow: visible !important;
  }
  .mobile-bottom-nav button {
    min-width: 0 !important;
    min-height: 60px !important;
    height: 60px !important;
    padding: 6px 2px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }
  .mobile-bottom-nav button .nav-icon {
    line-height: 1 !important;
    flex-shrink: 0 !important;
  }
  #appUpdateNotice {
    bottom: calc(124px + env(safe-area-inset-bottom, 0px)) !important;
  }
}


/* v33: actual MultiWork brand icon and edge-attached iOS navigation. */
header .brand .brand-mark {
  display:block;
  flex:none;
  width:36px;
  height:36px;
  object-fit:cover;
  border-radius:10px;
  box-shadow:0 2px 7px #08382b20;
}
@media (max-width:768px) {
  header .brand .brand-mark {width:34px;height:34px;border-radius:9px}
  body {padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))!important}
  .mobile-bottom-nav:not([hidden]) {
    bottom:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px))!important;
    border-radius:20px 20px 0 0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .mobile-bottom-nav button {
    height:60px!important;
    min-height:60px!important;
  }
  #appUpdateNotice {bottom:calc(94px + env(safe-area-inset-bottom,0px))!important}
}


/* MultiWork v34: reference-inspired MOBILE design only. Desktop and duty logic unchanged. */
@media (max-width:768px) {
  :root{--mw-deep:#062b23;--mw-mid:#0d4f3e;--mw-mint:#4bf4a0}
  body{background:linear-gradient(168deg,#e6f9f0 0%,#f4f9fc 64%,#fbfdfc 100%)!important;color:#132b27;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}
  header{background:linear-gradient(135deg,#04241d,#0b4939)!important;border-bottom:0!important;color:#f8fffd!important;min-height:76px!important;height:76px!important;padding:0 14px!important;gap:8px!important;box-shadow:0 3px 20px #041f184a!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  header .brand{color:#fff!important;gap:7px!important;font-size:20px!important;margin-inline-end:auto!important}
  header .brand b{font-size:clamp(18px,5.2vw,22px)!important;letter-spacing:-.5px}
  header .brand span{color:#c9e6d9!important;font-size:10px!important;text-align:right;margin-top:0!important}
  header .brand .brand-mark{background:none!important;box-shadow:none!important;border:0!important;object-fit:contain!important;width:36px!important;height:36px!important;flex:none!important;border-radius:0!important}
  #themeToggle, #swapInboxButton:not([hidden]), #mobileProfile:not([hidden]){background:transparent!important;border:0!important;box-shadow:none!important;color:#f5fff9!important;min-width:42px!important;width:42px!important;height:46px!important;padding:0!important;border-radius:12px!important}
  #themeToggle:after,#swapInboxButton svg,#mobileProfile svg{color:#effff8!important;stroke:#effff8!important}
  #themeToggle:after{font-size:26px!important}
  #swapCount:not(:empty){background:#47ef9d!important;color:#06482f!important;border:2px solid #062b23!important;min-width:17px;text-align:center}
  main{padding:0 0 35px!important;min-height:calc(100dvh - 145px)!important;max-width:none!important}
  #chooser{padding:0 0 40px!important;margin:0!important;min-height:calc(100dvh - 185px)!important;background:linear-gradient(180deg,#b6dfce 0,#e2f8ed 54%,#eff9f5 100%)}
  #chooser .mw-home-hero{height:310px;min-height:310px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;isolation:isolate;padding:40px 22px 20px;overflow:hidden;color:white;background:#0b3b31 url('/mountain-scene.svg') center 58% / cover no-repeat}
  #chooser .mw-home-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#062b23cc 0%,#062b2380 38%,#062b2318 72%,#053b30ad 100%)}
  #chooser .mw-home-welcome{font-size:19px;font-weight:800;color:#fff;margin:0!important;line-height:1.3}
  #chooser .mw-home-title{font-size:clamp(38px,11.5vw,54px)!important;letter-spacing:-1.3px!important;line-height:1.14!important;color:#fff!important;margin:3px 0 12px!important;text-shadow:0 2px 20px #001e1c66}
  #chooser .welcome-name{margin:0 0 6px!important;font-size:14px!important;font-weight:700!important;color:#e4fff1!important}
  #chooser .mw-home-description{margin:4px 0 0;font-size:15px;line-height:1.7;color:#f7fffc;text-shadow:0 1px 5px #001f1c9c;max-width:320px}
  #chooser .mw-home-accent{display:block;margin-top:14px;width:52px;height:4px;border-radius:99px;background:#49f3a0;box-shadow:0 0 18px #4cffab95}
  #chooser .home-choices{display:grid!important;grid-template-columns:1fr!important;gap:11px!important;margin:0!important;padding:16px 14px 26px!important;position:relative;z-index:1;background:transparent}
  #chooser .destination{display:grid!important;grid-template-columns:66px minmax(0,1fr) 24px!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:14px!important;row-gap:3px!important;min-height:96px!important;padding:13px 14px!important;border:1px solid #ffffffda!important;border-radius:21px!important;background:linear-gradient(132deg,#fff,#f7fffb)!important;box-shadow:0 10px 28px #052c2a2b!important;text-align:right!important;color:#0e2822!important}
  #chooser .destination:before{display:none!important}
  #chooser .destination-icon{grid-column:1!important;grid-row:1/span 2!important;display:grid!important;place-items:center!important;width:62px!important;height:62px!important;min-height:62px!important;border-radius:17px!important;color:#035a42!important;background:linear-gradient(145deg,#d2ffe6,#e3f8ec)!important}
  #chooser .destination-icon svg{width:34px!important;height:34px!important;stroke-width:1.9!important}
  #chooser .destination strong{font-size:20px!important;grid-column:2!important;grid-row:1!important;align-self:end!important;line-height:1.25!important}
  #chooser .destination small{font-size:12px!important;grid-column:2!important;grid-row:2!important;align-self:start!important;color:#647d77!important;line-height:1.4!important}
  #chooser .destination-arrow{grid-column:3!important;grid-row:1/span 2!important;justify-self:end!important;align-self:center!important;color:#0a7351!important;position:static!important;left:auto!important;bottom:auto!important;font-size:26px!important}
  #chooser .destination:active{transform:scale(.985);background:#e8fbf1!important}
  #home{padding:42px 22px 50px!important;min-height:calc(100dvh - 155px)!important;background:radial-gradient(circle at 80% 18%,#b9f3d4 0%,transparent 60%),linear-gradient(160deg,#e6f8ef,#f9fbfd)!important}
  #home .home-hero{padding:12px 0 24px!important}
  #home .home-hero h1{font-size:clamp(44px,11vw,62px)!important}
  #home .eyebrow{font-size:14px}
  /* Guides header: visible title and real database-backed post list. */
  #guides{background:linear-gradient(180deg,#e4f8ee 0%,#f7faf9 38%,#f4f9f7 100%)!important;padding:0 14px 24px!important;min-height:calc(100dvh - 155px)!important;position:relative}
  #guides .mw-guides-intro{display:flex!important;gap:12px;align-items:center;min-height:111px;margin:0 -14px 14px;padding:20px 18px 18px;background:linear-gradient(145deg,#d3fae5,#f2fffa);border-radius:0 0 24px 24px;box-shadow:0 8px 30px #1054400c}
  #guides .mw-guides-intro-icon{width:49px;height:49px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;background:#0e674b;color:#fff;box-shadow:0 5px 16px #00674a33}
  #guides .mw-guides-intro-icon svg{height:29px;width:29px}
  #guides .mw-guides-intro h1{font-size:29px!important;margin:0 0 6px!important;letter-spacing:-.6px!important;line-height:1.16!important;color:#0b2c23!important}
  #guides .mw-guides-intro p{font-size:12px!important;line-height:1.55!important;margin:0!important;color:#607971!important}
  #guides>.eyebrow,#guides>.hero{display:none!important}
  #guides .section-title{display:flex!important;flex-direction:column-reverse!important;border:0!important;align-items:center!important;gap:3px!important;padding:0 0 12px!important;text-align:center!important}
  #guides .section-title>div{width:100%}
  #guides .section-title h2{display:none!important}
  #guides .section-title p{font-size:11px!important;margin:5px 0!important}
  #guides #newPost{min-height:48px!important;border-radius:14px!important;padding:11px 22px!important;background:linear-gradient(130deg,#059967,#044a37)!important;box-shadow:0 7px 18px #0f68543a!important;font-size:15px!important;order:1!important}
  #guides .filters{display:grid!important;grid-template-columns:minmax(0,1fr) 105px!important;gap:9px!important;align-items:stretch!important}
  #guides .filters .search{min-width:0!important;min-height:50px!important;border-radius:14px!important;grid-column:1!important;box-shadow:0 4px 13px #083c3015!important;border:1px solid #d4e8db!important;padding:0 10px!important;flex:auto!important}
  #guides .search input{font-size:15px!important;width:100%!important;min-width:0!important}
  #guides .filters>select{grid-column:2!important;width:100%!important;min-width:0!important;padding:9px 6px!important;border-radius:14px!important;background:#fff!important;border:1px solid #d4e8db!important;font-size:12px!important;color:#0d4233!important}
  #guides .filters .mine{grid-column:1/-1!important;justify-content:flex-start!important;margin:0!important;font-size:12px!important;padding:2px 3px!important}
  #guides .software{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;margin:9px -14px 13px!important;padding:4px 14px 9px!important;gap:7px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  #guides .software::-webkit-scrollbar{display:none}
  #guides .chip{white-space:nowrap!important;flex-shrink:0!important;padding:9px 11px!important;background:#fff!important;border-radius:999px!important;border:1px solid #d9ebe3!important;box-shadow:0 2px 9px #0b3a2d0f!important}
  #guides .chip.selected{background:#115e49!important;color:#fff!important;border-color:#115e49!important}
  #guides #posts.grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:11px!important;padding-bottom:15px!important}
  #guides #posts .card{display:grid!important;grid-template-columns:94px minmax(0,1fr)!important;min-height:128px!important;border-radius:19px!important;background:#fff!important;box-shadow:0 7px 19px #052c2523!important;border:1px solid #edf5ee!important;overflow:hidden!important;transform:none!important}
  #guides #posts .card .cover{grid-column:1!important;width:94px!important;min-width:94px!important;height:100%!important;min-height:128px!important;aspect-ratio:auto!important;object-fit:cover!important;margin:0!important;border-radius:0!important}
  #guides #posts .card .cover-art{font-size:34px!important;font-weight:800!important;color:#c9aeff!important;background:radial-gradient(circle at 70% 25%,#7b41c5 0%,transparent 65%),linear-gradient(140deg,#12113a,#392768)!important;text-shadow:0 3px 14px #7d4bdfaa}
  #guides #posts .card.software-pr .cover-art{background:radial-gradient(circle at 80% 20%,#296cd5,transparent 58%),linear-gradient(140deg,#080f38,#0e3d94)!important;color:#a4c6ff!important;text-shadow:0 3px 12px #347effa8}
  #guides #posts .card.software-ps .cover-art{background:linear-gradient(135deg,#0b1949,#066a99)!important;color:#77e1ff!important}
  #guides #posts .card.software-ai .cover-art{background:linear-gradient(135deg,#291106,#b85a14)!important;color:#ffc888!important}
  #guides #posts .card.software-c4d .cover-art{background:linear-gradient(135deg,#091b28,#3884a7)!important;color:#d4efff!important}
  #guides #posts .card .card-body{grid-column:2!important;min-width:0!important;padding:12px 12px 11px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:5px!important}
  #guides #posts .card .badge{padding:3px 9px!important;border-radius:999px!important;background:#e7d8ff!important;color:#6325b5!important;font-size:11px!important;max-width:100%!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}
  #guides #posts .card.software-pr .badge{background:#dbe8ff!important;color:#0b48a7!important}
  #guides #posts .card.software-ps .badge{background:#dbf2ff!important;color:#006ca4!important}
  #guides #posts .card.software-ai .badge{background:#fff0d8!important;color:#a45600!important}
  #guides #posts .card h3{font-size:16px!important;line-height:1.32!important;margin:3px 0 0!important;max-height:2.68em!important;overflow:hidden!important;color:#152823!important}
  #guides #posts .card .card-summary{display:none!important}
  #guides #posts .card .tags{gap:4px!important;max-height:22px!important;overflow:hidden!important}
  #guides #posts .card .tag{font-size:10px!important;padding:3px 6px!important;border-radius:8px!important}
  #guides #posts .card .card-foot{border:0!important;margin:0!important;padding:0!important;width:100%!important;font-size:10px!important;color:#688077!important;flex-wrap:wrap!important;gap:2px!important}
  #guides #posts .card .card-foot .text-btn{display:none!important}
  #guides #posts .empty{padding:30px 20px!important}
  .mobile-bottom-nav:not([hidden]){bottom:0!important;left:0!important;right:0!important;width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;background:linear-gradient(155deg,#072c23,#002b22)!important;border:0!important;border-radius:17px 17px 0 0!important;padding:7px 7px calc(9px + env(safe-area-inset-bottom,0px))!important;min-height:0!important;height:auto!important;z-index:200!important;box-shadow:0 -7px 24px #031f1b30!important}
  .mobile-bottom-nav button{min-width:0!important;height:61px!important;min-height:61px!important;border-radius:14px!important;color:#f0fff9!important;font-size:12px!important;font-weight:600!important;gap:4px!important;white-space:nowrap!important}
  .mobile-bottom-nav button.active{background:linear-gradient(140deg,#09885c,#046c4d)!important;color:#83ffb9!important;box-shadow:inset 0 1px #ffffff23,0 0 18px #0af48d32!important}
  .mobile-bottom-nav button .nav-icon svg{width:24px!important;height:24px!important;stroke-width:1.8!important}
  #appUpdateNotice{bottom:calc(93px + env(safe-area-inset-bottom,0px))!important}
  footer{margin:0!important;padding:14px 15px calc(18px + env(safe-area-inset-bottom,0px))!important;font-size:11px!important;opacity:.85!important;background:#f9fdfb!important}
  .mobile-profile-menu:not([hidden]){top:75px!important;border:1px solid #b8d7c8!important;background:#fff!important;box-shadow:0 15px 45px #042f2540!important}
  :root[data-theme="dark"] header{background:linear-gradient(130deg,#011d17,#07513d)!important}
  :root[data-theme="dark"] #chooser{background:linear-gradient(180deg,#163b31,#182c29)!important}
  :root[data-theme="dark"] #guides{background:linear-gradient(180deg,#12382c,#192b29)!important}
  :root[data-theme="dark"] #guides .mw-guides-intro{background:linear-gradient(145deg,#145440,#1b3b35)!important}
  :root[data-theme="dark"] #guides .mw-guides-intro h1{color:#f4fff8!important}
  :root[data-theme="dark"] #guides .mw-guides-intro p{color:#c2ddd0!important}
  :root[data-theme="dark"] #guides #posts .card{background:#20372d!important;border-color:#345547!important}
  :root[data-theme="dark"] #guides #posts .card h3{color:#f1fff6!important}
  :root[data-theme="dark"] #chooser .destination{background:linear-gradient(145deg,#24483a,#17392f)!important;border-color:#335447!important;color:#f5fff9!important}
  :root[data-theme="dark"] #chooser .destination strong{color:#effff7!important}
  :root[data-theme="dark"] #chooser .destination small{color:#bbd4ca!important}
}
@media(min-width:769px){.mw-guides-intro{display:none!important}.mw-home-hero{background:none}.mw-home-welcome{display:none}.mw-home-description,.mw-home-accent{display:none}.mw-home-title{display:none} }
@media(prefers-reduced-motion:reduce){#chooser .mw-home-hero,.mobile-bottom-nav{animation:none!important}}

@media(min-width:769px){
  #chooser .mw-home-welcome{display:block;font-weight:700;color:var(--green);font-size:12px}
  #chooser .mw-home-title,#chooser .mw-home-description,#chooser .mw-home-accent{display:none}
  #chooser .mw-home-hero{background:transparent;padding:0;margin:0}
  #chooser .mw-desktop-chooser-title{display:block;font-size:23px;margin:10px 0 16px}
  #chooser .welcome-name{margin-top:28px}
}
@media(max-width:768px){#chooser .mw-welcome-product,#chooser .mw-desktop-chooser-title{display:none!important}}
/* MultiWork v35: cohesive phone-first visual system. Overrides legacy v7–v34 patches. */
:root{--surface:#ffffff;--border:#d7e9e1;--panel:#f4faf7;--on-panel:#173b31;--focus:#26b57a}
:root[data-theme="dark"]{--surface:#1c332c;--border:#35594c;--panel:#203c32;--on-panel:#f0fff8;--focus:#6ef1b0}
html{min-width:0;width:100%;max-width:100%;overflow-x:hidden!important;overscroll-behavior-x:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;min-width:0;overflow-x:hidden!important;overscroll-behavior-x:none}
main,main>section{min-width:0;max-width:100%}
img,svg,video,canvas{max-width:100%}
input,textarea,select,button{max-width:100%}
:root[data-theme="dark"] .swap-dialog{background:#142a23!important;color:#eefcf4!important;border-color:#466759!important}
:root[data-theme="dark"] .swap-dialog .swap-inbox{background:transparent!important;color:#edfef5!important}
:root[data-theme="dark"] .swap-dialog .swap-card{background:#203b30!important;color:#e9fff4!important;border-color:#426552!important}
:root[data-theme="dark"] .swap-dialog .swap-card h3,:root[data-theme="dark"] .swap-dialog .swap-card h4{color:#f2fff8!important}
:root[data-theme="dark"] .swap-dialog .swap-card p,:root[data-theme="dark"] .swap-dialog .swap-card span{color:#d1e9df!important}
:root[data-theme="dark"] .swap-dialog .swap-card .muted{color:#aac7ba!important}
:root[data-theme="dark"] .swap-dialog-close{color:#fff!important;border-color:#648b77!important}
:root[data-theme="dark"] .search,:root[data-theme="dark"] .chip:not(.selected),:root[data-theme="dark"] .filters>select{background:#1b3a2f!important;border-color:#406f56!important;color:#e8fff2!important}
:root[data-theme="dark"] #guides .filters>select,:root[data-theme="dark"] #guides .chip:not(.selected){background:#204338!important;border-color:#3a6956!important;color:#ebfff4!important}
:root[data-theme="dark"] #guides .chip.selected{background:#0c8d62!important;border-color:#0c8d62!important;color:#fff!important}
:root[data-theme="dark"] #guides .filters .search{background:#18362c!important;border-color:#416757!important}
:root[data-theme="dark"] #guides .filters .search input{color:#ecfff5!important}
:root[data-theme="dark"] #guides #posts .card .card-body{color:#edfff6!important}
:root[data-theme="dark"] #guides #posts .card .card-foot{color:#b0cabd!important}
:root[data-theme="dark"] #guides #posts .card .tag{background:#355345!important;color:#cee9d9!important}
:root[data-theme="dark"] #guides #posts .card .badge{color:#6f30b7!important;background:#e7d8ff!important}
:root[data-theme="dark"] #guides #posts .card.software-pr .badge{color:#123e8f!important;background:#d9e6ff!important}
:root[data-theme="dark"] .mobile-profile-menu:not([hidden]){background:#19372d!important;border-color:#43765e!important;color:#fff!important}
:root[data-theme="dark"] .mobile-profile-menu button{background:#244b3b!important;color:#f1fff8!important;border-color:#456d59!important}
:root[data-theme="dark"] footer{background:#10251e!important;color:#b7d4c6!important;border-color:#294c3b!important}
:root[data-theme="dark"] .duty-controls .outline-btn,:root[data-theme="dark"] .duty-tabs button:not(.active){color:#e8fff2!important;background:#1b382d!important;border-color:#45715e!important}
:root[data-theme="dark"] .duty-calendar{color:#f0fff8!important}
:root[data-theme="dark"] .duty-calendar .duty-cell{color:#f1fff7!important}
:root[data-theme="dark"] .duty-calendar .duty-add{color:#eafff2!important;border-color:#72b69a!important}
:root[data-theme="dark"] #archive .duties-placeholder,:root[data-theme="dark"] #archive .empty{background:#1c352b!important;color:#eefdf5!important}
:root[data-theme="dark"] #archive .empty>span{color:#7eb69e!important}
@media(max-width:768px){
  html{touch-action:pan-x pan-y}
  body{margin:0!important;padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))!important}
  main{width:100%!important;max-width:100%!important;padding:0 0 18px!important;margin:0!important;min-height:calc(100dvh - 170px)!important}
  main>section{width:100%!important;max-width:100%!important;margin:0!important}
  header{width:100%;min-height:74px!important;height:74px!important;padding:9px 16px!important;gap:7px!important;position:sticky!important;top:0!important;z-index:80!important;flex-wrap:nowrap!important;border:0!important;background:linear-gradient(118deg,#052b22,#03422f)!important;box-shadow:0 3px 19px #022d2524!important}
  .brand{min-width:0!important;gap:8px!important;white-space:nowrap!important}
  .brand b{color:white!important;font-size:clamp(17px,5vw,23px)!important;line-height:1.04!important;letter-spacing:-.4px!important}
  .brand b span{color:#c0ddce!important;font-size:10px!important;letter-spacing:0!important}
  header .brand .brand-mark{flex-shrink:0!important;width:30px!important;height:30px!important;overflow:visible!important;border-radius:0!important;box-shadow:none!important}
  #themeToggle,#swapInboxButton:not([hidden]),#mobileProfile:not([hidden]){width:39px!important;min-width:39px!important;height:42px!important;max-width:39px!important;padding:0!important;border:0!important;background:transparent!important;color:#f6fff9!important;border-radius:10px!important;flex-shrink:0!important}
  #themeToggle{font-size:0!important}
  #swapInboxButton svg,#mobileProfile svg{width:23px!important;height:23px!important}
  #chooser{min-height:calc(100dvh - 145px)!important;background:linear-gradient(180deg,#0b4032 0,#abe0cb 47%,#d9f7e9 84%,#f4fcf8 100%)!important;padding:0 0 32px!important;overflow:hidden!important}
  #chooser #memberWelcome{margin:0!important;padding:0!important;width:100%!important}
  #chooser .mw-home-hero{position:relative!important;min-height:285px!important;border-radius:0!important;padding:34px 24px 35px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:right!important;justify-content:flex-start!important;gap:7px!important;overflow:hidden!important;background:linear-gradient(180deg,#01302565,#002e2450),url('/mountain-scene.svg') center 60%/cover no-repeat!important;color:#fff!important}
  #chooser .mw-home-welcome{font-size:15px!important;color:#effff7!important;font-weight:700!important;line-height:1.4!important;text-shadow:0 1px 8px #001c19a6}
  #chooser .mw-home-title{display:block!important;font-size:clamp(35px,10vw,49px)!important;font-weight:800!important;letter-spacing:-1.4px!important;line-height:1.12!important;margin:2px 0 0!important;color:#fff!important;text-shadow:0 3px 15px #001b1980}
  #chooser .welcome-name{font-size:14px!important;line-height:1.35!important;margin:2px 0 0!important;color:#e8fff4!important;text-shadow:0 1px 6px #001e18ba}
  #chooser .mw-home-description{font-size:13px!important;line-height:1.75!important;margin:5px 0 0!important;color:#f1fff8!important;text-shadow:0 1px 7px #001d19bb;max-width:295px!important}
  #chooser .mw-home-accent{display:block!important;width:48px!important;height:3px!important;border-radius:10px!important;background:#56fb9e!important;margin-top:7px!important;box-shadow:0 0 11px #0cf48780}
  #chooser .home-choices{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;margin:0!important;padding:19px 16px 25px!important;width:100%!important;max-width:100%!important}
  #chooser .destination{position:relative!important;width:100%!important;min-width:0!important;min-height:93px!important;padding:13px 15px!important;gap:3px 12px!important;grid-template-columns:54px minmax(0,1fr) 20px!important;grid-template-rows:1fr 1fr!important;align-items:center!important;background:#ffffffed!important;border:1px solid #e3f4eb!important;border-radius:19px!important;color:#132e26!important;box-shadow:0 9px 26px #083b2d2a!important;transform:none!important}
  #chooser .destination-icon{width:53px!important;height:53px!important;min-width:53px!important;grid-column:1!important;grid-row:1/span 2!important;border-radius:15px!important;background:linear-gradient(140deg,#c2f6d7,#e4fff0)!important;color:#056e4e!important}
  #chooser .destination-icon svg{width:30px!important;height:30px!important}
  #chooser .destination strong{grid-column:2!important;grid-row:1!important;align-self:end!important;font-size:clamp(16px,4.6vw,20px)!important;line-height:1.26!important;color:#122c25!important;overflow-wrap:anywhere}
  #chooser .destination small{grid-column:2!important;grid-row:2!important;align-self:start!important;font-size:11px!important;line-height:1.45!important;color:#607c70!important;overflow-wrap:anywhere}
  #chooser .destination-arrow{grid-column:3!important;grid-row:1/span 2!important;align-self:center!important;position:static!important;font-size:22px!important;color:#086447!important}
  #guides{width:100%!important;overflow:hidden!important;min-height:calc(100dvh - 155px)!important;padding:0 15px 35px!important;background:linear-gradient(180deg,#effbf5,#f7fbf9 48%,#f2f9f5)!important}
  #guides .mw-guides-intro{min-height:105px!important;margin:0 -15px 15px!important;padding:19px 18px!important;gap:13px!important;background:linear-gradient(135deg,#d1f5e2,#f0fff8)!important;border-radius:0 0 22px 22px!important}
  #guides .mw-guides-intro h1{font-size:clamp(25px,7.3vw,33px)!important;line-height:1.15!important;letter-spacing:-.4px!important}
  #guides .mw-guides-intro p{font-size:12px!important;line-height:1.5!important;max-width:260px!important}
  #guides .mw-guides-intro-icon{width:51px!important;height:51px!important}
  #guides .section-title{padding:0!important;margin:0 auto 10px!important;gap:6px!important}
  #guides #newPost{margin:0 auto 9px!important;border-radius:13px!important;min-height:44px!important;padding:10px 24px!important;font-weight:750!important}
  #guides .filters{grid-template-columns:minmax(0,1fr) 103px!important;gap:8px!important;width:100%!important;margin-bottom:8px!important}
  #guides .filters .search{grid-column:1!important;min-height:47px!important}
  #guides .filters>select{grid-column:2!important;min-height:47px!important;font-size:12px!important}
  #guides .software{max-width:calc(100% + 30px)!important;margin:9px -15px 13px!important;padding:5px 15px 8px!important;scrollbar-width:none!important}
  #guides #posts.grid{width:100%!important;min-width:0!important;max-width:100%!important;gap:12px!important}
  #guides #posts .card{grid-template-columns:90px minmax(0,1fr)!important;min-height:128px!important;max-width:100%!important;border-radius:19px!important;box-shadow:0 7px 25px #07392717!important}
  #guides #posts .card .cover{width:90px!important;min-width:90px!important;min-height:128px!important}
  #guides #posts .card .card-body{min-width:0!important;padding:12px 12px 11px!important;align-items:flex-start!important}
  #guides #posts .card h3{overflow-wrap:anywhere!important;max-width:100%!important}
  #archive{width:100%!important;max-width:100%!important;overflow:hidden!important;padding:20px 16px 26px!important}
  #archive h1,#duties h1{font-size:clamp(29px,8vw,40px)!important;line-height:1.13!important;letter-spacing:-.7px!important;margin:8px 0 19px!important;overflow-wrap:anywhere!important}
  #archive .hero-art,#archive .orb{display:none!important}
  #archive .empty,#archive .duties-placeholder{min-height:0!important;max-width:100%!important;padding:28px 18px!important}
  #archive .empty>span,#archive .duties-placeholder svg{font-size:48px!important;width:min(96px,34vw)!important;height:auto!important}
  #duties{padding:18px 12px 28px!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
  #duties .duty-workspace,#duties .duty-main,#duties .duty-calendar,#duties .duty-layout{min-width:0!important;max-width:100%!important;width:100%!important}
  #duties .duty-tabs{width:100%!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:7px!important;padding:4px 0 12px!important;margin:8px 0 12px!important;-webkit-overflow-scrolling:touch}
  #duties .duty-tabs button{flex:0 0 auto!important;min-height:42px!important;padding:8px 13px!important;font-size:13px!important;white-space:nowrap!important;border-radius:12px!important}
  #duties .duty-controls{max-width:100%!important;gap:6px!important;align-items:center!important;margin:5px 0 14px!important}
  #duties .duty-controls .outline-btn{white-space:normal!important;min-height:42px!important;padding:6px!important;font-size:clamp(10px,2.8vw,12px)!important}
  #duties .duty-controls #dutyMonth{font-size:clamp(13px,3.8vw,17px)!important;min-width:0!important;white-space:normal!important;text-align:center!important}
  #duties .duty-calendar{padding:8px 4px!important;border-radius:19px!important;overflow:hidden!important}
  #duties .duty-weekdays,#duties .duty-cells{gap:3px!important;grid-template-columns:repeat(7,minmax(0,1fr))!important}
  #duties .duty-cell{min-width:0!important;min-height:79px!important;padding:3px!important;border-radius:7px!important;overflow:hidden!important}
  #duties .duty-day{font-size:11px!important}
  #duties .duty-chip{min-width:0!important;max-width:100%!important;font-size:9px!important;padding:3px 2px!important;line-height:1.2!important;white-space:normal!important}
  #duties .duty-add{padding:2px!important;min-height:27px!important}
  .swap-dialog{width:calc(100vw - 22px)!important;max-width:calc(100vw - 22px)!important;max-height:calc(100dvh - 125px)!important;padding:15px!important;border-radius:20px!important;overscroll-behavior:contain!important}
  .swap-dialog .swap-card{min-width:0!important;max-width:100%!important;padding:14px!important;margin:10px 0!important;overflow-wrap:anywhere!important;border-radius:16px!important}
  .swap-dialog .swap-card p{margin:7px 0!important;line-height:1.55!important;font-size:13px!important}
  .swap-dialog .swap-actions button{flex:1 1 125px!important;min-width:0!important}
  dialog:not(.swap-dialog){max-width:calc(100vw - 24px)!important;width:calc(100vw - 24px)!important;padding:20px 17px!important;overflow-x:hidden!important}
  dialog h2{font-size:clamp(20px,6vw,27px)!important}
  footer{width:100%!important;padding:15px 16px!important;gap:10px!important;font-size:10px!important;overflow:hidden!important}
  .mobile-bottom-nav:not([hidden]){position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;border-radius:19px 19px 0 0!important;padding:7px 8px calc(8px + env(safe-area-inset-bottom,0px))!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;z-index:200!important;box-shadow:0 -6px 24px #001d1833!important}
  .mobile-bottom-nav button{width:100%!important;min-width:0!important;max-width:100%!important;height:60px!important;min-height:60px!important;border-radius:15px!important;gap:3px!important;font-size:12px!important;padding:4px 0!important}
  .mobile-bottom-nav button .nav-icon svg{width:24px!important;height:24px!important}
  #appUpdateNotice{bottom:calc(82px + env(safe-area-inset-bottom,0px))!important}
  :root[data-theme="dark"] #chooser{background:linear-gradient(180deg,#0c2e26 0,#133e32 64%,#142b25 100%)!important}
  :root[data-theme="dark"] #chooser .mw-home-hero{background:linear-gradient(180deg,#01271e66,#001e18ac),url('/mountain-scene.svg') center 60%/cover no-repeat!important}
  :root[data-theme="dark"] #chooser .destination{background:#1d3930ed!important;border-color:#3c6354!important;box-shadow:0 7px 25px #0004!important;color:#f0fff8!important}
  :root[data-theme="dark"] #chooser .destination-icon{background:#285742!important;color:#8bffc8!important}
  :root[data-theme="dark"] #chooser .destination strong{color:#f4fff9!important}
  :root[data-theme="dark"] #chooser .destination small{color:#c0dbce!important}
  :root[data-theme="dark"] #chooser .destination-arrow{color:#7cedb3!important}
  :root[data-theme="dark"] #guides{background:linear-gradient(180deg,#142f26,#152922 58%,#12251e)!important}
  :root[data-theme="dark"] #guides .mw-guides-intro{background:linear-gradient(135deg,#18513e,#15392e)!important}
  :root[data-theme="dark"] #guides #posts .card{background:#223c31!important;border-color:#375e4b!important}
  :root[data-theme="dark"] #archive{background:linear-gradient(180deg,#16392d,#14271f)!important;color:#f0fff8!important}
  :root[data-theme="dark"] #archive h1,:root[data-theme="dark"] #archive h2{color:#f1fff7!important}
  :root[data-theme="dark"] #duties{background:linear-gradient(180deg,#17392e,#11241e)!important;color:#f3fff8!important}
}
@media(max-width:380px){
  header{padding-inline:10px!important}
  .brand b{font-size:17px!important}
  #themeToggle,#swapInboxButton:not([hidden]),#mobileProfile:not([hidden]){width:35px!important;min-width:35px!important}
  #chooser .mw-home-hero{min-height:270px!important}
  #chooser .destination{padding-inline:11px!important;gap:3px 9px!important}
  #duties .duty-cell{padding:2px!important}
}

/* v36: shared MultiWork design language for laptop and desktop */
@media (min-width:769px){
 :root{--bg:#eff8f3;--ink:#102d25;--muted:#647f73;--line:#d4e8dc;--green:#086c50}
 :root[data-theme="dark"]{--bg:#102a23;--ink:#f0fff6;--muted:#a7c7b8;--line:#355649;--green:#67dca5}
 body{background:radial-gradient(ellipse at 78% 0%,#d8f5e7 0%,transparent 48%),var(--bg);color:var(--ink)}
 :root[data-theme="dark"] body{background:radial-gradient(ellipse at 80% 0%,#174a38 0%,transparent 55%),var(--bg)}
 header{height:88px;background:#062d24!important;border-bottom:1px solid #215c46!important;padding:0 clamp(28px,5vw,90px);box-shadow:0 8px 26px #001a1520}
 header .brand,header .brand b{color:#fff!important}
 header .brand span{color:#a9d3c2!important}
 header .brand-mark{border-radius:9px}
 header .nav{color:#c5e7d9!important;padding:0 13px;border-bottom:3px solid transparent!important}
 header .nav.active{color:#6bffb2!important;border-color:#6bffb2!important}
 header .nav:hover{color:#fff!important}
 header .account{background:#104b3a!important;color:#f4fff8!important;border-color:#31745b!important}
 header button:focus-visible{outline-color:#72e9b3}
 main{max-width:1320px;padding:40px clamp(30px,4vw,64px) 90px}
 main>section{min-width:0}
 #chooser{background:linear-gradient(145deg,#d8f5e8,#f3fbf7 65%);border-radius:30px;padding:0 0 34px;overflow:hidden;box-shadow:0 20px 45px #043a2510}
 :root[data-theme="dark"] #chooser{background:linear-gradient(145deg,#1d4939,#112c24 80%)}
 #chooser .mw-home-hero{position:relative!important;min-height:320px!important;margin:0!important;padding:52px clamp(40px,6vw,85px)!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:10px!important;isolation:isolate;background:linear-gradient(90deg,#032b22ed 0%,#063a2c9c 58%,#082f2570 100%),url('/mountain-scene.svg') center 58%/cover no-repeat!important;color:#fff!important}
 #chooser .mw-home-welcome{display:block!important;color:#b5f4d5!important;font-size:16px!important;letter-spacing:.2px}
 #chooser .mw-home-title{display:block!important;color:#fff!important;font-size:clamp(48px,5vw,76px)!important;line-height:1.08!important;font-weight:800!important;margin:0!important;letter-spacing:-2px!important}
 #chooser .mw-home-description{display:block!important;color:#effff6!important;font-size:18px!important;line-height:1.7!important;max-width:580px!important;margin:6px 0 0!important}
 #chooser .mw-home-accent{display:block!important;width:56px!important;height:4px!important;border-radius:8px!important;background:#5bffa4!important;margin-top:9px!important}
 #chooser .mw-desktop-chooser-title,#chooser .mw-welcome-product{display:none!important}
 #chooser .welcome-name{margin:0!important;padding:24px clamp(30px,5vw,70px) 0!important;color:var(--ink)!important}
 #chooser .home-choices{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;padding:26px clamp(30px,5vw,70px) 14px!important;margin:0!important}
 #chooser .destination{min-width:0!important;min-height:172px!important;display:grid!important;grid-template-columns:68px 1fr!important;grid-template-rows:auto auto!important;align-content:center!important;column-gap:14px!important;row-gap:7px!important;text-align:right!important;border-radius:22px!important;padding:25px!important;background:#fff!important;border:1px solid #dcece3!important;color:#123b2e!important;box-shadow:0 10px 28px #06372812!important;transition:transform .2s,box-shadow .2s!important}
 #chooser .destination:hover{transform:translateY(-5px)!important;box-shadow:0 18px 34px #06372820!important}
 #chooser .destination-icon{grid-column:1!important;grid-row:1 / span 2!important;align-self:center!important;display:grid!important;place-items:center!important;width:64px!important;height:64px!important;border-radius:18px!important;background:#dcf8e9!important;color:#08694c!important}
 #chooser .destination-icon svg{width:34px!important;height:34px!important}
 #chooser .destination strong{grid-column:2!important;grid-row:1!important;font-size:23px!important;line-height:1.3!important}
 #chooser .destination small{grid-column:2!important;grid-row:2!important;font-size:13px!important;color:#627c70!important}
 #chooser .destination-arrow{display:none!important}
 :root[data-theme="dark"] #chooser .destination{background:#203b30!important;border-color:#3b6350!important;color:#effff6!important}
 :root[data-theme="dark"] #chooser .destination small{color:#b7d7c7!important}
 #guides .mw-guides-intro{display:flex!important;align-items:center;gap:22px;padding:30px 35px!important;margin:0 0 28px!important;background:linear-gradient(120deg,#dcf9e9,#f2fff9)!important;border-radius:28px!important}
 #guides .mw-guides-intro h1{font-size:42px!important;line-height:1.2!important;margin:0 0 8px!important;letter-spacing:-1px!important}
 #guides .mw-guides-intro p{margin:0!important;color:#627d70!important}
 #guides .mw-guides-intro-icon{width:74px!important;height:74px!important;flex:0 0 74px!important;border-radius:20px!important;background:#087151!important;color:#fff!important;display:grid!important;place-items:center!important}
 #guides .mw-guides-intro-icon svg{width:40px!important;height:40px!important}
 #guides>.hero,#guides>.eyebrow{display:none!important}
 #guides .section-title{border-top:0!important;padding-top:8px!important}
 #guides .section-title h2{font-size:28px!important}
 #guides .primary{border-radius:14px!important;background:linear-gradient(135deg,#00966b,#045e47)!important}
 #guides .filters{margin-top:18px!important;gap:14px!important}
 #guides .search,#guides .filters select{border-radius:14px!important;min-height:54px!important}
 #guides .software{gap:10px!important;margin:20px 0 25px!important}
 #guides .chip{border-radius:999px!important;padding:11px 16px!important}
 #guides #posts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
 #guides #posts .card{border-radius:22px!important;box-shadow:0 8px 25px #003a2910!important}
 #archive .empty{max-width:820px!important;margin:25px auto!important;border-radius:26px!important}
 #archive .empty .nav-icon{width:110px!important;height:110px!important;margin:0 auto 18px!important}
 #duties>h1{font-size:clamp(40px,4vw,62px)!important}
 #duties .duty-tabs{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px!important;margin:25px auto!important}
 #duties .duty-tabs button{border-radius:14px!important;padding:13px 22px!important}
 #duties .duty-calendar{border-radius:24px!important;overflow:hidden!important}
 #duties .duty-controls{margin:20px 0!important}
 :root[data-theme="dark"] #guides .mw-guides-intro{background:linear-gradient(120deg,#1b4a37,#19362c)!important}
 :root[data-theme="dark"] #guides .mw-guides-intro h1{color:#f1fff7!important}
 :root[data-theme="dark"] #guides .mw-guides-intro p{color:#b5d8c5!important}
 :root[data-theme="dark"] #guides .mw-guides-intro-icon{background:#087051!important}
 :root[data-theme="dark"] #guides .card,:root[data-theme="dark"] #guides .search,:root[data-theme="dark"] #guides .chip:not(.selected){background:#203b30!important;color:#eafff3!important;border-color:#3b6551!important}
 :root[data-theme="dark"] #guides #posts .card h3{color:#f0fff8!important}
 :root[data-theme="dark"] #archive .empty{background:#203b30!important;color:#f1fff8!important;border-color:#3c5f50!important}
}
@media (min-width:769px) and (max-width:1060px){
 #chooser .home-choices{grid-template-columns:1fr 1fr!important}
 #chooser .destination:last-child{grid-column:1/-1!important}
 #guides #posts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* v37: pinned top bar, compact notification bell, continuous dark surfaces */
html,body{min-height:100%;overscroll-behavior-y:none}
:root[data-theme="dark"],:root[data-theme="dark"] body{background:#11271f!important;color-scheme:dark}
:root[data-theme="dark"] main{background:#11271f!important}
:root[data-theme="dark"] footer{background:#11271f!important;color:#b8d7c8!important;border-color:#25493b!important}
#swapInboxButton{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0}
#swapInboxButton .swap-button-label{display:none!important}
#swapInboxButton svg{width:23px;height:23px}
#swapInboxButton #swapCount:not(:empty){position:absolute;top:-5px;left:-6px;line-height:1.2;min-width:19px;text-align:center;padding:2px 4px!important;border-radius:12px}
@media(min-width:769px){
 header{position:sticky!important;top:0!important;z-index:150!important}
 #swapInboxButton{width:46px!important;height:46px!important;min-width:46px!important;padding:0!important;border-radius:50%!important}
 #swapInboxButton svg{width:25px!important;height:25px!important}
}
@media(max-width:768px){
 body{padding-top:74px!important;background:#effbf5}
 header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:180!important;transform:none!important}
 :root[data-theme="dark"] body{background:#11271f!important}
 :root[data-theme="dark"] main{background:#11271f!important}
 :root[data-theme="dark"] main>section:not([hidden]){background-color:#11271f}
 :root[data-theme="dark"] footer{background:#11271f!important;border-top:1px solid #294b3c!important}
 :root[data-theme="dark"] #guides{background:linear-gradient(180deg,#142f26,#152922 58%,#12251e)!important}
 #swapInboxButton{overflow:visible!important}
 #swapInboxButton #swapCount:not(:empty){top:-2px!important;left:-5px!important}
}

/* v38 desktop navigation and guide cards */
@media(min-width:769px){
 header #siteNav .nav{background:transparent!important;color:#c5e7d9!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;box-shadow:none!important;transition:color .18s,background .18s!important}
 header #siteNav .nav:hover{background:#ffffff12!important;color:#fff!important;border-radius:12px!important}
 header #siteNav .nav.active{background:#10513f!important;color:#a5ffd0!important;border-bottom-color:#46e5a0!important;border-radius:12px!important}
 header #siteNav .nav.active:hover{background:#14654d!important;color:#fff!important}
 #guides #posts.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
 #guides #posts .card{display:grid!important;grid-template-columns:minmax(0,1fr) 138px!important;min-height:178px!important;align-items:stretch!important;direction:ltr!important;border-radius:22px!important;box-shadow:0 10px 28px #063b2c12!important}
 #guides #posts .card .cover{grid-column:2!important;grid-row:1!important;width:138px!important;height:100%!important;min-height:178px!important;object-fit:cover!important}
 #guides #posts .card .cover-art{display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#1b1646,#55319c)!important;color:#c9b6ff!important;font-size:55px!important;font-weight:800!important}
 #guides #posts .card.software-pr .cover-art{background:linear-gradient(135deg,#0c1d50,#135ac0)!important;color:#b1ceff!important}
 #guides #posts .card.software-ps .cover-art{background:linear-gradient(135deg,#0b1949,#066a99)!important;color:#77e1ff!important}
 #guides #posts .card.software-ai .cover-art{background:linear-gradient(135deg,#291106,#b85a14)!important;color:#ffc888!important}
 #guides #posts .card.software-c4d .cover-art{background:linear-gradient(135deg,#091b28,#3884a7)!important;color:#d4efff!important}
 #guides #posts .card .card-body{grid-column:1!important;grid-row:1!important;direction:rtl!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:7px!important;padding:20px!important}
 #guides #posts .card .badge{border-radius:999px!important;padding:5px 10px!important;background:#e7d8ff!important;color:#6325b5!important}
 #guides #posts .card h3{margin:0!important;font-size:20px!important;line-height:1.4!important}
 #guides #posts .card .card-summary{display:none!important}
 #guides #posts .card .tags{gap:5px!important}
 #guides #posts .card .card-foot{width:100%!important;border:0!important;margin:4px 0 0!important;padding:0!important;flex-wrap:wrap!important;gap:6px!important}
 #guides #posts .card .card-foot .text-btn{display:none!important}
 #guides .software{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scrollbar-width:thin!important;scrollbar-color:#8db8a5 transparent!important;padding-bottom:10px!important}
 #guides .software .chip{flex:0 0 auto!important;white-space:nowrap!important}
}
@media(min-width:769px) and (max-width:1050px){#guides #posts.grid{grid-template-columns:minmax(0,1fr)!important}}
:root[data-theme="dark"] #guides #posts .card .card-body{background:#203b30!important;color:#eafff3!important}
:root[data-theme="dark"] #guides #posts .card .card-foot{color:#b4d2c3!important}

/* v39: desktop vertical wheel scrolling is never captured by the software ribbon */
@media(min-width:769px){
 html{overflow-y:auto!important;scroll-behavior:auto!important}
 body{overflow-y:visible!important;min-height:100vh!important}
 #guides .software{overscroll-behavior-x:auto!important}
}

/* v40: mobile home fits the screen, accessible dark mode and software brand colors */
#guides .software .chip.program-pr{--program:#254cdd;--program-bg:#e6ebff;--program-dark:#a6b8ff}
#guides .software .chip.program-ae{--program:#7433c7;--program-bg:#f0e4ff;--program-dark:#d7b6ff}
#guides .software .chip.program-ai{--program:#a54c06;--program-bg:#fff0df;--program-dark:#ffbd7c}
#guides .software .chip.program-ps{--program:#066eb2;--program-bg:#e2f4ff;--program-dark:#8bdcff}
#guides .software .chip.program-c4d{--program:#23718e;--program-bg:#e2f4fa;--program-dark:#a4e1f5}
#guides .software .chip[class*="program-"]{color:var(--program)!important;border-color:color-mix(in srgb,var(--program) 32%,white)!important;background:var(--program-bg)!important}
#guides .software .chip[class*="program-"] .badge{background:var(--program)!important;color:#fff!important}
#guides .software .chip[class*="program-"].selected{background:var(--program)!important;color:white!important;border-color:var(--program)!important}
#guides .software .chip[class*="program-"].selected .badge{background:#ffffff26!important;color:#fff!important}
:root[data-theme="dark"] #guides .software .chip[class*="program-"]:not(.selected){background:#1b302d!important;color:var(--program-dark)!important;border-color:var(--program)!important}
:root[data-theme="dark"] #guides .software .chip[class*="program-"].selected{background:var(--program)!important;color:#fff!important}
.tag-choices{display:flex;flex-wrap:wrap;gap:9px;margin-top:4px}
#postForm .tag-choice{display:inline-flex;flex-direction:row;align-items:center;gap:7px;margin:0;padding:10px 12px;border:1px solid #c8dfd3;border-radius:12px;background:#f4faf6;color:#164c39;font-size:13px;cursor:pointer}
#postForm .tag-choice:has(input:checked){background:#d8f4e4;border-color:#19805d}
#postForm .tag-choice input{width:17px;height:17px;min-width:17px;accent-color:#087b56;margin:0;padding:0}
:root[data-theme="dark"] #postForm .tag-choice{background:#213f32;border-color:#3a7159;color:#effff5}
:root[data-theme="dark"] #postForm .tag-choice:has(input:checked){background:#176a4d}
#newPost{display:inline-flex;align-items:center;justify-content:center;gap:9px;direction:rtl}
@media(max-width:768px){
 html:has(#home:not([hidden])),body:has(#home:not([hidden])){height:100%;overflow:hidden!important;overscroll-behavior:none!important}
 body:has(#home:not([hidden])){height:100dvh!important;min-height:0!important;display:flex;flex-direction:column}
 body:has(#home:not([hidden])) header{flex:0 0 auto}
 body:has(#home:not([hidden])) main{flex:1 1 auto;min-height:0!important;width:100%;overflow:hidden!important;padding:0!important}
 body:has(#home:not([hidden])) #home{height:100%!important;min-height:0!important;overflow:hidden!important;padding:clamp(18px,4dvh,46px) 22px 16px!important;display:flex;flex-direction:column;justify-content:flex-start}
 body:has(#home:not([hidden])) #home .home-hero{padding:0!important}
 body:has(#home:not([hidden])) #home .home-hero h1{font-size:clamp(38px,10vw,60px)!important;line-height:1.13!important;margin:clamp(14px,3dvh,30px) 0!important}
 body:has(#home:not([hidden])) #home .home-hero>p{font-size:clamp(14px,3.5vw,18px)!important;line-height:1.55!important}
 body:has(#home:not([hidden])) #home .home-actions{margin-top:clamp(16px,3dvh,32px)!important}
 body:has(#home:not([hidden])) footer{display:none!important}
 :root[data-theme="dark"] body:has(#home:not([hidden])) #home{background:radial-gradient(circle at 75% 20%,#15513d 0%,transparent 65%),linear-gradient(160deg,#0c2a22,#10251f)!important;color:#f2fff8!important}
 :root[data-theme="dark"] #home .eyebrow{color:#85e5b4!important}
 :root[data-theme="dark"] #home .home-hero h1,:root[data-theme="dark"] #home .home-hero h1:not(em){color:#f3fff8!important}
 :root[data-theme="dark"] #home .home-hero h1 em{color:#69dfab!important}
 :root[data-theme="dark"] #home .home-hero>p{color:#c1d9cf!important}
 :root[data-theme="dark"] #home .outline-btn{background:#1c392e!important;color:#e9fff3!important;border-color:#62b78f!important}
}

#postForm .topic-field{display:flex;flex-direction:column;gap:9px;margin:16px 0;font-size:13px}
#postForm .topic-field small{font-size:11px;color:var(--muted)}

/* v41: align the add-guide icon and prevent program chips from clipping on touch */
#guides #newPost{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:5px!important;line-height:1.2!important;white-space:nowrap!important}
#guides #newPost .new-post-plus{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:static!important;transform:none!important;margin:0!important;padding:0!important;line-height:1!important;font-size:1.15em!important;font-weight:700!important;vertical-align:middle!important;flex:0 0 auto!important}
#guides .software{padding-top:12px!important;scroll-padding-top:12px!important;overflow-y:visible!important}
#guides .software .chip{transform:none!important;position:relative!important;top:auto!important;translate:none!important}
#guides .software .chip:hover,#guides .software .chip:active,#guides .software .chip:focus,#guides .software .chip:focus-visible{transform:none!important;translate:none!important;top:auto!important}
@media(max-width:768px){#guides .software{padding-top:14px!important;padding-bottom:12px!important;margin-top:12px!important}#guides .software .chip{min-height:42px!important}}

/* v42: animated software chips without clipping and reliable desktop wheel scrolling */
#guides .software{padding-top:20px!important;padding-bottom:18px!important;scroll-padding-top:20px!important;scroll-padding-bottom:18px!important;overscroll-behavior-y:auto!important}
#guides .software .chip{transform:translateY(0)!important;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background-color .22s ease,border-color .22s ease!important;will-change:transform}
@media(hover:hover) and (pointer:fine){#guides .software .chip:hover{transform:translateY(-4px)!important;box-shadow:0 9px 19px rgba(15,65,47,.16)!important;z-index:2}}
#guides .software .chip:active{transform:translateY(-1px)!important}
#guides .software .chip:focus-visible{outline:2px solid currentColor!important;outline-offset:2px!important}
@media(min-width:769px){html{overflow-y:scroll!important;overscroll-behavior-y:auto!important}body{overflow-y:visible!important;overscroll-behavior-y:auto!important}#guides{overflow-y:visible!important}#guides .software{overscroll-behavior-y:auto!important}}
@media(prefers-reduced-motion:reduce){#guides .software .chip{transition:none!important;transform:none!important}}

/* v43: desktop header actions match the compact mobile controls */
@media(min-width:769px){
 header{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:clamp(16px,2.3vw,42px)!important}
 header .brand{flex:0 0 auto!important}
 header #siteNav:not([hidden]){display:flex!important;flex:0 1 auto!important;min-width:0!important}
 header .header-tools{display:flex!important;align-items:center!important;gap:10px!important;margin-right:auto!important;flex:0 0 auto!important;direction:rtl}
 header #account{display:none!important}
 header #account:not([hidden]){display:none!important}
 header:has(#mobileProfile[hidden]) #account{display:inline-flex!important;align-items:center!important;justify-content:center!important}
 header #themeToggle,header #swapInboxButton:not([hidden]),header #mobileProfile:not([hidden]){display:inline-flex!important;align-items:center!important;justify-content:center!important;width:46px!important;min-width:46px!important;max-width:46px!important;height:46px!important;padding:0!important;border:1px solid #ffffff25!important;border-radius:50%!important;background:#ffffff0c!important;color:#effff8!important;box-shadow:none!important;flex:0 0 auto!important;transition:background .2s,transform .2s!important}
 header #themeToggle{font-size:0!important}
 header #themeToggle::after{content:'☾'!important;font-size:29px!important;line-height:1!important;color:#effff8!important}
 :root[data-theme="dark"] header #themeToggle::after{content:'☀'!important}
 header #swapInboxButton svg,header #mobileProfile svg{display:block!important;width:24px!important;height:24px!important;color:#effff8!important;stroke:#effff8!important}
 header #mobileProfile:not([hidden]){display:inline-flex!important}
 header #themeToggle:hover,header #swapInboxButton:hover,header #mobileProfile:hover{background:#ffffff23!important;transform:translateY(-2px)!important}
 .mobile-profile-menu:not([hidden]){display:flex!important;position:fixed!important;top:calc(88px + 8px)!important;left:clamp(18px,5vw,90px)!important;right:auto!important;z-index:220!important;flex-direction:column!important;gap:8px!important;width:260px!important;max-width:calc(100vw - 36px)!important;padding:15px!important;border:1px solid #b8d7c8!important;border-radius:18px!important;background:#fff!important;box-shadow:0 15px 45px #042f2540!important}
 :root[data-theme="dark"] .mobile-profile-menu:not([hidden]){background:#19372d!important;border-color:#43765e!important;color:#fff!important}
 .mobile-profile-menu button{border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--ink);text-align:right;padding:12px;min-height:44px}
 :root[data-theme="dark"] .mobile-profile-menu button{background:#244b3b!important;color:#f1fff8!important;border-color:#456d59!important}
 .mobile-profile-name{font-weight:700;padding:8px 6px;color:var(--ink)}
 :root[data-theme="dark"] .mobile-profile-name{color:#f1fff8!important}
}
@media(max-width:768px){header .header-tools{display:contents!important}}

/* v44: use the same monochrome vector sun on mobile and desktop, never an emoji glyph */
:root[data-theme="dark"] header #themeToggle::after{content:''!important;display:block!important;width:26px!important;height:26px!important;background-color:#effff8!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.42 1.42M17.65 17.65l1.42 1.42M2 12h2M20 12h2M4.93 19.07l1.42-1.42M17.65 6.35l1.42-1.42'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.42 1.42M17.65 17.65l1.42 1.42M2 12h2M20 12h2M4.93 19.07l1.42-1.42M17.65 6.35l1.42-1.42'/%3E%3C/svg%3E") center/contain no-repeat!important;font-size:0!important}

/* v46: richer guest landing, consistent on mobile and desktop */
#home{position:relative!important;isolation:isolate}
#home .eyebrow{position:relative;z-index:1;display:inline-flex;align-items:center;gap:9px;font-weight:800!important;letter-spacing:.1px!important}
#home .eyebrow:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;background:#2dd595;box-shadow:0 0 0 5px #2dd59525}
#home .home-hero{position:relative;z-index:1}
#home .home-actions .primary{box-shadow:0 10px 24px #0d735330!important;background:linear-gradient(120deg,#08694e,#1c9672)!important}
#home .home-actions .primary:hover{background:linear-gradient(120deg,#087b5b,#22a982)!important;box-shadow:0 15px 30px #0d735345!important}
#home .home-actions .outline-btn{background:#ffffffdb!important;box-shadow:0 8px 24px #093f3010!important}
#home .landing-features{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-width:1000px;margin:clamp(26px,5vh,60px) 0 0}
#home .landing-feature{display:flex;align-items:center;gap:13px;min-width:0;padding:17px 16px;border:1px solid #b6dfc9a3;border-radius:20px;background:linear-gradient(145deg,#ffffffed,#f5fff9ca);box-shadow:0 12px 34px #0a503016;backdrop-filter:blur(10px);transition:transform .22s ease,box-shadow .22s ease}
#home .landing-feature:hover{transform:translateY(-3px);box-shadow:0 16px 34px #0a503028}
#home .landing-feature-icon{display:grid;place-items:center;flex:0 0 47px;width:47px;height:47px;border-radius:15px;background:#d8f4e7;color:#087255}
#home .landing-feature-icon svg{width:25px;height:25px}
#home .landing-feature strong,#home .landing-feature small{display:block}
#home .landing-feature strong{font-size:14px;color:#104d3a;line-height:1.5}
#home .landing-feature small{font-size:11px;color:#608576;line-height:1.5}
#home .landing-decoration{position:absolute;pointer-events:none;z-index:0;left:clamp(8px,8vw,130px);top:clamp(45px,12vh,145px);width:clamp(140px,26vw,360px);height:clamp(140px,26vw,360px);opacity:.19;transform:rotate(-13deg)}
#home .landing-decoration span{position:absolute;display:block;background:linear-gradient(150deg,#00895e,#3cdb9e);clip-path:polygon(50% 0,100% 100%,0 100%)}
#home .landing-decoration span:nth-child(1){width:38%;height:56%;left:5%;top:26%}
#home .landing-decoration span:nth-child(2){width:48%;height:78%;left:33%;top:4%}
#home .landing-decoration span:nth-child(3){width:25%;height:46%;left:72%;top:37%;background:#31dd92}
:root[data-theme="dark"] #home .landing-feature{background:linear-gradient(145deg,#1d4838e8,#15392de8)!important;border-color:#387e60!important;box-shadow:0 12px 28px #0003!important}
:root[data-theme="dark"] #home .landing-feature-icon{background:#245b46!important;color:#91efc1!important}
:root[data-theme="dark"] #home .landing-feature strong{color:#e9fff2!important}
:root[data-theme="dark"] #home .landing-feature small{color:#a4d6bd!important}
:root[data-theme="dark"] #home .home-actions .outline-btn{background:#193e31!important;color:#eafff3!important;border-color:#5bba8b!important}
@media(max-width:768px){
 body:has(#home:not([hidden])) #home{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain!important;scrollbar-width:none}
 body:has(#home:not([hidden])) #home::-webkit-scrollbar{display:none}
 #home .landing-features{grid-template-columns:1fr!important;gap:9px!important;margin:clamp(26px,5vh,45px) 0 22px!important}
 #home .landing-feature{padding:11px 15px!important;min-height:64px!important;border-radius:17px!important}
 #home .landing-feature-icon{width:43px;height:43px;flex-basis:43px;border-radius:13px}
 #home .landing-decoration{left:-50px!important;top:24%!important;width:230px!important;height:230px!important;opacity:.11!important}
}
@media(min-width:769px){#home .home-hero{padding-bottom:20px!important}}
@media(prefers-reduced-motion:reduce){#home .landing-feature{transition:none!important}}

/* v47: extend the dark app header behind the iOS standalone status bar */
@supports (padding-top:env(safe-area-inset-top)){
 @media(max-width:768px){
  html,body{background-color:#052b22!important}
  body:before{content:'';position:fixed;inset:0 0 auto 0;height:env(safe-area-inset-top);background:#052b22;z-index:179;pointer-events:none}
  body>header{top:env(safe-area-inset-top)!important}
  body>main{margin-top:env(safe-area-inset-top)!important}
 }
}

/* v48: coherent iOS safe areas, no landing overscroll or exposed white strips */
@media(max-width:768px){
 :root{--mw-top-edge:#052b22;--mw-bottom-edge:var(--bg)}
 :root[data-theme="dark"]{--mw-bottom-edge:#10251f}
 html,body{background:var(--mw-bottom-edge)!important;overscroll-behavior:none!important}
 body:before{content:''!important;position:fixed!important;top:0!important;left:0!important;right:0!important;height:env(safe-area-inset-top,0px)!important;background:linear-gradient(118deg,#052b22,#03422f)!important;z-index:179!important;pointer-events:none!important}
 body:after{content:'';position:fixed;bottom:0;left:0;right:0;height:env(safe-area-inset-bottom,0px);background:var(--mw-bottom-edge);z-index:178;pointer-events:none}
 body>header{top:env(safe-area-inset-top,0px)!important}
 body>main{margin-top:env(safe-area-inset-top,0px)!important}
 body:has(#home:not([hidden])){--mw-bottom-edge:#f5faf8}
 :root[data-theme="dark"] body:has(#home:not([hidden])){--mw-bottom-edge:#10251f}
 body:has(#home:not([hidden])) #home{overflow:hidden!important;overscroll-behavior:none!important;padding-top:clamp(10px,2.3dvh,22px)!important;padding-bottom:env(safe-area-inset-bottom,12px)!important;justify-content:flex-start!important}
 body:has(#home:not([hidden])) #home .home-hero h1{font-size:clamp(34px,9.2vw,52px)!important;margin:clamp(10px,2dvh,20px) 0!important;line-height:1.09!important}
 body:has(#home:not([hidden])) #home .home-hero>p{font-size:clamp(12px,3.2vw,16px)!important;line-height:1.5!important;margin:clamp(9px,1.5dvh,18px) 0!important}
 body:has(#home:not([hidden])) #home .home-actions{margin-top:clamp(10px,2dvh,22px)!important}
 body:has(#home:not([hidden])) #home .home-actions button{min-height:clamp(44px,6dvh,54px)!important;padding:9px 8px!important}
 body:has(#home:not([hidden])) #home .landing-features{gap:clamp(5px,1.1dvh,10px)!important;margin:clamp(12px,2.5dvh,26px) 0 0!important}
 body:has(#home:not([hidden])) #home .landing-feature{min-height:clamp(49px,6.6dvh,64px)!important;padding:6px 12px!important;border-radius:14px!important}
 body:has(#home:not([hidden])) #home .landing-feature-icon{width:clamp(35px,5dvh,43px)!important;height:clamp(35px,5dvh,43px)!important;flex-basis:clamp(35px,5dvh,43px)!important}
 body:has(#home:not([hidden])) #home .landing-feature-icon svg{width:22px;height:22px}
 body:has(#home:not([hidden])) #home .landing-feature strong{font-size:13px!important}
 body:has(#home:not([hidden])) #home .landing-feature small{font-size:10px!important}
}
@media(max-width:768px) and (max-height:700px){
 body:has(#home:not([hidden])) #home .home-hero h1{font-size:clamp(31px,8vw,42px)!important;margin:8px 0!important}
 body:has(#home:not([hidden])) #home .home-hero>p{font-size:12px!important;margin:7px 0!important}
 body:has(#home:not([hidden])) #home .landing-features{margin-top:10px!important;gap:5px!important}
 body:has(#home:not([hidden])) #home .landing-feature{min-height:45px!important}
}

/* v49: restore readable guest screen, native momentum scrolling and safe iPhone menus */
@media(max-width:768px){
 html,body{overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch!important}
 body:has(#home:not([hidden])){overflow-y:auto!important;overscroll-behavior-y:auto!important}
 html:has(#home:not([hidden])){height:auto!important;min-height:100%!important;overflow-y:auto!important;overscroll-behavior-y:auto!important}
 body:has(#home:not([hidden])) #home{height:auto!important;min-height:calc(100dvh - 110px - env(safe-area-inset-top,0px))!important;max-height:none!important;overflow:visible!important;overscroll-behavior-y:auto!important;padding:clamp(25px,4dvh,40px) 22px calc(24px + env(safe-area-inset-bottom,0px))!important}
 body:has(#home:not([hidden])) #home .home-hero{padding:18px 0 24px!important}
 body:has(#home:not([hidden])) #home .home-hero h1{font-size:clamp(44px,10.5vw,62px)!important;line-height:1.1!important;margin:18px 0!important}
 body:has(#home:not([hidden])) #home .home-hero>p{font-size:16px!important;line-height:1.65!important;margin:18px 0!important}
 body:has(#home:not([hidden])) #home .home-actions{margin-top:24px!important}
 body:has(#home:not([hidden])) #home .home-actions button{min-height:58px!important;padding:12px 14px!important}
 body:has(#home:not([hidden])) #home .landing-features{margin:28px 0 0!important;gap:12px!important}
 body:has(#home:not([hidden])) #home .landing-feature{min-height:70px!important;padding:12px 15px!important;border-radius:18px!important}
 body:has(#home:not([hidden])) #home .landing-feature-icon{width:45px!important;height:45px!important;flex-basis:45px!important}
 body:has(#home:not([hidden])) #home .landing-feature strong{font-size:15px!important}
 body:has(#home:not([hidden])) #home .landing-feature small{font-size:12px!important}
 body:before{background:#06372b!important;box-shadow:none!important;height:env(safe-area-inset-top,0px)!important}
 body>header{z-index:180!important;overflow:visible!important}
 .mobile-profile-menu:not([hidden]){position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 76px)!important;left:12px!important;right:auto!important;z-index:500!important;width:min(260px,calc(100vw - 24px))!important;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 100px)!important;overflow-y:auto!important}
 dialog[open]{max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px)!important;max-width:calc(100vw - 28px)!important;overflow-y:auto!important;overscroll-behavior:contain!important}
 .confirm-dialog[open]{margin:auto!important;position:fixed!important;inset:0!important;width:min(430px,calc(100vw - 28px))!important;padding:24px 18px!important}
 #toast:not([hidden]){bottom:calc(env(safe-area-inset-bottom,0px) + 22px)!important;z-index:700!important}
}

/* v50: seamless iOS bounce edges and header, without a translucent white band */
@media(max-width:768px){
 :root{--mw-header-solid:#062d24;--mw-page-end:#eef8f4}
 :root[data-theme="dark"]{--mw-header-solid:#062d24;--mw-page-end:#10251f}
 html{background:var(--mw-page-end)!important}
 body{background:var(--mw-page-end)!important;min-height:100dvh!important}
 body:before{background:var(--mw-header-solid)!important;background-image:none!important;filter:none!important;backdrop-filter:none!important;box-shadow:none!important;z-index:179!important}
 body>header{background:var(--mw-header-solid)!important;background-image:none!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important}
 :root[data-theme="dark"] body>header{background:var(--mw-header-solid)!important;background-image:none!important}
 body:after{background:var(--mw-page-end)!important}
 body:has(#home:not([hidden])){--mw-page-end:#eef8f4;--mw-bottom-edge:#eef8f4}
 :root[data-theme="dark"] body:has(#home:not([hidden])){--mw-page-end:#10251f;--mw-bottom-edge:#10251f}
 body:has(#home:not([hidden])) #home{background:radial-gradient(circle at 80% 18%,#b9f3d4 0%,transparent 60%),linear-gradient(180deg,#e6f8ef 0%,#eef8f4 72%,#eef8f4 100%)!important;min-height:calc(100dvh - 74px - env(safe-area-inset-top,0px))!important;padding-bottom:calc(42px + env(safe-area-inset-bottom,0px))!important}
 :root[data-theme="dark"] body:has(#home:not([hidden])) #home{background:radial-gradient(circle at 75% 20%,#15513d 0%,transparent 65%),linear-gradient(180deg,#0c2a22 0%,#10251f 75%,#10251f 100%)!important}
 body:has(#home:not([hidden])) #home .landing-features{margin-bottom:14px!important}
}

/* v51: fix root scrolling rather than painting over iOS rubber-band gaps */
@media(max-width:768px){
 html:has(#home:not([hidden])){height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;background:#eaf8f1!important}
 body:has(#home:not([hidden])){height:auto!important;min-height:100dvh!important;display:block!important;overflow:visible!important;padding-bottom:0!important;background:#eaf8f1!important}
 body:has(#home:not([hidden]))>main{display:block!important;flex:none!important;height:auto!important;min-height:calc(100dvh - 74px - env(safe-area-inset-top,0px))!important;overflow:visible!important;background:#eaf8f1!important;margin-top:0!important;padding:0!important}
 body:has(#home:not([hidden])) #home{height:auto!important;min-height:calc(100dvh - 74px - env(safe-area-inset-top,0px))!important;max-height:none!important;overflow:visible!important;background:radial-gradient(circle at 80% 18%,#b9f3d4 0%,transparent 60%),linear-gradient(180deg,#e6f8ef 0%,#eaf8f1 74%,#eaf8f1 100%)!important;background-color:#eaf8f1!important;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))!important}
 body:has(#home:not([hidden])) #home .landing-features{margin-bottom:18px!important}
 body:has(#home:not([hidden])):after{background:#eaf8f1!important}
 :root[data-theme="dark"] html:has(#home:not([hidden])),:root[data-theme="dark"] body:has(#home:not([hidden])),:root[data-theme="dark"] body:has(#home:not([hidden]))>main{background:#10251f!important}
 :root[data-theme="dark"] body:has(#home:not([hidden])) #home{background:radial-gradient(circle at 75% 20%,#15513d 0%,transparent 65%),linear-gradient(180deg,#0c2a22 0%,#10251f 75%,#10251f 100%)!important;background-color:#10251f!important}
 :root[data-theme="dark"] body:has(#home:not([hidden])):after{background:#10251f!important}
 /* Match status-bar fill exactly to the header, with no blur or light gradient. */
 body:before{background:#062d24!important;background-image:none!important;box-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 body>header{background:#062d24!important;background-image:none!important;box-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}

/* v52: one continuous guest viewport, no rubber-band scroll or visible gradient seam */
@media(max-width:768px){
 html:has(body #home:not([hidden])){height:100%!important;min-height:100%!important;overflow:hidden!important;background:#eaf8f1!important}
 body:has(#home:not([hidden])){height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;overscroll-behavior:none!important;display:block!important;padding-top:calc(74px + env(safe-area-inset-top,0px))!important;padding-bottom:0!important;background:#eaf8f1!important}
 body:has(#home:not([hidden]))>main{height:calc(100dvh - 74px - env(safe-area-inset-top,0px))!important;min-height:0!important;max-height:calc(100dvh - 74px - env(safe-area-inset-top,0px))!important;overflow:hidden!important;margin:0!important;padding:0!important;background:transparent!important}
 body:has(#home:not([hidden])) #home{box-sizing:border-box!important;height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:clamp(14px,2.6dvh,26px) 22px calc(10px + env(safe-area-inset-bottom,0px))!important;background:transparent!important}
 body:has(#home:not([hidden])){background:radial-gradient(ellipse 90% 57% at 76% 29%,#b9f3d4 0%,transparent 100%),linear-gradient(180deg,#e4f8ed 0%,#eaf8f1 70%,#eaf8f1 100%)!important}
 body:has(#home:not([hidden])) #home .home-hero{padding:clamp(5px,1.2dvh,12px) 0 clamp(8px,1.5dvh,16px)!important;flex:0 0 auto!important}
 body:has(#home:not([hidden])) #home .home-hero h1{font-size:clamp(36px,9.2vw,52px)!important;margin:clamp(9px,1.6dvh,16px) 0!important;line-height:1.08!important}
 body:has(#home:not([hidden])) #home .home-hero>p{font-size:clamp(13px,3.6vw,16px)!important;margin:clamp(10px,1.7dvh,18px) 0!important;line-height:1.55!important}
 body:has(#home:not([hidden])) #home .home-actions{margin-top:clamp(10px,1.7dvh,18px)!important}
 body:has(#home:not([hidden])) #home .home-actions button{min-height:clamp(48px,6.2dvh,58px)!important}
 body:has(#home:not([hidden])) #home .landing-features{flex:0 1 auto!important;min-height:0!important;margin:clamp(12px,2.4dvh,26px) 0 0!important;gap:clamp(7px,1.2dvh,12px)!important}
 body:has(#home:not([hidden])) #home .landing-feature{min-height:clamp(53px,7.2dvh,70px)!important;padding:8px 12px!important}
 body:has(#home:not([hidden])) #home .landing-feature-icon{width:40px!important;height:40px!important;flex-basis:40px!important}
 body:has(#home:not([hidden])) #home .landing-feature strong{font-size:14px!important}
 body:has(#home:not([hidden])) #home .landing-feature small{font-size:11px!important}
 body:has(#home:not([hidden])) #home .landing-decoration{opacity:.09!important}
 :root[data-theme="dark"] html:has(body #home:not([hidden])){background:#10251f!important}
 :root[data-theme="dark"] body:has(#home:not([hidden])){background:radial-gradient(ellipse 90% 57% at 76% 29%,#15513d 0%,transparent 100%),linear-gradient(180deg,#0c2a22 0%,#10251f 70%,#10251f 100%)!important}
 /* Opaque status bar: no iOS translucent white fade over the logo. */
 body:before{background:#062d24!important;opacity:1!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 body>header{top:env(safe-area-inset-top,0px)!important;background:#062d24!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

/* v53: eliminate double safe-area spacing; render iOS top as one opaque header surface */
@media(max-width:768px){
 html:has(#home:not([hidden])){height:100%!important;overflow:hidden!important;background:#062d24!important}
 body:has(#home:not([hidden])){position:relative!important;box-sizing:border-box!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;padding:calc(74px + env(safe-area-inset-top,0px)) 0 0!important;overflow:hidden!important;background:#eaf8f1!important}
 body:has(#home:not([hidden]))>header{top:env(safe-area-inset-top,0px)!important;left:0!important;right:0!important;height:74px!important;min-height:74px!important;z-index:180!important;background:#062d24!important}
 body:has(#home:not([hidden])):before{content:''!important;position:fixed!important;top:0!important;left:0!important;right:0!important;height:env(safe-area-inset-top,0px)!important;background:#062d24!important;z-index:179!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 body:has(#home:not([hidden]))>main{box-sizing:border-box!important;display:block!important;position:relative!important;margin:0!important;padding:0!important;width:100%!important;height:calc(100dvh - 74px - env(safe-area-inset-top,0px))!important;min-height:0!important;max-height:none!important;overflow:hidden!important;background:transparent!important}
 body:has(#home:not([hidden])) #home{box-sizing:border-box!important;height:100%!important;min-height:0!important;max-height:none!important;overflow:hidden!important;margin:0!important;padding:clamp(14px,2.4dvh,24px) 22px calc(12px + env(safe-area-inset-bottom,0px))!important;background:radial-gradient(ellipse 95% 65% at 76% 24%,#b9f3d4 0%,transparent 100%),linear-gradient(180deg,#e4f8ed 0%,#eaf8f1 100%)!important}
 body:has(#home:not([hidden])):after{background:#eaf8f1!important}
 :root[data-theme="dark"] body:has(#home:not([hidden])){background:#10251f!important}
 :root[data-theme="dark"] body:has(#home:not([hidden])) #home{background:radial-gradient(ellipse 95% 65% at 76% 24%,#15513d 0%,transparent 100%),linear-gradient(180deg,#0c2a22 0%,#10251f 100%)!important}
 :root[data-theme="dark"] body:has(#home:not([hidden])):after{background:#10251f!important}
}

/* v54: seamless status bar + member landing in both themes */
@media(max-width:768px){
 :root{--mw-edge-header:#062d24;--mw-edge-bottom:#eaf8f1}
 :root[data-theme="dark"]{--mw-edge-header:#062d24;--mw-edge-bottom:#10251f}
 html{background:var(--mw-edge-header)!important}
 body{background:var(--mw-edge-bottom)!important}
 body:before{background:var(--mw-edge-header)!important;background-image:none!important;opacity:1!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 body>header{background:var(--mw-edge-header)!important;background-image:none!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 body:after{background:var(--mw-edge-bottom)!important}
 /* Member chooser: gradient across the whole screen, not a dark image pasted above cards. */
 body:has(#chooser:not([hidden])){--mw-edge-bottom:#edf8f2;background:#edf8f2!important}
 :root[data-theme="dark"] body:has(#chooser:not([hidden])){--mw-edge-bottom:#10271f;background:#10271f!important}
 body:has(#chooser:not([hidden]))>main{background:transparent!important}
 body:has(#chooser:not([hidden])) #chooser{background:linear-gradient(180deg,#0b382d 0%,#185944 27%,#9ed9bc 58%,#edf8f2 88%,#edf8f2 100%)!important;background-color:#edf8f2!important;min-height:calc(100dvh - 74px - env(safe-area-inset-top,0px))!important}
 body:has(#chooser:not([hidden])) #chooser .mw-home-hero{background:linear-gradient(180deg,#062d24e6 0%,#073b2fc9 52%,#13544144 100%),url('/mountain-scene.svg') center 60%/cover no-repeat!important;box-shadow:none!important;mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)!important;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)!important;padding-bottom:55px!important;margin-bottom:-30px!important}
 body:has(#chooser:not([hidden])) #chooser .home-choices{position:relative!important;z-index:1!important;background:transparent!important}
 :root[data-theme="dark"] body:has(#chooser:not([hidden])) #chooser{background:linear-gradient(180deg,#092a22 0%,#113c2f 32%,#163b30 65%,#10271f 100%)!important;background-color:#10271f!important}
 :root[data-theme="dark"] body:has(#chooser:not([hidden])) #chooser .mw-home-hero{background:linear-gradient(180deg,#062d24e6 0%,#073b2fc9 52%,#13544144 100%),url('/mountain-scene.svg') center 60%/cover no-repeat!important}
 /* Preserve the light/dark page color behind the iOS home indicator. */
 body:has(#home:not([hidden])){--mw-edge-bottom:#eaf8f1}
 :root[data-theme="dark"] body:has(#home:not([hidden])){--mw-edge-bottom:#10251f}
}

/* v55: admin mobile table is horizontally scrollable, never squeezed under navigation */
@media(max-width:768px){
 #admin{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:20px 16px calc(135px + env(safe-area-inset-bottom,0px))!important;overflow-x:hidden!important}
 #admin>h1{font-size:clamp(32px,8vw,44px)!important;line-height:1.2!important;margin:14px 0 24px!important}
 #admin>h2{font-size:22px!important;line-height:1.35!important;margin:24px 0 14px!important}
 #admin>.table-wrap{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;border-radius:17px!important}
 #admin>.table-wrap table{width:100%!important;min-width:680px!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important}
 #admin>.table-wrap th,#admin>.table-wrap td{box-sizing:border-box!important;padding:16px 12px!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;vertical-align:middle!important;font-size:13px!important;line-height:1.55!important}
 #admin>.table-wrap th:nth-child(1),#admin>.table-wrap td:nth-child(1){width:130px!important}
 #admin>.table-wrap th:nth-child(2),#admin>.table-wrap td:nth-child(2){width:125px!important}
 #admin>.table-wrap th:nth-child(3),#admin>.table-wrap td:nth-child(3){width:150px!important}
 #admin>.table-wrap th:nth-child(4),#admin>.table-wrap td:nth-child(4){width:80px!important;text-align:center!important}
 #admin>.table-wrap th:nth-child(5),#admin>.table-wrap td:nth-child(5){width:190px!important}
 #admin>.table-wrap td:nth-child(5) button{margin:3px!important;min-height:36px!important}
 #admin #activity{max-width:100%!important;overflow-wrap:anywhere!important}
}

/* v56: native mobile admin cards, page-colored overscroll and non-editable headings */
/* A text cursor is not useful on headings or decorative labels. Keep text inputs editable. */
h1,h2,h3,.eyebrow,.landing-feature strong,.landing-feature small,.brand,.nav,.mobile-bottom-nav{user-select:none!important;-webkit-user-select:none!important;caret-color:transparent!important}
@media(max-width:768px){
 /* Make rubber-band surfaces follow the page, rather than the default white. */
 :root{--mw-content-edge:#edf8f2}
 :root[data-theme="dark"]{--mw-content-edge:#10271f}
 html,body{background-color:var(--mw-content-edge)!important}
 html{overscroll-behavior-x:none!important}
 body{overscroll-behavior-x:none!important}
 body:has(#admin:not([hidden])){--mw-content-edge:#edf8f2;background:var(--mw-content-edge)!important}
 :root[data-theme="dark"] body:has(#admin:not([hidden])){--mw-content-edge:#10271f}
 body:has(#admin:not([hidden]))>main{background:var(--mw-content-edge)!important}
 #admin{padding:22px 16px calc(140px + env(safe-area-inset-bottom,0px))!important}
 #admin>.table-wrap{overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important;width:100%!important;max-width:100%!important}
 #admin>.table-wrap table,#admin>.table-wrap tbody{display:block!important;min-width:0!important;width:100%!important;border:0!important;background:transparent!important}
 #admin>.table-wrap thead{display:none!important}
 #admin>.table-wrap tr{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px 12px!important;width:100%!important;min-width:0!important;margin:0 0 14px!important;padding:15px!important;border:1px solid #c9e2d6!important;border-radius:18px!important;background:#ffffffed!important;box-shadow:0 8px 22px #073e2810!important}
 #admin>.table-wrap td{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;width:auto!important;min-width:0!important;max-width:100%!important;padding:5px 2px!important;border:0!important;background:transparent!important;overflow-wrap:anywhere!important;font-size:14px!important;line-height:1.45!important;text-align:start!important}
 #admin>.table-wrap td:before{display:block!important;margin-bottom:5px!important;color:#628677!important;font-size:11px!important;font-weight:700!important;line-height:1.2!important}
 #admin>.table-wrap td:nth-child(1):before{content:'שם'}
 #admin>.table-wrap td:nth-child(2):before{content:'סטטוס'}
 #admin>.table-wrap td:nth-child(3):before{content:'נרשם בתאריך'}
 #admin>.table-wrap td:nth-child(4):before{content:'פוסטים'}
 #admin>.table-wrap td:nth-child(5):before{content:'פעולות'}
 #admin>.table-wrap td:nth-child(3){font-variant-numeric:tabular-nums!important}
 #admin>.table-wrap td:nth-child(4){text-align:start!important;align-items:flex-start!important}
 #admin>.table-wrap td:nth-child(5){grid-column:1/-1!important;display:block!important;border-top:1px solid #e0ede6!important;margin-top:5px!important;padding-top:12px!important}
 #admin>.table-wrap td:nth-child(5):before{margin-bottom:8px!important}
 #admin>.table-wrap td:nth-child(5) button{min-height:40px!important;margin:0 6px 4px 0!important;padding:8px 12px!important}
 :root[data-theme="dark"] #admin>.table-wrap tr{background:#1c342b!important;border-color:#365b49!important;box-shadow:0 8px 20px #0002!important}
 :root[data-theme="dark"] #admin>.table-wrap td:nth-child(5){border-color:#365b49!important}
 :root[data-theme="dark"] #admin>.table-wrap td:before{color:#a1cdb6!important}
}

/* v57: personal preferences and unread swap notifications */
.my-duty-options{display:grid;gap:12px;margin:18px 0}.my-duty-option{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line,#cbded5);border-radius:13px;cursor:pointer}.my-duty-option input{width:20px;height:20px;accent-color:#168465}.notification-count:not(:empty){display:inline-flex!important;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;padding:2px 5px;background:#e64d5b!important;color:white!important;font-size:12px;font-weight:800;position:relative;top:-8px;margin-inline-start:-8px}.swap-new-label{display:inline-block;border-radius:20px;background:#d8f8e8;color:#075a3d;font-size:11px;font-weight:800;padding:3px 9px;margin-bottom:8px}.swap-unread{border-color:#30b787!important;box-shadow:inset 3px 0 #30b787}.my-duty-option:has(input:checked){background:#dff7e9;border-color:#40b78b}:root[data-theme="dark"] .my-duty-option:has(input:checked){background:#214b39;color:#e7f7ec}#myDutyPreferencesError{color:#b33f3f;min-height:20px}

@media(max-width:768px){.my-duty-desktop{display:none!important}}@media(min-width:769px){.my-duty-desktop{white-space:nowrap;font-size:12px}}

/* v58 publish controls */
.duty-publish-bar{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;margin:12px 0 18px}.duty-publish-bar button{padding:10px 18px;border-radius:12px}.duty-publish-bar .muted{font-size:12px}.duty-publish-bar button[hidden]{display:none!important}

/* v59: member welcome contrast and accessible native-feeling confirmations */
#memberWelcome .welcome-name,.mw-home-hero .welcome-name,#welcomeName{color:#f1fff8!important;text-shadow:0 1px 5px #001d1370!important}
#mwConfirmDialog{max-width:min(420px,calc(100vw - 32px));border:1px solid #b7d9c9;border-radius:22px;padding:25px;background:var(--card,#fff);color:var(--text,#153329);box-shadow:0 25px 70px #001b153b}#mwConfirmDialog::backdrop{background:#001a17a3;backdrop-filter:blur(5px)}
.duty-busy-hint{font-size:12px;line-height:1.5;margin:8px 0}

/* v61: compact top feedback, never obscures the bottom navigation. */
#toast{position:fixed!important;inset:auto!important;top:calc(14px + env(safe-area-inset-top,0px))!important;left:50%!important;bottom:auto!important;right:auto!important;transform:translateX(-50%)!important;max-width:min(440px,calc(100vw - 28px))!important;width:max-content!important;min-width:0!important;padding:10px 16px!important;border:1px solid #ffffff38!important;border-radius:15px!important;background:#183c33f2!important;color:#fff!important;box-shadow:0 10px 28px #001a1438!important;z-index:9999!important;font-size:13px!important;line-height:1.5!important;text-align:center!important;pointer-events:none!important;backdrop-filter:blur(10px)}
#toast[hidden]{display:none!important}
#pushWelcomeDialog{max-width:min(420px,calc(100vw - 30px));border-radius:22px;padding:26px}
#pushWelcomeError{color:#d04b4b}

/* v62: iOS feedback must never stretch to full screen. */
#toast{position:fixed!important;top:calc(12px + env(safe-area-inset-top,0px))!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:auto!important;min-width:0!important;max-width:min(380px,calc(100vw - 36px))!important;max-height:88px!important;height:auto!important;overflow:hidden!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;display:block!important;box-sizing:border-box!important;line-height:1.4!important;font-size:13px!important;padding:11px 15px!important;z-index:99999!important}
#toast[hidden]{display:none!important}
.mw-settings-title{font-weight:800;font-size:14px;padding:12px 14px 6px;opacity:.8}
.mw-new-count{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#23cb83;color:#052b20;font-size:11px;font-weight:800;margin-inline-start:5px}
.mw-new-count[hidden]{display:none!important}
#pushSettingsError{color:#cf4d4d;font-size:13px;margin-top:12px}

/* v63: personal area, inline switch and unobtrusive unread indicators */
.mw-personal-page{min-height:calc(100vh - 170px);padding:24px 18px 100px;direction:rtl}
.mw-personal-wrap{max-width:650px;margin:0 auto}
.mw-personal-head{display:flex;align-items:center;gap:16px;margin:12px 0 30px;padding:22px;border-radius:23px;background:linear-gradient(120deg,#093e30,#126d50);color:#fff}
.mw-personal-head h2{margin:4px 0;font-size:28px;color:#fff}
.mw-personal-avatar{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:#ffffff22;font-size:35px}
.mw-personal-eyebrow{font-size:12px;opacity:.75;margin:0}
.mw-personal-name{margin:0;opacity:.9;font-size:14px}
.mw-personal-group{background:var(--card,#fff);border:1px solid var(--line);border-radius:20px;padding:18px;margin:15px 0;box-shadow:0 8px 22px #00000008}
.mw-personal-group h3{margin:0 0 14px;font-size:15px}
.mw-personal-action{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:51px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);text-align:right;font-size:15px;padding:10px 4px}
.mw-personal-action[hidden],#mwPersonalPush[hidden]{display:none!important}
.mw-personal-danger{color:#c84e4e}
.mw-personal-push{display:flex;align-items:center;justify-content:space-between;gap:18px}
.mw-personal-push p{font-size:12px;color:var(--muted);margin:5px 0 0}
.mw-switch{position:relative;display:inline-flex;align-items:center;flex-shrink:0}
.mw-switch input{position:absolute;opacity:0;width:48px;height:28px;cursor:pointer}
.mw-switch-track{display:block;width:48px;height:28px;border-radius:99px;background:#9ca9a2;transition:background .2s;pointer-events:none}
.mw-switch-track:after{content:'';position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .2s}
.mw-switch input:checked+.mw-switch-track{background:#12aa72}
.mw-switch input:checked+.mw-switch-track:after{transform:translateX(-20px)}
.mw-switch input:focus-visible+.mw-switch-track{outline:3px solid #2ddc9b}
#pushSettingsError{color:#c74343;font-size:12px;margin-top:10px}
.mobile-bottom-nav button{position:relative}
.mobile-bottom-nav button .mw-new-count{position:absolute!important;top:2px!important;right:calc(50% - 23px)!important;left:auto!important;min-width:15px!important;height:15px!important;padding:0 4px!important;margin:0!important;border:2px solid var(--bg)!important;border-radius:20px!important;font-size:10px!important;line-height:1!important;display:flex!important;align-items:center;justify-content:center;z-index:2}
.mobile-bottom-nav button .mw-new-count[hidden]{display:none!important}
.destination{position:relative}
.destination>.mw-new-count{position:absolute!important;top:15px!important;right:15px!important;left:auto!important;min-width:19px;height:19px;padding:0 5px;margin:0!important;border:2px solid var(--bg,#fff);font-size:11px!important;line-height:1!important}
@media(max-width:768px){.mw-personal-page{padding:16px 14px 110px}.mw-personal-head{margin-top:8px}}

/* v64: a tiny badge attached to the icon, never below the navigation label. */
@media(max-width:768px){
 .mobile-bottom-nav button .nav-icon.mw-badge-anchor{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;isolation:isolate}
 .mobile-bottom-nav button .nav-icon>.mw-new-count{position:absolute!important;top:-6px!important;right:-9px!important;left:auto!important;bottom:auto!important;transform:none!important;min-width:15px!important;width:auto!important;height:15px!important;padding:0 3px!important;margin:0!important;border:1.5px solid #073a2b!important;border-radius:20px!important;font-size:9px!important;line-height:1!important;font-weight:800!important;z-index:3!important;box-sizing:border-box!important}
}
#chooser .destination-icon.mw-badge-anchor{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;isolation:isolate}
#chooser .destination-icon>.mw-new-count{position:absolute!important;top:-6px!important;right:-7px!important;left:auto!important;bottom:auto!important;transform:none!important;min-width:18px!important;height:18px!important;padding:0 4px!important;margin:0!important;border:2px solid #d7fae7!important;border-radius:50px!important;font-size:10px!important;line-height:1!important;z-index:3!important;box-sizing:border-box!important}
.mw-badge-anchor>.mw-new-count[hidden]{display:none!important}

/* v65: legible personal settings in dark mode, calm header, and brand accent. */
.brand b .mw-brand-accent{font-style:normal!important;color:#20bd79!important;display:inline!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;margin:0!important}
@media(max-width:768px){
 header .brand b .mw-brand-accent{color:#4cf19e!important}
 body:before{background:#062d24!important;background-image:none!important;opacity:1!important;filter:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 body>header{background:#062d24!important;background-color:#062d24!important;background-image:none!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#062d24!important}
}
:root[data-theme="dark"] #personal .mw-personal-group{background:#1b342b!important;border:1px solid #355a49!important;color:#e9f7ee!important;box-shadow:0 10px 28px #00000025!important}
:root[data-theme="dark"] #personal .mw-personal-group h3{color:#c0e9d3!important}
:root[data-theme="dark"] #personal .mw-personal-action{color:#ecfff4!important;border-top-color:#355a49!important}
:root[data-theme="dark"] #personal .mw-personal-push strong{color:#ecfff4!important}
:root[data-theme="dark"] #personal .mw-personal-push p{color:#a9cdbc!important}
:root[data-theme="dark"] #personal .mw-personal-danger{color:#ff9b9b!important}
:root[data-theme="dark"] #personal .mw-personal-head{background:linear-gradient(120deg,#10583f,#157653)!important}
:root[data-theme="dark"] #personal .mw-personal-eyebrow,
:root[data-theme="dark"] #personal .mw-personal-name{color:#dcf8e9!important}
:root[data-theme="dark"] #personal .mw-personal-action:hover{background:#264a3b!important}
.closing-date-label{margin:3px 0 12px;font-size:12px;color:var(--muted);font-weight:600}
.closing-person{margin:7px 0 11px}
.closing-person .duty-chip{margin-bottom:3px}
.closing-duty-warning{display:block;font-size:12px;line-height:1.55;color:#9a5b10;font-weight:650;margin:3px 0 7px;padding:5px 9px;border-radius:9px;background:#fff2d6;border:1px solid #eecb8a}
.closing-conflict-title{font-size:12px;font-weight:800;margin:14px 0 8px;color:#9a5b10}
:root[data-theme="dark"] .closing-duty-warning{background:#443622;color:#ffd59a;border-color:#86683d}
:root[data-theme="dark"] .closing-conflict-title{color:#ffd59a}
.duty-setting .closing-duty-warning{margin-inline-start:26px;flex-basis:100%}

/* v66: no glass / translucent header; reminder control in the weekly closing board. */
@media(max-width:768px){
 html,body{--mw-edge-header:#062d24}
 body:before,body>header{background:#062d24!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;box-shadow:none!important;opacity:1!important}
 body>header{background-clip:border-box!important;isolation:isolate}
 body>header:before,body>header:after{content:none!important;display:none!important}
}
.closing-remind{display:flex!important;align-items:center;justify-content:center;width:100%;margin-top:14px!important;padding:12px 10px!important;border-radius:12px!important;border:1px solid #5cb991!important;background:#e0f7e9!important;color:#0c5d3f!important;font-weight:800!important;font-size:13px!important}
.closing-remind:disabled{opacity:.7!important}
:root[data-theme="dark"] .closing-remind{background:#214d3b!important;color:#b6f4d1!important;border-color:#4c9771!important}
.closing-week-card .duty-setting{display:flex;flex-wrap:wrap}
.closing-week-card .closing-duty-warning{margin-top:5px}

/* v67: compact, readable people picker for department closing. */
#dutyDialogBody .closing-choice-list{
 display:flex!important;flex-direction:column!important;gap:9px!important;
 max-height:min(54dvh,490px)!important;overflow-y:auto!important;
 padding:4px 4px 10px!important;margin:12px 0 18px!important;
 overscroll-behavior:contain!important;
}
#dutyDialogBody .closing-choice{
 display:flex!important;flex-direction:row-reverse!important;align-items:center!important;
 justify-content:space-between!important;gap:14px!important;width:100%!important;
 min-height:60px!important;margin:0!important;padding:13px 15px!important;
 box-sizing:border-box!important;border-radius:14px!important;
 border:1px solid #d6e7de!important;background:#f7fbf8!important;
 color:#193d2d!important;cursor:pointer!important;
 transition:background .15s ease,border-color .15s ease!important;
}
#dutyDialogBody .closing-choice.is-selected{background:#e2f6e9!important;border-color:#48b67c!important;box-shadow:inset 3px 0 0 #22a56b!important}
#dutyDialogBody .closing-choice.is-unavailable{opacity:.58!important;background:#f2f3f2!important;cursor:not-allowed!important}
#dutyDialogBody .closing-choice input[type=checkbox]{
 flex:0 0 21px!important;width:21px!important;height:21px!important;
 margin:0!important;padding:0!important;accent-color:#159a65!important;
 appearance:auto!important;-webkit-appearance:checkbox!important;
}
#dutyDialogBody .closing-choice-details{display:flex!important;flex-direction:column!important;gap:4px!important;flex:1!important;min-width:0!important;text-align:right!important}
#dutyDialogBody .closing-choice-name{font-size:15px!important;font-weight:750!important;line-height:1.4!important;color:inherit!important}
#dutyDialogBody .closing-choice-warning{font-size:11px!important;font-weight:600!important;line-height:1.5!important;color:#9a6017!important}
#dutyDialogBody .closing-choice-list+.primary.wide{margin-top:6px!important}
:root[data-theme="dark"] #dutyDialogBody .closing-choice{background:#20392e!important;color:#eaf8f0!important;border-color:#416451!important}
:root[data-theme="dark"] #dutyDialogBody .closing-choice.is-selected{background:#1c543a!important;border-color:#53c48a!important}
:root[data-theme="dark"] #dutyDialogBody .closing-choice.is-unavailable{background:#25312b!important;color:#b0c0b6!important}
:root[data-theme="dark"] #dutyDialogBody .closing-choice-warning{color:#ffcf8a!important}
/* v67: a discreet green dot means a published board has changed. */
#dutyTabs button{position:relative!important}
#dutyTabs button.mw-board-updated::after{
 content:""!important;position:absolute!important;top:7px!important;right:9px!important;
 width:8px!important;height:8px!important;border-radius:50%!important;
 background:#21d98a!important;box-shadow:0 0 0 2px #ffffffbb!important;
}
#dutyTabs button.active.mw-board-updated::after{box-shadow:0 0 0 2px #174f3a!important}

/* v68: numeric unread count stays on navigation icons, dots only identify changed duty tabs. */
@media(max-width:768px){
 .closing-week-grid,
 .duty-layout-viewer .closing-week-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:10px!important;
  width:100%!important;
 }
 .closing-week-card{
  min-width:0!important;
  min-height:0!important;
  padding:13px 10px!important;
  gap:7px!important;
  border-radius:14px!important;
 }
 .closing-week-card h3{font-size:1rem!important;margin:0 0 2px!important}
 .closing-week-card .closing-date-label{font-size:.72rem!important;line-height:1.3!important;overflow-wrap:anywhere}
 .closing-week-card .duty-chip{font-size:.76rem!important;line-height:1.4!important;padding:6px 5px!important;overflow-wrap:anywhere}
 .closing-week-card .closing-person{min-width:0!important}
 .closing-week-card .closing-edit,.closing-week-card .closing-remind{
  font-size:.73rem!important;line-height:1.4!important;
  padding:9px 6px!important;white-space:normal!important;
  overflow-wrap:anywhere!important;
 }
 #dutyDialogBody .closing-choice-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:8px!important;
  max-height:min(50dvh,450px)!important;
 }
 #dutyDialogBody .closing-choice{
  min-width:0!important;
  min-height:70px!important;
  padding:10px!important;
  gap:8px!important;
  flex-direction:row-reverse!important;
  align-items:center!important;
 }
 #dutyDialogBody .closing-choice input[type=checkbox]{
  flex:0 0 18px!important;width:18px!important;height:18px!important;
 }
 #dutyDialogBody .closing-choice-name{font-size:13px!important}
 #dutyDialogBody .closing-choice-warning{font-size:10px!important}
}
@media(max-width:350px){
 .closing-week-grid{gap:7px!important}
 .closing-week-card{padding:10px 7px!important}
 #dutyDialogBody .closing-choice-list{gap:6px!important}
 #dutyDialogBody .closing-choice{padding:8px 6px!important}
}

/* v69: native Face ID / Touch ID / Windows Hello via WebAuthn. */
#passkeyLoginButton{
 display:flex;align-items:center;justify-content:center;gap:10px;
 width:100%;min-height:48px;margin-top:12px;padding:10px 16px;
 border:1px solid #61b78e;border-radius:13px;
 background:#e9f8ef;color:#10563c;font-weight:800;font-size:14px;
 cursor:pointer;transition:background .15s ease,transform .15s ease;
}
#passkeyLoginButton:hover{background:#d5f2e2}
#passkeyLoginButton:disabled{opacity:.6;cursor:wait}
#passkeyLoginButton[hidden],#mwPasskeySettings[hidden],#mwPasskeyRemove[hidden]{display:none!important}
#passkeyLoginButton>span{font-size:27px;line-height:1}
.mw-passkey-settings{display:flex;align-items:center;gap:12px;direction:rtl}
.mw-passkey-symbol{display:grid;place-items:center;flex-shrink:0;width:49px;height:49px;
 border-radius:14px;background:#d9f6e7;color:#116a47;font-size:30px;font-weight:800}
.mw-passkey-settings strong{display:block;color:var(--ink);font-size:15px}
.mw-passkey-settings p{margin:5px 0;color:var(--muted);font-size:12px;line-height:1.5}
.mw-passkey-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.mw-passkey-actions button{flex:1 1 190px;min-height:43px;padding:10px 12px;font-size:13px;border-radius:12px}
.mw-passkey-remove{color:#b84848!important;border-color:#e3b6b6!important}
.mw-passkey-note{font-size:11px;line-height:1.6;margin:12px 0 0}
:root[data-theme="dark"] #passkeyLoginButton{background:#214c38;color:#cbf9de;border-color:#498e68}
:root[data-theme="dark"] .mw-passkey-symbol{background:#285f44;color:#bdfbd8}
:root[data-theme="dark"] .mw-passkey-settings strong{color:#e9fff1}
:root[data-theme="dark"] .mw-passkey-settings p,
:root[data-theme="dark"] .mw-passkey-note{color:#b5d1c1}

/* v70: modern account/logout icons and correct desktop cursors. */
.mw-personal-avatar svg,.confirm-symbol svg,.delete-user-icon svg{
 display:block;width:34px;height:34px;stroke:currentColor;fill:none;
}
.mw-personal-avatar{color:#f4fff8}
:root[data-theme="dark"] .mw-personal-avatar{color:#f4fff8}
/* Regular UI text should not pretend to be an editable field. */
@media (hover:hover) and (pointer:fine){
 body,body *{cursor:default!important}
 button:not(:disabled),button:not(:disabled) *,
 a,a *,select,select *,
 input[type="checkbox"],input[type="radio"],
 label:has(input[type="checkbox"]),label:has(input[type="checkbox"]) *,
 label:has(input[type="radio"]),label:has(input[type="radio"]) *,
 [role="button"],[role="button"] *,
 [data-page],[data-page] *,
 .card,.card *,
 .duty-chip,.duty-chip *,
 .closing-choice,.closing-choice *,
 .my-duty-option,.my-duty-option *,
 .duty-check-row,.duty-check-row *,
 .tag-choice,.tag-choice *,
 .mw-switch,.mw-switch *,
 .mw-personal-action,.mw-personal-action *,
 .destination,.destination *{cursor:pointer!important}
 input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),
 textarea,[contenteditable="true"],[contenteditable="true"] *{cursor:text!important}
 button:disabled,button:disabled *,input:disabled,select:disabled,
 .duty-locked-user,.closing-choice.is-unavailable,
 .closing-choice.is-unavailable *{cursor:not-allowed!important}
}

/* v71: compact floating notifications, clear of the navigation and keyboard. */
#toast{
 position:fixed!important;
 z-index:2147483000!important;
 top:calc(env(safe-area-inset-top,0px) + 84px)!important;
 bottom:auto!important;
 left:50%!important;right:auto!important;
 transform:translate(-50%,-10px) scale(.97)!important;
 width:max-content!important;max-width:min(430px,calc(100vw - 32px))!important;
 min-width:0!important;
 display:flex!important;align-items:center!important;gap:11px!important;
 padding:11px 12px 11px 15px!important;
 border:1px solid #b7d8c8!important;
 border-radius:16px!important;
 background:#f8fffb!important;color:#174b3a!important;
 box-shadow:0 10px 35px #052c1a1c,0 2px 8px #052c1a10!important;
 font-size:13px!important;font-weight:650!important;
 line-height:1.45!important;direction:rtl!important;text-align:right!important;
 opacity:0!important;pointer-events:none!important;
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
 transition:opacity .22s ease,transform .22s ease!important;
}
#toast[hidden]{display:none!important}
#toast.mw-toast-visible{opacity:1!important;transform:translate(-50%,0) scale(1)!important;pointer-events:auto!important}
#toast .mw-toast-mark{
 width:27px;height:27px;min-width:27px;display:grid;place-items:center;
 background:#e0f6e9;color:#15835c;border-radius:9px;
}
#toast .mw-toast-mark svg{width:17px;height:17px;stroke-linecap:round;stroke-linejoin:round}
#toast .mw-toast-message{flex:1;min-width:0;overflow-wrap:anywhere}
#toast .mw-toast-close{
 border:0;background:transparent;color:#739587;padding:4px;min-width:25px;height:25px;
 display:grid;place-items:center;border-radius:7px;cursor:pointer;
}
#toast .mw-toast-close svg{width:15px;height:15px;stroke-linecap:round}
#toast .mw-toast-close:hover{background:#e4f1e9;color:#174b3a}
#toast[data-kind="error"]{background:#fffaf8!important;color:#8a382f!important;border-color:#e9c5bf!important}
#toast[data-kind="error"] .mw-toast-mark{background:#fde8e4;color:#b64b40}
:root[data-theme="dark"] #toast{
 background:#173b30!important;color:#f0fff7!important;
 border-color:#417462!important;box-shadow:0 12px 38px #001c16a0!important;
}
:root[data-theme="dark"] #toast .mw-toast-mark{background:#265d48;color:#b5f5d0}
:root[data-theme="dark"] #toast .mw-toast-close{color:#a2c5b4}
:root[data-theme="dark"] #toast[data-kind="error"]{background:#442b2a!important;color:#ffdfda!important;border-color:#875550!important}
@media(max-width:800px){
 #toast{top:calc(env(safe-area-inset-top,0px) + 76px)!important;max-width:calc(100vw - 28px)!important;font-size:12.5px!important}
}
@media(prefers-reduced-motion:reduce){
 #toast{transition:none!important}
}

/* Swap outcomes: approved green, cancelled/rejected red, pending neutral. */
.swap-dialog .swap-card.swap-status-approved{border:2px solid #24a66b!important;border-inline-start:6px solid #24a66b!important}
.swap-dialog .swap-card.swap-status-cancelled,.swap-dialog .swap-card.swap-status-rejected,.swap-dialog .swap-card.swap-status-expired,.swap-dialog .swap-card.swap-status-withdrawn{border:2px solid #d95359!important;border-inline-start:6px solid #d95359!important}
:root[data-theme="dark"] .swap-dialog .swap-card.swap-status-approved{border-color:#39c78a!important}
:root[data-theme="dark"] .swap-dialog .swap-card.swap-status-cancelled,:root[data-theme="dark"] .swap-dialog .swap-card.swap-status-rejected,:root[data-theme="dark"] .swap-dialog .swap-card.swap-status-expired,:root[data-theme="dark"] .swap-dialog .swap-card.swap-status-withdrawn{border-color:#f2767b!important}

/* Keep the closing reminder action on one line on mobile and desktop. */
.closing-remind{white-space:nowrap!important;max-width:100%;font-size:clamp(11px,2.8vw,15px)!important;padding-inline:clamp(7px,2vw,16px)!important}

/* Member requests and leave UI */
.mw-requests-dialog{width:min(620px,calc(100vw - 24px));max-height:85dvh;border:1px solid var(--border,#cbded5);border-radius:22px;background:var(--surface,#fff);color:var(--ink,#143a2e);padding:0;overflow:auto}
.mw-requests-dialog::backdrop{background:#001e17a8;backdrop-filter:blur(5px)}
.mw-requests-panel{padding:24px;position:relative;display:grid;gap:15px}
.mw-requests-panel h2{padding-inline-end:45px;margin:0 0 8px}
#mwRequestsContent{display:grid;gap:13px}
#mwRequestsContent label{display:grid;gap:7px;font-weight:600}
#mwRequestsContent input,#mwRequestsContent textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--border,#cbded5);border-radius:12px;background:var(--surface,#fff);color:inherit;font:inherit}
#mwRequestsContent button{min-height:43px}
.mw-request-card{border:1px solid var(--border,#cbded5);border-radius:15px;padding:16px;display:grid;gap:9px;overflow-wrap:anywhere}
.mw-request-card p{margin:0}
.mw-request-image{width:min(100%,260px);max-height:240px;object-fit:contain;border-radius:10px}

/* Compact personal request dialogs, date grid and image markup editor */
.mw-requests-dialog{width:min(590px,calc(100vw - 24px));max-height:min(86dvh,850px)}
.mw-requests-panel{padding:20px;gap:10px}
.mw-requests-panel h2{font-size:clamp(20px,4.6vw,26px);line-height:1.25;white-space:nowrap;padding-inline-end:38px}
.mw-requests-panel>.close{position:absolute;top:12px;left:12px;right:auto;width:36px;height:36px;padding:0;border:0;background:transparent}
#mwRequestsContent{gap:10px}
#mwRequestsContent label{gap:5px}
#mwRequestsContent input,#mwRequestsContent textarea{padding:10px}
.mw-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mw-calendar-toolbar button{width:46px;min-height:42px}
.mw-leave-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;direction:rtl}
.mw-calendar-weekday{text-align:center;font-size:12px;opacity:.7;font-weight:700}
#mwRequestsContent .mw-calendar-day{min-height:43px;width:100%;padding:0;border:1px solid var(--border,#bcd5cb);border-radius:10px;background:transparent;color:inherit;font:inherit;touch-action:manipulation;user-select:none;-webkit-user-select:none}
#mwRequestsContent .mw-calendar-day.selected{background:#157b61;color:white;border-color:#157b61}
#mwRequestsContent .mw-calendar-day.anchor{outline:3px solid #f2a900;outline-offset:1px}
#mwRequestsContent .mw-calendar-day:disabled{opacity:.25}
.mw-image-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mw-image-tile{display:grid;gap:5px;min-width:0}
.mw-image-tile img{width:100%;height:110px;object-fit:cover;border-radius:10px;cursor:pointer}
.mw-annotation-dialog{width:min(96vw,900px);max-height:95dvh;border:0;border-radius:18px;padding:0;background:#152720;color:white}
.mw-annotation-dialog::backdrop{background:#000c}
.mw-annotation-panel{display:grid;gap:12px;padding:15px;max-height:90dvh}
.mw-annotation-panel h2{margin:0;font-size:20px}
.mw-annotation-toolbar,.mw-annotation-footer{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mw-annotation-toolbar button,.mw-annotation-footer button{border:1px solid #ffffff55;border-radius:9px;background:#ffffff16;color:white;padding:9px 12px;font:inherit}
.mw-annotation-toolbar input[type=range]{width:75px}
.mw-annotation-toolbar input[type=color]{width:40px;height:38px}
.mw-annotation-viewport{display:flex;align-items:center;justify-content:center;min-height:180px;max-height:60dvh;overflow:auto;background:#0a1712;border-radius:10px}
.mw-annotation-canvas{display:block;max-width:100%;max-height:58dvh;width:auto;height:auto;object-fit:contain;touch-action:none;cursor:crosshair}
.mw-annotation-footer{justify-content:space-between}
@media(max-width:480px){.mw-requests-panel{padding:16px}.mw-requests-panel h2{font-size:20px}.mw-annotation-panel{padding:10px}.mw-annotation-toolbar{gap:5px}.mw-annotation-toolbar button{padding:7px 8px}}

/* Request dialog header: no overlap between close control and title. */
.mw-requests-dialog .mw-requests-panel{padding-top:20px}
.mw-requests-dialog .mw-requests-panel h2{font-size:clamp(17px,4.2vw,23px)!important;line-height:1.3!important;white-space:nowrap!important;letter-spacing:-.5px;padding-inline:0 46px!important;margin:0 0 12px!important}
.mw-requests-dialog .mw-requests-panel>.close{position:absolute!important;left:12px!important;right:auto!important;top:12px!important;width:32px!important;height:32px!important;border:0!important;background:transparent!important;z-index:2}
@media(max-width:380px){.mw-requests-dialog .mw-requests-panel h2{font-size:16px!important}}

/* Newness is a neutral label, not a competing approval status. */
.swap-new-label{background:#e8edf0!important;color:#45565d!important;border:1px solid #b7c6c9!important;box-shadow:none!important}
.swap-unread{box-shadow:none!important}
.swap-unread.swap-status-rejected,.swap-unread.swap-status-cancelled,.swap-unread.swap-status-expired,.swap-unread.swap-status-withdrawn{border-color:#c95858!important;box-shadow:none!important}
.swap-unread.swap-status-approved{border-color:#4fa579!important;box-shadow:none!important}
.swap-unread.swap-status-pending{border-color:var(--border,#a8bcb4)!important;box-shadow:none!important}
.mw-badge-anchor{position:relative!important}
#mobileProfile .mw-new-count{position:absolute;top:-5px;right:-6px;min-width:18px;height:18px;border-radius:12px;background:#e94d59;color:white;font-size:11px;font-weight:800;display:grid;place-items:center;padding:0 3px;z-index:4}
#mobileProfile .mw-new-count[hidden]{display:none!important}

.mw-leave-cancel-picker{display:grid;gap:9px;padding:12px;margin-top:10px;border:1px solid var(--border,#b9d1c7);border-radius:12px}
.mw-leave-cancel-picker .mw-leave-cancel-day{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;background:var(--surface,#f5faf7);cursor:pointer}
.mw-leave-cancel-picker input[type=checkbox]{width:19px;height:19px;accent-color:#168263}
.mw-leave-cancel-actions{display:flex;gap:10px;flex-wrap:wrap}

/* Ensure closing reminder label stays entirely inside its card on desktop. */
.closing-week-card{min-width:0!important}
.closing-week-card .closing-remind{box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow-wrap:anywhere!important;white-space:normal!important;line-height:1.25!important;text-align:center!important;font-size:clamp(10px,1.05vw,13px)!important;padding:10px 5px!important;gap:4px!important}
.mw-bell-leave-section{display:grid;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--border,#aabcb5);margin-bottom:14px}
.mw-bell-leave-card{display:grid;gap:8px;padding:12px;border:1px solid var(--border,#aabcb5);border-radius:12px}
.mw-bell-leave-card p{margin:0;overflow-wrap:anywhere}
.mw-request-highlight{outline:2px solid #1b9976;outline-offset:3px}

/* MultiWork Avatar Studio: scalable original SVG portraits */
.mw-avatar{display:inline-flex;flex:none;width:36px;height:36px;overflow:hidden;border-radius:50%;vertical-align:middle;align-items:center;justify-content:center}
.mw-avatar svg{width:100%;height:100%;display:block}
.mw-avatar-host{display:inline-flex;align-items:center;justify-content:center}
.mw-personal-avatar .mw-avatar{width:70px;height:70px}
.mw-avatar-slot{display:inline-flex;vertical-align:middle;margin-inline-end:7px}
#account .mw-avatar-slot .mw-avatar,#mobileProfile .mw-avatar-slot .mw-avatar{width:27px;height:27px}
.mw-avatar-mini{width:27px;height:27px}
.mw-avatar-inline{display:inline-flex;align-items:center;gap:7px;vertical-align:middle}
.mw-avatar-dialog{border:1px solid var(--border,#bfd3c8);border-radius:24px;padding:0;width:min(940px,calc(100vw - 20px));max-height:94dvh;background:var(--surface,#fff);color:var(--ink,#193c31);overflow:auto}
.mw-avatar-dialog::backdrop{background:#001d17b8;backdrop-filter:blur(6px)}
.mw-avatar-studio{padding:24px;display:grid;gap:16px}
.mw-avatar-studio-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.mw-avatar-studio-head h2{font-size:clamp(22px,3vw,30px);margin:4px 0}
.mw-avatar-studio-head small{color:#3b927a;font-weight:700}
.mw-avatar-close{border:1px solid var(--border,#bfd3c8);border-radius:12px;background:transparent;color:inherit;width:42px;height:42px;font-size:30px;cursor:pointer}
.mw-avatar-studio-layout{display:grid;grid-template-columns:minmax(210px, .8fr) minmax(0,1.2fr);gap:20px;align-items:start}
.mw-avatar-preview-pane{border-radius:20px;padding:22px;background:color-mix(in srgb,var(--surface,#fff) 85%,#78b8a0);display:grid;justify-items:center;gap:12px}
.mw-avatar-preview{width:min(100%,260px);aspect-ratio:1}
.mw-avatar-preview svg{width:100%;height:100%;display:block;filter:drop-shadow(0 8px 12px #001a1518)}
.mw-avatar-preview-pane p{font-size:13px;opacity:.7;text-align:center;margin:0}
.mw-avatar-preview-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.mw-avatar-preview-actions button,.mw-avatar-tabs button,.mw-avatar-option,.mw-avatar-lock{font:inherit;border:1px solid var(--border,#bfd3c8);background:transparent;color:inherit;border-radius:12px;padding:9px 12px;cursor:pointer}
.mw-avatar-preview-actions button:first-child{background:#146e59;color:#fff;border-color:#146e59}
.mw-avatar-tabs{display:flex;gap:7px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:thin}
.mw-avatar-tabs button{white-space:nowrap;flex:none}
.mw-avatar-tabs button.active,.mw-avatar-option.active{border-color:#168368;background:#16836817;box-shadow:inset 0 0 0 1px #168368}
.mw-avatar-fields{display:grid;gap:16px;max-height:49dvh;overflow-y:auto;padding:2px}
.mw-avatar-field{display:grid;gap:8px}
.mw-avatar-field-head{display:flex;align-items:center;justify-content:space-between}
.mw-avatar-lock{font-size:12px;padding:5px 9px}
.mw-avatar-lock.active{background:#f1df9c;color:#4b3613}
.mw-avatar-choices{display:flex;gap:8px;flex-wrap:wrap}
.mw-avatar-option{min-height:42px;font-size:13px}
.mw-avatar-option.color{padding:5px;width:45px;height:45px;display:grid;place-items:center}
.mw-avatar-swatch{display:block;width:29px;height:29px;border-radius:9px;border:1px solid #0002}
.mw-avatar-studio-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--border,#bfd3c8);padding-top:16px}
.mw-avatar-studio-footer p{margin:0;font-size:13px;opacity:.8}
.mw-avatar-studio-footer button{padding:12px 24px}
.mw-avatar-animated .mw-avatar-eyes{transform-origin:120px 104px;animation:mwAvatarBlink 7s ease-in-out infinite}
.mw-avatar-animated .mw-avatar-mouth{animation:mwAvatarSmile 6s ease-in-out infinite;transform-origin:120px 140px}
@keyframes mwAvatarBlink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}
@keyframes mwAvatarSmile{0%,72%,100%{transform:scaleX(1)}82%{transform:scaleX(1.12)}}
@media(prefers-reduced-motion:reduce){.mw-avatar-animated .mw-avatar-eyes,.mw-avatar-animated .mw-avatar-mouth{animation:none}}
@media(max-width:680px){.mw-avatar-studio{padding:16px;gap:12px}.mw-avatar-studio-layout{grid-template-columns:1fr;gap:12px}.mw-avatar-preview-pane{padding:10px;grid-template-columns:100px 1fr;justify-items:start;align-items:center}.mw-avatar-preview{width:100px;grid-row:span 2}.mw-avatar-preview-pane p{text-align:start}.mw-avatar-preview-actions{justify-content:start}.mw-avatar-fields{max-height:33dvh}.mw-avatar-studio-footer button{white-space:nowrap;padding:10px}.mw-avatar-dialog{max-height:92dvh}}

/* Modal scroll containment: especially iOS standalone PWA. */
html:has(dialog[open]){overscroll-behavior:none}
body.mw-modal-locked{overflow:hidden!important;overscroll-behavior:none!important}
dialog[open]{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.mw-avatar-dialog[open]{display:flex;flex-direction:column;overflow:hidden!important;max-height:min(92dvh,calc(100dvh - 32px));}
.mw-avatar-studio{min-height:0;max-height:inherit;overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto}
.mw-avatar-studio-layout{min-height:0;overflow:hidden}
.mw-avatar-editor-pane{min-height:0;display:flex;flex-direction:column;overflow:hidden}
.mw-avatar-fields{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.mw-avatar-studio-footer{flex-shrink:0}
@media(max-width:680px){
 .mw-avatar-dialog[open]{height:min(92dvh,calc(100dvh - 28px));}
 .mw-avatar-studio{height:100%;display:flex;flex-direction:column;overflow:hidden}
 .mw-avatar-studio-layout{flex:1;display:flex;flex-direction:column;overflow:hidden}
 .mw-avatar-preview-pane{flex-shrink:0}
 .mw-avatar-editor-pane{flex:1;min-height:0}
 .mw-avatar-tabs{flex-shrink:0}
 .mw-avatar-fields{flex:1;max-height:none!important}
 .mw-avatar-studio-footer{margin-top:auto}
}

/* v79: allow the entire avatar sheet to scroll, avoiding cropped top/bottom on iPhone. */
@media(max-width:680px){
 .mw-avatar-dialog[open]{
  display:block!important;
  height:auto!important;
  max-height:calc(100dvh - 28px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:0!important;
 }
 .mw-avatar-dialog .mw-avatar-studio{
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  overflow:visible!important;
  padding:0 16px 16px!important;
 }
 .mw-avatar-dialog .mw-avatar-studio-head{
  position:sticky;top:0;z-index:5;
  padding:16px 0 12px;
  background:var(--surface,#fff);
 }
 .mw-avatar-dialog .mw-avatar-studio-layout{
  display:flex!important;flex-direction:column!important;
  flex:none!important;overflow:visible!important;
  min-height:0!important;gap:14px;
 }
 .mw-avatar-dialog .mw-avatar-editor-pane{
  display:flex!important;flex-direction:column!important;
  overflow:visible!important;flex:none!important;
 }
 .mw-avatar-dialog .mw-avatar-fields{
  flex:none!important;max-height:none!important;
  overflow:visible!important;
 }
 .mw-avatar-dialog .mw-avatar-studio-footer{
  position:sticky;bottom:0;z-index:5;
  margin:0!important;padding:12px 0 4px;
  background:var(--surface,#fff);
 }
}

/* User-controlled PWA updates, no surprise page reloads. */
.mw-update-notice{position:fixed;z-index:999999;bottom:calc(78px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(440px,calc(100vw - 24px));padding:12px;border-radius:16px;background:var(--surface,#fff);color:var(--ink,#193c31);border:1px solid var(--border,#bfd3c8);box-shadow:0 12px 38px #001c1660;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:13px}
.mw-update-notice button{border:1px solid #18846b;background:#18846b;color:white;border-radius:10px;padding:8px 10px;font:inherit;cursor:pointer}
.mw-update-notice button:last-child{background:transparent;color:inherit;border-color:var(--border,#bfd3c8)}

/* v81: one bounded modal with independently scrollable avatar controls.
   Overrides older v78/v79 rules that let the editor expand beyond the viewport. */
@media(max-width:680px){
 #mwAvatarDialog.mw-avatar-dialog[open]{
  display:block!important;box-sizing:border-box!important;
  width:calc(100vw - 20px)!important;
  height:calc(100dvh - 44px)!important;
  max-height:calc(100dvh - 44px)!important;
  overflow:hidden!important;padding:0!important;
  margin:auto!important;
 }
 #mwAvatarDialog .mw-avatar-studio{
  display:flex!important;flex-direction:column!important;
  box-sizing:border-box!important;height:100%!important;
  max-height:100%!important;overflow:hidden!important;
  padding:0 14px 12px!important;gap:8px!important;
 }
 #mwAvatarDialog .mw-avatar-studio-head{
  position:relative!important;top:auto!important;
  flex:0 0 auto!important;padding:12px 0 8px!important;
 }
 #mwAvatarDialog .mw-avatar-studio-layout{
  display:flex!important;flex-direction:column!important;
  flex:1 1 0!important;min-height:0!important;
  overflow:hidden!important;gap:8px!important;
 }
 #mwAvatarDialog .mw-avatar-preview-pane{
  display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;
  flex:0 0 auto!important;min-height:0!important;
  padding:8px!important;gap:6px!important;
 }
 #mwAvatarDialog .mw-avatar-preview{width:88px!important;grid-row:span 2!important}
 #mwAvatarDialog .mw-avatar-editor-pane{
  display:flex!important;flex-direction:column!important;
  flex:1 1 0!important;min-height:0!important;
  overflow:hidden!important;
 }
 #mwAvatarDialog .mw-avatar-tabs{
  flex:0 0 auto!important;min-height:0!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  padding:5px 0 8px!important;
 }
 #mwAvatarDialog .mw-avatar-fields{
  display:block!important;flex:1 1 0!important;
  min-height:0!important;max-height:none!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  padding:6px 2px 18px!important;
 }
 #mwAvatarDialog .mw-avatar-field{margin-bottom:12px!important}
 #mwAvatarDialog .mw-avatar-studio-footer{
  position:relative!important;bottom:auto!important;
  flex:0 0 auto!important;margin:0!important;
  padding:8px 0 0!important;
 }
}

/* v82: prevent horizontal overflow of Avatar Studio on narrow iPhones. */
#mwAvatarDialog,#mwAvatarDialog *{box-sizing:border-box}
#mwAvatarDialog .mw-avatar-studio,
#mwAvatarDialog .mw-avatar-studio-layout,
#mwAvatarDialog .mw-avatar-editor-pane,
#mwAvatarDialog .mw-avatar-fields,
#mwAvatarDialog .mw-avatar-field,
#mwAvatarDialog .mw-avatar-choices,
#mwAvatarDialog .mw-avatar-preview-pane,
#mwAvatarDialog .mw-avatar-studio-head,
#mwAvatarDialog .mw-avatar-studio-footer{min-width:0;max-width:100%}
#mwAvatarDialog .mw-avatar-studio-head>div{min-width:0;overflow-wrap:anywhere}
#mwAvatarDialog .mw-avatar-choices{flex-wrap:wrap;justify-content:flex-start;overflow-x:hidden}
#mwAvatarDialog .mw-avatar-field-head{min-width:0;gap:8px}
#mwAvatarDialog .mw-avatar-field-head strong{min-width:0;overflow-wrap:anywhere}
#mwAvatarDialog .mw-avatar-lock{flex-shrink:0}
@media(max-width:680px){
 #mwAvatarDialog.mw-avatar-dialog[open]{
  width:calc(100% - 24px)!important;
  max-width:calc(100% - 24px)!important;
  left:0!important;right:0!important;
  margin:auto!important;
 }
 #mwAvatarDialog .mw-avatar-studio{
  width:100%!important;
  padding-inline:12px!important;
  overflow:hidden!important;
 }
 #mwAvatarDialog .mw-avatar-studio-layout,
 #mwAvatarDialog .mw-avatar-editor-pane,
 #mwAvatarDialog .mw-avatar-fields{width:100%!important}
 #mwAvatarDialog .mw-avatar-tabs{
  width:100%!important;max-width:100%!important;
  white-space:nowrap;overscroll-behavior-x:contain;
 }
 #mwAvatarDialog .mw-avatar-preview-pane{
  width:100%!important;
  grid-template-columns:80px minmax(0,1fr)!important;
 }
 #mwAvatarDialog .mw-avatar-preview{width:80px!important}
 #mwAvatarDialog .mw-avatar-preview-actions{min-width:0;max-width:100%;flex-wrap:wrap}
 #mwAvatarDialog .mw-avatar-studio-footer{width:100%!important}
}

/* v83: prevent guest landing screen flash while /api/me restores the session. */
html.mw-booting body>header,html.mw-booting body>main,html.mw-booting body>.mobile-bottom-nav{visibility:hidden!important}
html.mw-booting{background:#062b23}
@media(max-width:680px){
 #mwAvatarDialog .mw-avatar-studio-head{
  background:#062b23!important;color:#fff!important;
  margin-inline:-12px!important;
  padding:12px 14px!important;
  width:calc(100% + 24px)!important;
  max-width:none!important;
  border-radius:0!important;
  flex-shrink:0!important;
 }
 #mwAvatarDialog .mw-avatar-studio-head>div{min-width:0!important;flex:1!important}
 #mwAvatarDialog .mw-avatar-studio-head h2{font-size:clamp(19px,5.2vw,26px)!important;line-height:1.2!important}
 #mwAvatarDialog .mw-avatar-studio-head small{font-size:12px!important}
 #mwAvatarDialog .mw-avatar-close{flex:0 0 42px!important;color:white!important;border-color:#ffffff66!important}
}

/* One-time Avatar Studio announcement */
.mw-avatar-announcement{box-sizing:border-box;width:min(430px,calc(100vw - 32px));max-width:calc(100vw - 32px);border:1px solid #c4ded4;border-radius:24px;padding:26px 22px;background:var(--surface,#fff);color:var(--ink,#17352e);box-shadow:0 20px 60px #001a1455;text-align:center;direction:rtl}
.mw-avatar-announcement::backdrop{background:#001d17a8;backdrop-filter:blur(5px)}
.mw-avatar-announcement h2{font-size:clamp(21px,5vw,27px);margin:0 0 12px}
.mw-avatar-announcement p{font-size:15px;line-height:1.75;margin:0 0 22px}
.mw-avatar-announcement-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.mw-avatar-announcement-actions button{flex:1 1 140px;min-height:46px;border-radius:12px;padding:10px 14px;cursor:pointer}

/* Illustrated Avatar Studio launch card */
.mw-avatar-announcement-art{width:100%;margin:0 0 18px;border-radius:20px;overflow:hidden;line-height:0}
.mw-avatar-announcement-art svg{display:block;width:100%;height:auto;max-height:184px}
@media(max-height:650px){.mw-avatar-announcement{max-height:calc(100dvh - 32px);overflow-y:auto}.mw-avatar-announcement-art svg{max-height:125px}}
@media(prefers-reduced-motion:no-preference){.mw-avatar-announcement-art svg{animation:mwAvatarLaunchIn .45s ease-out both}@keyframes mwAvatarLaunchIn{from{opacity:0;transform:translateY(9px) scale(.97)}to{opacity:1;transform:none}}}

/* Calendar subscriptions in the personal area */
#mwCalendarSettings .mw-calendar-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
#mwCalendarSettings .mw-calendar-actions>*{flex:1 1 150px;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:11px 12px;border:1px solid var(--border,#bfd3c8);border-radius:12px;background:var(--surface,#fff);color:inherit;text-decoration:none;font:inherit;font-size:13px;cursor:pointer}
#mwCalendarSettings .mw-calendar-actions>*:first-child{background:#168368;color:#fff;border-color:#168368}
#mwCalendarSettings .mw-calendar-actions>*[hidden]{display:none!important}
#mwCalendarLinkPanel{margin-top:14px;padding:12px;border:1px solid var(--border,#bfd3c8);border-radius:14px}
#mwCalendarLinkPanel[hidden]{display:none!important}
#mwCalendarLink{width:100%;box-sizing:border-box;direction:ltr;text-align:left;border-radius:10px;padding:11px;font-size:12px;min-width:0}
#mwCalendarStatus{min-height:20px}