:root{--ink:#0A0F1D;--navy:#141C38;--blue:#2563EB;--off-white:#FAF9F6;--white:#FFFFFF;--slate:#64748B;--border:#E2E8F0;--surface:#F8FAFC;--blue-hover:#1D4ED8;--blue-ring:#BFDBFE;--blue-soft:#EFF6FF;--ok:#166534;--ok-soft:#F0FDF4;--danger:#B91C1C;--danger-soft:#FEF2F2;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:28px;--space-7:40px;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:20px;--text-2xl:28px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--off-white);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--text-base);line-height:1.6}button,input,textarea,select{font:inherit;color:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}b,strong{font-weight:600}h1,h2,h3,p{margin-top:0}h1{color:var(--navy);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.035em;line-height:1.2;margin-bottom:var(--space-3)}h2{color:var(--navy);font-size:var(--text-lg);font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-4)}h3{font-size:var(--text-md);font-weight:600}a{color:var(--blue)}button:focus-visible,a:focus-visible{outline:3px solid var(--blue-ring);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.demo-strip{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;background:var(--off-white);padding:var(--space-2) max(var(--space-5),calc((100% - 1160px)/2));font-size:var(--text-sm);color:var(--navy)}.demo-strip select{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);border-color:var(--blue-ring);min-width:220px;background:var(--white)}.topbar{display:flex;align-items:center;gap:var(--space-5);height:72px;padding:0 max(var(--space-5),calc((100% - 1160px)/2));background:var(--white);border-bottom:1px solid var(--border);color:var(--navy)}.brand-link{display:inline-flex;text-decoration:none}.detail-grid.client-detail{grid-template-columns:minmax(0,1fr);max-width:820px}.holding{max-width:720px;padding-top:80px}.holding-brand{display:flex;align-items:center;gap:20px;margin-bottom:64px}.holding-message{border-top:1px solid var(--border);padding-top:32px}.brand-divider{height:22px;border-left:1px solid var(--border)}.topbar-right{margin-left:auto;color:var(--slate);font-size:var(--text-sm)}.content{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:var(--space-6) 0 var(--space-7);min-height:calc(100vh - 200px)}.tabs{display:flex;gap:var(--space-6);border-bottom:1px solid var(--border);margin-bottom:var(--space-7);overflow-x:auto}.tabs button{white-space:nowrap;background:none;border:0;border-bottom:2px solid transparent;padding:0 0 var(--space-3);font-weight:550;color:var(--slate)}.tabs button.active{color:var(--blue);border-color:var(--blue)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-left:var(--space-1)}.page-heading{display:flex;justify-content:space-between;gap:var(--space-5);align-items:center;margin:var(--space-6) 0}.page-heading p:last-child{margin-bottom:0}.eyebrow{color:var(--blue);font-size:var(--text-xs);letter-spacing:.09em;font-weight:600;text-transform:uppercase;margin-bottom:var(--space-2)}.muted,.meta,.help{color:var(--slate)}.help,.meta{font-size:var(--text-sm);font-weight:400}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);padding:11px 17px;font-size:var(--text-base);font-weight:550;text-decoration:none;white-space:nowrap;line-height:1.5}.primary{border:1px solid var(--blue);background:var(--blue);color:var(--white)}.primary:hover{background:var(--blue-hover)}.secondary{border:1px solid var(--border);background:var(--white);color:var(--navy)}.secondary:hover{background:var(--surface);border-color:var(--blue-ring)}.back,.text-button{background:none;border:0;padding:0;color:var(--blue);font-size:var(--text-base);font-weight:550}.back{color:var(--slate);margin-bottom:var(--space-2)}.panel{border:1px solid var(--border);background:var(--white);border-radius:var(--radius-lg);padding:var(--space-6)}.filters{display:flex;gap:var(--space-3);margin-bottom:var(--space-5)}.filters input{flex:2}.filters select{flex:1;width:auto;max-width:240px}input,textarea,select{width:100%;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 12px;background:var(--white);font-size:var(--text-base);line-height:1.5}textarea{resize:vertical;min-height:100px}input:focus,textarea:focus,select:focus{outline:2px solid var(--blue-ring);border-color:var(--blue)}label{display:grid;gap:var(--space-2);font-weight:550;color:var(--navy)}label .help{line-height:1.5}.ticket-list{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.ticket-row{border:0;border-bottom:1px solid var(--border);background:var(--white);width:100%;display:flex;text-align:left;gap:var(--space-4);align-items:center;padding:var(--space-5)}.ticket-row:hover{background:var(--surface)}.ticket-row:last-child{border-bottom:0}.ticket-icon,.empty-symbol{display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);border-radius:var(--radius-md);width:40px;height:40px;flex-shrink:0;font-size:var(--text-lg)}.ticket-summary{flex:1;min-width:0;display:grid;gap:var(--space-1)}.ticket-summary strong{font-size:var(--text-md);font-weight:550;overflow-wrap:anywhere}.ticket-summary span,.ticket-row time{font-size:var(--text-sm);color:var(--slate)}.ticket-row time{min-width:125px;text-align:right}.chevron{color:var(--slate);font-size:var(--text-lg)}.badge{font-size:var(--text-xs);font-weight:550;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px 9px;white-space:nowrap}.badge.open,.badge.queued,.badge.in_progress,.badge.running{background:var(--blue-soft);color:var(--blue);border-color:var(--blue-ring)}.badge.resolved,.badge.succeeded{background:var(--ok-soft);color:var(--ok)}.badge.blocked,.badge.failed,.badge.escalated{color:var(--slate)}.empty{text-align:center;padding:56px 24px}.empty h2{margin-bottom:var(--space-2)}.empty p{color:var(--slate);max-width:470px;margin:0 auto var(--space-5)}.empty-symbol{margin:0 auto var(--space-5);width:48px;height:48px}.quiet-note{font-size:var(--text-sm);color:var(--slate);margin:var(--space-4) 0}.form-card{max-width:760px}.form-card>label,.service-editor>label,.reply>label{margin-bottom:var(--space-5)}.upload{padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface)}.upload input{border:0;background:transparent;padding:0;font-weight:400;font-size:var(--text-sm)}input::file-selector-button{border:1px solid var(--border);padding:var(--space-2) var(--space-3);background:var(--white);border-radius:var(--radius-sm);color:var(--navy);margin-right:var(--space-3);cursor:pointer}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);border-top:1px solid var(--border);padding-top:var(--space-5)}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:var(--space-5)}.detail-aside{display:grid;gap:var(--space-5);align-content:start}.detail-aside .panel{padding:var(--space-5)}.message{padding:var(--space-5) 0;border-top:1px solid var(--border)}.message.internal{padding:var(--space-4);margin:var(--space-3) 0;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-md)}.message-heading{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-sm);margin-bottom:var(--space-3)}.message-heading time{margin-left:auto;color:var(--slate);font-size:var(--text-xs)}.visibility{font-size:var(--text-xs);color:var(--slate);width:100%}.visibility.internal{color:var(--navy)}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:var(--space-2)}.attachments{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;gap:var(--space-2)}.attachments li{display:flex;gap:var(--space-3);font-size:var(--text-sm);color:var(--slate)}.attachments a{overflow-wrap:anywhere}.reply{border-top:1px solid var(--border);padding-top:var(--space-5);margin-top:var(--space-4)}.run{border-top:1px solid var(--border);padding-top:var(--space-4);margin-top:var(--space-4)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.section-heading h2{margin:0}.section-heading .text-button{font-size:var(--text-xs)}.run .section-heading{flex-wrap:wrap}.run p{margin:var(--space-3) 0}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}fieldset{border:1px solid var(--border);border-radius:var(--radius-md);margin:0 0 var(--space-5);padding:var(--space-3);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}legend{font-size:var(--text-sm);color:var(--slate);padding:0 var(--space-1)}.checkbox{display:flex;align-items:center;font-weight:400}.checkbox input{width:16px;height:16px;accent-color:var(--blue)}.notice{background:var(--blue-soft);color:var(--navy);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);font-size:var(--text-sm)}.notification{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5) 0;border-bottom:1px solid var(--border)}.notification:first-child{padding-top:0}.notification:last-child{border:0;padding-bottom:0}.notification p{margin:var(--space-2) 0}.error{display:flex;justify-content:space-between;background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5)}.error button{border:0;background:none;color:inherit}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:20;max-width:calc(100% - 32px);background:var(--navy);color:var(--white);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);box-shadow:0 4px 20px #141c3820}footer{text-align:center;color:var(--slate);font-size:var(--text-xs);padding:var(--space-5);border-top:1px solid var(--border)}@media(max-width:800px){.detail-grid,.services-grid{grid-template-columns:1fr}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.filters select{flex:1;max-width:none}.ticket-row time{display:none}.topbar-right{display:none}.demo-strip{flex-wrap:wrap;gap:var(--space-2)}.profile-picker{width:100%;max-width:300px}.page-heading{align-items:flex-start}.tabs{gap:var(--space-5)}.detail-aside{grid-template-columns:1fr 1fr}.client-detail .detail-aside{grid-template-columns:1fr}}@media(max-width:520px){.content{width:calc(100% - 32px);padding-top:var(--space-5)}.topbar{height:60px;padding:0 var(--space-4)}.demo-strip{padding:var(--space-2) var(--space-4)}.page-heading{flex-wrap:wrap;margin-top:var(--space-5)}h1{font-size:var(--text-xl)}.page-heading .primary{width:100%}.panel{padding:var(--space-5)}.tabs{margin-bottom:var(--space-6);gap:var(--space-4);font-size:var(--text-sm)}.ticket-row{padding:var(--space-4);gap:var(--space-3);flex-wrap:wrap}.ticket-icon{display:none}.ticket-summary{flex-basis:70%}.chevron{display:none}.ticket-row .badge{margin-left:0}.ticket-row .ticket-summary span{font-size:var(--text-xs)}.empty{padding:40px 20px}.form-footer{align-items:stretch;flex-direction:column}.detail-aside{grid-template-columns:1fr}.notification{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.filters select{flex-basis:45%}input,textarea,select{font-size:var(--text-md)}.demo-strip select{font-size:var(--text-sm)}.services-grid fieldset{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}