/* Lajkto Portal v2.6.7 PWA + mobile header fix */
.topbar{
  grid-template-columns:auto minmax(0,1fr) minmax(220px,330px) !important;
  align-items:center !important;
  gap:14px !important;
}
.topbar .brand{padding-top:0 !important;min-width:0;}
.topbar nav,.topbar .portal-nav{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  padding-top:0 !important;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.topbar nav::-webkit-scrollbar,.topbar .portal-nav::-webkit-scrollbar{display:none;}
.topbar nav a,.topbar .portal-nav a,.portal-install-btn{
  flex:0 0 auto;
}
.portal-install-btn{
  appearance:none;
  border:1px solid var(--line,#dfe8e5);
  background:#fff;
  color:var(--green,#0b8f72);
  border-radius:999px;
  padding:8px 12px;
  min-height:34px;
  font:800 13px/1 Inter,Segoe UI,system-ui,-apple-system,sans-serif;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer;
  box-shadow:0 5px 15px rgba(23,56,48,.06);
}
.portal-install-btn:hover{background:#eff8f5;color:var(--green2,#08725c);}
.portal-install-btn:active{transform:translateY(1px);}
.portal-install-btn[disabled]{opacity:.64;cursor:default;transform:none;}
.portal-install-btn[data-installed="1"]{background:#e6f8f2;color:#075c49;}
.account-card{align-self:center;}
.portal-pwa-sheet{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  place-items:end center;
  padding:18px;
  background:rgba(5,12,10,.45);
  backdrop-filter:blur(5px);
}
.portal-pwa-sheet.is-open{display:grid;}
.portal-pwa-card{
  width:min(520px,100%);
  color:var(--ink,#16211f);
  background:#fff;
  border:1px solid var(--line,#dfe8e5);
  border-radius:22px;
  padding:18px;
  box-shadow:0 24px 70px rgba(0,0,0,.25);
}
.portal-pwa-card h2{margin:0 0 8px;font-size:20px;letter-spacing:-.02em;}
.portal-pwa-card p{margin:0 0 12px;color:var(--muted,#65736f);}
.portal-pwa-card ol{margin:0 0 14px 20px;padding:0;color:var(--ink,#16211f);}
.portal-pwa-card li{margin:6px 0;}
.portal-pwa-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;}
.portal-pwa-actions button{
  border:0;
  border-radius:999px;
  padding:10px 14px;
  font-weight:900;
  cursor:pointer;
}
.portal-pwa-close{background:#edf4f2;color:#334641;}
.portal-pwa-refresh{background:var(--green,#0b8f72);color:#fff;}
@media(max-width:900px){
  .topbar{
    grid-template-columns:1fr !important;
    align-items:stretch !important;
    gap:10px !important;
  }
  .topbar .brand{order:1;}
  .topbar nav,.topbar .portal-nav{order:2;width:100%;}
  .account-card{order:3;grid-column:1/-1;}
}
@media(max-width:600px){
  .page{padding:12px !important;}
  .topbar{gap:8px !important;}
  .brand strong{font-size:21px !important;}
  .brand small{display:inline !important;font-size:12px;}
  .portal-install-btn{min-height:32px;padding:7px 11px;font-size:12px;}
  .topbar nav a,.topbar .portal-nav a{font-size:13px;}
  .account-card{padding:11px 12px !important;border-radius:14px !important;}
  .mail-actions{gap:7px;flex-wrap:wrap;}
  .mail-actions .button.small{padding:8px 10px;}
  .portal-pwa-sheet{padding:10px;}
  .portal-pwa-card{border-radius:18px;padding:16px;}
}