@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap');

\r\n\r\n.text-primary {
  color: #de6a38 !important;
}

/* Habilidades: composição mobile própria, sem herdar trilhas mínimas do desktop. */
@media (max-width: 640px) {
  .hd-solutions-area.hd-skills-area {
    padding: 0 0 22px;
  }

  .hd-skills-area .hd-skill-page {
    gap: 20px;
    padding: 16px 0 24px;
  }

  .hd-skills-area .hd-skill-spotlight {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 13px;
    padding: 16px;
  }

  .hd-skills-area .hd-skill-spotlight-mark {
    display: none;
  }

  .hd-skills-area .hd-skill-spotlight-icon {
    width: 38px;
    height: 38px;
  }

  .hd-solutions-skills-tip-heading {
    font-size: 15px;
  }

  .hd-skills-area .hd-skill-spotlight p {
    font-size: 13px;
    line-height: 1.45;
  }

  .hd-skills-area .hd-skill-header {
    gap: 16px;
    padding-inline: 4px;
  }

  .hd-skills-area .hd-skill-header h1 {
    font-size: 27px;
  }

  .hd-skills-area .hd-skill-header p {
    font-size: 13px;
  }

  .hd-skills-area .hd-skill-metric-switch {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    gap: 5px;
  }

  .hd-skills-area .hd-skill-metric-btn {
    min-width: 0;
    padding: 9px 4px;
    font-size: 10px;
  }

  .hd-skills-area .hd-skill-overview {
    gap: 20px;
  }

  .hd-skills-area .hd-skill-section-heading {
    margin-bottom: 12px;
  }

  .hd-skills-area .hd-skill-section-heading h2 {
    font-size: 16px;
  }

  .hd-skills-area .hd-skill-row {
    grid-template-columns: 30px minmax(0, 1fr) 28px;
    gap: 7px;
    min-width: 0;
    min-height: 42px;
  }

  .hd-skills-area .hd-skill-icon {
    width: 26px;
    height: 26px;
  }

  .hd-skills-area .hd-skill-icon .feather {
    width: 15px;
    height: 15px;
  }

  .hd-skills-area .hd-skill-name {
    font-size: 11px;
  }

  .hd-skills-area .hd-skill-score {
    font-size: 11px;
  }

  .hd-skills-area .hd-skill-bars .hd-skill-track {
    grid-column: 2 / 4;
    grid-row: 2;
    width: 100%;
  }

  .hd-skills-area .hd-skill-radar-card,
  .hd-skills-area .hd-skill-categories,
  .hd-skills-area .hd-skill-detail {
    border-radius: 8px;
  }

  .hd-skills-area .hd-skill-radar-wrap {
    height: 230px;
    max-width: 100%;
  }

  .hd-skills-area .hd-skill-cat {
    grid-template-columns: 29px minmax(0, 1fr) 30px;
    gap: 7px;
  }

  .hd-skills-area .hd-skill-cat-label {
    display: none;
  }

  .hd-skills-area .hd-skill-cat-title {
    font-size: 11px;
  }

  .hd-skills-area .hd-skill-detail {
    padding: 18px 16px;
  }

  .hd-skills-area .hd-skill-detail-panel .hd-skill-panel-list {
    gap: 10px;
  }

  .hd-skills-area .hd-skill-detail-row {
    grid-template-columns: minmax(0, 1fr) 28px;
    gap: 7px;
    min-height: 40px;
  }

  .hd-skills-area .hd-skill-detail-row .hd-skill-track {
    grid-column: 1 / 3;
    grid-row: 2;
    width: 100%;
  }
}

/* Página de habilidades: leitura de progresso, foco e microinterações. */
.hd-skill-page{--skill-ink:#0b1c4c;--skill-muted:#68728a;--skill-line:#e7ebf3;display:flex;flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:8px 0 32px}
.hd-solutions-area.hd-skills-area{padding:10px 4px 34px;background:transparent;border-radius:0;box-shadow:none}.hd-skills-area .hd-skill-page{width:100%;max-width:none;padding:12px 22px 36px}
.hd-skill-page .hd-skill-spotlight{position:relative;display:grid;grid-template-columns:46px 1fr auto;gap:16px;align-items:center;overflow:hidden;padding:16px 20px;border:1px solid #e5ddff;border-left:3px solid #7538ed;background:linear-gradient(100deg,#fbfaff 0%,#fff 72%);border-radius:8px}
.hd-skill-spotlight-icon{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#6d35dd,#8b4df5);border-radius:8px;box-shadow:0 6px 12px rgba(105,54,224,.22)}
.hd-skill-spotlight-icon .feather{width:20px;height:20px}.hd-skill-spotlight-badge{display:block;margin-bottom:4px;color:#6d35dd;font-size:11px;font-weight:800;text-transform:uppercase}.hd-skill-spotlight p{margin:0;color:#3d4a68;font-size:14px;line-height:1.5}.hd-skill-spotlight-mark{width:30px;height:30px;color:#d8cbff;animation:hd-skill-glow 2.8s ease-in-out infinite}
.hd-skill-header{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:4px 6px 10px;border-bottom:1px solid var(--skill-line)}
.hd-skill-header h1{display:flex;align-items:center;gap:10px;margin:0;color:var(--skill-ink);font-size:30px;font-weight:800;line-height:1.1}.hd-skill-header h1 .feather{width:26px;color:#7b3ff0}.hd-skill-header p{margin:8px 0 0;color:#63708d;font-size:14px}
.hd-skills-area .hd-skill-header h1{font-size:34px}.hd-skills-area .hd-skill-header p{font-size:15px}.hd-skills-area .hd-skill-section-heading h2{font-size:18px}.hd-skills-area .hd-skill-section-heading>span{font-size:13px}
.hd-skill-page .hd-skill-metric-switch{display:flex;gap:6px;flex-wrap:wrap}.hd-skill-page .hd-skill-metric-btn{position:relative;min-width:112px;padding:9px 14px;border:1px solid #e3e8f1;border-radius:6px;background:#fff;color:#53617e;font-size:12px;font-weight:700;cursor:pointer;transition:color .18s ease,border-color .18s ease,box-shadow .18s ease}.hd-skill-page .hd-skill-metric-btn:hover{border-color:#b8a2f5;color:#6430d5;box-shadow:0 3px 9px rgba(91,45,202,.1)}.hd-skill-page .hd-skill-metric-btn.is-active{color:#fff;border-color:#10295c;background:#10295c;box-shadow:0 5px 12px rgba(16,41,92,.16)}.hd-skill-page .hd-skill-metric-btn.is-active::after{position:absolute;right:0;bottom:-5px;left:0;height:3px;border-radius:6px;background:#ff6b18;content:''}
.hd-skill-overview{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr);gap:34px}.hd-skill-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.hd-skill-section-heading h2{margin:0;color:var(--skill-ink);font-size:16px;font-weight:800}.hd-skill-section-heading>span{color:#8a95aa;font-size:12px}.hd-skill-section-heading>.feather{width:20px;color:#773cf1}
.hd-skills-area .hd-skill-overview{grid-template-columns:minmax(0,1.55fr) minmax(390px,.9fr);gap:42px}.hd-skills-area .hd-skill-row{grid-template-columns:44px minmax(175px,1fr) minmax(160px,1.7fr) 38px;gap:13px;min-height:38px}.hd-skills-area .hd-skill-name{font-size:14px}.hd-skills-area .hd-skill-score{font-size:14px}.hd-skills-area .hd-skill-track{height:6px}.hd-skills-area .hd-skill-icon{width:34px;height:34px}.hd-skills-area .hd-skill-icon .feather{width:18px;height:18px}
.hd-skill-page .hd-skill-bars,.hd-skill-page .hd-skill-panel-list{display:flex;flex-direction:column;gap:10px}.hd-skill-page .hd-skill-row{display:grid;grid-template-columns:42px minmax(140px,1fr) minmax(100px,1.65fr) 32px;gap:10px;align-items:center;min-height:31px}.hd-skill-page .hd-skill-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;color:var(--skill-color);background:color-mix(in srgb,var(--skill-color) 12%,white)}.hd-skill-page .hd-skill-icon .feather{width:17px;height:17px}.hd-skill-page .hd-skill-name{min-width:0;overflow:hidden;color:#10204c;font-size:13px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.hd-skill-page .hd-skill-track{height:5px;overflow:hidden;border-radius:5px;background:#e9edf3}.hd-skill-page .hd-skill-fill{position:relative;height:100%;border-radius:inherit;background:var(--skill-color);transition:width .45s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 0 transparent}.hd-skill-page .hd-skill-row:hover .hd-skill-fill{box-shadow:0 0 9px color-mix(in srgb,var(--skill-color) 55%,transparent)}.hd-skill-page .hd-skill-score{color:var(--skill-color);font-size:13px;text-align:right}
.hd-skill-page .hd-skill-side{display:flex;flex-direction:column;gap:12px}.hd-skill-page .hd-skill-radar-card,.hd-skill-page .hd-skill-categories{padding:18px 20px;border:1px solid #edf0f5;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(25,39,77,.04)}.hd-skill-page .hd-skill-radar-wrap{height:228px}.hd-skill-page .hd-skill-panel{display:none}.hd-skill-page .hd-skill-panel.is-visible{display:block}
.hd-skill-page .hd-skill-cat{display:grid;grid-template-columns:32px minmax(0,1fr) 34px 40px;gap:9px;align-items:center;width:100%;padding:9px 0;border:0;border-top:1px solid #edf0f5;background:transparent;text-align:left;cursor:pointer;transition:background .18s ease,transform .18s ease}.hd-skill-page .hd-skill-cat:first-of-type{border-top:0}.hd-skill-page .hd-skill-cat:hover{background:#fafbff;transform:translateX(2px)}.hd-skill-page .hd-skill-cat.is-active{background:linear-gradient(90deg,color-mix(in srgb,var(--cat-color) 9%,white),transparent)}.hd-skill-page .hd-skill-cat-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;color:var(--cat-color);background:color-mix(in srgb,var(--cat-color) 11%,white)}.hd-skill-page .hd-skill-cat-icon .feather{width:16px;height:16px}.hd-skill-page .hd-skill-cat-title{min-width:0;color:#142555;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd-skill-page .hd-skill-cat-value{color:var(--cat-color);font-size:15px;text-align:right}.hd-skill-page .hd-skill-cat-label{color:#7d89a0;font-size:11px;text-align:right}
.hd-skill-detail{padding:20px 22px;border-top:1px solid #e9edf5;background:#fbfcff}.hd-skill-detail-panel{display:none}.hd-skill-detail-panel.is-visible{display:block}.hd-skill-detail-header{display:flex;align-items:center;gap:8px;margin-bottom:15px}.hd-skill-detail-header .dot{width:8px;height:8px;border-radius:50%}.hd-skill-detail-header h2{margin:0;color:#10204c;font-size:17px;font-weight:800}.hd-skill-detail-header>span:last-child{margin-left:auto;color:#8a95aa;font-size:12px}.hd-skill-detail-row{grid-template-columns:minmax(170px,1fr) minmax(100px,2fr) 32px}.hd-skill-empty{color:#7b879c;font-size:13px}
.hd-skills-area .hd-skill-detail{padding:24px 26px;background:#fff;border:1px solid #edf0f5;border-radius:8px}.hd-skills-area .hd-skill-detail-header{margin-bottom:20px}.hd-skills-area .hd-skill-detail-header h2{font-size:19px}.hd-skills-area .hd-skill-detail-panel .hd-skill-panel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:46px;row-gap:12px}.hd-skills-area .hd-skill-detail-row{grid-template-columns:minmax(160px,1fr) minmax(130px,1.55fr) 38px;gap:13px;min-height:36px}
body.funcionario .page-wrapper:has(.hd-skills-area),body.administrador .page-wrapper:has(.hd-skills-area),.page-wrapper:has(.hd-skills-area)>.container-fluid{background:#fff}.hd-solutions-area.hd-skills-area{--hd-skills-ink:var(--hd-secondary);--hd-skills-muted:#64748b;background:#fff}.hd-skills-area .hd-skill-page{background:#fff}.hd-skills-area .hd-skill-header{border-bottom-color:#e7ebf0}.hd-skills-area .hd-skill-header h1,.hd-skills-area .hd-skill-section-heading h2,.hd-skills-area .hd-skill-detail-header h2{color:var(--hd-secondary)}.hd-skills-area .hd-skill-header h1 .feather,.hd-skills-area .hd-skill-section-heading>.feather{color:var(--hd-primary)}
.hd-skills-area .hd-skill-spotlight{grid-template-columns:52px 1fr auto;padding:19px 22px;border:1px solid #f3d9ca;border-left:4px solid var(--hd-primary);background:#fffaf7;box-shadow:none}.hd-skills-area .hd-skill-spotlight-icon{width:44px;height:44px;background:var(--hd-primary);box-shadow:0 6px 14px rgba(255,107,43,.2)}.hd-skills-area .hd-skill-spotlight-badge{margin-bottom:3px;color:#b94b1f;font-size:11px}.hd-solutions-skills-tip-heading{margin:0 0 4px;color:var(--hd-secondary);font-size:17px;font-weight:800;line-height:1.25}.hd-skills-area .hd-skill-spotlight p{max-width:920px;color:#41506b;font-size:15px;font-weight:600;line-height:1.55}.hd-skills-area .hd-skill-spotlight-mark{color:#f3aa82}
.hd-skills-area .hd-skill-radar-card,.hd-skills-area .hd-skill-categories{border-color:#e8edf2;box-shadow:0 3px 10px rgba(52,65,88,.04)}.hd-skills-area .hd-skill-detail{border-color:#e8edf2;background:#fff}.hd-skills-area .hd-skill-metric-btn:hover{border-color:#f3b08f;color:#b94b1f;box-shadow:0 3px 9px rgba(255,107,43,.1)}.hd-skills-area .hd-skill-metric-btn.is-active{border-color:var(--hd-secondary);background:var(--hd-secondary);box-shadow:0 5px 12px rgba(52,65,88,.16)}
body.funcionario:has(.hd-skills-area),body.funcionario:has(.hd-skills-area) #main-wrapper,body.administrador:has(.hd-skills-area),body.administrador:has(.hd-skills-area) #main-wrapper{background:#fff}.hd-skills-area .hd-skill-radar-card,.hd-skills-area .hd-skill-categories,.hd-skills-area .hd-skill-detail{border-color:#dfe7ef;background:#fbfdff;box-shadow:0 3px 12px rgba(52,65,88,.055)}.hd-skills-area .hd-skill-radar-card:hover,.hd-skills-area .hd-skill-categories:hover{border-color:#d2dce7;box-shadow:0 5px 16px rgba(52,65,88,.075)}.hd-skills-area .hd-skill-detail{background:#fff;border-top:3px solid #eef2f6}.hd-skills-area .hd-skill-cat{border-top-color:#e5ebf1}.hd-skills-area .hd-skill-cat:hover{background:#f4f7fb}.hd-skills-area .hd-skill-track{background:#e6ecf2}
.hd-skill-insights{padding:18px 20px;border:1px solid #dfe7ef;border-radius:8px;background:#fffdfb;box-shadow:0 3px 12px rgba(52,65,88,.04)}.hd-skill-insight-list{display:grid;gap:10px}.hd-skill-insight{display:grid;grid-template-columns:31px minmax(0,1fr) 30px;gap:9px;align-items:center;padding:9px 0;border-top:1px solid #edf0f4}.hd-skill-insight:first-child{padding-top:0;border-top:0}.hd-skill-insight--collapsed{display:none}.hd-skill-insight-icon{display:grid;width:29px;height:29px;place-items:center;border-radius:6px;background:var(--insight-soft);color:var(--insight-color)}.hd-skill-insight-icon .feather{width:16px}.hd-skill-insight-title{display:block;color:#21375d;font-size:12px;font-weight:800}.hd-skill-insight-copy{display:block;margin-top:2px;color:#718096;font-size:11px;line-height:1.35}.hd-skill-insight-score{color:var(--insight-color);font-size:14px;text-align:right}.hd-skill-insight-toggle{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:5px 0;border:0;background:transparent;color:#b94b1f;font-size:11px;font-weight:800;cursor:pointer}.hd-skill-insight-toggle .feather{width:14px}
.hd-skill-profile-summary{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:20px 22px;border-top:1px solid #e5ebf1;border-bottom:1px solid #e5ebf1;background:#fbfcfe}.hd-skill-summary-eyebrow{display:block;margin-bottom:3px;color:#bd5529;font-size:11px;font-weight:800;text-transform:uppercase}.hd-skill-profile-summary h2{margin:0;color:var(--hd-secondary);font-size:17px;font-weight:800}.hd-skill-summary-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.hd-skill-summary-tag{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #e0e8ef;border-radius:6px;background:#fff;color:#405778;font-size:12px;font-weight:700}.hd-skill-summary-tag .feather{width:15px;color:#e76b36}
.hd-skill-row--collapsed{display:none!important}.hd-skill-row--revealed{animation:hd-skill-reveal .32s ease-out both}.hd-skill-disclosure{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:7px 0;border:0;background:transparent;color:#b94b1f;font-size:12px;font-weight:800;cursor:pointer;transition:color .18s ease,transform .18s ease}.hd-skill-disclosure:hover{color:var(--hd-primary);transform:translateY(-1px)}.hd-skill-disclosure .feather{width:16px;transition:transform .2s ease}.hd-skill-detail-disclosure{display:flex;justify-content:center;padding:2px 0}.hd-skill-disclosure--detail{margin:0;padding:10px 14px;border:1px solid #dbe4ed;border-radius:6px;background:#fff;color:#405778}.hd-skill-disclosure--detail:hover{border-color:#c3d0dc;background:#f8fafc;color:var(--hd-secondary)}.hd-skill-detail.is-animating{animation:hd-skill-fade .32s ease-out}.hd-skills-area .hd-skill-insights,.hd-skills-area .hd-skill-categories{transition:border-color .2s ease,box-shadow .2s ease}.hd-skills-area .hd-skill-insights:hover,.hd-skills-area .hd-skill-categories:hover{border-color:#d0dce7;box-shadow:0 5px 16px rgba(52,65,88,.07)}
@keyframes hd-skill-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes hd-skill-fade{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.hd-skill-row--revealed,.hd-skill-detail.is-animating{animation:none}.hd-skill-disclosure,.hd-skill-disclosure .feather{transition:none}}
.hd-skill-secondary{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:18px;align-items:start}.hd-skills-area .hd-skill-secondary .hd-skill-insights,.hd-skills-area .hd-skill-secondary .hd-skill-categories{height:100%}
@media (min-width:992px){.hd-skills-area .hd-skill-side{position:sticky;top:96px;align-self:start}}
@keyframes hd-skill-glow{50%{opacity:.55;transform:scale(.9) rotate(10deg)}}
@media (max-width:991px){.hd-skill-page{gap:20px}.hd-skill-overview,.hd-skills-area .hd-skill-overview{grid-template-columns:1fr;gap:22px}.hd-skill-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hd-skill-header{align-items:start;flex-direction:column}.hd-skill-radar-wrap{height:210px}.hd-skills-area .hd-skill-detail-panel .hd-skill-panel-list{grid-template-columns:1fr}.hd-skills-area .hd-skill-page{padding-inline:10px}}
@media (max-width:640px){.hd-skill-page{padding-bottom:20px}.hd-skill-spotlight{grid-template-columns:38px 1fr;padding:14px}.hd-skill-spotlight-mark{display:none}.hd-skill-spotlight p{font-size:13px}.hd-skill-header h1{font-size:25px}.hd-skill-metric-switch{width:100%}.hd-skill-metric-btn{flex:1;min-width:auto;padding-inline:8px}.hd-skill-overview{gap:18px}.hd-skill-side{display:flex}.hd-skill-row{grid-template-columns:34px minmax(110px,1fr) minmax(60px,1fr) 27px;gap:7px}.hd-skill-name{font-size:12px}.hd-skill-detail{padding:16px}.hd-skill-detail-row{grid-template-columns:minmax(105px,1fr) minmax(60px,1fr) 27px}.hd-skill-detail-header>span:last-child{display:none}.hd-skill-radar-card,.hd-skill-categories{padding:16px}.hd-skill-radar-wrap{height:210px}}
@media (prefers-reduced-motion:reduce){.hd-skill-spotlight-mark{animation:none}.hd-skill-fill,.hd-skill-cat,.hd-skill-metric-btn{transition:none}}

@media (max-width:991px){.hd-skill-secondary{grid-template-columns:1fr}}
@media (max-width:640px){.hd-skills-area .hd-skill-insights{padding:16px}.hd-skill-profile-summary{align-items:flex-start;flex-direction:column;gap:12px;padding:18px 16px}.hd-skill-profile-summary h2{font-size:16px}.hd-skill-summary-tags{justify-content:flex-start}.hd-skill-summary-tag{font-size:11px}.hd-skills-area .hd-skill-insight-title{font-size:11px}.hd-skills-area .hd-skill-insight-copy{font-size:10px}.hd-skill-secondary{gap:14px}}

/* A regra mobile precisa vir após os tamanhos desktop do módulo. */
@media (max-width:640px){
  .hd-solutions-area.hd-skills-area{padding:0 0 22px}
  .hd-skills-area .hd-skill-page{gap:20px;padding:16px 0 24px}
  .hd-skills-area .hd-skill-spotlight{grid-template-columns:42px minmax(0,1fr);gap:13px;padding:16px}
  .hd-skills-area .hd-skill-spotlight-mark{display:none}
  .hd-skills-area .hd-skill-spotlight-icon{width:38px;height:38px}
  .hd-solutions-skills-tip-heading{font-size:15px}
  .hd-skills-area .hd-skill-spotlight p{font-size:13px;line-height:1.45}
  .hd-skills-area .hd-skill-header{gap:16px;padding-inline:4px}
  .hd-skills-area .hd-skill-header h1{font-size:27px}
  .hd-skills-area .hd-skill-header p{font-size:13px}
  .hd-skills-area .hd-skill-metric-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:5px}
  .hd-skills-area .hd-skill-metric-btn{min-width:0;padding:9px 4px;font-size:10px}
  .hd-skills-area .hd-skill-overview{gap:20px}
  .hd-skills-area .hd-skill-section-heading{margin-bottom:12px}
  .hd-skills-area .hd-skill-section-heading h2{font-size:16px}
  .hd-skills-area .hd-skill-row{grid-template-columns:30px minmax(0,1fr) 28px;gap:7px;min-width:0;min-height:42px}
  .hd-skills-area .hd-skill-icon{width:26px;height:26px}
  .hd-skills-area .hd-skill-icon .feather{width:15px;height:15px}
  .hd-skills-area .hd-skill-name,.hd-skills-area .hd-skill-score{font-size:11px}
  .hd-skills-area .hd-skill-bars .hd-skill-track{grid-column:2 / 4;grid-row:2;width:100%}
  .hd-skills-area .hd-skill-radar-wrap{height:230px;max-width:100%}
  .hd-skills-area .hd-skill-cat{grid-template-columns:29px minmax(0,1fr) 30px;gap:7px}
  .hd-skills-area .hd-skill-cat-label{display:none}
  .hd-skills-area .hd-skill-cat-title{font-size:11px}
  .hd-skills-area .hd-skill-detail{padding:18px 16px}
  .hd-skills-area .hd-skill-detail-panel .hd-skill-panel-list{display:grid;grid-template-columns:1fr;gap:10px}
  .hd-skills-area .hd-skill-detail-row{grid-template-columns:minmax(0,1fr) 28px;gap:7px;min-height:40px}
  .hd-skills-area .hd-skill-detail-row .hd-skill-track{grid-column:1 / 3;grid-row:2;width:100%}
}

/* ============================================================== */
/* CUSTOM HEADER - Minimalista e Elegante */
/* ============================================================== */

.hd-solutions-header {
  /* O header é uma barra fixa do shell. `sticky` preservava o deslocamento
     do fluxo da página antes de aderir ao topo. */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--hd-header-height, 80px);
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border-bottom: 1px solid #edf2f9;
  /* Shell abaixo do backdrop Bootstrap (1040) e acima da sidebar. */
  z-index: 1030;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

.hd-solutions-header-container {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0;
}

/* Logo Section - 260px (tamanho da sidebar) */
.hd-solutions-header-logo {
  width: 260px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 30px;
  flex-shrink: 0;
}

.hd-solutions-logo-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-decoration: none;
}

.hd-solutions-logo-img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Center Content Section */
.hd-solutions-header-content {
  display: flex;
  align-items: center;
  flex: 1;
  padding: 0 30px;
  gap: 20px;
  min-width: 0;
}

/* Company Info */
.hd-solutions-company-info {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.hd-solutions-company-logo {
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 6px;
  object-fit: cover;
  border: 1px solid #e5eaf2;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.hd-solutions-company-name {
  font-size: 14px;
  font-weight: 500;
  color: #344158;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Spacer */
.hd-solutions-header-spacer {
  flex: 1;
}

/* User Menu Section */
.hd-solutions-user-menu {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: auto;
}

/* Sidebar Toggle Button (Mobile) */
.hd-solutions-sidebar-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  display: none;
  color: #344158;
  transition: color 0.2s ease;
}

.hd-solutions-sidebar-toggle i {
  width: 20px;
  height: 20px;
}

.hd-solutions-sidebar-toggle:hover {
  color: #ff8c00;
}

/* User Dropdown */
.hd-solutions-user-dropdown {
  position: relative;
}

.hd-solutions-user-button {
  background: none;
  border: 1px solid #edf2f9;
  cursor: pointer;
  padding: 8px 15px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #344158;
  font-weight: 500;
  transition: all 0.2s ease;
}

.hd-solutions-user-button:hover {
  border-color: #ff8c00;
  color: #ff8c00;
}

.hd-solutions-user-button i {
  font-size: 18px;
  width: 18px;
  height: 18px;
  transition: transform 0.2s ease;
}

.hd-solutions-user-button:hover i {
  transform: rotate(180deg);
}

/* Dropdown Menu */
.hd-solutions-dropdown-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: #fff;
  border: 1px solid #edf2f9;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  min-width: 180px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.2s ease;
  z-index: 1000;
}

.hd-solutions-dropdown-menu.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.hd-solutions-dropdown-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  color: #344158;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  transition: all 0.2s ease;
}


.hd-solutions-dropdown-item:first-child {
  border-radius: 8px 8px 0 0;
}

.hd-solutions-dropdown-item:hover {
  background: #f5f7fa;
  color: #ff8c00;
  padding-left: 20px;
}

.hd-solutions-dropdown-item i {
  font-size: 18px;
  width: 18px;
  height: 18px;
  margin-right: 0;
}

.hd-solutions-dropdown-item .feather-icon {
  width: 18px !important;
  height: 18px !important;
}

.hd-solutions-dropdown-divider {
  height: 1px;
  background: #edf2f9;
  margin: 4px 0;
}

.hd-solutions-logout {
  border-radius: 0 0 8px 8px;
  color: #dc2626;
}

.hd-solutions-logout:hover {
  background: #fef2f2;
  color: #dc2626;
}

/* Responsivos */
@media (max-width: 991.98px) {
  .hd-solutions-company-name {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .hd-solutions-header-logo {
    display: none;
  }

  .hd-solutions-header-content {
    padding: 0 15px;
    gap: 10px;
  }

  .hd-solutions-user-name {
    display: none;
  }

  .hd-solutions-user-button {
    padding: 8px 12px;
  }

  .hd-solutions-user-menu {
    width: 100%;
    justify-content: space-between;
  }
}

/* ============================================================== */
/* Layout Adjustments para o novo header */
/* ============================================================== */

#main-wrapper {
  /* O header permanece no fluxo: a página começa no topo e o conteúdo vem
     logo após ele, sem compensações artificiais de margem. */
  margin-top: 0;
  padding-top: 0;
  overflow: visible;
}

#main-wrapper > .left-sidebar {
  top: var(--hd-header-height, 80px);
  height: calc(100vh - var(--hd-header-height, 80px));
}

/* A sidebar legada usa 1040, a mesma camada do backdrop de modais. */
#main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"] > .left-sidebar,
#main-wrapper[data-layout="vertical"] > .left-sidebar {
  z-index: 1020;
}

#main-wrapper > main {
  /* Compensa somente a barra fixa, sem criar espaço antes do header. */
  margin-top: var(--hd-header-height, 80px);
}

/* ============================================================== */

/*
 *  Item das perguntas
 */

.item-question {
  border-radius: 10px;
  background-color: #ffffff;
  position: relative;
  min-height: 64px;
  display: flex;
  align-items: center;
  border: 1px solid #e2e8f0;
  padding: 4px 8px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  cursor: pointer;
}

@media (min-width: 767.98px) {

  .item-question:hover {
    border-color: #ff8c00;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
    transform: translateY(-1px);
  }

  .item-question:hover label>i {
    top: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
  }

  .item-question:hover label>span {
    transition: color 0.2s ease;
  }

}

.item-question.checked {
  border-color: #ff8c00;
  box-shadow: 0 10px 22px rgba(255, 140, 0, 0.12);
}

.item-question label {
  position: relative;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: auto;
  gap: 8px;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 8px 10px;
  box-sizing: border-box;
  flex: 1 1 auto;
}

.item-question label>i {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  opacity: 0;
  position: static;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background: #ff8c00;
  color: #ffffff;
  box-shadow: none;
}

.item-question.checked label>i {
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition: opacity .15s ease-in-out;
  -moz-transition: opacity .15s ease-in-out;
  -ms-transition: opacity .15s ease-in-out;
  -o-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out;
}

.item-question label>span {
  position: static;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 100%;
  text-align: left;
  line-height: 1.2;
  color: #334155;
  font-weight: 600;
  font-size: 0.82rem;
}

.item-question.checked label>span {
  color: #0f172a;
}

/*
  *      Elementos do Layout
  */

.text-underline {
  border-bottom: 2px solid #B0BDD4;
  display: block;
  padding: 7px 0;
  margin-bottom: 10px;
  font-size: 14px;
}

.modal-title span,
.card-title span {
  border-bottom: 1px solid #344158;
  padding-bottom: 5px;
  font-size: 16px !important;
  font-weight: bold;
  letter-spacing: 1px;
  color: #344158;
}

.bg-testes-avulsos {
  background: rgb(52, 65, 88) !important;
  background: linear-gradient(270deg, rgba(52, 65, 88, 1) 0%, rgba(72, 105, 164, 1) 100%) !important;
  border-radius: 15px;
}

.bg-testes-avulsos h3 {
  font-size: 1.63rem !important;
  font-weight: lighter;
}

.bg-testes-avulsos .font-big {
  font-size: 42px !important;
  border-bottom: none !important;
}

.bg-plan {
  background-color: #D8E2F3 !important;
  border-radius: 10px;
  color: #344158 !important;
}

.bg-plan h2,
.bg-plan h3 {
  color: #344158 !important;
}

.bg-plan b.big {

  font-size: 28px;
  font-weight: bold;
}

.bg-plan .big-price {
  font-size: 45px;
}

.bg-plan .big-price small {
  font-size: 18px;
}

.bg-plan .text-size-49 {
  font-size: 49px;
}

.bg-plan .text-size-30 {
  font-size: 30px;
}

.bg-plan .text-size-28 {
  font-size: 28px;
}

.bg-plan .text-orange {
  color: #BE5B34 !important;
}

.bg-plan .text-orange span {
  border-bottom: 2px solid #BE5B34;
}

.bg-plan .text-purple {
  color: #974794 !important;
}

.bg-plan .text-purple span {
  border-bottom: 2px solid #974794;
}

.bg-plan .text-red {
  color: #921A21 !important;
}

.bg-plan .text-red span {
  border-bottom: 2px solid #921A21;
}

.bg-plan .text-yellow {
  color: #CCAB06 !important;
}

.bg-plan .text-yellow span {
  border-bottom: 2px solid #CCAB06;
}

.card .font-big {
  font-size: 48px;
  border-bottom: 2px solid #DE6A38;
}



/*
 *  Dados de Form Undeline
 */

select.form-underline {
  padding: 5px 0;
}

.form-underline {
  border-top: 0;
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  padding-left: 0;
  padding-bottom: 0px;
  padding-top: 0;
  line-height: 2;
  border-bottom: 2px solid #B0BDD4;
  background-color: transparent;
}

div.form-underline {
  height: 38px !important;
}

/*
 * General
 */

.item-list .btn-group {
  display: none;
}

.item-list:hover .btn-group {
  display: flex;
}

/*
 * hack para modal sobreposto
 */

.light-off {
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9998;
  display: none;
}

.light-on {
  z-index: 9999;
}

/*
 * hack para propover with
 */

.popover {
  max-width: 80% !important;
  -webkit-box-shadow: -5px 10px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -5px 10px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: -5px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

@media (min-width: 767.98px) {
  .popover {
    max-width: 50% !important;
  }
}


/*
 * Página de pagamento
 */
.checkout,
.checkout .page-wrapper,
.checkout #main-wrapper {
  background-color: #344158;
  box-shadow: none;
}

/* Checkout should be full width without sidebar offset */
.checkout .left-sidebar {
  display: none !important;
}

.checkout #main-wrapper,
.checkout .page-wrapper,
.checkout main {
  margin-left: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  width: 100% !important;
}

.checkout #main-wrapper {
  min-height: 100vh;
}

.checkout .topbar {
  background-color: #344158;
  border-bottom: 1px solid #D8E2F3;
}

.checkout .topbar .navbar-collapse {
  border: 0;
}

.checkout .topbar .top-navbar .navbar-header {
  box-shadow: none !important;
}

.checkout .topbar p {
  line-height: normal;
}

.cerebro_duplo {
  position: relative;
  display: table;
  margin: 0 auto;
}

.cerebro_duplo .cor-cerebro,
.cerebro_duplo>img {
  position: relative;
  z-index: 1;
}

.cerebro_duplo>img.image_now {
  position: absolute;
  left: auto;
  right: -30px;
  top: -10px;
  z-index: 1;
  width: 90%;
  height: auto;
  opacity: 0.75;
}

.cerebro_duplo.cerebro_duplo_small>img.image_now {
  right: -15px;
  top: -5px;
}

/* REMOÇÃO GLOBAL DE OUTLINE (FOCO)
   Aplica-se a botões, links, inputs e elementos clicáveis
*/

*:focus,
*:active,
button:focus,
button:active,
.btn:focus,
.btn:active,
a:focus,
a:active,
input:focus,
select:focus,
textarea:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* DICA DE ACESSIBILIDADE:
   Como removemos o contorno padrão, é elegante manter
   apenas a mudança de cor ou cursor para que o usuário
   saiba que o clique funcionou.
*/
a,
button {
  -webkit-tap-highlight-color: transparent;
  /* Remove o flash azul no mobile */
}

/* ========================================
   HD SOLUTIONS - DESIGN SYSTEM
   ======================================== */

/* --- CORES PRINCIPAIS - PROJETO MINDbrain --- */
:root {
  --hd-primary: #ff6b2b;
  --hd-primary-dark: #f95a16;
  --hd-font-family: 'Open Sans', sans-serif;
  --hd-secondary: #344158;
  --hd-secondary-light: #5a6b8a;
  --hd-success: #16a34a;
  --hd-warning: #d97706;
  --hd-danger: #dc2626;
  --hd-info: #0969da;
  --hd-light: #f8f9fa;
  --hd-white: #ffffff;
  --hd-border: #eef0f2;
  --hd-text-muted: #2f3b52;
  --hd-text-primary: #1e293b;
  --hd-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.02);
  --hd-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --hd-shadow-lg: 0 6px 15px rgba(255, 140, 0, 0.3);
  --hd-radius-sm: 0.25rem;
  --hd-radius: 0.375rem;
  --hd-radius-lg: 0.5rem;
  --hd-font-size-sm: 0.875rem;
  --hd-font-size-base: 1rem;
  --hd-font-size-lg: 1.125rem;
}

/* --- LAYOUT & CONTAINERS --- */
.hd-solutions-area {
  font-family: var(--hd-font-family);
  background: #ffffff;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  margin-bottom: 24px;
}

.hd-solutions-area.hd-account-page {
  background: transparent;
  border-radius: 0;
  padding: 26px 38px 38px;
  box-shadow: none;
  margin-bottom: 0;
}

.hd-solutions-header {
  /* margin-bottom: 32px; */
}

/* Ajuste do alerta no topo do dashboard */
.hd-solutions-alert-tight {
  margin-top: -20px;
}


.hd-solutions-title {
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--hd-secondary);
  margin: 0;
}

/* --- BOTÕES --- */
.hd-solutions-btn-add {
  background: var(--hd-secondary);
  color: #ffffff !important;
  border: none;
  border-radius: 12px;
  padding: 10px 20px;
  font-weight: 700;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.hd-solutions-btn-add:hover {
  background: var(--hd-primary);
}

.hd-solutions-btn-add-outline {
  background: #ffffff;
  color: var(--hd-secondary) !important;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 10px 20px;
  font-weight: 700;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
}

.hd-solutions-btn-add-outline:hover {
  border-color: var(--hd-primary);
  color: var(--hd-primary) !important;
  background: rgba(255, 107, 43, 0.08);
}

/* --- TABELAS --- */
.hd-solutions-table-clean {
  width: 100%;
  border-collapse: collapse;
}

.hd-solutions-table-clean th {
  padding: 16px;
  text-align: left;
  text-transform: uppercase;
  color: var(--hd-text-muted);
  border-bottom: 1px solid #f1f5f9;
  font-weight: 700;
}

.hd-solutions-table-clean td {
  padding: 14px 16px;
  font-size: 0.85rem;
  border-bottom: 1px solid #f8fafc;
  color: #475569;
}

/* Unificação com table do dashboard */
.hd-solutions-table-clean th {
  padding: 12px 16px;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #2f3b52;
  border-bottom: 1px solid #f1f5f9;
  letter-spacing: 0.5px;
}

.hd-solutions-table-clean td {
  padding: 14px 16px;
  font-size: 0.85rem;
  border-bottom: 1px solid #f8fafc;
  vertical-align: middle;
}

.hd-solutions-name-display {
  font-weight: 700;
  color: var(--hd-text-primary);
}

.hd-solutions-link-name {
  font-weight: 700;
  color: var(--hd-text-primary) !important;
  text-decoration: none;
  transition: color 0.2s;
  cursor: pointer;
}

.hd-solutions-link-name:hover {
  color: var(--hd-primary) !important;
  text-decoration: underline;
}

/* --- STATUS PILLS --- */
.hd-solutions-pill {
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 0.7rem;
  font-weight: 800;
  text-transform: uppercase;
  display: inline-block;
  cursor: default;
}

.hd-solutions-pill.hd-solutions-warning {
  background: #fffbeb;
  color: #d97706;
  border: 1px solid #fef3c7;
}

.hd-solutions-pill.hd-solutions-danger {
  background: #fef2f2;
  color: #dc2626;
  border: 1px solid #fee2e2;
}

.hd-solutions-pill.hd-solutions-success {
  background: #f0fdf4;
  color: #16a34a;
  border: 1px solid #dcfce7;
}

/* --- BOTÕES DE AÇÃO --- */
.hd-solutions-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

/* --- CHART ZOOM LINK --- */
.hd-solutions-chart-zoom {
  display: none !important;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #6b7280;
  text-decoration: none;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 4px 10px;
  background: #ffffff;
  transition: color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.hd-solutions-chart-zoom i {
  font-size: 0.9rem;
  color: #8b5cf6;
}

.hd-solutions-chart-zoom:hover {
  color: #111827;
  border-color: #d7c8ff;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
}

/* --- CHART MODAL --- */
.hd-solutions-chart-modal {
  border-radius: 16px;
  border: 1px solid #eef1f5;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
  background: #ffffff;
}

.hd-solutions-chart-modal-header {
  border-bottom: 1px solid #f1f5f9;
  padding: 18px 22px;
  background: #ffffff;
}

.hd-solutions-chart-modal-title {
  font-weight: 700;
  color: #111827;
  font-size: 1.1rem;
  margin: 0;
}

.hd-solutions-chart-modal-body {
  padding: 20px 22px 24px;
}

.hd-solutions-chart-modal-canvas {
  min-height: 360px;
}

.hd-solutions-btn-icon {
  background: none;
  border: none;
  color: #94a3b8;
  padding: 6px;
  transition: all 0.2s;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.hd-solutions-btn-icon:hover {
  transform: scale(1.15);
}

.hd-solutions-btn-icon:not(.hd-solutions-btn-view):not(.hd-solutions-btn-edit):not(.hd-solutions-btn-analytics):not(.hd-solutions-btn-delete):not(.hd-solutions-btn-resend):not(.hd-solutions-btn-efetivar):not(.hd-solutions-btn-copy):hover {
  color: var(--hd-secondary);
}



.hd-solutions-btn-view:hover {
  color: var(--hd-primary) !important;
}

/* --- BRAIN PILLS --- */
.hd-solutions-brain-pills {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
}

.hd-solutions-brain-pill {
  font-size: 0.7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.hd-solutions-brain-pill.is-amarelo {
  background: #fff7d1;
  color: #b98500;
  border: 1px solid #ffe59a;
}

.hd-solutions-brain-pill.is-verde {
  background: #e8f7ee;
  color: #15803d;
  border: 1px solid #bfe7cd;
}

.hd-solutions-brain-pill.is-azul {
  background: #e7f0ff;
  color: #1d4ed8;
  border: 1px solid #c7dcff;
}

.hd-solutions-brain-pill.is-laranja {
  background: #ffe9db;
  color: #c2410c;
  border: 1px solid #ffd2b5;
}

.hd-solutions-btn-copy:hover {
  color: var(--hd-success) !important;
}

.hd-solutions-btn-edit:hover {
  color: #6f42c1 !important;
}

.hd-solutions-btn-analytics:hover,
.hd-solutions-btn-resend:hover {
  color: var(--hd-info) !important;
}

.hd-solutions-btn-efetivar:hover {
  color: var(--hd-success) !important;
}

.hd-solutions-btn-delete:hover {
  color: var(--hd-danger) !important;
}

/* --- MODAIS --- */
.modal-content {
  border-radius: 1.25rem !important;
  border: none !important;
}

.modal-header {
  border-bottom: 1px solid #f1f5f9 !important;
}

.modal-header h6 {
  margin-bottom: 4px;
}

.modal-header h4 {
  margin-bottom: 0;
  font-weight: 700;
}

.hd-solutions-close:hover {
  color: var(--hd-primary) !important;
}

.hd-solutions-btn-danger {
  background: var(--hd-secondary) !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 0.7rem !important;
  letter-spacing: 1px;
  border: none !important;
  transition: all 0.3s ease;
}

.hd-solutions-btn-danger:hover {
  background: var(--hd-primary) !important;
}

/* --- FORMULÁRIOS --- */
.hd-solutions-form-label {
  font-size: 0.68rem;
  font-weight: 700;
  color: var(--hd-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-bottom: 8px;
  margin-left: 2px;
  display: block;
}

.hd-solutions-form-input,
.hd-solutions-form-input-select {
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 6px !important;
  height: 44px !important;
  padding: 8px 14px !important;
  font-size: 0.9rem !important;
  color: var(--hd-secondary) !important;
  transition: all 0.2s ease !important;
  font-family: var(--hd-font-family) !important;
}

.hd-solutions-form-input-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238a94a6' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
}

.hd-solutions-form-input:focus,
.hd-solutions-form-input-select:focus {
  border-color: var(--hd-primary) !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.1) !important;
  outline: none;
}

.hd-solutions-form-input::placeholder {
  color: #9ca3af;
  font-size: 0.85rem;
  opacity: 1;
}

/* Classe unificada para inputs */
.hd-solutions-input {
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 6px !important;
  height: 44px !important;
  padding: 8px 14px !important;
  font-size: 0.9rem !important;
  color: var(--hd-secondary) !important;
  transition: all 0.2s ease !important;
  font-family: var(--hd-font-family) !important;
}

.hd-solutions-input:focus {
  border-color: var(--hd-primary) !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.1) !important;
  outline: none;
}

.hd-solutions-input::placeholder {
  color: #9ca3af;
  font-size: 0.85rem;
  opacity: 1;
}

/* Melhorias para formulários */
.hd-solutions-input,
.hd-solutions-form-input-select {
  display: block;
  width: 100%;
}

.form-body {
  padding: 0;
}

.form-body .row {
  margin-left: -8px;
  margin-right: -8px;
}

.form-body .row>[class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

/* Ajuste para selects */
.hd-solutions-form-input-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Responsividade para formulários */
@media (max-width: 768px) {
  .form-body .row {
    margin-left: -4px;
    margin-right: -4px;
  }

  .form-body .row>[class*="col-"] {
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 12px;
  }

  .modal-dialog {
    margin: 10px;
  }

  .modal-body {
    padding: 20px !important;
  }

  .hd-solutions-form-container {
    padding: 20px !important;
  }
}

.hd-solutions-form-btn-submit {
  background: var(--hd-secondary) !important;
  color: #fff !important;
  border-radius: 6px !important;
  padding: 10px 32px !important;
  font-weight: 600 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.5px;
  border: none !important;
  transition: background-color 0.2s ease !important;
  font-family: var(--hd-font-family) !important;
}

.hd-solutions-form-btn-submit:hover {
  background: var(--hd-primary) !important;
}

.hd-solutions-form-cancel {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 1px;
  text-decoration: none !important;
  transition: color 0.2s ease;
  cursor: pointer;
  background: none;
  border: 1px solid #e5e7eb;
  color: #6b7280;
  border-radius: 6px;
  padding: 8px 20px;
  font-family: var(--hd-font-family);
}

.hd-solutions-form-cancel:hover {
  color: var(--hd-primary) !important;
  border-color: var(--hd-primary);
  background: rgba(255, 140, 0, 0.05);
}

/* --- FILTROS DO DASHBOARD (app.htm) --- */
.page-wrapper .customize-input .form-control,
.page-wrapper .customize-input .custom-select {
  height: 36px !important;
  padding: 6px 12px !important;
  font-size: 0.85rem !important;
  line-height: 1.2 !important;
  border-radius: 8px !important;
  border: 1px solid #e6ebf2 !important;
  background-color: #ffffff !important;
  color: var(--hd-secondary) !important;
  box-shadow: 0 1px 1px rgba(15, 23, 42, 0.04) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.page-wrapper .customize-input .form-control:hover,
.page-wrapper .customize-input .custom-select:hover {
  border-color: #d6dde8 !important;
  background-color: #ffffff !important;
}

.page-wrapper .customize-input .form-control:focus,
.page-wrapper .customize-input .custom-select:focus {
  border-color: var(--hd-primary) !important;
  box-shadow: 0 0 0 2px rgba(255, 140, 0, 0.14) !important;
}

.page-wrapper .customize-input .custom-select {
  padding-right: 32px !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238a94a6' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-color: #ffffff !important;
}

.page-wrapper .customize-input #daterange::placeholder {
  color: var(--hd-text-muted) !important;
  font-size: 0.8rem !important;
}

.page-wrapper #formFiltro {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}

.page-wrapper #formFiltro .customize-input {
  margin-left: 0 !important;
  margin-bottom: 0;
  float: none !important;
}

/* --- DATERANGEPICKER (app.htm) --- */
.daterangepicker {
  font-family: var(--hd-font-family);
  border: 1px solid #e7ecf3 !important;
  border-radius: 16px !important;
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.16) !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  color: #1f2937;
  padding: 12px;
}

.daterangepicker:before,
.daterangepicker:after {
  display: none !important;
}

.daterangepicker .drp-calendar {
  padding: 8px 10px;
}

.daterangepicker .calendar-table {
  border: none !important;
  background: transparent !important;
}

.daterangepicker .calendar-table th {
  font-size: 0.75rem;
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}

.daterangepicker .calendar-table td {
  width: 36px;
  height: 34px;
  font-size: 0.85rem;
  border-radius: 10px;
  border: 1px solid transparent !important;
  transition: all 0.15s ease;
}

.daterangepicker td.available:hover,
.daterangepicker td.available:focus {
  background: #fff4ee !important;
  border-color: rgba(255, 107, 43, 0.35) !important;
  color: #1f2937 !important;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  background: #f8fafc !important;
  color: #cbd5f5 !important;
}

.daterangepicker td.in-range {
  background: rgba(255, 107, 43, 0.12) !important;
  color: #1f2937 !important;
}

.daterangepicker td.start-date,
.daterangepicker td.end-date,
.daterangepicker td.active {
  background: var(--hd-primary) !important;
  color: #ffffff !important;
}

.daterangepicker td.today {
  border-color: rgba(255, 107, 43, 0.45) !important;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  border-radius: 8px !important;
  border: 1px solid #e6ebf2 !important;
  padding: 4px 8px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  font-size: 0.8rem;
  color: #334155;
}

.daterangepicker .drp-buttons {
  border-top: 1px solid #eef2f7 !important;
  padding: 12px !important;
  background: #fafbff !important;
  border-radius: 0 0 16px 16px;
}

.daterangepicker .drp-selected {
  font-size: 0.8rem;
  color: #64748b;
}

.daterangepicker .btn {
  border-radius: 10px !important;
  padding: 6px 14px !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px;
}

.daterangepicker .btn.applyBtn {
  background: var(--hd-primary) !important;
  border-color: var(--hd-primary) !important;
  color: #ffffff !important;
}

.daterangepicker .btn.applyBtn:hover {
  background: var(--hd-primary-dark) !important;
  border-color: var(--hd-primary-dark) !important;
}

.daterangepicker .btn.cancelBtn {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border: 1px solid #e5e7eb !important;
  color: #6b7280 !important;
}

.daterangepicker .btn.cancelBtn:hover {
  border-color: var(--hd-primary) !important;
  color: var(--hd-primary) !important;
}

.daterangepicker .ranges {
  padding: 8px 6px;
}

.daterangepicker .ranges li {
  font-size: 0.8rem;
  padding: 8px 10px;
  border-radius: 10px;
  color: #475569;
}

.daterangepicker .ranges li:hover {
  background: #f1f5f9;
  color: #1f2937;
}

.daterangepicker .ranges li.active {
  background: rgba(255, 107, 43, 0.15) !important;
  color: var(--hd-primary) !important;
  font-weight: 700;
}

@media (max-width: 767.98px) {
  .daterangepicker {
    width: calc(100% - 24px) !important;
    left: 12px !important;
    right: 12px !important;
    top: 120px !important;
  }

  .daterangepicker .drp-calendar {
    width: 100% !important;
  }

  .daterangepicker .calendar-table td {
    width: 32px;
    height: 30px;
    font-size: 0.8rem;
  }
}

/* --- CUSTOM SELECT --- */
.hd-solutions-select {
  position: relative;
  width: 220px;
}

.hd-solutions-native-select {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}

.hd-solutions-select-trigger {
  width: 100%;
  height: 36px;
  padding: 6px 36px 6px 12px;
  border-radius: 8px;
  border: 1px solid #e6ebf2;
  background: #ffffff;
  color: var(--hd-secondary);
  font-size: 0.85rem;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 1px 1px rgba(15, 23, 42, 0.04);
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.hd-solutions-select-trigger::after {
  content: "";
  position: absolute;
  right: 10px;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238a94a6' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

.hd-solutions-select.is-open .hd-solutions-select-trigger {
  border-color: var(--hd-primary);
  box-shadow: 0 0 0 2px rgba(255, 107, 43, 0.12);
}

.hd-solutions-select-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 16px;
}

.hd-solutions-select-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  background: #ffffff;
  border: 1px solid #eef1f5;
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
  padding: 6px 0;
  z-index: 2000;
  max-height: 240px;
  overflow-y: auto;
  display: none;
}

.hd-solutions-select.is-open .hd-solutions-select-dropdown {
  display: block;
}

.hd-solutions-select-option {
  padding: 8px 12px;
  font-size: 0.85rem;
  color: #334155;
  cursor: pointer;
}

.hd-solutions-select-option:hover,
.hd-solutions-select-option.is-active {
  background: #f8fafc;
  color: #111827;
}

/* --- TABLE FILTERS + PAGINATION --- */
.hd-solutions-table-filters {
  background: #ffffff;
  border: 1px solid #eef2f7;
  border-radius: 14px;
  padding: 16px 18px;
  margin-bottom: 18px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
}

.hd-solutions-table-filters .hd-solutions-select {
  width: 100%;
}

.hd-solutions-table-filters .hd-solutions-select-trigger {
  height: 44px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  padding: 8px 38px 8px 14px;
  font-size: 0.9rem;
  box-shadow: none;
}

.hd-solutions-table-filters .hd-solutions-select.is-open .hd-solutions-select-trigger {
  border-color: var(--hd-primary);
  box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.1);
}

.hd-solutions-table-filters .hd-solutions-select-trigger::after {
  right: 14px;
}

.hd-status-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 6px;
}

.hd-status-tab {
  border: 1px solid #dbe3ee;
  background: #ffffff;
  color: #334155;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 12px;
}

.hd-status-tab.is-active {
  background: #344158;
  border-color: #344158;
  color: #ffffff;
}

.hd-status-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #e8edf5;
  background: #ffffff;
  padding: 18px 20px;
  height: 100%;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.hd-status-card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  border-radius: 999px;
  opacity: 1;
}

.hd-status-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.09);
}

.hd-status-card-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.01em;
  color: #1f2a44;
}

.hd-status-card-title i {
  width: 22px;
  height: 22px;
  padding: 3px;
  border-radius: 999px;
  border: 1px solid transparent;
}

.hd-status-card-value {
  margin-top: 10px;
  font-size: 30px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0f172a;
}

.hd-status-card-caption {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
}

.hd-status-card--ok {
  border-color: #d6f2e2;
}

.hd-status-card--ok::after {
  background: #22c55e;
}

.hd-status-card--warn {
  border-color: #f9e8be;
}

.hd-status-card--warn::after {
  background: #f59e0b;
}

.hd-status-card--danger {
  border-color: #f9d7db;
}

.hd-status-card--danger::after {
  background: #ef4444;
}

.hd-status-card--ok .hd-status-card-title i {
  color: #16a34a;
  background: transparent;
  border-color: transparent;
}

.hd-status-card--ok .hd-status-card-title {
  color: #15803d;
}

.hd-status-card--warn .hd-status-card-title i {
  color: #d97706;
  background: transparent;
  border-color: transparent;
}

.hd-status-card--warn .hd-status-card-title {
  color: #b45309;
}

.hd-status-card--danger .hd-status-card-title i {
  color: #dc2626;
  background: transparent;
  border-color: transparent;
}

.hd-status-card--danger .hd-status-card-title {
  color: #b91c1c;
}

.hd-solutions-status-icon {
  width: 14px;
  height: 14px;
  vertical-align: text-bottom;
  margin-right: 4px;
}

.hd-solutions-filter-actions {
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
  justify-content: flex-end;
}

.hd-solutions-filter-actions .hd-solutions-btn-add,
.hd-solutions-filter-actions .hd-solutions-btn-add-outline {
  white-space: nowrap;
}

.hd-solutions-card-stat {
  position: relative;
  background: #ffffff;
  border: 1px solid #e7edf5;
  border-radius: 14px;
  overflow: hidden;
  padding: 14px 16px;
  min-height: 104px;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.hd-solutions-card-stat::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  border-radius: 999px;
  background: #cbd5e1;
}

.hd-solutions-card-stat-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.hd-solutions-card-stat label {
  display: block;
  margin: 0;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
  font-weight: 700;
}

.hd-solutions-card-stat h3 {
  margin: 10px 0 0;
  font-size: 42px;
  line-height: 1;
  color: #0f172a;
  font-weight: 800;
}

.hd-solutions-card-stat-icon-wrap {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
}

.hd-solutions-card-stat-icon {
  width: 15px;
  height: 15px;
}

.hd-solutions-card-stat--neutral::after {
  background: #94a3b8;
}

.hd-solutions-card-stat--neutral .hd-solutions-card-stat-icon-wrap {
  color: #64748b;
  border-color: #dbe4ef;
  background: #f8fafc;
}

.hd-solutions-card-stat--good {
  border-color: #d4f2e3;
}

.hd-solutions-card-stat--good::after {
  background: #22c55e;
}

.hd-solutions-card-stat--good .hd-solutions-card-stat-icon-wrap {
  color: #16a34a;
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.hd-solutions-card-stat--warn {
  border-color: #f8e6bf;
}

.hd-solutions-card-stat--warn::after {
  background: #f59e0b;
}

.hd-solutions-card-stat--warn .hd-solutions-card-stat-icon-wrap {
  color: #b45309;
  border-color: #fde68a;
  background: #fffbeb;
}

.hd-solutions-card-stat--bad {
  border-color: #f6d2d8;
}

.hd-solutions-card-stat--bad::after {
  background: #ef4444;
}

.hd-solutions-card-stat--bad .hd-solutions-card-stat-icon-wrap {
  color: #be123c;
  border-color: #fecdd3;
  background: #fff1f2;
}

.hd-setor-row-link {
  cursor: pointer;
}

.hd-solutions-plan-head {
  gap: 10px;
}

.hd-solutions-plan-title {
  letter-spacing: -0.01em;
}

.hd-solutions-plan-origin {
  font-size: 11px;
  letter-spacing: 0.06em;
  padding: 6px 10px;
}

.hd-solutions-plan-summary-modern {
  background: #f8fafc;
  border: 1px solid #e7edf5;
  border-radius: 12px;
}

.hd-plan-usage-list {
  display: grid;
  gap: 8px;
}

.hd-plan-usage-item {
  display: grid;
  gap: 4px;
}

.hd-plan-usage-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: #334155;
}

.hd-plan-usage-meta strong {
  font-size: 12px;
  font-weight: 800;
  color: #0f172a;
}

.hd-plan-usage-track {
  height: 7px;
  border-radius: 999px;
  background: #e8edf4;
  overflow: hidden;
}

.hd-plan-usage-track span {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #334155 0%, #475569 100%);
}

.hd-setor-loading {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding: 8px 12px;
  border: 1px solid #e5eaf2;
  border-radius: 999px;
  background: #f8fafc;
}

.hd-setor-loading-spinner {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #d5deea;
  border-top-color: #334155;
  animation: hd-spin 0.8s linear infinite;
}

.hd-setor-loading-text {
  font-size: 12px;
  font-weight: 700;
  color: #334155;
  letter-spacing: 0.02em;
}

@keyframes hd-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 767.98px) {
  .hd-solutions-filter-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
  }

  .hd-solutions-filter-actions .hd-solutions-btn-add,
  .hd-solutions-filter-actions .hd-solutions-btn-add-outline {
    width: 100%;
    min-height: 42px;
  }
}

