/* JediŠtedi UI icon system — 2026-09-29 */
.uiIcon{display:block;width:28px;height:28px;object-fit:contain;flex:0 0 auto}
.uiIcon.small{width:22px;height:22px}
.uiIcon.chevron{width:18px;height:18px}
.uiIcon.closeIcon{width:24px;height:24px}
.uiIconBadge{
  width:48px;height:48px;border-radius:16px;display:grid;place-items:center;
  background:rgba(255,255,255,.76);border:1px solid rgba(37,48,58,.08);
  flex:0 0 auto;
}
.uiIconBadge.coral{background:rgba(220,120,128,.10)}
.uiIconBadge.green{background:rgba(139,181,125,.14)}
.uiIconBadge img{width:30px;height:30px;object-fit:contain}

.topActions .iconBtn.uiAssetButton{
  font-size:0!important;
}
.topActions .iconBtn.uiAssetButton:before,
.topActions .iconBtn.uiAssetButton:after{
  content:none!important;display:none!important;
}
.topActions .iconBtn.uiAssetButton img{
  width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;
  max-width:24px!important;max-height:24px!important;
}

.accountV2Sheet{padding-bottom:20px}
.accountV2Sheet .accountSpark{
  display:flex;align-items:center;gap:12px;padding:14px 16px!important;
}
.accountSparkIcon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto}
.accountSparkIcon img{width:32px;height:32px}
.accountSparkCopy{display:grid;gap:2px;min-width:0}
.accountSparkCopy strong{font-size:16px;line-height:1.1}
.accountSparkCopy small{display:block!important;color:var(--muted);font-size:11px}
.accountMiniStats>span{
  display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;
  align-items:center;column-gap:7px;padding:10px 8px!important;
}
.accountMiniStats>span>img{grid-row:1/3;width:26px;height:26px}
.accountMiniStats>span>b{font-size:18px;line-height:1}
.accountMiniStats>span>small{font-size:10px!important}
.accountV2Sheet .miniOption.uiMenuRow,
.planActionSheet .miniOption.uiMenuRow{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:12px;text-align:left;
}
.uiMenuMain{display:flex;align-items:center;gap:12px;min-width:0}
.uiMenuCopy{display:grid;gap:2px;min-width:0}
.uiMenuCopy b{font-size:15px;line-height:1.15;color:var(--ink)}
.uiMenuCopy small{font-size:11px;line-height:1.25;color:var(--muted);font-weight:700}
.accountV2Sheet .miniOption.uiMenuRow{padding:11px 4px!important}
.planActionSheet .miniOption.uiMenuRow{padding:14px 4px!important;min-height:68px}
.planActionSheet .miniOption.uiMenuRow.primaryAction{
  margin:6px 0;padding:12px!important;border:1px solid rgba(220,120,128,.18)!important;
  background:rgba(220,120,128,.06)!important;border-radius:18px!important;
}
.planActionSheet .miniOption.uiMenuRow.primaryAction + .miniOption{border-top:0}
.accountNotificationRow{
  margin:10px 0 6px!important;border:1px solid rgba(37,48,58,.08)!important;
  background:rgba(242,247,250,.65)!important;border-radius:17px!important;padding:12px!important;
}
.accountNotificationRow .uiMenuCopy small{max-width:360px}

.notificationsSheet{max-width:520px}
.notificationHero{
  display:flex;align-items:center;gap:14px;padding:14px 4px 18px;
}
.notificationHero .uiIconBadge{width:54px;height:54px;border-radius:18px;background:rgba(242,247,250,.9)}
.notificationHero .uiIconBadge img{width:34px;height:34px}
.notificationHero h3{margin:0 0 3px}
.notificationEmptyCard{
  padding:18px;border:1px solid rgba(37,48,58,.08);border-radius:18px;
  background:rgba(255,255,255,.68);display:grid;gap:7px;
}
.notificationEmptyCard b{font-size:16px}
.notificationFuture{
  display:grid;gap:8px;margin-top:12px;padding:14px 2px 0;
}
.notificationFuture span{
  display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;font-weight:800;
}
.notificationFuture img{width:20px;height:20px}

@media(max-width:600px){
  .uiIconBadge{width:44px;height:44px;border-radius:14px}
  .uiIconBadge img{width:28px;height:28px}
  .uiMenuCopy b{font-size:14px}
  .uiMenuCopy small{font-size:10px}
}

