/* Picorae v18.123 — founder Samsung UX review, 21 October 2026.
   Real mobile shell, original paid event settings overlay and real owner Settings.
   Presentation ONLY. No identity/QR/media/Stripe/permissions, no DOM clones. */

/* The original brand, Dashboard, Profile and Sign in/out remain tappable.
   At narrow widths, let account controls take a deliberate second row
   instead of colliding with the logo or the original native Lock control. */
@media(max-width:700px){
 .app > .topbar{
   box-sizing:border-box!important;
   display:flex!important;
   flex-wrap:wrap!important;
   justify-content:space-between!important;
   align-items:center!important;
   column-gap:8px!important;
   row-gap:7px!important;
   padding:calc(10px + env(safe-area-inset-top,0px)) 11px 9px!important;
   background:rgba(252,248,240,.98)!important;
   border-bottom:1px solid #e1d3bc!important;
 }
 .app > .topbar .brand{
   display:flex!important;
   align-items:center!important;
   flex:0 1 auto!important;
   min-width:0!important;
   gap:6px!important;
   font-size:17px!important;
   line-height:1!important;
 }
 .app > .topbar .brand-logo{
   width:32px!important;
   height:32px!important;
   border-radius:10px!important;
 }
 .app > .topbar .nav-actions{
   display:flex!important;
   flex:0 1 auto!important;
   align-items:center!important;
   justify-content:flex-end!important;
   flex-wrap:wrap!important;
   min-width:0!important;
   max-width:100%!important;
   gap:5px!important;
 }
 .app > .topbar .nav-actions .btn:not(.hidden){
   box-sizing:border-box!important;
   flex:0 0 auto!important;
   min-width:0!important;
   min-height:44px!important;
   padding:9px 9px!important;
   border-radius:11px!important;
   font:750 11px/1.2 system-ui,sans-serif!important;
   white-space:nowrap!important;
 }
 .app > .topbar .picorae-top-profile:not(.hidden){
   background:#f0dfbc!important;
   border:1px solid #d8bc87!important;
   color:#4a351b!important;
   box-shadow:none!important;
 }
}
@media(max-width:370px){
 .app > .topbar .nav-actions{
   flex-basis:100%!important;
   width:100%!important;
   justify-content:space-between!important;
   flex-wrap:nowrap!important;
 }
 .app > .topbar .nav-actions .btn:not(.hidden){
   padding-inline:7px!important;
   font-size:11px!important;
 }
}

/* Genuine organiser Settings tablist: original handlers and selected state. */
#manageView #hostSettingsTab .host-settings-hero{
 padding-bottom:16px!important;
}
#manageView #hostSettingsTab #hostSettingsTools{
 margin:0 0 19px!important;
 padding:4px 0 0!important;
 gap:8px!important;
}
#manageView #hostSettingsTab #hostSettingsTools .host-settings-tool{
 min-height:61px!important;
 border-color:#d9c9b0!important;
 box-shadow:0 2px 10px rgba(50,31,12,.035)!important;
}
#manageView #hostSettingsTab #hostSettingsTools .host-settings-tool:is(.active,[aria-selected="true"]){
 border:2px solid #95672e!important;
 background:#f5e7ce!important;
 box-shadow:0 0 0 2px rgba(148,101,38,.13)!important;
 color:#372918!important;
}
#manageView #hostSettingsTab .host-settings-context{
 margin:5px 0 17px!important;
 padding:9px 12px 10px 16px!important;
 border-left:3px solid #b18440!important;
 min-width:0!important;
}
#manageView #hostSettingsTab .host-settings-context h3{
 margin-top:3px!important;
 margin-bottom:7px!important;
}
#manageView #hostSettingsTab .host-settings-context p{
 line-height:1.5!important;
}
#manageView #hostSettingsTab .settings-tool-panel{
 border-color:#d9c8ac!important;
}
#manageView #hostSettingsTab .settings-tool-panel:focus-within{
 border-color:#b49461!important;
}

