/* Picorae v18.128 — an integrated premium mobile journey, from the REAL
 * 44587.mp4 Samsung recording and approved 44553.png reference.
 * Scope to existing authorised nodes: no payment, ID, photo source, data,
 * consent, QR, image-download or upload permission changes. */
:root{--p128-paper:#fbf7ef;--p128-ivory:#fffdf8;--p128-ink:#302519;--p128-muted:#6e5e4a;--p128-gold:#a87935;--p128-line:#e4d4bb;--p128-soft:#f5ead8}
#dashboardView,#createView,#manageView,#preview2View,#eventView,
#p2HostDashboardPreview.p98-live-overview{
 color:var(--p128-ink);
 -webkit-font-smoothing:antialiased;
}
#dashboardView :is(button,.dashboard-event-card),#createView button,
#eventView button,#manageView button,#preview2View button,
#p2HostDashboardPreview.p98-live-overview button{
 -webkit-tap-highlight-color:transparent;
}
#dashboardView :is(button,.dashboard-event-card):focus-visible,
#createView :is(button,input,select,textarea):focus-visible,
#eventView :is(button,input,select,textarea,summary):focus-visible,
#manageView :is(button,input,select,textarea):focus-visible,
#preview2View :is(button,input,select,textarea):focus-visible,
#p2HostDashboardPreview :is(button,[role="button"]):focus-visible{
 outline:3px solid #a37739!important;outline-offset:3px!important;
}
/* Organiser landing — event COVER is one editorial picture-and-caption
 * composition rather than a dark rectangular photograph above a separate card. */
