@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{--bg:#f6f3ec;--bg-soft:#ebe6db;--surface:#fffcf7;--ink:#152019;--muted:#667066;--line:#ddd5c6;--accent:#1f6b4a;--accent-soft:#e3f1e9;--danger:#a33b2d;--danger-soft:#f8e6e2;--sidebar:#0f1c14;--sidebar-text:#e8efe9;--radius:12px;--shadow:0 8px 24px #14201a0d;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Manrope,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(ellipse 70% 45% at 0% 0%, #1f6b4a12, transparent 55%), var(--bg);min-height:100vh;margin:0}a{color:var(--accent);text-decoration:none}.layout{grid-template-columns:250px minmax(0,1fr);width:100%;min-height:100vh;display:grid}.sidebar{background:var(--sidebar);color:var(--sidebar-text);border-right:1px solid #ffffff0f;flex-direction:column;gap:1.5rem;padding:1.35rem 1.1rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-mark{background:radial-gradient(circle at 35% 30%,#e8c97a,#0000 45%),linear-gradient(160deg,#2d8a5e,#143528);border-radius:.6rem;flex-shrink:0;width:2rem;height:2rem;box-shadow:inset 0 0 0 1px #ffffff1f}.brand h1{letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:700}.brand p{color:#e8efe98c;margin:.1rem 0 0;font-size:.78rem}.sidebar nav{flex-direction:column;gap:.3rem;display:flex}.sidebar nav a{color:#e8efe9b8;border-radius:10px;padding:.65rem .85rem;font-size:.95rem;font-weight:500;transition:background .15s,color .15s}.sidebar nav a:hover{color:#fff;background:#ffffff0f}.sidebar nav a.router-link-active{color:#fff;background:#2d8a5e47;box-shadow:inset 0 0 0 1px #2d8a5e59}.sidebar-footer{margin-top:auto}.health-box{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:.85rem}.health-box.ok{border-color:#2d8a5e73}.health-box.bad{border-color:#c45a4a8c}.health-title{align-items:center;gap:.5rem;margin-bottom:.65rem;font-size:.85rem;display:flex}.health-dot{background:#c45a4a;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 3px #c45a4a33}.health-box.ok .health-dot{background:#3ecf8e;box-shadow:0 0 0 3px #3ecf8e33}.health-list{flex-direction:column;gap:.35rem;margin:0;padding:0;font-size:.78rem;list-style:none;display:flex}.health-list li{color:#e8efe9a6;justify-content:space-between;gap:.75rem;display:flex}.svc-status{text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:700}.svc-status.ok{color:#3ecf8e}.svc-status.bad{color:#f0a090}.content{width:100%;min-width:0;padding:1.5rem 1.75rem}.page{width:100%;max-width:none}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.page-header h2{letter-spacing:-.03em;margin:0;font-size:1.75rem;font-weight:700}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .2rem;font-size:.72rem;font-weight:600}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}button,select,input,textarea{font:inherit}button{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:10px;padding:.5rem .95rem;font-weight:600;transition:background .15s,border-color .15s,transform .1s}button:hover{background:#fff;border-color:#c9bda8}button:active{transform:translateY(1px)}button:disabled{opacity:.6;cursor:not-allowed}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background:#185a3d}button.danger{color:var(--danger);background:var(--danger-soft);border-color:#e8c4bc}button.small{padding:.3rem .65rem;font-size:.85rem}select,input,textarea{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:.55rem .75rem}select:focus,input:focus,textarea:focus{border-color:var(--accent);outline:2px solid #1f6b4a40}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;margin-bottom:1rem;padding:1.1rem 1.2rem}.conv-list,.dlq-list{flex-direction:column;gap:.65rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.conv-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);width:100%;padding:1rem 1.15rem;transition:border-color .15s,transform .15s}.conv-item:hover{border-color:#b7cfc2;transform:translateY(-1px)}.conv-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.preview{color:#4d564f;margin:.4rem 0}.meta{color:var(--muted);gap:1rem;font-size:.8rem;display:flex}.badge{background:var(--bg-soft);color:#3f463f;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.badge.handoff,.badge.failed{background:var(--danger-soft);color:var(--danger)}.badge.success,.badge.complete,.badge.submitted,.badge.active,.badge.on{background:var(--accent-soft);color:var(--accent)}.detail-grid{grid-template-columns:minmax(0,1fr) 360px;gap:1rem;width:100%;display:grid}.messages .msg{background:var(--bg-soft);border-radius:12px;margin-bottom:.75rem;padding:.75rem .85rem}.messages .msg.outbound{background:#e7f3ec}.msg-meta{color:var(--muted);justify-content:space-between;margin-bottom:.3rem;font-size:.75rem;display:flex}.form-card,.log-row{border-top:1px solid var(--line);margin-top:.75rem;padding-top:.75rem}.form-head,.schema-head,.dlq-top,.doc-head-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dlq-top,.doc-head-row{justify-content:space-between}.doc-head-row{gap:.75rem;width:100%}dl{grid-template-columns:110px 1fr;gap:.25rem .5rem;font-size:.9rem;display:grid}dt{color:var(--muted)}.form-block{flex-direction:column;gap:.55rem;display:flex}.form-block input,.form-block textarea{width:100%;margin:0}.doc-list{flex-direction:column;gap:.65rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.doc-item{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;overflow:hidden}.doc-head{text-align:left;background:0 0;border:0;border-radius:0;flex:1;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;font-weight:500;display:flex}.doc-head:hover{background:#faf7f0}.doc-title{flex-direction:column;gap:.15rem;display:flex}.doc-actions{flex-shrink:0;align-items:center;gap:.4rem;padding-right:.85rem;display:flex}.doc-body{border-top:1px solid var(--line);white-space:pre-wrap;color:#3a423c;padding:0 1rem 1rem;font-size:.92rem}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.55rem .4rem}.muted{color:var(--muted)}.error{color:var(--danger)}.info{color:var(--accent)}.banner{background:var(--accent-soft);border-radius:10px;margin:0 0 1rem;padding:.75rem 1rem}.back{color:var(--muted);font-size:.85rem}.back:hover{color:var(--accent)}.empty{text-align:center;color:var(--muted);width:100%;padding:2.5rem 1.5rem}.empty strong{color:var(--ink);margin-bottom:.35rem;font-size:1.2rem;font-weight:700;display:block}.code-block{color:#d7e4db;background:#14201a;border-radius:10px;margin:.75rem 0 0;padding:.75rem;font-size:.78rem;line-height:1.45;overflow:auto}.schema-card h3{margin:0;font-size:1.05rem}@media (width<=900px){.layout{grid-template-columns:1fr}.sidebar{z-index:5;position:sticky;top:0}.detail-grid{grid-template-columns:1fr}.content{padding:1.1rem}.doc-head-row{flex-direction:column;align-items:stretch}.doc-actions{padding:0 1rem .85rem}}