/* PITDLG — 앱 안 대화상자 · 포인파이 「크림 라떼」 (2026-09-28 EO · 사장님 「팝업창이 흰색이라 촌스러움 — 프리미엄하게 옅은 블루 계열 등 색상 알맞게」)
   포인파이는 밤색 브랜드라 블루 대신 따뜻한 크림 바탕 · 구운 밤빛 확인 단추. 모양·크기는 포인통과 같고 색 변수만 다르다. */
dialog.pitdlg{
  --dlg-bg1:#FFFBF6; --dlg-bg2:#F6ECE1; --dlg-edge:#EAD8C6;
  --dlg-title:#2A1A11; --dlg-body:#6B5142; --dlg-soft:rgba(255,255,255,.7); --dlg-softline:#EBDCCD;
  --dlg-icon-bg:#F3E1CF; --dlg-icon:#A0562A;
  --dlg-ok1:#B0673A; --dlg-ok2:#86441C; --dlg-ok-shadow:rgba(134,68,28,.28);
  --dlg-danger1:#E0605A; --dlg-danger2:#B83A35; --dlg-danger-bg:#FBE3DF;
  --dlg-no-bg:#FFFFFF; --dlg-no-line:#E3CDB8; --dlg-no-txt:#6B3416;
  --dlg-input-line:#E0C9B4; --dlg-focus:rgba(176,103,58,.26);
  box-sizing:border-box;width:min(340px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);
  margin:auto;padding:22px 20px 18px;border:1px solid var(--dlg-edge);border-radius:22px;
  background:linear-gradient(180deg,var(--dlg-bg1) 0%,var(--dlg-bg2) 100%);color:var(--dlg-body);
  box-shadow:0 26px 64px rgba(18,9,4,.55),0 2px 10px rgba(18,9,4,.3),inset 0 1px 0 rgba(255,255,255,.9);
  font:14px/1.6 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Segoe UI",sans-serif;
  text-align:start;overflow:hidden}
dialog.pitdlg[open]{display:flex;flex-direction:column;animation:pitdlgIn .18s ease-out}
dialog.pitdlg::backdrop{background:rgba(18,9,4,.56);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
@keyframes pitdlgIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){dialog.pitdlg[open]{animation:none}}
dialog.pitdlg .pitdlg-ic{flex:0 0 auto;width:44px;height:44px;margin:0 auto 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--dlg-icon-bg);color:var(--dlg-icon);font-weight:900;font-size:20px;line-height:1}
dialog.pitdlg.pitdlg-danger .pitdlg-ic{background:var(--dlg-danger-bg);color:var(--dlg-danger2)}
dialog.pitdlg .pitdlg-head{flex:0 0 auto;margin:0 0 10px;text-align:center;color:var(--dlg-title);font-size:17px;line-height:1.45;font-weight:800;letter-spacing:-.2px;
  white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere}
dialog.pitdlg .pitdlg-body{flex:1 1 auto;min-height:0;overflow:auto;margin:0 0 16px;padding:12px 14px;border-radius:14px;
  background:var(--dlg-soft);border:1px solid var(--dlg-softline);color:var(--dlg-body);font-size:13.5px;line-height:1.65;
  white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;-webkit-overflow-scrolling:touch}
dialog.pitdlg .pitdlg-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;word-break:break-all;color:var(--dlg-title)}
dialog.pitdlg .pitdlg-input{flex:0 0 auto;box-sizing:border-box;width:100%;height:46px;margin:0 0 16px;padding:0 14px;border-radius:12px;
  border:1.5px solid var(--dlg-input-line);background:#FFFFFF;color:var(--dlg-title);font:14px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;outline:0}
dialog.pitdlg .pitdlg-input:focus{border-color:var(--dlg-ok1);box-shadow:0 0 0 4px var(--dlg-focus)}
dialog.pitdlg .pitdlg-btns{flex:0 0 auto;display:flex;gap:10px}
dialog.pitdlg .pitdlg-btns button{flex:1 1 0;min-width:0;min-height:48px;padding:8px 10px;border-radius:14px;border:1px solid transparent;
  font:inherit;font-size:15px;font-weight:800;line-height:1.3;cursor:pointer;word-break:keep-all;overflow-wrap:anywhere}
dialog.pitdlg .pitdlg-ok{background:linear-gradient(180deg,var(--dlg-ok1) 0%,var(--dlg-ok2) 100%);color:#FFFFFF;box-shadow:0 6px 16px var(--dlg-ok-shadow)}
dialog.pitdlg .pitdlg-ok.pitdlg-danger{background:linear-gradient(180deg,var(--dlg-danger1) 0%,var(--dlg-danger2) 100%);box-shadow:0 6px 16px rgba(184,58,53,.28)}
dialog.pitdlg .pitdlg-no{background:var(--dlg-no-bg);border-color:var(--dlg-no-line);color:var(--dlg-no-txt)}
dialog.pitdlg .pitdlg-btns button:focus-visible{outline:3px solid var(--dlg-focus);outline-offset:2px}
dialog.pitdlg .pitdlg-btns button:active{transform:translateY(1px)}