/* Next Big Domain 0.67.0
   Homepage fidelity + seller workspace SaaS refinement.
   This file intentionally loads last and only changes presentation.
*/

/* --------------------------------------------------------------------------
   HOMEPAGE HERO — match the approved reference composition more closely
   -------------------------------------------------------------------------- */
@media (min-width:1121px){
  .nbd-ref-hero{
    min-height:665px!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  .nbd-ref-hero-bg{
    background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.995) 37%,rgba(255,255,255,.92) 47%,rgba(255,255,255,0) 61%)!important;
    filter:none!important;
  }
  .nbd-ref-hero-grid{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    min-height:665px!important;
    margin:0!important;
    padding:70px 0 52px clamp(40px,3.9vw,64px)!important;
    display:grid!important;
    grid-template-columns:minmax(0,42%) minmax(0,58%)!important;
    gap:0!important;
    align-items:center!important;
  }
  .nbd-ref-hero-copy{
    position:relative!important;
    z-index:5!important;
    width:100%!important;
    max-width:625px!important;
    padding:0!important;
  }
  .nbd-ref-kicker{
    margin-bottom:22px!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:.19em!important;
  }
  .nbd-ref-hero h1{
    max-width:610px!important;
    margin:0 0 24px!important;
    font-size:clamp(58px,4.25vw,72px)!important;
    line-height:.99!important;
    letter-spacing:-.055em!important;
    font-weight:800!important;
    text-wrap:balance!important;
  }
  .nbd-ref-hero-copy>p{
    max-width:610px!important;
    margin:0!important;
    font-size:19px!important;
    line-height:1.66!important;
    color:#5d718d!important;
  }
  .nbd-ref-actions{margin-top:30px!important;gap:14px!important}
  .nbd-ref-btn{min-height:62px!important;padding:0 34px!important;border-radius:11px!important;font-size:17px!important;font-weight:750!important}
  .nbd-ref-btn-primary{box-shadow:0 14px 28px rgba(9,105,235,.18)!important}
  .nbd-ref-assurance{margin-top:21px!important;gap:28px!important;font-size:14px!important}

  .nbd-ref-dashboard-shot--reference{
    position:absolute!important;
    z-index:2!important;
    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:auto!important;
    width:min(57.1vw,940px)!important;
    max-width:940px!important;
    height:650px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .nbd-ref-hero-product-image{
    display:block!important;
    width:940px!important;
    max-width:none!important;
    height:650px!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center top!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
}

@media (min-width:1121px) and (max-width:1500px){
  .nbd-ref-hero,.nbd-ref-hero-grid{min-height:620px!important}
  .nbd-ref-hero-grid{padding-top:52px!important;padding-left:clamp(34px,3.2vw,48px)!important}
  .nbd-ref-hero-copy{max-width:570px!important}
  .nbd-ref-hero h1{max-width:560px!important;font-size:clamp(52px,4.45vw,66px)!important}
  .nbd-ref-hero-copy>p{max-width:550px!important;font-size:18px!important}
  .nbd-ref-dashboard-shot--reference{width:min(57vw,900px)!important;max-width:900px!important;height:620px!important}
  .nbd-ref-hero-product-image{width:900px!important;height:622px!important}
}

@media (max-width:1120px){
  .nbd-ref-hero-bg{background:linear-gradient(180deg,#fff 0%,#fff 62%,#f5f9fd 100%)!important}
  .nbd-ref-dashboard-shot--reference{overflow:hidden!important;border-radius:18px!important;box-shadow:0 24px 60px rgba(16,50,82,.11)!important}
  .nbd-ref-hero-product-image{display:block!important;width:100%!important;max-width:940px!important;height:auto!important;object-fit:contain!important}
}

/* --------------------------------------------------------------------------
   SELLER APP SHELL — closer to the approved NBD Today software reference
   -------------------------------------------------------------------------- */
@media (min-width:1121px){
  :root{--nbd-app-sidebar-width:282px}
  body .nbdm-workspace .nbdm-workspace-layout{
    background:linear-gradient(90deg,#061c33 0,var(--nbd-app-sidebar-width),#f7f9fc var(--nbd-app-sidebar-width),#f7f9fc 100%)!important;
  }
  body .nbdm-workspace .nbdm-workspace-sidebar{width:var(--nbd-app-sidebar-width)!important;background:#061c33!important}
  body .nbdm-workspace .nbdm-workspace-sidebar-inner{padding:22px 16px 20px!important}
  body .nbdm-workspace .nbdm-workspace-nav{gap:10px!important;padding-right:2px!important}
  body .nbdm-workspace .nbdm-nav-group{gap:5px!important}
  body .nbdm-workspace .nbdm-nav-group h2{
    margin:4px 12px 7px!important;
    color:#83a0bd!important;
    font-size:10px!important;
    letter-spacing:.15em!important;
  }
  body .nbdm-workspace .nbdm-workspace-nav a{
    min-height:47px!important;
    padding:10px 13px!important;
    gap:12px!important;
    border-radius:11px!important;
    color:#dce7f2!important;
    font-size:14.5px!important;
    font-weight:700!important;
  }
  body .nbdm-workspace .nbdm-workspace-nav a:hover{background:#102e4a!important;color:#fff!important}
  body .nbdm-workspace .nbdm-workspace-nav a.is-active{
    background:#1c4568!important;
    color:#fff!important;
    box-shadow:inset 4px 0 0 #1edff2!important;
  }
  body .nbdm-workspace .nbdm-workspace-nav a svg{width:18px!important;height:18px!important;color:#c5d9eb!important}

  body .nbdm-workspace .nbdm-workspace-content{
    width:calc(100% - var(--nbd-app-sidebar-width))!important;
    margin-left:var(--nbd-app-sidebar-width)!important;
    min-height:100dvh!important;
    padding:0 34px 64px!important;
    background:#f7f9fc!important;
  }
  body .nbdm-workspace .nbdm-app-toolbar{
    position:sticky!important;
    z-index:45!important;
    top:var(--wp-admin--admin-bar--height,0px)!important;
    min-height:72px!important;
    margin:0 -34px!important;
    padding:13px 34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:24px!important;
    background:rgba(255,255,255,.97)!important;
    border:0!important;
    border-bottom:1px solid #e2e9f1!important;
    box-shadow:none!important;
    backdrop-filter:blur(12px)!important;
  }
  body .nbdm-workspace .nbdm-app-search{flex:1 1 420px!important;max-width:500px!important;margin:0!important}
  body .nbdm-workspace .nbdm-app-search label{
    display:flex!important;align-items:center!important;gap:10px!important;
    height:44px!important;padding:0 14px!important;border:1px solid #dce5ef!important;
    border-radius:9px!important;background:#fff!important;color:#71859a!important;
  }
  body .nbdm-workspace .nbdm-app-search svg{width:17px!important;height:17px!important;flex:0 0 17px!important}
  body .nbdm-workspace .nbdm-app-search input{
    width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
    border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;
    color:#132b48!important;font-size:14px!important;font-weight:550!important;
  }
  body .nbdm-workspace .nbdm-app-toolbar-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important}
  body .nbdm-workspace .nbdm-notification-bell-icon{
    position:relative!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;
    padding:0!important;border:0!important;background:transparent!important;color:#143150!important;border-radius:50%!important;
  }
  body .nbdm-workspace .nbdm-notification-bell-icon:hover{background:#f1f5f9!important}
  body .nbdm-workspace .nbdm-notification-bell-icon svg{width:20px!important;height:20px!important}
  body .nbdm-workspace .nbdm-notification-bell-icon>span,body .nbdm-workspace .nbdm-notification-bell-icon>i{display:none!important}
  body .nbdm-workspace .nbdm-notification-bell-icon>strong{
    position:absolute!important;top:1px!important;right:1px!important;display:grid!important;place-items:center!important;
    min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:9px!important;background:#0874e8!important;color:#fff!important;font-size:10px!important;
  }
  body .nbdm-workspace .nbdm-profile-menu{position:relative!important;margin:0!important}
  body .nbdm-workspace .nbdm-profile-menu>summary{
    list-style:none!important;display:flex!important;align-items:center!important;gap:9px!important;min-height:44px!important;
    padding:4px 5px 4px 4px!important;border-radius:10px!important;cursor:pointer!important;color:#17314f!important;
  }
  body .nbdm-workspace .nbdm-profile-menu>summary::-webkit-details-marker{display:none!important}
  body .nbdm-workspace .nbdm-profile-menu>summary:hover{background:#f3f6f9!important}
  body .nbdm-workspace .nbdm-profile-avatar{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:50%!important;background:#0876be!important;color:#fff!important;font-size:12px!important;font-weight:800!important}
  body .nbdm-workspace .nbdm-profile-name{font-size:13px!important;font-weight:700!important;white-space:nowrap!important}
  body .nbdm-workspace .nbdm-profile-chevron{font-size:15px!important;color:#667d95!important}
  body .nbdm-workspace .nbdm-profile-popover{
    position:absolute!important;z-index:80!important;top:calc(100% + 8px)!important;right:0!important;width:230px!important;
    padding:9px!important;border:1px solid #dfe7ef!important;border-radius:12px!important;background:#fff!important;box-shadow:0 18px 45px rgba(15,43,72,.14)!important;
  }
  body .nbdm-workspace .nbdm-profile-popover>a,body .nbdm-workspace .nbdm-profile-credit{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:10px 11px!important;border-radius:8px!important;color:#17314f!important;font-size:13px!important;text-decoration:none!important}
  body .nbdm-workspace .nbdm-profile-popover>a:hover{background:#f3f7fb!important}
  body .nbdm-workspace .nbdm-profile-credit{margin-bottom:4px!important;background:#f5f8fb!important;color:#61778f!important}
  body .nbdm-workspace .nbdm-profile-credit strong{color:#0c6eb9!important}

  body .nbdm-workspace .nbdm-workspace-content.nbdm-tab-overview .nbdm-context-header{display:none!important}
  body .nbdm-workspace .nbdm-workspace-content.nbdm-tab-overview{padding-top:0!important}
  body .nbdm-workspace .nbdm-workspace-content.nbdm-tab-overview>.nbdm-connection-notice{margin-top:20px!important}

  /* Sample-style NBD Today surface */
  body .nbdm-saas-overview{padding:28px 0 6px!important;color:#0c213c!important}
  body .nbdm-saas-overview-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:24px!important;margin-bottom:18px!important}
  body .nbdm-saas-overview-head h1{margin:0!important;color:#07192f!important;font-size:32px!important;line-height:1.08!important;letter-spacing:-.035em!important;font-weight:800!important}
  body .nbdm-saas-overview-head p{margin:5px 0 0!important;color:#71859b!important;font-size:14px!important}
  body .nbdm-saas-overview-head>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 17px!important;border:1px solid #dce5ef!important;border-radius:9px!important;background:#fff!important;color:#17314f!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important}

  body .nbdm-saas-action-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-bottom:28px!important}
  body .nbdm-saas-action-card{
    display:grid!important;grid-template-columns:36px minmax(0,1fr) 18px!important;align-items:start!important;gap:10px!important;
    min-height:126px!important;padding:17px 15px!important;border:1px solid #dfe7ef!important;border-radius:14px!important;background:#fff!important;
    color:#0d2744!important;text-decoration:none!important;box-shadow:0 5px 18px rgba(17,54,89,.035)!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
  }
  body .nbdm-saas-action-card:hover{transform:translateY(-1px)!important;border-color:#c6d9ec!important;box-shadow:0 12px 26px rgba(17,54,89,.07)!important}
  body .nbdm-saas-action-icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:1px solid #dce7f1!important;border-radius:10px!important;color:#0873d8!important;background:#fbfdff!important}
  body .nbdm-saas-action-icon svg{width:20px!important;height:20px!important}
  body .nbdm-saas-action-copy{display:flex!important;min-width:0!important;flex-direction:column!important;gap:3px!important}
  body .nbdm-saas-action-copy strong{color:#102943!important;font-size:14px!important;line-height:1.28!important;font-weight:800!important}
  body .nbdm-saas-action-copy small{color:#5c7899!important;font-size:12px!important;font-style:normal!important}
  body .nbdm-saas-action-copy em{margin-top:3px!important;color:#70849a!important;font-size:11.5px!important;line-height:1.35!important;font-style:normal!important}
  body .nbdm-saas-action-arrow{align-self:center!important;color:#153a5e!important;font-size:17px!important}

  body .nbdm-saas-domain-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin:0 2px 10px!important}
  body .nbdm-saas-domain-head h2{margin:0!important;color:#0d223d!important;font-size:18px!important;letter-spacing:-.02em!important}
  body .nbdm-saas-domain-head>a{color:#0876e8!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important}
  body .nbdm-saas-domain-table-wrap{overflow:hidden!important;border:1px solid #dfe7ef!important;border-radius:13px!important;background:#fff!important;box-shadow:0 4px 18px rgba(17,54,89,.025)!important}
  body .nbdm-saas-domain-table{width:100%!important;border-collapse:collapse!important;border-spacing:0!important;background:#fff!important}
  body .nbdm-saas-domain-table th{padding:11px 14px!important;border-bottom:1px solid #e6edf4!important;background:#fbfcfe!important;color:#8394a7!important;font-size:10.5px!important;font-weight:750!important;text-align:left!important;white-space:nowrap!important}
  body .nbdm-saas-domain-table td{padding:11px 14px!important;border-bottom:1px solid #e9eef4!important;color:#29435f!important;font-size:12.5px!important;vertical-align:middle!important}
  body .nbdm-saas-domain-table tr:last-child td{border-bottom:0!important}
  body .nbdm-saas-domain-table td:first-child strong{color:#17324f!important;font-size:13px!important}
  body .nbdm-saas-stage{display:block!important;width:78px!important;height:9px!important;overflow:hidden!important;border-radius:999px!important;background:#e6edf5!important}
  body .nbdm-saas-stage i{display:block!important;width:var(--nbd-stage)!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#0675ec,#10a7f0)!important}
  body .nbdm-saas-row-action{display:inline-flex!important;align-items:center!important;min-height:29px!important;padding:0 10px!important;border:1px solid #cfe0f0!important;border-radius:7px!important;background:#fff!important;color:#0875e8!important;font-size:11px!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap!important}
  body .nbdm-saas-row-open{color:#153a5e!important;font-size:17px!important;text-decoration:none!important}
  body .nbdm-saas-empty{padding:22px!important;color:#71859b!important;font-size:13px!important}

  body .nbdm-overview-secondary{margin:26px 0 0!important;border:1px solid #e0e7ef!important;border-radius:12px!important;background:#fff!important}
  body .nbdm-overview-secondary>summary{padding:14px 16px!important;cursor:pointer!important;color:#264561!important;font-size:13px!important;font-weight:750!important;list-style:none!important}
  body .nbdm-overview-secondary>summary::-webkit-details-marker{display:none!important}
  body .nbdm-overview-secondary>summary:after{content:'+'!important;float:right!important;color:#6f8499!important;font-size:18px!important;font-weight:500!important}
  body .nbdm-overview-secondary[open]>summary:after{content:'−'!important}
  body .nbdm-overview-secondary-inner{padding:0 16px 18px!important}
}

@media (min-width:1121px) and (max-width:1360px){
  :root{--nbd-app-sidebar-width:260px}
  body .nbdm-workspace .nbdm-workspace-content{padding-left:28px!important;padding-right:28px!important}
  body .nbdm-workspace .nbdm-app-toolbar{margin-left:-28px!important;margin-right:-28px!important;padding-left:28px!important;padding-right:28px!important}
  body .nbdm-workspace .nbdm-saas-action-grid{gap:10px!important}
  body .nbdm-saas-action-card{padding:15px 13px!important;grid-template-columns:32px minmax(0,1fr) 16px!important}
  body .nbdm-saas-action-copy em{display:none!important}
}

@media (max-width:1120px){
  body .nbdm-workspace .nbdm-app-search{display:none!important}
  body .nbdm-workspace .nbdm-profile-name{display:none!important}
  body .nbdm-workspace .nbdm-saas-overview{padding-top:20px!important}
  body .nbdm-workspace .nbdm-saas-action-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  body .nbdm-workspace .nbdm-saas-action-card{display:grid!important;grid-template-columns:36px minmax(0,1fr) 18px!important;gap:10px!important;padding:15px!important;border:1px solid #dfe7ef!important;border-radius:12px!important;background:#fff!important;text-decoration:none!important}
  body .nbdm-workspace .nbdm-saas-domain-table-wrap{overflow-x:auto!important;border:1px solid #dfe7ef!important;border-radius:12px!important;background:#fff!important}
  body .nbdm-workspace .nbdm-saas-domain-table{min-width:720px!important;width:100%!important;border-collapse:collapse!important}
  body .nbdm-workspace .nbdm-saas-domain-table th,body .nbdm-workspace .nbdm-saas-domain-table td{padding:10px 12px!important;border-bottom:1px solid #e7edf4!important;text-align:left!important}
}