html{font-size:var(--g3-root-size,16px)}
html:root{font-size:var(--g3-root-size,16px)!important}
.g3s-btn{font-family:"Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:.04em;background:#CC2738;color:#fff;border:0;border-radius:8px;padding:6px 12px;min-height:36px;cursor:pointer;margin-left:6px}
.g3s-btn:active{background:#8E1524}.g3s-btn:focus-visible{outline:3px solid #ebbc58;outline-offset:2px}
.g3s-float{position:fixed;top:10px;right:10px;z-index:9000}
.g3s-wrap{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center}
@media (min-width:700px){.g3s-wrap{align-items:center}}
.g3s-card{background:#fff;color:#1f2a26;width:100%;max-width:480px;border-radius:16px 16px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));max-height:90vh;overflow:auto}
@media (min-width:700px){.g3s-card{border-radius:16px}}
.g3s-head{display:flex;justify-content:space-between;align-items:center}.g3s-head h2{margin:0;font-size:1.3rem}
.g3s-x{background:none;border:0;font-size:1.8rem;line-height:1;color:inherit;cursor:pointer;min-width:44px;min-height:44px}
.g3s-group{border:0;padding:0;margin:14px 0 0}.g3s-group legend{font-weight:800;font-size:1rem;margin-bottom:6px;padding:0}
.g3s-row{display:flex;flex-wrap:wrap;gap:8px}
.g3s-opt{font-family:"Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:.03em;border:2px solid #CC2738;background:#fff;color:#CC2738;border-radius:8px;padding:8px 12px;min-height:44px;cursor:pointer;flex:1 1 auto}
.g3s-opt.is-on{background:#8E1524;border-color:#8E1524;color:#fff}
.g3s-fine{font-size:.8rem;margin:6px 0 0;color:#4a5550}
.g3s-actions{margin-top:16px}.g3s-done{width:100%;font-family:"Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:.04em;background:#CC2738;color:#fff;border:0;border-radius:10px;min-height:48px;font-size:1.1rem;cursor:pointer}
/* ---- Dark Mode ---- */
html[data-g3-theme=dark]{--paper:#111613;--card:#1b221e;--ink:#eef2ef;--line:#eef2ef26;--muted:#eef2efc2;--glow:#2a2a1c;color-scheme:dark}
html[data-g3-theme=dark] body,html[data-g3-theme=dark] #root{background:#111613!important;color:#eef2ef}
html[data-g3-theme=dark] :is(main,.card,section.card,aside,aside.ticket,.g3x-panel,.g3x-order-review,.g3x-net-rate,.g3x-modal,.g3x-ma-wiz-card,.g3x-gal-card,fieldset,.g3x-or-item,.g3x-swatch-cell,.g3x-pick,.banner,.g3x-board-tools,.g3x-draw-help,.g3x-studio,.decision,.g3x-disc-row,.choice,.g3h-option,.g3x-program,.g3t-card,.g3x-nose-item,.g3x-notes,.price-line,.ticket,.g3x-locked-summary){background-color:#1b221e!important;color:#eef2ef!important;border-color:#3a4842!important}
html[data-g3-theme=dark] :is(h1,h2,h3,h4,legend,dt,dd,p,li,label,span,strong,b,small,.kicker,.lede,.phase,.fine,.muted,.g3x-fine,.track-label){color:inherit}
html[data-g3-theme=dark] :is(.fine,.muted,.g3x-fine,.lede,.kicker,.phase,small,.g3s-fine){color:#c9d2cd!important}
html[data-g3-theme=dark] :is(input,select,textarea){background:#0f1412!important;color:#eef2ef!important;border-color:#56665e!important}
html[data-g3-theme=dark] a:not(.btn):not([class*=btn]):not(.g3x-gal-chip){color:#ff8c96!important}
html[data-g3-theme=dark] :is(.btn,button.btn,.g3x-btn-sign,.g3s-btn,.g3s-done,.g3t-btn,.g3x-gal-back){background:#CC2738!important;color:#fff!important;border-color:#CC2738!important}
html[data-g3-theme=dark] :is(.btn.is-on,.btn.is-chosen,.g3s-opt.is-on){background:#8E1524!important;border-color:#8E1524!important;color:#fff!important}
html[data-g3-theme=dark] :is(.btn-secondary,.btn-text,.g3x-opt,.g3s-opt){background:#1b221e!important;color:#ff8c96!important;border-color:#CC2738!important}
html[data-g3-theme=dark] :is(.g3x-opt.is-on){background:#8E1524!important;color:#fff!important}
html[data-g3-theme=dark] header,html[data-g3-theme=dark] nav{background-color:#0c100e!important;color:#eef2ef!important}
html[data-g3-theme=dark] .g3s-card{background:#1b221e;color:#eef2ef}
html[data-g3-theme=dark] .g3x-strand{background:transparent}
html[data-g3-theme=dark] main :is(div,p,section,li,span,label,strong,b,h1,h2,h3,h4,dl,dt,dd,ol,ul,small,em,legend,fieldset,header,article,figcaption,blockquote,table,tr,td,th):not(.btn):not([class*=btn]):not(.g3x-gal-chip-swatch):not(.g3x-strand-bulb):not(.bulb):not(.g3x-nose-box):not([style*=background]){background-color:transparent;background-image:none;color:#eef2ef}
html[data-g3-theme=dark] main :is(.card,section.card,aside,.g3x-order-review,.g3x-ma-wiz-card,.g3x-net-rate,.banner,.banner-alert,.g3x-or-item,.g3x-program){background-color:#1b221e!important;border-color:#3a4842!important}
html[data-g3-theme=dark] main .banner-alert{border-left:4px solid #CC2738!important}
html[data-g3-theme=dark] main .is-on:not(button):not(.btn){outline:2px solid #ff8c96;outline-offset:1px}
html[data-g3-theme=dark] a.g3x-addview-tab,html[data-g3-theme=dark] a[class*=btn],html[data-g3-theme=dark] a.btn{color:#fff!important}
html[data-g3-theme=dark] main :is(.fine,.muted,.g3x-fine,.lede,.kicker,.phase,small){color:#c9d2cd!important}
html[data-g3-theme=dark] main a.g3x-gal-chip{background:#1b221e!important;color:#eef2ef!important;border-color:#CC2738!important}
html[data-g3-theme=dark] main a.g3x-gal-chip.is-on{background:#8E1524!important;color:#fff!important}
html[data-g3-theme=dark] main a.g3x-gal-chip span{color:inherit!important}
html[data-g3-theme=dark] main a.g3x-addview.g3x-addview-tab:not(.btn):not([class*=btn]):not(.g3x-gal-chip){color:#fff!important}

/* Global: bottom nav anchored to the screen bottom (iOS toolbar collapse / overscroll). */
html, body { overscroll-behavior-y: none; }
.staff-app .g3sn-bottom, .g3cb { position: fixed !important; bottom: 0 !important; left: 0; right: 0; z-index: 900 !important; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); will-change: transform; }
.staff-app .g3sn-bottom::after, .g3cb::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 100vh; pointer-events: none; }
.staff-app .g3sn-bottom::after { background: #004830; }
.g3cb::after { background: #fff; }
html[data-g3-theme=dark] .g3cb::after { background: inherit; }
.staff-app main.page { padding-bottom: calc(var(--g3-bar-h, 150px) + 28px + env(safe-area-inset-bottom)) !important; }

/* v5 (Oct 15, 2026): bottom bar anchored on iOS/Android. Fixed to the true bottom, solid fill under it into the
   safe area and overscroll, no transform on the bar, page padded by the bar's measured height (--g3-foot-h). */
html, body { overscroll-behavior-y: none; }
html { background-color: #004830; }
.staff-app .g3sn-bottom, .g3cb { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; transform: none !important; -webkit-transform: none !important; will-change: auto !important; }
.staff-app .g3sn-bottom::after, .g3cb::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 100vh; background: #004830; pointer-events: none; }
.g3cb::after { background: #fff; }
html.g3-has-foot body { padding-bottom: calc(var(--g3-foot-h, 0px) + 12px) !important; }

/* v37l install video */
.g3x-vid{margin-top:16px;border-top:1px solid rgba(0,0,0,.08);padding-top:12px}
.g3x-vid-h{margin:0 0 6px;font-size:1rem}
.g3x-vid-frame{position:relative;width:100%;max-width:640px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000}
.g3x-vid-frame iframe,.g3x-vid-thumb,.g3x-vid-thumb img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.g3x-vid-thumb{padding:0;cursor:pointer;background:#000}
.g3x-vid-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:46px;border-radius:12px;background:#CC2738;color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center}
.g3x-vid-link{display:inline-block;margin-top:8px;font-weight:600;word-break:break-all;min-height:44px;line-height:44px}
.g3x-vid input[type=url]{width:100%;font-size:16px;min-height:44px}
.g3x-err{color:#CC2738;font-weight:600;margin:4px 0}

.g3x-ovp-pays .g3x-ovp-psh th{padding-top:14px;font-weight:700;text-transform:none;border-top:2px solid #17251f}
.g3x-ovp-status{margin:0 0 6px;font-weight:600}
.g3x-ovp-tbl th[scope=row]{white-space:normal}

.g3x-ovp-sec th{padding-top:14px!important;font-weight:800;color:#0B6346;border-bottom:2px solid #0B6346}
.g3x-outline-rows .g3x-outline-sec{background:#F1F6F3}
.g3x-outline-rows .g3x-outline-sec dt{font-weight:800;color:#0B6346}

/* v37l notes tile full width under pricing */
.g3x-or-grid .g3x-or-item[data-or=notes]{grid-column:1/-1;width:auto;box-sizing:border-box;min-width:0}
.g3x-or-grid .g3x-or-item[data-or=notes] .g3x-or-notes{overflow-wrap:anywhere}

/* v37l three equal tiles */
.g3x-order-review .g3x-or-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.g3x-order-review .g3x-or-grid .g3x-or-item[data-or=areas],.g3x-order-review .g3x-or-grid .g3x-or-item[data-or=colors],.g3x-order-review .g3x-or-grid .g3x-or-item[data-or=views]{grid-column:auto;width:auto;min-width:0;height:100%;box-sizing:border-box}
@media (max-width:560px){.g3x-order-review .g3x-or-grid{grid-template-columns:minmax(0,1fr)}}
/* v94.37q: compact fixed bars on phones */
@media (max-width:560px){
#g3-save-design[data-inline]{position:static!important;box-shadow:none!important;border:0!important;padding:0!important;background:none!important;margin-left:auto}
#g3-save-design [data-save-design]{min-height:38px!important;padding:6px 12px!important;font-size:.95rem!important}
#g3-save-design [data-saved-at]:empty{display:none}
.actions{padding-top:4px!important;padding-bottom:4px;gap:8px!important}
.actions .btn,.actions .btn-text,.actions button{min-height:38px;padding:6px 14px;font-size:.95rem}
}
/* v94.37t: Settings card matches project tiles; Season Status closes the page with even spacing */
#g3-settings.g3-settings-card{margin:0;max-width:none;text-align:left}
#g3-settings.g3-settings-card [data-chpw-go]{width:auto!important;padding-left:22px!important;padding-right:22px!important}
#g3-settings.g3-settings-card [data-err]{text-align:left!important}
#g3-settings + .actions{margin-top:4px}

/* v337: light brand theme only (no system dark mode) */
:root{color-scheme:light only}