.faculty-todos-ui .todo-counts{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.todo-counts>span{padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:white}.todo-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.todo-filters>input{min-width:180px;flex:1}.todo-filters>label{display:grid;gap:4px;font-size:12px}.todo-filters .todo-check{display:flex;align-items:center}.todo-rows{display:grid;gap:12px}.todo-card{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:9px;background:white;padding:16px 18px}.todo-card:nth-child(even){background:#edf4f3}.todo-card p{margin:4px 0;color:var(--muted)}.todo-card .actions{flex-wrap:wrap;flex-shrink:0}.todo-dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.todo-timeline li{margin-bottom:16px}.todo-timeline small{display:block;color:var(--muted)}#todo-ui-form{display:grid;gap:16px}#todo-ui-form label{display:grid;gap:6px}#todo-ui-form textarea{width:100%}@media(max-width:760px){.todo-card{display:block;padding:12px}.todo-card .actions{margin-top:12px}.todo-filters>*{width:100%}.todo-counts>span{font-size:12px}.faculty-todos-ui .page-head{display:block}.todo-card p,.todo-card strong{overflow-wrap:anywhere}}

body.faculty-todos .content{max-width:none}
#dialog[open]:has([data-action^="todo-ui-"]){display:flex;flex-direction:column;max-height:calc(100dvh - 32px);overflow:hidden}
#dialog:has([data-action^="todo-ui-"])>.dialog-head,#dialog:has([data-action^="todo-ui-"])>.dialog-foot{flex-shrink:0}
#dialog:has([data-action^="todo-ui-"])>.dialog-body{flex:1;min-height:0;max-height:none;overflow:auto;overflow-wrap:anywhere}
#dialog:has([data-action^="todo-ui-"])>.dialog-foot{flex-wrap:wrap}
@media(max-width:650px){#dialog:has([data-action^="todo-ui-"])>.dialog-head,#dialog:has([data-action^="todo-ui-"])>.dialog-body,#dialog:has([data-action^="todo-ui-"])>.dialog-foot{padding:15px 17px}#dialog:has([data-action^="todo-ui-"])>.dialog-foot>button{white-space:normal;flex:1 1 110px}}

.todo-international-selection{display:grid;gap:9px;padding:12px 15px;border:1px solid var(--line);border-radius:8px;background:#edf4f3;margin-bottom:14px}.todo-international-selection .actions{display:flex;gap:8px;flex-wrap:wrap}.todo-international-selection small{color:var(--muted)}.todo-select-item{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--teal);margin-bottom:8px}@media(max-width:760px){.todo-international-selection{padding:11px;overflow-wrap:anywhere}.todo-international-selection .actions button{flex:1 1 130px;white-space:normal}.todo-select-item{align-items:flex-start}}