html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{min-height:100%}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1216;--card:#1a1f27;--card-subtle:#151a21;--surface-raised:#222932;--task-surface:#1e242d;--task-hover:#262d38;--input-bg:#1a1f27;--input-border:#3a4452;--madero:#9b59b6;--dental:#3498db;--tesis:#e67e22;--general:#95a5a6;--notes:#f1c40f;--text:#e8ecf1;--text-heading:#f3f5f8;--muted:#9aa3b0;--border:#2d3642;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 4px 14px #00000073;--shadow-lift:0 12px 32px #0000008c;--ease-out:cubic-bezier(.33, 1, .68, 1);--dur-fast:.18s;--drop-ring:0 0 0 2px #3498db73;--overdue-bg:#e74c3c24;--overdue-border:#e74c3c80;--btn-primary-bg:#4a90d9;--btn-primary-fg:#fff;--btn-secondary-bg:#2a323d;--btn-secondary-fg:#e8ecf1;--btn-ghost-border:#3d4654;--handle-bg-start:#2a323d;--handle-bg-end:#222932;--handle-color:#8b95a3;--handle-hover-bg:#343d4a;--chip-bg:#ffffff0f;--priority-badge-bg:#2a323d;--priority-badge-fg:#c5cdd8;--comment-bg:#222932;--comment-body:#d0d5dc;--notes-strip-bg:#2a2618;--empty-hint-bg:#ffffff08;--fab-fg:#1a1a1a;--success:#52c41a;--danger:#e74c3c;--danger-muted:#f1948a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:Segoe UI,system-ui,sans-serif;line-height:1.5}.ui-icon{flex-shrink:0;display:block}.ui-icon--column{opacity:.85}.btn-icon{justify-content:center;align-items:center;gap:6px;min-width:40px;min-height:40px;padding:8px 10px;display:inline-flex}.btn-icon.btn--icon-only{padding:8px}.btn-icon .ui-icon{flex-shrink:0}.toolbar .btn-icon.btn--icon-only{min-width:44px;min-height:44px}.modal-actions .btn-icon,.comment-form .btn-icon{min-height:40px}.btn-icon-text{font-size:.9rem}.sheet-close-btn{justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:6px;display:inline-flex}.app-header{background:var(--card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex;box-shadow:0 2px 8px #0000000f}.app-header h1{color:var(--text-heading);margin:0;font-size:1.15rem;font-weight:600}.tabs{background:linear-gradient(180deg, var(--card-subtle) 0%, var(--bg) 100%);border-bottom:1px solid var(--border);flex-direction:column;flex:1;gap:6px;min-width:0;padding:8px 12px 10px;display:flex;overflow-x:auto}.active-board-strip{background:linear-gradient(90deg, color-mix(in srgb, var(--project-accent,var(--border)) 46%, var(--surface-raised)) 0%, color-mix(in srgb, var(--project-accent,var(--border)) 20%, var(--bg)) 100%);border-left:7px solid var(--project-accent,var(--border));border-bottom:3px solid color-mix(in srgb, var(--project-accent,var(--border)) 75%, var(--border));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--project-accent,var(--border)) 35%, transparent), 0 4px 20px color-mix(in srgb, var(--project-accent,var(--border)) 22%, transparent);flex-wrap:wrap;align-items:center;gap:14px;padding:16px 18px;display:flex}.active-board-strip-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-heading);background:color-mix(in srgb, var(--project-accent,var(--border)) 55%, var(--bg));border:2px solid var(--project-accent,var(--border));box-shadow:0 0 12px color-mix(in srgb, var(--project-accent,var(--border)) 40%, transparent);border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:800}.active-board-strip-name{color:var(--text-heading);text-shadow:0 1px #00000059;font-size:1.35rem;font-weight:800}.active-board-strip-meta{color:color-mix(in srgb, var(--project-accent,var(--muted)) 55%, var(--text));margin-left:auto;font-size:.85rem;font-weight:600}.tabs-group{flex-direction:column;gap:4px;display:flex}.tabs-group-label{color:var(--muted);padding:0 2px;font-size:.75rem;font-weight:500}.tabs-group-row{gap:6px;min-width:0;display:flex;overflow-x:auto}.tabs-scroll-row{align-items:stretch;gap:4px;min-width:0;display:flex;position:relative}.tabs-scroll-row--overflow:before,.tabs-scroll-row--overflow:after{content:"";pointer-events:none;z-index:3;width:28px;position:absolute;top:0;bottom:0}.tabs-scroll-row--overflow:before{background:linear-gradient(to right, var(--bg) 15%, transparent);left:36px}.tabs-scroll-row--overflow:after{background:linear-gradient(to left, var(--bg) 15%, transparent);right:36px}.tabs-scroll-row--overflow .tabs-scroll-btn{display:inline-flex}.tabs-scroll-btn{border:1px solid var(--border);background:var(--surface-raised);width:32px;color:var(--muted);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;display:none}.tabs-scroll-btn:disabled{opacity:.35;cursor:default}.tabs-scroll-btn:not(:disabled):hover{color:var(--text);border-color:var(--text-muted)}.tabs-scroll-viewport{scrollbar-width:thin;cursor:grab;touch-action:pan-y;flex:1;min-width:0;overflow:auto hidden}.tabs-scroll-viewport.tabs-group-row{overflow-x:auto}.tabs-scroll-viewport--panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.eisenhower-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:420px;padding:12px 0 24px;display:grid}@media (width<=720px){.eisenhower-grid{grid-template-columns:1fr}}.eisenhower-quadrant{border:1px solid var(--border);background:var(--card);border-radius:12px;flex-direction:column;min-height:180px;display:flex;overflow:hidden}.eisenhower-quadrant--q1{border-top:4px solid var(--danger-muted)}.eisenhower-quadrant--q2{border-top:4px solid var(--accent)}.eisenhower-quadrant--q3{border-top:4px solid var(--warning,#d4a017)}.eisenhower-quadrant--q4{border-top:4px solid var(--muted)}.eisenhower-quadrant--over{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent)}.eisenhower-quadrant__head{border-bottom:1px solid var(--border);background:var(--surface-raised);padding:10px 12px}.eisenhower-quadrant__head h3{margin:0;font-size:.95rem}.eisenhower-quadrant__head p{color:var(--muted);margin:4px 0 0;font-size:.78rem}.eisenhower-quadrant__count{float:right;color:var(--muted);font-size:.75rem}.eisenhower-quadrant__body{flex-direction:column;flex:1;gap:6px;min-height:80px;padding:8px;display:flex}.eisenhower-quadrant__empty{color:var(--muted);margin:auto;font-size:.85rem}.eisenhower-task-wrap,.eisenhower-task-wrap--dragging{touch-action:none}.eisenhower-task-wrap--dragging{opacity:.35}.eisenhower-grid--accordion{grid-template-columns:1fr;gap:8px}.eisenhower-quadrant--accordion .eisenhower-quadrant__head{border-bottom:none;padding:0}.eisenhower-quadrant--accordion:not(.eisenhower-quadrant--collapsed) .eisenhower-quadrant__head{border-bottom:1px solid var(--border)}.eisenhower-quadrant__toggle{width:100%;color:var(--text);text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;align-items:center;gap:8px;padding:10px 12px;display:flex}.eisenhower-quadrant__hint-inline{color:var(--muted);font-size:.78rem;font-weight:400}.eisenhower-quadrant__chev--open{transform:rotate(180deg)}.eisenhower-quadrant--collapsed .eisenhower-quadrant__body{display:none}.eisenhower-task{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);text-align:left;cursor:grab;border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px;display:flex}.eisenhower-task--overlay{cursor:grabbing;box-shadow:0 8px 24px #00000059}.eisenhower-task__title{font-size:.88rem;font-weight:600}.eisenhower-task__due{color:var(--muted);font-size:.75rem}.tab{border:2px solid var(--border);border-top-width:4px;border-top-color:color-mix(in srgb, var(--tab-accent,var(--border)) 45%, var(--border));background:color-mix(in srgb, var(--card) 88%, var(--bg));cursor:pointer;color:var(--muted);box-shadow:none;opacity:.38;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:10px;flex:none;padding:11px 16px;font-size:.84rem;position:relative}.tab:hover:not(.active){opacity:.72;color:var(--text);background:var(--surface-raised);border-color:color-mix(in srgb, var(--tab-accent,var(--border)) 35%, var(--border))}.tab.active{opacity:1;z-index:2;color:var(--text-heading);background:color-mix(in srgb, var(--tab-accent,var(--border)) 52%, var(--surface-raised));border:3px solid var(--tab-accent,var(--border));box-shadow:0 0 0 2px color-mix(in srgb, var(--tab-accent,var(--border)) 45%, transparent), 0 0 28px color-mix(in srgb, var(--tab-accent,var(--border)) 42%, transparent), 0 10px 28px #00000080;border-top-width:7px;font-size:.98rem;font-weight:800;transform:scale(1.06)}.tab.active .tab-project-icon{opacity:1;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--tab-accent,var(--border)) 60%, transparent))}.tab-active-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--text-heading);background:var(--tab-accent,var(--border));box-shadow:0 0 10px color-mix(in srgb, var(--tab-accent,var(--border)) 55%, transparent);border-radius:999px;align-items:center;margin-left:4px;padding:2px 7px;font-size:.62rem;font-weight:800;display:inline-flex}.toolbar{background:linear-gradient(180deg, var(--card) 0%, var(--card-subtle) 100%);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.toolbar-current-project{display:none}.toolbar .input-task{box-shadow:var(--shadow-sm);border-radius:var(--radius-sm)!important;border-color:var(--border)!important}.toolbar-assignee{color:var(--muted);align-items:center;gap:8px;font-size:.9rem;display:flex}.toolbar-assignee .ui-icon{color:var(--muted)}.toolbar select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);min-width:160px;padding:10px 12px;font-size:.95rem}.btn{border-radius:var(--radius-sm);cursor:pointer;background:var(--btn-primary-bg);color:var(--btn-primary-fg);transition:background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform .12s var(--ease-out);border:none;padding:10px 14px;font-size:.95rem}.btn:hover:not(:disabled){box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:scale(.98)}.btn.secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg)}.btn.danger{background:var(--danger)}.btn.ghost{color:var(--text);border:1px solid var(--btn-ghost-border);background:0 0}.kanban-wrap{padding:14px;overflow-x:auto}.kanban-board{align-items:flex-start;gap:14px;min-width:min(100%,1200px);display:flex}.kanban-column{background:var(--card);border-radius:var(--radius-md);min-width:220px;max-width:320px;min-height:240px;box-shadow:var(--shadow-md);border:1px solid var(--border);transition:background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex:1;padding:12px}.kanban-column--drop-target{box-shadow:var(--shadow-md), var(--drop-ring);background:#3498db12}.kanban-column-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.kanban-column-header-main{align-items:center;gap:8px;min-width:0;display:flex}.kanban-column-header-main h3{letter-spacing:.01em;color:var(--text);margin:0;font-size:.92rem;font-weight:600}.kanban-column-count{color:var(--muted);background:var(--chip-bg);border:1px solid var(--border);border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:.72rem;font-weight:600}.kanban-column-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.task-card{border-radius:var(--radius-sm);background:var(--task-surface);touch-action:none;box-shadow:var(--shadow-sm);border-left:5px solid;border:1px solid var(--border);transition:box-shadow var(--dur-fast) var(--ease-out);border-left-width:5px;margin-bottom:8px;padding:10px 12px}.task-card-drag-preview{cursor:grabbing;box-shadow:var(--shadow-lift);border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--border);min-width:min(280px,92vw);padding:0;overflow:hidden}.task-card-drag-preview .task-title-accent{border-radius:var(--radius-sm)}.task-meta-item--overdue{color:var(--danger-muted);font-weight:600}.task-card-sortable{box-shadow:none;border-radius:var(--radius-sm);transition:opacity var(--dur-fast) var(--ease-out);background:0 0;border-left:none;align-items:stretch;gap:0;margin-bottom:10px;padding:0;display:flex}.task-card-sortable--dragging{opacity:.42}.task-card-sortable--dragging .task-title-btn,.task-card-sortable--dragging .drag-handle{box-shadow:none;outline-offset:0;outline:2px dashed #3498db73}.drag-handle{border:1px solid var(--border);background:linear-gradient(180deg, var(--handle-bg-start) 0%, var(--handle-bg-end) 100%);border-radius:var(--radius-sm) 0 0 var(--radius-sm);cursor:grab;min-height:48px;color:var(--handle-color);touch-action:none;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);flex:0 0 40px;justify-content:center;align-items:center;padding:0;display:flex}.drag-handle:hover{background:var(--handle-hover-bg);color:var(--text)}.drag-handle:active{cursor:grabbing}.task-title-btn{text-align:left;border:1px solid var(--border);background:var(--card);border-radius:0 var(--radius-sm) var(--radius-sm) 0;cursor:pointer;min-height:48px;box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border-left:none;flex:1;padding:0}.task-title-btn:hover{box-shadow:var(--shadow-md);background:var(--task-hover)}.task-title-btn:active{transform:scale(.995)}.task-card--overdue .task-title-accent{background:linear-gradient(90deg, var(--overdue-bg) 0%, transparent 100%)}.task-meta-row{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:8px;display:flex}.task-meta-item{color:var(--muted);align-items:center;gap:5px;font-size:.75rem;display:inline-flex}.task-meta-item .ui-icon{opacity:.75}.task-title-accent{border-radius:0 var(--radius-sm) var(--radius-sm) 0;text-align:left;border-top:3px solid #0000;border-left:5px solid;padding:12px 14px;display:block}.task-card-title-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.task-card-title-text{flex:1;min-width:0}.priority-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--priority-badge-fg);background:var(--priority-badge-bg);border:1px solid var(--border);border-radius:999px;flex:none;padding:3px 8px;font-size:.68rem;font-weight:600}.priority-badge--high{color:#9b2c2c;background:#c0392b1a;border-color:#c0392b40}.priority-badge--low{color:#2b6cb0;background:#3498db1a;border-color:#3498db40}.task-due{color:var(--muted);margin-top:4px;font-size:.75rem;display:block}.comment-list{max-height:200px;margin:8px 0 0;padding:0;list-style:none;overflow-y:auto}.comment-item{background:var(--comment-bg);border-radius:8px;margin-bottom:8px;padding:8px 10px;font-size:.9rem}.comment-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;font-size:.75rem;display:flex}.comment-body{white-space:pre-wrap;color:var(--comment-body)}.comment-form{flex-direction:column;gap:8px;margin-top:8px;display:flex}.comment-form textarea{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text);border-radius:8px;padding:8px;font-family:inherit}.btn-link-danger{color:var(--danger-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;font-size:.75rem;display:inline-flex}.btn-link-danger:hover{background:var(--overdue-bg)}.login-page{background:var(--card);border-radius:12px;max-width:380px;margin:48px auto;padding:24px;box-shadow:0 4px 20px #00000014}.login-page input{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text);border-radius:8px;margin-bottom:12px;padding:12px;font-size:1rem}.login-submit-btn{justify-content:center;width:100%}.tab-inner{align-items:center;gap:8px;max-width:100%;display:inline-flex}.tab-project-icon{opacity:.9;flex-shrink:0;display:flex}.tab-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.inbox-item-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.modal-backdrop{z-index:75;background:#00000073;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:16px 16px 0 0;width:min(520px,100%);max-height:85vh;padding:20px;overflow:auto}.modal.wide{width:min(640px,100%)}.modal h2{margin-top:0;font-size:1.1rem}.modal label{color:var(--muted);margin-top:12px;font-size:.85rem;display:block}.modal input,.modal textarea,.modal select{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text);border-radius:8px;margin-top:4px;padding:10px;font-size:1rem}.quick-note-fields-column{flex-direction:column;display:flex}@media (width<=520px){.modal--quick-note .quick-note-fields-column .quick-note-recording-block{order:-1;margin-top:0}.modal--quick-note .quick-note-fields-column .quick-note-text-label{margin-top:0}}.quick-note-recording-block{margin-top:12px;margin-bottom:12px}.quick-note-rec-btn{margin-top:8px;margin-right:8px}.quick-note-hint{color:var(--muted);margin-top:10px;margin-bottom:0;font-size:.85rem}.modal-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.toast{background:var(--surface-raised);color:var(--text);border:1px solid var(--border);z-index:100;border-radius:10px;max-width:90vw;padding:12px 18px;font-size:.95rem;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}.fab{background:var(--notes);width:56px;height:56px;color:var(--fab-fg);cursor:pointer;box-shadow:var(--shadow-lift);z-index:40;transition:transform .15s var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;right:20px}.fab:hover{transform:scale(1.04);box-shadow:0 14px 36px #0f172a2e}.fab:active{transform:scale(.96)}.notes-strip{background:var(--notes-strip-bg);border-left:8px solid var(--notes);border-radius:8px;margin:12px;padding:16px}.inbox-list{padding:12px}.inbox-item{background:var(--card);border-radius:10px;margin-bottom:10px;padding:14px;box-shadow:0 2px 8px #0000000f}.status-pills{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.status-pill{cursor:pointer;background:var(--card);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border:2px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:.8rem;display:inline-flex}.status-pill:hover{box-shadow:var(--shadow-md)}.status-pill.active{border-color:var(--btn-primary-bg);box-shadow:var(--shadow-md);font-weight:600}.status-pill-icon{opacity:.9;display:flex}.empty-col-hint{color:var(--muted);text-align:center;border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--empty-hint-bg);flex-direction:column;align-items:center;gap:8px;margin-top:4px;padding:20px 10px;font-size:.82rem;display:flex}.empty-col-hint .ui-icon{opacity:.55}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-icon--spin{transform-origin:50%;animation:.75s linear infinite ui-spin}.app-loading-screen{min-height:40vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px 20px;font-size:.95rem;display:flex}.app-loading-screen .ui-icon{color:var(--text-heading);opacity:.85}.offline-queue-banner{text-align:left;color:#e8d9a0;box-shadow:var(--shadow-sm);background:linear-gradient(#2a2618 0%,#332e1a 100%);border-bottom:1px solid #f1c40f59;justify-content:center;align-items:flex-start;gap:12px;padding:12px 16px;font-size:.88rem;line-height:1.45;display:flex}.offline-queue-banner__icon{opacity:.9;flex-shrink:0;margin-top:2px}.offline-queue-banner__body{max-width:42rem}.offline-queue-banner__body strong{color:#f5e6b8;font-weight:600}.offline-queue-banner__sub{color:#d4c48a;opacity:.95;margin:4px 0 0;font-size:.82rem}.empty-state{text-align:center;background:var(--card);border:1px dashed var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:12px 16px;padding:36px 20px;display:flex}.empty-state--compact{margin:8px 0;padding:28px 16px}.empty-state__icon{color:var(--muted);opacity:.55}.empty-state__title{color:var(--text);margin:0;font-size:1rem;font-weight:600}.empty-state__hint{color:var(--muted);max-width:22rem;margin:0;font-size:.88rem;line-height:1.45}.attachments-list{flex-wrap:wrap;gap:10px;margin:8px 0 12px;padding:0;list-style:none;display:flex}.attachment-item{max-width:100%;position:relative}.attachment-thumb img{object-fit:cover;border-radius:8px;max-width:160px;max-height:120px;display:block}.attachment-video{border-radius:8px;max-width:100%;max-height:200px}.attachment-audio{width:100%;min-width:200px}.attachment-doc{word-break:break-all;font-size:.9rem}.attachment-delete{margin-top:4px}.attachment-upload-label{cursor:pointer;margin-top:8px;display:inline-block}.attachment-paste-hint{color:var(--muted);margin-top:4px;font-size:.78rem;font-weight:400;display:block}.attachment-upload-input{opacity:0;width:0;height:0;position:absolute;overflow:hidden}.quick-note-files-label input[type=file]{margin-top:6px;font-size:.9rem;display:block}.mobile-shell{min-height:100vh;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.mobile-topbar{z-index:20;background:var(--card);border-bottom:1px solid var(--border);padding:10px 12px;position:sticky;top:0}.mobile-topbar-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.mobile-current-project{border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in srgb, var(--project-accent,var(--border)) 44%, var(--surface-raised)) 0%, color-mix(in srgb, var(--project-accent,var(--border)) 18%, var(--bg)) 100%);border:3px solid var(--project-accent,var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--project-accent,var(--border)) 35%, transparent), 0 0 24px color-mix(in srgb, var(--project-accent,var(--border)) 30%, transparent);flex-direction:column;gap:4px;margin-top:8px;padding:14px;display:flex}.mobile-current-project-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-heading);background:color-mix(in srgb, var(--project-accent,var(--border)) 55%, var(--bg));border:2px solid var(--project-accent,var(--border));border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.68rem;font-weight:800}.mobile-current-project-name{color:var(--text-heading);font-size:1.3rem;font-weight:800}.mobile-topbar label{color:var(--muted);margin-top:8px;font-size:.85rem;display:block}.mobile-topbar select{background:var(--input-bg);width:100%;min-height:44px;color:var(--text);border:1px solid var(--input-border);border-radius:var(--radius-sm)}.mobile-topbar select.mobile-project-select--active{color:var(--text-heading);border-width:3px;border-color:var(--project-accent,var(--input-border));background:color-mix(in srgb, var(--project-accent,var(--border)) 28%, var(--input-bg));box-shadow:0 0 16px color-mix(in srgb, var(--project-accent,var(--border)) 30%, transparent);font-size:1.02rem;font-weight:800}.mobile-board{padding:8px 10px}.mobile-board-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;margin-bottom:10px;padding-bottom:2px;display:flex;overflow-x:auto}.mobile-board-tab{border:1px solid var(--border);background:var(--card);border-radius:var(--radius-sm);touch-action:manipulation;white-space:nowrap;min-height:44px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);border-bottom:3px solid #0000;flex:none;align-items:center;gap:6px;padding:8px 12px;font-size:.78rem;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex}.mobile-board-tab-icon{opacity:.92;flex-shrink:0;display:flex}.mobile-board-tab-label{line-height:1.2}.mobile-board-tab.active{box-shadow:var(--shadow-md);background:var(--task-surface);font-weight:700}.mobile-board-tab.over{background:#3498db1f;outline:2px dashed #3498db8c}.mobile-board.dragging .mobile-board-tabs{z-index:30;background:var(--card);touch-action:none;position:sticky;top:0}.mobile-shell:has(.mobile-board.dragging) .mobile-topbar{display:none}.mobile-snap-scroller{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0;display:flex;overflow-x:auto}.mobile-snap-scroller.locked{touch-action:none;overflow-x:hidden}.mobile-snap-column{scroll-snap-align:start;flex:0 0 100%;min-width:100%;padding-right:8px}.mobile-snap-column header,.mobile-column-header{align-items:center;gap:8px;margin-bottom:10px;font-size:.95rem;font-weight:700;display:flex}.mobile-column-header-icon{flex-shrink:0;display:flex}.mobile-column-header-title{line-height:1.25}.mobile-column-list{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--empty-hint-bg);min-height:50vh;padding:8px;transition:background .15s,box-shadow .15s}.mobile-column-list--drop-target{background:#3498db17;box-shadow:0 0 0 2px #3498db47}.mobile-task-card{gap:8px;margin-bottom:10px;display:flex}.mobile-sortable-wrap--dragging{opacity:.42}.mobile-sortable-wrap--dragging .mobile-task-card{outline-offset:2px;border-radius:var(--radius-sm);outline:2px dashed #3498db8c}.mobile-task-main{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);text-align:left;min-height:44px;color:var(--text);box-shadow:var(--shadow-sm);flex:1;padding:12px 14px;transition:box-shadow .15s}.mobile-task-main:active{box-shadow:var(--shadow-md)}.mobile-task-title{font-size:.95rem;line-height:1.35;display:block}.mobile-task-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.mobile-meta-chip{color:var(--muted);background:var(--chip-bg);border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:.72rem;font-weight:500;display:inline-flex}.mobile-meta-chip .ui-icon{opacity:.8}.mobile-meta-chip--overdue{color:var(--danger-muted);background:var(--overdue-bg);border-color:var(--overdue-border)}.mobile-priority-chip{letter-spacing:.04em;border:1px solid var(--border);background:var(--priority-badge-bg);color:var(--priority-badge-fg);border-radius:999px;padding:3px 7px;font-size:.65rem;font-weight:700}.mobile-priority-chip--high{color:#f1948a;background:#c0392b26;border-color:#c0392b59}.mobile-priority-chip--low{color:#85c1e9;background:#3498db1f;border-color:#3498db59}.mobile-card-menu{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;min-height:44px;padding:0;display:flex}.sheet-backdrop{z-index:70;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:100%;color:var(--text);max-height:92vh;padding:10px 14px calc(12px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;overflow:auto}.sheet-handle{background:var(--border);border-radius:999px;width:48px;height:5px;margin:4px auto 8px}.sheet-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.sheet-header h2{color:var(--text-heading);margin:0;font-size:1rem}.sheet-body label{color:var(--muted);margin-top:10px;font-size:.85rem;display:block}.sheet-body input,.sheet-body select,.sheet-body textarea{background:var(--input-bg);width:100%;min-height:44px;color:var(--text);border:1px solid var(--input-border);border-radius:var(--radius-sm);margin-top:4px}.mobile-sheet-task-title{margin-bottom:8px;font-weight:700}.mobile-inbox{padding:10px}.mobile-inbox-header p{color:var(--muted);margin-top:2px}.mobile-note-card{background:var(--card);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:10px;margin-top:10px;padding:12px}.mobile-note-actions{gap:8px;margin-top:8px;display:flex}.mobile-note-transcript-pending{color:var(--muted);margin:0 0 8px;font-size:.9rem}.mobile-note-transcript-failed{color:var(--danger-muted);margin:0 0 8px;font-size:.9rem}.mobile-board-mode-btn{justify-content:center;width:100%;margin-top:6px}.mobile-eisenhower-wrap{padding:8px 8px 88px}.mobile-eisenhower-wrap .eisenhower-grid{min-height:0;padding:0}.mobile-refreshing{color:var(--muted);margin-bottom:8px;font-size:.85rem}.mobile-drag-overlay{background:var(--card);border-radius:var(--radius-md);width:min(92vw,420px);box-shadow:var(--shadow-lift);border:1px solid var(--border);color:var(--text);padding:14px 16px}.mobile-drag-overlay-title{font-size:1rem;line-height:1.35;display:block}.mobile-drag-overlay-meta{color:var(--muted);flex-wrap:wrap;gap:10px;margin-top:8px;font-size:.8rem;display:flex}.fab-voice{background:#ffe28a;justify-content:center;align-items:center;font-size:1.35rem;display:flex}.fab-quick-note-left{left:20px;right:auto}.fab-add-task{left:auto;right:20px}
