@charset "UTF-8";
/* ==========================================================================
   Bankert Portal · dashboard.css — module Dashboard
   ========================================================================== */

.dash-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:start}
.dash-col{display:grid;gap:20px;min-width:0}
@media (max-width:960px){.dash-grid{grid-template-columns:minmax(0,1fr)}}

/* Vandaag op de werf */
.today-row{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.today-row:last-child{border-bottom:0}
.today-main{flex:1;min-width:0;display:grid;gap:4px;justify-items:start}
.today-main b{line-height:1.2}
.today-blocks{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:14px;width:100%}
.today-blocks li{display:flex;align-items:baseline;gap:7px;min-width:0;overflow-wrap:anywhere}
.today-blocks .dot{transform:translateY(1px)}
.today-blocks span{color:var(--muted);font-weight:600;flex:none}
.today-hours{font-family:var(--f-display);font-weight:700;font-size:18px;color:var(--muted);min-width:3ch;text-align:right}

/* Liften en afspraken */
.agenda-row{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}
.agenda-row:last-child{border-bottom:0}
.agenda-when{flex:none;width:78px;display:grid;line-height:1.2}
.agenda-when b{font-size:13px}
.agenda-when span{font-family:var(--f-display);font-size:20px;font-weight:700;color:var(--accent)}
.agenda-main{flex:1;min-width:0;display:grid;gap:2px}
.agenda-main b{overflow-wrap:anywhere;line-height:1.25}
.agenda-main small,.issue-row small{color:var(--muted);font-size:13px}

/* Aandacht nodig / verlof */
.issue-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.issue-row:last-child{border-bottom:0}
.issue-row>div:not(.avatar){display:grid;min-width:0;flex:1}
.muted-line .pill{margin-right:6px}

@media (max-width:480px){.agenda-row{flex-wrap:wrap}.agenda-when{width:auto;display:flex;gap:8px;align-items:baseline}}
.issue-row[data-go]{cursor:pointer}.issue-row[data-go]:hover b{color:var(--accent)}
.issue-row[data-open]{cursor:pointer}.issue-row[data-open]:hover b{color:var(--accent)}
.issue-row[data-work]{cursor:pointer}.issue-row[data-work]:hover b{color:var(--accent)}

/* Feestdag / verjaardag vandaag, en de lijst voor de komende 30 dagen */
.day-note{display:flex;align-items:center;gap:9px;margin:0 0 8px;padding:9px 12px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-size:14px}
.day-note.birthday{background:var(--leave-bg);color:var(--leave-fg)}
.day-note .i{flex:none}
.day-icon{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.pagehead .slogan{font-size:17px;font-style:italic;color:var(--accent);max-width:60ch}