/* アカウント削除（マイページの一番下の入口と、確認のダイアログ）。assets/account/account-delete.js と対。
   入口は目立たせない（小さな文字・外枠だけ・赤みの文字）。ダイアログは <dialog> の showModal（背景は操作できず、フォーカスはダイアログの中を回る）。
   色は紙色テーマ（#fffcf7・#292622・#65594d・#e5cdb8）に合わせ、危険だけ #9b2525（白に対して 8:1 以上）。動きは付けない。 */
.cloud-main section.dpg-del__entry{margin:8px 0 0;padding:14px 4px 0;border-top:1px solid #e5cdb8;background:none;box-shadow:none;border-radius:0}
.cloud-main .dpg-del__entry h2{margin:0 0 4px;font-size:15px;line-height:1.5;color:#65594d;font-weight:700}
.cloud-main .dpg-del__entry p{margin:0 0 10px;font-size:14px;line-height:1.6;color:#65594d}
.cloud-main .dpg-del__open{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid #c9a39d;border-radius:10px;background:transparent;color:#9b2525;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.cloud-main .dpg-del__open:hover{background:#fdf1ef}
.cloud-main .dpg-del__open:focus-visible,.dpg-del__danger:focus-visible,.dpg-del__field input:focus-visible,.dpg-del__check input:focus-visible,.dpg-del__done-link:focus-visible,.dpg-del__foot a:focus-visible{outline:3px solid #2c7ca3;outline-offset:2px}

/* ダイアログは <main class="cloud-main"> の外にあるので、cloud-ui.css の .cloud-button が使う値（.cloud-main に定義されている）をここで定義し直す。 */
dialog.dpg-del{--cloud-paper:#fffcf7;--cloud-surface:#fff;--cloud-ink:#292622;--cloud-muted:#65594d;--cloud-border:#e5cdb8;--cloud-control:#ad8973;--cloud-purple:#6535b5;
  box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:22px 20px calc(22px + env(safe-area-inset-bottom,0px));overflow:auto;
  border:1px solid #e5cdb8;border-radius:20px;background:#fffcf7;color:#292622;box-shadow:0 18px 48px rgba(41,38,34,.28);
  font-family:"Hiragino Sans","Yu Gothic UI","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.7}
dialog.dpg-del::backdrop{background:rgba(41,38,34,.5)}
.dpg-del [hidden]{display:none!important}
.dpg-del h2{margin:0 0 10px;font-size:21px;line-height:1.5;font-weight:800}
.dpg-del h2:focus{outline:none}
.dpg-del h2:focus-visible{outline:3px solid #2c7ca3;outline-offset:4px;border-radius:6px}
.dpg-del p{margin:0 0 12px}
.dpg-del__account{padding:8px 12px;border:1px solid #e5cdb8;border-radius:10px;background:#fff;overflow-wrap:anywhere;font-weight:600}
.dpg-del__list{margin:0 0 16px;padding:0;list-style:none;display:grid;gap:8px}
.dpg-del__list li{padding:10px 12px;border-left:4px solid #c9a39d;background:#fff;border-radius:6px;font-size:15px;line-height:1.7}
.dpg-del__list strong{display:block;color:#9b2525;font-size:15px}
.dpg-del__check{display:flex;align-items:flex-start;gap:10px;margin:0 0 4px;font-weight:700}
.dpg-del__check input{flex:none;width:22px;height:22px;margin:3px 0 0;accent-color:#6535b5}
.dpg-del__hint{display:block;margin:0 0 16px 32px;color:#65594d;font-size:14px;line-height:1.6}
.dpg-del__field{display:block;margin:0 0 16px;font-weight:700}
.dpg-del__field input{display:block;box-sizing:border-box;width:100%;min-height:46px;margin-top:6px;padding:10px 12px;border:1px solid #ad8973;border-radius:10px;background:#fff;color:#292622;font:inherit;font-weight:400}
.dpg-del__field .dpg-del__hint{margin:6px 0 0;font-weight:400}
.dpg-del__actions{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 0}
.dpg-del__actions .cloud-button{flex:1 1 140px}
.dpg-del__danger{display:inline-flex;align-items:center;justify-content:center;flex:1 1 200px;min-height:46px;padding:9px 16px;border:1px solid #9b2525;border-radius:10px;background:#9b2525;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.dpg-del__danger:hover{background:#861f1f}
.dpg-del__danger:disabled{border-color:#e5cdb8;background:#f1eeea;color:#65594d;cursor:not-allowed}
.dpg-del .cloud-button{min-height:46px}
.dpg-del__note{padding:10px 12px;border:1px solid #e5cdb8;border-radius:10px;background:#fff;font-size:15px;line-height:1.7;overflow-wrap:anywhere}
.dpg-del__foot{margin:14px 0 0;color:#65594d;font-size:14px;line-height:1.6}
.dpg-del__foot a,.dpg-del__done-link{color:#6535b5;font-weight:700;text-underline-offset:3px}
.dpg-del__status{min-height:1.7em;margin:12px 0 0;color:#65594d;font-size:15px}
.dpg-del__status.is-error{color:#9b2525;font-weight:700}
.dpg-del__status.is-success{color:#246b3d;font-weight:700}
@media (max-width:420px){
  dialog.dpg-del{padding:18px 14px calc(18px + env(safe-area-inset-bottom,0px));border-radius:16px}
  .dpg-del h2{font-size:19px}
}