/* OIB V57 — Moje OIB premium, spójne z publiczną stroną */
body.mode-portal{
  margin:0!important;
  min-height:100vh!important;
  background:#f6f7f8!important;
  color:#17191d!important;
  padding:0!important;
}
body.mode-portal .mobile-contact,
body.mode-portal .site-footer,
body.mode-portal .cookie-captcha-banner{display:none!important;}

#portalSite{min-height:100vh!important;background:#f6f7f8!important;}
#portalSite .portal-v57-shell{
  min-height:100vh!important;
  padding:24px!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(152,23,43,.075),transparent 30%),
    linear-gradient(180deg,#fbfbfc 0%,#f5f6f7 100%)!important;
}
#portalSite .portal-v57-container{width:min(100%,1220px)!important;max-width:1220px!important;margin:0 auto!important;}

#portalSite .portal-v57-topbar{
  min-height:76px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  padding:14px 18px!important;
  background:#fff!important;
  border:1px solid #e2e4e7!important;
  border-radius:18px!important;
  box-shadow:0 14px 38px rgba(17,19,24,.06)!important;
}
#portalSite .portal-v57-topbar .logo{display:inline-flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;color:#111!important;}
#portalSite .portal-v57-topbar .logo-mark{font-size:34px!important;line-height:1!important;}
#portalSite .portal-v57-topbar .logo-copy{display:block!important;max-width:150px!important;font-size:10px!important;line-height:1.2!important;letter-spacing:.1em!important;}
#portalSite .portal-v57-top-actions{display:flex!important;align-items:center!important;gap:12px!important;}
#portalSite .portal-v57-secure{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#5f6874!important;font-size:12px!important;font-weight:800!important;}
#portalSite .portal-v57-secure i{width:9px!important;height:9px!important;border-radius:50%!important;background:#2e9553!important;box-shadow:0 0 0 5px rgba(46,149,83,.10)!important;}
#portalSite .portal-back-link{min-height:44px!important;padding:0 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #dfe2e6!important;border-radius:11px!important;background:#fff!important;color:#1e2227!important;text-decoration:none!important;font-size:13px!important;font-weight:850!important;}

#portalSite .portal-v57-frame{
  display:grid!important;
  grid-template-columns:minmax(360px,.88fr) minmax(440px,1.12fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  margin-top:18px!important;
}
#portalSite .portal-v57-intro{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:630px!important;
  padding:42px!important;
  color:#fff!important;
  background:linear-gradient(150deg,#8f1727 0%,#a51b2f 62%,#7c1221 100%)!important;
  border-radius:22px!important;
  box-shadow:0 24px 70px rgba(105,17,31,.18)!important;
}
#portalSite .portal-v57-intro:before{
  content:""!important;position:absolute!important;right:-150px!important;top:-170px!important;width:390px!important;height:390px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 0 0 44px rgba(255,255,255,.025),0 0 0 88px rgba(255,255,255,.018)!important;
}
#portalSite .portal-v57-intro-copy{position:relative!important;z-index:1!important;}
#portalSite .portal-v57-intro .eyebrow{color:#fff!important;opacity:.82!important;margin:0 0 14px!important;font-size:11px!important;letter-spacing:.2em!important;}
#portalSite .portal-v57-intro h1{max-width:560px!important;margin:0!important;color:#fff!important;font-size:clamp(44px,5vw,72px)!important;line-height:.92!important;letter-spacing:-.065em!important;}
#portalSite .portal-v57-intro-copy>p:last-child{max-width:560px!important;margin:22px 0 0!important;color:rgba(255,255,255,.80)!important;font-size:17px!important;line-height:1.55!important;}
#portalSite .portal-v57-highlights{position:relative!important;z-index:1!important;display:grid!important;gap:9px!important;margin-top:38px!important;}
#portalSite .portal-v57-highlights div{display:grid!important;grid-template-columns:38px 1fr!important;column-gap:12px!important;padding:14px 15px!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:13px!important;}
#portalSite .portal-v57-highlights span{grid-row:1/3!important;align-self:center!important;width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#fff!important;color:#98172b!important;font-size:10px!important;font-weight:900!important;}
#portalSite .portal-v57-highlights strong{color:#fff!important;font-size:14px!important;}
#portalSite .portal-v57-highlights small{margin-top:2px!important;color:rgba(255,255,255,.68)!important;font-size:12px!important;}
#portalSite .portal-v57-trust{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:34px 1fr!important;gap:12px!important;align-items:start!important;margin-top:auto!important;padding-top:26px!important;border-top:1px solid rgba(255,255,255,.17)!important;}
#portalSite .portal-v57-lock{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#fff!important;color:#98172b!important;font-weight:900!important;}
#portalSite .portal-v57-trust p{margin:0!important;color:rgba(255,255,255,.70)!important;font-size:12px!important;line-height:1.5!important;}
#portalSite .portal-v57-trust strong{color:#fff!important;}

