/* Release layout guardrails: presentation only; no business or auth changes. */
/* Role-view cards share a row height; variable copy must not move the CTA. */
#agentList{align-items:stretch;}
#agentList>.agent{display:flex;flex-direction:column;min-width:0;}
#agentList>.agent>.chips{margin-bottom:18px;}
#agentList>.agent>footer{margin-top:auto;align-items:center;}
.primary,.secondary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;vertical-align:middle;text-align:center;white-space:nowrap;word-break:keep-all;line-height:1.35;min-height:44px;max-width:100%;}
.actions{flex-wrap:wrap;align-items:center;}
.actions>*{min-width:0;}
.sectionHead>div,.agentTop>div,.profile>div,.taskCard>.between>div,
.selector>*,.wallet>*,.accountLayout>*,.console>*,.formGrid>*,.agentList>*{min-width:0;}
.sectionHead>.primary,.sectionHead>.secondary,.sectionHead>.ghost{flex-shrink:0;}
.agent .roleIcon,.employeeAvatar,.profile .roleIcon{flex-shrink:0;}
.agent footer{flex-wrap:wrap;gap:12px;}
.agent footer .actions{margin-top:0;}
.taskNo{overflow-wrap:anywhere;}
.taskCard>.between{gap:12px;flex-wrap:wrap;}
.taskCard>.between .taskStatus{flex-shrink:0;}
.commandInput input,.formGrid input,.formGrid select,.formGrid textarea{min-width:0;max-width:100%;}
.tabs{overflow-x:auto;}
.tabs button{flex-shrink:0;white-space:nowrap;}
.authMethod button{flex:1;}
.roleMenu button{flex-shrink:0;}
.primary:focus-visible,.secondary:focus-visible,.ghost:focus-visible,.mobileNav a:focus-visible{outline:2px solid var(--brandhi,#9bb5ff);outline-offset:3px;}
@media(max-width:760px){
 .sectionHead{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px;}
 .sectionHead>div{flex:1 1 220px;}
 .agent footer>small{flex-basis:100%;}
 .agent footer .primary,.agent footer .secondary,.agent footer .ghost{flex:1 0 auto;}
 .profileAction{flex-wrap:wrap;gap:12px;}
 .profileAction>.primary,.profileAction>.secondary{flex:1 0 auto;}
 .payDialogFoot{flex-wrap:wrap;gap:10px;}
 .payDialogFoot button{min-width:0;}
 .commandInput{flex-wrap:wrap;}
 .commandInput input{flex:1 1 180px;}
 .toast{max-width:calc(100vw - 32px);width:max-content;border-radius:12px;text-align:center;overflow-wrap:anywhere;bottom:calc(90px + env(safe-area-inset-bottom,0px));}
 .drawer .close{flex-shrink:0;}
 .profileResume{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));}
}
@media(max-width:640px){
 .actions{grid-template-columns:minmax(0,1fr);align-items:stretch;}
 .actions>.primary,.actions>.secondary,.actions>.ghost{width:100%;}
 .panel{padding:18px;}
 .taskCard>.between>div{flex:1 1 160px;}
 .payDialogHead{padding:20px;gap:12px;}
 .payOptionGrid{grid-template-columns:minmax(0,1fr);padding:18px;}
 .beneficiaryBox{margin-inline:18px;}
 .beneficiaryBox dl{grid-template-columns:minmax(0,1fr);}
}
@media(max-width:380px){
 .agent footer{display:grid;grid-template-columns:minmax(0,1fr);}
 .agent footer>small{grid-column:1/-1;}
 .profileAction>.primary,.profileAction>.secondary{flex-basis:100%;}
 .authBox{padding:22px 16px;}
}