/* Tender Intelligence — demo-scoped styles (uses /css/site.css design tokens) */
/* Bilingual: site.css hard-codes body{direction:rtl}; follow the <html dir> set by the i18n bootstrap instead. */
body{ direction:inherit; }
html[lang="en"] body{ font-family:var(--font-en,"Inter"),"IBM Plex Sans Arabic",sans-serif; }
html[dir="ltr"] .skip-link{ right:auto; left:-9999px; }
html[dir="ltr"] .skip-link:focus{ left:16px; }
.ti-hdr-actions{ display:flex; align-items:center; gap:10px; flex:none; }
.ti-lang{
  min-height:40px; padding:8px 14px; border-radius:999px; border:1px solid rgba(25,195,176,.45);
  background:transparent; color:var(--ink); font-weight:600; font-size:.88rem; white-space:nowrap;
}
.ti-lang[lang="ar"]{ font-family:"IBM Plex Sans Arabic",sans-serif; }
.ti-lang[lang="en"]{ font-family:var(--font-en,"Inter"),sans-serif; }
.ti-lang:hover{ background:rgba(25,195,176,.1); }
.ti-h1{ font-size:1.9rem; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.ti-h1-sub{ font-size:1rem; color:var(--muted); font-weight:400; }
.ti-lead{ color:var(--muted); margin-top:8px; max-width:640px; }
.ti-side{ display:flex; flex-direction:column; gap:20px; min-width:0; }
.ti-grid > *{ min-width:0; }
@media (max-width:520px){
  .site-header .wrap{ gap:10px; padding:0 14px; }
  .ti-hdr-actions .btn-ghost{ display:none; }
  .ti-h1{ font-size:1.55rem; }
}
.badge-demo{ font-size:.78rem; padding:6px 14px; border-radius:999px; border:1px solid rgba(212,175,55,.45); color:var(--gold); background:rgba(212,175,55,.08); white-space:nowrap; }
.site-footer-local{ border-top:1px solid var(--border); margin-top:40px; padding:24px 0; color:var(--muted); font-size:.85rem; text-align:center; }
.ti-app{ display:flex; flex-direction:column; gap:20px; padding:20px 0 60px; }
.ti-toolbar{ display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.ti-search{
  flex:1; min-width:220px; display:flex; align-items:center; gap:10px;
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-md);
  padding:12px 16px;
}
.ti-search input{
  flex:1; background:transparent; border:none; outline:none; color:var(--ink); font-family:inherit; font-size:1rem; min-width:0;
}
.ti-search svg{ flex:none; color:var(--muted); }
.ti-tabs{ display:flex; gap:8px; }
.ti-tab{
  padding:10px 18px; border-radius:999px; border:1px solid var(--border); background:var(--surface);
  color:var(--muted); font-weight:600; font-size:.9rem; transition:.2s;
}
.ti-tab.active{ background:linear-gradient(135deg,var(--teal),var(--violet)); color:#04211d; border-color:transparent; }

.ti-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:20px; align-items:start; }
@media (max-width:900px){ .ti-grid{ grid-template-columns:1fr; } }

.ti-panel{
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg);
  padding:20px; box-shadow:var(--shadow);
}
.ti-panel h3{ font-size:1.05rem; margin-bottom:14px; display:flex; align-items:center; gap:8px; }
.ti-panel h3 .badge-count{
  font-size:.72rem; background:rgba(25,195,176,0.15); color:var(--teal); padding:2px 10px; border-radius:999px; font-weight:700;
}