#portalSite .portal-v57-content{min-width:0!important;margin:0!important;}
#portalContent .portal-auth-layout{display:block!important;height:100%!important;}
#portalContent .portal-auth-card{
  width:100%!important;height:100%!important;min-height:630px!important;
  display:flex!important;flex-direction:column!important;
  overflow:hidden!important;background:#fff!important;border:1px solid #e1e4e8!important;border-top:5px solid #98172b!important;border-radius:22px!important;box-shadow:0 24px 70px rgba(18,22,28,.09)!important;
}
#portalContent .portal-auth-heading{padding:30px 30px 18px!important;}
#portalContent .portal-auth-heading .eyebrow{margin:0 0 9px!important;color:#98172b!important;font-size:10px!important;letter-spacing:.17em!important;}
#portalContent .portal-auth-heading h2{margin:0 0 8px!important;font-size:34px!important;line-height:1!important;letter-spacing:-.045em!important;}
#portalContent .portal-auth-heading p{margin:0!important;color:#68717d!important;font-size:14px!important;line-height:1.5!important;}
#portalContent .portal-auth-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;margin:0 30px!important;padding:4px!important;background:#f0f2f4!important;border:1px solid #e1e4e7!important;border-radius:13px!important;}
#portalContent .portal-auth-tabs button{min-height:46px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#68717d!important;font-size:12px!important;font-weight:900!important;letter-spacing:.05em!important;}
#portalContent .portal-auth-tabs button.active{background:#fff!important;color:#98172b!important;box-shadow:0 5px 16px rgba(17,19,24,.09)!important;}
#portalContent .portal-auth-card form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:15px!important;padding:25px 30px 22px!important;background:transparent!important;}
#portalContent .portal-auth-card form[hidden]{display:none!important;}
#portalContent .portal-auth-card .field.full{grid-column:1/-1!important;}
#portalContent .portal-auth-card .field label{display:block!important;margin:0 0 7px!important;color:#252a30!important;font-size:12px!important;font-weight:850!important;}
#portalContent .portal-auth-card input{width:100%!important;min-height:52px!important;padding:12px 14px!important;background:#fafbfc!important;border:1px solid #ccd2d8!important;border-radius:12px!important;color:#16191d!important;font-size:16px!important;box-shadow:none!important;}
#portalContent .portal-auth-card input:focus{outline:0!important;background:#fff!important;border-color:#98172b!important;box-shadow:0 0 0 4px rgba(152,23,43,.10)!important;}
#portalContent .portal-input-with-action{position:relative!important;}
#portalContent .portal-input-with-action input{padding-right:72px!important;}
#portalContent .portal-password-toggle{position:absolute!important;right:7px!important;top:7px!important;bottom:7px!important;min-width:58px!important;padding:0 9px!important;border:0!important;border-radius:8px!important;background:#eef0f2!important;color:#505966!important;font-size:11px!important;font-weight:850!important;}
#portalContent .portal-password-field>small{display:block!important;margin-top:6px!important;color:#7b838d!important;font-size:11px!important;}
#portalContent .portal-inline-actions{display:grid!important;grid-template-columns:minmax(180px,1fr) auto!important;align-items:center!important;gap:10px!important;}
#portalContent .portal-inline-actions .button,#portalContent .portal-auth-card form>.field.full>.button{width:100%!important;min-height:54px!important;border-radius:12px!important;background:#98172b!important;color:#fff!important;font-size:15px!important;font-weight:900!important;box-shadow:0 12px 26px rgba(152,23,43,.20)!important;}
#portalContent .portal-inline-actions p{margin:0!important;}
#portalContent .portal-inline-actions .text-button{min-height:44px!important;padding:0 10px!important;border:0!important;background:transparent!important;color:#596270!important;text-decoration:underline!important;text-underline-offset:3px!important;white-space:nowrap!important;box-shadow:none!important;}
#portalContent .portal-auth-card .consent{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;min-height:0!important;padding:12px 13px!important;background:#f7f8f9!important;border:1px solid #e0e3e6!important;border-radius:11px!important;color:#4d5661!important;font-size:12px!important;line-height:1.45!important;}
#portalContent .portal-auth-card .consent input{width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;margin:1px 0 0!important;padding:0!important;}
#portalStatus:not(:empty){margin:0 30px 16px!important;padding:12px 14px!important;border:1px solid #edd5da!important;border-left:4px solid #98172b!important;border-radius:10px!important;background:#fff7f8!important;color:#7d1625!important;font-size:13px!important;font-weight:750!important;}
#portalContent .portal-auth-footer{margin-top:auto!important;display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;padding:16px 30px!important;background:#f7f8f9!important;border-top:1px solid #e5e7ea!important;color:#68717d!important;font-size:12px!important;}
#portalContent .portal-auth-footer span{font-weight:850!important;color:#272c32!important;}
#portalContent .portal-auth-footer a{color:#98172b!important;font-weight:800!important;text-decoration:none!important;}

