@import url('https://fonts.googleapis.com/gh/sun-typeface/SUIT/fonts/variable/woff2/SUIT-Variable.css');

.home-fab {
    position: fixed;
    top: 20px;
    left: 20px;
    width: 50px;
    height: 50px;
    background-color: white;
    border: 1px solid #e0f2fe; /* blue-100 */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3b82f6; /* blue-500 */
    box-shadow: 0 4px 12px rgba(186, 230, 253, 0.4);
    z-index: 1000;
    transition: all 0.3s ease;
}

.home-fab:hover {
    transform: scale(1.1);
    background-color: #eff6ff; /* blue-50 */
    box-shadow: 0 6px 16px rgba(186, 230, 253, 0.6);
}

/* 모바일에서는 버튼이 너무 크지 않게 조절 */
@media (max-width: 767px) {
    .home-fab {
        top: 15px;
        left: 15px;
        width: 44px;
        height: 44px;
    }
}

body { 
    font-family: 'SUIT Variable', sans-serif; 
    background-color: #fcfdfe; 
    color: #1e293b;
    /* 모바일에서 불필요한 가로 스크롤 방지 */
    overflow-x: hidden;
}

/* 로그 아이템 애니메이션 및 효과 */
.log-item { 
    animation: fadeIn 0.4s ease-out;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.log-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(239, 246, 255, 0.8);
}

/* 모바일 전용 스타일 수정 */
@media (max-width: 767px) {
    .log-item h2 {
        /* 한 줄 유지를 위해 nowrap은 필수입니다. */
        white-space: nowrap !important;
        /* ellipsis(점점점)는 제거합니다. */
        text-overflow: clip !important; 
        overflow: visible !important;
        display: inline-block !important;
        width: auto !important; /* 자바스크립트가 너비를 측정할 수 있게 함 */
    }
    
    .log-item {
        padding: 1rem !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important; /* 내용 정렬 */
        gap: 10px !important;
    }

    .log-item time {
        font-size: 0.7rem !important;
        margin-left: auto; /* 날짜를 오른쪽 끝으로 밀어냄 */
    }
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

button:disabled {
    cursor: not-allowed;
}