*{box-sizing:border-box}body{margin:0;background:#f2f5fb;color:#19304f;font:16px/1.5 system-ui}a{color:#315ba4}header{margin-left:240px;padding:15px 30px;display:flex;gap:18px;justify-content:flex-end;align-items:center;border-bottom:1px solid #dce5f2;background:white}header>a{display:none}main{margin-left:240px;padding:28px;max-width:1650px}.task-sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#19304f;color:white;padding:26px 18px}.task-brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:700;color:white;text-decoration:none}.task-brand img{width:42px;border-radius:8px;background:white}.task-sidebar small{color:#b5c7df}.task-sidebar nav{display:block;margin-top:35px}.task-sidebar nav a{display:block;text-decoration:none;color:#dbe7f6;padding:13px;border-radius:8px;margin-bottom:6px}.task-sidebar .selected{background:#315ba4;color:white}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:36px;margin:2px 0}h2{font-size:21px}p{margin:8px 0}section,details{background:white;border:1px solid #d9e2ee;border-radius:12px;padding:20px;margin:16px 0}label{display:block;margin:12px 0}input,select,textarea,button{font:inherit;padding:10px 12px;border:1px solid #bccce0;border-radius:8px}input:not([type=checkbox]),textarea{width:100%}textarea{min-height:90px}button{cursor:pointer;background:#315ba4;color:white}button:hover{filter:brightness(.95)}button:disabled{opacity:.55;cursor:wait}summary{cursor:pointer;font-weight:650}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:white;padding:12px 16px;border:1px solid #d9e2ee;border-radius:12px;margin:20px 0}.filters>input{flex:1;min-width:180px}.filters label{margin:0}.filters button{background:white;color:#315ba4}.tabs{display:flex;background:#e6edf8;width:fit-content;border-radius:10px;padding:4px;gap:4px;margin:22px 0}.tabs button{background:transparent;color:#19304f;border:0}.tabs button.selected{background:#315ba4;color:white}#message{white-space:pre-wrap;color:#9c361d}small{color:#56708e}.task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.task-card{background:#fff9ea;border:1px solid #e2e6ec;border-top:5px solid #efb849;border-radius:12px;padding:18px;display:flex;flex-direction:column;min-height:225px;box-shadow:0 2px 4px #19304f08}.task-card.working{background:#edf5ff;border-top-color:#397bdd}.task-card.waiting{background:#f4efff;border-top-color:#9973d9}.task-card.done{background:#eff9f2;border-top-color:#46a66c}.task-card.overdue{background:#fff0ee;border-top-color:#e17063}.task-card h2{margin:12px 0 8px;overflow-wrap:anywhere}.task-card .title{font-size:20px;line-height:1.35;font-weight:700;background:none;border:0;text-align:left;padding:0;color:#19304f}.badge{font-size:13px;border-radius:18px;background:#ffffffa0;padding:4px 9px;width:fit-content}.task-card footer{margin-top:auto;padding-top:15px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d5dfeb;gap:8px}.task-card footer button{background:white;color:#315ba4;padding:6px 10px;font-size:14px}.task-card>p{font-size:14px;overflow-wrap:anywhere;margin-bottom:16px}.task-grid.list{grid-template-columns:1fr}.task-grid.list .task-card{min-height:0}.task-grid.list .task-card footer{border:0}.comment{background:#f1f5fa;padding:10px;margin:8px 0;white-space:pre-wrap}fieldset{border:1px solid #d9e2ee;border-radius:8px}.day{display:inline-flex;gap:6px;padding:8px}dialog{position:fixed;margin:0 0 0 auto;inset:0 0 0 auto;height:100dvh;max-height:100dvh;width:540px;max-width:100%;border:0;padding:25px;color:#19304f;box-shadow:-10px 0 40px #19304f20}dialog::backdrop{background:#10233c65}.close{float:right;background:#eef3fa;color:#19304f;margin-bottom:20px}#taskDetail{clear:both}#taskDetail p{white-space:pre-wrap;overflow-wrap:anywhere}[hidden]{display:none!important}.menu-toggle{display:none}@media(max-width:1150px){.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.task-sidebar{display:none;z-index:5;top:54px;box-shadow:10px 0 40px #19304f44}.task-sidebar.open{display:block}.menu-toggle{display:block;position:sticky;top:0;z-index:6;border-radius:0;width:100%;text-align:left;background:#19304f}header,main{margin-left:0}header{padding:10px 16px}main{padding:18px 14px}.task-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-wrap:wrap}h1{font-size:30px}.tabs{width:100%}.tabs button{flex:1;padding:10px 5px;font-size:14px}.filters{gap:8px}.filters select{max-width:155px}.task-card{min-height:210px}section,details{padding:16px}}

#message{color:#27624e}#message.error{color:#9c361d}#message:empty{display:none}

.audit-entry{background:white;border:1px solid #dbe4f0;border-radius:12px;padding:18px;margin:12px 0}.audit-entry pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5fa;padding:12px;border-radius:8px;font-size:13px}.audit-entry h2{margin:6px 0}

/* Tasks workspace redesign 2026-11-10 */
body{background:#f2f5f9;font-size:15px}.page-heading h1{font-size:30px;letter-spacing:-.5px}.tabs{background:transparent;padding:0}.tabs button{padding:10px 15px}.tabs button.selected{background:#e3ecfa;color:#214e94}.filters{border:0;background:transparent;padding:0;gap:12px}.filters>input{background:white}.task-view-picker{display:flex;gap:4px;flex-wrap:wrap}.task-view-picker button{font-size:13px;padding:8px 10px}.task-view-picker button.selected{background:#e3ecfa;color:#214e94}.task-grid.board{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.task-column{min-width:0}.task-column>h2{font-size:14px;margin:0 0 14px;display:flex;justify-content:space-between;gap:8px}.task-column>h2 span{color:#7c8899}.empty-column{color:#7c8899;font-size:13px}.task-card,.task-card.working,.task-card.waiting,.task-card.done,.task-card.overdue{background:white;border:1px solid #e3e8ef;border-top:1px solid #e3e8ef;padding:16px;border-radius:13px;min-height:190px;margin-bottom:14px;box-shadow:0 3px 9px #21385805}.task-card .title{font-size:17px;font-weight:650}.task-card .badge{background:#eef3fa;color:#46658b;font-size:12px}.task-card.overdue .badge{background:#fff0ee;color:#b43a43}.task-card.done .badge{background:#eef8f1;color:#347650}.task-card p{font-size:13px;color:#64768e}.task-card footer{flex-wrap:wrap}.task-card footer small{font-size:12px}.task-grid.list{display:block}.task-grid.list .task-card{min-height:0}.task-grid.calendar{display:block}.calendar-tools{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:16px}.calendar-tools button{background:white;color:#315ba4}.task-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #e1e7ef;border-radius:12px;background:white;overflow:hidden}.task-day{min-width:0;padding:12px 8px;min-height:230px;border-right:1px solid #edf0f5}.task-day.today{background:#edf4ff}.task-day h2{font-size:13px;margin:0 0 14px}.task-day button{display:block;width:100%;background:#f1f5fb;color:#254c80;font-size:12px;text-align:left;overflow-wrap:anywhere;padding:9px 6px;margin-bottom:8px;border:1px solid #dfe7f3}.undated{margin-top:20px}.undated .task-card{max-width:380px}dialog{width:430px}#taskDetail h2{font-size:25px;line-height:1.35}#taskDetail details{border:0;background:#f6f8fb}.version{color:#77869b;font-size:12px}
@media(max-width:1250px){.task-grid.board{grid-template-columns:repeat(2,minmax(0,1fr))}.task-week{grid-template-columns:1fr}.task-day{min-height:70px;border-bottom:1px solid #edf0f5}.task-day button{width:auto;max-width:100%}}
@media(max-width:760px){.task-grid.board{grid-template-columns:1fr}.task-card{min-height:0}.filters>input{min-width:0;width:100%;flex-basis:100%}.task-view-picker{width:100%}.task-view-picker button{flex:1}.calendar-tools strong{font-size:12px}.page-heading h1{font-size:28px}dialog{padding:20px}.tabs{flex-wrap:wrap}.task-column>h2{margin-top:14px}}