/* Two foreground corners, CSS-token paints, and a clear operational center. */
#pdEnvironmentFront .pd-world-corner{opacity:1;filter:drop-shadow(2px 3px 2px color-mix(in srgb,var(--ink) 24%,transparent))}
#pdEnvironmentFront .pd-world-nw{clip-path:polygon(0 0,100% 0,100% 13%,35% 15%,15% 35%,13% 100%,0 100%)}
#pdEnvironmentFront .pd-world-se{clip-path:polygon(0 0,100% 0,100% 15%,34% 17%,17% 35%,15% 100%,0 100%)}
#pdAvailableToggle{position:relative;display:flex;align-items:center;width:204px;min-width:204px;height:56px;padding:7px 15px 7px 62px;border:1px solid color-mix(in srgb,var(--danger,#da7c89) 42%,var(--line));border-radius:30px;background:color-mix(in srgb,var(--danger,#df8794) 30%,rgba(var(--panel-rgb),.85));color:var(--ink);box-shadow:inset 0 1px 4px color-mix(in srgb,var(--ink) 10%,transparent);font-size:12px;letter-spacing:.6px;justify-content:center;transition:background .2s,padding .2s}
#pdAvailableToggle .pd-available-thumb{position:absolute;left:6px;top:6px;width:42px;height:42px;border-radius:50%;background:rgba(var(--panel-rgb),.95);border:1px solid var(--line);box-shadow:0 2px 5px color-mix(in srgb,var(--ink) 16%,transparent);transition:transform .2s ease}
#pdAvailableToggle[aria-checked=true]{padding:7px 62px 7px 15px;background:color-mix(in srgb,var(--success,#73bc91) 32%,rgba(var(--panel-rgb),.85));border-color:color-mix(in srgb,var(--success,#73bc91) 45%,var(--line))}
#pdAvailableToggle[aria-checked=true] .pd-available-thumb{transform:translateX(148px)}
#pdSupervisorAvailableView .pd-availability-monitor{margin-top:0}.pd-availability-table{max-height:560px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--accent-soft) transparent}.pd-availability-table thead{position:sticky;top:0;z-index:1;background:rgba(var(--panel-rgb),.96);backdrop-filter:blur(10px)}.pd-availability-table tbody tr{height:52px}
body #supervisorApp>.pd-persistent-supervisor-panel{display:none!important}
@media(min-width:1280px){body #supervisorApp.supervisor-shell{display:grid!important;grid-template-columns:var(--pd19-side,248px) minmax(0,1fr) 270px!important;height:100dvh;overflow:hidden}body #supervisorApp>.pd-persistent-supervisor-panel{display:flex!important;flex-direction:column;position:relative!important;height:100dvh!important;max-height:100dvh;width:270px!important;min-width:0;padding:28px 16px 20px!important;gap:16px;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent-soft) transparent}body #supervisorApp>.pd-persistent-supervisor-panel>.card{flex:0 0 auto;margin:0;padding:18px!important}body #supervisorApp .supervisor-main{height:100dvh;overflow-y:auto}body #supervisorApp>.pd-persistent-supervisor-panel::after{content:'';display:block;min-height:4px;flex:none}}
#agentApp .right-panel{padding-bottom:20px!important;scroll-padding-bottom:20px;scrollbar-width:thin;scrollbar-color:var(--accent-soft) transparent}
@media(prefers-reduced-motion:reduce){#pdAvailableToggle,#pdAvailableToggle .pd-available-thumb{transition:none}}
.pd-nickname-helper{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin:4px 0 8px;font-weight:400}.sup-agent-avatar>.pd-presentation-avatar,.pd-team-agent-avatar>.pd-presentation-avatar,#sidebarAvatar>.pd-presentation-avatar,#supAvatar>.pd-presentation-avatar{width:100%;height:100%;margin:0}.sup-agent-avatar .pd-presentation-avatar small,.pd-team-agent-avatar .pd-presentation-avatar small,#sidebarAvatar .pd-presentation-avatar small{font-size:9px}.pd-available-agent-photo{display:block;float:left;width:36px;height:36px;margin-right:10px}.pd-available-agent-photo .pd-presentation-avatar{width:36px;height:36px}.pd-available-agent-photo .pd-presentation-avatar small{font-size:8px}#supProfileAvatar>.pd-presentation-avatar,#profilePhotoPreview>.pd-presentation-avatar{width:100%;height:100%}
#pdCelebrationTypeWrap{display:none!important}#pdBirthdayPeople{display:none}.pd-birthday-composer #pdHuddleAgent{position:absolute;opacity:0;pointer-events:none;width:1px!important;height:1px!important}.pd-birthday-composer #pdBirthdayPeople{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:230px;overflow:auto;margin-top:8px}.pd-birthday-composer #pdBirthdayPeople button{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid var(--line);background:rgba(var(--panel-rgb),.65);color:var(--ink);border-radius:12px;text-align:left;font:inherit;cursor:pointer;min-width:0}.pd-birthday-composer #pdBirthdayPeople button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}#pdBirthdayPeople .pd-presentation-avatar,.pd-birthday-board-row>.pd-presentation-avatar{width:40px;height:40px;flex-shrink:0}#pdBirthdayPeople .pd-presentation-avatar small,.pd-birthday-board-row>.pd-presentation-avatar small{font-size:8px}.pd-birthday-board-row small{white-space:pre-line}.pd-birthday-decoration{display:flex;align-items:center;justify-content:center;gap:40px;height:74px;margin:0 0 16px;pointer-events:none}.pd-birthday-balloon{width:34px;height:42px;border-radius:50% 50% 44% 44%;background:linear-gradient(125deg,var(--accent2),var(--accent));position:relative;animation:pd-birthday-float 3s ease-in-out 2 alternate}.pd-birthday-balloon::after{content:'';position:absolute;height:26px;width:1px;background:var(--accent);top:41px;left:17px;transform:rotate(8deg)}.pd-birthday-balloon:last-child{animation-delay:-1s;background:linear-gradient(135deg,var(--accent),var(--panel))}.pd-birthday-cake{position:relative;width:58px;height:37px;border-radius:8px 8px 3px 3px;background:linear-gradient(var(--accent2) 0 26%,var(--panel) 26% 65%,var(--accent-soft) 65%);border:1px solid var(--line)}.pd-birthday-cake::before{content:'';position:absolute;left:26px;bottom:35px;width:5px;height:18px;background:var(--accent);border-radius:3px}.pd-birthday-cake::after{content:'';position:absolute;left:25px;bottom:55px;width:7px;height:10px;border-radius:60% 10% 60% 40%;background:var(--accent2)}#pdLiveCelebrations{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(310px,100%),1fr));gap:18px}#pdLiveCelebrations article{display:flex;flex-wrap:wrap;align-items:center}#pdLiveCelebrations .pd-live-position{display:none}#pdLiveCelebrations article p{white-space:pre-line;font-size:clamp(14px,1.4vw,20px)}#pdLiveCelebrations .pd-presentation-avatar{width:80px;height:80px}#pdHolidayList{max-height:360px;overflow:auto}
@keyframes pd-birthday-float{from{transform:translateY(3px) rotate(-3deg)}to{transform:translateY(-7px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.pd-birthday-balloon{animation:none}}@media(max-width:600px){.pd-birthday-composer #pdBirthdayPeople{grid-template-columns:1fr}#pdLiveCelebrations .pd-presentation-avatar{width:58px;height:58px}}
#pdHuddlePinnedWrap.hidden,#pdHuddlePriorityWrap.hidden,#pdHuddleUntilWrap.hidden,.pd-team-edit[hidden]{display:none!important}.pd-teams-kpis,#pdTeamsKpis{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))!important}.pd-owner-records strong>svg{width:24px;height:24px;vertical-align:middle;margin-right:7px}.global-result>.pd-presentation-avatar,.global-result>span:first-child>.pd-presentation-avatar{width:38px;height:38px}.global-result .pd-presentation-avatar small{font-size:8px}
/* Keep all actions in one explicit row. Text shrinks before action targets. */
#supervisorApp .pd-compact-link{display:grid!important;grid-template-columns:40px minmax(0,1fr) repeat(3,40px)!important;align-items:center!important;column-gap:7px!important;padding:12px!important;position:relative!important}
#supervisorApp .pd-personal-tool{display:grid!important;grid-template-columns:40px minmax(0,1fr) repeat(2,40px)!important;align-items:center!important;column-gap:7px!important;padding:12px!important;position:relative!important}
#supervisorApp :is(.pd-compact-link,.pd-personal-tool)>.pd-mini-action{position:relative!important;inset:auto!important;grid-column:auto!important;grid-row:1!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important;border-radius:12px!important}
#supervisorApp :is(.pd-compact-link,.pd-personal-tool)>.pd-mini-action svg{width:16px!important;height:16px!important;margin:0!important;flex:none}
#supervisorApp :is(.pd-compact-link-icon,.pd-personal-icon){width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
#supervisorApp :is(.pd-compact-link-main,.pd-personal-tool>div:not(.pd-inline-icon-picker)){min-width:0!important;overflow:hidden!important}
#supervisorApp :is(.pd-compact-link,.pd-personal-tool) input{width:100%!important;min-width:0!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}
#supervisorApp :is(.pd-compact-link,.pd-personal-tool)>.pd-inline-icon-picker{grid-column:1/-1!important}
@media(max-width:450px){#supervisorApp .pd-compact-link{grid-template-columns:32px minmax(0,1fr) repeat(3,36px)!important;gap:5px!important;padding:9px!important}#supervisorApp .pd-personal-tool{grid-template-columns:32px minmax(0,1fr) repeat(2,36px)!important;gap:5px!important;padding:9px!important}#supervisorApp :is(.pd-compact-link,.pd-personal-tool)>.pd-mini-action{width:36px!important;min-width:36px!important;max-width:36px!important}#supervisorApp :is(.pd-compact-link-icon,.pd-personal-icon){width:32px!important;min-width:32px!important}#supervisorApp :is(.pd-compact-links,.pd-personal-tools-grid){grid-template-columns:1fr!important}}
:is(.pd-avatar-sm,.sup-schedule-avatar,.sup-request-agent-avatar,.sup-incident-agent-avatar)>.pd-presentation-avatar{width:100%;height:100%;margin:0}:is(.pd-avatar-sm,.sup-schedule-avatar,.sup-request-agent-avatar,.sup-incident-agent-avatar) .pd-presentation-avatar small{font-size:8px}
.pd-presentation-avatar img[hidden]{display:none!important}
/* Final targeted correction: remove the artificial corner masks, retain geometry/palette. */
#pdEnvironmentFront{overflow:visible!important;contain:none!important;clip-path:none!important;isolation:isolate;pointer-events:none!important}
#pdEnvironmentFront .pd-world-corner{clip-path:none!important;overflow:visible!important;contain:none!important}
#pdEnvironment .pd-world-corner{opacity:0!important}
#pdEnvironmentFront,#pdEnvironmentFront *{pointer-events:none!important;user-select:none!important}
#pdEnvironmentFront .pd-world-particle{max-width:13px;filter:drop-shadow(0 1px 1px color-mix(in srgb,var(--ink) 24%,transparent))}
#pdEnvironment .pd-environment-particles .pd-world-particle{filter:drop-shadow(0 0 1px color-mix(in srgb,var(--accent) 24%,transparent))}
#agentApp .right-panel{padding-bottom:40px!important;scroll-padding-bottom:40px}
@media(min-width:1280px){body #supervisorApp>.pd-persistent-supervisor-panel{padding-bottom:40px!important;scroll-padding-bottom:40px}body #supervisorApp>.pd-persistent-supervisor-panel::after{display:none}}
@media(max-width:600px){#pdEnvironmentFront .pd-world-particle:nth-of-type(-n+4){display:block!important}#pdEnvironmentFront .pd-world-particle:nth-of-type(n+5){display:none!important}}
@media(prefers-reduced-motion:reduce){#pdEnvironmentFront .pd-world-particle{display:none!important}}

/* Schedule-list avatars are bounded here, without changing the shared identity renderer. */
#supScheduleAgentList .sup-schedule-list-avatar{width:36px;height:36px;min-width:36px;min-height:36px;aspect-ratio:1;flex-shrink:0;overflow:hidden;border-radius:50%}
#supScheduleAgentList .sup-schedule-list-avatar>.pd-presentation-avatar{width:100%;height:100%;min-width:0;min-height:0;margin:0;transform:none}
#supScheduleAgentList .sup-schedule-list-avatar img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:50%}
#supScheduleAgentList .sup-schedule-agent-option{grid-template-columns:36px minmax(0,1fr) auto}
#supScheduleAgentList .sup-schedule-agent-option>div:nth-child(2){min-width:0;overflow-wrap:anywhere}
#supScheduleAgentList .pd-presentation-avatar small{font-size:8px;margin:0}
.sup-agent-identity-meta{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:12px;color:var(--muted)}

/* Depth changes cross-fade the existing back/front artwork, never the particles. */
#pdEnvironment .pd-world-corner,#pdEnvironmentFront .pd-world-corner{transform-origin:top left;transition:scale .7s cubic-bezier(.22,.7,.25,1),opacity .7s ease,visibility 0s .7s}
#pdEnvironment .pd-world-se,#pdEnvironmentFront .pd-world-se{transform-origin:center center}
html[data-pd-activity=active] #pdEnvironment .pd-world-corner{scale:.84;opacity:.42!important}
html[data-pd-activity=active] #pdEnvironmentFront .pd-world-corner{scale:.84;opacity:.22!important;visibility:visible}
html[data-pd-activity=idle] #pdEnvironment .pd-world-corner{scale:1;opacity:1!important}
html[data-pd-activity=idle] #pdEnvironmentFront .pd-world-corner{scale:1;opacity:1!important;visibility:visible;transition:scale .8s cubic-bezier(.22,.7,.25,1),opacity .65s .15s ease,visibility 0s}
@media(prefers-reduced-motion:reduce){#pdEnvironment .pd-world-corner,#pdEnvironmentFront .pd-world-corner{scale:1!important;transition:none!important}}

@media(min-width:901px){
 body :is(#agentApp,#supervisorApp) :is(.sidebar,.supervisor-sidebar){overflow:visible!important}
 body :is(#agentApp,#supervisorApp) :is(.sidebar>.menu,.supervisor-sidebar>.supervisor-menu){margin:0 -24px!important;padding:24px 28px 42px 24px!important;width:calc(100% + 48px)!important;min-height:0;overflow-x:hidden!important;overflow-y:auto!important;scroll-padding-block:24px}
 body #agentApp .utility-bar,body #supervisorApp .sup-utility-bar,
 body #agentApp .utility-bar.pd-bar-scrolled,body #supervisorApp .sup-utility-bar.pd-bar-scrolled{
 background:color-mix(in srgb,var(--panel) 20%,transparent)!important;
 backdrop-filter:blur(16px) saturate(110%)!important;-webkit-backdrop-filter:blur(16px) saturate(110%)!important;
 border-color:color-mix(in srgb,var(--panel) 42%,transparent)!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--panel) 25%,transparent)!important;
 }
 body #agentApp .utility-bar::before,body #supervisorApp .sup-utility-bar::before,
 body #agentApp .utility-bar::after,body #supervisorApp .sup-utility-bar::after{content:none!important;display:none!important}
}
.pd-temp-tools{display:flex;gap:16px;align-items:end;padding:18px;margin:16px 0}
.pd-temp-tools label{display:grid;gap:6px;flex:1;min-width:0;color:var(--muted);font-size:12px}
.pd-temp-tools strong{white-space:nowrap;font-size:13px;padding-bottom:12px}
.pd-temp-tabs,.pd-temp-context{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.pd-temp-context{padding:14px!important;margin:12px 0!important;font-size:12px}
[data-sup-panel=temporary]>.section-heading{display:flex;gap:18px;justify-content:space-between;align-items:start}
[data-sup-panel=temporary]>.section-heading label{max-width:45%;font-size:12px;color:var(--muted)}
#pdTempAgents .sup-agent-card{min-width:0}
@media(max-width:650px){.pd-temp-tools{flex-wrap:wrap}.pd-temp-tools label{flex-basis:100%}[data-sup-panel=temporary]>.section-heading{flex-direction:column}[data-sup-panel=temporary]>.section-heading label{max-width:100%;width:100%}}

.supervisor-menu [data-sup-view=temporary][hidden],#pdTemporaryTeamTab[hidden]{display:none!important}

@media(min-width:901px){
 body #agentApp .utility-bar.pd-bar-scrolled::before,body #supervisorApp .sup-utility-bar.pd-bar-scrolled::before,
 body #agentApp .utility-bar.pd-bar-scrolled::after,body #supervisorApp .sup-utility-bar.pd-bar-scrolled::after{content:none!important;display:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
#dashboardView .pd-greeting-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}
#dashboardView .pd-greeting-row #greeting{margin:0}
#dashboardView #pdMoodCheckin{margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;min-width:0;max-width:100%;display:block}
#dashboardView #pdMoodCheckin>div{display:flex;gap:3px}
#dashboardView #pdMoodCheckin button{display:grid;justify-items:center;align-content:center;gap:2px;width:44px;min-width:44px;height:48px;min-height:44px;padding:3px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted)}
#dashboardView #pdMoodCheckin button svg{width:27px;height:27px}
#dashboardView #pdMoodCheckin .pd-mood-caption{font-size:8px;white-space:nowrap;line-height:1.2}
#dashboardView #pdMoodCheckin button:hover{background:var(--accent-soft)}
#dashboardView #pdMoodCheckin button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}
#dashboardView #pdMoodCheckin button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}