.hd-solutions-pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.hd-solutions-pagination .page-link {
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  color: #475569;
  margin: 0 4px;
  padding: 6px 12px;
}

.hd-solutions-pagination .page-item.active .page-link {
  background: var(--hd-primary);
  border-color: var(--hd-primary);
  color: #ffffff;
}

.hd-solutions-pagination .page-item.disabled .page-link {
  pointer-events: none;
  cursor: none;
  opacity: 0.6;
}

.hd-solutions-pagination .page-item.active .page-link {
  pointer-events: auto;
  cursor: pointer;
}

.hd-solutions-table-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 20px;
}

.hd-solutions-table-footer .hd-solutions-pagination {
  margin-top: 0;
}

.hd-solutions-table-total {
  font-size: 0.8rem;
  font-weight: 700;
  color: #2f3b52;
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  .hd-solutions-table-footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .hd-solutions-table-total {
    align-self: flex-end;
  }
}

.hd-solutions-pagination .page-link svg,
.hd-solutions-pagination .page-link i {
  width: 16px;
  height: 16px;
  stroke-width: 2;
}

.hd-solutions-table-shell {
  border: 1px solid #e7eaf0;
  border-radius: 14px;
  background: #ffffff;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

.hd-solutions-table-shell .hd-solutions-table-responsive {
  margin-bottom: 0;
}

.hd-solutions-table-shell .hd-solutions-table-clean th,
.hd-solutions-table-shell .hd-solutions-table-clean td {
  padding-top: 16px;
  padding-bottom: 16px;
  vertical-align: middle;
}

.hd-solutions-table-shell .hd-solutions-table-footer {
  border-top: 1px solid #eef2f7;
  margin-top: 0;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  background: #fff;
}

.hd-solutions-table-shell .hd-solutions-table-footer .hd-solutions-pagination {
  margin: 0;
  order: 1;
}

.hd-solutions-table-shell .hd-solutions-table-footer .hd-solutions-pagination .page-link {
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  font-size: 0.9rem;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.hd-solutions-table-shell .hd-solutions-table-total {
  margin-left: auto;
  white-space: nowrap;
  order: 2;
  font-size: 0.78rem;
  font-weight: 600;
  color: #64748b;
}

.hd-recrutamento-headline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin: 18px 0 14px;
}

.hd-recrutamento-title {
  margin: 0;
  font-size: 1.12rem;
  font-weight: 700;
  color: #1e293b;
}

.hd-recrutamento-subtitle {
  margin: 6px 0 0;
  font-size: 0.88rem;
  color: #64748b;
}

.hd-recrutamento-badge {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #eff6ff;
  border: 1px solid #dbeafe;
  color: #1d4ed8;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1;
}

.hd-recrutamento-note {
  margin-bottom: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #f8fafc;
  padding: 12px 14px;
  font-size: 0.85rem;
  color: #475569;
}

.hd-recrutamento-table th:nth-child(1),
.hd-recrutamento-table td:nth-child(1) {
  width: 32%;
  padding-left: 18px;
}

.hd-recrutamento-table th:nth-child(2),
.hd-recrutamento-table td:nth-child(2) {
  width: 14%;
}

.hd-recrutamento-table th:nth-child(3),
.hd-recrutamento-table td:nth-child(3) {
  width: 8%;
  text-align: center;
}

.hd-recrutamento-table th:nth-child(4),
.hd-recrutamento-table td:nth-child(4) {
  width: 16%;
}

.hd-recrutamento-table th:nth-child(5),
.hd-recrutamento-table td:nth-child(5) {
  width: 22%;
}

.hd-recrutamento-table th:nth-child(6),
.hd-recrutamento-table td:nth-child(6) {
  width: 10%;
  white-space: nowrap;
  padding-right: 18px;
}

.hd-recrutamento-name-wrap,
.hd-recrutamento-name-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.hd-recrutamento-name-wrap {
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.hd-recrutamento-email {
  font-size: 0.82rem;
  color: #64748b;
}

.hd-recrutamento-profile-link {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  border: 1px solid #dbe3ef;
  color: #64748b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  transition: all .2s ease;
}

.hd-recrutamento-profile-link:hover {
  color: #1d4ed8;
  border-color: #bfdbfe;
  background: #eff6ff;
}

.hd-recrutamento-brain-cell {
  min-width: 92px;
}

.hd-recrutamento-brain {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  font-size: 1.35rem;
  line-height: 1;
}

.hd-recrutamento-match {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  min-width: 108px;
}

.hd-recrutamento-match strong {
  font-size: 0.98rem;
  font-weight: 800;
  color: #0f172a;
}

.hd-recrutamento-match span {
  font-size: 0.76rem;
  font-weight: 600;
  color: #64748b;
}

.hd-recrutamento-match.is-high strong,
.hd-recrutamento-match.is-high span {
  color: var(--hd-success);
}

.hd-recrutamento-match.is-medium strong,
.hd-recrutamento-match.is-medium span {
  color: var(--hd-warning);
}

.hd-recrutamento-match.is-low strong,
.hd-recrutamento-match.is-low span {
  color: var(--hd-danger);
}

.hd-recrutamento-match.is-empty strong,
.hd-recrutamento-match.is-empty span {
  color: #94a3b8;
}

.hd-recrutamento-empty {
  padding: 52px 24px;
  text-align: center;
  color: #64748b;
  font-size: 0.92rem;
}

@media (max-width: 991.98px) {
  .hd-recrutamento-headline {
    flex-direction: column;
  }
}

@media (max-width: 767.98px) {
  .hd-solutions-table-shell .hd-solutions-table-footer {
    flex-direction: column;
    align-items: flex-end;
  }
}

/* --- Motivacao polida (dashboard funcionario) --- */
.hd-motivacao-polished {
  border: 1px solid #e8edf5;
  border-radius: 22px;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
}

.hd-motivacao-polished .card-body {
  padding: 20px 20px 16px;
}

.hd-motivacao-polished__title span {
  border-bottom: 0;
  font-size: 1.05rem !important;
  letter-spacing: -0.02em;
  color: #13244a;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.hd-motivacao-polished__title-icon {
  width: 20px;
  height: 20px;
  color: #22c55e;
}

.hd-motivacao-polished__subtitle {
  margin: 0 0 10px;
  color: #6b7a99;
  font-size: 0.85rem;
  font-weight: 500;
}

.hd-motivacao-polished__hero {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 4px 0 8px;
}

.hd-motivacao-polished__hero-emoji {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #f2f5ff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  flex-shrink: 0;
}

.hd-motivacao-polished__hero-text strong {
  display: block;
  color: #13244a;
  font-size: 0.9rem;
  line-height: 1.25;
}

.hd-motivacao-polished__hero-text span {
  display: block;
  color: #6b7a99;
  font-size: 0.82rem;
}

.hd-motivacao-polished__chart {
  margin-top: 2px;
}

.hd-motivacao-polished .chart-insight-wrap {
  margin-top: 8px;
}

.hd-motivacao-polished .chart-insight {
  border-radius: 14px;
  border: 1px solid #d8e3f3;
  background: linear-gradient(180deg, #f9fbff 0%, #f3f7ff 100%);
  padding: 10px 12px;
}

.hd-motivacao-polished .chart-insight-icon {
  width: 34px;
  height: 34px;
  font-size: 20px;
}

.hd-motivacao-polished .chart-insight-title {
  font-size: 0.8rem;
}

.hd-motivacao-polished .chart-insight-description {
  font-size: 0.78rem;
  line-height: 1.35;
}

.hd-estresse-polished {
  border: 1px solid #f0e7df;
  border-radius: 22px;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
}

.hd-estresse-polished .card-body {
  padding: 20px 20px 16px;
}

.hd-estresse-polished__title span {
  border-bottom: 0;
  font-size: 1.05rem !important;
  letter-spacing: -0.02em;
  color: #13244a;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.hd-estresse-polished__title-icon {
  width: 20px;
  height: 20px;
  color: #f97316;
}

.hd-estresse-polished__subtitle {
  margin: 0 0 10px;
  color: #6b7a99;
  font-size: 0.85rem;
  font-weight: 500;
}

.hd-estresse-polished__hero {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 4px 0 8px;
}

.hd-estresse-polished__hero-emoji {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #fff2e8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  flex-shrink: 0;
}

.hd-estresse-polished__hero-text strong {
  display: block;
  color: #13244a;
  font-size: 0.9rem;
  line-height: 1.25;
}

.hd-estresse-polished__hero-text span {
  display: block;
  color: #6b7a99;
  font-size: 0.82rem;
}

.hd-estresse-polished__chart {
  margin-top: 2px;
}

.hd-estresse-polished .chart-insight-wrap {
  margin-top: 8px;
}

.hd-estresse-polished .chart-insight {
  border-radius: 14px;
  border: 1px solid #f0e0d2;
  background: linear-gradient(180deg, #fffaf6 0%, #fff4ec 100%);
  padding: 10px 12px;
}

.hd-estresse-polished .chart-insight__icon {
  width: 34px;
  height: 34px;
  font-size: 20px;
}

.hd-estresse-polished .chart-insight__title {
  font-size: 0.92rem;
}

.hd-estresse-polished .chart-insight__subtitle {
  font-size: 0.82rem;
  line-height: 1.35;
}

.hd-estresse-polished .chart-insight--split {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.hd-estresse-polished .chart-insight__trend {
  margin-left: auto;
  color: #7b8aa8;
  font-size: 0.78rem;
  white-space: nowrap;
}

.hd-raiox-polished,
.hd-energia-int-polished {
  border-radius: 22px;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
}

.hd-raiox-polished {
  border: 1px solid #e5edf8;
  background: #ffffff;
}

.hd-energia-int-polished {
  border: 1px solid #e7eef8;
  background: linear-gradient(180deg, #ffffff 0%, #fafcff 100%);
}

.hd-raiox-polished .card-body,
.hd-energia-int-polished .card-body {
  padding: 20px 20px 16px;
}

.hd-raiox-polished__title span,
.hd-energia-int-polished__title span {
  border-bottom: 0;
  font-size: 1.05rem !important;
  letter-spacing: -0.02em;
  color: #13244a;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.hd-raiox-polished__title-icon,
.hd-energia-int-polished__title-icon {
  width: 20px;
  height: 20px;
}

.hd-raiox-polished__title-icon {
  color: #2563eb;
}

.hd-energia-int-polished__title-icon {
  color: #0ea5e9;
}

.hd-raiox-polished__subtitle,
.hd-energia-int-polished__subtitle {
  margin: 0 0 10px;
  color: #6b7a99;
  font-size: 0.85rem;
  font-weight: 500;
}

.hd-raiox-polished__hero,
.hd-energia-int-polished__hero {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 4px 0 10px;
}

.hd-raiox-polished__hero-emoji,
.hd-energia-int-polished__hero-emoji {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  flex-shrink: 0;
}

.hd-raiox-polished__hero-emoji {
  background: #eff6ff;
}

.hd-energia-int-polished__hero-emoji {
  background: #eef8ff;
}

.hd-raiox-polished__hero-text strong,
.hd-energia-int-polished__hero-text strong {
  display: block;
  color: #13244a;
  font-size: 0.9rem;
  line-height: 1.25;
}

.hd-raiox-polished__hero-text span,
.hd-energia-int-polished__hero-text span {
  display: block;
  color: #6b7a99;
  font-size: 0.82rem;
  line-height: 1.38;
}

.hd-raiox-polished__chart,
.hd-energia-int-polished__chart {
  margin-top: 2px;
}

.hd-racional-polished {
  border: 1px solid #e7eef8;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06);
}

.hd-racional-polished .card-body {
  padding: 20px 20px 16px;
}

.hd-racional-polished__title span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-bottom: none;
  padding-bottom: 0;
  font-size: 1.05rem !important;
  letter-spacing: -0.02em;
  color: #13244a;
}

.hd-racional-polished__title-icon {
  width: 20px;
  height: 20px;
  color: #2563eb;
}

.hd-racional-polished__subtitle {
  margin: 0 0 14px;
  color: #64748b;
  font-size: 0.94rem;
}

.hd-racional-polished__hero {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 10px;
  padding: 12px 14px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.06), rgba(59, 130, 246, 0.02));
  border: 1px solid rgba(191, 219, 254, 0.9);
}

.hd-racional-polished__hero-emoji {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.65rem;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  color: #1d4ed8;
  flex: 0 0 auto;
}

.hd-racional-polished__hero-text strong {
  display: block;
  color: #0f1f4a;
  font-size: 1.04rem;
  font-weight: 700;
}

.hd-racional-polished__hero-text span {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 0.92rem;
  line-height: 1.5;
}

.hd-racional-polished__chart {
  min-height: 180px;
}

@media (max-width: 767.98px) {
  .hd-motivacao-polished__title span {
    font-size: 1.25rem !important;
  }

  .hd-motivacao-polished__hero {
    gap: 12px;
  }

  .hd-motivacao-polished__hero-emoji {
    width: 48px;
    height: 48px;
    font-size: 25px;
  }

  .hd-raiox-polished__hero,
  .hd-energia-int-polished__hero {
    align-items: flex-start;
  }

  .hd-raiox-polished__hero-emoji,
  .hd-energia-int-polished__hero-emoji {
    width: 48px;
    height: 48px;
    font-size: 25px;
  }

  .hd-estresse-polished__title span {
    font-size: 1.25rem !important;
  }

  .hd-estresse-polished__hero-emoji {
    width: 48px;
    height: 48px;
    font-size: 25px;
  }

  .hd-estresse-polished .chart-insight--split {
    align-items: flex-start;
    flex-direction: column;
  }

  .hd-estresse-polished .chart-insight__trend {
    margin-left: 0;
  }

  .hd-racional-polished__title span {
    font-size: 1.05rem !important;
  }

  .hd-racional-polished__hero {
    gap: 12px;
    padding: 12px;
  }

  .hd-racional-polished__hero-emoji {
    width: 48px;
    height: 48px;
    font-size: 25px;
    border-radius: 14px;
  }
}


@media (max-width: 575.98px) {
  .hd-solutions-select {
    width: 100%;
  }
}

.page-wrapper .customize-input input,
.page-wrapper .customize-input select {
  background-color: #ffffff !important;
}

/* --- BANNER INSTALACAO APP --- */
.hd-install-banner {
  position: fixed !important;
  left: 50% !important;
  bottom: 24px !important;
  transform: translateX(-50%) !important;
  max-width: 640px;
  width: calc(100% - 32px);
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 20px !important;
  padding: 0 !important;
  background: linear-gradient(135deg, #6b5b86 0%, #5b4c76 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(24, 18, 46, 0.28) !important;
  z-index: 1050 !important;
}

.hd-install-banner__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  gap: 14px;
}

.hd-install-banner__trigger {
  border: none;
  background: transparent;
  padding: 0;
  text-align: left;
  color: inherit;
}

.hd-install-banner__left {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.hd-install-banner__icon {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
  font-weight: 700;
  font-size: 0.9rem;
  letter-spacing: 0.6px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.hd-install-banner__content {
  min-width: 0;
}

.hd-install-banner__title {
  font-weight: 700;
  font-size: 0.95rem;
  letter-spacing: -0.2px;
}

.hd-install-banner__subtitle {
  font-size: 0.8rem;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.85);
}

.hd-install-banner__actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.hd-install-banner__btn {
  background: #ffffff;
  color: #5e4f7f;
  border: none;
  border-radius: 10px;
  padding: 8px 18px;
  font-size: 0.8rem;
  font-weight: 700;
  transition: transform 0.15s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.hd-install-banner__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
}

.hd-install-banner__close {
  background: transparent;
  border: none;
  color: #ffffff;
  opacity: 0.6;
  font-size: 1.2rem;
  line-height: 1;
  padding: 4px 6px;
  border-radius: 6px;
}

.hd-install-banner__close:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.12);
}

#banner-install.hide {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 575.98px) {
  .hd-install-banner {
    bottom: 16px !important;
    width: calc(100% - 24px);
    border-radius: 16px !important;
  }

  .hd-install-banner__inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 14px;
    gap: 14px;
  }

  .hd-install-banner__left {
    width: 100%;
    gap: 12px;
  }

  .hd-install-banner__content {
    min-width: 0;
  }

  .hd-install-banner__icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
  }

  .hd-install-banner__title {
    font-size: 0.92rem;
    line-height: 1.25;
  }

  .hd-install-banner__subtitle {
    margin-top: 3px;
    font-size: 0.78rem;
  }

  .hd-install-banner__actions {
    width: 100%;
    justify-content: space-between;
    gap: 12px;
  }

  .hd-install-banner__btn {
    flex: 1;
    text-align: center;
    min-height: 42px;
    padding: 10px 16px;
  }

  .hd-install-banner__close {
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 0;
    font-size: 1.35rem;
    background: rgba(255, 255, 255, 0.10);
  }
}

