/* Customer account component: approved KISSRING tokens, scoped to avoid legacy button overrides. */
.kr-account-entry{display:inline-flex;align-items:center;justify-content:center;gap:var(--kr-space-2);min-width:var(--kr-touch);min-height:var(--kr-touch);padding:var(--kr-space-2) var(--kr-space-3);border:1px solid var(--kr-border);border-radius:var(--kr-radius-control);background:var(--kr-surface);color:var(--kr-text);font:600 14px/1.5 var(--kr-font-ui);cursor:pointer}
.hero>.kr-account-entry{position:absolute;top:var(--kr-space-6);right:var(--kr-space-6);z-index:6}
.kr-product-nav .kr-account-slot{display:flex;align-items:center;justify-content:flex-end}
.kr-product-nav-inner .kr-nav-all{margin-left:auto}
.kr-account-entry:hover{background:var(--kr-surface-pink)}
.kr-account-entry:focus-visible,.kr-account-dialog button:focus-visible,.kr-account-dialog a:focus-visible{outline:3px solid var(--kr-focus);outline-offset:3px}
.kr-account-dialog{width:min(480px,calc(100vw - 28px));max-height:90dvh;overflow:auto;padding:var(--kr-space-6);border:1px solid var(--kr-border);border-radius:var(--kr-radius-dialog);background:var(--kr-surface);color:var(--kr-text);font:400 14px/1.65 var(--kr-font-ui);box-shadow:0 24px 80px #342b3026}
.kr-account-dialog::backdrop{background:#342b3066;backdrop-filter:blur(3px)}
.kr-account-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--kr-space-4);margin-bottom:var(--kr-space-5)}
.kr-account-eyebrow{font-size:11px;letter-spacing:.16em;color:var(--kr-text-secondary);margin:0 0 var(--kr-space-1)}
.kr-account-dialog h2{margin:0;font:600 24px/1.3 var(--kr-font-ui);color:var(--kr-text)}
.kr-account-dialog button{font:600 14px/1.5 var(--kr-font-ui);cursor:pointer}
.kr-account-dialog .kr-account-close{min-width:var(--kr-touch);height:var(--kr-touch);padding:0;border:1px solid var(--kr-border);border-radius:var(--kr-radius-control);background:transparent;color:var(--kr-text);font-size:24px}
.kr-account-tabs{display:flex;gap:var(--kr-space-2);border-bottom:1px solid var(--kr-border);margin-bottom:var(--kr-space-4)}
.kr-account-tabs button{min-height:var(--kr-touch);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--kr-text-secondary);padding:var(--kr-space-2) var(--kr-space-3)}
.kr-account-tabs button[aria-pressed=true]{border-bottom-color:var(--kr-action);color:var(--kr-action)}
.kr-account-providers{display:grid;gap:var(--kr-space-3);margin:var(--kr-space-5) 0}
.kr-account-providers button{display:flex;align-items:center;justify-content:center;gap:var(--kr-space-3);width:100%;min-height:48px;padding:var(--kr-space-3) var(--kr-space-4);border:1px solid var(--kr-border);border-radius:var(--kr-radius-control);background:var(--kr-surface);color:var(--kr-text)}
.kr-account-providers button:not(:disabled):hover{background:var(--kr-surface-pink)}
.kr-account-providers button:disabled{opacity:.55;cursor:not-allowed}.kr-provider-letter{font-size:20px;font-weight:700;line-height:1}
.kr-account-dialog .kr-account-note{font-size:12px;line-height:1.7;color:var(--kr-text-secondary)}.kr-account-dialog a{color:var(--kr-action);text-decoration:underline}
.kr-account-status{margin:var(--kr-space-4) 0 0;min-height:24px;color:var(--kr-text-secondary)}.kr-account-status.is-error{color:var(--kr-error-text)}
.kr-account-retry{min-height:48px;margin-top:var(--kr-space-4);padding:var(--kr-space-3) var(--kr-space-5);border:1px solid var(--kr-action);border-radius:var(--kr-radius-control);background:var(--kr-action);color:var(--kr-surface)}
.kr-account-dialog [hidden]{display:none!important}
.kr-auth-callback{min-height:100dvh;margin:0;display:grid;place-items:center;background:var(--kr-bg);color:var(--kr-text);font:16px/1.75 var(--kr-font-ui)}.kr-auth-callback main{width:min(480px,calc(100vw - 36px));padding:var(--kr-space-6);border:1px solid var(--kr-border);border-radius:var(--kr-radius-card);background:var(--kr-surface)}.kr-auth-callback a{color:var(--kr-action);text-decoration:underline}
@media(max-width:760px){.hero>.kr-account-entry{top:var(--kr-space-5);right:18px}.kr-account-entry>span{display:none}.kr-product-nav .kr-account-slot{width:88px}.kr-account-dialog{padding:var(--kr-space-5)}.kr-account-dialog h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.kr-account-dialog::backdrop{backdrop-filter:none}}
/* Profile menu card (2026-11-09): header card + tappable rows + quiet sign-out. */
.kr-profile-card{display:flex;align-items:center;gap:var(--kr-space-4);padding:var(--kr-space-5);border-radius:var(--kr-radius-card);background:linear-gradient(135deg,var(--kr-surface-pink),#fde2e8)}
.kr-profile-avatar{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:var(--kr-radius-pill);background:var(--kr-surface);border:2px solid #fff;font:600 26px/1 var(--kr-font-ui);color:var(--kr-action);box-shadow:0 6px 18px #5d414d1a}
.kr-profile-id{min-width:0}
.kr-profile-id h3{margin:0;font:700 19px/1.3 var(--kr-font-ui);color:var(--kr-text);overflow-wrap:anywhere}
.kr-profile-id p{margin:2px 0 0;font-size:13px;line-height:1.5;color:var(--kr-text-secondary);overflow-wrap:anywhere}
.kr-profile-provider:not(:empty){display:inline-block;margin-top:6px;padding:2px 10px;border-radius:var(--kr-radius-pill);background:var(--kr-surface);font-size:11px;font-weight:600;color:var(--kr-action)}
.kr-menu{list-style:none;margin:var(--kr-space-4) 0 0;padding:0;border:1px solid var(--kr-border);border-radius:var(--kr-radius-card);overflow:hidden;background:var(--kr-surface)}
.kr-menu li+li{border-top:1px solid var(--kr-border)}
.kr-menu-row{display:flex;align-items:center;gap:var(--kr-space-3);width:100%;min-height:56px;padding:var(--kr-space-2) var(--kr-space-4);border:0;background:transparent;color:var(--kr-text)!important;font:600 14px/1.4 var(--kr-font-ui);text-decoration:none!important;text-align:left;cursor:pointer;box-sizing:border-box}
.kr-menu-row:hover{background:var(--kr-surface-pink)}
.kr-menu-ico{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:var(--kr-radius-control);background:var(--kr-surface-pink);color:var(--kr-action)}
.kr-menu-label{flex:1;min-width:0;display:flex;flex-direction:column}
.kr-menu-label small{font-weight:400;font-size:12px;color:var(--kr-text-secondary)}
.kr-menu-count:not(:empty){min-width:22px;height:22px;padding:0 7px;border-radius:var(--kr-radius-pill);background:var(--kr-action);color:#fff;font:700 12px/22px var(--kr-font-ui);text-align:center}
.kr-menu-chev{font-size:22px;line-height:1;color:var(--kr-text-secondary)}
.kr-consent input{position:absolute;opacity:0;width:1px;height:1px}
.kr-switch{position:relative;flex:0 0 44px;width:44px;height:26px;border-radius:var(--kr-radius-pill);background:var(--kr-border);transition:background .15s ease}
.kr-switch::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #342b3040;transition:transform .15s ease}
.kr-consent input:checked+.kr-switch{background:var(--kr-action)}
.kr-consent input:checked+.kr-switch::after{transform:translateX(18px)}
.kr-consent input:focus-visible+.kr-switch{outline:3px solid var(--kr-focus);outline-offset:3px}
.kr-consent input:disabled+.kr-switch{opacity:.55}
.kr-signout{display:block;width:100%;min-height:var(--kr-touch);margin-top:var(--kr-space-3);border:0;background:transparent;color:var(--kr-text-secondary)!important;font:600 14px/1.5 var(--kr-font-ui);text-decoration:underline;cursor:pointer}
.kr-signout:hover{color:var(--kr-action)!important}
.kr-menu-row:focus-visible,.kr-signout:focus-visible{outline:3px solid var(--kr-focus);outline-offset:-3px}
@media(prefers-reduced-motion:reduce){.kr-switch,.kr-switch::after{transition:none}}
/* First-order gift code (2026-11-09) */
.kr-gift-teaser{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:var(--kr-surface-pink,#fff0f2);font-size:14px;line-height:1.5;color:var(--kr-text,#342b30)}
.kr-gift{margin:12px 0;padding:12px 14px;border-radius:14px;background:var(--kr-surface-pink,#fff0f2);border:1px dashed var(--kr-action,#5d414d)}
.kr-gift.is-used{opacity:.65;border-style:solid}
.kr-gift-title{margin:0 0 8px;font-weight:700;font-size:14px;color:var(--kr-text,#342b30)}
.kr-gift-row{display:flex;align-items:center;gap:8px}
.kr-gift-row code{flex:1;font:700 18px/1.2 ui-monospace,Consolas,monospace;letter-spacing:1.5px;color:var(--kr-action,#5d414d)}
.kr-gift-copy{min-height:36px;padding:0 14px;border:1px solid var(--kr-action,#5d414d);border-radius:999px;background:var(--kr-surface,#fffdf9);color:var(--kr-action,#5d414d);font:600 13px Montserrat,Arial,sans-serif;cursor:pointer}
.kr-gift small{display:block;margin-top:6px;font-size:12px;color:var(--kr-text-muted,#6f6068)}
.kr-gift.is-used .kr-gift-row code{text-decoration:line-through}
.kr-gis{display:flex;justify-content:center;min-height:44px}
.kr-gis[hidden]{display:none}
/* Guest sign-in redesign (2026-11-09): gift card, full-width Google button, short note. */
.kr-welcome-gift{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--kr-radius-card);background:linear-gradient(135deg,var(--kr-surface-pink),#fde3ea)}
.kr-welcome-ico{flex:0 0 48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--kr-surface);font-size:24px;box-shadow:0 2px 10px #342b3014}
.kr-welcome-title{margin:0;font:700 16px/1.35 var(--kr-font-ui);color:var(--kr-text)}
.kr-welcome-sub{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--kr-text-secondary)}
[data-account-guest] .kr-account-providers{margin:20px 0 16px}
[data-account-guest] .kr-account-note{margin:0;text-align:center;font-size:12px;line-height:1.6}
.kr-account-status:empty{min-height:0;margin:0}
.kr-gift-teaser{display:none}
