.rolodex-app{color-scheme:dark;--bg-base: #0a0a0c;--bg-elevated: #0d0d12;--bg-deep: #08080a;--glass-fill: rgba(255, 255, 255, .035);--glass-fill-hover: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .07);--glass-border-hover: rgba(110, 231, 255, .22);--glass-blur: 24px;--glass-saturate: 140%;--surf-1: rgba(255, 255, 255, .03);--surf-2: rgba(255, 255, 255, .05);--surf-3: rgba(255, 255, 255, .08);--fg-1: rgba(255, 255, 255, .95);--fg-2: rgba(255, 255, 255, .85);--fg-3: rgba(255, 255, 255, .65);--fg-4: rgba(255, 255, 255, .55);--fg-5: rgba(255, 255, 255, .45);--fg-6: rgba(255, 255, 255, .3);--accent: #6ee7ff;--accent-soft: rgba(110, 231, 255, .12);--accent-glow: rgba(110, 231, 255, .35);--accent-text: rgba(110, 231, 255, .9);--bloom-violet: rgba(124, 77, 255, .28);--bloom-cyan: rgba(110, 231, 255, .22);--bloom-indigo: rgba(67, 56, 202, .22);--status-neutral-bg: rgba(255, 255, 255, .04);--status-neutral-fg: rgba(255, 255, 255, .65);--status-info-bg: rgba(34, 211, 238, .08);--status-info-fg: #a5f3fc;--status-info-dot: #67e8f9;--status-success-bg: rgba(52, 211, 153, .08);--status-success-fg: rgba(167, 243, 208, .9);--status-success-dot: #6ee7b7;--status-warning-bg: rgba(251, 191, 36, .07);--status-warning-fg: rgba(253, 230, 138, .9);--status-warning-dot: #fcd34d;--status-danger-bg: rgba(251, 113, 133, .07);--status-danger-fg: rgba(254, 205, 211, .85);--status-danger-dot: #fda4af;--hairline: rgba(255, 255, 255, .06);--hairline-strong: rgba(255, 255, 255, .1);--hairline-accent: rgba(110, 231, 255, .4);--shadow-halo-accent: 0 30px 80px -30px rgba(110, 231, 255, .18), 0 0 0 1px rgba(110, 231, 255, .06);--shadow-pop: 0 24px 60px -24px rgba(0, 0, 0, .65);--shadow-modal: 0 40px 100px -40px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 255, 255, .04);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 14px;--radius-2xl: 18px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: Inter, ui-sans-serif, system-ui, sans-serif;--tracking-tightest: -.04em;--tracking-tight: -.02em;--tracking-eyebrow: .18em;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--ease-out-soft: cubic-bezier(.22, 1, .36, 1);--dur-fast: .18s;--dur-med: .3s;background:var(--bg-base);color:var(--fg-2);font-family:var(--font-sans);font-feature-settings:"tnum","cv11","ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.rdx-glass{background:var(--glass-fill);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.rdx-button{align-items:center;background:var(--accent-soft);border:1px solid var(--hairline-accent);border-radius:var(--radius-lg);color:var(--accent-text);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--weight-semibold);justify-content:center;transition:background var(--dur-fast) var(--ease-out-soft),border-color var(--dur-fast) var(--ease-out-soft),transform var(--dur-fast) var(--ease-out-soft)}.rdx-button:hover:not(:disabled){background:#6ee7ff2e;transform:translateY(-1px)}.rdx-button:focus-visible{box-shadow:0 0 0 3px var(--accent-soft);outline:1px solid var(--accent)}.rdx-button:disabled{cursor:not-allowed;opacity:.42}.rolodex-scroll::-webkit-scrollbar{height:10px;width:10px}.rolodex-scroll::-webkit-scrollbar-track{background:transparent}.rolodex-scroll::-webkit-scrollbar-thumb{background:#ffffff14;background-clip:padding-box;border:2px solid transparent;border-radius:var(--radius-sm)}.rolodex-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff24;background-clip:padding-box;border:2px solid transparent}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}html,body{background:#0a0a0c}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}.center-screen{display:grid;min-height:100vh;padding:var(--space-4);place-items:center}.center-card{max-width:480px;text-align:center}.center-card h1{color:var(--fg-1);font-size:22px;margin:0 0 var(--space-2)}.center-card p{color:var(--fg-3);line-height:1.5;margin:0 0 var(--space-5)}.skip-link{background:var(--bg-elevated);border:1px solid var(--hairline-accent);border-radius:var(--radius-sm);color:var(--accent-text);left:var(--space-4);padding:var(--space-2) var(--space-3);position:absolute;top:-60px;z-index:10}.skip-link:focus{top:var(--space-3)}:where(.rolodex-app) a:focus-visible,:where(.rolodex-app) button:focus-visible,:where(.rolodex-app) input:focus-visible,:where(.rolodex-app) select:focus-visible,:where(.rolodex-app) textarea:focus-visible{box-shadow:0 0 0 3px var(--accent-soft);outline:1px solid var(--accent);outline-offset:1px}.content:focus{outline:none}.shell{display:flex;flex-direction:column;min-height:100vh}.topbar{align-items:center;background:var(--bg-elevated);border-bottom:1px solid var(--hairline);display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-3) clamp(var(--space-4),4vw,var(--space-10));position:sticky;top:0;z-index:5}.brand{align-items:center;color:var(--fg-1);display:flex;gap:var(--space-3);text-decoration:none}.brand-mark{align-items:center;background:linear-gradient(135deg,var(--bloom-violet),var(--accent));border-radius:var(--radius-md);color:var(--fg-1);display:flex;font-weight:var(--weight-bold);height:34px;justify-content:center;width:34px}.brand strong,.brand small{display:block}.brand strong{letter-spacing:var(--tracking-eyebrow);font-size:13px}.brand small{color:var(--fg-4);font-size:12px}.topbar .menu-toggle{display:none;margin-left:auto}.primary-nav{align-items:center;display:flex;flex:1;gap:var(--space-1)}.nav-item{border-radius:var(--radius-md);color:var(--fg-3);padding:var(--space-2) var(--space-3);text-decoration:none;transition:background var(--dur-fast) var(--ease-out-soft),color var(--dur-fast) var(--ease-out-soft)}.nav-item:hover{background:var(--surf-2);color:var(--fg-1)}.nav-item.active{background:var(--accent-soft);color:var(--accent-text)}.account{align-items:center;display:flex;gap:var(--space-3);margin-left:auto;min-width:0}.account-name{color:var(--fg-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account small{color:var(--fg-5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{margin:0 auto;max-width:1120px;padding:var(--space-8) clamp(var(--space-4),4vw,var(--space-10)) var(--space-12);width:100%}.btn{border-radius:var(--radius-lg);gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-4);text-decoration:none;white-space:nowrap}.btn-quiet{align-items:center;background:transparent;border:1px solid var(--hairline-strong);color:var(--fg-2);cursor:pointer;display:inline-flex;justify-content:center}.btn-quiet:hover:not(:disabled){background:var(--surf-2);color:var(--fg-1)}.btn-quiet:disabled{cursor:not-allowed;opacity:.42}.text-link{color:var(--accent-text)}.page-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.page-header h1{color:var(--fg-1);font-size:clamp(24px,4vw,32px);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-1)}.page-header p{margin:0}.eyebrow{color:var(--accent-text);font-size:13px;font-weight:var(--weight-semibold);letter-spacing:.06em;margin:0 0 var(--space-1)}.muted{color:var(--fg-4)}.break{overflow-wrap:anywhere}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.card{border-radius:var(--radius-2xl);margin-bottom:var(--space-4);padding:var(--space-6)}.card.flush{padding:0;overflow:hidden}.card h2{color:var(--fg-1);font-size:15px;font-weight:var(--weight-semibold);margin:0 0 var(--space-3)}.prose{color:var(--fg-2);line-height:1.6;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.screenshot-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));list-style:none;margin:0;padding:0}.screenshot-grid img{aspect-ratio:16 / 10;border:1px solid var(--hairline-1, rgba(255,255,255,.12));border-radius:var(--radius-lg, 10px);display:block;object-fit:cover;width:100%}.screenshot-grid a:focus-visible img{outline:2px solid var(--accent-1, #7c9cff);outline-offset:2px}.state{align-items:center;color:var(--fg-3);display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;min-height:200px;padding:var(--space-8) var(--space-6);text-align:center}.state strong{color:var(--fg-1);font-size:16px}.state p{line-height:1.5;margin:0;max-width:520px}.state-error strong{color:var(--status-danger-fg)}.spinner{animation:spin .8s linear infinite;border:3px solid var(--hairline-strong);border-radius:50%;border-top-color:var(--accent);height:28px;width:28px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2.4s}}.notice{align-items:center;border:1px solid;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5)}.notice strong{color:var(--fg-1);display:block;margin-bottom:var(--space-1)}.notice p{line-height:1.5;margin:0}.notice-success{background:var(--status-success-bg);border-color:var(--status-success-dot);color:var(--status-success-fg)}.notice-warning{background:var(--status-warning-bg);border-color:var(--status-warning-dot);color:var(--status-warning-fg)}.notice-danger{background:var(--status-danger-bg);border-color:var(--status-danger-dot);color:var(--status-danger-fg)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:var(--weight-medium);gap:6px;padding:3px 10px;white-space:nowrap}.badge:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.badge-neutral{background:var(--status-neutral-bg);color:var(--status-neutral-fg)}.badge-neutral:before{display:none}.badge-info{background:var(--status-info-bg);color:var(--status-info-fg)}.badge-success{background:var(--status-success-bg);color:var(--status-success-fg)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning-fg)}.ticket-list{list-style:none;margin:0;padding:0}.ticket-list li+li{border-top:1px solid var(--hairline)}.ticket-row{align-items:center;color:inherit;display:grid;gap:var(--space-2) var(--space-4);grid-template-columns:90px minmax(0,1fr) auto;padding:var(--space-4) var(--space-6);text-decoration:none;transition:background var(--dur-fast) var(--ease-out-soft)}.ticket-row:hover{background:var(--glass-fill-hover)}.ticket-number{color:var(--accent-text);font-weight:var(--weight-semibold)}.ticket-title{color:var(--fg-1);font-weight:var(--weight-medium);overflow-wrap:anywhere}.ticket-meta{align-items:center;color:var(--fg-4);display:flex;flex-wrap:wrap;font-size:13px;gap:var(--space-3);justify-content:flex-end}.pager{align-items:center;border-top:1px solid var(--hairline);color:var(--fg-3);display:flex;gap:var(--space-4);justify-content:center;padding:var(--space-4)}.form{display:grid;gap:var(--space-5)}.form-grid,.filter-grid{display:grid;gap:var(--space-4) var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.field.full{grid-column:1 / -1}.field-label{align-items:baseline;color:var(--fg-2);display:flex;font-size:13px;font-weight:var(--weight-medium);justify-content:space-between;gap:var(--space-2)}.hint{color:var(--fg-4);font-size:13px;margin:0}.count{color:var(--fg-5);font-size:12px;font-weight:400}.count.near{color:var(--status-warning-fg)}.field-error{color:var(--status-danger-fg);font-size:13px;margin:0}.field.invalid :is(input,select,textarea){border-color:var(--status-danger-dot)}.rolodex-app :is(input,select,textarea){background:var(--surf-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);color:var(--fg-1);min-height:40px;padding:var(--space-2) var(--space-3);width:100%}.rolodex-app :is(input,select,textarea):hover{border-color:var(--glass-border-hover)}.rolodex-app select option{background:var(--bg-elevated);color:var(--fg-1)}.rolodex-app input[type=date]{color-scheme:dark}.rolodex-app textarea{line-height:1.5;resize:vertical}.rolodex-app ::placeholder{color:var(--fg-5)}.optional{border:0;margin:0;padding:0}.optional legend{color:var(--fg-1);font-weight:var(--weight-semibold);margin-bottom:var(--space-4);padding:0}.form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end}.filters{display:grid;gap:var(--space-4)}.detail-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.detail-layout{align-items:start;display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr) 300px}.detail-facts dl{display:grid;gap:var(--space-4);margin:0}.fact dt{color:var(--fg-4);font-size:12px;letter-spacing:.04em;margin-bottom:2px;text-transform:uppercase}.fact dd{color:var(--fg-1);margin:0}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:grid;gap:var(--space-3);grid-template-columns:12px 1fr;padding-bottom:var(--space-4);position:relative}.timeline li:not(:last-child):after{background:var(--hairline-strong);bottom:0;content:"";left:5px;position:absolute;top:18px;width:1px}.timeline-dot{background:var(--accent);border-radius:50%;height:10px;margin-top:5px;width:10px}.timeline strong{color:var(--fg-1);font-weight:var(--weight-medium)}.timeline-time{color:var(--fg-4);display:block;font-size:13px;margin-top:2px}.result-count{font-size:13px;margin:0;padding:var(--space-4) var(--space-6) 0}.table-wrap{overflow-x:auto}.queue-table{border-collapse:collapse;min-width:760px;width:100%}.queue-table th,.queue-table td{border-bottom:1px solid var(--hairline);padding:var(--space-3) var(--space-4);text-align:left;vertical-align:middle}.queue-table th{color:var(--fg-4);font-size:12px;font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase}.queue-table th:first-child,.queue-table td:first-child{padding-left:var(--space-6)}.queue-table tbody tr:hover{background:var(--glass-fill-hover)}.queue-table tbody tr:last-child td{border-bottom:0}.row-link{color:inherit;display:grid;gap:2px;max-width:420px;text-decoration:none}.row-link:hover .ticket-title{color:var(--accent-text)}.queue-table td .muted{white-space:nowrap}.sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.notice-anchor:focus{outline:none}.notice-info{background:var(--status-info-bg);border-color:var(--status-info-dot);color:var(--status-info-fg)}.notice-info a{color:inherit}.detail-side{display:grid;gap:0;min-width:0}.resolution{border-left:3px solid var(--status-success-dot)}.comments{display:grid;gap:var(--space-3);list-style:none;margin:0 0 var(--space-5);padding:0}.comment{background:var(--surf-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-4)}.comment-reporter{border-color:var(--hairline-strong)}.comment-internal{background:var(--status-warning-bg);border-color:var(--status-warning-dot);border-style:dashed}.comment-head{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.comment-head strong{color:var(--fg-1);font-weight:var(--weight-semibold)}.comment-time{color:var(--fg-4);font-size:13px;margin-left:auto}.composer{border-top:1px solid var(--hairline);display:grid;gap:var(--space-3);padding-top:var(--space-5)}.composer-internal textarea{border-color:var(--status-warning-dot)}.composer-closed{border-top:1px solid var(--hairline);margin:0;padding-top:var(--space-4)}.segmented{border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);display:inline-flex;gap:2px;justify-self:start;margin:0;padding:2px}.segmented label{border-radius:var(--radius-md);color:var(--fg-3);cursor:pointer;padding:var(--space-2) var(--space-3);position:relative}.segmented input{height:1px;opacity:0;position:absolute;width:1px}.segmented label:has(input:checked){background:var(--accent-soft);color:var(--accent-text)}.segmented label:has(input:focus-visible){box-shadow:0 0 0 3px var(--accent-soft);outline:1px solid var(--accent)}.staff-controls{display:grid;gap:var(--space-5)}.staff-controls h2{margin-bottom:0}.control{border-top:1px solid var(--hairline);display:grid;gap:var(--space-3);padding-top:var(--space-4)}.control h3{color:var(--fg-3);font-size:12px;font-weight:var(--weight-semibold);letter-spacing:.05em;margin:0;text-transform:uppercase}.control .btn{justify-self:start}.control-status{color:var(--status-success-fg);font-size:13px;margin:0;min-height:0}.control-status:empty{display:none}.composer .form-actions .control-status{margin-right:auto}.inline-control{align-items:center;display:flex;gap:var(--space-2)}.inline-control :is(select,input){flex:1;min-width:0}.timeline-actor{color:var(--fg-1);font-weight:var(--weight-medium)}.timeline-text{color:var(--fg-2)}.timeline-badge{margin-left:var(--space-2)}.timeline-internal .timeline-dot{background:var(--status-warning-dot)}.queue-search{align-items:end;display:grid;gap:var(--space-4) var(--space-5);grid-template-columns:minmax(0,1fr) auto}.check{align-items:center;color:var(--fg-2);cursor:pointer;display:inline-flex;gap:var(--space-2);min-height:40px}.rolodex-app .check input{accent-color:var(--accent);height:18px;min-height:0;width:18px}@media (max-width: 860px){.detail-layout{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.topbar .menu-toggle{display:inline-flex}.primary-nav{align-items:stretch;display:none;flex:1 0 100%;flex-direction:column}.primary-nav.open{display:flex}.account{border-top:1px solid var(--hairline);flex-wrap:wrap;margin-left:0;padding-top:var(--space-3)}.content{padding-top:var(--space-6)}.card{padding:var(--space-4)}.form-grid,.filter-grid{grid-template-columns:1fr}.ticket-row{grid-template-columns:1fr;padding:var(--space-4)}.ticket-meta{justify-content:flex-start}.form-actions .btn{flex:1}.queue-search{grid-template-columns:1fr}.comment-time{margin-left:0;width:100%}.notice .btn{width:100%}}