.hd-install-modal .modal-content {
  border-radius: 16px;
  border: 1px solid #efe9fb;
  box-shadow: 0 18px 40px rgba(17, 24, 39, 0.18);
  background: #ffffff;
}

.hd-install-modal .modal-header {
  border-bottom: 1px solid #f3eefb;
  background: linear-gradient(180deg, #faf7ff 0%, #ffffff 100%);
}

.hd-install-modal .modal-title {
  font-weight: 700;
  color: #2b1f4a;
}

.hd-install-modal .modal-body {
  color: #4b5563;
  font-size: 0.95rem;
  line-height: 1.5;
}

.hd-install-modal__steps {
  padding-left: 18px;
  color: #4b5563;
  font-size: 0.9rem;
}

.hd-install-modal .modal-footer {
  border-top: 1px solid #f3eefb;
  background: #fcfaff;
}

.hd-install-modal__btn {
  background: #6f42c1;
  color: #ffffff;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  font-size: 0.85rem;
  padding: 8px 16px;
}

.hd-install-modal__btn:hover {
  background: #5b2ea6;
}

.hd-install-modal__btn-outline {
  background: #ffffff;
  color: #5b2ea6;
  border: 1px solid #e3d7f7;
  border-radius: 10px;
  font-weight: 600;
  font-size: 0.85rem;
  padding: 8px 16px;
}

.hd-install-modal__manual {
  display: none;
}

.hd-install-modal.is-open {
  display: block;
}

.hd-install-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(17, 24, 39, 0.45);
  z-index: 1040;
}

/* --- SCROLLBAR GLOBAL --- */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(111, 66, 193, 0.35) rgba(244, 246, 250, 0.9);
}

*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

*::-webkit-scrollbar-track {
  background: rgba(244, 246, 250, 0.9);
  border-radius: 10px;
}

*::-webkit-scrollbar-thumb {
  background: rgba(111, 66, 193, 0.35);
  border-radius: 10px;
  border: 2px solid rgba(244, 246, 250, 0.9);
}

*::-webkit-scrollbar-thumb:hover {
  background: rgba(111, 66, 193, 0.5);
}

/* --- COMPONENTES VISUAIS --- */
.hd-solutions-text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hd-solutions-font-weight-medium {
  font-weight: 500;
}

.hd-solutions-text-nowrap {
  white-space: nowrap;
}

.hd-solutions-badge-light-primary {
  background-color: rgba(52, 65, 88, 0.1);
  color: var(--hd-secondary);
  padding: 4px 12px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.75rem;
}

.hd-solutions-border-left-responsive {
  border-left: 1px solid #eef0f2;
}

.hd-solutions-cerebro_duplo {
  position: relative;
  display: table;
  margin: 0 auto;
}

.hd-solutions-cerebro_duplo .cor-cerebro,
.hd-solutions-cerebro_duplo>img {
  position: relative;
  z-index: 1;
}

.hd-solutions-cerebro_duplo>img.image_now {
  position: absolute;
  left: auto;
  right: -30px;
  top: -10px;
  z-index: 1;
  width: 90%;
  height: auto;
  opacity: 0.75;
}

.hd-solutions-cerebro_duplo.hd-solutions-cerebro_duplo_small>img.image_now {
  right: -15px;
  top: -5px;
}

/* Unificação com cerebro_duplo original */


.hd-solutions-btn-minimal {
  background: none;
  border: 1px solid #e5e7eb;
  color: #6b7280;
  border-radius: 6px;
  padding: 8px 20px;
  font-size: 0.8rem;
  font-weight: 500;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
  font-family: var(--hd-font-family);
  cursor: pointer;
}

.hd-solutions-btn-minimal:hover {
  border-color: var(--hd-primary);
  color: var(--hd-primary);
  background: rgba(255, 140, 0, 0.05);
}

.hd-solutions-btn-minimal.hd-solutions-outline {
  background: #fff;
  border: 1px solid #e5e7eb;
  color: #6b7280;
  border-radius: 6px;
  padding: 10px 32px;
  font-size: 0.8rem;
  font-weight: 600;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
  font-family: var(--hd-font-family);
  cursor: pointer;
}

.hd-solutions-btn-minimal.hd-solutions-outline:hover {
  border-color: var(--hd-primary);
  color: var(--hd-primary);
  /* background: rgba(255, 140, 0, 0.05); */
}

/* --- CLASSES PARA ESTILOS INLINE --- */
.hd-solutions-icon-sm {
  width: 16px !important;
}

.hd-solutions-btn-sm {
  font-size: 0.65rem !important;
}

.hd-solutions-modal-light {
  background-color: var(--hd-light) !important;
}

.hd-solutions-subtitle-sm {
  letter-spacing: 1px !important;
  font-size: 0.65rem !important;
}

/* --- DASHBOARD COMPONENTS --- */

/* Dashboard Grid Layout */
.hd-solutions-dashboard-grid {
  font-family: var(--hd-font-family);
  width: 100%;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

@media (max-width: 480px) {
  .hd-solutions-dashboard-grid {
    grid-template-columns: 1fr;
  }
}

/* Dashboard Cards */
.hd-solutions-dashboard-card {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  min-height: 125px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.hd-solutions-dashboard-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
}

/* Dashboard Card Info Section */
.hd-solutions-card-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hd-solutions-card-info small {
  text-transform: uppercase;
  font-weight: 700;
  color: #64748b;
  font-size: 0.7rem;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}

.hd-solutions-card-info h2 {
  margin: 0;
  font-size: 2rem;
  font-weight: 800;
  color: #0f172a;
  line-height: 1;
}

.hd-solutions-card-info .subtext {
  font-size: 0.8rem;
  color: #94a3b8;
  margin-top: 6px;
}

/* Dashboard Card Actions Section */
.hd-solutions-card-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}

.hd-solutions-icon-box {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f5f9;
  color: #64748b;
}

.hd-solutions-icon-box.hd-solutions-primary {
  background: #eef2ff;
  color: #4f46e5;
}

.hd-solutions-icon-box.hd-solutions-danger {
  background: #fef2f2;
  color: #ef4444;
}

.hd-solutions-icon-box.hd-solutions-success {
  background: #f0fdf4;
  color: #16a34a;
}

/* Dashboard Mini Buttons */
.hd-solutions-btn-mini {
  font-size: 0.65rem;
  font-weight: 800;
  padding: 6px 12px;
  border-radius: 8px;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: 0.2s;
}

.hd-solutions-btn-mini.hd-solutions-indigo {
  background: #6366f1;
  color: white;
}

.hd-solutions-btn-mini.hd-solutions-green {
  background: #22c55e;
  color: white;
}

.hd-solutions-btn-mini.hd-solutions-outline {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border: 1px solid #e5e7eb;
  color: #6b7280;
}

.hd-solutions-btn-mini:hover {
  filter: brightness(0.9);
}

/* Dashboard Alert Table Area */
.hd-solutions-alert-area {
  font-family: var(--hd-font-family);
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  padding: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.hd-solutions-alert-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.hd-solutions-alert-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
}

.hd-solutions-table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* User Link in Table */
.hd-solutions-user-link {
  font-weight: 700;
  color: #1e293b;
  text-decoration: none;
  transition: color 0.2s;
  display: inline-block;
}

.hd-solutions-user-link:hover {
  color: var(--hd-primary);
  text-decoration: underline;
}

/* Sector Text */
.hd-solutions-sector-text {
  color: #475569;
  font-weight: 500;
}



/* Helper Button */
.hd-solutions-helper-btn {
  color: #cbd5e1;
  cursor: pointer;
  background: none;
  border: none;
}

.hd-solutions-helper-popover {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  color: #94a3b8;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.hd-solutions-helper-popover:hover {
  color: var(--hd-primary);
  border-color: rgba(255, 107, 43, 0.3);
}

.hd-solutions-helper-popover i {
  font-size: 0.9rem;
}

.popover.hd-solutions-popover {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 16px 30px rgba(15, 23, 42, 0.14);
  background: #ffffff;
  max-width: 320px;
}

.popover.hd-solutions-popover .popover-header {
  background: #ffffff;
  border-bottom: 1px solid #f1f5f9;
  color: #1f2937;
  font-weight: 600;
  font-size: 0.9rem;
}

.popover.hd-solutions-popover .popover-body {
  color: #4b5563;
  font-size: 0.9rem;
  line-height: 1.5;
}

.popover.hd-solutions-popover .arrow::before {
  border-top-color: #e5e7eb;
}

.popover.hd-solutions-popover .arrow::after {
  border-top-color: #ffffff;
}

/* Text Utilities */
.hd-solutions-text-center {
  text-align: center;
}

.hd-solutions-text-danger {
  color: #ef4444 !important;
}

/* Chart Container */
.hd-solutions-chart-container {
  position: relative;
  height: 100%;
  width: 100%;
}

/* Cultura chart: hide via class toggle */


.hd-solutions-form-container {
  border-radius: 15px !important;
  border: 1px solid rgba(0, 0, 0, 0.03) !important;
}

.hd-solutions-avatar-circle {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
}

.hd-solutions-employee-name {
  font-family: var(--hd-font-family) !important;
  font-weight: 700 !important;
}

.hd-solutions-tip-bar {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 4px !important;
  height: 100% !important;
  background: var(--hd-secondary) !important;
  border-radius: 12px 0 0 12px !important;
}

/* --- DASHBOARD FUNCIONARIO DIAGNOSTICO --- */
.hd-solutions-diagnosis-card {
  background: #ffffff;
  border: 1px solid #edf2f7;
  border-radius: 10px;
  padding: 20px 22px;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
  height: 100%;
  display: flex;
  flex-direction: column;
}

.hd-solutions-diagnosis-header {
  padding-bottom: 14px;
  border-bottom: 1px solid #edf2f7;
  margin-bottom: 14px;
}

.hd-solutions-diagnosis-title {
  color: #0f172a;
  font-weight: 700;
  font-size: 0.95rem;
  margin-bottom: 6px;
}

.hd-solutions-diagnosis-title span {
  border-bottom: 2px solid #ff8c00;
  padding-bottom: 4px;
  display: inline-block;
}

.hd-solutions-diagnosis-subtitle {
  color: #475569;
  font-size: 0.95rem;
  margin-top: 4px;
  margin-bottom: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #c2410c;
  font-weight: 700;
}

.hd-solutions-diagnosis-text {
  color: #4b5563;
  font-size: 0.9rem;
  line-height: 1.65;
}

.hd-solutions-diagnosis-section {
  margin-bottom: 12px;
  padding: 12px 16px 12px 18px;
  border: 1px solid #eef2f7;
  background: #fbfdff;
  border-radius: 12px;
  position: relative;
}

.hd-solutions-diagnosis-section:last-of-type {
  margin-bottom: 0;
}

.hd-solutions-diagnosis-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.hd-solutions-diagnosis-label svg,
.hd-solutions-diagnosis-label i {
  width: 16px;
  height: 16px;
  color: #ff8c00;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 999px;
  padding: 6px;
  box-sizing: content-box;
}

.hd-solutions-diagnosis-section::before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 3px;
  border-radius: 3px;
  background: linear-gradient(180deg, #ff8c00 0%, #fb923c 100%);
  opacity: 0.55;
}

.hd-solutions-diagnosis-tip {
  margin-top: auto;
  padding: 12px 14px;
  border-radius: 10px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
}

.hd-solutions-diagnosis-label-light {
  color: #334155;
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
  .hd-solutions-border-left-responsive {
    border-left: none;
    border-top: 1px solid var(--hd-border);
    padding-top: 20px;
    margin-top: 20px;
  }

  .hd-solutions-area {
    padding: 20px;
  }

  .hd-solutions-actions {
    justify-content: flex-start;
  }
}

/* ========================================
   HD SOLUTIONS - PÁGINA MINHA CONTA
   ======================================== */

/* Page Wrapper Moderno */
.hd-solutions-page-wrapper {
  background: #f8fafc !important;
  min-height: 100vh !important;
  padding: 2rem 0 !important;
}

/* Header da Página */
.hd-solutions-page-header {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border-radius: 16px !important;
  padding: 2rem !important;
  margin-bottom: 2rem !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.hd-solutions-header-content {
  text-align: center !important;
}

.hd-solutions-page-title {
  color: var(--hd-secondary) !important;
  font-weight: 700 !important;
  font-size: 2rem !important;
  margin: 0 0 0.5rem 0 !important;
}

.hd-solutions-page-subtitle {
  color: var(--hd-text-muted) !important;
  font-size: 1rem !important;
  margin: 0 !important;
}

/* Container Principal */
.hd-solutions-container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 1rem !important;
}

/* Seções */
.hd-solutions-section {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border-radius: 16px !important;
  padding: 0 !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  overflow: hidden !important;
}

.hd-solutions-section-header {
  background: linear-gradient(135deg, var(--hd-light) 0%, #ffffff 100%) !important;
  padding: 1.5rem 2rem !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.hd-solutions-section-title {
  color: var(--hd-secondary) !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
}

.hd-solutions-section-icon {
  color: var(--hd-primary) !important;
  width: 20px !important;
  height: 20px !important;
}

/* Corpo das Seções */
.hd-solutions-section-body {
  padding: 2rem !important;
}

/* Inputs Desabilitados */
.hd-solutions-input-disabled {
  background-color: #f1f5f9 !important;
  border-style: dashed !important;
  color: var(--hd-text-muted) !important;
  cursor: not-allowed !important;
}

.hd-solutions-input-disabled::placeholder {
  color: var(--hd-text-muted) !important;
}

/* Botões de Ação */
.hd-solutions-form-actions {
  text-align: right !important;
  padding: 1.5rem 2rem !important;
  border-top: 1px solid #f1f5f9 !important;
  background: #fafbfc !important;
}

.hd-solutions-form-btn-submit {
  background: var(--hd-secondary) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 0.75rem 1.5rem !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  transition: all 0.2s ease !important;
}

.hd-solutions-form-btn-submit:hover {
  background: var(--hd-primary) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(255, 140, 0, 0.15) !important;
}

.hd-solutions-form-btn-submit i {
  width: 16px !important;
  height: 16px !important;
}

/* ========================================
   HD SOLUTIONS - PÁGINA MINHA CONTA (REORGANIZADA)
   ======================================== */

.hd-solutions-account-page {
  padding: 2rem;
  max-width: 1200px;
  margin: 0 auto;
  background: #f8fafc;
  min-height: 100vh;
}

/* Header da Página */
.hd-solutions-account-header {
  background: #ffffff;
  border-radius: 16px;
  padding: 2rem;
  margin-bottom: 2rem;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  text-align: center;
}

.hd-solutions-account-title {
  color: var(--hd-secondary);
  font-weight: 700;
  font-size: 2rem;
  margin: 0 0 0.5rem 0;
}

.hd-solutions-account-subtitle {
  color: var(--hd-text-muted);
  font-size: 1rem;
  margin: 0;
}

/* Conteúdo Principal */
.hd-solutions-account-content {
  display: grid;
  gap: 2rem;
}

.hd-solutions-account-subsection {
  margin-bottom: 1.5rem;
}

.hd-solutions-account-subtitle {
  font-weight: 600;
  color: var(--hd-secondary);
  font-size: 1.05rem;
  margin-bottom: 0.5rem;
}

.hd-solutions-account-helper {
  color: var(--hd-text-muted);
  font-size: 0.9rem;
  margin: 0;
}

.hd-solutions-account-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding-top: 1.5rem;
  border-top: 1px solid #f1f5f9;
  margin-top: 1.5rem;
}

.hd-solutions-account-panel {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.hd-solutions-account-panel-body {
  padding: 10px 0 0;
}

/* Cards de Resumo */
.hd-solutions-summary-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.hd-solutions-summary-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  gap: 1.5rem;
  transition: all 0.3s ease;
}

.hd-solutions-summary-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.hd-solutions-summary-card .hd-solutions-card-icon {
  width: 60px;
  height: 60px;
  background: var(--hd-light);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--hd-primary);
}

.hd-solutions-summary-card .hd-solutions-card-icon i {
  width: 24px;
  height: 24px;
}

.hd-solutions-card-content h3 {
  color: var(--hd-secondary);
  font-weight: 600;
  font-size: 1.1rem;
  margin: 0 0 0.25rem 0;
}

.hd-solutions-card-content p {
  color: var(--hd-text-muted);
  font-size: 0.9rem;
  margin: 0;
}

