/* =====================================================
   업무일지 뷰(#worklog-view) 전용 스타일
   섹션·폼·카드·태그는 cash.css / style.css 재사용
   ===================================================== */

.wl-cards { grid-template-columns: 1fr; }
@media (min-width: 700px) { .wl-cards { grid-template-columns: repeat(3, 1fr); } }

.wl-filters { display: flex; gap: 6px; }
.wl-filters select {
    height: 34px; padding: 0 8px; font-size: 13px; font-family: inherit;
    border: 1px solid var(--border); border-radius: 6px; background: var(--white);
}

.tag-check { background: #DBEAFE; color: #1E40AF; }
.tag-plan  { background: #F3F4F6; color: #374151; border: 1px dashed #9CA3AF; }

/* 사이트별 현황 */
.wl-site-name { font-weight: 600; white-space: nowrap; }
.wl-site-link {
    border: none; background: none; padding: 0; margin-right: 6px;
    color: var(--primary); cursor: pointer; font-family: inherit; font-size: 13px;
}
.wl-site-link:hover { text-decoration: underline; }
.wl-site-preview { font-size: 11px; color: var(--text-light); }
.wl-none { color: #D1D5DB; }
tr.wl-site-hastodo td { background: #FFFBEB; }
#worklog-view .wl-site { font-size: 12px; white-space: nowrap; }

#worklog-view .wl-no { font-weight: 700; white-space: nowrap; }
#worklog-view .wl-area { font-size: 12px; color: var(--text-light); white-space: nowrap; }
#worklog-view .wl-content { min-width: 180px; }
#worklog-view .wl-handoff { white-space: nowrap; font-size: 12px; }
.wl-url { color: var(--primary); text-decoration: none; white-space: nowrap; }
.wl-url:hover { text-decoration: underline; }

@media (max-width: 640px) {
    #worklog-view .table th, #worklog-view .table td { padding: 8px 6px; font-size: 12px; }
    #worklog-view .wl-area { display: none; }
    .wl-site-preview { display: none; }
    .wl-filters { flex-wrap: wrap; }
}