/* DMI Management — reports, plans and profile share a calm decision-making surface. */

/* Reports */
#page-relatorios .rel-head, #page-relatorios .subpage-top { margin-bottom: var(--dmi-space-5) !important; }
#page-relatorios .rel-title, #page-relatorios .subpage-title { color: var(--dmi-primary) !important; letter-spacing: -.035em; }
#page-relatorios .rel-period { border-color: var(--dmi-border) !important; border-radius: var(--dmi-radius-md) !important; box-shadow: var(--dmi-shadow-xs) !important; }
#page-relatorios .rp { min-height: 38px; border-radius: var(--dmi-radius-sm) !important; color: var(--dmi-text-secondary) !important; font-weight: 700; }
#page-relatorios .rp.on { background: var(--dmi-primary) !important; color: #fff !important; }
#page-relatorios .rel-sec, #page-relatorios .rel-card, #page-relatorios .rel-kpi { border-color: var(--dmi-border) !important; border-radius: var(--dmi-radius-md) !important; box-shadow: var(--dmi-shadow-xs) !important; }
#page-relatorios .rel-sec { background: var(--dmi-surface) !important; }
#page-relatorios .rel-sec h3 { color: var(--dmi-primary) !important; }
#page-relatorios .rel-kpi .k-val { color: var(--dmi-primary) !important; font-variant-numeric: tabular-nums; }
#page-relatorios .rel-kpi .k-lbl, #page-relatorios .rel-sec small { color: var(--dmi-text-secondary) !important; }
#page-relatorios th { background: #f3f6f9 !important; color: var(--dmi-text-secondary) !important; }
#page-relatorios td { color: var(--dmi-text) !important; border-color: var(--dmi-border) !important; }

/* Plans */
#page-planos .plans-header, #page-planos .plans-hero2 { border-radius: var(--dmi-radius-lg) !important; background: linear-gradient(135deg,var(--dmi-primary-active),var(--dmi-primary-hover)) !important; box-shadow: var(--dmi-shadow-md) !important; }
#page-planos .plan-eco-box, #page-planos .promo-banner { border-color: var(--dmi-border) !important; border-radius: var(--dmi-radius-md) !important; box-shadow: var(--dmi-shadow-xs) !important; }
#page-planos .plan { border-color: var(--dmi-border) !important; border-radius: var(--dmi-radius-lg) !important; box-shadow: var(--dmi-shadow-xs) !important; }
#page-planos .plan:hover { border-color: var(--dmi-border-strong) !important; box-shadow: var(--dmi-shadow-md) !important; }
#page-planos .plan.pro, #page-planos .plan.featured, #page-planos .plan.destaque { border-color: var(--dmi-secondary) !important; }
#page-planos .plan-name, #page-planos .plan-price, #page-planos .plan-price .val { color: var(--dmi-primary) !important; }
#page-planos .plan-sub, #page-planos .plan-feats li { color: var(--dmi-text-secondary) !important; }
#page-planos .plan-tag { background: var(--dmi-secondary) !important; color: var(--dmi-primary-active) !important; }
#page-planos .plan-btn { background: var(--dmi-primary) !important; border-radius: var(--dmi-radius-sm) !important; }
#page-planos .plan-btn.gold { background: var(--dmi-secondary) !important; color: var(--dmi-primary-active) !important; }
#page-planos .plan-btn.ghost { background: var(--dmi-primary-soft) !important; color: var(--dmi-primary) !important; }
#page-planos .dk-plan-compare { border-color: var(--dmi-border) !important; border-radius: var(--dmi-radius-lg) !important; box-shadow: var(--dmi-shadow-xs) !important; }

