/* Picorae v18.178 | Founder-approved mock design on the ACTUAL paid
 * dashboard #p2HostDashboardPreview, existing Events landing and organiser.
 * CSS only. No handler, cover-source, QR, storage, Stripe or privacy mutation. */
:root{
 --p178-ivory:#fbf8f1;--p178-paper:#fffdfa;--p178-line:#e7d9c3;
 --p178-ink:#31271e;--p178-muted:#796c5d;--p178-gold:#a87938;
 --p178-shadow:0 15px 38px rgba(57,40,19,.075);
}
/* Real PAID overview only, never the pre-purchase preview demonstration. */
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview.p116-mock-overview{
 color:var(--p178-ink);
 -webkit-font-smoothing:antialiased;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-shell{
 background:#fbf7ef!important;
 border-color:#dfcba9!important;
 box-shadow:0 27px 85px rgba(40,28,14,.25)!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-topbar{
 background:#fffefa!important;min-height:75px!important;
 border-bottom:1px solid #e9dbc4!important;
 padding:12px clamp(16px,2.6vw,30px)!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-topbar>div small{
 letter-spacing:.24em!important;color:#a47a3b!important;font-size:9px!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-topbar>div b{
 font:500 31px/1 Georgia,serif!important;
 letter-spacing:-.06em!important;color:#382a1b!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-preview-chip{
 background:#f7ebd7!important;color:#785524!important;
 border:1px solid #dcc39c!important;
 font-weight:750!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-back{
 border:1px solid #e3d4bf!important;
 background:#fffaf3!important;
 border-radius:12px!important;
 color:#805b2b!important;
 min-height:44px!important;min-width:44px!important;
}
/* Design rhythm: photography -> title/actions -> numbers -> event tools. */
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main{
 background:linear-gradient(165deg,#fffdf9 0%,#fbf4e9 57%,#f7ecdd 100%)!important;
 gap:17px!important;
 padding:clamp(15px,2.5vw,28px) clamp(14px,2.5vw,26px) 115px!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main > .p2hd-hero{
 background:linear-gradient(160deg,#fffefa 0%,#f9efdf 100%)!important;
 border:1px solid #dfcaab!important;
 border-radius:25px!important;
 box-shadow:0 16px 35px rgba(66,44,20,.105)!important;
 padding-bottom:21px!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-hero .p2hd-kicker{
 font:760 10px/1.3 system-ui,sans-serif!important;
 letter-spacing:.24em!important;color:#ad7e3a!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-hero #p2hdTitle{
 color:#352619!important;
 font:500 clamp(35px,5.6vw,54px)/1.04 Georgia,'Times New Roman',serif!important;
 letter-spacing:-.055em!important;
 text-wrap:balance!important;
 overflow-wrap:anywhere!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-hero .p98-event-date{
 color:#7a6346!important;
 font:650 12px/1.5 system-ui,sans-serif!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-meta{
 gap:7px!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-meta span{
 background:#fff7e8!important;color:#735328!important;
 border:1px solid #e6d0ac!important;border-radius:99px!important;
 padding:7px 10px!important;font-size:10px!important;
}
/* Existing cover frame/image and portrait fade are INTENTIONALLY left
 * untouched: their pixel crop and orientation were founder-approved. */
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main > .p116-hero-toolbar{
 background:#fffefa!important;
 border:1px solid #e6d5b8!important;
 border-radius:17px!important;
 box-shadow:0 5px 18px rgba(61,39,17,.06)!important;
 padding:11px!important;gap:8px!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p116-hero-toolbar > button{
 background:#fbf5e9!important;
 border:1px solid #ead7b8!important;
 color:#644526!important;
 min-height:49px!important;border-radius:12px!important;
 font-weight:740!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p116-hero-toolbar > button:focus-visible{
 outline:3px solid #ab7c35!important;outline-offset:2px!important;
}
/* Turn three plain numbered boxes into the restrained mock's editorial
 * stats line; retains the REAL organiser counts. */
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main > .p2hd-stats{
 background:#fffdfa!important;
 border:1px solid #e6d5be!important;
 border-radius:18px!important;
 padding:11px 8px!important;gap:0!important;
 box-shadow:0 6px 22px rgba(60,40,19,.055)!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-stats > div{
 background:transparent!important;
 border:0!important;border-radius:0!important;
 box-shadow:none!important;
 padding:9px 8px!important;min-height:66px!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-stats > div + div{
 border-left:1px solid #e9dbc7!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-stats b{
 font:500 clamp(27px,5.5vw,38px)/1.08 Georgia,serif!important;
 color:#46331f!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-stats span{
 color:#8d7861!important;
 font:720 10px/1.4 system-ui,sans-serif!important;
 letter-spacing:.03em!important;
}
/* Highly visible 2-by-2 editor-style tiles from approved mock. */
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main > .p2hd-quick{
 gap:13px!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-quick > .p2hd-action{
 min-height:150px!important;
 background:linear-gradient(143deg,#fffefb 0%,#fbf4e9 100%)!important;
 border:1px solid #e2d0b6!important;
 border-radius:19px!important;
 box-shadow:0 7px 19px rgba(62,42,18,.075)!important;
 padding:17px 15px!important;
 gap:7px!important;position:relative!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-quick > .p2hd-action::before{
 content:"";position:absolute;top:16px;bottom:16px;left:0;
 border-left:3px solid #cfb17e;border-radius:8px;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-quick > .p2hd-action-primary{
 background:linear-gradient(145deg,#f4e5c9,#fff6e9 88%)!important;
 border-color:#c9a470!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-quick > .p2hd-action-primary::before{
 border-color:#a67a3b;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-action-icon{
 width:43px!important;height:43px!important;
 border-radius:13px!important;
 background:#f1e3cb!important;
 border:1px solid #e0c79f!important;
 color:#92632b!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-quick > .p2hd-action b{
 font:500 clamp(19px,3vw,25px)/1.13 Georgia,serif!important;
 letter-spacing:-.034em!important;color:#3d2c1a!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-quick > .p2hd-action small{
 font:470 11px/1.4 system-ui,sans-serif!important;
 color:#736150!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-quick > .p2hd-action em{
 border-radius:99px!important;
 padding:6px 9px!important;
 background:#a57733!important;color:#fffefa!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main > .p98-share-strip{
 background:#f6ebd8!important;border:1px solid #e0c9a5!important;
 border-radius:17px!important;
 box-shadow:0 5px 14px rgba(70,47,18,.04)!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p98-share-strip > .p2hd-action{
 min-height:70px!important;padding:12px 15px!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p98-share-strip .p2hd-action b{
 color:#593d1b!important;font:600 15px/1.2 Georgia,serif!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-status-card{
 background:#fffdf9!important;border:1px solid #e6d5be!important;
 border-radius:19px!important;padding:20px!important;
 box-shadow:0 6px 18px rgba(62,42,18,.05)!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-status-card h3{
 color:#3a2919!important;
 font:500 clamp(23px,3vw,31px)/1.13 Georgia,serif!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-nav{
 background:#fffdf9!important;border-color:#e6d6be!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-nav button.active{
 background:#ecd7b4!important;color:#60401a!important;
 box-shadow:inset 0 0 0 1px #ceab77!important;
}
/* Real Events landing, not a test-only design card. */
#dashboardView .dashboard-premium-shell{
 gap:17px!important;
}
#dashboardView .dashboard-hero-card{
 background:linear-gradient(125deg,#fffdf9 0%,#f5e6cf 100%)!important;
 border:1px solid #e2cca9!important;
 border-radius:25px!important;
 box-shadow:0 14px 38px rgba(62,44,22,.085)!important;
}
#dashboardView .dashboard-title{
 font:500 clamp(34px,6vw,54px)/1.08 Georgia,serif!important;
 letter-spacing:-.055em!important;color:#35291c!important;
}
#dashboardView .dashboard-events-card{
 background:#fffdfa!important;
 border:1px solid #e6d6bc!important;
 border-radius:23px!important;
 box-shadow:var(--p178-shadow)!important;
}
#dashboardView #eventList > .dashboard-event-card{
 border-radius:21px!important;border:1px solid #dfc9a7!important;
 box-shadow:0 10px 27px rgba(63,44,20,.07)!important;
 background:#fffdf9!important;
}
#dashboardView #eventList .dashboard-event-name{
 color:#38271a!important;
 font:500 clamp(24px,4.4vw,33px)/1.1 Georgia,serif!important;
 letter-spacing:-.047em!important;
}
#dashboardView .dashboard-new-btn{
 background:linear-gradient(115deg,#9b6b2c,#bd9558)!important;
 border:1px solid #ac824a!important;color:#fff!important;
 min-height:51px!important;
 border-radius:13px!important;
 box-shadow:0 8px 19px rgba(129,89,31,.15)!important;
}
/* Host detailed management and paid overlay use same paper/gold values.
 * Existing working fixed Samsung nav CSS remains last-resort authoritative. */
#manageView :is(.p129-host-overview,.host-gallery-hero,.host-settings-hero,#p170EventControl){
 background-color:#fffdfa!important;
 border-color:#dfcba9!important;
 box-shadow:var(--p178-shadow)!important;
}
#manageView :is(.p129-host-overview,.host-gallery-hero,.host-settings-hero) h2{
 font-weight:500!important;letter-spacing:-.055em!important;
}
@media(max-width:700px){
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main{
  padding:13px 13px calc(106px + env(safe-area-inset-bottom))!important;
  gap:12px!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-topbar{
  min-height:66px!important;padding:10px 13px!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-topbar>div b{font-size:27px!important}
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-hero #p2hdTitle{
  font-size:clamp(31px,8.2vw,41px)!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main > .p2hd-stats{
  border-radius:15px!important;padding:8px 3px!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-stats > div{
  padding:7px 2px!important;min-width:0!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main > .p2hd-quick{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-quick > .p2hd-action{
  padding:14px 12px!important;
  min-height:152px!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-quick > .p2hd-action b{
  font-size:clamp(17px,5vw,20px)!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-nav{
  position:sticky!important;bottom:0!important;
  min-height:62px!important;
  padding-bottom:env(safe-area-inset-bottom)!important;
 }
}
@media(max-width:359px){
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-quick>.p2hd-action{
  min-height:141px!important;padding:11px 9px!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-action b{font-size:17px!important}
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-meta span{font-size:9px!important}
}
/* Mock's desktop split workspace uses SAME action-bound nav buttons. */
@media(min-width:1000px){
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-shell{
  width:min(1320px,calc(100vw - 42px))!important;
  max-height:calc(100dvh - 42px)!important;
  display:grid!important;
  grid-template-columns:minmax(190px,235px) minmax(0,1fr)!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  column-gap:0!important;
  overflow:auto!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-topbar{
  grid-column:1/-1!important;grid-row:1!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-nav{
  grid-column:1!important;grid-row:2!important;
  position:sticky!important;top:0!important;bottom:auto!important;
  transform:none!important;left:auto!important;right:auto!important;
  width:100%!important;max-width:none!important;height:100%!important;
  min-height:360px!important;
  display:flex!important;flex-direction:column!important;
  gap:7px!important;justify-content:flex-start!important;
  align-items:stretch!important;
  padding:29px 13px!important;
  border:0!important;border-right:1px solid #e9d9c1!important;
  border-radius:0!important;
  background:#fffcf6!important;box-shadow:none!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-nav::before{
  content:"YOUR EVENT";
  font:780 10px/1.3 system-ui,sans-serif;
  letter-spacing:.2em;color:#9e7337;
  padding:0 12px 12px;margin-bottom:7px;
  border-bottom:1px solid #eddfca;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-nav > button{
  width:100%!important;max-width:none!important;
  min-height:49px!important;
  display:flex!important;flex-direction:row!important;
  gap:13px!important;justify-content:flex-start!important;
  align-items:center!important;
  text-align:left!important;
  border-radius:12px!important;
  padding:9px 14px!important;
  font:700 12px/1.3 system-ui,sans-serif!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-nav > button span{
  font-size:20px!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main{
  grid-column:2!important;grid-row:2!important;min-width:0!important;
  overflow:visible!important;
  padding:26px!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main > .p2hd-quick{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-quick > .p2hd-action{
  min-height:161px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview :is(button,.p2hd-action){transition:none!important}
}