.hd-solutions-card-content small {
  color: var(--hd-text-muted);
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Ações Rápidas */
.hd-solutions-quick-actions {
  background: #ffffff;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.hd-solutions-action-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}

.hd-solutions-action-btn {
  background: var(--hd-light);
  border: none;
  border-radius: 12px;
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--hd-secondary);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.hd-solutions-action-btn:hover {
  background: var(--hd-primary);
  color: #ffffff;
  transform: translateY(-1px);
}

.hd-solutions-action-btn i {
  width: 18px;
  height: 18px;
}

/* Informações Detalhadas */
.hd-solutions-detailed-info {
  background: #ffffff;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.hd-solutions-info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 2rem;
  margin-top: 1.5rem;
}

.hd-solutions-info-section h3 {
  color: var(--hd-secondary);
  font-weight: 600;
  font-size: 1.1rem;
  margin: 0 0 1.5rem 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.hd-solutions-info-section h3 i {
  width: 20px;
  height: 20px;
  color: var(--hd-primary);
}

.hd-solutions-info-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid #f1f5f9;
}

.hd-solutions-info-item:last-child {
  border-bottom: none;
}

.hd-solutions-label {
  color: var(--hd-text-muted);
  font-weight: 500;
  font-size: 0.9rem;
}

.hd-solutions-value {
  color: var(--hd-text-primary);
  font-weight: 600;
  font-size: 0.95rem;
  text-align: right;
}

.hd-solutions-plan-badge {
  background: var(--hd-primary);
  color: #ffffff;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Responsive para Minha Conta */
@media (max-width: 768px) {
  .hd-account-topbar {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 16px;
  }

  .hd-account-title {
    font-size: 1.45rem;
  }

  .hd-account-subtitle {
    font-size: 0.88rem;
  }

  .hd-solutions-area.hd-account-page {
    padding: 18px 8px 24px;
  }

  .hd-solutions-account-page {
    padding: 1rem;
  }

  .hd-solutions-account-header {
    padding: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .hd-solutions-account-title {
    font-size: 1.5rem;
  }

  .hd-solutions-summary-cards {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .hd-solutions-summary-card {
    padding: 1.5rem;
    flex-direction: column;
    text-align: center;
  }

  .hd-solutions-section-header {
    padding: 20px 18px 12px;
  }

  .hd-solutions-section-body,
  .hd-solutions-account-compact .hd-solutions-section-body {
    padding: 16px 18px 18px;
  }

  .hd-solutions-account-panel-body {
    padding-top: 8px;
  }

  .hd-solutions-action-buttons {
    grid-template-columns: 1fr;
  }

  .hd-solutions-info-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .hd-solutions-info-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }

  .hd-plan-card-head,
  .hd-plan-card-footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .hd-plan-card-status {
    align-self: flex-start;
  }

  .hd-plan-card-metrics {
    grid-template-columns: 1fr;
  }

  .hd-plan-card-metric {
    border-right: 0;
    border-bottom: 1px solid #edf2f7;
  }

  .hd-plan-card-metric:last-child {
    border-bottom: 0;
  }

  .hd-plan-card-actions {
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
  }
}

@media (max-width: 575.98px) {
  .hd-account-page {
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .hd-solutions-area.hd-account-page {
    padding: 18px 10px 28px;
  }

  .hd-account-topbar {
    gap: 8px;
    margin-bottom: 16px;
  }

  .hd-account-title {
    font-size: 1.48rem;
    line-height: 1.1;
  }

  .hd-account-subtitle {
    font-size: 0.9rem;
    line-height: 1.45;
  }

  .hd-solutions-account-section {
    border-radius: 16px;
  }

  .hd-solutions-section-header,
  .hd-solutions-account-compact .hd-solutions-section-header {
    padding: 18px 16px 10px;
  }

  .hd-solutions-section-title {
    align-items: flex-start;
    gap: 10px;
    font-size: 1.05rem;
    line-height: 1.2;
  }

  .hd-solutions-section-copy {
    font-size: 0.86rem;
    line-height: 1.45;
  }

  .hd-solutions-section-body,
  .hd-solutions-account-compact .hd-solutions-section-body {
    padding: 14px 16px 18px;
  }

  .hd-plan-card-name-wrap {
    margin-bottom: 14px;
  }

  .hd-plan-card-name {
    font-size: 1.22rem;
    line-height: 1.18;
    overflow-wrap: anywhere;
  }

  .hd-plan-card-metrics,
  .hd-profile-card-metrics,
  .hd-company-card-metrics {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    border: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent;
  }

  .hd-plan-card-metric {
    width: 100%;
    padding: 13px 14px;
    border: 1px solid #edf2f7;
    border-radius: 12px;
    background: #fcfdff;
  }

  .hd-plan-card-metric,
  .hd-plan-card-metric:last-child {
    border-right: 1px solid #edf2f7;
    border-bottom: 1px solid #edf2f7;
  }

  .hd-plan-card-metric-body {
    min-width: 0;
    flex: 1 1 auto;
  }

  .hd-plan-card-metric-label {
    white-space: normal;
    line-height: 1.25;
  }

  .hd-plan-card-metric-value {
    display: block;
    font-size: 1rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .hd-profile-form-grid,
  .hd-password-form-grid {
    grid-template-columns: 1fr;
    gap: 13px;
  }

  .hd-profile-form-col,
  .hd-profile-form-col-span-2 {
    grid-column: 1 / -1;
  }

  .hd-solutions-input,
  .hd-solutions-form-input {
    width: 100%;
    min-width: 0;
  }

  .hd-solutions-form-label,
  .hd-solutions-label {
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .hd-plan-card-footer,
  .hd-profile-card-footer {
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
  }

  .hd-plan-card-footnote {
    align-items: flex-start;
    font-size: 0.84rem;
    line-height: 1.45;
  }

  .hd-plan-card-actions {
    width: 100%;
    flex-direction: column;
    gap: 10px;
  }

  .hd-plan-card-actions .hd-ui-btn {
    width: 100%;
  }
}

/* --- UTILITÁRIOS --- */
.hd-solutions-brain-img {
  height: 32px;
  width: auto;
}

.hd-solutions-divider {
  color: #e2e8f0;
  font-weight: 300;
}

.btn-copy-success {
  color: #16a34a !important;
  animation: copySuccess 0.6s ease;
}

@keyframes copySuccess {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2) rotate(5deg);
  }

  100% {
    transform: scale(1);
  }
}

/* --- ANIMAÇÕES ESPECÍFICAS --- */
.hd-solutions-btn-minimal:hover {
  color: var(--hd-primary) !important;
  text-decoration: none;
}

.hd-solutions-btn-minimal:active {
  transform: translateX(2px);
}

/* --- SCROLLBAR CUSTOMIZADA --- */
.hd-solutions-text::-webkit-scrollbar {
  width: 4px;
}

.hd-solutions-text::-webkit-scrollbar-thumb {
  background: #eee;
  border-radius: 10px;
}

/* --- AJUSTES FINAIS DE BOTÕES --- */
.hd-solutions-btn-add i {
  width: 18px;
  height: 18px;
}

.hd-solutions-btn-icon {
  padding: 4px;
}

.hd-solutions-cerebro-scale {
  transform: scale(0.8);
  margin: -15px 0;
}

.hd-solutions-font-size-sm {
  font-size: 0.75rem !important;
}

.hd-solutions-font-size-base {
  font-size: 0.85rem !important;
}

.hd-solutions-font-size-xs {
  font-size: 0.65rem !important;
  opacity: 0.8;
}

/* ========================================
   ACCOUNT PAGE SECTIONS STYLING
   ======================================== */

/* Account Content Grid */
.hd-solutions-account-content {
  display: grid;
  gap: 1.35rem;
}

.hd-account-page {
  width: 100%;
  max-width: 1480px;
  margin: 0 auto 24px;
}

.hd-account-topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}

.hd-account-heading {
  max-width: 760px;
}

.hd-account-title {
  margin: 0 0 6px;
  color: #0f2d62;
  font-size: 1.75rem;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.hd-account-subtitle {
  margin: 0;
  color: #60708f;
  font-size: 0.92rem;
  line-height: 1.6;
  letter-spacing: 0.02em;
}

.hd-account-status {
  display: flex;
  justify-content: flex-end;
}

.hd-account-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border-radius: 999px;
  border: 1px solid #edf2f7;
  background: rgba(255, 255, 255, 0.9);
  color: #60708f;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.hd-account-status-pill i {
  width: 14px;
  height: 14px;
}

/* Summary Section */
.hd-solutions-summary-section {
  margin-bottom: 0;
}

/* Account Sections */
.hd-solutions-account-section {
  background: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
  border: 1px solid #ebf0f6;
  transition: all 0.3s ease;
  margin-bottom: 0;
}

.hd-solutions-account-section:hover {
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}

.hd-solutions-section-header {
  background: #ffffff;
  padding: 24px 32px 16px;
  border-bottom: 1px solid #edf2f7;
}

.hd-solutions-section-title {
  color: var(--hd-secondary);
  font-weight: 800;
  font-size: 1.06rem;
  letter-spacing: 0.02em;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

.hd-solutions-section-title i {
  width: 18px;
  height: 18px;
  color: var(--hd-primary);
}

.hd-solutions-section-body {
  padding: 18px 32px 30px;
}

.hd-solutions-section-copy {
  margin: 8px 0 0;
  color: #72819d;
  font-size: 0.86rem;
  line-height: 1.55;
  letter-spacing: 0.02em;
}

/* Minimal borders for account layout (admin test page) */
.hd-solutions-account-content {
  border: none !important;
  box-shadow: none !important;
}

.hd-solutions-account-section {
  border: 1px solid #ebf0f6 !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04) !important;
}

.hd-solutions-section-header {
  border: none !important;
  box-shadow: none !important;
}

.hd-solutions-section-title {
  border: none !important;
}

/* Compact account layout */
.hd-solutions-account-compact .hd-solutions-account-section {
  margin-bottom: 0;
}

.hd-solutions-account-compact .hd-solutions-section-header {
  padding: 22px 32px 14px;
}

.hd-solutions-account-compact .hd-solutions-section-title {
  font-size: 1.02rem;
  font-weight: 800;
  gap: 0.6rem;
  margin-bottom: 0;
}

.hd-solutions-account-compact .hd-solutions-section-body {
  padding: 18px 32px 28px;
}

.hd-solutions-account-compact .hd-solutions-account-actions {
  padding: 1.25rem 0 0;
}

.hd-solutions-account-panel .card-title {
  margin-bottom: 1.35rem;
  color: #32466f;
  font-size: 1.12rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.hd-solutions-account-panel .hd-solutions-section-divider {
  border-bottom: 1px solid #edf2f7;
}

.hd-solutions-account-panel .hd-solutions-plan-summary {
  border-radius: 14px;
}

.hd-solutions-account-panel .hd-solutions-account-actions {
  border-top: 1px solid #edf2f7;
}

.hd-solutions-account-panel .row > [class*="col-"] {
  margin-bottom: 0.35rem;
}

.hd-solutions-account-panel .hd-solutions-form-label,
.hd-solutions-account-panel .hd-solutions-label {
  font-size: 0.72rem;
  letter-spacing: 0.08em;
}

.hd-solutions-account-panel .hd-solutions-data-display,
.hd-solutions-account-panel .hd-solutions-value-strong,
.hd-solutions-account-panel .hd-solutions-input,
.hd-solutions-account-panel .hd-solutions-form-input {
  font-size: 0.96rem;
}

/* Info Grid */
.hd-solutions-info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 2rem;
}

.hd-solutions-info-section {
  display: grid;
  gap: 1rem;
}

.hd-solutions-info-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
  border-bottom: 1px solid #f1f5f9;
}

.hd-solutions-info-item:last-child {
  border-bottom: none;
}

.hd-solutions-info-item.vertical {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.hd-solutions-label {
  color: var(--hd-text-muted);
  font-weight: 500;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.hd-solutions-value {
  color: var(--hd-text-primary);
  font-weight: 600;
  font-size: 0.95rem;
}

/* Summary Cards */
.hd-solutions-summary-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.hd-solutions-summary-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  gap: 1.5rem;
  transition: all 0.3s ease;
}

.hd-solutions-summary-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.hd-solutions-summary-card .hd-solutions-card-icon {
  width: 60px;
  height: 60px;
  background: var(--hd-light);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--hd-primary);
}

.hd-solutions-summary-card .hd-solutions-card-icon i {
  width: 24px;
  height: 24px;
}

.hd-solutions-card-content h3 {
  color: var(--hd-secondary);
  font-weight: 600;
  font-size: 1.1rem;
  margin: 0 0 0.25rem 0;
}

.hd-solutions-card-content p {
  color: var(--hd-text-muted);
  font-size: 0.9rem;
  margin: 0;
}

.hd-solutions-card-content small {
  color: var(--hd-text-muted);
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Plan Badge */
.hd-solutions-plan-badge {
  background: var(--hd-primary);
  color: #ffffff;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-block;
}

/* Responsive - Account Sections */
@media (max-width: 1200px) {
  .hd-solutions-account-section {
    border-radius: 12px;
  }

  .hd-solutions-section-header {
    padding: 1.25rem 1.75rem;
  }

  .hd-solutions-section-body {
    padding: 1.75rem;
  }
}

@media (max-width: 768px) {
  .hd-solutions-account-content {
    gap: 1.5rem;
  }

  .hd-solutions-summary-cards {
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
  }

  .hd-solutions-summary-card {
    padding: 1.5rem;
    flex-direction: column;
    text-align: center;
  }

  .hd-solutions-section-header {
    padding: 1rem 1.5rem;
  }

  .hd-solutions-section-body {
    padding: 1.5rem;
  }

  .hd-solutions-info-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .hd-solutions-info-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .hd-solutions-account-section {
    margin-bottom: 1.5rem;
  }
}

.hd-solutions-tip-container {
  background: linear-gradient(135deg, #ffffff 0%, #fcfcfc 100%);
  border: 1px solid #eee;
  border-radius: 12px;
  position: relative;
}

.hd-solutions-tip-text {
  line-height: 1.5;
  font-size: 0.85rem;
  font-family: var(--hd-font-family);
  opacity: 0.9;
}

.hd-solutions-card-lg {
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.hd-solutions-indicator-sm {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
}

.hd-solutions-chart-container {
  position: relative;
  height: 100%;
  width: 100%;
}

.hd-solutions-chart-container.hd-solutions-chart-fixed {
  height: 220px;
}

.hd-solutions-col-stretch {
  align-content: stretch;
  display: flex;
}

.hd-solutions-col-stretch > .card,
.hd-solutions-col-stretch > .hd-solutions-diagnosis-card {
  width: 100%;
  height: 100%;
}

.hd-solutions-col-grid {
  align-content: stretch;
  display: grid;
}

.hd-solutions-card-header-title {
  font-weight: 700 !important;
  color: var(--hd-secondary) !important;
}

.hd-solutions-card-content {
  line-height: 1.6;
  font-size: 0.9rem;
  opacity: 0.85;
}

.hd-solutions-btn-link-dark {
  text-decoration: none !important;
  font-size: 0.85rem;
  font-weight: 700;
  color: #000;
  transition: all 0.3s ease;
}

.hd-solutions-btn-link-dark:hover {
  color: var(--hd-primary) !important;
}

.hd-solutions-modal-sm {
  border-radius: 0.25rem !important;
}

.hd-solutions-close-sm {
  width: 32px !important;
  height: 32px !important;
  outline: none;
  opacity: 0.4;
}

.hd-solutions-close-text {
  font-size: 1.5rem;
  font-weight: 200;
  line-height: 0;
}

.hd-solutions-scroll-content {
  max-height: 65vh;
  overflow-y: auto;
}

.hd-solutions-text-justify {
  text-align: justify;
  line-height: 1.7;
  color: #444;
}

.hd-solutions-modal-footer-btn {
  border-radius: 8px !important;
  font-size: 0.8rem !important;
}

.hd-solutions-col-width-actions {
  width: 150px;
}

.hd-solutions-card-height-full {
  height: 95%;
}

.hd-solutions-tip-title {
  color: var(--hd-secondary) !important;
  font-weight: 700 !important;
}

.hd-solutions-chart-full {
  position: relative;
  height: 100%;
  width: 100%;
}

.hd-solutions-indicator-aptidao {
  background-color: #3a4c6a !important;
}

.hd-solutions-indicator-esforco {
  background-color: #803830 !important;
}

.hd-solutions-indicator-entrega {
  background-color: #805730 !important;
}

/* ========================================
   HD SOLUTIONS - SIDEBAR MINIMALISTA
   ======================================== */

/* Container Principal da Sidebar */
.left-sidebar {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border-right: 1px solid #f1f5f9 !important;
  box-shadow: none !important;
  /* Não sobrescrever positioning que vem do style.css */
}

/* Override comportamento mini-sidebar original em tablets */
@media (min-width: 768px) and (max-width: 767.98px) {
  #main-wrapper[data-sidebartype="mini-sidebar"] .left-sidebar {
    width: 80px !important;
    min-width: 80px !important;
  }

  #main-wrapper[data-sidebartype="mini-sidebar"] .sidebar-nav .hide-menu,
  #main-wrapper[data-sidebartype="mini-sidebar"] .hd-solutions-sidebar-link .hide-menu {
    display: none !important;
  }

  #main-wrapper[data-sidebartype="mini-sidebar"] .page-wrapper {
    margin-left: 80px !important;
  }

  #main-wrapper[data-layout="vertical"][data-sidebartype="full"] .page-wrapper {
    margin-left: 80px !important;
  }

  #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="full"] .topbar .top-navbar .navbar-collapse {
    margin-left: 80px !important;
  }

  #main-wrapper[data-sidebartype="mini-sidebar"] .sidebar-nav ul .sidebar-item .sidebar-link,
  #main-wrapper[data-sidebartype="mini-sidebar"] .hd-solutions-sidebar-link {
    padding: 12px !important;
    text-align: center !important;
    justify-content: center !important;
  }

  #main-wrapper[data-sidebartype="mini-sidebar"] .sidebar-nav ul .sidebar-item .sidebar-link .feather-icon,
  #main-wrapper[data-sidebartype="mini-sidebar"] .sidebar-nav ul .sidebar-item .sidebar-link i,
  #main-wrapper[data-sidebartype="mini-sidebar"] .hd-solutions-sidebar-link .feather-icon {
    margin: 0 !important;
    margin-right: 0 !important;
  }
}

/* Navegação Principal */
.sidebar-nav {
  padding: 16px 0 !important;
}

.left-sidebar .scroll-sidebar {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.left-sidebar .sidebar-nav {
  flex: 1 1 auto;
}

.sidebar-nav #sidebarnav {
  padding: 0 !important;
}

/* Itens do Menu - Design Minimalista */
.sidebar-nav #sidebarnav .sidebar-item,
.hd-solutions-sidebar-item {
  margin: 8px 12px !important;
  list-style: none;
}

.sidebar-nav #sidebarnav .sidebar-item .sidebar-link,
.hd-solutions-sidebar-link {
  display: flex !important;
  align-items: center;
  padding: 10px 16px !important;
  border-radius: 8px !important;
  color: #64748b !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  border: none !important;
  background: transparent !important;
}

/* Estado bloqueado */
.hd-solutions-sidebar-link.is-locked {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

.hd-solutions-sidebar-link .hd-solutions-lock {
  margin-left: auto;
  color: #94a3b8;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.hd-solutions-sidebar-link .hd-solutions-lock .feather-icon {
  width: 14px !important;
  height: 14px !important;
}

/* Estado Hover - Sutil e Moderno */
.sidebar-nav #sidebarnav .sidebar-item .sidebar-link:hover,
.hd-solutions-sidebar-link:hover {
  background: rgba(255, 140, 0, 0.08) !important;
  color: var(--hd-primary) !important;
  transform: translateX(2px) !important;
}

/* Remove selected class que pode conflitar */
.sidebar-nav #sidebarnav .sidebar-item {
  /* Remove any selected class behavior */
}

