/* v18.98 — the *visible paid-event* host dashboard (#p2HostDashboardPreview).
   Real signed cover image, real paid snapshot numbers, existing controls.
   Unlike older releases this targets the shell shown in the phone recording. */
.p2-host-dashboard-preview.p98-live-overview{
 --p98-paper:#fcf8f1;--p98-white:#fffefa;
 --p98-line:#e8dbc7;--p98-ink:#34291e;
 --p98-muted:#74685a;--p98-gold:#aa813e;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-shell{
 background:linear-gradient(180deg,#fcf8f1,#f9f1e6)!important;
 border:1px solid #e9dbc4!important;
 box-shadow:0 21px 65px rgba(43,30,15,.19)!important;
 border-radius:22px;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-topbar{
 background:rgba(255,253,248,.97)!important;
 border-bottom:1px solid #e8dac6!important;
 min-height:64px;
 box-shadow:0 2px 14px rgba(61,44,16,.035);
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-topbar>div small{
 color:#98723c!important;
 letter-spacing:.17em!important;
 font-size:9px!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-topbar>div b{
 color:#34281b;
 font:600 25px/1.1 Georgia,serif!important;
 letter-spacing:-.045em;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-preview-chip{
 background:#f6eddc!important;
 border:1px solid #e5d5b9;
 color:#775a2a!important;
 font-size:10px;
 padding:8px 12px!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-main{
 display:flex;
 flex-direction:column;
 gap:14px;
 padding:clamp(12px,2.3vw,22px) clamp(12px,2.4vw,24px) 105px!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-main .p2hd-hero{order:1}
.p2-host-dashboard-preview.p98-live-overview .p2hd-main .p2hd-stats{order:2}
.p2-host-dashboard-preview.p98-live-overview .p2hd-main .p2hd-quick{order:3}
.p2-host-dashboard-preview.p98-live-overview .p2hd-main .p98-share-strip{order:4}
.p2-host-dashboard-preview.p98-live-overview .p2hd-main .p2hd-status-card{order:5}
.p2-host-dashboard-preview.p98-live-overview .p2hd-main .p2hd-subscreen{order:6}
.p2-host-dashboard-preview.p98-live-overview .p2hd-hero{
 display:flex!important;
 flex-direction:column!important;
 justify-content:flex-start!important;
 align-items:stretch!important;
 min-height:0!important;
 margin:0!important;
 padding:0 0 19px!important;
 overflow:hidden;
 border:1px solid #e5d7c2!important;
 border-radius:23px!important;
 background:#fffdf8!important;
 box-shadow:0 10px 28px rgba(58,39,17,.065)!important;
 color:var(--p98-ink)!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-hero::after{
 display:none!important;
}
.p2-host-dashboard-preview.p98-live-overview .p98-event-cover-frame{
 order:-1;
 position:relative!important;
 z-index:0!important;
 width:100%;
 height:clamp(140px,25vw,225px);
 margin:0 0 17px;
 background:
  radial-gradient(ellipse at 30% 15%,rgba(224,184,113,.18),transparent 61%),
  linear-gradient(128deg,#fff5e6 0%,#ede0cb 100%);
 display:grid;
 place-items:center;
 overflow:hidden;
 border-bottom:1px solid #ecdfcc;
}
.p2-host-dashboard-preview.p98-live-overview .p98-event-cover-frame:not(.has-cover)::before{
 content:"✦";
 color:#c39b5e;
 font:400 54px Georgia,serif;
 letter-spacing:.07em;
}
.p2-host-dashboard-preview.p98-live-overview .p98-event-cover-image:not([hidden]){
 width:100%;
 height:100%;
 display:block;
 object-fit:contain!important;
 object-position:center!important;
 background:#f0e7dc;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-hero>div:not(.p98-event-cover-frame):not(.p2hd-hero-actions){
 width:100%;
 box-sizing:border-box;
 padding:0 clamp(16px,3.4vw,25px);
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-kicker{
 color:#a77b3c!important;
 font:750 10px/1.35 system-ui,sans-serif!important;
 letter-spacing:.14em!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-hero h2{
 margin:8px 0 12px!important;
 color:#30251b!important;
 font:600 clamp(31px,5.3vw,45px)/1.08 Georgia,serif!important;
 letter-spacing:-.045em!important;
 overflow-wrap:anywhere;
}
.p2-host-dashboard-preview.p98-live-overview .p98-event-date{
 margin:0 0 9px!important;
 color:#7c6b54;
 font:600 12px/1.5 system-ui,sans-serif;
}
.p2-host-dashboard-preview.p98-live-overview .p98-event-date[hidden]{
 display:none!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-meta{
 gap:7px!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-meta span{
 color:#6b5130!important;
 background:#f7eddc!important;
 border:1px solid #e7d8bf!important;
 border-radius:999px!important;
 font:700 10px/1.25 system-ui,sans-serif!important;
 padding:7px 10px!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-hero-actions{
 position:static!important;
 order:3;
 display:flex;gap:8px;align-items:center;
 padding:15px clamp(16px,3.4vw,25px) 0;
 margin-top:13px;
 border-top:1px solid #eee1d0;
 width:100%;
 box-sizing:border-box;
 flex-wrap:wrap;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-hero-actions button{
 min-width:0;
 min-height:46px!important;
 padding:9px 13px;
 border:1px solid #e2d3bd!important;
 border-radius:12px!important;
 background:#fffefa!important;
 color:#634c2e!important;
 box-shadow:none!important;
 font:750 12px/1.3 system-ui,sans-serif!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-hero-actions button.p2hd-quick-qr{
 width:47px;
 flex:0 0 47px;
 padding:0!important;
 display:grid;place-items:center;
 font-size:20px!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-hero-actions button:focus-visible{
 outline:3px solid #b99152;outline-offset:2px;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-stats{
 margin:0!important;
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:9px;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-stats>div{
 border:1px solid #e5d7c2!important;
 border-radius:16px!important;
 background:#fffefa!important;
 padding:15px 9px!important;
 min-height:85px;
 box-shadow:0 4px 14px rgba(65,43,17,.028);
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-stats b{
 color:#33281d;
 font:600 clamp(24px,4vw,35px)/1.05 Georgia,serif!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-stats span{
 color:#746756;
 font:750 10px/1.4 system-ui,sans-serif!important;
 letter-spacing:0!important;
 text-transform:none!important;
 margin-top:6px;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-quick{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:11px!important;
 margin:0!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-quick>.p2hd-action{
 display:flex!important;
 flex-direction:column!important;
 align-items:stretch!important;
 justify-content:space-between!important;
 min-width:0;
 min-height:156px!important;
 padding:16px 14px!important;
 border:1px solid #e5d6c1!important;
 border-radius:18px!important;
 background:#fffefa!important;
 box-shadow:0 6px 18px rgba(49,36,21,.045)!important;
 color:#3c3023!important;
 text-align:left;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-quick>.p2hd-action-primary{
 background:linear-gradient(145deg,#fbf1df,#fffaf0)!important;
 border-color:#d9bc8a!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-action-icon{
 display:grid;
 place-items:center;
 flex:0 0 43px;
 width:43px;height:43px;
 background:#f3e7d3!important;
 border:1px solid #e7d5b9;
 border-radius:12px!important;
 color:#9f7638;
 font-size:23px!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-quick>.p2hd-action>span:nth-child(2){
 display:grid;
 gap:4px;
 flex:1;
 padding-top:12px;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-action b{
 color:#35281b;
 font:600 clamp(17px,2.4vw,23px)/1.17 Georgia,serif!important;
 letter-spacing:-.025em;
 overflow-wrap:anywhere;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-action small{
 color:#766855;
 font:500 11px/1.43 system-ui,sans-serif!important;
 margin-top:0!important;
 overflow-wrap:anywhere;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-quick>.p2hd-action>em{
 font:750 10px/1.15 system-ui,sans-serif!important;
 align-self:flex-start;
 margin-top:9px;
 padding:6px 10px!important;
 border-radius:999px;
 background:#a7793b;
 color:#fffdfa;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-quick>.p2hd-action:focus-visible,
.p2-host-dashboard-preview.p98-live-overview .p98-share-strip .p2hd-action:focus-visible{
 outline:3px solid #b99152;outline-offset:2px;
}
.p2-host-dashboard-preview.p98-live-overview .p98-share-strip{
 border:1px solid #e6d9c4;
 background:#fffdfa;
 border-radius:15px;
 padding:0;
}
.p2-host-dashboard-preview.p98-live-overview .p98-share-strip>.p2hd-action{
 display:grid!important;
 grid-template-columns:42px 1fr auto!important;
 align-items:center!important;
 gap:10px;
 min-height:58px!important;
 width:100%;
 border:0!important;
 border-radius:14px!important;
 box-shadow:none!important;
 padding:8px 12px!important;
 background:transparent!important;
}
.p2-host-dashboard-preview.p98-live-overview .p98-share-strip .p2hd-action-icon{
 width:36px;height:36px;
 flex-basis:36px;
 font-size:18px!important;
}
.p2-host-dashboard-preview.p98-live-overview .p98-share-strip .p2hd-action b{
 font:700 12px/1.3 system-ui,sans-serif!important;
}
.p2-host-dashboard-preview.p98-live-overview .p98-share-strip .p2hd-action small{
 font-size:10px!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-status-card{
 margin:0!important;
 background:#fffdf9!important;
 border:1px solid #e8dcc9!important;
 border-radius:16px!important;
 box-shadow:none!important;
 padding:16px!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-status-card h3{
 color:#453427;
 font:600 21px/1.19 Georgia,serif!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-status-card p{
 color:#72685b;
 font-size:12px!important;
 line-height:1.52!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-status-card[data-p98-synced="no"]{
 background:#f9f1e5!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-nav{
 background:#fffdf9!important;
 border-top:1px solid #e5d8c5!important;
 box-shadow:0 -8px 23px rgba(35,25,12,.055)!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-nav button{
 color:#786752!important;
 min-height:48px;
 font-size:10px!important;
}
.p2-host-dashboard-preview.p98-live-overview .p2hd-nav button.active{
 background:#f7eddb!important;
 color:#79552c!important;
 border-radius:12px!important;
}
@media(max-width:700px){
 .p2-host-dashboard-preview.p98-live-overview{
  padding:0!important;backdrop-filter:none!important;
 }
 .p2-host-dashboard-preview.p98-live-overview .p2hd-shell{
  width:100%!important;height:100dvh!important;
  max-height:100dvh!important;max-width:none!important;
  border-radius:0!important;box-shadow:none!important;
  border:0!important;
 }
 .p2-host-dashboard-preview.p98-live-overview .p2hd-main{
  padding:12px 12px calc(94px + env(safe-area-inset-bottom))!important;
  gap:11px!important;
 }
 .p2-host-dashboard-preview.p98-live-overview .p98-event-cover-frame{
  height:clamp(145px,36vw,205px)!important;
 }
 .p2-host-dashboard-preview.p98-live-overview .p2hd-hero{border-radius:19px!important}
 .p2-host-dashboard-preview.p98-live-overview .p2hd-hero h2{
  font-size:clamp(30px,8vw,40px)!important;
 }
 .p2-host-dashboard-preview.p98-live-overview .p2hd-quick{gap:9px!important}
 .p2-host-dashboard-preview.p98-live-overview .p2hd-quick>.p2hd-action{
  min-height:144px!important;padding:12px!important;
 }
 .p2-host-dashboard-preview.p98-live-overview .p2hd-action b{
  font-size:17px!important;
 }
 .p2-host-dashboard-preview.p98-live-overview .p2hd-action small{
  font-size:10px!important;
 }
}
@media(max-width:365px){
 .p2-host-dashboard-preview.p98-live-overview .p2hd-main{padding-inline:9px!important}
 .p2-host-dashboard-preview.p98-live-overview .p2hd-quick{gap:7px!important}
 .p2-host-dashboard-preview.p98-live-overview .p2hd-quick>.p2hd-action{
  padding:11px 9px!important;
 }
 .p2-host-dashboard-preview.p98-live-overview .p2hd-action b{font-size:16px!important}
 .p2-host-dashboard-preview.p98-live-overview .p2hd-meta span{font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){
 .p2-host-dashboard-preview.p98-live-overview *{
  scroll-behavior:auto!important;
 }
}