.task-manager{max-width:1200px;margin:auto}.task-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.task-toolbar h1{font-size:28px;margin:6px 0 10px}.task-eyebrow{color:#718b9e;font-size:11px}.task-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.task-stat{text-align:left;padding:18px;border:0;border-left:4px solid #3384bd;border-radius:10px;background:#e7f3ff}.task-stat b{display:block;font-size:28px;margin-top:8px}.task-stat.working{background:#e2f2ec;border-color:#219476}.task-stat.waiting{background:#fff2da;border-color:#d1972a}.task-stat.done{background:#edf0f3;border-color:#81929d}.task-filters{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.task-filters [data-scopes]{display:flex;gap:5px}.task-filters select{width:150px}.task-filters input{width:220px}.task-filters .active{background:#174966;color:white}.task-privacy{font-size:11px;color:#647f91;line-height:1.8;margin:15px 0}.task-record{display:flex;align-items:center;gap:18px;width:100%;text-align:left;border:1px solid #dce5ed;border-left:4px solid #337fb3;border-radius:9px;background:white;padding:18px;margin-bottom:10px}.task-record.scope-personal{border-left-color:#8a66b1}.task-record.scope-family{border-left-color:#269979}.task-record>time{font-size:11px;color:#758d9d;line-height:1.9;min-width:85px}.task-record-body{flex:1;min-width:0}.task-record b{display:block;font-size:16px;margin:9px 0;overflow-wrap:anywhere}.task-record small{display:block;color:#6c8494;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.task-record em{font-style:normal;font-size:11px;white-space:nowrap;color:#287196}.task-record.is-done{opacity:.7}.task-tags{display:flex;gap:6px;flex-wrap:wrap;font-size:10px}.task-tags>span{background:#edf2f6;padding:4px 7px;border-radius:4px;color:#476c85}.task-tags .state-new{background:#e5f2ff;color:#206eac}.task-tags .state-working{background:#dff1e9;color:#237a60}.task-tags .state-waiting{background:#fff1d6;color:#9a6b1e}.task-tags .state-done{background:#e9edef;color:#75838d}.task-record .task-due{color:#94701e;margin-top:8px}.task-empty{background:white;padding:40px;text-align:center;color:#7b91a0}.task-date-filter{display:flex;align-items:center;gap:12px;margin:18px 0;font-size:12px;color:#6b8394}.task-dialog{width:min(700px,calc(100vw - 28px));max-height:90dvh;overflow:auto;border:1px solid #cddce6;border-radius:14px;padding:26px;color:#193c53;background:white}.task-dialog::backdrop{background:#17364a70}.task-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.task-dialog-head h2{font-size:20px}.task-dialog label{display:block;font-size:12px;line-height:1.9;margin:12px 0}.task-dialog input,.task-dialog textarea,.task-dialog select{display:block;margin-top:6px}.task-dialog small{color:#718b9b;font-size:11px;line-height:1.8}.task-dialog-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0}.task-dialog-actions select{width:130px}.task-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.task-detail-text{white-space:pre-wrap;line-height:1.9;overflow-wrap:anywhere}.task-timeline article{border-left:3px solid #d8e7f0;padding:10px 18px;margin:12px 0}.task-timeline time{color:#7b909e;font-size:10px}.task-timeline p{white-space:pre-wrap;line-height:1.8;overflow-wrap:anywhere}.task-child{display:block;width:100%;text-align:left;margin:9px 0}.task-dialog [data-error]{color:#b34337;font-size:12px}.task-month-header{display:flex;gap:20px;align-items:center;margin:20px 0}.task-week,.task-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.task-week{text-align:center;padding:12px;color:#698295}.task-month-grid{border-left:1px solid #dce5ed;border-top:1px solid #dce5ed;background:white}.task-month-grid>button,.task-month-grid>span{border:0;border-right:1px solid #dce5ed;border-bottom:1px solid #dce5ed;min-height:105px;border-radius:0;text-align:left;padding:8px;min-width:0}.task-month-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#e5f2ff;color:#20679c;margin-top:7px;padding:4px;font-size:10px;border-radius:3px}.task-month-grid .scope-personal{background:#eee7f7;color:#7851a0}.task-month-grid .scope-family{background:#e1f2e9;color:#25795b}.task-month-grid .is-today>b{background:#215675;border-radius:50%;color:white;padding:4px}.task-month-grid .selected{outline:2px solid #4089b9;outline-offset:-2px}.task-mini-summary{background:#fff;border:1px solid #dce6ed;border-radius:12px;padding:20px;margin-bottom:20px}.task-mini-summary h2{font-size:18px;margin:0 0 12px}.task-mini-summary button{margin:5px}.task-mini-summary .task-mini-row{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e7edf1;border-radius:0;margin:0;padding:12px 0}
.task-toolbar>[data-new]{white-space:nowrap;flex-shrink:0}
.task-results{margin:24px 0;border-top:1px solid #dce6ed;padding-top:10px}.task-results h3{margin-right:auto}.task-result{border:1px solid #d9e6ee;border-left:4px solid #3d8dba;border-radius:8px;padding:16px;margin:12px 0;background:#f7fafc}.task-result time{font-size:10px;color:#748d9f}.task-result h4{font-size:12px;color:#2d698e;margin:14px 0 5px}.task-result p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9;margin:0}.task-result .task-dialog-actions{margin-bottom:0}
.task-dialog fieldset{border:1px solid #dce6ed;border-radius:8px;margin:16px 0;padding:12px}.task-dialog legend{font-size:12px;color:#326f96;padding:0 6px}.task-source-checks{display:flex;flex-wrap:wrap;gap:8px 18px}.task-dialog .task-source-checks label{display:flex;align-items:center;gap:6px;margin:3px 0}.task-dialog .task-source-checks input{width:auto;margin:0}
.task-table-scroll{width:100%;overflow:auto;background:white;border-radius:8px;border:1px solid #dce7e9}.task-work-table{width:100%;min-width:980px;border-collapse:collapse;table-layout:fixed;font-size:12px}.task-work-table th{font-weight:700;color:#28898b;text-align:left;background:#f2fbfa;padding:15px 12px;border-top:2px solid #48b3b1;border-bottom:1px solid #a5d8d5}.task-work-table td{padding:17px 12px;border-bottom:1px solid #e2ebee;vertical-align:top;line-height:1.9;overflow-wrap:anywhere}.task-work-table small{display:block;color:#738b98;font-size:10px;line-height:1.9;margin-top:5px}.task-table-record{cursor:pointer}.task-table-record:hover td{background:#f2f9fb}.task-work-table .task-table-date th{background:#eaf3f7;color:#3f667e;border:0;border-bottom:1px solid #cfdee5;font-size:12px;padding:12px}.task-table-title,.task-table-follow{display:block;text-align:left;background:none;border:0;border-radius:0;padding:0;width:100%;line-height:1.9}.task-table-title{font-weight:700;font-size:13px;color:#174663}.task-table-title:hover,.task-table-follow:hover{background:none;color:#168281;text-decoration:underline}.task-table-follow{margin-bottom:13px;color:#257b7d;font-size:12px}.task-table-follow:last-child{margin-bottom:0}.task-table-content{white-space:pre-wrap;line-height:2}.task-table-result{border-left:2px solid #86c5b6;padding-left:8px;margin-top:10px;white-space:pre-wrap;font-size:11px}.task-table-time{font-variant-numeric:tabular-nums;color:#335b72;font-size:11px}.task-scope-label{border-left:3px solid #3b8fba;padding-left:8px;white-space:nowrap;font-size:11px}.scope-personal .task-scope-label{border-color:#8b6abb}.scope-family .task-scope-label{border-color:#2b9c7d}.task-table-state{display:inline-block;white-space:nowrap;padding:4px 6px;border-radius:4px;font-size:10px;background:#eaf0f3;color:#506e7d}.task-table-state.state-new{background:#e5f2ff;color:#2672a8}.task-table-state.state-working{background:#e0f3e9;color:#267858}.task-table-state.state-waiting{background:#fff0d7;color:#966c20}.task-table-muted{color:#9aabb5}.task-table-hint{font-size:11px;line-height:1.8;color:#6b8797;margin:12px 0}
@media(max-width:760px){.task-work-table{min-width:940px}.task-table-hint:after{content:' · 좌우로 밀어 전체 표를 볼 수 있습니다.'}.task-work-table td{padding:14px 10px}}
@media(max-width:760px){.task-stats{gap:7px}.task-stat{padding:11px}.task-stat span{font-size:11px}.task-stat b{font-size:23px}.task-toolbar h1{font-size:24px}.task-toolbar .sub{font-size:11px}.task-record{gap:10px;padding:13px}.task-record>time{min-width:65px;font-size:9px}.task-record b{font-size:14px}.task-record em{display:none}.task-record small{font-size:11px}.task-filters input{width:100%}.task-privacy{font-size:10px}.task-form-grid{grid-template-columns:1fr}.task-dialog{padding:18px}.task-month-grid>button,.task-month-grid>span{min-height:77px;padding:5px}.task-month-grid small{font-size:9px;padding:2px}.task-date-filter{flex-wrap:wrap}.task-dialog-actions button{font-size:11px}}
.task-day-number{display:flex;align-items:center;gap:8px}.task-day-symbol{width:23px;height:23px;object-fit:contain;flex-shrink:0}.task-day-count{display:block;margin-top:14px;color:#3a7f93;font-size:11px}.task-month-grid .is-today .task-day-number>b{background:#215675;border-radius:50%;color:white;padding:4px}.task-date-filter [data-day-label]{font-size:16px;font-weight:700;color:#285c79}@media(max-width:760px){.task-day-number{gap:4px}.task-day-symbol{width:17px;height:17px}.task-day-count{font-size:9px;margin-top:12px}.task-date-filter [data-day-label]{font-size:14px}}
.task-blank-row{cursor:pointer;height:76px}.task-blank-row:hover td{background:#f1fbfa}.task-blank-row button{background:none;border:0;padding:0;text-align:left;color:#6c979c;font-size:12px}.task-simple-time{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}.task-optional{border-top:1px solid #e1e9ee;padding:14px 0;margin-top:12px}.task-optional summary{cursor:pointer;color:#54798e;font-size:12px}.task-dialog .task-source-checks{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:550px){.task-simple-time{grid-template-columns:1fr 1fr}.task-simple-time>label:first-child{grid-column:1/-1}}
.task-entry-date{display:flex;align-items:center;gap:12px;font-size:12px;margin:18px 0;color:#476e86}.task-entry-date input{width:170px}.task-entry-date[hidden]{display:none}.task-blank-timetable tbody tr{height:66px;cursor:pointer}.task-blank-timetable tbody tr:hover td{background:#eef9f8}.task-time-entry{border:0;background:none;font-size:12px;color:#466e85;white-space:nowrap;padding:3px 0}.task-time-entry:hover{background:none;color:#148a89}
.task-date-repeat{min-width:0}.task-dialog .task-daily-check{display:flex;align-items:center;gap:7px;font-size:12px;margin:4px 0 10px;color:#326f96}.task-dialog .task-daily-check input{width:auto;margin:0}@media(max-width:550px){.task-simple-time>.task-date-repeat{grid-column:1/-1}}
.task-date-repeat{margin:12px 0}.task-date-repeat-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;min-height:23px}.task-dialog .task-date-repeat-head .task-daily-check{margin:0;font-size:11px}
.task-fixed-title{background:#edf3f7;font-weight:700}.task-thread-history{border-top:1px solid #dce6ed;padding-top:12px;margin:22px 0}.task-thread-day{display:flex;width:100%;text-align:left;align-items:start;gap:12px;border:0;border-left:3px solid #acd1df;border-bottom:1px solid #e4ecf1;border-radius:0;padding:14px 12px;background:#f5f9fb}.task-thread-day time{font-size:11px;white-space:nowrap;color:#4a7a95}.task-thread-day span{white-space:pre-wrap;overflow-wrap:anywhere;flex:1;line-height:1.8}.task-thread-day small{font-size:10px;white-space:nowrap}.task-thread-day:disabled{opacity:.8;cursor:default}@media(max-width:550px){.task-thread-day{flex-wrap:wrap}.task-thread-day span{flex-basis:100%}}
.task-source-status-line{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.task-dialog .task-inline-status{display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap}.task-dialog .task-inline-status select{width:105px;margin:0}.task-source-status-line .task-source-checks{flex:1}@media(max-width:550px){.task-source-status-line{gap:12px}.task-dialog .task-inline-status{margin-left:auto}}
.task-record-titlebar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0}.task-record-titlebar h3{margin:0;flex:1;min-width:0;line-height:1.7;overflow-wrap:anywhere}.task-record-title-tools{display:flex;gap:6px;flex-shrink:0}.task-record-title-tools button{font-size:11px;padding:5px 9px;border-radius:5px}.task-dialog-actions[hidden]{display:none!important}
.task-date-stats{display:flex;align-items:stretch;gap:14px;margin-bottom:22px}.task-date-stats .task-stats{flex:1;min-width:0;margin:0}.task-date-stats .task-entry-date{margin:0;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:10px;flex-shrink:0;padding:14px 16px;background:white;border:1px solid #dce6ed;border-radius:10px}.task-day-controls{display:flex;gap:7px;align-items:center}.task-day-controls button{padding:7px 9px;font-size:12px}.task-date-stats .task-entry-date input{width:148px;margin:0;padding:8px}.task-date-stats .task-entry-date[hidden]{display:none}@media(max-width:1000px){.task-date-stats{flex-wrap:wrap}.task-date-stats .task-entry-date{width:100%;flex-direction:row;align-items:center;justify-content:start}.task-date-stats .task-stats{flex-basis:100%}}
.task-thread-open{display:flex;align-items:start;gap:12px;border:0;background:none;border-radius:0;padding:0;flex:1;min-width:0;text-align:left}.task-thread-open:disabled{color:inherit;opacity:.8;cursor:default}.task-thread-open span{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.task-thread-status{flex-shrink:0;width:105px}.task-thread-status select{margin:0;padding:6px;font-size:11px}.task-thread-status small{display:block;text-align:right;color:#8299a8;margin-top:5px;font-size:10px}@media(max-width:550px){.task-thread-open{flex-direction:column;gap:5px}.task-thread-day{flex-wrap:nowrap}.task-thread-status{width:85px}}
.task-editing-text{outline:1px solid #73adc9;border-radius:5px;padding:9px;background:#fff;min-height:44px;white-space:pre-wrap}.task-detail-text.task-editing-text{min-height:110px}.task-inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;margin:12px 0}.task-inline-fields label{min-width:0}.task-detail-text[contenteditable=true]:focus{outline:2px solid #3d8fb5}

.task-thread-tools{display:flex;justify-content:flex-end;gap:4px;margin-top:6px}.task-thread-tools button{font-size:11px;padding:4px 8px;min-height:28px}

.task-record-top{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:start}.task-channel-field{min-width:0}.task-channel-field input[name=sourceOther]{margin-top:8px}.task-time-picker{display:flex;align-items:center;gap:4px}.task-time-picker input{min-width:0;width:100%}.task-time-picker button{padding:8px 12px}.task-clock-dialog{border:1px solid #aac4d4;border-radius:14px;padding:20px;max-width:90vw}.task-clock-dialog label{display:inline-block;margin:0 12px 12px 0}.task-clock-dialog select{min-width:100px}.task-follow-row{border:1px solid #d4e2e9;border-radius:10px;margin:12px 0;padding:14px}.task-check-line{display:flex!important;gap:8px;align-items:center}.task-check-line input{width:auto!important}.task-result p{white-space:pre-wrap}.task-form-grid[hidden]{display:none!important}@media(max-width:600px){.task-record-top{grid-template-columns:1fr}}
.task-dialog [hidden]{display:none!important}

.task-dialog .task-simple-time{align-items:end}.task-dialog .task-simple-time>label,.task-dialog .task-simple-time>.task-date-repeat{min-width:0;margin:0}.task-dialog .task-simple-time input,.task-dialog .task-time-picker input{height:44px;box-sizing:border-box;margin:8px 0 0}.task-dialog .task-time-picker{display:flex;align-items:stretch;gap:0;margin-top:8px;border:1px solid #ccdce7;border-radius:8px;background:#e9f2f7;overflow:hidden;height:44px;box-sizing:border-box}.task-dialog .task-time-picker input{margin:0;border:0;border-radius:0;background:transparent;height:42px;flex:1}.task-dialog .task-time-picker button{margin:0;border:0;border-left:1px solid #ccdce7;border-radius:0;background:transparent;height:42px;min-height:0;flex:0 0 42px;padding:0;align-self:stretch}.task-dialog .task-date-repeat-head{min-height:20px;display:flex;align-items:center;justify-content:space-between}.task-dialog .task-date-repeat-head .task-daily-check{margin:0}.task-results-fold{margin:22px 0;border-top:1px solid #dce6ed;padding-top:14px}.task-results-fold>summary{cursor:pointer;font-size:18px;font-weight:700;color:#183f55}.task-results-fold>summary small{font-size:12px;font-weight:400;color:#728b9a;margin-left:8px}.task-results-fold .task-results{border-top:0;margin:10px 0;padding-top:0}

.task-title-memo{margin-top:8px;font-size:12px;color:#587688}.task-follow-wide .task-table-follow{width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere}
