.dwl-front{width:100%;font-family:inherit;box-sizing:border-box}
.dwl-front *{box-sizing:border-box;max-width:100%}
.dwl-static .dwl-day-group:first-child .dwl-day-label{margin-top:0}
.dwl-loading{padding:24px;text-align:center;color:#6b7280}
.dwl-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}
.dwl-header h3{margin:0;font-size:16px;font-weight:600}
.dwl-datesearch{margin-bottom:16px}
.dwl-datesearch label{font-size:13px;color:#6b7280;display:flex;align-items:center;gap:6px}
.dwl-nav-btn{border:1px solid #d1d5db;background:#fff;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;line-height:1}
.dwl-nav-btn:hover{background:#f3f4f6}
.dwl-day-group{margin-bottom:10px}
.dwl-day-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;margin:14px 0 6px}
.dwl-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;background:#f8f8f6;margin-bottom:6px}
.dwl-row-time{width:60px;font-size:13px;font-weight:600;flex-shrink:0}
.dwl-row-title{flex:1;font-size:14px;min-width:0}
.dwl-row-meta{font-size:12px;color:#6b7280;flex-shrink:0}

@media (max-width: 560px) {
    .dwl-row{flex-wrap:wrap;row-gap:2px;padding:10px 12px}
    .dwl-row-time{width:auto;order:1}
    .dwl-row-title{order:2;flex:1 1 auto;min-width:0;overflow-wrap:break-word}
    .dwl-row-meta{order:3;flex:1 1 100%;white-space:normal;overflow-wrap:break-word}
    .dwl-header h3{font-size:14px}
    .dwl-datesearch label{flex-wrap:wrap}
}
.dwl-row.status-afgelast{background:#fef3c7}
.dwl-row.status-afgelast .dwl-row-time{text-decoration:line-through;color:#92400e}
.dwl-row.status-afgelast .dwl-row-title,.dwl-row.status-afgelast .dwl-row-meta{color:#92400e}
.dwl-row.status-vakantie{opacity:.55}
.dwl-vakantie-banner{background:#f3f4f6;color:#4b5563;font-size:13px;padding:8px 14px;border-radius:8px;margin-bottom:10px}
.dwl-row.status-verplaatst{background:#dbeafe}
.dwl-row.status-verplaatst .dwl-row-time,.dwl-row.status-verplaatst .dwl-row-title,.dwl-row.status-verplaatst .dwl-row-meta{color:#1e40af}
.dwl-row.status-inhaal{background:#dcfce7}
.dwl-row.status-inhaal .dwl-row-time,.dwl-row.status-inhaal .dwl-row-title,.dwl-row.status-inhaal .dwl-row-meta{color:#166534}
.dwl-empty{padding:20px;text-align:center;color:#6b7280;font-size:14px}
.dwl-legend{display:flex;gap:16px;margin-top:16px;font-size:12px;color:#6b7280;flex-wrap:wrap}
.dwl-legend span{display:inline-flex;align-items:center;gap:5px}
.dwl-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}