/* タスク状態を即座に判別できるようにする補助スタイル */
.task-list{gap:16px}
.task-group{border:1px solid #D6E8E8;border-radius:10px;padding:11px;background:#FBFEFE}
.task-group.incomplete{background:#FFFCF5;border-color:#F6DFA9}
.task-group.completed{background:#F4FCF7;border-color:#BEE8CD}
.task-group-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}
.task-group-head h3{margin:0;font-size:13px;color:#1A3A3A}
.task-group.incomplete .task-group-head h3::before{content:"●";color:#D97706;margin-right:6px}
.task-group.completed .task-group-head h3::before{content:"✓";color:#059669;margin-right:6px;font-weight:800}
.task-group-head span{font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;background:#fff;color:#4A7A7A;border:1px solid #D6E8E8}
.task-group-list{display:flex;flex-direction:column;gap:8px}
.task-group-empty{margin:0;padding:8px 3px;color:#4A7A7A;font-size:12px}
.task-group-fold{padding:0}
.task-group-fold .task-group-head{margin:0;padding:11px;list-style:none;cursor:pointer}
.task-group-fold .task-group-head::-webkit-details-marker{display:none}
.task-group-fold .task-group-head span{display:inline-flex;align-items:center;gap:6px}
.task-group-fold .task-group-head span b{font-size:15px;line-height:1;transition:transform .16s ease}
.task-group-fold[open] .task-group-head{border-bottom:1px solid #BEE8CD}
.task-group-fold[open] .task-group-head span b{transform:rotate(180deg)}
.task-group-fold-body{padding:0 11px 11px}
.task-item.todo{border-left-color:#D97706;background:#FFFDF8}
.task-item.doing{border-left-color:#2563EB;background:#F0F7FF}
.task-item.done{opacity:.84;background:#F0FDF4;border-color:#BBF7D0;border-left-color:#059669}
.task-item.skipped{opacity:.72;background:#F8FAFC;border-left-color:#94A3B8}
.task-item.done .task-title{text-decoration:line-through;color:#4A7A7A}
.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}
.status-badge.todo{background:#FEF3C7;color:#B45309}
.status-badge.doing{background:#DBEAFE;color:#1D4ED8}
.status-badge.done{background:#DCFCE7;color:#047857}
.status-badge.skipped{background:#E2E8F0;color:#475569}
.modal-tab.active{background:#2C5F5F;color:#fff;border-color:#2C5F5F}
.preset-help{margin:0 0 10px;color:#4A7A7A;font-size:12px}
.preset:disabled{cursor:wait;opacity:.65}
.preset.is-saving{background:#E8F5F5;border-color:#4A9B9B}
.tag.other{background:#F3F4F6;color:#4B5563}
.time-task-groups{display:flex;flex-direction:column;gap:9px}.time-task-group{padding:9px;border:1px solid #E2EEEE;border-radius:8px;background:#fff}.time-task-group h4{display:flex;align-items:center;justify-content:space-between;margin:0 0 7px;color:#315F5F;font-size:12px}.time-task-group h4 span{border:0;padding:0;background:transparent;color:#689090;font-size:10px}.time-task-group.slot-午前{border-color:#BFE0E0;background:#F5FCFC}.time-task-group.slot-午後{border-color:#E2D4B7;background:#FFFCF5}.time-task-group.slot-夕方{border-color:#D9CCE8;background:#FCF9FF}.time-task-group.slot-夜{border-color:#C9D4E7;background:#F5F8FD}.time-task-group.slot-深夜{border-color:#BFC6D6;background:#F4F5F8}.time-slot-tag{display:inline-flex;align-items:center;border-radius:999px;padding:2px 7px;background:#E8F5F5;color:#2C5F5F;font-size:10px;font-weight:700}.task-time{color:#426F6F;font-size:10px;font-weight:700}.time-record{color:#527B7B;font-size:10px}.time-record.later{display:inline-flex;align-items:center;gap:3px;border-radius:999px;padding:2px 7px;background:#FFF0D8;color:#9A5100;font-weight:800}.later-count{margin-left:4px;border-radius:999px;padding:2px 6px;background:#FFF0D8;color:#9A5100;font-size:10px;font-style:normal;font-weight:800}.time-entry-grid{margin-top:8px}.time-entry{display:flex;align-items:center;gap:6px;margin-top:4px}.time-entry input[type="time"]{min-width:0;flex:1}.time-entry .btn{white-space:nowrap}.time-entry-help{margin:2px 0 10px;color:#5A7A7A;font-size:11px;line-height:1.6}
.mobile-profit-link{display:none}
.task-name-record-row{display:flex;align-items:flex-end;gap:10px}.task-name-record-row label{flex:1}.record-later-toggle{flex:0 0 auto;margin-bottom:1px;border:1px solid #D4A356;border-radius:8px;padding:8px 10px;background:#FFF8EA;color:#8A5600;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.record-later-toggle.active{border-color:#B96A00;background:#C97700;color:#fff}.record-later-help{margin:5px 0 10px;color:#7B6B51;font-size:11px;line-height:1.55}.record-timing-card{margin-top:13px;padding:12px 13px;border:1px solid #CFE1E1;border-radius:9px;background:#F8FCFC}.record-timing-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.record-timing-head small,.record-timing-head strong{display:block}.record-timing-head small{color:#467474;font-size:10px}.record-timing-head strong{margin-top:3px;color:#1A4C4C;font-size:13px}.record-timing-head>span{border-radius:999px;padding:3px 7px;background:#E7F4F4;color:#2C5F5F;font-size:10px;font-weight:700;white-space:nowrap}.record-timing-items{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.record-timing-items span{border-radius:999px;padding:3px 7px;background:#fff;color:#416D6D;font-size:10px;border:1px solid #D5E6E6}.record-timing-items span.later{background:#FFF5E8;border-color:#F0D09C;color:#925B00}.record-timing-card p{margin:9px 0 0;color:#607D7D;font-size:11px;line-height:1.65}.record-analysis-card{margin-top:14px}.record-analysis-card h2{margin-bottom:4px}
.work-block-card{margin-top:16px}.work-blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.work-block{padding:11px;border:1px solid #D6E8E8;border-radius:9px;background:#FBFEFE}.work-block.recorded{border-color:#8CC8C8;background:#F1FAFA}.work-block-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:9px}.work-block-head strong{display:block;color:#1A3A3A;font-size:13px}.work-block-head small{display:block;margin-top:2px;color:#5B7B7B;font-size:10px}.work-block-head span{max-width:120px;color:#2C5F5F;font-size:10px;font-weight:700;line-height:1.45;text-align:right}.work-block-options{display:flex;flex-wrap:wrap;gap:5px}.work-block-option,.work-block-clear{border:1px solid #CAE0E0;border-radius:999px;padding:4px 7px;background:#fff;color:#3B6161;font:inherit;font-size:10px;line-height:1.35;cursor:pointer}.work-block-option.active{border-color:#2C5F5F;background:#2C5F5F;color:#fff;font-weight:700}.work-block-clear{border-color:#E4B7B7;color:#9A4545;background:#FFF8F8}.work-flow-highlight{display:flex;justify-content:space-between;gap:18px;margin-top:12px;padding:13px 14px;border:1px solid #A9D5D5;border-radius:9px;background:#F1FAFA}.work-flow-highlight small,.work-flow-highlight span{display:block;color:#3B7272;font-size:10px}.work-flow-highlight strong{display:block;margin:3px 0;color:#1D5151;font-size:13px;line-height:1.6}.work-flow-highlight.quiet{border-color:#DCE8E8;background:#F7FBFB}.work-flow-highlight.quiet strong,.work-flow-highlight.quiet small,.work-flow-highlight.quiet span{color:#5A7777}
@media(max-width:760px){.task-group{padding:9px}.task-group-fold{padding:0}.task-group-fold .task-group-head{padding:9px}.task-group-fold-body{padding:0 9px 9px}.task-group-head h3{font-size:12px}.task-item.done{opacity:.9}.time-task-group{padding:8px}.time-entry{align-items:stretch}.time-entry .btn{padding:7px 8px}.mobile-profit-link{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:10px 12px;background:#E8F5F5;border:1px solid #8CC8C8;border-radius:8px;color:#2C5F5F;font-size:13px;font-weight:700;text-decoration:none}.mobile-profit-link span{font-size:16px;line-height:1}}
