/* ============================================================
   ダイアログの枠。顧客画面・運営コンソールの両方が使う。

   2026-08-16: style.css（867行）を画面ごとに分けたもの。読み込む順は
   index.html / operator.html の <link> の並びが正で、その順に連結すると
   元の style.css と同じ適用順になる。順番を入れ替えないこと。
   ============================================================ */
/* Share dialog ------------------------------------------------ */
dialog{
  border:1px solid var(--line); border-radius:var(--radius); background:var(--card);
  color:var(--ink); padding:0; width:min(680px, calc(100vw - 40px));
  box-shadow:var(--shadow-lg); font:inherit;
}
dialog::backdrop{ background:rgba(16,22,30,.55); }
.dlg-h{
  display:flex; align-items:flex-start; gap:16px;
  padding:24px 26px 18px; border-bottom:1px solid var(--line);
}
.dlg-h h2{ font-size:1.2em; }
.dlg-h .sub{ color:var(--ink-3); font-size:.86em; margin-top:4px; }
.dlg-x{
  margin-left:auto; border:1px solid var(--line); background:var(--card);
  border-radius:var(--radius); min-width:48px; min-height:48px; cursor:pointer; font-size:1.1em;
}
.dlg-b{ padding:22px 26px; max-height:min(62vh, 560px); overflow:auto; }
.dlg-f{
  display:flex; gap:12px; align-items:center; padding:18px 26px;
  border-top:1px solid var(--line); background:var(--card-2);
}
.dlg-f .spacer{ margin-left:auto; }