/* Estado Active - Cores do Projeto - Unificado */
.sidebar-nav #sidebarnav .sidebar-item.selected>.sidebar-link,
.sidebar-nav #sidebarnav .sidebar-item .sidebar-link.active,
.sidebar-nav #sidebarnav .sidebar-item.active>.sidebar-link,
.sidebar-item.active>.hd-solutions-sidebar-link,
.hd-solutions-sidebar-link.active {
  background: var(--hd-primary) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

/* Ícones - Mantendo os atuais */
.sidebar-nav #sidebarnav .sidebar-item .sidebar-link .feather-icon,
.hd-solutions-sidebar-link .feather-icon {
  width: 18px !important;
  height: 18px !important;
  margin-right: 12px !important;
  color: #94a3b8 !important;
  transition: all 0.2s ease !important;
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sidebar-nav #sidebarnav .sidebar-item .sidebar-link:hover .feather-icon,
.hd-solutions-sidebar-link:hover .feather-icon {
  color: var(--hd-primary) !important;
}

/* Ícones Brancos para Estados Ativos - Todas as combinações */
.sidebar-nav #sidebarnav .sidebar-item.selected>.sidebar-link .feather-icon,
.sidebar-nav #sidebarnav .sidebar-item .sidebar-link.active .feather-icon,
.sidebar-nav #sidebarnav .sidebar-item.active>.sidebar-link .feather-icon,
.sidebar-item.active>.hd-solutions-sidebar-link .feather-icon,
.hd-solutions-sidebar-link.active .feather-icon {
  color: #ffffff !important;
}

/* Ícone do botão Sair - Sempre vermelho */
.sidebar-nav #sidebarnav .sidebar-item .sidebar-link.text-danger .feather-icon,
.hd-solutions-sidebar-link.text-danger .feather-icon {
  color: var(--hd-danger) !important;
}

.sidebar-nav #sidebarnav .sidebar-item .sidebar-link.text-danger:hover .feather-icon,
.hd-solutions-sidebar-link.text-danger:hover .feather-icon {
  color: var(--hd-danger) !important;
}

/* Ícone Sair em Tablets - Mantém vermelho */
@media (min-width: 768px) and (max-width: 991.98px) {

  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link.text-danger .feather-icon,
  .hd-solutions-sidebar-link.text-danger .feather-icon {
    color: var(--hd-danger) !important;
  }

  /* Active state para Sair em tablets */
  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link.text-danger:hover,
  .hd-solutions-sidebar-link.text-danger:hover {
    background: rgba(220, 38, 38, 0.08) !important;
  }
}



/* Texto do Menu */
.sidebar-nav #sidebarnav .sidebar-item .sidebar-link .hide-menu,
.hd-solutions-sidebar-link .hide-menu {
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

/* Divider Minimalista */
.hd-solutions-sidebar-divider {
  height: 1px !important;
  background: #f1f5f9 !important;
  margin: 12px 16px !important;
  opacity: 1 !important;
}

.hd-solutions-sidebar-version {
  margin-top: auto;
  padding: 10px 16px 16px;
  border-top: 1px solid #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(251, 253, 255, 0.92) 100%);
}

.hd-solutions-version-text {
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #8a94a6;
}

.hd-solutions-version-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 9px;
  border-radius: 999px;
  background: rgba(245, 158, 11, 0.09);
  border: 1px solid rgba(245, 158, 11, 0.24);
  color: #c07a18;
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Botão Sair - Estilo Especial */
.sidebar-nav #sidebarnav .sidebar-item .sidebar-link.text-danger,
.hd-solutions-sidebar-link.text-danger {
  color: var(--hd-danger) !important;
}

.sidebar-nav #sidebarnav .sidebar-item .sidebar-link.text-danger:hover,
.hd-solutions-sidebar-link.text-danger:hover {
  background: rgba(220, 38, 38, 0.08) !important;
  color: var(--hd-danger) !important;
  transform: translateX(2px) !important;
}

/* Botão Sair em Tablets - Sem movimento lateral */
@media (min-width: 768px) and (max-width: 991.98px) {

  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link.text-danger,
  .hd-solutions-sidebar-link.text-danger,
  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link.text-danger:hover,
  .hd-solutions-sidebar-link.text-danger:hover {
    background: rgba(220, 38, 38, 0.08) !important;
    color: var(--hd-danger) !important;
    transform: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}



.hd-solutions-sidebar-link[href*="app"] .feather-icon,
.hd-solutions-sidebar-link[href*="minha-conta"] .feather-icon,
.hd-solutions-sidebar-link[href*="funcionarios"] .feather-icon,
.hd-solutions-sidebar-link[href*="candidatos"] .feather-icon,
.hd-solutions-sidebar-link[href*="setores"] .feather-icon,
.hd-solutions-sidebar-link[href*="caracteristicas"] .feather-icon,
.hd-solutions-sidebar-link[href*="personalidade"] .feather-icon,
.hd-solutions-sidebar-link[href*="habilidades"] .feather-icon {
  color: #ffffff !important;
}

/* Responsive - Tablets (768px a 1024px) - Sidebar Minimalista */
@media (min-width: 0) and (max-width: 0) {

  /* Sidebar compacta apenas com ícones */
  .left-sidebar {
    width: 80px !important;
    min-width: 80px !important;
  }

  /* Centraliza ícones na sidebar - Classe combinada para performance */
  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link,
  .hd-solutions-sidebar-link,
  .sidebar-nav #sidebarnav .hd-solutions-sidebar-item .sidebar-link {
    padding: 12px !important;
    text-align: center !important;
    justify-content: center !important;
  }

  /* Ícones maiores e centralizados - sem margem direita */
  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link .feather-icon,
  .hd-solutions-sidebar-link .feather-icon {
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    margin-right: 0 !important;
    color: #94a3b8 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Oculta textos em tablets */
  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link .hide-menu,
  .hd-solutions-sidebar-link .hide-menu {
    display: none !important;
  }

  /* Espaçamento dos itens */
  .sidebar-nav #sidebarnav .sidebar-item,
  .hd-solutions-sidebar-item {
    margin: 4px !important;
  }

  /* Ícones maiores e centralizados */
  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link .feather-icon,
  .hd-solutions-sidebar-link .feather-icon {
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    color: #94a3b8 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Oculta textos em tablets */
  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link .hide-menu,
  .hd-solutions-sidebar-link .hide-menu {
    display: none !important;
  }

  /* Espaçamento dos itens */
  .sidebar-nav #sidebarnav .sidebar-item {
    margin: 4px !important;
  }

  /* Ajuste no page-wrapper para sidebar compacta */
  /* #main-wrapper .page-wrapper {
        margin-left: 80px !important;
    } */

  /* Hover em tablets - mostra tooltip visual sem transformações */
  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link:hover,
  .hd-solutions-sidebar-link:hover {
    background: rgba(255, 140, 0, 0.08) !important;
    transform: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Estados active em tablets - Unificado */
  .sidebar-nav #sidebarnav .sidebar-item.selected>.sidebar-link,
  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link.active,
  .sidebar-item.active>.hd-solutions-sidebar-link,
  .hd-solutions-sidebar-link.active,
  .hd-solutions-sidebar-link[href*="app"],
  .hd-solutions-sidebar-link[href*="minha-conta"],
  .hd-solutions-sidebar-link[href*="funcionarios"],
  .hd-solutions-sidebar-link[href*="candidatos"],
  .hd-solutions-sidebar-link[href*="setores"],
  .hd-solutions-sidebar-link[href*="caracteristicas"],
  .hd-solutions-sidebar-link[href*="personalidade"],
  .hd-solutions-sidebar-link[href*="habilidades"] {
    background: var(--hd-primary) !important;
    transform: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Ícones brancos para estados active em tablets */
  .sidebar-nav #sidebarnav .sidebar-item.selected>.sidebar-link .feather-icon,
  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link.active .feather-icon,
  .sidebar-item.active>.hd-solutions-sidebar-link .feather-icon,
  .hd-solutions-sidebar-link.active .feather-icon,
  .hd-solutions-sidebar-link[href*="app"] .feather-icon,
  .hd-solutions-sidebar-link[href*="minha-conta"] .feather-icon,
  .hd-solutions-sidebar-link[href*="funcionarios"] .feather-icon,
  .hd-solutions-sidebar-link[href*="candidatos"] .feather-icon,
  .hd-solutions-sidebar-link[href*="setores"] .feather-icon,
  .hd-solutions-sidebar-link[href*="caracteristicas"] .feather-icon,
  .hd-solutions-sidebar-link[href*="personalidade"] .feather-icon,
  .hd-solutions-sidebar-link[href*="habilidades"] .feather-icon {
    color: #ffffff !important;
  }

  /* Divider oculto em tablets */
  .hd-solutions-sidebar-divider {
    display: none !important;
  }

  .hd-solutions-sidebar-version {
    display: flex;
    padding: 10px 8px 14px;
    justify-content: center;
    border-top: 0;
    background: transparent;
  }

  .hd-solutions-sidebar-version .hd-solutions-version-text {
    display: none;
  }

  .hd-solutions-sidebar-version .hd-solutions-version-badge {
    font-size: 0.56rem;
    padding: 2px 7px;
  }

  /* Previne qualquer comportamento indesejado em tablets */
  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link,
  .hd-solutions-sidebar-link {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
  }
}

/* Responsive - Mobile */
@media (max-width: 767.98px) {
  .hd-solutions-header-logo {
    width: auto;
    max-width: calc(100% - 160px);
    padding: 10px 16px;
  }

  .hd-solutions-sidebar-version {
    display: flex;
    padding: 10px 14px 14px;
    justify-content: flex-start;
    gap: 6px;
  }

  .hd-solutions-sidebar-version .hd-solutions-version-text {
    font-size: 0.72rem;
  }

  .hd-solutions-sidebar-version .hd-solutions-version-badge {
    font-size: 0.56rem;
    padding: 2px 7px;
  }

  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link,
  .hd-solutions-sidebar-link {
    padding: 12px 16px !important;
  }

  .hd-solutions-sidebar-toggle {
    display: block !important;
  }

  .sidebar-nav #sidebarnav .sidebar-item,
  .hd-solutions-sidebar-item {
    margin: 6px 8px !important;
  }

  #main-wrapper .left-sidebar {
    width: var(--hd-sidebar-width-mobile) !important;
    min-width: var(--hd-sidebar-width-mobile) !important;
    max-width: var(--hd-sidebar-width-mobile) !important;
    left: calc(var(--hd-sidebar-width-mobile) * -1) !important;
    transform: none !important;
  }

  #main-wrapper.show-sidebar .left-sidebar {
    left: 0 !important;
    transform: none !important;
  }

  #main-wrapper[data-layout="vertical"][data-sidebartype="full"] .page-wrapper,
  #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="full"] .page-wrapper,
  #main-wrapper[data-sidebartype="mini-sidebar"] .page-wrapper,
  #main-wrapper .page-wrapper {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Modal Buttons - Sucesso */
.hd-solutions-btn-success {
  background: #10b981 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 0.5rem 1rem !important;
  font-weight: 600 !important;
  font-size: 0.8rem !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

.hd-solutions-btn-success:hover {
  background: #059669 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3) !important;
}

.hd-solutions-btn-success i {
  width: 16px !important;
  height: 16px !important;
}

/* Modal Buttons - Informação */
.hd-solutions-btn-info {
  background: #3b82f6 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 0.5rem 1rem !important;
  font-weight: 600 !important;
  font-size: 0.8rem !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

.hd-solutions-btn-info:hover {
  background: #2563eb !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3) !important;
}

.hd-solutions-btn-info i {
  width: 16px !important;
  height: 16px !important;
}

/* Modal Alert Icon - Cores específicas */
.hd-solutions-alert-icon {
  width: 48px !important;
  height: 48px !important;
  margin: 0 auto 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--hd-primary);
}

.hd-solutions-alert-icon i {
  width: 48px !important;
  height: 48px !important;
}

/* --- AUTH / LOGIN --- */
.hd-solutions-auth-body {
  height: 100%;
  margin: 0;
  font-family: var(--hd-font-family);
  -webkit-font-smoothing: antialiased;
  --hd-login-font: var(--hd-font-family);
  --hd-login-accent: #ff6b2b;
  --hd-login-accent-hover: #f95a16;
}

.hd-solutions-auth-shell {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  background-image: radial-gradient(#e0e0e0 1px, transparent 1px);
  background-size: 40px 40px;
  position: relative;
  padding: 20px;
}

.hd-solutions-auth-shell::before {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  background: rgba(255, 107, 43, 0.05);
  border-radius: 50%;
  top: -100px;
  left: -100px;
  pointer-events: none;
}

.hd-solutions-login-card {
  font-family: var(--hd-login-font);
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  width: 100%;
  max-width: 460px;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  border: 1px solid #f1f1f1;
  backface-visibility: hidden;
  will-change: box-shadow;
  margin: auto;
  letter-spacing: 0.3px;
}

.hd-solutions-login-logo {
  max-height: 60px;
}

.hd-solutions-login-title {
  font-weight: 700;
  color: #111827;
  font-size: 1.6rem;
  margin-bottom: 6px;
  letter-spacing: -0.5px;
}

.hd-solutions-login-subtitle {
  color: #6b7280;
  font-size: 0.9rem;
  margin-bottom: 32px;
}

.hd-solutions-login-field {
  position: relative;
  margin-bottom: 16px;
}

.hd-solutions-login-input {
  font-family: var(--hd-login-font);
  width: 100%;
  height: 54px;
  padding: 0 16px 0 48px;
  border: 1.5px solid #e5e7eb;
  border-radius: 8px;
  font-size: 1rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.hd-solutions-login-input:focus {
  border-color: var(--hd-login-accent);
  box-shadow: 0 0 0 4px rgba(255, 107, 43, 0.1);
  outline: none;
}

.hd-solutions-login-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #9ca3af;
  font-size: 1.1rem;
  pointer-events: none;
}

.hd-solutions-login-icon-left {
  left: 18px;
}

.hd-solutions-login-icon-right {
  right: 18px;
  cursor: pointer;
  pointer-events: auto;
}

button.hd-solutions-login-icon-right {
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

button.hd-solutions-login-icon-right:focus {
  outline: none;
}

button.hd-solutions-login-icon-right:focus-visible {
  border-radius: 6px;
  box-shadow: 0 0 0 3px rgba(255, 107, 43, 0.18);
}

.hd-solutions-login-submit {
  font-family: var(--hd-login-font);
  background: var(--hd-login-accent);
  color: #fff;
  border: none;
  width: 100%;
  height: 54px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 1.05rem;
  margin-top: 10px;
  cursor: pointer;
  transition: transform 0.1s, background 0.2s;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.hd-solutions-login-submit:active {
  transform: scale(0.98);
}

.hd-solutions-login-submit:hover {
  background: var(--hd-login-accent-hover);
  color: #fff;
  text-decoration: none;
}

.hd-solutions-link-accent {
  color: var(--hd-login-accent);
  text-decoration: none;
  font-weight: 600;
}

.hd-solutions-link-accent:hover {
  text-decoration: underline;
}

.hd-solutions-login-actions {
  font-size: 0.85rem;
}

.hd-solutions-login-cta {
  font-size: 0.85rem;
}

.hd-solutions-login-divider {
  height: 1px;
  background: #f3f4f6;
  margin: 24px 0;
}

.hd-solutions-login-terms {
  font-size: 0.8rem;
  color: #9ca3af;
  line-height: 1.4;
}

.hd-solutions-login-terms .form-check-label {
  font-size: 0.85rem;
  color: #6b7280;
}

.hd-solutions-login-terms .form-check-input {
  margin-top: 0.2rem;
}

/* --- CEREBRO CARD --- */
.hd-brain-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 20px 22px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
  border: 1px solid #e6edf8;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.hd-brain-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.hd-brain-card-v2 {
  padding: 24px 26px;
}

.hd-brain-head-v2 {
  margin-bottom: 18px;
}

.hd-brain-hero-sub {
  margin: 6px 0 0;
  color: #64748b;
  font-size: 0.98rem;
}

.hd-brain-month-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #d6e0f0;
  border-radius: 14px;
  padding: 10px 14px;
  color: #0f1f4a;
  font-weight: 700;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.hd-brain-main-v2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  align-items: start;
}

.hd-brain-left-v2 {
  border-right: 1px solid #e7edf7;
  padding-right: 20px;
}

.hd-brain-visual-v2 {
  max-width: 220px;
  margin: 2px 0 12px;
}

.hd-brain-right-v2 {
  padding-left: 12px;
}

.hd-brain-month-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #0f1f4a;
  margin-bottom: 10px;
}

.hd-brain-month-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  font-size: 0.84rem;
  color: #64748b;
  margin-bottom: 12px;
}

.hd-brain-month-legend .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  margin-right: 6px;
}

.hd-brain-month-legend .dot.green { background: #22c55e; }
.hd-brain-month-legend .dot.red { background: #ef4444; }
.hd-brain-month-legend .dot.gray { background: #dbe2ee; }

.hd-brain-month-foot {
  margin-top: 8px;
  color: #0f1f4a;
  font-weight: 700;
  font-size: 0.9rem;
}

.hd-brain-card-help {
  color: #9aa8c1;
}

.hd-brain-card-title-main span {
  border-bottom: 0 !important;
  letter-spacing: -0.02em;
  font-size: 1.12rem !important;
  line-height: 1.25;
  color: #0f1f4a;
}

.hd-brain-card-subtitle-main {
  margin: 8px 0 0;
  color: #5a6c90;
  font-size: 0.96rem;
  font-weight: 500;
}

.hd-brain-card-title {
  font-size: 1rem;
  font-weight: 700;
  color: #111827;
  margin: 0;
}

.hd-brain-card-subtitle {
  font-size: 0.85rem;
  color: #6b7280;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.hd-brain-card-grid {
  display: grid;
  grid-template-columns: minmax(360px, 0.95fr) 1.05fr;
  gap: 18px;
  align-items: stretch;
  flex: 1 1 auto;
  min-height: 0;
}

.hd-brain-profile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 0;
}

.hd-brain-align {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  min-height: 0;
}

.hd-brain-align-summary {
  display: grid;
  gap: 10px;
}

.hd-brain-align-label {
  font-size: 0.95rem;
  color: #5b6d8f;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.hd-brain-align-value {
  font-size: 2.15rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #0f1f4a;
}

.hd-brain-align-value svg {
  margin-right: 8px;
  width: 20px !important;
  height: 20px !important;
}

.hd-brain-bar {
  height: 11px;
  background: #e4e9f4;
  border-radius: 999px;
  overflow: hidden;
}

.hd-brain-bar-fill {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #60a5fa, #34d399);
  width: 0;
}

.hd-brain-streak {
  display: grid;
  gap: 7px;
  min-width: 180px;
  font-size: 0.84rem;
  color: #607093;
}

.hd-brain-streak strong {
  color: #111827;
}

.hd-brain-streak-head {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}

.hd-brain-mini-head {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
  font-size: 0.72rem;
  font-weight: 700;
  color: #1f2a44;
  text-align: center;
}

.hd-brain-mini-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px 10px;
}

.hd-brain-mini-dot {
  width: 16px;
  height: 16px;
  margin: 0 auto;
  border-radius: 999px;
  background: #e6eaf1;
}

.hd-brain-mini-dot.is-active {
  background: linear-gradient(90deg, #34d399, #22c55e);
  box-shadow: 0 3px 8px rgba(34, 197, 94, 0.35);
}

.hd-brain-mini-dot.is-missed {
  background: linear-gradient(90deg, #f87171, #ef4444);
  box-shadow: 0 3px 8px rgba(239, 68, 68, 0.28);
}

.hd-brain-mini-dot.is-future {
  background: #e6eaf1;
  box-shadow: none;
}

.hd-brain-mini-dot.is-today {
  outline: 2px solid #22c55e;
  outline-offset: 2px;
}

.hd-brain-mini-dot.is-empty {
  visibility: hidden;
}

.hd-brain-streak-bar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
}

.hd-brain-streak-bar-month {
  gap: 4px;
}

.hd-brain-streak-seg {
  height: 8px;
  border-radius: 999px;
  background: #e6eaf1;
}

.hd-brain-streak-seg.is-active {
  background: linear-gradient(90deg, #34d399, #22c55e);
  box-shadow: 0 4px 10px rgba(34, 197, 94, 0.35);
}

.hd-brain-streak-seg.is-missed {
  background: linear-gradient(90deg, #f87171, #ef4444);
  box-shadow: 0 4px 10px rgba(239, 68, 68, 0.28);
}

.hd-brain-streak-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.76rem;
  color: #94a3b8;
}

.hd-brain-streak svg,
.hd-brain-card-subtitle svg,
.hd-brain-align-value svg,
.hd-brain-badge svg,
.hd-brain-insights svg {
  width: 16px;
  height: 16px;
  stroke-width: 2;
}

.hd-brain-tooltip {
  display: inline-flex;
  align-items: center;
  color: #94a3b8;
  cursor: help;
}

.hd-brain-tooltip svg {
  width: 14px;
  height: 14px;
}

.hd-brain-note {
  margin-top: 18px;
  font-size: 0.95rem;
  color: #6b7280;
}

.hd-brain-orbit {
  position: relative;
  border-radius: 999px;
  border: 1px dashed #d4e3fb;
  width: min(100%, 360px);
  margin: 6px auto 12px;
  padding: 12px 22px;
  background: radial-gradient(circle at 50% 45%, rgba(234, 245, 255, 0.88), rgba(255, 255, 255, 0.98));
}

.hd-brain-orbit::before,
.hd-brain-orbit::after {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #60a5fa;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.12);
}

.hd-brain-orbit::before {
  left: 4px;
}

.hd-brain-orbit::after {
  right: 4px;
  background: #34d399;
  box-shadow: 0 0 0 4px rgba(52, 211, 153, 0.12);
}

.hd-brain-dual {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin-top: 10px;
  border: 1px solid #dce7f8;
  border-radius: 14px;
  overflow: hidden;
  background: #fbfdff;
}

.hd-brain-dual-item {
  background: transparent;
  border: 0;
  padding: 11px 14px;
  min-height: 86px;
  position: relative;
}

.hd-brain-dual-item + .hd-brain-dual-item {
  border-left: 1px solid #e4ebf8;
}

.hd-brain-dual-item svg {
  width: 18px;
  height: 18px;
  color: #8aa0c4;
  margin-bottom: 6px;
}

.hd-brain-dual-item small {
  display: block;
  color: #7184a7;
  font-size: 0.77rem;
  margin-bottom: 4px;
}

.hd-brain-dual-item strong {
  display: block;
  margin-top: 0;
  font-size: 0.98rem;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.hd-brain-note-emphasis {
  font-weight: 700;
  color: #0f172a;
}

.hd-brain-note-orange {
  color: #f97316;
}

.hd-brain-note-green {
  color: #22c55e;
}

.hd-brain-badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 0;
}

.hd-brain-badge {
  background: #f1f5fa;
  color: #4b6288;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 0.79rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.hd-brain-insights {
  margin-top: 8px;
  display: grid;
  gap: 5px;
  font-size: 0.86rem;
  line-height: 1.45;
  color: #607093;
}

.hd-brain-insights span {
  color: #0f1f4a;
  font-weight: 600;
}

.hd-brain-insights-card {
  border: 1px solid #e0e9f8;
  border-radius: 14px;
  background: linear-gradient(135deg, #f9fbff 0%, #fdfefe 100%);
  padding: 12px 14px;
}

/* Card de padrão natural: composição visual para a visão detalhada. */
.hd-brain-card {
  padding: 28px 30px;
  border-radius: 20px;
}

.hd-brain-card-header {
  align-items: center;
  margin-bottom: 20px;
}

.hd-brain-title {
  color: #0f1f4a;
  font-size: clamp(1.05rem, 1.6vw, 1.28rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.025em;
}

.hd-brain-subtitle {
  margin-top: 4px;
  color: #617596;
  font-size: 0.8rem;
  line-height: 1.35;
}

.hd-brain-card-grid {
  grid-template-columns: minmax(300px, 0.9fr) minmax(360px, 1.1fr);
  gap: 40px;
}

.hd-brain-main-grid,
.hd-brain-context-grid {
  display: grid;
  grid-template-columns: minmax(300px, 0.9fr) minmax(360px, 1.1fr);
  column-gap: 40px;
}

.hd-brain-main-grid {
  align-items: stretch;
  min-height: 270px;
}

.hd-brain-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 270px;
  padding: 0 10px;
}

.hd-brain-visual .hd-brain-duo {
  position: relative;
  isolation: isolate;
  width: min(100%, 282px);
  min-height: 226px;
  margin: 0 auto;
}

.hd-brain-visual .hd-brain-duo::before,
.hd-brain-visual .hd-brain-duo::after {
  position: absolute;
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.hd-brain-visual .hd-brain-duo::before {
  z-index: -1;
  inset: 8px 18%;
  border: 1px solid rgba(255, 100, 24, 0.14);
  background: radial-gradient(circle, rgba(255, 159, 92, 0.16) 0%, rgba(255, 247, 242, 0.22) 54%, rgba(255, 255, 255, 0) 72%);
}

.hd-brain-visual .hd-brain-duo::after {
  z-index: -1;
  inset: -18px 7%;
  border: 1px dashed rgba(255, 100, 24, 0.18);
}

.hd-brain-visual .hd-brain-svg {
  position: relative;
  z-index: 1;
  width: min(38%, 112px);
  max-width: 40%;
}

.hd-brain-main-grid .hd-brain-align {
  align-self: center;
  padding: 14px 0;
}

.hd-brain-context-grid {
  align-items: start;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #dfe7f3;
}

.hd-brain-context-grid .hd-brain-note {
  max-width: 38ch;
  margin: 0;
}

.hd-brain-context-grid .hd-brain-insights {
  gap: 12px;
  margin: 0;
  padding: 0 0 0 32px;
  border-top: 0;
  border-left: 1px solid #dfe7f3;
}

.hd-brain-profile {
  justify-content: space-between;
  padding: 4px 10px 0;
}

.hd-brain-profile .hd-brain-duo {
  position: relative;
  isolation: isolate;
  width: min(100%, 330px);
  min-height: 254px;
  margin: 0 auto 20px;
}

.hd-brain-profile .hd-brain-duo::before,
.hd-brain-profile .hd-brain-duo::after {
  position: absolute;
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.hd-brain-profile .hd-brain-duo::before {
  z-index: -1;
  inset: 8px 18%;
  border: 1px solid rgba(255, 100, 24, 0.14);
  background: radial-gradient(circle, rgba(255, 159, 92, 0.16) 0%, rgba(255, 247, 242, 0.22) 54%, rgba(255, 255, 255, 0) 72%);
}

.hd-brain-profile .hd-brain-duo::after {
  z-index: -1;
  inset: -18px 7%;
  border: 1px dashed rgba(255, 100, 24, 0.18);
}

.hd-brain-profile .hd-brain-svg {
  position: relative;
  z-index: 1;
  width: min(40%, 132px);
  max-width: 40%;
}

.hd-brain-note {
  max-width: 37ch;
  margin: 0 auto;
  color: #344766;
  font-size: 0.98rem;
  line-height: 1.55;
}

.hd-brain-align {
  padding: 26px 0 14px;
  justify-content: flex-start;
  gap: 22px;
}

.hd-brain-align-summary {
  gap: 14px;
}

.hd-brain-align-label {
  font-size: 1rem;
  color: #172b4d;
}

.hd-brain-align-value {
  font-size: clamp(2.1rem, 3.2vw, 2.8rem);
}

.hd-brain-bar {
  height: 12px;
}

.hd-brain-badge {
  padding: 9px 14px;
  border-radius: 12px;
  background: #f3f7ff;
  color: #294d91;
  font-size: 0.88rem;
}

.hd-brain-badges {
  width: 100%;
}

.hd-brain-insights {
  margin-top: 0;
  gap: 12px;
  padding-top: 22px;
  border-top: 1px solid #dfe7f3;
  font-size: 0.96rem;
  line-height: 1.55;
  color: #304664;
}

.hd-brain-insight-heading span {
  color: #0f1f4a;
  font-size: 1.02rem;
  font-weight: 750;
}

.hd-brain-insight-copy {
  max-width: 60ch;
  padding: 0;
}

.hd-brain-scale {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 2px;
}

.hd-brain-scale-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 0.8rem;
}

.hd-brain-scale-item strong {
  font-size: 0.92rem;
}

.hd-brain-scale-item span {
  color: #6f80a0;
}

.hd-brain-scale-item.is-danger strong { color: #ef4444; }
.hd-brain-scale-item.is-warn strong { color: #f59e0b; }
.hd-brain-scale-item.is-ok strong { color: #22c55e; }

.hd-brain-card-footer {
  margin-top: 16px;
  border-top: 1px solid #e6edf8;
  padding-top: 14px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items: center;
}

.hd-brain-trend {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
}

.hd-brain-trend svg {
  width: 22px;
  height: 22px;
  color: #22c55e;
}

.hd-brain-trend strong {
  display: block;
  color: #0f1f4a;
  font-size: 0.95rem;
  line-height: 1.2;
}

.hd-brain-trend span {
  display: block;
  color: #64748b;
  font-size: 0.88rem;
}

@media (max-width: 991px) {
  .hd-brain-card-grid {
    grid-template-columns: 1fr;
    gap: 14px;
    flex: 0 0 auto;
  }

  .hd-brain-profile,
  .hd-brain-align {
    justify-content: flex-start;
  }

  .hd-brain-card-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .hd-brain-card-header .card-title {
    width: 100%;
    margin-bottom: 0;
  }

  .hd-brain-card-header .card-title span {
    display: inline-block;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .hd-brain-streak {
    width: 100%;
    min-width: 0;
  }

  .hd-brain-main-v2 {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .hd-brain-left-v2 {
    border-right: 0;
    padding-right: 0;
  }

  .hd-brain-right-v2 {
    padding-left: 0;
  }

  .hd-brain-dual {
    grid-template-columns: 1fr;
  }

  .hd-brain-dual-item + .hd-brain-dual-item {
    border-left: 0;
    border-top: 1px solid #e4ebf8;
  }

  .hd-brain-align-value { font-size: 2.1rem; }

  .hd-brain-orbit {
    width: min(100%, 320px);
    padding: 10px 16px;
  }

  .hd-brain-scale {
    grid-template-columns: 1fr;
  }

  .hd-brain-card-footer {
    grid-template-columns: 1fr;
  }

  .hd-brain-trend {
    justify-content: flex-start;
  }
}

/* --- CADASTRO --- */
.hd-solutions-register-card {
  max-width: 520px;
}

.hd-solutions-register-card-wide {
  max-width: 1200px;
}


.hd-solutions-register-toggle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 6px;
  margin: 18px 0 22px;
}

.hd-solutions-register-tab {
  border: none;
  background: transparent;
  padding: 10px 12px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 0.85rem;
  color: #6b7280;
  transition: all 0.2s ease;
}

.hd-solutions-register-tab.is-active {
  background: #ffffff;
  color: #111827;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
}

.hd-solutions-register-panel {
  display: none;
}

.hd-solutions-register-panel.is-active {
  display: block;
}


.hd-solutions-register-section {
  margin-bottom: 18px;
}

.hd-solutions-register-section-title {
  font-weight: 600;
  color: #111827;
  font-size: 0.95rem;
  margin-bottom: 10px;
}

.hd-solutions-auth-card {
  font-family: var(--hd-login-font);
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  width: 100%;
  max-width: 460px;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  border: 1px solid #f1f1f1;
  backface-visibility: hidden;
  will-change: box-shadow;
  margin: auto;
}

.hd-solutions-auth-title {
  font-weight: 700;
  color: #111827;
  font-size: 1.4rem;
  margin-bottom: 8px;
  letter-spacing: -0.4px;
}

.hd-solutions-auth-subtitle {
  color: #6b7280;
  font-size: 0.9rem;
  margin-bottom: 24px;
}

.hd-solutions-auth-status {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 18px 20px;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  margin-top: 20px;
}

.hd-solutions-auth-status-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(16, 185, 129, 0.12);
  color: #10b981;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
}

.hd-solutions-auth-status-title {
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 4px;
}

.hd-solutions-auth-status-text {
  color: #475569;
  margin: 0;
}

.hd-solutions-auth-actions {
  margin-top: 18px;
}

.hd-solutions-auth-actions .hd-solutions-login-submit {
  display: block;
  width: 100%;
  text-align: center;
}

.hd-solutions-auth-input {
  font-family: var(--hd-login-font);
  width: 100%;
  height: 54px;
  padding: 0 16px;
  border: 1.5px solid #e5e7eb;
  border-radius: 8px;
  font-size: 1rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.hd-solutions-auth-input:focus {
  border-color: var(--hd-login-accent);
  box-shadow: 0 0 0 4px rgba(255, 107, 43, 0.1);
  outline: none;
}

.hd-solutions-auth-submit {
  font-family: var(--hd-login-font);
  background: var(--hd-login-accent);
  color: #fff;
  border: none;
  width: 100%;
  height: 54px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 1rem;
  margin-top: 10px;
  cursor: pointer;
  transition: transform 0.1s, background 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.hd-solutions-auth-submit:active {
  transform: scale(0.98);
}

.hd-solutions-auth-submit:hover {
  background: var(--hd-login-accent-hover) !important;
  color: #fff !important;
}

/* --- ACCOUNT / PLANS --- */
.hd-solutions-plan-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #f1f5f9 !important;
  border-radius: 16px !important;
}

.hd-solutions-plan-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important;
}

.hd-solutions-plans-header {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 24px;
}

.hd-solutions-plans-header .hd-solutions-section-title {
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  color: #1f2937 !important;
  letter-spacing: -0.3px;
}

.hd-solutions-section-subtitle {
  margin: 0;
  color: #6b7280;
  font-size: 0.95rem;
}

.hd-solutions-plan-body {
  padding: 22px 22px 24px;
  gap: 6px;
}

.hd-solutions-plan-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}

.hd-solutions-plan-tag {
  font-size: 0.7rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #94a3b8;
  font-weight: 700;
}

.hd-solutions-plan-pill {
  background: #fff3e6;
  color: #c2410c;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: capitalize;
}

.hd-solutions-plan-name {
  font-size: 1.15rem;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}

.hd-solutions-plan-price {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-top: 4px;
  margin-bottom: 12px;
}

.hd-solutions-plan-price-currency {
  font-size: 0.8rem;
  color: #6b7280;
  font-weight: 600;
}

.hd-solutions-plan-price-value {
  font-size: 1.7rem;
  font-weight: 700;
  color: #111827;
  letter-spacing: -0.4px;
}

.hd-solutions-plan-price-period {
  font-size: 0.85rem;
  color: #9ca3af;
}

.hd-solutions-plan-divider {
  height: 1px;
  background: #f1f5f9;
  margin: 6px 0 16px;
}

.hd-solutions-plan-cta {
  padding: 12px 16px;
  font-size: 0.9rem;
  border-radius: 10px;
}

.hd-solutions-plan-current {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 140, 0, 0.12);
  color: #f97316;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.08em;
  border: 1px solid rgba(255, 140, 0, 0.3);
  gap: 6px;
  margin: 0 auto;
}

.hd-solutions-plan-current::before {
  content: "?";
  font-weight: 800;
}

.hd-solutions-bg-avulsos {
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
  border-radius: 12px;
}

.hd-solutions-price {
  color: #1e293b;
  letter-spacing: -1px;
}

/* --- MODALS (CANDIDATOS) --- */
.hd-solutions-modal-content {
  border-radius: 12px !important;
  border: none !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
}

.hd-solutions-modal-header {
  border-bottom: 1px solid #f1f5f9 !important;
  padding: 1.5rem !important;
}

.hd-solutions-modal-title {
  color: var(--hd-secondary) !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.hd-solutions-modal-icon {
  color: var(--hd-primary) !important;
  width: 20px !important;
  height: 20px !important;
}

.hd-solutions-modal-close {
  color: #94a3b8 !important;
  opacity: 0.7 !important;
  transition: all 0.2s ease !important;
}

.hd-solutions-modal-close:hover {
  color: var(--hd-danger) !important;
  opacity: 1 !important;
}

.hd-solutions-modal-body {
  padding: 2rem !important;
  text-align: center !important;
}

.hd-solutions-modal-question {
  color: var(--hd-secondary) !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  margin-bottom: 1rem !important;
}

.hd-solutions-modal-description {
  color: var(--hd-text-muted) !important;
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
  margin-bottom: 1.5rem !important;
}

.hd-solutions-candidate-info {
  background: #f8fafc !important;
  border-radius: 8px !important;
  padding: 1rem !important;
  text-align: left !important;
  margin-top: 1rem !important;
}

.hd-solutions-info-item {
  margin-bottom: 0.5rem !important;
  font-size: 0.85rem !important;
  color: var(--hd-text-primary) !important;
}

.hd-solutions-info-item:last-child {
  margin-bottom: 0 !important;
}

.hd-solutions-modal-footer {
  border-top: 1px solid #f1f5f9 !important;
  padding: 1.5rem !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 0.75rem !important;
}

.hd-solutions-modal-footer .hd-solutions-form-cancel {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

.hd-solutions-email-info {
  background: #f8fafc !important;
  border-radius: 8px !important;
  padding: 1rem !important;
  text-align: left !important;
  margin-bottom: 1.5rem !important;
}

.hd-solutions-email-options {
  margin-top: 1.5rem !important;
}

.hd-solutions-option-item {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 0.75rem !important;
  cursor: pointer !important;
  padding: 0.75rem !important;
  border-radius: 8px !important;
  border: 1px solid #e5e7eb !important;
  transition: all 0.2s ease !important;
}

.hd-solutions-option-item:hover {
  background: #f8fafc !important;
  border-color: var(--hd-primary) !important;
}

.hd-solutions-option-item input[type="radio"] {
  margin-right: 0.75rem !important;
  margin-bottom: 0 !important;
}

.hd-solutions-option-item input[type="radio"]:checked+label {
  color: var(--hd-primary) !important;
  font-weight: 600 !important;
}

.hd-solutions-option-item input[type="radio"]:checked+label i {
  color: var(--hd-primary) !important;
}

.hd-solutions-option-label {
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  cursor: pointer !important;
  font-size: 0.9rem !important;
  color: var(--hd-text-primary) !important;
  transition: all 0.2s ease !important;
}

.hd-solutions-option-label i {
  width: 16px !important;
  height: 16px !important;
  color: var(--hd-text-muted) !important;
  transition: all 0.2s ease !important;
}

/* --- MODAL CANCELAMENTO --- */
#hd-solutions-modal-cancel-subscription .hd-solutions-modal-body {
  text-align: left !important;
  padding: 2rem 2.25rem !important;
}

#hd-solutions-modal-cancel-subscription .hd-solutions-modal-description {
  margin-bottom: 1.25rem !important;
}

.hd-solutions-cancel-options {
  display: grid !important;
  gap: 0.75rem !important;
}

.hd-solutions-option-check {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 18px 1fr !important;
  align-items: center !important;
  gap: 0.75rem !important;
  padding: 0.85rem 1rem !important;
  border-radius: 10px !important;
  border: 1px solid #e5e7eb !important;
  background: #f8fafc !important;
  color: var(--hd-text-primary) !important;
  font-size: 0.92rem !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.hd-solutions-option-check:hover {
  border-color: rgba(255, 136, 0, 0.35) !important;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08) !important;
  transform: translateY(-1px);
}

.hd-solutions-option-check input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.hd-solutions-option-box {
  width: 18px !important;
  height: 18px !important;
  border-radius: 5px !important;
  border: 2px solid #cbd5f5 !important;
  background: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
}

.hd-solutions-option-box::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: #ff8c00;
  opacity: 0;
  transform: scale(0.6);
  transition: all 0.2s ease;
}

.hd-solutions-option-check input[type="checkbox"]:checked ~ .hd-solutions-option-box {
  border-color: #ff8c00 !important;
  box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.15) !important;
}

.hd-solutions-option-check input[type="checkbox"]:checked ~ .hd-solutions-option-box::after {
  opacity: 1;
  transform: scale(1);
}

.hd-solutions-option-check input[type="checkbox"]:checked ~ .hd-solutions-option-text {
  color: var(--hd-secondary) !important;
  font-weight: 600 !important;
}

.hd-solutions-cancel-label {
  font-weight: 600 !important;
  color: var(--hd-text-muted) !important;
  text-transform: uppercase !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.12em !important;
  margin-bottom: 0.5rem !important;
}

.hd-solutions-cancel-textarea {
  min-height: 110px !important;
  border-radius: 10px !important;
  border: 1px solid #e5e7eb !important;
  background: #f8fafc !important;
  padding: 0.85rem 1rem !important;
  resize: vertical !important;
}

.hd-solutions-cancel-textarea:focus {
  background: #fff !important;
  border-color: rgba(255, 140, 0, 0.5) !important;
  box-shadow: 0 0 0 4px rgba(255, 140, 0, 0.12) !important;
}

/* --- ACESSO RESTRITO --- */
.hd-solutions-access-denied {
  background: #ffffff;
  border-radius: 16px;
  padding: 3rem 2.5rem;
  text-align: center;
  border: 1px solid #e5e7eb;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
  max-width: 640px;
  margin: 3rem auto;
}

.hd-solutions-access-denied__icon {
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: rgba(255, 140, 0, 0.12);
  color: #ff8c00;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
}

.hd-solutions-access-denied__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--hd-secondary);
  margin-bottom: 0.5rem;
}

.hd-solutions-access-denied__message {
  color: var(--hd-text-muted);
  margin-bottom: 1.5rem;
}

.hd-solutions-access-denied__redirect {
  font-size: 0.85rem;
  color: #94a3b8;
  margin-bottom: 1rem;
}

.hd-solutions-access-denied__progress {
  height: 6px;
  background: #f1f5f9;
  border-radius: 999px;
  overflow: hidden;
  margin: 0 auto 1.5rem;
  max-width: 260px;
}

.hd-solutions-access-denied__progress span {
  display: block;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, rgba(255, 140, 0, 0.2), rgba(255, 140, 0, 0.8));
  transform: translateX(-100%);
  animation: hd-access-redirect 1.8s ease forwards;
}

@keyframes hd-access-redirect {
  to {
    transform: translateX(0);
  }
}

#hd-solutions-modal-reenviar .hd-solutions-modal-icon {
  color: var(--hd-info) !important;
}

#hd-solutions-modal-reenviar .hd-solutions-alert-icon {
  color: var(--hd-info) !important;
}

/* --- UTILITARIOS --- */
.hd-solutions-cursor-pointer {
  cursor: pointer;
}

.hd-solutions-hidden {
  display: none !important;
  visibility: hidden !important;
}

.hd-solutions-full-height {
  height: 100% !important;
}

.hd-solutions-border-right-none {
  border-right: none !important;
}

.hd-solutions-nav-full {
  width: 100%;
}

.hd-solutions-link-underline {
  text-decoration: underline !important;
}

.hd-solutions-logo-fit {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.hd-solutions-logo-full-height {
  height: 100%;
}

.hd-solutions-color-dot {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: block;
}

.hd-solutions-icon-18 {
  width: 18px;
  height: 18px;
}

.hd-solutions-display-inline-grid {
  display: inline-grid;
}

.hd-solutions-card-bordered {
  border: 1px solid #4869A4;
  border-radius: 15px;
}

.hd-solutions-card-body-rounded {
  border-radius: 5px;
}

.hd-solutions-tip-icon {
  height: 16px;
}

.hd-solutions-card-stretch {
  align-self: stretch;
}

.hd-solutions-question-img {
  height: 65px;
  margin-top: 15px;
}

.hd-solutions-seo-hidden {
  display: none;
  opacity: 0;
  position: absolute;
  left: -1000px;
  top: -1000px;
}

.hd-solutions-fb-comments {
  width: 100%;
}

.hd-solutions-wow-hidden {
  visibility: hidden;
  animation-name: none;
}

.hd-solutions-wow-delay-200 {
  animation-delay: 0.2s;
}

.hd-solutions-alert-icon-info {
  color: var(--hd-info) !important;
}

.hd-solutions-alert-icon-success {
  color: var(--hd-success) !important;
}

.hd-solutions-modal-helper-text {
  color: #6b7280;
  font-size: 0.75rem;
}

/* --- MODAIS DE AÇÃO (REENVIAR/EFETIVAR/EXCLUIR) --- */
.hd-solutions-modal-light .modal-body {
  padding: 1.75rem !important;
}

.hd-solutions-modal-light .hd-solutions-alert-icon {
  width: 56px !important;
  height: 56px !important;
}

.hd-solutions-modal-light .hd-solutions-subtitle-sm {
  font-size: 0.85rem !important;
  letter-spacing: 1px !important;
}

.hd-solutions-modal-light p.small {
  font-size: 0.9rem !important;
}

.hd-solutions-modal-light .hd-solutions-modal-helper-text {
  font-size: 0.85rem !important;
}

.hd-solutions-modal-light .hd-solutions-btn-sm {
  font-size: 0.75rem !important;
}

/* --- MODAIS DE CADASTRO --- */
.hd-solutions-modal-modern {
  border-radius: 18px;
  border: 1px solid #eef1f5;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
  background: #ffffff;
}

.hd-solutions-modal-header-min {
  border-bottom: 1px solid #f1f5f9;
  padding: 20px 24px;
  background: linear-gradient(180deg, #faf7ff 0%, #ffffff 100%);
}

.hd-solutions-modal-subtitle {
  text-transform: uppercase;
  font-size: 0.65rem;
  letter-spacing: 1px;
  color: #94a3b8;
  margin-bottom: 4px;
}

.hd-solutions-modal-title {
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 0;
}

.hd-solutions-modal-body-min {
  padding: 24px;
}

.hd-solutions-modal-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 20px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
  border: 1px solid #f1f5f9;
}

.hd-solutions-col-actions {
  width: 120px;
}

.hd-solutions-col-actions,
.hd-solutions-col-actions th,
.hd-solutions-col-actions td {
  text-align: center;
}

.hd-solutions-col-actions .hd-solutions-actions {
  justify-content: center;
}

/* --- ACCOUNT / PLANS (CARDS) --- */
.hd-solutions-card-rounded {
  border-radius: 12px;
}

.hd-solutions-card-white {
  background: #ffffff;
}

.hd-solutions-section-divider {
  border-bottom: 1px solid #f1f5f9;
}

.hd-solutions-label-sm {
  font-size: 0.75rem;
  letter-spacing: 1px;
  color: #475569;
}

.hd-solutions-label-xs {
  font-size: 0.65rem;
  color: #64748b;
  letter-spacing: 0.3px;
}

.hd-solutions-price-note {
  font-size: 0.6rem;
}

.hd-solutions-input-qty {
  width: 70px;
  height: 45px;
  font-weight: bold;
  font-size: 1.2rem;
}

.hd-solutions-plan-title {
  color: #4f46e5;
  font-size: 0.8rem;
  letter-spacing: 1.5px;
}

.hd-solutions-badge-soft-primary {
  background: #eef2ff;
  color: #4f46e5;
  border-radius: 8px;
}

.hd-solutions-plan-features {
  list-style: none;
  padding: 0;
  margin: 0 0 12px;
  color: #64748b;
  line-height: 1.6;
  font-size: 0.9rem;
  display: grid;
  gap: 6px;
}

.hd-solutions-plan-features li {
  position: relative;
  padding-left: 18px;
}

.hd-solutions-plan-features li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--hd-primary);
  font-weight: 900;
}

.hd-solutions-plan-feature-icon {
  font-size: 0.7rem;
}

.hd-solutions-price-currency {
  font-size: 1rem;
  vertical-align: top;
  margin-top: 5px;
  display: inline-block;
}

.hd-chart-locked {
  position: relative;
  overflow: hidden;
  min-height: 200px;
  isolation: isolate;
}

.hd-chart-card-locked {
  overflow: hidden;
}

.hd-chart-locked canvas {
  filter: blur(10px);
  opacity: 0.45;
}

.hd-chart-lock-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.85) 100%);
  text-align: center;
  color: #1f2937;
  font-weight: 600;
  pointer-events: none;
}

