/* Exact BEGOS brand asset rendering.
   The original PNG is never filtered, recolored, cropped or redrawn. */
.sidebar-logo-wrap.original-logo img,
.mobile-brand img,
.login-logo{filter:none!important;mix-blend-mode:normal!important;object-fit:contain!important;object-position:center!important}

/* The original artwork contains dark typography, so it is placed on a neutral white plate in dark UI areas. */
.sidebar-logo-wrap.original-logo{width:70px!important;height:58px!important;padding:3px!important;border-radius:11px!important;background:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.16)!important;overflow:hidden!important}
.sidebar-logo-wrap.original-logo img{width:64px!important;height:52px!important}

.app-workspace{position:relative;isolation:isolate}
.app-workspace:before{content:""!important;display:block!important;position:fixed!important;right:20px!important;bottom:12px!important;width:min(470px,33vw)!important;height:min(380px,30vw)!important;background:url('../images/begos-logo-original.png') center/contain no-repeat!important;opacity:.095!important;mix-blend-mode:normal!important;filter:none!important;pointer-events:none!important;z-index:0!important}
.app-content,.mobile-topbar{position:relative;z-index:1}

/* One global watermark is enough; do not alter the brand mark inside dark cards. */
.balance-card-v2:after,.hero-balance:after,.dashboard-page:before,.result-hero:after{display:none!important}

/* Login also uses the same untouched logo asset. */
.auth-body{position:relative;isolation:isolate}
.auth-body:before{content:"";position:fixed;right:3vw;bottom:2vh;width:min(430px,32vw);height:min(350px,28vw);background:url('../images/begos-logo-original.png') center/contain no-repeat;opacity:.075;filter:none;mix-blend-mode:normal;pointer-events:none;z-index:0}
.auth-page{position:relative;z-index:1}
.login-brand-panel:after{display:none!important}
.login-logo{width:160px!important;height:133px!important;background:#fff!important;border-radius:16px!important;box-shadow:0 14px 34px rgba(0,0,0,.18)!important;padding:7px!important}

/* TRUE RESPONSIVE DESKTOP FIT
   Previous max-width ceilings made the application look like a small centered document
   on 2K/4K monitors or when the browser had previously been zoomed out. The authenticated
   workspace now uses the full available width and enlarges typography/components on wide viewports. */
.app-workspace{width:100%!important;min-width:0!important}
.app-content.container{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(24px,1.7vw,38px) clamp(24px,2vw,44px) 56px!important;
}
.dashboard-reference,
.page-v2,
.standard-page,
.review-shell,
.plan-page-head,
.plan-summary-grid,
.plan-table-card,
.plan-detail-panel{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

@media(min-width:1800px) and (min-height:780px){
  .app-content.container{padding:30px 34px 58px!important}

  .dashboard-reference .dashboard-ref-title h1{font-size:42px!important}
  .dashboard-reference .dashboard-ref-title p{font-size:15px!important}
  .dashboard-ref-hero{grid-template-columns:minmax(430px,1.12fr) minmax(0,2.45fr)!important;gap:16px!important}
  .ref-main-balance{min-height:246px!important;padding:27px 29px!important}
  .ref-main-balance>strong{font-size:45px!important}
  .ref-main-balance>span{font-size:16px!important}
  .ref-kpi{min-height:116px!important;padding:16px 17px!important}
  .ref-kpi-content>span{font-size:11px!important}
  .ref-kpi-content>strong{font-size:24px!important}
  .ref-kpi-content>small{font-size:10px!important}
  .ref-section-head h2{font-size:22px!important}
  .ref-flow span{font-size:10px!important}
  .ref-flow strong{font-size:17px!important}
  .ref-flow small{font-size:9px!important}
  .ref-liquidity{min-height:292px!important;padding:20px!important}
  .ref-liquidity h2{font-size:28px!important}
  .ref-liquidity-message{font-size:12px!important}
  .ref-sparkline{height:84px!important}

  .page-v2-head h1,.page-head h1,.plan-page-head h1{font-size:38px!important}
  .page-v2-head p,.page-head p,.plan-page-head p{font-size:14px!important}

  .app-workspace th{font-size:11px!important;padding:13px 15px!important}
  .app-workspace td{font-size:13px!important;padding:13px 15px!important}

  .calendar-layout{grid-template-columns:minmax(0,1fr) minmax(340px,25vw)!important}
  .calendar-day-v2{min-height:138px!important;padding:10px!important}
  .calendar-day-number{font-size:12px!important}
  .calendar-event-v2 span{font-size:9px!important}
  .calendar-event-v2 strong{font-size:10px!important}
  .day-detail-head h2{font-size:21px!important}
  .day-event-card h3{font-size:14px!important}
}

@media(min-width:2200px){
  .app-content.container{padding:32px 40px 62px!important}
  .app-workspace th{font-size:12px!important;padding:14px 16px!important}
  .app-workspace td{font-size:14px!important;padding:14px 16px!important}
  .page-v2-head h1,.page-head h1,.plan-page-head h1{font-size:41px!important}
  .page-v2-head p,.page-head p,.plan-page-head p{font-size:15px!important}
  .calendar-day-v2{min-height:146px!important}
  .calendar-event-v2 span{font-size:10px!important}
  .calendar-event-v2 strong{font-size:11px!important}
}

@media(max-width:760px){
  .app-workspace:before,.auth-body:before{width:245px!important;height:195px!important;opacity:.055!important}
  .sidebar-logo-wrap.original-logo{width:58px!important;height:48px!important}
  .sidebar-logo-wrap.original-logo img{width:52px!important;height:42px!important}
}