/* Account stays inside its own origin; this shell owns only anonymous chrome.
 * The iframe scrolls independently, and native dialog restores keyboard focus. */
.standalone-account-dialog{width:min(940px,calc(100vw - 24px));height:min(820px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #d6e2dd;border-radius:14px;box-shadow:0 24px 90px #132e3155;color:#203c31;overflow:hidden}
.standalone-account-dialog::backdrop{background:#17352d66;backdrop-filter:blur(5px)}
.standalone-account-dialog[open]{display:flex;flex-direction:column}
.standalone-account-dialog header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e0e9e4;flex:none}
.standalone-account-dialog h2{font-size:21px;margin:0}
.standalone-account-dialog header button{border:0;background:#edf4f0;color:#264c3b;font-size:27px;line-height:1;width:40px;height:40px;border-radius:8px;cursor:pointer;text-decoration:none}
.standalone-account-dialog iframe{width:100%;border:0;flex:1;min-height:0;background:#fff}
.standalone-account-dialog iframe[hidden]{display:none}
.standalone-account-dialog p{margin:24px}
.standalone-account-open{white-space:nowrap}
/* This account menu is separate from category filters. Its short labels carry
 * no buyer identity and its controls always open the origin-isolated panel. */
.standalone-account-menu{margin:0 0 16px;background:#fff;border:1px solid #d6e2dd;border-radius:10px;overflow:hidden}
.standalone-account-menu[hidden],.standalone-account-menu [hidden]{display:none!important}
.standalone-account-menu h2{font-size:18px;line-height:1.3;margin:0;padding:14px 16px;background:#edf4f0;color:#203c31}
.standalone-account-menu button,.standalone-account-menu a{display:block;width:100%;box-sizing:border-box;border:0;border-top:1px solid #e0e9e4;border-radius:0;padding:12px 16px;background:#fff;color:#264c3b;font:inherit;font-size:15px;text-align:left;text-decoration:none;cursor:pointer}
.standalone-account-menu button:hover,.standalone-account-menu a:hover{background:#f1f7f3;text-decoration:none}
.standalone-account-menu button:focus-visible,.standalone-account-menu a:focus-visible{outline:2px solid #36795b;outline-offset:-3px}
/* Logout is one full-width action inside the same account card as identity.
 * Reset native form margins so no extra status strip/gap follows the box. */
.standalone-account-menu .standalone-account-logout{margin:0;padding:0}
.standalone-account-menu .standalone-account-logout button{font-size:14px;color:#315d49}
@media(max-width:767px){.standalone-account-menu-desktop{display:none!important}.polargo-mobile-filter-panel .standalone-account-menu{margin:12px 16px}}

/* Native invitation dialog: one clear existing/new choice after cookie
 * preference. The same focus trap/backdrop works on touch and keyboards. */
.standalone-visitor-choice{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:26px;border:1px solid #d6e2dd;border-radius:14px;color:#203c31;background:#fff;box-shadow:0 24px 90px #132e3155;line-height:1.55}
.standalone-visitor-choice::backdrop{background:#17352d66;backdrop-filter:blur(5px)}
.standalone-visitor-choice h2{font-size:26px;line-height:1.2;margin:0 0 14px}
.standalone-visitor-choice p{margin:0 0 20px}
.standalone-visitor-actions{display:grid;gap:10px;margin-bottom:20px}
.standalone-visitor-actions a,.standalone-visitor-actions button{display:block;box-sizing:border-box;width:100%;padding:12px 16px;border:1px solid #d6e2dd;border-radius:8px;background:#fff;color:#264c3b;text-align:center;text-decoration:none;font:inherit;font-weight:600;cursor:pointer;white-space:normal}
.standalone-visitor-actions a{background:#315d49;color:#fff;border-color:#315d49}
.standalone-visitor-choice small{display:block;font-size:13px;color:#64786e}
.standalone-login-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:13px;margin:0 0 14px;padding:10px 12px;border-radius:8px;background:#edf4f0;color:#315d49}
.standalone-login-status button{font:inherit;border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;padding:0}
.standalone-login-error{padding:14px;background:#fff7ed;border:1px solid #e4c9a4;border-radius:8px}

.standalone-login-status-mobile{margin:12px 16px}

/* Explicit kill-switch state wins over the responsive flex presentation. */
.standalone-account-open[hidden],.standalone-login-status[hidden],.standalone-login-error[hidden]{display:none!important}

/* The visitor choice matches the paused-shop card without replacing the
 * surrounding shop. Native dialog keeps keyboard focus inside the sharp card
 * while its actual storefront backdrop blurs (including Safari's prefix).
 * The official logo is decorative here; the heading names the choice. */
.standalone-visitor-choice{width:min(500px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:34px 30px 32px;border-color:#d9dde2;border-radius:8px;box-shadow:0 16px 38px #00000017;text-align:center;overflow:auto}
.standalone-visitor-choice::before{content:"";display:block;width:190px;max-width:75%;height:58px;margin:0 auto 24px;background:url("polargo-logo.png") center/contain no-repeat}
.standalone-visitor-choice::backdrop{background:#17352d66;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.standalone-visitor-choice h2{font-size:26px;line-height:1.25}
.standalone-visitor-choice p{color:#43544b}
.standalone-visitor-actions{grid-template-columns:minmax(0,1fr);margin:24px 0 18px;gap:12px}
.standalone-visitor-actions a,.standalone-visitor-actions button{display:flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:999px;border:1px solid #b8e34a;background:#b8e34a;color:#111;line-height:1.35;font-weight:700;text-decoration:none}
.standalone-visitor-actions a{background:#303030;color:#fff;border-color:#303030}
.standalone-visitor-actions :is(a,button):focus-visible{outline:3px solid #315f47;outline-offset:3px}
.standalone-visitor-actions :is(a,button):hover{filter:brightness(.97)}
.standalone-visitor-choice small{font-size:13px;line-height:1.5}
@media(max-width:520px){.standalone-visitor-choice{padding:28px 20px}.standalone-visitor-choice h2{font-size:24px}}

/* The identity itself belongs to Polargo's origin. An empty/blocked third-party
 * frame leaves the generic signed-in label readable beneath it. The frame has
 * no scripts, forms or navigation and cannot give this host buyer records. */
.standalone-account-identity{position:relative;min-height:66px;border-top:1px solid #e0e9e4;background:#fff;color:#63766a;font-size:13px}
.standalone-account-identity>span{display:block;padding:14px 16px}
.standalone-account-identity iframe{position:absolute;inset:0;width:100%;height:66px;border:0;background:transparent}
