/* Flatnatik: familiar calendar layout with a brighter shared-home identity. */
:root{--brand-ink:#183832;--brand-pop:#d76348;--brand-lime:#d7ef81;--green:#246d59;--green-dark:#194f41;--green-soft:#e8f4e7;--bg:#f8f8f2;--line:#e5ebe3}
.brand,.auth-brand{font-weight:850;letter-spacing:-.06em;color:var(--brand-ink)}
.brand-accent,.auth-brand .brand-accent{color:var(--brand-pop)}
.brand-mark,.auth-brand .brand-mark{position:relative;display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:11px;background:var(--brand-ink);color:var(--brand-lime);font-size:28px;font-weight:900;font-style:italic;letter-spacing:-.12em;line-height:1;box-shadow:0 6px 13px #1838321f}
body .brand .brand-mark,body .auth-brand .brand-mark{background:var(--brand-ink);color:var(--brand-lime)}
.brand-mark>span{position:absolute;right:3px;top:2px;color:#ff9877;font-size:11px;font-style:normal;letter-spacing:0}
.auth-brand{gap:0;font-size:26px;line-height:1}
.auth-brand .brand-mark{margin-right:10px}
.auth-brand>span:last-child{margin-left:0;color:var(--brand-pop)}
.auth-screen{background:radial-gradient(circle at 15% 17%,#def5cc 0,transparent 31%),radial-gradient(circle at 88% 82%,#ffe9d7 0,transparent 33%),#f8f8f2}
.auth-card{border-color:#dde7d8;box-shadow:0 28px 75px #244a3520}
.auth-card h1{color:var(--brand-ink)}
.auth-card .remember-row{display:flex;align-items:center;gap:10px;margin-top:10px;font-weight:700;cursor:pointer}
.remember-row input{width:18px;min-height:18px;accent-color:var(--green);margin:0;flex:none}
.remember-row span{font-size:13px}.remember-row small{display:block;font-weight:400;color:#71867b;font-size:11px;margin-top:2px}
.sidebar{background:#fbfcf7}.brand{font-size:21px}.brand-mark{margin-right:1px}
.page-intro h1,.auth-card h1{letter-spacing:-.045em}
.button-primary{box-shadow:0 7px 16px #246d592c}
.dashboard-page .page-intro{position:relative;overflow:hidden;isolation:isolate;align-items:center;padding:25px 28px;border-radius:20px;background:radial-gradient(circle at 85% -25%,#385f40 0,transparent 35%),linear-gradient(115deg,#183832,#255a48);box-shadow:0 16px 31px #1838321a}
.dashboard-page .page-intro:after{content:"✦";position:absolute;right:21%;top:-47px;color:#e5f59d;font-size:185px;font-weight:400;line-height:1;opacity:.16;z-index:-1;transform:rotate(-13deg)}
.dashboard-page .page-intro h1{color:#f9fcf2}.dashboard-page .page-intro .eyebrow{color:var(--brand-lime)}.dashboard-page .page-intro .intro-copy{color:#d3e5d9}
.dashboard-page .page-intro .button-secondary{border-color:#9dbfaf;background:#f9fff1;color:#1c5440}
.notification-device{background:#f3f8ef;border:1px solid #e1ebdb;border-radius:12px;padding:13px;margin:11px 0 15px}
.notification-device strong{font-size:12px}.notification-device p{font-size:11px;line-height:1.5;color:#5d7567;margin:6px 0 12px}.notification-device-actions{display:flex;gap:7px;flex-wrap:wrap}.notification-device .button{height:34px;padding:0 10px}
@media(max-width:740px){.auth-card{max-width:430px}.notification-device-actions .button{flex:1}.dashboard-page .page-intro{padding:22px 20px}.dashboard-page .page-intro:after{right:-5px;top:-15px;font-size:130px}.dashboard-page .intro-actions{position:relative;right:auto;bottom:auto;margin-top:16px}.dashboard-page .page-intro .button-secondary{height:35px}}