/* A hidden role must never participate in layout, at any breakpoint. */
body #supervisorApp.supervisor-shell.hidden,body #agentApp.role-app.hidden,body #agentApp.hidden,body #authScreen.hidden,body #developerApp.hidden{display:none!important;visibility:hidden!important;pointer-events:none!important}
body:has(#developerApp:not(.hidden)){padding:0!important;overflow:hidden!important}
body #developerApp:not(.hidden){position:fixed;inset:0;width:100%;height:100dvh;max-height:100dvh;margin:0;overflow:hidden;z-index:2;grid-template-columns:248px minmax(0,1fr)}
#developerApp .pd-owner-nav{min-height:0;overflow-y:auto;padding:30px 20px 28px;background:color-mix(in srgb,var(--panel) 62%,transparent);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);scrollbar-width:thin;scrollbar-color:var(--accent-soft) transparent}
#developerApp .pd-owner-main{min-height:0;overflow-y:auto;scrollbar-gutter:stable;padding:14px 26px 32px;scrollbar-width:thin;scrollbar-color:var(--accent-soft) transparent}
#developerApp .card{background:color-mix(in srgb,var(--panel) 62%,transparent)!important;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);border:1px solid var(--line);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--panel) 60%,transparent),0 12px 28px color-mix(in srgb,var(--ink) 5%,transparent)}
.pd-owner-topbar{position:sticky;top:8px;z-index:8000;display:flex;align-items:center;gap:8px;min-height:62px;padding:8px;border:1px solid var(--line);border-radius:25px;background:rgba(var(--panel-rgb),.35);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);margin-bottom:28px}.pd-owner-topbar.pd-bar-scrolled{background:rgba(var(--panel-rgb),.48);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.pd-owner-topbar>button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:rgba(var(--panel-rgb),.2);color:var(--ink);display:grid;place-items:center;flex:none;cursor:pointer}.pd-owner-topbar>button svg{width:18px;height:18px}.pd-owner-search{position:relative;flex:1;min-width:0}.pd-owner-search label{display:flex;align-items:center;gap:9px;padding:0 12px}.pd-owner-search label>svg{width:17px;height:17px;flex:none}.pd-owner-search input{border:0;background:transparent;color:var(--ink);font:inherit;font-size:12px;min-width:0;width:100%;height:40px;outline:none}#pdOwnerNavResults{position:absolute;top:48px;left:0;right:0;padding:10px;background:rgba(var(--panel-rgb),.96);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:16px;max-height:300px;overflow:auto}#pdOwnerNavResults[hidden]{display:none!important}#pdOwnerNavResults button{display:block;width:100%;padding:10px;text-align:left;border:0;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer}
.pd-owner-person-card{display:flex;align-items:center;gap:10px;width:100%;padding:12px;margin:0 0 22px;border:1px solid var(--line);border-radius:18px;background:rgba(var(--panel-rgb),.5);color:var(--ink);text-align:left;cursor:pointer}.pd-owner-person-card>.pd-presentation-avatar{width:40px;height:40px;flex:none}.pd-owner-person-card .pd-presentation-avatar small{font-size:8px}.pd-owner-person-card>span:last-child{min-width:0}.pd-owner-person-card strong{display:block;font-size:12px;overflow-wrap:anywhere}.pd-owner-person-card small{font-size:10px;color:var(--muted)}.pd-owner-profile-hero{display:flex;align-items:center;gap:24px}.pd-owner-profile-hero .pd-presentation-avatar{width:100px;height:100px}.pd-owner-profile-hero h2{margin:6px 0;font-size:25px}.pd-owner-profile-form{display:block!important}.pd-owner-profile-form>.pd-owner-form-grid{width:100%}.pd-owner-profile-form .pd-owner-actions{margin-top:15px}.pd-owner-main :is(button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pd-owner-main button:hover,.pd-owner-nav button:hover{background:var(--accent-soft)}.pd-owner-profile-form input[type=file]{white-space:normal}#pdAgentOwnerSwitch[hidden]{display:none!important}.pd-logout-flow .pd-owner-topbar{visibility:hidden;pointer-events:none}
@media(max-width:800px){body #developerApp:not(.hidden){grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}#developerApp .pd-owner-nav{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px;overflow:hidden}#developerApp .pd-owner-nav h2{font-size:17px;margin:0}#developerApp .pd-owner-nav nav{grid-column:1/-1;order:4;width:100%;overflow-x:auto;margin:0}.pd-owner-person-card{margin:0;padding:6px 10px;justify-self:end;width:auto;max-width:210px}#pdOwnerLogout{display:none}#developerApp .pd-owner-main{padding:10px 14px 32px}.pd-owner-topbar{border-radius:20px;gap:5px;margin-bottom:18px}.pd-owner-topbar>button{width:35px;height:35px}.pd-owner-search label{padding:0 5px}.pd-owner-search label>svg{display:none}.pd-owner-profile-hero{gap:14px;align-items:flex-start}.pd-owner-profile-hero .pd-presentation-avatar{width:65px;height:65px}.pd-owner-profile-hero h2{font-size:21px}}
/* Structural foreground is opaque; only separate environmental particles remain ethereal. */
body #pdEnvironmentFront{mix-blend-mode:normal;isolation:isolate;opacity:1}
#pdEnvironmentFront .pd-world-corner{opacity:1;mix-blend-mode:normal}
/* Developer uses the existing workspace, controls and theme tokens. */
#developerApp:not([data-owner-page=system]) .pd-owner-boundary{display:none}
#developerApp[data-owner-page=overview] .pd-owner-main>header{display:none}
#developerApp .pd-owner-nav nav button{display:flex;align-items:center;gap:12px;transition:background .16s,color .16s,border-color .16s}
#developerApp .pd-owner-nav nav button svg{width:19px;height:19px;flex:none}
#developerApp .pd-owner-nav nav button:hover{background:var(--accent-soft);color:var(--ink)}
#developerApp .pd-owner-nav nav button.active{box-shadow:inset 3px 0 var(--accent)}
.pd-owner-welcome{padding:8px 0 24px}.pd-owner-welcome h2{font-size:clamp(25px,2.4vw,34px);line-height:1.2;margin:9px 0}.pd-owner-welcome>p:last-child{color:var(--muted);margin:0}
.pd-owner-home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:8px}
#developerApp .pd-owner-stat{display:flex;align-items:center;gap:16px;text-align:left;color:var(--ink);cursor:pointer;min-width:0;font:inherit;border-radius:24px}
.pd-owner-stat>span:nth-child(2){flex:1}.pd-owner-stat small{display:block;color:var(--muted);font-size:12px}.pd-owner-stat strong{display:block;font-size:32px;margin-top:6px}.pd-owner-stat>svg{width:17px;color:var(--muted)}
.pd-owner-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--accent-soft);color:var(--accent);flex:none}.pd-owner-icon svg{width:23px;height:23px}
.pd-owner-home-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:start}
.pd-owner-structure,.pd-owner-shortcuts{display:grid;gap:8px}.pd-owner-structure{max-height:440px;overflow:auto;padding-right:5px}
.pd-owner-structure button,.pd-owner-shortcuts button{display:flex;align-items:center;gap:13px;padding:14px 10px;text-align:left;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--ink);font:inherit;cursor:pointer}
.pd-owner-structure button>span:nth-child(2),.pd-owner-shortcuts button>span{flex:1;min-width:0}.pd-owner-structure strong,.pd-owner-shortcuts strong{display:block;font-size:13px}.pd-owner-structure small,.pd-owner-shortcuts small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.pd-owner-structure button>svg,.pd-owner-shortcuts button>svg{width:18px;height:18px;flex:none;color:var(--accent)}
#developerApp:is([data-owner-page=teams],[data-owner-page=supervisors],[data-owner-page=agents]) .pd-owner-records{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:18px;align-items:stretch}
#developerApp .pd-owner-records :is(.pd-owner-team-card,.pd-owner-person-record){display:flex;flex-direction:column;align-items:stretch;gap:18px;margin:0;border-radius:24px}
.pd-owner-record-heading{display:flex;align-items:center;gap:13px}.pd-owner-record-heading>div{min-width:0}.pd-owner-record-heading strong{font-size:16px}.pd-owner-record-heading .pd-presentation-avatar{width:48px;height:48px;flex:none}
.pd-owner-team-person{display:flex;align-items:center;gap:10px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pd-owner-team-person .pd-presentation-avatar,.pd-owner-team-person .pd-owner-icon{width:36px;height:36px;flex:none}.pd-owner-team-person strong{font-size:12px}.pd-owner-team-person small{margin:0 0 4px!important}.pd-owner-record-meta{margin:0;color:var(--muted);font-size:12px!important}
#developerApp .pd-owner-records .pd-owner-actions{margin-top:auto;padding-top:5px;justify-content:flex-start}.pd-owner-records .pd-owner-actions button{font-size:12px;display:flex;align-items:center;gap:7px;padding:9px 12px}.pd-owner-actions svg{width:15px;height:15px}
#developerApp .pd-owner-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:220px;gap:10px}.pd-owner-empty>svg{width:32px;height:32px;color:var(--accent)}.pd-owner-empty h3,.pd-owner-empty p{margin:0}
#developerApp :is(.pd-owner-stat,.pd-owner-team-card,.pd-owner-person-record,button){transition:border-color .16s,background .16s,box-shadow .16s}
#developerApp :is(.pd-owner-stat,.pd-owner-team-card,.pd-owner-person-record):hover{border-color:var(--accent)}
@media(max-width:1000px){.pd-owner-home-columns{grid-template-columns:1fr}.pd-owner-home-stats{gap:10px}#developerApp .pd-owner-stat{gap:10px;padding:15px!important}.pd-owner-stat .pd-owner-icon{width:36px;height:36px}.pd-owner-stat>svg{display:none}}
@media(max-width:600px){.pd-owner-home-stats{grid-template-columns:1fr}.pd-owner-stat strong{font-size:26px}.pd-owner-stat>span:nth-child(2){display:flex;align-items:center;justify-content:space-between;gap:12px}.pd-owner-stat strong{margin:0}.pd-owner-welcome{padding-top:0}#developerApp .pd-owner-nav nav button{gap:7px}}
@media(prefers-reduced-motion:reduce){#developerApp *{transition:none!important}}