.theme-claymorphism-shell .app-header{position:relative;z-index:11;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:66px;padding:10px 12px 14px;border-radius:20px;background:linear-gradient(145deg,#e5deec,#dbd3e4);box-shadow:inset 2px 3px 6px rgba(95,78,110,.3),inset -2px -2px 4px rgba(255,255,255,.5)}
.theme-claymorphism-shell .app-header .brand{display:flex;align-items:center;gap:7px;min-width:0;flex:1}
.theme-claymorphism-shell .app-header .brand-mark{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#b9a6ec,#8c73cc);box-shadow:2px 4px 6px rgba(92,72,134,.28),inset 2px 2px 4px rgba(255,255,255,.3);color:#fff;font-size:20px}
.theme-claymorphism-shell .app-header .brand-mark img{max-width:29px;max-height:29px;border-radius:7px}
.theme-claymorphism-shell .app-header .brand-copy{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.theme-claymorphism-shell .app-header .brand-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:15px;color:#433a51}
.theme-claymorphism-shell .app-header .brand-copy small{display:block;font-size:9px;color:#857b90}
.theme-claymorphism-shell .app-header .header-actions{display:flex;gap:5px;flex:none}
.theme-claymorphism-shell .app-header .icon-button,.theme-claymorphism-shell .drawer-head .icon-button{position:relative;display:grid;place-items:center;width:39px;height:39px;padding:0;border:0;border-radius:13px;color:#7667a0;background:var(--clay-surface);box-shadow:var(--clay-shadow)}
.theme-claymorphism-shell .app-header .icon-button svg{width:19px;height:19px}
.theme-claymorphism-shell .app-header .icon-button:active{transform:translateY(2px);box-shadow:inset 2px 3px 5px rgba(62,49,76,.25)}
.theme-claymorphism-shell .header-badge{position:absolute;top:-6px;right:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:1px solid #fff;border-radius:10px;background:linear-gradient(145deg,#df6385,#ad3764);box-shadow:1px 2px 4px rgba(97,39,70,.32);color:#fff;font:700 10px ClayInter,Tahoma,sans-serif;line-height:1}
.theme-claymorphism-shell :is(.side-drawer,.notification-drawer){position:fixed;z-index:40;top:0;bottom:0;width:min(350px,85vw);overflow:auto;overscroll-behavior:contain;padding:22px;background:#ede7f1}
.theme-claymorphism-shell .side-drawer{left:0;right:auto;box-shadow:9px 0 30px rgba(55,44,64,.25)}
.theme-claymorphism-shell .notification-drawer{right:0;left:auto;box-shadow:-9px 0 30px rgba(55,44,64,.25)}
.theme-claymorphism-shell :is(.drawer-backdrop,.notification-backdrop){position:fixed;inset:0;z-index:39;background:rgba(42,32,54,.42)}
.theme-claymorphism-shell .drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.theme-claymorphism-shell .drawer-head h2{margin:3px 0;font-size:20px}
.theme-claymorphism-shell .drawer-head .icon-button,.theme-claymorphism-shell .customer-chat-dialog [data-close]{display:grid;place-items:center;flex:none;width:35px;height:35px;padding:0;border:1px solid rgba(255,255,255,.48);border-radius:12px;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.25),transparent 65%),linear-gradient(145deg,#f46770,#cc3445);box-shadow:2px 4px 7px rgba(144,37,52,.32),inset 2px 2px 4px rgba(255,255,255,.35),inset -2px -3px 5px rgba(118,18,38,.27);color:#fff}
.theme-claymorphism-shell .drawer-head .icon-button svg{width:17px;height:17px;color:#fff}
.theme-claymorphism-shell .drawer-kicker{color:var(--clay-accent);font-size:11px}
.theme-claymorphism-shell .drawer-links{display:grid;gap:10px}
.theme-claymorphism-shell .drawer-link{display:flex;align-items:center;gap:10px;padding:12px;border-radius:15px;background:var(--clay-surface);box-shadow:var(--clay-shadow)}
.theme-claymorphism-shell .drawer-link>svg{margin-right:auto;width:15px}
.theme-claymorphism-shell .drawer-link-icon{color:var(--clay-accent)}
.theme-claymorphism-shell .drawer-link{text-decoration:none;color:#4a4056;font-weight:700;border:1px solid rgba(255,255,255,.68);transition:transform .18s,box-shadow .18s}
.theme-claymorphism-shell .drawer-link:hover{transform:translateY(-2px)}
.theme-claymorphism-shell .drawer-link:active{transform:translateY(1px);box-shadow:inset 2px 3px 5px rgba(64,53,72,.24)}
.theme-claymorphism-shell .drawer-link-danger{margin-top:20px;color:#fff;background:linear-gradient(145deg,#f2747d,#c92e47);box-shadow:3px 5px 8px rgba(150,46,66,.36),inset 2px 2px 4px rgba(255,255,255,.4),inset -2px -3px 5px rgba(120,18,39,.24)}
.theme-claymorphism-shell .drawer-link-danger .drawer-link-icon{color:#fff}
.theme-claymorphism-shell .drawer-account{display:grid;gap:6px;margin-top:15px;color:#665e6f;font-size:12px}
.theme-claymorphism-shell .drawer-account small{text-align:center}
.theme-claymorphism-shell .drawer-account p{margin:0;color:#b23751}
.theme-claymorphism-shell .drawer-passkey{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;background:var(--clay-surface);box-shadow:var(--clay-shadow);cursor:pointer}
.theme-claymorphism-shell .drawer-passkey input{position:absolute;opacity:0;width:1px;height:1px}
.theme-claymorphism-shell .drawer-passkey .club-switch{position:relative;display:block;flex:none;width:47px;height:26px;border-radius:20px;background:#bbb3c4;box-shadow:inset 2px 3px 5px #92899c}
.theme-claymorphism-shell .drawer-passkey .club-switch-track::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#f9f6fc;box-shadow:1px 2px 4px #796f80;transition:transform .2s}
.theme-claymorphism-shell .drawer-passkey .club-switch:has(input:checked){background:#62b989}
.theme-claymorphism-shell .drawer-passkey .club-switch:has(input:checked) .club-switch-track::after{transform:translateX(21px)}
.theme-claymorphism-shell .drawer-passkey .club-switch:has(input:focus-visible){outline:2px solid #5545a1;outline-offset:2px}
.theme-claymorphism-shell .drawer-support{border:1px solid #d6cfdd;border-radius:15px;padding:12px;text-align:center;line-height:1.9;background:rgba(255,255,255,.33)}
.theme-claymorphism-shell .drawer-support p{margin:5px 0}
.theme-claymorphism-shell .drawer-support a{display:inline-block;color:#5b409e;text-decoration:none;font-weight:700}
.theme-claymorphism-shell .notification-item{cursor:pointer}
.theme-claymorphism-shell .notification-item.is-unread{border:1px solid #ad93e1}
.theme-claymorphism-shell .notification-item:focus-visible{outline:2px solid #8062bd;outline-offset:2px}
.theme-claymorphism-shell .drawer-note{margin-top:25px;font-size:11px;color:var(--clay-muted)}
.theme-claymorphism-shell .notification-list{display:grid;gap:12px}
.theme-claymorphism-shell .notification-item{display:flex;gap:10px;padding:12px;border-radius:15px;background:var(--clay-surface);box-shadow:var(--clay-shadow)}
.theme-claymorphism-shell .notification-item img{max-width:100%;max-height:110px;border-radius:10px}
.theme-claymorphism-shell .notification-item p{margin:4px 0}.theme-claymorphism-shell .notification-item small{color:var(--clay-muted)}
.theme-claymorphism-shell .customer-chat-dialog{width:min(420px,calc(100vw - 24px));max-height:85vh;overflow-y:auto;overscroll-behavior:contain;padding:18px;border:0;border-radius:20px;background:linear-gradient(145deg,#f6f2f8,#e8e0ee);box-shadow:var(--clay-shadow);color:var(--clay-ink)}
.theme-claymorphism-shell .customer-chat-dialog::backdrop{background:rgba(42,32,54,.5)}
.theme-claymorphism-shell .customer-chat-dialog header{display:flex;justify-content:space-between;align-items:center}.theme-claymorphism-shell .customer-chat-dialog h2{margin:0 0 12px;font-size:17px}
.theme-claymorphism-shell .customer-chat-dialog button{border:0;border-radius:10px;padding:7px 11px;background:var(--clay-surface);box-shadow:var(--clay-shadow);color:var(--clay-accent)}
.theme-claymorphism-shell .customer-chat-dialog [data-close]{font-size:23px;line-height:1}
.theme-claymorphism-shell .customer-chat-dialog form button{border:1px solid rgba(255,255,255,.4);background:radial-gradient(circle at 25% 15%,rgba(255,255,255,.32),transparent 65%),linear-gradient(145deg,#469be9,#276bc5 72%,#1d56a5);box-shadow:2px 4px 7px rgba(30,77,143,.34),inset 2px 2px 4px rgba(255,255,255,.35),inset -2px -3px 5px rgba(18,61,122,.3);color:#fff;font-weight:700}
.theme-claymorphism-shell .customer-chat-dialog form button:disabled{opacity:.65;cursor:wait}
.theme-claymorphism-shell .customer-chat-messages{max-height:40vh;overflow:auto}.theme-claymorphism-shell .customer-chat-questions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.theme-claymorphism-shell .customer-chat-dialog form{display:flex;gap:8px}.theme-claymorphism-shell .customer-chat-dialog textarea{min-width:0;flex:1;min-height:50px;border:1px solid #d8cfe0;border-radius:11px;padding:8px;background:#f7f3fa}
@media(max-width:360px){.theme-claymorphism-shell .app-header .brand-copy small{display:none}.theme-claymorphism-shell .app-header .brand-copy strong{font-size:12px}.theme-claymorphism-shell .app-header .header-actions{gap:3px}.theme-claymorphism-shell .app-header .icon-button{width:35px;height:35px}}

.theme-claymorphism-shell .app-header #menuToggle{--header-icon-tone:color-mix(in srgb,#9270c5 78%,var(--palette-accent,#7354b1))}.theme-claymorphism-shell .app-header #notificationToggle{--header-icon-tone:color-mix(in srgb,#e3a432 86%,var(--palette-accent,#7354b1))}.theme-claymorphism-shell .app-header #customerChatToggle{--header-icon-tone:color-mix(in srgb,#3999d4 86%,var(--palette-accent,#7354b1))}.theme-claymorphism-shell .app-header #cartToggle{--header-icon-tone:color-mix(in srgb,#43a783 86%,var(--palette-accent,#7354b1))}.theme-claymorphism-shell .app-header :is(#menuToggle,#notificationToggle,#customerChatToggle,#cartToggle){background:radial-gradient(circle at 25% 15%,#ffffff66,transparent 65%),linear-gradient(145deg,color-mix(in srgb,var(--header-icon-tone) 78%,white),var(--header-icon-tone));color:#fff;box-shadow:3px 5px 9px color-mix(in srgb,var(--header-icon-tone) 35%,transparent),inset 2px 2px 4px #ffffff70,inset -2px -3px 5px #0002}

.theme-claymorphism-shell .customer-branch-select{display:grid;gap:8px;padding:12px 16px;font-size:12px}.theme-claymorphism-shell .customer-branch-select select{width:100%;padding:10px;border-radius:14px;border:1px solid #88729d44;background:var(--palette-raised,#fff);color:inherit;font:inherit}