:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-bg:#f8fafc;--brand-primary:#0f766e;--brand-accent:#14b8a6;--brand-surface:#fff;--brand-text:#0f172a;--panel-border:#dbe4ee;--muted-text:#5b6474;--text-color:var(--brand-text);background:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{background:var(--page-bg)}body{background:radial-gradient(circle at top, color-mix(in srgb, var(--brand-accent) 10%, transparent), transparent 25%), var(--page-bg);min-width:320px;min-height:100svh;color:var(--text-color);margin:0}button,input{font:inherit}a{color:inherit}h1,h2,h3,p{margin:0}.shell{box-sizing:border-box;flex-direction:column;gap:1rem;width:min(100%,48rem);margin:0 auto;padding:1rem 1rem 5rem;display:flex}.loading-shell,.error-shell{justify-content:center;min-height:100svh}.panel{background:var(--brand-surface);border:1px solid var(--panel-border);border-radius:1.5rem;padding:1.25rem;box-shadow:0 18px 48px #0f172a14}.hero{background:linear-gradient(135deg, color-mix(in srgb, var(--brand-primary) 10%, white), transparent 50%), var(--brand-surface);justify-content:space-between;align-items:center;gap:1rem;display:flex}.hero-copy{flex:1}.hero-subtitle,.muted{color:var(--muted-text)}.hero-logo-wrap{background:#ffffffd9;border-radius:1rem;flex-shrink:0;place-items:center;width:4.5rem;height:4.5rem;display:grid}.hero-logo{object-fit:contain;width:100%;height:100%}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--brand-primary);margin:0;font-size:.72rem;font-weight:700}.lookup-panel{gap:.875rem}.lookup-form,.stack-lg,.stack-md,.stack-sm,.stack-xs{flex-direction:column;display:flex}.stack-lg{gap:1rem}.stack-md{gap:.75rem}.stack-sm,.stack-xs{gap:.5rem}.field-label,.detail-label{color:var(--muted-text);font-size:.85rem;font-weight:600}.lookup-row,.actions-row,.case-header,.section-header,.timeline-topline{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.lookup-input{border:1px solid var(--panel-border);min-width:0;font:inherit;color:var(--text-color);text-transform:uppercase;background:#fff;border-radius:1rem;flex:1;padding:.95rem 1rem}.lookup-input:focus{outline:2px solid color-mix(in srgb, var(--brand-primary) 20%, white);outline-offset:2px}.primary-button,.secondary-button,.ghost-button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.95rem 1.15rem;font-weight:700}.primary-button{background:var(--brand-primary);color:#fff;min-width:8.5rem}.primary-button:disabled{cursor:not-allowed;opacity:.6}.secondary-button{background:color-mix(in srgb, var(--brand-primary) 8%, white);border-color:color-mix(in srgb, var(--brand-primary) 18%, white);color:var(--brand-primary)}.ghost-button{border-color:var(--panel-border);color:var(--text-color);background:0 0}.info-panel,.results-panel{gap:1rem}.state-copy{margin:0}.state-card{border-radius:1rem;padding:1rem}.state-card.warning{color:#9a3412;background:#fff7ed}.state-card.danger{color:#b91c1c;background:#fef2f2}.status-pill,.recipient-pill,.timeline-actor{border-radius:999px;align-items:center;width:fit-content;padding:.35rem .7rem;font-size:.82rem;display:inline-flex}.status-pill{background:color-mix(in srgb, var(--brand-primary) 10%, white);color:var(--brand-primary);font-weight:700}.recipient-pill,.timeline-actor{background:var(--page-bg);color:var(--muted-text)}.details-grid,.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.detail-card{border:1px solid var(--panel-border);background:#ffffffb8;border-radius:1rem;flex-direction:column;gap:.25rem;padding:.9rem 1rem;display:flex}.detail-value{color:var(--text-color);overflow-wrap:anywhere;font-weight:600}.mono{font-family:SFMono-Regular,Consolas,monospace}.timeline{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.timeline-item{grid-template-columns:1rem 1fr;align-items:flex-start;gap:.75rem;display:grid}.timeline-marker{background:color-mix(in srgb, var(--brand-primary) 18%, white);width:.9rem;height:.9rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-primary) 18%, white);border:3px solid #fff;border-radius:999px;margin-top:.25rem}.timeline-item.current .timeline-marker{background:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary)}.timeline-content{border-bottom:1px solid var(--panel-border);padding-bottom:1rem}.timeline-item:last-child .timeline-content{border-bottom:none;padding-bottom:0}.support-details{color:var(--muted-text);flex-wrap:wrap;gap:.75rem;display:flex}@media (width<=700px){.shell{padding-inline:.875rem}.hero,.lookup-row,.actions-row,.case-header,.section-header,.timeline-topline{flex-direction:column;align-items:stretch}.hero-logo-wrap{width:4rem;height:4rem}.primary-button,.secondary-button,.ghost-button{width:100%}.details-grid,.metadata-grid{grid-template-columns:1fr}}