:root{
  --bg: #f7f7fb;
  --fg: #111;
  --muted: #666;
  --brand: #3b82f6;
  --ok: #2e7d32;
  --warn: #c62828;
  --panel: #fff;
  --border: #e5e7eb;
}
.hidden{display:none!important}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.45 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Inter,Arial,sans-serif}
.app-header,.app-footer{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}
.app-footer{border-top:1px solid var(--border);border-bottom:none;bottom:0;top:auto;margin-top:24px}
h1{font-size:18px;margin:0}
h2{font-size:16px;margin:0 0 8px}
h3{font-size:14px;margin:12px 0 6px}
.container{max-width:1100px;margin:16px auto;padding:0 16px}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px;margin:12px 0}
.row{display:flex;gap:8px;align-items:center}
.spacer{flex:1}
.btn{border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}
.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn:disabled{opacity:.6;cursor:not-allowed}
textarea{width:100%;resize:vertical;border:1px solid var(--border);border-radius:8px;padding:10px;font:13px/1.4 Menlo,Consolas,monospace}
.status-badge{padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:#fafafa}
.status-line{margin-top:10px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fafafa;display:flex;align-items:center;gap:8px}
.status-line .dot{width:10px;height:10px;border-radius:50%;background:#999}
.status-line.ok .dot{background:var(--ok)}
.status-line.working .dot{background:var(--brand);animation:blink 1.2s linear infinite}
.status-line.error .dot{background:var(--warn)}
@keyframes blink{0%{opacity:.4}50%{opacity:1}100%{opacity:.4}}

.tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin-bottom:8px}
.tab{background:#fff;border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;padding:6px 10px;cursor:pointer}
.tab.active{background:#f9fafb}
.tab-content{display:none}
.tab-content.active{display:block}

.muted{color:var(--muted)}

#structured-data{font-size:14px}
#structured-data .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
#structured-data .rfq-sec{border:1px solid var(--border);border-radius:10px;padding:10px;background:#fafafa}
.kv{display:flex;gap:8px;margin:4px 0}
.kv .k{min-width:160px;color:#555}
.kv .v{color:#111}
ul{margin:6px 0 0 18px}
code{background:#f3f4f6;border:1px solid var(--border);border-radius:6px;padding:1px 4px}

/* Sample search dropdown styles */
.sample-search-container {
  position: relative;
  display: inline-block;
}

.sample-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.sample-option {
  padding: 8px 12px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  transition: background-color 0.2s;
}

.sample-option:hover {
  background-color: #f0f0f0;
}

.sample-option:last-child {
  border-bottom: none;
}