/* 12Padel 4J0J20 CSS runtime bundle. Preserves original stylesheet order; reduces 125 CSS requests to 1. */

/* === public/assets/css/theme.css === */
:root{
  --brand-green:#063f33;
  --brand-green-2:#087256;
  --brand-lime:#b7ff35;
  --brand-orange:#ff7a1a;
  --bg-main:#eef1e7;
  --bg:var(--bg-main);
  --bg-card:#ffffff;
  --bg-surface:rgba(255,255,255,.94);
  --bg-soft:rgba(6,63,51,.055);
  --bg-soft-2:rgba(6,63,51,.035);
  --text-primary:#063f33;
  --text-secondary:#4f6961;
  --text-tertiary:#748983;
  --text:var(--text-primary);
  --accent:#087256;
  --accent-soft:rgba(183,255,53,.18);
  --border:rgba(6,63,51,.12);
  --border-strong:rgba(6,63,51,.22);
  --shadow:0 10px 24px rgba(6,63,51,.075);
  --shadow-soft:0 5px 12px rgba(6,63,51,.05);
  --success-bg:#dcfce7;--success-text:#087044;
  --warning-bg:#fff1d6;--warning-text:#b54708;
  --danger-bg:#ffe0dc;--danger-text:#b42318;
  --info-bg:#e1edff;--info-text:#1d4ed8;
  --radius-card:10px;
  --radius-control:9px;
  --radius-pill:999px;
  --space-1:4px;--space-2:8px;--space-3:10px;--space-4:12px;--space-5:14px;
}
html[data-theme="dark"]{
  --bg-main:#07110e;--bg:#07110e;--bg-card:#0d211b;--bg-surface:rgba(12,28,23,.94);
  --bg-soft:rgba(183,255,53,.08);--bg-soft-2:rgba(255,255,255,.045);
  --text-primary:#f4fff8;--text-secondary:#b5cbc5;--text-tertiary:#8fa6a0;
  --accent:#b7ff35;--accent-soft:rgba(183,255,53,.13);
  --border:rgba(255,255,255,.09);--border-strong:rgba(183,255,53,.22);
  --shadow:0 12px 28px rgba(0,0,0,.24);--shadow-soft:0 6px 14px rgba(0,0,0,.16);
  --success-bg:rgba(35,197,94,.15);--success-text:#86efac;
  --warning-bg:rgba(255,122,26,.16);--warning-text:#ffbd7c;
  --danger-bg:rgba(248,113,113,.14);--danger-text:#fca5a5;
  --info-bg:rgba(96,165,250,.14);--info-text:#93c5fd;
}


/* === public/assets/css/layout.css === */
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 20% -10%,rgba(183,255,53,.18),transparent 32%),linear-gradient(180deg,var(--bg-main),color-mix(in srgb,var(--bg-main) 90%,#fff));color:var(--text-primary);letter-spacing:-.01em}button,input,textarea{font:inherit}button{touch-action:manipulation}.hidden{display:none!important}.shell{width:min(100%,430px);margin:0 auto;padding:0 12px}.app-shell{min-height:100vh;padding-bottom:74px}.topbar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg-main) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding-top:9px;padding-bottom:9px}.brand-wrap{display:flex;align-items:center;gap:9px;min-width:0}.brand-logo-wide{width:48px;height:auto;display:block;filter:drop-shadow(0 2px 7px rgba(6,63,51,.11))}.brand-title{font-size:1.02rem;font-weight:950;line-height:1;letter-spacing:-.04em}.brand-subtitle{font-size:.72rem;color:var(--text-secondary);margin-top:2px;max-width:185px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{display:flex;gap:6px}.app-main{padding-top:10px}.screen-root{min-height:calc(100vh - 126px)}.screen{display:grid;gap:10px;animation:screenIn .15s ease}@keyframes screenIn{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}.surface-section{display:grid;gap:5px}.list-title{display:flex;gap:8px;align-items:center}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:55;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;width:min(100%,430px);margin:0 auto;padding:7px 10px max(8px,env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(238,241,231,.98) 68%,rgba(238,241,231,.74),transparent)}html[data-theme="dark"] .bottom-nav{background:linear-gradient(to top,rgba(7,17,14,.98) 68%,rgba(7,17,14,.74),transparent)}body.debug-access .bottom-nav{grid-template-columns:repeat(5,1fr)}.debug-strip{position:fixed;right:12px;bottom:84px;z-index:90;display:flex;align-items:center;gap:6px;max-width:min(360px,calc(100vw - 24px));padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--bg-surface);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.debug-strip .status-pill:not(:first-child){display:none}.debug-strip:hover .status-pill,.debug-strip:focus-within .status-pill{display:inline-flex}.debug-strip .btn{min-height:28px;padding:0 8px;font-size:.68rem}@media(min-width:740px){.shell,.bottom-nav{width:min(100%,460px)}}


/* Phase 2C.4B — topbar identity responsive polish */
.topbar-actions{align-items:center}.topbar-profile-chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;max-width:165px;border:1px solid var(--border);background:rgba(255,255,255,.86);border-radius:999px;padding:3px 9px 3px 3px;box-shadow:var(--shadow-soft);color:var(--text-primary);cursor:pointer}.topbar-profile-chip span{display:grid;text-align:left;line-height:1.05;min-width:0}.topbar-profile-chip strong{font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:105px}.topbar-profile-chip small{font-size:.58rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:105px;text-transform:none;font-weight:850}.topbar-profile-chip:empty{display:none}@media(max-width:520px){.brand-subtitle{max-width:130px}.topbar-profile-chip span{display:none}.topbar-profile-chip{padding-right:3px;max-width:40px}.topbar-actions{gap:4px}.lang-switch button,.icon-btn{min-width:32px}}

/* Phase 2D Final Visual Polish — centralized header foundation */
.topbar-inner{position:relative;gap:10px}.app-brand-lock{flex:1 1 auto;max-width:190px}.brand-logo-mark{width:28px;height:28px;display:block;flex:0 0 28px}.brand-copy{min-width:0}.brand-title{font-size:.92rem;letter-spacing:.02em;text-transform:none;white-space:nowrap}.brand-subtitle{font-size:.66rem;max-width:128px}.topbar-alert-slot{display:none;flex:0 1 auto;min-width:0;max-width:120px;align-items:center;justify-content:center}.topbar-alert-slot:not(:empty){display:flex;padding:5px 8px;border:1px solid var(--border);border-radius:999px;background:var(--bg-surface);color:var(--text-secondary);font-size:.65rem;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{flex:0 0 auto;min-width:0}.topbar-profile-chip{max-width:118px}.topbar-profile-chip strong{max-width:58px}.topbar-profile-chip small{max-width:58px}.icon-btn .icon-img{width:18px;height:18px}.nav-icon{display:flex;align-items:center;justify-content:center;min-height:22px}.nav-icon .icon-img{width:19px;height:19px}.title-icon .icon-img,.hero-icon .icon-img,.meta-icon .icon-img,.btn-icon .icon-img{width:20px;height:20px;display:inline-block;vertical-align:-4px}.hero-icon{display:grid;place-items:center}.hero-icon .icon-img{width:28px;height:28px}.empty-state-visual{width:min(180px,65vw);height:auto;margin:0 auto 12px;display:block}.debug-screen .empty-state-visual{width:116px}.debug-hero-card{overflow:hidden}.debug-result{border:1px solid var(--border);border-radius:18px;background:var(--bg-surface);padding:14px;box-shadow:var(--shadow-soft)}.debug-result-list{display:grid;gap:10px}.debug-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.debug-result-head strong{display:block;font-size:.9rem}.debug-result-head span{display:block;font-size:.68rem;color:var(--text-secondary);word-break:break-all}.debug-suggest{margin-top:8px;font-size:.72rem;color:var(--text-secondary);padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--bg-main) 84%,#fff)}.debug-child-list{display:grid;gap:6px;margin-top:10px}.debug-child{display:grid;gap:4px;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--bg-main) 82%,#fff);border-left:3px solid var(--border)}.debug-child.pass{border-left-color:#16a34a}.debug-child.warn{border-left-color:#f59e0b}.debug-child.fail{border-left-color:#dc2626}.debug-child strong{font-size:.74rem}.debug-child span,.debug-child em{font-size:.68rem;color:var(--text-secondary);font-style:normal}.status-chip{border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:950;text-transform:uppercase}.status-pass{background:#dcfce7;color:#166534}.status-warn{background:#fef3c7;color:#92400e}.status-fail{background:#fee2e2;color:#991b1b}@media(max-width:420px){.topbar-inner{padding-left:10px;padding-right:10px}.app-brand-lock{max-width:148px}.brand-subtitle{max-width:92px}.topbar-profile-chip{max-width:38px}.topbar-profile-chip span{display:none}.lang-switch button,.icon-btn{min-width:31px}.topbar-actions{gap:4px}}

/* PHASE 3E-10 — central topbar contrast sync */
html[data-theme="dark"] .topbar{
  background:rgba(5,12,10,.96)!important;
  border-bottom-color:rgba(183,255,53,.20)!important;
}
html[data-theme="dark"] .topbar-profile-chip,
html[data-theme="dark"] .topbar-alert-slot{
  background:#102a22!important;
  color:#f8fff9!important;
  border-color:rgba(183,255,53,.30)!important;
}
html[data-theme="dark"] .topbar-profile-chip strong,
html[data-theme="dark"] .topbar-profile-chip small,
html[data-theme="dark"] .brand-title,
html[data-theme="dark"] .brand-subtitle{
  color:#f8fff9!important;
  opacity:1!important;
}
html[data-theme="dark"] .brand-subtitle,
html[data-theme="dark"] .topbar-profile-chip small{
  color:#d9ebe4!important;
}

/* PHASE 3E-15C — Premium compact header with Ola logo, centralized */
.topbar{position:sticky;top:0;z-index:70;background:color-mix(in srgb,var(--bg-main) 94%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}
.topbar-inner{display:flex!important;flex-direction:column;gap:0;padding:8px 12px!important;width:min(100%,430px);margin:0 auto}
.topbar-main-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px}
.app-brand-lock{display:flex;align-items:center;gap:9px;flex:1 1 auto;min-width:0;max-width:none!important}
.brand-logo-mark{width:38px!important;height:38px!important;border-radius:14px;flex:0 0 38px;background:var(--bg-surface);box-shadow:var(--shadow-soft);padding:5px}
.brand-copy{display:grid;gap:2px;min-width:0}
.brand-title-line{display:flex;align-items:center;gap:5px;min-width:0;white-space:nowrap;line-height:1}
.brand-title{font-size:1.12rem!important;font-weight:950;letter-spacing:-.04em;color:var(--text-primary)!important;line-height:1}
.brand-by{font-size:.72rem;font-weight:900;color:var(--text-secondary);line-height:1;opacity:.95}
.brand-ola-wrap{display:inline-flex;align-items:center;min-width:0;max-width:58px;height:16px;overflow:hidden}
.brand-ola-logo{display:block;max-width:58px;max-height:16px;width:auto;height:auto;object-fit:contain}
.brand-ola-light{display:none}.brand-ola-dark{display:block}
html[data-theme="dark"] .brand-ola-light{display:block}html[data-theme="dark"] .brand-ola-dark{display:none}
.brand-subtitle{font-size:.70rem!important;max-width:190px!important;color:var(--text-secondary)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0!important}
.topbar-main-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto;min-width:0}
.topbar-profile-chip{display:inline-flex!important;align-items:center;gap:8px;min-height:38px;max-width:148px!important;border:1px solid var(--border);background:var(--bg-surface)!important;border-radius:18px!important;padding:4px 9px 4px 4px!important;box-shadow:var(--shadow-soft);color:var(--text-primary)!important;cursor:pointer;overflow:hidden}
.topbar-profile-chip:empty{display:none!important}.topbar-profile-chip span{display:grid!important;text-align:left;line-height:1.05;min-width:0}.topbar-profile-chip strong{font-size:.75rem;max-width:78px!important;color:var(--text-primary)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-profile-chip small{font-size:.56rem;max-width:78px!important;color:var(--text-secondary)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;font-weight:900;letter-spacing:.02em}
.header-settings-toggle{display:inline-grid!important;place-items:center;min-width:38px!important;width:38px;height:38px;border-radius:16px!important;font-size:1.05rem!important;color:var(--text-primary)!important;background:var(--bg-surface)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-soft)}
.header-settings-toggle.is-open,.topbar.settings-open .header-settings-toggle{background:var(--brand)!important;color:#fff!important}
.topbar-tools-row{display:none;align-items:center;justify-content:flex-end;gap:7px;width:100%;padding:8px 0 1px;margin-top:7px;border-top:1px solid color-mix(in srgb,var(--border) 74%,transparent)}
.topbar.settings-open .topbar-tools-row{display:flex}.topbar-tools-row .debug-entry,.topbar-tools-row .icon-btn,.topbar-tools-row .lang-switch button{min-width:40px!important;height:40px!important;border-radius:16px!important;background:var(--bg-surface)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-soft)}
.topbar-tools-row .lang-switch{display:flex;gap:7px}.topbar-tools-row .lang-switch button.active{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}.topbar-tools-row .icon-img{filter:none!important;width:18px;height:18px}
.topbar-alert-slot{display:none!important}
html[data-theme="dark"] .topbar{background:rgba(5,12,10,.96)!important;border-bottom-color:rgba(183,255,53,.22)!important}html[data-theme="dark"] .brand-logo-mark,html[data-theme="dark"] .topbar-profile-chip,html[data-theme="dark"] .header-settings-toggle,html[data-theme="dark"] .topbar-tools-row .debug-entry,html[data-theme="dark"] .topbar-tools-row .icon-btn,html[data-theme="dark"] .topbar-tools-row .lang-switch button{background:#102a22!important;color:#f8fff9!important;border-color:rgba(183,255,53,.26)!important}html[data-theme="dark"] .brand-title,html[data-theme="dark"] .brand-by,html[data-theme="dark"] .brand-subtitle{color:#f8fff9!important}html[data-theme="dark"] .brand-subtitle,html[data-theme="dark"] .brand-by{color:#d9ebe4!important}
@media(max-width:430px){.topbar-inner{padding-left:10px!important;padding-right:10px!important}.brand-logo-mark{width:34px!important;height:34px!important;flex-basis:34px}.brand-title{font-size:1.02rem!important}.brand-by{font-size:.66rem}.brand-ola-wrap{max-width:48px;height:14px}.brand-ola-logo{max-width:48px;max-height:14px}.brand-subtitle{max-width:150px!important}.topbar-profile-chip{max-width:116px!important}.topbar-profile-chip strong,.topbar-profile-chip small{max-width:54px!important}.topbar-profile-chip .avatar,.topbar-profile-chip .avatar-topbar{width:30px!important;height:30px!important;min-width:30px!important}.header-settings-toggle{min-width:36px!important;width:36px;height:36px}.topbar-tools-row{justify-content:flex-end;gap:6px}.topbar-tools-row .debug-entry,.topbar-tools-row .icon-btn,.topbar-tools-row .lang-switch button{min-width:38px!important;height:38px!important}}
@media(max-width:360px){.brand-subtitle{max-width:118px!important}.brand-ola-wrap{max-width:42px}.brand-ola-logo{max-width:42px}.topbar-profile-chip{max-width:78px!important}.topbar-profile-chip span{display:none!important}.topbar-profile-chip{padding-right:4px!important}.topbar-tools-row{justify-content:space-between}}

/* PHASE 3E-16B — Final premium header brand lockup */
.topbar{position:sticky!important;top:0!important;z-index:80!important;background:color-mix(in srgb,var(--bg-main) 94%,#fff 6%)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid var(--border)!important}
.topbar-inner.shell{width:min(100%,430px)!important;margin:0 auto!important;padding:8px 12px!important;display:flex!important;flex-direction:column!important;gap:0!important}
.topbar-main-row{width:100%!important;min-height:52px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:10px!important}
.app-brand-lock{min-width:0!important;max-width:none!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;overflow:hidden!important}
.brand-logo-mark{width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;padding:6px!important;border-radius:16px!important;background:var(--bg-surface)!important;box-shadow:0 8px 24px rgba(16,45,32,.10)!important;object-fit:contain!important}
.brand-copy{min-width:0!important;display:grid!important;grid-template-rows:auto auto auto!important;gap:1px!important;overflow:hidden!important}
.brand-title-line{display:block!important;min-width:0!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.brand-title{display:block!important;font-size:1.16rem!important;font-weight:950!important;letter-spacing:-.055em!important;line-height:1!important;color:var(--text-primary)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
.brand-partner-line{display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;line-height:1!important;height:15px!important;overflow:hidden!important;white-space:nowrap!important}
.brand-by{display:inline-flex!important;align-items:center!important;font-size:.64rem!important;font-weight:900!important;color:var(--text-secondary)!important;letter-spacing:-.02em!important;line-height:1!important;opacity:1!important;text-transform:none!important;flex:0 0 auto!important}
.brand-ola-wrap{display:inline-flex!important;align-items:center!important;height:15px!important;width:54px!important;max-width:54px!important;min-width:54px!important;overflow:hidden!important;flex:0 0 54px!important}
.brand-ola-logo{display:block!important;width:54px!important;height:15px!important;max-width:54px!important;max-height:15px!important;object-fit:contain!important;object-position:left center!important}
.brand-ola-light{display:none!important}.brand-ola-dark{display:block!important}html[data-theme="dark"] .brand-ola-light{display:block!important}html[data-theme="dark"] .brand-ola-dark{display:none!important}
.brand-subtitle{display:block!important;max-width:100%!important;font-size:.66rem!important;line-height:1.15!important;margin:1px 0 0!important;color:var(--text-secondary)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.topbar-main-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex:0 0 auto!important;min-width:0!important}
.topbar-profile-chip{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-height:42px!important;height:42px!important;max-width:150px!important;min-width:0!important;border-radius:19px!important;padding:4px 10px 4px 4px!important;border:1px solid var(--border)!important;background:var(--bg-surface)!important;color:var(--text-primary)!important;box-shadow:0 8px 24px rgba(16,45,32,.10)!important;overflow:hidden!important}
.topbar-profile-chip span{display:grid!important;min-width:0!important;line-height:1.03!important;text-align:left!important}.topbar-profile-chip strong{font-size:.76rem!important;max-width:82px!important;color:var(--text-primary)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.topbar-profile-chip small{font-size:.56rem!important;max-width:82px!important;color:var(--text-secondary)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-transform:uppercase!important;font-weight:900!important;letter-spacing:.02em!important}
.topbar-profile-chip .avatar,.topbar-profile-chip .avatar-topbar{width:32px!important;height:32px!important;min-width:32px!important;flex:0 0 32px!important}
.header-settings-toggle{display:inline-grid!important;place-items:center!important;min-width:42px!important;width:42px!important;height:42px!important;border-radius:18px!important;font-size:1.05rem!important;color:var(--text-primary)!important;background:var(--bg-surface)!important;border:1px solid var(--border)!important;box-shadow:0 8px 24px rgba(16,45,32,.10)!important;flex:0 0 42px!important}
.header-settings-toggle.is-open,.topbar.settings-open .header-settings-toggle{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}.topbar-alert-slot{display:none!important}
.topbar-tools-row{width:100%!important;display:none!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:8px 0 2px!important;margin-top:8px!important;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important;align-items:center!important}.topbar.settings-open .topbar-tools-row{display:grid!important}
.topbar-tools-row .debug-entry,.topbar-tools-row .icon-btn,.topbar-tools-row .lang-switch button{height:42px!important;min-width:0!important;width:100%!important;border-radius:18px!important;background:var(--bg-surface)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;box-shadow:0 8px 24px rgba(16,45,32,.08)!important;font-size:.80rem!important;font-weight:950!important}
.topbar-tools-row .lang-switch{display:contents!important}.topbar-tools-row .lang-switch button.active{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}.topbar-tools-row .icon-img{width:18px!important;height:18px!important;filter:none!important}
html[data-theme="dark"] .topbar{background:rgba(5,12,10,.96)!important;border-bottom-color:rgba(183,255,53,.22)!important}html[data-theme="dark"] .brand-logo-mark,html[data-theme="dark"] .topbar-profile-chip,html[data-theme="dark"] .header-settings-toggle,html[data-theme="dark"] .topbar-tools-row .debug-entry,html[data-theme="dark"] .topbar-tools-row .icon-btn,html[data-theme="dark"] .topbar-tools-row .lang-switch button{background:#102a22!important;color:#f8fff9!important;border-color:rgba(183,255,53,.28)!important}html[data-theme="dark"] .brand-title{color:#f8fff9!important}html[data-theme="dark"] .brand-by,html[data-theme="dark"] .brand-subtitle,html[data-theme="dark"] .topbar-profile-chip small{color:#d9ebe4!important}
@media(max-width:430px){.topbar-inner.shell{padding:8px 9px!important}.topbar-main-row{column-gap:8px!important;min-height:50px!important}.app-brand-lock{grid-template-columns:40px minmax(0,1fr)!important;gap:8px!important}.brand-logo-mark{width:40px!important;height:40px!important;min-width:40px!important;border-radius:15px!important}.brand-title{font-size:1.06rem!important}.brand-by{font-size:.60rem!important}.brand-ola-wrap{width:48px!important;max-width:48px!important;min-width:48px!important;flex-basis:48px!important;height:14px!important}.brand-ola-logo{width:48px!important;height:14px!important;max-width:48px!important;max-height:14px!important}.brand-subtitle{font-size:.64rem!important;max-width:170px!important}.topbar-profile-chip{width:42px!important;max-width:42px!important;min-width:42px!important;padding:4px!important;border-radius:18px!important;justify-content:center!important}.topbar-profile-chip span{display:none!important}.topbar-profile-chip .avatar,.topbar-profile-chip .avatar-topbar{width:32px!important;height:32px!important;min-width:32px!important}.header-settings-toggle{width:42px!important;min-width:42px!important;height:42px!important}.topbar-tools-row{gap:7px!important}}
@media(max-width:360px){.app-brand-lock{grid-template-columns:38px minmax(0,1fr)!important;gap:7px!important}.brand-logo-mark{width:38px!important;height:38px!important;min-width:38px!important}.brand-title{font-size:1.0rem!important}.brand-subtitle{max-width:132px!important}.brand-ola-wrap{width:44px!important;min-width:44px!important;max-width:44px!important}.brand-ola-logo{width:44px!important;max-width:44px!important}.topbar-profile-chip,.header-settings-toggle{width:40px!important;min-width:40px!important;height:40px!important}}

/* PHASE 3E-17 — final premium header lockup + route-safe shell */
.topbar{position:sticky!important;top:0!important;z-index:90!important;background:color-mix(in srgb,var(--bg-main) 94%,transparent)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid var(--border)!important;overflow:visible!important}
.topbar-inner.shell{width:min(100%,430px)!important;margin:0 auto!important;padding:9px 12px!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important}
.topbar-main-row{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:52px!important}
.app-brand-lock{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;min-width:0!important;max-width:none!important;overflow:hidden!important}
.brand-logo-mark{width:42px!important;height:42px!important;min-width:42px!important;object-fit:contain!important;border-radius:16px!important;background:var(--bg-surface)!important;padding:6px!important;box-shadow:0 10px 26px rgba(6,63,51,.10)!important}
.brand-copy{min-width:0!important;display:grid!important;grid-template-rows:auto auto auto!important;gap:2px!important;overflow:hidden!important}
.brand-title-line{display:block!important;min-width:0!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.brand-title{display:block!important;color:var(--text-primary)!important;font-size:1.12rem!important;line-height:.98!important;font-weight:950!important;letter-spacing:-.055em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;text-transform:none!important}
.brand-title::after{content:""!important;display:none!important}
.brand-partner-line{display:flex!important;align-items:center!important;gap:4px!important;height:15px!important;min-width:0!important;max-width:112px!important;overflow:hidden!important;white-space:nowrap!important;line-height:1!important;margin-top:0!important}
.brand-by{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;color:var(--text-secondary)!important;font-size:.64rem!important;font-weight:900!important;line-height:1!important;text-transform:none!important;letter-spacing:-.02em!important;opacity:1!important}
.brand-ola-wrap{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;width:58px!important;min-width:58px!important;max-width:58px!important;height:15px!important;overflow:hidden!important;flex:0 0 58px!important}
.brand-ola-logo{display:block!important;width:58px!important;height:15px!important;max-width:58px!important;max-height:15px!important;object-fit:contain!important;object-position:left center!important}
.brand-ola-dark{display:block!important}.brand-ola-light{display:none!important}html[data-theme="dark"] .brand-ola-dark{display:none!important}html[data-theme="dark"] .brand-ola-light{display:block!important}
.brand-subtitle{display:block!important;max-width:100%!important;margin:0!important;color:var(--text-secondary)!important;font-size:.67rem!important;line-height:1.16!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;letter-spacing:-.01em!important}
.topbar-main-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:0!important;flex:0 0 auto!important}.topbar-actions{display:none!important}
.topbar-profile-chip{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;height:42px!important;min-height:42px!important;max-width:150px!important;min-width:0!important;padding:4px 10px 4px 4px!important;border-radius:20px!important;border:1px solid var(--border)!important;background:var(--bg-surface)!important;color:var(--text-primary)!important;box-shadow:0 10px 26px rgba(6,63,51,.10)!important;overflow:hidden!important}
.topbar-profile-chip span{display:grid!important;min-width:0!important;text-align:left!important;line-height:1.03!important}.topbar-profile-chip strong{max-width:82px!important;color:var(--text-primary)!important;font-size:.76rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.topbar-profile-chip small{max-width:82px!important;color:var(--text-secondary)!important;font-size:.56rem!important;font-weight:900!important;letter-spacing:.02em!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.topbar-profile-chip .avatar,.topbar-profile-chip .avatar-topbar{width:32px!important;height:32px!important;min-width:32px!important;flex:0 0 32px!important}
.header-settings-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;min-width:42px!important;height:42px!important;border-radius:18px!important;background:var(--bg-surface)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;box-shadow:0 10px 26px rgba(6,63,51,.10)!important}.header-settings-toggle.is-open,.topbar.settings-open .header-settings-toggle{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}
.topbar-alert-slot{display:none!important}.topbar-tools-row{width:100%!important;display:none!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:8px 0 2px!important;margin-top:7px!important;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important;align-items:center!important}.topbar.settings-open .topbar-tools-row{display:grid!important}.topbar-tools-row .lang-switch{display:contents!important}.topbar-tools-row .debug-entry,.topbar-tools-row .icon-btn,.topbar-tools-row .lang-switch button{width:100%!important;height:40px!important;min-width:0!important;border-radius:17px!important;background:var(--bg-surface)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;box-shadow:0 8px 22px rgba(6,63,51,.08)!important;font-size:.80rem!important;font-weight:950!important}.topbar-tools-row .lang-switch button.active{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}.topbar-tools-row .icon-img{width:18px!important;height:18px!important;filter:none!important}
html[data-theme="dark"] .topbar{background:rgba(5,12,10,.96)!important;border-bottom-color:rgba(183,255,53,.22)!important}html[data-theme="dark"] .brand-logo-mark,html[data-theme="dark"] .topbar-profile-chip,html[data-theme="dark"] .header-settings-toggle,html[data-theme="dark"] .topbar-tools-row .debug-entry,html[data-theme="dark"] .topbar-tools-row .icon-btn,html[data-theme="dark"] .topbar-tools-row .lang-switch button{background:#102a22!important;color:#f8fff9!important;border-color:rgba(183,255,53,.30)!important}html[data-theme="dark"] .brand-title,html[data-theme="dark"] .topbar-profile-chip strong{color:#f8fff9!important}html[data-theme="dark"] .brand-by,html[data-theme="dark"] .brand-subtitle,html[data-theme="dark"] .topbar-profile-chip small{color:#d9ebe4!important}
@media(max-width:430px){.topbar-inner.shell{padding:8px 10px!important}.topbar-main-row{gap:8px!important;min-height:50px!important}.app-brand-lock{grid-template-columns:40px minmax(0,1fr)!important;gap:8px!important}.brand-logo-mark{width:40px!important;height:40px!important;min-width:40px!important;border-radius:15px!important}.brand-title{font-size:1.03rem!important}.brand-partner-line{height:14px!important;max-width:100px!important}.brand-by{font-size:.60rem!important}.brand-ola-wrap{width:50px!important;min-width:50px!important;max-width:50px!important;height:14px!important}.brand-ola-logo{width:50px!important;height:14px!important;max-width:50px!important;max-height:14px!important}.brand-subtitle{font-size:.64rem!important;max-width:148px!important}.topbar-profile-chip{width:42px!important;min-width:42px!important;max-width:42px!important;padding:4px!important;border-radius:18px!important;justify-content:center!important}.topbar-profile-chip span{display:none!important}.topbar-profile-chip .avatar,.topbar-profile-chip .avatar-topbar{width:32px!important;height:32px!important;min-width:32px!important}.header-settings-toggle{width:42px!important;min-width:42px!important;height:42px!important}.topbar-tools-row{gap:7px!important}.topbar-tools-row .debug-entry,.topbar-tools-row .icon-btn,.topbar-tools-row .lang-switch button{height:40px!important}}
@media(max-width:360px){.app-brand-lock{grid-template-columns:38px minmax(0,1fr)!important;gap:7px!important}.brand-logo-mark{width:38px!important;height:38px!important;min-width:38px!important}.brand-title{font-size:.98rem!important}.brand-subtitle{max-width:126px!important}.brand-partner-line{max-width:92px!important}.brand-ola-wrap{width:44px!important;min-width:44px!important;max-width:44px!important}.brand-ola-logo{width:44px!important;max-width:44px!important}.topbar-profile-chip,.header-settings-toggle{width:40px!important;min-width:40px!important;height:40px!important}}

/* PHASE 3E-20 — mobile profile toggle header final polish
   Profile chip is the only top-right trigger. It is wider, readable, and opens row 2. */
.topbar-inner{
  padding: 8px 12px 7px !important;
}
.topbar-main-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  gap:10px !important;
  min-height:54px !important;
}
.topbar-main-actions{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  flex:0 0 auto !important;
}
.header-settings-toggle{display:none!important}
.topbar-profile-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:auto!important;
  min-width:138px!important;
  max-width:176px!important;
  min-height:46px!important;
  padding:5px 11px 5px 5px!important;
  border-radius:22px!important;
  overflow:visible!important;
  position:relative!important;
}
.topbar-profile-chip .avatar,
.topbar-profile-chip .avatar-topbar{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  transform:scale(1.12);
  transform-origin:center;
  box-shadow:0 10px 24px rgba(16,45,32,.18), 0 0 0 3px var(--bg-surface);
  z-index:2;
}
.topbar-profile-chip span{
  display:grid!important;
  min-width:0!important;
  line-height:1.03!important;
}
.topbar-profile-chip strong{
  display:block!important;
  max-width:104px!important;
  font-size:.82rem!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.topbar-profile-chip small{
  display:block!important;
  max-width:104px!important;
  font-size:.58rem!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.topbar-profile-chip.is-open,
.topbar.settings-open .topbar-profile-chip{
  border-color:color-mix(in srgb,var(--brand) 58%,var(--border))!important;
  box-shadow:0 14px 32px rgba(16,45,32,.16)!important;
}
.topbar-tools-row{
  display:none!important;
  width:100%!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  padding:8px 0 2px!important;
  margin-top:6px!important;
  border-top:1px solid var(--border)!important;
}
.topbar.settings-open .topbar-tools-row{
  display:grid!important;
}
.topbar-tools-row .icon-btn,
.topbar-tools-row .lang-switch button{
  min-width:0!important;
  width:100%!important;
  min-height:42px!important;
  border-radius:16px!important;
  font-size:.78rem!important;
  justify-content:center!important;
}
.topbar-tools-row .lang-switch{
  display:contents!important;
}
.topbar-profile-shortcut{
  font-size:1rem!important;
}
@media(max-width:420px){
  .app-brand-lock{max-width:calc(100vw - 190px)!important;}
  .brand-subtitle{max-width:145px!important;}
  .topbar-profile-chip{
    min-width:142px!important;
    max-width:156px!important;
    padding-right:9px!important;
  }
  .topbar-profile-chip strong,
  .topbar-profile-chip small{max-width:86px!important;}
  .topbar-profile-chip span{display:grid!important;}
}
@media(max-width:360px){
  .app-brand-lock{max-width:142px!important;}
  .topbar-profile-chip{min-width:128px!important;max-width:136px!important;}
  .topbar-profile-chip strong,.topbar-profile-chip small{max-width:68px!important;}
  .brand-subtitle{max-width:112px!important;}
}


/* === public/assets/css/components.css === */
.icon-btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);width:34px;height:34px;border-radius:var(--radius-control);cursor:pointer;box-shadow:var(--shadow-soft);backdrop-filter:blur(10px);font-weight:950;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover,.btn:hover,.nav-item:hover{transform:translateY(-1px)}.pill,.status-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-surface);font-size:.72rem;font-weight:900;white-space:nowrap;box-shadow:var(--shadow-soft)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:12px}.card-soft{background:var(--bg-soft-2);border:1px solid var(--border);border-radius:9px;padding:9px}.section-kicker{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary);font-weight:950}.page-title{font-size:1.36rem;line-height:1.03;font-weight:950;letter-spacing:-.045em;margin:0}.page-subtitle{color:var(--text-secondary);margin-top:2px;font-size:.82rem;line-height:1.32}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 12px;border-radius:var(--radius-control);border:1px solid transparent;font-weight:950;cursor:pointer;letter-spacing:-.015em;transition:.15s ease;text-transform:none}.btn-primary{background:linear-gradient(135deg,var(--brand-green-2),var(--brand-green));color:#fff;box-shadow:0 8px 15px rgba(6,63,51,.18)}.btn-primary::after{content:"";width:16px;height:2px;background:var(--brand-lime);display:inline-block;transform:skewX(-25deg);opacity:.95}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-strong);box-shadow:var(--shadow-soft)}.btn-muted,.btn[disabled]{background:var(--bg-soft-2);color:var(--text-primary);border-color:var(--border);box-shadow:none;cursor:not-allowed}.btn.full{width:100%}.btn-row{display:flex;gap:7px;flex-wrap:wrap}.btn-mini{min-height:30px;padding:0 9px;font-size:.72rem}.hero-focus{display:grid;gap:8px;padding:12px;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(255,255,255,.70) 60%,var(--accent-soft) 100%);border-left:4px solid var(--brand-lime)}html[data-theme="dark"] .hero-focus{background:linear-gradient(135deg,var(--bg-card),rgba(183,255,53,.06))}.hero-title-row,.eyebrow-row,.event-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.hero-icon,.title-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border:1px solid var(--border-strong);font-weight:950}.meta-list{display:grid;gap:5px;color:var(--text-secondary);font-size:.82rem}.meta-line{display:flex;align-items:center;gap:7px}.meta-icon,.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;color:var(--text-tertiary)}.btn-icon{color:currentColor}.chip-row{display:flex;gap:6px;overflow:auto;padding-bottom:3px;scrollbar-width:none}.chip{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:var(--radius-control);border:1px solid var(--border-strong);background:var(--bg-surface);font-weight:950;white-space:nowrap;cursor:pointer;color:var(--text-primary);box-shadow:var(--shadow-soft);font-size:.78rem}.chip.active{background:var(--brand-green);color:#fff;border-color:var(--brand-green);box-shadow:inset 0 -3px 0 rgba(183,255,53,.50)}.event-list{display:grid;gap:8px}.event-card{display:grid;gap:8px;position:relative;overflow:hidden}.event-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--brand-lime),var(--brand-orange));opacity:.95}.event-name{font-size:.98rem;font-weight:950;line-height:1.13;letter-spacing:-.025em}.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:8px;font-size:.60rem;font-weight:950;text-transform:uppercase;letter-spacing:.045em}.badge-neutral{background:var(--bg-soft);color:var(--text-primary)}.badge-checkin{background:var(--info-bg);color:var(--info-text)}.badge-verified{background:var(--success-bg);color:var(--success-text)}.badge-absent{background:var(--danger-bg);color:var(--danger-text)}.badge-pending{background:var(--warning-bg);color:var(--warning-text)}.community-chip{display:inline-flex;width:max-content;align-items:center;padding:4px 7px;border-radius:8px;background:var(--accent-soft);font-size:.70rem;font-weight:950;color:var(--text-primary)}.empty-state{display:grid;gap:6px;place-items:center;text-align:center;padding:14px 10px;color:var(--text-secondary)}.empty-state:before{content:"🎾";font-size:1.4rem;line-height:1}.empty-state strong{color:var(--text-primary);font-size:.94rem}.list-simple{display:grid;gap:7px}.simple-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.simple-row:last-child{border-bottom:0}.participant-list{display:grid;gap:7px}.participant-row{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;padding:9px;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft-2)}.participant-name{font-weight:950;font-size:.9rem}.participant-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.participant-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.participant-actions .btn{min-height:32px;padding:0 9px;font-size:.78rem}.search-input,.field-input{width:100%;min-height:40px;border-radius:var(--radius-control);border:1px solid var(--border-strong);background:var(--bg-surface);padding:9px 10px;color:var(--text-primary);box-shadow:var(--shadow-soft)}.field-block{display:grid;gap:6px}.field-label{font-size:.78rem;font-weight:950;color:var(--text-secondary)}textarea.field-input{min-height:96px;resize:vertical}.modal-shell{position:fixed;inset:0;background:rgba(0,0,0,.38);display:flex;align-items:flex-end;justify-content:center;padding:12px;z-index:70;backdrop-filter:blur(4px)}.modal-card{width:min(100%,440px);max-height:90vh;overflow:auto}.modal-wide{width:min(100%,720px)}.modal-narrow{width:min(100%,420px)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.modal-head h2{margin:.05rem 0 0;font-size:1.08rem}.modal-form-grid{display:grid;gap:10px}.modal-form-2col{grid-template-columns:1fr 1fr}.field-span-2{grid-column:1/-1}.modal-actions{justify-content:flex-end}.activity-list{display:grid;gap:7px}.activity-item{display:grid;grid-template-columns:1fr auto;gap:9px;padding:9px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);box-shadow:var(--shadow-soft)}.activity-copy strong{display:block;margin-bottom:2px}.activity-time{text-align:right;color:var(--text-secondary);font-size:.72rem}.nav-item{height:45px;border-radius:9px;border:1px solid var(--border-strong);background:rgba(255,255,255,.94);color:var(--text-secondary);font-weight:950;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 7px 16px rgba(6,63,51,.08);transition:.15s ease;position:relative;overflow:hidden;text-transform:uppercase}.nav-item::before{content:"";position:absolute;inset:auto 8px 5px 8px;height:3px;background:transparent;transform:skewX(-25deg)}.nav-item.active{background:linear-gradient(135deg,#063f33,#087256);color:#fff;border-color:#063f33;box-shadow:0 11px 20px rgba(6,63,51,.24)}.nav-item.active::before{background:var(--brand-lime)}html[data-theme="dark"] .nav-item{background:rgba(13,33,27,.95)}.nav-icon{font-size:.92rem;line-height:1}.nav-label{font-size:.57rem;line-height:1;letter-spacing:.04em}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:76px;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-radius:10px;padding:9px 12px;box-shadow:var(--shadow);z-index:100;max-width:calc(100% - 28px)}.debug-only{display:none}body.debug-mode .debug-only{display:initial}body.modal-open{overflow:hidden}.debug-entry{display:none!important}body.debug-access .debug-entry{display:inline-flex!important}.debug-screen{gap:8px}.debug-hero-card{display:grid;gap:9px;background:linear-gradient(135deg,var(--bg-card),var(--bg-soft));border-left:4px solid var(--brand-orange)}.debug-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.debug-summary-grid .mini-stat{display:grid;gap:0;text-align:center;justify-content:center;padding:7px 5px;border-radius:9px;background:var(--bg-surface);border:1px solid var(--border)}.debug-summary-grid .mini-stat strong{font-size:1rem;color:var(--text-primary)}.debug-summary-grid .mini-stat span{font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-weight:950}.debug-summary-grid .mini-stat.pass{background:var(--success-bg)}.debug-summary-grid .mini-stat.warn{background:var(--warning-bg)}.debug-summary-grid .mini-stat.fail{background:var(--danger-bg)}.debug-result-list{display:grid;gap:7px}.debug-result{border:1px solid var(--border);border-radius:10px;background:var(--bg-card);box-shadow:var(--shadow-soft);padding:9px;display:grid;gap:5px}.debug-result.pass{border-left:4px solid var(--success-text)}.debug-result.warn{border-left:4px solid var(--warning-text)}.debug-result.fail{border-left:4px solid var(--danger-text)}.debug-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.debug-result-head strong{display:block;font-size:.86rem}.debug-result-head span:not(.status-chip){display:block;color:var(--text-secondary);font-size:.64rem;margin-top:2px;word-break:break-all}.status-chip{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:4px 7px;border-radius:8px;font-size:.60rem;font-weight:950;text-transform:uppercase}.status-pass{background:var(--success-bg);color:var(--success-text)}.status-warn{background:var(--warning-bg);color:var(--warning-text)}.status-fail{background:var(--danger-bg);color:var(--danger-text)}.debug-suggest{font-size:.70rem;color:var(--text-secondary)}.debug-child-list{display:grid;gap:5px}.debug-child{border:1px solid var(--border);border-radius:9px;padding:7px;background:var(--bg-soft-2);display:grid;gap:3px}.debug-child strong{font-size:.76rem}.debug-child span,.debug-child em{font-size:.68rem;color:var(--text-secondary);font-style:normal}.lang-switch{display:inline-flex;gap:3px}.lang-switch button{width:34px;height:34px;border-radius:9px;border:1px solid var(--border);background:var(--bg-surface);font-size:.68rem;font-weight:950;color:var(--text-primary)}.lang-switch button.active{background:var(--brand-green);color:#fff;border-color:var(--brand-green)}

/* phase 2c event clarity + participant flow */
.event-detail-screen{gap:10px}.event-identity-card{background:linear-gradient(135deg,var(--bg-card),var(--bg-soft-2));border-left:4px solid var(--brand-lime)}.user-status-panel{position:sticky;top:72px;z-index:9;display:grid;gap:10px;border:1px solid var(--border-strong);background:linear-gradient(135deg,var(--bg-card),var(--accent-soft));box-shadow:0 18px 42px rgba(6,63,51,.14)}.status-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.status-title{font-size:1.22rem;font-weight:950;line-height:1.05;letter-spacing:-.035em}.status-orb{width:42px;height:42px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:950;background:var(--bg-surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-soft)}.status-orb.verified{background:var(--success-bg);color:var(--success-text)}.status-orb.checked_in{background:var(--info-bg);color:var(--info-text)}.status-orb.joined{background:var(--warning-bg);color:var(--warning-text)}.status-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.progress-step{position:relative;display:grid;gap:5px;place-items:center;text-align:center;padding:8px 4px;border:1px solid var(--border);border-radius:10px;background:var(--bg-surface);color:var(--text-secondary);font-size:.66rem;font-weight:950}.progress-step span{width:20px;height:20px;border-radius:999px;border:2px solid var(--border-strong);display:flex;align-items:center;justify-content:center;background:var(--bg-card);font-size:.65rem}.progress-step.done,.progress-step.active{color:var(--text-primary);border-color:var(--brand-green)}.progress-step.done span,.progress-step.active span{background:var(--brand-green);border-color:var(--brand-green);color:#fff}.progress-step.active{box-shadow:inset 0 -3px 0 var(--brand-lime)}.inline-message{border:1px solid var(--border);background:var(--bg-surface);border-radius:10px;padding:8px 10px;color:var(--text-secondary);font-size:.78rem}.inline-message.error{background:var(--danger-bg);color:var(--danger-text);border-color:rgba(170,53,38,.22)}.participant-flow-card{display:grid;gap:10px}.participant-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.participant-summary-grid div{display:grid;gap:0;text-align:center;padding:8px 4px;border-radius:10px;background:var(--bg-soft-2);border:1px solid var(--border)}.participant-summary-grid strong{font-size:1.05rem;line-height:1;color:var(--text-primary)}.participant-summary-grid span{font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-weight:950}.participant-row.flow-verified{border-left:4px solid var(--success-text)}.participant-row.flow-checked_in{border-left:4px solid var(--info-text)}.participant-row.flow-joined{border-left:4px solid var(--warning-text)}.participant-row.flow-absent{border-left:4px solid var(--danger-text)}.onboarding-card{display:grid;gap:10px;background:linear-gradient(135deg,var(--bg-card),var(--bg-soft));border-left:4px solid var(--brand-orange)}.onboarding-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.onboarding-steps div{display:grid;gap:3px;padding:9px;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border)}.onboarding-steps span{width:24px;height:24px;border-radius:999px;background:var(--brand-green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:.72rem}.onboarding-steps strong{font-size:.78rem}.onboarding-steps small{color:var(--text-secondary);font-size:.68rem}.btn.is-loading{position:relative;pointer-events:none;opacity:.78}.btn.is-loading::before{content:"";width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:999px;animation:spin2c .8s linear infinite}@keyframes spin2c{to{transform:rotate(360deg)}}@media(max-width:560px){.user-status-panel{top:64px}.status-progress,.participant-summary-grid,.onboarding-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-row{grid-template-columns:1fr}.participant-actions{justify-content:flex-start}}

/* phase 2c.1 clarity fix */
.clarity-status-panel{border:1px solid var(--border-strong);border-left:6px solid var(--brand-lime);background:linear-gradient(135deg,var(--bg-card),rgba(183,255,53,.16));box-shadow:0 20px 48px rgba(6,63,51,.16);padding:16px;gap:12px}
.clarity-status-panel .status-title{font-size:1.45rem;letter-spacing:-.04em;text-transform:none;color:var(--text-primary)}
.clarity-next-step{margin-top:6px;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.7);border:1px solid var(--border);font-weight:850;color:var(--text-primary)}
.current-state-banner{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 12px;border-radius:13px;background:var(--bg-surface);border:1px solid var(--border-strong)}
.current-state-banner strong{font-size:.84rem;color:var(--text-primary)}
.btn-clarity-main{min-height:46px;font-size:.94rem;box-shadow:0 12px 24px rgba(6,63,51,.18)}
.btn-info{background:var(--info-bg)!important;color:var(--info-text)!important;border-color:rgba(29,78,216,.22)!important}
.btn-success{background:var(--success-bg)!important;color:var(--success-text)!important;border-color:rgba(8,112,68,.22)!important}
.clarity-progress{padding:9px;border-radius:14px;background:rgba(255,255,255,.58);border:1px solid var(--border)}
.clarity-progress .progress-step{min-height:64px;text-transform:uppercase;letter-spacing:.04em}
.clarity-progress .progress-step span{font-size:.75rem;font-weight:950}
.clarity-event-card .event-next-copy{font-size:.74rem;color:var(--text-secondary);font-weight:850;margin-top:3px}
.clarity-event-card .btn.full{min-height:42px;font-size:.86rem}
.stage-checked_in{border-left-color:var(--info-text)}
.stage-verified{border-left-color:var(--success-text)}
.stage-cancelled,.stage-absent{border-left-color:var(--danger-text)}
.participant-flow-card .chip-row{position:sticky;top:66px;z-index:5;background:var(--bg-main);padding:6px 0}
@media(max-width:560px){.clarity-status-panel{position:sticky;top:58px}.clarity-status-panel .status-title{font-size:1.25rem}.current-state-banner{display:grid}.btn-clarity-main{width:100%}}

/* phase 2c.2 interaction feel + cancel flow */
.event-action-stack{display:grid;gap:7px}
.btn-danger-soft{background:var(--danger-bg);color:var(--danger-text);border-color:rgba(170,53,38,.22);box-shadow:var(--shadow-soft)}
.btn-danger-soft:hover{filter:brightness(.99)}
.cancel-guidance{width:100%;border:1px solid rgba(171,93,0,.25);background:var(--warning-bg);color:var(--warning-text);border-radius:12px;padding:9px 10px;font-size:.76rem;font-weight:850;line-height:1.35}
.mini-guidance{border:1px solid var(--border);background:var(--bg-soft-2);color:var(--text-secondary);border-radius:10px;padding:7px 9px;font-size:.70rem;font-weight:850;text-align:center}
.btn:active,.chip:active,.nav-item:active{transform:translateY(1px) scale(.99)}
.toast{animation:toastIn2c2 .18s ease-out}
.modal-shell{animation:fadeIn2c2 .18s ease-out}.modal-card{animation:modalUp2c2 .2s ease-out}
@keyframes toastIn2c2{from{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes fadeIn2c2{from{opacity:0}to{opacity:1}}
@keyframes modalUp2c2{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}


/* phase 2c.2b global standard dialog + cancelled state refresh fix */
.global-dialog-shell{align-items:center;padding:18px;background:rgba(9,22,17,.48);backdrop-filter:blur(7px)}
.global-dialog-card{display:grid;gap:12px;padding:18px;border-radius:18px;border:1px solid var(--border-strong);box-shadow:0 22px 70px rgba(6,63,51,.22);background:var(--bg-card)}
.global-dialog-icon{width:44px;height:44px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-soft);border:1px solid var(--border-strong);font-weight:950;font-size:1.15rem;color:var(--text-primary)}
.global-dialog-icon.danger{background:var(--danger-bg);color:var(--danger-text);border-color:rgba(190,52,37,.22)}
.global-dialog-copy h2{margin:2px 0 6px;font-size:1.14rem;line-height:1.08;letter-spacing:-.04em;color:var(--text-primary)}
.global-dialog-copy p{margin:0;color:var(--text-secondary);font-size:.86rem;line-height:1.45}
.global-dialog-note{margin-top:10px;border:1px solid var(--border);background:var(--bg-soft-2);border-radius:12px;padding:10px;color:var(--text-secondary);font-size:.78rem;line-height:1.4}
.global-dialog-actions{justify-content:flex-end;margin-top:2px}.global-dialog-actions .btn{min-width:112px}
@media(max-width:560px){.global-dialog-shell{align-items:flex-end}.global-dialog-card{width:100%;border-radius:20px 20px 16px 16px}.global-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.global-dialog-actions .btn{width:100%;min-width:0}}

/* phase 2c.3 role visibility + host event grouping */
.role-badge-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.badge-role-host{background:var(--warning-bg);color:var(--warning-text);border:1px solid rgba(171,93,0,.18)}
.badge-role-player{background:var(--info-bg);color:var(--info-text);border:1px solid rgba(29,78,216,.16)}
.event-group-block{display:grid;gap:8px;margin-top:12px}
.host-group{padding:10px;border-radius:16px;background:linear-gradient(135deg,rgba(183,255,53,.12),rgba(255,255,255,.45));border:1px solid var(--border)}
.event-role-callout,.role-summary-box{display:grid;gap:5px;padding:10px;border-radius:13px;background:var(--bg-surface);border:1px solid var(--border-strong)}
.event-role-callout strong,.role-summary-box strong{color:var(--text-primary);font-size:.86rem;line-height:1.25}
.event-role-callout span,.role-summary-box span{color:var(--text-secondary);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.role-summary-box .role-badge-row,.event-role-callout .role-badge-row{margin-top:2px}

/* phase 2c3c check-in + avatar clarity */
.event-head-visual{align-items:flex-start}.event-title-visual{display:flex;align-items:flex-start;gap:10px;min-width:0}.avatar-circle{width:38px;height:38px;min-width:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--brand-green),var(--brand-lime));color:#fff;font-weight:950;font-size:.78rem;border:2px solid rgba(255,255,255,.86);box-shadow:0 8px 18px rgba(6,63,51,.13)}.avatar-circle img{width:100%;height:100%;object-fit:cover;display:block}.avatar-event{width:42px;height:42px;min-width:42px}.avatar-participant{width:36px;height:36px;min-width:36px;font-size:.72rem}.participant-main{display:flex;align-items:center;gap:9px;min-width:0}.participant-row{grid-template-columns:minmax(0,1fr) auto}.participant-actions .btn-danger-soft,.btn-danger-soft{background:var(--danger-bg);color:var(--danger-text);border-color:rgba(170,53,38,.24)}.mini-guidance{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 9px;border-radius:9px;background:var(--bg-soft-2);border:1px solid var(--border);font-size:.68rem;font-weight:900;color:var(--text-secondary)}@media(max-width:560px){.participant-row{grid-template-columns:1fr}.participant-actions{padding-left:45px}.event-title-visual{gap:8px}.avatar-event{width:38px;height:38px;min-width:38px}}

/* phase 2c3d - reality UX fix: no overlapping sticky cards, clearer action zone */
.event-detail-screen{
  display:grid;
  gap:16px !important;
  align-items:start;
}
.event-detail-screen > .card,
.event-detail-screen > article,
.event-detail-screen > div{
  position:relative;
  z-index:auto;
}
.event-detail-screen .user-status-panel,
.event-detail-screen .clarity-status-panel{
  position:relative !important;
  top:auto !important;
  z-index:1 !important;
  margin:0 !important;
}
.event-detail-screen .participant-flow-card{
  position:relative !important;
  z-index:0 !important;
  margin-top:0 !important;
  clear:both;
}
.participant-flow-card .chip-row{
  position:relative !important;
  top:auto !important;
  z-index:0 !important;
  background:transparent !important;
  padding:0 !important;
}
.flow-help-box{
  display:grid;
  gap:5px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:rgba(255,255,255,.72);
  color:var(--text-secondary);
  font-size:.76rem;
  line-height:1.3;
}
.flow-help-box strong{
  color:var(--text-primary);
  font-size:.82rem;
}
.participant-actions{
  align-items:center;
}
.participant-actions .btn{
  white-space:nowrap;
}
@media(max-width:560px){
  .event-detail-screen{gap:14px !important;}
  .event-detail-screen .user-status-panel,
  .event-detail-screen .clarity-status-panel{position:relative !important;top:auto !important;}
  .participant-actions{padding-left:45px;display:grid;grid-template-columns:1fr;justify-content:stretch;}
  .participant-actions .btn,.participant-actions .mini-guidance{width:100%;}
}

/* Phase 2C.4 — profile identity + activity polish */
.avatar-circle{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--brand-green),var(--brand-lime));color:#fff;font-weight:950;font-size:.72rem;border:1px solid rgba(255,255,255,.65);box-shadow:0 8px 18px rgba(6,63,51,.14);flex:0 0 auto}.avatar-circle img{width:100%;height:100%;object-fit:cover;display:block}.avatar-topbar{width:30px;height:30px;font-size:.62rem}.avatar-profile{width:52px;height:52px;font-size:1rem}.avatar-event{width:38px;height:38px}.topbar-profile-chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;max-width:190px;border:1px solid var(--border);background:rgba(255,255,255,.82);border-radius:999px;padding:3px 9px 3px 3px;box-shadow:var(--shadow-soft);color:var(--text-primary);cursor:pointer}.topbar-profile-chip span{display:grid;text-align:left;line-height:1.05;min-width:0}.topbar-profile-chip strong{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.topbar-profile-chip small{font-size:.58rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;text-transform:uppercase;font-weight:900}.profile-identity-card{display:grid;gap:10px;background:linear-gradient(135deg,var(--bg-card),rgba(234,255,209,.7));border-left:4px solid var(--brand-green)}.profile-identity-card.compact{padding:10px}.profile-main-row{display:flex;align-items:center;gap:10px}.profile-copy{min-width:0}.profile-name{font-size:1.08rem;font-weight:950;line-height:1.05;letter-spacing:-.03em;color:var(--text-primary)}.profile-role-line{font-size:.76rem;color:var(--text-secondary);font-weight:900;text-transform:uppercase;margin-top:2px}.profile-stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.profile-stats-row span{border:1px solid var(--border);background:rgba(255,255,255,.72);border-radius:10px;padding:7px;text-align:center;display:grid;gap:1px}.profile-stats-row strong{font-size:.98rem;color:var(--text-primary);line-height:1}.profile-stats-row small{font-size:.55rem;color:var(--text-secondary);font-weight:950;text-transform:uppercase;letter-spacing:.06em}.activity-screen{gap:10px}.activity-hero{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(234,255,209,.42));border-radius:var(--radius-card)}.activity-timeline{display:grid;gap:9px;position:relative}.activity-card{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px;border-radius:14px;border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-soft)}.activity-card.success{border-left:4px solid var(--success-text)}.activity-card.info{border-left:4px solid var(--info-text)}.activity-card.danger{border-left:4px solid var(--danger-text)}.activity-card.neutral{border-left:4px solid var(--text-tertiary)}.activity-marker{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);font-weight:950;color:var(--brand-green);border:1px solid var(--border-strong)}.activity-title{font-size:.93rem;font-weight:950;line-height:1.2;color:var(--text-primary)}.activity-meta-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.activity-meta-row span{font-size:.68rem;font-weight:850;color:var(--text-secondary);background:var(--bg-soft-2);border:1px solid var(--border);border-radius:999px;padding:3px 7px}.activity-when{text-align:right;display:grid;gap:2px;min-width:86px}.activity-when strong{font-size:.68rem;color:var(--text-primary)}.activity-when small{font-size:.6rem;color:var(--text-secondary);line-height:1.2}@media(max-width:520px){.topbar-profile-chip span{display:none}.topbar-profile-chip{padding-right:3px}.activity-card{grid-template-columns:auto 1fr;align-items:flex-start}.activity-when{grid-column:2;text-align:left;display:flex;gap:6px;align-items:center}.profile-stats-row{grid-template-columns:repeat(3,1fr)}}


/* Phase 2C.4B — readable capitalization and identity cleanup */
.nav-label,.btn,.chip,.badge,.page-title,.event-name,.profile-name,.activity-title{text-transform:none}.section-kicker{text-transform:uppercase}.topbar-profile-chip{text-transform:none}.activity-hero{padding:12px}.profile-identity-card.compact{margin-bottom:2px}.activity-card{min-height:70px}.activity-title{letter-spacing:-.01em}.field-label{text-transform:none;font-weight:850}.modal-head h2{text-transform:none}

/* Phase 3 — Game Engine + Scoreboard foundation */
.game-engine-card{border-color:rgba(15,107,79,.22);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(234,245,237,.72))}
.game-summary-grid strong{font-size:1.25rem}
.game-lock-note{margin-top:12px;padding:12px 14px;border-radius:16px;background:rgba(15,107,79,.09);color:var(--color-brand-dark,#173d2e);font-size:.88rem;font-weight:700}
.scoreboard-mini,.match-list-mini{margin-top:14px;padding:12px;border:1px solid var(--color-line,#dfe8e2);border-radius:18px;background:rgba(255,255,255,.86)}
.ranking-row{display:grid;grid-template-columns:44px 1fr 48px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(16,45,32,.08)}
.ranking-row:last-child{border-bottom:0}.ranking-row span{font-weight:700}.ranking-row b{text-align:right;color:var(--color-brand,#0f6b4f)}
.match-mini{display:grid;grid-template-columns:72px 1fr 28px 1fr;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(16,45,32,.08);font-size:.86rem}.match-mini:last-child{border-bottom:0}.match-mini span{font-size:.78rem;color:var(--color-muted,#65756d);font-weight:800}.match-mini em{text-align:center;color:var(--color-muted,#65756d);font-style:normal;font-weight:900}.chip.readonly{cursor:default;pointer-events:none;opacity:.92}

/* Phase 3A — host game setup controls */
.game-setup-box{margin:12px 0;padding:12px;border:1px solid var(--border,var(--color-line,#dfe8e2));border-radius:18px;background:rgba(255,255,255,.82);display:grid;gap:10px}
.game-setup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.game-setup-head strong{display:block;color:var(--text-primary,#17231d);font-size:.92rem}.game-setup-head span{display:block;color:var(--text-secondary,#65756d);font-size:.76rem;line-height:1.35;margin-top:2px}.quick-targets{justify-content:flex-end}.quick-targets .chip{border:1px solid var(--border,#dfe8e2);background:var(--bg-card,#fff);font-weight:950;cursor:pointer}.quick-targets .chip.active{background:var(--brand-green,#0f6b4f);color:#fff;border-color:transparent}.game-setup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.game-setup-grid label{display:grid;gap:5px}.game-setup-grid label span{font-size:.66rem;font-weight:950;color:var(--text-secondary,#65756d);text-transform:uppercase;letter-spacing:.06em}.game-setup-grid select{width:100%;min-height:38px;border-radius:12px;border:1px solid var(--border,#dfe8e2);background:var(--bg-card,#fff);color:var(--text-primary,#17231d);font-weight:850;padding:0 10px}.game-readiness-line{padding:9px 10px;border-radius:13px;background:var(--warning-bg,#fff4d7);color:var(--warning-text,#8a5a00);font-size:.78rem;font-weight:850}.game-readiness-line.ready{background:var(--success-bg,#eaf5ed);color:var(--success-text,#0f6b4f)}@media(max-width:700px){.game-setup-head{display:grid}.game-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.game-setup-grid{grid-template-columns:1fr}.quick-targets{justify-content:flex-start}}

/* Phase 3C host participant polish */
.host-test-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 8px;padding:10px;border:1px solid var(--border,#dfe8e2);border-radius:16px;background:linear-gradient(135deg,rgba(234,245,237,.72),rgba(255,255,255,.86))}.host-test-toolbar .mini-guidance{margin-left:auto}.search-row{display:flex;gap:8px;align-items:center;margin:8px 0}.search-row .search-input{flex:1}.participant-meta-stack{display:flex;gap:5px;flex-wrap:wrap}.participant-flow-hint{font-size:.72rem;color:var(--text-secondary,#65756d);margin-top:4px;font-weight:750}.participant-actions .ready-note{align-self:center;color:var(--success-text,#0f6b4f);background:var(--success-bg,#eaf5ed);padding:6px 9px;border-radius:999px;font-weight:900}.form-stack{display:grid;gap:12px}.form-label{display:grid;gap:6px}.form-label span{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:950;color:var(--text-secondary,#65756d)}.manual-mode-card{display:grid;gap:8px;border:1px solid var(--border,#dfe8e2);border-radius:16px;padding:12px;background:var(--bg-soft,#f6f8f5)}.manual-mode-card strong{font-size:.86rem;color:var(--text-primary,#17231d)}.manual-mode-card small{font-size:.75rem;color:var(--text-secondary,#65756d);line-height:1.35}.manual-mode-card .chip{cursor:pointer}.manual-mode-card .chip.active{background:var(--brand-green,#0f6b4f);color:#fff;border-color:transparent}.compact-modal{max-width:460px}.modal-actions{justify-content:flex-end}.inline-message.info{background:var(--info-bg,#e7f0ff);border:1px solid var(--info-border,#b8cef5);color:var(--info-text,#17407d)}@media(max-width:520px){.host-test-toolbar{align-items:stretch}.host-test-toolbar .btn{width:100%;justify-content:center}.host-test-toolbar .mini-guidance{margin-left:0}.search-row{display:grid}.modal-actions{display:grid}.modal-actions .btn{width:100%}}

/* Phase 3D manual participant modal hardening */
.manual-participant-shell{position:fixed!important;inset:0!important;z-index:120!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;background:rgba(6,20,15,.42)!important;backdrop-filter:blur(6px)!important}
.manual-participant-shell .compact-modal{width:min(94vw,460px)!important;max-height:calc(100vh - 36px)!important;overflow:auto!important;margin:0!important;box-shadow:0 24px 80px rgba(6,20,15,.24)!important}
.inline-message.success{background:var(--success-bg,#eaf5ed);border:1px solid rgba(15,107,79,.22);color:var(--success-text,#0f6b4f)}
.inline-message.danger{background:var(--danger-bg,#ffe3df);border:1px solid rgba(180,50,42,.22);color:var(--danger-text,#9b2d22)}
@media(max-width:520px){.manual-participant-shell{align-items:flex-end!important;padding:10px!important}.manual-participant-shell .compact-modal{width:100%!important;max-height:86vh!important}}

/* Phase 3D.23 — Americano leaderboard + score input polish */
.americano-board{display:grid;gap:8px;padding:14px}.board-head{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-bottom:4px}.board-head strong{font-size:1.08rem;color:var(--text-primary,#17231d)}.board-cols{display:grid;grid-template-columns:60px 52px 42px;gap:8px;font-size:.66rem;font-weight:950;color:var(--text-secondary,#65756d);text-transform:uppercase;letter-spacing:.06em;text-align:right}.leaderboard-row{display:grid;grid-template-columns:38px minmax(0,1fr) 60px 52px 42px;gap:8px;align-items:center;border:1px solid var(--border,#dfe8e2);background:rgba(255,255,255,.78);border-radius:13px;padding:9px 10px}.leaderboard-row.leader{background:linear-gradient(135deg,#fff7d7,#ffe06a);border-color:#f5cf3b;box-shadow:0 8px 20px rgba(173,122,0,.12)}.rank-no{font-weight:950}.leader-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.wlt,.diff,.pts{text-align:right;font-weight:950}.diff{color:var(--text-secondary,#65756d)}.pts{color:var(--text-primary,#17231d)}.americano-rounds{display:grid;gap:12px}.round-block{display:grid;gap:10px}.round-title{display:flex;align-items:center;gap:8px}.round-title span{font-size:.66rem;font-weight:950;color:var(--text-secondary,#65756d);text-transform:uppercase;letter-spacing:.12em}.round-title strong{border-radius:10px;background:rgba(255,255,255,.9);border:1px solid var(--border,#dfe8e2);padding:6px 10px}.match-card-americano{border:1px solid var(--border,#dfe8e2);background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(246,248,245,.86));border-radius:18px;padding:12px;box-shadow:0 10px 24px rgba(16,45,32,.06)}.court-label{text-align:right;font-weight:900;color:var(--text-secondary,#65756d);font-size:.82rem;margin-bottom:6px}.match-score-line{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.team-names{font-weight:850;line-height:1.35}.team-names.right{text-align:right}.flip-score{display:flex;align-items:center;gap:7px;justify-content:center}.flip-score b{display:inline-grid;place-items:center;min-width:42px;height:42px;border-radius:7px;background:#0b0d0c;color:#fff;font-size:1.45rem;line-height:1;font-weight:950;box-shadow:0 8px 18px rgba(0,0,0,.18);font-variant-numeric:tabular-nums}.flip-score em{font-style:normal;font-size:.7rem;color:var(--text-secondary,#65756d);font-weight:900}.score-input-row{display:grid;grid-template-columns:72px auto 72px auto;gap:8px;align-items:center;margin-top:10px}.score-input-row input{width:100%;min-height:38px;border:1px solid var(--border,#dfe8e2);border-radius:12px;background:#fff;text-align:center;font-weight:950;color:var(--text-primary,#17231d);font-size:1rem}.score-input-row span{font-size:.72rem;color:var(--text-secondary,#65756d);font-weight:900}.btn-sm{min-height:38px;padding:8px 12px;font-size:.78rem}@media(max-width:520px){.board-head{grid-template-columns:1fr}.board-cols{grid-template-columns:60px 52px 42px;justify-content:end}.leaderboard-row{grid-template-columns:34px minmax(0,1fr) 52px 44px 34px;font-size:.82rem}.match-score-line{grid-template-columns:1fr;gap:8px}.team-names,.team-names.right{text-align:center}.score-input-row{grid-template-columns:1fr auto 1fr;}.score-input-row .btn{grid-column:1 / -1;width:100%;justify-content:center}}

/* Phase 3D.24 — Americano score UX polish */
.game-lock-note{margin:14px 0 10px;padding:14px 16px;line-height:1.45}
.game-engine-card .btn-row{align-items:center;gap:10px;margin:12px 0;flex-wrap:wrap}
.game-engine-card .btn-danger-soft{margin-top:0}
.error-mini{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mini-link{border:0;background:transparent;color:var(--color-brand,#0f6b4f);font-weight:900;text-decoration:underline;cursor:pointer}
.round-tabs-scroll{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px;margin-bottom:4px}.round-tabs-scroll .chip{white-space:nowrap}.round-tabs-scroll .chip.active{background:var(--color-brand,#0f6b4f);color:#fff;border-color:var(--color-brand,#0f6b4f)}
.compact-rounds{gap:12px}.rest-player-strip{display:flex;gap:8px;align-items:center;border:1px solid var(--border,#dfe8e2);background:rgba(15,107,79,.06);border-radius:14px;padding:9px 11px;font-size:.78rem;color:var(--text-secondary,#65756d);margin-bottom:8px}.rest-player-strip strong{color:var(--color-brand-dark,#173d2e);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.rest-player-strip span{font-weight:800}
.flip-score button,.score-pill{display:inline-grid;place-items:center;min-width:42px;height:42px;border-radius:7px;background:#0b0d0c;color:#fff;font-size:1.45rem;line-height:1;font-weight:950;box-shadow:0 8px 18px rgba(0,0,0,.18);font-variant-numeric:tabular-nums;border:0;cursor:pointer}.score-pill{min-width:58px}.flip-score button:active,.score-pill:active{transform:translateY(1px)}
.match-action-row{display:grid;gap:8px;margin-top:10px}.score-input-polished{grid-template-columns:auto auto auto auto 1fr}.score-input-polished input[type="hidden"]{display:none}.score-input-polished .btn{justify-self:stretch;justify-content:center}.match-action-row>.btn{justify-content:center;width:100%}
.score-picker-card,.replace-player-card{max-width:520px;width:min(92vw,520px)}.score-picker-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.score-picker-head h2{margin:2px 0 4px}.score-picker-head p{margin:0;color:var(--text-secondary,#65756d);font-size:.88rem}.icon-btn{border:1px solid var(--border,#dfe8e2);background:#fff;border-radius:12px;min-width:38px;min-height:38px;font-weight:950;cursor:pointer}.score-pad-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:16px 0}.score-pad-btn{border:1px solid var(--border,#dfe8e2);background:#fff;border-radius:12px;min-height:44px;font-weight:950;color:var(--color-brand-dark,#173d2e);cursor:pointer}.score-pad-btn.active,.score-pad-btn:hover{background:var(--color-brand,#0f6b4f);border-color:var(--color-brand,#0f6b4f);color:#fff}.check-row{display:flex;align-items:flex-start;gap:8px;background:rgba(15,107,79,.06);border:1px solid var(--border,#dfe8e2);border-radius:14px;padding:10px;margin:8px 0 12px;font-weight:800;color:var(--text-secondary,#65756d)}
@media(max-width:520px){.score-pad-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.score-input-polished{grid-template-columns:1fr auto 1fr}.score-input-polished .btn{grid-column:1 / -1}.match-card-americano{padding:14px}.game-lock-note{margin:12px 0}.rest-player-strip{align-items:flex-start;flex-direction:column;gap:4px}}


/* phase 3d25 americano ux polish */
.game-lock-note{margin:12px 0 10px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#edf8f1,#eef7f5);line-height:1.45}
.btn-row:has(.btn-danger-soft){align-items:center;gap:10px;margin:10px 0 12px;flex-wrap:wrap}
.btn-danger-soft{margin:0;min-height:42px}
.score-picker-card{max-width:520px;width:min(92vw,520px);padding:18px;border-radius:18px}
.score-picker-head h2{font-size:20px;line-height:1.2;margin:4px 0}.score-picker-head p{font-size:13px;line-height:1.45;color:var(--muted,#65756d);margin:0}
.score-pad-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:16px}.score-pad-btn{min-height:44px;border-radius:12px;border:1px solid var(--line,#dfe8e2);background:#fff;font-weight:800}.score-pad-btn.active,.score-pad-btn:hover{background:var(--brand,#0f6b4f);color:#fff}
.match-card-americano{padding:16px;margin:10px 0;border-radius:18px}.match-card-americano.match-finished{background:linear-gradient(135deg,#f4fbf6,#eef7f2);border-color:#bfe5ce}.round-completed-card{background:linear-gradient(135deg,#f4fbf6,#fff);border-color:#bfe5ce}.round-done-label{margin-left:auto;padding:5px 9px;border-radius:999px;background:#dff7e8;color:#0f6b4f;font-style:normal;font-size:11px;font-weight:900}.round-tabs-scroll .round-done{background:#e5f8ec;border-color:#bfe5ce;color:#0f6b4f}.match-action-compact{justify-content:flex-end;margin-top:8px}.score-hidden-inputs{display:none}.extra-round-box{display:grid;gap:6px;padding:12px;margin:10px 0 14px;border-radius:16px;background:#fff9e8;border:1px solid #eedb9a}.extra-round-box span{font-size:12px;color:var(--muted,#65756d)}.rest-player-strip{margin:8px 0 10px;padding:8px 10px;border-radius:999px;background:#f7fbf8;border:1px solid var(--line,#dfe8e2);font-size:12px}.modal-open{overflow:hidden}.modal-shell{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding:18px;background:rgba(0,0,0,.38);backdrop-filter:blur(4px)}@media(min-width:720px){.modal-shell{align-items:center}.score-pad-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:420px){.score-pad-grid{grid-template-columns:repeat(4,1fr)}.match-score-line{grid-template-columns:1fr;gap:10px}.team-names.right{text-align:left}.flip-score{justify-content:center}}

/* phase 3e gameplay polish */
.phase3e-game-card .game-host-panel{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:12px 0;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,#f6fbf7,#eef7f1);border:1px solid var(--line,#dfe8e2)}
.game-host-panel strong{display:block;color:var(--color-brand-dark,#173d2e);font-weight:950}.game-host-panel span{display:block;font-size:12px;color:var(--muted,#65756d);margin-top:2px}.compact-actions{justify-content:flex-end;margin:0;gap:8px}.final-result-card{display:grid;gap:5px;margin:12px 0;padding:14px;border-radius:18px;background:linear-gradient(135deg,#fff7d7,#e9f8ed);border:1px solid #efd783}.final-result-card h3{margin:0;color:var(--color-brand-dark,#173d2e)}.final-result-card strong{font-size:18px}.final-result-card span{color:var(--muted,#65756d);font-size:13px}.match-card-americano.match-finished{border-color:#a9dfbd;background:linear-gradient(135deg,#f0fbf4,#ffffff)}.round-completed-card{padding:10px;border-radius:18px;background:linear-gradient(135deg,#f3fbf6,#fff);border:1px solid #cdebd8}.round-done-label{text-transform:lowercase}.flip-score button{border:0;display:inline-grid;place-items:center;min-width:42px;height:42px;border-radius:7px;background:#0b0d0c;color:#fff;font-size:1.45rem;line-height:1;font-weight:950;box-shadow:0 8px 18px rgba(0,0,0,.18);font-variant-numeric:tabular-nums;cursor:pointer}.flip-score button:hover{transform:translateY(-1px)}.score-picker-shell{overflow:auto}.score-picker-card{margin:auto}.modal-open{overflow:hidden!important}@media(max-width:560px){.phase3e-game-card .game-host-panel{grid-template-columns:1fr}.compact-actions{justify-content:stretch}.compact-actions .btn{flex:1}.score-picker-card{max-height:calc(100vh - 40px);overflow:auto}.score-pad-grid{grid-template-columns:repeat(4,1fr)}}

/* Phase 3E.2 final gameplay polish */
.live-board{position:relative;overflow:hidden}.live-rank-row{animation:rankEnter .28s ease both;animation-delay:var(--rank-delay,0ms)}@keyframes rankEnter{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rank-trend{display:inline-grid;place-items:center;min-width:16px;height:16px;border-radius:99px;font-size:10px;margin-left:3px;background:rgba(15,107,79,.08);color:var(--color-brand,#0f6b4f)}.rank-trend.down{background:#fff4d7;color:#996d00}.rank-trend.same{background:#f2f5f3;color:var(--muted,#65756d)}.final-result-pro{gap:12px;background:linear-gradient(135deg,#fff7d7 0%,#eef9ef 55%,#fff 100%);box-shadow:0 14px 38px rgba(16,45,32,.12)}.final-result-pro h3{font-size:22px;letter-spacing:-.4px}.podium-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin-top:6px}.podium-card{border:1px solid rgba(15,107,79,.14);background:rgba(255,255,255,.82);border-radius:16px;padding:12px;display:grid;gap:3px;min-width:0}.podium-card span{font-size:24px}.podium-card strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-card em{font-style:normal;font-size:11px;color:var(--muted,#65756d);font-weight:800}.podium-1{transform:translateY(-4px);border-color:#efd783}.pro-control-panel{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(234,245,237,.82));border-color:rgba(15,107,79,.16)}.match-done-label{margin-left:6px}.score-pad-btn{transition:transform .12s ease, box-shadow .12s ease}.score-pad-btn:active{transform:scale(.96)}@media(max-width:560px){.podium-grid{grid-template-columns:1fr}.podium-1{transform:none}.final-result-pro .compact-actions .btn{flex:1}}

/* Phase 3E-05 cleanup: real match control + mobile overflow polish */
.filter-container,
.safe-wrap,
.chip-row {
  max-width: 100%;
  flex-wrap: wrap;
  overflow: hidden;
}
.badge,
.status-chip,
.stat-box,
.community-chip {
  max-width: 100%;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
.card,
.event-card,
.participant-flow-card,
.game-host-panel,
.final-result-card,
.active-event-card {
  max-width: 100%;
  overflow: hidden;
}
.badge-excluded {
  background: #fff4d7;
  color: #795500;
  border: 1px solid rgba(121,85,0,.18);
}
.game-lock-mini {
  display: inline-flex;
  align-items: center;
  padding: 6px 9px;
  border-radius: 999px;
  background: #f5f7f3;
  border: 1px solid var(--line, #dfe8e2);
  color: var(--muted, #65756d);
  font-size: 11px;
  line-height: 1.25;
}
.clean-state-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.clean-state-panel .state-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.clean-state-panel .state-copy strong,
.clean-state-panel .state-copy small {
  min-width: 0;
  overflow-wrap: anywhere;
}
.badge-state-completed,
.badge-state-in_progress,
.badge-state-paused,
.badge-state-generated,
.badge-state-active,
.badge-state-waiting {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.2;
}
.badge-state-completed { background: #eaf5ed; color: #0f6b4f; }
.badge-state-in_progress,
.badge-state-generated,
.badge-state-active { background: #e7f0ff; color: #1f4f8f; }
.badge-state-paused { background: #fff4d7; color: #795500; }
.active-events-block { display: grid; gap: 10px; margin-bottom: 14px; }
.active-event-list { display: grid; gap: 10px; }
.active-event-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid var(--line, #dfe8e2);
  background: linear-gradient(135deg, #ffffff, #f6fbf7);
  box-shadow: 0 8px 28px rgba(16,45,32,.06);
}
.active-event-card > div { display: grid; gap: 3px; min-width: 0; }
.active-event-card strong,
.active-event-card span { min-width: 0; overflow-wrap: anywhere; }
.active-event-card span { color: var(--muted, #65756d); font-size: 12px; }
.participant-actions {
  max-width: 100%;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.participant-main { min-width: 0; }
.participant-name { min-width: 0; overflow-wrap: anywhere; }
.participant-meta-stack { flex-wrap: wrap; max-width: 100%; }
@media (max-width: 520px) {
  .clean-state-panel,
  .active-event-card {
    align-items: stretch;
  }
  .clean-state-panel .compact-actions,
  .active-event-card .btn,
  .participant-actions .btn,
  .participant-actions .mini-guidance {
    width: 100%;
    justify-content: center;
  }
}

/* Phase 3E-06 visual cleanup: premium cards, maps link, activity noise, community polish */
.maps-link { color: inherit; text-decoration: none; border-radius: 12px; padding: 2px 0; }
.maps-link em { margin-left: auto; font-style: normal; font-size: 10px; font-weight: 950; color: var(--brand-green,#0f6b4f); background: var(--accent-soft,#eaf5ed); border: 1px solid var(--border,#dfe8e2); border-radius: 999px; padding: 2px 7px; }
.active-events-premium { display: grid; gap: 12px; background: linear-gradient(135deg,#ffffff 0%,#f1faed 100%); border-left: 4px solid var(--brand-green,#0f6b4f); }
.active-events-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.live-dot { display: inline-flex; align-items: center; gap: 5px; padding: 6px 9px; border-radius: 999px; background: #eaf5ed; color: #0f6b4f; border: 1px solid rgba(15,107,79,.16); font-size: 10px; font-weight: 950; letter-spacing: .08em; }
.live-dot:before { content: ''; width: 7px; height: 7px; border-radius: 999px; background: #0f6b4f; box-shadow: 0 0 0 4px rgba(15,107,79,.10); }
.active-event-card.premium { border-radius: 18px; padding: 12px; align-items: center; background: rgba(255,255,255,.82); }
.active-event-card.premium.live { border-left: 4px solid var(--brand-green,#0f6b4f); }
.active-event-card.premium.waiting { border-left: 4px solid var(--info-text,#17407d); }
.active-event-card.premium.host { border-left: 4px solid var(--brand-orange,#ff7b2c); }
.active-event-main { display:flex; align-items:center; gap:10px; min-width:0; }
.active-event-main > div { min-width:0; display:grid; gap:2px; }
.active-event-main strong { font-size:.92rem; line-height:1.1; }
.active-event-main small { color:var(--text-secondary,#65756d); font-size:.68rem; line-height:1.25; }
.community-hero-premium { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(234,255,209,.34)); }
.community-grid-premium { display:grid; gap:10px; }
.community-card-premium { display:grid; gap:12px; background:linear-gradient(135deg,#ffffff 0%,#f8fbf8 100%); }
.community-card-premium.joined { border-left:4px solid var(--brand-green,#0f6b4f); }
.community-card-premium.discover { border-left:4px solid var(--brand-lime,#b7ff35); }
.community-card-top { display:flex; align-items:flex-start; gap:10px; min-width:0; }
.avatar-community { width:48px; height:48px; min-width:48px; font-size:.9rem; box-shadow:0 12px 22px rgba(6,63,51,.16); }
.community-card-copy { flex:1; min-width:0; display:grid; gap:4px; }
.community-desc { color:var(--text-secondary,#65756d); font-size:.78rem; line-height:1.35; }
.community-stat-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.community-stat-row span { display:grid; gap:1px; text-align:center; border:1px solid var(--border,#dfe8e2); background:rgba(255,255,255,.74); border-radius:12px; padding:8px 6px; }
.community-stat-row strong { font-size:1.05rem; color:var(--text-primary,#17231d); line-height:1; }
.community-stat-row small { color:var(--text-secondary,#65756d); font-size:.58rem; font-weight:950; text-transform:uppercase; letter-spacing:.06em; }
.community-benefit { border:1px solid rgba(15,107,79,.10); background:rgba(15,107,79,.05); color:var(--text-secondary,#65756d); border-radius:14px; padding:9px 10px; font-size:.76rem; line-height:1.35; font-weight:750; }
.activity-hero.premium { background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(234,245,237,.65)); }
.activity-timeline.premium .activity-card { border-radius:18px; min-height:76px; }
.activity-card.debug-noise { opacity:.68; }
.participant-row { grid-template-columns:1fr !important; align-items:stretch !important; padding:12px !important; border-radius:18px !important; gap:10px !important; }
.participant-main { align-items:flex-start !important; }
.participant-actions { padding-left:45px; justify-content:flex-start !important; }
.participant-actions .btn, .participant-actions .mini-guidance { min-height:34px; }
.phase3e-game-card .game-host-panel, .game-host-panel { grid-template-columns:1fr !important; align-items:stretch !important; }
.game-host-panel .compact-actions { justify-content:flex-start !important; }
.game-summary-grid div { min-width:0; overflow:hidden; }
.game-summary-grid strong { white-space:normal; overflow-wrap:anywhere; font-size:1.05rem; }
@media(max-width:520px){
  .active-events-head,.community-hero-premium{display:grid;}
  .active-event-card.premium{display:grid; align-items:stretch;}
  .active-event-card.premium .btn{width:100%;}
  .community-card-top{display:grid; grid-template-columns:auto 1fr;}
  .community-card-top .badge{grid-column:1/-1; width:max-content;}
  .participant-actions{padding-left:0; display:grid; grid-template-columns:1fr;}
}

/* Phase 3E-07 visibility + theme sync cleanup */
html[data-theme="light"] body{background:var(--bg-main)!important;color:var(--text-primary)!important;}
html[data-theme="dark"] body{background:radial-gradient(circle at 20% 0%,rgba(183,255,53,.09),transparent 26rem),#07110e!important;color:var(--text-primary)!important;}
html[data-theme="dark"] .app-shell,
html[data-theme="dark"] .app-main{background:transparent!important;color:var(--text-primary)!important;}
html[data-theme="dark"] .topbar{background:rgba(5,13,10,.86)!important;border-color:rgba(183,255,53,.12)!important;}
html[data-theme="dark"] .bottom-nav{background:rgba(5,13,10,.88)!important;border-color:rgba(183,255,53,.22)!important;box-shadow:0 12px 34px rgba(0,0,0,.35)!important;}
html[data-theme="dark"] .card,
html[data-theme="dark"] .surface-section,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .event-card,
html[data-theme="dark"] .hero-focus,
html[data-theme="dark"] .participant-row,
html[data-theme="dark"] .game-host-panel,
html[data-theme="dark"] .active-events-premium,
html[data-theme="dark"] .active-event-card,
html[data-theme="dark"] .community-card-premium,
html[data-theme="dark"] .activity-card,
html[data-theme="dark"] .profile-identity-card{background:linear-gradient(135deg,rgba(13,33,27,.96),rgba(9,22,18,.94))!important;border-color:rgba(183,255,53,.18)!important;color:var(--text-primary)!important;box-shadow:0 16px 38px rgba(0,0,0,.28)!important;}
html[data-theme="dark"] .page-title,
html[data-theme="dark"] .event-name,
html[data-theme="dark"] .participant-name,
html[data-theme="dark"] .profile-name,
html[data-theme="dark"] .activity-title,
html[data-theme="dark"] .community-card-copy strong,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] strong{color:#f4fff8!important;}
html[data-theme="dark"] .page-subtitle,
html[data-theme="dark"] .event-next-copy,
html[data-theme="dark"] .participant-flow-hint,
html[data-theme="dark"] .mini-guidance,
html[data-theme="dark"] .activity-meta-row,
html[data-theme="dark"] .meta-line,
html[data-theme="dark"] .community-desc,
html[data-theme="dark"] small,
html[data-theme="dark"] span{color:#c8ddd7!important;}
html[data-theme="dark"] .section-kicker{color:#b7ff35!important;}
html[data-theme="dark"] .btn,
html[data-theme="dark"] button{color:#f7fff9!important;text-shadow:none!important;}
html[data-theme="dark"] .btn-primary{background:#087256!important;border-color:#3cff9d!important;color:#ffffff!important;box-shadow:0 10px 24px rgba(0,0,0,.28)!important;}
html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .btn-muted,
html[data-theme="dark"] .icon-btn,
html[data-theme="dark"] .nav-item{background:rgba(255,255,255,.06)!important;border-color:rgba(183,255,53,.20)!important;color:#f4fff8!important;}
html[data-theme="dark"] .btn-danger-soft{background:rgba(248,113,113,.16)!important;border-color:rgba(248,113,113,.34)!important;color:#fecaca!important;}
html[data-theme="dark"] .badge,
html[data-theme="dark"] .community-chip,
html[data-theme="dark"] .status-pill,
html[data-theme="dark"] .chip{background:rgba(183,255,53,.10)!important;color:#eaffdc!important;border-color:rgba(183,255,53,.24)!important;}
html[data-theme="dark"] .chip.active,
html[data-theme="dark"] .nav-item.active{background:#087256!important;color:#fff!important;border-color:#b7ff35!important;}
html[data-theme="dark"] .icon-img{filter:brightness(0) invert(1)!important;opacity:.96;}
html[data-theme="dark"] .brand-logo-mark,
html[data-theme="dark"] .avatar-circle img{filter:none!important;}
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .search-input{background:#0a1914!important;color:#f4fff8!important;border-color:rgba(183,255,53,.22)!important;}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#92aaa3!important;}
.btn,.btn span,.btn-icon,.nav-item,.nav-label,.icon-btn{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.15;text-align:center;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 12px;border-radius:12px;}
.btn-mini,.btn-sm{min-height:34px;padding:7px 10px;font-size:12px;}
.btn-icon .icon-img,.btn .icon-img{width:15px;height:15px;flex:0 0 auto;}
.active-events-premium{display:grid;gap:12px;border-left:4px solid var(--brand-green)!important;}
.active-events-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.live-dot{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:var(--success-bg);color:var(--success-text);font-size:11px;font-weight:900;border:1px solid rgba(8,112,68,.16);}
.active-event-list{display:grid;gap:10px;}
.active-event-card.premium{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--border);background:rgba(255,255,255,.72);}
.active-event-main{display:flex;align-items:center;gap:10px;min-width:0;}
.active-event-main>div{display:grid;gap:3px;min-width:0;}
.active-event-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.active-event-main span,.active-event-main small{font-size:12px;line-height:1.35;color:var(--text-secondary);}
.maps-link{display:flex!important;align-items:center;gap:7px;text-decoration:none;color:var(--text-secondary)!important;}
.maps-link em{margin-left:auto;font-style:normal;font-size:10px;font-weight:900;padding:4px 8px;border-radius:999px;background:var(--success-bg);color:var(--success-text);border:1px solid rgba(8,112,68,.12);}
.participant-row{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px!important;}
.participant-main{display:flex!important;align-items:center;gap:10px;min-width:0;}
.participant-main>div{min-width:0;display:grid;gap:5px;}
.participant-name{font-size:15px;line-height:1.2;overflow-wrap:anywhere;}
.participant-meta,.participant-meta-stack{display:flex;flex-wrap:wrap;gap:5px;align-items:center;}
.participant-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;}
.avatar-circle{flex:0 0 auto;display:inline-grid;place-items:center;overflow:hidden;}
.game-host-panel.clean-state-panel{display:grid!important;grid-template-columns:1fr;gap:12px;padding:14px!important;}
.game-host-panel .compact-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;}
.live-board .live-rank-row{color:var(--text-primary)!important;}
html[data-theme="dark"] .live-board .live-rank-row{background:rgba(255,255,255,.05)!important;color:#f4fff8!important;border-color:rgba(183,255,53,.16)!important;}
.community-grid-premium{display:grid;gap:12px;}
.community-card-premium{display:grid;gap:12px;border-left:4px solid var(--brand-orange)!important;}
.community-card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:flex-start;}
.community-card-copy{min-width:0;display:grid;gap:4px;}
.community-desc{font-size:13px;line-height:1.4;color:var(--text-secondary);}
.community-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.community-stat-row span{display:grid;gap:2px;padding:9px;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft-2);}
.community-stat-row strong{font-size:16px;}
.community-stat-row small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);}
.community-benefit{font-size:12px;line-height:1.4;padding:9px;border-radius:12px;background:var(--bg-soft);color:var(--text-secondary);}
.activity-timeline.premium{display:grid;gap:10px;}
.activity-card{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px!important;}
.activity-card.debug-noise{display:none!important;}
.activity-marker{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:var(--bg-soft);font-weight:950;}
.activity-title{line-height:1.25;overflow-wrap:anywhere;}
.activity-meta-row{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;}
.activity-meta-row span{padding:3px 7px;border-radius:999px;background:var(--bg-soft-2);}
.activity-when{text-align:right;font-size:11px;display:grid;gap:2px;}
@media(max-width:560px){.active-event-card.premium{grid-template-columns:1fr}.active-event-card .btn{width:100%}.community-card-top{grid-template-columns:auto minmax(0,1fr)}.community-card-top>.badge{grid-column:1/-1;width:max-content}.activity-card{grid-template-columns:auto minmax(0,1fr)}.activity-when{grid-column:2;text-align:left}.btn-row{gap:8px;}.btn-row .btn{flex:1 1 auto;}}

/* Phase 3E-08 centralized visibility standard
   Rule: all dark/light readability fixes must stay here, not per page. */
:root{
  --ui-action-bg: var(--brand-green-2,#087256);
  --ui-action-text: #ffffff;
  --ui-action-border: rgba(6,63,51,.20);
  --ui-action-hover: var(--brand-green,#063f33);
  --ui-control-bg: rgba(255,255,255,.94);
  --ui-control-text: var(--text-primary,#063f33);
  --ui-control-border: var(--border,rgba(6,63,51,.12));
  --ui-card-solid: var(--bg-card,#ffffff);
  --ui-card-muted: #f7fbf7;
  --ui-score-row: #ffffff;
  --ui-score-row-leader: #fff0a6;
  --ui-score-text: var(--text-primary,#063f33);
}
html[data-theme="dark"]{
  --ui-action-bg:#0aa072;
  --ui-action-text:#ffffff;
  --ui-action-border:rgba(183,255,53,.34);
  --ui-action-hover:#0db783;
  --ui-control-bg:rgba(12,29,24,.98);
  --ui-control-text:#f4fff8;
  --ui-control-border:rgba(183,255,53,.24);
  --ui-card-solid:#10251f;
  --ui-card-muted:#0d1d18;
  --ui-score-row:#142b24;
  --ui-score-row-leader:#f4c542;
  --ui-score-text:#f7fff9;
}

/* central buttons: readable in every theme */
.btn,
button.btn,
a.btn,
.btn-primary,
.btn-secondary,
.btn-muted,
.btn-danger-soft,
.icon-btn,
button:not(.unstyled){
  min-height:40px;
  border-radius:12px;
  font-weight:900;
  letter-spacing:0;
  line-height:1.1;
  text-decoration:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.btn-primary,
a.btn-primary,
button.btn-primary{
  background:var(--ui-action-bg)!important;
  color:var(--ui-action-text)!important;
  border:1px solid var(--ui-action-border)!important;
  box-shadow:0 10px 22px rgba(6,63,51,.18)!important;
}
.btn-primary *,
a.btn-primary *,
button.btn-primary *{color:var(--ui-action-text)!important;fill:currentColor!important;}
.btn-primary:hover{background:var(--ui-action-hover)!important;}
.btn-secondary,
.btn-muted,
.icon-btn{
  background:var(--ui-control-bg)!important;
  color:var(--ui-control-text)!important;
  border:1px solid var(--ui-control-border)!important;
}
.btn-secondary *,
.btn-muted *,
.icon-btn *{color:inherit!important;fill:currentColor!important;}
.btn-mini,.btn-sm{min-width:92px;min-height:36px;padding:8px 12px;font-size:12px;}
.active-event-card .btn,
.active-event-card .btn-mini,
.active-event-card .btn-primary{min-width:110px;white-space:nowrap;}
.nav-item,.bottom-nav .nav-item{color:var(--ui-control-text)!important;background:var(--ui-control-bg)!important;border-color:var(--ui-control-border)!important;}
.nav-item.active,.bottom-nav .nav-item.active{background:var(--ui-action-bg)!important;color:var(--ui-action-text)!important;border-color:var(--ui-action-border)!important;}
.nav-item.active *,.bottom-nav .nav-item.active *{color:var(--ui-action-text)!important;fill:currentColor!important;}

/* central surfaces: no washed out dark mode */
html[data-theme="dark"] .card,
html[data-theme="dark"] .surface-section,
html[data-theme="dark"] .hero-focus,
html[data-theme="dark"] .active-events-premium,
html[data-theme="dark"] .active-event-card,
html[data-theme="dark"] .community-card-premium,
html[data-theme="dark"] .activity-card,
html[data-theme="dark"] .game-host-panel,
html[data-theme="dark"] .scoreboard-mini,
html[data-theme="dark"] .americano-board,
html[data-theme="dark"] .live-board,
html[data-theme="dark"] .round-card,
html[data-theme="dark"] .match-card,
html[data-theme="dark"] .participant-row{
  background:linear-gradient(135deg,var(--ui-card-solid),var(--ui-card-muted))!important;
  color:var(--text-primary)!important;
  border-color:var(--ui-control-border)!important;
}
html[data-theme="dark"] .page-title,
html[data-theme="dark"] .page-subtitle,
html[data-theme="dark"] .section-kicker,
html[data-theme="dark"] .event-name,
html[data-theme="dark"] .leader-name,
html[data-theme="dark"] .participant-name,
html[data-theme="dark"] .community-card-copy,
html[data-theme="dark"] .community-card-copy *,
html[data-theme="dark"] .active-event-main,
html[data-theme="dark"] .active-event-main *,
html[data-theme="dark"] .board-head,
html[data-theme="dark"] .board-head *,
html[data-theme="dark"] .game-host-panel,
html[data-theme="dark"] .game-host-panel *,
html[data-theme="dark"] .meta-list,
html[data-theme="dark"] .meta-list *,
html[data-theme="dark"] .maps-link,
html[data-theme="dark"] .maps-link *{
  color:var(--text-primary)!important;
  opacity:1!important;
}
html[data-theme="dark"] .page-subtitle,
html[data-theme="dark"] small,
html[data-theme="dark"] .active-event-main small,
html[data-theme="dark"] .community-desc,
html[data-theme="dark"] .event-next-copy,
html[data-theme="dark"] .mini-guidance{color:var(--text-secondary)!important;}
html[data-theme="dark"] .section-kicker{color:var(--brand-lime)!important;}

/* leaderboard and game scoring visibility */
.scoreboard-mini,
.americano-board,
.live-board{background:var(--ui-card-solid)!important;color:var(--ui-score-text)!important;}
.leaderboard-row,
.live-rank-row,
.score-row,
.board-row{
  background:var(--ui-score-row)!important;
  color:var(--ui-score-text)!important;
  border:1px solid var(--ui-control-border)!important;
  opacity:1!important;
}
.leaderboard-row.leader,
.live-rank-row.leader,
.score-row.leader{
  background:var(--ui-score-row-leader)!important;
  color:#063f33!important;
  border-color:#e5b800!important;
}
.leaderboard-row.leader *,
.live-rank-row.leader *,
.score-row.leader *{color:#063f33!important;opacity:1!important;}
html[data-theme="dark"] .leaderboard-row:not(.leader) *,
html[data-theme="dark"] .live-rank-row:not(.leader) *,
html[data-theme="dark"] .score-row:not(.leader) *,
html[data-theme="dark"] .board-row:not(.leader) *{color:var(--ui-score-text)!important;opacity:1!important;}
html[data-theme="dark"] .round-tabs,
html[data-theme="dark"] .round-tabs *,
html[data-theme="dark"] .round-nav,
html[data-theme="dark"] .round-nav *{color:var(--ui-control-text)!important;opacity:1!important;}
html[data-theme="dark"] .score-pad-btn,
html[data-theme="dark"] .score-btn{background:#111!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important;}

/* active events: button and card stay readable */
.active-events-premium{background:linear-gradient(135deg,var(--ui-card-solid),var(--ui-card-muted))!important;color:var(--text-primary)!important;}
.active-event-card.premium{background:var(--ui-control-bg)!important;color:var(--text-primary)!important;border-color:var(--ui-control-border)!important;}
.active-event-main strong{color:var(--text-primary)!important;}
.active-event-main span,.active-event-main small{color:var(--text-secondary)!important;}
.live-dot{background:var(--success-bg)!important;color:var(--success-text)!important;border-color:rgba(8,112,68,.20)!important;}
html[data-theme="dark"] .live-dot{background:rgba(183,255,53,.12)!important;color:#dfff9a!important;border-color:rgba(183,255,53,.26)!important;}

/* badges / chips / map pill */
.badge,.chip,.community-chip,.status-pill,.maps-link em{font-weight:900;color:var(--text-primary)!important;background:var(--bg-soft)!important;border-color:var(--border)!important;}
html[data-theme="dark"] .badge,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .community-chip,
html[data-theme="dark"] .status-pill,
html[data-theme="dark"] .maps-link em{color:#f4fff8!important;background:rgba(183,255,53,.10)!important;border-color:rgba(183,255,53,.24)!important;}

/* icons must follow theme except actual brand avatars */
.icon-img, .icon-btn svg, .btn svg, .nav-item svg{color:inherit!important;fill:currentColor!important;stroke:currentColor!important;}
html[data-theme="dark"] .icon-img:not(.brand-logo-mark):not(.avatar-img){filter:brightness(0) invert(1)!important;opacity:1!important;}
html[data-theme="light"] .icon-img:not(.brand-logo-mark):not(.avatar-img){filter:none!important;opacity:1!important;}

/* activity: SQL errors hidden from normal feed; debug still owns detail */
.activity-card.debug-noise{display:none!important;}

@media(max-width:560px){
  .btn-mini,.btn-sm{min-width:100%;}
  .active-event-card .btn,.active-event-card .btn-mini,.active-event-card .btn-primary{width:100%;min-width:100%;}
}

/* Phase 3E-09 — Central Dark/Light Final Visibility Cleanup
   Rule: all theme readability fixes live here. Do not add per-page dark mode hacks. */
:root{
  --ui-dark-surface:#0d211b;
  --ui-dark-surface-2:#102820;
  --ui-dark-surface-3:#163329;
  --ui-dark-text:#f7fff9;
  --ui-dark-muted:#c5ddd4;
  --ui-dark-faint:#a8beb6;
  --ui-dark-border:rgba(183,255,53,.26);
  --ui-light-surface:#ffffff;
  --ui-light-surface-2:#f7fbf8;
  --ui-light-text:#063f33;
}

/* force every app surface to inherit correct theme colors */
html[data-theme="dark"] body,
html[data-theme="dark"] .app-shell,
html[data-theme="dark"] .screen,
html[data-theme="dark"] .app-main,
html[data-theme="dark"] .main-content{
  background:#07110e!important;
  color:var(--ui-dark-text)!important;
}

html[data-theme="dark"] .card,
html[data-theme="dark"] .card-soft,
html[data-theme="dark"] .hero-focus,
html[data-theme="dark"] .info-card,
html[data-theme="dark"] .event-card,
html[data-theme="dark"] .game-card,
html[data-theme="dark"] .game-panel,
html[data-theme="dark"] .game-host-panel,
html[data-theme="dark"] .participant-panel,
html[data-theme="dark"] .participant-row,
html[data-theme="dark"] .participant-card,
html[data-theme="dark"] .active-events-premium,
html[data-theme="dark"] .active-event-card,
html[data-theme="dark"] .active-event-card.premium,
html[data-theme="dark"] .community-card-premium,
html[data-theme="dark"] .community-card,
html[data-theme="dark"] .activity-card,
html[data-theme="dark"] .scoreboard-mini,
html[data-theme="dark"] .americano-board,
html[data-theme="dark"] .live-board,
html[data-theme="dark"] .round-block,
html[data-theme="dark"] .round-completed-card,
html[data-theme="dark"] .round-card,
html[data-theme="dark"] .match-card,
html[data-theme="dark"] .match-list-mini,
html[data-theme="dark"] .match-card-americano,
html[data-theme="dark"] .match-card-americano.match-finished,
html[data-theme="dark"] .final-result-card,
html[data-theme="dark"] .final-result-pro,
html[data-theme="dark"] .pro-control-panel,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .score-picker-card,
html[data-theme="dark"] .replace-player-card,
html[data-theme="dark"] .extra-round-box,
html[data-theme="dark"] .rest-player-strip,
html[data-theme="dark"] .check-row{
  background:linear-gradient(135deg,var(--ui-dark-surface),var(--ui-dark-surface-2))!important;
  color:var(--ui-dark-text)!important;
  border-color:var(--ui-dark-border)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28)!important;
  opacity:1!important;
}

html[data-theme="dark"] .match-card-americano.match-finished,
html[data-theme="dark"] .round-completed-card{
  background:linear-gradient(135deg,#123326,#0e231d)!important;
  border-color:rgba(134,239,172,.34)!important;
}

/* text visibility across nested elements */
html[data-theme="dark"] .card *,
html[data-theme="dark"] .card-soft *,
html[data-theme="dark"] .game-card *,
html[data-theme="dark"] .game-panel *,
html[data-theme="dark"] .participant-panel *,
html[data-theme="dark"] .participant-row *,
html[data-theme="dark"] .active-events-premium *,
html[data-theme="dark"] .active-event-card *,
html[data-theme="dark"] .community-card-premium *,
html[data-theme="dark"] .activity-card *,
html[data-theme="dark"] .scoreboard-mini *,
html[data-theme="dark"] .americano-board *,
html[data-theme="dark"] .live-board *,
html[data-theme="dark"] .round-block *,
html[data-theme="dark"] .match-card-americano *,
html[data-theme="dark"] .final-result-card *,
html[data-theme="dark"] .modal-card *,
html[data-theme="dark"] .score-picker-card *{
  opacity:1!important;
}

html[data-theme="dark"] .page-title,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] strong,
html[data-theme="dark"] b,
html[data-theme="dark"] .event-name,
html[data-theme="dark"] .leader-name,
html[data-theme="dark"] .participant-name,
html[data-theme="dark"] .team-names,
html[data-theme="dark"] .team-names.right,
html[data-theme="dark"] .rank-no,
html[data-theme="dark"] .wlt,
html[data-theme="dark"] .diff,
html[data-theme="dark"] .pts,
html[data-theme="dark"] .court-label{
  color:var(--ui-dark-text)!important;
}

html[data-theme="dark"] .page-subtitle,
html[data-theme="dark"] p,
html[data-theme="dark"] small,
html[data-theme="dark"] span,
html[data-theme="dark"] em,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .meta-list,
html[data-theme="dark"] .meta-line,
html[data-theme="dark"] .event-next-copy,
html[data-theme="dark"] .mini-guidance,
html[data-theme="dark"] .community-desc,
html[data-theme="dark"] .activity-title,
html[data-theme="dark"] .activity-meta-row,
html[data-theme="dark"] .activity-when{
  color:var(--ui-dark-muted)!important;
}

html[data-theme="dark"] .section-kicker,
html[data-theme="dark"] .board-cols,
html[data-theme="dark"] .board-cols *,
html[data-theme="dark"] .round-title span{
  color:var(--brand-lime)!important;
}

/* leaderboard: no pale rows in dark mode */
html[data-theme="dark"] .leaderboard-row,
html[data-theme="dark"] .live-rank-row,
html[data-theme="dark"] .score-row,
html[data-theme="dark"] .board-row{
  background:#122a23!important;
  color:var(--ui-dark-text)!important;
  border-color:rgba(183,255,53,.22)!important;
}
html[data-theme="dark"] .leaderboard-row:not(.leader) *,
html[data-theme="dark"] .live-rank-row:not(.leader) *,
html[data-theme="dark"] .score-row:not(.leader) *,
html[data-theme="dark"] .board-row:not(.leader) *{
  color:var(--ui-dark-text)!important;
}
html[data-theme="dark"] .leaderboard-row.leader,
html[data-theme="dark"] .live-rank-row.leader,
html[data-theme="dark"] .score-row.leader{
  background:linear-gradient(135deg,#ffe98a,#f4c542)!important;
  border-color:#ffe98a!important;
  color:#063f33!important;
}
html[data-theme="dark"] .leaderboard-row.leader *,
html[data-theme="dark"] .live-rank-row.leader *,
html[data-theme="dark"] .score-row.leader *{
  color:#063f33!important;
}

/* match / score input dark mode */
html[data-theme="dark"] .round-tabs-scroll,
html[data-theme="dark"] .chip-row{
  background:transparent!important;
}
html[data-theme="dark"] .round-tabs-scroll .chip,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .status-pill,
html[data-theme="dark"] .community-chip,
html[data-theme="dark"] .round-title strong,
html[data-theme="dark"] .round-done-label{
  background:#17372c!important;
  color:var(--ui-dark-text)!important;
  border-color:rgba(183,255,53,.24)!important;
}
html[data-theme="dark"] .round-tabs-scroll .chip.active,
html[data-theme="dark"] .chip.active{
  background:#0aa072!important;
  color:#fff!important;
  border-color:rgba(183,255,53,.42)!important;
}
html[data-theme="dark"] .score-input-row input,
html[data-theme="dark"] .field-input,
html[data-theme="dark"] .search-input,
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select{
  background:#0b1c17!important;
  color:var(--ui-dark-text)!important;
  border-color:rgba(183,255,53,.26)!important;
}
html[data-theme="dark"] .score-input-row input::placeholder,
html[data-theme="dark"] .field-input::placeholder,
html[data-theme="dark"] .search-input::placeholder{
  color:var(--ui-dark-faint)!important;
}
html[data-theme="dark"] .flip-score button,
html[data-theme="dark"] .score-pill,
html[data-theme="dark"] .score-pad-btn,
html[data-theme="dark"] .score-btn{
  background:#050807!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 10px 20px rgba(0,0,0,.35)!important;
}
html[data-theme="dark"] .flip-score em{color:var(--ui-dark-muted)!important;}

/* centralized button standard: readable and not washed out */
html[data-theme="dark"] .btn,
html[data-theme="dark"] button.btn,
html[data-theme="dark"] a.btn,
html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .btn-muted,
html[data-theme="dark"] .btn-danger-soft,
html[data-theme="dark"] .icon-btn,
html[data-theme="dark"] button:not(.unstyled):not(.score-pad-btn):not(.score-btn){
  background:#122a23!important;
  color:var(--ui-dark-text)!important;
  border-color:rgba(183,255,53,.26)!important;
  opacity:1!important;
}
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] a.btn-primary,
html[data-theme="dark"] button.btn-primary,
html[data-theme="dark"] .active-event-card .btn-primary{
  background:linear-gradient(135deg,#0aa072,#087256)!important;
  color:#fff!important;
  border-color:rgba(183,255,53,.38)!important;
}
html[data-theme="dark"] .btn-primary *,
html[data-theme="dark"] .btn-secondary *,
html[data-theme="dark"] .btn-muted *,
html[data-theme="dark"] .icon-btn *{
  color:inherit!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}
html[data-theme="dark"] .btn[disabled],
html[data-theme="dark"] button[disabled],
html[data-theme="dark"] .btn-muted[disabled]{
  background:#1b2b26!important;
  color:#d1ded9!important;
  opacity:.82!important;
}

/* bottom nav / floating debug remain readable */
html[data-theme="dark"] .bottom-nav,
html[data-theme="dark"] .debug-floating,
html[data-theme="dark"] .debug-dock,
html[data-theme="dark"] .system-checks{
  background:rgba(7,17,14,.92)!important;
  border-color:rgba(183,255,53,.20)!important;
}
html[data-theme="dark"] .nav-item,
html[data-theme="dark"] .bottom-nav .nav-item{
  background:#0f241e!important;
  color:var(--ui-dark-text)!important;
  border-color:rgba(183,255,53,.24)!important;
}
html[data-theme="dark"] .nav-item.active,
html[data-theme="dark"] .bottom-nav .nav-item.active{
  background:#087256!important;
  color:#fff!important;
}
html[data-theme="dark"] .nav-label,
html[data-theme="dark"] .nav-icon{color:inherit!important;}

/* avatar/logo exception */
html[data-theme="dark"] .avatar,
html[data-theme="dark"] .avatar *,
html[data-theme="dark"] .brand-logo,
html[data-theme="dark"] .brand-logo *{
  opacity:1!important;
}

/* light mode reset: keep premium clean */
html[data-theme="light"] .match-card-americano,
html[data-theme="light"] .round-block,
html[data-theme="light"] .scoreboard-mini,
html[data-theme="light"] .americano-board,
html[data-theme="light"] .active-event-card.premium{
  color:var(--ui-light-text)!important;
}

/* prevent long labels from breaking premium card layout */
.btn,
.badge,
.chip,
.status-pill,
.community-chip,
.nav-item,
.leaderboard-row,
.participant-row,
.match-card-americano{
  min-width:0;
}
.team-names,
.leader-name,
.event-name,
.participant-name{
  overflow-wrap:anywhere;
}

/* =========================================================
   PHASE 3E-10 — CENTRAL DARK MODE CONTRAST HARDENING
   Source rule: all visual contrast fixes stay centralized here.
   Do not override dark/light readability per page.
   ========================================================= */
html[data-theme="dark"]{
  --contrast-bg:#07110e;
  --contrast-panel:#0d211b;
  --contrast-panel-2:#102a22;
  --contrast-panel-3:#14382d;
  --contrast-soft:#19372e;
  --contrast-border:rgba(183,255,53,.30);
  --contrast-border-soft:rgba(255,255,255,.14);
  --contrast-text:#f8fff9;
  --contrast-text-soft:#d9ebe4;
  --contrast-muted:#b9d0c8;
  --contrast-faint:#94aaa2;
  --contrast-lime:#b7ff35;
  --contrast-primary:#08a477;
  --contrast-primary-2:#087256;
  --contrast-danger:#fca5a5;
}

/* Universal dark surface normalization — prevents pale/grey panels with invisible text */
html[data-theme="dark"] .card,
html[data-theme="dark"] .card-soft,
html[data-theme="dark"] .hero-focus,
html[data-theme="dark"] .event-card,
html[data-theme="dark"] .active-events-premium,
html[data-theme="dark"] .active-event-card,
html[data-theme="dark"] .active-event-card.premium,
html[data-theme="dark"] .community-card-premium,
html[data-theme="dark"] .activity-card,
html[data-theme="dark"] .activity-item,
html[data-theme="dark"] .participant-panel,
html[data-theme="dark"] .participant-row,
html[data-theme="dark"] .participant-flow-hint,
html[data-theme="dark"] .game-panel,
html[data-theme="dark"] .game-card,
html[data-theme="dark"] .game-state-card,
html[data-theme="dark"] .scoreboard-mini,
html[data-theme="dark"] .americano-board,
html[data-theme="dark"] .live-board,
html[data-theme="dark"] .round-block,
html[data-theme="dark"] .round-panel,
html[data-theme="dark"] .match-card-americano,
html[data-theme="dark"] .match-card,
html[data-theme="dark"] .final-result-card,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .debug-result,
html[data-theme="dark"] .status-card,
html[data-theme="dark"] .status-box,
html[data-theme="dark"] .info-box,
html[data-theme="dark"] .alert,
html[data-theme="dark"] .notice,
html[data-theme="dark"] .hint-box,
html[data-theme="dark"] .tips-box,
html[data-theme="dark"] .flow-box,
html[data-theme="dark"] .event-flow-card,
html[data-theme="dark"] .score-picker-card{
  background:linear-gradient(135deg,var(--contrast-panel),var(--contrast-panel-2))!important;
  color:var(--contrast-text)!important;
  border-color:var(--contrast-border)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.32)!important;
  opacity:1!important;
}

/* Inner boxes that were washed out in screenshots */
html[data-theme="dark"] .card-soft,
html[data-theme="dark"] .meta-box,
html[data-theme="dark"] .role-box,
html[data-theme="dark"] .flow-step,
html[data-theme="dark"] .stat-box,
html[data-theme="dark"] .summary-box,
html[data-theme="dark"] .guidance-box,
html[data-theme="dark"] .mini-guidance,
html[data-theme="dark"] .participant-actions-panel,
html[data-theme="dark"] .action-panel,
html[data-theme="dark"] .score-input-panel,
html[data-theme="dark"] .match-body,
html[data-theme="dark"] .round-body,
html[data-theme="dark"] .disabled-panel,
html[data-theme="dark"] .empty-panel,
html[data-theme="dark"] .debug-child,
html[data-theme="dark"] .debug-suggest,
html[data-theme="dark"] .simple-row{
  background:var(--contrast-panel-3)!important;
  color:var(--contrast-text)!important;
  border-color:var(--contrast-border-soft)!important;
  opacity:1!important;
}

/* Text hierarchy: keep all page/card text readable */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] strong,
html[data-theme="dark"] b,
html[data-theme="dark"] label,
html[data-theme="dark"] .page-title,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .event-name,
html[data-theme="dark"] .participant-name,
html[data-theme="dark"] .leader-name,
html[data-theme="dark"] .team-names,
html[data-theme="dark"] .rank-no,
html[data-theme="dark"] .wlt,
html[data-theme="dark"] .diff,
html[data-theme="dark"] .pts,
html[data-theme="dark"] .court-label,
html[data-theme="dark"] .activity-title,
html[data-theme="dark"] .community-name,
html[data-theme="dark"] .brand-title{
  color:var(--contrast-text)!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-theme="dark"] p,
html[data-theme="dark"] span,
html[data-theme="dark"] small,
html[data-theme="dark"] em,
html[data-theme="dark"] li,
html[data-theme="dark"] .page-subtitle,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .meta-list,
html[data-theme="dark"] .meta-line,
html[data-theme="dark"] .event-next-copy,
html[data-theme="dark"] .community-desc,
html[data-theme="dark"] .activity-meta-row,
html[data-theme="dark"] .activity-when,
html[data-theme="dark"] .participant-note,
html[data-theme="dark"] .helper-text,
html[data-theme="dark"] .hint-text{
  color:var(--contrast-text-soft)!important;
  opacity:1!important;
}
html[data-theme="dark"] .section-kicker,
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .board-cols,
html[data-theme="dark"] .round-title,
html[data-theme="dark"] .round-title span{
  color:var(--contrast-lime)!important;
  opacity:1!important;
}

/* Buttons are centralized: no per-page exceptions. Avoid white disabled pill with pale text. */
html[data-theme="dark"] .btn,
html[data-theme="dark"] button,
html[data-theme="dark"] a.btn,
html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .btn-muted,
html[data-theme="dark"] .btn-danger-soft,
html[data-theme="dark"] .icon-btn,
html[data-theme="dark"] .nav-item,
html[data-theme="dark"] .debug-strip .btn,
html[data-theme="dark"] .debug-floating .btn{
  background:var(--contrast-panel-3)!important;
  color:var(--contrast-text)!important;
  border-color:var(--contrast-border)!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] button.btn-primary,
html[data-theme="dark"] a.btn-primary,
html[data-theme="dark"] .active-event-card .btn-primary,
html[data-theme="dark"] .event-card .btn-primary{
  background:linear-gradient(135deg,var(--contrast-primary),var(--contrast-primary-2))!important;
  color:#ffffff!important;
  border-color:rgba(183,255,53,.45)!important;
  box-shadow:0 12px 22px rgba(0,0,0,.32)!important;
}
html[data-theme="dark"] .btn *,
html[data-theme="dark"] button *,
html[data-theme="dark"] .icon-btn *,
html[data-theme="dark"] .nav-item *{
  color:inherit!important;
  fill:currentColor!important;
  stroke:currentColor!important;
  opacity:1!important;
}
html[data-theme="dark"] .btn[disabled],
html[data-theme="dark"] button[disabled],
html[data-theme="dark"] .btn.disabled,
html[data-theme="dark"] .btn-muted[disabled],
html[data-theme="dark"] .disabled,
html[data-theme="dark"] .is-disabled{
  background:#20332d!important;
  color:#dbe8e2!important;
  border-color:rgba(255,255,255,.20)!important;
  opacity:1!important;
  cursor:not-allowed!important;
}

/* Badges / chips / pills must remain readable in all dark screens */
html[data-theme="dark"] .badge,
html[data-theme="dark"] .pill,
html[data-theme="dark"] .status-pill,
html[data-theme="dark"] .community-chip,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .status-chip,
html[data-theme="dark"] .tag,
html[data-theme="dark"] .role-chip,
html[data-theme="dark"] .round-tabs-scroll .chip{
  background:#173a2f!important;
  color:var(--contrast-text)!important;
  border-color:rgba(183,255,53,.32)!important;
  opacity:1!important;
}
html[data-theme="dark"] .badge-verified,
html[data-theme="dark"] .status-success,
html[data-theme="dark"] .status-ready{
  background:rgba(22,163,74,.28)!important;
  color:#bfffd2!important;
}
html[data-theme="dark"] .badge-pending,
html[data-theme="dark"] .status-warning{
  background:rgba(245,158,11,.24)!important;
  color:#ffe0a3!important;
}
html[data-theme="dark"] .badge-absent,
html[data-theme="dark"] .status-danger{
  background:rgba(239,68,68,.22)!important;
  color:#ffc4c4!important;
}
html[data-theme="dark"] .chip.active,
html[data-theme="dark"] .nav-item.active,
html[data-theme="dark"] .bottom-nav .nav-item.active{
  background:linear-gradient(135deg,#0aa072,#087256)!important;
  color:#fff!important;
  border-color:rgba(183,255,53,.50)!important;
}

/* Leaderboard and match cards */
html[data-theme="dark"] .leaderboard-row,
html[data-theme="dark"] .live-rank-row,
html[data-theme="dark"] .score-row,
html[data-theme="dark"] .board-row,
html[data-theme="dark"] .match-row{
  background:#112b23!important;
  color:var(--contrast-text)!important;
  border-color:rgba(183,255,53,.26)!important;
  opacity:1!important;
}
html[data-theme="dark"] .leaderboard-row:not(.leader) *,
html[data-theme="dark"] .live-rank-row:not(.leader) *,
html[data-theme="dark"] .score-row:not(.leader) *,
html[data-theme="dark"] .board-row:not(.leader) *,
html[data-theme="dark"] .match-row *{
  color:var(--contrast-text)!important;
  opacity:1!important;
}
html[data-theme="dark"] .leaderboard-row.leader,
html[data-theme="dark"] .live-rank-row.leader,
html[data-theme="dark"] .score-row.leader{
  background:linear-gradient(135deg,#ffe98a,#f4c542)!important;
  color:#063f33!important;
  border-color:#ffe98a!important;
}
html[data-theme="dark"] .leaderboard-row.leader *,
html[data-theme="dark"] .live-rank-row.leader *,
html[data-theme="dark"] .score-row.leader *{
  color:#063f33!important;
  opacity:1!important;
}

/* Score panels: remove washed-out white blocks */
html[data-theme="dark"] .score-input-row,
html[data-theme="dark"] .score-input-row input,
html[data-theme="dark"] .score-value,
html[data-theme="dark"] .score-input,
html[data-theme="dark"] .field-input,
html[data-theme="dark"] .search-input,
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select{
  background:#0a1a16!important;
  color:var(--contrast-text)!important;
  border-color:rgba(183,255,53,.30)!important;
  opacity:1!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder,
html[data-theme="dark"] .search-input::placeholder{
  color:#9eb6ae!important;
  opacity:1!important;
}
html[data-theme="dark"] .flip-score button,
html[data-theme="dark"] .score-pill,
html[data-theme="dark"] .score-pad-btn,
html[data-theme="dark"] .score-btn{
  background:#020504!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.25)!important;
  box-shadow:0 10px 20px rgba(0,0,0,.45)!important;
}

/* Bottom nav and debug floating must not cover content with low contrast */
html[data-theme="dark"] .bottom-nav,
html[data-theme="dark"] .debug-strip,
html[data-theme="dark"] .debug-floating,
html[data-theme="dark"] .debug-dock,
html[data-theme="dark"] .system-checks{
  background:rgba(5,12,10,.94)!important;
  color:var(--contrast-text)!important;
  border-color:rgba(183,255,53,.24)!important;
  box-shadow:0 18px 34px rgba(0,0,0,.42)!important;
}

/* Keep dark mode readable even when older blocks used rgba white backgrounds */
html[data-theme="dark"] [style*="background:#fff"],
html[data-theme="dark"] [style*="background: #fff"],
html[data-theme="dark"] [style*="background:white"],
html[data-theme="dark"] [style*="background: white"],
html[data-theme="dark"] [style*="background-color:#fff"],
html[data-theme="dark"] [style*="background-color: #fff"],
html[data-theme="dark"] [style*="background-color:white"],
html[data-theme="dark"] [style*="background-color: white"]{
  background:var(--contrast-panel-2)!important;
  color:var(--contrast-text)!important;
}

/* Light mode remains clean and readable */
html[data-theme="light"] .btn[disabled],
html[data-theme="light"] button[disabled],
html[data-theme="light"] .btn.disabled,
html[data-theme="light"] .is-disabled{
  color:#4f6961!important;
  opacity:1!important;
}

/* Phase 3E.11 final polish — centralized tournament UX */
.final-result-screen{border:1px solid var(--border-strong)!important;background:linear-gradient(135deg,var(--bg-card),var(--bg-soft-2))!important;color:var(--text-primary)!important;box-shadow:var(--shadow)!important}
.final-hero-line{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.final-hero-line h3{margin:0;font-size:1.45rem;line-height:1.05;color:var(--text-primary)!important}.final-hero-line span,.final-result-screen span{color:var(--text-secondary)!important}.final-score-badge{display:grid;place-items:center;min-width:64px;min-height:64px;border-radius:18px;background:var(--accent-soft);border:1px solid var(--border-strong);font-size:1.4rem;font-weight:950;color:var(--text-primary)}.final-score-badge small{font-size:.62rem;text-transform:uppercase;color:var(--text-secondary)}
.final-full-board{display:grid;gap:7px}.final-board-row{display:grid;grid-template-columns:40px minmax(0,1fr) 54px 48px 44px;gap:8px;align-items:center;border:1px solid var(--border);background:var(--bg-surface);border-radius:13px;padding:9px 10px;color:var(--text-primary)}.final-board-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.final-board-row em{font-style:normal;color:var(--text-secondary);font-size:.75rem;font-weight:900}.final-board-row b,.final-board-row i{font-style:normal;text-align:right;font-weight:950;color:var(--text-primary)}.final-actions{justify-content:flex-start!important}.final-actions .btn{min-width:0}
.p311-board{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:18px}.p311-round-tabs{position:sticky;top:58px;z-index:4;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:9px;margin-bottom:10px;box-shadow:var(--shadow-soft);overflow-x:auto!important;flex-wrap:nowrap!important}.p311-round-block{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:10px}.round-state{font-style:normal;margin-left:auto;border-radius:999px;padding:5px 9px;font-size:.65rem;font-weight:950;text-transform:uppercase;border:1px solid var(--border)}.round-state.complete{background:var(--success-bg);color:var(--success-text)}.round-state.live{background:var(--info-bg);color:var(--info-text)}
.match-card-americano.match-active{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent-soft), var(--shadow)!important}.next-match-hint{margin-top:10px;border-radius:999px;padding:7px 10px;background:var(--accent-soft);border:1px solid var(--border-strong);color:var(--text-primary);font-weight:900;font-size:.75rem;text-align:center}.rest-player-strip.muted{justify-content:center;color:var(--text-tertiary)}
.podium-card,.final-board-row,.leaderboard-row,.match-card-americano,.score-input-row input,.score-pad-btn{transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}.live-rank-row{will-change:transform,opacity}.btn.btn-primary,.btn.btn-secondary,.btn.btn-muted,.btn.btn-danger-soft{white-space:normal;text-align:center;line-height:1.12}
html[data-theme="dark"] .final-result-screen,html[data-theme="dark"] .p311-board,html[data-theme="dark"] .p311-round-block,html[data-theme="dark"] .p311-round-tabs{background:#0e211b!important;color:#f4fff8!important;border-color:rgba(183,255,53,.32)!important}html[data-theme="dark"] .final-board-row,html[data-theme="dark"] .podium-card{background:#132b23!important;border-color:rgba(183,255,53,.24)!important;color:#f4fff8!important}html[data-theme="dark"] .final-board-row *,html[data-theme="dark"] .podium-card *,html[data-theme="dark"] .final-result-screen h3,html[data-theme="dark"] .final-result-screen strong{color:#f4fff8!important}html[data-theme="dark"] .final-result-screen span,html[data-theme="dark"] .final-result-screen em,html[data-theme="dark"] .final-board-row em{color:#b5cbc5!important}html[data-theme="dark"] .match-card-americano{background:#10261f!important;border-color:rgba(183,255,53,.22)!important;color:#f4fff8!important}html[data-theme="dark"] .score-input-row input{background:#07110e!important;color:#f4fff8!important;border-color:rgba(183,255,53,.28)!important}
@media(max-width:560px){.final-board-row{grid-template-columns:34px minmax(0,1fr) 46px 42px 36px;font-size:.78rem}.final-hero-line{display:grid}.final-score-badge{min-width:52px;min-height:52px}.p311-round-tabs{top:54px}.final-actions .btn{flex:1 1 100%}}

/* Phase 3E-12 final dark contrast hardening
   Centralized fix only: do not patch per-page markup. All dark mode surfaces must use
   the same readable tokens so grey panels and pale text cannot reappear. */
html[data-theme="dark"]{
  --p312-bg:#07110e;
  --p312-card:#0d211b;
  --p312-card-2:#10281f;
  --p312-card-3:#14372c;
  --p312-border:rgba(183,255,53,.28);
  --p312-border-soft:rgba(255,255,255,.14);
  --p312-text:#f7fff9;
  --p312-text-soft:#d6e8e2;
  --p312-muted:#b4ccc4;
  --p312-lime:#b7ff35;
  --p312-green:#087256;
  --p312-danger:#ffd4d4;
}

html[data-theme="dark"] body,
html[data-theme="dark"] .app-shell,
html[data-theme="dark"] .app-main{
  background:radial-gradient(circle at 18% 0%,rgba(183,255,53,.08),transparent 26rem),var(--p312-bg)!important;
  color:var(--p312-text)!important;
}

/* Main cards/panels: replaces washed out gray blocks shown in screenshots */
html[data-theme="dark"] .profile-identity-card,
html[data-theme="dark"] .profile-identity-card.compact,
html[data-theme="dark"] .activity-hero,
html[data-theme="dark"] .surface-section,
html[data-theme="dark"] .user-status-panel,
html[data-theme="dark"] .event-identity-card,
html[data-theme="dark"] .participant-flow-card,
html[data-theme="dark"] .game-host-panel,
html[data-theme="dark"] .phase3e-game-card,
html[data-theme="dark"] .card,
html[data-theme="dark"] .card-soft,
html[data-theme="dark"] .status-card,
html[data-theme="dark"] .status-box,
html[data-theme="dark"] .info-box,
html[data-theme="dark"] .inline-message,
html[data-theme="dark"] .event-flow-card,
html[data-theme="dark"] .flow-box,
html[data-theme="dark"] .participant-actions-panel,
html[data-theme="dark"] .action-panel,
html[data-theme="dark"] .score-input-panel,
html[data-theme="dark"] .disabled-panel,
html[data-theme="dark"] .empty-panel,
html[data-theme="dark"] .final-result-card,
html[data-theme="dark"] .final-result-screen,
html[data-theme="dark"] .p311-board,
html[data-theme="dark"] .p311-round-block,
html[data-theme="dark"] .p311-round-tabs{
  background:linear-gradient(135deg,var(--p312-card),var(--p312-card-2))!important;
  color:var(--p312-text)!important;
  border-color:var(--p312-border)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.38)!important;
  opacity:1!important;
}

/* Inner boxes/stat cards: no gray-on-white in dark mode */
html[data-theme="dark"] .profile-stats-row span,
html[data-theme="dark"] .participant-summary-grid div,
html[data-theme="dark"] .game-summary-grid div,
html[data-theme="dark"] .status-progress,
html[data-theme="dark"] .progress-step,
html[data-theme="dark"] .onboarding-steps div,
html[data-theme="dark"] .mini-guidance,
html[data-theme="dark"] .guidance-box,
html[data-theme="dark"] .hint-box,
html[data-theme="dark"] .tips-box,
html[data-theme="dark"] .rest-player-strip,
html[data-theme="dark"] .round-tabs-scroll,
html[data-theme="dark"] .score-picker-card,
html[data-theme="dark"] .match-body,
html[data-theme="dark"] .round-body,
html[data-theme="dark"] .simple-row{
  background:var(--p312-card-3)!important;
  color:var(--p312-text)!important;
  border-color:var(--p312-border-soft)!important;
  opacity:1!important;
}

/* Status info / disabled guidance should still be readable */
html[data-theme="dark"] .inline-message,
html[data-theme="dark"] .mini-guidance,
html[data-theme="dark"] .disabled-panel,
html[data-theme="dark"] .btn[disabled],
html[data-theme="dark"] button[disabled],
html[data-theme="dark"] .btn.disabled,
html[data-theme="dark"] .is-disabled{
  background:#1d312a!important;
  color:var(--p312-text-soft)!important;
  border-color:rgba(255,255,255,.20)!important;
  opacity:1!important;
}

/* Red/danger actions must not become dark red-on-dark invisible */
html[data-theme="dark"] .btn-danger-soft,
html[data-theme="dark"] .badge-absent,
html[data-theme="dark"] .status-danger,
html[data-theme="dark"] .activity-card.danger .activity-marker{
  background:rgba(239,68,68,.26)!important;
  color:var(--p312-danger)!important;
  border-color:rgba(248,113,113,.42)!important;
}

/* Text hierarchy: force clear contrast for every nested text in the problem areas */
html[data-theme="dark"] .profile-identity-card *,
html[data-theme="dark"] .activity-hero *,
html[data-theme="dark"] .user-status-panel *,
html[data-theme="dark"] .event-identity-card *,
html[data-theme="dark"] .participant-flow-card *,
html[data-theme="dark"] .game-host-panel *,
html[data-theme="dark"] .phase3e-game-card *,
html[data-theme="dark"] .event-flow-card *,
html[data-theme="dark"] .flow-box *,
html[data-theme="dark"] .final-result-screen *,
html[data-theme="dark"] .p311-board *{
  color:var(--p312-text)!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-theme="dark"] .profile-role-line,
html[data-theme="dark"] .profile-stats-row small,
html[data-theme="dark"] .participant-summary-grid span,
html[data-theme="dark"] .game-summary-grid span,
html[data-theme="dark"] .page-subtitle,
html[data-theme="dark"] .meta-line,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .participant-note,
html[data-theme="dark"] .helper-text,
html[data-theme="dark"] .hint-text,
html[data-theme="dark"] .flow-box p,
html[data-theme="dark"] .event-flow-card p,
html[data-theme="dark"] .inline-message p,
html[data-theme="dark"] .mini-guidance small{
  color:var(--p312-text-soft)!important;
  opacity:1!important;
}
html[data-theme="dark"] .section-kicker,
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .round-title,
html[data-theme="dark"] .board-cols,
html[data-theme="dark"] .profile-identity-card .section-kicker,
html[data-theme="dark"] .user-status-panel .section-kicker,
html[data-theme="dark"] .participant-flow-card .section-kicker{
  color:var(--p312-lime)!important;
  letter-spacing:.16em;
  opacity:1!important;
}

/* Buttons, chips, nav: one centralized readable standard */
html[data-theme="dark"] .btn,
html[data-theme="dark"] button,
html[data-theme="dark"] a.btn,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .status-pill,
html[data-theme="dark"] .community-chip,
html[data-theme="dark"] .role-chip,
html[data-theme="dark"] .nav-item,
html[data-theme="dark"] .icon-btn,
html[data-theme="dark"] .debug-strip .btn,
html[data-theme="dark"] .debug-floating .btn{
  background:var(--p312-card-3)!important;
  color:var(--p312-text)!important;
  border-color:var(--p312-border)!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] button.btn-primary,
html[data-theme="dark"] a.btn-primary,
html[data-theme="dark"] .chip.active,
html[data-theme="dark"] .nav-item.active{
  background:linear-gradient(135deg,#0aa072,#087256)!important;
  color:#ffffff!important;
  border-color:rgba(183,255,53,.62)!important;
}
html[data-theme="dark"] .btn *,
html[data-theme="dark"] button *,
html[data-theme="dark"] .chip *,
html[data-theme="dark"] .badge *,
html[data-theme="dark"] .nav-item *,
html[data-theme="dark"] .icon-btn *{
  color:inherit!important;
  fill:currentColor!important;
  stroke:currentColor!important;
  opacity:1!important;
}

/* Score/ranking/tournament blocks also obey the same contrast */
html[data-theme="dark"] .leaderboard-row,
html[data-theme="dark"] .live-rank-row,
html[data-theme="dark"] .score-row,
html[data-theme="dark"] .board-row,
html[data-theme="dark"] .match-row,
html[data-theme="dark"] .match-card-americano,
html[data-theme="dark"] .final-board-row,
html[data-theme="dark"] .podium-card{
  background:var(--p312-card-2)!important;
  color:var(--p312-text)!important;
  border-color:var(--p312-border)!important;
  opacity:1!important;
}
html[data-theme="dark"] .leaderboard-row:not(.leader) *,
html[data-theme="dark"] .live-rank-row:not(.leader) *,
html[data-theme="dark"] .score-row:not(.leader) *,
html[data-theme="dark"] .board-row:not(.leader) *,
html[data-theme="dark"] .match-row *,
html[data-theme="dark"] .match-card-americano *,
html[data-theme="dark"] .final-board-row *,
html[data-theme="dark"] .podium-card *{
  color:var(--p312-text)!important;
  opacity:1!important;
}
html[data-theme="dark"] .leaderboard-row.leader,
html[data-theme="dark"] .live-rank-row.leader,
html[data-theme="dark"] .score-row.leader{
  background:linear-gradient(135deg,#ffe98a,#f4c542)!important;
  color:#063f33!important;
  border-color:#ffe98a!important;
}
html[data-theme="dark"] .leaderboard-row.leader *,
html[data-theme="dark"] .live-rank-row.leader *,
html[data-theme="dark"] .score-row.leader *{
  color:#063f33!important;
}

/* Last-resort inline gray/white background override for legacy snippets */
html[data-theme="dark"] [style*="background:#f"],
html[data-theme="dark"] [style*="background: #f"],
html[data-theme="dark"] [style*="background:#e"],
html[data-theme="dark"] [style*="background: #e"],
html[data-theme="dark"] [style*="background:#d"],
html[data-theme="dark"] [style*="background: #d"],
html[data-theme="dark"] [style*="background:#c"],
html[data-theme="dark"] [style*="background: #c"],
html[data-theme="dark"] [style*="background:white"],
html[data-theme="dark"] [style*="background: white"],
html[data-theme="dark"] [style*="background-color:#f"],
html[data-theme="dark"] [style*="background-color: #f"],
html[data-theme="dark"] [style*="background-color:#e"],
html[data-theme="dark"] [style*="background-color: #e"],
html[data-theme="dark"] [style*="background-color:#d"],
html[data-theme="dark"] [style*="background-color: #d"],
html[data-theme="dark"] [style*="background-color:#c"],
html[data-theme="dark"] [style*="background-color: #c"],
html[data-theme="dark"] [style*="background-color:white"],
html[data-theme="dark"] [style*="background-color: white"]{
  background:var(--p312-card-3)!important;
  color:var(--p312-text)!important;
  border-color:var(--p312-border-soft)!important;
}

/* PHASE 3E-15 FINAL MOBILE UI DENSITY + HEADER + READABILITY
   Centralized only: participant spacing, match names, 3-step guide, topbar settings drawer, readable status/info cards. */
:root{--p315-surface-strong:#ffffff;--p315-surface-soft:#f7fbf7;--p315-surface-muted:#eef4ef;--p315-ink:#063f33;--p315-muted:#49635a;--p315-line:rgba(6,63,51,.15);--p315-disabled-bg:#eef3ee;--p315-disabled-text:#426158;}
html[data-theme="dark"]{--p315-surface-strong:#10261f;--p315-surface-soft:#0d211b;--p315-surface-muted:#17352b;--p315-ink:#f6fff8;--p315-muted:#c7ddd6;--p315-line:rgba(183,255,53,.22);--p315-disabled-bg:#1c332b;--p315-disabled-text:#d5e8e1;}
.card,.participant-row,.activity-item,.debug-result,.event-card,.active-event-card,.community-card-premium,.match-card-americano,.scoreboard-mini,.game-host-panel,.user-status-panel,.profile-identity-card{color:var(--p315-ink)!important;}
.card *:not(.btn):not(.icon-img):not(img),.participant-row *:not(.btn):not(.icon-img):not(img),.match-card-americano *:not(.btn):not(.icon-img):not(img),.scoreboard-mini *:not(.btn):not(.icon-img):not(img),.user-status-panel *:not(.btn):not(.icon-img):not(img){color:inherit;}
.page-subtitle,.meta-list,.activity-time,.participant-meta,.participant-row small,.mini-guidance,.event-next-copy,.brand-subtitle,.field-label{color:var(--p315-muted)!important;opacity:1!important;}
.btn,.chip,.badge,.status-pill,.nav-item,.icon-btn,.topbar-profile-chip{color:var(--p315-ink)!important;text-shadow:none!important;}
.btn-primary,.nav-item.active,.chip.active,.lang-switch button.active{color:#fff!important;}
.btn[disabled],.btn-muted,.btn-disabled,.disabled-action{background:var(--p315-disabled-bg)!important;color:var(--p315-disabled-text)!important;border-color:var(--p315-line)!important;opacity:1!important;filter:none!important;}
html[data-theme="dark"] .btn[disabled],html[data-theme="dark"] .btn-muted,html[data-theme="dark"] .btn-disabled,html[data-theme="dark"] .disabled-action{background:#e8f1ec!important;color:#28463c!important;}
.topbar-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px!important;}.brand-wrap{min-width:0}.app-brand-lock{max-width:none!important}.brand-title{display:flex;align-items:center;gap:4px;white-space:nowrap}.brand-title::after{content:" by Ola";font-size:.62em;font-weight:850;color:var(--p315-muted);letter-spacing:0;text-transform:none}.brand-logo-mark{width:34px!important;height:34px!important;border-radius:11px;object-fit:contain}.topbar-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.topbar-profile-chip{max-width:158px!important;min-width:0;background:var(--p315-surface-strong)!important;border-color:var(--p315-line)!important}.topbar-profile-chip strong{max-width:76px!important;color:var(--p315-ink)!important}.topbar-profile-chip small{max-width:76px!important;color:var(--p315-muted)!important}.topbar-settings-open .topbar-inner{grid-template-columns:1fr}.topbar-settings-open .topbar-actions{width:100%;display:grid!important;grid-template-columns:1fr auto auto auto auto;align-items:center}.topbar-settings-open .topbar-profile-chip{max-width:100%!important;justify-content:flex-start}.topbar-settings-open .topbar-profile-chip span{display:grid!important}.topbar-settings-open .topbar-profile-chip strong,.topbar-settings-open .topbar-profile-chip small{max-width:120px!important}@media(max-width:420px){.topbar-inner{padding-left:10px!important;padding-right:10px!important}.brand-subtitle{max-width:122px!important}.topbar-actions{gap:5px!important}.topbar-profile-chip{max-width:42px!important;padding-right:3px!important}.topbar-settings-open .topbar-profile-chip{max-width:100%!important}.topbar-settings-open .topbar-profile-chip span{display:grid!important}}
.onboarding-steps,.coachmark-steps,.quick-guide-grid,.howto-grid,.guide-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.onboarding-steps .card,.coachmark-steps .card,.quick-guide-grid .card,.howto-grid .card,.guide-steps .card,.onboarding-step,.guide-step{min-width:0!important;padding:10px 8px!important;border-radius:14px!important}.onboarding-steps h4,.coachmark-steps h4,.quick-guide-grid h4,.howto-grid h4,.guide-steps h4,.onboarding-step strong,.guide-step strong{font-size:.78rem!important;line-height:1.05!important}.onboarding-steps p,.coachmark-steps p,.quick-guide-grid p,.howto-grid p,.guide-steps p,.onboarding-step span,.guide-step span{font-size:.68rem!important;line-height:1.18!important}
.participant-list{gap:9px!important}.participant-row{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;align-items:start!important;padding:12px!important;border-radius:18px!important;background:var(--p315-surface-strong)!important;border:1px solid var(--p315-line)!important}.participant-row .avatar,.participant-row .avatar-event,.participant-row .avatar-community{grid-row:1/span 2}.participant-name{font-size:1rem!important;line-height:1.12!important;word-break:normal!important;overflow-wrap:anywhere!important}.participant-meta{margin-top:5px!important;gap:6px!important}.participant-actions{grid-column:2!important;margin-top:8px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;justify-content:stretch!important}.participant-actions .btn{width:100%!important;min-height:36px!important;padding:0 10px!important;font-size:.78rem!important;border-radius:999px!important}.participant-actions .btn[disabled],.participant-actions .btn-muted{grid-column:1/-1!important}.participant-row .mini-guidance{grid-column:2!important;margin-top:4px!important;padding:8px 10px!important;border-radius:999px!important;background:var(--p315-surface-muted)!important}@media(min-width:500px){.participant-actions{display:flex!important;justify-content:flex-start!important}.participant-actions .btn{width:auto!important}}
.match-card-americano{background:var(--p315-surface-strong)!important;border-color:var(--p315-line)!important}.match-score-line{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:8px!important}.team-names{font-size:1rem!important;font-weight:950!important;line-height:1.15!important;text-align:center!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;min-width:0!important}.team-names.right{text-align:center!important}.flip-score{min-width:98px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.flip-score button{min-width:42px!important;min-height:42px!important;border-radius:12px!important}.court-label{font-weight:950!important;color:var(--p315-muted)!important}
.game-lock-note,.lock-note,.notice-card,.status-help,.flow-note,.alurevent,.alur-event,.user-status-panel .status-message,.game-host-panel + .mini-guidance,.game-status-note{background:var(--p315-surface-muted)!important;color:var(--p315-ink)!important;border:1px solid var(--p315-line)!important;opacity:1!important}html[data-theme="dark"] .game-lock-note,html[data-theme="dark"] .lock-note,html[data-theme="dark"] .notice-card,html[data-theme="dark"] .status-help,html[data-theme="dark"] .flow-note,html[data-theme="dark"] .alurevent,html[data-theme="dark"] .alur-event,html[data-theme="dark"] .user-status-panel .status-message,html[data-theme="dark"] .game-host-panel + .mini-guidance,html[data-theme="dark"] .game-status-note{background:#17352b!important;color:#f6fff8!important;border-color:rgba(183,255,53,.25)!important}.leaderboard-row:not(.leader){background:var(--p315-surface-soft)!important;color:var(--p315-ink)!important;border-color:var(--p315-line)!important}html[data-theme="dark"] .leaderboard-row:not(.leader){background:#143228!important;color:#f6fff8!important}.leaderboard-row.leader{color:#063f33!important;text-shadow:none!important}.round-tabs-scroll,.p311-round-tabs{background:color-mix(in srgb,var(--p315-surface-muted) 80%,transparent)!important;padding:8px!important;border-radius:14px!important}.active-event-card .btn,.active-event-card.premium .btn{min-width:86px!important;max-width:112px!important;white-space:normal!important;line-height:1.05!important;padding:0 9px!important}.active-event-main{min-width:0!important}.active-event-main strong,.active-event-main span,.active-event-main small{overflow-wrap:anywhere}

/* PHASE 3E-17 — neutralize old header hacks from previous component patch */
.brand-title::after{content:""!important;display:none!important}
.topbar-settings-open .topbar-inner{grid-template-columns:1fr!important}
.topbar-settings-open .topbar-actions{display:none!important}

/* =========================================================
   PHASE 3E-18B — mobile visual density + readable actions
   Centralized: active event CTA, participant card, match names.
   ========================================================= */
:root{
  --p318-radius:18px;
  --p318-gap:10px;
  --p318-cta-min:118px;
}
.active-event-card .btn,
.active-event-card.premium .btn,
.active-events-premium .btn,
.active-event-card button.btn-primary{
  width:auto!important;
  min-width:var(--p318-cta-min)!important;
  max-width:none!important;
  min-height:40px!important;
  padding:0 14px!important;
  border-radius:14px!important;
  white-space:nowrap!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex:0 0 auto!important;
  overflow:visible!important;
}
.active-event-card .btn span,
.active-event-card.premium .btn span,
.active-events-premium .btn span{
  display:inline!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1!important;
}
.active-event-card .btn-icon,
.active-event-card.premium .btn-icon{flex:0 0 auto!important;}
.active-event-card.premium,
.active-event-card{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
}
.active-event-main{min-width:0!important;}
.active-event-main strong,
.active-event-main span,
.active-event-main small{
  min-width:0!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
.participant-list{display:grid!important;gap:10px!important;}
.participant-row{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  grid-template-areas:"avatar main" "avatar actions"!important;
  column-gap:11px!important;
  row-gap:7px!important;
  padding:12px 13px!important;
  border-radius:18px!important;
  min-height:0!important;
  align-items:start!important;
}
.participant-row .avatar,
.participant-row .avatar-circle,
.participant-row .avatar-participant{
  grid-area:avatar!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  align-self:start!important;
}
.participant-main{
  grid-area:main!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  min-width:0!important;
  gap:4px!important;
}
.participant-name{
  font-size:.94rem!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
  margin:0!important;
  max-width:100%!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
.participant-meta,
.participant-meta-stack{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin-top:3px!important;
}
.participant-meta .badge,
.participant-meta-stack .badge{
  min-height:24px!important;
  padding:4px 8px!important;
  font-size:.68rem!important;
  line-height:1!important;
  border-radius:999px!important;
}
.participant-flow-hint{
  margin-top:3px!important;
  font-size:.76rem!important;
  line-height:1.2!important;
  font-weight:800!important;
  color:var(--text-secondary,#65756d)!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
}
.participant-actions{
  grid-area:actions!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  margin:2px 0 0!important;
  min-width:0!important;
}
.participant-actions .btn,
.participant-actions .mini-guidance,
.participant-actions .ready-note,
.participant-actions .game-lock-mini{
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:32px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  font-size:.74rem!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow:visible!important;
}
.participant-actions .game-lock-mini,
.participant-actions .mini-guidance{
  display:inline-flex!important;
  align-items:center!important;
  background:var(--bg-soft,#f2f7f3)!important;
  color:var(--text-secondary,#65756d)!important;
  border:1px solid var(--border,#dfe8e2)!important;
}
.match-card-americano{
  padding:14px!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
.match-score-line{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  width:100%!important;
}
.team-names,
.team-names.right{
  font-size:.90rem!important;
  line-height:1.14!important;
  letter-spacing:-.015em!important;
  font-weight:900!important;
  text-align:center!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
.flip-score{
  min-width:82px!important;
  width:auto!important;
  gap:6px!important;
}
.flip-score button{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  border-radius:12px!important;
  font-size:1.15rem!important;
}
.flip-score em{font-size:.72rem!important;font-weight:900!important;}
.court-label{font-size:.78rem!important;line-height:1!important;}
.match-action-row,
.match-action-compact{
  margin-top:10px!important;
  display:flex!important;
  justify-content:flex-end!important;
}
.match-action-row .btn,
.match-action-compact .btn{
  min-height:36px!important;
  padding:8px 13px!important;
  border-radius:14px!important;
  white-space:nowrap!important;
}
@media(max-width:430px){
  .active-event-card.premium,
  .active-event-card{grid-template-columns:1fr!important;align-items:start!important;}
  .active-event-card .btn,
  .active-event-card.premium .btn,
  .active-events-premium .btn{width:100%!important;min-width:0!important;justify-self:stretch!important;}
  .participant-row{grid-template-columns:40px minmax(0,1fr)!important;padding:11px!important;column-gap:10px!important;}
  .participant-row .avatar,.participant-row .avatar-circle,.participant-row .avatar-participant{width:38px!important;height:38px!important;min-width:38px!important;}
  .participant-name{font-size:.90rem!important;}
  .participant-actions .btn,.participant-actions .mini-guidance{font-size:.70rem!important;padding:7px 9px!important;}
  .match-card-americano{padding:12px!important;}
  .match-score-line{grid-template-columns:1fr!important;gap:8px!important;}
  .team-names,.team-names.right{font-size:.92rem!important;text-align:center!important;}
  .flip-score{justify-self:center!important;min-width:92px!important;}
  .flip-score button{width:42px!important;height:42px!important;}
  .court-label{text-align:right!important;}
}
html[data-theme="dark"] .participant-flow-hint{color:var(--p312-text-soft,#d9ebe4)!important;}
html[data-theme="dark"] .participant-actions .game-lock-mini,
html[data-theme="dark"] .participant-actions .mini-guidance{
  background:#17352b!important;
  color:#d9ebe4!important;
  border-color:rgba(183,255,53,.25)!important;
}

/* PHASE 3E-19 — mobile active event, participant and match fit */
.active-event-card.premium{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:12px!important;}
.active-event-main{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;}
.active-event-main .avatar-circle{flex:0 0 auto!important;}
.active-event-main>div{min-width:0!important;display:grid!important;gap:2px!important;}
.active-event-main strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:.90rem!important;line-height:1.1!important;}
.active-event-main span,.active-event-main small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.28!important;}
.active-event-card .btn,.active-event-card .btn-mini,.active-event-card .btn-primary{width:auto!important;min-width:92px!important;max-width:110px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;padding:8px 10px!important;}
.active-event-card .btn span{white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;word-break:normal!important;}
.participant-row{grid-template-columns:minmax(0,1fr)!important;padding:12px!important;gap:10px!important;}
.participant-main{display:flex!important;align-items:flex-start!important;gap:10px!important;min-width:0!important;}
.participant-main>div{min-width:0!important;}
.participant-name{font-size:1.02rem!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
.participant-flow-hint{font-size:.76rem!important;line-height:1.25!important;}
.participant-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important;justify-content:stretch!important;padding-left:44px!important;}
.participant-actions .btn,.participant-actions .mini-guidance{width:100%!important;min-width:0!important;max-width:100%!important;min-height:36px!important;border-radius:14px!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;line-height:1.12!important;text-align:center!important;}
.participant-actions .game-lock-mini{grid-column:1 / -1!important;}
.match-card,.match-card-americano{overflow:hidden!important;}
.match-card .match-teams,.match-card-americano .match-teams{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:10px!important;}
.match-card .team-name,.match-card-americano .team-name,.match-team-name{font-size:clamp(.90rem,3.6vw,1.04rem)!important;line-height:1.15!important;text-align:center!important;overflow-wrap:break-word!important;word-break:normal!important;hyphens:auto!important;}
@media(max-width:430px){.active-event-card.premium{grid-template-columns:minmax(0,1fr) auto!important}.active-event-main strong{font-size:.88rem!important}.active-event-main span{font-size:.70rem!important}.active-event-main small{display:none!important}.active-event-card .btn,.active-event-card .btn-mini,.active-event-card .btn-primary{min-width:86px!important;max-width:94px!important;font-size:.70rem!important}.participant-actions{padding-left:0!important;grid-template-columns:1fr!important}.participant-name{font-size:.98rem!important}.participant-meta-stack{gap:5px!important}.match-card .match-teams,.match-card-americano .match-teams{gap:7px!important}.match-card .team-name,.match-card-americano .team-name,.match-team-name{font-size:.94rem!important}}

/* Phase 3F.1 — participant card trust polish */
.participant-card-v2{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  align-items:stretch;
  padding:18px;
}
.participant-card-v2 .participant-card-top{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:start;
  min-width:0;
}
.participant-card-v2 .participant-copy{min-width:0;display:grid;gap:8px}
.participant-card-v2 .participant-name{line-height:1.1;word-break:break-word}
.participant-card-v2 .participant-meta-stack{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.participant-card-v2 .participant-flow-hint{font-size:.86rem;font-weight:800;color:var(--color-muted);line-height:1.35}
.participant-card-v2 .participant-action-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  align-items:center;
}
.participant-card-v2 .participant-action-grid .btn,
.participant-card-v2 .participant-action-grid .mini-guidance{
  width:100%;
  justify-content:center;
  min-height:46px;
  text-align:center;
}
.participant-card-v2 .ready-note{
  border:1px solid var(--color-line);
  border-radius:var(--radius-button);
  background:var(--color-surface-soft, rgba(15,107,79,.06));
  display:flex;
  align-items:center;
  justify-content:center;
}
.status-progress.clarity-progress .progress-step span{
  font-weight:900;
  font-size:1rem;
}
.status-progress.clarity-progress .progress-step span::before{content:''}
@media(min-width:720px){
  .participant-card-v2{grid-template-columns:1fr auto;align-items:center}
  .participant-card-v2 .participant-action-grid{min-width:330px}
}


/* PHASE 3F.2 — trust sync UI repair: numbered coachmark + slim participant cards */
.onboarding-steps .onboarding-step{
  position:relative!important;
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
}
.onboarding-steps .step-no{
  width:30px!important;
  height:30px!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:var(--brand-green)!important;
  color:#fff!important;
  font-weight:950!important;
  font-size:.86rem!important;
  line-height:1!important;
  text-indent:0!important;
  overflow:visible!important;
}
.onboarding-steps .step-no::before{content:attr(data-step)!important;color:#fff!important;}
.onboarding-steps .step-no{font-size:0!important;}

.participant-list{
  display:grid!important;
  gap:8px!important;
}
.participant-card-v3{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px!important;
  min-height:74px!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:var(--bg-card)!important;
}
.participant-card-v3 .participant-mainline{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
.participant-card-v3 .avatar-circle{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  font-size:.78rem!important;
}
.participant-card-v3 .participant-identity{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
}
.participant-card-v3 .participant-title-line{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
}
.participant-card-v3 .participant-name{
  font-size:1rem!important;
  line-height:1.08!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  min-width:0!important;
  max-width:100%!important;
}
.participant-card-v3 .participant-title-line .badge{
  flex:0 0 auto!important;
  padding:5px 8px!important;
  font-size:.66rem!important;
  max-width:112px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.participant-card-v3 .participant-subline{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  color:var(--text-secondary)!important;
  font-size:.72rem!important;
  font-weight:800!important;
}
.participant-card-v3 .participant-subline::-webkit-scrollbar{display:none!important;}
.participant-card-v3 .participant-subline em{
  font-style:normal!important;
  border:1px solid var(--border)!important;
  background:var(--bg-soft-2)!important;
  color:var(--text-primary)!important;
  border-radius:999px!important;
  padding:3px 7px!important;
  font-size:.64rem!important;
  font-weight:900!important;
}
.participant-card-v3 .participant-actions-one-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
  min-width:max-content!important;
}
.participant-card-v3 .participant-actions-one-row .btn,
.participant-card-v3 .participant-actions-one-row .mini-guidance{
  min-height:34px!important;
  height:34px!important;
  padding:7px 10px!important;
  border-radius:13px!important;
  font-size:.70rem!important;
  line-height:1!important;
  white-space:nowrap!important;
  min-width:auto!important;
  width:auto!important;
}
.participant-card-v3 .game-lock-mini{
  max-width:90px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html[data-theme="dark"] .participant-card-v3,
html[data-theme="dark"] .participant-card-v3 .participant-subline em{
  background:linear-gradient(135deg,var(--contrast-panel),var(--contrast-panel-2))!important;
  color:var(--contrast-text)!important;
  border-color:var(--contrast-border-soft)!important;
}
@media(max-width:560px){
  .participant-card-v3{grid-template-columns:1fr!important;align-items:stretch!important;padding:10px!important;}
  .participant-card-v3 .participant-actions-one-row{
    overflow-x:auto!important;
    justify-content:flex-start!important;
    padding-left:52px!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .participant-card-v3 .participant-actions-one-row::-webkit-scrollbar{display:none!important;}
  .participant-card-v3 .participant-actions-one-row .btn,
  .participant-card-v3 .participant-actions-one-row .mini-guidance{flex:0 0 auto!important;}
}

/* PHASE 3F.3 — UX cleanup, correct numbered indicators, dark token repair */
.onboarding-steps .step-no,
.status-progress.clarity-progress .progress-step span{
  position:relative!important;
  width:32px!important;height:32px!important;min-width:32px!important;
  border-radius:999px!important;display:inline-grid!important;place-items:center!important;
  background:var(--brand-green)!important;color:#fff!important;
  border:2px solid color-mix(in srgb,var(--brand-lime) 45%,transparent)!important;
  box-shadow:0 7px 18px rgba(6,63,51,.14)!important;
  font-size:0!important;text-indent:0!important;overflow:hidden!important;
}
.onboarding-steps .step-no::before{content:attr(data-step)!important;font-size:.9rem!important;font-weight:950!important;color:#fff!important;line-height:1!important;position:static!important;display:block!important;}
.status-progress.clarity-progress .progress-step:nth-child(1) span::before{content:'1'!important;font-size:.9rem!important;color:#fff!important;}
.status-progress.clarity-progress .progress-step:nth-child(2) span::before{content:'2'!important;font-size:.9rem!important;color:#fff!important;}
.status-progress.clarity-progress .progress-step:nth-child(3) span::before{content:'3'!important;font-size:.9rem!important;color:#fff!important;}
.status-progress.clarity-progress .progress-step:nth-child(4) span::before{content:'4'!important;font-size:.9rem!important;color:#fff!important;}
.status-progress.clarity-progress .progress-step.done span::before{content:'✓'!important;}

.flow-help-box,.cancel-guidance,.current-state-banner,.role-summary-box,.game-lock-note,.mini-guidance,.host-test-toolbar .mini-guidance{
  background:var(--bg-soft)!important;color:var(--text-primary)!important;border-color:var(--border)!important;opacity:1!important;
}
html[data-theme="dark"] .flow-help-box,
html[data-theme="dark"] .cancel-guidance,
html[data-theme="dark"] .current-state-banner,
html[data-theme="dark"] .role-summary-box,
html[data-theme="dark"] .game-lock-note,
html[data-theme="dark"] .mini-guidance,
html[data-theme="dark"] .host-test-toolbar .mini-guidance{
  background:#123026!important;color:#f6fff8!important;border-color:rgba(183,255,53,.28)!important;text-shadow:none!important;
}
html[data-theme="dark"] .btn-secondary,html[data-theme="dark"] .chip{background:#10291f!important;color:#f6fff8!important;border-color:rgba(183,255,53,.25)!important;}
html[data-theme="dark"] .btn-muted,html[data-theme="dark"] .btn[disabled]{background:#18342b!important;color:#d9ebe4!important;border-color:rgba(183,255,53,.18)!important;}

.phase3f3-round-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:8px!important;background:var(--bg-soft)!important;border:1px solid var(--border)!important;border-radius:16px!important;margin-bottom:10px!important;}
.phase3f3-round-tabs .chip{min-width:46px!important;height:44px!important;border-radius:14px!important;}
.phase3f3-rest{display:flex!important;align-items:center!important;gap:8px!important;min-height:38px!important;padding:8px 10px!important;margin:8px 0 10px!important;border-radius:14px!important;background:var(--bg-soft)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important;overflow:hidden!important;}
.phase3f3-rest strong{font-size:.68rem!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--text-secondary)!important;}
.phase3f3-rest span{font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}

.phase3f3-match-card{display:grid!important;gap:10px!important;}
.team-score-layout{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:stretch!important;gap:8px!important;}
.team-side{display:grid!important;gap:5px!important;justify-items:center!important;text-align:center!important;min-width:0!important;padding:8px!important;border:1px solid var(--border)!important;border-radius:16px!important;background:var(--bg-soft)!important;}
.team-side small{font-size:.62rem!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:var(--text-secondary)!important;font-weight:950!important;}
.team-side strong{font-size:.86rem!important;line-height:1.12!important;overflow-wrap:anywhere!important;color:var(--text-primary)!important;}
.score-pill{width:44px!important;height:40px!important;border-radius:12px!important;border:1px solid var(--border-strong)!important;background:var(--bg-surface)!important;color:var(--text-primary)!important;font-weight:950!important;font-size:1rem!important;}
.versus-pill{align-self:center!important;font-style:normal!important;font-size:.66rem!important;font-weight:950!important;color:var(--text-secondary)!important;}
.phase3f3-replace-card{padding:16px!important;border-radius:24px 24px 0 0!important;}
.replace-form-grid{display:grid!important;gap:10px!important;margin:12px 0!important;}
.replace-form-grid .form-label{display:grid!important;gap:6px!important;font-size:.76rem!important;font-weight:950!important;color:var(--text-secondary)!important;}
.replace-check{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:9px!important;padding:12px!important;border:1px solid var(--border)!important;border-radius:16px!important;background:var(--bg-soft)!important;margin:8px 0 12px!important;}
.replace-check input{width:22px!important;height:22px!important;}
.replace-check span{font-weight:900!important;color:var(--text-primary)!important;line-height:1.22!important;}
html[data-theme="dark"] .phase3f3-round-tabs,html[data-theme="dark"] .phase3f3-rest,html[data-theme="dark"] .team-side,html[data-theme="dark"] .replace-check{background:#123026!important;color:#f6fff8!important;border-color:rgba(183,255,53,.25)!important;}
html[data-theme="dark"] .score-pill{background:#07140f!important;color:#f6fff8!important;border-color:rgba(183,255,53,.28)!important;}
@media(max-width:430px){
  .team-score-layout{grid-template-columns:1fr!important;}
  .versus-pill{justify-self:center!important;}
  .team-side{grid-template-columns:1fr auto!important;align-items:center!important;justify-items:start!important;text-align:left!important;}
  .team-side small{grid-column:1/-1!important;}
  .score-pill{grid-row:1 / span 2!important;grid-column:2!important;}
}

/* PHASE 3F.4 — dynamic game adaptation UI */
.court-capacity-line{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  margin-top:10px!important;padding:9px 11px!important;border-radius:14px!important;border:1px solid var(--border)!important;
  background:var(--bg-soft)!important;color:var(--text-primary)!important;font-size:.76rem!important;
}
.court-capacity-line strong{font-weight:950!important;white-space:nowrap!important;}
.court-capacity-line span{color:var(--text-secondary)!important;font-weight:800!important;text-align:right!important;line-height:1.25!important;}
.court-capacity-line.danger{background:#fff4d7!important;border-color:#efd381!important;color:#6b4b00!important;}
.p3f4-court-change{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;
  margin-top:8px!important;padding:10px!important;border:1px solid var(--border)!important;border-radius:16px!important;background:var(--bg-soft)!important;
}
.p3f4-court-change strong{display:block!important;font-size:.82rem!important;color:var(--text-primary)!important;}
.p3f4-court-change span{display:block!important;font-size:.70rem!important;color:var(--text-secondary)!important;font-weight:800!important;line-height:1.25!important;}
.p3f4-court-change select{height:36px!important;border-radius:12px!important;border:1px solid var(--border)!important;background:var(--bg-surface)!important;color:var(--text-primary)!important;font-weight:900!important;padding:0 10px!important;}
.p3f4-roster-strip{display:grid!important;gap:8px!important;margin-top:10px!important;padding:10px!important;border-radius:16px!important;background:var(--bg-soft)!important;border:1px solid var(--border)!important;}
.p3f4-roster-strip strong{font-size:.72rem!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--text-secondary)!important;}
.p3f4-roster-strip>div{display:flex!important;gap:7px!important;overflow-x:auto!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;}
.p3f4-roster-strip>div::-webkit-scrollbar{display:none!important;}
.p3f4-roster-strip .chip{flex:0 0 auto!important;min-height:32px!important;font-size:.70rem!important;}
.p3f4-phone-suggestion{font-size:.74rem!important;line-height:1.35!important;}
.p3f4-phone-suggestion .chip{margin-left:6px!important;min-height:28px!important;padding:5px 8px!important;font-size:.68rem!important;}
html[data-theme="dark"] .court-capacity-line,
html[data-theme="dark"] .p3f4-court-change,
html[data-theme="dark"] .p3f4-roster-strip,
html[data-theme="dark"] .p3f4-phone-suggestion{
  background:#123026!important;color:#f6fff8!important;border-color:rgba(183,255,53,.25)!important;
}
html[data-theme="dark"] .court-capacity-line span,
html[data-theme="dark"] .p3f4-court-change span,
html[data-theme="dark"] .p3f4-roster-strip strong{color:#cce0d6!important;}
html[data-theme="dark"] .p3f4-court-change select{background:#07140f!important;color:#f6fff8!important;border-color:rgba(183,255,53,.28)!important;}
@media(max-width:480px){
  .court-capacity-line,.p3f4-court-change{grid-template-columns:1fr!important;display:grid!important;text-align:left!important;}
  .court-capacity-line span{text-align:left!important;}
}

/* Phase 3F.6 UI clarity cleanup */
.participant-flow-card .badge.badge-verified{min-width:72px;height:auto;line-height:1.1;white-space:normal;text-align:center;padding:8px 10px}
.participant-card-v3{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 14px;min-height:72px;overflow:hidden}
.participant-card-v3 .participant-mainline{display:flex;align-items:flex-start;gap:10px;min-width:0}
.participant-card-v3 .avatar,.participant-card-v3 .avatar-participant{flex:0 0 44px;width:44px;height:44px;font-size:14px}
.participant-card-v3 .participant-identity{min-width:0;display:flex;flex-direction:column;gap:5px}
.participant-card-v3 .participant-title-line{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}
.participant-card-v3 .participant-name{display:block;min-width:0;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.15;color:var(--color-text)}
.participant-card-v3 .participant-subline{display:flex;gap:5px;align-items:center;flex-wrap:wrap;font-size:11px;line-height:1.2;color:var(--color-muted);max-width:100%}
.participant-card-v3 .participant-subline span{white-space:normal;overflow:visible;text-overflow:clip;font-weight:700}.participant-card-v3 .participant-subline em{font-style:normal;background:var(--color-soft);border:1px solid var(--color-line);border-radius:999px;padding:3px 6px;color:var(--color-text);font-size:10px}
.participant-card-v3 .participant-actions-one-row{display:flex;align-items:flex-start;justify-content:flex-end;gap:6px;flex-wrap:nowrap;min-width:150px}.participant-card-v3 .participant-actions-one-row .btn,.participant-card-v3 .participant-actions-one-row .mini-guidance{height:32px;min-height:32px;padding:0 10px;border-radius:14px;font-size:11px;line-height:32px;white-space:nowrap;margin:0}.participant-card-v3 .game-lock-mini{display:inline-flex;align-items:center;background:var(--color-soft);border:1px solid var(--color-line);color:var(--color-muted)}
.round-tabs.compact-round-tabs{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:8px;background:var(--color-soft);border-radius:18px;margin-bottom:10px}.round-tabs.compact-round-tabs .chip{min-width:50px;height:42px;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.round-title.compact{display:flex;align-items:center;gap:10px;margin:8px 0 10px}.round-title.compact strong{padding:8px 14px;border:1px solid var(--color-line);border-radius:16px;background:var(--color-surface)}.round-rest-strip{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--color-line);background:var(--color-surface);border-radius:16px;margin-bottom:10px;font-size:12px}.round-rest-strip strong{text-transform:uppercase;letter-spacing:.08em}.round-rest-strip span{color:var(--color-text);font-weight:800}
.match-card-clear{padding:14px;border-radius:22px}.score-team-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.score-team{display:grid;gap:7px;align-items:center;text-align:center;min-width:0}.score-team small{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);font-weight:900;font-size:10px}.score-team strong{font-size:14px;line-height:1.2;color:var(--color-text);min-height:34px;display:flex;align-items:center;justify-content:center}.score-pill{border:0;border-radius:16px;background:var(--color-brand-dark);color:#fff;font-size:24px;font-weight:900;min-height:54px;box-shadow:var(--shadow-card)}.vs-badge{font-weight:900;color:var(--color-muted);font-size:12px}.score-input-row{margin-top:12px;display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap}.score-input-row input{max-width:74px;text-align:center}
.final-result-compact{padding:16px;border-radius:24px}.final-compact-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.final-compact-head h3{margin:2px 0;font-size:22px}.final-podium-bars{display:grid;grid-template-columns:1fr 1.12fr 1fr;align-items:end;gap:8px;margin:10px 0}.final-podium-slot{border:1px solid var(--color-line);background:var(--color-surface);border-radius:18px;padding:12px 8px;text-align:center;display:grid;gap:5px;min-height:116px;align-content:center}.final-podium-slot.rank-1{min-height:150px;background:linear-gradient(180deg,var(--color-soft),var(--color-surface));border-color:var(--color-accent)}.final-podium-slot.rank-2{min-height:124px}.final-podium-slot.rank-3{min-height:108px}.final-podium-slot .medal{font-size:28px}.final-podium-slot strong{font-size:12px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.final-podium-slot span{font-weight:900;color:var(--color-text)}.final-podium-slot em{font-style:normal;color:var(--color-muted);font-size:11px}.final-rest-list{display:grid;gap:6px;margin-top:10px}.final-mini-rank{display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--color-line);border-radius:14px;background:var(--color-surface);font-size:12px}.final-mini-rank strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.final-mini-rank em{font-style:normal;color:var(--color-muted);font-weight:900}
html[data-theme="dark"] .score-pill{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-line)}html[data-theme="dark"] .mini-guidance,html[data-theme="dark"] .event-flow-note,html[data-theme="dark"] .inline-message{background:rgba(255,255,255,.07)!important;color:var(--color-text)!important;border-color:var(--color-line)!important}
@media(max-width:520px){.participant-card-v3{grid-template-columns:1fr;gap:8px}.participant-card-v3 .participant-actions-one-row{grid-row:1;justify-self:end;min-width:0}.participant-card-v3 .participant-mainline{padding-right:0}.participant-card-v3 .participant-name{max-width:150px}.participant-card-v3 .participant-actions-one-row .btn,.participant-card-v3 .participant-actions-one-row .mini-guidance{height:28px;line-height:28px;font-size:10px;padding:0 8px}.score-team-grid{grid-template-columns:1fr;gap:8px}.vs-badge{order:2}.team-b{order:3}.score-team strong{min-height:auto}.score-pill{min-height:46px;font-size:22px}.final-podium-bars{gap:6px}.final-podium-slot{padding:10px 5px}.final-podium-slot strong{font-size:11px}.final-compact-head h3{font-size:19px}}

/* Phase 3F.7 Gameplay UX clarity — readable match score + participant cards */
.p3f7-rounds{display:grid!important;gap:12px!important;overflow:visible!important;}
.p3f7-rounds .round-tabs.compact-round-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:8px!important;background:var(--bg-soft, #f2f7f3)!important;border:1px solid var(--border,#dfe8e2)!important;border-radius:16px!important;scrollbar-width:thin!important;}
.p3f7-rounds .round-tabs .chip{flex:0 0 auto!important;min-width:48px!important;height:40px!important;border-radius:14px!important;}
.p3f7-score-card{display:grid!important;gap:10px!important;padding:14px!important;border-radius:22px!important;background:linear-gradient(180deg,var(--bg-card,#fff),var(--bg-soft,#f6f8f5))!important;border:1px solid var(--border,#dfe8e2)!important;box-shadow:0 10px 26px rgba(16,45,32,.06)!important;overflow:hidden!important;}
.p3f7-score-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;color:var(--text-secondary,#65756d)!important;font-weight:950!important;font-size:.78rem!important;}
.p3f7-score-head span:first-child{text-transform:uppercase!important;letter-spacing:.08em!important;}
.p3f7-team-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:10px 12px!important;border:1px solid var(--border,#dfe8e2)!important;border-radius:18px!important;background:var(--bg-surface,#fff)!important;}
.p3f7-team-meta{min-width:0!important;display:grid!important;gap:3px!important;}
.p3f7-team-meta small{font-size:.62rem!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-weight:950!important;color:var(--text-secondary,#65756d)!important;}
.p3f7-team-meta strong{display:block!important;min-width:0!important;color:var(--text-primary,#17231d)!important;font-size:1rem!important;line-height:1.15!important;font-weight:950!important;white-space:normal!important;overflow-wrap:anywhere!important;}
.p3f7-score-pill{display:inline-grid!important;place-items:center!important;min-width:54px!important;height:48px!important;border-radius:16px!important;background:var(--color-brand-dark,var(--brand-dark,#173d2e))!important;color:#fff!important;border:0!important;font-size:1.45rem!important;font-weight:950!important;font-variant-numeric:tabular-nums!important;box-shadow:0 10px 22px rgba(0,0,0,.15)!important;cursor:pointer!important;}
.p3f7-score-pill[disabled]{cursor:default!important;opacity:.92!important;}
.p3f7-vs-line{display:flex!important;align-items:center!important;justify-content:center!important;margin:-4px 0!important;}
.p3f7-vs-line span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:32px!important;height:24px!important;border-radius:999px!important;background:var(--bg-soft,#f2f7f3)!important;border:1px solid var(--border,#dfe8e2)!important;color:var(--text-secondary,#65756d)!important;font-size:.66rem!important;font-weight:950!important;text-transform:uppercase!important;}
.p3f7-score-card .score-input-row{margin-top:4px!important;display:flex!important;gap:7px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;}
.p3f7-score-card .score-input-row input{max-width:64px!important;min-height:34px!important;border-radius:12px!important;text-align:center!important;}
.p3f7-rest-strip{display:flex!important;gap:8px!important;align-items:flex-start!important;padding:9px 11px!important;border:1px solid var(--border,#dfe8e2)!important;border-radius:16px!important;background:var(--bg-surface,#fff)!important;font-size:.78rem!important;}
.p3f7-rest-strip strong{flex:0 0 auto!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--text-secondary,#65756d)!important;}
.p3f7-rest-strip span{min-width:0!important;color:var(--text-primary,#17231d)!important;font-weight:850!important;overflow-wrap:anywhere!important;}

.participant-flow-card .participant-list{display:grid!important;gap:10px!important;overflow:visible!important;}
.participant-card-v3{position:relative!important;display:block!important;min-height:78px!important;padding:12px 132px 12px 12px!important;border-radius:20px!important;overflow:hidden!important;background:var(--bg-card,#fff)!important;border:1px solid var(--border,#dfe8e2)!important;}
.participant-card-v3 .participant-mainline{display:flex!important;align-items:flex-start!important;gap:10px!important;min-width:0!important;width:100%!important;}
.participant-card-v3 .avatar,.participant-card-v3 .avatar-circle,.participant-card-v3 .avatar-participant{flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;font-size:14px!important;}
.participant-card-v3 .participant-identity{display:grid!important;gap:5px!important;min-width:0!important;width:100%!important;}
.participant-card-v3 .participant-title-line{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;flex-wrap:wrap!important;padding-right:0!important;}
.participant-card-v3 .participant-name{display:block!important;max-width:none!important;min-width:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;font-size:.98rem!important;line-height:1.12!important;color:var(--text-primary,var(--color-text,#17231d))!important;font-weight:950!important;}
.participant-card-v3 .participant-title-line .badge{max-width:100%!important;height:auto!important;min-height:24px!important;padding:5px 8px!important;line-height:1.05!important;white-space:normal!important;font-size:.66rem!important;}
.participant-card-v3 .participant-subline{display:flex!important;gap:5px!important;align-items:center!important;flex-wrap:wrap!important;font-size:.72rem!important;line-height:1.22!important;color:var(--text-secondary,var(--color-muted,#65756d))!important;max-width:100%!important;overflow:visible!important;}
.participant-card-v3 .participant-subline span{display:inline!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-weight:850!important;max-width:100%!important;}
.participant-card-v3 .participant-subline em{display:inline-flex!important;align-items:center!important;min-height:22px!important;font-style:normal!important;background:var(--bg-soft,var(--color-soft,#f2f7f3))!important;border:1px solid var(--border,var(--color-line,#dfe8e2))!important;border-radius:999px!important;padding:3px 7px!important;color:var(--text-primary,var(--color-text,#17231d))!important;font-size:.64rem!important;line-height:1!important;white-space:nowrap!important;}
.participant-card-v3 .participant-actions-one-row{position:absolute!important;right:10px!important;top:10px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;min-width:0!important;max-width:122px!important;flex-wrap:wrap!important;}
.participant-card-v3 .participant-actions-one-row .btn,.participant-card-v3 .participant-actions-one-row .mini-guidance{height:28px!important;min-height:28px!important;padding:0 8px!important;border-radius:999px!important;font-size:.64rem!important;line-height:28px!important;white-space:nowrap!important;margin:0!important;box-shadow:none!important;}
.participant-card-v3 .participant-actions-one-row .mini-guidance{display:inline-flex!important;align-items:center!important;background:var(--bg-soft,#f2f7f3)!important;border:1px solid var(--border,#dfe8e2)!important;color:var(--text-secondary,#65756d)!important;}
.participant-card-v3 .game-lock-mini{font-size:.60rem!important;padding:0 7px!important;}

.participant-flow-card .badge.badge-verified{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:74px!important;min-height:34px!important;height:auto!important;padding:7px 10px!important;line-height:1.05!important;white-space:normal!important;text-align:center!important;}
.participant-summary-grid div{min-height:58px!important;overflow:hidden!important;}
.participant-summary-grid strong{line-height:1.05!important;}
.participant-summary-grid span{white-space:normal!important;line-height:1.05!important;}

html[data-theme="dark"] .p3f7-score-card,
html[data-theme="dark"] .p3f7-team-row,
html[data-theme="dark"] .p3f7-rest-strip,
html[data-theme="dark"] .participant-card-v3{background:#0f251e!important;border-color:rgba(183,255,53,.22)!important;color:#f6fff8!important;}
html[data-theme="dark"] .p3f7-team-meta strong,
html[data-theme="dark"] .participant-card-v3 .participant-name,
html[data-theme="dark"] .p3f7-rest-strip span{color:#f6fff8!important;}
html[data-theme="dark"] .p3f7-score-pill{background:#f6fff8!important;color:#063f33!important;border:1px solid rgba(183,255,53,.28)!important;}
html[data-theme="dark"] .participant-card-v3 .participant-subline,
html[data-theme="dark"] .p3f7-score-head,
html[data-theme="dark"] .p3f7-team-meta small{color:#cce0d6!important;}
html[data-theme="dark"] .participant-card-v3 .participant-subline em,
html[data-theme="dark"] .participant-card-v3 .participant-actions-one-row .mini-guidance{background:#17352b!important;color:#f6fff8!important;border-color:rgba(183,255,53,.25)!important;}

@media(max-width:560px){
  .p3f7-score-card{padding:12px!important;border-radius:20px!important;}
  .p3f7-team-row{grid-template-columns:minmax(0,1fr) 50px!important;padding:9px 10px!important;border-radius:16px!important;}
  .p3f7-team-meta strong{font-size:.92rem!important;}
  .p3f7-score-pill{min-width:50px!important;height:44px!important;border-radius:14px!important;font-size:1.28rem!important;}
  .p3f7-score-card .score-input-row{justify-content:stretch!important;}
  .p3f7-score-card .score-input-row .btn{width:100%!important;justify-content:center!important;}
  .participant-card-v3{padding:11px 106px 11px 10px!important;min-height:76px!important;border-radius:18px!important;}
  .participant-card-v3 .avatar,.participant-card-v3 .avatar-circle,.participant-card-v3 .avatar-participant{flex-basis:40px!important;width:40px!important;height:40px!important;min-width:40px!important;}
  .participant-card-v3 .participant-name{font-size:.92rem!important;line-height:1.12!important;}
  .participant-card-v3 .participant-subline{font-size:.68rem!important;}
  .participant-card-v3 .participant-subline em{font-size:.58rem!important;padding:3px 6px!important;}
  .participant-card-v3 .participant-actions-one-row{right:8px!important;top:9px!important;max-width:96px!important;gap:4px!important;}
  .participant-card-v3 .participant-actions-one-row .btn,.participant-card-v3 .participant-actions-one-row .mini-guidance{height:26px!important;min-height:26px!important;line-height:26px!important;font-size:.58rem!important;padding:0 7px!important;}
}
@media(max-width:390px){
  .participant-card-v3{padding-right:94px!important;}
  .participant-card-v3 .participant-actions-one-row{max-width:86px!important;}
  .participant-card-v3 .participant-actions-one-row .btn,.participant-card-v3 .participant-actions-one-row .mini-guidance{font-size:.54rem!important;padding:0 6px!important;}
}

/* Phase 3F.8 UI clarity hardening — readable score + participant cards */
.p3f8-rounds{display:grid!important;gap:12px!important;overflow:visible!important;}
.p3f8-round-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:8px!important;border-radius:18px!important;background:var(--bg-soft,#f2f7f3)!important;border:1px solid var(--border,#dfe8e2)!important;scrollbar-width:thin!important;}
.p3f8-round-chip{flex:0 0 auto!important;min-width:54px!important;height:44px!important;border-radius:14px!important;border:1px solid var(--border,#dfe8e2)!important;background:var(--bg-card,#fff)!important;color:var(--text-primary,#17231d)!important;font-weight:950!important;font-size:.9rem!important;box-shadow:0 8px 22px rgba(16,45,32,.06)!important;}
.p3f8-round-chip.active{background:linear-gradient(135deg,var(--brand,#0f6b4f),var(--accent,#91c86f))!important;color:#fff!important;border-color:transparent!important;}
.p3f8-round-chip.done:not(.active){background:var(--success-soft,#eaf5ed)!important;}
.p3f8-round-title{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:4px 0!important;}
.p3f8-round-title span{font-size:.78rem!important;text-transform:uppercase!important;letter-spacing:.16em!important;color:var(--text-secondary,#65756d)!important;font-weight:950!important;}
.p3f8-round-title strong{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:54px!important;height:44px!important;border-radius:14px!important;background:var(--bg-card,#fff)!important;border:1px solid var(--border,#dfe8e2)!important;color:var(--text-primary,#17231d)!important;font-size:1.32rem!important;}
.p3f8-round-title em{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:0 12px!important;border-radius:999px!important;background:var(--bg-soft,#f2f7f3)!important;border:1px solid var(--border,#dfe8e2)!important;font-style:normal!important;font-size:.72rem!important;font-weight:950!important;text-transform:uppercase!important;color:var(--text-primary,#17231d)!important;}
.p3f8-rest{display:flex!important;align-items:flex-start!important;gap:8px!important;padding:9px 11px!important;border-radius:16px!important;background:var(--bg-card,#fff)!important;border:1px solid var(--border,#dfe8e2)!important;color:var(--text-primary,#17231d)!important;}
.p3f8-rest strong{flex:0 0 auto!important;font-size:.72rem!important;text-transform:uppercase!important;letter-spacing:.1em!important;color:var(--text-secondary,#65756d)!important;}
.p3f8-rest span{font-size:.78rem!important;font-weight:850!important;line-height:1.25!important;overflow-wrap:anywhere!important;}
.p3f8-match-stack{display:grid!important;gap:12px!important;}
.p3f8-score-card{position:relative!important;display:grid!important;gap:8px!important;padding:14px!important;border-radius:22px!important;background:var(--bg-card,#fff)!important;border:1px solid var(--border,#dfe8e2)!important;box-shadow:0 12px 34px rgba(16,45,32,.07)!important;overflow:hidden!important;}
.p3f8-score-card.active{border-color:var(--accent,#91c86f)!important;box-shadow:0 14px 38px rgba(145,200,111,.18)!important;}
.p3f8-match-head{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:center!important;margin-bottom:2px!important;}
.p3f8-match-head span{font-weight:950!important;color:var(--text-primary,#17231d)!important;}
.p3f8-match-head em{font-style:normal!important;font-size:.68rem!important;font-weight:900!important;color:var(--text-secondary,#65756d)!important;background:var(--bg-soft,#f2f7f3)!important;border:1px solid var(--border,#dfe8e2)!important;border-radius:999px!important;padding:5px 8px!important;}
.p3f8-score-row{display:grid!important;grid-template-columns:minmax(0,1fr) 64px!important;gap:10px!important;align-items:center!important;padding:10px 12px!important;border-radius:17px!important;background:var(--bg-soft,#f8fbf8)!important;border:1px solid var(--border,#dfe8e2)!important;min-width:0!important;}
.p3f8-team{min-width:0!important;display:grid!important;gap:3px!important;}
.p3f8-team small{font-size:.62rem!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:var(--text-secondary,#65756d)!important;font-weight:950!important;}
.p3f8-team strong{font-size:.92rem!important;line-height:1.18!important;color:var(--text-primary,#17231d)!important;font-weight:950!important;white-space:normal!important;overflow-wrap:anywhere!important;}
.p3f8-score-value{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:58px!important;height:48px!important;border-radius:15px!important;border:1px solid var(--border,#dfe8e2)!important;background:var(--bg-card,#fff)!important;color:var(--text-primary,#17231d)!important;font-size:1.35rem!important;font-weight:950!important;line-height:1!important;box-shadow:0 8px 22px rgba(16,45,32,.08)!important;}
.p3f8-score-value:not([disabled]){cursor:pointer!important;}
.p3f8-vs{display:flex!important;align-items:center!important;justify-content:center!important;color:var(--text-secondary,#65756d)!important;font-size:.64rem!important;font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important;}
.p3f8-score-card .score-input-row{display:flex!important;gap:8px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;margin-top:4px!important;}
.p3f8-score-card .score-input-row input{width:58px!important;min-height:34px!important;text-align:center!important;border-radius:12px!important;}
.p3f8-score-card .score-input-row .btn{min-height:34px!important;border-radius:12px!important;padding:0 12px!important;font-size:.72rem!important;}

.participant-list{display:grid!important;gap:10px!important;}
.participant-card-v3{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;min-height:auto!important;padding:12px!important;border-radius:20px!important;background:var(--bg-card,#fff)!important;border:1px solid var(--border,#dfe8e2)!important;overflow:visible!important;}
.participant-card-v3 .participant-mainline{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;width:100%!important;min-width:0!important;}
.participant-card-v3 .avatar,.participant-card-v3 .avatar-circle,.participant-card-v3 .avatar-participant{width:44px!important;height:44px!important;min-width:44px!important;grid-column:1!important;grid-row:1!important;font-size:14px!important;}
.participant-card-v3 .participant-identity{grid-column:2!important;min-width:0!important;width:100%!important;display:grid!important;gap:5px!important;}
.participant-card-v3 .participant-title-line{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;min-width:0!important;}
.participant-card-v3 .participant-name{display:block!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;font-size:.98rem!important;line-height:1.15!important;color:var(--text-primary,#17231d)!important;font-weight:950!important;}
.participant-card-v3 .participant-title-line .badge{height:auto!important;min-height:22px!important;max-width:100%!important;padding:4px 8px!important;border-radius:999px!important;font-size:.62rem!important;line-height:1.05!important;white-space:normal!important;}
.participant-card-v3 .participant-subline{display:flex!important;gap:5px!important;flex-wrap:wrap!important;align-items:center!important;max-width:100%!important;overflow:visible!important;font-size:.72rem!important;line-height:1.22!important;color:var(--text-secondary,#65756d)!important;}
.participant-card-v3 .participant-subline span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-weight:850!important;}
.participant-card-v3 .participant-subline em{display:inline-flex!important;align-items:center!important;min-height:20px!important;border-radius:999px!important;padding:3px 7px!important;background:var(--bg-soft,#f2f7f3)!important;border:1px solid var(--border,#dfe8e2)!important;color:var(--text-primary,#17231d)!important;font-style:normal!important;font-size:.6rem!important;line-height:1!important;white-space:nowrap!important;}
.participant-card-v3 .participant-actions-one-row{display:flex!important;justify-content:flex-end!important;gap:6px!important;flex-wrap:wrap!important;position:static!important;max-width:none!important;margin-left:54px!important;margin-top:-2px!important;}
.participant-card-v3 .participant-actions-one-row .btn,.participant-card-v3 .participant-actions-one-row .mini-guidance{height:28px!important;min-height:28px!important;line-height:28px!important;border-radius:999px!important;padding:0 10px!important;font-size:.63rem!important;white-space:nowrap!important;box-shadow:none!important;margin:0!important;}
.participant-card-v3 .game-lock-mini{display:inline-flex!important;align-items:center!important;background:var(--bg-soft,#f2f7f3)!important;border:1px solid var(--border,#dfe8e2)!important;color:var(--text-secondary,#65756d)!important;}
.participant-flow-card .badge,.participant-summary-grid div{overflow:visible!important;height:auto!important;min-height:42px!important;line-height:1.15!important;}
.participant-summary-grid strong,.participant-summary-grid span{white-space:normal!important;line-height:1.1!important;}

html[data-theme="dark"] .p3f8-score-card,
html[data-theme="dark"] .p3f8-score-row,
html[data-theme="dark"] .p3f8-rest,
html[data-theme="dark"] .participant-card-v3{background:#0f251e!important;border-color:rgba(183,255,53,.24)!important;color:#f6fff8!important;}
html[data-theme="dark"] .p3f8-team strong,
html[data-theme="dark"] .p3f8-match-head span,
html[data-theme="dark"] .p3f8-score-value,
html[data-theme="dark"] .participant-card-v3 .participant-name,
html[data-theme="dark"] .participant-card-v3 .participant-subline em{color:#f6fff8!important;}
html[data-theme="dark"] .p3f8-score-value{background:#17352b!important;border-color:rgba(183,255,53,.28)!important;}
html[data-theme="dark"] .p3f8-team small,
html[data-theme="dark"] .p3f8-match-head em,
html[data-theme="dark"] .p3f8-rest strong,
html[data-theme="dark"] .participant-card-v3 .participant-subline{color:#cce0d6!important;}

@media(max-width:520px){
  .p3f8-score-card{padding:12px!important;border-radius:20px!important;}
  .p3f8-score-row{grid-template-columns:minmax(0,1fr) 54px!important;padding:9px 10px!important;gap:8px!important;}
  .p3f8-team strong{font-size:.88rem!important;}
  .p3f8-score-value{min-width:52px!important;height:44px!important;font-size:1.2rem!important;}
  .participant-card-v3{padding:11px!important;border-radius:18px!important;}
  .participant-card-v3 .participant-mainline{grid-template-columns:40px minmax(0,1fr)!important;gap:9px!important;}
  .participant-card-v3 .avatar,.participant-card-v3 .avatar-circle,.participant-card-v3 .avatar-participant{width:40px!important;height:40px!important;min-width:40px!important;font-size:13px!important;}
  .participant-card-v3 .participant-name{font-size:.92rem!important;}
  .participant-card-v3 .participant-subline{font-size:.67rem!important;}
  .participant-card-v3 .participant-actions-one-row{margin-left:49px!important;justify-content:flex-start!important;}
  .participant-card-v3 .participant-actions-one-row .btn,.participant-card-v3 .participant-actions-one-row .mini-guidance{height:26px!important;min-height:26px!important;line-height:26px!important;font-size:.58rem!important;padding:0 8px!important;}
}

/* Phase 3F.9 — readable participant list + digital scoreboard history */
.participant-list{display:grid!important;gap:10px!important;overflow:visible!important;}
.participant-card-v3{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:12px!important;min-height:82px!important;border-radius:20px!important;background:var(--bg-card,var(--color-surface,#fff))!important;border:1px solid var(--border,var(--color-line,#dfe8e2))!important;overflow:visible!important;box-shadow:0 8px 22px rgba(16,45,32,.045)!important;}
.participant-card-v3 .participant-mainline{display:contents!important;}
.participant-card-v3 .avatar,.participant-card-v3 .avatar-circle,.participant-card-v3 .avatar-participant{grid-column:1!important;width:46px!important;height:46px!important;min-width:46px!important;font-size:14px!important;align-self:start!important;}
.participant-card-v3 .participant-identity{grid-column:2!important;min-width:0!important;width:100%!important;display:grid!important;gap:5px!important;align-self:center!important;}
.participant-card-v3 .participant-title-line{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;min-width:0!important;}
.participant-card-v3 .participant-name{display:block!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;font-size:1rem!important;line-height:1.15!important;color:var(--text-primary,var(--color-text,#17231d))!important;font-weight:950!important;letter-spacing:-.01em!important;}
.participant-card-v3 .participant-title-line .badge{display:inline-flex!important;align-items:center!important;min-height:22px!important;height:auto!important;max-width:100%!important;padding:4px 8px!important;border-radius:999px!important;font-size:.62rem!important;line-height:1.05!important;white-space:normal!important;}
.participant-card-v3 .participant-subline{display:flex!important;gap:5px!important;flex-wrap:wrap!important;align-items:center!important;max-width:100%!important;overflow:visible!important;font-size:.72rem!important;line-height:1.22!important;color:var(--text-secondary,var(--color-muted,#65756d))!important;}
.participant-card-v3 .participant-subline span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-weight:850!important;max-width:100%!important;}
.participant-card-v3 .participant-subline em{display:inline-flex!important;align-items:center!important;min-height:20px!important;border-radius:999px!important;padding:3px 7px!important;background:var(--bg-soft,var(--color-soft,#f2f7f3))!important;border:1px solid var(--border,var(--color-line,#dfe8e2))!important;color:var(--text-primary,var(--color-text,#17231d))!important;font-style:normal!important;font-size:.6rem!important;line-height:1!important;white-space:nowrap!important;}
.participant-card-v3 .participant-actions-one-row{grid-column:3!important;position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;flex-wrap:wrap!important;max-width:116px!important;margin:0!important;align-self:center!important;}
.participant-card-v3 .participant-actions-one-row .btn,.participant-card-v3 .participant-actions-one-row .mini-guidance{height:28px!important;min-height:28px!important;line-height:28px!important;border-radius:999px!important;padding:0 9px!important;font-size:.61rem!important;white-space:nowrap!important;box-shadow:none!important;margin:0!important;}
.participant-card-v3 .participant-actions-one-row .mini-guidance{display:inline-flex!important;align-items:center!important;background:var(--bg-soft,#f2f7f3)!important;border:1px solid var(--border,#dfe8e2)!important;color:var(--text-secondary,#65756d)!important;}
@media(max-width:430px){.participant-card-v3{grid-template-columns:44px minmax(0,1fr)!important;gap:9px!important;padding:11px!important;}.participant-card-v3 .participant-actions-one-row{grid-column:1 / -1!important;margin-left:53px!important;max-width:none!important;justify-content:flex-start!important;}.participant-card-v3 .participant-name{font-size:.96rem!important}.participant-card-v3 .participant-subline{font-size:.70rem!important}}

.score-history-panel{display:grid!important;gap:12px!important;margin:14px 0!important;padding:14px!important;border:1px solid var(--border,var(--color-line,#dfe8e2))!important;border-radius:22px!important;background:linear-gradient(180deg,var(--bg-card,#fff),var(--bg-soft,#f6f8f5))!important;box-shadow:0 12px 34px rgba(16,45,32,.07)!important;overflow:hidden!important;}
.score-history-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;}
.score-history-head h3{margin:0!important;font-size:1.15rem!important;line-height:1.05!important;color:var(--text-primary,#17231d)!important;}
.round-status-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;min-height:32px!important;padding:6px 12px!important;font-weight:950!important;font-size:.72rem!important;text-transform:uppercase!important;background:#ecf7ef!important;color:#0f6b4f!important;border:1px solid #bfe5ce!important;}
.round-status-pill.live{background:#fff7dd!important;color:#7a5600!important;border-color:#efd783!important;}
.score-history-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:4px 2px 8px!important;scrollbar-width:thin!important;}
.score-history-chip{flex:0 0 auto!important;display:grid!important;place-items:center!important;gap:1px!important;min-width:58px!important;min-height:48px!important;border-radius:14px!important;border:1px solid var(--border,#dfe8e2)!important;background:var(--bg-card,#fff)!important;color:var(--text-primary,#17231d)!important;font-weight:950!important;box-shadow:0 8px 18px rgba(16,45,32,.04)!important;}
.score-history-chip em{font-style:normal!important;font-size:.56rem!important;color:var(--text-secondary,#65756d)!important;text-transform:uppercase!important;}
.score-history-chip.active{border-color:var(--color-brand,#0f6b4f)!important;box-shadow:inset 0 -4px 0 var(--color-accent,#91c86f),0 10px 22px rgba(16,45,32,.08)!important;}
.score-history-chip.done{background:#eef9f2!important;}
.round-rest-line{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;border-radius:14px!important;background:rgba(15,107,79,.06)!important;border:1px solid rgba(15,107,79,.1)!important;font-size:.76rem!important;color:var(--text-secondary,#65756d)!important;}
.round-rest-line strong{color:var(--text-primary,#17231d)!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-size:.66rem!important;}
.digital-match-stack{display:grid!important;gap:12px!important;}
.digital-match-card{display:grid!important;gap:10px!important;padding:13px!important;border-radius:20px!important;border:1px solid var(--border,#dfe8e2)!important;background:var(--bg-card,#fff)!important;box-shadow:0 10px 28px rgba(16,45,32,.065)!important;}
.digital-match-card.active{border-color:var(--color-brand,#0f6b4f)!important;box-shadow:0 12px 32px rgba(15,107,79,.12)!important;}
.digital-match-card.done{background:linear-gradient(135deg,#f3fbf6,#fff)!important;border-color:#bfe5ce!important;}
.digital-match-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;color:var(--text-secondary,#65756d)!important;font-size:.74rem!important;font-weight:900!important;}
.digital-match-head em{font-style:normal!important;border-radius:999px!important;background:var(--bg-soft,#f2f7f3)!important;border:1px solid var(--border,#dfe8e2)!important;padding:4px 8px!important;}
.digital-score-board{display:grid!important;gap:8px!important;}
.digital-team{display:grid!important;grid-template-columns:minmax(0,1fr) 78px!important;align-items:center!important;gap:10px!important;padding:10px!important;border-radius:16px!important;background:rgba(15,107,79,.035)!important;border:1px solid rgba(15,107,79,.08)!important;}
.digital-team.winner{background:linear-gradient(135deg,#fff7d7,#f1fbef)!important;border-color:#efd783!important;}
.digital-team-label{min-width:0!important;display:grid!important;gap:3px!important;}
.digital-team-label small{font-size:.62rem!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:var(--text-secondary,#65756d)!important;font-weight:950!important;}
.digital-team-label strong{font-size:.95rem!important;line-height:1.16!important;color:var(--text-primary,#17231d)!important;font-weight:950!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;}
.digital-score-cell{display:grid!important;place-items:center!important;width:78px!important;height:54px!important;border:0!important;border-radius:13px!important;background:#080b0a!important;color:#ffffff!important;font-size:1.65rem!important;font-weight:950!important;letter-spacing:.05em!important;font-variant-numeric:tabular-nums!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.14), inset 0 -5px 10px rgba(0,0,0,.55), 0 12px 20px rgba(0,0,0,.18)!important;text-shadow:0 0 10px rgba(255,255,255,.22)!important;cursor:pointer!important;}
.digital-score-cell:disabled{cursor:default!important;opacity:1!important;}
.digital-vs{display:grid!important;place-items:center!important;font-size:.66rem!important;font-weight:950!important;color:var(--text-secondary,#65756d)!important;letter-spacing:.18em!important;}
.digital-match-card .score-hidden-inputs{display:none!important;}
@media(max-width:430px){.score-history-panel{padding:12px!important}.digital-team{grid-template-columns:minmax(0,1fr) 66px!important;padding:9px!important}.digital-score-cell{width:66px!important;height:48px!important;font-size:1.35rem!important}.digital-team-label strong{font-size:.88rem!important}.score-history-head h3{font-size:1rem!important}}
html[data-theme="dark"] .score-history-panel{background:linear-gradient(180deg,#0b1d17,#10251e)!important;border-color:rgba(183,255,53,.2)!important;}
html[data-theme="dark"] .round-status-pill.complete{background:#dff7e8!important;color:#063c2b!important;}
html[data-theme="dark"] .score-history-chip{background:#10251e!important;color:#f7fff8!important;border-color:rgba(183,255,53,.22)!important;}
html[data-theme="dark"] .score-history-chip.done{background:#143026!important;}
html[data-theme="dark"] .round-rest-line{background:rgba(255,255,255,.06)!important;border-color:rgba(183,255,53,.18)!important;}
html[data-theme="dark"] .digital-match-card{background:#0f251e!important;border-color:rgba(183,255,53,.2)!important;}
html[data-theme="dark"] .digital-team{background:rgba(255,255,255,.055)!important;border-color:rgba(183,255,53,.16)!important;}
html[data-theme="dark"] .digital-score-cell{background:#f8fff9!important;color:#06140f!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.9), inset 0 -5px 10px rgba(0,0,0,.12), 0 12px 20px rgba(0,0,0,.35)!important;text-shadow:0 0 8px rgba(0,0,0,.14)!important;}
html[data-theme="dark"] .participant-card-v3{background:#0f251e!important;border-color:rgba(183,255,53,.22)!important;color:#f6fff8!important;}
html[data-theme="dark"] .participant-card-v3 .participant-name,html[data-theme="dark"] .participant-card-v3 .participant-subline em{color:#f6fff8!important;}
html[data-theme="dark"] .participant-card-v3 .participant-subline{color:#c6d6ce!important;}

/* Phase 3F.10 cleanup final — definitive readable participant + score history */
.participant-list{display:grid!important;gap:10px!important;overflow:visible!important;}
.participant-row.participant-card-v3{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"main actions"!important;
  align-items:center!important;
  gap:10px!important;
  min-height:76px!important;
  padding:12px!important;
  border-radius:18px!important;
  overflow:visible!important;
  background:var(--surface-card,var(--bg-card,#fff))!important;
  border:1px solid var(--border,var(--color-line,#dfe8e2))!important;
  box-shadow:0 8px 22px rgba(16,45,32,.045)!important;
}
.participant-card-v3 .participant-mainline{
  grid-area:main!important;
  min-width:0!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  overflow:visible!important;
}
.participant-card-v3 .avatar-participant,.participant-card-v3 .avatar,.participant-card-v3 .participant-mainline .avatar{
  width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
}
.participant-card-v3 .participant-identity{min-width:0!important;display:grid!important;gap:5px!important;overflow:visible!important;}
.participant-card-v3 .participant-title-line{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;width:100%!important;overflow:visible!important;}
.participant-card-v3 .participant-name{
  display:block!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
  overflow-wrap:anywhere!important;line-height:1.08!important;font-size:1rem!important;font-weight:950!important;color:var(--text-primary,var(--color-text,#17231d))!important;
}
.participant-card-v3 .participant-title-line>.badge{flex:0 0 auto!important;max-width:96px!important;height:auto!important;min-height:22px!important;padding:4px 8px!important;font-size:.62rem!important;line-height:1.05!important;white-space:normal!important;text-align:center!important;}
.participant-card-v3 .participant-subline{display:flex!important;flex-wrap:wrap!important;gap:5px!important;align-items:center!important;min-width:0!important;max-width:100%!important;overflow:visible!important;line-height:1.15!important;}
.participant-card-v3 .participant-subline span{display:inline!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:100%!important;font-size:.72rem!important;line-height:1.18!important;font-weight:800!important;color:var(--text-secondary,var(--color-muted,#65756d))!important;}
.participant-card-v3 .participant-subline span::before{content:"✓ ";color:var(--color-brand,#0f6b4f)!important;font-weight:950!important;}
.participant-card-v3 .participant-subline em{display:inline-flex!important;align-items:center!important;min-height:20px!important;border-radius:999px!important;padding:3px 7px!important;font-size:.6rem!important;line-height:1!important;white-space:nowrap!important;background:var(--bg-soft,#f2f7f3)!important;border:1px solid var(--border,#dfe8e2)!important;color:var(--text-primary,#17231d)!important;font-style:normal!important;}
.participant-card-v3 .participant-actions-one-row{
  grid-area:actions!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex-wrap:nowrap!important;max-width:none!important;min-width:max-content!important;margin:0!important;align-self:center!important;
}
.participant-card-v3 .participant-actions-one-row .btn,.participant-card-v3 .participant-actions-one-row .mini-guidance{
  height:30px!important;min-height:30px!important;line-height:1!important;border-radius:999px!important;padding:0 10px!important;font-size:.63rem!important;font-weight:950!important;white-space:nowrap!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;gap:5px!important;margin:0!important;
}
.participant-card-v3 .participant-actions-one-row [data-action-key*="exclude"]::before{content:"🏆";font-size:.72rem;}
.participant-card-v3 .participant-actions-one-row [data-action-key*="absent"]::before,.participant-card-v3 .participant-actions-one-row .game-lock-mini::before{content:"🔒";font-size:.72rem;}
@media(max-width:430px){
  .participant-row.participant-card-v3{grid-template-columns:1fr!important;grid-template-areas:"main" "actions"!important;padding:11px!important;gap:9px!important;}
  .participant-card-v3 .participant-actions-one-row{justify-content:flex-start!important;min-width:0!important;width:100%!important;overflow-x:auto!important;padding-left:54px!important;}
  .participant-card-v3 .participant-name{font-size:.95rem!important;}
  .participant-card-v3 .participant-title-line>.badge{max-width:82px!important;}
}

.score-history-panel.p3f10-score-history{display:grid!important;gap:12px!important;margin:14px 0!important;padding:14px!important;border-radius:22px!important;border:1px solid var(--border,#dfe8e2)!important;background:linear-gradient(180deg,var(--bg-card,#fff),var(--bg-soft,#f6f8f5))!important;box-shadow:0 12px 34px rgba(16,45,32,.07)!important;overflow:hidden!important;}
.p3f10-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:4px 2px 8px!important;scrollbar-width:thin!important;}
.score-history-chip{cursor:pointer!important;user-select:none!important;}
.digital-match-card.p3f10-match{display:grid!important;gap:10px!important;padding:13px!important;border-radius:20px!important;border:1px solid var(--border,#dfe8e2)!important;background:var(--bg-card,#fff)!important;box-shadow:0 10px 28px rgba(16,45,32,.065)!important;overflow:visible!important;}
.digital-score-board{display:grid!important;gap:8px!important;}
.digital-team{display:grid!important;grid-template-columns:minmax(0,1fr) 82px!important;align-items:center!important;gap:10px!important;padding:10px!important;border-radius:16px!important;background:rgba(15,107,79,.035)!important;border:1px solid rgba(15,107,79,.08)!important;min-width:0!important;}
.digital-team-label{min-width:0!important;display:grid!important;gap:3px!important;}
.digital-team-label small{font-size:.62rem!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:var(--text-secondary,#65756d)!important;font-weight:950!important;}
.digital-team-label strong{display:block!important;min-width:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;font-size:.98rem!important;line-height:1.15!important;color:var(--text-primary,#17231d)!important;font-weight:950!important;}
.digital-score-cell{display:grid!important;place-items:center!important;width:82px!important;height:56px!important;border:0!important;border-radius:13px!important;background:#050706!important;color:#fff!important;font-size:1.75rem!important;font-weight:950!important;letter-spacing:.05em!important;font-variant-numeric:tabular-nums!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.18), inset 0 -7px 14px rgba(0,0,0,.65), 0 12px 20px rgba(0,0,0,.20)!important;text-shadow:0 0 10px rgba(255,255,255,.25)!important;cursor:pointer!important;}
.digital-score-cell:disabled{opacity:1!important;cursor:default!important;}
.digital-vs{display:grid!important;place-items:center!important;font-size:.66rem!important;font-weight:950!important;color:var(--text-secondary,#65756d)!important;letter-spacing:.18em!important;}
.digital-team.winner{background:linear-gradient(135deg,#fff8dc,#f1fbef)!important;border-color:#efd783!important;}
@media(max-width:430px){.digital-team{grid-template-columns:minmax(0,1fr) 68px!important;padding:9px!important}.digital-score-cell{width:68px!important;height:48px!important;font-size:1.38rem!important}.digital-team-label strong{font-size:.88rem!important}.score-history-panel.p3f10-score-history{padding:12px!important}}
html[data-theme="dark"] .participant-row.participant-card-v3{background:#0f251e!important;border-color:rgba(183,255,53,.22)!important;color:#f6fff8!important;}
html[data-theme="dark"] .participant-card-v3 .participant-name,html[data-theme="dark"] .participant-card-v3 .participant-subline em{color:#f6fff8!important;}
html[data-theme="dark"] .participant-card-v3 .participant-subline span{color:#d7e5dc!important;}
html[data-theme="dark"] .score-history-panel.p3f10-score-history{background:linear-gradient(180deg,#0b1d17,#10251e)!important;border-color:rgba(183,255,53,.2)!important;}
html[data-theme="dark"] .digital-match-card.p3f10-match{background:#0f251e!important;border-color:rgba(183,255,53,.2)!important;}
html[data-theme="dark"] .digital-team{background:rgba(255,255,255,.055)!important;border-color:rgba(183,255,53,.16)!important;}
html[data-theme="dark"] .digital-score-cell{background:#f8fff9!important;color:#06140f!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.9), inset 0 -5px 10px rgba(0,0,0,.12), 0 12px 20px rgba(0,0,0,.35)!important;text-shadow:0 0 8px rgba(0,0,0,.14)!important;}

/* PHASE 3F.11 — final readable participant cards + history UX */
.participant-list{display:grid!important;gap:10px!important;overflow:visible!important;contain:none!important;}
.participant-row.participant-card-v3{position:relative!important;display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;grid-template-areas:"avatar info"!important;align-items:start!important;gap:11px!important;width:100%!important;min-height:88px!important;padding:12px 124px 12px 12px!important;border-radius:20px!important;overflow:visible!important;background:var(--bg-card,var(--color-surface,#fff))!important;border:1px solid var(--border,var(--color-line,#dfe8e2))!important;box-shadow:0 8px 24px rgba(16,45,32,.055)!important;}
.participant-card-v3 .participant-mainline{display:contents!important;min-width:0!important;}
.participant-card-v3 .avatar,.participant-card-v3 .avatar-circle,.participant-card-v3 .avatar-participant{grid-area:avatar!important;width:48px!important;height:48px!important;min-width:48px!important;border-radius:999px!important;align-self:start!important;box-shadow:0 10px 24px rgba(15,107,79,.18)!important;}
.participant-card-v3 .participant-identity{grid-area:info!important;display:grid!important;gap:6px!important;min-width:0!important;width:100%!important;overflow:visible!important;}
.participant-card-v3 .participant-title-line{display:flex!important;align-items:flex-start!important;gap:8px!important;flex-wrap:wrap!important;min-width:0!important;width:100%!important;}
.participant-card-v3 .participant-name{flex:1 1 135px!important;display:block!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;font-size:1.02rem!important;line-height:1.12!important;font-weight:950!important;letter-spacing:-.02em!important;color:var(--text-primary,var(--color-text,#17231d))!important;}
.participant-card-v3 .participant-title-line>.badge{flex:0 0 auto!important;max-width:100%!important;min-height:22px!important;height:auto!important;padding:4px 8px!important;border-radius:999px!important;font-size:.62rem!important;line-height:1.05!important;text-align:center!important;white-space:normal!important;}
.participant-card-v3 .participant-subline{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:visible!important;}
.participant-card-v3 .participant-subline span{display:inline-flex!important;align-items:center!important;min-height:22px!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;font-size:.73rem!important;line-height:1.15!important;font-weight:850!important;color:var(--text-secondary,var(--color-muted,#65756d))!important;}
.participant-card-v3 .participant-subline span::before{content:"✓";display:inline-grid;place-items:center;margin-right:5px;width:16px;height:16px;border-radius:50%;background:rgba(15,107,79,.10);color:var(--color-brand,#0f6b4f);font-size:.58rem;font-weight:950;}
.participant-card-v3 .participant-subline em{display:inline-flex!important;align-items:center!important;min-height:21px!important;border-radius:999px!important;padding:3px 8px!important;background:var(--bg-soft,#f2f7f3)!important;border:1px solid var(--border,#dfe8e2)!important;color:var(--text-primary,#17231d)!important;font-style:normal!important;font-size:.61rem!important;font-weight:850!important;line-height:1!important;white-space:nowrap!important;}
.participant-card-v3 .participant-actions-one-row{position:absolute!important;right:10px!important;top:12px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;flex-wrap:wrap!important;max-width:108px!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important;}
.participant-card-v3 .participant-actions-one-row .btn,.participant-card-v3 .participant-actions-one-row .mini-guidance{height:28px!important;min-height:28px!important;border-radius:999px!important;padding:0 8px!important;font-size:.58rem!important;font-weight:950!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important;margin:0!important;box-shadow:none!important;}
.participant-card-v3 .participant-actions-one-row [data-action-key*="exclude"]::before{content:"🏆";font-size:.68rem;}
.participant-card-v3 .participant-actions-one-row [data-action-key*="absent"]::before{content:"×";font-size:.78rem;font-weight:950;}
.participant-card-v3 .participant-actions-one-row .game-lock-mini::before{content:"🔒";font-size:.68rem;}
@media(max-width:430px){.participant-row.participant-card-v3{grid-template-columns:44px minmax(0,1fr)!important;gap:9px!important;min-height:86px!important;padding:11px 100px 11px 10px!important;border-radius:18px!important;}.participant-card-v3 .avatar,.participant-card-v3 .avatar-circle,.participant-card-v3 .avatar-participant{width:42px!important;height:42px!important;min-width:42px!important;font-size:.78rem!important;}.participant-card-v3 .participant-name{font-size:.94rem!important;line-height:1.10!important;}.participant-card-v3 .participant-subline span{font-size:.67rem!important;}.participant-card-v3 .participant-subline em{font-size:.56rem!important;padding:3px 6px!important;}.participant-card-v3 .participant-actions-one-row{right:8px!important;top:10px!important;max-width:88px!important;gap:4px!important;}.participant-card-v3 .participant-actions-one-row .btn,.participant-card-v3 .participant-actions-one-row .mini-guidance{height:25px!important;min-height:25px!important;padding:0 7px!important;font-size:.52rem!important;}.participant-card-v3 .participant-actions-one-row [data-action-key*="exclude"]{font-size:0!important;width:30px!important;padding:0!important;}.participant-card-v3 .participant-actions-one-row [data-action-key*="exclude"]::before{font-size:.84rem!important;}}
.participant-summary-grid .badge,.participant-flow-card .badge{color:var(--text-primary,var(--color-text,#17231d))!important;opacity:1!important;}
.participant-summary-grid .chip.active,.chip.active{color:var(--text-primary,var(--color-text,#17231d))!important;}
.game-history-card{margin-top:14px!important;}
.game-history-list{display:grid!important;gap:8px!important;}
.game-history-item{width:100%!important;text-align:left!important;display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;grid-template-areas:"no title status" "no meta meta" "no winner winner"!important;gap:3px 10px!important;align-items:center!important;border:1px solid var(--border,#dfe8e2)!important;background:var(--bg-card,#fff)!important;border-radius:17px!important;padding:10px!important;color:var(--text-primary,#17231d)!important;box-shadow:0 8px 22px rgba(16,45,32,.04)!important;}
.game-history-item.active{border-color:var(--color-brand,#0f6b4f)!important;box-shadow:0 10px 26px rgba(15,107,79,.12)!important;}
.game-history-item .history-no{grid-area:no;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--bg-soft,#f2f7f3);font-weight:950;}
.game-history-item strong{grid-area:title;font-size:.92rem;line-height:1.1;white-space:normal;overflow-wrap:anywhere;}
.game-history-item em{grid-area:status;justify-self:end;font-style:normal;font-size:.62rem;font-weight:950;border-radius:999px;padding:4px 7px;background:var(--bg-soft,#f2f7f3);border:1px solid var(--border,#dfe8e2);}
.game-history-item small{grid-area:meta;color:var(--text-secondary,#65756d);font-weight:800;}
.game-history-item b{grid-area:winner;font-size:.72rem;line-height:1.15;white-space:normal;overflow-wrap:anywhere;}
.score-history-chip.active{outline:2px solid rgba(15,107,79,.22)!important;scroll-margin-inline:40px!important;}
html[data-theme="dark"] .participant-row.participant-card-v3,html[data-theme="dark"] .game-history-item{background:#0f251e!important;border-color:rgba(183,255,53,.22)!important;color:#f6fff8!important;}
html[data-theme="dark"] .participant-card-v3 .participant-name,html[data-theme="dark"] .participant-card-v3 .participant-subline em,html[data-theme="dark"] .game-history-item{color:#f6fff8!important;}
html[data-theme="dark"] .participant-card-v3 .participant-subline span,html[data-theme="dark"] .game-history-item small{color:#d7e5dc!important;}

/* PHASE 3F.17 visual system */
.p17-splash{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,rgba(145,200,111,.28),transparent 18rem),var(--app-bg,#f6f8f5);transition:opacity .38s ease,visibility .38s ease}.p17-splash.hide{opacity:0;visibility:hidden}.p17-splash-card{display:grid;place-items:center;gap:8px;padding:30px 34px;border-radius:30px;background:var(--surface,#fff);box-shadow:0 24px 80px rgba(9,45,30,.18);border:1px solid var(--line,#dfe8e2)}.p17-splash-card img{width:64px;height:64px}.p17-splash-card strong{font-size:30px;letter-spacing:-1px;color:var(--text-strong,#073f31)}.p17-splash-card span{font-size:13px;font-weight:800;color:var(--text-muted,#64766d)}.p17-loader{width:84px;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--brand,#0f6b4f),var(--accent,#9df23a));animation:p17load 1s infinite alternate}@keyframes p17load{from{transform:scaleX(.25);opacity:.55}to{transform:scaleX(1);opacity:1}}
.p17-discovery-hero{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(235,247,238,.82));margin-bottom:14px}.p17-tabs{display:flex;gap:10px;margin:12px 0}.p17-tabs button{border:0;border-radius:999px;padding:12px 18px;font-weight:900;background:var(--soft-surface,#eef4ef);color:var(--text-muted)}.p17-tabs button.active{background:var(--brand,#0f7d5a);color:#fff}.p17-filter-card{padding:14px;border:1px solid var(--line);border-radius:22px;background:var(--surface);margin-bottom:14px}.p17-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.p17-filter-grid input,.p17-filter-grid select{width:100%;border:1px solid var(--line);border-radius:16px;padding:11px;background:var(--surface);color:var(--text)}.p17-date-group{margin:18px 0}.p17-date-group h3{font-size:18px;margin:0 0 10px;color:var(--text-strong)}.p17-event-card{display:grid;grid-template-columns:92px 1fr auto;gap:14px;align-items:center;margin:10px 0;padding:0;border:1px solid var(--line);border-radius:22px;background:var(--surface);overflow:hidden;box-shadow:0 10px 28px rgba(16,45,32,.06);cursor:pointer}.p17-event-time{height:100%;min-height:112px;display:grid;place-items:center;background:var(--soft-surface,#edf3ef);border-right:1px solid var(--line);font-weight:900}.p17-event-time strong{font-size:24px}.p17-event-time span{font-size:12px;color:var(--text-muted)}.p17-event-time em{font-size:10px;text-transform:uppercase;color:var(--text-muted);font-style:normal}.p17-event-body{min-width:0}.p17-event-title{font-size:19px;font-weight:950;color:var(--text-strong);line-height:1.2}.p17-event-meta{font-size:13px;color:var(--text-muted);margin-top:5px}.p17-event-meta.strong{font-weight:900;color:var(--text)}.p17-event-side{display:grid;gap:8px;place-items:center;padding-right:12px}.p17-status{font-size:11px;font-weight:950;border-radius:999px;padding:6px 9px;background:#e9f8ed;color:#086443}.p17-status.full{background:#ffefb3;color:#7b4c00}.p17-status.past{background:#e9edf0;color:#54616b}.p17-status.cancelled{background:#ffe0dc;color:#9c221b}.p17-event-avatar{width:38px;height:38px}.p17-load-more{width:100%;margin:10px 0 80px}.p17-participant-list{display:grid;gap:10px}.p17-participant-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:22px;background:var(--surface);min-height:86px;box-shadow:0 6px 18px rgba(16,45,32,.035)}.p17-avatar-wrap{position:relative;display:grid;place-items:center}.p17-index{position:absolute;left:-5px;top:-6px;z-index:2;min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:var(--brand,#0f7d5a);color:#fff;font-size:11px;font-weight:950;border:2px solid var(--surface)}.p17-avatar{width:54px!important;height:54px!important}.p17-participant-info{min-width:0}.p17-participant-info strong{display:block;font-size:17px;line-height:1.12;white-space:normal;overflow:visible;text-overflow:clip;color:var(--text-strong)}.p17-chipline{display:flex;gap:6px;flex-wrap:wrap;margin:5px 0}.p17-chipline em,.p17-lock{font-style:normal;border-radius:999px;padding:4px 8px;background:var(--soft-surface,#eef4ef);font-size:11px;font-weight:900;color:var(--text)}.p17-participant-info small{display:block;color:var(--text-muted);font-weight:800;white-space:normal}.p17-participant-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap;max-width:138px}.p17-participant-actions .btn{padding:7px 9px;font-size:11px;min-height:auto}.p17-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;margin:12px 0}.p17-podium-bar{min-height:92px;border-radius:20px;padding:10px 8px;display:grid;place-items:center;text-align:center;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),rgba(233,245,237,.9))}.p17-podium-bar.first{min-height:132px;border-color:#f3c84b;background:linear-gradient(180deg,#fff9d7,#edffe2)}.p17-podium-bar.second{min-height:108px}.p17-podium-bar.third{min-height:98px}.p17-podium-avatar{width:44px!important;height:44px!important}.p17-podium-bar strong{font-size:12px;line-height:1.1}.p17-podium-bar em{font-style:normal;font-size:11px;font-weight:900;color:var(--text-muted)}
@media(max-width:640px){.p17-filter-grid{grid-template-columns:1fr 1fr}.p17-event-card{grid-template-columns:72px 1fr auto}.p17-event-time{min-height:104px}.p17-event-title{font-size:16px}.p17-participant-card{grid-template-columns:auto 1fr;align-items:start}.p17-participant-actions{grid-column:2;justify-content:flex-start;max-width:none}.p17-podium{gap:5px}.p17-discovery-hero{padding:14px}}
[data-theme="dark"] .p17-event-card,[data-theme="dark"] .p17-filter-card,[data-theme="dark"] .p17-participant-card,[data-theme="dark"] .p17-podium-bar{background:var(--surface);border-color:var(--line)}[data-theme="dark"] .p17-event-time{background:rgba(255,255,255,.05)}


/* PHASE 3F.19 — Podium clarity final polish */
.p19-final-result{border:1px solid rgba(218,178,54,.42);background:linear-gradient(135deg,rgba(255,251,222,.96),rgba(244,255,235,.92));padding:16px;border-radius:24px;overflow:hidden}.p19-final-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px}.p19-final-head h3{margin:2px 0 4px;font-size:24px;line-height:1.05}.p19-final-head span{display:block;color:var(--text-muted,var(--color-muted));font-size:13px;font-weight:700;line-height:1.3}.p19-podium-wrap{display:grid;grid-template-columns:1fr 1.14fr 1fr;align-items:end;gap:9px;margin:6px 0 12px;min-height:188px}.p19-podium-slot{position:relative;display:grid;justify-items:center;align-content:end;text-align:center;border:1px solid var(--line,var(--color-line));border-radius:22px;background:linear-gradient(180deg,var(--surface,var(--color-surface)),rgba(239,248,242,.94));box-shadow:0 12px 28px rgba(16,45,32,.08);padding:12px 7px 13px;min-width:0}.p19-podium-slot.champion{min-height:176px;border-color:rgba(218,178,54,.74);background:linear-gradient(180deg,#fff8c9 0%,#f3ffe8 100%);box-shadow:0 18px 38px rgba(173,132,20,.18);transform:translateY(-5px)}.p19-podium-slot.runner{min-height:140px}.p19-podium-slot.third{min-height:124px}.p19-rank-label{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:center;align-items:center;gap:5px;line-height:1}.p19-rank-label b{display:grid;place-items:center;width:25px;height:25px;border-radius:999px;background:var(--brand,#0f7d5a);color:white;font-size:12px;font-weight:950}.p19-rank-label span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:950;color:var(--text-muted,var(--color-muted))}.p19-podium-slot.champion .p19-rank-label b{background:#d39a12}.p19-podium-slot.runner .p19-rank-label b{background:#7b8b9a}.p19-podium-slot.third .p19-rank-label b{background:#b86f36}.p19-medal{font-size:28px;margin:25px 0 3px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.12))}.p19-podium-slot.champion .p19-medal{font-size:34px}.p19-podium-avatar,.p19-empty-avatar{width:54px!important;height:54px!important;border-radius:999px;margin:2px auto 7px;border:3px solid rgba(15,107,79,.12);box-shadow:0 10px 22px rgba(16,45,32,.16)}.p19-podium-avatar.rank-1{width:64px!important;height:64px!important;border-color:#e1ad22;box-shadow:0 14px 32px rgba(218,178,54,.32)}.p19-podium-avatar.rank-2{border-color:#aeb8c1}.p19-podium-avatar.rank-3{border-color:#c88445}.p19-empty-avatar{display:grid;place-items:center;background:var(--soft-surface,#eef4ef);font-weight:950;color:var(--text-muted)}.p19-podium-slot strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.16;min-height:30px;color:var(--text-strong,var(--color-text));max-width:100%}.p19-podium-slot.champion strong{font-size:15px}.p19-podium-slot>span{margin-top:5px;font-weight:950;font-size:14px;color:var(--text-strong,var(--color-text))}.p19-podium-slot.champion>span{font-size:16px}.p19-podium-slot em{font-style:normal;font-size:11px;color:var(--text-muted,var(--color-muted));font-weight:900}.p19-ranking-rest{display:grid;gap:7px;margin-top:10px}.p19-ranking-rest>div{display:grid;grid-template-columns:38px 1fr auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line,var(--color-line));border-radius:14px;background:var(--surface,var(--color-surface));font-size:12px}.p19-ranking-rest strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p19-ranking-rest span,.p19-ranking-rest em{font-style:normal;font-weight:950;color:var(--text-muted,var(--color-muted))}@media(max-width:520px){.p19-final-result{padding:14px 10px}.p19-podium-wrap{gap:6px;min-height:174px}.p19-podium-slot{border-radius:18px;padding:11px 5px 12px}.p19-podium-slot.champion{min-height:164px}.p19-podium-slot.runner{min-height:132px}.p19-podium-slot.third{min-height:118px}.p19-rank-label{top:7px;left:4px;right:4px;gap:3px}.p19-rank-label span{font-size:8px}.p19-rank-label b{width:23px;height:23px}.p19-medal{font-size:24px}.p19-podium-slot.champion .p19-medal{font-size:30px}.p19-podium-avatar,.p19-empty-avatar{width:48px!important;height:48px!important}.p19-podium-avatar.rank-1{width:58px!important;height:58px!important}.p19-podium-slot strong{font-size:11px}.p19-podium-slot.champion strong{font-size:12px}.p19-podium-slot>span{font-size:12px}.p19-podium-slot.champion>span{font-size:14px}.p19-final-head h3{font-size:21px}.p19-final-head span{font-size:12px}}[data-theme="dark"] .p19-final-result{background:linear-gradient(135deg,rgba(20,37,29,.96),rgba(23,46,35,.92));border-color:rgba(226,192,72,.38)}[data-theme="dark"] .p19-podium-slot{background:linear-gradient(180deg,rgba(19,38,29,.98),rgba(12,29,22,.96));border-color:rgba(255,255,255,.12)}[data-theme="dark"] .p19-podium-slot.champion{background:linear-gradient(180deg,rgba(82,64,18,.96),rgba(24,56,35,.96));border-color:rgba(226,192,72,.64)}[data-theme="dark"] .p19-ranking-rest>div{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}

/* Phase 3F.20 — share result + public result polish */
.result-share-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 12px;background:var(--surface-soft, #eef7ef);font-weight:900}.p20-public-link{font-size:12px;opacity:.76;word-break:break-all}.p19-final-head .btn.btn-secondary{box-shadow:0 10px 24px rgba(0,0,0,.08)}

/* PHASE 3F.22 — visual tune up */
.p22-discovery-screen{padding-bottom:96px}.p22-discovery-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border:1px solid var(--line,var(--color-line));border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(235,248,239,.72));box-shadow:0 12px 28px rgba(16,45,32,.05);margin-bottom:12px}.p22-discovery-top h1{margin:2px 0 4px;font-size:25px;line-height:1.02;color:var(--text-strong,var(--color-text));letter-spacing:-.03em}.p22-discovery-top p{margin:0;color:var(--text-muted,var(--color-muted));font-weight:700;line-height:1.28}.p22-reset{border:1px solid var(--line,var(--color-line));background:var(--surface,var(--color-surface));border-radius:16px;padding:10px 12px;font-weight:950;color:var(--text-strong,var(--color-text));box-shadow:0 8px 18px rgba(16,45,32,.05)}.p22-tabs{display:flex;gap:10px;margin:10px 0 12px}.p22-tabs button{border:0;border-radius:999px;padding:12px 18px;background:var(--soft-surface,var(--color-soft));color:var(--text-muted,var(--color-muted));font-weight:950}.p22-tabs button.active{background:var(--brand,var(--color-primary,#087e5d));color:#fff}.p22-tabs b{margin-left:4px}.p22-calendar-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:2px 0 10px;margin-bottom:8px}.p22-calendar-strip button{min-width:58px;border:1px solid var(--line,var(--color-line));border-radius:18px;background:var(--surface,var(--color-surface));padding:10px 8px;display:grid;gap:2px;justify-items:center;color:var(--text-strong,var(--color-text));box-shadow:0 8px 18px rgba(16,45,32,.04)}.p22-calendar-strip button.active{background:linear-gradient(180deg,var(--brand,var(--color-primary,#087e5d)),#0b6b50);color:#fff;border-color:transparent}.p22-calendar-strip b{font-size:18px;line-height:1}.p22-calendar-strip span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:950;opacity:.8}.p22-filter-card{border:1px solid var(--line,var(--color-line));border-radius:24px;background:rgba(255,255,255,.72);padding:12px;margin-bottom:14px;box-shadow:0 10px 24px rgba(16,45,32,.04)}.p22-search{height:48px;display:flex;align-items:center;gap:8px;border:1px solid var(--line,var(--color-line));background:var(--surface,var(--color-surface));border-radius:17px;padding:0 14px}.p22-search input{border:0;outline:0;background:transparent;color:var(--text-strong,var(--color-text));font-size:15px;width:100%;font-weight:750}.p22-filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.p22-filter-row select{width:100%;height:42px;border:1px solid var(--line,var(--color-line));border-radius:15px;background:var(--surface,var(--color-surface));color:var(--text-strong,var(--color-text));font-weight:850;padding:0 10px}.p22-date-group{margin:17px 0}.p22-date-group h3{margin:0 0 9px;font-size:18px;line-height:1.1;color:var(--text-strong,var(--color-text));letter-spacing:-.02em}.p22-event-card{display:grid;grid-template-columns:74px minmax(0,1fr) 46px;gap:12px;align-items:center;padding:10px 12px 10px 0;border:1px solid rgba(15,107,79,.08);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(241,249,243,.84));box-shadow:0 12px 24px rgba(16,45,32,.055);margin:9px 0;cursor:pointer;overflow:hidden}.p22-event-card.ongoing{border-left:4px solid #17b981}.p22-event-card.future,.p22-event-card.open{border-left:4px solid #a7f23a}.p22-event-card.past{opacity:.78}.p22-timebox{align-self:stretch;min-height:84px;display:grid;align-content:center;justify-items:center;background:rgba(8,126,93,.07);border-radius:0 18px 18px 0;color:var(--text-strong,var(--color-text));font-weight:950}.p22-timebox strong{font-size:20px;letter-spacing:-.04em}.p22-timebox span{font-size:11px;color:var(--text-muted,var(--color-muted));margin-top:1px}.p22-timebox em{font-style:normal;font-size:9px;text-transform:uppercase;letter-spacing:.06em;margin-top:6px;color:var(--brand,var(--color-primary,#087e5d))}.p22-event-main{min-width:0}.p22-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.p22-title-row strong{font-size:17px;line-height:1.13;color:var(--text-strong,var(--color-text));font-weight:950;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.p22-status{flex:0 0 auto;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:950;text-transform:uppercase;background:#e7f8ee;color:#006443}.p22-status.ongoing{background:#d8fff0;color:#00784e}.p22-status.full{background:#fff3c4;color:#7a5200}.p22-status.past{background:#e8ecef;color:#66737b}.p22-status.cancelled{background:#ffe1df;color:#9a201a}.p22-meta{font-size:12px;color:var(--text-muted,var(--color-muted));margin-top:5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p22-meta.strong{font-weight:900;color:var(--text-strong,var(--color-text))}.p22-event-avatar-wrap{display:grid;place-items:center}.p22-event-avatar{width:40px!important;height:40px!important}.p22-load-more{width:100%;margin:12px 0 80px}.p22-participant-list{display:grid;gap:10px}.p22-participant-card{position:relative;display:grid;grid-template-columns:1fr;gap:9px;padding:12px 12px 11px;border:1px solid rgba(15,107,79,.10);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(246,251,247,.88));box-shadow:0 10px 24px rgba(16,45,32,.045);overflow:visible}.p22-participant-left{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:start}.p22-avatar-wrap{position:relative;width:54px;height:54px}.p22-index{position:absolute;left:-7px;top:-8px;z-index:3;min-width:25px;height:25px;border-radius:999px;display:grid;place-items:center;background:var(--brand,var(--color-primary,#087e5d));color:#fff;border:2px solid var(--surface,var(--color-surface));font-size:11px;font-weight:950;box-shadow:0 7px 16px rgba(0,0,0,.12)}.p22-avatar{width:54px!important;height:54px!important}.p22-participant-copy{min-width:0;display:grid;gap:5px}.p22-participant-copy strong{font-size:17px;line-height:1.15;font-weight:950;color:var(--text-strong,var(--color-text));white-space:normal;overflow:visible;word-break:break-word}.p22-chips{display:flex;gap:6px;flex-wrap:wrap}.p22-chips em{font-style:normal;font-size:11px;font-weight:950;border-radius:999px;padding:5px 8px;background:rgba(8,126,93,.07);color:var(--text-strong,var(--color-text))}.p22-participant-copy small{font-size:13px;line-height:1.22;color:var(--text-strong,var(--color-text));font-weight:900}.p22-participant-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:nowrap;align-items:center;margin-top:-2px}.p22-action-btn,.p22-action-lock{height:31px;border-radius:999px;border:1px solid var(--line,var(--color-line));padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:4px;background:var(--surface,var(--color-surface));font-size:11px;font-weight:950;color:var(--text-strong,var(--color-text));white-space:nowrap}.p22-action-btn.primary{background:var(--brand,var(--color-primary,#087e5d));border-color:transparent;color:#fff}.p22-action-btn.trophy{background:#fff9de;border-color:#e6ca56}.p22-action-btn.danger{background:#fff0ee;border-color:#ffc5bd;color:#8d2117}.p22-action-lock{background:rgba(8,126,93,.07);color:var(--text-muted,var(--color-muted))}@media(max-width:520px){.p22-discovery-top{padding:14px}.p22-discovery-top h1{font-size:23px}.p22-filter-row{grid-template-columns:1fr}.p22-event-card{grid-template-columns:70px minmax(0,1fr) 38px;gap:10px;padding-right:10px}.p22-timebox{min-height:82px}.p22-timebox strong{font-size:19px}.p22-title-row{display:block}.p22-status{display:inline-flex;margin-top:5px}.p22-participant-card{padding:11px}.p22-participant-left{grid-template-columns:50px minmax(0,1fr);gap:10px}.p22-avatar-wrap,.p22-avatar{width:50px!important;height:50px!important}.p22-participant-copy strong{font-size:16px}.p22-participant-actions{justify-content:flex-end}.p22-action-btn,.p22-action-lock{height:29px;font-size:10px;padding:0 8px}}[data-theme="dark"] .p22-discovery-top,[data-theme="dark"] .p22-filter-card,[data-theme="dark"] .p22-event-card,[data-theme="dark"] .p22-participant-card{background:linear-gradient(135deg,rgba(16,35,27,.98),rgba(10,28,21,.94));border-color:rgba(183,255,53,.18)}[data-theme="dark"] .p22-timebox,[data-theme="dark"] .p22-chips em,[data-theme="dark"] .p22-action-lock{background:rgba(255,255,255,.06)}[data-theme="dark"] .p22-search,[data-theme="dark"] .p22-filter-row select,[data-theme="dark"] .p22-calendar-strip button{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:#f7fff8}[data-theme="dark"] .p22-calendar-strip button.active{background:linear-gradient(180deg,#128662,#0b5c45)}

/* PHASE 3F.23 — stability UX tuneup */
.p23-discovery-screen{padding-bottom:96px}.p23-discovery-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line,var(--color-line));border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,249,241,.72));box-shadow:0 12px 28px rgba(16,45,32,.05);margin-bottom:12px}.p23-discovery-top h1{margin:1px 0 0;font-size:23px;line-height:1.02;color:var(--text-strong,var(--color-text));letter-spacing:-.03em}.p23-reset{border:1px solid var(--line,var(--color-line));background:var(--surface,var(--color-surface));border-radius:16px;padding:10px 12px;font-weight:950;color:var(--text-strong,var(--color-text));box-shadow:0 8px 18px rgba(16,45,32,.05)}.p23-tabs{display:flex;gap:10px;margin:10px 0 12px}.p23-tabs button{border:0;border-radius:999px;padding:11px 17px;background:var(--soft-surface,var(--color-soft));color:var(--text-muted,var(--color-muted));font-weight:950}.p23-tabs button.active{background:var(--brand,var(--color-primary,#087e5d));color:#fff}.p23-calendar-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;margin-bottom:8px;scrollbar-width:thin}.p23-calendar-strip button{min-width:58px;border:1px solid var(--line,var(--color-line));border-radius:18px;background:var(--surface,var(--color-surface));padding:9px 8px;display:grid;gap:2px;justify-items:center;color:var(--text-strong,var(--color-text));box-shadow:0 8px 18px rgba(16,45,32,.04)}.p23-calendar-strip button.active{background:linear-gradient(180deg,var(--brand,var(--color-primary,#087e5d)),#0b6b50);color:#fff;border-color:transparent}.p23-calendar-strip b{font-size:18px;line-height:1}.p23-calendar-strip span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:950;opacity:.8}.p23-filter-card{border:1px solid var(--line,var(--color-line));border-radius:22px;background:rgba(255,255,255,.78);padding:10px;margin-bottom:14px;box-shadow:0 10px 24px rgba(16,45,32,.04)}.p23-search{height:45px;display:flex;align-items:center;gap:8px;border:1px solid var(--line,var(--color-line));background:var(--surface,var(--color-surface));border-radius:16px;padding:0 13px}.p23-search input{border:0;outline:0;background:transparent;color:var(--text-strong,var(--color-text));font-size:14px;width:100%;font-weight:750}.p23-filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.p23-filter-row select{width:100%;height:40px;border:1px solid var(--line,var(--color-line));border-radius:14px;background:var(--surface,var(--color-surface));color:var(--text-strong,var(--color-text));font-weight:850;padding:0 10px}.p23-date-group{margin:16px 0}.p23-date-group h3{margin:0 0 8px;font-size:18px;color:var(--text-strong,var(--color-text))}.p23-event-card{border:1px solid rgba(15,107,79,.08);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(242,249,244,.84));box-shadow:0 12px 24px rgba(16,45,32,.05);margin:9px 0;overflow:hidden}.p23-event-card.ongoing{border-left:4px solid #17b981}.p23-event-card.future,.p23-event-card.open{border-left:4px solid #a7f23a}.p23-event-card.past{opacity:.78}.p23-event-hit{width:100%;border:0;background:transparent;display:grid;grid-template-columns:72px minmax(0,1fr) 42px;gap:11px;align-items:center;text-align:left;padding:10px 10px 8px 0;color:inherit;cursor:pointer}.p23-timebox{align-self:stretch;min-height:78px;display:grid;align-content:center;justify-items:center;background:rgba(8,126,93,.07);border-radius:0 18px 18px 0;color:var(--text-strong,var(--color-text));font-weight:950}.p23-timebox strong{font-size:20px;letter-spacing:-.03em}.p23-timebox span{font-size:10px;color:var(--text-muted,var(--color-muted));margin-top:1px;text-align:center}.p23-timebox em{font-style:normal;font-size:9px;text-transform:uppercase;letter-spacing:.06em;margin-top:6px;color:var(--brand,var(--color-primary,#087e5d))}.p23-event-main{min-width:0}.p23-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.p23-title-row strong{font-size:16px;line-height:1.14;color:var(--text-strong,var(--color-text));font-weight:950;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.p23-status{flex:0 0 auto;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:950;text-transform:uppercase;background:#e7f8ee;color:#006443}.p23-status.ongoing{background:#d8fff0;color:#00784e}.p23-status.full{background:#fff3c4;color:#7a5200}.p23-status.past{background:#e8ecef;color:#66737b}.p23-meta{font-size:12px;color:var(--text-muted,var(--color-muted));margin-top:5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p23-meta.strong{font-weight:900;color:var(--text-strong,var(--color-text))}.p23-event-avatar-wrap{display:grid;place-items:center}.p23-event-avatar{width:38px!important;height:38px!important}.p23-event-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 10px 10px 82px}.p23-event-actions button{border:1px solid var(--line,var(--color-line));border-radius:999px;background:var(--surface,var(--color-surface));font-weight:950;color:var(--text-strong,var(--color-text));padding:8px 12px}.p23-event-actions button.primary{background:var(--brand,var(--color-primary,#087e5d));color:#fff;border-color:transparent}.p23-event-actions button.muted{opacity:.8}.p23-load-more{width:100%;margin:12px 0 80px}.p23-participant-list{display:grid;gap:10px}.p23-participant-card{position:relative;display:grid;gap:8px;padding:12px;border:1px solid rgba(15,107,79,.09);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,251,248,.9));box-shadow:0 10px 24px rgba(16,45,32,.04)}.p23-participant-left{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:start}.p23-avatar-wrap{position:relative;width:54px;height:54px}.p23-index{position:absolute;left:-7px;top:-8px;z-index:3;min-width:25px;height:25px;border-radius:999px;display:grid;place-items:center;background:var(--brand,var(--color-primary,#087e5d));color:#fff;border:2px solid var(--surface,var(--color-surface));font-size:11px;font-weight:950;box-shadow:0 7px 16px rgba(0,0,0,.12)}.p23-avatar{width:54px!important;height:54px!important}.p23-participant-copy{min-width:0;display:grid;gap:5px}.p23-participant-copy strong{font-size:17px;line-height:1.15;font-weight:950;color:var(--text-strong,var(--color-text));white-space:normal;word-break:break-word}.p23-chips{display:flex;gap:6px;flex-wrap:wrap}.p23-chips em{font-style:normal;font-size:11px;font-weight:950;border-radius:999px;padding:5px 8px;background:rgba(8,126,93,.07);color:var(--text-strong,var(--color-text))}.p23-participant-copy small{font-size:13px;line-height:1.22;color:var(--text-strong,var(--color-text));font-weight:900}.p23-participant-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:nowrap}.p23-action-btn,.p23-action-lock{height:30px;border-radius:999px;border:1px solid var(--line,var(--color-line));padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:4px;background:var(--surface,var(--color-surface));font-size:11px;font-weight:950;color:var(--text-strong,var(--color-text));white-space:nowrap}.p23-action-btn.primary{background:var(--brand,var(--color-primary,#087e5d));color:#fff;border-color:transparent}.p23-action-btn.trophy{background:#fff9de;border-color:#e6ca56}.p23-action-btn.danger{background:#fff0ee;border-color:#ffc5bd;color:#8d2117}.p23-action-lock{background:rgba(8,126,93,.07);color:var(--text-muted,var(--color-muted))}@media(max-width:520px){.p23-discovery-top h1{font-size:22px}.p23-filter-row{grid-template-columns:1fr}.p23-event-hit{grid-template-columns:68px minmax(0,1fr) 36px}.p23-timebox{min-height:76px}.p23-timebox strong{font-size:18px}.p23-event-actions{padding-left:78px}.p23-title-row{display:block}.p23-status{display:inline-flex;margin-top:5px}.p23-participant-left{grid-template-columns:50px minmax(0,1fr)}.p23-avatar-wrap,.p23-avatar{width:50px!important;height:50px!important}.p23-participant-copy strong{font-size:16px}.p23-action-btn,.p23-action-lock{height:29px;font-size:10px;padding:0 8px}}[data-theme="dark"] .p23-discovery-top,[data-theme="dark"] .p23-filter-card,[data-theme="dark"] .p23-event-card,[data-theme="dark"] .p23-participant-card{background:linear-gradient(135deg,rgba(16,35,27,.98),rgba(10,28,21,.94));border-color:rgba(183,255,53,.18)}[data-theme="dark"] .p23-timebox,[data-theme="dark"] .p23-chips em,[data-theme="dark"] .p23-action-lock{background:rgba(255,255,255,.06)}[data-theme="dark"] .p23-search,[data-theme="dark"] .p23-filter-row select,[data-theme="dark"] .p23-calendar-strip button{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:#f7fff8}[data-theme="dark"] .p23-calendar-strip button.active{background:linear-gradient(180deg,#128662,#0b5c45)}

/* PHASE 3F.25 FINAL — compact event discovery + stable participant actions */
.p25-discovery-screen{padding-bottom:96px}.p25-discovery-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line,var(--color-line));border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,249,241,.72));box-shadow:0 10px 24px rgba(16,45,32,.05);margin-bottom:12px}.p25-discovery-top h1{margin:1px 0 0;font-size:22px;line-height:1.05;letter-spacing:-.03em;color:var(--text-strong,var(--color-text))}.p25-reset{border:1px solid var(--line,var(--color-line));background:var(--surface,var(--color-surface));border-radius:16px;padding:10px 13px;font-weight:950;color:var(--text-strong,var(--color-text));box-shadow:0 8px 18px rgba(16,45,32,.05)}.p25-tabs{display:flex;gap:9px;margin:12px 0}.p25-tabs button{border:0;border-radius:999px;padding:11px 17px;background:var(--soft-surface,var(--color-soft));color:var(--text-strong,var(--color-text));font-weight:950}.p25-tabs button.active{background:var(--brand,var(--color-primary,#087e5d));color:#fff}.p25-tabs b{margin-left:4px}.p25-calendar-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 0 11px;scrollbar-width:thin}.p25-calendar-strip button{min-width:58px;border:1px solid var(--line,var(--color-line));border-radius:17px;background:var(--surface,var(--color-surface));padding:9px 8px;display:grid;gap:2px;justify-items:center;color:var(--text-strong,var(--color-text));box-shadow:0 8px 18px rgba(16,45,32,.04)}.p25-calendar-strip button.active{background:linear-gradient(180deg,var(--brand,var(--color-primary,#087e5d)),#0b6b50);color:#fff;border-color:transparent}.p25-calendar-strip b{font-size:18px;line-height:1}.p25-calendar-strip span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:950;opacity:.82}.p25-filter-card{border:1px solid var(--line,var(--color-line));border-radius:22px;background:rgba(255,255,255,.78);padding:12px;margin:4px 0 16px;box-shadow:0 10px 24px rgba(16,45,32,.04)}.p25-search{height:46px;display:flex;align-items:center;gap:8px;border:1px solid var(--line,var(--color-line));background:var(--surface,var(--color-surface));border-radius:16px;padding:0 13px}.p25-search input{border:0;outline:0;background:transparent;color:var(--text-strong,var(--color-text));font-size:14px;width:100%;font-weight:750}.p25-filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.p25-filter-row select{width:100%;height:40px;border:1px solid var(--line,var(--color-line));border-radius:14px;background:var(--surface,var(--color-surface));color:var(--text-strong,var(--color-text));font-weight:850;padding:0 10px;font-size:12px}.p25-date-group{margin:16px 0}.p25-date-group h3{margin:0 0 8px;font-size:17px;line-height:1.1;color:var(--text-strong,var(--color-text));letter-spacing:-.02em}.p25-event-card{border:1px solid rgba(15,107,79,.08);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(244,250,245,.86));box-shadow:0 10px 22px rgba(16,45,32,.05);margin:9px 0;overflow:hidden}.p25-event-hit{width:100%;border:0;background:transparent;text-align:left;display:grid;grid-template-columns:86px minmax(0,1fr) 44px;gap:10px;align-items:stretch;padding:0;cursor:pointer;color:inherit}.p25-datebox{min-height:82px;display:grid;align-content:center;justify-items:center;background:rgba(8,126,93,.065);border-radius:0 18px 18px 0;color:var(--text-strong,var(--color-text));font-weight:950;padding:8px 4px}.p25-datebox strong{font-size:18px;letter-spacing:-.03em;white-space:nowrap}.p25-datebox span{font-size:10px;color:var(--text-muted,var(--color-muted));margin-top:2px;line-height:1.2;text-align:center}.p25-datebox em{font-style:normal;font-size:9px;text-transform:uppercase;letter-spacing:.06em;margin-top:5px;color:var(--brand,var(--color-primary,#087e5d))}.p25-event-main{min-width:0;align-self:center;padding:10px 0}.p25-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.p25-title-row strong{font-size:16px;line-height:1.14;color:var(--text-strong,var(--color-text));font-weight:950;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.p25-status{flex:0 0 auto;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:950;text-transform:uppercase;background:#e7f8ee;color:#006443}.p25-status.ongoing{background:#d8fff0;color:#00784e}.p25-status.full{background:#fff3c4;color:#7a5200}.p25-status.past{background:#e8ecef;color:#66737b}.p25-status.cancelled{background:#ffe1df;color:#9a201a}.p25-meta{font-size:12px;color:var(--text-muted,var(--color-muted));margin-top:4px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p25-meta.strong{font-weight:900;color:var(--text-strong,var(--color-text))}.p25-avatar-wrap{display:grid;place-items:center;align-self:center;padding-right:7px}.p25-event-avatar{width:38px!important;height:38px!important}.p25-event-actions{display:flex;gap:7px;justify-content:flex-end;border-top:1px solid rgba(15,107,79,.08);padding:8px 10px}.p25-event-actions button{border:1px solid var(--line,var(--color-line));border-radius:999px;background:var(--surface,var(--color-surface));padding:7px 12px;font-weight:950;color:var(--text-strong,var(--color-text));font-size:12px}.p25-event-actions button.primary{background:var(--brand,var(--color-primary,#087e5d));border-color:transparent;color:#fff}.p25-event-actions button.muted{background:rgba(8,126,93,.07)}.p25-load-more{width:100%;margin:12px 0 80px}.p25-participant-list{display:grid;gap:10px}.p25-participant-card{position:relative;display:grid;gap:9px;padding:12px;border:1px solid rgba(15,107,79,.09);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,252,248,.9));box-shadow:0 10px 24px rgba(16,45,32,.035);overflow:visible}.p25-participant-left{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:start}.p25-avatar-wrap{position:relative;width:54px;height:54px}.p25-index{position:absolute;left:-7px;top:-8px;z-index:3;min-width:25px;height:25px;border-radius:999px;display:grid;place-items:center;background:var(--brand,var(--color-primary,#087e5d));color:#fff;border:2px solid var(--surface,var(--color-surface));font-size:11px;font-weight:950;box-shadow:0 7px 16px rgba(0,0,0,.12)}.p25-avatar{width:54px!important;height:54px!important}.p25-participant-copy{min-width:0;display:grid;gap:5px}.p25-participant-copy strong{font-size:17px;line-height:1.15;font-weight:950;color:var(--text-strong,var(--color-text));white-space:normal;overflow:visible;word-break:break-word}.p25-chips{display:flex;gap:6px;flex-wrap:wrap}.p25-chips em{font-style:normal;font-size:11px;font-weight:950;border-radius:999px;padding:5px 8px;background:rgba(8,126,93,.07);color:var(--text-strong,var(--color-text))}.p25-participant-copy small{font-size:13px;line-height:1.22;color:var(--text-strong,var(--color-text));font-weight:900}.p25-participant-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:nowrap;align-items:center}.p25-action-btn,.p25-action-lock{height:30px;border-radius:999px;border:1px solid var(--line,var(--color-line));padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:4px;background:var(--surface,var(--color-surface));font-size:11px;font-weight:950;color:var(--text-strong,var(--color-text));white-space:nowrap}.p25-action-btn.primary{background:var(--brand,var(--color-primary,#087e5d));border-color:transparent;color:#fff}.p25-action-btn.trophy{background:#fff9de;border-color:#e6ca56}.p25-action-btn.danger{background:#fff0ee;border-color:#ffc5bd;color:#8d2117}.p25-action-lock{background:rgba(8,126,93,.07);color:var(--text-muted,var(--color-muted))}@media(max-width:520px){.p25-discovery-top{padding:13px 14px}.p25-discovery-top h1{font-size:21px}.p25-filter-row{grid-template-columns:1fr}.p25-event-hit{grid-template-columns:78px minmax(0,1fr) 38px}.p25-datebox{min-height:80px}.p25-datebox strong{font-size:16px}.p25-title-row{display:block}.p25-status{display:inline-flex;margin-top:5px}.p25-event-actions{padding:7px 9px}.p25-participant-card{padding:11px}.p25-participant-left{grid-template-columns:50px minmax(0,1fr);gap:10px}.p25-avatar-wrap,.p25-avatar{width:50px!important;height:50px!important}.p25-participant-copy strong{font-size:16px}.p25-action-btn,.p25-action-lock{height:29px;font-size:10px;padding:0 8px}}[data-theme="dark"] .p25-discovery-top,[data-theme="dark"] .p25-filter-card,[data-theme="dark"] .p25-event-card,[data-theme="dark"] .p25-participant-card{background:linear-gradient(135deg,rgba(16,35,27,.98),rgba(10,28,21,.94));border-color:rgba(183,255,53,.18)}[data-theme="dark"] .p25-datebox,[data-theme="dark"] .p25-chips em,[data-theme="dark"] .p25-action-lock{background:rgba(255,255,255,.06)}[data-theme="dark"] .p25-search,[data-theme="dark"] .p25-filter-row select,[data-theme="dark"] .p25-calendar-strip button{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:#f7fff8}[data-theme="dark"] .p25-calendar-strip button.active{background:linear-gradient(180deg,#128662,#0b5c45)}

/* PHASE 3F.27 — fullscreen score history / TV cast mode + home action split */
.p27-score-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;margin:10px 0;border:1px solid var(--line,var(--color-line));border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(238,249,241,.78));box-shadow:0 8px 22px rgba(16,45,32,.05)}
.p27-score-toolbar strong{display:block;font-size:15px;color:var(--text-strong,var(--color-text));line-height:1.1}.p27-score-toolbar span{display:block;font-size:12px;color:var(--text-muted,var(--color-muted));margin-top:2px}.p27-tv-button{white-space:nowrap}.p27-home-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.p27-home-actions .btn{min-height:42px;border-radius:14px}.p27-home-actions .btn:only-child{grid-column:1/-1}.p27-home-actions .btn-mini{grid-column:1/-1;min-height:34px}.p27-tv-open{overflow:hidden!important}.p27-tv-shell{position:fixed;inset:0;z-index:99999;background:radial-gradient(circle at top,#f3fff1,#e9f2e6 45%,#dfe8da);color:#063f32;display:grid;grid-template-rows:auto auto 1fr auto;font-family:inherit}.p27-tv-header{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(8,76,58,.14);backdrop-filter:blur(14px)}.p27-tv-header small{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:950;color:#087e5d}.p27-tv-header strong{display:block;font-size:22px;line-height:1.1;letter-spacing:-.03em}.p27-tv-close{border:1px solid rgba(8,76,58,.18);background:#fff;border-radius:999px;padding:10px 14px;font-weight:950;color:#063f32}.p27-tv-roundbar{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:10px 18px;background:rgba(235,247,238,.94);border-bottom:1px solid rgba(8,76,58,.1)}.p27-tv-title{display:flex;align-items:center;gap:8px}.p27-tv-title span{text-transform:uppercase;letter-spacing:.16em;font-weight:950;font-size:10px}.p27-tv-title b{font-size:24px}.p27-tv-title em{font-style:normal;border-radius:999px;background:#dff8e9;padding:5px 10px;font-weight:950;font-size:11px;color:#087e5d}.p27-tv-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0}.p27-tv-tabs button{border:1px solid rgba(8,76,58,.16);background:#fff;border-radius:999px;padding:9px 13px;font-weight:950;color:#063f32}.p27-tv-tabs button.active{background:#087e5d;color:#fff;border-color:#087e5d}.p27-tv-board{overflow:auto;padding:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));align-content:start;gap:16px}.p27-tv-match{position:relative;border:1px solid rgba(8,76,58,.16);border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 18px 46px rgba(16,45,32,.11);padding:18px;min-height:220px}.p27-tv-court{position:absolute;right:18px;top:16px;border-radius:999px;background:#ecf7ef;padding:7px 12px;font-weight:950;color:#315e51}.p27-tv-row{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:14px;align-items:center;padding:18px 0}.p27-tv-row span{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:950;color:#6a7e77}.p27-tv-row strong{display:block;margin-top:6px;font-size:clamp(22px,4vw,38px);line-height:1.05;word-break:break-word}.p27-tv-row b{display:grid;place-items:center;min-height:84px;border-radius:18px;background:#050807;color:#fff;font-size:clamp(34px,7vw,66px);font-weight:950;font-variant-numeric:tabular-nums;box-shadow:inset 0 2px 9px rgba(255,255,255,.18),0 14px 30px rgba(0,0,0,.18);text-shadow:0 0 10px rgba(183,255,53,.28)}.p27-tv-row.winner{background:linear-gradient(90deg,rgba(255,219,86,.22),transparent);border-radius:18px;padding-left:12px}.p27-tv-vs{text-align:center;font-size:12px;font-weight:950;letter-spacing:.18em;color:#087e5d}.p27-tv-footer{position:sticky;bottom:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;background:rgba(255,255,255,.9);border-top:1px solid rgba(8,76,58,.12);backdrop-filter:blur(14px)}.p27-tv-footer strong{display:block;font-size:16px}.p27-tv-footer span{display:block;font-size:12px;color:#60726c}.p27-tv-actions{display:flex;gap:8px}.p27-tv-actions button,.p27-tv-footer>button{border:1px solid rgba(8,76,58,.16);background:#fff;border-radius:999px;padding:11px 14px;font-weight:950;color:#063f32}.p27-tv-actions button.primary{background:#087e5d;color:#fff;border-color:#087e5d}.p27-tv-empty{grid-column:1/-1;text-align:center;border:1px dashed rgba(8,76,58,.2);border-radius:24px;padding:40px;background:rgba(255,255,255,.65);font-weight:900}@media(max-width:680px){.p27-tv-header strong{font-size:18px}.p27-tv-roundbar{grid-template-columns:1fr}.p27-tv-board{grid-template-columns:1fr;padding:12px}.p27-tv-match{border-radius:22px;padding:14px}.p27-tv-row{grid-template-columns:1fr 78px}.p27-tv-row b{min-height:68px}.p27-tv-footer{align-items:flex-start;flex-direction:column}.p27-tv-actions{width:100%}.p27-tv-actions button{flex:1}.p27-home-actions{grid-template-columns:1fr 1fr}}
[data-theme="dark"] .p27-score-toolbar{background:linear-gradient(135deg,rgba(16,35,27,.98),rgba(10,28,21,.94));border-color:rgba(183,255,53,.18)}[data-theme="dark"] .p27-tv-shell{background:radial-gradient(circle at top,#123626,#071a13 70%);color:#f7fff8}[data-theme="dark"] .p27-tv-header,[data-theme="dark"] .p27-tv-footer{background:rgba(7,20,15,.9);border-color:rgba(255,255,255,.12)}[data-theme="dark"] .p27-tv-roundbar{background:rgba(10,28,21,.94);border-color:rgba(255,255,255,.1)}[data-theme="dark"] .p27-tv-close,[data-theme="dark"] .p27-tv-tabs button,[data-theme="dark"] .p27-tv-actions button,[data-theme="dark"] .p27-tv-footer>button{background:rgba(255,255,255,.06);color:#f7fff8;border-color:rgba(255,255,255,.16)}[data-theme="dark"] .p27-tv-tabs button.active,[data-theme="dark"] .p27-tv-actions button.primary{background:#b7ff35;color:#062016;border-color:#b7ff35}[data-theme="dark"] .p27-tv-match{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}[data-theme="dark"] .p27-tv-court{background:rgba(255,255,255,.08);color:#dfffea}[data-theme="dark"] .p27-tv-row b{background:#f8fff9;color:#07130e;text-shadow:none}

/* PHASE 3F.28 — cancellation + premium fullscreen scoreboard */
.global-dialog-shell,.modal-shell.global-dialog-shell{z-index:2147483647!important}.p28-tv-open{overflow:hidden!important}.p28-tv-shell{position:fixed;inset:0;z-index:99999;background:linear-gradient(180deg,#f6fff4 0%,#eaf4e8 100%);color:#063f32;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;font-family:inherit}.p28-tv-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(8,76,58,.13);backdrop-filter:blur(16px)}.p28-tv-head small{display:block;text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:950;color:#087e5d}.p28-tv-head strong{display:block;font-size:clamp(19px,2.8vw,30px);line-height:1.02;letter-spacing:-.04em}.p28-normal{border:1px solid rgba(8,76,58,.18);background:#fff;border-radius:18px;padding:10px 14px;font-weight:950;color:#063f32;box-shadow:0 8px 18px rgba(9,60,45,.08)}.p28-round-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:10px 18px;background:rgba(230,246,235,.96);border-bottom:1px solid rgba(8,76,58,.1)}.p28-round-title{display:flex;align-items:center;gap:8px;white-space:nowrap}.p28-round-title span{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:950}.p28-round-title b{font-size:28px;letter-spacing:-.05em}.p28-round-title em{font-style:normal;background:#d9f7e5;color:#087e5d;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:950}.p28-round-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:4px 0}.p28-round-tabs button{min-width:58px;border:1px solid rgba(8,76,58,.16);background:#fff;border-radius:18px;padding:8px 10px;font-weight:950;color:#063f32;box-shadow:0 7px 14px rgba(8,76,58,.04)}.p28-round-tabs button b{display:block;font-size:15px}.p28-round-tabs button small{display:block;font-size:10px;line-height:1}.p28-round-tabs button.active{background:#087e5d;color:#fff;border-color:#087e5d;box-shadow:0 10px 24px rgba(8,126,93,.22)}.p28-score-area{min-height:0;overflow:auto;padding:12px 14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;align-content:start}.p28-score-area.fit-two{align-content:center}.p28-tv-match{position:relative;border:1px solid rgba(8,76,58,.14);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 14px 34px rgba(16,45,32,.09);padding:12px;display:grid;gap:7px;min-height:0}.p28-court-pill{position:absolute;right:10px;top:10px;z-index:2;border-radius:999px;background:#e9f6ed;color:#285a4e;border:1px solid rgba(8,76,58,.1);padding:4px 9px;font-weight:950;font-size:12px;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p28-scoreline{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:10px;align-items:center;padding:12px 8px;border-radius:18px}.p28-scoreline.winner{background:linear-gradient(90deg,rgba(255,222,87,.25),rgba(255,255,255,.05))}.p28-team span{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:950;color:#668077}.p28-team strong{display:block;margin-top:5px;font-size:clamp(18px,3.1vw,30px);line-height:1.08;word-break:break-word;padding-right:16px}.p28-scorebox{display:grid;place-items:center;min-height:64px;border-radius:16px;background:#050807;color:#fff;font-size:clamp(30px,6vw,54px);font-weight:950;font-variant-numeric:tabular-nums;box-shadow:inset 0 2px 9px rgba(255,255,255,.18),0 12px 26px rgba(0,0,0,.18);text-shadow:0 0 9px rgba(183,255,53,.32)}.p28-vs{text-align:center;font-size:11px;font-weight:950;letter-spacing:.22em;color:#087e5d;line-height:1}.p28-tv-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;background:rgba(255,255,255,.94);border-top:1px solid rgba(8,76,58,.13);backdrop-filter:blur(16px)}.p28-tv-foot strong{display:block;font-size:15px}.p28-tv-foot span{display:block;font-size:12px;color:#60726c}.p28-foot-actions{display:flex;gap:8px}.p28-foot-actions button,.p28-tv-foot>button{border:1px solid rgba(8,76,58,.16);background:#fff;border-radius:999px;padding:11px 16px;font-weight:950;color:#063f32}.p28-foot-actions button.primary{background:#087e5d;color:#fff;border-color:#087e5d}.p28-empty{grid-column:1/-1;text-align:center;border:1px dashed rgba(8,76,58,.2);border-radius:22px;padding:28px;background:rgba(255,255,255,.6);font-weight:900}.p28-event-cancel-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;border-color:rgba(190,52,37,.18);background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,242,239,.78))}.p28-event-cancel-panel strong{display:block;font-size:18px}.p28-event-cancel-panel span{display:block;color:var(--text-secondary);font-size:13px;margin-top:3px}.p28-cancelled-note{border-color:rgba(190,52,37,.18);background:rgba(255,239,235,.84)}.p28-cancelled-note strong{display:block;font-size:18px}.p28-cancelled-note span{display:block;margin-top:5px;color:var(--text-secondary)}.p28-reason-label{display:grid;gap:7px;margin-top:12px;font-weight:900;color:var(--text-primary)}.p28-reason{width:100%;resize:vertical;border:1px solid var(--border);border-radius:14px;background:var(--bg-card);color:var(--text-primary);padding:10px 12px;font:inherit;line-height:1.35}.badge-danger-soft{background:rgba(190,52,37,.12)!important;color:#8a2118!important;border:1px solid rgba(190,52,37,.18)!important}@media(max-width:680px){.p28-tv-head{padding:10px 12px}.p28-tv-head strong{font-size:18px}.p28-normal{padding:9px 12px}.p28-round-head{grid-template-columns:1fr;padding:9px 12px;gap:7px}.p28-round-title b{font-size:23px}.p28-score-area{grid-template-columns:1fr;padding:10px;gap:10px}.p28-tv-match{border-radius:20px;padding:10px}.p28-scoreline{grid-template-columns:minmax(0,1fr) 66px;padding:10px 6px}.p28-scorebox{min-height:56px}.p28-team strong{font-size:18px}.p28-tv-foot{padding:9px 12px;align-items:flex-start;flex-direction:column}.p28-foot-actions{width:100%}.p28-foot-actions button{flex:1}.p28-event-cancel-panel{align-items:flex-start;flex-direction:column}.p28-event-cancel-panel .btn{width:100%}}
[data-theme="dark"] .p28-tv-shell{background:linear-gradient(180deg,#092217 0%,#061710 100%);color:#f7fff8}[data-theme="dark"] .p28-tv-head,[data-theme="dark"] .p28-tv-foot{background:rgba(7,20,15,.93);border-color:rgba(255,255,255,.12)}[data-theme="dark"] .p28-round-head{background:rgba(10,28,21,.95);border-color:rgba(255,255,255,.1)}[data-theme="dark"] .p28-normal,[data-theme="dark"] .p28-round-tabs button,[data-theme="dark"] .p28-foot-actions button,[data-theme="dark"] .p28-tv-foot>button{background:rgba(255,255,255,.06);color:#f7fff8;border-color:rgba(255,255,255,.16)}[data-theme="dark"] .p28-round-tabs button.active,[data-theme="dark"] .p28-foot-actions button.primary{background:#b7ff35;color:#062016;border-color:#b7ff35}[data-theme="dark"] .p28-tv-match{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}[data-theme="dark"] .p28-court-pill{background:rgba(255,255,255,.08);color:#e9fff1;border-color:rgba(255,255,255,.12)}[data-theme="dark"] .p28-scorebox{background:#f8fff9;color:#07130e;text-shadow:none}[data-theme="dark"] .p28-event-cancel-panel{background:linear-gradient(135deg,rgba(40,16,14,.82),rgba(18,35,27,.96));border-color:rgba(255,126,99,.22)}[data-theme="dark"] .p28-cancelled-note{background:rgba(59,22,17,.72);border-color:rgba(255,126,99,.2)}

/* PHASE 3F.29 — premium fullscreen scoreboard score input */
.p29-tv-open{overflow:hidden!important}.p29-tv-shell{position:fixed;inset:0;z-index:120000;background:linear-gradient(180deg,#f7fff6,#e8f3e8);color:#073d31;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.p29-tv-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(8,76,58,.12);backdrop-filter:blur(18px)}.p29-tv-head small{display:block;text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:950;color:#087e5d}.p29-tv-head strong{display:block;font-size:clamp(18px,3vw,28px);line-height:1.04}.p29-normal{border:1px solid rgba(8,76,58,.18);background:#fff;border-radius:18px;padding:9px 14px;font-weight:950;color:#073d31}.p29-round-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:10px 16px;background:linear-gradient(90deg,rgba(222,246,232,.96),rgba(240,250,237,.96));border-bottom:1px solid rgba(8,76,58,.11)}.p29-round-title{display:flex;align-items:center;gap:8px;white-space:nowrap}.p29-round-title span{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:950}.p29-round-title b{font-size:28px}.p29-round-title em{font-style:normal;background:#dbf7e5;color:#087e5d;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:950}.p29-round-tabs{display:flex;gap:8px;overflow-x:auto;padding:3px 2px 5px}.p29-round-tabs button{min-width:62px;border:1px solid rgba(8,76,58,.17);background:#fff;border-radius:18px;padding:8px 11px;font-weight:950;color:#073d31;box-shadow:0 7px 16px rgba(8,76,58,.05)}.p29-round-tabs button b{display:block;font-size:15px;line-height:1}.p29-round-tabs button small{display:block;font-size:10px;line-height:1;margin-top:2px;color:#0a8b69}.p29-round-tabs button.active{background:#087e5d;color:#fff;border-color:#087e5d;box-shadow:0 10px 24px rgba(8,126,93,.24)}.p29-round-tabs button.active small{color:#fff}.p29-score-area{min-height:0;overflow:auto;padding:10px 12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;align-content:start}.p29-score-area.fit-two{align-content:center}.p29-tv-match{border:1px solid rgba(8,76,58,.14);border-radius:22px;background:rgba(255,255,255,.95);box-shadow:0 14px 34px rgba(16,45,32,.09);padding:10px;display:grid;gap:5px}.p29-match-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:1px}.p29-match-head span{border-radius:999px;background:#e8f6ed;color:#285a4e;border:1px solid rgba(8,76,58,.10);padding:4px 9px;font-weight:950;font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p29-match-head em{font-style:normal;font-size:11px;color:#6b7f77;font-weight:850}.p29-score-row{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:9px;align-items:center;padding:8px;border-radius:16px}.p29-score-row.winner{background:linear-gradient(90deg,rgba(255,222,87,.22),rgba(255,255,255,.02))}.p29-team small{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:950;color:#668077}.p29-team strong{display:block;margin-top:4px;font-size:clamp(16px,3vw,26px);line-height:1.08;word-break:break-word}.p29-scorebox{appearance:none;border:0;display:grid;place-items:center;min-height:54px;border-radius:15px;background:#050807;color:#fff;font-size:clamp(27px,5vw,48px);font-weight:950;font-variant-numeric:tabular-nums;box-shadow:inset 0 2px 8px rgba(255,255,255,.18),0 10px 22px rgba(0,0,0,.18);text-shadow:0 0 10px rgba(183,255,53,.34);cursor:default}.p29-scorebox.editable{cursor:pointer;outline:2px solid rgba(183,255,53,.12)}.p29-vs{text-align:center;font-size:10px;font-weight:950;letter-spacing:.22em;color:#087e5d}.p29-tv-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;background:rgba(255,255,255,.95);border-top:1px solid rgba(8,76,58,.13)}.p29-tv-foot strong{display:block;font-size:14px}.p29-tv-foot span{display:block;font-size:12px;color:#60726c}.p29-foot-actions{display:flex;gap:8px}.p29-foot-actions button,.p29-tv-foot>button{border:1px solid rgba(8,76,58,.16);background:#fff;border-radius:999px;padding:10px 16px;font-weight:950;color:#063f32}.p29-foot-actions button.primary{background:#087e5d;color:#fff;border-color:#087e5d}.p29-empty{grid-column:1/-1;text-align:center;border:1px dashed rgba(8,76,58,.2);border-radius:22px;padding:28px;background:rgba(255,255,255,.6);font-weight:900}.p29-score-modal{z-index:2147483647!important}.p29-score-dialog{max-width:560px}.p29-score-dialog .score-pad-grid{max-height:min(56vh,420px);overflow:auto}
@media(max-width:680px){.p29-tv-head{padding:9px 12px}.p29-tv-head strong{font-size:18px}.p29-round-head{grid-template-columns:1fr;padding:8px 10px;gap:7px}.p29-round-title b{font-size:23px}.p29-round-tabs button{min-width:54px;padding:7px 9px}.p29-score-area{grid-template-columns:1fr;padding:9px 10px;gap:9px}.p29-tv-match{border-radius:19px;padding:9px}.p29-score-row{grid-template-columns:minmax(0,1fr) 60px;padding:7px}.p29-scorebox{min-height:50px;font-size:30px}.p29-team strong{font-size:17px}.p29-match-head em{display:none}.p29-tv-foot{padding:8px 10px;align-items:flex-start;flex-direction:column}.p29-foot-actions{width:100%}.p29-foot-actions button{flex:1}.p29-score-area.fit-two{align-content:start}}
@media(max-height:680px){.p29-tv-head{padding-top:7px;padding-bottom:7px}.p29-round-head{padding-top:6px;padding-bottom:6px}.p29-tv-match{padding:8px;gap:3px}.p29-score-row{padding:6px 7px}.p29-scorebox{min-height:46px}.p29-team strong{font-size:16px}.p29-tv-foot{padding-top:7px;padding-bottom:7px}.p29-score-area{gap:7px}}
[data-theme="dark"] .p29-tv-shell{background:linear-gradient(180deg,#092217,#061710);color:#f7fff8}[data-theme="dark"] .p29-tv-head,[data-theme="dark"] .p29-tv-foot{background:rgba(7,20,15,.94);border-color:rgba(255,255,255,.12)}[data-theme="dark"] .p29-round-head{background:rgba(10,28,21,.96);border-color:rgba(255,255,255,.1)}[data-theme="dark"] .p29-normal,[data-theme="dark"] .p29-round-tabs button,[data-theme="dark"] .p29-foot-actions button,[data-theme="dark"] .p29-tv-foot>button{background:rgba(255,255,255,.06);color:#f7fff8;border-color:rgba(255,255,255,.16)}[data-theme="dark"] .p29-round-tabs button.active,[data-theme="dark"] .p29-foot-actions button.primary{background:#b7ff35;color:#062016;border-color:#b7ff35}[data-theme="dark"] .p29-tv-match{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}[data-theme="dark"] .p29-match-head span{background:rgba(255,255,255,.08);color:#e9fff1;border-color:rgba(255,255,255,.12)}[data-theme="dark"] .p29-scorebox{background:#f8fff9;color:#07130e;text-shadow:none}.global-dialog-shell,.modal-shell.global-dialog-shell,.modal-shell.p29-score-modal{z-index:2147483647!important}

/* PHASE 3F.31 — Court alias editor restore */
.p31-court-alias-card{
  border:1px solid var(--border);
  background:linear-gradient(135deg,var(--bg-card),rgba(233,246,237,.72));
  border-radius:22px;
  padding:14px;
  margin-top:12px;
  box-shadow:0 12px 28px rgba(9,60,45,.06);
}
.p31-alias-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
.p31-alias-head strong{display:block;font-size:1rem;color:var(--text-primary);font-weight:950;}
.p31-alias-head span{display:block;margin-top:3px;font-size:.78rem;line-height:1.3;color:var(--text-secondary);font-weight:750;}
.p31-alias-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;}
.p31-alias-row{display:grid;gap:6px;font-weight:900;color:var(--text-primary);font-size:.78rem;}
.p31-alias-row input{width:100%;height:42px;border:1px solid var(--border);border-radius:14px;background:var(--bg-surface);color:var(--text-primary);padding:0 12px;font:inherit;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.55);}
.p31-alias-row input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(8,126,93,.12);}
html[data-theme="dark"] .p31-court-alias-card{background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(183,255,53,.06));border-color:rgba(255,255,255,.14)}
html[data-theme="dark"] .p31-alias-row input{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#f7fff8;}

/* PHASE 3F.33 — cancel lock + court alias restore */
.p33-court-alias-card{margin-top:12px;border:1px solid rgba(8,76,58,.13);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(241,250,244,.92));border-radius:20px;padding:14px;box-shadow:0 14px 32px rgba(8,76,58,.07)}
.p33-court-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.p33-court-head strong{display:block;font-size:17px;color:var(--ink,#073d31)}.p33-court-head span{display:block;font-size:12px;line-height:1.35;color:var(--muted,#63776e);margin-top:2px}.p33-court-head em{font-style:normal;font-size:11px;font-weight:900;color:#9b2c2c;background:#ffe8e8;border:1px solid #ffd1d1;border-radius:999px;padding:5px 8px;white-space:nowrap}.p33-court-grid{display:grid;gap:9px}.p33-court-row{display:grid;gap:5px}.p33-court-row span{font-size:12px;font-weight:950;color:#0d4a3a}.p33-court-row input{width:100%;border:1px solid rgba(8,76,58,.16);background:#fff;border-radius:15px;padding:11px 13px;font-weight:850;color:#073d31}.p33-court-row input[readonly]{opacity:.72;background:#eef5ef}.p33-save-court{margin-top:10px;width:100%;border-radius:16px}.p33-host-cancelled{border:1px solid rgba(180,35,24,.18)!important;background:linear-gradient(180deg,#fff7f4,#fff)!important}.chip.danger{background:#ffe8e8!important;color:#9b1c16!important}.p28-event-cancel-panel,.p33-court-alias-card{position:relative;z-index:1}
[data-theme="dark"] .p33-court-alias-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}[data-theme="dark"] .p33-court-row input{background:rgba(255,255,255,.08);color:#f7fff8;border-color:rgba(255,255,255,.16)}[data-theme="dark"] .p33-court-head span{color:#bdd4cb}

/* PHASE 3F.34 REAL — participant search + invite + home status */
.p34-event-card .p34-card-actions,
.p34-card-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:12px;
}
.p34-card-actions .btn{min-height:38px;padding:9px 10px;font-size:12px;white-space:nowrap;}
.p34-member-search-card{
  margin:12px 0 14px;
  padding:12px;
  border:1px solid var(--line, rgba(15,107,79,.16));
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,252,248,.88));
  box-shadow:0 8px 24px rgba(16,45,32,.055);
}
.dark .p34-member-search-card,
[data-theme="dark"] .p34-member-search-card{
  background:linear-gradient(180deg,rgba(20,34,28,.94),rgba(12,24,19,.92));
  border-color:rgba(255,255,255,.12);
}
.p34-search-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px;}
.p34-search-head strong{display:block;font-size:14px;color:var(--text, var(--ink,#17231d));}
.p34-search-head span{display:block;font-size:12px;color:var(--muted,#65756d);line-height:1.35;margin-top:2px;}
.p34-search-box{display:flex;gap:8px;align-items:center;margin-bottom:10px;}
.p34-search-box input{
  flex:1;min-width:0;height:42px;border:1px solid var(--line,#dfe8e2);border-radius:14px;padding:0 12px;background:var(--surface,#fff);color:var(--text,#17231d);outline:none;
}
.p34-search-box input:focus{border-color:var(--brand,#0f6b4f);box-shadow:0 0 0 3px rgba(15,107,79,.1);}
.p34-member-results{display:grid;gap:8px;}
.p34-member-row{
  display:flex;align-items:center;gap:10px;padding:9px;border:1px solid rgba(15,107,79,.12);border-radius:16px;background:rgba(255,255,255,.72);
}
.dark .p34-member-row,[data-theme="dark"] .p34-member-row{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);}
.p34-member-avatar{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:var(--brand,#0f6b4f);color:#fff;font-weight:900;flex:0 0 auto;}
.p34-member-info{min-width:0;flex:1;}
.p34-member-info strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text,#17231d);}
.p34-member-info span{display:block;font-size:11px;color:var(--muted,#65756d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.p34-member-actions{display:flex;gap:6px;align-items:center;flex:0 0 auto;}
.p34-member-actions .btn{min-height:32px;padding:7px 9px;font-size:11px;}
@media(max-width:520px){
  .p34-search-head{display:block;}
  .p34-search-head .btn{margin-top:8px;width:100%;}
  .p34-member-row{align-items:flex-start;}
  .p34-member-actions{flex-direction:column;align-items:stretch;}
  .p34-card-actions{grid-template-columns:1fr 1fr;}
}

/* PHASE 3F.34 HARD INTEGRATION — participant search + invite visible UI */
.p34-hard-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.p34-hard-card-actions .btn{min-width:0;justify-content:center;white-space:nowrap}.p34-hard-invite-panel{margin:12px 0;padding:14px;border-radius:20px;background:linear-gradient(135deg,rgba(15,107,79,.08),rgba(145,200,111,.10));border:1px solid var(--line,#dfe8e2);box-shadow:0 8px 26px rgba(16,45,32,.06)}.p34-hard-invite-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.p34-hard-invite-head strong{display:block;font-size:15px}.p34-hard-invite-head span{display:block;font-size:12px;color:var(--muted,#65756d);margin-top:2px}.p34-hard-invite-search-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.p34-hard-invite-link{margin-top:8px;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.72);border:1px dashed var(--line,#dfe8e2);font-size:11px;color:var(--muted,#65756d);word-break:break-all}.p34-hard-member-results{display:grid;gap:8px;margin-top:10px}.p34-hard-member-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:16px;background:var(--panel,#fff);border:1px solid var(--line,#dfe8e2)}.p34-hard-member-avatar{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;font-weight:900;background:var(--soft,#eaf5ed);color:var(--brand,#0f6b4f)}.p34-hard-member-info strong{display:block;font-size:13px;line-height:1.15}.p34-hard-member-info span{display:block;font-size:11px;color:var(--muted,#65756d);margin-top:2px}.p34-hard-member-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}@media(max-width:520px){.p34-hard-card-actions{grid-template-columns:1fr 1fr}.p34-hard-invite-head{display:block}.p34-hard-invite-head .btn{margin-top:8px}.p34-hard-invite-search-row{grid-template-columns:1fr}.p34-hard-member-row{grid-template-columns:auto 1fr}.p34-hard-member-actions{grid-column:1/-1;justify-content:flex-start}.p34-hard-member-actions .btn{flex:1}}


/* PHASE 3F.35 — real invite/member repair */
.p35-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.p35-card-actions .btn{min-height:38px;justify-content:center;white-space:nowrap;font-size:12px}.p35-invite-panel{margin:12px 0 14px;padding:14px;border:1px solid var(--line,#dfe8e2);border-radius:20px;background:linear-gradient(135deg,rgba(15,107,79,.08),rgba(145,200,111,.10));box-shadow:0 10px 30px rgba(16,45,32,.06)}.p35-invite-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.p35-invite-head strong{display:block;font-size:15px;color:var(--ink,#073d31)}.p35-invite-head span{display:block;margin-top:2px;font-size:12px;line-height:1.35;color:var(--muted,#65756d)}.p35-search-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.p35-invite-link{margin-top:8px;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.7);border:1px dashed var(--line,#dfe8e2);font-size:11px;color:var(--muted,#65756d);word-break:break-all}.p35-member-results{display:grid;gap:8px;margin-top:10px}.p35-member-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:16px;background:var(--panel,#fff);border:1px solid var(--line,#dfe8e2)}.p35-member-avatar{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#0f6b4f,#9be22c);color:#063d30}.p35-member-info{min-width:0}.p35-member-info strong{display:block;font-size:13px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p35-member-info span{display:block;font-size:11px;color:var(--muted,#65756d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p35-member-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.p35-participant-list{display:grid;gap:10px}.p35-participant-card{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(250,253,250,.9));border:1px solid rgba(15,107,79,.12);box-shadow:0 8px 26px rgba(16,45,32,.045)}.p35-participant-left{display:flex;gap:12px;align-items:center;min-width:0}.p35-avatar-wrap{position:relative;flex:0 0 auto}.p35-index{position:absolute;left:-6px;top:-6px;width:24px;height:24px;border-radius:999px;background:#0f8a67;color:white;font-size:11px;font-weight:900;display:grid;place-items:center;z-index:2}.p35-avatar{width:52px;height:52px}.p35-participant-copy{min-width:0}.p35-participant-copy strong{display:block;font-size:16px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p35-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.p35-chips em{font-style:normal;border-radius:999px;background:var(--soft,#eaf5ed);padding:5px 8px;font-size:11px;font-weight:850}.p35-participant-copy small{display:block;margin-top:6px;font-size:12px;font-weight:800;color:var(--brand,#0f6b4f)}.p35-participant-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.p35-action-btn,.p35-action-lock{border:1px solid var(--line,#dfe8e2);border-radius:999px;background:var(--panel,#fff);padding:7px 9px;font-size:11px;font-weight:900;color:var(--ink,#073d31);white-space:nowrap}.p35-action-btn.primary{background:#0f8a67;color:white;border-color:#0f8a67}.p35-action-btn.danger{background:#ffeceb;color:#9b1c16;border-color:#ffd1d1}.p35-action-btn.trophy{background:#fff8d9;border-color:#f0d56a}.p35-action-lock{background:#eef5ef;color:#64746d}.p35-home-event-card{overflow:hidden}@media(max-width:560px){.p35-search-row{grid-template-columns:1fr}.p35-invite-head{display:block}.p35-invite-head .btn{margin-top:8px;width:100%}.p35-member-row{grid-template-columns:auto 1fr}.p35-member-actions{grid-column:1/-1;justify-content:flex-start}.p35-member-actions .btn{flex:1}.p35-participant-card{grid-template-columns:1fr}.p35-participant-actions{justify-content:flex-start}.p35-card-actions{grid-template-columns:1fr 1fr}}
[data-theme="dark"] .p35-invite-panel{background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(145,200,111,.06));border-color:rgba(255,255,255,.12)}[data-theme="dark"] .p35-member-row,[data-theme="dark"] .p35-participant-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}[data-theme="dark"] .p35-invite-link{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.13)}

/* PHASE 3F.37 — scoreboard swipe precision fix */
.p37-swipe-enabled,
.score-history-panel,
.americano-rounds,
.compact-rounds,
.p29-tv-shell,
.p28-tv-shell,
.p27-tv-shell{
  touch-action: pan-y;
}
.p37-swipe-hint{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:5px 10px;
  margin:8px 0 2px;
  border-radius:999px;
  border:1px solid rgba(15,107,79,.13);
  background:rgba(15,107,79,.055);
  color:var(--muted,#65756d);
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.p29-score-area,
.p28-score-board,
.p27-tv-board,
.digital-match-stack,
.round-match-stack{
  will-change:transform,opacity;
  transition:transform .18s ease, opacity .18s ease, filter .18s ease;
}
.p37-swipe-left{transform:translateX(-18px);opacity:.64;filter:blur(.4px)}
.p37-swipe-right{transform:translateX(18px);opacity:.64;filter:blur(.4px)}
.p37-swipe-reset{animation:p37SwipeIn .2s ease both}
@keyframes p37SwipeIn{from{transform:translateY(4px) scale(.992);opacity:.72}to{transform:none;opacity:1}}
.p29-round-tabs button,.p28-round-tabs button,.p27-tv-tabs button,.score-history-chip{transition:transform .16s ease, background .16s ease, box-shadow .16s ease}
.p29-round-tabs button.active,.p28-round-tabs button.active,.p27-tv-tabs button.active,.score-history-chip.active{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,107,79,.16)}


/* PHASE 3G.10 — swipe hardening: animated one-step round navigation */
.p37-swipe-enabled,
.score-history-panel,
.americano-rounds,
.compact-rounds,
.p29-tv-shell,
.p28-tv-shell,
.p27-tv-shell,
.p29-score-area,
.p28-score-board,
.p27-tv-board{
  touch-action: pan-y;
  overscroll-behavior-x: contain;
}
.p29-round-tabs,
.p28-round-tabs,
.p27-tv-tabs,
.round-tabs-scroll,
.p29-scorebox,
.score-pad-grid,
.p29-foot-actions{
  touch-action: manipulation;
}
.p29-score-area,
.p28-score-board,
.p27-tv-board,
.digital-match-stack,
.round-match-stack,
.score-history-panel{
  will-change: transform, opacity, filter;
  transition: transform .18s cubic-bezier(.2,.8,.2,1), opacity .18s ease, filter .18s ease;
}
.p37-swipe-left{transform:translateX(-22px) scale(.992)!important;opacity:.58!important;filter:blur(.35px)!important}
.p37-swipe-right{transform:translateX(22px) scale(.992)!important;opacity:.58!important;filter:blur(.35px)!important}
.p37-swipe-reset{animation:p37SwipeIn .24s cubic-bezier(.2,.8,.2,1) both!important}
@keyframes p37SwipeIn{from{transform:translateY(5px) scale(.988);opacity:.68}to{transform:none;opacity:1}}
.p37-swipe-hint{user-select:none;pointer-events:none}

/* PHASE 3G.11 — premium invite + reliable swipe animation */
.p311-swipe-enabled{touch-action:pan-y;overscroll-behavior:contain;cursor:grab;user-select:none}
.p311-swipe-enabled:active{cursor:grabbing}
.p311-swipe-hint{margin:8px auto 10px;padding:7px 12px;border:1px solid rgba(15,107,79,.13);background:rgba(255,255,255,.72);color:var(--muted,#65756d);border-radius:999px;font-size:11px;font-weight:900;text-align:center;letter-spacing:.02em;pointer-events:none;max-width:max-content}
.p311-swipe-left{transform:translateX(-34px) scale(.986)!important;opacity:.50!important;filter:blur(.25px)!important;transition:transform .12s ease,opacity .12s ease,filter .12s ease!important}
.p311-swipe-right{transform:translateX(34px) scale(.986)!important;opacity:.50!important;filter:blur(.25px)!important;transition:transform .12s ease,opacity .12s ease,filter .12s ease!important}
.p311-swipe-reset{animation:p311SwipeIn .26s cubic-bezier(.2,.8,.2,1) both!important}
@keyframes p311SwipeIn{0%{transform:translateX(20px) scale(.99);opacity:.55}100%{transform:translateX(0) scale(1);opacity:1}}
.p29-tv-shell .p311-swipe-hint,.p28-tv-shell .p311-swipe-hint,.p27-tv-shell .p311-swipe-hint{position:relative;z-index:4;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.82)}
.p29-score-area,.p28-score-board,.p27-tv-board,.score-history-panel .digital-match-stack{will-change:transform,opacity}

.join-premium-body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% -10%,rgba(145,200,111,.32),transparent 26rem),radial-gradient(circle at 105% 5%,rgba(15,107,79,.22),transparent 30rem),linear-gradient(180deg,#f4faf3,#eaf3ee 58%,#f7fbf8);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial;color:#063d31}.join-premium-wrap{width:min(620px,94vw);margin:0 auto;padding:22px 0 34px}.join-premium-card{position:relative;overflow:hidden;border-radius:34px;background:rgba(255,255,255,.88);border:1px solid rgba(15,107,79,.13);box-shadow:0 28px 90px rgba(8,55,38,.18);backdrop-filter:blur(14px)}.join-premium-card:before{content:"";position:absolute;inset:0 0 auto 0;height:150px;background:linear-gradient(135deg,rgba(15,107,79,.15),rgba(145,200,111,.20));pointer-events:none}.join-premium-inner{position:relative;padding:24px}.join-brand-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.join-brand-main{display:flex;align-items:center;gap:12px}.join-logo-mark{width:54px;height:54px;border-radius:20px;background:linear-gradient(135deg,#073d31,#0f8a67);display:grid;place-items:center;box-shadow:0 14px 34px rgba(15,107,79,.22);overflow:hidden}.join-logo-mark img{width:100%;height:100%;object-fit:contain;padding:7px}.join-brand-copy strong{display:block;font-size:22px;letter-spacing:-.04em;color:#063d31}.join-brand-copy span{display:block;font-size:12px;font-weight:750;color:#65756d;margin-top:1px}.join-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:rgba(15,107,79,.08);border:1px solid rgba(15,107,79,.12);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#0f6b4f;white-space:nowrap}.join-hero-panel{border-radius:28px;padding:18px;background:linear-gradient(145deg,rgba(5,55,42,.96),rgba(15,122,89,.92));color:#fff;box-shadow:0 20px 50px rgba(7,66,48,.22);position:relative;overflow:hidden}.join-hero-panel:after{content:"";position:absolute;right:-58px;top:-72px;width:190px;height:190px;border-radius:999px;background:rgba(255,255,255,.10)}.join-kicker{font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;color:#bff0cf}.join-hero-panel h1{margin:6px 0 8px;font-size:30px;line-height:1.04;letter-spacing:-.04em;position:relative}.join-hero-panel p{margin:0;color:rgba(255,255,255,.82);line-height:1.45;position:relative}.join-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.join-stat{border-radius:18px;padding:11px;background:rgba(255,255,255,.90);border:1px solid rgba(15,107,79,.10);box-shadow:0 10px 24px rgba(16,45,32,.055)}.join-stat b{display:block;font-size:18px;color:#063d31}.join-stat span{display:block;margin-top:2px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#65756d}.join-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.join-info{border-radius:20px;background:rgba(255,255,255,.88);padding:12px;border:1px solid rgba(15,107,79,.10)}.join-info b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#0f6b4f}.join-info span{display:block;font-size:13px;font-weight:850;margin-top:3px;color:#063d31}.join-sponsor{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:12px;border-radius:20px;background:linear-gradient(135deg,#fff8d8,#ffffff);border:1px solid rgba(181,137,21,.18)}.join-sponsor small{display:block;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:#9a7110}.join-sponsor strong{display:block;color:#063d31}.join-avatars{display:flex;align-items:center;gap:10px;margin-top:13px;padding:12px;border-radius:22px;background:rgba(255,255,255,.72);border:1px solid rgba(15,107,79,.10)}.join-avatar-stack{display:flex}.join-avatar{width:36px;height:36px;margin-left:-8px;border-radius:999px;border:2px solid #fff;background:linear-gradient(135deg,#0f6b4f,#a7df5a);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:950;overflow:hidden}.join-avatar:first-child{margin-left:0}.join-avatar img{width:100%;height:100%;object-fit:cover}.join-avatars-copy{min-width:0}.join-avatars-copy strong{display:block;font-size:13px;color:#063d31}.join-avatars-copy span{display:block;font-size:12px;color:#65756d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.join-form-panel{margin-top:18px;padding:18px;border-radius:26px;background:#fff;border:1px solid rgba(15,107,79,.11);box-shadow:0 12px 34px rgba(16,45,32,.07)}.join-form-panel h2{margin:0 0 5px;font-size:20px;letter-spacing:-.03em;color:#063d31}.join-form-panel p{margin:0 0 13px;color:#65756d;line-height:1.45}.join-form-panel label{display:block;font-size:12px;font-weight:950;margin:11px 0 6px;color:#063d31}.join-form-panel input{width:100%;height:50px;border:1px solid #dbe9e1;border-radius:18px;padding:0 14px;background:#fbfefb;font-size:15px}.join-form-panel input:focus{outline:0;border-color:#0f8a67;box-shadow:0 0 0 4px rgba(15,138,103,.10)}.join-form-panel .btn{width:100%;height:52px;margin-top:16px;border-radius:18px;justify-content:center;font-weight:950}.join-msg{margin-top:12px;font-size:13px;font-weight:800;color:#0f6b4f}.join-warn{background:#fff6df;border:1px solid #f3db9a;border-radius:16px;padding:10px;margin:0 0 12px;color:#6b4d08}@media(max-width:620px){.join-premium-wrap{padding:14px 0 24px}.join-premium-inner{padding:18px}.join-brand-row{align-items:flex-start}.join-pill{display:none}.join-hero-panel h1{font-size:26px}.join-stats-grid{grid-template-columns:1fr 1fr}.join-info-grid{grid-template-columns:1fr}.join-sponsor{display:block}.join-avatars{align-items:flex-start}.join-avatar{width:34px;height:34px}.join-form-panel{padding:16px}}

.join-sponsor-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:rgba(15,107,79,.08);border:1px solid rgba(15,107,79,.12);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#0f6b4f;white-space:nowrap}

/* PHASE 3H.2 — Invite UX Conversion */
.p3h2-growth-panel{position:relative;overflow:hidden;border:1px solid rgba(15,107,79,.16);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(232,246,238,.92));box-shadow:0 18px 48px rgba(16,45,32,.08)}
.p3h2-growth-panel:before{content:"";position:absolute;right:-80px;top:-90px;width:190px;height:190px;border-radius:999px;background:rgba(145,200,111,.22)}
.p3h2-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.p3h2-head strong{display:block;font-size:18px;letter-spacing:-.02em;color:var(--text,#10251b)}
.p3h2-head span{display:block;margin-top:3px;font-size:12px;color:var(--muted,#6b7d72)}
.p3h2-stats{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.p3h2-stat{border:1px solid rgba(15,107,79,.14);border-radius:18px;background:rgba(255,255,255,.78);padding:12px;text-align:center}
.p3h2-stat b{display:block;font-size:20px;color:var(--brand,#0f6b4f);line-height:1}
.p3h2-stat span{display:block;margin-top:6px;font-size:11px;color:var(--muted,#6b7d72);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.p3h2-actions{position:relative;display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.p3h2-recent{position:relative;display:grid;gap:8px;margin-top:12px}
.p3h2-invite-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.74);border:1px solid rgba(15,107,79,.12)}
.p3h2-invite-row strong{display:block;font-size:13px;color:var(--text,#10251b)}
.p3h2-invite-row span{display:block;font-size:12px;color:var(--muted,#6b7d72)}
.p3h2-invite-row code{font-size:11px;border-radius:999px;background:rgba(15,107,79,.08);padding:5px 8px;color:var(--brand,#0f6b4f)}
.p3h2-empty{padding:12px;border-radius:16px;background:rgba(255,255,255,.68);border:1px dashed rgba(15,107,79,.2);font-size:12px;color:var(--muted,#6b7d72)}
@media(max-width:720px){.p3h2-head{flex-direction:column}.p3h2-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.p3h2-actions .btn{flex:1;min-width:130px}.p3h2-invite-row{align-items:flex-start;flex-direction:column}}


/* PHASE 3H.3 — Premium Invite Page Final */
.join-premium-body{background:radial-gradient(circle at 8% -8%,rgba(145,200,111,.34),transparent 28rem),radial-gradient(circle at 100% 0%,rgba(15,107,79,.24),transparent 31rem),linear-gradient(180deg,#f2faf4 0%,#e8f2ec 58%,#f9fcfa 100%)!important;color:#063d31!important}.join-premium-wrap{width:min(680px,94vw)!important}.join-premium-card{border-radius:38px!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(15,107,79,.14)!important;box-shadow:0 30px 100px rgba(8,55,38,.20)!important}.join-premium-card:before{height:210px!important;background:linear-gradient(135deg,rgba(15,107,79,.18),rgba(145,200,111,.26),rgba(255,255,255,.08))!important}.p3h3-brand-row{margin-bottom:16px!important}.p3h3-logo-mark{width:58px!important;height:58px!important;border-radius:22px!important;background:linear-gradient(135deg,#052f25,#0f7f60 62%,#95d15f)!important}.p3h3-brand-copy strong{font-size:24px!important}.p3h3-brand-copy span{font-size:13px!important;color:#526b5d!important}.p3h3-pill{background:#073d31!important;color:#dffff0!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 10px 24px rgba(15,107,79,.18)}.p3h3-hero-shell{position:relative;overflow:hidden;border-radius:30px;padding:20px;background:linear-gradient(145deg,#042d24,#087a5b 62%,#77b95a);color:white;box-shadow:0 22px 60px rgba(7,66,48,.24)}.p3h3-hero-shell:after{content:"";position:absolute;right:-56px;top:-68px;width:205px;height:205px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}.p3h3-hero-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.p3h3-hero-top h1{margin:6px 0 8px;font-size:34px;line-height:1.02;letter-spacing:-.05em;color:#fff}.p3h3-hero-top p{margin:0;color:rgba(255,255,255,.84);font-weight:650;line-height:1.42}.p3h3-event-badge{position:relative;z-index:1;display:inline-flex;border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#fff;white-space:nowrap}.p3h3-urgency{position:relative;z-index:1;margin-top:18px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);font-size:13px;font-weight:950;color:#f5ffe9}.p3h3-progress{position:relative;z-index:1;height:10px;margin-top:10px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}.p3h3-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#c7ff63,#ffffff);box-shadow:0 0 22px rgba(199,255,99,.5)}.p3h3-stats-grid{gap:10px!important;margin:16px 0!important}.p3h3-stat{padding:14px 12px!important;border-radius:20px!important;background:rgba(255,255,255,.92)!important}.p3h3-stat b{font-size:23px!important;color:#064232!important}.p3h3-info-grid{gap:11px!important}.p3h3-info-grid .join-info{border-radius:22px!important;background:rgba(255,255,255,.86)!important;box-shadow:0 10px 24px rgba(16,45,32,.04)}.p3h3-sponsor{margin-top:12px!important;border-radius:24px!important;padding:14px!important;background:linear-gradient(135deg,#fff7d6,#fffdf5 55%,#ecf7ee)!important;border:1px solid rgba(181,137,21,.22)!important}.p3h3-sponsor-left span{display:block;margin-top:3px;font-size:12px;color:#78623b;line-height:1.35}.p3h3-sponsor-logo{width:52px;height:52px;min-width:52px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(135deg,#073d31,#a7df5a);color:#fff;font-weight:950;box-shadow:0 12px 26px rgba(15,107,79,.18)}.p3h3-avatars{margin-top:14px!important;border-radius:24px!important;background:rgba(255,255,255,.78)!important}.p3h3-avatar-stack{padding-left:0}.p3h3-avatar-stack .join-avatar{width:40px!important;height:40px!important;margin-left:-10px!important;box-shadow:0 8px 18px rgba(6,61,49,.12)}.p3h3-avatar-stack .join-avatar:first-child{margin-left:0!important}.p3h3-more{background:#063d31!important}.p3h3-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}.p3h3-benefits div{border:1px solid rgba(15,107,79,.10);background:rgba(255,255,255,.76);border-radius:20px;padding:12px;display:grid;gap:6px}.p3h3-benefits b{width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:#0f6b4f;color:#fff;font-size:12px}.p3h3-benefits span{font-size:12px;font-weight:850;color:#063d31;line-height:1.25}.join-form-panel{border-radius:28px!important}.join-form-panel .btn{background:linear-gradient(135deg,#0f6b4f,#098f69)!important;box-shadow:0 14px 28px rgba(15,107,79,.20)!important}.join-form-panel .btn:hover{transform:translateY(-1px)}@media(max-width:620px){.join-premium-wrap{width:min(100%,94vw)!important}.p3h3-hero-top{display:block}.p3h3-event-badge{margin-top:12px}.p3h3-hero-top h1{font-size:29px}.p3h3-benefits{grid-template-columns:1fr}.p3h3-sponsor{display:flex!important}.p3h3-sponsor-logo{width:46px;height:46px;min-width:46px}.p3h3-avatar-stack .join-avatar{width:36px!important;height:36px!important}.join-premium-card{border-radius:32px!important}}


/* PHASE 3H.5 — result growth loop CTA */
.p3h5-result-growth-cta{margin-top:12px;padding:14px;border:1px solid var(--line,#dfe8e2);border-radius:18px;background:linear-gradient(135deg,rgba(15,107,79,.08),rgba(145,200,111,.12));display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.p3h5-result-growth-cta strong{display:block;color:var(--ink,#173d2e);font-weight:900}.p3h5-result-growth-cta span{display:block;color:var(--muted,#65756d);font-size:12px;margin-top:3px}.p3h5-result-growth-cta .btn{white-space:nowrap}
@media(max-width:640px){.p3h5-result-growth-cta{align-items:stretch}.p3h5-result-growth-cta .btn{width:100%}}

/* PHASE 3H.5.1 — Player Check-in UX Fix */
.p3h51-checkin-guide{margin:14px 0;padding:14px;border:1px solid rgba(15,107,79,.14);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(234,246,239,.92));box-shadow:0 12px 30px rgba(16,45,32,.055)}
.p3h51-guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.p3h51-guide-head strong{display:block;font-size:15px;color:var(--ink,#173d2e);font-weight:950}.p3h51-guide-head span{display:block;margin-top:3px;font-size:12px;line-height:1.45;color:var(--muted,#65756d)}.p3h51-guide-head .btn{white-space:nowrap}
.p3h51-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.p3h51-flow-step{position:relative;border:1px solid rgba(15,107,79,.10);border-radius:16px;background:rgba(255,255,255,.78);padding:10px;min-height:92px}.p3h51-flow-step b{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:#eef6f1;color:var(--brand,#0f6b4f);font-size:11px;font-weight:950}.p3h51-flow-step strong{display:block;margin-top:7px;font-size:12px;color:var(--ink,#173d2e);line-height:1.2}.p3h51-flow-step span{display:block;margin-top:4px;font-size:11px;color:var(--muted,#65756d);line-height:1.28}.p3h51-flow-step.done b,.p3h51-flow-step.active b{background:var(--brand,#0f6b4f);color:#fff}.p3h51-flow-step.active{border-color:rgba(15,107,79,.30);box-shadow:0 0 0 4px rgba(15,107,79,.07)}
.p3h51-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.p3h51-actions span{font-size:12px;color:var(--muted,#65756d);font-weight:750}.p3h51-pass-modal{position:fixed;inset:0;z-index:99999;background:rgba(4,22,16,.58);backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px}.p3h51-pass-card{position:relative;width:min(440px,94vw);border-radius:30px;background:linear-gradient(180deg,#ffffff,#f1faf4);border:1px solid rgba(15,107,79,.14);box-shadow:0 30px 100px rgba(0,0,0,.28);padding:22px;color:#063d31}.p3h51-pass-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:999px;background:rgba(15,107,79,.08);color:#063d31;font-size:22px;cursor:pointer}.p3h51-pass-brand{display:flex;align-items:center;gap:10px;margin-bottom:16px}.p3h51-pass-brand>span{width:46px;height:46px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#073d31,#0f8a67);color:#fff;font-weight:950}.p3h51-pass-brand strong{display:block;font-size:18px}.p3h51-pass-brand small{display:block;color:#65756d}.p3h51-pass-kicker{font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:#0f6b4f}.p3h51-pass-card h2{margin:6px 0 4px;font-size:24px;letter-spacing:-.04em}.p3h51-pass-card p{margin:0 0 14px;color:#65756d}.p3h51-qr-lite{border-radius:24px;background:#fff;border:1px dashed rgba(15,107,79,.28);padding:18px;display:grid;place-items:center;gap:9px;text-align:center}.p3h51-qr-lite span{width:118px;height:118px;border-radius:26px;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#063d31 0 8px,#0f6b4f 8px 16px,#fff 16px 24px);color:#fff;font-size:34px;font-weight:950;text-shadow:0 1px 8px rgba(0,0,0,.35)}.p3h51-qr-lite b{display:block;max-width:100%;font-size:13px;word-break:break-all;color:#063d31}.p3h51-pass-note{margin:12px 0;padding:11px;border-radius:16px;background:rgba(15,107,79,.08);font-size:13px;color:#063d31;font-weight:800}.p3h51-pass-actions{display:flex;gap:10px}.p3h51-pass-actions .btn{flex:1;justify-content:center}
@media(max-width:720px){.p3h51-guide-head{display:block}.p3h51-guide-head .btn{width:100%;justify-content:center;margin-top:10px}.p3h51-flow-steps{grid-template-columns:1fr 1fr}.p3h51-actions .btn{width:100%;justify-content:center}.p3h51-pass-actions{display:grid}.p3h51-pass-card{border-radius:26px}}

/* PHASE 3H.5.2 — check-in cleanup, score refresh, dashboard home */
.p3h52-checkin-guide{border:1px solid rgba(15,107,79,.18);background:linear-gradient(135deg,rgba(234,245,237,.96),rgba(255,255,255,.96));border-radius:22px;padding:14px;margin:14px 0;box-shadow:0 14px 34px rgba(16,45,32,.07)}
.p3h52-checkin-guide .p3h51-guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.p3h52-checkin-guide .p3h51-guide-head strong{display:block;font-size:15px}.p3h52-checkin-guide .p3h51-guide-head span{display:block;color:var(--muted,#65756d);font-size:12px;margin-top:3px;max-width:460px}
.p3h52-qr-box{display:grid;place-items:center;margin:16px auto 12px;width:190px;height:190px;border-radius:24px;background:#fff;border:1px solid rgba(15,107,79,.2);box-shadow:0 16px 38px rgba(16,45,32,.12)}
.p3h52-qr-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:3px;width:136px;height:136px;padding:8px;background:#f7fbf8;border-radius:12px}.p3h52-qr-grid i{border-radius:2px;background:rgba(15,107,79,.08)}.p3h52-qr-grid i.on{background:#0f6b4f}.p3h52-pass-card .p3h51-pass-actions{justify-content:center}.p3h52-pass-card .p3h51-qr-lite{word-break:break-all;text-align:center}
.p3h52-score-refresh{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:12px 14px;border:1px solid rgba(15,107,79,.15);border-radius:18px;background:rgba(234,245,237,.75)}.p3h52-score-refresh strong{display:block;font-size:14px}.p3h52-score-refresh span{display:block;color:var(--muted,#65756d);font-size:12px;margin-top:2px}.p3h52-fs-refresh{position:fixed;right:18px;bottom:18px;z-index:99999;border:0;border-radius:999px;background:#fff;color:#0f6b4f;font-weight:900;padding:11px 14px;box-shadow:0 16px 38px rgba(0,0,0,.22)}
.p3h52-home-screen{display:flex;flex-direction:column;gap:14px}.p3h52-dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#0f6b4f,#173d2e);color:#fff}.p3h52-dashboard-hero h2{margin:4px 0;font-size:24px}.p3h52-dashboard-hero p{margin:0;color:rgba(255,255,255,.82);font-size:13px}.p3h52-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin:8px 2px 0}.p3h52-section-head strong{font-size:15px}.p3h52-section-head span{font-size:12px;color:var(--muted,#65756d)}.p3h52-home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.p3h52-home-card{border-radius:22px}.p3h52-home-card.live{border-color:rgba(220,38,38,.28);background:linear-gradient(135deg,rgba(255,235,235,.98),rgba(255,255,255,.98))}.p3h52-home-card.today{border-color:rgba(15,107,79,.24);background:linear-gradient(135deg,rgba(234,245,237,.98),rgba(255,255,255,.98))}.p3h52-home-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.p3h52-home-top strong{display:block;font-size:15px;margin-top:2px}.p3h52-home-top span:not(.badge):not(.p3h52-live-pill){display:block;color:var(--muted,#65756d);font-size:12px;margin-top:3px}.p3h52-home-top small{display:block;color:var(--muted,#65756d);font-size:12px;margin-top:2px}.p3h52-live-pill{display:inline-flex;align-items:center;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;font-weight:900;padding:4px 8px;letter-spacing:.08em;margin-bottom:5px}
@media(max-width:640px){.p3h52-dashboard-hero{align-items:flex-start;flex-direction:column}.p3h52-home-grid{grid-template-columns:1fr}.p3h52-score-refresh{align-items:flex-start;flex-direction:column}.p3h52-fs-refresh{right:12px;bottom:12px}}

/* PHASE 3H.5.3 — Real QR pass + readable home dashboard */
.p3h53-real-qr-wrap{width:220px;min-height:220px;margin:18px auto 14px;display:grid;place-items:center;border-radius:28px;background:#fff;border:1px solid rgba(15,107,79,.18);box-shadow:0 18px 42px rgba(16,45,32,.14);padding:14px;position:relative;overflow:hidden}
.p3h53-real-qr-img{width:100%;height:auto;display:block;border-radius:18px;image-rendering:crisp-edges;background:#fff}
.p3h53-qr-fallback{display:none;text-align:center;color:#0b4a38;font-size:12px;line-height:1.4;padding:18px}.p3h53-qr-fallback strong{display:block;font-size:15px;margin-bottom:4px}.p3h53-real-qr-wrap.qr-failed .p3h53-real-qr-img{display:none}.p3h53-real-qr-wrap.qr-failed .p3h53-qr-fallback{display:block}
.p3h53-token-box{margin:10px 0 12px;padding:13px 14px;border-radius:18px;background:rgba(15,107,79,.06);border:1px dashed rgba(15,107,79,.22);text-align:center;word-break:break-word}.p3h53-token-box small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:950;color:#0f6b4f;margin-bottom:6px}.p3h53-token-box b{font-size:13px;color:#063d31;line-height:1.5}.p3h53-pass-brand span{box-shadow:0 12px 30px rgba(15,107,79,.22)}
.p3h52-dashboard-hero{background:linear-gradient(135deg,#0b5c46,#073d31)!important;color:#ffffff!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 18px 44px rgba(7,61,49,.18)!important}.p3h52-dashboard-hero .section-kicker,.p3h52-dashboard-hero h2,.p3h52-dashboard-hero p{color:#ffffff!important;text-shadow:0 1px 0 rgba(0,0,0,.08)}.p3h52-dashboard-hero h2{font-weight:950!important;letter-spacing:-.04em}.p3h52-dashboard-hero p{color:rgba(255,255,255,.86)!important}.p3h52-dashboard-hero .btn{background:#ffffff!important;color:#0b5c46!important;border-color:#ffffff!important;box-shadow:0 14px 30px rgba(0,0,0,.18)!important}.p3h52-dashboard-hero .btn:after{background:#8fd15f!important}
.p3h52-home-card{background:#ffffff!important;color:#073d31!important;border:1px solid rgba(15,107,79,.12)!important;box-shadow:0 12px 32px rgba(16,45,32,.08)!important}.p3h52-home-card .section-kicker,.p3h52-home-card strong{color:#073d31!important}.p3h52-home-card .badge{white-space:nowrap}.p3h52-home-card.live{background:linear-gradient(135deg,#fff2f2,#ffffff)!important;border-color:rgba(220,38,38,.32)!important}.p3h52-home-card.today{background:linear-gradient(135deg,#eef9f1,#ffffff)!important;border-color:rgba(15,107,79,.25)!important}.p3h52-live-pill{box-shadow:0 8px 20px rgba(220,38,38,.18)}
.p3h51-pass-modal .p3h52-qr-grid{display:none!important}.p3h51-pass-modal .p3h52-qr-box{display:none!important}
@media(max-width:640px){.p3h53-real-qr-wrap{width:200px;min-height:200px}.p3h52-dashboard-hero .btn{width:100%;justify-content:center}.p3h52-section-head{align-items:flex-start;flex-direction:column}}

/* PHASE 3H.5.4 — Host QR scan + original participant ID clarity */
.host-scan-guide{margin:14px 0 10px;padding:14px 16px;border:1px solid rgba(15,107,79,.18);background:linear-gradient(135deg,rgba(15,107,79,.08),rgba(145,200,111,.10));border-radius:20px;display:grid;gap:5px;color:var(--text,#073d31)}
.host-scan-guide strong{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand,#0f6b4f)}
.host-scan-guide span{font-size:13px;line-height:1.45;color:var(--muted,#65756d)}
.original-id-chip{display:inline-flex!important;align-items:center;gap:4px;background:rgba(15,107,79,.08)!important;border:1px solid rgba(15,107,79,.14);color:var(--brand-dark,#073d31)!important;border-radius:999px;padding:3px 8px;font-style:normal!important;font-size:11px;font-weight:800;letter-spacing:.02em}
.host-qr-scanner-modal{position:fixed;inset:0;z-index:99999;background:rgba(6,20,15,.62);backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px}
.host-qr-scanner-card{width:min(560px,96vw);max-height:92vh;overflow:auto;background:var(--surface,#fff);border-radius:30px;padding:24px;border:1px solid rgba(15,107,79,.18);box-shadow:0 26px 80px rgba(0,0,0,.22);position:relative;color:var(--text,#073d31)}
.host-qr-scanner-card h3{margin:4px 0 8px;font-size:24px}.host-qr-scanner-card p{margin:0 0 14px;color:var(--muted,#65756d);line-height:1.45}
.host-qr-camera{min-height:220px;border-radius:24px;background:linear-gradient(135deg,rgba(15,107,79,.08),rgba(145,200,111,.14));border:1px dashed rgba(15,107,79,.25);display:grid;place-items:center;overflow:hidden;margin:12px 0;position:relative;text-align:center;color:var(--muted,#65756d);font-weight:800;padding:12px}
.host-qr-camera video{width:100%;max-height:300px;border-radius:18px;object-fit:cover;background:#000}.host-qr-camera #hostQrCameraInfo{position:absolute;left:14px;right:14px;bottom:12px;background:rgba(255,255,255,.88);border-radius:999px;padding:7px 10px;font-size:12px;color:var(--brand-dark,#073d31)}
.host-qr-manual{display:grid;gap:7px;margin:12px 0}.host-qr-manual span{font-size:12px;font-weight:900;color:var(--brand-dark,#073d31)}.host-qr-manual textarea{width:100%;border:1px solid var(--line,#dfe8e2);border-radius:16px;padding:12px;background:var(--surface,#fff);color:var(--text,#073d31);resize:vertical}
@media(max-width:640px){.host-qr-scanner-card{padding:20px;border-radius:26px}.host-qr-camera{min-height:190px}.original-id-chip{margin-top:3px}}


/* PHASE 3H.5.5 — participant search placement + fullscreen compact/stable refresh */
.p3h55-participant-search{margin:12px 0 12px;padding:10px;border:1px solid rgba(15,107,79,.12);border-radius:18px;background:rgba(255,255,255,.74)}
.p3h55-participant-search .search-input{height:44px;background:#fff;color:var(--text-primary,#073d31)}
.p35-invite-panel + .p3h55-participant-search{margin-top:10px}
.p29-tv-shell.p3h55-tv-compact,.p28-tv-shell.p3h55-tv-compact,.p27-tv-shell.p3h55-tv-compact{grid-template-rows:auto auto minmax(0,1fr) auto!important}
.p3h55-tv-compact .p29-tv-head,.p3h55-tv-compact .p28-tv-head,.p3h55-tv-compact .p27-tv-header{padding:8px 12px!important;min-height:0!important}
.p3h55-tv-compact .p29-round-head,.p3h55-tv-compact .p28-round-head,.p3h55-tv-compact .p27-tv-roundbar{padding:6px 10px!important;gap:6px!important;min-height:0!important}
.p3h55-tv-compact .p311-swipe-hint{margin:4px auto!important;padding:4px 9px!important;min-height:0!important;color:#0f6b4f!important;background:rgba(255,255,255,.72)!important;border-color:rgba(15,107,79,.16)!important;font-size:10px!important}
.p3h55-tv-compact .p29-round-title b,.p3h55-tv-compact .p28-round-title b{font-size:22px!important}.p3h55-tv-compact .p29-round-title span,.p3h55-tv-compact .p28-round-title span{font-size:9px!important}.p3h55-tv-compact .p29-round-title em,.p3h55-tv-compact .p28-round-title em{padding:3px 7px!important;font-size:10px!important}
.p3h55-tv-compact .p29-round-tabs button,.p3h55-tv-compact .p28-round-tabs button{min-width:48px!important;padding:6px 8px!important;border-radius:16px!important}.p3h55-tv-compact .p29-score-area,.p3h55-tv-compact .p28-score-area{padding:8px 10px!important;gap:8px!important;align-content:start!important}.p3h55-tv-compact .p29-tv-match,.p3h55-tv-compact .p28-tv-match{padding:9px!important;border-radius:18px!important}.p3h55-tv-compact .p29-tv-foot,.p3h55-tv-compact .p28-tv-foot{padding:7px 10px!important}.p3h55-tv-compact .p3h52-fs-refresh{bottom:10px!important;right:10px!important;padding:8px 11px!important;font-size:12px!important}
.p3h52-score-refresh span{font-size:12px;line-height:1.35}
@media(max-width:640px){.p3h55-participant-search{padding:8px}.p3h55-tv-compact .p29-tv-head strong,.p3h55-tv-compact .p28-tv-head strong{font-size:17px!important}.p3h55-tv-compact .p29-round-head,.p3h55-tv-compact .p28-round-head{grid-template-columns:1fr!important}.p3h55-tv-compact .p29-score-row,.p3h55-tv-compact .p28-scoreline{padding:6px!important}.p3h55-tv-compact .p29-scorebox,.p3h55-tv-compact .p28-scorebox{min-height:48px!important;font-size:28px!important}}


/* PHASE 3H.5.6 — participant search focus isolation + debug marker completion */
/* debug markers: fullscreen-scoreboard scoreboard-fullscreen css_3h55_marker */
.p3h56-participant-search{margin:12px 0 14px!important;padding:10px!important;border:1px solid rgba(15,107,79,.14)!important;border-radius:18px!important;background:rgba(255,255,255,.82)!important;box-shadow:0 8px 22px rgba(16,45,32,.04)!important}
.p3h56-participant-search input{width:100%!important;height:46px!important;background:#fff!important;color:var(--text-primary,#073d31)!important;border:1px solid rgba(15,107,79,.18)!important;border-radius:14px!important;padding:0 14px!important}
.p35-invite-panel + .p3h56-participant-search{margin-top:14px!important}
.scoreboard-fullscreen .p3h55-tv-compact,.fullscreen-scoreboard .p3h55-tv-compact{min-height:100vh}


/* PHASE 3H.6 — Quick Action FAB Radial Popup, debug bottom menu removed */
.quick-action-root{position:fixed;right:max(16px,calc((100vw - min(100vw,430px))/2 + 16px));bottom:calc(84px + env(safe-area-inset-bottom));z-index:96;pointer-events:none;--qa-size:58px;--qa-radius:118px;}
.quick-action-root.is-empty{display:none}.quick-action-root *{box-sizing:border-box}.quick-action-fab{pointer-events:auto;width:var(--qa-size);height:var(--qa-size);border-radius:999px;border:3px solid rgba(255,255,255,.86);background:linear-gradient(135deg,var(--brand-green),var(--brand-lime));color:#fff;display:grid;place-items:center;font-size:1.55rem;font-weight:950;box-shadow:0 18px 42px rgba(6,63,51,.30),0 0 0 10px rgba(183,255,53,.12);cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;position:relative;z-index:3}.quick-action-fab:active{transform:scale(.96)}.quick-action-root.is-open .quick-action-fab{background:linear-gradient(135deg,var(--brand-orange,#ff7a1a),#ff9c42);transform:rotate(90deg);box-shadow:0 20px 48px rgba(255,122,26,.32),0 0 0 12px rgba(255,122,26,.12)}.qa-fab-icon{line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.24))}.quick-action-backdrop{position:fixed;inset:0;z-index:1;background:rgba(2,20,15,.18);opacity:0;pointer-events:none;transition:opacity .2s ease;backdrop-filter:blur(2px)}.quick-action-root.is-open .quick-action-backdrop{opacity:1;pointer-events:auto}.quick-action-menu{position:absolute;right:5px;bottom:5px;width:1px;height:1px;z-index:2;pointer-events:none}.quick-action-item{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:8px;min-width:max-content;height:44px;border:1px solid var(--border-strong);border-radius:999px;padding:0 13px 0 9px;background:linear-gradient(135deg,var(--bg-surface),var(--bg-soft));color:var(--text-primary);font-weight:950;box-shadow:0 14px 34px rgba(6,63,51,.16);opacity:0;transform:translate(0,0) scale(.75) rotate(-6deg);transition:opacity .18s ease, transform .26s cubic-bezier(.2,1.1,.2,1);pointer-events:none;white-space:nowrap}.quick-action-root.is-open .quick-action-item{opacity:1;pointer-events:auto;transform:translate(calc(cos((210deg + (var(--qa-i) * 30deg))) * var(--qa-radius)),calc(sin((210deg + (var(--qa-i) * 30deg))) * var(--qa-radius))) scale(1) rotate(0deg);transition-delay:calc(var(--qa-i) * 25ms)}.qa-item-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,var(--brand-green),var(--brand-green-2));color:#fff;box-shadow:inset 0 -3px 0 rgba(183,255,53,.26);font-size:.95rem}.qa-item-label{font-size:.72rem;letter-spacing:.01em}.quick-action-item:hover{transform:translate(calc(cos((210deg + (var(--qa-i) * 30deg))) * var(--qa-radius)),calc(sin((210deg + (var(--qa-i) * 30deg))) * var(--qa-radius))) scale(1.04)!important}.quick-action-item.qa-scan .qa-item-icon,.quick-action-item.qa-scoreboard .qa-item-icon{background:linear-gradient(135deg,#063f33,#0e8b66)}.quick-action-item.qa-pass .qa-item-icon{background:linear-gradient(135deg,#355ec9,#73a0ff)}.quick-action-item.qa-debug .qa-item-icon{background:linear-gradient(135deg,#202a35,#596675)}.bottom-nav .debug-entry{display:none!important}body.debug-access .bottom-nav{grid-template-columns:repeat(4,1fr)!important}.app-shell{padding-bottom:88px}@media(max-width:390px){.quick-action-root{right:14px;--qa-radius:104px}.quick-action-item{height:42px;padding-right:11px}.qa-item-label{font-size:.68rem}}html[data-theme="dark"] .quick-action-item{background:linear-gradient(135deg,rgba(19,43,35,.96),rgba(10,28,23,.96));border-color:rgba(183,255,53,.24);color:#f4fff8}.p3h6-quick-action-marker{display:none!important}


/* PHASE 3H.7 — FAB final polish: bottom-nav end slot, sporty padel ball, non-redundant contextual fan */
.quick-action-root.p3h57-quick-action-root{
  --qa-size:58px!important;
  --qa-z:92;
  position:fixed!important;
  right:max(10px,calc((100vw - min(100vw,430px))/2 + 10px))!important;
  bottom:calc(max(8px,env(safe-area-inset-bottom)) + 7px)!important;
  z-index:var(--qa-z)!important;
  pointer-events:none!important;
  width:var(--qa-size)!important;
  height:var(--qa-size)!important;
}
.bottom-nav{padding-right:78px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;z-index:70!important;}
.quick-action-root.p3h57-quick-action-root .quick-action-fab{
  pointer-events:auto!important;
  width:var(--qa-size)!important;height:var(--qa-size)!important;border-radius:999px!important;
  border:3px solid rgba(255,255,255,.92)!important;
  background:radial-gradient(circle at 34% 28%,#eaffd7 0 15%,#9de44d 16% 42%,#0d7f5c 43% 100%)!important;
  color:#064333!important;display:grid!important;place-items:center!important;
  box-shadow:0 14px 34px rgba(6,63,51,.28),0 0 0 9px rgba(145,200,111,.18)!important;
  transform:none!important;transition:transform .22s ease, box-shadow .22s ease, filter .22s ease!important;
  position:relative!important;z-index:4!important;overflow:hidden!important;
}
.quick-action-root.p3h57-quick-action-root .quick-action-fab:before{content:"";position:absolute;inset:8px;border-radius:999px;border:2px solid rgba(255,255,255,.55);transform:rotate(-18deg)}
.quick-action-root.p3h57-quick-action-root .quick-action-fab:active{transform:scale(.94)!important}.quick-action-root.p3h57-quick-action-root.is-open .quick-action-fab{background:linear-gradient(135deg,#ff7a1a,#ff9e43)!important;color:#fff!important;box-shadow:0 18px 42px rgba(255,122,26,.34),0 0 0 10px rgba(255,122,26,.16)!important;transform:rotate(0deg)!important}.qa-fab-ball{width:30px;height:30px;display:grid;place-items:center;position:relative;z-index:2}.qa-fab-ball svg{width:30px;height:30px}.qa-fab-x{display:none;position:relative;z-index:2;font-size:30px;line-height:1;font-weight:950;color:#fff}.quick-action-root.p3h57-quick-action-root.is-open .qa-fab-ball{display:none}.quick-action-root.p3h57-quick-action-root.is-open .qa-fab-x{display:block}
.quick-action-root.p3h57-quick-action-root .quick-action-backdrop{position:fixed!important;inset:0!important;background:transparent!important;backdrop-filter:none!important;opacity:0!important;pointer-events:none!important;z-index:1!important}.quick-action-root.p3h57-quick-action-root.is-open .quick-action-backdrop{pointer-events:auto!important;opacity:1!important;background:rgba(4,28,20,.04)!important}
.quick-action-root.p3h57-quick-action-root .quick-action-menu{position:absolute!important;right:0!important;bottom:0!important;width:0!important;height:0!important;z-index:3!important;pointer-events:none!important;}
.quick-action-root.p3h57-quick-action-root .quick-action-item{
  position:absolute!important;right:0!important;bottom:0!important;width:66px!important;height:66px!important;min-width:66px!important;
  padding:6px!important;border-radius:24px!important;display:grid!important;grid-template-rows:31px 1fr!important;place-items:center!important;gap:1px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(238,249,239,.96))!important;color:var(--text-primary,#073d31)!important;
  border:1px solid rgba(15,107,79,.18)!important;box-shadow:0 14px 32px rgba(6,63,51,.18)!important;
  opacity:0!important;transform:translate(0,0) scale(.62) rotate(-10deg)!important;pointer-events:none!important;white-space:normal!important;
  transition:opacity .18s ease, transform .28s cubic-bezier(.2,1.18,.2,1)!important;
}
.quick-action-root.p3h57-quick-action-root.is-open .quick-action-item{opacity:1!important;pointer-events:auto!important;transform:translate(var(--qa-x),var(--qa-y)) scale(1) rotate(0deg)!important;transition-delay:calc(var(--qa-i) * 34ms)!important;}
.quick-action-root.p3h57-quick-action-root .quick-action-item:active{transform:translate(var(--qa-x),var(--qa-y)) scale(.94)!important}.quick-action-root.p3h57-quick-action-root .qa-item-icon{width:31px!important;height:31px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0f6b4f,#91c86f)!important;color:#fff!important;box-shadow:inset 0 -3px 0 rgba(5,56,42,.18)!important}.quick-action-root.p3h57-quick-action-root .qa-item-icon svg{width:20px;height:20px}.quick-action-root.p3h57-quick-action-root .qa-item-label{font-size:10px!important;line-height:1.02!important;font-weight:950!important;letter-spacing:-.02em!important;text-align:center!important;color:inherit!important;max-width:58px!important;overflow:hidden!important;text-overflow:ellipsis!important}.quick-action-root.p3h57-quick-action-root .qa-scan .qa-item-icon,.quick-action-root.p3h57-quick-action-root .qa-scoreboard .qa-item-icon,.quick-action-root.p3h57-quick-action-root .qa-score .qa-item-icon{background:linear-gradient(135deg,#063f33,#0e8b66)!important}.quick-action-root.p3h57-quick-action-root .qa-pass .qa-item-icon,.quick-action-root.p3h57-quick-action-root .qa-qr-pass .qa-item-icon{background:linear-gradient(135deg,#3157c8,#74a5ff)!important}.quick-action-root.p3h57-quick-action-root .qa-debug .qa-item-icon,.quick-action-root.p3h57-quick-action-root .qa-run-debug .qa-item-icon{background:linear-gradient(135deg,#263441,#687887)!important}.quick-action-root.p3h57-quick-action-root .qa-share-result .qa-item-icon{background:linear-gradient(135deg,#ff7a1a,#ffb05d)!important}.bottom-nav .debug-entry{display:none!important}body.debug-access .bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}.app-shell{padding-bottom:92px!important}.p3h57-quick-action-marker{display:none!important}
html[data-theme="dark"] .quick-action-root.p3h57-quick-action-root .quick-action-item{background:linear-gradient(145deg,rgba(15,38,30,.98),rgba(8,22,18,.96))!important;border-color:rgba(145,200,111,.26)!important;color:#f3fff6!important;}
@media(max-width:390px){.bottom-nav{padding-right:72px!important}.quick-action-root.p3h57-quick-action-root{--qa-size:56px!important;right:10px!important}.quick-action-root.p3h57-quick-action-root .quick-action-item{width:62px!important;height:62px!important;min-width:62px!important;border-radius:22px!important}.quick-action-root.p3h57-quick-action-root .qa-item-label{font-size:9px!important;max-width:54px!important}}

/* PHASE 3H.8 — Premium Quick Action FAB cleanup */
#debugStrip,.debug-strip,.debug-floating,.debug-dock{display:none!important;visibility:hidden!important;pointer-events:none!important}.p3h58-debug-strip-hidden-marker{display:none!important}
.quick-action-root.p3h58-quick-action-root{--qa-size:62px!important;position:fixed!important;right:max(14px,calc((100vw - min(100vw,430px))/2 + 14px))!important;bottom:calc(13px + env(safe-area-inset-bottom))!important;z-index:140!important;pointer-events:none!important}.quick-action-root.p3h58-quick-action-root.is-empty{display:none!important}.quick-action-root.p3h58-quick-action-root *{box-sizing:border-box!important}.quick-action-root.p3h58-quick-action-root .quick-action-fab{pointer-events:auto!important;width:var(--qa-size)!important;height:var(--qa-size)!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.78)!important;background:radial-gradient(circle at 35% 28%,#b9ff63 0 18%,#63b82f 19% 34%,#0f875e 35% 70%,#07533d 71% 100%)!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:0 18px 38px rgba(6,63,51,.30),0 0 0 8px rgba(145,200,111,.18),inset 0 0 0 8px rgba(255,255,255,.08)!important;cursor:pointer!important;transition:transform .28s cubic-bezier(.2,1,.2,1),box-shadow .28s ease,filter .28s ease!important;z-index:5!important;position:relative!important}.quick-action-root.p3h58-quick-action-root .quick-action-fab:before{content:""!important;position:absolute!important;inset:10px!important;border-radius:999px!important;border:2px solid rgba(255,255,255,.50)!important;transform:rotate(-18deg)!important}.quick-action-root.p3h58-quick-action-root .quick-action-fab:active{transform:scale(.95)!important}.quick-action-root.p3h58-quick-action-root.is-open .quick-action-fab{transform:rotate(135deg) scale(1.02)!important;filter:saturate(1.08)!important;box-shadow:0 20px 44px rgba(6,63,51,.36),0 0 0 11px rgba(145,200,111,.20),inset 0 0 0 9px rgba(255,255,255,.10)!important}.quick-action-root.p3h58-quick-action-root .qa-fab-ball{width:31px!important;height:31px!important;display:grid!important;place-items:center!important;position:relative!important;z-index:2!important}.quick-action-root.p3h58-quick-action-root .qa-fab-ball svg{width:31px!important;height:31px!important}.quick-action-root.p3h58-quick-action-root .qa-fab-spark{position:absolute!important;right:10px!important;top:8px!important;width:18px!important;height:18px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#fff!important;color:#0f6b4f!important;font-size:16px!important;line-height:1!important;font-weight:950!important;z-index:3!important;box-shadow:0 4px 10px rgba(6,63,51,.18)!important;transition:transform .25s ease!important}.quick-action-root.p3h58-quick-action-root.is-open .qa-fab-spark{transform:rotate(45deg)!important}.quick-action-root.p3h58-quick-action-root .quick-action-backdrop{position:fixed!important;inset:0!important;background:transparent!important;backdrop-filter:none!important;opacity:0!important;pointer-events:none!important;z-index:1!important}.quick-action-root.p3h58-quick-action-root.is-open .quick-action-backdrop{pointer-events:auto!important;background:rgba(4,28,20,.02)!important}.quick-action-root.p3h58-quick-action-root .quick-action-menu{position:absolute!important;right:0!important;bottom:0!important;width:0!important;height:0!important;z-index:4!important;pointer-events:none!important}.quick-action-root.p3h58-quick-action-root .quick-action-item{position:absolute!important;right:0!important;bottom:0!important;width:68px!important;height:68px!important;min-width:68px!important;border-radius:24px!important;border:1px solid rgba(15,107,79,.14)!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,249,242,.96))!important;color:var(--text-primary,#063f33)!important;display:grid!important;grid-template-rows:32px 1fr!important;place-items:center!important;gap:4px!important;padding:7px 6px!important;box-shadow:0 16px 34px rgba(6,63,51,.18),inset 0 1px 0 rgba(255,255,255,.92)!important;opacity:0!important;transform:translate(0,0) scale(.72)!important;transition:opacity .18s ease,transform .32s cubic-bezier(.2,1.25,.2,1)!important;pointer-events:none!important;white-space:normal!important}.quick-action-root.p3h58-quick-action-root.is-open .quick-action-item{opacity:1!important;pointer-events:auto!important;transform:translate(var(--qa-x),var(--qa-y)) scale(1)!important;transition-delay:calc(var(--qa-i) * 34ms)!important}.quick-action-root.p3h58-quick-action-root .quick-action-item:active{transform:translate(var(--qa-x),var(--qa-y)) scale(.94)!important}.quick-action-root.p3h58-quick-action-root .qa-item-icon{width:32px!important;height:32px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0f6b4f,#91c86f)!important;color:#fff!important;box-shadow:inset 0 -3px 0 rgba(5,56,42,.18),0 6px 16px rgba(15,107,79,.18)!important}.quick-action-root.p3h58-quick-action-root .qa-item-icon svg{width:20px!important;height:20px!important}.quick-action-root.p3h58-quick-action-root .qa-item-label{font-size:10px!important;line-height:1.02!important;font-weight:950!important;letter-spacing:-.02em!important;text-align:center!important;color:inherit!important;max-width:60px!important;overflow:hidden!important;text-overflow:ellipsis!important}.quick-action-root.p3h58-quick-action-root .qa-scan .qa-item-icon,.quick-action-root.p3h58-quick-action-root .qa-scoreboard .qa-item-icon,.quick-action-root.p3h58-quick-action-root .qa-score .qa-item-icon{background:linear-gradient(135deg,#063f33,#0e8b66)!important}.quick-action-root.p3h58-quick-action-root .qa-pass .qa-item-icon,.quick-action-root.p3h58-quick-action-root .qa-qr-pass .qa-item-icon{background:linear-gradient(135deg,#3157c8,#74a5ff)!important}.quick-action-root.p3h58-quick-action-root .qa-share-result .qa-item-icon{background:linear-gradient(135deg,#ff7a1a,#ffb05d)!important}.quick-action-root.p3h58-quick-action-root .qa-debug,.quick-action-root.p3h58-quick-action-root .qa-run-debug{display:none!important}.bottom-nav .debug-entry{display:none!important}body.debug-access .bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}.app-shell{padding-bottom:92px!important}.p3h58-quick-action-premium-marker{display:none!important}html[data-theme="dark"] .quick-action-root.p3h58-quick-action-root .quick-action-item{background:linear-gradient(145deg,rgba(15,38,30,.98),rgba(8,22,18,.96))!important;border-color:rgba(145,200,111,.26)!important;color:#f3fff6!important}@media(max-width:390px){.quick-action-root.p3h58-quick-action-root{--qa-size:58px!important;right:10px!important}.quick-action-root.p3h58-quick-action-root .quick-action-item{width:63px!important;height:63px!important;min-width:63px!important;border-radius:22px!important}.quick-action-root.p3h58-quick-action-root .qa-item-label{font-size:9px!important;max-width:55px!important}}


/* PHASE 3H.9 — Useful Quick Action FAB final premium integration */
.debug-strip,.debug-floating-strip,.debug-bottom-strip,.floating-debug-strip,.debug-shortcut-strip,.debug-dev-strip{display:none!important;}
.bottom-nav .debug-entry{display:none!important;}
body.debug-access .bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.app-shell{padding-bottom:96px!important;}
.p3h59-quick-action-root{--qa-size:58px!important;position:fixed!important;right:max(13px,calc((100vw - min(100vw,430px))/2 + 13px))!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;z-index:180!important;pointer-events:none!important;}
.p3h59-quick-action-root.is-empty{display:none!important;}
.p3h59-quick-action-root *{box-sizing:border-box!important;}
.p3h59-quick-action-root .quick-action-fab{pointer-events:auto!important;width:var(--qa-size)!important;height:var(--qa-size)!important;border-radius:22px!important;border:1px solid rgba(255,255,255,.88)!important;background:linear-gradient(145deg,#0f7f5e 0%,#0b5f49 58%,#073c31 100%)!important;color:#fff!important;display:grid!important;place-items:center!important;position:relative!important;box-shadow:0 14px 30px rgba(7,70,53,.30),0 0 0 7px rgba(145,200,111,.16),inset 0 1px 0 rgba(255,255,255,.22)!important;cursor:pointer!important;transition:transform .24s cubic-bezier(.2,1,.2,1),box-shadow .24s ease,background .24s ease!important;}
.p3h59-quick-action-root .quick-action-fab:active{transform:scale(.95)!important;}
.p3h59-quick-action-root.is-open .quick-action-fab{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 18px 38px rgba(7,70,53,.38),0 0 0 9px rgba(145,200,111,.18),inset 0 1px 0 rgba(255,255,255,.25)!important;}
.p3h59-quick-action-root .qa-fab-ball{width:31px!important;height:31px!important;display:grid!important;place-items:center!important;color:#eaffd6!important;}
.p3h59-quick-action-root .qa-fab-ball svg{width:31px!important;height:31px!important;filter:drop-shadow(0 3px 7px rgba(0,0,0,.18))!important;}
.p3h59-quick-action-root .qa-fab-plus{position:absolute!important;right:7px!important;top:7px!important;width:18px!important;height:18px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#eaffd6!important;color:#0b5f49!important;font-weight:950!important;font-size:15px!important;line-height:1!important;box-shadow:0 4px 10px rgba(6,63,51,.18)!important;transition:transform .25s ease!important;}
.p3h59-quick-action-root.is-open .qa-fab-plus{transform:rotate(45deg)!important;}
.p3h59-quick-action-root .quick-action-backdrop{position:fixed!important;inset:0!important;background:transparent!important;pointer-events:none!important;z-index:1!important;}
.p3h59-quick-action-root.is-open .quick-action-backdrop{pointer-events:auto!important;background:rgba(4,28,20,.02)!important;}
.p3h59-quick-action-root .quick-action-menu{position:absolute!important;right:0!important;bottom:0!important;width:0!important;height:0!important;z-index:4!important;pointer-events:none!important;}
.p3h59-quick-action-root .quick-action-item{position:absolute!important;right:0!important;bottom:0!important;width:76px!important;min-width:76px!important;height:72px!important;border-radius:24px!important;border:1px solid rgba(15,107,79,.15)!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(241,249,244,.96))!important;color:var(--text-primary,#073d31)!important;display:grid!important;grid-template-rows:31px 15px 12px!important;align-items:center!important;justify-items:center!important;gap:2px!important;padding:7px 5px 6px!important;box-shadow:0 16px 34px rgba(6,63,51,.17),inset 0 1px 0 rgba(255,255,255,.94)!important;opacity:0!important;transform:translate(0,0) scale(.72)!important;transition:opacity .18s ease,transform .32s cubic-bezier(.2,1.22,.2,1)!important;pointer-events:none!important;white-space:normal!important;}
.p3h59-quick-action-root.is-open .quick-action-item{opacity:1!important;pointer-events:auto!important;transform:translate(var(--qa-x),var(--qa-y)) scale(1)!important;transition-delay:calc(var(--qa-i) * 36ms)!important;}
.p3h59-quick-action-root .quick-action-item:active{transform:translate(var(--qa-x),var(--qa-y)) scale(.94)!important;}
.p3h59-quick-action-root .qa-item-icon{width:31px!important;height:31px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0f6b4f,#91c86f)!important;color:#fff!important;box-shadow:inset 0 -3px 0 rgba(5,56,42,.18),0 6px 16px rgba(15,107,79,.16)!important;}
.p3h59-quick-action-root .qa-item-icon svg{width:19px!important;height:19px!important;}
.p3h59-quick-action-root .qa-item-label{font-size:10.5px!important;line-height:1!important;font-weight:950!important;text-align:center!important;color:inherit!important;max-width:68px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.p3h59-quick-action-root .quick-action-item small{display:block!important;font-size:8.5px!important;line-height:1!important;font-weight:800!important;color:rgba(7,61,49,.62)!important;max-width:70px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.p3h59-quick-action-root .qa-scan .qa-item-icon,.p3h59-quick-action-root .qa-scoreboard .qa-item-icon,.p3h59-quick-action-root .qa-score .qa-item-icon,.p3h59-quick-action-root .qa-refresh .qa-item-icon{background:linear-gradient(135deg,#063f33,#0f8f68)!important;}
.p3h59-quick-action-root .qa-pass .qa-item-icon,.p3h59-quick-action-root .qa-qr-pass .qa-item-icon{background:linear-gradient(135deg,#3157c8,#74a5ff)!important;}
.p3h59-quick-action-root .qa-share-result .qa-item-icon{background:linear-gradient(135deg,#ff7a1a,#ffb05d)!important;}
.p3h59-quick-action-root .qa-debug,.p3h59-quick-action-root .qa-run-debug{display:none!important;}
html[data-theme="dark"] .p3h59-quick-action-root .quick-action-item{background:linear-gradient(145deg,rgba(15,38,30,.98),rgba(8,22,18,.96))!important;border-color:rgba(145,200,111,.26)!important;color:#f3fff6!important;}
html[data-theme="dark"] .p3h59-quick-action-root .quick-action-item small{color:rgba(230,255,235,.66)!important;}
.p3h59-quick-action-marker{display:none!important;}
@media(max-width:390px){.p3h59-quick-action-root{--qa-size:56px!important;right:10px!important}.p3h59-quick-action-root .quick-action-item{width:70px!important;min-width:70px!important;height:69px!important;border-radius:22px!important}.p3h59-quick-action-root .qa-item-label{font-size:9.5px!important}.p3h59-quick-action-root .quick-action-item small{font-size:8px!important}}

/* =========================================================
   PHASE 3H.60 QUICK ACTION CONSISTENT FINAL
   Bottom nav = navigation only. Quick menu = page action only.
   ========================================================= */
.quick-action-root:not(.p3h60-quick-action-root) .quick-action-fab,
.quick-action-root:not(.p3h60-quick-action-root) .quick-action-item{visibility:hidden!important;pointer-events:none!important;}
.p3h60-quick-action-root{--qa-size:58px!important;position:fixed!important;right:max(13px,calc((100vw - min(100vw,430px))/2 + 13px))!important;bottom:calc(11px + env(safe-area-inset-bottom))!important;z-index:220!important;pointer-events:none!important;}
.p3h60-quick-action-root.is-empty{display:none!important;}
.p3h60-quick-action-root *{box-sizing:border-box!important;}
.p3h60-quick-action-root .p3h60-fab{pointer-events:auto!important;width:var(--qa-size)!important;height:var(--qa-size)!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.84)!important;background:radial-gradient(circle at 30% 24%,#a8ec63 0 18%,#18a66f 36%,#087957 68%,#064134 100%)!important;color:#f3ffe8!important;display:grid!important;place-items:center!important;position:relative!important;box-shadow:0 14px 30px rgba(7,70,53,.32),0 0 0 7px rgba(145,200,111,.18),inset 0 2px 0 rgba(255,255,255,.32)!important;cursor:pointer!important;transition:transform .23s cubic-bezier(.2,1,.2,1),box-shadow .23s ease,filter .23s ease!important;}
.p3h60-quick-action-root .p3h60-fab:active{transform:scale(.94)!important;}
.p3h60-quick-action-root.is-open .p3h60-fab{transform:translateY(-1px) scale(1.04) rotate(10deg)!important;box-shadow:0 18px 38px rgba(7,70,53,.42),0 0 0 9px rgba(145,200,111,.20),inset 0 2px 0 rgba(255,255,255,.34)!important;}
.p3h60-quick-action-root .qa60-ball{width:35px!important;height:35px!important;display:grid!important;place-items:center!important;color:#eaffd6!important;filter:drop-shadow(0 3px 7px rgba(0,0,0,.18))!important;}
.p3h60-quick-action-root .qa60-ball svg{width:35px!important;height:35px!important;}
.p3h60-quick-action-root .qa60-pulse{position:absolute!important;inset:-7px!important;border-radius:999px!important;border:1px solid rgba(145,200,111,.42)!important;opacity:.7!important;animation:qa60Pulse 2.2s ease-in-out infinite!important;}
.p3h60-quick-action-root.is-open .qa60-pulse{animation:none!important;opacity:.2!important;}
@keyframes qa60Pulse{0%,100%{transform:scale(.96);opacity:.48}50%{transform:scale(1.07);opacity:.2}}
.p3h60-quick-action-root .qa60-backdrop{position:fixed!important;inset:0!important;background:transparent!important;pointer-events:none!important;z-index:1!important;}
.p3h60-quick-action-root.is-open .qa60-backdrop{pointer-events:auto!important;background:rgba(4,28,20,.015)!important;}
.p3h60-quick-action-root .qa60-menu{position:absolute!important;right:0!important;bottom:0!important;width:0!important;height:0!important;z-index:4!important;pointer-events:none!important;}
.p3h60-quick-action-root .qa60-item{position:absolute!important;right:0!important;bottom:0!important;width:62px!important;height:62px!important;min-width:62px!important;border-radius:999px!important;border:1px solid rgba(15,107,79,.17)!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(240,249,243,.96))!important;color:var(--text-primary,#073d31)!important;display:grid!important;grid-template-rows:31px 14px!important;align-items:center!important;justify-items:center!important;gap:2px!important;padding:6px!important;box-shadow:0 14px 30px rgba(6,63,51,.17),inset 0 1px 0 rgba(255,255,255,.95)!important;opacity:0!important;transform:translate(0,0) scale(.72)!important;transition:opacity .18s ease,transform .32s cubic-bezier(.2,1.22,.2,1)!important;pointer-events:none!important;white-space:normal!important;}
.p3h60-quick-action-root.is-open .qa60-item{opacity:1!important;pointer-events:auto!important;transform:translate(var(--qa-x),var(--qa-y)) scale(1)!important;transition-delay:calc(var(--qa-i) * 34ms)!important;}
.p3h60-quick-action-root .qa60-item:active{transform:translate(var(--qa-x),var(--qa-y)) scale(.93)!important;}
.p3h60-quick-action-root .qa60-icon{width:31px!important;height:31px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0f6b4f,#91c86f)!important;color:#fff!important;box-shadow:inset 0 -3px 0 rgba(5,56,42,.17),0 6px 15px rgba(15,107,79,.16)!important;}
.p3h60-quick-action-root .qa60-icon svg{width:19px!important;height:19px!important;}
.p3h60-quick-action-root .qa60-label{font-size:9.6px!important;line-height:1!important;font-weight:950!important;text-align:center!important;color:inherit!important;max-width:55px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.p3h60-quick-action-root .qa-scan .qa60-icon,.p3h60-quick-action-root .qa-scoreboard .qa60-icon,.p3h60-quick-action-root .qa-score .qa60-icon,.p3h60-quick-action-root .qa-refresh .qa60-icon{background:linear-gradient(135deg,#063f33,#0f8f68)!important;}
.p3h60-quick-action-root .qa-pass .qa60-icon,.p3h60-quick-action-root .qa-qr-pass .qa60-icon{background:linear-gradient(135deg,#3157c8,#74a5ff)!important;}
.p3h60-quick-action-root .qa-share-result .qa60-icon{background:linear-gradient(135deg,#ff7a1a,#ffb05d)!important;}
.p3h60-quick-action-root .qa-debug,.p3h60-quick-action-root .qa-run-debug{display:none!important;}
.bottom-nav .debug-entry{display:none!important;}
.debug-strip,.floating-debug-strip,.debug-floating-strip,.system-check-floating{display:none!important;}
.app-shell{padding-bottom:94px!important;}
.p3h60-quick-action-marker{display:none!important;}
html[data-theme="dark"] .p3h60-quick-action-root .qa60-item{background:linear-gradient(145deg,rgba(15,38,30,.98),rgba(8,22,18,.96))!important;border-color:rgba(145,200,111,.26)!important;color:#f3fff6!important;}
@media(max-width:390px){.p3h60-quick-action-root{--qa-size:56px!important;right:10px!important}.p3h60-quick-action-root .qa60-item{width:58px!important;height:58px!important;min-width:58px!important}.p3h60-quick-action-root .qa60-label{font-size:9px!important;max-width:52px!important}}

/* PHASE 3H.7 — Smart Quick Action Logic Visual Lock */
.quick-action-root:not(.p3h7-smart-quick-action-root) .quick-action-fab,
.quick-action-root:not(.p3h7-smart-quick-action-root) .quick-action-item,
.quick-action-root:not(.p3h7-smart-quick-action-root) .p3h60-fab{visibility:hidden!important;pointer-events:none!important;}
.p3h7-smart-quick-action-root{--qa-size:58px!important;position:fixed!important;right:max(13px,calc((100vw - min(100vw,430px))/2 + 13px))!important;bottom:calc(11px + env(safe-area-inset-bottom))!important;z-index:260!important;pointer-events:none!important;}
.p3h7-smart-quick-action-root.is-empty{display:none!important;}
.p3h7-smart-quick-action-root *{box-sizing:border-box!important;}
.p3h7-smart-quick-action-root .qa37-fab{pointer-events:auto!important;width:var(--qa-size)!important;height:var(--qa-size)!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.86)!important;background:radial-gradient(circle at 32% 22%,#c5ff7a 0 16%,#56c83e 28%,#0f8b62 58%,#064434 100%)!important;color:#f4ffe7!important;display:grid!important;place-items:center!important;position:relative!important;box-shadow:0 14px 30px rgba(7,70,53,.30),0 0 0 7px rgba(145,200,111,.16),inset 0 2px 0 rgba(255,255,255,.35)!important;cursor:pointer!important;transition:transform .22s cubic-bezier(.2,1,.2,1),box-shadow .22s ease,filter .22s ease!important;}
.p3h7-smart-quick-action-root .qa37-fab:active{transform:scale(.94)!important;}
.p3h7-smart-quick-action-root.is-open .qa37-fab{transform:translateY(-1px) scale(1.045) rotate(8deg)!important;box-shadow:0 18px 40px rgba(7,70,53,.42),0 0 0 10px rgba(145,200,111,.18),inset 0 2px 0 rgba(255,255,255,.36)!important;}
.p3h7-smart-quick-action-root .qa37-ball{width:35px!important;height:35px!important;display:grid!important;place-items:center!important;color:#eaffd6!important;filter:drop-shadow(0 3px 7px rgba(0,0,0,.18))!important;}
.p3h7-smart-quick-action-root .qa37-ball svg{width:35px!important;height:35px!important;}
.p3h7-smart-quick-action-root .qa37-dot{position:absolute!important;right:9px!important;top:8px!important;width:10px!important;height:10px!important;border-radius:999px!important;background:#eaff50!important;border:2px solid rgba(255,255,255,.9)!important;box-shadow:0 0 0 5px rgba(234,255,80,.16)!important;}
.p3h7-smart-quick-action-root.is-open .qa37-dot{transform:scale(.55)!important;opacity:.65!important;}
.p3h7-smart-quick-action-root .qa37-backdrop{position:fixed!important;inset:0!important;background:transparent!important;pointer-events:none!important;z-index:1!important;}
.p3h7-smart-quick-action-root.is-open .qa37-backdrop{pointer-events:auto!important;background:rgba(4,28,20,.015)!important;}
.p3h7-smart-quick-action-root .qa37-menu{position:absolute!important;right:0!important;bottom:0!important;width:0!important;height:0!important;z-index:4!important;pointer-events:none!important;}
.p3h7-smart-quick-action-root .qa37-item{position:absolute!important;right:0!important;bottom:0!important;width:62px!important;height:62px!important;min-width:62px!important;border-radius:999px!important;border:1px solid rgba(15,107,79,.18)!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(240,249,243,.96))!important;color:var(--text-primary,#073d31)!important;display:grid!important;grid-template-rows:31px 14px!important;align-items:center!important;justify-items:center!important;gap:2px!important;padding:6px!important;box-shadow:0 14px 30px rgba(6,63,51,.17),inset 0 1px 0 rgba(255,255,255,.95)!important;opacity:0!important;transform:translate(0,0) scale(.72)!important;transition:opacity .18s ease,transform .32s cubic-bezier(.2,1.22,.2,1)!important;pointer-events:none!important;white-space:normal!important;}
.p3h7-smart-quick-action-root.is-open .qa37-item{opacity:1!important;pointer-events:auto!important;transform:translate(var(--qa-x),var(--qa-y)) scale(1)!important;transition-delay:calc(var(--qa-i) * 34ms)!important;}
.p3h7-smart-quick-action-root .qa37-item:active{transform:translate(var(--qa-x),var(--qa-y)) scale(.93)!important;}
.p3h7-smart-quick-action-root .qa37-item.is-priority{background:linear-gradient(145deg,#ffffff,#edffe8)!important;border-color:rgba(145,200,111,.5)!important;box-shadow:0 16px 36px rgba(6,63,51,.20),0 0 0 5px rgba(145,200,111,.10)!important;}
.p3h7-smart-quick-action-root .qa37-icon{width:31px!important;height:31px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0f6b4f,#91c86f)!important;color:#fff!important;box-shadow:inset 0 -3px 0 rgba(5,56,42,.17),0 6px 15px rgba(15,107,79,.16)!important;}
.p3h7-smart-quick-action-root .qa37-icon svg{width:19px!important;height:19px!important;}
.p3h7-smart-quick-action-root .qa37-label{font-size:9.6px!important;line-height:1!important;font-weight:950!important;text-align:center!important;color:inherit!important;max-width:55px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.p3h7-smart-quick-action-root .qa-scan .qa37-icon,.p3h7-smart-quick-action-root .qa-scoreboard .qa37-icon,.p3h7-smart-quick-action-root .qa-score .qa37-icon,.p3h7-smart-quick-action-root .qa-refresh .qa37-icon{background:linear-gradient(135deg,#063f33,#0f8f68)!important;}
.p3h7-smart-quick-action-root .qa-pass .qa37-icon,.p3h7-smart-quick-action-root .qa-qr-pass .qa37-icon{background:linear-gradient(135deg,#3157c8,#74a5ff)!important;}
.p3h7-smart-quick-action-root .qa-share-result .qa37-icon,.p3h7-smart-quick-action-root .qa-hasil .qa37-icon{background:linear-gradient(135deg,#ff7a1a,#ffb05d)!important;}
.p3h7-smart-quick-action-root .qa-debug,.p3h7-smart-quick-action-root .qa-run-debug{display:none!important;}
.p3h7-smart-quick-action-marker{display:none!important;}
@media(max-width:390px){.p3h7-smart-quick-action-root{--qa-size:56px!important;right:10px!important}.p3h7-smart-quick-action-root .qa37-item{width:58px!important;height:58px!important;min-width:58px!important}.p3h7-smart-quick-action-root .qa37-label{font-size:9px!important;max-width:52px!important}}

/* PHASE 3H.7R — Reliable Smart Quick Action visual + debug polish */
.quick-action-root:not(.p3h7r-quick-action-root) .quick-action-fab,
.quick-action-root:not(.p3h7r-quick-action-root) .quick-action-item{visibility:hidden!important;pointer-events:none!important;}
.p3h7r-quick-action-root{--qa-size:58px!important;position:fixed!important;right:max(14px,calc((100vw - min(100vw,430px))/2 + 14px))!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;z-index:240!important;pointer-events:none!important;}
.p3h7r-quick-action-root.is-empty{display:none!important;}
.p3h7r-quick-action-root *{box-sizing:border-box!important;}
.p3h7r-quick-action-root .qa7r-fab{pointer-events:auto!important;width:var(--qa-size)!important;height:var(--qa-size)!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.86)!important;background:radial-gradient(circle at 30% 22%,#ccff89 0 14%,#8bd84f 15% 30%,#17a56f 47%,#087354 72%,#064136 100%)!important;color:#f6ffe9!important;display:grid!important;place-items:center!important;position:relative!important;box-shadow:0 14px 30px rgba(7,70,53,.30),0 0 0 7px rgba(145,200,111,.18),inset 0 2px 0 rgba(255,255,255,.34)!important;cursor:pointer!important;transition:transform .24s cubic-bezier(.2,1,.2,1),box-shadow .24s ease,filter .24s ease!important;}
.p3h7r-quick-action-root .qa7r-fab:active{transform:scale(.94)!important;}
.p3h7r-quick-action-root.is-open .qa7r-fab{transform:translateY(-1px) scale(1.045) rotate(8deg)!important;box-shadow:0 18px 38px rgba(7,70,53,.42),0 0 0 9px rgba(145,200,111,.20),inset 0 2px 0 rgba(255,255,255,.36)!important;}
.p3h7r-quick-action-root .qa-fab-ball{width:35px!important;height:35px!important;display:grid!important;place-items:center!important;color:#efffdd!important;filter:drop-shadow(0 3px 7px rgba(0,0,0,.18))!important;}
.p3h7r-quick-action-root .qa-fab-ball svg{width:35px!important;height:35px!important;}
.p3h7r-quick-action-root .qa-fab-dot{position:absolute!important;right:7px!important;top:7px!important;width:13px!important;height:13px!important;border-radius:999px!important;background:linear-gradient(135deg,#eaff8a,#91c86f)!important;border:2px solid rgba(255,255,255,.92)!important;box-shadow:0 4px 10px rgba(7,70,53,.22)!important;transition:transform .24s ease,opacity .24s ease!important;}
.p3h7r-quick-action-root.is-open .qa-fab-dot{transform:scale(.72)!important;opacity:.45!important;}
.p3h7r-quick-action-root .quick-action-backdrop{position:fixed!important;inset:0!important;background:transparent!important;pointer-events:none!important;z-index:1!important;}
.p3h7r-quick-action-root.is-open .quick-action-backdrop{pointer-events:auto!important;background:rgba(4,28,20,.018)!important;}
.p3h7r-quick-action-root .quick-action-menu{position:absolute!important;right:0!important;bottom:0!important;width:0!important;height:0!important;z-index:4!important;pointer-events:none!important;}
.p3h7r-quick-action-root .qa7r-item{position:absolute!important;right:0!important;bottom:0!important;width:64px!important;height:64px!important;min-width:64px!important;border-radius:999px!important;border:1px solid rgba(15,107,79,.16)!important;background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(241,249,244,.97))!important;color:var(--text-primary,#073d31)!important;display:grid!important;grid-template-rows:30px 13px 10px!important;align-items:center!important;justify-items:center!important;gap:1px!important;padding:6px!important;box-shadow:0 14px 30px rgba(6,63,51,.17),inset 0 1px 0 rgba(255,255,255,.95)!important;opacity:0!important;transform:translate(0,0) scale(.72)!important;transition:opacity .18s ease,transform .32s cubic-bezier(.2,1.22,.2,1)!important;pointer-events:none!important;white-space:normal!important;}
.p3h7r-quick-action-root.is-open .qa7r-item{opacity:1!important;pointer-events:auto!important;transform:translate(var(--qa-x),var(--qa-y)) scale(1)!important;transition-delay:calc(var(--qa-i) * 36ms)!important;}
.p3h7r-quick-action-root .qa7r-item:active{transform:translate(var(--qa-x),var(--qa-y)) scale(.93)!important;}
.p3h7r-quick-action-root .qa7r-item.is-priority{background:linear-gradient(145deg,rgba(232,255,219,.99),rgba(255,255,255,.98))!important;box-shadow:0 16px 34px rgba(42,145,91,.22),0 0 0 4px rgba(145,200,111,.18),inset 0 1px 0 rgba(255,255,255,.98)!important;}
.p3h7r-quick-action-root .qa-item-icon{width:30px!important;height:30px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0f6b4f,#91c86f)!important;color:#fff!important;box-shadow:inset 0 -3px 0 rgba(5,56,42,.17),0 6px 15px rgba(15,107,79,.16)!important;}
.p3h7r-quick-action-root .qa-item-icon svg{width:18px!important;height:18px!important;}
.p3h7r-quick-action-root .qa-item-label{font-size:9.6px!important;line-height:1!important;font-weight:950!important;text-align:center!important;color:inherit!important;max-width:56px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.p3h7r-quick-action-root .qa7r-item small{display:block!important;font-size:7.7px!important;line-height:1!important;font-weight:850!important;color:rgba(7,61,49,.58)!important;max-width:56px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.p3h7r-quick-action-root .qa-scan .qa-item-icon,.p3h7r-quick-action-root .qa-scoreboard .qa-item-icon,.p3h7r-quick-action-root .qa-refresh .qa-item-icon{background:linear-gradient(135deg,#063f33,#0f8f68)!important;}
.p3h7r-quick-action-root .qa-qr-pass .qa-item-icon,.p3h7r-quick-action-root .qa-pass .qa-item-icon{background:linear-gradient(135deg,#3157c8,#74a5ff)!important;}
.p3h7r-quick-action-root .qa-share-result .qa-item-icon{background:linear-gradient(135deg,#ff7a1a,#ffb05d)!important;}
.p3h7r-quick-action-root .qa-debug,.p3h7r-quick-action-root .qa-run-debug{display:none!important;}
html[data-theme="dark"] .p3h7r-quick-action-root .qa7r-item{background:linear-gradient(145deg,rgba(15,38,30,.98),rgba(8,22,18,.96))!important;border-color:rgba(145,200,111,.26)!important;color:#f3fff6!important;}
html[data-theme="dark"] .p3h7r-quick-action-root .qa7r-item small{color:rgba(230,255,235,.66)!important;}
@media(max-width:390px){.p3h7r-quick-action-root{--qa-size:56px!important;right:10px!important}.p3h7r-quick-action-root .qa7r-item{width:59px!important;height:59px!important;min-width:59px!important}.p3h7r-quick-action-root .qa-item-label{font-size:9px!important}.p3h7r-quick-action-root .qa7r-item small{display:none!important}}
.p3h7r-quick-action-marker{display:none!important;}
/* Debug center polish, follows global card language without exposing debug as floating action */
.debug-screen .debug-hero-card{border-radius:24px!important;border:1px solid rgba(15,107,79,.14)!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(237,248,240,.92))!important;box-shadow:0 16px 40px rgba(7,70,53,.10)!important;}
.debug-screen .debug-summary-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:16px 0!important;}
.debug-screen .mini-stat{border-radius:16px!important;border:1px solid rgba(15,107,79,.12)!important;background:#fff!important;box-shadow:0 10px 20px rgba(7,70,53,.05)!important;padding:12px 8px!important;text-align:center!important;}
.debug-screen .mini-stat strong{font-size:22px!important;line-height:1!important;display:block!important;}
.debug-screen .mini-stat span{text-transform:uppercase!important;letter-spacing:.08em!important;font-size:10px!important;font-weight:900!important;}
.debug-screen .mini-stat.pass{background:#d8ffe5!important}.debug-screen .mini-stat.warn{background:#fff2cf!important}.debug-screen .mini-stat.fail{background:#ffe0dc!important}
.debug-screen .debug-result{border-radius:18px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 12px 28px rgba(7,70,53,.07)!important;}
.debug-strip,.debug-floating-strip,.debug-quick-strip,.system-check-floating{display:none!important;}

/* PHASE 3H.7S — Reliable Quick Action Runtime Final */
.quick-action-root:not(.p3h7s-quick-action-root){display:none!important;}
.p3h7s-quick-action-root{--qa-size:58px;position:fixed!important;right:max(14px,calc((100vw - min(100vw,430px))/2 + 14px))!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;z-index:300!important;pointer-events:none!important}.p3h7s-quick-action-root.is-empty{display:none!important}.p3h7s-quick-action-root *{box-sizing:border-box!important}.p3h7s-quick-action-root .qa7s-fab{pointer-events:auto!important;width:var(--qa-size)!important;height:var(--qa-size)!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.88)!important;background:radial-gradient(circle at 30% 22%,#ccff89 0 14%,#8bd84f 15% 30%,#17a56f 47%,#087354 72%,#064136 100%)!important;color:#f6ffe9!important;display:grid!important;place-items:center!important;position:relative!important;box-shadow:0 14px 30px rgba(7,70,53,.30),0 0 0 7px rgba(145,200,111,.18),inset 0 2px 0 rgba(255,255,255,.34)!important;cursor:pointer!important;transition:transform .24s cubic-bezier(.2,1,.2,1),box-shadow .24s ease!important}.p3h7s-quick-action-root .qa7s-fab:active{transform:scale(.94)!important}.p3h7s-quick-action-root.is-open .qa7s-fab{transform:translateY(-1px) scale(1.045) rotate(8deg)!important;box-shadow:0 18px 38px rgba(7,70,53,.42),0 0 0 9px rgba(145,200,111,.20),inset 0 2px 0 rgba(255,255,255,.36)!important}.p3h7s-quick-action-root .qa7s-ball,.p3h7s-quick-action-root .qa7s-ball svg{width:35px!important;height:35px!important;display:grid!important;place-items:center!important;filter:drop-shadow(0 3px 7px rgba(0,0,0,.18))!important}.p3h7s-quick-action-root .qa7s-backdrop{position:fixed!important;inset:0!important;background:transparent!important;pointer-events:none!important;z-index:1!important}.p3h7s-quick-action-root.is-open .qa7s-backdrop{pointer-events:auto!important;background:rgba(4,28,20,.018)!important}.p3h7s-quick-action-root .qa7s-menu{position:absolute!important;right:0!important;bottom:0!important;width:0!important;height:0!important;z-index:4!important;pointer-events:none!important}.p3h7s-quick-action-root .qa7s-item{position:absolute!important;right:0!important;bottom:0!important;width:62px!important;height:62px!important;min-width:62px!important;border-radius:999px!important;border:1px solid rgba(15,107,79,.16)!important;background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(241,249,244,.97))!important;color:var(--text-primary,#073d31)!important;display:grid!important;grid-template-rows:32px 14px!important;align-items:center!important;justify-items:center!important;gap:1px!important;padding:7px!important;box-shadow:0 14px 30px rgba(6,63,51,.17),inset 0 1px 0 rgba(255,255,255,.95)!important;opacity:0!important;transform:translate(0,0) scale(.72)!important;transition:opacity .18s ease,transform .32s cubic-bezier(.2,1.22,.2,1)!important;pointer-events:none!important;white-space:normal!important}.p3h7s-quick-action-root.is-open .qa7s-item{opacity:1!important;pointer-events:auto!important;transform:translate(var(--qa-x),var(--qa-y)) scale(1)!important;transition-delay:calc(var(--qa-i) * 36ms)!important}.p3h7s-quick-action-root .qa7s-item:active{transform:translate(var(--qa-x),var(--qa-y)) scale(.93)!important}.p3h7s-quick-action-root .qa7s-item.is-priority{background:linear-gradient(145deg,rgba(232,255,219,.99),rgba(255,255,255,.98))!important;box-shadow:0 16px 34px rgba(42,145,91,.22),0 0 0 4px rgba(145,200,111,.18),inset 0 1px 0 rgba(255,255,255,.98)!important}.p3h7s-quick-action-root .qa7s-icon{width:31px!important;height:31px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0f6b4f,#91c86f)!important;color:#fff!important;box-shadow:inset 0 -3px 0 rgba(5,56,42,.17),0 6px 15px rgba(15,107,79,.16)!important}.p3h7s-quick-action-root .qa7s-icon svg{width:18px!important;height:18px!important}.p3h7s-quick-action-root .qa7s-label{font-size:9.5px!important;line-height:1!important;font-weight:950!important;text-align:center!important;color:inherit!important;max-width:54px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.p3h7s-quick-action-root .qa-scan .qa7s-icon,.p3h7s-quick-action-root .qa-scoreboard .qa7s-icon,.p3h7s-quick-action-root .qa-refresh .qa7s-icon{background:linear-gradient(135deg,#063f33,#0f8f68)!important}.p3h7s-quick-action-root .qa-qr-pass .qa7s-icon,.p3h7s-quick-action-root .qa-pass .qa7s-icon{background:linear-gradient(135deg,#3157c8,#74a5ff)!important}.p3h7s-quick-action-root .qa-share-result .qa7s-icon,.p3h7s-quick-action-root .qa-share .qa7s-icon{background:linear-gradient(135deg,#ff7a1a,#ffb05d)!important}.p3h7s-quick-action-root .qa-debug,.p3h7s-quick-action-root .qa-run-debug{display:none!important}.debug-strip,.debug-floating-strip,.debug-quick-strip,.system-check-floating{display:none!important}.p3h7s-quick-action-marker{display:none!important}@media(max-width:390px){.p3h7s-quick-action-root{--qa-size:56px!important;right:10px!important}.p3h7s-quick-action-root .qa7s-item{width:58px!important;height:58px!important;min-width:58px!important}.p3h7s-quick-action-root .qa7s-label{font-size:9px!important}}

/* PHASE 3H.7T — Quick Action Reliable Runtime Style
   Owns the FAB with unique qa7t classes so older click handlers cannot intercept it. */
.quick-action-root:not(.p3h7t-quick-action-root):not(.p3h7s-quick-action-root){display:none!important;}
.p3h7s-quick-action-root:not(.p3h7t-quick-action-root){display:none!important;}
.p3h7t-quick-action-root{--qa-size:58px;position:fixed!important;right:max(14px,calc((100vw - min(100vw,430px))/2 + 14px))!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;z-index:500!important;pointer-events:none!important}.p3h7t-quick-action-root.is-empty{display:none!important}.p3h7t-quick-action-root *{box-sizing:border-box!important}.p3h7t-quick-action-root .qa7t-fab{pointer-events:auto!important;width:var(--qa-size)!important;height:var(--qa-size)!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.92)!important;background:radial-gradient(circle at 30% 20%,#e5ffb7 0 12%,#95dc58 13% 30%,#22aa75 48%,#087455 72%,#053d33 100%)!important;color:#f6ffe9!important;display:grid!important;place-items:center!important;position:relative!important;box-shadow:0 14px 30px rgba(7,70,53,.30),0 0 0 7px rgba(145,200,111,.18),inset 0 2px 0 rgba(255,255,255,.34)!important;cursor:pointer!important;transition:transform .24s cubic-bezier(.2,1,.2,1),box-shadow .24s ease!important}.p3h7t-quick-action-root .qa7t-fab:active{transform:scale(.94)!important}.p3h7t-quick-action-root.qa7t-open .qa7t-fab{transform:translateY(-1px) scale(1.045) rotate(8deg)!important;box-shadow:0 18px 38px rgba(7,70,53,.42),0 0 0 9px rgba(145,200,111,.20),inset 0 2px 0 rgba(255,255,255,.36)!important}.p3h7t-quick-action-root .qa7t-ball,.p3h7t-quick-action-root .qa7t-ball svg{width:35px!important;height:35px!important;display:grid!important;place-items:center!important;filter:drop-shadow(0 3px 7px rgba(0,0,0,.18))!important}.p3h7t-quick-action-root .qa7t-backdrop{position:fixed!important;inset:0!important;background:transparent!important;pointer-events:none!important;z-index:1!important}.p3h7t-quick-action-root.qa7t-open .qa7t-backdrop{pointer-events:auto!important;background:rgba(4,28,20,.018)!important}.p3h7t-quick-action-root .qa7t-menu{position:absolute!important;right:0!important;bottom:0!important;width:0!important;height:0!important;z-index:4!important;pointer-events:none!important}.p3h7t-quick-action-root .qa7t-item{position:absolute!important;right:0!important;bottom:0!important;width:62px!important;height:62px!important;min-width:62px!important;border-radius:999px!important;border:1px solid rgba(15,107,79,.16)!important;background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(241,249,244,.97))!important;color:var(--text-primary,#073d31)!important;display:grid!important;grid-template-rows:32px 14px!important;align-items:center!important;justify-items:center!important;gap:1px!important;padding:7px!important;box-shadow:0 14px 30px rgba(6,63,51,.17),inset 0 1px 0 rgba(255,255,255,.95)!important;opacity:0!important;transform:translate(0,0) scale(.72)!important;transition:opacity .18s ease,transform .32s cubic-bezier(.2,1.22,.2,1)!important;pointer-events:none!important;white-space:normal!important}.p3h7t-quick-action-root.qa7t-open .qa7t-item{opacity:1!important;pointer-events:auto!important;transform:translate(var(--qa-x),var(--qa-y)) scale(1)!important;transition-delay:calc(var(--qa-i) * 36ms)!important}.p3h7t-quick-action-root .qa7t-item:active{transform:translate(var(--qa-x),var(--qa-y)) scale(.93)!important}.p3h7t-quick-action-root .qa7t-item.is-priority{background:linear-gradient(145deg,rgba(232,255,219,.99),rgba(255,255,255,.98))!important;box-shadow:0 16px 34px rgba(42,145,91,.22),0 0 0 4px rgba(145,200,111,.18),inset 0 1px 0 rgba(255,255,255,.98)!important}.p3h7t-quick-action-root .qa7t-icon{width:31px!important;height:31px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0f6b4f,#91c86f)!important;color:#fff!important;box-shadow:inset 0 -3px 0 rgba(5,56,42,.17),0 6px 15px rgba(15,107,79,.16)!important}.p3h7t-quick-action-root .qa7t-icon svg{width:18px!important;height:18px!important}.p3h7t-quick-action-root .qa7t-label{font-size:9.5px!important;line-height:1!important;font-weight:950!important;text-align:center!important;color:inherit!important;max-width:54px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.p3h7t-quick-action-root .qa-scan .qa7t-icon,.p3h7t-quick-action-root .qa-scoreboard .qa7t-icon,.p3h7t-quick-action-root .qa-refresh .qa7t-icon{background:linear-gradient(135deg,#063f33,#0f8f68)!important}.p3h7t-quick-action-root .qa-qr-pass .qa7t-icon,.p3h7t-quick-action-root .qa-pass .qa7t-icon{background:linear-gradient(135deg,#3157c8,#74a5ff)!important}.p3h7t-quick-action-root .qa-share-result .qa7t-icon,.p3h7t-quick-action-root .qa-share .qa7t-icon{background:linear-gradient(135deg,#ff7a1a,#ffb05d)!important}.p3h7t-quick-action-root .qa-debug,.p3h7t-quick-action-root .qa-run-debug{display:none!important}.debug-strip,.debug-floating-strip,.debug-quick-strip,.system-check-floating{display:none!important}@media(max-width:390px){.p3h7t-quick-action-root{--qa-size:56px!important;right:10px!important}.p3h7t-quick-action-root .qa7t-item{width:58px!important;height:58px!important;min-width:58px!important}.p3h7t-quick-action-root .qa7t-label{font-size:9px!important}}

/* PHASE 3H.7U — Stable Always-On Quick Action FAB
   FAB remains visible on every app page, disabled when no contextual action exists, and never replays random blink animation. */
.quick-action-root:not(.p3h7u-quick-action-root):not(.p3h7t-quick-action-root){display:none!important;}
.p3h7u-quick-action-root{--qa-size:58px;position:fixed!important;right:max(13px,calc((100vw - min(100vw,430px))/2 + 13px))!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;z-index:580!important;pointer-events:none!important;contain:layout style!important;}
.p3h7u-quick-action-root *{box-sizing:border-box!important;}
.p3h7u-quick-action-root .qa7u-fab{pointer-events:auto!important;width:var(--qa-size)!important;height:var(--qa-size)!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.92)!important;background:radial-gradient(circle at 32% 22%,#e5ffb7 0 12%,#93db52 13% 30%,#18a36e 48%,#087455 72%,#053d33 100%)!important;color:#f7ffe9!important;display:grid!important;place-items:center!important;position:relative!important;box-shadow:0 14px 30px rgba(7,70,53,.30),0 0 0 7px rgba(145,200,111,.16),inset 0 2px 0 rgba(255,255,255,.35)!important;cursor:pointer!important;transition:transform .22s cubic-bezier(.2,1,.2,1),box-shadow .22s ease,filter .22s ease,opacity .22s ease!important;}
.p3h7u-quick-action-root .qa7u-fab:active{transform:scale(.94)!important;}
.p3h7u-quick-action-root.is-open .qa7u-fab{transform:translateY(-1px) scale(1.045) rotate(7deg)!important;box-shadow:0 18px 38px rgba(7,70,53,.42),0 0 0 9px rgba(145,200,111,.20),inset 0 2px 0 rgba(255,255,255,.36)!important;}
.p3h7u-quick-action-root.is-disabled .qa7u-fab{opacity:.54!important;filter:grayscale(.25) saturate(.72)!important;box-shadow:0 10px 22px rgba(7,70,53,.16),0 0 0 6px rgba(145,200,111,.10),inset 0 2px 0 rgba(255,255,255,.34)!important;cursor:default!important;}
.p3h7u-quick-action-root .qa7u-ball,.p3h7u-quick-action-root .qa7u-ball svg{width:35px!important;height:35px!important;display:grid!important;place-items:center!important;filter:drop-shadow(0 3px 7px rgba(0,0,0,.18))!important;}
.p3h7u-quick-action-root .qa7u-backdrop{position:fixed!important;inset:0!important;background:transparent!important;pointer-events:none!important;z-index:1!important;}
.p3h7u-quick-action-root.is-open .qa7u-backdrop{pointer-events:auto!important;background:rgba(4,28,20,.018)!important;}
.p3h7u-quick-action-root .qa7u-menu{position:absolute!important;right:0!important;bottom:0!important;width:0!important;height:0!important;z-index:4!important;pointer-events:none!important;}
.p3h7u-quick-action-root .qa7u-item{position:absolute!important;right:0!important;bottom:0!important;width:62px!important;height:62px!important;min-width:62px!important;border-radius:999px!important;border:1px solid rgba(15,107,79,.16)!important;background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(241,249,244,.97))!important;color:var(--text-primary,#073d31)!important;display:grid!important;grid-template-rows:32px 14px!important;align-items:center!important;justify-items:center!important;gap:1px!important;padding:7px!important;box-shadow:0 14px 30px rgba(6,63,51,.17),inset 0 1px 0 rgba(255,255,255,.95)!important;opacity:0!important;transform:translate(0,0) scale(.72)!important;transition:opacity .18s ease,transform .32s cubic-bezier(.2,1.22,.2,1)!important;pointer-events:none!important;white-space:normal!important;}
.p3h7u-quick-action-root.is-open .qa7u-item{opacity:1!important;pointer-events:auto!important;transform:translate(var(--qa-x),var(--qa-y)) scale(1)!important;transition-delay:calc(var(--qa-i) * 34ms)!important;}
.p3h7u-quick-action-root .qa7u-item:active{transform:translate(var(--qa-x),var(--qa-y)) scale(.93)!important;}
.p3h7u-quick-action-root .qa7u-item.is-priority{background:linear-gradient(145deg,rgba(232,255,219,.99),rgba(255,255,255,.98))!important;box-shadow:0 16px 34px rgba(42,145,91,.22),0 0 0 4px rgba(145,200,111,.18),inset 0 1px 0 rgba(255,255,255,.98)!important;}
.p3h7u-quick-action-root .qa7u-icon{width:31px!important;height:31px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0f6b4f,#91c86f)!important;color:#fff!important;box-shadow:inset 0 -3px 0 rgba(5,56,42,.17),0 6px 15px rgba(15,107,79,.16)!important;}
.p3h7u-quick-action-root .qa7u-icon svg{width:18px!important;height:18px!important;}
.p3h7u-quick-action-root .qa7u-label{font-size:9.5px!important;line-height:1!important;font-weight:950!important;text-align:center!important;color:inherit!important;max-width:54px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.p3h7u-quick-action-root .qa-scan .qa7u-icon,.p3h7u-quick-action-root .qa-score .qa7u-icon,.p3h7u-quick-action-root .qa-refresh .qa7u-icon{background:linear-gradient(135deg,#063f33,#0f8f68)!important;}
.p3h7u-quick-action-root .qa-qr .qa7u-icon,.p3h7u-quick-action-root .qa-pass .qa7u-icon{background:linear-gradient(135deg,#3157c8,#74a5ff)!important;}
.p3h7u-quick-action-root .qa-share .qa7u-icon,.p3h7u-quick-action-root .qa-hasil .qa7u-icon{background:linear-gradient(135deg,#ff7a1a,#ffb05d)!important;}
.p3h7u-quick-action-root .qa-debug,.p3h7u-quick-action-root .qa-run-debug{display:none!important;}
.p3h7u-quick-action-marker{display:none!important;}
.debug-strip,.debug-floating-strip,.debug-quick-strip,.system-check-floating{display:none!important;}
@media(max-width:390px){.p3h7u-quick-action-root{--qa-size:56px!important;right:10px!important}.p3h7u-quick-action-root .qa7u-item{width:58px!important;height:58px!important;min-width:58px!important}.p3h7u-quick-action-root .qa7u-label{font-size:9px!important}}

/* PHASE 3H.7V — Stable Symmetric Quick Action Overlay */
#quickActionFabRoot.p3h7v-legacy-hidden,
#quickActionFabRoot.p3h7v-legacy-hidden *{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important;animation:none!important;transition:none!important;}
.p3h7v-quick-action-root{--qa-size:58px;position:fixed!important;right:max(13px,calc((100vw - min(100vw,430px))/2 + 13px))!important;bottom:calc(11px + env(safe-area-inset-bottom))!important;z-index:999!important;pointer-events:none!important;contain:layout style!important;}
.p3h7v-quick-action-root *{box-sizing:border-box!important;}
.p3h7v-fab{pointer-events:auto!important;width:var(--qa-size)!important;height:var(--qa-size)!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.88)!important;background:radial-gradient(circle at 30% 20%,#d7ff88 0 15%,#7bd94f 26%,#0e9a67 56%,#064839 100%)!important;color:#f5ffe9!important;display:grid!important;place-items:center!important;position:relative!important;box-shadow:0 14px 30px rgba(7,70,53,.30),0 0 0 7px rgba(145,200,111,.16),inset 0 2px 0 rgba(255,255,255,.36)!important;cursor:pointer!important;transition:transform .22s cubic-bezier(.2,1,.2,1),box-shadow .22s ease,filter .22s ease,opacity .2s ease!important;}
.p3h7v-fab:active{transform:scale(.94)!important;}
.p3h7v-quick-action-root.is-open .p3h7v-fab{transform:translateY(-1px) scale(1.04)!important;box-shadow:0 18px 42px rgba(7,70,53,.42),0 0 0 10px rgba(145,200,111,.18),inset 0 2px 0 rgba(255,255,255,.38)!important;}
.p3h7v-quick-action-root.is-disabled .p3h7v-fab{opacity:.46!important;filter:grayscale(.18)!important;box-shadow:0 10px 22px rgba(7,70,53,.18),0 0 0 5px rgba(145,200,111,.08)!important;}
.p3h7v-ball{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;color:#efffe3!important;filter:drop-shadow(0 3px 7px rgba(0,0,0,.16))!important;}
.p3h7v-ball svg{width:36px!important;height:36px!important;}
.p3h7v-backdrop{position:fixed!important;inset:0!important;background:transparent!important;pointer-events:none!important;z-index:1!important;}
.p3h7v-quick-action-root.is-open .p3h7v-backdrop{pointer-events:auto!important;background:rgba(4,28,20,.01)!important;}
.p3h7v-menu{position:absolute!important;right:0!important;bottom:0!important;width:0!important;height:0!important;z-index:4!important;pointer-events:none!important;}
.p3h7v-item{position:absolute!important;right:0!important;bottom:0!important;width:62px!important;height:62px!important;min-width:62px!important;border-radius:999px!important;border:1px solid rgba(15,107,79,.17)!important;background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(239,249,243,.97))!important;color:var(--text-primary,#073d31)!important;display:grid!important;grid-template-rows:31px 15px!important;align-items:center!important;justify-items:center!important;gap:2px!important;padding:6px!important;box-shadow:0 14px 30px rgba(6,63,51,.17),inset 0 1px 0 rgba(255,255,255,.95)!important;opacity:0!important;transform:translate(0,0) scale(.74)!important;transition:opacity .18s ease,transform .30s cubic-bezier(.2,1.16,.2,1)!important;transition-delay:0ms!important;pointer-events:none!important;white-space:normal!important;}
.p3h7v-quick-action-root.is-open .p3h7v-item{opacity:1!important;pointer-events:auto!important;transform:translate(var(--qa-x),var(--qa-y)) scale(1)!important;transition-delay:calc(var(--qa-i) * 38ms)!important;}
.p3h7v-quick-action-root.is-open .p3h7v-item:active{transform:translate(var(--qa-x),var(--qa-y)) scale(.94)!important;}
.p3h7v-icon{width:31px!important;height:31px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0f6b4f,#91c86f)!important;color:#fff!important;box-shadow:inset 0 -3px 0 rgba(5,56,42,.17),0 6px 15px rgba(15,107,79,.16)!important;}
.p3h7v-icon svg{width:19px!important;height:19px!important;}
.p3h7v-label{font-size:9.4px!important;line-height:1!important;font-weight:950!important;text-align:center!important;color:inherit!important;max-width:55px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.p3h7v-item.is-priority{background:linear-gradient(145deg,#ffffff,#ecfff1)!important;border-color:rgba(145,200,111,.42)!important;box-shadow:0 16px 34px rgba(6,63,51,.20),0 0 0 5px rgba(145,200,111,.10),inset 0 1px 0 rgba(255,255,255,.98)!important;}
.p3h7v-item.qa-scan .p3h7v-icon,.p3h7v-item.qa-score .p3h7v-icon,.p3h7v-item.qa-refresh .p3h7v-icon,.p3h7v-item.qa-scoreboard .p3h7v-icon{background:linear-gradient(135deg,#063f33,#0f8f68)!important;}
.p3h7v-item.qa-qr .p3h7v-icon,.p3h7v-item.qa-pass .p3h7v-icon{background:linear-gradient(135deg,#3157c8,#74a5ff)!important;}
.p3h7v-item.qa-share-result .p3h7v-icon,.p3h7v-item.qa-hasil .p3h7v-icon{background:linear-gradient(135deg,#ff7a1a,#ffb05d)!important;}
.p3h7v-quick-action-marker{display:none!important;}
html[data-theme="dark"] .p3h7v-item{background:linear-gradient(145deg,rgba(15,38,30,.98),rgba(8,22,18,.96))!important;border-color:rgba(145,200,111,.26)!important;color:#f3fff6!important;}
@media(max-width:390px){.p3h7v-quick-action-root{--qa-size:56px!important;right:10px!important}.p3h7v-item{width:58px!important;height:58px!important;min-width:58px!important}.p3h7v-label{font-size:9px!important;max-width:52px!important}}


/* PHASE 3H.8 — Host Growth Mobile Summary */
.p3h8-growth-card{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--surface,#fff),rgba(234,245,237,.88));border:1px solid rgba(15,107,79,.14);box-shadow:0 18px 44px rgba(16,45,32,.09)}
.p3h8-growth-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--accent,#91c86f),var(--brand,#0f6b4f))}
.p3h8-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.p3h8-head strong{display:block;font-size:18px;color:var(--text,#0b4738)}.p3h8-head span{display:block;font-size:12px;color:var(--muted,#65756d);margin-top:2px}.p3h8-meter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.p3h8-meter>div{border:1px solid rgba(15,107,79,.12);background:rgba(255,255,255,.78);border-radius:16px;padding:10px 8px;text-align:center}.p3h8-meter b{display:block;font-size:20px;color:var(--brand,#0f6b4f);line-height:1}.p3h8-meter span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:var(--muted,#65756d);margin-top:5px}.p3h8-progress{height:8px;background:rgba(15,107,79,.1);border-radius:999px;margin:12px 0;overflow:hidden}.p3h8-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--brand,#0f6b4f),var(--accent,#91c86f));border-radius:999px;transition:width .35s ease}.p3h8-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.p3h8-note{font-size:12px;background:rgba(15,107,79,.08);border-radius:14px;padding:10px;margin:10px 0}.p3h8-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.p3h8-grid section{border:1px solid rgba(15,107,79,.12);background:rgba(255,255,255,.58);border-radius:16px;padding:12px}.p3h8-grid section>strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-dark,#173d2e);margin-bottom:8px}.p3h8-top-row,.p3h8-recent-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid rgba(15,107,79,.08)}.p3h8-top-row:first-of-type,.p3h8-recent-row:first-of-type{border-top:0}.p3h8-top-row b{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--brand,#0f6b4f);color:#fff;font-size:12px;flex:0 0 auto}.p3h8-top-row span,.p3h8-recent-row span{font-size:13px;font-weight:800;color:var(--text,#0b4738);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p3h8-top-row em,.p3h8-recent-row code{font-style:normal;font-size:11px;color:var(--muted,#65756d);background:rgba(15,107,79,.06);border-radius:999px;padding:5px 7px;white-space:nowrap}.p3h8-empty{font-size:12px;color:var(--muted,#65756d);background:rgba(15,107,79,.06);border-radius:12px;padding:10px}@media(min-width:720px){.p3h8-grid{grid-template-columns:1fr 1fr}.p3h8-growth-card{max-width:760px}}

/* PHASE 3H.8.1 — stable fullscreen scoreboard compact layout */
.p29-tv-shell.p3h81-tv-stable,
.p28-tv-shell.p3h81-tv-stable,
.p27-tv-shell.p3h81-tv-stable{
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  min-height:100dvh!important;
  height:100dvh!important;
  overflow:hidden!important;
}
.p3h81-tv-stable .p29-tv-head,
.p3h81-tv-stable .p28-tv-head,
.p3h81-tv-stable .p27-tv-header{
  padding:8px 12px!important;
  min-height:0!important;
  flex-shrink:0!important;
}
.p3h81-tv-stable .p29-round-head,
.p3h81-tv-stable .p28-round-head,
.p3h81-tv-stable .p27-tv-roundbar{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  align-items:start!important;
  padding:6px 10px!important;
  min-height:0!important;
  height:auto!important;
  max-height:132px!important;
  flex-shrink:0!important;
  overflow:hidden!important;
}
.p3h81-tv-stable .p29-round-title,
.p3h81-tv-stable .p28-round-title,
.p3h81-tv-stable .p27-tv-title{
  min-height:0!important;
  align-items:center!important;
  gap:7px!important;
}
.p3h81-tv-stable .p29-round-title b,
.p3h81-tv-stable .p28-round-title b,
.p3h81-tv-stable .p27-tv-title b{font-size:22px!important;line-height:1!important}
.p3h81-tv-stable .p29-round-title span,
.p3h81-tv-stable .p28-round-title span,
.p3h81-tv-stable .p27-tv-title span{font-size:9px!important;line-height:1!important}
.p3h81-tv-stable .p29-round-title em,
.p3h81-tv-stable .p28-round-title em,
.p3h81-tv-stable .p27-tv-title em{padding:3px 7px!important;font-size:10px!important;line-height:1!important}
.p3h81-tv-stable .p29-round-tabs,
.p3h81-tv-stable .p28-round-tabs,
.p3h81-tv-stable .p27-tv-tabs{
  gap:7px!important;
  padding:2px 0 4px!important;
  min-height:0!important;
  max-height:58px!important;
  align-items:center!important;
}
.p3h81-tv-stable .p29-round-tabs button,
.p3h81-tv-stable .p28-round-tabs button,
.p3h81-tv-stable .p27-tv-tabs button{
  min-width:52px!important;
  padding:7px 9px!important;
  border-radius:17px!important;
  flex:0 0 auto!important;
}
.p3h81-tv-stable .p311-swipe-hint,
.p3h81-tv-stable .p3h81-swipe-hint{
  margin:3px auto!important;
  padding:4px 9px!important;
  min-height:0!important;
  font-size:10px!important;
  line-height:1.1!important;
  background:rgba(255,255,255,.78)!important;
  color:#0f6b4f!important;
  border-color:rgba(15,107,79,.18)!important;
}
.p3h81-tv-stable .p29-score-area,
.p3h81-tv-stable .p28-score-area,
.p3h81-tv-stable .p27-tv-board{
  min-height:0!important;
  height:auto!important;
  overflow:auto!important;
  align-content:start!important;
  padding:8px 10px!important;
  gap:8px!important;
}
.p3h81-tv-stable .p29-tv-match,
.p3h81-tv-stable .p28-tv-match,
.p3h81-tv-stable .p27-tv-match{
  padding:9px!important;
  border-radius:18px!important;
  min-height:0!important;
}
.p3h81-tv-stable .p29-tv-foot,
.p3h81-tv-stable .p28-tv-foot,
.p3h81-tv-stable .p27-tv-footer{
  padding:7px 10px!important;
  min-height:0!important;
  flex-shrink:0!important;
}
@media(max-width:680px){
  .p3h81-tv-stable .p29-tv-head strong,
  .p3h81-tv-stable .p28-tv-head strong,
  .p3h81-tv-stable .p27-tv-header strong{font-size:17px!important}
  .p3h81-tv-stable .p29-round-head,
  .p3h81-tv-stable .p28-round-head,
  .p3h81-tv-stable .p27-tv-roundbar{max-height:126px!important}
  .p3h81-tv-stable .p29-score-row,
  .p3h81-tv-stable .p28-scoreline{padding:6px!important}
  .p3h81-tv-stable .p29-scorebox,
  .p3h81-tv-stable .p28-scorebox{min-height:48px!important;font-size:28px!important}
}

/* PHASE 3H.8.2 — fullscreen scoreboard no-center refresh hard fix */
#p29-tv-root .p29-tv-shell.p3h82-tv-fixed,
#p28-tv-root .p28-tv-shell.p3h82-tv-fixed,
#p27-tv-root .p27-tv-shell.p3h82-tv-fixed{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
}
#p29-tv-root .p3h82-tv-fixed .p29-round-head,
#p28-tv-root .p3h82-tv-fixed .p28-round-head,
#p27-tv-root .p3h82-tv-fixed .p27-tv-roundbar{
  max-height:118px!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  align-self:start!important;
}
#p29-tv-root .p3h82-tv-fixed .p29-score-area,
#p29-tv-root .p3h82-tv-fixed .p29-score-area.fit-two,
#p28-tv-root .p3h82-tv-fixed .p28-score-area,
#p28-tv-root .p3h82-tv-fixed .p28-score-area.fit-two,
#p27-tv-root .p3h82-tv-fixed .p27-tv-board,
#p27-tv-root .p3h82-tv-fixed .p27-tv-board.fit-two,
.p3h82-tv-fixed .p3h82-score-area-fixed{
  align-content:start!important;
  justify-content:stretch!important;
  align-items:stretch!important;
  align-self:stretch!important;
  min-height:0!important;
  height:auto!important;
  max-height:100%!important;
  overflow:auto!important;
  padding-top:8px!important;
}
#p29-tv-root .p3h82-tv-fixed .p29-tv-match,
#p28-tv-root .p3h82-tv-fixed .p28-tv-match,
#p27-tv-root .p3h82-tv-fixed .p27-tv-match,
.p3h82-tv-fixed .p3h82-match-fixed{
  align-self:start!important;
  margin-top:0!important;
}
#p29-tv-root .p3h82-tv-fixed .p29-tv-foot,
#p28-tv-root .p3h82-tv-fixed .p28-tv-foot,
#p27-tv-root .p3h82-tv-fixed .p27-tv-footer{
  position:relative!important;
  z-index:5!important;
}
@media(max-width:680px){
  #p29-tv-root .p3h82-tv-fixed .p29-round-head,
  #p28-tv-root .p3h82-tv-fixed .p28-round-head,
  #p27-tv-root .p3h82-tv-fixed .p27-tv-roundbar{max-height:112px!important;}
  #p29-tv-root .p3h82-tv-fixed .p29-score-area,
  #p29-tv-root .p3h82-tv-fixed .p29-score-area.fit-two,
  #p28-tv-root .p3h82-tv-fixed .p28-score-area,
  #p28-tv-root .p3h82-tv-fixed .p28-score-area.fit-two{padding:8px 10px!important;}
}

/* PHASE 3H.8.3 — fullscreen scoreboard crash-safe layout */
#p29-tv-root .p29-tv-shell.p3h83-tv-safe,
#p28-tv-root .p28-tv-shell.p3h83-tv-safe,
#p27-tv-root .p27-tv-shell.p3h83-tv-safe{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
}
#p29-tv-root .p3h83-tv-safe .p29-tv-head,
#p28-tv-root .p3h83-tv-safe .p28-tv-head,
#p27-tv-root .p3h83-tv-safe .p27-tv-header{
  position:relative!important;
  padding-right:128px!important;
}
.p3h83-manual-refresh{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  border:1px solid rgba(15,107,79,.22)!important;
  background:rgba(255,255,255,.88)!important;
  color:#0f6b4f!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  font-weight:900!important;
  font-size:12px!important;
  box-shadow:0 10px 24px rgba(15,107,79,.12)!important;
  z-index:20!important;
}
#p29-tv-root .p3h83-tv-safe .p29-round-head,
#p28-tv-root .p3h83-tv-safe .p28-round-head,
#p27-tv-root .p3h83-tv-safe .p27-tv-roundbar{
  min-height:0!important;
  height:auto!important;
  max-height:112px!important;
  overflow:hidden!important;
  align-self:start!important;
}
#p29-tv-root .p3h83-tv-safe .p29-score-area,
#p29-tv-root .p3h83-tv-safe .p29-score-area.fit-two,
#p28-tv-root .p3h83-tv-safe .p28-score-area,
#p28-tv-root .p3h83-tv-safe .p28-score-area.fit-two,
#p27-tv-root .p3h83-tv-safe .p27-tv-board,
#p27-tv-root .p3h83-tv-safe .p27-tv-board.fit-two,
.p3h83-tv-safe .p3h83-score-area-safe{
  min-height:0!important;
  height:auto!important;
  max-height:100%!important;
  overflow:auto!important;
  align-content:start!important;
  justify-content:stretch!important;
  align-items:stretch!important;
  padding:8px 10px!important;
  gap:10px!important;
}
#p29-tv-root .p3h83-tv-safe .p29-tv-match,
#p28-tv-root .p3h83-tv-safe .p28-tv-match,
#p27-tv-root .p3h83-tv-safe .p27-tv-match,
.p3h83-tv-safe .p3h83-match-safe{
  align-self:start!important;
  margin-top:0!important;
}
#p29-tv-root .p3h83-tv-safe .p29-tv-foot,
#p28-tv-root .p3h83-tv-safe .p28-tv-foot,
#p27-tv-root .p3h83-tv-safe .p27-tv-footer{
  position:relative!important;
  z-index:8!important;
  flex-shrink:0!important;
}
@media(max-width:680px){
  #p29-tv-root .p3h83-tv-safe .p29-tv-head,
  #p28-tv-root .p3h83-tv-safe .p28-tv-head,
  #p27-tv-root .p3h83-tv-safe .p27-tv-header{padding-right:116px!important;}
  .p3h83-manual-refresh{right:8px!important;padding:7px 10px!important;font-size:11px!important;}
  #p29-tv-root .p3h83-tv-safe .p29-round-head,
  #p28-tv-root .p3h83-tv-safe .p28-round-head,
  #p27-tv-root .p3h83-tv-safe .p27-tv-roundbar{max-height:106px!important;}
}

/* PHASE 3H.8.4 — fullscreen scoreboard top-lock layout */
#p29-tv-root .p29-tv-shell.p3h84-tv-toplock,
#p28-tv-root .p28-tv-shell.p3h84-tv-toplock,
#p27-tv-root .p27-tv-shell.p3h84-tv-toplock{
  display:flex!important;
  flex-direction:column!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
}
#p29-tv-root .p3h84-tv-toplock .p29-tv-head,
#p28-tv-root .p3h84-tv-toplock .p28-tv-head,
#p27-tv-root .p3h84-tv-toplock .p27-tv-header,
#p29-tv-root .p3h84-tv-toplock .p29-round-head,
#p28-tv-root .p3h84-tv-toplock .p28-round-head,
#p27-tv-root .p3h84-tv-toplock .p27-tv-roundbar,
#p29-tv-root .p3h84-tv-toplock .p29-tv-foot,
#p28-tv-root .p3h84-tv-toplock .p28-tv-foot,
#p27-tv-root .p3h84-tv-toplock .p27-tv-footer{
  flex:0 0 auto!important;
}
#p29-tv-root .p3h84-tv-toplock .p29-round-head,
#p28-tv-root .p3h84-tv-toplock .p28-round-head,
#p27-tv-root .p3h84-tv-toplock .p27-tv-roundbar{
  max-height:none!important;
  overflow:visible!important;
}
#p29-tv-root .p3h84-tv-toplock .p29-score-area,
#p29-tv-root .p3h84-tv-toplock .p29-score-area.fit-two,
#p28-tv-root .p3h84-tv-toplock .p28-score-area,
#p28-tv-root .p3h84-tv-toplock .p28-score-area.fit-two,
#p27-tv-root .p3h84-tv-toplock .p27-tv-board,
#p27-tv-root .p3h84-tv-toplock .p27-tv-board.fit-two,
.p3h84-tv-toplock .p3h84-score-area-toplock{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  align-content:flex-start!important;
  overflow:auto!important;
  padding:8px 10px 12px!important;
  gap:10px!important;
}
#p29-tv-root .p3h84-tv-toplock .p29-tv-match,
#p28-tv-root .p3h84-tv-toplock .p28-tv-match,
#p27-tv-root .p3h84-tv-toplock .p27-tv-match,
.p3h84-tv-toplock .p3h84-match-toplock{
  flex:0 0 auto!important;
  width:100%!important;
  align-self:stretch!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
#p29-tv-root .p3h84-tv-toplock .p311-swipe-hint,
#p28-tv-root .p3h84-tv-toplock .p311-swipe-hint,
#p27-tv-root .p3h84-tv-toplock .p311-swipe-hint{
  flex:0 0 auto!important;
  margin:4px auto!important;
}
@media(max-width:680px){
  #p29-tv-root .p3h84-tv-toplock .p29-tv-head,
  #p28-tv-root .p3h84-tv-toplock .p28-tv-head,
  #p27-tv-root .p3h84-tv-toplock .p27-tv-header{padding-right:112px!important;}
  #p29-tv-root .p3h84-tv-toplock .p29-round-tabs,
  #p28-tv-root .p3h84-tv-toplock .p28-round-tabs,
  #p27-tv-root .p3h84-tv-toplock .p27-tv-tabs{max-height:none!important;overflow-x:auto!important;}
  #p29-tv-root .p3h84-tv-toplock .p29-score-area,
  #p28-tv-root .p3h84-tv-toplock .p28-score-area,
  #p27-tv-root .p3h84-tv-toplock .p27-tv-board{padding:8px 10px 10px!important;}
}

/* Phase 3I.3D debug integration shortcuts */
.debug-shortcuts-card{display:grid;gap:8px;border-left:4px solid var(--brand-lime)}
.debug-shortcut-grid{display:grid;gap:7px}
@media(min-width:720px){.debug-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* PHASE 3I.4B — Admin OPS Desktop/Tablet Mode
   Admin/OPS is desktop-first. Host/player pages remain mobile-first. */
body.ops-desktop-page{background:var(--app-bg,#eef4ed);}
body.ops-desktop-page .bottom-nav{display:none!important;}
body.ops-desktop-page .quick-action-fab,body.ops-desktop-page .padel-fab,body.ops-desktop-page [data-fab]{display:none!important;}
.ops-desktop-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:0;min-height:calc(100vh - 96px);margin:-4px -12px 0;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,247,239,.92));border:1px solid var(--line,#dfe8e2);box-shadow:0 18px 55px rgba(16,45,32,.10)}
.ops-desktop-sidebar{background:linear-gradient(180deg,#073d2d,#09251e);color:#fff;padding:22px 16px;display:flex;flex-direction:column;gap:10px;min-height:720px}
.ops-brand-mini{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:12px;border-radius:20px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14)}
.ops-brand-mini .ops-mark{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#b9ee6f,#fff);color:#073d2d;font-weight:950}
.ops-brand-mini strong{display:block;font-size:15px;line-height:1.1}.ops-brand-mini span{display:block;font-size:11px;opacity:.72;margin-top:2px}
.ops-nav{width:100%;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;text-align:left;gap:0 10px;padding:13px 12px;border:0;border-radius:18px;background:transparent;color:rgba(255,255,255,.76);cursor:pointer;transition:.18s ease}
.ops-nav span{grid-row:1/3;width:34px;height:34px;border-radius:13px;background:rgba(255,255,255,.10);display:grid;place-items:center}.ops-nav b{font-size:14px}.ops-nav small{font-size:11px;opacity:.66;margin-top:2px}.ops-nav:hover,.ops-nav.active{background:rgba(255,255,255,.13);color:#fff}.ops-nav.active span{background:linear-gradient(135deg,#b9ee6f,#fff);color:#073d2d}
.ops-desktop-main{padding:24px;min-width:0}.ops-desktop-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.ops-desktop-topbar h1{margin:2px 0 4px;font-size:30px;letter-spacing:-.9px;color:var(--text,#073d2d)}.ops-desktop-topbar p{margin:0;color:var(--muted,#607166);font-size:13px}.ops-desktop-actions{display:flex;gap:10px;align-items:center;white-space:nowrap}
.ops-kpi-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.ops-kpi{background:#fff;border:1px solid var(--line,#dfe8e2);border-radius:18px;padding:14px 16px;box-shadow:0 8px 24px rgba(16,45,32,.055)}.ops-kpi span{display:block;color:var(--muted,#607166);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.ops-kpi strong{display:block;font-size:26px;line-height:1.15;color:var(--brand,#0f6b4f)}
.ops-work-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.ops-work-grid-booking{grid-template-columns:minmax(0,1fr) 360px}.ops-panel{background:#fff;border:1px solid var(--line,#dfe8e2);border-radius:22px;box-shadow:0 10px 34px rgba(16,45,32,.06);padding:18px;min-width:0}.ops-panel h2{margin:0 0 4px;font-size:18px;color:var(--text,#073d2d)}.ops-panel p{margin:0;color:var(--muted,#607166);font-size:12px}.ops-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.ops-filter-row{display:flex;gap:8px;align-items:center}.ops-filter-row .field-input{min-width:130px}.ops-search{max-width:320px}.ops-help{margin-bottom:14px!important}.ops-form-stack{display:flex;flex-direction:column;gap:11px}.ops-form-stack label span{display:block;font-size:11px;font-weight:900;color:var(--muted,#607166);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}.ops-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ops-table-wrap{overflow:auto;border:1px solid var(--line,#dfe8e2);border-radius:16px}.ops-data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px;background:#fff}.ops-data-table th{position:sticky;top:0;background:#f3f8f2;color:#315846;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:950;padding:11px 12px;border-bottom:1px solid var(--line,#dfe8e2);z-index:1}.ops-data-table td{padding:10px 12px;border-bottom:1px solid #edf3ee;font-size:13px;color:var(--text,#10231d);vertical-align:middle}.ops-data-table tbody tr:hover{background:#fbfefb}.ops-empty-row{text-align:center;color:var(--muted,#607166)!important;padding:28px!important}.ops-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#edf5ef;color:#174734;font-size:11px;font-weight:900;text-transform:uppercase}.ops-status-cancelled,.ops-status-released{background:#ffe8e4;color:#8a2e22}.ops-status-locked{background:#e7f0ff;color:#234f8d}.ops-status-booked,.ops-status-active{background:#eaf8e8;color:#145d32}.ops-status-inactive{background:#f1f1f1;color:#666}
@media(max-width:900px){.ops-desktop-shell{grid-template-columns:1fr;margin:0;border-radius:24px}.ops-desktop-sidebar{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}.ops-brand-mini{grid-column:1/-1}.ops-work-grid,.ops-work-grid-booking{grid-template-columns:1fr}.ops-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-desktop-topbar{flex-direction:column}.ops-filter-row{flex-wrap:wrap}.ops-desktop-main{padding:16px}}

/* PHASE 3I.4C — OPS TRUE DESKTOP WIDTH FIX
   Admin/OPS is reception-desk desktop/tablet first. This intentionally breaks out
   of the mobile 430/460px player shell ONLY when body has ops-desktop-page. */
body.ops-desktop-page{
  min-width:1120px;
  overflow-x:auto;
  background:
    radial-gradient(circle at 18% 0%,rgba(183,255,53,.10),transparent 30rem),
    linear-gradient(180deg,var(--bg-main,#eef4ed),color-mix(in srgb,var(--bg-main,#eef4ed) 92%,#fff));
}
body.ops-desktop-page .app-shell{
  padding-bottom:0!important;
  min-height:100vh!important;
}
body.ops-desktop-page .shell,
body.ops-desktop-page .topbar-inner.shell{
  width:min(100% - 48px,1480px)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
body.ops-desktop-page .app-main{
  padding-top:18px!important;
}
body.ops-desktop-page .screen-root{
  min-height:calc(100vh - 108px)!important;
}
body.ops-desktop-page .topbar{
  background:rgba(238,244,237,.86)!important;
}
html[data-theme="dark"] body.ops-desktop-page .topbar{
  background:rgba(5,12,10,.92)!important;
}
body.ops-desktop-page .topbar-tools-row,
body.ops-desktop-page .debug-strip,
body.ops-desktop-page .bottom-nav,
body.ops-desktop-page .quick-action-fab,
body.ops-desktop-page .padel-fab,
body.ops-desktop-page [data-fab]{
  display:none!important;
}
body.ops-desktop-page .ops-desktop-shell{
  width:100%!important;
  min-height:calc(100vh - 132px)!important;
  margin:0!important;
  border-radius:30px!important;
  grid-template-columns:292px minmax(0,1fr)!important;
  overflow:hidden!important;
}
body.ops-desktop-page .ops-desktop-sidebar{
  min-height:calc(100vh - 132px)!important;
  padding:24px 18px!important;
}
body.ops-desktop-page .ops-desktop-main{
  padding:28px 30px 34px!important;
  overflow:auto!important;
}
body.ops-desktop-page .ops-desktop-topbar h1{
  font-size:34px!important;
  max-width:none!important;
}
body.ops-desktop-page .ops-kpi-row{
  grid-template-columns:repeat(5,minmax(150px,1fr))!important;
}
body.ops-desktop-page .ops-work-grid{
  grid-template-columns:minmax(0,1fr) 380px!important;
}
body.ops-desktop-page .ops-work-grid-booking{
  grid-template-columns:minmax(0,1fr) 400px!important;
}
body.ops-desktop-page .ops-panel-main{
  min-width:0!important;
}
body.ops-desktop-page .ops-table-wrap{
  max-height:calc(100vh - 360px);
  overflow:auto;
}
body.ops-desktop-page .ops-data-table{
  min-width:960px;
}
body.ops-desktop-page .ops-data-table th,
body.ops-desktop-page .ops-data-table td{
  white-space:nowrap;
}
body.ops-desktop-page .ops-data-table td:nth-child(5),
body.ops-desktop-page .ops-data-table td:nth-child(6){
  white-space:normal;
  min-width:180px;
}
@media(max-width:1100px){
  body.ops-desktop-page{min-width:0;}
  body.ops-desktop-page .shell,
  body.ops-desktop-page .topbar-inner.shell{width:min(100% - 24px,100%)!important;}
  body.ops-desktop-page .ops-desktop-shell{grid-template-columns:240px minmax(0,1fr)!important;}
  body.ops-desktop-page .ops-work-grid,
  body.ops-desktop-page .ops-work-grid-booking{grid-template-columns:1fr!important;}
}

/* PHASE 3I.4D — Premium Admin Shell Polish
   Reference direction: booking apps emphasize date, court, visible availability/status,
   and fast reception-desk actions. Host/player shell stays untouched. */
body.ops-desktop-page .topbar.settings-open .topbar-tools-row,
body.ops-desktop-page .topbar-tools-row,
body.ops-desktop-page #opsAdminShortcut,
body.ops-desktop-page .header-settings-toggle,
body.ops-desktop-page .debug-strip{
  display:none!important;
}
body.ops-desktop-page .topbar{
  border-bottom:1px solid rgba(13,80,61,.14)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 14px 38px rgba(9,51,39,.06)!important;
}
body.ops-desktop-page .topbar-main-row{
  min-height:66px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
}
body.ops-desktop-page .app-brand-lock{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}
body.ops-desktop-page .brand-logo-mark{
  width:46px!important;height:46px!important;min-width:46px!important;border-radius:18px!important;
  box-shadow:0 16px 34px rgba(8,69,52,.12)!important;
}
body.ops-desktop-page .brand-title{font-size:1.18rem!important;letter-spacing:-.04em!important;}
body.ops-desktop-page .brand-subtitle{font-size:.74rem!important;max-width:none!important;}
body.ops-desktop-page .topbar-profile-chip{
  height:46px!important;min-width:178px!important;max-width:220px!important;border-radius:999px!important;
  background:linear-gradient(135deg,#ffffff,#f4fbf4)!important;
  border:1px solid rgba(12,82,61,.24)!important;
  box-shadow:0 16px 38px rgba(9,51,39,.12)!important;
}
body.ops-desktop-page .topbar-profile-chip .avatar,
body.ops-desktop-page .topbar-profile-chip .avatar-topbar{width:38px!important;height:38px!important;min-width:38px!important;}
body.ops-desktop-page .topbar-profile-chip strong{font-size:.86rem!important;max-width:116px!important;}
body.ops-desktop-page .topbar-profile-chip small{font-size:.60rem!important;max-width:116px!important;letter-spacing:.08em!important;}
body.ops-desktop-page .ops-desktop-shell{
  border-radius:34px!important;
  border:1px solid rgba(12,82,61,.14)!important;
  box-shadow:0 28px 80px rgba(9,51,39,.13)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(244,251,245,.94))!important;
}
body.ops-desktop-page .ops-desktop-sidebar{
  background:
    radial-gradient(circle at 30% 0%,rgba(188,239,114,.20),transparent 14rem),
    linear-gradient(180deg,#053b2c,#06271f 74%,#031510)!important;
  padding:26px 20px!important;
}
body.ops-desktop-page .ops-brand-mini{
  min-height:76px!important;border-radius:24px!important;padding:16px!important;margin-bottom:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 34px rgba(0,0,0,.14)!important;
}
body.ops-desktop-page .ops-brand-mini .ops-mark{width:48px!important;height:48px!important;border-radius:18px!important;font-size:1.05rem!important;}
body.ops-desktop-page .ops-brand-mini strong{font-size:1.02rem!important;letter-spacing:-.03em!important;}
body.ops-desktop-page .ops-nav{
  border-radius:20px!important;padding:15px 14px!important;margin:2px 0!important;
  color:rgba(255,255,255,.80)!important;border:1px solid transparent!important;
}
body.ops-desktop-page .ops-nav span{width:40px!important;height:40px!important;border-radius:16px!important;font-size:1rem!important;}
body.ops-desktop-page .ops-nav b{font-size:.96rem!important;letter-spacing:-.02em!important;}
body.ops-desktop-page .ops-nav small{font-size:.72rem!important;}
body.ops-desktop-page .ops-nav:hover,
body.ops-desktop-page .ops-nav.active{
  background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.08))!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:inset 4px 0 0 #b9ee6f,0 12px 28px rgba(0,0,0,.12)!important;
}
body.ops-desktop-page .ops-desktop-topbar{
  align-items:center!important;margin-bottom:20px!important;padding:20px 22px!important;border-radius:26px!important;
  background:
    linear-gradient(135deg,rgba(5,61,45,.96),rgba(8,112,82,.90)),
    radial-gradient(circle at 78% 20%,rgba(185,238,111,.40),transparent 22rem)!important;
  color:#fff!important;box-shadow:0 22px 54px rgba(8,67,51,.18)!important;overflow:hidden!important;position:relative!important;
}
body.ops-desktop-page .ops-desktop-topbar:after{content:"";position:absolute;right:-80px;top:-90px;width:260px;height:260px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}
body.ops-desktop-page .ops-desktop-topbar .section-kicker,
body.ops-desktop-page .ops-desktop-topbar h1,
body.ops-desktop-page .ops-desktop-topbar p{color:#fff!important;position:relative;z-index:1;}
body.ops-desktop-page .ops-desktop-topbar h1{font-size:36px!important;line-height:1!important;margin-top:7px!important;}
body.ops-desktop-page .ops-desktop-topbar p{opacity:.80!important;}
body.ops-desktop-page .ops-desktop-actions{position:relative;z-index:2;gap:12px!important;}
body.ops-desktop-page .ops-desktop-actions .btn{height:44px!important;border-radius:16px!important;padding:0 18px!important;box-shadow:0 14px 28px rgba(0,0,0,.14)!important;}
body.ops-desktop-page .ops-desktop-actions .btn-secondary{background:rgba(255,255,255,.94)!important;color:#073d2d!important;border-color:rgba(255,255,255,.34)!important;}
body.ops-desktop-page .ops-kpi-row{gap:14px!important;margin-bottom:18px!important;}
body.ops-desktop-page .ops-kpi{border-radius:22px!important;padding:17px 18px!important;background:linear-gradient(135deg,#fff,#f8fcf8)!important;box-shadow:0 16px 36px rgba(9,51,39,.075)!important;}
body.ops-desktop-page .ops-kpi strong{font-size:30px!important;}
body.ops-desktop-page .ops-panel{border-radius:26px!important;padding:22px!important;box-shadow:0 18px 48px rgba(9,51,39,.085)!important;}
body.ops-desktop-page .ops-panel h2{font-size:20px!important;letter-spacing:-.035em!important;}
body.ops-desktop-page .ops-filter-row{background:#f6faf6;border:1px solid rgba(12,82,61,.10);border-radius:18px;padding:8px;}
body.ops-desktop-page .ops-filter-row .field-input,
body.ops-desktop-page .ops-form-stack .field-input{height:44px!important;border-radius:14px!important;}
body.ops-desktop-page .ops-data-table th{height:42px!important;background:#edf6ef!important;color:#244e3d!important;}
body.ops-desktop-page .ops-data-table td{height:48px!important;}
body.ops-desktop-page .ops-status{padding:6px 10px!important;border-radius:999px!important;}
body.ops-desktop-page .ops-panel-side{position:sticky!important;top:92px!important;}
body.ops-desktop-page .ops-premium-booking-note{
  display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;padding:12px 14px;border-radius:18px;
  background:linear-gradient(135deg,#f4fbf4,#fff);border:1px solid rgba(12,82,61,.10);color:#315846;font-size:12px;
}
html[data-theme="dark"] body.ops-desktop-page .topbar-profile-chip,
html[data-theme="dark"] body.ops-desktop-page .ops-kpi,
html[data-theme="dark"] body.ops-desktop-page .ops-panel{background:#10241e!important;color:#f8fff9!important;border-color:rgba(183,255,53,.18)!important;}


/* PHASE 3I.4E — OPS escape + topbar profile menu repair
   OPS desktop stays professional, but profile chip must still open quick tools.
   Users must have a clear path back to the mobile/player app. */
body.ops-desktop-page .topbar.settings-open .topbar-tools-row{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(120px,1fr))!important;
  gap:10px!important;
  width:min(100% - 48px,1480px)!important;
  max-width:none!important;
  margin:10px auto 0!important;
  padding:10px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(12,82,61,.12)!important;
  box-shadow:0 16px 38px rgba(9,51,39,.08)!important;
}
body.ops-desktop-page .topbar.settings-open .topbar-tools-row .icon-btn,
body.ops-desktop-page .topbar.settings-open .topbar-tools-row .lang-switch button{
  height:42px!important;
  border-radius:16px!important;
}
body.ops-desktop-page .ops-desktop-actions .btn{
  min-width:116px!important;
}
body.ops-desktop-page .topbar-profile-chip{
  pointer-events:auto!important;
  cursor:pointer!important;
}
html[data-theme="dark"] body.ops-desktop-page .topbar.settings-open .topbar-tools-row{
  background:rgba(14,32,27,.88)!important;
  border-color:rgba(183,255,53,.18)!important;
}

/* PHASE 3I.4F — OPS Admin Shell Hardening
   Admin/OPS is desktop-tablet first. It must not inherit mobile quick tools or broken mobile desktop layout. */
body.ops-desktop-page .topbar-tools-row,
body.ops-desktop-page .topbar.settings-open .topbar-tools-row,
body.ops-desktop-page #topbarToolsRow,
body.ops-desktop-page .header-settings-toggle,
body.ops-desktop-page #opsAdminShortcut,
body.ops-desktop-page .debug-strip,
body.ops-desktop-page .bottom-nav,
body.ops-desktop-page .quick-action-root,
body.ops-desktop-page .p3h7-smart-quick-action-root,
body.ops-desktop-page .padel-fab,
body.ops-desktop-page [data-fab]{display:none!important;visibility:hidden!important;pointer-events:none!important;}

body.ops-desktop-page .topbar{
  min-height:82px!important;
  display:flex!important;
  align-items:center!important;
}
body.ops-desktop-page .topbar-inner.shell{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
body.ops-desktop-page .topbar-main-row{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:0!important;
}
body.ops-desktop-page .topbar-profile-chip{
  margin-left:auto!important;
  pointer-events:none!important;
  cursor:default!important;
}

body.ops-desktop-page .ops-desktop-actions{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
body.ops-desktop-page .ops-desktop-actions .btn{
  appearance:none!important;
  border-radius:999px!important;
  min-width:116px!important;
  height:46px!important;
  padding:0 20px!important;
  font-weight:950!important;
}
body.ops-desktop-page .ops-mobile-blocker{
  min-height:calc(100vh - 130px)!important;
  width:min(100% - 32px,760px)!important;
  margin:22px auto!important;
  display:grid!important;
  place-items:center!important;
}
body.ops-desktop-page .ops-mobile-blocker-card{
  width:100%!important;
  border-radius:30px!important;
  padding:28px!important;
  border:1px solid rgba(12,82,61,.14)!important;
  background:linear-gradient(145deg,#ffffff,#f2faf4)!important;
  box-shadow:0 24px 70px rgba(9,51,39,.14)!important;
  text-align:center!important;
}
body.ops-desktop-page .ops-mobile-blocker-icon{
  width:68px!important;height:68px!important;margin:0 auto 14px!important;border-radius:24px!important;
  display:grid!important;place-items:center!important;font-size:30px!important;
  background:linear-gradient(135deg,#0f6b4f,#91c86f)!important;color:#fff!important;
  box-shadow:0 18px 42px rgba(15,107,79,.22)!important;
}
body.ops-desktop-page .ops-mobile-blocker-card h1{
  margin:0 0 8px!important;
  color:#083d2f!important;
  font-size:30px!important;
  letter-spacing:-.05em!important;
}
body.ops-desktop-page .ops-mobile-blocker-card p{
  margin:0 auto 20px!important;
  max-width:520px!important;
  color:#557064!important;
  line-height:1.5!important;
}
body.ops-desktop-page .ops-mobile-blocker-actions{
  display:flex!important;
  justify-content:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
@media(max-width:899px){
  body.ops-desktop-page{min-width:0!important;overflow-x:hidden!important;}
  body.ops-desktop-page .shell,
  body.ops-desktop-page .topbar-inner.shell{width:calc(100% - 24px)!important;}
  body.ops-desktop-page .ops-desktop-shell{display:block!important;width:100%!important;min-height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;}
  body.ops-desktop-page .ops-desktop-sidebar,
  body.ops-desktop-page .ops-desktop-main{display:none!important;}
  body.ops-desktop-page .topbar{position:relative!important;}
  body.ops-desktop-page .brand-subtitle{max-width:170px!important;}
  body.ops-desktop-page .topbar-profile-chip{max-width:154px!important;min-width:130px!important;}
}
.p3i4f-ops-admin-shell-hardening-marker{display:none!important;}


/* PHASE 3I.4G — OPS/debug quick action isolation + desktop-safe admin context */
body.ops-desktop-page #quickActionFabRoot,
body.ops-desktop-page #p3h7vQuickActionRoot,
body.admin-debug-page #quickActionFabRoot,
body.admin-debug-page #p3h7vQuickActionRoot,
body.admin-context-page .quick-action-root,
body.admin-context-page .p3h7v-quick-action-root,
body.admin-context-page .admin-hidden-quick-action{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  opacity:0!important;
}
body.ops-desktop-page .topbar-tools-row,
body.ops-desktop-page .topbar.settings-open .topbar-tools-row{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.ops-desktop-page .topbar-profile-chip{
  pointer-events:none!important;
  cursor:default!important;
}
body.ops-desktop-page .bottom-nav,
body.ops-desktop-page .debug-floating,
body.ops-desktop-page .debug-strip,
body.ops-desktop-page .system-check-floating{
  display:none!important;
}
body.admin-debug-page .quick-action-root,
body.admin-debug-page .p3h7v-quick-action-root{
  display:none!important;
}
.p3i4g-admin-debug-hardening-marker{display:none!important;}

/* PHASE 3I.5 MOBILE BOOKING FLOW */
.p3i5-booking-screen{padding-bottom:120px}.p3i5-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-radius:28px;padding:22px;background:linear-gradient(135deg,#064532,#11835f);color:#fff;box-shadow:0 18px 45px rgba(6,69,50,.2);overflow:hidden;position:relative}.p3i5-hero:after{content:"";position:absolute;right:-50px;bottom:-70px;width:190px;height:190px;border-radius:999px;background:rgba(255,255,255,.11)}.p3i5-hero h1{margin:4px 0 6px;font-size:28px;line-height:1}.p3i5-hero p{margin:0;max-width:440px;color:rgba(255,255,255,.78)}.p3i5-hero .section-kicker{color:#d6ff98}.p3i5-datebar{margin:14px 0;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line,#dfe8e2);background:rgba(255,255,255,.88);border-radius:20px;padding:10px 12px;box-shadow:0 10px 28px rgba(16,45,32,.06)}.p3i5-datebar button{width:42px;height:42px;border-radius:14px;border:1px solid var(--line,#dfe8e2);background:#fff;font-size:24px;color:#0b4d38}.p3i5-court-stack{display:grid;gap:16px}.p3i5-court-card{background:#fff;border:1px solid var(--line,#dfe8e2);border-radius:26px;padding:16px;box-shadow:0 12px 34px rgba(16,45,32,.07)}.p3i5-court-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.p3i5-court-head h3{margin:2px 0 4px;font-size:20px}.p3i5-court-head p{margin:0;color:var(--muted,#65756d);font-size:13px}.p3i5-court-badge{display:inline-flex;border-radius:999px;padding:7px 10px;background:#eaf5ed;color:#0f6b4f;font-weight:900;font-size:11px}.p3i5-court-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;overflow:auto;padding-bottom:3px}.p3i5-day{min-width:68px;border:1px solid #e2ebe5;border-radius:18px;background:#fbfdfb;padding:9px 6px;text-align:center;color:#0e3f2f;box-shadow:0 8px 18px rgba(16,45,32,.04)}.p3i5-day span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#65756d}.p3i5-day strong{display:block;font-size:18px;margin:2px 0}.p3i5-day em{display:block;font-style:normal;font-size:9px;font-weight:900;color:#0f6b4f;line-height:1.15}.p3i5-day small{display:block;margin-top:3px;font-size:9px;color:#65756d}.p3i5-day.is-selected{background:#0f6b4f;color:#fff;border-color:#0f6b4f;transform:translateY(-2px)}.p3i5-day.is-selected span,.p3i5-day.is-selected small,.p3i5-day.is-selected em{color:rgba(255,255,255,.86)}.p3i5-day.is-full{background:#f4f2ef;color:#9aa5a0}.p3i5-day.is-full em{color:#9aa5a0}.p3i5-detail-card{margin-top:16px;background:linear-gradient(180deg,#fff,#f8fbf8);border:1px solid var(--line,#dfe8e2);border-radius:28px;padding:16px;box-shadow:0 16px 42px rgba(16,45,32,.09)}.p3i5-empty-detail{display:flex;flex-direction:column;gap:6px;text-align:center;color:#65756d}.p3i5-empty-detail strong{color:#0a3d2d;font-size:18px}.p3i5-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.p3i5-detail-head h3{margin:2px 0 4px;font-size:19px}.p3i5-detail-head p{margin:0;color:#65756d;font-size:13px}.p3i5-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.p3i5-slot{border:1px solid #dfe8e2;background:#fff;border-radius:18px;padding:12px 10px;text-align:center;min-height:88px;box-shadow:0 8px 18px rgba(16,45,32,.04)}.p3i5-slot small{display:block;color:#9aa5a0;font-weight:800;font-size:10px}.p3i5-slot strong{display:block;color:#092f23;font-size:14px;margin:4px 0}.p3i5-slot span{display:block;color:#0f6b4f;font-weight:900}.p3i5-slot.is-available:active{transform:scale(.98)}.p3i5-slot.is-booked{background:#f4f2ef;color:#9aa5a0}.p3i5-slot.is-booked strong{color:#9aa5a0}.p3i5-slot.is-booked em{font-style:normal;color:#9aa5a0;font-weight:900}.p3i5-home-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#eff9ef,#fff)}.p3i5-home-cta strong{display:block;font-size:18px;color:#0b3d2d}.p3i5-home-cta span{display:block;color:#65756d;font-size:13px;margin-top:3px}@media(max-width:520px){.p3i5-hero{border-radius:24px;padding:18px;display:block}.p3i5-hero .btn{margin-top:14px;width:100%}.p3i5-court-calendar{grid-template-columns:repeat(7,68px);margin-left:-2px;margin-right:-2px}.p3i5-slot-grid{grid-template-columns:1fr}.p3i5-home-cta{display:block}.p3i5-home-cta .btn{width:100%;margin-top:12px}.p3i5-detail-head{display:block}.p3i5-detail-head .btn{margin-top:10px;width:100%}}

/* PHASE 3I.5B MOBILE BOOKING UX — mobile booking inspired by court-calendar patterns */
.p3i5b-booking-screen{gap:12px;padding-bottom:96px}.p3i5b-hero{border-radius:26px;padding:18px;background:linear-gradient(135deg,#073f33,#128361);color:#fff;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;box-shadow:0 18px 45px rgba(7,63,51,.20);overflow:hidden;position:relative}.p3i5b-hero:after{content:"";position:absolute;right:-34px;bottom:-50px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.11)}.p3i5b-hero small,.p3i5b-hero p{color:rgba(255,255,255,.82)}.p3i5b-hero h1{margin:4px 0 4px;font-size:1.65rem;letter-spacing:-.06em}.p3i5b-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:6px;box-shadow:var(--shadow-soft)}.p3i5b-mode-tabs button{border:0;border-radius:14px;min-height:42px;background:transparent;color:var(--text-secondary);font-weight:950}.p3i5b-mode-tabs button.active{background:var(--brand-green);color:#fff;box-shadow:inset 0 -3px 0 var(--brand-lime)}.p3i5b-membership{display:flex;justify-content:space-between;gap:12px;align-items:center;border-radius:20px;padding:14px;background:linear-gradient(135deg,rgba(183,255,53,.18),rgba(255,255,255,.80));border:1px solid var(--border-strong);box-shadow:var(--shadow-soft)}.p3i5b-membership small{font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary)}.p3i5b-membership h3{margin:2px 0;font-size:1rem}.p3i5b-membership p{margin:0;color:var(--text-secondary);font-size:.78rem}.p3i5b-weekbar{display:flex;align-items:center;justify-content:space-between;border-radius:18px;background:var(--bg-card);border:1px solid var(--border);padding:8px 10px;box-shadow:var(--shadow-soft)}.p3i5b-weekbar button{width:42px;height:38px;border-radius:14px;border:1px solid var(--border);background:var(--bg-surface);font-weight:950}.p3i5b-court-stack{display:grid;gap:12px}.p3i5b-court-card{border:1px solid var(--border);background:var(--bg-card);border-radius:24px;padding:14px;box-shadow:var(--shadow);display:grid;gap:12px}.p3i5b-court-top{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center}.p3i5b-court-photo{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--brand-lime),#fff);display:grid;place-items:center;font-weight:950;color:#063f33;box-shadow:0 10px 22px rgba(6,63,51,.12)}.p3i5b-court-top h3{margin:0;font-size:1.04rem}.p3i5b-court-top p{margin:2px 0 0;color:var(--text-secondary);font-size:.78rem}.p3i5b-court-calendar{display:grid;grid-template-columns:repeat(7,minmax(74px,1fr));gap:7px;overflow:auto;padding-bottom:3px}.p3i5b-day{min-width:74px;min-height:94px;border-radius:16px;border:1px solid var(--border);background:var(--bg-surface);display:grid;gap:2px;justify-items:center;align-content:center;box-shadow:var(--shadow-soft);color:var(--text-primary)}.p3i5b-day span{font-size:.65rem;font-weight:950;text-transform:uppercase;color:var(--text-secondary)}.p3i5b-day strong{font-size:1.18rem}.p3i5b-day em{font-style:normal;font-size:.66rem;color:var(--success-text);font-weight:950}.p3i5b-day small{font-size:.62rem;color:var(--text-secondary)}.p3i5b-day.is-selected{background:var(--brand-green);color:#fff;border-color:var(--brand-lime);transform:translateY(-1px)}.p3i5b-day.is-selected *{color:#fff!important}.p3i5b-day.is-full{opacity:.55}.p3i5b-slot-panel{position:sticky;bottom:76px;z-index:20;background:rgba(255,255,255,.92);border:1px solid var(--border-strong);border-radius:24px;padding:14px;box-shadow:0 18px 45px rgba(6,63,51,.18);backdrop-filter:blur(16px)}html[data-theme="dark"] .p3i5b-slot-panel{background:rgba(11,27,22,.94)}.p3i5b-slot-panel.is-empty{position:relative;bottom:auto;display:grid;gap:4px;color:var(--text-secondary)}.p3i5b-slot-panel.is-empty strong{color:var(--text-primary)}.p3i5b-slot-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.p3i5b-slot-head small{text-transform:uppercase;letter-spacing:.12em;font-weight:950;color:var(--text-secondary)}.p3i5b-slot-head h3{margin:2px 0 0;font-size:1rem}.p3i5b-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.p3i5b-slot{min-height:82px;border-radius:16px;border:1px solid var(--border);background:var(--bg-surface);display:grid;gap:2px;place-items:center;color:var(--text-primary);box-shadow:var(--shadow-soft)}.p3i5b-slot small{color:var(--text-secondary);font-size:.65rem}.p3i5b-slot span{color:var(--success-text);font-weight:950}.p3i5b-slot.is-booked{opacity:.52;background:var(--bg-soft-2)}.p3i5b-slot.is-booked em{font-style:normal;color:var(--text-secondary)}.p3i5b-session-list{display:grid;gap:10px}.p3i5b-session-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid var(--border);border-radius:22px;background:var(--bg-card);box-shadow:var(--shadow-soft);padding:13px}.p3i5b-session-card h3{margin:6px 0 4px;font-size:.98rem}.p3i5b-session-card p,.p3i5b-session-card small{color:var(--text-secondary);margin:0}.p3i5b-session-card>div:last-child{text-align:right;display:grid;gap:8px}.p3i5b-pill{display:inline-flex;width:max-content;border-radius:999px;padding:5px 8px;background:var(--accent-soft);font-size:.62rem;font-weight:950;text-transform:uppercase;letter-spacing:.07em;color:var(--text-primary)}@media(max-width:420px){.p3i5b-court-calendar{grid-template-columns:repeat(7,74px)}.p3i5b-session-card{grid-template-columns:1fr}.p3i5b-session-card>div:last-child{text-align:left;display:flex;justify-content:space-between;align-items:center}.p3i5b-slot-grid{grid-template-columns:1fr}}

/* PHASE 3I.5C MOBILE BOOKING + ADMIN SESSION SYNC */
.p3i5c-booking-screen{display:grid;gap:12px;padding-bottom:104px}.p3i5c-hero{border-radius:28px;padding:18px;background:linear-gradient(135deg,#053d31,#0f7f5d);color:#fff;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;box-shadow:0 18px 45px rgba(7,63,51,.2);position:relative;overflow:hidden}.p3i5c-hero:after{content:"";position:absolute;right:-42px;bottom:-58px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.11)}.p3i5c-hero small{text-transform:uppercase;letter-spacing:.12em;font-weight:950;color:#d6ff98}.p3i5c-hero h1{margin:4px 0 5px;font-size:1.55rem;line-height:1;letter-spacing:-.06em}.p3i5c-hero p{margin:0;color:rgba(255,255,255,.82);font-size:.82rem}.p3i5c-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:6px;border:1px solid var(--border,#dfe8e2);border-radius:18px;background:var(--bg-card,#fff);box-shadow:var(--shadow-soft,0 10px 28px rgba(16,45,32,.06))}.p3i5c-mode-tabs button{border:0;border-radius:14px;background:transparent;min-height:42px;font-weight:950;color:var(--text-secondary,#65756d)}.p3i5c-mode-tabs button.active{background:var(--brand-green,#0f6b4f);color:#fff;box-shadow:inset 0 -3px 0 var(--brand-lime,#91c86f)}.p3i5c-membership{display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:20px;padding:13px;border:1px solid var(--border,#dfe8e2);background:linear-gradient(135deg,rgba(183,255,53,.18),rgba(255,255,255,.86));box-shadow:var(--shadow-soft,0 10px 28px rgba(16,45,32,.06))}.p3i5c-membership small{font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary,#65756d)}.p3i5c-membership h3{margin:2px 0;font-size:1rem}.p3i5c-membership p{margin:0;color:var(--text-secondary,#65756d);font-size:.76rem}.p3i5c-weekbar{display:flex;align-items:center;justify-content:space-between;border-radius:18px;background:var(--bg-card,#fff);border:1px solid var(--border,#dfe8e2);padding:8px 10px;box-shadow:var(--shadow-soft,0 10px 28px rgba(16,45,32,.06))}.p3i5c-weekbar button{width:42px;height:38px;border-radius:14px;border:1px solid var(--border,#dfe8e2);background:var(--bg-surface,#fff);font-weight:950}.p3i5c-court-stack{display:grid;gap:12px}.p3i5c-court-card{border:1px solid var(--border,#dfe8e2);background:var(--bg-card,#fff);border-radius:24px;padding:14px;box-shadow:var(--shadow,0 12px 34px rgba(16,45,32,.08));display:grid;gap:12px}.p3i5c-court-head{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center}.p3i5c-court-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--brand-lime,#91c86f),#fff);display:grid;place-items:center;font-weight:950;color:#063f33}.p3i5c-court-head h3{margin:0;font-size:1.04rem}.p3i5c-court-head p{margin:2px 0 0;color:var(--text-secondary,#65756d);font-size:.76rem}.p3i5c-court-calendar{display:grid;grid-template-columns:repeat(7,minmax(74px,1fr));gap:7px;overflow:auto;padding-bottom:3px}.p3i5c-day{min-width:74px;min-height:94px;border-radius:16px;border:1px solid var(--border,#dfe8e2);background:var(--bg-surface,#fff);display:grid;gap:2px;justify-items:center;align-content:center;box-shadow:var(--shadow-soft,0 8px 18px rgba(16,45,32,.04));color:var(--text-primary,#17231d)}.p3i5c-day span{font-size:.64rem;font-weight:950;text-transform:uppercase;color:var(--text-secondary,#65756d)}.p3i5c-day strong{font-size:1.15rem}.p3i5c-day em{font-style:normal;font-size:.65rem;color:var(--success-text,#0f6b4f);font-weight:950}.p3i5c-day small{font-size:.62rem;color:var(--text-secondary,#65756d)}.p3i5c-day.is-selected{background:var(--brand-green,#0f6b4f);color:#fff;border-color:var(--brand-lime,#91c86f);transform:translateY(-1px)}.p3i5c-day.is-selected *{color:#fff!important}.p3i5c-day.is-full{opacity:.52}.p3i5c-info-card{border:1px solid var(--border,#dfe8e2);background:var(--bg-card,#fff);border-radius:20px;padding:14px;display:grid;gap:4px;color:var(--text-secondary,#65756d);box-shadow:var(--shadow-soft,0 10px 28px rgba(16,45,32,.06))}.p3i5c-info-card strong{color:var(--text-primary,#17231d)}.p3i5c-slot-panel{position:sticky;bottom:76px;z-index:20;background:rgba(255,255,255,.94);border:1px solid var(--border,#dfe8e2);border-radius:24px;padding:14px;box-shadow:0 18px 45px rgba(6,63,51,.18);backdrop-filter:blur(16px)}html[data-theme="dark"] .p3i5c-slot-panel{background:rgba(11,27,22,.94)}.p3i5c-slot-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.p3i5c-slot-head small{text-transform:uppercase;letter-spacing:.12em;font-weight:950;color:var(--text-secondary,#65756d)}.p3i5c-slot-head h3{margin:2px 0 0;font-size:1rem}.p3i5c-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.p3i5c-slot{min-height:82px;border-radius:16px;border:1px solid var(--border,#dfe8e2);background:var(--bg-surface,#fff);display:grid;gap:2px;place-items:center;color:var(--text-primary,#17231d);box-shadow:var(--shadow-soft,0 8px 18px rgba(16,45,32,.04))}.p3i5c-slot small{color:var(--text-secondary,#65756d);font-size:.65rem}.p3i5c-slot span{color:var(--success-text,#0f6b4f);font-weight:950}.p3i5c-slot.is-booked{opacity:.52;background:var(--bg-soft-2,#f4f2ef)}.p3i5c-slot.is-booked em{font-style:normal;color:var(--text-secondary,#65756d)}.p3i5c-session-stack{display:grid;gap:10px}.p3i5c-session-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid var(--border,#dfe8e2);border-radius:22px;background:var(--bg-card,#fff);box-shadow:var(--shadow-soft,0 10px 28px rgba(16,45,32,.06));padding:13px}.p3i5c-session-card h3{margin:6px 0 4px;font-size:.98rem}.p3i5c-session-card p,.p3i5c-session-card small{color:var(--text-secondary,#65756d);margin:0}.p3i5c-session-card>div:last-child{text-align:right;display:grid;gap:8px}.p3i5c-pill{display:inline-flex;width:max-content;border-radius:999px;padding:5px 8px;background:var(--accent-soft,#eaf5ed);font-size:.62rem;font-weight:950;text-transform:uppercase;letter-spacing:.07em;color:var(--text-primary,#17231d)}.p3i5c-empty-inline{grid-column:1/-1;text-align:center;color:var(--text-secondary,#65756d);padding:12px}.p3i5c-board-scroll{overflow:auto;border-radius:18px;border:1px solid var(--border,#dfe8e2)}.p3i5c-board{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}.p3i5c-board th{position:sticky;top:0;background:#f0f8f2;z-index:1}.p3i5c-board th,.p3i5c-board td{padding:10px 12px;border-bottom:1px solid var(--border,#dfe8e2);border-right:1px solid var(--border,#dfe8e2);vertical-align:top}.p3i5c-board td.is-open{background:#fbfffb;color:#5d756b}.p3i5c-board td.is-booked{background:#fff7ed}.p3i5c-board td.is-session{background:#eaf5ed}.p3i5c-board td b{display:block;font-size:.78rem;color:#063f33}.p3i5c-board td small{display:block;color:#65756d;margin-top:3px}.p3i5c-admin-session-form .ops-form-stack label span{display:block;font-size:.68rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary,#65756d);margin-bottom:6px}@media(max-width:420px){.p3i5c-court-calendar{grid-template-columns:repeat(7,74px)}.p3i5c-session-card{grid-template-columns:1fr}.p3i5c-session-card>div:last-child{text-align:left;display:flex;justify-content:space-between;align-items:center}.p3i5c-slot-grid{grid-template-columns:1fr}.p3i5c-membership{display:block}.p3i5c-membership .btn{width:100%;margin-top:10px}}

/* PHASE 3I.5D BOOKING CART HOLD CHECKOUT FLOW */
.p3i5d-booking-actions{display:grid;gap:10px;align-items:center;justify-items:end}.p3i5d-cart-button{position:relative;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:18px;padding:12px 15px;background:rgba(255,255,255,.94);color:var(--color-brand-dark,#063f31);font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.12);cursor:pointer}.p3i5d-cart-button em{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;border-radius:999px;background:#b7ff5b;color:#073d2d;display:grid;place-items:center;font-size:12px;font-style:normal;border:2px solid white}.p3i5d-cart-panel{margin:14px 0;border:1px solid rgba(0,0,0,.08);border-radius:24px;background:linear-gradient(180deg,#fff,#f5fbf4);box-shadow:0 14px 40px rgba(16,45,32,.08);overflow:hidden}.p3i5d-cart-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px 16px;border-bottom:1px solid rgba(0,0,0,.06)}.p3i5d-cart-head b{display:block;color:#073d2d;font-size:17px}.p3i5d-cart-head span{display:block;color:#63776e;font-size:12px}.p3i5d-cart-head button,.p3i5d-cart-row button{border:1px solid rgba(0,0,0,.08);background:#fff;border-radius:14px;padding:9px 12px;font-weight:900;color:#073d2d}.p3i5d-cart-list{display:grid;gap:10px;padding:14px}.p3i5d-cart-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px;border:1px solid rgba(0,0,0,.06);border-radius:18px;background:#fff}.p3i5d-cart-row b,.p3i5d-cart-row span,.p3i5d-cart-row small{display:block}.p3i5d-cart-row b{color:#073d2d}.p3i5d-cart-row span{font-size:12px;color:#50645c}.p3i5d-cart-row small{font-size:11px;color:#0b7d5d;font-weight:800}.p3i5d-cart-row strong{white-space:nowrap;color:#073d2d}.p3i5d-cart-row button{width:34px;height:34px;border-radius:50%;padding:0}.p3i5d-cart-empty{padding:18px;border-radius:18px;background:#f4f9f2;color:#63776e;text-align:center;font-weight:800}.p3i5d-checkout-bar{position:sticky;bottom:78px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:rgba(7,61,45,.96);color:#fff}.p3i5d-checkout-bar span{display:block;font-size:11px;opacity:.8}.p3i5d-checkout-bar b{font-size:18px}.p3i5d-checkout-bar button{border:0;border-radius:18px;background:#b7ff5b;color:#073d2d;font-weight:1000;padding:12px 16px;box-shadow:0 12px 28px rgba(0,0,0,.18)}.p3i5d-checkout-bar button:disabled{opacity:.45;filter:grayscale(1)}.p3i5c-slot.is-available,.p3i5b-slot.is-open,.p3i5-slot.is-available{position:relative}.p3i5c-slot.is-available:after,.p3i5b-slot.is-open:after,.p3i5-slot.is-available:after{content:'hold 15m';position:absolute;right:8px;top:7px;font-size:9px;color:#0b7d5d;background:#ecffe1;border-radius:999px;padding:2px 6px;font-weight:900}@media(max-width:520px){.p3i5d-booking-actions{justify-items:stretch}.p3i5d-cart-button{justify-content:center}.p3i5d-cart-row{grid-template-columns:1fr auto}.p3i5d-cart-row button{grid-column:2}.p3i5d-checkout-bar{bottom:72px}.p3i5d-checkout-bar button{padding:11px 12px}}

/* PHASE 3I.5E CART UX STABILITY */
.p3i5e-topbar-cart{height:42px;min-width:42px;border-radius:999px;border:1px solid rgba(15,107,79,.22);background:linear-gradient(145deg,#fff,#eef7f1);color:#073d31;font-weight:950;display:inline-grid;place-items:center;position:relative;margin-left:8px;box-shadow:0 10px 24px rgba(6,63,51,.12);cursor:pointer}.p3i5e-topbar-cart span{font-size:18px}.p3i5e-topbar-cart.has-item{background:linear-gradient(135deg,#0f6b4f,#0e8b66);color:#fff}.p3i5e-topbar-cart em{position:absolute;right:-4px;top:-6px;min-width:20px;height:20px;border-radius:999px;background:#b7ff35;color:#063f33;border:2px solid #fff;font-size:11px;font-style:normal;display:grid;place-items:center;line-height:1}.p3i5e-cart-backdrop{position:fixed;inset:0;z-index:220;background:rgba(4,28,20,.22);backdrop-filter:blur(2px)}.p3i5e-cart-drawer{position:fixed;right:max(12px,calc((100vw - min(100vw,430px))/2 + 12px));top:86px;bottom:calc(82px + env(safe-area-inset-bottom));width:min(390px,calc(100vw - 24px));z-index:221;background:linear-gradient(180deg,#fff,#f6fbf7);border:1px solid rgba(15,107,79,.18);border-radius:28px;box-shadow:0 30px 80px rgba(6,63,51,.30);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.p3i5e-cart-drawer header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(15,107,79,.12)}.p3i5e-cart-drawer header small{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:950;color:#65756d}.p3i5e-cart-drawer header h3{margin:2px 0 0;color:#073d31;font-size:20px}.p3i5e-cart-drawer header button{border:0;border-radius:999px;background:#edf6f0;color:#073d31;font-weight:950;padding:10px 14px}.p3i5e-cart-list{overflow:auto;padding:12px}.p3i5e-cart-item{display:grid;grid-template-columns:1fr auto 34px;align-items:center;gap:10px;padding:12px;border-radius:18px;background:#fff;border:1px solid rgba(15,107,79,.12);box-shadow:0 8px 20px rgba(6,63,51,.07);margin-bottom:10px}.p3i5e-cart-item b{display:block;color:#073d31}.p3i5e-cart-item span,.p3i5e-cart-item small{display:block;color:#65756d;font-size:12px}.p3i5e-cart-item strong{color:#0f6b4f;white-space:nowrap}.p3i5e-cart-item button{width:32px;height:32px;border-radius:999px;border:0;background:#ffe3df;color:#7a1b10;font-weight:950;font-size:18px}.p3i5e-cart-drawer footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-top:1px solid rgba(15,107,79,.12);background:#fff}.p3i5e-cart-drawer footer span{display:block;color:#65756d;font-size:12px}.p3i5e-cart-drawer footer b{font-size:18px;color:#073d31}.p3i5e-cart-drawer footer button{border:0;border-radius:16px;background:#0f6b4f;color:#fff;font-weight:950;padding:13px 16px}.p3i5e-cart-empty{display:grid;place-items:center;text-align:center;gap:6px;padding:38px 24px;color:#65756d}.p3i5e-cart-empty b{color:#073d31;font-size:18px}.p3i5b-slot-panel,.p3i5c-slot-panel{position:relative!important;z-index:12!important}.p3i5b-slot-head button,.p3i5c-slot-head button{pointer-events:auto!important}body.page-opsAdmin .p3i5e-topbar-cart,body.ops-admin-active .p3i5e-topbar-cart{display:none!important}@media(max-width:520px){.p3i5e-cart-drawer{top:74px;right:8px;left:8px;width:auto;bottom:calc(78px + env(safe-area-inset-bottom));border-radius:24px}.p3i5e-topbar-cart{height:40px;min-width:40px;margin-left:4px}}

/* PHASE 3I.5F — cart/topbar/ops hardening */
.topbar,.topbar-inner,.topbar-main-row,.topbar-profile-area,.topbar-profile-chip{overflow:visible!important;}
.p3i5e-topbar-cart{display:none!important;}
.p3i5f-topbar-cart{width:46px;height:46px;min-width:46px;border:0;border-radius:17px;background:linear-gradient(135deg,#0d7c5d,#073d31);color:#fff;display:inline-grid;place-items:center;position:relative;margin-left:10px;box-shadow:0 14px 32px rgba(6,63,51,.22);cursor:pointer;z-index:80;flex:0 0 auto;}
.p3i5f-topbar-cart span{font-size:19px;line-height:1}.p3i5f-topbar-cart em{position:absolute;right:-3px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#b7ff35;color:#063f33;border:2px solid #fff;font-size:11px;font-style:normal;font-weight:1000;display:grid;place-items:center;line-height:1;box-shadow:0 4px 10px rgba(0,0,0,.14)}
body.page-opsAdmin .p3i5f-topbar-cart,body.ops-desktop-page .p3i5f-topbar-cart{display:none!important;}
.p3i5f-cart-backdrop{position:fixed;inset:0;z-index:900;background:rgba(4,28,20,.28);backdrop-filter:blur(2px)}
.p3i5f-cart-drawer{position:fixed;right:max(12px,calc((100vw - min(100vw,430px))/2 + 12px));top:88px;bottom:calc(82px + env(safe-area-inset-bottom));width:min(392px,calc(100vw - 24px));z-index:901;background:linear-gradient(180deg,#fff,#f7fbf8);border:1px solid rgba(15,107,79,.18);border-radius:28px;box-shadow:0 30px 90px rgba(6,63,51,.32);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;}
.p3i5f-cart-drawer header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(15,107,79,.12)}.p3i5f-cart-drawer header small{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:950;color:#65756d}.p3i5f-cart-drawer header h3{margin:2px 0 0;color:#073d31;font-size:20px}.p3i5f-cart-drawer header button{border:0;border-radius:999px;background:#edf6f0;color:#073d31;font-weight:950;padding:10px 14px}.p3i5f-cart-list{overflow:auto;padding:12px}.p3i5f-cart-item{display:grid;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:10px;padding:12px;border-radius:18px;background:#fff;border:1px solid rgba(15,107,79,.12);box-shadow:0 8px 20px rgba(6,63,51,.07);margin-bottom:10px}.p3i5f-cart-item b{display:block;color:#073d31;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p3i5f-cart-item span,.p3i5f-cart-item small{display:block;color:#65756d;font-size:12px}.p3i5f-cart-item strong{color:#0f6b4f;white-space:nowrap}.p3i5f-cart-item button{width:32px;height:32px;border-radius:999px;border:0;background:#ffe3df;color:#7a1b10;font-weight:950;font-size:18px}.p3i5f-cart-drawer footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-top:1px solid rgba(15,107,79,.12);background:#fff}.p3i5f-cart-drawer footer span{display:block;color:#65756d;font-size:12px}.p3i5f-cart-drawer footer b{font-size:18px;color:#073d31}.p3i5f-cart-drawer footer button{border:0;border-radius:16px;background:#0f6b4f;color:#fff;font-weight:950;padding:13px 16px}.p3i5f-cart-empty{display:grid;place-items:center;text-align:center;gap:6px;padding:38px 24px;color:#65756d}.p3i5f-cart-empty b{color:#073d31;font-size:18px}
.p3i5c-slot-panel{position:relative!important;bottom:auto!important;z-index:10!important;max-height:none!important;overflow:visible!important}.p3i5c-slot-head button,.p3i5c-slot,.p3i5c-day{pointer-events:auto!important;touch-action:manipulation}.modal-shell.hidden,.confirm-modal.hidden,.app-modal.hidden{display:none!important;pointer-events:none!important}.p3i5c-slot.is-available:active{transform:scale(.98)}
body.ops-desktop-page{overflow-x:hidden!important;background:#eef5ed!important}.ops-desktop-shell{width:min(1480px,calc(100vw - 42px))!important;margin:28px auto 80px!important;grid-template-columns:260px minmax(0,1fr)!important;gap:24px!important;align-items:start!important}.ops-desktop-main{min-width:0!important;overflow:hidden!important}.ops-desktop-sidebar{position:sticky!important;top:96px!important;align-self:start!important;min-height:calc(100vh - 130px)!important}.ops-desktop-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;min-height:116px!important;padding:26px 30px!important;border-radius:30px!important}.ops-desktop-hero h1{font-size:34px!important;white-space:normal!important}.ops-kpi-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.ops-work-grid-booking{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(360px,.9fr)!important;gap:20px!important;align-items:start!important}.ops-panel{min-width:0!important;overflow:hidden!important}.ops-panel-side{position:sticky!important;top:110px!important;max-height:calc(100vh - 130px)!important;overflow:auto!important}.ops-table-wrap,.p3i5c-board-scroll{max-width:100%!important;overflow:auto!important}.ops-data-table{min-width:720px!important}.p3i5c-board{min-width:900px!important}.p3i5c-board th,.p3i5c-board td{font-size:13px!important;padding:11px 12px!important}.ops-filter-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.ops-form-stack{display:grid!important;gap:10px!important}.ops-form-stack .field-input{width:100%!important}.ops-status-held{background:#fff4d7!important;color:#7a5200!important}.ops-status-booked{background:#eaf5ed!important;color:#0f6b4f!important}.ops-status-locked{background:#e7f0ff!important;color:#244d82!important}
@media(max-width:1100px){.ops-desktop-shell{width:calc(100vw - 28px)!important;grid-template-columns:220px minmax(0,1fr)!important}.ops-work-grid-booking{grid-template-columns:1fr!important}.ops-panel-side{position:relative!important;top:auto!important;max-height:none!important}.ops-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.p3i5f-topbar-cart{width:42px;height:42px;min-width:42px;margin-left:6px;border-radius:15px}.p3i5f-cart-drawer{top:74px;left:8px;right:8px;width:auto;bottom:calc(78px + env(safe-area-inset-bottom));border-radius:24px}.p3i5f-cart-item{grid-template-columns:minmax(0,1fr) auto}.p3i5f-cart-item button{grid-column:2}.p3i5c-slot-grid{grid-template-columns:1fr 1fr!important}.p3i5c-slot{min-height:72px!important}}

/* PHASE 3I.5G — Mobile slot drawer + enterprise admin booking desk */
.p3i5g-slot-backdrop{position:fixed;inset:0;z-index:880;background:rgba(5,31,23,.28);backdrop-filter:blur(2px)}
.p3i5g-slot-drawer{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(76px + env(safe-area-inset-bottom));z-index:881;width:min(430px,calc(100vw - 18px));max-height:min(74vh,680px);overflow:hidden;display:grid;grid-template-rows:auto 1fr;border-radius:28px;background:linear-gradient(180deg,#fff,#f7fbf8);border:1px solid rgba(15,107,79,.18);box-shadow:0 30px 90px rgba(7,51,38,.35)}
.p3i5g-slot-drawer header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:18px 18px 12px;border-bottom:1px solid rgba(15,107,79,.12)}
.p3i5g-slot-drawer header small{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:1000;color:#65756d}.p3i5g-slot-drawer header h3{margin:3px 0;color:#073d31;font-size:19px;line-height:1.05}.p3i5g-slot-drawer header p{margin:0;color:#65756d;font-size:12px;line-height:1.35}.p3i5g-slot-drawer header button{border:0;border-radius:999px;background:#edf6f0;color:#073d31;font-weight:1000;padding:10px 14px;white-space:nowrap}
.p3i5g-slot-grid{overflow:auto;padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.p3i5g-slot{border:1px solid rgba(15,107,79,.14);border-radius:18px;background:#fff;min-height:82px;padding:11px 8px;text-align:center;box-shadow:0 8px 18px rgba(6,63,51,.06)}.p3i5g-slot small{display:block;color:#8aa09a;font-size:10px;font-weight:900}.p3i5g-slot strong{display:block;color:#073d31;font-size:14px;margin:4px 0}.p3i5g-slot span{display:block;color:#0f6b4f;font-weight:1000}.p3i5g-slot.is-open:active{transform:scale(.98)}.p3i5g-slot.is-closed{background:#f4f2ef;color:#9aa5a0}.p3i5g-slot.is-closed strong,.p3i5g-slot.is-closed em{color:#9aa5a0}.p3i5g-loading,.p3i5g-empty-slot{padding:34px;text-align:center;color:#65756d;font-weight:800}
body.slot-panel-open .p3i5c-court-stack{padding-bottom:360px}
@media(max-width:520px){.p3i5g-slot-drawer{bottom:calc(74px + env(safe-area-inset-bottom));border-radius:24px 24px 20px 20px}.p3i5g-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px}.p3i5g-slot{min-height:76px}}

body.ops-desktop-page .ops-ent-shell{width:min(1640px,calc(100vw - 36px));margin:24px auto 70px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start;background:transparent!important;border:0!important;box-shadow:none!important}
body.ops-desktop-page .ops-ent-side{position:sticky;top:96px;min-height:calc(100vh - 122px);border-radius:28px;background:linear-gradient(180deg,#073d31,#03271d);padding:18px;box-shadow:0 24px 70px rgba(6,63,51,.22);color:#fff;display:grid;align-content:start;gap:10px}
body.ops-desktop-page .ops-ent-brand{padding:18px;border-radius:22px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.13);margin-bottom:8px}body.ops-desktop-page .ops-ent-brand strong{display:block;font-size:18px}body.ops-desktop-page .ops-ent-brand span{display:block;color:rgba(255,255,255,.68);font-size:12px}
body.ops-desktop-page .ops-ent-side button{border:0;width:100%;display:grid;grid-template-columns:34px 1fr;gap:10px;text-align:left;align-items:center;color:#fff;background:transparent;border-radius:18px;padding:13px;cursor:pointer}body.ops-desktop-page .ops-ent-side button b{display:block;font-size:14px}body.ops-desktop-page .ops-ent-side button small{display:block;color:rgba(255,255,255,.58);font-size:11px}.ops-ent-side button.active{background:rgba(183,255,53,.13);outline:2px solid rgba(183,255,53,.5)}
body.ops-desktop-page .ops-ent-main{min-width:0;display:grid;gap:16px;overflow:visible!important}.ops-ent-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border-radius:30px;background:linear-gradient(135deg,#064532,#168568);color:#fff;box-shadow:0 24px 70px rgba(7,51,38,.16);overflow:hidden;position:relative}.ops-ent-hero:after{content:"";position:absolute;right:-70px;bottom:-100px;width:280px;height:280px;border-radius:999px;background:rgba(255,255,255,.11)}.ops-ent-hero>*{position:relative;z-index:1}.ops-ent-hero small{text-transform:uppercase;letter-spacing:.16em;color:#d8ff9b;font-weight:1000;font-size:11px}.ops-ent-hero h1{margin:7px 0;font-size:38px;line-height:1;letter-spacing:-.04em}.ops-ent-hero p{margin:0;max-width:680px;color:rgba(255,255,255,.78)}.ops-ent-hero>div:last-child{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.ops-ent-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ops-ent-kpis>div{border-radius:20px;background:#fff;border:1px solid rgba(15,107,79,.12);padding:16px 18px;box-shadow:0 10px 26px rgba(6,63,51,.055)}.ops-ent-kpis span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:1000;color:#65756d}.ops-ent-kpis b{font-size:30px;color:#0f6b4f;line-height:1}
.ops-ent-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(340px,.75fr);gap:16px;align-items:start}.ops-ent-card{min-width:0;border-radius:26px;background:#fff;border:1px solid rgba(15,107,79,.12);box-shadow:0 18px 46px rgba(6,63,51,.07);overflow:hidden}.ops-ent-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;border-bottom:1px solid rgba(15,107,79,.10)}.ops-ent-card-head small{text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:1000;color:#65756d}.ops-ent-card-head h2{margin:4px 0 3px;font-size:21px;color:#073d31}.ops-ent-card-head p{margin:0;color:#65756d;font-size:12px;line-height:1.35}.ops-ent-board{grid-row:span 2}.ops-ent-board-scroll{overflow:auto;max-height:680px}.ops-ent-board-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0}.ops-ent-board-table th{position:sticky;top:0;z-index:2;background:#eaf4ee;color:#073d31;text-transform:none;font-size:12px;border-bottom:1px solid rgba(15,107,79,.12);padding:13px 12px}.ops-ent-board-table td{height:58px;padding:10px 12px;border-bottom:1px solid rgba(15,107,79,.08);border-right:1px solid rgba(15,107,79,.06);vertical-align:top}.ops-ent-board-table .time-col{position:sticky;left:0;z-index:3;background:#f7fbf8;font-weight:1000;color:#073d31;min-width:74px}.ops-ent-board-table td.open{background:#fbfdfb;color:#6a7e76}.ops-ent-board-table td.open em{font-style:normal;color:#7d918a}.ops-ent-board-table td.busy{background:#fff7e5}.ops-ent-board-table td.session{background:#e9f7ff}.ops-ent-board-table td b{display:block;color:#073d31;font-size:12px;line-height:1.15}.ops-ent-board-table td span{display:block;margin-top:3px;color:#65756d;font-size:11px}
.ops-ent-form{grid-column:2}.ops-ent-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px}.ops-ent-form-grid label{display:grid;gap:5px}.ops-ent-form-grid label span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:1000;color:#65756d}.ops-ent-form-grid .wide{grid-column:1/-1}.ops-ent-form-grid .btn{height:46px}.ops-ent-table{grid-column:2}.ops-ent-filters{display:grid;grid-template-columns:1fr;gap:8px;min-width:210px}.ops-ent-table-scroll{overflow:auto;max-height:360px}.ops-ent-table table{width:100%;min-width:680px}.ops-ent-table th{background:#f0f7f2;color:#073d31;font-size:11px}.ops-ent-table td{font-size:12px;vertical-align:middle}.ops-status-held,.ops-status-expired{background:#fff4d7!important;color:#7a5200!important}
@media(max-width:1280px){body.ops-desktop-page .ops-ent-shell{grid-template-columns:220px minmax(0,1fr)}.ops-ent-grid{grid-template-columns:1fr}.ops-ent-form,.ops-ent-table{grid-column:auto}.ops-ent-board{grid-row:auto}.ops-ent-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:899px){body.ops-desktop-page .ops-ent-shell{display:block;width:calc(100vw - 24px);margin:18px auto}.ops-ent-side,.ops-ent-main{display:none!important}}
.p3i5g-enterprise-ops-marker{--p3i5g:1}


/* PHASE 3I.5H — Booking drawer polish + unified enterprise admin shell */
/* Mobile slot drawer: readable, no clipped price/text, comfortable tap target */
.p3i5g-slot-drawer{overflow:hidden!important;max-height:min(76vh,720px)!important;grid-template-rows:auto minmax(0,1fr)!important}
.p3i5g-slot-grid{align-content:start!important;overflow-y:auto!important;overflow-x:hidden!important;padding:14px!important;gap:12px!important;scrollbar-width:thin!important}
.p3i5g-slot{min-height:96px!important;height:auto!important;padding:12px 8px 13px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;overflow:visible!important;line-height:1.08!important;border-radius:18px!important}
.p3i5g-slot small{font-size:10px!important;line-height:1!important;white-space:nowrap!important}
.p3i5g-slot strong{font-size:14px!important;line-height:1.08!important;margin:2px 0!important;white-space:nowrap!important;letter-spacing:.01em!important}
.p3i5g-slot span{font-size:15px!important;line-height:1.1!important;white-space:nowrap!important;font-weight:1000!important}
.p3i5g-slot em{font-size:12px!important;line-height:1.1!important;white-space:nowrap!important}
.p3i5g-slot-drawer header{min-width:0!important}.p3i5g-slot-drawer header h3{word-break:normal!important;overflow-wrap:anywhere!important}.p3i5g-slot-drawer header button{min-width:72px!important;text-align:center!important}
@media(max-width:520px){.p3i5g-slot-drawer{width:calc(100vw - 28px)!important;bottom:calc(78px + env(safe-area-inset-bottom))!important}.p3i5g-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px!important}.p3i5g-slot{min-height:92px!important}.p3i5g-slot strong{font-size:13px!important}.p3i5g-slot span{font-size:14px!important}}

/* Global enterprise admin system: one shell width, one spacing language for all admin tabs */
body.ops-desktop-page .app-shell,body.ops-enterprise-global .app-shell{max-width:none!important;width:100%!important}
body.ops-desktop-page .app-main,body.ops-enterprise-global .app-main{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important}
body.ops-desktop-page .bottom-nav,body.ops-enterprise-global .bottom-nav,body.ops-desktop-page .quick-fab,body.ops-enterprise-global .quick-fab{display:none!important}
body.ops-desktop-page .ops-desktop-shell,body.ops-enterprise-global .ops-desktop-shell{width:min(1680px,calc(100vw - 36px))!important;margin:24px auto 70px!important;display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;gap:22px!important;align-items:stretch!important;border-radius:34px!important;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,253,249,.88))!important;border:1px solid rgba(15,107,79,.12)!important;box-shadow:0 22px 90px rgba(7,51,38,.10)!important;padding:0!important;overflow:hidden!important}
body.ops-desktop-page .ops-desktop-sidebar,body.ops-enterprise-global .ops-desktop-sidebar,body.ops-desktop-page .ops-ent-side,body.ops-enterprise-global .ops-ent-side{position:sticky!important;top:92px!important;align-self:start!important;height:calc(100vh - 122px)!important;min-height:720px!important;border-radius:0!important;background:linear-gradient(180deg,#0b4a37 0%,#052d22 100%)!important;padding:26px 18px!important;color:#fff!important;box-shadow:none!important;display:grid!important;align-content:start!important;gap:12px!important}
body.ops-desktop-page .ops-brand-card,body.ops-enterprise-global .ops-brand-card,body.ops-desktop-page .ops-ent-brand,body.ops-enterprise-global .ops-ent-brand{border-radius:24px!important;background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.16)!important;padding:18px!important;margin:0 0 12px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)!important}
body.ops-desktop-page .ops-nav,body.ops-enterprise-global .ops-nav,body.ops-desktop-page .ops-ent-side button,body.ops-enterprise-global .ops-ent-side button{width:100%!important;border:0!important;border-radius:18px!important;background:transparent!important;color:#fff!important;padding:14px!important;display:grid!important;grid-template-columns:36px 1fr!important;gap:12px!important;align-items:center!important;text-align:left!important;min-height:60px!important;cursor:pointer!important}
body.ops-desktop-page .ops-nav span,body.ops-enterprise-global .ops-nav span,body.ops-desktop-page .ops-ent-side button span,body.ops-enterprise-global .ops-ent-side button span{width:36px!important;height:36px!important;border-radius:14px!important;background:rgba(255,255,255,.10)!important;display:grid!important;place-items:center!important}
body.ops-desktop-page .ops-nav.active,body.ops-enterprise-global .ops-nav.active,body.ops-desktop-page .ops-ent-side button.active,body.ops-enterprise-global .ops-ent-side button.active{background:rgba(183,255,53,.11)!important;outline:2px solid rgba(183,255,53,.45)!important}
body.ops-desktop-page .ops-nav b,body.ops-enterprise-global .ops-nav b,body.ops-desktop-page .ops-ent-side button b,body.ops-enterprise-global .ops-ent-side button b{font-size:14px!important;line-height:1.05!important;color:#fff!important}body.ops-desktop-page .ops-nav small,body.ops-enterprise-global .ops-nav small,body.ops-desktop-page .ops-ent-side button small,body.ops-enterprise-global .ops-ent-side button small{font-size:11px!important;color:rgba(255,255,255,.62)!important}
body.ops-desktop-page .ops-desktop-main,body.ops-enterprise-global .ops-desktop-main,body.ops-desktop-page .ops-ent-main,body.ops-enterprise-global .ops-ent-main{min-width:0!important;padding:28px!important;display:grid!important;gap:18px!important;align-content:start!important;overflow:visible!important}
body.ops-desktop-page .ops-desktop-hero,body.ops-enterprise-global .ops-desktop-hero,body.ops-desktop-page .ops-ent-hero,body.ops-enterprise-global .ops-ent-hero{border-radius:30px!important;background:linear-gradient(135deg,#074631 0%,#0b7358 62%,#259071 100%)!important;color:#fff!important;padding:28px 32px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;min-height:120px!important;box-shadow:0 18px 48px rgba(7,51,38,.14)!important;overflow:hidden!important}
body.ops-desktop-page .ops-desktop-hero h1,body.ops-enterprise-global .ops-desktop-hero h1,body.ops-desktop-page .ops-ent-hero h1,body.ops-enterprise-global .ops-ent-hero h1{font-size:38px!important;letter-spacing:-.045em!important;margin:6px 0!important;color:#fff!important}
body.ops-desktop-page .ops-desktop-hero p,body.ops-enterprise-global .ops-desktop-hero p,body.ops-desktop-page .ops-ent-hero p,body.ops-enterprise-global .ops-ent-hero p{color:rgba(255,255,255,.78)!important;max-width:720px!important}
body.ops-desktop-page .ops-desktop-hero small,body.ops-enterprise-global .ops-desktop-hero small,body.ops-desktop-page .ops-ent-hero small,body.ops-enterprise-global .ops-ent-hero small{text-transform:uppercase!important;letter-spacing:.16em!important;color:#d8ff9b!important;font-size:11px!important;font-weight:1000!important}
body.ops-desktop-page .ops-stats,body.ops-enterprise-global .ops-stats,body.ops-desktop-page .ops-ent-kpis,body.ops-enterprise-global .ops-ent-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.ops-stat,.ops-ent-kpis>div{border-radius:22px!important;background:#fff!important;border:1px solid rgba(15,107,79,.12)!important;padding:18px 20px!important;box-shadow:0 12px 30px rgba(6,63,51,.055)!important}.ops-stat strong,.ops-ent-kpis b{font-size:30px!important;color:#0f6b4f!important}
body.ops-desktop-page .ops-work-grid,body.ops-enterprise-global .ops-work-grid{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(360px,.75fr)!important;gap:18px!important;align-items:start!important}.ops-work-grid-booking{grid-template-columns:minmax(0,1.6fr) minmax(390px,.8fr)!important}
body.ops-desktop-page .ops-panel,body.ops-enterprise-global .ops-panel{border-radius:28px!important;background:#fff!important;border:1px solid rgba(15,107,79,.12)!important;box-shadow:0 18px 46px rgba(6,63,51,.065)!important;overflow:hidden!important}.ops-panel h2{letter-spacing:-.03em!important}.ops-panel-head{padding:20px 22px!important;border-bottom:1px solid rgba(15,107,79,.10)!important;background:linear-gradient(180deg,#fff,#fbfdfb)!important}.ops-table-wrap{overflow:auto!important;max-height:620px!important}.ops-table-wrap table{min-width:760px!important}.ops-table-wrap th{position:sticky!important;top:0!important;background:#eaf4ee!important;z-index:2!important;color:#073d31!important}.ops-table-wrap td,.ops-table-wrap th{padding:14px 16px!important;border-bottom:1px solid rgba(15,107,79,.08)!important}
body.ops-desktop-page .field-input,body.ops-enterprise-global .field-input{height:46px!important;border-radius:14px!important;border:1px solid rgba(15,107,79,.18)!important;background:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)!important}.ops-form-stack{padding:20px!important;gap:13px!important}.ops-form-stack label span{font-size:10px!important;letter-spacing:.13em!important;text-transform:uppercase!important;font-weight:1000!important;color:#65756d!important}
/* Better enterprise booking board */
.ops-ent-board-scroll,.p3i5c-board-scroll{max-height:660px!important;overflow:auto!important;border-top:1px solid rgba(15,107,79,.08)!important}.ops-ent-board-table,.p3i5c-board{min-width:1180px!important;border-collapse:separate!important;border-spacing:0!important}.ops-ent-board-table th,.p3i5c-board th{position:sticky!important;top:0!important;z-index:3!important;background:#e7f2ec!important;padding:14px 12px!important;color:#073d31!important;font-weight:1000!important}.ops-ent-board-table td,.p3i5c-board td{min-width:118px!important;height:64px!important;padding:12px!important;border-bottom:1px solid rgba(15,107,79,.08)!important;border-right:1px solid rgba(15,107,79,.06)!important}.ops-ent-board-table .time-col,.p3i5c-board td:first-child,.p3i5c-board th:first-child{position:sticky!important;left:0!important;z-index:4!important;background:#f7fbf8!important;font-weight:1000!important;color:#073d31!important;min-width:76px!important}
@media(max-width:1280px){body.ops-desktop-page .ops-desktop-shell,body.ops-enterprise-global .ops-desktop-shell{grid-template-columns:240px minmax(0,1fr)!important}.ops-work-grid,.ops-work-grid-booking,.ops-ent-grid{grid-template-columns:1fr!important}.ops-stats,.ops-ent-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:899px){body.ops-desktop-page .ops-desktop-shell,body.ops-enterprise-global .ops-desktop-shell{display:block!important;width:calc(100vw - 24px)!important}.ops-desktop-sidebar,.ops-ent-side,.ops-desktop-main,.ops-ent-main{display:none!important}}
.p3i5h-enterprise-admin-marker{--p3i5h:1}

/* PHASE 3I.5I — definitive mobile booking sheet + enterprise OPS shell */
body.slot-panel-open{overflow:hidden!important}
.p3i5g-slot-backdrop,.p3i5g-slot-drawer{display:none!important;pointer-events:none!important}
.p3i5i-slot-backdrop{position:fixed!important;inset:0!important;background:rgba(8,35,28,.46)!important;backdrop-filter:blur(5px)!important;z-index:9980!important;pointer-events:auto!important}
.p3i5i-slot-sheet{position:fixed!important;left:50%!important;bottom:14px!important;transform:translateX(-50%)!important;width:min(430px,calc(100vw - 22px))!important;max-height:min(78vh,720px)!important;background:linear-gradient(180deg,#fff,#f8fcf9)!important;border:1px solid rgba(15,107,79,.16)!important;border-radius:28px!important;box-shadow:0 30px 90px rgba(5,45,34,.28)!important;z-index:9990!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;pointer-events:auto!important}
.p3i5i-slot-sheet header{padding:18px 18px 14px!important;display:flex!important;justify-content:space-between!important;gap:12px!important;border-bottom:1px solid rgba(15,107,79,.12)!important;background:rgba(255,255,255,.92)!important;flex-shrink:0!important}
.p3i5i-slot-sheet small{text-transform:uppercase!important;letter-spacing:.16em!important;font-weight:1000!important;color:#6b7b73!important;font-size:10px!important}.p3i5i-slot-sheet h3{margin:4px 0!important;font-size:20px!important;line-height:1.1!important;color:#073d31!important}.p3i5i-slot-sheet p{margin:0!important;color:#5f7068!important;font-size:13px!important;line-height:1.35!important}.p3i5i-close{min-width:74px!important;height:46px!important;border:0!important;border-radius:18px!important;background:#eff8f2!important;color:#073d31!important;font-weight:1000!important;cursor:pointer!important}
.p3i5i-slot-grid{padding:16px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;overflow:auto!important;max-height:calc(78vh - 130px)!important}.p3i5i-slot{min-height:84px!important;border-radius:18px!important;border:1px solid rgba(15,107,79,.16)!important;background:#fff!important;box-shadow:0 8px 18px rgba(6,63,51,.055)!important;display:grid!important;place-items:center!important;gap:2px!important;padding:10px 8px!important;cursor:pointer!important;color:#073d31!important;overflow:visible!important}.p3i5i-slot strong{font-size:15px!important;line-height:1.05!important;white-space:nowrap!important}.p3i5i-slot span{font-size:14px!important;font-weight:1000!important;color:#087b5b!important;line-height:1!important}.p3i5i-slot em{font-size:10px!important;color:#8a9a92!important;font-style:normal!important}.p3i5i-slot.is-open:hover{border-color:#b7ff35!important;box-shadow:0 12px 24px rgba(7,120,82,.12)!important;transform:translateY(-1px)!important}.p3i5i-slot.is-closed{opacity:.48!important;cursor:not-allowed!important}.p3i5i-loading,.p3i5i-empty{padding:30px!important;text-align:center!important;color:#66776f!important;font-weight:800!important}
@media(max-width:420px){.p3i5i-slot-grid{grid-template-columns:1fr!important}.p3i5i-slot-sheet{bottom:8px!important;width:calc(100vw - 16px)!important}}

body.opsx-page .app-shell,body.opsx-page .app-main{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important}body.opsx-page .bottom-nav,body.opsx-page .quick-fab,body.opsx-page #topbarCartButton{display:none!important}.opsx-shell{width:min(1720px,calc(100vw - 36px))!important;margin:24px auto 70px!important;display:grid!important;grid-template-columns:292px minmax(0,1fr)!important;gap:0!important;border-radius:34px!important;overflow:hidden!important;background:linear-gradient(135deg,#fff,#f7fbf8)!important;border:1px solid rgba(15,107,79,.12)!important;box-shadow:0 24px 88px rgba(6,63,51,.10)!important}.opsx-side{background:linear-gradient(180deg,#0b4a37,#052d22)!important;color:#fff!important;padding:26px 18px!important;display:grid!important;align-content:start!important;gap:12px!important;min-height:calc(100vh - 160px)!important}.opsx-brand{display:flex!important;gap:14px!important;align-items:center!important;padding:18px!important;border-radius:24px!important;background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.16)!important;margin-bottom:10px!important}.opsx-logo{width:50px!important;height:50px!important;border-radius:17px!important;background:#d8ff9b!important;color:#073d31!important;display:grid!important;place-items:center!important;font-weight:1000!important}.opsx-brand b{display:block!important;font-size:18px!important}.opsx-brand span{display:block!important;color:rgba(255,255,255,.68)!important;font-size:12px!important}.opsx-side button{border:0!important;background:transparent!important;color:#fff!important;border-radius:18px!important;padding:14px!important;display:grid!important;grid-template-columns:40px 1fr!important;gap:12px!important;align-items:center!important;text-align:left!important;cursor:pointer!important}.opsx-side button>span{width:40px!important;height:40px!important;border-radius:14px!important;background:rgba(255,255,255,.10)!important;display:grid!important;place-items:center!important}.opsx-side button b{font-size:15px!important;color:#fff!important}.opsx-side button small{display:block!important;color:rgba(255,255,255,.60)!important;font-size:11px!important}.opsx-side button.active{background:rgba(183,255,53,.12)!important;outline:2px solid rgba(183,255,53,.45)!important}.opsx-main{min-width:0!important;padding:28px!important;display:grid!important;gap:18px!important;align-content:start!important}.opsx-hero{border-radius:30px!important;background:linear-gradient(135deg,#074631,#0b7358 62%,#259071)!important;color:#fff!important;padding:28px 34px!important;min-height:126px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;box-shadow:0 18px 48px rgba(7,51,38,.14)!important}.opsx-hero small{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.16em!important;color:#d8ff9b!important;font-weight:1000!important}.opsx-hero h1{margin:5px 0!important;color:#fff!important;font-size:38px!important;letter-spacing:-.045em!important}.opsx-hero p{margin:0!important;color:rgba(255,255,255,.80)!important;max-width:760px!important}.opsx-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important}.opsx-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.opsx-kpis>div{border-radius:22px!important;background:#fff!important;border:1px solid rgba(15,107,79,.12)!important;padding:18px 20px!important;box-shadow:0 12px 30px rgba(6,63,51,.055)!important}.opsx-kpis span{display:block!important;text-transform:uppercase!important;letter-spacing:.13em!important;font-size:10px!important;color:#64756d!important;font-weight:1000!important}.opsx-kpis b{font-size:32px!important;color:#0f6b4f!important}.opsx-booking-grid{display:grid!important;grid-template-columns:minmax(0,1.7fr) 420px!important;gap:18px!important;align-items:start!important}.opsx-card{background:#fff!important;border:1px solid rgba(15,107,79,.12)!important;border-radius:28px!important;box-shadow:0 18px 46px rgba(6,63,51,.065)!important;overflow:hidden!important}.opsx-board{grid-row:span 2!important}.opsx-card-head{padding:20px 22px!important;border-bottom:1px solid rgba(15,107,79,.10)!important;background:linear-gradient(180deg,#fff,#fbfdfb)!important;display:flex!important;justify-content:space-between!important;gap:14px!important;align-items:start!important}.opsx-card-head small{text-transform:uppercase!important;letter-spacing:.16em!important;font-weight:1000!important;color:#697970!important;font-size:10px!important}.opsx-card-head h2{margin:3px 0!important;font-size:24px!important;letter-spacing:-.03em!important}.opsx-card-head p{margin:0!important;color:#66776f!important}.opsx-board-scroll,.opsx-table-scroll{overflow:auto!important;max-height:650px!important}.opsx-board table,.opsx-table table{border-collapse:separate!important;border-spacing:0!important;width:100%!important;min-width:900px!important}.opsx-board th,.opsx-board td,.opsx-table th,.opsx-table td{padding:15px 16px!important;border-bottom:1px solid rgba(15,107,79,.08)!important;border-right:1px solid rgba(15,107,79,.06)!important;vertical-align:top!important}.opsx-board thead th,.opsx-table thead th{position:sticky!important;top:0!important;background:#eaf4ee!important;z-index:2!important;color:#073d31!important;font-size:12px!important}.opsx-board tbody th{position:sticky!important;left:0!important;background:#f7fbf8!important;z-index:1!important;color:#073d31!important}.opsx-board td.free b{font-weight:800!important;color:#85948d!important}.opsx-board td.busy{background:#fff3e8!important}.opsx-board td.busy b{display:block!important;color:#073d31!important}.opsx-board td.busy span,.opsx-board td.busy em{display:block!important;font-size:11px!important;color:#7b5a32!important}.opsx-form-grid{padding:20px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}.opsx-form-grid.one{grid-template-columns:1fr!important}.opsx-form-grid .wide{grid-column:1/-1!important}.opsx-form-grid label span{display:block!important;text-transform:uppercase!important;letter-spacing:.13em!important;font-size:10px!important;font-weight:1000!important;color:#67776f!important;margin-bottom:6px!important}.opsx-shell .field-input{height:48px!important;border-radius:14px!important;border:1px solid rgba(15,107,79,.18)!important;background:#fff!important}.opsx-filters{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:10px!important;min-width:520px!important}.opsx-status{display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding:5px 10px!important;background:#eaf7ed!important;color:#0f6b4f!important;font-size:11px!important;font-weight:1000!important;text-transform:uppercase!important}.opsx-status.held{background:#fff3cc!important;color:#8a6400!important}.opsx-status.expired,.opsx-status.cancelled{background:#ffe2dc!important;color:#a33b28!important}.opsx-empty{padding:30px!important;text-align:center!important;color:#66776f!important}.opsx-two{display:grid!important;grid-template-columns:minmax(0,1.35fr) 420px!important;gap:18px!important}.opsx-mobile-block{padding:24px!important}.opsx-mobile-block article{background:#fff!important;border-radius:28px!important;padding:28px!important;box-shadow:0 18px 44px rgba(6,63,51,.10)!important}
@media(max-width:1280px){.opsx-shell{grid-template-columns:248px minmax(0,1fr)!important}.opsx-booking-grid,.opsx-two{grid-template-columns:1fr!important}.opsx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.opsx-hero{align-items:flex-start!important;flex-direction:column!important}.opsx-filters{min-width:0!important;grid-template-columns:1fr!important}}
.p3i5i-enterprise-admin-marker{--p3i5i:1}

/* PHASE 3I.5J — stable mobile booking + global enterprise OPS shell */
body.slot-panel-open{overflow:auto!important}.p3i5g-slot-backdrop,.p3i5g-slot-drawer{display:none!important;pointer-events:none!important}
.p3i5j-booking{max-width:430px;margin:0 auto;padding:14px 10px 96px}.p3i5j-hero{background:linear-gradient(135deg,#004d3b,#0b8063);color:#fff;border-radius:24px;padding:18px;display:flex;justify-content:space-between;gap:12px;box-shadow:0 18px 45px rgba(0,77,59,.22)}.p3i5j-hero small{letter-spacing:.18em;text-transform:uppercase;color:#c9ff71;font-weight:900}.p3i5j-hero h1{margin:6px 0;font-size:24px;line-height:1}.p3i5j-hero p{margin:0;line-height:1.35;color:rgba(255,255,255,.9)}.p3i5j-hero button{border:0;border-radius:14px;padding:10px 12px;font-weight:900;background:#fff;color:#054536;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.p3i5j-tabs{margin:12px 0;background:#fff;border:1px solid rgba(0,77,59,.12);border-radius:20px;padding:5px;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 12px 30px rgba(0,77,59,.08)}.p3i5j-tabs button{border:0;background:transparent;border-radius:16px;padding:12px 10px;font-weight:900;color:#395b50}.p3i5j-tabs button.active{background:#014b39;color:#fff;box-shadow:inset 0 -3px #bcff45}
.p3i5j-membership,.p3i5j-weekbar,.p3i5j-court{background:#fff;border:1px solid rgba(0,77,59,.1);border-radius:22px;box-shadow:0 10px 28px rgba(0,77,59,.08)}.p3i5j-membership{padding:16px;margin:12px 0;background:linear-gradient(135deg,#f4ffe8,#fff)}.p3i5j-membership small{display:block;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:#5f766c}.p3i5j-membership b{display:block;font-size:16px;color:#034331}.p3i5j-membership span{display:block;color:#55746a;font-size:13px;margin-top:4px}.p3i5j-weekbar{padding:10px;margin:12px 0;display:flex;align-items:center;justify-content:space-between}.p3i5j-weekbar button{width:42px;height:42px;border-radius:14px;border:1px solid rgba(0,77,59,.12);background:#fff;font-weight:900;color:#034331}.p3i5j-weekbar b{color:#034331}
.p3i5j-courts{display:flex;flex-direction:column;gap:12px}.p3i5j-court{padding:12px;overflow:hidden}.p3i5j-court-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}.p3i5j-court-badge{width:48px;height:48px;border-radius:16px;background:#caff66;color:#064333;display:flex;align-items:center;justify-content:center;font-weight:900}.p3i5j-court h3{margin:0;font-size:17px;color:#034331}.p3i5j-court p{margin:2px 0 0;color:#60756e;font-size:12px;line-height:1.35}.p3i5j-calendar{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(72px,1fr);gap:7px;overflow-x:auto;padding:2px 0 10px;scroll-snap-type:x proximity}.p3i5j-day{min-height:74px;border-radius:14px;border:1px solid rgba(0,77,59,.14);background:#fff;color:#034331;padding:8px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;scroll-snap-align:start}.p3i5j-day span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#61766f;font-weight:900}.p3i5j-day b{font-size:19px}.p3i5j-day em{font-style:normal;font-size:10px;font-weight:900}.p3i5j-day small{font-size:10px;color:#5e746b}.p3i5j-day.selected{background:#034331;color:#fff;border-color:#034331}.p3i5j-day.selected span,.p3i5j-day.selected small{color:rgba(255,255,255,.82)}.p3i5j-day.full{opacity:.55;background:#f6f7f4}.p3i5j-inline-slots{margin-top:12px;padding:12px;border-radius:18px;background:linear-gradient(180deg,#f7fff2,#fff);border:1px solid rgba(0,77,59,.1)}.p3i5j-inline-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.p3i5j-inline-head small{display:block;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#61766f}.p3i5j-inline-head b{font-size:16px;color:#034331}.p3i5j-inline-head button{border:0;border-radius:12px;background:#fff;padding:10px 12px;font-weight:900;color:#034331;box-shadow:0 8px 18px rgba(0,0,0,.08)}.p3i5j-slot-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.p3i5j-slot{border:1px solid rgba(0,77,59,.14);border-radius:15px;background:#fff;min-height:74px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#034331;box-shadow:0 6px 14px rgba(0,77,59,.05)}.p3i5j-slot small{font-size:10px;color:#70827b;font-weight:900}.p3i5j-slot b{font-size:14px}.p3i5j-slot span{font-weight:900}.p3i5j-slot.closed{opacity:.45}.p3i5j-no-slot{grid-column:1/-1;padding:16px;text-align:center;color:#64766f}.p3i5j-sessions{display:flex;flex-direction:column;gap:10px}.p3i5j-sessions article{display:flex;justify-content:space-between;gap:12px;padding:14px;background:#fff;border-radius:18px;border:1px solid rgba(0,77,59,.1);box-shadow:0 8px 22px rgba(0,77,59,.08)}.p3i5j-sessions h3{margin:3px 0;color:#034331}.p3i5j-sessions p,.p3i5j-sessions em{display:block;margin:0;color:#667970;font-size:12px}.p3i5j-sessions small{letter-spacing:.12em;text-transform:uppercase;color:#0b8063;font-weight:900}.p3i5j-sessions strong{display:block;color:#034331;margin-bottom:8px;white-space:nowrap}
@media (min-width:900px){.opsx-shell,.opsj-shell{max-width:none!important;width:min(1720px,calc(100vw - 72px))!important;margin:22px auto!important;border-radius:32px!important;background:#fff!important;box-shadow:0 24px 70px rgba(0,55,42,.13)!important;display:grid!important;grid-template-columns:270px minmax(0,1fr)!important;min-height:calc(100vh - 190px)!important;overflow:hidden!important}.opsj-side{background:linear-gradient(180deg,#073f31,#02281f)!important;color:#fff!important;padding:24px 18px!important;display:flex!important;flex-direction:column!important;gap:14px!important}.opsj-brand{display:flex!important;gap:13px!important;align-items:center!important;background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:22px!important;padding:16px!important;margin-bottom:10px!important}.opsj-brand b{width:52px;height:52px;border-radius:17px;background:#c9ff64;color:#064333;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px}.opsj-brand strong{display:block;font-size:17px}.opsj-brand span{font-size:12px;color:rgba(255,255,255,.72)}.opsj-nav{border:0;background:transparent;color:#fff;text-align:left;border-radius:18px;padding:14px 14px;display:grid;grid-template-columns:42px 1fr;column-gap:11px;align-items:center;cursor:pointer}.opsj-nav i{grid-row:1/3;width:38px;height:38px;border-radius:14px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-style:normal}.opsj-nav b{font-size:15px}.opsj-nav span{font-size:11px;color:rgba(255,255,255,.68)}.opsj-nav.active{background:rgba(161,255,75,.14);box-shadow:inset 3px 0 #c9ff64}.opsj-main{padding:28px!important;min-width:0!important;overflow:visible!important}.opsj-hero{background:linear-gradient(135deg,#064d3b,#119371);color:#fff;border-radius:28px;padding:28px 32px;display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px;box-shadow:0 20px 50px rgba(0,77,59,.18)}.opsj-hero small{letter-spacing:.18em;text-transform:uppercase;color:#c9ff64;font-weight:900}.opsj-hero h1{font-size:34px;line-height:1;margin:7px 0}.opsj-hero p{margin:0;color:rgba(255,255,255,.84)}.opsj-hero button{border:0;border-radius:14px;padding:12px 18px;background:#fff;color:#064333;font-weight:900;margin-left:8px}.opsj-hero button.primary{background:#007f62;color:#fff}.opsj-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.opsj-kpi div{background:#fff;border:1px solid rgba(0,77,59,.1);border-radius:20px;padding:18px 20px;box-shadow:0 10px 28px rgba(0,77,59,.07)}.opsj-kpi span{display:block;letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:#66766f;font-weight:900}.opsj-kpi b{font-size:28px;color:#057459}.opsj-card{background:#fff;border:1px solid rgba(0,77,59,.1);border-radius:24px;box-shadow:0 14px 34px rgba(0,77,59,.08);overflow:hidden}.opsj-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid rgba(0,77,59,.08)}.opsj-card-head small{display:block;letter-spacing:.18em;text-transform:uppercase;color:#65756f;font-weight:900}.opsj-card-head h2{margin:4px 0;font-size:21px;color:#034331}.opsj-card-head p{margin:0;color:#65756f}.opsj-booking-grid{display:grid;grid-template-columns:minmax(720px,1fr) 390px;grid-template-areas:'board create' 'table create';gap:18px;align-items:start}.opsj-board{grid-area:board}.opsj-create{grid-area:create}.opsj-table{grid-area:table}.opsj-board-scroll,.opsj-table-scroll{overflow:auto;max-height:520px}.opsj-board table,.opsj-table table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.opsj-board th,.opsj-board td,.opsj-table th,.opsj-table td{padding:13px 14px;border-bottom:1px solid rgba(0,77,59,.08);border-right:1px solid rgba(0,77,59,.05);vertical-align:middle}.opsj-board thead th,.opsj-table thead th{position:sticky;top:0;background:#eaf6ef;color:#034331;z-index:1;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.opsj-board tbody th{position:sticky;left:0;background:#fff;color:#034331;z-index:1}.opsj-board td.free{color:#628077;background:#fbfffd}.opsj-board td.busy{background:#fff4df;color:#034331}.opsj-board td b{display:block}.opsj-board td span,.opsj-board td em{display:block;font-size:11px;font-style:normal;color:#65756f}.opsj-form{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.opsj-form.one{grid-template-columns:1fr}.opsj-form label{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#5d716a;font-weight:900}.opsj-form .field-input,.opsj-filters .field-input,.opsj-card-head .field-input{width:100%;height:44px;border-radius:12px}.opsj-form .wide{grid-column:1/-1}.opsj-filters{display:flex;gap:8px}.opsj-two{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}.opsj-status{display:inline-flex;border-radius:999px;background:#e9f8ec;color:#047154;padding:5px 10px;font-size:11px;text-transform:uppercase;font-weight:900}.opsj-status.cancelled,.opsj-status.expired{background:#fff0ee;color:#bd3328}.opsj-status.held{background:#fff6d8;color:#9a6b00}.opsj-status.booked{background:#e9f8ec;color:#047154}.btn.danger{color:#b62d21!important}.opsj-empty{text-align:center;color:#6d7e77;padding:24px!important}.opsj-mobile-block{padding:40px}.opsj-mobile-block article{background:#fff;border-radius:22px;padding:24px;text-align:center}}


/* PHASE 3I.5K — definitive mobile booking + global enterprise admin shell */
body.booking-mobile-page{overflow-x:hidden!important;background:var(--app-bg,#edf3e9)!important}.booking-mobile-page #appShell,.booking-mobile-page .app-shell,.booking-mobile-page main{max-width:100vw!important;overflow-x:hidden!important}.p3i5k-booking{width:min(100%,430px);max-width:430px;margin:0 auto 98px!important;padding:12px 10px 110px!important;box-sizing:border-box;overflow-x:hidden}.p3i5k-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#064b38,#0d8b69);color:white;border-radius:22px;padding:18px 16px;box-shadow:0 16px 40px rgba(0,60,40,.20);overflow:hidden}.p3i5k-hero small,.p3i5k-hero h1,.p3i5k-hero p{margin:0}.p3i5k-hero small{text-transform:uppercase;letter-spacing:.14em;color:#d7ff85;font-weight:900;font-size:11px}.p3i5k-hero h1{font-size:22px;line-height:1.05;margin-top:5px}.p3i5k-hero p{font-size:12px;opacity:.92;line-height:1.35;margin-top:7px}.p3i5k-hero button{border:0;border-radius:14px;background:#fff;color:#064b38;font-weight:900;padding:11px 13px;box-shadow:0 8px 18px rgba(0,0,0,.12)}.p3i5k-tabs{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid rgba(5,70,52,.12);border-radius:18px;padding:5px;margin:12px 0;box-shadow:0 8px 22px rgba(5,35,25,.06)}.p3i5k-tabs button{min-width:0;border:0;border-radius:14px;background:transparent;color:#38564d;font-weight:900;padding:12px 8px}.p3i5k-tabs button.active{background:#064b38;color:#fff;box-shadow:inset 0 -3px 0 #b7ff4b}.p3i5k-membership,.p3i5k-weekbar,.p3i5k-empty{background:#fff;border:1px solid rgba(5,70,52,.10);border-radius:18px;padding:14px 16px;box-shadow:0 10px 26px rgba(5,40,25,.06);margin:12px 0}.p3i5k-membership small{text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#687e75;display:block}.p3i5k-membership b{display:block;color:#064b38;font-size:15px;margin:4px 0}.p3i5k-membership span{font-size:12px;color:#45665d}.p3i5k-weekbar{display:flex;align-items:center;justify-content:space-between}.p3i5k-weekbar button{width:42px;height:42px;border:1px solid rgba(5,70,52,.13);border-radius:14px;background:#fff;font-weight:900}.p3i5k-court-stack{display:flex;flex-direction:column;gap:14px}.p3i5k-court{background:#fff;border:1px solid rgba(5,70,52,.11);border-radius:22px;padding:14px 12px;box-shadow:0 12px 32px rgba(5,40,25,.07);overflow:hidden}.p3i5k-court header{display:flex;gap:12px;align-items:center;margin-bottom:12px}.p3i5k-court h2{font-size:17px;margin:0;color:#064b38}.p3i5k-court p{font-size:11px;margin:3px 0 0;color:#62766d}.p3i5k-court-badge{width:48px;height:48px;display:grid;place-items:center;background:#b7ff4b;color:#064b38;border-radius:15px;font-weight:950;font-size:18px;flex:0 0 auto}.p3i5k-day-row{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0 2px 8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.p3i5k-day-row::-webkit-scrollbar{height:5px}.p3i5k-day-row::-webkit-scrollbar-thumb{background:rgba(5,70,52,.25);border-radius:999px}.p3i5k-day{scroll-snap-align:start;flex:0 0 70px;width:70px;height:78px;border:1px solid rgba(5,70,52,.13);border-radius:14px;background:#fff;color:#064b38;text-align:center;padding:7px 4px;box-sizing:border-box}.p3i5k-day span,.p3i5k-day small{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.p3i5k-day b{display:block;font-size:19px;line-height:1.05}.p3i5k-day em{display:block;font-style:normal;font-weight:900;font-size:9px;white-space:nowrap}.p3i5k-day.selected{background:#064b38;color:#fff;border-color:#064b38}.p3i5k-day.full{opacity:.55}.p3i5k-slots{margin-top:12px;border-top:1px solid rgba(5,70,52,.10);padding-top:14px}.p3i5k-slot-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.p3i5k-slot-head small{text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#7b8f86}.p3i5k-slot-head h3{font-size:16px;color:#064b38;margin:2px 0 0}.p3i5k-slot-head button{border:0;border-radius:14px;background:#eef5ef;color:#064b38;font-weight:900;padding:9px 13px}.p3i5k-slot-list{display:grid;grid-template-columns:1fr;gap:8px;max-height:none!important;overflow:visible!important}.p3i5k-slot{border:1px solid rgba(5,70,52,.13);border-radius:15px;background:#fff;min-height:70px;padding:10px;text-align:center;color:#064b38;box-shadow:0 6px 16px rgba(5,40,25,.04)}.p3i5k-slot span,.p3i5k-slot em{display:block;font-size:10px;font-weight:900;color:#70857c}.p3i5k-slot b{display:block;font-size:17px;line-height:1.1}.p3i5k-slot strong{display:block;font-size:15px}.p3i5k-slot.is-closed{opacity:.55;background:#f7faf6}.p3i5k-session-list{display:flex;flex-direction:column;gap:12px}.p3i5k-session{background:#fff;border:1px solid rgba(5,70,52,.11);border-radius:20px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:10px;box-shadow:0 10px 28px rgba(5,40,25,.06)}.p3i5k-session small{letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:#0d8b69}.p3i5k-session h2{font-size:16px;margin:4px 0;color:#064b38}.p3i5k-session p,.p3i5k-session em{font-size:11px;color:#5f746b;font-style:normal}.p3i5k-session button{border:0;border-radius:12px;background:#064b38;color:#fff;font-weight:900;padding:9px 12px}.p3i5k-cart-btn{width:44px;height:44px;min-width:44px;border:0;border-radius:15px;background:#064b38;color:#fff;display:grid;place-items:center;position:relative;box-shadow:0 12px 26px rgba(0,60,40,.22);z-index:110}.p3i5k-cart-btn em{position:absolute;right:-5px;top:-7px;background:#b7ff4b;color:#064b38;border-radius:999px;min-width:18px;height:18px;display:grid;place-items:center;font-size:11px;font-style:normal;font-weight:950;border:2px solid #fff}.p3i5k-cart-backdrop{position:fixed;inset:0;background:rgba(5,25,18,.35);z-index:9998}.p3i5k-cart-drawer{position:fixed;right:12px;top:82px;width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 110px);background:#fff;border-radius:22px;box-shadow:0 28px 70px rgba(0,0,0,.25);z-index:9999;display:flex;flex-direction:column;overflow:hidden}.p3i5k-cart-drawer header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(5,70,52,.1)}.p3i5k-cart-drawer h2{margin:0;color:#064b38}.p3i5k-cart-drawer button{border:0;border-radius:12px;background:#eef5ef;color:#064b38;font-weight:900;padding:9px 12px}.p3i5k-cart-body{padding:12px;overflow:auto}.p3i5k-cart-row{display:grid;grid-template-columns:1fr auto 34px;gap:8px;align-items:center;border:1px solid rgba(5,70,52,.1);border-radius:15px;padding:10px;margin-bottom:8px}.p3i5k-cart-row b,.p3i5k-cart-row span,.p3i5k-cart-row small{display:block}.p3i5k-cart-row b{color:#064b38}.p3i5k-cart-row span,.p3i5k-cart-row small{font-size:11px;color:#64776f}.p3i5k-cart-drawer footer{padding:14px 16px;border-top:1px solid rgba(5,70,52,.1);display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.p3i5k-cart-drawer footer button{grid-column:1/-1;background:#0d8b69;color:#fff}.bottom-nav{z-index:300!important}.quick-fab,.floating-action,.padel-ball-fab{z-index:220!important}

body.ops-desktop-page{background:#eef4ec!important;overflow-x:hidden}.opsk-shell{width:min(1680px,calc(100vw - 56px));margin:28px auto 80px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:stretch}.opsk-side{background:linear-gradient(180deg,#064b38,#032f24);border-radius:28px;padding:22px;min-height:760px;color:#fff;box-shadow:0 24px 60px rgba(0,60,40,.18);position:sticky;top:92px;height:calc(100vh - 120px)}.opsk-brand{display:flex;gap:13px;align-items:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:19px;padding:14px;margin-bottom:24px}.opsk-brand>b{width:48px;height:48px;display:grid;place-items:center;background:#b7ff4b;color:#064b38;border-radius:15px;font-size:20px}.opsk-brand strong,.opsk-brand span{display:block}.opsk-brand span{font-size:12px;opacity:.75}.opsk-nav{width:100%;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;text-align:left;border:1px solid transparent;background:transparent;color:#fff;border-radius:18px;padding:13px;margin:7px 0}.opsk-nav i{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.10);font-style:normal}.opsk-nav b,.opsk-nav span{display:block}.opsk-nav span{font-size:11px;opacity:.76}.opsk-nav.active{background:rgba(255,255,255,.12);border-color:#b7ff4b;box-shadow:inset 4px 0 0 #b7ff4b}.opsk-main{min-width:0}.opsk-hero{background:linear-gradient(135deg,#064b38,#15906f);border-radius:28px;padding:28px 34px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 22px 52px rgba(0,60,40,.18);margin-bottom:18px}.opsk-hero small{text-transform:uppercase;letter-spacing:.18em;color:#d8ff83;font-weight:950}.opsk-hero h1{font-size:38px;line-height:1;margin:8px 0}.opsk-hero p{margin:0;opacity:.88}.opsk-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.opsk-actions button{border:0;border-radius:14px;background:#fff;color:#064b38;font-weight:900;padding:12px 18px}.opsk-actions .primary{background:#087d61;color:#fff;box-shadow:inset 0 -3px 0 rgba(183,255,75,.7)}.opsk-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.opsk-kpis article{background:#fff;border:1px solid rgba(5,70,52,.10);border-radius:20px;padding:18px 22px;box-shadow:0 10px 28px rgba(5,40,25,.06)}.opsk-kpis span{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:11px;color:#5d746b;font-weight:950}.opsk-kpis b{font-size:30px;color:#0a6d53}.opsk-bookings-grid{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:18px;align-items:start}.opsk-card{background:#fff;border:1px solid rgba(5,70,52,.10);border-radius:24px;box-shadow:0 16px 42px rgba(5,40,25,.07);overflow:hidden}.opsk-card-head{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid rgba(5,70,52,.08)}.opsk-card-head small{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:950;color:#5e756c}.opsk-card-head h2{margin:4px 0;color:#064b38;font-size:24px}.opsk-card-head p{margin:0;color:#63786f;font-size:13px}.opsk-board{grid-row:span 2}.opsk-board-scroll{overflow:auto;max-height:610px}.opsk-board table,.opsk-table table{border-collapse:separate;border-spacing:0;width:100%;min-width:880px}.opsk-board th,.opsk-board td,.opsk-table th,.opsk-table td{border-right:1px solid rgba(5,70,52,.08);border-bottom:1px solid rgba(5,70,52,.08);padding:12px;vertical-align:top}.opsk-board thead th,.opsk-table thead th{position:sticky;top:0;background:#edf6f0;z-index:1;color:#064b38;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.opsk-board tbody th{position:sticky;left:0;background:#fff;color:#064b38;z-index:1}.opsk-board td.free{color:#8fa09a}.opsk-board td.busy{background:#fff5e6;color:#064b38}.opsk-board td b,.opsk-board td span,.opsk-board td em{display:block}.opsk-board td em{font-style:normal;font-size:10px;text-transform:uppercase;margin-top:4px}.opsk-form{align-self:start}.opsk-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 22px}.opsk-form-grid.one{grid-template-columns:1fr}.opsk-form-grid label{font-weight:900;color:#38564d;text-transform:uppercase;font-size:11px;letter-spacing:.1em}.opsk-form-grid .field-input{margin-top:6px;text-transform:none;letter-spacing:0;font-weight:600}.opsk-form-grid .wide{grid-column:1/-1}.opsk-table{grid-column:2}.opsk-table-scroll{overflow:auto;max-height:480px}.opsk-filters{display:grid;grid-template-columns:1fr;gap:8px;min-width:220px}.opsk-status{display:inline-flex;align-items:center;border-radius:999px;background:#e8f7e9;color:#064b38;padding:5px 9px;font-size:11px;font-weight:950;text-transform:uppercase}.opsk-status.cancelled,.opsk-status.released{background:#fde8e8;color:#9b1c1c}.opsk-status.held{background:#fff3c4;color:#7a5800}.opsk-empty{color:#7a8f86;text-align:center;padding:28px!important}.opsk-two{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:18px}.opsk-two .opsk-table{grid-column:auto}.opsk-mobile-block{min-height:70vh;display:grid;place-items:center}.opsk-mobile-block article{background:#fff;border-radius:24px;padding:24px;max-width:420px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.12)}.btn.danger,.danger{color:#9b1c1c!important;border-color:#fecaca!important;background:#fff5f5!important}@media(max-width:1200px){.opsk-shell{width:calc(100vw - 28px);grid-template-columns:240px minmax(0,1fr)}.opsk-bookings-grid,.opsk-two{grid-template-columns:1fr}.opsk-table{grid-column:auto}.opsk-side{height:auto;min-height:680px}.opsk-kpis{grid-template-columns:repeat(2,1fr)}}


/* PHASE 3I.5L — mobile booking fit + enterprise admin OPS */
body.booking-mobile-page{overflow-x:hidden!important;background:#eef5ea!important}.booking-mobile-page .screen-root{width:100%!important;max-width:430px!important;margin:0 auto!important;overflow:visible!important}.p3i5l-booking{width:100%!important;max-width:430px!important;margin:0 auto 96px!important;padding:12px!important;box-sizing:border-box!important;overflow:visible!important}.p3i5l-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#006146,#0b8b68);color:#fff;border-radius:26px;padding:18px;box-shadow:0 18px 40px rgba(0,75,50,.18);overflow:hidden}.p3i5l-hero small,.p3i5l-hero h1,.p3i5l-hero p{color:#fff}.p3i5l-hero h1{margin:4px 0;font-size:22px}.p3i5l-hero p{margin:0;font-size:13px;line-height:1.35}.p3i5l-hero button{border:0;border-radius:16px;background:#fff;color:#064b3a;font-weight:900;padding:12px 14px}.p3i5l-tabs{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:20px;padding:5px;margin:12px 0;box-shadow:0 8px 20px rgba(0,0,0,.06)}.p3i5l-tabs button{border:0;border-radius:16px;background:transparent;font-weight:900;color:#43655b;padding:12px}.p3i5l-tabs button.active{background:#004d39;color:#fff;box-shadow:inset 0 -3px #b9ff49}.p3i5l-membership,.p3i5l-court,.p3i5l-weekbar,.p3i5l-session,.p3i5l-slots{background:#fff;border:1px solid rgba(0,74,55,.1);border-radius:24px;box-shadow:0 12px 28px rgba(0,0,0,.05)}.p3i5l-membership{display:grid;padding:16px;margin:14px 0}.p3i5l-membership small,.p3i5l-slots small{letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:#75857f}.p3i5l-weekbar{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;margin:14px 0}.p3i5l-weekbar button,.p3i5l-slots header button{border:1px solid #dce7e2;background:#fff;border-radius:14px;font-weight:900;color:#064b3a;padding:10px 14px}.p3i5l-stack{display:grid;gap:14px}.p3i5l-court{padding:14px;overflow:hidden}.p3i5l-court-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}.p3i5l-badge{width:48px;height:48px;border-radius:16px;background:#b8ff52;color:#064b3a;font-weight:900;display:grid;place-items:center;flex:0 0 auto}.p3i5l-court h2{font-size:18px;margin:0}.p3i5l-court p{margin:3px 0 0;font-size:12px;color:#667}.p3i5l-day-row{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 8px;scroll-snap-type:x proximity}.p3i5l-day{min-width:68px;border:1px solid #dce7e2;background:#fff;border-radius:14px;padding:9px 6px;color:#064b3a;display:grid;place-items:center;gap:1px;scroll-snap-align:start}.p3i5l-day.selected{background:#004d39;color:#fff}.p3i5l-day span{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.p3i5l-day b{font-size:20px}.p3i5l-day em{font-size:10px;font-style:normal;font-weight:900}.p3i5l-day small{font-size:10px}.p3i5l-slots{padding:14px;margin-top:12px}.p3i5l-slots header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.p3i5l-slots h3{font-size:18px;margin:2px 0 0}.p3i5l-slot-list{display:grid;grid-template-columns:1fr;gap:9px}.p3i5l-slot{min-height:72px;border:1px solid #dce7e2;background:#fff;border-radius:16px;padding:10px 12px;color:#064b3a;display:grid;place-items:center;box-shadow:0 6px 16px rgba(0,0,0,.03)}.p3i5l-slot b{font-size:17px}.p3i5l-slot strong{font-size:15px}.p3i5l-slot.closed{opacity:.55;background:#f4f6f4}.p3i5l-session-list{display:grid;gap:12px}.p3i5l-session{display:flex;justify-content:space-between;gap:10px;padding:14px}.p3i5l-session button{border:0;border-radius:14px;background:#008262;color:#fff;font-weight:900;padding:10px 14px}.p3i5l-cart-btn{width:46px;height:46px;border:0;border-radius:14px;background:#006146;color:#fff;font-weight:900;margin-left:8px;position:relative;display:grid;place-items:center;box-shadow:0 10px 25px rgba(0,80,55,.22);z-index:50}.p3i5l-cart-btn em{position:absolute;right:-5px;top:-5px;background:#b8ff52;color:#004d39;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;font-size:11px;font-style:normal}.p3i5l-cart-backdrop{position:fixed;inset:0;background:rgba(1,35,25,.38);backdrop-filter:blur(4px);z-index:9998}.p3i5l-cart-drawer{position:fixed;z-index:9999;right:18px;top:110px;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 150px);background:#fff;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.22);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}.p3i5l-cart-drawer header,.p3i5l-cart-drawer footer{padding:14px;border-bottom:1px solid #e7eeea}.p3i5l-cart-drawer footer{border-bottom:0;border-top:1px solid #e7eeea;display:grid;gap:8px}.p3i5l-cart-drawer header{display:flex;justify-content:space-between;align-items:center}.p3i5l-cart-drawer button{border:0;border-radius:14px;background:#edf5f0;color:#064b3a;font-weight:900;padding:10px 12px}.p3i5l-cart-drawer footer button{background:#008262;color:#fff}.p3i5l-cart-body{padding:12px;overflow:auto}.p3i5l-cart-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid #e7eeea;border-radius:16px;padding:10px;margin-bottom:8px}.p3i5l-cart-row span,.p3i5l-cart-row small{display:block;color:#667;font-size:12px}@media(max-width:540px){.p3i5l-cart-drawer{left:14px;right:14px;top:96px;width:auto}.p3i5l-booking{padding-bottom:96px!important}.p3i5l-hero{border-radius:0;margin-left:-12px;margin-right:-12px}.p3i5l-slot-list{grid-template-columns:1fr}.p3i5l-cart-btn{width:42px;height:42px}}
body.ops-desktop-page{background:#eef5ea!important}.ops-desktop-page .screen-root{max-width:none!important;width:100%!important;margin:0!important}.opsl-shell{width:min(1680px,calc(100vw - 48px));margin:24px auto 56px;display:grid;grid-template-columns:260px 1fr;gap:24px}.opsl-side{position:sticky;top:96px;height:calc(100vh - 120px);background:linear-gradient(180deg,#064d3a,#003527);border-radius:28px;padding:18px;box-shadow:0 24px 60px rgba(0,45,32,.18);display:flex;flex-direction:column;gap:12px}.opsl-brand{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:16px;color:#fff;margin-bottom:12px}.opsl-brand span{width:48px;height:48px;border-radius:15px;background:#c6ff63;color:#064d3a;display:grid;place-items:center;font-weight:900}.opsl-brand b,.opsl-brand small{display:block;color:#fff}.opsl-side button{border:0;border-radius:18px;background:transparent;color:#eafff6;display:flex;gap:12px;align-items:center;text-align:left;padding:14px;font-weight:900}.opsl-side button.active{background:rgba(255,255,255,.12);outline:2px solid #aaff41}.opsl-side button small{display:block;font-size:11px;opacity:.8}.opsl-main{min-width:0}.opsl-hero{background:linear-gradient(135deg,#07573f,#0b8b68);border-radius:28px;padding:28px 34px;color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:center;box-shadow:0 20px 60px rgba(0,70,50,.14)}.opsl-hero h1{font-size:36px;margin:5px 0}.opsl-hero p,.opsl-hero small{color:#fff}.opsl-hero>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.opsl-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.opsl-kpis article{background:#fff;border:1px solid #dfe9e4;border-radius:20px;padding:18px;box-shadow:0 10px 28px rgba(0,0,0,.04)}.opsl-kpis small{letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:#6c7b75}.opsl-kpis b{display:block;font-size:30px;color:#00745a}.opsl-bookings{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}.opsl-left{display:grid;gap:18px;min-width:0}.opsl-right{position:sticky;top:96px;display:grid;gap:18px}.opsl-card{background:#fff;border:1px solid #dfe9e4;border-radius:24px;box-shadow:0 18px 48px rgba(0,0,0,.06);overflow:hidden}.opsl-head{display:flex;justify-content:space-between;gap:14px;align-items:start;padding:20px 22px;border-bottom:1px solid #edf3f0}.opsl-head h2{margin:4px 0;font-size:24px}.opsl-head p{margin:0;color:#6b7973}.opsl-head small{text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#6b7973}.opsl-filters{display:flex;gap:8px;flex-wrap:wrap}.opsl-grid{display:grid;grid-template-columns:90px repeat(var(--cols,6),minmax(130px,1fr));overflow:auto;max-height:620px}.opsl-th,.opsl-time{position:sticky;top:0;background:#eaf4ef;font-weight:900;color:#064b3a;border-bottom:1px solid #dfe9e4;padding:13px;text-align:center}.opsl-time{left:0;z-index:3;background:#fff;text-align:left}.opsl-cell{min-height:64px;border:0;border-right:1px solid #e8efec;border-bottom:1px solid #e8efec;background:#fbfdfb;color:#688178;text-align:left;padding:10px;cursor:pointer}.opsl-cell:hover{background:#effaf4}.opsl-cell.busy{background:#fff3e5;color:#064b3a}.opsl-cell b,.opsl-cell small{display:block}.opsl-form{padding-bottom:18px}.opsl-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px}.opsl-form-grid.one{grid-template-columns:1fr}.opsl-form-grid label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#50615c}.opsl-form-grid .wide{grid-column:1/-1}.opsl-form-grid input,.opsl-form-grid select{margin-top:6px}.opsl-table-scroll{overflow:auto;max-height:520px}.opsl-table table{width:100%;border-collapse:separate;border-spacing:0}.opsl-table th{position:sticky;top:0;background:#eaf4ef;color:#064b3a;text-transform:uppercase;letter-spacing:.08em;font-size:12px;padding:14px;z-index:2}.opsl-table td{padding:14px;border-bottom:1px solid #edf3f0;vertical-align:middle}.opsl-status{display:inline-flex;align-items:center;border-radius:999px;background:#eaf4ef;color:#064b3a;font-size:11px;font-weight:900;padding:6px 10px;text-transform:uppercase}.opsl-status.cancelled,.opsl-status.deleted{background:#ffe3e3;color:#a52b2b}.opsl-status.held{background:#fff2d2;color:#8a5d00}.opsl-person{display:flex;gap:10px;align-items:center}.opsl-person>span{width:34px;height:34px;border-radius:999px;background:#c6ff63;color:#064b3a;display:grid;place-items:center;font-weight:900}.opsl-person b,.opsl-person small{display:block}.opsl-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.opsl-wa{display:inline-flex;border-radius:12px;background:#16a34a;color:white!important;text-decoration:none;font-weight:900;padding:8px 10px}.opsl-two{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.opsl-empty{padding:20px!important;text-align:center;color:#778}.opsl-mobile-block{padding:30px}.opsl-mobile-block article{background:#fff;border-radius:24px;padding:24px}@media(max-width:1200px){.opsl-shell{grid-template-columns:220px 1fr;width:calc(100vw - 24px)}.opsl-bookings,.opsl-two{grid-template-columns:1fr}.opsl-right{position:static}.opsl-kpis{grid-template-columns:repeat(2,1fr)}}


/* PHASE 3I.5M — booking loading progress + canonical cart layout */
body.booking-mobile-page.p3i5m-page{overflow-x:hidden!important;background:#edf5e9!important;}
body.booking-mobile-page.p3i5m-page .screen-root,
body.booking-mobile-page.p3i5m-page #screenRoot{width:100%!important;max-width:none!important;margin:0!important;overflow-x:hidden!important;}
.p3i5m-booking{width:min(430px,calc(100vw - 24px))!important;margin:0 auto!important;padding:12px 0 108px!important;display:grid!important;gap:12px!important;overflow:hidden!important;}
.p3i5m-booking *{box-sizing:border-box!important;}
.p3i5m-hero{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;padding:18px!important;border-radius:24px!important;background:linear-gradient(135deg,#064a38,#0b8d67)!important;color:#fff!important;box-shadow:0 18px 48px rgba(0,73,52,.18)!important;overflow:hidden!important;position:relative!important;}
.p3i5m-hero:after{content:"";position:absolute;right:-42px;bottom:-56px;width:150px;height:150px;border-radius:999px;background:rgba(255,255,255,.12);}
.p3i5m-hero div,.p3i5m-hero button{position:relative;z-index:1;}
.p3i5m-hero small{display:block;letter-spacing:.12em;text-transform:uppercase;font-weight:950;color:#c9ff73!important;font-size:11px!important;}
.p3i5m-hero h1{margin:4px 0!important;font-size:24px!important;line-height:1!important;color:#fff!important;letter-spacing:-.055em!important;}
.p3i5m-hero p{margin:0!important;font-size:13px!important;line-height:1.35!important;color:rgba(255,255,255,.84)!important;}
.p3i5m-hero button{border:0!important;border-radius:16px!important;background:#fff!important;color:#064a38!important;font-weight:950!important;padding:12px!important;min-width:82px!important;}
.p3i5m-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;background:#fff!important;border:1px solid rgba(0,72,55,.12)!important;border-radius:19px!important;padding:5px!important;box-shadow:0 10px 26px rgba(0,0,0,.06)!important;}
.p3i5m-tabs button{border:0!important;border-radius:14px!important;background:transparent!important;min-height:42px!important;font-weight:950!important;color:#436158!important;}
.p3i5m-tabs button.active{background:#004d39!important;color:#fff!important;box-shadow:inset 0 -3px #b8ff50!important;}
.p3i5m-membership,.p3i5m-weekbar,.p3i5m-court,.p3i5m-slots,.p3i5m-session,.p3i5m-loading-card,.p3i5m-empty{background:#fff!important;border:1px solid rgba(0,72,55,.10)!important;border-radius:22px!important;box-shadow:0 12px 32px rgba(0,0,0,.055)!important;}
.p3i5m-membership{display:grid!important;gap:3px!important;padding:16px!important;background:linear-gradient(135deg,#f1ffe7,#fff)!important;}
.p3i5m-membership small,.p3i5m-slots small{font-weight:950!important;text-transform:uppercase!important;letter-spacing:.14em!important;color:#75857f!important;}
.p3i5m-membership b{color:#053e30!important;font-size:16px!important;}.p3i5m-membership span{font-size:12px!important;color:#60756c!important;}
.p3i5m-weekbar{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:10px 12px!important;}
.p3i5m-weekbar button,.p3i5m-slots header button{border:1px solid #dce8e2!important;background:#fff!important;color:#064a38!important;border-radius:14px!important;font-weight:950!important;padding:10px 14px!important;}
.p3i5m-stack,.p3i5m-session-list{display:grid!important;gap:12px!important;}
.p3i5m-court{padding:14px!important;overflow:hidden!important;}
.p3i5m-court-head{display:flex!important;gap:12px!important;align-items:center!important;margin-bottom:12px!important;}
.p3i5m-badge{width:50px!important;height:50px!important;border-radius:17px!important;background:#b8ff50!important;color:#064a38!important;font-weight:950!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;font-size:18px!important;}
.p3i5m-court h2{margin:0!important;font-size:18px!important;color:#064a38!important;}.p3i5m-court p{margin:3px 0 0!important;font-size:12px!important;color:#65776f!important;}
.p3i5m-day-row{display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 8px!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;}
.p3i5m-day{min-width:68px!important;border:1px solid #dce8e2!important;background:#fff!important;border-radius:14px!important;padding:9px 6px!important;color:#064a38!important;display:grid!important;place-items:center!important;gap:1px!important;scroll-snap-align:start!important;}
.p3i5m-day.selected{background:#004d39!important;color:#fff!important;}.p3i5m-day span{font-size:10px!important;font-weight:950!important;letter-spacing:.1em!important;text-transform:uppercase!important}.p3i5m-day b{font-size:20px!important}.p3i5m-day em{font-size:10px!important;font-style:normal!important;font-weight:950!important}.p3i5m-day small{font-size:10px!important}.p3i5m-day.full{opacity:.55!important;}
.p3i5m-slots{padding:14px!important;margin-top:12px!important;}
.p3i5m-slots header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:12px!important;gap:10px!important;}
.p3i5m-slots h3{font-size:18px!important;margin:2px 0 0!important;color:#064a38!important;}
.p3i5m-slot-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;max-height:none!important;overflow:visible!important;}
.p3i5m-slot{width:100%!important;min-height:76px!important;border:1px solid #dce8e2!important;background:#fff!important;border-radius:16px!important;padding:12px!important;color:#064a38!important;display:grid!important;place-items:center!important;box-shadow:0 6px 16px rgba(0,0,0,.035)!important;text-align:center!important;}
.p3i5m-slot.open:active{transform:scale(.985)!important}.p3i5m-slot.closed{background:#f4f7f5!important;color:#8b9892!important;}.p3i5m-slot b{font-size:17px!important}.p3i5m-slot strong{font-size:15px!important;color:#00785a!important}.p3i5m-slot em{font-style:normal!important;font-weight:950!important;color:#87958f!important;}
.p3i5m-session{padding:14px!important;display:flex!important;justify-content:space-between!important;gap:10px!important;}.p3i5m-session button{border:0!important;border-radius:14px!important;background:#008262!important;color:#fff!important;font-weight:950!important;padding:10px 14px!important;}
.p3i5m-loading-card{padding:14px!important;display:grid!important;grid-template-columns:34px 1fr!important;gap:12px!important;align-items:center!important;}
.p3i5m-loading-card span{display:block!important;font-size:12px!important;color:#65776f!important;margin-top:3px!important;}.p3i5m-spinner{width:30px;height:30px;border-radius:999px;border:4px solid #e3eee8;border-top-color:#008262;animation:p3i5m-spin .8s linear infinite}.p3i5m-progress{grid-column:1/-1;height:8px;background:#e7f0ea;border-radius:999px;overflow:hidden}.p3i5m-progress i{display:block;height:100%;background:linear-gradient(90deg,#008262,#b8ff50);border-radius:999px;transition:width .25s ease}@keyframes p3i5m-spin{to{transform:rotate(360deg)}}
.p3i5m-empty{padding:18px!important;color:#65776f!important;text-align:center!important;}
.p3i5m-cart-top{width:46px!important;height:46px!important;border:0!important;border-radius:15px!important;background:#006146!important;color:#fff!important;font-weight:950!important;margin-left:8px!important;position:relative!important;display:grid!important;place-items:center!important;box-shadow:0 12px 28px rgba(0,80,55,.24)!important;z-index:100!important;flex:0 0 auto!important;}
.p3i5m-cart-top em{position:absolute!important;right:-6px!important;top:-6px!important;background:#b8ff50!important;color:#004d39!important;border-radius:999px!important;min-width:21px!important;height:21px!important;display:grid!important;place-items:center!important;font-size:11px!important;font-style:normal!important;border:2px solid #fff!important;}
.p3i5m-cart-backdrop{position:fixed!important;inset:0!important;background:rgba(2,38,28,.42)!important;backdrop-filter:blur(5px)!important;z-index:9998!important;}
.p3i5m-cart-modal{position:fixed!important;z-index:9999!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(380px,calc(100vw - 28px))!important;max-height:calc(100vh - 110px)!important;background:#fff!important;border-radius:24px!important;box-shadow:0 32px 100px rgba(0,0,0,.28)!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto minmax(80px,1fr) auto!important;}
.p3i5m-cart-modal header,.p3i5m-cart-modal footer{padding:14px!important;border-bottom:1px solid #e6eee9!important;}.p3i5m-cart-modal footer{border-top:1px solid #e6eee9!important;border-bottom:0!important;display:grid!important;gap:8px!important}.p3i5m-cart-modal header{display:flex!important;justify-content:space-between!important;align-items:center!important}.p3i5m-cart-modal button{border:0!important;border-radius:14px!important;background:#edf5f0!important;color:#064a38!important;font-weight:950!important;padding:10px 12px!important}.p3i5m-cart-modal footer button{background:#008262!important;color:#fff!important}.p3i5m-cart-modal footer button:disabled{opacity:.45!important;color:#fff!important}.p3i5m-cart-body{padding:12px!important;overflow:auto!important}.p3i5m-cart-row{display:grid!important;grid-template-columns:1fr auto auto!important;gap:10px!important;align-items:center!important;border:1px solid #e6eee9!important;border-radius:16px!important;padding:10px!important;margin-bottom:8px!important}.p3i5m-cart-row span,.p3i5m-cart-row small{display:block!important;color:#667!important;font-size:12px!important;}
@media(max-width:540px){.p3i5m-booking{width:calc(100vw - 24px)!important}.p3i5m-hero{border-radius:22px!important}.p3i5m-hero h1{font-size:22px!important}.p3i5m-cart-modal{top:50%!important}.p3i5m-cart-top{width:42px!important;height:42px!important}}
.p3i5m-cart-sync-marker{display:none!important;}

/* PHASE 3I.5P — payment state cart drawer hardening */
.p3i5p-cart-top{width:46px!important;height:46px!important;border:0!important;border-radius:15px!important;background:#006146!important;color:#fff!important;font-weight:950!important;margin-left:8px!important;position:relative!important;display:grid!important;place-items:center!important;box-shadow:0 12px 28px rgba(0,80,55,.24)!important;z-index:5000!important;flex:0 0 auto!important;cursor:pointer!important}.p3i5p-cart-top em{position:absolute!important;right:-6px!important;top:-6px!important;background:#b8ff50!important;color:#004d39!important;border-radius:999px!important;min-width:21px!important;height:21px!important;display:grid!important;place-items:center!important;font-size:11px!important;font-style:normal!important;border:2px solid #fff!important}.p3i5p-cart-top.has-payment em{background:#ffd36e!important;color:#4b3100!important}.p3i5p-cart-backdrop{position:fixed!important;inset:0!important;background:rgba(2,38,28,.42)!important;backdrop-filter:blur(5px)!important;z-index:99998!important;pointer-events:auto!important}.p3i5p-cart-modal{position:fixed!important;z-index:99999!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(390px,calc(100vw - 28px))!important;max-height:calc(100vh - 90px)!important;background:#fff!important;border-radius:24px!important;box-shadow:0 32px 100px rgba(0,0,0,.30)!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto minmax(90px,1fr) auto!important;color:#064a38!important;pointer-events:auto!important}.p3i5p-cart-modal header,.p3i5p-cart-modal footer{padding:14px!important;border-bottom:1px solid #e6eee9!important;background:#fff!important}.p3i5p-cart-modal footer{border-top:1px solid #e6eee9!important;border-bottom:0!important;display:grid!important;gap:10px!important}.p3i5p-cart-modal header{display:flex!important;justify-content:space-between!important;align-items:center!important}.p3i5p-cart-modal h2{margin:3px 0 0!important;font-size:24px!important}.p3i5p-cart-modal small{color:#62756d!important}.p3i5p-cart-modal button{border:0!important;border-radius:14px!important;background:#edf5f0!important;color:#064a38!important;font-weight:950!important;padding:10px 12px!important;cursor:pointer!important}.p3i5p-cart-modal footer button,.p3i5p-pay-btn{background:#008262!important;color:#fff!important;width:100%!important}.p3i5p-cart-modal footer button:disabled{opacity:.45!important;color:#fff!important}.p3i5p-cart-body{padding:12px!important;overflow:auto!important}.p3i5p-cart-row,.p3i5p-payment-row{display:grid!important;grid-template-columns:1fr auto auto!important;gap:10px!important;align-items:center!important;border:1px solid #e6eee9!important;border-radius:16px!important;padding:10px!important;margin-bottom:8px!important;background:#fff!important}.p3i5p-payment-row{grid-template-columns:1fr auto!important;background:#fbfff7!important;border-color:#dff4d3!important}.p3i5p-row-main span,.p3i5p-row-main small,.p3i5p-payment-row span,.p3i5p-payment-row small{display:block!important;color:#66756e!important;font-size:12px!important}.p3i5p-icon-btn{width:36px!important;height:36px!important;border-radius:999px!important;padding:0!important}.p3i5p-empty{border:1px solid #e6eee9!important;border-radius:16px!important;padding:14px!important;display:grid!important;gap:4px!important}.p3i5p-empty b{font-size:16px!important}.p3i5p-payment-box{margin-top:10px!important;border:1px solid #dff4d3!important;background:#f8fff2!important;border-radius:18px!important;padding:12px!important;display:grid!important;gap:8px!important}.p3i5p-payment-box h3{margin:0!important;font-size:17px!important}.p3i5p-status-pill{display:inline-flex!important;width:max-content!important;border-radius:999px!important;padding:5px 9px!important;background:#fff0c2!important;color:#6b4300!important;font-size:11px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important}.p3i5p-cart-open body{overflow:hidden!important}@media(max-width:540px){.p3i5p-cart-top{width:42px!important;height:42px!important}.p3i5p-cart-modal{top:50%!important;width:calc(100vw - 28px)!important}.p3i5p-cart-row{grid-template-columns:1fr auto 36px!important}}

/* PHASE 3I.5Q — mobile fit + definitive cart drawer */
body:has(.p3i5m-booking), body:has(.p3i5k-booking), body:has(.p3i5o-booking){overflow-x:hidden!important;}
.p3i5m-booking,.p3i5k-booking,.p3i5o-booking,.p3i5q-booking{width:min(100%,430px)!important;max-width:calc(100vw - 20px)!important;margin-inline:auto!important;overflow:hidden!important;box-sizing:border-box!important;}
.p3i5m-hero,.p3i5k-hero,.p3i5o-hero{width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important;}
.p3i5m-court,.p3i5k-court,.p3i5o-court{width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important;}
.p3i5m-days,.p3i5k-days,.p3i5o-days{max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;}
.p3i5m-slots,.p3i5k-slots,.p3i5o-slots{width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important;}
.p3i5m-slot-grid,.p3i5k-slot-grid,.p3i5o-slot-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;max-width:100%!important;overflow:visible!important;}
.p3i5m-slot,.p3i5k-slot,.p3i5o-slot{width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:72px!important;overflow:visible!important;box-sizing:border-box!important;}
#p3i5qCartHost{position:relative!important;z-index:2147483000!important;}
.p3i5q-cart-top{width:46px!important;height:46px!important;border:0!important;border-radius:15px!important;background:#006146!important;color:#fff!important;font-weight:950!important;margin-left:8px!important;position:relative!important;display:grid!important;place-items:center!important;box-shadow:0 12px 28px rgba(0,80,55,.24)!important;z-index:9999!important;flex:0 0 auto!important;cursor:pointer!important;touch-action:manipulation!important;}
.p3i5q-cart-top em{position:absolute!important;right:-6px!important;top:-6px!important;background:#b8ff50!important;color:#004d39!important;border-radius:999px!important;min-width:21px!important;height:21px!important;display:grid!important;place-items:center!important;font-size:11px!important;font-style:normal!important;border:2px solid #fff!important;line-height:1!important;}
.p3i5q-cart-top.has-payment em{background:#ffd36e!important;color:#4b3100!important;}
.p3i5q-backdrop{position:fixed!important;inset:0!important;background:rgba(2,38,28,.42)!important;backdrop-filter:blur(5px)!important;z-index:2147483001!important;pointer-events:auto!important;}
.p3i5q-modal{position:fixed!important;z-index:2147483002!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(390px,calc(100vw - 28px))!important;max-height:calc(100dvh - 72px)!important;background:#fff!important;border-radius:24px!important;box-shadow:0 32px 100px rgba(0,0,0,.30)!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto minmax(90px,1fr) auto!important;color:#064a38!important;pointer-events:auto!important;box-sizing:border-box!important;}
.p3i5q-modal header,.p3i5q-modal footer{padding:14px!important;background:#fff!important;}.p3i5q-modal header{display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:1px solid #e6eee9!important}.p3i5q-modal footer{border-top:1px solid #e6eee9!important;display:grid!important;gap:10px!important}.p3i5q-modal h2{margin:3px 0 0!important;font-size:24px!important}.p3i5q-modal h3{margin:0 0 8px!important;font-size:16px!important}.p3i5q-modal small{color:#62756d!important}.p3i5q-modal button{border:0!important;border-radius:14px!important;background:#edf5f0!important;color:#064a38!important;font-weight:950!important;padding:10px 12px!important;cursor:pointer!important;touch-action:manipulation!important}.p3i5q-modal footer button,.p3i5q-pay{background:#008262!important;color:#fff!important;width:100%!important}.p3i5q-modal footer button:disabled{opacity:.45!important;color:#fff!important}.p3i5q-body{padding:12px!important;overflow:auto!important}.p3i5q-info{border:1px solid #dff4d3!important;background:#f8fff2!important;color:#064a38!important;border-radius:14px!important;padding:10px!important;margin-bottom:10px!important;font-size:13px!important;font-weight:800!important}.p3i5q-row{display:grid!important;grid-template-columns:1fr auto 36px!important;gap:10px!important;align-items:center!important;border:1px solid #e6eee9!important;border-radius:16px!important;padding:10px!important;margin-bottom:8px!important;background:#fff!important}.p3i5q-pending{grid-template-columns:1fr auto!important;background:#fffaf0!important;border-color:#f2dfae!important}.p3i5q-row span,.p3i5q-row small{display:block!important;color:#66756e!important;font-size:12px!important}.p3i5q-row button{width:36px!important;height:36px!important;border-radius:999px!important;padding:0!important}.p3i5q-empty{border:1px solid #e6eee9!important;border-radius:16px!important;padding:14px!important;display:grid!important;gap:4px!important}.p3i5q-empty b{font-size:16px!important}.p3i5q-payment{margin-top:10px!important;border:1px solid #f2dfae!important;background:#fffaf0!important;border-radius:18px!important;padding:12px!important;display:grid!important;gap:8px!important}.p3i5q-pill{display:inline-flex!important;width:max-content!important;border-radius:999px!important;padding:5px 9px!important;background:#fff0c2!important;color:#6b4300!important;font-size:11px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important}.p3i5q-cart-open body{overflow:hidden!important}.p3i5q-cart-open .bottom-nav{filter:blur(2px)!important;pointer-events:none!important;}
@media(max-width:540px){.p3i5q-cart-top{width:42px!important;height:42px!important}.p3i5q-modal{width:calc(100vw - 28px)!important;top:50%!important}.p3i5q-row{grid-template-columns:1fr auto 36px!important}.p3i5m-booking,.p3i5k-booking,.p3i5o-booking{max-width:calc(100vw - 16px)!important}.p3i5m-hero h1,.p3i5k-hero h1,.p3i5o-hero h1{font-size:22px!important}}
.p3i5q-marker{display:none!important;}

/* PHASE 3I.5R — lifecycle cart UI, badge fix, check-in prep */
#p3i5rCartHost{position:relative!important;z-index:2147483200!important}.p3i5r-cart-open body{overflow:hidden!important}.p3i5r-cart-top{width:46px!important;height:46px!important;border:0!important;border-radius:15px!important;background:#006146!important;color:#fff!important;font-weight:950!important;margin-left:8px!important;position:relative!important;display:grid!important;place-items:center!important;box-shadow:0 12px 28px rgba(0,80,55,.24)!important;z-index:999999!important;flex:0 0 auto!important;cursor:pointer!important;touch-action:manipulation!important;overflow:visible!important}.p3i5r-cart-top span{line-height:1!important}.p3i5r-cart-top em,.p3i5r-cart-top i{position:absolute!important;right:-7px!important;top:-7px!important;background:#b8ff50!important;color:#004d39!important;border-radius:999px!important;min-width:22px!important;height:22px!important;display:grid!important;place-items:center!important;font-size:11px!important;font-style:normal!important;border:2px solid #fff!important;line-height:1!important;box-shadow:0 6px 14px rgba(0,0,0,.15)!important}.p3i5r-cart-top.has-payment em{background:#ffd36e!important;color:#4b3100!important}.p3i5r-cart-top.has-paid i{background:#dff9e6!important;color:#076346!important}.p3i5r-backdrop{position:fixed!important;inset:0!important;background:rgba(2,38,28,.46)!important;backdrop-filter:blur(5px)!important;z-index:2147483201!important;pointer-events:auto!important}.p3i5r-modal{position:fixed!important;z-index:2147483202!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(430px,calc(100vw - 24px))!important;max-height:calc(100dvh - 56px)!important;background:#fff!important;border-radius:26px!important;box-shadow:0 34px 100px rgba(0,0,0,.32)!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto minmax(120px,1fr) auto!important;color:#064a38!important;pointer-events:auto!important;box-sizing:border-box!important}.p3i5r-modal header,.p3i5r-modal footer{padding:15px!important;background:#fff!important}.p3i5r-modal header{display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:1px solid #e6eee9!important}.p3i5r-modal footer{border-top:1px solid #e6eee9!important;display:grid!important;gap:10px!important}.p3i5r-modal h2{margin:3px 0 0!important;font-size:23px!important}.p3i5r-modal h3{margin:0 0 8px!important;font-size:16px!important}.p3i5r-modal small{color:#62756d!important}.p3i5r-modal button{border:0!important;border-radius:14px!important;background:#edf5f0!important;color:#064a38!important;font-weight:950!important;padding:10px 12px!important;cursor:pointer!important;touch-action:manipulation!important}.p3i5r-body{padding:12px!important;overflow:auto!important;display:grid!important;gap:12px!important}.p3i5r-info{border:1px solid #dff4d3!important;background:#f8fff2!important;color:#064a38!important;border-radius:14px!important;padding:10px!important;font-size:13px!important;font-weight:850!important}.p3i5r-section-title{display:flex!important;justify-content:space-between!important;gap:10px!important;margin-bottom:8px!important}.p3i5r-section-title b{font-size:15px!important}.p3i5r-section-title span{font-size:12px!important;color:#697970!important}.p3i5r-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important;align-items:center!important;border:1px solid #e6eee9!important;border-radius:16px!important;padding:11px!important;margin-bottom:8px!important;background:#fff!important}.p3i5r-row b{display:block!important;font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.p3i5r-row span,.p3i5r-row small{display:block!important;color:#66756e!important;font-size:12px!important;line-height:1.25!important}.p3i5r-row strong{white-space:nowrap!important;color:#064a38!important}.p3i5r-icon{width:36px!important;height:36px!important;border-radius:999px!important;padding:0!important}.p3i5r-cancel{background:#ffe9e5!important;color:#9a2a16!important;padding:9px 11px!important}.p3i5r-scan{background:#008262!important;color:#fff!important;padding:9px 11px!important}.p3i5r-done{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:999px!important;background:#dff9e6!important;color:#076346!important;font-weight:1000!important}.p3i5r-empty{border:1px solid #e6eee9!important;border-radius:16px!important;padding:14px!important;display:grid!important;gap:4px!important;background:#fff!important}.p3i5r-box{border-radius:18px!important;padding:12px!important;display:grid!important;gap:8px!important}.p3i5r-box-wait{border:1px solid #f2dfae!important;background:#fffaf0!important}.p3i5r-box-paid{border:1px solid #cdeed8!important;background:#f4fff7!important}.p3i5r-waiting{grid-template-columns:minmax(0,1fr) auto auto!important;background:#fffdf8!important;border-color:#f2dfae!important}.p3i5r-paid{grid-template-columns:minmax(0,1fr) auto auto!important;background:#fbfffc!important;border-color:#cdeed8!important}.p3i5r-pill{display:inline-flex!important;width:max-content!important;border-radius:999px!important;padding:5px 9px!important;background:#fff0c2!important;color:#6b4300!important;font-size:11px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important}.p3i5r-pill.paid{background:#dff9e6!important;color:#076346!important}.p3i5r-pay,.p3i5r-modal footer button{background:#008262!important;color:#fff!important;width:100%!important}.p3i5r-modal footer button:disabled{opacity:.45!important;color:#fff!important}.p3i5r-cart-open .bottom-nav{filter:blur(2px)!important;pointer-events:none!important}.p3i5r-marker{display:none!important}@media(max-width:540px){.p3i5r-cart-top{width:42px!important;height:42px!important}.p3i5r-modal{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 44px)!important}.p3i5r-row,.p3i5r-waiting,.p3i5r-paid{grid-template-columns:minmax(0,1fr) auto!important}.p3i5r-row .p3i5r-icon,.p3i5r-row .p3i5r-cancel,.p3i5r-row .p3i5r-scan,.p3i5r-row .p3i5r-done{grid-column:1/-1!important;width:100%!important}.p3i5m-booking,.p3i5k-booking,.p3i5o-booking,.p3i5q-booking{width:100%!important;max-width:calc(100vw - 16px)!important;overflow:hidden!important}.p3i5q-cart-top em,.p3i5r-cart-top em{right:-5px!important;top:-5px!important}}

/* PHASE 3I.5S — single cart host no freeze */
#p3i5sCartHost{position:relative!important;z-index:2147483600!important}.p3i5s-cart-open body{overflow:hidden!important}.p3i5s-cart-top{width:46px!important;height:46px!important;border:0!important;border-radius:15px!important;background:#006146!important;color:#fff!important;font-weight:950!important;margin-left:8px!important;position:relative!important;display:grid!important;place-items:center!important;box-shadow:0 12px 28px rgba(0,80,55,.24)!important;z-index:999999!important;flex:0 0 auto!important;cursor:pointer!important;touch-action:manipulation!important;overflow:visible!important}.p3i5s-cart-top em,.p3i5s-cart-top i{position:absolute!important;right:-7px!important;top:-7px!important;background:#b8ff50!important;color:#004d39!important;border-radius:999px!important;min-width:22px!important;height:22px!important;display:grid!important;place-items:center!important;font-size:11px!important;font-style:normal!important;border:2px solid #fff!important;line-height:1!important;box-shadow:0 6px 14px rgba(0,0,0,.15)!important}.p3i5s-cart-top.has-payment em{background:#ffd36e!important;color:#4b3100!important}.p3i5s-cart-top.has-paid i{background:#dff9e6!important;color:#076346!important}.p3i5s-backdrop{position:fixed!important;inset:0!important;background:rgba(2,38,28,.46)!important;backdrop-filter:blur(5px)!important;z-index:2147483601!important;pointer-events:auto!important}.p3i5s-modal{position:fixed!important;z-index:2147483602!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(430px,calc(100vw - 24px))!important;max-height:calc(100dvh - 56px)!important;background:#fff!important;border-radius:26px!important;box-shadow:0 34px 100px rgba(0,0,0,.32)!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto minmax(120px,1fr) auto!important;color:#064a38!important;pointer-events:auto!important;box-sizing:border-box!important}.p3i5s-modal header,.p3i5s-modal footer{padding:15px!important;background:#fff!important}.p3i5s-modal header{display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:1px solid #e6eee9!important}.p3i5s-modal footer{border-top:1px solid #e6eee9!important;display:grid!important;gap:10px!important}.p3i5s-modal h2{margin:3px 0 0!important;font-size:23px!important}.p3i5s-modal h3{margin:0 0 8px!important;font-size:16px!important}.p3i5s-modal small{color:#62756d!important}.p3i5s-modal button{border:0!important;border-radius:14px!important;background:#edf5f0!important;color:#064a38!important;font-weight:950!important;padding:10px 12px!important;cursor:pointer!important;touch-action:manipulation!important;pointer-events:auto!important}.p3i5s-close{min-width:76px!important}.p3i5s-body{padding:12px!important;overflow:auto!important;display:grid!important;gap:12px!important}.p3i5s-info{border:1px solid #dff4d3!important;background:#f8fff2!important;color:#064a38!important;border-radius:14px!important;padding:10px!important;font-size:13px!important;font-weight:850!important}.p3i5s-title{display:flex!important;justify-content:space-between!important;gap:10px!important;margin-bottom:8px!important}.p3i5s-title b{font-size:15px!important}.p3i5s-title span{font-size:12px!important;color:#697970!important}.p3i5s-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important;align-items:center!important;border:1px solid #e6eee9!important;border-radius:16px!important;padding:11px!important;margin-bottom:8px!important;background:#fff!important}.p3i5s-row b{display:block!important;font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.p3i5s-row span,.p3i5s-row small{display:block!important;color:#66756e!important;font-size:12px!important;line-height:1.25!important}.p3i5s-row strong{white-space:nowrap!important;color:#064a38!important}.p3i5s-row>button{min-width:42px!important}.p3i5s-row.is-waiting{background:#fffdf8!important;border-color:#f2dfae!important}.p3i5s-row.is-paid{background:#fbfffc!important;border-color:#cdeed8!important}.p3i5s-box{border-radius:18px!important;padding:12px!important;display:grid!important;gap:8px!important}.p3i5s-box.is-waiting{border:1px solid #f2dfae!important;background:#fffaf0!important}.p3i5s-box.is-paid{border:1px solid #cdeed8!important;background:#f4fff7!important}.p3i5s-empty{border:1px solid #e6eee9!important;border-radius:16px!important;padding:14px!important;display:grid!important;gap:4px!important;background:#fff!important}.p3i5s-pill{display:inline-flex!important;width:max-content!important;border-radius:999px!important;padding:5px 9px!important;background:#fff0c2!important;color:#6b4300!important;font-size:11px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important}.p3i5s-pill.paid{background:#dff9e6!important;color:#076346!important}.p3i5s-pay,.p3i5s-modal footer button{background:#008262!important;color:#fff!important;width:100%!important}.p3i5s-modal footer button:disabled{opacity:.45!important;color:#fff!important}.p3i5s-cart-open .bottom-nav{filter:blur(2px)!important;pointer-events:none!important}@media(max-width:540px){.p3i5s-cart-top{width:42px!important;height:42px!important}.p3i5s-modal{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 44px)!important}.p3i5s-row{grid-template-columns:minmax(0,1fr) auto!important}.p3i5s-row>button,.p3i5s-done{grid-column:1/-1!important;width:100%!important}.p3i5s-cart-top em{right:-5px!important;top:-5px!important}}

/* PHASE 3I.5T payment lifecycle cart — single modal, no legacy blur duplicate */
#p3i5tCartHost{position:relative;z-index:2147483000}.p3i5t-cart-top{position:relative;width:48px;height:48px;border:0;border-radius:16px;background:#064c3a;color:#fff;font-weight:900;box-shadow:0 14px 30px rgba(0,70,45,.22);display:inline-flex;align-items:center;justify-content:center;margin-left:8px;z-index:9999;cursor:pointer;overflow:visible!important}.p3i5t-cart-top span{position:absolute;right:-7px;top:-8px;min-width:22px;height:22px;border-radius:999px;background:#b8ff3d;color:#064431;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:950;line-height:1;box-shadow:0 8px 16px rgba(0,0,0,.18);overflow:visible}.p3i5t-backdrop{position:fixed;inset:0;background:rgba(9,38,28,.52);backdrop-filter:blur(7px);z-index:2147483000}.p3i5t-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 28px));max-height:min(86vh,760px);background:#fff;border-radius:24px;box-shadow:0 30px 90px rgba(0,45,30,.28);z-index:2147483001;display:flex;flex-direction:column;overflow:hidden;color:#063d31}.p3i5t-modal header,.p3i5t-modal footer{padding:16px 18px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}.p3i5t-modal header{border-bottom:1px solid rgba(0,55,35,.1)}.p3i5t-modal header small{opacity:.72}.p3i5t-modal h2,.p3i5t-modal h3{margin:0}.p3i5t-modal header button,.p3i5t-row button,.p3i5t-modal footer button,.p3i5t-proof button,.p3i5t-wa{border:0;border-radius:14px;background:#eef8f1;color:#064431;font-weight:900;padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.p3i5t-modal footer{border-top:1px solid rgba(0,55,35,.1)}.p3i5t-modal footer>div{display:flex;flex-direction:column;font-size:13px}.p3i5t-modal footer button{background:#098761;color:#fff;flex:1}.p3i5t-modal footer button:disabled{opacity:.45;cursor:not-allowed}.p3i5t-body{padding:14px 16px;overflow:auto;display:flex;flex-direction:column;gap:12px}.p3i5t-message{padding:12px 14px;border-radius:16px;background:#f1ffe8;border:1px solid #d4f5c8;font-weight:850}.p3i5t-box{border:1px solid rgba(0,65,40,.12);border-radius:18px;background:#fff;padding:12px;display:flex;flex-direction:column;gap:10px}.p3i5t-box.pay{background:#fff9ec;border-color:#efd28a}.p3i5t-box.paid{background:#f0fff5;border-color:#bfe9ca}.p3i5t-section-head{display:flex;justify-content:space-between;gap:12px}.p3i5t-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid rgba(0,65,40,.12);border-radius:16px;padding:12px;background:#fff}.p3i5t-row>div{min-width:0;display:flex;flex-direction:column;gap:2px}.p3i5t-row small{font-size:12px;line-height:1.25;color:#526a60}.p3i5t-row strong{font-weight:950}.p3i5t-row.payrow,.p3i5t-row.verifyrow{grid-template-columns:1fr auto auto;grid-auto-rows:auto}.p3i5t-proof{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.p3i5t-proof input{width:100%;padding:9px;border:1px solid rgba(0,65,40,.16);border-radius:12px;background:#fff}.p3i5t-pill{width:max-content;padding:6px 11px;border-radius:999px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:950}.p3i5t-pill.warn{background:#fff0bd;color:#6d4a00}.p3i5t-pill.verify{background:#eef2ff;color:#273a8a}.p3i5t-pill.paid{background:#c9f6d6;color:#075030}.p3i5t-payment-info{border:1px dashed #e1c56e;border-radius:16px;padding:12px;background:#fffaf0;display:flex;flex-direction:column;gap:8px}.p3i5t-payment-info p{margin:0;font-size:13px;line-height:1.35}.p3i5t-paygrid{display:grid;grid-template-columns:1fr 110px;gap:12px;align-items:stretch}.p3i5t-paygrid small{display:block;margin-top:5px;color:#69766e}.p3i5t-paygrid strong{display:block}.p3i5t-qris{width:110px;height:110px;object-fit:cover;border-radius:14px;border:1px solid rgba(0,65,40,.15);background:#fff}.p3i5t-qris.empty{display:flex;align-items:center;justify-content:center;text-align:center;font-weight:950;color:#8a8f87}.p3i5t-wa{margin-top:8px;background:#dcfce7;color:#064431}.p3i5t-cart-open body{overflow:hidden}.booking-mobile-page .screen[class*="booking"],.p3i5m-booking,.p3i5l-booking,.p3i5k-booking{max-width:min(430px,100vw)!important;width:100%!important;margin-inline:auto!important;overflow:hidden!important}.booking-mobile-page .p3i5m-hero,.booking-mobile-page .p3i5l-hero{width:100%!important;box-sizing:border-box}.booking-mobile-page .bottom-nav,.booking-mobile-page .app-bottom-nav{z-index:5000}@media(max-width:520px){.p3i5t-modal{width:calc(100vw - 24px);max-height:84vh;border-radius:22px}.p3i5t-row{grid-template-columns:1fr auto}.p3i5t-row button{grid-column:auto}.p3i5t-paygrid{grid-template-columns:1fr}.p3i5t-qris{width:100%;height:150px}.p3i5t-proof{grid-template-columns:1fr}.p3i5t-modal footer{align-items:stretch;flex-direction:column}.p3i5t-cart-top{width:44px;height:44px;border-radius:14px}}


/* PHASE 3I.5U cart topbar visibility hard fix */
#p3i5uCartTopHost{position:relative;z-index:2147483200!important;pointer-events:none!important}
#p3i5uCartTopHost #topbarCartButton.p3i5u-cart-top{position:fixed!important;top:calc(82px + env(safe-area-inset-top))!important;right:max(14px,calc((100vw - min(430px,100vw))/2 + 14px))!important;width:46px!important;height:46px!important;border-radius:15px!important;border:0!important;background:linear-gradient(135deg,#07513d,#0b8d65)!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:0 15px 34px rgba(0,65,43,.28), inset 0 1px 0 rgba(255,255,255,.18)!important;z-index:2147483201!important;cursor:pointer!important;pointer-events:auto!important;overflow:visible!important;line-height:1!important;font-size:18px!important}
#p3i5uCartTopHost #topbarCartButton.p3i5u-cart-top em{position:absolute!important;right:-8px!important;top:-8px!important;min-width:23px!important;height:23px!important;padding:0 6px!important;border-radius:999px!important;background:#b7ff39!important;color:#05372b!important;border:2px solid #fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;font-style:normal!important;font-weight:1000!important;line-height:1!important;box-shadow:0 8px 18px rgba(0,0,0,.22)!important;z-index:2147483202!important;overflow:visible!important;clip-path:none!important}
body.opsx-page #p3i5uCartTopHost{display:none!important}
@media(max-width:520px){#p3i5uCartTopHost #topbarCartButton.p3i5u-cart-top{top:calc(84px + env(safe-area-inset-top))!important;right:12px!important;width:44px!important;height:44px!important;border-radius:14px!important}}
@media(min-width:700px){#p3i5uCartTopHost #topbarCartButton.p3i5u-cart-top{top:calc(84px + env(safe-area-inset-top))!important}}


/* PHASE 3I.5V — mobile booking/cart/check-in hardening */
html,body{overflow-x:hidden!important}.nav-item[data-page="booking"].active{background:#087f60!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,106,75,.22)!important}.nav-item[data-page="booking"].active .nav-label,.nav-item[data-page="booking"].active .nav-icon{color:#fff!important}.p3i5-booking-screen,.p3i5b-booking-screen,.p3i5k-booking,.p3i5l-booking,.p3i5m-booking,.booking-mobile-page .screen{max-width:min(430px,100vw)!important;width:100%!important;margin-inline:auto!important;box-sizing:border-box!important;overflow:visible!important;padding-inline:10px!important}.p3i5b-hero,.p3i5k-hero,.p3i5l-hero,.p3i5m-hero,[class*="booking"] .p3i5-hero{width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.p3i5b-court-card,.p3i5k-court-card,.p3i5l-court-card,.p3i5m-court-card,.p3i5-court-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.p3i5b-court-calendar,.p3i5k-day-row,.p3i5l-day-row,.p3i5m-day-row,.p3i5-court-calendar{display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;padding-bottom:8px!important}.p3i5b-day,.p3i5k-day,.p3i5l-day,.p3i5m-day,.p3i5-day{flex:0 0 64px!important;min-width:64px!important}.p3i5g-slot-backdrop{display:none!important}.p3i5g-slot-drawer,.p3i5k-slot-panel,.p3i5l-slot-panel,.p3i5m-slot-panel,.p3i5b-slot-panel,.p3i5-detail-card{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;max-height:none!important;height:auto!important;overflow:visible!important;box-sizing:border-box!important;z-index:auto!important;margin:12px 0!important;border-radius:24px!important}.p3i5g-slot-grid,.p3i5k-slot-grid,.p3i5l-slot-grid,.p3i5m-slot-grid,.p3i5b-slot-grid,.p3i5-slot-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;max-height:none!important;overflow:visible!important}.p3i5g-slot,.p3i5k-slot,.p3i5l-slot,.p3i5m-slot,.p3i5b-slot,.p3i5-slot{min-height:72px!important;display:grid!important;place-items:center!important;line-height:1.15!important}.p3i5v-cart-top{position:fixed!important;right:max(18px,calc((100vw - 430px)/2 + 16px))!important;top:88px!important;width:52px!important;height:52px!important;border-radius:18px!important;background:#064c3a!important;color:#fff!important;border:2px solid rgba(184,255,61,.9)!important;box-shadow:0 0 0 5px rgba(184,255,61,.18),0 14px 34px rgba(0,70,45,.34)!important;z-index:2147482500!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;overflow:visible!important;touch-action:manipulation!important}.p3i5v-cart-top span{font-size:22px!important;line-height:1!important}.p3i5v-cart-top em{position:absolute!important;right:-8px!important;top:-8px!important;min-width:24px!important;height:24px!important;border-radius:999px!important;background:#b8ff3d!important;color:#064431!important;border:2px solid #fff!important;display:grid!important;place-items:center!important;font-size:11px!important;font-style:normal!important;font-weight:950!important;line-height:1!important;box-shadow:0 8px 16px rgba(0,0,0,.2)!important}.p3i5v-backdrop{position:fixed!important;inset:0!important;background:rgba(8,39,29,.52)!important;backdrop-filter:blur(6px)!important;z-index:2147482600!important}.p3i5v-modal{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(430px,calc(100vw - 22px))!important;max-height:calc(100dvh - 48px)!important;background:#fff!important;color:#064431!important;border-radius:26px!important;box-shadow:0 30px 90px rgba(0,45,30,.35)!important;z-index:2147482601!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important}.p3i5v-modal header,.p3i5v-modal footer{padding:14px 16px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.p3i5v-modal header{border-bottom:1px solid rgba(0,60,40,.1)!important}.p3i5v-modal footer{border-top:1px solid rgba(0,60,40,.1)!important}.p3i5v-modal h2,.p3i5v-modal h3{margin:0!important}.p3i5v-modal button{border:0!important;border-radius:15px!important;background:#eef8f1!important;color:#064431!important;font-weight:950!important;padding:10px 13px!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important}.p3i5v-body{padding:14px!important;overflow:auto!important;display:grid!important;gap:12px!important;-webkit-overflow-scrolling:touch!important}.p3i5v-msg{padding:11px 13px!important;border-radius:16px!important;background:#f1ffe8!important;border:1px solid #d5f5c8!important;font-weight:850!important}.p3i5v-empty,.p3i5v-box{border:1px solid rgba(0,65,40,.12)!important;border-radius:18px!important;background:#fff!important;padding:13px!important;display:grid!important;gap:9px!important}.p3i5v-box.waiting{background:#fff9ed!important;border-color:#efcf7f!important}.p3i5v-box.paid{background:#f1fff5!important;border-color:#bdeccc!important}.p3i5v-pill{width:max-content!important;border-radius:999px!important;padding:6px 10px!important;background:#fff0bd!important;color:#6d4a00!important;font-size:11px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.1em!important}.p3i5v-pill.paid{background:#c9f6d6!important;color:#075030!important}.p3i5v-headrow{display:flex!important;justify-content:space-between!important;gap:8px!important;font-size:13px!important}.p3i5v-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important;align-items:center!important;border:1px solid rgba(0,65,40,.12)!important;border-radius:16px!important;padding:11px!important;background:#fff!important}.p3i5v-row.waiting{border-color:#efcf7f!important;background:#fffdf7!important}.p3i5v-row.paid{border-color:#ccefd7!important;background:#fbfffc!important}.p3i5v-row div{min-width:0!important}.p3i5v-row b,.p3i5v-row span,.p3i5v-row small{display:block!important}.p3i5v-row b{font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.p3i5v-row span,.p3i5v-row small{color:#546a61!important;font-size:12px!important;line-height:1.25!important}.p3i5v-row strong{white-space:nowrap!important}.p3i5v-modal footer button{background:#098761!important;color:#fff!important;flex:1!important}.p3i5v-modal footer button:disabled{opacity:.45!important}.p3i5v-cart-open #p3i5vCartTopHost{display:none!important}.p3i5v-scan-backdrop{position:fixed!important;inset:0!important;background:rgba(0,0,0,.65)!important;z-index:2147482700!important}.p3i5v-scan{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(430px,calc(100vw - 22px))!important;background:#fff!important;border-radius:24px!important;z-index:2147482701!important;overflow:hidden!important;box-shadow:0 30px 90px rgba(0,0,0,.4)!important;color:#064431!important}.p3i5v-scan header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px 16px!important}.p3i5v-scan button{border:0!important;border-radius:14px!important;background:#eef8f1!important;color:#064431!important;font-weight:950!important;padding:10px 13px!important}.p3i5v-scan video{width:100%!important;min-height:260px!important;background:#001b13!important;object-fit:cover!important}.p3i5v-scan p,.p3i5v-scan-actions{padding:12px 16px!important;margin:0!important}.p3i5v-scan-actions button{width:100%!important;background:#098761!important;color:#fff!important}@media(max-width:540px){.p3i5v-cart-top{right:16px!important;top:88px!important;width:46px!important;height:46px!important}.p3i5v-modal{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 34px)!important}.p3i5v-row{grid-template-columns:minmax(0,1fr) auto!important}.p3i5v-row button{grid-column:1/-1!important;width:100%!important}.p3i5v-modal footer{flex-direction:column!important;align-items:stretch!important}.p3i5v-modal footer>div{display:flex!important;justify-content:space-between!important}}

/* PHASE 3I.5W — single canonical cart and seamless payment drawer */
#topbarCartButton,#p3i5uCartTopHost,#p3i5vCartTopHost,#p3i5rCartTopHost,#p3i5qCartTopHost,#p3i5pCartTopHost,#p3i5oCartTopHost,#p3i5mCartTopHost{display:none!important;visibility:hidden!important;pointer-events:none!important}
#p3i5rCartHost,#p3i5sCartHost,#p3i5vCartHost,#p3i5qCartHost,#p3i5pCartHost,#p3i5oCartHost,#p3i5mCartHost,#p3i5dCartHost,#p3i5eCartHost,#p3i5fCartHost{display:none!important;visibility:hidden!important;pointer-events:none!important}.p3i5r-backdrop,.p3i5r-modal,.p3i5s-backdrop,.p3i5s-modal,.p3i5v-backdrop,.p3i5v-modal,.p3i5q-backdrop,.p3i5q-modal,.p3i5p-cart-backdrop,.p3i5p-cart-modal,.p3i5o-cart-backdrop,.p3i5o-cart-modal,.p3i5m-cart-backdrop,.p3i5m-cart-modal,.p3i5e-cart-backdrop,.p3i5e-cart-drawer,.p3i5f-cart-backdrop,.p3i5f-cart-drawer{display:none!important;visibility:hidden!important;pointer-events:none!important}
#p3i5wCartTop{position:fixed!important;right:max(16px,calc((100vw - 430px)/2 + 12px))!important;top:88px!important;width:52px!important;height:52px!important;border-radius:18px!important;border:2px solid #b8ff3d!important;background:linear-gradient(135deg,#064b39,#078f67)!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:0 0 0 5px rgba(184,255,61,.18),0 16px 34px rgba(0,65,45,.34)!important;z-index:2147483450!important;cursor:pointer!important;pointer-events:auto!important;overflow:visible!important;animation:none!important;line-height:1!important}#p3i5wCartTop span{font-size:22px!important;line-height:1!important}#p3i5wCartTop em{position:absolute!important;right:-9px!important;top:-9px!important;min-width:24px!important;height:24px!important;padding:0 6px!important;border-radius:999px!important;background:#b8ff3d!important;color:#05372b!important;border:2px solid #fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;font-weight:1000!important;font-style:normal!important;box-shadow:0 8px 16px rgba(0,0,0,.22)!important;z-index:2147483451!important}.p3i5w-cart-open #p3i5wTopHost{display:none!important}
.p3i5w-backdrop{position:fixed!important;inset:0!important;background:rgba(8,39,29,.56)!important;backdrop-filter:blur(7px)!important;z-index:2147483500!important;pointer-events:auto!important}.p3i5w-modal{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(430px,calc(100vw - 22px))!important;max-height:calc(100dvh - 32px)!important;background:#fff!important;color:#064431!important;border-radius:26px!important;box-shadow:0 34px 100px rgba(0,45,30,.38)!important;z-index:2147483501!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important;pointer-events:auto!important}.p3i5w-modal header,.p3i5w-modal footer{padding:14px 16px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.p3i5w-modal header{border-bottom:1px solid rgba(0,60,40,.10)!important}.p3i5w-modal footer{border-top:1px solid rgba(0,60,40,.10)!important}.p3i5w-modal h2,.p3i5w-modal h3{margin:0!important}.p3i5w-modal button,.p3i5w-wa{border:0!important;border-radius:15px!important;background:#eef8f1!important;color:#064431!important;font-weight:950!important;padding:10px 13px!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;text-decoration:none!important;text-align:center!important}.p3i5w-body{padding:14px!important;overflow:auto!important;display:grid!important;gap:12px!important;-webkit-overflow-scrolling:touch!important}.p3i5w-msg{padding:11px 13px!important;border-radius:16px!important;background:#f1ffe8!important;border:1px solid #d5f5c8!important;font-weight:850!important}.p3i5w-empty,.p3i5w-box{border:1px solid rgba(0,65,40,.12)!important;border-radius:18px!important;background:#fff!important;padding:13px!important;display:grid!important;gap:9px!important}.p3i5w-box.waiting{background:#fff9ed!important;border-color:#efcf7f!important}.p3i5w-box.paid{background:#f1fff5!important;border-color:#bdeccc!important}.p3i5w-pill{width:max-content!important;border-radius:999px!important;padding:6px 10px!important;background:#fff0bd!important;color:#6d4a00!important;font-size:11px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.1em!important}.p3i5w-pill.paid{background:#c9f6d6!important;color:#075030!important}.p3i5w-title{display:flex!important;justify-content:space-between!important;gap:8px!important;font-size:13px!important}.p3i5w-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important;align-items:center!important;border:1px solid rgba(0,65,40,.12)!important;border-radius:16px!important;padding:11px!important;background:#fff!important}.p3i5w-row.waiting{border-color:#efcf7f!important;background:#fffdf7!important}.p3i5w-row.paid{border-color:#ccefd7!important;background:#fbfffc!important}.p3i5w-row div{min-width:0!important}.p3i5w-row b,.p3i5w-row span,.p3i5w-row small{display:block!important}.p3i5w-row b{font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.p3i5w-row span,.p3i5w-row small{color:#546a61!important;font-size:12px!important;line-height:1.25!important}.p3i5w-row strong{white-space:nowrap!important}.p3i5w-payment-box{display:grid!important;gap:12px!important;border:1px dashed #efcf7f!important;border-radius:18px!important;background:#fffdf6!important;padding:12px!important}.p3i5w-payment-box span,.p3i5w-payment-box small{display:block!important;color:#5c6f66!important}.p3i5w-paygrid{display:grid!important;grid-template-columns:1fr 128px!important;gap:12px!important;align-items:center!important}.p3i5w-qris{width:128px!important;height:128px!important;object-fit:cover!important;border-radius:16px!important;border:1px solid rgba(0,65,40,.12)!important;background:#fff!important}.p3i5w-qris-empty{width:128px!important;height:128px!important;border-radius:16px!important;background:#f1f6f2!important;display:grid!important;place-items:center!important;text-align:center!important;font-size:12px!important;color:#60756b!important;padding:10px!important}.p3i5w-upload{display:grid!important;grid-template-columns:1fr 130px!important;gap:8px!important;align-items:center!important}.p3i5w-upload input{min-width:0!important;border:1px solid rgba(0,65,40,.14)!important;border-radius:13px!important;padding:9px!important;background:#fff!important}.p3i5w-wa{grid-column:1/-1!important;background:#e8fff3!important}.p3i5w-modal footer button{background:#098761!important;color:#fff!important;flex:1!important}.p3i5w-modal footer button:disabled{opacity:.45!important}.p3i5w-scan-backdrop{position:fixed!important;inset:0!important;background:rgba(0,0,0,.65)!important;z-index:2147483600!important}.p3i5w-scan{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(430px,calc(100vw - 22px))!important;background:#fff!important;border-radius:24px!important;z-index:2147483601!important;overflow:hidden!important;box-shadow:0 30px 90px rgba(0,0,0,.4)!important;color:#064431!important}.p3i5w-scan header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px 16px!important}.p3i5w-scan button{border:0!important;border-radius:14px!important;background:#eef8f1!important;color:#064431!important;font-weight:950!important;padding:10px 13px!important}.p3i5w-scan video{width:100%!important;min-height:260px!important;background:#001b13!important;object-fit:cover!important}.p3i5w-scan p{padding:12px 16px!important;margin:0!important}.p3i5w-scan>button{width:calc(100% - 32px)!important;margin:0 16px 16px!important;background:#098761!important;color:#fff!important}.nav-item[data-page="booking"].active{background:#087f60!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,106,75,.22)!important}.nav-item[data-page="booking"].active .nav-label,.nav-item[data-page="booking"].active .nav-icon{color:#fff!important}@media(max-width:540px){#p3i5wCartTop{right:16px!important;top:88px!important;width:46px!important;height:46px!important}.p3i5w-modal{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 34px)!important}.p3i5w-row{grid-template-columns:minmax(0,1fr) auto!important}.p3i5w-row button{grid-column:1/-1!important;width:100%!important}.p3i5w-modal footer{flex-direction:column!important;align-items:stretch!important}.p3i5w-modal footer>div{display:flex!important;justify-content:space-between!important}.p3i5w-paygrid{grid-template-columns:1fr!important}.p3i5w-qris,.p3i5w-qris-empty{width:100%!important;height:150px!important}.p3i5w-upload{grid-template-columns:1fr!important}}


/* PHASE 3I.5X booking lifecycle + event/community polish */
#p3i5xCartTopHost{position:fixed;right:calc(50% - 225px + 12px);top:88px;z-index:2147483000;pointer-events:none}
#p3i5xCartTop{pointer-events:auto;width:52px;height:52px;border-radius:18px;border:2px solid rgba(183,255,53,.95);background:#00785d;color:white;box-shadow:0 0 0 5px rgba(183,255,53,.22),0 14px 34px rgba(0,70,45,.32);font-size:21px;display:grid;place-items:center;position:relative;cursor:pointer}
#p3i5xCartTop em{position:absolute;right:-8px;top:-10px;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:#b7ff35;color:#053b2d;border:2px solid #fff;font-size:12px;font-style:normal;font-weight:1000;display:grid;place-items:center;line-height:1}
#p3i5xCartHost{position:relative;z-index:2147483200}.p3i5x-backdrop{position:fixed;inset:0;background:rgba(5,35,25,.64);backdrop-filter:blur(9px);z-index:2147483201}.p3i5x-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 24px));max-height:86vh;background:#fff;border-radius:24px;box-shadow:0 26px 70px rgba(0,0,0,.32);z-index:2147483202;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;color:#073d2f}.p3i5x-modal header,.p3i5x-modal footer{padding:14px 16px;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e4eee8}.p3i5x-modal footer{border-top:1px solid #e4eee8;border-bottom:0}.p3i5x-modal h2{margin:2px 0 0;font-size:20px}.p3i5x-modal small{color:#63756e}.p3i5x-modal button{border:0;border-radius:16px;background:#eef8f1;color:#06402f;font-weight:1000;padding:10px 14px;cursor:pointer}.p3i5x-body{overflow:auto;padding:12px;display:grid;gap:10px}.p3i5x-msg{border:1px solid #d5efbd;background:#f2ffe7;border-radius:16px;padding:10px 12px;font-weight:900}.p3i5x-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:6px 0}.p3i5x-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid #dbe8e0;border-radius:16px;background:#fff;padding:12px}.p3i5x-row div{display:grid;gap:2px;min-width:0}.p3i5x-row b,.p3i5x-row span,.p3i5x-row small{min-width:0;overflow:hidden;text-overflow:ellipsis}.p3i5x-row strong{white-space:nowrap}.p3i5x-row.waiting{background:#fffaf0;border-color:#f3d998}.p3i5x-row.paid{background:#f3fff7;border-color:#c7efd3}.p3i5x-box{border:1px solid #dbe8e0;border-radius:18px;padding:12px;display:grid;gap:10px}.p3i5x-box.waiting{background:#fffaf0;border-color:#f3d998}.p3i5x-box.paid{background:#f3fff7;border-color:#c7efd3}.p3i5x-box.history{background:#f7fbff;border-color:#d7e7ff}.p3i5x-pill{display:inline-flex;width:max-content;border-radius:999px;background:#fff1c6;color:#7a4d00;padding:6px 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:1000}.p3i5x-pill.paid{background:#cef8d8;color:#075f37}.p3i5x-pill.history{background:#e8f1ff;color:#154276}.p3i5x-payment{border:1px dashed #e9c978;background:#fffdf5;border-radius:16px;padding:12px;display:grid;gap:10px}.p3i5x-paygrid{display:grid;grid-template-columns:1fr 108px;gap:10px;align-items:center}.p3i5x-paygrid div{display:grid;gap:2px}.p3i5x-qris,.p3i5x-qris-empty{width:108px;height:108px;border-radius:14px;border:1px solid #e2e9e4;object-fit:cover;display:grid;place-items:center;text-align:center;font-size:11px;color:#60736b;background:#fff}.p3i5x-upload{display:flex;gap:8px;flex-wrap:wrap}.p3i5x-upload input{max-width:180px}.p3i5x-wa{display:inline-flex;align-items:center;border-radius:14px;padding:9px 12px;background:#e9fff1;color:#06402f;text-decoration:none;font-weight:1000}.p3i5x-empty{border:1px solid #e0ebe4;border-radius:16px;padding:14px;background:#fff;display:grid;gap:6px}.p3i5x-history-btn{width:100%;background:#fff!important;border:1px solid #dbe8e0!important}.p3i5x-scan-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:2147483300}.p3i5x-scan{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 24px));background:#fff;border-radius:22px;overflow:hidden;z-index:2147483301;box-shadow:0 24px 70px rgba(0,0,0,.35)}.p3i5x-scan header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px}.p3i5x-scan video{width:100%;height:310px;background:#032e22;display:block;object-fit:cover}.p3i5x-scan p,.p3i5x-scan-note{padding:12px 16px;margin:0;color:#355448}.p3i5x-scan-note{background:#eef8f1;font-weight:900}.p3i5x-event-tabs{width:min(430px,100%);margin:10px auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#fff;border:1px solid #dbe8e0;border-radius:18px;padding:6px}.p3i5x-event-tabs button{border:0;border-radius:14px;padding:12px;font-weight:1000;background:transparent;color:#073d2f}.p3i5x-event-tabs button.active{background:#00785d;color:#fff;box-shadow:inset 0 -3px 0 #b7ff35}.event-card,.event-card *{box-sizing:border-box;min-width:0}.event-card{overflow:hidden}.event-card .btn-row{flex-wrap:wrap}.event-card .meta-list,.event-card .page-subtitle,.event-card small,.event-card strong{overflow-wrap:anywhere}.p3i5x-booking-history{display:grid;gap:12px}.p3i5x-booking-log{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid #dbe8e0;border-radius:18px;background:#fff;padding:14px}.p3i5x-booking-log div{display:grid;gap:2px;min-width:0}.p3i5x-booking-log strong{text-transform:capitalize;border-radius:999px;background:#eef8f1;padding:7px 10px}.p3i5x-home-card{border:1px solid #dbe8e0;border-radius:24px;background:linear-gradient(135deg,#fff,#f2fbf3);padding:16px;display:grid;gap:10px;margin-bottom:14px}.p3i5x-home-card h2{margin:0}.p3i5x-home-booking{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid #dbe8e0;border-radius:16px;background:#fff;padding:12px}.p3i5x-home-booking div{display:grid;gap:2px}.p3i5x-home-booking button{border:0;border-radius:14px;background:#008b69;color:#fff;font-weight:1000;padding:10px 12px}.p3i5x-community-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#f2fbf4)!important}.p3i5x-community-card:before{content:"";position:absolute;inset:0 0 auto 0;height:76px;background:linear-gradient(135deg,rgba(0,120,93,.18),rgba(183,255,53,.16));pointer-events:none}.p3i5x-community-banner{min-height:150px;border-radius:26px;margin-bottom:14px;padding:18px;display:flex;align-items:flex-end;background:linear-gradient(135deg,#004733,#168768);background-size:cover;background-position:center;color:white;overflow:hidden;position:relative}.p3i5x-community-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.58))}.p3i5x-community-banner>div{position:relative;z-index:1}.p3i5x-community-banner h2{margin:2px 0;font-size:26px}.p3i5x-upload-label{display:grid;gap:6px;margin-top:10px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.p3i5x-upload-label input{border:1px solid #dbe8e0;border-radius:14px;padding:10px;background:#fff;text-transform:none;letter-spacing:0;font-weight:700}
@media(max-width:520px){#p3i5xCartTopHost{right:18px;top:170px}.p3i5x-modal{width:calc(100vw - 22px);max-height:84vh}.p3i5x-row{grid-template-columns:1fr auto}.p3i5x-row button{grid-column:2}.p3i5x-paygrid{grid-template-columns:1fr}.p3i5x-qris,.p3i5x-qris-empty{width:100%;height:140px}.p3i5x-home-booking{grid-template-columns:1fr}.booking-page,.booking-screen,.p3i5m-booking-screen,.p3i5k-booking-screen{max-width:100vw!important;width:100%!important;overflow-x:hidden!important}.booking-page .card,.p3i5m-court-card,.p3i5k-court-card{max-width:calc(100vw - 28px)!important}.booking-page .slot-list,.p3i5m-slot-list,.p3i5k-slot-list{max-height:360px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}}


/* PHASE 3I.5Y — single cart visual hardening */
#p3i5xCartTopHost,#p3i5wTopHost,#p3i5wCartHost,#p3i5xCartHost,#p3i5vCartHost,#p3i5uCartTopHost,#p3i5uCartHost,#topbarCartButton{display:none!important;pointer-events:none!important;visibility:hidden!important}
#p3i5yCartTopHost{position:fixed;right:max(18px,calc((100vw - 430px)/2 + 8px));top:88px;z-index:2147483600;pointer-events:auto}
.p3i5y-cart-top{width:58px;height:58px;border-radius:22px;border:2px solid rgba(183,255,53,.85);background:linear-gradient(135deg,#006f56,#004533);color:#fff;box-shadow:0 0 0 5px rgba(183,255,53,.24),0 16px 34px rgba(0,88,66,.30);display:grid;place-items:center;position:relative;cursor:pointer;font-size:24px}.p3i5y-cart-top em{position:absolute;right:-8px;top:-10px;min-width:24px;height:24px;border-radius:999px;background:#b7ff35;color:#063f32;border:2px solid #fff;font-style:normal;font-size:13px;font-weight:1000;display:grid;place-items:center;line-height:1}
#p3i5yCartHost{position:relative;z-index:2147483500}.p3i5y-backdrop{position:fixed;inset:0;background:rgba(5,35,25,.64);backdrop-filter:blur(9px);z-index:2147483501}.p3i5y-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 24px));max-height:86vh;background:#fff;border-radius:24px;box-shadow:0 26px 70px rgba(0,0,0,.32);z-index:2147483502;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;color:#073d2f}.p3i5y-modal header,.p3i5y-modal footer{padding:14px 16px;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e4eee8}.p3i5y-modal footer{border-top:1px solid #e4eee8;border-bottom:0}.p3i5y-modal h2{margin:2px 0 0;font-size:20px}.p3i5y-modal small{color:#63756e}.p3i5y-modal button{border:0;border-radius:16px;background:#eef8f1;color:#06402f;font-weight:1000;padding:10px 14px;cursor:pointer}.p3i5y-body{overflow:auto;padding:12px;display:grid;gap:10px}.p3i5y-msg{border:1px solid #d5efbd;background:#f2ffe7;border-radius:16px;padding:10px 12px;font-weight:900}.p3i5y-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:6px 0}.p3i5y-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid #dbe8e0;border-radius:16px;background:#fff;padding:12px}.p3i5y-row div{display:grid;gap:2px;min-width:0}.p3i5y-row b,.p3i5y-row span,.p3i5y-row small{min-width:0;overflow:hidden;text-overflow:ellipsis}.p3i5y-row strong{white-space:nowrap}.p3i5y-row.waiting{background:#fffaf0;border-color:#f3d998}.p3i5y-row.paid{background:#f3fff7;border-color:#c7efd3}.p3i5y-box{border:1px solid #dbe8e0;border-radius:18px;padding:12px;display:grid;gap:10px}.p3i5y-box.waiting{background:#fffaf0;border-color:#f3d998}.p3i5y-box.paid{background:#f3fff7;border-color:#c7efd3}.p3i5y-box.history{background:#f7fbff;border-color:#d7e7ff}.p3i5y-pill{display:inline-flex;width:max-content;border-radius:999px;background:#fff1c6;color:#7a4d00;padding:6px 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:1000}.p3i5y-pill.paid{background:#cef8d8;color:#075f37}.p3i5y-pill.history{background:#e8f1ff;color:#154276}.p3i5y-payment{border:1px dashed #e9c978;background:#fffdf5;border-radius:16px;padding:12px;display:grid;gap:10px}.p3i5y-paygrid{display:grid;grid-template-columns:1fr 108px;gap:10px;align-items:center}.p3i5y-paygrid div{display:grid;gap:2px}.p3i5y-qris,.p3i5y-qris-empty{width:108px;height:108px;border-radius:14px;border:1px solid #e2e9e4;object-fit:cover;display:grid;place-items:center;text-align:center;font-size:11px;color:#60736b;background:#fff}.p3i5y-upload{display:flex;gap:8px;flex-wrap:wrap}.p3i5y-upload input{max-width:180px}.p3i5y-wa{display:inline-flex;align-items:center;border-radius:14px;padding:9px 12px;background:#e9fff1;color:#06402f;text-decoration:none;font-weight:1000}.p3i5y-empty{border:1px solid #e0ebe4;border-radius:16px;padding:14px;background:#fff;display:grid;gap:6px}.p3i5y-scan-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:2147483601}.p3i5y-scan{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 24px));background:#fff;border-radius:22px;overflow:hidden;z-index:2147483602;box-shadow:0 24px 70px rgba(0,0,0,.35)}.p3i5y-scan header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px}.p3i5y-scan video{width:100%;height:310px;background:#032e22;display:block;object-fit:cover}.p3i5y-scan p{padding:12px 16px;margin:0;color:#355448}.community-hero-premium .btn-primary{display:inline-flex!important;visibility:visible!important;pointer-events:auto!important}
@media(max-width:520px){#p3i5yCartTopHost{right:18px;top:170px}.p3i5y-modal{width:calc(100vw - 22px);max-height:84vh}.p3i5y-row{grid-template-columns:1fr auto}.p3i5y-row button{grid-column:2}.p3i5y-paygrid{grid-template-columns:1fr}.p3i5y-qris,.p3i5y-qris-empty{width:100%;height:140px}}

/* PHASE 3I.5Z — final single cart + payment total + community create */
#p3i5yCartTopHost,#p3i5xCartTopHost,#p3i5wTopHost,#p3i5wCartHost,#p3i5xCartHost,#p3i5vCartHost,#p3i5uCartTopHost,#p3i5uCartHost,#topbarCartButton,.p3i5y-cart-top,.p3i5x-cart-top,.p3i5w-cart-top,.p3i5v-cart-top,.p3i5s-cart-top,.p3i5q-cart-top,.p3i5r-cart-top{display:none!important;visibility:hidden!important;pointer-events:none!important;animation:none!important}
#p3i5zCartTopHost{position:fixed;right:max(16px,calc((100vw - 430px)/2 + 8px));top:154px;z-index:2147483640;pointer-events:auto}.p3i5z-cart-top{width:58px;height:58px;border-radius:20px;border:3px solid #b7ff35;background:linear-gradient(135deg,#008869,#003f30);color:#fff;display:grid;place-items:center;position:relative;box-shadow:0 0 0 5px rgba(183,255,53,.23),0 18px 36px rgba(0,70,50,.32);font-size:23px;cursor:pointer;animation:none!important}.p3i5z-cart-top em{position:absolute;right:-9px;top:-9px;min-width:25px;height:25px;padding:0 6px;border-radius:999px;background:#b7ff35;color:#053a2d;border:2px solid #fff;font-style:normal;font-weight:1000;font-size:13px;line-height:21px;display:grid;place-items:center;box-shadow:0 5px 12px rgba(0,0,0,.18);overflow:visible}.p3i5z-backdrop{position:fixed;inset:0;background:rgba(5,35,25,.62);backdrop-filter:blur(9px);z-index:2147483630}.p3i5z-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 24px));max-height:88vh;background:#fff;border-radius:24px;box-shadow:0 28px 70px rgba(0,0,0,.34);z-index:2147483631;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;color:#073d2f}.p3i5z-modal header,.p3i5z-modal footer{padding:14px 16px;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e3eee8}.p3i5z-modal footer{border-top:1px solid #e3eee8;border-bottom:0}.p3i5z-modal h2{margin:2px 0 0;font-size:20px}.p3i5z-modal button{border:0;border-radius:16px;background:#eef8f1;color:#06402f;font-weight:1000;padding:10px 14px;cursor:pointer}.p3i5z-modal footer button{background:#008b6c;color:#fff;min-width:170px}.p3i5z-body{overflow:auto;padding:12px;display:grid;gap:12px}.p3i5z-msg{border:1px solid #d5efbd;background:#f2ffe7;border-radius:16px;padding:10px 12px;font-weight:900}.p3i5z-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.p3i5z-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid #dce9e1;border-radius:16px;background:#fff;padding:12px}.p3i5z-row div{display:grid;gap:2px;min-width:0}.p3i5z-row b,.p3i5z-row span,.p3i5z-row small{min-width:0;overflow:hidden;text-overflow:ellipsis}.p3i5z-row strong{white-space:nowrap}.p3i5z-row.pending{background:#fffaf0;border-color:#f3d998}.p3i5z-row.paid{background:#f4fff7;border-color:#c7efd3}.p3i5z-box{border:1px solid #dce9e1;border-radius:18px;padding:12px;display:grid;gap:10px}.p3i5z-box.waiting{background:#fffaf0;border-color:#f3d998}.p3i5z-box.paid{background:#f4fff7;border-color:#c7efd3}.p3i5z-box.history{background:#f7fbff;border-color:#d7e7ff}.p3i5z-pill{display:inline-flex;width:max-content;border-radius:999px;background:#fff1c6;color:#7a4d00;padding:6px 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:1000}.p3i5z-pill.paid{background:#cef8d8;color:#075f37}.p3i5z-pill.history{background:#e8f1ff;color:#154276}.p3i5z-empty{border:1px solid #e0ebe4;border-radius:16px;padding:14px;background:#fff;display:grid;gap:6px}.p3i5z-paybox{border:1px dashed #e7c76f;background:#fffdf4;border-radius:18px;padding:12px;display:grid;gap:10px}.p3i5z-paybox p{margin:0;color:#375448}.p3i5z-paygrid{display:grid;grid-template-columns:1fr 108px;gap:10px;align-items:center}.p3i5z-paygrid div{display:grid;gap:2px}.p3i5z-qris,.p3i5z-qris-empty{width:108px;height:108px;border-radius:14px;border:1px solid #e2e9e4;object-fit:cover;display:grid;place-items:center;text-align:center;font-size:11px;color:#60736b;background:#fff}.p3i5z-upload{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.p3i5z-upload input{max-width:180px}.p3i5z-wa{display:inline-flex;align-items:center;border-radius:14px;padding:9px 12px;background:#e9fff1;color:#06402f;text-decoration:none;font-weight:1000}.p3i5z-scan-backdrop,.p3i5z-community-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:2147483635}.p3i5z-scan,.p3i5z-community-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 24px));background:#fff;border-radius:22px;overflow:hidden;z-index:2147483636;box-shadow:0 24px 70px rgba(0,0,0,.35);color:#073d2f}.p3i5z-scan header,.p3i5z-community-modal header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e4eee8}.p3i5z-scan video{width:100%;height:310px;background:#032e22;display:block;object-fit:cover}.p3i5z-scan p{padding:12px 16px;margin:0;color:#355448}.p3i5z-community-modal{padding:0 16px 16px;display:grid;gap:12px}.p3i5z-community-modal header{margin:0 -16px 4px}.p3i5z-community-modal label{display:grid;gap:6px;font-weight:900}.p3i5z-community-modal input,.p3i5z-community-modal textarea{border:1px solid #d5e4da;border-radius:14px;padding:12px;background:#fff;font:inherit}.p3i5z-community-modal>[data-p3i5z-community-save]{border:0;border-radius:16px;background:#008b6c;color:#fff;font-weight:1000;padding:13px;cursor:pointer}.community-hero-premium .btn-primary,[data-p3i5z-community-open]{display:inline-flex!important;visibility:visible!important;pointer-events:auto!important}
@media(max-width:520px){#p3i5zCartTopHost{right:18px;top:168px}.p3i5z-modal{width:calc(100vw - 22px);max-height:86vh}.p3i5z-row{grid-template-columns:1fr auto}.p3i5z-row button{grid-column:2}.p3i5z-paygrid{grid-template-columns:1fr}.p3i5z-qris,.p3i5z-qris-empty{width:100%;height:140px}}

/* PHASE 3I.5AA definitive single cart CSS */
#p3i5zCartTopHost,#p3i5xCartTopHost,#p3i5yCartTopHost,#p3i5wTopHost,#p3i5wCartHost,#p3i5xCartHost,#p3i5vCartHost,#p3i5uCartTopHost,#p3i5uCartHost,#p3i5zCartHost,#topbarCartButton,.p3i5z-cart-top,.p3i5x-cart-top,.p3i5y-cart-top,.p3i5w-cart-top,.p3i5v-cart-top,.p3i5s-cart-top,.p3i5q-cart-top,.p3i5r-cart-top{display:none!important;visibility:hidden!important;pointer-events:none!important;animation:none!important}
#p3i5aaCartTopHost{position:fixed;right:max(18px,calc((100vw - 430px)/2 + 10px));top:168px;z-index:2147483645;pointer-events:auto;overflow:visible!important}.p3i5aa-cart-top{width:58px;height:58px;border-radius:20px;border:3px solid #b7ff35;background:linear-gradient(135deg,#008b6c,#003d2e);color:#fff;display:grid;place-items:center;position:relative;box-shadow:0 0 0 5px rgba(183,255,53,.25),0 20px 38px rgba(0,60,45,.36);font-size:23px;cursor:pointer;overflow:visible!important;animation:none!important}.p3i5aa-cart-top em{position:absolute;right:-10px;top:-10px;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:#b7ff35;color:#073d2f;border:2px solid #fff;font-style:normal;font-weight:1000;font-size:13px;line-height:22px;display:grid;place-items:center;box-shadow:0 5px 14px rgba(0,0,0,.20);overflow:visible!important;z-index:2}.p3i5aa-backdrop{position:fixed;inset:0;background:rgba(5,35,25,.62);backdrop-filter:blur(9px);z-index:2147483630}.p3i5aa-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 24px));max-height:88vh;background:#fff;border-radius:24px;box-shadow:0 28px 70px rgba(0,0,0,.34);z-index:2147483631;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;color:#073d2f}.p3i5aa-modal header,.p3i5aa-modal footer{padding:14px 16px;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e3eee8}.p3i5aa-modal footer{border-top:1px solid #e3eee8;border-bottom:0}.p3i5aa-modal h2{margin:2px 0 0;font-size:20px}.p3i5aa-modal button{border:0;border-radius:16px;background:#eef8f1;color:#06402f;font-weight:1000;padding:10px 14px;cursor:pointer}.p3i5aa-modal footer button{background:#008b6c;color:#fff;min-width:170px}.p3i5aa-body{overflow:auto;padding:12px;display:grid;gap:12px}.p3i5aa-msg{border:1px solid #d5efbd;background:#f2ffe7;border-radius:16px;padding:10px 12px;font-weight:900}.p3i5aa-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.p3i5aa-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid #dce9e1;border-radius:16px;background:#fff;padding:12px}.p3i5aa-row div{display:grid;gap:2px;min-width:0}.p3i5aa-row b,.p3i5aa-row span,.p3i5aa-row small{min-width:0;overflow:hidden;text-overflow:ellipsis}.p3i5aa-row strong{white-space:nowrap}.p3i5aa-row.waiting{background:#fffaf0;border-color:#f3d998}.p3i5aa-row.paid{background:#f4fff7;border-color:#c7efd3}.p3i5aa-box{border:1px solid #dce9e1;border-radius:18px;padding:12px;display:grid;gap:10px}.p3i5aa-box.waiting{background:#fffaf0;border-color:#f3d998}.p3i5aa-box.paid{background:#f4fff7;border-color:#c7efd3}.p3i5aa-pill{display:inline-flex;width:max-content;border-radius:999px;background:#fff1c6;color:#7a4d00;padding:6px 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:1000}.p3i5aa-pill.paid{background:#cef8d8;color:#075f37}.p3i5aa-empty{border:1px solid #e0ebe4;border-radius:16px;padding:14px;background:#fff;display:grid;gap:6px}.p3i5aa-payment{border:1px dashed #e7c76f;background:#fffdf4;border-radius:18px;padding:12px;display:grid;gap:12px}.p3i5aa-pay-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.p3i5aa-pay-head div{display:grid;gap:3px}.p3i5aa-pay-head b{font-size:20px}.p3i5aa-addons{border:1px solid #edf1df;background:#fbfff4;border-radius:16px;padding:10px;display:grid;gap:8px}.p3i5aa-addon{display:flex;justify-content:space-between;gap:10px;align-items:center}.p3i5aa-addon span{display:grid}.p3i5aa-addon small{color:#5f746c}.p3i5aa-addon div{display:flex;align-items:center;gap:6px}.p3i5aa-addon button{width:30px;height:30px;padding:0;border-radius:10px}.p3i5aa-addon em{font-style:normal;font-weight:1000;min-width:18px;text-align:center}.p3i5aa-pay-grid{display:grid;grid-template-columns:1fr 108px;gap:10px;align-items:center}.p3i5aa-pay-grid div{display:grid;gap:2px}.p3i5aa-pay-grid small{color:#5f746c}.p3i5aa-qris-empty,.p3i5aa-pay-grid img{width:108px;height:108px;border-radius:14px;border:1px solid #e2e9e4;object-fit:cover;display:grid;place-items:center;text-align:center;font-size:11px;color:#60736b;background:#fff}.p3i5aa-upload{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.p3i5aa-upload input{max-width:190px}.p3i5aa-upload a{display:inline-flex;align-items:center;border-radius:14px;padding:9px 12px;background:#e9fff1;color:#06402f;text-decoration:none;font-weight:1000}.p3i5aa-scan-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:2147483635}.p3i5aa-scan{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 24px));background:#fff;border-radius:22px;overflow:hidden;z-index:2147483636;box-shadow:0 24px 70px rgba(0,0,0,.35);color:#073d2f}.p3i5aa-scan header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e4eee8}.p3i5aa-scan video{width:100%;height:310px;background:#032e22;display:block;object-fit:cover}.p3i5aa-scan p{padding:12px 16px;margin:0;color:#355448}@media(max-width:520px){#p3i5aaCartTopHost{right:18px;top:168px}.p3i5aa-modal{width:calc(100vw - 22px);max-height:86vh}.p3i5aa-row{grid-template-columns:1fr auto}.p3i5aa-row button{grid-column:2}.p3i5aa-paygrid{grid-template-columns:1fr}.p3i5aa-qris-empty,.p3i5aa-pay-grid img{width:100%;height:140px}}

/* 3I.5AB single stable cart final */
[id*='CartTopHost']:not(#p3i5abTopHost),
#topbarCartButton,
#p3i5aaCartTopHost,
#p3i5wTopHost,
#p3i5uCartTopHost,
#p3i5vCartTopHost,
#p3i5rCartTopHost,
#p3i5qCartTopHost,
#p3i5pCartTopHost,
#p3i5oCartTopHost,
#p3i5mCartTopHost,
.p3i5aa-backdrop,.p3i5aa-modal,
.p3i5w-backdrop,.p3i5w-modal,
.p3i5v-backdrop,.p3i5v-modal,
.p3i5s-backdrop,.p3i5s-modal,
.p3i5r-backdrop,.p3i5r-modal,
.p3i5q-backdrop,.p3i5q-modal,
.p3i5p-cart-backdrop,.p3i5p-cart-modal,
.p3i5o-cart-backdrop,.p3i5o-cart-modal,
.p3i5m-cart-backdrop,.p3i5m-cart-modal,
.p3i5e-cart-backdrop,.p3i5e-cart-drawer,
.p3i5f-cart-backdrop,.p3i5f-cart-drawer{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important;}
#p3i5abTopHost{position:fixed;right:max(16px,calc((100vw - 430px)/2 + 10px));top:168px;z-index:2147483647;pointer-events:auto;overflow:visible!important;contain:none!important;}
.p3i5ab-cart-top{width:56px;height:56px;border-radius:18px;border:3px solid #b7ff35;background:linear-gradient(145deg,#08795f,#003f30);color:white;display:grid;place-items:center;position:relative;box-shadow:0 0 0 5px rgba(183,255,53,.25),0 18px 36px rgba(0,58,42,.34);font-size:23px;cursor:pointer;animation:none!important;transition:transform .15s ease,box-shadow .15s ease;overflow:visible!important;}
.p3i5ab-cart-top:active{transform:scale(.96)}
.p3i5ab-cart-top em{position:absolute;right:-9px;top:-9px;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:#b7ff35;color:#073d2f;border:2px solid #fff;display:grid;place-items:center;font-style:normal;font-weight:1000;font-size:13px;line-height:22px;box-shadow:0 5px 14px rgba(0,0,0,.22);z-index:2;overflow:visible!important;}
#p3i5abCartHost{position:relative;z-index:2147483646;}
.p3i5ab-backdrop{position:fixed;inset:0;background:rgba(5,35,25,.62);backdrop-filter:blur(8px);z-index:2147483638;}
.p3i5ab-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 24px));max-height:88vh;background:#fff;border-radius:24px;box-shadow:0 28px 70px rgba(0,0,0,.34);z-index:2147483639;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;color:#073d2f;}
.p3i5ab-modal header,.p3i5ab-modal footer{padding:14px 16px;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e4eee8;}
.p3i5ab-modal footer{border-top:1px solid #e4eee8;border-bottom:0}.p3i5ab-modal h2{margin:2px 0 0;font-size:20px}.p3i5ab-modal button{border:0;border-radius:16px;background:#eef8f1;color:#06402f;font-weight:1000;padding:10px 14px;cursor:pointer}.p3i5ab-modal footer button{background:#008b6c;color:#fff;min-width:170px}.p3i5ab-modal footer button:disabled{opacity:.5;background:#d9e8df;color:#5b6f67}.p3i5ab-body{overflow:auto;padding:12px;display:grid;gap:12px;-webkit-overflow-scrolling:touch}.p3i5ab-msg{border:1px solid #d5efbd;background:#f2ffe7;border-radius:16px;padding:10px 12px;font-weight:900}.p3i5ab-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid #dce9e1;border-radius:16px;background:#fff;padding:12px}.p3i5ab-row div{display:grid;gap:2px;min-width:0}.p3i5ab-row b,.p3i5ab-row span,.p3i5ab-row small{min-width:0;overflow:hidden;text-overflow:ellipsis}.p3i5ab-row strong{white-space:nowrap}.p3i5ab-row.waiting{background:#fffaf0;border-color:#f3d998}.p3i5ab-row.ready{background:#f4fff7;border-color:#c7efd3}.p3i5ab-box{border:1px solid #dce9e1;border-radius:18px;padding:12px;display:grid;gap:10px}.p3i5ab-box.waiting{background:#fffaf0;border-color:#f3d998}.p3i5ab-box.ready{background:#f4fff7;border-color:#c7efd3}.p3i5ab-pill{display:inline-flex;width:max-content;border-radius:999px;background:#fff1c6;color:#7a4d00;padding:6px 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:1000}.p3i5ab-pill.ready{background:#cef8d8;color:#075f37}.p3i5ab-empty{border:1px solid #e0ebe4;border-radius:16px;padding:14px;background:#fff;display:grid;gap:6px}.p3i5ab-payment{border:1px dashed #e7c76f;background:#fffdf4;border-radius:18px;padding:12px;display:grid;gap:12px}.p3i5ab-pay-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.p3i5ab-pay-head div{display:grid;gap:3px}.p3i5ab-pay-head b{font-size:20px}.p3i5ab-addons{border:1px solid #edf1df;background:#fbfff4;border-radius:16px;padding:10px;display:grid;gap:8px}.p3i5ab-addon{display:flex;justify-content:space-between;gap:10px;align-items:center}.p3i5ab-addon span{display:grid}.p3i5ab-addon small{color:#5f746c}.p3i5ab-addon div{display:flex;align-items:center;gap:6px}.p3i5ab-addon button{width:30px;height:30px;padding:0;border-radius:10px}.p3i5ab-addon em{font-style:normal;font-weight:1000;min-width:18px;text-align:center}.p3i5ab-pay-grid{display:grid;grid-template-columns:1fr 108px;gap:10px;align-items:center}.p3i5ab-pay-grid div{display:grid;gap:2px}.p3i5ab-pay-grid small{color:#5f746c}.p3i5ab-qris-empty,.p3i5ab-pay-grid img{width:108px;height:108px;border-radius:14px;border:1px solid #e2e9e4;object-fit:cover;display:grid;place-items:center;text-align:center;font-size:11px;color:#60736b;background:#fff}.p3i5ab-upload{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.p3i5ab-upload input{max-width:190px}.p3i5ab-upload a{display:inline-flex;align-items:center;border-radius:14px;padding:9px 12px;background:#e9fff1;color:#06402f;text-decoration:none;font-weight:1000}.p3i5ab-scan-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:2147483640}.p3i5ab-scan{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 24px));background:#fff;border-radius:22px;overflow:hidden;z-index:2147483641;box-shadow:0 24px 70px rgba(0,0,0,.35);color:#073d2f}.p3i5ab-scan header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e4eee8}.p3i5ab-scan video{width:100%;height:310px;background:#032e22;display:block;object-fit:cover}.p3i5ab-scan p{padding:12px 16px;margin:0;color:#355448}@media(max-width:520px){#p3i5abTopHost{right:18px;top:168px}.p3i5ab-modal{width:calc(100vw - 22px);max-height:86vh}.p3i5ab-row{grid-template-columns:1fr auto}.p3i5ab-row button{grid-column:2}.p3i5ab-pay-grid{grid-template-columns:1fr}.p3i5ab-qris-empty,.p3i5ab-pay-grid img{width:100%;height:140px}}

/* PHASE 3I.5AC definitive cart portal; neutral ids avoid legacy CartHost purge */
#bookingLifecycleTopPortal{position:fixed;right:max(16px,calc((100vw - 430px)/2 + 10px));top:168px;z-index:2147483646;pointer-events:auto;overflow:visible!important;contain:none!important;}
.p3i5ac-cart-top{width:56px;height:56px;border-radius:18px;border:3px solid #b7ff35;background:linear-gradient(145deg,#08795f,#003f30);color:white;display:grid;place-items:center;position:relative;box-shadow:0 0 0 5px rgba(183,255,53,.25),0 18px 36px rgba(0,58,42,.34);font-size:23px;cursor:pointer;animation:none!important;transition:transform .15s ease,box-shadow .15s ease;overflow:visible!important;}
.p3i5ac-cart-top:active{transform:scale(.96)}.p3i5ac-cart-top em{position:absolute;right:-9px;top:-9px;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:#b7ff35;color:#073d2f;border:2px solid #fff;display:grid;place-items:center;font-style:normal;font-weight:1000;font-size:13px;line-height:22px;box-shadow:0 5px 14px rgba(0,0,0,.22);z-index:2;overflow:visible!important;}
#bookingLifecycleDrawerPortal{position:relative;z-index:2147483647}.p3i5ac-backdrop{position:fixed;inset:0;background:rgba(5,35,25,.62);backdrop-filter:blur(8px);z-index:2147483642;pointer-events:auto!important}.p3i5ac-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 24px));max-height:88vh;background:#fff;border-radius:24px;box-shadow:0 28px 70px rgba(0,0,0,.34);z-index:2147483643;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;color:#073d2f;pointer-events:auto!important}.p3i5ac-modal header,.p3i5ac-modal footer{padding:14px 16px;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e4eee8}.p3i5ac-modal footer{border-top:1px solid #e4eee8;border-bottom:0}.p3i5ac-modal h2{margin:2px 0 0;font-size:20px}.p3i5ac-modal h3{margin:0;font-size:16px}.p3i5ac-modal button{border:0;border-radius:16px;background:#eef8f1;color:#06402f;font-weight:1000;padding:10px 14px;cursor:pointer;pointer-events:auto!important}.p3i5ac-modal footer button{background:#008b6c;color:#fff;min-width:170px}.p3i5ac-body{overflow:auto;padding:12px;display:grid;gap:12px;-webkit-overflow-scrolling:touch}.p3i5ac-msg{border:1px solid #d5efbd;background:#f2ffe7;border-radius:16px;padding:10px 12px;font-weight:900}.p3i5ac-title{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.p3i5ac-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid #dce9e1;border-radius:16px;background:#fff;padding:12px;margin-bottom:8px}.p3i5ac-row div{display:grid;gap:2px;min-width:0}.p3i5ac-row b,.p3i5ac-row span,.p3i5ac-row small{min-width:0;overflow:hidden;text-overflow:ellipsis}.p3i5ac-row strong{white-space:nowrap}.p3i5ac-row.waiting{background:#fffaf0;border-color:#f3d998}.p3i5ac-row.ready{background:#f4fff7;border-color:#c7efd3}.p3i5ac-box{border:1px solid #dce9e1;border-radius:18px;padding:12px;display:grid;gap:10px}.p3i5ac-box.waiting{background:#fffaf0;border-color:#f3d998}.p3i5ac-box.ready{background:#f4fff7;border-color:#c7efd3}.p3i5ac-pill{display:inline-flex;width:max-content;border-radius:999px;background:#fff1c6;color:#7a4d00;padding:6px 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:1000}.p3i5ac-pill.ready{background:#cef8d8;color:#075f37}.p3i5ac-empty{border:1px solid #e0ebe4;border-radius:16px;padding:14px;background:#fff;display:grid;gap:6px}.p3i5ac-payment{border:1px dashed #e7c76f;background:#fffdf4;border-radius:18px;padding:12px;display:grid;gap:12px}.p3i5ac-pay-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.p3i5ac-pay-head div{display:grid;gap:3px}.p3i5ac-pay-head b{font-size:20px}.p3i5ac-addons{border:1px solid #edf1df;background:#fbfff4;border-radius:16px;padding:10px;display:grid;gap:8px}.p3i5ac-addon{display:flex;justify-content:space-between;gap:10px;align-items:center}.p3i5ac-addon span{display:grid}.p3i5ac-addon small{color:#5f746c}.p3i5ac-addon div{display:flex;align-items:center;gap:6px}.p3i5ac-addon button{width:30px;height:30px;padding:0;border-radius:10px}.p3i5ac-addon em{font-style:normal;font-weight:1000;min-width:18px;text-align:center}.p3i5ac-pay-grid{display:grid;grid-template-columns:1fr 108px;gap:10px;align-items:center}.p3i5ac-pay-grid div{display:grid;gap:2px}.p3i5ac-pay-grid small{color:#5f746c}.p3i5ac-qris-empty,.p3i5ac-pay-grid img{width:108px;height:108px;border-radius:14px;border:1px solid #e2e9e4;object-fit:cover;display:grid;place-items:center;text-align:center;font-size:11px;color:#60736b;background:#fff}.p3i5ac-upload{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.p3i5ac-upload input{max-width:190px}.p3i5ac-upload a{display:inline-flex;align-items:center;border-radius:14px;padding:9px 12px;background:#e9fff1;color:#06402f;text-decoration:none;font-weight:1000}.p3i5ac-scan-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:2147483644}.p3i5ac-scan{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 24px));background:#fff;border-radius:22px;overflow:hidden;z-index:2147483645;box-shadow:0 24px 70px rgba(0,0,0,.35);color:#073d2f}.p3i5ac-scan header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e4eee8}.p3i5ac-scan video{width:100%;height:310px;background:#032e22;display:block;object-fit:cover}.p3i5ac-scan p{padding:12px 16px;margin:0;color:#355448}@media(max-width:520px){#bookingLifecycleTopPortal{right:18px;top:168px}.p3i5ac-modal{width:calc(100vw - 22px);max-height:86vh}.p3i5ac-row{grid-template-columns:1fr auto}.p3i5ac-row button{grid-column:2}.p3i5ac-pay-grid{grid-template-columns:1fr}.p3i5ac-qris-empty,.p3i5ac-pay-grid img{width:100%;height:140px}}

/* PHASE 3I.5AE — Static top-menu cart, no floating cart */
#bookingLifecycleTopPortal,
#p3i5abTopHost,#p3i5aaTopHost,#p3i5wTopHost,#p3i5vCartHost,#p3i5uCartTopHost,#p3i5rCartHost,#p3i5sCartHost,
#p3i5qCartHost,#p3i5pCartHost,#p3i5oCartHost,#p3i5mCartHost,#p3i5kCartHost,#p3i5eCartHost,#p3i5fCartHost,
#topbarCartButton:not(.p3i5ae-static-cart){display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important;animation:none!important;}
#bookingLifecycleDrawerPortal:not(#staticBookingCartPortal),#p3i5abModalHost,#p3i5aaModalHost,#p3i5wCartHost{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important;}
.p3i5ae-static-cart{width:46px!important;height:46px!important;min-width:46px!important;border-radius:17px!important;border:2px solid rgba(183,255,53,.85)!important;background:linear-gradient(145deg,#08795f,#003f30)!important;color:#fff!important;display:inline-grid!important;place-items:center!important;position:relative!important;box-shadow:0 0 0 4px rgba(183,255,53,.22),0 12px 28px rgba(0,67,49,.24)!important;cursor:pointer!important;overflow:visible!important;animation:none!important;flex:0 0 auto!important;margin-left:8px!important;z-index:20!important;}
.p3i5ae-static-cart span{font-size:21px;line-height:1;display:block;filter:drop-shadow(0 1px 0 rgba(0,0,0,.14));}
.p3i5ae-static-cart em{position:absolute!important;right:-8px!important;top:-8px!important;min-width:24px!important;height:24px!important;padding:0 7px!important;border-radius:999px!important;background:#b7ff35!important;color:#063d2f!important;border:2px solid #fff!important;display:grid!important;place-items:center!important;font-style:normal!important;font-weight:1000!important;font-size:12px!important;line-height:20px!important;box-shadow:0 6px 14px rgba(0,0,0,.22)!important;z-index:2!important;overflow:visible!important;clip:auto!important;}
.topbar-main-actions{overflow:visible!important;align-items:center!important;gap:8px!important;}
@media(max-width:520px){.p3i5ae-static-cart{width:42px!important;height:42px!important;min-width:42px!important;border-radius:15px!important;margin-left:6px!important}.p3i5ae-static-cart em{right:-7px!important;top:-7px!important;min-width:22px!important;height:22px!important;font-size:11px!important}}
#staticBookingCartPortal{position:relative!important;z-index:2147483647!important;}
#staticBookingCartPortal .p3i5ae-backdrop{position:fixed!important;inset:0!important;background:rgba(5,35,25,.62)!important;backdrop-filter:blur(8px)!important;z-index:2147483600!important;pointer-events:auto!important;}
#staticBookingCartPortal .p3i5ae-modal{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(430px,calc(100vw - 24px))!important;max-height:min(88vh,780px)!important;background:#fff!important;border-radius:24px!important;box-shadow:0 28px 70px rgba(0,0,0,.34)!important;z-index:2147483601!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto 1fr auto!important;color:#073d2f!important;pointer-events:auto!important;}
#staticBookingCartPortal .p3i5ae-modal header,#staticBookingCartPortal .p3i5ae-modal footer{padding:14px 16px!important;background:#fff!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;border-bottom:1px solid #e4eee8!important;}
#staticBookingCartPortal .p3i5ae-modal footer{border-top:1px solid #e4eee8!important;border-bottom:0!important;}
#staticBookingCartPortal .p3i5ae-modal h2{margin:2px 0 0!important;font-size:20px!important;}
#staticBookingCartPortal .p3i5ae-modal h3{margin:0!important;font-size:16px!important;}
#staticBookingCartPortal .p3i5ae-modal button{border:0!important;border-radius:16px!important;background:#eef8f1!important;color:#06402f!important;font-weight:1000!important;padding:10px 14px!important;cursor:pointer!important;pointer-events:auto!important;}
#staticBookingCartPortal .p3i5ae-modal footer button{background:#008b6c!important;color:#fff!important;min-width:170px!important;}
#staticBookingCartPortal .p3i5ae-modal footer button:disabled{opacity:.55!important;background:#d9e8df!important;color:#5b6f67!important;}
#staticBookingCartPortal .p3i5ae-body{overflow:auto!important;padding:12px!important;display:grid!important;gap:12px!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;}
#staticBookingCartPortal .p3i5ae-msg{border:1px solid #d5efbd!important;background:#f2ffe7!important;border-radius:16px!important;padding:10px 12px!important;font-weight:900!important;}
#staticBookingCartPortal .p3i5ae-title{display:flex!important;justify-content:space-between!important;gap:10px!important;margin-bottom:8px!important;}
#staticBookingCartPortal .p3i5ae-row{display:grid!important;grid-template-columns:1fr auto auto!important;gap:10px!important;align-items:center!important;border:1px solid #dce9e1!important;border-radius:16px!important;background:#fff!important;padding:12px!important;margin-bottom:8px!important;}
#staticBookingCartPortal .p3i5ae-row div{display:grid!important;gap:2px!important;min-width:0!important;}
#staticBookingCartPortal .p3i5ae-row b,#staticBookingCartPortal .p3i5ae-row span,#staticBookingCartPortal .p3i5ae-row small{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#staticBookingCartPortal .p3i5ae-row strong{white-space:nowrap!important;}
#staticBookingCartPortal .p3i5ae-row.waiting{background:#fffaf0!important;border-color:#f3d998!important;}
#staticBookingCartPortal .p3i5ae-row.ready{background:#f4fff7!important;border-color:#c7efd3!important;}
#staticBookingCartPortal .p3i5ae-box{border:1px solid #dce9e1!important;border-radius:18px!important;padding:12px!important;display:grid!important;gap:10px!important;}
#staticBookingCartPortal .p3i5ae-box.waiting{background:#fffaf0!important;border-color:#f3d998!important;}
#staticBookingCartPortal .p3i5ae-box.ready{background:#f4fff7!important;border-color:#c7efd3!important;}
#staticBookingCartPortal .p3i5ae-pill{display:inline-flex!important;width:max-content!important;border-radius:999px!important;background:#fff1c6!important;color:#7a4d00!important;padding:6px 10px!important;font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-weight:1000!important;}
#staticBookingCartPortal .p3i5ae-pill.ready{background:#cef8d8!important;color:#075f37!important;}
#staticBookingCartPortal .p3i5ae-empty{border:1px solid #e0ebe4!important;border-radius:16px!important;padding:14px!important;background:#fff!important;display:grid!important;gap:6px!important;}
#staticBookingCartPortal .p3i5ae-payment{border:1px dashed #e7c76f!important;background:#fffdf4!important;border-radius:18px!important;padding:12px!important;display:grid!important;gap:12px!important;}
#staticBookingCartPortal .p3i5ae-pay-head{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:start!important;}
#staticBookingCartPortal .p3i5ae-pay-head div{display:grid!important;gap:3px!important;}
#staticBookingCartPortal .p3i5ae-pay-head b{font-size:20px!important;}
#staticBookingCartPortal .p3i5ae-pay-grid{display:grid!important;grid-template-columns:1fr 108px!important;gap:10px!important;align-items:center!important;}
#staticBookingCartPortal .p3i5ae-pay-grid div{display:grid!important;gap:2px!important;}
#staticBookingCartPortal .p3i5ae-pay-grid small{color:#5f746c!important;}
#staticBookingCartPortal .p3i5ae-qris-empty,#staticBookingCartPortal .p3i5ae-pay-grid img{width:108px!important;height:108px!important;border-radius:14px!important;border:1px solid #e2e9e4!important;object-fit:cover!important;display:grid!important;place-items:center!important;text-align:center!important;font-size:11px!important;color:#60736b!important;background:#fff!important;}
#staticBookingCartPortal .p3i5ae-upload{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;}
#staticBookingCartPortal .p3i5ae-upload input{max-width:190px!important;}
#staticBookingCartPortal .p3i5ae-upload a{display:inline-flex!important;align-items:center!important;border-radius:14px!important;padding:9px 12px!important;background:#e9fff1!important;color:#06402f!important;text-decoration:none!important;font-weight:1000!important;}
@media(max-width:520px){#staticBookingCartPortal .p3i5ae-modal{width:calc(100vw - 22px)!important;max-height:86vh!important}#staticBookingCartPortal .p3i5ae-row{grid-template-columns:1fr auto!important}#staticBookingCartPortal .p3i5ae-row button{grid-column:2!important}#staticBookingCartPortal .p3i5ae-pay-grid{grid-template-columns:1fr!important}#staticBookingCartPortal .p3i5ae-qris-empty,#staticBookingCartPortal .p3i5ae-pay-grid img{width:100%!important;height:140px!important}}

/* PHASE 3I.5AG — debug removed from bottom nav; debug remains available from top menu */
.bottom-nav [data-page="debug"],
.bottom-nav .debug-entry,
.bottom-nav .nav-item[data-page="debug"],
.bottom-nav button[data-page="debug"]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}


/* PHASE 3I.5AH — stable cart badge + community editor */
#staticBookingCartButton.p3i5ah-static-cart{position:relative!important;display:inline-grid!important;place-items:center!important;width:56px!important;height:56px!important;min-width:56px!important;border:1px solid rgba(6,64,47,.45)!important;border-radius:18px!important;background:linear-gradient(145deg,#006f55,#034534)!important;color:#fff!important;box-shadow:0 12px 28px rgba(0,80,60,.28),0 0 0 4px rgba(185,255,62,.22)!important;overflow:visible!important;z-index:80!important;cursor:pointer!important;animation:none!important;transform:none!important;}
#staticBookingCartButton.p3i5ah-static-cart span{font-size:24px!important;line-height:1!important;filter:none!important;}
#staticBookingCartButton.p3i5ah-static-cart .p3i5ah-cart-badge{position:absolute!important;right:-8px!important;top:-9px!important;display:grid!important;place-items:center!important;min-width:23px!important;height:23px!important;padding:0 6px!important;border-radius:999px!important;background:#b9ff3e!important;color:#063b2d!important;border:2px solid #fff!important;font-size:13px!important;font-style:normal!important;font-weight:1000!important;line-height:1!important;box-shadow:0 6px 16px rgba(0,0,0,.16)!important;overflow:visible!important;clip-path:none!important;}
#staticBookingCartButton.p3i5ah-static-cart .p3i5ah-cart-badge[hidden]{display:none!important;}
#p3i5ahCommunityPortal{position:relative;z-index:2147483646!important;}
#p3i5ahCommunityPortal .p3i5ah-community-backdrop{position:fixed!important;inset:0!important;background:rgba(5,32,24,.52)!important;backdrop-filter:blur(10px)!important;z-index:2147483646!important;}
#p3i5ahCommunityPortal .p3i5ah-community-modal{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(520px,calc(100vw - 24px))!important;max-height:88vh!important;overflow:auto!important;background:#fff!important;border-radius:26px!important;border:1px solid rgba(6,64,47,.14)!important;box-shadow:0 35px 90px rgba(5,32,24,.35)!important;z-index:2147483647!important;color:#06402f!important;}
#p3i5ahCommunityPortal .p3i5ah-community-modal header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:18px 20px!important;border-bottom:1px solid #e1ebe5!important;position:sticky!important;top:0!important;background:#fff!important;z-index:2!important;}
#p3i5ahCommunityPortal .p3i5ah-community-modal h3{margin:0!important;font-size:24px!important;}
#p3i5ahCommunityPortal .p3i5ah-community-modal small,.p3i5ah-community-card small{letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:900!important;color:#5e756d!important;}
#p3i5ahCommunityPortal .p3i5ah-community-modal button{border:0!important;border-radius:16px!important;padding:11px 14px!important;font-weight:1000!important;background:#eef8f1!important;color:#06402f!important;cursor:pointer!important;}
#p3i5ahCommunityPortal .p3i5ah-community-body{display:grid!important;gap:14px!important;padding:18px 20px 22px!important;}
#p3i5ahCommunityPortal label{display:grid!important;gap:8px!important;font-weight:900!important;}
#p3i5ahCommunityPortal input,#p3i5ahCommunityPortal textarea{width:100%!important;border:1px solid #d3e1da!important;border-radius:16px!important;padding:12px 14px!important;font:inherit!important;color:#06402f!important;background:#fff!important;box-sizing:border-box!important;}
#p3i5ahCommunityPortal .p3i5ah-save-community{background:#008b6c!important;color:#fff!important;width:100%!important;}
.p3i5ah-community-upload-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;}
.p3i5ah-mini-preview{display:block!important;border:1px solid #dce9e1!important;border-radius:16px!important;padding:6px!important;background:#f7fbf8!important;}
.p3i5ah-mini-preview img{width:56px!important;height:56px!important;border-radius:14px!important;object-fit:cover!important;display:block!important;}
.p3i5ah-mini-preview.wide img{width:100%!important;height:70px!important;}
.p3i5ah-community-preview,.p3i5ah-community-detail-banner{min-height:130px!important;border-radius:24px!important;background:linear-gradient(135deg,#06402f,#07866b)!important;background-size:cover!important;background-position:center!important;position:relative!important;overflow:hidden!important;color:#fff!important;display:flex!important;align-items:end!important;padding:18px!important;}
.p3i5ah-community-preview:before,.p3i5ah-community-detail-banner:before,.p3i5ah-community-card-bg:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.58))!important;}
.p3i5ah-community-preview>* , .p3i5ah-community-detail-banner>*{position:relative!important;z-index:1!important;}
.p3i5ah-community-card{position:relative!important;overflow:hidden!important;}
.p3i5ah-community-card-bg{height:116px!important;margin:-16px -16px 14px!important;background:linear-gradient(135deg,#06402f,#16997b)!important;background-size:cover!important;background-position:center!important;position:relative!important;border-radius:22px 22px 14px 14px!important;}
.p3i5ah-community-card .community-card-top,.p3i5ah-community-card .community-stat-row,.p3i5ah-community-card .community-benefit,.p3i5ah-community-card .btn-row{position:relative!important;z-index:1!important;}
.p3i5ah-community-detail-banner{margin-bottom:16px!important;justify-content:space-between!important;align-items:end!important;gap:14px!important;}
.p3i5ah-community-detail-banner h2{margin:0!important;color:#fff!important;font-size:28px!important;}
.p3i5ah-community-detail-banner p{margin:4px 0 0!important;color:rgba(255,255,255,.9)!important;}
@media(max-width:520px){.p3i5ah-community-upload-grid{grid-template-columns:1fr!important}#staticBookingCartButton.p3i5ah-static-cart{width:52px!important;height:52px!important;min-width:52px!important}.p3i5ah-community-detail-banner{display:grid!important}}

/* 3I.5AW Event Card Clean Layout */
.p3i5aw-event-card{position:relative;overflow:hidden;padding:0!important;border-radius:24px!important;box-shadow:0 18px 44px rgba(6,45,34,.08)!important;border:1px solid rgba(7,59,45,.10)!important;background:linear-gradient(135deg,#fff,rgba(245,255,247,.96))!important;}
.p3i5aw-event-card .p3i5aw-bg-strip{height:8px;background:linear-gradient(90deg,#b8ff3b,#09865e);opacity:.95;}
.p3i5aw-event-card.has-bg .p3i5aw-bg-strip{height:48px;background-image:linear-gradient(90deg,rgba(4,54,40,.85),rgba(4,54,40,.28)),var(--p3i5aw-bg);background-size:cover;background-position:center;}
.p3i5aw-main{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:14px 14px 8px;align-items:start;}
.p3i5aw-left{min-width:0}.p3i5aw-datebox{width:66px;min-height:82px;border-radius:20px;background:rgba(239,250,244,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 0 0 1px rgba(7,59,45,.06)}
.p3i5aw-datebox strong{font-size:18px;line-height:1;color:#034b38}.p3i5aw-datebox span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#034b38}.p3i5aw-datebox em{font-size:9px;font-style:normal;font-weight:900;letter-spacing:.06em;color:#057653;max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p3i5aw-date-full{display:none}
.p3i5aw-content{min-width:0}.p3i5aw-title-row{display:flex;align-items:flex-start;gap:8px;justify-content:space-between}.p3i5aw-title{font-size:17px!important;line-height:1.1!important;word-break:break-word;max-width:100%;overflow-wrap:anywhere}.p3i5aw-status{flex:0 0 auto;max-width:82px;white-space:normal;text-align:center;font-size:10px!important;line-height:1.1!important;padding:7px 9px!important;border-radius:999px!important;}
.p3i5aw-community-line{display:flex;align-items:center;gap:8px;margin:8px 0 5px;color:#064a38;font-weight:800;font-size:12px;min-width:0}.p3i5aw-community-line span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p3i5aw-event-avatar{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;flex:0 0 38px;background:linear-gradient(135deg,#b9ff41,#087d59);box-shadow:0 10px 22px rgba(4,73,50,.15);border:2px solid rgba(255,255,255,.95);overflow:hidden}.p3i5aw-event-avatar img{width:100%;height:100%;object-fit:cover;display:block}.p3i5aw-event-avatar span{font-size:11px;font-weight:900;color:#053e30}
.p3i5aw-role-row{display:flex;gap:6px;flex-wrap:wrap;margin:5px 0}.p3i5aw-meta{display:grid;gap:5px;margin-top:7px;font-size:12px;color:#123f35}.p3i5aw-meta span{display:flex;align-items:center;gap:6px;min-width:0}.p3i5aw-meta strong{font-size:12px;color:#064a38}.p3i5aw-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px 14px;border-top:1px solid rgba(7,59,45,.08)}.p3i5aw-actions .btn{min-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p3i5aw-event-card .community-chip{display:none!important}.p3i5aw-event-card .avatar-event:not(.p3i5aw-event-avatar){display:none!important}
@media(max-width:430px){.p3i5aw-main{grid-template-columns:74px 1fr;padding:13px 12px 7px;gap:10px}.p3i5aw-datebox{width:64px}.p3i5aw-title{font-size:16px!important}.p3i5aw-event-avatar{width:36px;height:36px;flex-basis:36px}.p3i5aw-actions{padding:9px 12px 12px}.p3i5aw-status{max-width:72px;font-size:9px!important}}

/* 3I.5AX Events page real redesign (page=events) */
.p3i5ax-main-tabs{margin:14px auto 10px!important;max-width:520px!important;}
.p3i5ax-discovery-screen{max-width:720px!important;margin:0 auto!important;padding-bottom:110px!important;}
.p3i5ax-discovery-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;background:linear-gradient(135deg,#ffffff,#f2fff7)!important;border:1px solid rgba(5,66,50,.10)!important;border-radius:24px!important;padding:18px!important;box-shadow:0 16px 38px rgba(6,45,34,.06)!important;}
.p3i5ax-discovery-top h1{margin:0!important;font-size:26px!important;line-height:1.05!important;color:#06402f!important;}
.p3i5ax-discovery-top p{margin:7px 0 0!important;color:#35594f!important;font-size:13px!important;line-height:1.4!important;}
.p3i5ax-reset{border:0!important;border-radius:16px!important;background:#f3fbf5!important;color:#06402f!important;font-weight:1000!important;padding:12px 16px!important;box-shadow:0 8px 20px rgba(6,45,34,.06)!important;}
.p3i5ax-tabs{display:flex!important;gap:12px!important;margin:18px 0 12px!important;align-items:center!important;}
.p3i5ax-tabs button{border:0!important;background:transparent!important;color:#06402f!important;border-radius:999px!important;padding:12px 18px!important;font-weight:1000!important;letter-spacing:.01em!important;}
.p3i5ax-tabs button.active{background:#008768!important;color:#fff!important;box-shadow:0 12px 24px rgba(0,135,104,.18)!important;}
.p3i5ax-tabs b{margin-left:5px!important;}
.p3i5ax-calendar-strip{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:4px 0 8px!important;scroll-snap-type:x proximity!important;}
.p3i5ax-calendar-strip button{min-width:64px!important;border:0!important;border-radius:18px!important;background:rgba(255,255,255,.68)!important;color:#06402f!important;padding:11px 12px!important;box-shadow:0 10px 20px rgba(6,45,34,.04)!important;scroll-snap-align:start!important;}
.p3i5ax-calendar-strip button.active{background:#008768!important;color:#fff!important;}
.p3i5ax-calendar-strip b{display:block!important;font-size:17px!important;line-height:1!important;}
.p3i5ax-calendar-strip span{display:block!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin-top:3px!important;}
.p3i5ax-filter-card{background:#fff!important;border-radius:24px!important;border:1px solid rgba(5,66,50,.10)!important;box-shadow:0 16px 38px rgba(6,45,34,.06)!important;padding:18px!important;margin:8px 0 24px!important;}
.p3i5ax-search{display:flex!important;align-items:center!important;gap:10px!important;background:#fbfdfb!important;border:1px solid rgba(5,66,50,.10)!important;border-radius:18px!important;padding:12px 14px!important;}
.p3i5ax-search input{border:0!important;outline:0!important;background:transparent!important;width:100%!important;font:inherit!important;color:#06402f!important;}
.p3i5ax-filter-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin-top:12px!important;}
.p3i5ax-filter-row select{border:0!important;background:#f2fbf5!important;color:#06402f!important;border-radius:16px!important;padding:12px!important;font-weight:900!important;min-width:0!important;}
.p3i5ax-date-group{margin:0 0 20px!important;}
.p3i5ax-date-group h3{font-size:20px!important;margin:16px 0 10px!important;color:#06402f!important;}
.p3i5ax-event-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;}
.p3i5ax-event-card{position:relative!important;overflow:hidden!important;border-radius:24px!important;background:linear-gradient(135deg,#ffffff,#f4fff8)!important;border:1px solid rgba(5,66,50,.10)!important;box-shadow:0 18px 44px rgba(6,45,34,.08)!important;color:#06402f!important;}
.p3i5ax-event-card .p3i5ax-cover{height:48px!important;background:linear-gradient(90deg,#b9ff3e,#008768)!important;opacity:.95!important;}
.p3i5ax-event-card.has-bg .p3i5ax-cover{height:58px!important;background-image:linear-gradient(90deg,rgba(5,59,45,.88),rgba(5,59,45,.34)),var(--p3i5ax-bg)!important;background-size:cover!important;background-position:center!important;}
.p3i5ax-body{display:grid!important;grid-template-columns:86px 1fr!important;gap:14px!important;padding:0 16px 10px!important;margin-top:-32px!important;align-items:start!important;}
.p3i5ax-date{width:78px!important;min-height:98px!important;border-radius:22px!important;background:rgba(240,252,246,.96)!important;border:1px solid rgba(5,66,50,.08)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-shadow:0 14px 26px rgba(6,45,34,.08)!important;}
.p3i5ax-date strong{font-size:20px!important;line-height:1!important;}
.p3i5ax-date span{font-size:11px!important;font-weight:1000!important;letter-spacing:.08em!important;}
.p3i5ax-date em{font-size:9px!important;font-style:normal!important;font-weight:1000!important;letter-spacing:.05em!important;max-width:64px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#04795d!important;margin-top:4px!important;text-transform:uppercase!important;}
.p3i5ax-main{min-width:0!important;padding-top:39px!important;}
.p3i5ax-title-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;}
.p3i5ax-title-row h3{font-size:19px!important;line-height:1.08!important;margin:0!important;color:#06402f!important;word-break:break-word!important;}
.p3i5ax-status{flex:0 0 auto!important;max-width:96px!important;border-radius:999px!important;padding:7px 10px!important;font-size:10px!important;font-weight:1000!important;text-transform:uppercase!important;line-height:1.1!important;background:#eef8f1!important;color:#06402f!important;text-align:center!important;}
.p3i5ax-status.full{background:#fff4c7!important;color:#7a5400!important}.p3i5ax-status.cancelled{background:#ffe5e0!important;color:#9a1f14!important}.p3i5ax-status.past{background:#eef2ef!important;color:#62766d!important}.p3i5ax-status.ongoing{background:#dcfff0!important;color:#006b52!important}
.p3i5ax-when{font-size:13px!important;color:#44675d!important;margin:5px 0 8px!important;}
.p3i5ax-community-meta{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin:7px 0!important;font-size:12px!important;font-weight:900!important;color:#06402f!important;}
.p3i5ax-avatar{width:44px!important;height:44px!important;border-radius:999px!important;background:linear-gradient(135deg,#b9ff3e,#008768)!important;border:2px solid #fff!important;box-shadow:0 10px 22px rgba(6,45,34,.16)!important;display:grid!important;place-items:center!important;overflow:hidden!important;flex:0 0 44px!important;}
.p3i5ax-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.p3i5ax-avatar b{font-size:12px!important;color:#06402f!important;}
.p3i5ax-community-meta .role-badges,.p3i5ax-community-meta .role-pill{margin-left:0!important;}
.p3i5ax-meta{display:grid!important;gap:4px!important;font-size:12px!important;color:#244e43!important;margin-top:8px!important;}
.p3i5ax-meta span{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;}
.p3i5ax-meta strong{color:#06402f!important;font-size:12px!important;}
.p3i5ax-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:12px 16px 16px!important;border-top:1px solid rgba(5,66,50,.08)!important;}
.p3i5ax-btn{border:0!important;border-radius:16px!important;min-height:44px!important;padding:10px 12px!important;font-weight:1000!important;color:#06402f!important;background:#eef8f1!important;cursor:pointer!important;}
.p3i5ax-btn.primary{background:#008768!important;color:#fff!important;box-shadow:0 12px 24px rgba(0,135,104,.15)!important;}
.p3i5ax-btn.ghost{background:#fff!important;border:1px solid rgba(5,66,50,.12)!important;}
.p3i5ax-btn.soft{background:#eef8f1!important;}
.p3i5ax-load-more{width:100%!important;margin:8px 0 20px!important;}
.p3i5ax-event-card .p25-avatar-wrap,.p3i5ax-event-card .avatar-event:not(.p3i5ax-avatar){display:none!important;}
@media(min-width:760px){.p3i5ax-discovery-screen{max-width:920px!important}.p3i5ax-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.p3i5ax-main-tabs{max-width:720px!important}}
@media(max-width:430px){.p3i5ax-discovery-top{padding:16px!important}.p3i5ax-discovery-top h1{font-size:22px!important}.p3i5ax-filter-row{grid-template-columns:1fr!important}.p3i5ax-body{grid-template-columns:78px 1fr!important;gap:10px!important;padding-left:12px!important;padding-right:12px!important}.p3i5ax-date{width:70px!important;min-height:92px!important}.p3i5ax-main{padding-top:36px!important}.p3i5ax-title-row h3{font-size:17px!important}.p3i5ax-avatar{width:40px!important;height:40px!important;flex-basis:40px!important}.p3i5ax-status{max-width:72px!important;font-size:9px!important;padding:6px 8px!important}.p3i5ax-actions{padding:10px 12px 14px!important}.p3i5ax-calendar-strip button{min-width:58px!important}.p3i5ax-main-tabs{margin-top:12px!important}}

/* PHASE 3I.5AY — Event UX compression + action flow */
.p3i5ay-discovery-screen{max-width:760px!important;margin:0 auto!important;padding-bottom:108px!important;}
.p3i5ay-discovery-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;background:linear-gradient(135deg,#ffffff,#f4fff8)!important;border:1px solid rgba(5,66,50,.10)!important;border-radius:24px!important;padding:16px 16px!important;box-shadow:0 14px 34px rgba(6,45,34,.055)!important;overflow:hidden!important;}
.p3i5ay-discovery-top h1{font-size:25px!important;line-height:1.02!important;margin:0!important;color:#06402f!important;}
.p3i5ay-discovery-top p{font-size:12.5px!important;line-height:1.38!important;margin:7px 0 0!important;color:#43695f!important;}
.p3i5ay-reset{flex:0 0 auto!important;min-width:76px!important;border:0!important;border-radius:16px!important;background:#f3fbf5!important;color:#06402f!important;font-weight:1000!important;padding:12px 15px!important;box-shadow:0 10px 22px rgba(6,45,34,.065)!important;white-space:nowrap!important;overflow:visible!important;}
.p3i5ay-tabs{display:flex!important;gap:10px!important;margin:18px 0 12px!important;align-items:center!important;overflow-x:auto!important;padding-bottom:2px!important;}
.p3i5ay-tabs button{border:0!important;background:transparent!important;color:#06402f!important;border-radius:999px!important;padding:11px 17px!important;font-weight:1000!important;white-space:nowrap!important;}
.p3i5ay-tabs button.active{background:#008768!important;color:#fff!important;box-shadow:0 12px 24px rgba(0,135,104,.18)!important;}
.p3i5ay-tabs b{margin-left:5px!important;}
.p3i5ay-calendar-strip{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:3px 0 8px!important;scroll-snap-type:x proximity!important;}
.p3i5ay-calendar-strip button{min-width:62px!important;border:0!important;border-radius:18px!important;background:rgba(255,255,255,.72)!important;color:#06402f!important;padding:10px 10px!important;box-shadow:0 10px 20px rgba(6,45,34,.04)!important;scroll-snap-align:start!important;white-space:nowrap!important;}
.p3i5ay-calendar-strip button.active{background:#008768!important;color:#fff!important;}
.p3i5ay-calendar-strip b{display:block!important;font-size:17px!important;line-height:1!important;}
.p3i5ay-calendar-strip span{display:block!important;font-size:9.5px!important;font-weight:1000!important;letter-spacing:.07em!important;text-transform:uppercase!important;margin-top:3px!important;}
.p3i5ay-filter-card{background:#fff!important;border-radius:24px!important;border:1px solid rgba(5,66,50,.10)!important;box-shadow:0 16px 38px rgba(6,45,34,.06)!important;padding:16px!important;margin:8px 0 24px!important;}
.p3i5ay-search{display:flex!important;align-items:center!important;gap:10px!important;background:#fbfdfb!important;border:1px solid rgba(5,66,50,.10)!important;border-radius:18px!important;padding:12px 14px!important;}
.p3i5ay-search input{border:0!important;outline:0!important;background:transparent!important;width:100%!important;font:inherit!important;color:#06402f!important;min-width:0!important;}
.p3i5ay-filter-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:12px!important;}
.p3i5ay-filter-row select{border:0!important;background:#f2fbf5!important;color:#06402f!important;border-radius:16px!important;padding:12px 10px!important;font-weight:900!important;min-width:0!important;width:100%!important;}
.p3i5ay-date-group{margin:0 0 18px!important;}
.p3i5ay-date-group>h3{font-size:19px!important;margin:16px 0 10px!important;color:#06402f!important;}
.p3i5ay-event-grid{display:grid!important;grid-template-columns:1fr!important;gap:13px!important;}
.p3i5ay-event-card{position:relative!important;overflow:hidden!important;border-radius:24px!important;background:linear-gradient(135deg,#ffffff,#f6fff9)!important;border:1px solid rgba(5,66,50,.10)!important;box-shadow:0 18px 42px rgba(6,45,34,.075)!important;color:#06402f!important;}
.p3i5ay-card-strip{height:38px!important;background:linear-gradient(90deg,#b9ff3e,#008768)!important;opacity:.88!important;}
.p3i5ay-event-card.has-bg .p3i5ay-card-strip{background-image:linear-gradient(90deg,rgba(5,59,45,.72),rgba(5,59,45,.16)),var(--p3i5ay-bg)!important;background-size:cover!important;background-position:center!important;filter:saturate(.95)!important;}
.p3i5ay-card-body{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:12px!important;padding:0 14px 10px!important;margin-top:-24px!important;align-items:start!important;}
.p3i5ay-date-box{width:70px!important;min-height:78px!important;border-radius:20px!important;background:rgba(240,252,246,.97)!important;border:1px solid rgba(5,66,50,.08)!important;box-shadow:0 14px 26px rgba(6,45,34,.08)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;overflow:hidden!important;}
.p3i5ay-date-box strong{font-size:20px!important;line-height:1!important;}
.p3i5ay-date-box span{font-size:11px!important;font-weight:1000!important;letter-spacing:.08em!important;text-transform:uppercase!important;line-height:1.15!important;}
.p3i5ay-format{font-size:8.5px!important;font-weight:1000!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#04795d!important;max-width:58px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:4px!important;}
.p3i5ay-main{min-width:0!important;padding-top:27px!important;}
.p3i5ay-title-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;min-width:0!important;}
.p3i5ay-title-row h3{font-size:18px!important;line-height:1.1!important;margin:0!important;color:#06402f!important;word-break:break-word!important;min-width:0!important;}
.p3i5ay-status{flex:0 0 auto!important;border-radius:999px!important;padding:6px 9px!important;font-size:9px!important;font-weight:1000!important;text-transform:uppercase!important;line-height:1.1!important;background:#eef8f1!important;color:#06402f!important;text-align:center!important;max-width:92px!important;white-space:normal!important;}
.p3i5ay-status.full{background:#fff4c7!important;color:#7a5400!important}.p3i5ay-status.cancelled{background:#ffe5e0!important;color:#9a1f14!important}.p3i5ay-status.past{background:#eef2ef!important;color:#62766d!important}.p3i5ay-status.ongoing{background:#dcfff0!important;color:#006b52!important}
.p3i5ay-when{font-size:12.5px!important;color:#486b62!important;margin:5px 0 7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.p3i5ay-community-row{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;font-size:12px!important;font-weight:950!important;color:#06402f!important;margin:6px 0!important;}
.p3i5ay-avatar{width:40px!important;height:40px!important;border-radius:999px!important;background:linear-gradient(135deg,#b9ff3e,#008768)!important;border:2px solid #fff!important;box-shadow:0 10px 22px rgba(6,45,34,.15)!important;display:grid!important;place-items:center!important;overflow:hidden!important;flex:0 0 40px!important;}
.p3i5ay-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.p3i5ay-avatar b{font-size:11px!important;color:#06402f!important;}
.p3i5ay-community-name{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important;}
.p3i5ay-meta-compact{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:6px!important;font-size:12px!important;color:#244e43!important;}
.p3i5ay-meta-compact span{display:inline-flex!important;align-items:center!important;gap:5px!important;min-width:0!important;}
.p3i5ay-meta-compact strong{color:#06402f!important;}
.p3i5ay-role-line{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin-top:7px!important;}
.p3i5ay-role-line .role-badges,.p3i5ay-role-line .role-pill{margin:0!important;}
.p3i5ay-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:11px 14px 14px!important;border-top:1px solid rgba(5,66,50,.08)!important;}
.p3i5ay-actions.three{grid-template-columns:1fr 1fr 1fr!important;}
.p3i5ay-btn{border:0!important;border-radius:16px!important;min-height:42px!important;padding:9px 10px!important;font-weight:1000!important;color:#06402f!important;background:#eef8f1!important;cursor:pointer!important;white-space:nowrap!important;}
.p3i5ay-btn.primary{background:#008768!important;color:#fff!important;box-shadow:0 12px 24px rgba(0,135,104,.15)!important;}
.p3i5ay-btn.ghost{background:#fff!important;border:1px solid rgba(5,66,50,.12)!important;}
.p3i5ay-btn.wa{background:#e9fff4!important;color:#006b52!important;}
.p3i5ay-load-more{width:100%!important;margin:8px 0 20px!important;}
.p3i5ay-booking-history .p3i5x-booking-log{border-radius:20px!important;box-shadow:0 12px 28px rgba(6,45,34,.055)!important;}
@media(min-width:860px){.p3i5ay-discovery-screen{max-width:1040px!important}.p3i5ay-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.p3i5ax-main-tabs,.p3i5ay-main-tabs{max-width:760px!important}.p3i5ay-filter-card{padding:18px!important}}
@media(max-width:430px){.p3i5ay-discovery-screen{padding-left:0!important;padding-right:0!important}.p3i5ay-discovery-top{padding:15px!important}.p3i5ay-discovery-top h1{font-size:23px!important}.p3i5ay-reset{min-width:64px!important;padding:11px 12px!important}.p3i5ay-filter-row{grid-template-columns:1fr!important}.p3i5ay-card-body{grid-template-columns:70px minmax(0,1fr)!important;gap:10px!important;padding-left:12px!important;padding-right:12px!important}.p3i5ay-date-box{width:64px!important;min-height:76px!important}.p3i5ay-main{padding-top:27px!important}.p3i5ay-title-row h3{font-size:17px!important}.p3i5ay-status{max-width:76px!important;font-size:8.5px!important;padding:6px 8px!important}.p3i5ay-avatar{width:38px!important;height:38px!important;flex-basis:38px!important}.p3i5ay-actions{padding:10px 12px 13px!important}.p3i5ay-actions.three{grid-template-columns:1fr 1fr!important}.p3i5ay-actions.three .wa{grid-column:1/-1!important}.p3i5ay-calendar-strip button{min-width:58px!important}}

/* PHASE 3I.5AZ — Event date floating overlay fix
   Keep 3I.5AY renderer, only fix the date badge layer so it sits in front of the banner and never gets clipped. */
.p3i5ay-event-card{position:relative!important;overflow:hidden!important;}
.p3i5ay-event-card .p3i5ay-card-strip{height:56px!important;position:relative!important;z-index:1!important;}
.p3i5ay-event-card .p3i5ay-card-body{display:block!important;position:relative!important;margin-top:-22px!important;padding:24px 14px 10px 98px!important;min-height:122px!important;z-index:2!important;}
.p3i5ay-event-card .p3i5ay-date-box{position:absolute!important;z-index:8!important;left:14px!important;top:0!important;transform:translateY(-16px)!important;width:72px!important;min-height:88px!important;border-radius:22px!important;background:rgba(242,253,247,.98)!important;border:1px solid rgba(5,66,50,.12)!important;box-shadow:0 18px 34px rgba(6,45,34,.16)!important;}
.p3i5ay-event-card .p3i5ay-date-box strong{font-size:22px!important;line-height:.95!important;margin-top:2px!important;}
.p3i5ay-event-card .p3i5ay-date-box span{font-size:11px!important;line-height:1!important;}
.p3i5ay-event-card .p3i5ay-format{max-width:62px!important;font-size:8px!important;line-height:1.1!important;margin-top:5px!important;}
.p3i5ay-event-card .p3i5ay-main{padding-top:0!important;min-width:0!important;}
.p3i5ay-event-card .p3i5ay-title-row{align-items:flex-start!important;}
.p3i5ay-event-card .p3i5ay-title-row h3{padding-right:4px!important;}
.p3i5ay-event-card .p3i5ay-when{white-space:normal!important;line-height:1.25!important;margin-top:3px!important;}
.p3i5ay-event-card .p3i5ay-community-row{margin-top:8px!important;}
@media(max-width:430px){
  .p3i5ay-event-card .p3i5ay-card-strip{height:54px!important;}
  .p3i5ay-event-card .p3i5ay-card-body{padding:23px 12px 9px 92px!important;min-height:118px!important;margin-top:-21px!important;}
  .p3i5ay-event-card .p3i5ay-date-box{left:12px!important;top:0!important;transform:translateY(-15px)!important;width:68px!important;min-height:84px!important;border-radius:21px!important;}
  .p3i5ay-event-card .p3i5ay-date-box strong{font-size:21px!important;}
  .p3i5ay-event-card .p3i5ay-format{max-width:58px!important;font-size:7.6px!important;}
}
@media(max-width:360px){
  .p3i5ay-event-card .p3i5ay-card-body{padding-left:86px!important;}
  .p3i5ay-event-card .p3i5ay-date-box{width:62px!important;min-height:80px!important;}
  .p3i5ay-event-card .p3i5ay-title-row{gap:5px!important;}
}

/* 3I.5BD_CLEAN_CART_ARCHITECTURE
   Cart visual ownership is centralized in app runtime with #p3i5bdCartButton / #p3i5bdPortal.
   This marker prevents future phase patches from reintroducing multiple cart button variants.
*/


/* PHASE 3I.5BE — centralized cart/payment lifecycle UI */
#p3i5bdCartButton,#topbarCartButton,#staticBookingCartButton,#p3iFinalCartButton,#p3i5baCartButton,#p3i5bcCartButton,[data-p3i-final-cart],[id*="CartTopHost"],[id*="CartHost"],.cart-fab,.floating-cart,.p3i5e-topbar-cart,.p3i5f-topbar-cart,.p3i5s-cart-top,.p3i5t-cart-top,.p3i5v-cart-top,.p3i5aa-cart-top,.p3i5ab-cart-top,.p3i5ac-cart-top,.p3i5ad-cart-top{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important}
#p3i5beCartButton{position:relative!important;display:inline-grid!important;place-items:center!important;width:48px!important;height:48px!important;min-width:48px!important;border-radius:17px!important;border:2px solid rgba(183,255,53,.94)!important;background:linear-gradient(145deg,#08795f,#003f30)!important;color:#fff!important;box-shadow:0 0 0 4px rgba(183,255,53,.22),0 12px 26px rgba(0,65,45,.24)!important;cursor:pointer!important;overflow:visible!important;z-index:90!important;flex:0 0 auto!important;margin-left:8px!important;animation:none!important;pointer-events:auto!important}
#p3i5beCartButton .ico{font-size:22px!important;line-height:1!important}#p3i5beCartButton .badge{position:absolute!important;right:-8px!important;top:-8px!important;min-width:24px!important;height:24px!important;padding:0 7px!important;border-radius:999px!important;background:#b7ff35!important;color:#063d2f!important;border:2px solid #fff!important;display:none;place-items:center!important;font-size:12px!important;font-weight:1000!important;line-height:20px!important;box-sizing:border-box!important;box-shadow:0 6px 14px rgba(0,0,0,.20)!important;clip:auto!important;overflow:visible!important}
#p3i5bePortal{position:fixed!important;inset:0!important;display:none!important;z-index:2147483640!important}#p3i5bePortal.open{display:block!important}.p3i5be-backdrop{position:absolute!important;inset:0!important;background:rgba(7,36,28,.67)!important;backdrop-filter:blur(10px)!important}.p3i5be-drawer{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(460px,calc(100vw - 26px))!important;max-height:min(780px,calc(100dvh - 48px))!important;background:#fff!important;border-radius:24px!important;box-shadow:0 28px 85px rgba(0,0,0,.36)!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto 1fr!important;color:#063d31!important}.p3i5be-drawer header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px!important;border-bottom:1px solid #e4eee8!important;gap:12px!important}.p3i5be-drawer header small{display:block!important;color:#60766d!important}.p3i5be-drawer header h3{margin:0!important;font-size:21px!important}.p3i5be-drawer header button,.p3i5be-action{border:0!important;border-radius:15px!important;background:#edf7f1!important;color:#063d31!important;font-weight:1000!important;padding:10px 13px!important;cursor:pointer!important;white-space:nowrap!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.p3i5be-action.primary{background:#008866!important;color:#fff!important}.p3i5be-action.danger{background:#fff0f0!important;color:#9d1c1c!important}.p3i5be-action.wide{width:100%!important}.p3i5be-body{overflow:auto!important;padding:14px!important;display:grid!important;gap:12px!important;max-height:calc(100dvh - 125px)!important;overscroll-behavior:contain!important}.p3i5be-section{display:grid!important;gap:10px!important;border:1px solid #dbece3!important;border-radius:18px!important;background:#fbfffc!important;padding:12px!important}.p3i5be-section.wait{border-color:#f2c86b!important;background:#fffaf0!important}.p3i5be-section.verify{border-color:#f2c86b!important;background:#fff8e6!important}.p3i5be-section.ready{border-color:#bdeecb!important;background:#f2fff6!important}.p3i5be-section.checkout{padding:10px!important}.p3i5be-kicker{display:inline-flex!important;width:max-content!important;border-radius:999px!important;padding:6px 10px!important;background:#e6f9dc!important;color:#03503e!important;font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-weight:1000!important}.p3i5be-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:10px!important;border:1px solid #dbece3!important;border-radius:16px!important;background:#fff!important;padding:11px!important}.p3i5be-row b{display:block!important;color:#063d31!important}.p3i5be-row span{display:block!important;color:#4d6b60!important;font-size:12px!important;line-height:1.28!important}.p3i5be-row small{display:block!important;color:#4d6b60!important;font-size:11px!important}.p3i5be-row strong{color:#007558!important;white-space:nowrap!important}.p3i5be-paybox{border:1px dashed #f0bd4c!important;border-radius:16px!important;background:#fff9eb!important;padding:12px!important;display:grid!important;gap:10px!important}.p3i5be-paybox h4{margin:0!important;color:#063d31!important}.p3i5be-paybox p{margin:0!important}.p3i5be-paygrid{display:grid!important;grid-template-columns:1fr 96px!important;gap:10px!important}.p3i5be-paygrid b,.p3i5be-paygrid span{display:block!important}.p3i5be-qris{width:96px!important;height:96px!important;border-radius:14px!important;border:1px solid #dfeae4!important;background:#fff!important;display:grid!important;place-items:center!important;overflow:hidden!important;text-align:center!important;font-size:11px!important;color:#66776f!important;padding:6px!important}.p3i5be-qris img{width:100%!important;height:100%!important;object-fit:cover!important}.p3i5be-proof{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important}.p3i5be-proof input{min-width:0!important}.p3i5be-help{color:#60766d!important}.p3i5be-error{border-radius:14px!important;background:#fff1f1!important;color:#9d1c1c!important;padding:10px!important;font-size:12px!important}.p3i5be-chip{border-radius:999px!important;padding:8px 11px!important;background:#eef8f3!important;color:#063d31!important;font-weight:1000!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.p3i5be-chip.payment{background:#fff3cd!important;color:#805600!important}.p3i5be-chip.verify{background:#fff3cd!important;color:#805600!important}.p3i5be-chip.ready{background:#e7fff0!important;color:#00664d!important}.p3i5be-chip.history{background:#eef2ef!important;color:#48655a!important}.p3i5be-chip.cart{background:#e8f9dc!important;color:#03503e!important}.p3i5be-filters{display:flex!important;gap:8px!important;overflow:auto!important;padding:6px 0!important}.p3i5be-filters button{border:0!important;border-radius:999px!important;background:#eef8f3!important;color:#063d31!important;padding:9px 12px!important;font-weight:1000!important;white-space:nowrap!important}.p3i5be-filters button.active{background:#008866!important;color:#fff!important}.p3i5be-log{display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;align-items:center!important;background:#fff!important;border:1px solid #dfece4!important;border-radius:18px!important;padding:14px!important;margin:10px 0!important;box-shadow:0 12px 28px rgba(4,64,47,.06)!important}.p3i5be-log>div:last-child{display:flex!important;gap:8px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important}
@media(max-width:520px){#p3i5beCartButton{width:44px!important;height:44px!important;min-width:44px!important;margin-left:6px!important}.p3i5be-drawer{width:calc(100vw - 24px)!important;border-radius:22px!important}.p3i5be-body{max-height:calc(100dvh - 118px)!important}.p3i5be-row{grid-template-columns:1fr auto!important}.p3i5be-paygrid{grid-template-columns:1fr!important}.p3i5be-qris{width:100%!important}.p3i5be-log{grid-template-columns:1fr!important}.p3i5be-log>div:last-child{justify-content:flex-start!important}}


/* PHASE 3I.6 — Admin Booking OPS Stabilization */
.p3i6-shell .opsl-side{position:sticky;top:110px;align-self:start;min-height:calc(100vh - 150px)}
.p3i6-main{max-width:1480px!important;width:100%!important}.p3i6-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,#00523d,#07906c);border-radius:30px;color:#fff;padding:34px 38px;margin-bottom:18px;box-shadow:0 24px 60px rgba(0,68,49,.18)}.p3i6-hero small{letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:#d8ff91}.p3i6-hero h1{margin:7px 0;font-size:38px;line-height:1}.p3i6-hero p{margin:0;color:rgba(255,255,255,.86)}.p3i6-hero>div:last-child{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.p3i6-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0}.p3i6-kpis article{background:#fff;border:1px solid #dfece5;border-radius:22px;padding:18px 20px;box-shadow:0 18px 44px rgba(0,65,47,.07)}.p3i6-kpis small{display:block;color:#70867d;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:900}.p3i6-kpis b{font-size:32px;color:#00765b}.p3i6-admin-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(360px,.85fr);gap:18px;align-items:start}.p3i6-card{background:#fff;border:1px solid #dfece5;border-radius:24px;box-shadow:0 20px 50px rgba(0,65,47,.08);overflow:hidden}.p3i6-board,.p3i6-table{grid-column:1/2}.p3i6-form{grid-column:2/3;grid-row:1/2;position:sticky;top:110px}.p3i6-card-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;border-bottom:1px solid #e7f0eb}.p3i6-card-head small{display:block;color:#6d8279;letter-spacing:.18em;text-transform:uppercase;font-weight:900;font-size:12px}.p3i6-card-head h2{margin:3px 0;font-size:24px}.p3i6-card-head p{margin:0;color:#73877e}.p3i6-board-scroll,.p3i6-table-scroll{overflow:auto;max-height:520px}.p3i6-board table,.p3i6-table table{width:100%;border-collapse:separate;border-spacing:0;min-width:980px}.p3i6-board th,.p3i6-table th{position:sticky;top:0;background:#eaf5ef;z-index:1;color:#034536;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.p3i6-board th,.p3i6-board td,.p3i6-table th,.p3i6-table td{padding:13px 12px;border-bottom:1px solid #e8f0ec;border-right:1px solid #edf4f0;vertical-align:middle}.p3i6-board td{border-radius:10px;font-weight:800;color:#54736a}.p3i6-board td.free{cursor:pointer;background:#fbfffc}.p3i6-board td.free:hover{background:#e7fff3;box-shadow:inset 0 0 0 2px #8ee4bf}.p3i6-board td.busy{background:#fff8e8;color:#014636}.p3i6-board td.waiting_verification{background:#edf5ff}.p3i6-board td.ready_checkin,.p3i6-board td.booked{background:#effff4}.p3i6-board td.cancelled{background:#fff1f1}.p3i6-board td b,.p3i6-board td span,.p3i6-board td em{display:block}.p3i6-board td small,.p3i6-board td em{font-size:11px;color:#60776e}.p3i6-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}.p3i6-form-grid label{font-weight:900;color:#647970;text-transform:uppercase;letter-spacing:.10em;font-size:12px}.p3i6-form-grid .field-input{margin-top:7px}.p3i6-form-grid .wide{grid-column:1/-1}.p3i6-filters{display:grid;grid-template-columns:160px 190px 190px;gap:8px}.p3i6-row:hover{background:#fbfffc}.p3i6-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 10px;font-size:11px;font-weight:1000;letter-spacing:.04em;white-space:nowrap;background:#eef8f3;color:#064535}.p3i6-status.waiting_verification{background:#e8f2ff;color:#0d56a5}.p3i6-status.waiting_payment{background:#fff3cd;color:#876100}.p3i6-status.held,.p3i6-status.cart_hold{background:#ffeac2;color:#875000}.p3i6-status.ready_checkin,.p3i6-status.booked{background:#e5fae9;color:#087248}.p3i6-status.cancelled,.p3i6-status.released,.p3i6-status.expired{background:#ffe2e2;color:#a51f1f}.p3i6-person{display:flex;align-items:center;gap:10px;min-width:170px}.p3i6-person>span{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#b7ff35;color:#064535;font-weight:1000}.p3i6-person b,.p3i6-person small{display:block}.p3i6-person small{color:#5e766d}.p3i6-source{display:inline-flex;border-radius:999px;background:#f0f8f4;padding:7px 10px;font-size:12px;font-weight:800;white-space:nowrap}.p3i6-title{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p3i6-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;min-width:230px}.p3i6-act{border:0;border-radius:11px;background:#eef8f3;color:#064535;font-weight:1000;padding:8px 10px;text-decoration:none;cursor:pointer;white-space:nowrap;font-size:12px}.p3i6-act.wa{background:#11ad5c;color:#fff}.p3i6-act.approve{background:#008866;color:#fff}.p3i6-act.reject,.p3i6-act.release{background:#fff0f0;color:#9d1c1c}.p3i6-empty{text-align:center;padding:28px;color:#6d8279}.p3i6-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 40px);background:#fff;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.32);z-index:2147483647;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.p3i6-backdrop{position:fixed;inset:0;background:rgba(7,42,31,.62);backdrop-filter:blur(8px);z-index:2147483646}.p3i6-modal header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #e4eee8}.p3i6-modal header small{display:block;color:#6d8279;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.p3i6-modal header h2{margin:3px 0 0}.p3i6-modal header button{border:0;border-radius:14px;background:#edf7f1;color:#063d31;font-weight:1000;padding:10px 13px}.p3i6-modal-body{overflow:auto;padding:18px}.p3i6-proof-view{display:grid;gap:12px}.p3i6-proof-view img{width:100%;max-height:62vh;object-fit:contain;border-radius:18px;background:#f4f8f5;border:1px solid #dfece5}.p3i6-proof-view iframe{width:100%;height:62vh;border:0;border-radius:18px}.p3i6-summary{display:grid;gap:7px;background:#f4fbf7;border:1px solid #dcece4;border-radius:18px;padding:14px;margin-bottom:12px}.p3i6-summary b{font-size:20px}.p3i6-summary strong{font-size:22px;color:#00765b}.p3i6-modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}.p3i6-error{color:#a51f1f;margin-top:8px}.p3i6-empty{padding:24px;border-radius:18px;background:#f7faf8;color:#60766d}
@media(max-width:1200px){.p3i6-admin-grid{grid-template-columns:1fr}.p3i6-form,.p3i6-board,.p3i6-table{grid-column:1;grid-row:auto;position:static}.p3i6-kpis{grid-template-columns:repeat(2,1fr)}.p3i6-filters{grid-template-columns:1fr}.p3i6-hero{align-items:flex-start;flex-direction:column}.p3i6-hero h1{font-size:31px}}

/* PHASE 3I.7 — OPS Foundation Finalization Lock */
.p3i7-admin-page{--ops7-green:#00664d;--ops7-green2:#0a8d6a;--ops7-lime:#b7ff35;--ops7-bg:#eef4eb;--ops7-line:#dce9e2;--ops7-ink:#063d31;--ops7-muted:#657d73}.p3i7-shell{align-items:start}.ops7-main{max-width:1500px!important;width:100%!important}.ops7-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#00523d,#0b936e);color:#fff;border-radius:30px;padding:30px 36px;margin-bottom:18px;box-shadow:0 26px 70px rgba(0,70,52,.18)}.ops7-hero small{display:block;text-transform:uppercase;letter-spacing:.13em;font-weight:1000;color:#ddff8d}.ops7-hero h1{font-size:38px;line-height:1.05;margin:7px 0}.ops7-hero p{margin:0;color:rgba(255,255,255,.86)}.ops7-context{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.ops7-context span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.13);border-radius:999px;padding:8px 10px;font-size:12px;font-weight:900}.ops7-context span.hot{background:#fff6d6;color:#6c4a00;border-color:#fff}.ops7-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.ops7-admin-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(360px,.85fr);gap:18px;align-items:start}.ops7-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(340px,.75fr);gap:18px;align-items:start}.ops7-grid.single{grid-template-columns:1fr}.ops7-card{background:#fff;border:1px solid var(--ops7-line);border-radius:24px;box-shadow:0 20px 50px rgba(0,65,47,.08);overflow:hidden}.ops7-form-card{grid-column:2;grid-row:1 / span 2;position:sticky;top:110px}.ops7-table-card{grid-column:1}.ops7-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e8f0ec}.ops7-card-head small{display:block;color:var(--ops7-muted);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:1000}.ops7-card-head h2{font-size:24px;margin:3px 0;color:var(--ops7-ink)}.ops7-card-head p{margin:0;color:var(--ops7-muted)}.ops7-scroll{overflow:auto;max-height:560px}.ops7-scroll table{width:100%;border-collapse:separate;border-spacing:0;min-width:980px}.ops7-scroll th{position:sticky;top:0;z-index:2;background:#eaf5ef;color:#034536;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.ops7-scroll th,.ops7-scroll td{padding:13px 12px;border-bottom:1px solid #e8f0ec;border-right:1px solid #edf4f0;vertical-align:middle}.ops7-slot{font-weight:900;color:#506f65;background:#fbfffc;cursor:pointer;min-width:120px}.ops7-slot:hover{background:#e7fff3;box-shadow:inset 0 0 0 2px #8ee4bf}.ops7-slot b,.ops7-slot small,.ops7-slot em{display:block}.ops7-slot small,.ops7-slot em{font-size:11px;color:#617970}.ops7-slot.waiting_verification{background:#edf5ff}.ops7-slot.waiting_payment,.ops7-slot.held,.ops7-slot.cart_hold{background:#fff8e8}.ops7-slot.ready_checkin,.ops7-slot.booked{background:#effff4}.ops7-slot.cancelled,.ops7-slot.released,.ops7-slot.expired,.ops7-slot.no_show{background:#fff1f1}.ops7-filters{display:grid;grid-template-columns:minmax(160px,1.3fr) 150px 170px 170px;gap:8px;min-width:min(100%,720px)}.ops7-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}.ops7-form-grid label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:1000;color:#60786e}.ops7-form-grid .field-input{margin-top:7px}.ops7-form-grid .wide{grid-column:1/-1}.ops7-help{color:#6b8178;text-transform:none!important;letter-spacing:0!important}.ops7-person{display:flex;align-items:center;gap:10px;min-width:170px}.ops7-person>span{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:var(--ops7-lime);color:#064535;font-weight:1000}.ops7-person b,.ops7-person small{display:block}.ops7-person small{font-size:12px;color:#5e766d}.ops7-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:1000;white-space:nowrap;background:#eef8f3;color:#064535;text-transform:capitalize}.ops7-chip.waiting_verification{background:#e8f2ff;color:#0d56a5}.ops7-chip.waiting_payment,.ops7-chip.held,.ops7-chip.cart_hold{background:#fff3cd;color:#876100}.ops7-chip.ready_checkin,.ops7-chip.booked,.ops7-chip.active,.ops7-chip.player{background:#e5fae9;color:#087248}.ops7-chip.cancelled,.ops7-chip.released,.ops7-chip.expired,.ops7-chip.deleted,.ops7-chip.no_show{background:#ffe2e2;color:#a51f1f}.ops7-chip.inactive,.ops7-chip.rescheduled{background:#edf0f3;color:#42536b}.ops7-row-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;min-width:260px}.ops7-row-actions button,.ops7-row-actions a{border:1px solid rgba(5,89,67,.12);border-radius:11px;background:#eef8f3;color:#064535;font-weight:1000;padding:8px 10px;text-decoration:none;cursor:pointer;white-space:nowrap;font-size:12px}.ops7-row-actions .ok{background:#11ad5c;color:#fff}.ops7-row-actions .warn{background:#fff4d7;color:#775300}.ops7-row-actions .danger{background:#fff0f0;color:#9d1c1c}.ops7-pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 18px;border-top:1px solid #e7f0eb}.ops7-pager button{border:0;border-radius:12px;background:#eef8f3;color:#064535;font-weight:1000;padding:9px 12px}.ops7-pager button:disabled{opacity:.45}.ops7-pager span{font-size:12px;font-weight:900;color:#60786e}.ops7-empty{padding:28px!important;text-align:center!important;color:#60786e!important;background:#f8fbf9!important}.ops7-mobile{padding:24px}.ops7-mobile article{background:#fff;border:1px solid var(--ops7-line);border-radius:24px;padding:24px;box-shadow:0 20px 50px rgba(0,65,47,.09)}
@media(max-width:1280px){.ops7-admin-grid,.ops7-grid{grid-template-columns:1fr}.ops7-form-card,.ops7-table-card{grid-column:1;grid-row:auto;position:static}.ops7-hero{flex-direction:column}.ops7-actions{justify-content:flex-start}.ops7-filters{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.ops7-hero{padding:24px;border-radius:24px}.ops7-hero h1{font-size:30px}.ops7-card-head{align-items:flex-start;flex-direction:column}.ops7-filters{grid-template-columns:1fr;width:100%}.ops7-scroll table{min-width:820px}.ops7-form-grid{grid-template-columns:1fr}.ops7-row-actions{min-width:210px}.opsl-side{position:relative!important;top:auto!important;min-height:auto!important}}

/* PHASE 3I.7B — OPS ADMIN LAYOUT STABILIZATION
   Final safety override for opsAdmin so desktop admin never inherits the 430px mobile player shell.
   Scope is locked to body.ops-desktop-page / body.p3i7-admin-page only. */
body.ops-desktop-page,
body.p3i7-admin-page{
  min-width:0!important;
  overflow-x:hidden!important;
  background:#eef5ea!important;
}
body.ops-desktop-page .app-shell,
body.p3i7-admin-page .app-shell{
  width:100%!important;
  max-width:none!important;
  padding-bottom:0!important;
  min-height:100vh!important;
}
body.ops-desktop-page main.shell.app-main,
body.p3i7-admin-page main.shell.app-main,
body.ops-desktop-page .app-main.shell,
body.p3i7-admin-page .app-main.shell{
  width:min(1680px,calc(100vw - 32px))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:18px 0 70px!important;
}
body.ops-desktop-page #screenRoot,
body.p3i7-admin-page #screenRoot,
body.ops-desktop-page .screen-root,
body.p3i7-admin-page .screen-root{
  width:100%!important;
  max-width:none!important;
  min-height:calc(100vh - 100px)!important;
  margin:0!important;
  overflow:visible!important;
}
body.ops-desktop-page .topbar-inner.shell,
body.p3i7-admin-page .topbar-inner.shell{
  width:min(1680px,calc(100vw - 32px))!important;
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
}
body.ops-desktop-page .topbar-tools-row,
body.p3i7-admin-page .topbar-tools-row,
body.ops-desktop-page .debug-strip,
body.p3i7-admin-page .debug-strip,
body.ops-desktop-page .bottom-nav,
body.p3i7-admin-page .bottom-nav,
body.ops-desktop-page .quick-action-root,
body.p3i7-admin-page .quick-action-root,
body.ops-desktop-page .padel-fab,
body.p3i7-admin-page .padel-fab,
body.ops-desktop-page [data-fab],
body.p3i7-admin-page [data-fab]{display:none!important;visibility:hidden!important;pointer-events:none!important;}
body.ops-desktop-page .opsl-shell.p3i7-shell,
body.p3i7-admin-page .opsl-shell.p3i7-shell,
body.ops-desktop-page .opsl-shell,
body.p3i7-admin-page .opsl-shell{
  width:100%!important;
  max-width:1680px!important;
  margin:0 auto 64px!important;
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
}
body.ops-desktop-page .opsl-side,
body.p3i7-admin-page .opsl-side{
  position:sticky!important;
  top:88px!important;
  height:calc(100vh - 112px)!important;
  min-height:640px!important;
  overflow:auto!important;
  border-radius:28px!important;
  padding:18px!important;
  flex-direction:column!important;
  z-index:2!important;
}
body.ops-desktop-page .opsl-main,
body.p3i7-admin-page .opsl-main,
body.ops-desktop-page .ops7-main,
body.p3i7-admin-page .ops7-main{
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  gap:16px!important;
}
body.ops-desktop-page .ops7-hero,
body.p3i7-admin-page .ops7-hero{
  width:100%!important;
  min-height:132px!important;
  margin:0 0 16px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:22px!important;
  padding:28px 32px!important;
  overflow:hidden!important;
}
body.ops-desktop-page .ops7-hero h1,
body.p3i7-admin-page .ops7-hero h1{
  max-width:none!important;
  white-space:normal!important;
  word-break:normal!important;
}
body.ops-desktop-page .ops7-actions,
body.p3i7-admin-page .ops7-actions{
  flex:0 0 auto!important;
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  max-width:360px!important;
}
body.ops-desktop-page .ops7-admin-grid,
body.p3i7-admin-page .ops7-admin-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.65fr) minmax(360px,.78fr)!important;
  gap:18px!important;
  align-items:start!important;
}
body.ops-desktop-page .ops7-grid,
body.p3i7-admin-page .ops7-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.6fr) minmax(340px,.72fr)!important;
  gap:18px!important;
  align-items:start!important;
}
body.ops-desktop-page .ops7-card,
body.p3i7-admin-page .ops7-card{
  min-width:0!important;
  max-width:100%!important;
}
body.ops-desktop-page .ops7-scroll,
body.p3i7-admin-page .ops7-scroll{
  max-width:100%!important;
  overflow:auto!important;
}
body.ops-desktop-page .ops7-form-card,
body.p3i7-admin-page .ops7-form-card{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  position:sticky!important;
  top:96px!important;
  max-height:calc(100vh - 118px)!important;
  overflow:auto!important;
}
body.ops-desktop-page .ops7-table-card,
body.p3i7-admin-page .ops7-table-card{grid-column:1!important;}
body.ops-desktop-page .ops7-filters,
body.p3i7-admin-page .ops7-filters{
  display:grid!important;
  grid-template-columns:minmax(160px,1.4fr) 145px 160px 160px!important;
  gap:8px!important;
}
@media(max-width:1280px){
  body.ops-desktop-page main.shell.app-main,
  body.p3i7-admin-page main.shell.app-main,
  body.ops-desktop-page .topbar-inner.shell,
  body.p3i7-admin-page .topbar-inner.shell{width:calc(100vw - 24px)!important;}
  body.ops-desktop-page .opsl-shell.p3i7-shell,
  body.p3i7-admin-page .opsl-shell.p3i7-shell{grid-template-columns:220px minmax(0,1fr)!important;gap:16px!important;}
  body.ops-desktop-page .ops7-admin-grid,
  body.p3i7-admin-page .ops7-admin-grid,
  body.ops-desktop-page .ops7-grid,
  body.p3i7-admin-page .ops7-grid{grid-template-columns:1fr!important;}
  body.ops-desktop-page .ops7-form-card,
  body.p3i7-admin-page .ops7-form-card,
  body.ops-desktop-page .ops7-table-card,
  body.p3i7-admin-page .ops7-table-card{grid-column:auto!important;grid-row:auto!important;position:static!important;max-height:none!important;}
}
@media(max-width:760px){
  body.ops-desktop-page main.shell.app-main,
  body.p3i7-admin-page main.shell.app-main{width:calc(100vw - 20px)!important;padding-top:14px!important;}
  body.ops-desktop-page .opsl-shell.p3i7-shell,
  body.p3i7-admin-page .opsl-shell.p3i7-shell{display:block!important;}
  body.ops-desktop-page .opsl-side,
  body.p3i7-admin-page .opsl-side{position:relative!important;top:auto!important;height:auto!important;min-height:auto!important;margin-bottom:12px!important;}
  body.ops-desktop-page .ops7-hero,
  body.p3i7-admin-page .ops7-hero{flex-direction:column!important;padding:22px!important;}
  body.ops-desktop-page .ops7-actions,
  body.p3i7-admin-page .ops7-actions{justify-content:flex-start!important;max-width:none!important;}
  body.ops-desktop-page .ops7-filters,
  body.p3i7-admin-page .ops7-filters{grid-template-columns:1fr!important;}
}
.p3i7b-admin-layout-stabilization-marker{display:none!important;}

/* PHASE 3I.7C — OPS ADMIN REAL DESKTOP RENDERER FIX */
body.p3i7c-admin-page{background:#eef5ea!important;overflow-x:hidden!important;}
body.p3i7c-admin-page .app-shell{width:100%!important;max-width:none!important;min-height:100vh!important;padding-bottom:0!important;}
body.p3i7c-admin-page main.shell.app-main,
body.p3i7c-admin-page .app-main.shell{width:min(1720px,calc(100vw - 32px))!important;max-width:none!important;margin:0 auto!important;padding:18px 0 70px!important;}
body.p3i7c-admin-page #screenRoot,
body.p3i7c-admin-page .screen-root{width:100%!important;max-width:none!important;margin:0!important;min-height:calc(100vh - 112px)!important;overflow:visible!important;}
body.p3i7c-admin-page .topbar-inner.shell{width:min(1720px,calc(100vw - 32px))!important;max-width:none!important;padding-left:0!important;padding-right:0!important;}
body.p3i7c-admin-page .bottom-nav,
body.p3i7c-admin-page .quick-action-root,
body.p3i7c-admin-page .padel-fab,
body.p3i7c-admin-page [data-fab]{display:none!important;visibility:hidden!important;pointer-events:none!important;}
body.p3i7c-admin-page .ops7c-shell{width:100%!important;max-width:1720px!important;margin:0 auto 64px!important;display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:22px!important;align-items:start!important;}
.ops7c-side{position:sticky;top:88px;min-height:calc(100vh - 112px);height:calc(100vh - 112px);overflow:auto;border-radius:30px;padding:18px;background:linear-gradient(180deg,#063f33,#0c8c68);box-shadow:0 24px 70px rgba(6,63,51,.18);display:flex;flex-direction:column;gap:10px;color:#fff;}
.ops7c-brand{display:flex;align-items:center;gap:12px;padding:8px 8px 18px;border-bottom:1px solid rgba(255,255,255,.18);margin-bottom:6px}.ops7c-brand>span{width:42px;height:42px;border-radius:16px;background:#fff;color:#064535;display:grid;place-items:center;font-weight:1000}.ops7c-brand b,.ops7c-brand small{display:block}.ops7c-brand small{opacity:.75}.ops7c-side button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.09);color:#fff;border-radius:18px;padding:13px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;font-weight:900}.ops7c-side button i{font-style:normal;width:28px;height:28px;border-radius:12px;background:rgba(255,255,255,.16);display:grid;place-items:center}.ops7c-side button b,.ops7c-side button small{display:block}.ops7c-side button small{font-size:11px;opacity:.74}.ops7c-side button.active{background:#fff;color:#064535;box-shadow:0 14px 34px rgba(0,0,0,.14)}.ops7c-side button.active i{background:#e5f7ed}.ops7c-main{min-width:0!important;width:100%!important;display:grid!important;gap:16px!important;}
.ops7c-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#00523d,#0b936e);color:#fff;border-radius:30px;padding:30px 36px;margin:0 0 2px;box-shadow:0 26px 70px rgba(0,70,52,.18);width:100%;overflow:hidden}.ops7c-hero small{display:block;text-transform:uppercase;letter-spacing:.13em;font-weight:1000;color:#ddff8d}.ops7c-hero h1{font-size:40px;line-height:1.02;margin:7px 0;letter-spacing:-.05em}.ops7c-hero p{margin:0;color:rgba(255,255,255,.87);max-width:760px}.ops7c-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ops7c-kpis article{background:#fff;border:1px solid #dce9e2;border-radius:22px;padding:16px 18px;box-shadow:0 14px 38px rgba(0,65,47,.07)}.ops7c-kpis small{display:block;color:#647b72;text-transform:uppercase;font-size:11px;letter-spacing:.12em;font-weight:1000}.ops7c-kpis b{display:block;color:#063d31;font-size:30px;line-height:1.05;margin-top:4px}.ops7c-board{min-width:0}.ops7c-loading{padding:30px;color:#60786e;font-weight:900;text-align:center}
body.p3i7c-admin-page .ops7-admin-grid{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1.62fr) minmax(360px,.78fr)!important;gap:18px!important;align-items:start!important;}
body.p3i7c-admin-page .ops7-grid{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(340px,.72fr)!important;gap:18px!important;align-items:start!important;}
body.p3i7c-admin-page .ops7-grid.single{grid-template-columns:1fr!important}.ops7-card{min-width:0}.ops7-card-head{min-width:0}.ops7-card-head>*{min-width:0}.ops7-card-head h2{line-height:1.06}.ops7-scroll{max-width:100%;overflow:auto}.ops7-scroll table{min-width:900px}.ops7-form-card{grid-column:2!important;grid-row:1 / span 2!important;position:sticky!important;top:96px!important;max-height:calc(100vh - 118px)!important;overflow:auto!important}.ops7-table-card{grid-column:1!important}.ops7-filters{display:grid!important;grid-template-columns:minmax(170px,1.3fr) 150px 170px!important;gap:8px!important}.ops7-row-actions{min-width:240px}
@media(max-width:1280px){body.p3i7c-admin-page main.shell.app-main,body.p3i7c-admin-page .topbar-inner.shell{width:calc(100vw - 24px)!important}.ops7c-shell{grid-template-columns:220px minmax(0,1fr)!important;gap:16px!important}.ops7c-hero{flex-direction:column}.ops7-actions{justify-content:flex-start}.ops7c-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}body.p3i7c-admin-page .ops7-admin-grid,body.p3i7c-admin-page .ops7-grid{grid-template-columns:1fr!important}.ops7-form-card,.ops7-table-card{grid-column:auto!important;grid-row:auto!important;position:static!important;max-height:none!important}}
@media(max-width:760px){body.p3i7c-admin-page main.shell.app-main{width:calc(100vw - 20px)!important}.ops7c-shell{display:block!important}.ops7c-side{position:relative!important;top:auto!important;height:auto!important;min-height:auto!important;margin-bottom:12px}.ops7c-hero{padding:22px;border-radius:24px}.ops7c-hero h1{font-size:31px}.ops7c-kpis{grid-template-columns:1fr 1fr}.ops7-card-head{flex-direction:column;align-items:flex-start}.ops7-filters{grid-template-columns:1fr!important;width:100%}.ops7-form-grid{grid-template-columns:1fr!important}}
.p3i7c-admin-real-renderer-marker{display:none!important;}

/* PHASE 3I.8 — ADMIN ENTERPRISE DENSITY + OPS POLISH
   Centralized OPS CSS only. Tightens admin density without touching mobile gameplay shell. */
body.p3i8-admin-enterprise-density,
body.p3i8-admin-enterprise-density.p3i7c-admin-page{
  --ops8-bg:#eef4ec;
  --ops8-surface:#ffffff;
  --ops8-line:#dce9e2;
  --ops8-line-soft:#edf4f0;
  --ops8-ink:#003f35;
  --ops8-muted:#637b72;
  --ops8-primary:#057d60;
  --ops8-primary-2:#07966f;
  --ops8-soft:#eef8f3;
  --ops8-warn:#fff2c8;
  --ops8-danger:#fff1f0;
  background:var(--ops8-bg)!important;
}
body.p3i8-admin-enterprise-density .topbar{min-height:72px!important;border-bottom:1px solid rgba(0,63,53,.12)!important;background:rgba(245,250,246,.92)!important;backdrop-filter:blur(16px)!important;}
body.p3i8-admin-enterprise-density .topbar-inner.shell{width:min(1760px,calc(100vw - 48px))!important;}
body.p3i8-admin-enterprise-density main.shell.app-main{width:min(1760px,calc(100vw - 48px))!important;padding-top:14px!important;}
body.p3i8-admin-enterprise-density .ops7c-shell{grid-template-columns:236px minmax(0,1fr)!important;gap:18px!important;max-width:1760px!important;margin-bottom:48px!important;}
body.p3i8-admin-enterprise-density .ops7c-side{top:86px!important;height:calc(100vh - 104px)!important;min-height:calc(100vh - 104px)!important;border-radius:24px!important;padding:14px!important;gap:8px!important;background:linear-gradient(180deg,#05392f 0%,#087958 100%)!important;box-shadow:0 22px 52px rgba(0,63,53,.18)!important;}
body.p3i8-admin-enterprise-density .ops7c-brand{padding:6px 6px 14px!important;margin-bottom:4px!important;gap:10px!important;}
body.p3i8-admin-enterprise-density .ops7c-brand>span{width:38px!important;height:38px!important;border-radius:14px!important;font-size:15px!important;}
body.p3i8-admin-enterprise-density .ops7c-brand b{font-size:14px!important;line-height:1.08!important;}
body.p3i8-admin-enterprise-density .ops7c-brand small{font-size:11px!important;}
body.p3i8-admin-enterprise-density .ops7c-side button{min-height:56px!important;border-radius:15px!important;padding:10px 11px!important;gap:9px!important;position:relative!important;}
body.p3i8-admin-enterprise-density .ops7c-side button:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:99px;background:transparent;}
body.p3i8-admin-enterprise-density .ops7c-side button.active:before{background:var(--ops8-primary-2);}
body.p3i8-admin-enterprise-density .ops7c-side button i{width:25px!important;height:25px!important;border-radius:10px!important;font-size:13px!important;}
body.p3i8-admin-enterprise-density .ops7c-side button b{font-size:13px!important;line-height:1.06!important;}
body.p3i8-admin-enterprise-density .ops7c-side button small{font-size:10px!important;line-height:1.12!important;}
body.p3i8-admin-enterprise-density .ops7c-main{gap:12px!important;}
body.p3i8-admin-enterprise-density .ops7c-hero{min-height:110px!important;border-radius:24px!important;padding:22px 28px!important;margin:0!important;align-items:center!important;background:linear-gradient(135deg,#006148 0%,#0a916c 74%,#10a77e 100%)!important;box-shadow:0 18px 48px rgba(0,70,52,.16)!important;}
body.p3i8-admin-enterprise-density .ops7c-hero small{font-size:11px!important;letter-spacing:.16em!important;}
body.p3i8-admin-enterprise-density .ops7c-hero h1{font-size:34px!important;line-height:1!important;margin:5px 0 6px!important;letter-spacing:-.055em!important;}
body.p3i8-admin-enterprise-density .ops7c-hero p{font-size:14px!important;line-height:1.35!important;}
body.p3i8-admin-enterprise-density .ops7-context{gap:6px!important;margin-top:10px!important;}
body.p3i8-admin-enterprise-density .ops7-context span{height:26px!important;padding:0 10px!important;border-radius:999px!important;font-size:11px!important;line-height:26px!important;background:rgba(255,255,255,.15)!important;border:1px solid rgba(255,255,255,.18)!important;}
body.p3i8-admin-enterprise-density .ops7-context span.hot{background:var(--ops8-warn)!important;color:#463500!important;border-color:#ffe09a!important;}
body.p3i8-admin-enterprise-density .ops7-actions{gap:8px!important;align-items:center!important;}
body.p3i8-admin-enterprise-density .ops7-actions .btn{min-height:36px!important;border-radius:12px!important;padding:0 14px!important;font-size:12px!important;box-shadow:none!important;}
body.p3i8-admin-enterprise-density .ops7c-kpis{gap:10px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;}
body.p3i8-admin-enterprise-density .ops7c-kpis article{border-radius:18px!important;padding:12px 15px!important;min-height:72px!important;box-shadow:0 10px 24px rgba(0,65,47,.055)!important;}
body.p3i8-admin-enterprise-density .ops7c-kpis small{font-size:10px!important;letter-spacing:.13em!important;color:#5b746b!important;}
body.p3i8-admin-enterprise-density .ops7c-kpis b{font-size:26px!important;margin-top:3px!important;}
body.p3i8-admin-enterprise-density .ops7-admin-grid{grid-template-columns:minmax(0,1.72fr) minmax(336px,.62fr)!important;gap:14px!important;}
body.p3i8-admin-enterprise-density .ops7-grid{grid-template-columns:minmax(0,1.68fr) minmax(332px,.62fr)!important;gap:14px!important;}
body.p3i8-admin-enterprise-density .ops7-card{border-radius:20px!important;border:1px solid var(--ops8-line)!important;background:var(--ops8-surface)!important;box-shadow:0 14px 34px rgba(0,65,47,.06)!important;overflow:hidden!important;}
body.p3i8-admin-enterprise-density .ops7-card-head{padding:16px 18px!important;border-bottom:1px solid var(--ops8-line-soft)!important;gap:12px!important;align-items:center!important;}
body.p3i8-admin-enterprise-density .ops7-card-head small{font-size:10px!important;letter-spacing:.16em!important;color:#55736a!important;}
body.p3i8-admin-enterprise-density .ops7-card-head h2{font-size:22px!important;margin:2px 0 2px!important;letter-spacing:-.045em!important;color:var(--ops8-ink)!important;}
body.p3i8-admin-enterprise-density .ops7-card-head p{font-size:13px!important;line-height:1.3!important;color:var(--ops8-muted)!important;margin:0!important;}
body.p3i8-admin-enterprise-density .ops7-scroll{border-radius:0!important;scrollbar-color:#91a99f #eef5f1!important;}
body.p3i8-admin-enterprise-density .ops7-scroll table{border-collapse:separate!important;border-spacing:0!important;width:100%!important;}
body.p3i8-admin-enterprise-density .ops7-scroll thead th{position:sticky!important;top:0!important;z-index:4!important;background:#eaf5ef!important;color:#00463a!important;font-size:10.5px!important;letter-spacing:.10em!important;text-transform:uppercase!important;height:42px!important;padding:9px 11px!important;border-bottom:1px solid var(--ops8-line)!important;}
body.p3i8-admin-enterprise-density .ops7-scroll tbody td,
body.p3i8-admin-enterprise-density .ops7-scroll tbody th{height:48px!important;padding:9px 11px!important;border-bottom:1px solid #edf2ef!important;font-size:13px!important;line-height:1.2!important;color:#00463a!important;vertical-align:middle!important;}
body.p3i8-admin-enterprise-density .ops7-scroll tbody tr:nth-child(even) td{background:#fbfdfc!important;}
body.p3i8-admin-enterprise-density .ops7-scroll tbody tr:hover td{background:#f0faf5!important;}
body.p3i8-admin-enterprise-density .ops7-slot{min-width:120px!important;height:48px!important;font-weight:900!important;cursor:pointer!important;}
body.p3i8-admin-enterprise-density .ops7-slot b{font-size:13px!important;display:block!important;line-height:1.1!important;}
body.p3i8-admin-enterprise-density .ops7-slot small,
body.p3i8-admin-enterprise-density .ops7-slot em{font-size:10px!important;line-height:1.05!important;display:block!important;}
body.p3i8-admin-enterprise-density .ops7-slot.free{color:#327068!important;background:#fbfdfc!important;}
body.p3i8-admin-enterprise-density .ops7-slot.waiting_verification{background:#fff5d6!important;color:#55410a!important;box-shadow:inset 3px 0 0 #f6bd16!important;}
body.p3i8-admin-enterprise-density .ops7-slot.ready_checkin,
body.p3i8-admin-enterprise-density .ops7-slot.booked,
body.p3i8-admin-enterprise-density .ops7-slot.confirmed{background:#e9f5ff!important;color:#073d5b!important;box-shadow:inset 3px 0 0 #48a5e8!important;}
body.p3i8-admin-enterprise-density .ops7-form-card{top:88px!important;max-height:calc(100vh - 104px)!important;}
body.p3i8-admin-enterprise-density .ops7-form-grid{padding:16px 18px!important;gap:10px!important;}
body.p3i8-admin-enterprise-density .ops7-form-grid label{font-size:10.5px!important;letter-spacing:.11em!important;text-transform:uppercase!important;color:#687e75!important;font-weight:1000!important;gap:5px!important;}
body.p3i8-admin-enterprise-density .ops7-form-grid .field-input,
body.p3i8-admin-enterprise-density .ops7-card-head .field-input,
body.p3i8-admin-enterprise-density .ops7-filters .field-input{height:40px!important;border-radius:12px!important;border-color:#caded5!important;background:#fcfffd!important;font-size:13px!important;padding:0 12px!important;box-shadow:none!important;}
body.p3i8-admin-enterprise-density .ops7-form-grid .btn.full{height:42px!important;border-radius:12px!important;margin-top:2px!important;}
body.p3i8-admin-enterprise-density .ops7-filters{grid-template-columns:minmax(180px,1fr) 142px 152px!important;gap:8px!important;}
body.p3i8-admin-enterprise-density .ops7-row-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;min-width:160px!important;}
body.p3i8-admin-enterprise-density .ops7-row-actions button,
body.p3i8-admin-enterprise-density .ops7-row-actions a{min-height:30px!important;border-radius:10px!important;padding:0 10px!important;font-size:11px!important;font-weight:1000!important;border:1px solid #cce2d8!important;background:#eef8f3!important;color:#004d3f!important;text-decoration:none!important;display:inline-grid!important;place-items:center!important;}
body.p3i8-admin-enterprise-density .ops7-row-actions .ok{background:#02a56f!important;color:#fff!important;border-color:#02a56f!important;}
body.p3i8-admin-enterprise-density .ops7-row-actions .danger{background:var(--ops8-danger)!important;color:#a21212!important;border-color:#ffc8c6!important;}
body.p3i8-admin-enterprise-density .ops7-chip{height:25px!important;padding:0 9px!important;border-radius:999px!important;font-size:10.5px!important;line-height:25px!important;text-transform:capitalize!important;background:#eaf6ef!important;color:#036147!important;border:1px solid #d2eddf!important;font-weight:1000!important;display:inline-flex!important;align-items:center!important;}
body.p3i8-admin-enterprise-density .ops7-chip.waiting_verification{background:#fff2c8!important;color:#563d00!important;border-color:#ffe19a!important;}
body.p3i8-admin-enterprise-density .ops7-chip.cancelled,
body.p3i8-admin-enterprise-density .ops7-chip.inactive{background:#fff1f0!important;color:#9f1515!important;border-color:#ffc9c6!important;}
body.p3i8-admin-enterprise-density .ops7-chip.ready_checkin,
body.p3i8-admin-enterprise-density .ops7-chip.booked,
body.p3i8-admin-enterprise-density .ops7-chip.confirmed{background:#e8f4ff!important;color:#075381!important;border-color:#c9e5ff!important;}
body.p3i8-admin-enterprise-density .ops7-person{gap:9px!important;align-items:center!important;}
body.p3i8-admin-enterprise-density .ops7-person>span{width:30px!important;height:30px!important;border-radius:11px!important;font-size:12px!important;}
body.p3i8-admin-enterprise-density .ops7-person b{font-size:13px!important;line-height:1.1!important;}
body.p3i8-admin-enterprise-density .ops7-person small{font-size:10px!important;color:#6f827b!important;}
body.p3i8-admin-enterprise-density .ops7-empty{padding:26px!important;text-align:center!important;color:#71867e!important;font-weight:900!important;}
body.p3i8-admin-enterprise-density .ops7c-loading{padding:22px!important;border-radius:18px!important;}
@media(max-width:1360px){
  body.p3i8-admin-enterprise-density main.shell.app-main,
  body.p3i8-admin-enterprise-density .topbar-inner.shell{width:calc(100vw - 28px)!important;}
  body.p3i8-admin-enterprise-density .ops7c-shell{grid-template-columns:210px minmax(0,1fr)!important;gap:14px!important;}
  body.p3i8-admin-enterprise-density .ops7-admin-grid,
  body.p3i8-admin-enterprise-density .ops7-grid{grid-template-columns:1fr!important;}
  body.p3i8-admin-enterprise-density .ops7-form-card{position:static!important;grid-column:auto!important;grid-row:auto!important;max-height:none!important;}
}
@media(max-width:900px){
  body.p3i8-admin-enterprise-density .ops7c-shell{display:block!important;}
  body.p3i8-admin-enterprise-density .ops7c-side{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;margin-bottom:12px!important;}
  body.p3i8-admin-enterprise-density .ops7c-hero{padding:20px!important;align-items:flex-start!important;flex-direction:column!important;}
  body.p3i8-admin-enterprise-density .ops7c-hero h1{font-size:30px!important;}
  body.p3i8-admin-enterprise-density .ops7c-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
.p3i8-admin-enterprise-density-marker{display:none!important;}


/* PHASE 3I.9 — ADMIN ACTION CONFIRM + BOOKING SUBTAB COMPACT
   Centralized OPS CSS: booking page is split into compact subtabs; player cart icon hidden in OPS. */
body.p3i9-admin-action-subtabs #p3i5bdCartButton,
body.p3i9-admin-action-subtabs #topbarCartButton,
body.p3i9-admin-action-subtabs #staticBookingCartButton,
body.p3i9-admin-action-subtabs #p3iFinalCartButton,
body.p3i9-admin-action-subtabs #p3i5baCartButton,
body.p3i9-admin-action-subtabs #p3i5bcCartButton,
body.p3i9-admin-action-subtabs [data-p3i-final-cart],
body.p3i9-admin-action-subtabs .cart-fab,
body.p3i9-admin-action-subtabs .floating-cart,
body.p3i9-admin-action-subtabs .p3i5d-cart-button,
body.p3i9-admin-action-subtabs .p3i5d-cart-panel{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important;}
body.p3i9-admin-action-subtabs .ops9-booking-shell{display:grid!important;gap:12px!important;min-width:0!important;}
body.p3i9-admin-action-subtabs .ops9-subtabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important;}
body.p3i9-admin-action-subtabs .ops9-subtabs button{border:1px solid #d8e8e0!important;background:#fff!important;color:#064535!important;border-radius:18px!important;min-height:62px!important;padding:10px 14px!important;text-align:left!important;cursor:pointer!important;box-shadow:0 10px 24px rgba(0,65,47,.045)!important;position:relative!important;overflow:hidden!important;}
body.p3i9-admin-action-subtabs .ops9-subtabs button:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;}
body.p3i9-admin-action-subtabs .ops9-subtabs button b{display:block!important;font-size:14px!important;line-height:1.1!important;letter-spacing:-.02em!important;}
body.p3i9-admin-action-subtabs .ops9-subtabs button small{display:block!important;font-size:11px!important;color:#667d74!important;margin-top:3px!important;font-weight:900!important;}
body.p3i9-admin-action-subtabs .ops9-subtabs button.active{background:#087d60!important;color:#fff!important;border-color:#087d60!important;box-shadow:0 14px 32px rgba(0,104,78,.18)!important;}
body.p3i9-admin-action-subtabs .ops9-subtabs button.active:before{background:#cfff39!important;}
body.p3i9-admin-action-subtabs .ops9-subtabs button.active small{color:rgba(255,255,255,.82)!important;}
body.p3i9-admin-action-subtabs .ops9-booking-shell .ops9-wide-card{grid-column:1 / -1!important;position:relative!important;top:auto!important;max-height:none!important;}
body.p3i9-admin-action-subtabs .ops9-booking-shell .ops7-form-card{width:min(760px,100%)!important;}
body.p3i9-admin-action-subtabs .ops9-booking-shell .ops7-scroll{max-height:calc(100vh - 360px)!important;min-height:360px!important;}
body.p3i9-admin-action-subtabs .ops9-booking-shell .ops7-form-card .ops7-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
body.p3i9-admin-action-subtabs .ops9-booking-shell .ops7-form-card .ops7-form-grid .wide{grid-column:1 / -1!important;}
body.p3i9-admin-action-subtabs .ops9-source-lock{display:inline-flex!important;align-items:center!important;min-height:30px!important;border-radius:10px!important;padding:0 10px!important;background:#eef3f0!important;color:#60766d!important;border:1px solid #d7e4de!important;font-size:11px!important;font-weight:1000!important;white-space:nowrap!important;}
body.p3i9-admin-action-subtabs .ops7-row-actions button[disabled],
body.p3i9-admin-action-subtabs .ops7-row-actions .disabled{opacity:.62!important;cursor:not-allowed!important;}
@media(max-width:900px){
  body.p3i9-admin-action-subtabs .ops9-subtabs{grid-template-columns:1fr!important;}
  body.p3i9-admin-action-subtabs .ops9-booking-shell .ops7-form-card .ops7-form-grid{grid-template-columns:1fr!important;}
}
.p3i9-admin-action-subtabs-marker{display:none!important;}


/* PHASE 3I.9B — BOOKING SUBTABS POSITION FIX
   Keep booking subtabs above the active panel. Prevent grid/flex/order collisions from placing nav below form/table. */
body.p3i9-admin-action-subtabs .ops9-booking-shell-fixed{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  align-items:stretch!important;
}
body.p3i9-admin-action-subtabs .ops9-booking-shell-fixed .ops9-tabs-top{
  order:-100!important;
  position:sticky!important;
  top:84px!important;
  z-index:12!important;
  margin:0!important;
}
body.p3i9-admin-action-subtabs .ops9-booking-shell-fixed .ops9-booking-pane{
  order:1!important;
  display:block!important;
  min-width:0!important;
}
body.p3i9-admin-action-subtabs .ops9-booking-shell-fixed .ops9-booking-pane>.ops9-wide-card{
  width:100%!important;
  margin:0!important;
}
body.p3i9-admin-action-subtabs .ops9-booking-shell-fixed .ops7-form-card{
  max-width:760px!important;
}
body.p3i9-admin-action-subtabs .ops9-booking-shell-fixed[data-active-subtab="create"] .ops9-tabs-top{
  margin-bottom:0!important;
}
.p3i9b-booking-tabs-position-marker{display:none!important;}


/* PHASE 3I.10 — FINAL CLEANUP + VALIDATION
   Small centralized polish only. Keeps 3I.8/3I.9 behavior intact. */
body.p3i8-admin-enterprise-density .ops7c-main{padding-bottom:42px!important;}
body.p3i8-admin-enterprise-density .ops7-card-head p{max-width:720px!important;}
body.p3i8-admin-enterprise-density .ops7-row-actions{gap:6px!important;align-items:center!important;}
body.p3i8-admin-enterprise-density .ops7-row-actions button,
body.p3i8-admin-enterprise-density .ops7-row-actions .ops9-source-lock{min-height:28px!important;border-radius:10px!important;font-size:11px!important;}
body.p3i8-admin-enterprise-density .ops7-scroll table th{letter-spacing:.08em!important;}
body.p3i8-admin-enterprise-density .ops7-context span#ops7SyncState{background:rgba(255,255,255,.16)!important;}
body.ops-admin-no-cart .topbar-cart,
body.ops-admin-no-cart .booking-cart,
body.ops-admin-no-cart [aria-label*="cart" i],
body.ops-admin-no-cart [title*="cart" i]{display:none!important;visibility:hidden!important;pointer-events:none!important;}
.p3i10-final-cleanup-marker{display:none!important;}

/* PHASE 3I.11 — cart scope marker: admin-only hide must not leak to booking/mobile. */
body:not(.ops-admin-no-cart).booking-mobile-page #p3i5beCartButton,
body:not(.ops-admin-no-cart).booking-mobile-page #p3i5bdCartButton{display:inline-grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
.p3i11-mobile-cart-scope-marker{display:none!important;}


/* PHASE 3J — Booking Stabilization & Customer Experience */
.p3j-lifecycle-panel{margin:16px 0 86px;padding:16px;border:1px solid var(--color-line,#dfe8e2);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,250,247,.94));box-shadow:0 16px 40px rgba(16,45,32,.08)}
.p3j-lifecycle-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.p3j-lifecycle-panel h3{margin:2px 0 4px;font-size:20px}.p3j-lifecycle-panel p{margin:0;color:var(--color-muted,#65756d);font-size:13px}.p3j-lifecycle-panel small{font-weight:800;color:var(--color-brand,#0f6b4f);letter-spacing:.04em;text-transform:uppercase}.p3j-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.p3j-status-strip span{border:1px solid var(--color-line,#dfe8e2);background:#fff;border-radius:16px;padding:10px;font-size:12px;color:var(--color-muted,#65756d)}.p3j-status-strip b{display:block;font-size:18px;color:var(--color-text,#17231d)}.p3j-lifecycle-list{display:grid;gap:10px}.p3j-booking-row{display:flex;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--color-line,#dfe8e2);border-radius:18px;background:#fff}.p3j-row-main{display:grid;gap:3px}.p3j-row-main span,.p3j-row-main small{color:var(--color-muted,#65756d);font-size:12px}.p3j-row-main a{font-size:12px;font-weight:800;color:var(--color-brand,#0f6b4f)}.p3j-row-side{display:grid;justify-items:end;gap:5px;min-width:112px}.p3j-row-side em{font-style:normal;border-radius:999px;padding:4px 8px;background:var(--color-soft,#eaf5ed);font-size:11px;font-weight:800}.p3j-row-side button{border:0;border-radius:999px;padding:7px 10px;background:var(--color-brand,#0f6b4f);color:#fff;font-size:12px;font-weight:800}.p3j-booking-row.waiting_payment .p3j-row-side em{background:#fff4d7}.p3j-booking-row.waiting_verification .p3j-row-side em{background:#e7f0ff}.p3j-booking-row.ready_checkin .p3j-row-side em,.p3j-booking-row.checked_in .p3j-row-side em{background:#eaf5ed}.p3j-booking-row.expired .p3j-row-side em,.p3j-booking-row.cancelled .p3j-row-side em{background:#ffe3df}.p3j-empty{padding:18px;border:1px dashed var(--color-line,#dfe8e2);border-radius:18px;text-align:center;color:var(--color-muted,#65756d);background:#fff}.p3j-empty b{display:block;color:var(--color-text,#17231d);margin-bottom:4px}.p3j-live-badge{align-self:center;border:1px solid rgba(15,107,79,.16);border-radius:18px;padding:10px 12px;background:#fff;box-shadow:0 12px 30px rgba(16,45,32,.08);min-width:190px}.p3j-live-badge b{display:block;color:var(--color-brand,#0f6b4f);font-size:12px}.p3j-live-badge span{display:block;color:var(--color-muted,#65756d);font-size:11px;margin-top:2px}@media(max-width:640px){.p3j-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.p3j-booking-row{align-items:stretch}.p3j-row-side{min-width:96px}.p3j-lifecycle-panel{margin-bottom:96px}}


/* PHASE 3J.02 — customer cart/payment/check-in polish */
.p3j02-backdrop{position:fixed;inset:0;background:rgba(7,20,14,.38);z-index:9000;backdrop-filter:blur(2px)}
.p3j02-drawer{position:fixed;right:0;top:0;bottom:0;width:min(440px,94vw);background:var(--surface,#fff);color:var(--text,#17231d);z-index:9001;box-shadow:-22px 0 60px rgba(0,0,0,.22);padding:18px;overflow:auto;border-radius:24px 0 0 24px}
.p3j02-drawer header,.p3j02-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.p3j02-drawer header small,.p3j02-panel header small,.p3j02-admin-poster small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#65756d);font-weight:800}
.p3j02-drawer h3,.p3j02-panel h3,.p3j02-admin-poster h3{margin:2px 0 4px;font-size:20px;letter-spacing:-.04em}
.p3j02-drawer p,.p3j02-panel p,.p3j02-admin-poster p{margin:0;color:var(--muted,#65756d);font-size:13px}
.p3j02-drawer header button,.p3j02-row-side button,.p3j02-drawer footer button{border:0;border-radius:999px;padding:9px 12px;background:#edf6ef;color:#143d2b;font-weight:800;cursor:pointer}
.p3j02-status{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}
.p3j02-status span{background:#f4f8f4;border:1px solid #dfe8e2;border-radius:16px;padding:10px 8px;text-align:center;font-size:11px;color:#65756d;font-weight:800}
.p3j02-status b{display:block;color:#0f6b4f;font-size:18px;line-height:1.1}
.p3j02-list{display:grid;gap:10px;margin:12px 0}.p3j02-list.compact{max-height:none}
.p3j02-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid #dfe8e2;border-radius:18px;padding:13px;box-shadow:0 6px 18px rgba(16,45,32,.05)}
.p3j02-row-main{display:grid;gap:3px}.p3j02-row-main b{font-size:14px}.p3j02-row-main span{font-size:12px;color:#65756d}.p3j02-row-main small{font-size:12px;color:#496658}.p3j02-row-main a{font-size:12px;color:#0f6b4f;font-weight:800;text-decoration:none}
.p3j02-row-side{display:grid;gap:6px;justify-items:end}.p3j02-row-side strong{font-size:13px}.p3j02-row-side em{font-style:normal;background:#eaf5ed;color:#0f6b4f;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900;white-space:nowrap}.p3j02-row-side button.primary,.p3j02-drawer footer button{background:#0f6b4f;color:white}
.p3j02-row.waiting_payment .p3j02-row-side em{background:#fff4d7;color:#806000}.p3j02-row.waiting_verification .p3j02-row-side em{background:#e7f0ff;color:#2351a3}.p3j02-row.ready_checkin .p3j02-row-side em,.p3j02-row.booked .p3j02-row-side em,.p3j02-row.paid .p3j02-row-side em{background:#eaf5ed;color:#0f6b4f}
.p3j02-paybox{border:1px dashed #b8d7c5;background:#f6fbf7;border-radius:18px;padding:13px;display:grid;gap:8px;margin:12px 0}.p3j02-paybox span,.p3j02-paybox em{font-size:12px;color:#65756d;font-style:normal}.p3j02-paybox strong{font-size:14px;color:#173d2e}
.p3j02-global-wa{display:flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:999px;background:#1fa855;color:white;font-weight:900;padding:11px 14px;margin:12px 0}
.p3j02-drawer footer{position:sticky;bottom:-18px;background:linear-gradient(180deg,rgba(255,255,255,.7),#fff);display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #dfe8e2;padding:14px 0 0;margin-top:12px}.p3j02-drawer footer span{display:block;font-size:12px;color:#65756d}.p3j02-drawer footer b{font-size:17px}
.p3j02-empty{border:1px dashed #dfe8e2;border-radius:18px;padding:18px;text-align:center;color:#65756d;background:#fbfdfb}.p3j02-empty b{display:block;color:#17231d;margin-bottom:4px}
.p3j02-panel{margin:16px 0;background:#fff;border:1px solid #dfe8e2;border-radius:22px;padding:16px;box-shadow:0 8px 24px rgba(16,45,32,.06)}
.p3j02-scanner{position:fixed;inset:0;z-index:9500;background:rgba(4,16,10,.78);display:grid;place-items:center;padding:16px}.p3j02-scanner-card{width:min(520px,96vw);background:#fff;border-radius:24px;padding:16px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.p3j02-scanner-card header{display:flex;justify-content:space-between;gap:12px}.p3j02-scanner-card header button{border:0;border-radius:999px;background:#edf6ef;padding:9px 12px;font-weight:800}.p3j02-scanner video{width:100%;height:320px;object-fit:cover;background:#08150f;border-radius:18px;margin:12px 0}.p3j02-scan-actions{display:flex;justify-content:space-between;gap:10px;align-items:center}.p3j02-scan-actions button{border:0;border-radius:999px;background:#0f6b4f;color:#fff;font-weight:900;padding:10px 14px}.p3j02-scan-actions span{font-size:12px;color:#65756d}
.p3j02-admin-poster{margin:16px;padding:18px;background:#fff;border:1px solid #dfe8e2;border-radius:22px;box-shadow:0 8px 24px rgba(16,45,32,.06);display:grid;gap:12px;align-items:center}.p3j02-barcode-svg{width:min(420px,100%);height:auto;border:1px solid #dfe8e2;border-radius:14px;padding:8px;background:#fff}.p3j02-admin-poster button{justify-self:start}
#topbarCartButton.has-item em,#p3i5beCartButton.has-item em,.p3i5f-topbar-cart.has-item em{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:999px;background:#e64732;color:#fff;font-size:11px;font-weight:900;margin-left:3px}
@media(max-width:640px){.p3j02-row{grid-template-columns:1fr}.p3j02-row-side{justify-items:start;grid-template-columns:1fr auto;align-items:center}.p3j02-status{grid-template-columns:repeat(2,1fr)}.p3j02-drawer{border-radius:22px 22px 0 0;top:auto;height:88vh;width:100%;right:0}.p3j02-scanner video{height:260px}}
@media print{body>*:not(.p3j02-admin-poster){display:none!important}.p3j02-admin-poster{display:grid!important;box-shadow:none;border:0;margin:0}.p3j02-admin-poster button{display:none}.p3j02-barcode-svg{width:100%;max-width:680px}}


/* PHASE 3J.03 — modal/badge/scanner z-index and no-blur hardening */
#p3j03ToastBox{position:fixed;left:50%;top:16px;transform:translateX(-50%);z-index:2147483647;display:grid;gap:8px;width:min(420px,calc(100vw - 24px));pointer-events:none}.p3j03-toast{background:#0f6b4f;color:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 18px 50px rgba(0,0,0,.28);font-weight:900;font-size:13px;line-height:1.35;animation:p3j03ToastIn .18s ease}.p3j03-toast.warn{background:#9b5c00}.p3j03-toast.hide{opacity:0;transform:translateY(-6px);transition:.25s ease}@keyframes p3j03ToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.p3j03-cart-button,#p3i5beCartButton,#topbarCartButton{position:relative!important;display:inline-grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:999px!important;border:1px solid rgba(15,107,79,.22)!important;background:#fff!important;color:#0f6b4f!important;box-shadow:0 10px 26px rgba(16,45,32,.14)!important;cursor:pointer!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;filter:none!important}.p3j03-cart-button em,#p3i5beCartButton em,#topbarCartButton em{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;border-radius:999px;background:#b7ff35;color:#063f33;font-size:11px;font-weight:1000;display:grid;place-items:center;border:2px solid #fff;line-height:1}.p3j03-cart-button:not(.has-item) em{display:none!important}
.p3j03-backdrop{position:fixed;inset:0;background:rgba(7,20,14,.42);z-index:2147483600;backdrop-filter:none!important}.p3j03-drawer{position:fixed;right:0;top:0;bottom:0;width:min(460px,94vw);background:var(--surface,#fff);color:var(--text,#17231d);z-index:2147483601;box-shadow:-24px 0 70px rgba(0,0,0,.28);padding:18px;overflow:auto;border-radius:24px 0 0 24px;filter:none!important;opacity:1!important;pointer-events:auto!important}.p3j03-drawer header,.p3j03-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.p3j03-drawer header small,.p3j03-panel header small,.p3j03-admin-poster small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#65756d);font-weight:900}.p3j03-drawer h3,.p3j03-panel h3,.p3j03-admin-poster h3{margin:2px 0 4px;font-size:20px;letter-spacing:-.04em}.p3j03-drawer p,.p3j03-panel p,.p3j03-admin-poster p{margin:0;color:var(--muted,#65756d);font-size:13px}.p3j03-drawer header button,.p3j03-row-side button,.p3j03-drawer footer button{border:0;border-radius:999px;padding:9px 12px;background:#edf6ef;color:#143d2b;font-weight:900;cursor:pointer}.p3j03-row-side button.primary,.p3j03-drawer footer button{background:#0f6b4f;color:white}.p3j03-status{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.p3j03-status span{background:#f4f8f4;border:1px solid #dfe8e2;border-radius:16px;padding:10px 8px;text-align:center;font-size:11px;color:#65756d;font-weight:900}.p3j03-status b{display:block;color:#0f6b4f;font-size:18px;line-height:1.1}.p3j03-list{display:grid;gap:10px;margin:12px 0}.p3j03-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid #dfe8e2;border-radius:18px;padding:13px;box-shadow:0 6px 18px rgba(16,45,32,.05)}.p3j03-row-main{display:grid;gap:3px}.p3j03-row-main b{font-size:14px}.p3j03-row-main span{font-size:12px;color:#65756d}.p3j03-row-main small{font-size:12px;color:#496658}.p3j03-row-main a{font-size:12px;color:#0f6b4f;font-weight:900;text-decoration:none}.p3j03-row-side{display:grid;gap:6px;justify-items:end}.p3j03-row-side strong{font-size:13px}.p3j03-row-side em{font-style:normal;background:#eaf5ed;color:#0f6b4f;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:1000;white-space:nowrap}.p3j03-row.waiting_payment .p3j03-row-side em{background:#fff4d7;color:#806000}.p3j03-row.waiting_verification .p3j03-row-side em{background:#e7f0ff;color:#2351a3}.p3j03-paybox{border:1px dashed #b8d7c5;background:#f6fbf7;border-radius:18px;padding:13px;display:grid;gap:8px;margin:12px 0}.p3j03-paybox span,.p3j03-paybox em,.p3j03-paybox small{font-size:12px;color:#65756d;font-style:normal}.p3j03-paybox strong{font-size:14px;color:#173d2e}.p3j03-paybox img{max-width:180px;border-radius:14px;border:1px solid #dfe8e2}.p3j03-global-wa{display:flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:999px;background:#1fa855;color:white;font-weight:1000;padding:11px 14px;margin:12px 0}.p3j03-drawer footer{position:sticky;bottom:-18px;background:linear-gradient(180deg,rgba(255,255,255,.7),#fff);display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #dfe8e2;padding:14px 0 0;margin-top:12px}.p3j03-drawer footer span{display:block;font-size:12px;color:#65756d}.p3j03-drawer footer b{font-size:17px}.p3j03-empty{border:1px dashed #dfe8e2;border-radius:18px;padding:18px;text-align:center;color:#65756d;background:#fbfdfb}.p3j03-empty b{display:block;color:#17231d;margin-bottom:4px}.p3j03-panel{margin:16px 0;background:#fff;border:1px solid #dfe8e2;border-radius:22px;padding:16px;box-shadow:0 8px 24px rgba(16,45,32,.06)}
.p3j03-scanner{position:fixed;inset:0;z-index:2147483642;background:rgba(4,16,10,.82);display:grid;place-items:center;padding:16px}.p3j03-scanner-card{width:min(540px,96vw);background:#fff;border-radius:24px;padding:16px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.p3j03-scanner-card header{display:flex;justify-content:space-between;gap:12px}.p3j03-scanner-card header button{border:0;border-radius:999px;background:#edf6ef;padding:9px 12px;font-weight:900}.p3j03-scanner video{width:100%;height:320px;object-fit:cover;background:#08150f;border-radius:18px;margin:12px 0}.p3j03-scan-actions{display:flex;justify-content:center;gap:10px;align-items:center}.p3j03-scan-actions span{font-size:12px;color:#65756d;text-align:center}.p3j03-admin-poster{margin:16px;padding:18px;background:#fff;border:1px solid #dfe8e2;border-radius:22px;box-shadow:0 8px 24px rgba(16,45,32,.06);display:grid;gap:12px;align-items:center}.p3j03-barcode-svg{width:min(440px,100%);height:auto;border:1px solid #dfe8e2;border-radius:14px;padding:8px;background:#fff}.p3j03-admin-poster button{justify-self:start}body.p3j03-cart-open .bottom-nav,body:not(.modal-open) .bottom-nav{filter:none!important;pointer-events:auto!important;opacity:1!important}.p3j03-drawer~.bottom-nav,.p3j03-backdrop~.bottom-nav{filter:none!important}
@media(max-width:640px){.p3j03-row{grid-template-columns:1fr}.p3j03-row-side{justify-items:start;grid-template-columns:1fr auto;align-items:center}.p3j03-status{grid-template-columns:repeat(2,1fr)}.p3j03-drawer{border-radius:22px 22px 0 0;top:auto;height:88vh;width:100%;right:0}.p3j03-scanner video{height:260px}}
@media print{body>*:not(#p3j03AdminPoster){display:none!important}#p3j03AdminPoster{display:grid!important;box-shadow:none;border:0;margin:0}.p3j03-admin-poster button{display:none}.p3j03-barcode-svg{width:100%;max-width:680px}}
/* 3J03_CUSTOMER_BOOKING_UX_MODAL_BADGE_SCAN_FIX */


/* PHASE 3J.04 — global dialog and QR check-in polish */
.global-dialog-backdrop{position:fixed;inset:0;z-index:2147483647;background:rgba(7,20,14,.52);display:grid;place-items:center;padding:20px}.global-dialog-card{width:min(380px,92vw);background:#fff;color:#17231d;border-radius:24px;padding:22px;text-align:center;box-shadow:0 26px 90px rgba(0,0,0,.34);border:1px solid #dfe8e2}.global-dialog-icon{width:54px;height:54px;border-radius:18px;background:#b7ff35;color:#063f33;display:grid;place-items:center;margin:0 auto 12px;font-size:24px;font-weight:1000}.global-dialog-card h3{margin:0 0 8px;font-size:21px;letter-spacing:-.04em}.global-dialog-card p{margin:0 0 18px;color:#65756d;font-size:14px;line-height:1.45}.global-dialog-ok{border:0;border-radius:999px;background:#0f6b4f;color:#fff;font-weight:1000;padding:12px 24px;min-width:120px;cursor:pointer}.p3j04-backdrop{z-index:2147483638!important}.p3j04-drawer{z-index:2147483639!important}.p3j04-cart-button em{display:grid}.p3j04-qr-img{width:min(320px,100%);height:auto;border:1px solid #dfe8e2;border-radius:18px;background:#fff;padding:10px;box-shadow:0 8px 24px rgba(16,45,32,.08)}.p3j04-admin-qr code{display:inline-block;justify-self:start;background:#f4f8f4;border:1px solid #dfe8e2;border-radius:999px;padding:7px 11px;font-weight:900;color:#0f6b4f}.p3j04-scanner{z-index:2147483646!important}body.p3j04-cart-open .bottom-nav,body.p3j04-cart-open .bottom-navigation,body.p3j04-cart-open .mobile-bottom-nav{filter:none!important;opacity:1!important;pointer-events:auto!important}.p3j03-row-side button{white-space:nowrap}
@media print{body>*:not(#p3j03AdminPoster){display:none!important}#p3j03AdminPoster{display:grid!important;box-shadow:none!important;border:0!important;margin:0!important}.p3j04-qr-img{width:360px!important;max-width:90vw!important}.p3j03-admin-poster button{display:none!important}}
/* 3J04_CART_DIALOG_PAYMENT_QR_CHECKIN_FIX */

/* PHASE 3J.05 — Booking Center consolidation */
.p3j05-cart-button,#p3j05CartButton{position:relative!important;display:inline-grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:999px!important;border:1px solid rgba(15,107,79,.22)!important;background:#fff!important;color:#0f6b4f!important;box-shadow:0 10px 26px rgba(16,45,32,.14)!important;cursor:pointer!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;filter:none!important}.p3j05-cart-button em,#p3j05CartButton em{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;border-radius:999px;background:#b7ff35;color:#063f33;font-size:11px;font-weight:1000;display:grid;place-items:center;border:2px solid #fff;line-height:1}.p3j05-cart-button:not(.has-item) em{display:none!important}
.p3j05-backdrop{position:fixed;inset:0;background:rgba(7,20,14,.44);z-index:2147483638!important;backdrop-filter:blur(2px)}.p3j05-drawer{position:fixed;right:0;top:0;bottom:0;width:min(480px,94vw);background:#fff;color:#17231d;z-index:2147483639!important;box-shadow:-24px 0 70px rgba(0,0,0,.28);padding:18px;overflow:auto;border-radius:24px 0 0 24px;filter:none!important;opacity:1!important;pointer-events:auto!important}.p3j05-drawer header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.p3j05-drawer small,.p3j05-section-head span,.p3j05-admin-qr small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#65756d;font-weight:900}.p3j05-drawer h3{margin:2px 0 4px;font-size:21px;letter-spacing:-.04em}.p3j05-drawer p{margin:0;color:#65756d;font-size:13px}.p3j05-drawer header button,.p3j05-drawer footer button,.p3j05-row-side button,.p3j05-history{border:0;border-radius:999px;padding:9px 12px;background:#edf6ef;color:#143d2b;font-weight:900;cursor:pointer}.p3j05-row-side button.primary,.p3j05-drawer footer button{background:#0f6b4f;color:white}.p3j05-row-side button.danger{background:#ffe3df;color:#9d261e}.p3j05-status{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.p3j05-status span{background:#f4f8f4;border:1px solid #dfe8e2;border-radius:16px;padding:10px 8px;text-align:center;font-size:11px;color:#65756d;font-weight:900}.p3j05-status b{display:block;color:#0f6b4f;font-size:18px;line-height:1.1}.p3j05-section{border:1px solid #dfe8e2;background:#fbfdfb;border-radius:20px;padding:12px;margin:12px 0;display:grid;gap:10px}.p3j05-section.payment{background:#fffaf0;border-color:#f0d897}.p3j05-section.verify{background:#f2f7ff;border-color:#cbdafa}.p3j05-section.ready{background:#f1fbf3;border-color:#bfe7cb}.p3j05-section-head{display:flex;align-items:center;justify-content:space-between}.p3j05-section-head b{display:grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:#fff;color:#0f6b4f;border:1px solid #dfe8e2}.p3j05-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid #dfe8e2;border-radius:18px;padding:13px;box-shadow:0 6px 18px rgba(16,45,32,.05)}.p3j05-row-main{display:grid;gap:3px}.p3j05-row-main b{font-size:14px}.p3j05-row-main span,.p3j05-row-main small{font-size:12px;color:#65756d}.p3j05-row-main a{font-size:12px;color:#0f6b4f;font-weight:900;text-decoration:none}.p3j05-row-side{display:grid;gap:6px;justify-items:end}.p3j05-row-side strong{font-size:13px}.p3j05-row-side em,.p3j05-chip{font-style:normal;background:#eaf5ed;color:#0f6b4f;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:1000;white-space:nowrap}.p3j05-row.waiting_payment .p3j05-row-side em{background:#fff4d7;color:#806000}.p3j05-row.waiting_verification .p3j05-row-side em,.p3j05-chip.verify{background:#e7f0ff;color:#2351a3}.p3j05-paybox{border:1px dashed #b8d7c5;background:#f6fbf7;border-radius:18px;padding:13px;display:grid;gap:8px;margin:12px 0}.p3j05-paybox span,.p3j05-paybox em,.p3j05-paybox small{font-size:12px;color:#65756d;font-style:normal}.p3j05-paybox strong{font-size:14px;color:#173d2e}.p3j05-paybox img{max-width:180px;border-radius:14px;border:1px solid #dfe8e2}.p3j05-empty{border:1px dashed #dfe8e2;border-radius:16px;padding:14px;text-align:center;color:#65756d;background:#fff;font-size:13px}.p3j05-history{width:100%;margin:8px 0 14px;background:#f4f8f4}.p3j05-drawer footer{position:sticky;bottom:-18px;background:linear-gradient(180deg,rgba(255,255,255,.7),#fff);display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #dfe8e2;padding:14px 0 0;margin-top:12px}.p3j05-drawer footer span{display:block;font-size:12px;color:#65756d}.p3j05-drawer footer b{font-size:17px}.p3j05-scanner{z-index:2147483646!important}.p3j05-admin-qr img{width:min(320px,100%);height:auto}.p3j05-dialog{z-index:2147483647!important}body.p3j05-cart-open .bottom-nav,body.p3j05-cart-open .bottom-navigation,body.p3j05-cart-open .mobile-bottom-nav{filter:none!important;opacity:1!important;pointer-events:auto!important}@media(max-width:640px){.p3j05-row{grid-template-columns:1fr}.p3j05-row-side{justify-items:start;grid-template-columns:1fr auto;align-items:center}.p3j05-status{grid-template-columns:repeat(2,1fr)}.p3j05-drawer{border-radius:22px 22px 0 0;top:auto;height:88vh;width:100%;right:0}.p3j03-scanner video{height:260px}}
/* 3J05_BOOKING_CENTER_CONSOLIDATION_SKIP_HISTORY */


/* PHASE 3J.08 — definitive single header cart cleanup */
body:not(.opsx-page) #p3j08CartTopHost{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:2147483202!important;visibility:visible!important;pointer-events:auto!important}
body:not(.opsx-page) #topbarCartButton.p3j08-cart-top{display:grid!important;visibility:visible!important;pointer-events:auto!important;position:relative!important;width:54px!important;height:54px!important;min-width:54px!important;border-radius:20px!important;border:1px solid rgba(15,107,79,.13)!important;background:linear-gradient(180deg,#fff,#f7fbf8)!important;color:#063f33!important;place-items:center!important;box-shadow:0 12px 30px rgba(6,63,51,.13)!important;cursor:pointer!important;overflow:visible!important;line-height:1!important;font-size:24px!important;margin:0 6px!important;padding:0!important;clip-path:none!important;transform:none!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important}
body:not(.opsx-page) #topbarCartButton.p3j08-cart-top .p3j08-cart-ico{display:block!important;line-height:1!important;filter:none!important}
body:not(.opsx-page) #topbarCartButton.p3j08-cart-top .p3j08-cart-badge{position:absolute!important;right:-8px!important;top:-8px!important;min-width:28px!important;height:28px!important;padding:0 8px!important;border-radius:999px!important;background:#b7ff39!important;color:#063f33!important;border:3px solid #fff!important;display:grid!important;place-items:center!important;font-size:13px!important;font-style:normal!important;font-weight:1000!important;line-height:1!important;box-shadow:0 8px 18px rgba(0,0,0,.20)!important;z-index:2147483203!important;visibility:visible!important;pointer-events:none!important;clip-path:none!important}
body:not(.opsx-page) #topbarCartButton.p3j08-cart-top .p3j08-cart-badge[hidden]{display:none!important}
body:not(.opsx-page) #p3j07CartButton,body:not(.opsx-page) #p3j06CartButton,body:not(.opsx-page) #p3j05CartButton,body:not(.opsx-page) #p3j03CartButton,body:not(.opsx-page) .p3j07-cart-button:not(#topbarCartButton),body:not(.opsx-page) .p3j06-cart-button:not(#topbarCartButton),body:not(.opsx-page) .p3j05-cart-button:not(#topbarCartButton),body:not(.opsx-page) .p3j03-cart-button:not(#topbarCartButton){display:none!important;visibility:hidden!important;pointer-events:none!important}
body.opsx-page #p3j08CartTopHost,body.opsx-page #topbarCartButton{display:none!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:560px){body:not(.opsx-page) #topbarCartButton.p3j08-cart-top{width:48px!important;height:48px!important;min-width:48px!important;border-radius:18px!important;margin:0 4px!important;font-size:22px!important}}


/* PHASE 4E — Event Detail Host UX Standardization
   Scoped to event detail + existing p3h7v FAB only. No global table/button/card selector. */
.event-detail-screen .p4e-host-setup{display:grid;gap:14px;border:1px solid var(--border,#dfe8e2);background:linear-gradient(180deg,var(--bg-card,#fff),rgba(245,251,247,.92));border-radius:24px;padding:16px;box-shadow:var(--shadow-soft,0 12px 30px rgba(6,63,51,.07));}
.event-detail-screen .p4e-host-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.event-detail-screen .p4e-host-head small{display:block;font-size:.68rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase;color:var(--text-secondary,#64756e);}
.event-detail-screen .p4e-host-head h3{margin:3px 0 4px;color:var(--text-primary,#073d31);font-size:1.28rem;letter-spacing:-.04em;}
.event-detail-screen .p4e-host-head p{margin:0;color:var(--text-secondary,#65756d);font-size:.84rem;line-height:1.36;}
.event-detail-screen .p4e-help-btn{border:1px solid rgba(15,107,79,.20);border-radius:999px;background:rgba(235,249,238,.95);color:var(--brand-green,#0f6b4f);font-weight:950;padding:9px 12px;white-space:nowrap;box-shadow:0 8px 18px rgba(6,63,51,.06);}
.event-detail-screen .p4e-guide{display:grid;gap:3px;border:1px solid rgba(49,117,203,.18);background:linear-gradient(135deg,rgba(225,239,255,.95),rgba(244,250,255,.90));border-radius:18px;padding:12px 13px;color:#083c31;}
.event-detail-screen .p4e-guide b{font-weight:950;}
.event-detail-screen .p4e-guide span{font-size:.86rem;line-height:1.38;}
.event-detail-screen .p4e-step-list{display:grid;gap:12px;}
.event-detail-screen .p4e-step-card{display:grid;grid-template-columns:36px 1fr;gap:11px;align-items:start;border:1px solid var(--border,#dfe8e2);background:var(--bg-surface,#fff);border-radius:20px;padding:12px;box-shadow:0 8px 18px rgba(6,63,51,.045);}
.event-detail-screen .p4e-step-no{width:32px;height:32px;border-radius:999px;background:var(--brand-green,#0f6b4f);color:#fff;display:grid;place-items:center;font-weight:950;box-shadow:inset 0 -3px 0 rgba(183,255,53,.24);}
.event-detail-screen .p4e-step-body{min-width:0;display:grid;gap:10px;}
.event-detail-screen .p4e-step-title{display:grid;gap:3px;}
.event-detail-screen .p4e-step-title strong{font-size:1rem;line-height:1.15;color:var(--text-primary,#073d31);}
.event-detail-screen .p4e-step-title span{font-size:.8rem;line-height:1.35;color:var(--text-secondary,#65756d);}
.event-detail-screen .p4e-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.event-detail-screen .p4e-field{display:grid;gap:6px;min-width:0;}
.event-detail-screen .p4e-field>span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950;color:var(--text-secondary,#65756d);}
.event-detail-screen .p4e-field small{font-size:.72rem;line-height:1.3;color:var(--text-secondary,#65756d);}
.event-detail-screen .p4e-select,.event-detail-screen .p4e-input{width:100%;min-height:44px;border:1px solid var(--border,#dfe8e2);border-radius:14px;background:var(--bg-card,#fff);color:var(--text-primary,#073d31);font-weight:850;padding:0 12px;font-size:.94rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.75);}
.event-detail-screen .p4e-capacity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.event-detail-screen .p4e-capacity-grid>div{border:1px solid var(--border,#dfe8e2);background:linear-gradient(180deg,var(--bg-card,#fff),var(--bg-soft,#f7fbf8));border-radius:16px;padding:10px 6px;text-align:center;min-width:0;}
.event-detail-screen .p4e-capacity-grid strong{display:block;color:var(--brand-green,#0f6b4f);font-size:1.2rem;line-height:1;font-weight:1000;}
.event-detail-screen .p4e-capacity-grid span{display:block;margin-top:5px;font-size:.62rem;line-height:1.1;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary,#073d31);font-weight:950;}
.event-detail-screen .p4e-readiness,.event-detail-screen .p4e-mode-summary{display:grid;gap:4px;border-radius:16px;padding:11px 12px;font-size:.82rem;line-height:1.34;}
.event-detail-screen .p4e-readiness b,.event-detail-screen .p4e-mode-summary b{font-weight:950;color:var(--text-primary,#073d31);}
.event-detail-screen .p4e-readiness span,.event-detail-screen .p4e-mode-summary span{color:var(--text-secondary,#65756d);}
.event-detail-screen .p4e-readiness.is-ready{background:rgba(214,255,235,.70);border:1px solid rgba(15,107,79,.16);}
.event-detail-screen .p4e-readiness.is-warning{background:rgba(255,244,210,.86);border:1px solid rgba(230,176,50,.22);}
.event-detail-screen .p4e-readiness.is-blocked{background:rgba(255,239,235,.86);border:1px solid rgba(190,62,35,.18);}
.event-detail-screen .p4e-mode-summary{background:rgba(225,239,255,.85);border:1px solid rgba(49,117,203,.18);}
.event-detail-screen .p4e-action-card{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px dashed rgba(15,107,79,.22);background:rgba(248,253,249,.9);border-radius:18px;padding:12px;}
.event-detail-screen .p4e-action-card b,.event-detail-screen .p4e-action-card span{display:block;}
.event-detail-screen .p4e-action-card b{color:var(--text-primary,#073d31);font-weight:950;}
.event-detail-screen .p4e-action-card span{margin-top:3px;color:var(--text-secondary,#65756d);font-size:.8rem;line-height:1.34;}
.event-detail-screen .p35-participant-card{gap:12px!important;align-items:flex-start!important;}
.event-detail-screen .p35-participant-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important;}
.event-detail-screen .p35-action-btn{min-height:40px!important;border-radius:14px!important;padding:9px 12px!important;}
body.p4e-event-detail-active #p3h7vQuickActionRoot.p3h7v-quick-action-root,
body.p4e-event-detail-active .p3h7v-quick-action-root{position:fixed!important;right:max(14px,calc((100vw - min(100vw,430px))/2 + 14px))!important;bottom:calc(92px + env(safe-area-inset-bottom))!important;z-index:180!important;transform:none!important;will-change:auto!important;contain:layout style paint!important;}
body.p4e-event-detail-active #p3h7vQuickActionRoot .p3h7v-fab{width:54px!important;height:54px!important;box-shadow:0 14px 30px rgba(7,70,53,.24),0 0 0 6px rgba(145,200,111,.14),inset 0 2px 0 rgba(255,255,255,.30)!important;}
body.p4e-event-detail-active .app-shell{padding-bottom:138px!important;}
html[data-theme="dark"] .event-detail-screen .p4e-host-setup,
html[data-theme="dark"] .event-detail-screen .p4e-step-card,
html[data-theme="dark"] .event-detail-screen .p4e-select,
html[data-theme="dark"] .event-detail-screen .p4e-input{background:var(--bg-card,#10241d);border-color:rgba(183,255,53,.18);color:var(--text-primary,#f3fff6);}
html[data-theme="dark"] .event-detail-screen .p4e-guide,
html[data-theme="dark"] .event-detail-screen .p4e-mode-summary{background:rgba(32,57,80,.72);border-color:rgba(116,165,255,.22);color:#f3fff6;}
@media(max-width:520px){.event-detail-screen .p4e-host-setup{border-radius:22px;padding:13px}.event-detail-screen .p4e-host-head{align-items:center}.event-detail-screen .p4e-host-head h3{font-size:1.13rem}.event-detail-screen .p4e-step-card{grid-template-columns:32px 1fr;padding:11px;border-radius:18px}.event-detail-screen .p4e-step-no{width:29px;height:29px;font-size:.82rem}.event-detail-screen .p4e-field-grid{grid-template-columns:1fr}.event-detail-screen .p4e-capacity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-detail-screen .p4e-action-card{display:grid}.event-detail-screen .p4e-action-card .btn{width:100%}body.p4e-event-detail-active #p3h7vQuickActionRoot.p3h7v-quick-action-root,body.p4e-event-detail-active .p3h7v-quick-action-root{right:12px!important;bottom:calc(96px + env(safe-area-inset-bottom))!important}.event-detail-screen{padding-bottom:150px!important}}
.p4e-host-ux-standardization-marker{display:none!important;}

/* PHASE 4E.2 — Event Detail Floating Ball CSS Mirror Hotfix
   Scope: event detail only. Mirrors the stable 3K.39C3 tennis ball FAB method used by other pages: one root, CSS-only fixed positioning, no scroll/visualViewport inline reposition. */
body.p4e-event-detail-active #quickActionFabRoot,
body.p4e-event-detail-active .quick-action-root:not(#p3h7vQuickActionRoot){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
body.p4e-event-detail-active #p3h7vQuickActionRoot.p3h7v-quick-action-root,
body.p4e-event-detail-active #p3h7vQuickActionRoot[data-floating-action-standard="4E.2"]{position:fixed!important;right:max(15px,calc((100vw - min(100vw,430px))/2 + 15px))!important;bottom:calc(94px + env(safe-area-inset-bottom,0px))!important;width:50px!important;height:50px!important;z-index:180!important;pointer-events:none!important;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;transition:none!important;animation:none!important;top:auto!important;left:auto!important;contain:none!important;will-change:auto!important;}
body.p4e-event-detail-active #p3h7vQuickActionRoot.is-disabled{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
body.p4e-event-detail-active #p3h7vQuickActionRoot .p3h7v-fab{position:relative!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;pointer-events:auto!important;transform:none!important;transition:box-shadow .2s ease,filter .2s ease!important;animation:none!important;}
body.p4e-event-detail-active #p3h7vQuickActionRoot .p3h7v-fab:active{transform:scale(.94)!important;}
body.p4e-event-detail-active #p3h7vQuickActionRoot.is-open .p3h7v-fab{transform:translateY(-1px) rotate(-8deg) scale(1.02)!important;}
body.p4e-event-detail-active #p3h7vQuickActionRoot .p3h7v-menu{position:absolute!important;right:0!important;bottom:0!important;width:0!important;height:0!important;pointer-events:none!important;}
body.p4e-event-detail-active #p3h7vQuickActionRoot .p3h7v-backdrop{position:fixed!important;inset:0!important;background:transparent!important;pointer-events:none!important;}
body.p4e-event-detail-active #p3h7vQuickActionRoot.is-open .p3h7v-backdrop{pointer-events:auto!important;background:rgba(4,28,20,.02)!important;}
@media(max-width:430px){body.p4e-event-detail-active #p3h7vQuickActionRoot.p3h7v-quick-action-root,body.p4e-event-detail-active #p3h7vQuickActionRoot[data-floating-action-standard="4E.2"]{right:14px!important;bottom:calc(100px + env(safe-area-inset-bottom,0px))!important;width:48px!important;height:48px!important;}body.p4e-event-detail-active #p3h7vQuickActionRoot .p3h7v-fab{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;}}
}


/* PHASE 4E.3 — Event Detail Floating Root Audit + Host Flow Simplification
   Scope: event detail only. Floating ball now reuses the global p3h7v fixed method used by stable pages; no event-specific high bottom offset. */
body.p4e3-event-detail-active #quickActionFabRoot,
body.p4e3-event-detail-active .quick-action-root:not(#p3h7vQuickActionRoot){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
body.p4e3-event-detail-active #p3h7vQuickActionRoot.p3h7v-quick-action-root,
body.p4e3-event-detail-active #p3h7vQuickActionRoot[data-floating-action-standard="4E.3"]{position:fixed!important;right:max(13px,calc((100vw - min(100vw,430px))/2 + 13px))!important;bottom:calc(11px + env(safe-area-inset-bottom))!important;width:auto!important;height:auto!important;z-index:999!important;pointer-events:none!important;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;top:auto!important;left:auto!important;contain:layout style!important;will-change:auto!important;}
body.p4e3-event-detail-active #p3h7vQuickActionRoot .p3h7v-fab{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;pointer-events:auto!important;}
body.p4e3-event-detail-active #p3h7vQuickActionRoot.is-disabled{display:none!important;visibility:hidden!important;pointer-events:none!important;}
@media(max-width:390px){body.p4e3-event-detail-active #p3h7vQuickActionRoot.p3h7v-quick-action-root,body.p4e3-event-detail-active #p3h7vQuickActionRoot[data-floating-action-standard="4E.3"]{right:10px!important;bottom:calc(11px + env(safe-area-inset-bottom))!important;}body.p4e3-event-detail-active #p3h7vQuickActionRoot .p3h7v-fab{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;}}
.event-detail-screen .p4e3-host-setup{gap:12px!important;padding:14px!important;border-radius:22px!important;}
.event-detail-screen .p4e3-host-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.event-detail-screen .p4e3-host-title small{display:block;text-transform:uppercase;letter-spacing:.12em;font-weight:950;color:var(--text-secondary,#65756d);font-size:.68rem;}
.event-detail-screen .p4e3-host-title h3{margin:3px 0 3px;color:var(--text-primary,#073d31);font-size:1.16rem;line-height:1.1;letter-spacing:-.035em;}
.event-detail-screen .p4e3-host-title p{margin:0;color:var(--text-secondary,#65756d);font-size:.82rem;line-height:1.35;}
.event-detail-screen .p4e3-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.event-detail-screen .p4e3-summary>div,.event-detail-screen .p4e3-capacity>div{border:1px solid var(--border,#dfe8e2);background:linear-gradient(180deg,var(--bg-card,#fff),var(--bg-soft,#f7fbf8));border-radius:16px;padding:10px 8px;min-width:0;text-align:center;}
.event-detail-screen .p4e3-summary b,.event-detail-screen .p4e3-capacity strong{display:block;color:var(--brand-green,#0f6b4f);font-weight:1000;line-height:1.05;}
.event-detail-screen .p4e3-summary span,.event-detail-screen .p4e3-capacity span{display:block;margin-top:4px;color:var(--text-secondary,#65756d);font-size:.68rem;line-height:1.2;}
.event-detail-screen .p4e3-status{border-radius:16px;padding:11px 12px;display:grid;gap:4px;font-size:.82rem;line-height:1.34;}
.event-detail-screen .p4e3-status b{font-weight:950;color:var(--text-primary,#073d31);}.event-detail-screen .p4e3-status span{color:var(--text-secondary,#65756d);}
.event-detail-screen .p4e3-status.is-blocked{background:rgba(255,244,210,.88);border:1px solid rgba(230,176,50,.22);}.event-detail-screen .p4e3-status.is-warning{background:rgba(225,239,255,.86);border:1px solid rgba(49,117,203,.18);}.event-detail-screen .p4e3-status.is-ready{background:rgba(214,255,235,.72);border:1px solid rgba(15,107,79,.16);}
.event-detail-screen .p4e3-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.event-detail-screen .p4e3-field{display:grid;gap:6px;min-width:0;}.event-detail-screen .p4e3-field>span{text-transform:uppercase;letter-spacing:.08em;font-weight:950;font-size:.66rem;color:var(--text-secondary,#65756d);}
.event-detail-screen .p4e3-select{min-height:42px!important;border-radius:14px!important;font-size:.92rem!important;}
.event-detail-screen .p4e3-capacity{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}.event-detail-screen .p4e3-capacity strong{font-size:1.14rem;}
.event-detail-screen .p4e3-actions{display:flex;align-items:center;gap:10px;border:1px dashed rgba(15,107,79,.20);background:rgba(248,253,249,.92);border-radius:16px;padding:10px;}.event-detail-screen .p4e3-actions .btn{min-width:150px;}.event-detail-screen .p4e3-actions span{font-size:.76rem;line-height:1.3;color:var(--text-secondary,#65756d);}
.event-detail-screen .p3h8-growth-card .p3h8-grid,.event-detail-screen .p3h8-growth-card .p3h8-progress{display:none!important;}.event-detail-screen .p3h8-growth-card{padding-bottom:14px!important;}.event-detail-screen .p3h8-growth-card .p3h8-head span{font-size:.78rem!important;}.event-detail-screen .p3h8-growth-card .p3h8-meter{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;}
@media(max-width:520px){.event-detail-screen .p4e3-host-title{align-items:center}.event-detail-screen .p4e3-summary{grid-template-columns:1fr}.event-detail-screen .p4e3-step-grid{grid-template-columns:1fr}.event-detail-screen .p4e3-capacity{grid-template-columns:repeat(2,minmax(0,1fr))}.event-detail-screen .p4e3-actions{display:grid}.event-detail-screen .p4e3-actions .btn{width:100%;min-width:0}.event-detail-screen .p3h8-growth-card .p3h8-meter{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
html[data-theme="dark"] .event-detail-screen .p4e3-summary>div,html[data-theme="dark"] .event-detail-screen .p4e3-capacity>div{background:var(--bg-card,#10241d);border-color:rgba(183,255,53,.18);} 
.p4e3-floating-root-audit-marker{display:none!important;}


/* PHASE 4E.5 — Event detail active renderer and actual tennis FAB collision lock.
   Scoped to event detail only. Does not touch Booking Desk, OPS tables, Members, Community, or Reports. */
.event-detail-screen .p4e5-host-setup{border:1px solid rgba(0,83,65,.14);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(245,252,248,.92));box-shadow:0 14px 36px rgba(4,70,52,.07);padding:14px;margin:12px 0;display:grid;gap:12px;}
.event-detail-screen .p4e5-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.event-detail-screen .p4e5-head small{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:900;color:#00664f;}
.event-detail-screen .p4e5-head h3{margin:2px 0 4px;font-size:1.05rem;line-height:1.15;color:#064234;}
.event-detail-screen .p4e5-head p{margin:0;color:#275d50;font-size:.88rem;line-height:1.35;}
.event-detail-screen .p4e5-help{border:1px solid rgba(0,83,65,.14);border-radius:999px;background:#f7fffb;color:#064234;font-weight:900;padding:8px 12px;white-space:nowrap;}
.event-detail-screen .p4e5-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;}
.event-detail-screen .p4e5-flow span{border:1px solid rgba(0,83,65,.12);border-radius:13px;background:#eef8f2;padding:8px 6px;text-align:center;font-size:.72rem;font-weight:900;color:#064234;}
.event-detail-screen .p4e5-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.event-detail-screen .p4e5-summary>div{border:1px solid rgba(0,83,65,.12);border-radius:16px;background:#fff;padding:10px;min-width:0;}
.event-detail-screen .p4e5-summary b{display:block;font-size:.88rem;color:#064234;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.event-detail-screen .p4e5-summary span{display:block;font-size:.75rem;color:#37675d;line-height:1.25;margin-top:2px;}
.event-detail-screen .p4e5-status{border-radius:16px;padding:11px 12px;border:1px solid rgba(0,83,65,.12);display:grid;gap:2px;}
.event-detail-screen .p4e5-status b{font-size:.92rem;color:#064234;}
.event-detail-screen .p4e5-status span{font-size:.82rem;color:#275d50;line-height:1.35;}
.event-detail-screen .p4e5-status.is-blocked{background:#fff2cf;border-color:#f1d995;}
.event-detail-screen .p4e5-status.is-warning{background:#fff8df;border-color:#ecd58e;}
.event-detail-screen .p4e5-status.is-ready{background:#e8f8ef;border-color:#bde8cd;}
.event-detail-screen .p4e5-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.event-detail-screen .p4e5-field{display:grid;gap:5px;border:1px solid rgba(0,83,65,.10);border-radius:16px;background:#fff;padding:9px;min-width:0;}
.event-detail-screen .p4e5-field span{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#064234;}
.event-detail-screen .p4e5-field small{font-size:.72rem;color:#4a746a;line-height:1.25;}
.event-detail-screen .p4e5-select{width:100%;min-height:40px;border:1px solid rgba(0,83,65,.16);border-radius:12px;background:#f9fffc;color:#064234;font-weight:800;padding:0 10px;}
.event-detail-screen .p4e5-capacity{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}
.event-detail-screen .p4e5-capacity>div{border:1px solid rgba(0,83,65,.12);border-radius:15px;background:#f8fcfa;text-align:center;padding:10px 6px;}
.event-detail-screen .p4e5-capacity strong{display:block;font-size:1.1rem;color:#064234;}
.event-detail-screen .p4e5-capacity span{display:block;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em;color:#064234;}
.event-detail-screen .p4e5-actions{display:grid;gap:7px;}
.event-detail-screen .p4e5-actions .btn{width:100%;}
.event-detail-screen .p4e5-actions span{display:block;border:1px solid rgba(0,83,65,.10);border-radius:13px;background:#eef8f2;color:#064234;font-size:.76rem;font-weight:800;text-align:center;padding:8px;}
body[data-p3k39c8-page="eventDetail"] #p3k39c8TennisFabRoot,
body.p4e5-event-detail-active #p3k39c8TennisFabRoot{position:fixed!important;right:max(8px,calc((100vw - min(100vw,430px))/2 + 8px))!important;bottom:var(--p3k39c8-nav-bottom,calc(10px + env(safe-area-inset-bottom,0px)))!important;transform:none!important;z-index:999!important;contain:none!important;will-change:auto!important;}
body[data-p3k39c8-page="eventDetail"] #p3k39c8TennisFabRoot .p3k39c8-fab,
body.p4e5-event-detail-active #p3k39c8TennisFabRoot .p3k39c8-fab{transform:none!important;animation:none!important;transition:filter .18s ease!important;}
body[data-p3k39c8-page="eventDetail"] #p3k39c8TennisFabRoot.is-open .p3k39c8-fab,
body.p4e5-event-detail-active #p3k39c8TennisFabRoot.is-open .p3k39c8-fab{transform:rotate(-6deg) scale(1.02)!important;}
body.p4e5-event-detail-active #quickActionFabRoot,
body.p4e5-event-detail-active #p3h7vQuickActionRoot,
body.p4e5-event-detail-active .quick-action-root:not(#p3k39c8TennisFabRoot){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
@media(max-width:430px){.event-detail-screen .p4e5-host-setup{padding:12px;border-radius:20px}.event-detail-screen .p4e5-head{align-items:flex-start}.event-detail-screen .p4e5-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.event-detail-screen .p4e5-flow span{font-size:.64rem;padding:7px 3px}.event-detail-screen .p4e5-summary{grid-template-columns:1fr}.event-detail-screen .p4e5-form-grid{grid-template-columns:1fr}.event-detail-screen .p4e5-capacity{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Phase 4E.6 - Event detail setup renderer cleanup. Scoped only to event detail. */
.event-detail-screen .p4e6-host-setup{border:1px solid rgba(0,83,65,.14);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(246,253,249,.94));box-shadow:0 14px 36px rgba(4,70,52,.07);padding:14px;margin:12px 0;display:grid;gap:12px;}
.event-detail-screen .p4e6-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.event-detail-screen .p4e6-head small{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:900;color:#00664f;}
.event-detail-screen .p4e6-head h3{margin:2px 0 4px;font-size:1.08rem;line-height:1.15;color:#064234;letter-spacing:-.02em;}
.event-detail-screen .p4e6-head p{margin:0;color:#275d50;font-size:.86rem;line-height:1.35;}
.event-detail-screen .p4e6-help{border:1px solid rgba(0,83,65,.14);border-radius:999px;background:#f7fffb;color:#064234;font-weight:900;padding:8px 12px;white-space:nowrap;}
.event-detail-screen .p4e6-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;}
.event-detail-screen .p4e6-flow span{border:1px solid rgba(0,83,65,.12);border-radius:13px;background:#eef8f2;padding:8px 5px;text-align:center;font-size:.70rem;font-weight:900;color:#064234;}
.event-detail-screen .p4e6-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.event-detail-screen .p4e6-summary>div{border:1px solid rgba(0,83,65,.12);border-radius:16px;background:#fff;padding:10px;min-width:0;}
.event-detail-screen .p4e6-summary b{display:block;font-size:.9rem;color:#064234;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.event-detail-screen .p4e6-summary span{display:block;font-size:.74rem;color:#37675d;line-height:1.25;margin-top:2px;}
.event-detail-screen .p4e6-status{border-radius:16px;padding:11px 12px;border:1px solid rgba(0,83,65,.12);display:grid;gap:2px;}
.event-detail-screen .p4e6-status b{font-size:.92rem;color:#064234;}.event-detail-screen .p4e6-status span{font-size:.82rem;color:#275d50;line-height:1.35;}
.event-detail-screen .p4e6-status.is-blocked{background:#fff2cf;border-color:#f1d995;}.event-detail-screen .p4e6-status.is-warning{background:#fff8df;border-color:#ecd58e;}.event-detail-screen .p4e6-status.is-ready{background:#e8f8ef;border-color:#bde8cd;}
.event-detail-screen .p4e6-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.event-detail-screen .p4e6-field{display:grid;gap:5px;border:1px solid rgba(0,83,65,.10);border-radius:16px;background:#fff;padding:9px;min-width:0;}
.event-detail-screen .p4e6-field span{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#064234;}
.event-detail-screen .p4e6-field small{font-size:.72rem;color:#4a746a;line-height:1.25;}
.event-detail-screen .p4e6-select{width:100%;min-height:40px;border:1px solid rgba(0,83,65,.16);border-radius:12px;background:#f9fffc;color:#064234;font-weight:800;padding:0 10px;}
.event-detail-screen .p4e6-capacity{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}
.event-detail-screen .p4e6-capacity>div{border:1px solid rgba(0,83,65,.12);border-radius:15px;background:#f8fcfa;text-align:center;padding:10px 6px;}
.event-detail-screen .p4e6-capacity strong{display:block;font-size:1.1rem;color:#064234;}.event-detail-screen .p4e6-capacity span{display:block;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em;color:#064234;}
.event-detail-screen .p4e6-actions{display:grid;gap:7px;}.event-detail-screen .p4e6-actions .btn{width:100%;}.event-detail-screen .p4e6-actions span{display:block;border:1px solid rgba(0,83,65,.10);border-radius:13px;background:#eef8f2;color:#064234;font-size:.76rem;font-weight:800;text-align:center;padding:8px;}
body.p4e6-event-detail-active #p3k39c8TennisFabRoot{position:fixed!important;right:max(8px,calc((100vw - min(100vw,430px))/2 + 8px))!important;bottom:var(--p3k39c8-nav-bottom,calc(10px + env(safe-area-inset-bottom,0px)))!important;transform:none!important;z-index:999!important;contain:none!important;will-change:auto!important;}
body.p4e6-event-detail-active #p3k39c8TennisFabRoot .p3k39c8-fab{transform:none!important;animation:none!important;transition:filter .18s ease!important;}
body.p4e6-event-detail-active #p3k39c8TennisFabRoot.is-open .p3k39c8-fab{transform:rotate(-6deg) scale(1.02)!important;}
body.p4e6-event-detail-active #quickActionFabRoot,body.p4e6-event-detail-active #p3h7vQuickActionRoot,body.p4e6-event-detail-active .quick-action-root:not(#p3k39c8TennisFabRoot){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
@media(max-width:430px){.event-detail-screen .p4e6-host-setup{padding:12px;border-radius:20px}.event-detail-screen .p4e6-head{align-items:flex-start}.event-detail-screen .p4e6-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.event-detail-screen .p4e6-flow span{font-size:.62rem;padding:7px 3px}.event-detail-screen .p4e6-summary{grid-template-columns:1fr}.event-detail-screen .p4e6-form-grid{grid-template-columns:1fr}.event-detail-screen .p4e6-capacity{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Phase 4E.8 - Event detail visual engagement polish. Scoped only to event detail. */
.event-detail-screen .p4e8-host-setup{position:relative;border:1px solid rgba(0,83,65,.16);border-radius:24px;background:radial-gradient(circle at 18px 18px,rgba(184,255,51,.16),transparent 120px),linear-gradient(135deg,rgba(255,255,255,.98),rgba(242,252,247,.96));box-shadow:0 18px 42px rgba(4,70,52,.09);padding:14px;margin:12px 0;display:grid;gap:12px;overflow:hidden;}
.event-detail-screen .p4e8-host-setup:after{content:"";position:absolute;right:-32px;top:-32px;width:94px;height:94px;border-radius:999px;background:radial-gradient(circle,rgba(184,255,51,.22),rgba(0,128,91,.05) 62%,transparent 64%);pointer-events:none;}
.event-detail-screen .p4e8-hero{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;}
.event-detail-screen .p4e8-hero-icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#ebffe6,#d9f7ef);border:1px solid rgba(0,83,65,.14);box-shadow:0 10px 24px rgba(4,70,52,.10);font-size:1.25rem;}
.event-detail-screen .p4e8-hero small{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:900;color:#00664f;}
.event-detail-screen .p4e8-hero h3{margin:2px 0 4px;font-size:1.12rem;line-height:1.15;color:#064234;letter-spacing:-.02em;}
.event-detail-screen .p4e8-hero p{margin:0;color:#275d50;font-size:.86rem;line-height:1.35;}
.event-detail-screen .p4e8-help{border:1px solid rgba(0,83,65,.16);border-radius:999px;background:#f7fffb;color:#064234;font-weight:900;padding:9px 12px;white-space:nowrap;box-shadow:0 8px 18px rgba(4,70,52,.06);}
.event-detail-screen .p4e8-flow{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;}
.event-detail-screen .p4e8-flow span{border:1px solid rgba(0,83,65,.12);border-radius:15px;background:linear-gradient(180deg,#f8fffb,#ebf8f0);padding:8px 4px;text-align:center;color:#064234;display:grid;gap:3px;align-content:center;min-height:48px;}
.event-detail-screen .p4e8-flow i{font-style:normal;font-size:.95rem;line-height:1;}
.event-detail-screen .p4e8-flow b{font-size:.62rem;font-weight:900;letter-spacing:-.02em;}
.event-detail-screen .p4e8-match-strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.event-detail-screen .p4e8-match-strip>div{border:1px solid rgba(0,83,65,.12);border-radius:18px;background:#fff;padding:10px;min-width:0;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:start;}
.event-detail-screen .p4e8-match-strip i{font-style:normal;width:28px;height:28px;border-radius:11px;display:grid;place-items:center;background:#eef8f2;color:#064234;grid-row:1 / span 2;}
.event-detail-screen .p4e8-match-strip b{display:block;font-size:.9rem;color:#064234;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.event-detail-screen .p4e8-match-strip span{display:block;font-size:.73rem;color:#37675d;line-height:1.25;margin-top:2px;}
.event-detail-screen .p4e8-status{position:relative;z-index:1;border-radius:18px;padding:12px;border:1px solid rgba(0,83,65,.12);display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;}
.event-detail-screen .p4e8-status>i{font-style:normal;width:30px;height:30px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.7);font-weight:900;}
.event-detail-screen .p4e8-status b{font-size:.94rem;color:#064234;display:block;}.event-detail-screen .p4e8-status span{font-size:.82rem;color:#275d50;line-height:1.35;display:block;margin-top:2px;}
.event-detail-screen .p4e8-status.is-blocked{background:linear-gradient(135deg,#fff2cf,#fff8e7);border-color:#f1d995;}.event-detail-screen .p4e8-status.is-warning{background:linear-gradient(135deg,#fff8df,#fffdf2);border-color:#ecd58e;}.event-detail-screen .p4e8-status.is-ready{background:linear-gradient(135deg,#e8f8ef,#f5fff9);border-color:#bde8cd;}
.event-detail-screen .p4e8-form-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.event-detail-screen .p4e8-field{display:grid;gap:6px;border:1px solid rgba(0,83,65,.11);border-radius:18px;background:rgba(255,255,255,.92);padding:10px;min-width:0;}
.event-detail-screen .p4e8-field>span{display:flex;align-items:center;gap:7px;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#064234;}
.event-detail-screen .p4e8-field>span i{font-style:normal;width:24px;height:24px;border-radius:9px;background:#eef8f2;display:grid;place-items:center;letter-spacing:0;font-size:.78rem;}
.event-detail-screen .p4e8-field small{font-size:.72rem;color:#4a746a;line-height:1.25;}
.event-detail-screen .p4e8-select{width:100%;min-height:42px;border:1px solid rgba(0,83,65,.16);border-radius:14px;background:#f9fffc;color:#064234;font-weight:900;padding:0 10px;}
.event-detail-screen .p4e8-capacity{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}
.event-detail-screen .p4e8-capacity>div{border:1px solid rgba(0,83,65,.12);border-radius:16px;background:linear-gradient(180deg,#fff,#f7fcfa);text-align:center;padding:10px 6px;display:grid;gap:2px;}
.event-detail-screen .p4e8-capacity i{font-style:normal;font-size:.85rem;line-height:1;}.event-detail-screen .p4e8-capacity strong{display:block;font-size:1.14rem;color:#064234;line-height:1;}.event-detail-screen .p4e8-capacity span{display:block;font-size:.63rem;font-weight:900;text-transform:uppercase;letter-spacing:.10em;color:#064234;}
.event-detail-screen .p4e8-actions{position:relative;z-index:1;display:grid;gap:7px;}.event-detail-screen .p4e8-actions .btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;}.event-detail-screen .p4e8-actions span:last-child{display:block;border:1px solid rgba(0,83,65,.10);border-radius:14px;background:#eef8f2;color:#064234;font-size:.76rem;font-weight:800;text-align:center;padding:8px;}
.event-detail-screen .p3h8-growth-card{border-color:rgba(0,83,65,.14);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(241,251,246,.94));}
.event-detail-screen .p35-participant-card [class*="status"],.event-detail-screen .p35-participant-card .chip{box-shadow:0 8px 18px rgba(4,70,52,.05);}
body.p4e8-event-detail-active #p3k39c8TennisFabRoot{position:fixed!important;right:max(8px,calc((100vw - min(100vw,430px))/2 + 8px))!important;bottom:var(--p3k39c8-nav-bottom,calc(10px + env(safe-area-inset-bottom,0px)))!important;transform:none!important;z-index:999!important;contain:none!important;will-change:auto!important;}
body.p4e8-event-detail-active #p3k39c8TennisFabRoot .p3k39c8-fab{transform:none!important;animation:none!important;transition:filter .18s ease!important;}
body.p4e8-event-detail-active #p3k39c8TennisFabRoot.is-open .p3k39c8-fab{transform:rotate(-6deg) scale(1.02)!important;}
body.p4e8-event-detail-active #quickActionFabRoot,body.p4e8-event-detail-active #p3h7vQuickActionRoot,body.p4e8-event-detail-active .quick-action-root:not(#p3k39c8TennisFabRoot){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
@media(max-width:430px){.event-detail-screen .p4e8-host-setup{padding:12px;border-radius:22px}.event-detail-screen .p4e8-hero{grid-template-columns:auto 1fr}.event-detail-screen .p4e8-help{grid-column:1 / -1;width:100%}.event-detail-screen .p4e8-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.event-detail-screen .p4e8-flow span{min-height:44px;padding:7px 3px}.event-detail-screen .p4e8-flow b{font-size:.58rem}.event-detail-screen .p4e8-match-strip{grid-template-columns:1fr}.event-detail-screen .p4e8-form-grid{grid-template-columns:1fr}.event-detail-screen .p4e8-capacity{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Phase 4E.8 - Event Detail Readability & Compact Participant Polish
   Scope only: event detail mobile host screen. No global table/button/admin selector. */
.event-detail-screen .p4e8-host-setup{gap:10px;padding:13px;border-radius:23px;}
.event-detail-screen .p4e8-hero{align-items:center;}
.event-detail-screen .p4e8-hero h3{font-size:1.05rem;line-height:1.14;margin-bottom:3px;}
.event-detail-screen .p4e8-hero p{font-size:.82rem;line-height:1.32;}
.event-detail-screen .p4e8-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;}
.event-detail-screen .p4e8-flow span{min-height:42px;border-radius:14px;padding:6px 3px;}
.event-detail-screen .p4e8-flow b{font-size:.58rem;line-height:1.05;}
.event-detail-screen .p4e8-match-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
.event-detail-screen .p4e8-match-strip>div{grid-template-columns:28px minmax(0,1fr);padding:9px;border-radius:17px;min-height:74px;align-content:start;}
.event-detail-screen .p4e8-match-strip>div:nth-child(3){grid-column:1 / -1;min-height:0;}
.event-detail-screen .p4e8-match-strip b{white-space:normal;overflow:visible;text-overflow:clip;font-size:.86rem;line-height:1.12;overflow-wrap:anywhere;}
.event-detail-screen .p4e8-match-strip span{font-size:.71rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.event-detail-screen .p4e8-status{padding:10px;border-radius:17px;}
.event-detail-screen .p4e8-status b{font-size:.9rem;}.event-detail-screen .p4e8-status span{font-size:.78rem;}
.event-detail-screen .p4e8-form-grid{gap:8px;}
.event-detail-screen .p4e8-field{padding:9px;border-radius:17px;gap:5px;}
.event-detail-screen .p4e8-field>span{font-size:.63rem;letter-spacing:.10em;line-height:1.15;}
.event-detail-screen .p4e8-field small{font-size:.69rem;line-height:1.2;}
.event-detail-screen .p4e8-select{min-height:40px;border-radius:14px;font-size:.84rem;}
.event-detail-screen .p4e8-capacity{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
.event-detail-screen .p4e8-capacity>div{padding:8px 4px;border-radius:15px;}
.event-detail-screen .p4e8-capacity strong{font-size:1rem;}.event-detail-screen .p4e8-capacity span{font-size:.55rem;letter-spacing:.08em;}
.event-detail-screen .p4e8-actions span:last-child{font-size:.72rem;line-height:1.2;}
.event-detail-screen .p3h8-growth-card{padding:12px!important;margin:12px 0!important;}
.event-detail-screen .p3h8-head{margin-bottom:8px!important;}
.event-detail-screen .p3h8-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;}
.event-detail-screen .p3h8-stats>div{padding:8px 4px!important;border-radius:14px!important;min-height:52px!important;}
.event-detail-screen .p3h8-stats strong{font-size:1rem!important;}.event-detail-screen .p3h8-stats span{font-size:.55rem!important;letter-spacing:.08em!important;}
.event-detail-screen .p35-participant-list{gap:8px!important;margin-top:8px!important;}
.event-detail-screen .p35-participant-card{grid-template-columns:1fr!important;gap:8px!important;padding:10px!important;border-radius:18px!important;min-height:0!important;align-items:start!important;}
.event-detail-screen .p35-participant-left{gap:9px!important;align-items:flex-start!important;}
.event-detail-screen .p35-avatar{width:44px!important;height:44px!important;min-width:44px!important;}
.event-detail-screen .p35-index{width:22px!important;height:22px!important;font-size:10px!important;left:-5px!important;top:-5px!important;}
.event-detail-screen .p35-participant-copy{display:grid!important;gap:4px!important;}
.event-detail-screen .p35-participant-copy strong{font-size:.98rem!important;line-height:1.1!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
.event-detail-screen .p35-chips{gap:4px!important;margin-top:2px!important;}
.event-detail-screen .p35-chips .badge,.event-detail-screen .p35-chips em{min-height:22px!important;padding:4px 7px!important;font-size:.58rem!important;line-height:1!important;}
.event-detail-screen .p35-participant-copy small{margin-top:2px!important;font-size:.68rem!important;line-height:1.15!important;}
.event-detail-screen .p35-participant-actions{gap:6px!important;margin-left:53px!important;justify-content:flex-start!important;}
.event-detail-screen .p35-action-btn,.event-detail-screen .p35-action-lock{padding:7px 9px!important;font-size:.68rem!important;min-height:32px!important;border-radius:14px!important;}
.event-detail-screen .p35-participant-card:has(.p35-participant-actions:empty){padding-bottom:10px!important;}
body.p4e8-event-detail-active #p3k39c8TennisFabRoot{position:fixed!important;right:max(8px,calc((100vw - min(100vw,430px))/2 + 8px))!important;bottom:var(--p3k39c8-nav-bottom,calc(10px + env(safe-area-inset-bottom,0px)))!important;transform:none!important;z-index:999!important;contain:none!important;will-change:auto!important;}
body.p4e8-event-detail-active #quickActionFabRoot,body.p4e8-event-detail-active #p3h7vQuickActionRoot,body.p4e8-event-detail-active .quick-action-root:not(#p3k39c8TennisFabRoot){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
@media(max-width:390px){.event-detail-screen .p4e8-match-strip{grid-template-columns:1fr}.event-detail-screen .p4e8-match-strip>div:nth-child(3){grid-column:auto}.event-detail-screen .p4e8-form-grid{grid-template-columns:1fr}.event-detail-screen .p4e8-capacity{grid-template-columns:repeat(2,minmax(0,1fr))}.event-detail-screen .p3h8-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* Phase 4F - Scoreboard Session Context & Scoring Clarity
   Scoped only to scoreboard UI inside event detail / fullscreen shell. */
.event-detail-screen .p4f-score-context,.p29-tv-shell .p4f-score-context,.p28-tv-shell .p4f-score-context,.p27-tv-shell .p4f-score-context{border:1px solid rgba(0,83,65,.14);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(234,249,240,.94));box-shadow:0 16px 42px rgba(0,65,45,.08);padding:12px;margin:12px 0;display:grid;gap:10px;color:#064234;}
.event-detail-screen .p4f-context-head,.p29-tv-shell .p4f-context-head,.p28-tv-shell .p4f-context-head,.p27-tv-shell .p4f-context-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.event-detail-screen .p4f-context-head small,.p29-tv-shell .p4f-context-head small,.p28-tv-shell .p4f-context-head small,.p27-tv-shell .p4f-context-head small{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:.62rem;font-weight:900;color:#0c6b52;}
.event-detail-screen .p4f-context-head strong,.p29-tv-shell .p4f-context-head strong,.p28-tv-shell .p4f-context-head strong,.p27-tv-shell .p4f-context-head strong{display:block;font-size:1.08rem;line-height:1.12;color:#064234;}
.event-detail-screen .p4f-context-head span,.p29-tv-shell .p4f-context-head span,.p28-tv-shell .p4f-context-head span,.p27-tv-shell .p4f-context-head span{display:block;font-size:.78rem;line-height:1.25;color:#3f6b60;margin-top:3px;}
.event-detail-screen .p4f-context-head em,.p29-tv-shell .p4f-context-head em,.p28-tv-shell .p4f-context-head em,.p27-tv-shell .p4f-context-head em{font-style:normal;border:1px solid rgba(0,83,65,.13);border-radius:999px;background:#eff8f3;padding:7px 10px;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#064234;white-space:nowrap;}
.event-detail-screen .p4f-context-grid,.p29-tv-shell .p4f-context-grid,.p28-tv-shell .p4f-context-grid,.p27-tv-shell .p4f-context-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}
.event-detail-screen .p4f-context-grid span,.p29-tv-shell .p4f-context-grid span,.p28-tv-shell .p4f-context-grid span,.p27-tv-shell .p4f-context-grid span{border:1px solid rgba(0,83,65,.11);border-radius:16px;background:rgba(255,255,255,.86);padding:8px 6px;display:grid;gap:2px;min-width:0;}
.event-detail-screen .p4f-context-grid i,.p29-tv-shell .p4f-context-grid i,.p28-tv-shell .p4f-context-grid i,.p27-tv-shell .p4f-context-grid i{font-style:normal;font-size:.92rem;line-height:1;}
.event-detail-screen .p4f-context-grid b,.p29-tv-shell .p4f-context-grid b,.p28-tv-shell .p4f-context-grid b,.p27-tv-shell .p4f-context-grid b{font-size:.78rem;line-height:1.12;color:#064234;white-space:normal;overflow-wrap:anywhere;}
.event-detail-screen .p4f-context-grid small,.p29-tv-shell .p4f-context-grid small,.p28-tv-shell .p4f-context-grid small,.p27-tv-shell .p4f-context-grid small{font-size:.62rem;line-height:1.15;color:#4d766b;font-weight:800;}
.event-detail-screen .p4f-score-help,.event-detail-screen .p4f-round-rest,.event-detail-screen .p4f-top-rank,.p29-tv-shell .p4f-score-help,.p29-tv-shell .p4f-round-rest,.p29-tv-shell .p4f-top-rank,.p28-tv-shell .p4f-score-help,.p28-tv-shell .p4f-round-rest,.p28-tv-shell .p4f-top-rank,.p27-tv-shell .p4f-score-help,.p27-tv-shell .p4f-round-rest,.p27-tv-shell .p4f-top-rank{border:1px solid rgba(0,83,65,.10);border-radius:16px;background:rgba(255,255,255,.72);padding:9px 10px;display:grid;gap:3px;}
.event-detail-screen .p4f-score-help b,.event-detail-screen .p4f-round-rest b,.event-detail-screen .p4f-top-rank b,.p29-tv-shell .p4f-score-help b,.p29-tv-shell .p4f-round-rest b,.p29-tv-shell .p4f-top-rank b,.p28-tv-shell .p4f-score-help b,.p28-tv-shell .p4f-round-rest b,.p28-tv-shell .p4f-top-rank b,.p27-tv-shell .p4f-score-help b,.p27-tv-shell .p4f-round-rest b,.p27-tv-shell .p4f-top-rank b{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#064234;}
.event-detail-screen .p4f-score-help span,.event-detail-screen .p4f-round-rest span,.p29-tv-shell .p4f-score-help span,.p29-tv-shell .p4f-round-rest span,.p28-tv-shell .p4f-score-help span,.p28-tv-shell .p4f-round-rest span,.p27-tv-shell .p4f-score-help span,.p27-tv-shell .p4f-round-rest span{font-size:.78rem;color:#315f55;line-height:1.25;}
.event-detail-screen .p4f-round-legend,.p29-tv-shell .p4f-round-legend,.p28-tv-shell .p4f-round-legend,.p27-tv-shell .p4f-round-legend{display:flex;gap:6px;flex-wrap:wrap;}
.event-detail-screen .p4f-round-legend span,.p29-tv-shell .p4f-round-legend span,.p28-tv-shell .p4f-round-legend span,.p27-tv-shell .p4f-round-legend span{border:1px solid rgba(0,83,65,.10);border-radius:999px;background:#f7fffb;padding:6px 9px;font-size:.66rem;font-weight:900;color:#064234;}
.event-detail-screen .p4f-top-rank>div,.p29-tv-shell .p4f-top-rank>div,.p28-tv-shell .p4f-top-rank>div,.p27-tv-shell .p4f-top-rank>div{display:grid;gap:5px;}
.event-detail-screen .p4f-top-rank span,.p29-tv-shell .p4f-top-rank span,.p28-tv-shell .p4f-top-rank span,.p27-tv-shell .p4f-top-rank span{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;font-size:.78rem;color:#064234;}
.event-detail-screen .p4f-top-rank span b,.p29-tv-shell .p4f-top-rank span b,.p28-tv-shell .p4f-top-rank span b,.p27-tv-shell .p4f-top-rank span b{width:22px;height:22px;border-radius:999px;background:#0b8b69;color:#fff;display:grid;place-items:center;font-size:.7rem;letter-spacing:0;}
.event-detail-screen .p4f-top-rank span em,.p29-tv-shell .p4f-top-rank span em,.p28-tv-shell .p4f-top-rank span em,.p27-tv-shell .p4f-top-rank span em{font-style:normal;font-weight:900;color:#064234;}
.event-detail-screen .p4f-top-rank .is-empty,.p29-tv-shell .p4f-top-rank .is-empty,.p28-tv-shell .p4f-top-rank .is-empty,.p27-tv-shell .p4f-top-rank .is-empty{display:block;color:#5b756f;font-size:.76rem;}
.event-detail-screen .p4f-match-score-hint,.p29-tv-shell .p4f-match-score-hint,.p28-tv-shell .p4f-match-score-hint,.p27-tv-shell .p4f-match-score-hint{border:1px solid rgba(0,83,65,.10);border-radius:999px;background:#eff8f2;color:#064234;font-size:.68rem;font-weight:900;line-height:1.18;padding:7px 10px;margin:6px 0 8px;}
.p29-tv-shell .p4f-tv-context,.p28-tv-shell .p4f-tv-context,.p27-tv-shell .p4f-tv-context{margin:10px 20px 0;border-radius:20px;grid-template-columns:1fr;}
.p29-tv-shell .p4f-tv-context .p4f-context-grid,.p28-tv-shell .p4f-tv-context .p4f-context-grid,.p27-tv-shell .p4f-tv-context .p4f-context-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
@media(max-width:430px){.event-detail-screen .p4f-score-context{padding:10px;border-radius:20px}.event-detail-screen .p4f-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-detail-screen .p4f-context-head{align-items:stretch}.event-detail-screen .p4f-context-head em{align-self:flex-start}.p29-tv-shell .p4f-tv-context,.p28-tv-shell .p4f-tv-context,.p27-tv-shell .p4f-tv-context{margin:8px 12px 0}.p29-tv-shell .p4f-tv-context .p4f-context-grid,.p28-tv-shell .p4f-tv-context .p4f-context-grid,.p27-tv-shell .p4f-tv-context .p4f-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* PHASE 4F.1 — fullscreen scoreboard focus & active round persistence.
   Scoped only to existing TV/fullscreen scoreboard shells. */
.p29-tv-shell.p4f1-tv-focus,
.p28-tv-shell.p4f1-tv-focus,
.p27-tv-shell.p4f1-tv-focus{grid-template-rows:auto auto auto minmax(0,1fr) auto!important;}
.p29-tv-shell.p4f1-tv-focus .p4f1-tv-context,
.p28-tv-shell.p4f1-tv-focus .p4f1-tv-context,
.p27-tv-shell.p4f1-tv-focus .p4f1-tv-context{margin:8px 18px 0;padding:8px 10px;border:1px solid rgba(0,83,65,.12);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(236,249,240,.82));display:grid;gap:6px;color:#064234;box-shadow:0 8px 20px rgba(0,65,45,.06);}
.p29-tv-shell.p4f1-tv-focus .p4f1-main,
.p28-tv-shell.p4f1-tv-focus .p4f1-main,
.p27-tv-shell.p4f1-tv-focus .p4f1-main{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;}
.p29-tv-shell.p4f1-tv-focus .p4f1-main b,
.p28-tv-shell.p4f1-tv-focus .p4f1-main b,
.p27-tv-shell.p4f1-tv-focus .p4f1-main b{font-size:clamp(14px,2.7vw,20px);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.p29-tv-shell.p4f1-tv-focus .p4f1-main span,
.p28-tv-shell.p4f1-tv-focus .p4f1-main span,
.p27-tv-shell.p4f1-tv-focus .p4f1-main span{font-size:clamp(11px,2vw,14px);font-weight:900;color:#37695d;text-align:right;white-space:nowrap;}
.p29-tv-shell.p4f1-tv-focus .p4f1-side,
.p28-tv-shell.p4f1-tv-focus .p4f1-side,
.p27-tv-shell.p4f1-tv-focus .p4f1-side{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.p29-tv-shell.p4f1-tv-focus .p4f1-side span,
.p28-tv-shell.p4f1-tv-focus .p4f1-side span,
.p27-tv-shell.p4f1-tv-focus .p4f1-side span{border:1px solid rgba(0,83,65,.09);border-radius:999px;background:rgba(255,255,255,.76);padding:6px 9px;font-size:clamp(10px,1.8vw,13px);font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.p29-tv-shell.p4f1-tv-focus .p4f1-legend,
.p28-tv-shell.p4f1-tv-focus .p4f1-legend,
.p27-tv-shell.p4f1-tv-focus .p4f1-legend{display:flex;gap:6px;flex-wrap:wrap;}
.p29-tv-shell.p4f1-tv-focus .p4f1-legend span,
.p28-tv-shell.p4f1-tv-focus .p4f1-legend span,
.p27-tv-shell.p4f1-tv-focus .p4f1-legend span{border-radius:999px;background:rgba(235,248,240,.8);padding:4px 8px;font-size:10px;font-weight:900;color:#064234;}
.p29-tv-shell.p4f1-tv-focus .p4f-tv-context,
.p28-tv-shell.p4f1-tv-focus .p4f-tv-context,
.p27-tv-shell.p4f1-tv-focus .p4f-tv-context{display:none!important;}
.p29-tv-shell.p4f1-tv-focus .p29-round-head,
.p28-tv-shell.p4f1-tv-focus .p28-round-head,
.p27-tv-shell.p4f1-tv-focus .p27-tv-roundbar{padding-top:8px!important;padding-bottom:8px!important;max-height:none!important;}
.p29-tv-shell.p4f1-tv-focus .p29-score-area,
.p28-tv-shell.p4f1-tv-focus .p28-score-area,
.p27-tv-shell.p4f1-tv-focus .p27-tv-board{padding-top:10px!important;align-content:start!important;justify-content:stretch!important;align-items:stretch!important;overflow:auto!important;}
.p29-tv-shell.p4f1-tv-focus .p29-round-tabs button.active,
.p28-tv-shell.p4f1-tv-focus .p28-round-tabs button.active,
.p27-tv-shell.p4f1-tv-focus .p27-tv-tabs button.active{box-shadow:0 0 0 2px rgba(183,255,53,.55),0 10px 22px rgba(8,126,93,.22)!important;}
@media(max-width:680px){
  .p29-tv-shell.p4f1-tv-focus .p4f1-tv-context,
  .p28-tv-shell.p4f1-tv-focus .p4f1-tv-context,
  .p27-tv-shell.p4f1-tv-focus .p4f1-tv-context{margin:7px 10px 0;padding:7px 8px;border-radius:16px;}
  .p29-tv-shell.p4f1-tv-focus .p4f1-main,
  .p28-tv-shell.p4f1-tv-focus .p4f1-main,
  .p27-tv-shell.p4f1-tv-focus .p4f1-main{display:grid;grid-template-columns:1fr;gap:2px;}
  .p29-tv-shell.p4f1-tv-focus .p4f1-main span,
  .p28-tv-shell.p4f1-tv-focus .p4f1-main span,
  .p27-tv-shell.p4f1-tv-focus .p4f1-main span{text-align:left;white-space:normal;}
  .p29-tv-shell.p4f1-tv-focus .p4f1-side,
  .p28-tv-shell.p4f1-tv-focus .p4f1-side,
  .p27-tv-shell.p4f1-tv-focus .p4f1-side{grid-template-columns:1fr;}
  .p29-tv-shell.p4f1-tv-focus .p4f1-legend{display:none;}
}

/* PHASE 4G — scoped round lock and next round flow. Protected: no global table/button/admin selectors. */
.p4g-host-flow{display:grid;gap:10px;margin-top:10px;padding:12px;border:1px solid rgba(0,83,65,.12);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(236,249,240,.78));box-shadow:0 10px 24px rgba(0,65,45,.06)}
.p4g-host-flow-copy{display:grid;gap:3px}.p4g-host-flow-copy strong{font-size:14px;color:var(--text-primary,#17231d)}.p4g-host-flow-copy small{font-size:12px;color:var(--text-secondary,#65756d);line-height:1.35}.p4g-format-pill{display:inline-flex;width:max-content;border-radius:999px;padding:5px 8px;background:#e8f8ef;color:#075f47;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.p4g-format-pill.mexicano{background:#fff1d8;color:#9a4d00}.p4g-flow-warning{display:grid;gap:3px;border-radius:14px;padding:10px 11px;border:1px solid rgba(231,164,65,.28);background:#fff8eb;color:#6d3b00}.p4g-flow-warning.strict{border-color:rgba(209,77,65,.25);background:#fff1ef;color:#8a2218}.p4g-flow-warning strong{font-size:12px}.p4g-flow-warning span{font-size:11px;line-height:1.35}.p4g-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.p4g-status-grid span{display:grid;gap:2px;border:1px solid rgba(0,83,65,.10);border-radius:13px;background:rgba(255,255,255,.72);padding:8px;text-align:center;font-size:10px;font-weight:900;color:var(--text-secondary,#65756d)}.p4g-status-grid b{font-size:16px;color:var(--text-primary,#17231d)}.p4g-actions{gap:7px}.p4g-round-scope{position:relative}.p4g-round-statusbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 10px;padding:9px 10px;border-radius:16px;background:#f5fbf7;border:1px solid rgba(0,83,65,.10)}.p4g-round-statusbar span,.p4g-round-statusbar small{font-size:11px;font-weight:900;color:var(--text-secondary,#65756d)}.p4g-round-statusbar strong{font-size:13px;color:var(--text-primary,#17231d)}.p4g-round-badge,.p4g-score-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.p4g-round-badge.live,.p4g-score-badge.complete{background:#e8f8ef;color:#087e5d}.p4g-round-badge.scored,.p4g-score-badge.draft{background:#fff8df;color:#9a6400}.p4g-round-badge.locked,.p4g-score-badge.locked{background:#e9f0ff;color:#244c9b}.p4g-round-badge.completed{background:#edf2f7;color:#344054}.p4g-score-badge.empty{background:#f2f4f7;color:#667085}.p4g-leaderboard-wrap{display:grid;gap:10px}.p4g-board-title{display:flex;justify-content:space-between;gap:10px;align-items:end;margin:6px 2px 0}.p4g-board-title strong{font-size:13px;color:var(--text-primary,#17231d)}.p4g-board-title span{font-size:11px;color:var(--text-secondary,#65756d);font-weight:800;text-align:right}.p4g-board-title.temporary{margin-top:12px}@media(max-width:520px){.p4g-status-grid{grid-template-columns:repeat(2,1fr)}.p4g-actions .btn{flex:1 1 100%}.p4g-board-title{display:grid}.p4g-board-title span{text-align:left}.p4g-host-flow{border-radius:16px;padding:10px}.p4g-round-statusbar{align-items:flex-start}}
html[data-theme="dark"] .p4g-host-flow,html[data-theme="dark"] .p4g-round-statusbar{background:#10261f;border-color:rgba(183,255,53,.22);color:#f4fff8}html[data-theme="dark"] .p4g-host-flow-copy strong,html[data-theme="dark"] .p4g-status-grid b,html[data-theme="dark"] .p4g-round-statusbar strong,html[data-theme="dark"] .p4g-board-title strong{color:#f4fff8}html[data-theme="dark"] .p4g-host-flow-copy small,html[data-theme="dark"] .p4g-status-grid span,html[data-theme="dark"] .p4g-round-statusbar span,html[data-theme="dark"] .p4g-round-statusbar small,html[data-theme="dark"] .p4g-board-title span{color:#b5cbc5}html[data-theme="dark"] .p4g-status-grid span{background:#07110e;border-color:rgba(183,255,53,.18)}

/* Phase 4G2 — scoreboard leaderboard duplicate cleanup. Scoped only to event scoreboard leaderboard. */
.p4g-leaderboard-single{gap:0}
.p4g-draft-collapse{border:1px solid rgba(0,83,65,.10);border-radius:18px;background:rgba(255,255,255,.78);padding:10px 12px}
.p4g-draft-collapse summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;color:var(--text-primary,#17231d)}
.p4g-draft-collapse summary::-webkit-details-marker{display:none}
.p4g-draft-collapse summary strong{font-size:13px}
.p4g-draft-collapse summary span{font-size:11px;font-weight:900;color:var(--text-secondary,#65756d)}
.p4g-draft-collapse[open]{display:grid;gap:10px}
.p4g-draft-collapse[open] summary{padding-bottom:8px;border-bottom:1px solid rgba(0,83,65,.08)}
@media(max-width:520px){.p4g-draft-collapse summary{align-items:flex-start;display:grid}.p4g-draft-collapse{border-radius:16px;padding:10px}}


/* PHASE 4H2 — scoreboard boot-safe light polish. Scoped only to event-detail scoreboard and fullscreen scoreboard. No global table/button selectors. */
.event-detail-screen .phase3e-game-card .p4g-host-flow,
.event-detail-screen .phase3e-game-card .p4g-round-statusbar{
  border-radius:20px;
  box-shadow:0 14px 34px rgba(0,70,50,.08);
}
.event-detail-screen .phase3e-game-card .americano-rounds.compact-rounds,
.event-detail-screen .phase3e-game-card .p4g-round-scope{
  gap:12px;
}
.event-detail-screen .phase3e-game-card .match-card-americano{
  position:relative;
  border-radius:22px!important;
  border:1px solid rgba(0,83,65,.13)!important;
  box-shadow:0 14px 32px rgba(0,49,36,.075)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,253,249,.94))!important;
}
.event-detail-screen .phase3e-game-card .match-card-americano::before{
  content:'';
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:4px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,#0f8b68,#b7ff35);
}
.event-detail-screen .phase3e-game-card .court-label{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:rgba(0,83,65,.075)!important;
  color:#075f47!important;
  font-size:.78rem!important;
  letter-spacing:.01em!important;
}
.event-detail-screen .phase3e-game-card .team-names,
.event-detail-screen .phase3e-game-card .score-team strong,
.event-detail-screen .phase3e-game-card .team-side strong{
  color:#063f34!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
}
.event-detail-screen .phase3e-game-card .team-names.right,
.event-detail-screen .phase3e-game-card .score-team.team-b strong,
.event-detail-screen .phase3e-game-card .team-side.team-b strong{
  color:#7a4a00!important;
}
.event-detail-screen .phase3e-game-card .flip-score button,
.event-detail-screen .phase3e-game-card .score-pill{
  border:0!important;
  border-radius:16px!important;
  color:#fff!important;
  background:radial-gradient(circle at 30% 20%,#2d3b34,#06130f 74%)!important;
  box-shadow:0 12px 26px rgba(0,28,20,.18)!important;
  min-width:52px!important;
  min-height:48px!important;
  font-weight:950!important;
}
.event-detail-screen .phase3e-game-card .flip-score em,
.event-detail-screen .phase3e-game-card .vs-badge,
.event-detail-screen .phase3e-game-card .versus-pill{
  color:#0b7f5e!important;
  font-weight:950!important;
}
.p29-tv-shell .p29-tv-match{
  border-radius:24px!important;
  box-shadow:0 18px 45px rgba(0,44,31,.10)!important;
}
.p29-tv-shell .p29-match-head span{
  display:inline-flex!important;
  align-items:center!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:rgba(0,83,65,.08)!important;
  color:#075f47!important;
}
.p29-tv-shell .p29-score-row:nth-of-type(1) .p29-team strong{color:#063f34!important;}
.p29-tv-shell .p29-score-row:nth-of-type(3) .p29-team strong{color:#7a4a00!important;}
.p29-tv-shell .p29-scorebox{
  border-radius:18px!important;
  background:radial-gradient(circle at 28% 18%,#2f3d36,#030806 76%)!important;
  box-shadow:0 14px 30px rgba(0,20,15,.22)!important;
}
html[data-theme="dark"] .event-detail-screen .phase3e-game-card .match-card-americano{
  background:linear-gradient(145deg,#10261f,#08140f)!important;
  border-color:rgba(183,255,53,.22)!important;
}
html[data-theme="dark"] .event-detail-screen .phase3e-game-card .team-names,
html[data-theme="dark"] .event-detail-screen .phase3e-game-card .score-team strong,
html[data-theme="dark"] .event-detail-screen .phase3e-game-card .team-side strong{color:#f4fff8!important;}
html[data-theme="dark"] .event-detail-screen .phase3e-game-card .team-names.right,
html[data-theme="dark"] .event-detail-screen .phase3e-game-card .score-team.team-b strong,
html[data-theme="dark"] .event-detail-screen .phase3e-game-card .team-side.team-b strong{color:#ffe0a3!important;}
@media(max-width:520px){
  .event-detail-screen .phase3e-game-card .match-card-americano{border-radius:20px!important;padding:13px!important;}
  .event-detail-screen .phase3e-game-card .match-score-line{gap:9px!important;}
  .event-detail-screen .phase3e-game-card .team-names{font-size:clamp(1rem,4.4vw,1.18rem)!important;}
  .event-detail-screen .phase3e-game-card .flip-score{min-width:92px!important;}
  .event-detail-screen .phase3e-game-card .flip-score button{min-width:46px!important;min-height:44px!important;}
  .p29-tv-shell .p29-tv-match{border-radius:22px!important;}
}


/* === public/assets/css/asset-icons.css === */
.asset-icon,.icon-img{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:currentColor;vertical-align:middle}.asset-icon img,.icon-img img,img.asset-icon,img.icon-img{width:20px;height:20px;display:inline-block;object-fit:contain}.asset-icon-sm,.icon-sm{width:16px;height:16px}.asset-icon-md,.icon-md{width:24px;height:24px}.asset-icon-lg,.icon-lg{width:32px;height:32px}.asset-icon-xl,.icon-xl{width:48px;height:48px}.logo-horizontal{height:32px;width:auto;display:block}.logo-mark{width:40px;height:40px;display:block}.empty-img{width:min(220px,72vw);height:auto;display:block;margin:0 auto 10px}.empty-state.has-asset:before{content:none!important}.debug-icon{width:22px;height:22px;display:inline-block;vertical-align:middle}


/* === public/assets/css/booking-qr-3k36b.css === */

/* 12Padel Phase 3K.36B — user booking/payment QR production */
.p3k36b-qr-link{border:0;border-radius:999px;background:#eef8f3;color:#063d31;font-weight:900;padding:9px 11px;white-space:nowrap;cursor:pointer;box-shadow:inset 0 0 0 1px #dcece4;text-transform:lowercase}
.p3k36b-qr-link:hover{background:#e1f4e9}.p3k36b-qr-modal{position:fixed;inset:0;display:none;z-index:2147483640}.p3k36b-qr-modal.open{display:block}.p3k36b-backdrop{position:absolute;inset:0;background:rgba(5,34,26,.66);backdrop-filter:blur(10px)}.p3k36b-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 36px);overflow:auto;background:#fff;color:#073b2d;border:1px solid #dbece3;border-radius:26px;box-shadow:0 28px 90px rgba(0,0,0,.32);padding:18px;display:grid;gap:14px}.p3k36b-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.p3k36b-card small{display:inline-flex;border-radius:999px;background:#e7f7e6;color:#06533f;font-weight:1000;padding:5px 9px;text-transform:uppercase;letter-spacing:.08em}.p3k36b-card h3{margin:9px 0 5px;font-size:22px;line-height:1.08;text-transform:lowercase}.p3k36b-card p{margin:0;color:#557067;font-size:13px;line-height:1.42}.p3k36b-card header button{border:0;border-radius:999px;background:#edf7f1;color:#063d31;font-weight:900;padding:9px 12px;cursor:pointer;text-transform:lowercase}.p3k36b-qr-box{position:relative;border:1px solid #deebe5;border-radius:22px;background:#f8fcf9;display:grid;place-items:center;padding:14px;min-height:250px}.p3k36b-qr-box img{width:min(268px,80vw);height:min(268px,80vw);object-fit:contain;border-radius:14px;background:#fff}.p3k36b-qr-box img:not([src]),.p3k36b-qr-box img[src=""]{display:none}.p3k36b-qr-fallback{display:none;text-align:center;color:#60766d}.p3k36b-qr-box:has(img[style*="display: none"]) .p3k36b-qr-fallback{display:block}.p3k36b-card code{display:block;word-break:break-all;border-radius:16px;background:#09251d;color:#dfffea;padding:12px;font-size:12px}.p3k36b-note{border:1px dashed #b8d8c4;background:#f3fbf5;color:#496a5d;border-radius:16px;padding:11px;font-size:12px;line-height:1.4}@media(max-width:520px){.p3k36b-card{border-radius:22px;padding:15px}.p3k36b-card header{display:grid}.p3k36b-card header button{justify-self:start}.p3k36b-qr-link{padding:8px 10px;font-size:12px}}


/* === public/assets/css/user-booking-history-3k36c1.css === */
/* PHASE 3K.36C1 — user booking/event visual restore guard
   Scope: restore app-grade styling for Events > Booking Lapangan after 3K.36C hang guard.
   Guardrails: no permanent QR, no profile member card, no full reload, no old OPS renderer. */
.screen-root .p3k36c-booking-history,
.screen-root .p3k1-booking-history{
  display:grid!important;
  gap:14px!important;
  width:100%!important;
  max-width:760px!important;
  margin:0 auto!important;
  padding:0 0 112px!important;
}
.screen-root .p3k1-top{
  border-radius:26px!important;
  padding:20px!important;
  background:linear-gradient(135deg,#063d31,#118963)!important;
  color:#fff!important;
  box-shadow:0 20px 48px rgba(6,61,49,.20)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.screen-root .p3k1-top small{
  display:block!important;
  color:rgba(255,255,255,.75)!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin-bottom:4px!important;
}
.screen-root .p3k1-top h1{
  margin:0 0 7px!important;
  font-size:26px!important;
  line-height:1.04!important;
  letter-spacing:-.055em!important;
  color:#fff!important;
}
.screen-root .p3k1-top p{
  margin:0!important;
  max-width:520px!important;
  color:rgba(255,255,255,.84)!important;
  line-height:1.42!important;
  font-size:14px!important;
}
.screen-root .p3k1-summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.screen-root .p3k1-stat{
  display:block!important;
  min-height:70px!important;
  border:1px solid rgba(5,66,50,.10)!important;
  border-radius:19px!important;
  background:#fff!important;
  padding:13px 12px!important;
  box-shadow:0 12px 28px rgba(16,45,32,.06)!important;
  overflow:hidden!important;
}
.screen-root .p3k1-stat b{
  display:block!important;
  color:#063d31!important;
  font-size:22px!important;
  line-height:1!important;
  letter-spacing:-.03em!important;
}
.screen-root .p3k1-stat span{
  display:block!important;
  color:#61776e!important;
  font-size:10.5px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
  margin-top:8px!important;
}
.screen-root .p3k1-filters,
.screen-root .p3k36c-filters{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  overflow-x:auto!important;
  padding:2px 1px 8px!important;
  scrollbar-width:thin!important;
}
.screen-root .p3k1-filters button,
.screen-root .p3k36c-filters button{
  appearance:none!important;
  border:0!important;
  border-radius:999px!important;
  background:#eef8f3!important;
  color:#073d31!important;
  min-height:39px!important;
  padding:10px 14px!important;
  font-weight:1000!important;
  font-size:13px!important;
  white-space:nowrap!important;
  box-shadow:0 8px 18px rgba(16,45,32,.045)!important;
}
.screen-root .p3k1-filters button.active,
.screen-root .p3k36c-filters button.active{
  background:#008866!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(0,136,102,.18)!important;
}
.screen-root .p3k1-list{
  display:grid!important;
  gap:11px!important;
}
.screen-root .p3k1-card,
.screen-root .p3k36c-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  border:1px solid rgba(5,66,50,.10)!important;
  border-radius:21px!important;
  background:linear-gradient(135deg,#ffffff,#fbfffc)!important;
  padding:14px!important;
  box-shadow:0 13px 32px rgba(16,45,32,.065)!important;
  overflow:hidden!important;
}
.screen-root .p3k1-card b,
.screen-root .p3k36c-card b{
  display:block!important;
  color:#063d31!important;
  font-size:15px!important;
  line-height:1.15!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
.screen-root .p3k1-card span,
.screen-root .p3k36c-card span{
  display:block!important;
  color:#526c61!important;
  font-size:12px!important;
  line-height:1.35!important;
  margin-top:4px!important;
}
.screen-root .p3k1-card small,
.screen-root .p3k36c-card small{
  display:block!important;
  color:#7c9188!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  margin-top:3px!important;
}
.screen-root .p3k1-actions{
  display:grid!important;
  gap:8px!important;
  justify-items:end!important;
  align-items:center!important;
}
.screen-root .p3k1-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  min-height:28px!important;
  padding:7px 10px!important;
  background:#edf7f1!important;
  color:#063d31!important;
  font-size:10.5px!important;
  font-weight:1000!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-transform:lowercase!important;
}
.screen-root .p3k1-chip.waiting_payment,
.screen-root .p3k1-chip.waiting_verification,
.screen-root .p3k1-chip.proof_uploaded{
  background:#fff4d7!important;
  color:#805600!important;
}
.screen-root .p3k1-chip.ready_checkin,
.screen-root .p3k1-chip.checked_in,
.screen-root .p3k1-chip.paid,
.screen-root .p3k1-chip.booked,
.screen-root .p3k1-chip.confirmed{
  background:#e7fff0!important;
  color:#00664d!important;
}
.screen-root .p3k1-chip.cancelled,
.screen-root .p3k1-chip.expired,
.screen-root .p3k1-chip.released,
.screen-root .p3k1-chip.no_show{
  background:#ffeceb!important;
  color:#9d1c1c!important;
}
.screen-root .p3k1-empty{
  border:1px dashed #c9d9cf!important;
  border-radius:22px!important;
  background:#fbfffc!important;
  padding:22px!important;
  text-align:center!important;
  color:#62766c!important;
  line-height:1.45!important;
  box-shadow:0 10px 26px rgba(16,45,32,.035)!important;
}
.screen-root .p3k36c-warning{
  background:#fff8e7!important;
  border-color:#f1d992!important;
  color:#6f5500!important;
}
.screen-root .p3k36b-qr-link{
  appearance:none!important;
  border:0!important;
  border-radius:999px!important;
  background:#073d31!important;
  color:#fff!important;
  min-height:34px!important;
  padding:8px 12px!important;
  font-size:11px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
  box-shadow:0 10px 20px rgba(7,61,49,.14)!important;
}
/* Event discovery restore guard: prevent vertical title / clipped cards on narrow app width. */
.screen-root .p3i5ay-event-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  width:100%!important;
}
.screen-root .p3i5ay-event-card{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-card-body{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  gap:12px!important;
  padding:0 14px 12px!important;
  margin-top:-22px!important;
  min-height:126px!important;
  align-items:start!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-main{
  display:block!important;
  min-width:0!important;
  width:100%!important;
  padding-top:26px!important;
  overflow:hidden!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-title-row{
  display:block!important;
  min-width:0!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-title-row h3{
  display:block!important;
  width:100%!important;
  margin:0!important;
  font-size:18px!important;
  line-height:1.12!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  white-space:normal!important;
  writing-mode:horizontal-tb!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-status{
  display:inline-flex!important;
  margin-top:6px!important;
  max-width:100%!important;
  white-space:nowrap!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-when,
.screen-root .p3i5ay-event-card .p3i5ay-community-row,
.screen-root .p3i5ay-event-card .p3i5ay-meta-compact{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
@media(max-width:520px){
  .screen-root .p3k1-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .screen-root .p3k1-card,.screen-root .p3k36c-card{grid-template-columns:1fr!important;align-items:start!important;}
  .screen-root .p3k1-actions{justify-items:start!important;grid-template-columns:auto auto!important;}
  .screen-root .p3k1-top h1{font-size:22px!important;}
  .screen-root .p3i5ay-event-card .p3i5ay-card-body{grid-template-columns:66px minmax(0,1fr)!important;gap:10px!important;padding-left:12px!important;padding-right:12px!important;}
  .screen-root .p3i5ay-event-card .p3i5ay-date-box{width:62px!important;min-height:78px!important;}
  .screen-root .p3i5ay-event-card .p3i5ay-title-row h3{font-size:16px!important;}
}


/* === public/assets/css/user-booking-experience-3k36c2.css === */
/* PHASE 3K.36C2 — user booking experience cleanup
   Action-first booking page for user app. No permanent QR. No profile/member card. */
.screen-root .p3k36c2-booking-page{display:grid!important;gap:14px!important;width:100%!important;max-width:760px!important;margin:0 auto!important;padding:0 0 116px!important;}
.screen-root .p3k36c2-hero{border-radius:26px!important;padding:20px!important;background:linear-gradient(135deg,#063d31,#118963)!important;color:#fff!important;box-shadow:0 20px 48px rgba(6,61,49,.20)!important;}
.screen-root .p3k36c2-hero small{display:block!important;color:rgba(255,255,255,.76)!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.08em!important;margin-bottom:4px!important;}
.screen-root .p3k36c2-hero h1{margin:0 0 7px!important;color:#fff!important;font-size:28px!important;line-height:1.04!important;letter-spacing:-.055em!important;}
.screen-root .p3k36c2-hero p{margin:0!important;color:rgba(255,255,255,.86)!important;font-size:14px!important;line-height:1.42!important;max-width:560px!important;}
.screen-root .p3k36c2-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;}
.screen-root .p3k36c2-stat{display:grid!important;gap:3px!important;min-height:82px!important;border:1px solid rgba(5,66,50,.10)!important;border-radius:19px!important;background:#fff!important;padding:13px 12px!important;box-shadow:0 12px 28px rgba(16,45,32,.06)!important;overflow:hidden!important;}
.screen-root .p3k36c2-stat b{display:block!important;color:#063d31!important;font-size:22px!important;line-height:1!important;letter-spacing:-.03em!important;}
.screen-root .p3k36c2-stat span{display:block!important;color:#073d31!important;font-size:11px!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.05em!important;white-space:nowrap!important;}
.screen-root .p3k36c2-stat small{display:block!important;color:#7d9188!important;font-size:10.5px!important;line-height:1.2!important;}
.screen-root .p3k36c2-section-title{display:grid!important;gap:2px!important;margin-top:6px!important;}
.screen-root .p3k36c2-section-title h3{margin:0!important;color:#073d31!important;font-size:17px!important;letter-spacing:-.03em!important;}
.screen-root .p3k36c2-section-title p{margin:0!important;color:#61766c!important;font-size:12px!important;line-height:1.35!important;}
.screen-root .p3k36c2-list{display:grid!important;gap:10px!important;}
.screen-root .p3k36c2-booking-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;border:1px solid rgba(5,66,50,.10)!important;border-radius:21px!important;background:linear-gradient(135deg,#fff,#fbfffc)!important;padding:14px!important;box-shadow:0 13px 32px rgba(16,45,32,.065)!important;overflow:hidden!important;}
.screen-root .p3k36c2-booking-card.pay,.screen-root .p3k36c2-booking-card.verify{background:linear-gradient(135deg,#fffaf0,#fff)!important;border-color:#f3d998!important;}
.screen-root .p3k36c2-booking-card.ready{background:linear-gradient(135deg,#f2fff6,#fff)!important;border-color:#bcebd0!important;}
.screen-root .p3k36c2-booking-card.cancel{opacity:.86!important;}
.screen-root .p3k36c2-card-main{display:grid!important;gap:7px!important;min-width:0!important;}
.screen-root .p3k36c2-card-top{display:flex!important;gap:9px!important;align-items:flex-start!important;justify-content:space-between!important;min-width:0!important;}
.screen-root .p3k36c2-card-top b{display:block!important;min-width:0!important;color:#063d31!important;font-size:15.5px!important;line-height:1.16!important;overflow-wrap:anywhere!important;}
.screen-root .p3k36c2-badge{display:inline-flex!important;align-items:center!important;border-radius:999px!important;min-height:28px!important;padding:7px 10px!important;background:#edf7f1!important;color:#063d31!important;font-size:10.5px!important;font-weight:1000!important;line-height:1!important;white-space:nowrap!important;text-transform:lowercase!important;}
.screen-root .p3k36c2-badge.pay,.screen-root .p3k36c2-badge.verify{background:#fff4d7!important;color:#805600!important;}
.screen-root .p3k36c2-badge.ready{background:#e7fff0!important;color:#00664d!important;}
.screen-root .p3k36c2-badge.cancel{background:#ffeceb!important;color:#9d1c1c!important;}
.screen-root .p3k36c2-badge.done{background:#e9f3ff!important;color:#154276!important;}
.screen-root .p3k36c2-meta{display:flex!important;gap:7px!important;align-items:center!important;flex-wrap:wrap!important;color:#526c61!important;font-size:12px!important;line-height:1.35!important;}
.screen-root .p3k36c2-meta span{display:inline-flex!important;}
.screen-root .p3k36c2-booking-card p{margin:0!important;color:#71877d!important;font-size:12px!important;line-height:1.38!important;}
.screen-root .p3k36c2-card-action{display:flex!important;justify-content:flex-end!important;align-items:center!important;}
.screen-root .p3k36c2-primary,.screen-root .p3k36c2-secondary{appearance:none!important;border:0!important;border-radius:999px!important;min-height:36px!important;padding:9px 12px!important;font-size:11px!important;font-weight:1000!important;white-space:nowrap!important;box-shadow:0 10px 20px rgba(7,61,49,.12)!important;}
.screen-root .p3k36c2-primary{background:#073d31!important;color:#fff!important;}
.screen-root .p3k36c2-secondary{background:#eef8f3!important;color:#073d31!important;}
.screen-root .p3k36c2-filters{display:flex!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;padding:2px 1px 9px!important;scrollbar-width:thin!important;}
.screen-root .p3k36c2-filters button{appearance:none!important;border:0!important;border-radius:999px!important;background:#eef8f3!important;color:#073d31!important;min-height:39px!important;padding:9px 13px!important;font-weight:1000!important;font-size:13px!important;white-space:nowrap!important;box-shadow:0 8px 18px rgba(16,45,32,.045)!important;display:inline-flex!important;gap:7px!important;align-items:center!important;}
.screen-root .p3k36c2-filters button.active{background:#008866!important;color:#fff!important;box-shadow:0 12px 24px rgba(0,136,102,.18)!important;}
.screen-root .p3k36c2-filters button b{font-size:11px!important;opacity:.72!important;}
.screen-root .p3k36c2-empty,.screen-root .p3k36c2-warning{border:1px dashed #c9d9cf!important;border-radius:22px!important;background:#fbfffc!important;padding:18px!important;text-align:left!important;color:#62766c!important;line-height:1.45!important;box-shadow:0 10px 26px rgba(16,45,32,.035)!important;display:grid!important;gap:4px!important;}
.screen-root .p3k36c2-empty b{color:#073d31!important;font-size:15px!important;}
.screen-root .p3k36c2-empty span{font-size:12px!important;}
.screen-root .p3k36c2-warning{background:#fff8e7!important;border-color:#f1d992!important;color:#6f5500!important;}
/* Event discovery guard: keep title horizontal and readable. */
.screen-root .p3i5ay-event-card,.screen-root .event-card{min-width:0!important;overflow:hidden!important;}
.screen-root .p3i5ay-event-card h3,.screen-root .event-card h3,.screen-root .event-card .event-title{writing-mode:horizontal-tb!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;line-height:1.15!important;}
.screen-root .p3i5ay-event-card .p3i5ay-card-body{grid-template-columns:72px minmax(0,1fr)!important;align-items:start!important;}
.screen-root .p3i5ay-event-card .p3i5ay-main{min-width:0!important;width:100%!important;}
@media(max-width:520px){
  .screen-root .p3k36c2-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .screen-root .p3k36c2-booking-card{grid-template-columns:1fr!important;align-items:start!important;}
  .screen-root .p3k36c2-card-action{justify-content:flex-start!important;}
  .screen-root .p3k36c2-hero h1{font-size:24px!important;}
  .screen-root .p3i5ay-event-card .p3i5ay-card-body{grid-template-columns:66px minmax(0,1fr)!important;}
}


/* === public/assets/css/user-event-booking-visual-polish-3k36c3.css === */
/* PHASE 3K.36C3 — user event booking visual polish
   Purpose: make Event / Booking tab selection obvious, event cards readable, and booking filters/action areas premium mobile-first. */
.screen-root .p3i5x-event-tabs,
.screen-root .p3i5ay-main-tabs{
  width:min(430px,calc(100vw - 28px))!important;
  margin:12px auto 12px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
  padding:6px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(7,61,49,.12)!important;
  box-shadow:0 14px 34px rgba(16,45,32,.08)!important;
  position:sticky!important;
  top:82px!important;
  z-index:30!important;
  backdrop-filter:blur(10px)!important;
}
.screen-root .p3i5x-event-tabs button,
.screen-root .p3i5ay-main-tabs button{
  position:relative!important;
  min-height:46px!important;
  border:0!important;
  border-radius:17px!important;
  background:#f2fbf5!important;
  color:#06402f!important;
  font-size:14px!important;
  line-height:1.05!important;
  font-weight:1000!important;
  letter-spacing:-.01em!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.screen-root .p3i5x-event-tabs button.active,
.screen-root .p3i5ay-main-tabs button.active{
  background:linear-gradient(135deg,#007e62,#00a878)!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(0,126,98,.24), inset 0 -4px 0 rgba(190,255,56,.95)!important;
}
.screen-root .p3i5x-event-tabs button.active::after,
.screen-root .p3i5ay-main-tabs button.active::after{
  content:'sedang dibuka';
  display:block!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  margin-top:3px!important;
  color:rgba(255,255,255,.76)!important;
}
.screen-root .p3i5ay-discovery-screen{padding-bottom:124px!important;}
.screen-root .p3i5ay-event-card{
  border-radius:25px!important;
  background:#fff!important;
  box-shadow:0 18px 44px rgba(6,45,34,.085)!important;
  overflow:hidden!important;
  contain:layout paint!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-card-strip{
  height:78px!important;
  border-radius:0!important;
  background-size:cover!important;
  background-position:center!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-card-body{
  display:block!important;
  position:relative!important;
  margin-top:0!important;
  padding:14px 14px 12px!important;
  min-height:auto!important;
  z-index:2!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-date-box{
  position:absolute!important;
  z-index:9!important;
  left:14px!important;
  top:-58px!important;
  transform:none!important;
  width:72px!important;
  min-height:76px!important;
  border-radius:20px!important;
  background:rgba(244,255,248,.98)!important;
  border:1px solid rgba(5,66,50,.14)!important;
  box-shadow:0 18px 34px rgba(6,45,34,.16)!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-main{
  width:100%!important;
  min-width:0!important;
  padding-top:20px!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-title-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:9px!important;
  width:100%!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-title-row h3{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  writing-mode:horizontal-tb!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  padding:0!important;
  margin:0!important;
  font-size:18px!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
  max-width:100%!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-status{
  max-width:104px!important;
  min-width:max-content!important;
  white-space:nowrap!important;
  font-size:9px!important;
  padding:7px 9px!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-when,
.screen-root .p3i5ay-event-card .p3i5ay-meta-compact,
.screen-root .p3i5ay-event-card .p3i5ay-community-row{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.32!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-community-row{
  margin-top:8px!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-meta-compact span,
.screen-root .p3i5ay-event-card .p3i5ay-meta-compact strong{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-role-line{
  max-height:none!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-actions{
  border-top:1px solid rgba(5,66,50,.08)!important;
  background:#fbfffc!important;
}
.screen-root .p3k36c2-booking-page{
  max-width:430px!important;
  padding-bottom:132px!important;
}
.screen-root .p3k36c2-hero{
  border-radius:28px!important;
  padding:20px 20px 22px!important;
  box-shadow:0 22px 54px rgba(6,61,49,.18)!important;
}
.screen-root .p3k36c2-hero h1{
  font-size:26px!important;
  line-height:1.06!important;
}
.screen-root .p3k36c2-summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
}
.screen-root .p3k36c2-stat{
  min-height:86px!important;
  padding:12px 10px!important;
  border-radius:20px!important;
}
.screen-root .p3k36c2-stat span{
  white-space:normal!important;
  line-height:1.05!important;
}
.screen-root .p3k36c2-section-title h3{
  font-size:18px!important;
}
.screen-root .p3k36c2-section-title p{
  font-size:12.25px!important;
}
.screen-root .p3k36c2-filters{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 2px 12px!important;
  margin:0 -2px!important;
  scroll-snap-type:x proximity!important;
  -webkit-overflow-scrolling:touch!important;
}
.screen-root .p3k36c2-filters button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  scroll-snap-align:start!important;
  border:1px solid rgba(7,61,49,.08)!important;
  box-shadow:0 10px 20px rgba(16,45,32,.055)!important;
}
.screen-root .p3k36c2-filters button span,
.screen-root .p3k36c2-filters button b{
  display:inline!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.screen-root .p3k36c2-filters button.active{
  border-color:rgba(0,136,102,.32)!important;
  box-shadow:0 14px 28px rgba(0,136,102,.20)!important;
}
.screen-root .p3k36c2-empty{
  background:linear-gradient(135deg,#fff,#fbfffc)!important;
}
.screen-root .p3k36c2-list:last-child{
  margin-bottom:26px!important;
}
@media(max-width:430px){
  .screen-root .p3i5x-event-tabs,
  .screen-root .p3i5ay-main-tabs{top:74px!important;width:calc(100vw - 24px)!important;}
  .screen-root .p3i5ay-event-card .p3i5ay-card-strip{height:72px!important;}
  .screen-root .p3i5ay-event-card .p3i5ay-card-body{padding:13px 12px 12px!important;}
  .screen-root .p3i5ay-event-card .p3i5ay-date-box{left:12px!important;top:-54px!important;width:68px!important;min-height:72px!important;}
  .screen-root .p3i5ay-event-card .p3i5ay-main{padding-top:20px!important;}
  .screen-root .p3i5ay-event-card .p3i5ay-title-row h3{font-size:17px!important;}
  .screen-root .p3i5ay-actions.three{grid-template-columns:1fr 1fr!important;}
  .screen-root .p3i5ay-actions.three .wa{grid-column:1 / -1!important;}
}
@media(max-width:360px){
  .screen-root .p3k36c2-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .screen-root .p3i5ay-event-card .p3i5ay-title-row{grid-template-columns:1fr!important;}
  .screen-root .p3i5ay-event-card .p3i5ay-status{width:max-content!important;}
}


/* === public/assets/css/user-event-booking-compact-polish-3k36c4.css === */
/* PHASE 3K.36C4 — active tab state + compact premium card polish */
.screen-root .p3i5x-event-tabs[data-p3k36c4-main-tabs="1"],
.screen-root .p3i5ay-main-tabs[data-p3k36c4-main-tabs="1"],
.screen-root [data-p3k36c4-main-tabs="1"]{
  width:min(430px,calc(100vw - 24px))!important;
  margin:10px auto 10px!important;
  padding:5px!important;
  gap:5px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(7,61,49,.13)!important;
  box-shadow:0 12px 28px rgba(16,45,32,.08)!important;
}
.screen-root [data-p3k36c4-main-tabs="1"] button{
  min-height:42px!important;
  border-radius:15px!important;
  font-size:13.5px!important;
  font-weight:1000!important;
  background:#f4fbf7!important;
  color:#06402f!important;
}
.screen-root [data-p3k36c4-main-tabs="1"] button.active,
body[data-p3k36c4-event-subtab="events"] .screen-root [data-p3k36c4-main-tabs="1"] button[data-p3k36c4-tab="events"],
body[data-p3k36c4-event-subtab="bookings"] .screen-root [data-p3k36c4-main-tabs="1"] button[data-p3k36c4-tab="bookings"]{
  background:linear-gradient(135deg,#007d61,#00a878)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(0,126,98,.22), inset 0 -3px 0 rgba(190,255,56,.95)!important;
}
.screen-root [data-p3k36c4-main-tabs="1"] button.active::after,
body[data-p3k36c4-event-subtab="events"] .screen-root [data-p3k36c4-main-tabs="1"] button[data-p3k36c4-tab="events"]::after,
body[data-p3k36c4-event-subtab="bookings"] .screen-root [data-p3k36c4-main-tabs="1"] button[data-p3k36c4-tab="bookings"]::after{
  content:'aktif'!important;
  display:block!important;
  margin-top:3px!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.80)!important;
}
.screen-root [data-p3k36c4-main-tabs="1"] button:not(.active)::after{content:''!important;display:none!important;}

/* Compact event cards: reduce empty white area and keep all text readable */
.screen-root .p3i5ay-discovery-screen,
.screen-root .p25-discovery-screen,
.screen-root .p23-discovery-screen,
.screen-root .p22-discovery-screen{padding-bottom:138px!important;}
.screen-root .p3i5ay-event-card{
  max-width:430px!important;
  margin:0 auto 14px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#ffffff,#fbfffc)!important;
  box-shadow:0 14px 34px rgba(6,45,34,.075)!important;
  overflow:hidden!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-card-strip{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  opacity:.95!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-card-body{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:10px!important;
  margin-top:-18px!important;
  padding:0 12px 10px!important;
  min-height:0!important;
  align-items:start!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-date-box{
  position:relative!important;
  left:auto!important;top:auto!important;transform:none!important;
  width:58px!important;min-width:58px!important;min-height:66px!important;
  border-radius:17px!important;
  box-shadow:0 12px 24px rgba(6,45,34,.13)!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-date-box strong{font-size:20px!important;line-height:.9!important;}
.screen-root .p3i5ay-event-card .p3i5ay-date-box span{font-size:10px!important;line-height:1!important;}
.screen-root .p3i5ay-event-card .p3i5ay-format{font-size:7.5px!important;max-width:48px!important;line-height:1.05!important;margin-top:4px!important;}
.screen-root .p3i5ay-event-card .p3i5ay-main{padding-top:22px!important;min-width:0!important;width:100%!important;}
.screen-root .p3i5ay-event-card .p3i5ay-title-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:8px!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-title-row h3{
  font-size:17px!important;
  line-height:1.12!important;
  margin:0!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  writing-mode:horizontal-tb!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
.screen-root .p3i5ay-event-card .p3i5ay-status{font-size:8.5px!important;padding:6px 8px!important;border-radius:999px!important;white-space:nowrap!important;max-width:98px!important;}
.screen-root .p3i5ay-event-card .p3i5ay-when{font-size:12px!important;line-height:1.25!important;margin-top:5px!important;color:#466b5d!important;}
.screen-root .p3i5ay-event-card .p3i5ay-community-row,
.screen-root .p3i5ay-event-card .p3i5ay-meta-compact{font-size:12px!important;line-height:1.25!important;margin-top:7px!important;}
.screen-root .p3i5ay-event-card .p3i5ay-role-line{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:8px!important;}
.screen-root .p3i5ay-event-card .p3i5ay-role-line span,
.screen-root .p3i5ay-event-card .p3i5ay-role-line b{font-size:10px!important;padding:5px 7px!important;border-radius:9px!important;}
.screen-root .p3i5ay-event-card .p3i5ay-actions{padding:10px 12px 12px!important;gap:9px!important;background:#fbfffc!important;border-top:1px solid rgba(5,66,50,.08)!important;}
.screen-root .p3i5ay-event-card .p3i5ay-actions button,
.screen-root .p3i5ay-event-card .p3i5ay-actions a{min-height:42px!important;border-radius:15px!important;font-size:13px!important;font-weight:1000!important;}

/* Booking page: tighter premium hierarchy */
.screen-root .p3k36c2-booking-page,
.screen-root .p3k36c3-booking-page{max-width:430px!important;padding-bottom:142px!important;}
.screen-root .p3k36c2-hero{padding:18px 18px 19px!important;border-radius:24px!important;margin-top:8px!important;}
.screen-root .p3k36c2-hero h1{font-size:24px!important;line-height:1.03!important;}
.screen-root .p3k36c2-hero p{font-size:12.8px!important;line-height:1.35!important;}
.screen-root .p3k36c2-summary{gap:8px!important;}
.screen-root .p3k36c2-stat{min-height:74px!important;padding:10px 9px!important;border-radius:17px!important;}
.screen-root .p3k36c2-stat b{font-size:19px!important;line-height:1!important;}
.screen-root .p3k36c2-stat span{font-size:10px!important;line-height:1!important;}
.screen-root .p3k36c2-stat small{font-size:9.5px!important;line-height:1.12!important;}
.screen-root .p3k36c2-section-title{margin-top:14px!important;}
.screen-root .p3k36c2-section-title h3{font-size:17px!important;line-height:1.1!important;}
.screen-root .p3k36c2-section-title p{font-size:12px!important;line-height:1.3!important;}
.screen-root .p3k36c2-empty{border-radius:20px!important;padding:16px!important;}
.screen-root .p3k36c2-filters{margin-top:12px!important;scrollbar-width:thin!important;}
.screen-root .p3k36c2-filters button{min-height:39px!important;padding:9px 13px!important;border-radius:999px!important;font-size:12px!important;}
@media(max-width:380px){
  .screen-root .p3k36c2-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .screen-root .p3i5ay-event-card .p3i5ay-card-body{grid-template-columns:54px minmax(0,1fr)!important;gap:8px!important;}
  .screen-root .p3i5ay-event-card .p3i5ay-date-box{width:54px!important;min-width:54px!important;}
}


/* === public/assets/css/user-event-booking-single-state-3k36c5.css === */
/* PHASE 3K.36C5 — active tab single state guard + compact card guard */
:root{--p3k36c5-green:#007d61;--p3k36c5-green2:#00a878;--p3k36c5-ink:#063f33;}
.p3i5x-event-tabs[data-p3k36c5-main-tabs="1"],
.p3i5ay-main-tabs[data-p3k36c5-main-tabs="1"],
[data-p3k36c5-main-tabs="1"]{
  width:min(420px,calc(100vw - 24px))!important;
  margin:10px auto 10px!important;
  padding:5px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(7,61,49,.12)!important;
  box-shadow:0 12px 26px rgba(16,45,32,.075)!important;
}
[data-p3k36c5-main-tabs="1"] button,
[data-p3k36c5-main-tabs="1"] button.active:not(.is-current),
body[data-p3k36c4-event-subtab] [data-p3k36c5-main-tabs="1"] button:not(.is-current){
  min-height:42px!important;
  border:0!important;
  border-radius:15px!important;
  background:#f4fbf7!important;
  color:var(--p3k36c5-ink)!important;
  box-shadow:none!important;
  font-size:13.5px!important;
  line-height:1.05!important;
  font-weight:1000!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
}
[data-p3k36c5-main-tabs="1"] button.is-current,
[data-p3k36c5-main-tabs="1"] button.active.is-current{
  background:linear-gradient(135deg,var(--p3k36c5-green),var(--p3k36c5-green2))!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(0,126,98,.22), inset 0 -3px 0 rgba(190,255,56,.95)!important;
}
[data-p3k36c5-main-tabs="1"] button::after{content:''!important;display:none!important;}
[data-p3k36c5-main-tabs="1"] button.is-current::after{
  content:'sedang dibuka'!important;
  display:block!important;
  font-size:7.8px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.82)!important;
}
[data-p3k36c5-main-tabs="1"] button:not(.is-current)::after{content:''!important;display:none!important;}

/* Extra premium compact event card guard: target both scoped and unscoped renderers */
.p3i5ay-event-card{
  width:min(420px,calc(100vw - 24px))!important;
  margin:0 auto 14px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 14px 32px rgba(6,45,34,.075)!important;
}
.p3i5ay-event-card .p3i5ay-card-strip{
  height:40px!important;min-height:40px!important;max-height:40px!important;
  background-size:cover!important;background-position:center!important;
}
.p3i5ay-event-card .p3i5ay-card-body{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:10px!important;
  padding:0 12px 10px!important;
  margin-top:-16px!important;
  align-items:start!important;
}
.p3i5ay-event-card .p3i5ay-date-box{
  width:58px!important;min-width:58px!important;min-height:62px!important;
  border-radius:17px!important;
  position:relative!important;left:auto!important;top:auto!important;transform:none!important;
}
.p3i5ay-event-card .p3i5ay-date-box strong{font-size:20px!important;line-height:.9!important;}
.p3i5ay-event-card .p3i5ay-date-box span{font-size:10px!important;line-height:1!important;}
.p3i5ay-event-card .p3i5ay-format{font-size:7.5px!important;line-height:1.05!important;margin-top:4px!important;}
.p3i5ay-event-card .p3i5ay-main{padding-top:20px!important;min-width:0!important;width:100%!important;}
.p3i5ay-event-card .p3i5ay-title-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:start!important;}
.p3i5ay-event-card .p3i5ay-title-row h3{
  margin:0!important;
  font-size:17px!important;
  line-height:1.15!important;
  max-width:100%!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  white-space:normal!important;
  writing-mode:horizontal-tb!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
.p3i5ay-event-card .p3i5ay-status{font-size:8.5px!important;padding:6px 8px!important;white-space:nowrap!important;border-radius:999px!important;}
.p3i5ay-event-card .p3i5ay-when{margin-top:5px!important;font-size:12px!important;line-height:1.25!important;color:#466b5d!important;}
.p3i5ay-event-card .p3i5ay-community-row,.p3i5ay-event-card .p3i5ay-meta-compact{margin-top:7px!important;font-size:12px!important;line-height:1.25!important;}
.p3i5ay-event-card .p3i5ay-role-line{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:8px!important;}
.p3i5ay-event-card .p3i5ay-role-line span,.p3i5ay-event-card .p3i5ay-role-line b{font-size:10px!important;padding:5px 7px!important;border-radius:9px!important;}
.p3i5ay-event-card .p3i5ay-actions{padding:9px 12px 12px!important;gap:9px!important;border-top:1px solid rgba(5,66,50,.08)!important;}
.p3i5ay-event-card .p3i5ay-actions button,.p3i5ay-event-card .p3i5ay-actions a{min-height:40px!important;border-radius:15px!important;font-size:13px!important;font-weight:1000!important;}

/* Booking page small polish */
.p3k36c2-booking-page,.p3k36c3-booking-page{padding-bottom:154px!important;}
.p3k36c2-filters{display:flex!important;overflow-x:auto!important;gap:8px!important;padding-bottom:10px!important;scroll-snap-type:x proximity!important;}
.p3k36c2-filters button{flex:0 0 auto!important;white-space:nowrap!important;min-width:max-content!important;}
@media(max-width:380px){
  .p3i5ay-event-card .p3i5ay-card-body{grid-template-columns:54px minmax(0,1fr)!important;gap:8px!important;}
  .p3i5ay-event-card .p3i5ay-date-box{width:54px!important;min-width:54px!important;}
}


/* === public/assets/css/phase-4i-my-activity.css === */

/* Phase 4I — My Activity / Standalone Game UX / Production Header Cleanup
   Scope only: .p4i-* and #p4iQuickGameModal. Protected: bottom nav layout, tennis FAB position, booking/admin visual locks. */
.p4i-home-create-game-card{margin:12px 0 14px;padding:14px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,250,244,.96));box-shadow:0 10px 28px rgba(6,63,51,.06)}
.p4i-home-create-game-card .p4i-home-create-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.p4i-home-create-game-card strong{display:block;font-size:15px;color:var(--text)}
.p4i-home-create-game-card span{display:block;margin-top:2px;font-size:12px;color:var(--muted);line-height:1.35}
.p4i-activity-page{--p4i-gap:12px;display:grid;gap:var(--p4i-gap)}
.p4i-activity-hero{border-radius:24px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(7,131,95,.10),rgba(182,255,61,.12));padding:16px;box-shadow:0 12px 34px rgba(6,63,51,.06)}
.p4i-activity-hero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.p4i-activity-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}
.p4i-activity-tabs::-webkit-scrollbar{display:none}
.p4i-activity-tab{flex:0 0 auto;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900;box-shadow:0 8px 22px rgba(6,63,51,.05)}
.p4i-activity-tab.is-active{background:var(--brand);border-color:var(--brand);color:#fff}
.p4i-activity-grid{display:grid;gap:10px}
.p4i-activity-card{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:14px;box-shadow:0 10px 28px rgba(6,63,51,.055)}
.p4i-activity-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.p4i-activity-card h3{margin:0;font-size:16px;line-height:1.2;color:var(--text)}
.p4i-activity-card p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.4}
.p4i-activity-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.p4i-activity-meta span{display:inline-flex;align-items:center;border-radius:999px;background:var(--soft);border:1px solid var(--line);padding:5px 8px;font-size:11px;font-weight:800;color:var(--muted)}
.p4i-profile-drawer-card{border-radius:20px;border:1px solid var(--line);background:var(--surface);box-shadow:0 14px 40px rgba(6,63,51,.12);padding:12px;display:grid;gap:10px;min-width:min(330px,calc(100vw - 28px))}
.p4i-profile-drawer-title{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:10px}
.p4i-profile-drawer-title strong{display:block;color:var(--text)}
.p4i-profile-drawer-title small{display:block;color:var(--muted);font-size:11px}
.p4i-profile-tools-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.p4i-profile-tools-row button,.p4i-admin-tools button{min-height:38px}
.p4i-admin-tools{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:10px}.p4i-admin-tools[hidden]{display:none!important}
#p4iQuickGameModal .p4i-modal-grid{display:grid;gap:10px}#p4iQuickGameModal .p4i-two{grid-template-columns:1fr 1fr}
#p4iQuickGameModal .field-block span{font-size:12px;font-weight:900;color:var(--muted)}
html[data-theme="dark"] .p4i-home-create-game-card,html[data-theme="dark"] .p4i-activity-card,html[data-theme="dark"] .p4i-profile-drawer-card{background:rgba(10,34,29,.96);border-color:rgba(255,255,255,.10);box-shadow:0 14px 34px rgba(0,0,0,.24)}
html[data-theme="dark"] .p4i-activity-hero{background:linear-gradient(135deg,rgba(11,139,101,.22),rgba(182,255,61,.08));border-color:rgba(255,255,255,.11)}
html[data-theme="dark"] .p4i-activity-tab{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:var(--text)}
@media(max-width:520px){.p4i-home-create-game-card .p4i-home-create-row{align-items:stretch}.p4i-home-create-game-card .btn{width:100%;justify-content:center}.p4i-profile-tools-row,#p4iQuickGameModal .p4i-two{grid-template-columns:1fr}.p4i-activity-hero-row{display:grid}.p4i-activity-hero-row .btn{width:100%;justify-content:center}}


/* Phase 4I3 — Activity UX polish scoped to .p4i-* only. */
.p4i-activity-page{padding-bottom:96px}
.p4i-activity-hero{padding:14px 14px 16px;border-radius:22px}
.p4i-activity-hero .page-title{line-height:1.05}
.p4i-activity-tabs{gap:7px;padding:3px 6px 8px;margin-inline:-2px;scroll-padding-inline:6px}
.p4i-activity-tab{min-width:max-content;border-color:rgba(7,131,95,.16);background:rgba(255,255,255,.74);color:var(--text);box-shadow:0 8px 22px rgba(6,63,51,.045)}
.p4i-activity-tab.is-active{background:linear-gradient(135deg,var(--brand),#0a7f5f);border-color:rgba(7,131,95,.95);color:#fff;box-shadow:0 12px 26px rgba(7,131,95,.20)}
.p4i-activity-tab.is-active::after{content:"";display:block;height:3px;width:24px;border-radius:99px;background:var(--accent);margin:5px auto -4px}
.p4i-activity-section{display:grid;gap:10px}
.p4i-section-head{display:flex;align-items:flex-end;justify-content:space-between;padding:2px 2px 0}
.p4i-section-head h2{margin:0;color:var(--text);font-size:18px;line-height:1.14}
.p4i-activity-grid-inner{display:grid;gap:10px}
.p4i-empty-game-card{border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:22px 18px;text-align:center;box-shadow:0 12px 34px rgba(6,63,51,.06);display:grid;gap:10px;justify-items:center}
.p4i-empty-game-card h3{margin:0;color:var(--text);font-size:20px;line-height:1.15}
.p4i-empty-game-card p{margin:0;max-width:330px;color:var(--muted);line-height:1.42}
.p4i-empty-game-visual{width:104px;height:84px;border-radius:26px;background:linear-gradient(135deg,rgba(7,131,95,.10),rgba(182,255,61,.14));display:grid;place-items:center;position:relative;border:1px solid rgba(7,131,95,.12)}
.p4i-empty-game-visual span{font-weight:1000;font-size:28px;color:var(--brand)}
.p4i-empty-game-visual b{position:absolute;right:18px;bottom:14px;width:30px;height:30px;border-radius:999px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:14px;box-shadow:0 10px 20px rgba(7,131,95,.18)}
.p4i-booking-activity-card .p4i-activity-meta span{color:var(--text)}
html[data-theme="dark"] .p4i-activity-tab{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .p4i-activity-tab.is-active{background:linear-gradient(135deg,#07835f,#0c6e56);border-color:rgba(182,255,61,.26);color:#fff}
html[data-theme="dark"] .p4i-empty-game-card{background:rgba(10,34,29,.96);border-color:rgba(255,255,255,.10);box-shadow:0 14px 34px rgba(0,0,0,.24)}
html[data-theme="dark"] .p4i-empty-game-visual{background:linear-gradient(135deg,rgba(7,131,95,.22),rgba(182,255,61,.10));border-color:rgba(255,255,255,.12)}
@media(max-width:520px){.p4i-activity-tab{padding:9px 11px}.p4i-activity-hero{padding:14px}.p4i-empty-game-card{padding:22px 14px}}


/* Phase 4I4 — Profile drawer production layout hotfix. Scoped to .p4i-profile-drawer-card only. */
.p4i-profile-drawer-card{
  width:min(100%, 420px)!important;
  max-width:calc(100vw - 28px)!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  padding:16px!important;
  margin-top:10px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:var(--surface, var(--bg-surface))!important;
  border:1px solid var(--line, var(--border))!important;
  box-shadow:0 18px 42px rgba(6,63,51,.12)!important;
}
.p4i-profile-drawer-card *{box-sizing:border-box;min-width:0}
.p4i-profile-drawer-title{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid var(--line, var(--border))!important;
}
.p4i-profile-drawer-mark{
  width:44px!important;height:44px!important;border-radius:16px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,rgba(7,131,95,.12),rgba(182,255,61,.16))!important;
  color:var(--brand, #07835f)!important;font-size:.82rem!important;font-weight:1000!important;
  border:1px solid rgba(7,131,95,.15)!important;box-shadow:none!important;
}
.p4i-profile-drawer-title strong{
  display:block!important;margin:0!important;color:var(--text, var(--text-primary))!important;
  font-size:1.06rem!important;line-height:1.1!important;letter-spacing:-.02em!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;
}
.p4i-profile-drawer-title small{
  display:block!important;margin-top:3px!important;color:var(--muted, var(--text-secondary))!important;
  font-size:.76rem!important;line-height:1.35!important;white-space:normal!important;overflow:visible!important;
}
.p4i-profile-section{
  display:grid!important;gap:8px!important;padding:0!important;margin:0!important;
}
.p4i-profile-section-title{
  color:var(--muted, var(--text-secondary))!important;font-size:.66rem!important;font-weight:1000!important;
  letter-spacing:.14em!important;text-transform:uppercase!important;line-height:1.1!important;
}
.p4i-profile-action-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;
}
.p4i-profile-section > .p4i-drawer-action{width:100%!important;justify-content:flex-start!important;padding-inline:14px!important;}
.p4i-drawer-action{
  width:100%!important;min-height:44px!important;height:auto!important;border-radius:16px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:.84rem!important;font-weight:950!important;line-height:1.15!important;text-align:center!important;
  white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;text-transform:none!important;
  padding:8px 12px!important;box-shadow:0 8px 22px rgba(6,63,51,.065)!important;
}
.p4i-drawer-action.is-active{
  background:linear-gradient(135deg,var(--brand, #07835f),#0a7f5f)!important;
  border-color:var(--brand, #07835f)!important;color:#fff!important;
  box-shadow:0 12px 26px rgba(7,131,95,.18)!important;
}
.p4i-admin-tools{
  border-top:1px solid var(--line, var(--border))!important;padding-top:12px!important;
}
.p4i-admin-tools[hidden]{display:none!important}
.p4i-profile-drawer-card .icon-btn,.p4i-profile-drawer-card .debug-entry,.p4i-profile-drawer-card .lang-switch,.p4i-profile-drawer-card .lang-switch button,.p4i-profile-drawer-card #opsAdminShortcut{all:unset;display:none!important;}
html[data-theme="dark"] .p4i-profile-drawer-card{background:rgba(10,34,29,.98)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 18px 42px rgba(0,0,0,.30)!important;}
html[data-theme="dark"] .p4i-profile-drawer-mark{background:linear-gradient(135deg,rgba(7,131,95,.28),rgba(182,255,61,.12))!important;border-color:rgba(182,255,61,.18)!important;color:#f8fff9!important;}
html[data-theme="dark"] .p4i-drawer-action{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.13)!important;color:var(--text, #f8fff9)!important;}
html[data-theme="dark"] .p4i-drawer-action.is-active{background:linear-gradient(135deg,#07835f,#0c6e56)!important;border-color:rgba(182,255,61,.25)!important;color:#fff!important;}
@media(max-width:520px){
  .p4i-profile-drawer-card{width:100%!important;max-width:calc(100vw - 22px)!important;padding:14px!important;border-radius:22px!important;}
  .p4i-profile-drawer-title{grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important;}
  .p4i-profile-drawer-mark{width:40px!important;height:40px!important;border-radius:15px!important;font-size:.78rem!important;}
  .p4i-profile-drawer-title strong{font-size:1rem!important;}
  .p4i-profile-drawer-title small{font-size:.72rem!important;}
  .p4i-drawer-action{min-height:42px!important;font-size:.80rem!important;padding:8px 10px!important;}
}

/* 4I4 specificity lock against legacy .topbar-tools-row grid rules. */
.topbar .topbar-tools-row.p4i-profile-drawer-card,
.topbar.settings-open .topbar-tools-row.p4i-profile-drawer-card{
  display:grid!important;
  grid-template-columns:1fr!important;
  width:min(100%, 420px)!important;
  max-width:calc(100vw - 28px)!important;
  gap:12px!important;
  padding:16px!important;
  margin-top:10px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
}
.topbar .topbar-tools-row.p4i-profile-drawer-card .p4i-profile-action-grid,
.topbar.settings-open .topbar-tools-row.p4i-profile-drawer-card .p4i-profile-action-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
.topbar .topbar-tools-row.p4i-profile-drawer-card .p4i-drawer-action,
.topbar.settings-open .topbar-tools-row.p4i-profile-drawer-card .p4i-drawer-action{width:100%!important;min-width:0!important;height:auto!important;min-height:44px!important;}
@media(max-width:520px){.topbar .topbar-tools-row.p4i-profile-drawer-card,.topbar.settings-open .topbar-tools-row.p4i-profile-drawer-card{width:100%!important;max-width:calc(100vw - 22px)!important;padding:14px!important;}}


/* Phase 4I6 — Header drawer collapsed by default and cart dark mode guard.
   Scoped to 4I profile drawer + canonical booking cart portals only. */
.topbar .topbar-tools-row.p4i-profile-drawer-card[hidden],
.topbar:not(.settings-open) .topbar-tools-row.p4i-profile-drawer-card{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  opacity:0!important;
}
.topbar.settings-open .topbar-tools-row.p4i-profile-drawer-card:not([hidden]){
  display:grid!important;
  visibility:visible!important;
  pointer-events:auto!important;
  opacity:1!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-backdrop,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-backdrop{
  background:rgba(0,18,14,.76)!important;
  backdrop-filter:blur(12px)!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-drawer,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer{
  background:linear-gradient(180deg,rgba(8,32,27,.98),rgba(5,21,18,.98))!important;
  color:#f8fff9!important;
  border:1px solid rgba(183,255,53,.18)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.58)!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-head,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer header{
  border-bottom-color:rgba(255,255,255,.12)!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-head small,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer header small,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-section p,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-section p,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-help{
  color:rgba(248,255,249,.72)!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-head h3,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer header h3,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-section h4,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-section h4,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-row b{
  color:#f8fff9!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-section,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-section,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-row,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-log{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.13)!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-kicker,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-kicker{
  background:rgba(183,255,53,.13)!important;
  color:#dfff8c!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-close,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer header button,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-action{
  background:#12382f!important;
  color:#f8fff9!important;
  border:1px solid rgba(183,255,53,.18)!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-footer,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-paybox{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.13)!important;
}
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-row span,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-row small{
  color:rgba(248,255,249,.72)!important;
}


/* Phase 4I7 — booking tab persistence visuals, QR preview, cart dark readability. Scoped only to 4I7 + canonical booking surfaces. */
html[data-theme="dark"] #p3i5beCartButton,
html[data-theme="dark"] #p3i5bdCartButton,
html[data-theme="dark"] .topbar #p3i5beCartButton,
html[data-theme="dark"] .topbar #p3i5bdCartButton{
  background:linear-gradient(135deg,rgba(9,38,31,.96),rgba(13,58,45,.96))!important;
  border:1px solid rgba(183,255,53,.26)!important;
  color:#f8fff9!important;
  box-shadow:0 14px 32px rgba(0,0,0,.32)!important;
}
html[data-theme="dark"] #p3i5beCartButton svg,
html[data-theme="dark"] #p3i5bdCartButton svg{filter:brightness(0) invert(1)!important;opacity:.95!important;}
html[data-theme="dark"] #p3i5beCartButton img,
html[data-theme="dark"] #p3i5bdCartButton img{filter:brightness(.92) contrast(1.08)!important;}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-backdrop,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-backdrop{
  background:rgba(0,18,14,.58)!important;
  backdrop-filter:blur(9px)!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-drawer,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer{
  background:linear-gradient(180deg,#12362d,#0d2a24)!important;
  color:#f8fff9!important;
  border:1px solid rgba(183,255,53,.30)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.48)!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-head small,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer header small,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-section p,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-section p,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-help{
  color:rgba(248,255,249,.86)!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-head h3,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer header h3,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-section h4,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-section h4,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-row b{
  color:#ffffff!important;
  opacity:1!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-section,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-section,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-row,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-log{
  background:rgba(255,255,255,.085)!important;
  border-color:rgba(255,255,255,.20)!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-close,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer header button,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-action{
  background:#19483d!important;
  color:#ffffff!important;
  border:1px solid rgba(183,255,53,.30)!important;
}
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-row span,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-row small,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-item span{
  color:rgba(248,255,249,.82)!important;
}
.p3i5be-booking-tab .p3k36c27-booking-card,
.p3i5be-booking-tab .p3i5be-row{
  overflow:hidden!important;
  contain:layout paint!important;
}
.p3i5be-booking-tab .p3k36c27-card-body{grid-template-columns:minmax(112px,138px) minmax(0,1fr)!important;}
.p3i5be-booking-tab .p3k36c27-booking-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.p3i5be-booking-tab .p3k36c27-booking-actions button,
.p3i5be-booking-tab .p3k36c27-booking-actions a{min-width:0!important;white-space:normal!important;}
html[data-theme="dark"] .p3i5be-booking-tab .p3k36c27-booking-card,
html[data-theme="dark"] .p3i5be-booking-tab .p3i5be-row{
  background:linear-gradient(135deg,rgba(18,54,45,.98),rgba(13,42,35,.98))!important;
  border-color:rgba(183,255,53,.22)!important;
  color:#f8fff9!important;
  box-shadow:0 16px 44px rgba(0,0,0,.32)!important;
}
html[data-theme="dark"] .p3i5be-booking-tab .p3k36c27-booking-main b,
html[data-theme="dark"] .p3i5be-booking-tab .p3k36c27-booking-main strong,
html[data-theme="dark"] .p3i5be-booking-tab .p3i5be-row b{color:#fff!important;}
html[data-theme="dark"] .p3i5be-booking-tab .p3k36c27-booking-main span,
html[data-theme="dark"] .p3i5be-booking-tab .p3k36c27-booking-main small,
html[data-theme="dark"] .p3i5be-booking-tab .p3i5be-row span,
html[data-theme="dark"] .p3i5be-booking-tab .p3i5be-row small{color:rgba(248,255,249,.82)!important;}
html[data-theme="dark"] .p3i5be-booking-tab .p3k36c27-codebox,
html[data-theme="dark"] .p3i5be-booking-tab .p3k36c28-drawer-qr,
html[data-theme="dark"] .p3i5be-booking-tab .p3k36c29-drawer-qr,
html[data-theme="dark"] .p3i5be-booking-tab .p3k36c30-drawer-qr{
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(255,255,255,.20)!important;
  color:#f8fff9!important;
}
html[data-theme="dark"] .p3i5be-booking-tab .p3k36c27-codebox b,
html[data-theme="dark"] .p3i5be-booking-tab .p3k36c28-drawer-qr b{color:#fff!important;}
html[data-theme="dark"] .p3i5be-booking-tab .p3k36c27-codebox small,
html[data-theme="dark"] .p3i5be-booking-tab .p3k36c27-codebox em{color:rgba(248,255,249,.78)!important;}
.p4i7-qr-preview{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:18px;background:rgba(0,18,14,.55);backdrop-filter:blur(10px)}
.p4i7-qr-card{width:min(420px,94vw);border-radius:28px;background:#fff;color:#063f33;border:1px solid rgba(7,131,95,.12);box-shadow:0 30px 90px rgba(0,0,0,.32);padding:18px;position:relative;text-align:center}
.p4i7-qr-card h3{margin:6px 0 4px;font-size:24px;line-height:1.05}.p4i7-qr-card p{margin:0 auto 12px;color:#5b726c;line-height:1.35}.p4i7-qr-card code{display:inline-block;margin-top:10px;padding:8px 12px;border-radius:12px;background:#eef8f3;color:#063f33;font-weight:900;max-width:100%;overflow-wrap:anywhere}.p4i7-qr-card small{display:block;margin-top:8px;color:#5b726c;font-weight:800}.p4i7-qr-close{position:absolute;right:14px;top:14px;border:0;border-radius:999px;background:#063f33;color:#fff;font-weight:900;padding:10px 14px}.p4i7-qr-box{width:230px;height:230px;margin:12px auto;border-radius:22px;background:#fff;display:grid;place-items:center;border:1px solid #d7ece4;overflow:hidden}.p4i7-qr-box img{width:210px;height:210px;object-fit:contain}.p4i7-qr-fallback{display:none;width:210px;height:210px;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);gap:3px;padding:13px;background:#fff;border:3px solid #063f33;border-radius:16px}.p4i7-qr-fallback i{display:block;border-radius:2px;background:#e6eee9}.p4i7-qr-fallback i.on{background:#063f33}
html[data-theme="dark"] .p4i7-qr-preview{background:rgba(0,18,14,.62)}
html[data-theme="dark"] .p4i7-qr-card{background:#12362d;color:#f8fff9;border-color:rgba(183,255,53,.28);box-shadow:0 30px 90px rgba(0,0,0,.52)}
html[data-theme="dark"] .p4i7-qr-card p,html[data-theme="dark"] .p4i7-qr-card small{color:rgba(248,255,249,.82)}
html[data-theme="dark"] .p4i7-qr-card code{background:rgba(255,255,255,.09);color:#fff;border:1px solid rgba(255,255,255,.16)}
@media(max-width:520px){.p3i5be-booking-tab .p3k36c27-card-body{grid-template-columns:1fr!important}.p3i5be-booking-tab .p3k36c27-booking-actions{grid-template-columns:1fr!important}.p4i7-qr-box{width:210px;height:210px}.p4i7-qr-box img,.p4i7-qr-fallback{width:190px;height:190px}}


/* Phase 4I8 — cart drawer dark readability hotfix.
   Scoped only to canonical booking cart portals and topbar cart buttons. */
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-backdrop,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-backdrop{
  background:rgba(0,18,14,.46)!important;
  backdrop-filter:blur(7px)!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-drawer,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer{
  background:linear-gradient(180deg,#1a463b 0%,#153b32 100%)!important;
  color:#f7fff9!important;
  -webkit-text-fill-color:initial!important;
  border:1px solid rgba(183,255,53,.38)!important;
  box-shadow:0 26px 78px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.04) inset!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-drawer *,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer *{
  opacity:1!important;
  text-shadow:none!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-head,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer header{
  background:rgba(255,255,255,.035)!important;
  border-bottom-color:rgba(255,255,255,.18)!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-head h3,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-head b,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-drawer h3,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-drawer h4,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-drawer b,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-drawer strong,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer header h3,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer h3,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer h4,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer b,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer strong{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-head small,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-drawer p,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-drawer span,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-drawer small,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-drawer em,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer header small,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer p,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer span,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer small,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer em,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-help{
  color:rgba(247,255,249,.90)!important;
  -webkit-text-fill-color:rgba(247,255,249,.90)!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-section,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-item,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-paybox,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-booking-log,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-section,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-row,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-paybox,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-log{
  background:rgba(255,255,255,.13)!important;
  border-color:rgba(255,255,255,.24)!important;
  color:#f7fff9!important;
  -webkit-text-fill-color:initial!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-section.wait,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-section.ready,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-section.wait,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-section.ready,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-section.verify{
  background:rgba(255,255,255,.15)!important;
  border-color:rgba(183,255,53,.26)!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-kicker,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-kicker{
  background:rgba(183,255,53,.22)!important;
  color:#edffb0!important;
  -webkit-text-fill-color:#edffb0!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-close,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-action,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-footer button,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-drawer header button,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-action{
  background:#235c4d!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  border:1px solid rgba(183,255,53,.36)!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-footer{
  background:rgba(255,255,255,.08)!important;
  border-top-color:rgba(255,255,255,.20)!important;
}
html[data-theme="dark"] #p3i5bdPortal.open .p3i5bd-badge,
html[data-theme="dark"] #p3i5bdPortal.open .p3i5be-chip,
html[data-theme="dark"] #p3i5bePortal.open .p3i5be-chip{
  background:rgba(255,255,255,.16)!important;
  color:#f7fff9!important;
  -webkit-text-fill-color:#f7fff9!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
html[data-theme="dark"] #p3i5bdCartButton,
html[data-theme="dark"] #p3i5beCartButton{
  background:linear-gradient(145deg,#17483c,#102f28)!important;
  border-color:rgba(183,255,53,.42)!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}


/* === public/assets/css/phase-4j-game-session-history.css === */
/* Phase 4J — scoped game session history only. Protected: bottom nav, floating ball FAB, dashboard hero, booking/admin layouts. */
.phase4j-game-session-history{margin-top:14px;border:1px solid rgba(9,86,68,.14);border-radius:22px;padding:14px;background:rgba(255,255,255,.74);box-shadow:0 14px 32px rgba(7,59,49,.08)}
.phase4j-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.phase4j-history-head h3{margin:2px 0 4px;font-size:18px;line-height:1.15;color:var(--text-strong,#073b31)}
.phase4j-history-head p{margin:0;color:var(--text-muted,#667085);font-size:12.5px;line-height:1.4}
.phase4j-action-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px}
.phase4j-history-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:12px}
.phase4j-session-list,.phase4j-total-board{display:flex;flex-direction:column;gap:8px;min-width:0}
.phase4j-session-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:1px solid rgba(9,86,68,.12);border-radius:16px;background:rgba(255,255,255,.82);padding:10px 11px;cursor:pointer;color:inherit}
.phase4j-session-row.is-current{border-color:rgba(0,132,95,.34);box-shadow:0 0 0 3px rgba(0,132,95,.08)}
.phase4j-session-row span{display:flex;flex-direction:column;gap:2px;min-width:0}.phase4j-session-row b{font-size:13.5px}.phase4j-session-row em,.phase4j-session-row small{font-style:normal;font-size:11.5px;color:var(--text-muted,#667085)}
.phase4j-status{display:inline-flex;align-self:flex-end;border-radius:999px;padding:4px 8px;background:rgba(102,112,133,.12);font-style:normal;font-size:11px}.phase4j-status.is-live{background:rgba(0,132,95,.13);color:#06664c}
.phase4j-total-board{border:1px solid rgba(9,86,68,.1);border-radius:16px;padding:10px;background:rgba(248,252,250,.72)}
.phase4j-leader-row{display:grid;grid-template-columns:34px minmax(0,1fr) 46px 68px;align-items:center;gap:7px;font-size:12.5px;padding:7px 0;border-bottom:1px solid rgba(9,86,68,.08)}
.phase4j-leader-row:last-child{border-bottom:0}.phase4j-leader-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phase4j-leader-row small{color:var(--text-muted,#667085);font-size:11px;text-align:right}.phase4j-empty-row{border:1px dashed rgba(9,86,68,.18);border-radius:14px;padding:12px;color:var(--text-muted,#667085);font-size:12.5px;line-height:1.4}
html[data-theme="dark"] .phase4j-game-session-history{background:rgba(12,21,19,.78);border-color:rgba(129,230,188,.18);box-shadow:0 14px 32px rgba(0,0,0,.22)}
html[data-theme="dark"] .phase4j-session-row,html[data-theme="dark"] .phase4j-total-board{background:rgba(17,28,25,.82);border-color:rgba(129,230,188,.16)}
html[data-theme="dark"] .phase4j-history-head h3{color:#ecfdf5}html[data-theme="dark"] .phase4j-history-head p,html[data-theme="dark"] .phase4j-session-row em,html[data-theme="dark"] .phase4j-session-row small,html[data-theme="dark"] .phase4j-empty-row,html[data-theme="dark"] .phase4j-leader-row small{color:#b7c8c1}html[data-theme="dark"] .phase4j-status.is-live{background:rgba(52,211,153,.18);color:#a7f3d0}
@media(max-width:720px){.phase4j-history-grid{grid-template-columns:1fr}.phase4j-history-head{align-items:flex-start}.phase4j-session-row{align-items:flex-start}.phase4j-leader-row{grid-template-columns:30px minmax(0,1fr) 42px 62px}}

/* Phase 4J0N — Game History And Leaderboard Experience. Scoped only to event detail history panel and fullscreen scoreboard namespaces. */
.event-detail-screen .p4j0n-history-panel{display:flex;flex-direction:column;gap:12px}
.event-detail-screen .p4j0n-filter-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,180px);gap:10px;align-items:end}
.event-detail-screen .p4j0n-filter-row label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--text-muted,#667085);font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.event-detail-screen .p4j0n-filter-row input,.event-detail-screen .p4j0n-filter-row select,.event-detail-screen .p4j0n-audit-head select{width:100%;border:1px solid rgba(9,86,68,.14);border-radius:14px;background:rgba(255,255,255,.88);color:var(--text-strong,#073b31);padding:10px 11px;font:inherit;min-height:40px;outline:none}
.event-detail-screen .p4j0n-filter-row input:focus,.event-detail-screen .p4j0n-filter-row select:focus,.event-detail-screen .p4j0n-audit-head select:focus{border-color:rgba(0,132,95,.42);box-shadow:0 0 0 3px rgba(0,132,95,.09)}
.event-detail-screen .p4j0n-round-timeline{border:1px solid rgba(9,86,68,.10);border-radius:18px;background:rgba(248,252,250,.66);padding:10px;min-width:0}
.event-detail-screen .p4j0n-round-scroll{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 1px 4px}
.event-detail-screen .p4j0n-round-chip{flex:0 0 auto;scroll-snap-align:start;display:grid;grid-template-columns:auto;gap:2px;min-width:112px;text-align:left;border:1px solid rgba(9,86,68,.12);border-radius:15px;background:rgba(255,255,255,.82);padding:9px 10px;color:inherit;cursor:pointer}
.event-detail-screen .p4j0n-round-chip strong{font-size:13px;color:var(--text-strong,#073b31)}
.event-detail-screen .p4j0n-round-chip span{font-size:12px;font-weight:800;color:var(--text-strong,#073b31)}
.event-detail-screen .p4j0n-round-chip small{font-size:11px;color:var(--text-muted,#667085)}
.event-detail-screen .p4j0n-round-chip.is-live{border-color:rgba(0,132,95,.34);background:rgba(0,132,95,.08)}
.event-detail-screen .p4j0n-round-chip.is-locked{border-color:rgba(22,163,74,.32);background:rgba(22,163,74,.08)}
.event-detail-screen .p4j0n-round-chip.is-correction{border-color:rgba(245,158,11,.32);background:rgba(245,158,11,.10)}
.event-detail-screen .p4j0n-round-chip.is-pending{opacity:.82}
.event-detail-screen .p4j0n-history-grid{align-items:start}
.event-detail-screen .p4j0n-session-card b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.event-detail-screen .p4j0n-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;color:var(--text-muted,#667085);font-size:12px}
.event-detail-screen .p4j0n-pagination button[disabled]{opacity:.45;cursor:not-allowed}
.event-detail-screen .p4j0n-leaderboard-panel{position:relative;overflow:hidden}
.event-detail-screen .p4j0n-leader-row{grid-template-columns:40px minmax(0,1fr) 42px 46px 62px;border-radius:12px;padding:8px 7px;border-bottom:1px solid rgba(9,86,68,.07)}
.event-detail-screen .p4j0n-leader-row.is-top{background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(234,255,246,.82));border:1px solid rgba(0,132,95,.13);margin-bottom:4px}
.event-detail-screen .p4j0n-trend{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:3px 6px;font-style:normal;font-size:10px;font-weight:900;background:rgba(102,112,133,.10);color:var(--text-muted,#667085)}
.event-detail-screen .p4j0n-trend.up{background:rgba(22,163,74,.12);color:#047857}.event-detail-screen .p4j0n-trend.down{background:rgba(239,68,68,.10);color:#b42318}
.event-detail-screen .p4j0n-audit-panel{border:1px solid rgba(9,86,68,.10);border-radius:18px;background:rgba(255,255,255,.66);padding:10px;display:flex;flex-direction:column;gap:8px}
.event-detail-screen .p4j0n-audit-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.event-detail-screen .p4j0n-audit-head strong{font-size:14px;color:var(--text-strong,#073b31)}
.event-detail-screen .p4j0n-audit-row{display:grid;grid-template-columns:minmax(110px,.35fr) minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid rgba(9,86,68,.08);border-radius:14px;background:rgba(248,252,250,.78);padding:9px 10px;font-size:12.5px}
.event-detail-screen .p4j0n-audit-row strong{color:var(--text-strong,#073b31)}.event-detail-screen .p4j0n-audit-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted,#667085)}.event-detail-screen .p4j0n-audit-row small{color:var(--text-muted,#667085);font-size:11px;white-space:nowrap}
html[data-theme="dark"] .event-detail-screen .p4j0n-filter-row input,html[data-theme="dark"] .event-detail-screen .p4j0n-filter-row select,html[data-theme="dark"] .event-detail-screen .p4j0n-audit-head select,html[data-theme="dark"] .event-detail-screen .p4j0n-round-timeline,html[data-theme="dark"] .event-detail-screen .p4j0n-audit-panel{background:rgba(17,28,25,.82);border-color:rgba(129,230,188,.16);color:#ecfdf5}
html[data-theme="dark"] .event-detail-screen .p4j0n-round-chip,html[data-theme="dark"] .event-detail-screen .p4j0n-audit-row{background:rgba(12,21,19,.76);border-color:rgba(129,230,188,.14)}
html[data-theme="dark"] .event-detail-screen .p4j0n-round-chip strong,html[data-theme="dark"] .event-detail-screen .p4j0n-round-chip span,html[data-theme="dark"] .event-detail-screen .p4j0n-audit-head strong,html[data-theme="dark"] .event-detail-screen .p4j0n-audit-row strong{color:#ecfdf5}
html[data-theme="dark"] .event-detail-screen .p4j0n-round-chip small,html[data-theme="dark"] .event-detail-screen .p4j0n-audit-row span,html[data-theme="dark"] .event-detail-screen .p4j0n-audit-row small{color:#b7c8c1}
html[data-theme="dark"] .event-detail-screen .p4j0n-leader-row.is-top{background:linear-gradient(135deg,rgba(17,28,25,.92),rgba(8,47,38,.82));border-color:rgba(129,230,188,.18)}
@media(max-width:720px){.event-detail-screen .p4j0n-filter-row{grid-template-columns:1fr}.event-detail-screen .p4j0n-leader-row{grid-template-columns:34px minmax(0,1fr) 34px 40px 54px}.event-detail-screen .p4j0n-audit-row{grid-template-columns:1fr}.event-detail-screen .p4j0n-audit-row span{white-space:normal}.event-detail-screen .p4j0n-audit-head{align-items:flex-start;flex-direction:column}.event-detail-screen .p4j0n-audit-head select{max-width:none}}
#p29-tv-root.p4j0ic-root .p4j0n-round-timeline,#p29-tv-root.p4j0ic-root .p4j0n-audit-panel{display:none}


/* === public/assets/css/phase-4j0b-event-loading-play-again-reset.css === */
/* Phase 4J0B scoped CSS only. Protected layout: bottom nav, FAB, booking, dashboard, admin untouched. */
.p4j0b-event-loading{padding-bottom:110px;}
.p4j0b-loading-card{display:flex;align-items:center;gap:16px;min-height:118px;}
.p4j0b-loading-card h2{margin:2px 0 6px;font-size:24px;line-height:1.05;color:var(--text,#073b31);}
.p4j0b-loading-card p{margin:0;color:var(--muted,#4d665f);font-size:15px;line-height:1.35;}
.p4j0b-loading-mark{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;font-weight:900;color:#053e31;background:linear-gradient(135deg,#b6ff2e,#50d65b);box-shadow:0 18px 40px rgba(10,80,45,.18);}
.p4j0b-skeleton-card{height:168px;border-radius:24px;background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(230,246,238,.84),rgba(255,255,255,.72));border:1px solid rgba(11,72,56,.08);box-shadow:0 18px 46px rgba(8,58,43,.08);margin:14px 0;animation:p4j0bPulse 1.35s ease-in-out infinite;}
.p4j0b-skeleton-card.short{height:96px;}
.p4j0b-setup-reset-note{margin:14px 0;padding:14px 16px;border-radius:18px;border:1px solid rgba(5,118,87,.14);background:rgba(229,247,238,.72);display:flex;flex-direction:column;gap:4px;color:var(--text,#073b31);}
.p4j0b-setup-reset-note strong{font-size:16px;}
.p4j0b-setup-reset-note span{font-size:13px;color:var(--muted,#4d665f);line-height:1.35;}
.p4j0b-history-while-setup{margin-top:14px;}
@keyframes p4j0bPulse{0%,100%{opacity:.72}50%{opacity:1}}
@media (max-width:520px){.p4j0b-loading-card{gap:12px;padding:18px}.p4j0b-loading-card h2{font-size:22px}.p4j0b-loading-mark{width:52px;height:52px;border-radius:18px}}


/* === public/assets/css/phase-4j0d-create-game-performance-score-control.css === */
/* Phase 4J0D — scoped event detail score control placement.
   Protected: no global table/button/admin/nav/fab selectors. */
.event-detail-screen .p4j0d-score-control,
.p29-tv-shell .p4j0d-score-control,
.p28-tv-shell .p4j0d-score-control,
.p27-tv-shell .p4j0d-score-control{
  border:1px solid rgba(9,95,71,.16);
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(236,255,246,.95));
  box-shadow:0 16px 40px rgba(0,54,41,.10);
  border-radius:22px;
  padding:14px;
  margin:12px 0;
}
.event-detail-screen .p4j0d-control-head,
.p29-tv-shell .p4j0d-control-head,
.p28-tv-shell .p4j0d-control-head,
.p27-tv-shell .p4j0d-control-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.event-detail-screen .p4j0d-control-head>div,
.p29-tv-shell .p4j0d-control-head>div,
.p28-tv-shell .p4j0d-control-head>div,
.p27-tv-shell .p4j0d-control-head>div{display:grid;gap:3px;min-width:0;}
.event-detail-screen .p4j0d-control-head strong,
.p29-tv-shell .p4j0d-control-head strong,
.p28-tv-shell .p4j0d-control-head strong,
.p27-tv-shell .p4j0d-control-head strong{font-size:1rem;color:#073d32;}
.event-detail-screen .p4j0d-control-head small,
.p29-tv-shell .p4j0d-control-head small,
.p28-tv-shell .p4j0d-control-head small,
.p27-tv-shell .p4j0d-control-head small{color:rgba(7,61,50,.72);line-height:1.35;}
.event-detail-screen .p4j0d-pill,
.p29-tv-shell .p4j0d-pill,
.p28-tv-shell .p4j0d-pill,
.p27-tv-shell .p4j0d-pill{display:inline-flex;width:max-content;border-radius:999px;padding:4px 9px;background:#e7fff0;color:#087e5d;font-weight:900;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.event-detail-screen .p4j0d-status-grid,
.p29-tv-shell .p4j0d-status-grid,
.p28-tv-shell .p4j0d-status-grid,
.p27-tv-shell .p4j0d-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;}
.event-detail-screen .p4j0d-status-grid span,
.p29-tv-shell .p4j0d-status-grid span,
.p28-tv-shell .p4j0d-status-grid span,
.p27-tv-shell .p4j0d-status-grid span{display:grid;gap:2px;border:1px solid rgba(9,95,71,.12);border-radius:16px;padding:9px;background:rgba(255,255,255,.72);font-size:.72rem;color:rgba(7,61,50,.72);}
.event-detail-screen .p4j0d-status-grid b,
.p29-tv-shell .p4j0d-status-grid b,
.p28-tv-shell .p4j0d-status-grid b,
.p27-tv-shell .p4j0d-status-grid b{font-size:1.05rem;color:#073d32;}
.event-detail-screen .p4j0d-action-row,
.p29-tv-shell .p4j0d-action-row,
.p28-tv-shell .p4j0d-action-row,
.p27-tv-shell .p4j0d-action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.event-detail-screen .p4j0d-action-row .btn,
.p29-tv-shell .p4j0d-action-row .btn,
.p28-tv-shell .p4j0d-action-row .btn,
.p27-tv-shell .p4j0d-action-row .btn{min-height:38px;}
.event-detail-screen .p4j0d-flow-warning,
.p29-tv-shell .p4j0d-flow-warning,
.p28-tv-shell .p4j0d-flow-warning,
.p27-tv-shell .p4j0d-flow-warning{display:grid;gap:3px;margin-top:10px;border-radius:16px;padding:10px 12px;background:#fff9e8;border:1px solid rgba(177,112,0,.16);color:#6d4800;}
.event-detail-screen .p4j0d-flow-warning.strict,
.p29-tv-shell .p4j0d-flow-warning.strict,
.p28-tv-shell .p4j0d-flow-warning.strict,
.p27-tv-shell .p4j0d-flow-warning.strict{background:#fff1ef;border-color:rgba(180,35,24,.18);color:#8a1f14;}
.event-detail-screen .p4j0d-top-control-note{margin:8px 0 0;color:rgba(7,61,50,.70);font-size:.82rem;}
.p29-tv-shell .p4j0d-fullscreen,
.p28-tv-shell .p4j0d-fullscreen,
.p27-tv-shell .p4j0d-fullscreen{margin:10px clamp(12px,2vw,24px);background:linear-gradient(135deg,#ffffff,#f0fff7);}
@media (max-width: 640px){
  .event-detail-screen .p4j0d-score-control{border-radius:20px;padding:12px;}
  .event-detail-screen .p4j0d-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .event-detail-screen .p4j0d-action-row .btn{flex:1 1 130px;}
}


/* === public/assets/css/phase-4j0e-global-performance-booking-score-control.css === */
/* Phase 4J0E scoped CSS only. Protected selectors: bottom nav, FAB, dashboard, cart, OPS booking desk. */
.event-detail-screen .p4j0e-score-control,
.p4j-game-section .p4j0e-score-control,
.p29-tv-shell .p4j0e-score-control,
.p28-tv-shell .p4j0e-score-control,
.p27-tv-shell .p4j0e-score-control{
  border:1px solid rgba(9,95,71,.14);
  border-radius:20px;
  background:linear-gradient(135deg,#ffffff,#f1fff8);
  box-shadow:0 14px 34px rgba(7,61,50,.10);
  padding:12px;
  margin:10px 0;
}
.event-detail-screen .p4j0e-control-head,
.p4j-game-section .p4j0e-control-head,
.p29-tv-shell .p4j0e-control-head,
.p28-tv-shell .p4j0e-control-head,
.p27-tv-shell .p4j0e-control-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;}
.event-detail-screen .p4j0e-control-head strong,
.p4j-game-section .p4j0e-control-head strong,
.p29-tv-shell .p4j0e-control-head strong,
.p28-tv-shell .p4j0e-control-head strong,
.p27-tv-shell .p4j0e-control-head strong{display:block;color:#073d32;font-size:1rem;line-height:1.2;}
.event-detail-screen .p4j0e-control-head small,
.p4j-game-section .p4j0e-control-head small,
.p29-tv-shell .p4j0e-control-head small,
.p28-tv-shell .p4j0e-control-head small,
.p27-tv-shell .p4j0e-control-head small{display:block;color:rgba(7,61,50,.70);font-size:.78rem;line-height:1.35;margin-top:3px;}
.event-detail-screen .p4j0e-pill,
.p4j-game-section .p4j0e-pill,
.p29-tv-shell .p4j0e-pill,
.p28-tv-shell .p4j0e-pill,
.p27-tv-shell .p4j0e-pill{display:inline-flex;width:max-content;border-radius:999px;padding:4px 9px;background:#e7fff0;color:#087e5d;font-weight:900;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;}
.event-detail-screen .p4j0e-status-grid,
.p4j-game-section .p4j0e-status-grid,
.p29-tv-shell .p4j0e-status-grid,
.p28-tv-shell .p4j0e-status-grid,
.p27-tv-shell .p4j0e-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;}
.event-detail-screen .p4j0e-status-grid span,
.p4j-game-section .p4j0e-status-grid span,
.p29-tv-shell .p4j0e-status-grid span,
.p28-tv-shell .p4j0e-status-grid span,
.p27-tv-shell .p4j0e-status-grid span{display:grid;gap:2px;border:1px solid rgba(9,95,71,.12);border-radius:15px;padding:8px;background:rgba(255,255,255,.75);font-size:.72rem;color:rgba(7,61,50,.72);}
.event-detail-screen .p4j0e-status-grid b,
.p4j-game-section .p4j0e-status-grid b,
.p29-tv-shell .p4j0e-status-grid b,
.p28-tv-shell .p4j0e-status-grid b,
.p27-tv-shell .p4j0e-status-grid b{font-size:1rem;color:#073d32;}
.event-detail-screen .p4j0e-action-row,
.p4j-game-section .p4j0e-action-row,
.p29-tv-shell .p4j0e-action-row,
.p28-tv-shell .p4j0e-action-row,
.p27-tv-shell .p4j0e-action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.event-detail-screen .p4j0e-action-row .btn,
.p4j-game-section .p4j0e-action-row .btn,
.p29-tv-shell .p4j0e-action-row .btn,
.p28-tv-shell .p4j0e-action-row .btn,
.p27-tv-shell .p4j0e-action-row .btn{min-height:38px;}
.event-detail-screen .p4j0e-flow-warning,
.p4j-game-section .p4j0e-flow-warning,
.p29-tv-shell .p4j0e-flow-warning,
.p28-tv-shell .p4j0e-flow-warning,
.p27-tv-shell .p4j0e-flow-warning{display:grid;gap:3px;margin-top:10px;border-radius:15px;padding:9px 11px;background:#fff9e8;border:1px solid rgba(177,112,0,.16);color:#6d4800;font-size:.8rem;}
.event-detail-screen .p4j0e-flow-warning.strict,
.p4j-game-section .p4j0e-flow-warning.strict,
.p29-tv-shell .p4j0e-flow-warning.strict,
.p28-tv-shell .p4j0e-flow-warning.strict,
.p27-tv-shell .p4j0e-flow-warning.strict{background:#fff1ef;border-color:rgba(180,35,24,.18);color:#8a1f14;}
.p29-tv-shell .p4j0e-fullscreen,
.p28-tv-shell .p4j0e-fullscreen,
.p27-tv-shell .p4j0e-fullscreen{margin:10px clamp(12px,2vw,24px);}
@media (max-width:640px){
  .event-detail-screen .p4j0e-status-grid,
  .p4j-game-section .p4j0e-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .event-detail-screen .p4j0e-action-row .btn,
  .p4j-game-section .p4j0e-action-row .btn{flex:1 1 130px;}
}


/* === public/assets/css/phase-4j0f-game-control-event-discovery-final.css === */
/* Phase 4J0F scoped CSS only.
   Protected selectors: .bottom-nav, .nav-item, #p3k39c8TennisFabRoot, booking cart, dashboard, OPS/admin selectors. */
.event-detail-screen .p4j0f-score-control,
.p4j-game-section .p4j0f-score-control,
.p4j0f-tv-shell .p4j0f-score-control{
  margin:12px 0;
  padding:13px;
  border:1px solid rgba(8,126,93,.16);
  border-radius:20px;
  background:linear-gradient(135deg,#f0fff6,#ffffff);
  box-shadow:0 12px 28px rgba(7,61,50,.10);
}
.event-detail-screen .round-block > .p4j0f-score-control,
.p4j-game-section .round-block > .p4j0f-score-control{margin:10px 0 12px;}
.event-detail-screen .p4j0f-control-copy,
.p4j-game-section .p4j0f-control-copy,
.p4j0f-tv-shell .p4j0f-control-copy{display:grid;gap:4px;color:#073d32;}
.event-detail-screen .p4j0f-control-copy strong,
.p4j-game-section .p4j0f-control-copy strong,
.p4j0f-tv-shell .p4j0f-control-copy strong{font-size:1.08rem;line-height:1.15;}
.event-detail-screen .p4j0f-control-copy small,
.p4j-game-section .p4j0f-control-copy small,
.p4j0f-tv-shell .p4j0f-control-copy small{font-size:.8rem;line-height:1.35;color:rgba(7,61,50,.72);}
.event-detail-screen .p4j0f-pill,
.p4j-game-section .p4j0f-pill,
.p4j0f-tv-shell .p4j0f-pill{display:inline-flex;width:max-content;border-radius:999px;background:#e2fff0;color:#087e5d;padding:4px 10px;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;}
.event-detail-screen .p4j0f-status-grid,
.p4j-game-section .p4j0f-status-grid,
.p4j0f-tv-shell .p4j0f-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;}
.event-detail-screen .p4j0f-status-grid span,
.p4j-game-section .p4j0f-status-grid span,
.p4j0f-tv-shell .p4j0f-status-grid span{display:grid;gap:2px;border:1px solid rgba(7,61,50,.10);border-radius:15px;background:rgba(255,255,255,.78);padding:8px;color:rgba(7,61,50,.72);font-size:.73rem;}
.event-detail-screen .p4j0f-status-grid b,
.p4j-game-section .p4j0f-status-grid b,
.p4j0f-tv-shell .p4j0f-status-grid b{font-size:1rem;color:#073d32;}
.event-detail-screen .p4j0f-action-row,
.p4j-game-section .p4j0f-action-row,
.p4j0f-tv-shell .p4j0f-action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.event-detail-screen .p4j0f-action-row .btn,
.p4j-game-section .p4j0f-action-row .btn,
.p4j0f-tv-shell .p4j0f-action-row .btn{min-height:40px;}
.p4j0f-tv-shell{position:fixed;inset:0;z-index:9998;overflow:auto;background:linear-gradient(180deg,#f7fff9,#e9fff3);color:#073d32;padding:14px;}
.p4j0f-tv-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 6px 12px;border-bottom:1px solid rgba(7,61,50,.10);}
.p4j0f-tv-head div{display:grid;gap:2px;}.p4j0f-tv-head small{font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#087e5d;}.p4j0f-tv-head strong{font-size:clamp(1.35rem,3vw,2rem);}.p4j0f-tv-head span{font-size:.9rem;color:rgba(7,61,50,.72);}
.p4j0f-tv-round{display:grid;gap:10px;margin:12px 0;padding:12px;border:1px solid rgba(7,61,50,.10);border-radius:18px;background:rgba(255,255,255,.70);}
.p4j0f-tv-round > div:first-child{display:flex;gap:9px;align-items:baseline;}.p4j0f-tv-round b{font-size:1.55rem;}.p4j0f-tv-round em{font-style:normal;border-radius:999px;background:#e6fff1;color:#087e5d;padding:5px 10px;font-weight:900;}
.p4j0f-tv-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:2px;}.p4j0f-tv-tabs button{border:1px solid rgba(7,61,50,.12);background:#fff;border-radius:16px;min-width:56px;padding:11px 12px;font-weight:900;color:#073d32;}.p4j0f-tv-tabs button.active{background:#087e5d;color:#fff;box-shadow:0 10px 22px rgba(8,126,93,.22);}
.p4j0f-tv-score-area{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:12px;}.p4j0f-tv-score-area.fit-one{grid-template-columns:minmax(0,1fr);}
.p4j0f-tv-match{display:grid;gap:8px;border-radius:22px;border:1px solid rgba(7,61,50,.10);background:#fff;padding:12px;box-shadow:0 12px 26px rgba(7,61,50,.09);}.p4j0f-tv-match-head{display:flex;justify-content:space-between;gap:8px;align-items:center;}.p4j0f-tv-match-head span{font-size:.8rem;color:rgba(7,61,50,.64);}
.p4j0f-tv-team-row{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:10px;align-items:center;border:1px solid rgba(7,61,50,.08);border-radius:16px;padding:10px;background:#f8fffb;}.p4j0f-tv-team-row.winner{background:#e7fff0;border-color:rgba(8,126,93,.22);}.p4j0f-tv-team-row small{display:block;color:rgba(7,61,50,.62);font-weight:800;}.p4j0f-tv-team-row b{font-size:1rem;}.p4j0f-tv-team-row button{border:0;border-radius:14px;background:#073d32;color:#fff;font-size:1.45rem;font-weight:950;min-height:60px;}.p4j0f-tv-vs{text-align:center;font-weight:950;color:#087e5d;}.p4j0f-tv-input{width:100%;justify-content:center;}
.p4j0f-tv-foot{display:flex;position:sticky;bottom:0;gap:10px;justify-content:flex-end;align-items:center;margin-top:14px;padding:12px;background:linear-gradient(180deg,rgba(247,255,249,.78),#f7fff9);backdrop-filter:blur(10px);}.p4j0f-tv-foot button{border:1px solid rgba(7,61,50,.12);border-radius:14px;background:#fff;padding:10px 14px;font-weight:900;color:#073d32;}.p4j0f-tv-foot button.primary{background:#087e5d;color:#fff;}
.p4j0f-events-page{padding-bottom:110px;}.p4j0f-event-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;background:rgba(255,255,255,.72);padding:8px;border-radius:24px;box-shadow:0 10px 28px rgba(7,61,50,.08);}.p4j0f-event-tabs button{border:0;border-radius:18px;background:transparent;color:#073d32;font-weight:950;padding:13px 10px;display:grid;gap:2px;}.p4j0f-event-tabs button span{font-size:.75rem;font-weight:800;opacity:.72;}.p4j0f-event-tabs button.active{background:#08a77e;color:#fff;box-shadow:0 10px 22px rgba(8,167,126,.20);}
.p4j0f-event-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;border-radius:28px;background:radial-gradient(circle at 90% 0,rgba(255,255,255,.25),transparent 32%),linear-gradient(135deg,#07835f,#06b889);color:#fff;padding:22px;margin-bottom:14px;box-shadow:0 14px 34px rgba(7,61,50,.14);}.p4j0f-event-hero h1{margin:2px 0 6px;font-size:clamp(1.55rem,6vw,2.1rem);line-height:1.04;}.p4j0f-event-hero p{margin:0;opacity:.92;line-height:1.35;}.p4j0f-event-hero .section-kicker{color:#dfffee;}.p4j0f-event-hero button{border:0;border-radius:50%;width:58px;height:58px;background:rgba(255,255,255,.92);font-size:1.4rem;color:#087e5d;font-weight:950;}
.p4j0f-stat-chips,.p4j0f-date-row{display:flex;gap:10px;overflow:auto;padding:4px 0 12px;}.p4j0f-stat-chips .chip,.p4j0f-date-row .chip{white-space:nowrap;}
.p4j0f-filter-card{border-radius:24px;background:#fff;padding:14px;margin:4px 0 18px;box-shadow:0 12px 30px rgba(7,61,50,.08);}.p4j0f-filter-card .search-input{width:100%;box-sizing:border-box;}.p4j0f-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;}.p4j0f-filter-row select{border:1px solid rgba(7,61,50,.10);border-radius:16px;background:#edfff5;padding:12px;font-weight:850;color:#073d32;}
.p4j0f-event-group{margin:14px 0;}.p4j0f-event-group h3{margin:0 0 10px;color:#073d32;font-size:1.08rem;}.p4j0f-event-list{display:grid;gap:14px;}.p4j0f-event-card{overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 12px 32px rgba(7,61,50,.10);border:1px solid rgba(7,61,50,.08);}.p4j0f-event-cover{min-height:116px;background:linear-gradient(135deg,#9cff18,#08b984);background-image:var(--p4j0f-event-bg),linear-gradient(135deg,#9cff18,#08b984);background-size:cover;background-position:center;position:relative;}.p4j0f-event-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.14));}.p4j0f-event-date{position:absolute;z-index:1;left:18px;bottom:-18px;width:70px;height:70px;border-radius:20px;background:#fff;display:grid;place-items:center;box-shadow:0 10px 22px rgba(7,61,50,.14);}.p4j0f-event-date b{font-size:1.45rem;}.p4j0f-event-date span{font-size:.72rem;text-transform:uppercase;font-weight:900;}.p4j0f-capacity{position:absolute;z-index:1;right:14px;bottom:-15px;border-radius:999px;background:#e9fff1;color:#087e5d;padding:8px 12px;font-weight:950;box-shadow:0 8px 18px rgba(7,61,50,.12);}.p4j0f-capacity.full{background:#e9fff1;color:#087e5d;}
.p4j0f-event-body{padding:28px 18px 16px;display:grid;gap:10px;color:#073d32;}.p4j0f-event-body strong{font-size:1.12rem;}.p4j0f-event-body small{display:block;color:rgba(7,61,50,.66);margin-top:3px;}.p4j0f-event-meta{display:grid;gap:5px;font-size:.84rem;color:rgba(7,61,50,.72);}.p4j0f-event-tags{display:flex;gap:7px;flex-wrap:wrap;}.p4j0f-event-tags em{font-style:normal;border-radius:999px;background:#edfdf4;color:#087e5d;padding:5px 9px;font-size:.75rem;font-weight:900;}.p4j0f-empty-card{display:grid;gap:4px;color:#073d32;}
@media(max-width:640px){.event-detail-screen .p4j0f-status-grid,.p4j-game-section .p4j0f-status-grid,.p4j0f-tv-shell .p4j0f-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.event-detail-screen .p4j0f-action-row .btn,.p4j-game-section .p4j0f-action-row .btn{flex:1 1 130px;}.p4j0f-tv-shell{padding:10px;}.p4j0f-tv-head{align-items:flex-start;}.p4j0f-tv-score-area{grid-template-columns:1fr;}.p4j0f-tv-foot{justify-content:stretch;overflow:auto;}.p4j0f-filter-row{grid-template-columns:1fr;}.p4j0f-event-hero{padding:20px;}}


/* === public/assets/css/phase-4j0g-activity-discovery-scope-last-event.css === */
/* Phase 4J0G scoped CSS only.
   Protected selectors: .bottom-nav, .nav-item, #p3k39c8TennisFabRoot, booking cart, OPS/admin pages, global table/button. */
.p4j0g-activity-page,
.p4j0g-events-page{padding-bottom:112px;color:#073d32;}
.p4j0g-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 14px;padding:20px;border-radius:26px;background:linear-gradient(135deg,#ecfff5,#e5f7d8);box-shadow:0 14px 34px rgba(7,61,50,.08);}
.p4j0g-hero h1{margin:2px 0 6px;font-size:clamp(1.7rem,7vw,2.25rem);line-height:1.03}.p4j0g-hero p{margin:0;color:rgba(7,61,50,.76);line-height:1.35}
.p4j0g-activity-tabs{display:flex;gap:10px;overflow:auto;padding:4px 0 16px;scrollbar-width:none}.p4j0g-activity-tabs::-webkit-scrollbar{display:none}
.p4j0g-tab{flex:0 0 auto;min-width:94px;border:1px solid rgba(7,61,50,.08);border-radius:18px;background:#fff;color:#073d32;padding:11px 12px;font-weight:950;box-shadow:0 9px 22px rgba(7,61,50,.06);display:grid;gap:2px;place-items:center;position:relative}.p4j0g-tab b{font-size:.76rem;border-radius:999px;background:#edfdf4;color:#087e5d;padding:2px 8px}.p4j0g-tab.is-active{background:#087e5d;color:#fff;box-shadow:0 14px 28px rgba(8,126,93,.22);transform:translateY(-1px)}.p4j0g-tab.is-active b{background:#baff26;color:#073d32}.p4j0g-tab.is-active:after{content:"";position:absolute;left:22px;right:22px;bottom:5px;height:4px;border-radius:99px;background:#baff26}
.p4j0g-last-event-card{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:4px 0 16px;padding:16px;border-radius:22px;background:#fff;border:1px solid rgba(8,126,93,.14);box-shadow:0 12px 28px rgba(7,61,50,.08)}.p4j0g-last-event-card div{display:grid;gap:3px}.p4j0g-last-event-card strong{font-size:1.05rem}.p4j0g-last-event-card span{color:rgba(7,61,50,.68);font-size:.86rem}
.p4j0g-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:4px 0 12px}.p4j0g-section-head h2{margin:0;font-size:1.35rem}.p4j0g-section-head p{margin:4px 0 0;color:rgba(7,61,50,.72);line-height:1.34}
.p4j0g-filter-card{border-radius:24px;background:#fff;padding:14px;margin:10px 0 12px;box-shadow:0 12px 30px rgba(7,61,50,.08);border:1px solid rgba(7,61,50,.06)}.p4j0g-search{display:flex;align-items:center;gap:10px;border:1px solid rgba(7,61,50,.10);border-radius:18px;background:#fff;padding:0 12px}.p4j0g-search input{border:0;outline:0;min-height:50px;width:100%;font:inherit;color:#073d32;background:transparent}.p4j0g-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.p4j0g-filter-grid select,.p4j0g-filter-grid input{border:1px solid rgba(7,61,50,.10);border-radius:16px;background:#edfff5;padding:12px;min-width:0;font-weight:850;color:#073d32;box-sizing:border-box;width:100%}
.p4j0g-result-count{font-size:.84rem;font-weight:900;color:#087e5d;margin:8px 0 10px}.p4j0g-event-list{display:grid;gap:12px}.p4j0g-event-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;border-radius:22px;background:#fff;border:1px solid rgba(7,61,50,.08);box-shadow:0 12px 30px rgba(7,61,50,.08);padding:14px}.p4j0g-event-date{width:62px;height:62px;border-radius:18px;background:#f0fff6;display:grid;place-items:center;color:#073d32;box-shadow:inset 0 0 0 1px rgba(8,126,93,.12)}.p4j0g-event-date b{font-size:1.35rem}.p4j0g-event-date span{font-size:.72rem;font-weight:900;text-transform:uppercase}.p4j0g-event-copy{min-width:0;display:grid;gap:4px}.p4j0g-event-title-row{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.p4j0g-event-title-row strong{font-size:1.05rem;line-height:1.15}.p4j0g-event-title-row em{font-style:normal;border-radius:999px;background:#e9fff1;color:#087e5d;padding:5px 9px;font-size:.76rem;font-weight:950;white-space:nowrap}.p4j0g-event-title-row em.full{background:#f3f4f6;color:#647067}.p4j0g-event-copy small{color:rgba(7,61,50,.68)}.p4j0g-event-meta{display:flex;gap:6px;flex-wrap:wrap}.p4j0g-event-meta span{border-radius:999px;background:#f3fff8;color:rgba(7,61,50,.76);padding:5px 8px;font-size:.74rem;font-weight:800}.p4j0g-event-card>button{grid-column:1/-1}.p4j0g-load-more{width:100%;margin-top:12px}.p4j0g-empty{display:grid;gap:5px;text-align:center;border-radius:24px;background:#fff;padding:32px 18px;color:#073d32;box-shadow:0 10px 26px rgba(7,61,50,.06)}.p4j0g-empty span{color:rgba(7,61,50,.70)}
.p4j0g-booking-summary,.p4j0g-game-summary{border-radius:24px;background:#fff;padding:18px;margin:12px 0;box-shadow:0 12px 30px rgba(7,61,50,.07);border:1px solid rgba(7,61,50,.06)}.p4j0g-booking-summary h2,.p4j0g-game-summary h2{margin:2px 0 8px}.p4j0g-booking-summary p,.p4j0g-game-summary p{color:rgba(7,61,50,.72);line-height:1.35}.p4j0g-mini-stats{display:flex;gap:18px;margin:12px 0;font-weight:900}.p4j0g-simple-list{display:grid;gap:10px;margin-top:12px}.p4j0g-simple-list article{border-radius:16px;background:#f7fffa;padding:11px;display:grid;gap:3px}.p4j0g-simple-list span{font-size:.83rem;color:rgba(7,61,50,.68)}.p4j0g-two-col{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.p4j0f-tv-shell .p4j0f-tv-foot{flex-wrap:wrap;justify-content:stretch}.p4j0f-tv-shell .p4j0f-tv-foot button{flex:1 1 140px;white-space:normal;min-height:46px}.p4j0f-tv-shell .p4j0f-action-row{position:sticky;bottom:74px;z-index:3;background:rgba(247,255,249,.92);backdrop-filter:blur(8px);border-radius:18px;padding:10px}.p4j0f-tv-shell .p4j0f-action-row .btn{flex:1 1 130px;min-height:46px;white-space:normal}
body:not(.p4j0g-allow-score-leak) > .p4j0f-score-control{display:none!important}
@media(max-width:640px){.p4j0g-hero{align-items:stretch;display:grid}.p4j0g-hero .btn{width:100%}.p4j0g-filter-grid{grid-template-columns:1fr}.p4j0g-event-card{grid-template-columns:58px minmax(0,1fr);padding:12px}.p4j0g-event-date{width:56px;height:56px}.p4j0g-last-event-card{display:grid}.p4j0g-last-event-card .btn{width:100%}.p4j0g-section-head{display:grid}.p4j0g-section-head .btn{width:100%}}


/* === public/assets/css/phase-4j0h-state-back-search-scoreboard-stability.css === */
/* Phase 4J0H scoped styles only. Protected selectors: bottom nav, FAB, OPS/admin, booking cart, global table/button. */
.event-detail-screen .p4j0h-score-control,
.p4j-game-section .p4j0h-score-control{
  margin:14px 0 4px; padding:16px; border:1px solid rgba(9,81,62,.12); border-radius:24px; background:linear-gradient(135deg,rgba(235,255,246,.96),rgba(255,255,255,.96)); box-shadow:0 12px 28px rgba(10,72,54,.08); display:grid; gap:12px;
}
.event-detail-screen .p4j0h-score-copy,
.p4j-game-section .p4j0h-score-copy{display:grid;gap:5px;color:#064b3c;}
.event-detail-screen .p4j0h-score-copy strong,
.p4j-game-section .p4j0h-score-copy strong{font-size:20px;line-height:1.1;}
.event-detail-screen .p4j0h-score-copy small,
.p4j-game-section .p4j0h-score-copy small{font-size:14px;line-height:1.35;color:rgba(5,55,43,.72);}
.event-detail-screen .p4j0h-pill,
.p4j-game-section .p4j0h-pill,.p4j0h-tv-shell .p4j0h-pill{width:max-content;padding:8px 12px;border-radius:999px;background:#e8fff3;color:#087453;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px;}
.event-detail-screen .p4j0h-status-grid,
.p4j-game-section .p4j0h-status-grid,.p4j0h-tv-shell .p4j0h-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.event-detail-screen .p4j0h-status-grid span,
.p4j-game-section .p4j0h-status-grid span,.p4j0h-tv-shell .p4j0h-status-grid span{padding:10px;border:1px solid rgba(9,81,62,.10);border-radius:16px;background:rgba(255,255,255,.82);font-size:12px;color:rgba(5,55,43,.70);}
.event-detail-screen .p4j0h-status-grid b,
.p4j-game-section .p4j0h-status-grid b,.p4j0h-tv-shell .p4j0h-status-grid b{display:block;font-size:20px;color:#063f34;line-height:1.1;}
.event-detail-screen .p4j0h-score-actions,
.p4j-game-section .p4j0h-score-actions,.p4j0h-tv-shell .p4j0h-score-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:center;}
.event-detail-screen .p4j0h-score-actions button,
.p4j-game-section .p4j0h-score-actions button,.p4j0h-tv-shell .p4j0h-score-actions button{min-height:52px;border-radius:18px;font-weight:900;}
.p4j0h-tv-shell{position:fixed;inset:0;z-index:9999;overflow:auto;background:linear-gradient(180deg,#f4fff8 0%,#e7fbf1 100%);padding:calc(14px + env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom));color:#063f34;font-family:inherit;}
.p4j0h-tv-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:4px 0 16px;border-bottom:1px solid rgba(8,65,50,.12);}
.p4j0h-tv-head small{display:block;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#087453;}
.p4j0h-tv-head strong{display:block;font-size:30px;line-height:1.05;}
.p4j0h-tv-head span{display:block;color:rgba(5,55,43,.66);line-height:1.25;}
.p4j0h-back,.p4j0h-normal{border:1px solid rgba(8,65,50,.16);background:#fff;border-radius:18px;min-height:48px;padding:0 14px;color:#063f34;font-weight:900;box-shadow:0 8px 18px rgba(7,58,45,.06);}
.p4j0h-tv-round{margin:16px 0;padding:16px;border:1px solid rgba(8,65,50,.10);border-radius:24px;background:rgba(255,255,255,.74);box-shadow:0 10px 24px rgba(7,58,45,.05);}
.p4j0h-tv-round>div:first-child{display:flex;gap:10px;align-items:center;margin-bottom:12px;}
.p4j0h-tv-round b{font-size:34px;}.p4j0h-tv-round em{font-style:normal;border-radius:999px;background:#dffff0;padding:8px 12px;font-weight:900;color:#087453;}
.p4j0h-tv-tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;}
.p4j0h-tv-tabs button{flex:0 0 auto;border:1px solid rgba(8,65,50,.12);background:#fff;border-radius:20px;min-width:76px;min-height:64px;font-size:22px;font-weight:900;color:#063f34;}
.p4j0h-tv-tabs button.active{background:#07845f;color:#fff;box-shadow:0 10px 18px rgba(7,132,95,.20);}
.p4j0h-tv-score-area{display:grid;gap:14px;margin:0 0 14px;}
.p4j0h-tv-match{padding:16px;border-radius:24px;background:#fff;border:1px solid rgba(8,65,50,.10);box-shadow:0 12px 26px rgba(7,58,45,.08);display:grid;gap:12px;overflow:hidden;}
.p4j0h-tv-match-head{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#063f34;}
.p4j0h-tv-match-head strong{font-size:20px;}.p4j0h-tv-match-head span{font-size:13px;color:rgba(5,55,43,.62);}
.p4j0h-tv-team{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid rgba(8,65,50,.10);border-radius:20px;padding:14px;background:#f7fbf8;min-height:96px;}
.p4j0h-tv-team.winner{background:#e9fff3;border-color:rgba(7,132,95,.24);}
.p4j0h-tv-team small{display:block;text-transform:uppercase;letter-spacing:.09em;color:rgba(5,55,43,.56);font-weight:900;}
.p4j0h-tv-team b{display:block;font-size:21px;line-height:1.15;}
.p4j0h-tv-team button{width:88px;min-height:72px;border:0;border-radius:18px;background:#064133;color:#fff;font-size:34px;font-weight:1000;box-shadow:inset 0 -8px 20px rgba(0,0,0,.18),0 10px 18px rgba(7,58,45,.14);}
.p4j0h-tv-vs{text-align:center;font-size:20px;font-weight:1000;color:#087453;letter-spacing:.08em;}
.p4j0h-tv-input{width:100%;min-height:52px;border-radius:18px;}
.p4j0h-tv-shell .p4j0h-score-control{position:static;margin:14px 0;padding:16px;border-radius:24px;background:rgba(255,255,255,.90);border:1px solid rgba(8,65,50,.12);box-shadow:0 12px 28px rgba(7,58,45,.08);display:grid;gap:12px;}
.p4j0h-tv-foot{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;}
.p4j0h-tv-foot button{border:1px solid rgba(8,65,50,.12);background:#fff;border-radius:18px;min-height:50px;font-weight:900;color:#063f34;}
.p4j0h-tv-foot button.primary{grid-column:1/-1;background:#07845f;color:#fff;border-color:#07845f;}
@media(max-width:430px){.p4j0h-tv-head strong{font-size:27px}.p4j0h-tv-team b{font-size:19px}.p4j0h-tv-team button{width:82px}.event-detail-screen .p4j0h-status-grid,.p4j-game-section .p4j0h-status-grid,.p4j0h-tv-shell .p4j0h-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}


/* === public/assets/css/phase-4j0i-visual-activity-scoreboard-finalization.css === */
/* Phase 4J0I scoped CSS only.
   Protected selectors untouched: .bottom-nav, .nav-item, #p3k39c8TennisFabRoot, booking cart drawer, .ops-booking-*, .ops-admin-*, .admin-card, global table, global button. */
.p4j0i-activity-page{display:grid;gap:14px;overflow-x:hidden;max-width:100%;}
.p4j0i-activity-page *{box-sizing:border-box;min-width:0;}
.p4j0i-hero{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,var(--bg-card),rgba(232,255,243,.92));box-shadow:var(--shadow-soft);}
.p4j0i-hero h1{margin:0;font-size:1.38rem;line-height:1.08;letter-spacing:-.04em;color:var(--text-primary);}
.p4j0i-hero p{margin:4px 0 0;color:var(--text-secondary);font-size:.86rem;line-height:1.35;}
.p4j0i-activity-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none;max-width:100%;}
.p4j0i-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary);border-radius:999px;min-height:38px;padding:0 12px;font-weight:950;box-shadow:var(--shadow-soft);white-space:nowrap;}
.p4j0i-tab b{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;background:var(--bg-soft);color:var(--text-secondary);font-size:.72rem;padding:0 7px;}
.p4j0i-tab.is-active{background:linear-gradient(135deg,var(--brand-green-2),var(--brand-green));color:#fff;border-color:var(--brand-green);box-shadow:0 10px 20px rgba(6,63,51,.20),inset 0 -3px 0 rgba(183,255,53,.62);}
.p4j0i-tab.is-active b{background:var(--brand-lime);color:#063f33;}
.p4j0i-card-grid{display:grid;grid-template-columns:1fr;gap:10px;}
.p4j0i-card-grid.single{grid-template-columns:1fr;}
.p4j0i-activity-card{display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:22px;background:var(--bg-card);box-shadow:var(--shadow-soft);cursor:pointer;position:relative;overflow:hidden;}
.p4j0i-activity-card::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:999px;background:var(--brand-lime);}
.p4j0i-activity-card.game::before{background:var(--brand-green);}.p4j0i-activity-card.booking::before{background:var(--brand-orange);}.p4j0i-activity-card.last::before{background:linear-gradient(var(--brand-lime),var(--brand-green));}
.p4j0i-card-thumb{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#ecfff4,#fff);border:1px solid var(--border-strong);position:relative;color:var(--brand-green);font-weight:1000;box-shadow:var(--shadow-soft);}
.p4j0i-card-thumb em{position:absolute;right:-4px;bottom:-4px;width:24px;height:24px;border-radius:999px;background:var(--brand-green);color:#fff;display:grid;place-items:center;font-style:normal;font-size:.72rem;border:2px solid var(--bg-card);}
.p4j0i-card-thumb.game{background:linear-gradient(135deg,#e8fff3,#f9fff2)}.p4j0i-card-thumb.booking{background:linear-gradient(135deg,#fff7e8,#fff)}
.p4j0i-activity-copy{display:grid;gap:4px;}
.p4j0i-card-top{display:flex;gap:8px;align-items:center;justify-content:space-between;}
.p4j0i-card-top small{color:var(--text-secondary);font-weight:800;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.p4j0i-activity-copy strong{font-size:.98rem;line-height:1.18;color:var(--text-primary);letter-spacing:-.02em;}
.p4j0i-activity-copy p{margin:0;color:var(--text-secondary);font-size:.78rem;line-height:1.32;}
.p4j0i-badge-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px;}
.p4j0i-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 8px;font-size:.64rem;font-weight:950;line-height:1;border:1px solid var(--border);background:var(--bg-soft);color:var(--text-primary);text-transform:capitalize;}
.p4j0i-badge.success{background:var(--success-bg);color:var(--success-text);border-color:transparent;}.p4j0i-badge.danger{background:var(--danger-bg);color:var(--danger-text);border-color:transparent;}.p4j0i-badge.game{background:var(--accent-soft);}.p4j0i-badge.booking{background:var(--warning-bg);color:var(--warning-text);}.p4j0i-badge.last{background:var(--success-bg);color:var(--success-text);}
.p4j0i-card-action{border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);border-radius:14px;min-height:36px;padding:0 11px;font-weight:950;box-shadow:var(--shadow-soft);}
.p4j0i-section-head{padding:2px 2px 0;display:flex;justify-content:space-between;gap:10px;}
.p4j0i-section-head span{display:block;text-transform:uppercase;letter-spacing:.13em;color:var(--text-secondary);font-size:.63rem;font-weight:950;}
.p4j0i-section-head h2{margin:2px 0 0;color:var(--text-primary);font-size:1.04rem;letter-spacing:-.03em;}
.p4j0i-section-head p{margin:3px 0 0;color:var(--text-secondary);font-size:.78rem;line-height:1.3;}
.p4j0i-two-col{display:grid;gap:10px;}
.p4j0i-list{display:grid;gap:8px;}
.p4j0i-list-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:18px;background:var(--bg-card);box-shadow:var(--shadow-soft);cursor:pointer;}
.p4j0i-list-row strong{display:block;font-size:.88rem;line-height:1.2;color:var(--text-primary);}.p4j0i-list-row small{display:block;margin-top:3px;color:var(--text-secondary);font-size:.72rem;line-height:1.25;}
.p4j0i-date{width:42px;height:48px;border-radius:14px;background:var(--accent-soft);display:grid;place-items:center;border:1px solid var(--border-strong);color:var(--brand-green);font-weight:1000;}
.p4j0i-date b{line-height:.9;font-size:1rem;}.p4j0i-date span{font-size:.62rem;line-height:1;text-transform:uppercase;}
.p4j0i-empty{padding:16px;border:1px dashed var(--border-strong);border-radius:20px;background:var(--bg-soft-2);display:grid;gap:4px;text-align:center;color:var(--text-secondary);}
.p4j0i-empty strong{color:var(--text-primary);}
.event-detail-screen .p4j0i-score-control,.p4j-game-section .p4j0i-score-control{margin:12px 0;padding:14px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(135deg,var(--bg-card),rgba(232,255,243,.88));box-shadow:var(--shadow-soft);display:grid;gap:11px;max-width:100%;overflow:hidden;}
.event-detail-screen .p4j0i-score-copy,.p4j-game-section .p4j0i-score-copy,.p4j0i-fullscreen-host .p4j0i-score-copy{display:grid;gap:5px;color:var(--text-primary);}
.event-detail-screen .p4j0i-score-copy strong,.p4j-game-section .p4j0i-score-copy strong,.p4j0i-fullscreen-host .p4j0i-score-copy strong{font-size:1.08rem;line-height:1.1;}
.event-detail-screen .p4j0i-score-copy small,.p4j-game-section .p4j0i-score-copy small,.p4j0i-fullscreen-host .p4j0i-score-copy small{font-size:.78rem;line-height:1.32;color:var(--text-secondary);}
.p4j0i-format{width:max-content;max-width:100%;padding:6px 9px;border-radius:999px;background:var(--success-bg);color:var(--success-text);font-size:.62rem;font-weight:1000;text-transform:uppercase;letter-spacing:.10em;}
.event-detail-screen .p4j0i-status-grid,.p4j-game-section .p4j0i-status-grid,.p4j0i-fullscreen-host .p4j0i-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}
.event-detail-screen .p4j0i-status-grid span,.p4j-game-section .p4j0i-status-grid span,.p4j0i-fullscreen-host .p4j0i-status-grid span{padding:9px;border:1px solid var(--border);border-radius:15px;background:var(--bg-surface);font-size:.68rem;color:var(--text-secondary);font-weight:850;}
.event-detail-screen .p4j0i-status-grid b,.p4j-game-section .p4j0i-status-grid b,.p4j0i-fullscreen-host .p4j0i-status-grid b{display:block;color:var(--text-primary);font-size:1.06rem;line-height:1.05;}
.event-detail-screen .p4j0i-score-actions,.p4j-game-section .p4j0i-score-actions,.p4j0i-fullscreen-host .p4j0i-score-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.event-detail-screen .p4j0i-score-actions .btn,.p4j-game-section .p4j0i-score-actions .btn,.p4j0i-fullscreen-host .p4j0i-score-actions .btn{min-height:46px;border-radius:16px;white-space:normal;}
.p4j0i-fullscreen{position:fixed;inset:0;z-index:9999;overflow:auto;background:linear-gradient(180deg,var(--bg-soft) 0%,var(--bg-app) 100%);padding:calc(12px + env(safe-area-inset-top)) 12px calc(18px + env(safe-area-inset-bottom));color:var(--text-primary);font-family:inherit;max-width:100vw;}
.p4j0i-fullscreen *{box-sizing:border-box;min-width:0;}
.p4j0i-tv-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:4px 0 12px;border-bottom:1px solid var(--border);}
.p4j0i-tv-head small{display:block;text-transform:uppercase;letter-spacing:.14em;color:var(--success-text);font-size:.62rem;font-weight:1000;}.p4j0i-tv-head strong{display:block;font-size:1.35rem;line-height:1.05;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.p4j0i-tv-head span{display:block;color:var(--text-secondary);font-size:.76rem;line-height:1.25;}
.p4j0i-back,.p4j0i-normal{border:1px solid var(--border-strong);background:var(--bg-card);border-radius:16px;min-height:44px;padding:0 12px;color:var(--text-primary);font-weight:950;box-shadow:var(--shadow-soft);}
.p4j0i-tv-round{margin:12px 0;padding:12px;border:1px solid var(--border);border-radius:22px;background:var(--bg-card);box-shadow:var(--shadow-soft);display:grid;gap:10px;}
.p4j0i-round-copy{display:flex;align-items:center;gap:9px;}.p4j0i-round-copy span{color:var(--text-secondary);font-weight:950;}.p4j0i-round-copy b{font-size:1.55rem;}.p4j0i-round-copy em{font-style:normal;border-radius:999px;background:var(--success-bg);color:var(--success-text);font-weight:950;padding:6px 9px;font-size:.72rem;}
.p4j0i-tv-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;}.p4j0i-tv-tabs button{flex:0 0 auto;border:1px solid var(--border-strong);background:var(--bg-surface);border-radius:16px;min-width:58px;min-height:46px;font-size:1rem;font-weight:1000;color:var(--text-primary);}.p4j0i-tv-tabs button.active{background:var(--brand-green);color:#fff;border-color:var(--brand-green);box-shadow:inset 0 -3px 0 var(--brand-lime);}
.p4j0i-tv-score-area{display:grid;gap:12px;margin-bottom:12px;}.p4j0i-tv-match{padding:12px;border-radius:22px;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-soft);display:grid;gap:10px;overflow:hidden;max-width:100%;}
.p4j0i-tv-match-head{display:flex;align-items:center;justify-content:space-between;gap:8px;}.p4j0i-tv-match-head strong{font-size:1rem;line-height:1.1;color:var(--text-primary);}
.p4j0i-score-card{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:stretch;}
.p4j0i-tv-team{border:1px solid var(--border);border-radius:18px;background:var(--bg-soft-2);padding:10px;display:grid;gap:6px;align-content:space-between;text-align:center;min-height:118px;}
.p4j0i-tv-team.winner{background:var(--success-bg);border-color:rgba(7,132,95,.20);}.p4j0i-tv-team small{font-size:.62rem;color:var(--text-secondary);font-weight:1000;text-transform:uppercase;letter-spacing:.08em;}.p4j0i-tv-team b{font-size:.84rem;line-height:1.18;color:var(--text-primary);}.p4j0i-tv-team button{width:100%;min-height:54px;border:0;border-radius:16px;background:var(--brand-green);color:#fff;font-size:1.55rem;font-weight:1000;box-shadow:inset 0 -6px 14px rgba(0,0,0,.15);}
.p4j0i-tv-vs{align-self:center;color:var(--success-text);font-size:.74rem;font-weight:1000;letter-spacing:.08em;}
.p4j0i-match-actions{display:grid;}.p4j0i-match-actions .btn{min-height:44px;border-radius:15px;}
.p4j0i-fullscreen-host .p4j0i-score-control{position:static;margin:0 0 12px;padding:13px;border-radius:22px;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-soft);display:grid;gap:10px;}
.p4j0i-fullscreen-display .p4j0i-match-actions,.p4j0i-fullscreen-display .p4j0i-score-control{display:none!important;}
.p4j0i-fullscreen-display .p4j0i-tv-team{min-height:132px;}.p4j0i-fullscreen-display .p4j0i-tv-team button{pointer-events:none;}
.p4j0i-tv-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;}.p4j0i-tv-foot button{border:1px solid var(--border-strong);background:var(--bg-card);border-radius:15px;min-height:44px;color:var(--text-primary);font-weight:950;box-shadow:var(--shadow-soft);}.p4j0i-tv-foot button.primary{grid-column:1/-1;background:var(--brand-green);color:#fff;border-color:var(--brand-green);}
html[data-theme="dark"] .p4j0i-hero,html[data-theme="dark"] .event-detail-screen .p4j0i-score-control,html[data-theme="dark"] .p4j-game-section .p4j0i-score-control{background:linear-gradient(135deg,var(--bg-card),rgba(183,255,53,.06));}
@media(min-width:760px){.p4j0i-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.p4j0i-two-col{grid-template-columns:1fr 1fr;}.p4j0i-tv-score-area{grid-template-columns:repeat(2,minmax(0,1fr));}.p4j0i-tv-score-area.fit-one{grid-template-columns:minmax(0,720px);justify-content:center;}.p4j0i-tv-head strong{font-size:1.75rem;}}
@media(max-width:430px){.p4j0i-hero{padding:13px;align-items:flex-start;}.p4j0i-hero .btn{min-height:36px;padding:0 10px;font-size:.72rem;}.p4j0i-activity-card{grid-template-columns:50px minmax(0,1fr);}.p4j0i-card-action{grid-column:2;width:max-content;max-width:100%;}.p4j0i-card-thumb{width:48px;height:48px;border-radius:16px;}.p4j0i-card-top{align-items:flex-start;}.event-detail-screen .p4j0i-status-grid,.p4j-game-section .p4j0i-status-grid,.p4j0i-fullscreen-host .p4j0i-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.event-detail-screen .p4j0i-score-actions,.p4j-game-section .p4j0i-score-actions,.p4j0i-fullscreen-host .p4j0i-score-actions{grid-template-columns:1fr;}.p4j0i-tv-head{grid-template-columns:auto minmax(0,1fr);}.p4j0i-normal{display:none;}.p4j0i-tv-head strong{font-size:1.12rem;}.p4j0i-score-card{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:6px;}.p4j0i-tv-team{padding:8px;min-height:112px;}.p4j0i-tv-team b{font-size:.78rem;}.p4j0i-tv-team button{min-height:50px;font-size:1.35rem;}.p4j0i-tv-foot{grid-template-columns:1fr;}.p4j0i-fullscreen{padding-left:10px;padding-right:10px;}}

/* Phase 4J0I-A hotfix: scoped mobile stability for Activity and scoreboard only. */
.p4j0i-activity-page{contain:layout style;overscroll-behavior-x:none;}
.p4j0i-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;}
.p4j0i-hero .btn{flex:0 0 auto;min-width:98px;max-width:118px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.05;text-align:center;}
.p4j0i-activity-tabs{width:100%;margin-inline:0;padding-left:0;padding-right:2px;scroll-padding-left:0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;}
.p4j0i-tab{max-width:calc(100vw - 48px);overflow:hidden;scroll-snap-align:start;}
.p4j0i-tab span{display:block;overflow:hidden;text-overflow:ellipsis;}
.p4j0i-card-top{min-width:0;}
.p4j0i-card-top small{min-width:0;text-align:right;}
.p4j0i-activity-copy strong,.p4j0i-list-row strong{overflow-wrap:anywhere;word-break:normal;}
.p4j0i-card-action{white-space:nowrap;}
.event-detail-screen .p4j0i-score-control,.p4j-game-section .p4j0i-score-control{contain:layout style;}
.p4j0i-fullscreen{overscroll-behavior:contain;}
@media(max-width:430px){
  .p4j0i-hero{gap:10px;}
  .p4j0i-hero .btn{min-width:86px;max-width:96px;font-size:.68rem;padding-inline:8px;}
  .p4j0i-hero h1{font-size:1.24rem;}
  .p4j0i-hero p{font-size:.8rem;}
  .p4j0i-activity-tabs{gap:7px;}
  .p4j0i-tab{min-height:36px;padding-inline:10px;font-size:.88rem;}
  .p4j0i-tab b{min-width:20px;height:20px;font-size:.68rem;padding-inline:6px;}
  .p4j0i-card-top{display:grid;grid-template-columns:minmax(0,1fr) auto;}
  .p4j0i-card-top small{font-size:.68rem;white-space:normal;line-height:1.12;}
  .p4j0i-activity-copy strong{font-size:.92rem;line-height:1.16;}
  .p4j0i-activity-copy p{font-size:.76rem;}
  .p4j0i-list-row{grid-template-columns:42px minmax(0,1fr);}
  .p4j0i-list-row>.p4j0i-badge{grid-column:2;width:max-content;max-width:100%;}
}


/* Phase 4J0I-B: active tab, mobile scoreboard ownership, and compact host controls. */
.p4j0i-activity-page .p4j0i-activity-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;max-width:100%;padding:2px 0 8px;scroll-snap-type:x proximity;}
.p4j0i-activity-page .p4j0i-tab{flex:0 0 auto;border:1px solid var(--border-strong,var(--border));background:var(--bg-card,#fff);color:var(--text-primary,#063f34);box-shadow:var(--shadow-soft);}
.p4j0i-activity-page .p4j0i-tab.is-active,
.p4j0i-activity-page .p4j0i-tab.p4j0i-active-tab,
.p4j0i-activity-page .p4j0i-tab[aria-selected="true"],
.p4j0i-activity-page .p4j0i-tab[data-active="1"]{background:var(--brand-green,#087453)!important;border-color:var(--brand-green,#087453)!important;color:#fff!important;box-shadow:0 14px 28px rgba(8,116,83,.22), inset 0 -4px 0 var(--brand-lime,#b7ff35)!important;}
.p4j0i-activity-page .p4j0i-tab.is-active span,
.p4j0i-activity-page .p4j0i-tab.p4j0i-active-tab span,
.p4j0i-activity-page .p4j0i-tab[aria-selected="true"] span{color:#fff!important;}
.p4j0i-activity-page .p4j0i-tab.is-active b,
.p4j0i-activity-page .p4j0i-tab.p4j0i-active-tab b,
.p4j0i-activity-page .p4j0i-tab[aria-selected="true"] b{background:rgba(255,255,255,.22)!important;color:#fff!important;}
.event-detail-screen .p4j0d-score-control,
.event-detail-screen .p4j0e-score-control,
.event-detail-screen .p4j0f-score-control,
.event-detail-screen .p4j0h-score-control,
.p4j-game-section .p4j0d-score-control,
.p4j-game-section .p4j0e-score-control,
.p4j-game-section .p4j0f-score-control,
.p4j-game-section .p4j0h-score-control{display:none!important;}
.event-detail-screen .p311-round-tabs,
.event-detail-screen .round-tabs-scroll,
.p4j-game-section .p311-round-tabs,
.p4j-game-section .round-tabs-scroll{position:relative!important;top:auto!important;z-index:1!important;max-width:100%;}
.event-detail-screen .americano-rounds,
.event-detail-screen .compact-rounds,
.p4j-game-section .americano-rounds,
.p4j-game-section .compact-rounds{max-width:100%;overflow:visible!important;}
.event-detail-screen .match-card-americano,
.p4j-game-section .match-card-americano{max-width:100%;overflow:hidden;}
.event-detail-screen .p4j0i-score-control,
.p4j-game-section .p4j0i-score-control{margin:12px 0 14px!important;padding:12px!important;border-radius:20px!important;position:relative!important;z-index:2!important;}
.event-detail-screen .p4j0i-score-control + .p4j0i-score-control,
.p4j-game-section .p4j0i-score-control + .p4j0i-score-control{display:none!important;}
.event-detail-screen .p4j0i-score-copy small,
.p4j-game-section .p4j0i-score-copy small{font-size:.74rem;line-height:1.25;}
.event-detail-screen .p4j0i-status-grid,
.p4j-game-section .p4j0i-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
.event-detail-screen .p4j0i-status-grid span,
.p4j-game-section .p4j0i-status-grid span{padding:7px 8px;border-radius:13px;font-size:.62rem;}
.event-detail-screen .p4j0i-status-grid b,
.p4j-game-section .p4j0i-status-grid b{font-size:.95rem;}
.event-detail-screen .p4j0i-score-actions,
.p4j-game-section .p4j0i-score-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
.event-detail-screen .p4j0i-score-actions .btn,
.p4j-game-section .p4j0i-score-actions .btn{min-height:42px!important;border-radius:14px!important;font-size:.78rem!important;}
.p4j0i-fullscreen-host .p4j0i-score-control{margin:6px 0 10px!important;padding:10px!important;gap:8px!important;}
.p4j0i-fullscreen-host .p4j0i-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
.p4j0i-fullscreen-host .p4j0i-status-grid span{padding:7px 8px;border-radius:13px;font-size:.6rem;}
.p4j0i-fullscreen-host .p4j0i-score-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
.p4j0i-fullscreen-host .p4j0i-score-actions .btn{min-height:40px!important;border-radius:14px!important;font-size:.76rem!important;}
.p4j0i-fullscreen-host .p4j0i-tv-foot{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px;margin-top:6px;padding-bottom:88px;}
.p4j0i-fullscreen-host .p4j0i-tv-foot button{min-height:38px!important;border-radius:14px!important;font-size:.76rem!important;padding:7px 8px!important;box-shadow:none!important;}
.p4j0i-fullscreen-host .p4j0i-tv-foot button.primary{grid-column:auto!important;}
.p4j0i-fullscreen-host .p4j0i-tv-head{position:relative!important;z-index:4;background:transparent;}
.p4j0i-fullscreen-host .p4j0i-tv-round{position:relative!important;z-index:3;}
@media(max-width:430px){
  .p4j0i-activity-page .p4j0i-tab{min-width:86px;max-width:132px;}
  .p4j0i-activity-page .p4j0i-tab span{white-space:nowrap;}
  .event-detail-screen .p4j0i-status-grid,
  .p4j-game-section .p4j0i-status-grid,
  .p4j0i-fullscreen-host .p4j0i-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .event-detail-screen .p4j0i-score-actions,
  .p4j-game-section .p4j0i-score-actions,
  .p4j0i-fullscreen-host .p4j0i-score-actions{grid-template-columns:1fr;}
  .p4j0i-fullscreen-host .p4j0i-tv-foot{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}

/* Phase 4J0I-C: fullscreen scoreboard host/viewer layout finalization. Scoped only to 4J0I fullscreen root. */
#p29-tv-root.p4j0ic-root{position:fixed!important;inset:0!important;z-index:2147483000!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;overflow:hidden!important;background:var(--bg-app,#f3fbf6)!important;isolation:isolate!important;}
#p29-tv-root.p4j0ic-root ~ #p28-tv-root,
#p29-tv-root.p4j0ic-root ~ #p27-tv-root{display:none!important;}
#p29-tv-root.p4j0ic-root .p4j0i-fullscreen{position:absolute!important;inset:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;padding:calc(10px + env(safe-area-inset-top)) 12px calc(18px + env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,var(--bg-soft,#f5fbf6) 0%,var(--bg-app,#eef7ef) 100%)!important;display:grid!important;grid-template-rows:auto auto minmax(0,auto) auto!important;gap:10px!important;}
#p29-tv-root.p4j0ic-root .p4j0i-fullscreen *{box-sizing:border-box;min-width:0;}
#p29-tv-root.p4j0ic-root .p4j0ic-tv-topbar{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:8px!important;border:1px solid var(--border,#dcebe2)!important;border-radius:22px!important;background:rgba(255,255,255,.94)!important;box-shadow:var(--shadow-soft,0 16px 36px rgba(6,63,52,.08))!important;position:relative!important;z-index:5!important;}
#p29-tv-root.p4j0ic-root .p4j0i-back{width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:16px!important;display:grid!important;place-items:center!important;font-size:1rem!important;line-height:1!important;}
#p29-tv-root.p4j0ic-root .p4j0ic-title{display:grid!important;gap:2px!important;overflow:hidden!important;}
#p29-tv-root.p4j0ic-root .p4j0ic-title small{display:block!important;text-transform:uppercase!important;letter-spacing:.13em!important;color:var(--success-text,#087453)!important;font-size:.58rem!important;font-weight:1000!important;line-height:1!important;}
#p29-tv-root.p4j0ic-root .p4j0ic-title strong{display:block!important;color:var(--text-primary,#063f34)!important;font-size:1.02rem!important;line-height:1.08!important;letter-spacing:-.03em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#p29-tv-root.p4j0ic-root .p4j0ic-title span{display:block!important;color:var(--text-secondary,#55706a)!important;font-size:.66rem!important;line-height:1.18!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#p29-tv-root.p4j0ic-root .p4j0ic-refresh{min-height:36px!important;border:1px solid var(--border-strong,#cfe4da)!important;background:var(--bg-card,#fff)!important;color:var(--text-primary,#063f34)!important;border-radius:14px!important;padding:0 10px!important;font-size:.72rem!important;font-weight:950!important;white-space:nowrap!important;box-shadow:none!important;}
#p29-tv-root.p4j0ic-root .p4j0ic-round-strip{padding:8px!important;border:1px solid var(--border,#dcebe2)!important;border-radius:20px!important;background:rgba(255,255,255,.92)!important;box-shadow:var(--shadow-soft,0 16px 36px rgba(6,63,52,.08))!important;position:relative!important;z-index:4!important;}
#p29-tv-root.p4j0ic-root .p4j0i-tv-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 2px 1px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;}
#p29-tv-root.p4j0ic-root .p4j0i-tv-tabs button{flex:0 0 auto!important;min-width:54px!important;min-height:40px!important;border-radius:15px!important;border:1px solid var(--border-strong,#cfe4da)!important;background:var(--bg-surface,#fff)!important;color:var(--text-primary,#063f34)!important;font-size:.92rem!important;font-weight:1000!important;box-shadow:none!important;}
#p29-tv-root.p4j0ic-root .p4j0i-tv-tabs button.active{background:var(--brand-green,#087453)!important;color:#fff!important;border-color:var(--brand-green,#087453)!important;box-shadow:inset 0 -4px 0 var(--brand-lime,#b7ff35)!important;}
#p29-tv-root.p4j0ic-root .p4j0ic-score-stack{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important;position:relative!important;z-index:2!important;}
#p29-tv-root.p4j0ic-root .p4j0i-tv-match{padding:12px!important;border-radius:22px!important;background:var(--bg-card,#fff)!important;border:1px solid var(--border,#dcebe2)!important;box-shadow:var(--shadow-soft,0 16px 36px rgba(6,63,52,.08))!important;display:grid!important;gap:10px!important;overflow:hidden!important;}
#p29-tv-root.p4j0ic-root .p4j0i-tv-match-head strong{font-size:.98rem!important;line-height:1.1!important;}
#p29-tv-root.p4j0ic-root .p4j0i-score-card{display:grid!important;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)!important;gap:7px!important;align-items:stretch!important;}
#p29-tv-root.p4j0ic-root .p4j0i-tv-team{min-height:102px!important;padding:9px!important;border-radius:17px!important;display:grid!important;gap:6px!important;align-content:space-between!important;}
#p29-tv-root.p4j0ic-root .p4j0i-tv-team small{font-size:.58rem!important;line-height:1!important;}
#p29-tv-root.p4j0ic-root .p4j0i-tv-team b{font-size:.78rem!important;line-height:1.15!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
#p29-tv-root.p4j0ic-root .p4j0i-tv-team button{min-height:46px!important;border-radius:15px!important;font-size:1.3rem!important;line-height:1!important;}
#p29-tv-root.p4j0ic-root .p4j0i-tv-vs{align-self:center!important;text-align:center!important;font-size:.68rem!important;}
#p29-tv-root.p4j0ic-root .p4j0i-match-actions .btn{min-height:38px!important;border-radius:14px!important;font-size:.76rem!important;}
#p29-tv-root.p4j0ic-root .p4j0ic-host-panel{display:grid!important;gap:8px!important;position:relative!important;z-index:3!important;margin:0 0 6px!important;}
#p29-tv-root.p4j0ic-root .p4j0i-fullscreen-host .p4j0i-score-control{margin:0!important;padding:11px!important;border-radius:20px!important;background:var(--bg-card,#fff)!important;border:1px solid var(--border,#dcebe2)!important;box-shadow:var(--shadow-soft,0 16px 36px rgba(6,63,52,.08))!important;display:grid!important;gap:8px!important;}
#p29-tv-root.p4j0ic-root .p4j0i-score-copy{gap:3px!important;}
#p29-tv-root.p4j0ic-root .p4j0i-score-copy strong{font-size:1rem!important;line-height:1.05!important;}
#p29-tv-root.p4j0ic-root .p4j0i-score-copy small{font-size:.68rem!important;line-height:1.2!important;}
#p29-tv-root.p4j0ic-root .p4j0i-format{padding:5px 8px!important;font-size:.56rem!important;}
#p29-tv-root.p4j0ic-root .p4j0i-status-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;}
#p29-tv-root.p4j0ic-root .p4j0i-status-grid span{padding:6px!important;border-radius:12px!important;font-size:.56rem!important;line-height:1.05!important;}
#p29-tv-root.p4j0ic-root .p4j0i-status-grid b{font-size:.9rem!important;line-height:1!important;margin-top:2px!important;}
#p29-tv-root.p4j0ic-root .p4j0i-score-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
#p29-tv-root.p4j0ic-root .p4j0i-score-actions .btn{min-height:38px!important;border-radius:14px!important;font-size:.73rem!important;padding:7px 8px!important;}
#p29-tv-root.p4j0ic-root .p4j0ic-secondary-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}
#p29-tv-root.p4j0ic-root .p4j0ic-secondary-actions button{min-height:36px!important;border:1px solid var(--border-strong,#cfe4da)!important;border-radius:14px!important;background:var(--bg-card,#fff)!important;color:var(--text-primary,#063f34)!important;font-size:.72rem!important;font-weight:950!important;box-shadow:none!important;padding:6px 8px!important;}
#p29-tv-root.p4j0ic-root .p4j0ic-secondary-actions button.danger{background:#fff5f3!important;color:#9f2a1d!important;border-color:#ffd3cc!important;}
#p29-tv-root.p4j0ic-root .p4j0ic-viewer-note{padding:10px!important;border-radius:18px!important;border:1px solid var(--border,#dcebe2)!important;background:rgba(255,255,255,.84)!important;color:var(--text-secondary,#55706a)!important;text-align:center!important;font-weight:850!important;font-size:.74rem!important;}
#p29-tv-root.p4j0ic-root .p4j0i-fullscreen-display .p4j0i-match-actions,
#p29-tv-root.p4j0ic-root .p4j0i-fullscreen-display .p4j0i-score-control,
#p29-tv-root.p4j0ic-root .p4j0i-fullscreen-display .p4j0ic-host-panel,
#p29-tv-root.p4j0ic-root .p4j0i-fullscreen-display .p4j0ic-secondary-actions{display:none!important;}
#p29-tv-root.p4j0ic-root .p4j0i-fullscreen-display .p4j0i-tv-team{min-height:122px!important;}
#p29-tv-root.p4j0ic-root .p4j0i-fullscreen-display .p4j0i-tv-team button{pointer-events:none!important;min-height:56px!important;font-size:1.55rem!important;}
html.p4j0i-tv-open,body.p4j0i-tv-open{overflow:hidden!important;}
@media(max-width:430px){
  #p29-tv-root.p4j0ic-root .p4j0i-fullscreen{padding-left:10px!important;padding-right:10px!important;gap:9px!important;}
  #p29-tv-root.p4j0ic-root .p4j0ic-tv-topbar{grid-template-columns:42px minmax(0,1fr) auto!important;gap:8px!important;padding:7px!important;border-radius:20px!important;}
  #p29-tv-root.p4j0ic-root .p4j0i-back{width:42px!important;height:42px!important;min-height:42px!important;}
  #p29-tv-root.p4j0ic-root .p4j0ic-title strong{font-size:.96rem!important;}
  #p29-tv-root.p4j0ic-root .p4j0ic-title span{font-size:.62rem!important;}
  #p29-tv-root.p4j0ic-root .p4j0ic-refresh{max-width:78px!important;padding-inline:8px!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:.68rem!important;}
  #p29-tv-root.p4j0ic-root .p4j0i-tv-tabs button{min-width:52px!important;min-height:38px!important;}
  #p29-tv-root.p4j0ic-root .p4j0i-tv-match{padding:10px!important;border-radius:20px!important;}
  #p29-tv-root.p4j0ic-root .p4j0i-tv-team{min-height:96px!important;padding:8px!important;}
  #p29-tv-root.p4j0ic-root .p4j0i-status-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  #p29-tv-root.p4j0ic-root .p4j0i-score-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #p29-tv-root.p4j0ic-root .p4j0ic-secondary-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}

/* Phase 4J0I-F — scoped pending court-change notice, no global selector changes */
.event-detail-screen .p4j0if-court-pending,
.p4j-game-section .p4j0if-court-pending,
#p29-tv-root.p4j0ic-root .p4j0if-court-pending{display:grid!important;gap:3px!important;padding:10px 12px!important;border-radius:18px!important;border:1px solid #bfe9d5!important;background:linear-gradient(135deg,#edfff5,#f7fff1)!important;color:var(--text-primary,#063f34)!important;box-shadow:0 12px 28px rgba(6,63,52,.07)!important;margin:8px 0!important;box-sizing:border-box!important;max-width:100%!important;overflow:hidden!important;}
.event-detail-screen .p4j0if-court-pending strong,
.p4j-game-section .p4j0if-court-pending strong,
#p29-tv-root.p4j0ic-root .p4j0if-court-pending strong{font-size:.82rem!important;line-height:1.1!important;font-weight:1000!important;letter-spacing:-.01em!important;}
.event-detail-screen .p4j0if-court-pending span,
.p4j-game-section .p4j0if-court-pending span,
#p29-tv-root.p4j0ic-root .p4j0if-court-pending span{font-size:.72rem!important;line-height:1.25!important;color:var(--text-secondary,#55706a)!important;font-weight:850!important;}
.event-detail-screen .p4j0if-court-pending.compact,
.p4j-game-section .p4j0if-court-pending.compact,
#p29-tv-root.p4j0ic-root .p4j0if-court-pending.compact{padding:8px 10px!important;border-radius:15px!important;margin:6px 0!important;}

/* Phase 4J0I-G — scoped multi-court host control UX finalization */
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-fullscreen{grid-template-rows:auto auto auto minmax(0,auto) auto!important;gap:9px!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-court-strip{display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:8px!important;border:1px solid var(--border,#dcebe2)!important;border-radius:20px!important;background:rgba(255,255,255,.92)!important;box-shadow:var(--shadow-soft,0 16px 36px rgba(6,63,52,.08))!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-court-strip button{flex:0 0 auto!important;display:grid!important;gap:2px!important;min-width:96px!important;min-height:48px!important;padding:7px 10px!important;border:1px solid var(--border-strong,#cfe4da)!important;border-radius:16px!important;background:var(--bg-card,#fff)!important;color:var(--text-primary,#063f34)!important;box-shadow:none!important;text-align:left!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-court-strip button.active{background:var(--brand-green,#087453)!important;color:#fff!important;border-color:var(--brand-green,#087453)!important;box-shadow:inset 0 -4px 0 var(--brand-lime,#b7ff35)!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-court-strip b{font-size:.8rem!important;line-height:1.05!important;font-weight:1000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-court-strip small{font-size:.6rem!important;line-height:1!important;font-weight:900!important;opacity:.82!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-court-strip button.locked:not(.active){background:var(--success-bg,#dcfce7)!important;border-color:#bde7ce!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-court-strip button.draft:not(.active){background:#f7fff1!important;border-color:#d8efc4!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-active-stack{display:grid!important;gap:8px!important;min-height:0!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-active-match{display:grid!important;gap:8px!important;padding:12px!important;border-radius:22px!important;background:var(--bg-card,#fff)!important;border:1px solid var(--border,#dcebe2)!important;box-shadow:var(--shadow-soft,0 16px 36px rgba(6,63,52,.08))!important;overflow:hidden!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-match-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-match-head span{display:block!important;color:var(--text-primary,#063f34)!important;font-size:.9rem!important;line-height:1.05!important;font-weight:1000!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-match-head strong{display:block!important;margin-top:2px!important;color:var(--text-secondary,#55706a)!important;font-size:.62rem!important;line-height:1.15!important;font-weight:850!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:24px!important;padding:4px 8px!important;border-radius:999px!important;border:1px solid var(--border,#dcebe2)!important;background:var(--bg-soft,#f3fbf6)!important;color:var(--text-primary,#063f34)!important;font-size:.58rem!important;font-weight:1000!important;text-transform:capitalize!important;white-space:nowrap!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-badge.success{background:var(--success-bg,#dcfce7)!important;color:var(--success-text,#087453)!important;border-color:transparent!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-badge.draft{background:#f7fff1!important;color:var(--brand-green,#087453)!important;border-color:#d8efc4!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-team-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;min-height:76px!important;padding:10px!important;border-radius:18px!important;border:1px solid var(--border,#dcebe2)!important;background:var(--bg-surface,#fff)!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-team-card.winner{background:#f8fff1!important;border-color:#d8efc4!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-team-card small{display:block!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:var(--text-secondary,#55706a)!important;font-size:.58rem!important;font-weight:1000!important;line-height:1!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-team-card b{display:block!important;margin-top:5px!important;color:var(--text-primary,#063f34)!important;font-size:.86rem!important;line-height:1.15!important;font-weight:1000!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-scorebox{width:70px!important;min-width:70px!important;height:48px!important;min-height:48px!important;border-radius:16px!important;border:0!important;background:linear-gradient(180deg,#10201d,#000)!important;color:#fff!important;font-size:1.32rem!important;line-height:1!important;font-weight:1000!important;box-shadow:0 12px 22px rgba(0,0,0,.18)!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-scorebox.editable{cursor:pointer!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-scorebox:disabled{opacity:.78!important;cursor:not-allowed!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-vs{text-align:center!important;color:var(--text-secondary,#55706a)!important;font-weight:1000!important;font-size:.72rem!important;line-height:1!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-input-main{min-height:42px!important;border:0!important;border-radius:16px!important;background:var(--brand-green,#087453)!important;color:#fff!important;font-size:.82rem!important;font-weight:1000!important;box-shadow:inset 0 -3px 0 var(--brand-lime,#b7ff35)!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-locked-note{padding:9px 10px!important;border-radius:16px!important;background:#f4f8f5!important;border:1px solid var(--border,#dcebe2)!important;color:var(--text-secondary,#55706a)!important;font-size:.7rem!important;font-weight:850!important;text-align:center!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-host-panel{gap:7px!important;margin-bottom:6px!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-round-control{margin:0!important;padding:10px!important;border-radius:20px!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-round-control .p4j0i-score-copy strong{font-size:.96rem!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-round-control .p4j0i-score-copy small{font-size:.64rem!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-actions .btn{min-height:38px!important;font-size:.72rem!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-secondary-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-viewer-grid{display:grid!important;gap:9px!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-view-card{display:grid!important;gap:7px!important;padding:12px!important;border-radius:20px!important;background:var(--bg-card,#fff)!important;border:1px solid var(--border,#dcebe2)!important;box-shadow:var(--shadow-soft,0 16px 36px rgba(6,63,52,.08))!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-view-team{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;padding:8px 10px!important;border-radius:15px!important;background:var(--bg-surface,#fff)!important;border:1px solid var(--border,#dcebe2)!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-view-team span{font-size:.78rem!important;line-height:1.18!important;font-weight:950!important;color:var(--text-primary,#063f34)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-view-team b{min-width:44px!important;text-align:center!important;border-radius:12px!important;padding:8px!important;background:#071310!important;color:#fff!important;font-size:1rem!important;line-height:1!important;}
.event-detail-screen .p4j0ig-round-control,.p4j-game-section .p4j0ig-round-control{margin:12px 0 14px!important;}
.event-detail-screen .p4j0ig-round-control .p4j0i-score-copy strong,.p4j-game-section .p4j0ig-round-control .p4j0i-score-copy strong{font-size:1.02rem!important;}
.event-detail-screen .p4j0ig-round-control .p4j0i-score-copy small,.p4j-game-section .p4j0ig-round-control .p4j0i-score-copy small{font-size:.74rem!important;line-height:1.25!important;}
@media (max-width:380px){#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-fullscreen{padding-left:9px!important;padding-right:9px!important;}#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-scorebox{width:62px!important;min-width:62px!important;height:44px!important;min-height:44px!important;font-size:1.12rem!important;}#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-team-card{min-height:70px!important;padding:9px!important;}#p29-tv-root.p4j0ic-root.p4j0ig-root .p4j0ig-court-strip button{min-width:86px!important;}}

/* Phase 4J0I-H — Normal scoreboard parity + creator identity header.
   Scoped only to event detail normal scoreboard. Protected global selectors untouched. */
.event-detail-screen .p4j0ih-creator{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;margin:8px 0 10px!important;padding:10px!important;border-radius:18px!important;background:rgba(232,249,239,.78)!important;border:1px solid var(--border,#dcebe2)!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.72)!important;min-width:0!important;}
.event-detail-screen .p4j0ih-creator-avatar{width:48px!important;height:48px!important;min-width:48px!important;border-radius:999px!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:linear-gradient(135deg,#0a7052,#b7ff35)!important;color:#063f34!important;font-weight:1000!important;border:2px solid rgba(181,255,53,.85)!important;box-shadow:0 10px 22px rgba(6,63,52,.12)!important;}
.event-detail-screen .p4j0ih-creator-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.event-detail-screen .p4j0ih-creator div{min-width:0!important;display:grid!important;gap:2px!important;}
.event-detail-screen .p4j0ih-creator small{font-size:.58rem!important;line-height:1!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--text-secondary,#55706a)!important;font-weight:1000!important;}
.event-detail-screen .p4j0ih-creator strong{font-size:.94rem!important;line-height:1.08!important;color:var(--text-primary,#063f34)!important;font-weight:1000!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.event-detail-screen .p4j0ih-creator em{font-style:normal!important;font-size:.72rem!important;line-height:1.18!important;color:var(--text-secondary,#55706a)!important;font-weight:850!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.event-detail-screen .p4j0ih-normal-scoreboard,.p4j-game-section .p4j0ih-normal-scoreboard{display:grid!important;gap:10px!important;margin:12px 0 16px!important;max-width:100%!important;overflow:hidden!important;}
.event-detail-screen .p4j0ih-context,.p4j-game-section .p4j0ih-context{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:12px!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(235,255,242,.88))!important;border:1px solid var(--border,#dcebe2)!important;box-shadow:var(--shadow-soft,0 14px 30px rgba(6,63,52,.07))!important;min-width:0!important;}
.event-detail-screen .p4j0ih-context div,.p4j-game-section .p4j0ih-context div{display:grid!important;gap:2px!important;min-width:0!important;}
.event-detail-screen .p4j0ih-context small,.p4j-game-section .p4j0ih-context small{letter-spacing:.14em!important;text-transform:uppercase!important;font-size:.58rem!important;font-weight:1000!important;color:var(--text-secondary,#55706a)!important;line-height:1!important;}
.event-detail-screen .p4j0ih-context strong,.p4j-game-section .p4j0ih-context strong{font-size:1rem!important;line-height:1.1!important;color:var(--text-primary,#063f34)!important;font-weight:1000!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.event-detail-screen .p4j0ih-context span,.p4j-game-section .p4j0ih-context span{font-size:.72rem!important;line-height:1.22!important;color:var(--text-secondary,#55706a)!important;font-weight:850!important;}
.event-detail-screen .p4j0ih-pending,.p4j-game-section .p4j0ih-pending{display:inline-flex!important;width:max-content!important;max-width:100%!important;margin-top:4px!important;padding:5px 8px!important;border-radius:999px!important;background:#f7fff1!important;border:1px solid #d8efc4!important;color:var(--brand-green,#087453)!important;font-size:.64rem!important;font-weight:950!important;}
.event-detail-screen .p4j0ih-round-strip,.p4j-game-section .p4j0ih-round-strip{display:block!important;max-width:100%!important;overflow:hidden!important;}
.event-detail-screen .p4j0ih-round-tabs,.p4j-game-section .p4j0ih-round-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;padding:3px 1px 8px!important;scrollbar-width:none!important;}
.event-detail-screen .p4j0ih-round-tabs::-webkit-scrollbar,.p4j-game-section .p4j0ih-round-tabs::-webkit-scrollbar{display:none!important;}
.event-detail-screen .p4j0ih-round-tabs button,.p4j-game-section .p4j0ih-round-tabs button{flex:0 0 auto!important;min-width:74px!important;min-height:58px!important;border-radius:18px!important;border:1px solid var(--border,#dcebe2)!important;background:var(--bg-card,#fff)!important;color:var(--text-primary,#063f34)!important;box-shadow:var(--shadow-soft,0 10px 22px rgba(6,63,52,.07))!important;font-weight:1000!important;display:grid!important;place-items:center!important;gap:1px!important;}
.event-detail-screen .p4j0ih-round-tabs button.active,.p4j-game-section .p4j0ih-round-tabs button.active{background:var(--brand-deep,#064c3b)!important;color:#fff!important;box-shadow:inset 0 -5px 0 var(--brand-lime,#b7ff35),0 12px 24px rgba(6,63,52,.16)!important;}
.event-detail-screen .p4j0ih-round-tabs button small,.p4j-game-section .p4j0ih-round-tabs button small{font-size:.54rem!important;text-transform:uppercase!important;line-height:1!important;}
.event-detail-screen .p4j0ih-court-strip,.p4j-game-section .p4j0ih-court-strip{display:flex!important;gap:8px!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;padding:2px 1px 8px!important;scrollbar-width:none!important;}
.event-detail-screen .p4j0ih-court-strip::-webkit-scrollbar,.p4j-game-section .p4j0ih-court-strip::-webkit-scrollbar{display:none!important;}
.event-detail-screen .p4j0ih-court-strip button,.p4j-game-section .p4j0ih-court-strip button{flex:0 0 auto!important;min-width:104px!important;min-height:52px!important;border-radius:17px!important;border:1px solid var(--border,#dcebe2)!important;background:var(--bg-card,#fff)!important;color:var(--text-primary,#063f34)!important;box-shadow:var(--shadow-soft,0 10px 24px rgba(6,63,52,.07))!important;display:grid!important;place-items:center!important;gap:1px!important;font-weight:1000!important;}
.event-detail-screen .p4j0ih-court-strip button.active,.p4j-game-section .p4j0ih-court-strip button.active{background:var(--brand-green,#087453)!important;color:#fff!important;box-shadow:inset 0 -4px 0 var(--brand-lime,#b7ff35),0 12px 24px rgba(6,63,52,.16)!important;border-color:transparent!important;}
.event-detail-screen .p4j0ih-court-strip button small,.p4j-game-section .p4j0ih-court-strip button small{font-size:.56rem!important;text-transform:uppercase!important;line-height:1!important;}
.event-detail-screen .p4j0ih-active-stack,.p4j-game-section .p4j0ih-active-stack{display:grid!important;gap:8px!important;min-width:0!important;}
.event-detail-screen .p4j0ih-active-match,.p4j-game-section .p4j0ih-active-match{display:grid!important;gap:8px!important;padding:12px!important;border-radius:22px!important;background:var(--bg-card,#fff)!important;border:1px solid var(--border,#dcebe2)!important;box-shadow:var(--shadow-soft,0 16px 36px rgba(6,63,52,.08))!important;overflow:hidden!important;}
.event-detail-screen .p4j0ih-match-head,.p4j-game-section .p4j0ih-match-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;}
.event-detail-screen .p4j0ih-match-head span,.p4j-game-section .p4j0ih-match-head span{display:block!important;color:var(--text-primary,#063f34)!important;font-size:.92rem!important;line-height:1.05!important;font-weight:1000!important;}
.event-detail-screen .p4j0ih-match-head strong,.p4j-game-section .p4j0ih-match-head strong{display:block!important;margin-top:2px!important;color:var(--text-secondary,#55706a)!important;font-size:.64rem!important;line-height:1.15!important;font-weight:850!important;}
.event-detail-screen .p4j0ih-badge,.p4j-game-section .p4j0ih-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:24px!important;padding:4px 8px!important;border-radius:999px!important;border:1px solid var(--border,#dcebe2)!important;background:var(--bg-soft,#f3fbf6)!important;color:var(--text-primary,#063f34)!important;font-size:.58rem!important;font-weight:1000!important;text-transform:capitalize!important;white-space:nowrap!important;}
.event-detail-screen .p4j0ih-badge.success,.p4j-game-section .p4j0ih-badge.success{background:var(--success-bg,#dcfce7)!important;color:var(--success-text,#087453)!important;border-color:transparent!important;}
.event-detail-screen .p4j0ih-badge.draft,.p4j-game-section .p4j0ih-badge.draft{background:#f7fff1!important;color:var(--brand-green,#087453)!important;border-color:#d8efc4!important;}
.event-detail-screen .p4j0ih-team-card,.p4j-game-section .p4j0ih-team-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;min-height:76px!important;padding:10px!important;border-radius:18px!important;border:1px solid var(--border,#dcebe2)!important;background:var(--bg-surface,#fff)!important;}
.event-detail-screen .p4j0ih-team-card.winner,.p4j-game-section .p4j0ih-team-card.winner{background:#f8fff1!important;border-color:#d8efc4!important;}
.event-detail-screen .p4j0ih-team-card small,.p4j-game-section .p4j0ih-team-card small{display:block!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:var(--text-secondary,#55706a)!important;font-size:.58rem!important;font-weight:1000!important;line-height:1!important;}
.event-detail-screen .p4j0ih-team-card b,.p4j-game-section .p4j0ih-team-card b{display:block!important;margin-top:5px!important;color:var(--text-primary,#063f34)!important;font-size:.88rem!important;line-height:1.15!important;font-weight:1000!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
.event-detail-screen .p4j0ih-scorebox,.p4j-game-section .p4j0ih-scorebox{width:70px!important;min-width:70px!important;height:48px!important;min-height:48px!important;border-radius:16px!important;border:0!important;background:linear-gradient(180deg,#10201d,#000)!important;color:#fff!important;font-size:1.32rem!important;line-height:1!important;font-weight:1000!important;box-shadow:0 12px 22px rgba(0,0,0,.18)!important;}
.event-detail-screen .p4j0ih-scorebox.editable,.p4j-game-section .p4j0ih-scorebox.editable{cursor:pointer!important;}
.event-detail-screen .p4j0ih-scorebox:disabled,.p4j-game-section .p4j0ih-scorebox:disabled{opacity:.78!important;cursor:not-allowed!important;}
.event-detail-screen .p4j0ih-vs,.p4j-game-section .p4j0ih-vs{text-align:center!important;color:var(--text-secondary,#55706a)!important;font-weight:1000!important;font-size:.72rem!important;line-height:1!important;}
.event-detail-screen .p4j0ih-input-main,.p4j-game-section .p4j0ih-input-main{min-height:42px!important;border:0!important;border-radius:16px!important;background:var(--brand-green,#087453)!important;color:#fff!important;font-size:.82rem!important;font-weight:1000!important;box-shadow:inset 0 -3px 0 var(--brand-lime,#b7ff35)!important;}
.event-detail-screen .p4j0ih-locked-note,.p4j-game-section .p4j0ih-locked-note{padding:9px 10px!important;border-radius:16px!important;background:#f4f8f5!important;border:1px solid var(--border,#dcebe2)!important;color:var(--text-secondary,#55706a)!important;font-size:.7rem!important;font-weight:850!important;text-align:center!important;}
.event-detail-screen .p4j0ih-round-control,.p4j-game-section .p4j0ih-round-control{display:grid!important;gap:9px!important;margin:0!important;padding:12px!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(234,255,243,.9))!important;border:1px solid var(--border,#dcebe2)!important;box-shadow:var(--shadow-soft,0 16px 36px rgba(6,63,52,.08))!important;}
.event-detail-screen .p4j0ih-round-copy,.p4j-game-section .p4j0ih-round-copy{display:grid!important;gap:4px!important;}
.event-detail-screen .p4j0ih-format,.p4j-game-section .p4j0ih-format{width:max-content!important;max-width:100%!important;border-radius:999px!important;padding:5px 9px!important;background:#dcffea!important;color:var(--brand-green,#087453)!important;text-transform:uppercase!important;letter-spacing:.16em!important;font-size:.58rem!important;font-weight:1000!important;}
.event-detail-screen .p4j0ih-round-copy strong,.p4j-game-section .p4j0ih-round-copy strong{font-size:1.02rem!important;line-height:1.1!important;color:var(--text-primary,#063f34)!important;font-weight:1000!important;}
.event-detail-screen .p4j0ih-round-copy small,.p4j-game-section .p4j0ih-round-copy small{font-size:.72rem!important;line-height:1.25!important;color:var(--text-secondary,#55706a)!important;font-weight:800!important;}
.event-detail-screen .p4j0ih-status-grid,.p4j-game-section .p4j0ih-status-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;}
.event-detail-screen .p4j0ih-status-grid span,.p4j-game-section .p4j0ih-status-grid span{display:grid!important;gap:2px!important;padding:8px!important;border-radius:14px!important;background:var(--bg-card,#fff)!important;border:1px solid var(--border,#dcebe2)!important;color:var(--text-secondary,#55706a)!important;font-size:.56rem!important;font-weight:950!important;line-height:1!important;}
.event-detail-screen .p4j0ih-status-grid b,.p4j-game-section .p4j0ih-status-grid b{font-size:1rem!important;line-height:1!important;color:var(--text-primary,#063f34)!important;}
.event-detail-screen .p4j0ih-actions,.p4j-game-section .p4j0ih-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
.event-detail-screen .p4j0ih-actions .btn,.p4j-game-section .p4j0ih-actions .btn{min-height:42px!important;font-size:.78rem!important;}
.event-detail-screen .p4j0ig-round-control,.p4j-game-section .p4j0ig-round-control{display:none!important;}
@media(max-width:380px){.event-detail-screen .p4j0ih-context,.p4j-game-section .p4j0ih-context{grid-template-columns:1fr!important}.event-detail-screen .p4j0ih-scorebox,.p4j-game-section .p4j0ih-scorebox{width:62px!important;min-width:62px!important;height:44px!important;min-height:44px!important;font-size:1.12rem!important}.event-detail-screen .p4j0ih-status-grid,.p4j-game-section .p4j0ih-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.event-detail-screen .p4j0ih-actions,.p4j-game-section .p4j0ih-actions{grid-template-columns:1fr!important}.event-detail-screen .p4j0ih-court-strip button,.p4j-game-section .p4j0ih-court-strip button{min-width:92px!important}.event-detail-screen .p4j0ih-creator strong{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}}


/* Phase 4J0I-I — Active round scroll retention.
   Scoped only to normal event scoreboard and fullscreen scoreboard round strips. */
.event-detail-screen .p4j0ih-round-tabs,.p4j-game-section .p4j0ih-round-tabs,#p29-tv-root.p4j0ic-root .p4j0i-tv-tabs{scroll-padding-inline:48%!important;scroll-behavior:auto!important;}
.event-detail-screen .p4j0ih-round-tabs button[data-p4j0ii-visible="1"],.p4j-game-section .p4j0ih-round-tabs button[data-p4j0ii-visible="1"],#p29-tv-root.p4j0ic-root .p4j0i-tv-tabs button[data-p4j0ii-visible="1"]{outline:2px solid rgba(183,255,53,.55)!important;outline-offset:2px!important;}
.event-detail-screen .p4j0ih-round-tabs button[aria-current="true"],.p4j-game-section .p4j0ih-round-tabs button[aria-current="true"],#p29-tv-root.p4j0ic-root .p4j0i-tv-tabs button[aria-current="true"]{scroll-margin-inline:42vw!important;}


/* === public/assets/css/phase-4j0j-player-substitution-scoreboard.css === */
/* Phase 4J0J scoped substitution sheet and clickable player names. */
.event-detail-screen .p4j0j-team-player-list,
#p29-tv-root.p4j0ic-root .p4j0j-team-player-list{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;line-height:1.2}
.event-detail-screen .p4j0j-team-player-list em,
#p29-tv-root.p4j0ic-root .p4j0j-team-player-list em{font-style:normal;opacity:.5;font-weight:800}
.event-detail-screen .p4j0j-player-action,
#p29-tv-root.p4j0ic-root .p4j0j-player-action{appearance:none;border:1px solid rgba(6,63,52,.18);background:rgba(255,255,255,.78);color:inherit;border-radius:999px;padding:6px 10px;font:inherit;font-weight:900;box-shadow:0 8px 18px rgba(6,63,52,.08);cursor:pointer}
.event-detail-screen .p4j0j-player-action:active,
#p29-tv-root.p4j0ic-root .p4j0j-player-action:active{transform:translateY(1px)}
.event-detail-screen .p4j0j-player-readonly,
#p29-tv-root.p4j0ic-root .p4j0j-player-readonly{font-weight:900}
.p4j0j-substitution-sheet{position:fixed;inset:0;z-index:99999;display:flex;align-items:flex-end;justify-content:center;padding:16px;color:#073d32}
.p4j0j-substitution-sheet .p4j0j-sheet-backdrop{position:absolute;inset:0;background:rgba(4,22,18,.48);backdrop-filter:blur(5px)}
.p4j0j-substitution-sheet .p4j0j-sheet-card{position:relative;width:min(760px,100%);max-height:min(86vh,760px);overflow:auto;background:linear-gradient(180deg,#fff,#f6fbf8);border:1px solid rgba(6,63,52,.12);border-radius:28px 28px 22px 22px;padding:18px;box-shadow:0 -24px 70px rgba(4,22,18,.28)}
.p4j0j-substitution-sheet header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.p4j0j-substitution-sheet header small{display:block;color:#0a7e60;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.p4j0j-substitution-sheet header h2{margin:2px 0 4px;font-size:1.35rem}.p4j0j-substitution-sheet header p{margin:0;opacity:.72}.p4j0j-substitution-sheet header button{border:0;background:#eef7f2;border-radius:14px;width:38px;height:38px;font-size:24px;cursor:pointer}
.p4j0j-substitution-sheet .p4j0j-field{display:grid;gap:6px;margin:10px 0}.p4j0j-substitution-sheet .p4j0j-field span{font-weight:900;font-size:.86rem}.p4j0j-substitution-sheet select,.p4j0j-substitution-sheet textarea{width:100%;border:1px solid rgba(6,63,52,.16);border-radius:16px;padding:11px 12px;background:#fff;color:#073d32;font:inherit}
.p4j0j-substitution-sheet .p4j0j-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.p4j0j-substitution-sheet article{border:1px solid rgba(6,63,52,.12);border-radius:20px;background:rgba(255,255,255,.72);padding:14px}.p4j0j-substitution-sheet article h3{margin:0 0 4px}.p4j0j-substitution-sheet article p{margin:0 0 10px;opacity:.66;font-size:.9rem}.p4j0j-substitution-sheet .p4j0j-candidate-list{display:grid;gap:8px}.p4j0j-substitution-sheet .p4j0j-candidate{width:100%;text-align:left;border:1px solid rgba(6,63,52,.12);border-radius:16px;background:#fff;padding:11px 12px;cursor:pointer}.p4j0j-substitution-sheet .p4j0j-candidate strong{display:block}.p4j0j-substitution-sheet .p4j0j-candidate small{display:block;opacity:.62}.p4j0j-substitution-sheet .p4j0j-candidate.swap{background:#f7fbff}.p4j0j-substitution-sheet .p4j0j-empty{border:1px dashed rgba(6,63,52,.2);border-radius:16px;padding:14px;opacity:.7}.p4j0j-substitution-sheet footer{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}
@media(max-width:720px){.p4j0j-substitution-sheet{padding:10px}.p4j0j-substitution-sheet .p4j0j-sheet-card{border-radius:24px 24px 18px 18px;padding:16px}.p4j0j-substitution-sheet .p4j0j-menu-grid{grid-template-columns:1fr}.p4j0j-substitution-sheet footer{justify-content:stretch}.p4j0j-substitution-sheet footer .btn{flex:1}}
html[data-theme="dark"] .p4j0j-substitution-sheet{color:#eafff6}html[data-theme="dark"] .p4j0j-substitution-sheet .p4j0j-sheet-card{background:linear-gradient(180deg,#11251f,#071612);border-color:rgba(255,255,255,.12)}html[data-theme="dark"] .p4j0j-substitution-sheet article,html[data-theme="dark"] .p4j0j-substitution-sheet .p4j0j-candidate,html[data-theme="dark"] .p4j0j-substitution-sheet select,html[data-theme="dark"] .p4j0j-substitution-sheet textarea{background:#0b1f19;color:#eafff6;border-color:rgba(255,255,255,.14)}

/* Phase 4J0J4 — fullscreen substitution sheet must live above fullscreen host scoreboard.
   Scope only: .p4j0j-substitution-sheet.is-fullscreen-layer inside #p29-tv-root.p4j0ic-root. */
#p29-tv-root.p4j0ic-root .p4j0j-substitution-sheet.is-fullscreen-layer{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:flex-end;justify-content:center;padding:16px;color:#073d32;pointer-events:auto}
#p29-tv-root.p4j0ic-root .p4j0j-substitution-sheet.is-fullscreen-layer .p4j0j-sheet-backdrop{z-index:2147483646}
#p29-tv-root.p4j0ic-root .p4j0j-substitution-sheet.is-fullscreen-layer .p4j0j-sheet-card{z-index:2147483647}
@media(max-width:720px){#p29-tv-root.p4j0ic-root .p4j0j-substitution-sheet.is-fullscreen-layer{padding:10px}}


/* Phase 4J0J5 — fullscreen substitution sheet lifecycle recovery.
   The sheet is a body-level dialog portal so it is not removed by fullscreen scoreboard re-render.
   Scope only: .p4j0j-substitution-sheet.is-dialog-portal and body/html p4j0j lifecycle classes. */
dialog.p4j0j-substitution-sheet{border:0;margin:0;max-width:none;max-height:none;background:transparent}
dialog.p4j0j-substitution-sheet::backdrop{background:rgba(4,22,18,.48);backdrop-filter:blur(5px)}
.p4j0j-substitution-sheet.is-dialog-portal{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:flex-end;justify-content:center;padding:16px;color:#073d32;pointer-events:auto}
.p4j0j-substitution-sheet.is-dialog-portal .p4j0j-sheet-backdrop{display:none}
.p4j0j-substitution-sheet.is-dialog-portal .p4j0j-sheet-card{z-index:2147483647;pointer-events:auto}
body.p4j0j-substitution-open,html.p4j0j-substitution-open{overscroll-behavior:contain}
@media(max-width:720px){.p4j0j-substitution-sheet.is-dialog-portal{padding:10px}}

/* Phase 4J0K — substitution confirmation and audit polish. Scoped only to substitution sheet. */
.p4j0j-substitution-sheet .p4j0k-confirm-box{margin-top:14px;border:1px solid rgba(6,63,52,.14);border-radius:22px;background:linear-gradient(180deg,#ffffff,#f2fbf7);padding:14px;box-shadow:0 14px 34px rgba(6,63,52,.12);display:grid;gap:12px}
.p4j0j-substitution-sheet .p4j0k-confirm-head{display:grid;gap:3px}.p4j0j-substitution-sheet .p4j0k-confirm-head small{color:#0a7e60;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.p4j0j-substitution-sheet .p4j0k-confirm-head b{font-size:1.02rem}.p4j0j-substitution-sheet .p4j0k-confirm-head span{opacity:.72;font-size:.9rem}
.p4j0j-substitution-sheet .p4j0k-confirm-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}.p4j0j-substitution-sheet .p4j0k-confirm-flow div{border:1px solid rgba(6,63,52,.10);border-radius:18px;background:rgba(255,255,255,.82);padding:12px;min-width:0}.p4j0j-substitution-sheet .p4j0k-confirm-flow small{display:block;opacity:.62;font-weight:900;font-size:.78rem}.p4j0j-substitution-sheet .p4j0k-confirm-flow strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p4j0j-substitution-sheet .p4j0k-confirm-flow em{font-style:normal;font-weight:1000;opacity:.48}
.p4j0j-substitution-sheet .p4j0k-confirm-meta{display:flex;gap:8px;flex-wrap:wrap}.p4j0j-substitution-sheet .p4j0k-confirm-meta span{border:1px solid rgba(6,63,52,.10);border-radius:999px;background:#eef8f3;padding:7px 10px;font-size:.78rem;font-weight:900}.p4j0j-substitution-sheet .p4j0k-confirm-actions{display:flex;justify-content:flex-end;gap:8px}
html[data-theme="dark"] .p4j0j-substitution-sheet .p4j0k-confirm-box{background:linear-gradient(180deg,#132a23,#0b1f19);border-color:rgba(255,255,255,.14)}html[data-theme="dark"] .p4j0j-substitution-sheet .p4j0k-confirm-flow div,html[data-theme="dark"] .p4j0j-substitution-sheet .p4j0k-confirm-meta span{background:#102820;border-color:rgba(255,255,255,.12);color:#eafff6}
@media(max-width:520px){.p4j0j-substitution-sheet .p4j0k-confirm-flow{grid-template-columns:1fr}.p4j0j-substitution-sheet .p4j0k-confirm-flow em{text-align:center;transform:rotate(90deg)}.p4j0j-substitution-sheet .p4j0k-confirm-actions{display:grid;grid-template-columns:1fr 1fr}.p4j0j-substitution-sheet .p4j0k-confirm-actions .btn{width:100%}}


/* Phase 4J0L scoped fairness infographic. Protected: no global table/button/admin/booking selectors. */
.event-detail-screen .p4j0l-fairness-card,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-card{margin:12px 0 16px;padding:14px;border:1px solid rgba(6,63,52,.12);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(244,252,247,.88));box-shadow:0 14px 34px rgba(6,63,52,.08);color:#073d32}
.event-detail-screen .p4j0l-fairness-card.needs-review,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-card.needs-review{background:linear-gradient(180deg,#fffdf4,#fff8df);border-color:rgba(177,123,0,.22)}
.event-detail-screen .p4j0l-fairness-head,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.event-detail-screen .p4j0l-fairness-head small,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-head small{display:block;color:#0a7e60;font-weight:950;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem}
.event-detail-screen .p4j0l-fairness-head strong,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-head strong{display:block;font-size:1.08rem;font-weight:950}
.event-detail-screen .p4j0l-fairness-head span,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-head span{display:block;opacity:.68;font-weight:800;font-size:.88rem}
.event-detail-screen .p4j0l-fairness-head b,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-head b{min-width:58px;text-align:center;border-radius:18px;padding:8px 10px;background:#073d32;color:#fff;font-weight:950;box-shadow:0 10px 24px rgba(6,63,52,.18)}
.event-detail-screen .p4j0l-fairness-grid,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:8px 0 10px}
.event-detail-screen .p4j0l-fairness-grid span,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-grid span{border:1px solid rgba(6,63,52,.1);border-radius:16px;background:rgba(255,255,255,.74);padding:9px 7px;text-align:center}
.event-detail-screen .p4j0l-fairness-grid b,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-grid b{display:block;font-size:1.05rem;font-weight:950}
.event-detail-screen .p4j0l-fairness-grid small,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-grid small{display:block;opacity:.62;font-size:.72rem;font-weight:850}
.event-detail-screen .p4j0l-fairness-card p,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-card p{margin:8px 0 4px;font-weight:850;line-height:1.35}
.event-detail-screen .p4j0l-fairness-card em,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-card em{display:block;font-style:normal;opacity:.66;font-size:.86rem;font-weight:800}
.event-detail-screen .p4j0l-fairness-warnings,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-warnings{display:grid;gap:6px;margin-top:10px}
.event-detail-screen .p4j0l-fairness-warnings span,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-warnings span{display:block;border-radius:14px;background:rgba(255,245,211,.9);border:1px solid rgba(177,123,0,.18);padding:8px 10px;font-weight:850}
@media(max-width:520px){.event-detail-screen .p4j0l-fairness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-detail-screen .p4j0l-fairness-head b{min-width:50px}}


/* Phase 4J0L1 — compact fairness belt and game title polish. Scoped only to event detail and fullscreen scoreboard. */
.event-detail-screen .p4j0l-fairness-belt,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-belt{display:block;margin:10px 0 12px;padding:0;border:1px solid rgba(6,63,52,.14);border-radius:20px;background:rgba(255,255,255,.86);box-shadow:0 10px 28px rgba(6,63,52,.08);overflow:hidden;color:#073d32}
.event-detail-screen .p4j0l-fairness-belt.needs-review,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-belt.needs-review{border-color:rgba(199,78,0,.22);background:linear-gradient(180deg,#fffaf4,#fff)}
.event-detail-screen .p4j0l-fairness-summary,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-summary{list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px 9px;align-items:center;padding:10px 12px;cursor:pointer;min-height:44px}
.event-detail-screen .p4j0l-fairness-summary::-webkit-details-marker,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-summary::-webkit-details-marker{display:none}
.event-detail-screen .p4j0l-fairness-dot,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-dot{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#075843;color:#fff;font-weight:950;font-size:.78rem}
.event-detail-screen .p4j0l-fairness-belt.needs-review .p4j0l-fairness-dot,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-belt.needs-review .p4j0l-fairness-dot{background:#b85a00}
.event-detail-screen .p4j0l-fairness-summary strong,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-summary strong{font-size:.94rem;line-height:1.05;font-weight:950;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.event-detail-screen .p4j0l-fairness-summary em,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-summary em{grid-column:2/3;font-style:normal;color:rgba(7,61,50,.68);font-weight:850;font-size:.68rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.event-detail-screen .p4j0l-fairness-summary b,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-summary b{grid-column:3/4;grid-row:1/3;align-self:center;border-radius:999px;background:#ecf8f2;padding:6px 9px;font-size:.78rem;color:#064535}
.event-detail-screen .p4j0l-fairness-detail,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-detail{padding:0 12px 12px;display:grid;gap:9px}
.event-detail-screen .p4j0l-fairness-belt .p4j0l-fairness-grid,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-belt .p4j0l-fairness-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.event-detail-screen .p4j0l-fairness-belt .p4j0l-fairness-grid span,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-belt .p4j0l-fairness-grid span{padding:8px 6px;border-radius:14px;background:rgba(246,251,248,.92);border:1px solid rgba(6,63,52,.10);text-align:center}
.event-detail-screen .p4j0l-fairness-belt .p4j0l-fairness-grid b,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-belt .p4j0l-fairness-grid b{display:block;font-size:1.02rem;line-height:1;color:#064535}
.event-detail-screen .p4j0l-fairness-belt .p4j0l-fairness-grid small,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-belt .p4j0l-fairness-grid small{display:block;margin-top:3px;font-size:.58rem;font-weight:900;color:rgba(7,61,50,.62)}
.event-detail-screen .p4j0l-fairness-detail p,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-detail p{margin:0;font-size:.78rem;font-weight:850;line-height:1.25;color:#073d32}
.event-detail-screen .p4j0l-fairness-detail>em,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-detail>em{font-style:normal;font-size:.72rem;font-weight:800;color:rgba(7,61,50,.68)}
.event-detail-screen .p4j0l-fairness-warnings,
#p29-tv-root.p4j0ic-root .p4j0l-fairness-warnings{display:grid;gap:5px;font-size:.72rem;font-weight:850;color:#8a4100}
.event-detail-screen .p4j0l1-title-edit{appearance:none;border:1px solid rgba(6,63,52,.14);background:rgba(255,255,255,.86);color:#064535;border-radius:999px;padding:6px 10px;margin-top:6px;font-weight:950;font-size:.72rem;box-shadow:0 8px 18px rgba(6,63,52,.07);cursor:pointer}
.event-detail-screen .p4j0l1-title-edit:active{transform:translateY(1px)}
@media(max-width:430px){.event-detail-screen .p4j0l-fairness-belt .p4j0l-fairness-grid,#p29-tv-root.p4j0ic-root .p4j0l-fairness-belt .p4j0l-fairness-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.event-detail-screen .p4j0l-fairness-summary,#p29-tv-root.p4j0ic-root .p4j0l-fairness-summary{grid-template-columns:auto minmax(0,1fr) auto;padding:9px 10px}.event-detail-screen .p4j0l-fairness-summary strong,#p29-tv-root.p4j0ic-root .p4j0l-fairness-summary strong{font-size:.86rem}.event-detail-screen .p4j0l-fairness-summary em,#p29-tv-root.p4j0ic-root .p4j0l-fairness-summary em{font-size:.62rem}.event-detail-screen .p4j0l-fairness-summary b,#p29-tv-root.p4j0ic-root .p4j0l-fairness-summary b{font-size:.68rem;padding:5px 7px}}
/* Phase 4J0L2 — safe reshuffle action from fairness belt. Scoped only to event detail and fullscreen scoreboard. */
.event-detail-screen .p4j0l2-fairness-actions,
#p29-tv-root.p4j0ic-root .p4j0l2-fairness-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}
.event-detail-screen .p4j0l2-reshuffle-btn,
#p29-tv-root.p4j0ic-root .p4j0l2-reshuffle-btn,
.event-detail-screen .p4j0l2-refresh-btn,
#p29-tv-root.p4j0ic-root .p4j0l2-refresh-btn{appearance:none;border:1px solid rgba(6,63,52,.14);border-radius:999px;padding:8px 13px;font-weight:950;font-size:.72rem;line-height:1.15;background:#075843;color:#fff;box-shadow:0 8px 18px rgba(6,63,52,.10);cursor:pointer;min-height:38px}
.event-detail-screen .p4j0l2-refresh-btn,
#p29-tv-root.p4j0ic-root .p4j0l2-refresh-btn{background:#fff;color:#064535}
.event-detail-screen .p4j0l2-reshuffle-btn:disabled,
#p29-tv-root.p4j0ic-root .p4j0l2-reshuffle-btn:disabled,
.event-detail-screen .p4j0l2-reshuffle-btn[disabled],
#p29-tv-root.p4j0ic-root .p4j0l2-reshuffle-btn[disabled]{opacity:1!important;cursor:not-allowed!important;background:#f4fbf7!important;color:#0a4f3e!important;border-color:rgba(6,63,52,.26)!important;box-shadow:none!important;text-shadow:none!important;filter:none!important}
.event-detail-screen .p4j0l2-reshuffle-btn:disabled *,
#p29-tv-root.p4j0ic-root .p4j0l2-reshuffle-btn:disabled *,
.event-detail-screen .p4j0l2-reshuffle-btn[disabled] *,
#p29-tv-root.p4j0ic-root .p4j0l2-reshuffle-btn[disabled] *{color:#0a4f3e!important}
.event-detail-screen .p4j0l2-fairness-actions small,
#p29-tv-root.p4j0ic-root .p4j0l2-fairness-actions small{flex-basis:100%;font-size:.68rem;font-weight:850;color:rgba(7,61,50,.62)}

/* Phase 4J0L2C — reshuffle button readability and JSON-safety polish. Scoped only to event detail and fullscreen scoreboard. */
.event-detail-screen .p4j0l2-fairness-actions .p4j0l2-reshuffle-btn:not(:disabled),
#p29-tv-root.p4j0ic-root .p4j0l2-fairness-actions .p4j0l2-reshuffle-btn:not(:disabled){background:#075843!important;color:#ffffff!important;border-color:#075843!important;text-shadow:none!important;filter:none!important;opacity:1!important}
.event-detail-screen .p4j0l2-fairness-actions .p4j0l2-reshuffle-btn:not(:disabled) *,
#p29-tv-root.p4j0ic-root .p4j0l2-fairness-actions .p4j0l2-reshuffle-btn:not(:disabled) *{color:#ffffff!important}
.event-detail-screen .p4j0l2-fairness-actions .p4j0l2-reshuffle-btn:disabled,
#p29-tv-root.p4j0ic-root .p4j0l2-fairness-actions .p4j0l2-reshuffle-btn:disabled,
.event-detail-screen .p4j0l2-fairness-actions .p4j0l2-reshuffle-btn[disabled],
#p29-tv-root.p4j0ic-root .p4j0l2-fairness-actions .p4j0l2-reshuffle-btn[disabled]{background:#eef8f3!important;color:#0b4b3b!important;border:1px solid rgba(11,75,59,.32)!important;text-shadow:none!important;filter:none!important;opacity:1!important;box-shadow:none!important}

/* Phase 4J0M — round lock, next round, and score finalization polish. Scoped only to event detail and fullscreen scoreboard. */
.event-detail-screen .p4j0m-finalization-belt,
#p29-tv-root.p4j0ic-root .p4j0m-finalization-belt{margin:8px 0 10px;border:1px solid rgba(6,63,52,.14);border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 8px 22px rgba(6,63,52,.07);padding:10px 11px;color:#073d32;display:grid;gap:8px}
.event-detail-screen .p4j0m-finalization-belt.is-locked,
#p29-tv-root.p4j0ic-root .p4j0m-finalization-belt.is-locked{background:linear-gradient(180deg,#f3fff9,#fff);border-color:rgba(6,88,67,.22)}
.event-detail-screen .p4j0m-finalization-belt.is-ready,
#p29-tv-root.p4j0ic-root .p4j0m-finalization-belt.is-ready{background:linear-gradient(180deg,#fffaf0,#fff);border-color:rgba(184,90,0,.22)}
.event-detail-screen .p4j0m-finalization-belt.needs-score,
#p29-tv-root.p4j0ic-root .p4j0m-finalization-belt.needs-score{background:rgba(255,255,255,.72)}
.event-detail-screen .p4j0m-finalization-head,
#p29-tv-root.p4j0ic-root .p4j0m-finalization-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}
.event-detail-screen .p4j0m-finalization-head>span,
#p29-tv-root.p4j0ic-root .p4j0m-finalization-head>span{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#075843;color:#fff;font-weight:950;font-size:.75rem}
.event-detail-screen .p4j0m-finalization-belt.is-ready .p4j0m-finalization-head>span,
#p29-tv-root.p4j0ic-root .p4j0m-finalization-belt.is-ready .p4j0m-finalization-head>span{background:#b85a00}
.event-detail-screen .p4j0m-finalization-belt.needs-score .p4j0m-finalization-head>span,
#p29-tv-root.p4j0ic-root .p4j0m-finalization-belt.needs-score .p4j0m-finalization-head>span{background:#7b8a84}
.event-detail-screen .p4j0m-finalization-head strong,
#p29-tv-root.p4j0ic-root .p4j0m-finalization-head strong{display:block;font-size:.88rem;font-weight:950;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.event-detail-screen .p4j0m-finalization-head small,
#p29-tv-root.p4j0ic-root .p4j0m-finalization-head small{display:block;margin-top:2px;font-size:.68rem;font-weight:820;line-height:1.18;color:rgba(7,61,50,.68)}
.event-detail-screen .p4j0m-finalization-head>b,
#p29-tv-root.p4j0ic-root .p4j0m-finalization-head>b{border-radius:999px;background:#ecf8f2;color:#064535;padding:5px 8px;font-size:.64rem;text-transform:uppercase;font-weight:950;letter-spacing:.03em}
.event-detail-screen .p4j0m-finalization-ranks,
#p29-tv-root.p4j0ic-root .p4j0m-finalization-ranks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.event-detail-screen .p4j0m-finalization-ranks span,
#p29-tv-root.p4j0ic-root .p4j0m-finalization-ranks span{display:block;border:1px solid rgba(6,63,52,.10);border-radius:13px;background:rgba(246,251,248,.88);padding:7px 8px;min-width:0}
.event-detail-screen .p4j0m-finalization-ranks b,
#p29-tv-root.p4j0ic-root .p4j0m-finalization-ranks b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.72rem;font-weight:950;color:#064535}
.event-detail-screen .p4j0m-finalization-ranks em,
#p29-tv-root.p4j0ic-root .p4j0m-finalization-ranks em{display:block;margin-top:2px;font-style:normal;font-size:.61rem;font-weight:820;color:rgba(7,61,50,.62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.event-detail-screen .p4j0m-next-disabled,
#p29-tv-root.p4j0ic-root .p4j0m-next-disabled{opacity:1!important;background:#eef5f1!important;color:#0b4b3b!important;border-color:rgba(11,75,59,.25)!important;cursor:not-allowed!important;text-shadow:none!important;filter:none!important}
@media(max-width:520px){.event-detail-screen .p4j0m-finalization-ranks,#p29-tv-root.p4j0ic-root .p4j0m-finalization-ranks{grid-template-columns:1fr}.event-detail-screen .p4j0m-finalization-head,#p29-tv-root.p4j0ic-root .p4j0m-finalization-head{grid-template-columns:auto minmax(0,1fr)}.event-detail-screen .p4j0m-finalization-head>b,#p29-tv-root.p4j0ic-root .p4j0m-finalization-head>b{grid-column:2/3;width:max-content}}


/* === public/assets/css/phase-4j0o-first-paint-stabilization.css === */
/* Phase 4J0O — First Paint Performance Stabilization.
   Scoped only to phase boot shell and app page root. No global table/button/admin selector changes. */
@layer components {
  .screen-root.p4j0o-first-paint {
    min-height: 520px;
    contain: layout paint;
  }

  .p4j0o-boot-screen {
    display: grid;
    gap: 14px;
    min-height: 520px;
  }

  .p4j0o-boot-hero,
  .p4j0o-boot-section,
  .p4j0o-boot-card {
    border: 1px solid rgba(148, 163, 184, .18);
    background: linear-gradient(135deg, rgba(6,63,51,.94), rgba(10,95,73,.86));
    border-radius: var(--radius-xl, 24px);
    box-shadow: var(--shadow-soft, 0 16px 40px rgba(15, 23, 42, .08));
    overflow: hidden;
    position: relative;
  }

  .p4j0o-boot-hero {
    min-height: 238px;
    padding: 24px;
  }

  .p4j0o-boot-hero::before,
  .p4j0o-boot-section::before,
  .p4j0o-boot-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, transparent 0%, rgba(255,255,255,.10) 45%, transparent 72%);
    transform: translateX(-100%);
    animation: p4j0oBootShimmer 1.25s ease-in-out infinite;
    pointer-events: none;
  }

  .p4j0o-boot-line,
  .p4j0o-boot-pill,
  .p4j0o-boot-button {
    display: block;
    border-radius: 999px;
    background: rgba(255,255,255,.20);
  }

  .p4j0o-boot-line.kicker { width: 118px; height: 11px; margin-bottom: 18px; }
  .p4j0o-boot-line.title { width: min(72%, 360px); height: 30px; margin-bottom: 12px; }
  .p4j0o-boot-line.subtitle { width: min(88%, 470px); height: 14px; margin-bottom: 24px; }
  .p4j0o-boot-meta { display: grid; gap: 10px; max-width: 360px; margin-bottom: 22px; }
  .p4j0o-boot-meta .p4j0o-boot-line { height: 13px; background: rgba(255,255,255,.16); }
  .p4j0o-boot-actions { display: flex; gap: 10px; flex-wrap: wrap; }
  .p4j0o-boot-button { width: 132px; height: 38px; background: rgba(255,255,255,.22); }
  .p4j0o-boot-button.secondary { width: 112px; background: rgba(255,255,255,.13); }

  .p4j0o-boot-section {
    min-height: 104px;
    background: var(--surface, #fff);
    padding: 18px;
  }
  .p4j0o-boot-section .p4j0o-boot-line { background: rgba(15, 23, 42, .10); }

  .p4j0o-boot-grid {
    display: grid;
    gap: 12px;
  }
  .p4j0o-boot-card {
    min-height: 132px;
    background: var(--surface, #fff);
    padding: 18px;
  }
  .p4j0o-boot-card .p4j0o-boot-line { background: rgba(15, 23, 42, .10); }

  [data-theme="dark"] .p4j0o-boot-section,
  [data-theme="dark"] .p4j0o-boot-card {
    background: rgba(15, 23, 42, .76);
    border-color: rgba(148, 163, 184, .20);
  }
  [data-theme="dark"] .p4j0o-boot-section .p4j0o-boot-line,
  [data-theme="dark"] .p4j0o-boot-card .p4j0o-boot-line { background: rgba(226, 232, 240, .16); }

  .screen.p4j0o-page-stable .hero-focus,
  .screen.p4j0o-page-stable .surface-section:first-child {
    content-visibility: auto;
    contain-intrinsic-size: 260px;
  }

  .screen.p4j0o-page-stable .event-list {
    content-visibility: auto;
    contain-intrinsic-size: 420px;
  }

  @keyframes p4j0oBootShimmer {
    100% { transform: translateX(100%); }
  }

  @media (max-width: 640px) {
    .p4j0o-boot-screen { gap: 12px; min-height: 480px; }
    .p4j0o-boot-hero { min-height: 248px; padding: 20px; }
    .p4j0o-boot-line.title { width: 82%; height: 28px; }
    .p4j0o-boot-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .p4j0o-boot-button { width: 100%; }
  }
}


/* === public/assets/css/phase-4j0p-mobile-bootstrap-page-transition.css === */
/* Phase 4J0P — Mobile Bootstrap And Page Transition Performance.
   Scoped only to screenRoot phase classes and phase boot shell. No protected/global table/button/admin selector changes. */
@layer components {
  .screen-root.p4j0p-bootstrap-active {
    min-height: 520px;
    isolation: isolate;
    contain: layout paint;
  }

  .screen-root .p4j0p-boot-screen {
    min-height: 520px;
    animation: p4j0pBootIn .16s ease-out both;
  }

  .screen-root .p4j0p-boot-hero,
  .screen-root .p4j0p-boot-screen .p4j0o-boot-hero {
    min-height: 248px;
    transform: translateZ(0);
    backface-visibility: hidden;
  }

  .screen-root .p4j0p-boot-screen .p4j0o-boot-section,
  .screen-root .p4j0p-boot-screen .p4j0o-boot-card {
    transform: translateZ(0);
    backface-visibility: hidden;
  }

  .screen-root .p4j0p-boot-screen .p4j0o-boot-hero::before,
  .screen-root .p4j0p-boot-screen .p4j0o-boot-section::before,
  .screen-root .p4j0p-boot-screen .p4j0o-boot-card::before {
    animation-duration: 1.6s;
  }

  .screen-root .p4j0o-page-stable,
  .screen-root .p17-discovery-screen,
  .screen-root .p3i5m-booking,
  .screen-root .p3i5l-booking,
  .screen-root .p3i5k-booking,
  .screen-root .p3i5j-booking {
    animation: p4j0pPageIn .12s ease-out both;
    min-height: 520px;
    transform: translateZ(0);
  }

  .screen-root .p4j0o-page-stable > :first-child,
  .screen-root .p17-discovery-screen > :first-child,
  .screen-root .p3i5m-booking > :first-child,
  .screen-root .p3i5l-booking > :first-child,
  .screen-root .p3i5k-booking > :first-child,
  .screen-root .p3i5j-booking > :first-child {
    min-height: 220px;
  }

  @keyframes p4j0pBootIn {
    from { opacity: .96; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @keyframes p4j0pPageIn {
    from { opacity: .98; transform: translateY(2px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @media (max-width: 640px) {
    .screen-root.p4j0p-bootstrap-active,
    .screen-root .p4j0p-boot-screen,
    .screen-root .p4j0o-page-stable,
    .screen-root .p17-discovery-screen,
    .screen-root .p3i5m-booking,
    .screen-root .p3i5l-booking,
    .screen-root .p3i5k-booking,
    .screen-root .p3i5j-booking {
      min-height: 480px;
    }

    .screen-root .p4j0p-boot-hero,
    .screen-root .p4j0p-boot-screen .p4j0o-boot-hero,
    .screen-root .p4j0o-page-stable > :first-child,
    .screen-root .p17-discovery-screen > :first-child,
    .screen-root .p3i5m-booking > :first-child,
    .screen-root .p3i5l-booking > :first-child,
    .screen-root .p3i5k-booking > :first-child,
    .screen-root .p3i5j-booking > :first-child {
      min-height: 232px;
    }
  }
}


/* === public/assets/css/phase-4j0q-tab-transition-layout-stability.css === */
/* Phase 4J0Q — Tab Transition Debouncing And Layout Stability.
   Scoped only to #screenRoot/.screen-root phase classes. No protected/global table/button/admin selector changes. */
@layer components {
  #screenRoot.p4j0q-stable-tabs,
  .screen-root.p4j0q-stable-tabs {
    min-height: 520px;
    isolation: isolate;
    contain: layout paint;
    scroll-behavior: auto;
  }

  #screenRoot.p4j0q-stable-tabs .screen,
  .screen-root.p4j0q-stable-tabs .screen {
    min-height: calc(100dvh - 150px);
    transform: none !important;
    animation: none !important;
    transition-property: opacity, background-color, border-color, color, box-shadow;
    transition-duration: .08s;
    transition-timing-function: linear;
    backface-visibility: hidden;
  }

  #screenRoot.p4j0q-stable-tabs .p4j0o-page-stable,
  #screenRoot.p4j0q-stable-tabs .p17-discovery-screen,
  #screenRoot.p4j0q-stable-tabs .p3i5m-booking,
  #screenRoot.p4j0q-stable-tabs .p3i5l-booking,
  #screenRoot.p4j0q-stable-tabs .p3i5k-booking,
  #screenRoot.p4j0q-stable-tabs .p3i5j-booking,
  .screen-root.p4j0q-stable-tabs .p4j0o-page-stable,
  .screen-root.p4j0q-stable-tabs .p17-discovery-screen,
  .screen-root.p4j0q-stable-tabs .p3i5m-booking,
  .screen-root.p4j0q-stable-tabs .p3i5l-booking,
  .screen-root.p4j0q-stable-tabs .p3i5k-booking,
  .screen-root.p4j0q-stable-tabs .p3i5j-booking {
    min-height: calc(100dvh - 150px);
    transform: none !important;
    animation: none !important;
    will-change: auto;
  }

  #screenRoot.p4j0q-stable-tabs .p4j0o-page-stable > :first-child,
  #screenRoot.p4j0q-stable-tabs .p17-discovery-screen > :first-child,
  #screenRoot.p4j0q-stable-tabs .p3i5m-booking > :first-child,
  #screenRoot.p4j0q-stable-tabs .p3i5l-booking > :first-child,
  #screenRoot.p4j0q-stable-tabs .p3i5k-booking > :first-child,
  #screenRoot.p4j0q-stable-tabs .p3i5j-booking > :first-child,
  .screen-root.p4j0q-stable-tabs .p4j0o-page-stable > :first-child,
  .screen-root.p4j0q-stable-tabs .p17-discovery-screen > :first-child,
  .screen-root.p4j0q-stable-tabs .p3i5m-booking > :first-child,
  .screen-root.p4j0q-stable-tabs .p3i5l-booking > :first-child,
  .screen-root.p4j0q-stable-tabs .p3i5k-booking > :first-child,
  .screen-root.p4j0q-stable-tabs .p3i5j-booking > :first-child {
    min-height: 220px;
    transform: none !important;
    animation: none !important;
  }

  #screenRoot.p4j0q-switching,
  .screen-root.p4j0q-switching {
    overflow-anchor: none;
  }

  #screenRoot.p4j0q-switching .screen,
  .screen-root.p4j0q-switching .screen {
    opacity: 1;
    transform: none !important;
    animation: none !important;
  }

  @media (max-width: 640px) {
    #screenRoot.p4j0q-stable-tabs,
    .screen-root.p4j0q-stable-tabs,
    #screenRoot.p4j0q-stable-tabs .screen,
    .screen-root.p4j0q-stable-tabs .screen {
      min-height: calc(100dvh - 132px);
    }

    #screenRoot.p4j0q-stable-tabs .p4j0o-page-stable > :first-child,
    #screenRoot.p4j0q-stable-tabs .p17-discovery-screen > :first-child,
    #screenRoot.p4j0q-stable-tabs .p3i5m-booking > :first-child,
    #screenRoot.p4j0q-stable-tabs .p3i5l-booking > :first-child,
    #screenRoot.p4j0q-stable-tabs .p3i5k-booking > :first-child,
    #screenRoot.p4j0q-stable-tabs .p3i5j-booking > :first-child,
    .screen-root.p4j0q-stable-tabs .p4j0o-page-stable > :first-child,
    .screen-root.p4j0q-stable-tabs .p17-discovery-screen > :first-child,
    .screen-root.p4j0q-stable-tabs .p3i5m-booking > :first-child,
    .screen-root.p4j0q-stable-tabs .p3i5l-booking > :first-child,
    .screen-root.p4j0q-stable-tabs .p3i5k-booking > :first-child,
    .screen-root.p4j0q-stable-tabs .p3i5j-booking > :first-child {
      min-height: 220px;
    }
  }
}


/* === public/assets/css/phase-4j0ac-nav-fab-safe-recovery.css === */
/* Phase 4J0AC — Safe Loading Recovery + Bottom Nav/FAB Standard
   Scope: html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell only.
   Purpose: remove bouncy/blinking nav visual regressions without runtime wrappers.
   Protected selectors touched intentionally in scoped bugfix: .bottom-nav, .nav-item, #p3k39c8TennisFabRoot.
*/
@layer components {
  html[data-p4j0ac-nav-fab-recovery="safe"] {
    --p4j0ac-nav-width: min(calc(100vw - 24px), 430px);
    --p4j0ac-nav-height: 64px;
    --p4j0ac-nav-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    --p4j0ac-active-bg: linear-gradient(135deg, #063f33, #08785f);
    --p4j0ac-active-text: #ffffff;
    --p4j0ac-inactive-bg: rgba(255,255,255,.96);
    --p4j0ac-inactive-text: #063f33;
    --p4j0ac-active-line: #b7ff35;
  }

  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav,
  html[data-p4j0ac-nav-fab-recovery="safe"] body[data-p3k39c8-page] .app-shell .bottom-nav,
  html[data-p4j0ac-nav-fab-recovery="safe"] body[data-p3k39c8-page="home"] .app-shell .bottom-nav,
  html[data-p4j0ac-nav-fab-recovery="safe"] body[data-p3k39c8-page="activity"] .app-shell .bottom-nav,
  html[data-p4j0ac-nav-fab-recovery="safe"] body[data-p3k39c8-page="booking"] .app-shell .bottom-nav,
  html[data-p4j0ac-nav-fab-recovery="safe"] body[data-p3k39c8-page="community"] .app-shell .bottom-nav {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: var(--p4j0ac-nav-bottom) !important;
    width: var(--p4j0ac-nav-width) !important;
    min-width: var(--p4j0ac-nav-width) !important;
    max-width: var(--p4j0ac-nav-width) !important;
    height: var(--p4j0ac-nav-height) !important;
    min-height: var(--p4j0ac-nav-height) !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 6px !important;
    margin: 0 !important;
    transform: translate3d(-50%, 0, 0) !important;
    transition: none !important;
    animation: none !important;
    contain: layout paint !important;
    will-change: auto !important;
    box-sizing: border-box !important;
    z-index: 55 !important;
  }

  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-item,
  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-item:hover,
  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-item:active,
  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-item:focus,
  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-item.active,
  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-item.is-active,
  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-item[aria-current="page"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 4px 6px 8px !important;
    border-radius: 14px !important;
    display: grid !important;
    grid-template-rows: 24px 14px !important;
    place-items: center !important;
    justify-content: center !important;
    align-content: center !important;
    gap: 1px !important;
    flex: 0 0 auto !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
  }

  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-item:not(.active):not(.is-active):not([aria-current="page"]) {
    background: var(--p4j0ac-inactive-bg) !important;
    color: var(--p4j0ac-inactive-text) !important;
    border-color: rgba(6,63,51,.08) !important;
    box-shadow: 0 8px 16px rgba(6,63,51,.08) !important;
  }

  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-item.active,
  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-item.is-active,
  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-item[aria-current="page"] {
    background: var(--p4j0ac-active-bg) !important;
    color: var(--p4j0ac-active-text) !important;
    border-color: #063f33 !important;
    box-shadow: 0 10px 18px rgba(6,63,51,.18) !important;
  }

  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-item *,
  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-item.active *,
  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-item.is-active *,
  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-item[aria-current="page"] * {
    transform: none !important;
    transition: none !important;
    animation: none !important;
    color: inherit !important;
  }

  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-item::before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 5px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: transparent !important;
    transform: skewX(-25deg) !important;
    transition: none !important;
    animation: none !important;
  }

  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-item.active::before,
  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-item.is-active::before,
  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-item[aria-current="page"]::before {
    background: var(--p4j0ac-active-line) !important;
  }

  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-icon {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    display: grid !important;
    place-items: center !important;
    line-height: 1 !important;
    font-size: 17px !important;
  }

  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-icon svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
  }

  html[data-p4j0ac-nav-fab-recovery="safe"] .app-shell .bottom-nav .nav-label {
    height: 14px !important;
    line-height: 14px !important;
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10.5px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  html[data-p4j0ac-nav-fab-recovery="safe"] #p3k39c8TennisFabRoot,
  html[data-p4j0ac-nav-fab-recovery="safe"] #p3k39c8TennisFabRoot:not(.is-hidden) {
    position: fixed !important;
    right: max(12px, calc((100vw - min(100vw, 430px))/2 + 12px)) !important;
    bottom: calc(var(--p4j0ac-nav-bottom) + var(--p4j0ac-nav-height) + 8px) !important;
    z-index: 60 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    pointer-events: none !important;
  }

  html[data-p4j0ac-nav-fab-recovery="safe"] #p3k39c8TennisFabRoot .p3k39c8-fab,
  html[data-p4j0ac-nav-fab-recovery="safe"] #p3k39c8TennisFabRoot .p3k39c8-fab:active,
  html[data-p4j0ac-nav-fab-recovery="safe"] #p3k39c8TennisFabRoot.is-open .p3k39c8-fab {
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
}


/* === public/assets/css/phase-4j0ad-fab-rail-position-lock.css === */
/* Phase 4J0AD — Tennis FAB Rail Position Lock
   Purpose: keep the tennis ball visible on the bottom navigation rail without moving page content.
   Scope: html[data-p4j0ad-fab-rail="locked"] #p3k39c8TennisFabRoot only.
   Protected selector touched intentionally as scoped bugfix: #p3k39c8TennisFabRoot.
   Rule: no new FAB JavaScript owner, no MutationObserver, no nav geometry change.
*/
@layer components {
  html[data-p4j0ad-fab-rail="locked"] {
    --p4j0ad-nav-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    --p4j0ad-fab-size: 52px;
    --p4j0ad-fab-right: max(10px, calc((100vw - min(100vw, 430px)) / 2 + 10px));
  }

  html[data-p4j0ad-fab-rail="locked"] #p3k39c8TennisFabRoot,
  html[data-p4j0ad-fab-rail="locked"] #p3k39c8TennisFabRoot:not(.is-hidden) {
    position: fixed !important;
    right: var(--p4j0ad-fab-right) !important;
    bottom: var(--p4j0ad-nav-bottom) !important;
    width: var(--p4j0ad-fab-size) !important;
    height: var(--p4j0ad-fab-size) !important;
    z-index: 2147483000 !important;
    pointer-events: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    contain: layout paint !important;
    will-change: auto !important;
  }

  html[data-p4j0ad-fab-rail="locked"] #p3k39c8TennisFabRoot .p3k39c8-fab {
    width: var(--p4j0ad-fab-size) !important;
    height: var(--p4j0ad-fab-size) !important;
    pointer-events: auto !important;
    transform: none !important;
    transition: filter .14s ease !important;
    animation: none !important;
  }

  html[data-p4j0ad-fab-rail="locked"] #p3k39c8TennisFabRoot .p3k39c8-fab:active,
  html[data-p4j0ad-fab-rail="locked"] #p3k39c8TennisFabRoot.is-open .p3k39c8-fab {
    transform: none !important;
  }

  html[data-p4j0ad-fab-rail="locked"] #p3k39c8TennisFabRoot .p3k39c8-ball,
  html[data-p4j0ad-fab-rail="locked"] #p3k39c8TennisFabRoot .p3k39c8-ball svg {
    width: var(--p4j0ad-fab-size) !important;
    height: var(--p4j0ad-fab-size) !important;
  }

  html[data-p4j0ad-fab-rail="locked"] #p3k39c8TennisFabRoot .p3k39c8-menu {
    right: 0 !important;
    bottom: calc(var(--p4j0ad-fab-size) + 10px) !important;
  }

  html[data-p4j0ad-fab-rail="locked"] body[data-p3k39c8-page="eventDetail"] #p3k39c8TennisFabRoot,
  html[data-p4j0ad-fab-rail="locked"] body.p4e5-event-detail-active #p3k39c8TennisFabRoot,
  html[data-p4j0ad-fab-rail="locked"] body.p4e6-event-detail-active #p3k39c8TennisFabRoot,
  html[data-p4j0ad-fab-rail="locked"] body.p4e8-event-detail-active #p3k39c8TennisFabRoot {
    right: var(--p4j0ad-fab-right) !important;
    bottom: var(--p4j0ad-nav-bottom) !important;
  }

  @media (max-width: 430px) {
    html[data-p4j0ad-fab-rail="locked"] {
      --p4j0ad-fab-size: 50px;
      --p4j0ad-fab-right: max(8px, calc((100vw - min(100vw, 430px)) / 2 + 8px));
      --p4j0ad-nav-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    }
  }
}


/* === public/assets/css/phase-4j0ae-bottom-nav-visual-owner-lock.css === */
/* Phase 4J0AE — Bottom Nav Visual Owner Lock
   Purpose: lock bottom nav geometry and selected visual state without page bounce or blink.
   Scope: html[data-p4j0ae-nav-visual-owner="locked"] .app-shell only.
   Protected selectors touched intentionally in scoped bugfix: .bottom-nav, .nav-item.
   Rule: tennis FAB remains owned by 3K.39C8C; this patch does not create or move FAB owner.
*/
@layer components {
  html[data-p4j0ae-nav-visual-owner="locked"] {
    --p4j0ae-nav-width: min(calc(100vw - 24px), 430px);
    --p4j0ae-nav-height: 64px;
    --p4j0ae-nav-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    --p4j0ae-active-bg: linear-gradient(135deg, #063f33 0%, #08785f 100%);
    --p4j0ae-active-text: #ffffff;
    --p4j0ae-inactive-bg: rgba(255,255,255,.96);
    --p4j0ae-inactive-text: #063f33;
    --p4j0ae-line: #b7ff35;
  }

  html[data-p4j0ae-nav-visual-owner="locked"] .app-shell .bottom-nav,
  html[data-p4j0ae-nav-visual-owner="locked"] body[data-p3k39c8-page] .app-shell .bottom-nav,
  html[data-p4j0ae-nav-visual-owner="locked"] body[data-p3k39c8-page="home"] .app-shell .bottom-nav,
  html[data-p4j0ae-nav-visual-owner="locked"] body[data-p3k39c8-page="activity"] .app-shell .bottom-nav,
  html[data-p4j0ae-nav-visual-owner="locked"] body[data-p3k39c8-page="booking"] .app-shell .bottom-nav,
  html[data-p4j0ae-nav-visual-owner="locked"] body[data-p3k39c8-page="community"] .app-shell .bottom-nav {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: var(--p4j0ae-nav-bottom) !important;
    width: var(--p4j0ae-nav-width) !important;
    min-width: var(--p4j0ae-nav-width) !important;
    max-width: var(--p4j0ae-nav-width) !important;
    height: var(--p4j0ae-nav-height) !important;
    min-height: var(--p4j0ae-nav-height) !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 6px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    transform: translate3d(-50%,0,0) !important;
    transition: none !important;
    animation: none !important;
    contain: layout paint !important;
    z-index: 55 !important;
    background: transparent !important;
  }

  html[data-p4j0ae-nav-visual-owner="locked"] .app-shell .bottom-nav .nav-item,
  html[data-p4j0ae-nav-visual-owner="locked"] .app-shell .bottom-nav .nav-item:hover,
  html[data-p4j0ae-nav-visual-owner="locked"] .app-shell .bottom-nav .nav-item:active,
  html[data-p4j0ae-nav-visual-owner="locked"] .app-shell .bottom-nav .nav-item:focus,
  html[data-p4j0ae-nav-visual-owner="locked"] .app-shell .bottom-nav .nav-item.active,
  html[data-p4j0ae-nav-visual-owner="locked"] .app-shell .bottom-nav .nav-item.is-active,
  html[data-p4j0ae-nav-visual-owner="locked"] .app-shell .bottom-nav .nav-item[aria-current="page"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 4px 6px 8px !important;
    border-radius: 14px !important;
    display: grid !important;
    grid-template-rows: 24px 14px !important;
    place-items: center !important;
    align-content: center !important;
    justify-content: center !important;
    gap: 1px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
  }

  html[data-p4j0ae-nav-visual-owner="locked"] .app-shell .bottom-nav .nav-item {
    background: var(--p4j0ae-inactive-bg) !important;
    color: var(--p4j0ae-inactive-text) !important;
    border-color: rgba(6,63,51,.08) !important;
    box-shadow: 0 8px 16px rgba(6,63,51,.08) !important;
  }

  html[data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="home"] .app-shell .bottom-nav .nav-item[data-page="home"],
  html[data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="activity"] .app-shell .bottom-nav .nav-item[data-page="activity"],
  html[data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="events"] .app-shell .bottom-nav .nav-item[data-page="activity"],
  html[data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="eventDetail"] .app-shell .bottom-nav .nav-item[data-page="activity"],
  html[data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="booking"] .app-shell .bottom-nav .nav-item[data-page="booking"],
  html[data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="community"] .app-shell .bottom-nav .nav-item[data-page="community"],
  html[data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="communityDetail"] .app-shell .bottom-nav .nav-item[data-page="community"] {
    background: var(--p4j0ae-active-bg) !important;
    color: var(--p4j0ae-active-text) !important;
    border-color: #063f33 !important;
    box-shadow: 0 10px 18px rgba(6,63,51,.18) !important;
  }

  html[data-p4j0ae-nav-visual-owner="locked"] .app-shell .bottom-nav .nav-item *,
  html[data-p4j0ae-nav-visual-owner="locked"] .app-shell .bottom-nav .nav-icon,
  html[data-p4j0ae-nav-visual-owner="locked"] .app-shell .bottom-nav .nav-label {
    transform: none !important;
    transition: none !important;
    animation: none !important;
    color: inherit !important;
  }

  html[data-p4j0ae-nav-visual-owner="locked"] .app-shell .bottom-nav .nav-item::before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 5px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: transparent !important;
    transform: skewX(-25deg) !important;
    transition: none !important;
    animation: none !important;
  }

  html[data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="home"] .app-shell .bottom-nav .nav-item[data-page="home"]::before,
  html[data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="activity"] .app-shell .bottom-nav .nav-item[data-page="activity"]::before,
  html[data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="events"] .app-shell .bottom-nav .nav-item[data-page="activity"]::before,
  html[data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="eventDetail"] .app-shell .bottom-nav .nav-item[data-page="activity"]::before,
  html[data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="booking"] .app-shell .bottom-nav .nav-item[data-page="booking"]::before,
  html[data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="community"] .app-shell .bottom-nav .nav-item[data-page="community"]::before,
  html[data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="communityDetail"] .app-shell .bottom-nav .nav-item[data-page="community"]::before {
    background: var(--p4j0ae-line) !important;
  }

  html[data-p4j0ae-nav-visual-owner="locked"] .app-shell .bottom-nav .nav-icon {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    display: grid !important;
    place-items: center !important;
    line-height: 1 !important;
    font-size: 17px !important;
  }

  html[data-p4j0ae-nav-visual-owner="locked"] .app-shell .bottom-nav .nav-label {
    height: 14px !important;
    line-height: 14px !important;
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10.5px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  html[data-theme="dark"][data-p4j0ae-nav-visual-owner="locked"] .app-shell .bottom-nav .nav-item {
    background: rgba(13,33,27,.96) !important;
    color: #f8fff9 !important;
    border-color: rgba(183,255,53,.16) !important;
  }

  html[data-theme="dark"][data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="home"] .app-shell .bottom-nav .nav-item[data-page="home"],
  html[data-theme="dark"][data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="activity"] .app-shell .bottom-nav .nav-item[data-page="activity"],
  html[data-theme="dark"][data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="events"] .app-shell .bottom-nav .nav-item[data-page="activity"],
  html[data-theme="dark"][data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="eventDetail"] .app-shell .bottom-nav .nav-item[data-page="activity"],
  html[data-theme="dark"][data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="booking"] .app-shell .bottom-nav .nav-item[data-page="booking"],
  html[data-theme="dark"][data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="community"] .app-shell .bottom-nav .nav-item[data-page="community"],
  html[data-theme="dark"][data-p4j0ae-nav-visual-owner="locked"][data-p4j0ae-current-page="communityDetail"] .app-shell .bottom-nav .nav-item[data-page="community"] {
    background: var(--p4j0ae-active-bg) !important;
    color: #ffffff !important;
  }
}


/* === public/assets/css/phase-4j0af-fab-click-nav-stability.css === */
/* Phase 4J0AF — FAB Click And Bottom Nav Stability
   Purpose: fix tennis FAB click/open layer without adding new owner and keep bottom nav fixed.
   Scope: html[data-p4j0af-fab-click-nav="stable"] only.
   Protected selectors touched intentionally as scoped bugfix: .bottom-nav, .nav-item, #p3k39c8TennisFabRoot.
*/
@layer components {
  html[data-p4j0af-fab-click-nav="stable"] {
    --p4j0af-nav-width: min(calc(100vw - 24px), 430px);
    --p4j0af-nav-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    --p4j0af-fab-size: 52px;
    --p4j0af-fab-right: max(10px, calc((100vw - min(100vw, 430px)) / 2 + 10px));
  }

  html[data-p4j0af-fab-click-nav="stable"] .app-shell .bottom-nav {
    width: var(--p4j0af-nav-width) !important;
    min-width: var(--p4j0af-nav-width) !important;
    max-width: var(--p4j0af-nav-width) !important;
    padding-right: 6px !important;
    transition: none !important;
    animation: none !important;
    transform: translate3d(-50%,0,0) !important;
    will-change: auto !important;
  }

  html[data-p4j0af-fab-click-nav="stable"] body[data-p3k39c8-page="home"] .app-shell .bottom-nav,
  html[data-p4j0af-fab-click-nav="stable"] body[data-p3k39c8-page="activity"] .app-shell .bottom-nav,
  html[data-p4j0af-fab-click-nav="stable"] body[data-p3k39c8-page="booking"] .app-shell .bottom-nav,
  html[data-p4j0af-fab-click-nav="stable"] body[data-p3k39c8-page="community"] .app-shell .bottom-nav,
  html[data-p4j0af-fab-click-nav="stable"] body[data-p3k39c8-page="communityDetail"] .app-shell .bottom-nav {
    padding-right: 6px !important;
  }

  html[data-p4j0af-fab-click-nav="stable"] .app-shell .bottom-nav .nav-item,
  html[data-p4j0af-fab-click-nav="stable"] .app-shell .bottom-nav .nav-item.active,
  html[data-p4j0af-fab-click-nav="stable"] .app-shell .bottom-nav .nav-item.is-active,
  html[data-p4j0af-fab-click-nav="stable"] .app-shell .bottom-nav .nav-item[aria-current="page"] {
    transform: none !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  html[data-p4j0af-fab-click-nav="stable"] #p3k39c8TennisFabRoot,
  html[data-p4j0af-fab-click-nav="stable"] #p3k39c8TennisFabRoot:not(.is-hidden) {
    position: fixed !important;
    right: var(--p4j0af-fab-right) !important;
    bottom: var(--p4j0af-nav-bottom) !important;
    width: var(--p4j0af-fab-size) !important;
    height: var(--p4j0af-fab-size) !important;
    z-index: 2147483000 !important;
    pointer-events: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    contain: none !important;
  }

  html[data-p4j0af-fab-click-nav="stable"] #p3k39c8TennisFabRoot .p3k39c8-fab,
  html[data-p4j0af-fab-click-nav="stable"] #p3k39c8TennisFabButton {
    pointer-events: auto !important;
    width: var(--p4j0af-fab-size) !important;
    height: var(--p4j0af-fab-size) !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  html[data-p4j0af-fab-click-nav="stable"] #p3k39c8TennisFabRoot .p3k39c8-ball,
  html[data-p4j0af-fab-click-nav="stable"] #p3k39c8TennisFabRoot .p3k39c8-ball svg {
    width: var(--p4j0af-fab-size) !important;
    height: var(--p4j0af-fab-size) !important;
  }

  html[data-p4j0af-fab-click-nav="stable"] #p3k39c8TennisFabRoot .p3k39c8-menu {
    right: 0 !important;
    bottom: calc(var(--p4j0af-fab-size) + 10px) !important;
    z-index: 2147483001 !important;
  }

  html[data-p4j0af-fab-click-nav="stable"] #p3k39c8TennisFabRoot.is-open .p3k39c8-menu,
  html[data-p4j0af-fab-click-nav="stable"] #p3k39c8TennisFabRoot.is-open .p3k39c8-item {
    pointer-events: auto !important;
  }

  html[data-p4j0af-fab-click-nav="stable"] #p3k39c8TennisFabRoot.is-open .p3k39c8-fab,
  html[data-p4j0af-fab-click-nav="stable"] #p3k39c8TennisFabRoot .p3k39c8-fab:active {
    transform: none !important;
  }

  @media (max-width: 430px) {
    html[data-p4j0af-fab-click-nav="stable"] {
      --p4j0af-fab-size: 50px;
      --p4j0af-fab-right: max(8px, calc((100vw - min(100vw, 430px)) / 2 + 8px));
      --p4j0af-nav-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    }
  }
}


/* === public/assets/css/phase-4j0ag-compact-nav-menu-lock.css === */
/* Phase 4J0AG — Compact FAB Menu And Bottom Nav Comfort Lock
   Purpose: keep FAB quick action menu compact and keep bottom nav geometry comfortable without reintroducing bounce.
   Scope: html[data-p4j0ag-compact-nav-menu="locked"] only.
   Protected selectors touched intentionally as scoped bugfix: .bottom-nav, .nav-item, #p3k39c8TennisFabRoot.
   Rule: no new FAB runtime owner, no mutation observer, no navigate wrapper.
*/
@layer components {
  html[data-p4j0ag-compact-nav-menu="locked"] {
    --p4j0ag-nav-width: min(calc(100vw - 30px), 392px);
    --p4j0ag-nav-height: 62px;
    --p4j0ag-nav-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    --p4j0ag-nav-gap: 6px;
    --p4j0ag-fab-size: 52px;
    --p4j0ag-fab-menu-width: 122px;
    --p4j0ag-fab-menu-height: 38px;
  }

  html[data-p4j0ag-compact-nav-menu="locked"] .app-shell .bottom-nav,
  html[data-p4j0ag-compact-nav-menu="locked"] body[data-p3k39c8-page] .app-shell .bottom-nav {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: var(--p4j0ag-nav-bottom) !important;
    width: var(--p4j0ag-nav-width) !important;
    min-width: var(--p4j0ag-nav-width) !important;
    max-width: var(--p4j0ag-nav-width) !important;
    height: var(--p4j0ag-nav-height) !important;
    min-height: var(--p4j0ag-nav-height) !important;
    max-height: var(--p4j0ag-nav-height) !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: var(--p4j0ag-nav-gap) !important;
    padding: 6px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    transform: translate3d(-50%,0,0) !important;
    transition: none !important;
    animation: none !important;
    z-index: 55 !important;
    background: transparent !important;
    contain: layout paint !important;
  }

  html[data-p4j0ag-compact-nav-menu="locked"] .app-shell .bottom-nav .nav-item,
  html[data-p4j0ag-compact-nav-menu="locked"] .app-shell .bottom-nav .nav-item:hover,
  html[data-p4j0ag-compact-nav-menu="locked"] .app-shell .bottom-nav .nav-item:active,
  html[data-p4j0ag-compact-nav-menu="locked"] .app-shell .bottom-nav .nav-item:focus,
  html[data-p4j0ag-compact-nav-menu="locked"] .app-shell .bottom-nav .nav-item.active,
  html[data-p4j0ag-compact-nav-menu="locked"] .app-shell .bottom-nav .nav-item.is-active,
  html[data-p4j0ag-compact-nav-menu="locked"] .app-shell .bottom-nav .nav-item[aria-current="page"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    padding: 4px 5px 8px !important;
    border-radius: 13px !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
  }

  html[data-p4j0ag-compact-nav-menu="locked"] .app-shell .bottom-nav .nav-icon {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    font-size: 16px !important;
    line-height: 1 !important;
    display: grid !important;
    place-items: center !important;
    transform: none !important;
    transition: none !important;
  }

  html[data-p4j0ag-compact-nav-menu="locked"] .app-shell .bottom-nav .nav-label {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 13px !important;
    line-height: 13px !important;
    font-size: 10px !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transform: none !important;
    transition: none !important;
  }

  html[data-p4j0ag-compact-nav-menu="locked"] #p3k39c8TennisFabRoot,
  html[data-p4j0ag-compact-nav-menu="locked"] #p3k39c8TennisFabRoot:not(.is-hidden) {
    --p3k39c8-size: var(--p4j0ag-fab-size) !important;
    width: var(--p4j0ag-fab-size) !important;
    height: var(--p4j0ag-fab-size) !important;
    z-index: 2147483000 !important;
  }

  html[data-p4j0ag-compact-nav-menu="locked"] #p3k39c8TennisFabRoot .p3k39c8-menu {
    right: 0 !important;
    bottom: calc(var(--p4j0ag-fab-size) + 8px) !important;
    width: var(--p4j0ag-fab-menu-width) !important;
    height: 0 !important;
    pointer-events: none !important;
    z-index: 2147483001 !important;
  }

  html[data-p4j0ag-compact-nav-menu="locked"] #p3k39c8TennisFabRoot .p3k39c8-item {
    min-width: 0 !important;
    width: var(--p4j0ag-fab-menu-width) !important;
    max-width: var(--p4j0ag-fab-menu-width) !important;
    height: var(--p4j0ag-fab-menu-height) !important;
    min-height: var(--p4j0ag-fab-menu-height) !important;
    max-height: var(--p4j0ag-fab-menu-height) !important;
    padding: 5px 9px 5px 6px !important;
    gap: 6px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
    transform: translate(0,0) scale(.92) !important;
    transition: opacity .14s ease, transform .18s ease !important;
  }

  html[data-p4j0ag-compact-nav-menu="locked"] #p3k39c8TennisFabRoot.is-open .p3k39c8-item {
    transform: translate(var(--x), var(--y)) scale(1) !important;
  }

  html[data-p4j0ag-compact-nav-menu="locked"] #p3k39c8TennisFabRoot .p3k39c8-icon {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    flex: 0 0 26px !important;
  }

  html[data-p4j0ag-compact-nav-menu="locked"] #p3k39c8TennisFabRoot .p3k39c8-icon svg {
    width: 15px !important;
    height: 15px !important;
  }

  @media (max-width: 390px) {
    html[data-p4j0ag-compact-nav-menu="locked"] {
      --p4j0ag-nav-width: min(calc(100vw - 22px), 372px);
      --p4j0ag-fab-size: 50px;
      --p4j0ag-fab-menu-width: 116px;
    }
  }

  @media (min-width: 760px) {
    html[data-p4j0ag-compact-nav-menu="locked"] {
      --p4j0ag-nav-width: 392px;
      --p4j0ag-fab-menu-width: 116px;
    }
  }
}


/* === public/assets/css/phase-4j0ah-bottom-nav-width-lock-fab-menu-compact-final.css === */
/* Phase 4J0AH — Bottom Nav Width Lock And FAB Menu Compact Final
   Purpose: final compact width lock for bottom navigation and quick action menu without touching page transition.
   Scope: html[data-p4j0ah-nav-menu-compact="locked"] only.
   Protected selectors touched intentionally as scoped bugfix: .bottom-nav, .nav-item, #p3k39c8TennisFabRoot.
   Rules: no MutationObserver, no navigate wrapper, no new FAB owner. Existing owner remains fab-global-rollout-page-safe-rules-3k39c8c.js and #p3k39c8TennisFabRoot.
*/
@layer components {
  html[data-p4j0ah-nav-menu-compact="locked"] {
    --p4j0ah-nav-width: min(calc(100vw - 52px), 340px);
    --p4j0ah-nav-height: 56px;
    --p4j0ah-nav-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    --p4j0ah-nav-gap: 4px;
    --p4j0ah-nav-pad: 5px;
    --p4j0ah-nav-item-height: 46px;
    --p4j0ah-nav-radius: 13px;
    --p4j0ah-nav-icon: 18px;
    --p4j0ah-nav-label: 9px;
    --p4j0ah-active-bg: linear-gradient(135deg, #063f33 0%, #08785f 100%);
    --p4j0ah-active-text: #ffffff;
    --p4j0ah-inactive-bg: rgba(255,255,255,.96);
    --p4j0ah-inactive-text: #063f33;
    --p4j0ah-active-ring: rgba(183,255,53,.88);
    --p4j0ah-fab-size: 48px;
    --p4j0ah-fab-menu-width: 108px;
    --p4j0ah-fab-menu-height: 34px;
    --p4j0ah-fab-menu-step: 39px;
  }

  html[data-p4j0ah-nav-menu-compact="locked"] .app-shell .bottom-nav,
  html[data-p4j0ah-nav-menu-compact="locked"] body[data-p3k39c8-page] .app-shell .bottom-nav {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: var(--p4j0ah-nav-bottom) !important;
    width: var(--p4j0ah-nav-width) !important;
    min-width: var(--p4j0ah-nav-width) !important;
    max-width: var(--p4j0ah-nav-width) !important;
    height: var(--p4j0ah-nav-height) !important;
    min-height: var(--p4j0ah-nav-height) !important;
    max-height: var(--p4j0ah-nav-height) !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    gap: var(--p4j0ah-nav-gap) !important;
    padding: var(--p4j0ah-nav-pad) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    transform: translate3d(-50%,0,0) !important;
    transition: none !important;
    animation: none !important;
    z-index: 55 !important;
    contain: layout paint !important;
    background: transparent !important;
    overflow: visible !important;
  }

  html[data-p4j0ah-nav-menu-compact="locked"] .app-shell .bottom-nav .nav-item,
  html[data-p4j0ah-nav-menu-compact="locked"] .app-shell .bottom-nav .nav-item:hover,
  html[data-p4j0ah-nav-menu-compact="locked"] .app-shell .bottom-nav .nav-item:active,
  html[data-p4j0ah-nav-menu-compact="locked"] .app-shell .bottom-nav .nav-item:focus,
  html[data-p4j0ah-nav-menu-compact="locked"] .app-shell .bottom-nav .nav-item.active,
  html[data-p4j0ah-nav-menu-compact="locked"] .app-shell .bottom-nav .nav-item.is-active,
  html[data-p4j0ah-nav-menu-compact="locked"] .app-shell .bottom-nav .nav-item[aria-current="page"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: var(--p4j0ah-nav-item-height) !important;
    min-height: var(--p4j0ah-nav-item-height) !important;
    max-height: var(--p4j0ah-nav-item-height) !important;
    padding: 3px 4px 6px !important;
    border-radius: var(--p4j0ah-nav-radius) !important;
    display: grid !important;
    grid-template-rows: 21px 12px !important;
    place-items: center !important;
    align-content: center !important;
    justify-content: center !important;
    gap: 1px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  html[data-p4j0ah-nav-menu-compact="locked"] .app-shell .bottom-nav .nav-item:not(.active):not(.is-active):not([aria-current="page"]) {
    background: var(--p4j0ah-inactive-bg) !important;
    color: var(--p4j0ah-inactive-text) !important;
  }

  html[data-p4j0ah-nav-menu-compact="locked"] .app-shell .bottom-nav .nav-item.active,
  html[data-p4j0ah-nav-menu-compact="locked"] .app-shell .bottom-nav .nav-item.is-active,
  html[data-p4j0ah-nav-menu-compact="locked"] .app-shell .bottom-nav .nav-item[aria-current="page"],
  html[data-p4j0ah-nav-menu-compact="locked"][data-p4j0ae-current-page="home"] .app-shell .bottom-nav .nav-item[data-page="home"],
  html[data-p4j0ah-nav-menu-compact="locked"][data-p4j0ae-current-page="activity"] .app-shell .bottom-nav .nav-item[data-page="activity"],
  html[data-p4j0ah-nav-menu-compact="locked"][data-p4j0ae-current-page="events"] .app-shell .bottom-nav .nav-item[data-page="activity"],
  html[data-p4j0ah-nav-menu-compact="locked"][data-p4j0ae-current-page="eventDetail"] .app-shell .bottom-nav .nav-item[data-page="activity"],
  html[data-p4j0ah-nav-menu-compact="locked"][data-p4j0ae-current-page="booking"] .app-shell .bottom-nav .nav-item[data-page="booking"],
  html[data-p4j0ah-nav-menu-compact="locked"][data-p4j0ae-current-page="community"] .app-shell .bottom-nav .nav-item[data-page="community"],
  html[data-p4j0ah-nav-menu-compact="locked"][data-p4j0ae-current-page="communityDetail"] .app-shell .bottom-nav .nav-item[data-page="community"] {
    background: var(--p4j0ah-active-bg) !important;
    color: var(--p4j0ah-active-text) !important;
    box-shadow: inset 0 0 0 1px var(--p4j0ah-active-ring), 0 8px 18px rgba(6,63,51,.18) !important;
  }

  html[data-p4j0ah-nav-menu-compact="locked"] .app-shell .bottom-nav .nav-item::before {
    height: 2px !important;
    top: 3px !important;
    width: 18px !important;
    border-radius: 99px !important;
  }

  html[data-p4j0ah-nav-menu-compact="locked"] .app-shell .bottom-nav .nav-icon {
    width: var(--p4j0ah-nav-icon) !important;
    height: var(--p4j0ah-nav-icon) !important;
    min-width: var(--p4j0ah-nav-icon) !important;
    min-height: var(--p4j0ah-nav-icon) !important;
    font-size: 15px !important;
    line-height: 1 !important;
    display: grid !important;
    place-items: center !important;
    transform: none !important;
    transition: none !important;
  }

  html[data-p4j0ah-nav-menu-compact="locked"] .app-shell .bottom-nav .nav-label {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 11px !important;
    line-height: 11px !important;
    font-size: var(--p4j0ah-nav-label) !important;
    font-weight: 800 !important;
    letter-spacing: -.01em !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transform: none !important;
    transition: none !important;
  }

  html[data-theme="dark"][data-p4j0ah-nav-menu-compact="locked"] .app-shell .bottom-nav .nav-item:not(.active):not(.is-active):not([aria-current="page"]) {
    background: rgba(7,28,25,.94) !important;
    color: #dfffee !important;
    box-shadow: inset 0 0 0 1px rgba(183,255,53,.16), 0 10px 24px rgba(0,0,0,.22) !important;
  }

  html[data-p4j0ah-nav-menu-compact="locked"] #p3k39c8TennisFabRoot,
  html[data-p4j0ah-nav-menu-compact="locked"] #p3k39c8TennisFabRoot:not(.is-hidden) {
    --p3k39c8-size: var(--p4j0ah-fab-size) !important;
    width: var(--p4j0ah-fab-size) !important;
    height: var(--p4j0ah-fab-size) !important;
    z-index: 2147483000 !important;
  }

  html[data-p4j0ah-nav-menu-compact="locked"] #p3k39c8TennisFabRoot .p3k39c8-fab,
  html[data-p4j0ah-nav-menu-compact="locked"] #p3k39c8TennisFabRoot .p3k39c8-ball,
  html[data-p4j0ah-nav-menu-compact="locked"] #p3k39c8TennisFabRoot .p3k39c8-ball svg {
    width: var(--p4j0ah-fab-size) !important;
    height: var(--p4j0ah-fab-size) !important;
  }

  html[data-p4j0ah-nav-menu-compact="locked"] #p3k39c8TennisFabRoot .p3k39c8-menu {
    right: 0 !important;
    bottom: calc(var(--p4j0ah-fab-size) + 7px) !important;
    width: var(--p4j0ah-fab-menu-width) !important;
    height: 0 !important;
    pointer-events: none !important;
    z-index: 2147483001 !important;
  }

  html[data-p4j0ah-nav-menu-compact="locked"] #p3k39c8TennisFabRoot .p3k39c8-item {
    min-width: 0 !important;
    width: var(--p4j0ah-fab-menu-width) !important;
    max-width: var(--p4j0ah-fab-menu-width) !important;
    height: var(--p4j0ah-fab-menu-height) !important;
    min-height: var(--p4j0ah-fab-menu-height) !important;
    max-height: var(--p4j0ah-fab-menu-height) !important;
    padding: 4px 8px 4px 5px !important;
    gap: 5px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
    transform: translate(0,0) scale(.9) !important;
    transition: opacity .14s ease, transform .16s ease !important;
  }

  html[data-p4j0ah-nav-menu-compact="locked"] #p3k39c8TennisFabRoot.is-open .p3k39c8-item {
    transform: translate(var(--x), calc(var(--i) * var(--p4j0ah-fab-menu-step) * -1)) scale(1) !important;
  }

  html[data-p4j0ah-nav-menu-compact="locked"] #p3k39c8TennisFabRoot .p3k39c8-icon {
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
    flex: 0 0 23px !important;
  }

  html[data-p4j0ah-nav-menu-compact="locked"] #p3k39c8TennisFabRoot .p3k39c8-icon svg {
    width: 13px !important;
    height: 13px !important;
  }

  html[data-p4j0ah-nav-menu-compact="locked"] #p3k39c8TennisFabRoot .p3k39c8-item span:last-child {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  @media (max-width: 360px) {
    html[data-p4j0ah-nav-menu-compact="locked"] {
      --p4j0ah-nav-width: min(calc(100vw - 34px), 326px);
      --p4j0ah-nav-height: 54px;
      --p4j0ah-nav-item-height: 44px;
      --p4j0ah-nav-label: 8px;
      --p4j0ah-fab-size: 46px;
      --p4j0ah-fab-menu-width: 102px;
      --p4j0ah-fab-menu-height: 32px;
      --p4j0ah-fab-menu-step: 36px;
    }
  }

  @media (min-width: 520px) {
    html[data-p4j0ah-nav-menu-compact="locked"] {
      --p4j0ah-nav-width: 336px;
      --p4j0ah-fab-menu-width: 106px;
    }
  }
}


/* === public/assets/css/phase-4j0ai-bottom-nav-left-dock-fab-menu-compact-final.css === */
/* Phase 4J0AI — Bottom Nav Left Dock And FAB Menu Compact Final
   Purpose: dock the already-compact bottom navigation to the app shell left edge so it no longer visually fights the tennis FAB.
   Scope: html[data-p4j0ai-nav-left-dock="locked"] only.
   Protected selectors touched intentionally only through scoped override: .bottom-nav, .nav-item, #p3k39c8TennisFabRoot.
   Rules: no MutationObserver, no navigate wrapper, no new FAB owner. Existing owner remains fab-global-rollout-page-safe-rules-3k39c8c.js and #p3k39c8TennisFabRoot.
*/
@layer components {
  html[data-p4j0ai-nav-left-dock="locked"] {
    --p4j0ai-shell-max: 430px;
    --p4j0ai-shell-gutter: 10px;
    --p4j0ai-nav-width: min(calc(100vw - 92px), 316px);
    --p4j0ai-nav-height: 54px;
    --p4j0ai-nav-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    --p4j0ai-nav-gap: 4px;
    --p4j0ai-nav-pad: 4px;
    --p4j0ai-nav-item-height: 44px;
    --p4j0ai-nav-radius: 13px;
    --p4j0ai-nav-icon: 17px;
    --p4j0ai-nav-label: 8.5px;
    --p4j0ai-fab-menu-width: 102px;
    --p4j0ai-fab-menu-height: 32px;
    --p4j0ai-fab-menu-step: 36px;
  }

  html[data-p4j0ai-nav-left-dock="locked"] .app-shell .bottom-nav,
  html[data-p4j0ai-nav-left-dock="locked"] body[data-p3k39c8-page] .app-shell .bottom-nav {
    left: max(var(--p4j0ai-shell-gutter), calc((100vw - var(--p4j0ai-shell-max)) / 2 + var(--p4j0ai-shell-gutter))) !important;
    right: auto !important;
    bottom: var(--p4j0ai-nav-bottom) !important;
    width: var(--p4j0ai-nav-width) !important;
    min-width: var(--p4j0ai-nav-width) !important;
    max-width: var(--p4j0ai-nav-width) !important;
    height: var(--p4j0ai-nav-height) !important;
    min-height: var(--p4j0ai-nav-height) !important;
    max-height: var(--p4j0ai-nav-height) !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: var(--p4j0ai-nav-gap) !important;
    padding: var(--p4j0ai-nav-pad) !important;
    transform: translate3d(0,0,0) !important;
    translate: none !important;
    scale: 1 !important;
    transition: none !important;
    animation: none !important;
    contain: layout paint !important;
  }

  html[data-p4j0ai-nav-left-dock="locked"] .app-shell .bottom-nav .nav-item,
  html[data-p4j0ai-nav-left-dock="locked"] .app-shell .bottom-nav .nav-item:hover,
  html[data-p4j0ai-nav-left-dock="locked"] .app-shell .bottom-nav .nav-item:active,
  html[data-p4j0ai-nav-left-dock="locked"] .app-shell .bottom-nav .nav-item:focus,
  html[data-p4j0ai-nav-left-dock="locked"] .app-shell .bottom-nav .nav-item.active,
  html[data-p4j0ai-nav-left-dock="locked"] .app-shell .bottom-nav .nav-item.is-active,
  html[data-p4j0ai-nav-left-dock="locked"] .app-shell .bottom-nav .nav-item[aria-current="page"] {
    height: var(--p4j0ai-nav-item-height) !important;
    min-height: var(--p4j0ai-nav-item-height) !important;
    max-height: var(--p4j0ai-nav-item-height) !important;
    padding: 3px 3px 5px !important;
    border-radius: var(--p4j0ai-nav-radius) !important;
    grid-template-rows: 20px 11px !important;
    gap: 1px !important;
  }

  html[data-p4j0ai-nav-left-dock="locked"] .app-shell .bottom-nav .nav-icon {
    width: var(--p4j0ai-nav-icon) !important;
    height: var(--p4j0ai-nav-icon) !important;
    min-width: var(--p4j0ai-nav-icon) !important;
    min-height: var(--p4j0ai-nav-icon) !important;
    font-size: 14px !important;
  }

  html[data-p4j0ai-nav-left-dock="locked"] .app-shell .bottom-nav .nav-label {
    height: 10px !important;
    line-height: 10px !important;
    font-size: var(--p4j0ai-nav-label) !important;
    font-weight: 850 !important;
  }

  html[data-p4j0ai-nav-left-dock="locked"] #p3k39c8TennisFabRoot .p3k39c8-menu {
    width: var(--p4j0ai-fab-menu-width) !important;
    bottom: 53px !important;
  }

  html[data-p4j0ai-nav-left-dock="locked"] #p3k39c8TennisFabRoot .p3k39c8-item {
    width: var(--p4j0ai-fab-menu-width) !important;
    max-width: var(--p4j0ai-fab-menu-width) !important;
    height: var(--p4j0ai-fab-menu-height) !important;
    min-height: var(--p4j0ai-fab-menu-height) !important;
    max-height: var(--p4j0ai-fab-menu-height) !important;
    padding: 4px 7px 4px 5px !important;
    gap: 5px !important;
    font-size: 9.5px !important;
  }

  html[data-p4j0ai-nav-left-dock="locked"] #p3k39c8TennisFabRoot.is-open .p3k39c8-item {
    transform: translate(var(--x), calc(var(--i) * var(--p4j0ai-fab-menu-step) * -1)) scale(1) !important;
  }

  html[data-p4j0ai-nav-left-dock="locked"] #p3k39c8TennisFabRoot .p3k39c8-icon {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    flex-basis: 22px !important;
  }

  @media (max-width: 360px) {
    html[data-p4j0ai-nav-left-dock="locked"] {
      --p4j0ai-shell-gutter: 8px;
      --p4j0ai-nav-width: min(calc(100vw - 82px), 304px);
      --p4j0ai-nav-height: 52px;
      --p4j0ai-nav-item-height: 42px;
      --p4j0ai-nav-label: 8px;
      --p4j0ai-fab-menu-width: 98px;
      --p4j0ai-fab-menu-height: 31px;
      --p4j0ai-fab-menu-step: 34px;
    }
  }

  @media (min-width: 520px) {
    html[data-p4j0ai-nav-left-dock="locked"] {
      --p4j0ai-nav-width: 314px;
      --p4j0ai-shell-gutter: 12px;
    }
  }
}


/* === public/assets/css/phase-4j0aj-nav-fab-balance-final.css === */
/* Phase 4J0AJ — Bottom Nav And Tennis FAB Balance Final
   Purpose: keep 4J0AI left dock, reduce visual heaviness, enlarge tennis FAB slightly, and close the empty gap between nav and FAB.
   Scope: html[data-p4j0aj-nav-fab-balance="locked"] only.
   Protected selectors touched intentionally only through scoped override: .bottom-nav, .nav-item, #p3k39c8TennisFabRoot.
   Rules: no MutationObserver, no navigate wrapper, no new FAB owner. Existing owner remains fab-global-rollout-page-safe-rules-3k39c8c.js and #p3k39c8TennisFabRoot.
*/
@layer components {
  html[data-p4j0aj-nav-fab-balance="locked"] {
    --p4j0aj-shell-max: 430px;
    --p4j0aj-shell-gutter: 10px;
    --p4j0aj-nav-width: min(calc(100vw - 72px), 330px);
    --p4j0aj-nav-height: 50px;
    --p4j0aj-nav-bottom: calc(9px + env(safe-area-inset-bottom, 0px));
    --p4j0aj-nav-gap: 5px;
    --p4j0aj-nav-pad: 4px;
    --p4j0aj-nav-item-height: 42px;
    --p4j0aj-nav-radius: 13px;
    --p4j0aj-nav-icon: 16px;
    --p4j0aj-nav-label: 8.25px;
    --p4j0aj-fab-size: 58px;
    --p4j0aj-fab-right: max(10px, calc((100vw - min(100vw, var(--p4j0aj-shell-max))) / 2 + 10px));
    --p4j0aj-fab-menu-width: 98px;
    --p4j0aj-fab-menu-height: 31px;
    --p4j0aj-fab-menu-step: 34px;
  }

  html[data-p4j0aj-nav-fab-balance="locked"] .app-shell .bottom-nav,
  html[data-p4j0aj-nav-fab-balance="locked"] body[data-p3k39c8-page] .app-shell .bottom-nav {
    left: max(var(--p4j0aj-shell-gutter), calc((100vw - var(--p4j0aj-shell-max)) / 2 + var(--p4j0aj-shell-gutter))) !important;
    right: auto !important;
    bottom: var(--p4j0aj-nav-bottom) !important;
    width: var(--p4j0aj-nav-width) !important;
    min-width: var(--p4j0aj-nav-width) !important;
    max-width: var(--p4j0aj-nav-width) !important;
    height: var(--p4j0aj-nav-height) !important;
    min-height: var(--p4j0aj-nav-height) !important;
    max-height: var(--p4j0aj-nav-height) !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: var(--p4j0aj-nav-gap) !important;
    padding: var(--p4j0aj-nav-pad) !important;
    transform: translate3d(0,0,0) !important;
    translate: none !important;
    scale: 1 !important;
    transition: none !important;
    animation: none !important;
    contain: layout paint !important;
  }

  html[data-p4j0aj-nav-fab-balance="locked"] .app-shell .bottom-nav .nav-item,
  html[data-p4j0aj-nav-fab-balance="locked"] .app-shell .bottom-nav .nav-item:hover,
  html[data-p4j0aj-nav-fab-balance="locked"] .app-shell .bottom-nav .nav-item:active,
  html[data-p4j0aj-nav-fab-balance="locked"] .app-shell .bottom-nav .nav-item:focus,
  html[data-p4j0aj-nav-fab-balance="locked"] .app-shell .bottom-nav .nav-item.active,
  html[data-p4j0aj-nav-fab-balance="locked"] .app-shell .bottom-nav .nav-item.is-active,
  html[data-p4j0aj-nav-fab-balance="locked"] .app-shell .bottom-nav .nav-item[aria-current="page"] {
    height: var(--p4j0aj-nav-item-height) !important;
    min-height: var(--p4j0aj-nav-item-height) !important;
    max-height: var(--p4j0aj-nav-item-height) !important;
    padding: 3px 3px 4px !important;
    border-radius: var(--p4j0aj-nav-radius) !important;
    grid-template-rows: 18px 10px !important;
    gap: 1px !important;
  }

  html[data-p4j0aj-nav-fab-balance="locked"] .app-shell .bottom-nav .nav-item::before {
    top: 3px !important;
    width: 16px !important;
    height: 2px !important;
  }

  html[data-p4j0aj-nav-fab-balance="locked"] .app-shell .bottom-nav .nav-icon {
    width: var(--p4j0aj-nav-icon) !important;
    height: var(--p4j0aj-nav-icon) !important;
    min-width: var(--p4j0aj-nav-icon) !important;
    min-height: var(--p4j0aj-nav-icon) !important;
    font-size: 13px !important;
  }

  html[data-p4j0aj-nav-fab-balance="locked"] .app-shell .bottom-nav .nav-label {
    height: 10px !important;
    line-height: 10px !important;
    font-size: var(--p4j0aj-nav-label) !important;
    font-weight: 850 !important;
  }

  html[data-p4j0aj-nav-fab-balance="locked"] #p3k39c8TennisFabRoot,
  html[data-p4j0aj-nav-fab-balance="locked"] #p3k39c8TennisFabRoot:not(.is-hidden) {
    --p3k39c8-size: var(--p4j0aj-fab-size) !important;
    right: var(--p4j0aj-fab-right) !important;
    bottom: var(--p4j0aj-nav-bottom) !important;
    width: var(--p4j0aj-fab-size) !important;
    height: var(--p4j0aj-fab-size) !important;
  }

  html[data-p4j0aj-nav-fab-balance="locked"] #p3k39c8TennisFabRoot .p3k39c8-fab,
  html[data-p4j0aj-nav-fab-balance="locked"] #p3k39c8TennisFabRoot .p3k39c8-ball,
  html[data-p4j0aj-nav-fab-balance="locked"] #p3k39c8TennisFabRoot .p3k39c8-ball svg {
    width: var(--p4j0aj-fab-size) !important;
    height: var(--p4j0aj-fab-size) !important;
  }

  html[data-p4j0aj-nav-fab-balance="locked"] #p3k39c8TennisFabRoot .p3k39c8-menu {
    width: var(--p4j0aj-fab-menu-width) !important;
    bottom: calc(var(--p4j0aj-fab-size) + 6px) !important;
  }

  html[data-p4j0aj-nav-fab-balance="locked"] #p3k39c8TennisFabRoot .p3k39c8-item {
    width: var(--p4j0aj-fab-menu-width) !important;
    max-width: var(--p4j0aj-fab-menu-width) !important;
    height: var(--p4j0aj-fab-menu-height) !important;
    min-height: var(--p4j0aj-fab-menu-height) !important;
    max-height: var(--p4j0aj-fab-menu-height) !important;
    padding: 4px 7px 4px 5px !important;
    gap: 5px !important;
    font-size: 9px !important;
  }

  html[data-p4j0aj-nav-fab-balance="locked"] #p3k39c8TennisFabRoot.is-open .p3k39c8-item {
    transform: translate(var(--x), calc(var(--i) * var(--p4j0aj-fab-menu-step) * -1)) scale(1) !important;
  }

  html[data-p4j0aj-nav-fab-balance="locked"] #p3k39c8TennisFabRoot .p3k39c8-icon {
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    flex-basis: 21px !important;
  }

  @media (max-width: 360px) {
    html[data-p4j0aj-nav-fab-balance="locked"] {
      --p4j0aj-shell-gutter: 8px;
      --p4j0aj-nav-width: min(calc(100vw - 68px), 320px);
      --p4j0aj-nav-height: 49px;
      --p4j0aj-nav-item-height: 41px;
      --p4j0aj-nav-label: 8px;
      --p4j0aj-fab-size: 56px;
      --p4j0aj-fab-right: max(8px, calc((100vw - min(100vw, var(--p4j0aj-shell-max))) / 2 + 8px));
      --p4j0aj-fab-menu-width: 96px;
      --p4j0aj-fab-menu-height: 30px;
      --p4j0aj-fab-menu-step: 33px;
    }
  }

  @media (min-width: 520px) {
    html[data-p4j0aj-nav-fab-balance="locked"] {
      --p4j0aj-nav-width: 330px;
      --p4j0aj-shell-gutter: 12px;
    }
  }
}


/* === public/assets/css/phase-4j0ak-bottom-nav-active-cleanup-booking-micro-flicker-fix.css === */
/* Phase 4J0AK — Bottom Nav Active State Cleanup And Booking Micro Flicker Fix
   Purpose: remove stale green active residue during Home/Booking switch and stabilize Booking first paint without changing global page transitions.
   Scope: html[data-p4j0ak-active-cleanup="locked"] only.
   Protected selectors touched intentionally only through scoped override: .bottom-nav, .nav-item, #p3k39c8TennisFabRoot.
   Rules: no MutationObserver, no navigate wrapper, no new FAB owner. Existing owner remains fab-global-rollout-page-safe-rules-3k39c8c.js and #p3k39c8TennisFabRoot.
*/
@layer components {
  html[data-p4j0ak-active-cleanup="locked"] {
    --p4j0ak-nav-inactive-bg: rgba(255,255,255,.965);
    --p4j0ak-nav-inactive-color: var(--text-secondary);
    --p4j0ak-nav-active-bg: linear-gradient(135deg,#064434,#087256);
    --p4j0ak-nav-active-color: #fff;
    --p4j0ak-nav-active-shadow: 0 7px 14px rgba(6,63,51,.18);
    --p4j0ak-nav-inactive-shadow: 0 5px 12px rgba(6,63,51,.065);
    --p4j0ak-nav-active-indicator: var(--brand-lime);
  }

  html[data-theme="dark"][data-p4j0ak-active-cleanup="locked"] {
    --p4j0ak-nav-inactive-bg: rgba(13,33,27,.965);
  }

  html[data-p4j0ak-active-cleanup="locked"] .app-shell .bottom-nav,
  html[data-p4j0ak-active-cleanup="locked"] body[data-p3k39c8-page] .app-shell .bottom-nav {
    isolation: isolate !important;
    overflow: visible !important;
    background: linear-gradient(to top, rgba(238,241,231,.99) 78%, rgba(238,241,231,.92) 94%, rgba(238,241,231,.70)) !important;
    backdrop-filter: blur(11px) !important;
    -webkit-backdrop-filter: blur(11px) !important;
  }

  html[data-theme="dark"][data-p4j0ak-active-cleanup="locked"] .app-shell .bottom-nav,
  html[data-theme="dark"][data-p4j0ak-active-cleanup="locked"] body[data-p3k39c8-page] .app-shell .bottom-nav {
    background: linear-gradient(to top, rgba(7,17,14,.99) 78%, rgba(7,17,14,.92) 94%, rgba(7,17,14,.72)) !important;
  }

  html[data-p4j0ak-active-cleanup="locked"] .app-shell .bottom-nav .nav-item {
    background: var(--p4j0ak-nav-inactive-bg) !important;
    color: var(--p4j0ak-nav-inactive-color) !important;
    border-color: var(--border-strong) !important;
    box-shadow: var(--p4j0ak-nav-inactive-shadow) !important;
    transform: translate3d(0,0,0) !important;
    transition: color .08s linear, background-color .08s linear, border-color .08s linear, box-shadow .08s linear !important;
    will-change: auto !important;
    contain: paint !important;
  }

  html[data-p4j0ak-active-cleanup="locked"] .app-shell .bottom-nav .nav-item::before {
    background: transparent !important;
    opacity: 0 !important;
    transform: skewX(-25deg) scaleX(.7) !important;
    transition: opacity .08s linear, background-color .08s linear !important;
  }

  html[data-p4j0ak-active-cleanup="locked"][data-p4j0ae-current-nav="home"] .app-shell .bottom-nav .nav-item[data-page="home"],
  html[data-p4j0ak-active-cleanup="locked"][data-p4j0ae-current-nav="activity"] .app-shell .bottom-nav .nav-item[data-page="activity"],
  html[data-p4j0ak-active-cleanup="locked"][data-p4j0ae-current-nav="booking"] .app-shell .bottom-nav .nav-item[data-page="booking"],
  html[data-p4j0ak-active-cleanup="locked"][data-p4j0ae-current-nav="community"] .app-shell .bottom-nav .nav-item[data-page="community"] {
    background: var(--p4j0ak-nav-active-bg) !important;
    color: var(--p4j0ak-nav-active-color) !important;
    border-color: #063f33 !important;
    box-shadow: var(--p4j0ak-nav-active-shadow) !important;
  }

  html[data-p4j0ak-active-cleanup="locked"][data-p4j0ae-current-nav="home"] .app-shell .bottom-nav .nav-item[data-page="home"]::before,
  html[data-p4j0ak-active-cleanup="locked"][data-p4j0ae-current-nav="activity"] .app-shell .bottom-nav .nav-item[data-page="activity"]::before,
  html[data-p4j0ak-active-cleanup="locked"][data-p4j0ae-current-nav="booking"] .app-shell .bottom-nav .nav-item[data-page="booking"]::before,
  html[data-p4j0ak-active-cleanup="locked"][data-p4j0ae-current-nav="community"] .app-shell .bottom-nav .nav-item[data-page="community"]::before {
    background: var(--p4j0ak-nav-active-indicator) !important;
    opacity: 1 !important;
    transform: skewX(-25deg) scaleX(1) !important;
  }

  html[data-p4j0ak-active-cleanup="locked"] .app-shell .bottom-nav .nav-item:not([data-page="home"]):not([data-page="activity"]):not([data-page="booking"]):not([data-page="community"]) {
    display: none !important;
  }

  html[data-p4j0ak-active-cleanup="locked"] .app-shell .bottom-nav .nav-icon,
  html[data-p4j0ak-active-cleanup="locked"] .app-shell .bottom-nav .nav-label {
    color: currentColor !important;
    text-shadow: none !important;
  }

  html[data-p4j0ak-active-cleanup="locked"][data-p4j0ae-current-page="booking"] #screenRoot,
  html[data-p4j0ak-active-cleanup="locked"][data-p4j0ae-current-page="booking"] [data-screen-root] {
    background: transparent !important;
    transform: translate3d(0,0,0) !important;
    backface-visibility: hidden !important;
  }

  html[data-p4j0ak-active-cleanup="locked"][data-p4j0ae-current-page="booking"] #screenRoot > .screen,
  html[data-p4j0ak-active-cleanup="locked"][data-p4j0ae-current-page="booking"] [data-screen-root] > .screen {
    contain: layout paint !important;
    transform: translate3d(0,0,0) !important;
    backface-visibility: hidden !important;
  }

  html[data-p4j0ak-active-cleanup="locked"] #p3k39c8TennisFabRoot {
    z-index: 64 !important;
  }
}


/* === public/assets/css/phase-4j0an-activity-filter-layout-lock-legacy-debug-sync.css === */
/* Phase 4J0AN — Activity Filter Layout Lock And Legacy Debug Sync.
   Scoped only to Activity 4J0I page and 4J0AN html marker.
   Protected selectors untouched: .bottom-nav, .nav-item, #p3k39c8TennisFabRoot, .ops-booking-*, .ops-admin-*, .admin-card, global table, global button. */
@layer components {
  html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page {
    gap: 12px !important;
    align-content: start !important;
    min-height: auto !important;
    contain: layout paint style !important;
  }

  html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 116px !important;
    max-height: 148px !important;
    padding: 16px !important;
    gap: 12px !important;
    overflow: hidden !important;
  }

  html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-hero h1,
  html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-hero p {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-hero .btn {
    align-self: center !important;
    min-height: 42px !important;
    max-height: 46px !important;
    min-width: 112px !important;
    max-width: 126px !important;
    padding-inline: 12px !important;
    border-radius: 14px !important;
    white-space: nowrap !important;
  }

  html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-activity-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 46px !important;
    max-height: 52px !important;
    padding: 2px 0 6px !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
  }

  html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-activity-tabs::-webkit-scrollbar {
    display: none !important;
  }

  html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-tab,
  html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-tab.is-active,
  html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-tab.p4j0i-active-tab,
  html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-tab[aria-selected="true"],
  html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-tab[data-active="1"] {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    width: auto !important;
    min-width: 104px !important;
    max-width: 128px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    line-height: 1 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-align: center !important;
    scroll-snap-align: start !important;
  }

  html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-tab span {
    display: block !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 82px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1 !important;
  }

  html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-tab b {
    flex: 0 0 auto !important;
    min-width: 20px !important;
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    line-height: 20px !important;
  }

  html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-section-head {
    padding-top: 2px !important;
    margin-top: 0 !important;
  }

  html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-empty {
    min-height: 128px !important;
    align-content: center !important;
  }

  @media (max-width: 430px) {
    html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-hero {
      min-height: 112px !important;
      max-height: 142px !important;
      padding: 14px !important;
      gap: 10px !important;
    }

    html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-hero .btn {
      min-width: 100px !important;
      max-width: 112px !important;
      min-height: 40px !important;
      font-size: .76rem !important;
      padding-inline: 9px !important;
    }

    html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-activity-tabs {
      min-height: 46px !important;
      max-height: 50px !important;
      gap: 7px !important;
    }

    html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-tab,
    html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-tab.is-active,
    html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-tab.p4j0i-active-tab,
    html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-tab[aria-selected="true"],
    html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-tab[data-active="1"] {
      min-width: 102px !important;
      max-width: 124px !important;
      height: 38px !important;
      min-height: 38px !important;
      max-height: 38px !important;
      padding-inline: 10px !important;
      border-radius: 13px !important;
      font-size: .86rem !important;
    }

    html[data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-tab span {
      max-width: 76px !important;
    }
  }

  html[data-theme="dark"][data-p4j0an-activity-filter-lock="locked"] .p4j0i-activity-page .p4j0i-hero {
    background: linear-gradient(135deg, var(--bg-card), rgba(183,255,53,.06)) !important;
  }
}


/* === public/assets/css/phase-4j0ao-smart-event-discovery-preference-search.css === */
/* Phase 4J0AO — Smart Event Discovery Preference Search
   Scope: Explore/Event discovery page only.
   Protected: bottom nav, nav-item, tennis FAB, OPS/Admin, booking cart, global table/button. */
@layer phase-4j0ao {
  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-discovery-page {
    display: grid;
    gap: 14px;
    max-width: 100%;
    overflow-x: hidden;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 18px;
    border: 1px solid color-mix(in srgb, var(--brand-green, #087453) 14%, var(--border, #dbe8df));
    border-radius: 26px;
    background:
      radial-gradient(circle at top right, color-mix(in srgb, var(--brand-lime, #b7ff35) 16%, transparent), transparent 38%),
      linear-gradient(135deg, var(--bg-card, #fff), color-mix(in srgb, var(--brand-green, #087453) 7%, var(--bg-card, #fff)));
    box-shadow: var(--shadow-soft, 0 12px 32px rgba(0,0,0,.08));
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-hero h1 {
    margin: 2px 0 4px;
    font-size: clamp(1.35rem, 5vw, 2rem);
    line-height: 1.04;
    letter-spacing: -.04em;
    color: var(--text-primary, #063f33);
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-hero p {
    margin: 0;
    max-width: 34rem;
    color: var(--text-secondary, #4f675f);
    font-size: .92rem;
    line-height: 1.38;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-reset {
    border: 1px solid var(--border, #dbe8df);
    border-radius: 999px;
    min-height: 38px;
    padding: 0 14px;
    background: var(--bg-card, #fff);
    color: var(--text-primary, #063f33);
    font-weight: 850;
    box-shadow: var(--shadow-soft, 0 8px 18px rgba(0,0,0,.07));
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-search-card {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--border, #dbe8df);
    border-radius: 24px;
    background: color-mix(in srgb, var(--bg-card, #fff) 92%, var(--brand-green, #087453) 8%);
    box-shadow: var(--shadow-soft, 0 12px 28px rgba(0,0,0,.07));
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-search-main {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    min-height: 48px;
    padding: 0 12px;
    border: 1px solid var(--border, #dbe8df);
    border-radius: 18px;
    background: var(--bg-card, #fff);
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-search-main span {
    font-weight: 950;
    color: var(--brand-green, #087453);
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-search-main input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text-primary, #063f33);
    font-size: .96rem;
    font-weight: 750;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-chip-row,
  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-tab-row {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 1px 1px 4px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-chip-row::-webkit-scrollbar,
  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-tab-row::-webkit-scrollbar { display: none; }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-chip,
  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-tab {
    flex: 0 0 auto;
    border: 1px solid var(--border, #dbe8df);
    border-radius: 999px;
    min-height: 38px;
    padding: 0 13px;
    background: var(--bg-card, #fff);
    color: var(--text-primary, #063f33);
    font-weight: 900;
    font-size: .82rem;
    box-shadow: var(--shadow-soft, 0 8px 18px rgba(0,0,0,.06));
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-chip.is-active,
  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-tab.is-active {
    background: var(--brand-green, #087453);
    border-color: var(--brand-green, #087453);
    color: #fff;
    box-shadow: 0 12px 24px color-mix(in srgb, var(--brand-green, #087453) 26%, transparent), inset 0 -3px 0 var(--brand-lime, #b7ff35);
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-filter-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-field {
    display: grid;
    gap: 5px;
    min-width: 0;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-field span {
    color: var(--text-muted, #6c8179);
    font-size: .7rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-field select,
  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-field input {
    width: 100%;
    min-height: 40px;
    border: 1px solid var(--border, #dbe8df);
    border-radius: 15px;
    padding: 0 10px;
    background: var(--bg-card, #fff);
    color: var(--text-primary, #063f33);
    font-weight: 800;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-section-head {
    display: grid;
    gap: 3px;
    padding: 2px 2px 0;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-section-head small {
    color: var(--text-muted, #6c8179);
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .08em;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-section-head strong {
    color: var(--text-primary, #063f33);
    font-size: 1.08rem;
    letter-spacing: -.03em;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-event-grid {
    display: grid;
    gap: 10px;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-card {
    display: grid;
    gap: 12px;
    padding: 13px;
    border: 1px solid var(--border, #dbe8df);
    border-radius: 24px;
    background: var(--bg-card, #fff);
    box-shadow: var(--shadow-soft, 0 12px 28px rgba(0,0,0,.08));
    overflow: hidden;
    position: relative;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(var(--brand-lime, #b7ff35), var(--brand-green, #087453));
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-card-top {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-date {
    display: grid;
    place-items: center;
    width: 54px;
    height: 58px;
    border-radius: 18px;
    border: 1px solid color-mix(in srgb, var(--brand-green, #087453) 20%, var(--border, #dbe8df));
    background: color-mix(in srgb, var(--brand-lime, #b7ff35) 12%, var(--bg-card, #fff));
    color: var(--brand-green, #087453);
    font-weight: 950;
    line-height: 1;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-date b { font-size: 1.25rem; }
  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-date small { font-size: .65rem; letter-spacing: .08em; }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-title h3 {
    margin: 0 0 4px;
    color: var(--text-primary, #063f33);
    font-size: 1.02rem;
    line-height: 1.1;
    letter-spacing: -.03em;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-title p {
    margin: 0;
    color: var(--text-secondary, #4f675f);
    font-size: .78rem;
    line-height: 1.3;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-fit {
    justify-self: end;
    border-radius: 999px;
    padding: 6px 9px;
    background: color-mix(in srgb, var(--brand-lime, #b7ff35) 28%, var(--bg-card, #fff));
    color: var(--brand-green, #087453);
    font-size: .68rem;
    font-weight: 950;
    white-space: nowrap;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-badge {
    border: 1px solid var(--border, #dbe8df);
    border-radius: 999px;
    padding: 5px 8px;
    background: color-mix(in srgb, var(--bg-card, #fff) 86%, var(--brand-green, #087453) 14%);
    color: var(--text-primary, #063f33);
    font-size: .68rem;
    font-weight: 900;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-meta span {
    min-width: 0;
    border: 1px dashed var(--border, #dbe8df);
    border-radius: 14px;
    padding: 7px 8px;
    color: var(--text-secondary, #4f675f);
    font-size: .72rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-card-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-empty {
    display: grid;
    place-items: center;
    gap: 6px;
    min-height: 150px;
    padding: 18px;
    border: 1px dashed var(--border, #dbe8df);
    border-radius: 24px;
    background: color-mix(in srgb, var(--bg-card, #fff) 88%, var(--brand-green, #087453) 12%);
    text-align: center;
    color: var(--text-secondary, #4f675f);
  }

  html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-empty strong {
    color: var(--text-primary, #063f33);
    font-size: 1rem;
  }

  html[data-theme="dark"][data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-search-main,
  html[data-theme="dark"][data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-field select,
  html[data-theme="dark"][data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-field input,
  html[data-theme="dark"][data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-chip,
  html[data-theme="dark"][data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-tab,
  html[data-theme="dark"][data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-card,
  html[data-theme="dark"][data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-reset {
    background: color-mix(in srgb, var(--bg-card, #10261f) 90%, #000 10%);
  }

  @media (max-width: 430px) {
    html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-hero {
      grid-template-columns: 1fr;
      padding: 14px;
      border-radius: 24px;
    }
    html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-reset { justify-self: start; }
    html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-filter-grid { grid-template-columns: 1fr; }
    html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-card-top { grid-template-columns: 50px minmax(0, 1fr); }
    html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-date { width: 50px; height: 54px; }
    html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-fit { grid-column: 2; justify-self: start; }
    html[data-p4j0ao-smart-event-discovery="locked"] .p4j0ao-meta { grid-template-columns: 1fr; }
  }
}


/* === public/assets/css/phase-4j0ap-smart-event-discovery-entry-point.css === */
/* Phase 4J0AP — Smart Event Discovery Entry Point
   Scope: .p4j0ap-explore-entry only. No global selector edits. */
@layer phase-4j0ap {
  html[data-p4j0ap-event-discovery-entry="locked"] .p4j0ap-explore-entry{
    display:grid;
    grid-template-columns:1fr auto;
    gap:12px;
    align-items:center;
    margin:12px 0 14px;
    padding:14px;
    border:1px solid color-mix(in srgb, var(--brand, #0b6f54) 18%, transparent);
    border-radius:22px;
    background:linear-gradient(135deg, color-mix(in srgb, var(--surface, #fff) 92%, var(--brand, #0b6f54) 8%), color-mix(in srgb, var(--surface, #fff) 96%, var(--accent, #a7ff2f) 4%));
    box-shadow:0 12px 28px rgba(0,0,0,.07);
  }
  html[data-p4j0ap-event-discovery-entry="locked"] .p4j0ap-explore-entry__copy{min-width:0;}
  html[data-p4j0ap-event-discovery-entry="locked"] .p4j0ap-explore-entry__copy small{
    display:block;
    margin-bottom:4px;
    color:var(--text-muted, #587269);
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-size:.68rem;
  }
  html[data-p4j0ap-event-discovery-entry="locked"] .p4j0ap-explore-entry__copy strong{
    display:block;
    color:var(--text, #073f33);
    font-size:1rem;
    line-height:1.12;
  }
  html[data-p4j0ap-event-discovery-entry="locked"] .p4j0ap-explore-entry__copy span{
    display:block;
    margin-top:4px;
    color:var(--text-muted, #587269);
    font-size:.78rem;
    line-height:1.35;
  }
  html[data-p4j0ap-event-discovery-entry="locked"] .p4j0ap-explore-entry__search{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:10px;
    padding:9px 11px;
    border:1px solid color-mix(in srgb, var(--brand, #0b6f54) 14%, transparent);
    border-radius:16px;
    background:color-mix(in srgb, var(--surface, #fff) 88%, transparent);
    color:var(--text-muted, #587269);
    font-weight:800;
    font-size:.78rem;
  }
  html[data-p4j0ap-event-discovery-entry="locked"] .p4j0ap-explore-entry__chips{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:10px;
  }
  html[data-p4j0ap-event-discovery-entry="locked"] .p4j0ap-explore-entry__chips span{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 9px;
    border-radius:999px;
    background:color-mix(in srgb, var(--brand, #0b6f54) 10%, transparent);
    color:var(--brand-strong, #064333);
    font-size:.7rem;
    font-weight:900;
  }
  html[data-p4j0ap-event-discovery-entry="locked"] .p4j0ap-explore-entry__action{
    min-width:112px;
    min-height:44px;
    border:0;
    border-radius:16px;
    padding:0 14px;
    background:var(--brand, #007c5f);
    color:#fff;
    font-weight:950;
    box-shadow:0 10px 22px color-mix(in srgb, var(--brand, #007c5f) 28%, transparent);
    cursor:pointer;
  }
  html[data-theme="dark"][data-p4j0ap-event-discovery-entry="locked"] .p4j0ap-explore-entry,
  html.dark[data-p4j0ap-event-discovery-entry="locked"] .p4j0ap-explore-entry,
  body.dark[data-p4j0ap-event-discovery-entry="locked"] .p4j0ap-explore-entry{
    background:linear-gradient(135deg, color-mix(in srgb, var(--surface, #10231f) 88%, var(--brand, #31d39a) 12%), color-mix(in srgb, var(--surface, #10231f) 94%, #000 6%));
    box-shadow:0 14px 30px rgba(0,0,0,.28);
  }
  html[data-theme="dark"][data-p4j0ap-event-discovery-entry="locked"] .p4j0ap-explore-entry__copy strong,
  html.dark[data-p4j0ap-event-discovery-entry="locked"] .p4j0ap-explore-entry__copy strong,
  body.dark[data-p4j0ap-event-discovery-entry="locked"] .p4j0ap-explore-entry__copy strong{color:var(--text, #f5fff9);}
  @media (max-width:520px){
    html[data-p4j0ap-event-discovery-entry="locked"] .p4j0ap-explore-entry{grid-template-columns:1fr; padding:13px; border-radius:20px;}
    html[data-p4j0ap-event-discovery-entry="locked"] .p4j0ap-explore-entry__action{width:100%; min-height:42px;}
  }
}


/* === public/assets/css/phase-4j0aq-event-visibility-discoverability.css === */
/* Phase 4J0AQ — Event Visibility And Discoverability Rule
   Scoped only to event visibility UI and discovery cards. Protected selectors are not changed. */
.p4j0aq-event-visibility{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-soft-2);padding:10px;}
.p4j0aq-visibility-help{color:var(--text-secondary);font-size:.72rem;line-height:1.35;}
.p4j0aq-visibility-badge,.p4j0aq-card-visibility{display:inline-flex;align-items:center;width:max-content;gap:5px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:.62rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase;padding:4px 7px;box-shadow:var(--shadow-soft);}
.p4j0aq-visibility-badge[data-visibility="public"],.p4j0aq-card-visibility[data-visibility="public"]{color:var(--success-text);background:var(--success-bg);}
.p4j0aq-visibility-badge[data-visibility="community"],.p4j0aq-card-visibility[data-visibility="community"]{color:var(--info-text);background:var(--info-bg);}
.p4j0aq-visibility-badge[data-visibility="private"],.p4j0aq-card-visibility[data-visibility="private"]{color:var(--warning-text);background:var(--warning-bg);}
.p4j0aq-visibility-badge[data-visibility="unlisted"],.p4j0aq-card-visibility[data-visibility="unlisted"]{color:var(--text-secondary);background:var(--bg-soft);}
.p4j0ao-badges .p4j0aq-visibility-badge{margin-right:2px;}
.event-detail-screen .p4j0aq-visibility-note{display:grid;gap:4px;border:1px solid var(--border);background:var(--bg-soft-2);border-radius:var(--radius-card);padding:9px;color:var(--text-secondary);font-size:.78rem;}
@media(max-width:520px){.p4j0aq-event-visibility{padding:9px}.p4j0aq-visibility-badge,.p4j0aq-card-visibility{font-size:.58rem;padding:4px 6px}}

.p4j0as-card-status{display:grid;gap:6px;justify-items:end;align-content:start;}
.p4j0as-event-privacy-panel{margin-top:12px;}
.p4j0as-event-privacy-panel .field-block{margin-top:10px;}
@media(max-width:520px){.p4j0as-card-status{justify-items:start}.p4j0as-event-privacy-panel .event-head{align-items:flex-start}}


/* === public/assets/css/phase-4j0aw-activity-create-game-modal-front-layer-guard.css === */
/* Phase 4J0AW — Activity Create Game Modal Front Layer Guard
   Scoped to the existing Quick Game modal only. */
#p4iQuickGameModal.p4j0aw-front-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:calc(14px + env(safe-area-inset-top,0px)) 12px calc(14px + env(safe-area-inset-bottom,0px))!important;
  pointer-events:auto!important;
  background:rgba(0,18,14,.46)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
#p4iQuickGameModal.p4j0aw-front-modal.hidden{
  display:none!important;
}
#p4iQuickGameModal.p4j0aw-front-modal .p4j0aw-front-card{
  position:relative!important;
  z-index:2147483647!important;
  width:min(100%,420px)!important;
  max-height:min(88vh,680px)!important;
  overflow:auto!important;
  pointer-events:auto!important;
}
html[data-theme="dark"] #p4iQuickGameModal.p4j0aw-front-modal{
  background:rgba(0,10,8,.64)!important;
}
@media(max-width:560px){
  #p4iQuickGameModal.p4j0aw-front-modal{
    align-items:center!important;
  }
  #p4iQuickGameModal.p4j0aw-front-modal .p4j0aw-front-card{
    max-height:86dvh!important;
  }
}


/* === public/assets/css/phase-4j0ay-event-privacy-polish-current-debug.css === */
/* Phase 4J0AY — Event Privacy Polish + Current Debug Routing
   Scoped only to event privacy/detail/debug current helper surfaces.
   Protected global selectors are not modified. */
.p4j0ay-privacy-polish-card {
  border: 1px solid var(--border-soft, rgba(148, 163, 184, 0.22));
  background: var(--surface-card, var(--surface, #ffffff));
}
.p4j0ay-privacy-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 10px;
}
.p4j0ay-privacy-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 14px;
  background: var(--surface-soft, rgba(15, 23, 42, 0.04));
  color: var(--text-muted, #64748b);
  font-size: 13px;
  line-height: 1.45;
}
.p4j0ay-privacy-note strong {
  color: var(--text-main, #0f172a);
  display: block;
  margin-bottom: 2px;
}
.p4j0ay-link-copy-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.p4j0ay-link-chip {
  flex: 1 1 180px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid var(--border-soft, rgba(148, 163, 184, 0.22));
  border-radius: 999px;
  padding: 9px 12px;
  color: var(--text-muted, #64748b);
  background: var(--surface-soft, rgba(15, 23, 42, 0.04));
  font-size: 12px;
}
.p4j0ay-debug-current-card {
  border: 1px solid var(--border-soft, rgba(148, 163, 184, 0.22));
}
html[data-theme="dark"] .p4j0ay-privacy-note,
html[data-theme="dark"] .p4j0ay-link-chip {
  background: rgba(255,255,255,0.06);
}


/* === public/assets/css/phase-4j0az-profile-debug-role-simulation.css === */
/* Phase 4J0AZ — Profile drawer debug/current route and role simulation polish. Scoped only. */
.p4i-profile-drawer-card .p4j0az-admin-tools .p4i-profile-action-grid{grid-template-columns:1fr 1fr}
.p4i-profile-drawer-card .p4j0az-tool-btn{display:flex;align-items:center;justify-content:center;gap:8px}
.p4i-profile-drawer-card .p4j0az-tool-icon{width:22px;height:22px;border-radius:999px;display:inline-grid;place-items:center;background:var(--chip-bg,rgba(11,139,101,.10));color:var(--accent,#08785f);font-weight:900}
.p4i-profile-drawer-card .p4j0az-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.p4i-profile-drawer-card .p4j0az-role-chip{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px}
.p4i-profile-drawer-card .p4j0az-role-chip.is-active{box-shadow:inset 0 0 0 1px rgba(8,120,95,.22)}
.p4i-profile-drawer-card .p4j0az-role-dot{width:22px;height:22px;border-radius:999px;display:inline-grid;place-items:center;background:rgba(182,255,61,.18);color:var(--accent,#08785f);font-size:11px;font-weight:900}
.p4i-profile-drawer-card .p4j0az-version-pill{border:1px solid var(--line);border-radius:16px;padding:10px 12px;font-size:12px;font-weight:900;color:var(--muted);background:var(--surface-soft,rgba(255,255,255,.72))}
html[data-theme="dark"] .p4i-profile-drawer-card .p4j0az-tool-icon,html[data-theme="dark"] .p4i-profile-drawer-card .p4j0az-role-dot{background:rgba(182,255,61,.16);color:#d8ff72}
html[data-theme="dark"] .p4i-profile-drawer-card .p4j0az-version-pill{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:var(--muted)}
@media(max-width:520px){.p4i-profile-drawer-card .p4j0az-admin-tools .p4i-profile-action-grid,.p4i-profile-drawer-card .p4j0az-role-grid{grid-template-columns:1fr 1fr}}


/* === public/assets/css/phase-4j0bb-role-view-matrix-permission-guard.css === */
/* Phase 4J0BB — scoped profile drawer role matrix and frontend role visibility */
.p4i-profile-drawer-card .p4j0bb-role-matrix{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
.p4i-profile-drawer-card .p4j0bb-matrix-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.p4i-profile-drawer-card .p4j0bb-matrix-head small{max-width:210px;color:var(--muted);font-size:11px;line-height:1.35;text-align:right}
.p4i-profile-drawer-card .p4j0bb-role-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 11px;background:var(--accent,#08785f);color:#fff;font-size:12px;font-weight:900;white-space:nowrap}
.p4i-profile-drawer-card .p4j0bb-feature-grid{display:flex;flex-wrap:wrap;gap:6px}
.p4i-profile-drawer-card .p4j0bb-feature-chip{border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800;background:var(--surface-soft,rgba(255,255,255,.72));color:var(--text)}
.p4i-profile-drawer-card .p4j0bb-feature-chip.is-allowed{background:rgba(8,139,101,.10);color:var(--accent,#08785f);border-color:rgba(8,139,101,.20)}
.p4i-profile-drawer-card .p4j0bb-feature-chip.is-denied{background:rgba(120,128,120,.08);color:var(--muted)}
.p4j0bb-hidden-by-role{display:none!important}
html[data-theme="dark"] .p4i-profile-drawer-card .p4j0bb-role-badge{background:#d8ff72;color:#063c31}
html[data-theme="dark"] .p4i-profile-drawer-card .p4j0bb-feature-chip{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .p4i-profile-drawer-card .p4j0bb-feature-chip.is-allowed{background:rgba(216,255,114,.12);color:#d8ff72;border-color:rgba(216,255,114,.22)}
@media(max-width:520px){.p4i-profile-drawer-card .p4j0bb-matrix-head{display:block}.p4i-profile-drawer-card .p4j0bb-matrix-head small{display:block;text-align:left;margin-top:6px;max-width:none}}


/* === public/assets/css/phase-4j0bc-action-grid-booking-width-lock.css === */
/* Phase 4J0BC — scoped home action alignment and booking width consistency lock */
html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .topbar-inner.shell,
html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .app-main.shell,
html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .bottom-nav.shell{
  width:min(100%,460px)!important;
  max-width:460px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .screen-root,
html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .screen,
html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home,
html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i-activity-page,
html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .p3i5m-booking,
html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .p3i5l-booking,
html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .p3i5k-booking,
html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .p3i5j-booking,
html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .p3i5c-booking-screen,
html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .p3i5b-booking-screen,
html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .p3i5-booking-screen{
  width:100%!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .p3i5m-booking,
html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .p3i5l-booking,
html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .p3i5k-booking,
html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .p3i5j-booking{
  padding-left:0!important;
  padding-right:0!important;
}
html[data-p4j0bc-layout-lock="1"] .p3k38g-home .p3k38g-quick-actions,
html[data-p4j0bc-layout-lock="1"] .p3k38e-home .p3k38e-quick-actions,
html[data-p4j0bc-layout-lock="1"] .p3k38f-home .p3k38f-quick-actions{
  display:grid!important;
  grid-template-columns:repeat(var(--p4j0bc-visible-actions,4),minmax(0,1fr))!important;
  justify-content:center!important;
  justify-items:stretch!important;
  gap:9px!important;
  width:100%!important;
}
html[data-p4j0bc-layout-lock="1"] .p3k38g-home .p3k38g-quick-actions[data-p4j0bc-visible-actions="3"],
html[data-p4j0bc-layout-lock="1"] .p3k38e-home .p3k38e-quick-actions[data-p4j0bc-visible-actions="3"],
html[data-p4j0bc-layout-lock="1"] .p3k38f-home .p3k38f-quick-actions[data-p4j0bc-visible-actions="3"]{
  max-width:390px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html[data-p4j0bc-layout-lock="1"] .p3k38g-home .p3k38g-quick-actions[data-p4j0bc-visible-actions="2"],
html[data-p4j0bc-layout-lock="1"] .p3k38e-home .p3k38e-quick-actions[data-p4j0bc-visible-actions="2"],
html[data-p4j0bc-layout-lock="1"] .p3k38f-home .p3k38f-quick-actions[data-p4j0bc-visible-actions="2"]{
  max-width:260px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html[data-p4j0bc-layout-lock="1"] .p3k38g-home .p3k38g-quick-actions > button,
html[data-p4j0bc-layout-lock="1"] .p3k38e-home .p3k38e-quick-actions > button,
html[data-p4j0bc-layout-lock="1"] .p3k38f-home .p3k38f-quick-actions > button{
  width:100%!important;
  min-width:0!important;
}
@media(max-width:520px){
  html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .topbar-inner.shell,
  html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .app-main.shell,
  html[data-p4j0bc-layout-lock="1"] body:not(.ops-desktop-page):not(.p3i7-admin-page) .bottom-nav.shell{
    width:min(100%,430px)!important;
    max-width:430px!important;
  }
  html[data-p4j0bc-layout-lock="1"] .p3k38g-home .p3k38g-quick-actions[data-p4j0bc-visible-actions="3"],
  html[data-p4j0bc-layout-lock="1"] .p3k38e-home .p3k38e-quick-actions[data-p4j0bc-visible-actions="3"],
  html[data-p4j0bc-layout-lock="1"] .p3k38f-home .p3k38f-quick-actions[data-p4j0bc-visible-actions="3"]{
    max-width:100%!important;
  }
}
html[data-theme="dark"][data-p4j0bc-layout-lock="1"] .p3k38g-home .p3k38g-quick-actions > button,
html[data-theme="dark"][data-p4j0bc-layout-lock="1"] .p3k38e-home .p3k38e-quick-actions > button,
html[data-theme="dark"][data-p4j0bc-layout-lock="1"] .p3k38f-home .p3k38f-quick-actions > button{
  border-color:rgba(183,255,53,.18)!important;
}


/* === public/assets/css/phase-4j0be-booking-hub-court-coaching-session.css === */
/* Phase 4J0BE — Booking Hub Court Coaching Session Visual Foundation
   Scope only: html[data-p4j0be-booking-hub="locked"] .p4j0be-booking-hub
   Protected selectors are not edited. */
html[data-p4j0be-booking-hub="locked"] .p4j0be-booking-hub{
  width:min(100%, var(--app-content-width, 760px));
  max-width:var(--app-content-width, 760px);
  margin:0 auto;
  padding:16px 14px 104px;
  box-sizing:border-box;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-booking-hero{
  border:1px solid var(--border-color, rgba(148,163,184,.24));
  background:linear-gradient(145deg, var(--surface-elevated, rgba(255,255,255,.96)), var(--surface, rgba(248,250,252,.88)));
  color:var(--text-primary, #0f172a);
  border-radius:24px;
  padding:18px;
  box-shadow:0 18px 42px rgba(15,23,42,.08);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
html[data-theme="dark"] html[data-p4j0be-booking-hub="locked"] .p4j0be-booking-hero,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] .p4j0be-booking-hero{
  background:linear-gradient(145deg, rgba(20,24,32,.96), rgba(13,17,23,.92));
  box-shadow:0 18px 48px rgba(0,0,0,.28);
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-booking-hero small,
html[data-p4j0be-booking-hub="locked"] .p4j0be-card small,
html[data-p4j0be-booking-hub="locked"] .p4j0be-section-head small{
  display:block;
  color:var(--text-muted, #64748b);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-booking-hero h1{
  margin:6px 0 6px;
  font-size:26px;
  line-height:1.06;
  letter-spacing:-.04em;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-booking-hero p{
  margin:0;
  color:var(--text-secondary, #475569);
  font-size:14px;
  line-height:1.45;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-refresh{
  border:1px solid var(--border-color, rgba(148,163,184,.28));
  background:var(--surface, rgba(255,255,255,.8));
  color:var(--text-primary, #0f172a);
  border-radius:16px;
  min-width:46px;
  height:42px;
  padding:0 12px;
  font-weight:800;
  cursor:pointer;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-card-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
  margin:14px 0;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-card{
  aspect-ratio:1/1;
  border:1px solid var(--border-color, rgba(148,163,184,.24));
  background:var(--surface-elevated, rgba(255,255,255,.94));
  color:var(--text-primary, #0f172a);
  border-radius:24px;
  padding:14px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  text-align:left;
  box-shadow:0 14px 34px rgba(15,23,42,.07);
  cursor:pointer;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-card:hover{ transform:translateY(-2px); }
html[data-p4j0be-booking-hub="locked"] .p4j0be-card.is-active{
  border-color:var(--accent, #16a34a);
  box-shadow:0 18px 42px rgba(22,163,74,.16);
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-icon{
  width:46px;
  height:46px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg, rgba(22,163,74,.14), rgba(59,130,246,.10));
  font-size:24px;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-card h2{ margin:8px 0 4px; font-size:17px; letter-spacing:-.02em; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-card p{ margin:0; color:var(--text-secondary, #64748b); font-size:12px; line-height:1.35; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-hold-note,
html[data-p4j0be-booking-hub="locked"] .p4j0be-empty,
html[data-p4j0be-booking-hub="locked"] .p4j0be-foundation-note{
  border:1px solid var(--border-color, rgba(148,163,184,.22));
  background:var(--surface, rgba(255,255,255,.86));
  color:var(--text-primary, #0f172a);
  border-radius:20px;
  padding:14px;
  margin:12px 0;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-hold-note b,
html[data-p4j0be-booking-hub="locked"] .p4j0be-empty b{ display:block; margin-bottom:4px; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-hold-note span,
html[data-p4j0be-booking-hub="locked"] .p4j0be-empty span,
html[data-p4j0be-booking-hub="locked"] .p4j0be-foundation-note span{ color:var(--text-secondary, #64748b); font-size:13px; line-height:1.4; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-weekbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:14px 0 12px;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-weekbar button,
html[data-p4j0be-booking-hub="locked"] .p4j0be-mini-btn{
  border:1px solid var(--border-color, rgba(148,163,184,.26));
  background:var(--surface-elevated, #fff);
  color:var(--text-primary, #0f172a);
  border-radius:14px;
  height:38px;
  padding:0 14px;
  font-weight:800;
  cursor:pointer;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-court-stack,
html[data-p4j0be-booking-hub="locked"] .p4j0be-list{ display:grid; gap:12px; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-court,
html[data-p4j0be-booking-hub="locked"] .p4j0be-schedule-card{
  border:1px solid var(--border-color, rgba(148,163,184,.24));
  background:var(--surface-elevated, rgba(255,255,255,.94));
  color:var(--text-primary, #0f172a);
  border-radius:22px;
  padding:14px;
  box-shadow:0 12px 30px rgba(15,23,42,.06);
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-court-head,
html[data-p4j0be-booking-hub="locked"] .p4j0be-section-head,
html[data-p4j0be-booking-hub="locked"] .p4j0be-schedule-card{ display:flex; gap:12px; align-items:flex-start; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-court-head h3,
html[data-p4j0be-booking-hub="locked"] .p4j0be-schedule-card h3{ margin:0 0 4px; font-size:17px; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-court-head p,
html[data-p4j0be-booking-hub="locked"] .p4j0be-schedule-card p{ margin:0; color:var(--text-secondary, #64748b); font-size:13px; line-height:1.4; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-court-badge,
html[data-p4j0be-booking-hub="locked"] .p4j0be-coach-avatar{
  width:44px;
  height:44px;
  border-radius:17px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:linear-gradient(145deg, rgba(22,163,74,.16), rgba(59,130,246,.10));
  font-weight:900;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-day-row{
  display:grid;
  grid-template-columns:repeat(7,minmax(78px,1fr));
  gap:8px;
  overflow-x:auto;
  padding:12px 0 2px;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-day{
  border:1px solid var(--border-color, rgba(148,163,184,.22));
  background:var(--surface, rgba(248,250,252,.9));
  color:var(--text-primary, #0f172a);
  border-radius:17px;
  padding:10px;
  min-height:86px;
  text-align:left;
  cursor:pointer;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-day.is-selected{ border-color:var(--accent, #16a34a); }
html[data-p4j0be-booking-hub="locked"] .p4j0be-day.is-disabled,
html[data-p4j0be-booking-hub="locked"] .p4j0be-slot.is-disabled,
html[data-p4j0be-booking-hub="locked"] .p4j0be-schedule-card.is-disabled{ opacity:.58; cursor:not-allowed; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-day span,
html[data-p4j0be-booking-hub="locked"] .p4j0be-day small{ display:block; color:var(--text-muted, #64748b); font-size:11px; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-day b{ display:block; margin:2px 0 6px; font-size:19px; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-day em{ display:block; font-style:normal; font-size:12px; font-weight:800; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-slots{ margin-top:12px; border-top:1px solid var(--border-color, rgba(148,163,184,.18)); padding-top:12px; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-slot-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-slot{
  border:1px solid var(--border-color, rgba(148,163,184,.24));
  background:var(--surface, rgba(248,250,252,.9));
  color:var(--text-primary, #0f172a);
  border-radius:16px;
  padding:11px;
  text-align:left;
  cursor:pointer;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-slot b,
html[data-p4j0be-booking-hub="locked"] .p4j0be-slot span{ display:block; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-slot small,
html[data-p4j0be-booking-hub="locked"] .p4j0be-slot em{ color:var(--text-muted, #64748b); font-size:12px; font-style:normal; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-section-head{ justify-content:space-between; margin:14px 0 10px; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-levels{ display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-levels span,
html[data-p4j0be-booking-hub="locked"] .p4j0be-pill{
  border:1px solid var(--border-color, rgba(148,163,184,.22));
  border-radius:999px;
  padding:5px 9px;
  font-size:11px;
  font-weight:800;
  color:var(--text-secondary, #475569);
  background:var(--surface, rgba(248,250,252,.86));
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-schedule-card > div:first-child{ flex:1; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-schedule-meta{ display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-schedule-action{ min-width:108px; display:flex; justify-content:flex-end; }
html[data-p4j0be-booking-hub="locked"] .p4j0be-schedule-action button{
  border:1px solid var(--border-color, rgba(148,163,184,.24));
  background:var(--surface, #fff);
  color:var(--text-primary, #0f172a);
  border-radius:14px;
  padding:9px 12px;
  font-weight:800;
}
@media (max-width:640px){
  html[data-p4j0be-booking-hub="locked"] .p4j0be-booking-hub{ padding-left:12px; padding-right:12px; }
  html[data-p4j0be-booking-hub="locked"] .p4j0be-booking-hero{ border-radius:22px; }
  html[data-p4j0be-booking-hub="locked"] .p4j0be-card-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
  html[data-p4j0be-booking-hub="locked"] .p4j0be-card{ border-radius:20px; padding:10px; }
  html[data-p4j0be-booking-hub="locked"] .p4j0be-icon{ width:40px; height:40px; border-radius:15px; font-size:21px; }
  html[data-p4j0be-booking-hub="locked"] .p4j0be-card h2{ font-size:14px; }
  html[data-p4j0be-booking-hub="locked"] .p4j0be-card p{ display:none; }
  html[data-p4j0be-booking-hub="locked"] .p4j0be-slot-grid{ grid-template-columns:1fr; }
  html[data-p4j0be-booking-hub="locked"] .p4j0be-schedule-card{ display:block; }
  html[data-p4j0be-booking-hub="locked"] .p4j0be-schedule-action{ justify-content:flex-start; margin-top:10px; }
}


/* Phase 4J0BF — Booking Hub Layout Hotfix
   Fixes mobile-shell width overflow and clipped card copy from 4J0BE.
   Scope remains limited to the booking hub owner. Protected nav/FAB/global selectors are not edited. */
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .app-main,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner #screenRoot,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .screen-root{
  max-width:100%;
  min-width:0;
  overflow-x:hidden;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-booking-hub{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 auto !important;
  padding:12px 0 104px !important;
  overflow-x:clip !important;
  box-sizing:border-box !important;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-booking-hub *,
html[data-p4j0be-booking-hub="locked"] .p4j0be-booking-hub *::before,
html[data-p4j0be-booking-hub="locked"] .p4j0be-booking-hub *::after{
  min-width:0;
  box-sizing:border-box;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-booking-hero{
  width:100%;
  max-width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:10px;
  padding:16px 14px;
  overflow:hidden;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-booking-hero h1,
html[data-p4j0be-booking-hub="locked"] .p4j0be-booking-hero p,
html[data-p4j0be-booking-hub="locked"] .p4j0be-card h2,
html[data-p4j0be-booking-hub="locked"] .p4j0be-card p,
html[data-p4j0be-booking-hub="locked"] .p4j0be-hold-note span,
html[data-p4j0be-booking-hub="locked"] .p4j0be-empty span,
html[data-p4j0be-booking-hub="locked"] .p4j0be-foundation-note span{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-booking-hero h1{
  font-size:24px;
  line-height:1.08;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-booking-hero p{
  font-size:13px;
  line-height:1.42;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-refresh{
  width:40px;
  min-width:40px;
  height:40px;
  padding:0;
  flex:0 0 40px;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-card-grid{
  width:100%;
  max-width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:12px 0;
  overflow:visible;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-card{
  width:100%;
  max-width:100%;
  min-width:0 !important;
  aspect-ratio:1/1;
  min-height:116px;
  padding:10px 8px;
  border-radius:20px;
  overflow:hidden;
  justify-content:space-between;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-card > span:last-child{
  display:block;
  width:100%;
  min-width:0;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-icon{
  width:38px;
  height:38px;
  border-radius:15px;
  font-size:20px;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-card small{
  font-size:9.5px;
  letter-spacing:.06em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-card h2{
  margin:6px 0 0;
  font-size:14px;
  line-height:1.08;
  letter-spacing:-.03em;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-card p{
  display:none;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-hold-note,
html[data-p4j0be-booking-hub="locked"] .p4j0be-empty,
html[data-p4j0be-booking-hub="locked"] .p4j0be-foundation-note,
html[data-p4j0be-booking-hub="locked"] .p4j0be-court,
html[data-p4j0be-booking-hub="locked"] .p4j0be-schedule-card{
  width:100%;
  max-width:100%;
  overflow:hidden;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-day-row{
  display:flex;
  gap:8px;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-day{
  flex:0 0 76px;
  width:76px;
  scroll-snap-align:start;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-slot-grid{
  grid-template-columns:1fr;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-court-head,
html[data-p4j0be-booking-hub="locked"] .p4j0be-section-head{
  min-width:0;
}
html[data-p4j0be-booking-hub="locked"] .p4j0be-court-head > div:last-child,
html[data-p4j0be-booking-hub="locked"] .p4j0be-section-head > div:first-child{
  min-width:0;
}
@media (max-width:390px){
  html[data-p4j0be-booking-hub="locked"] .p4j0be-card-grid{ gap:7px; }
  html[data-p4j0be-booking-hub="locked"] .p4j0be-card{ min-height:108px; padding:9px 7px; border-radius:18px; }
  html[data-p4j0be-booking-hub="locked"] .p4j0be-icon{ width:34px; height:34px; border-radius:13px; font-size:18px; }
  html[data-p4j0be-booking-hub="locked"] .p4j0be-card h2{ font-size:13px; }
  html[data-p4j0be-booking-hub="locked"] .p4j0be-booking-hero{ padding:15px 13px; }
}


/* Phase 4J0BG — Booking Hub Visual Alignment With Home
   Scope only: html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-booking-hub
   Intent: make Booking feel aligned with the accepted Home visual language without touching bottom nav, FAB, global button, or court booking logic. */
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-booking-hub{
  display:grid;
  gap:12px;
  max-width:520px !important;
  padding-top:12px !important;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-booking-hero{
  border:1px solid rgba(183,255,53,.16);
  background:radial-gradient(circle at top right,rgba(183,255,53,.20),transparent 38%),linear-gradient(135deg,#064936,#0b7557);
  color:#fff;
  border-radius:24px;
  box-shadow:0 20px 44px rgba(0,70,45,.18);
  padding:18px;
  align-items:start;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-booking-hero small{
  color:rgba(255,255,255,.82);
  font-size:10px;
  font-weight:1000;
  letter-spacing:.14em;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-booking-hero h1{
  color:#fff;
  margin:3px 0 6px;
  font-size:25px;
  line-height:1.08;
  letter-spacing:-.04em;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-booking-hero p{
  color:#f5fff8;
  font-size:13.5px;
  line-height:1.42;
  max-width:31rem;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-refresh{
  background:rgba(255,255,255,.13);
  border-color:rgba(255,255,255,.24);
  color:#fff;
  box-shadow:none;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin:0;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-card{
  min-height:86px;
  aspect-ratio:auto;
  border:1px solid rgba(0,84,63,.12);
  background:linear-gradient(180deg,#fff,#f4fbf7);
  border-radius:18px;
  padding:9px 5px;
  display:grid;
  grid-template-rows:38px auto;
  place-items:center;
  gap:6px;
  text-align:center;
  box-shadow:0 10px 24px rgba(0,70,45,.07);
  color:#073f32;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-card.is-active{
  border-color:rgba(0,106,77,.34);
  background:linear-gradient(180deg,#ffffff,#eaffef);
  box-shadow:0 14px 28px rgba(0,70,45,.11), inset 0 0 0 1px rgba(183,255,53,.36);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-card:hover{ transform:none; }
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-icon{
  width:38px;
  height:38px;
  border-radius:15px;
  background:linear-gradient(135deg,#e8fff4,#fff7db);
  border:1px solid rgba(0,106,77,.12);
  color:#006a4d;
  font-size:20px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-card > span:last-child{
  display:grid;
  gap:2px;
  place-items:center;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-card small{
  display:none;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-card h2{
  margin:0;
  color:#073f32;
  font-size:12px;
  line-height:1.08;
  text-align:center;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-card p{ display:none; }
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-hold-note{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:0;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(0,84,63,.10);
  background:linear-gradient(135deg,#fbfffc,#f6fbf8);
  box-shadow:0 8px 20px rgba(0,70,45,.045);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-hold-note::before{
  content:'✓';
  width:26px;
  height:26px;
  flex:0 0 26px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#e9fff2;
  color:#087e5d;
  border:1px solid rgba(0,106,77,.12);
  font-weight:950;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-hold-note b{
  margin:0;
  font-size:13px;
  color:#073f32;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-hold-note span{
  display:block;
  margin-top:2px;
  font-size:12px;
  line-height:1.35;
  color:#536b62;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-weekbar{
  margin:4px 0 0;
  padding:0 2px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-weekbar strong{
  font-size:15px;
  color:#073f32;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-weekbar button,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-mini-btn{
  border:1px solid rgba(0,84,63,.12);
  background:linear-gradient(180deg,#fff,#f4fbf7);
  color:#073f32;
  box-shadow:0 8px 18px rgba(0,70,45,.06);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-court,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-schedule-card,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-foundation-note,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-empty{
  border:1px solid rgba(0,84,63,.10);
  background:linear-gradient(180deg,#fff,#fbfffc);
  border-radius:23px;
  box-shadow:0 12px 30px rgba(0,70,45,.06);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-court{ padding:14px; }
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-court-head h3,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-schedule-card h3{
  color:#073f32;
  font-size:16px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-court-badge,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-coach-avatar{
  background:linear-gradient(135deg,#e8fff4,#fff7db);
  border:1px solid rgba(0,106,77,.12);
  color:#006a4d;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-day{
  border:1px solid rgba(0,84,63,.12);
  background:linear-gradient(180deg,#fff,#f6fbf8);
  color:#073f32;
  box-shadow:none;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-day.is-selected{
  border-color:#087e5d;
  box-shadow:inset 0 0 0 1px rgba(8,126,93,.20);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-slot{
  border-color:rgba(0,84,63,.12);
  background:linear-gradient(135deg,#fbfffc,#f6fbf8);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-slot.is-open{
  border-color:rgba(8,126,93,.22);
}
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-booking-hero{
  background:radial-gradient(circle at top right,rgba(183,255,53,.16),transparent 35%),linear-gradient(135deg,#09231d,#064936);
  border-color:rgba(183,255,53,.18);
  box-shadow:0 18px 44px rgba(0,0,0,.34);
}
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-card,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-hold-note,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-court,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-schedule-card,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-foundation-note,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-empty,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-day,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-slot{
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  border-color:rgba(183,255,53,.18);
  color:#f4fff8;
  box-shadow:0 16px 38px rgba(0,0,0,.22);
}
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-card h2,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-hold-note b,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-weekbar strong,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-court-head h3,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-schedule-card h3{
  color:#f4fff8;
}
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-hold-note span,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-court-head p,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-schedule-card p{
  color:#cfe5de;
}
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-icon,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-court-badge,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-coach-avatar,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-hold-note::before{
  background:linear-gradient(135deg,rgba(183,255,53,.20),rgba(0,114,86,.36));
  border-color:rgba(183,255,53,.24);
  color:#f7fff9;
}
@media(max-width:430px){
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-booking-hub{ gap:12px; }
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-booking-hero{ padding:16px; }
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-booking-hero h1{ font-size:22px; }
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-card-grid{ gap:7px; }
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-card{ min-height:78px; border-radius:16px; padding:8px 3px; }
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-icon{ width:32px; height:32px; border-radius:13px; font-size:17px; }
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-card h2{ font-size:11px; }
}


/* Phase 4J0E6 — Coaching schedule foundation, scoped only to existing booking hub owner. */
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e6-coach-shell{display:grid;gap:10px}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e6-coach-row{display:grid;grid-template-columns:1fr;gap:9px}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e6-coach-card{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--border-color, rgba(0,84,63,.12));background:var(--surface-elevated,#fff);color:var(--text-primary,#073f32);border-radius:20px;padding:10px;text-align:left;box-shadow:0 10px 24px rgba(0,70,45,.055);cursor:pointer}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e6-coach-card.is-selected{border-color:rgba(0,106,77,.34);box-shadow:0 14px 28px rgba(0,70,45,.10), inset 0 0 0 1px rgba(183,255,53,.34)}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e6-coach-photo{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#e8fff4,#fff7db);border:1px solid rgba(0,106,77,.12);font-weight:1000;color:#006a4d}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e6-coach-photo img{width:100%;height:100%;object-fit:cover;display:block}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e6-coach-copy{display:grid;gap:2px;min-width:0}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e6-coach-copy b{font-size:14px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e6-coach-copy small,html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e6-coach-copy em{font-size:11px;line-height:1.25;color:var(--text-secondary,#536b62);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e6-schedule-card.is-selected{border-color:rgba(0,106,77,.38);box-shadow:0 14px 30px rgba(0,70,45,.10), inset 0 0 0 1px rgba(183,255,53,.28)}
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e6-coach-card{background:rgba(17,24,39,.96);color:var(--text-primary,#f8fafc);border-color:rgba(148,163,184,.22);box-shadow:0 14px 30px rgba(0,0,0,.24)}
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e6-coach-copy small,html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e6-coach-copy em{color:var(--text-secondary,#cbd5e1)}


/* Phase 4J0E7 — Coach Profile Poker Card Carousel
   Scope remains booking hub owner only. No bottom nav/FAB/global selector changes. */
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-section-sub{
  margin:4px 0 0;
  color:var(--text-secondary, #64748b);
  font-size:12px;
  line-height:1.35;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-poker-carousel{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(218px, 252px);
  gap:12px;
  overflow-x:auto;
  padding:4px 2px 12px;
  scroll-snap-type:x mandatory;
  scrollbar-width:thin;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-poker-card{
  position:relative;
  min-height:326px;
  border-radius:28px;
  padding:12px;
  display:grid;
  grid-template-rows:1fr auto auto;
  align-items:stretch;
  gap:10px;
  scroll-snap-align:center;
  background:linear-gradient(180deg, var(--surface-elevated, rgba(255,255,255,.96)), var(--surface, rgba(248,250,252,.94)));
  box-shadow:0 18px 46px rgba(15,23,42,.12);
  overflow:hidden;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-poker-card.is-selected{
  border-color:var(--accent, #16a34a);
  box-shadow:0 20px 54px rgba(22,163,74,.20);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-coach-cover{
  position:relative;
  display:block;
  min-height:178px;
  border-radius:23px;
  overflow:hidden;
  background:linear-gradient(145deg, rgba(22,163,74,.15), rgba(59,130,246,.12));
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-coach-photo,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-detail-photo{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  font-size:46px;
  font-weight:1000;
  color:var(--text-primary, #0f172a);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-coach-photo img,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-detail-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-coach-badge{
  position:absolute;
  left:10px;
  right:10px;
  bottom:10px;
  border:1px solid rgba(255,255,255,.38);
  background:rgba(15,23,42,.64);
  color:#fff;
  border-radius:999px;
  padding:7px 9px;
  font-size:11px;
  font-weight:900;
  backdrop-filter:blur(10px);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-coach-copy b{
  font-size:18px;
  letter-spacing:-.03em;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-coach-copy small,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-coach-copy em{
  display:block;
  margin-top:3px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-coach-metrics{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-coach-metrics span,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-detail-tags span{
  border:1px solid var(--border-color, rgba(148,163,184,.24));
  background:var(--surface, rgba(248,250,252,.88));
  color:var(--text-secondary, #475569);
  border-radius:999px;
  padding:6px 8px;
  font-size:11px;
  font-weight:900;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-coach-detail-card{
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:12px;
  border:1px solid var(--border-color, rgba(148,163,184,.24));
  background:var(--surface-elevated, rgba(255,255,255,.94));
  color:var(--text-primary, #0f172a);
  border-radius:24px;
  padding:12px;
  margin:4px 0 12px;
  box-shadow:0 14px 34px rgba(15,23,42,.07);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-detail-photo{
  height:96px;
  border-radius:20px;
  overflow:hidden;
  background:linear-gradient(145deg, rgba(22,163,74,.16), rgba(59,130,246,.10));
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-detail-copy small{
  color:var(--accent, #16a34a);
  font-weight:1000;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-detail-copy h3{
  margin:2px 0 4px;
  font-size:20px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-detail-copy p{
  margin:0;
  color:var(--text-secondary, #64748b);
  font-size:13px;
  line-height:1.42;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-detail-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px;
}
@media (max-width:640px){
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-poker-carousel{grid-auto-columns:78%;}
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-poker-card{min-height:310px;}
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-coach-detail-card{grid-template-columns:76px minmax(0,1fr);border-radius:21px;}
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-detail-photo{height:76px;border-radius:18px;}
}

/* Phase 4J0H7 — Coaching Booking Mobile UI Stabilization
   Scoped to existing booking hub owner only. Scoped to booking hub owner, without nav or FAB owner changes. */
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-coach-shell{
  gap:12px;
  padding-bottom:calc(120px + env(safe-area-inset-bottom, 0px));
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-coach-head{
  margin-top:2px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-coach-head h3,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-schedule-head h3{
  font-size:20px;
  line-height:1.12;
  letter-spacing:-.035em;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-coach-list{
  display:grid;
  grid-auto-flow:row;
  grid-template-columns:1fr;
  grid-auto-columns:unset;
  gap:10px;
  overflow:visible;
  padding:0;
  scroll-snap-type:none;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-coach-card{
  min-height:0;
  width:100%;
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  grid-template-areas:"avatar copy" "avatar metrics";
  align-items:center;
  gap:8px 12px;
  border-radius:24px;
  padding:12px;
  overflow:hidden;
  scroll-snap-align:unset;
  background:var(--surface-elevated, rgba(255,255,255,.96));
  border:1px solid var(--border-color, rgba(0,84,63,.12));
  box-shadow:0 14px 30px rgba(15,23,42,.075);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-coach-card.is-selected{
  border-color:var(--accent, #007a5e);
  box-shadow:0 16px 34px rgba(0,100,76,.14), inset 0 0 0 1px color-mix(in srgb, var(--accent, #007a5e) 22%, transparent);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-coach-avatar{
  grid-area:avatar;
  width:64px;
  height:64px;
  min-height:64px;
  border-radius:22px;
  background:linear-gradient(145deg, color-mix(in srgb, var(--accent, #007a5e) 14%, white), color-mix(in srgb, var(--surface, #f8fafc) 70%, white));
  border:1px solid color-mix(in srgb, var(--accent, #007a5e) 14%, transparent);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-coach-avatar .p4j0e7-coach-photo{
  width:100%;
  height:100%;
  font-size:26px;
  color:var(--accent-strong, var(--accent, #006a4d));
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-coach-copy{
  grid-area:copy;
  min-width:0;
  gap:2px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-coach-copy small{
  color:var(--accent, #007a5e);
  font-size:11px;
  line-height:1.15;
  font-weight:900;
  text-transform:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-coach-copy b{
  font-size:18px;
  line-height:1.12;
  letter-spacing:-.035em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-coach-copy em{
  color:var(--text-secondary, #64748b);
  font-size:12px;
  line-height:1.2;
  font-style:normal;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-coach-metrics{
  grid-area:metrics;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  min-width:0;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-coach-metrics span,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-detail-tags span{
  padding:6px 8px;
  font-size:11px;
  line-height:1;
  border-radius:999px;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-coach-detail-card{
  grid-template-columns:72px minmax(0,1fr);
  gap:12px;
  margin:2px 0 6px;
  border-radius:24px;
  padding:12px;
  box-shadow:0 14px 30px rgba(15,23,42,.065);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-detail-photo{
  height:72px;
  border-radius:20px;
  font-size:28px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-detail-copy h3{
  font-size:20px;
  line-height:1.1;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-detail-copy p{
  font-size:13px;
  line-height:1.38;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-strip{
  display:grid;
  gap:9px;
  border:1px solid var(--border-color, rgba(0,84,63,.12));
  background:var(--surface-elevated, rgba(255,255,255,.92));
  border-radius:22px;
  padding:12px;
  box-shadow:0 12px 28px rgba(15,23,42,.055);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-strip > div:first-child{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-strip small{
  color:var(--text-muted, #64748b);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-strip strong{
  color:var(--text-primary, #073f32);
  font-size:14px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-actions{
  display:grid;
  grid-template-columns:38px 1fr 38px;
  gap:8px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-actions button,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-empty button{
  min-height:36px;
  border:1px solid var(--border-color, rgba(0,84,63,.14));
  background:var(--surface, rgba(248,250,252,.86));
  color:var(--text-primary, #073f32);
  border-radius:999px;
  font-weight:900;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-row{
  display:grid;
  grid-template-columns:repeat(7, minmax(0,1fr));
  gap:6px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-chip{
  min-height:58px;
  border:1px solid var(--border-color, rgba(0,84,63,.14));
  background:var(--surface, rgba(248,250,252,.86));
  color:var(--text-primary, #073f32);
  border-radius:16px;
  padding:7px 4px;
  display:grid;
  place-items:center;
  gap:1px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-chip span{
  font-size:10px;
  color:var(--text-muted, #64748b);
  font-weight:800;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-chip b{
  font-size:16px;
  line-height:1;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-chip em{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--accent, #007a5e);
  color:transparent;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-chip.is-selected{
  background:var(--accent, #007a5e);
  border-color:var(--accent, #007a5e);
  color:var(--on-accent, #fff);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-chip.is-selected span,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-chip.is-selected b{
  color:var(--on-accent, #fff);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-chip.is-selected em{
  background:var(--on-accent, #fff);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-schedule-head{
  margin-top:2px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-schedule-list{
  gap:10px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-empty{
  display:grid;
  gap:8px;
  padding:16px;
  border-radius:22px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-empty b{
  font-size:17px;
  line-height:1.15;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-empty span{
  font-size:13px;
  line-height:1.35;
  color:var(--text-secondary, #64748b);
}
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-coach-card,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-strip,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-coach-detail-card{
  background:var(--surface-elevated, rgba(17,24,39,.96));
  border-color:var(--border-color, rgba(148,163,184,.20));
  box-shadow:0 16px 34px rgba(0,0,0,.24);
}
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-actions button,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-empty button,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-chip{
  background:var(--surface, rgba(15,23,42,.86));
  color:var(--text-primary, #f8fafc);
  border-color:var(--border-color, rgba(148,163,184,.20));
}
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-strip strong{
  color:var(--text-primary, #f8fafc);
}
@media(max-width:430px){
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-coach-shell{gap:10px;padding-bottom:calc(132px + env(safe-area-inset-bottom, 0px));}
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-coach-card{grid-template-columns:58px minmax(0,1fr);gap:7px 10px;border-radius:22px;padding:11px;}
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-coach-avatar{width:58px;height:58px;min-height:58px;border-radius:20px;}
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-coach-copy b{font-size:17px;}
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-coach-detail-card{grid-template-columns:64px minmax(0,1fr);padding:11px;border-radius:22px;}
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0e7-detail-photo{height:64px;border-radius:18px;}
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-row{gap:5px;}
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h7-date-chip{min-height:54px;border-radius:15px;}
}


/* Phase 4J0H8 — Coaching Battle Card Carousel Selector
   Scoped only to the existing booking hub owner. Protected navigation and global element selectors are not edited. */
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-shell{
  gap:12px;
  padding-bottom:calc(142px + env(safe-area-inset-bottom, 0px));
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-head{
  margin-bottom:-2px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-head h3{
  font-size:22px;
  letter-spacing:-.04em;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-battle-carousel{
  display:flex;
  grid-template-columns:none;
  grid-auto-flow:initial;
  gap:12px;
  overflow-x:auto;
  overflow-y:visible;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:8px;
  padding:6px 22px 12px 2px;
  margin:0 -2px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-battle-carousel::-webkit-scrollbar{display:none;}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-battle-card{
  position:relative;
  flex:0 0 min(82vw, 318px);
  width:min(82vw, 318px);
  min-height:218px;
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  grid-template-areas:
    "rank rank"
    "avatar copy"
    "stats stats"
    "footer footer";
  gap:9px 12px;
  align-items:center;
  padding:14px;
  border-radius:28px;
  scroll-snap-align:center;
  transform:scale(.965);
  transform-origin:center;
  background:
    radial-gradient(circle at 18% 8%, color-mix(in srgb, var(--accent, #007a5e) 18%, transparent), transparent 36%),
    linear-gradient(145deg, var(--surface-elevated, #fff), color-mix(in srgb, var(--surface, #f8fafc) 84%, white));
  border:1px solid color-mix(in srgb, var(--accent, #007a5e) 18%, var(--border-color, rgba(0,84,63,.14)));
  box-shadow:0 18px 40px rgba(15,23,42,.10);
  isolation:isolate;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-battle-card::before{
  content:"";
  position:absolute;
  inset:10px 10px auto auto;
  width:54px;
  height:54px;
  border-radius:50%;
  background:linear-gradient(135deg, color-mix(in srgb, var(--accent, #007a5e) 18%, transparent), transparent);
  opacity:.55;
  z-index:-1;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-battle-card.is-selected{
  transform:scale(1);
  border-color:var(--accent, #007a5e);
  box-shadow:0 22px 46px rgba(0,100,76,.22), inset 0 0 0 1px color-mix(in srgb, var(--accent, #007a5e) 35%, transparent);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-battle-card.is-selected::after{
  content:attr(data-selected-label);
  position:absolute;
  top:12px;
  right:12px;
  padding:6px 9px;
  border-radius:999px;
  background:var(--accent, #007a5e);
  color:var(--on-accent, #fff);
  font-size:10px;
  line-height:1;
  font-weight:950;
  letter-spacing:.02em;
  box-shadow:0 8px 18px color-mix(in srgb, var(--accent, #007a5e) 24%, transparent);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-card-rank{
  grid-area:rank;
  width:max-content;
  min-width:38px;
  min-height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  padding:0 10px;
  background:color-mix(in srgb, var(--accent, #007a5e) 10%, var(--surface, #f8fafc));
  color:var(--accent-strong, var(--accent, #006a4d));
  font-size:12px;
  font-weight:950;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-avatar{
  grid-area:avatar;
  width:88px;
  height:112px;
  min-height:112px;
  border-radius:28px;
  background:linear-gradient(160deg, color-mix(in srgb, var(--accent, #007a5e) 16%, white), color-mix(in srgb, var(--surface, #f8fafc) 72%, white));
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent, #007a5e) 16%, transparent);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-avatar .p4j0e7-coach-photo{
  width:100%;
  height:100%;
  border-radius:inherit;
  font-size:34px;
  font-weight:1000;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-copy{
  grid-area:copy;
  gap:4px;
  align-self:center;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-copy small{
  color:var(--accent, #007a5e);
  font-size:12px;
  font-weight:950;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-copy b{
  font-size:22px;
  line-height:1.02;
  letter-spacing:-.052em;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-copy em{
  color:var(--text-secondary, #64748b);
  font-size:13px;
  font-weight:850;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-stats{
  grid-area:stats;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-stats span{
  min-height:46px;
  display:grid;
  place-items:center;
  gap:2px;
  padding:6px 5px;
  border-radius:17px;
  background:color-mix(in srgb, var(--surface, #f8fafc) 88%, white);
  border:1px solid var(--border-color, rgba(0,84,63,.10));
  max-width:none;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-stats small{
  color:var(--text-muted, #64748b);
  font-size:9px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-stats b{
  color:var(--text-primary, #073f32);
  font-size:13px;
  line-height:1;
  font-weight:950;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-card-footer{
  grid-area:footer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:2px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-card-footer span{
  color:var(--text-secondary, #64748b);
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-card-footer strong{
  min-height:34px;
  display:grid;
  place-items:center;
  padding:0 13px;
  border-radius:999px;
  background:var(--accent, #007a5e);
  color:var(--on-accent, #fff);
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-carousel-dots{
  display:flex;
  justify-content:center;
  gap:6px;
  margin:-4px 0 2px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-carousel-dots span{
  width:6px;
  height:6px;
  border-radius:999px;
  background:color-mix(in srgb, var(--text-muted, #64748b) 28%, transparent);
  transition:width .18s ease, background .18s ease;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-carousel-dots span.is-active{
  width:22px;
  background:var(--accent, #007a5e);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-selected-hero{
  position:relative;
  grid-template-columns:82px minmax(0,1fr);
  gap:12px;
  padding:14px;
  border-radius:26px;
  background:linear-gradient(145deg, var(--surface-elevated, #fff), color-mix(in srgb, var(--accent, #007a5e) 5%, var(--surface, #f8fafc)));
  border-color:color-mix(in srgb, var(--accent, #007a5e) 22%, var(--border-color, rgba(0,84,63,.14)));
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-hero-photo{
  height:82px;
  border-radius:24px;
  background:linear-gradient(145deg, color-mix(in srgb, var(--accent, #007a5e) 15%, white), color-mix(in srgb, var(--surface, #f8fafc) 70%, white));
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-hero-copy h3{
  font-size:22px;
  letter-spacing:-.045em;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-view-schedule{
  width:100%;
  min-height:40px;
  margin-top:8px;
  border:0;
  border-radius:999px;
  background:var(--accent, #007a5e);
  color:var(--on-accent, #fff);
  font-weight:950;
  box-shadow:0 12px 24px color-mix(in srgb, var(--accent, #007a5e) 18%, transparent);
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-shell .p4j0h7-date-strip{
  padding:10px;
  border-radius:20px;
  gap:7px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-shell .p4j0h7-date-actions{
  grid-template-columns:34px 1fr 34px;
  gap:7px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-shell .p4j0h7-date-actions button{
  min-height:34px;
}
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-shell .p4j0h7-date-chip{
  min-height:50px;
  border-radius:14px;
}
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-battle-card,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-selected-hero{
  background:linear-gradient(145deg, var(--surface-elevated, rgba(17,24,39,.98)), color-mix(in srgb, var(--accent, #10b981) 9%, var(--surface, #0f172a)));
  border-color:color-mix(in srgb, var(--accent, #10b981) 24%, rgba(148,163,184,.22));
  box-shadow:0 22px 46px rgba(0,0,0,.34);
}
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-stats span{
  background:rgba(15,23,42,.78);
  border-color:rgba(148,163,184,.18);
}
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-stats b,
html[data-theme="dark"][data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-card-footer span{
  color:var(--text-primary, #f8fafc);
}
@media(max-width:430px){
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-battle-card{
    flex-basis:82vw;
    width:82vw;
    min-height:214px;
    padding:13px;
    border-radius:26px;
  }
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-avatar{width:80px;height:106px;min-height:106px;border-radius:25px;}
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-coach-copy b{font-size:21px;}
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-selected-hero{grid-template-columns:72px minmax(0,1fr);padding:12px;border-radius:24px;}
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0h8-hero-photo{height:72px;border-radius:21px;}
}


/* === public/assets/css/phase-4j0bh-activity-community-visual-standard.css === */
/* Phase 4J0BH — Activity and Community Visual Standardization
   Scope: user Activity/Event stream and Community hub only.
   Rule: no global button/table/nav/FAB selector edits. */

/* Shared page rhythm based on accepted Home visual language */
body:not(.ops-admin) .p4j0i-activity-page,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"]{
  width:min(100%, 430px) !important;
  max-width:430px !important;
  margin:0 auto !important;
  padding:14px 12px calc(112px + env(safe-area-inset-bottom,0px)) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  overflow-x:hidden !important;
}

/* Hero: make Activity and Community read like Home/Booking, not separate tones */
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.20) !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 86% 0%, rgba(178,255,65,.22), transparent 36%),
    linear-gradient(135deg, #006146 0%, #087f5f 58%, #00543f 100%) !important;
  color:#fff !important;
  box-shadow:0 18px 44px rgba(0,80,56,.17) !important;
  padding:20px 18px 18px !important;
  min-height:0 !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:14px !important;
  align-items:center !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero{
  display:flex !important;
  flex-direction:column !important;
  gap:11px !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero .section-kicker,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero .section-kicker{
  color:rgba(235,255,239,.86) !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  margin:0 0 5px !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero h1,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero h1{
  margin:0 !important;
  color:#fff !important;
  font-size:25px !important;
  line-height:1.02 !important;
  letter-spacing:-.035em !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero p,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero p{
  margin:7px 0 0 !important;
  color:rgba(245,255,248,.92) !important;
  font-size:13px !important;
  line-height:1.38 !important;
  font-weight:780 !important;
  max-width:295px !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero .btn,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero-actions .btn{
  min-height:42px !important;
  border-radius:13px !important;
  font-size:13px !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  box-shadow:none !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero .btn-primary,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero-actions .btn-primary{
  background:#078866 !important;
  border-color:rgba(255,255,255,.22) !important;
  color:#fff !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero-actions .btn-secondary{
  background:#f6fff8 !important;
  border-color:rgba(255,255,255,.38) !important;
  color:#074331 !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin-top:4px !important;
}

/* Community hero badges: compact like Home stat chips */
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero .p3k39d-stat-row,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero .p3k39d-benefits{
  display:flex !important;
  gap:7px !important;
  flex-wrap:wrap !important;
  margin:0 !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero .p3k39d-stat-row span,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero .p3k39d-benefits span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:26px !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.15) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  max-width:100% !important;
}

/* Activity search/discovery card: align to Home search card and avoid clipping */
body:not(.ops-admin) .p4j0i-activity-page .p4j0ap-discovery-card,
body:not(.ops-admin) .p4j0i-activity-page .p4j0ao-discovery-card,
body:not(.ops-admin) .p4j0i-activity-page .p4j0g-discovery-card,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-next-card,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-toolbar{
  border-radius:24px !important;
  border:1px solid rgba(0,80,56,.10) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(246,255,250,.95)) !important;
  box-shadow:0 16px 34px rgba(0,70,50,.07) !important;
  overflow:hidden !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0ap-discovery-card,
body:not(.ops-admin) .p4j0i-activity-page .p4j0ao-discovery-card,
body:not(.ops-admin) .p4j0i-activity-page .p4j0g-discovery-card{
  margin:0 !important;
}
body:not(.ops-admin) .p4j0i-activity-page input,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] input,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] select{
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

/* Activity tabs: keep active state clear without cutting the last tabs */
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-tabs,
body:not(.ops-admin) .p4j0i-activity-page .p4j0g-tabs,
body:not(.ops-admin) .p4j0i-activity-page [data-p4j0g-tabs],
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tabs{
  display:flex !important;
  gap:8px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:2px 0 6px !important;
  margin:0 !important;
  scroll-snap-type:x proximity !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-tabs::-webkit-scrollbar,
body:not(.ops-admin) .p4j0i-activity-page .p4j0g-tabs::-webkit-scrollbar,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tabs::-webkit-scrollbar{display:none !important;}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-tab,
body:not(.ops-admin) .p4j0i-activity-page .p4j0g-tab,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tab{
  flex:0 0 auto !important;
  min-width:max-content !important;
  border-radius:15px !important;
  min-height:42px !important;
  padding:9px 14px !important;
  border:1px solid rgba(0,80,56,.11) !important;
  background:#fff !important;
  color:#073d2d !important;
  box-shadow:0 8px 18px rgba(0,70,50,.045) !important;
  white-space:nowrap !important;
  text-overflow:clip !important;
  overflow:visible !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-tab.active,
body:not(.ops-admin) .p4j0i-activity-page .p4j0g-tab.active,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tab.active{
  background:#008765 !important;
  color:#fff !important;
  border-color:#008765 !important;
  box-shadow:inset 0 -4px 0 rgba(185,255,64,.75), 0 12px 24px rgba(0,92,66,.14) !important;
}

/* Activity cards: prevent text truncation and make them read as compact feed cards */
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-two-col{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-card,
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card,
body:not(.ops-admin) .p4j0i-activity-page [class*="p4j0i-"][class*="card"],
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-feature-card,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-row-card{
  border-radius:22px !important;
  border:1px solid rgba(0,80,56,.10) !important;
  background:#fff !important;
  box-shadow:0 13px 28px rgba(0,70,50,.065) !important;
  overflow:hidden !important;
}
body:not(.ops-admin) .p4j0i-activity-page h2,
body:not(.ops-admin) .p4j0i-activity-page h3,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] h2,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] h3,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] b{
  color:#073d2d !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
  white-space:normal !important;
  text-overflow:clip !important;
}
body:not(.ops-admin) .p4j0i-activity-page p,
body:not(.ops-admin) .p4j0i-activity-page span,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] p,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] span,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] small{
  text-overflow:clip !important;
  white-space:normal !important;
}

/* Community toolbar: less heavy, no cut tab text */
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-toolbar{
  padding:12px !important;
  display:grid !important;
  gap:10px !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-search{
  width:100% !important;
  height:44px !important;
  border-radius:15px !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-sort{
  border-radius:17px !important;
  min-height:48px !important;
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:10px !important;
  align-items:center !important;
  padding:10px 12px !important;
  background:#fff !important;
  border:1px solid rgba(0,80,56,.10) !important;
}

/* Keep bottom spacing above nav/FAB */
body:not(.ops-admin) .p4j0i-activity-page > *:last-child,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] > *:last-child{
  margin-bottom:18px !important;
}

@media (max-width:430px){
  body:not(.ops-admin) .p4j0i-activity-page,
  body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"]{padding-left:10px !important;padding-right:10px !important;}
  body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero{grid-template-columns:1fr !important;}
  body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero .btn{width:max-content !important;max-width:100% !important;}
  body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero-actions{grid-template-columns:1fr 1fr !important;}
  body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}

@media (max-width:360px){
  body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card-grid{grid-template-columns:1fr !important;}
  body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero-actions{grid-template-columns:1fr !important;}
}

html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero,
html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero{
  background:linear-gradient(135deg,#063d30 0%,#07543f 62%,#082a24 100%) !important;
  border-color:rgba(197,255,212,.14) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.26) !important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0ap-discovery-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0ao-discovery-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0g-discovery-card,
html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-next-card,
html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-toolbar,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page [class*="p4j0i-"][class*="card"],
html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-feature-card,
html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-row-card{
  background:#102c25 !important;
  border-color:rgba(188,255,215,.14) !important;
  color:#eaffef !important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page h2,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page h3,
html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] h2,
html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] h3,
html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] b{
  color:#eaffef !important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-tab,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0g-tab,
html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tab,
html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-sort{
  background:#12362d !important;
  border-color:rgba(188,255,215,.14) !important;
  color:#eaffef !important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-tab.active,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0g-tab.active,
html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tab.active{
  background:#008765 !important;
  color:#fff !important;
}


/* === public/assets/css/phase-4j0bi-community-hero-compact-stat-strip.css === */
/* Phase 4J0BI — Community Hero Compact Stat Strip
   Scope: community page hero only. Keep Home, Booking, Activity, nav, FAB, and logic untouched. */

body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero{
  position:relative !important;
  display:block !important;
  padding:16px 92px 14px 16px !important;
  border-radius:25px !important;
  min-height:0 !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero::after{
  content:"👥" !important;
  position:absolute !important;
  top:16px !important;
  right:16px !important;
  width:66px !important;
  height:66px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:22px !important;
  font-size:30px !important;
  line-height:1 !important;
  background:
    radial-gradient(circle at 28% 20%, rgba(255,255,255,.70), transparent 30%),
    linear-gradient(145deg, rgba(224,255,235,.95), rgba(170,255,68,.72)) !important;
  border:1px solid rgba(255,255,255,.44) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 16px 32px rgba(0,49,36,.18) !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero > .section-kicker{
  margin:0 0 6px !important;
  font-size:10px !important;
  letter-spacing:.09em !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero > h1{
  margin:0 !important;
  font-size:24px !important;
  line-height:1.02 !important;
  letter-spacing:-.04em !important;
  max-width:230px !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero > p{
  margin:7px 0 10px !important;
  font-size:12px !important;
  line-height:1.34 !important;
  max-width:225px !important;
  font-weight:760 !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero-stats,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero .p3k39d-stat-row{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:7px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  margin:0 0 10px !important;
  padding:1px 0 3px !important;
  scroll-snap-type:x proximity !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
  max-width:100% !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero-stats::-webkit-scrollbar,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero .p3k39d-stat-row::-webkit-scrollbar{display:none !important;}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero-stats span,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero .p3k39d-stat-row span{
  flex:0 0 auto !important;
  min-height:25px !important;
  padding:5px 9px !important;
  scroll-snap-align:start !important;
  font-size:10.5px !important;
  white-space:nowrap !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero .p3k39d-benefits{
  display:none !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  margin:0 !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero-actions .btn{
  min-height:39px !important;
  border-radius:14px !important;
  font-size:12px !important;
  padding:9px 10px !important;
}
@media (max-width:360px){
  body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero{
    padding:14px 78px 13px 13px !important;
  }
  body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero::after{
    top:14px !important;
    right:13px !important;
    width:54px !important;
    height:54px !important;
    border-radius:18px !important;
    font-size:25px !important;
  }
  body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero > h1{
    font-size:22px !important;
  }
}
html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero::after{
  background:
    radial-gradient(circle at 28% 20%, rgba(255,255,255,.24), transparent 30%),
    linear-gradient(145deg, rgba(29,92,72,.95), rgba(129,220,78,.72)) !important;
  border-color:rgba(220,255,226,.24) !important;
}


/* === public/assets/css/phase-4j0bj-activity-visual-cleanup-tab-clipping-fix.css === */
/* Phase 4J0BJ — Activity Visual Cleanup and Tab Clipping Fix
   Scope: customer Activity/Event page only.
   Protected: bottom nav, FAB, booking, OPS/admin, global table/button selectors. */

body:not(.ops-admin) .p4j0i-activity-page{
  padding-bottom:calc(138px + env(safe-area-inset-bottom,0px)) !important;
}

body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero{
  min-height:118px !important;
  padding:18px 16px !important;
  border-radius:26px !important;
}

body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero h1{
  font-size:24px !important;
  letter-spacing:-.032em !important;
}

body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero p{
  max-width:255px !important;
  font-size:12.5px !important;
  line-height:1.35 !important;
}

body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero .btn{
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:14px !important;
  align-self:center !important;
}

/* Correct active tab owner: actual markup uses .p4j0i-activity-tabs, not .p4j0i-tabs. */
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs{
  width:100% !important;
  max-width:100% !important;
  display:flex !important;
  gap:8px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:0 2px 8px !important;
  margin:0 !important;
  scroll-snap-type:x proximity !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
  box-sizing:border-box !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs::-webkit-scrollbar{display:none !important;}

body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs .p4j0i-tab{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  min-width:max-content !important;
  max-width:none !important;
  min-height:38px !important;
  padding:0 14px !important;
  border-radius:15px !important;
  border:1px solid rgba(0,80,56,.12) !important;
  background:#fff !important;
  color:#073d2d !important;
  box-shadow:0 8px 18px rgba(0,70,50,.05) !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
  scroll-snap-align:start !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs .p4j0i-tab span{
  display:inline-block !important;
  max-width:none !important;
  color:inherit !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
  line-height:1 !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs .p4j0i-tab b{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:22px !important;
  height:22px !important;
  padding:0 7px !important;
  border-radius:999px !important;
  background:#edf8f0 !important;
  color:#47645d !important;
  font-size:12px !important;
  font-weight:950 !important;
  line-height:1 !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs .p4j0i-tab.is-active,
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs .p4j0i-tab.p4j0i-active-tab,
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs .p4j0i-tab[aria-selected="true"],
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs .p4j0i-tab[data-active="1"]{
  background:#008765 !important;
  color:#fff !important;
  border-color:#008765 !important;
  box-shadow:inset 0 -4px 0 rgba(185,255,64,.78), 0 12px 24px rgba(0,92,66,.14) !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs .p4j0i-tab.is-active b,
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs .p4j0i-tab.p4j0i-active-tab b,
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs .p4j0i-tab[aria-selected="true"] b,
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs .p4j0i-tab[data-active="1"] b{
  background:rgba(255,255,255,.24) !important;
  color:#fff !important;
}

/* Activity cards are feed rows on the mobile shell. This prevents cramped two-column text. */
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card-grid,
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card-grid.single{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-two-col{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-card{
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:54px minmax(0,1fr) auto !important;
  gap:11px !important;
  align-items:center !important;
  padding:12px !important;
  border-radius:22px !important;
  overflow:hidden !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card-thumb{
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  border-radius:18px !important;
  align-self:center !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card-thumb span{
  font-size:16px !important;
  line-height:1 !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card-thumb em{
  right:-3px !important;
  bottom:-3px !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-copy{
  min-width:0 !important;
  display:grid !important;
  gap:5px !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card-top{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card-top small{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#60756e !important;
  font-weight:850 !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-badge{
  flex:0 0 auto !important;
  max-width:112px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-card strong{
  display:block !important;
  color:#073d2d !important;
  font-size:16px !important;
  line-height:1.12 !important;
  letter-spacing:-.025em !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-card p{
  color:#49675f !important;
  font-size:12.5px !important;
  line-height:1.32 !important;
  margin:0 !important;
  white-space:normal !important;
  overflow:visible !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-badge-row{
  display:flex !important;
  gap:6px !important;
  flex-wrap:wrap !important;
  min-width:0 !important;
  max-width:100% !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card-action{
  align-self:center !important;
  min-height:32px !important;
  max-width:82px !important;
  padding:0 10px !important;
  border-radius:12px !important;
  font-size:11px !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}

body:not(.ops-admin) .p4j0i-activity-page .p4j0i-section-head{
  margin:2px 0 -2px !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-section-head h2{
  font-size:17px !important;
  line-height:1.1 !important;
}
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-list,
body:not(.ops-admin) .p4j0i-activity-page .p4j0i-empty{
  border-radius:22px !important;
  overflow:hidden !important;
}

@media (max-width:380px){
  body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero{
    grid-template-columns:1fr !important;
  }
  body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-card{
    grid-template-columns:50px minmax(0,1fr) !important;
  }
  body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card-action{
    grid-column:2 !important;
    justify-self:start !important;
  }
}

html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs .p4j0i-tab{
  background:#12362d !important;
  border-color:rgba(188,255,215,.14) !important;
  color:#eaffef !important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs .p4j0i-tab.is-active,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs .p4j0i-tab.p4j0i-active-tab,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs .p4j0i-tab[aria-selected="true"],
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs .p4j0i-tab[data-active="1"]{
  background:#008765 !important;
  color:#fff !important;
  border-color:#008765 !important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-card strong{
  color:#eaffef !important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-card p,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card-top small{
  color:#bbd4ca !important;
}


/* === public/assets/css/phase-4j0bk-community-toolbar-safe-spacing.css === */
/* Phase 4J0BK — Community Toolbar Polish and Bottom Safe Spacing
   Scope: customer Community hub only.
   Protected: bottom nav, tennis FAB, OPS/admin, global table/button selectors. */

body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"]{
  padding-bottom:calc(150px + env(safe-area-inset-bottom,0px)) !important;
}

body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-toolbar{
  position:relative !important;
  width:100% !important;
  max-width:100% !important;
  display:grid !important;
  gap:10px !important;
  padding:11px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(169,255,62,.13), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,255,250,.96)) !important;
  border:1px solid rgba(0,80,56,.10) !important;
  box-shadow:0 16px 34px rgba(0,70,50,.075) !important;
  box-sizing:border-box !important;
}

body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-search{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:42px !important;
  border-radius:16px !important;
  padding:0 14px !important;
  border:1px solid rgba(0,80,56,.13) !important;
  background:#fff !important;
  color:#073d2d !important;
  font-size:13px !important;
  font-weight:850 !important;
  line-height:42px !important;
  outline:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 8px 18px rgba(0,70,50,.045) !important;
  box-sizing:border-box !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-search:focus{
  border-color:rgba(0,135,101,.45) !important;
  box-shadow:0 0 0 4px rgba(0,135,101,.10), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tabs{
  width:100% !important;
  max-width:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:0 1px 3px !important;
  margin:0 !important;
  scroll-snap-type:x proximity !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
  box-sizing:border-box !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tabs::-webkit-scrollbar{display:none !important;}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tab{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  min-height:37px !important;
  max-width:none !important;
  padding:0 11px !important;
  border-radius:14px !important;
  border:1px solid rgba(0,80,56,.12) !important;
  background:#fff !important;
  color:#073d2d !important;
  font-size:12.4px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:-.018em !important;
  white-space:nowrap !important;
  text-overflow:clip !important;
  overflow:visible !important;
  scroll-snap-align:start !important;
  box-shadow:0 8px 16px rgba(0,70,50,.045) !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tab.active{
  background:#008765 !important;
  color:#fff !important;
  border-color:#008765 !important;
  box-shadow:inset 0 -4px 0 rgba(185,255,64,.78), 0 12px 24px rgba(0,92,66,.14) !important;
}

body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-sort{
  min-height:42px !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
  padding:8px 11px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(0,80,56,.09) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.80) !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-sort span{
  color:#6a7d75 !important;
  font-size:10.5px !important;
  font-weight:950 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-sort select{
  width:100% !important;
  min-width:0 !important;
  justify-self:end !important;
  border:0 !important;
  background:transparent !important;
  color:#073d2d !important;
  font-size:12.5px !important;
  font-weight:950 !important;
  text-align:right !important;
  outline:none !important;
}

body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-section-title{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin:2px 2px -2px !important;
  padding:0 2px !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-section-title b{
  font-size:14px !important;
  line-height:1.15 !important;
  color:#073d2d !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-section-title small{
  font-size:11px !important;
  font-weight:850 !important;
  color:#6a7d75 !important;
  white-space:nowrap !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-row-list,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-feature-card:last-of-type{
  margin-bottom:18px !important;
}

@media (max-width:380px){
  body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tab{
    padding:0 9px !important;
    font-size:11.8px !important;
  }
  body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-sort{
    grid-template-columns:1fr !important;
    gap:2px !important;
  }
  body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-sort select{
    text-align:left !important;
  }
}

html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-toolbar{
  background:linear-gradient(180deg, rgba(16,44,37,.98), rgba(12,35,30,.96)) !important;
  border-color:rgba(188,255,215,.14) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.24) !important;
}
html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-search,
html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tab,
html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-sort{
  background:#12362d !important;
  border-color:rgba(188,255,215,.14) !important;
  color:#eaffef !important;
}
html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tab.active{
  background:#008765 !important;
  color:#fff !important;
  border-color:#008765 !important;
}
html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-sort select,
html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-section-title b{
  color:#eaffef !important;
}
html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-sort span,
html[data-theme="dark"] body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-section-title small{
  color:rgba(234,255,239,.70) !important;
}


/* === public/assets/css/phase-4j0bm-scoped-page-spacing-standard.css === */
/* Phase 4J0BM — scoped global page spacing standardization
   Purpose: align rhythm across Home, Booking, Activity, and Community without touching global/protected selectors.
   Protected selectors are not edited directly: .bottom-nav, .nav-item, #p3k39c8TennisFabRoot, .ops-booking-*, .ops-admin-*, .admin-card, global table, global button. */

html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home,
html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38e-home,
html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38f-home,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-booking-hub,
html body:not(.ops-admin) .p4j0i-activity-page,
html body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"]{
  --p4j0bm-gap-xs: 8px;
  --p4j0bm-gap-sm: 12px;
  --p4j0bm-gap-md: 16px;
  --p4j0bm-gap-lg: 20px;
  --p4j0bm-safe-bottom: 116px;
}

/* Page-level bottom safe spacing only. Bottom nav/FAB selectors are not modified. */
html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home,
html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38e-home,
html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38f-home,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-booking-hub,
html body:not(.ops-admin) .p4j0i-activity-page,
html body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"]{
  padding-bottom: max(var(--p4j0bm-safe-bottom), calc(env(safe-area-inset-bottom, 0px) + 104px));
}

/* Standard hero rhythm across customer pages. */
html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home .p3k38g-hero,
html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38e-home .p3k38e-hero,
html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38f-home .p3k38f-hero,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-booking-hero,
html body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero,
html body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-hero{
  margin-bottom: var(--p4j0bm-gap-md);
}

/* Search, toolbar, tabs, and action groups share compact vertical rhythm. */
html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home .p3k38g-quick-actions,
html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38e-home .p3k38e-quick-actions,
html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38f-home .p3k38f-quick-actions,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-card-grid,
html body:not(.ops-admin) .p4j0i-activity-page .p4j0i-search-card,
html body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs,
html body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-toolbar,
html body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tabs{
  margin-top: var(--p4j0bm-gap-sm);
  margin-bottom: var(--p4j0bm-gap-md);
}

/* Section titles should sit closer to their card groups without looking cramped. */
html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home .p3k38g-section-title,
html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38e-home .p3k38e-section-title,
html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38f-home .p3k38f-section-title,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-section-title,
html body:not(.ops-admin) .p4j0i-activity-page .p4j0i-section-title,
html body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-section-title{
  margin-top: var(--p4j0bm-gap-lg);
  margin-bottom: var(--p4j0bm-gap-sm);
  line-height: 1.14;
}

/* Lists/card grids get a consistent gap while preserving each page owner. */
html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home .p3k38g-card-list,
html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38e-home .p3k38e-card-list,
html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38f-home .p3k38f-card-list,
html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-slot-grid,
html body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card-grid,
html body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-list,
html body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-grid{
  gap: var(--p4j0bm-gap-md);
}

/* Horizontal tab strips share a safer touch target and no clipping rule. */
html body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs,
html body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tabs{
  padding-bottom: 4px;
  scroll-padding-inline: 14px;
}

html body:not(.ops-admin) .p4j0i-activity-page .p4j0i-activity-tabs > *,
html body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tabs > *{
  flex: 0 0 auto;
}

@media (max-width: 520px){
  html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home,
  html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38e-home,
  html body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38f-home,
  html[data-p4j0be-booking-hub="locked"] body.p4j0be-booking-owner .p4j0be-booking-hub,
  html body:not(.ops-admin) .p4j0i-activity-page,
  html body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"]{
    --p4j0bm-gap-sm: 10px;
    --p4j0bm-gap-md: 14px;
    --p4j0bm-gap-lg: 18px;
    --p4j0bm-safe-bottom: 124px;
  }
}


/* === public/assets/css/phase-4j0bn-community-event-action-binding-discovery-polish.css === */
/* Phase 4J0BN — scoped community/event discovery polish only. Protected selectors untouched. */
body:not(.ops-admin) .p4j0g-event-discovery .p4j0bn-refresh-icon,
body:not(.ops-admin) .p4j0ao-discovery-page .p4j0bn-refresh-icon {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-size: 21px !important;
  line-height: 1 !important;
  overflow: visible !important;
  white-space: nowrap !important;
}
body:not(.ops-admin) .p4j0g-event-discovery .p4j0g-section-head { align-items: center !important; }
body:not(.ops-admin) .p3k39d-screen .p3k39d-card-head .btn,
body:not(.ops-admin) .p3k39d-screen .p3k39d-role-actions .btn,
body:not(.ops-admin) .p3k39d-screen [data-p3k39c-create-event],
body:not(.ops-admin) .p3k39d-screen [data-p3k38y-create-event] {
  position: relative !important;
  z-index: 2 !important;
  pointer-events: auto !important;
}
body:not(.ops-admin) .p3k39d-screen .p3k39d-tabs,
body:not(.ops-admin) .p3k39d-screen .p3k39d-detail-tabs { pointer-events: auto !important; }
body:not(.ops-admin) .p3k39d-screen .p3k39d-tab {
  pointer-events: auto !important;
  touch-action: manipulation !important;
  cursor: pointer !important;
}
body:not(.ops-admin) #communityEventModal.p4j0bn-community-event-modal-front,
body:not(.ops-admin) #communityEventModal[data-p4j0bn-modal-front="1"] {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;
  display: flex !important;
  pointer-events: auto !important;
}
body:not(.ops-admin) #communityEventModal.p4j0bn-community-event-modal-front.hidden { display: none !important; }
@media(max-width:560px){
  body:not(.ops-admin) .p4j0g-event-discovery .p4j0bn-refresh-icon,
  body:not(.ops-admin) .p4j0ao-discovery-page .p4j0bn-refresh-icon { width: 40px !important; height: 40px !important; min-width: 40px !important; }
}


/* === public/assets/css/phase-4j0bo-community-action-hard-binding-tab-state-repair.css === */
/* Phase 4J0BO — scoped community action/tab repair. Protected selectors untouched. */
body:not(.ops-admin) .p3k39d-screen,
body:not(.ops-admin) .p3k39d-detail {
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior-x: contain;
}
body:not(.ops-admin) .p3k39d-screen .p3k39d-tab,
body:not(.ops-admin) .p3k39d-detail .p3k39d-tab,
body:not(.ops-admin) .p3k39d-screen [data-p3k39c-create-event],
body:not(.ops-admin) .p3k39d-screen [data-p3k38y-create-event],
body:not(.ops-admin) .p3k39d-screen [data-p4j0bo-create-event],
body:not(.ops-admin) .p3k39d-detail [data-p3k39d3-open-qr],
body:not(.ops-admin) .p3k39d-detail [data-p3k39d3-share] {
  touch-action: manipulation !important;
  pointer-events: auto !important;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}
body:not(.ops-admin) .p3k39d-screen .p3k39d-tab:active,
body:not(.ops-admin) .p3k39d-detail .p3k39d-tab:active,
body:not(.ops-admin) .p3k39d-screen [data-p3k39c-create-event]:active,
body:not(.ops-admin) .p3k39d-screen [data-p3k38y-create-event]:active,
body:not(.ops-admin) .p3k39d-screen [data-p4j0bo-create-event]:active {
  transform: translateY(1px) scale(.99);
}
body:not(.ops-admin) .p3k39d-screen .p3k39d-tab.active,
body:not(.ops-admin) .p3k39d-screen .p3k39d-tab.is-active,
body:not(.ops-admin) .p3k39d-detail .p3k39d-tab.active,
body:not(.ops-admin) .p3k39d-detail .p3k39d-tab.is-active,
body:not(.ops-admin) .p3k39d-screen .p3k39d-tab[aria-selected="true"],
body:not(.ops-admin) .p3k39d-detail .p3k39d-tab[aria-selected="true"] {
  background: var(--accent, #007f5d) !important;
  color: #fff !important;
  border-color: var(--accent, #007f5d) !important;
  box-shadow: 0 12px 28px rgba(0,127,93,.22) !important;
}
body:not(.ops-admin) .p3k39d-screen .p3k39d-tab:not(.active):not(.is-active):not([aria-selected="true"]),
body:not(.ops-admin) .p3k39d-detail .p3k39d-tab:not(.active):not(.is-active):not([aria-selected="true"]) {
  opacity: .96;
}
body:not(.ops-admin) .p3k39d-detail {
  padding-bottom: max(184px, calc(168px + env(safe-area-inset-bottom))) !important;
}
body:not(.ops-admin) .p3k39d-detail .p3k39d-detail-card:last-child,
body:not(.ops-admin) .p3k39d-detail .p3k39d-member-list:last-child,
body:not(.ops-admin) .p3k39d-detail .p3k39d-event-list:last-child {
  margin-bottom: 18px !important;
}
body:not(.ops-admin) #communityEventModal.p4j0bo-community-event-modal-front,
body:not(.ops-admin) #communityEventModal[data-p4j0bo-modal-front="1"] {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;
  display: flex !important;
  pointer-events: auto !important;
}
body:not(.ops-admin) #communityEventModal.p4j0bo-community-event-modal-front.hidden {
  display: none !important;
}
@media (max-width: 560px) {
  body:not(.ops-admin) .p3k39d-screen .p3k39d-tabs,
  body:not(.ops-admin) .p3k39d-detail .p3k39d-tabs,
  body:not(.ops-admin) .p3k39d-detail .p3k39d-detail-tabs {
    padding-bottom: 6px !important;
    scroll-snap-type: x proximity;
  }
  body:not(.ops-admin) .p3k39d-screen .p3k39d-tab,
  body:not(.ops-admin) .p3k39d-detail .p3k39d-tab {
    scroll-snap-align: start;
  }
}


/* === public/assets/css/phase-4j0bp-community-interaction-audit-action-owner-stabilization.css === */
/* Phase 4J0BP — scoped community interaction polish. Protected selectors untouched. */
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"],
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community-detail"],
body:not(.ops-admin) .p3k39d-detail {
  -webkit-tap-highlight-color: transparent !important;
  touch-action: pan-y;
  overscroll-behavior-x: contain;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] button,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] a,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community-detail"] button,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community-detail"] a,
body:not(.ops-admin) .p3k39d-detail button,
body:not(.ops-admin) .p3k39d-detail a {
  -webkit-tap-highlight-color: transparent !important;
  touch-action: manipulation !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .btn:hover,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community-detail"] .btn:hover,
body:not(.ops-admin) .p3k39d-detail .btn:hover,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tab:hover,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community-detail"] .p3k39d-tab:hover,
body:not(.ops-admin) .p3k39d-detail .p3k39d-tab:hover {
  transform: none !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .btn:active,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community-detail"] .btn:active,
body:not(.ops-admin) .p3k39d-detail .btn:active,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tab:active,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community-detail"] .p3k39d-tab:active,
body:not(.ops-admin) .p3k39d-detail .p3k39d-tab:active {
  transform: none !important;
  filter: brightness(.98);
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tab.active,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tab.is-active,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tab[aria-selected="true"],
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community-detail"] .p3k39d-tab.active,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community-detail"] .p3k39d-tab.is-active,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community-detail"] .p3k39d-tab[aria-selected="true"],
body:not(.ops-admin) .p3k39d-detail .p3k39d-tab.active,
body:not(.ops-admin) .p3k39d-detail .p3k39d-tab.is-active,
body:not(.ops-admin) .p3k39d-detail .p3k39d-tab[aria-selected="true"] {
  background: var(--brand-green, #087256) !important;
  border-color: var(--brand-green, #087256) !important;
  color: #fff !important;
  box-shadow: inset 0 -3px 0 rgba(183,255,53,.5), 0 10px 22px rgba(0,90,62,.16) !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] [data-p4j0bp-handled-at],
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community-detail"] [data-p4j0bp-handled-at],
body:not(.ops-admin) .p3k39d-detail [data-p4j0bp-handled-at] {
  outline: none !important;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-toolbar,
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community-detail"] .p3k39d-detail-tabs,
body:not(.ops-admin) .p3k39d-detail .p3k39d-detail-tabs {
  position: relative;
  z-index: 3;
}
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"],
body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community-detail"],
body:not(.ops-admin) .p3k39d-detail {
  padding-bottom: max(190px, calc(172px + env(safe-area-inset-bottom))) !important;
}
body:not(.ops-admin) #communityEventModal.p4j0bp-community-modal-front,
body:not(.ops-admin) #communityEventModal[data-p4j0bp-modal-front="1"] {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;
  display: flex !important;
  pointer-events: auto !important;
}
body:not(.ops-admin) #communityEventModal.p4j0bp-community-modal-front.hidden {
  display: none !important;
}
@media (max-width: 560px) {
  body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tabs,
  body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community-detail"] .p3k39d-tabs,
  body:not(.ops-admin) .p3k39d-detail .p3k39d-tabs,
  body:not(.ops-admin) .p3k39d-detail .p3k39d-detail-tabs {
    scroll-padding-inline: 12px;
    scroll-snap-type: x proximity;
  }
  body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community"] .p3k39d-tab,
  body:not(.ops-admin) .p3k39d-screen[data-p3k39d-page="community-detail"] .p3k39d-tab,
  body:not(.ops-admin) .p3k39d-detail .p3k39d-tab {
    scroll-snap-align: start;
    min-height: 40px;
  }
}


/* === public/assets/css/phase-4j0bq-community-single-owner-runtime-consolidation.css === */
/* Phase 4J0BQ — scoped community single owner runtime styles. */
body:not(.ops-admin) .p4j0bq-screen {
  display: grid;
  gap: 12px;
  padding-bottom: max(190px, calc(172px + env(safe-area-inset-bottom))) !important;
  -webkit-tap-highlight-color: transparent !important;
  touch-action: pan-y;
  overscroll-behavior-x: contain;
}
body:not(.ops-admin) .p4j0bq-screen button,
body:not(.ops-admin) .p4j0bq-screen a,
body:not(.ops-admin) .p4j0bq-screen input,
body:not(.ops-admin) .p4j0bq-screen select {
  -webkit-tap-highlight-color: transparent !important;
}
body:not(.ops-admin) .p4j0bq-screen .btn,
body:not(.ops-admin) .p4j0bq-tab,
body:not(.ops-admin) .p4j0bq-back {
  transform: none !important;
  transition: background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease !important;
}
body:not(.ops-admin) .p4j0bq-screen .btn:hover,
body:not(.ops-admin) .p4j0bq-screen .btn:active,
body:not(.ops-admin) .p4j0bq-tab:hover,
body:not(.ops-admin) .p4j0bq-tab:active,
body:not(.ops-admin) .p4j0bq-back:hover,
body:not(.ops-admin) .p4j0bq-back:active {
  transform: none !important;
}
body:not(.ops-admin) .p4j0bq-hero,
body:not(.ops-admin) .p4j0bq-activity,
body:not(.ops-admin) .p4j0bq-toolbar,
body:not(.ops-admin) .p4j0bq-feature,
body:not(.ops-admin) .p4j0bq-row,
body:not(.ops-admin) .p4j0bq-card,
body:not(.ops-admin) .p4j0bq-detail-hero {
  border: 1px solid var(--border);
  background: var(--bg-card);
  box-shadow: var(--shadow-soft);
  border-radius: 22px;
}
body:not(.ops-admin) .p4j0bq-hero {
  display: grid;
  gap: 12px;
  padding: 16px;
  background: linear-gradient(135deg, var(--bg-card), var(--accent-soft));
}
body:not(.ops-admin) .p4j0bq-hero h1,
body:not(.ops-admin) .p4j0bq-detail-hero h1 {
  margin: 3px 0 4px;
  font-size: 1.55rem;
  line-height: 1.04;
  letter-spacing: -.045em;
}
body:not(.ops-admin) .p4j0bq-hero p,
body:not(.ops-admin) .p4j0bq-detail-hero p,
body:not(.ops-admin) .p4j0bq-card p,
body:not(.ops-admin) .p4j0bq-activity span,
body:not(.ops-admin) .p4j0bq-row-copy p,
body:not(.ops-admin) .p4j0bq-event-body p {
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.38;
  font-size: .83rem;
}
body:not(.ops-admin) .p4j0bq-stats,
body:not(.ops-admin) .p4j0bq-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}
body:not(.ops-admin) .p4j0bq-stats span,
body:not(.ops-admin) .p4j0bq-stat-grid span {
  display: grid;
  gap: 1px;
  min-width: 0;
  padding: 8px;
  border-radius: 14px;
  background: var(--bg-surface);
  border: 1px solid var(--border);
  text-align: center;
}
body:not(.ops-admin) .p4j0bq-stats b,
body:not(.ops-admin) .p4j0bq-stat-grid strong { font-size: 1rem; color: var(--text-primary); }
body:not(.ops-admin) .p4j0bq-stats small,
body:not(.ops-admin) .p4j0bq-stat-grid small,
body:not(.ops-admin) .p4j0bq-card small,
body:not(.ops-admin) .p4j0bq-activity small {
  color: var(--text-secondary);
  font-size: .62rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 950;
}
body:not(.ops-admin) .p4j0bq-hero-actions,
body:not(.ops-admin) .p4j0bq-actions,
body:not(.ops-admin) .p4j0bq-row-actions,
body:not(.ops-admin) .p4j0bq-detail-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
body:not(.ops-admin) .p4j0bq-activity,
body:not(.ops-admin) .p4j0bq-card-head,
body:not(.ops-admin) .p4j0bq-role-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 13px;
}
body:not(.ops-admin) .p4j0bq-activity b,
body:not(.ops-admin) .p4j0bq-card h2 { display:block; margin: 3px 0 4px; font-size: 1.05rem; line-height: 1.15; }
body:not(.ops-admin) .p4j0bq-toolbar {
  padding: 10px;
  display: grid;
  gap: 9px;
  position: relative;
  z-index: 2;
}
body:not(.ops-admin) .p4j0bq-search {
  width: 100%;
  min-height: 42px;
  border-radius: 16px;
  border: 1px solid var(--border-strong);
  background: var(--bg-surface);
  color: var(--text-primary);
  padding: 10px 12px;
  font-weight: 850;
  box-shadow: var(--shadow-soft);
}
body:not(.ops-admin) .p4j0bq-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding: 2px 1px 4px;
  scroll-snap-type: x proximity;
}
body:not(.ops-admin) .p4j0bq-tabs::-webkit-scrollbar { display: none; }
body:not(.ops-admin) .p4j0bq-tab {
  flex: 0 0 auto;
  min-height: 40px;
  border-radius: 999px;
  border: 1px solid var(--border-strong);
  background: var(--bg-surface);
  color: var(--text-primary);
  padding: 0 14px;
  font-weight: 950;
  white-space: nowrap;
  box-shadow: var(--shadow-soft);
  scroll-snap-align: start;
}
body:not(.ops-admin) .p4j0bq-tab.is-active,
body:not(.ops-admin) .p4j0bq-tab[aria-selected="true"],
body:not(.ops-admin) .p4j0bq-tab[aria-pressed="true"] {
  background: var(--brand-green) !important;
  border-color: var(--brand-green) !important;
  color: #fff !important;
  box-shadow: inset 0 -3px 0 rgba(183,255,53,.60), 0 10px 22px rgba(6,63,51,.16) !important;
}
body:not(.ops-admin) .p4j0bq-sort {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
  border-radius: 16px;
  background: var(--bg-surface);
  border: 1px solid var(--border);
}
body:not(.ops-admin) .p4j0bq-sort span { color: var(--text-secondary); font-size: .68rem; font-weight: 950; text-transform: uppercase; letter-spacing: .06em; }
body:not(.ops-admin) .p4j0bq-sort select { border:0; outline:0; background:transparent; color:var(--text-primary); font-weight:950; max-width:65%; }
body:not(.ops-admin) .p4j0bq-section-title { display:flex; justify-content:space-between; gap:10px; align-items:end; margin: 4px 2px -2px; }
body:not(.ops-admin) .p4j0bq-section-title small { color:var(--text-secondary); font-weight:850; }
body:not(.ops-admin) .p4j0bq-feature { overflow: hidden; }
body:not(.ops-admin) .p4j0bq-feature-media,
body:not(.ops-admin) .p4j0bq-detail-hero {
  background-image: linear-gradient(180deg, rgba(3,38,28,.10), rgba(3,38,28,.70)), var(--p4j0bq-bg);
  background-size: cover;
  background-position: center;
}
body:not(.ops-admin) .p4j0bq-feature-media { min-height: 150px; display:flex; align-items:flex-end; padding: 15px; color:#fff; }
body:not(.ops-admin) .p4j0bq-feature-media h2 { color:#fff; margin: 4px 0; font-size:1.28rem; line-height:1.08; }
body:not(.ops-admin) .p4j0bq-feature-media p { color: rgba(255,255,255,.9); margin:0; line-height:1.32; }
body:not(.ops-admin) .p4j0bq-card-body,
body:not(.ops-admin) .p4j0bq-card { padding: 13px; display:grid; gap:10px; }
body:not(.ops-admin) .p4j0bq-meta { display:flex; gap:6px; flex-wrap:wrap; margin-top: 4px; }
body:not(.ops-admin) .p4j0bq-meta span { border-radius:999px; padding:5px 8px; background:var(--accent-soft); color:var(--text-primary); font-size:.66rem; font-weight:950; }
body:not(.ops-admin) .p4j0bq-list { display:grid; gap:10px; }
body:not(.ops-admin) .p4j0bq-row { display:grid; grid-template-columns: auto minmax(0,1fr); gap:11px; align-items:center; padding:12px; }
body:not(.ops-admin) .p4j0bq-row-copy h3 { margin:0; font-size:1rem; line-height:1.15; color: var(--text-primary); }
body:not(.ops-admin) .p4j0bq-row-actions { grid-column: 1/-1; }
body:not(.ops-admin) .p4j0bq-avatar,
body:not(.ops-admin) .p4j0bq-logo,
body:not(.ops-admin) .p4j0bq-mini-avatar,
body:not(.ops-admin) .p4j0bq-detail-avatar {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius: 18px;
  background: var(--accent-soft);
  color: var(--text-primary);
  font-weight: 950;
  border: 1px solid var(--border);
}
body:not(.ops-admin) .p4j0bq-avatar { width: 48px; height: 48px; }
body:not(.ops-admin) .p4j0bq-logo { width: 56px; height: 56px; }
body:not(.ops-admin) .p4j0bq-mini-avatar { width: 38px; height: 38px; border-radius: 14px; }
body:not(.ops-admin) .p4j0bq-detail-avatar { width: 64px; height: 64px; border-radius: 22px; }
body:not(.ops-admin) .p4j0bq-avatar img,
body:not(.ops-admin) .p4j0bq-logo img,
body:not(.ops-admin) .p4j0bq-mini-avatar img,
body:not(.ops-admin) .p4j0bq-detail-avatar img { width:100%; height:100%; object-fit:cover; }
body:not(.ops-admin) .p4j0bq-detail-hero { padding: 15px; color:#fff; display:grid; gap:12px; }
body:not(.ops-admin) .p4j0bq-detail-main { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px; align-items:end; }
body:not(.ops-admin) .p4j0bq-detail-main h1,
body:not(.ops-admin) .p4j0bq-detail-main p,
body:not(.ops-admin) .p4j0bq-detail-main small { color:#fff; }
body:not(.ops-admin) .p4j0bq-back { width:max-content; border:1px solid var(--border); background:var(--bg-card); color:var(--text-primary); border-radius:999px; padding:9px 12px; font-weight:950; box-shadow:var(--shadow-soft); }
body:not(.ops-admin) .p4j0bq-event-list,
body:not(.ops-admin) .p4j0bq-member-list { display:grid; gap:9px; }
body:not(.ops-admin) .p4j0bq-event-card { border:1px solid var(--border); background:var(--bg-surface); border-radius:20px; overflow:hidden; box-shadow:var(--shadow-soft); }
body:not(.ops-admin) .p4j0bq-event-media { min-height:110px; background-image:linear-gradient(180deg,rgba(3,38,28,.05),rgba(3,38,28,.35)),var(--p4j0bq-event-bg); background-size:cover; background-position:center; }
body:not(.ops-admin) .p4j0bq-event-body { padding:12px; display:grid; gap:8px; }
body:not(.ops-admin) .p4j0bq-event-title { display:flex; justify-content:space-between; gap:8px; align-items:flex-start; }
body:not(.ops-admin) .p4j0bq-event-title h3 { margin:0; font-size:1rem; line-height:1.15; }
body:not(.ops-admin) .p4j0bq-event-title span { border-radius:999px; padding:5px 8px; background:var(--accent-soft); font-size:.62rem; font-weight:950; white-space:nowrap; }
body:not(.ops-admin) .p4j0bq-member-row { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; padding:10px; border:1px solid var(--border); border-radius:16px; background:var(--bg-surface); }
body:not(.ops-admin) .p4j0bq-member-row b { display:block; }
body:not(.ops-admin) .p4j0bq-member-row span,
body:not(.ops-admin) .p4j0bq-member-row em { color:var(--text-secondary); font-size:.72rem; font-style:normal; font-weight:850; }
body:not(.ops-admin) .p4j0bq-empty { display:grid; gap:5px; place-items:center; text-align:center; padding:18px 10px; color:var(--text-secondary); }
body:not(.ops-admin) .p4j0bq-empty strong { color:var(--text-primary); }
body:not(.ops-admin) #communityEventModal.p4j0bq-modal-front,
body:not(.ops-admin) #communityEventModal[data-p4j0bq-modal-front="1"] { position:fixed!important; inset:0!important; z-index:2147483646!important; display:flex!important; pointer-events:auto!important; }
body:not(.ops-admin) #communityEventModal.p4j0bq-modal-front.hidden { display:none!important; }
body:not(.ops-admin) .p4j0bq-modal-context { font-size:.74rem; color:var(--text-secondary); font-weight:950; margin-top:4px; }
@media (max-width: 520px) {
  body:not(.ops-admin) .p4j0bq-activity,
  body:not(.ops-admin) .p4j0bq-card-head,
  body:not(.ops-admin) .p4j0bq-role-row { display:grid; }
  body:not(.ops-admin) .p4j0bq-activity .btn,
  body:not(.ops-admin) .p4j0bq-card-head .btn { width:100%; }
}


/* === public/assets/css/phase-4j0br-community-functional-mapping-social-detail-polish.css === */
/* Phase 4J0BR — scoped community functional mapping and social detail polish styles. */
body:not(.ops-admin) .p4j0br-screen {
  display: grid;
  gap: 12px;
  padding-bottom: max(190px, calc(172px + env(safe-area-inset-bottom))) !important;
  -webkit-tap-highlight-color: transparent !important;
  touch-action: pan-y;
  overscroll-behavior-x: contain;
}
body:not(.ops-admin) .p4j0br-screen button,
body:not(.ops-admin) .p4j0br-screen a,
body:not(.ops-admin) .p4j0br-screen input,
body:not(.ops-admin) .p4j0br-screen select {
  -webkit-tap-highlight-color: transparent !important;
}
body:not(.ops-admin) .p4j0br-screen .btn,
body:not(.ops-admin) .p4j0br-tab,
body:not(.ops-admin) .p4j0br-back {
  transform: none !important;
  transition: background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease !important;
}
body:not(.ops-admin) .p4j0br-screen .btn:hover,
body:not(.ops-admin) .p4j0br-screen .btn:active,
body:not(.ops-admin) .p4j0br-tab:hover,
body:not(.ops-admin) .p4j0br-tab:active,
body:not(.ops-admin) .p4j0br-back:hover,
body:not(.ops-admin) .p4j0br-back:active {
  transform: none !important;
}
body:not(.ops-admin) .p4j0br-hero,
body:not(.ops-admin) .p4j0br-activity,
body:not(.ops-admin) .p4j0br-toolbar,
body:not(.ops-admin) .p4j0br-feature,
body:not(.ops-admin) .p4j0br-row,
body:not(.ops-admin) .p4j0br-card,
body:not(.ops-admin) .p4j0br-detail-hero {
  border: 1px solid var(--border);
  background: var(--bg-card);
  box-shadow: var(--shadow-soft);
  border-radius: 22px;
}
body:not(.ops-admin) .p4j0br-hero {
  display: grid;
  gap: 12px;
  padding: 16px;
  background: linear-gradient(135deg, var(--bg-card), var(--accent-soft));
}
body:not(.ops-admin) .p4j0br-hero h1,
body:not(.ops-admin) .p4j0br-detail-hero h1 {
  margin: 3px 0 4px;
  font-size: 1.55rem;
  line-height: 1.04;
  letter-spacing: -.045em;
}
body:not(.ops-admin) .p4j0br-hero p,
body:not(.ops-admin) .p4j0br-detail-hero p,
body:not(.ops-admin) .p4j0br-card p,
body:not(.ops-admin) .p4j0br-activity span,
body:not(.ops-admin) .p4j0br-row-copy p,
body:not(.ops-admin) .p4j0br-event-body p {
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.38;
  font-size: .83rem;
}
body:not(.ops-admin) .p4j0br-stats,
body:not(.ops-admin) .p4j0br-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}
body:not(.ops-admin) .p4j0br-stats span,
body:not(.ops-admin) .p4j0br-stat-grid span {
  display: grid;
  gap: 1px;
  min-width: 0;
  padding: 8px;
  border-radius: 14px;
  background: var(--bg-surface);
  border: 1px solid var(--border);
  text-align: center;
}
body:not(.ops-admin) .p4j0br-stats b,
body:not(.ops-admin) .p4j0br-stat-grid strong { font-size: 1rem; color: var(--text-primary); }
body:not(.ops-admin) .p4j0br-stats small,
body:not(.ops-admin) .p4j0br-stat-grid small,
body:not(.ops-admin) .p4j0br-card small,
body:not(.ops-admin) .p4j0br-activity small {
  color: var(--text-secondary);
  font-size: .62rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 950;
}
body:not(.ops-admin) .p4j0br-hero-actions,
body:not(.ops-admin) .p4j0br-actions,
body:not(.ops-admin) .p4j0br-row-actions,
body:not(.ops-admin) .p4j0br-detail-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
body:not(.ops-admin) .p4j0br-activity,
body:not(.ops-admin) .p4j0br-card-head,
body:not(.ops-admin) .p4j0br-role-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 13px;
}
body:not(.ops-admin) .p4j0br-activity b,
body:not(.ops-admin) .p4j0br-card h2 { display:block; margin: 3px 0 4px; font-size: 1.05rem; line-height: 1.15; }
body:not(.ops-admin) .p4j0br-toolbar {
  padding: 10px;
  display: grid;
  gap: 9px;
  position: relative;
  z-index: 2;
}
body:not(.ops-admin) .p4j0br-search {
  width: 100%;
  min-height: 42px;
  border-radius: 16px;
  border: 1px solid var(--border-strong);
  background: var(--bg-surface);
  color: var(--text-primary);
  padding: 10px 12px;
  font-weight: 850;
  box-shadow: var(--shadow-soft);
}
body:not(.ops-admin) .p4j0br-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding: 2px 1px 4px;
  scroll-snap-type: x proximity;
}
body:not(.ops-admin) .p4j0br-tabs::-webkit-scrollbar { display: none; }
body:not(.ops-admin) .p4j0br-tab {
  flex: 0 0 auto;
  min-height: 40px;
  border-radius: 999px;
  border: 1px solid var(--border-strong);
  background: var(--bg-surface);
  color: var(--text-primary);
  padding: 0 14px;
  font-weight: 950;
  white-space: nowrap;
  box-shadow: var(--shadow-soft);
  scroll-snap-align: start;
}
body:not(.ops-admin) .p4j0br-tab.is-active,
body:not(.ops-admin) .p4j0br-tab[aria-selected="true"],
body:not(.ops-admin) .p4j0br-tab[aria-pressed="true"] {
  background: var(--brand-green) !important;
  border-color: var(--brand-green) !important;
  color: #fff !important;
  box-shadow: inset 0 -3px 0 rgba(183,255,53,.60), 0 10px 22px rgba(6,63,51,.16) !important;
}
body:not(.ops-admin) .p4j0br-sort {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
  border-radius: 16px;
  background: var(--bg-surface);
  border: 1px solid var(--border);
}
body:not(.ops-admin) .p4j0br-sort span { color: var(--text-secondary); font-size: .68rem; font-weight: 950; text-transform: uppercase; letter-spacing: .06em; }
body:not(.ops-admin) .p4j0br-sort select { border:0; outline:0; background:transparent; color:var(--text-primary); font-weight:950; max-width:65%; }
body:not(.ops-admin) .p4j0br-section-title { display:flex; justify-content:space-between; gap:10px; align-items:end; margin: 4px 2px -2px; }
body:not(.ops-admin) .p4j0br-section-title small { color:var(--text-secondary); font-weight:850; }
body:not(.ops-admin) .p4j0br-feature { overflow: hidden; }
body:not(.ops-admin) .p4j0br-feature-media,
body:not(.ops-admin) .p4j0br-detail-hero {
  background-image: linear-gradient(180deg, rgba(3,38,28,.10), rgba(3,38,28,.70)), var(--p4j0br-bg);
  background-size: cover;
  background-position: center;
}
body:not(.ops-admin) .p4j0br-feature-media { min-height: 150px; display:flex; align-items:flex-end; padding: 15px; color:#fff; }
body:not(.ops-admin) .p4j0br-feature-media h2 { color:#fff; margin: 4px 0; font-size:1.28rem; line-height:1.08; }
body:not(.ops-admin) .p4j0br-feature-media p { color: rgba(255,255,255,.9); margin:0; line-height:1.32; }
body:not(.ops-admin) .p4j0br-card-body,
body:not(.ops-admin) .p4j0br-card { padding: 13px; display:grid; gap:10px; }
body:not(.ops-admin) .p4j0br-meta { display:flex; gap:6px; flex-wrap:wrap; margin-top: 4px; }
body:not(.ops-admin) .p4j0br-meta span { border-radius:999px; padding:5px 8px; background:var(--accent-soft); color:var(--text-primary); font-size:.66rem; font-weight:950; }
body:not(.ops-admin) .p4j0br-list { display:grid; gap:10px; }
body:not(.ops-admin) .p4j0br-row { display:grid; grid-template-columns: auto minmax(0,1fr); gap:11px; align-items:center; padding:12px; }
body:not(.ops-admin) .p4j0br-row-copy h3 { margin:0; font-size:1rem; line-height:1.15; color: var(--text-primary); }
body:not(.ops-admin) .p4j0br-row-actions { grid-column: 1/-1; }
body:not(.ops-admin) .p4j0br-avatar,
body:not(.ops-admin) .p4j0br-logo,
body:not(.ops-admin) .p4j0br-mini-avatar,
body:not(.ops-admin) .p4j0br-detail-avatar {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius: 18px;
  background: var(--accent-soft);
  color: var(--text-primary);
  font-weight: 950;
  border: 1px solid var(--border);
}
body:not(.ops-admin) .p4j0br-avatar { width: 48px; height: 48px; }
body:not(.ops-admin) .p4j0br-logo { width: 56px; height: 56px; }
body:not(.ops-admin) .p4j0br-mini-avatar { width: 38px; height: 38px; border-radius: 14px; }
body:not(.ops-admin) .p4j0br-detail-avatar { width: 64px; height: 64px; border-radius: 22px; }
body:not(.ops-admin) .p4j0br-avatar img,
body:not(.ops-admin) .p4j0br-logo img,
body:not(.ops-admin) .p4j0br-mini-avatar img,
body:not(.ops-admin) .p4j0br-detail-avatar img { width:100%; height:100%; object-fit:cover; }
body:not(.ops-admin) .p4j0br-detail-hero { padding: 15px; color:#fff; display:grid; gap:12px; }
body:not(.ops-admin) .p4j0br-detail-main { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px; align-items:end; }
body:not(.ops-admin) .p4j0br-detail-main h1,
body:not(.ops-admin) .p4j0br-detail-main p,
body:not(.ops-admin) .p4j0br-detail-main small { color:#fff; }
body:not(.ops-admin) .p4j0br-back { width:max-content; border:1px solid var(--border); background:var(--bg-card); color:var(--text-primary); border-radius:999px; padding:9px 12px; font-weight:950; box-shadow:var(--shadow-soft); }
body:not(.ops-admin) .p4j0br-event-list,
body:not(.ops-admin) .p4j0br-member-list { display:grid; gap:9px; }
body:not(.ops-admin) .p4j0br-event-card { border:1px solid var(--border); background:var(--bg-surface); border-radius:20px; overflow:hidden; box-shadow:var(--shadow-soft); }
body:not(.ops-admin) .p4j0br-event-media { min-height:110px; background-image:linear-gradient(180deg,rgba(3,38,28,.05),rgba(3,38,28,.35)),var(--p4j0br-event-bg); background-size:cover; background-position:center; }
body:not(.ops-admin) .p4j0br-event-body { padding:12px; display:grid; gap:8px; }
body:not(.ops-admin) .p4j0br-event-title { display:flex; justify-content:space-between; gap:8px; align-items:flex-start; }
body:not(.ops-admin) .p4j0br-event-title h3 { margin:0; font-size:1rem; line-height:1.15; }
body:not(.ops-admin) .p4j0br-event-title span { border-radius:999px; padding:5px 8px; background:var(--accent-soft); font-size:.62rem; font-weight:950; white-space:nowrap; }
body:not(.ops-admin) .p4j0br-member-row { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; padding:10px; border:1px solid var(--border); border-radius:16px; background:var(--bg-surface); }
body:not(.ops-admin) .p4j0br-member-row b { display:block; }
body:not(.ops-admin) .p4j0br-member-row span,
body:not(.ops-admin) .p4j0br-member-row em { color:var(--text-secondary); font-size:.72rem; font-style:normal; font-weight:850; }
body:not(.ops-admin) .p4j0br-empty { display:grid; gap:5px; place-items:center; text-align:center; padding:18px 10px; color:var(--text-secondary); }
body:not(.ops-admin) .p4j0br-empty strong { color:var(--text-primary); }
body:not(.ops-admin) #communityEventModal.p4j0br-modal-front,
body:not(.ops-admin) #communityEventModal[data-p4j0br-modal-front="1"] { position:fixed!important; inset:0!important; z-index:2147483646!important; display:flex!important; pointer-events:auto!important; }
body:not(.ops-admin) #communityEventModal.p4j0br-modal-front.hidden { display:none!important; }
body:not(.ops-admin) .p4j0br-modal-context { font-size:.74rem; color:var(--text-secondary); font-weight:950; margin-top:4px; }
@media (max-width: 520px) {
  body:not(.ops-admin) .p4j0br-activity,
  body:not(.ops-admin) .p4j0br-card-head,
  body:not(.ops-admin) .p4j0br-role-row { display:grid; }
  body:not(.ops-admin) .p4j0br-activity .btn,
  body:not(.ops-admin) .p4j0br-card-head .btn { width:100%; }
}

body:not(.ops-admin) .p4j0br-main-tabs,
body:not(.ops-admin) .p4j0br-detail .detail-tabs {
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 5px;
}
body:not(.ops-admin) .p4j0br-tab span { position: relative; z-index: 1; }
body:not(.ops-admin) .p4j0br-tab.is-active::after,
body:not(.ops-admin) .p4j0br-tab[aria-selected="true"]::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 5px;
  height: 3px;
  border-radius: 999px;
  background: rgba(183,255,53,.8);
}
body:not(.ops-admin) .p4j0br-tab { position: relative; }
body:not(.ops-admin) .p4j0br-section-subtitle {
  margin: -4px 2px 2px;
  color: var(--text-secondary);
  font-size: .82rem;
  line-height: 1.35;
}
body:not(.ops-admin) .p4j0br-social-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 8px;
}
body:not(.ops-admin) .p4j0br-social-tile {
  text-align: left;
  min-height: 86px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: var(--bg-surface);
  color: var(--text-primary);
  padding: 12px;
  display: grid;
  gap: 5px;
  transform: none !important;
  box-shadow: var(--shadow-soft);
}
body:not(.ops-admin) .p4j0br-social-tile b { font-size: .92rem; }
body:not(.ops-admin) .p4j0br-social-tile span { color: var(--text-secondary); font-size: .74rem; line-height: 1.25; }
body:not(.ops-admin) .p4j0br-feed-list { display:grid; gap:9px; }
body:not(.ops-admin) .p4j0br-feed-item {
  border: 1px dashed var(--border-strong);
  border-radius: 18px;
  background: var(--bg-surface);
  padding: 13px;
  display: grid;
  gap: 4px;
}
body:not(.ops-admin) .p4j0br-feed-item span { color: var(--text-secondary); font-size: .82rem; }
body:not(.ops-admin) .p4j0br-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 8px;
}
body:not(.ops-admin) .p4j0br-gallery-grid span {
  min-height: 82px;
  border-radius: 18px;
  border: 1px dashed var(--border-strong);
  background: linear-gradient(135deg, var(--bg-surface), var(--accent-soft));
  display:grid;
  place-items:center;
  color: var(--text-secondary);
  font-weight: 900;
  font-size: .76rem;
}
body:not(.ops-admin) #communityEventModal.p4j0br-modal-front .modal-card {
  max-height: min(88dvh, 720px) !important;
  overflow: auto !important;
  scroll-behavior: auto !important;
}
body:not(.ops-admin) #communityEventModal.p4j0br-modal-front .modal-actions {
  position: sticky;
  bottom: 0;
  background: var(--bg-card);
  padding-top: 10px;
  border-top: 1px solid var(--border);
}
body:not(.ops-admin) #eventVisibilityInput.field-input {
  background: var(--bg-surface) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-strong) !important;
}
body:not(.ops-admin) .p4j0br-qr-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: grid;
  place-items: center;
  padding: 18px;
}
body:not(.ops-admin) .p4j0br-qr-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.62);
  backdrop-filter: blur(8px);
}
body:not(.ops-admin) .p4j0br-qr-card {
  position: relative;
  width: min(360px, calc(100vw - 28px));
  background: var(--bg-card);
  color: var(--text-primary);
  border: 1px solid var(--border);
  border-radius: 26px;
  box-shadow: 0 28px 90px rgba(0,0,0,.32);
  padding: 18px;
  display: grid;
  gap: 12px;
  text-align: center;
}
body:not(.ops-admin) .p4j0br-qr-card small {
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 950;
}
body:not(.ops-admin) .p4j0br-qr-card h3 { margin: 0; }
body:not(.ops-admin) .p4j0br-qr-card img {
  width: 230px;
  height: 230px;
  max-width: 100%;
  margin: auto;
  border-radius: 18px;
  background: #fff;
  border: 1px solid var(--border);
}
body:not(.ops-admin) .p4j0br-qr-card code {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 9px;
  color: var(--text-secondary);
  font-size: .72rem;
}
body:not(.ops-admin) .p4j0br-qr-close {
  position:absolute;
  right:12px;
  top:12px;
  border:0;
  border-radius:999px;
  background: var(--bg-surface);
  color: var(--text-primary);
  width:36px;
  height:36px;
  font-weight: 950;
}
@media (max-width: 430px) {
  body:not(.ops-admin) .p4j0br-social-grid,
  body:not(.ops-admin) .p4j0br-gallery-grid { grid-template-columns: 1fr; }
}


/* === public/assets/css/phase-4j0bs-community-action-correctness-visual-standardization.css === */
/* Phase 4J0BS — scoped community action correctness and visual standardization. */
body:not(.ops-admin) .p4j0bs-screen{display:grid;gap:12px;padding-bottom:max(190px,calc(172px + env(safe-area-inset-bottom)))!important;-webkit-tap-highlight-color:transparent!important;touch-action:pan-y;overscroll-behavior-x:contain}
body:not(.ops-admin) .p4j0bs-screen button,body:not(.ops-admin) .p4j0bs-screen input,body:not(.ops-admin) .p4j0bs-screen select{-webkit-tap-highlight-color:transparent!important}
body:not(.ops-admin) .p4j0bs-hero,body:not(.ops-admin) .p4j0bs-toolbar,body:not(.ops-admin) .p4j0bs-feature,body:not(.ops-admin) .p4j0bs-row,body:not(.ops-admin) .p4j0bs-card,body:not(.ops-admin) .p4j0bs-detail-hero{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-soft);border-radius:22px}
body:not(.ops-admin) .p4j0bs-hero{display:grid;gap:12px;padding:16px;background:linear-gradient(135deg,var(--bg-card),var(--accent-soft))}
body:not(.ops-admin) .p4j0bs-hero small,body:not(.ops-admin) .p4j0bs-card small,body:not(.ops-admin) .p4j0bs-sheet small{color:var(--text-secondary);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950}
body:not(.ops-admin) .p4j0bs-hero h1,body:not(.ops-admin) .p4j0bs-detail-hero h1{margin:3px 0 4px;font-size:1.5rem;line-height:1.05;letter-spacing:-.045em}
body:not(.ops-admin) .p4j0bs-hero p,body:not(.ops-admin) .p4j0bs-card p,body:not(.ops-admin) .p4j0bs-row-copy p,body:not(.ops-admin) .p4j0bs-event-body p,body:not(.ops-admin) .p4j0bs-sheet p{color:var(--text-secondary);margin:0;line-height:1.38;font-size:.84rem}
body:not(.ops-admin) .p4j0bs-actions{display:grid;gap:8px}.p4j0bs-actions.two{grid-template-columns:repeat(2,minmax(0,1fr))}
body:not(.ops-admin) .p4j0bs-btn{appearance:none;border:1px solid var(--border-strong);border-radius:16px;min-height:44px;width:100%;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:950;font-size:.86rem;line-height:1.1;background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-soft);transform:none!important;transition:background-color .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease!important;white-space:normal}
body:not(.ops-admin) .p4j0bs-btn:hover,body:not(.ops-admin) .p4j0bs-btn:active{transform:none!important}.p4j0bs-btn.primary{background:var(--brand-green)!important;border-color:var(--brand-green)!important;color:#fff!important}.p4j0bs-btn.secondary{background:var(--bg-surface)!important;color:var(--text-primary)!important}.p4j0bs-btn.icon{min-height:42px;border-radius:999px}.p4j0bs-btn.compact{min-width:132px}.p4j0bs-btn.wide{margin-top:4px}
body:not(.ops-admin) .p4j0bs-stats,body:not(.ops-admin) .p4j0bs-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.p4j0bs-stats span,.p4j0bs-stat-grid span{display:grid;gap:1px;padding:8px;border-radius:14px;background:var(--bg-surface);border:1px solid var(--border);text-align:center}.p4j0bs-stats b,.p4j0bs-stat-grid strong{font-size:1rem;color:var(--text-primary)}.p4j0bs-stats small,.p4j0bs-stat-grid small{font-size:.62rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:950}
body:not(.ops-admin) .p4j0bs-toolbar{padding:10px;display:grid;gap:9px;position:relative;z-index:2}.p4j0bs-search{width:100%;min-height:44px;border-radius:16px;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);padding:10px 12px;font-weight:850;box-shadow:var(--shadow-soft)}
body:not(.ops-admin) .p4j0bs-tabs{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:5px;background:var(--bg-surface);border:1px solid var(--border);border-radius:18px;scroll-snap-type:x proximity}.p4j0bs-tabs::-webkit-scrollbar{display:none}.p4j0bs-tab{flex:0 0 auto;min-height:40px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text-primary);padding:0 13px;font-weight:950;white-space:nowrap;scroll-snap-align:start;transform:none!important;transition:background-color .12s ease,color .12s ease,border-color .12s ease!important}.p4j0bs-tab:hover,.p4j0bs-tab:active{transform:none!important}.p4j0bs-tab.is-active,.p4j0bs-tab[aria-selected="true"]{background:var(--brand-green)!important;border-color:var(--brand-green)!important;color:#fff!important;box-shadow:inset 0 -3px 0 rgba(183,255,53,.55)!important}
body:not(.ops-admin) .p4j0bs-sort{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:16px;background:var(--bg-surface);border:1px solid var(--border)}.p4j0bs-sort span{color:var(--text-secondary);font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.p4j0bs-sort select{border:0;outline:0;background:transparent;color:var(--text-primary);font-weight:950;max-width:65%}
.p4j0bs-section-title{display:flex;justify-content:space-between;gap:10px;align-items:end;margin:4px 2px -2px}.p4j0bs-section-title h2{margin:0;font-size:1.1rem}.p4j0bs-section-title p{margin:3px 0 0;color:var(--text-secondary);font-size:.82rem}.p4j0bs-section-title small{color:var(--text-secondary);font-weight:850}
.p4j0bs-feature,.p4j0bs-row{overflow:hidden}.p4j0bs-cover,.p4j0bs-detail-hero,.p4j0bs-thumb{background-size:cover;background-position:center}.p4j0bs-cover{min-height:154px;display:flex;align-items:flex-end;padding:15px;background:linear-gradient(135deg,var(--accent-soft),var(--bg-surface))}.p4j0bs-cover-copy{color:#fff}.p4j0bs-cover h2{color:#fff;margin:5px 0 4px;font-size:1.28rem;line-height:1.08}.p4j0bs-cover p{color:rgba(255,255,255,.9);margin:0;line-height:1.32}.p4j0bs-card-body,.p4j0bs-card{padding:13px;display:grid;gap:10px}.p4j0bs-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.p4j0bs-meta span{border-radius:999px;padding:5px 8px;background:var(--accent-soft);color:var(--text-primary);font-size:.66rem;font-weight:950}.p4j0bs-list{display:grid;gap:10px}.p4j0bs-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:11px;align-items:center;padding:12px}.p4j0bs-thumb{width:72px;height:72px;border-radius:18px;background-color:var(--accent-soft);display:grid;place-items:center;overflow:hidden}.p4j0bs-row-copy h3{margin:0;font-size:1rem;line-height:1.15;color:var(--text-primary)}.p4j0bs-row .p4j0bs-actions{grid-column:1/-1}
.p4j0bs-avatar,.p4j0bs-logo,.p4j0bs-mini-avatar,.p4j0bs-detail-avatar{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:18px;background:var(--accent-soft);color:var(--text-primary);font-weight:950;border:1px solid var(--border)}.p4j0bs-avatar{width:48px;height:48px}.p4j0bs-logo{width:56px;height:56px}.p4j0bs-mini-avatar{width:38px;height:38px;border-radius:14px}.p4j0bs-detail-avatar{width:64px;height:64px;border-radius:22px}.p4j0bs-avatar img,.p4j0bs-logo img,.p4j0bs-mini-avatar img,.p4j0bs-detail-avatar img{width:100%;height:100%;object-fit:cover}
.p4j0bs-detail-hero{padding:15px;color:#fff;display:grid;gap:12px;background-color:var(--accent-soft)}.p4j0bs-detail-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:end}.p4j0bs-detail-main h1,.p4j0bs-detail-main p,.p4j0bs-detail-main small{color:#fff!important}.p4j0bs-detail-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.p4j0bs-back{width:max-content;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);border-radius:999px;padding:9px 12px;font-weight:950;box-shadow:var(--shadow-soft);transform:none!important}.p4j0bs-back:hover,.p4j0bs-back:active{transform:none!important}
.p4j0bs-card-head,.p4j0bs-role-box{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.p4j0bs-card h2{display:block;margin:3px 0 4px;font-size:1.05rem;line-height:1.15}.p4j0bs-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.p4j0bs-social-tile{text-align:left;min-height:86px;border:1px solid var(--border);border-radius:18px;background:var(--bg-surface);color:var(--text-primary);padding:12px;display:grid;gap:5px;transform:none!important;box-shadow:var(--shadow-soft)}.p4j0bs-social-tile b{font-size:.92rem}.p4j0bs-social-tile span{color:var(--text-secondary);font-size:.74rem;line-height:1.25}
.p4j0bs-event-list,.p4j0bs-member-list,.p4j0bs-feed-list{display:grid;gap:9px}.p4j0bs-event-card{border:1px solid var(--border);background:var(--bg-surface);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-soft)}.p4j0bs-event-media{min-height:112px;background:linear-gradient(135deg,var(--accent-soft),var(--bg-surface));background-size:cover;background-position:center}.p4j0bs-event-body{padding:12px;display:grid;gap:8px}.p4j0bs-event-title{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.p4j0bs-event-title h3{margin:0;font-size:1rem;line-height:1.15}.p4j0bs-event-title span{border-radius:999px;padding:5px 8px;background:var(--accent-soft);font-size:.62rem;font-weight:950;white-space:nowrap}.p4j0bs-member-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:16px;background:var(--bg-surface)}.p4j0bs-member-row b{display:block}.p4j0bs-member-row span,.p4j0bs-member-row em{color:var(--text-secondary);font-size:.72rem;font-style:normal;font-weight:850}.p4j0bs-feed-item{border:1px dashed var(--border-strong);border-radius:18px;background:var(--bg-surface);padding:13px;display:grid;gap:4px}.p4j0bs-feed-item span{color:var(--text-secondary);font-size:.82rem}.p4j0bs-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.p4j0bs-gallery-item{min-height:132px;border-radius:18px;background:linear-gradient(135deg,var(--accent-soft),var(--bg-surface));background-size:cover;background-position:center;margin:0;overflow:hidden;display:flex;align-items:flex-end;border:1px solid var(--border)}.p4j0bs-gallery-item figcaption{width:100%;padding:8px 10px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.58));color:#fff;font-weight:900;font-size:.78rem}.p4j0bs-empty{display:grid;gap:5px;place-items:center;text-align:center;padding:18px 10px;color:var(--text-secondary)}.p4j0bs-empty strong{color:var(--text-primary)}
body:not(.ops-admin) #communityEventModal.p4j0bs-modal-front,body:not(.ops-admin) #communityEventModal[data-p4j0bs-modal-front="1"]{position:fixed!important;inset:0!important;z-index:2147483646!important;display:flex!important;pointer-events:auto!important}body:not(.ops-admin) #communityEventModal.p4j0bs-modal-front.hidden{display:none!important}body:not(.ops-admin) #communityEventModal.p4j0bs-modal-front .modal-card{max-height:min(88dvh,720px)!important;overflow:auto!important;scroll-behavior:auto!important}body:not(.ops-admin) #communityEventModal.p4j0bs-modal-front .modal-actions{position:sticky;bottom:0;background:var(--bg-card);padding-top:10px;border-top:1px solid var(--border)}
.p4j0bs-qr-modal,.p4j0bs-member-modal{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:18px}.p4j0bs-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(8px)}.p4j0bs-sheet{position:relative;width:min(390px,calc(100vw - 28px));max-height:min(88dvh,740px);overflow:auto;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:26px;box-shadow:0 28px 90px rgba(0,0,0,.32);padding:18px;display:grid;gap:12px}.p4j0bs-sheet h3{margin:0}.p4j0bs-sheet code{display:block;max-width:100%;overflow-wrap:anywhere;background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;padding:9px;color:var(--text-secondary);font-size:.72rem}.p4j0bs-qr-img{width:230px;height:230px;max-width:100%;margin:auto;border-radius:18px;background:#fff;border:1px solid var(--border)}.p4j0bs-close{position:absolute;right:12px;top:12px;border:0;border-radius:999px;background:var(--bg-surface);color:var(--text-primary);width:36px;height:36px;font-weight:950}.p4j0bs-toast{position:fixed;left:50%;bottom:max(96px,calc(86px + env(safe-area-inset-bottom)));transform:translateX(-50%);z-index:2147483647;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:999px;padding:10px 14px;box-shadow:0 18px 48px rgba(0,0,0,.22);font-weight:900;max-width:calc(100vw - 28px);text-align:center}.p4j0bs-toast.is-hide{opacity:0;transition:opacity .2s ease}
@media(max-width:520px){.p4j0bs-card-head,.p4j0bs-role-box{display:grid}.p4j0bs-card-head .p4j0bs-btn{width:100%}.p4j0bs-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.p4j0bs-detail-actions .p4j0bs-btn:nth-child(3){grid-column:1/-1}.p4j0bs-actions.two{grid-template-columns:1fr}.p4j0bs-social-grid,.p4j0bs-gallery-grid{grid-template-columns:1fr}}


/* === public/assets/css/phase-4j0bt-community-cold-start-interaction-modal-focus-repair.css === */
/* Phase 4J0BT — scoped community cold start interaction and modal focus repair. */
body:not(.ops-admin) .p4j0bt-screen{display:grid;gap:12px;padding-bottom:max(190px,calc(172px + env(safe-area-inset-bottom)))!important;-webkit-tap-highlight-color:transparent!important;touch-action:pan-y;overscroll-behavior-x:contain}
body:not(.ops-admin) .p4j0bt-screen button,body:not(.ops-admin) .p4j0bt-screen input,body:not(.ops-admin) .p4j0bt-screen select{-webkit-tap-highlight-color:transparent!important}
body:not(.ops-admin) .p4j0bt-hero,body:not(.ops-admin) .p4j0bt-toolbar,body:not(.ops-admin) .p4j0bt-feature,body:not(.ops-admin) .p4j0bt-row,body:not(.ops-admin) .p4j0bt-card,body:not(.ops-admin) .p4j0bt-detail-hero{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-soft);border-radius:22px}
body:not(.ops-admin) .p4j0bt-hero{display:grid;gap:12px;padding:16px;background:linear-gradient(135deg,var(--bg-card),var(--accent-soft))}
body:not(.ops-admin) .p4j0bt-hero small,body:not(.ops-admin) .p4j0bt-card small,body:not(.ops-admin) .p4j0bt-sheet small{color:var(--text-secondary);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950}
body:not(.ops-admin) .p4j0bt-hero h1,body:not(.ops-admin) .p4j0bt-detail-hero h1{margin:3px 0 4px;font-size:1.5rem;line-height:1.05;letter-spacing:-.045em}
body:not(.ops-admin) .p4j0bt-hero p,body:not(.ops-admin) .p4j0bt-card p,body:not(.ops-admin) .p4j0bt-row-copy p,body:not(.ops-admin) .p4j0bt-event-body p,body:not(.ops-admin) .p4j0bt-sheet p{color:var(--text-secondary);margin:0;line-height:1.38;font-size:.84rem}
body:not(.ops-admin) .p4j0bt-actions{display:grid;gap:8px}.p4j0bt-actions.two{grid-template-columns:repeat(2,minmax(0,1fr))}
body:not(.ops-admin) .p4j0bt-btn{appearance:none;border:1px solid var(--border-strong);border-radius:16px;min-height:44px;width:100%;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:950;font-size:.86rem;line-height:1.1;background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-soft);transform:none!important;transition:background-color .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease!important;white-space:normal}
body:not(.ops-admin) .p4j0bt-btn:hover,body:not(.ops-admin) .p4j0bt-btn:active{transform:none!important}.p4j0bt-btn.primary{background:var(--brand-green)!important;border-color:var(--brand-green)!important;color:#fff!important}.p4j0bt-btn.secondary{background:var(--bg-surface)!important;color:var(--text-primary)!important}.p4j0bt-btn.icon{min-height:42px;border-radius:999px}.p4j0bt-btn.compact{min-width:132px}.p4j0bt-btn.wide{margin-top:4px}
body:not(.ops-admin) .p4j0bt-stats,body:not(.ops-admin) .p4j0bt-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.p4j0bt-stats span,.p4j0bt-stat-grid span{display:grid;gap:1px;padding:8px;border-radius:14px;background:var(--bg-surface);border:1px solid var(--border);text-align:center}.p4j0bt-stats b,.p4j0bt-stat-grid strong{font-size:1rem;color:var(--text-primary)}.p4j0bt-stats small,.p4j0bt-stat-grid small{font-size:.62rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:950}
body:not(.ops-admin) .p4j0bt-toolbar{padding:10px;display:grid;gap:9px;position:relative;z-index:2}.p4j0bt-search{width:100%;min-height:44px;border-radius:16px;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);padding:10px 12px;font-weight:850;box-shadow:var(--shadow-soft)}
body:not(.ops-admin) .p4j0bt-tabs{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:5px;background:var(--bg-surface);border:1px solid var(--border);border-radius:18px;scroll-snap-type:x proximity}.p4j0bt-tabs::-webkit-scrollbar{display:none}.p4j0bt-tab{flex:0 0 auto;min-height:40px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text-primary);padding:0 13px;font-weight:950;white-space:nowrap;scroll-snap-align:start;transform:none!important;transition:background-color .12s ease,color .12s ease,border-color .12s ease!important}.p4j0bt-tab:hover,.p4j0bt-tab:active{transform:none!important}.p4j0bt-tab.is-active,.p4j0bt-tab[aria-selected="true"]{background:var(--brand-green)!important;border-color:var(--brand-green)!important;color:#fff!important;box-shadow:inset 0 -3px 0 rgba(183,255,53,.55)!important}
body:not(.ops-admin) .p4j0bt-sort{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:16px;background:var(--bg-surface);border:1px solid var(--border)}.p4j0bt-sort span{color:var(--text-secondary);font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.p4j0bt-sort select{border:0;outline:0;background:transparent;color:var(--text-primary);font-weight:950;max-width:65%}
.p4j0bt-section-title{display:flex;justify-content:space-between;gap:10px;align-items:end;margin:4px 2px -2px}.p4j0bt-section-title h2{margin:0;font-size:1.1rem}.p4j0bt-section-title p{margin:3px 0 0;color:var(--text-secondary);font-size:.82rem}.p4j0bt-section-title small{color:var(--text-secondary);font-weight:850}
.p4j0bt-feature,.p4j0bt-row{overflow:hidden}.p4j0bt-cover,.p4j0bt-detail-hero,.p4j0bt-thumb{background-size:cover;background-position:center}.p4j0bt-cover{min-height:154px;display:flex;align-items:flex-end;padding:15px;background:linear-gradient(135deg,var(--accent-soft),var(--bg-surface))}.p4j0bt-cover-copy{color:#fff}.p4j0bt-cover h2{color:#fff;margin:5px 0 4px;font-size:1.28rem;line-height:1.08}.p4j0bt-cover p{color:rgba(255,255,255,.9);margin:0;line-height:1.32}.p4j0bt-card-body,.p4j0bt-card{padding:13px;display:grid;gap:10px}.p4j0bt-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.p4j0bt-meta span{border-radius:999px;padding:5px 8px;background:var(--accent-soft);color:var(--text-primary);font-size:.66rem;font-weight:950}.p4j0bt-list{display:grid;gap:10px}.p4j0bt-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:11px;align-items:center;padding:12px}.p4j0bt-thumb{width:72px;height:72px;border-radius:18px;background-color:var(--accent-soft);display:grid;place-items:center;overflow:hidden}.p4j0bt-row-copy h3{margin:0;font-size:1rem;line-height:1.15;color:var(--text-primary)}.p4j0bt-row .p4j0bt-actions{grid-column:1/-1}
.p4j0bt-avatar,.p4j0bt-logo,.p4j0bt-mini-avatar,.p4j0bt-detail-avatar{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:18px;background:var(--accent-soft);color:var(--text-primary);font-weight:950;border:1px solid var(--border)}.p4j0bt-avatar{width:48px;height:48px}.p4j0bt-logo{width:56px;height:56px}.p4j0bt-mini-avatar{width:38px;height:38px;border-radius:14px}.p4j0bt-detail-avatar{width:64px;height:64px;border-radius:22px}.p4j0bt-avatar img,.p4j0bt-logo img,.p4j0bt-mini-avatar img,.p4j0bt-detail-avatar img{width:100%;height:100%;object-fit:cover}
.p4j0bt-detail-hero{padding:15px;color:#fff;display:grid;gap:12px;background-color:var(--accent-soft)}.p4j0bt-detail-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:end}.p4j0bt-detail-main h1,.p4j0bt-detail-main p,.p4j0bt-detail-main small{color:#fff!important}.p4j0bt-detail-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.p4j0bt-back{width:max-content;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);border-radius:999px;padding:9px 12px;font-weight:950;box-shadow:var(--shadow-soft);transform:none!important}.p4j0bt-back:hover,.p4j0bt-back:active{transform:none!important}
.p4j0bt-card-head,.p4j0bt-role-box{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.p4j0bt-card h2{display:block;margin:3px 0 4px;font-size:1.05rem;line-height:1.15}.p4j0bt-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.p4j0bt-social-tile{text-align:left;min-height:86px;border:1px solid var(--border);border-radius:18px;background:var(--bg-surface);color:var(--text-primary);padding:12px;display:grid;gap:5px;transform:none!important;box-shadow:var(--shadow-soft)}.p4j0bt-social-tile b{font-size:.92rem}.p4j0bt-social-tile span{color:var(--text-secondary);font-size:.74rem;line-height:1.25}
.p4j0bt-event-list,.p4j0bt-member-list,.p4j0bt-feed-list{display:grid;gap:9px}.p4j0bt-event-card{border:1px solid var(--border);background:var(--bg-surface);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-soft)}.p4j0bt-event-media{min-height:112px;background:linear-gradient(135deg,var(--accent-soft),var(--bg-surface));background-size:cover;background-position:center}.p4j0bt-event-body{padding:12px;display:grid;gap:8px}.p4j0bt-event-title{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.p4j0bt-event-title h3{margin:0;font-size:1rem;line-height:1.15}.p4j0bt-event-title span{border-radius:999px;padding:5px 8px;background:var(--accent-soft);font-size:.62rem;font-weight:950;white-space:nowrap}.p4j0bt-member-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:16px;background:var(--bg-surface)}.p4j0bt-member-row b{display:block}.p4j0bt-member-row span,.p4j0bt-member-row em{color:var(--text-secondary);font-size:.72rem;font-style:normal;font-weight:850}.p4j0bt-feed-item{border:1px dashed var(--border-strong);border-radius:18px;background:var(--bg-surface);padding:13px;display:grid;gap:4px}.p4j0bt-feed-item span{color:var(--text-secondary);font-size:.82rem}.p4j0bt-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.p4j0bt-gallery-item{min-height:132px;border-radius:18px;background:linear-gradient(135deg,var(--accent-soft),var(--bg-surface));background-size:cover;background-position:center;margin:0;overflow:hidden;display:flex;align-items:flex-end;border:1px solid var(--border)}.p4j0bt-gallery-item figcaption{width:100%;padding:8px 10px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.58));color:#fff;font-weight:900;font-size:.78rem}.p4j0bt-empty{display:grid;gap:5px;place-items:center;text-align:center;padding:18px 10px;color:var(--text-secondary)}.p4j0bt-empty strong{color:var(--text-primary)}
body:not(.ops-admin) #communityEventModal.p4j0bt-modal-front,body:not(.ops-admin) #communityEventModal[data-p4j0bt-modal-front="1"]{position:fixed!important;inset:0!important;z-index:2147483646!important;display:flex!important;pointer-events:auto!important}body:not(.ops-admin) #communityEventModal.p4j0bt-modal-front.hidden{display:none!important}body:not(.ops-admin) #communityEventModal.p4j0bt-modal-front .modal-card{max-height:min(88dvh,720px)!important;overflow:auto!important;scroll-behavior:auto!important}body:not(.ops-admin) #communityEventModal.p4j0bt-modal-front .modal-actions{position:sticky;bottom:0;background:var(--bg-card);padding-top:10px;border-top:1px solid var(--border)}
.p4j0bt-qr-modal,.p4j0bt-member-modal{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:18px}.p4j0bt-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(8px)}.p4j0bt-sheet{position:relative;width:min(390px,calc(100vw - 28px));max-height:min(88dvh,740px);overflow:auto;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:26px;box-shadow:0 28px 90px rgba(0,0,0,.32);padding:18px;display:grid;gap:12px}.p4j0bt-sheet h3{margin:0}.p4j0bt-sheet code{display:block;max-width:100%;overflow-wrap:anywhere;background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;padding:9px;color:var(--text-secondary);font-size:.72rem}.p4j0bt-qr-img{width:230px;height:230px;max-width:100%;margin:auto;border-radius:18px;background:#fff;border:1px solid var(--border)}.p4j0bt-close{position:absolute;right:12px;top:12px;border:0;border-radius:999px;background:var(--bg-surface);color:var(--text-primary);width:36px;height:36px;font-weight:950}.p4j0bt-toast{position:fixed;left:50%;bottom:max(96px,calc(86px + env(safe-area-inset-bottom)));transform:translateX(-50%);z-index:2147483647;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:999px;padding:10px 14px;box-shadow:0 18px 48px rgba(0,0,0,.22);font-weight:900;max-width:calc(100vw - 28px);text-align:center}.p4j0bt-toast.is-hide{opacity:0;transition:opacity .2s ease}
@media(max-width:520px){.p4j0bt-card-head,.p4j0bt-role-box{display:grid}.p4j0bt-card-head .p4j0bt-btn{width:100%}.p4j0bt-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.p4j0bt-detail-actions .p4j0bt-btn:nth-child(3){grid-column:1/-1}.p4j0bt-actions.two{grid-template-columns:1fr}.p4j0bt-social-grid,.p4j0bt-gallery-grid{grid-template-columns:1fr}}

/* Phase 4J0BT hardening: final tab ownership, cold-start modal, search focus, and cover fit. */
body:not(.ops-admin) .p4j0bt-tabs .p4j0bt-tab{background:transparent!important;color:var(--text-secondary)!important;border-color:transparent!important;box-shadow:none!important;min-width:max-content;isolation:isolate}
body:not(.ops-admin) .p4j0bt-tabs .p4j0bt-tab:not(.is-active):not([aria-selected="true"]){background:transparent!important;color:var(--text-secondary)!important;border-color:transparent!important;box-shadow:none!important}
body:not(.ops-admin) .p4j0bt-tabs .p4j0bt-tab.is-active,body:not(.ops-admin) .p4j0bt-tabs .p4j0bt-tab[aria-selected="true"]{background:var(--brand-green)!important;border-color:var(--brand-green)!important;color:#fff!important;box-shadow:inset 0 -3px 0 rgba(183,255,53,.55)!important}
body:not(.ops-admin) .p4j0bt-toolbar{position:sticky;top:0;z-index:6;backdrop-filter:blur(14px)}
body:not(.ops-admin) .p4j0bt-search{font-size:16px!important;caret-color:var(--brand-green);will-change:auto}
body:not(.ops-admin) .p4j0bt-cover,body:not(.ops-admin) .p4j0bt-detail-hero,body:not(.ops-admin) .p4j0bt-thumb,body:not(.ops-admin) .p4j0bt-event-media,body:not(.ops-admin) .p4j0bt-gallery-item{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
body:not(.ops-admin) .p4j0bt-cover{width:100%;min-height:178px;box-sizing:border-box}
body:not(.ops-admin) .p4j0bt-detail-hero{width:100%;min-height:210px;box-sizing:border-box;align-content:end}
body:not(.ops-admin) .p4j0bt-thumb{background-position:center center!important}
body:not(.ops-admin) #communityEventModal.p4j0bt-focus-guard input,body:not(.ops-admin) #communityEventModal.p4j0bt-focus-guard select,body:not(.ops-admin) #communityEventModal.p4j0bt-focus-guard textarea{pointer-events:none!important}
body:not(.ops-admin) #communityEventModal.p4j0bt-modal-front,body:not(.ops-admin) #communityEventModal[data-p4j0bt-modal-front="1"]{position:fixed!important;inset:0!important;z-index:2147483646!important;display:flex!important;pointer-events:auto!important}
body:not(.ops-admin) #communityEventModal.p4j0bt-modal-front.hidden{display:none!important}
body:not(.ops-admin) #communityCreateModal.p4j0bt-create-modal-front,body:not(.ops-admin) #communityCreateModal[data-p4j0bt-modal-front="1"]{position:fixed!important;inset:0!important;z-index:2147483646!important;display:flex!important;pointer-events:auto!important}
body:not(.ops-admin) #communityCreateModal.p4j0bt-create-modal-front.hidden{display:none!important}
body:not(.ops-admin) .p4j0bt-actions.two{align-items:stretch}
body:not(.ops-admin) .p4j0bt-actions.two .p4j0bt-btn{min-height:46px}
body:not(.ops-admin) .p4j0bt-section-title{margin-top:6px}


/* === public/assets/css/phase-4j0bu-community-search-dedupe-active-tab-lock.css === */
/* Phase 4J0BU — scoped community search dedupe and active tab lock. */
body:not(.ops-admin) .p4j0bt-hero [data-p4j0bt-action="focusSearch"],
body:not(.ops-admin) .p4j0bt-hero .p4j0bu-hero-search-hidden{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body:not(.ops-admin) .p4j0bt-hero .p4j0bt-actions.two{
  grid-template-columns:1fr!important;
}
body:not(.ops-admin) .p4j0bt-hero .p4j0bt-actions.two [data-p4j0bt-action="createCommunity"]{
  width:100%!important;
  min-height:48px!important;
}
body:not(.ops-admin) .p4j0bt-screen[data-p4j0bt-owner="community"] .p4j0bt-tabs.main .p4j0bt-tab{
  background:transparent!important;
  color:var(--text-secondary)!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
body:not(.ops-admin) .p4j0bt-screen[data-p4j0bt-owner="community"][data-active-tab="mine"] .p4j0bt-tabs.main [data-p4j0bt-value="mine"],
body:not(.ops-admin) .p4j0bt-screen[data-p4j0bt-owner="community"][data-active-tab="recommended"] .p4j0bt-tabs.main [data-p4j0bt-value="recommended"],
body:not(.ops-admin) .p4j0bt-screen[data-p4j0bt-owner="community"][data-active-tab="active"] .p4j0bt-tabs.main [data-p4j0bt-value="active"],
body:not(.ops-admin) .p4j0bt-screen[data-p4j0bt-owner="community"][data-active-tab="managed"] .p4j0bt-tabs.main [data-p4j0bt-value="managed"]{
  background:var(--brand-green)!important;
  border-color:var(--brand-green)!important;
  color:#fff!important;
  box-shadow:inset 0 -3px 0 rgba(183,255,53,.55)!important;
}
body:not(.ops-admin) .p4j0bt-screen[data-p4j0bt-owner="community"][data-active-tab="recommended"] .p4j0bt-tabs.main [data-p4j0bt-value="mine"],
body:not(.ops-admin) .p4j0bt-screen[data-p4j0bt-owner="community"][data-active-tab="active"] .p4j0bt-tabs.main [data-p4j0bt-value="mine"],
body:not(.ops-admin) .p4j0bt-screen[data-p4j0bt-owner="community"][data-active-tab="managed"] .p4j0bt-tabs.main [data-p4j0bt-value="mine"],
body:not(.ops-admin) .p4j0bt-screen[data-p4j0bt-owner="community"][data-active-tab="mine"] .p4j0bt-tabs.main [data-p4j0bt-value="recommended"],
body:not(.ops-admin) .p4j0bt-screen[data-p4j0bt-owner="community"][data-active-tab="mine"] .p4j0bt-tabs.main [data-p4j0bt-value="active"],
body:not(.ops-admin) .p4j0bt-screen[data-p4j0bt-owner="community"][data-active-tab="mine"] .p4j0bt-tabs.main [data-p4j0bt-value="managed"]{
  background:transparent!important;
  color:var(--text-secondary)!important;
  border-color:transparent!important;
  box-shadow:none!important;
}


/* === public/assets/css/phase-4j0bw-home-booking-activity-visual-standard-rollout.css === */
/* Phase 4J0BW — Home, Booking, Activity visual standard rollout.
   Source visual baseline: accepted Community page 4J0BU/4J0BV.
   Scope only: Home (.p3k38g-home), Booking Hub (.p4j0be-booking-hub), Activity (.p4j0i-activity-page).
   Protected: no global button/table, no bottom nav, no tennis FAB, no admin/OPS selector. */

html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i-activity-page{
  --p4j0bw-green:#063f33;
  --p4j0bw-green-2:#087256;
  --p4j0bw-lime:#b7ff35;
  --p4j0bw-soft:#eef1e7;
  --p4j0bw-surface:rgba(255,255,255,.94);
  --p4j0bw-line:rgba(6,63,51,.12);
  --p4j0bw-line-strong:rgba(6,63,51,.18);
  --p4j0bw-muted:#61746b;
  --p4j0bw-shadow:0 14px 34px rgba(0,70,45,.08);
  --p4j0bw-hero-shadow:0 20px 48px rgba(0,70,45,.15);
  background:linear-gradient(180deg,var(--bg-soft, #eef1e7),var(--bg-main,#f7fbf8));
  color:var(--text-primary,#073d2d);
  -webkit-tap-highlight-color:transparent;
}

/* page shell rhythm */
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i-activity-page{
  width:min(100%,430px)!important;
  max-width:430px!important;
  margin:0 auto!important;
  padding-left:12px!important;
  padding-right:12px!important;
  padding-bottom:max(148px,calc(128px + env(safe-area-inset-bottom,0px)))!important;
  display:grid!important;
  gap:12px!important;
  overflow-x:hidden!important;
}

/* hero standard: community tone */
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p3k38g-home .p3k38g-hero,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-booking-hero,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero{
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:22px!important;
  padding:16px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 88% 8%,rgba(183,255,53,.30),transparent 34%),
    linear-gradient(135deg,var(--p4j0bw-green),var(--p4j0bw-green-2))!important;
  color:#fff!important;
  box-shadow:var(--p4j0bw-hero-shadow)!important;
  gap:12px!important;
}
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-booking-hero,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
}
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p3k38g-home .p3k38g-hero small,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-booking-hero small,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero .section-kicker{
  color:rgba(235,255,239,.88)!important;
  font-size:.66rem!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p3k38g-home .p3k38g-hero h1,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-booking-hero h1,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero h1{
  margin:3px 0 4px!important;
  color:#fff!important;
  font-size:1.5rem!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
}
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p3k38g-home .p3k38g-hero p,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-booking-hero p,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-hero p{
  margin:0!important;
  color:rgba(245,255,248,.92)!important;
  font-size:.84rem!important;
  line-height:1.38!important;
}

/* page cards and rows */
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p3k38g-home .p3k38g-section,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p3k38g-home .p3k38g-action-card,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p3k38g-home .p3k38g-mini-card,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p3k38g-home .p3k38g-community-card,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p3k38g-home .p3k38g-onboarding-compact,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p3k38g-home .p3k38g-empty,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-court,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-foundation-note,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-schedule-card,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-empty,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-event-card,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-game-card,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-empty{
  border:1px solid var(--p4j0bw-line)!important;
  border-radius:22px!important;
  background:var(--bg-card,#fff)!important;
  box-shadow:var(--p4j0bw-shadow)!important;
}

/* quick action and booking hub cards */
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p3k38g-home .p3k38g-quick-actions button,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-card,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-day,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-slot{
  border:1px solid var(--p4j0bw-line)!important;
  border-radius:18px!important;
  background:var(--bg-surface,#fff)!important;
  box-shadow:var(--p4j0bw-shadow)!important;
  color:var(--text-primary,#073d2d)!important;
  transform:none!important;
}
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-card.is-active,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-day.is-selected,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-slot.is-open:focus-visible{
  border-color:var(--p4j0bw-green)!important;
  box-shadow:inset 0 -3px 0 rgba(183,255,53,.55), var(--p4j0bw-shadow)!important;
}

/* buttons only inside rollout pages */
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p3k38g-home .btn,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub button,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0i-activity-page .btn{
  min-height:44px!important;
  border-radius:16px!important;
  padding:0 13px!important;
  font-size:.86rem!important;
  font-weight:950!important;
  line-height:1.1!important;
  transform:none!important;
  transition:background-color .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p3k38g-home .btn-primary,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0i-activity-page .btn-primary,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-refresh,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-mini-btn,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-schedule-action button{
  background:var(--p4j0bw-green)!important;
  border-color:var(--p4j0bw-green)!important;
  color:#fff!important;
}
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p3k38g-home .btn-secondary,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0i-activity-page .btn-secondary{
  background:var(--bg-surface,#fff)!important;
  border-color:var(--p4j0bw-line-strong)!important;
  color:var(--text-primary,#073d2d)!important;
}

/* segmented tabs / filters */
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-tabs,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-card-grid{
  border-radius:18px!important;
}
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-tab{
  min-height:40px!important;
  border-radius:999px!important;
  transform:none!important;
  font-weight:950!important;
}
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-tab.is-active,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-tab[aria-selected="true"]{
  background:var(--p4j0bw-green)!important;
  color:#fff!important;
  border-color:var(--p4j0bw-green)!important;
  box-shadow:inset 0 -3px 0 rgba(183,255,53,.55)!important;
}

/* section headings */
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p3k38g-home .p3k38g-section-head h2,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0i-activity-page h2,
html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub h3{
  color:var(--text-primary,#073d2d)!important;
  letter-spacing:-.025em!important;
}

/* dark mode: keep same component system without fixed light cards */
html[data-theme="dark"][data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p3k38g-home,
html[data-theme="dark"][data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub,
html[data-theme="dark"][data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0i-activity-page{
  --p4j0bw-line:rgba(183,255,53,.16);
  --p4j0bw-line-strong:rgba(183,255,53,.24);
  --p4j0bw-shadow:0 16px 38px rgba(0,0,0,.30);
}
html[data-theme="dark"][data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p3k38g-home .p3k38g-section,
html[data-theme="dark"][data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-court,
html[data-theme="dark"][data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub .p4j0be-foundation-note,
html[data-theme="dark"][data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card{
  background:linear-gradient(135deg,rgba(13,33,27,.98),rgba(7,19,15,.96))!important;
  border-color:var(--p4j0bw-line)!important;
}

@media(max-width:430px){
  html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p3k38g-home,
  html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0be-booking-hub,
  html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p4j0i-activity-page{gap:11px!important;padding-left:10px!important;padding-right:10px!important;}
  html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p3k38g-home .p3k38g-quick-actions{gap:8px!important;}
  html[data-p4j0bw-visual-standard="locked"] body:not(.ops-admin) .p3k38g-home .p3k38g-quick-actions button{min-height:72px!important;}
}


/* === public/assets/css/phase-4j0bx-booking-action-card-visual-upgrade.css === */
/* Phase 4J0BX — Booking action card visual upgrade.
   Scope: Booking Hub action cards only (Court, Coaching, Session).
   Protected: no global button/table, no bottom nav, no tennis FAB, no booking logic change. */

html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card{
  position:relative!important;
  min-width:0!important;
  min-height:100px!important;
  width:100%!important;
  padding:12px 9px 10px!important;
  border-radius:22px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  text-align:center!important;
  overflow:hidden!important;
  color:var(--text-primary,#073d2d)!important;
  border:1px solid rgba(6,63,51,.14)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,253,249,.94))!important;
  box-shadow:0 16px 34px rgba(0,70,45,.08)!important;
  transform:none!important;
  -webkit-tap-highlight-color:transparent!important;
}

html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card::after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:transparent;
}

html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card.is-active{
  border-color:rgba(6,63,51,.70)!important;
  background:linear-gradient(180deg,rgba(255,255,255,1),rgba(238,250,241,.98))!important;
  box-shadow:0 18px 38px rgba(0,70,45,.11), inset 0 0 0 1px rgba(183,255,53,.28)!important;
}

html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card.is-active::after{
  background:var(--p4j0bw-lime,#b7ff35);
}

html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card:focus-visible{
  outline:3px solid rgba(183,255,53,.36)!important;
  outline-offset:2px!important;
}

html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,rgba(237,255,221,.98),rgba(239,250,243,.95))!important;
  border:1px solid rgba(6,63,51,.12)!important;
  color:var(--p4j0bw-green,#063f33)!important;
  font-size:0!important;
  line-height:1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 10px 20px rgba(0,70,45,.07)!important;
}

html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-icon::before{
  content:"";
  width:22px;
  height:22px;
  display:block;
  background:currentColor;
  -webkit-mask:center/contain no-repeat;
  mask:center/contain no-repeat;
}

/* Court: court grid */
html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card:nth-child(1) .p4j0be-icon::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Zm7 0v16M4 12h16M8 4v4m8-4v4M8 16v4m8-4v4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Zm7 0v16M4 12h16M8 4v4m8-4v4M8 16v4m8-4v4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Coaching: medal/star */
html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card:nth-child(2) .p4j0be-icon::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3h8l-2 5a5 5 0 1 1-4 0L8 3Zm4 7 1.1 2.3 2.5.4-1.8 1.8.4 2.5-2.2-1.2L9.8 17l.4-2.5-1.8-1.8 2.5-.4L12 10Zm-4-7 2 5m6-5-2 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3h8l-2 5a5 5 0 1 1-4 0L8 3Zm4 7 1.1 2.3 2.5.4-1.8 1.8.4 2.5-2.2-1.2L9.8 17l.4-2.5-1.8-1.8 2.5-.4L12 10Zm-4-7 2 5m6-5-2 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Session: group players */
html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card:nth-child(3) .p4j0be-icon::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm6 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM4 19c.6-3 2.4-5 5-5s4.4 2 5 5M10 19c.5-2.4 2.1-4 5-4 2.4 0 4.2 1.6 5 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm6 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM4 19c.6-3 2.4-5 5-5s4.4 2 5 5M10 19c.5-2.4 2.1-4 5-4 2.4 0 4.2 1.6 5 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card > span:last-child{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:2px!important;
  width:100%!important;
}

html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card small{
  order:3!important;
  max-width:100%!important;
  margin-top:1px!important;
  color:var(--p4j0bw-muted,#61746b)!important;
  font-size:.58rem!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card h2{
  order:1!important;
  max-width:100%!important;
  margin:0!important;
  color:var(--text-primary,#073d2d)!important;
  font-size:.82rem!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card p{
  order:2!important;
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  color:rgba(7,61,45,.72)!important;
  font-size:.61rem!important;
  line-height:1.08!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card.is-active .p4j0be-icon{
  background:linear-gradient(180deg,var(--p4j0bw-green,#063f33),var(--p4j0bw-green-2,#087256))!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.20)!important;
}

html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card.is-active h2{
  color:var(--p4j0bw-green,#063f33)!important;
}

html[data-theme="dark"][data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card{
  background:linear-gradient(180deg,rgba(15,35,29,.98),rgba(8,22,18,.96))!important;
  border-color:rgba(183,255,53,.18)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.28)!important;
}

html[data-theme="dark"][data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card h2,
html[data-theme="dark"][data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card.is-active h2{
  color:#f2fff5!important;
}

html[data-theme="dark"][data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card p,
html[data-theme="dark"][data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card small{
  color:rgba(242,255,245,.72)!important;
}

@media(max-width:380px){
  html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card-grid{gap:8px!important;}
  html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card{min-height:96px!important;padding:10px 7px 9px!important;border-radius:20px!important;}
  html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-icon{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:15px!important;}
  html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card h2{font-size:.76rem!important;}
  html[data-p4j0bx-booking-action-card="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card p{font-size:.56rem!important;}
}


/* === public/assets/css/phase-4j0by-booking-court-calendar-price-sponsor-stripe.css === */
/* Phase 4J0BY — Booking Court Calendar Price Fit and Sponsor Stripe Foundation
   Scope only: booking hub court cards. No global button/table, no bottom nav/FAB edits. */
html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-court-card{
  position:relative;
  overflow:hidden;
}

html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-court-head{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
}

html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-court-title{
  flex:1 1 auto;
  min-width:0;
}

html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-court-title h3,
html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-court-title p{
  overflow:hidden;
  text-overflow:ellipsis;
}

html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-sponsor-stripe{
  flex:0 0 auto;
  max-width:104px;
  min-height:30px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 7px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(183,255,53,.30),rgba(255,255,255,.92));
  border:1px solid rgba(6,75,59,.16);
  box-shadow:0 8px 20px rgba(6,75,59,.08);
  color:#064b3b;
}

html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-sponsor-stripe img{
  width:20px;
  height:20px;
  border-radius:999px;
  object-fit:cover;
  background:#fff;
  border:1px solid rgba(6,75,59,.10);
}

html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-sponsor-stripe span{
  display:block;
  max-width:72px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9px;
  line-height:1.05;
  font-weight:950;
  letter-spacing:.02em;
}

html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-day-row{
  gap:8px;
  align-items:stretch;
  padding:2px 0 8px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:rgba(6,75,59,.24) transparent;
}

html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-day-row::-webkit-scrollbar{
  height:4px;
}

html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-day-row::-webkit-scrollbar-thumb{
  background:rgba(6,75,59,.22);
  border-radius:999px;
}

html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-day{
  min-width:66px;
  width:66px;
  min-height:86px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:1px;
  padding:7px 5px 6px;
  scroll-snap-align:start;
  white-space:normal;
  overflow:hidden;
}

html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-day span{
  max-width:100%;
  font-size:9px;
  line-height:1;
  font-weight:850;
  text-transform:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-day b{
  margin:1px 0 0;
  font-size:20px;
  line-height:.98;
  letter-spacing:-.04em;
}

html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-day em{
  max-width:100%;
  display:block;
  margin:1px 0 0;
  font-size:9px;
  line-height:1;
  font-weight:950;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-day-price{
  width:100%;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  gap:0;
  margin-top:3px;
  padding-top:3px;
  border-top:1px solid rgba(6,75,59,.08);
  color:#064b3b;
  line-height:1.02;
}

html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-day-price span{
  font-size:7.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(6,75,59,.62);
}

html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-day-price strong{
  max-width:100%;
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  line-height:1.05;
  font-weight:1000;
  letter-spacing:-.04em;
  color:#064b3b;
}

html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-day-price.is-empty span{
  font-size:7px;
  letter-spacing:.02em;
  text-transform:none;
  color:rgba(6,75,59,.44);
}

html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-day.is-selected .p4j0by-day-price{
  border-top-color:rgba(183,255,53,.45);
}

html[data-theme="dark"][data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-sponsor-stripe{
  background:linear-gradient(135deg,rgba(183,255,53,.22),rgba(6,75,59,.68));
  border-color:rgba(183,255,53,.22);
  color:#edfff5;
}

html[data-theme="dark"][data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-day-price strong{
  color:#edfff5;
}

html[data-theme="dark"][data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-day-price span{
  color:rgba(237,255,245,.70);
}

@media (max-width:420px){
  html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-day{
    min-width:64px;
    width:64px;
  }
  html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-sponsor-stripe{
    max-width:92px;
  }
  html[data-p4j0by-court-calendar="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0by-sponsor-stripe span{
    max-width:60px;
  }
}


/* === public/assets/css/phase-4j0bz-booking-time-slot-compact-cart-affordance.css === */
/* Phase 4J0BZ — Booking Time Slot Compact Cart Affordance
   Scope only: Booking Hub time-slot rows. No global button/table and no bottom nav/FAB edits. */
html[data-p4j0bz-time-slot-cart="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0bz-slots{
  margin-top:14px;
}

html[data-p4j0bz-time-slot-cart="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0bz-slot-head{
  align-items:center;
}

html[data-p4j0bz-time-slot-cart="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0bz-slot-grid{
  grid-template-columns:1fr!important;
  gap:8px!important;
}

html[data-p4j0bz-time-slot-cart="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0bz-slot{
  min-height:48px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:7px 9px 7px 11px!important;
  border-radius:16px!important;
  text-align:left!important;
  color:#063f33!important;
  background:linear-gradient(135deg,#ffffff,#f8fcf9)!important;
  border:1px solid rgba(6,75,59,.13)!important;
  box-shadow:0 8px 18px rgba(6,75,59,.045)!important;
  transform:none!important;
  -webkit-tap-highlight-color:transparent;
}

html[data-p4j0bz-time-slot-cart="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0bz-slot.is-open:active{
  transform:translateY(1px)!important;
  border-color:rgba(6,75,59,.26)!important;
}

html[data-p4j0bz-time-slot-cart="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0bz-slot-info{
  display:grid!important;
  grid-template-columns:1fr!important;
  min-width:0!important;
  gap:1px!important;
  flex:1 1 auto!important;
}

html[data-p4j0bz-time-slot-cart="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0bz-slot-info small{
  display:block!important;
  font-size:9.5px!important;
  line-height:1.05!important;
  font-weight:900!important;
  color:rgba(6,63,51,.55)!important;
}

html[data-p4j0bz-time-slot-cart="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0bz-slot-info b{
  display:block!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1.05!important;
  letter-spacing:-.02em!important;
  font-weight:950!important;
  color:#063f33!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html[data-p4j0bz-time-slot-cart="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0bz-slot-price,
html[data-p4j0bz-time-slot-cart="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0bz-slot-info em{
  display:block!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.05!important;
  font-weight:850!important;
  color:#087256!important;
  white-space:nowrap!important;
}

html[data-p4j0bz-time-slot-cart="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0bz-cart-icon{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#064b3b,#087256)!important;
  color:#fff!important;
  box-shadow:0 10px 20px rgba(6,75,59,.16)!important;
}

html[data-p4j0bz-time-slot-cart="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0bz-cart-icon svg{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html[data-p4j0bz-time-slot-cart="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0bz-cart-icon.is-disabled{
  background:rgba(6,75,59,.08)!important;
  color:rgba(6,63,51,.35)!important;
  box-shadow:none!important;
  font-weight:900!important;
}

html[data-p4j0bz-time-slot-cart="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0bz-slot.is-disabled{
  opacity:.62!important;
  cursor:not-allowed!important;
}

html[data-theme="dark"][data-p4j0bz-time-slot-cart="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0bz-slot{
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
  border-color:rgba(183,255,53,.16)!important;
  color:#edfff5!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20)!important;
}

html[data-theme="dark"][data-p4j0bz-time-slot-cart="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0bz-slot-info small,
html[data-theme="dark"][data-p4j0bz-time-slot-cart="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0bz-slot-info b{
  color:#edfff5!important;
}

html[data-theme="dark"][data-p4j0bz-time-slot-cart="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0bz-slot-price,
html[data-theme="dark"][data-p4j0bz-time-slot-cart="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0bz-slot-info em{
  color:#b7ff35!important;
}


/* === public/assets/css/phase-4j0cb-event-detail-profile-fullscreen-restore.css === */
/* Phase 4J0CB — Event Detail and Profile Drawer Visual Standard + Fullscreen Restore
   Scope only: event detail screen, profile drawer card, and p29/p28/p27 fullscreen scoreboard controls.
   Protected: bottom nav, tennis FAB, admin-card, ops-booking, global table/button. */
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen,
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen.p4j0cb-event-standard{
  --p4j0cb-green:#063f33;
  --p4j0cb-green-2:#087256;
  --p4j0cb-lime:#b7ff35;
  --p4j0cb-bg:#eef1e7;
  --p4j0cb-card:#ffffff;
  --p4j0cb-line:rgba(6,63,51,.12);
  --p4j0cb-muted:#61766e;
  --p4j0cb-shadow:0 18px 44px rgba(6,63,51,.08);
  background:linear-gradient(180deg,var(--p4j0cb-bg),#f8fbf6 64%,#fff);
  padding-bottom:calc(112px + env(safe-area-inset-bottom));
}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .event-identity-card,
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .game-engine-card,
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .participant-flow-card,
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .user-status-panel,
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen article.card{
  border:1px solid var(--p4j0cb-line)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:var(--p4j0cb-shadow)!important;
  overflow:hidden;
}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .event-identity-card{
  position:relative;
  background:
    radial-gradient(circle at 90% 8%,rgba(183,255,53,.30),transparent 26%),
    linear-gradient(135deg,#064233,#0a7b5e)!important;
  color:#fff!important;
}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .event-identity-card .page-title,
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .event-identity-card .section-kicker,
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .event-identity-card .meta-list,
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .event-identity-card .event-role-callout,
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .event-identity-card .event-role-callout span{
  color:#f7fff9!important;
}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .event-identity-card .badge,
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .event-identity-card .community-chip{
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.26)!important;
}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .event-head{gap:12px;align-items:flex-start;}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .page-title{font-size:1.35rem;line-height:1.08;font-weight:1000;letter-spacing:-.03em;color:var(--p4j0cb-green);}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .page-subtitle{font-size:.83rem;line-height:1.35;color:var(--p4j0cb-muted);}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .section-kicker{font-size:.68rem;font-weight:1000;letter-spacing:.10em;text-transform:uppercase;color:var(--p4j0cb-green-2);}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .btn:not(.bottom-nav .btn),
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen button.btn{
  min-height:42px;
  border-radius:16px!important;
  font-size:.84rem;
  font-weight:950;
}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .btn-primary{
  background:var(--p4j0cb-green)!important;
  border-color:var(--p4j0cb-green)!important;
  color:#fff!important;
}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .btn-secondary,
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .chip{
  background:rgba(255,255,255,.88)!important;
  border:1px solid var(--p4j0cb-line)!important;
  color:var(--p4j0cb-green)!important;
}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .chip.active,
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .chip.is-active{
  background:var(--p4j0cb-green)!important;
  color:#fff!important;
  border-color:var(--p4j0cb-green)!important;
  box-shadow:inset 0 -3px 0 var(--p4j0cb-lime);
}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .participant-summary-grid > div,
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .ranking-row,
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .match-mini,
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .participant-row{
  border-radius:18px!important;
  border-color:var(--p4j0cb-line)!important;
  background:#fbfffc!important;
}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .search-input{
  border-radius:16px!important;
  border-color:var(--p4j0cb-line)!important;
  background:#fff!important;
  min-height:44px;
}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .scoreboard-mini{
  border:1px solid var(--p4j0cb-line)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#ffffff,#f5fbf7)!important;
  padding:12px!important;
}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cb-scoreboard-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  margin:12px 0 8px;
  padding:12px;
  border:1px solid rgba(6,63,51,.12);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(6,63,51,.06),rgba(183,255,53,.12));
}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cb-scoreboard-toolbar strong{display:block;color:var(--p4j0cb-green);font-size:.95rem;line-height:1.1;}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cb-scoreboard-toolbar span{display:block;color:var(--p4j0cb-muted);font-size:.75rem;line-height:1.25;margin-top:3px;}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cb-fullscreen-btn{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 13px;
  border:0;
  border-radius:16px;
  background:var(--p4j0cb-green);
  color:#fff;
  font-weight:1000;
  font-size:.82rem;
  box-shadow:0 12px 26px rgba(6,63,51,.16);
  white-space:nowrap;
  cursor:pointer;
}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cb-fullscreen-icon{width:22px;height:22px;border-radius:999px;display:inline-grid;place-items:center;background:rgba(183,255,53,.20);color:#eaffcf;}
html[data-p4j0cb-event-profile-standard="locked"] .p29-tv-shell .p29-tv-foot,
html[data-p4j0cb-event-profile-standard="locked"] .p28-tv-shell .p28-tv-foot,
html[data-p4j0cb-event-profile-standard="locked"] .p27-tv-shell .p27-tv-footer{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:3!important;
}
html[data-p4j0cb-event-profile-standard="locked"] .p29-tv-shell .p29-foot-actions,
html[data-p4j0cb-event-profile-standard="locked"] .p28-tv-shell .p28-foot-actions,
html[data-p4j0cb-event-profile-standard="locked"] .p27-tv-shell .p27-tv-actions{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .p4i-profile-drawer-card{
  border-radius:24px!important;
  border:1px solid rgba(6,63,51,.12)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 22px 54px rgba(6,63,51,.14)!important;
}
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .p4i-profile-drawer-card .p4i-drawer-action,
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .p4i-profile-drawer-card .p4j0az-tool-btn,
html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .p4i-profile-drawer-card .p4j0az-role-chip{
  border-radius:16px!important;
  min-height:44px!important;
  font-weight:950!important;
}
html[data-theme="dark"][data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen{
  --p4j0cb-bg:#081f1b;
  --p4j0cb-card:rgba(13,38,32,.96);
  --p4j0cb-line:rgba(255,255,255,.12);
  --p4j0cb-muted:#a9beb5;
  background:linear-gradient(180deg,#071e1a,#0b1715 70%,#07110f);
}
html[data-theme="dark"][data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen article.card,
html[data-theme="dark"][data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .scoreboard-mini,
html[data-theme="dark"][data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .participant-summary-grid > div,
html[data-theme="dark"][data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .ranking-row,
html[data-theme="dark"][data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .match-mini,
html[data-theme="dark"][data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .participant-row,
html[data-theme="dark"][data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .p4i-profile-drawer-card{
  background:rgba(13,38,32,.96)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"][data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .page-title{color:#f6fff8;}
html[data-theme="dark"][data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .btn-secondary,
html[data-theme="dark"][data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .chip{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#eafff5!important;
}
@media(max-width:520px){
  html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cb-scoreboard-toolbar{grid-template-columns:1fr;}
  html[data-p4j0cb-event-profile-standard="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cb-fullscreen-btn{width:100%;}
}


/* === public/assets/css/phase-4j0cc-event-detail-documentation-feed.css === */
/* Phase 4J0CC — Event Detail Hero Visibility + Documentation Feed Foundation
   Scope: event detail screen only. Protected selectors untouched. */
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen.p4j0cc-event-doc-standard{
  --p4j0cc-green:#063f33;
  --p4j0cc-green2:#087256;
  --p4j0cc-lime:#b7ff35;
  --p4j0cc-muted:#61766e;
  --p4j0cc-line:rgba(6,63,51,.12);
  --p4j0cc-shadow:0 18px 44px rgba(6,63,51,.08);
}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .event-identity-card.p4j0cc-event-hero-card{
  background:
    radial-gradient(circle at 86% 12%,rgba(183,255,53,.34),transparent 28%),
    linear-gradient(135deg,#063f33,#0a7d5f)!important;
  color:#f8fff9!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 22px 54px rgba(6,63,51,.18)!important;
  opacity:1!important;
}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .event-identity-card.p4j0cc-event-hero-card .page-title,
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .event-identity-card.p4j0cc-event-hero-card .section-kicker,
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .event-identity-card.p4j0cc-event-hero-card .meta-list,
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .event-identity-card.p4j0cc-event-hero-card .meta-list *,
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .event-identity-card.p4j0cc-event-hero-card .event-role-callout,
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .event-identity-card.p4j0cc-event-hero-card .event-role-callout *{
  color:#f8fff9!important;
  opacity:1!important;
}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .event-identity-card.p4j0cc-event-hero-card .event-role-callout,
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .event-identity-card.p4j0cc-event-hero-card .community-chip{
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.26)!important;
}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-documentation-card{
  border:1px solid var(--p4j0cc-line)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:var(--p4j0cc-shadow)!important;
  padding:14px!important;
  overflow:hidden;
}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:start;
  margin-bottom:12px;
}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-head .page-title{font-size:1.18rem;line-height:1.1;color:var(--p4j0cc-green);}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-feed-badge{
  display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(183,255,53,.18);border:1px solid rgba(6,63,51,.12);color:var(--p4j0cc-green);font-size:.66rem;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;
}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-form{display:grid;gap:10px;margin-bottom:12px;}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-capture-btn{
  min-height:50px;border-radius:18px;border:1px dashed rgba(6,63,51,.22);background:linear-gradient(180deg,#f8fffb,#edf8f0);display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--p4j0cc-green);font-weight:1000;cursor:pointer;
}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-capture-btn span{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:var(--p4j0cc-green);color:#fff;}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-capture-btn input{display:none;}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-form textarea{
  width:100%;border-radius:16px;border:1px solid var(--p4j0cc-line);background:#fff;color:var(--p4j0cc-green);padding:10px 12px;font:inherit;font-size:.82rem;resize:vertical;min-height:58px;
}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-actions small{font-size:.7rem;color:var(--p4j0cc-muted);line-height:1.25;}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-submit{border:0;border-radius:16px;background:var(--p4j0cc-green);color:#fff;font-weight:1000;min-height:42px;padding:0 13px;box-shadow:0 12px 26px rgba(6,63,51,.15);cursor:pointer;}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-submit:disabled{opacity:.62;cursor:wait;}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-list{display:grid;gap:8px;}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--p4j0cc-line);border-radius:18px;background:#fbfffc;padding:8px;}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-thumb{width:72px;height:58px;border:0;border-radius:14px;overflow:hidden;background:#edf8f0;display:grid;place-items:center;padding:0;cursor:pointer;}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-copy strong{display:block;color:var(--p4j0cc-green);font-size:.84rem;line-height:1.18;}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-copy span{display:block;color:var(--p4j0cc-muted);font-size:.72rem;line-height:1.25;margin-top:3px;}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-empty,
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-loading{border:1px solid var(--p4j0cc-line);border-radius:18px;background:#fbfffc;padding:14px;text-align:center;color:var(--p4j0cc-muted);font-size:.82rem;}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-empty strong{display:block;color:var(--p4j0cc-green);font-size:.95rem;margin-bottom:4px;}
.p4j0cc-preview-modal{display:none;position:fixed;inset:0;z-index:9999;}
.p4j0cc-preview-modal.is-open{display:block;}
.p4j0cc-preview-backdrop{position:absolute;inset:0;background:rgba(2,20,15,.72);}
.p4j0cc-preview-sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,520px);max-height:86vh;border-radius:24px;background:#fff;padding:12px;box-shadow:0 28px 80px rgba(0,0,0,.32);display:grid;gap:10px;}
.p4j0cc-preview-sheet button{justify-self:end;border:0;border-radius:14px;background:#063f33;color:#fff;font-weight:900;min-height:36px;padding:0 12px;}
.p4j0cc-preview-sheet img{width:100%;max-height:72vh;object-fit:contain;border-radius:16px;background:#eef1e7;}
html[data-theme="dark"][data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-documentation-card,
html[data-theme="dark"][data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-item,
html[data-theme="dark"][data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-empty,
html[data-theme="dark"][data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-loading,
html[data-theme="dark"][data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-capture-btn,
html[data-theme="dark"][data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-form textarea{background:rgba(13,38,32,.96)!important;border-color:rgba(255,255,255,.12)!important;color:#f6fff8!important;}
@media(max-width:520px){
  html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-head{grid-template-columns:1fr;}
  html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-actions{grid-template-columns:1fr;}
  html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-submit{width:100%;}
}

/* Phase 4J0CD — documentation permission, draft delete, and feed runtime polish */
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-viewonly-note{
  display:grid;gap:4px;margin:10px 0 12px;padding:12px 14px;border:1px solid rgba(7,61,45,.14);border-radius:18px;background:rgba(239,250,243,.9);color:#073d2d;
}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-viewonly-note[hidden],
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-form[hidden]{display:none!important}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-viewonly-note strong{font-weight:900;font-size:.88rem}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-viewonly-note span{font-size:.78rem;color:rgba(7,61,45,.72);font-weight:700}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-draft-preview:not(:empty){
  display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;align-items:center;margin:10px 0;padding:10px;border:1px solid rgba(7,61,45,.12);border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(7,61,45,.05);
}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-draft-preview img{width:74px;height:74px;border-radius:16px;object-fit:cover;background:#eef7f2}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-draft-preview div{display:grid;gap:3px;min-width:0}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-draft-preview strong{font-size:.86rem;color:#073d2d;font-weight:900}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-draft-preview span{font-size:.72rem;color:rgba(7,61,45,.65);font-weight:700}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-draft-preview button,
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-cancel,
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-delete{
  border:1px solid rgba(7,61,45,.16);background:#fff;color:#073d2d;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:900;width:max-content;
}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-actions small{max-width:180px;line-height:1.3}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-item{grid-template-columns:68px minmax(0,1fr) auto;align-items:center}
html[data-p4j0cc-event-documentation="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-delete{color:#8a241f;border-color:rgba(138,36,31,.24);background:#fff7f5}
html[data-p4j0cc-event-documentation="locked"] .p4j0cd-feed-host{display:grid;gap:10px}
html[data-p4j0cc-event-documentation="locked"] .p4j0cd-feed-head{padding:2px 0 6px}
html[data-p4j0cc-event-documentation="locked"] .p4j0cd-feed-head small{text-transform:uppercase;letter-spacing:.08em;color:#617a70;font-weight:900;font-size:.7rem}
html[data-p4j0cc-event-documentation="locked"] .p4j0cd-feed-head h2{margin:2px 0;color:#073d2d;font-size:1.15rem;line-height:1.05}
html[data-p4j0cc-event-documentation="locked"] .p4j0cd-feed-head p{margin:0;color:rgba(7,61,45,.66);font-weight:700;font-size:.8rem;line-height:1.4}
html[data-p4j0cc-event-documentation="locked"] .p4j0cd-feed-items{display:grid;gap:10px}
html[data-p4j0cc-event-documentation="locked"] .p4j0cd-feed-item{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:10px;border:1px solid rgba(7,61,45,.12);border-radius:20px;background:#fff;box-shadow:0 12px 28px rgba(7,61,45,.05)}
html[data-p4j0cc-event-documentation="locked"] .p4j0cd-feed-media{border:0;padding:0;background:transparent;border-radius:18px;overflow:hidden;min-height:92px}
html[data-p4j0cc-event-documentation="locked"] .p4j0cd-feed-media img{display:block;width:92px;height:92px;object-fit:cover}
html[data-p4j0cc-event-documentation="locked"] .p4j0cd-feed-copy{min-width:0;display:grid;gap:4px;align-content:start}
html[data-p4j0cc-event-documentation="locked"] .p4j0cd-feed-meta{display:flex;gap:6px;flex-wrap:wrap;color:rgba(7,61,45,.62);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
html[data-p4j0cc-event-documentation="locked"] .p4j0cd-feed-copy h3{margin:0;color:#073d2d;font-size:.95rem;line-height:1.08}
html[data-p4j0cc-event-documentation="locked"] .p4j0cd-feed-copy p{margin:0;color:rgba(7,61,45,.78);font-size:.82rem;font-weight:750;line-height:1.35}
html[data-p4j0cc-event-documentation="locked"] .p4j0cd-feed-empty,
html[data-p4j0cc-event-documentation="locked"] .p4j0cd-feed-loading{padding:14px;border:1px dashed rgba(7,61,45,.20);border-radius:18px;background:rgba(239,250,243,.7);display:grid;gap:4px;color:#073d2d;text-align:center}
html[data-p4j0cc-event-documentation="locked"] .p4j0cd-feed-empty span{font-size:.8rem;color:rgba(7,61,45,.68);font-weight:700}
html[data-p4j0cc-event-documentation="locked"] .p4j0cd-load-more{min-height:42px;border:0;border-radius:999px;background:#064b3b;color:#fff;font-weight:900;padding:10px 14px;box-shadow:0 14px 28px rgba(6,75,59,.12)}
@media(max-width:420px){html[data-p4j0cc-event-documentation="locked"] .p4j0cd-feed-item{grid-template-columns:82px minmax(0,1fr)}html[data-p4j0cc-event-documentation="locked"] .p4j0cd-feed-media img{width:82px;height:82px}}


/* === public/assets/css/phase-4j0ce-event-detail-participants-chat-payment-proof-flow.css === */
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .event-detail-screen .p4j0ce-event-tabs{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 10px;padding:8px;border-radius:22px;background:rgba(255,255,255,.92);border:1px solid rgba(7,61,45,.12);box-shadow:0 14px 36px rgba(6,75,59,.08)
}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .event-detail-screen .p4j0ce-event-tabs button{
  min-height:44px;border:0;border-radius:16px;background:transparent;color:#0b4c3d;font-weight:950;letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent
}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .event-detail-screen .p4j0ce-event-tabs button.is-active{
  background:linear-gradient(135deg,#064b3b,#08785d);color:#fff;box-shadow:0 10px 22px rgba(6,75,59,.18)
}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .event-detail-screen .p4j0ce-event-chat-card{
  border-radius:24px;border:1px solid rgba(7,61,45,.12);box-shadow:0 16px 42px rgba(6,75,59,.08);overflow:hidden
}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .event-detail-screen .p4j0ce-card-head{
  display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px
}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .event-detail-screen .p4j0ce-chat-badge{
  display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:999px;padding:4px 10px;background:#eafff2;color:#064b3b;border:1px solid rgba(6,75,59,.14);font-weight:900;font-size:11px
}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-permission,
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-empty,
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-loading{
  padding:16px;border-radius:18px;background:#f7fbf8;border:1px solid rgba(7,61,45,.10);color:#4f6c62;text-align:center
}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-permission strong,
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-empty strong{display:block;color:#073d2d;font-weight:950;margin-bottom:4px}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-list{display:grid;gap:10px;margin:10px 0 12px}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-message{
  display:grid;gap:8px;padding:12px;border-radius:18px;background:#fff;border:1px solid rgba(7,61,45,.12);box-shadow:0 10px 24px rgba(6,75,59,.05)
}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-message.is-proof{background:linear-gradient(180deg,#ffffff,#f3fbf6);border-color:rgba(8,120,93,.22)}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-msg-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:#637a72}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-msg-head strong{color:#073d2d;font-size:13px;font-weight:950}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-msg-head em{font-style:normal;border-radius:999px;background:#eafff2;color:#064b3b;padding:3px 8px;font-weight:900;font-size:10px}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-message p{margin:0;color:#0b4c3d;font-weight:780;line-height:1.35}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-image{border:0;background:transparent;padding:0;text-align:left;cursor:pointer}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-image img{width:100%;max-height:220px;object-fit:cover;border-radius:16px;border:1px solid rgba(7,61,45,.10)}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-attachment{display:inline-flex;border-radius:14px;background:#f7fbf8;border:1px solid rgba(7,61,45,.12);padding:10px 12px;color:#064b3b;font-weight:900;text-decoration:none}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-payment-status{font-size:12px;font-weight:900;color:#064b3b;background:#eafff2;border-radius:12px;padding:7px 9px}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-proof-actions{display:flex;flex-wrap:wrap;gap:8px}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-proof-actions button,
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-load-more{
  min-height:36px;border-radius:999px;border:1px solid rgba(7,61,45,.14);background:#fff;color:#064b3b;font-weight:900;padding:7px 11px;cursor:pointer
}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-form{display:grid;gap:10px;margin-top:12px}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-form textarea{width:100%;border-radius:18px;border:1px solid rgba(7,61,45,.16);padding:12px 14px;color:#073d2d;background:#fff;resize:vertical;font-weight:760;min-height:76px}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-proof-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-proof-row label{display:grid;gap:5px;border:1px dashed rgba(6,75,59,.25);border-radius:16px;padding:10px;background:#f7fbf8;color:#064b3b;font-weight:900;font-size:12px}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-proof-row input{font-size:11px;max-width:100%}
html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-proof-row button{min-height:44px;border:0;border-radius:16px;background:#064b3b;color:#fff;font-weight:950;padding:0 16px;box-shadow:0 10px 24px rgba(6,75,59,.18)}
@media(max-width:420px){html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-proof-row{grid-template-columns:1fr}html[data-p4j0ce-event-chat="locked"] body:not(.ops-admin) .p4j0ce-proof-row button{width:100%}}


/* === public/assets/css/phase-4j0cf-event-chat-tab-community-chat-alignment.css === */
html[data-p4j0cf-event-chat-community="locked"] body:not(.ops-admin) .event-detail-screen .p4j0ce-event-tabs.p4j0cf-event-tabs{
  display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 12px;padding:8px;border-radius:22px;background:rgba(255,255,255,.94);border:1px solid rgba(7,61,45,.12);box-shadow:0 14px 36px rgba(6,75,59,.08)
}
html[data-p4j0cf-event-chat-community="locked"] body:not(.ops-admin) .event-detail-screen .p4j0ce-event-tabs [data-p4j0ce-tab]{
  display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:46px;border:0;border-radius:17px;background:transparent!important;color:#0b4c3d!important;font-weight:950;letter-spacing:.01em;cursor:pointer;box-shadow:none!important;-webkit-tap-highlight-color:transparent
}
html[data-p4j0cf-event-chat-community="locked"] body:not(.ops-admin) .event-detail-screen[data-p4j0cf-active-tab="participants"] .p4j0ce-event-tabs [data-p4j0ce-tab="participants"],
html[data-p4j0cf-event-chat-community="locked"] body:not(.ops-admin) .event-detail-screen[data-p4j0cf-active-tab="chat"] .p4j0ce-event-tabs [data-p4j0ce-tab="chat"]{
  background:linear-gradient(135deg,#064b3b,#08785d)!important;color:#fff!important;box-shadow:0 10px 22px rgba(6,75,59,.18)!important
}
html[data-p4j0cf-event-chat-community="locked"] body:not(.ops-admin) .event-detail-screen[data-p4j0cf-active-tab="participants"] .p4j0ce-event-tabs [data-p4j0ce-tab="chat"],
html[data-p4j0cf-event-chat-community="locked"] body:not(.ops-admin) .event-detail-screen[data-p4j0cf-active-tab="chat"] .p4j0ce-event-tabs [data-p4j0ce-tab="participants"]{
  background:transparent!important;color:#0b4c3d!important;box-shadow:none!important
}
html[data-p4j0cf-event-chat-community="locked"] body:not(.ops-admin) .p4j0cf-tab-icon{font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center}
html[data-p4j0cf-event-chat-community="locked"] body:not(.ops-admin) .event-detail-screen .p4j0cf-event-chat-card{display:block}
html[data-p4j0cf-event-chat-community="locked"] body:not(.ops-admin) [data-p4j0cf-community-chat="locked"] .p4j0bt-tabs.detail button,
html[data-p4j0cf-event-chat-community="locked"] body:not(.ops-admin) [data-p4j0cf-community-chat="locked"] .p4j0bs-tabs.detail button,
html[data-p4j0cf-event-chat-community="locked"] body:not(.ops-admin) [data-p4j0cf-community-chat="locked"] .p4j0br-tabs.detail button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
html[data-p4j0cf-event-chat-community="locked"] body:not(.ops-admin) .p4j0cf-community-chat-card{overflow:hidden}
html[data-p4j0cf-event-chat-community="locked"] body:not(.ops-admin) .p4j0cf-community-chat-empty{display:grid;gap:5px;place-items:center;text-align:center;padding:18px 10px;color:var(--text-secondary,#617a70)}
html[data-p4j0cf-event-chat-community="locked"] body:not(.ops-admin) .p4j0cf-community-chat-empty strong{color:var(--text-primary,#073d2d);font-weight:950}
@media(max-width:420px){html[data-p4j0cf-event-chat-community="locked"] body:not(.ops-admin) .event-detail-screen .p4j0ce-event-tabs.p4j0cf-event-tabs{gap:8px}html[data-p4j0cf-event-chat-community="locked"] body:not(.ops-admin) .event-detail-screen .p4j0ce-event-tabs [data-p4j0ce-tab]{min-height:44px}}


/* === public/assets/css/phase-4j0cg-unified-chat-stability-style.css === */
/* Phase 4J0CG — Unified Chat Stability Style
   Scope: event detail chat + community detail chat only. No global button/table override. */
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .event-detail-screen .p4j0ce-event-tabs,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-community-chat-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:12px 0 10px;
  padding:7px;
  border-radius:22px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(7,61,45,.12);
  box-shadow:0 12px 30px rgba(6,75,59,.07);
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .event-detail-screen .p4j0ce-event-tabs [data-p4j0ce-tab],
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-community-chat-tabs button{
  min-height:38px;
  border:0;
  border-radius:16px;
  background:transparent;
  color:#0b4c3d;
  font-weight:900;
  font-size:13px;
  letter-spacing:.01em;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  cursor:pointer;
  transform:none!important;
  transition:background-color .16s ease,color .16s ease,box-shadow .16s ease;
  -webkit-tap-highlight-color:transparent;
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .event-detail-screen .p4j0ce-event-tabs [data-p4j0ce-tab].is-active,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .event-detail-screen .p4j0ce-event-tabs [data-p4j0ce-tab][aria-selected="true"],
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-community-chat-tabs button.is-active{
  background:linear-gradient(135deg,#064b3b,#08785d);
  color:#fff;
  box-shadow:0 9px 18px rgba(6,75,59,.16);
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-event-chat-card,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-community-chat-card{
  border-radius:24px;
  border:1px solid rgba(7,61,45,.12);
  background:rgba(255,255,255,.96);
  box-shadow:0 14px 34px rgba(6,75,59,.075);
  overflow:hidden;
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-card-head,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-chat-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-card-head .page-title,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-chat-title{
  font-size:18px;
  line-height:1.05;
  font-weight:950;
  color:#073d2d;
  margin:1px 0 3px;
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-card-head .page-subtitle,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-chat-subtitle{
  color:#526f65;
  font-size:12px;
  line-height:1.35;
  max-width:260px;
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-badge,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-chat-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  border-radius:999px;
  padding:3px 8px;
  background:#eafff2;
  color:#064b3b;
  border:1px solid rgba(6,75,59,.14);
  font-weight:900;
  font-size:10px;
  white-space:nowrap;
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-list,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-chat-list{
  display:grid;
  gap:8px;
  margin:8px 0 10px;
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-message,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-chat-message{
  display:grid;
  gap:5px;
  max-width:88%;
  padding:9px 11px;
  border-radius:16px;
  border:1px solid rgba(7,61,45,.10);
  box-shadow:0 8px 18px rgba(6,75,59,.045);
  background:#fff;
  color:#073d2d;
  font-size:12px;
  line-height:1.32;
  justify-self:start;
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-message.is-mine,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-chat-message.is-mine{
  justify-self:end;
  background:linear-gradient(180deg,#eafff2,#f7fff9);
  border-color:rgba(6,75,59,.18);
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-message.is-host,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-chat-message.is-host{
  background:#effaf3;
  border-color:rgba(8,120,93,.22);
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-message.is-proof,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-chat-message.is-proof{
  background:#fffdf5;
  border-color:rgba(180,132,20,.22);
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-msg-head,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-msg-head{
  display:flex;
  gap:6px;
  align-items:center;
  flex-wrap:wrap;
  color:#6b7f78;
  font-size:10.5px;
  line-height:1.2;
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-msg-head strong,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-msg-head strong{
  color:#073d2d;
  font-size:11.5px;
  font-weight:950;
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-role-pill,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-msg-head em{
  font-style:normal;
  border-radius:999px;
  background:#eafff2;
  color:#064b3b;
  padding:2px 6px;
  font-weight:900;
  font-size:9.5px;
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-message p,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-chat-message p{
  margin:0;
  color:#0b4c3d;
  font-weight:720;
  line-height:1.34;
  font-size:13px;
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-image img,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-chat-image img{
  width:100%;
  max-height:180px;
  object-fit:cover;
  border-radius:13px;
  border:1px solid rgba(7,61,45,.10);
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-form,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-chat-form{
  display:grid;
  gap:8px;
  margin-top:10px;
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-form textarea,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-chat-form textarea{
  width:100%;
  min-height:58px;
  max-height:120px;
  resize:vertical;
  border-radius:17px;
  border:1px solid rgba(7,61,45,.14);
  background:#fff;
  color:#073d2d;
  padding:10px 12px;
  font-size:13px;
  line-height:1.35;
  font-weight:650;
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-proof-row,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-chat-actions{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  align-items:center;
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-proof-row label,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-chat-upload{
  display:grid;
  gap:4px;
  border:1px dashed rgba(6,75,59,.24);
  border-radius:15px;
  padding:8px 9px;
  background:#f7fbf8;
  color:#064b3b;
  font-weight:850;
  font-size:11px;
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-proof-row input,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-chat-upload input{
  font-size:10.5px;
  max-width:100%;
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-proof-row button,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-chat-form button[type="submit"]{
  min-height:42px;
  border:0;
  border-radius:16px;
  background:#064b3b;
  color:#fff;
  font-weight:950;
  padding:0 15px;
  box-shadow:0 9px 20px rgba(6,75,59,.16);
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-empty,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-loading,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-chat-permission,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-empty,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-loading,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-permission{
  padding:13px;
  border-radius:17px;
  background:#f7fbf8;
  border:1px solid rgba(7,61,45,.10);
  color:#526f65;
  text-align:center;
  font-size:12px;
  line-height:1.35;
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-empty strong,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-empty strong,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-permission strong{
  display:block;
  color:#073d2d;
  font-weight:950;
  margin-bottom:3px;
}
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-load-more,
html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-load-more{
  min-height:34px;
  border-radius:999px;
  border:1px solid rgba(7,61,45,.14);
  background:#fff;
  color:#064b3b;
  font-weight:900;
  padding:7px 11px;
}
@media(max-width:420px){
  html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-proof-row,
  html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-chat-actions{grid-template-columns:1fr;}
  html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0ce-proof-row button,
  html[data-p4j0cg-unified-chat="locked"] body:not(.ops-admin) .p4j0cg-chat-form button[type="submit"]{width:100%;}
}


/* === public/assets/css/phase-4j0ch-page-transition-visual-lock-action-button-state.css === */
/* Phase 4J0CH — Page transition visual lock and action button state stabilization.
   Scope: user Home / Booking / Activity visual-standard pages only.
   Purpose: prevent transient action-button color flash during route changes without touching bottom nav, FAB, admin, global button, or route transition owner. */

html[data-p4j0ch-visual-lock="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home,
html[data-p4j0ch-visual-lock="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub,
html[data-p4j0ch-visual-lock="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i-activity-page{
  -webkit-tap-highlight-color:transparent!important;
}

/* Lock home quick-action colours to the accepted community-tone palette. These rules are deliberately scoped to Home only. */
html[data-p4j0ch-visual-lock="locked"][data-p4j0ch-current-page="home"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home .btn-primary,
html[data-p4j0ch-visual-lock="locked"][data-p4j0ch-current-page="home"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home .p3k38g-hero .btn-primary,
html[data-p4j0ch-visual-lock="locked"][data-p4j0ch-current-page="home"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home .p3k38g-quick-actions .btn-primary{
  background:var(--p4j0bw-green,#063f33)!important;
  border-color:var(--p4j0bw-green,#063f33)!important;
  color:#fff!important;
  box-shadow:0 14px 28px rgba(0,70,45,.14)!important;
}

html[data-p4j0ch-visual-lock="locked"][data-p4j0ch-current-page="home"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home .btn-secondary,
html[data-p4j0ch-visual-lock="locked"][data-p4j0ch-current-page="home"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home .p3k38g-hero .btn-secondary,
html[data-p4j0ch-visual-lock="locked"][data-p4j0ch-current-page="home"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home .p3k38g-quick-actions .btn-secondary{
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(6,63,51,.16)!important;
  color:var(--text-primary,#073d2d)!important;
  box-shadow:0 14px 28px rgba(0,70,45,.08)!important;
}

/* During the first frames of a page change, freeze component transitions so Android/WebView does not display stale :active colours. */
html[data-p4j0ch-visual-lock="locked"][data-p4j0ch-settling="1"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home .btn,
html[data-p4j0ch-visual-lock="locked"][data-p4j0ch-settling="1"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home .p3k38g-quick-actions button,
html[data-p4j0ch-visual-lock="locked"][data-p4j0ch-settling="1"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card,
html[data-p4j0ch-visual-lock="locked"][data-p4j0ch-settling="1"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i-activity-page .btn,
html[data-p4j0ch-visual-lock="locked"][data-p4j0ch-settling="1"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i-activity-page .p4j0i-tab{
  transition:none!important;
  animation:none!important;
  transform:none!important;
}

/* Remove stale focus/active colour without removing accessibility focus-visible. */
html[data-p4j0ch-visual-lock="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home .btn:active,
html[data-p4j0ch-visual-lock="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home .p3k38g-quick-actions button:active,
html[data-p4j0ch-visual-lock="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card:active,
html[data-p4j0ch-visual-lock="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i-activity-page .btn:active{
  transform:none!important;
  filter:none!important;
}

/* Keep booking action cards isolated to booking state so Home never inherits action-card selected colour during navigation. */
html[data-p4j0ch-visual-lock="locked"]:not([data-p4j0ch-current-page="booking"]) body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0be-booking-hub .p4j0be-card.is-active{
  box-shadow:0 16px 34px rgba(0,70,45,.08)!important;
}

html[data-theme="dark"][data-p4j0ch-visual-lock="locked"][data-p4j0ch-current-page="home"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home .btn-primary{
  background:linear-gradient(180deg,#0a5c49,#063f33)!important;
  border-color:rgba(183,255,53,.22)!important;
  color:#f2fff5!important;
}
html[data-theme="dark"][data-p4j0ch-visual-lock="locked"][data-p4j0ch-current-page="home"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home .btn-secondary{
  background:rgba(15,35,29,.98)!important;
  border-color:rgba(183,255,53,.18)!important;
  color:#f2fff5!important;
}


/* === public/assets/css/phase-4j0cj-sponsor-hierarchy-community-event-court.css === */
/* Phase 4J0CJ — Sponsor Hierarchy Community Event Court Foundation */
.p4j0cj-sponsor-strip{display:flex;align-items:center;gap:10px;border:1px solid rgba(8,90,68,.14);background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(239,250,243,.96));border-radius:18px;padding:10px 12px;margin:10px 0;box-shadow:0 10px 24px rgba(6,75,59,.07)}
.p4j0cj-sponsor-strip.is-event{border-color:rgba(0,135,101,.24);background:linear-gradient(135deg,#ffffff,#ecfbef)}
.p4j0cj-sponsor-strip.is-community{border-color:rgba(6,81,63,.16);background:linear-gradient(135deg,#ffffff,#f5fbef)}
.p4j0cj-sponsor-logo{width:38px;height:38px;border-radius:13px;object-fit:cover;background:#fff;border:1px solid rgba(6,81,63,.12);flex:0 0 auto}
.p4j0cj-sponsor-copy{min-width:0;display:flex;flex-direction:column;gap:1px}
.p4j0cj-sponsor-kicker{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:850;color:#08765c}
.p4j0cj-sponsor-name{font-size:13px;line-height:1.2;font-weight:900;color:#064f3f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.p4j0cj-sponsor-caption{font-size:11px;line-height:1.25;color:#5d746b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.p4j0cj-sponsor-link{margin-left:auto;flex:0 0 auto;font-size:11px;font-weight:850;text-decoration:none;color:#07513f;border:1px solid rgba(6,81,63,.16);border-radius:999px;padding:5px 8px;background:#fff}
.p4j0cj-community-partner-mini{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:5px 8px;border-radius:999px;border:1px solid rgba(6,81,63,.14);background:rgba(255,255,255,.86);font-size:11px;font-weight:850;color:#07513f;max-width:100%}
.p4j0cj-community-partner-mini span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p4j0cj-sponsor-admin-note{font-size:11px;color:#657a72;margin-top:5px}
@media(max-width:640px){.p4j0cj-sponsor-strip{border-radius:16px;padding:9px 10px}.p4j0cj-sponsor-logo{width:34px;height:34px}.p4j0cj-sponsor-link{display:none}.p4j0cj-sponsor-name{font-size:12px}.p4j0cj-sponsor-caption{font-size:10.5px}}


/* === public/assets/css/phase-4j0cj2-community-sponsor-empty-tab-visual-hotfix.css === */
/* Phase 4J0CJ2 — scoped community detail sponsor tab visual hotfix */
html[data-p4j0cj2-community-visual-lock="1"] body:not(.ops-admin) .p4j0br-detail > .p4j0br-tabs.detail-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  overflow:visible;
  padding:6px;
  scroll-snap-type:none;
}
html[data-p4j0cj2-community-visual-lock="1"] body:not(.ops-admin) .p4j0br-detail > .p4j0br-tabs.detail-tabs .p4j0br-tab{
  min-width:0;
  width:100%;
  min-height:34px;
  padding:0 8px;
  font-size:.72rem;
  line-height:1;
  justify-content:center;
  text-align:center;
  white-space:nowrap;
  box-shadow:none;
}
html[data-p4j0cj2-community-visual-lock="1"] body:not(.ops-admin) .p4j0br-detail > .p4j0br-tabs.detail-tabs .p4j0br-tab span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
html[data-p4j0cj2-community-visual-lock="1"] body:not(.ops-admin) .p4j0br-detail.p4j0cj2-no-sponsor-tab > .p4j0br-tabs.detail-tabs{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
@media(max-width:430px){
  html[data-p4j0cj2-community-visual-lock="1"] body:not(.ops-admin) .p4j0br-detail > .p4j0br-tabs.detail-tabs,
  html[data-p4j0cj2-community-visual-lock="1"] body:not(.ops-admin) .p4j0br-detail.p4j0cj2-no-sponsor-tab > .p4j0br-tabs.detail-tabs{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}


/* === public/assets/css/phase-4j0cj3-community-detail-tab-label-composition-lock.css === */
/* Phase 4J0CJ3 — scoped community detail tab label and composition lock */
html[data-p4j0cj3-community-tab-lock="1"] body:not(.ops-admin) .p4j0br-detail[data-p4j0cj3-community-tabs="locked"] > .p4j0br-tabs.detail-tabs{
  scroll-behavior:auto;
  scroll-snap-type:none;
  overscroll-behavior-x:contain;
}
html[data-p4j0cj3-community-tab-lock="1"] body:not(.ops-admin) .p4j0br-detail[data-p4j0cj3-community-tabs="locked"] > .p4j0br-tabs.detail-tabs .p4j0br-tab{
  scroll-snap-align:none;
}
html[data-p4j0cj3-community-tab-lock="1"] body:not(.ops-admin) .p4j0cj3-chat-card{
  min-width:0;
}


/* === public/assets/css/phase-4j0cj4-community-detail-single-tab-owner-lock.css === */
/* Phase 4J0CJ4 — scoped community detail single tab owner lock */
@layer components {
  html[data-p4j0cj4-community-single-tab-owner="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-tabs {
    display:flex;
    gap:8px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:none;
    scroll-behavior:auto;
    -webkit-overflow-scrolling:touch;
  }
  html[data-p4j0cj4-community-single-tab-owner="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-tab {
    flex:0 0 auto;
    white-space:nowrap;
    scroll-snap-align:none;
  }
  html[data-p4j0cj4-community-single-tab-owner="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card,
  html[data-p4j0cj4-community-single-tab-owner="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-summary-card,
  html[data-p4j0cj4-community-single-tab-owner="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-events-card,
  html[data-p4j0cj4-community-single-tab-owner="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-feed-card,
  html[data-p4j0cj4-community-single-tab-owner="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-member-card,
  html[data-p4j0cj4-community-single-tab-owner="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-sponsor-card {
    margin-top:12px;
  }
  html[data-p4j0cj4-community-single-tab-owner="1"] body:not(.ops-admin) .p4j0cj4-member-list {
    display:grid;
    gap:10px;
  }
  html[data-p4j0cj4-community-single-tab-owner="1"] body:not(.ops-admin) .p4j0cj4-member-row {
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 0;
    border-bottom:1px solid var(--line, rgba(15,23,42,.08));
  }
  html[data-p4j0cj4-community-single-tab-owner="1"] body:not(.ops-admin) .p4j0cj4-member-avatar,
  html[data-p4j0cj4-community-single-tab-owner="1"] body:not(.ops-admin) .p4j0cj4-sponsor-logo {
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:999px;
    display:grid;
    place-items:center;
    overflow:hidden;
    background:var(--surface-soft, rgba(15,23,42,.06));
    color:var(--text, #111827);
    font-weight:800;
  }
  html[data-p4j0cj4-community-single-tab-owner="1"] body:not(.ops-admin) .p4j0cj4-member-avatar img,
  html[data-p4j0cj4-community-single-tab-owner="1"] body:not(.ops-admin) .p4j0cj4-sponsor-logo img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
  html[data-p4j0cj4-community-single-tab-owner="1"] body:not(.ops-admin) .p4j0cj4-member-row strong,
  html[data-p4j0cj4-community-single-tab-owner="1"] body:not(.ops-admin) .p4j0cj4-member-row span {
    display:block;
  }
  html[data-p4j0cj4-community-single-tab-owner="1"] body:not(.ops-admin) .p4j0cj4-sponsor-link {
    display:inline-flex;
    margin-top:10px;
    font-weight:800;
    color:var(--accent, #0f7a5f);
    text-decoration:none;
  }
  html[data-p4j0cj4-community-single-tab-owner="1"] body:not(.ops-admin) .p4j0cj4-loading-card {
    display:grid;
    gap:6px;
  }
}

/* Phase 4J0I1 — scoped Community Tournament create wizard */
@layer components {
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-card {
    display:grid;
    gap:12px;
    padding-bottom:18px;
  }
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-tournament-list {
    display:grid;
    gap:8px;
  }
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-mini-card {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px;
    border:1px solid var(--line, rgba(6,63,51,.12));
    border-radius:16px;
    background:var(--card, #fff);
  }
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-mini-card b,
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-mini-card span,
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-mini-card small {
    display:block;
  }
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-create {
    display:grid;
    gap:12px;
    margin-top:4px;
    border:1px solid var(--line, rgba(6,63,51,.12));
    border-radius:20px;
    padding:14px;
    background:linear-gradient(180deg, var(--card, #fff), rgba(183,255,53,.08));
  }
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-form-head h3 {
    margin:2px 0 4px;
    color:var(--text, #063f33);
  }
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-form-head p,
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-empty span,
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-payment-note span {
    margin:0;
    color:var(--text-muted, #5b7068);
    font-size:.86rem;
    line-height:1.35;
  }
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-calendar {
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:6px;
  }
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-cal-day {
    min-height:52px;
    border:1px solid var(--line, rgba(6,63,51,.12));
    border-radius:14px;
    background:var(--surface, #fff);
    color:var(--text, #063f33);
    display:grid;
    place-items:center;
    padding:6px 2px;
    font:inherit;
    cursor:pointer;
  }
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-cal-day b { font-size:.94rem; line-height:1; }
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-cal-day small { font-size:.66rem; color:var(--text-muted, #5b7068); }
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-cal-day.is-selected {
    background:var(--brand-green, #063f33);
    color:#fff;
    border-color:var(--brand-green, #063f33);
    box-shadow:0 12px 24px rgba(6,63,51,.18);
  }
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-cal-day.is-selected small { color:rgba(255,255,255,.78); }
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-selected,
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-payment-note,
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-empty {
    display:grid;
    gap:4px;
    border:1px solid var(--line, rgba(6,63,51,.12));
    border-radius:16px;
    padding:12px;
    background:rgba(255,255,255,.72);
  }
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-selected span { color:var(--text-muted, #5b7068); font-size:.76rem; font-weight:800; }
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-grid label {
    display:grid;
    gap:5px;
    font-size:.78rem;
    font-weight:850;
    color:var(--text, #063f33);
  }
  html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-grid .input {
    width:100%;
    min-height:42px;
    border-radius:14px;
    border:1px solid var(--line, rgba(6,63,51,.16));
    background:var(--card, #fff);
    color:var(--text, #063f33);
    padding:0 11px;
    font:inherit;
  }
  html[data-theme="dark"][data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-create,
  html[data-theme="dark"][data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-mini-card,
  html[data-theme="dark"][data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-selected,
  html[data-theme="dark"][data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-payment-note,
  html[data-theme="dark"][data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-empty {
    background:rgba(13,33,27,.88);
    border-color:rgba(255,255,255,.12);
  }
  html[data-theme="dark"][data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-grid .input,
  html[data-theme="dark"][data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-cal-day {
    background:rgba(255,255,255,.06);
    color:var(--text, #f4fff8);
    border-color:rgba(255,255,255,.14);
  }
  @media (max-width:520px){
    html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-grid { grid-template-columns:1fr; }
    html[data-p4j0i1-community-tournament-create="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i1-calendar { gap:5px; }
  }
}

@layer components {
  html[data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-slot-picker,
  html[data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-slot-empty {
    display:grid;
    gap:10px;
    border:1px solid var(--line, rgba(6,63,51,.12));
    border-radius:18px;
    background:rgba(255,255,255,.76);
    padding:12px;
  }
  html[data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-slot-head {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
  }
  html[data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-slot-head small {
    display:block;
    color:var(--text-muted, #5b7068);
    font-size:.68rem;
    font-weight:950;
    letter-spacing:.07em;
    text-transform:uppercase;
  }
  html[data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-slot-head h4 {
    margin:2px 0 0;
    color:var(--text, #063f33);
    font-size:1rem;
    line-height:1.1;
  }
  html[data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-slot-head strong {
    max-width:46%;
    text-align:right;
    color:var(--brand-green, #063f33);
    font-size:.78rem;
    line-height:1.25;
  }
  html[data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-slot-day {
    display:grid;
    gap:8px;
    border-top:1px dashed var(--line, rgba(6,63,51,.14));
    padding-top:10px;
  }
  html[data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-slot-day > b {
    color:var(--text, #063f33);
    font-size:.86rem;
  }
  html[data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-court-grid {
    display:grid;
    gap:8px;
  }
  html[data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-court-row {
    display:grid;
    grid-template-columns:72px 1fr;
    gap:8px;
    align-items:center;
  }
  html[data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-court-row span {
    color:var(--text-muted, #5b7068);
    font-size:.76rem;
    font-weight:900;
  }
  html[data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-court-row div {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
  }
  html[data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-slot-chip {
    min-height:36px;
    border:1px solid var(--line, rgba(6,63,51,.14));
    border-radius:12px;
    background:var(--card, #fff);
    color:var(--text, #063f33);
    font:inherit;
    font-size:.76rem;
    font-weight:950;
    padding:0 6px;
  }
  html[data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-slot-chip.is-selected {
    background:var(--brand-green, #063f33);
    border-color:var(--brand-green, #063f33);
    color:#fff;
    box-shadow:0 10px 22px rgba(6,63,51,.18);
  }
  html[data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-slot-empty b,
  html[data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-slot-empty span { display:block; }
  html[data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-slot-empty span { color:var(--text-muted, #5b7068); font-size:.84rem; line-height:1.35; }
  html[data-theme="dark"][data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-slot-picker,
  html[data-theme="dark"][data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-slot-empty {
    background:rgba(13,33,27,.88);
    border-color:rgba(255,255,255,.12);
  }
  html[data-theme="dark"][data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-slot-chip {
    background:rgba(255,255,255,.06);
    color:var(--text, #f4fff8);
    border-color:rgba(255,255,255,.14);
  }
  @media (max-width:520px){
    html[data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-slot-head { display:grid; }
    html[data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-slot-head strong { max-width:none; text-align:left; }
    html[data-p4j0i2-community-tournament-slot-picker="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0i2-court-row { grid-template-columns:1fr; }
  }
}


/* === public/assets/css/phase-4j0cm-community-event-card-ui-repolish.css === */
/* Phase 4J0CM — Community Event Card UI Re-polish
   Scope: Community Detail event cards only. No global table/button/bottom-nav/FAB selectors. */
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-community-event-card {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 12px;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--border) 78%, transparent);
  background: linear-gradient(180deg, color-mix(in srgb, var(--bg-surface) 96%, var(--accent-soft) 4%), var(--bg-surface));
  border-radius: 22px;
  box-shadow: var(--shadow-soft);
  overflow: hidden;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-event-media {
  position: relative;
  min-height: 108px;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent-soft) 52%, transparent), color-mix(in srgb, var(--accent) 14%, transparent));
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-event-media::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(180deg, rgba(3,38,28,.04), rgba(3,38,28,.42)), var(--p4j0cm-event-bg);
  background-size: cover;
  background-position: center;
  opacity: .96;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-event-thumb {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  font-size: 1.35rem;
  font-weight: 950;
  color: #fff;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-event-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-event-body {
  min-width: 0;
  display: grid;
  gap: 8px;
  align-content: start;
  padding: 2px 0;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-event-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-event-topline span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-secondary);
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .045em;
  text-transform: uppercase;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-event-topline b,
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-event-state {
  border-radius: 999px;
  padding: 5px 8px;
  background: color-mix(in srgb, var(--accent-soft) 84%, transparent);
  color: var(--accent-strong, var(--accent));
  font-size: .62rem;
  font-weight: 950;
  white-space: nowrap;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-event-body h3 {
  margin: 0;
  color: var(--text-primary);
  font-size: 1.03rem;
  line-height: 1.18;
  letter-spacing: -.015em;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-event-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-event-meta span {
  max-width: 100%;
  border: 1px solid color-mix(in srgb, var(--border) 72%, transparent);
  border-radius: 999px;
  padding: 6px 8px;
  background: color-mix(in srgb, var(--bg-card) 90%, transparent);
  color: var(--text-secondary);
  font-size: .7rem;
  font-weight: 850;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-event-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  margin-top: 2px;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-event-actions .btn {
  width: 100%;
  min-height: 38px;
  border-radius: 14px;
}
@media (max-width: 420px) {
  body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-community-event-card {
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 10px;
    padding: 9px;
    border-radius: 20px;
  }
  body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-event-media {
    min-height: 96px;
    border-radius: 16px;
  }
  body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-event-meta span:nth-child(3) {
    display: none;
  }
}


/* === public/assets/css/phase-4j0cn-community-detail-feed-member-schedule-polish.css === */
/* Phase 4J0CN — Community Detail Feed Member Schedule Polish
   Scope: Community Detail user page only. No global table/button/bottom-nav/FAB selectors. */
body:not(.ops-admin) .p4j0cj4-detail.p4j0cn-detail {
  --p4j0cn-radius: 22px;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-summary-card,
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-events-card,
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-feed-card,
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-member-card {
  border: 1px solid color-mix(in srgb, var(--border) 74%, transparent);
  background: linear-gradient(180deg, color-mix(in srgb, var(--bg-surface) 96%, var(--accent-soft) 4%), var(--bg-surface));
  box-shadow: var(--shadow-soft);
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-stat-grid span {
  display: grid;
  gap: 3px;
  padding: 11px 9px;
  border: 1px solid color-mix(in srgb, var(--border) 76%, transparent);
  border-radius: 18px;
  background: color-mix(in srgb, var(--bg-card) 92%, transparent);
  min-width: 0;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-stat-grid strong {
  color: var(--text-primary);
  font-size: 1.05rem;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-stat-grid small {
  color: var(--text-secondary);
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .035em;
  text-transform: uppercase;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-summary-actions,
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-card-footer {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-card-footer {
  grid-template-columns: 1fr;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-summary-actions .btn,
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-card-footer .btn {
  width: 100%;
  min-height: 40px;
  border-radius: 15px;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-filter-row {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 2px 1px 10px;
  scrollbar-width: none;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-filter-row::-webkit-scrollbar {
  display: none;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-filter-pill {
  border: 1px solid color-mix(in srgb, var(--border) 80%, transparent);
  background: color-mix(in srgb, var(--bg-card) 92%, transparent);
  color: var(--text-secondary);
  border-radius: 999px;
  padding: 8px 13px;
  font-size: .72rem;
  font-weight: 950;
  white-space: nowrap;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-filter-pill.is-active {
  border-color: color-mix(in srgb, var(--accent) 60%, var(--border));
  background: color-mix(in srgb, var(--accent-soft) 78%, var(--bg-card));
  color: var(--accent-strong, var(--accent));
  box-shadow: 0 8px 18px color-mix(in srgb, var(--accent) 14%, transparent);
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-event-list,
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-feed-list,
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-member-list {
  display: grid;
  gap: 10px;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-feed-item,
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-member-row {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--border) 76%, transparent);
  border-radius: 18px;
  background: color-mix(in srgb, var(--bg-card) 92%, transparent);
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-feed-avatar,
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-member-avatar {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  overflow: hidden;
  background: color-mix(in srgb, var(--accent-soft) 72%, transparent);
  color: var(--accent-strong, var(--accent));
  font-size: .8rem;
  font-weight: 950;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-feed-avatar img,
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-member-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-feed-item strong,
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-member-row strong {
  display: block;
  min-width: 0;
  color: var(--text-primary);
  font-size: .9rem;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-feed-item span,
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-member-row span {
  display: block;
  margin-top: 3px;
  color: var(--text-secondary);
  font-size: .73rem;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-search {
  display: grid;
  gap: 6px;
  margin: 2px 0 12px;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-search span {
  color: var(--text-secondary);
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-search input {
  width: 100%;
  min-height: 42px;
  border: 1px solid color-mix(in srgb, var(--border) 76%, transparent);
  border-radius: 16px;
  background: color-mix(in srgb, var(--bg-card) 92%, transparent);
  color: var(--text-primary);
  padding: 0 13px;
  outline: none;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-search input:focus {
  border-color: color-mix(in srgb, var(--accent) 54%, var(--border));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-soft) 64%, transparent);
}
@media (max-width: 420px) {
  body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-summary-actions {
    grid-template-columns: 1fr;
  }
}


/* === public/assets/css/phase-4j0co-community-hero-cover-event-card-safe-polish.css === */
/* Phase 4J0CO — Community Hero Cover And Event Card Safe Polish
   Scope: Community Detail user page only. No global table/button/bottom-nav/FAB selectors. */
body:not(.ops-admin) .p4j0cj4-detail.p4j0co-detail {
  padding-bottom: calc(120px + env(safe-area-inset-bottom, 0px));
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0co-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--border));
  background:
    radial-gradient(circle at 16% 12%, color-mix(in srgb, #ffffff 28%, transparent), transparent 34%),
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 76%, #101d18 24%), color-mix(in srgb, var(--accent-strong, var(--accent)) 42%, #0c1612 58%));
  min-height: 176px;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0co-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image: var(--p4j0co-cover);
  background-size: cover;
  background-position: center;
  transform: scale(1.04);
  opacity: .58;
  filter: saturate(1.05) contrast(1.02);
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0co-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(4, 31, 24, .78), rgba(4, 31, 24, .42) 54%, rgba(4, 31, 24, .62)),
    radial-gradient(circle at 86% 8%, rgba(255,255,255,.18), transparent 28%);
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0co-hero[data-p4j0co-cover="0"]::before {
  background-image:
    radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--accent-soft) 72%, transparent), transparent 34%),
    radial-gradient(circle at 82% 8%, color-mix(in srgb, var(--accent) 38%, transparent), transparent 30%);
  opacity: 1;
  filter: none;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0co-hero .p4j0br-detail-main,
body:not(.ops-admin) .p4j0cj4-detail .p4j0co-hero .p4j0br-detail-actions {
  position: relative;
  z-index: 1;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0co-hero .p4j0br-detail-avatar {
  box-shadow: 0 14px 28px rgba(0,0,0,.22);
  border: 2px solid rgba(255,255,255,.72);
  background: rgba(255,255,255,.88);
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0co-hero small,
body:not(.ops-admin) .p4j0cj4-detail .p4j0co-hero h1,
body:not(.ops-admin) .p4j0cj4-detail .p4j0co-hero p {
  color: #fff;
  text-shadow: 0 1px 8px rgba(0,0,0,.24);
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0co-hero p {
  color: rgba(255,255,255,.88);
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0co-hero .p4j0br-detail-actions .btn {
  background: rgba(255,255,255,.9);
  color: color-mix(in srgb, var(--accent-strong, var(--accent)) 82%, #10241e 18%);
  border-color: rgba(255,255,255,.66);
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}
body:not(.ops-admin) .p4j0cj4-detail.p4j0co-detail .p4j0br-tabs {
  margin-bottom: 14px;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-events-card {
  margin-bottom: 18px;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-events-card .p4j0br-card-head {
  align-items: center;
  gap: 12px;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-events-card .p4j0br-card-head .btn-primary {
  min-height: 42px;
  padding: 0 14px;
  border-radius: 15px;
  line-height: 1.08;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-filter-row {
  gap: 7px;
  padding: 0 1px 11px;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-filter-pill {
  padding: 8px 12px;
  background: color-mix(in srgb, var(--bg-card) 94%, transparent);
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-filter-pill.is-active {
  border-color: color-mix(in srgb, var(--accent) 72%, var(--border));
  background: linear-gradient(180deg, color-mix(in srgb, var(--accent-soft) 82%, var(--bg-card)), color-mix(in srgb, var(--bg-card) 86%, var(--accent) 14%));
  color: color-mix(in srgb, var(--accent-strong, var(--accent)) 88%, var(--text-primary));
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-community-event-card {
  gap: 10px;
  padding: 9px;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-event-body {
  gap: 7px;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0co-event-actions,
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-event-actions.p4j0co-event-actions {
  grid-template-columns: 1fr;
  margin-top: 0;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0co-event-actions .btn {
  min-height: 36px;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-event-actions.p4j0co-event-actions .p4j0cm-event-state {
  display: none;
}
@media (max-width: 420px) {
  body:not(.ops-admin) .p4j0cj4-detail.p4j0co-detail {
    padding-bottom: calc(132px + env(safe-area-inset-bottom, 0px));
  }
  body:not(.ops-admin) .p4j0cj4-detail .p4j0co-hero {
    min-height: 168px;
  }
  body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-events-card .p4j0br-card-head {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  body:not(.ops-admin) .p4j0cj4-detail .p4j0cn-events-card .p4j0br-card-head .btn-primary {
    min-height: 40px;
    padding: 0 12px;
    font-size: .8rem;
  }
}


/* === public/assets/css/phase-4j0cp-community-detail-mobile-spacing-tab-polish.css === */
/* Phase 4J0CP — Community Detail Mobile Spacing And Tab Polish
   Scope: Community Detail user page only. No global table/button/bottom-nav/FAB selectors. */
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail {
  padding-bottom: calc(172px + env(safe-area-inset-bottom, 0px));
}
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0br-tabs.p4j0cj4-tabs {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 7px;
  padding: 8px;
  margin: 10px 0 12px;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0br-tabs.p4j0cj4-tabs::-webkit-scrollbar {
  display: none;
}
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0br-tabs.p4j0cj4-tabs .p4j0br-tab {
  flex: 0 0 auto;
  min-width: 92px;
  height: 36px;
  padding: 0 13px;
  scroll-snap-align: start;
}
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0br-detail-hero.p4j0co-hero {
  min-height: 164px;
  margin-bottom: 10px;
}
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0br-detail-actions {
  gap: 8px;
}
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0br-detail-actions .btn {
  min-height: 40px;
}
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0cn-events-card,
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0cn-summary-card,
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0cn-feed-card,
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0cn-member-card,
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0cj4-chat-card {
  margin-top: 0;
}
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0cn-events-card {
  margin-bottom: calc(88px + env(safe-area-inset-bottom, 0px));
}
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0cn-events-card .p4j0br-card-head {
  gap: 10px;
  padding-bottom: 4px;
}
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0cn-events-card .p4j0br-card-head h2 {
  margin-top: 1px;
}
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0cn-events-card .p4j0br-card-head p {
  margin-top: 3px;
  line-height: 1.35;
}
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0cn-events-card .p4j0br-card-head .btn-primary {
  min-height: 38px;
  padding: 0 12px;
  border-radius: 14px;
  font-size: .82rem;
  box-shadow: 0 10px 22px color-mix(in srgb, var(--accent) 18%, transparent);
}
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0cn-filter-row {
  gap: 6px;
  padding: 0 0 10px;
  margin-top: 2px;
  overflow-x: auto;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0cn-filter-row::-webkit-scrollbar {
  display: none;
}
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0cn-filter-pill {
  flex: 0 0 auto;
  padding: 8px 12px;
  min-height: 34px;
}
body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0cm-community-event-card:last-child {
  margin-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
}
@media (max-width: 420px) {
  body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail {
    padding-bottom: calc(190px + env(safe-area-inset-bottom, 0px));
  }
  body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0br-tabs.p4j0cj4-tabs {
    margin-top: 8px;
    margin-bottom: 10px;
    padding: 7px;
  }
  body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0br-tabs.p4j0cj4-tabs .p4j0br-tab {
    min-width: 88px;
    height: 35px;
    font-size: .78rem;
  }
  body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0br-detail-hero.p4j0co-hero {
    min-height: 158px;
  }
  body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0cn-events-card .p4j0br-card-head .btn-primary {
    min-height: 36px;
    padding: 0 10px;
    font-size: .78rem;
  }
  body:not(.ops-admin) .p4j0cj4-detail.p4j0cp-detail .p4j0cm-community-event-card:last-child {
    margin-bottom: calc(116px + env(safe-area-inset-bottom, 0px));
  }
}


/* === public/assets/css/phase-4j0cq-dark-mode-home-activity-chat-event-tabs.css === */
/* Phase 4J0CQ — Dark Mode Safe Surfaces And Event Tab Visibility
   Scope: user Home, Activity, Community Detail chat, and Event Detail participant/chat tabs only.
   Protected: no global button/table, no bottom-nav, no tennis FAB, no OPS/Admin selector. */
html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home,
html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i-activity-page,
html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .event-detail-screen,
html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cj4-detail{
  --p4j0cq-bg:#061b15;
  --p4j0cq-surface:#0a2a21;
  --p4j0cq-surface-2:#0e352a;
  --p4j0cq-line:rgba(183,255,53,.20);
  --p4j0cq-line-soft:rgba(183,255,53,.13);
  --p4j0cq-text:#f4fff8;
  --p4j0cq-muted:#c7e3d4;
  --p4j0cq-accent:#b7ff35;
  --p4j0cq-green:#07825f;
  color:var(--p4j0cq-text)!important;
  -webkit-text-fill-color:initial!important;
}

/* Home + Activity dark surface readability */
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-section,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-action-card,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-mini-card,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-community-card,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-onboarding-compact,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-empty,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-event-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-game-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-empty{
  background:linear-gradient(135deg,var(--p4j0cq-surface),rgba(7,26,21,.98))!important;
  border-color:var(--p4j0cq-line-soft)!important;
  color:var(--p4j0cq-text)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.34)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-section *,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-action-card *,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-mini-card *,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-community-card *,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card *,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-event-card *,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-game-card *{
  text-shadow:none!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home h1,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home h2,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home h3,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home strong,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page h1,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page h2,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page h3,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page strong{
  color:var(--p4j0cq-text)!important;
  -webkit-text-fill-color:var(--p4j0cq-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home p,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home span,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home small,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page p,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page span,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page small{
  color:var(--p4j0cq-muted)!important;
  -webkit-text-fill-color:var(--p4j0cq-muted)!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .section-kicker,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .section-kicker,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-chip,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .badge{
  color:var(--p4j0cq-accent)!important;
  -webkit-text-fill-color:var(--p4j0cq-accent)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home input,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page input,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page textarea,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page select{
  background:#eef6f0!important;
  border-color:rgba(183,255,53,.28)!important;
  color:#073d2d!important;
  -webkit-text-fill-color:#073d2d!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home input::placeholder,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page input::placeholder,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page textarea::placeholder{
  color:#587266!important;
  -webkit-text-fill-color:#587266!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-tabs{
  overflow-x:auto!important;
  flex-wrap:nowrap!important;
  scrollbar-width:none!important;
  padding-bottom:4px!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-tabs::-webkit-scrollbar{display:none!important;}
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-tab{
  flex:0 0 auto!important;
  background:rgba(255,255,255,.07)!important;
  border-color:var(--p4j0cq-line-soft)!important;
  color:var(--p4j0cq-text)!important;
  -webkit-text-fill-color:var(--p4j0cq-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-tab.is-active,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-tab[aria-selected="true"]{
  background:linear-gradient(135deg,var(--p4j0cq-green),#07533f)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:rgba(183,255,53,.34)!important;
}

/* Community chat dark mode readability */
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-community-chat-card{
  background:linear-gradient(135deg,var(--p4j0cq-surface),rgba(7,26,21,.98))!important;
  border-color:var(--p4j0cq-line)!important;
  color:var(--p4j0cq-text)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.34)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-title,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card h2,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card strong{
  color:var(--p4j0cq-text)!important;
  -webkit-text-fill-color:var(--p4j0cq-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-subtitle,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card p,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card span{
  color:var(--p4j0cq-muted)!important;
  -webkit-text-fill-color:var(--p4j0cq-muted)!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-message,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-message,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail [data-p4j0cj9-message]{
  background:#f3fbf6!important;
  border-color:rgba(183,255,53,.24)!important;
  color:#073d2d!important;
  -webkit-text-fill-color:#073d2d!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-message *,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-message *,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail [data-p4j0cj9-message] *{
  color:#073d2d!important;
  -webkit-text-fill-color:#073d2d!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-role-pill,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-badge,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-badge{
  background:#eafff2!important;
  color:#064b3b!important;
  -webkit-text-fill-color:#064b3b!important;
  border-color:rgba(6,75,59,.16)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-form textarea,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card textarea{
  background:#08251d!important;
  border-color:rgba(183,255,53,.36)!important;
  color:var(--p4j0cq-text)!important;
  -webkit-text-fill-color:var(--p4j0cq-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-form textarea::placeholder,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card textarea::placeholder{
  color:#b9dac8!important;
  -webkit-text-fill-color:#b9dac8!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-upload,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0ce-proof-row label{
  background:#eef6f0!important;
  color:#073d2d!important;
  -webkit-text-fill-color:#073d2d!important;
  border-color:rgba(183,255,53,.34)!important;
}

/* Event detail dark mode and always-visible tab rail */
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen{
  padding-bottom:calc(188px + env(safe-area-inset-bottom,0px))!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .event-identity-card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .participant-flow-card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-event-chat-card{
  background:linear-gradient(135deg,var(--p4j0cq-surface),rgba(7,26,21,.98))!important;
  border-color:var(--p4j0cq-line-soft)!important;
  color:var(--p4j0cq-text)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.34)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen h1,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen h2,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen h3,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen strong,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .page-title{
  color:var(--p4j0cq-text)!important;
  -webkit-text-fill-color:var(--p4j0cq-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen p,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen span,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen small,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .page-subtitle{
  color:var(--p4j0cq-muted)!important;
  -webkit-text-fill-color:var(--p4j0cq-muted)!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .section-kicker{
  color:var(--p4j0cq-accent)!important;
  -webkit-text-fill-color:var(--p4j0cq-accent)!important;
}
body:not(.ops-admin) .event-detail-screen .p4j0ce-event-tabs.p4j0cq-event-tabs{
  position:sticky!important;
  top:82px!important;
  z-index:12!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:12px 0!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-event-tabs.p4j0cq-event-tabs{
  background:rgba(7,24,19,.94)!important;
  border-color:var(--p4j0cq-line)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.35)!important;
  backdrop-filter:blur(10px)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-event-tabs.p4j0cq-event-tabs [data-p4j0ce-tab]{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(183,255,53,.12)!important;
  color:var(--p4j0cq-text)!important;
  -webkit-text-fill-color:var(--p4j0cq-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen[data-p4j0ce-active-tab="participants"] .p4j0ce-event-tabs.p4j0cq-event-tabs [data-p4j0ce-tab="participants"],
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen[data-p4j0ce-active-tab="chat"] .p4j0ce-event-tabs.p4j0cq-event-tabs [data-p4j0ce-tab="chat"]{
  background:linear-gradient(135deg,var(--p4j0cq-green),#07533f)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:rgba(183,255,53,.34)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen input,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen textarea,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen select{
  background:#08251d!important;
  border-color:rgba(183,255,53,.30)!important;
  color:var(--p4j0cq-text)!important;
  -webkit-text-fill-color:var(--p4j0cq-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen input::placeholder,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen textarea::placeholder{
  color:#b9dac8!important;
  -webkit-text-fill-color:#b9dac8!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-chat-message{
  background:#f3fbf6!important;
  color:#073d2d!important;
  -webkit-text-fill-color:#073d2d!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-chat-message *{
  color:#073d2d!important;
  -webkit-text-fill-color:#073d2d!important;
}
@media(max-width:430px){
  body:not(.ops-admin) .event-detail-screen .p4j0ce-event-tabs.p4j0cq-event-tabs{top:76px!important;}
}


/* === public/assets/css/phase-4j0cr-event-detail-tab-owner-dark-mode-repair.css === */
/* Phase 4J0CR — Event Detail Tab Owner And Dark Mode Repair
   Scope only: user Home, Activity, Community Detail chat, Event Detail tabs/participant/chat.
   Protected selectors are not modified directly. */
html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home,
html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i-activity-page,
html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .event-detail-screen,
html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cj4-detail{
  --p4j0cr-bg:#041710;
  --p4j0cr-surface:#09271f;
  --p4j0cr-surface-2:#0d3328;
  --p4j0cr-surface-3:#123c30;
  --p4j0cr-line:rgba(183,255,53,.22);
  --p4j0cr-line-strong:rgba(183,255,53,.38);
  --p4j0cr-text:#f5fff8;
  --p4j0cr-muted:#c2e4d1;
  --p4j0cr-soft:#e7fff0;
  --p4j0cr-ink:#063d30;
  --p4j0cr-accent:#b7ff35;
  --p4j0cr-green:#08785b;
  color:var(--p4j0cr-text)!important;
  -webkit-text-fill-color:initial!important;
}

/* Home and Activity dark readability without changing nav/FAB. */
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-section,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-action-card,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-mini-card,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-community-card,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-onboarding-compact,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-empty,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-event-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-game-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-empty{
  background:linear-gradient(145deg,var(--p4j0cr-surface),rgba(4,19,14,.98))!important;
  border-color:var(--p4j0cr-line)!important;
  color:var(--p4j0cr-text)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.36)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home h1,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home h2,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home h3,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home strong,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page h1,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page h2,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page h3,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page strong,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .page-title{
  color:var(--p4j0cr-text)!important;
  -webkit-text-fill-color:var(--p4j0cr-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home p,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home span,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home small,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page p,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page span,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page small{
  color:var(--p4j0cr-muted)!important;
  -webkit-text-fill-color:var(--p4j0cr-muted)!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home input,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page input,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page textarea,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page select{
  background:#0b2b22!important;
  border-color:var(--p4j0cr-line-strong)!important;
  color:var(--p4j0cr-text)!important;
  -webkit-text-fill-color:var(--p4j0cr-text)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home input::placeholder,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page input::placeholder,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page textarea::placeholder{
  color:#b9dac8!important;
  -webkit-text-fill-color:#b9dac8!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-tabs{
  overflow-x:auto!important;
  flex-wrap:nowrap!important;
  max-width:100%!important;
  scrollbar-width:none!important;
  padding:0 0 6px!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-tabs::-webkit-scrollbar{display:none!important;}
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-tab{
  flex:0 0 auto!important;
  background:rgba(255,255,255,.07)!important;
  border-color:var(--p4j0cr-line)!important;
  color:var(--p4j0cr-text)!important;
  -webkit-text-fill-color:var(--p4j0cr-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-tab.is-active,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-tab[aria-selected="true"]{
  background:linear-gradient(135deg,#07966f,#07503e)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:var(--p4j0cr-line-strong)!important;
}

/* Community detail chat: dark chat app feel, no raw file input look. */
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-community-chat-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail [data-p4j0cg-community-chat-card],
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail [data-p4j0cj4-chat-card="1"]{
  background:linear-gradient(145deg,var(--p4j0cr-surface),rgba(4,19,14,.98))!important;
  border-color:var(--p4j0cr-line-strong)!important;
  color:var(--p4j0cr-text)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.38)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-title,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card h2,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card strong{
  color:var(--p4j0cr-text)!important;
  -webkit-text-fill-color:var(--p4j0cr-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-subtitle,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card p,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card span{
  color:var(--p4j0cr-muted)!important;
  -webkit-text-fill-color:var(--p4j0cr-muted)!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-message,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-message,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail [data-p4j0cj9-message]{
  background:#123d30!important;
  border:1px solid rgba(183,255,53,.20)!important;
  color:var(--p4j0cr-text)!important;
  -webkit-text-fill-color:var(--p4j0cr-text)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-message.is-mine,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-message.is-mine,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail [data-p4j0cj9-message].is-mine{
  background:#e9fff0!important;
  color:var(--p4j0cr-ink)!important;
  -webkit-text-fill-color:var(--p4j0cr-ink)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-message:not(.is-mine) *,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-message:not(.is-mine) *{
  color:var(--p4j0cr-text)!important;
  -webkit-text-fill-color:var(--p4j0cr-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-message.is-mine *,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-message.is-mine *{
  color:var(--p4j0cr-ink)!important;
  -webkit-text-fill-color:var(--p4j0cr-ink)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-form textarea,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card textarea{
  background:#08251d!important;
  border-color:var(--p4j0cr-line-strong)!important;
  color:var(--p4j0cr-text)!important;
  -webkit-text-fill-color:var(--p4j0cr-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-upload,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0ce-proof-row label{
  background:#0b2b22!important;
  color:var(--p4j0cr-text)!important;
  -webkit-text-fill-color:var(--p4j0cr-text)!important;
  border-color:var(--p4j0cr-line-strong)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-upload input[type="file"]{
  color:var(--p4j0cr-muted)!important;
  -webkit-text-fill-color:var(--p4j0cr-muted)!important;
  max-width:100%!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-actions,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0ce-proof-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}

/* Event detail: structural tab owner near top + readable dark participant/chat. */
body:not(.ops-admin) .event-detail-screen[data-p4j0cr-event-detail="locked"]{
  padding-bottom:calc(220px + env(safe-area-inset-bottom,0px))!important;
}
body:not(.ops-admin) .event-detail-screen .p4j0cr-event-tabs{
  position:sticky!important;
  top:82px!important;
  z-index:18!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:12px 0!important;
  padding:8px!important;
  border-radius:22px!important;
  border:1px solid rgba(11,78,58,.16)!important;
  background:rgba(255,255,255,.88)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:0 14px 34px rgba(7,55,42,.12)!important;
}
body:not(.ops-admin) .event-detail-screen .p4j0cr-event-tabs [data-p4j0ce-tab]{
  min-height:44px!important;
  border-radius:16px!important;
  border:1px solid rgba(7,80,61,.16)!important;
  background:rgba(255,255,255,.84)!important;
  color:#064b3b!important;
  -webkit-text-fill-color:#064b3b!important;
  font-weight:900!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
body:not(.ops-admin) .event-detail-screen .p4j0cr-event-tabs [data-p4j0ce-tab].is-active,
body:not(.ops-admin) .event-detail-screen[data-p4j0cr-active-tab="participants"] .p4j0cr-event-tabs [data-p4j0ce-tab="participants"],
body:not(.ops-admin) .event-detail-screen[data-p4j0cr-active-tab="chat"] .p4j0cr-event-tabs [data-p4j0ce-tab="chat"]{
  background:linear-gradient(135deg,#07825f,#07513f)!important;
  border-color:rgba(183,255,53,.40)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 10px 20px rgba(7,130,95,.22)!important;
}
body:not(.ops-admin) .event-detail-screen .p4j0cr-event-tab-panel{
  display:block!important;
  margin:0 0 16px!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0cr-event-tabs{
  background:rgba(5,23,17,.94)!important;
  border-color:var(--p4j0cr-line-strong)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.38)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0cr-event-tabs [data-p4j0ce-tab]{
  background:rgba(255,255,255,.07)!important;
  border-color:var(--p4j0cr-line)!important;
  color:var(--p4j0cr-text)!important;
  -webkit-text-fill-color:var(--p4j0cr-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .event-identity-card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .participant-flow-card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-event-chat-card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .host-test-toolbar,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .host-scan-guide{
  background:linear-gradient(145deg,var(--p4j0cr-surface),rgba(4,19,14,.98))!important;
  border-color:var(--p4j0cr-line)!important;
  color:var(--p4j0cr-text)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.34)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen h1,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen h2,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen h3,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen strong,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .page-title,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .participant-name{
  color:var(--p4j0cr-text)!important;
  -webkit-text-fill-color:var(--p4j0cr-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen p,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen span,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen small,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen em,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .page-subtitle{
  color:var(--p4j0cr-muted)!important;
  -webkit-text-fill-color:var(--p4j0cr-muted)!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .section-kicker,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .badge-verified{
  color:var(--p4j0cr-accent)!important;
  -webkit-text-fill-color:var(--p4j0cr-accent)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen input,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen textarea,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen select{
  background:#0b2b22!important;
  border-color:var(--p4j0cr-line-strong)!important;
  color:var(--p4j0cr-text)!important;
  -webkit-text-fill-color:var(--p4j0cr-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen input::placeholder,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen textarea::placeholder{
  color:#b9dac8!important;
  -webkit-text-fill-color:#b9dac8!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .host-test-toolbar .btn,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .participant-actions .btn,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .checkin-actions .btn,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-chat-form button,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-load-more{
  background:#0d6e54!important;
  border-color:rgba(183,255,53,.32)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .host-test-toolbar .btn[disabled],
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .participant-actions .btn[disabled]{
  background:#18382f!important;
  color:#c7e3d4!important;
  -webkit-text-fill-color:#c7e3d4!important;
  opacity:.86!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-chat-message{
  background:#123d30!important;
  border:1px solid rgba(183,255,53,.20)!important;
  color:var(--p4j0cr-text)!important;
  -webkit-text-fill-color:var(--p4j0cr-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-chat-message *{
  color:var(--p4j0cr-text)!important;
  -webkit-text-fill-color:var(--p4j0cr-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-proof-row label{
  background:#0b2b22!important;
  border-color:var(--p4j0cr-line-strong)!important;
  color:var(--p4j0cr-text)!important;
  -webkit-text-fill-color:var(--p4j0cr-text)!important;
}


/* === public/assets/css/phase-4j0cs-dark-mode-token-audit-component-contrast-repair.css === */
/* Phase 4J0CS — Dark Mode Token Audit And Component Contrast Repair
   Scope only: user Home, Activity, Community Detail chat, Event Detail, Score/Game panels.
   Protected selectors are not modified directly. No global table/button overrides. */
html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p3k38g-home,
html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i-activity-page,
html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cj4-detail,
html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .event-detail-screen{
  --p4j0cs-bg:#03140f;
  --p4j0cs-card:#08231b;
  --p4j0cs-card-2:#0b2c22;
  --p4j0cs-card-3:#113a2e;
  --p4j0cs-field:#071d17;
  --p4j0cs-line:rgba(183,255,53,.22);
  --p4j0cs-line-2:rgba(183,255,53,.36);
  --p4j0cs-text:#f6fff8;
  --p4j0cs-muted:#c7e6d4;
  --p4j0cs-dim:#98bdab;
  --p4j0cs-accent:#b7ff35;
  --p4j0cs-green:#07805f;
  --p4j0cs-green-2:#07523f;
  --p4j0cs-danger:#ff9a85;
  color:var(--p4j0cs-text)!important;
  -webkit-text-fill-color:initial!important;
}

/* Page surfaces and cards that were still light in dark mode. */
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .card,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-section,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-card,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-hero,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-action-card,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-mini-card,
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home .p3k38g-empty,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-event-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-game-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page .p4j0i-empty,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .event-identity-card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .user-status-panel,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .participant-flow-card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .onboarding-card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .manual-mode-card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .host-test-toolbar,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .host-scan-guide,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0cc-documentation-card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-event-chat-card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0cr-event-tab-panel{
  background:linear-gradient(145deg,var(--p4j0cs-card),rgba(3,18,13,.98))!important;
  border-color:var(--p4j0cs-line)!important;
  color:var(--p4j0cs-text)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.36)!important;
}

/* Typography contrast inside scoped user pages. */
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home :is(h1,h2,h3,h4,strong,b,.page-title,.section-title),
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page :is(h1,h2,h3,h4,strong,b,.page-title,.section-title),
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail :is(h1,h2,h3,h4,strong,b,.page-title,.section-title),
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(h1,h2,h3,h4,strong,b,.page-title,.section-title,.participant-name,.leader-name,.team-names){
  color:var(--p4j0cs-text)!important;
  -webkit-text-fill-color:var(--p4j0cs-text)!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home :is(p,small,span,em,.page-subtitle,.meta-list,.text-muted),
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page :is(p,small,span,em,.page-subtitle,.meta-list,.text-muted),
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail :is(p,small,span,em,.page-subtitle,.meta-list,.text-muted),
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(p,small,span,em,.page-subtitle,.meta-list,.text-muted,.participant-flow-hint){
  color:var(--p4j0cs-muted)!important;
  -webkit-text-fill-color:var(--p4j0cs-muted)!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.section-kicker,.badge-verified,.p4j0cc-feed-badge),
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .section-kicker{
  color:var(--p4j0cs-accent)!important;
  -webkit-text-fill-color:var(--p4j0cs-accent)!important;
}

/* Inputs, search, select, textarea, and native file upload contrast. */
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home :is(input,textarea,select),
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page :is(input,textarea,select),
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail :is(input,textarea,select),
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(input,textarea,select){
  background:var(--p4j0cs-field)!important;
  border-color:var(--p4j0cs-line-2)!important;
  color:var(--p4j0cs-text)!important;
  -webkit-text-fill-color:var(--p4j0cs-text)!important;
  caret-color:var(--p4j0cs-accent)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home :is(input,textarea)::placeholder,
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page :is(input,textarea)::placeholder,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail :is(input,textarea)::placeholder,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(input,textarea)::placeholder{
  color:var(--p4j0cs-dim)!important;
  -webkit-text-fill-color:var(--p4j0cs-dim)!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail input[type="file"],
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen input[type="file"]{
  width:100%!important;
  max-width:100%!important;
  min-height:38px!important;
  padding:7px!important;
  border-radius:13px!important;
  background:var(--p4j0cs-field)!important;
  border:1px solid var(--p4j0cs-line-2)!important;
  color:var(--p4j0cs-muted)!important;
  -webkit-text-fill-color:var(--p4j0cs-muted)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail input[type="file"]::file-selector-button,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen input[type="file"]::file-selector-button{
  border:0!important;
  border-radius:10px!important;
  padding:8px 10px!important;
  margin-right:8px!important;
  background:linear-gradient(135deg,var(--p4j0cs-green),var(--p4j0cs-green-2))!important;
  color:#fff!important;
  font-weight:900!important;
}

/* Activity filter row: horizontal safe scroll and no clipped right edge. */
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page :is(.p4j0i-tabs,.p4j0i-filter-row,.filter-row){
  display:flex!important;
  gap:8px!important;
  overflow-x:auto!important;
  flex-wrap:nowrap!important;
  max-width:100%!important;
  padding:0 18px 8px 0!important;
  scroll-padding-right:28px!important;
  scrollbar-width:none!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page :is(.p4j0i-tabs,.p4j0i-filter-row,.filter-row)::-webkit-scrollbar{display:none!important;}
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page :is(.p4j0i-tab,.filter-pill,.chip){
  flex:0 0 auto!important;
  background:rgba(255,255,255,.07)!important;
  border-color:var(--p4j0cs-line)!important;
  color:var(--p4j0cs-text)!important;
  -webkit-text-fill-color:var(--p4j0cs-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0i-activity-page :is(.p4j0i-tab.is-active,.filter-pill.is-active,.chip.active,[aria-selected="true"]){
  background:linear-gradient(135deg,var(--p4j0cs-green),var(--p4j0cs-green-2))!important;
  border-color:var(--p4j0cs-line-2)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Community chat and event chat app contrast. */
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail :is(.p4j0cg-community-chat-card,.p4j0cj4-chat-card,[data-p4j0cg-community-chat-card]),
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.p4j0ce-event-chat-card,.p4j0ce-chat-form){
  background:linear-gradient(145deg,var(--p4j0cs-card),rgba(3,18,13,.98))!important;
  border-color:var(--p4j0cs-line-2)!important;
  color:var(--p4j0cs-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail :is(.p4j0cg-chat-list,.p4j0cg-permission,.p4j0cg-loading,.p4j0cg-empty),
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.p4j0ce-chat-list,.p4j0ce-empty,.p4j0ce-loading,.p4j0ce-chat-permission){
  background:rgba(255,255,255,.045)!important;
  border-color:var(--p4j0cs-line)!important;
  color:var(--p4j0cs-muted)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail :is(.p4j0cg-chat-message,.p4j0cj4-chat-message,[data-p4j0cj9-message]),
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-chat-message{
  background:#123d30!important;
  border:1px solid rgba(183,255,53,.20)!important;
  color:var(--p4j0cs-text)!important;
  -webkit-text-fill-color:var(--p4j0cs-text)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.24)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail :is(.p4j0cg-chat-message,.p4j0cj4-chat-message,[data-p4j0cj9-message]) *,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-chat-message *{
  color:var(--p4j0cs-text)!important;
  -webkit-text-fill-color:var(--p4j0cs-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail :is(.p4j0cg-chat-message.is-mine,.p4j0cj4-chat-message.is-mine,[data-p4j0cj9-message].is-mine),
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-chat-message.is-mine{
  background:linear-gradient(135deg,#dfffe9,#b7ff35)!important;
  border-color:rgba(183,255,53,.42)!important;
  color:#052a20!important;
  -webkit-text-fill-color:#052a20!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail :is(.p4j0cg-chat-message.is-mine,.p4j0cj4-chat-message.is-mine,[data-p4j0cj9-message].is-mine) *,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-chat-message.is-mine *{
  color:#052a20!important;
  -webkit-text-fill-color:#052a20!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-actions,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-proof-row,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-chat-form{
  gap:10px!important;
  align-items:center!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-upload,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-proof-row label{
  background:var(--p4j0cs-field)!important;
  border-color:var(--p4j0cs-line-2)!important;
  color:var(--p4j0cs-text)!important;
  -webkit-text-fill-color:var(--p4j0cs-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-form button,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-chat-form button,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-load-more{
  background:linear-gradient(135deg,var(--p4j0cs-green),var(--p4j0cs-green-2))!important;
  border-color:rgba(183,255,53,.32)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Event detail reusable tiles, stats, participant actions, documentation, game/score panels. */
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.participant-summary-grid div,.progress-step,.onboarding-steps div,.participant-row,.inline-message,.manual-mode-card,.p4j0cc-doc-item,.p4j0cc-doc-empty,.p4j0cc-doc-loading,.p4j0cc-capture-btn,.scoreboard-mini,.match-list-mini,.match-card-americano,.leaderboard-row,.round-title strong,.p4j0ih-context,.p4j0j-validation-card,.p4j0j-validation-row,.p4j0m-finalization-belt,.p4j0m-finalization-ranks,.p4j0m-finalization-ranks > *,[class*="summary"],[class*="stat"]){
  background:linear-gradient(145deg,var(--p4j0cs-card-2),rgba(5,24,18,.96))!important;
  border-color:var(--p4j0cs-line)!important;
  color:var(--p4j0cs-text)!important;
  -webkit-text-fill-color:initial!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.participant-summary-grid div,.progress-step,.onboarding-steps div,.participant-row,.inline-message,.manual-mode-card,.p4j0cc-doc-item,.p4j0cc-doc-empty,.p4j0cc-doc-loading,.p4j0cc-capture-btn,.scoreboard-mini,.match-list-mini,.match-card-americano,.leaderboard-row,.round-title strong,.p4j0ih-context,.p4j0j-validation-card,.p4j0j-validation-row,.p4j0m-finalization-belt,.p4j0m-finalization-ranks,.p4j0m-finalization-ranks > *,[class*="summary"],[class*="stat"]) :is(strong,b,h1,h2,h3,h4){
  color:var(--p4j0cs-text)!important;
  -webkit-text-fill-color:var(--p4j0cs-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.participant-summary-grid div,.progress-step,.onboarding-steps div,.participant-row,.inline-message,.manual-mode-card,.p4j0cc-doc-item,.p4j0cc-doc-empty,.p4j0cc-doc-loading,.p4j0cc-capture-btn,.scoreboard-mini,.match-list-mini,.match-card-americano,.leaderboard-row,.round-title strong,.p4j0ih-context,.p4j0j-validation-card,.p4j0j-validation-row,.p4j0m-finalization-belt,.p4j0m-finalization-ranks,.p4j0m-finalization-ranks > *,[class*="summary"],[class*="stat"]) :is(span,small,p,em){
  color:var(--p4j0cs-muted)!important;
  -webkit-text-fill-color:var(--p4j0cs-muted)!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.host-test-toolbar,.participant-actions,.checkin-actions,.p4j0cc-doc-actions){
  background:linear-gradient(145deg,var(--p4j0cs-card-2),rgba(5,24,18,.96))!important;
  border-color:var(--p4j0cs-line)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.host-test-toolbar .btn,.participant-actions .btn,.checkin-actions .btn,.p4j0cc-submit,.p4j0cc-cancel,.p4j0j-player-action,.p4j0ih-context .btn,.p4j0m-finalization-belt .btn){
  background:linear-gradient(135deg,var(--p4j0cs-green),var(--p4j0cs-green-2))!important;
  border-color:rgba(183,255,53,.30)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.host-test-toolbar .btn[disabled],.participant-actions .btn[disabled],.checkin-actions .btn[disabled]){
  background:#17362d!important;
  color:#c6e5d2!important;
  -webkit-text-fill-color:#c6e5d2!important;
  opacity:.84!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0cc-doc-thumb,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .status-orb,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .avatar,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .participant-avatar{
  background:var(--p4j0cs-card-3)!important;
  border-color:var(--p4j0cs-line)!important;
  color:var(--p4j0cs-text)!important;
  -webkit-text-fill-color:var(--p4j0cs-text)!important;
}

/* Score inputs and completed score cards. Keep score boxes readable without light-card glare. */
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.score-input-row input,.score-pad-grid input){
  background:#061b15!important;
  border-color:var(--p4j0cs-line-2)!important;
  color:var(--p4j0cs-text)!important;
  -webkit-text-fill-color:var(--p4j0cs-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.flip-score b,.p29-scorebox,.p28-scorebox){
  background:#eaffef!important;
  color:#04140f!important;
  -webkit-text-fill-color:#04140f!important;
  text-shadow:none!important;
}

/* Event detail safe bottom for all long sections. */
body:not(.ops-admin) .event-detail-screen{
  padding-bottom:calc(260px + env(safe-area-inset-bottom,0px))!important;
}
body:not(.ops-admin) .event-detail-screen > :last-child{
  margin-bottom:calc(160px + env(safe-area-inset-bottom,0px))!important;
}

@media(max-width:560px){
  html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cg-chat-actions,
  html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-proof-row,
  html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0ce-chat-form{
    grid-template-columns:1fr!important;
  }
  html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.host-test-toolbar .btn,.participant-actions .btn,.checkin-actions .btn){
    width:100%!important;
    justify-content:center!important;
  }
}


/* === public/assets/css/phase-4j0ct-dark-mode-modal-drawer-legacy-card-contrast-repair.css === */
/* Phase 4J0CT — Dark Mode Modal Drawer Legacy Card Contrast Repair
   Scope: user app dark-mode modal/drawer, home legacy card, event detail legacy score/stat/status surfaces, scoreboard host mode.
   Protected selectors are not edited directly. No global table/button override. */
html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page){
  --p4j0ct-bg:#03140f;
  --p4j0ct-panel:#08231b;
  --p4j0ct-panel-2:#0b2c22;
  --p4j0ct-panel-3:#113a2e;
  --p4j0ct-field:#061b15;
  --p4j0ct-border:rgba(183,255,53,.22);
  --p4j0ct-border-strong:rgba(183,255,53,.42);
  --p4j0ct-text:#f7fff8;
  --p4j0ct-muted:#ccebd8;
  --p4j0ct-soft:#9fc7b3;
  --p4j0ct-accent:#b7ff35;
  --p4j0ct-green:#07805f;
  --p4j0ct-green-2:#07523f;
  --p4j0ct-danger:#ffb1a0;
}

/* Community and event modals / bottom sheets: remove light modal glare in dark mode. */
html[data-theme="dark"] body:not(.ops-admin) :is(#communityCreateModal,#communityEventModal,#manualParticipantModal).modal-shell,
html[data-theme="dark"] body:not(.ops-admin) :is(#p3k38vSheet,#p3k38xSheet){
  background:rgba(0,8,6,.70)!important;
  color:var(--p4j0ct-text)!important;
  -webkit-text-fill-color:initial!important;
  backdrop-filter:blur(16px)!important;
}
html[data-theme="dark"] body:not(.ops-admin) :is(#communityCreateModal,#communityEventModal,#manualParticipantModal) :is(.modal-card,.card),
html[data-theme="dark"] body:not(.ops-admin) :is(#p3k38vSheet,#p3k38xSheet) :is(.p3k38v-sheet,.p3k38x-sheet){
  background:linear-gradient(145deg,var(--p4j0ct-panel),rgba(3,18,13,.98))!important;
  border:1px solid var(--p4j0ct-border-strong)!important;
  color:var(--p4j0ct-text)!important;
  -webkit-text-fill-color:initial!important;
  box-shadow:0 28px 80px rgba(0,0,0,.56)!important;
}
html[data-theme="dark"] body:not(.ops-admin) :is(#communityCreateModal,#communityEventModal,#manualParticipantModal) :is(.modal-head,.modal-actions,.detail-actions),
html[data-theme="dark"] body:not(.ops-admin) :is(#p3k38vSheet,#p3k38xSheet) :is(.p3k38v-sheet-head,.p3k38x-sheet-head){
  background:rgba(3,20,15,.72)!important;
  border-color:var(--p4j0ct-border)!important;
  color:var(--p4j0ct-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) :is(#communityCreateModal,#communityEventModal,#manualParticipantModal,#p3k38vSheet,#p3k38xSheet) :is(h1,h2,h3,h4,b,strong,.section-kicker,.field-label){
  color:var(--p4j0ct-text)!important;
  -webkit-text-fill-color:var(--p4j0ct-text)!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) :is(#communityCreateModal,#communityEventModal,#manualParticipantModal,#p3k38vSheet,#p3k38xSheet) :is(p,small,span,em,label){
  color:var(--p4j0ct-muted)!important;
  -webkit-text-fill-color:var(--p4j0ct-muted)!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) :is(#communityCreateModal,#communityEventModal,#manualParticipantModal) :is(input,textarea,select,.field-input){
  background:var(--p4j0ct-field)!important;
  border:1px solid var(--p4j0ct-border-strong)!important;
  color:var(--p4j0ct-text)!important;
  -webkit-text-fill-color:var(--p4j0ct-text)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 12px 28px rgba(0,0,0,.20)!important;
}
html[data-theme="dark"] body:not(.ops-admin) :is(#communityCreateModal,#communityEventModal,#manualParticipantModal) :is(input,textarea)::placeholder{
  color:var(--p4j0ct-soft)!important;
  -webkit-text-fill-color:var(--p4j0ct-soft)!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) :is(#communityCreateModal,#communityEventModal,#manualParticipantModal) :is(.btn,.icon-btn),
html[data-theme="dark"] body:not(.ops-admin) :is(#p3k38vSheet,#p3k38xSheet) :is(.btn,.p3k38v-sheet-head button,.p3k38x-sheet-head button){
  background:linear-gradient(135deg,var(--p4j0ct-green),var(--p4j0ct-green-2))!important;
  border:1px solid var(--p4j0ct-border-strong)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 14px 34px rgba(0,0,0,.32)!important;
}
html[data-theme="dark"] body:not(.ops-admin) :is(#p3k38vSheet,#p3k38xSheet) :is(.p3k38v-member,.p3k38x-member,.p3k38v-sheet-list > *,.p3k38x-sheet-list > *){
  background:linear-gradient(145deg,var(--p4j0ct-panel-2),rgba(5,24,18,.96))!important;
  border-color:var(--p4j0ct-border)!important;
  color:var(--p4j0ct-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) :is(#p3k38vSheet,#p3k38xSheet) :is(.p3k38v-chip,.p3k38x-chip,.badge,em){
  background:rgba(183,255,53,.14)!important;
  border:1px solid var(--p4j0ct-border)!important;
  color:var(--p4j0ct-accent)!important;
  -webkit-text-fill-color:var(--p4j0ct-accent)!important;
}

/* Home legacy / last opened card and search field that still appeared white. */
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home :is(.p4j0g-last-event-card,[data-last-opened-event],.last-event-card,.resume-card,.recent-event-card){
  background:linear-gradient(145deg,var(--p4j0ct-panel),rgba(3,18,13,.98))!important;
  border:1px solid var(--p4j0ct-border)!important;
  color:var(--p4j0ct-text)!important;
  -webkit-text-fill-color:initial!important;
  box-shadow:0 18px 48px rgba(0,0,0,.36)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home :is(.p4j0g-last-event-card,[data-last-opened-event],.last-event-card,.resume-card,.recent-event-card) :is(strong,b,h2,h3){
  color:var(--p4j0ct-text)!important;
  -webkit-text-fill-color:var(--p4j0ct-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home :is(.p4j0g-last-event-card,[data-last-opened-event],.last-event-card,.resume-card,.recent-event-card) :is(span,p,small){
  color:var(--p4j0ct-muted)!important;
  -webkit-text-fill-color:var(--p4j0ct-muted)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p3k38g-home :is(.event-search-card,.p4j0ao-search-card,.p4j0ap-search-card) :is(input,.field-input){
  background:rgba(3,20,15,.96)!important;
  border-color:var(--p4j0ct-border-strong)!important;
  color:var(--p4j0ct-text)!important;
  -webkit-text-fill-color:var(--p4j0ct-text)!important;
}

/* Event Detail legacy alerts, stat tiles, growth summary, documentation and score panels. */
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.inline-message,.status-card,.status-panel,.user-status-card,.event-control-card,.host-growth-card,.p4j0cc-documentation-card,.p4j0cc-doc-item,.participant-flow-card,.manual-mode-card,.host-test-toolbar,.participant-actions,.checkin-actions){
  background:linear-gradient(145deg,var(--p4j0ct-panel),rgba(3,18,13,.98))!important;
  border-color:var(--p4j0ct-border)!important;
  color:var(--p4j0ct-text)!important;
  -webkit-text-fill-color:initial!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.participant-summary-grid > *, .stats-grid > *, .stat-card, .summary-card, .host-growth-card [class*="stat"], .host-growth-card [class*="summary"], .p4j0cc-feed-badge){
  background:linear-gradient(145deg,var(--p4j0ct-panel-2),rgba(5,24,18,.97))!important;
  border:1px solid var(--p4j0ct-border)!important;
  color:var(--p4j0ct-text)!important;
  -webkit-text-fill-color:initial!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.participant-summary-grid > *, .stats-grid > *, .stat-card, .summary-card, .host-growth-card [class*="stat"], .host-growth-card [class*="summary"]) :is(b,strong,h3,h4){
  color:var(--p4j0ct-text)!important;
  -webkit-text-fill-color:var(--p4j0ct-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.participant-summary-grid > *, .stats-grid > *, .stat-card, .summary-card, .host-growth-card [class*="stat"], .host-growth-card [class*="summary"]) :is(span,small,em,p){
  color:var(--p4j0ct-muted)!important;
  -webkit-text-fill-color:var(--p4j0ct-muted)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.inline-message,.status-card,.status-panel,.user-status-card) :is(strong,b,h2,h3,p,span,small){
  color:var(--p4j0ct-text)!important;
  -webkit-text-fill-color:var(--p4j0ct-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.inline-message,.status-card,.status-panel,.user-status-card) .text-muted{
  color:var(--p4j0ct-muted)!important;
  -webkit-text-fill-color:var(--p4j0ct-muted)!important;
}

/* Score / game finalization cards that had fixed white backgrounds. */
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.p4j0m-finalization-belt,.p4j0m-finalization-belt.is-locked,.p4j0m-finalization-belt.is-ready,.p4j0m-finalization-belt.needs-score,.p4j0j-validation-card,.p4j0j-validation-row,.p4j0ih-round-control,.p4j0i-score-control,.p4j0ig-round-control,.p4j0ih-context,.game-history-card,.game-history-list,.game-history-row){
  background:linear-gradient(145deg,var(--p4j0ct-panel-2),rgba(5,24,18,.98))!important;
  border-color:var(--p4j0ct-border)!important;
  color:var(--p4j0ct-text)!important;
  -webkit-text-fill-color:initial!important;
  box-shadow:0 14px 36px rgba(0,0,0,.30)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.p4j0m-finalization-belt,.p4j0j-validation-card,.p4j0ih-round-control,.p4j0i-score-control,.p4j0ih-context,.game-history-card,.game-history-row) :is(strong,b,h2,h3,h4){
  color:var(--p4j0ct-text)!important;
  -webkit-text-fill-color:var(--p4j0ct-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.p4j0m-finalization-belt,.p4j0j-validation-card,.p4j0ih-round-control,.p4j0i-score-control,.p4j0ih-context,.game-history-card,.game-history-row) :is(small,span,p,em){
  color:var(--p4j0ct-muted)!important;
  -webkit-text-fill-color:var(--p4j0ct-muted)!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.p4j0m-finalization-head > b,.p4j0ih-format,.p4j0i-format,.badge,.status-badge){
  background:rgba(183,255,53,.14)!important;
  border:1px solid var(--p4j0ct-border)!important;
  color:var(--p4j0ct-accent)!important;
  -webkit-text-fill-color:var(--p4j0ct-accent)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.p4j0m-finalization-ranks span,.p4j0ih-status-grid span,.p4j0i-status-grid span){
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(183,255,53,.18)!important;
  color:var(--p4j0ct-muted)!important;
  -webkit-text-fill-color:var(--p4j0ct-muted)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.p4j0m-finalization-ranks b,.p4j0ih-status-grid b,.p4j0i-status-grid b){
  color:var(--p4j0ct-text)!important;
  -webkit-text-fill-color:var(--p4j0ct-text)!important;
}

/* Scoreboard fullscreen host mode: darken header/round selector without touching bottom nav/FAB. */
html[data-theme="dark"] body:not(.ops-admin) #p29-tv-root.p4j0ic-root .p4j0i-fullscreen,
html[data-theme="dark"] body:not(.ops-admin) #p29-tv-root.p4j0ic-root .p4j0ig-fullscreen{
  background:linear-gradient(180deg,#02110d 0%,#061a14 100%)!important;
  color:var(--p4j0ct-text)!important;
  -webkit-text-fill-color:initial!important;
}
html[data-theme="dark"] body:not(.ops-admin) #p29-tv-root.p4j0ic-root :is(.p4j0ic-tv-topbar,.p4j0ic-round-strip,.p4j0ic-host-panel,.p4j0ig-host-panel,.p4j0i-score-control,.p4j0ig-round-control){
  background:linear-gradient(145deg,var(--p4j0ct-panel),rgba(3,18,13,.98))!important;
  border-color:var(--p4j0ct-border)!important;
  color:var(--p4j0ct-text)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.34)!important;
}
html[data-theme="dark"] body:not(.ops-admin) #p29-tv-root.p4j0ic-root :is(.p4j0ic-tv-topbar,.p4j0ic-round-strip,.p4j0ic-host-panel,.p4j0i-score-control) :is(strong,b,h2,h3,span,small){
  color:var(--p4j0ct-text)!important;
  -webkit-text-fill-color:var(--p4j0ct-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) #p29-tv-root.p4j0ic-root :is(.p4j0i-tv-tabs button,.p4j0ic-secondary-actions button,.p4j0i-score-actions button,.p4j0ig-actions button){
  background:var(--p4j0ct-field)!important;
  border-color:var(--p4j0ct-border)!important;
  color:var(--p4j0ct-text)!important;
  -webkit-text-fill-color:var(--p4j0ct-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) #p29-tv-root.p4j0ic-root :is(.p4j0i-tv-tabs button.active,.p4j0ic-refresh,.p4j0i-back){
  background:linear-gradient(135deg,var(--p4j0ct-green),var(--p4j0ct-green-2))!important;
  border-color:var(--p4j0ct-border-strong)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Wider safe bottom for long event detail and community detail pages on Android WebView. */
body:not(.ops-admin) :is(.event-detail-screen,.p4j0cj4-detail){
  padding-bottom:calc(320px + env(safe-area-inset-bottom,0px))!important;
}
body:not(.ops-admin) :is(.event-detail-screen,.p4j0cj4-detail) > :last-child{
  margin-bottom:calc(220px + env(safe-area-inset-bottom,0px))!important;
}

@media(max-width:560px){
  html[data-theme="dark"] body:not(.ops-admin) :is(#communityCreateModal,#communityEventModal,#manualParticipantModal) .modal-card,
  html[data-theme="dark"] body:not(.ops-admin) :is(#p3k38vSheet,#p3k38xSheet) :is(.p3k38v-sheet,.p3k38x-sheet){
    max-height:calc(100dvh - 28px)!important;
    overflow-y:auto!important;
    padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))!important;
  }
  html[data-theme="dark"] body:not(.ops-admin) #communityEventModal .modal-form-grid{
    gap:12px!important;
  }
}


/* === public/assets/css/phase-4j0cu-event-discovery-play-now-guided-experience.css === */
/* Phase 4J0CU scoped event discovery CSS only. */
body:not(.ops-admin) .p4j0cu-page{--cu-bg:#f3faee;--cu-card:#ffffff;--cu-card-2:#f6fff8;--cu-ink:#073d32;--cu-muted:rgba(7,61,50,.68);--cu-line:rgba(7,61,50,.12);--cu-green:#087e5d;--cu-lime:#baff26;--cu-shadow:0 18px 44px rgba(7,61,50,.10);color:var(--cu-ink);padding-bottom:calc(168px + env(safe-area-inset-bottom,0px));}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page{--cu-bg:#001b14;--cu-card:#06261e;--cu-card-2:#0b3328;--cu-ink:#f3fff6;--cu-muted:rgba(243,255,246,.76);--cu-line:rgba(186,255,38,.22);--cu-green:#0d8d6b;--cu-lime:#baff26;--cu-shadow:0 22px 52px rgba(0,0,0,.30);}
body:not(.ops-admin) .p4j0cu-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:10px 0 12px;padding:20px;border-radius:28px;background:radial-gradient(circle at 92% 8%,rgba(186,255,38,.34),transparent 26%),linear-gradient(135deg,var(--cu-card-2),var(--cu-card));border:1px solid var(--cu-line);box-shadow:var(--cu-shadow);}
body:not(.ops-admin) .p4j0cu-hero small,body:not(.ops-admin) .p4j0cu-fallback small{display:block;color:var(--cu-lime);font-weight:950;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}body:not(.ops-admin) .p4j0cu-hero h1{margin:4px 0 8px;font-size:clamp(2rem,8vw,2.9rem);line-height:1.02}body:not(.ops-admin) .p4j0cu-hero p{margin:0;color:var(--cu-muted);line-height:1.38;font-size:1rem}.p4j0cu-refresh{flex:0 0 auto;width:56px;height:56px;border-radius:22px;border:1px solid var(--cu-line);background:var(--cu-card);color:var(--cu-ink);font-size:1.4rem;font-weight:950;box-shadow:0 12px 26px rgba(0,0,0,.10)}
body:not(.ops-admin) .p4j0cu-intents,body:not(.ops-admin) .p4j0cu-chip-row,body:not(.ops-admin) .p4j0cu-suggestion-row{display:flex;gap:10px;overflow:auto;padding:4px 0 12px;scrollbar-width:none}body:not(.ops-admin) .p4j0cu-intents::-webkit-scrollbar,body:not(.ops-admin) .p4j0cu-chip-row::-webkit-scrollbar,body:not(.ops-admin) .p4j0cu-suggestion-row::-webkit-scrollbar{display:none}.p4j0cu-intent,.p4j0cu-chip,.p4j0cu-suggestion-row button{flex:0 0 auto;border:1px solid var(--cu-line);background:var(--cu-card);color:var(--cu-ink);border-radius:999px;padding:10px 14px;font-weight:950;box-shadow:0 8px 18px rgba(0,0,0,.08)}.p4j0cu-intent{display:flex;align-items:center;gap:8px;border-radius:20px;min-width:118px}.p4j0cu-intent span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:rgba(186,255,38,.14)}.p4j0cu-intent.is-active,.p4j0cu-chip.is-active{background:linear-gradient(135deg,var(--cu-green),#005a44);color:#fff;border-color:rgba(186,255,38,.55);box-shadow:0 14px 28px rgba(8,126,93,.22)}.p4j0cu-intent.is-active:after,.p4j0cu-chip.is-active:after{content:"";display:block;height:4px;border-radius:999px;background:var(--cu-lime);position:absolute}.p4j0cu-intent,.p4j0cu-chip{position:relative}.p4j0cu-intent.is-active:after{left:22px;right:22px;bottom:5px}.p4j0cu-chip.is-active:after{left:18px;right:18px;bottom:4px}
body:not(.ops-admin) .p4j0cu-search-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:6px 0 10px;padding:12px;border-radius:26px;background:var(--cu-card);border:1px solid var(--cu-line);box-shadow:var(--cu-shadow)}.p4j0cu-search{min-width:0;display:flex;align-items:center;gap:10px;border:1px solid var(--cu-line);border-radius:20px;background:rgba(255,255,255,.08);padding:0 12px}.p4j0cu-search span{flex:0 0 auto}.p4j0cu-search input{width:100%;min-width:0;min-height:52px;border:0;outline:0;background:transparent;color:var(--cu-ink);font:inherit;font-weight:800}.p4j0cu-search input::placeholder{color:var(--cu-muted)}.p4j0cu-filter-btn,.p4j0cu-result-head button,.p4j0cu-advanced-actions button{border:1px solid var(--cu-line);border-radius:18px;background:var(--cu-card-2);color:var(--cu-ink);font-weight:950;padding:14px 16px}.p4j0cu-filter-btn{white-space:nowrap}
body:not(.ops-admin) .p4j0cu-advanced{margin:8px 0 14px;border-radius:26px;background:var(--cu-card);border:1px solid var(--cu-line);box-shadow:var(--cu-shadow);padding:16px}.p4j0cu-advanced-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.p4j0cu-advanced-head button{width:42px;height:42px;border-radius:16px;border:1px solid var(--cu-line);background:var(--cu-card-2);color:var(--cu-ink);font-size:1.3rem;font-weight:950}.p4j0cu-advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.p4j0cu-advanced-grid label{display:grid;gap:6px;color:var(--cu-muted);font-weight:900}.p4j0cu-advanced-grid .wide{grid-column:1/-1}.p4j0cu-advanced-grid :is(select,input){width:100%;box-sizing:border-box;border:1px solid var(--cu-line);border-radius:18px;background:var(--cu-card-2);color:var(--cu-ink);min-height:48px;padding:0 12px;font:inherit;font-weight:900}.p4j0cu-advanced-actions{display:flex;gap:10px;margin-top:14px}.p4j0cu-advanced-actions button{flex:1}.p4j0cu-advanced-actions .is-primary{background:var(--cu-green);color:#fff;border-color:rgba(186,255,38,.45)}
body:not(.ops-admin) .p4j0cu-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 10px}.p4j0cu-result-head small{display:block;color:var(--cu-lime);font-weight:950;letter-spacing:.08em;text-transform:uppercase}.p4j0cu-result-head b{display:block;font-size:1.25rem}.p4j0cu-list{display:grid;gap:14px}.p4j0cu-group{display:grid;gap:10px}.p4j0cu-group-title{font-weight:950;color:var(--cu-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;margin:8px 0 0}.p4j0cu-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;border-radius:26px;background:var(--cu-card);border:1px solid var(--cu-line);box-shadow:var(--cu-shadow);padding:12px;overflow:hidden}.p4j0cu-thumb{border-radius:20px;background:linear-gradient(145deg,#dff7e6,#8bbf50);min-height:112px;display:grid;place-items:center;overflow:hidden}.p4j0cu-thumb img{width:100%;height:100%;object-fit:cover;display:block}.p4j0cu-thumb span{font-size:2rem}.p4j0cu-card-body{min-width:0;display:grid;gap:7px}.p4j0cu-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--cu-muted);font-size:.78rem;font-weight:900}.p4j0cu-card h3{margin:0;font-size:1.22rem;line-height:1.15}.p4j0cu-card p{margin:0;color:var(--cu-muted);font-weight:800;line-height:1.28}.p4j0cu-card-badges{display:flex;flex-wrap:wrap;gap:6px}.p4j0cu-badge{display:inline-flex;align-items:center;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid var(--cu-line);color:var(--cu-muted);padding:5px 8px;font-size:.72rem;font-weight:950}.p4j0cu-badge.is-green{background:rgba(186,255,38,.16);color:var(--cu-ink)}.p4j0cu-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}.p4j0cu-primary,.p4j0cu-secondary,.p4j0cu-load,.p4j0cu-fallback-actions button{min-height:44px;border-radius:18px;border:1px solid var(--cu-line);font-weight:950;font:inherit;color:var(--cu-ink);background:var(--cu-card-2)}.p4j0cu-primary,.p4j0cu-load{background:linear-gradient(135deg,var(--cu-green),#005a44);color:#fff;border-color:rgba(186,255,38,.42)}.p4j0cu-load{width:100%;margin-top:10px}
body:not(.ops-admin) .p4j0cu-fallback{border-radius:30px;background:radial-gradient(circle at 15% 0,rgba(186,255,38,.22),transparent 34%),var(--cu-card);border:1px solid var(--cu-line);box-shadow:var(--cu-shadow);padding:22px;display:grid;gap:14px}.p4j0cu-fallback h2{font-size:1.65rem;line-height:1.08;margin:4px 0 8px}.p4j0cu-fallback p{margin:0;color:var(--cu-muted);line-height:1.38}.p4j0cu-fallback-actions{display:grid;grid-template-columns:1fr;gap:10px}.p4j0cu-fallback-actions button:first-child{background:linear-gradient(135deg,var(--cu-green),#005a44);color:#fff;border-color:rgba(186,255,38,.42)}
@media(max-width:640px){body:not(.ops-admin) .p4j0cu-page{padding-bottom:calc(190px + env(safe-area-inset-bottom,0px));}.p4j0cu-hero{display:grid}.p4j0cu-refresh{width:54px;height:54px}.p4j0cu-search-card{grid-template-columns:1fr}.p4j0cu-filter-btn{width:100%}.p4j0cu-advanced-grid{grid-template-columns:1fr}.p4j0cu-card{grid-template-columns:80px minmax(0,1fr);padding:10px}.p4j0cu-thumb{min-height:116px}.p4j0cu-card-actions{grid-template-columns:1fr}.p4j0cu-result-head{align-items:flex-start}.p4j0cu-result-head button{padding:10px 12px}.p4j0cu-intent{min-width:108px}.p4j0cu-card h3{font-size:1.12rem}}
@media(min-width:720px){body:not(.ops-admin) .p4j0cu-fallback-actions{grid-template-columns:repeat(3,1fr)}body:not(.ops-admin) .p4j0cu-list{gap:18px}}


/* === public/assets/css/phase-4j0cv-event-detail-game-dark-safe-discovery-state-fix.css === */
/* Phase 4J0CV — Event Detail Game Dark/Safe + Event Discovery Active State Fix
   Scope: user app event detail + event discovery only. No protected bottom nav/FAB/global button/table selector changes. */
html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page){
  --p4j0cv-bg:#02140f;
  --p4j0cv-panel:#08271f;
  --p4j0cv-panel-2:#0d3328;
  --p4j0cv-panel-3:#123e31;
  --p4j0cv-field:#061c16;
  --p4j0cv-line:rgba(187,255,54,.25);
  --p4j0cv-line-strong:rgba(187,255,54,.48);
  --p4j0cv-text:#f6fff7;
  --p4j0cv-muted:#c9ead8;
  --p4j0cv-soft:#94baa8;
  --p4j0cv-lime:#baff26;
  --p4j0cv-green:#078260;
  --p4j0cv-danger:#ffb0a2;
}

/* Event discovery: intent is single select, preference chips are separate multi-select state. */
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip.is-filter-active{
  background:rgba(186,255,38,.12)!important;
  border-color:rgba(186,255,38,.44)!important;
  color:var(--cu-ink)!important;
  box-shadow:0 10px 22px rgba(8,126,93,.14)!important;
  position:relative;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip.is-filter-active{
  background:rgba(186,255,38,.16)!important;
  color:#f6fff7!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip.is-filter-active:after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:4px;
  height:3px;
  border-radius:999px;
  background:var(--cu-lime);
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intents::before,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip-row::before{
  flex:0 0 auto;
  align-self:center;
  font-size:.68rem;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-weight:950;
  color:var(--cu-muted);
  padding-left:2px;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intents::before{content:"Waktu";}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip-row::before{content:"Preferensi";}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-search-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-fallback,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-advanced,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-card{
  background:linear-gradient(145deg,#08261e,#051912)!important;
  border-color:rgba(186,255,38,.24)!important;
  color:#f6fff7!important;
}

/* Event detail: fix remaining legacy white cards from game setup, QR pass guide, invite/search and score controls. */
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(
  .p4e8-host-setup,
  .p4e3-host-setup,
  .p4e-host-setup,
  .p4e8-match-strip>div,
  .p4e8-flow span,
  .p4e8-field,
  .p4e8-capacity>div,
  .p4e8-status,
  .p4e8-actions span:last-child,
  .p4e3-summary>div,
  .p4e3-capacity>div,
  .p4e3-actions,
  .p4e3-status,
  .p4e-readiness,
  .p4e-mode-summary,
  .p3h51-checkin-guide,
  .p3h51-flow-step,
  .p3h52-checkin-guide,
  .p3h55-participant-search,
  .p3h56-participant-search,
  .search-row,
  .p35-invite-panel,
  .p35-member-row,
  .p35-participant-card,
  .p3h8-growth-card,
  .p3h8-meter>div,
  .p3h8-grid section,
  .p3h2-stat,
  .p3h2-invite-row,
  .p3h2-empty,
  .p4j0m-finalization-belt,
  .p4j0m-finalization-ranks,
  .p4j0j-validation-card,
  .p4j0i-score-control,
  .p4j0ih-round-control,
  .p4j0ig-round-control,
  .game-history-card,
  .game-history-row
){
  background:linear-gradient(145deg,var(--p4j0cv-panel),rgba(3,18,13,.98))!important;
  border-color:var(--p4j0cv-line)!important;
  color:var(--p4j0cv-text)!important;
  -webkit-text-fill-color:initial!important;
  box-shadow:0 14px 36px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(
  .p4e8-host-setup,
  .p4e3-host-setup,
  .p4e-host-setup,
  .p3h51-checkin-guide,
  .p35-invite-panel,
  .p3h8-growth-card,
  .participant-flow-card,
  .p4j0cc-documentation-card
)::after{opacity:.18!important;}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.p4e8-host-setup,.p4e3-host-setup,.p4e-host-setup)::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 12% 4%,rgba(186,255,38,.13),transparent 30%),radial-gradient(circle at 90% 0,rgba(8,130,96,.24),transparent 34%);
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.p4e8-hero,.p4e3-host-title,.p4e-host-title,.p4e8-flow,.p4e8-match-strip,.p4e8-status,.p4e8-form-grid,.p4e8-capacity,.p4e8-actions){position:relative;z-index:1;}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(
  .p4e8-hero-icon,
  .p4e8-match-strip i,
  .p4e8-field>span i,
  .p4e8-status>i,
  .p3h51-flow-step b,
  .p35-member-avatar,
  .p35-index
){
  background:linear-gradient(135deg,rgba(186,255,38,.22),rgba(7,130,96,.28))!important;
  border:1px solid var(--p4j0cv-line)!important;
  color:var(--p4j0cv-text)!important;
  -webkit-text-fill-color:var(--p4j0cv-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(
  .p4e8-host-setup,
  .p4e3-host-setup,
  .p4e-host-setup,
  .p3h51-checkin-guide,
  .p35-invite-panel,
  .p3h8-growth-card,
  .participant-flow-card,
  .p4j0cc-documentation-card,
  .p4j0m-finalization-belt,
  .p4j0j-validation-card,
  .game-history-card
) :is(h1,h2,h3,h4,strong,b,.section-kicker){
  color:var(--p4j0cv-text)!important;
  -webkit-text-fill-color:var(--p4j0cv-text)!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(
  .p4e8-host-setup,
  .p4e3-host-setup,
  .p4e-host-setup,
  .p3h51-checkin-guide,
  .p35-invite-panel,
  .p3h8-growth-card,
  .participant-flow-card,
  .p4j0cc-documentation-card,
  .p4j0m-finalization-belt,
  .p4j0j-validation-card,
  .game-history-card
) :is(p,span,small,em,code,label){
  color:var(--p4j0cv-muted)!important;
  -webkit-text-fill-color:var(--p4j0cv-muted)!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.section-kicker,.p4e8-hero small,.p4e8-field>span,.p3h8-meter span,.p3h2-stat span){
  color:var(--p4j0cv-lime)!important;
  -webkit-text-fill-color:var(--p4j0cv-lime)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.p3h8-meter b,.p3h2-stat b,.p4e8-capacity strong,.p4e3-capacity strong){
  color:var(--p4j0cv-text)!important;
  -webkit-text-fill-color:var(--p4j0cv-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(input,textarea,select,.search-input,.field-input,.p4e8-select,.p4e3-select,.p35-search-row input,.p34-search-box input){
  background:var(--p4j0cv-field)!important;
  border:1px solid var(--p4j0cv-line-strong)!important;
  color:var(--p4j0cv-text)!important;
  -webkit-text-fill-color:var(--p4j0cv-text)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(input,textarea)::placeholder{
  color:rgba(201,234,216,.72)!important;
  -webkit-text-fill-color:rgba(201,234,216,.72)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.btn.btn-secondary,.btn-secondary,.p35-action-btn,.p35-action-lock){
  background:rgba(255,255,255,.075)!important;
  border-color:var(--p4j0cv-line)!important;
  color:var(--p4j0cv-text)!important;
  -webkit-text-fill-color:var(--p4j0cv-text)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.btn.btn-primary,.btn-primary,.p35-action-btn.primary){
  background:linear-gradient(135deg,var(--p4j0cv-green),#005a43)!important;
  border-color:var(--p4j0cv-line-strong)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.p4e8-status.is-blocked,.p4e8-status.is-warning,.p4e8-status.is-ready,.p4e3-status.is-blocked,.p4e3-status.is-warning,.p4e3-status.is-ready,.p4e-readiness.is-blocked,.p4e-readiness.is-warning,.p4e-readiness.is-ready){
  background:linear-gradient(145deg,var(--p4j0cv-panel-2),rgba(5,24,18,.98))!important;
  border-color:var(--p4j0cv-line-strong)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.p35-chips em,.badge,.status-badge,.p4j0aq-card-visibility,.p4j0m-finalization-head > b){
  background:rgba(186,255,38,.14)!important;
  border:1px solid var(--p4j0cv-line)!important;
  color:var(--p4j0cv-lime)!important;
  -webkit-text-fill-color:var(--p4j0cv-lime)!important;
}

/* Android WebView safe bottom for long event/game tools. */
body:not(.ops-admin) .event-detail-screen{
  padding-bottom:calc(400px + env(safe-area-inset-bottom,0px))!important;
}
body:not(.ops-admin) .event-detail-screen :is(.p4e8-host-setup,.participant-flow-card,.p3h51-checkin-guide,.p35-invite-panel,.p4j0cc-documentation-card,.p3h8-growth-card,.p4j0m-finalization-belt):last-child{
  margin-bottom:calc(260px + env(safe-area-inset-bottom,0px))!important;
}
@media(max-width:560px){
  body:not(.ops-admin) .event-detail-screen{padding-bottom:calc(430px + env(safe-area-inset-bottom,0px))!important;}
  html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4e8-flow{grid-template-columns:repeat(5,minmax(54px,1fr));overflow-x:auto;padding-bottom:4px;}
  html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p3h8-meter{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


/* === public/assets/css/phase-4j0cw-dual-theme-discovery-standard-event-detail-finish.css === */
/* Phase 4J0CW — Dual Theme Discovery Standard + Event Detail Finish
   Scope: user Event Discovery and Event Detail only.
   Rule: every visual override is paired for light + dark where applicable and follows current FSD/theme token direction.
   Protected: no direct .bottom-nav, .nav-item, #p3k39c8TennisFabRoot, global table/button, OPS/admin selectors. */

body:not(.ops-admin) .p4j0cu-page{
  --cu-bg:var(--bg-soft,#eef1e7)!important;
  --cu-card:var(--bg-card,#ffffff)!important;
  --cu-card-2:var(--bg-surface,#f7fbf8)!important;
  --cu-ink:var(--text-primary,#073d2d)!important;
  --cu-muted:var(--text-muted,#61746b)!important;
  --cu-line:rgba(6,63,51,.13)!important;
  --cu-green:#063f33!important;
  --cu-green-2:#087256!important;
  --cu-lime:#b7ff35!important;
  --cu-shadow:0 14px 34px rgba(0,70,45,.08)!important;
  width:min(100%,430px)!important;
  max-width:430px!important;
  margin:0 auto!important;
  padding-left:12px!important;
  padding-right:12px!important;
  display:grid!important;
  gap:12px!important;
  overflow-x:hidden!important;
  color:var(--cu-ink)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page{
  --cu-bg:var(--bg-main,#02140f)!important;
  --cu-card:#0b261f!important;
  --cu-card-2:#0f3128!important;
  --cu-ink:#f6fff7!important;
  --cu-muted:#c9ead8!important;
  --cu-line:rgba(183,255,53,.18)!important;
  --cu-green:#087256!important;
  --cu-green-2:#0a8a67!important;
  --cu-shadow:0 16px 38px rgba(0,0,0,.30)!important;
}

/* Match Home/Activity hero rhythm; avoid oversized Discovery-only typography. */
body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin:0!important;
  padding:16px!important;
  min-height:118px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  background:radial-gradient(circle at 88% 8%,rgba(183,255,53,.30),transparent 34%),linear-gradient(135deg,var(--cu-green),var(--cu-green-2))!important;
  color:#fff!important;
  box-shadow:0 20px 48px rgba(0,70,45,.15)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero{
  border-color:var(--cu-line)!important;
  box-shadow:var(--cu-shadow)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero small,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-result-head small,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-fallback small{
  color:var(--cu-lime)!important;
  font-size:.66rem!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero h1{
  margin:3px 0 5px!important;
  color:#fff!important;
  font-size:1.65rem!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  max-width:260px!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero p{
  margin:0!important;
  color:rgba(245,255,248,.92)!important;
  font-size:.86rem!important;
  line-height:1.38!important;
  max-width:292px!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-refresh{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.14)!important;
}

/* Intent and preference rows: labels no longer consume horizontal chip space. */
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intents,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip-row{
  position:relative!important;
  display:flex!important;
  gap:9px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:25px 22px 8px 0!important;
  margin:0!important;
  scroll-snap-type:x proximity!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intents::before,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip-row::before{
  position:absolute!important;
  left:0!important;
  top:4px!important;
  padding:0!important;
  color:var(--cu-muted)!important;
  font-size:.68rem!important;
  line-height:1!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-suggestion-row button{
  flex:0 0 auto!important;
  min-height:40px!important;
  min-width:max-content!important;
  border-radius:16px!important;
  padding:0 13px!important;
  border:1px solid var(--cu-line)!important;
  background:var(--cu-card)!important;
  color:var(--cu-ink)!important;
  font-size:.86rem!important;
  line-height:1!important;
  font-weight:950!important;
  box-shadow:var(--cu-shadow)!important;
  scroll-snap-align:start!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent{display:inline-flex!important;align-items:center!important;gap:8px!important;}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent span{width:26px!important;height:26px!important;background:rgba(183,255,53,.15)!important;}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent.is-active{
  background:linear-gradient(135deg,#008765,#00664d)!important;
  color:#fff!important;
  border-color:rgba(183,255,53,.62)!important;
  box-shadow:inset 0 -4px 0 rgba(183,255,53,.78),0 14px 28px rgba(0,92,66,.16)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent.is-active::after,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip.is-active::after{display:none!important;}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip.is-filter-active{
  background:var(--cu-card-2)!important;
  color:var(--cu-ink)!important;
  border-color:rgba(0,135,101,.30)!important;
  box-shadow:inset 0 -3px 0 rgba(183,255,53,.35),var(--cu-shadow)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip.is-filter-active{
  background:#143a30!important;
  color:#f6fff7!important;
  border-color:rgba(183,255,53,.30)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip.is-filter-active::after{display:none!important;}

/* Compact search/filter surface aligned with Home/Activity cards. */
body:not(.ops-admin) .p4j0cu-page .p4j0cu-search-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:9px!important;
  align-items:center!important;
  margin:0!important;
  padding:11px!important;
  border-radius:22px!important;
  background:var(--cu-card)!important;
  border:1px solid var(--cu-line)!important;
  box-shadow:var(--cu-shadow)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-search{
  min-width:0!important;
  min-height:46px!important;
  border-radius:16px!important;
  border:1px solid var(--cu-line)!important;
  background:var(--cu-card-2)!important;
  padding:0 11px!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-search input{
  min-height:46px!important;
  font-size:.88rem!important;
  font-weight:850!important;
  color:var(--cu-ink)!important;
  -webkit-text-fill-color:var(--cu-ink)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-search input::placeholder{color:var(--cu-muted)!important;-webkit-text-fill-color:var(--cu-muted)!important;}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-filter-btn,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-result-head button{
  min-height:46px!important;
  border-radius:16px!important;
  padding:0 13px!important;
  font-size:.86rem!important;
  font-weight:950!important;
  border:1px solid var(--cu-line)!important;
  background:var(--cu-card-2)!important;
  color:var(--cu-ink)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-result-head{margin:4px 0 2px!important;align-items:center!important;}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-result-head b{font-size:1.2rem!important;letter-spacing:-.02em!important;color:var(--cu-ink)!important;}

body:not(.ops-admin) .p4j0cu-page .p4j0cu-fallback,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-card,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-advanced{
  border-radius:22px!important;
  background:var(--cu-card)!important;
  border:1px solid var(--cu-line)!important;
  box-shadow:var(--cu-shadow)!important;
  color:var(--cu-ink)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page .p4j0cu-fallback,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page .p4j0cu-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page .p4j0cu-advanced,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page .p4j0cu-search-card{
  background:linear-gradient(145deg,#0b261f,#071913)!important;
  border-color:var(--cu-line)!important;
  color:var(--cu-ink)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-fallback h2{font-size:1.35rem!important;line-height:1.12!important;margin:3px 0 6px!important;color:var(--cu-ink)!important;}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-fallback p,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-card p{color:var(--cu-muted)!important;}

/* Remaining Event Detail dark leaks only. Light mode is intentionally not overwritten. */
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.p3h8-meter>div,.p3h8-meter div,.p3h2-stat,.p3h51-checkin-guide,.p3h51-flow-step,.user-status-panel,.status-panel,.user-status-card,.next-step-card,.p4e8-match-strip>div,.p4e8-field,.p4e8-capacity>div,.p4e8-actions,.p4e8-flow span){
  background:linear-gradient(145deg,#0b261f,#061913)!important;
  border-color:rgba(183,255,53,.22)!important;
  color:#f6fff7!important;
  -webkit-text-fill-color:initial!important;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.p3h8-meter>div,.p3h8-meter div,.p3h2-stat,.p3h51-flow-step,.p4e8-capacity>div) :is(b,strong){color:#f6fff7!important;-webkit-text-fill-color:#f6fff7!important;opacity:1!important;}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.p3h8-meter>div,.p3h8-meter div,.p3h2-stat,.p3h51-flow-step,.p4e8-capacity>div) :is(span,small,p){color:#c9ead8!important;-webkit-text-fill-color:#c9ead8!important;opacity:1!important;}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen :is(.user-status-panel,.status-panel,.user-status-card,.next-step-card) :is(.inline-message,.status-message,.hint-card){
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(183,255,53,.18)!important;
  color:#f6fff7!important;
  -webkit-text-fill-color:#f6fff7!important;
}

@media(max-width:560px){
  body:not(.ops-admin) .p4j0cu-page{gap:11px!important;padding-left:10px!important;padding-right:10px!important;padding-bottom:calc(210px + env(safe-area-inset-bottom,0px))!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero{padding:16px!important;border-radius:24px!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero h1{font-size:1.9rem!important;max-width:250px!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero p{font-size:.93rem!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-search-card{grid-template-columns:minmax(0,1fr) auto!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-filter-btn{width:auto!important;white-space:nowrap!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent{min-width:118px!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-card{grid-template-columns:78px minmax(0,1fr)!important;}
}


/* === public/assets/css/phase-4j0cx-event-discovery-fsd-visual-sync-chip-state.css === */
/* Phase 4J0CX — Event Discovery FSD Visual Sync + Dual Theme Chip State
   Scope: Event Discovery user page only. Pair light/dark overrides and follow Home/Activity visual rhythm.
   Protected: no bottom-nav, nav-item, tennis FAB, global table/button, OPS/admin selectors. */

body:not(.ops-admin) .p4j0cu-page{
  --cu-green:#08745b!important;
  --cu-green-deep:#063f33!important;
  --cu-green-soft:#e9f6ef!important;
  --cu-card:#ffffff!important;
  --cu-card-2:#f7fbf7!important;
  --cu-ink:#063f33!important;
  --cu-muted:#60766e!important;
  --cu-line:rgba(6,63,51,.13)!important;
  --cu-lime:#b7ff35!important;
  --cu-shadow:0 14px 34px rgba(4,58,44,.08)!important;
  gap:12px!important;
  max-width:430px!important;
  width:min(100%,430px)!important;
  box-sizing:border-box!important;
  padding-left:12px!important;
  padding-right:12px!important;
  overflow-x:hidden!important;
  font-size:15px!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page{
  --cu-card:#09241d!important;
  --cu-card-2:#0e3027!important;
  --cu-green-soft:#12372e!important;
  --cu-ink:#f6fff7!important;
  --cu-muted:#c9ead8!important;
  --cu-line:rgba(183,255,53,.20)!important;
  --cu-shadow:0 16px 38px rgba(0,0,0,.34)!important;
}

body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero{
  min-height:0!important;
  padding:18px!important;
  border-radius:26px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  background:radial-gradient(circle at 86% 10%,rgba(183,255,53,.28),transparent 36%),linear-gradient(135deg,#006f55,#0b8b62)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 18px 42px rgba(4,58,44,.12)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero small,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-block-label,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-result-head small,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-fallback small{
  color:var(--cu-lime)!important;
  font-size:.70rem!important;
  line-height:1!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero h1{
  margin:5px 0 7px!important;
  color:#fff!important;
  font-size:2.05rem!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  max-width:270px!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero p{
  margin:0!important;
  color:rgba(246,255,247,.92)!important;
  font-size:.98rem!important;
  line-height:1.42!important;
  font-weight:700!important;
  max-width:300px!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-refresh{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
}

/* Use explicit block labels instead of pseudo label rows, so spacing follows Activity/Home rhythm. */
body:not(.ops-admin) .p4j0cu-page .p4j0cu-control-block{
  display:grid!important;
  gap:9px!important;
  min-width:0!important;
  margin:0!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intents::before,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip-row::before{display:none!important;content:none!important;}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intents{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
  scroll-snap-type:none!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip-row{
  display:flex!important;
  gap:9px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0 14px 4px 0!important;
  margin:0!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip-row::-webkit-scrollbar{display:none!important;}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip{
  min-width:0!important;
  min-height:46px!important;
  border-radius:18px!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid var(--cu-line)!important;
  background:var(--cu-card)!important;
  color:var(--cu-ink)!important;
  font-size:.95rem!important;
  line-height:1!important;
  font-weight:950!important;
  box-shadow:var(--cu-shadow)!important;
  white-space:nowrap!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip{flex:0 0 auto!important;padding:0 15px!important;font-size:.90rem!important;}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent span{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:rgba(8,116,91,.10)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent.is-active{
  background:linear-gradient(135deg,#008765,#00664d)!important;
  color:#fff!important;
  border-color:rgba(183,255,53,.65)!important;
  box-shadow:inset 0 -4px 0 rgba(183,255,53,.85),0 14px 28px rgba(0,92,66,.18)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent.is-active span{background:rgba(183,255,53,.18)!important;color:#fff!important;}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent.is-active::after,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip.is-active::after,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip.is-filter-active::after{display:none!important;content:none!important;}

/* Preference is intentionally multi-select and visually different from time intent. */
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip.is-filter-active{
  background:#e7f6ed!important;
  color:#063f33!important;
  border-color:rgba(8,116,91,.42)!important;
  box-shadow:inset 0 0 0 2px rgba(8,116,91,.12),0 10px 22px rgba(4,58,44,.08)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-check{
  display:inline-grid!important;
  place-items:center!important;
  width:19px!important;
  height:19px!important;
  border-radius:999px!important;
  background:#08745b!important;
  color:#fff!important;
  font-size:.68rem!important;
  line-height:1!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip{
  background:#102f27!important;
  color:#f6fff7!important;
  border-color:rgba(183,255,53,.20)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip.is-filter-active{
  background:#173c32!important;
  color:#f6fff7!important;
  border-color:rgba(183,255,53,.45)!important;
  box-shadow:inset 0 0 0 2px rgba(183,255,53,.12),0 12px 28px rgba(0,0,0,.20)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page .p4j0cu-check{background:var(--cu-lime)!important;color:#063f33!important;}

body:not(.ops-admin) .p4j0cu-page .p4j0cu-search-card{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  padding:12px!important;
  border-radius:24px!important;
  background:var(--cu-card)!important;
  border:1px solid var(--cu-line)!important;
  box-shadow:var(--cu-shadow)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-search{
  min-height:48px!important;
  border-radius:18px!important;
  background:var(--cu-card-2)!important;
  border:1px solid var(--cu-line)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-search input{
  min-height:48px!important;
  font-size:.95rem!important;
  font-weight:850!important;
  color:var(--cu-ink)!important;
  -webkit-text-fill-color:var(--cu-ink)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-search input::placeholder{color:var(--cu-muted)!important;-webkit-text-fill-color:var(--cu-muted)!important;}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-filter-btn,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-result-head button{
  min-height:48px!important;
  border-radius:18px!important;
  padding:0 15px!important;
  font-size:.92rem!important;
  background:var(--cu-card-2)!important;
  color:var(--cu-ink)!important;
  border:1px solid var(--cu-line)!important;
  box-shadow:none!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-result-head{margin:3px 0 0!important;}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-result-head b{font-size:1.22rem!important;color:var(--cu-ink)!important;letter-spacing:-.025em!important;}

body:not(.ops-admin) .p4j0cu-page .p4j0cu-fallback,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-card,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-advanced{
  background:var(--cu-card)!important;
  color:var(--cu-ink)!important;
  border-color:var(--cu-line)!important;
  border-radius:24px!important;
  box-shadow:var(--cu-shadow)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-fallback h2,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-card h3{color:var(--cu-ink)!important;}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-fallback p,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-card p{color:var(--cu-muted)!important;}

@media(max-width:560px){
  body:not(.ops-admin) .p4j0cu-page{padding-left:12px!important;padding-right:12px!important;gap:12px!important;padding-bottom:calc(220px + env(safe-area-inset-bottom,0px))!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero{padding:18px!important;border-radius:26px!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero h1{font-size:2.05rem!important;max-width:275px!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero p{font-size:.98rem!important;max-width:300px!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-search-card{grid-template-columns:minmax(0,1fr) auto!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-filter-btn{width:auto!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-card{grid-template-columns:78px minmax(0,1fr)!important;}
}

@media(max-width:380px){
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero h1{font-size:1.86rem!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent{font-size:.86rem!important;padding:0 10px!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent span{width:25px!important;height:25px!important;}
}


/* === public/assets/css/phase-4j0cy-event-discovery-fsd-alignment-smart-filter-polish.css === */
/* Phase 4J0CY — Event Discovery FSD Visual Alignment + Smart Filter Polish
   Scope: Event Discovery user page only. Dual-theme paired rules.
   Protected: no .bottom-nav, .nav-item, #p3k39c8TennisFabRoot, OPS/admin, global button/table. */

body:not(.ops-admin) .p4j0cu-page{
  --cy-bg:#eef5ec;
  --cy-card:#ffffff;
  --cy-card-soft:#f4faf6;
  --cy-hero-1:#087a5e;
  --cy-hero-2:#0a8c62;
  --cy-ink:#083f34;
  --cy-muted:#5f746c;
  --cy-line:rgba(6,63,51,.14);
  --cy-lime:#b7ff35;
  --cy-shadow:0 14px 30px rgba(4,58,44,.08);
  max-width:430px!important;
  width:min(100%,430px)!important;
  padding:12px 12px calc(230px + env(safe-area-inset-bottom,0px))!important;
  gap:12px!important;
  overflow-x:hidden!important;
  background:transparent!important;
  font-family:inherit!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page{
  --cy-bg:#061a15;
  --cy-card:#0b261f;
  --cy-card-soft:#102f27;
  --cy-hero-1:#073f33;
  --cy-hero-2:#0a6c53;
  --cy-ink:#f4fff6;
  --cy-muted:#c4dfd2;
  --cy-line:rgba(183,255,53,.20);
  --cy-shadow:0 16px 36px rgba(0,0,0,.30);
}

body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero{
  min-height:0!important;
  padding:18px!important;
  border-radius:24px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  background:
    radial-gradient(circle at 88% 16%,rgba(183,255,53,.28),transparent 34%),
    linear-gradient(135deg,var(--cy-hero-1),var(--cy-hero-2))!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 18px 38px rgba(4,58,44,.12)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero small,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-block-label,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-result-head small,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-fallback small,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-group h3{
  color:var(--cy-lime)!important;
  font-size:.68rem!important;
  line-height:1!important;
  letter-spacing:.105em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero h1{
  max-width:270px!important;
  margin:5px 0 7px!important;
  color:#fff!important;
  font-size:1.92rem!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero p{
  max-width:305px!important;
  margin:0!important;
  color:rgba(246,255,247,.92)!important;
  font-size:.93rem!important;
  line-height:1.42!important;
  font-weight:700!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-refresh{
  width:50px!important;
  min-width:50px!important;
  height:50px!important;
  border-radius:17px!important;
  color:#fff!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:none!important;
}

body:not(.ops-admin) .p4j0cu-page .p4j0cu-control-block{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin:0!important;
  min-width:0!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-time-block{
  background:rgba(255,255,255,.22)!important;
  border-radius:22px!important;
  padding:0!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page .p4j0cu-time-block{
  background:rgba(255,255,255,.03)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intents{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent{
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  border-radius:18px!important;
  padding:0 10px!important;
  justify-content:flex-start!important;
  gap:8px!important;
  background:var(--cy-card)!important;
  color:var(--cy-ink)!important;
  border:1px solid var(--cy-line)!important;
  box-shadow:0 10px 22px rgba(4,58,44,.07)!important;
  font-size:.88rem!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent span{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  border-radius:999px!important;
  background:rgba(8,116,91,.10)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent.is-active{
  background:linear-gradient(135deg,#008766,#006f55)!important;
  color:#fff!important;
  border-color:rgba(183,255,53,.72)!important;
  box-shadow:inset 0 -4px 0 rgba(183,255,53,.85),0 12px 25px rgba(0,92,66,.16)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent.is-active span{
  background:rgba(183,255,53,.18)!important;
  color:#fff!important;
}

body:not(.ops-admin) .p4j0cu-page .p4j0cu-search-card{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:9px!important;
  padding:11px!important;
  border-radius:22px!important;
  background:var(--cy-card)!important;
  border:1px solid var(--cy-line)!important;
  box-shadow:var(--cy-shadow)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-search{
  min-width:0!important;
  min-height:46px!important;
  border-radius:17px!important;
  background:var(--cy-card-soft)!important;
  border:1px solid var(--cy-line)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-search input{
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  color:var(--cy-ink)!important;
  -webkit-text-fill-color:var(--cy-ink)!important;
  font-size:.91rem!important;
  font-weight:850!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-search input::placeholder{
  color:var(--cy-muted)!important;
  -webkit-text-fill-color:var(--cy-muted)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-filter-btn,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-result-head button{
  min-height:46px!important;
  border-radius:17px!important;
  padding:0 14px!important;
  background:var(--cy-card-soft)!important;
  color:var(--cy-ink)!important;
  border:1px solid var(--cy-line)!important;
  box-shadow:none!important;
  font-size:.88rem!important;
  font-weight:950!important;
}

body:not(.ops-admin) .p4j0cu-page .p4j0cu-pref-block{
  gap:8px!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  border-radius:16px!important;
  padding:0 11px!important;
  display:inline-flex!important;
  justify-content:center!important;
  gap:7px!important;
  background:var(--cy-card)!important;
  color:var(--cy-ink)!important;
  border:1px solid var(--cy-line)!important;
  box-shadow:0 8px 18px rgba(4,58,44,.06)!important;
  font-size:.86rem!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip.is-filter-active{
  background:linear-gradient(135deg,#008766,#067257)!important;
  color:#fff!important;
  border-color:rgba(183,255,53,.70)!important;
  box-shadow:inset 0 -3px 0 rgba(183,255,53,.75),0 10px 22px rgba(0,92,66,.12)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-check{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  color:#063f33!important;
  background:var(--cy-lime)!important;
  font-size:.67rem!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent{
  background:#102f27!important;
  color:var(--cy-ink)!important;
  border-color:var(--cy-line)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip.is-filter-active{
  background:linear-gradient(135deg,#008765,#0a6f55)!important;
  color:#fff!important;
  border-color:rgba(183,255,53,.70)!important;
}

body:not(.ops-admin) .p4j0cu-page .p4j0cu-result-head{
  margin:2px 0 0!important;
  align-items:center!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-result-head b{
  font-size:1.16rem!important;
  line-height:1.05!important;
  color:var(--cy-ink)!important;
  letter-spacing:-.02em!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-fallback,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-card,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-advanced{
  background:var(--cy-card)!important;
  color:var(--cy-ink)!important;
  border:1px solid var(--cy-line)!important;
  border-radius:24px!important;
  box-shadow:var(--cy-shadow)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-fallback h2,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-card h3{
  color:var(--cy-ink)!important;
  letter-spacing:-.025em!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-fallback p,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-card p{
  color:var(--cy-muted)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-fallback-actions,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-suggestion-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-fallback-actions button:first-child{
  grid-column:1/-1!important;
}

@media(max-width:560px){
  body:not(.ops-admin) .p4j0cu-page{
    padding-left:12px!important;
    padding-right:12px!important;
    gap:12px!important;
  }
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero{
    padding:18px!important;
    border-radius:24px!important;
  }
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero h1{
    font-size:1.92rem!important;
  }
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero p{
    font-size:.93rem!important;
  }
}
@media(max-width:380px){
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero h1{font-size:1.72rem!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero p{font-size:.88rem!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent,
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip{font-size:.80rem!important;padding-left:8px!important;padding-right:8px!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent span{width:24px!important;height:24px!important;min-width:24px!important;}
}


/* === public/assets/css/phase-4j0cz-event-discovery-color-token-contrast-alignment.css === */
/* Phase 4J0CZ — Event Discovery Color Token + Contrast Alignment
   Scope: Event Discovery user page only. Dual-theme paired rules.
   Goal: align Discovery visually with Home/Activity FSD card rhythm, fix low-contrast text, clear chip selected states.
   Protected: no direct .bottom-nav, .nav-item, #p3k39c8TennisFabRoot, OPS/admin, global button/table. */

body:not(.ops-admin) section.p4j0cu-page,
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner]{
  --cz-page:#eef3e8;
  --cz-card:#fbfffb;
  --cz-card-strong:#ffffff;
  --cz-soft:#eef8f2;
  --cz-ink:#073f34;
  --cz-muted:#526b62;
  --cz-subtle:#6f817a;
  --cz-line:rgba(7,63,52,.13);
  --cz-green:#006b52;
  --cz-green-2:#0a8b66;
  --cz-green-soft:#dff2e9;
  --cz-lime:#aaf23a;
  --cz-shadow:0 14px 34px rgba(7,63,52,.09);
  width:min(100%,430px)!important;
  max-width:430px!important;
  margin:0 auto!important;
  padding:12px 12px calc(230px + env(safe-area-inset-bottom,0px))!important;
  display:grid!important;
  gap:13px!important;
  color:var(--cz-ink)!important;
  overflow-x:hidden!important;
  background:transparent!important;
}
html[data-theme="dark"] body:not(.ops-admin) section.p4j0cu-page,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner]{
  --cz-page:#041711;
  --cz-card:#0b251e;
  --cz-card-strong:#0e2d25;
  --cz-soft:#11342a;
  --cz-ink:#f5fff7;
  --cz-muted:#c8dfd4;
  --cz-subtle:#aac7bb;
  --cz-line:rgba(183,255,53,.20);
  --cz-green:#078464;
  --cz-green-2:#0aa174;
  --cz-green-soft:#163d31;
  --cz-shadow:0 16px 38px rgba(0,0,0,.28);
}

/* Hero follows Home/Activity rhythm: premium but not taller than the discovery task needs. */
body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:0!important;
  margin:0!important;
  padding:17px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 90% 12%,rgba(183,255,53,.22),transparent 32%),
    linear-gradient(135deg,var(--cz-green),var(--cz-green-2))!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 18px 36px rgba(7,63,52,.11)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero small,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-block-label,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-result-head small,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-fallback small,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-group-title{
  color:var(--cz-subtle)!important;
  -webkit-text-fill-color:var(--cz-subtle)!important;
  font-size:.68rem!important;
  line-height:1.05!important;
  letter-spacing:.105em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero small{
  color:rgba(245,255,247,.90)!important;
  -webkit-text-fill-color:rgba(245,255,247,.90)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero h1{
  max-width:260px!important;
  margin:5px 0 7px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:1.84rem!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
  font-weight:950!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero p{
  max-width:300px!important;
  margin:0!important;
  color:rgba(245,255,247,.88)!important;
  -webkit-text-fill-color:rgba(245,255,247,.88)!important;
  font-size:.90rem!important;
  line-height:1.38!important;
  font-weight:750!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-refresh{
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.15)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:none!important;
}

/* Controls: no horizontal clipping, selected states are obvious in both themes. */
body:not(.ops-admin) .p4j0cu-page .p4j0cu-control-block{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  min-width:0!important;
  overflow:visible!important;
  margin:0!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-time-block,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-pref-block{
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intents{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent{
  flex:initial!important;
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  border-radius:18px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  background:var(--cz-card-strong)!important;
  color:var(--cz-ink)!important;
  -webkit-text-fill-color:var(--cz-ink)!important;
  border:1px solid var(--cz-line)!important;
  box-shadow:0 10px 22px rgba(7,63,52,.06)!important;
  font-size:.86rem!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent span{
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:var(--cz-green-soft)!important;
  -webkit-text-fill-color:inherit!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent b{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent.is-active{
  background:linear-gradient(135deg,var(--cz-green),#005641)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:rgba(183,255,53,.72)!important;
  box-shadow:inset 0 -4px 0 rgba(183,255,53,.86),0 13px 24px rgba(0,91,66,.15)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent.is-active span{background:rgba(183,255,53,.18)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}

body:not(.ops-admin) .p4j0cu-page .p4j0cu-search-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:9px!important;
  align-items:center!important;
  padding:11px!important;
  border-radius:22px!important;
  background:var(--cz-card-strong)!important;
  color:var(--cz-ink)!important;
  border:1px solid var(--cz-line)!important;
  box-shadow:var(--cz-shadow)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-search{
  min-width:0!important;
  min-height:45px!important;
  border-radius:16px!important;
  background:var(--cz-soft)!important;
  border:1px solid var(--cz-line)!important;
  padding:0 11px!important;
  box-shadow:none!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-search input{
  min-width:0!important;
  width:100%!important;
  min-height:45px!important;
  font-size:.88rem!important;
  line-height:1.2!important;
  font-weight:850!important;
  color:var(--cz-ink)!important;
  -webkit-text-fill-color:var(--cz-ink)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-search input::placeholder{
  color:var(--cz-muted)!important;
  -webkit-text-fill-color:var(--cz-muted)!important;
  opacity:1!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-filter-btn,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-result-head button{
  min-height:45px!important;
  border-radius:16px!important;
  padding:0 13px!important;
  background:var(--cz-soft)!important;
  color:var(--cz-ink)!important;
  -webkit-text-fill-color:var(--cz-ink)!important;
  border:1px solid var(--cz-line)!important;
  box-shadow:none!important;
  font-size:.86rem!important;
  font-weight:950!important;
}

body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:38px!important;
  border-radius:999px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  background:var(--cz-card-strong)!important;
  color:var(--cz-ink)!important;
  -webkit-text-fill-color:var(--cz-ink)!important;
  border:1px solid var(--cz-line)!important;
  box-shadow:0 8px 16px rgba(7,63,52,.05)!important;
  font-size:.84rem!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-chip.is-filter-active{
  background:linear-gradient(135deg,var(--cz-green),#005641)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:rgba(183,255,53,.74)!important;
  box-shadow:inset 0 -3px 0 rgba(183,255,53,.82),0 10px 18px rgba(0,91,66,.14)!important;
}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-check{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:var(--cz-lime)!important;
  color:#063f33!important;
  -webkit-text-fill-color:#063f33!important;
  font-size:.65rem!important;
}

/* Cards and empty states: same calm surface family as Activity/Home. */
body:not(.ops-admin) .p4j0cu-page .p4j0cu-result-head{margin:2px 0 0!important;align-items:center!important;}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-result-head b{font-size:1.12rem!important;line-height:1.06!important;color:var(--cz-ink)!important;-webkit-text-fill-color:var(--cz-ink)!important;}
body:not(.ops-admin) .p4j0cu-page :is(.p4j0cu-fallback,.p4j0cu-card,.p4j0cu-advanced){
  background:var(--cz-card-strong)!important;
  color:var(--cz-ink)!important;
  border:1px solid var(--cz-line)!important;
  border-radius:24px!important;
  box-shadow:var(--cz-shadow)!important;
}
body:not(.ops-admin) .p4j0cu-page :is(.p4j0cu-fallback h2,.p4j0cu-card h3){color:var(--cz-ink)!important;-webkit-text-fill-color:var(--cz-ink)!important;letter-spacing:-.025em!important;}
body:not(.ops-admin) .p4j0cu-page :is(.p4j0cu-fallback p,.p4j0cu-card p,.p4j0cu-card-top,.p4j0cu-badge){color:var(--cz-muted)!important;-webkit-text-fill-color:var(--cz-muted)!important;}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-badge.is-green{color:var(--cz-ink)!important;-webkit-text-fill-color:var(--cz-ink)!important;background:var(--cz-green-soft)!important;}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-fallback{padding:18px!important;margin-bottom:22px!important;}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-fallback h2{font-size:1.38rem!important;line-height:1.08!important;margin:.18rem 0 .4rem!important;}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-fallback-actions,
body:not(.ops-admin) .p4j0cu-page .p4j0cu-suggestion-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
body:not(.ops-admin) .p4j0cu-page .p4j0cu-fallback-actions button:first-child{grid-column:1/-1!important;}

html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero{border-color:rgba(183,255,53,.24)!important;}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page :is(.p4j0cu-intent,.p4j0cu-chip,.p4j0cu-search-card,.p4j0cu-fallback,.p4j0cu-card,.p4j0cu-advanced){background:var(--cz-card)!important;color:var(--cz-ink)!important;-webkit-text-fill-color:var(--cz-ink)!important;}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page :is(.p4j0cu-search,.p4j0cu-filter-btn,.p4j0cu-result-head button){background:var(--cz-soft)!important;color:var(--cz-ink)!important;-webkit-text-fill-color:var(--cz-ink)!important;}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page :is(.p4j0cu-intent.is-active,.p4j0cu-chip.is-filter-active){background:linear-gradient(135deg,var(--cz-green),#04644d)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page :is(.p4j0cu-block-label,.p4j0cu-result-head small,.p4j0cu-fallback small,.p4j0cu-group-title){color:#bffb69!important;-webkit-text-fill-color:#bffb69!important;}

@media(max-width:430px){
  body:not(.ops-admin) section.p4j0cu-page,
  body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner]{padding-left:12px!important;padding-right:12px!important;gap:12px!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero{padding:17px!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero h1{font-size:1.74rem!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-hero p{font-size:.88rem!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-search-card{grid-template-columns:minmax(0,1fr) auto!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-filter-btn{width:auto!important;white-space:nowrap!important;}
}
@media(max-width:360px){
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-search-card{grid-template-columns:1fr!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-filter-btn{width:100%!important;}
  body:not(.ops-admin) .p4j0cu-page .p4j0cu-intent{font-size:.80rem!important;padding:0 8px!important;}
}


/* === public/assets/css/phase-4j0da-event-discovery-hero-gradient-standard-lock.css === */
/* Phase 4J0DA — Event Discovery Hero Gradient Standard Lock
   Scope: Event Discovery hero only.
   Goal: make Event Discovery hero fill and gradient match the accepted Home/Activity hero standard from 4J0BW.
   Protected: no bottom nav, no nav-item, no tennis FAB, no OPS/admin, no global button/table. */

body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-hero{
  /* Exact Home/Activity standard hero fill from 4J0BW. */
  --p4j0da-hero-green:#063f33;
  --p4j0da-hero-green-2:#087256;
  --p4j0da-hero-lime:#b7ff35;
  background:
    radial-gradient(circle at 88% 8%,rgba(183,255,53,.30),transparent 34%),
    linear-gradient(135deg,var(--p4j0da-hero-green),var(--p4j0da-hero-green-2))!important;
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:0 20px 48px rgba(0,70,45,.15)!important;
}

html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-hero{
  /* Same hero identity in dark mode; only page surfaces around it change by theme. */
  background:
    radial-gradient(circle at 88% 8%,rgba(183,255,53,.30),transparent 34%),
    linear-gradient(135deg,#063f33,#087256)!important;
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:0 20px 48px rgba(0,70,45,.15)!important;
}


/* === public/assets/css/phase-4j0db-event-discovery-action-tile-search-typing-fix.css === */
/* Phase 4J0DB — Event Discovery Action Tile + Search Typing Fix
   Scope: Event Discovery only. Keeps light/dark mode paired and preserves protected navigation/FAB selectors. */

body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page.p4j0db-page,
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"]{
  --p4j0db-action-surface:#ffffff;
  --p4j0db-action-soft:#eef8f2;
  --p4j0db-action-ink:#073f34;
  --p4j0db-action-muted:#526b62;
  --p4j0db-action-line:rgba(7,63,52,.14);
  --p4j0db-action-green:#006b52;
  --p4j0db-action-lime:#b7ff35;
}
html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page.p4j0db-page,
html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"]{
  --p4j0db-action-surface:#0b251e;
  --p4j0db-action-soft:#11342a;
  --p4j0db-action-ink:#f5fff7;
  --p4j0db-action-muted:#c8dfd4;
  --p4j0db-action-line:rgba(183,255,53,.22);
  --p4j0db-action-green:#078464;
  --p4j0db-action-lime:#b7ff35;
}

body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0db-search-card{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:stretch!important;
  gap:8px!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0cu-search-input{
  caret-color:var(--p4j0db-action-green)!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0db-search-actions{
  display:grid!important;
  grid-template-columns:repeat(2,54px)!important;
  gap:7px!important;
  align-items:stretch!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0db-action-btn{
  width:54px!important;
  min-width:54px!important;
  height:54px!important;
  min-height:54px!important;
  padding:5px 4px!important;
  border-radius:17px!important;
  display:grid!important;
  grid-template-rows:20px 1fr!important;
  place-items:center!important;
  gap:2px!important;
  white-space:normal!important;
  text-align:center!important;
  background:var(--p4j0db-action-soft)!important;
  color:var(--p4j0db-action-ink)!important;
  -webkit-text-fill-color:var(--p4j0db-action-ink)!important;
  border:1px solid var(--p4j0db-action-line)!important;
  box-shadow:none!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0db-action-btn span{
  font-size:1rem!important;
  line-height:1!important;
  display:block!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0db-action-btn b{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:.68rem!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0db-action-btn.is-search{
  background:linear-gradient(135deg,var(--p4j0db-action-green),#005641)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:rgba(183,255,53,.50)!important;
  box-shadow:0 10px 20px rgba(0,91,66,.14)!important;
}

body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0cu-refresh,
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0cu-result-head button{
  width:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  border-radius:18px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
}

body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0cu-card-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0db-card-action{
  min-height:52px!important;
  border-radius:18px!important;
  padding:7px 8px!important;
  display:grid!important;
  grid-template-rows:20px auto!important;
  place-items:center!important;
  gap:2px!important;
  text-align:center!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0db-card-action span{
  font-size:1.02rem!important;
  line-height:1!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0db-card-action b{
  font-size:.78rem!important;
  line-height:1.05!important;
  font-weight:950!important;
}

body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0db-tile-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0db-tile-actions button{
  min-height:74px!important;
  border-radius:20px!important;
  padding:8px!important;
  display:grid!important;
  grid-template-rows:24px auto!important;
  place-items:center!important;
  gap:5px!important;
  text-align:center!important;
  background:var(--p4j0db-action-soft)!important;
  color:var(--p4j0db-action-ink)!important;
  -webkit-text-fill-color:var(--p4j0db-action-ink)!important;
  border:1px solid var(--p4j0db-action-line)!important;
  box-shadow:none!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0db-tile-actions button:first-child{
  grid-column:auto!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0db-tile-actions button span{
  font-size:1.1rem!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0db-tile-actions button b{
  font-size:.76rem!important;
  line-height:1.05!important;
  font-weight:950!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0db-tile-actions.is-small button{
  min-height:58px!important;
  border-radius:18px!important;
  grid-template-rows:18px auto!important;
}

@media(max-width:390px){
  body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0db-search-card{grid-template-columns:1fr!important;}
  body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0db-search-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0db-action-btn{width:100%!important;min-width:0!important;}
  body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page[data-event-renderer-owner="4J0DB"] .p4j0db-tile-actions{grid-template-columns:1fr 1fr!important;}
}


/* === public/assets/css/phase-4j0dc-event-discovery-monthly-calendar-date-picker.css === */
/* Phase 4J0DC — Event Discovery Monthly Calendar Date Picker
   Scope: event discovery only. Dual-theme paired. No bottom-nav/FAB/global button changes. */
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-calendar-card{
  margin: 12px 0 14px;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(15, 118, 90, .12);
  background:
    radial-gradient(circle at 92% 0%, rgba(183,255,53,.12), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,248,.96));
  box-shadow: 0 14px 34px rgba(6, 63, 51, .08);
  color: #10231f;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-head small,
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-selected span{
  display:block;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  color: rgba(16,35,31,.62);
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-head h2{
  margin:2px 0 0;
  font-size:17px;
  line-height:1.15;
  font-weight:900;
  color:#0b2d25;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-actions{
  display:flex;
  gap:8px;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-actions button{
  width:38px;
  height:38px;
  border-radius:14px;
  border:1px solid rgba(8,114,86,.18);
  background:rgba(255,255,255,.9);
  color:#063f33;
  font-size:22px;
  font-weight:900;
  line-height:1;
  box-shadow:0 8px 18px rgba(6,63,51,.06);
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-actions button:disabled{
  opacity:.34;
  box-shadow:none;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-weekdays,
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:6px;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-weekdays{
  margin:4px 0 7px;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-weekdays span{
  text-align:center;
  font-size:10px;
  font-weight:900;
  color:rgba(16,35,31,.52);
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-cell{
  position:relative;
  min-width:0;
  aspect-ratio:1/1;
  border-radius:14px;
  border:1px solid rgba(6,63,51,.08);
  background:rgba(255,255,255,.78);
  color:#12372f;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 5px 12px rgba(6,63,51,.035);
  font-size:12px;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-cell b{
  font-size:12px;
  font-weight:900;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-cell.is-empty{
  background:transparent;
  border-color:transparent;
  box-shadow:none;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-cell.is-disabled{
  background:rgba(148,163,184,.12);
  color:rgba(15,23,42,.28);
  border-color:rgba(148,163,184,.12);
  box-shadow:none;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-cell.is-today{
  border-color:rgba(8,114,86,.38);
  background:rgba(8,114,86,.08);
  color:#063f33;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-cell.has-event:not(.is-selected){
  border-color:rgba(8,114,86,.26);
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-cell.is-selected{
  background:linear-gradient(135deg,#063f33,#087256);
  color:#fff;
  border-color:rgba(183,255,53,.55);
  box-shadow:0 12px 22px rgba(8,114,86,.22);
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-dot{
  position:absolute;
  right:5px;
  bottom:5px;
  min-width:7px;
  height:7px;
  padding:0 3px;
  border-radius:999px;
  background:#b7ff35;
  color:#063f33;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:8px;
  font-weight:900;
  line-height:1;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-selected{
  margin-top:12px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px 12px;
  align-items:center;
  padding:10px 12px;
  border-radius:16px;
  background:rgba(8,114,86,.08);
  border:1px solid rgba(8,114,86,.14);
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-selected b{
  grid-column:1;
  font-size:13px;
  color:#0b2d25;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-selected button{
  grid-column:2;
  grid-row:1 / span 2;
  border:0;
  border-radius:13px;
  padding:9px 12px;
  font-size:12px;
  font-weight:900;
  background:#fff;
  color:#063f33;
  box-shadow:0 7px 14px rgba(6,63,51,.06);
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-calendar-card p{
  margin:10px 2px 0;
  font-size:12px;
  line-height:1.45;
  color:rgba(16,35,31,.64);
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-calendar-card{
  border-color:rgba(183,255,53,.14);
  background:
    radial-gradient(circle at 92% 0%, rgba(183,255,53,.10), transparent 34%),
    linear-gradient(180deg, rgba(10,32,28,.96), rgba(6,24,21,.97));
  color:#eaf8f1;
  box-shadow:0 16px 38px rgba(0,0,0,.24);
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-head small,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-selected span,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-weekdays span,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-calendar-card p{
  color:rgba(234,248,241,.66);
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-head h2,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-selected b{
  color:#f3fff8;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-actions button{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12);
  color:#eaffd0;
  box-shadow:none;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-cell{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.09);
  color:#eaf8f1;
  box-shadow:none;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-cell.is-disabled{
  background:rgba(255,255,255,.025);
  border-color:rgba(255,255,255,.04);
  color:rgba(234,248,241,.25);
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-cell.is-today{
  border-color:rgba(183,255,53,.35);
  background:rgba(183,255,53,.08);
  color:#f3fff8;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-cell.is-selected{
  background:linear-gradient(135deg,#0f7a5f,#b7ff35);
  color:#06241e;
  border-color:rgba(183,255,53,.62);
  box-shadow:0 12px 24px rgba(183,255,53,.14);
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-selected{
  background:rgba(183,255,53,.08);
  border-color:rgba(183,255,53,.14);
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-selected button{
  background:rgba(255,255,255,.09);
  color:#eaffd0;
  box-shadow:none;
}
@media (max-width:380px){
  body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-calendar-card{padding:12px;}
  body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-weekdays,
  body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-grid{gap:5px;}
  body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner="4J0DC"] .p4j0dc-cal-cell{border-radius:12px;}
}


/* === public/assets/css/phase-4j0dd-activity-host-history-sorting-reschedule-foundation.css === */
/* Phase 4J0DD — Activity Host Event History Sorting and Reschedule Foundation */
body:not(.ops-admin) .p4j0dd-activity-page{padding-bottom:calc(132px + env(safe-area-inset-bottom,0px));}
body:not(.ops-admin) .p4j0dd-event-list{gap:12px;}
body:not(.ops-admin) .p4j0dd-event-row{align-items:flex-start;gap:12px;border-radius:20px;}
body:not(.ops-admin) .p4j0dd-event-main{min-width:0;display:grid;gap:6px;flex:1;}
body:not(.ops-admin) .p4j0dd-event-title{display:flex;align-items:center;gap:8px;justify-content:space-between;min-width:0;}
body:not(.ops-admin) .p4j0dd-event-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body:not(.ops-admin) .p4j0dd-event-meta{display:flex;flex-wrap:wrap;gap:6px;}
body:not(.ops-admin) .p4j0dd-event-meta span{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900;background:rgba(0,102,77,.08);color:#35594e;}
body:not(.ops-admin) .p4j0dd-host-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:1000;letter-spacing:.02em;white-space:nowrap;}
body:not(.ops-admin) .p4j0dd-host-badge.is-upcoming{background:#dcfce7;color:#087248;}
body:not(.ops-admin) .p4j0dd-host-badge.is-past{background:#eef2f5;color:#526173;}
body:not(.ops-admin) .p4j0dd-host-badge.is-cancelled{background:#ffe5e5;color:#a51f1f;}
body:not(.ops-admin) .p4j0dd-host-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px;}
body:not(.ops-admin) .p4j0dd-host-actions button{border:1px solid rgba(6,63,51,.10);background:rgba(255,255,255,.88);color:#063f33;border-radius:14px;padding:9px 10px;font-size:11px;font-weight:1000;line-height:1.1;text-align:center;box-shadow:0 10px 22px rgba(0,70,45,.06);}
body:not(.ops-admin) .p4j0dd-host-actions button.is-primary{background:linear-gradient(135deg,#087256,#0da879);color:#fff;border-color:rgba(255,255,255,.20);}
body:not(.ops-admin) .p4j0dd-empty{border:1px dashed rgba(6,63,51,.18);border-radius:20px;}
body:not(.ops-admin) .p4j0dd-modal{position:fixed;inset:0;z-index:10080;display:grid;place-items:end center;padding:16px;}
body:not(.ops-admin) .p4j0dd-backdrop{position:absolute;inset:0;background:rgba(2,18,14,.42);backdrop-filter:blur(7px);}
body:not(.ops-admin) .p4j0dd-sheet{position:relative;width:min(560px,100%);max-height:min(86vh,720px);overflow:auto;border-radius:26px;background:#fbfffd;border:1px solid rgba(6,63,51,.13);box-shadow:0 30px 90px rgba(0,40,28,.24);color:#063f33;}
body:not(.ops-admin) .p4j0dd-sheet header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid rgba(6,63,51,.10);}
body:not(.ops-admin) .p4j0dd-sheet header small{display:block;color:#0a765a;text-transform:uppercase;letter-spacing:.14em;font-weight:1000;font-size:11px;}
body:not(.ops-admin) .p4j0dd-sheet header h2{margin:2px 0 0;font-size:20px;line-height:1.1;color:#063f33;}
body:not(.ops-admin) .p4j0dd-sheet header button{width:36px;height:36px;border-radius:14px;border:1px solid rgba(6,63,51,.12);background:#eef8f3;color:#063f33;font-weight:1000;}
body:not(.ops-admin) .p4j0dd-sheet-body{padding:18px;}
body:not(.ops-admin) .p4j0dd-form{display:grid;gap:12px;}
body:not(.ops-admin) .p4j0dd-form p{margin:0 0 4px;color:#49685e;font-weight:800;}
body:not(.ops-admin) .p4j0dd-form label{display:grid;gap:6px;font-size:12px;color:#49685e;font-weight:1000;}
body:not(.ops-admin) .p4j0dd-form input,body:not(.ops-admin) .p4j0dd-form textarea{width:100%;box-sizing:border-box;border-radius:16px;border:1px solid rgba(6,63,51,.14);background:#fff;color:#063f33;padding:12px 13px;font:inherit;font-weight:800;}
body:not(.ops-admin) .p4j0dd-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
body:not(.ops-admin) .p4j0dd-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:4px;}
body:not(.ops-admin) .p4j0dd-actions button{border:1px solid rgba(6,63,51,.12);border-radius:14px;background:#eef8f3;color:#063f33;font-weight:1000;padding:11px 14px;}
body:not(.ops-admin) .p4j0dd-actions button.is-primary{background:linear-gradient(135deg,#087256,#0da879);color:#fff;border-color:rgba(255,255,255,.20);}
body:not(.ops-admin) .p4j0dd-history{display:grid;gap:12px;}
body:not(.ops-admin) .p4j0dd-history p{margin:0;color:#49685e;font-weight:900;}
body:not(.ops-admin) .p4j0dd-history-list{display:grid;gap:10px;}
body:not(.ops-admin) .p4j0dd-history-list article{border:1px solid rgba(6,63,51,.11);border-radius:18px;background:rgba(6,63,51,.04);padding:12px;display:grid;gap:5px;}
body:not(.ops-admin) .p4j0dd-history-list b{color:#063f33;}
body:not(.ops-admin) .p4j0dd-history-list span,body:not(.ops-admin) .p4j0dd-history-list small{color:#49685e;}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-event-meta span{background:rgba(183,255,53,.10);color:#d9f7e8;border:1px solid rgba(183,255,53,.14);}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-host-badge.is-upcoming{background:rgba(30,185,111,.20);color:#8df7bd;}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-host-badge.is-past{background:rgba(255,255,255,.10);color:#cfddd8;}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-host-badge.is-cancelled{background:rgba(248,113,113,.16);color:#fecaca;}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-host-actions button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#f5fff9;box-shadow:none;}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-host-actions button.is-primary{background:linear-gradient(135deg,#087256,#12a875);color:#fff;}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-sheet{background:#08251f;border-color:rgba(255,255,255,.14);color:#f5fff9;box-shadow:0 30px 90px rgba(0,0,0,.42);}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-sheet header{border-color:rgba(255,255,255,.12);}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-sheet header small{color:#b7ff35;}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-sheet header h2,html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-history-list b{color:#f5fff9;}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-sheet header button,html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-actions button{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.14);color:#f5fff9;}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-form p,html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-form label,html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-history p,html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-history-list span,html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-history-list small{color:#c9ddd4;}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-form input,html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-form textarea{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#f5fff9;}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-history-list article{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);}
@media(max-width:520px){body:not(.ops-admin) .p4j0dd-host-actions{grid-template-columns:1fr;}body:not(.ops-admin) .p4j0dd-two{grid-template-columns:1fr;}body:not(.ops-admin) .p4j0dd-sheet{border-radius:24px 24px 0 0;}}


/* === public/assets/css/phase-4j0de-event-discovery-calendar-community-detail-action-fix.css === */
/* Phase 4J0DE — Event Discovery Calendar Layout And Community Detail Event Action Fix
   Scope: event discovery calendar + community detail event action affordance only.
   Dual-theme paired. No bottom-nav/FAB/global transition/global button changes. */
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-calendar-card{
  margin: 14px 0 16px;
  padding: 14px;
  border-radius: 24px;
  border: 1px solid rgba(6,63,51,.10);
  background:
    radial-gradient(circle at 92% 0%, rgba(183,255,53,.11), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,248,.94));
  box-shadow: 0 16px 38px rgba(6,63,51,.08);
  color:#0b2d25;
  overflow:hidden;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-head small,
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-selected span{
  display:block;
  font-size:11px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(6,63,51,.62);
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-head h2{
  margin:4px 0 0;
  font-size:20px;
  line-height:1.12;
  font-weight:950;
  letter-spacing:-.02em;
  color:#063f33;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-actions{
  display:flex;
  gap:8px;
  flex:0 0 auto;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-actions button{
  width:40px;
  height:40px;
  border-radius:15px;
  border:1px solid rgba(8,114,86,.16);
  background:rgba(255,255,255,.92);
  color:#063f33;
  font-size:22px;
  font-weight:950;
  line-height:1;
  box-shadow:0 8px 18px rgba(6,63,51,.06);
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-actions button:disabled{
  opacity:.35;
  cursor:not-allowed;
  box-shadow:none;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-weekdays,
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:6px;
  width:100%;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-weekdays{
  margin:2px 0 8px;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-weekdays span{
  text-align:center;
  font-size:10px;
  line-height:1;
  font-weight:950;
  color:rgba(6,63,51,.54);
  overflow:hidden;
  text-overflow:clip;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-cell{
  position:relative;
  min-width:0;
  width:100%;
  aspect-ratio:1/1;
  border-radius:13px;
  border:1px solid rgba(6,63,51,.10);
  background:rgba(255,255,255,.82);
  color:#12372f;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 5px 12px rgba(6,63,51,.035);
  font-size:12px;
  padding:0;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-cell b{
  font-size:12px;
  line-height:1;
  font-weight:950;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-cell.is-empty{
  background:transparent;
  border-color:transparent;
  box-shadow:none;
  pointer-events:none;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-cell.is-disabled{
  background:rgba(148,163,184,.12);
  color:rgba(15,23,42,.28);
  border-color:rgba(148,163,184,.12);
  box-shadow:none;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-cell.is-today{
  border-color:rgba(8,114,86,.38);
  background:rgba(8,114,86,.08);
  color:#063f33;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-cell.has-event:not(.is-selected){
  border-color:rgba(8,114,86,.28);
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-cell.is-selected{
  background:linear-gradient(135deg,#063f33,#087256);
  color:#fff;
  border-color:rgba(183,255,53,.58);
  box-shadow:0 12px 22px rgba(8,114,86,.22);
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-dot{
  position:absolute;
  right:5px;
  bottom:5px;
  min-width:7px;
  height:7px;
  padding:0 3px;
  border-radius:999px;
  background:#b7ff35;
  color:#063f33;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:8px;
  font-weight:950;
  line-height:1;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-selected{
  margin-top:12px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px 12px;
  align-items:center;
  padding:10px 12px;
  border-radius:17px;
  background:rgba(8,114,86,.08);
  border:1px solid rgba(8,114,86,.14);
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-selected b{
  grid-column:1;
  font-size:13px;
  color:#0b2d25;
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-selected button{
  grid-column:2;
  grid-row:1 / span 2;
  border:0;
  border-radius:14px;
  padding:9px 12px;
  font-size:12px;
  font-weight:950;
  background:#fff;
  color:#063f33;
  box-shadow:0 7px 14px rgba(6,63,51,.06);
}
body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-calendar-card p{
  margin:11px 2px 0;
  font-size:12px;
  line-height:1.45;
  color:rgba(16,35,31,.66);
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-calendar-card{
  border-color:rgba(183,255,53,.14);
  background:
    radial-gradient(circle at 92% 0%, rgba(183,255,53,.10), transparent 34%),
    linear-gradient(180deg, rgba(10,32,28,.96), rgba(6,24,21,.97));
  color:#eaf8f1;
  box-shadow:0 16px 38px rgba(0,0,0,.24);
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-head small,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-selected span,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-weekdays span,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-calendar-card p{
  color:rgba(234,248,241,.66);
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-head h2,
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-selected b{
  color:#f3fff8;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-actions button{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12);
  color:#eaffd0;
  box-shadow:none;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-cell{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.09);
  color:#eaf8f1;
  box-shadow:none;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-cell.is-disabled{
  background:rgba(255,255,255,.025);
  border-color:rgba(255,255,255,.04);
  color:rgba(234,248,241,.25);
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-cell.is-today{
  border-color:rgba(183,255,53,.35);
  background:rgba(183,255,53,.08);
  color:#f3fff8;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-cell.is-selected{
  background:linear-gradient(135deg,#0f7a5f,#b7ff35);
  color:#06241e;
  border-color:rgba(183,255,53,.62);
  box-shadow:0 12px 24px rgba(183,255,53,.14);
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-selected{
  background:rgba(183,255,53,.08);
  border-color:rgba(183,255,53,.14);
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-selected button{
  background:rgba(255,255,255,.09);
  color:#eaffd0;
  box-shadow:none;
}
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-community-event-card [data-p4j0br-action="openEvent"],
body:not(.ops-admin) .p4j0cj4-detail .p4j0cm-community-event-card [data-p4j0br-action="eventDetail"]{
  cursor:pointer;
}
@media (max-width:380px){
  body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-calendar-card{padding:12px;}
  body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-weekdays,
  body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-grid{gap:5px;}
  body:not(.ops-admin) .p4j0cu-page[data-event-renderer-owner] .p4j0dc-cal-cell{border-radius:12px;}
}


/* === public/assets/css/phase-4j0df-community-event-action-social-feed-repair.css === */
/* Phase 4J0DF — Community Event Action And Social Feed Repair */
@layer components {
  body:not(.ops-admin) .p4j0cj4-detail .p4j0df-feed-list{
    display:grid;
    gap:12px;
  }
  body:not(.ops-admin) .p4j0cj4-detail .p4j0df-social-post{
    display:grid;
    grid-template-columns:82px 1fr;
    gap:12px;
    align-items:stretch;
    padding:10px;
    border:1px solid rgba(7,58,46,.10);
    border-radius:18px;
    background:rgba(255,255,255,.86);
    box-shadow:0 10px 24px rgba(0,70,45,.06);
  }
  body:not(.ops-admin) .p4j0cj4-detail .p4j0df-post-media,
  body:not(.ops-admin) .p4j0cj4-detail .p4j0df-post-avatar{
    width:82px;
    min-height:82px;
    border:0;
    border-radius:16px;
    overflow:hidden;
    background:linear-gradient(135deg, rgba(6,63,51,.10), rgba(181,255,48,.14));
    display:flex;
    align-items:center;
    justify-content:center;
    color:#064234;
    font-weight:900;
    cursor:pointer;
  }
  body:not(.ops-admin) .p4j0cj4-detail .p4j0df-post-media img{
    width:100%; height:100%; object-fit:cover; display:block;
  }
  body:not(.ops-admin) .p4j0cj4-detail .p4j0df-post-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:5px;
  }
  body:not(.ops-admin) .p4j0cj4-detail .p4j0df-post-meta{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    color:rgba(7,58,46,.62);
    font-size:11px;
    font-weight:800;
    letter-spacing:.02em;
  }
  body:not(.ops-admin) .p4j0cj4-detail .p4j0df-post-copy h3{
    margin:0;
    color:#063f33;
    font-size:15px;
    line-height:1.12;
    font-weight:900;
  }
  body:not(.ops-admin) .p4j0cj4-detail .p4j0df-post-copy p{
    margin:0;
    color:rgba(7,58,46,.72);
    font-size:12px;
    line-height:1.35;
  }
  body:not(.ops-admin) .p4j0cj4-detail .p4j0df-post-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-top:4px;
  }
  body:not(.ops-admin) .p4j0cj4-detail .p4j0df-post-btn,
  body:not(.ops-admin) .p4j0cj4-detail .p4j0df-load-more{
    appearance:none;
    border:1px solid rgba(7,58,46,.14);
    border-radius:999px;
    min-height:34px;
    padding:0 14px;
    background:#087256;
    color:#fff;
    font-weight:900;
    cursor:pointer;
  }
  body:not(.ops-admin) .p4j0cj4-detail .p4j0df-post-btn.is-ghost{
    background:#f4faf6;
    color:#063f33;
  }
  body:not(.ops-admin) .p4j0cj4-detail .p4j0df-feed-loading,
  body:not(.ops-admin) .p4j0cj4-detail .p4j0df-feed-empty{
    padding:16px;
    border-radius:18px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(7,58,46,.10);
    color:#063f33;
    display:grid;
    gap:4px;
  }
  body:not(.ops-admin) .p4j0cj4-detail .p4j0df-load-more{
    width:100%;
    margin-top:12px;
  }
  html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0df-social-post{
    background:rgba(8,35,30,.92);
    border-color:rgba(183,255,53,.20);
    box-shadow:0 16px 32px rgba(0,0,0,.22);
  }
  html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0df-post-media,
  html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0df-post-avatar{
    background:linear-gradient(135deg, rgba(183,255,53,.16), rgba(8,114,86,.32));
    color:#efffe9;
  }
  html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0df-post-meta,
  html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0df-post-copy p{
    color:rgba(239,255,233,.72);
  }
  html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0df-post-copy h3{
    color:#fff;
  }
  html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0df-post-btn.is-ghost{
    background:rgba(239,255,233,.08);
    color:#efffe9;
    border-color:rgba(183,255,53,.24);
  }
  html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0df-feed-loading,
  html[data-theme="dark"] body:not(.ops-admin) .p4j0cj4-detail .p4j0df-feed-empty{
    background:rgba(8,35,30,.90);
    border-color:rgba(183,255,53,.20);
    color:#efffe9;
  }
  @media (max-width:420px){
    body:not(.ops-admin) .p4j0cj4-detail .p4j0df-social-post{ grid-template-columns:68px 1fr; }
    body:not(.ops-admin) .p4j0cj4-detail .p4j0df-post-media,
    body:not(.ops-admin) .p4j0cj4-detail .p4j0df-post-avatar{ width:68px; min-height:68px; }
  }
}


/* === public/assets/css/phase-4j0dh-event-session-history-timeline-multisession-clarity.css === */
/* Phase 4J0DH — Event Session History Timeline and Multi-session Clarity */
body:not(.ops-admin) .event-detail-screen .p4j0dh-event-session-card,
body:not(.ops-admin) .p4j0dd-modal .p4j0dh-history {
  border: 1px solid rgba(10, 79, 62, .12);
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,251,249,.94));
  box-shadow: 0 18px 44px rgba(10, 67, 47, .10);
  border-radius: 24px;
  padding: 16px;
  margin: 12px 0;
  color: var(--text, #12362d);
}
body:not(.ops-admin) .event-detail-screen .p4j0dh-event-session-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
body:not(.ops-admin) .event-detail-screen .p4j0dh-event-session-card header span {
  display: block;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(7, 102, 75, .86);
  font-weight: 800;
}
body:not(.ops-admin) .event-detail-screen .p4j0dh-event-session-card h2 {
  margin: 3px 0 4px;
  font-size: 18px;
  line-height: 1.15;
  color: inherit;
}
body:not(.ops-admin) .event-detail-screen .p4j0dh-event-session-card p {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.45;
  color: rgba(28, 57, 48, .74);
}
body:not(.ops-admin) .event-detail-screen .p4j0dh-session-refresh,
body:not(.ops-admin) .event-detail-screen .p4j0dh-host-shortcuts button,
body:not(.ops-admin) .p4j0dd-modal .p4j0dh-history button {
  border: 1px solid rgba(8, 114, 86, .20);
  border-radius: 14px;
  background: rgba(8, 114, 86, .09);
  color: #07533f;
  font-weight: 800;
  min-height: 38px;
  padding: 8px 12px;
}
body:not(.ops-admin) .event-detail-screen .p4j0dh-session-list,
body:not(.ops-admin) .p4j0dd-modal .p4j0dh-session-timeline,
body:not(.ops-admin) .p4j0dd-modal .p4j0dh-change-list {
  display: grid;
  gap: 10px;
}
body:not(.ops-admin) .event-detail-screen .p4j0dh-session-item,
body:not(.ops-admin) .event-detail-screen .p4j0dh-change-item,
body:not(.ops-admin) .event-detail-screen .p4j0dh-session-error,
body:not(.ops-admin) .p4j0dd-modal .p4j0dh-session-row,
body:not(.ops-admin) .p4j0dd-modal .p4j0dh-change-list article,
body:not(.ops-admin) .p4j0dd-modal .p4j0dd-history-list article {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(5, 90, 67, .10);
  border-radius: 18px;
  background: rgba(255,255,255,.72);
  padding: 12px;
}
body:not(.ops-admin) .event-detail-screen .p4j0dh-session-error {
  grid-template-columns: 1fr;
}
body:not(.ops-admin) .event-detail-screen .p4j0dh-session-no {
  min-width: 64px;
  border-radius: 14px;
  background: rgba(183, 255, 53, .26);
  color: #064331;
  padding: 8px 10px;
  font-weight: 900;
  text-align: center;
  font-size: 12px;
}
body:not(.ops-admin) .event-detail-screen .p4j0dh-session-copy b,
body:not(.ops-admin) .event-detail-screen .p4j0dh-change-item b,
body:not(.ops-admin) .p4j0dd-modal .p4j0dh-session-row b,
body:not(.ops-admin) .p4j0dd-modal .p4j0dh-change-list b {
  display: block;
  color: inherit;
  font-size: 13.5px;
  line-height: 1.25;
}
body:not(.ops-admin) .event-detail-screen .p4j0dh-session-copy span,
body:not(.ops-admin) .event-detail-screen .p4j0dh-change-item span,
body:not(.ops-admin) .event-detail-screen .p4j0dh-session-error span,
body:not(.ops-admin) .p4j0dd-modal .p4j0dh-session-row span,
body:not(.ops-admin) .p4j0dd-modal .p4j0dh-change-list span,
body:not(.ops-admin) .p4j0dd-modal .p4j0dh-change-list small {
  display: block;
  margin-top: 3px;
  color: rgba(34, 58, 51, .70);
  font-size: 12px;
  line-height: 1.35;
}
body:not(.ops-admin) .event-detail-screen .p4j0dh-session-item em,
body:not(.ops-admin) .p4j0dd-modal .p4j0dh-session-row.is-current::after {
  content: 'Aktif';
  align-self: center;
  border-radius: 999px;
  background: rgba(8, 114, 86, .12);
  color: #07533f;
  font-style: normal;
  font-size: 11px;
  font-weight: 900;
  padding: 6px 9px;
}
body:not(.ops-admin) .event-detail-screen .p4j0dh-session-item.is-current,
body:not(.ops-admin) .p4j0dd-modal .p4j0dh-session-row.is-current {
  border-color: rgba(8, 114, 86, .34);
  box-shadow: 0 10px 24px rgba(8, 114, 86, .10);
}
body:not(.ops-admin) .event-detail-screen .p4j0dh-change-timeline {
  margin-top: 12px;
  display: grid;
  gap: 8px;
}
body:not(.ops-admin) .event-detail-screen .p4j0dh-change-timeline h3 {
  margin: 2px 0 0;
  font-size: 13px;
  color: rgba(13, 56, 43, .80);
}
body:not(.ops-admin) .event-detail-screen .p4j0dh-host-shortcuts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 12px;
}
body:not(.ops-admin) .p4j0dd-modal .p4j0dh-session-note {
  border: 1px solid rgba(8, 114, 86, .16);
  background: rgba(8, 114, 86, .08);
  color: #07533f;
  border-radius: 16px;
  padding: 10px 12px;
  font-size: 12.5px;
  line-height: 1.35;
  font-weight: 750;
  margin: 8px 0 12px;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dh-event-session-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-modal .p4j0dh-history {
  border-color: rgba(183,255,53,.16);
  background: linear-gradient(180deg, rgba(11, 30, 26, .97), rgba(7, 20, 18, .96));
  box-shadow: 0 18px 44px rgba(0,0,0,.35);
  color: #f4fff8;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dh-event-session-card header span { color: rgba(183,255,53,.82); }
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dh-event-session-card p,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dh-session-copy span,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dh-change-item span,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dh-session-error span,
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-modal .p4j0dh-session-row span,
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-modal .p4j0dh-change-list span,
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-modal .p4j0dh-change-list small { color: rgba(235,255,242,.72); }
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dh-session-item,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dh-change-item,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dh-session-error,
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-modal .p4j0dh-session-row,
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-modal .p4j0dh-change-list article,
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-modal .p4j0dd-history-list article {
  background: rgba(255,255,255,.055);
  border-color: rgba(255,255,255,.10);
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dh-session-no { background: rgba(183,255,53,.18); color: #dfff92; }
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dh-session-refresh,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dh-host-shortcuts button,
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-modal .p4j0dh-history button {
  background: rgba(183,255,53,.12);
  border-color: rgba(183,255,53,.22);
  color: #e8ffad;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dh-session-item em,
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-modal .p4j0dh-session-row.is-current::after {
  background: rgba(183,255,53,.16);
  color: #e8ffad;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dd-modal .p4j0dh-session-note {
  background: rgba(183,255,53,.10);
  border-color: rgba(183,255,53,.18);
  color: #e8ffad;
}
@media (max-width: 520px) {
  body:not(.ops-admin) .event-detail-screen .p4j0dh-event-session-card { padding: 14px; border-radius: 22px; }
  body:not(.ops-admin) .event-detail-screen .p4j0dh-event-session-card header { flex-direction: column; }
  body:not(.ops-admin) .event-detail-screen .p4j0dh-session-item,
  body:not(.ops-admin) .p4j0dd-modal .p4j0dh-session-row { grid-template-columns: 1fr; }
  body:not(.ops-admin) .event-detail-screen .p4j0dh-session-no { width: fit-content; }
}


/* === public/assets/css/phase-4j0dj-event-detail-entry-load-order-reliability.css === */
/* Phase 4J0DJ — Event Detail Entry Load and Order Reliability */
body:not(.ops-admin) .event-detail-screen.p4j0dj-loading-screen {
  min-height: 55vh;
  display: grid;
  align-items: start;
  padding-bottom: calc(150px + env(safe-area-inset-bottom, 0px));
}
body:not(.ops-admin) .p4j0dj-loading-card,
body:not(.ops-admin) .event-detail-screen .p4j0dj-load-notice {
  border: 1px solid rgba(8,114,86,.14);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,251,248,.94));
  box-shadow: 0 18px 44px rgba(10,67,47,.10);
  color: #083d32;
  padding: 18px;
  margin: 12px 0;
}
body:not(.ops-admin) .p4j0dj-loading-card h2 {
  margin: 4px 0 8px;
  font-size: 22px;
  line-height: 1.1;
}
body:not(.ops-admin) .p4j0dj-loading-card p,
body:not(.ops-admin) .event-detail-screen .p4j0dj-load-notice span,
body:not(.ops-admin) .p4j0dj-loading-card small {
  display: block;
  color: rgba(22,57,48,.72);
  font-size: 13px;
  line-height: 1.45;
}
body:not(.ops-admin) .p4j0dj-loading-bars {
  display: grid;
  gap: 8px;
  margin: 16px 0;
}
body:not(.ops-admin) .p4j0dj-loading-bars span {
  display: block;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(8,114,86,.08), rgba(8,114,86,.22), rgba(183,255,53,.18));
  animation: p4j0djPulse 1.25s ease-in-out infinite;
}
body:not(.ops-admin) .p4j0dj-loading-bars span:nth-child(2){ width: 82%; animation-delay: .12s; }
body:not(.ops-admin) .p4j0dj-loading-bars span:nth-child(3){ width: 64%; animation-delay: .24s; }
@keyframes p4j0djPulse { 0%,100%{ opacity:.45; transform:scaleX(.96);} 50%{opacity:1; transform:scaleX(1);} }
body:not(.ops-admin) .p4j0dj-refresh,
body:not(.ops-admin) .event-detail-screen .p4j0dj-load-notice button {
  border: 1px solid rgba(8,114,86,.20);
  border-radius: 16px;
  min-height: 42px;
  padding: 9px 14px;
  background: rgba(8,114,86,.10);
  color: #07533f;
  font-weight: 900;
}
body:not(.ops-admin) .event-detail-screen .p4j0dj-load-notice {
  display: grid;
  gap: 8px;
}
body:not(.ops-admin) .event-detail-screen[data-p4j0dj-order="stable"] > .event-identity-card { order: 1; }
body:not(.ops-admin) .event-detail-screen[data-p4j0dj-order="stable"] > .p4j0cr-event-tabs { order: 2; }
body:not(.ops-admin) .event-detail-screen[data-p4j0dj-order="stable"] > .p4j0cr-event-tab-panel { order: 3; }
body:not(.ops-admin) .event-detail-screen[data-p4j0dj-order="stable"] > [data-p4j0dh-session-card] { order: 4; }
html[data-theme="dark"] body:not(.ops-admin) .p4j0dj-loading-card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dj-load-notice {
  border-color: rgba(183,255,53,.16);
  background: linear-gradient(180deg, rgba(11,30,26,.98), rgba(7,20,18,.96));
  box-shadow: 0 18px 44px rgba(0,0,0,.35);
  color: #f4fff8;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dj-loading-card p,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dj-load-notice span,
html[data-theme="dark"] body:not(.ops-admin) .p4j0dj-loading-card small { color: rgba(244,255,248,.76); }
html[data-theme="dark"] body:not(.ops-admin) .p4j0dj-refresh,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dj-load-notice button {
  border-color: rgba(183,255,53,.22);
  background: rgba(183,255,53,.10);
  color: #f4fff8;
}


/* === public/assets/css/phase-4j0dk-event-detail-stable-layout-owner.css === */
/* Phase 4J0DK — Event Detail Stable Layout Owner and Section Grouping */
body:not(.ops-admin) .event-detail-screen[data-p4j0dk-layout="stable"]{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding-bottom:calc(130px + env(safe-area-inset-bottom,0px));
}
body:not(.ops-admin) .event-detail-screen[data-p4j0dk-layout="stable"] > .btn-row{ order:1; margin-bottom:0; }
body:not(.ops-admin) .event-detail-screen[data-p4j0dk-layout="stable"] > .event-identity-card{ order:2; margin-bottom:0; }
body:not(.ops-admin) .event-detail-screen[data-p4j0dk-layout="stable"] > [data-p4j0dk-tabs]{ order:3; }
body:not(.ops-admin) .event-detail-screen[data-p4j0dk-layout="stable"] > [data-p4j0dk-panel-stack]{ order:4; }
body:not(.ops-admin) .event-detail-screen[data-p4j0dk-layout="stable"] > .p4j0cr-event-tabs,
body:not(.ops-admin) .event-detail-screen[data-p4j0dk-layout="stable"] > .p4j0cr-event-tab-panel:empty{
  display:none !important;
}
body:not(.ops-admin) .event-detail-screen[data-p4j0dk-layout="stable"] [data-p4j0cr-event-tab-panel]{
  min-height:0;
}
body:not(.ops-admin) .p4j0dk-event-tabs{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
  position:sticky;
  top:6px;
  z-index:8;
  padding:7px;
  border:1px solid rgba(9,86,68,.10);
  border-radius:22px;
  background:rgba(255,255,255,.88);
  box-shadow:0 14px 32px rgba(10,67,47,.10);
  backdrop-filter:blur(14px);
}
body:not(.ops-admin) .p4j0dk-event-tabs button{
  appearance:none;
  border:1px solid rgba(9,86,68,.09);
  border-radius:16px;
  background:rgba(248,252,250,.82);
  color:var(--text-strong,#073b31);
  min-width:0;
  min-height:48px;
  padding:7px 5px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  font:inherit;
  cursor:pointer;
}
body:not(.ops-admin) .p4j0dk-event-tabs button span{ font-size:15px; line-height:1; }
body:not(.ops-admin) .p4j0dk-event-tabs button b{ font-size:10.8px; line-height:1.05; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
body:not(.ops-admin) .p4j0dk-event-tabs button.is-active,
body:not(.ops-admin) .p4j0dk-event-tabs button[aria-selected="true"]{
  border-color:rgba(0,132,95,.26);
  background:linear-gradient(135deg,rgba(0,132,95,.96),rgba(4,111,84,.92));
  color:#fff;
  box-shadow:0 10px 20px rgba(0,132,95,.18);
}
body:not(.ops-admin) .p4j0dk-panel-stack{ display:block; min-width:0; }
body:not(.ops-admin) .p4j0dk-panel{ display:flex; flex-direction:column; gap:12px; min-width:0; }
body:not(.ops-admin) .p4j0dk-panel[hidden]{ display:none !important; }
body:not(.ops-admin) .p4j0dk-panel > .card,
body:not(.ops-admin) .p4j0dk-panel > section,
body:not(.ops-admin) .p4j0dk-panel > article{
  margin:0 !important;
}
body:not(.ops-admin) .event-detail-screen[data-p4j0dk-layout="stable"] .participant-flow-card,
body:not(.ops-admin) .event-detail-screen[data-p4j0dk-layout="stable"] .game-engine-card,
body:not(.ops-admin) .event-detail-screen[data-p4j0dk-layout="stable"] .p4j0dh-event-session-card,
body:not(.ops-admin) .event-detail-screen[data-p4j0dk-layout="stable"] .p4j0ce-event-chat-card{
  width:100%;
  box-sizing:border-box;
}
body:not(.ops-admin) .p4j0dk-empty{
  border:1px solid rgba(9,86,68,.10);
  border-radius:20px;
  background:rgba(255,255,255,.72);
  box-shadow:0 12px 28px rgba(10,67,47,.08);
  padding:16px;
  display:grid;
  gap:5px;
  color:var(--text-strong,#073b31);
}
body:not(.ops-admin) .p4j0dk-empty span{ color:var(--text-muted,#667085); font-size:13px; line-height:1.45; }
body:not(.ops-admin) .event-detail-screen[data-p4j0dk-layout="stable"] .p4j0dh-event-session-card header{
  gap:10px;
}
body:not(.ops-admin) .event-detail-screen[data-p4j0dk-layout="stable"] .p4j0dh-session-refresh,
body:not(.ops-admin) .event-detail-screen[data-p4j0dk-layout="stable"] .p4j0dk-small-refresh{
  font-size:12px;
  min-height:34px;
  padding:7px 10px;
  border-radius:13px;
}
body:not(.ops-admin) .event-detail-screen[data-p4j0dk-layout="stable"] .p4j0dh-session-error{ display:none !important; }
body:not(.ops-admin) .event-detail-screen[data-p4j0dk-layout="stable"] .p4j0dk-session-fallback{ display:flex; flex-direction:column; gap:8px; }
body:not(.ops-admin) .event-detail-screen[data-p4j0dk-layout="stable"] .p4j0dk-host-hidden-for-player{ display:none !important; }
@media(max-width:420px){
  body:not(.ops-admin) .p4j0dk-event-tabs{ gap:5px; padding:6px; border-radius:19px; }
  body:not(.ops-admin) .p4j0dk-event-tabs button{ min-height:44px; border-radius:14px; padding:6px 3px; }
  body:not(.ops-admin) .p4j0dk-event-tabs button b{ font-size:10px; }
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dk-event-tabs{
  border-color:rgba(129,230,188,.14);
  background:rgba(9,18,16,.88);
  box-shadow:0 16px 36px rgba(0,0,0,.34);
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dk-event-tabs button{
  border-color:rgba(129,230,188,.12);
  background:rgba(17,28,25,.82);
  color:#ecfdf5;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dk-event-tabs button.is-active,
html[data-theme="dark"] body:not(.ops-admin) .p4j0dk-event-tabs button[aria-selected="true"]{
  border-color:rgba(183,255,53,.26);
  background:linear-gradient(135deg,rgba(9,113,88,.95),rgba(21,84,69,.92));
  color:#f4fff8;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dk-empty{
  border-color:rgba(129,230,188,.14);
  background:rgba(17,28,25,.82);
  box-shadow:0 14px 34px rgba(0,0,0,.32);
  color:#ecfdf5;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0dk-empty span{ color:#b7c8c1; }


/* === public/assets/css/phase-4j0dl-event-detail-real-layout-owner-cleanup.css === */
/* Phase 4J0DL — Event Detail Real Layout Owner Cleanup */
body:not(.ops-admin) .event-detail-screen[data-p4j0dl-layout="real-owner"]{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding-bottom:calc(132px + env(safe-area-inset-bottom,0px));
  scroll-margin-top:0;
}
body:not(.ops-admin) .event-detail-screen[data-p4j0dl-layout="real-owner"] > .btn-row{ order:1; margin-bottom:0; }
body:not(.ops-admin) .event-detail-screen[data-p4j0dl-layout="real-owner"] > .event-identity-card{ order:2; margin-bottom:0; }
body:not(.ops-admin) .event-detail-screen[data-p4j0dl-layout="real-owner"] > [data-p4j0dl-shell]{ order:3; }
body:not(.ops-admin) .event-detail-screen[data-p4j0dl-layout="real-owner"] > :not(.btn-row):not(.event-identity-card):not([data-p4j0dl-shell]){ order:4; }
body:not(.ops-admin) .event-detail-screen .p4j0dl-owner-shell{ display:flex; flex-direction:column; gap:10px; min-width:0; }
body:not(.ops-admin) .event-detail-screen .p4j0dl-event-tabs{
  display:flex;
  gap:8px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  padding:7px;
  border:1px solid rgba(8,114,86,.12);
  border-radius:22px;
  background:rgba(255,255,255,.90);
  box-shadow:0 12px 28px rgba(10,67,47,.09);
  backdrop-filter:blur(14px);
  position:sticky;
  top:6px;
  z-index:8;
  scrollbar-width:none;
}
body:not(.ops-admin) .event-detail-screen .p4j0dl-event-tabs::-webkit-scrollbar{ display:none; }
body:not(.ops-admin) .event-detail-screen .p4j0dl-event-tabs button{
  appearance:none;
  border:1px solid rgba(8,114,86,.10);
  border-radius:16px;
  background:rgba(248,252,250,.86);
  color:var(--text-strong,#073b31);
  min-height:44px;
  min-width:76px;
  padding:7px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font:inherit;
  font-weight:800;
  white-space:nowrap;
}
body:not(.ops-admin) .event-detail-screen .p4j0dl-event-tabs button span{ font-size:14px; line-height:1; }
body:not(.ops-admin) .event-detail-screen .p4j0dl-event-tabs button b{ font-size:11.5px; line-height:1; }
body:not(.ops-admin) .event-detail-screen .p4j0dl-event-tabs button.is-active,
body:not(.ops-admin) .event-detail-screen .p4j0dl-event-tabs button[aria-selected="true"]{
  border-color:rgba(0,132,95,.26);
  background:linear-gradient(135deg,rgba(0,132,95,.96),rgba(4,111,84,.92));
  color:#fff;
  box-shadow:0 10px 20px rgba(0,132,95,.16);
}
body:not(.ops-admin) .event-detail-screen .p4j0dl-panel-stack{ display:block; min-width:0; }
body:not(.ops-admin) .event-detail-screen .p4j0dl-panel{ display:flex; flex-direction:column; gap:12px; min-width:0; }
body:not(.ops-admin) .event-detail-screen .p4j0dl-panel[hidden]{ display:none !important; }
body:not(.ops-admin) .event-detail-screen .p4j0dl-panel > .card,
body:not(.ops-admin) .event-detail-screen .p4j0dl-panel > article,
body:not(.ops-admin) .event-detail-screen .p4j0dl-panel > section,
body:not(.ops-admin) .event-detail-screen .p4j0dl-panel > div{ margin:0 !important; width:100%; box-sizing:border-box; }
body:not(.ops-admin) .event-detail-screen .p4j0dl-empty{
  border:1px solid rgba(8,114,86,.11);
  border-radius:20px;
  background:rgba(255,255,255,.76);
  box-shadow:0 12px 26px rgba(10,67,47,.08);
  padding:15px;
  display:grid;
  gap:5px;
  color:var(--text-strong,#073b31);
}
body:not(.ops-admin) .event-detail-screen .p4j0dl-empty span{ color:var(--text-muted,#667085); font-size:13px; line-height:1.45; }
body:not(.ops-admin) .event-detail-screen .p4j0dl-legacy-hidden,
body:not(.ops-admin) .event-detail-screen .p4j0dl-host-hidden,
body:not(.ops-admin) .event-detail-screen .p4j0dl-debug-hidden{ display:none !important; }
body:not(.ops-admin) .event-detail-screen[data-p4j0dl-layout="real-owner"] .p4j0dh-session-error{ display:none !important; }
body:not(.ops-admin) .event-detail-screen[data-p4j0dl-layout="real-owner"] .p4j0dl-small-refresh,
body:not(.ops-admin) .event-detail-screen[data-p4j0dl-layout="real-owner"] .p4j0dh-session-refresh{
  font-size:12px;
  min-height:34px;
  padding:7px 10px;
  border-radius:13px;
}
body:not(.ops-admin) .event-detail-screen[data-p4j0dl-layout="real-owner"] .p4j0dl-session-fallback{ display:flex; flex-direction:column; gap:8px; }
@media(max-width:420px){
  body:not(.ops-admin) .event-detail-screen .p4j0dl-event-tabs{ gap:6px; padding:6px; border-radius:19px; }
  body:not(.ops-admin) .event-detail-screen .p4j0dl-event-tabs button{ min-width:68px; min-height:42px; padding:6px 8px; border-radius:14px; }
  body:not(.ops-admin) .event-detail-screen .p4j0dl-event-tabs button b{ font-size:10.5px; }
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dl-event-tabs{
  border-color:rgba(129,230,188,.14);
  background:rgba(9,18,16,.90);
  box-shadow:0 16px 36px rgba(0,0,0,.34);
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dl-event-tabs button{
  border-color:rgba(129,230,188,.12);
  background:rgba(17,28,25,.84);
  color:#ecfdf5;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dl-event-tabs button.is-active,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dl-event-tabs button[aria-selected="true"]{
  border-color:rgba(183,255,53,.26);
  background:linear-gradient(135deg,rgba(9,113,88,.95),rgba(21,84,69,.92));
  color:#f4fff8;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dl-empty{
  border-color:rgba(129,230,188,.14);
  background:rgba(17,28,25,.82);
  box-shadow:0 14px 34px rgba(0,0,0,.32);
  color:#ecfdf5;
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen .p4j0dl-empty span{ color:#b7c8c1; }


/* === public/assets/css/phase-4j0dm-event-detail-canonical-renderer.css === */
/* Phase 4J0DM — Event Detail Canonical Renderer CSS. Scoped only to Event Detail. */
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail{
  --p4j0dm-gap: 12px;
  display:flex;
  flex-direction:column;
  gap:var(--p4j0dm-gap);
  padding-bottom:calc(92px + env(safe-area-inset-bottom,0px));
}
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-back-row{display:flex;align-items:center;gap:8px;margin-bottom:0;}
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-hero-card{margin:0;}
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-tabs{
  position:sticky;top:0;z-index:5;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;
  padding:8px;border:1px solid var(--line,#e7edf3);border-radius:18px;background:color-mix(in srgb,var(--surface,#fff) 94%,transparent);box-shadow:0 10px 24px rgba(15,23,42,.06);backdrop-filter:blur(12px);
}
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-tabs button{
  appearance:none;border:0;border-radius:14px;background:transparent;color:var(--muted,#64748b);min-height:46px;padding:6px 4px;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.05;
}
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-tabs button b{font-size:11px;font-weight:800;white-space:nowrap;}
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-tabs button span{font-size:15px;}
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-tabs button.is-active{
  background:var(--primary-soft,rgba(37,99,235,.11));color:var(--primary,#2563eb);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary,#2563eb) 20%,transparent);
}
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-panel-stack{display:block;min-height:0;}
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-panel{display:flex;flex-direction:column;gap:12px;min-height:0;}
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-panel > .card,
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-panel > section{margin:0;}
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .participant-summary-grid{gap:8px;}
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .participant-list{display:flex;flex-direction:column;gap:8px;}
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-participant-row{margin:0;}
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-host-toolbar,
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-host-actions{display:flex;flex-wrap:wrap;gap:8px;}
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-empty{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:16px;border:1px dashed var(--line,#e7edf3);background:var(--surface-soft,#f8fafc);color:var(--muted,#64748b);}
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-empty strong{color:var(--text,#0f172a);}
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-session-card{border-radius:20px;}
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dh-session-error button,
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dh-session-refresh{white-space:nowrap;}
body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-bottom-safe{height:20px;}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-tabs,
body.dark:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-tabs{
  border-color:rgba(148,163,184,.18);background:rgba(15,23,42,.88);box-shadow:0 12px 30px rgba(0,0,0,.30);
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-tabs button,
body.dark:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-tabs button{color:rgba(226,232,240,.72);}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-tabs button.is-active,
body.dark:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-tabs button.is-active{background:rgba(59,130,246,.18);color:#bfdbfe;box-shadow:inset 0 0 0 1px rgba(147,197,253,.20);}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-empty,
body.dark:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-empty{background:rgba(15,23,42,.55);border-color:rgba(148,163,184,.22);color:rgba(226,232,240,.74);}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-empty strong,
body.dark:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-empty strong{color:#f8fafc;}
@media (max-width:420px){
  body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-tabs{gap:4px;padding:6px;border-radius:16px;}
  body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-tabs button{min-height:43px;border-radius:12px;}
  body:not(.ops-admin) .event-detail-screen.p4j0dm-event-detail .p4j0dm-tabs button b{font-size:10px;}
}


/* === public/assets/css/phase-4j0dn-event-detail-canonical-cleanup-verification.css === */
/* Phase 4J0DN — Event Detail Canonical Cleanup Verification CSS. Scoped only to .p4j0dn-event-detail. */
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail{
  --p4j0dn-text: var(--text,#0f3f36);
  --p4j0dn-muted: var(--muted,#53756d);
  --p4j0dn-surface: var(--surface,#ffffff);
  --p4j0dn-soft: var(--surface-soft,#f6fbf6);
  --p4j0dn-line: var(--line,rgba(13,64,54,.14));
  --p4j0dn-primary: var(--primary,#007f5f);
  display:flex;flex-direction:column;gap:12px;max-width:460px;margin:0 auto;padding:10px 12px calc(118px + env(safe-area-inset-bottom,0px));color:var(--p4j0dn-text);
}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail [data-p4j0ce-event-tabs],
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail [data-p4j0cr-event-tabs],
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail [data-p4j0cr-event-tab-panel]{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-back-row{display:flex;margin:0 0 2px;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-hero-card,
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-status-card,
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-session-card,
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-info-card,
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-participant-card,
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-chat-card,
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-doc-card,
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-host-tools{
  border:1px solid var(--p4j0dn-line);border-radius:20px;background:var(--p4j0dn-surface);box-shadow:0 12px 28px rgba(13,64,54,.08);padding:14px;color:var(--p4j0dn-text);margin:0;
}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-hero-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-hero-top span,
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-card-head span,
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-info-card>span,
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-status-card span{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:900;color:var(--p4j0dn-primary);}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail h1{font-size:22px;line-height:1.06;margin:3px 0 6px;color:var(--p4j0dn-text);}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail p{margin:0;color:var(--p4j0dn-muted);line-height:1.35;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-hero-top>b{border-radius:999px;background:rgba(0,127,95,.10);color:var(--p4j0dn-primary);padding:7px 10px;font-size:12px;white-space:nowrap;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-role-line{margin-top:12px;border:1px solid var(--p4j0dn-line);border-radius:16px;background:var(--p4j0dn-soft);padding:10px;display:flex;justify-content:space-between;gap:10px;color:var(--p4j0dn-text);}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-tabs{position:sticky;top:0;z-index:6;background:color-mix(in srgb,var(--p4j0dn-surface) 94%,transparent);border:1px solid var(--p4j0dn-line);border-radius:18px;padding:6px;box-shadow:0 12px 24px rgba(13,64,54,.10);backdrop-filter:blur(12px);}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-tabs>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-tabs button{appearance:none;border:0;border-radius:13px;background:transparent;color:var(--p4j0dn-muted);min-height:43px;padding:5px 3px;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-tabs button b{font-size:10px;font-weight:900;line-height:1.1;white-space:nowrap;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-tabs button.is-active{background:rgba(0,127,95,.12);color:var(--p4j0dn-primary);box-shadow:inset 0 0 0 1px rgba(0,127,95,.18);}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-panel-stack,.event-detail-screen.p4j0dn-event-detail .p4j0dn-panel{display:flex;flex-direction:column;gap:12px;min-height:0;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-status-card{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-status-card strong,
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-card-head strong,
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-info-card strong{display:block;font-size:18px;line-height:1.1;color:var(--p4j0dn-text);margin:3px 0 5px;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-status-card em{font-style:normal;border-radius:999px;background:rgba(0,127,95,.10);color:var(--p4j0dn-primary);padding:6px 9px;font-size:11px;font-weight:900;white-space:nowrap;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-session-item{margin-top:10px;border-radius:16px;background:var(--p4j0dn-soft);border:1px solid var(--p4j0dn-line);padding:12px;display:flex;flex-direction:column;gap:4px;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-session-item b{color:var(--p4j0dn-text);}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-summary-grid b{border-radius:14px;background:var(--p4j0dn-soft);border:1px solid var(--p4j0dn-line);padding:10px;text-align:center;color:var(--p4j0dn-text);}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-summary-grid small{display:block;color:var(--p4j0dn-muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-host-toolbar,.event-detail-screen.p4j0dn-event-detail .p4j0dn-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-chip-row button{border:1px solid var(--p4j0dn-line);background:var(--p4j0dn-surface);color:var(--p4j0dn-text);border-radius:999px;padding:8px 10px;font-weight:800;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-chip-row button.is-active{background:var(--p4j0dn-primary);color:#fff;border-color:var(--p4j0dn-primary);}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-search{width:100%;min-height:44px;border:1px solid var(--p4j0dn-line);border-radius:14px;background:var(--p4j0dn-surface);color:var(--p4j0dn-text);padding:0 12px;margin:0 0 10px;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-player-list{display:flex;flex-direction:column;gap:8px;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-player-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid var(--p4j0dn-line);border-radius:16px;padding:10px;background:var(--p4j0dn-soft);}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-avatar{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:rgba(0,127,95,.14);color:var(--p4j0dn-primary);font-weight:900;object-fit:cover;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-player-row strong{display:block;color:var(--p4j0dn-text);}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-player-row span{color:var(--p4j0dn-muted);font-size:12px;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-empty{border:1px dashed var(--p4j0dn-line);border-radius:16px;background:var(--p4j0dn-soft);padding:18px;text-align:center;color:var(--p4j0dn-muted);}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-empty strong{display:block;color:var(--p4j0dn-text);margin-bottom:4px;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-loading{border-radius:16px;background:var(--p4j0dn-soft);border:1px solid var(--p4j0dn-line);padding:14px;color:var(--p4j0dn-muted);text-align:center;}
body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-bottom-safe{height:18px;}
@media (min-width:760px){body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail{max-width:520px;padding-left:18px;padding-right:18px;}}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail,
body.dark:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail{--p4j0dn-text:#eefcf6;--p4j0dn-muted:rgba(226,252,242,.72);--p4j0dn-surface:rgba(11,28,24,.94);--p4j0dn-soft:rgba(21,48,42,.82);--p4j0dn-line:rgba(187,247,208,.16);--p4j0dn-primary:#86efac;}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-hero-card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-status-card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-session-card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-info-card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-participant-card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-chat-card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-doc-card,
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-host-tools,
body.dark:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-hero-card,
body.dark:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-status-card,
body.dark:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-session-card,
body.dark:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-info-card,
body.dark:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-participant-card,
body.dark:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-chat-card,
body.dark:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-doc-card,
body.dark:not(.ops-admin) .event-detail-screen.p4j0dn-event-detail .p4j0dn-host-tools{box-shadow:0 14px 32px rgba(0,0,0,.32);}


/* === public/assets/css/phase-4j0dp-event-detail-hero-standard-spacing-polish.css === */
/* Phase 4J0DP — Event Detail Hero Standard and Spacing Polish
   Scoped to .event-detail-screen.p4j0dp-event-detail only. */
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail{
  --p4j0dp-primary:#007f5f;
  --p4j0dp-primary-dark:#005642;
  --p4j0dp-accent:#b7ff36;
  --p4j0dp-text:#053f35;
  --p4j0dp-muted:#55726b;
  --p4j0dp-surface:rgba(255,255,255,.94);
  --p4j0dp-soft:rgba(236,248,241,.88);
  --p4j0dp-line:rgba(8,70,58,.12);
  width:min(100%,520px);
  margin:0 auto;
  padding:18px 14px calc(140px + env(safe-area-inset-bottom,0px));
  display:flex;
  flex-direction:column;
  gap:12px;
  color:var(--p4j0dp-text);
}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail [data-p4j0ce-event-tabs],
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail [data-p4j0cr-event-tabs],
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail [data-p4j0cr-event-tab-panel]{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-back-row{display:flex;margin:0 0 2px;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-back-row .btn{border-radius:18px;font-weight:900;box-shadow:0 8px 20px rgba(11,70,57,.08);}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-hero-card{
  position:relative;overflow:hidden;border:1px solid rgba(183,255,54,.22);border-radius:24px;
  background:radial-gradient(circle at 92% 12%,rgba(183,255,54,.32),transparent 28%),linear-gradient(135deg,var(--p4j0dp-primary-dark),var(--p4j0dp-primary));
  box-shadow:0 16px 36px rgba(0,86,66,.22);padding:16px;color:#fff;margin:0;
}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-hero-glow{position:absolute;right:-50px;bottom:-70px;width:150px;height:150px;border-radius:999px;background:rgba(183,255,54,.20);filter:blur(2px);pointer-events:none;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-hero-top{position:relative;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-hero-top span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:950;color:rgba(229,255,237,.84);}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-hero-top h1{font-size:24px;line-height:1.04;margin:4px 0 8px;color:#fff;letter-spacing:-.025em;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-hero-top p{margin:0;color:rgba(240,255,248,.86);line-height:1.28;font-weight:700;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-hero-top>b{border-radius:999px;background:rgba(255,255,255,.92);color:var(--p4j0dp-primary);padding:7px 10px;font-size:12px;white-space:nowrap;box-shadow:0 8px 18px rgba(0,0,0,.14);}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-role-line{position:relative;margin-top:14px;border:1px solid rgba(255,255,255,.22);border-radius:17px;background:rgba(255,255,255,.13);padding:11px 12px;display:flex;justify-content:space-between;gap:10px;color:#fff;backdrop-filter:blur(10px);}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-role-line strong{font-weight:950;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-role-line span{font-weight:800;color:rgba(255,255,255,.92);text-align:right;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-tabs{position:sticky;top:0;z-index:6;width:100%;background:rgba(255,255,255,.92);border:1px solid var(--p4j0dp-line);border-radius:20px;padding:6px;box-shadow:0 14px 28px rgba(13,64,54,.10);backdrop-filter:blur(12px);}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-tabs>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-tabs button{appearance:none;border:0;border-radius:15px;background:transparent;color:var(--p4j0dp-muted);min-height:48px;padding:6px 2px;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-tabs button span{font-size:18px;line-height:1;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-tabs button b{font-size:10px;font-weight:950;line-height:1.1;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-tabs button.is-active{background:rgba(0,127,95,.12);color:var(--p4j0dp-primary);box-shadow:inset 0 0 0 1px rgba(0,127,95,.18);}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-panel-stack,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-panel{display:flex;flex-direction:column;gap:10px;min-height:0;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-status-card,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-session-card,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-info-card,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-participant-card,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-chat-card,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-doc-card,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-host-tools{
  border:1px solid var(--p4j0dp-line);border-radius:22px;background:var(--p4j0dp-surface);box-shadow:0 12px 28px rgba(13,64,54,.08);padding:14px;color:var(--p4j0dp-text);margin:0;
}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-status-card{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-card-head span,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-info-card>span,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-status-card span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:950;color:var(--p4j0dp-primary);}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-status-card strong,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-card-head strong,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-info-card strong{display:block;font-size:18px;line-height:1.1;color:var(--p4j0dp-text);margin:3px 0 5px;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail p{margin:0;color:var(--p4j0dp-muted);line-height:1.36;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-status-card em{font-style:normal;border-radius:999px;background:rgba(0,127,95,.10);color:var(--p4j0dp-primary);padding:6px 9px;font-size:11px;font-weight:950;white-space:nowrap;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-session-item{margin-top:10px;border-radius:16px;background:var(--p4j0dp-soft);border:1px solid var(--p4j0dp-line);padding:11px 12px;display:flex;flex-direction:column;gap:4px;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-session-item b{color:var(--p4j0dp-text);}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-summary-grid b{border-radius:15px;background:var(--p4j0dp-soft);border:1px solid var(--p4j0dp-line);padding:10px;text-align:center;color:var(--p4j0dp-text);font-size:19px;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-summary-grid small{display:block;color:var(--p4j0dp-muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-host-toolbar,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-chip-row button{border:1px solid var(--p4j0dp-line);background:var(--p4j0dp-surface);color:var(--p4j0dp-text);border-radius:999px;padding:8px 10px;font-weight:850;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-chip-row button.is-active{background:var(--p4j0dp-primary);color:#fff;border-color:var(--p4j0dp-primary);}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-search{width:100%;min-height:44px;border:1px solid var(--p4j0dp-line);border-radius:14px;background:var(--p4j0dp-surface);color:var(--p4j0dp-text);padding:0 12px;margin:10px 0;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-player-list{display:flex;flex-direction:column;gap:8px;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-player-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid var(--p4j0dp-line);border-radius:16px;padding:10px;background:var(--p4j0dp-soft);}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-avatar{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:rgba(0,127,95,.14);color:var(--p4j0dp-primary);font-weight:950;object-fit:cover;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-player-row strong{display:block;color:var(--p4j0dp-text);}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-player-row span{color:var(--p4j0dp-muted);font-size:12px;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-empty{border:1px dashed var(--p4j0dp-line);border-radius:16px;background:var(--p4j0dp-soft);padding:18px;text-align:center;color:var(--p4j0dp-muted);}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-empty strong{display:block;color:var(--p4j0dp-text);margin-bottom:4px;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-loading{border-radius:16px;background:var(--p4j0dp-soft);border:1px solid var(--p4j0dp-line);padding:14px;color:var(--p4j0dp-muted);text-align:center;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-doc-card .p4j0cc-doc-form{margin-top:12px;}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-bottom-safe{height:26px;}
@media (max-width:420px){
  body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail{padding-left:12px;padding-right:12px;gap:11px;}
  body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-hero-card{padding:15px;border-radius:22px;}
  body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-tabs button b{font-size:9.5px;}
  body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-hero-top h1{font-size:22px;}
}
@media (min-width:760px){body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail{max-width:540px;padding-left:18px;padding-right:18px;}}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail,
body.dark:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail{--p4j0dp-text:#eefcf6;--p4j0dp-muted:rgba(226,252,242,.74);--p4j0dp-surface:rgba(11,28,24,.94);--p4j0dp-soft:rgba(21,48,42,.82);--p4j0dp-line:rgba(187,247,208,.16);--p4j0dp-primary:#86efac;--p4j0dp-primary-dark:#073d31;}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-hero-card,
body.dark:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-hero-card{background:radial-gradient(circle at 92% 12%,rgba(183,255,54,.20),transparent 28%),linear-gradient(135deg,#04261f,#00694f);box-shadow:0 18px 36px rgba(0,0,0,.34);}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-tabs,
body.dark:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail .p4j0dp-tabs{background:rgba(11,28,24,.90);}


/* === public/assets/css/phase-4j0dq-event-detail-hero-size-standard-lock.css === */
/* Phase 4J0DQ — Event Detail Hero Size Standard Lock
   Scope only: .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail.
   Purpose: standardize Event Detail hero width, height, and FSD green colors with the page card/tab width. */
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail{
  --event-hero-standard-max-width:560px;
  --event-hero-standard-gutter:14px;
  --event-hero-standard-radius:24px;
  --event-hero-standard-min-height:154px;
  --event-hero-standard-bg:linear-gradient(135deg,var(--brand-green-2,#063f33) 0%,var(--brand-green,#087256) 58%,#0f8f63 100%);
  --event-hero-standard-accent:var(--brand-lime,#b7ff35);
  width:min(100%,var(--event-hero-standard-max-width))!important;
  max-width:var(--event-hero-standard-max-width)!important;
  box-sizing:border-box!important;
  padding-left:var(--event-hero-standard-gutter)!important;
  padding-right:var(--event-hero-standard-gutter)!important;
  align-items:stretch!important;
}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-back-row,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-hero-card,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-tabs,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-panel-stack,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-panel,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-status-card,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-session-card,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-info-card,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-participant-card,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-chat-card,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-doc-card,
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-host-tools{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  align-self:stretch!important;
}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-hero-card{
  min-height:var(--event-hero-standard-min-height)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  border-radius:var(--event-hero-standard-radius)!important;
  background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--event-hero-standard-accent) 36%,transparent),transparent 30%),var(--event-hero-standard-bg)!important;
  border:1px solid color-mix(in srgb,var(--event-hero-standard-accent) 26%,transparent)!important;
  box-shadow:0 18px 42px rgba(0,86,66,.22)!important;
  padding:18px!important;
}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-hero-top{
  width:100%!important;
}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-hero-top h1{
  font-size:clamp(22px,5.6vw,28px)!important;
  max-width:100%!important;
}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-hero-top p{
  font-size:clamp(13px,3.4vw,15px)!important;
}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-role-line{
  width:100%!important;
  box-sizing:border-box!important;
  margin-top:16px!important;
}
body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-tabs{
  margin-top:2px!important;
}
@media (max-width:420px){
  body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail{
    --event-hero-standard-gutter:12px;
    --event-hero-standard-min-height:150px;
    --event-hero-standard-radius:22px;
  }
  body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-hero-card{padding:16px!important;}
}
@media (min-width:760px){
  body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail{
    --event-hero-standard-max-width:560px;
    --event-hero-standard-gutter:18px;
  }
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail,
body.dark:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail{
  --event-hero-standard-bg:linear-gradient(135deg,#04261f 0%,#00694f 62%,#087256 100%);
}
html[data-theme="dark"] body:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-hero-card,
body.dark:not(.ops-admin) .event-detail-screen.p4j0dp-event-detail.p4j0dq-event-detail .p4j0dp-hero-card{
  box-shadow:0 18px 42px rgba(0,0,0,.36)!important;
}


/* === public/assets/css/phase-4j0dr-event-detail-documentation-isolation-exclusive-tabs.css === */
/* Phase 4J0DR — Event Detail Documentation Isolation And Exclusive Tabs
   Scoped to canonical Event Detail only. */
.event-detail-screen.p4j0dr-event-detail > .p4j0cc-documentation-card,
.event-detail-screen.p4j0dr-event-detail > [data-p4j0cc-doc-card],
.event-detail-screen.p4j0dr-event-detail .p4j0dh-event-session-card,
.event-detail-screen.p4j0dr-event-detail [data-p4j0dh-session-card]{
  display:none !important;
}
.event-detail-screen.p4j0dr-event-detail:not([data-p4j0dr-active-tab="docs"]) .p4j0dp-panel:not([data-p4j0dp-panel="docs"]) .p4j0cc-documentation-card,
.event-detail-screen.p4j0dr-event-detail:not([data-p4j0dr-active-tab="docs"]) .p4j0dn-panel:not([data-p4j0dn-panel="docs"]) .p4j0cc-documentation-card{
  display:none !important;
}
.event-detail-screen.p4j0dr-event-detail [data-p4j0dp-panel="chat"] .p4j0cc-documentation-card,
.event-detail-screen.p4j0dr-event-detail [data-p4j0dn-panel="chat"] .p4j0cc-documentation-card,
.event-detail-screen.p4j0dr-event-detail [data-p4j0dp-panel="info"] .p4j0cc-documentation-card,
.event-detail-screen.p4j0dr-event-detail [data-p4j0dn-panel="info"] .p4j0cc-documentation-card,
.event-detail-screen.p4j0dr-event-detail [data-p4j0dp-panel="participants"] .p4j0cc-documentation-card,
.event-detail-screen.p4j0dr-event-detail [data-p4j0dn-panel="participants"] .p4j0cc-documentation-card,
.event-detail-screen.p4j0dr-event-detail [data-p4j0dp-panel="game"] .p4j0cc-documentation-card,
.event-detail-screen.p4j0dr-event-detail [data-p4j0dn-panel="game"] .p4j0cc-documentation-card{
  display:none !important;
}


/* === public/assets/css/phase-4j0ds-event-detail-chat-panel-hydration-restore.css === */
/* Phase 4J0DS — scoped Event Detail chat restore */
body:not(.ops-admin) .event-detail-screen.p4j0ds-event-detail[data-p4j0dr-active-tab="chat"] .p4j0dp-panel-stack{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:0;
}
body:not(.ops-admin) .event-detail-screen.p4j0ds-event-detail .p4j0ds-chat-card{
  background:var(--p4j0dp-card,#fff);
  border:1px solid var(--p4j0dp-line,rgba(15,91,71,.14));
  border-radius:22px;
  box-shadow:0 16px 34px rgba(15,91,71,.08);
  padding:16px;
  color:var(--p4j0dp-text,#044236);
}
body:not(.ops-admin) .event-detail-screen.p4j0ds-event-detail .p4j0ds-chat-loading,
body:not(.ops-admin) .event-detail-screen.p4j0ds-event-detail .p4j0ce-empty{
  border:1px dashed rgba(0,127,95,.18);
  border-radius:18px;
  background:rgba(0,127,95,.05);
  color:var(--p4j0dp-muted,#57716c);
  padding:18px 14px;
  text-align:center;
  font-weight:800;
}
body:not(.ops-admin) .event-detail-screen.p4j0ds-event-detail [data-p4j0dp-panel="chat"] .p4j0cc-documentation-card,
body:not(.ops-admin) .event-detail-screen.p4j0ds-event-detail [data-p4j0ds-panel="chat"] .p4j0cc-documentation-card,
body:not(.ops-admin) .event-detail-screen.p4j0ds-event-detail [data-p4j0dp-panel="chat"] [data-p4j0cc-doc-card],
body:not(.ops-admin) .event-detail-screen.p4j0ds-event-detail [data-p4j0ds-panel="chat"] [data-p4j0cc-doc-card]{
  display:none!important;
}
@media (max-width:520px){
  body:not(.ops-admin) .event-detail-screen.p4j0ds-event-detail .p4j0ds-chat-card{padding:14px;border-radius:20px;}
}


/* === public/assets/css/phase-4j0dt-community-detail-feed-isolation-exclusive-tabs.css === */
/* Phase 4J0DT — community detail feed isolation */
.p4j0cj4-detail[data-p4j0dt-owner="community-detail-feed-isolation"]:not([data-p4j0dt-active-tab="feed"]) .p4j0cj4-feed-card,
.p4j0cj4-detail[data-p4j0dt-owner="community-detail-feed-isolation"]:not([data-p4j0dt-active-tab="feed"]) .p4j0cn-feed-card,
.p4j0cn-detail[data-p4j0dt-owner="community-detail-feed-isolation"]:not([data-p4j0dt-active-tab="feed"]) .p4j0cj4-feed-card,
.p4j0cn-detail[data-p4j0dt-owner="community-detail-feed-isolation"]:not([data-p4j0dt-active-tab="feed"]) .p4j0cn-feed-card{
  display:none !important;
}
.p4j0cj4-detail[data-p4j0dt-active-tab="summary"] .p4j0cj4-events-card,
.p4j0cj4-detail[data-p4j0dt-active-tab="summary"] .p4j0cn-events-card{
  margin-bottom:clamp(86px,18vh,132px);
}


/* === public/assets/css/phase-4j0du-community-page-hero-fsd-standardization-card-polish.css === */
/* Phase 4J0DU — Community page FSD hero standardization and card polish. Scoped only. */
body:not(.ops-admin) .p4j0du-community-page{
  width:min(560px, calc(100vw - 24px));
  margin:0 auto;
  padding:12px 0 calc(116px + env(safe-area-inset-bottom));
  display:grid;
  gap:14px;
  color:var(--text-primary, #063d31);
}
body:not(.ops-admin) .p4j0du-hero,
body:not(.ops-admin) .p4j0du-toolbar,
body:not(.ops-admin) .p4j0du-card,
body:not(.ops-admin) .p4j0du-empty{
  box-sizing:border-box;
  width:100%;
  border-radius:24px;
  border:1px solid var(--border, rgba(8,68,49,.12));
  box-shadow:var(--shadow-soft, 0 18px 48px rgba(3,46,32,.10));
}
body:not(.ops-admin) .p4j0du-hero{
  min-height:184px;
  padding:18px;
  display:grid;
  gap:14px;
  overflow:hidden;
  isolation:isolate;
  position:relative;
  color:#fff;
  background:
    radial-gradient(circle at 92% 18%, rgba(190,255,72,.28), transparent 34%),
    radial-gradient(circle at 86% 100%, rgba(71,184,81,.48), transparent 38%),
    linear-gradient(135deg, var(--brand-green-2, #043f30) 0%, var(--brand-green, #007a55) 58%, var(--brand-lime, #9fe63a) 140%);
}
body:not(.ops-admin) .p4j0du-hero::after{content:"";position:absolute;right:-40px;bottom:-58px;width:170px;height:170px;border-radius:999px;background:rgba(182,255,58,.12);border:1px solid rgba(255,255,255,.14);z-index:-1;}
body:not(.ops-admin) .p4j0du-hero-copy small,
body:not(.ops-admin) .p4j0du-section-title small{
  display:block;
  margin:0 0 4px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:.68rem;
  font-weight:1000;
}
body:not(.ops-admin) .p4j0du-hero-copy small{color:rgba(255,255,255,.76);}
body:not(.ops-admin) .p4j0du-hero h1{margin:0;font-size:1.35rem;line-height:1.08;font-weight:1000;color:#fff;}
body:not(.ops-admin) .p4j0du-hero p{margin:5px 0 0;max-width:32rem;line-height:1.34;color:rgba(255,255,255,.9);font-weight:750;}
body:not(.ops-admin) .p4j0du-hero-actions{display:grid;grid-template-columns:1fr;gap:10px;}
body:not(.ops-admin) .p4j0du-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
body:not(.ops-admin) .p4j0du-hero-stats span{border:1px solid rgba(255,255,255,.20);border-radius:16px;padding:10px;background:rgba(255,255,255,.13);backdrop-filter:blur(10px);text-align:center;}
body:not(.ops-admin) .p4j0du-hero-stats b{display:block;font-size:1.12rem;line-height:1;color:#fff;}
body:not(.ops-admin) .p4j0du-hero-stats small{display:block;margin-top:4px;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.84);font-weight:950;}
body:not(.ops-admin) .p4j0du-toolbar{padding:12px;background:var(--bg-card, #fff);display:grid;gap:10px;}
body:not(.ops-admin) .p4j0du-search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0 12px;min-height:46px;border-radius:16px;border:1px solid var(--border, rgba(8,68,49,.14));background:var(--bg-surface, #f8fcf7);}
body:not(.ops-admin) .p4j0du-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text-primary, #063d31);font:inherit;font-size:16px;font-weight:850;}
body:not(.ops-admin) .p4j0du-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px;border-radius:18px;background:var(--bg-surface, #f4faf3);border:1px solid var(--border, rgba(8,68,49,.10));}
body:not(.ops-admin) .p4j0du-tab{min-height:40px;border:0;border-radius:14px;background:transparent;color:var(--text-secondary, #55756b);font-weight:1000;font-size:.78rem;transform:none!important;box-shadow:none!important;}
body:not(.ops-admin) .p4j0du-tab.is-active{background:var(--brand-green, #007a55);color:#fff;box-shadow:inset 0 -3px 0 rgba(183,255,53,.55), 0 8px 18px rgba(0,122,85,.14)!important;}
body:not(.ops-admin) .p4j0du-sort{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:9px 12px;border-radius:16px;border:1px solid var(--border, rgba(8,68,49,.12));background:var(--bg-surface, #f8fcf7);}
body:not(.ops-admin) .p4j0du-sort span{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:1000;color:var(--text-secondary, #55756b);}
body:not(.ops-admin) .p4j0du-sort select{border:0;background:transparent;color:var(--text-primary, #063d31);font-weight:1000;text-align:right;outline:0;}
body:not(.ops-admin) .p4j0du-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:4px 0 8px;color:var(--text-primary, #063d31);}
body:not(.ops-admin) .p4j0du-section-title h2{margin:0;font-size:1.05rem;line-height:1.12;font-weight:1000;}
body:not(.ops-admin) .p4j0du-section-title p{margin:2px 0 0;color:var(--text-secondary, #55756b);font-size:.82rem;line-height:1.25;}
body:not(.ops-admin) .p4j0du-section-title small{padding:5px 8px;border-radius:999px;background:var(--accent-soft, #e9f8ee);color:var(--text-primary, #063d31);white-space:nowrap;}
body:not(.ops-admin) .p4j0du-card{background:var(--bg-card, #fff);overflow:hidden;margin-bottom:10px;}
body:not(.ops-admin) .p4j0du-featured{display:grid;gap:12px;padding:10px;}
body:not(.ops-admin) .p4j0du-cover{min-height:150px;border-radius:20px;display:flex;align-items:flex-end;overflow:hidden;position:relative;background:
  linear-gradient(180deg,rgba(4,43,32,.05),rgba(4,43,32,.72)),
  var(--p4j0du-cover),
  linear-gradient(135deg, var(--brand-green-2, #043f30), var(--brand-green, #007a55));background-size:cover;background-position:center;}
body:not(.ops-admin) .p4j0du-cover-copy{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:end;padding:14px;color:#fff;position:relative;z-index:1;}
body:not(.ops-admin) .p4j0du-cover-copy h3{margin:0;font-size:1.12rem;line-height:1.08;color:#fff;}
body:not(.ops-admin) .p4j0du-cover-copy p{margin:4px 0 0;color:rgba(255,255,255,.9);font-size:.78rem;line-height:1.24;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
body:not(.ops-admin) .p4j0du-cover-avatar,
body:not(.ops-admin) .p4j0du-row-avatar{display:grid;place-items:center;overflow:hidden;border-radius:999px;background:linear-gradient(135deg,var(--brand-lime,#9fe63a),var(--brand-green,#007a55));color:var(--text-primary,#063d31);font-weight:1000;border:3px solid rgba(255,255,255,.86);}
body:not(.ops-admin) .p4j0du-cover-avatar{width:54px;height:54px;}
body:not(.ops-admin) .p4j0du-cover-avatar img,
body:not(.ops-admin) .p4j0du-row-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
body:not(.ops-admin) .p4j0du-chip-row{display:flex;gap:6px;flex-wrap:wrap;}
body:not(.ops-admin) .p4j0du-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 8px;border-radius:999px;background:var(--accent-soft,#e9f8ee);color:var(--text-primary,#063d31);font-size:.68rem;font-weight:1000;}
body:not(.ops-admin) .p4j0du-badge.active{background:rgba(176,255,72,.22);}
body:not(.ops-admin) .p4j0du-badge.role{background:rgba(0,122,85,.10);}
body:not(.ops-admin) .p4j0du-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
body:not(.ops-admin) .p4j0du-btn{min-height:46px;border-radius:15px;border:1px solid var(--border, rgba(8,68,49,.12));font-weight:1000;transform:none!important;}
body:not(.ops-admin) .p4j0du-btn.primary{background:var(--brand-green,#007a55);border-color:var(--brand-green,#007a55);color:#fff;box-shadow:0 12px 24px rgba(0,122,85,.16);}
body:not(.ops-admin) .p4j0du-btn.secondary{background:var(--bg-card,#fff);color:var(--text-primary,#063d31);}
body:not(.ops-admin) .p4j0du-list{display:grid;gap:10px;}
body:not(.ops-admin) .p4j0du-row{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:center;padding:12px;}
body:not(.ops-admin) .p4j0du-row-media{width:78px;height:78px;border-radius:18px;background:linear-gradient(135deg,rgba(159,230,58,.28),rgba(0,122,85,.14));background-image:var(--p4j0du-cover);background-size:cover;background-position:center;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border, rgba(8,68,49,.10));}
body:not(.ops-admin) .p4j0du-row-avatar{width:54px;height:54px;}
body:not(.ops-admin) .p4j0du-row-copy{min-width:0;}
body:not(.ops-admin) .p4j0du-row-copy h3{margin:0;font-size:1rem;line-height:1.1;font-weight:1000;color:var(--text-primary,#063d31);}
body:not(.ops-admin) .p4j0du-row-copy p{margin:3px 0 7px;color:var(--text-secondary,#55756b);font-size:.76rem;line-height:1.24;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
body:not(.ops-admin) .p4j0du-row .p4j0du-actions{grid-column:1 / -1;}
body:not(.ops-admin) .p4j0du-empty{padding:22px;text-align:center;background:var(--bg-card,#fff);display:grid;gap:5px;}
body:not(.ops-admin) .p4j0du-empty strong{font-weight:1000;color:var(--text-primary,#063d31);}
body:not(.ops-admin) .p4j0du-empty span{color:var(--text-secondary,#55756b);}
body:not(.ops-admin) .p4j0du-load{width:100%;min-height:46px;border-radius:16px;border:1px solid var(--border,rgba(8,68,49,.12));background:var(--bg-card,#fff);color:var(--text-primary,#063d31);font-weight:1000;box-shadow:var(--shadow-soft,0 14px 32px rgba(3,46,32,.08));}
@media (max-width:420px){
  body:not(.ops-admin) .p4j0du-community-page{width:min(560px, calc(100vw - 20px));gap:12px;}
  body:not(.ops-admin) .p4j0du-hero{min-height:176px;padding:16px;border-radius:22px;}
  body:not(.ops-admin) .p4j0du-tabs{gap:5px;}
  body:not(.ops-admin) .p4j0du-tab{font-size:.72rem;}
  body:not(.ops-admin) .p4j0du-actions{grid-template-columns:1fr;}
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0du-toolbar,
body.dark:not(.ops-admin) .p4j0du-toolbar,
html[data-theme="dark"] body:not(.ops-admin) .p4j0du-card,
body.dark:not(.ops-admin) .p4j0du-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0du-empty,
body.dark:not(.ops-admin) .p4j0du-empty{background:var(--bg-card,#10251f);}


/* === public/assets/css/phase-4j0dv-community-media-hero-restore-entity-standard.css === */
/* Phase 4J0DV — community media hero restore and entity hero standard. Scoped only. */
html[data-p4j0dv-community-entity-hero="1"] body:not(.ops-admin) .p4j0cj4-detail[data-p4j0dv-owner="community-media-entity-hero"] .p4j0co-hero[data-p4j0co-cover="1"]{
  min-height:210px;
  display:grid;
  align-content:end;
  padding:18px;
  background:
    linear-gradient(135deg, var(--brand-green-2, #043f30) 0%, var(--brand-green, #007a55) 70%, var(--brand-lime, #9fe63a) 150%);
}
html[data-p4j0dv-community-entity-hero="1"] body:not(.ops-admin) .p4j0cj4-detail[data-p4j0dv-owner="community-media-entity-hero"] .p4j0co-hero[data-p4j0co-cover="1"]::before{
  opacity:.82;
  filter:saturate(1.05) contrast(1.04);
  transform:scale(1.02);
}
html[data-p4j0dv-community-entity-hero="1"] body:not(.ops-admin) .p4j0cj4-detail[data-p4j0dv-owner="community-media-entity-hero"] .p4j0co-hero[data-p4j0co-cover="1"]::after{
  background:
    linear-gradient(180deg, rgba(3,26,20,.08) 0%, rgba(3,26,20,.48) 48%, rgba(3,26,20,.88) 100%),
    linear-gradient(90deg, rgba(3,26,20,.78), rgba(3,26,20,.32) 54%, rgba(3,26,20,.58));
}
html[data-p4j0dv-community-entity-hero="1"] body:not(.ops-admin) .p4j0cj4-detail[data-p4j0dv-owner="community-media-entity-hero"] .p4j0co-hero .p4j0br-detail-main{
  align-items:end;
}
html[data-p4j0dv-community-entity-hero="1"] body:not(.ops-admin) .p4j0cj4-detail[data-p4j0dv-owner="community-media-entity-hero"] .p4j0co-hero .p4j0br-detail-avatar{
  width:62px;
  height:62px;
  min-width:62px;
}
html[data-p4j0dv-community-entity-hero="1"] body:not(.ops-admin) .p4j0cj4-detail[data-p4j0dv-owner="community-media-entity-hero"] .p4j0co-hero h1{
  font-size:clamp(1.35rem, 5vw, 1.85rem);
  line-height:1.02;
}
html[data-p4j0dv-community-entity-hero="1"] body:not(.ops-admin) .p4j0cj4-detail[data-p4j0dv-owner="community-media-entity-hero"] .p4j0co-hero p{
  max-width:28rem;
}
html[data-p4j0dv-community-entity-hero="1"] body:not(.ops-admin) .p4j0du-card .p4j0du-cover[style*="--p4j0du-cover"]{
  min-height:168px;
}
html[data-p4j0dv-community-entity-hero="1"] body:not(.ops-admin) .p4j0du-card .p4j0du-cover[style*="--p4j0du-cover"]::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(3,26,20,.04), rgba(3,26,20,.74));
  z-index:0;
}
html[data-p4j0dv-community-entity-hero="1"] body:not(.ops-admin) .p4j0du-card .p4j0du-cover-copy{
  z-index:1;
}
@media (max-width:420px){
  html[data-p4j0dv-community-entity-hero="1"] body:not(.ops-admin) .p4j0cj4-detail[data-p4j0dv-owner="community-media-entity-hero"] .p4j0co-hero[data-p4j0co-cover="1"]{
    min-height:198px;
  }
}


/* === public/assets/css/phase-4j0dw-community-media-source-audit-cover-restore.css === */
/* Phase 4J0DW — community media source audit and cover restore. Scoped only. */
html[data-p4j0dw-community-media-audit="1"] body:not(.ops-admin) .p4j0du-cover[data-p4j0du-cover="1"]{
  background-image:
    linear-gradient(180deg,rgba(4,43,32,.05),rgba(4,43,32,.74)),
    var(--p4j0du-cover),
    linear-gradient(135deg,var(--brand-green-2,#043f30),var(--brand-green,#007a55));
  background-size:cover, cover, cover;
  background-position:center, center, center;
}
html[data-p4j0dw-community-media-audit="1"] body:not(.ops-admin) .p4j0du-row-media.has-cover[data-p4j0du-cover="1"]{
  background-image:
    linear-gradient(180deg,rgba(4,43,32,.08),rgba(4,43,32,.42)),
    var(--p4j0du-cover),
    linear-gradient(135deg,var(--brand-green-2,#043f30),var(--brand-green,#007a55));
  background-size:cover, cover, cover;
  background-position:center, center, center;
}
html[data-p4j0dw-community-media-audit="1"] body:not(.ops-admin) .p4j0du-row-media:not(.has-cover){
  background:
    radial-gradient(circle at 80% 20%,rgba(190,255,72,.30),transparent 36%),
    linear-gradient(135deg,rgba(4,63,48,.98),rgba(0,122,85,.76));
}
html[data-p4j0dw-community-media-audit="1"] body:not(.ops-admin) .p4j0du-row-media:not(.has-cover) .p4j0du-row-avatar{
  background:rgba(255,255,255,.92);
  color:var(--brand-green-2,#043f30);
}
html[data-p4j0dw-community-media-audit="1"] body:not(.ops-admin) .p4j0du-cover:not([data-p4j0du-cover="1"]){
  background:
    radial-gradient(circle at 84% 20%,rgba(190,255,72,.28),transparent 36%),
    linear-gradient(135deg,var(--brand-green-2,#043f30),var(--brand-green,#007a55));
}
html[data-p4j0dw-community-media-audit="1"] body:not(.ops-admin) .p4j0du-card .p4j0du-cover-copy{
  text-shadow:0 1px 2px rgba(0,0,0,.22);
}


/* === public/assets/css/phase-4j0dx-community-real-media-data-trace-cover-restore.css === */
/* Phase 4J0DX — Community real media data trace cover restore. Scoped only. */
html[data-p4j0dx-community-media-trace="1"] body:not(.ops-admin) .p4j0du-cover[data-p4j0du-cover="1"]{
  background-image:
    linear-gradient(180deg,rgba(4,43,32,.04),rgba(4,43,32,.72)),
    var(--p4j0du-cover) !important;
  background-size:cover,cover !important;
  background-position:center,center !important;
}
html[data-p4j0dx-community-media-trace="1"] body:not(.ops-admin) .p4j0du-row-media.has-cover[data-p4j0du-cover="1"]{
  background-image:
    linear-gradient(180deg,rgba(4,43,32,.05),rgba(4,43,32,.42)),
    var(--p4j0du-cover) !important;
  background-size:cover,cover !important;
  background-position:center,center !important;
}
html[data-p4j0dx-community-media-trace="1"] body:not(.ops-admin) .p4j0cj4-detail[data-p4j0dx-owner="community-real-media"] .p4j0co-hero[data-p4j0co-cover="1"]::before{
  opacity:.92 !important;
  filter:saturate(1.08) contrast(1.05) !important;
}
html[data-p4j0dx-community-media-trace="1"] body:not(.ops-admin) .p4j0cj4-detail[data-p4j0dx-owner="community-real-media"] .p4j0co-hero[data-p4j0co-cover="1"]::after{
  background:
    linear-gradient(180deg,rgba(3,26,20,.04) 0%,rgba(3,26,20,.35) 45%,rgba(3,26,20,.86) 100%),
    linear-gradient(90deg,rgba(3,26,20,.70),rgba(3,26,20,.22) 54%,rgba(3,26,20,.48)) !important;
}
html[data-p4j0dx-community-media-trace="1"] body:not(.ops-admin) [data-p4j0dx-media-source="local_upload_fallback"] .p4j0du-cover,
html[data-p4j0dx-community-media-trace="1"] body:not(.ops-admin) [data-p4j0dx-media-source="event_preview"] .p4j0du-cover{
  min-height:168px;
}


/* === public/assets/css/phase-4j0dy-community-public-media-sync-edit-source.css === */
/* Phase 4J0DY — Community public media sync with edit modal source. Scoped only. */
html[data-p4j0dy-community-public-media-sync="1"] body:not(.ops-admin) .p4j0du-cover[data-p4j0du-cover="1"],
html[data-p4j0dy-community-public-media-sync="1"] body:not(.ops-admin) .p4j0du-row-media.has-cover[data-p4j0du-cover="1"]{
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center !important;
}
html[data-p4j0dy-community-public-media-sync="1"] body:not(.ops-admin) .p4j0du-cover[data-p4j0du-cover="1"]{
  background-image:
    linear-gradient(180deg,rgba(4,43,32,.02),rgba(4,43,32,.64)),
    var(--p4j0du-cover) !important;
}
html[data-p4j0dy-community-public-media-sync="1"] body:not(.ops-admin) .p4j0du-row-media.has-cover[data-p4j0du-cover="1"]{
  background-image:
    linear-gradient(180deg,rgba(4,43,32,.04),rgba(4,43,32,.32)),
    var(--p4j0du-cover) !important;
}
html[data-p4j0dy-community-public-media-sync="1"] body:not(.ops-admin) .p4j0cj4-detail[data-p4j0dy-media="banner"] .p4j0co-hero[data-p4j0co-cover="1"]::before{
  opacity:1 !important;
  filter:saturate(1.04) contrast(1.02) !important;
}


/* === public/assets/css/phase-4j0dz-community-single-renderer-owner-media-lock.css === */
/* Phase 4J0DZ — Community single renderer owner and media lock. Scoped only. */
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-community-page,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-community-detail{
  width:min(560px, calc(100vw - 28px));
  margin:0 auto;
  padding:14px 0 132px;
  display:grid;
  gap:12px;
}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-page-hero{
  border-radius:24px;
  padding:18px;
  color:#fff;
  background:
    radial-gradient(circle at 92% 92%, rgba(150,255,66,.28), transparent 36%),
    linear-gradient(135deg, #064734 0%, #08794f 60%, #65b832 100%);
  box-shadow:0 18px 42px rgba(5,48,35,.18);
}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-page-hero small,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-panel-head small{display:block;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:.72rem;color:#01815e;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-page-hero small{color:rgba(255,255,255,.82)}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-page-hero h1{margin:4px 0 6px;font-size:1.45rem;line-height:1.02;color:#fff;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-page-hero p{max-width:30em;margin:0 0 14px;color:rgba(255,255,255,.92);font-weight:700;line-height:1.35;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-btn{border:0;border-radius:16px;padding:12px 14px;font-weight:900;cursor:pointer;min-height:42px;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-btn.primary{background:#004b38;color:#fff;box-shadow:0 10px 22px rgba(0,75,56,.16);}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-btn.secondary,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-btn.back{background:#fff;color:#004b38;border:1px solid rgba(0,75,56,.14);}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-btn.wide{width:100%;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-hero-stats span,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-stat-grid span{border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:10px;text-align:center;background:rgba(255,255,255,.12);}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-hero-stats b,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-stat-grid b{display:block;font-size:1.15rem;line-height:1;font-weight:900;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-hero-stats small,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-stat-grid small{display:block;margin-top:5px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;font-size:.65rem;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-toolbar,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-panel,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-card,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-detail-tabs{background:#fff;border:1px solid rgba(0,75,56,.12);border-radius:22px;box-shadow:0 14px 34px rgba(5,48,35,.08);}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-toolbar{padding:12px;display:grid;gap:10px;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-search{display:flex;align-items:center;gap:8px;border:1px solid rgba(0,75,56,.16);border-radius:15px;padding:0 10px;background:#fff;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-search input{width:100%;border:0;outline:0;padding:12px 0;background:transparent;font-weight:800;color:#004b38;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-tab,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-detail-tab{border:1px solid rgba(0,75,56,.13);background:#fff;color:#004b38;border-radius:14px;padding:10px 8px;font-weight:900;font-size:.82rem;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-tab.is-active,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-detail-tab.is-active{background:#00533d;color:#fff;box-shadow:inset 0 -3px 0 #b6ff2d;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-sort{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(0,75,56,.08);padding-top:8px;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-sort span{text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:.68rem;color:#5d746d;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-sort select{border:0;background:transparent;color:#004b38;font-weight:900;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-section-title{display:flex;align-items:end;justify-content:space-between;margin:14px 2px 8px;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-section-title h2{margin:0;color:#004b38;font-size:1.02rem;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-section-title p{margin:2px 0 0;color:#58736b;font-size:.82rem;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-section-title small{background:#e9ffd8;color:#00533d;border-radius:999px;padding:4px 10px;font-weight:900;text-transform:uppercase;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-card{overflow:hidden;margin-bottom:10px;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-media-wrap{position:relative;min-height:142px;overflow:hidden;border-radius:18px 18px 0 0;background:linear-gradient(135deg,#043929,#096441);}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-row .p4j0dz-media-wrap{min-height:96px;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-cover{position:absolute;inset:0;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-cover img{width:100%;height:100%;object-fit:cover;display:block;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-cover.is-fallback{background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.22),transparent 26%),linear-gradient(135deg,#064734,#003b2c);}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,56,42,.72));}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-media-copy{position:absolute;left:14px;right:14px;bottom:12px;display:flex;align-items:center;gap:12px;color:#fff;z-index:2;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-media-copy h3{margin:0;color:#fff;font-size:1.12rem;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-media-copy p{margin:2px 0 0;color:rgba(255,255,255,.88);font-size:.78rem;font-weight:700;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-avatar,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-cover-avatar,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-row-avatar,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-entity-avatar{display:grid;place-items:center;flex:0 0 auto;width:54px;height:54px;border-radius:18px;background:#eef9e9;color:#004b38;border:3px solid rgba(255,255,255,.9);font-weight:900;overflow:hidden;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-avatar img,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-cover-avatar img,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-row-avatar img,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-entity-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-chip-row{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px 0;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-badge{background:#e9ffd8;color:#00533d;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:900;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px 12px;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-actions.wrap{grid-template-columns:1fr 1fr;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-entity-hero{position:relative;min-height:174px;border-radius:24px;overflow:hidden;box-shadow:0 18px 42px rgba(5,48,35,.18);background:#064734;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-entity-content{position:relative;z-index:2;display:flex;align-items:end;gap:12px;padding:18px;color:#fff;min-height:112px;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-entity-content small{display:block;color:rgba(255,255,255,.82);font-weight:800;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-entity-content h1{margin:0;color:#fff;font-size:1.55rem;line-height:1.02;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-entity-content p{margin:4px 0 0;color:rgba(255,255,255,.9);font-weight:700;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-detail-actions{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 14px;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-detail-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:8px;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-detail-tab:last-child{grid-column:1 / span 1;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-panel{padding:16px;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-panel h2{margin:2px 0;color:#004b38;font-size:1.22rem;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-panel p{margin:0 0 12px;color:#58736b;line-height:1.4;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-stat-grid span{background:#f5fbf1;color:#004b38;border-color:rgba(0,75,56,.12);}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-event-row,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-empty,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-chat-box{border:1px solid rgba(0,75,56,.12);border-radius:16px;padding:13px;background:#f8fcf6;color:#004b38;display:grid;gap:4px;text-align:center;}
html[data-theme="dark"][data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-toolbar,
html[data-theme="dark"][data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-panel,
html[data-theme="dark"][data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-card,
html[data-theme="dark"][data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-detail-tabs{background:#0d2019;border-color:rgba(182,255,45,.18);}
html[data-theme="dark"][data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-panel h2,
html[data-theme="dark"][data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-section-title h2{color:#eaffdf;}
html[data-theme="dark"][data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-panel p,
html[data-theme="dark"][data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-section-title p{color:#aac8bd;}
@media(max-width:430px){
  html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-community-page,
  html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-community-detail{width:calc(100vw - 24px);}
  html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-detail-tabs{grid-template-columns:repeat(5,1fr);}
  html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-detail-tab{font-size:.72rem;padding:9px 4px;}
}


/* === public/assets/css/phase-4j0e0-community-tab-state-rail-stability.css === */
/* Phase 4J0E0 — Community tab state and rail stability. Scoped customer Community page only. */
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-community-page{
  --p4j0e0-rail-width:min(560px, calc(100vw - 28px));
}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-page-hero,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-toolbar,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-card,
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-empty{
  box-sizing:border-box;
  width:100%;
  max-width:560px;
}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-page-hero{
  min-height:206px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-tabs{
  align-items:stretch;
}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-tab{
  min-height:48px;
  display:grid;
  place-items:center;
  line-height:1.1;
  white-space:nowrap;
  transition:background .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease;
}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-tab.is-active{
  border-color:#00533d;
  outline:2px solid rgba(182,255,45,.55);
  outline-offset:-2px;
}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-section-title{
  min-height:44px;
}
html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-empty{
  min-height:62px;
}
@media(max-width:430px){
  html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-page-hero{min-height:198px;}
  html[data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-tab{font-size:.74rem;padding:9px 4px;}
}
html[data-theme="dark"][data-p4j0dz-community-single-renderer="1"] body:not(.ops-admin) .p4j0dz-tab.is-active{
  outline-color:rgba(182,255,45,.7);
}


/* === public/assets/css/phase-4j0e1-community-tab-single-active-state-lock.css === */
/* Phase 4J0E1 — Community tab single active state and fixed rail height.
   Scoped to customer Community page only. */
html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-community-page{
  width:min(560px, calc(100vw - 28px));
  margin:0 auto;
  padding:14px 0 132px;
  display:grid;
  gap:12px;
}
html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-page-hero,
html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-toolbar,
html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-results,
html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0dz-card,
html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0dz-empty{
  width:100%;
  max-width:560px;
  box-sizing:border-box;
}
html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-page-hero{
  height:196px;
  min-height:196px;
  max-height:196px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  overflow:hidden;
}
html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-toolbar{
  min-height:154px;
}
html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-tabs{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:7px;
}
html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-tab{
  min-height:48px;
  display:grid;
  place-items:center;
  line-height:1.1;
  white-space:normal;
  text-align:center;
  border:1px solid rgba(0,75,56,.16) !important;
  background:#fff !important;
  color:#004b38 !important;
  box-shadow:none !important;
  outline:0 !important;
}
html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-tabs[data-p4j0e1-active-tab="mine"] .p4j0e1-tab[data-p4j0e1-value="mine"],
html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-tabs[data-p4j0e1-active-tab="recommended"] .p4j0e1-tab[data-p4j0e1-value="recommended"],
html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-tabs[data-p4j0e1-active-tab="active"] .p4j0e1-tab[data-p4j0e1-value="active"]{
  background:#00533d !important;
  color:#fff !important;
  border-color:#00533d !important;
  box-shadow:inset 0 -3px 0 #b6ff2d, 0 8px 18px rgba(0,83,61,.14) !important;
  outline:2px solid rgba(182,255,45,.5) !important;
  outline-offset:-2px !important;
}
html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-tabs[data-p4j0e1-active-tab="mine"] .p4j0e1-tab:not([data-p4j0e1-value="mine"]),
html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-tabs[data-p4j0e1-active-tab="recommended"] .p4j0e1-tab:not([data-p4j0e1-value="recommended"]),
html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-tabs[data-p4j0e1-active-tab="active"] .p4j0e1-tab:not([data-p4j0e1-value="active"]){
  background:#fff !important;
  color:#004b38 !important;
  border-color:rgba(0,75,56,.16) !important;
  box-shadow:none !important;
  outline:0 !important;
}
html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-results .p4j0dz-section-title{
  min-height:48px;
}
html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-results .p4j0dz-empty{
  min-height:70px;
}
@media(max-width:430px){
  html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-page-hero{
    height:192px;
    min-height:192px;
    max-height:192px;
  }
  html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-toolbar{
    min-height:154px;
  }
  html[data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-tab{
    font-size:.72rem;
    padding:9px 4px;
  }
}
html[data-theme="dark"][data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-tab{
  background:rgba(255,255,255,.08) !important;
  color:#eafff7 !important;
  border-color:rgba(255,255,255,.16) !important;
}
html[data-theme="dark"][data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-tabs[data-p4j0e1-active-tab="mine"] .p4j0e1-tab[data-p4j0e1-value="mine"],
html[data-theme="dark"][data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-tabs[data-p4j0e1-active-tab="recommended"] .p4j0e1-tab[data-p4j0e1-value="recommended"],
html[data-theme="dark"][data-p4j0e1-community-tab-lock="1"] body:not(.ops-admin) .p4j0e1-tabs[data-p4j0e1-active-tab="active"] .p4j0e1-tab[data-p4j0e1-value="active"]{
  background:#007a57 !important;
  color:#fff !important;
  outline-color:rgba(182,255,45,.72) !important;
}


/* === public/assets/css/phase-4j0e4-community-fsd-visual-baseline-restore.css === */
/* Phase 4J0E4 — Community FSD visual baseline restore.
   Scoped customer Community page only. Restores accepted spacing/height without adding a renderer. */
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0e1-community-page,
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-community-page{
  width:min(560px, calc(100vw - 28px));
  margin:0 auto;
  padding:14px 0 calc(132px + env(safe-area-inset-bottom));
  display:grid;
  grid-auto-rows:max-content;
  gap:14px;
  align-content:start;
  box-sizing:border-box;
}
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0e1-page-hero,
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-page-hero{
  width:100%;
  height:auto!important;
  min-height:226px!important;
  max-height:none!important;
  box-sizing:border-box;
  display:grid!important;
  grid-template-rows:auto auto auto auto auto;
  align-content:start;
  gap:8px!important;
  padding:16px!important;
  overflow:hidden!important;
  border-radius:24px;
  margin:0!important;
  transform:none!important;
  color:#fff;
  background:
    radial-gradient(circle at 92% 16%, rgba(190,255,72,.24), transparent 34%),
    radial-gradient(circle at 86% 100%, rgba(71,184,81,.46), transparent 40%),
    linear-gradient(135deg, var(--brand-green-2, #043f30) 0%, var(--brand-green, #007a55) 62%, var(--brand-lime, #9fe63a) 145%)!important;
  box-shadow:0 18px 42px rgba(5,48,35,.18);
}
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-page-hero small{
  font-size:.66rem!important;
  line-height:1.05!important;
  letter-spacing:.14em;
  margin:0!important;
  color:rgba(255,255,255,.82)!important;
}
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-page-hero h1{
  margin:0!important;
  font-size:1.33rem!important;
  line-height:1.08!important;
  color:#fff!important;
}
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-page-hero p{
  margin:0!important;
  max-width:32rem;
  line-height:1.28!important;
  color:rgba(255,255,255,.92)!important;
  font-weight:800;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-page-hero .p4j0dz-btn{
  width:100%;
  min-height:40px!important;
  max-height:42px!important;
  padding:9px 12px!important;
  margin:2px 0 0!important;
  box-sizing:border-box;
}
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-hero-stats{
  display:grid!important;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:8px!important;
  margin:2px 0 0!important;
  width:100%;
}
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-hero-stats span{
  min-height:48px!important;
  display:grid!important;
  place-items:center;
  padding:7px 6px!important;
  box-sizing:border-box;
  overflow:hidden;
}
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-hero-stats b{
  font-size:1.05rem!important;
  line-height:1!important;
}
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-hero-stats small{
  margin-top:4px!important;
  font-size:.56rem!important;
  line-height:1.05!important;
  letter-spacing:.1em;
}
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0e1-toolbar,
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-toolbar{
  width:100%;
  min-height:0!important;
  height:auto!important;
  box-sizing:border-box;
  padding:12px!important;
  display:grid!important;
  gap:10px!important;
  margin:0!important;
  transform:none!important;
  border-radius:22px;
}
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-search{
  min-height:44px!important;
}
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0e1-tabs,
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-tabs{
  display:grid!important;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:6px!important;
  align-items:stretch;
}
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0e1-tab,
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-tab{
  min-height:40px!important;
  max-height:42px!important;
  padding:7px 4px!important;
  font-size:.7rem!important;
  line-height:1.08!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center;
  text-align:center;
  white-space:normal;
}
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0e1-tabs .p4j0e1-tab,
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-tabs .p4j0dz-tab{
  background:#fff!important;
  color:#004b38!important;
  border-color:rgba(0,75,56,.16)!important;
  box-shadow:none!important;
  outline:0!important;
}
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0e1-tabs[data-p4j0e1-active-tab="mine"] .p4j0e1-tab[data-p4j0e1-value="mine"],
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0e1-tabs[data-p4j0e1-active-tab="recommended"] .p4j0e1-tab[data-p4j0e1-value="recommended"],
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0e1-tabs[data-p4j0e1-active-tab="active"] .p4j0e1-tab[data-p4j0e1-value="active"],
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-tab.is-active{
  background:#00533d!important;
  color:#fff!important;
  border-color:#00533d!important;
  box-shadow:inset 0 -3px 0 #b6ff2d, 0 8px 18px rgba(0,83,61,.14)!important;
  outline:2px solid rgba(182,255,45,.45)!important;
  outline-offset:-2px!important;
}
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0e1-results{
  width:100%;
  margin:0!important;
}
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-section-title{
  min-height:0!important;
  margin:4px 2px 8px!important;
}
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-card{
  width:100%;
  margin-bottom:10px!important;
  border-radius:22px;
}
html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-empty{
  width:100%;
  min-height:70px!important;
  box-sizing:border-box;
}
@media(max-width:430px){
  html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0e1-community-page,
  html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-community-page{
    width:min(560px, calc(100vw - 20px));
    gap:12px;
  }
  html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0e1-page-hero,
  html[data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-page-hero{
    min-height:218px!important;
    padding:15px!important;
    border-radius:22px;
  }
}
html[data-theme="dark"][data-p4j0e4-community-fsd-visual-baseline="1"] body:not(.ops-admin) .p4j0dz-toolbar,
body.dark:not(.ops-admin) .p4j0dz-toolbar{
  background:var(--bg-card,#10251f);
  border-color:rgba(255,255,255,.12);
}


/* === public/assets/css/phase-4j0e5-community-detail-fsd-entity-hero-tab-stability.css === */
/* Phase 4J0E5 — Community Detail FSD Entity Hero And Tab Stability */
@layer components {
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-detail{
  width:min(560px, calc(100vw - 28px));
  margin:0 auto;
  padding:14px 0 calc(136px + env(safe-area-inset-bottom));
  display:grid;
  grid-auto-rows:max-content;
  gap:14px;
  align-content:start;
  box-sizing:border-box;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-back{
  justify-self:start;
  border:0;
  border-radius:16px;
  min-height:40px;
  padding:0 14px;
  background:var(--surface, #fff);
  color:var(--brand-green-2, #064533);
  font-weight:900;
  box-shadow:0 10px 24px rgba(6,75,59,.10);
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-hero{
  position:relative;
  width:100%;
  min-height:206px;
  border-radius:24px;
  overflow:hidden;
  display:grid;
  align-content:end;
  gap:12px;
  padding:16px;
  color:#fff;
  box-shadow:0 18px 42px rgba(5,48,35,.18);
  background:
    radial-gradient(circle at 92% 16%, rgba(190,255,72,.24), transparent 34%),
    radial-gradient(circle at 86% 100%, rgba(71,184,81,.46), transparent 40%),
    linear-gradient(135deg, var(--brand-green-2, #043f30) 0%, var(--brand-green, #007a55) 62%, var(--brand-lime, #9fe63a) 145%);
  box-sizing:border-box;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-hero-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-hero-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg, rgba(0,45,35,.12) 0%, rgba(0,50,38,.60) 58%, rgba(0,43,32,.90) 100%);
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-hero-main,
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-hero-actions{
  position:relative;
  z-index:2;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-hero-main{
  display:flex;
  align-items:flex-end;
  gap:12px;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-logo{
  width:60px;
  height:60px;
  min-width:60px;
  border-radius:18px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:rgba(255,255,255,.88);
  color:var(--brand-green-2, #043f30);
  font-weight:950;
  border:2px solid rgba(255,255,255,.74);
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-logo img,
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-avatar img,
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-feed-avatar img,
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-member-avatar img{
  width:100%;height:100%;object-fit:cover;display:block;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-hero small{
  display:block;
  margin:0 0 2px;
  color:rgba(255,255,255,.86);
  font-size:.72rem;
  letter-spacing:.04em;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-hero h1{
  margin:0;
  color:#fff;
  font-size:1.58rem;
  line-height:1.05;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-hero p{
  margin:3px 0 0;
  color:rgba(255,255,255,.92);
  line-height:1.22;
  font-weight:800;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-hero-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-hero-actions .btn{
  min-height:38px;
  border:0;
  border-radius:12px;
  background:rgba(255,255,255,.92);
  color:var(--brand-green-2,#043f30);
  font-weight:900;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-tabs{
  width:100%;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
  padding:8px;
  border-radius:22px;
  background:var(--surface, #fff);
  box-shadow:0 14px 34px rgba(5,48,35,.10);
  box-sizing:border-box;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-tab{
  border:1px solid rgba(0,75,56,.14);
  background:#fff;
  color:#004b38;
  border-radius:14px;
  min-height:36px;
  padding:7px 4px;
  text-align:center;
  font-size:.68rem;
  line-height:1.05;
  font-weight:900;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-tab.is-active{
  background:#00533d;
  color:#fff;
  border-color:#00533d;
  box-shadow:inset 0 -3px 0 #b6ff2d, 0 8px 18px rgba(0,83,61,.14);
  outline:2px solid rgba(182,255,45,.45);
  outline-offset:-2px;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-panel,
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-event-list,
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-feed-list,
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-member-list{
  display:grid;
  gap:12px;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-card,
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-chat-card{
  width:100%;
  border:1px solid var(--line, rgba(0,75,56,.12));
  border-radius:22px;
  background:var(--surface, #fff);
  box-shadow:0 14px 34px rgba(5,48,35,.08);
  padding:14px;
  box-sizing:border-box;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-card-head small{
  color:var(--brand-green,#007a55);
  text-transform:uppercase;
  font-weight:950;
  letter-spacing:.08em;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-card h2{
  margin:2px 0;
  color:var(--brand-green-2,#043f30);
  font-size:1.22rem;
  line-height:1.08;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-card p{
  margin:0;
  color:var(--text-muted,#5b7068);
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:12px 0;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-stat-grid span{
  border:1px solid var(--line, rgba(0,75,56,.12));
  border-radius:14px;
  padding:9px 6px;
  background:var(--surface-soft,#f5fbf7);
  display:grid;
  gap:2px;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-stat-grid b{color:var(--brand-green-2,#043f30);font-size:1rem;line-height:1;font-weight:950;}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-stat-grid small{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--text-muted,#5b7068);}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-event-card{display:grid;grid-template-columns:96px 1fr;gap:10px;border:1px solid var(--line,rgba(0,75,56,.12));border-radius:16px;padding:8px;background:var(--surface-soft,#f8fcf9);}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-event-media{height:92px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#063f32,#16825d);}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-event-media img{width:100%;height:100%;object-fit:cover;display:block;}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-event-body h3{margin:2px 0;color:var(--brand-green-2,#043f30);font-size:1rem;line-height:1.08;}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-event-body small{font-weight:900;color:var(--brand-green,#007a55);}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-filter-row{display:flex;gap:8px;overflow-x:auto;margin:0 0 10px;}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-filter{border:1px solid rgba(0,75,56,.14);border-radius:999px;background:#fff;color:#004b38;min-height:34px;padding:0 12px;font-weight:900;}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-filter.is-active{background:#00533d;color:#fff;border-color:#00533d;}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-feed-item,
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-member-row{
  display:flex;align-items:center;gap:10px;border:1px solid var(--line,rgba(0,75,56,.12));border-radius:16px;padding:10px;background:var(--surface-soft,#f8fcf9);
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-feed-avatar,
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-member-avatar{
  width:44px;height:44px;min-width:44px;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:#ecf8f1;color:#004b38;font-weight:950;
}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-feed-item strong,
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-feed-item span,
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-member-row strong,
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-member-row span{display:block;}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-empty{border:1px solid var(--line,rgba(0,75,56,.12));border-radius:16px;padding:16px;text-align:center;background:var(--surface-soft,#f8fcf9);display:grid;gap:4px;}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-search{display:grid;gap:6px;margin-bottom:12px;font-weight:900;color:var(--brand-green-2,#043f30);}
html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-search input{min-height:42px;border-radius:14px;border:1px solid var(--line,rgba(0,75,56,.12));padding:0 12px;}
@media(max-width:430px){
  html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-detail{width:min(560px, calc(100vw - 20px));gap:12px;}
  html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-hero{min-height:196px;border-radius:22px;padding:14px;}
  html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-tabs{gap:5px;padding:7px;}
  html[data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-tab{font-size:.62rem;min-height:34px;}
}
html[data-theme="dark"][data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-card,
html[data-theme="dark"][data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-tabs,
html[data-theme="dark"][data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-back{
  background:#10231e;color:#eafff5;border-color:rgba(255,255,255,.12);
}
html[data-theme="dark"][data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-tab:not(.is-active),
html[data-theme="dark"][data-p4j0e5-community-detail-stability="1"] body:not(.ops-admin) .p4j0e5-filter:not(.is-active){background:#132d26;color:#eafff5;border-color:rgba(255,255,255,.14);}
}


/* === public/assets/css/phase-4j0cj5-community-chat-hydration-member-action.css === */
/* Phase 4J0CJ5 — scoped community chat hydration/member action polish */
html[data-p4j0cj5-community-chat-hydration="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card[data-p4j0cj5-chat-hydrated="loading"] .p4j0cg-loading {
  min-height: 88px;
  display: grid;
  place-items: center;
}

html[data-p4j0cj5-community-chat-hydration="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-actions .btn {
  min-width: 0;
}


/* === public/assets/css/phase-4j0cj6-community-chat-remount-hydration-fix.css === */
/* Phase 4J0CJ6 — scoped community chat remount hydration fix */
html[data-p4j0cj6-community-chat-remount="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card[data-p4j0cj6-chat-hydrating="1"] .p4j0cg-loading {
  opacity: .92;
}
html[data-p4j0cj6-community-chat-remount="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card[data-p4j0cj6-chat-ready] .p4j0cg-chat-list {
  min-height: 96px;
}


/* === public/assets/css/phase-4j0cj7-community-chat-single-renderer-loading-state-lock.css === */
/* Phase 4J0CJ7 — scoped community chat single renderer/loading lock */
html[data-p4j0cj7-community-chat-single-renderer="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card[data-p4j0cj7-chat-state="loading"] .p4j0cg-chat-list {
  min-height: 96px;
}
html[data-p4j0cj7-community-chat-single-renderer="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card[data-p4j0cj7-chat-state="ready"] .p4j0cg-loading {
  display: none;
}
html[data-p4j0cj7-community-chat-single-renderer="1"] body:not(.ops-admin) .p4j0cj4-detail [data-p4j0cg-community-chat-card]:not([data-p4j0cj4-chat-card="1"]) {
  display: none;
}


/* === public/assets/css/phase-4j0cj8-community-chat-hard-single-mount-controller.css === */
/* Phase 4J0CJ8 — scoped community chat hard single mount controller */
html[data-p4j0cj8-community-chat-hard-mount="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card[data-p4j0cj8-loading="1"] .p4j0cg-chat-list {
  min-height: 96px;
}
html[data-p4j0cj8-community-chat-hard-mount="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card[data-p4j0cj8-chat-state="ready"] .p4j0cg-loading {
  display: none;
}
html[data-p4j0cj8-community-chat-hard-mount="1"] body:not(.ops-admin) .p4j0cj4-detail [data-p4j0cg-community-chat-card]:not([data-p4j0cj4-chat-card="1"]) {
  display: none;
}


/* === public/assets/css/phase-4j0cj9-community-chat-tab-return-mount-callback.css === */
/* Phase 4J0CJ9 — scoped community chat tab return mount callback */
html[data-p4j0cj9-community-chat-return-mount="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card[data-p4j0cj9-loading="1"] .p4j0cg-chat-list {
  min-height: 96px;
}
html[data-p4j0cj9-community-chat-return-mount="1"] body:not(.ops-admin) .p4j0cj4-detail .p4j0cj4-chat-card[data-p4j0cj9-chat-state="ready"] .p4j0cg-loading {
  display: none;
}
html[data-p4j0cj9-community-chat-return-mount="1"] body:not(.ops-admin) .p4j0cj4-detail [data-p4j0cg-community-chat-card]:not([data-p4j0cj4-chat-card="1"]) {
  display: none;
}


/* === public/assets/css/phase-4j0f3-competition-engine-navigation.css === */

/* Phase 4J0F3 — Tournament terminology and scoring standard rename.
   Scoped only to OPS tournament page and user tournament screen. */
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-tournament-page{
  display:grid;
  gap:14px;
}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-tournament-hero{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  background:linear-gradient(135deg,rgba(6,63,51,.98),rgba(5,115,85,.92));
  color:#fff;
}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-tournament-hero small,
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-tournament-hero p{color:rgba(255,255,255,.82)}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-tournament-hero h2{color:#fff;margin:.2rem 0 .35rem}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-hero-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-hero-actions span{
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  padding:7px 10px;
  background:rgba(255,255,255,.10);
  color:#fff;
  font-weight:800;
  font-size:12px;
  white-space:nowrap;
}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-metric-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-metric-card{display:grid;gap:4px}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-metric-card b{font-size:28px;color:var(--ops-ink,#063f33);line-height:1}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-metric-card small,
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-metric-card span{color:var(--ops-muted,#60756c)}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-workspace{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:14px;
  align-items:start;
}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-template-list,
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-roadmap-list{display:grid;gap:9px}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-template-row,
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-roadmap-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  border:1px solid rgba(6,63,51,.12);
  border-radius:16px;
  background:rgba(255,255,255,.72);
  padding:12px;
}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-template-row small,
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-roadmap-row small{display:block;color:var(--ops-muted,#60756c)}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-template-meta{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-template-meta span{
  border-radius:999px;
  padding:5px 8px;
  background:rgba(6,63,51,.08);
  color:var(--ops-ink,#063f33);
  font-weight:800;
  font-size:12px;
}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-flow{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin:10px 0 14px;
}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-flow span{
  border:1px solid rgba(6,63,51,.14);
  border-radius:12px;
  padding:8px 10px;
  font-weight:900;
  background:#fff;
}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-flow i{font-style:normal;font-weight:900;color:var(--ops-muted,#60756c)}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-rule-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-rule-grid div{
  border:1px solid rgba(6,63,51,.12);
  border-radius:15px;
  padding:10px;
  background:rgba(238,248,231,.55);
}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-rule-grid small{display:block;color:var(--ops-muted,#60756c)}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-empty{
  border:1px dashed rgba(6,63,51,.2);
  border-radius:16px;
  padding:14px;
  color:var(--ops-muted,#60756c);
  background:rgba(255,255,255,.7);
}
body:not(.ops-admin) .p4j0f3-tournament-screen{display:grid;gap:12px;padding-bottom:max(190px,calc(172px + env(safe-area-inset-bottom)))}
body:not(.ops-admin) .p4j0f3-user-hero,
body:not(.ops-admin) .p4j0f3-home-tournament-card{
  display:grid;
  gap:12px;
  border-color:rgba(6,63,51,.13);
  background:linear-gradient(135deg,#ffffff,rgba(183,255,53,.16));
}
body:not(.ops-admin) .p4j0f3-user-badges{display:flex;flex-wrap:wrap;gap:7px}
body:not(.ops-admin) .p4j0f3-user-badges span{
  border-radius:999px;
  padding:7px 10px;
  background:rgba(6,63,51,.08);
  color:#063f33;
  font-weight:900;
  font-size:.78rem;
}
body:not(.ops-admin) .p4j0f3-user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body:not(.ops-admin) .p4j0f3-user-template{display:grid;gap:5px}
body:not(.ops-admin) .p4j0f3-user-template small{color:var(--text-secondary,#60756c)}
@media(max-width:1100px){
  .ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-workspace{grid-template-columns:1fr}
}
@media(max-width:640px){
  .ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-tournament-hero,
  .ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-template-row,
  .ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-roadmap-row{display:grid}
  body:not(.ops-admin) .p4j0f3-user-grid{grid-template-columns:1fr}
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0f3-user-hero,
html[data-theme="dark"] body:not(.ops-admin) .p4j0f3-home-tournament-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0f3-user-template{
  background:linear-gradient(135deg,#0d211b,rgba(20,63,48,.72));
  border-color:rgba(255,255,255,.12);
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0f3-user-badges span{
  color:#f4fff8;
  background:rgba(255,255,255,.10);
}

.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-scoring-standard{
  display:grid;gap:8px;margin-top:12px;padding:13px;border:1px solid rgba(6,63,51,.13);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,250,244,.92));
}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-scoring-standard b{color:var(--ops-ink,#063f33)}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-scoring-standard small{color:var(--ops-muted,#60756c)}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-scoring-standard div{display:grid;grid-template-columns:150px 1fr;gap:8px;align-items:center;font-size:12px}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-scoring-standard div span:first-child{font-weight:900;color:var(--ops-ink,#063f33)}
.ops-enterprise-body.ops-tournament-foundation-4j0f3b .p4j0f3-scoring-standard div span:last-child{color:var(--ops-muted,#60756c)}

/* Phase 4J0F4 — Tournament template and host wizard foundation. */
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-tournament-wizard-page{display:grid;gap:14px}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-tournament-hero{border-color:rgba(183,255,53,.22)}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-wizard-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:14px;align-items:start}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-wizard-card,
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-preview-card{min-width:0}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-wizard-form{display:grid;gap:13px}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-step{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:16px;background:rgba(6,63,51,.06);border:1px solid rgba(6,63,51,.10)}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-step span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--ops-ink,#063f33);color:#fff;font-weight:950;font-size:13px;flex:0 0 auto}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-step b{display:block;color:var(--ops-ink,#063f33)}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-step small{display:block;color:var(--ops-muted,#60756c)}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-form-grid label.full{grid-column:1/-1}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-form-grid textarea{min-height:78px;resize:vertical}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;padding-top:4px}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-preview-card{position:sticky;top:14px;display:grid;gap:12px}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-preview-poster{display:grid;gap:8px;min-height:190px;align-content:end;border-radius:24px;padding:18px;color:#fff;background:radial-gradient(circle at 82% 18%,rgba(183,255,53,.36),transparent 30%),linear-gradient(135deg,#052f28,#087256);box-shadow:0 18px 38px rgba(6,63,51,.16)}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-preview-poster span{justify-self:start;border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.16);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-preview-poster b{font-size:24px;line-height:1.05;max-width:300px}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-preview-poster small{color:rgba(255,255,255,.84);font-weight:800}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-preview-grid div{border:1px solid rgba(6,63,51,.12);border-radius:16px;padding:10px;background:rgba(255,255,255,.78)}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-preview-grid small{display:block;color:var(--ops-muted,#60756c);font-size:11px;font-weight:850}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-preview-grid b{display:block;color:var(--ops-ink,#063f33);font-size:18px;line-height:1.1}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-recommendation{border-radius:16px;padding:12px;border:1px solid rgba(6,63,51,.12);background:rgba(238,248,231,.72);color:var(--ops-ink,#063f33);font-weight:800;font-size:13px}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-scoring-mini{margin-top:0}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-list-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-tournament-log{display:grid;gap:9px}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-log-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid rgba(6,63,51,.12);border-radius:16px;background:rgba(255,255,255,.72);padding:12px}
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-log-row small,
.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-log-row em{display:block;color:var(--ops-muted,#60756c);font-style:normal;font-size:12px}
@media(max-width:1180px){.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-wizard-layout,.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-list-layout{grid-template-columns:1fr}.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-preview-card{position:relative;top:auto}.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-form-grid,.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-preview-grid{grid-template-columns:1fr 1fr}.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-log-row{display:grid}.ops-enterprise-body.ops-tournament-wizard-4j0f4 .p4j0f4-actions .ops-btn{width:100%}}
body:not(.ops-admin) .p4j0f4-user-tournament-card{display:grid;gap:10px}
body:not(.ops-admin) .p4j0f4-user-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body:not(.ops-admin) .p4j0f4-user-card-grid span{border-radius:12px;padding:8px 9px;background:rgba(6,63,51,.07);color:var(--text-primary,#063f33);font-weight:900;font-size:.78rem}
html[data-theme="dark"] body:not(.ops-admin) .p4j0f4-user-card-grid span{background:rgba(255,255,255,.10);color:#f4fff8}


/* Phase 4J0F5 — Tournament scoring and round generation foundation. */
.ops-enterprise-body.ops-tournament-scoring-4j0f5 .p4j0f5-tournament-engine-page{display:grid;gap:14px}
.ops-enterprise-body.ops-tournament-scoring-4j0f5 .p4j0f5-round-card{display:grid;gap:12px}
.ops-enterprise-body.ops-tournament-scoring-4j0f5 .p4j0f5-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.ops-enterprise-body.ops-tournament-scoring-4j0f5 .p4j0f5-summary-grid div{border:1px solid rgba(6,63,51,.12);border-radius:16px;background:rgba(255,255,255,.78);padding:11px}
.ops-enterprise-body.ops-tournament-scoring-4j0f5 .p4j0f5-summary-grid small{display:block;color:var(--ops-muted,#60756c);font-weight:850;font-size:11px}
.ops-enterprise-body.ops-tournament-scoring-4j0f5 .p4j0f5-summary-grid b{display:block;color:var(--ops-ink,#063f33);font-size:22px;line-height:1.05}
.ops-enterprise-body.ops-tournament-scoring-4j0f5 .p4j0f4-log-row.is-selected{border-color:rgba(6,114,86,.38);box-shadow:0 0 0 3px rgba(183,255,53,.18)}
.ops-enterprise-body.ops-tournament-scoring-4j0f5 .p4j0f5-log-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.ops-enterprise-body.ops-tournament-scoring-4j0f5 .p4j0f5-match-table{overflow:auto;border-radius:16px;border:1px solid rgba(6,63,51,.10)}
.ops-enterprise-body.ops-tournament-scoring-4j0f5 .p4j0f5-score-form{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:nowrap}
.ops-enterprise-body.ops-tournament-scoring-4j0f5 .p4j0f5-score-form .ops-input{width:62px;min-width:62px;text-align:center;padding-inline:8px}
@media(max-width:980px){.ops-enterprise-body.ops-tournament-scoring-4j0f5 .p4j0f5-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-enterprise-body.ops-tournament-scoring-4j0f5 .p4j0f5-log-actions{justify-content:flex-start}}


/* Phase 4J0F6 — Tournament real participant roster and pairing foundation. */
.ops-enterprise-body.ops-tournament-roster-4j0f6 .p4j0f6-tournament-roster-page{display:grid;gap:14px}
.ops-enterprise-body.ops-tournament-roster-4j0f6 .p4j0f6-roster-card{display:grid;gap:12px}
.ops-enterprise-body.ops-tournament-roster-4j0f6 .p4j0f6-roster-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.ops-enterprise-body.ops-tournament-roster-4j0f6 .p4j0f6-roster-summary div{border:1px solid rgba(6,63,51,.12);border-radius:16px;background:rgba(255,255,255,.78);padding:11px}
.ops-enterprise-body.ops-tournament-roster-4j0f6 .p4j0f6-roster-summary small{display:block;color:var(--ops-muted,#60756c);font-weight:850;font-size:11px}
.ops-enterprise-body.ops-tournament-roster-4j0f6 .p4j0f6-roster-summary b{display:block;color:var(--ops-ink,#063f33);font-size:22px;line-height:1.05}
.ops-enterprise-body.ops-tournament-roster-4j0f6 .p4j0f6-add-participant-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:9px;align-items:end;border:1px solid rgba(6,63,51,.10);border-radius:18px;background:rgba(238,248,231,.48);padding:12px}
.ops-enterprise-body.ops-tournament-roster-4j0f6 .p4j0f6-add-participant-form label{display:grid;gap:5px;font-weight:850;color:var(--ops-ink,#063f33);font-size:12px}
.ops-enterprise-body.ops-tournament-roster-4j0f6 .p4j0f6-roster-table{overflow:auto;border-radius:16px;border:1px solid rgba(6,63,51,.10)}
.ops-enterprise-body.ops-tournament-roster-4j0f6 .p4j0f6-roster-table td small{display:block;color:var(--ops-muted,#60756c);font-size:11px}
.ops-enterprise-body.ops-tournament-roster-4j0f6 .p4j0f6-roster-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:nowrap}
.ops-enterprise-body.ops-tournament-roster-4j0f6 .p4j0f6-roster-actions .ops-select{min-width:118px}
body:not(.ops-admin) .p4j0f6-user-status{display:flex;justify-content:space-between;gap:8px;align-items:center;border-radius:14px;padding:10px 12px;background:rgba(6,63,51,.08);color:var(--text-primary,#063f33);font-weight:900}
body:not(.ops-admin) .p4j0f6-user-status small{font-weight:800;color:var(--text-secondary,#60756c)}
html[data-theme="dark"] body:not(.ops-admin) .p4j0f6-user-status{background:rgba(255,255,255,.10);color:#f4fff8}
html[data-theme="dark"] body:not(.ops-admin) .p4j0f6-user-status small{color:rgba(244,255,248,.72)}
@media(max-width:1180px){.ops-enterprise-body.ops-tournament-roster-4j0f6 .p4j0f6-add-participant-form{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-enterprise-body.ops-tournament-roster-4j0f6 .p4j0f6-add-participant-form .ops-btn{grid-column:1/-1}}
@media(max-width:720px){.ops-enterprise-body.ops-tournament-roster-4j0f6 .p4j0f6-roster-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-enterprise-body.ops-tournament-roster-4j0f6 .p4j0f6-add-participant-form{grid-template-columns:1fr}}


/* Phase 4J0F7 — Tournament standing and leaderboard foundation.
   Scoped only to OPS tournament standing page and customer tournament page. */
.ops-enterprise-body.ops-tournament-standing-4j0f7 .p4j0f7-tournament-standing-page{display:grid;gap:14px}
.ops-enterprise-body.ops-tournament-standing-4j0f7 .p4j0f7-standing-card{display:grid;gap:12px}
.ops-enterprise-body.ops-tournament-standing-4j0f7 .p4j0f7-standing-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ops-enterprise-body.ops-tournament-standing-4j0f7 .p4j0f7-standing-summary>div{border:1px solid var(--ops-border,rgba(148,163,184,.25));border-radius:16px;padding:10px;background:var(--ops-soft,rgba(15,23,42,.04))}
.ops-enterprise-body.ops-tournament-standing-4j0f7 .p4j0f7-standing-summary small{display:block;font-size:11px;opacity:.72}
.ops-enterprise-body.ops-tournament-standing-4j0f7 .p4j0f7-standing-summary b{display:block;font-size:18px;line-height:1.15}
.ops-enterprise-body.ops-tournament-standing-4j0f7 .p4j0f7-standing-table{overflow:auto;border-radius:16px;border:1px solid var(--ops-border,rgba(148,163,184,.25))}
.ops-enterprise-body.ops-tournament-standing-4j0f7 .p4j0f7-standing-table .ops-table{min-width:760px}
.ops-enterprise-body.ops-tournament-standing-4j0f7 .p4j0f7-standing-table td small{display:block;font-size:11px;opacity:.68;margin-top:2px}
.ops-enterprise-body.ops-tournament-standing-4j0f7 .p4j0f7-leaderboard-mini{display:grid;gap:10px;border:1px solid var(--ops-border,rgba(148,163,184,.25));border-radius:18px;padding:12px;background:var(--ops-card-soft,rgba(15,23,42,.035))}
.ops-enterprise-body.ops-tournament-standing-4j0f7 .p4j0f7-leaderboard-mini>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}
.ops-enterprise-body.ops-tournament-standing-4j0f7 .p4j0f7-leaderboard-mini small{font-size:11px;opacity:.7}
.ops-enterprise-body.ops-tournament-standing-4j0f7 .p4j0f7-leaderboard-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ops-enterprise-body.ops-tournament-standing-4j0f7 .p4j0f7-leaderboard-list span{display:grid;gap:2px;border:1px solid var(--ops-border,rgba(148,163,184,.25));border-radius:14px;padding:9px;background:var(--ops-surface,rgba(255,255,255,.72))}
body:not(.ops-admin) .p4j0f7-user-leaderboard{display:grid;gap:8px;margin-top:12px}
body:not(.ops-admin) .p4j0f7-user-leaderboard-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line,rgba(148,163,184,.24));border-radius:14px;padding:9px 10px;background:var(--surface-soft,rgba(255,255,255,.7))}
body:not(.ops-admin) .p4j0f7-user-leaderboard-row small{display:block;opacity:.68;font-size:11px}
body:not(.ops-admin) .p4j0f7-standing-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;border:1px solid var(--line,rgba(148,163,184,.24));padding:5px 8px;font-size:11px;font-weight:800;background:var(--surface-soft,rgba(255,255,255,.68))}
@media (max-width: 780px){
  .ops-enterprise-body.ops-tournament-standing-4j0f7 .p4j0f7-standing-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ops-enterprise-body.ops-tournament-standing-4j0f7 .p4j0f7-leaderboard-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Phase 4J0F8 — Tournament host console and score input UX.
   Scoped only to OPS tournament host page. */
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-tournament-host-page{display:grid;gap:14px}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-host-card{display:grid;gap:12px}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-host-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-host-summary>div{border:1px solid var(--ops-border,rgba(148,163,184,.25));border-radius:16px;padding:10px;background:var(--ops-soft,rgba(15,23,42,.04))}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-host-summary small{display:block;font-size:11px;opacity:.72}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-host-summary b{display:block;font-size:20px;line-height:1.12}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-court-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-court-card{display:grid;gap:10px;border:1px solid var(--ops-border,rgba(148,163,184,.25));border-radius:18px;padding:12px;background:var(--ops-surface,rgba(255,255,255,.78))}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-court-card.is-locked{background:var(--ops-card-soft,rgba(15,23,42,.035))}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-court-head{display:flex;justify-content:space-between;gap:10px;align-items:center}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-court-head span{border-radius:999px;border:1px solid var(--ops-border,rgba(148,163,184,.25));padding:5px 8px;font-size:11px;font-weight:900}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-team-row{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-team-row strong{border-radius:14px;padding:10px;background:var(--ops-soft,rgba(15,23,42,.04));min-height:44px}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-team-row i{font-style:normal;font-weight:950;opacity:.7}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-rest{display:block;opacity:.68;font-weight:800}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-score-card-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-score-card-form label{display:grid;gap:5px;font-size:12px;font-weight:850}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-score-card-form label.full,.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-score-card-form .full{grid-column:1/-1}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-score-card-form input[type="number"]{text-align:center;font-size:18px;font-weight:900}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-score-locked{display:flex;justify-content:space-between;gap:10px;align-items:center;border-radius:16px;padding:12px;background:var(--ops-soft,rgba(15,23,42,.04))}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-score-locked b{font-size:24px}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-score-locked small{opacity:.68;font-weight:800}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-next-round-form{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--ops-border,rgba(148,163,184,.25));border-radius:18px;padding:12px;background:var(--ops-card-soft,rgba(15,23,42,.035))}
.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-next-round-form small{display:block;opacity:.72;font-size:12px}
@media(max-width:980px){.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-court-grid{grid-template-columns:1fr}.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-host-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-team-row{grid-template-columns:1fr}.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-team-row i{text-align:center}.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-next-round-form{display:grid}.ops-enterprise-body.ops-tournament-host-4j0f8 .p4j0f8-next-round-form .ops-btn{width:100%}}


/* Phase 4J0F9 — Tournament discovery growth. */
body:not(.ops-admin) .p4j0f9-discovery-screen{display:grid;gap:12px}
body:not(.ops-admin) .p4j0f9-discovery-hero{overflow:hidden}
body:not(.ops-admin) .p4j0f9-filter-card{display:grid;gap:10px;position:relative;z-index:1}
body:not(.ops-admin) .p4j0f9-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
body:not(.ops-admin) .p4j0f9-search-row input{width:100%;border:1px solid var(--card-border,rgba(6,63,51,.14));border-radius:14px;padding:10px 12px;background:var(--card-bg,#fff);color:var(--text-primary,#063f33);font-weight:750;min-width:0}
body:not(.ops-admin) .p4j0f9-filter-rail{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:2px}
body:not(.ops-admin) .p4j0f9-filter-rail::-webkit-scrollbar{display:none}
body:not(.ops-admin) .p4j0f9-filter-rail button{flex:0 0 auto;border:1px solid var(--card-border,rgba(6,63,51,.13));border-radius:999px;background:var(--surface-soft,rgba(6,63,51,.06));color:var(--text-primary,#063f33);font-weight:900;font-size:.78rem;padding:8px 11px}
body:not(.ops-admin) .p4j0f9-filter-rail button.is-active{background:var(--accent,#b7ff35);border-color:var(--accent,#b7ff35);color:var(--accent-ink,#063f33)}
body:not(.ops-admin) .p4j0f9-growth-card{display:grid;gap:10px;border-color:var(--card-border,rgba(6,63,51,.13))}
body:not(.ops-admin) .p4j0f9-card-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
body:not(.ops-admin) .p4j0f9-urgency{margin-left:auto;border-radius:999px;padding:6px 9px;background:var(--surface-soft,rgba(183,255,53,.24));color:var(--text-primary,#063f33);font-weight:950;font-size:.75rem}
body:not(.ops-admin) .p4j0f9-chip-row{display:flex;flex-wrap:wrap;gap:6px}
body:not(.ops-admin) .p4j0f9-chip-row span{border-radius:999px;padding:5px 8px;background:var(--surface-soft,rgba(6,63,51,.07));color:var(--text-secondary,#60756c);font-weight:850;font-size:.72rem;text-transform:capitalize}
body:not(.ops-admin) .p4j0f9-prize-strip{border:1px solid var(--card-border,rgba(6,63,51,.12));border-radius:14px;padding:9px 10px;background:var(--surface-soft,rgba(183,255,53,.12));display:grid;gap:2px}
body:not(.ops-admin) .p4j0f9-prize-strip b{font-size:.8rem;color:var(--text-primary,#063f33)}
body:not(.ops-admin) .p4j0f9-prize-strip small{font-size:.76rem;color:var(--text-secondary,#60756c);font-weight:750}
body:not(.ops-admin) .p4j0f9-card-actions{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}
body:not(.ops-admin) .p4j0f9-load-more{justify-self:center;min-width:160px}
html[data-theme="dark"] body:not(.ops-admin) .p4j0f9-search-row input,
html[data-theme="dark"] body:not(.ops-admin) .p4j0f9-growth-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0f9-filter-card{border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] body:not(.ops-admin) .p4j0f9-filter-rail button,
html[data-theme="dark"] body:not(.ops-admin) .p4j0f9-chip-row span,
html[data-theme="dark"] body:not(.ops-admin) .p4j0f9-urgency,
html[data-theme="dark"] body:not(.ops-admin) .p4j0f9-prize-strip{background:rgba(255,255,255,.10);color:#f4fff8;border-color:rgba(255,255,255,.12)}
@media(max-width:520px){body:not(.ops-admin) .p4j0f9-search-row{grid-template-columns:1fr}body:not(.ops-admin) .p4j0f9-search-row .btn{width:100%}body:not(.ops-admin) .p4j0f9-card-actions{display:grid;grid-template-columns:1fr}body:not(.ops-admin) .p4j0f9-card-actions .btn{width:100%}}

/* Phase 4J0G1 — Tournament UAT debug and route fix, scoped only to tournament/debug surfaces. */
.ops-enterprise-body.ops-tournament-uat-4j0g0 .ops-tournament-page.is-active {
  display: block;
}
.p4j0g1-uat-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 18px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ops-text, #063c35);
  background: var(--ops-bg, #f6fbf8);
}
.p4j0g1-uat-hero,
.p4j0g1-uat-card,
.p4j0g1-feedback-card {
  border: 1px solid var(--ops-border, rgba(3, 70, 56, .14));
  border-radius: 18px;
  background: var(--ops-card, #fff);
  box-shadow: 0 12px 30px rgba(5, 65, 52, .08);
  padding: 16px;
  margin-bottom: 14px;
}
.p4j0g1-uat-hero h1,
.p4j0g1-uat-card h2,
.p4j0g1-feedback-card h2 {
  margin: 0 0 6px;
  font-size: 20px;
  letter-spacing: -.02em;
}
.p4j0g1-uat-hero p,
.p4j0g1-uat-card p,
.p4j0g1-feedback-card p {
  margin: 0;
  color: var(--ops-muted, #5b7069);
  line-height: 1.5;
}
.p4j0g1-uat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}
.p4j0g1-uat-step {
  border: 1px solid var(--ops-border, rgba(3, 70, 56, .14));
  border-radius: 16px;
  padding: 14px;
  background: var(--ops-soft, rgba(0, 128, 96, .05));
}
.p4j0g1-uat-step b {display:block;margin-bottom:4px;}
.p4j0g1-uat-step code {
  display:block;
  margin: 10px 0;
  padding: 9px 10px;
  border-radius: 12px;
  overflow:auto;
  background: rgba(0,0,0,.05);
  font-size: 12px;
}
.p4j0g1-uat-step a {font-weight:700;color:var(--ops-primary,#006b55);text-decoration:none;}
.p4j0g1-feedback-card form {display:grid;gap:10px;}
.p4j0g1-feedback-card input,
.p4j0g1-feedback-card select,
.p4j0g1-feedback-card textarea {
  width:100%;
  box-sizing:border-box;
  border:1px solid var(--ops-border, rgba(3,70,56,.18));
  border-radius:12px;
  padding:10px 12px;
  background:var(--ops-card,#fff);
  color:var(--ops-text,#063c35);
}
.p4j0g1-feedback-card button,
.p4j0g1-uat-button {
  border:0;
  border-radius:12px;
  padding:10px 14px;
  background:var(--ops-primary,#006b55);
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.p4j0g1-feedback-list {display:grid;gap:8px;margin-top:12px;}
.p4j0g1-feedback-row {border:1px solid var(--ops-border, rgba(3,70,56,.12));border-radius:12px;padding:10px;background:var(--ops-soft,rgba(0,128,96,.04));}
.p4j0g1-feedback-row small {display:block;color:var(--ops-muted,#5b7069);margin-top:3px;}
@media (prefers-color-scheme: dark) {
  .p4j0g1-uat-page {background: var(--ops-bg, #061915); color: var(--ops-text, #e9fff8);}
  .p4j0g1-uat-hero,.p4j0g1-uat-card,.p4j0g1-feedback-card {background: var(--ops-card, #09251f);}
  .p4j0g1-uat-step code {background: rgba(255,255,255,.08);}
}

/* Phase 4J0G1 — Tournament Operational Flow Polish */
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-tournament-flow-page {
  display: grid;
  gap: 14px;
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-notice-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-color: var(--ops-success-border, rgba(0, 128, 96, .22));
  background: var(--ops-success-soft, rgba(0, 128, 96, .07));
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-tournament-hero {
  align-items: stretch;
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-hero-actions,
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-active-actions,
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-hero-actions a,
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-step-nav a {
  text-decoration: none;
  color: inherit;
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-hero-actions a {
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-weight: 800;
  font-size: 12px;
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-active-card {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(220px, 340px) auto;
  gap: 14px;
  align-items: center;
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-active-card h2,
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-section-head h2 {
  margin: 0;
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-active-card p,
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-section-head p {
  margin: 3px 0 0;
  color: var(--ops-muted, #5b7069);
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-selector-form label {
  display: grid;
  gap: 5px;
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-selector-form span {
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ops-muted, #5b7069);
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-step-nav {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-step-nav a {
  border: 1px solid var(--ops-border, rgba(3,70,56,.14));
  border-radius: 16px;
  background: var(--ops-card, #fff);
  padding: 12px;
  display: grid;
  gap: 3px;
  min-height: 84px;
  box-shadow: 0 10px 24px rgba(5,65,52,.05);
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-step-nav b {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--ops-primary, #006b55);
  color: #fff;
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-step-nav span {
  font-weight: 900;
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-step-nav small {
  color: var(--ops-muted, #5b7069);
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-section-card {
  scroll-margin-top: 100px;
  display: grid;
  gap: 12px;
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-section-head {
  margin-bottom: 10px;
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-two-col,
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-wizard-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .75fr);
  gap: 14px;
  align-items: start;
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-empty-action {
  border: 1px dashed var(--ops-border, rgba(3,70,56,.2));
  border-radius: 16px;
  padding: 14px;
  display: grid;
  gap: 8px;
  background: var(--ops-soft, rgba(0,128,96,.035));
  color: var(--ops-muted, #5b7069);
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-empty-action b {
  color: var(--ops-text, #063c35);
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-share-grid {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr) minmax(180px, .5fr);
  gap: 10px;
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-share-grid > div {
  border: 1px solid var(--ops-border, rgba(3,70,56,.14));
  border-radius: 14px;
  padding: 12px;
  background: var(--ops-soft, rgba(0,128,96,.035));
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-share-grid small {
  display: block;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--ops-muted, #5b7069);
  margin-bottom: 5px;
}
.ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-share-grid code {
  display: block;
  white-space: normal;
  word-break: break-word;
  font-size: 12px;
}
@media (max-width: 980px) {
  .ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-active-card,
  .ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-two-col,
  .ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-wizard-layout,
  .ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-share-grid {
    grid-template-columns: 1fr;
  }
  .ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-step-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {
  .ops-enterprise-body.ops-tournament-flow-4j0g1 .p4j0g1-step-nav {grid-template-columns: 1fr;}
}

/* Phase 4J0G2 — Tournament Dashboard Tabbed Workspace And FSD Spacing Polish */
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-tournament-workspace-page {
  gap: 18px;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g1-tournament-hero {
  margin-bottom: 0;
  padding: 22px 24px;
  border-radius: 22px;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g1-tournament-hero h2 {
  margin: 4px 0 8px;
  line-height: 1.1;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g1-tournament-hero p {
  max-width: 760px;
  line-height: 1.55;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g1-active-card {
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 14px 38px rgba(5,65,52,.07);
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-tab-nav {
  grid-template-columns: repeat(7, minmax(120px, 1fr));
  gap: 12px;
  margin: 0;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-tab-nav a {
  min-height: 72px;
  padding: 12px 14px;
  border-radius: 18px;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-tab-nav a:hover {
  transform: translateY(-1px);
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-tab-nav a.is-active {
  color: #fff;
  background: linear-gradient(135deg, var(--ops-primary, #006b55), var(--ops-primary-2, #0a8f70));
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 16px 32px rgba(0, 96, 72, .22);
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-tab-nav a.is-active b {
  background: rgba(255,255,255,.2);
  color: #fff;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-tab-nav a.is-active small {
  color: rgba(255,255,255,.82);
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-tab-panel {
  display: none;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-tab-panel.is-active {
  display: grid;
  gap: 18px;
  animation: p4j0g2PanelIn .18s ease-out;
}
@keyframes p4j0g2PanelIn {
  from { opacity: .72; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-metric-grid {
  gap: 14px;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-metric-grid .ops-card,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-flow-card,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g1-section-card,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0f4-wizard-card,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0f4-preview-card,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0f6-roster-card,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0f8-host-card,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0f5-round-card,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0f7-standing-card,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g1-share-card {
  border-radius: 22px;
  padding: 18px;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-overview-grid,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-uat-mini-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-flow-card {
  display: grid;
  gap: 8px;
  align-content: start;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-flow-card small,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-uat-mini-grid b {
  color: var(--ops-primary, #006b55);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-flow-card h2,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g1-section-card h2 {
  margin: 0;
  line-height: 1.18;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-flow-card p,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-uat-mini-grid span {
  margin: 0;
  color: var(--ops-muted, #5b7069);
  line-height: 1.5;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-uat-mini-grid > div {
  display: grid;
  gap: 6px;
  border: 1px solid var(--ops-border, rgba(3,70,56,.14));
  border-radius: 18px;
  padding: 16px;
  background: var(--ops-soft, rgba(0,128,96,.04));
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g1-wizard-layout,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g1-two-col {
  gap: 18px;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0f4-step {
  margin-top: 14px;
  margin-bottom: 12px;
  border-radius: 18px;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0f4-form-grid {
  gap: 14px;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0f4-form-grid label,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0f6-add-participant-form label {
  display: grid;
  gap: 6px;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0f4-preview-visual {
  display: grid;
  gap: 8px;
  align-content: end;
  min-height: 160px;
  border-radius: 22px;
  padding: 20px;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0f4-preview-visual span,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0f4-preview-visual b,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0f4-preview-visual small {
  display: block;
  width: fit-content;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0f4-preview-visual b {
  width: auto;
  font-size: 22px;
  line-height: 1.1;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0f4-preview-grid,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0f6-roster-summary,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0f8-host-summary,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0f5-round-summary,
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0f7-standing-summary {
  gap: 12px;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g1-empty-action {
  padding: 18px;
  border-radius: 20px;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g1-share-grid {
  gap: 14px;
}
.ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g1-share-grid > div {
  padding: 16px;
  border-radius: 18px;
}
@media (max-width: 1180px) {
  .ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-tab-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-overview-grid,
  .ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-uat-mini-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .ops-enterprise-body.ops-tournament-tabs-4j0g2 .p4j0g2-tab-nav {
    grid-template-columns: 1fr;
  }
}

/* Phase 4J0G6 — Customer tournament discovery FSD UI polish. Scoped to customer tournament page only. */
body:not(.ops-admin) .p4j0g6-tournament-discovery-page{
  gap:18px;
  padding-bottom:max(220px,calc(196px + env(safe-area-inset-bottom)));
}
body:not(.ops-admin) .p4j0g6-discovery-hero{
  gap:14px;
  padding:18px;
  border-radius:22px;
  box-shadow:0 14px 34px rgba(6,63,51,.07);
}
body:not(.ops-admin) .p4j0g6-hero-badges{
  row-gap:8px;
  padding-top:2px;
}
body:not(.ops-admin) .p4j0g6-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin:2px 2px -6px;
}
body:not(.ops-admin) .p4j0g6-section-head small{
  color:var(--text-secondary,#60756c);
  font-weight:760;
  line-height:1.35;
  text-align:right;
}
body:not(.ops-admin) .p4j0g6-template-grid{
  gap:12px;
}
body:not(.ops-admin) .p4j0g6-template-card{
  padding:14px;
  border-radius:18px;
  min-height:82px;
  align-content:center;
  border-color:var(--card-border,rgba(6,63,51,.12));
  box-shadow:0 10px 24px rgba(6,63,51,.055);
}
body:not(.ops-admin) .p4j0g6-template-card b{
  font-size:.98rem;
  line-height:1.18;
}
body:not(.ops-admin) .p4j0g6-template-card small{
  line-height:1.35;
}
body:not(.ops-admin) .p4j0g6-discovery-title-card{
  margin-top:4px;
  padding:6px 2px 0;
}
body:not(.ops-admin) .p4j0g6-filter-card{
  gap:12px;
  padding:14px;
  border-radius:20px;
  box-shadow:0 12px 28px rgba(6,63,51,.055);
}
body:not(.ops-admin) .p4j0g6-filter-heading{
  display:flex;
  justify-content:space-between;
  gap:12px;
}
body:not(.ops-admin) .p4j0g6-filter-heading b{
  display:block;
  color:var(--text-primary,#063f33);
  font-size:.98rem;
  line-height:1.2;
}
body:not(.ops-admin) .p4j0g6-filter-heading small{
  display:block;
  color:var(--text-secondary,#60756c);
  font-weight:720;
  line-height:1.35;
  margin-top:3px;
}
body:not(.ops-admin) .p4j0g6-search-row{
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
}
body:not(.ops-admin) .p4j0g6-search-row input{
  min-height:48px;
  border-radius:16px;
  padding:0 14px;
  font-size:.92rem;
}
body:not(.ops-admin) .p4j0g6-search-row .btn{
  min-height:48px;
  border-radius:16px;
  padding-inline:18px;
}
body:not(.ops-admin) .p4j0g6-filter-rail{
  gap:9px;
  padding:2px 18px 4px 1px;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
}
body:not(.ops-admin) .p4j0g6-filter-rail button{
  scroll-snap-align:start;
  padding:9px 13px;
  min-height:38px;
}
body:not(.ops-admin) .p4j0g6-tournament-list{
  display:grid;
  gap:14px;
}
body:not(.ops-admin) .p4j0g6-discovery-card{
  padding:15px;
  border-radius:22px;
  gap:12px;
  box-shadow:0 14px 30px rgba(6,63,51,.07);
}
body:not(.ops-admin) .p4j0g6-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
body:not(.ops-admin) .p4j0g6-card-title{
  color:var(--text-primary,#063f33);
  font-size:1.05rem;
  font-weight:1000;
  line-height:1.16;
}
body:not(.ops-admin) .p4j0g6-card-meta{
  color:var(--text-secondary,#60756c);
  font-size:.84rem;
  font-weight:820;
  line-height:1.3;
}
body:not(.ops-admin) .p4j0g6-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
body:not(.ops-admin) .p4j0g6-info-grid span{
  display:grid;
  gap:2px;
  padding:10px;
  border-radius:14px;
  background:var(--surface-soft,rgba(6,63,51,.055));
  color:var(--text-primary,#063f33);
}
body:not(.ops-admin) .p4j0g6-info-grid b{
  font-size:.95rem;
  line-height:1.1;
}
body:not(.ops-admin) .p4j0g6-info-grid small{
  color:var(--text-secondary,#60756c);
  font-size:.72rem;
  font-weight:820;
}
body:not(.ops-admin) .p4j0g6-card-copy{
  margin:0;
  line-height:1.45;
}
body:not(.ops-admin) .p4j0g6-empty-state{
  display:grid;
  gap:12px;
  justify-items:start;
  padding:20px;
  border-radius:24px;
  border:1px dashed var(--card-border,rgba(6,63,51,.16));
  background:linear-gradient(135deg,var(--card-bg,#fff),var(--surface-soft,rgba(183,255,53,.12)));
  min-height:220px;
  align-content:center;
}
body:not(.ops-admin) .p4j0g6-empty-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:var(--surface-soft,rgba(6,63,51,.08));
  font-size:1.7rem;
}
body:not(.ops-admin) .p4j0g6-empty-actions{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0g6-template-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0g6-filter-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0g6-discovery-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0g6-empty-state{
  background:linear-gradient(135deg,#0d211b,rgba(20,63,48,.72));
  border-color:rgba(255,255,255,.12);
  box-shadow:none;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0g6-section-head small,
html[data-theme="dark"] body:not(.ops-admin) .p4j0g6-filter-heading small,
html[data-theme="dark"] body:not(.ops-admin) .p4j0g6-card-meta,
html[data-theme="dark"] body:not(.ops-admin) .p4j0g6-info-grid small{
  color:rgba(244,255,248,.72);
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0g6-filter-heading b,
html[data-theme="dark"] body:not(.ops-admin) .p4j0g6-card-title,
html[data-theme="dark"] body:not(.ops-admin) .p4j0g6-info-grid span{
  color:#f4fff8;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0g6-info-grid span,
html[data-theme="dark"] body:not(.ops-admin) .p4j0g6-empty-icon{
  background:rgba(255,255,255,.10);
}
@media(max-width:520px){
  body:not(.ops-admin) .p4j0g6-tournament-discovery-page{gap:16px;padding-bottom:max(230px,calc(206px + env(safe-area-inset-bottom)))}
  body:not(.ops-admin) .p4j0g6-section-head{display:grid;gap:4px}
  body:not(.ops-admin) .p4j0g6-section-head small{text-align:left}
  body:not(.ops-admin) .p4j0g6-search-row{grid-template-columns:1fr}
  body:not(.ops-admin) .p4j0g6-search-row .btn{width:100%}
  body:not(.ops-admin) .p4j0g6-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body:not(.ops-admin) .p4j0g6-card-head{align-items:stretch}
  body:not(.ops-admin) .p4j0g6-card-head .p4j0f9-urgency{margin-left:0}
  body:not(.ops-admin) .p4j0g6-empty-actions{display:grid;width:100%}
  body:not(.ops-admin) .p4j0g6-empty-actions .btn{width:100%}
}

/* Phase 4J0G7 — Customer tournament global-FSD component alignment. Scoped only to customer tournament page. */
body:not(.ops-admin) .p4j0g7-tournament-discovery-page{
  gap:14px;
  padding-bottom:max(230px,calc(210px + env(safe-area-inset-bottom)));
}
body:not(.ops-admin) .p4j0g7-hero{
  gap:10px;
}
body:not(.ops-admin) .p4j0g7-section-head{
  margin:4px 2px 0;
}
body:not(.ops-admin) .p4j0g7-section-head .page-title{
  font-size:1.14rem;
}
body:not(.ops-admin) .p4j0g7-template-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
body:not(.ops-admin) .p4j0g7-template-card{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:center;
  min-height:78px;
}
body:not(.ops-admin) .p4j0g7-template-card b{
  display:block;
  font-size:.92rem;
  line-height:1.12;
  color:var(--text-primary);
}
body:not(.ops-admin) .p4j0g7-template-card small{
  display:block;
  margin-top:3px;
  color:var(--text-secondary);
  font-size:.74rem;
  line-height:1.24;
}
body:not(.ops-admin) .p4j0g7-filter-card{
  display:grid;
  gap:10px;
}
body:not(.ops-admin) .p4j0g7-filter-heading .event-name{
  margin-top:1px;
}
body:not(.ops-admin) .p4j0g7-search-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}
body:not(.ops-admin) .p4j0g7-search-row .btn{
  min-height:40px;
  white-space:nowrap;
}
body:not(.ops-admin) .p4j0g7-filter-rail{
  padding-right:14px;
  scroll-snap-type:x proximity;
}
body:not(.ops-admin) .p4j0g7-filter-rail .chip{
  scroll-snap-align:start;
  border-radius:var(--radius-control);
}
body:not(.ops-admin) .p4j0g7-tournament-list{
  display:grid;
  gap:10px;
}
body:not(.ops-admin) .p4j0g7-discovery-card{
  gap:9px;
}
body:not(.ops-admin) .p4j0g7-card-top,
body:not(.ops-admin) .p4j0g7-card-main{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
body:not(.ops-admin) .p4j0g7-card-chips,
body:not(.ops-admin) .p4j0g7-discovery-badges{
  gap:6px;
}
body:not(.ops-admin) .p4j0g7-urgency{
  flex:0 0 auto;
}
body:not(.ops-admin) .p4j0g7-card-title{
  font-size:1.02rem;
}
body:not(.ops-admin) .p4j0g7-card-meta{
  margin-top:3px;
}
body:not(.ops-admin) .p4j0g7-price-pill{
  display:grid;
  gap:1px;
  min-width:88px;
  text-align:right;
  color:var(--text-primary);
}
body:not(.ops-admin) .p4j0g7-price-pill b{
  font-size:.88rem;
  line-height:1.05;
}
body:not(.ops-admin) .p4j0g7-price-pill small{
  color:var(--text-secondary);
  font-size:.66rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
body:not(.ops-admin) .p4j0g7-info-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
}
body:not(.ops-admin) .p4j0g7-info-grid span{
  display:grid;
  gap:2px;
  min-width:0;
  padding:8px 7px;
  border:1px solid var(--border);
  border-radius:var(--radius-control);
  background:var(--bg-soft-2);
}
body:not(.ops-admin) .p4j0g7-info-grid b{
  color:var(--text-primary);
  font-size:.84rem;
  line-height:1.05;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body:not(.ops-admin) .p4j0g7-info-grid small{
  color:var(--text-secondary);
  font-size:.61rem;
  line-height:1.1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
body:not(.ops-admin) .p4j0g7-prize-strip{
  display:grid;
  gap:3px;
}
body:not(.ops-admin) .p4j0g7-prize-strip b{
  color:var(--text-primary);
  font-size:.78rem;
}
body:not(.ops-admin) .p4j0g7-prize-strip small{
  color:var(--text-secondary);
  line-height:1.25;
}
body:not(.ops-admin) .p4j0g7-card-copy{
  margin:0;
}
body:not(.ops-admin) .p4j0g7-actions{
  justify-content:space-between;
}
body:not(.ops-admin) .p4j0g7-actions .btn{
  flex:1 1 0;
}
body:not(.ops-admin) .p4j0g7-empty-state{
  min-height:170px;
}
body:not(.ops-admin) .p4j0g7-empty-actions{
  margin-top:4px;
}
@media(max-width:520px){
  body:not(.ops-admin) .p4j0g7-tournament-discovery-page{gap:12px;}
  body:not(.ops-admin) .p4j0g7-template-grid{grid-template-columns:1fr;}
  body:not(.ops-admin) .p4j0g7-search-row{grid-template-columns:1fr;}
  body:not(.ops-admin) .p4j0g7-search-row .btn{width:100%;}
  body:not(.ops-admin) .p4j0g7-card-top,
  body:not(.ops-admin) .p4j0g7-card-main{display:grid;gap:7px;}
  body:not(.ops-admin) .p4j0g7-price-pill{text-align:left;min-width:0;}
  body:not(.ops-admin) .p4j0g7-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body:not(.ops-admin) .p4j0g7-actions{display:grid;grid-template-columns:1fr 1fr;}
}

/* Phase 4J0G8 — Customer tournament discovery FSD alignment rebuild.
   Scoped to customer tournament only. Uses existing global FSD components and keeps bottom-nav/FAB untouched. */
body:not(.ops-admin) .p4j0g8-tournament-page{
  gap:14px;
  padding-bottom:max(150px,calc(126px + env(safe-area-inset-bottom)));
}
body:not(.ops-admin) .p4j0g8-hero{
  padding:16px;
  border-radius:var(--radius-card);
  color:#fff;
  background:linear-gradient(135deg,var(--brand-green),color-mix(in srgb,var(--brand-green-2) 72%,#0f8f68));
  border:1px solid color-mix(in srgb,var(--brand-green) 75%,#fff);
  box-shadow:var(--shadow);
  gap:14px;
}
body:not(.ops-admin) .p4j0g8-hero .section-kicker,
body:not(.ops-admin) .p4j0g8-hero .page-subtitle{color:rgba(255,255,255,.82)}
body:not(.ops-admin) .p4j0g8-hero .page-title{color:#fff}
body:not(.ops-admin) .p4j0g8-hero .title-icon{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.24);color:#fff}
body:not(.ops-admin) .p4j0g8-hero-stats span{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.24);color:#fff}
body:not(.ops-admin) .p4j0g8-hero-stats small{color:rgba(255,255,255,.78)}
body:not(.ops-admin) .p4j0g8-filter-card{
  display:grid;
  gap:12px;
  padding:14px;
}
body:not(.ops-admin) .p4j0g8-filter-card .list-title{align-items:flex-start}
body:not(.ops-admin) .p4j0g8-search-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}
body:not(.ops-admin) .p4j0g8-search-row .btn{min-height:40px;white-space:nowrap}
body:not(.ops-admin) .p4j0g8-filter-rail{
  margin:0 -4px;
  padding:2px 4px 6px;
  scroll-snap-type:x proximity;
}
body:not(.ops-admin) .p4j0g8-filter-rail .chip{scroll-snap-align:start}
body:not(.ops-admin) .p4j0g8-section-title{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:10px;
  margin:2px 2px 0;
}
body:not(.ops-admin) .p4j0g8-section-title .page-title{font-size:1.2rem}
body:not(.ops-admin) .p4j0g8-tournament-list{gap:10px}
body:not(.ops-admin) .p4j0g8-discovery-card{
  padding:13px;
  gap:10px;
}
body:not(.ops-admin) .p4j0g8-card-head{align-items:flex-start}
body:not(.ops-admin) .p4j0g8-main-line{align-items:flex-start;gap:10px}
body:not(.ops-admin) .p4j0g8-format-icon{width:36px;height:36px;border-radius:12px;font-size:.82rem}
body:not(.ops-admin) .p4j0g8-stat-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
body:not(.ops-admin) .p4j0g8-stat-row span{
  padding:9px 8px;
}
body:not(.ops-admin) .p4j0g8-meta-list{
  gap:6px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:var(--radius-control);
  background:var(--bg-soft-2);
}
body:not(.ops-admin) .p4j0g8-badge-row{gap:6px}
body:not(.ops-admin) .p4j0g8-card-copy{
  margin:0;
  border-radius:var(--radius-control);
  background:var(--accent-soft);
  color:var(--text-primary);
  padding:9px 10px;
}
body:not(.ops-admin) .p4j0g8-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
body:not(.ops-admin) .p4j0g8-actions .btn{width:100%}
body:not(.ops-admin) .p4j0g8-user-status{
  width:100%;
  min-height:38px;
  justify-content:center;
}
body:not(.ops-admin) .p4j0g8-user-status small{margin-left:4px;color:var(--text-secondary)}
body:not(.ops-admin) .p4j0g8-empty-state{
  min-height:170px;
  padding:18px 14px;
  border-style:dashed;
}
body:not(.ops-admin) .p4j0g8-empty-actions{margin-top:4px;justify-content:center}
body:not(.ops-admin) .p4j0g8-template-section{
  display:grid;
  gap:10px;
}
body:not(.ops-admin) .p4j0g8-template-section summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
body:not(.ops-admin) .p4j0g8-template-section summary::-webkit-details-marker{display:none}
body:not(.ops-admin) .p4j0g8-template-section summary span{display:grid;gap:2px}
body:not(.ops-admin) .p4j0g8-template-section summary b{font-size:.98rem;color:var(--text-primary)}
body:not(.ops-admin) .p4j0g8-template-section summary small{font-size:.75rem;color:var(--text-secondary)}
body:not(.ops-admin) .p4j0g8-template-section summary:after{content:'+';font-weight:950;color:var(--text-secondary)}
body:not(.ops-admin) .p4j0g8-template-section[open] summary:after{content:'−'}
body:not(.ops-admin) .p4j0g8-template-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
body:not(.ops-admin) .p4j0g8-template-card{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:10px;
}
body:not(.ops-admin) .p4j0g8-template-card b{display:block;line-height:1.1;color:var(--text-primary)}
body:not(.ops-admin) .p4j0g8-template-card small{display:block;margin-top:3px;font-size:.72rem;line-height:1.2;color:var(--text-secondary)}
html[data-theme="dark"] body:not(.ops-admin) .p4j0g8-hero{
  background:linear-gradient(135deg,#063f33,#0a6a50);
  border-color:rgba(255,255,255,.14);
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0g8-card-copy,
html[data-theme="dark"] body:not(.ops-admin) .p4j0g8-meta-list{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12);
}
@media(max-width:520px){
  body:not(.ops-admin) .p4j0g8-tournament-page{gap:12px;padding-bottom:max(168px,calc(146px + env(safe-area-inset-bottom)))}
  body:not(.ops-admin) .p4j0g8-search-row{grid-template-columns:1fr auto}
  body:not(.ops-admin) .p4j0g8-search-row .search-input{min-width:0}
  body:not(.ops-admin) .p4j0g8-template-grid{grid-template-columns:1fr}
  body:not(.ops-admin) .p4j0g8-actions{grid-template-columns:1fr 1fr}
}
@media(max-width:370px){
  body:not(.ops-admin) .p4j0g8-search-row{grid-template-columns:1fr}
  body:not(.ops-admin) .p4j0g8-search-row .btn{width:100%}
  body:not(.ops-admin) .p4j0g8-actions{grid-template-columns:1fr}
}


/* PHASE 4J0G9 — Customer Tournament Detail + Mobile Safe Area Polish */
body:not(.ops-admin) .p4j0g9-tournament-page,
body:not(.ops-admin) .p4j0g9-tournament-detail-page{
  gap:16px;
  padding-bottom:max(230px,calc(210px + env(safe-area-inset-bottom)));
}
body:not(.ops-admin) .p4j0g9-hero,
body:not(.ops-admin) .p4j0g9-detail-hero{
  padding:18px;
  border-radius:var(--radius-card);
  color:#fff;
  background:linear-gradient(135deg,var(--brand-green),color-mix(in srgb,var(--brand-green-2) 72%,#0f8f68));
  border:1px solid color-mix(in srgb,var(--brand-green) 75%,#fff);
  box-shadow:var(--shadow);
  gap:14px;
}
body:not(.ops-admin) .p4j0g9-hero .section-kicker,
body:not(.ops-admin) .p4j0g9-hero .page-subtitle,
body:not(.ops-admin) .p4j0g9-detail-hero .section-kicker,
body:not(.ops-admin) .p4j0g9-detail-hero .page-subtitle{color:rgba(255,255,255,.84)}
body:not(.ops-admin) .p4j0g9-hero .page-title,
body:not(.ops-admin) .p4j0g9-detail-hero .page-title{color:#fff}
body:not(.ops-admin) .p4j0g9-hero .title-icon,
body:not(.ops-admin) .p4j0g9-detail-hero .title-icon{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.24);color:#fff}
body:not(.ops-admin) .p4j0g9-hero-stats,
body:not(.ops-admin) .p4j0g9-detail-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  width:100%;
}
body:not(.ops-admin) .p4j0g9-hero-stats span,
body:not(.ops-admin) .p4j0g9-detail-stats span{
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.24);
  color:#fff;
  border-radius:var(--radius-control);
}
body:not(.ops-admin) .p4j0g9-hero-stats small,
body:not(.ops-admin) .p4j0g9-detail-stats small{color:rgba(255,255,255,.78)}
body:not(.ops-admin) .p4j0g9-filter-card{
  display:grid;
  gap:10px;
  padding:14px;
  border-radius:var(--radius-card);
}
body:not(.ops-admin) .p4j0g9-filter-card .list-title{align-items:flex-start}
body:not(.ops-admin) .p4j0g9-search-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}
body:not(.ops-admin) .p4j0g9-search-row .btn{min-height:40px;white-space:nowrap}
body:not(.ops-admin) .p4j0g9-filter-rail{
  margin:0 -4px;
  padding:2px 4px 8px;
  scroll-snap-type:x proximity;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
body:not(.ops-admin) .p4j0g9-filter-rail .chip{
  scroll-snap-align:start;
  min-height:36px;
}
body:not(.ops-admin) .p4j0g9-filter-rail .chip.active{
  background:var(--brand-green);
  color:#fff;
  border-color:var(--brand-green);
  box-shadow:0 8px 18px rgba(0,91,74,.14);
}
body:not(.ops-admin) .p4j0g9-section-title{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:10px;
  margin:4px 2px 0;
}
body:not(.ops-admin) .p4j0g9-section-title .page-title{font-size:1.2rem}
body:not(.ops-admin) .p4j0g9-tournament-list{gap:12px}
body:not(.ops-admin) .p4j0g9-discovery-card{
  padding:14px;
  gap:10px;
  overflow:hidden;
}
body:not(.ops-admin) .p4j0g9-card-head{align-items:flex-start}
body:not(.ops-admin) .p4j0g9-main-line{align-items:flex-start;gap:10px}
body:not(.ops-admin) .p4j0g9-format-icon{width:36px;height:36px;border-radius:12px;font-size:.82rem}
body:not(.ops-admin) .p4j0g9-stat-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
body:not(.ops-admin) .p4j0g9-stat-row span{padding:9px 7px}
body:not(.ops-admin) .p4j0g9-meta-list{
  gap:6px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:var(--radius-control);
  background:var(--bg-soft-2);
}
body:not(.ops-admin) .p4j0g9-card-copy{
  margin:0;
  border-radius:var(--radius-control);
  background:var(--accent-soft);
  color:var(--text-primary);
  padding:9px 10px;
}
body:not(.ops-admin) .p4j0g9-actions{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
  position:relative;
  z-index:2;
}
body:not(.ops-admin) .p4j0g9-actions .btn{width:100%;min-height:40px}
body:not(.ops-admin) .p4j0g9-user-status{
  width:100%;
  min-height:40px;
  justify-content:center;
}
body:not(.ops-admin) .p4j0g9-user-status small{margin-left:4px;color:var(--text-secondary)}
body:not(.ops-admin) .p4j0g9-empty-state{
  min-height:170px;
  padding:18px 14px;
  border-style:dashed;
}
body:not(.ops-admin) .p4j0g9-empty-actions{margin-top:4px;justify-content:center}
body:not(.ops-admin) .p4j0g9-template-section{display:grid;gap:10px}
body:not(.ops-admin) .p4j0g9-template-section summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
body:not(.ops-admin) .p4j0g9-template-section summary::-webkit-details-marker{display:none}
body:not(.ops-admin) .p4j0g9-template-section summary span{display:grid;gap:2px}
body:not(.ops-admin) .p4j0g9-template-section summary b{font-size:.98rem;color:var(--text-primary)}
body:not(.ops-admin) .p4j0g9-template-section summary small{font-size:.75rem;color:var(--text-secondary)}
body:not(.ops-admin) .p4j0g9-template-section summary:after{content:'+';font-weight:950;color:var(--text-secondary)}
body:not(.ops-admin) .p4j0g9-template-section[open] summary:after{content:'−'}
body:not(.ops-admin) .p4j0g9-template-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
body:not(.ops-admin) .p4j0g9-template-card{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:10px;
}
body:not(.ops-admin) .p4j0g9-back-btn{
  width:max-content;
  max-width:100%;
}
body:not(.ops-admin) .p4j0g9-detail-summary,
body:not(.ops-admin) .p4j0g9-rule-card,
body:not(.ops-admin) .p4j0g9-participant-card{
  display:grid;
  gap:12px;
  padding:14px;
}
body:not(.ops-admin) .p4j0g9-summary-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
body:not(.ops-admin) .p4j0g9-summary-grid div{
  display:grid;
  gap:2px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:var(--radius-control);
  background:var(--bg-soft-2);
}
body:not(.ops-admin) .p4j0g9-summary-grid small{color:var(--text-secondary);font-size:.74rem}
body:not(.ops-admin) .p4j0g9-summary-grid b{color:var(--text-primary);font-size:.92rem}
body:not(.ops-admin) .p4j0g9-prize-line{margin:0}
body:not(.ops-admin) .p4j0g9-detail-desc{margin:0}
body:not(.ops-admin) .p4j0g9-detail-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
body:not(.ops-admin) .p4j0g9-detail-actions .btn,
body:not(.ops-admin) .p4j0g9-detail-actions .status-pill{width:100%}
body:not(.ops-admin) .p4j0g9-participant-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0g9-hero,
html[data-theme="dark"] body:not(.ops-admin) .p4j0g9-detail-hero{
  background:linear-gradient(135deg,#063f33,#0a6a50);
  border-color:rgba(255,255,255,.14);
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0g9-card-copy,
html[data-theme="dark"] body:not(.ops-admin) .p4j0g9-meta-list,
html[data-theme="dark"] body:not(.ops-admin) .p4j0g9-summary-grid div{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12);
}
@media(max-width:520px){
  body:not(.ops-admin) .p4j0g9-tournament-page,
  body:not(.ops-admin) .p4j0g9-tournament-detail-page{
    gap:14px;
    padding-bottom:max(260px,calc(230px + env(safe-area-inset-bottom)));
  }
  body:not(.ops-admin) .p4j0g9-search-row{grid-template-columns:1fr auto}
  body:not(.ops-admin) .p4j0g9-search-row .search-input{min-width:0}
  body:not(.ops-admin) .p4j0g9-template-grid{grid-template-columns:1fr}
  body:not(.ops-admin) .p4j0g9-actions{grid-template-columns:1fr 1fr}
  body:not(.ops-admin) .p4j0g9-actions .btn-secondary:last-child{grid-column:1 / -1}
  body:not(.ops-admin) .p4j0g9-summary-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:370px){
  body:not(.ops-admin) .p4j0g9-search-row{grid-template-columns:1fr}
  body:not(.ops-admin) .p4j0g9-search-row .btn{width:100%}
  body:not(.ops-admin) .p4j0g9-actions,
  body:not(.ops-admin) .p4j0g9-detail-actions{grid-template-columns:1fr}
  body:not(.ops-admin) .p4j0g9-actions .btn-secondary:last-child{grid-column:auto}
}


/* PHASE 4J0H0 — Customer Tournament FSD Visual Unification */
body:not(.ops-admin) .p4j0h0-tournament-page,
body:not(.ops-admin) .p4j0h0-tournament-detail-page{
  gap:12px;
  padding-bottom:max(230px,calc(210px + env(safe-area-inset-bottom)));
}
body:not(.ops-admin) .p4j0h0-hero{
  padding:12px;
  border-radius:var(--radius-card);
  background:linear-gradient(135deg,var(--bg-card) 0%,rgba(255,255,255,.72) 55%,var(--accent-soft) 100%);
  border-left:4px solid var(--brand-lime);
  color:var(--text-primary);
  box-shadow:var(--shadow);
}
body:not(.ops-admin) .p4j0h0-hero .page-title,
body:not(.ops-admin) .p4j0h0-hero .section-kicker,
body:not(.ops-admin) .p4j0h0-hero .page-subtitle{color:inherit}
body:not(.ops-admin) .p4j0h0-hero .page-subtitle{color:var(--text-secondary)}
body:not(.ops-admin) .p4j0h0-hero .hero-icon{
  background:var(--accent-soft);
  border-color:var(--border-strong);
  color:var(--brand-green);
}
body:not(.ops-admin) .p4j0h0-hero-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:4px;
}
body:not(.ops-admin) .p4j0h0-hero-stats span{
  display:grid;
  gap:1px;
  text-align:center;
  padding:8px 6px;
  border:1px solid var(--border);
  border-radius:var(--radius-control);
  background:rgba(255,255,255,.72);
}
body:not(.ops-admin) .p4j0h0-hero-stats strong{font-size:1.05rem;color:var(--text-primary);line-height:1}
body:not(.ops-admin) .p4j0h0-hero-stats small{
  font-size:.58rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--text-secondary);
  font-weight:950;
}
body:not(.ops-admin) .p4j0h0-filter-card{
  display:grid;
  gap:9px;
  padding:12px;
}
body:not(.ops-admin) .p4j0h0-filter-card .list-title{align-items:flex-start}
body:not(.ops-admin) .p4j0h0-search-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  align-items:center;
}
body:not(.ops-admin) .p4j0h0-search-row .search-input{min-width:0}
body:not(.ops-admin) .p4j0h0-search-row .btn{min-height:38px}
body:not(.ops-admin) .p4j0h0-filter-rail{
  margin:0 -2px;
  padding:2px 2px 5px;
  overflow-x:auto;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
}
body:not(.ops-admin) .p4j0h0-filter-rail .chip{
  min-height:34px;
  scroll-snap-align:start;
}
body:not(.ops-admin) .p4j0h0-section-title{
  padding:10px 2px 2px;
}
body:not(.ops-admin) .p4j0h0-section-title .page-title{font-size:1.22rem}
body:not(.ops-admin) .p4j0h0-tournament-list{
  display:grid;
  gap:8px;
}
body:not(.ops-admin) .p4j0h0-tournament-card{
  grid-template-columns:auto minmax(0,1fr);
  align-items:flex-start;
  padding:11px;
  border-left:0;
  min-height:auto;
}
body:not(.ops-admin) .p4j0h0-tournament-card::before{display:none!important}
body:not(.ops-admin) .p4j0h0-card-marker{
  width:34px;
  height:34px;
  min-width:34px;
}
body:not(.ops-admin) .p4j0h0-card-main{
  display:grid;
  gap:8px;
  min-width:0;
}
body:not(.ops-admin) .p4j0h0-card-topline{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:8px;
  min-width:0;
}
body:not(.ops-admin) .p4j0h0-card-topline .badge{
  white-space:nowrap;
  margin-top:1px;
}
body:not(.ops-admin) .p4j0h0-compact-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
body:not(.ops-admin) .p4j0h0-compact-meta span{
  display:grid;
  gap:1px;
  text-align:center;
  border:1px solid var(--border);
  border-radius:var(--radius-control);
  background:var(--bg-soft-2);
  padding:7px 5px;
}
body:not(.ops-admin) .p4j0h0-compact-meta strong{font-size:.92rem;color:var(--text-primary);line-height:1}
body:not(.ops-admin) .p4j0h0-compact-meta small{
  font-size:.55rem;
  text-transform:uppercase;
  letter-spacing:.055em;
  font-weight:950;
  color:var(--text-secondary);
}
body:not(.ops-admin) .p4j0h0-meta-list{
  gap:5px;
  padding:8px;
  border:1px solid var(--border);
  border-radius:var(--radius-control);
  background:var(--bg-soft-2);
}
body:not(.ops-admin) .p4j0h0-badge-row{
  padding-bottom:0;
}
body:not(.ops-admin) .p4j0h0-card-copy{
  margin:0;
  border-radius:var(--radius-control);
  padding:8px 9px;
  line-height:1.32;
  font-size:.75rem;
}
body:not(.ops-admin) .p4j0h0-actions{
  display:grid;
  grid-template-columns:1.15fr .85fr .85fr;
  gap:7px;
  align-items:center;
}
body:not(.ops-admin) .p4j0h0-actions .btn,
body:not(.ops-admin) .p4j0h0-actions .status-pill{
  width:100%;
  min-height:36px;
}
body:not(.ops-admin) .p4j0h0-user-status{
  justify-content:center;
  min-height:36px;
}
body:not(.ops-admin) .p4j0h0-user-status small{margin-left:4px;color:var(--text-secondary)}
body:not(.ops-admin) .p4j0h0-template-section{
  display:grid;
  gap:10px;
}
body:not(.ops-admin) .p4j0h0-template-section summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
body:not(.ops-admin) .p4j0h0-template-section summary::-webkit-details-marker{display:none}
body:not(.ops-admin) .p4j0h0-template-section summary span{display:grid;gap:2px}
body:not(.ops-admin) .p4j0h0-template-section summary b{font-size:.98rem;color:var(--text-primary)}
body:not(.ops-admin) .p4j0h0-template-section summary small{font-size:.75rem;color:var(--text-secondary)}
body:not(.ops-admin) .p4j0h0-template-section summary:after{content:'+';font-weight:950;color:var(--text-secondary)}
body:not(.ops-admin) .p4j0h0-template-section[open] summary:after{content:'−'}
body:not(.ops-admin) .p4j0h0-template-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
body:not(.ops-admin) .p4j0h0-template-card{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:9px;
}
body:not(.ops-admin) .p4j0h0-empty-state{
  min-height:160px;
  padding:16px 12px;
  border-style:dashed;
}
body:not(.ops-admin) .p4j0h0-empty-actions{margin-top:4px;justify-content:center}
body:not(.ops-admin) .p4j0h0-back-btn{width:max-content;max-width:100%}
body:not(.ops-admin) .p4j0h0-detail-summary,
body:not(.ops-admin) .p4j0h0-participant-card{
  display:grid;
  gap:10px;
  padding:12px;
}
body:not(.ops-admin) .p4j0h0-detail-meta{
  padding:9px;
  border:1px solid var(--border);
  border-radius:var(--radius-control);
  background:var(--bg-soft-2);
}
body:not(.ops-admin) .p4j0h0-detail-desc{margin:0}
body:not(.ops-admin) .p4j0h0-detail-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
body:not(.ops-admin) .p4j0h0-detail-actions .btn,
body:not(.ops-admin) .p4j0h0-detail-actions .status-pill{width:100%}
body:not(.ops-admin) .p4j0h0-rule-card{
  grid-template-columns:auto 1fr;
  align-items:flex-start;
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0h0-hero{
  background:linear-gradient(135deg,var(--bg-card),rgba(183,255,53,.06));
}
html[data-theme="dark"] body:not(.ops-admin) .p4j0h0-hero-stats span,
html[data-theme="dark"] body:not(.ops-admin) .p4j0h0-compact-meta span,
html[data-theme="dark"] body:not(.ops-admin) .p4j0h0-meta-list,
html[data-theme="dark"] body:not(.ops-admin) .p4j0h0-detail-meta{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12);
}
@media(max-width:520px){
  body:not(.ops-admin) .p4j0h0-tournament-page,
  body:not(.ops-admin) .p4j0h0-tournament-detail-page{
    gap:12px;
    padding-bottom:max(270px,calc(245px + env(safe-area-inset-bottom)));
  }
  body:not(.ops-admin) .p4j0h0-actions{grid-template-columns:1.1fr .9fr}
  body:not(.ops-admin) .p4j0h0-actions .btn-secondary:last-child{grid-column:1 / -1}
  body:not(.ops-admin) .p4j0h0-template-grid{grid-template-columns:1fr}
}
@media(max-width:370px){
  body:not(.ops-admin) .p4j0h0-search-row{grid-template-columns:1fr}
  body:not(.ops-admin) .p4j0h0-search-row .btn{width:100%}
  body:not(.ops-admin) .p4j0h0-actions,
  body:not(.ops-admin) .p4j0h0-detail-actions{grid-template-columns:1fr}
  body:not(.ops-admin) .p4j0h0-actions .btn-secondary:last-child{grid-column:auto}
}


/* === public/assets/css/phase-4j0h1-home-event-tournament-discovery-unification.css === */
/* Phase 4J0H1 scoped CSS. Reuses Event Discovery tokens/classes and only adds page-scoped alignment helpers. */
body:not(.ops-admin) .p4j0h1-home-discovery-card{
  display:grid!important;gap:12px!important;border-radius:24px!important;padding:14px!important;
  background:linear-gradient(135deg,#ffffff,#f5fff9)!important;border:1px solid rgba(6,63,51,.12)!important;
  box-shadow:0 14px 34px rgba(6,45,34,.06)!important;margin:0 0 14px!important;
}
body:not(.ops-admin) .p4j0h1-home-head small{display:block;font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#60766e!important}
body:not(.ops-admin) .p4j0h1-home-head strong{display:block;font-size:1.18rem;line-height:1.08;color:#063f33!important;margin:2px 0 4px!important}
body:not(.ops-admin) .p4j0h1-home-head span{display:block;color:#60766e!important;font-size:.9rem!important;line-height:1.36!important;font-weight:700!important}
body:not(.ops-admin) .p4j0h1-home-choice-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
body:not(.ops-admin) .p4j0h1-choice-card{appearance:none!important;border:1px solid rgba(6,63,51,.13)!important;background:#fff!important;border-radius:20px!important;padding:13px!important;display:grid!important;gap:6px!important;text-align:left!important;box-shadow:0 10px 24px rgba(4,58,44,.06)!important;color:#063f33!important;font:inherit!important;min-width:0!important}
body:not(.ops-admin) .p4j0h1-choice-card span{width:34px!important;height:34px!important;border-radius:14px!important;background:#e9f6ef!important;display:grid!important;place-items:center!important;font-weight:950!important}
body:not(.ops-admin) .p4j0h1-choice-card.tournament span{background:#ecffd0!important}
body:not(.ops-admin) .p4j0h1-choice-card b{font-size:1rem!important;line-height:1.1!important}
body:not(.ops-admin) .p4j0h1-choice-card em{font-style:normal!important;color:#60766e!important;font-size:.78rem!important;line-height:1.28!important;font-weight:750!important}
body:not(.ops-admin) .p4j0h1-tournament-page{padding-bottom:calc(220px + env(safe-area-inset-bottom,0px))!important}
body:not(.ops-admin) .p4j0h1-hero{margin-top:10px!important}
body:not(.ops-admin) .p4j0h1-intents{padding-bottom:8px!important}
body:not(.ops-admin) .p4j0h1-search-card{margin-top:0!important}
body:not(.ops-admin) .p4j0h1-chip-row{padding-bottom:10px!important}
body:not(.ops-admin) .p4j0h1-date-strip{padding-top:0!important;padding-bottom:10px!important}
body:not(.ops-admin) .p4j0h1-date-strip .p4j0cu-chip{display:grid!important;gap:2px!important;min-width:58px!important;text-align:center!important}
body:not(.ops-admin) .p4j0h1-date-strip .p4j0cu-chip span{font-size:.68rem!important;opacity:.78!important}
body:not(.ops-admin) .p4j0h1-tournament-thumb{display:grid!important;gap:2px!important;text-align:center!important;align-content:center!important;min-height:118px!important}
body:not(.ops-admin) .p4j0h1-tournament-thumb strong{font-size:1.05rem!important;line-height:1!important;color:#063f33!important}
body:not(.ops-admin) .p4j0h1-tournament-thumb span{font-size:1.65rem!important;line-height:1!important;font-weight:1000!important;color:#063f33!important}
body:not(.ops-admin) .p4j0h1-tournament-thumb em{font-style:normal!important;font-size:.68rem!important;font-weight:950!important;letter-spacing:.08em!important;color:#60766e!important}
body:not(.ops-admin) .p4j0h1-mini-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
body:not(.ops-admin) .p4j0h1-mini-stats span{border:1px solid var(--cu-line)!important;background:var(--cu-card-2)!important;border-radius:15px!important;padding:8px 6px!important;text-align:center!important;min-width:0!important}
body:not(.ops-admin) .p4j0h1-mini-stats b{display:block!important;font-size:1rem!important;line-height:1!important;color:var(--cu-ink)!important}
body:not(.ops-admin) .p4j0h1-mini-stats small{display:block!important;font-size:.62rem!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--cu-muted)!important;font-weight:950!important;margin-top:3px!important}
body:not(.ops-admin) .p4j0h1-tournament-meta{display:grid!important;gap:4px!important;border:1px solid var(--cu-line)!important;background:var(--cu-card-2)!important;border-radius:16px!important;padding:9px 10px!important;color:var(--cu-muted)!important;font-size:.8rem!important;font-weight:800!important}
body:not(.ops-admin) .p4j0h1-card-actions{grid-template-columns:1fr 1fr 1fr!important}
body:not(.ops-admin) .p4j0h1-template-section{border-radius:24px!important;margin-top:4px!important;padding:13px!important}
body:not(.ops-admin) .p4j0h1-template-section summary{cursor:pointer!important;list-style:none!important;display:flex!important;justify-content:space-between!important;gap:10px!important}
body:not(.ops-admin) .p4j0h1-template-section summary::-webkit-details-marker{display:none!important}
body:not(.ops-admin) .p4j0h1-template-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:12px!important}
html[data-theme="dark"] body:not(.ops-admin) .p4j0h1-home-discovery-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0h1-choice-card{background:#09241d!important;border-color:rgba(183,255,53,.20)!important;color:#f6fff7!important}
html[data-theme="dark"] body:not(.ops-admin) .p4j0h1-home-head strong,
html[data-theme="dark"] body:not(.ops-admin) .p4j0h1-choice-card b{color:#f6fff7!important}
html[data-theme="dark"] body:not(.ops-admin) .p4j0h1-home-head span,
html[data-theme="dark"] body:not(.ops-admin) .p4j0h1-choice-card em{color:#c9ead8!important}
@media(max-width:430px){
  body:not(.ops-admin) .p4j0h1-home-choice-grid{grid-template-columns:1fr!important}
  body:not(.ops-admin) .p4j0h1-card-actions{grid-template-columns:1fr!important}
  body:not(.ops-admin) .p4j0h1-template-grid{grid-template-columns:1fr!important}
}


/* === public/assets/css/phase-4j0h2-event-tournament-render-owner-fsd-sync.css === */
/* Phase 4J0H2 — Event/Tournament render owner FSD sync
   Scope: customer Home + Tournament only. Reuses p4j0cu Event Discovery classes and keeps protected selectors untouched. */
body:not(.ops-admin) .p4j0h2-home-discovery-card{
  display:grid!important;gap:12px!important;margin:0 0 14px!important;padding:14px!important;
  border-radius:24px!important;background:linear-gradient(135deg,#ffffff,#f6fff8)!important;
  border:1px solid rgba(7,61,50,.12)!important;box-shadow:0 14px 34px rgba(7,61,50,.06)!important;
}
body:not(.ops-admin) .p4j0h2-home-head small{display:block;font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#60766e!important}
body:not(.ops-admin) .p4j0h2-home-head strong{display:block;margin:2px 0 4px!important;font-size:1.18rem!important;line-height:1.08!important;color:#073d32!important}
body:not(.ops-admin) .p4j0h2-home-head span{display:block;color:#60766e!important;font-size:.9rem!important;line-height:1.36!important;font-weight:750!important}
body:not(.ops-admin) .p4j0h2-home-choice-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
body:not(.ops-admin) .p4j0h2-choice-card{appearance:none!important;border:1px solid rgba(7,61,50,.13)!important;background:#fff!important;border-radius:20px!important;padding:13px!important;display:grid!important;gap:6px!important;text-align:left!important;box-shadow:0 10px 24px rgba(7,61,50,.06)!important;color:#073d32!important;font:inherit!important;min-width:0!important}
body:not(.ops-admin) .p4j0h2-choice-card span{width:34px!important;height:34px!important;border-radius:14px!important;background:#e9f6ef!important;display:grid!important;place-items:center!important;font-weight:950!important}
body:not(.ops-admin) .p4j0h2-choice-card.tournament span{background:#ecffd0!important}
body:not(.ops-admin) .p4j0h2-choice-card b{font-size:1rem!important;line-height:1.1!important;color:#073d32!important}
body:not(.ops-admin) .p4j0h2-choice-card em{font-style:normal!important;color:#60766e!important;font-size:.78rem!important;line-height:1.28!important;font-weight:750!important}
body:not(.ops-admin) .p4j0h2-tournament-page{padding-bottom:calc(230px + env(safe-area-inset-bottom,0px))!important}
body:not(.ops-admin) .p4j0h2-hero{margin-top:10px!important}
body:not(.ops-admin) .p4j0h2-search-card{margin-top:0!important}
body:not(.ops-admin) .p4j0h2-chip-row{padding-bottom:8px!important}
body:not(.ops-admin) .p4j0h2-date-strip{padding-top:0!important;padding-bottom:10px!important;scroll-padding-inline:12px!important}
body:not(.ops-admin) .p4j0h2-date-strip .p4j0cu-chip{display:grid!important;gap:2px!important;min-width:64px!important;text-align:center!important}
body:not(.ops-admin) .p4j0h2-date-strip .p4j0cu-chip span{font-size:.68rem!important;opacity:.78!important}
body:not(.ops-admin) .p4j0h2-tournament-card{border-left:0!important}
body:not(.ops-admin) .p4j0h2-tournament-thumb{display:grid!important;gap:2px!important;text-align:center!important;align-content:center!important;min-height:118px!important}
body:not(.ops-admin) .p4j0h2-tournament-thumb strong{font-size:1rem!important;line-height:1!important;color:#073d32!important}
body:not(.ops-admin) .p4j0h2-tournament-thumb span{font-size:1.65rem!important;line-height:1!important;font-weight:1000!important;color:#073d32!important}
body:not(.ops-admin) .p4j0h2-tournament-thumb em{font-style:normal!important;font-size:.68rem!important;font-weight:950!important;letter-spacing:.08em!important;color:#60766e!important}
body:not(.ops-admin) .p4j0h2-mini-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
body:not(.ops-admin) .p4j0h2-mini-stats span{border:1px solid var(--cu-line)!important;background:var(--cu-card-2)!important;border-radius:15px!important;padding:8px 6px!important;text-align:center!important;min-width:0!important}
body:not(.ops-admin) .p4j0h2-mini-stats b{display:block!important;font-size:1rem!important;line-height:1!important;color:var(--cu-ink)!important}
body:not(.ops-admin) .p4j0h2-mini-stats small{display:block!important;font-size:.62rem!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--cu-muted)!important;font-weight:950!important;margin-top:3px!important}
body:not(.ops-admin) .p4j0h2-tournament-meta{display:grid!important;gap:4px!important;border:1px solid var(--cu-line)!important;background:var(--cu-card-2)!important;border-radius:16px!important;padding:9px 10px!important;color:var(--cu-muted)!important;font-size:.8rem!important;font-weight:800!important}
body:not(.ops-admin) .p4j0h2-card-actions{grid-template-columns:1fr 1fr 1fr!important}
html[data-theme="dark"] body:not(.ops-admin) .p4j0h2-home-discovery-card,
html[data-theme="dark"] body:not(.ops-admin) .p4j0h2-choice-card{background:#09241d!important;border-color:rgba(183,255,53,.20)!important;color:#f6fff7!important}
html[data-theme="dark"] body:not(.ops-admin) .p4j0h2-home-head strong,
html[data-theme="dark"] body:not(.ops-admin) .p4j0h2-choice-card b{color:#f6fff7!important}
html[data-theme="dark"] body:not(.ops-admin) .p4j0h2-home-head span,
html[data-theme="dark"] body:not(.ops-admin) .p4j0h2-choice-card em{color:#c9ead8!important}
@media(max-width:430px){
  body:not(.ops-admin) .p4j0h2-home-choice-grid{grid-template-columns:1fr!important}
  body:not(.ops-admin) .p4j0h2-card-actions{grid-template-columns:1fr!important}
}


/* === public/assets/css/phase-4j0h3-discovery-typography-spacing-standardization.css === */
/* Phase 4J0H3 — Discovery Typography And Spacing Standardization
   Scope: customer discovery pages only. Align Home, Event Discovery, and Tournament Discovery font scale, spacing, chips, search, and cards.
   Protected: no .bottom-nav, .nav-item, #p3k39c8TennisFabRoot, OPS/admin, global button/table changes. */

body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page,
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h3-page{
  --h3-green:#063f33;
  --h3-green-2:#087256;
  --h3-lime:#b7ff35;
  --h3-ink:#073d32;
  --h3-muted:#5d716a;
  --h3-line:rgba(6,63,51,.13);
  --h3-card:#ffffff;
  --h3-soft:#f3faf6;
  --h3-shadow:0 14px 34px rgba(6,63,51,.08);
  max-width:430px!important;
  width:min(100%,430px)!important;
  margin:0 auto!important;
  padding:12px 12px calc(245px + env(safe-area-inset-bottom,0px))!important;
  display:grid!important;
  gap:12px!important;
  overflow-x:hidden!important;
  font-family:inherit!important;
  color:var(--h3-ink)!important;
  box-sizing:border-box!important;
}
html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page,
html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h3-page{
  --h3-card:#0b251e;
  --h3-soft:#11342a;
  --h3-ink:#f5fff7;
  --h3-muted:#c8dfd4;
  --h3-line:rgba(183,255,53,.20);
  --h3-shadow:0 16px 38px rgba(0,0,0,.30);
}

body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-hero{
  min-height:0!important;
  padding:18px!important;
  border-radius:24px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(183,255,53,.28),transparent 34%),
    linear-gradient(135deg,var(--h3-green),var(--h3-green-2))!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 18px 42px rgba(4,58,44,.13)!important;
  overflow:hidden!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-hero small,
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-block-label,
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-result-head small{
  display:block!important;
  font-size:.68rem!important;
  line-height:1!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
  color:var(--h3-lime)!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-hero h1{
  margin:6px 0 8px!important;
  max-width:280px!important;
  font-size:1.72rem!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  font-weight:950!important;
  color:#fff!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-hero p{
  margin:0!important;
  max-width:310px!important;
  font-size:.86rem!important;
  line-height:1.38!important;
  font-weight:750!important;
  color:rgba(255,255,255,.91)!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-refresh{
  width:46px!important;
  height:46px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
  font-size:1.2rem!important;
  font-weight:950!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:none!important;
}

body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-intents{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-intent{
  min-height:44px!important;
  padding:9px 12px!important;
  border-radius:18px!important;
  border:1px solid var(--h3-line)!important;
  background:var(--h3-card)!important;
  color:var(--h3-ink)!important;
  box-shadow:0 10px 24px rgba(6,63,51,.05)!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  justify-content:flex-start!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-intent.is-active{
  background:var(--h3-green)!important;
  color:#fff!important;
  border-color:rgba(183,255,53,.34)!important;
  box-shadow:0 12px 26px rgba(6,63,51,.16)!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-intent b{
  font-size:.86rem!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
}

body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-search-card{
  padding:10px!important;
  border-radius:24px!important;
  border:1px solid var(--h3-line)!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:var(--h3-shadow)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:stretch!important;
}
html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-search-card{
  background:var(--h3-card)!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-search{
  min-height:46px!important;
  border-radius:18px!important;
  background:var(--h3-soft)!important;
  border:1px solid var(--h3-line)!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 12px!important;
  min-width:0!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-search-input{
  width:100%!important;
  min-width:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:var(--h3-ink)!important;
  font-size:.88rem!important;
  line-height:1.2!important;
  font-weight:800!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-filter-btn{
  min-width:66px!important;
  height:46px!important;
  padding:0 14px!important;
  border-radius:18px!important;
  border:1px solid rgba(6,63,51,.14)!important;
  background:var(--h3-green)!important;
  color:#fff!important;
  font-size:.86rem!important;
  font-weight:950!important;
  box-shadow:0 12px 24px rgba(6,63,51,.16)!important;
}

body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-chip-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-chip{
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:16px!important;
  border:1px solid var(--h3-line)!important;
  background:var(--h3-card)!important;
  color:var(--h3-ink)!important;
  box-shadow:0 8px 18px rgba(6,63,51,.045)!important;
  font-size:.82rem!important;
  font-weight:950!important;
  line-height:1!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-chip.is-active{
  background:var(--h3-green)!important;
  color:#fff!important;
  border-color:rgba(183,255,53,.38)!important;
  box-shadow:0 12px 24px rgba(6,63,51,.14)!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h3-date-strip .p4j0cu-chip{
  min-width:64px!important;
  display:grid!important;
  justify-items:center!important;
  align-content:center!important;
  gap:1px!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h3-date-strip .p4j0cu-chip b{
  font-size:.86rem!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h3-date-strip .p4j0cu-chip span{
  font-size:.64rem!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}

body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-result-head{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:2px 0 0!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-result-head b{
  display:block!important;
  font-size:1.08rem!important;
  line-height:1.08!important;
  font-weight:950!important;
  color:var(--h3-ink)!important;
  letter-spacing:-.02em!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-result-head button{
  min-height:38px!important;
  border-radius:16px!important;
  border:1px solid var(--h3-line)!important;
  background:var(--h3-card)!important;
  color:var(--h3-ink)!important;
  font-size:.80rem!important;
  font-weight:950!important;
  padding:0 12px!important;
}

body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-list{
  display:grid!important;
  gap:12px!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-card{
  border-radius:24px!important;
  border:1px solid var(--h3-line)!important;
  background:var(--h3-card)!important;
  box-shadow:var(--h3-shadow)!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:12px!important;
  overflow:hidden!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-thumb{
  width:54px!important;
  height:54px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#eaffd4,#d7f6e6)!important;
  border:1px solid rgba(6,63,51,.12)!important;
  display:grid!important;
  place-items:center!important;
  color:var(--h3-green)!important;
  font-size:.98rem!important;
  font-weight:950!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-card-body{
  min-width:0!important;
  display:grid!important;
  gap:8px!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-card-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-width:0!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-card-top span{
  color:var(--h3-muted)!important;
  font-size:.74rem!important;
  line-height:1.18!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-card-top b{
  flex:0 0 auto!important;
  padding:5px 8px!important;
  border-radius:12px!important;
  background:var(--h3-soft)!important;
  color:var(--h3-green)!important;
  font-size:.66rem!important;
  line-height:1!important;
  font-weight:950!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-card h3{
  margin:0!important;
  font-size:1.02rem!important;
  line-height:1.12!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  color:var(--h3-ink)!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-card p{
  margin:0!important;
  color:var(--h3-muted)!important;
  font-size:.80rem!important;
  line-height:1.32!important;
  font-weight:800!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h3-quick-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h3-quick-meta span{
  padding:6px 8px!important;
  border-radius:12px!important;
  background:var(--h3-soft)!important;
  border:1px solid var(--h3-line)!important;
  color:var(--h3-muted)!important;
  font-size:.70rem!important;
  font-weight:850!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h3-quick-meta b{
  color:var(--h3-ink)!important;
  font-weight:950!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h3-tournament-meta{
  display:grid!important;
  gap:4px!important;
  padding:8px!important;
  border-radius:16px!important;
  background:var(--h3-soft)!important;
  border:1px solid var(--h3-line)!important;
  color:var(--h3-muted)!important;
  font-size:.76rem!important;
  line-height:1.25!important;
  font-weight:800!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-card-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-badge{
  padding:5px 8px!important;
  border-radius:12px!important;
  border:1px solid var(--h3-line)!important;
  background:var(--h3-card)!important;
  color:var(--h3-ink)!important;
  font-size:.68rem!important;
  font-weight:900!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-card-actions{
  display:grid!important;
  grid-template-columns:1.25fr 1fr 1fr!important;
  gap:8px!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-card-actions button{
  min-height:40px!important;
  border-radius:16px!important;
  font-size:.84rem!important;
  font-weight:950!important;
  padding:0 10px!important;
  box-shadow:none!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-primary{
  background:var(--h3-green)!important;
  color:#fff!important;
  border:1px solid rgba(6,63,51,.18)!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0cu-secondary{
  background:var(--h3-card)!important;
  color:var(--h3-ink)!important;
  border:1px solid var(--h3-line)!important;
}

body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h2-home-discovery-card,
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h1-home-discovery-card{
  gap:12px!important;
  padding:14px!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h2-home-head strong,
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h1-home-head strong{
  font-size:1.08rem!important;
  line-height:1.14!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h2-choice-card,
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h1-choice-card{
  min-height:98px!important;
  align-content:start!important;
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h2-choice-card em,
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h1-choice-card em{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}


/* === public/assets/css/phase-4j0h4-discovery-mobile-cta-calendar-fab-polish.css === */
/* Phase 4J0H4 — Discovery Mobile CTA + Calendar + FAB Polish
   Scope: Home card, Event Discovery button readability, Tournament Discovery calendar/card safe area.
   No protected nav/FAB/global table/button selector edits. */
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-home-card{
  width:min(100%,430px)!important;margin:16px auto!important;padding:18px!important;border-radius:26px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(6,63,51,.12)!important;box-shadow:0 16px 36px rgba(6,63,51,.08)!important;box-sizing:border-box!important;color:#073d32!important;display:grid!important;gap:14px!important;overflow:hidden!important
}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-home-head small{display:block!important;font-size:.76rem!important;line-height:1!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:950!important;color:#5d716a!important;margin-bottom:5px!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-home-head strong{display:block!important;font-size:1.28rem!important;line-height:1.1!important;font-weight:950!important;letter-spacing:-.03em!important;margin-bottom:5px!important;color:#073d32!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-home-head span{display:block!important;font-size:.93rem!important;line-height:1.36!important;font-weight:760!important;color:#5d716a!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-home-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-home-options button{appearance:none!important;border:1px solid rgba(6,63,51,.13)!important;background:#fff!important;border-radius:22px!important;padding:13px!important;min-width:0!important;text-align:left!important;color:#073d32!important;box-shadow:0 10px 24px rgba(6,63,51,.055)!important;display:grid!important;gap:7px!important;align-content:start!important;font:inherit!important;min-height:156px!important;overflow:hidden!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-home-options button span{width:38px!important;height:38px!important;border-radius:16px!important;background:#e9f7ef!important;display:grid!important;place-items:center!important;font-size:1rem!important;line-height:1!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-home-options button:nth-child(2) span{background:#efffd9!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-home-options button b{font-size:1.02rem!important;line-height:1.08!important;font-weight:950!important;color:#073d32!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-home-options button em{font-style:normal!important;font-size:.80rem!important;line-height:1.28!important;font-weight:760!important;color:#60766e!important;display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-height:none!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-home-options button strong{align-self:end!important;margin-top:2px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;color:#006b52!important;font-size:.82rem!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important}
@media(max-width:390px){body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-home-options{grid-template-columns:1fr!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-home-options button{min-height:132px!important}}

body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0db-search-actions{display:grid!important;grid-template-columns:repeat(2,minmax(74px,1fr))!important;gap:8px!important;min-width:154px!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0db-action-btn{height:46px!important;min-height:46px!important;width:auto!important;min-width:0!important;padding:0 10px!important;border-radius:18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap!important;text-align:center!important;color:#fff!important;-webkit-text-fill-color:currentColor!important;background:#006b52!important;border:1px solid rgba(183,255,53,.35)!important;box-shadow:0 12px 24px rgba(6,63,51,.16)!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0db-action-btn.is-filter{background:#f5faf7!important;color:#073d32!important;border-color:rgba(6,63,51,.14)!important;box-shadow:none!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0db-action-btn span{display:inline-block!important;font-size:.95rem!important;line-height:1!important;color:currentColor!important;-webkit-text-fill-color:currentColor!important;opacity:1!important;visibility:visible!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0db-action-btn b{display:inline-block!important;font-size:.82rem!important;line-height:1!important;font-weight:950!important;color:currentColor!important;-webkit-text-fill-color:currentColor!important;opacity:1!important;visibility:visible!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important}
@media(max-width:390px){body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0cu-page .p4j0db-search-actions{grid-template-columns:1fr 1fr!important;min-width:0!important}}

body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-page{--h4-green:#063f33;--h4-green-2:#087256;--h4-lime:#b7ff35;--h4-ink:#073d32;--h4-muted:#5d716a;--h4-line:rgba(6,63,51,.13);--h4-card:#fff;--h4-soft:#f3faf6;max-width:430px!important;width:min(100%,430px)!important;margin:0 auto!important;padding:12px 12px calc(260px + env(safe-area-inset-bottom,0px))!important;display:grid!important;gap:12px!important;box-sizing:border-box!important;color:var(--h4-ink)!important;overflow-x:hidden!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-hero{padding:18px!important;border-radius:24px!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-hero h1{font-size:1.68rem!important;line-height:1.02!important;letter-spacing:-.04em!important;max-width:280px!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-hero p{font-size:.87rem!important;line-height:1.38!important;max-width:310px!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-search-card{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:stretch!important;padding:10px!important;border-radius:24px!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-search-card .p4j0cu-filter-btn{height:46px!important;min-width:74px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:0 12px!important;white-space:nowrap!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-search-card .p4j0cu-filter-btn span,body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-search-card .p4j0cu-filter-btn b{display:inline!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:.82rem!important;line-height:1!important;opacity:1!important;visibility:visible!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-intents{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-chip-row{gap:8px!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-calendar-card{padding:14px!important;border-radius:24px!important;background:rgba(255,255,255,.94)!important;border:1px solid var(--h4-line)!important;box-shadow:0 14px 34px rgba(6,63,51,.08)!important;display:grid!important;gap:12px!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-calendar-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-calendar-head small{display:block!important;font-size:.70rem!important;line-height:1!important;font-weight:950!important;letter-spacing:.11em!important;text-transform:uppercase!important;color:var(--h4-muted)!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-calendar-head b{display:block!important;font-size:1.25rem!important;line-height:1.05!important;font-weight:950!important;color:var(--h4-ink)!important;text-transform:capitalize!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-calendar-head div:last-child{display:flex!important;gap:8px!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-calendar-head button{width:40px!important;height:40px!important;border-radius:16px!important;border:1px solid var(--h4-line)!important;background:#fff!important;color:var(--h4-ink)!important;font-size:1.2rem!important;font-weight:950!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-weekdays,.p4j0h4-calendar-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-weekdays span{text-align:center!important;font-size:.66rem!important;font-weight:900!important;color:var(--h4-muted)!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-cal-empty{min-height:36px!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-cal-day{position:relative!important;min-height:42px!important;border-radius:14px!important;border:1px solid var(--h4-line)!important;background:var(--h4-soft)!important;color:var(--h4-ink)!important;display:grid!important;place-items:center!important;font-weight:900!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-cal-day.is-active{background:var(--h4-green)!important;color:#fff!important;border-color:rgba(183,255,53,.5)!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-cal-day i{position:absolute!important;right:7px!important;bottom:6px!important;width:6px!important;height:6px!important;border-radius:50%!important;background:var(--h4-lime)!important;box-shadow:0 0 0 2px rgba(183,255,53,.18)!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-calendar-note{display:flex!important;justify-content:space-between!important;gap:8px!important;align-items:center!important;font-size:.72rem!important;color:var(--h4-muted)!important;font-weight:750!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-calendar-note button{border:0!important;background:transparent!important;color:var(--h4-green)!important;font-weight:950!important}
body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-tournament-list{display:grid!important;gap:12px!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-tournament-card{border-radius:24px!important;background:#fff!important;border:1px solid var(--h4-line)!important;box-shadow:0 14px 34px rgba(6,63,51,.08)!important;padding:12px!important;overflow:hidden!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-card-main{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:12px!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-card-icon{width:48px!important;height:48px!important;border-radius:18px!important;background:#eaffd7!important;border:1px solid rgba(6,63,51,.13)!important;display:grid!important;place-items:center!important;font-size:1.2rem!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-card-content{display:grid!important;gap:8px!important;min-width:0!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-card-top{display:flex!important;justify-content:space-between!important;gap:8px!important;align-items:center!important;min-width:0!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-card-top span{font-size:.76rem!important;font-weight:850!important;color:var(--h4-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-card-top b{font-size:.64rem!important;font-weight:950!important;color:var(--h4-green)!important;background:var(--h4-soft)!important;border-radius:999px!important;padding:5px 8px!important;white-space:nowrap!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-tournament-card h3{margin:0!important;font-size:1.04rem!important;line-height:1.1!important;color:var(--h4-ink)!important;font-weight:950!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-tournament-card p{margin:0!important;font-size:.80rem!important;line-height:1.25!important;color:var(--h4-muted)!important;font-weight:800!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-mini-meta,.p4j0h4-badges,.p4j0h4-actions{display:flex!important;flex-wrap:wrap!important;gap:7px!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-mini-meta span,body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-badges span{font-size:.68rem!important;font-weight:900!important;color:var(--h4-ink)!important;background:var(--h4-soft)!important;border:1px solid var(--h4-line)!important;border-radius:12px!important;padding:5px 8px!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-detail-lines{display:grid!important;gap:4px!important;background:var(--h4-soft)!important;border:1px solid var(--h4-line)!important;border-radius:16px!important;padding:8px 9px!important;color:var(--h4-muted)!important;font-size:.76rem!important;font-weight:800!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-actions{display:grid!important;grid-template-columns:1.2fr 1fr 1fr!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-actions button{min-height:40px!important;border-radius:16px!important;border:1px solid var(--h4-line)!important;background:#fff!important;color:var(--h4-ink)!important;font-weight:950!important;font-size:.82rem!important}body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-actions button.is-primary{background:var(--h4-green)!important;color:#fff!important;border-color:rgba(183,255,53,.35)!important}
html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-page{--h4-card:#0b251e;--h4-soft:#11342a;--h4-ink:#f6fff8;--h4-muted:#c9ead8;--h4-line:rgba(183,255,53,.20)}html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-home-card,html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-calendar-card,html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-tournament-card{background:#0b251e!important;border-color:rgba(183,255,53,.20)!important;color:#f6fff8!important}html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-home-options button{background:#102b23!important;color:#f6fff8!important;border-color:rgba(183,255,53,.18)!important}html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-home-head strong,html[data-theme="dark"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0h4-home-options button b{color:#f6fff8!important}


/* === public/assets/css/phase-4j0i4-tournament-discovery-payment-clarity.css === */
/* Phase 4J0I4 — Tournament Discovery Official/Community Search And Payment Clarity
   Scoped to customer tournament discovery/detail only. No protected selector edits. */
html[data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-page{--i4-green:#063f33;--i4-line:rgba(6,63,51,.13);--i4-soft:#f3faf6;--i4-ink:#073d32;--i4-muted:#5d716a;}
html[data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-intents{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-chip-row .p4j0cu-chip{min-height:34px!important;padding:0 12px!important;font-size:.78rem!important;white-space:nowrap!important}
html[data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-tournament-card{position:relative!important}
html[data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-tournament-card.is-official{background:linear-gradient(180deg,#fff,#f8fffb)!important}
html[data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-tournament-card.is-community{background:linear-gradient(180deg,#fff,#f6fff0)!important}
html[data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-card-icon{font-size:1.1rem!important;background:#effbdc!important}
html[data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-owner-row{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;min-width:0!important;color:var(--i4-muted)!important;font-size:.74rem!important;font-weight:850!important}
html[data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-owner-badge{display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding:5px 9px!important;background:#063f33!important;color:#fff!important;font-size:.66rem!important;line-height:1!important;font-weight:950!important;letter-spacing:.03em!important;text-transform:uppercase!important}
html[data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-tournament-card.is-community .p4j0i4-owner-badge{background:#7a9b00!important;color:#102000!important}
html[data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-payment-box{display:grid!important;gap:4px!important;background:#f3faf6!important;border:1px solid rgba(6,63,51,.13)!important;border-radius:17px!important;padding:9px 10px!important;color:var(--i4-ink)!important}
html[data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-payment-box b{font-size:.80rem!important;line-height:1.12!important;color:var(--i4-green)!important;font-weight:950!important}
html[data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-payment-box span{font-size:.72rem!important;line-height:1.28!important;color:var(--i4-muted)!important;font-weight:760!important}
html[data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-payment-box.is-detail{margin:12px 0!important;background:rgba(255,255,255,.82)!important}
html[data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-actions{grid-template-columns:1.35fr .85fr .85fr!important}
html[data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-actions button{font-size:.78rem!important;padding-inline:8px!important}
html[data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-detail-page{max-width:430px!important;width:min(100%,430px)!important;margin:0 auto!important;padding:12px 12px calc(245px + env(safe-area-inset-bottom,0px))!important;display:grid!important;gap:12px!important;box-sizing:border-box!important}
html[data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-detail-hero,.p4j0i4-detail-card{border-radius:24px!important;border:1px solid rgba(6,63,51,.13)!important;box-shadow:0 14px 34px rgba(6,63,51,.08)!important}
html[data-theme="dark"] html[data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-tournament-card,
html[data-theme="dark"][data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-tournament-card{background:#0b251e!important;border-color:rgba(183,255,53,.20)!important;color:#f6fff8!important}
html[data-theme="dark"][data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-payment-box{background:#11342a!important;border-color:rgba(183,255,53,.20)!important;color:#f6fff8!important}
html[data-theme="dark"][data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-payment-box b{color:#b7ff35!important}
html[data-theme="dark"][data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-payment-box span,
html[data-theme="dark"][data-p4j0i4-tournament-discovery-payment-clarity="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i4-owner-row{color:#c9ead8!important}


/* === public/assets/css/phase-4j0i5-home-tournament-summary-recent-activity.css === */
/* Phase 4J0I5 — scoped Home tournament summary. */
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-home-summary{display:grid;gap:12px;margin:12px 0;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-home-block{border:1px solid rgba(6,63,51,.12);background:var(--card-bg,#fff);border-radius:22px;padding:14px;box-shadow:0 16px 34px rgba(6,63,51,.07);display:grid;gap:11px;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-block-head small{display:block;font-size:.68rem;font-weight:950;letter-spacing:.075em;text-transform:uppercase;color:var(--muted,#5f716a);}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-block-head h2{margin:2px 0 0;font-size:1.05rem;line-height:1.1;color:var(--ink,#063f33);letter-spacing:-.025em;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-tournament-list{display:grid;gap:10px;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-tournament-card{display:grid;grid-template-columns:54px 1fr;gap:11px;border:1px solid rgba(6,63,51,.12);border-radius:19px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(238,250,242,.8));}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-tournament-card.is-community{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,248,255,.74));}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-card-icon{width:54px;height:54px;border-radius:18px;background:#063f33;color:#fff;display:grid;place-items:center;font-size:1.35rem;box-shadow:0 14px 24px rgba(6,63,51,.16);}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-card-body{min-width:0;display:grid;gap:6px;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.72rem;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-card-top span{font-weight:950;color:#064f3f;background:rgba(183,255,53,.22);border:1px solid rgba(6,63,51,.12);border-radius:999px;padding:4px 8px;white-space:nowrap;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-card-top b{font-weight:900;color:var(--muted,#617a70);white-space:nowrap;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-tournament-card h3{font-size:.98rem;line-height:1.15;margin:0;color:var(--ink,#063f33);overflow-wrap:anywhere;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-tournament-card p{font-size:.8rem;line-height:1.3;margin:0;color:var(--muted,#617a70);}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-payment-line{border-radius:13px;border:1px solid rgba(6,63,51,.10);background:rgba(255,255,255,.72);padding:7px 9px;font-size:.76rem;font-weight:850;color:#064f3f;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-tournament-card button,
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-payment-card button,
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-recent-row button,
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-empty button{border:0;border-radius:14px;min-height:40px;padding:0 12px;background:#063f33;color:#fff;font-weight:950;font-size:.8rem;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-payment-list{display:grid;gap:10px;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-payment-card{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid rgba(6,63,51,.14);border-radius:18px;padding:12px;background:linear-gradient(135deg,rgba(255,248,223,.9),rgba(255,255,255,.96));}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-payment-card small{font-size:.67rem;text-transform:uppercase;letter-spacing:.07em;font-weight:950;color:#7a5a00;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-payment-card h3{font-size:.96rem;margin:1px 0;color:#063f33;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-payment-card p{margin:0;color:#617a70;font-size:.78rem;line-height:1.3;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-payment-card strong{font-size:.95rem;color:#063f33;white-space:nowrap;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-payment-card button{grid-column:1/-1;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-recent-list{display:grid;gap:8px;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-recent-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;border:1px solid rgba(6,63,51,.10);border-radius:16px;padding:9px;background:rgba(255,255,255,.7);}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-recent-row>span{width:38px;height:38px;border-radius:14px;background:rgba(6,63,51,.08);display:grid;place-items:center;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-recent-row b{display:block;font-size:.85rem;color:var(--ink,#063f33);}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-recent-row small{display:block;font-size:.72rem;color:var(--muted,#617a70);}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-recent-row button{min-height:34px;background:rgba(6,63,51,.08);color:#063f33;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-empty{display:grid;gap:5px;border:1px dashed rgba(6,63,51,.20);border-radius:18px;padding:13px;background:rgba(255,255,255,.62);}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-empty b{color:var(--ink,#063f33);font-size:.9rem;}
html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-empty span{color:var(--muted,#617a70);font-size:.8rem;line-height:1.35;}
html[data-theme="dark"][data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-home-block{background:#0d211b;border-color:rgba(184,255,53,.16);box-shadow:none;}
html[data-theme="dark"][data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-block-head h2,
html[data-theme="dark"][data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-tournament-card h3,
html[data-theme="dark"][data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-recent-row b,
html[data-theme="dark"][data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-empty b{color:#f4fff8;}
html[data-theme="dark"][data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-tournament-card,
html[data-theme="dark"][data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-recent-row,
html[data-theme="dark"][data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-empty{background:#102a23;border-color:rgba(184,255,53,.16);}
html[data-theme="dark"][data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-payment-card{background:#211d11;border-color:rgba(255,224,120,.22);}
html[data-theme="dark"][data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-payment-line{background:#0b1d18;border-color:rgba(184,255,53,.16);color:#dffff4;}
@media(max-width:420px){html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-tournament-card{grid-template-columns:46px 1fr;padding:10px}html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-card-icon{width:46px;height:46px;border-radius:16px}html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-card-top{display:grid;justify-content:start}html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-recent-row{grid-template-columns:34px 1fr}html[data-p4j0i5-home-tournament-summary="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i5-recent-row button{grid-column:2}}


/* === public/assets/css/phase-4j0i6-tournament-detail-split-event-vs-tournament.css === */
/* Phase 4J0I6 — scoped tournament detail split. No protected selector edits. */
html[data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-page{max-width:430px;width:min(100%,430px);margin:0 auto;padding:12px 12px calc(250px + env(safe-area-inset-bottom,0px));display:grid;gap:12px;box-sizing:border-box;--i6-green:#063f33;--i6-lime:#b7ff35;--i6-soft:#f4fbf6;--i6-line:rgba(6,63,51,.13);--i6-ink:#073d32;--i6-muted:#63776f}
html[data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-back{justify-self:start;border-radius:999px!important}
html[data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-hero,html[data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-card,html[data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-payment-card,html[data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-info-card,html[data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-host-card{border:1px solid var(--i6-line)!important;border-radius:24px!important;box-shadow:0 14px 34px rgba(6,63,51,.08)!important;overflow:hidden!important}
html[data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-hero{background:radial-gradient(circle at 88% 10%,rgba(183,255,53,.38),transparent 26%),linear-gradient(135deg,#05372d,#08785f)!important;color:#fff!important;padding:18px!important}
html[data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-hero.is-community{background:radial-gradient(circle at 88% 10%,rgba(183,255,53,.36),transparent 26%),linear-gradient(135deg,#28420d,#08785f)!important}
html[data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-hero-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.p4j0i6-hero h1{margin:6px 0 5px;font-size:1.55rem;line-height:1.05;letter-spacing:-.04em}.p4j0i6-hero p{margin:0;color:rgba(255,255,255,.82);font-weight:760;font-size:.86rem;line-height:1.35}.p4j0i6-trophy{width:46px;height:46px;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.15);font-size:1.45rem;flex:0 0 auto}.p4j0i6-kicker{display:flex;align-items:center;gap:7px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.78)}.p4j0i6-kicker span{background:var(--i6-lime);color:#183500;border-radius:999px;padding:5px 8px;line-height:1}
html[data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-statbar,.p4j0i6-host-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.p4j0i6-statbar span,.p4j0i6-host-meta span{display:grid;gap:2px;border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:8px;background:rgba(255,255,255,.10);min-width:0}.p4j0i6-statbar b,.p4j0i6-host-meta b{font-size:.9rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p4j0i6-statbar small,.p4j0i6-host-meta small{font-size:.64rem;font-weight:800;opacity:.82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-payment-card,.p4j0i6-host-card{display:grid;gap:12px;padding:15px!important;background:#fff!important;color:var(--i6-ink)!important}.p4j0i6-payment-card small,.p4j0i6-host-card small,.p4j0i6-card-head small,.p4j0i6-info-card small{text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;color:var(--i6-muted);font-weight:900}.p4j0i6-payment-card h2,.p4j0i6-host-card h2,.p4j0i6-card h2,.p4j0i6-info-card h2{margin:3px 0 5px;color:var(--i6-green);font-size:1.05rem;line-height:1.12}.p4j0i6-payment-card p,.p4j0i6-host-card p,.p4j0i6-info-card p{margin:0;color:var(--i6-muted);font-size:.84rem;font-weight:700;line-height:1.42}.p4j0i6-payment-actions{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:8px}.p4j0i6-payment-actions .btn{min-height:38px!important;padding:8px 10px!important;font-size:.78rem!important}.p4j0i6-payment-actions .btn:nth-child(2):last-child{grid-column:auto}.p4j0i6-status-pill{display:grid;gap:1px;border-radius:16px;background:var(--i6-soft);border:1px solid var(--i6-line);padding:7px 10px;color:var(--i6-green)}.p4j0i6-status-pill small{font-size:.68rem;color:var(--i6-muted);font-weight:800}
html[data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-info-card{padding:15px!important;background:#fff!important}.p4j0i6-info-grid{display:grid;gap:12px}.p4j0i6-rule-list{display:grid;gap:7px}.p4j0i6-rule-list span{border-radius:14px;background:var(--i6-soft);border:1px solid var(--i6-line);padding:8px 10px;color:var(--i6-green);font-size:.78rem;font-weight:850}
html[data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-host-meta{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.p4j0i6-host-meta span{background:var(--i6-soft);border-color:var(--i6-line)}.p4j0i6-host-meta b{color:var(--i6-green)}.p4j0i6-host-meta small{color:var(--i6-muted)}
html[data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-card{padding:15px!important;background:#fff!important}.p4j0i6-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.p4j0i6-roster,.p4j0i6-slots,.p4j0i6-rounds,.p4j0i6-standing{display:grid;gap:8px}.p4j0i6-roster-row,.p4j0i6-slots>div,.p4j0i6-rounds>div,.p4j0i6-standing>div{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;border:1px solid var(--i6-line);border-radius:15px;background:#fbfffc;padding:9px 10px;min-width:0}.p4j0i6-roster-row b,.p4j0i6-standing b{display:grid;place-items:center;width:25px;height:25px;border-radius:10px;background:var(--i6-green);color:#fff;font-size:.75rem}.p4j0i6-roster-row span,.p4j0i6-slots span,.p4j0i6-rounds span,.p4j0i6-standing span{font-weight:850;color:var(--i6-ink);font-size:.83rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p4j0i6-roster-row small,.p4j0i6-slots small,.p4j0i6-rounds small,.p4j0i6-standing small{font-size:.70rem;color:var(--i6-muted);font-weight:800;text-align:right}.p4j0i6-split{display:grid;gap:10px}.p4j0i6-empty{margin:0;border:1px dashed var(--i6-line);border-radius:16px;padding:12px;background:#fbfffc;color:var(--i6-muted);font-size:.82rem;font-weight:760;line-height:1.35}
html[data-theme="dark"][data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-page{--i6-soft:#0f3027;--i6-line:rgba(183,255,53,.20);--i6-ink:#f6fff8;--i6-muted:#c7e7d8;--i6-green:#b7ff35}html[data-theme="dark"][data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-payment-card,html[data-theme="dark"][data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-host-card,html[data-theme="dark"][data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-info-card,html[data-theme="dark"][data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-card{background:#0b251e!important;color:#f6fff8!important;border-color:var(--i6-line)!important}.p4j0i6-page .btn{touch-action:manipulation}
html[data-theme="dark"][data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-roster-row,html[data-theme="dark"][data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-slots>div,html[data-theme="dark"][data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-rounds>div,html[data-theme="dark"][data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-standing>div,html[data-theme="dark"][data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-empty{background:#11342a!important;border-color:var(--i6-line)!important;color:#c7e7d8!important}
@media (max-width:380px){html[data-p4j0i6-tournament-detail-split="locked"] body:not(.ops-admin):not(.ops-desktop-page):not(.p3i7-admin-page) .p4j0i6-statbar{grid-template-columns:repeat(2,minmax(0,1fr))}.p4j0i6-payment-actions{grid-template-columns:1fr}.p4j0i6-host-meta{grid-template-columns:1fr!important}}


/* === public/assets/css/phase-4j0j0-tournament-live-scoreboard-leaderboard-podium.css === */
/* Phase 4J0J0 — Tournament Live Scoreboard Leaderboard Podium */
body.ops-tab-tournament .p4j0j0-live-result{margin:14px 0 18px;border:1px solid var(--ops-line,#d9e8df);border-radius:22px;padding:16px;background:linear-gradient(135deg,var(--ops-surface,#fff),rgba(239,250,243,.92));box-shadow:0 12px 30px rgba(5,65,45,.06)}
body.ops-tab-tournament .p4j0j0-live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
body.ops-tab-tournament .p4j0j0-live-head h3{margin:2px 0 4px;font-size:20px;line-height:1.1;color:var(--ops-ink,#103d32)}
body.ops-tab-tournament .p4j0j0-live-head small,body.ops-tab-tournament .p4j0j0-live-head span{display:block;color:var(--ops-muted,#637a70);font-weight:750}
body.ops-tab-tournament .p4j0j0-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}
body.ops-tab-tournament .p4j0j0-podium-card{min-height:132px;display:grid;place-items:center;text-align:center;gap:7px;border:1px solid var(--ops-line,#d9e8df);border-radius:20px;padding:12px;background:var(--ops-card,#fff)}
body.ops-tab-tournament .p4j0j0-podium-card.rank-1{min-height:156px;border-color:rgba(217,166,26,.55);background:linear-gradient(180deg,rgba(255,248,206,.98),rgba(244,255,235,.94))}
body.ops-tab-tournament .p4j0j0-podium-card.rank-2{min-height:142px}body.ops-tab-tournament .p4j0j0-podium-card.rank-3{min-height:130px}
body.ops-tab-tournament .p4j0j0-podium-card>span{font-size:30px;line-height:1}body.ops-tab-tournament .p4j0j0-podium-card img,body.ops-tab-tournament .p4j0j0-podium-card>b{width:56px;height:56px;border-radius:999px;object-fit:cover;display:grid;place-items:center;background:var(--ops-soft,#eef8f2);font-weight:950;color:var(--ops-ink,#103d32)}
body.ops-tab-tournament .p4j0j0-podium-card strong{font-size:13px;line-height:1.2;color:var(--ops-ink,#103d32)}body.ops-tab-tournament .p4j0j0-podium-card small{font-weight:850;color:var(--ops-muted,#637a70)}
body.ops-tab-tournament .p4j0f8-court-card.is-locked{border-color:rgba(6,112,77,.28);background:linear-gradient(180deg,var(--ops-card,#fff),rgba(237,250,243,.82))}
body:not(.ops-admin):not(.ops-desktop-page) .p4j0j0-customer-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.p4j0j0-customer-podium>div{border:1px solid var(--line);border-radius:18px;padding:10px 8px;text-align:center;background:var(--surface)}.p4j0j0-customer-podium b{font-size:26px;display:block}.p4j0j0-customer-podium span{display:block;font-weight:950;font-size:12px}.p4j0j0-customer-podium small{display:block;color:var(--text-muted);font-weight:850;font-size:11px}
html[data-theme="dark"] body.ops-tab-tournament .p4j0j0-live-result{background:linear-gradient(135deg,rgba(18,36,29,.98),rgba(10,28,22,.94));border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] body.ops-tab-tournament .p4j0j0-live-head h3,html[data-theme="dark"] body.ops-tab-tournament .p4j0j0-podium-card strong{color:rgba(245,255,248,.96)}
html[data-theme="dark"] body.ops-tab-tournament .p4j0j0-podium-card{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.12)}html[data-theme="dark"] body.ops-tab-tournament .p4j0j0-podium-card.rank-1{background:linear-gradient(180deg,rgba(86,65,18,.88),rgba(24,58,39,.84));border-color:rgba(232,189,64,.48)}
@media(max-width:720px){body.ops-tab-tournament .p4j0j0-live-head{display:grid}body.ops-tab-tournament .p4j0j0-podium{grid-template-columns:1fr}.p4j0j0-customer-podium{grid-template-columns:1fr!important}}


/* === public/assets/css/phase-4j0j3-tournament-projector-export-polish.css === */
body.p4j0j3-tournament-display-route .topbar,
body.p4j0j3-tournament-display-route .bottom-nav,
body.p4j0j3-tournament-display-route #p3k39c8TennisFabRoot{display:none!important;}
body.p4j0j3-tournament-display-route .app-main{padding:0;max-width:none;width:100%;}
body.p4j0j3-tournament-display-route .app-shell{min-height:100vh;background:var(--page-bg,var(--bg,#f6f7fb));}
.p4j0j3-tournament-display{min-height:100vh;padding:clamp(14px,2vw,28px);color:var(--text,#152033);background:radial-gradient(circle at 12% 0%, color-mix(in srgb,var(--accent,#37b37e) 16%,transparent), transparent 32%),var(--page-bg,var(--bg,#f6f7fb));}
.p4j0j3-display-hero{display:flex;justify-content:space-between;gap:18px;align-items:stretch;padding:clamp(16px,2.5vw,30px);border:1px solid var(--border,rgba(20,30,50,.12));border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface,#fff) 94%,transparent),color-mix(in srgb,var(--accent,#37b37e) 8%,var(--surface,#fff)));box-shadow:0 18px 50px rgba(15,23,42,.10);}
.p4j0j3-kicker{display:inline-flex;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800;color:var(--muted,#667085);}
.p4j0j3-display-hero h1{margin:8px 0 8px;font-size:clamp(30px,5vw,76px);line-height:.96;letter-spacing:-.05em;}
.p4j0j3-display-hero p{margin:0;color:var(--muted,#667085);font-weight:700;}
.p4j0j3-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(118px,1fr));gap:10px;min-width:min(430px,100%);}
.p4j0j3-hero-stats span,.p4j0j3-refresh{border:1px solid var(--border,rgba(20,30,50,.12));border-radius:20px;padding:12px 14px;background:color-mix(in srgb,var(--surface,#fff) 88%,transparent);color:var(--text,#152033);}
.p4j0j3-hero-stats b{display:block;font-size:clamp(18px,2vw,28px);line-height:1.05;}.p4j0j3-hero-stats small{color:var(--muted,#667085);font-weight:800;}.p4j0j3-refresh{cursor:pointer;font-weight:900;}
.p4j0j3-display-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;margin-top:16px;}.p4j0j3-display-match-board,.p4j0j3-display-leaderboard,.p4j0j3-display-podium,.p4j0j3-round-strip{border:1px solid var(--border,rgba(20,30,50,.12));border-radius:26px;background:color-mix(in srgb,var(--surface,#fff) 92%,transparent);box-shadow:0 14px 34px rgba(15,23,42,.08);padding:16px;}.p4j0j3-display-podium,.p4j0j3-round-strip{grid-column:1/-1;}.p4j0j3-section-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;}.p4j0j3-section-title span{font-weight:950;font-size:18px;}.p4j0j3-section-title em{font-style:normal;color:var(--muted,#667085);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;}.p4j0j3-current-matches{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;}.p4j0j3-match-card{border:1px solid var(--border,rgba(20,30,50,.12));border-radius:22px;padding:14px;background:var(--surface,#fff);}.p4j0j3-match-card.is-active{outline:2px solid color-mix(in srgb,var(--accent,#37b37e) 46%,transparent);}.p4j0j3-match-top,.p4j0j3-match-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted,#667085);font-size:12px;font-weight:800;}.p4j0j3-teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;margin:14px 0;}.p4j0j3-teams strong{font-size:clamp(16px,2vw,24px);line-height:1.1;}.p4j0j3-teams strong:last-child{text-align:right;}.p4j0j3-score{min-width:94px;text-align:center;border-radius:18px;padding:10px;background:color-mix(in srgb,var(--accent,#37b37e) 12%,var(--surface,#fff));font-weight:950;}.p4j0j3-score b{font-size:clamp(24px,3vw,40px);}.p4j0j3-next-match{margin-top:14px;}.p4j0j3-next-match>span{display:block;margin-bottom:8px;color:var(--muted,#667085);font-weight:900;}.p4j0j3-leader-row{display:grid;grid-template-columns:46px 46px minmax(0,1fr) 70px;gap:10px;align-items:center;padding:10px;border-radius:18px;border:1px solid color-mix(in srgb,var(--border,rgba(20,30,50,.12)) 74%,transparent);margin-bottom:8px;background:color-mix(in srgb,var(--surface,#fff) 90%,transparent);}.p4j0j3-rank{font-weight:950;color:var(--accent,#37b37e);}.p4j0j3-avatar,.p4j0j3-podium-photo{display:grid;place-items:center;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--accent,#37b37e) 16%,var(--surface,#fff));font-weight:950;}.p4j0j3-avatar{width:46px;height:46px;}.p4j0j3-avatar img,.p4j0j3-podium-photo img{width:100%;height:100%;object-fit:cover;}.p4j0j3-player b,.p4j0j3-player span,.p4j0j3-points b,.p4j0j3-points span{display:block;}.p4j0j3-player span,.p4j0j3-points span{color:var(--muted,#667085);font-size:12px;font-weight:750;}.p4j0j3-points{text-align:right;}.p4j0j3-podium-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;}.p4j0j3-podium-card{text-align:center;border:1px solid var(--border,rgba(20,30,50,.12));border-radius:26px;padding:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent,#37b37e) 10%,var(--surface,#fff)),var(--surface,#fff));}.p4j0j3-podium-card.rank-1{padding-top:34px;min-height:250px;}.p4j0j3-medal{font-size:38px;}.p4j0j3-podium-photo{width:clamp(92px,10vw,150px);height:clamp(92px,10vw,150px);margin:8px auto 12px;font-size:38px;}.p4j0j3-podium-card b{display:block;font-size:clamp(18px,2.2vw,34px);}.p4j0j3-podium-card span,.p4j0j3-podium-card em{display:block;color:var(--muted,#667085);font-style:normal;font-weight:800;}.p4j0j3-round-list{display:flex;gap:8px;overflow:auto;padding-bottom:2px;}.p4j0j3-round-list span{white-space:nowrap;border:1px solid var(--border,rgba(20,30,50,.12));border-radius:999px;padding:8px 12px;color:var(--muted,#667085);font-weight:850;}.p4j0j3-round-list span.is-active{color:var(--text,#152033);background:color-mix(in srgb,var(--accent,#37b37e) 14%,var(--surface,#fff));}.p4j0j3-empty{display:grid;gap:6px;place-items:center;min-height:120px;border:1px dashed var(--border,rgba(20,30,50,.12));border-radius:22px;color:var(--muted,#667085);font-weight:800;text-align:center;padding:18px;}
html[data-theme="dark"] .p4j0j3-tournament-display{background:radial-gradient(circle at 12% 0%, color-mix(in srgb,var(--accent,#37b37e) 18%,transparent), transparent 32%),var(--page-bg,#0f172a);}html[data-theme="dark"] .p4j0j3-display-hero,html[data-theme="dark"] .p4j0j3-display-match-board,html[data-theme="dark"] .p4j0j3-display-leaderboard,html[data-theme="dark"] .p4j0j3-display-podium,html[data-theme="dark"] .p4j0j3-round-strip{background:color-mix(in srgb,var(--surface,#111827) 88%,transparent);box-shadow:0 18px 50px rgba(0,0,0,.24);}html[data-theme="dark"] .p4j0j3-match-card,html[data-theme="dark"] .p4j0j3-leader-row,html[data-theme="dark"] .p4j0j3-podium-card{background:color-mix(in srgb,var(--surface,#111827) 92%,#000 8%);}
@media (max-width:900px){.p4j0j3-display-hero{display:grid;}.p4j0j3-hero-stats{min-width:0;}.p4j0j3-display-grid{grid-template-columns:1fr;}.p4j0j3-display-podium,.p4j0j3-round-strip{grid-column:auto;}.p4j0j3-podium-stage{grid-template-columns:1fr;}.p4j0j3-teams{grid-template-columns:1fr;}.p4j0j3-teams strong:last-child{text-align:left;}.p4j0j3-score{width:100%;}.p4j0j3-leader-row{grid-template-columns:38px 42px minmax(0,1fr) 58px;}}


.p4j0j3-display-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:14px 0 0;padding:10px;border:1px solid var(--border,rgba(20,30,50,.12));border-radius:22px;background:color-mix(in srgb,var(--surface,#fff) 88%,transparent);box-shadow:0 12px 28px rgba(15,23,42,.07);}
.p4j0j3-mode-group,.p4j0j3-tool-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.p4j0j3-mode-btn,.p4j0j3-tool-group button{border:1px solid var(--border,rgba(20,30,50,.12));border-radius:999px;background:color-mix(in srgb,var(--surface,#fff) 92%,transparent);color:var(--text,#152033);font-weight:900;padding:9px 13px;cursor:pointer;}
.p4j0j3-mode-btn.is-active{background:color-mix(in srgb,var(--accent,#37b37e) 16%,var(--surface,#fff));border-color:color-mix(in srgb,var(--accent,#37b37e) 46%,var(--border,rgba(20,30,50,.12)));}
.p4j0j3-view-section.is-hidden{display:none!important;}
.p4j0j3-display-grid:has(.p4j0j3-view-board.is-hidden) .p4j0j3-display-leaderboard.is-visible,.p4j0j3-display-grid:has(.p4j0j3-view-leaderboard.is-visible):not(:has(.p4j0j3-view-board.is-visible)) .p4j0j3-display-leaderboard{grid-column:1/-1;}
.p4j0j3-display-bracket,.p4j0j3-display-share{grid-column:1/-1;border:1px solid var(--border,rgba(20,30,50,.12));border-radius:26px;background:color-mix(in srgb,var(--surface,#fff) 92%,transparent);box-shadow:0 14px 34px rgba(15,23,42,.08);padding:16px;}
.p4j0j3-bracket-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:12px;overflow:auto;padding-bottom:4px;}
.p4j0j3-bracket-round{display:grid;gap:10px;align-content:start;border:1px solid var(--border,rgba(20,30,50,.12));border-radius:22px;padding:12px;background:color-mix(in srgb,var(--surface,#fff) 90%,transparent);}
.p4j0j3-bracket-round.is-active{outline:2px solid color-mix(in srgb,var(--accent,#37b37e) 45%,transparent);}
.p4j0j3-bracket-title{font-weight:950;color:var(--accent,#37b37e);text-transform:uppercase;letter-spacing:.08em;font-size:12px;}
.p4j0j3-bracket-match{display:grid;gap:5px;border:1px solid color-mix(in srgb,var(--border,rgba(20,30,50,.12)) 80%,transparent);border-radius:18px;padding:10px;background:var(--surface,#fff);}
.p4j0j3-bracket-match span{color:var(--muted,#667085);font-size:12px;font-weight:850;}.p4j0j3-bracket-match b{line-height:1.15;}.p4j0j3-bracket-match em{font-style:normal;color:var(--muted,#667085);font-weight:900;}.p4j0j3-bracket-match.is-locked em{color:var(--accent,#37b37e);}
.p4j0j3-qr-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center;}.p4j0j3-qr-row img{width:112px;height:112px;border-radius:18px;background:#fff;padding:8px;border:1px solid var(--border,rgba(20,30,50,.12));}.p4j0j3-qr-row b,.p4j0j3-qr-row span{display:block;}.p4j0j3-qr-row span{margin-top:4px;color:var(--muted,#667085);font-size:12px;font-weight:750;word-break:break-all;}
.p4j0j3-display-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);opacity:0;z-index:99999;padding:10px 14px;border-radius:999px;background:var(--text,#152033);color:var(--surface,#fff);font-weight:900;box-shadow:0 12px 30px rgba(15,23,42,.22);transition:.22s ease;}.p4j0j3-display-toast.is-show{opacity:1;transform:translate(-50%,0);}
html[data-theme="dark"] .p4j0j3-display-toolbar,html[data-theme="dark"] .p4j0j3-display-bracket,html[data-theme="dark"] .p4j0j3-display-share,html[data-theme="dark"] .p4j0j3-bracket-round{background:color-mix(in srgb,var(--surface,#111827) 88%,transparent);}html[data-theme="dark"] .p4j0j3-bracket-match{background:color-mix(in srgb,var(--surface,#111827) 92%,#000 8%);} 
@media print{body.p4j0j3-tournament-display-route .app-shell,.p4j0j3-tournament-display{background:#fff!important;color:#111!important}.p4j0j3-display-toolbar,.p4j0j3-refresh,.p4j0j3-display-share{display:none!important}.p4j0j3-display-hero,.p4j0j3-display-match-board,.p4j0j3-display-leaderboard,.p4j0j3-display-podium,.p4j0j3-display-bracket,.p4j0j3-match-card,.p4j0j3-leader-row,.p4j0j3-podium-card,.p4j0j3-bracket-round,.p4j0j3-bracket-match{box-shadow:none!important;break-inside:avoid}.p4j0j3-display-grid{display:block}.p4j0j3-view-section{margin-top:12px}.p4j0j3-view-section.is-hidden{display:none!important}}
@media (max-width:900px){.p4j0j3-display-toolbar{align-items:stretch;display:grid}.p4j0j3-mode-group,.p4j0j3-tool-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.p4j0j3-mode-group{grid-template-columns:repeat(3,minmax(0,1fr));}.p4j0j3-mode-btn,.p4j0j3-tool-group button{width:100%;}.p4j0j3-bracket-board{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr;}.p4j0j3-qr-row{grid-template-columns:84px minmax(0,1fr);}.p4j0j3-qr-row img{width:84px;height:84px;}}