.pf-todos{max-width:1100px;margin:auto;color:#172d42}.todo-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 25px}.todo-header h1{font-size:30px;margin:4px 0 7px}.todo-header p{font-size:14px;color:#657b88;margin:0}.todo-kicker{font-size:10px!important;letter-spacing:.14em;font-weight:700}.todo-button{border:1px solid #dce5eb;background:white;color:#172d42;border-radius:9px;padding:9px 13px;min-height:40px;cursor:pointer}.todo-header>.todo-button{background:#286e78;color:white;border-color:#286e78}.todo-private,.todo-footnote{font-size:12px;color:#657b88;line-height:1.7}.todo-private{padding:12px;background:#edf5f5;border-radius:9px}.todo-tabs{display:flex;gap:8px;margin:22px 0 14px}.todo-tabs [aria-pressed=true]{background:#286e78;color:white;border-color:#286e78}.todo-row{display:flex;align-items:center;gap:15px;padding:17px 18px;border:1px solid #dce5eb;border-radius:12px;background:white;margin:10px 0}.todo-check{width:25px;height:25px;border:2px solid #a6bac5;border-radius:8px;background:white;color:#286e78;font-weight:700;flex-shrink:0;cursor:pointer}.todo-check:disabled{opacity:.5;cursor:default}.todo-detail{flex:1;min-width:0;border:0;text-align:left;background:transparent;color:inherit;cursor:pointer}.todo-detail>strong{font-size:15px;line-height:1.5}.todo-detail>span{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}.todo-detail small{font-size:11px;color:#657b88}.todo-tag{background:#eef4f6;padding:4px 6px;border-radius:5px}.todo-row.done .todo-detail>strong{text-decoration:line-through;color:#738793}.todo-row.done .todo-check{background:#e6f3ef;border-color:#286e78}.todo-target{display:flex;align-items:center;gap:12px;font-size:12px;margin-bottom:14px}.todo-target select{border:1px solid #dce5eb;border-radius:9px;padding:10px;max-width:100%;font:inherit;background:white;color:#172d42}.todo-empty{text-align:center;color:#657b88;padding:60px 15px;background:white;border:1px dashed #dce5eb;border-radius:14px}.todo-empty>span{display:inline-grid;place-items:center;width:50px;height:50px;background:#edf5f1;border-radius:50%;font-size:25px;color:#286e78}.todo-empty h2{font-size:20px;color:#172d42}.todo-empty p{font-size:13px}.todo-note{padding:13px;border-radius:9px;background:#fff5d9;font-size:12px}.todo-dialog textarea{min-height:100px}.todo-dialog header button{border:0;background:transparent;font-size:25px;color:inherit}@media(max-width:600px){.todo-header h1{font-size:25px}.todo-header p:not(.todo-kicker){font-size:12px}.todo-header{align-items:start}.todo-header>.todo-button{white-space:nowrap;font-size:12px}.todo-row{padding:14px 12px;gap:11px}.todo-detail>strong{font-size:14px}.todo-target{align-items:start;flex-direction:column}.todo-target select{width:100%}}[data-theme=dark] .pf-todos{color:#edf4f8}[data-theme=dark] .todo-row,[data-theme=dark] .todo-button,[data-theme=dark] .todo-empty{background:#203447;color:#edf4f8;border-color:#405768}[data-theme=dark] .todo-private{background:#25474b}[data-theme=dark] .todo-tabs [aria-pressed=true]{background:#286e78}[data-theme=dark] .todo-empty h2{color:#edf4f8}

/* Safari date controls must shrink with the dialog grid on small screens. */
.todo-dialog .cal-form-body,.todo-dialog .cal-form-grid,.todo-dialog .field{min-width:0;max-width:100%}.todo-dialog input[type="datetime-local"]{display:block;min-width:0;width:100%;max-width:100%;box-sizing:border-box}

.todo-tools{display:flex;align-items:center;gap:8px}.todo-icon-button{display:grid;place-items:center;padding:9px;width:42px;min-width:42px}.todo-icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.todo-tools>.todo-button:first-child{background:#286e78;color:#fff;border-color:#286e78}@media(max-width:600px){.todo-tools{gap:6px}.todo-tools>.todo-button{white-space:nowrap;font-size:12px}}