/* Profile and configuration */
#page-conta .prof-hero { border-radius: var(--dmi-radius-lg) !important; background: linear-gradient(135deg,var(--dmi-primary-active),var(--dmi-primary-hover)) !important; }
#page-conta .prof-hero .prof-nome, #page-conta .prof-hero .prof-sub, #page-conta .prof-hero .prof-sub2, #page-conta .prof-hero .prof-progress-head, #page-conta .prof-hero .prof-progress-head span:last-child { color: #fff !important; }
#page-conta .prof-hero .prof-sub { color: rgba(255,255,255,.88) !important; }
#page-conta .prof-hero .prof-sub2 { color: rgba(255,255,255,.72) !important; }
#page-conta .prof-hero .prof-progress-bar { background: rgba(255,255,255,.2) !important; }
#page-conta .prof-hero .prof-progress-fill { background: var(--dmi-secondary) !important; }
#page-conta .prof-hero .prof-bonus { color: rgba(255,255,255,.88) !important; background: rgba(255,255,255,.1) !important; border-color: rgba(255,255,255,.18) !important; }
#page-conta .prof-hero .prf-completar { background: var(--dmi-secondary) !important; color: var(--dmi-primary-active) !important; }
#page-conta .prof-avatar { border-color: var(--dmi-secondary) !important; }
#page-conta .prf-selo, #page-conta .dk-selo, #page-conta .dk-col-card, #page-conta .dk-cv-card { border-color: var(--dmi-border) !important; border-radius: var(--dmi-radius-md) !important; box-shadow: var(--dmi-shadow-xs) !important; }
#page-conta .prof-tabs { border-color: var(--dmi-border) !important; border-radius: var(--dmi-radius-md) !important; }
#page-conta .prof-tab { border-radius: var(--dmi-radius-sm) !important; color: var(--dmi-text-secondary) !important; }
#page-conta .prof-tab.on { background: var(--dmi-primary) !important; color: #fff !important; }
#page-conta .acc-row { border-color: var(--dmi-border) !important; border-radius: var(--dmi-radius-sm) !important; }
#page-conta .acc-row:hover { border-color: var(--dmi-border-strong) !important; background: #fbfcfe !important; }

/* Perfil desktop: usa toda a área útil depois da navegação lateral, sem um
   segundo contêiner estreito centralizado. As páginas acionadas pelo perfil
   adotam a mesma malha, preservando campos confortáveis e ações previsíveis. */
@media (min-width:1024px) {
  #page-conta.dk-profile-v2 {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-bottom:42px !important;
  }
  #page-conta.dk-profile-v2 .prof-hero {
    grid-template-columns:minmax(460px,1.25fr) minmax(390px,.75fr) !important;
  }
  #page-conta.dk-profile-v2 .dk-perfil-grid {
    grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr) !important;
  }

  #page-dados.active,
  #page-endereco.active,
  #page-creci.active,
  #page-profissional.active,
  #page-redes.active,
  #page-integemail.active {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-content:start;
    column-gap:24px;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }
  html.dmi-desktop-v2 #page-dados .subpage-top,
  html.dmi-desktop-v2 #page-endereco .subpage-top,
  html.dmi-desktop-v2 #page-creci .subpage-top,
  html.dmi-desktop-v2 #page-profissional .subpage-top,
  html.dmi-desktop-v2 #page-redes .subpage-top,
  html.dmi-desktop-v2 #page-integemail .subpage-top {
    grid-column:1 / -1;
    position:static;
    margin:0 0 20px;
    padding:0 0 16px;
    background:transparent;
    color:var(--dmi-primary);
    border-bottom:1px solid var(--dmi-border);
  }
  html.dmi-desktop-v2 #page-dados .subpage-back,
  html.dmi-desktop-v2 #page-endereco .subpage-back,
  html.dmi-desktop-v2 #page-creci .subpage-back,
  html.dmi-desktop-v2 #page-profissional .subpage-back,
  html.dmi-desktop-v2 #page-redes .subpage-back,
  html.dmi-desktop-v2 #page-integemail .subpage-back {
    background:var(--dmi-primary-soft);
    color:var(--dmi-primary);
  }
  html.dmi-desktop-v2 #page-dados .acc-hero,
  html.dmi-desktop-v2 #page-dados .section-title,
  html.dmi-desktop-v2 #page-integemail .section-title,
  html.dmi-desktop-v2 #page-integemail .acc-list,
  html.dmi-desktop-v2 #page-integemail > div[style*="linear-gradient"] {
    grid-column:1 / -1;
  }
  html.dmi-desktop-v2 #page-dados .acc-hero {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    text-align:left;
    min-height:82px;
    padding:0 0 8px !important;
  }
  html.dmi-desktop-v2 #page-dados .acc-avatar { margin:0; }
  html.dmi-desktop-v2 #page-dados .sp-save,
  html.dmi-desktop-v2 #page-endereco .sp-save,
  html.dmi-desktop-v2 #page-creci .sp-save,
  html.dmi-desktop-v2 #page-profissional .sp-save,
  html.dmi-desktop-v2 #page-redes .sp-save,
  html.dmi-desktop-v2 #page-integemail .sp-save {
    width:auto;
    min-width:190px;
    justify-self:start;
    align-self:end;
  }
  html.dmi-desktop-v2 #page-dados .sp-save,
  html.dmi-desktop-v2 #page-endereco .sp-save,
  html.dmi-desktop-v2 #page-creci .sp-save,
  html.dmi-desktop-v2 #page-profissional .sp-save,
  html.dmi-desktop-v2 #page-redes .sp-save { margin-top:6px; }
}

