/* css/link-side.css - the agent side bar (owner 2026-10-03): Home, Link,
   Signpost, Tracker, Feed, Training, and the brokerage's own programs. Shared
   by Link (crm.html) and Challenge 250 so the two cannot drift apart; the
   names and links it shows are filled by js/crm/link-nav.js.
   Above 900px only. A phone keeps the bottom tabs js/app-tabbar.js draws. */
.ln-side{display:none}
@media(min-width:901px){
  body{padding-left:236px}
  .ln-side{display:flex;flex-direction:column;gap:2px;position:fixed;top:0;bottom:0;left:0;width:236px;background:#0F1C30;padding:18px 12px;z-index:30;overflow-y:auto}
  .ln-brand{display:flex;align-items:center;gap:10px;padding:0 8px 14px;text-decoration:none;color:#fff;font:700 19px 'Playfair Display',serif}
  .ln-brand img{width:30px;height:30px}
  .ln-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:rgba(255,255,255,.78);font-size:14px;font-weight:700;text-decoration:none}
  .ln-link:hover{color:#fff;background:rgba(255,255,255,.08)}
  .ln-link.is-active{color:#0F1C30;background:#fff}
  .ln-link[hidden],.ln-grp[hidden]{display:none}
  .ln-ic{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
  .ln-grp{font-size:10px;font-weight:800;letter-spacing:1.4px;color:rgba(255,255,255,.45);padding:14px 12px 4px;text-transform:uppercase}
  .ln-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:10px;display:flex;flex-direction:column;gap:2px}
  .ln-who{color:rgba(255,255,255,.55);font-size:12px;padding:6px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ln-out{margin-top:6px;background:transparent;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.85);border-radius:9px;padding:8px;font:700 13px 'DM Sans',sans-serif;cursor:pointer}
  .ln-out:hover{background:rgba(255,255,255,.08)}
  /* A wide touch screen (an iPad) gets the phone tabs from app-tabbar.js;
     one way around is enough, so the side bar steps aside. */
  body.wp-has-tabbar{padding-left:0}
  body.wp-has-tabbar .ln-side{display:none}
}