/* スマホ利用（PWA）の追加部分だけのスタイル。既存の styles.css は変更しない。 */
.data-tools { margin: 26px 0 0; }
.data-actions { display: grid; gap: 8px; }
.data-actions .secondary-button { width: 100%; min-height: 48px; }
.data-confirm { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; padding: 14px; border: 1px solid #e2c48a; border-radius: 14px; background: #fff8e8; }
.data-confirm p { grid-column: 1 / -1; margin: 0 0 4px; color: #4b3a14; }
.data-confirm button { min-height: 48px; }
.data-status:empty { display: none; }
.data-status { color: #2a614b !important; font-weight: 700; }
.data-version { margin-top: 4px !important; color: #9aa79d !important; font-size: 11px !important; }
.install-banner { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: -8px 0 16px; padding: 10px 12px; border: 1px solid #cfe0d2; border-radius: 14px; background: #eef5ee; color: #2a614b; font-size: 12px; font-weight: 700; }
.install-banner .primary-button { min-height: 40px; padding: 6px 14px; flex: 0 0 auto; }
@media (display-mode: standalone) {
  .install-banner { display: none !important; }
  .site-header { padding-top: calc(14px + env(safe-area-inset-top)); }
}