/* Institutions: the 360 view, pipeline board and record pages. */
.in-hero{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;background:linear-gradient(120deg,var(--brand-navy,#061a36),#0d3566);color:#fff;border-radius:12px;padding:18px 20px}
.in-hero-main{display:flex;gap:14px;align-items:flex-start;min-width:0;flex:1 1 420px}
.in-hero-main>div{min-width:0}
.in-hero h2{margin:0 0 4px;font-size:21px;font-weight:700;color:#fff}
.in-hero p{margin:0 0 8px;color:#c9d7ea;font-size:13px;overflow-wrap:anywhere}
.in-hero .ct-code{background:rgba(255,255,255,.12);color:#fff}
.in-avatar{flex:0 0 52px;height:52px;border-radius:12px;background:var(--brand-accent,#0bb5e0);color:#03223f;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center}
.in-hero-side{display:grid;grid-template-columns:repeat(3,minmax(0,auto));gap:10px 22px;align-content:center}
.in-hero-side div{display:flex;flex-direction:column;min-width:0}
.in-hero-side span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#9fb6d3}
.in-hero-side b{font-size:13.5px;color:#fff}
.in-tabs{flex-wrap:wrap}
.in-tabs a i{margin-right:4px}
.in-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e8a317;margin-left:4px;vertical-align:middle}
.in-dq{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-top:1px solid #eef2f6;font-size:12.5px}
.in-board{display:grid;grid-template-columns:repeat(6,minmax(180px,1fr));gap:10px;overflow-x:auto;position:relative;padding-bottom:6px}
.in-col{background:#f3f6fa;border-radius:10px;padding:8px;min-width:0}
.in-col header{display:flex;flex-direction:column;padding:4px 4px 8px;border-bottom:2px solid #d9e3ee;margin-bottom:8px}
.in-col header span{font-size:11.5px;color:#5b6d82}
.in-col-won header{border-color:#1aa36f}.in-col-lost header{border-color:#c0392b}.in-col-negotiation header{border-color:#e8a317}
.in-card{background:#fff;border:1px solid #e0e7ef;border-radius:8px;padding:9px;margin-bottom:8px;display:flex;flex-direction:column;gap:4px;font-size:12.5px}
.in-card>span{color:#4a5b6e}
.in-card small{color:#6b7c90}
.in-card div{display:flex;justify-content:space-between;align-items:center;gap:6px}
.in-move select{width:100%;padding:4px 6px;font-size:12px}
.in-none{color:#8a99ab;font-size:12px;margin:6px 4px}
@media (max-width:900px){.in-hero-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.in-hero-side{grid-template-columns:minmax(0,1fr)}.in-board{grid-template-columns:repeat(6,minmax(200px,1fr))}}