.pu-calendar,.pu-inbox,.pu-thread,.pu-dashboard,.pu-network { --pu-ink:#252c29; --pu-accent:var(--app-color,var(--product-color,#455847)); --pu-soft:var(--app-tint,var(--product-soft,#ecf3ed)); font:14px/1.5 Manrope,Arial,sans-serif; color:var(--pu-ink); }
.pu-calendar *, .pu-inbox *, .pu-thread *, .pu-dashboard *, .pu-network * { box-sizing:border-box; }
.pu-calendar button,.pu-inbox button,.pu-thread button,.pu-dashboard button { font:inherit; cursor:pointer; }
.pu-calendar button:focus-visible,.pu-inbox button:focus-visible,.pu-thread button:focus-visible,.pu-dashboard button:focus-visible { outline:2px solid var(--pu-accent); outline-offset:2px; }
.pu-app-menu { position:relative; margin:0 0 14px; font:11px Manrope,Arial,sans-serif; color:#6a7b70; }.pu-app-menu>summary { cursor:pointer; text-align:right; padding:3px 0; }.pu-app-menu>div { position:absolute; right:0; top:24px; z-index:5; min-width:165px; padding:7px; border:1px solid #dfe5df; background:#fff; border-radius:12px; box-shadow:0 12px 25px #1935221a; }.pu-app-menu button { display:block; width:100%; border:0; background:none; text-align:left; padding:12px; border-radius:8px; font-size:12px; color:#4a6451; }.pu-app-menu button[aria-pressed=true] { background:#eef4ed; }
.pu-detail { width:min(380px,calc(100% - 32px)); border:1px solid #e2e8df; border-radius:23px; background:#fff; color:#243629; padding:28px; font:14px Manrope,Arial,sans-serif; }.pu-detail::backdrop { background:#20312877; backdrop-filter:blur(4px); }.pu-detail h3 { font-size:30px; letter-spacing:-1px; margin:20px 0 10px; }.pu-detail strong { display:block; font-size:26px; margin:15px 0; }.pu-detail small { display:block; color:#8a9589; font-size:11px; }.pu-detail>button { display:block; width:100%; padding:13px; margin:24px 0 12px; border:0; background:#294934; color:#fff; border-radius:12px; font:700 13px Manrope,Arial,sans-serif; }
#app-content .network-metrics { gap:8px; }#app-content .network-metrics>div { padding:14px 12px; }#app-content .network-metrics strong { font-size:25px; }#app-content .network-section { margin-top:21px; }
#app-content .coworker-heading { text-align:left; padding:0; display:flex; align-items:center; gap:12px; }#app-content .coworker-heading>span:nth-child(2) { display:none; }#app-content .coworker-heading h3 { font-size:25px; margin:0; }#app-content .coworker-heading .coworker-orb { width:37px; height:37px; margin:0; }#app-content .coworker-context { margin:18px 0; }
#mobile-studio .unavailable-note { font-size:10px; padding:6px 0; background:none; color:#8a958c; }
.pu-screen-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 18px; }
.pu-screen-head h3 { font:750 25px/1.15 Manrope,Arial,sans-serif !important; letter-spacing:-.8px; margin:0 !important; }
.pu-screen-head>span { font-size:11px; color:#7c887f; }
.pu-calendar-controls { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:20px; }
.pu-weekstrip { flex:1; display:flex; justify-content:space-between; gap:5px; }
.pu-weekstrip button { display:flex; align-items:center; flex-direction:column; justify-content:center; padding:6px; min-width:32px; gap:1px; border:0; border-radius:12px; color:#7d8780; background:transparent; }
.pu-weekstrip button[aria-pressed=true] { background:var(--pu-accent); color:#fff; }
.pu-weekstrip small { font-size:10px; }.pu-weekstrip b { font-size:15px; }
.pu-mode { display:flex; gap:2px; padding:3px; border-radius:9px; background:#f1f3ef; }
.pu-mode button { border:0; padding:6px 8px; border-radius:7px; font-size:11px; color:#788078; background:transparent; }
.pu-mode button[aria-pressed=true] { color:#26342b; background:#fff; box-shadow:0 1px 3px #26342b15; }
.pu-timegrid { display:flex; position:relative; padding-top:6px; height:452px; }
.pu-times { position:relative; flex:0 0 41px; font-size:10px; color:#9a9f9a; }
.pu-times>span { position:absolute; left:0; transform:translateY(-6px); }
.pu-days { flex:1; display:grid; grid-template-columns:repeat(var(--days),minmax(0,1fr)); min-width:0; }
.pu-day { position:relative; background:repeating-linear-gradient(to bottom,#e9ece7 0,#e9ece7 1px,transparent 1px,transparent 48px); border-left:1px solid #e9ece7; }
.pu-day-label { position:absolute; top:-20px; width:100%; text-align:center; font-size:10px; color:#858e86; }
.pu-event { position:absolute; left:7px; right:2px; display:flex; flex-direction:column; align-items:start; padding:7px 12px; border:0; border-left:3px solid #9f84be; border-radius:7px; background:#eee5f7; color:#513f65; overflow:hidden; text-align:left; }
.pu-event strong { font-size:13px; line-height:1.4; }.pu-event>span { font-size:11px; }.pu-event small { font-size:10px; opacity:.8; }
.pu-event.peach { background:#faecdf; border-color:#dba878; color:#70533c; }.pu-event.sage { background:#e5eee5; border-color:#92b292; color:#3a5c45; }.pu-event.pink { background:#f8e4ed; border-color:#c879a0; color:#864e6a; }
.pu-opening { position:absolute; left:8px; right:2px; padding:10px; border:1px dashed #cedbd2; border-radius:6px; color:#5a8067; font-size:11px; }.pu-opening span { float:right; }
.pu-timegrid.is-week .pu-event { left:2px; padding:5px 3px; }.pu-timegrid.is-week .pu-event>span { display:none; }.pu-timegrid.is-week .pu-event strong { font-size:10px; }.pu-timegrid.is-week .pu-event small { font-size:9px; }.pu-timegrid.is-week .pu-opening { padding:8px 2px; left:2px; font-size:9px; }.pu-timegrid.is-week .pu-opening span { display:none; }
.pu-live { font-size:10px; color:#38704d !important; background:#eaf4ed; padding:5px 9px; border-radius:20px; white-space:nowrap; }
.pu-inbox-filters { display:flex; gap:23px; color:#8b938b; padding-bottom:15px; border-bottom:1px solid #edf0e9; font-size:12px; }.pu-inbox-filters span:first-child { color:#24362a; font-weight:700; }.pu-inbox-filters b { background:#f5e8df; color:#ad6c37; padding:1px 5px; border-radius:5px; }
.pu-conversation { display:flex; align-items:start; gap:11px; padding:20px 0; width:100%; background:none; border:0; border-bottom:1px solid #edf0e9; color:inherit; text-align:left; }
.pu-avatar { display:grid; place-items:center; flex:0 0 35px; width:35px; height:35px; border-radius:50%; font-size:13px; font-weight:700; color:#725b80; background:#eee8f2; }.avatar-ava { color:#9a6649; background:#f7ece0; }.avatar-emma { color:#4f775b; background:#e8f1e7; }
.pu-conversation>span:nth-child(2) { flex:1; min-width:0; }.pu-conversation b { display:block; font-size:14px; }.pu-conversation small { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:#879087; margin:5px 0; }.pu-conversation em { display:inline-block; font-style:normal; font-size:10px; padding:3px 7px; border-radius:5px; }.pu-conversation .positive { color:#447452; background:#edf4ed; }.pu-conversation .attention { color:#a16b42; background:#f9ede1; }.pu-conversation time { font-size:9px; color:#9ba29b; }
.pu-thread-head { display:flex; align-items:center; gap:10px; padding:0 0 17px; border-bottom:1px solid #edf0e9; }.pu-thread-head>button { border:0; background:none; padding:0 8px 0 0; color:#5b705f; font-size:30px; }.pu-thread-head>b { font-size:14px; flex:1; }.pu-thread-head small { display:block; font-size:10px; color:#899388; font-weight:500; }
.pu-messages { display:flex; flex-direction:column; gap:14px; padding:23px 0; }.pu-messages p { max-width:87%; padding:13px 16px; border-radius:18px; font-size:14px; line-height:1.5; margin:0 !important; }.pu-incoming { align-self:start; background:#f0f0ed; border-bottom-left-radius:4px !important; }.pu-outgoing { align-self:end; background:var(--pu-soft); color:var(--pu-accent); border-bottom-right-radius:4px !important; }
.pu-primary { display:flex; align-items:center; justify-content:center; gap:9px; width:100%; border:0; border-radius:12px; padding:14px; background:var(--pu-accent); color:#fff; font-size:13px !important; font-weight:700 !important; }.pu-primary svg { width:19px; height:19px; }
.pu-confirmation { display:flex; align-items:center; gap:12px; border:1px solid #d4e8da; background:#f3f8f3; border-radius:14px; padding:17px; margin:0 0 15px; }.pu-success { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#5e9370; color:#fff; font-size:17px; }.pu-confirmation b { font-size:13px; display:block; color:#3e634a; }.pu-confirmation div>span { display:block; font-size:11px; color:#7b9382; margin-top:3px; }
.pu-demo-note { display:block; margin:15px 0 0; font-size:10px; color:#97a096; text-align:center; }.pu-human { color:#7e897f; font-size:12px; padding:15px 0; }
.pu-metrics { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.pu-metrics>div { padding:17px; background:#f4f5f0; border-radius:16px; }.pu-metrics small { display:block; font-size:11px; color:#7c887b; }.pu-metrics strong { display:block; font-size:31px; letter-spacing:-1.3px; line-height:1.5; }.pu-metrics span { display:block; font-size:10px; color:#99a094; }
.pu-section-title { display:flex; justify-content:space-between; align-items:center; margin:23px 0 12px; font-size:13px; }.pu-section-title button { color:var(--pu-accent); border:0; background:none; font-size:11px; }
.pu-day-chart { display:flex; gap:9px; align-items:center; font-size:9px; color:#9da497; }.pu-day-chart>div { display:flex; align-items:center; gap:8px; flex:1; }.pu-day-chart i { display:block; height:13px; background:#dfd3ed; border-radius:5px; width:25%; }.pu-day-chart i:nth-child(2) { background:#f0d9c1; }.pu-day-chart i:nth-child(3) { background:#d6e3d4; width:12%; }.pu-day-chart i:last-child { background:#f2f3ed; width:33%; }.pu-day-chart i.filled { background:#edc3d7; }
.pu-next { display:flex; align-items:center; gap:12px; padding:18px 0; font-size:12px; }.pu-next time { color:#879581; }.pu-next div { flex:1; }.pu-next b,.pu-next span { display:block; }.pu-next span { font-size:11px; color:#96a090; }
.pu-coworker { display:flex; align-items:center; gap:12px; padding:17px; border:0; border-radius:16px; background:var(--pu-soft); color:var(--pu-accent); width:100%; text-align:left; }.pu-coworker>svg { width:27px; height:27px; flex-shrink:0; }.pu-coworker>span:nth-child(2) { flex:1; }.pu-coworker small { display:block; font-size:10px; margin-bottom:4px; }.pu-coworker b { font-size:13px; line-height:1.5; display:block; }.pu-coworker>span:last-child { font-size:23px; }
.pu-mini-calendar { position:relative; margin-top:22px; padding-left:39px; }.pu-mini-calendar>span { color:#9ca796; font-size:10px; display:block; margin:12px 0 12px -39px; }.pu-mini-calendar>div { border-left:3px solid #7ca784; background:#eaf3e7; color:#426748; border-radius:7px; padding:13px; }.pu-mini-calendar b,.pu-mini-calendar div>span,.pu-mini-calendar small { display:block; font-size:12px; }.pu-mini-calendar small { font-size:10px; margin-top:6px; }
.pu-network-total { position:relative; margin-bottom:15px; padding:20px; border-radius:15px; background:#eaf2e7; overflow:hidden; }.pu-network-total small,.pu-network-total>span { display:block; font-size:11px; color:#7a8b72; }.pu-network-total>strong { font-size:36px; letter-spacing:-1.5px; display:block; line-height:1.6; }.pu-bars { display:flex; align-items:end; justify-content:end; gap:7px; position:absolute; bottom:20px; right:17px; width:43%; height:70px; }.pu-bars i { width:12%; border-radius:3px 3px 0 0; background:#a7c396; }.pu-bars i:last-child { background:#5a874a; }
.pu-network-summary { display:flex; gap:25px; padding:0 0 14px; font-size:11px; color:#85907f; }.pu-network-summary b { color:#253a2b; font-size:16px; }
.pu-network-row { display:flex; align-items:center; gap:10px; padding:13px 0; border-top:1px solid #edf0e9; }.pu-network-row>span:nth-child(2) { flex:1; }.pu-network-row b { display:block; font-size:12px; }.pu-network-row small { display:block; font-size:10px; color:#98a08f; }.pu-network-row strong { font-size:13px; }
.pu-stock-insight { display:flex; align-items:center; gap:12px; border-radius:13px; background:#f5eaf0; padding:12px; margin-top:12px; }.pu-stock-insight img { width:45px; height:45px; object-fit:cover; border-radius:9px; }.pu-stock-insight small,.pu-stock-insight b { display:block; font-size:10px; color:#967588; }.pu-stock-insight b { font-size:12px; color:#7c526b; margin-top:4px; }