/* corporate.css — v4.4.1 "PMP Corporate" look (loaded last). From the reference the user chose:
   light airy floor with a faint globe, deep PMP navy + PMP red, Poppins, rounded cards with soft blue shadows,
   navy buttons with an arrow, the red / navy swoosh of the logo. Machine plates keep Barlow Condensed. */

@font-face{font-family:'Poppins';font-weight:400;font-display:swap;src:url(../fonts/poppins-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-weight:500;font-display:swap;src:url(../fonts/poppins-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-weight:700;font-display:swap;src:url(../fonts/poppins-latin-700-normal.woff2) format('woff2')}

[data-theme="pmp"]{
  --ink:#0B2D6B; --pmp-blue:#0B2D6B; --link:#1F55B8; --signal:#DC2626; --hivis:#E9A100;
  --floor:#F4F7FB; --line:#E3E9F2; --accent-soft:#EFF6FF;
  --font-sans:'Poppins',var(--cjk),system-ui,sans-serif;
  --font-num:'Poppins',var(--cjk),system-ui,sans-serif;
  --font-head:'Poppins',var(--cjk),system-ui,sans-serif;
  --bg:var(--floor); --surface:#FFFFFF; --surface2:#F8FAFC; --surface3:#EEF2F8;
  --text:#1F2937; --muted:#6B7280; --muted2:#4B5563;
  --input-border:#D5DDE9; --table-head:#F8FAFC; --table-hover:#F3F7FD;
  --accent:#0B2D6B; --focus:#3B76E0;
  --shadow:0 1px 2px rgba(11,45,107,.05),0 10px 30px rgba(11,45,107,.08);
  --card-shadow:0 1px 2px rgba(11,45,107,.04),0 8px 24px rgba(11,45,107,.07);
  --r:14px; --r-sm:10px;
  --fs-xs:12px; --fs-sm:13px; --fs-md:14px; --fs-lg:16px; --fs-xl:22px;
  --navy:#0B2D6B; --navy-dark:#082456; --navy-deeper:#061B43; --navy-light:#13408F;
}
[data-theme="dark"]{--font-sans:'Poppins',var(--cjk),system-ui,sans-serif;--font-num:'Poppins',var(--cjk),system-ui,sans-serif;--font-head:'Poppins',var(--cjk),system-ui,sans-serif;--fs-md:14px;--link:#8DB1F0}
body{font-size:var(--fs-md);letter-spacing:0}

/* the floor: soft light from the top right, a faint globe from the logo in the corner */
[data-theme="pmp"] #main{background:
  url(/img/swoosh.svg) left bottom / min(640px,60%) 54px no-repeat,
  url(/img/globe-mark.svg) right -120px bottom -140px / 520px no-repeat,
  radial-gradient(1200px 600px at 100% 0%,#E6EFFC 0%,rgba(230,239,252,0) 60%),var(--floor)}
#pages{background:none}

/* headings: Poppins semibold instead of the condensed type */
.crumb .c-title,.page-title,.sec-title,.panel h3,.lst-panel h3,.mtitle,#login .login-title,.login-side h1,.code-card h1{font-family:var(--font-head);font-weight:600;letter-spacing:-.01em}
.crumb .c-title{font-size:20px;line-height:1.2}
.crumb .c-group{font-size:12px}
.sec-title{font-size:15px}
.panel h3,.lst-panel h3{font-size:16px}
.mtitle{font-size:20px}
.kpi .k-val{font-family:var(--font-head);font-weight:600;font-size:32px;letter-spacing:-.02em}
.plate,.bd-card .code,.ma-card .code,.card-top .code{font-family:'Barlow Condensed','Barlow',sans-serif}
.lst-panel h3 .plate{font-size:17px}
.sets{font-family:var(--font-head);font-weight:600;font-size:15px}
.stk>span{font-family:var(--font-head);font-weight:600;font-size:13px}
a{color:var(--link)}

/* sidebar: deep navy, the red / white swoosh at the bottom */
[data-theme="pmp"] #sidebar{background:linear-gradient(180deg,#0B2D6B 0%,#082456 55%,#061B43 100%);position:relative}
[data-theme="pmp"] .side-brand::after{background:linear-gradient(90deg,var(--signal) 0 30%,transparent 30%)}
#sidebar>*{position:relative;z-index:1}
.side-brand img{height:34px;width:auto}
.side-brand .sb-name{font:600 16px/1.15 var(--font-head);letter-spacing:-.01em}
.side-brand .sb-sub{font-size:11px}
.side-brand::after{background:linear-gradient(90deg,var(--signal) 0 30%,transparent 30%)}
.nav-glabel{font:500 11.5px/1 var(--font-sans);color:rgba(255,255,255,.5);padding:16px 22px 6px}
.nav-item{font-size:13.5px;border-radius:10px;padding:9px 12px 9px 15px}
.nav-item.active{background:#fff;color:#0B2D6B;font-weight:600;box-shadow:inset 3px 0 0 var(--signal),0 6px 16px rgba(0,0,0,.18)}
.nav-sub{font-size:13px}

/* top bar: white, a floating search pill */
#topbar{background:rgba(255,255,255,.88);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line);height:64px}
[data-theme="dark"] #topbar{background:var(--surface)}
.qs-btn{border-radius:12px;height:40px;box-shadow:0 2px 8px rgba(11,45,107,.05);border-color:var(--line)}
@media (max-width:900px){#topbar{background:linear-gradient(90deg,#0B2D6B,#082456)}}

/* surfaces: rounded, soft blue shadow instead of hard borders */
.panel,.lst-panel,.tbl-scroll,.card-list,.kpis{border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--card-shadow);background:var(--surface)}
.kpis{border-radius:16px}
.modal{border-radius:18px;box-shadow:0 30px 80px rgba(6,27,67,.30)}
.mfoot{background:var(--surface2)}
th{background:var(--surface2);font-weight:500;color:var(--muted)}
.dl-table th{background:var(--surface)}

/* controls */
.btn{font:500 13.5px/1 var(--font-sans);border-radius:10px;padding:10px 16px;transition:background .15s,border-color .15s,box-shadow .15s}
.btn-primary{background:#0B2D6B;border-color:#0B2D6B;color:#fff;box-shadow:0 6px 16px rgba(11,45,107,.22)}
.btn-primary:hover{background:#13408F;border-color:#13408F}
.btn-sm{padding:7px 12px;font-size:12.5px}
.btn-arrow{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.btn-arrow::after{content:"";width:18px;height:18px;flex:0 0 18px;background:currentColor;-webkit-mask:url(/img/arrow.svg) center/contain no-repeat;mask:url(/img/arrow.svg) center/contain no-repeat}
.btn-arrow:disabled::after{display:none}
input,select,textarea{font-family:var(--font-sans);font-size:14px;border-radius:10px;border-color:var(--input-border)}
input:focus,select:focus,textarea:focus{border-color:var(--focus);box-shadow:0 0 0 4px color-mix(in srgb,var(--focus) 16%,transparent)}
.search input{height:44px;border-radius:12px;box-shadow:0 2px 8px rgba(11,45,107,.04)}
.chip{font:500 13px/1 var(--font-sans);border-color:var(--line)}
.chip.active{background:#0B2D6B;border-color:#0B2D6B}
.bpill{font:500 11.5px/1 var(--font-sans);border-radius:999px;padding:5px 10px}
#toast{border-radius:12px;font-family:var(--font-sans);box-shadow:0 10px 30px rgba(6,27,67,.18)}

/* ── sign in: the photo side + a floating card on the light floor ── */
#login{background:url(/img/globe-mark.svg) right -140px bottom -160px/560px no-repeat,radial-gradient(900px 600px at 80% 20%,#E3EDFB 0%,rgba(227,237,251,0) 70%),var(--floor)!important}
.login-side{background:#0B2D6B url(/img/hero-login.jpg) 60% center/cover no-repeat;padding:44px 48px}
.login-side::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,27,67,.35) 0%,rgba(6,27,67,0) 22%,rgba(6,27,67,0) 50%,rgba(6,27,67,.78) 78%,rgba(6,27,67,.92) 100%)}
.login-side::after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;width:auto;transform:none;border-radius:0;background:url(/img/swoosh-white.svg) left bottom/100% 100% no-repeat;opacity:1}
.login-side>*{position:relative;z-index:1}
.login-side .ls-art{display:none}
.login-side img{height:84px}
.login-side h1{font-size:46px;font-weight:600;margin:0 0 12px}
.login-side p{font-size:15.5px;color:rgba(255,255,255,.82)}
.login-side .ls-foot{margin-bottom:40px}
.login-main{padding:40px 28px}
#login .login-card{width:440px;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 70px rgba(11,45,107,.14);padding:34px 36px 26px;gap:18px}
#login .login-title{font-size:30px;color:#0B2D6B}
#login .muted{font-size:14px}
#login .login-card input{height:50px;font-size:15px;border-radius:12px}
#login #login-email{padding-left:46px;background:#fff url(/img/mail.svg) 15px center/20px no-repeat}
#login .btn-block{height:52px;font-size:15px;border-radius:12px}
.login-steps li{font:500 13px/1.2 var(--font-sans)}
.login-steps .ls1,.login-steps .ls2{border-top-width:3px}
#login.on-code .login-steps .ls1{border-top-color:#16A34A}
.otp-box{font:600 28px/1 var(--font-head)!important;border-radius:12px!important}
#login .login-foot{font-size:12px}
@media (max-width:820px){
  .login-side{padding:24px 20px 56px;min-height:220px}
  .login-side h1{font-size:32px;margin-top:40px}
  .login-side::after{height:70px}
  .login-side img{height:44px}
  .login-main{padding:0 14px 36px;margin-top:-28px;position:relative;z-index:2}
  #login .login-card{padding:24px 20px 18px;border-radius:18px}
  #login .login-title{font-size:26px}
}

/* the code page from the email */
.code-wrap{background:var(--floor) url(/img/globe-mark.svg) right -120px bottom -140px/480px no-repeat}
.code-card{border-radius:20px;box-shadow:0 30px 70px rgba(11,45,107,.14);border:1px solid var(--line)}
.code-card img{height:58px}
.code-card h1{color:#0B2D6B;font-size:24px}
.code-digits{font:600 44px/1 var(--font-head);letter-spacing:.28em;color:#0B2D6B;background:#EFF6FF;border:1px solid #DCE7F7}
.code-card .btn-primary{height:50px;border-radius:12px}
[data-theme="pmp"] .hpage-inner{padding-bottom:84px}

/* phones: long titles and wide rows never push the page sideways */
.crumb{min-width:0;flex:1 1 auto;overflow:hidden}
.crumb .c-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:640px){
  .filters{flex-wrap:wrap}
  .filters label.sm{flex:1 1 40%;display:flex;align-items:center;gap:6px;min-width:0}
  .filters label.sm input[type=date]{flex:1;min-width:0;width:100%;margin-left:0}
  .chips{flex-wrap:wrap}
  .stk{white-space:normal;max-width:100%;overflow-wrap:anywhere}
  .seal-t,.seal-t tbody{display:block}
  .seal-t tr{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;gap:2px 10px;padding:6px 0;border-top:1px solid var(--line)}
  .seal-t tr:first-child{border-top:0}
  .seal-t td{border:0;padding:0;width:auto!important;min-width:0;white-space:normal!important;overflow-wrap:anywhere}
  .seal-t td:last-child{grid-column:1/-1}
  .lst-panel h3{flex-wrap:wrap}
}
@media (max-width:820px){.login-side::before{background:linear-gradient(180deg,rgba(6,27,67,.45) 0%,rgba(6,27,67,.55) 40%,rgba(6,27,67,.88) 100%)}}