/* For Travel Managers — page-specific blocks (dark TM-console + alerts + OOP panel) */

.role-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
@media (max-width:980px){ .role-hero-grid{grid-template-columns:1fr} }

/* TM console — air-traffic-control vibe */
.tm-console{background:#0E1117;color:#fff;border-radius:14px;padding:18px;border:1px solid #1B202B;box-shadow:0 18px 42px -22px rgba(11,13,18,.4)}
.tm-head{display:flex;justify-content:space-between;align-items:center;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);font-weight:600;padding-bottom:14px;border-bottom:1px solid #1B202B;margin-bottom:14px}
.tm-head b{color:#fff}

.tm-bars{display:flex;align-items:flex-end;gap:10px;height:120px;margin-bottom:8px}
.tm-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}
.tm-bar .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(255,255,255,.55)}
.tm-bar .col{width:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:1px}
.tm-bar .col .seg{border-radius:0}
.tm-bar .col .seg:first-child{border-radius:3px 3px 0 0}
.tm-bar .col .seg.in{background:#3DDC84}
.tm-bar .col .seg.oop{background:#FFC847}
.tm-bar .col .seg.flag{background:#FF8A6B}

.tm-legend{display:flex;gap:14px;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.06em;color:rgba(255,255,255,.6);margin-top:6px}
.tm-legend span{display:inline-flex;align-items:center;gap:5px}
.tm-legend .dot{width:8px;height:8px;border-radius:2px}
.tm-legend .dot.in{background:#3DDC84}
.tm-legend .dot.oop{background:#FFC847}
.tm-legend .dot.flag{background:#FF8A6B}

.tm-foot{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid #1B202B}
.tm-stat{background:#11151D;border:1px solid #1B202B;border-radius:10px;padding:12px 14px}
.tm-stat .lbl{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.1em;color:rgba(255,255,255,.55);text-transform:uppercase;font-weight:600;margin-bottom:6px}
.tm-stat .v{font-size:20px;font-weight:600;color:#fff;letter-spacing:-.015em;line-height:1}
.tm-stat .v.green{color:#3DDC84}
.tm-stat .sub{font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(255,255,255,.55);margin-top:4px}
@media (max-width:720px){ .tm-foot{grid-template-columns:1fr 1fr} }