/* V6.8: modal do usuário. Neutraliza o recuo legado do status no grid mobile. */
.modal-backdrop:has(.client-modal){min-width:0;padding:16px}
.client-modal{width:min(700px,100%);min-width:0;max-width:100%;max-height:calc(100dvh - 32px);padding:0}
.client-modal .modal-scroll{min-width:0;overflow-x:hidden;overscroll-behavior:contain}
.client-modal .company-head{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px 15px;align-items:start;padding:0;min-width:0}
.client-modal .company-head>.avatar{grid-column:1;grid-row:1;width:60px;height:60px}
.client-modal .company-head>div{grid-column:2;grid-row:1;min-width:0;width:100%}
.client-modal .company-head h2{font-size:clamp(1.15rem,3vw,1.55rem);line-height:1.25;word-break:normal;overflow-wrap:anywhere}
.client-modal .company-head .contact-line,.client-modal .company-head .responsible{min-width:0;max-width:100%;line-height:1.4;word-break:normal;overflow-wrap:anywhere}
.client-modal .company-head>.profile-status-stack{grid-column:1/-1;grid-row:2;width:auto;max-width:100%;margin:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:7px}
.client-modal .profile-status-stack .account-state{grid-column:auto;margin:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.client-modal .company-access-badge{width:auto;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.client-modal .client-overview,.client-modal .client-ai-summary,.client-modal .account-context,.client-modal .modules-control,.client-modal .admin-support,.client-modal .company-users-control{min-width:0;max-width:100%}
.client-modal .client-overview{grid-template-columns:repeat(4,minmax(0,1fr))}
.client-modal .client-overview>div{min-width:0;overflow-wrap:anywhere}
.client-modal .client-actions{grid-template-columns:repeat(3,minmax(0,1fr));flex-shrink:0;min-width:0}
.client-modal .client-actions button{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.3}
@media(max-width:720px){
 .modal-backdrop:has(.client-modal){padding:10px}
 .client-modal{max-height:calc(100dvh - 20px)}
 .client-modal .company-head{grid-template-columns:44px minmax(0,1fr);gap:10px}
 .client-modal .company-head>.avatar{width:44px;height:44px;font-size:1.1rem}
 .client-modal .modal-scroll{padding:16px 14px 12px}
 .client-modal .client-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
 .client-modal .client-actions{padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:6px}
}
@media(max-width:380px){
 .client-modal .account-context dl{grid-template-columns:1fr;gap:3px}
 .client-modal .account-context dd{margin-bottom:6px}
 .client-modal .client-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .client-modal .client-actions button:first-child{grid-column:1/-1}
}