/* ZiCabin 0.8.13 — cabinetmaker-only desktop workspace and stable refresh feedback.
   Rules below never affect management roles or the existing mobile dock. */

/* A floating, non-layout-affecting confirmation anchored to the original button.
   The button keeps its dimensions and position both while loading and after refresh. */
body.is-partner.is-cabinetmaker .zc-referral-refresh {
  position:relative!important;
  isolation:isolate;
  display:inline-flex!important;
  flex:0 0 auto!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  width:max-content!important;
  max-width:100%!important;
  gap:0!important;
}
body.is-partner.is-cabinetmaker .zc-referral-refresh [data-referrals-refresh] {
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  white-space:nowrap!important;
  margin:0!important;
  transition:background-color .15s,color .15s!important;
}
body.is-partner.is-cabinetmaker .zc-referral-refresh-feedback {
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:auto!important;
  left:0!important;
  width:max-content!important;
  max-width:min(270px,calc(100vw - 34px))!important;
  margin:0!important;
  padding:9px 12px!important;
  border:1px solid #bbf7d0!important;
  border-radius:12px!important;
  background:rgba(240,253,244,.98)!important;
  color:#166534!important;
  box-shadow:0 10px 28px rgba(15,23,42,.14)!important;
  font-size:12px!important;
  line-height:1.9!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  z-index:70!important;
  pointer-events:none!important;
}
body.is-partner.is-cabinetmaker .zc-referral-refresh-feedback[data-state="pending"]{
  color:#475569!important;border-color:#cbd5e1!important;background:#f8fafc!important;
}
body.is-partner.is-cabinetmaker .zc-referral-refresh-feedback[data-state="error"]{
  color:#991b1b!important;border-color:#fecaca!important;background:#fef2f2!important;
}
body.is-partner.is-cabinetmaker .zc-referral-refresh-feedback[hidden]{display:none!important;}
body.is-partner.is-cabinetmaker .zc-panel-head:has(.zc-referral-refresh) > .hint{
  flex-basis:100%;width:100%;margin:4px 0 0;
}

