/* Atlas / private edition. Typography, proportion and rule-based hierarchy. */
:root{--bg:#f6f3eb;--paper:#fffdf8;--ink:#173b3b;--muted:#65716a;--line:#deded2;--orange:#a78450;--sage:#edf0e7;--shadow:none}
body{font-family:'Avenir Next','Segoe UI',sans-serif;font-size:14px;background:var(--bg)}
.sidebar{background:#edece2;padding:30px 22px;border-right:1px solid #d6d8c9;width:236px}.layout{grid-template-columns:236px minmax(0,1fr)}
.brand{height:66px;overflow:hidden;width:182px;position:relative}.brand img{position:absolute;width:270px;height:auto;max-width:none;left:-47px;top:-37px}.subtitle{font-size:9px;letter-spacing:2.6px;margin-top:9px;margin-bottom:28px}
.nav{gap:3px}.nav button{border-radius:4px;min-height:46px;font-size:13px}.nav button.active{background:#173b3b;box-shadow:inset 3px 0 #bba475}.nav button svg{width:17px;height:17px}
.workspace{padding:0 48px 40px;max-width:1480px}.topbar{height:84px;border-color:#d7dbcf}.demo{background:none;border:0;font-size:9px;letter-spacing:.5px}.button{border-radius:5px;letter-spacing:.1px;min-height:44px}.button.secondary{background:transparent;border-color:#d0d6c8}.iconbtn{border-radius:5px;background:transparent}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,3.4vw,48px);font-weight:400;letter-spacing:-1.4px;line-height:1.13}h2{font-size:17px;font-weight:600;letter-spacing:-.3px}.intro{margin:38px 0 32px}.intro .label{font-size:9px;letter-spacing:2.2px;margin-bottom:13px}.intro p{max-width:510px;font-size:13px}.datepill{font-size:11px}.card{border-radius:7px;padding:25px;border:1px solid var(--line);box-shadow:none}.card.dark{background:#173b3b}.card.dark:after{display:none}.metric{font-family:Georgia,serif;font-size:34px;letter-spacing:-1.4px;font-weight:400}.metric .money{font-variant-numeric:lining-nums tabular-nums}.cards{gap:15px}.cardhead{padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:7px}.dark .cardhead{border-color:#ffffff22}.insight{background:none;border:0;border-left:2px solid #a58b5d;border-radius:0;padding:8px 16px;margin:24px 0}.insight svg{display:none}.insight p{font-size:12px}.area{border-radius:5px;background:transparent;min-height:120px}.area:hover{background:#eeeee3}.area strong{font-weight:600}.tabs{gap:0;border-bottom:1px solid var(--line);padding-bottom:0}.tabs button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px;padding:11px 16px}.tabs button.selected{background:transparent;color:var(--ink);border-bottom-color:var(--ink);font-weight:650}.search{background:#fffdf8;border-radius:5px}.empty{padding:48px 16px;line-height:1.8;font-size:12px}.empty:before{content:'—';display:block;color:#9b8b6b;font:32px Georgia,serif;margin-bottom:8px}.event{background:#f0f1e8;border-radius:0 4px 4px 0}.day{border-radius:4px;background:transparent}.day.selected{background:var(--ink)}.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:24px 0;font-size:10px;border-top:1px solid var(--line);margin-top:30px}.credit{letter-spacing:.2px;color:#667267}.credit strong{font-weight:650;color:var(--ink)}.sidearea{margin-top:24px}.profile{padding-top:18px}.connection-link{margin-top:16px;display:flex;gap:10px;align-items:center;min-height:44px;font-size:12px;color:var(--ink);padding:10px 14px;border-top:1px solid #d7dbcf}.connection-link svg{width:16px}.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.connection-card{display:flex;flex-direction:column;gap:15px}.provider-line{display:flex;align-items:center;gap:12px}.provider-mark{font:28px Georgia,serif;display:grid;place-items:center;background:#efeee3;width:48px;height:48px;border:1px solid #dadcca;border-radius:5px}.connection-card p{font-size:12px;line-height:1.8;color:var(--muted)}.connection-card .status-tag{font-size:10px;display:inline-block;border:1px solid #dcd8c7;border-radius:3px;padding:4px 7px;align-self:flex-start;color:#776342}.connection-card details{font-size:12px;line-height:1.8;color:var(--muted)}.connection-card summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--ink)}.connection-card .button{align-self:flex-start;margin-top:auto}.notice{border-radius:3px;background:#f0efe5;line-height:1.8}.mail-empty{padding:40px 10px;text-align:center}.mail-empty h2{font:30px Georgia,serif;margin:16px 0}.mail-empty p{max-width:400px;margin:0 auto 22px;font-size:13px;color:var(--muted);line-height:1.8}
@media(min-width:901px){.screen{padding-top:1px}.sidearea .label{font-size:9px}.connection-link.active{font-weight:650}}
@media(max-width:1100px) and (min-width:901px){.workspace{padding:0 28px 35px}.cards .metric{font-size:27px}}
@media(max-width:900px){.layout{display:block}.workspace{padding:0 20px 110px}.sidebar{display:none}.topbar{height:77px}.brand.mobilebrand{display:block;width:122px;height:48px;flex-shrink:0}.mobilebrand img{width:200px;left:-40px;top:-30px}.toptools{gap:6px}.toptools .demo{display:none}.intro{margin:28px 0 24px;display:block}.intro .datepill{margin-top:15px;display:flex}.intro h1{font-size:36px}.intro .label{font-size:8px}.card{padding:20px}.cards{gap:10px}.cards .metric{font-size:30px}.layout2{margin-top:18px;gap:16px}.bottomnav{background:#f6f3ebf5;border-top:1px solid #cfd6c8;padding:5px 6px max(7px,env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.bottomnav button{font-size:9px;gap:5px}.bottomnav button.active{color:#173b3b;background:#e8eadf;border-radius:4px}.bottomnav svg{width:18px;height:18px}.fab{bottom:calc(76px + env(safe-area-inset-bottom));right:20px;border-radius:8px;width:48px;height:48px;background:#173b3b;box-shadow:0 4px 12px #173b3b1a}.footer{padding:20px 0 12px;display:grid;gap:12px}.connection-grid{grid-template-columns:1fr}.connection-card{padding:22px}.tabs button{padding:10px 11px;font-size:11px}.area{padding:16px}.area-grid{gap:10px}.connection-shortcut{display:grid}.topbar .iconbtn{width:38px;height:38px}}
@media(prefers-reduced-motion:no-preference){.screen{animation:arrive .22s ease-out}@keyframes arrive{from{opacity:.8;transform:translateY(3px)}to{opacity:1;transform:none}}}

@media(max-width:900px){.bottomnav{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* Stable logo + scrollable navigation on short screens. Keep branding uncompressed. */
@media(min-width:901px){
 .sidebar{height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;padding-top:20px;padding-bottom:20px}
 .sidebar>*{flex-shrink:0}
 .sidebar .brand{height:66px;min-height:66px;flex:0 0 66px}
 .sidebar .subtitle{margin-bottom:20px}
 .sidebar .nav button{min-height:44px;padding-top:10px;padding-bottom:10px}
 .sidebar .sidearea{margin-top:20px}
 .sidebar .profile{margin-top:20px;padding-bottom:4px}
}
@media(max-width:900px){
 .bottomnav{grid-template-columns:repeat(6,minmax(0,1fr));padding-bottom:max(10px,env(safe-area-inset-bottom));min-height:66px}
 .bottomnav button{min-width:0;min-height:48px;font-size:10px;line-height:1.2;padding:4px 1px}
 .workspace{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
}

@media(min-width:901px){
 .sidebar{overflow:hidden}
 .sidebar .sidebar-scroll{min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aeb9ac transparent;padding-bottom:8px}
 .sidebar .profile{flex-shrink:0;margin-top:12px;padding-top:12px}
 .sidebar .subtitle{flex-shrink:0}
 .sidebar .connection-link{width:100%;text-align:left;margin-bottom:8px}
}
/* Kit Atlas — responsive workspace, September 2026. */
:root{--bg:#f7f4ed;--paper:#fffdf8;--ink:#302e29;--muted:#756e62;--line:#e5ded0;--orange:#95611d;--sage:#f1ecdf;--green:#347052}
body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.layout{grid-template-columns:252px minmax(0,1fr)}
.sidebar{width:252px;background:#fbf6ea;border-color:var(--line);padding:24px 20px 18px;gap:0}
.brand,.sidebar .brand{position:static;overflow:visible;width:100%;height:72px;min-height:72px;flex:0 0 72px;display:flex;align-items:center}
.brand img,.mobilebrand img{position:static;display:block;width:100%;height:100%;object-fit:contain;max-width:100%}
.subtitle{color:#8b704a;letter-spacing:1.8px;font-size:9px;text-align:center;margin:8px 0 26px!important}
.nav-section{font-size:9px;letter-spacing:1.7px;color:#8a8071;padding:0 14px;margin:0 0 10px;font-weight:700}
.nav{gap:5px}.nav button{border-radius:9px;color:#756b5e;min-height:46px;padding:11px 14px}.nav button.active{background:#efe4cf;color:#6b461a;box-shadow:inset 3px 0 #95611d;font-weight:650}.nav button:hover:not(.active){background:#f3ecde}
.sidebar .sidearea{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.sidearea button{min-height:44px;border-radius:8px}.sidearea button:hover{background:#f1e9da}.sidebar .connection-link{border-color:var(--line);color:#6d5c43;min-height:48px}.profile{border-color:var(--line)}.avatar{background:#ede1c9;color:#785322}.profile small{font-size:10px}
.workspace{max-width:1660px;padding:0 clamp(24px,3vw,56px) 32px}.topbar{height:84px;border-color:var(--line)}.breadcrumb{color:var(--muted)}.breadcrumb b{color:var(--ink)}.iconbtn{border-color:#ded5c4;border-radius:9px;min-height:44px;min-width:44px}.button{border-radius:9px;background:#302e29;min-height:44px}.button.secondary{border-color:#ddd2bf;background:#fffdf8}.button:hover{filter:brightness(.95)}.demo{color:#736958;font-size:9px}.toptools{gap:10px}
.intro{margin:34px 0 26px}.intro h1{font-size:clamp(32px,3.1vw,46px);letter-spacing:-1.2px;color:#302e29}.intro .label{color:#94703b;font-weight:650;font-size:9px;letter-spacing:2px}.intro p{line-height:1.7}.datepill{color:#8d7553}
.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border-radius:14px;padding:24px;border-color:var(--line);background:var(--paper)}.card.dark{background:#34312a;border-color:#34312a}.card.dark small,.card.dark .muted{color:#ded1b9}.card.dark .row>svg{color:#d8b372}.metric{font-size:clamp(27px,2.6vw,38px);line-height:1.25;margin:15px 0 9px;letter-spacing:-1px}.metric .money{overflow-wrap:anywhere}.cardhead{padding-bottom:16px;margin-bottom:5px}.cardhead button{min-height:44px;padding:7px 0}.cardhead h2{font-size:16px}.layout2{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:22px;margin-top:22px}.stack{gap:22px}.insight{background:#efe9dc;border:1px solid #e6dbc6;border-left:3px solid #b58c4b;border-radius:8px;padding:14px 18px;margin:20px 0}.insight p{line-height:1.7}.area{background:var(--paper);border-radius:12px;min-height:126px}.area:hover{background:#f5efdf;border-color:#bea776}.area-grid{gap:14px}.taskrow,.tx{padding:17px 0}.check{min-width:36px;min-height:44px}.tasktext strong,.txbody strong{font-size:14px}.pill{padding:5px 8px}.empty{padding:38px 16px}.tabs{gap:4px}.tabs button{min-height:44px}.tabs button.selected{color:#79541e;border-bottom-color:#95611d}.tabs button:hover{background:#f4ecdc}.search{min-height:46px;border-radius:8px}.event{background:#f2eee4;border-left-color:#b89e71}.day{border-radius:9px;min-height:68px}.day.selected{background:#34312a}.bar{background:#77907c}.bar.expense{background:#c5a06c}.progress div{background:#ab8753}.notice{background:#f3eee2;border-color:#d7c8ac;border-radius:9px}.connection-grid{gap:20px}.connection-card{gap:16px}.provider-mark{background:#efe6d4;border-color:#e2d4bc;color:#876026;border-radius:10px}.connection-card .status-tag{color:#715b39}.footer{line-height:1.8;padding:24px 0 16px;color:var(--muted)}.credit strong{color:#6b4b23}.footer button{min-height:44px}.amount{font-size:13px}
dialog{background:var(--paper);border:1px solid var(--line);max-height:calc(100dvh - 32px);overflow-y:auto;border-radius:18px}dialog::backdrop{background:#26221c77}.dialoghead{position:sticky;top:0;background:var(--paper);z-index:1;padding:18px 22px;border-bottom:1px solid var(--line)}.dialogbody{padding:8px 22px 24px}.close,#extra-close{min-height:44px;min-width:44px}.dialogbody input,.dialogbody select,.extra-fields input,.extra-fields select,.extra-fields textarea{font-size:16px;min-height:46px;border-color:#d9ceba;border-radius:8px}.dialogbody label{line-height:1.5}.toast{background:#302e29}.connection-shortcut{font-size:18px}
@media(min-width:901px){.sidebar{height:100dvh;overflow:hidden}.sidebar .sidebar-scroll{flex:1 1 auto;min-height:0;overflow:auto;scrollbar-width:thin;padding-right:3px}.sidebar .profile{margin-top:16px;padding-top:16px}.mobilebrand{display:none}}
@media(min-width:901px) and (max-width:1180px){.layout{grid-template-columns:218px minmax(0,1fr)}.sidebar{width:218px;padding:20px 16px}.workspace{padding:0 24px 30px}.card{padding:20px}.layout2{grid-template-columns:1fr}.cards{gap:12px}.cards .metric{font-size:27px}.connection-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.layout{display:block}.workspace{padding:0 20px calc(120px + env(safe-area-inset-bottom));width:100%}.sidebar{display:none}.topbar{height:80px;position:sticky;top:0;z-index:8;background:#f7f4edf5;backdrop-filter:blur(12px)}.brand.mobilebrand{display:flex;position:static;width:138px;height:56px;min-height:56px;flex:0 0 138px}.mobilebrand img{width:100%;height:100%;object-fit:contain}.toptools{gap:8px}.topbar .iconbtn{width:44px;height:44px}.intro{margin:26px 0 23px}.intro h1{font-size:36px}.intro p{font-size:13px;max-width:unset}.intro .datepill{margin-top:14px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cards .card:first-child{grid-column:1/-1}.cards .card{padding:20px}.cards .card:not(.dark) .metric .money{font-size:clamp(17px,4.5vw,28px);white-space:normal}.cards .metric{font-size:29px}.cards .dark .metric{font-size:36px}.layout2{grid-template-columns:1fr;gap:18px}.stack{gap:18px}.card{padding:20px;border-radius:13px}.area-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.area{padding:18px}.connection-grid{grid-template-columns:1fr}.bottomnav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:7px 6px max(10px,env(safe-area-inset-bottom));background:#fbf8f1fa;border-color:#ded2bb;min-height:74px;backdrop-filter:blur(14px)}.bottomnav button{font-size:10px;line-height:1.2;gap:5px;min-width:0;min-height:52px;border-radius:9px;padding:5px 1px;color:#726958}.bottomnav button.active{color:#79521d;background:#eee2cb}.bottomnav svg{width:20px;height:20px}.fab{bottom:calc(92px + env(safe-area-inset-bottom));width:50px;height:50px;right:20px;background:#795322;border-radius:15px;box-shadow:0 5px 18px #5e461a25}.footer{padding-right:62px}.toast{bottom:calc(154px + env(safe-area-inset-bottom))}.tabs{flex-wrap:wrap;row-gap:3px}.tabs button{padding:10px 12px}.formrow{gap:10px}dialog{margin:auto auto 0;width:100%;border-radius:20px 20px 0 0;max-height:calc(100dvh - 16px)}.dialogbody{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.weekbar strong{font-size:12px}.day{min-height:60px}}
@media(max-width:374px){.workspace{padding-left:14px;padding-right:14px}.brand.mobilebrand{width:122px;flex-basis:122px}.toptools{gap:5px}.card,.cards .card{padding:16px}.intro h1{font-size:32px}.bottomnav button{font-size:9px}.amount{white-space:normal;overflow-wrap:anywhere;max-width:105px}.cardhead{gap:8px}.cardhead h2{font-size:15px}.tabs button{padding:10px}.formrow{grid-template-columns:1fr}}