#dashboardView #dashboardSignedIn.p115-events-first .dashboard-events-card{
 background:transparent!important;border:0!important;padding:4px 0 10px!important;
 box-shadow:none!important;
}
#dashboardView #dashboardSignedIn.p115-events-first #eventList>.dashboard-event-card{
 background:var(--p128-ivory)!important;
 border-color:#dfcdb1!important;border-radius:22px!important;
 box-shadow:0 10px 30px rgba(59,38,15,.075)!important;
}
#dashboardView #dashboardSignedIn.p115-events-first #eventList .dashboard-event-art.p127-photo-ready{
 border-radius:21px 21px 0 0!important;
 background-color:#dfd1bc!important;
}
#dashboardView #dashboardSignedIn.p115-events-first #eventList .dashboard-event-copy{
 position:relative;z-index:2;
 background:linear-gradient(180deg,rgba(255,253,248,.96),#fffdf8 37%)!important;
 border-radius:0 0 21px 21px!important;
 padding:8px 18px 20px!important;
}
#dashboardView #dashboardSignedIn.p115-events-first #eventList .dashboard-event-name{
 font-size:clamp(24px,5.8vw,31px)!important;
 margin-bottom:9px!important;
}
#dashboardView #dashboardSignedIn.p115-events-first #eventList .dashboard-event-type{
 color:#8f6229!important;
}
#dashboardView #dashboardSignedIn.p115-events-first .dashboard-new-btn{
 background:linear-gradient(105deg,#ac7b34,#cfad6b)!important;
 color:#fffdf8!important;border-color:#b28d52!important;
 min-height:50px!important;
}
/* PAID event overview — one clear photograph and one title, not three
 * layers of tan boxes. Keep genuine metadata, stats and action handlers. */
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main{
 background:var(--p128-paper)!important;gap:13px!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main>.p2hd-hero{
 border:1px solid #e0ceb0!important;
 border-radius:22px!important;
 box-shadow:0 13px 33px rgba(59,39,17,.08)!important;
 background:linear-gradient(170deg,#fffefa,#faf3e8)!important;
 overflow:hidden!important;
 padding:0 0 19px!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-hero .p98-event-cover-frame.p127-photo-ready{
 border:0!important;border-radius:21px 21px 0 0!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-hero .p2hd-hero-copy{
 position:relative!important;z-index:3!important;
 padding:12px 19px 2px!important;
 background:linear-gradient(180deg,rgba(255,253,248,.94),#fffdf8 42%)!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-hero h2{
 font:600 clamp(29px,7.4vw,39px)/1.06 Georgia,'Times New Roman',serif!important;
 color:#302519!important;letter-spacing:-.035em!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-meta{
 margin-top:10px!important;row-gap:7px!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-meta>*{
 border-radius:999px!important;background:#f7eddc!important;
 border-color:#e6d8c2!important;color:#655137!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main>.p116-hero-toolbar{
 border:0!important;background:transparent!important;
 padding:0!important;gap:8px!important;box-shadow:none!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p116-hero-toolbar>button{
 background:#fffcf6!important;border:1px solid #e3d4bc!important;
 border-radius:13px!important;min-height:52px!important;
 box-shadow:0 4px 11px rgba(46,29,15,.04)!important;
 color:#583e22!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main>.p2hd-stats{
 gap:9px!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-stats>div{
 background:#fffdf8!important;border:1px solid #e3d6c2!important;
 min-height:95px!important;border-radius:17px!important;
 display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;
 gap:6px!important;box-shadow:0 4px 13px rgba(58,37,18,.04)!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-stats b{
 font:600 clamp(30px,7vw,37px)/1 Georgia,serif!important;
 color:#8e632d!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-stats span{
 font-size:11px!important;color:#665b4b!important;font-weight:720!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main>.p2hd-quick{
 gap:10px!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-quick>.p2hd-action{
 min-height:158px!important;border-radius:19px!important;
 border:1px solid #deceb4!important;
 padding:16px 14px!important;gap:13px!important;
 box-shadow:0 6px 17px rgba(60,39,18,.047)!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-quick>.p2hd-action-primary{
 background:linear-gradient(140deg,#f5e4c6,#fff9ee)!important;
 border-color:#bc9253!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-action-icon{
 width:47px!important;height:47px!important;flex:0 0 47px!important;
 border-radius:14px!important;background:#f2e4cc!important;
 border:1px solid #ddc49b!important;color:#9a6d32!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-action-icon svg{
 width:25px!important;height:25px!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-action b{
 font-size:clamp(19px,4.5vw,23px)!important;line-height:1.06!important;
}
#p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-action small{
 font-size:11px!important;line-height:1.39!important;
}
/* Guest opening — image and genuine event metadata read as one cover.
 * No new gallery visibility controls or clickable duplicates. */
#eventView #guestEvent{background:var(--p128-paper)!important}
#eventView #guestEvent>.event-hero{
 border-radius:23px!important;
 border:1px solid #dfceb3!important;
 background:var(--p128-ivory)!important;
 box-shadow:0 12px 33px rgba(60,40,15,.065)!important;
}
#eventView #guestEvent>.event-hero>.guest-event-intro{
 position:relative!important;z-index:2!important;
 background:linear-gradient(180deg,rgba(255,253,248,.96),#fffdf8 40%)!important;
 padding:15px 17px 22px!important;
}
#eventView #guestEvent #guestName{
 font-size:clamp(32px,8vw,43px)!important;
 letter-spacing:-.04em!important;
}
#eventView #guestEvent #guestWelcome{font-size:13px!important;line-height:1.56!important}
#eventView #p113GuestNavigation{
 border:1px solid #e4d2b4!important;
 box-shadow:0 7px 21px rgba(58,39,18,.05)!important;
 background:#fffdf8!important;
 border-radius:17px!important;
 padding:6px!important;gap:3px!important;
}
#eventView #p113GuestNavigation .p113-guest-link{
 min-height:74px!important;padding:9px 2px!important;
 gap:7px!important;border-radius:12px!important;
}
#eventView #p113GuestNavigation .p113-guest-link:not([disabled]):active{
 background:#f4e8d4!important;
}
#eventView #p113GuestNavigation .p113-nav-symbol{
 display:grid!important;place-items:center!important;
 width:34px!important;height:34px!important;
 border-radius:11px!important;background:#f6ead5!important;
 border:1px solid #ebd6b3!important;color:#92682e!important;
}
#eventView #p113GuestNavigation .p113-nav-symbol svg{
 display:block;width:19px;height:19px;stroke-width:1.7;
}
#eventView #p113GuestNavigation .p113-guest-link strong{
 font:750 10px/1.22 system-ui,sans-serif!important;
 color:#594a37!important;
}
#eventView #guestEvent #guestUploadZone{
 padding:18px!important;border-radius:19px!important;
 background:#fffdf9!important;box-shadow:0 7px 22px rgba(60,41,18,.04)!important;
}
#eventView #guestEvent #guestMemoryTitle{
 font-size:clamp(26px,6.2vw,31px)!important;
}
#eventView #guestEvent #guestMediaPicker label.big-upload{
 border-radius:17px!important;min-height:114px!important;
 background:linear-gradient(155deg,#f5e6cc,#fff7e9)!important;
 border-color:#d9bb88!important;
 box-shadow:0 3px 13px rgba(73,46,16,.045)!important;
}
/* Guestbook is a first-class part of the guest journey, not a spare textarea. */
#eventView #guestEvent #voiceGuestbook,
#eventView #guestEvent #p33VideoGuestbook{
 background:linear-gradient(150deg,#fffdf8,#f8eee0)!important;
 border:1px solid #e3cfb0!important;
 border-radius:21px!important;
 box-shadow:0 8px 24px rgba(55,37,14,.05)!important;
}
#eventView #guestEvent #voiceGuestbook h3,
#eventView #guestEvent #p33VideoGuestbook h3{
 font:600 clamp(25px,6vw,32px)/1.12 Georgia,serif!important;
 letter-spacing:-.025em!important;
}
#manageView #hostSettingsTab #p119GuestbookHub{
 border:1px solid #ddc59d!important;
 border-radius:21px!important;background:#fffbf4!important;
 padding:17px!important;box-shadow:0 6px 19px rgba(59,39,16,.045)!important;
}
/* EVENT GALLERY — make filters and media share the same visual language. */
#manageView #hostGalleryTab .host-gallery-hero{
 padding:19px!important;border-radius:22px!important;
 background:linear-gradient(145deg,#fffefa,#f7eedd)!important;
 border-color:#dfcba9!important;
}
#manageView #hostGalleryTab .host-gallery-stats{
 gap:10px!important;margin-top:12px!important;
}
#manageView #hostGalleryTab .host-gallery-stats>button[data-gallery-filter]{
 border:1px solid #ded0b8!important;border-radius:17px!important;
 background:#fffdf8!important;
 min-height:87px!important;
}
#manageView #hostGalleryTab .host-gallery-stats>button[data-gallery-filter]:is(.active,[aria-pressed="true"]){
 background:linear-gradient(145deg,#f2dfba,#fff7e8)!important;
 border:2px solid #98682e!important;
}
#manageView #hostGalleryTab .host-gallery-stats>button[data-gallery-filter] b{
 color:#8a602b!important;
}
/* RSVP, genuine original choice, guest capacity, dietary notes and save. */
#eventView #guestEvent #guestRsvpCard,
#manageView #hostEventTab #hostRsvpCard{
 border:1px solid #dfcdae!important;
 border-radius:21px!important;
 background:#fffdfa!important;
 box-shadow:0 7px 24px rgba(63,39,17,.05)!important;
}
#eventView #guestEvent #guestRsvpCard h3,
#manageView #hostEventTab #hostRsvpCard h3{
 font:600 clamp(23px,5vw,30px)/1.16 Georgia,serif!important;
}
#eventView #guestEvent .rsvp-choice-row{gap:11px!important}
#eventView #guestEvent .rsvp-choice{
 min-height:57px!important;
 border-radius:13px!important;
 background:#fffefa!important;color:#493720!important;
}
#eventView #guestEvent .rsvp-choice.active{
 background:#f3e2c4!important;
 border-color:#9f722e!important;
}
/* REAL invitation designer: outside editor chrome only. Never alter QR
 * canvas, printed pixels, print layout, export data, or design previews. */
