/**
 * 檔案：shared/liff_entry/css/liff_entry.css
 * 版本：v0.01
 * 生成時間：2026-09-07 (UTC+8)
 * 說明：在 Bootstrap 5 基礎上疊加 LINE 品牌色系微調，
 *       依《LINE LIFF 官方設計風格規範》的色彩系統對應。
 */

:root {
    --line-green: #06C755;
    --line-green-dark: #00B900;
}

.liff-entry-card {
    max-width: 420px;
    margin: 0 auto;
    border-radius: 20px;
    border: none;
}

.liff-entry-card .btn-success {
    background-color: var(--line-green);
    border-color: var(--line-green);
    font-weight: 600;
}
.liff-entry-card .btn-success:hover {
    background-color: var(--line-green-dark);
    border-color: var(--line-green-dark);
}

.liff-entry-card .nav-pills .nav-link.active {
    background-color: var(--line-green);
}

.liff-entry-card .nav-underline .nav-link.active {
    color: var(--line-green-dark);
    border-bottom-color: var(--line-green-dark);
    font-weight: 600;
}

.liff-entry-card .btn-primary {
    background-color: var(--line-green-dark);
    border-color: var(--line-green-dark);
}
.liff-entry-card .btn-primary:hover {
    background-color: var(--line-green);
    border-color: var(--line-green);
}