.hd-chart-lock-overlay .feather-icon {
  width: 28px !important;
  height: 28px !important;
  color: #64748b;
}

.hd-chart-fake {
  position: absolute;
  inset: 16px;
  display: grid;
  grid-template-rows: repeat(5, 1fr);
  gap: 10px;
  opacity: 0.6;
  filter: blur(1px);
  clip-path: inset(0);
  pointer-events: none;
}

.hd-chart-fake span {
  position: relative;
  height: 14px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(99, 102, 241, 0.28), rgba(59, 130, 246, 0.18));
  transform-origin: left center;
}

.hd-chart-fake span:nth-child(1) { width: 68%; }
.hd-chart-fake span:nth-child(2) { width: 45%; }
.hd-chart-fake span:nth-child(3) { width: 78%; }
.hd-chart-fake span:nth-child(4) { width: 52%; }
.hd-chart-fake span:nth-child(5) { width: 60%; }

.hd-chart-locked::before {
  content: "";
  position: absolute;
  inset: 16px;
  background:
    linear-gradient(0deg, rgba(148, 163, 184, 0.18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.14) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.5;
  pointer-events: none;
  clip-path: inset(0);
}

.hd-solutions-price-period {
  font-size: 0.8rem;
}

.hd-solutions-btn-plan-current {
  font-size: 0.75rem;
  color: #94a3b8;
  border-radius: 8px;
}

.hd-solutions-btn-plan-cta {
  font-size: 0.75rem;
  border-radius: 8px;
  padding: 10px;
}

.hd-solutions-price-lg {
  font-size: 1.25rem;
  color: #1e293b;
  letter-spacing: -0.5px;
}

.hd-solutions-value-strong {
  color: #334155;
  font-size: 0.95rem;
}

.hd-solutions-badge-muted {
  font-weight: 500;
  font-size: 0.7rem;
  background: #f8fafc;
}

.hd-solutions-plan-summary {
  background: #fafbfc;
  border: 1px solid #f1f5f9;
}

.hd-solutions-border-right-soft {
  border-color: #edf2f7 !important;
}

.hd-ui-btn {
  min-width: 144px;
  min-height: 42px;
  padding: 0.72rem 1.15rem;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  border: 1px solid transparent;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.01em;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
  cursor: pointer;
}

.hd-ui-btn:hover {
  text-decoration: none !important;
}

.hd-ui-btn.is-solid {
  background: #384764;
  border-color: #384764;
  color: #ffffff;
}

.hd-ui-btn.is-solid:hover {
  background: #31405a;
  border-color: #31405a;
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(56, 71, 100, 0.14);
}

.hd-ui-btn.is-accent {
  background: #ff6b2b;
  border-color: #ff6b2b;
  color: #ffffff;
}

.hd-ui-btn.is-accent:hover {
  background: #f95a16;
  border-color: #f95a16;
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(255, 107, 43, 0.18);
}

.hd-ui-btn.is-outline {
  background: #ffffff;
  border-color: #dbe4f0;
  color: #6f7d93;
  font-weight: 600;
}

.hd-ui-btn.is-outline:hover {
  background: #f8fbff;
  border-color: #c7d4e5;
  color: #475569;
}

.hd-solutions-plans-page {
  background: transparent;
}

.hd-solutions-plans-shell {
  font-family: var(--hd-font-family);
  padding: 26px 38px 38px;
  max-width: 1480px;
  width: 100%;
  margin: 0 auto;
}

.hd-solutions-plans-hero {
  margin-bottom: 18px;
}

.hd-solutions-plans-title {
  margin: 0 0 8px;
  color: #16356a;
  font-size: 2rem;
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.hd-solutions-plans-subtitle {
  margin: 0;
  color: #72819d;
  font-size: 0.96rem;
  line-height: 1.55;
}

.hd-solutions-plans-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
}

.hd-solutions-plans-section-wrap {
  background: #ffffff;
  border: 1px solid #ebf0f6;
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
  padding: 18px;
}

.hd-solutions-plan-card-v2 {
  min-width: 0;
}

.hd-solutions-plan-card-v2__surface {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 17px 18px 16px;
  background: #ffffff;
  border: 1px solid #e9eef6;
  border-radius: 16px;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.045);
  overflow: hidden;
}

.hd-solutions-plan-card-v2.is-current .hd-solutions-plan-card-v2__surface {
  border-color: rgba(255, 107, 43, 0.28);
  box-shadow: 0 20px 46px rgba(255, 107, 43, 0.09);
}

.hd-solutions-plan-card-v2__top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.hd-solutions-plan-card-v2__cycle {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 107, 43, 0.1);
  color: #ea580c;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.hd-solutions-plan-card-v2__status {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(22, 163, 74, 0.12);
  color: #15803d;
  font-size: 0.68rem;
  font-weight: 800;
}

.hd-solutions-plan-card-v2__heading {
  position: relative;
  z-index: 1;
}

.hd-solutions-plan-card-v2__name {
  margin: 0 0 6px;
  color: #152c57;
  font-size: 1.22rem;
  line-height: 1.06;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.hd-solutions-plan-card-v2__description {
  margin: 0;
  max-width: 34ch;
  color: #61708a;
  font-size: 0.82rem;
  line-height: 1.45;
}

.hd-solutions-plan-card-v2__price {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  gap: 6px;
  padding-bottom: 12px;
  border-bottom: 1px solid #edf2f8;
}

.hd-solutions-plan-card-v2__currency {
  color: #7d8ca4;
  font-size: 0.78rem;
  font-weight: 700;
  margin-bottom: 5px;
}

.hd-solutions-plan-card-v2__value {
  color: #152c57;
  font-size: 2.16rem;
  line-height: 0.9;
  font-weight: 800;
  letter-spacing: -0.05em;
}

.hd-solutions-plan-card-v2__period {
  color: #6f7d93;
  font-size: 0.82rem;
  font-weight: 600;
  margin-bottom: 4px;
}

.hd-solutions-plan-card-v2__features {
  position: relative;
  z-index: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}

.hd-solutions-plan-card-v2__features li {
  position: relative;
  padding-left: 14px;
  color: #55657f;
  font-size: 0.79rem;
  line-height: 1.42;
}

.hd-solutions-plan-card-v2__features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.48rem;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #ff7a33;
}

.hd-solutions-plan-card-v2__footer {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid #edf2f8;
}

.hd-solutions-plan-card-v2__meta {
  color: #6b7890;
  font-size: 0.78rem;
  line-height: 1.42;
}

.hd-solutions-plan-card-v2__action {
  display: flex;
}

.hd-solutions-plan-card-v2__action .hd-ui-btn {
  width: 100%;
}

.hd-plan-change-modal__content {
  border: 1px solid #e7edf6;
  border-radius: 18px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.22);
}

.hd-plan-change-modal .modal-dialog {
  max-width: 860px;
}

.hd-plan-change-modal__header {
  align-items: flex-start;
  padding: 20px 24px 16px;
  border-color: #edf2f8;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.hd-plan-change-modal__footer {
  gap: 10px;
  padding: 16px 24px;
  border-color: #edf2f8;
  background: #ffffff;
}

.hd-plan-change-modal__header h5 {
  margin: 0;
  color: #152c57;
  font-size: 1.04rem;
  font-weight: 800;
  line-height: 1.2;
}

.hd-plan-change-modal__header p,
.hd-plan-change-note {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 0.86rem;
  line-height: 1.45;
}

.hd-plan-change-modal__header .close {
  width: 34px;
  height: 34px;
  margin: -6px -8px 0 12px;
  padding: 0;
  border-radius: 999px;
  color: #64748b;
  opacity: 1;
  transition: background 0.2s ease, color 0.2s ease;
}

.hd-plan-change-modal__header .close:hover {
  background: #f1f5f9;
  color: #152c57;
}

.hd-plan-change-modal__body {
  display: grid;
  gap: 16px;
  max-height: calc(100vh - 190px);
  padding: 18px 24px;
  overflow: auto;
  background: #f8fbff;
}

.hd-plan-change-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.hd-plan-change-summary div {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid #e5edf7;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.hd-plan-change-summary span {
  display: block;
  color: #6f7d93;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0;
}

.hd-plan-change-summary strong {
  display: block;
  margin-top: 4px;
  color: #152c57;
  font-size: 0.92rem;
  line-height: 1.25;
}

.hd-plan-change-section {
  padding: 16px;
  border: 1px solid #e5edf7;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
}

.hd-plan-change-section h6 {
  margin: 0 0 14px;
  color: #152c57;
  font-size: 0.96rem;
  font-weight: 800;
}

.hd-plan-change-payment-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.hd-plan-change-radio {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 68px;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid #dbe6f3;
  border-radius: 12px;
  color: #253858;
  background: #ffffff;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.hd-plan-change-radio + .hd-plan-change-radio {
  margin-top: 0;
}

.hd-plan-change-radio:hover {
  border-color: #b9c9df;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.hd-plan-change-radio input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.hd-plan-change-radio__control {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border: 2px solid #9aa9bd;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: inset 0 0 0 5px #ffffff;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.hd-plan-change-radio__body {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.hd-plan-change-radio__body strong {
  color: #152c57;
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.2;
}

.hd-plan-change-radio__body small {
  color: #71829a;
  font-size: 0.76rem;
  line-height: 1.35;
}

.hd-plan-change-radio.is-selected,
.hd-plan-change-radio:has(input:checked) {
  border-color: #ff7a33;
  background: #fff8f3;
  box-shadow: 0 12px 28px rgba(255, 122, 51, 0.12);
}

.hd-plan-change-radio.is-selected .hd-plan-change-radio__control,
.hd-plan-change-radio:has(input:checked) .hd-plan-change-radio__control {
  border-color: #ff7a33;
  background: #ff7a33;
  box-shadow: inset 0 0 0 5px #ffffff;
}

.hd-plan-change-card-fields {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #edf2f8;
}

.hd-plan-change-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.hd-plan-change-grid-wide {
  grid-column: 1 / -1;
}

.hd-plan-change-grid label {
  display: block;
  min-width: 0;
  margin: 0;
  color: #6f7d93;
  font-size: 0.74rem;
  font-weight: 800;
  line-height: 1.25;
}

.hd-plan-change-section input {
  width: 100%;
  height: 44px;
  margin-top: 6px;
  padding: 0 13px;
  border: 1px solid #d6e1ee;
  border-radius: 8px;
  color: #152c57;
  font-size: 0.9rem;
  background: #ffffff;
  outline: none;
}

.hd-plan-change-section input:focus {
  border-color: #ff7a33;
  box-shadow: 0 0 0 3px rgba(255, 122, 51, 0.12);
}

@media (max-width: 767.98px) {
  .hd-plan-change-modal .modal-dialog {
    margin: 10px;
  }

  .hd-plan-change-modal__header,
  .hd-plan-change-modal__body,
  .hd-plan-change-modal__footer {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hd-plan-change-modal__body {
    max-height: calc(100vh - 170px);
  }

  .hd-plan-change-summary,
  .hd-plan-change-payment-options,
  .hd-plan-change-grid {
    grid-template-columns: 1fr;
  }

  .hd-plan-change-radio {
    min-height: 62px;
    padding: 12px 14px;
  }

  .hd-plan-change-modal__footer {
    flex-direction: column-reverse;
  }

  .hd-plan-change-modal__footer .hd-ui-btn {
    width: 100%;
  }
}

.hd-solutions-trial-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  background: rgba(255, 107, 43, 0.12);
  color: #c2410c;
}

.hd-solutions-trial-badge.is-expired {
  background: #fef2f2;
  color: #b91c1c;
}

.hd-solutions-trial-badge.is-muted {
  background: #f8fafc;
  color: #64748b;
}

.hd-solutions-alert-warning-soft {
  border-radius: 8px;
  background-color: #fffbeb;
  color: #92400e;
}

.hd-solutions-alert-danger-soft {
  border-radius: 8px;
  background-color: #fef2f2;
  color: #991b1b;
}

.hd-solutions-link-warning {
  text-decoration: underline;
  color: #92400e;
}

.hd-solutions-btn-link-muted-sm {
  font-size: 0.7rem;
  text-decoration: none;
  opacity: 0.7;
}

.hd-plan-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.hd-plan-card-head-main {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.hd-plan-card-icon {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #fff3eb 0%, #fff8f4 100%);
  color: #ff6b2b;
  flex: 0 0 auto;
}

.hd-plan-card-icon i,
.hd-plan-card-metric-icon i,
.hd-plan-card-footnote i {
  width: 16px;
  height: 16px;
}

.hd-plan-card-title {
  margin: 2px 0 3px;
  color: #1f2f4f;
  font-size: 1.02rem;
  font-weight: 800;
}

.hd-plan-card-copy {
  margin: 0;
  color: #77849a;
  font-size: 0.84rem;
}

.hd-plan-card-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #effaf2;
  color: #1f9d58;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}

.hd-plan-card-status.is-trial {
  background: #fff7ed;
  color: #ea580c;
}

.hd-plan-card-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: currentColor;
  opacity: 0.9;
}

.hd-plan-card-name-wrap {
  margin-bottom: 18px;
}

.hd-plan-card-name {
  color: #1f2f4f;
  font-size: 1.12rem;
  font-weight: 800;
}

.hd-plan-card-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid #edf2f7;
  border-radius: 14px;
  overflow: hidden;
  background: #fcfdff;
}

.hd-plan-card-metric {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 15px 16px;
  border-right: 1px solid #edf2f7;
}

.hd-plan-card-metric:last-child {
  border-right: 0;
}

.hd-plan-card-metric-icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff7ed;
  color: #ff6b2b;
  flex: 0 0 auto;
}

.hd-plan-card-metric-icon.is-success {
  background: #effaf2;
  color: #16a34a;
}

.hd-plan-card-metric-body {
  min-width: 0;
}

.hd-plan-card-metric-label {
  display: block;
  margin-bottom: 2px;
  color: #7a879c;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.hd-plan-card-metric-value {
  color: #243552;
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.2;
}

.hd-plan-card-metric-value small {
  font-size: 0.82em;
  font-weight: 500;
  color: #7a879c;
}

.hd-plan-card-metric-value.is-price {
  color: #ff6b2b;
}

.hd-plan-card-metric-value.is-success {
  color: #15803d;
}

.hd-plan-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 16px;
}

.hd-plan-card-footnote {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #6f7d93;
  font-size: 0.83rem;
}

.hd-plan-card-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
}

.hd-profile-card-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 18px;
}

.hd-company-card-metrics {
  margin-bottom: 20px;
}

.hd-profile-form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.hd-profile-form-col {
  min-width: 0;
}

.hd-profile-form-col-span-2 {
  grid-column: span 2;
}

.hd-profile-card-footer {
  padding-top: 18px;
  border-top: 1px solid #edf2f7;
}

.hd-password-card-rule {
  margin-bottom: 18px;
  padding: 14px 16px;
  border: 1px solid #edf2f7;
  border-radius: 14px;
  background: #fcfdff;
}

.hd-password-card-rule-label {
  display: block;
  margin-bottom: 4px;
  color: #7a879c;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.hd-password-card-rule-value {
  color: #243552;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.5;
}

.hd-password-form-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 575.98px) {
  .hd-solutions-area.hd-account-page {
    width: 100%;
    max-width: 100%;
    padding: 18px 10px 28px;
    overflow-x: hidden;
  }

  .hd-account-topbar {
    gap: 8px;
    margin-bottom: 16px;
  }

  .hd-account-title {
    font-size: 1.48rem;
    line-height: 1.1;
  }

  .hd-account-subtitle {
    font-size: 0.9rem;
    line-height: 1.45;
  }

  .hd-solutions-account-section {
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
  }

  .hd-solutions-section-header,
  .hd-solutions-account-compact .hd-solutions-section-header {
    padding: 18px 16px 10px;
  }

  .hd-solutions-section-title {
    align-items: flex-start;
    gap: 10px;
    font-size: 1.05rem;
    line-height: 1.2;
  }

  .hd-solutions-section-copy {
    font-size: 0.86rem;
    line-height: 1.45;
  }

  .hd-solutions-section-body,
  .hd-solutions-account-compact .hd-solutions-section-body {
    padding: 14px 16px 18px;
  }

  .hd-solutions-account-panel-body {
    min-width: 0;
    padding-top: 6px;
  }

  .hd-plan-card-name-wrap {
    margin-bottom: 14px;
  }

  .hd-plan-card-name {
    font-size: 1.22rem;
    line-height: 1.18;
    overflow-wrap: anywhere;
  }

  .hd-plan-card-metrics,
  .hd-profile-card-metrics,
  .hd-company-card-metrics {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 16px;
    border: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent;
  }

  .hd-plan-card-metric,
  .hd-plan-card-metric:last-child {
    width: 100%;
    min-width: 0;
    padding: 13px 14px;
    border: 1px solid #edf2f7;
    border-radius: 12px;
    background: #fcfdff;
  }

  .hd-plan-card-metric-body {
    min-width: 0;
    flex: 1 1 auto;
  }

  .hd-plan-card-metric-label {
    white-space: normal;
    line-height: 1.25;
  }

  .hd-plan-card-metric-value {
    display: block;
    font-size: 1rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .hd-profile-form-grid,
  .hd-password-form-grid {
    grid-template-columns: 1fr;
    gap: 13px;
  }

  .hd-profile-form-col,
  .hd-profile-form-col-span-2 {
    grid-column: 1 / -1;
  }

  .hd-solutions-input,
  .hd-solutions-form-input {
    width: 100%;
    min-width: 0;
  }

  .hd-solutions-form-label,
  .hd-solutions-label {
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .hd-plan-card-footer,
  .hd-profile-card-footer {
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
  }

  .hd-plan-card-footnote {
    align-items: flex-start;
    font-size: 0.84rem;
    line-height: 1.45;
  }

  .hd-plan-card-actions {
    width: 100%;
    flex-direction: column;
    gap: 10px;
  }

  .hd-plan-card-actions .hd-ui-btn {
    width: 100%;
    min-width: 0;
  }
}

/* --- CHECKOUT --- */
.hd-solutions-checkout-card {
  border-radius: 12px;
  background: #ffffff;
}

.hd-solutions-checkout-body {
  background: #f8fafc;
}

.hd-solutions-checkout-wrapper {
  min-height: 100vh;
  background: radial-gradient(circle at top, rgba(255, 107, 43, 0.06), transparent 60%), #f8fafc;
}

.hd-solutions-checkout-header {
  background: transparent;
}

.hd-solutions-checkout-heading {
  color: #111827;
  font-weight: 700;
  font-size: 1.4rem;
  margin-bottom: 4px;
}

.hd-solutions-checkout-subheading {
  color: #6b7280;
  font-size: 0.95rem;
  margin-bottom: 0;
}

.hd-solutions-checkout-page {
  padding: 12px 0 32px;
}

.hd-solutions-checkout-container {
  max-width: 1100px;
}

.hd-solutions-checkout-content {
  margin-top: 32px;
}

.hd-solutions-checkout-panel {
  border-radius: 16px;
  border: 1px solid #eef1f5;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08);
}

.hd-solutions-checkout-alert {
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.2);
}

.hd-solutions-checkout-back {
  border-radius: 8px;
}

/* --- SELECAO DE CANDIDATOS --- */
.hd-solutions-selection-page {
  padding: 16px 0 32px;
  margin-left: 0 !important;
  background: transparent;
  box-shadow: none;
}

.hd-solutions-selection-page .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.hd-solutions-selection-container {
  max-width: 1100px;
  margin: 0 auto;
}

.hd-solutions-selection-hero {
  background: #ffffff;
  border: 1px solid #eef1f5;
  border-radius: 16px;
  padding: 24px 28px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  margin-bottom: 24px;
}

.hd-solutions-selection-badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  background: rgba(255, 107, 43, 0.08);
  color: #ff6b2b;
  margin-bottom: 10px;
}

.hd-solutions-selection-title {
  color: #111827;
  font-weight: 700;
  font-size: 1.6rem;
  margin: 0 0 6px;
}

.hd-solutions-selection-subtitle {
  color: #6b7280;
  font-size: 1rem;
  margin: 0;
}

.hd-solutions-selection-card {
  background: #ffffff;
  border: 1px solid #eef1f5;
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
}

.hd-solutions-selection-text {
  color: #4b5563;
  font-size: 1rem;
  margin-bottom: 16px;
}

.hd-solutions-selection-steps {
  list-style: none;
  padding: 0;
  margin: 0 0 18px;
  color: #6b7280;
  font-size: 0.9rem;
  line-height: 1.6;
}

.hd-solutions-selection-steps li::before {
  content: "•";
  color: var(--hd-primary);
  margin-right: 8px;
}

.hd-solutions-selection-btn {
  height: 54px;
  padding: 0 24px;
  border-radius: 8px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.hd-solutions-selection-success {
  background: #ffffff;
  border: 1px solid #eef1f5;
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
  text-align: center;
}

.hd-solutions-selection-success-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(22, 163, 74, 0.12);
  color: #16a34a;
  margin-bottom: 12px;
}

.hd-solutions-selection-success-title {
  color: #111827;
  font-weight: 700;
  margin-bottom: 6px;
}

.hd-solutions-selection-success-text {
  color: #6b7280;
  margin: 0;
}

.hd-solutions-selection-modal {
  border-radius: 18px;
  border: 1px solid #eef1f5;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
  background: #ffffff;
}

.hd-solutions-selection-modal-header {
  border-bottom: 1px solid #f1f5f9;
  padding: 20px 24px 10px;
  background: #ffffff;
}

.hd-solutions-selection-modal-header-title {
  font-weight: 700;
  color: #111827;
  margin-top: 10px;
}

.hd-solutions-selection-modal-body {
  padding: 8px 24px 24px;
}

.hd-solutions-selection-modal-title {
  color: #111827;
  font-size: 1.4rem;
  margin-bottom: 6px;
}

.hd-solutions-selection-modal-subtitle {
  color: #6b7280;
  font-size: 0.95rem;
}

.hd-solutions-selection-modal-footer {
  border-top: 1px solid #f1f5f9;
  background: #fbfdff;
  padding: 16px 24px;
}

.hd-solutions-selection-submit {
  font-family: var(--hd-login-font);
  background: var(--hd-primary);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  height: 54px;
  padding: 0 22px;
  width: auto;
  min-width: 160px;
  font-weight: 700;
  font-size: 1rem;
  transition: transform 0.1s, background 0.2s;
}

.hd-solutions-selection-submit:disabled {
  background: #e5e7eb;
  color: #9ca3af;
  cursor: not-allowed;
}

.hd-solutions-selection-submit:active {
  transform: scale(0.98);
}

.hd-solutions-selection-submit:hover,
.btn.hd-solutions-selection-submit:hover {
  background: var(--hd-primary-dark) !important;
  color: #ffffff !important;
  box-shadow: none;
}

.hd-solutions-selection-submit:not(:disabled):hover {
  background: var(--hd-primary-dark) !important;
}

.hd-solutions-selection-icons {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.hd-solutions-selection-icon {
  height: 46px;
  width: auto;
}

.hd-solutions-question-img {
  height: 32px;
  width: auto;
  display: block;
  object-fit: contain;
}

@media (max-width: 575.98px) {

  .hd-solutions-selection-hero,
  .hd-solutions-selection-card {
    padding: 20px;
  }

  .hd-solutions-selection-title {
    font-size: 1.4rem;
  }
}


.hd-solutions-checkout-header {
  border-bottom: 1px solid #eef0f2;
}

.hd-solutions-checkout-label {
  font-size: 0.7rem;
  letter-spacing: 1px;
}

.hd-solutions-checkout-title {
  color: #344158;
  font-size: 1.8rem;
}

.hd-solutions-checkout-title-sm {
  color: #344158;
  font-size: 1.3rem;
}

.hd-solutions-checkout-subtitle {
  font-size: 0.95rem;
}

.hd-solutions-checkout-accent {
  color: #ff8c00;
  font-weight: bold;
}

.hd-solutions-checkout-accent-info {
  color: #6366f1;
  font-weight: bold;
}

.hd-solutions-checkout-features {
  font-size: 0.9rem;
  line-height: 1.8;
  color: #64748b;
}

.hd-solutions-checkout-feature-icon {
  color: #16a34a;
  font-size: 0.7rem;
}

.hd-solutions-checkout-total {
  color: #344158;
  font-size: 1.6rem;
}

.hd-solutions-checkout-currency {
  font-size: 0.75rem;
  color: #8a94a6;
}

.hd-solutions-checkout-period {
  font-size: 0.85rem;
  color: #8a94a6;
}

/* --- LEGAL LAYOUT --- */
.hd-solutions-legal-html,
.hd-solutions-legal-body {
  height: 100%;
}

.hd-solutions-legal-wrapper {
  height: 100%;
}

.hd-solutions-legal-auth-box {
  max-height: 150px;
}

.hd-solutions-legal-logo {
  max-height: 60px;
  width: auto;
  height: auto;
}

.hd-solutions-auth-box-offset {
  margin-top: 20px;
  min-height: 100%;
}

.hd-solutions-legal-shell {
  min-height: 100vh;
  padding: 28px 20px 40px;
  background-color: #ffffff;
  background-image: radial-gradient(#e8edf3 1px, transparent 1px);
  background-size: 40px 40px;
}

.hd-solutions-legal-header {
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  margin-bottom: 16px;
}

.hd-solutions-legal-logo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid #eef1f5;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.hd-solutions-legal-card {
  background: #ffffff;
  border: 1px solid #eef1f5;
  border-radius: 16px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
  padding: 24px;
}

.hd-solutions-legal-header {
  text-align: center;
  margin-bottom: 16px;
}

.hd-solutions-legal-title {
  color: #111827;
  font-weight: 700;
  font-size: 1.4rem;
  margin-bottom: 6px;
}

.hd-solutions-legal-subtitle {
  color: #6b7280;
  font-size: 0.9rem;
  margin-top: 6px;
  margin-bottom: 0;
}

.hd-solutions-legal-frame {
  border: 1px solid #eef1f5;
  border-radius: 12px;
  overflow: hidden;
  height: 75vh;
  background: #f8fafc;
}

/* --- MODAL TERMOS (LGPD) --- */
.hd-solutions-legal-modal {
  border-radius: 16px;
  border: 1px solid #eef1f5;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
  background: #ffffff;
}

.hd-solutions-legal-modal-body {
  padding: 24px;
}

.hd-solutions-legal-modal-header {
  text-align: center;
  margin-bottom: 16px;
}

.hd-solutions-legal-modal-title {
  font-weight: 700;
  color: #111827;
  font-size: 1.3rem;
  margin-bottom: 8px;
}

.hd-solutions-legal-modal-text {
  color: #6b7280;
  font-size: 0.95rem;
  margin-bottom: 8px;
}

.hd-solutions-legal-modal-links {
  display: flex;
  gap: 16px;
  justify-content: center;
}

.hd-solutions-legal-modal-footer {
  border-top: 1px solid #f1f5f9;
  padding: 16px 24px;
  display: flex;
  justify-content: flex-end;
  gap: 0;
}

.hd-solutions-legal-btn {
  background: var(--hd-primary);
  color: #ffffff;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  padding: 8px 18px;
}

.hd-solutions-legal-btn:hover {
  background: var(--hd-primary-dark);
  color: #ffffff;
}

.hd-solutions-legal-btn-outline {
  background: #ffffff;
  color: #6b7280;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  font-weight: 600;
  padding: 8px 18px;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

html,
body {
  font-family: var(--hd-font-family);
}










/* ============================================== */
/* Checkout Redesign */
/* ============================================== */
.hd-checkout-page {
  min-height: 100%;
  background: #ffffff;
  padding: 56px 0 80px;
  font-family: var(--hd-font-family);
}

.hd-checkout-shell {
  max-width: 1180px;
}

.hd-checkout-hero {
  margin-bottom: 32px;
  text-align: left;
}

.hd-checkout-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 11px;
  color: var(--hd-text-muted);
  font-weight: 600;
}

.hd-checkout-title {
  font-family: var(--hd-font-family);
  font-size: 34px;
  margin: 10px 0 8px;
  color: var(--hd-text-primary);
}

.hd-checkout-subtitle {
  font-size: 15px;
  color: var(--hd-text-muted);
  max-width: 520px;
}

.hd-checkout-grid {
  row-gap: 24px;
}

.hd-checkout-panel {
  border: 1px solid var(--hd-border);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: var(--hd-shadow-md);
}

.hd-checkout-alert {
  border-radius: 12px;
}

.hd-checkout-back {
  border-radius: var(--hd-radius);
  padding: 8px 18px;
}

.hd-checkout-card {
  padding: 22px 22px 24px;
  border-radius: 18px;
  background: var(--hd-secondary);
  color: #ffffff;
  box-shadow: var(--hd-shadow-md);
}

.hd-checkout-card-label {
  display: inline-flex;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.hd-checkout-card-title {
  font-family: 'Space Grotesk', 'Manrope', sans-serif;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 6px;
}

.hd-checkout-card-subtitle {
  color: rgba(248, 250, 252, 0.72);
  font-size: 14px;
}

.hd-checkout-card-plus {
  display: block;
  margin-top: 6px;
  color: #f59e0b;
  font-weight: 600;
}

.hd-checkout-card-features {
  list-style: none;
  padding: 16px 0 0;
  margin: 16px 0 0;
  border-top: 1px solid rgba(248, 250, 252, 0.16);
  display: grid;
  gap: 10px;
}

.hd-checkout-card-features i {
  color: #22c55e;
  margin-right: 8px;
}

.hd-checkout-card-price {
  margin-top: 24px;
  font-size: 28px;
  font-weight: 700;
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.hd-checkout-card-currency,
.hd-checkout-card-period {
  font-size: 14px;
  color: rgba(248, 250, 252, 0.7);
}

.hd-checkout-section-head {
  margin-bottom: 24px;
}

.hd-checkout-section-kicker {
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 11px;
  color: #6b7280;
  font-weight: 700;
}

.hd-checkout-section-title {
  font-family: 'Space Grotesk', 'Manrope', sans-serif;
  font-size: 22px;
  margin: 8px 0 6px;
  color: #111827;
}

.hd-checkout-section-subtitle {
  font-size: 14px;
  color: #6b7280;
}

.hd-checkout-payment {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.hd-checkout-info-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 18px;
  border: 1px solid var(--hd-border);
}

.hd-checkout-info-hero {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border-radius: 14px;
  padding: 14px;
  display: grid;
  place-items: center;
  margin-bottom: 12px;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
}

.hd-checkout-summary {
  display: grid;
  gap: 10px;
  margin-bottom: 10px;
}

.hd-checkout-summary-row {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #3f3f46;
}

.hd-checkout-summary-total {
  font-size: 14px;
  font-weight: 700;
  color: #111827;
}

.hd-checkout-note {
  font-size: 12px;
  color: #7c6f57;
  margin: 0;
}

.hd-checkout-panel .form-control,
.hd-checkout-panel .form-underline {
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, 0.08);
}

.hd-checkout-panel .form-underline:focus,
.hd-checkout-panel .form-control:focus {
  box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.15);
  border-color: rgba(234, 88, 12, 0.6);
}

.hd-checkout-submit {
  border-radius: 999px;
  padding: 10px 22px;
  font-weight: 600;
  background: linear-gradient(135deg, #f97316, #ef4444);
  border: none;
}

.hd-checkout-submit:hover {
  background: linear-gradient(135deg, #ea580c, #dc2626);
}

.hd-checkout-link {
  color: #ea580c;
  font-weight: 600;
}

@media (max-width: 991px) {
  .hd-checkout-title {
    font-size: 28px;
  }

  .hd-checkout-card {
    padding: 18px;
  }
}

@media (max-width: 767px) {
  .hd-checkout-page {
    padding: 40px 0 60px;
  }

  .hd-checkout-panel {
    border-radius: 16px;
  }
}

/* ============================================== */
/* Checkout Layout + Header */
/* ============================================== */
.hd-checkout-body {
  background: #ffffff;
}

.hd-checkout-wrapper {
  min-height: 100vh;
  background: #ffffff;
}

html,
body.hd-checkout-body {
  min-height: 100%;
  background: #ffffff;
}

.hd-checkout-page {
  min-height: 100vh;
}

body.checkout,
body.checkout #main-wrapper,
body.checkout .page-wrapper {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
}

body.checkout {
  margin: 0;
}

.hd-checkout-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.hd-checkout-header-inner {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 18px 12px;
}

.hd-checkout-brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  min-width: 120px;
}

.hd-checkout-brand img {
  max-height: 42px;
}

.hd-checkout-header-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hd-checkout-header-kicker {
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #6b7280;
  font-weight: 700;
}

.hd-checkout-header-title {
  margin: 0;
  font-size: 20px;
  font-family: 'Space Grotesk', 'Manrope', sans-serif;
  color: #111827;
}

.hd-checkout-header-subtitle {
  margin: 0;
  font-size: 13px;
  color: #6b7280;
}

.hd-checkout-page {
  padding-top: 0;
}

@media (max-width: 768px) {
  .hd-checkout-header-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .hd-checkout-brand {
    width: auto;
  }
}


/* ============================================== */
/* Checkout Design System Alignment */
/* ============================================== */
.hd-checkout-page {
  background: var(--hd-light);
  font-family: var(--hd-font-family);
}

.hd-checkout-title,
.hd-checkout-section-title,
.hd-checkout-card-title,
.hd-checkout-header-title {
  font-family: var(--hd-font-family);
  color: var(--hd-text-primary);
}

.hd-checkout-subtitle,
.hd-checkout-section-subtitle,
.hd-checkout-header-subtitle {
  color: var(--hd-text-muted);
}

.hd-checkout-panel {
  border: 1px solid var(--hd-border);
  border-radius: 16px;
  box-shadow: var(--hd-shadow-md);
}

.hd-checkout-card {
  background: var(--hd-secondary);
  color: #ffffff;
  box-shadow: var(--hd-shadow-md);
}

.hd-checkout-card-subtitle {
  color: rgba(255, 255, 255, 0.72);
}

.hd-checkout-card-plus {
  color: #ffd08a;
}

.hd-checkout-card-features {
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.hd-checkout-card-features i {
  color: #5ee699;
}

.hd-checkout-card-currency,
.hd-checkout-card-period {
  color: rgba(255, 255, 255, 0.7);
}

.hd-checkout-info-card {
  background: var(--hd-light);
  border: 1px solid var(--hd-border);
}

.hd-checkout-summary-row {
  color: var(--hd-secondary);
}

.hd-checkout-summary-total {
  color: var(--hd-text-primary);
}

.hd-checkout-note {
  color: var(--hd-text-muted);
}

.hd-checkout-panel .form-control,
.hd-checkout-panel .form-underline {
  background: #ffffff;
  border: 1px solid var(--hd-border);
}

.hd-checkout-panel .form-underline:focus,
.hd-checkout-panel .form-control:focus {
  box-shadow: 0 0 0 3px rgba(255, 107, 43, 0.2);
  border-color: var(--hd-primary);
}

.hd-checkout-submit {
  background: var(--hd-primary);
  border: none;
}

.hd-checkout-submit:hover {
  background: var(--hd-primary-dark);
}

.hd-checkout-link {
  color: var(--hd-primary);
}
\r\n.hd-solutions-password-error{background:#fff1f3;border:1px solid #f3b7c2;color:#b4232b;border-radius:10px;padding:10px 14px;font-size:0.85rem;margin:8px 0 18px;line-height:1.3;}\r\n

\r\n.hd-solutions-required-flag{color:#ff6a2a;font-weight:700;margin-left:6px;}\r\n
\r\n.hd-solutions-login-input:required{border-color:#ffd1b3;}\r\n.hd-solutions-login-input:required:focus{border-color:#ff7a3a;box-shadow:0 0 0 0.12rem rgba(255,122,58,.15);}\r\n

#feedbackModal .hd-solutions-modal-body {
  text-align: left !important;
  padding: 2rem 2.25rem !important;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 0.88rem;
}

#feedbackModal .hd-feedback-intro {
  margin-bottom: 0;
}

#feedbackModal .hd-feedback-progress {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

#feedbackModal .hd-feedback-progress-bar {
  width: 100%;
  height: 8px;
  background: #f1f5f9;
  border-radius: 999px;
  overflow: hidden;
}

#feedbackModal .hd-feedback-progress-fill {
  display: block;
  height: 100%;
  width: 0;
  background: var(--hd-primary);
  border-radius: 999px;
  transition: width 0.25s ease;
}

#feedbackModal .hd-feedback-progress-text {
  font-size: 0.75rem;
  color: var(--hd-text-muted);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

#feedbackModal .modal-content {
  border-radius: 6px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
}

#feedbackModal .modal-header {
  border-bottom: 1px solid #eef2f7 !important;
}

