/**
 * Manager manage-team page — LINE design system styles.
 */
body.ec-manage-team-page {
    --line-green: #00C300;
    --line-green-dark: #00A000;
    --line-gray-50: #FAFAFA;
    --line-gray-100: #F5F5F5;
    --line-white: #FFFFFF;
    background: var(--line-gray-50);
}

body.ec-manage-team-page,
body.ec-manage-team-page * {
    font-family: 'Noto Sans Thai', -apple-system, BlinkMacSystemFont, sans-serif;
}

.ec-manage-team-page .line-card {
    background: var(--line-white);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.ec-manage-team-page .line-btn {
    background: var(--line-green);
    color: var(--line-white);
    border: none;
    border-radius: 8px;
    padding: 12px 24px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ec-manage-team-page .line-btn:hover {
    background: var(--line-green-dark);
}

.ec-manage-team-page .line-btn-secondary {
    background: var(--line-gray-100);
    color: #424242;
}

@keyframes ec-manage-team-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.ec-manage-team-page .loading {
    animation: ec-manage-team-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@media (max-width: 640px) {
    .ec-manage-team-page .team-grid {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 641px) {
    .ec-manage-team-page .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}