:root{font-family:"Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif;color:#063d3b;background:#e8fbf9}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#c9f4f0,#f7fffe)}
.daily-toolbar{display:flex;align-items:center;gap:18px;padding:18px clamp(16px,4vw,48px);background:#fff;border-bottom:1px solid #8fcfcb}.daily-toolbar div{flex:1}.daily-toolbar h1{margin:2px 0 0;font-size:clamp(22px,4vw,32px)}.daily-toolbar small{font-weight:900;color:#07827d}.daily-toolbar>span{font-weight:900}
.daily-shell{width:min(1000px,calc(100% - 32px));margin:28px auto;padding:clamp(18px,4vw,34px);border:1px solid #8fcfcb;border-radius:22px;background:#fff;box-shadow:0 16px 40px #075e5920}
.daily-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.daily-controls label{display:grid;gap:6px;font-weight:900}.daily-controls input,.daily-add input{min-height:44px;padding:9px 12px;border:1px solid #8fcfcb;border-radius:10px;font:inherit;color:inherit;background:#fff}.daily-controls strong{margin-left:auto;padding:12px 16px;border-radius:12px;background:#e4f8f6}
.daily-status{min-height:24px;color:#526b69}.daily-status.is-error{color:#b42318;font-weight:900}
.daily-table-wrap{overflow-x:auto}.daily-table{width:100%;border-collapse:separate;border-spacing:0 9px}.daily-table th{padding:8px 14px;text-align:left}.daily-table td{padding:13px 14px;border-block:2px solid}.daily-table td:first-child{width:120px;border-left:2px solid;border-radius:13px 0 0 13px;font-weight:900}.daily-table td:last-child{width:230px;border-right:2px solid;border-radius:0 13px 13px 0}.daily-table tr.is-incomplete td{border-color:#e5484d;background:#fff1f2;color:#8f1d24}.daily-table tr.is-complete td{border-color:#52a76b;background:#effbf2;color:#226a38}.daily-table .task-label{font-size:17px;font-weight:900}.task-actions{display:flex;gap:8px;justify-content:flex-end}
.daily-add{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:22px;padding-top:22px;border-top:1px solid #b9deda}.daily-add label{grid-column:1/-1;font-weight:900}
@media(max-width:680px){.daily-toolbar{align-items:flex-start;flex-wrap:wrap}.daily-toolbar div{order:-1;flex-basis:100%}.daily-controls strong{width:100%;margin-left:0}.daily-table thead{display:none}.daily-table,.daily-table tbody,.daily-table tr,.daily-table td{display:block;width:100%!important}.daily-table tr{margin-bottom:13px}.daily-table td{border-inline:2px solid;padding:10px 13px}.daily-table td:first-child{border-radius:13px 13px 0 0}.daily-table td:last-child{border-radius:0 0 13px 13px}.task-actions{justify-content:flex-start}.daily-add{grid-template-columns:1fr}.daily-add label{grid-column:auto}}