.ti-results{ display:flex; flex-direction:column; gap:12px; max-height:560px; overflow-y:auto; padding-inline-end:4px; }
.ti-result{
  border:1px solid var(--border); border-radius:var(--radius-md); padding:14px 16px; cursor:pointer; transition:.2s;
  background:rgba(255,255,255,0.02);
}
.ti-result:hover, .ti-result.selected{ border-color:var(--teal); background:rgba(25,195,176,0.06); }
.ti-result .r-head{ display:flex; justify-content:space-between; gap:10px; align-items:baseline; margin-bottom:6px; }
.ti-result .r-title{ font-weight:700; font-size:.95rem; }
.ti-result .r-meta{ font-size:.72rem; color:var(--muted); white-space:nowrap; }
.ti-result .r-snippet{ font-size:.85rem; color:var(--muted); line-height:1.7; }
.ti-result .r-snippet mark{ background:rgba(212,175,55,0.35); color:var(--ink); border-radius:3px; padding:0 2px; }
.ti-result .r-tag{
  display:inline-block; font-size:.68rem; padding:2px 8px; border-radius:999px; margin-inline-end:6px;
  background:rgba(124,92,255,0.15); color:var(--violet); font-weight:700;
}
.ti-empty{ color:var(--muted); text-align:center; padding:40px 0; font-size:.9rem; }

.ti-doc-view{ font-size:.88rem; line-height:1.9; color:var(--ink); white-space:pre-wrap; max-height:280px; overflow-y:auto; padding:14px; background:rgba(0,0,0,0.2); border-radius:var(--radius-sm); border:1px solid var(--border); margin-top:10px; }

.ti-ask{ display:flex; gap:10px; margin-top:6px; }
.ti-ask input{
  flex:1; background:rgba(255,255,255,0.03); border:1px solid var(--border); border-radius:var(--radius-md);
  padding:12px 14px; color:var(--ink); font-family:inherit; min-width:0;
}
.ti-ask button{
  background:linear-gradient(135deg,var(--teal),var(--violet)); color:#04211d; border:none; border-radius:var(--radius-md);
  padding:12px 20px; font-weight:700; font-size:.9rem;
}
.ti-ask button:disabled{ opacity:.6; cursor:not-allowed; }
.ti-answer{
  margin-top:14px; padding:16px; border-radius:var(--radius-md); background:rgba(124,92,255,0.08);
  border:1px solid rgba(124,92,255,0.25); font-size:.92rem; line-height:1.9; min-height:60px;
}
.ti-answer .cite{ color:var(--teal); font-weight:700; cursor:pointer; }
.ti-answer .src-list{ margin-top:12px; display:flex; flex-direction:column; gap:6px; font-size:.78rem; color:var(--muted); }
.ti-answer .src-list b{ color:var(--ink); }
.ti-answer .ans-mode{ display:inline-block; margin-bottom:8px; font-size:.7rem; padding:2px 10px; border-radius:999px; background:rgba(25,195,176,0.15); color:var(--teal); font-weight:700; }

.ti-score-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:12px; }
.ti-score-item{ background:rgba(255,255,255,0.03); border:1px solid var(--border); border-radius:var(--radius-sm); padding:12px; }
.ti-score-item .s-label{ font-size:.72rem; color:var(--muted); margin-bottom:6px; }
.ti-score-item .s-bar{ height:8px; border-radius:999px; background:rgba(255,255,255,0.08); overflow:hidden; margin-bottom:6px; }
.ti-score-item .s-bar > span{ display:block; height:100%; border-radius:999px; }
.ti-score-item .s-val{ font-size:.85rem; font-weight:700; }

.ti-verdict{
  margin-top:14px; padding:14px 16px; border-radius:var(--radius-md); text-align:center; font-weight:700; font-size:1.05rem;
}
.ti-verdict.go{ background:rgba(25,195,176,0.15); color:var(--teal); border:1px solid rgba(25,195,176,0.4); }
.ti-verdict.review{ background:rgba(212,175,55,0.15); color:var(--gold); border:1px solid rgba(212,175,55,0.4); }
.ti-verdict.nogo{ background:rgba(255,90,90,0.12); color:#ff8a8a; border:1px solid rgba(255,90,90,0.35); }

.ti-checklist{ list-style:none; padding:0; margin:12px 0 0; display:flex; flex-direction:column; gap:8px; }
.ti-checklist li{ display:flex; gap:10px; align-items:flex-start; font-size:.86rem; padding:10px 12px; border-radius:var(--radius-sm); background:rgba(255,255,255,0.02); border:1px solid var(--border); }
.ti-checklist li input{ margin-top:3px; accent-color:var(--teal); }
.ti-checklist li.auto-off{ opacity:.7; }

.ti-hint{ font-size:.78rem; color:var(--muted); margin-top:6px; }