/* Desktop collaborator: a REAL desktop layout, with persistent labeled right nav. */
@media (min-width:791px){
  body.is-partner.is-cabinetmaker .shell {
    display:flex!important;
    flex-direction:row!important;
    direction:rtl!important;
    align-items:stretch!important;
    min-width:0!important;
    min-height:100dvh!important;
    overflow:visible!important;
  }
  body.is-partner.is-cabinetmaker .side {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    gap:14px!important;
    position:sticky!important;
    top:0!important;
    right:0!important;
    left:auto!important;
    z-index:30!important;
    flex:0 0 236px!important;
    width:236px!important;
    max-width:236px!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:30px 16px 22px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:rgba(255,255,255,.84)!important;
    border:0!important;
    border-left:1px solid #e2e8f0!important;
    border-radius:0!important;
    box-shadow:-5px 0 26px rgba(15,23,42,.04)!important;
  }
  body.is-partner.is-cabinetmaker .side::before,
  body.is-partner.is-cabinetmaker .side::after {display:none!important;content:none!important;}
  body.is-partner.is-cabinetmaker .side .zc-skin-mobile-brand {
    display:flex!important;
    position:static!important;
    grid-row:auto!important;
    grid-column:auto!important;
    justify-self:auto!important;
    align-self:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:86px!important;
    margin:0 0 8px!important;
    padding:5px 10px 20px!important;
    border-bottom:1px solid #e2e8f0!important;
  }
  body.is-partner.is-cabinetmaker .side .zc-skin-mobile-brand::after{display:none!important;}
  body.is-partner.is-cabinetmaker .side .zc-skin-mobile-brand img{width:152px!important;max-width:100%!important;height:auto!important;}
  body.is-partner.is-cabinetmaker .side>.side-group.vendor-only:not(.hidden){
    display:block!important;
    padding:6px 12px 0!important;
    font-size:12px!important;
    font-weight:700!important;
    color:#64748b!important;
  }
  body.is-partner.is-cabinetmaker .side nav.vendor-only:not(.hidden){
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
  }
  body.is-partner.is-cabinetmaker .side nav.vendor-only .zc-partner-side-action{
    position:relative!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:14px!important;
    min-height:51px!important;
    width:100%!important;
    margin:0!important;
    padding:12px 16px!important;
    border:1px solid transparent!important;
    border-radius:15px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#475569!important;
    font:750 14px/1.7 Vazirmatn,Tahoma,sans-serif!important;
    text-align:right!important;
    cursor:pointer!important;
  }
  body.is-partner.is-cabinetmaker .side nav.vendor-only .zc-partner-side-action .zc-partner-side-ico{
    flex:0 0 26px!important;width:26px!important;height:26px!important;
    color:inherit!important;
  }
  body.is-partner.is-cabinetmaker .side nav.vendor-only .zc-partner-side-action .zc-partner-side-ico svg{width:23px!important;height:23px!important;}
  body.is-partner.is-cabinetmaker .side nav.vendor-only .zc-partner-side-action.active {
    color:#6d28d9!important;
    background:#f0eaff!important;
    border-color:#e7dcff!important;
  }
  body.is-partner.is-cabinetmaker .side nav.vendor-only .zc-partner-side-action:hover:not(.active){background:#f8fafc!important;color:#4c1d95!important;}
  body.is-partner.is-cabinetmaker .side nav.vendor-only .zc-partner-side-action:focus-visible{outline:3px solid #a78bfa!important;outline-offset:2px!important;}
  body.is-partner.is-cabinetmaker .side nav.vendor-only .zc-nav-notice-dot:not(.hidden){margin-right:auto!important;}
  body.is-partner.is-cabinetmaker .zc-partner-bottom-nav:not(.hidden){display:none!important;}
  body.is-partner.is-cabinetmaker .stage {
    display:flex!important;
    flex:1 1 0%!important;
    flex-direction:column!important;
    width:calc(100% - 236px)!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    overflow:visible!important;
  }
  body.is-partner.is-cabinetmaker .stage .top {
    position:sticky!important;
    top:0!important;
    z-index:20!important;
    display:flex!important;
    flex:0 0 auto!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    min-height:85px!important;
    margin:0!important;
    padding:16px clamp(22px,3vw,50px)!important;
    background:rgba(255,255,255,.74)!important;
    border-bottom:1px solid rgba(226,232,240,.95)!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
  }
  body.is-partner.is-cabinetmaker .stage .top #heading {display:block!important;font-size:20px!important;color:#1e293b!important;}
  body.is-partner.is-cabinetmaker .stage .top #notifications.admin-only {display:none!important;}
  body.is-partner.is-cabinetmaker .stage .top .top-right {
    display:flex!important;
    flex-direction:row!important;
    gap:14px!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    min-width:0!important;
    width:auto!important;
  }
  body.is-partner.is-cabinetmaker .stage .top .zc-bell-dropdown:not(.hidden){display:flex!important;position:relative!important;align-items:center!important;}
  body.is-partner.is-cabinetmaker .stage .top .zc-header-bell{
    display:grid!important;place-items:center!important;
    height:45px!important;width:45px!important;
    color:#334155!important;
    background:#fff!important;
    border:1px solid #e2e8f0!important;
    border-radius:14px!important;
    box-shadow:0 4px 16px rgba(15,23,42,.06)!important;
  }
  body.is-partner.is-cabinetmaker .stage .top .zc-header-identity {
    min-height:45px!important;
    padding:7px 14px!important;
    border:1px solid #e2e8f0!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#1e293b!important;
  }
  body.is-partner.is-cabinetmaker .stage .top #emailBadge{
    font:750 13px/1.7 Vazirmatn,Tahoma,sans-serif!important;
    color:#334155!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    max-width:min(300px,30vw)!important;
    text-overflow:ellipsis!important;
  }
  body.is-partner.is-cabinetmaker .stage .top .zc-account-popup{
    right:0!important;left:auto!important;inset-inline-start:0!important;inset-inline-end:auto!important;
    min-width:180px!important;z-index:1000!important;
  }
  body.is-partner.is-cabinetmaker .stage .content {
    flex:1 1 auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:32px clamp(22px,3vw,52px) 65px!important;
  }
  body.is-partner.is-cabinetmaker .zc-referral-grid{
    grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))!important;
    gap:18px!important;
  }
  body.is-partner.is-cabinetmaker .grid.cols4 {grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  body.is-partner.is-cabinetmaker #app>.grid.cols2{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.is-partner.is-cabinetmaker .zc-mobile-archive-controls{max-width:650px;}
  body.is-partner.is-cabinetmaker .zc-mobile-growth-details .zc-growth-levels{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  body.is-partner.is-cabinetmaker .zc-notification-page{max-width:none!important;}
}
@media (min-width:1180px){
  body.is-partner.is-cabinetmaker .zc-partner-skin-home{
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:20px!important;
    align-items:start!important;
  }
  body.is-partner.is-cabinetmaker .zc-partner-skin-home>.zc-skin-growth{grid-column:span 7!important;margin:0!important;}
  body.is-partner.is-cabinetmaker .zc-partner-skin-home>.zc-mobile-home-metrics{grid-column:span 5!important;margin:0!important;}
  body.is-partner.is-cabinetmaker .zc-partner-skin-home>.zc-mobile-eligibility{grid-column:span 7!important;margin:0!important;}
  body.is-partner.is-cabinetmaker .zc-partner-skin-home>.zc-skin-today{grid-column:span 5!important;margin:0!important;}
}

/* Full-width notification inbox in the collaborator's desktop content panel. */
body.is-partner.is-cabinetmaker .zc-notification-page{
  padding:clamp(19px,3vw,32px)!important;
  border:1px solid #e2e8f0!important;
}
body.is-partner.is-cabinetmaker .zc-notification-page-heading{
  display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  padding-bottom:19px;border-bottom:1px solid #e2e8f0;
}
body.is-partner.is-cabinetmaker .zc-notification-eyebrow{display:block;font-weight:750;font-size:12px;color:#7c3aed;margin-bottom:5px;}
body.is-partner.is-cabinetmaker .zc-notification-page-heading h2{margin:0;font-size:clamp(19px,2.2vw,24px);color:#1e293b;}
body.is-partner.is-cabinetmaker .zc-notification-page-heading p{margin:7px 0 0;color:#64748b;font-size:13px;}
body.is-partner.is-cabinetmaker .zc-notification-unread-count{padding:8px 12px;border-radius:999px;background:#f0eaff;color:#6d28d9;font-size:12px;font-weight:700;}
body.is-partner.is-cabinetmaker .zc-notification-guide{margin:20px 0;border-radius:16px;padding:17px 20px;background:#f8fafc;border:1px solid #e2e8f0;}
body.is-partner.is-cabinetmaker .zc-notification-guide strong{display:block;color:#334155;margin-bottom:7px;}
body.is-partner.is-cabinetmaker .zc-notification-guide p{font-size:13px;line-height:2;margin:5px 0;color:#475569;}
body.is-partner.is-cabinetmaker .zc-notification-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0 26px;}
body.is-partner.is-cabinetmaker .zc-notification-list-title{margin:15px 0;font-size:16px;display:flex;gap:8px;align-items:center;}
body.is-partner.is-cabinetmaker .zc-notification-list-title span{padding:2px 10px;border-radius:99px;background:#f1f5f9;color:#64748b;font-size:12px;}
body.is-partner.is-cabinetmaker .zc-notification-row{align-items:center;flex-direction:row;flex-wrap:wrap;gap:16px;}
body.is-partner.is-cabinetmaker .zc-notification-row-main{flex:1 1 260px;min-width:0;}
body.is-partner.is-cabinetmaker .zc-notification-row-top{display:flex;align-items:center;flex-wrap:wrap;gap:12px;}
body.is-partner.is-cabinetmaker .zc-notification-row-top b{font-size:14px;color:#1e293b;overflow-wrap:anywhere;}
body.is-partner.is-cabinetmaker .zc-notification-row-top span{font-size:11px;padding:2px 9px;border-radius:999px;}
body.is-partner.is-cabinetmaker .zc-notification-new-label{color:#6d28d9;background:#ede9fe;}
body.is-partner.is-cabinetmaker .zc-notification-read-label{color:#475569;background:#f1f5f9;}
body.is-partner.is-cabinetmaker .zc-notification-row-main p{margin:6px 0;color:#475569;font-size:13px;line-height:1.95;overflow-wrap:anywhere;}
body.is-partner.is-cabinetmaker .zc-notification-row-main time{font-size:11px;color:#64748b;}
body.is-partner.is-cabinetmaker .zc-notification-row-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;}
@media (max-width:790px){
  body.is-partner.is-cabinetmaker .zc-notification-row{flex-direction:column;align-items:stretch;}
  body.is-partner.is-cabinetmaker .zc-notification-row-actions{justify-content:flex-start;}
}