/* Social connections are ready for future OAuth/API hand-offs while remaining useful today. */
#pane-redes { background: var(--dmi-surface); border: 1px solid var(--dmi-border); border-radius: var(--dmi-radius-lg); padding: var(--dmi-space-5); box-shadow: var(--dmi-shadow-xs); }
.social-connect-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:var(--dmi-space-4); }
.social-connect-head .section-title { margin:0 !important; color:var(--dmi-primary) !important; }
.social-connect-head p { max-width:650px; margin:5px 0 0; color:var(--dmi-text-secondary); font-size:12px; line-height:1.5; }
.social-connect-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.social-connect-card { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:11px; min-height:78px; padding:13px; border:1px solid var(--dmi-border); border-radius:var(--dmi-radius-md); background:#fff; transition:border-color var(--dmi-duration-fast) var(--dmi-ease),box-shadow var(--dmi-duration-fast) var(--dmi-ease),transform var(--dmi-duration-fast) var(--dmi-ease); }
.social-connect-card:hover { border-color:var(--dmi-border-strong); box-shadow:var(--dmi-shadow-sm); transform:translateY(-1px); }
.social-network-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; color:#fff; font-weight:850; font-size:20px; line-height:1; }
.social-connect-card b { display:block; color:var(--dmi-text); font-size:13px; }
.social-connect-card small { display:block; margin-top:3px; overflow:hidden; color:var(--dmi-text-secondary); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.social-connect-card button, .social-connect-all { min-height:34px; border:1px solid var(--dmi-border-strong); border-radius:var(--dmi-radius-sm); background:#fff; color:var(--dmi-primary); font-size:11px; font-weight:750; cursor:pointer; padding:0 10px; }
.social-connect-card button:hover, .social-connect-all:hover { border-color:var(--dmi-primary); background:var(--dmi-primary-soft); }
.social-connect-card.instagram .social-network-icon { background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045); }
.social-connect-card.facebook .social-network-icon { background:#1877f2; font-family:Arial,sans-serif; }
.social-connect-card.linkedin .social-network-icon { background:#0a66c2; font-size:15px; }
.social-connect-card.youtube .social-network-icon { background:#ff0033; font-size:16px; }
.social-connect-card.tiktok .social-network-icon { background:#121b2a; }
.social-connect-card.whatsapp .social-network-icon { background:#25d366; }
.social-connect-all { width:100%; margin-top:12px; min-height:42px; }

/* Integration hub: product status and real destinations live in Profile. */
.integration-hub-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:16px; }
.integration-hub-head .section-title { margin:0 !important; }
.integration-hub-head p { margin:5px 0 0; color:var(--dmi-text-secondary); font-size:12px; line-height:1.5; }
.integration-hub-count { flex:none; padding:7px 10px; border-radius:999px; background:var(--dmi-success-soft); color:var(--dmi-success); font-size:10px; font-weight:800; }
.integration-hub-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.integration-card { min-width:0; min-height:218px; display:flex; flex-direction:column; gap:13px; padding:17px; border:1px solid var(--dmi-border); border-radius:var(--dmi-radius-md); background:#fff; box-shadow:var(--dmi-shadow-xs); position:relative; overflow:hidden; }
.integration-card:before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:var(--dmi-border-strong); }
.integration-card.is-available:before { background:var(--dmi-success); }
.integration-card.is-configuring:before { background:var(--dmi-warning); }
.integration-card-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.integration-logo { width:48px; height:48px; flex:none; display:grid; place-items:center; border:1px solid var(--dmi-border); border-radius:13px; background:#fff; }
.integration-logo img { display:block; width:31px; height:31px; object-fit:contain; }
.integration-status { flex:none; padding:6px 8px; border-radius:999px; font-size:9px; line-height:1; font-weight:850; letter-spacing:.02em; }
.integration-status.available { background:var(--dmi-success-soft); color:var(--dmi-success); }
.integration-status.configuring { background:var(--dmi-warning-soft); color:#8a6511; }
.integration-status.soon { background:var(--dmi-bg); color:var(--dmi-text-muted); }
.integration-card-copy { flex:1; }
.integration-card-copy h3 { margin:0; color:var(--dmi-text); font-size:15px; line-height:1.25; }
.integration-card-copy p { margin:6px 0 0; color:var(--dmi-text-secondary); font-size:11px; line-height:1.5; }
.integration-card button { width:100%; min-height:39px; border:1px solid var(--dmi-primary); border-radius:var(--dmi-radius-sm); background:var(--dmi-primary); color:#fff; font:750 11px var(--font); cursor:pointer; }
.integration-card button:hover:not(:disabled) { background:var(--dmi-primary-hover); }
.integration-card button:disabled { border-color:var(--dmi-border); background:var(--dmi-bg); color:var(--dmi-text-muted); cursor:not-allowed; }
.portal-integration-content{grid-column:1/-1;margin-top:4px;padding:18px;border:1px solid var(--dmi-border);border-radius:var(--dmi-radius-md);background:#fff}.portal-integration-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:14px}.portal-integration-head h3,.portal-integration-card h4{margin:0;color:var(--dmi-primary)}.portal-integration-head p{margin:5px 0 0;font-size:12px;color:var(--dmi-text-secondary)}.portal-integration-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 0;border-top:1px solid var(--dmi-border)}.portal-integration-card h4,.portal-feed-link{grid-column:1/-1}.portal-integration-card label{font-size:11px;font-weight:700;color:var(--dmi-text-secondary)}.portal-integration-card input{box-sizing:border-box;width:100%;margin-top:5px;padding:9px;border:1px solid var(--dmi-border);border-radius:8px}.portal-integration-card button,.portal-integration-head button{width:max-content;min-height:36px;padding:0 12px;border:1px solid var(--dmi-primary);border-radius:8px;background:var(--dmi-primary);color:#fff;font-weight:750}.portal-feed-link{padding:10px;border-radius:8px;background:var(--dmi-primary-soft);font-size:11px}.portal-feed-link code{display:block;margin:5px 0;word-break:break-all}.portal-feed-link small{color:var(--dmi-text-secondary)}
.subpage-top { border-color: var(--dmi-border) !important; }
.subpage-title { color: var(--dmi-primary) !important; }
.sp-field label { color: var(--dmi-text-secondary) !important; }
.sp-inp { border-color: var(--dmi-border) !important; border-radius: var(--dmi-radius-sm) !important; background: var(--dmi-surface) !important; color: var(--dmi-text) !important; }
.sp-inp:focus { border-color: var(--dmi-focus) !important; box-shadow: 0 0 0 3px rgba(39,121,184,.14) !important; }

@media (max-width:767px) {
  #page-relatorios #relConteudo { display:block !important; }
  #page-relatorios .rel-sec { margin-bottom: var(--dmi-space-4) !important; }
  #page-relatorios .rel-kpis { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  #page-planos .plan { margin-bottom: var(--dmi-space-4) !important; }
  #page-conta .prof-tabs {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:3px !important;
    overflow:visible !important;
    padding:4px !important;
  }
  #page-conta .prof-tab {
    min-width:0 !important;
    padding:7px 1px !important;
    gap:2px !important;
    font-size:clamp(7.5px,2.35vw,10px) !important;
    line-height:1.1 !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
  }
  #page-conta .prof-tab .pt-i { font-size:16px !important; }
  #pane-redes { padding:var(--dmi-space-4); }
  .social-connect-grid { grid-template-columns:1fr; }
  .integration-hub-head { align-items:center; margin-bottom:12px; }
  .integration-hub-head p { font-size:10px; }
  .integration-hub-count { padding:6px 8px; font-size:8px; }
  .integration-hub-grid { grid-template-columns:1fr; gap:9px; }
  .integration-card { min-height:178px; gap:10px; padding:13px; border-radius:14px; }
  .integration-logo { width:42px; height:42px; border-radius:11px; }
  .integration-logo img { width:28px; height:28px; }
  .integration-card-copy h3 { font-size:13px; }
  .integration-card-copy p { font-size:9.5px; }
  .integration-card button { min-height:36px; font-size:10px; }
  .portal-integration-card { grid-template-columns:1fr; }
}

@media (min-width:768px) and (max-width:1023px) {
  #page-relatorios .rel-kpis { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
  #page-relatorios #relConteudo { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  #page-planos #planosCorretor, #page-planos .dk-plans-row { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}