/**
 * ASLP LINE Platform - Frontend Styles
 */

/* ログインボタン */
.aslp-line-login-wrapper { margin: 16px 0; }

.aslp-line-login-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #00B900;
    color: #fff;
    padding: 12px 24px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    transition: background 0.2s;
}
.aslp-line-login-btn:hover { background: #009900; color: #fff; text-decoration: none; }
.aslp-line-icon { font-size: 18px; }

/* ステータス */
.aslp-status-active   { color: #00B900; font-weight: bold; }
.aslp-status-inactive { color: #d63638; font-weight: bold; }

/* マイページ */
.aslp-mypage-wrapper { max-width: 600px; }
.aslp-user-info, .aslp-line-status { padding: 16px 0; border-bottom: 1px solid #eee; }
.aslp-line-status h3 { margin-bottom: 12px; }

/* ボタン */
.aslp-btn {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    transition: opacity 0.2s;
}
.aslp-btn:hover { opacity: 0.85; }
.aslp-btn-danger { background: #d63638; color: #fff; }
.aslp-btn-line   { background: #00B900; color: #fff; text-decoration: none; }
.aslp-line-connected { color: #00B900; font-weight: bold; }