/* ========================================
   Utility Classes - インラインスタイル削減用
   Created: 2026-02-03
   ======================================== */

/* --- Margin --- */
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.ml-5 { margin-left: 5px; }
.mr-10 { margin-right: 10px; }

/* --- Padding --- */
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.pt-10 { padding-top: 10px; }
.pb-10 { padding-bottom: 10px; }

/* --- Width --- */
.w-100 { width: 100%; }
.w-60 { width: 60px; }

/* --- Display --- */
.inline-block { display: inline-block; }
.d-inline { display: inline; }
.d-flex { display: flex; }

/* --- Flex --- */
.flex-align-center { 
    display: flex; 
    align-items: center; 
}
.flex-gap-10 { gap: 10px; }

/* --- Colors --- */
.text-muted { color: #666; }
.text-gray { color: #999; }
.bg-info-light {
    background-color: #e7f3ff;
    border: 1px solid #b3d9ff;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
}
.bg-warning-light {
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
}

/* --- Form Hints --- */
.form-hint {
    color: #666;
    font-size: 12px;
    margin-top: 5px;
}

/* --- Profile specific --- */
.profile-intro .profile-value {
    line-height: 1.8;
}
.section-padding-20 {
    padding: 20px;
}
.stats-container-reset {
    margin: 0;
    padding: 0;
    max-width: none;
}
.btn-spaced {
    margin-top: 15px;
    display: inline-block;
}

/* --- Register/Event specific --- */
.avatar-preview-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    display: none;
}
.password-match-msg {
    display: none;
    margin-top: 5px;
    font-size: 12px;
}
.char-count {
    color: #999;
    font-size: 12px;
    margin-top: 5px;
}
.self-intro-container textarea {
    width: 100%;
    padding: 10px;
}

/* --- Event Detail --- */
.host-badge {
    background-color: #e8f5e9;
    border: 1px solid #4caf50;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 15px;
}