/* Revisão do App LEADS. Apenas apresentação, sobre os tokens existentes. */
body:has(.app-sidebar){--review-gap:16px;--review-control:44px}
body .app-sidebar ~ #main-content{padding:18px 12px;scroll-margin-top:90px}
body :is(.app-nav-item a,.app-sidebar-tools summary,.app-sidebar-collapse,.app-sidebar-close,.app-sidebar-menu,.asx-menu-link,.asx-tools-toggle,.asx-collapse,.asx-close,.ui-signout,.app-sidebar-brand a,.asx-brand-link){min-height:44px!important}
body :is(.app-sidebar-menu,.app-sidebar-close,.asx-close){min-width:44px!important;width:44px;height:44px!important;flex-shrink:0;padding:10px!important}
body .app-nav-item svg{top:13px}body .asx-menu-link{height:auto!important;white-space:normal!important;line-height:1.4!important}
body .app-sidebar ~ .ui-header.top{min-height:72px;padding:10px 12px}
body .app-sidebar ~ .ui-header .ui-header-main{gap:8px;align-items:center}
body .app-sidebar ~ .ui-header .app-page-heading{min-width:0;gap:8px;flex:1}
body .app-sidebar ~ .ui-header .app-page-heading>div{min-width:0}
body .app-sidebar ~ .ui-header :is(h1,.ui-page-title){font-size:18px;line-height:1.3;letter-spacing:-.3px;overflow-wrap:anywhere}
body .app-sidebar ~ .ui-header .ui-account.user-area{gap:6px;flex-shrink:0}
body .app-sidebar ~ .ui-header .ui-signout{padding:10px 12px;font-size:12px}
/* O dot continua pequeno visualmente, mas tem alvo de toque de 44px. */
body .ui-header .lead-push{width:44px;height:44px;margin:0!important;position:relative;flex:0 0 44px}
body .ui-header .lead-push-dot{position:relative;width:44px;height:44px;min-width:44px;min-height:44px;border:0;background:transparent!important;box-shadow:none!important;border-radius:6px;padding:0;transform:none!important}
body .ui-header .lead-push-dot:before{content:'';position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:50%;inset:14px;background:#ef4444;box-shadow:0 0 0 3px #ef444433,0 0 13px #ef4444}
body .ui-header .lead-push.is-active .lead-push-dot:before{background:#22c55e;box-shadow:0 0 0 3px #22c55e33,0 0 13px #22c55e}
body .app-sidebar ~ #main-content :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){min-height:44px!important;font-size:16px!important;max-width:100%;min-width:0;box-sizing:border-box}
body .app-sidebar ~ #main-content :is(button,a.button,a[class*='button'],a[class*='-back'],.analytics-nav a,.section-nav a,.ma-tabs a,.ma-pagination a,.pages a,.pagination a,summary){min-height:44px!important;box-sizing:border-box;line-height:1.4;white-space:normal}
body .app-sidebar ~ #main-content :is(button,.button,.ma-button,.profile-button,.profile-edit-button,.people-button,.suite-button){gap:8px;box-shadow:none;max-width:100%}
body .app-sidebar ~ #main-content :is(button,a.button,a[class*='button']) svg{flex-shrink:0}
body .app-sidebar ~ #main-content a[class*='button']:not(.secondary):not(.profile-back):not([class*='outline']):not([class*='ghost']){text-decoration:none}
body .app-sidebar ~ #main-content :is(.grid,.row,.ma-actions,.profile-header-actions,.profile-section-nav,.pe-actions,.pagination,.file-actions,.row-actions,.review-actions,.history-tools){min-width:0;gap:12px}
body .app-sidebar ~ #main-content :is(.ma-heading,.ma-section-heading,.page-heading,.daily-heading,.import-heading,.profile-heading){row-gap:12px;column-gap:16px}
body .app-sidebar ~ #main-content :is(.ma-card,.profile-card,.suite-card,.bases-enhanced-card,.campaigns-enhanced-card,.card){max-width:100%}
body .app-sidebar ~ #main-content :is(.ma-card,.profile-card,.suite-card,.card) :is(h2,h3){line-height:1.45;overflow-wrap:anywhere}
body .app-sidebar ~ #main-content :is(.row,.ma-actions,.profile-header-actions,.profile-section-nav,.pagination,.file-actions,.row-actions){flex-wrap:wrap}
body .app-sidebar ~ #main-content :is(.scroll,.scroll-table,.table-scroll,.ma-table-scroll){min-width:0;max-width:100%;overscroll-behavior-inline:contain;scroll-padding-inline:12px}
body .app-sidebar ~ #main-content :is(.page-heading,.ma-heading,.profile-heading,.detail-hero) :is(h1,p,span){overflow-wrap:anywhere;min-width:0}
body .app-sidebar ~ #main-content :is(.errorlist,[role=alert]){overflow-wrap:anywhere}
body .app-sidebar ~ #main-content :is(.profile-section,.ma-card,.card,[id=auditoria],[id=historico],[id=contatos],[id=matriculas]){scroll-margin-top:92px}
body .app-sidebar ~ #main-content :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--app-focus,#93c5fd)!important;outline-offset:3px}
/* Filtros de Leads recolhidos no celular, sem retirar ou recriar campos. */
body #main-content .review-lead-filters{min-width:0;width:100%;max-width:100%;margin:0}
body #main-content .review-lead-filters>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;list-style:none;font-size:14px;font-weight:550;padding:0;color:var(--app-ink,#1e293b)}
body #main-content .review-lead-filters>summary::-webkit-details-marker{display:none}
body #main-content .review-lead-filters>summary:after{content:'⌄';font-size:18px;flex-shrink:0}
body #main-content .review-lead-filters[open]>summary:after{content:'⌃'}
body #main-content .review-filter-state{margin-left:auto;font-size:12px;font-weight:400;color:var(--app-muted,#64748b)}
body #main-content .review-lead-filters[open]>form{margin-top:14px!important}
body #main-content .review-lead-filters:not([open])>form{display:none!important}
body :is(#main-content,main[data-suite-public]) :is(.suite-card-body,.ma-body,.profile-card-content){min-width:0}
body:has(main[data-suite-public]){padding:20px 12px}
body main[data-suite-public] :is(button,input:not([type=hidden]),select,textarea){min-height:44px;font-size:16px}
body main[data-suite-public] :is(h1,h2,p){overflow-wrap:anywhere}
@media(min-width:600px){body .app-sidebar ~ #main-content{padding:22px 18px}body .app-sidebar ~ .ui-header.top{padding-inline:18px}body .app-sidebar ~ .ui-header :is(h1,.ui-page-title){font-size:20px}}
@media(min-width:901px){body .app-sidebar ~ #main-content{padding:26px}body .app-sidebar ~ .ui-header.top{padding:10px 26px}body #main-content .review-lead-filters>summary{display:none}body #main-content .review-lead-filters[open]>form{margin-top:0!important}}
@media(prefers-reduced-motion:reduce){body :is(.lead-push-dot,.lead-push-dot:before){animation:none!important;transition:none!important}}
/* Link de navegação para compras não deve herdar texto azul sobre ação clara. */
body .app-sidebar ~ #main-content a.small-button{color:var(--app-ink,#1e293b)!important;background:var(--app-surface,#fff)!important;border:1px solid var(--app-line,#dce3eb)!important;text-decoration:none}
body #main-content .review-lead-filters>summary:before{content:none!important}
/* No desktop o resumo já contém a ação principal: evitar dois CTAs idênticos. */
@media(min-width:901px){body #distribution-prep-root:has(.dp-draft button[form=prep-form]) .dp-heading-actions>button[form=prep-form]{display:none}}
/* O formulário tem grupos internos: não pode herdar o grid genérico de filtros. */
body #main-content[data-suite-kind=leads] form.ui-lead-filters{display:block!important}
body #main-content[data-suite-kind=leads] .lead-period-row{margin:0 0 16px;padding:0 0 16px}
body #main-content[data-suite-kind=leads] .ui-filter-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
body #main-content[data-suite-kind=leads] .qualification-form .small-button{flex-shrink:0;white-space:nowrap}
@media(min-width:901px){
 body #main-content[data-suite-kind=leads] .lead-period-row{grid-template-columns:minmax(190px,260px) minmax(0,1fr);align-items:end}
 body #main-content[data-suite-kind=leads] :is(.ui-filter-row,.manager-filters .ui-filter-row){grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
 body #main-content[data-suite-kind=leads] .ui-search{grid-column:1/-1}
 body #main-content[data-suite-kind=leads] table{min-width:1500px;table-layout:auto}
 body #main-content[data-suite-kind=leads] table.salesperson-table{min-width:900px}
 body #main-content[data-suite-kind=leads] tbody td:first-child{min-width:56px!important;width:56px!important}
 body #main-content[data-suite-kind=leads] tbody td.date-column{min-width:72px!important;width:72px!important}
 body #main-content[data-suite-kind=leads] tbody td.lead-cell{min-width:240px!important}
 body #main-content[data-suite-kind=leads] tbody td:has(.qualification-form){min-width:230px!important}
 body #main-content[data-suite-kind=leads] tbody td:has(select[name=status]){min-width:190px!important}
 body #main-content[data-suite-kind=leads] tbody td.assignment-combined{min-width:220px!important}
 body #main-content[data-suite-kind=leads] tbody td.attribution-cell{min-width:200px!important}
}
@media(min-width:1251px){
 body #main-content[data-suite-kind=leads] .ui-filter-row{grid-template-columns:minmax(240px,2fr) repeat(2,minmax(150px,1fr)) auto}
 body #main-content[data-suite-kind=leads] .manager-filters .ui-filter-row{grid-template-columns:minmax(240px,2fr) repeat(3,minmax(150px,1fr)) auto}
 body #main-content[data-suite-kind=leads] .ui-search{grid-column:auto}
}