/* Week dates are actions, and all date fields share one cross-device appearance. */
.week-strip>button{position:relative;min-width:0;padding:12px 5px;border:0;background:transparent;color:inherit;text-align:center;cursor:pointer}
.week-strip>button+button{border-left:1px solid #edf1f6}
.week-strip>button:hover{background:#f7faff}
@media(min-width:900px){.week-strip>button{padding-block:14px}}

input[type="date"]{appearance:none;-webkit-appearance:none;padding-right:42px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a7193' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='3'/%3E%3Cpath d='M8 3v4m8-4v4M4 10h16'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 13px center!important;background-size:18px 18px!important}
input[type="date"]::-webkit-calendar-picker-indicator{position:absolute;right:0;width:42px;height:100%;margin:0;opacity:0;cursor:pointer}
.property-editor input[type="date"],.sheet-input[type="date"],.project-journey input[type="date"]{position:relative}
.journey-resume{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;font-size:13px;color:var(--muted)}
.journey-resume button{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--accent);font:inherit}

/* Deadline sorting stays a single ascending/descending control. */
.section-head>div{display:flex;align-items:center;gap:7px}
.deadline-sort{min-height:28px;display:inline-flex;align-items:center;gap:4px;padding:0 9px;border:1px solid #dce6f3;border-radius:9px;background:#fff;color:#657b9a;font-family:"Pretendard Variable",sans-serif;font-size:9px;font-weight:650;cursor:pointer}
.deadline-sort:hover{border-color:#b9cdea;color:var(--accent)}
.deadline-sort span{font:700 12px/1 "Outfit Variable",sans-serif}
@media(max-width:390px){.deadline-sort{min-height:26px;padding-inline:7px}.today-heading{align-items:flex-start}.today-heading .head-action{margin-top:3px}}

/* Checklist addition is one compact control aligned with checklist text. */
.task-notes .check-add{min-height:36px;display:inline-flex;align-items:center;margin:10px 0 0;padding:0 12px;border:1px solid #cbd9eb;border-radius:10px;background:#f7faff;color:#56739d;font-family:"Pretendard Variable",sans-serif;font-size:11px;font-weight:650;line-height:1;cursor:pointer}
.task-notes .check-add:hover{border-color:#a9c3e9;background:#eaf2ff;color:var(--accent)}
@media(max-width:390px){.task-notes .check-add{min-height:38px;padding-inline:13px;font-size:12px}}
/* A real text field and the existing native calendar are independent controls. */
.project-period-field{min-width:0;padding:8px 10px;border:1px solid #d9e5f5;border-radius:12px;background:var(--blue-pale)}
.project-period .project-period-field>label{display:block;padding:0;margin:0;border:0;border-radius:0;background:transparent;font-size:13px;color:var(--muted)}
.project-date-control{position:relative;height:44px}
.project-date-control>input[type="text"]{width:100%;min-width:0;height:44px;padding:0 44px 0 0;font-size:16px}
.project-period .project-date-picker{position:absolute;right:-6px;top:0;bottom:0;width:44px;margin:0;overflow:hidden;border-radius:10px}
.project-journey .project-date-picker input[type="date"]{position:absolute;inset:0;width:44px;min-width:0;height:100%;margin:0;padding:0!important;border:0;background-color:transparent;color:transparent;cursor:pointer}
.project-date-picker input::-webkit-datetime-edit{opacity:0}
.project-date-picker input:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}