.workflow-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 20px; }
.workflow-tabs a { padding:10px 14px; border:1px solid var(--border,#d9e2e8); border-radius:9px; color:inherit; text-decoration:none; }
.workflow-tabs a.active { background:#173b49; color:white; }
.workflow-filters { display:flex; flex-wrap:wrap; align-items:end; gap:14px; padding:18px; }
.workflow-filters label { flex:1 1 180px; min-width:0; }
.workflow-filters button { min-height:44px; }
.work-inbox-list { padding:0 20px 20px; }
.work-inbox-item { display:grid; grid-template-columns:minmax(0,1fr) minmax(160px,auto); gap:20px; border-top:1px solid var(--border,#d9e2e8); padding:20px 0; overflow-wrap:anywhere; }
.work-inbox-item h3 { margin:8px 0; }
.work-inbox-item>div:last-child { display:flex; flex-direction:column; align-items:flex-end; justify-content:center; gap:14px; }
.workflow-overdue { color:#b7352b; }
.ticket-facts { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:20px; margin:24px 0; }
.ticket-facts small,.ticket-facts strong { display:block; }
.ticket-facts small { margin-bottom:6px; opacity:.8; }
.workflow-board { display:grid; grid-template-columns:repeat(6,minmax(220px,1fr)); gap:16px; overflow-x:auto; padding:20px; }
.workflow-board section { min-width:0; }
.workflow-board-card { display:grid; gap:9px; padding:16px; margin:12px 0; border:1px solid var(--border,#d9e2e8); border-radius:12px; color:inherit; text-decoration:none; overflow-wrap:anywhere; }
.workflow-board-card:hover { border-color:#4199ae; }
@media(max-width:600px) { .work-inbox-item { grid-template-columns:1fr; gap:10px; } .work-inbox-item>div:last-child { align-items:stretch; } .workflow-filters { flex-direction:column; align-items:stretch; } .workflow-filters label { flex:auto; } .ticket-facts { grid-template-columns:1fr 1fr; } .workflow-tabs { gap:6px; } .workflow-tabs a { flex:1 1 130px; text-align:center; } }