/* "ต้องดำเนินการ" on the teacher overview: what to do next, row by row. */
.ta2-card{margin:16px 0;padding:18px 20px;border:1px solid var(--line,#E2E8F0);border-radius:16px;background:var(--surface,#fff);box-shadow:0 1px 2px rgba(15,23,42,.04);}
.ta2-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin-bottom:6px;}
.ta2-head h3{margin:0;font-size:17px;}
.ta2-flag{padding:3px 11px;border-radius:999px;background:color-mix(in srgb,var(--red,#DC2626) 12%,var(--surface,#fff));color:var(--red,#DC2626);font-size:12.5px;font-weight:700;}
.ta2-ok{color:var(--green,#16A34A);font-size:13.5px;font-weight:700;}
.ta2-clear{padding-block:14px;}
.ta2-clear .ta2-head{margin-bottom:0;}
.ta2-block-group{margin-top:14px;}
.ta2-block-group h4{margin:0 0 6px;font-size:13.5px;color:var(--sub,#64748B);display:flex;align-items:center;gap:8px;}
.ta2-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--grid,#EEF2FB);color:var(--ink,#0F172A);font-size:11.5px;font-weight:700;}
.ta2-list{list-style:none;margin:0;padding:0;border:1px solid var(--line,#E2E8F0);border-radius:12px;overflow:hidden;}
.ta2-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line,#E2E8F0);}
.ta2-row:last-child{border-bottom:0;}
.ta2-main{min-width:0;}
.ta2-main b{font-size:14px;}
.ta2-main small{color:var(--sub,#64748B);}
.ta2-count{display:block;margin-top:2px;font-size:12.5px;}
.ta2-count em{font-style:normal;color:var(--amber,#D97706);font-weight:600;}
.ta2-msgs{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:2px;}
.ta2-msgs li{position:relative;padding-left:16px;font-size:12.5px;line-height:1.5;}
.ta2-msgs li::before{content:"";position:absolute;left:3px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--sub,#64748B);}
.ta2-msgs .ta2-block{color:var(--red,#DC2626);}
.ta2-msgs .ta2-block::before{background:var(--red,#DC2626);}
.ta2-msgs .ta2-note{color:var(--sub,#64748B);}
.ta2-row .btn{flex:none;white-space:nowrap;}
@media (max-width:560px){.ta2-row{flex-direction:column;align-items:stretch;}.ta2-row .btn{width:100%;}}