.creator-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.creator-package-card{border:1px solid #e6e8ec;border-radius:16px;padding:16px;background:#fff;display:grid;gap:10px}.creator-package-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.creator-package-top label{font-size:12px;color:#667085}.creator-package-card label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#475467}.creator-package-card input,.creator-package-card textarea{width:100%;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:10px;padding:10px;font:inherit;background:#fff}.creator-package-card textarea{resize:vertical}.creator-package-card input:focus,.creator-package-card textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.08)}@media(max-width:1050px){.creator-package-grid{grid-template-columns:1fr}}

/* Creator Dashboard — professional icon-led Quick Actions */
.hero-dashboard .hero-third-panel .quick-action-grid{
  grid-template-columns:repeat(4,minmax(82px,1fr)) minmax(174px,1.32fr)!important;
  gap:14px!important;
  align-items:center!important;
  justify-items:center!important;
}
.hero-dashboard .hero-third-panel .quick-action-grid>.quick-action-button{
  width:100%!important;
  min-height:88px!important;
  height:auto!important;
  margin:0!important;
  padding:3px 4px!important;
  border:0!important;
  border-radius:18px!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transform:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  color:#172033!important;
  text-decoration:none!important;
  overflow:visible!important;
  transition:transform .18s ease!important;
}
.hero-dashboard .hero-third-panel .quick-action-grid>.quick-action-button::before{content:none!important;display:none!important}

/* Clean glass icon halo */
.hero-dashboard .hero-third-panel .quick-action-grid>.quick-action-button i{
  position:relative!important;
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  flex:0 0 60px!important;
  border:1px solid rgba(23,32,51,.12)!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.38))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 20px rgba(23,32,51,.08),0 0 0 5px rgba(255,255,255,.18)!important;
  display:grid!important;
  place-items:center!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  font-style:normal!important;
  text-shadow:none!important;
  overflow:hidden!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.hero-dashboard .hero-third-panel .quick-action-grid>.quick-action-button i::after{
  content:""!important;
  position:absolute!important;
  width:34px!important;
  height:34px!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  filter:drop-shadow(0 3px 7px rgba(23,32,51,.11))!important;
}

/* New Jobs — business briefcase + gold approval accent */
.hero-dashboard .hero-third-panel .quick-action-grid>a[href="#opportunities"] i::after{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2032%2032%27%20fill=%27none%27%3E%3Crect%20x=%275%27%20y=%2710%27%20width=%2722%27%20height=%2716%27%20rx=%273.5%27%20stroke=%27%2317253D%27%20stroke-width=%271.8%27/%3E%3Cpath%20d=%27M11%2010V7.5A2.5%202.5%200%200%201%2013.5%205h5A2.5%202.5%200%200%201%2021%207.5V10M5%2015.5h22%27%20stroke=%27%2317253D%27%20stroke-width=%271.8%27%20stroke-linecap=%27round%27/%3E%3Cpath%20d=%27M13.5%2015.5v2.4h5v-2.4%27%20stroke=%27%23D2A61B%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E")!important;
}
/* Upload Job Progress — cloud upload */
.hero-dashboard .hero-third-panel .quick-action-grid>a[href="#jobs"] i::after{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2032%2032%27%20fill=%27none%27%3E%3Cpath%20d=%27M10.2%2024H8.5A5.5%205.5%200%200%201%208%2013.02%208.2%208.2%200%200%201%2023.7%2015.3%204.45%204.45%200%200%201%2023.4%2024H21%27%20stroke=%27%2317253D%27%20stroke-width=%271.8%27%20stroke-linecap=%27round%27/%3E%3Cpath%20d=%27M16%2026V14M11.8%2018.2%2016%2014l4.2%204.2%27%20stroke=%27%23D2A61B%27%20stroke-width=%272.2%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E")!important;
}
/* Cash Out — premium wallet + coin */
.hero-dashboard .hero-third-panel .quick-action-grid>a[href="creator-payouts.html"] i::after{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2032%2032%27%20fill=%27none%27%3E%3Cpath%20d=%27M6%209.5A3.5%203.5%200%200%201%209.5%206H24a2%202%200%200%201%202%202v17a2%202%200%200%201-2%202H9a3%203%200%200%201-3-3z%27%20stroke=%27%2317253D%27%20stroke-width=%271.8%27/%3E%3Cpath%20d=%27M6%2011h20M21%2015h6v7h-6a3.5%203.5%200%201%201%200-7Z%27%20stroke=%27%2317253D%27%20stroke-width=%271.8%27%20stroke-linejoin=%27round%27/%3E%3Ccircle%20cx=%2721%27%20cy=%2718.5%27%20r=%271.3%27%20fill=%27%23D2A61B%27/%3E%3C/svg%3E")!important;
}
/* Messenger — refined conversation bubble + gold unread accent */
.hero-dashboard .hero-third-panel .quick-action-grid>a[href="creator-messages.html"] i::after{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2032%2032%27%20fill=%27none%27%3E%3Cpath%20d=%27M26%2020.2A4.8%204.8%200%200%201%2021.2%2025H13l-7%204v-6.1A5%205%200%200%201%204%2019V9.8A4.8%204.8%200%200%201%208.8%205h12.4A4.8%204.8%200%200%201%2026%209.8z%27%20stroke=%27%2317253D%27%20stroke-width=%271.8%27%20stroke-linejoin=%27round%27/%3E%3Cpath%20d=%27M10%2012h8M10%2017h6%27%20stroke=%27%2317253D%27%20stroke-width=%271.8%27%20stroke-linecap=%27round%27/%3E%3Ccircle%20cx=%2723.5%27%20cy=%278.5%27%20r=%272.5%27%20fill=%27%23D2A61B%27%20stroke=%27white%27%20stroke-width=%271%27/%3E%3C/svg%3E")!important;
}