/* Dark-ink premium primary CTAs. White on #4a3622 is comfortably legible. */
#manageView #hostSettingsTab .settings-tool-panel .btn.primary,
#manageView #hostSettingsTab .settings-mobile-save .btn.primary{
 color:#fffdf7!important;
 background:#493321!important;
 border:1px solid #382716!important;
 box-shadow:0 3px 11px rgba(57,33,13,.15)!important;
 min-height:46px!important;
 font-weight:800!important;
}
#manageView #hostSettingsTab .settings-tool-panel .btn.primary:disabled,
#manageView #hostSettingsTab .settings-mobile-save .btn.primary:disabled{
 background:#887764!important;
 border-color:#887764!important;
 cursor:not-allowed!important;
}
#manageView #hostSettingsTab .settings-tool-panel .btn.primary:focus-visible,
#manageView #hostSettingsTab .settings-mobile-save .btn.primary:focus-visible{
 outline:3px solid #af8548!important;
 outline-offset:3px!important;
}

/* Original live forms, not dummy copies; leave checkbox, file, color
   and radio inputs unmodified so native accessibility still works. */
#manageView #hostSettingsTab .settings-tool-panel :is(
 input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):not([type="range"]),
 select,textarea
){
 border:1.5px solid #a68e6e!important;
 background:#fffefb!important;
 color:#33291e!important;
 min-height:44px;
 border-radius:10px!important;
 box-sizing:border-box;
}
#manageView #hostSettingsTab .settings-tool-panel :is(input,select,textarea):focus-visible{
 outline:3px solid #a27a3c!important;
 outline-offset:2px!important;
 border-color:#745022!important;
}

/* The actual paid-event overlay was missed by the v18.120 legacy
   #manageView styling. Give its REAL Settings sub-routes elegant tiles,
   while retaining its original data-act bound controls. */
#p2HostDashboardPreview.p98-live-overview .p2hd-subscreen .p2hd-settings-list{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:10px!important;
}
#p2HostDashboardPreview.p98-live-overview .p2hd-subscreen .p2hd-settings-list > button{
 display:flex!important;
 flex-direction:column!important;
 align-items:flex-start!important;
 justify-content:flex-start!important;
 gap:9px!important;
 width:100%!important;
 min-width:0!important;
 min-height:125px!important;
 padding:13px 11px!important;
 border:1px solid #dfd1b9!important;
 border-radius:16px!important;
 background:#fffdf8!important;
 box-shadow:0 3px 13px rgba(64,42,19,.035)!important;
 color:#443324!important;
}
#p2HostDashboardPreview.p98-live-overview .p2hd-subscreen .p2hd-settings-list > button > div{
 width:100%!important;
 min-width:0!important;
}
#p2HostDashboardPreview.p98-live-overview .p2hd-subscreen .p2hd-settings-list > button b{
 font:600 17px/1.17 Georgia,serif!important;
 overflow-wrap:anywhere!important;
}
#p2HostDashboardPreview.p98-live-overview .p2hd-subscreen .p2hd-settings-list > button small{
 font:500 10px/1.4 system-ui,sans-serif!important;
 overflow-wrap:anywhere!important;
}
#p2HostDashboardPreview.p98-live-overview .p2hd-subscreen .p2hd-settings-list > button > i{
 display:none!important; /* decorative arrow only; the button remains intact */
}

/* True Shared / Approve first / Private radio-like choice buttons
   in the paid overlay (not generic unrelated Custom-date options). */