#feedbackModal .modal-body {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
}

#feedbackModal .hd-solutions-modal-title {
  font-size: 0.95rem !important;
}

#feedbackModal .hd-solutions-modal-question {
  font-size: 0.92rem !important;
  font-weight: 600 !important;
}

#feedbackModal .hd-feedback-textarea {
  min-height: 120px !important;
}

#feedbackModal .hd-solutions-cancel-options {
  gap: 0.65rem !important;
}

#feedbackModal .hd-solutions-option-check {
  grid-template-columns: 18px 1fr !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border-radius: 8px !important;
  padding: 0.75rem 0.9rem !important;
  text-align: left !important;
}

#feedbackModal .hd-solutions-option-text {
  text-align: left !important;
}

#feedbackModal .hd-solutions-option-check input[type="radio"],
#feedbackModal .hd-solutions-option-check input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#feedbackModal .hd-solutions-option-check input[type="radio"]:checked ~ .hd-solutions-option-box,
#feedbackModal .hd-solutions-option-check input[type="checkbox"]:checked ~ .hd-solutions-option-box {
  border-color: #ff8c00 !important;
  box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.15) !important;
}

#feedbackModal .hd-solutions-option-check input[type="radio"]:checked ~ .hd-solutions-option-box::after,
#feedbackModal .hd-solutions-option-check input[type="checkbox"]:checked ~ .hd-solutions-option-box::after {
  opacity: 1;
  transform: scale(1);
}

#feedbackModal .hd-solutions-option-check input[type="radio"]:checked ~ .hd-solutions-option-text,
#feedbackModal .hd-solutions-option-check input[type="checkbox"]:checked ~ .hd-solutions-option-text {
  color: var(--hd-secondary) !important;
  font-weight: 600 !important;
}

#feedbackModal .hd-feedback-next.is-loading {
  opacity: 0.8;
  cursor: wait;
}

#nr1Modal .modal-dialog {
  max-width: 880px;
}

#nr1Modal .modal-content {
  border-radius: 22px !important;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  box-shadow: 0 32px 90px rgba(15, 23, 42, 0.18) !important;
}

#nr1Modal .hd-solutions-modal-header {
  padding: 1.3rem 1.75rem !important;
  border-bottom: 1px solid #eaf0f8 !important;
}

#nr1Modal .hd-solutions-modal-body {
  padding: 1.5rem 1.75rem 1.8rem !important;
  text-align: left !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
}

#nr1Modal .hd-solutions-modal-footer {
  padding: 1.15rem 1.75rem 1.35rem !important;
  border-top: 1px solid #eaf0f8 !important;
  justify-content: space-between !important;
}

#nr1Modal .hd-nr1-modal__header-main {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
}

#nr1Modal .hd-nr1-modal__header-icon,
#nr1Modal .hd-nr1-modal__step-icon {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #fff4e8 0%, #ffefdd 100%);
  color: #ff7a00;
  box-shadow: inset 0 0 0 1px rgba(255, 122, 0, 0.1);
}

#nr1Modal .hd-nr1-modal__header-icon i,
#nr1Modal .hd-nr1-modal__step-icon i {
  font-size: 1.35rem;
}

#nr1Modal .hd-nr1-modal__title {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #203454 !important;
  letter-spacing: -0.02em;
}

#nr1Modal .hd-nr1-modal__intro {
  margin-top: 0.2rem;
  color: #7b8aa6;
  font-size: 0.84rem;
  line-height: 1.35;
}

#nr1Modal .hd-nr1-modal__step {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.85rem;
  margin-bottom: 1rem;
}

#nr1Modal .hd-nr1-modal__step-icon {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
}

#nr1Modal .hd-nr1-modal__step-icon i {
  font-size: 1.05rem;
}

#nr1Modal .hd-nr1-modal__step-text {
  font-size: 0.92rem;
  color: #203454;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
}

#nr1Modal .hd-nr1-modal__progress {
  margin-bottom: 1rem;
}

#nr1Modal .hd-nr1-modal__progress-bar {
  height: 5px;
  background: #e8edf5;
}

#nr1Modal .hd-nr1-modal__progress-fill {
  background: linear-gradient(90deg, #ff8a1f 0%, #ff6a2a 100%);
}

#nr1Modal .hd-nr1-modal__meta {
  text-align: center;
  margin-bottom: 0.9rem;
}

#nr1Modal .hd-nr1-modal__deadline {
  color: #8ea0bc;
  font-size: 0.84rem;
  margin-bottom: 0.35rem;
}

#nr1Modal .hd-nr1-modal__category {
  color: #9aa8c1;
  font-size: 0.82rem;
}

#nr1Modal .hd-nr1-modal__question {
  text-align: center !important;
  font-size: 1.25rem !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  color: #22314d !important;
  margin-bottom: 1.15rem !important;
}

#nr1Modal .hd-nr1-modal__scale-card {
  border: 1px solid #e9eff7;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.06);
  padding: 1.25rem 1.25rem 1rem;
}

#nr1Modal .hd-nr1-modal__options {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.7rem !important;
  margin-bottom: 0.8rem;
}

#nr1Modal .hd-nr1-scale-option {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-height: 102px;
  border-radius: 16px;
  border: 1px solid transparent;
  background: linear-gradient(180deg, #fffdfb 0%, #fff7ef 100%);
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

#nr1Modal .hd-nr1-scale-option:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 122, 0, 0.16);
  box-shadow: 0 14px 24px rgba(255, 122, 0, 0.1);
}

#nr1Modal .hd-nr1-scale-option input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#nr1Modal .hd-nr1-scale-option__dot {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  border: 3px solid #7f91ae;
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(35, 52, 84, 0.08);
  transition: all .18s ease;
  position: relative;
}

#nr1Modal .hd-nr1-scale-option__dot::after {
  content: '';
  position: absolute;
  inset: 50% auto auto 50%;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: transparent;
  transform: translate(-50%, -50%);
  transition: background .18s ease;
}

#nr1Modal .hd-nr1-scale-option__index {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9aa8c1;
}

#nr1Modal .hd-nr1-scale-option__value {
  font-size: 0.83rem;
  font-weight: 700;
  color: #30415f;
  line-height: 1.25;
  text-align: center;
  max-width: 92%;
}

#nr1Modal .hd-nr1-scale-option.is-selected {
  border-color: rgba(255, 122, 0, 0.24);
  background: linear-gradient(180deg, #fff8f1 0%, #fff1e1 100%);
  box-shadow: 0 16px 26px rgba(255, 122, 0, 0.13);
}

#nr1Modal .hd-nr1-scale-option.is-selected .hd-nr1-scale-option__dot {
  border-color: #ff7a00;
  box-shadow: 0 0 0 6px rgba(255, 122, 0, 0.12);
}

#nr1Modal .hd-nr1-scale-option.is-selected .hd-nr1-scale-option__dot::after {
  background: #ff7a00;
}

#nr1Modal .hd-nr1-scale-option.is-selected .hd-nr1-scale-option__index,
#nr1Modal .hd-nr1-scale-option.is-selected .hd-nr1-scale-option__value {
  color: #22314d;
}

#nr1Modal .hd-nr1-modal__scale-anchors {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  color: #8a99b3;
  font-size: 0.84rem;
  font-weight: 500;
}

#nr1Modal .hd-solutions-form-cancel,
#nr1Modal .hd-solutions-form-btn-submit {
  min-width: 160px;
  min-height: 50px;
  border-radius: 13px;
  font-size: 0.92rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

#nr1Modal .hd-solutions-form-cancel {
  background: #ffffff !important;
  border: 1px solid #dce4f0 !important;
  color: #6e7f99 !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

#nr1Modal .hd-solutions-form-btn-submit {
  background: linear-gradient(135deg, #ff8a1f 0%, #ff6a2a 100%) !important;
  border: none !important;
  box-shadow: 0 16px 28px rgba(255, 122, 0, 0.24);
}

#nr1Modal .hd-solutions-form-btn-submit:hover {
  transform: translateY(-1px);
}

#nr1Modal .hd-nr1-next.is-loading {
  opacity: 0.85;
  cursor: wait;
}

@media (max-width: 991.98px) {
  #nr1Modal .modal-dialog {
    max-width: calc(100vw - 24px);
  }

  #nr1Modal .hd-solutions-modal-header,
  #nr1Modal .hd-solutions-modal-body,
  #nr1Modal .hd-solutions-modal-footer {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
  }

  #nr1Modal .hd-nr1-modal__options {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.5rem !important;
  }

  #nr1Modal .hd-nr1-scale-option {
    min-height: 94px;
  }
}

@media (max-width: 767.98px) {
  #nr1Modal .hd-nr1-modal__header-main {
    gap: 0.75rem;
  }

  #nr1Modal .hd-nr1-modal__header-icon {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }

  #nr1Modal .hd-nr1-modal__title {
    font-size: 0.96rem !important;
  }

  #nr1Modal .hd-nr1-modal__question {
    font-size: 1rem !important;
  }

  #nr1Modal .hd-nr1-modal__scale-card {
    padding: 0.95rem 0.85rem 0.85rem;
  }

  #nr1Modal .hd-nr1-modal__options {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  #nr1Modal .hd-nr1-scale-option {
    min-height: 82px;
    gap: 0.45rem;
  }

  #nr1Modal .hd-nr1-scale-option__dot {
    width: 24px;
    height: 24px;
  }

  #nr1Modal .hd-nr1-scale-option__dot::after {
    width: 9px;
    height: 9px;
  }

  #nr1Modal .hd-nr1-scale-option__index {
    font-size: 0.66rem;
  }

  #nr1Modal .hd-nr1-scale-option__value {
    font-size: 0.72rem;
  }

  #nr1Modal .hd-nr1-modal__scale-anchors {
    font-size: 0.72rem;
  }

  #nr1Modal .hd-solutions-modal-footer {
    flex-direction: column-reverse !important;
  }

  #nr1Modal .hd-solutions-form-cancel,
  #nr1Modal .hd-solutions-form-btn-submit {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 480px) {
  #nr1Modal .modal-dialog {
    max-width: calc(100vw - 16px);
    margin: 0.5rem auto;
  }

  #nr1Modal .hd-solutions-modal-header,
  #nr1Modal .hd-solutions-modal-body,
  #nr1Modal .hd-solutions-modal-footer {
    padding-left: 0.95rem !important;
    padding-right: 0.95rem !important;
  }

  #nr1Modal .hd-nr1-modal__question {
    font-size: 0.94rem !important;
    line-height: 1.24 !important;
    margin-bottom: 0.95rem !important;
  }

  #nr1Modal .hd-nr1-modal__scale-card {
    padding: 0.85rem 0.65rem 0.8rem;
    border-radius: 16px;
  }

  #nr1Modal .hd-nr1-modal__options {
    gap: 0.3rem !important;
    align-items: stretch;
  }

  #nr1Modal .hd-nr1-scale-option {
    min-height: 94px;
    padding: 0.35rem 0.15rem 0.45rem;
    gap: 0.3rem;
    border-radius: 12px;
  }

  #nr1Modal .hd-nr1-scale-option__index {
    font-size: 0.6rem;
    letter-spacing: 0.04em;
  }

  #nr1Modal .hd-nr1-scale-option__value {
    max-width: 100%;
    padding: 0 0.05rem;
    font-size: 0.61rem;
    line-height: 1.12;
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
  }

  #nr1Modal .hd-nr1-modal__scale-anchors {
    font-size: 0.66rem;
    gap: 0.5rem;
  }
}

.ei-widget-host {
  width: 100%;
}

.ei-widget {
  display: grid;
  gap: 14px;
}

.ei-row {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 12px;
}

.ei-meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 8px;
  gap: 8px;
}

.ei-title {
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
}

.ei-subtitle {
  font-size: 12px;
  color: #64748b;
}

.ei-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.ei-badge {
  display: inline-flex;
  align-items: center;
  background: #dbeafe;
  color: #1d4ed8;
  border-radius: 999px;
  padding: 2px 10px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.ei-value {
  font-size: 15px;
  color: #0f172a;
  font-weight: 800;
}

.ei-track {
  height: 12px;
  border-radius: 999px;
  background: #e2e8f0;
  overflow: hidden;
}

.ei-fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  transition: width 0.35s ease;
}

.chart-insight-wrap {
  margin-top: 12px;
}

.chart-insight {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid #e8eef6;
  background: #f9fbff;
  box-shadow: none;
  min-height: 62px;
}

.chart-insight__icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  line-height: 1;
  font-weight: 700;
  flex: 0 0 34px;
  background: #fff !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;
}

.chart-insight__content {
  min-width: 0;
  flex: 1;
  display: block;
  min-height: 34px;
}

.chart-insight__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
  flex-wrap: wrap;
}

.chart-insight__tag {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.chart-insight__delta {
  font-size: 12px;
  font-weight: 800;
  opacity: 1;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.08);
}

.chart-insight__title {
  margin: 0;
  color: #0f1f4a;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 700;
}

.chart-insight__subtitle {
  margin: 2px 0 0;
  color: #5f6f8f;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.chart-insight.is-positive {
  background: #f0fdf4;
  border-color: #86efac;
}

.chart-insight.is-positive .chart-insight__icon {
  color: #166534;
}

.chart-insight.is-positive .chart-insight__tag,
.chart-insight.is-positive .chart-insight__delta {
  color: #166534;
}

.chart-insight.is-positive .chart-insight__delta {
  background: rgba(22, 101, 52, 0.12);
}

.chart-insight.is-warning {
  background: #fffbeb;
  border-color: #fcd34d;
}

.chart-insight.is-warning .chart-insight__icon {
  color: #92400e;
}

.chart-insight.is-warning .chart-insight__tag,
.chart-insight.is-warning .chart-insight__delta {
  color: #92400e;
}

.chart-insight.is-warning .chart-insight__delta {
  background: rgba(146, 64, 14, 0.12);
}

.chart-insight.is-neutral {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.chart-insight.is-neutral .chart-insight__icon {
  color: #334155;
}

.chart-insight.is-neutral .chart-insight__tag,
.chart-insight.is-neutral .chart-insight__delta {
  color: #334155;
}

.chart-insight.is-neutral .chart-insight__delta {
  background: rgba(51, 65, 85, 0.12);
}

.hd-rightbar {
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: none;
}

.hd-rightbar.is-open {
  display: block;
}

.hd-rightbar-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(17, 24, 39, 0.18);
}

.hd-rightbar-panel {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: min(760px, 82vw);
  background: #f8fafc;
  box-shadow: -8px 0 24px rgba(15, 23, 42, 0.14);
  transform: translateX(100%);
  transition: transform 0.25s ease;
  display: flex;
  flex-direction: column;
}

.hd-rightbar.is-open .hd-rightbar-panel {
  transform: translateX(0);
}

.hd-rightbar-header {
  padding: 20px 24px;
  border-bottom: 1px solid #dbe2ea;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.hd-rightbar-body {
  padding: 0;
  overflow: hidden;
  height: 100%;
}

.hd-rightbar-form-shell {
  height: 100%;
  min-height: 100%;
  padding: 20px;
  background: #f8fafc;
}

.hd-form-layout {
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
  min-height: 100%;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 20px;
}

.hd-form-layout .form-body {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 6px;
  margin-right: -6px;
}

.hd-form-layout .row.g-3 {
  row-gap: 14px !important;
}

.hd-form-actions {
  flex: 0 0 auto;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #e2e8f0;
  position: sticky;
  bottom: 0;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  z-index: 2;
}

/* --- Mobile spacing polish for admin lists/account cards --- */
@media (max-width: 767.98px) {
  .container-fluid {
    padding-left: 14px;
    padding-right: 14px;
  }

  .hd-solutions-area {
    padding: 14px;
    border-radius: 14px;
  }

  .hd-solutions-table-filters {
    padding: 14px;
    border-radius: 12px;
    margin-bottom: 14px;
  }

  .hd-solutions-table-filters .row.g-3 {
    row-gap: 10px !important;
  }

  .hd-solutions-filter-actions {
    margin-top: 2px;
    gap: 10px;
  }

  .hd-solutions-filter-actions .hd-solutions-btn-add,
  .hd-solutions-filter-actions .hd-solutions-btn-add-outline {
    height: 46px;
  }

  .hd-status-tabs {
    gap: 8px;
  }

  .hd-status-tab {
    min-height: 40px;
    padding: 8px 12px;
  }

  .hd-status-card {
    padding: 16px 14px;
    border-radius: 14px;
  }

  .hd-status-card-value {
    margin-top: 8px;
  }

  .page-breadcrumb .customize-input,
  .page-breadcrumb .d-flex.align-items-center.flex-wrap.justify-content-end.mb-2 {
    width: 100%;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px !important;
  }

  .page-breadcrumb .customize-input .hd-solutions-btn-add-outline,
  .page-breadcrumb .d-flex.align-items-center.flex-wrap.justify-content-end.mb-2 .hd-solutions-btn-add-outline {
    width: 100%;
    min-width: 0;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
  }

  .page-breadcrumb .customize-input .hd-solutions-btn-add,
  .page-breadcrumb .customize-input .hd-solutions-btn-add[href*="cadastro-rightbar"],
  .page-breadcrumb .d-flex.align-items-center.flex-wrap.justify-content-end.mb-2 + a.hd-solutions-btn-add,
  .page-breadcrumb .float-right.hd-solutions-btn-add,
  .page-breadcrumb .float-right {
    width: 100% !important;
    float: none !important;
  }

  .hd-solutions-account-panel-body {
    padding: 16px;
  }

  .hd-solutions-plan-head {
    gap: 8px;
  }

  .hd-solutions-plan-summary {
    padding: 12px !important;
  }

  .hd-solutions-plan-summary .col-6 {
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 0 !important;
    margin-bottom: 12px;
    border-right: 0 !important;
  }

  .hd-solutions-plan-summary .col-6:last-child {
    margin-bottom: 0;
  }

  .hd-solutions-plan-summary .hd-plan-usage-list {
    margin-top: 8px;
  }
}

/* Q1 redesign */
.hd-q1-modal .modal-dialog {
  max-width: 1320px;
  width: calc(100vw - 28px);
}

.hd-q1-header {
  padding: 24px 24px 12px;
}

.hd-q1-hero-subtitle {
  color: #64748b;
  font-size: 1.05rem;
  margin-top: 6px;
}

.hd-q1-color-bars {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 14px;
}

.hd-q1-color-bars span {
  width: 78px;
  height: 8px;
  border-radius: 999px;
  display: inline-block;
}

