:root{--ink: #0d1321;--ink-muted: #5a6270;--surface: #ffffff;--surface-sunken: #f4f4f2;--line: #d9d9d4;--ok: #1f5c3d;--error: #8c2f21;--radius: 4px;--font-body: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:14px;color:var(--ink);background:var(--surface)}.pane{display:flex;flex-direction:column;gap:12px;padding:12px}.pane__header h1{margin:0;font-size:15px;letter-spacing:.02em}.pane__identity,.item__meta,.item__participants{margin:2px 0 0;font-size:12px;color:var(--ink-muted)}.item{padding:10px;background:var(--surface-sunken);border-radius:var(--radius)}.item h2{margin:0;font-size:14px;font-weight:600}.form{display:flex;flex-direction:column;gap:6px}.form label{font-size:12px;font-weight:600}input,textarea{width:100%;padding:6px 8px;font:inherit;color:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}#hours{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.matters{list-style:none;margin:0;padding:0;max-height:180px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius)}.matters__empty{padding:8px;font-size:12px;color:var(--ink-muted)}.matter{display:grid;gap:1px;width:100%;min-height:44px;padding:6px 8px;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);cursor:pointer;font:inherit}.matter:hover{background:var(--surface-sunken)}.matter--selected{background:var(--surface-sunken);box-shadow:inset 3px 0 0 var(--ink)}.matter__id{font-family:var(--font-mono);font-size:12px}.matter__name{font-weight:600}.matter__client{font-size:12px;color:var(--ink-muted)}button.primary{min-height:44px;padding:8px 12px;font:inherit;font-weight:600;color:var(--surface);background:var(--ink);border:0;border-radius:var(--radius);cursor:pointer}button.primary:disabled{opacity:.45;cursor:not-allowed}.problems{margin:0;padding-left:18px;font-size:12px;color:var(--ink-muted)}.notice{margin:0;padding:8px;font-size:13px;border-radius:var(--radius);background:var(--surface-sunken)}.notice--ok{color:var(--ok)}.notice--error{color:var(--error)}.pane__footer p{margin:0;font-size:11px;color:var(--ink-muted)}:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
