*{box-sizing:border-box}
body{margin:0;font-family:system-ui,"Microsoft YaHei",sans-serif;background:#f5f7fb;color:#18202c}
main{max-width:860px;margin:64px auto;padding:0 22px}
.eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#667085}
h1{font-size:42px;margin:8px 0 12px}
header>p:last-child{color:#667085}
.status-card,.task-panel,.chart-panel{background:#fff;border:1px solid #e6e8ee;border-radius:18px;padding:22px;margin-top:28px;box-shadow:0 12px 30px #1018280d}
.status-card{display:flex;align-items:center;justify-content:space-between;gap:20px}
.status-card div{display:grid;gap:6px}
.label{font-size:13px;color:#667085}
.ok{color:#067647}
.bad,.error{color:#b42318}
button{border:0;border-radius:10px;background:#101828;color:#fff;padding:10px 16px;cursor:pointer}
button:disabled{opacity:.35;cursor:not-allowed}
.panel-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:12px}
.panel-head h2{margin:4px 0 0}
.chart-wrap{height:260px;position:relative;padding:8px 0}
.task-list{border-top:1px solid #eaecf0}
.task-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid #eaecf0}
.task-title{font-weight:700}
.task-meta{margin-top:5px;color:#667085;font-size:14px}
.state{font-size:13px;padding:5px 9px;border-radius:999px;background:#fff1f0;color:#b42318;white-space:nowrap}
.state.done{background:#ecfdf3;color:#067647}
.pager{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:20px}
.empty{color:#667085;padding:18px 0}
@media(max-width:600px){h1{font-size:34px}.task-row{align-items:flex-start}.panel-head{align-items:flex-start;flex-direction:column}}


/* AI meeting minutes workspace */
.meeting-panel{background:#fff;border:1px solid #e6e8ee;border-radius:18px;padding:22px;margin-top:28px;box-shadow:0 12px 30px #1018280d}
.meeting-panel h3{font-size:18px;margin:0}
.meeting-fields{display:grid;gap:10px;margin:16px 0}
.meeting-fields label,.draft-task label{font-size:13px;font-weight:600;color:#344054;display:grid;gap:5px}
.meeting-fields input,.meeting-fields textarea,.draft-task input,.draft-task select{width:100%;background:#fff;color:#1d2939;border:1px solid #d0d5dd;border-radius:9px;font:inherit;font-size:14px;padding:11px 12px}
.meeting-fields textarea{resize:vertical;min-height:84px}
.meeting-fields input:focus,.meeting-fields textarea:focus,.draft-task input:focus,.draft-task select:focus{outline:2px solid #a7c7fa;border-color:#416fb7}
.meeting-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0 6px}
.hint{color:#667085;font-size:13px;line-height:1.6}
.ai-availability{padding:5px 10px;border-radius:999px;font-size:12px;background:#fff5e6;color:#9a3412}
.ai-availability.ok{background:#ecfdf3;color:#067647}
.secondary-button{background:#ecf1f9;color:#184a77;border:1px solid #cedbed}
.meeting-task-head{margin-top:22px}
.draft-tasks{display:grid;gap:10px}
.draft-task{display:grid;grid-template-columns:minmax(150px,2fr) minmax(100px,1fr) minmax(130px,1.1fr) minmax(80px,.7fr) minmax(95px,.7fr) auto;align-items:end;gap:8px;border:1px solid #eaecf0;padding:12px;border-radius:10px}
.draft-task label{min-width:0}
.draft-task input,.draft-task select{padding:9px 7px}
.draft-task .remove-draft{white-space:nowrap;padding:10px 9px}
.meeting-history{margin-top:24px;border-top:1px solid #eaecf0;padding-top:12px}
.meeting-history summary{cursor:pointer;font-weight:600}
.history-entry{padding:8px 0;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}
#meetingDetail{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
#meetingDetail h3{margin:16px 0 8px}
.task-actions{display:flex;gap:8px;align-items:center}
.task-actions button{padding:7px 10px;font-size:12px;white-space:nowrap}
#meetingFeedback{font-size:13px}
@media(max-width:860px){.draft-task{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-task label:first-child{grid-column:1/-1}.task-actions{flex-direction:column;align-items:flex-end}}
@media(max-width:520px){main{padding:0 12px;margin:20px auto}.meeting-panel{padding:15px}.draft-task{grid-template-columns:minmax(0,1fr)}.draft-task label:first-child{grid-column:auto}.meeting-buttons{align-items:stretch}.meeting-buttons button{width:100%}}