@media (max-width: 991.98px) { html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel { position: fixed; inset: 0; z-index: 1085; pointer-events: none; visibility: hidden; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel.is-open { pointer-events: auto; visibility: visible; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__backdrop { position: absolute; inset: 0; background: rgba(49, 46, 129, 0.42); opacity: 0; transition: opacity 0.28s ease; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel.is-open .mobile-account-panel__backdrop { opacity: 1; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__sheet { position: absolute; inset-inline: 0; bottom: 0; max-height: min(88vh, 640px); overflow: auto; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y; background: #ffffff !important; color: var(--kolbeh-text); border-radius: 22px 22px 0 0; border-top: 1px solid rgba(124, 58, 237, 0.12); box-shadow: 0 -12px 44px rgba(124, 58, 237, 0.16); transform: translateY(100%); transition: transform 0.32s cubic-bezier(0.32, 0.72, 0, 1); padding-bottom: calc(0.5rem + env(safe-area-inset-bottom, 0px)); } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel.is-open .mobile-account-panel__sheet { transform: translateY(0); } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__handle { width: 2.6rem; height: 0.24rem; margin: 0.6rem auto 0.35rem; border-radius: 999px; background: rgba(124, 58, 237, 0.22) !important; touch-action: none; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__hero { margin: 0 1rem 0.85rem; padding: 1rem; border-radius: 16px; background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important; color: #fff; touch-action: none; box-shadow: 0 8px 24px rgba(124, 58, 237, 0.22); } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__profile { display: flex; align-items: center; gap: 0.85rem; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__avatar { position: relative; display: inline-grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; flex-shrink: 0; overflow: visible; background: rgba(255, 255, 255, 0.14) !important; border: 2px solid rgba(255, 255, 255, 0.35) !important; color: #fff !important; font-size: 1.35rem; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__avatar.has-photo img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__name { display: block; font-size: 1rem; font-weight: 800; line-height: 1.3; color: #fff !important; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__phone { display: block; margin-top: 0.15rem; font-size: 0.8rem; color: rgba(255, 255, 255, 0.88) !important; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__quick { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.45rem; margin-top: 0.9rem; padding-top: 0.8rem; border-top: 1px solid rgba(255, 255, 255, 0.16); } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__quick-item { display: flex; flex-direction: column; align-items: center; gap: 0.35rem; padding: 0.55rem 0.25rem; border-radius: 12px; text-decoration: none; color: rgba(255, 255, 255, 0.92) !important; font-size: 0.68rem; font-weight: 700; text-align: center; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.14); transition: background 0.2s ease, border-color 0.2s ease; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__quick-item.is-active { background: rgba(251, 191, 36, 0.24) !important; border-color: rgba(251, 191, 36, 0.45) !important; color: #fff !important; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__quick-icon { display: inline-grid; place-items: center; width: 2rem; height: 2rem; border-radius: 10px; background: rgba(255, 255, 255, 0.14) !important; color: #fff !important; font-size: 1rem; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__quick-item.is-active .mobile-account-panel__quick-icon { background: rgba(251, 191, 36, 0.28) !important; color: #fff !important; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__quick-label { font-size: 0.58rem; font-weight: 700; line-height: 1.2; color: inherit; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.65rem; padding: 0 1rem 0.85rem; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__tile { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.45rem; min-height: 5.5rem; padding: 0.75rem 0.5rem; border-radius: 14px; text-decoration: none; color: var(--kolbeh-text) !important; background: #faf8ff !important; border: 1px solid rgba(124, 58, 237, 0.14) !important; box-shadow: none !important; font-size: 0.78rem; font-weight: 700; text-align: center; transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__tile.is-active { background: var(--kolbeh-purple-light) !important; border-color: rgba(124, 58, 237, 0.32) !important; box-shadow: 0 0 0 1px rgba(124, 58, 237, 0.1) !important; color: var(--kolbeh-purple-dark) !important; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__tile-label { color: var(--kolbeh-text) !important; font-size: 0.72rem; font-weight: 700; line-height: 1.25; text-align: center; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__tile.is-active .mobile-account-panel__tile-label { color: var(--kolbeh-purple-dark) !important; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__tile-icon { position: relative; display: inline-grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 12px; background: rgba(124, 58, 237, 0.1) !important; color: var(--kolbeh-purple) !important; font-size: 1.1rem; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__tile--addresses .mobile-account-panel__tile-icon, html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__tile--wallet .mobile-account-panel__tile-icon, html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__tile--notifications .mobile-account-panel__tile-icon, html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__tile--support .mobile-account-panel__tile-icon { background: rgba(124, 58, 237, 0.1) !important; color: var(--kolbeh-purple) !important; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__tile.is-active .mobile-account-panel__tile-icon { background: rgba(124, 58, 237, 0.16) !important; color: var(--kolbeh-purple-dark) !important; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__actions { display: grid; gap: 0.55rem; padding: 0.55rem 1rem 1rem; border-top: 1px solid rgba(124, 58, 237, 0.1) !important; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__action { display: flex; align-items: center; justify-content: flex-start; gap: 0.65rem; min-height: 2.85rem; padding: 0.72rem 0.95rem; border-radius: 14px; text-decoration: none; font-size: 0.86rem; font-weight: 700; box-shadow: none !important; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__action-icon { display: inline-grid; place-items: center; width: 2rem; height: 2rem; border-radius: 10px; flex-shrink: 0; font-size: 0.95rem; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__action-label { line-height: 1.2; flex: 1; color: inherit; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__action--admin { color: var(--kolbeh-purple-dark) !important; background: var(--kolbeh-purple-light) !important; border: 1px solid rgba(124, 58, 237, 0.22) !important; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__action--admin .mobile-account-panel__action-icon { color: var(--kolbeh-purple) !important; background: rgba(124, 58, 237, 0.12) !important; border: 1px solid rgba(124, 58, 237, 0.18) !important; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__action--logout { color: #dc2626 !important; background: #fef2f2 !important; border: 1px solid rgba(239, 68, 68, 0.25) !important; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__action--logout .mobile-account-panel__action-icon { color: #ef4444 !important; background: rgba(254, 226, 226, 0.9) !important; border: 1px solid rgba(239, 68, 68, 0.2) !important; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__sheet, html[data-kolbeh-theme="1"][data-color-scheme="dark"] body.kolbeh-body .mobile-account-panel__sheet { background: #ffffff !important; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__tile, html[data-kolbeh-theme="1"][data-color-scheme="dark"] body.kolbeh-body .mobile-account-panel__tile { background: #faf8ff !important; border-color: rgba(124, 58, 237, 0.14) !important; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__tile-label, html[data-kolbeh-theme="1"][data-color-scheme="dark"] body.kolbeh-body .mobile-account-panel__tile-label { color: var(--kolbeh-text) !important; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__action--admin, html[data-kolbeh-theme="1"][data-color-scheme="dark"] body.kolbeh-body .mobile-account-panel__action--admin { color: var(--kolbeh-purple-dark) !important; background: var(--kolbeh-purple-light) !important; border-color: rgba(124, 58, 237, 0.22) !important; } html[data-kolbeh-theme="1"] body.kolbeh-body .mobile-account-panel__action--logout, html[data-kolbeh-theme="1"][data-color-scheme="dark"] body.kolbeh-body .mobile-account-panel__action--logout { color: #dc2626 !important; background: #fef2f2 !important; border-color: rgba(239, 68, 68, 0.25) !important; } html[data-kolbeh-theme="1"] body.kolbeh-body .kolbeh-drawer-account-link { position: relative; } html[data-kolbeh-theme="1"] body.kolbeh-body .kolbeh-drawer-account-link .notify-badge { margin-inline-start: auto; } }