@import url("mui-v63.css?v=63.1.0");
/* Base Certa V56 — UX/UI global + mobile app shell */
:root{
  --v56-bg:#f6f7f7;
  --v56-surface:#fff;
  --v56-soft:#f7f8f8;
  --v56-line:#e2e6e8;
  --v56-text:#20272c;
  --v56-muted:#69757e;
  --v56-accent:#b57a00;
  --v56-dark:#242b2e;
  --v56-radius:14px;
  --v56-shadow:0 5px 18px rgba(25,34,39,.045);
}

/* Menos "card em cima de card" */
.app-page{background-color:var(--v56-bg)}
.app-page .panel{box-shadow:var(--v56-shadow);border-color:var(--v56-line);border-radius:var(--v56-radius)}
.app-page main>.panel,.app-page main>section.panel{margin-bottom:16px}
.app-page .panel .panel{box-shadow:none;background:var(--v56-soft);border-color:#e8ebed}
.app-page main{max-width:1560px;padding-top:22px}
.app-page h1,.app-page h2,.app-page h3{color:var(--v56-text)}
.app-page p,.app-page .muted{color:var(--v56-muted)}
.app-page .section-kicker,.app-page .eyebrow{color:#8a5d00}
.app-page .btn{min-height:40px;border-radius:9px;padding:9px 14px;box-shadow:none}
.app-page .btn:hover{transform:none;filter:brightness(.985)}
.app-page .btn-primary{background:var(--v56-dark)}
.app-page .btn-secondary{background:#fff;color:#2c3439;border:1px solid #d7dcdf}
.app-page .btn-ghost{border:1px solid #e0e4e6;background:#fff}
.app-page .modern-topbar{min-height:74px;padding-top:12px;padding-bottom:12px;box-shadow:none}
.app-page .modern-topbar h1{font-size:clamp(19px,1.8vw,24px)}
.app-page .admin-subtitle{margin-top:4px;font-size:11px}
.app-page table{min-width:720px}
.app-page .table-wrap,.app-page [style*="overflow:auto"],.app-page [style*="overflow: auto"]{-webkit-overflow-scrolling:touch}
.app-page main input:not([type=hidden]):not([type=checkbox]):not([type=radio]),
.app-page main select,.app-page main textarea{border-color:#d9dfe2;background:#fff}
.app-page main textarea{line-height:1.55}

/* Perfil da empresa */
.profile-main{max-width:1180px!important}
.profile-form-v56{display:grid;gap:16px}
.profile-section{background:#fff;border:1px solid var(--v56-line);border-radius:var(--v56-radius);padding:22px}
.profile-section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.profile-section-head h2{margin:4px 0 5px;font-size:20px}.profile-section-head p{margin:0;max-width:760px;font-size:12px;line-height:1.55}
.profile-sync-badge{display:inline-flex;white-space:nowrap;padding:6px 10px;border-radius:999px;background:#edf7f1;color:#2d6c4d;font-size:10px;font-weight:800}
.profile-grid-v56{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.profile-grid-v56 .span-2{grid-column:1/-1}
.profile-actions-v56{position:sticky;bottom:14px;z-index:6;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;border:1px solid #dedfe0;border-radius:12px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 10px 28px rgba(20,27,31,.10)}
.profile-actions-v56>span{font-size:10px;color:var(--v56-muted)}

/* Alertas V56 */
.alert-preferences-v56{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:24px;align-items:start;padding:22px}
.alert-preferences-v56 h2{margin:4px 0 6px}.alert-preferences-v56 p{margin:0;font-size:12px;line-height:1.55}
.alert-pref-form-v56{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(150px,.7fr);gap:12px;align-items:end}
.alert-pref-form-v56 .pref-switches{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.alert-pref-form-v56 .pref-switches label{display:inline-flex!important;align-items:center!important;gap:7px!important;margin:0!important;padding:7px 10px;border:1px solid #e1e5e7;border-radius:999px;background:#fafbfb;font-size:10px!important;font-weight:700!important}
.alert-profile-link-v56{display:inline-flex;margin-top:10px;font-size:11px;font-weight:750;text-decoration:none;color:#795400}
.alert-how-inline-v56{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;padding:10px 12px;border:1px solid #e4e7e8;border-radius:11px;background:#fff;color:#62707a;font-size:10px}
.alert-how-inline-v56 b{color:#29343a}.alert-how-inline-v56 i{font-style:normal;color:#b27a0c}

/* UF selector compacto */
.uf-select-v56{position:relative}
.uf-select-v56>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:9px 12px;border:1px solid #d7dde0;border-radius:10px;background:#fff;cursor:pointer;font-size:11px;font-weight:700;color:#39474f}
.uf-select-v56>summary::-webkit-details-marker{display:none}.uf-select-v56>summary:after{content:'⌄';font-size:16px;color:#75828a}.uf-select-v56[open]>summary{border-color:#c99123;box-shadow:0 0 0 3px rgba(201,145,35,.08)}
.uf-select-menu-v56{position:absolute;z-index:35;left:0;right:0;top:calc(100% + 7px);padding:12px;border:1px solid #dfe3e5;border-radius:12px;background:#fff;box-shadow:0 18px 44px rgba(21,30,35,.14)}
.uf-select-tools-v56{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px}.uf-options-v56{display:grid;grid-template-columns:repeat(7,minmax(42px,1fr));gap:5px;max-height:220px;overflow:auto}
.uf-options-v56 label{position:relative}.uf-options-v56 input{position:absolute;opacity:0;pointer-events:none}.uf-options-v56 span{display:flex;align-items:center;justify-content:center;min-height:34px;border:1px solid #dce1e3;border-radius:8px;background:#fff;font-size:10px;font-weight:800;cursor:pointer}.uf-options-v56 input:checked+span{border-color:#c89322;background:#fff6dd;color:#6f4d00}

/* Financeiro mais limpo */
.billing-period-grid{align-items:stretch}
.billing-period{box-shadow:none!important}
.billing-period .period-desc{line-height:1.45}
.billing-period .btn{width:100%}
.billing-upgrade-note-v56{margin-top:8px;font-size:10px!important;line-height:1.5!important;color:#73808a!important}
.billing-profile-link-v56{display:inline-flex;margin-top:10px;font-size:10px;font-weight:800;color:#7a5500;text-decoration:none}
.billing-empty-upgrade-v56{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;border:1px solid var(--v56-line);border-radius:12px;background:#fff}.billing-empty-upgrade-v56 h3{margin:0 0 4px}.billing-empty-upgrade-v56 p{margin:0;font-size:11px}
.billing-pix-panel{box-shadow:none!important}

/* Formulários e listas densos, sem blocos enormes */
.app-page .results-toolbar,.app-page .panel-heading{gap:14px}
.app-page .team-stat,.app-page .admin-kpi{box-shadow:none}
.app-page .alert-rule,.app-page .notification-item,.app-page .team-row{background:#fff}
.app-page details>summary{touch-action:manipulation}

/* Bottom sheet para modais no celular */
@media(max-width:900px){
  .profile-grid-v56{grid-template-columns:1fr}.profile-grid-v56 .span-2{grid-column:auto}
  .alert-preferences-v56{grid-template-columns:1fr}.alert-pref-form-v56{grid-template-columns:1fr 160px}
  .uf-options-v56{grid-template-columns:repeat(6,minmax(42px,1fr))}
}

/* Mobile: aparência de app */
@media(max-width:760px){
  html{scroll-padding-bottom:86px}
  body.app-page{padding-bottom:env(safe-area-inset-bottom)}
  .app-page .app-shell{display:block;min-height:100dvh}
  .app-page .app-content{width:100%;padding-bottom:78px}
  .app-page .sidebar.sidebar-fixed,.app-page .sidebar[data-menu-unificado="1"],.app-page .admin-sidebar{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:auto!important;min-height:0!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;background:rgba(31,38,42,.98)!important;border-top:1px solid rgba(255,255,255,.12);z-index:1000;display:block!important
  }
  .app-page .sidebar .brand,.app-page .sidebar .sidebar-status{display:none!important}
  .app-page .side-nav{display:flex!important;flex-direction:row!important;gap:3px!important;padding:0!important;overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity}
  .app-page .side-nav::-webkit-scrollbar{display:none}
  .app-page .side-nav a{flex:0 0 76px;min-height:58px;padding:7px 5px!important;border-radius:10px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;text-align:center;scroll-snap-align:center;color:#c8d0d4!important}
  .app-page .side-nav a span{width:auto!important;font-size:18px!important;line-height:1!important}.app-page .side-nav a b{font-size:8.5px;line-height:1.15;white-space:normal;font-weight:700}
  .app-page .side-nav a.active{background:rgba(255,255,255,.12)!important;color:#fff!important}
  .app-page .modern-topbar{position:sticky;top:0;min-height:60px;padding:9px 13px!important;background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}
  .app-page .modern-topbar .eyebrow{font-size:8px}.app-page .modern-topbar h1{font-size:18px;margin-top:1px}.app-page .modern-topbar .admin-subtitle{display:none}
  .app-page .user-box>div:last-child{display:none}.app-page .user-avatar{width:34px;height:34px}
  .app-page .app-content>main,.app-page main{padding:13px 12px 24px!important}
  .app-page .panel{border-radius:13px!important;box-shadow:none!important}
  .app-page main>.panel,.app-page main>section.panel{margin-bottom:12px}
  .app-page .btn{min-height:44px;font-size:12px}
  .app-page main input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.app-page main select,.app-page main textarea{font-size:16px!important;min-height:46px}
  .app-page main textarea{min-height:96px}
  .app-page .results-toolbar,.app-page .panel-heading,.app-page .billing-actions,.app-page .billing-history-head{flex-direction:column!important;align-items:stretch!important}
  .app-page .billing-action-buttons{justify-content:stretch!important}.app-page .billing-action-buttons>*{width:100%}.app-page .billing-action-buttons .btn{width:100%}
  .billing-one-plan{grid-template-columns:1fr!important;gap:12px!important}.billing-product-card{padding:18px!important}.billing-product-card h2{font-size:24px!important}.billing-feature-grid{grid-template-columns:1fr!important;margin-top:14px!important}
  .billing-current-box{padding:18px!important}.billing-current-box dl{margin-top:12px!important}
  .billing-period-grid{display:flex!important;gap:10px!important;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}.billing-period-grid::-webkit-scrollbar{display:none}.billing-period{flex:0 0 min(86vw,355px);min-height:315px!important;padding:18px!important;scroll-snap-align:start}.period-total strong{font-size:27px!important}.period-heading{margin:20px 0 10px!important}.period-heading h2{font-size:20px}
  .billing-pix-panel{flex-direction:column-reverse!important;align-items:stretch!important;padding:18px!important}.billing-pix-qr{width:min(240px,100%)!important;min-width:0!important;margin:auto}.billing-pix-payload{flex-direction:column!important}.billing-pix-payload .btn{width:100%}
  .billing-modal{align-items:flex-end!important;padding:0!important}.billing-modal-card{width:100%!important;max-height:88dvh;overflow:auto;border-radius:20px 20px 0 0!important;padding:18px!important;padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}.billing-choice-grid{grid-template-columns:1fr!important}.billing-choice-card{min-height:auto!important;padding:15px!important}
  .profile-section{padding:17px}.profile-section-head{flex-direction:column;margin-bottom:14px}.profile-actions-v56{bottom:76px;align-items:stretch;flex-direction:column}.profile-actions-v56>span{display:none}.profile-actions-v56 .btn{width:100%}
  .alert-preferences-v56{grid-template-columns:1fr!important;padding:17px!important;gap:14px}.alert-pref-form-v56{grid-template-columns:1fr!important}.alert-pref-form-v56 .pref-switches{grid-column:auto}.alert-pref-form-v56 .pref-switches label{width:100%;border-radius:10px!important}
  .alert-how-inline-v56{line-height:1.5}.uf-select-menu-v56{position:fixed;left:10px;right:10px;top:auto;bottom:78px;max-height:65dvh;overflow:auto;border-radius:16px;box-shadow:0 16px 55px rgba(12,18,22,.25)}.uf-options-v56{grid-template-columns:repeat(5,minmax(42px,1fr));max-height:none}
  .alert-layout{grid-template-columns:1fr!important}.alert-form-card,.alert-list-card{padding:17px!important}
  .notification-item{grid-template-columns:1fr!important;gap:7px!important}.notification-item>b{display:none}
  .team-overview{display:flex!important;overflow-x:auto;gap:8px}.team-stat{flex:0 0 72vw}
  .client-modal,.client-modal.large{width:100vw!important;max-height:90dvh!important;margin:0!important;border-radius:20px 20px 0 0!important;position:fixed!important;bottom:0!important;top:auto!important}
  dialog.client-modal[open]{margin:auto 0 0!important}
  .app-page table{min-width:680px}
  .data-grid{grid-template-columns:1fr!important}
  .billing-empty-upgrade-v56{align-items:stretch;flex-direction:column}.billing-empty-upgrade-v56 .btn{width:100%}
}

@media(max-width:430px){
  .app-page .side-nav a{flex-basis:70px}.app-page .side-nav a b{font-size:8px}
  .uf-options-v56{grid-template-columns:repeat(4,minmax(42px,1fr))}
  .billing-period{flex-basis:90vw}
}

/* Login/cadastro/documentos legais */
@media(max-width:760px){
  .login-page{min-height:100dvh;padding:18px 12px!important;align-items:center!important}
  .login-box{width:100%!important;max-width:480px!important;padding:24px 19px!important;border-radius:18px!important;box-shadow:0 10px 35px rgba(20,29,34,.09)!important}
  .signup-page{min-height:100dvh}.signup-shell{grid-template-columns:1fr!important;min-height:100dvh!important}.signup-aside{display:none!important}.signup-main{padding:24px 14px!important}.signup-card{width:100%!important;max-width:560px!important;margin:auto!important;padding:22px 18px!important;border-radius:18px!important}.signup-form .field-row{grid-template-columns:1fr!important}
}

/* V56.1 — revisão transversal das telas densas */
.app-page .search-card,.app-page .op-search-panel,.app-page .setup-panel,.app-page .detail-hero,.app-page .op-detail-hero{box-shadow:none!important}
.app-page .stats-grid .stat-card,.app-page .admin-kpi-grid .admin-kpi,.app-page .quick-grid .quick-card{box-shadow:none!important;border-color:var(--v56-line)!important}
.app-page .admin-overview-grid,.app-page .admin-kpi-grid{gap:12px!important}
.app-page .admin-panel{box-shadow:none!important}
.app-page .admin-toolbar{gap:12px!important}
.app-page .alert-layout{gap:16px!important}
.app-page .alert-form-card,.app-page .alert-list-card,.app-page .notifications-panel{box-shadow:none!important}
.billing-upgrade-grid-v56{grid-template-columns:repeat(3,minmax(0,1fr))!important}

/* Landing e páginas legais: mobile menos cansativo */
@media(max-width:760px){
  .landing-page .landing-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
  .landing-page .landing-links{display:none!important}
  .landing-page .landing-nav-inner{padding:9px 12px!important;gap:8px!important}
  .landing-page .landing-nav-actions{gap:6px!important}.landing-page .landing-nav-actions .lp-btn{padding:9px 11px!important;font-size:11px!important}
  .landing-page .hero-grid{grid-template-columns:1fr!important;padding:34px 14px!important;gap:22px!important}.landing-page .hero-copy h1{font-size:clamp(34px,11vw,52px)!important;line-height:1.02!important}.landing-page .hero-copy>p{font-size:15px!important;line-height:1.55!important}
  .landing-page .construction-visual{display:none!important}.landing-page .hero-specs{grid-template-columns:1fr 1fr!important;gap:8px!important}.landing-page .hero-specs>div{padding:11px!important}
  .landing-page section{padding-left:14px!important;padding-right:14px!important}.landing-page .pricing-grid,.landing-page .feature-grid,.landing-page .workflow-grid{grid-template-columns:1fr!important}
  .legal{margin:20px auto!important;padding:0 16px 40px!important}.legal h1{font-size:30px!important;line-height:1.08}.legal h2{font-size:21px!important;line-height:1.2}
  .standalone-admin{padding:14px!important}.standalone-admin .tenant-admin-grid{grid-template-columns:1fr!important}
}

@media(max-width:1100px){.billing-upgrade-grid-v56{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.billing-upgrade-grid-v56{display:flex!important}}
.alert-pref-form-v56{grid-template-columns:minmax(220px,1fr) 145px auto!important;align-items:end}.alert-pref-form-v56>.btn{white-space:nowrap}
@media(max-width:760px){.alert-pref-form-v56{grid-template-columns:1fr!important}.alert-pref-form-v56>.btn{width:100%}}

/* Busca, oportunidades, equipe e Superadmin responsivos */
@media(max-width:760px){
  .app-page .main-search-row,.app-page .op-search-simple,.app-page .alert-form-grid,.app-page .invite-grid,.app-page .modal-form-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .app-page .main-search-row .btn,.app-page .op-search-simple .btn{width:100%!important}
  .app-page .op-summary-bar,.app-page .tabs{display:flex!important;overflow-x:auto!important;gap:7px!important;scrollbar-width:none;padding-bottom:3px}.app-page .op-summary-bar::-webkit-scrollbar,.app-page .tabs::-webkit-scrollbar{display:none}.app-page .op-summary-bar>*{flex:0 0 auto!important}
  .app-page .detail-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.app-page .detail-actions .btn,.app-page .detail-actions form,.app-page .detail-actions form .btn{width:100%!important}
  .app-page .op-detail-hero,.app-page .detail-hero{padding:17px!important}.app-page .detail-badges{gap:6px!important}
  .app-page .stats-grid.saved-stats,.app-page .admin-kpi-grid{display:flex!important;overflow-x:auto!important;gap:8px!important;scroll-snap-type:x proximity;scrollbar-width:none}.app-page .stats-grid.saved-stats::-webkit-scrollbar,.app-page .admin-kpi-grid::-webkit-scrollbar{display:none}.app-page .stats-grid.saved-stats>*{flex:0 0 72vw!important}.app-page .admin-kpi-grid>*{flex:0 0 64vw!important}
  .app-page .admin-overview-grid,.app-page .quick-grid{grid-template-columns:1fr!important}.app-page .quick-card{min-height:auto!important}
  .app-page .admin-toolbar{align-items:stretch!important;flex-direction:column!important}.app-page .admin-toolbar .toolbar-actions,.app-page .toolbar-filters{width:100%!important;display:grid!important;grid-template-columns:1fr!important}
  .app-page .team-row{grid-template-columns:1fr!important;gap:8px!important}.app-page .team-row .team-actions{justify-content:flex-start!important;flex-wrap:wrap!important}
  .app-page .data-card,.app-page .team-list-panel,.app-page .admin-panel{padding:17px!important}
}