.desk-portal,.desk-shell{--jo-canvas:#fbfdff;--jo-surface:#ffffff;--jo-surface-strong:#f8fafc;--jo-surface-selected:#f1f5f9;--jo-ink:#172033;--jo-muted:#526579;--jo-line:#e7edf3;--jo-line-strong:#d5e0e8;--jo-line-focus:#526579;--jo-chrome:#f1f5f9;--jo-chrome-strong:#e7edf3;--jo-primary:#172033;--jo-primary-hover:#0b1f33;--jo-primary-soft:#e7edf3;--jo-on-primary:#f8fafc;--jo-positive:oklch(0.52 0.13 151);--jo-positive-soft:oklch(0.93 0.052 151);--jo-warning:oklch(0.63 0.13 76);--jo-warning-soft:oklch(0.955 0.052 78);--jo-note:oklch(0.45 0.085 84);--jo-note-surface:oklch(0.955 0.072 94);--jo-note-line:oklch(0.86 0.08 91);--jo-critical:oklch(0.52 0.17 27);--jo-critical-soft:oklch(0.95 0.045 27);--jo-control-tick:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23f8fafc' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M3 8.5l3.5 3.5L13 5'/></svg>");--jo-shadow-soft:0 1px 2px oklch(0.12 0 0/0.06);--jo-shadow-float:0 18px 44px oklch(0.1 0 0/0.12)}.desk-shell{--background:0 0% 100%;--foreground:0 0% 12%;--card:0 0% 100%;--card-foreground:0 0% 12%;--popover:0 0% 100%;--popover-foreground:0 0% 12%;--primary:0 0% 17%;--primary-foreground:0 0% 99%;--secondary:0 0% 96%;--secondary-foreground:0 0% 16%;--muted:0 0% 96%;--muted-foreground:0 0% 34%;--accent:0 0% 94%;--accent-foreground:0 0% 16%;--destructive:var(--jo-critical);--border:0 0% 90%;--input:0 0% 81%;--ring:0 0% 26%;--radius:0.625rem}.desk-portal{--destructive:var(--jo-critical)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}[data-theme=dark] .desk-portal,[data-theme=dark] .desk-shell{--jo-canvas:oklch(0.17 0.008 248);--jo-surface:oklch(0.205 0.008 248);--jo-surface-strong:oklch(0.255 0.01 248);--jo-surface-selected:oklch(0.31 0.014 248);--jo-ink:oklch(0.96 0.006 248);--jo-muted:oklch(0.72 0.026 248);--jo-line:oklch(0.31 0.014 248);--jo-line-strong:oklch(0.43 0.02 248);--jo-line-focus:oklch(0.72 0.026 248);--jo-chrome:oklch(0.1 0.008 248);--jo-chrome-strong:oklch(0.075 0.006 248);--jo-primary:oklch(0.88 0.008 248);--jo-primary-hover:oklch(0.94 0.006 248);--jo-primary-soft:oklch(0.29 0.012 248);--jo-on-primary:oklch(0.13 0.008 248);--jo-positive:oklch(0.72 0.12 151);--jo-positive-soft:oklch(0.26 0.055 151);--jo-warning:oklch(0.79 0.12 76);--jo-warning-soft:oklch(0.27 0.055 76);--jo-note:oklch(0.83 0.09 88);--jo-note-surface:oklch(0.29 0.055 86);--jo-note-line:oklch(0.43 0.065 86);--jo-critical:oklch(0.76 0.13 27);--jo-critical-soft:oklch(0.265 0.055 27);--jo-control-mark:oklch(0.53 0.02 248);--jo-control-tick:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2305080a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M3 8.5l3.5 3.5L13 5'/></svg>");--jo-shadow-soft:0 2px 7px oklch(0.04 0 0/0.34);--jo-shadow-float:0 14px 32px oklch(0.04 0 0/0.48);--background:210 18.8% 6.3%;--foreground:214.3 28% 95.1%;--card:205.7 14.9% 9.2%;--card-foreground:214.3 28% 95.1%;--popover:205.7 14.9% 9.2%;--popover-foreground:214.3 28% 95.1%;--primary:210 12.8% 84.7%;--primary-foreground:204 33.3% 2.9%;--secondary:210 11.4% 13.7%;--secondary-foreground:214.3 28% 95.1%;--muted:210 11.4% 13.7%;--muted-foreground:211 16.4% 65.3%;--accent:210 12.2% 19.2%;--accent-foreground:214.3 28% 95.1%;--border:210 12.2% 19.2%;--input:210 12.3% 31.8%;--ring:211 16.4% 65.3%}.desk-shell{display:grid;min-height:100dvh;grid-template-columns:84px minmax(0,1fr);overflow:hidden;color:var(--jo-ink);padding:0;font-family:var(--font-geist-sans),ui-sans-serif,system-ui,sans-serif;font-size:var(--text-workspace-body)}.desk-shell *,.desk-shell :after,.desk-shell :before{box-sizing:border-box}.desk-shell a:focus-visible,.desk-shell button:focus-visible,.desk-shell input:focus-visible,.desk-shell textarea:focus-visible{outline:1px solid var(--jo-line-focus);outline-offset:0}.desk-rail{width:84px;min-width:0;border-right:1px solid var(--jo-line);color:var(--jo-ink);padding:9px 0}.desk-rail-inner{height:100%;min-height:0}.desk-navigation,.desk-rail-footer,.desk-rail-inner{display:flex;flex-direction:column;align-items:center}.desk-navigation,.desk-rail-footer{width:100%;gap:5px}.desk-navigation{margin-top:24px}.desk-rail-footer{padding-bottom:2px}.desk-navigation a,.desk-rail-footer>a,.desk-rail-footer>button{display:flex;width:70px;min-height:52px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;border-radius:10px;background:transparent;color:var(--jo-muted);font-size:var(--text-workspace-metadata);font-weight:640;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:color .15s ease,background .15s ease}.desk-navigation a:hover,.desk-rail-footer>a:hover,.desk-rail-footer>button:hover{background:var(--jo-chrome-strong);color:var(--jo-ink)}.desk-navigation a.is-active,.desk-rail-footer>a.is-active{background:var(--jo-primary);color:var(--jo-on-primary)}.desk-navigation a.is-active svg{stroke-width:2.2}.desk-main{box-shadow:none}@media (max-width:1080px){.desk-shell{grid-template-columns:76px minmax(0,1fr)}.desk-rail{width:76px}.desk-navigation a,.desk-rail-footer>a,.desk-rail-footer>button{width:58px}}@media (max-width:820px){.desk-shell{display:block;padding:0;background:var(--jo-canvas)}.desk-rail{display:none}.desk-main{border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top)}.desk-main:has(>[data-slot=phone-dock]){padding-bottom:calc(110px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.desk-navigation a,.desk-rail-footer>a,.desk-rail-footer>button{transition:none}}.desk-shell{grid-template-columns:52px minmax(0,1fr);gap:0;background:var(--jo-chrome);font-family:var(--font-product-sans),ui-sans-serif,system-ui,sans-serif;padding:8px 8px 8px 0;transition:grid-template-columns .2s cubic-bezier(.22,1,.36,1)}.desk-shell.is-navigation-expanded{grid-template-columns:212px minmax(0,1fr)}.desk-rail{width:auto;border-right:0;padding:4px}.desk-rail-inner{width:100%;align-items:stretch}.desk-brand-row{gap:4px}.desk-brand,.desk-brand-row{display:flex;height:44px;align-items:center;justify-content:center}.desk-brand{width:44px;min-width:0;gap:10px;border:0;border-radius:8px;background:transparent;color:var(--jo-ink);text-decoration:none;cursor:pointer}.desk-brand:hover{background:color-mix(in oklch,var(--jo-surface-strong) 72%,transparent)}.desk-brand.is-static{cursor:default}.desk-brand.is-static:hover{background:transparent}.desk-product-trigger{text-align:left}.desk-brand:focus-visible,.desk-navigation-toggle:focus-visible{outline:2px solid var(--jo-ink);outline-offset:-2px}.desk-brand-mark{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:7px;background:var(--jo-primary);color:var(--jo-on-primary);font-size:var(--text-workspace-metadata);font-weight:780;letter-spacing:-.02em}.desk-brand-copy{display:none;min-width:0}.desk-brand-copy small,.desk-brand-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desk-brand-copy strong{font-size:var(--text-workspace-row);font-weight:680}.desk-brand-copy small{margin-top:2px;color:var(--jo-muted);font-size:var(--text-workspace-metadata)}.desk-navigation-toggle{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--jo-muted);cursor:pointer;transition:background .12s ease,color .12s ease}.desk-navigation-toggle:hover{background:var(--jo-surface-strong);color:var(--jo-ink)}.desk-rail-inner.is-expanded .desk-brand-row{justify-content:flex-start;padding:0}.desk-rail-inner.is-expanded .desk-brand{width:auto;flex:1;justify-content:flex-start;padding:0 8px}.desk-rail-inner.is-expanded .desk-brand-copy{display:block}.desk-navigation,.desk-rail-footer{align-items:stretch;gap:2px}.desk-navigation{margin-top:12px}.desk-navigation a,.desk-rail-footer>.desk-account-trigger,.desk-rail-footer>a{position:relative;display:flex;width:44px;min-height:44px;flex:0 0 auto;flex-direction:row;align-items:center;justify-content:center;gap:10px;border:0;border-radius:8px;background:transparent;color:color-mix(in oklch,var(--jo-muted) 92%,var(--jo-ink));padding:0;text-decoration:none;cursor:pointer;transition:background .12s ease,color .12s ease}.desk-navigation a:hover,.desk-rail-footer>.desk-account-trigger:hover,.desk-rail-footer>a:hover{background:color-mix(in oklch,var(--jo-surface-strong) 76%,transparent);color:var(--jo-ink)}.desk-navigation-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.desk-rail-inner:not(.is-expanded) .desk-navigation a:after,.desk-rail-inner:not(.is-expanded) .desk-rail-footer>.desk-account-trigger:after,.desk-rail-inner:not(.is-expanded) .desk-rail-footer>a:after{position:absolute;top:50%;left:calc(100% + 9px);z-index:50;width:max-content;max-width:190px;border-radius:6px;background:var(--jo-primary);color:var(--jo-on-primary);padding:6px 8px;font-size:var(--text-workspace-metadata);font-weight:590;line-height:1.2;pointer-events:none;content:attr(data-label);opacity:0;transform:translate(3px,-50%);transition:opacity .12s ease,transform .12s ease}.desk-rail-inner:not(.is-expanded) .desk-navigation a:focus-visible:after,.desk-rail-inner:not(.is-expanded) .desk-navigation a:hover:after,.desk-rail-inner:not(.is-expanded) .desk-rail-footer>.desk-account-trigger:focus-visible:after,.desk-rail-inner:not(.is-expanded) .desk-rail-footer>.desk-account-trigger:hover:after,.desk-rail-inner:not(.is-expanded) .desk-rail-footer>a:focus-visible:after,.desk-rail-inner:not(.is-expanded) .desk-rail-footer>a:hover:after{opacity:1;transform:translateY(-50%)}.desk-navigation a.is-active,.desk-rail-footer>a.is-active{background:var(--jo-surface-strong);color:var(--jo-ink)}.desk-navigation a.is-active svg{stroke-width:2}.desk-rail-inner.is-expanded .desk-navigation a,.desk-rail-inner.is-expanded .desk-rail-footer>.desk-account-trigger,.desk-rail-inner.is-expanded .desk-rail-footer>a{width:100%;justify-content:flex-start;padding:0 11px}.desk-rail-inner.is-expanded .desk-navigation-label{position:static;width:auto;height:auto;overflow:hidden;clip:auto;color:inherit;font-size:var(--text-workspace-supporting);font-weight:560;text-overflow:ellipsis}.desk-rail-inner.is-expanded .desk-account-trigger .desk-navigation-label{min-width:0}.desk-rail-inner.is-expanded .desk-account-trigger small,.desk-rail-inner.is-expanded .desk-account-trigger strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desk-rail-inner.is-expanded .desk-account-trigger strong{color:var(--jo-ink);font-size:var(--text-workspace-supporting);font-weight:640}.desk-rail-inner.is-expanded .desk-account-trigger small{margin-top:2px;color:var(--jo-muted);font-size:var(--text-workspace-metadata)}.desk-rail-footer{margin-top:auto;padding-top:4px}.desk-account-trigger [data-slot=avatar]{width:30px;height:30px;flex:0 0 auto;border-radius:999px}.desk-account-trigger [data-slot=avatar-fallback]{border-radius:inherit;background:var(--jo-primary);color:var(--jo-on-primary);font-size:var(--text-workspace-metadata);font-weight:700}.desk-main{border:1px solid var(--jo-line);border-radius:14px;background:var(--jo-canvas);display:flex;min-width:0;min-height:0;flex-direction:column}.desk-main:is(.is-inbox,.is-calls,.is-work,.is-records){border:0;border-radius:0;background:var(--jo-chrome)}@media (pointer:coarse){.desk-navigation-toggle{width:44px;height:44px}}.desk-main:is(.is-inbox,.is-calls,.is-work,.is-agents,.is-relationships,.is-cases){border:0;border-radius:0;background:var(--jo-chrome)}@media (max-width:820px){.desk-shell{display:block;padding:0}.desk-main{border:0;border-radius:0}.desk-main.is-inbox,.desk-main.is-work{background:var(--jo-canvas)}}@media (prefers-reduced-motion:reduce){.desk-account-trigger:after,.desk-navigation a,.desk-navigation a:after,.desk-navigation-toggle,.desk-rail-footer>.desk-account-trigger,.desk-rail-footer>a,.desk-rail-footer>a:after,.desk-shell{transition:none}}