#portalSite .portal-v57-footer{display:flex!important;justify-content:center!important;gap:18px!important;margin-top:18px!important;color:#7b828c!important;font-size:12px!important;}
#portalSite .portal-v57-footer a{color:#59616d!important;text-decoration:none!important;}

/* Widok po zalogowaniu */
body.portal-authenticated #portalSite .portal-v57-frame{display:block!important;}
body.portal-authenticated #portalSite .portal-v57-intro{display:none!important;}
body.portal-authenticated #portalSite .portal-v57-content{width:100%!important;}
body.portal-authenticated #portalContent .portal-grid.portal-dashboard{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:16px!important;}
body.portal-authenticated #portalContent .portal-card{grid-column:span 6!important;padding:24px!important;background:#fff!important;border:1px solid #e2e4e7!important;border-top:4px solid #98172b!important;border-radius:16px!important;box-shadow:0 15px 42px rgba(18,22,28,.07)!important;}
body.portal-authenticated #portalContent .portal-card[style*="grid-column:1/-1"],body.portal-authenticated #portalContent .portal-wide-card{grid-column:1/-1!important;}
body.portal-authenticated #portalContent .portal-account-card{grid-column:span 7!important;background:linear-gradient(135deg,#fff 0%,#fff 65%,#fff4f6 100%)!important;}
body.portal-authenticated #portalContent .portal-contact-card{grid-column:span 5!important;}
body.portal-authenticated #portalContent .portal-card h2{margin:0 0 14px!important;font-size:24px!important;letter-spacing:-.035em!important;}
body.portal-authenticated #portalContent .portal-card-head{display:flex!important;justify-content:space-between!important;gap:16px!important;align-items:flex-start!important;}
body.portal-authenticated #portalContent .portal-status-badge{padding:7px 10px!important;border-radius:999px!important;background:#e8f5ec!important;color:#287544!important;font-size:11px!important;font-weight:900!important;}
body.portal-authenticated #portalContent .portal-welcome{font-size:17px!important;font-weight:800!important;color:#20242a!important;}
body.portal-authenticated #portalContent .portal-detail-row{display:flex!important;justify-content:space-between!important;gap:18px!important;padding:12px 0!important;border-bottom:1px solid #eceef0!important;}
body.portal-authenticated #portalContent .portal-detail-row span{color:#707986!important;}
body.portal-authenticated #portalContent .portal-detail-row strong{text-align:right!important;overflow-wrap:anywhere!important;}
body.portal-authenticated #portalContent .dashboard-row{padding:14px 0!important;border-bottom:1px solid #eceef0!important;line-height:1.45!important;}
body.portal-authenticated #portalContent .dashboard-row:last-child{border-bottom:0!important;}
body.portal-authenticated #portalContent .portal-card-actions{display:flex!important;gap:9px!important;flex-wrap:wrap!important;margin-top:18px!important;}

@media(max-width:900px){
  #portalSite .portal-v57-frame{grid-template-columns:1fr!important;}
  #portalSite .portal-v57-intro{min-height:0!important;padding:28px!important;}
  #portalSite .portal-v57-intro h1{font-size:48px!important;}
  #portalSite .portal-v57-highlights{grid-template-columns:repeat(3,1fr)!important;}
  #portalSite .portal-v57-highlights div{grid-template-columns:1fr!important;gap:6px!important;}
  #portalSite .portal-v57-highlights span{grid-row:auto!important;}
  #portalSite .portal-v57-trust{margin-top:26px!important;}
  #portalContent .portal-auth-card{min-height:0!important;}
}

