/* VORAUS ADMIN — Phase 3.1 External Feeds */
.external-source-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
}
.external-source-card{
  border-radius:17px;
  padding:16px;
}
.external-source-head{
  display:flex;
  align-items:center;
  gap:12px;
}
.external-source-head > div{
  display:grid;
  gap:3px;
  flex:1;
}
.external-source-head strong{font-size:12px}
.external-source-head span{font-size:9px;color:var(--muted)}
.source-mark{
  width:34px;height:34px;border-radius:10px;
  display:grid;place-items:center;
  font-weight:900;font-size:12px;
  border:1px solid var(--line);
}
.source-mark.road{
  color:var(--accent);
  background:rgba(215,255,53,.06);
  border-color:rgba(215,255,53,.18);
}
.source-mark.transit{
  color:var(--info);
  background:rgba(109,166,255,.06);
  border-color:rgba(109,166,255,.18);
}
.external-live-dot{
  width:8px;height:8px;border-radius:999px;
  background:var(--success);
  box-shadow:0 0 0 5px rgba(84,229,156,.06),0 0 14px rgba(84,229,156,.28);
}
.external-source-card p{font-size:10px;margin:13px 0;color:var(--muted)}
.external-source-meta{
  display:flex;gap:8px;flex-wrap:wrap;
}
.external-source-meta span{
  font-size:8px;color:#8e9aa2;
  border:1px solid var(--line);
  background:rgba(255,255,255,.02);
  padding:5px 7px;border-radius:999px;
}

.external-feed-panel{padding:16px}
.external-toolbar{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 180px 180px 190px;
  gap:10px;
}
.external-feed-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:18px 2px 12px;
}
.external-feed-head h2{margin:4px 0 0}
.external-feed-status{
  display:flex;align-items:center;gap:8px;
  color:var(--muted);font-size:9px;
}
.external-feed{
  display:grid;
  gap:10px;
}
.external-item{
  border:1px solid var(--line);
  background:rgba(255,255,255,.018);
  border-radius:15px;
  padding:14px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:13px;
  align-items:start;
  transition:.18s ease;
}
.external-item:hover{
  background:rgba(215,255,53,.02);
  border-color:rgba(215,255,53,.13);
}
.external-type-icon{
  width:38px;height:38px;border-radius:12px;
  display:grid;place-items:center;
  border:1px solid var(--line);
  font-size:15px;
}
.external-type-icon.danger{background:rgba(255,94,103,.08);color:var(--danger)}
.external-type-icon.warning{background:rgba(255,173,71,.08);color:var(--warning)}
.external-type-icon.info{background:rgba(109,166,255,.08);color:var(--info)}
.external-type-icon.success{background:rgba(84,229,156,.08);color:var(--success)}
.external-item-copy{min-width:0}
.external-item-top{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  margin-bottom:6px;
}
.official-badge,.official-mini{
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(215,255,53,.25);
  background:rgba(215,255,53,.06);
  color:var(--accent);
  border-radius:999px;
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
  min-height:20px;
  padding:0 7px;
}
.official-mini{min-height:18px;font-size:6px;padding:0 6px}
.source-badge{
  color:#9ba7ad;font-size:8px;
}
.external-item-copy h3{
  margin:0 0 5px;font-size:12px;
}
.external-item-copy p{
  margin:0 0 8px;
  color:var(--muted);font-size:10px;line-height:1.5;
}
.external-item-meta{
  display:flex;gap:10px;flex-wrap:wrap;
  color:#748087;font-size:8px;
}
.external-item-actions{
  display:flex;flex-direction:column;gap:7px;
  min-width:112px;
}
.external-imported{
  color:var(--success)!important;
  border-color:rgba(84,229,156,.2)!important;
  background:rgba(84,229,156,.05)!important;
  cursor:default!important;
}
.official-import-banner{
  display:flex;align-items:center;gap:12px;
  border:1px solid rgba(215,255,53,.16);
  background:rgba(215,255,53,.035);
  padding:12px;border-radius:13px;
  margin-bottom:15px;
}
.official-import-banner > div{display:grid;gap:3px}
.official-import-banner strong{font-size:11px}
.official-import-banner span:not(.official-badge){font-size:9px;color:var(--muted)}
.external-origin-note{
  border:1px solid var(--line);
  background:rgba(255,255,255,.018);
  border-radius:12px;padding:11px;
  display:grid;gap:4px;margin-top:14px;
}
.external-origin-note strong{font-size:9px;letter-spacing:.08em;color:#87939a}
.external-origin-note span{font-size:9px;color:var(--muted);line-height:1.5}
.external-api-body{padding:20px 22px 22px;display:grid;gap:12px}
.external-api-body article{
  border:1px solid var(--line);
  background:rgba(255,255,255,.018);
  border-radius:14px;padding:14px;
}
.external-api-body h3{margin:8px 0 5px;font-size:12px}
.external-api-body p{font-size:10px;margin:0 0 10px}
.external-api-body code{
  display:block;overflow:auto;
  background:#05090c;border:1px solid var(--line);
  color:#9fe4bd;padding:9px;border-radius:9px;
  font-size:9px;
}
.external-api-security{
  border:1px solid rgba(84,229,156,.16);
  background:rgba(84,229,156,.035);
  border-radius:13px;padding:12px;
  display:grid;gap:4px;
}
.external-api-security strong{font-size:10px;color:#86efba}
.external-api-security span{font-size:9px;color:var(--muted);line-height:1.5}

@media(max-width:1180px){
  .external-toolbar{grid-template-columns:1fr 1fr}
  .external-toolbar .search-control{grid-column:span 2}
}
@media(max-width:760px){
  .external-source-grid{grid-template-columns:1fr}
  .external-toolbar{grid-template-columns:1fr}
  .external-toolbar .search-control{grid-column:auto}
  .external-item{grid-template-columns:auto minmax(0,1fr)}
  .external-item-actions{grid-column:2;flex-direction:row;min-width:0}
}