/* Separate hit targets: the number always opens Tasks; the hamburger opens the menu. */
.header-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}
button.tasks-trigger{width:44px;min-width:44px;height:44px;min-height:44px!important;display:grid;place-items:center;background:#101719;border:1px solid #4b5858;border-radius:12px;padding:0;color:#d9e2df}
.tasks-trigger .task-count{display:grid;place-items:center;min-width:30px;height:30px;padding:0 5px;border-radius:999px;background:#aa3944;border:1px solid #ed8d96;color:#fff;font-size:16px;font-weight:800;line-height:1}
.tasks-trigger svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tasks-trigger[aria-current="page"]{border-color:#d5bf67}.tasks-trigger:focus-visible{outline:3px solid white;outline-offset:2px}
.task-total{display:flex;align-items:center;gap:12px;padding:2px 0 15px;color:#d9e1dc}.task-total>strong{font-size:40px;line-height:1;font-variant-numeric:tabular-nums}.task-total>span{font-size:17px}
.task-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 15px}.task-tabs>a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border:1px solid #52625b;border-radius:10px;color:#c9d5d0;text-decoration:none;background:#101a16;font-size:15px}.task-tabs>a>span{font-size:14px;font-variant-numeric:tabular-nums}.task-tabs>a[aria-current]{background:#193d2a;border-color:#6cbd8d;color:#a1e4bc}
.task-card{display:block;padding:15px;margin:0 0 12px;color:#f2f6f3;text-decoration:none;border:1px solid #5d6861;border-left:4px solid #d4b365;border-radius:13px;background:linear-gradient(120deg,#18211e,#0d1514)}.task-card.red{border-left-color:#e37b86}.task-card.green{border-left-color:#79c495}.task-card h2{font-size:20px;line-height:1.3;margin:12px 0 8px;overflow-wrap:anywhere}.task-card p{font-size:15px;line-height:1.4;color:#c1cfc7;margin:0 0 7px}.task-card>small{display:block;font-size:14px;line-height:1.45;color:#c7d0c7;margin:5px 0}.task-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.task-card-top>.status-chip{font-size:14px}.task-card-top>span:last-child{font-size:14px;color:#b4c1bb}.task-card-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #3e5046;padding-top:12px;margin-top:12px;font-size:14px}.task-card-bottom>span{color:#b5c2b9;overflow-wrap:anywhere}.task-card-bottom>b{color:#b7e8c7;white-space:nowrap}.task-card-bottom>b>span{font-size:19px}.task-empty{padding:18px 0}.task-empty h2{font-size:22px;line-height:1.4;margin:16px 0}.task-empty p{font-size:16px;color:#bbcbc2;line-height:1.4}
@media(max-width:359px){.header-actions{gap:3px}.device>.brand{gap:5px}.brand-context>b{font-size:16px}.brand-context button{font-size:12px}.task-tabs>a{gap:5px;font-size:14px}}
@media(prefers-reduced-motion:no-preference){.tasks-trigger,.task-card{transition:border-color 160ms ease,background-color 160ms ease}.task-card:hover{border-color:#8caa96}.tasks-trigger:active{transform:translateY(1px)}}
@media print{.header-actions,.task-tabs{display:none!important}}

/* Status and checklist details are shared by all display layouts. */
.desktop-tasks{position:relative;display:inline-flex!important;align-items:center;gap:6px}
.desktop-task-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:20px;background:#a76510;color:#fff;font-size:11px;font-weight:700}
.task-checklist-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 8px}.task-checklist-heading h3{margin:0}.task-checklist-heading span{font-size:12px;opacity:.75}
.task-check-item{display:flex;align-items:flex-start;gap:12px;padding:15px 10px;border-bottom:1px solid var(--line,#b7cfc333);text-align:left}
.task-check-item input{flex:0 0 19px;width:19px!important;height:19px;accent-color:#15815b;margin:2px 0}
.task-check-item strong,.task-check-item small{display:block}.task-check-item small{margin-top:5px;line-height:1.5;opacity:.8}.task-check-item.is-complete{background:#12855312}.task-check-item.is-complete strong{color:#23ae7f}
html[data-desktop-theme="light"] .task-check-item.is-complete strong{color:#12633f}
.task-detail-form{margin-top:18px}.task-detail-form textarea{width:100%;box-sizing:border-box}.task-detail-form [role="status"]{color:#c9693c}
@media(min-width:1100px) and (max-width:1550px){.desktop-task-label{display:none}}