@media(max-width:700px){
  #portalSite .portal-v57-shell{padding:10px 8px 26px!important;}
  #portalSite .portal-v57-topbar{min-height:64px!important;padding:11px 13px!important;border-radius:14px!important;}
  #portalSite .portal-v57-topbar .logo-mark{font-size:29px!important;}
  #portalSite .portal-v57-topbar .logo-copy{font-size:8px!important;max-width:105px!important;}
  #portalSite .portal-v57-secure{display:none!important;}
  #portalSite .portal-back-link{min-height:40px!important;padding:0 12px!important;font-size:12px!important;}
  #portalSite .portal-v57-frame{margin-top:10px!important;gap:10px!important;}
  #portalSite .portal-v57-intro{padding:24px 20px!important;border-radius:16px!important;box-shadow:0 14px 36px rgba(105,17,31,.16)!important;}
  #portalSite .portal-v57-intro h1{font-size:40px!important;line-height:.96!important;}
  #portalSite .portal-v57-intro-copy>p:last-child{margin-top:14px!important;font-size:14px!important;}
  #portalSite .portal-v57-highlights{display:flex!important;overflow:auto!important;margin-top:20px!important;padding-bottom:2px!important;scrollbar-width:none!important;}
  #portalSite .portal-v57-highlights::-webkit-scrollbar{display:none!important;}
  #portalSite .portal-v57-highlights div{flex:0 0 180px!important;padding:12px!important;}
  #portalSite .portal-v57-trust{display:none!important;}
  #portalContent .portal-auth-card{border-radius:16px!important;border-top-width:4px!important;}
  #portalContent .portal-auth-heading{padding:22px 20px 14px!important;}
  #portalContent .portal-auth-heading h2{font-size:29px!important;}
  #portalContent .portal-auth-tabs{margin:0 20px!important;}
  #portalContent .portal-auth-card form{grid-template-columns:1fr!important;gap:13px!important;padding:20px!important;}
  #portalContent .portal-auth-card .field.full{grid-column:auto!important;}
  #portalContent .portal-inline-actions{grid-template-columns:1fr!important;gap:5px!important;}
  #portalContent .portal-inline-actions .text-button{width:100%!important;justify-content:center!important;min-height:44px!important;background:#f4f5f6!important;border:1px solid #e0e3e6!important;border-radius:10px!important;text-decoration:none!important;}
  #portalStatus:not(:empty){margin:0 20px 14px!important;}
  #portalContent .portal-auth-footer{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;padding:14px 20px!important;}
  #portalSite .portal-v57-footer{margin-top:14px!important;padding-bottom:6px!important;}
  body.portal-authenticated #portalContent .portal-grid.portal-dashboard{grid-template-columns:1fr!important;gap:10px!important;}
  body.portal-authenticated #portalContent .portal-card,body.portal-authenticated #portalContent .portal-account-card,body.portal-authenticated #portalContent .portal-contact-card,body.portal-authenticated #portalContent .portal-card[style]{grid-column:1!important;padding:18px!important;border-radius:14px!important;}
  body.portal-authenticated #portalContent .portal-detail-row{display:block!important;}
  body.portal-authenticated #portalContent .portal-detail-row strong{display:block!important;text-align:left!important;margin-top:4px!important;}
}


/* OIB V58 — na telefonie panel logowania jest pierwszy */
@media(max-width:900px){
  body:not(.portal-authenticated) #portalSite .portal-v57-frame{
    display:flex!important;
    flex-direction:column!important;
  }
  body:not(.portal-authenticated) #portalSite .portal-v57-content{
    order:1!important;
  }
  body:not(.portal-authenticated) #portalSite .portal-v57-intro{
    order:2!important;
  }
}

@media(max-width:700px){
  body:not(.portal-authenticated) #portalSite .portal-v57-intro{
    display:none!important;
  }
  body:not(.portal-authenticated) #portalSite .portal-v57-frame{
    margin-top:8px!important;
  }
  body:not(.portal-authenticated) #portalContent .portal-auth-card{
    min-height:auto!important;
  }
  body:not(.portal-authenticated) #portalContent .portal-auth-heading{
    padding-top:20px!important;
  }
}