/* v18.116 — ACTUAL p2HostDashboardPreview from the founder's Samsung
   screenshot, not the unused #manageView legacy tab.
   Editorial host hierarchy: real photo/name, compact tools, real stats,
   2x2 purposeful actions, then activity. */
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview{
 --p116-ink:#30251b;--p116-champagne:#a77a38;--p116-line:#e6d7c0;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-main{
 gap:10px!important;
 background:linear-gradient(160deg,#fffaf2,#f7efe2)!important;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-main .p2hd-hero{
 order:1!important;
 border-radius:17px!important;
 padding:0 0 12px!important;
 background:linear-gradient(155deg,#fffdf8,#f8edda)!important;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-hero .p98-event-cover-frame{
 height:clamp(150px,32vw,240px)!important;
 margin:0 0 9px!important;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-hero .p98-event-cover-frame.p116-cover-unavailable{
 height:0!important;
 min-height:0!important;
 max-height:0!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-hero .p98-event-cover-frame.p116-cover-unavailable::before{
 display:none!important;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-hero h2{
 font-size:clamp(27px,5vw,36px)!important;
 line-height:1.07!important;
 margin:7px 0!important;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-hero .p2hd-meta{
 display:flex!important;
 flex-wrap:wrap!important;
 gap:5px!important;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-main .p116-hero-toolbar{
 order:2!important;
 position:relative!important;
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:7px!important;
 padding:8px!important;
 margin:0!important;
 border:1px solid var(--p116-line)!important;
 border-radius:15px!important;
 background:#fffdfa!important;
 box-shadow:0 4px 12px rgba(57,40,17,.05)!important;
 width:100%!important;
 min-width:0!important;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p116-hero-toolbar > button{
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 gap:5px!important;
 min-width:0!important;
 min-height:45px!important;
 width:100%!important;
 max-width:none!important;
 margin:0!important;
 border:1px solid #e6d9c4!important;
 border-radius:10px!important;
 padding:7px 6px!important;
 background:#fcf7ec!important;
 box-shadow:none!important;
 color:#60492b!important;
 font-size:clamp(10px,2vw,12px)!important;
 line-height:1.2!important;
 text-align:center!important;
 white-space:normal!important;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p116-hero-toolbar > button:focus-visible{
 outline:3px solid #90662f;outline-offset:2px;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-main .p2hd-stats{
 order:3!important;
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:7px!important;
 margin:0!important;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-stats > div{
 border-radius:12px!important;
 min-height:74px!important;
 padding:10px 6px!important;
 background:#fffcf5!important;
 border:1px solid #e7d9c2!important;
 box-shadow:none!important;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-stats b{
 font:600 clamp(25px,4vw,32px)/1.05 Georgia,serif!important;
 color:#51361e!important;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-stats span{
 font-size:10px!important;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-main .p2hd-quick{
 order:4!important;
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:9px!important;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-quick > .p2hd-action{
 min-height:125px!important;
 padding:13px 11px!important;
 justify-content:start!important;
 gap:5px!important;
 border-radius:14px!important;
 background:linear-gradient(145deg,#fffefa,#fcf6ea)!important;
 box-shadow:0 3px 11px rgba(49,33,15,.045)!important;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-quick > .p2hd-action-primary{
 background:linear-gradient(150deg,#f5e8cf,#fff7e6)!important;
 border-color:#c7a66f!important;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-action-icon{
 width:35px!important;height:35px!important;flex:0 0 35px!important;
 font-size:20px!important;
 border-radius:10px!important;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-quick > .p2hd-action > span:nth-child(2){
 display:flex!important;
 flex-direction:column!important;
 gap:4px!important;
 padding-top:4px!important;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-quick .p2hd-action b{
 font:600 clamp(16px,2.5vw,20px)/1.12 Georgia,serif!important;
 color:var(--p116-ink)!important;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-quick .p2hd-action small{
 font:500 10px/1.35 system-ui,sans-serif!important;
 color:#715c45!important;
}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-main .p98-share-strip{order:5!important}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-main .p2hd-status-card{order:6!important}
.p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-main .p2hd-subscreen{order:7!important}
@media(max-width:700px){
 .p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-main{
  padding:10px 10px calc(91px + env(safe-area-inset-bottom))!important;
  gap:8px!important;
 }
 .p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-hero .p98-event-cover-frame{
  height:clamp(135px,37vw,210px)!important;
 }
 .p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p2hd-quick > .p2hd-action{
  min-height:115px!important;padding:11px 9px!important;
 }
}
@media(max-width:360px){
 .p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p116-hero-toolbar{
  gap:5px!important;padding:5px!important;
 }
 .p2-host-dashboard-preview.p98-live-overview.p116-mock-overview .p116-hero-toolbar>button{
  font-size:10px!important;
  padding:6px 3px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 .p2-host-dashboard-preview.p98-live-overview.p116-mock-overview *{
  scroll-behavior:auto!important;
 }
}


/* v18.118, actual Samsung Internet 44572.mp4: the old two-column
   button rule left QR alone on a second row. Only LIVE paid overview. */
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main > .p2hd-hero-actions.p116-hero-toolbar{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 grid-auto-flow:row!important;
 align-items:stretch!important;
 justify-items:stretch!important;
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main > .p116-hero-toolbar > button{
 min-width:0!important;
 width:100%!important;
 max-width:none!important;
 margin:0!important;
 grid-column:auto!important;
 flex:none!important;
 min-height:48px!important;
 box-sizing:border-box!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main > .p116-hero-toolbar > button.p2hd-quick-qr{
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 gap:3px!important;
 width:100%!important;
 min-height:48px!important;
 padding:4px!important;
 line-height:1!important;
 font-size:15px!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main > .p116-hero-toolbar > button.p2hd-quick-qr::after{
 content:"QR code";
 font:750 10px/1.2 system-ui,sans-serif;
 letter-spacing:0;
 color:#60492b;
 white-space:nowrap;
}
@media(max-width:360px){
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main > .p116-hero-toolbar{
  gap:5px!important;
  padding:6px!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main > .p116-hero-toolbar > button{
  font-size:10px!important;
  padding:5px 2px!important;
 }
}