/* ==========================================================
   Painel empresarial — Design system global
   Aplicado somente às telas com .company-account-section
   ========================================================== */
.company-account-section{
  --cp-bg:#f4f7fb;
  --cp-card:#fff;
  --cp-border:#e3e9f1;
  --cp-border-soft:#edf1f5;
  --cp-text:#0f172a;
  --cp-muted:#64748b;
  --cp-soft:#f8fafc;
  --cp-primary:var(--primary,#2563eb);
  padding:34px 0 70px!important;
  background:linear-gradient(180deg,#f8fafc 0,#f4f7fb 300px,#f4f7fb 100%)!important;
  min-height:72vh!important;
}
.company-account-section .company-account-shell{
  display:grid!important;
  grid-template-columns:272px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
  max-width:1320px!important;
}
.company-account-section .company-account-main{
  min-width:0!important;
  display:grid!important;
  gap:20px!important;
}

/* Sidebar */
.company-account-section .company-account-nav{
  position:sticky!important;
  top:92px!important;
  z-index:25!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--cp-border)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 14px 38px rgba(15,23,42,.06)!important;
}
.company-account-section .company-account-brand{
  margin:0!important;
  padding:18px!important;
  border:0!important;
  border-bottom:1px solid var(--cp-border-soft)!important;
  background:linear-gradient(180deg,#fff 0,#f8fbff 100%)!important;
}
.company-account-section .company-account-brand-logo{
  min-height:86px!important;
  margin:0 0 14px!important;
  padding:10px!important;
  border:1px solid var(--cp-border-soft)!important;
  border-radius:16px!important;
  background:#fff!important;
}
.company-account-section .company-account-brand-logo img{max-height:70px!important}
.company-account-section .company-account-brand>span{
  display:block!important;
  color:#94a3b8!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.company-account-section .company-account-brand>strong{
  display:block!important;
  margin-top:7px!important;
  color:var(--cp-text)!important;
  font-size:18px!important;
  line-height:1.22!important;
  letter-spacing:-.02em!important;
}
.company-account-section .company-account-nav>nav{
  display:grid!important;
  gap:4px!important;
  padding:10px!important;
}
.company-account-section .company-account-nav nav>a,
.company-account-section .company-account-nav nav>.company-nav-locked{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:46px!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:8px 10px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  color:#475569!important;
  background:transparent!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.2!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease!important;
}
.company-account-section .company-account-nav nav>a:hover{
  background:#f8fafc!important;
  border-color:#e8edf3!important;
  color:#0f172a!important;
  transform:none!important;
}
.company-account-section .company-account-nav nav>a.active{
  background:color-mix(in srgb,var(--cp-primary) 8%,#fff)!important;
  border-color:color-mix(in srgb,var(--cp-primary) 18%,#e4eaf1)!important;
  color:var(--cp-primary)!important;
  box-shadow:none!important;
}
.company-account-section .company-menu-icon{
  width:30px!important;height:30px!important;
  display:grid!important;place-items:center!important;
  border-radius:9px!important;
  background:#f1f5f9!important;
}
.company-account-section .company-menu-icon img{width:14px!important;height:14px!important;opacity:.82!important}
.company-account-section .company-account-nav nav>a.active .company-menu-icon{background:color-mix(in srgb,var(--cp-primary) 12%,#fff)!important}
.company-account-section .company-menu-label{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
.company-account-section .company-menu-end{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:18px!important}
.company-account-section .company-menu-chevron{color:#94a3b8!important;font-size:18px!important;line-height:1!important}
.company-account-section .company-menu-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:22px!important;height:22px!important;padding:0 6px!important;border-radius:999px!important;background:#eff6ff!important;color:#2563eb!important;font-size:9px!important;font-style:normal!important;font-weight:950!important}

/* Cabeçalho padrão de todas as páginas */
.company-account-section .company-account-pagehead{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin:0!important;
  padding:22px 24px!important;
  border:1px solid var(--cp-border)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#fff 0,#fbfdff 68%,#f2f7ff 100%)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.045)!important;
}
.company-account-section .company-account-pagehead>div:first-child{min-width:0!important}
.company-account-section .company-account-pagehead .eyebrow,
.company-account-section .company-account-main>.eyebrow{
  color:var(--cp-primary)!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.15em!important;
}
.company-account-section .company-account-pagehead h1{
  margin:5px 0 7px!important;
  color:var(--cp-text)!important;
  font-size:clamp(28px,3vw,38px)!important;
  line-height:1.04!important;
  letter-spacing:-.04em!important;
}
.company-account-section .company-account-pagehead p{
  max-width:760px!important;
  margin:0!important;
  color:var(--cp-muted)!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.company-account-section .company-pagehead-actions,
.company-account-section .page-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  flex-wrap:wrap!important;
}

/* Cards, seções e formulários */
.company-account-section .card,
.company-account-section .mini-admin-section,
.company-account-section .banner-pool-notice,
.company-account-section .banner-stats-wrap,
.company-account-section .widgets-hub-note{
  border:1px solid var(--cp-border)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 8px 26px rgba(15,23,42,.04)!important;
}
.company-account-section .company-account-main>.card,
.company-account-section .company-profile-section,
.company-account-section .product-form-card,
.company-account-section .company-banner-editor,
.company-account-section .coupon-admin-form,
.company-account-section .coupon-preview,
.company-account-section .blog-editor-card,
.company-account-section .company-blog-source-card,
.company-account-section .mini-admin-section,
.company-account-section .store-section,
.company-account-section .store-status-card{
  padding:22px!important;
}
.company-account-section .section-head,
.company-account-section .store-section-head,
.company-account-section .product-form-head,
.company-account-section .company-banner-spec-head,
.company-account-section .banner-stats-head,
.company-account-section .mini-section-title,
.company-account-section .coupon-admin-form>header,
.company-account-section .product-photo-manager-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.company-account-section h2,
.company-account-section .section-head h2,
.company-account-section .store-section-head h2,
.company-account-section .product-form-head h2,
.company-account-section .company-banner-spec-head h2{
  color:var(--cp-text)!important;
  letter-spacing:-.03em!important;
}
.company-account-section .muted,
.company-account-section .store-section-head p,
.company-account-section .product-form-head p,
.company-account-section .mini-section-title p{
  color:var(--cp-muted)!important;
  line-height:1.55!important;
}

/* Campos */
.company-account-section .field{margin-bottom:15px!important}
.company-account-section .field>label,
.company-account-section label{
  color:#334155!important;
  font-size:11px!important;
  font-weight:850!important;
}
.company-account-section .input,
.company-account-section .select,
.company-account-section .textarea,
.company-account-section input[type=text],
.company-account-section input[type=email],
.company-account-section input[type=tel],
.company-account-section input[type=url],
.company-account-section input[type=number],
.company-account-section input[type=datetime-local],
.company-account-section input[type=month],
.company-account-section textarea,
.company-account-section select{
  box-sizing:border-box!important;
  min-height:46px!important;
  border:1px solid #dbe2ea!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#0f172a!important;
  box-shadow:0 1px 2px rgba(15,23,42,.02)!important;
  font-size:13px!important;
}
.company-account-section textarea{min-height:120px!important;line-height:1.55!important}
.company-account-section .input:focus,
.company-account-section .select:focus,
.company-account-section .textarea:focus,
.company-account-section input:focus,
.company-account-section textarea:focus,
.company-account-section select:focus{
  outline:none!important;
  border-color:color-mix(in srgb,var(--cp-primary) 48%,#dbe2ea)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--cp-primary) 9%,transparent)!important;
}
.company-account-section .form-grid{gap:14px 16px!important}
.company-account-section .check-row{min-height:42px!important;padding:9px 11px!important;border:1px solid #e5eaf0!important;border-radius:11px!important;background:#f8fafc!important}

/* Botões */
.company-account-section .btn{
  min-height:40px!important;
  border-radius:10px!important;
  padding:8px 14px!important;
  font-size:11px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.company-account-section .btn-primary{box-shadow:0 7px 16px color-mix(in srgb,var(--cp-primary) 14%,transparent)!important}
.company-account-section .btn-light{border-color:#dfe5ec!important;background:#fff!important;color:#475569!important}
.company-account-section .btn-sm{min-height:34px!important;padding:6px 10px!important;font-size:10px!important}

/* Alertas */
.company-account-section .alert{
  margin:0!important;
  border-radius:14px!important;
  border-width:1px!important;
  padding:13px 15px!important;
  box-shadow:0 5px 16px rgba(15,23,42,.025)!important;
  font-size:12px!important;
  line-height:1.5!important;
}

/* Tabelas */
.company-account-section .table-wrap{
  overflow:auto!important;
  border:1px solid var(--cp-border)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.company-account-section .table{width:100%!important;border-collapse:separate!important;border-spacing:0!important}
.company-account-section .table th{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  padding:12px 13px!important;
  background:#f8fafc!important;
  border-bottom:1px solid var(--cp-border)!important;
  color:#64748b!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}
.company-account-section .table td{padding:13px!important;border-bottom:1px solid #eef2f6!important;color:#334155!important;font-size:12px!important;vertical-align:middle!important}
.company-account-section .table tbody tr:last-child td{border-bottom:0!important}
.company-account-section .table tbody tr:hover td{background:#fbfdff!important}

/* Perfil */
.company-account-section .company-profile-form{display:grid!important;gap:18px!important}
.company-account-section .company-profile-section{border:1px solid var(--cp-border)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 24px rgba(15,23,42,.035)!important}
.company-account-section .company-profile-section-title{padding-bottom:15px!important;margin-bottom:18px!important;border-bottom:1px solid #eef2f6!important}
.company-account-section .company-profile-section-title>span{width:38px!important;height:38px!important;border-radius:12px!important}
.company-account-section .company-media-upload{border-radius:15px!important;background:#fbfdff!important}
.company-account-section .company-profile-savebar{bottom:14px!important;border-radius:16px!important;box-shadow:0 14px 34px rgba(15,23,42,.12)!important}

/* Banner */
.company-account-section .banner-pool-notice{padding:15px 17px!important}
.company-account-section .banner-pool-notice strong{display:block!important;margin-bottom:4px!important;color:#0f172a!important}
.company-account-section .banner-pool-notice p{margin:0!important;color:#64748b!important;font-size:12px!important;line-height:1.55!important}
.company-account-section .company-banner-editor{display:grid!important;gap:18px!important}
.company-account-section .banner-size-model{border-radius:16px!important;border:1px dashed #cbd5e1!important;background:linear-gradient(135deg,#f8fafc,#fff)!important}
.company-account-section .banner-stats-wrap{padding:22px!important}
.company-account-section .banner-stats-kpis{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.company-account-section .banner-stats-kpis article{padding:16px!important;border:1px solid var(--cp-border)!important;border-radius:16px!important;background:#fbfdff!important}

/* Produtos / Vitrine */
.company-account-section .products-pagehead{margin:0!important}
.company-account-section .product-form-card{display:grid!important;gap:18px!important}
.company-account-section .product-form-head{padding-bottom:15px!important;border-bottom:1px solid #edf1f5!important}
.company-account-section .store-product-fields,
.company-account-section .product-coupon-form,
.company-account-section .product-photo-manager{
  padding:18px!important;
  border:1px solid var(--cp-border)!important;
  border-radius:16px!important;
  background:#fbfdff!important;
}
.company-account-section .store-product-fields-head,
.company-account-section .product-coupon-form-head{margin-bottom:14px!important}
.company-account-section .vitrine-admin-nav{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
}
.company-account-section .vitrine-admin-nav a{
  min-height:48px!important;
  border:1px solid var(--cp-border)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#475569!important;
  box-shadow:0 5px 14px rgba(15,23,42,.025)!important;
}
.company-account-section .vitrine-admin-nav a.active{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important}
.company-account-section .store-status-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
.company-account-section .store-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.company-account-section .store-metrics>.card{padding:18px!important;text-align:left!important}
.company-account-section .store-metrics strong{display:block!important;font-size:30px!important;line-height:1!important;color:#0f172a!important}
.company-account-section .store-metrics span{display:block!important;margin-top:7px!important;color:#64748b!important;font-size:11px!important;font-weight:800!important}
.company-account-section .store-list{display:grid!important;gap:8px!important;margin-top:14px!important}
.company-account-section .store-list>article,
.company-account-section .vitrine-products-list>article{border:1px solid var(--cp-border)!important;border-radius:13px!important;background:#fff!important}

/* Cupom */
.company-account-section .coupon-admin-grid{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)!important;gap:18px!important;align-items:start!important}
.company-account-section .coupon-preview{position:sticky!important;top:96px!important}

/* Blog */
.company-account-section .blog-editor-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:18px!important;align-items:start!important}
.company-account-section .blog-editor-main,
.company-account-section .blog-editor-sidebar{min-width:0!important}
.company-account-section .blog-editor-card,
.company-account-section .company-blog-source-card{border-radius:18px!important}
.company-account-section .blog-editor-sidebar{position:sticky!important;top:96px!important;display:grid!important;gap:14px!important}

/* Mini site / widgets */
.company-account-section .mini-admin-section{margin:0!important}
.company-account-section .mini-layout-grid{gap:12px!important}
.company-account-section .mini-layout-option{border-radius:15px!important;border-color:var(--cp-border)!important;background:#fff!important}
.company-account-section .mini-color-grid{gap:12px!important}
.company-account-section .widgets-hub-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin:0!important}
.company-account-section .widgets-hub-card{padding:20px!important;border-radius:20px!important;border:1px solid var(--cp-border)!important;box-shadow:0 8px 24px rgba(15,23,42,.04)!important}
.company-account-section .widgets-hub-note{padding:18px!important;margin:0!important}

/* Faturas */
.company-account-section .invoice-payment-card{padding:22px!important;border-radius:20px!important}
.company-account-section .invoice-gateway-form{padding:16px!important;border:1px solid var(--cp-border)!important;border-radius:15px!important;background:#f8fafc!important}

/* Dashboard */
.company-account-section .company-dashboard-hero{margin:0!important}
.company-account-section .company-quick-actions,
.company-account-section .company-onboarding-card,
.company-account-section .company-analytics-panel,
.company-account-section .company-plan-panel{margin:0!important}
.company-account-section .company-dashboard-highlights{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.company-account-section .company-section-headline{margin-top:4px!important}

/* Responsividade */
@media(max-width:1180px){
  .company-account-section .company-account-shell{grid-template-columns:240px minmax(0,1fr)!important;gap:18px!important}
  .company-account-section .banner-stats-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .company-account-section .widgets-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:980px){
  .company-account-section{padding-top:18px!important}
  .company-account-section .company-account-shell{grid-template-columns:1fr!important}
  .company-account-section .company-account-nav{
    position:sticky!important;
    top:66px!important;
    z-index:70!important;
    border-radius:15px!important;
    overflow:visible!important;
  }
  .company-account-section .company-account-brand{display:none!important}
  .company-account-section .company-account-nav>nav{
    display:flex!important;
    gap:6px!important;
    padding:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .company-account-section .company-account-nav>nav::-webkit-scrollbar{display:none!important}
  .company-account-section .company-account-nav nav>a,
  .company-account-section .company-account-nav nav>.company-nav-locked{
    flex:0 0 auto!important;
    width:auto!important;
    min-height:42px!important;
    grid-template-columns:26px auto auto!important;
    padding:6px 10px!important;
    white-space:nowrap!important;
  }
  .company-account-section .company-menu-icon{width:26px!important;height:26px!important}
  .company-account-section .company-menu-chevron{display:none!important}
  .company-account-section .company-account-pagehead{align-items:flex-start!important}
  .company-account-section .coupon-admin-grid,
  .company-account-section .blog-editor-layout,
  .company-account-section .company-dashboard-highlights{grid-template-columns:1fr!important}
  .company-account-section .coupon-preview,
  .company-account-section .blog-editor-sidebar{position:static!important}
}
@media(max-width:760px){
  .company-account-section{padding:14px 0 50px!important}
  .company-account-section .company-account-shell{gap:14px!important}
  .company-account-section .company-account-main{gap:14px!important}
  .company-account-section .company-account-pagehead{flex-direction:column!important;padding:18px!important;border-radius:18px!important}
  .company-account-section .company-account-pagehead h1{font-size:28px!important}
  .company-account-section .company-pagehead-actions,
  .company-account-section .page-actions{width:100%!important;justify-content:stretch!important}
  .company-account-section .company-pagehead-actions .btn,
  .company-account-section .page-actions .btn{flex:1 1 auto!important;justify-content:center!important}
  .company-account-section .company-account-main>.card,
  .company-account-section .company-profile-section,
  .company-account-section .product-form-card,
  .company-account-section .company-banner-editor,
  .company-account-section .coupon-admin-form,
  .company-account-section .coupon-preview,
  .company-account-section .blog-editor-card,
  .company-account-section .company-blog-source-card,
  .company-account-section .mini-admin-section,
  .company-account-section .store-section,
  .company-account-section .store-status-card,
  .company-account-section .banner-stats-wrap{padding:16px!important;border-radius:16px!important}
  .company-account-section .form-grid,
  .company-account-section .company-media-upload-grid,
  .company-account-section .store-metrics,
  .company-account-section .vitrine-admin-nav,
  .company-account-section .widgets-hub-grid,
  .company-account-section .banner-stats-kpis{grid-template-columns:1fr!important}
  .company-account-section .company-media-upload{grid-template-columns:1fr!important}
  .company-account-section .company-media-preview{width:100%!important;height:160px!important}
  .company-account-section .store-status-card{align-items:flex-start!important;flex-direction:column!important}
  .company-account-section .store-status-card form,.company-account-section .store-status-card .btn{width:100%!important}
  .company-account-section .table-wrap{border-radius:13px!important}
  .company-account-section .table{min-width:680px!important}
  .company-account-section .section-head,
  .company-account-section .store-section-head,
  .company-account-section .product-form-head,
  .company-account-section .company-banner-spec-head,
  .company-account-section .banner-stats-head,
  .company-account-section .mini-section-title{flex-direction:column!important}
}
@media(max-width:480px){
  .company-account-section .company-account-pagehead h1{font-size:25px!important}
  .company-account-section .btn{width:auto!important}
  .company-account-section .company-pagehead-actions .btn{width:100%!important}
  .company-account-section .company-account-nav nav>a,
  .company-account-section .company-account-nav nav>.company-nav-locked{font-size:11px!important}
  .company-account-section .company-profile-savebar{flex-direction:column!important;align-items:stretch!important}
  .company-account-section .company-profile-savebar .btn{width:100%!important}
}