#p2HostDashboardPreview.p98-live-overview .p2hd-subscreen
 .p2hd-setting-choices:has(>button[data-act="privacy-mode"]){
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:9px!important;
}
#p2HostDashboardPreview.p98-live-overview .p2hd-subscreen
 .p2hd-setting-choices > button[data-act="privacy-mode"]{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) 23px!important;
 grid-template-rows:38px auto!important;
 align-items:start!important;
 gap:5px!important;
 min-width:0!important;
 width:100%!important;
 min-height:137px!important;
 padding:13px 10px!important;
 border:1.5px solid #dfceb0!important;
 border-radius:16px!important;
 background:#fffdf8!important;
 box-sizing:border-box!important;
 color:#3b2e20!important;
}
#p2HostDashboardPreview.p98-live-overview .p2hd-subscreen
 .p2hd-setting-choices > button[data-act="privacy-mode"] > span{
 grid-column:1;grid-row:1;
 width:35px!important;height:35px!important;
}
#p2HostDashboardPreview.p98-live-overview .p2hd-subscreen
 .p2hd-setting-choices > button[data-act="privacy-mode"] > div{
 grid-column:1 / -1;grid-row:2;
 min-width:0!important;
}
#p2HostDashboardPreview.p98-live-overview .p2hd-subscreen
 .p2hd-setting-choices > button[data-act="privacy-mode"] b{
 font:650 16px/1.15 Georgia,serif!important;
}
#p2HostDashboardPreview.p98-live-overview .p2hd-subscreen
 .p2hd-setting-choices > button[data-act="privacy-mode"] small{
 font:500 10px/1.35 system-ui,sans-serif!important;
 margin-top:5px!important;
 overflow-wrap:anywhere!important;
}
#p2HostDashboardPreview.p98-live-overview .p2hd-subscreen
 .p2hd-setting-choices > button[data-act="privacy-mode"] > i{
 grid-column:2;grid-row:1;align-self:start;
}
#p2HostDashboardPreview.p98-live-overview .p2hd-subscreen
 .p2hd-setting-choices > button[data-act="privacy-mode"]:last-child{
 grid-column:1 / -1!important;
 grid-template-columns:42px minmax(0,1fr) 23px!important;
 grid-template-rows:auto!important;
 align-items:center!important;
 min-height:83px!important;
}
#p2HostDashboardPreview.p98-live-overview .p2hd-subscreen
 .p2hd-setting-choices > button[data-act="privacy-mode"]:last-child > span{
 grid-column:1;grid-row:1;
}
#p2HostDashboardPreview.p98-live-overview .p2hd-subscreen
 .p2hd-setting-choices > button[data-act="privacy-mode"]:last-child > div{
 grid-column:2;grid-row:1;
}
#p2HostDashboardPreview.p98-live-overview .p2hd-subscreen
 .p2hd-setting-choices > button[data-act="privacy-mode"]:last-child > i{
 grid-column:3;grid-row:1;
}
#p2HostDashboardPreview.p98-live-overview .p2hd-subscreen
 .p2hd-setting-choices > button[data-act="privacy-mode"].selected{
 border:2px solid #8c5b21!important;
 background:#f6e7c9!important;
 box-shadow:0 0 0 2px rgba(164,112,47,.16),0 5px 13px rgba(64,43,15,.075)!important;
}
#p2HostDashboardPreview.p98-live-overview .p2hd-subscreen
 .p2hd-setting-choices > button[data-act="privacy-mode"]:focus-visible,
#p2HostDashboardPreview.p98-live-overview .p2hd-subscreen
 .p2hd-settings-list > button:focus-visible{
 outline:3px solid #9e7233!important;
 outline-offset:3px!important;
}

@media(max-width:360px){
 #manageView #hostSettingsTab #hostSettingsTools{gap:5px!important}
 #manageView #hostSettingsTab #hostSettingsTools .host-settings-tool b{font-size:9px!important}
 #p2HostDashboardPreview.p98-live-overview .p2hd-subscreen .p2hd-settings-list{gap:7px!important}
 #p2HostDashboardPreview.p98-live-overview .p2hd-subscreen .p2hd-settings-list > button{
  padding:11px 8px!important;
 }
 #p2HostDashboardPreview.p98-live-overview .p2hd-subscreen
  .p2hd-setting-choices > button[data-act="privacy-mode"]{
   padding:11px 7px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #manageView #hostSettingsTab *,
 #p2HostDashboardPreview.p98-live-overview .p2hd-subscreen .p2hd-setting-choice{
  transition:none!important;
 }
}