/* price（制作料金シミュレーター）。要素の寸法・色は price.js が定義（_price_model.json）から当てる。
   ここは Bubble の部品の素の見た目（色の名前・入力欄・プルダウン・ボタン）だけ。実測は measured/price.md */
.pr-page {
  /* Bubble の色の名前（設定の color_tokens）。式の中で rgba(var(--…_rgb), 0.2) の形でも使われる */
  --color_primary_default: rgb(0, 100, 154);
  --color_primary_default_rgb: 0, 100, 154;
  --color_surface_default: rgb(230, 239, 244);
  --color_surface_default_rgb: 230, 239, 244;
  --color_background_default: rgb(255, 255, 255);
  --color_background_default_rgb: 255, 255, 255;
  --color_primary_contrast_default: rgb(26, 138, 198);
  --color_text_default: rgb(0, 0, 0);
  display: flex; flex-direction: column; width: 100%; min-height: 600px;
}
.pr { box-sizing: border-box; min-width: 0; }
.pr-Text { overflow-wrap: anywhere; }
.pr-btn { cursor: pointer; user-select: none; }
.pr-btn.pr-off { cursor: default; }
.pr-click { cursor: pointer; }
.pr-IonicIcon svg { display: block; width: 100%; height: 100%; overflow: visible; }
.pr-IonicIcon text { font-family: "Ionicons"; }
.pr-Image { display: block; object-fit: contain; }
.pr-Input { display: block; outline: none; font: inherit; border-radius: 0; appearance: none; }
.pr-Input:disabled { opacity: 1; -webkit-text-fill-color: currentColor; background: transparent; }
.pr-Dropdown { font: inherit; appearance: auto; cursor: pointer; }
.pr-Checkbox { display: inline-flex; align-items: center; cursor: pointer; }  /* 枠は UA の既定の余白（3 3 3 4）のまま。本番と同じ幅になる */
.pr-Cell { display: flex; flex-direction: column; min-width: 0; }