.hd-q1-color-bars .is-green { background: #3acb5a; }
.hd-q1-color-bars .is-blue { background: #5a99ff; }
.hd-q1-color-bars .is-orange { background: #ff5a2a; }
.hd-q1-color-bars .is-yellow { background: #f2d342; }

.hd-q1-modal .hd-solutions-selection-modal-header-title {
  font-size: 44px;
  line-height: 1.1;
  font-weight: 800;
  color: #162b4d;
}

.hd-q1-modal .hd-solutions-selection-modal-subtitle {
  color: #64748b;
  font-size: 1.35rem;
  margin-bottom: 12px !important;
}

.hd-q1-modal .hd-solutions-selection-modal-title {
  font-size: 40px;
  font-weight: 800;
  color: #162b4d;
}

.hd-q1-body {
  padding: 8px 24px 12px;
}

.hd-q1-card {
  background: #ffffff;
  border: 1px solid #e7edf4;
  border-radius: 14px;
}

.hd-q1-card .card-body {
  padding: 16px 14px;
}

.hd-q1-grid {
  row-gap: 8px;
}

.hd-q1-item {
  height: 62px;
  border-radius: 12px;
  padding: 4px 6px !important;
  border-color: #d6dee9;
  box-shadow: none;
}

.hd-q1-item label {
  display: flex !important;
  padding: 0 10px;
  gap: 12px;
  min-height: 100%;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
}

.hd-q1-item label > i {
  opacity: .35;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #94a3b8;
  font-size: 11px;
  flex: 0 0 22px;
}

.hd-q1-item.checked {
  border-color: #ff8c00;
  box-shadow: 0 0 0 1px rgba(255, 140, 0, 0.08);
}

.hd-q1-item.checked label > i {
  opacity: 1;
  background: #ff8c00;
  color: #fff;
}

.hd-q1-item label > span {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1.15;
  text-align: left;
  width: auto;
  flex: 0 1 auto;
  position: static;
  min-height: 22px;
}

.hd-q1-footer {
  padding: 12px 24px;
  justify-content: space-between;
}

.hd-q1-footer-note {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.hd-q1-footer-title {
  font-weight: 700;
  color: #1e293b;
}

.hd-q1-footer-text {
  color: #64748b;
}

@media (max-width: 991.98px) {
  .hd-q1-modal .modal-dialog {
    max-width: calc(100vw - 16px);
    width: calc(100vw - 16px);
  }

  .hd-q1-modal .hd-solutions-selection-modal-header-title {
    font-size: 42px;
  }

  .hd-q1-modal .hd-solutions-selection-modal-title {
    font-size: 34px;
  }

  .hd-q1-modal .hd-solutions-selection-modal-subtitle {
    font-size: 1.3rem;
  }

  .hd-q1-body,
  .hd-q1-header,
  .hd-q1-footer {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hd-q1-item {
    min-height: 68px;
  }

  .hd-q1-footer {
    gap: 12px;
    flex-direction: column;
    align-items: stretch;
  }

  .hd-q1-footer .hd-solutions-selection-submit {
    width: 100%;
  }
}

/* Q2 aligned with Q1 visual language */
#como-vcesta-modal .modal-dialog {
  max-width: 1320px;
  width: calc(100vw - 28px);
}

.hd-q2-body {
  padding: 16px 24px 12px;
}

.hd-q2-card {
  background: #ffffff;
  border: 1px solid #e7edf4;
  border-radius: 14px;
}

.hd-q2-card .card-body {
  padding: 16px 14px;
}

.hd-q2-grid {
  row-gap: 8px;
}

.hd-q2-item {
  height: 62px;
  border-radius: 12px !important;
  padding: 4px 6px !important;
  border-color: #d6dee9;
  box-shadow: none;
}

.hd-q2-item label {
  display: flex !important;
  padding: 0 10px;
  gap: 12px;
  min-height: 100%;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
}

.hd-q2-item.checked {
  border-color: #ff8c00;
  box-shadow: 0 0 0 1px rgba(255, 140, 0, 0.08);
}

.hd-q2-item label > i {
  opacity: .35;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #94a3b8;
  font-size: 11px;
  flex: 0 0 22px;
}

.hd-q2-item.checked label > i {
  opacity: 1;
  background: #ff8c00;
  color: #fff;
}

.hd-q2-item label > span {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1.15;
  text-align: left;
  width: auto;
  flex: 0 1 auto;
  position: static;
  min-height: 22px;
}

.hd-q2-footer {
  padding: 12px 24px;
}

@media (max-width: 991.98px) {
  #como-vcesta-modal .modal-dialog {
    max-width: calc(100vw - 16px);
    width: calc(100vw - 16px);
  }

  .hd-q2-body,
  .hd-q2-footer {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hd-q2-item {
    min-height: 68px;
    height: auto;
  }
}



/* ========================================
   HD SOLUTIONS - SIDEBAR SOFT COMPACT
   ======================================== */
:root {
  --hd-header-height: 80px;
  --hd-sidebar-width: 236px;
  --hd-sidebar-width-laptop: 188px;
  --hd-sidebar-width-tablet: 58px;
  --hd-sidebar-width-mobile: 244px;
}

body.funcionario,
body.funcionario #main-wrapper,
body.funcionario .page-wrapper {
  background: #f7faff;
}

.hd-solutions-header {
  background: #ffffff;
}

.hd-solutions-header-logo {
  width: var(--hd-sidebar-width);
  padding: 10px 24px;
}

#main-wrapper[data-layout="vertical"][data-sidebartype="full"] .page-wrapper,
#main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="full"] .page-wrapper {
  margin-left: var(--hd-sidebar-width) !important;
}

#main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"] .left-sidebar,
#main-wrapper[data-layout="vertical"] .left-sidebar,
.left-sidebar {
  width: var(--hd-sidebar-width) !important;
}

#main-wrapper > main {
  margin-left: 0 !important;
  width: auto !important;
  min-height: calc(100vh - 80px);
  background: transparent;
}

.left-sidebar .scroll-sidebar {
  padding: 6px 0 0;
}

.sidebar-nav {
  padding: 10px 0 0 !important;
}

.sidebar-nav #sidebarnav .sidebar-item,
.hd-solutions-sidebar-item {
  margin: 6px 10px !important;
}

.sidebar-nav #sidebarnav .sidebar-item .sidebar-link,
.hd-solutions-sidebar-link {
  padding: 9px 14px !important;
  border-radius: 10px !important;
  font-size: 0.845rem !important;
  color: #2f3b52 !important;
}

.sidebar-nav #sidebarnav .sidebar-item .sidebar-link:hover,
.hd-solutions-sidebar-link:hover {
  background: rgba(255, 140, 0, 0.06) !important;
  transform: translateX(1px) !important;
}

.sidebar-nav #sidebarnav .sidebar-item .sidebar-link .feather-icon,
.hd-solutions-sidebar-link .feather-icon {
  width: 17px !important;
  height: 17px !important;
  margin-right: 11px !important;
  color: #a3afc2 !important;
}

.sidebar-nav #sidebarnav .sidebar-item.selected > .sidebar-link,
.sidebar-nav #sidebarnav .sidebar-item .sidebar-link.active,
.sidebar-nav #sidebarnav .sidebar-item.active > .sidebar-link,
.sidebar-item.active > .hd-solutions-sidebar-link,
.hd-solutions-sidebar-link.active {
  border-radius: 12px !important;
  box-shadow: 0 8px 18px rgba(255, 107, 43, 0.16) !important;
}

.sidebar-nav #sidebarnav .sidebar-item.selected > .sidebar-link:hover,
.sidebar-nav #sidebarnav .sidebar-item .sidebar-link.active:hover,
.sidebar-nav #sidebarnav .sidebar-item.active > .sidebar-link:hover,
.sidebar-item.active > .hd-solutions-sidebar-link:hover,
.hd-solutions-sidebar-link.active:hover {
  background: #fff7ed !important;
  color: #c2410c !important;
  transform: none !important;
}

.sidebar-nav #sidebarnav .sidebar-item.selected > .sidebar-link:hover .feather-icon,
.sidebar-nav #sidebarnav .sidebar-item .sidebar-link.active:hover .feather-icon,
.sidebar-nav #sidebarnav .sidebar-item.active > .sidebar-link:hover .feather-icon,
.sidebar-item.active > .hd-solutions-sidebar-link:hover .feather-icon,
.hd-solutions-sidebar-link.active:hover .feather-icon {
  color: #c2410c !important;
}

.hd-solutions-sidebar-divider {
  margin: 10px 14px !important;
  opacity: 0.9 !important;
}

.hd-solutions-sidebar-version {
  padding: 10px 14px 14px;
}

.hd-solutions-version-text {
  font-size: 0.74rem;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"] .left-sidebar,
  #main-wrapper[data-layout="vertical"] .left-sidebar,
  .left-sidebar,
  #main-wrapper[data-sidebartype="mini-sidebar"] .left-sidebar {
    width: var(--hd-sidebar-width-laptop) !important;
    min-width: var(--hd-sidebar-width-laptop) !important;
    max-width: var(--hd-sidebar-width-laptop) !important;
  }

  .hd-solutions-header-logo {
    width: var(--hd-sidebar-width-laptop);
    padding: 10px 16px;
  }

  #main-wrapper[data-layout="vertical"][data-sidebartype="full"] .page-wrapper,
  #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="full"] .page-wrapper,
  #main-wrapper[data-sidebartype="mini-sidebar"] .page-wrapper {
    margin-left: var(--hd-sidebar-width-laptop) !important;
  }

  .sidebar-nav #sidebarnav .sidebar-item,
  .hd-solutions-sidebar-item {
    margin: 6px 8px !important;
  }

  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link,
  .hd-solutions-sidebar-link {
    padding: 9px 12px !important;
    font-size: 0.8rem !important;
    border-radius: 10px !important;
  }

  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link .feather-icon,
  .hd-solutions-sidebar-link .feather-icon {
    width: 16px !important;
    height: 16px !important;
    margin-right: 10px !important;
  }

  .hd-solutions-sidebar-version {
    padding: 10px 10px 14px;
  }

  .hd-solutions-version-text {
    font-size: 0.68rem;
  }
}

@media (min-width: 0) and (max-width: 0) {
  #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"] .left-sidebar,
  #main-wrapper[data-layout="vertical"] .left-sidebar,
  .left-sidebar,
  #main-wrapper[data-sidebartype="mini-sidebar"] .left-sidebar {
    width: var(--hd-sidebar-width-tablet) !important;
    min-width: var(--hd-sidebar-width-tablet) !important;
    max-width: var(--hd-sidebar-width-tablet) !important;
  }

  .hd-solutions-header-logo {
    width: var(--hd-sidebar-width-tablet);
    padding: 8px 4px;
  }

  #main-wrapper[data-layout="vertical"][data-sidebartype="full"] .page-wrapper,
  #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="full"] .page-wrapper,
  #main-wrapper[data-sidebartype="mini-sidebar"] .page-wrapper {
    margin-left: var(--hd-sidebar-width-tablet) !important;
  }

  #main-wrapper > main {
    margin-left: 0 !important;
    width: auto !important;
  }

  .left-sidebar,
  #main-wrapper[data-sidebartype="mini-sidebar"] .left-sidebar {
    width: var(--hd-sidebar-width-tablet) !important;
    min-width: var(--hd-sidebar-width-tablet) !important;
  }

  .sidebar-nav #sidebarnav .sidebar-item,
  .hd-solutions-sidebar-item {
    margin: 4px 4px !important;
  }

  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link,
  .hd-solutions-sidebar-link,
  .sidebar-nav #sidebarnav .hd-solutions-sidebar-item .sidebar-link {
    width: 48px !important;
    min-width: 48px !important;
    height: 44px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background: transparent !important;
    transform: none !important;
  }

  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link .feather-icon,
  .hd-solutions-sidebar-link .feather-icon {
    width: 20px !important;
    height: 20px !important;
    margin-right: 0 !important;
    color: #94a3b8 !important;
  }

  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link .hide-menu,
  .hd-solutions-sidebar-link .hide-menu,
  .hd-solutions-sidebar-link .hd-solutions-lock,
  .hd-solutions-sidebar-link .label {
    display: none !important;
  }

  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link:hover,
  .hd-solutions-sidebar-link:hover {
    width: 48px !important;
    min-width: 48px !important;
    background: rgba(255, 107, 43, 0.12) !important;
    transform: none !important;
  }

  .sidebar-nav #sidebarnav .sidebar-item.selected > .sidebar-link,
  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link.active,
  .sidebar-nav #sidebarnav .sidebar-item.active > .sidebar-link,
  .sidebar-item.active > .hd-solutions-sidebar-link,
  .hd-solutions-sidebar-link.active {
    width: 48px !important;
    min-width: 48px !important;
    box-shadow: 0 8px 18px rgba(255, 107, 43, 0.14) !important;
  }

  .sidebar-nav #sidebarnav .sidebar-item.selected > .sidebar-link .feather-icon,
  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link.active .feather-icon,
  .sidebar-nav #sidebarnav .sidebar-item.active > .sidebar-link .feather-icon,
  .sidebar-item.active > .hd-solutions-sidebar-link .feather-icon,
  .hd-solutions-sidebar-link.active .feather-icon {
    color: #ffffff !important;
  }

  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link.text-danger,
  .hd-solutions-sidebar-link.text-danger,
  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link.text-danger:hover,
  .hd-solutions-sidebar-link.text-danger:hover {
    width: 48px !important;
    min-width: 48px !important;
    height: 44px !important;
    padding: 0 !important;
    background: rgba(220, 38, 38, 0.08) !important;
    transform: none !important;
    justify-content: center !important;
  }

  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link.text-danger .feather-icon,
  .hd-solutions-sidebar-link.text-danger .feather-icon {
    color: var(--hd-danger) !important;
  }

  .hd-solutions-sidebar-divider {
    display: none !important;
  }

  .hd-solutions-sidebar-version {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .hd-solutions-header-logo {
    width: auto;
    max-width: calc(100% - 160px);
    padding: 10px 16px;
  }

  #main-wrapper > main {
    margin-left: 0 !important;
    width: auto !important;
  }

  #main-wrapper[data-layout="vertical"][data-sidebartype="full"] .page-wrapper,
  #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="full"] .page-wrapper,
  #main-wrapper[data-sidebartype="mini-sidebar"] .page-wrapper,
  #main-wrapper .page-wrapper {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #main-wrapper .left-sidebar {
    width: var(--hd-sidebar-width-mobile) !important;
    min-width: var(--hd-sidebar-width-mobile) !important;
    max-width: var(--hd-sidebar-width-mobile) !important;
    left: calc(var(--hd-sidebar-width-mobile) * -1) !important;
  }

  #main-wrapper.show-sidebar .left-sidebar {
    left: 0 !important;
  }

  .sidebar-nav #sidebarnav .sidebar-item,
  .hd-solutions-sidebar-item {
    margin: 6px 10px !important;
  }

  .sidebar-nav #sidebarnav .sidebar-item .sidebar-link,
  .hd-solutions-sidebar-link {
    padding: 11px 14px !important;
    border-radius: 11px !important;
  }

  .hd-solutions-sidebar-version {
    padding: 10px 12px 14px;
  }
}

/* Header/Sidebar aligned with card white */
body.funcionario .hd-solutions-header,
body.funcionario .left-sidebar,
body.funcionario .left-sidebar .scroll-sidebar,
body.funcionario .hd-solutions-header-logo,
body.funcionario .hd-solutions-header-content,
body.administrador .hd-solutions-header,
body.administrador .left-sidebar,
body.administrador .left-sidebar .scroll-sidebar,
body.administrador .hd-solutions-header-logo,
body.administrador .hd-solutions-header-content {
  background: #ffffff !important;
}

/* Campos confirmados pelo ViaCEP permanecem enviados no form, mas não editáveis. */
.hd-cep-autofilled[readonly] {
  background-color: #f4f7fb !important;
  border-color: #d9e3ef !important;
  color: #52657d !important;
  cursor: not-allowed;
}

body.funcionario .hd-solutions-sidebar-version,
body.administrador .hd-solutions-sidebar-version {
  background: #ffffff !important;
}

/*
 * Shell administrativo: header no fluxo e sidebar fixa usam a mesma medida.
 * Isso evita que cada página tenha de compensar o layout legado por conta
 * própria e mantém Dashboard, Minha Conta e as demais telas alinhados.
 */
body.administrador #main-wrapper {
  min-height: 100vh;
  background: #fff;
}

body.administrador #main-wrapper > .hd-solutions-header {
  position: fixed;
  top: 0;
  height: var(--hd-header-height);
  z-index: 1030;
}

body.administrador #main-wrapper > .left-sidebar {
  top: var(--hd-header-height);
  height: calc(100vh - var(--hd-header-height));
  z-index: 1020;
}

body.administrador #main-wrapper > main {
  min-height: calc(100vh - var(--hd-header-height));
  margin: var(--hd-header-height) 0 0;
  padding: 0;
}

body.administrador #main-wrapper > main > .page-wrapper {
  min-height: calc(100vh - var(--hd-header-height));
  border-radius: 0;
  box-shadow: none;
}

/* Modo de análises detalhadas: painéis novos em uma coluna contínua. */
.hd-dashboard-detailed-analysis {
  display: grid;
  gap: 16px;
  width: 100%;
}

.hd-dashboard-detailed-analysis__item,
.hd-dashboard-detailed-analysis__item .hd-raio-x-prototype,
.hd-dashboard-detailed-analysis__item .hd-energy-x-intensity {
  width: 100%;
}

.hd-dashboard-detailed-analysis__item .hd-energy-x-intensity {
  margin-top: 0;
}

@media (max-width: 991.98px) {
  .hd-brain-card {
    padding: 22px;
  }

  .hd-brain-card-grid {
    gap: 24px;
  }

  .hd-brain-main-grid,
  .hd-brain-context-grid {
    grid-template-columns: 1fr;
    row-gap: 22px;
  }

  .hd-brain-main-grid {
    min-height: 0;
  }

  .hd-brain-visual {
    min-height: 218px;
  }

  .hd-brain-context-grid .hd-brain-insights {
    padding: 20px 0 0;
    border-top: 1px solid #dfe7f3;
    border-left: 0;
  }

  .hd-brain-profile {
    gap: 18px;
    padding: 0;
  }

  .hd-brain-profile .hd-brain-duo {
    min-height: 218px;
    margin-bottom: 0;
  }

  .hd-brain-align {
    padding: 4px 0 0;
    gap: 22px;
  }
}

@media (max-width: 767.98px) {
  .hd-brain-card {
    padding: 18px 16px;
    border-radius: 16px;
  }

  .hd-brain-card-header {
    gap: 12px;
    margin-bottom: 18px;
  }

  .hd-brain-title { font-size: 1.02rem; }
  .hd-brain-subtitle { font-size: 0.76rem; }

  .hd-brain-profile .hd-brain-duo {
    width: min(100%, 260px);
    min-height: 190px;
  }

  .hd-brain-profile .hd-brain-duo::after {
    inset: -10px 6%;
  }

  .hd-brain-profile .hd-brain-svg {
    width: min(40%, 104px);
  }

  .hd-brain-visual {
    min-height: 190px;
    padding: 0;
  }

  .hd-brain-visual .hd-brain-duo {
    width: min(100%, 260px);
    min-height: 178px;
  }

  .hd-brain-visual .hd-brain-duo::after {
    inset: -10px 6%;
  }

  .hd-brain-visual .hd-brain-svg {
    width: min(38%, 92px);
  }

  .hd-brain-context-grid {
    margin-top: 18px;
    padding-top: 18px;
    row-gap: 16px;
  }

  .hd-brain-note {
    font-size: 0.88rem;
    line-height: 1.48;
  }

  .hd-brain-align-summary {
    gap: 10px;
  }

  .hd-brain-align-value { font-size: 2rem; }

  .hd-brain-badge {
    padding: 8px 10px;
    font-size: 0.8rem;
  }

  .hd-brain-insights {
    gap: 10px;
    padding-top: 16px;
    font-size: 0.88rem;
  }

  .hd-brain-insight-heading span {
    font-size: 0.94rem;
  }

  .hd-brain-insight-copy {
    padding-left: 8px;
  }
}

/* Dashboard pessoal: mesma linguagem visual da página de habilidades. */
body.funcionario:has(.hd-dashboard-personal),
body.funcionario:has(.hd-dashboard-personal) #main-wrapper,
body.funcionario:has(.hd-dashboard-personal) #main-wrapper > main,
body.funcionario .page-wrapper:has(.hd-dashboard-personal),
.page-wrapper:has(.hd-dashboard-personal) > .container-fluid {
  background: #fff !important;
}

.hd-dashboard-personal {
  --hd-dashboard-border: #dfe7ef;
  --hd-dashboard-soft: #fbfdff;
  color: var(--hd-secondary);
}

.hd-dashboard-personal__header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin: 4px 0 22px;
  padding: 0 4px 18px;
  border-bottom: 1px solid #e5ebf1;
}

.hd-dashboard-personal__eyebrow {
  display: block;
  margin-bottom: 4px;
  color: #bd5529;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.hd-dashboard-personal__header h1 {
  margin: 0;
  color: var(--hd-secondary);
  font-size: 30px;
  font-weight: 800;
  line-height: 1.15;
}

.hd-dashboard-personal__header p {
  margin: 5px 0 0;
  color: #718096;
  font-size: 14px;
  line-height: 1.45;
}

.hd-dashboard-personal__status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
  padding: 8px 10px;
  border: 1px solid #dfe7ef;
  border-radius: 6px;
  background: #fbfdff;
  color: #49617f;
  font-size: 12px;
  font-weight: 700;
}

.hd-dashboard-personal__status .feather { width: 15px; color: var(--hd-primary); }

.hd-dashboard-personal .hd-brain-card,
.hd-dashboard-personal .hd-dx-card,
.hd-dashboard-personal .hd-raio-x-prototype__card,
.hd-dashboard-personal .hd-energy-x-intensity__card,
.hd-dashboard-personal .hd-motivacao-polished,
.hd-dashboard-personal .hd-estresse-polished,
.hd-dashboard-personal .hd-rs-card,
.hd-dashboard-personal .hd-rs-life-card {
  border-color: var(--hd-dashboard-border);
  border-radius: 8px;
  box-shadow: 0 3px 12px rgba(52, 65, 88, 0.055);
}

.hd-dashboard-personal .hd-brain-card,
.hd-dashboard-personal .hd-raio-x-prototype__card,
.hd-dashboard-personal .hd-energy-x-intensity__card {
  background: var(--hd-dashboard-soft);
}

.hd-dashboard-personal .hd-brain-card { padding:24px; }
.hd-dashboard-personal .hd-brain-title,
.hd-dashboard-personal .hd-dx-title,
.hd-dashboard-personal .hd-raio-x-prototype__title,
.hd-dashboard-personal .hd-energy-x-intensity__title {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.2;
}

.hd-dashboard-personal .hd-motivacao-polished__title span,
.hd-dashboard-personal .hd-estresse-polished__title span,
.hd-dashboard-personal .hd-rs-title {
  font-size: 16px !important;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.2;
}

.hd-dashboard-personal .hd-raio-x-prototype__zero,
.hd-dashboard-personal .hd-energy-x-intensity__zero {
  min-width: 68px;
  color: #586b87;
  font-size: 11px;
}

.hd-dashboard-personal .hd-dx-image-slot.is-empty { display: none; }
.hd-dashboard-personal .hd-dx-footer { border-top: 0; }

.hd-dashboard-personal .hd-raio-x-prototype__row,
.hd-dashboard-personal .hd-energy-x-intensity__row {
  border-color: #e3eaf1;
  border-radius: 6px;
  background: #fff;
}

.hd-dashboard-personal .hd-raio-x-prototype__insight {
  border-radius: 6px;
}

@media (hover: hover) {
  .hd-dashboard-personal .hd-brain-card,
  .hd-dashboard-personal .hd-dx-card,
  .hd-dashboard-personal .hd-motivacao-polished,
  .hd-dashboard-personal .hd-estresse-polished,
  .hd-dashboard-personal .hd-rs-card,
  .hd-dashboard-personal .hd-rs-life-card {
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
  }

  .hd-dashboard-personal .hd-brain-card:hover,
  .hd-dashboard-personal .hd-dx-card:hover,
  .hd-dashboard-personal .hd-motivacao-polished:hover,
  .hd-dashboard-personal .hd-estresse-polished:hover,
  .hd-dashboard-personal .hd-rs-card:hover,
  .hd-dashboard-personal .hd-rs-life-card:hover {
    border-color: #cedae5;
    box-shadow: 0 6px 18px rgba(52, 65, 88, 0.075);
    transform: translateY(-1px);
  }
}

@media (max-width: 767.98px) {
  .hd-dashboard-personal__header {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    margin: 0 0 18px;
    padding: 0 0 16px;
  }

  .hd-dashboard-personal__header h1 { font-size: 26px; }
  .hd-dashboard-personal__header p { font-size: 13px; }
  .hd-dashboard-personal .hd-brain-card { padding: 18px 16px; }
  .hd-dashboard-personal .hd-brain-title,
  .hd-dashboard-personal .hd-dx-title,
  .hd-dashboard-personal .hd-raio-x-prototype__title,
  .hd-dashboard-personal .hd-energy-x-intensity__title { font-size: 18px; }
  .hd-dashboard-personal .hd-motivacao-polished__title span,
  .hd-dashboard-personal .hd-estresse-polished__title span,
  .hd-dashboard-personal .hd-rs-title { font-size: 15px !important; }
  .hd-dashboard-personal .hd-raio-x-prototype__zero,
  .hd-dashboard-personal .hd-energy-x-intensity__zero { min-width: 62px; font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .hd-dashboard-personal .hd-brain-card,
  .hd-dashboard-personal .hd-dx-card,
  .hd-dashboard-personal .hd-motivacao-polished,
  .hd-dashboard-personal .hd-estresse-polished,
  .hd-dashboard-personal .hd-rs-card,
  .hd-dashboard-personal .hd-rs-life-card { transition: none; }
}

/* Hierarquia compacta do comparativo entre padrão e momento atual. */
.hd-dashboard-personal .hd-brain-card {
  background: #ffffff;
  border-color: #dce5ef;
}

.hd-dashboard-personal .hd-brain-card-header {
  align-items: flex-start;
  gap: 28px;
}

.hd-dashboard-personal .hd-brain-subtitle {
  max-width: 48ch;
}

.hd-dashboard-personal .hd-brain-streak {
  flex: 0 0 184px;
  min-width: 184px;
  gap: 6px;
  padding-left: 18px;
  border-left: 1px solid #e4ebf2;
}

.hd-dashboard-personal .hd-brain-streak-head {
  justify-content: space-between;
  color: #617596;
  font-size: 12px;
}

.hd-dashboard-personal .hd-brain-streak-head span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.hd-dashboard-personal .hd-brain-streak-head svg {
  width: 14px;
  height: 14px;
  color: #f97316;
}

.hd-dashboard-personal .hd-brain-streak strong {
  color: #1b3152;
  font-size: 12px;
}

.hd-dashboard-personal .hd-brain-main-grid {
  grid-template-columns: minmax(260px, .82fr) minmax(360px, 1.18fr);
  column-gap: 34px;
  min-height: 238px;
}

.hd-dashboard-personal .hd-brain-visual {
  min-height: 238px;
}

.hd-dashboard-personal .hd-brain-main-grid .hd-brain-align {
  position: relative;
  gap: 12px;
  padding: 10px 0;
}

.hd-dashboard-personal .hd-brain-align-summary {
  gap: 10px;
}

.hd-dashboard-personal .hd-brain-align-label {
  color: #526783;
  font-size: 14px;
  font-weight: 700;
}

.hd-dashboard-personal .hd-brain-align-status {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 5px;
  padding: 4px 8px;
  border: 1px solid #dfe7f0;
  border: 1px solid color-mix(in srgb, var(--hd-brain-now) 24%, #dfe7f0);
  border-radius: 999px;
  background: #f7fafc;
  background: color-mix(in srgb, var(--hd-brain-now) 9%, #ffffff);
  color: #425b7e;
  color: color-mix(in srgb, var(--hd-brain-now) 72%, #203752);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}

.hd-dashboard-personal .hd-brain-align-status svg {
  width: 13px;
  height: 13px;
}

.hd-dashboard-personal .hd-brain-align-value {
  color: #142c50;
  font-size: 42px;
  letter-spacing: 0;
}

.hd-dashboard-personal .hd-brain-align-copy {
  max-width: 44ch;
  margin: 0;
  color: #6a7d98;
  font-size: 13px;
  line-height: 1.45;
}

.hd-dashboard-personal .hd-brain-badges {
  margin-top: 2px;
}

.hd-dashboard-personal .hd-brain-badge {
  border: 1px solid #e2e9f1;
  border-radius: 6px;
  background: #f8fafc;
  color: #425b7e;
  font-size: 12px;
  padding: 7px 9px;
}

.hd-dashboard-personal .hd-brain-context-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  column-gap: 34px;
  margin-top: 18px;
  padding-top: 18px;
}

.hd-dashboard-personal .hd-brain-context-grid .hd-brain-note,
.hd-dashboard-personal .hd-brain-context-grid .hd-brain-insights {
  max-width: none;
  font-size: 13px;
  line-height: 1.5;
}

.hd-dashboard-personal .hd-brain-context-grid .hd-brain-note p {
  margin: 6px 0 0;
}

.hd-dashboard-personal .hd-brain-context-grid .hd-brain-insights {
  gap: 5px;
  padding-left: 28px;
}

.hd-dashboard-personal .hd-brain-context-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #516884;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.hd-dashboard-personal .hd-brain-context-label svg {
  width: 14px;
  height: 14px;
}

.hd-dashboard-personal .hd-brain-context-label--base svg { color: var(--hd-brain-base); }
.hd-dashboard-personal .hd-brain-context-label--now svg { color: var(--hd-brain-now); }

.hd-dashboard-personal .hd-brain-insight-heading span {
  color: #1b3152;
  font-size: 15px;
}

@media (max-width: 991.98px) {
  .hd-dashboard-personal .hd-brain-main-grid .hd-brain-align { order: -1; }

  .hd-dashboard-personal .hd-brain-streak {
    flex-basis: 170px;
    min-width: 170px;
  }
}

@media (max-width: 767.98px) {
  .hd-dashboard-personal .hd-brain-card-header {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .hd-dashboard-personal .hd-brain-streak {
    width: 100%;
    min-width: 0;
    padding: 12px 0 0;
    border-top: 1px solid #e4ebf2;
    border-left: 0;
  }

  .hd-dashboard-personal .hd-brain-main-grid {
    min-height: 0;
    row-gap: 8px;
  }

  .hd-dashboard-personal .hd-brain-main-grid .hd-brain-align { padding-top: 0; }
  .hd-dashboard-personal .hd-brain-visual { min-height: 190px; }
  .hd-dashboard-personal .hd-brain-align-value { font-size: 38px; }

  .hd-dashboard-personal .hd-brain-context-grid {
    row-gap: 18px;
    margin-top: 14px;
    padding-top: 16px;
  }

  .hd-dashboard-personal .hd-brain-context-grid .hd-brain-insights {
    padding: 16px 0 0;
  }
}

/* Dashboard pessoal no celular: elimina larguras herdadas do desktop e prioriza leitura. */
@media (max-width: 767.98px) {
  body.funcionario:has(.hd-dashboard-personal),
  body.funcionario:has(.hd-dashboard-personal) #main-wrapper,
  body.funcionario:has(.hd-dashboard-personal) .page-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .page-wrapper:has(.hd-dashboard-personal) > .container-fluid {
    width: 100%;
    max-width: 100%;
    padding: 16px 12px 24px;
  }

  .hd-dashboard-personal,
  .hd-dashboard-personal #page-content,
  .hd-dashboard-personal .row,
  .hd-dashboard-personal [class*="col-"] {
    min-width: 0;
    max-width: 100%;
  }

  .hd-dashboard-personal .row {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .hd-dashboard-personal .row > [class*="col-"] {
    flex: 0 0 100%;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }

  .hd-dashboard-personal .hd-dashboard-detailed-analysis,
  .hd-dashboard-personal .hd-dashboard-detailed-analysis__item,
  .hd-dashboard-personal .hd-raio-x-prototype,
  .hd-dashboard-personal .hd-energy-x-intensity,
  .hd-dashboard-personal .hd-rs-card,
  .hd-dashboard-personal .hd-rs-life-card,
  .hd-dashboard-personal .hd-motivacao-polished,
  .hd-dashboard-personal .hd-estresse-polished {
    width: 100%;
    min-width: 0;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__card,
  .hd-dashboard-personal .hd-energy-x-intensity__card {
    padding: 16px 14px;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__row,
  .hd-dashboard-personal .hd-energy-x-intensity__row {
    display: block;
    padding: 14px 12px;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__intro,
  .hd-dashboard-personal .hd-energy-x-intensity__intro {
    min-height: 0;
    margin-bottom: 14px;
    padding: 0 0 12px;
    border-right: 0;
    border-bottom: 1px solid #e7edf6;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__chart,
  .hd-dashboard-personal .hd-energy-x-intensity__chart,
  .hd-dashboard-personal .hd-raio-x-prototype__plot,
  .hd-dashboard-personal .hd-energy-x-intensity__plot {
    width: 100%;
    min-width: 0;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__insight {
    width: 100%;
    margin-top: 16px;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__edge,
  .hd-dashboard-personal .hd-energy-x-intensity__edge {
    max-width: 36%;
    overflow-wrap: anywhere;
    font-size: 11px;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__zero,
  .hd-dashboard-personal .hd-energy-x-intensity__zero {
    min-width: 0;
    font-size: 10px;
  }

  .hd-dashboard-personal canvas,
  .hd-dashboard-personal svg {
    max-width: 100%;
  }
}

/* Fallback para webviews que mantêm viewport de layout largo mesmo em aparelho pequeno. */
@media (max-width: 767.98px), (max-device-width: 767.98px) {
  .hd-dashboard-personal {
    display: grid;
    gap: 16px;
    width: 100%;
  }

  .hd-dashboard-personal > .row,
  .hd-dashboard-personal > .hd-dashboard-detailed-analysis {
    margin-top: 0;
    margin-bottom: 0 !important;
  }

  .hd-dashboard-personal .row.align-items-stretch {
    row-gap: 16px;
  }

  .hd-dashboard-personal .hd-dashboard-detailed-analysis {
    gap: 16px;
  }

  .hd-dashboard-personal .hd-brain-card-header,
  .hd-dashboard-personal .hd-brain-main-grid,
  .hd-dashboard-personal .hd-brain-context-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .hd-dashboard-personal .hd-brain-main-grid .hd-brain-align {
    order: -1;
    padding: 0;
  }

  .hd-dashboard-personal .hd-brain-context-grid .hd-brain-insights {
    padding: 16px 0 0;
    border-top: 1px solid #dfe7f3;
    border-left: 0;
  }

  .hd-dashboard-personal .hd-brain-visual {
    min-height: 180px;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__row,
  .hd-dashboard-personal .hd-energy-x-intensity__row {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__intro,
  .hd-dashboard-personal .hd-energy-x-intensity__intro {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .hd-dashboard-personal .hd-raio-x-prototype__insight {
    grid-column: auto;
    justify-self: stretch;
    width: 100%;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__labels,
  .hd-dashboard-personal .hd-energy-x-intensity__labels {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 6px;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__edge,
  .hd-dashboard-personal .hd-energy-x-intensity__edge {
    font-size: 10px;
    line-height: 1.2;
  }

  .hd-dashboard-personal .hd-rs-card,
  .hd-dashboard-personal .hd-motivacao-polished,
  .hd-dashboard-personal .hd-estresse-polished,
  .hd-dashboard-personal .hd-rs-life-card {
    margin: 0;
  }
}

@media (max-width: 360px), (max-device-width: 360px) {
  .page-wrapper:has(.hd-dashboard-personal) > .container-fluid {
    padding-right: 10px;
    padding-left: 10px;
  }

  .hd-dashboard-personal {
    gap: 14px;
  }

  .hd-dashboard-personal .hd-brain-card,
  .hd-dashboard-personal .hd-raio-x-prototype__card,
  .hd-dashboard-personal .hd-energy-x-intensity__card {
    padding: 14px 12px;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__description,
  .hd-dashboard-personal .hd-energy-x-intensity__description {
    display: none;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__insight-text {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}


/* Trilhos comparativos: reserva espaço para rótulos e valores no mobile. */
@media (max-width: 767.98px), (max-device-width: 767.98px) {
  .hd-dashboard-personal .hd-raio-x-prototype__labels,
  .hd-dashboard-personal .hd-energy-x-intensity__labels {
    grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr);
    min-height: 30px;
    margin-bottom: 10px;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__edge,
  .hd-dashboard-personal .hd-energy-x-intensity__edge {
    display: block;
    max-width: none;
    overflow: hidden;
    font-size: 10px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__zero,
  .hd-dashboard-personal .hd-energy-x-intensity__zero {
    font-size: 10px;
    line-height: 1.2;
    white-space: nowrap;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__bars,
  .hd-dashboard-personal .hd-energy-x-intensity__bars {
    gap: 16px;
    padding: 12px 0 22px;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__bar,
  .hd-dashboard-personal .hd-energy-x-intensity__bar {
    height: 24px;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__value,
  .hd-dashboard-personal .hd-energy-x-intensity__value {
    top: -16px;
    font-size: 11px;
    line-height: 1;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__bar--estou .hd-raio-x-prototype__value,
  .hd-dashboard-personal .hd-energy-x-intensity__bar--estou .hd-energy-x-intensity__value {
    top: auto;
    bottom: -16px;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__dot,
  .hd-dashboard-personal .hd-energy-x-intensity__dot {
    width: 11px;
    height: 11px;
  }
}

@media (max-width: 360px), (max-device-width: 360px) {
  .hd-dashboard-personal .hd-raio-x-prototype__labels,
  .hd-dashboard-personal .hd-energy-x-intensity__labels {
    grid-template-columns: minmax(0, 1fr) 62px minmax(0, 1fr);
    gap: 4px;
  }

  .hd-dashboard-personal .hd-raio-x-prototype__edge,
  .hd-dashboard-personal .hd-energy-x-intensity__edge,
  .hd-dashboard-personal .hd-raio-x-prototype__zero,
  .hd-dashboard-personal .hd-energy-x-intensity__zero {
    font-size: 9px;
  }
}