/* Target-only adapters; layout uses the existing Supervisor presentation classes. */
#profileView .sup-profile-hero-mirror #profilePreviewNickname{color:var(--muted);margin:4px 0 10px}
#profileView .sup-profile-photo{flex-shrink:0}
#profileView .sup-profile-section-mirror{min-width:0}
#profileView .session-card{grid-column:auto}
#profileView .sup-profile-pagehead{padding-top:0}
@media(max-width:760px){.pd-agent-mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.pd-agent-mobile-nav [data-pd-mobile-nami]{display:grid}}

#assistantPanel .pd-nami-replies{height:auto;min-height:0;flex:0 0 auto;align-self:start}

/* Profile rows share label, control and helper tracks. */
#profileForm .sup-profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:11px;row-gap:6px}
#profileForm .sup-profile-form-grid>label{display:grid;grid-template-rows:subgrid;grid-row:span 3;min-width:0}
#profileForm .pd-profile-field-label{min-height:2.8em;line-height:1.4;overflow-wrap:anywhere}
#profileForm .form-input{grid-row:2;width:100%;min-width:0;height:40px;box-sizing:border-box;margin-top:0}
#profileForm label>small{grid-row:3;float:none;white-space:normal}
#profileForm .pd-profile-field-label small{float:none;display:inline-block;margin-left:4px;white-space:normal}
@media(max-width:620px){#profileForm .sup-profile-form-grid{grid-template-columns:minmax(0,1fr)}}
/* One compact list pattern for both workspaces. */
:is(#supIncidentAgentGrid,#supRequestAgentGrid) .sup-incident-agent-card{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.1fr)!important}
:is(#supIncidentAgentGrid,#supRequestAgentGrid) .sup-incident-agent-card>*,:is(#supIncidentAgentGrid,#supRequestAgentGrid) .sup-incident-agent-identity>div{min-width:0;overflow-wrap:anywhere}
:is(#supIncidentAgentGrid,#supRequestAgentGrid) .sup-incident-agent-identity strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
:is(#supIncidentAgentGrid,#supRequestAgentGrid) .sup-incident-agent-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%}
:is(#supIncidentAgentGrid,#supRequestAgentGrid) .sup-incident-agent-footer>span{display:block!important;font-size:11px}
:is(#supIncidentAgentGrid,#supRequestAgentGrid) .sup-incident-agent-footer button{white-space:normal;font-size:11px}
@media(max-width:900px){:is(#supIncidentAgentGrid,#supRequestAgentGrid) .sup-incident-agent-card{grid-template-columns:minmax(0,1fr)!important}:is(#supIncidentAgentGrid,#supRequestAgentGrid) .sup-incident-agent-pending{display:block!important}}
#helpView{scroll-margin-top:90px}
#helpView .assistant-chat{min-height:0;grid-template-rows:auto minmax(0,1fr) auto}
#helpView .chat-messages{min-height:0;overscroll-behavior:contain}

:is(#supIncidentAgentGrid,#supRequestAgentGrid,#supIncidentAgentDetail) .avatar>.pd-presentation-avatar{width:100%;height:100%;min-width:0;min-height:0;margin:0}
@media(max-width:760px){#helpView{padding-bottom:90px}#helpView .assistant-intro{min-height:0}#helpView .assistant-chat{height:min(520px,65dvh)}#helpView .chat-messages{max-height:none}}
@media(max-width:760px){#helpView .chat-input{scroll-margin-bottom:100px}}

/* The label remains the photo picker; filenames are not part of this control. */
#profilePhotoInput,#supProfilePhotoInput,#profilePhotoInput+.pd-file-summary,#supProfilePhotoInput+.pd-file-summary{display:none}
/* Independent disclosures only inside each agent's detail panel. */
:is(#supIncidentAgentDetail,#supRequestAgentDetail) .pd-agent-card-toggle{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);cursor:pointer;font-size:16px}
:is(#supIncidentAgentDetail,#supRequestAgentDetail) :is(.sup-request-card-head,.sup-incident-preview-head)>:first-child{min-width:0;flex:1}
#supIncidentAgentDetail .pd-card-compact-summary{display:none}
#supIncidentAgentDetail .pd-card-collapsed .pd-card-compact-summary{display:block}
:is(#supIncidentAgentDetail,#supRequestAgentDetail) .pd-card-collapsed>:not(.sup-request-card-head):not(.sup-incident-preview-head){display:none!important}
:is(#supIncidentAgentDetail,#supRequestAgentDetail)>:is(.sup-request-detail-list,.sup-incident-detail-list){align-content:start;grid-auto-rows:max-content}
@media(prefers-reduced-motion:no-preference){.pd-agent-card-toggle{transition:background .15s ease,color .15s ease}}

/* Align the supervisor employment row without letting helper copy float. */
.sup-profile-form-grid:has(#supHireDateInput){row-gap:6px}
.sup-profile-form-grid:has(#supHireDateInput)>label{display:grid;grid-template-rows:subgrid;grid-row:span 3;min-width:0}
.sup-profile-form-grid:has(#supHireDateInput) .pd-profile-field-label{grid-row:1;line-height:1.4;min-height:2.8em}
.sup-profile-form-grid:has(#supHireDateInput) :is(.form-input,.sup-readonly-field,.pd-date-trigger){grid-row:2;height:40px;box-sizing:border-box;margin-top:0;min-width:0;width:100%}
.sup-profile-form-grid:has(#supHireDateInput)>label>small{grid-row:3;float:none;white-space:normal;line-height:1.5}
body[data-theme] #supRequestAgentDetail :is(.sup-request-detail-header,.sup-request-detail-agent){background:transparent!important;box-shadow:none!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Shared chromatic tokens; existing controls keep their geometry and behavior. */
body{--pd-control-accent:var(--accent);--pd-control-surface:color-mix(in srgb,var(--accent) 16%,var(--panel));--pd-control-border:color-mix(in srgb,var(--accent) 48%,var(--line));--pd-control-text:var(--ink)}
html body[data-theme][data-mode] :is(.primary-button,.secondary-button,.icon-button,.tiny-button,.suggestion-chip,.help-tab,.faq-category,.faq-question,.assistant-reset-button,.filter-button,.request-filter,.filter-chip,.status-filter,.type-option,.request-type-option,.incident-action-button,.pd-agent-card-toggle,.pd-date-trigger,.text-button,#helpView button){background:color-mix(in srgb,var(--pd-control-accent) 16%,var(--panel))!important;color:var(--pd-control-text)!important;border-color:color-mix(in srgb,var(--pd-control-accent) 48%,var(--line))!important}
html body[data-theme][data-mode] :is(.primary-button,.secondary-button,.icon-button,.tiny-button,.suggestion-chip,.help-tab,.faq-category,.faq-question,.assistant-reset-button,.filter-button,.request-filter,.filter-chip,.status-filter,.type-option,.request-type-option,.incident-action-button,.pd-agent-card-toggle,.pd-date-trigger,.text-button,#helpView button):is(.danger,.reject,[data-agent-delete]){--pd-control-accent:var(--danger)}
html body[data-theme][data-mode] :is(.primary-button,.secondary-button,.icon-button,.tiny-button,.suggestion-chip,.help-tab,.faq-category,.faq-question,.assistant-reset-button,.filter-button,.request-filter,.filter-chip,.status-filter,.type-option,.request-type-option,.incident-action-button,.pd-agent-card-toggle,.pd-date-trigger,.text-button,#helpView button):is(.primary-button,.active,.selected,[aria-pressed=true]){background:linear-gradient(135deg,color-mix(in srgb,var(--pd-control-accent) 28%,var(--panel)),color-mix(in srgb,var(--accent2) 20%,var(--panel)))!important}
html body[data-theme][data-mode] :is(.primary-button,.secondary-button,.icon-button,.tiny-button,.suggestion-chip,.help-tab,.faq-category,.faq-question,.assistant-reset-button,.filter-button,.request-filter,.filter-chip,.status-filter,.type-option,.request-type-option,.incident-action-button,.pd-agent-card-toggle,.pd-date-trigger,.text-button,#helpView button):hover:not(:disabled){background:color-mix(in srgb,var(--pd-control-accent) 26%,var(--panel))!important;border-color:var(--pd-control-accent)!important}
html body[data-theme][data-mode] :is(.primary-button,.secondary-button,.icon-button,.tiny-button,.suggestion-chip,.help-tab,.faq-category,.faq-question,.assistant-reset-button,.filter-button,.request-filter,.filter-chip,.status-filter,.type-option,.request-type-option,.incident-action-button,.pd-agent-card-toggle,.pd-date-trigger,.text-button,#helpView button):active:not(:disabled){background:color-mix(in srgb,var(--pd-control-accent) 34%,var(--panel))!important}
html body[data-theme][data-mode] :is(.primary-button,.secondary-button,.icon-button,.tiny-button,.suggestion-chip,.help-tab,.faq-category,.faq-question,.assistant-reset-button,.filter-button,.request-filter,.filter-chip,.status-filter,.type-option,.request-type-option,.incident-action-button,.pd-agent-card-toggle,.pd-date-trigger,.text-button,#helpView button):focus-visible{outline:2px solid var(--pd-control-accent);outline-offset:2px}
html body[data-theme][data-mode] :is(.primary-button,.secondary-button,.icon-button,.tiny-button,.suggestion-chip,.help-tab,.faq-category,.faq-question,.assistant-reset-button,.filter-button,.request-filter,.filter-chip,.status-filter,.type-option,.request-type-option,.incident-action-button,.pd-agent-card-toggle,.pd-date-trigger,.text-button,#helpView button):disabled{background:color-mix(in srgb,var(--pd-control-accent) 8%,var(--panel))!important;color:color-mix(in srgb,var(--ink) 58%,var(--panel))!important;border-color:color-mix(in srgb,var(--pd-control-accent) 20%,var(--line))!important}
html body[data-theme][data-mode] :is(.form-input,.chat-input input,#helpView input){background:var(--pd-control-surface)!important;color:var(--ink)!important;border-color:var(--pd-control-border)!important;caret-color:var(--accent)}
html body[data-theme][data-mode] :is(.form-input,.chat-input input,#helpView input):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pd-agent-management-dialog{margin:auto;color:var(--ink);background:var(--panel);border-color:var(--line)}
.pd-agent-management-dialog::backdrop{background:color-mix(in srgb,var(--page) 65%,transparent)}
/* Nami's suggestion container used a fixed white mix even in dark themes. */
html body[data-theme][data-mode] #helpView :is(.chat-bubble.bot,.pd-nami-replies){background:color-mix(in srgb,var(--accent) 12%,var(--panel))!important;color:var(--ink)!important}
html body[data-theme][data-mode] #helpView .chat-bubble.user{background:color-mix(in srgb,var(--accent) 28%,var(--panel))!important;color:var(--ink)!important}
html body[data-theme][data-mode] #helpView input::placeholder{color:var(--muted);opacity:1}

/* Supervisor text-only actions keep their original transparent surface. */
html body[data-theme][data-mode] #supervisorApp button.text-button,
html body[data-theme][data-mode] #supervisorApp button.text-button:is(:hover,:active,:disabled){background:transparent!important}