/* PITDLG — 앱 안 대화상자 · 포인통 「옅은 블루」 (2026-09-28 EO · 사장님 「팝업창이 흰색이라 촌스러움 — 프리미엄하게 옅은 블루 계열」)
   야간·주간 화면 모두 같은 색(뒤 화면은 어둡게 가리고 흐리게). 색은 이 파일의 변수만 고치면 된다. */
dialog.pitdlg{
  --dlg-bg1:#F8FBFF; --dlg-bg2:#EAF3FE; --dlg-edge:#CFE0F5;
  --dlg-title:#0D1B36; --dlg-body:#3D5275; --dlg-soft:rgba(255,255,255,.75); --dlg-softline:#D6E4F5;
  --dlg-icon-bg:#DCEBFB; --dlg-icon:#1B6FD1;
  --dlg-ok1:#3593E6; --dlg-ok2:#1668C0; --dlg-ok-shadow:rgba(22,104,192,.3);
  --dlg-danger1:#E8665F; --dlg-danger2:#C8403B; --dlg-danger-bg:#FDE6E4;
  --dlg-no-bg:#FFFFFF; --dlg-no-line:#C4D7EE; --dlg-no-txt:#28466E;
  --dlg-input-line:#BCD2EC; --dlg-focus:rgba(53,147,230,.28);
  --dlg-scrim:rgba(5,14,32,.58);
  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(2,8,22,.55),0 2px 10px rgba(2,8,22,.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(5,14,32,.58);-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(200,64,59,.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)}