@keyframes spin {
        to {
          transform: rotate(360deg);
        }
      }
      .kbju-spinner {
        display: inline-block;
        width: 18px;
        height: 18px;
        border: 2.5px solid #e5e5ea;
        border-top-color: #007aff;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
        vertical-align: middle;
        margin-right: 8px;
      }
      @keyframes kbjuFadeIn {
        from {
          opacity: 0;
          transform: translateY(8px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      .kbju-result-animated {
        animation: kbjuFadeIn 0.4s ease-out;
      }
      .undo-toast {
        position: fixed;
        bottom: 100px;
        left: 50%;
        transform: translateX(-50%);
        background: #1c1c1e;
        color: #fff;
        padding: 12px 20px;
        border-radius: 16px;
        font-size: 14px;
        font-weight: 600;
        z-index: 200;
        display: flex;
        align-items: center;
        gap: 12px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
        animation: slideUp 0.3s ease-out;
      }
      .undo-toast button {
        background: #007aff;
        color: #fff;
        border: none;
        padding: 6px 16px;
        border-radius: 10px;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
      }
      :root {
        --app-bg: #eef2f8;
        --app-surface-soft: #f8fafc;
        --app-line: #e5e7eb;
        --app-line-soft: #edf1f5;
        --app-muted: #7b8798;
        --app-shadow-soft: 0 12px 30px rgba(15, 23, 42, 0.06);
        --app-shadow-float: 0 18px 40px rgba(15, 23, 42, 0.14);
        --safe-bottom: env(safe-area-inset-bottom, 0px);
      }

      body {
        background: linear-gradient(180deg, #f7f9fc 0%, var(--app-bg) 100%);
      }

      .card {
        margin: 10px 12px;
        border-radius: 28px;
        padding: 18px 14px;
        width: calc(100% - 24px);
        border: 1px solid rgba(15, 23, 42, 0.05);
        box-shadow: var(--app-shadow-soft);
      }

      .ing-hdr {
        padding: 10px 10px 8px;
        font-size: 8px;
        letter-spacing: 0.45px;
        background: var(--app-surface-soft);
        border-bottom: 1px solid var(--app-line-soft);
      }

      .top-bar-shell {
        height: 52px !important;
        padding: 0 14px !important;
        background: rgba(255, 255, 255, 0.88) !important;
        backdrop-filter: blur(18px) !important;
        -webkit-backdrop-filter: blur(18px) !important;
        box-shadow:
          0 1px 0 rgba(15, 23, 42, 0.05),
          0 8px 24px rgba(15, 23, 42, 0.04) !important;
      }

      .top-status-badge {
        min-height: 26px;
        align-items: center;
        border-radius: 999px !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        letter-spacing: 0.2px !important;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
      }

      .top-icon-btn,
      .top-lang-trigger {
        background: linear-gradient(180deg, #ffffff 0%, #f6f7fb 100%) !important;
        box-shadow: inset 0 0 0 1px #e5e7eb;
      }

      .top-icon-btn {
        width: 34px !important;
        height: 34px !important;
        border-radius: 17px !important;
        color: #667085 !important;
      }

      .top-lang-trigger {
        min-width: 48px !important;
        height: 34px !important;
        padding: 0 12px !important;
        border-radius: 17px !important;
        font-size: 11px !important;
        font-weight: 800 !important;
      }

      .top-popover-menu {
        top: 46px !important;
        min-width: 78px !important;
        padding: 8px !important;
        gap: 6px !important;
        border-radius: 18px !important;
        background: rgba(255, 255, 255, 0.98) !important;
        border: 1px solid var(--app-line) !important;
        box-shadow: var(--app-shadow-float) !important;
      }

      .top-popover-menu button {
        min-height: 34px !important;
        border-radius: 12px !important;
      }

      .sheet-overlay {
        background: rgba(15, 23, 42, 0.24) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
      }

      .app-sheet {
        border-radius: 30px 30px 0 0 !important;
        box-shadow: 0 -20px 44px rgba(15, 23, 42, 0.16) !important;
        border-top: 1px solid rgba(255, 255, 255, 0.7);
        overflow: hidden;
      }

      .sheet-header {
        padding: 14px 20px 8px !important;
        text-align: center !important;
        position: relative !important;
      }

      .sheet-handle {
        width: 44px !important;
        height: 5px !important;
        border-radius: 999px !important;
        background: #d5dbe6 !important;
        margin: 0 auto !important;
      }

      .sheet-close {
        top: 10px !important;
        right: 18px !important;
        width: 32px !important;
        height: 32px !important;
        border-radius: 16px !important;
        background: rgba(15, 23, 42, 0.05) !important;
        color: #667085 !important;
        box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.16);
      }

      .sheet-title-block {
        padding: 8px 24px 18px !important;
      }

      .sheet-title,
      .sheet-title-secondary {
        display: block;
        color: #111827 !important;
        letter-spacing: -0.5px;
      }

      .sheet-title {
        font-size: 27px !important;
        font-weight: 700 !important;
      }

      .sheet-title-secondary {
        font-size: 24px !important;
        font-weight: 700 !important;
        margin-bottom: 18px !important;
      }

      .sheet-scroll {
        padding: 0 20px calc(28px + var(--safe-bottom)) !important;
      }

      .sheet-card {
        background: #ffffff !important;
        border: 1px solid rgba(15, 23, 42, 0.05) !important;
        border-radius: 24px !important;
        box-shadow: var(--app-shadow-soft) !important;
      }

      .sheet-card-soft {
        background: linear-gradient(180deg, #fbfcfe 0%, #f4f7fb 100%) !important;
        border: 1px solid #e7ecf3 !important;
        box-shadow: none !important;
      }

      .sheet-section-label {
        font-size: 12px !important;
        font-weight: 800 !important;
        color: var(--app-muted) !important;
        letter-spacing: 0.8px !important;
        text-transform: uppercase;
        margin: 2px 0 10px 16px !important;
      }

      .sheet-note {
        background: #f5f7fb !important;
        border: 1px solid #e6ebf2 !important;
        border-radius: 18px !important;
      }

      .sheet-note-warning {
        background: #fff7e8 !important;
        border-color: #ffe2b8 !important;
      }

      .sheet-legal-copy {
        color: #98a2b3 !important;
        font-size: 10px !important;
        line-height: 1.5 !important;
      }

      .mono-link-card {
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 16px !important;
        padding: 14px !important;
      }

      .stat-strip {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 14px !important;
        background: #f8fafc !important;
        border: 1px solid var(--app-line) !important;
        border-radius: 16px !important;
      }

      .primary-sheet-btn {
        width: 100%;
        padding: 15px 16px !important;
        border-radius: 18px !important;
        background: #0a84ff !important;
        color: #fff !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        box-shadow: 0 10px 24px rgba(10, 132, 255, 0.22);
      }

      .plan-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        margin-bottom: 24px !important;
      }

      .plan-card {
        background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
        border: 1px solid var(--app-line) !important;
        border-radius: 20px !important;
        padding: 18px 14px !important;
        text-align: center !important;
        box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
        position: relative;
      }

      .plan-card-featured {
        border-color: #0a84ff !important;
        background: linear-gradient(180deg, #f7fbff 0%, #edf6ff 100%) !important;
        box-shadow: 0 12px 28px rgba(10, 132, 255, 0.18) !important;
      }

      .plan-card-value {
        border-color: #34c759 !important;
        background: linear-gradient(180deg, #f6fff8 0%, #ebfff1 100%) !important;
        box-shadow: 0 12px 28px rgba(52, 199, 89, 0.16) !important;
      }

      .plan-badge {
        position: absolute !important;
        top: -10px !important;
        right: 12px !important;
        padding: 4px 10px !important;
        border-radius: 999px !important;
        font-size: 9px !important;
        font-weight: 800 !important;
        letter-spacing: 0.3px;
        color: #fff !important;
      }

      .plan-label {
        font-size: 11px !important;
        font-weight: 800 !important;
        letter-spacing: 0.6px !important;
        color: var(--app-muted) !important;
      }

      .plan-card-featured .plan-label {
        color: #0a84ff !important;
      }

      .plan-card-value .plan-label {
        color: #16a34a !important;
      }

      .plan-price {
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #111827 !important;
        margin-top: 10px !important;
      }

      .promo-card {
        background: linear-gradient(180deg, #fbfcfe 0%, #f4f7fb 100%) !important;
        border: 1px solid #e7ecf3 !important;
        border-radius: 20px !important;
        padding: 18px !important;
      }

      .whatsapp-link {
        display: block;
        padding: 13px 14px !important;
        border-radius: 16px !important;
        background: #25d366 !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        text-align: center !important;
        box-shadow: 0 10px 22px rgba(37, 211, 102, 0.18);
      }

      .profile-content {
        padding: 10px 20px calc(28px + var(--safe-bottom)) !important;
      }

      .profile-card {
        background: #fff !important;
        border: 1px solid rgba(15, 23, 42, 0.05) !important;
        border-radius: 24px !important;
        padding: 16px 18px !important;
        box-shadow: var(--app-shadow-soft) !important;
        margin-bottom: 16px !important;
      }

      .profile-actions {
        display: flex !important;
        gap: 10px !important;
        margin-bottom: 18px !important;
      }

      .profile-mini-btn {
        padding: 12px 14px !important;
        border-radius: 16px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
      }

      .profile-link-list {
        background: #fff !important;
        border: 1px solid rgba(15, 23, 42, 0.05) !important;
        border-radius: 24px !important;
        padding: 0 18px !important;
        box-shadow: var(--app-shadow-soft) !important;
        margin-bottom: 14px !important;
      }

      .profile-link-row {
        padding: 15px 0 !important;
        min-height: 52px;
      }

      .profile-link-row:first-child {
        border-top: none !important;
      }

      .profile-logout-btn {
        margin-top: 12px !important;
        padding: 14px 16px !important;
        border-radius: 18px !important;
        background: var(--sebes-flat-surface) !important;
        border: 1px solid var(--sebes-flat-line) !important;
        color: var(--sebes-flat-text) !important;
      }

      .profile-note {
        margin-top: 14px !important;
        color: #98a2b3 !important;
        line-height: 1.5 !important;
      }

      .page-hero {
        padding: 30px 24px 14px !important;
        background: linear-gradient(180deg, #f7f9fc 0%, #f2f4f8 100%) !important;
      }

      .page-actions {
        display: flex;
        gap: 12px;
        padding: 12px 24px 14px;
        background: linear-gradient(
          180deg,
          #f2f4f8 0%,
          #f2f4f8 70%,
          rgba(242, 244, 248, 0) 100%
        );
      }

      .page-primary-btn {
        border-radius: 18px !important;
        box-shadow: 0 12px 26px rgba(10, 132, 255, 0.22);
        font-size: 14px !important;
        padding: 14px 16px !important;
      }

      .page-secondary-btn,
      .page-ghost-btn {
        padding: 14px 16px !important;
        border-radius: 18px !important;
        background: #fff !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05);
      }

      .page-secondary-btn {
        color: #0a84ff !important;
        border: 1px solid rgba(10, 132, 255, 0.12) !important;
      }

      .page-ghost-btn {
        color: #667085 !important;
        border: 1px solid rgba(15, 23, 42, 0.05) !important;
      }

      .summary-card {
        padding: 10px 16px !important;
        min-height: 56px !important;
        border-radius: 22px !important;
      }

      .summary-edit-btn {
        padding: 8px 14px !important;
        border-radius: 14px !important;
        background: #f8fafc !important;
        box-shadow: inset 0 0 0 1px #e5e7eb;
      }

      .editor-card {
        border-radius: 28px !important;
        overflow: hidden;
      }

      .editor-bottom-bar {
        position: fixed;
        left: 12px;
        right: 12px;
        bottom: calc(88px + var(--safe-bottom));
        display: flex;
        gap: 10px;
        padding: 12px;
        background: rgba(255, 255, 255, 0.92);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        border: 1px solid rgba(15, 23, 42, 0.06);
        border-radius: 22px;
        box-shadow: var(--app-shadow-float);
        z-index: 60;
      }

      .editor-primary-btn {
        flex: 1;
        padding: 14px 16px !important;
        background: #0a84ff !important;
        color: #fff !important;
        border-radius: 16px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
      }

      .editor-secondary-btn {
        flex: 1;
        padding: 14px 16px !important;
        background: #edf4ff !important;
        color: #0a84ff !important;
        border-radius: 16px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
      }

      .editor-card-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 14px 8px !important;
        border-bottom: 1px solid var(--app-line-soft) !important;
      }

      .editor-note-box {
        padding: 8px 14px 6px !important;
      }

      .editor-list-wrap {
        /* clearance for the floating save bar stacked above the bottom nav */
        padding-bottom: 220px !important;
      }

      .bottom-nav-shell {
        background: rgba(255, 255, 255, 0.94) !important;
        backdrop-filter: blur(20px) !important;
        -webkit-backdrop-filter: blur(20px) !important;
        box-shadow:
          0 -1px 0 rgba(15, 23, 42, 0.06),
          0 -12px 30px rgba(15, 23, 42, 0.08) !important;
        height: 84px !important;
        padding: 10px 6px calc(10px + var(--safe-bottom)) !important;
      }

      .bottom-nav-btn {
        border-radius: 22px !important;
        min-height: 62px;
        margin: 0 4px !important;
      }

      /* Samsung One UI minimal layer */
      :root {
        --one-bg: #f6f8fc;
        --one-surface: #ffffff;
        --one-surface-soft: #eef4ff;
        --one-blue: #0b57d0;
        --one-blue-strong: #0b57d0;
        --one-blue-soft: #e8f1ff;
        --one-text: #111827;
        --one-muted: #6b7280;
        --one-line: #e6eaf2;
        --one-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
        --app-bg: var(--one-bg);
        --app-surface-soft: #f8fbff;
        --app-line: var(--one-line);
        --app-line-soft: #edf1f7;
        --app-muted: var(--one-muted);
        --app-shadow-soft: none;
        --app-shadow-float: 0 16px 36px rgba(15, 23, 42, 0.12);
      }

      html {
        background: var(--one-bg);
      }

      body {
        background: var(--one-bg) !important;
        color: var(--one-text);
        letter-spacing: 0;
      }

      button {
        transition:
          transform 0.16s ease,
          opacity 0.16s ease,
          background-color 0.16s ease,
          color 0.16s ease !important;
      }

      button:focus-visible,
      a:focus-visible,
      input:focus-visible,
      select:focus-visible,
      textarea:focus-visible {
        outline: 3px solid rgba(11, 87, 208, 0.22) !important;
        outline-offset: 2px !important;
      }

      .page.show {
        animation: none !important;
      }

      .page-hero {
        padding: 34px 24px 16px !important;
        background: var(--one-bg) !important;
      }

      .page-hero div:first-child {
        color: var(--one-text) !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        line-height: 1.08 !important;
        letter-spacing: 0 !important;
      }

      .page-hero div:nth-child(2) {
        color: var(--one-muted) !important;
        font-size: 14px !important;
        margin-top: 12px !important;
      }

      .page-actions {
        background: var(--one-bg) !important;
        gap: 12px !important;
        padding: 12px 24px 18px !important;
      }

      .page-actions .btn,
      .page-actions .page-primary-btn {
        background: var(--one-blue-strong) !important;
      }

      .card,
      .summary-card,
      .editor-card,
      .sheet-card,
      .profile-card,
      .profile-link-list,
      .plan-card,
      .promo-card {
        background: var(--one-surface) !important;
        border: 1px solid var(--one-line) !important;
        box-shadow: none !important;
      }

      .card {
        margin: 8px 12px !important;
        width: calc(100% - 24px) !important;
        border-radius: 22px !important;
      }

      .summary-card {
        min-height: 60px !important;
        padding: 12px 16px !important;
      }

      .summary-card:active,
      .card:active {
        box-shadow: none !important;
      }

      .summary-edit-btn,
      .xbtn,
      .top-icon-btn,
      .top-lang-trigger,
      .sheet-close {
        background: #f8fafc !important;
        border: 1px solid var(--one-line) !important;
        color: var(--one-muted) !important;
        box-shadow: none !important;
      }

      .inp,
      input,
      select,
      textarea {
        border-color: var(--one-line) !important;
        color: var(--one-text) !important;
      }

      .inp:focus,
      input:focus,
      select:focus,
      textarea:focus {
        border-color: var(--one-blue) !important;
      }

      .btn,
      .page-primary-btn,
      .editor-primary-btn,
      .primary-sheet-btn,
      #acc-btn,
      #install-promo-action {
        background: var(--one-blue-strong) !important;
        color: #ffffff !important;
        border-radius: 18px !important;
        box-shadow: none !important;
      }

      .btn:hover,
      .page-primary-btn:hover,
      .editor-primary-btn:hover {
        background: #084bb5 !important;
      }

      .page-secondary-btn,
      .page-ghost-btn,
      .editor-secondary-btn,
      .profile-mini-btn {
        background: var(--one-surface) !important;
        border: 1px solid var(--one-line) !important;
        color: var(--one-blue) !important;
        box-shadow: none !important;
      }

      .top-bar-shell {
        height: 52px !important;
        background: rgba(246, 248, 252, 0.92) !important;
        border-bottom: 1px solid var(--one-line) !important;
        box-shadow: none !important;
      }

      .top-status-badge {
        background: #e9f7ed !important;
        color: #15803d !important;
        box-shadow: none !important;
      }

      .bottom-nav-shell {
        left: 10px !important;
        right: 10px !important;
        bottom: calc(8px + var(--safe-bottom)) !important;
        height: 72px !important;
        padding: 8px !important;
        background: rgba(255, 255, 255, 0.96) !important;
        border: 1px solid var(--one-line) !important;
        border-radius: 28px !important;
        box-shadow: var(--one-shadow) !important;
      }

      .bottom-nav-btn {
        min-height: 54px !important;
        margin: 0 !important;
        border-radius: 22px !important;
        color: var(--one-muted) !important;
        font-size: 11px !important;
        font-weight: 700 !important;
      }

      .bottom-nav-btn[style*="007AFF"],
      .bottom-nav-btn[style*="007aff"] {
        background: var(--one-blue-soft) !important;
        color: var(--one-blue) !important;
      }

      .bottom-nav-btn svg {
        width: 19px !important;
        height: 19px !important;
      }

      .editor-bottom-bar {
        left: 12px !important;
        right: 12px !important;
        bottom: calc(92px + var(--safe-bottom)) !important;
        background: rgba(255, 255, 255, 0.96) !important;
        border: 1px solid var(--one-line) !important;
        border-radius: 24px !important;
        box-shadow: var(--one-shadow) !important;
      }

      .editor-list-wrap {
        padding-bottom: 128px !important;
      }

      .app-sheet {
        background: var(--one-bg) !important;
        border-radius: 30px 30px 0 0 !important;
        box-shadow: 0 -14px 40px rgba(15, 23, 42, 0.14) !important;
      }

      .sheet-card-soft,
      .promo-card,
      .stat-strip,
      .mono-link-card {
        background: #f8fbff !important;
        border-color: var(--one-line) !important;
      }

      .plan-card-featured,
      .plan-card-value {
        border-color: rgba(11, 87, 208, 0.28) !important;
        background: var(--one-blue-soft) !important;
        box-shadow: none !important;
      }

      .plan-card-featured .plan-label,
      .plan-card-value .plan-label,
      .sheet-title,
      .sheet-title-secondary {
        color: var(--one-text) !important;
      }

      .lead-screen-shell,
      .lead-premium,
      .lead-premium-hero,
      .lead-premium-panel,
      .lead-premium-footer {
        background: var(--one-bg) !important;
      }

      .lead-premium-hero,
      .lead-premium-panel,
      .lead-premium-footer {
        border-color: var(--one-line) !important;
        box-shadow: none !important;
      }

      .lead-premium-hero::before,
      .lead-premium-visual-glow {
        display: none !important;
      }

      .lead-premium-brand-mark,
      .lead-premium-offer-pill,
      .lead-premium-badge,
      .lead-premium-dashboard-badge,
      .lead-premium-trust-chip,
      .lead-premium-feature-chip {
        background: var(--one-blue-soft) !important;
        color: var(--one-blue) !important;
        border-color: rgba(11, 87, 208, 0.14) !important;
        box-shadow: none !important;
      }

      .lead-premium-title {
        color: var(--one-text) !important;
        letter-spacing: 0 !important;
      }

      .lead-premium-subtitle,
      .lead-premium-offer-note,
      .lead-premium-note,
      .lead-premium-value-desc,
      .lead-premium-step-desc,
      .lead-premium-feature-desc {
        color: var(--one-muted) !important;
      }

      .lead-premium-dashboard,
      .lead-premium-value-card,
      .lead-premium-step-card,
      .lead-premium-feature-card,
      .lead-premium-tariff-card,
      .lead-auth-modal-shell {
        background: var(--one-surface) !important;
        border: 1px solid var(--one-line) !important;
        box-shadow: none !important;
      }

      .lead-premium-workflow-node span,
      .lead-premium-step-num,
      .lead-premium-tariff-badge,
      .plan-badge {
        background: var(--one-blue) !important;
        color: #fff !important;
      }

      .kbju-spinner {
        border-top-color: var(--one-blue) !important;
      }

      .undo-toast {
        border-radius: 22px !important;
        box-shadow: var(--app-shadow-float) !important;
      }

      @media (max-width: 560px) {
        .page-hero {
          padding: 28px 20px 12px !important;
        }

        .page-actions {
          padding: 10px 20px 16px !important;
        }

        .lead-premium-title {
          font-size: 30px !important;
          line-height: 1.0 !important;
        }

        .bottom-nav-shell {
          left: 8px !important;
          right: 8px !important;
          height: 70px !important;
        }
      }

      /* Samsung Settings identity refinement */
      :root {
        --one-bg: #f7f8fb;
        --one-surface: #ffffff;
        --one-surface-soft: #eef3fb;
        --one-blue: #0b57d0;
        --one-blue-strong: #0b57d0;
        --one-blue-soft: #e7f0ff;
        --one-text: #101828;
        --one-muted: #667085;
        --one-line: #e7ebf2;
        --one-radius-lg: 26px;
        --one-radius-md: 18px;
      }

      .page {
        background: var(--one-bg) !important;
      }

      .page-hero {
        padding: 36px 24px 10px !important;
        background: var(--one-bg) !important;
      }

      .page-hero div:first-child {
        font-size: 31px !important;
        font-weight: 650 !important;
        line-height: 1.24 !important;
      }

      .page-hero div:nth-child(2) {
        color: var(--one-muted) !important;
        font-size: 14px !important;
        font-weight: 400 !important;
      }

      .page-toolbar {
        position: sticky !important;
        z-index: 18 !important;
        background: rgba(247, 248, 251, 0.96) !important;
        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;
      }

      /* Actionbar stays in normal flow: sticky made it float mid-screen over content */
      .page-actionbar {
        position: static !important;
        top: auto !important;
      }

      .page-toolbar {
        top: 52px !important;
        padding: 8px 20px 10px !important;
      }

      .page-actionbar {
        top: 120px !important;
        padding: 8px 24px 16px !important;
      }

      .page-filter-row {
        gap: 10px !important;
      }

      .page-toolbar input,
      .page-toolbar select {
        min-height: 50px !important;
        border-radius: 18px !important;
        border: 1px solid var(--one-line) !important;
        background: var(--one-surface) !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        box-shadow: none !important;
      }

      .page-toolbar select {
        width: 148px !important;
      }

      .page-actionbar .btn,
      .page-actionbar .page-primary-btn,
      .page-actionbar .page-secondary-btn,
      .page-actionbar .page-ghost-btn {
        min-height: 52px !important;
        border-radius: 18px !important;
        font-size: 14px !important;
        font-weight: 650 !important;
        box-shadow: none !important;
      }

      .summary-card {
        min-height: 58px !important;
        margin: 6px 14px !important;
        width: calc(100% - 28px) !important;
        padding: 10px 14px !important;
        border-radius: 20px !important;
        border-color: transparent !important;
      }

      .summary-card > div:first-child {
        min-width: 0;
      }

      .summary-card [style*="font-weight:700"],
      .summary-card [style*="font-weight: 700"] {
        font-weight: 500 !important;
      }

      .summary-edit-btn {
        min-width: 42px !important;
        height: 38px !important;
        padding: 0 !important;
        border-radius: 17px !important;
        background: #f8fafc !important;
        color: var(--one-muted) !important;
      }

      .editor-card {
        border-radius: var(--one-radius-lg) !important;
      }

      .editor-card-header {
        background: var(--one-surface) !important;
      }

      .bottom-nav-shell {
        height: 68px !important;
        border-radius: 26px !important;
      }

      .bottom-nav-btn {
        min-height: 50px !important;
        font-weight: 500 !important;
      }

      .bottom-nav-btn[style*="11,87,208"],
      .bottom-nav-btn[style*="0B57D0"] {
        color: var(--one-blue) !important;
      }

      @media (max-width: 560px) {
        .page-hero {
          padding: 32px 20px 10px !important;
        }

        .page-toolbar {
          top: 52px !important;
          padding: 8px 20px 10px !important;
        }

        .page-actionbar {
          top: 120px !important;
          padding: 8px 24px 14px !important;
        }

        .page-filter-row {
          display: grid !important;
          grid-template-columns: minmax(0, 1fr) minmax(132px, 0.74fr) !important;
        }

        .page-toolbar select {
          width: 100% !important;
        }

        .page-actionbar {
          display: grid !important;
          grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important;
        }
      }

      /* === DONATE INTEGRATION STYLES === */
      @keyframes slideInToast {
        from { opacity: 0; transform: translateX(60px) scale(0.95); }
        to   { opacity: 1; transform: translateX(0) scale(1); }
      }

      @keyframes pulseHeart {
        0%, 100% { opacity: 1; transform: scale(1); }
        50%       { opacity: 0.85; transform: scale(1.04); }
      }

      #donate-toast {
        animation: slideInToast 0.35s cubic-bezier(0.16, 1, 0.3, 1);
      }

      #donate-fab-topbar {
        animation: pulseHeart 2.4s ease-in-out infinite;
      }

      .donate-tiers-grid .lead-tariff-card {
        cursor: pointer;
        transition: transform 0.15s ease, background 0.15s ease;
      }

      .donate-tiers-grid .lead-tariff-card:hover {
        transform: translateY(-3px);
        background: #f7f9ff;
      }

      /* Sidebar workspace donate banner */
      .workspace-donate-banner {
        margin: 16px 12px;
        padding: 14px 16px;
        background: #FFF8E7;
        border-radius: 16px;
        display: flex;
        align-items: center;
        gap: 10px;
      }

      .workspace-donate-banner span {
        flex: 1;
        font-size: 12px;
        line-height: 1.4;
        color: #6B4200;
      }

      .workspace-donate-btn {
        background: #FF9500;
        border: none;
        padding: 6px 12px;
        border-radius: 999px;
        font-size: 11px;
        font-weight: 700;
        color: #fff;
        cursor: pointer;
        white-space: nowrap;
        transition: background 0.15s;
      }

      .workspace-donate-btn:hover {
        background: #e08800;
      }