/* Final reference polish layer for the Protection Dashboard. Keep layout stable, tune typography only. */
.protection-dashboard-page{
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.dashboard-product-logo strong,
.esrok-template-dashboard .dashboard-email-hub__head h1,
.dashboard-safety-banner,
.esrok-template-stat-card strong,
.esrok-template-stat-card span,
.dashboard-monitor-form__intro strong,
.dashboard-monitor-submit{
  letter-spacing:-.025em !important;
}

.dashboard-product-logo strong{
  font-weight:720 !important;
}

.esrok-template-dashboard .dashboard-email-hub__head h1{
  font-weight:770 !important;
}

.dashboard-monitor-form__intro strong{
  font-weight:740 !important;
}

.dashboard-safety-banner::before{
  content:"" !important;
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
  border-radius:0 !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10.4' fill='%2348f0b8'/%3E%3Cpath d='m8.2 12.2 2.3 2.3 5.3-5.5' fill='none' stroke='%23052c35' stroke-width='2.45' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  box-shadow:none !important;
}

@media (min-width: 721px){
  .esrok-template-dashboard #dashboardEmails,
  .esrok-template-dashboard [data-dashboard-panel]{
    width:min(1068px, calc(100% - 48px)) !important;
    margin:0 auto 44px !important;
  }

  .dashboard-product-topbar{
    min-height:80px !important;
    height:80px !important;
    padding:18px 30px !important;
    align-items:center !important;
  }

  .esrok-template-dashboard #dashboardEmails{
    padding-top:35px !important;
    gap:0 !important;
  }

  .esrok-template-dashboard .dashboard-email-hub__head .eyebrow{
    margin-bottom:22px !important;
    font-size:15px !important;
    letter-spacing:.26em !important;
    font-weight:720 !important;
  }

  .esrok-template-dashboard .dashboard-email-hub__head h1{
    font-size:56px !important;
    line-height:1.03 !important;
    letter-spacing:-.035em !important;
    font-weight:770 !important;
  }

  .dashboard-safety-banner{
    margin-top:22px !important;
    min-height:52px !important;
    padding:0 24px !important;
    gap:14px !important;
    border-radius:10px !important;
    border-color:rgba(46,241,158,.34) !important;
    background:linear-gradient(180deg, rgba(10,43,52,.78), rgba(8,35,42,.74)) !important;
    color:#48f0b8 !important;
    font-size:18px !important;
    line-height:1 !important;
    font-weight:720 !important;
    letter-spacing:-.02em !important;
  }

  .esrok-template-dashboard .dashboard-email-hub__head .dashboard-status-note{
    margin-top:24px !important;
    font-size:20px !important;
    line-height:1.48 !important;
    font-weight:400 !important;
  }

  .esrok-template-stats{
    margin-top:34px !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:24px !important;
  }

  #dashboardEmails .esrok-template-stat-card{
    height:294px !important;
    min-height:294px !important;
    padding:27px 28px 25px !important;
    border-radius:10px !important;
  }

  #dashboardEmails .dashboard-stat-icon{
    margin:0 auto 24px !important;
  }

  #dashboardEmails .dashboard-stat-card--alerts{
    align-items:center !important;
    text-align:center !important;
  }

  #dashboardEmails .esrok-template-stat-card span.dashboard-stat-label{
    font-size:17px !important;
    font-weight:610 !important;
    letter-spacing:-.02em !important;
  }

  #dashboardEmails .esrok-template-stat-card strong{
    min-width:170px !important;
    margin-top:18px !important;
    padding-top:13px !important;
    border-top:1px solid rgba(136,151,206,.18) !important;
    font-size:33px !important;
    line-height:1.05 !important;
    letter-spacing:-.035em !important;
    font-weight:740 !important;
  }

  #dashboardEmails .dashboard-stat-card--scan strong{
    font-size:27px !important;
    line-height:1.08 !important;
    white-space:nowrap !important;
  }

  #dashboardEmails .esrok-template-stat-card small{
    margin-top:15px !important;
    font-size:16px !important;
    line-height:1.38 !important;
    font-weight:400 !important;
  }

  .dashboard-monitor-form--hero{
    margin-top:22px !important;
    padding:23px 34px 20px !important;
    border-radius:10px !important;
  }

  .dashboard-monitor-form__intro{
    margin:0 auto 18px !important;
  }

  .dashboard-monitor-form__intro strong{
    font-size:29px !important;
    line-height:1.08 !important;
    letter-spacing:-.035em !important;
    font-weight:740 !important;
  }

  .dashboard-monitor-form__intro p{
    font-size:16px !important;
    line-height:1.35 !important;
    font-weight:400 !important;
  }

  .dashboard-monitor-form__grid{
    width:min(720px, 100%) !important;
    margin:0 auto !important;
    grid-template-columns:minmax(0, 1fr) 196px !important;
  }

  .dashboard-monitor-submit{
    min-height:61px !important;
    border-radius:0 10px 10px 0 !important;
    font-size:16px !important;
    font-weight:720 !important;
    letter-spacing:-.015em !important;
  }

  .dashboard-monitor-submit::before{
    content:none !important;
  }

  .esrok-template-dashboard .dashboard-field input{
    min-height:61px !important;
    border-radius:10px 0 0 10px !important;
  }

  .dashboard-monitor-form--hero .dashboard-inline-status{
    display:none !important;
  }

  #dashboardSafeBrowsingCard.dashboard-safe-browsing-card{
    margin-top:28px !important;
    padding-bottom:38px !important;
  }

  #dashboardSafeBrowsingCard + .dashboard-usage.dashboard-usage--quiet{
    margin-top:22px !important;
    margin-bottom:18px !important;
    position:relative !important;
    z-index:1 !important;
  }
}

@media (max-width: 720px){
  .dashboard-product-account{
    display:grid !important;
  }

  #dashboardSafeBrowsingCard.dashboard-safe-browsing-card{
    margin-top:24px !important;
    padding-bottom:28px !important;
  }

  #dashboardSafeBrowsingCard + .dashboard-usage.dashboard-usage--quiet{
    margin-top:18px !important;
    margin-bottom:18px !important;
    position:relative !important;
    z-index:1 !important;
  }
}