.sjnote-app .sj-workspace-header{position:sticky;top:0;z-index:40;width:100%;min-height:var(--sj-topbar-height);border-bottom:1px solid var(--sj-border);background:var(--sj-surface)}.sjnote-app .sj-workspace-header-inner{display:flex;min-height:var(--sj-topbar-height);align-items:center;gap:24px;padding:16px 24px}.sjnote-app .sj-workspace-home{display:inline-flex;min-height:44px;flex:none;align-items:center}.sjnote-app .sj-workspace-identity{display:flex;flex:1;min-width:0;align-items:center;gap:24px}.sjnote-app .sj-company-pill{display:inline-flex;min-width:0;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;background:var(--sj-primary-soft);color:var(--sj-sidebar);font-size:16px;font-weight:600}.sjnote-app .sj-company-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--sj-lime)}.sjnote-app .sj-workspace-account{display:flex;flex:none;align-items:center;gap:12px;margin-left:auto;font-size:16px}.sjnote-app .sj-user-initial{display:grid;width:50px;height:50px;flex:none;place-items:center;border-radius:50%;background:var(--sj-green);color:var(--sj-on-sidebar);font-weight:700}.sjnote-app .sj-user-name{max-width:180px}.sjnote-app .sj-workspace-account button{min-height:44px;border:1px solid var(--sj-border);border-radius:var(--sj-radius-control);background:var(--sj-surface);color:var(--sj-sidebar);padding:8px 16px}.sjnote-app .sj-workspace-main{width:100%;max-width:1440px;min-width:0;margin:0 auto;padding:36px}.sjnote-app .sj-workspace-footer{padding:24px 36px;color:var(--sj-text-muted);font-size:var(--sj-body-size)}.sjnote-app .sj-menu-toggle{display:none}.sjnote-app .sj-workspace-nav{position:fixed;z-index:30;top:var(--sj-topbar-height);bottom:calc(112px + env(safe-area-inset-bottom, 0px));left:0;width:var(--sj-sidebar-width);padding:24px 14px;overflow-y:auto;background:var(--sj-sidebar);color:var(--sj-on-sidebar)}.sjnote-app .sj-workspace-links{display:grid;gap:4px}.sjnote-app .sj-workspace-links a{display:flex;min-height:64px;align-items:center;gap:16px;padding:14px 18px;border-radius:var(--sj-radius-control);color:var(--sj-on-sidebar);font-size:var(--sj-body-size);font-weight:500;text-decoration:none}.sjnote-app .sj-workspace-links svg{flex:none}.sjnote-app .sj-workspace-links a:hover{background:rgb(255 255 255/10%)}.sjnote-app .sj-workspace-links a[aria-current=page]{background:var(--sj-lime);color:var(--sj-sidebar);font-weight:700}.sjnote-app .sj-workspace-links a:focus-visible{outline-color:var(--sj-lime)}.sjnote-app .sj-menu-pending{margin:16px 8px 0;color:var(--sj-text-secondary);font-size:var(--sj-body-size)}.sjnote-app:has(.sj-workspace-nav) :is(.sj-workspace-main,.sj-workspace-footer){width:calc(100% - var(--sj-sidebar-width));margin-left:var(--sj-sidebar-width)}.sjnote-app:has(.sj-workspace-nav) .sj-workspace-main{max-width:none}.sjnote-app:has([data-sjnote-role=staff]) :is(.text-base,.text-sm,.sj-input){font-size:var(--sj-field-size)}.sjnote-app:has([data-sjnote-role=staff]) .sj-input{min-height:var(--sj-field-touch)}.sjnote-app:has(.sj-login-form) .sjnote-workspace-scroll{display:flex;flex-direction:column;background:linear-gradient(135deg,var(--sj-sidebar),var(--sj-green))}.sjnote-app:has(.sj-login-form) .sj-workspace-header{display:none}.sjnote-app:has(.sj-login-form) .sj-workspace-main{display:grid;flex:1;align-items:center;padding:48px 24px 24px}.sjnote-app:has(.sj-login-form) .sj-workspace-main>div{width:100%;max-width:480px}.sjnote-app:has(.sj-login-form) .sj-workspace-footer{color:var(--sj-on-sidebar);text-align:center}.sjnote-app .sj-login-form{padding:40px;border:1px solid var(--sj-border);border-radius:var(--sj-radius-login);background:var(--sj-surface);box-shadow:var(--sj-shadow-login)}.sjnote-app .sj-login-brand{display:flex;justify-content:center;padding-bottom:16px}.sjnote-app .sj-login-form h1{text-align:center}.sjnote-app .sj-login-form .sj-button{width:100%;min-height:56px}.sjnote-app .sj-login-form :is(p,label,input,button){font-size:var(--sj-body-size)}.sjnote-app .sj-login-description{color:var(--sj-text-secondary);line-height:1.6}.sjnote-app .sj-login-help{color:var(--sj-text-muted);line-height:1.6}.sjnote-app .sj-login-check{accent-color:var(--sj-sidebar)}@media (max-width:1023px){.sjnote-app{--sj-topbar-height:190px}.sjnote-app:has(.sj-workspace-nav) :is(.sj-workspace-main,.sj-workspace-footer){width:100%;margin-left:0}.sjnote-app .sj-workspace-header-inner{flex-wrap:wrap;align-content:center;gap:12px;padding:12px 16px}.sjnote-app .sj-workspace-home img{width:156px;height:auto}.sjnote-app .sj-workspace-identity{flex:0 0 100%;align-items:flex-start;flex-direction:column;gap:8px}.sjnote-app .sj-company-pill{max-width:100%;padding:4px 12px}.sjnote-app .sj-workspace-account{width:100%;gap:8px;margin-left:0}.sjnote-app .sj-user-initial{width:44px;height:44px}.sjnote-app .sj-user-name{flex:1;min-width:0;max-width:none}.sjnote-app .sj-workspace-footer,.sjnote-app .sj-workspace-main{padding:24px 16px}.sjnote-app .sj-menu-toggle{display:inline-flex;position:fixed;top:16px;right:16px;z-index:50;gap:8px;min-height:var(--sj-touch);min-width:var(--sj-touch);align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--sj-border);border-radius:var(--sj-radius-control);background:var(--sj-surface);color:var(--sj-sidebar);font-size:16px;font-weight:600}.sjnote-app .sj-workspace-nav{display:none;bottom:auto;width:100%;max-height:calc(100dvh - var(--sj-topbar-height) - 112px - env(safe-area-inset-bottom, 0px));padding:16px;box-shadow:var(--sj-shadow-login)}.sjnote-app .sj-workspace-nav.is-open{display:block}.sjnote-app .sj-login-form{padding:32px 24px}}.sjnote-app .sj-company-name,.sjnote-app .sj-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sjnote-workspace{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.sjnote-workspace-scroll{flex:1;min-height:0;overflow-y:auto}.sjnote-notification-space{flex:none;height:calc(112px + env(safe-area-inset-bottom, 0px))}body:has([data-site=sjnote]) [data-sonner-toaster]{top:auto!important;bottom:calc(12px + env(safe-area-inset-bottom, 0px))!important;right:16px!important;left:auto!important;width:min(356px,calc(100vw - 32px))!important;height:88px!important;transform:none!important}body:has([data-site=sjnote]) [data-sonner-toast][data-front=false]{visibility:hidden!important;pointer-events:none!important}body:has([data-site=sjnote]) [data-sonner-toast][data-front=true]{top:auto!important;bottom:0!important;max-height:88px;overflow-y:auto;transform:none!important}body:has([data-site=sjnote]) [data-sonner-toast] [data-content]{padding-right:32px;overflow-wrap:anywhere}body:has([data-site=sjnote]) [data-sonner-toast] [data-close-button]{top:0!important;right:0!important;left:auto!important;transform:none!important}