:root{--brand:#3c69ed;--brand-hover:#2a4fcc;--brand-soft:#eef2fe;--fg:#111827;--muted:#6b7280;--border:#e5e7eb;--bg:#fff;--subtle:#f9fafb;--success-bg:#ecfdf5;--success-fg:#047857;--notice-bg:#fffbeb;--notice-fg:#92400e;--error-bg:#fef2f2;--error-fg:#b91c1c}*{box-sizing:border-box}body{color:var(--fg);background:var(--bg);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}.shell{flex-direction:column;max-width:420px;min-height:100vh;margin:0 auto;display:flex}.header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.logo{background:var(--brand);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;display:flex}.title{font-weight:600;line-height:1.2}.subtitle{color:var(--muted);font-size:12px}.demo-banner{background:var(--notice-bg);color:var(--notice-fg);border-bottom:1px solid #fde68a;padding:6px 16px;font-size:12px}.content{flex:1;padding:16px}.footer{border-top:1px solid var(--border);color:var(--muted);padding:10px 16px;font-size:11px}.stack{flex-direction:column;gap:12px;display:flex}.muted{color:var(--muted)}.small{font-size:12px}.center{text-align:center}.field{flex-direction:column;gap:4px;display:flex}.field span{font-size:12px;font-weight:600}.field input{border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:14px}.field input:focus{outline:2px solid var(--brand-soft);border-color:var(--brand)}.btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;text-align:center;color:var(--fg);border-radius:6px;padding:9px 12px;font-size:14px;font-weight:600;text-decoration:none}.btn:hover{background:var(--subtle)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.link{color:var(--brand);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.user-row{justify-content:space-between;align-items:center;display:flex}.email-card{border:1px solid var(--border);border-left:3px solid var(--brand);background:var(--subtle);border-radius:6px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.email-subject{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.matter-list{border:1px solid var(--border);border-radius:6px;flex-direction:column;max-height:200px;display:flex;overflow-y:auto}.matter-item{border:none;border-bottom:1px solid var(--border);background:var(--bg);text-align:left;cursor:pointer;flex-direction:column;gap:1px;padding:8px 12px;font-size:13px;display:flex}.matter-item:last-child{border-bottom:none}.matter-item:hover{background:var(--subtle)}.matter-item.selected{background:var(--brand-soft)}.matter-item.selected .matter-name{color:var(--brand-hover)}.matter-name{font-weight:600}.success{background:var(--success-bg);color:var(--success-fg);border-radius:6px;padding:10px 12px;font-size:13px}.notice{background:var(--notice-bg);color:var(--notice-fg);border-radius:6px;padding:10px 12px;font-size:13px}.error{background:var(--error-bg);color:var(--error-fg);border-radius:6px;padding:10px 12px;font-size:13px}.task-row{border:1px solid var(--border,#d8dce6);border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.task-row input[type=text],.task-row input:not([type]){border:1px solid var(--border,#d8dce6);border-radius:6px;width:100%;padding:6px 8px;font-size:13px}.task-source{font-style:italic}.task-row-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.task-row-actions input[type=date]{border:1px solid var(--border,#d8dce6);border-radius:6px;padding:4px 6px;font-size:12px}.task-row-buttons{gap:6px;display:flex}.btn.small{padding:4px 10px;font-size:12px}