/* Shared interaction primitives. Existing brand tokens remain authoritative. */
:root{--ux-space:16px;--ux-radius:14px;--ux-focus:#54b6ec}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ux-focus);outline-offset:3px}
button:disabled{cursor:wait}
.ux-bottom{display:none}.ux-more[hidden]{display:none}.ux-more{position:fixed;inset:auto 16px 90px;z-index:1100;padding:20px;background:var(--panel,var(--card,#121a25));border:1px solid var(--border);border-radius:var(--ux-radius);box-shadow:0 16px 60px #0006;color:var(--text)}
.ux-more button,.ux-more a{display:block;width:100%;text-align:left;padding:14px;border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;text-decoration:none}
.ux-more button:hover,.ux-more a:hover{background:var(--panel2,#54b6ec18)}
.ux-context{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-muted,var(--muted));flex-wrap:wrap}.ux-context a{color:var(--blue,var(--accent,#54b6ec));font-weight:700;text-decoration:none}
.ux-health{padding:20px;border:1px solid var(--border);border-radius:var(--ux-radius);background:var(--panel);margin-bottom:20px}.ux-health h3{margin:0 0 12px;font-size:16px}.ux-health button{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:13px 0;border:0;border-top:1px solid var(--border);background:none;color:var(--text);text-align:left;font:inherit;font-size:13px;cursor:pointer}.ux-health button b{flex-shrink:0;color:var(--accent,#54b6ec)}
body.ux-rep #onepagers-tab,body.ux-rep #analytics-tab{display:none}
#scan-btn{min-height:112px}#manual-entry-btn{min-height:44px}.lead-info-actions button,#log-lead-only-btn,#score-lead-btn{min-height:52px;font-size:15px}#page-score .hero{padding-bottom:16px}#page-score .hero-logo{max-height:48px;width:auto}#page-score .legend{opacity:.8}
.ux-overview{max-width:1000px;margin:24px auto;padding:24px;color:var(--text)}.ux-overview h2{margin-top:0}.ux-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.ux-metric{padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--panel,var(--card))}.ux-metric strong{display:block;font-size:32px;margin-bottom:6px}.ux-overview button{padding:14px 18px;margin:4px;border:1px solid var(--border);border-radius:12px;background:var(--panel,var(--card));color:var(--text);font:inherit;cursor:pointer}
@media(max-width:768px){body.ux-score .app-sheet{padding-bottom:100px}body.ux-score #nav-dropdown-mobile{display:none!important}.ux-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:900;background:var(--panel,var(--card,#121a25));border-top:1px solid var(--border);padding:8px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #0002}.ux-bottom button{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;min-height:52px;background:none;border:0;border-radius:12px;color:var(--text-muted,#7c8a9c);font:inherit;font-size:12px;font-weight:700}.ux-bottom svg{width:22px;height:22px}.ux-bottom button[aria-current=page]{background:#54b6ec20;color:var(--blue,#54b6ec)}.ux-bottom button:first-child{color:var(--blue,#54b6ec)}.ux-metrics{grid-template-columns:1fr}.onepager-field input,.onepager-field select,.onepager-field textarea,#page-score input,#page-score textarea{font-size:16px!important}.onepager-field>span,.tmeta,.action-card-desc{font-size:13px}.ux-context{padding:10px 16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

body.ux-score:not(.ux-in-event) .ux-bottom,body.ux-score:not(.ux-in-event) .ux-context{display:none}
/* Give capture a clear primary action without removing alternate entry paths. */
#page-score #scan-card-btn{min-height:76px;box-shadow:none}
#page-score #scan-btn{border:2px solid var(--blue,#54b6ec)!important}
#page-score .action-card-title{font-size:18px}
#page-score .action-card-desc{line-height:1.5}
#lead-quick-actions{position:sticky;bottom:0;padding:12px 0;background:var(--panel,var(--card))}
/* Canonical primitives. Existing class names retain only their product layout. */
:root{--pui-text:var(--text,#eaf1f8);--pui-muted:var(--muted,var(--text-muted,#7c8a9c));--pui-panel:var(--panel,var(--card,#121a25));--pui-border:var(--border,#1e2a38);--pui-accent:var(--accent,var(--blue,#54b6ec));--pui-radius:14px;--pui-small:13px;--pui-body:15px}
.pui-control{touch-action:manipulation}.pui-button{min-height:44px;padding:11px 16px;border:1px solid var(--pui-border);border-radius:10px;color:var(--pui-text);background:var(--pui-panel);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.pui-button.is-primary{background:var(--pui-accent);color:#04121c;border-color:transparent}.pui-button:disabled{opacity:.55;cursor:default}.pui-input{line-height:1.5}.pui-surface,.pui-card{border-radius:var(--pui-radius)}.pui-card{border:1px solid var(--pui-border);background:var(--pui-panel);padding:20px;margin:16px 0;color:var(--pui-text)}.pui-card h3{font-size:17px;margin:0 0 14px}.pui-header h2{font-size:26px;line-height:1.2;margin:0 0 8px}.pui-header p,.pui-help{font-size:var(--pui-small);line-height:1.6;color:var(--pui-muted)}.pui-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.pui-metric{padding:18px;border-radius:12px;border:1px solid var(--pui-border);background:var(--pui-panel)}.pui-metric strong{font-size:30px;display:block;font-variant-numeric:tabular-nums}.pui-metric span{display:block;font-size:13px;line-height:1.5;color:var(--pui-muted);margin-top:6px}.pui-field{display:block;margin:16px 0}.pui-field>span{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.pui-field input,.pui-field select,.pui-field textarea{box-sizing:border-box;width:100%;padding:12px;border-radius:10px;border:1px solid var(--pui-border);background:var(--bg,#090d14);color:var(--pui-text);font:inherit;font-size:15px;line-height:1.5}.pui-field textarea{resize:vertical}.pui-badge{display:inline-block;border-radius:999px;padding:3px 8px;background:#54b6ec15;color:var(--pui-text);font-size:12px;font-weight:600;margin:4px 8px}.pui-table-wrap{overflow-x:auto}.pui-table{width:100%;border-collapse:collapse;font-size:14px}.pui-table th,.pui-table td{padding:12px;text-align:left;border-bottom:1px solid var(--pui-border)}.pui-empty{padding:24px;border:1px dashed var(--pui-border);border-radius:12px;color:var(--pui-text)}.pui-empty p{font-size:14px;line-height:1.6;color:var(--pui-muted)}.pui-roster-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--pui-border)}.pui-roster-row strong{font-size:14px;overflow-wrap:anywhere}.pui-roster-checks{display:flex;gap:14px;flex-wrap:wrap}.pui-check{display:flex;align-items:center;gap:8px;font-size:13px;min-height:44px;cursor:pointer}.pui-check input{width:20px;height:20px;accent-color:var(--pui-accent)}.pui-toast{position:fixed;bottom:calc(100px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:14px 22px;border:1px solid #3fd88e;border-radius:12px;background:var(--pui-panel);color:var(--pui-text);z-index:10020;max-width:calc(100vw - 32px);font-size:14px;box-shadow:0 10px 30px #0005}.pui-toast.is-error{border-color:#e8547a}.pui-toast[hidden]{display:none}.pui-modal{box-sizing:border-box;max-width:760px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--pui-border);border-radius:18px;padding:24px;background:var(--pui-panel);color:var(--pui-text);font-family:inherit}.pui-modal::backdrop{background:#0009;backdrop-filter:blur(3px)}.pui-drawer{margin:0 0 0 auto;height:100dvh;max-height:100dvh;border-radius:18px 0 0 18px}.pui-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.ux-more{bottom:90px}.ux-overview .pui-button{margin:0}.ux-more [hidden]{display:none}
@media(min-width:769px){.ux-more{bottom:auto;top:90px;left:auto;right:20px;width:340px}.pui-toast{bottom:24px}}
@media(max-width:768px){.pui-roster-row{align-items:flex-start;flex-direction:column;gap:8px}.pui-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pui-field input,.pui-field select,.pui-field textarea{font-size:16px}.pui-modal{padding:20px}.pui-check{font-size:14px}.pui-drawer{width:100%;max-width:none;border-radius:0}.pui-dialog-body{max-height:calc(100dvh - 24px);overflow:auto}}
@media print{.pui-button,.ux-bottom,.ux-context,.pui-toast,.ux-more{display:none!important}.pui-card,.pui-metric{break-inside:avoid}}
body.ux-panel-open .ux-bottom,body.ux-panel-open .ux-more{display:none}.ux-bottom button[hidden],#overview-tab[hidden]{display:none!important}#nav-dropdown-mobile{display:none!important}.ux-score #nav-tabs-desktop{display:flex;gap:4px;overflow:auto;max-width:100%}
@media(max-width:768px){.ux-score #nav-tabs-desktop{display:none!important}}
@media(max-width:768px){.ux-bottom{top:auto!important;height:auto!important;min-height:0;position:fixed!important;bottom:0!important;left:0;right:0;justify-content:initial}.ux-bottom button{margin:0}}
.ux-overview a.pui-button{text-decoration:none;display:inline-flex;align-items:center}
@media(max-width:768px){.pui-control{min-height:44px}.ux-bottom .pui-control{min-height:52px}.onepager-field>span,.onepager-form-section-head span:not(.onepager-step),.field-label,.log-title-eyebrow,.tmeta,.onepager-builder-head p{font-size:13px!important;line-height:1.5}}
:root[data-theme="light"]{--pui-muted:#52667a}
html,body{background-color:var(--bg,#090d14)}
#page-score .hero-title{font-size:26px;margin:18px 0 10px}#page-score .hero>.hero-logo,#page-score .hero>.pitch-icons{display:none}
.taskqueue .seqn{height:28px;min-height:28px;margin-top:14px;border:0;border-radius:8px;background:var(--panel-2,var(--panel));font-size:12px;align-self:start}
#scan-card-btn .action-card-title{font-size:16px}

/* Desktop destinations stay visible on every page. Legacy CSS hides .nav-tab. */
@media(min-width:769px){
 html:has(body.ux-score),body.ux-score{overflow-x:clip}
 .ux-score .ux-desktop-header{height:auto;min-height:60px;flex-wrap:wrap;gap:12px;padding:10px 20px!important;position:sticky;top:0;z-index:100}
 .ux-score .ux-desktop-header>div:last-child{min-width:0;max-width:100%}
 .ux-score #nav-tabs-desktop{flex-wrap:wrap;overflow:visible}
 .ux-score #nav-tabs-desktop .nav-tab{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}
 .ux-score #nav-tabs-desktop .nav-tab:hover{background:var(--panel2)}
 .ux-score #nav-tabs-desktop .nav-tab[aria-current=page]{color:var(--accent);background:#54b6ec20;border-color:var(--accent)}
 .ux-score #nav-tabs-desktop .nav-tab[hidden],body.ux-rep #nav-tabs-desktop #onepagers-tab,body.ux-rep #nav-tabs-desktop #analytics-tab{display:none!important}
}
@media print{.ux-desktop-header{display:none!important}}

/* Event overview: clear outcome groups, with color tied to meaning. */
.ov-dashboard{max-width:1160px;margin:0 auto;padding:34px 28px 48px}
.ov-header{margin-bottom:28px;padding:24px 28px;border:1px solid var(--pui-border);border-radius:18px;background:linear-gradient(115deg,#54b6ec22,transparent 75%);border-left:4px solid var(--accent)}
.ov-eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--accent);margin-bottom:10px}
.ov-header h2{font-size:30px;line-height:1.25;margin:0 0 10px;overflow-wrap:anywhere}
.ov-header p,.ov-section-head p,.ov-team-heading p{margin:0;font-size:14px;line-height:1.6;color:var(--pui-muted)}
.ov-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.ov-stat{--ov-color:#54b6ec;--ov-wash:#54b6ec18;padding:22px;border:1px solid var(--pui-border);border-top:3px solid var(--ov-color);border-radius:14px;background:linear-gradient(145deg,var(--ov-wash),transparent 85%),var(--pui-panel)}
.ov-orange{--ov-color:#ff9755;--ov-wash:#ff975518}.ov-purple{--ov-color:#b49aff;--ov-wash:#b49aff18}.ov-green{--ov-color:#39d99c;--ov-wash:#39d99c18}
.ov-stat-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:700}.ov-symbol{color:var(--ov-color);font-size:20px}
.ov-stat>strong{display:block;font-size:42px;line-height:1.2;margin:16px 0 8px;color:var(--ov-color);font-variant-numeric:tabular-nums}
.ov-stat p{font-size:13px;line-height:1.5;color:var(--pui-muted);margin:0}
.ov-attention{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;border:1px solid var(--pui-border);border-left:4px solid #f4b84a;border-radius:16px;background:linear-gradient(110deg,#f4b84a12,transparent 75%),var(--pui-panel);padding:26px;margin-bottom:24px}
.ov-attention .ov-eyebrow{color:#f4b84a}.ov-section-head h3,.ov-team h3{font-size:21px;margin:0 0 8px}
.ov-attention-counts{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.ov-attention-counts strong{display:block;font-size:32px;color:#f4b84a;margin-bottom:6px;font-variant-numeric:tabular-nums}.ov-attention-counts span{display:block;font-size:14px;font-weight:700}.ov-attention-counts small{display:block;margin-top:7px;font-size:13px;line-height:1.5;color:var(--pui-muted)}
.ov-team{padding:26px;border:1px solid var(--pui-border);border-radius:16px;background:var(--pui-panel)}.ov-team-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.ov-team-heading button{flex-shrink:0;font-size:14px;margin:0}
.ov-team-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid var(--pui-border);padding-top:20px}.ov-team-counts strong{display:block;font-size:26px;margin-bottom:6px;color:var(--accent);font-variant-numeric:tabular-nums}.ov-team-counts span{font-size:13px;color:var(--pui-muted)}
:root[data-theme="light"] .ov-stat{--ov-color:#1671ba}:root[data-theme="light"] .ov-orange{--ov-color:#b9490c}:root[data-theme="light"] .ov-purple{--ov-color:#7050bd}:root[data-theme="light"] .ov-green{--ov-color:#127753}
:root[data-theme="light"] .ov-attention .ov-eyebrow,:root[data-theme="light"] .ov-attention-counts strong{color:#8c5b00}
@media(max-width:1050px){.ov-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.ov-dashboard{padding:22px 16px 32px}.ov-header{padding:20px}.ov-header h2{font-size:24px}.ov-stats{gap:12px}.ov-stat{padding:16px}.ov-stat>strong{font-size:34px}.ov-stat-head{font-size:13px}.ov-attention{grid-template-columns:1fr;padding:20px;gap:20px}.ov-attention-counts{gap:16px}.ov-team{padding:20px}.ov-team-heading{align-items:flex-start;flex-direction:column;gap:16px}.ov-team-counts{gap:12px}.ov-team-counts strong{font-size:22px}}
@media(min-width:769px){
 #page-score .hero .score-event{text-align:center;min-width:0;width:100%}
 #page-score .score-event h2#score-event-name{display:block;box-sizing:border-box;width:100%;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;font-size:clamp(25px,2.5vw,36px);line-height:1.25;text-align:center}
 .ov-header{text-align:center}
}
@media(min-width:769px){#page-score .hero .score-event{width:min(1000px,calc(100vw - 64px));max-width:none;flex:0 0 auto;left:50%;transform:translateX(-50%)}#page-score .score-event p{max-width:650px;margin:8px auto 0}}

/* Restore one desktop dropdown; retain the mobile bottom navigation. */
@media(min-width:769px){body.ux-score #nav-tabs-desktop{display:none!important}body.ux-score #nav-dropdown-mobile{display:block!important}.ux-score .nav-dropdown-menu{background:var(--pui-panel);border:1px solid var(--pui-border);color:var(--text);min-width:220px}.ux-score .nav-dropdown-item{color:var(--text);min-height:44px}.ux-score .nav-dropdown-item:hover,.ux-score .nav-dropdown-item.active{background:#54b6ec20;color:var(--accent)}.ux-score .nav-dropdown-item[hidden]{display:none!important}}

/* Use the original top-right dropdown at every width. */
body.ux-score #nav-dropdown-mobile{display:block!important}
body.ux-score #nav-tabs-desktop,.ux-bottom,.ux-more{display:none!important}
body.ux-score .nav-dropdown-menu{background:var(--pui-panel);border:1px solid var(--pui-border);color:var(--text);min-width:220px}
body.ux-score .nav-dropdown-item{color:var(--text);min-height:44px}
body.ux-score .nav-dropdown-item:hover,body.ux-score .nav-dropdown-item.active{background:#54b6ec20;color:var(--accent)}
body.ux-score .nav-dropdown-item[hidden]{display:none!important}
@media(max-width:768px){body.ux-score .app-sheet{padding-bottom:0}}

/* Root-mounted Notebook+ stays at the same viewport anchor during scrolling. */
body.ux-score>#nbplus-tab{position:fixed;top:50%;right:0;bottom:auto!important;transform:translateY(-50%);z-index:150}
body.ux-score>#nbplus-tab[hidden]{display:none!important}
.ov-symbol{display:inline-flex;align-items:center;justify-content:center;color:var(--ov-color);filter:drop-shadow(0 0 5px var(--ov-color));flex-shrink:0}
.ov-symbol svg{width:22px;height:22px;display:block}
:root[data-theme="light"] .ov-symbol{filter:none}

#page-log .crm-issue-pill.crm-status-icon{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:24px;padding:2px;margin-left:6px;border:0;border-radius:0;background:none;vertical-align:middle;flex:none}
.crm-status-icon svg{display:block;width:20px;height:20px}

.crm-unsynced-mark{position:relative;font-size:10px;font-weight:800;line-height:18px;letter-spacing:.02em}
.crm-unsynced-mark::after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:1.5px;background:currentColor;transform:rotate(-32deg);box-shadow:0 0 2px var(--panel)}

/* iOS app shell (Capacitor): keep content clear of the status bar / Dynamic Island and home indicator. */
html.native-app{background:#0B1E2D}
html.native-app body{padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
html.native-app .ux-bottom{padding-bottom:env(safe-area-inset-bottom,0px)!important}
html.native-app .app-sheet{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}

/* v58: iOS app full-height panels sit below the status bar / Dynamic Island */
html.native-app .nbplus-drawer{box-sizing:border-box;height:100vh;height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html.native-app .lead-detail-panel{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}
html.native-app .scan-score-panel{padding-top:calc(18px + env(safe-area-inset-top,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
html.native-app .modal-overlay,html.native-app .aev-overlay{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}

/* v58: Lead Info sheet on phones (website and app) */
@media(max-width:640px){
#scan-info-panel .input-wrapper.email-input-wrapper{height:auto!important;min-height:48px;flex-wrap:wrap;align-content:center;row-gap:0}
#scan-info-panel .input-wrapper.email-input-wrapper input{flex:1 1 90px;min-width:90px;min-height:46px}
#scan-info-panel .email-input-actions{display:contents}
#scan-info-panel .email-input-wrapper .btn-find-email{flex:none;height:28px;min-height:0;padding:0 11px;font-size:12px;line-height:26px;border-radius:7px}
#scan-info-panel .email-input-wrapper .conf-badge{flex:1 1 100%;padding:0 0 8px 34px;font-size:11.5px;line-height:1.3}
#scan-info-panel .email-input-wrapper .conf-badge:empty{display:none}
#scan-info-panel #lead-quick-actions{background:var(--bg,var(--panel))}
#scan-info-panel #lead-quick-actions button{white-space:nowrap;font-size:13px!important;letter-spacing:.01em!important;padding:14px 8px!important;display:flex;align-items:center;justify-content:center;gap:6px}
}

/* v61: Change Event button was forced to 44px tall by the global touch-target rule; make it a compact pill. */
#event-banner .btn-change-event{min-height:30px!important;height:auto!important;padding:5px 14px!important;line-height:1.2!important;align-self:center}

/* v63: iOS app - sweep for anything pinned to a screen edge that the status bar / Dynamic Island / home indicator could cover */
/* Solid strip under the status bar so scrolled content never shows behind the clock and battery */
html.native-app::before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);background:#0B1E2D;z-index:2147483000;pointer-events:none}
/* Sticky bars stick just below the status bar, not under it */
/* Full-screen screens and overlays */
html.native-app #event-setup{padding-top:calc(48px + env(safe-area-inset-top,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
html.native-app #password-gate{padding-top:calc(24px + env(safe-area-inset-top,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
html.native-app .result-modal-overlay,html.native-app .followup-overlay{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}
/* "More" menu above the bottom bar */
html.native-app .ux-more{bottom:calc(90px + env(safe-area-inset-bottom,0px))}

/* v64: Lead Info action bar sits flush at the bottom of the sheet and is opaque (nothing shows beneath it).
   iOS measures a sticky bar from inside the scroll area's padding, so the sheet's bottom padding and the bar's own
   margin were floating it above the bottom with fields visible underneath. Move that spacing into the bar itself. */
#scan-info-panel{padding-bottom:0!important}
#scan-info-panel #lead-quick-actions{margin:0 -18px!important;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px))!important;background:var(--bg,#0B1E2D);border-top:1px solid var(--line,rgba(255,255,255,.06));z-index:5}