.observability-panel{display:flex;flex-direction:column;gap:18px}.observability-panel .panel{display:flex;flex-direction:column;gap:14px}.observability-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.observability-head h3{margin:0 0 4px}.observability-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.observability-auto{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);font-size:.8125rem;font-weight:600;color:var(--muted);cursor:pointer}.observability-auto input{accent-color:var(--accent-600);width:15px;height:15px}.observability-updated{margin:0;font-size:.75rem;color:var(--muted)}.observability-message{display:flex;align-items:center;gap:10px;margin:0;padding:12px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;animation:observability-fade .18s ease-out both}.observability-message.is-error{background:var(--red-50);color:var(--red-600)}.observability-message.is-ok{background:var(--accent-50);color:var(--green-600)}.observability-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.observability-card{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg);animation:observability-fade .2s ease-out both}.observability-card-label{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.observability-card-value{font-size:1.125rem;font-weight:700;color:var(--ink);word-break:break-word}.observability-card-hint{font-size:.75rem;color:var(--muted)}.observability-card.is-ok{border-color:color-mix(in srgb,var(--green-600) 35%,var(--line))}.observability-card.is-warn{border-color:color-mix(in srgb,var(--amber-600) 45%,var(--line))}.observability-card.is-error{border-color:color-mix(in srgb,var(--red-600) 45%,var(--line))}.observability-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.observability-metric{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card)}.observability-metric-label{font-size:.75rem;font-weight:600;color:var(--muted)}.observability-metric b{font-size:1.25rem;color:var(--ink)}.observability-metric small{font-size:.6875rem;color:var(--muted)}.observability-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-gap:18px;gap:18px}.observability-latency{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;grid-gap:12px;gap:12px}.observability-quantile{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg)}.observability-quantile span{font-size:.75rem;font-weight:700;color:var(--muted)}.observability-quantile b{font-size:1.25rem;color:var(--ink)}.observability-scale{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.observability-scale-row{display:grid;grid-template-columns:64px minmax(0,1fr) 88px;align-items:center;grid-gap:10px;gap:10px;font-size:.8125rem;color:var(--muted)}.observability-scale-bar{height:8px;border-radius:999px;background:var(--accent-100);overflow:hidden}.observability-scale-bar i{display:block;height:100%;border-radius:999px;background:var(--accent-600)}.observability-scale-value{text-align:right;font-weight:700;color:var(--ink)}.observability-slowest table{width:100%}.observability-path{font-family:var(--font-mono,ui-monospace,"SFMono-Regular",Menlo,monospace);font-size:.7813rem;color:var(--ink);overflow-wrap:anywhere}.observability-errors{display:flex;flex-direction:column;gap:10px}.observability-errors-total{display:flex;align-items:baseline;gap:8px}.observability-errors-total b{font-size:1.5rem;color:var(--ink)}.observability-error-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);font-size:.8125rem}.observability-error-row .observability-path{flex:1 1 auto}.observability-service{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.observability-service-block{display:flex;flex-direction:column;gap:10px}.observability-service-block h4{margin:0;font-size:.875rem;font-weight:700;color:var(--ink)}.observability-legend{display:flex;flex-wrap:wrap;gap:8px}.documents-panel{display:flex;flex-direction:column;gap:18px}.documents-panel .panel{display:flex;flex-direction:column;gap:14px}.documents-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.documents-head h3{margin:0 0 4px}.documents-actions{flex-wrap:wrap}.documents-actions,.documents-message{display:flex;align-items:center;gap:10px}.documents-message{margin:0;padding:12px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;animation:observability-fade .18s ease-out both}.documents-message.is-error{background:var(--red-50);color:var(--red-600)}.documents-message.is-ok{background:var(--accent-50);color:var(--green-600)}.documents-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.documents-stat{display:flex;flex-direction:column;gap:3px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg);animation:observability-fade .2s ease-out both}.documents-stat-label{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--muted)}.documents-stat b{font-size:1.25rem;color:var(--ink)}.documents-stat small{font-size:.6875rem;color:var(--muted)}.documents-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.documents-filter-field,.documents-generate-field{display:flex;flex-direction:column;gap:4px;min-width:168px}.documents-filter-field .input,.documents-generate-field .input{width:100%}.documents-generate{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:14px;border:1px dashed var(--line);border-radius:var(--radius-md);background:var(--bg)}.documents-generate-note{flex:1 1 100%;margin:0;font-size:.75rem;color:var(--muted)}.documents-table{min-width:980px}.documents-table td,.documents-table th{vertical-align:top}.documents-number{font-weight:700;color:var(--ink);white-space:nowrap}.documents-row-detail td{background:var(--bg);padding-top:4px;padding-bottom:14px}.documents-positions{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;max-width:720px;font-size:.8125rem;color:var(--muted)}.documents-positions li{display:grid;grid-template-columns:minmax(0,1fr) auto 120px;grid-gap:14px;gap:14px;align-items:baseline}.documents-positions b{color:var(--ink);white-space:nowrap;text-align:right}.documents-note{margin:8px 0 0;max-width:720px;font-size:.75rem;color:var(--muted)}.documents-row-actions{display:flex;flex-direction:column;gap:6px;min-width:132px}.documents-row-actions .btn{justify-content:center;white-space:nowrap}.documents-status.is-draft{background:var(--amber-50);color:var(--amber-600)}.documents-status.is-sent{background:var(--blue-50);color:var(--blue-500)}.documents-status.is-signed{background:var(--accent-50);color:var(--green-600)}.documents-expand{border:0;background:none;padding:0;color:var(--accent-700);font-size:.75rem;font-weight:700;cursor:pointer;text-decoration:underline}.documents-jobs{display:flex;flex-direction:column;gap:10px}.documents-job{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg);animation:observability-fade .2s ease-out both}.documents-job.is-paused{opacity:.72}.documents-job-body{display:flex;flex-direction:column;gap:3px;min-width:0}.documents-job-body strong{color:var(--ink);font-size:.9375rem}.documents-job-body small{color:var(--muted);font-size:.75rem}.documents-job-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.documents-job-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding-top:4px}.documents-switch{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:600;color:var(--muted);cursor:pointer}.documents-switch input{accent-color:var(--accent-600);width:15px;height:15px}@media (max-width:1100px){.observability-cards,.observability-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.observability-grid{grid-template-columns:minmax(0,1fr)}.documents-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.documents-stats,.observability-cards,.observability-latency,.observability-metrics,.observability-service{grid-template-columns:minmax(0,1fr)}.documents-head,.observability-head{flex-direction:column;align-items:stretch}.documents-actions .btn,.observability-actions .btn{width:100%;justify-content:center}.observability-scale-row{grid-template-columns:56px minmax(0,1fr) 72px}.documents-filter-field,.documents-generate-field{min-width:0;width:100%}.documents-job,.documents-job-actions{flex-direction:column;align-items:stretch}.documents-row-actions{min-width:0}}@keyframes observability-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.documents-job,.documents-message,.documents-stat,.observability-card,.observability-message{animation:none}}