:root{--ink:#2e2941;--muted:#6c677d;--purple:#7150ba;--purple-dark:#563797;--lavender:#f0eafb;--mint:#e9f5ee;--line:#e5dfed;--paper:#faf8fc;--orange:#fff3db;--red:#963a4d;--shadow:0 12px 38px rgba(55,32,90,.045)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(155deg,#fffdf8,var(--paper));color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:var(--purple);text-underline-offset:3px;overflow-wrap:anywhere}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #9670e0;outline-offset:3px}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4.3vw,3.35rem);line-height:1.12;letter-spacing:-.035em;margin-bottom:20px}h2{font-size:1.2rem;line-height:1.3;margin-bottom:15px}h3{font-size:1.1rem;line-height:1.4;margin-bottom:5px}p{margin-bottom:18px}.lead{color:var(--muted);font-size:1.11rem;line-height:1.7}.muted,.field-help,small{color:var(--muted)}.field-help{font-size:.86rem;margin-top:9px}.eyebrow{display:block;font-size:.74rem;letter-spacing:.10em;font-weight:750;color:var(--purple);margin-bottom:17px}.topbar{border-bottom:1px solid var(--line);background:rgba(255,255,255,.9)}.bar-inner{max-width:1200px;margin:auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:10px;text-decoration:none;color:var(--ink);align-items:center;font-weight:750;font-size:1.1rem}.brand img{object-fit:contain}.brand small{display:block;font-size:.71rem;font-weight:500;color:var(--muted)}nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}nav a{font-size:.92rem;font-weight:600;text-decoration:none;min-height:40px;display:flex;align-items:center}nav form{margin:0}.text-button{border:0;background:none;color:var(--purple);padding:9px 0;font-size:.92rem;font-weight:600}.page{max-width:1130px;margin:42px auto 70px;padding:0 28px}.page.wide{max-width:1230px}.public-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:66px}.intro{padding-top:27px;min-width:0}.card{background:white;border:1px solid var(--line);border-radius:25px;padding:27px;box-shadow:var(--shadow);min-width:0;margin-bottom:22px}.form-card{padding:30px}.pip-card{display:flex;align-items:center;gap:18px;background:var(--lavender);border-radius:22px;padding:10px 16px;margin:28px 0}.pip-card img{width:108px;height:137px;object-fit:contain}.pip-card p{font-size:.94rem;margin:0}.notice{border-left:4px solid #76a185;background:var(--mint);padding:17px 19px;border-radius:15px;font-size:.93rem;margin:0 0 22px}.notice.warning{border-color:#d39b41;background:var(--orange)}.notice.error{border-color:#b05c69;background:#fff0f2;color:#7b2d3b}.notice.success{border-color:#509070}.notice form{margin-top:12px}label{display:block;font-size:.92rem;font-weight:650;margin:19px 0 7px}label span:not(.check span),summary span{font-weight:450;color:var(--muted);font-size:.83rem;margin-left:5px}input:not([type=checkbox]):not([type=hidden]),select,textarea{display:block;width:100%;min-width:0;border:1px solid #cdc4db;border-radius:12px;background:#fefcff;color:var(--ink);padding:12px 13px;font-size:1rem;line-height:1.45;min-height:49px}textarea{resize:vertical;min-height:128px}input::placeholder,textarea::placeholder{color:#827b90;font-size:.92rem}select{padding-right:25px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border-radius:13px;padding:12px 18px;border:1px solid transparent;font-weight:650;font-size:.93rem;text-decoration:none;margin-top:10px;text-align:center}.button.primary{color:white;background:var(--purple)}.button.primary:hover{background:var(--purple-dark)}.button.quiet{background:white;border-color:var(--line);color:var(--purple)}.button.full{display:flex;width:100%}.check{display:flex;align-items:flex-start;gap:11px;font-size:.83rem;font-weight:450;line-height:1.6;margin:25px 0 18px}.check input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--purple);margin:3px 0 0}.check span{margin:0}details{border-top:1px solid var(--line);padding-top:17px;margin-top:22px}summary{cursor:pointer;font-size:.94rem;font-weight:600;min-height:32px}summary::marker{color:var(--purple)}.center{text-align:center}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.narrow{max-width:540px;margin:55px auto}.thanks{text-align:center;padding:38px}.success-mark{width:66px;height:66px;margin:0 auto 25px;border-radius:50%;background:var(--mint);color:#448568;font-size:2.3rem;display:grid;place-items:center}.reference{font-size:1.4rem;font-weight:750;letter-spacing:.035em;background:var(--lavender);border-radius:13px;padding:15px;margin-bottom:22px;overflow-wrap:anywhere}.footer{max-width:1174px;margin:0 auto;padding:26px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}.skip{position:absolute;top:-60px;left:10px;background:white;padding:10px;z-index:50}.skip:focus{top:10px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-heading h1{font-size:clamp(1.9rem,3.5vw,2.65rem);margin-bottom:9px}.page-heading p{margin:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:3px}.stat{padding:20px;text-decoration:none;display:flex;justify-content:space-between;align-items:center;color:var(--ink)}.stat strong{font-size:2rem;color:var(--purple)}.stat span{font-size:.9rem}.filters{display:flex;align-items:flex-end;gap:13px;padding:20px}.filters>div{flex:1;min-width:0}.filters .search-field{flex:2}.filters label{margin-top:0}.filters .button{flex-shrink:0}.ticket-list{padding:0;overflow:hidden}.list-heading{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px}.list-heading h2{margin:0}.list-heading span{font-size:.8rem}.ticket-row{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);gap:20px}.ticket-row:hover{background:#fbf9fe}.ticket-main{min-width:0}.ticket-main h3{overflow-wrap:anywhere}.ticket-main p{font-size:.84rem;margin:0;color:var(--muted)}.metadata{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.76rem;color:var(--muted);margin-bottom:7px}.metadata code{font-family:inherit;font-weight:700;color:var(--purple)}.ticket-status{display:flex;align-items:flex-end;gap:8px;flex-direction:column;flex-shrink:0}.ticket-status small{font-size:.73rem}.pill{display:inline-flex;align-items:center;font-size:.75rem;line-height:1.35;font-weight:650;padding:6px 11px;border-radius:30px;background:#f2eff6;color:#655a79;white-space:nowrap}.pill.new{background:var(--lavender);color:var(--purple-dark)}.pill.in_progress{background:#e8f0fd;color:#426596}.pill.waiting,.pill.queued,.pill.sending{background:#fff2d8;color:#8c6524}.pill.resolved,.pill.sent{background:var(--mint);color:#39705a}.pill.failed{background:#ffebef;color:var(--red)}.priority{color:var(--red);font-weight:650}.empty{text-align:center;padding:55px 22px}.empty>span{display:block;font-size:2.7rem;color:var(--purple);margin-bottom:16px}.empty p{color:var(--muted);max-width:470px;margin:auto}.pagination{display:flex;gap:18px;align-items:center;justify-content:center;font-size:.87rem}.pagination .button{margin:0}.back-link{display:inline-block;margin-bottom:25px;font-size:.94rem}.ticket-title{overflow-wrap:anywhere}.detail-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:24px}.prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}.message h2{margin-bottom:7px}.message .prose{margin-top:20px}.device-info{border-top:1px solid var(--line);padding-top:17px;margin-top:22px;display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:.86rem;overflow-wrap:anywhere}.timeline article{border-left:2px solid var(--line);padding:0 0 20px 18px;margin-left:3px}.timeline article:last-child{padding-bottom:0}.timeline .prose{font-size:.92rem;margin:7px 0 0}.delivery{border-bottom:1px solid var(--line);padding:12px 0;display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:.82rem}.delivery small{width:100%;font-size:.76rem}.danger{border-color:#ead3db}.danger summary{color:var(--red)}.danger p{font-size:.82rem;color:var(--muted)}.danger details{border-top:0;margin:0;padding:0}.danger-button{background:#963a4d;color:white}.readable{max-width:800px;margin:auto}.readable h2{margin-top:30px}.readable p{color:#514b60}
@media(max-width:930px){.public-grid{gap:30px;grid-template-columns:1fr 1.2fr}.intro h1{font-size:2.6rem}.pip-card{flex-direction:column;padding:20px}.pip-card img{height:110px}.filters{flex-wrap:wrap}.filters .search-field{flex-basis:100%}.detail-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}.card{padding:22px}.ticket-list{padding:0}.ticket-status{align-items:flex-start}}
@media(max-width:680px){.bar-inner{padding:15px 19px;align-items:flex-start;gap:12px}.brand{font-size:.95rem}.brand img{width:30px;height:35px}nav{gap:13px}nav a,.text-button{font-size:.82rem;min-height:35px}.page{padding:0 18px;margin-top:27px}.public-grid{grid-template-columns:1fr;gap:18px}.intro{padding-top:7px}.intro h1{font-size:2.45rem}.intro .pip-card{display:none}.intro .notice{font-size:.82rem}.lead{font-size:1rem}.card.form-card{padding:22px}.stats{grid-template-columns:1fr 1fr;gap:12px}.stat{margin-bottom:0}.stats{margin-bottom:20px}.page-heading{flex-direction:column;align-items:flex-start;gap:9px}.page-heading .button{margin:0}.filters{gap:11px}.filters>div{flex-basis:40%}.filters .button{flex:1}.ticket-row{flex-direction:column;align-items:stretch;gap:12px;padding:18px}.ticket-status{flex-direction:row;align-items:center;justify-content:space-between}.ticket-status small{font-size:.68rem}.list-heading{padding:18px}.detail-grid{grid-template-columns:1fr}.detail-grid aside{grid-row:1}.detail-grid aside .card:not(:first-child){display:block}.narrow{margin:28px auto}.two-cols{grid-template-columns:1fr;gap:0}.owner .bar-inner{flex-wrap:wrap}.owner nav{width:100%;justify-content:flex-end}.footer{font-size:.75rem;padding:24px 19px}.thanks{padding:30px 22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.preview-banner{padding:10px 20px;background:#fff3db;color:#725623;text-align:center;font-size:.84rem;border-bottom:1px solid #f1dcad}
@media(max-width:420px){.bar-inner{flex-wrap:wrap;gap:6px}.bar-inner nav{width:100%;justify-content:flex-end}.stat{gap:10px;flex-wrap:wrap}.stat strong{font-size:1.7rem}}
