/* chrome.css — shared VDR chrome header (markup: partials/header.php).
   Linked by index/login/users/dashboard/user_edit. Page-specific layout, the
   confidentiality bar, footers, and cards stay in each page's own CSS. */

header{background:var(--navy); color:#fff; padding:24px 40px;
       display:flex; align-items:center; gap:18px;}
header img{height:48px; width:auto; display:block;}
header .brand{display:flex; align-items:center;}
header .ttl{font-weight:700; font-size:19px; line-height:1.2;}
header .sub{font-weight:400; font-size:12px; color:#BBD8EC; opacity:.9;}
header .session{margin-left:auto; text-align:right; font-size:11px; color:#BBD8EC;}
header .session a{color:#fff; font-weight:600;}
header .session a:hover{color:var(--sky);}

/* Mobile: stack + center the header (logo/title, then session links). */
@media (max-width:768px){
  header{flex-direction:column; align-items:center; text-align:center; gap:12px; padding:16px 20px;}
  header img{height:42px;}
  header .ttl{font-size:18px;}
  header .session{margin-left:0; text-align:center; width:100%; font-size:12px; line-height:1.9;}
  header .session a{display:inline-block; padding:3px 0;}
}