/* TATNERA — actionable dashboard */
.dashboard-action-dialog{width:min(720px,calc(100vw - 28px));max-height:82vh;overflow:auto}
.dashboard-action-dialog>div{padding:22px}
.dashboard-action-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.dashboard-action-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:12px;padding:12px 13px;cursor:pointer}
.dashboard-action-row:hover{border-color:#4b4b50;transform:translateY(-1px)}
.dashboard-action-row strong,.dashboard-action-row span,.dashboard-action-row small{display:block}
.dashboard-action-row strong{font-size:12px}.dashboard-action-row span{font-size:10px;color:var(--muted);margin-top:3px}.dashboard-action-row small{font-size:10px;color:var(--muted);text-align:right}.dashboard-action-row .amount{font-size:13px;font-weight:900;color:var(--text);text-align:right}
.dashboard-action-empty{border:1px dashed var(--line);border-radius:12px;padding:18px;text-align:center;color:var(--muted);font-size:12px}

/* Today rows are real controls, not dead-looking divs */
#todayAppointments{display:flex;flex-direction:column}
#todayAppointments .appointment.dashboard-appointment{width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:inherit;text-align:left;cursor:pointer}
#todayAppointments .appointment.dashboard-appointment:first-child{border-top:0}
#todayAppointments .appointment.dashboard-appointment:hover{background:var(--panel-2)}

/* Every to-do tile is clickable */
.cockpit-task-grid>button{width:100%;font:inherit}
.cockpit-task-grid>button:focus-visible,.dashboard-action-row:focus-visible,.dashboard-appointment:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Useful lower dashboard panels */
.cockpit-unscheduled,.cockpit-nextsteps{min-height:245px}
.dashboard-work-list{display:flex;flex-direction:column;gap:7px}
.dashboard-work-row{width:100%;border:1px solid var(--line);background:#171719;border-radius:11px;padding:12px 13px;color:inherit;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:12px;align-items:center;text-align:left;cursor:pointer}
.dashboard-work-row:hover{border-color:#3b3b40;background:#1b1b1e}
.dashboard-work-row strong,.dashboard-work-row span,.dashboard-work-row small{display:block}
.dashboard-work-row strong{font-size:12px}.dashboard-work-row span{font-size:10px;color:var(--muted);margin-top:3px}.dashboard-work-row small{font-size:9px;color:var(--muted);text-align:right;margin-bottom:2px}.dashboard-work-row .work-value{font-size:11px;font-weight:850;text-align:right}
.dashboard-work-row.urgent{border-left:3px solid #d45353}.dashboard-work-row.warn{border-left:3px solid #d69b35}.dashboard-work-row.info{border-left:3px solid #7099c7}

#dashboardInkAlert{cursor:pointer}

html[data-theme="light"] .dashboard-work-row,
html[data-theme="light"] .dashboard-action-row{background:#f8f9fa!important;color:#1a1d21!important;border-color:#dfe2e6!important}
html[data-theme="light"] .dashboard-work-row:hover,
html[data-theme="light"] .dashboard-action-row:hover,
html[data-theme="light"] #todayAppointments .appointment.dashboard-appointment:hover{background:#f1f3f5!important;border-color:#c9ced3!important}
html[data-theme="light"] .dashboard-work-row .work-value,
html[data-theme="light"] .dashboard-action-row .amount{color:#1a1d21!important}

@media(max-width:650px){.dashboard-action-row,.dashboard-work-row{grid-template-columns:1fr 18px}.dashboard-action-row>div:nth-child(2),.dashboard-work-row>div:nth-child(2){display:none}}