.pd-onboard{width:min(680px,calc(100vw - 32px));margin:24px auto;padding:28px;position:relative}.pd-onboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pd-onboard label,.pd-onboard-invite label{display:grid;gap:8px;min-width:0}.pd-onboard-invite{padding:24px;display:grid;gap:16px;max-width:720px}.pd-onboard [role=alert]{color:var(--danger,#b33150)}#authScreen:has(#pdOnboarding)>:not(#pdOnboarding){display:none!important}#authScreen:has(#pdOnboarding){display:block!important;overflow:auto}.pd-onboard-grid input{width:100%;min-width:0}@media(max-width:600px){.pd-onboard-grid{grid-template-columns:1fr}.pd-onboard{padding:20px}}
.pd-nami-card{padding:24px;display:grid;gap:20px;min-width:0}.pd-nami-card form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.pd-nami-card label{display:grid;gap:8px;flex:1;min-width:180px}#pdSupNamiMessages{max-height:50dvh;overflow:auto;overflow-wrap:anywhere}#pdSupNamiSuggestions{display:flex;gap:8px;flex-wrap:wrap}
/* Layering changes apply to blocking overlays, never to Top Bar appearance. */
body :is(.modal-overlay,.pd-flow-modal,.pd-layer){z-index:200000!important;position:fixed;inset:0}body :is(.modal-overlay.show,.pd-layer:not(.hidden)){background:rgb(15 20 35 / .28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}body #pdRequestBackdrop{z-index:199999!important;background:rgb(15 20 35 / .28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}body :is(#supRequestAgentDetail,#supIncidentAgentDetail):not(.hidden){z-index:200000!important;inset:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom)) auto!important;width:min(650px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box; margin:0!important;height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)))!important;display:flex;flex-direction:column;max-height:calc(100dvh - 24px);overflow:auto!important;overscroll-behavior:contain;padding:20px!important;scrollbar-gutter:stable;border-radius:24px!important}body :is(#pdDateOverlay,#timePickerOverlay){z-index:200100!important}#supRequestAgentDetail :is(.sup-request-detail-card,.pd-admin-package){max-height:none!important;overflow:visible!important;min-width:0}
:is(#supRequestAgentDetail,#supIncidentAgentDetail)>:is(.sup-request-detail-list,.sup-incident-detail-list){min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;flex:1}
:is(#supRequestAgentDetail,#supIncidentAgentDetail)>:is(.sup-request-detail-header,.sup-incident-detail-header){flex-shrink:0}
#supRequestAgentDetail .sup-request-detail-header{position:relative!important;top:auto!important;padding:8px 0!important;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}#supRequestAgentDetail .sup-request-detail-agent{position:relative!important;top:auto!important;padding:0!important;min-width:0;margin-left:auto;align-items:center}#supRequestAgentDetail .sup-request-detail-agent>div{min-width:0;overflow-wrap:anywhere}#supRequestAgentDetail .sup-request-back{flex-shrink:0}#supRequestAgentDetail :is(input,select,textarea){max-width:100%;min-width:0}#supRequestAgentDetail :is(.pd-admin-actions,.sup-request-detail-footer){display:flex;gap:10px;flex-wrap:wrap}#supRequestAgentDetail :is(p,small,a,td){overflow-wrap:anywhere}.pd-product-file{width:100%;font-size:0!important;min-height:44px;color:transparent!important}.pd-product-file::file-selector-button{font:600 14px inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 16px;cursor:pointer;margin-right:0}.pd-product-file:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pd-file-summary{display:block;overflow-wrap:anywhere;color:var(--muted);font-size:12px;margin-top:8px}
.pd-product-file::file-selector-button{font-family:inherit;font-size:14px;font-weight:600}
/* Animate secondary details in the existing artwork only after the approved idle return. */
html[data-pd-activity=idle] :is(#pdEnvironment,#pdEnvironmentFront)[data-world] .pd-world-object>g>g:nth-child(2n){animation:pd-detail-drift 13s 1.1s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 80%}html[data-pd-activity=idle] :is(#pdEnvironment,#pdEnvironmentFront) .pd-world-object>g>g:nth-child(3n){animation-duration:17s;animation-delay:1.5s;animation-direction:alternate-reverse}html[data-pd-activity=idle] :is(#pdEnvironment,#pdEnvironmentFront):is([data-world=cherry],[data-world=wisteria],[data-world=foliage],[data-world=garden],[data-world=rose],[data-world=laurel]) .pd-world-object>g>g:nth-child(2n){animation-name:pd-detail-leaf}html[data-pd-activity=idle] :is(#pdEnvironment,#pdEnvironmentFront):is([data-world=crystal],[data-world=mecha],[data-world=shrine],[data-world=ruins]) .pd-world-object>g>g:nth-child(2n){animation-name:pd-detail-shimmer}html[data-pd-activity=active] :is(#pdEnvironment,#pdEnvironmentFront) .pd-world-object>g>g{animation:none;transition:rotate .8s,translate .8s,opacity .8s}@keyframes pd-detail-leaf{to{rotate:.8deg;translate:0 -.7px}}@keyframes pd-detail-drift{to{translate:.6px -1px;rotate:.2deg}}@keyframes pd-detail-shimmer{to{opacity:.91}}@media(prefers-reduced-motion:reduce){html :is(#pdEnvironment,#pdEnvironmentFront) .pd-world-object>g>g{animation:none!important;transition:none!important}}
:is(#assistantPanel,#pdSupNamiPanel){min-width:0;max-width:100%}:is(#assistantPanel,#pdSupNamiPanel) .assistant-shell{grid-template-columns:minmax(180px,240px) minmax(0,1fr)}.pd-supervisor-nami{grid-template-columns:minmax(180px,240px) minmax(0,1fr)}:is(#assistantPanel,#pdSupNamiPanel) .assistant-chat{grid-template-rows:auto minmax(260px,1fr) auto;min-width:0}:is(#assistantPanel,#pdSupNamiPanel) .chat-messages{width:100%;box-sizing:border-box;min-width:0;max-height:55dvh;overflow-x:hidden}:is(#assistantPanel,#pdSupNamiPanel) .chat-bubble{box-sizing:border-box;max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap;min-width:0}:is(#assistantPanel,#pdSupNamiPanel) .pd-nami-replies{width:100%;white-space:normal}.pd-nami-replies>span{display:block;margin-bottom:10px;color:var(--muted)}.pd-nami-replies>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:8px}:is(#assistantPanel,#pdSupNamiPanel) .suggestion-chip{display:block;width:100%;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:left;border-radius:14px;line-height:1.5;padding:11px 13px;font-size:12px;height:auto}:is(#assistantPanel,#pdSupNamiPanel) .chat-input{min-width:0;width:100%;box-sizing:border-box}:is(#assistantPanel,#pdSupNamiPanel) .chat-input input{width:0;min-width:0;flex:1}:is(#assistantPanel,#pdSupNamiPanel) .chat-input button{flex:0 0 44px}:is(#assistantPanel,#pdSupNamiPanel) .assistant-chat-toolbar{min-width:0;gap:10px;flex-wrap:wrap}#pdSupNamiName{display:grid;gap:12px;margin-top:20px}#pdSupNamiName label{display:grid;gap:8px}#pdSupNamiName input{width:100%;min-width:0;box-sizing:border-box}@media(max-width:1100px){:is(#assistantPanel,#pdSupNamiPanel) .assistant-shell{grid-template-columns:minmax(0,1fr)}:is(#assistantPanel,#pdSupNamiPanel) .assistant-intro{padding:18px}.pd-supervisor-nami .assistant-orb,#assistantPanel .assistant-intro .mascot-wrap,#assistantPanel .assistant-orb{display:none}#pdSupNamiName{grid-template-columns:minmax(0,1fr) auto;align-items:end}:is(#assistantPanel,#pdSupNamiPanel) .chat-messages{padding:14px}.pd-nami-replies>div{grid-template-columns:minmax(0,1fr)}}
html[data-pd-activity=idle] :is(#pdEnvironment,#pdEnvironmentFront)[data-world=volley] .pd-world-object>g>g:last-child{animation:pd-detail-ball 16s 1.2s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}@keyframes pd-detail-ball{to{rotate:1deg;translate:0 -.6px}}
/* F3: reuse profile and navigation controls without changing field authority. */
#pdInviteSupervisorAction{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 85%,#ed8abb 15%);color:var(--ink);border-radius:14px;font:inherit;font-size:12px;padding:11px 14px;cursor:pointer}
#pdInviteSupervisorAction:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#pdInviteAgentAction{display:inline-flex;align-items:center;gap:8px;font-size:12px;white-space:normal}
#pdInviteAgentAction svg{width:17px;height:17px}.sup-team-header-actions{flex-wrap:wrap}
#pdOwnerContent .pd-owner-profile-hero h2{font-size:23px;line-height:1.25}
#pdOwnerProfileForm label{min-width:0;font-size:12px}
#pdOwnerProfileForm .form-input{min-width:0;width:100%;min-height:40px;padding:10px 12px;font:inherit;font-size:12px}
#pdOwnerProfileForm h3{font-size:16px}
#pdOwnerProfileForm{padding:20px}#pdOwnerProfileForm .pd-owner-form-grid{gap:14px}
#pdOwnerProfileForm .pd-owner-actions{display:flex;flex-wrap:wrap;gap:10px}
#pdOwnerProfileForm .pd-owner-actions button{border:1px solid var(--line);border-radius:13px;padding:10px 15px;color:var(--ink);background:var(--accent-soft);font:inherit;font-size:12px;cursor:pointer}
#pdOwnerProfileForm .pd-owner-actions .primary-button{background:var(--accent);color:white}
.pd-supervisor-nami h2{font-size:26px}
@media(max-width:760px){#pdOwnerProfileForm .pd-owner-form-grid{grid-template-columns:minmax(0,1fr)}#pdInviteSupervisorAction{grid-column:1/-1}}
@keyframes pd-product-arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.pd-onboard-invite,.pd-supervisor-nami,.pd-nami-replies,#chatMessages .chat-bubble:last-of-type,#pdSupNamiMessages .chat-bubble:last-of-type{animation:pd-product-arrive .18s ease-out}.pd-nami-replies button{transition:background .15s ease,color .15s ease}.pd-nami-replies button:hover{background:var(--accent-soft)}}
.sup-team-header{display:flex!important;align-items:center;justify-content:flex-start!important;gap:20px!important;flex-wrap:wrap}.sup-team-header-actions{margin-left:0!important;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pd-nami-replies>div{display:flex;gap:7px;flex-wrap:wrap;max-height:230px;overflow:auto;scrollbar-width:thin;padding:3px}
.pd-nami-replies .suggestion-chip{font-size:11px!important;padding:7px 10px!important;min-height:0!important;max-width:100%;white-space:normal}
.pd-nami-manual{margin-top:16px;padding:18px;min-width:0}.pd-nami-manual h2{font-size:19px}.pd-nami-manual label{display:grid;gap:8px;font-size:12px}.pd-nami-manual summary{cursor:pointer;padding:12px;font-size:12px;font-weight:600}.pd-nami-manual p{font-size:12px;line-height:1.6;padding:0 12px 12px;overflow-wrap:anywhere}
@media(max-width:760px){.sup-team-header{gap:12px!important}.pd-nami-manual{padding:12px}}
#pdEnvironmentFront,#pdEnvironmentFront *{pointer-events:none!important}
.sup-team-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start!important;width:100%;gap:18px!important}
.sup-team-header-actions{margin-left:0!important;justify-self:end;align-self:start;max-width:100%}
[data-sup-panel="assistant"] .pd-supervisor-nami{grid-template-columns:minmax(220px,280px) minmax(0,1fr)!important;align-items:stretch}
[data-sup-panel="assistant"] .assistant-chat{min-width:0}
[data-sup-panel="assistant"] .pd-nami-manual{grid-column:1/-1}
@media(max-width:900px){.sup-team-header{grid-template-columns:1fr}.sup-team-header-actions{justify-self:start}[data-sup-panel="assistant"] .pd-supervisor-nami{grid-template-columns:1fr!important}}

/* AFK detail motion starts after the existing .8s corner arrival. */
@media(prefers-reduced-motion:no-preference){
 html[data-pd-activity=idle] :is(#pdEnvironment,#pdEnvironmentFront):is([data-world=ember],[data-world=dragon],[data-world=celestial],[data-world=aurora]) .pd-world-object>g>g:nth-child(2n){animation-name:pd-detail-shimmer}
}