/* Checkpoint çekmecesi. Marka renkleri dopanudge.css ile aynı: --dn-ink #194e48, --dn-paper #edf5ef, --dn-accent #d9f08b. */
.dn-checkpoint-pause-icon{display:block;flex:none}
.dn-checkpoint-launch{position:fixed;z-index:900;right:18px;bottom:18px;min-width:48px;min-height:48px;padding:0 18px;border:0;border-radius:26px;background:var(--dn-ink,#194e48);color:#fff;font:700 15px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 8px 30px #194e4838;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.dn-checkpoint-launch:hover{filter:brightness(1.12)}
.dn-checkpoint-launch-label{white-space:nowrap}

.dn-checkpoint-invite{position:fixed;z-index:900;right:18px;bottom:18px;max-width:min(348px,calc(100dvw - 24px));border:1px solid #2b6b63;border-radius:22px;background:#194e48;color:#fff;box-shadow:0 12px 34px #194e4842;display:flex;align-items:stretch}
.dn-checkpoint-launch.dn-checkpoint-invite-main{position:static;right:auto;bottom:auto;min-height:56px;padding:11px 12px 11px 14px;border-radius:21px 0 0 21px;background:transparent;box-shadow:none;justify-content:flex-start;text-align:left;gap:11px;flex:1 1 auto;min-inline-size:0}
.dn-checkpoint-invite-icon{width:34px;height:34px;border-radius:17px;background:#ffffff1c;color:var(--dn-accent,#d9f08b);display:inline-flex;align-items:center;justify-content:center;flex:none}
.dn-checkpoint-invite-copy{display:grid;gap:2px;min-inline-size:0}
.dn-checkpoint-invite-kicker{font:500 12.5px/1.35 'DM Sans',sans-serif;color:#e0efe8}
.dn-checkpoint-invite-cta{font:700 14.5px/1.3 'DM Sans',sans-serif;color:var(--dn-accent,#d9f08b)}
.dn-checkpoint-invite-dismiss{flex:none;width:38px;min-height:48px;border:0;border-left:1px solid #ffffff22;border-radius:0 21px 21px 0;background:transparent;color:#e0efe8;font-size:20px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.dn-checkpoint-invite-dismiss:hover{background:#ffffff14;color:#fff}

.dn-checkpoint{width:min(92vw,560px);max-height:min(90dvh,760px);margin:auto;padding:0;border:1px solid #c4d8cb;border-radius:24px;background:var(--dn-paper,#edf5ef);color:var(--dn-ink,#194e48);box-shadow:0 20px 70px #194e4840;overflow:auto;overscroll-behavior:contain}
.dn-checkpoint:modal{overscroll-behavior:contain}
.dn-checkpoint::backdrop{background:#0f2b27a8;overflow:hidden;overscroll-behavior:contain}
.dn-checkpoint-body{padding:24px 24px 22px;display:grid;gap:16px}
.dn-checkpoint-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.dn-checkpoint-head-main{min-inline-size:0;display:grid;gap:4px}
.dn-checkpoint h2{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.03em}
.dn-checkpoint-sub{margin:2px 0 0;font-size:15px;line-height:1.45;color:var(--dn-muted,#516963)}
.dn-checkpoint-head-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:4px}
.dn-checkpoint-help-link,.dn-checkpoint-back-link{padding:2px 0;border:0;background:transparent;color:var(--dn-ink,#194e48);font:600 13.5px/1.35 'DM Sans',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.dn-checkpoint-help-link:hover,.dn-checkpoint-back-link:hover{color:#0f332f}
.dn-checkpoint-x{flex:none;width:40px;height:40px;border:0;border-radius:20px;background:transparent;color:var(--dn-ink,#194e48);font-size:28px;line-height:1;cursor:pointer}
.dn-checkpoint-x:hover{background:#d8e7db}

.dn-checkpoint-welcome{display:grid;gap:14px}
.dn-checkpoint-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dn-checkpoint-steps li{display:grid;gap:4px;padding:12px 14px;border:1px solid #c9dcd0;border-radius:16px;background:#fbfdfb}
.dn-checkpoint-steps strong{font:700 15px/1.35 'Manrope','DM Sans',sans-serif;color:var(--dn-ink,#194e48)}
.dn-checkpoint-steps span{font:400 14px/1.5 'DM Sans',sans-serif;color:var(--dn-muted,#48615b)}
.dn-checkpoint-welcome-note{margin:0;font-size:13.5px;line-height:1.45;color:var(--dn-muted,#48615b)}
.dn-checkpoint-welcome-cta{justify-self:start;min-height:46px;padding:11px 22px;border:0;border-radius:24px;background:var(--dn-ink,#194e48);color:#fff;font:700 15px 'DM Sans',sans-serif;cursor:pointer}
.dn-checkpoint-welcome-cta:hover{filter:brightness(1.12)}

.dn-checkpoint-category-wrap{display:grid;gap:10px}
.dn-checkpoint-section-label{margin:0;font:700 15px/1.35 'Manrope','DM Sans',sans-serif;color:var(--dn-ink,#194e48)}
.dn-checkpoint-chips{display:grid;gap:9px}
.dn-checkpoint-chip{display:grid;gap:4px;width:100%;min-height:52px;padding:12px 15px;border:1px solid #9eb8aa;border-radius:16px;background:#fbfdfb;color:var(--dn-ink,#194e48);font:400 14px/1.45 'DM Sans',sans-serif;text-align:left;cursor:pointer}
.dn-checkpoint-chip:hover{background:#f3f9ea;border-color:#507038}
.dn-checkpoint-chip[aria-pressed="true"]{border-color:var(--dn-ink,#194e48);box-shadow:inset 0 0 0 1px var(--dn-ink,#194e48);background:#f5faee}
.dn-checkpoint-chip-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 10px}
.dn-checkpoint-chip-title{font:700 15px/1.3 'Manrope','DM Sans',sans-serif;color:var(--dn-ink,#194e48)}
.dn-checkpoint-chip-tag{display:inline-block;padding:2px 9px;border-radius:999px;background:#e3efe6;color:#24564f;font:600 12px/1.4 'DM Sans',sans-serif;white-space:nowrap}
.dn-checkpoint-chip-desc{color:var(--dn-muted,#48615b);font-size:13.5px;line-height:1.45}

.dn-checkpoint-card{display:grid;gap:14px}
.dn-checkpoint-situation-banner{display:grid;gap:6px;justify-items:start;padding:11px 14px;border-radius:14px;background:#e5f0e8;border:1px solid #cadcd0}
.dn-checkpoint-thought{margin:0;font:500 14px/1.45 'DM Sans',sans-serif;color:#244c46}
.dn-checkpoint-prompt{margin:0;font:700 18px/1.35 'Manrope',sans-serif}
.dn-checkpoint-options{display:grid;gap:10px}
.dn-checkpoint-option{min-height:48px;padding:12px 16px;border:1px solid #9eb8aa;border-radius:16px;background:#fbfdfb;color:var(--dn-ink,#194e48);font:500 15.5px/1.45 'DM Sans',sans-serif;text-align:left;cursor:pointer}
.dn-checkpoint-option:hover{background:#f3f9ea;border-color:#507038}
.dn-checkpoint-option[aria-pressed="true"]{background:var(--dn-accent,#d9f08b);border-color:#507038}
.dn-checkpoint-reveal{padding:14px 16px;border-radius:16px;background:#fbfdfb;border:1px solid #d8e7db}
.dn-checkpoint-reveal p{margin:0;font-size:15px;line-height:1.6}
.dn-checkpoint-reveal p+p{margin-top:8px}
.dn-checkpoint-note{color:var(--dn-muted,#516963)}
.dn-checkpoint-exit{display:grid;gap:12px}
.dn-checkpoint-surf{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.dn-checkpoint-small{min-height:36px;padding:6px 14px;border:1px solid #9eb8aa;border-radius:18px;background:transparent;color:var(--dn-ink,#194e48);font:600 13px 'DM Sans',sans-serif;cursor:pointer}
.dn-checkpoint-surf-text{font-size:13px;color:var(--dn-muted,#516963)}
.dn-checkpoint-outcomes{display:grid;gap:10px}
.dn-checkpoint-outcome{display:grid;gap:3px;min-height:56px;padding:12px 16px;border:1px solid var(--dn-ink,#194e48);border-radius:16px;background:#fbfdfb;color:var(--dn-ink,#194e48);font:inherit;text-align:left;cursor:pointer}
.dn-checkpoint-outcome:first-child{background:var(--dn-ink,#194e48);color:#fff}
.dn-checkpoint-outcome strong{font-size:16px}
.dn-checkpoint-outcome small{font-size:13px;opacity:.85}
.dn-checkpoint-outcome:disabled{opacity:.6;cursor:progress}
.dn-checkpoint-error{margin:0;font-size:14px;color:#7a2d1f}

.dn-checkpoint-done{display:grid;gap:14px}
.dn-checkpoint-done-summary{display:grid;gap:6px}
.dn-checkpoint-closing{margin:0;font:700 20px/1.35 'Manrope',sans-serif}
.dn-checkpoint-points-msg,.dn-checkpoint-guest-note{margin:0;font-size:14px;line-height:1.5;color:var(--dn-muted,#48615b)}
.dn-checkpoint-done-counts{display:grid;gap:6px}
.dn-checkpoint-done-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.dn-checkpoint-signin-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:24px;background:var(--dn-ink,#194e48);color:#fff;font:700 15px 'DM Sans',sans-serif;text-decoration:none}
.dn-checkpoint-signin-cta:hover{filter:brightness(1.12)}
.dn-checkpoint-close{justify-self:start;min-height:44px;padding:10px 22px;border:1px solid var(--dn-ink,#194e48);border-radius:24px;background:#fbfdfb;color:var(--dn-ink,#194e48);font:700 15px 'DM Sans',sans-serif;cursor:pointer}

@media(max-width:640px){
  .dn-checkpoint-invite{right:12px;bottom:12px;max-width:calc(100dvw - 24px)}
  .dn-checkpoint-launch:not(.dn-checkpoint-invite-main){right:12px;bottom:12px;min-height:44px;padding:0 14px;font-size:14px}
  .dn-checkpoint-body{padding:20px 18px 18px}
  .dn-checkpoint h2{font-size:21px}
}
@media(max-height:380px){
  .dn-checkpoint-invite{right:8px;bottom:8px;border-radius:22px}
  .dn-checkpoint-invite-kicker,.dn-checkpoint-invite-dismiss{display:none}
  .dn-checkpoint-launch.dn-checkpoint-invite-main{min-height:40px;padding:6px 12px;border-radius:22px}
  .dn-checkpoint-invite-icon{width:26px;height:26px}
  .dn-checkpoint-launch:not(.dn-checkpoint-invite-main){right:8px;bottom:8px;min-height:40px;padding:0 12px}
}
@media(prefers-reduced-motion:no-preference){
  .dn-checkpoint-launch,.dn-checkpoint-chip,.dn-checkpoint-option{transition:background-color .15s ease,border-color .15s ease,filter .15s ease}
  /* backwards: bitişte transform KALMAZ (kalıcı transform diyalog içindeki position:fixed öğeleri — kutlama toast'ı, çerez bandı — diyalog kutusuna göre konumlandırırdı) */
  .dn-checkpoint[open]{animation:dn-checkpoint-in .18s ease-out backwards}
}
@keyframes dn-checkpoint-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.dn-checkpoint-return-focus:focus{outline:3px solid var(--dn-display-focus,#194e48);outline-offset:4px}