#qrDesignerModal .qr-designer-card.invite-clean-editor{
 background:#fbf7ef!important;border-radius:25px!important;
 box-shadow:0 22px 58px rgba(26,19,12,.26)!important;
}
#qrDesignerModal .qr-designer-head.invite-clean-head{
 background:linear-gradient(115deg,#fffdf8,#f4e7ce)!important;
 padding-block:23px!important;
}
#qrDesignerModal .qr-designer-head h2{font-size:clamp(30px,7vw,40px)!important}
#qrDesignerModal .qr-designer-controls{
 border-radius:19px!important;background:#fffefa!important;
}
#qrDesignerModal .premium-preview-column{
 border-radius:19px!important;
 background:linear-gradient(140deg,#f3e6d0,#fffcf6)!important;
}
#qrDesignerModal .invite-tool-dock{
 padding:6px!important;gap:6px!important;border-radius:14px!important;
}
#qrDesignerModal .invite-tool-btn{border-radius:12px!important;min-height:59px!important}
/* Event creation — a single consistent, editorial setup sequence. */
#createView .create-premium-shell{
 background:var(--p128-paper)!important;
}
#createView .create-premium-hero{
 background:linear-gradient(155deg,#fffcf6,#f6e9d5)!important;
 border:1px solid #e4d0af!important;border-radius:23px!important;
 box-shadow:0 7px 20px rgba(63,44,18,.045)!important;
}
#createView .create-premium-title{
 font:600 clamp(33px,7vw,46px)/1.07 Georgia,serif!important;
 letter-spacing:-.037em!important;
}
#createView .create-step-nav{
 gap:8px!important;
}
#createView .create-step-btn{
 border-radius:14px!important;min-height:60px!important;
 border:1px solid #dfceb1!important;
 background:#fffcf7!important;
}
#createView .create-step-btn.active{
 background:linear-gradient(135deg,#392a1a,#624422)!important;
 color:#fff9ef!important;border-color:#392a1a!important;
}
#createView .create-step-panel{
 border:1px solid #e3d1b5!important;
 border-radius:22px!important;
 background:#fffdfa!important;box-shadow:0 8px 23px rgba(60,42,18,.04)!important;
}
#createView .create-panel-head h3{
 font:600 clamp(25px,5.4vw,33px)/1.13 Georgia,serif!important;
}
#createView .create-form-grid input:not([type="checkbox"]):not([type="radio"]),
#createView .create-form-grid select,
#createView .create-form-grid textarea{
 border:1px solid #d9c6a7!important;
 border-radius:13px!important;background:#fffefb!important;
 color:#30251b!important;min-height:47px!important;
}
@media(max-width:700px){
 #dashboardView #dashboardSignedIn.p115-events-first .dashboard-events-card{padding:0 1px 8px!important}
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-main{
  padding-inline:12px!important;gap:11px!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-hero .p2hd-hero-copy{
  padding:11px 15px 2px!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-quick>.p2hd-action{
  padding:14px 12px!important;min-height:158px!important;
 }
 #eventView #guestEvent>.event-hero>.guest-event-intro{padding:12px 15px 19px!important}
 #qrDesignerModal .qr-designer-head.invite-clean-head{padding:17px 14px!important}
 #createView .create-step-btn{min-width:0!important}
}
@media(max-width:350px){
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-quick>.p2hd-action{
  min-height:160px!important;padding:12px 9px!important;
 }
 #p2HostDashboardPreview.p98-live-overview.p116-mock-overview .p2hd-action b{
  font-size:17px!important;
 }
 #eventView #p113GuestNavigation .p113-guest-link strong{font-size:8px!important}
 #eventView #p113GuestNavigation .p113-nav-symbol{width:30px!important;height:30px!important}
 #createView .create-step-btn{font-size:10px!important;padding:7px 3px!important}
}
@media(prefers-reduced-motion:reduce){
 #dashboardView .dashboard-event-card,#eventView button,
 #p2HostDashboardPreview button{transition:none!important}
}