/* I'm kitchen サブスク管理 カスタムCSS */

body {
    font-family: system-ui, -apple-system, "Segoe UI", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
    /* クリーム地にほんのり紫のテクスチャ */
    background-image:
        radial-gradient(at top right, rgba(122, 79, 176, 0.04), transparent 50%),
        radial-gradient(at bottom left, rgba(236, 72, 153, 0.03), transparent 50%);
    background-attachment: fixed;
}

code { font-family: "SF Mono", Menlo, Consolas, "Hiragino Kaku Gothic ProN", monospace; }

/* カードに柔らかい影 */
.rounded-xl.shadow-sm {
    box-shadow: 0 1px 3px rgba(94, 58, 141, 0.06), 0 1px 2px rgba(94, 58, 141, 0.04);
    border: 1px solid rgba(94, 58, 141, 0.05);
}

/* リンク・ボタンの遷移をなめらかに */
a, button { transition: all 0.15s ease-in-out; }

/* QRスキャナー表示領域 */
#reader { min-height: 240px; border-radius: 0.75rem; overflow: hidden; }
#reader video { width: 100% !important; height: auto !important; }

/* マトリクスの横スクロール時のstickyセル */
.sticky { position: sticky; }

/* 印刷時は余計なUIを隠す */
@media print {
    header, footer, .no-print { display: none !important; }
    body { background: white; }
}