/* Small usability improvements, keeping both existing themes. */
.sync-status{min-height:22px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;color:var(--ink-soft);font:12px 'Figtree',system-ui,sans-serif}
.sync-status::before{content:'';width:6px;height:6px;background:var(--gold);border-radius:50%;flex:none}
.sync-status[data-status=error]{padding:10px 12px;border:1px solid #b26b4b;border-radius:10px;color:var(--ink);background:var(--note)}
.sync-status[data-status=error]::before{background:#b26b4b}
.sync-status[data-status=saving]::before{opacity:.5}
.text-button{font:inherit;color:var(--peri-strong);border:0;border-bottom:1px solid currentColor;background:transparent;padding:3px 0;cursor:pointer}
.text-button:focus-visible,button.cell:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.planner-tools{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin:28px 0 10px;font-size:12px;color:var(--ink-soft)}
.planner-tools span{color:var(--ink-faint)}
input.line,.txt,.ptxt,.ctxt,.note,.due{min-width:0;overflow-wrap:anywhere}
.task .ib,.point .ib,.p-head .ib,.partner .row .ib{opacity:.65}
.task:focus-within .ib,.point:focus-within .ib,.p-head:focus-within .ib{opacity:1}
.controls{flex-wrap:wrap}
.add-project svg{width:18px;height:18px;flex:none}
.add-project{min-height:46px}
.carried-action.is-danger{color:var(--ink-soft)}
.cap-action.cap-attach{opacity:1;color:var(--ink-soft)}
.calendar-now{margin:0 auto 16px}
button.cell{font:inherit;text-align:left;color:var(--ink);width:100%}
.load-error-heading{font:500 24px 'Fraunces',serif;line-height:1.2}
.load-detail{font-size:13px;overflow-wrap:anywhere}
.recovery-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:8px;width:100%}
.recovery-summary{width:100%;font-size:12px}
.capture-attachment audio,.voice-preview audio{max-width:100%}
footer{flex-wrap:wrap;gap:12px;color:var(--ink-soft);font-size:12px;text-align:center}
@media(max-width:560px){
 .panel{padding:17px 15px}.controls{gap:6px}.viewseg button{padding:8px 11px}.btn{padding:9px 11px}
 .task{flex-wrap:wrap;gap:5px}.task .txt{flex-basis:calc(100% - 30px)}.task .ib{width:34px;height:34px}
 .task .wtag{margin-right:auto}.p-head{gap:8px}.p-head .ib{width:32px;height:32px}
 .p-body{padding-left:12px;padding-right:12px}.pi-head{flex-wrap:wrap}.pi-title{min-width:160px}
 .cell{padding:5px;min-height:40px;aspect-ratio:auto}.calgrid{gap:4px}.cstar{font-size:9px}.cstars{gap:2px}.calnav h2{font-size:20px}
 .planner-tools{flex-direction:column;gap:5px}.slot{padding:10px;gap:8px}
 .cap-action,.cap-tool-button,.carried-action{min-height:38px}.row .ib.always-visible,.slot .ib.always-visible{width:32px;height:32px}
 .also-list .row:has(.today-attachment),.slot:has(.today-attachment),.carried-row:has(.today-attachment){flex-wrap:wrap}
 .today-attachment{order:5;flex-basis:100%!important}
}