:root{--paper: #f5f3ef;--surface: #fffefc;--ink: #17212b;--ink-soft: #56606d;--rule: #ddd8ce;--rule-strong: #c3bcae;--accent: #8a2b33;--accent-dark: #6d2129;--accent-wash: #f6ece9;--on-accent: #fffefc;--placeholder: #6a7280;--disabled-ink: #4a515d;--sans: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--mono: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, "Liberation Mono", monospace;color-scheme:light dark;font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:16px;line-height:1.5}@media(prefers-color-scheme:dark){:root{--paper: #14181d;--surface: #1b2128;--ink: #e7e3dc;--ink-soft: #a7b0bb;--rule: #2c343d;--rule-strong: #434d59;--accent: #e8949b;--accent-dark: #f4b3b8;--accent-wash: #2b1e21;--on-accent: #14181d;--placeholder: #98a1ad;--disabled-ink: #8b95a1}}*{box-sizing:border-box}body{margin:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:1px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--surface);color:var(--ink);padding:.6rem 1rem;border:2px solid var(--ink);z-index:10}.skip-link:focus{left:0}input,select,button{font-family:inherit}.app{max-width:1180px;margin:0 auto;padding:2rem 2rem 4rem}.app-header{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem 2rem;flex-wrap:wrap;padding-bottom:.85rem;border-bottom:2px solid var(--ink)}.app-header h1{font-family:var(--serif);font-size:1.6rem;font-weight:600;letter-spacing:-.01em;margin:0}.app-header h1 span{display:block;font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-top:.3rem}.account{display:flex;align-items:center;gap:.85rem}.account-email{font-size:.8rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.signin{max-width:26rem;margin:3.5rem auto 0;padding:1.75rem;background:var(--surface);border:1px solid var(--rule-strong);border-top:3px solid var(--accent)}.signin h2{font-family:var(--serif);font-size:1.3rem;font-weight:600;margin:0 0 .4rem}.signin form{display:flex;flex-direction:column;gap:.4rem;margin-top:1.5rem}.signin label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.signin button{margin-top:.6rem;padding:.6rem .9rem}.signin-note{margin:1.5rem 0 0;padding-top:1rem;border-top:1px solid var(--rule);font-size:.8rem;color:var(--ink-soft)}.email-field{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.tabs{display:flex;gap:.15rem;border-bottom:1px solid var(--rule);margin-bottom:1.75rem}.tabs button{border:none;background:none;padding:.7rem 1.1rem;font-size:.95rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--ink-soft)}.tabs button:hover:not(:disabled){background:var(--accent);color:var(--on-accent)}.tabs button.active{border-bottom-color:var(--accent);color:var(--ink);font-weight:600}.toolbar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1.25rem}.toolbar input{flex:1;min-width:220px}input,select{padding:.5rem .65rem;border:1px solid var(--rule-strong);border-radius:2px;font-size:.9rem;background:var(--surface);color:var(--ink)}input:hover,select:hover{border-color:var(--ink-soft)}::placeholder{color:var(--placeholder);opacity:1}button{padding:.5rem .9rem;border:1px solid var(--accent);border-radius:2px;background:var(--accent);color:var(--on-accent);font-size:.9rem;font-weight:500;cursor:pointer}button:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}button.small{padding:.2rem .55rem;font-size:.8rem;background:none;color:var(--accent);border-color:var(--rule-strong)}button.small:hover:not(:disabled){background:var(--accent-wash);border-color:var(--accent);color:var(--accent-dark)}button.small.following{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.small.following:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark);color:var(--on-accent)}button.danger{background:none;border-color:var(--rule-strong);color:var(--accent)}.spinner-wrap{display:inline-flex;align-items:center;gap:.5rem}.spinner-wrap.block{display:flex;justify-content:center;padding:2rem 0}.spinner{width:1em;height:1em;border:2px solid var(--rule-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none;border-top-color:var(--accent);opacity:.7}}.table-scroll{overflow-x:auto;position:relative;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule)}table{width:100%;border-collapse:collapse;background:var(--surface);font-variant-numeric:tabular-nums}th,td{text-align:left;padding:.6rem .9rem .6rem 0;border-bottom:1px solid var(--rule);font-size:.875rem;vertical-align:top}th:first-child,td:first-child{padding-left:.9rem}th{background:none;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);padding-top:.7rem;padding-bottom:.7rem;border-bottom:1px solid var(--rule-strong);white-space:nowrap}tbody tr:hover{background:var(--accent-wash)}tbody tr.case-row{cursor:pointer}tbody tr:last-child td{border-bottom:none}td:first-child{font-family:var(--mono);font-size:.8rem;letter-spacing:-.01em}.nowrap{white-space:nowrap}tbody td:nth-child(6),tbody td:nth-child(7){white-space:nowrap}.muted{color:var(--ink-soft);font-size:.85rem}button.link{background:none;border:none;padding:0;font:inherit;color:var(--accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer}button.link:hover:not(:disabled){background:none;color:var(--accent-dark)}tbody tr.expanded{background:var(--accent-wash)}tbody tr.history-row:hover{background:none}.history-row td{padding:0;background:var(--paper);border-bottom:2px solid var(--rule-strong);font-family:var(--sans);font-size:1rem;letter-spacing:normal}.history{padding:1.25rem 1.5rem 1.5rem}.history-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.history-head h3{font-family:var(--serif);font-size:1.05rem;font-weight:600;margin:0}.journal{list-style:none;margin:0;padding:0;max-height:26rem;overflow-y:auto;border-top:1px solid var(--rule)}.journal li{display:flex;gap:1.25rem;padding:.6rem 0;border-bottom:1px solid var(--rule)}.journal-meta{display:flex;flex-direction:column;gap:.15rem;flex-shrink:0;width:7.5rem}.journal-nr{font-family:var(--mono);font-size:.75rem;color:var(--ink-soft)}.journal-type{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.journal p{margin:0 0 .15rem;font-size:.875rem}.journal-files{list-style:none;margin:.3rem 0 0;padding:0;font-size:.8rem}.journal-files li{display:block;padding:.1rem 0;border:none}.journal-files a{color:var(--accent)}.combobox{position:relative;flex:1;min-width:220px}.combobox input{width:100%}.address-hits{list-style:none;position:absolute;z-index:5;left:0;right:0;margin:.15rem 0 0;padding:0;border:1px solid var(--rule-strong);background:var(--surface);max-height:16rem;overflow-y:auto}.address-hits.empty{display:none}.address-hits li{padding:.5rem .75rem;font-size:.875rem;cursor:pointer}.address-hits li+li{border-top:1px solid var(--rule)}.address-hits li.active,.address-hits li:hover{background:var(--accent-wash)}.address-hits li.active{box-shadow:inset 3px 0 0 var(--accent)}.message{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:var(--accent-wash);border-left:3px solid var(--accent);padding:.65rem .9rem;margin-bottom:1.25rem;font-size:.9rem}.message button{background:none;border:none;color:var(--ink);padding:0 .25rem;font-size:1.1rem;line-height:1;flex-shrink:0}.message button:hover:not(:disabled){background:none;color:var(--accent-dark)}.pager{display:flex;gap:1rem;align-items:center;margin-top:1.25rem;font-size:.85rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.pager button{background:none;color:var(--accent);border-color:var(--rule-strong)}.pager button:hover:not(:disabled){background:var(--accent-wash);border-color:var(--accent);color:var(--accent-dark)}.account-data{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--rule);max-width:46rem}.account-data h3{font-family:var(--serif);font-size:1.05rem;font-weight:600;margin:0 0 .35rem}.account-data p{margin:0 0 1rem}.account-data-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.notif-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--rule)}.notif-toolbar p{margin:0}.notif-group{margin-bottom:2rem}.notif-group h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem .75rem;margin:0 0 .5rem;font-family:var(--serif);font-size:1.05rem;font-weight:600}.notif-group-type{font-family:var(--sans);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.notif-group h3 .muted{margin-left:auto;font-family:var(--sans);font-weight:400}.notif-group h3 button{font-family:var(--sans);font-weight:400}.notifications{list-style:none;padding:0;margin:0;border-top:1px solid var(--ink)}.notifications li{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;background:var(--surface);padding:.9rem 1rem;border-bottom:1px solid var(--rule)}.notifications li.unread{border-left:3px solid var(--accent)}.notifications li.read{background:none;border-left:3px solid var(--rule)}.notifications p{margin:0 0 .3rem;font-size:.925rem}.notifications a{color:var(--accent)}.notifications .muted{font-size:.78rem}.badge{display:inline-block;min-width:1.35em;padding:.05em .4em;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:.72rem;font-weight:700;line-height:1.5;text-align:center;font-variant-numeric:tabular-nums}.tabs button:hover:not(:disabled) .badge{background:var(--on-accent);color:var(--accent)}.sync-panel{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1rem;margin-bottom:1.25rem;padding-bottom:.9rem;border-bottom:1px solid var(--rule)}.sync-panel p{margin:0;flex:1;min-width:14rem}.sync-panel .message{flex-basis:100%;margin-bottom:0}.sync-failures{flex-basis:100%;list-style:none;margin:0;padding:0;font-size:.85rem}.sync-failures li{padding:.3rem 0;border-top:1px solid var(--rule)}.notif-actions{display:flex;align-items:center;gap:.5rem}.button-link{display:inline-block;padding:.5rem .9rem;border:1px solid var(--accent);border-radius:2px;background:var(--accent);color:var(--on-accent);font-size:.9rem;font-weight:500;text-decoration:none}.button-link:hover{background:var(--accent-dark);border-color:var(--accent-dark)}@media(max-width:40rem){.app{padding:1rem .85rem 3rem}.app-header h1{font-size:1.4rem}.tabs button{padding:.7rem}.journal li{flex-direction:column;gap:.35rem}.journal-meta{flex-direction:row;gap:.75rem;width:auto}}button:disabled,button:disabled:hover{background:var(--rule);border-color:var(--rule-strong);color:var(--disabled-ink);cursor:default}
