.task-create-panel{display:grid;grid-template-columns:minmax(260px,2fr) 180px;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.task-create-panel label{display:grid;gap:7px;font-size:13px;font-weight:800}.task-create-panel input,.task-create-panel textarea{width:100%;border:1px solid #cedbe3;border-radius:10px;padding:11px;font:inherit;resize:vertical}.task-memo-field{grid-column:1/-1}.task-form-actions{display:flex;gap:8px;grid-column:1/-1;justify-content:flex-end}.task-filter-row{display:flex;gap:7px;margin:18px 0}.task-filter{border:1px solid var(--line);border-radius:20px;background:#fff;padding:8px 14px;color:var(--muted);font-weight:750}.task-filter.active{background:#176b9a;color:#fff;border-color:#176b9a}.personal-task-list{display:grid;gap:10px}.personal-task{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.personal-task.done{opacity:.62}.personal-task.done strong{text-decoration:line-through}.personal-task input[type=checkbox]{width:19px;height:19px;margin-top:3px}.personal-task strong,.personal-task small{display:block}.personal-task p{margin:6px 0 0;color:var(--muted);white-space:pre-wrap}.personal-task small{margin-top:5px;color:var(--muted)}.personal-task-actions{display:flex;gap:6px}.personal-task-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px}.personal-task-actions .danger{color:var(--danger)}
@media(max-width:700px){.task-create-panel{grid-template-columns:1fr}.task-memo-field{grid-column:auto}.personal-task{grid-template-columns:auto minmax(0,1fr)}.personal-task-actions{grid-column:2;justify-content:flex-end}}
.task-calendar-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:22px;align-items:stretch;margin-top:18px}.task-calendar-card,.task-day-panel{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.task-calendar-card>header,.task-day-panel>header{display:flex;align-items:center;justify-content:space-between;padding:20px}.task-calendar-card h2,.task-day-panel h2{margin:0}.task-calendar-card>header>div:last-child{display:flex;gap:7px}.task-weekdays,.task-calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.task-weekdays span{padding:10px;text-align:center;color:var(--muted);font-size:12px;font-weight:800}.task-calendar-day{position:relative;min-height:92px;padding:10px;border:0;border-top:1px solid var(--line);border-right:1px solid var(--line);background:#fff;text-align:left;color:#18384c}.task-calendar-day:nth-child(7n){border-right:0}.task-calendar-day span{position:absolute;top:9px;left:10px}.task-calendar-day b{position:absolute;left:9px;right:9px;bottom:10px;padding:4px 7px;border-radius:6px;background:#dceefa;color:#176b9a;font-size:11px}.task-calendar-day.outside{color:#aab8c0;background:#fafcfd}.task-calendar-day.selected{box-shadow:inset 0 0 0 2px #2781b7;background:#edf7fc}.task-calendar-day.today span{display:grid;place-items:center;width:25px;height:25px;margin:-4px;border-radius:50%;background:#176b9a;color:#fff;font-weight:800}.task-day-panel{padding-bottom:16px}.task-day-panel .task-filter-row{padding:0 18px;margin:0 0 14px}.task-day-panel .personal-task-list{padding:0 16px;max-height:650px;overflow:auto}
@media(max-width:1050px){.task-calendar-layout{grid-template-columns:1fr}.task-calendar-day{min-height:76px}.task-day-panel .personal-task-list{max-height:none}}
@media(max-width:600px){.task-calendar-layout{gap:12px}.task-calendar-card>header,.task-day-panel>header{padding:15px}.task-calendar-day{min-height:58px;padding:6px}.task-calendar-day span{top:7px;left:8px}.task-calendar-day b{left:5px;right:5px;bottom:5px;padding:2px 4px;font-size:9px}.task-create-panel{padding:15px}}
.task-calendar-day>.task-counts{position:absolute;left:6px;right:6px;bottom:6px;display:grid;gap:3px}.task-calendar-day .task-counts b{position:static;display:block;padding:3px 5px;border-radius:5px;font-size:10px;line-height:1.2}.task-calendar-day .task-counts .open{background:#fde8e8;color:#c73838}.task-calendar-day .task-counts .done{background:#e1effb;color:#176b9a}.personal-task .task-status-open{color:#c73838;font-weight:800}.personal-task .task-status-done{color:#176b9a;font-weight:800}.personal-task.done{opacity:1;background:#f5f9fc;border-color:#c9dfee}.personal-task.done strong{text-decoration:line-through;color:#617783}
@media(max-width:600px){.task-calendar-day>.task-counts{left:3px;right:3px;bottom:3px;gap:2px}.task-calendar-day .task-counts b{padding:2px 3px;font-size:8px}.task-calendar-day{min-height:70px}}
.task-memo-checklist{display:grid;gap:6px;margin-top:9px}.task-memo-checklist label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;padding:6px 8px;border-radius:8px;background:#f4f8fb;color:#4d6473;font-size:13px;line-height:1.4}.task-memo-checklist input{width:16px!important;height:16px!important;margin:1px 0 0!important}.task-memo-checklist label.checked span{text-decoration:line-through;color:#8799a5}
.content.task-mode{height:100dvh;padding:10px 24px 18px;overflow:auto}.content.task-mode>.topbar{display:none}.content.task-mode .task-calendar-layout{margin-top:0}.task-home-top{min-height:72px;display:flex;align-items:center;gap:14px;padding:11px 20px 5px;border-bottom:1px solid var(--line)}.task-home-top h1{margin:2px 0 0;font-size:24px}.task-home-top .schedule-menu-button{display:none}.personal-task-actions button{padding:4px 7px!important;border-radius:6px!important;font-size:11px;line-height:1.2}.task-collapse-title{display:flex!important;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.task-collapse-title i{font-size:12px;font-style:normal;color:var(--muted);transition:transform .18s}.personal-task.collapsed .task-collapse-title i{transform:rotate(180deg)}.personal-task.collapsed .task-memo-checklist,.personal-task.collapsed .task-photo-gallery,.personal-task.collapsed .task-status-open,.personal-task.collapsed .task-status-done{display:none!important}.calendar-day.public-holiday>span{color:#d64545;font-weight:850}.calendar-holiday-label{position:absolute;top:10px;left:46px;right:5px;overflow:hidden;color:#d64545;font-size:10px;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.holiday-detail{border-color:#f2cece!important;background:#fff7f7!important}.holiday-detail b,.holiday-detail h3{color:#c73838!important}
@media(max-width:900px){.content.task-mode{padding:10px}.task-home-top{min-height:64px;padding:8px 12px}.task-home-top .schedule-menu-button{display:grid}.task-home-top h1{font-size:21px}}
@media(max-width:600px){.calendar-holiday-label{top:6px;left:34px;font-size:8px}.personal-task-actions{gap:3px}.personal-task-actions button{padding:3px 5px!important;font-size:10px}}
.task-photo-field{grid-column:1/-1}.task-photo-field input{padding:9px;background:#f7fbfd}.task-photo-field input:disabled{opacity:.55}.task-photo-field small{color:var(--muted);font-weight:500}.task-photo-gallery{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.task-photo{position:relative;width:74px;height:74px;border:1px solid #cbdce7;border-radius:10px;overflow:hidden;background:#eef5f9}.task-photo img{width:100%;height:100%;object-fit:cover}.task-photo button{position:absolute;top:3px;right:3px;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#173b52dd;color:#fff;font-size:15px;line-height:22px;text-align:center}.task-photo a{display:block;width:100%;height:100%}
.task-list-header-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.task-list-header-actions .secondary{padding:8px 10px;font-size:12px;white-space:nowrap}.task-list-header-actions .task-add-button{padding:9px 12px;white-space:nowrap}@media(max-width:600px){.task-list-header-actions{gap:3px}.task-list-header-actions .secondary{padding:7px 8px;font-size:11px}.task-list-header-actions .task-add-button{padding:8px 9px;font-size:11px}}
.personal-task-list{grid-auto-rows:max-content;align-content:start}.personal-task{align-self:start;height:auto}
.task-search-row{display:flex;gap:7px;padding:0 18px 10px}.task-search-row input{min-width:0;flex:1;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit}.task-search-row button{white-space:nowrap}

@media(min-width:1051px){.content.task-mode .personal-tasks-page,.content.task-mode .task-calendar-layout{height:calc(100dvh - 28px);min-height:720px}.content.task-mode .task-calendar-card{display:flex;min-height:0;flex-direction:column}.content.task-mode .task-weekdays{flex:0 0 auto}.content.task-mode .task-calendar-days{min-height:0;flex:1;grid-template-rows:repeat(6,minmax(0,1fr))}.content.task-mode .task-calendar-day{min-height:0}.content.task-mode .task-day-panel{min-height:0;overflow:hidden;display:flex;flex-direction:column}.content.task-mode .task-day-panel .personal-task-list{max-height:none;min-height:0;flex:1}}

.task-calendar-title-row{display:flex;align-items:center;gap:8px}.task-calendar-title-row select{height:40px;padding:0 30px 0 11px;border:1px solid #c9dce8;border-radius:10px;background:#f5f9fb;color:#173b52;font-weight:800}.task-calendar-card>header>div:last-child{align-items:center;flex-wrap:wrap;justify-content:flex-end}.task-calendar-card>header #taskHeaderSave,.task-calendar-card>header #taskHeaderRefresh{padding:10px 13px}
@media(max-width:700px){.task-calendar-card>header{align-items:flex-start;gap:8px;flex-direction:column}.task-calendar-card>header>div:last-child{width:100%;justify-content:flex-start}.task-calendar-title-row{flex-wrap:wrap}.task-calendar-title-row h2{width:100%}.task-calendar-title-row select{height:36px}.task-calendar-card>header #taskHeaderSave,.task-calendar-card>header #taskHeaderRefresh,.task-calendar-card>header #taskCalendarToday{padding:8px 9px;font-size:11px}}

@media(max-width:700px){.content.home-mode .calendar-header{align-items:flex-start;gap:8px;flex-direction:column;height:auto;min-height:0;padding:8px 0}.content.home-mode .calendar-header>div:first-child{width:100%}.content.home-mode .calendar-title-controls{align-items:flex-start;flex-wrap:wrap;gap:8px}.content.home-mode .calendar-title-controls h2{width:100%;font-size:22px}.content.home-mode .calendar-title-controls select{height:36px;padding:0 28px 0 9px}.content.home-mode .calendar-actions{display:flex;width:100%;align-items:center;justify-content:flex-start;gap:6px;overflow:visible;flex-wrap:wrap}.content.home-mode .calendar-actions .secondary{display:inline-flex!important;padding:8px 9px;font-size:11px}.content.home-mode .calendar-actions .icon-button{width:34px;height:34px}}