.sf-chat-push-card{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  margin:8px 12px 10px;
  padding:10px 11px;
  border:1px solid #d8eaff;
  border-radius:14px;
  background:linear-gradient(135deg,#f7fcff,#fff7fb);
  box-shadow:0 5px 16px rgba(66,145,220,.08);
}
.sf-chat-push-card[hidden]{display:none!important}
.sf-chat-push-icon{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:#dff3ff;font-size:18px;
}
.sf-chat-push-copy{display:grid;gap:3px;min-width:0}
.sf-chat-push-copy b{font-size:13px;line-height:1.25;color:#2a2630}
.sf-chat-push-copy small{font-size:11px;line-height:1.35;color:#756d78}
.sf-chat-push-card button{
  min-height:34px;padding:0 11px;border:0;border-radius:11px;
  background:#55aef4;color:#fff;font-size:11px;font-weight:750;white-space:nowrap;cursor:pointer;
}
.sf-chat-push-card button:disabled{cursor:default;opacity:.72}
.sf-chat-push-card[data-state="enabled"]{border-color:#bcead8;background:#f3fff9}
.sf-chat-push-card[data-state="enabled"] .sf-chat-push-icon{background:#d9f8e9}
.sf-chat-push-card[data-state="enabled"] button{background:#48b98d}
.sf-chat-push-card[data-state="ios-install"]{border-color:#f2c9d9;background:#fff7fa}
.sf-chat-push-card[data-state="ios-install"] .sf-chat-push-icon{background:#ffe7f0}
.sf-chat-push-card[data-state="ios-install"] button{background:#df4f80}
.sf-chat-push-card[data-state="denied"],
.sf-chat-push-card[data-state="error"]{border-color:#f3c7c7;background:#fff8f8}
.sf-chat-push-card[data-state="denied"] button,
.sf-chat-push-card[data-state="error"] button{background:#c98585}
@media(max-width:620px){
  .sf-chat-push-card{grid-template-columns:34px minmax(0,1fr);padding:9px 10px;margin:7px 10px 8px}
  .sf-chat-push-icon{width:34px;height:34px;border-radius:11px}
  .sf-chat-push-card button{grid-column:1/3;width:100%;min-height:38px;font-size:12px}
}


/* v1.0.30 — Hướng dẫn iPhone gọn: chỉ hiện một nút, hướng dẫn mở dạng bottom sheet khi bấm */
.sf-ios-push-guide[hidden]{display:none!important}
.sf-ios-push-guide{position:fixed;inset:0;z-index:2147483600}
.sf-ios-push-backdrop{position:absolute;inset:0;background:rgba(17,24,39,.46);backdrop-filter:blur(2px)}
.sf-ios-push-sheet{
  position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:min(100%,520px);box-sizing:border-box;padding:12px 22px calc(22px + env(safe-area-inset-bottom));
  border-radius:26px 26px 0 0;background:#fff;box-shadow:0 -16px 42px rgba(19,24,36,.22);text-align:left;
}
.sf-ios-push-handle{width:44px;height:5px;border-radius:999px;background:#ddd6db;margin:0 auto 16px}
.sf-ios-push-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:0;border-radius:999px;background:#f6f1f4;color:#6e626b;font-size:25px;line-height:1;cursor:pointer}
.sf-ios-push-bell{width:54px;height:54px;border-radius:18px;background:#ffe8f1;display:grid;place-items:center;font-size:26px;margin-bottom:12px}
.sf-ios-push-sheet h3{margin:0 48px 8px 0;font-size:21px;line-height:1.25;color:#28222d}
.sf-ios-push-sheet p{margin:0 0 14px;font-size:14px;line-height:1.5;color:#746a73}
.sf-ios-push-sheet ol{margin:0 0 14px;padding-left:22px;display:grid;gap:10px;color:#382f38;font-size:14px;line-height:1.45}
.sf-ios-push-note{padding:10px 12px;border-radius:13px;background:#f4fbff;color:#3b718e!important}
.sf-ios-push-done{width:100%;min-height:50px;border:0;border-radius:16px;background:#df4f80;color:#fff;font-size:16px;font-weight:800;cursor:pointer}
body.sf-ios-guide-open{overflow:hidden!important}
@media(min-width:621px){.sf-ios-push-sheet{bottom:50%;transform:translate(-50%,50%);border-radius:26px}}