.uiFallbackProfile{object-fit:contain!important;padding:5px!important;box-sizing:border-box}
#accountButton .uiFallbackProfile{padding:2px!important}
.planSlotMeta{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
  margin:4px 0 12px;
}
.planSlotMeta>span{
  min-height:46px;display:flex;align-items:center;justify-content:center;gap:7px;
  padding:8px 9px;border-radius:14px;background:rgba(248,242,234,.88);
  border:1px solid rgba(37,48,58,.07);font-size:12px;font-weight:900;color:var(--ink);
}
.planSlotMeta img{width:23px;height:23px;object-fit:contain}
.planActionSheet .formSheetHead .iconBtn.uiAssetButton img{
  width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;
}
@media(max-width:460px){
  .planSlotMeta{gap:6px}
  .planSlotMeta>span{font-size:10px;padding:7px 5px}
  .planSlotMeta img{width:21px;height:21px}
}

.iconBtn.uiAssetButton > img{
  width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;
  max-width:24px!important;max-height:24px!important;object-fit:contain!important;display:block!important;
}


/* 2026-09-29 mobile account + notifications stabilization */
.uiMenuRow.hidden{
  display:none!important;
}
.notificationTrigger{
  position:relative!important;
  background-color:var(--js-paper-soft,#fffaf1)!important;
  background-image:none!important;
}
.notificationTrigger:before,
.notificationTrigger:after{
  content:none!important;
  display:none!important;
}
.notificationDot{
  position:absolute;
  top:7px;
  right:7px;
  width:9px;
  height:9px;
  border-radius:999px;
  background:#E94D5B;
  border:2px solid #fffaf1;
  box-shadow:0 0 0 1px rgba(16,38,59,.08);
}
.notificationDot.hidden{display:none!important}

.accountV2Head{
  position:relative;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:start!important;
}
.accountIdentity{min-width:0}
.accountSheetClose{
  align-self:start;
  justify-self:end;
  margin-left:8px;
}
.accountSheetClose img{
  width:22px!important;
  height:22px!important;
}

.notificationSheetHead{
  align-items:flex-start!important;
}
.notificationFeed{
  display:grid;
  gap:10px;
}
.notificationItem{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:15px;
  border:1px solid rgba(37,48,58,.09);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  box-shadow:0 5px 16px rgba(37,48,58,.05);
}
.notificationItem.isUnread{
  border-color:rgba(233,77,91,.22);
  background:rgba(247,199,195,.14);
}
.notificationItemCopy{
  min-width:0;
  display:grid;
  gap:5px;
}
.notificationItemTop{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:space-between;
}
.notificationItemTop b{
  font-size:15px;
  line-height:1.2;
}
.notificationItemCopy p{
  margin:0;
  color:var(--ink);
  font-size:13px;
  line-height:1.4;
  font-weight:700;
}
.notificationItemCopy small{
  color:var(--muted);
  font-size:11px;
  font-weight:700;
}
.notificationNewBadge{
  flex:0 0 auto;
  padding:4px 7px;
  border-radius:999px;
  background:#E94D5B;
  color:white;
  font-size:9px;
  font-weight:900;
  letter-spacing:.05em;
}
.notificationNewBadge.hidden{display:none!important}

.addActionSheet .formSheetHead{
  margin-bottom:4px;
}
.addActionSheet .miniOption.uiMenuRow{
  min-height:72px;
  padding:12px 4px!important;
}
.addActionSheet .uiMenuCopy b{
  font-size:15px;
}

@media(max-width:600px){
  .accountV2Sheet{
    padding-top:8px!important;
  }
  .accountV2Head{
    grid-template-columns:52px minmax(0,1fr) 44px!important;
    gap:10px!important;
  }
  .accountSheetClose{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
  }
  .notificationTrigger{
    background-size:22px 22px!important;
  }
  .notificationItem{
    padding:13px;
  }
}

.notificationTrigger .notificationBellSvg{
  display:block!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  flex:0 0 24px!important;
  overflow:visible!important;
  pointer-events:none!important;
  opacity:1!important;
  visibility:visible!important;
}
@media(max-width:760px){
  .notificationTrigger .notificationBellSvg{
    width:22px!important;height:22px!important;
    min-width:22px!important;min-height:22px!important;
    max-width:22px!important;max-height:22px!important;
  }
}

/* Keep menu chevrons pinned right on narrow mobile sheets. */
.miniOption.uiMenuRow{
  width:100%!important;
}
.miniOption.uiMenuRow .uiMenuMain{
  flex:1 1 auto!important;
}
.miniOption.uiMenuRow > .uiIcon.chevron{
  margin-left:auto!important;
  flex:0 0 auto!important;
}