/* HASH TAG brand identity. Keep this palette for future customer features.
   Primary: RGB(113, 247, 137), #71f789. Use dark ink on mint-filled controls. */
:root{--brand-primary:#71f789;--brand-ink:#082411;--brand-surface:#14241b;--brand-border:#2c4335}
.p-brand{display:flex;align-items:center;gap:10px;min-width:0;white-space:nowrap}
.p-brand img{display:block;width:40px;height:40px;object-fit:contain;border-radius:10px;flex:none}
.p-brand strong{color:var(--brand-primary);font-size:clamp(1.15rem,5.5vw,1.7rem);letter-spacing:-.04em}
.brand-mark>img,.admin-logo>img,.app-header .mini-mark{object-fit:contain;border-color:#356341;background:#080f0c;box-shadow:0 0 16px #71f78922}
body.customer-only{--bg:#080f0c;--panel-2:#1b2d22;--mint:var(--brand-primary);--lime:var(--brand-primary)}
.customer-only .app-stage{background:var(--bg)}
.customer-only .bottom-nav button{color:#a8bdb0}
.customer-only .bottom-nav button.active{color:var(--brand-primary)}
.customer-only .p-primary:not(:disabled):active{background:#58df71}
.customer-only :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}
.customer-only input{accent-color:var(--brand-primary)}
.customer-only .p-assets b{color:var(--brand-primary)}
.customer-only .p-myrank{border:1px solid #438e56}
.customer-only .temporary-signup-card,.customer-only .install-card{background:linear-gradient(145deg,#193323,#122219);border-color:var(--brand-border);box-shadow:none}
.customer-only .temporary-signup-head p{color:var(--muted);font-size:.875rem}
.customer-only .temporary-signup-head>span{background:#21412d;color:var(--brand-primary)}
.customer-only .temporary-signup-card>small,.customer-only .install-card p{font-size:.8125rem}
.customer-only .temporary-signup-submit,.customer-only .install-card button{background:var(--brand-primary);color:var(--brand-ink);font-size:1rem}
.customer-only .install-card img{border-color:#356341;box-shadow:none;object-fit:contain}
.customer-only .install-card b{font-size:1rem}
.customer-only .home-banner-copy small,.customer-only .home-banner-copy>span{color:var(--muted)}

.customer-only .op-notification{border-color:var(--brand-border)}
.customer-only .op-notification.unread{background:#1b3826;border-left-color:var(--brand-primary)}
.customer-only .op-notification small{color:var(--muted)}

/* Make the customer header ranking shortcut easy to see and tap. */
.customer-only .p-head>[data-p-go="ranking"]{display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:1.5rem;line-height:1;border:1px solid #356341;border-radius:12px;background:#193323;color:var(--brand-primary)}
.customer-only .p-head>[data-p-go="ranking"]:active{background:#294b34}
.customer-only .p-head>h2:empty{display:none}