:root{--charles-nav-ink:#191a17;--charles-nav-muted:#6f736b;--charles-nav-line:rgba(221,215,203,.88);--charles-nav-paper:rgba(250,248,243,.92);--charles-nav-purple:#7254bd;--charles-nav-shadow:0 18px 52px rgba(37,32,23,.14)}
.charles-global-nav{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;min-width:0!important;overflow:visible!important;flex-wrap:nowrap!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;scrollbar-width:none!important}
.charles-global-nav::-webkit-scrollbar{display:none!important}.charles-global-nav *{box-sizing:border-box}.charles-global-nav a{text-decoration:none!important}
.charles-nav-item,.charles-nav-group{position:relative;display:flex;align-items:center;flex:0 0 auto}
/* Continuous trigger-to-menu hit area. The panel touches the trigger, so there is no dead hover gap. */
.charles-nav-group::after{content:"";position:absolute;z-index:999;top:100%;left:-10px;right:-10px;height:18px;background:transparent;pointer-events:auto}
.charles-nav-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;padding:0 10px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--charles-nav-muted)!important;font-family:Inter,"SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:11px!important;font-weight:790!important;line-height:1!important;letter-spacing:0!important;white-space:nowrap!important;box-shadow:none!important;text-transform:none!important}
.charles-nav-link:hover,.charles-nav-group:hover>.charles-nav-link,.charles-nav-group:focus-within>.charles-nav-link{background:rgba(114,84,189,.075)!important;color:var(--charles-nav-ink)!important}
.charles-nav-item.active>.charles-nav-link,.charles-nav-group.active>.charles-nav-link{background:linear-gradient(135deg,#1b1c19,#49386d)!important;color:#fff!important;box-shadow:0 8px 20px rgba(49,39,66,.15)!important}
.charles-nav-caret{display:inline-grid!important;place-items:center!important;width:20px!important;height:28px!important;margin-left:-7px!important;border:0!important;background:transparent!important;color:#8b8e87!important;font:900 9px/1 Inter,sans-serif!important;cursor:pointer!important}
.charles-nav-group.active>.charles-nav-caret{color:#654aa8!important}.charles-nav-menu{position:absolute;top:100%;left:-8px;z-index:1000;display:none;min-width:218px;padding:12px 7px 7px;border:1px solid var(--charles-nav-line);border-top-color:transparent;border-radius:0 0 15px 15px;background:var(--charles-nav-paper);box-shadow:var(--charles-nav-shadow);backdrop-filter:blur(24px) saturate(1.15)}
.charles-nav-group:last-child .charles-nav-menu{left:auto;right:0}.charles-nav-group:hover>.charles-nav-menu,.charles-nav-group:focus-within>.charles-nav-menu,.charles-nav-group.hover-open>.charles-nav-menu,.charles-nav-group.open>.charles-nav-menu{display:grid;gap:2px}
.charles-nav-sub{display:grid!important;grid-template-columns:27px minmax(0,1fr);gap:8px;align-items:center;min-height:45px;padding:6px 9px!important;border-radius:10px!important;color:var(--charles-nav-ink)!important;background:transparent!important;text-align:left!important}
.charles-nav-sub:hover,.charles-nav-sub.active{background:rgba(114,84,189,.09)!important}.charles-nav-sub.active{box-shadow:inset 3px 0 var(--charles-nav-purple)}.charles-nav-sub i{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:rgba(114,84,189,.09);font-style:normal;font-size:12px}.charles-nav-sub b{display:block;font-size:11px;line-height:1.05}.charles-nav-sub small{display:block;margin-top:3px;color:var(--charles-nav-muted);font-size:8px;line-height:1.15;font-weight:650}
.charles-nav-host-parent{overflow:visible!important}.charles-nav-host-parent .charles-global-nav{z-index:900!important}
/* Start used to hide its menu until hover. The canonical menu is always visible. */
body[data-dashboard-page="index"] .charles-nav-host-parent{transform:none!important}
/* Task map keeps its local owner/category sidebar; this is the shared global layer above it. */
body[data-dashboard-page="tasks"] .top{min-height:42px}body[data-dashboard-page="tasks"] .charles-global-nav{width:100%;justify-content:flex-start!important}body[data-dashboard-page="tasks"] .top-actions{margin-left:auto}
/* Charles OS keeps Today/Inbox/Act/Plans/Life as its internal tool navigation. */
body[data-dashboard-page="os"] .charles-global-nav{margin:-10px 0 18px!important;justify-content:flex-start!important;padding:7px!important;border:1px solid var(--charles-nav-line)!important;border-radius:16px!important;background:rgba(255,255,255,.48)!important;overflow:visible!important}
@media(max-width:1180px){.charles-global-nav{justify-content:flex-start!important;overflow:visible!important;max-width:calc(100vw - 190px)}.charles-nav-link{padding:0 8px!important;font-size:10px!important}.charles-nav-menu{position:absolute;top:100%;left:-8px!important;right:auto!important}.charles-nav-group:last-child .charles-nav-menu{left:auto!important;right:0!important}}
@media(max-width:760px){.charles-global-nav{display:none!important}}
html[data-tv] .charles-nav-link{height:40px!important;padding:0 12px!important;font-size:14px!important}html[data-tv] .charles-nav-caret{height:34px!important;font-size:11px!important}html[data-tv] .charles-nav-menu{top:100%;min-width:270px;padding:14px 9px 9px}html[data-tv] .charles-nav-sub{min-height:55px}html[data-tv] .charles-nav-sub b{font-size:14px}html[data-tv] .charles-nav-sub small{font-size:10px}