/* アプリレイアウト基本スタイル */
body { font-family: Arial, sans-serif; padding: 2px; background: #f5f5f5; line-height: 1.2; }
.container { max-width: 800px; margin: 0 auto; background: white; padding: 6px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }

/* スマホ対応 */
@media (max-width: 768px) {
    body { padding: 3px; }
    .container { padding: 8px; margin: 0; border-radius: 0; }
    /* 体重管理レスポンシブスタイルは外部CSSで定義済み */
    .input-card { padding: 8px; }
}

/* 認証セクション */
.auth-section { background: #e7f3ff; color: #0c5460; padding: 6px; border-radius: 5px; margin-bottom: 6px; text-align: center; }

/* 基本フォーム要素 */
.input-card { border: 1px solid #ddd; padding: 8px; border-radius: 8px; }
.input-field { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; margin: 5px 0; font-size: 16px; }

/* ボタンスタイル */
.save-button { background: #28a745; color: white; border: none; padding: 12px 24px; border-radius: 5px; cursor: pointer; margin: 5px; font-size: 16px; }
.save-button:hover { background: #218838; }
.auth-button { background: #4285f4; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; margin: 5px; }
.auth-button:hover { background: #357ae8; }
.logout-button { background: #dc3545; color: white; border: none; padding: 8px 16px; border-radius: 5px; cursor: pointer; margin: 5px; }

/* データ表示エリア */
.data-area { background: #f8f9fa; border: 1px solid #dee2e6; padding: 8px; border-radius: 5px; font-family: monospace; min-height: 120px; }

/* ユーティリティ */
.hidden { display: none; }
.user-info { background: #d4edda; color: #155724; padding: 4px 6px; border-radius: 5px; margin-bottom: 6px; font-size: 13px; }