/* College details: Placements (resources/views/college/placements.blade.php). Prefix: agd-plc-
   Compact: slim stat line, clamped summary card, recruiters as small chips in a dense wrap.
   Motion is transform/opacity only; off under prefers-reduced-motion. */
.agd-plc { min-width: 0; }

/* slim stat line */
.agd-plc-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  margin: 0 0 12px;
  padding: 8px 12px;
  min-width: 0;
  border: 1px solid var(--ag-line);
  border-radius: var(--ag-radius-sm, 12px);
  background: linear-gradient(90deg, color-mix(in srgb, var(--ag-brand) 8%, var(--ag-surface)), var(--ag-surface));
}
.agd-plc-stat { display: inline-flex; align-items: baseline; gap: 6px; min-width: 0; font-size: .86rem; color: var(--ag-muted); }
.agd-plc-stat i { color: var(--ag-brand); font-size: .9rem; align-self: center; }
.agd-plc-stat-num { font-size: 1.05rem; font-weight: 800; color: var(--ag-ink); font-variant-numeric: tabular-nums; }
.agd-plc-hero-note { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; font-size: .76rem; font-weight: 600; color: var(--ag-muted); }
.agd-plc-hero-note i { color: var(--ag-brand); }

/* summary card */
.agd-plc-summary {
  position: relative;
  min-width: 0;
  margin: 0 0 12px;
  padding: 12px 16px;
  background: var(--ag-surface);
  border: 1px solid var(--ag-line);
  border-left: 3px solid var(--ag-brand);
  border-radius: var(--ag-radius-sm, 12px);
  box-shadow: var(--ag-shadow);
}
.agd-plc-prose { font-size: .9rem; line-height: 1.55; min-width: 0; overflow-wrap: anywhere; }
.agd-plc-prose > :first-child { margin-top: 0; }
.agd-plc-prose > :last-child { margin-bottom: 0; }
.agd-plc-prose p { margin: 0 0 .5em; }
.agd-plc-prose ul, .agd-plc-prose ol { margin: 0 0 .5em; padding-left: 1.15em; }
.agd-plc-prose table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: .85rem; }
.agd-plc-prose td, .agd-plc-prose th { padding: 6px 8px; border: 1px solid var(--ag-line); }
.agd-plc-prose img { max-width: 100%; height: auto; }
.agd-plc-clamp { position: relative; min-width: 0; }
.agd-plc-clamp.is-clamped:not(.is-open) { max-height: 8.5em; overflow: hidden; }
.agd-plc-clamp.is-clamped:not(.is-open)::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 2.6em;
  background: linear-gradient(to bottom, transparent, var(--ag-surface));
  pointer-events: none;
}
.agd-plc-readmore {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 6px;
  padding: 2px 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: .82rem;
  font-weight: 700;
  color: var(--ag-brand);
  cursor: pointer;
}
.agd-plc-readmore i { transition: transform .25s var(--ag-ease); }
.agd-plc-readmore[aria-expanded="true"] i { transform: rotate(180deg); }
.agd-plc-readmore:hover { text-decoration: underline; }
.agd-plc-readmore:focus-visible { outline: 2px solid var(--ag-brand); outline-offset: 2px; border-radius: 4px; }

/* recruiters */
.agd-plc-recruiters { min-width: 0; }
.agd-plc-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; margin: 0 0 8px; }
.agd-plc-title { margin: 0; display: inline-flex; align-items: center; gap: 6px; font-size: 1rem; font-weight: 700; color: var(--ag-ink); }
.agd-plc-title i { color: var(--ag-brand); }
.agd-plc-count {
  padding: 2px 8px;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 700;
  color: var(--ag-brand);
  background: color-mix(in srgb, var(--ag-brand) 10%, transparent);
}
.agd-plc-grid { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; min-width: 0; }
.agd-plc-tile {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  min-width: 0;
  padding: 4px 10px 4px 4px;
  border: 1px solid var(--ag-line);
  border-radius: 999px;
  background: var(--ag-surface);
  transition: border-color .2s, transform .2s var(--ag-ease), box-shadow .2s;
}
.agd-plc-tile[hidden] { display: none; }
.agd-plc-tile--pkg { border-radius: 10px; }
.agd-plc-tile:hover {
  border-color: color-mix(in srgb, var(--ag-brand) 40%, var(--ag-line));
  transform: translateY(-1px);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--ag-brand) 12%, transparent);
}
.agd-plc-avatar {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  font-size: .68rem;
  font-weight: 800;
  color: #fff;
  background: #12A37A;
}
.agd-plc-hue-0 { background: linear-gradient(135deg, #12A37A, #05664F); }
.agd-plc-hue-1 { background: linear-gradient(135deg, #3B82F6, #4F46E5); }
.agd-plc-hue-2 { background: linear-gradient(135deg, #8B5CF6, #C026D3); }
.agd-plc-hue-3 { background: linear-gradient(135deg, #F97316, #E11D48); }
.agd-plc-hue-4 { background: linear-gradient(135deg, #F5B53F, #E8962A); }
.agd-plc-hue-5 { background: linear-gradient(135deg, #0EA5E9, #0F766E); }
.agd-plc-info { display: flex; flex-direction: column; min-width: 0; }
.agd-plc-name { font-size: .82rem; font-weight: 600; line-height: 1.25; color: var(--ag-ink); overflow-wrap: anywhere; }
.agd-plc-pkgs { display: flex; flex-wrap: wrap; gap: 2px 8px; font-size: .7rem; color: var(--ag-muted); }
.agd-plc-pkg-k { font-weight: 700; }
.agd-plc-pkg-high { color: var(--ag-brand); }

.agd-plc-more-wrap { margin-top: 10px; }
.agd-plc-more { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; font-size: .82rem; }
.agd-plc-more i { transition: transform .25s var(--ag-ease); }
.agd-plc-more[aria-expanded="true"] i { transform: rotate(180deg); }

html[data-theme="dark"] .agd-plc-hero { background: linear-gradient(90deg, color-mix(in srgb, var(--ag-brand) 14%, var(--ag-surface)), var(--ag-surface)); }
html[data-theme="dark"] .agd-plc-tile { background: var(--ag-surface-2, var(--ag-surface)); }

@media (max-width: 520px) {
  .agd-plc-hero-note { margin-left: 0; }
  .agd-plc-summary { padding: 10px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .agd-plc-tile, .agd-plc-more i, .agd-plc-readmore i { transition: none; }
  .agd-plc-tile:hover { transform: none; }
}