@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins-400-latin.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-600-latin.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-700-latin.woff2) format("woff2")}:root{--brand-purple: #951A81;--brand-purple-dark: #6e1262;--brand-purple-soft: #faf3f8;--brand-purple-ring: rgba(149, 26, 129, .18);--brand-orange: #F08300;--brand-blue: #265CB6;--ink-950: #14080f;--ink-700: #3a2933;--ink-500: #6b5b66;--ink-300: #b5a8b0;--ink-200: #e6dce2;--ink-100: #f1eaef;--ink-50: #faf6f9;--surface: #ffffff;--surface-tint: #fbf7fa;--shadow-card: 0 1px 2px rgba(20, 8, 15, .04), 0 8px 24px -12px rgba(20, 8, 15, .08);--font-display: "Poppins", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--status-new-bg: #fef3c7;--status-new-fg: #92400e;--status-open-bg: #dbeafe;--status-open-fg: #1e40af;--status-waiting-bg: #f3e8ff;--status-waiting-fg: #6b21a8;--status-resolved-bg: #d1fae5;--status-resolved-fg: #065f46;--status-closed-bg: #e5e5e5;--status-closed-fg: #4b5563}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{margin:0;font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--ink-950);background:radial-gradient(900px 500px at 88% -10%,rgba(149,26,129,.07),transparent 60%),radial-gradient(700px 400px at -8% 8%,rgba(38,92,182,.05),transparent 60%),var(--ink-50);min-height:100vh}.shell{max-width:860px;margin:0 auto;padding:1.5rem 1.5rem 4rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0 1.25rem}.brand{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--ink-950);text-decoration:none;letter-spacing:-.01em}.brand-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--brand-purple) 0%,var(--brand-orange) 100%);display:grid;place-items:center;color:#fff;font-weight:700;font-size:.875rem}.back{color:var(--ink-500);text-decoration:none;font-size:.875rem;display:inline-flex;align-items:center;gap:.3rem}.back:hover{color:var(--ink-950)}h1{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,1.75rem);font-weight:700;letter-spacing:-.02em;margin:.75rem 0 .5rem;color:var(--ink-950)}.meta-row{display:flex;gap:.625rem;align-items:center;flex-wrap:wrap;font-size:.8125rem;color:var(--ink-500);margin-bottom:1.5rem}.status-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:999px;text-transform:lowercase;letter-spacing:.01em;font-variant:small-caps;white-space:nowrap}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-new{background:var(--status-new-bg);color:var(--status-new-fg)}.status-open{background:var(--status-open-bg);color:var(--status-open-fg)}.status-waiting_user{background:var(--status-waiting-bg);color:var(--status-waiting-fg)}.status-resolved{background:var(--status-resolved-bg);color:var(--status-resolved-fg)}.status-closed{background:var(--status-closed-bg);color:var(--status-closed-fg)}.impact-flag{display:inline-flex;align-items:center;gap:.3rem;font-size:.6875rem;font-weight:700;padding:.15rem .45rem;border-radius:4px;background:var(--brand-orange);color:#fff;text-transform:uppercase;letter-spacing:.05em}.meta-actions{margin-left:auto;display:flex;gap:.5rem}button.ghost{background:var(--surface);border:1px solid var(--ink-200);padding:.45rem .8rem;border-radius:10px;font:inherit;font-size:.8125rem;font-weight:500;color:var(--ink-700);cursor:pointer;transition:border-color .12s ease,color .12s ease}button.ghost:hover{border-color:var(--ink-300);color:var(--ink-950)}button.ghost[data-status=resolved]{color:var(--status-resolved-fg)}button.ghost[data-status=resolved]:hover{border-color:var(--status-resolved-fg)}.thread{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.msg{display:flex;gap:.75rem;align-items:flex-start}.msg.agent{flex-direction:row-reverse}.avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:.8125rem;color:#fff}.avatar-user{background:linear-gradient(135deg,var(--brand-blue),#1e40af)}.avatar-agent{background:linear-gradient(135deg,var(--brand-purple),var(--brand-purple-dark))}.avatar-system{background:var(--ink-300)}.bubble{flex:1;min-width:0;max-width:calc(100% - 48px);background:var(--surface);border:1px solid var(--ink-200);border-radius:14px;padding:.875rem 1.125rem;box-shadow:var(--shadow-card)}.msg.user .bubble{border-top-left-radius:4px}.msg.agent .bubble{border-top-right-radius:4px;background:var(--brand-purple-soft);border-color:#951a812e}.msg.system .bubble{background:var(--ink-50);border-style:dashed;font-style:italic;color:var(--ink-500);font-size:.875rem}.bubble-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.3rem;font-size:.8125rem}.bubble-author{font-family:var(--font-display);font-weight:600;color:var(--ink-950)}.bubble-time{color:var(--ink-500);font-size:.75rem}.bubble-body{white-space:pre-wrap;word-break:break-word;color:var(--ink-700)}.composer{background:var(--surface);border:1px solid var(--ink-200);border-radius:16px;padding:1rem 1rem .875rem;box-shadow:var(--shadow-card)}.composer h2{font-family:var(--font-display);font-size:.9375rem;font-weight:600;margin:0 0 .625rem;color:var(--ink-700)}textarea{width:100%;min-height:96px;padding:.75rem .875rem;border:1px solid var(--ink-200);border-radius:12px;background:var(--surface);color:var(--ink-950);font:inherit;font-size:.9375rem;line-height:1.5;resize:vertical}textarea:focus{outline:none;border-color:var(--brand-purple);box-shadow:0 0 0 4px var(--brand-purple-ring)}.composer-actions{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.625rem;flex-wrap:wrap}.attach-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border:1px dashed var(--ink-300);background:var(--surface);color:var(--ink-700);border-radius:8px;cursor:pointer;font:inherit;font-size:.8125rem}.attach-btn:hover{border-color:var(--brand-purple);color:var(--brand-purple)}.attach-btn input{display:none}.file-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .55rem;background:var(--surface-tint);border:1px solid var(--ink-200);border-radius:999px;font-size:.8125rem;color:var(--ink-700)}.file-chip-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip-size{color:var(--ink-500);font-size:.75rem}.file-chip-remove{background:none;border:none;padding:0;margin-left:.2rem;cursor:pointer;color:var(--ink-500);display:inline-flex;align-items:center}.file-chip-remove:hover{color:#991b1b}.chips-row{display:flex;flex-wrap:wrap;gap:.4rem;width:100%;margin-top:.4rem}.attachments-strip{margin-top:.625rem;display:flex;flex-wrap:wrap;gap:.5rem}.att-image{display:block;border:1px solid var(--ink-200);border-radius:8px;overflow:hidden;line-height:0;max-width:240px;background:var(--surface)}.att-image img{display:block;max-width:100%;height:auto}.att-file{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .7rem;background:var(--surface);border:1px solid var(--ink-200);border-radius:10px;color:var(--ink-700);text-decoration:none;font-size:.8125rem;transition:border-color .12s ease}.att-file:hover{border-color:var(--brand-purple);color:var(--brand-purple)}.att-file-meta{color:var(--ink-500);font-size:.75rem}button.primary{font-family:var(--font-display);background:var(--ink-950);color:#fff;border:none;padding:.625rem 1.125rem;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:transform .12s ease,background .12s ease}button.primary:hover{background:var(--brand-purple-dark);transform:translateY(-1px)}button.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.feedback{padding:.625rem .875rem;border-radius:10px;margin-bottom:.625rem;font-size:.875rem}.feedback.ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.feedback.err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.loading,.error{text-align:center;padding:3rem 1rem;color:var(--ink-500)}.error{color:#991b1b}