/* One quiet wordmark across the workspace and sign-in. */
.shell .topbar{width:auto;max-width:none;margin:14px 32px 0;justify-content:space-between;gap:16px}
.social-pop-header{display:flex;align-items:center;flex:none;min-height:44px;padding:0;border:0;background:none;color:#24272e;font-family:inherit;font-size:21px;font-weight:680;letter-spacing:-1px;cursor:pointer}
.social-pop-header:focus-visible{outline:2px solid #678ce5;outline-offset:5px;border-radius:5px}
/* Product motion: one continuous arrival, no optical overlays or letter effects. */
.auth-stage{display:flex!important;flex-direction:column;justify-content:center;gap:36px!important;padding:64px 24px!important;background:#f5f5f7!important;overflow-x:clip}
.auth-stage .auth-aurora{display:none}
.social-pop-auth-brand{text-align:center;flex:none;position:relative;max-width:100%;color:#1d1d1f;animation:brand-arrive 1.05s cubic-bezier(.16,1,.3,1) both}
.social-pop-kinetic{display:block;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;font-size:clamp(44px,5.5vw,64px);line-height:1.12;letter-spacing:-.055em;font-weight:650;padding:0 .12em;white-space:nowrap}
.social-pop-wordmark{display:block}
.social-pop-auth-brand p{margin:14px 0 0;font-size:15px;line-height:1.5;letter-spacing:-.015em;color:#6e6e73}
.auth-stage .login{max-width:420px;padding:36px!important;border:1px solid #e8e8ed!important;border-radius:24px!important;background:#fff!important;box-shadow:0 12px 36px #00000005!important;backdrop-filter:none;-webkit-backdrop-filter:none;animation:sign-in-arrive 1.05s cubic-bezier(.16,1,.3,1) both}
.auth-stage .login h2{font-size:24px!important;font-weight:600!important;letter-spacing:-.65px;margin:0 0 8px!important;color:#1d1d1f}.auth-stage .login>.subtitle{font-size:14px;margin-bottom:28px;letter-spacing:-.15px;color:#6e6e73}.auth-stage .login>.tiny{font-size:11px;line-height:1.55;color:#86868b;margin-top:24px}
.auth-stage .login .field{font-size:12px;color:#6e6e73;gap:7px;margin-bottom:18px}.auth-stage .login input{height:54px;background:#fff;border:1px solid #d2d2d7;border-radius:12px;color:#1d1d1f;box-shadow:none;padding:14px 16px;transition:border-color .16s,box-shadow .16s}
.auth-stage #auth-form .btn.primary{background:#0071e3!important;color:#fff;border:0;box-shadow:none!important;border-radius:12px;min-height:50px;font-size:16px;font-weight:500;transition:background .18s,transform .18s}
.auth-stage #auth-form .btn.primary:hover{background:#0077ed!important}.auth-stage #auth-form .btn.primary:active{transform:scale(.985)}.auth-stage #auth-form input:focus{border-color:#0071e3;outline:0;box-shadow:0 0 0 3px #0071e329}
.auth-stage .auth-actions{margin-top:18px}.auth-stage .auth-actions .btn{color:#0066cc;font-size:13px;background:none;box-shadow:none;border:0}
@keyframes brand-arrive{from{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:none}}
@keyframes sign-in-arrive{from{transform:translateY(24px) scale(.985)}to{transform:none}}
@media(max-width:760px){.shell .topbar{margin:10px 16px 0;gap:8px}.social-pop-header{font-size:18px;letter-spacing:-.7px}.account-header{gap:4px}.account-header .client-view-picker>summary{padding:0;width:36px;min-width:36px}.account-header .client-view-picker>summary>span,.account-header .client-view-chevron{display:none}.auth-stage{gap:24px!important;padding:32px 18px!important}.auth-stage .login{padding:26px 24px!important}.social-pop-auth-brand p{margin-top:8px;font-size:11px}}
@media(max-width:360px){.social-pop-header{font-size:16px}.shell .topbar{margin-inline:12px}.account-header{gap:1px}}
@media(prefers-reduced-motion:reduce){.social-pop-auth-brand,.auth-stage .login{animation:none!important;transform:none;opacity:1}}
@media(prefers-reduced-transparency:reduce){.auth-stage .login{background:#fff!important}.social-pop-lens{display:none}}

/* Release 86: a full-scale typographic title sequence, beside an independent login. */
.auth-stage{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(360px,1fr)!important;min-height:100svh;gap:0!important;padding:0!important;background:#fafafa!important;align-items:center;overflow:hidden}
.social-pop-auth-brand{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;min-height:100svh;width:100%;max-width:none;box-sizing:border-box;padding:40px 48px 32px;overflow:clip;isolation:isolate;position:relative;text-align:left;background:#141518;color:#f5f4f0;animation:none!important}
.cinema-atmosphere{position:absolute;inset:-30%;z-index:-1;background:radial-gradient(ellipse at 30% 45%,#63738538,transparent 50%),radial-gradient(ellipse at 70% 65%,#a9a0951c,transparent 50%);animation:cinema-light 4.2s cubic-bezier(.2,.7,.2,1) both;pointer-events:none}
.cinema-meta,.cinema-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:2}.cinema-meta{font:500 10px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.15em;color:#bfc1c7}.cinema-meta span:last-child{color:#898c95}
.cinema-title{width:100%;padding:7vh 0 9vh;perspective:1000px;animation:cinema-frame 3.6s cubic-bezier(.16,1,.3,1) both;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.cinema-social-mask,.cinema-pop-mask{overflow:hidden;padding-right:20px}
.cinema-social{display:block;font-size:clamp(88px,12vw,210px);font-weight:200;letter-spacing:-.055em;line-height:1.06;animation:cinema-social 2s cubic-bezier(.18,.85,.2,1) .12s both}
.cinema-pop{display:flex;align-items:baseline;font-size:clamp(155px,21.7vw,375px);line-height:.94;font-weight:800;letter-spacing:-.065em;margin-left:-.025em;padding-bottom:.13em;padding-right:.12em}
.cinema-pop i{font-style:normal;display:block;animation:cinema-pop 2.3s cubic-bezier(.12,.9,.2,1) .48s both;transform-origin:50% 100%}.cinema-pop i:nth-child(2){animation-delay:.61s}.cinema-pop i:nth-child(3){animation-delay:.74s}
.cinema-footer{border-top:1px solid #ffffff24;padding-top:22px;font-size:12px;letter-spacing:.005em;color:#9b9da5}.cinema-footer button{display:flex;gap:7px;align-items:center;min-height:44px;padding:0 4px;color:#d9dbe0;background:none;border:0;cursor:pointer;font:inherit}.cinema-footer button:hover{color:#fff}.cinema-footer button:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:4px}
.auth-stage .login{width:calc(100% - 80px);max-width:360px;padding:0!important;justify-self:center;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;animation:none!important}
.auth-stage .login h2{text-align:left;font-size:32px!important;letter-spacing:-1px;margin-bottom:10px!important}.auth-stage .login>.subtitle{text-align:left;font-size:15px;margin-bottom:32px}.auth-stage .login>.tiny{text-align:left;font-size:11px;margin-top:30px}.auth-stage #auth-form .btn.primary{background:#202125!important;border-radius:12px;min-height:52px}.auth-stage #auth-form .btn.primary:hover{background:#35373c!important}.auth-stage .auth-actions{justify-content:flex-start}.auth-stage .auth-actions .btn{padding-left:0;color:#545861}
@keyframes cinema-social{from{transform:translateY(110%);opacity:.35}to{transform:none;opacity:1}}
@keyframes cinema-pop{from{transform:translateY(115%) rotateX(38deg) scaleY(1.15)}to{transform:none}}
@keyframes cinema-frame{from{transform:scale(1.14) translateX(2%)}to{transform:none}}
@keyframes cinema-light{from{transform:translate(-8%,8%) scale(1.15);opacity:0}35%{opacity:1}to{transform:none;opacity:1}}
@media(min-width:1800px){.social-pop-auth-brand{padding-inline:5vw}.cinema-social{font-size:12vw}.cinema-pop{font-size:21vw}}
@media(max-width:900px){.auth-stage{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr)!important}.social-pop-auth-brand{padding:30px}.cinema-social{font-size:12vw}.cinema-pop{font-size:22vw}.cinema-meta{font-size:8px;gap:10px}.cinema-footer{font-size:10px}.auth-stage .login{width:calc(100% - 48px)}}
@media(max-width:700px){.auth-stage{display:flex!important;gap:0!important;justify-content:flex-start;overflow:clip;min-height:100svh;padding:0 0 36px!important}.social-pop-auth-brand{min-height:0;height:auto;padding:22px 26px 12px;flex:none}.cinema-meta{font-size:8px}.cinema-title{padding:32px 0 20px}.cinema-social{font-size:21vw;line-height:1}.cinema-pop{font-size:38vw;line-height:.94}.cinema-footer{padding-top:9px;font-size:10px}.cinema-footer button{font-size:10px}.auth-stage .login{width:calc(100% - 52px);max-width:400px;margin:36px auto 0!important;padding:0!important}.auth-stage .login h2{font-size:27px!important}.auth-stage .login>.subtitle{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){.cinema-title,.cinema-social,.cinema-pop i,.cinema-atmosphere{animation:none!important;transform:none;opacity:1}.cinema-footer button{display:none}}

/* Release 87: one dark canvas, with a compact credential area. */
.auth-stage{background:#101114!important;color:#f5f4f0;color-scheme:dark;grid-template-columns:minmax(0,1.8fr) minmax(330px,1fr)!important}
.social-pop-auth-brand{background:transparent}
.auth-stage .login{max-width:310px;width:calc(100% - 64px);margin:40px auto!important}
.auth-stage .login h2{color:#f5f4f0;font-size:26px!important;letter-spacing:-.7px}
.auth-stage .login>.subtitle{color:#a3a5ac;font-size:14px;margin-bottom:24px}
.auth-stage .login>.tiny{color:#8b8e97;font-size:10px;margin-top:24px;line-height:1.6}
.auth-stage .login .field{color:#b6b8c0;margin-bottom:14px;font-size:12px}
.auth-stage .login input{height:48px;background:#ffffff08;border:1px solid #ffffff26;color:#f5f4f0;border-radius:10px;padding:12px 14px}
.auth-stage .login input::placeholder{color:#858892}
.auth-stage #auth-form input:focus{border-color:#c4c9d4;box-shadow:0 0 0 3px #ffffff12}
.auth-stage .login input:autofill{-webkit-text-fill-color:#f5f4f0;box-shadow:0 0 0 1000px #222328 inset}
.auth-stage #auth-form .btn.primary{min-height:48px;border-radius:10px;background:#f3f2ee!important;color:#17181b!important;font-size:14px;font-weight:600}
.auth-stage #auth-form .btn.primary:hover{background:#fff!important}
.auth-stage .auth-actions{margin-top:12px}
.auth-stage .auth-actions .btn{color:#b6b8c0;font-size:12px}
.auth-stage .auth-actions .btn:hover{color:#fff}
@media(max-width:900px) and (min-width:701px){.auth-stage{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr)!important}.auth-stage .login{width:calc(100% - 48px)}}
@media(max-width:700px){.social-pop-auth-brand{min-height:52svh;padding:22px 26px 8px}.cinema-title{padding:24px 0 16px}.cinema-social{font-size:23vw}.cinema-pop{font-size:41vw}.cinema-footer{border-top:0;padding-top:0}.auth-stage .login{width:calc(100% - 52px);max-width:400px;margin:20px auto 0!important}.auth-stage .login h2{font-size:24px!important}.auth-stage .login>.subtitle{margin-bottom:20px}.auth-stage .login>.tiny{margin-top:18px}.auth-stage{padding-bottom:max(28px,env(safe-area-inset-bottom))!important}}
@media(prefers-reduced-transparency:reduce){.auth-stage .login{background:transparent!important}.auth-stage .login input{background:#202125}}
.auth-stage .login .field{color:#b6b8c0!important}
.cinema-atmosphere{mask-image:radial-gradient(ellipse at 30% 40%,#000 10%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse at 30% 40%,#000 10%,transparent 65%)}
.auth-stage .login .error{color:#ff9d99}
/* Release 88: the title's typography carried lightly into the white workspace. */
:root{--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--display:"Helvetica Neue",Helvetica,Arial,sans-serif}
body,button,input,textarea,select{font-family:var(--sans)}
.shell h1,.shell h2,.shell h3,dialog h1,dialog h2,dialog h3{font-family:var(--sans)}
.shell h1{font-weight:500;letter-spacing:-.045em}
.shell h2{font-weight:500;letter-spacing:-.025em}
.shell h3{font-weight:600;letter-spacing:-.015em}
.shell .stat-value,.shell .dash-metric strong,.shell .pulse-values b{font-weight:700;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.social-pop-header{min-width:60px;min-height:52px;padding:3px 0}
.social-pop-header img{display:block;width:62px;height:48px;object-fit:contain;object-position:left center}
.shell .topbar{min-height:64px}
@media(max-width:760px){.social-pop-header{min-width:50px;min-height:46px}.social-pop-header img{width:53px;height:42px}}

/* Desktop rail holds the brand and direct administration destinations. */
@media(min-width:761px){
 .dock-brand{width:52px;height:48px;margin-bottom:18px;flex-shrink:0}
 .dock-brand img{width:48px;height:42px;object-fit:contain;border-radius:0}
 .dock-destinations{gap:clamp(2px,1vh,10px)}
 .dock-admin-link[data-view="clients"]{margin-top:10px}
 .social-pop-header{display:none}
 .shell .topbar{justify-content:flex-end}
}
@media(max-width:760px){.dock-admin-link{display:none}}
@media(max-height:660px) and (min-width:761px){.dock-link,.dock-client-picker>summary.dock-link{min-height:38px;padding:1px 0}.dock-brand{margin-bottom:8px}.dock-admin-link[data-view="clients"]{margin-top:3px}}

/* Large, consistently bold page names. */
.shell .content h1[data-brand-title]{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(48px,5.2vw,76px);line-height:1.04;letter-spacing:-.065em;font-weight:700;margin:10px 0 15px;color:#202125;overflow-wrap:normal;word-break:normal}

.shell .heading-row:has([data-brand-title]),.shell .overview-heading:has([data-brand-title]),.shell .inbox-heading:has([data-brand-title]){align-items:center;margin-bottom:30px;gap:20px}
.shell [data-brand-title]+.subtitle,.shell [data-brand-title]+p{line-height:1.5;max-width:620px}
@media(max-width:760px){.shell .content h1[data-brand-title]{font-size:clamp(40px,9.8vw,58px);letter-spacing:-.06em;margin:8px 0 12px;overflow-wrap:anywhere}.shell .heading-row:has([data-brand-title]),.shell .overview-heading:has([data-brand-title]),.shell .inbox-heading:has([data-brand-title]){margin-bottom:24px;gap:14px}}
@media print{.shell .content h1[data-brand-title]{font-size:30px}}
.shell .content h1[data-brand-title]>span{color:inherit;background:none;-webkit-text-fill-color:currentColor}
/* One page-heading origin across navigation destinations. */
.shell>.main>.content{padding-top:30px;padding-inline:30px}
.shell .content .todos-page{max-width:none;margin-inline:0}
.shell .content :is(.heading-row,.overview-heading,.brain-heading,.inbox-heading):has([data-brand-title]){position:relative;margin:0 0 30px;padding:25px 0 0;align-items:flex-start;min-width:0}
.shell .content :is(.heading-row,.overview-heading,.brain-heading,.inbox-heading):has([data-brand-title])>div:first-child{margin:0;padding:0;min-width:0}
.shell .content :is(.heading-row,.overview-heading,.brain-heading,.inbox-heading):has([data-brand-title]) .eyebrow{position:absolute;top:0;left:0;margin:0;line-height:15px}
.shell .content h1[data-brand-title]{margin:0 0 15px}
.shell .content :is(.heading-row,.overview-heading,.brain-heading,.inbox-heading):has([data-brand-title]) :is(.subtitle,h1+p){margin:0;line-height:1.5}
@media(max-width:760px){
 .shell>.main>.content{padding-top:20px;padding-inline:16px}
 .shell .content :is(.heading-row,.overview-heading,.brain-heading,.inbox-heading):has([data-brand-title]){margin:0 0 24px;padding-top:23px}
 .shell .content h1[data-brand-title]{margin:0 0 12px}
}
/* Larger page titles, retaining the shared heading origin. */
.shell .content h1[data-brand-title]{font-size:clamp(64px,6.5vw,96px)}
@media(max-width:760px){.shell .content h1[data-brand-title]{font-size:clamp(46px,12vw,68px)}}
@media print{.shell .content h1[data-brand-title]{font-size:30px}}
/* Mobile navigation: one labeled drawer, no bottom dock. */
.mobile-navigation-toggle{display:none}
body.mobile-navigation-open{overflow:hidden}
.mobile-navigation{position:fixed;inset:0 auto 0 0;margin:0;width:min(320px,88vw);max-width:none;height:100dvh;max-height:100dvh;padding:28px 18px max(24px,env(safe-area-inset-bottom));border:0;border-radius:0 24px 24px 0;background:#f9fafc;color:#202125;box-shadow:16px 0 60px #11182730;overflow-y:auto;overscroll-behavior:contain}
.mobile-navigation[open]{animation:mobile-nav-arrive .24s cubic-bezier(.2,.8,.2,1)}
.mobile-navigation::backdrop{background:#11182760;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.mobile-navigation-close{position:absolute;top:22px;right:16px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#e9ecf1;color:#343b46;font:28px/1 var(--sans);cursor:pointer}
.mobile-navigation-links .dock-brand{display:flex;width:100px;height:75px;margin:0 0 28px;padding:0 6px;align-items:center}
.mobile-navigation-links .dock-brand img{width:84px;height:66px;border-radius:0;object-fit:contain}
.mobile-navigation-links .dock-destinations{display:flex;flex-direction:column;gap:5px;height:auto}
.mobile-navigation-links .dock-link,.mobile-navigation-links .dock-client-picker>summary.dock-link{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:14px;width:100%;height:auto;min-height:48px;padding:6px 12px;border-radius:13px;flex:none}
.mobile-navigation-links .dock-label{display:block;font-size:16px;font-weight:550;line-height:1.3;letter-spacing:-.2px}
.mobile-navigation-links .dock-symbol,.mobile-navigation-links .dock-home .dock-symbol{width:28px;height:30px;flex:none;margin:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit}
.mobile-navigation-links .dock-symbol svg{width:23px;height:23px}
.mobile-navigation-links .dock-home{order:-1;flex:none}
.mobile-navigation-links .dock-tooltip{display:none!important}
.mobile-navigation-links .dock-client-picker{width:100%;height:auto;flex:none}
.mobile-navigation-links .dock-client-popover{position:static;width:100%;max-width:none;margin:6px 0;padding:4px;border:0;background:#edf0f5;box-shadow:none;animation:none}
.mobile-navigation-links .dock-client-heading{display:none}
.mobile-navigation-links .dock-client-list{max-height:220px}
.mobile-navigation-links .dock-admin-link[data-view="clients"]{margin-top:12px}
@keyframes mobile-nav-arrive{from{transform:translateX(-100%);opacity:.7}to{transform:none;opacity:1}}
@media(max-width:760px){
 .workspace-dock{display:none!important}
 .social-pop-header{display:none}
 .mobile-navigation-toggle{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #e0e5ed;border-radius:14px;background:#fafbfc;color:#303844;padding:10px}
 .mobile-navigation-toggle svg{width:23px;height:23px}
 .shell .topbar{justify-content:space-between;width:auto;margin:12px 16px 0;max-width:none}
 .shell>.main>.content{padding-bottom:90px}
 .chat-dock{bottom:calc(16px + env(safe-area-inset-bottom))}
 .upload-tray{bottom:calc(72px + env(safe-area-inset-bottom))}
 #toast{bottom:calc(22px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.mobile-navigation[open]{animation:none}}
/* Mobile sidebar follows the Social Pop editorial typography. */
.mobile-navigation{background:#f6f6f4;color:#202125;padding:30px 20px max(24px,env(safe-area-inset-bottom));font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.mobile-navigation-links .dock-brand{height:86px;margin-bottom:28px;padding:0 10px}
.mobile-navigation-links .dock-brand img{width:90px;height:76px}
.mobile-navigation-links .dock-destinations{gap:3px}
.mobile-navigation-links .dock-link,.mobile-navigation-links .dock-client-picker>summary.dock-link{min-height:52px;padding:8px 12px;gap:14px;color:#53555b;border-radius:12px;font-family:inherit}
.mobile-navigation-links .dock-label{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.8px;line-height:1.15}
.mobile-navigation-links .dock-symbol{opacity:.75}
.mobile-navigation-links .dock-link.active,.mobile-navigation-links .dock-client-picker>summary.dock-link.active,.mobile-navigation-links .dock-client-picker[open]>summary.dock-link{background:#202125;color:#f5f4f0;box-shadow:0 3px 9px #17181a12}
.mobile-navigation-links .dock-link.active .dock-symbol{opacity:1}
.mobile-navigation-links .dock-link:hover:not(.active),.mobile-navigation-links .dock-client-picker>summary.dock-link:hover:not(.active){background:#e9e9e6;color:#202125}
.mobile-navigation-close{background:#e8e8e5;color:#202125;right:20px;top:28px}
.mobile-navigation-links .dock-admin-link[data-view="clients"]{margin-top:16px}
.mobile-navigation-links .dock-admin-link .dock-label{font-size:18px;letter-spacing:-.5px;font-weight:600}
.mobile-navigation-links .dock-client-popover{background:#ecece9;border-radius:12px}
.mobile-navigation-links .dock-client-option{font-family:inherit;color:#34363b}
.mobile-navigation-links .dock-client-option:hover,.mobile-navigation-links .dock-client-option.current{background:#dddfdf;color:#202125}
.mobile-navigation-links .dock-client-all{font-family:inherit;color:#34363b;border-color:#d6d7d5}
.mobile-navigation-close:focus-visible,.mobile-navigation-links .dock-link:focus-visible{outline:2px solid #6c7482;outline-offset:3px}
/* Keep the soft Apple-inspired surface, with the stronger Social Pop type. */
.mobile-navigation{background:linear-gradient(145deg,#ffffffed,#f1f5fbea);border-right:1px solid #ffffffed;box-shadow:16px 0 60px #24355225,inset -1px 0 #ffffff90;backdrop-filter:blur(32px) saturate(1.35);-webkit-backdrop-filter:blur(32px) saturate(1.35);border-radius:0 30px 30px 0}
.mobile-navigation::backdrop{background:#192b4538;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.mobile-navigation-links .dock-link,.mobile-navigation-links .dock-client-picker>summary.dock-link{color:#303b4c;border-radius:17px;min-height:55px;padding:7px 10px;gap:13px}
.mobile-navigation-links .dock-link.active,.mobile-navigation-links .dock-client-picker>summary.dock-link.active,.mobile-navigation-links .dock-client-picker[open]>summary.dock-link{background:linear-gradient(130deg,#e1ecffdb,#edf0ffd6);color:#2557a2;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #cfdbef70,0 3px 12px #455c8209}
.mobile-navigation-links .dock-link:hover:not(.active),.mobile-navigation-links .dock-client-picker>summary.dock-link:hover:not(.active){background:#ffffff9c;color:#263c5d}
.mobile-navigation-links .dock-symbol,.mobile-navigation-links .dock-home .dock-symbol{--symbol-ink:#426995;display:grid;width:36px;height:36px;border-radius:11px;opacity:1;color:var(--symbol-ink);background:linear-gradient(145deg,#fff,#e7edf5);border:1px solid #fff;box-shadow:0 2px 5px #263b5510,inset 0 -1px 1px #cad4e130}
.mobile-navigation-links .dock-symbol svg{width:25px;height:25px;stroke-width:1.9}
.mobile-navigation-links [data-view="todos"] .dock-symbol{--symbol-ink:#38816b}
.mobile-navigation-links [data-view="tasks"] .dock-symbol{--symbol-ink:#7761ad}
.mobile-navigation-links [data-view="calendar"] .dock-symbol{--symbol-ink:#af6069}
.mobile-navigation-links [data-view="analytics"] .dock-symbol{--symbol-ink:#528084}
.mobile-navigation-links .dock-link.active .dock-symbol{background:linear-gradient(145deg,#6c9cea,#4b74bd);color:#fff;border-color:#ffffff75;box-shadow:0 3px 8px #4574bc26,inset 0 1px #ffffff50}
.mobile-navigation-close,.mobile-navigation-toggle{background:linear-gradient(145deg,#ffffffed,#ecf1f8d9);border:1px solid #ffffffed;color:#42536b;box-shadow:0 3px 12px #293c5610,inset 0 1px #fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.mobile-navigation-close{border-radius:50%}
.mobile-navigation-toggle{border-radius:15px}
.mobile-navigation-toggle svg{stroke-width:2;stroke-linecap:round}
.mobile-navigation-links .dock-client-popover{background:#eaf0f8c9;border:1px solid #ffffffad;border-radius:16px}
.mobile-navigation-links .dock-client-option:hover,.mobile-navigation-links .dock-client-option.current{background:#dce8f8;color:#285788}
.mobile-navigation-links .dock-client-all{color:#41678f;border-color:#d5e0ee}
@media(prefers-reduced-transparency:reduce){.mobile-navigation{background:#f6f8fc;backdrop-filter:none;-webkit-backdrop-filter:none}.mobile-navigation::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#192b4566}}

.visual-calendar-toolbar [data-action="cal-mode"]{display:inline-flex;align-items:center;justify-content:center;gap:7px}.visual-calendar-toolbar [data-action="cal-mode"] svg{flex:none;width:18px;height:18px}
/* Open month canvas with a true seven-column mobile overview. */
.shell .content:has(.visual-calendar){max-width:none}
.visual-calendar{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;width:100%}
.visual-weekdays,.visual-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));min-width:0;width:100%}
.visual-weekdays{padding:10px 0;color:#707a89}
.visual-weekdays>span{padding:0 10px;font-size:11px;font-weight:600;text-align:left}
.visual-day{min-height:clamp(140px,17vh,195px);padding:10px 8px;border-top:1px solid #dce2eb;border-right:1px solid #e4e8ef;background:#ffffff60}
.visual-day:nth-child(7n){border-right:0}
.visual-day.outside{background:transparent;min-height:inherit}
.visual-day.today{background:#eaf2ff9e}
.visual-calendar .calendar-post-compact{border-radius:8px;padding:6px;gap:6px}
.visual-calendar .calendar-post-compact .calendar-thumb{width:32px;height:43px;flex:none}
.visual-calendar .calendar-post-compact strong{font-size:11px}
.visual-calendar .private-calendar-event{padding:6px;border-radius:7px}
.visual-calendar-toolbar{margin-top:12px;gap:14px}
.visual-calendar-legend{margin-bottom:12px}
.calendar-mobile-summary{display:none}
@media(max-width:760px){
 .visual-calendar{width:calc(100% + 20px);margin-inline:-10px}
 .visual-weekdays>span{text-align:center;padding:0;font-size:10px}
 .visual-day{min-height:94px;padding:4px 2px 7px}
 .visual-day.outside{min-height:94px}
 .calendar-day-header{justify-content:center;margin:0;min-height:38px}
 .calendar-day-header .day-num{width:38px;height:38px;font-size:13px;min-width:0}
 .visual-day .calendar-day-count,.visual-day .calendar-day-add,.visual-day .calendar-day-items,.visual-day .calendar-day-more{display:none}
 .calendar-mobile-summary{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;min-height:46px;padding:2px 0 4px;border:0;border-radius:6px;background:none;color:#647085;font:500 8px/1.2 var(--sans);cursor:pointer}
 .calendar-mobile-summary img{width:calc(100% - 5px);height:35px;object-fit:cover;border-radius:5px}
 .calendar-mobile-dots{display:flex;justify-content:center;gap:3px;height:5px}
 .calendar-mobile-dots i{width:5px;height:5px;border-radius:50%}
 .calendar-mobile-summary:focus-visible{outline:2px solid #007aff;outline-offset:0}
 .visual-calendar-toolbar>.button-row{gap:8px}
 .visual-calendar-toolbar>.button-row:first-child{display:grid;grid-template-columns:38px 1fr 38px auto;width:100%}
 .visual-calendar-toolbar>.button-row:first-child .btn{padding:7px;min-width:38px;min-height:38px}
 .visual-calendar-toolbar h2{text-align:center;font-size:17px}
 .visual-calendar-toolbar>.button-row:last-child{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
 .visual-calendar-toolbar .tiny{font-size:0;gap:0}
 .visual-calendar-toolbar select{font-size:12px;max-width:130px;min-height:38px}
 .visual-calendar-toolbar .tabs{flex:none}
 .visual-calendar-toolbar [data-action="cal-mode"]{padding:8px 10px;font-size:11px;gap:5px}
 .visual-calendar-legend{gap:10px;font-size:10px;margin-bottom:8px}
 .visual-calendar-legend small{flex-basis:100%;font-size:9px}
}
@media(max-width:760px){.visual-day,.visual-day.outside{min-height:72px}.calendar-mobile-summary{min-height:27px;gap:4px;padding-bottom:2px}}