.hero-dashboard .hero-third-panel .quick-action-grid>.quick-action-button b{
  display:block!important;
  max-width:118px!important;
  color:#26354d!important;
  font-size:10.5px!important;
  line-height:1.16!important;
  font-weight:900!important;
  text-align:center!important;
  letter-spacing:-.01em!important;
  text-shadow:none!important;
}
.hero-dashboard .hero-third-panel .quick-action-grid>.quick-action-button:hover{transform:translateY(-4px)!important;background:transparent!important;box-shadow:none!important}
.hero-dashboard .hero-third-panel .quick-action-grid>.quick-action-button:hover i{
  transform:translateY(-1px) scale(1.045)!important;
  border-color:rgba(210,166,27,.46)!important;
  background:linear-gradient(145deg,#fff,rgba(255,251,236,.66))!important;
  box-shadow:inset 0 1px 0 #fff,0 13px 24px rgba(23,32,51,.11),0 0 0 5px rgba(255,255,255,.25),0 0 18px rgba(210,166,27,.08)!important;
}
.hero-dashboard .hero-third-panel .quick-action-grid>.quick-action-button:active{transform:translateY(-1px) scale(.985)!important}

/* Keep Available / Live as the strong red status control */
.hero-dashboard .hero-third-panel .quick-action-grid>.quick-status-control{
  width:100%!important;
  min-height:64px!important;
  height:64px!important;
  max-height:64px!important;
  margin:0!important;
  padding:6px 7px!important;
  border:1px solid rgba(123,50,60,.18)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.76)!important;
  box-shadow:0 8px 18px rgba(112,66,45,.1),inset 0 1px 0 rgba(255,255,255,.9)!important;
  display:grid!important;
  grid-template-columns:minmax(106px,1fr) 58px!important;
  align-items:center!important;
  gap:7px!important;
  overflow:visible!important;
}
.hero-dashboard .hero-third-panel .quick-status-control .profile-live-status{
  width:100%!important;
  min-width:0!important;
  height:48px!important;
  padding:0 12px!important;
  border:1px solid #ff7f90!important;
  border-bottom:4px solid #8e1628!important;
  border-radius:13px!important;
  background:linear-gradient(155deg,#ff6578 0%,#e62f49 48%,#b71431 100%)!important;
  color:#fff!important;
  box-shadow:inset 0 2px 1px rgba(255,255,255,.34),inset 0 -3px 5px rgba(111,5,25,.24),0 8px 15px rgba(174,26,49,.26)!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  text-shadow:0 1px 1px rgba(87,0,13,.66)!important;
  animation:none!important;
}
.hero-dashboard .hero-third-panel .quick-status-control .profile-live-status-dot{
  width:9px!important;
  height:9px!important;
  min-width:9px!important;
  border:2px solid rgba(255,255,255,.95)!important;
  border-radius:50%!important;
  background:#ff2545!important;
  box-shadow:0 0 0 0 rgba(255,37,69,.65),0 0 9px rgba(255,255,255,.7)!important;
  animation:ugcRedLivePulse 1.55s ease-out infinite!important;
}
.hero-dashboard .hero-third-panel .quick-status-control .profile-live-status-text{display:block!important;color:#fff!important;font-size:10px!important;line-height:1!important;font-weight:900!important;white-space:nowrap!important;text-align:center!important}
.hero-dashboard .hero-third-panel .quick-status-control .profile-live-status[data-status="offline"]{border-color:#aab2bd!important;border-bottom-color:#586271!important;background:linear-gradient(155deg,#aeb7c2,#747f8d)!important;box-shadow:inset 0 2px 1px rgba(255,255,255,.3),0 7px 12px rgba(48,59,73,.16)!important}
.hero-dashboard .hero-third-panel .quick-status-control .profile-live-status[data-status="offline"] .profile-live-status-dot{background:#d8dee7!important;box-shadow:none!important;animation:none!important}
.hero-dashboard .hero-third-panel .quick-status-control label{width:58px!important;min-width:58px!important;margin:0!important;display:grid!important;gap:2px!important;align-items:center!important}
.hero-dashboard .hero-third-panel .quick-status-control label>span{display:block!important;color:#8a6b0b!important;font-size:6px!important;font-weight:900!important;text-align:center!important;text-transform:uppercase!important}
.hero-dashboard .hero-third-panel .quick-status-control select{width:52px!important;min-width:52px!important;height:25px!important;padding:2px 3px!important;border:1px solid #d8c06d!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;color:#172033!important;font-size:8px!important;font-weight:800!important;text-align:center!important}
@keyframes ugcRedLivePulse{0%{box-shadow:0 0 0 0 rgba(255,37,69,.68),0 0 9px rgba(255,255,255,.72)}70%{box-shadow:0 0 0 7px rgba(255,37,69,0),0 0 13px rgba(255,255,255,.82)}100%{box-shadow:0 0 0 0 rgba(255,37,69,0),0 0 9px rgba(255,255,255,.72)}}

@media(max-width:1250px){.hero-dashboard .hero-third-panel .quick-action-grid{grid-template-columns:repeat(4,minmax(78px,1fr)) minmax(164px,1.2fr)!important;gap:9px!important}}
@media(max-width:1020px){.hero-dashboard .hero-third-panel .quick-action-grid{grid-template-columns:repeat(4,minmax(80px,1fr))!important;row-gap:14px!important}.hero-dashboard .hero-third-panel .quick-action-grid>.quick-status-control{grid-column:1/-1!important;width:230px!important;justify-self:center!important}}
@media(max-width:560px){.hero-dashboard .hero-third-panel .quick-action-grid{grid-template-columns:repeat(2,minmax(100px,1fr))!important}.hero-dashboard .hero-third-panel .quick-action-grid>.quick-status-control{grid-column:1/-1!important;width:min(240px,100%)!important}.hero-dashboard .hero-third-panel .quick-action-grid>.quick-action-button i{width:56px!important;height:56px!important;min-width:56px!important;flex-basis:56px!important}}

/* Affiliate card: remove creator image and use full width */
.ugc-dashboard-feature-slot.ugc-affiliate-card .ugc-affiliate-profile{display:none!important}
.ugc-dashboard-feature-slot.ugc-affiliate-card .ugc-affiliate-shell{grid-template-columns:minmax(0,1fr)!important;gap:0!important;padding:22px 24px!important}
.ugc-dashboard-feature-slot.ugc-affiliate-card .ugc-affiliate-main{width:100%!important;max-width:none!important}
@media(max-width:700px){.ugc-dashboard-feature-slot.ugc-affiliate-card .ugc-affiliate-shell{grid-template-columns:minmax(0,1fr)!important;padding:18px!important}}

/* Slimmer UGC Affiliate card — keep full width, reduce height */
body .dash-main .ugc-dashboard-feature-slot.ugc-affiliate-card{
  min-height:190px!important;
  height:auto!important;
  align-self:start!important;
}
body .dash-main .ugc-dashboard-feature-slot.ugc-affiliate-card .ugc-affiliate-shell{
  min-height:190px!important;
  height:auto!important;
  padding:13px 18px!important;
}
body .dash-main .ugc-dashboard-feature-slot.ugc-affiliate-card .ugc-affiliate-main{
  gap:7px!important;
  align-content:center!important;
}
body .dash-main .ugc-dashboard-feature-slot.ugc-affiliate-card .ugc-affiliate-heading h3{font-size:31px!important}
body .dash-main .ugc-dashboard-feature-slot.ugc-affiliate-card .ugc-affiliate-link-input{height:36px!important}
body .dash-main .ugc-dashboard-feature-slot.ugc-affiliate-card .ugc-affiliate-copy-btn{height:36px!important;width:38px!important}
body .dash-main .ugc-dashboard-feature-slot.ugc-affiliate-card .ugc-affiliate-link-row{grid-template-columns:minmax(0,1fr) 38px!important;gap:7px!important}
body .dash-main .ugc-dashboard-feature-slot.ugc-affiliate-card .ugc-affiliate-metric{min-height:46px!important;padding:6px 8px!important;gap:3px!important}
body .dash-main .ugc-dashboard-feature-slot.ugc-affiliate-card .ugc-affiliate-metric strong{font-size:17px!important}
body .dash-main .ugc-dashboard-feature-slot.ugc-affiliate-card .ugc-affiliate-metric small{font-size:8px!important}
@media(max-width:700px){
  body .dash-main .ugc-dashboard-feature-slot.ugc-affiliate-card{min-height:176px!important}
  body .dash-main .ugc-dashboard-feature-slot.ugc-affiliate-card .ugc-affiliate-shell{min-height:176px!important;padding:12px 14px!important}
}

/* Dashboard only: keep profile editor in the system, hide this card here */
body .dash-main .content-grid #profile-editor{display:none!important}

/* Dashboard only: hide lower summary panels; features remain elsewhere */
body .dash-main .content-grid #portfolio,
body .dash-main .content-grid #opportunities,
body .dash-main .content-grid #social,
body .dash-main .content-grid #messages{display:none!important}

/* Dashboard only: hide My Jobs summary; jobs remain available elsewhere */
body .dash-main .content-grid #jobs{display:none!important}

/* UGCHost dashboard footer */
.creator-dashboard-footer{
  margin:28px 0 0!important;
  padding:34px 34px 18px!important;
  border-radius:24px 24px 0 0!important;
  background:linear-gradient(145deg,#081526 0%,#0d2039 56%,#07111f 100%)!important;
  color:#dbe5f3!important;
  box-shadow:0 -1px 0 rgba(255,215,76,.2),0 18px 42px rgba(10,22,40,.16)!important;
}
.creator-dashboard-footer .creator-dashboard-footer-grid{
  display:grid!important;
  grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(130px,.7fr))!important;
  gap:34px!important;
  align-items:start!important;
}
.creator-dashboard-footer .creator-dashboard-footer-brand{
  display:inline-block!important;
  margin-bottom:10px!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
}
.creator-dashboard-footer .creator-dashboard-footer-brand span{color:#f2c642!important}
.creator-dashboard-footer p{max-width:360px!important;margin:0!important;color:#96a7be!important;font-size:12px!important;line-height:1.6!important}
.creator-dashboard-footer h4{margin:2px 0 12px!important;color:#fff!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.creator-dashboard-footer .creator-dashboard-footer-links{display:grid!important;gap:8px!important}
.creator-dashboard-footer .creator-dashboard-footer-links a{width:max-content!important;max-width:100%!important;color:#aebbd0!important;text-decoration:none!important;font-size:11px!important;font-weight:700!important;transition:color .16s ease,transform .16s ease!important}
.creator-dashboard-footer .creator-dashboard-footer-links a:hover{color:#f2c642!important;transform:translateX(2px)!important}
.creator-dashboard-footer .creator-dashboard-footer-bottom{margin-top:28px!important;padding-top:16px!important;border-top:1px solid rgba(255,255,255,.08)!important;color:#7f90a8!important;font-size:10px!important}
@media(max-width:900px){.creator-dashboard-footer .creator-dashboard-footer-grid{grid-template-columns:1fr 1fr!important;gap:26px!important}}
@media(max-width:560px){.creator-dashboard-footer{padding:27px 22px 16px!important}.creator-dashboard-footer .creator-dashboard-footer-grid{grid-template-columns:1fr!important;gap:22px!important}}