@media(max-width:599px){.app{padding-bottom:180px}.tasks{padding-bottom:155px}.task{min-height:142px;padding:18px 16px 17px 23px}.task-title{font-size:17px}.task-source,.meta{font-size:14px}#newTask.floating-add{bottom:100px;width:60px;height:60px}.bottom-nav{min-height:72px}.bottom-nav button{min-height:54px}}button,input,select,textarea{min-height:46px;font-size:16px}input,select,textarea{color:#101828;background:#fff}
/* UX polish */
.sync-indicator{width:15px;height:15px;flex:0 0 15px;border:3px solid #fff;border-radius:999px;box-shadow:0 0 0 3px #1018280d;cursor:pointer}.sync-online{background:#12b76a}.sync-stale{background:#fdb022}.sync-offline{background:#f04438}.filters[open] summary{margin-bottom:18px}.filters summary::after{content:'☰';font-size:18px;line-height:1;color:#101828}.filters-row{row-gap:12px}.filters #clearFilters{color:#101828;background:#fff;border-color:#101828;font-weight:700;box-shadow:none}.task-head>div:first-child{min-width:0;flex:1}.task-status{flex:0 0 auto;white-space:nowrap;line-height:1.15}.task-status[data-status="new"]{background:#eaf2ff;color:#175cd3}.task-status[data-status="progress"]{background:#fff3e0;color:#b54708}.task-status[data-status="paused"]{background:#fffaeb;color:#a15c07}.task-status[data-status="resolved"]{background:#ecfdf3;color:#027a48}.task-status[data-status="cancelled"]{background:#fff1f3;color:#c01048}.task-status[data-status="archived"]{background:#f2f4f7;color:#667085}.meta{gap:7px 10px}.meta-item{display:inline-flex;gap:4px;align-items:baseline}.meta-label{font-weight:700;color:#475467}.meta-value{color:#98a2b3}.meta-project .meta-value{color:#475467;font-weight:600}.quick-actions button{border-color:#101828!important;color:#101828!important;background:#fff!important;font-weight:700}.quick-actions button:hover{background:#101828!important;color:#fff!important}@media(max-width:599px){.task-status{font-size:11px;padding:5px 8px}.meta{margin-top:9px}.meta-item{font-size:12px}.quick-actions{gap:8px}.quick-actions button{min-height:42px;padding:7px 10px}.filters #clearFilters{min-width:100%;margin-top:2px}}


/* Friday — visual recovery layer (working copy only) */
:root { --friday-ink:#101828; --friday-muted:#667085; --friday-line:#eaecf0; }
#signedOut .logo { width:58px; height:58px; border-radius:17px; border:1px solid #eaecf0; background:linear-gradient(var(--friday-ink) 0 0) 14px 15px/30px 6px no-repeat,linear-gradient(#667085 0 0) 14px 26px/23px 6px no-repeat,linear-gradient(#d0d5dd 0 0) 14px 37px/16px 6px no-repeat,#fff!important; color:transparent!important; box-shadow:0 8px 20px #10182812; }
#signedOut .primary, #login { background:var(--friday-ink)!important; color:#fff!important; border-radius:12px!important; box-shadow:none!important; }
.sync-indicator { width:12px!important; height:12px!important; border-radius:50%!important; box-shadow:0 0 0 5px #fff2f3!important; }
.sync-online { background:#12b76a!important; box-shadow:0 0 0 5px #ecfdf3!important; }
.sync-stale { background:#f79009!important; box-shadow:0 0 0 5px #fffaeb!important; }
.sync-offline { background:#f04438!important; box-shadow:0 0 0 5px #fff2f3!important; }
.task-head .task-status { flex:0 0 auto; white-space:nowrap; border:1px solid transparent; padding:5px 8px; font-size:10px; line-height:1.15; }
.task-status[data-status="new"] { background:#eef2ff; color:#475467; border-color:#e4e7ec; }
.task-status[data-status="progress"] { background:#fff7ed; color:#b54708; border-color:#fed7aa; }
.task-status[data-status="paused"] { background:#f2f4f7; color:#475467; border-color:#e4e7ec; }
.task-status[data-status="resolved"] { background:#ecfdf3; color:#027a48; border-color:#abefc6; }
.task-status[data-status="cancelled"] { background:#fef3f2; color:#b42318; border-color:#fecdca; }
.task-status[data-status="archived"] { background:#f8fafc; color:#667085; border-color:#eaecf0; }
.meta { gap:5px 9px!important; }
.meta-item { display:inline-flex; align-items:baseline; gap:3px; }
.meta-label { color:#475467!important; font-weight:700; }
.meta-label::after { content:':'!important; }
.meta-value { color:#98a2b3; }
.filters[open] .filters-row button { background:var(--friday-ink)!important; color:#fff!important; border-radius:10px!important; padding:9px 12px!important; font-weight:700; }
.quick-actions button { background:#fff!important; color:#344054!important; border-color:#e4e7ec!important; }
.quick-actions button:active { background:#101828!important; color:#fff!important; }
