/* MDN Partners portal */
.mdpr-portal{--b:#2B42ED;--bd:#1C2CB5;--p:#9728FF;--ink:#14183D;--mut:#54595F;--line:#D5DAFF;--lav:#EEF0FF;--lav2:#DDE1FF;--g:#0F9D58;--r:#D93025;
	font-family:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);font-size:16px;line-height:1.6;
	background:linear-gradient(180deg,#fff 0%,var(--lav2) 100%);padding:48px 16px 72px;min-height:70vh;box-sizing:border-box}
.mdpr-portal *,.mdpr-portal *::before,.mdpr-portal *::after{box-sizing:border-box}
.mdpr-portal h1,.mdpr-portal h2,.mdpr-portal h3{font-family:"Poppins",system-ui,sans-serif;color:var(--ink);margin:0 0 12px;line-height:1.25}
.mdpr-portal h1{font-size:clamp(28px,4vw,40px);font-weight:700}
.mdpr-portal .mdpr-h2{font-size:clamp(24px,3vw,30px);font-weight:700}
.mdpr-portal .mdpr-h3{font-size:19px;font-weight:600}
.mdpr-portal a{color:var(--b)}
.mdpr-portal p{margin:0 0 12px}
.mdpr-chip{display:inline-block;background:#fff;border:1px solid var(--line);color:var(--b);font-weight:600;font-size:13px;padding:4px 12px;border-radius:999px;margin-bottom:12px}
.mdpr-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(43,66,237,.06);margin-bottom:20px;min-width:0}
.mdpr-small{font-size:14px;color:var(--mut)}
.mdpr-center{text-align:center;margin-top:14px}
.mdpr-empty{color:var(--mut);background:var(--lav);border-radius:12px;padding:16px;margin:0}

/* auth */
.mdpr-auth{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start}
.mdpr-auth--narrow{max-width:460px;display:block}
.mdpr-auth__side{padding-top:8px}
.mdpr-auth__side p{color:var(--mut);font-size:17px}
.mdpr-ticks{list-style:none;padding:0;margin:20px 0}
.mdpr-ticks li{position:relative;padding-left:30px;margin:10px 0;font-weight:500}
.mdpr-ticks li::before{content:"";position:absolute;left:0;top:4px;width:20px;height:20px;border-radius:50%;background:var(--b) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}
.mdpr-auth__form h2{font-size:22px}

/* forms */
.mdpr-portal form label{display:block;font-weight:600;font-size:14px;margin:0 0 14px;color:var(--ink)}
.mdpr-portal form label small{font-weight:400;color:var(--mut)}
.mdpr-portal input[type=text],.mdpr-portal input[type=email],.mdpr-portal input[type=password],.mdpr-portal input[type=url],.mdpr-portal input[type=tel],.mdpr-portal select,.mdpr-portal textarea{
	display:block;width:100%;max-width:100%;margin-top:6px;padding:11px 14px;border:1px solid #C9CEF5;border-radius:10px;font:inherit;font-weight:400;color:var(--ink);background:#fff;min-height:46px}
.mdpr-portal input:focus,.mdpr-portal select:focus,.mdpr-portal textarea:focus{outline:none;border-color:var(--b);box-shadow:0 0 0 3px rgba(43,66,237,.15)}
.mdpr-portal input[disabled]{background:#F5F6FB;color:var(--mut)}
.mdpr-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mdpr-check{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important}
.mdpr-check input{margin-top:5px;width:18px;height:18px;flex:none;accent-color:var(--b)}
.mdpr-split{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.mdpr-split .mdpr-check{margin:0}
.mdpr-pw{position:relative;display:block}
.mdpr-pw input{padding-right:70px}
.mdpr-pw__t{position:absolute;right:6px;top:50%;transform:translateY(-50%);margin-top:3px;background:var(--lav);border:0;border-radius:8px;padding:6px 10px;font:600 13px/1 inherit;color:var(--b);cursor:pointer}
.mdpr-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.mdpr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,var(--b),var(--p));color:#fff!important;border:0;border-radius:999px;padding:12px 26px;font:600 15px/1.2 "Poppins",system-ui,sans-serif;cursor:pointer;text-decoration:none!important;min-height:46px;white-space:nowrap}
.mdpr-btn:hover{filter:brightness(1.08)}
.mdpr-btn[disabled]{opacity:.45;cursor:not-allowed}
.mdpr-auth__form .mdpr-btn,.mdpr-form>.mdpr-btn{width:100%}
.mdpr-btn--ghost{background:#fff;color:var(--b)!important;border:1px solid var(--line)}

/* notes */
.mdpr-note{border-radius:12px;padding:14px 16px;margin:0 0 18px;font-size:15px;border:1px solid}
.mdpr-note--ok{background:#E8F6EE;border-color:#B7E1C8;color:#0B5D35}
.mdpr-note--err{background:#FDECEA;border-color:#F5C2BD;color:#8C1D15}
.mdpr-note--info{background:var(--lav);border-color:var(--line);color:var(--ink)}
.mdpr-warn{background:#FFF7DB;border:1px solid #F5DD8A;border-radius:10px;padding:10px 12px;font-size:14px}

/* dashboard */
.mdpr-dash{max-width:1080px;margin:0 auto}
.mdpr-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}
.mdpr-top h1{margin:0}
.mdpr-tabs{display:flex;gap:6px;overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px;margin-bottom:20px;scrollbar-width:none}
.mdpr-tabs::-webkit-scrollbar{display:none}
.mdpr-tabs a{flex:none;padding:9px 16px;border-radius:10px;text-decoration:none;color:var(--mut);font-weight:600;font-size:14px}
.mdpr-tabs a.is-on{background:var(--b);color:#fff}
.mdpr-tabs a:not(.is-on):hover{background:var(--lav);color:var(--b)}
.mdpr-linkbox label{font-weight:600;display:block;margin-bottom:8px}
.mdpr-copy{display:flex;gap:10px;margin:8px 0 10px}
.mdpr-copy input{flex:1;min-width:0;margin:0!important;font-family:ui-monospace,Menlo,monospace!important;font-size:14px!important;background:var(--lav)!important}
.mdpr-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}
.mdpr-stats--3{grid-template-columns:repeat(3,1fr)}
.mdpr-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;min-width:0}
.mdpr-stat span{display:block;font-size:13px;color:var(--mut);font-weight:500}
.mdpr-stat b{display:block;font:700 22px/1.3 "Poppins",system-ui,sans-serif;color:var(--ink);overflow-wrap:anywhere}
.mdpr-stat--hi{background:linear-gradient(135deg,var(--b),var(--p));border:0}
.mdpr-stat--hi span,.mdpr-stat--hi b{color:#fff}
.mdpr-bars{display:flex;align-items:flex-end;gap:3px;height:120px;padding-top:8px;border-bottom:1px solid var(--line)}
.mdpr-bars span{flex:1;background:var(--lav2);border-radius:4px 4px 0 0;min-width:0}
.mdpr-bars span.on{background:var(--b)}
.mdpr-steps{margin:0;padding-left:22px}
.mdpr-steps li{margin:8px 0}
.mdpr-table{overflow-x:auto}
.mdpr-table table{width:100%;border-collapse:collapse;font-size:14px}
.mdpr-table th{text-align:left;font-weight:600;color:var(--mut);font-size:13px;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.mdpr-table td{padding:12px;border-bottom:1px solid #EEF0FA;vertical-align:top}
.mdpr-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.mdpr-pill--blue{background:#E6E9FF;color:var(--bd)}
.mdpr-pill--purple{background:#F1E6FF;color:#6B22E0}
.mdpr-pill--green{background:#E3F5EA;color:#0B6B3A}
.mdpr-pill--grey{background:#EEF0F3;color:#54595F}
.mdpr-why{display:block;color:var(--mut);font-size:12px;margin-top:4px}
.mdpr-methods{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:16px}
.mdpr-method{margin:0!important;cursor:pointer}
.mdpr-method input{position:absolute;opacity:0}
.mdpr-method span{display:block;border:1.5px solid var(--line);border-radius:12px;padding:12px;font-weight:600;font-size:14px;text-align:center;background:#fff}
.mdpr-method input:checked+span{border-color:var(--b);background:var(--lav);color:var(--b)}
.mdpr-method input:focus-visible+span{box-shadow:0 0 0 3px rgba(43,66,237,.25)}
.mdpr-mfields{border:1px solid var(--line);border-radius:12px;padding:16px;margin:0 0 16px}
.mdpr-mfields legend{font-weight:700;padding:0 6px}
.mdpr-rules{margin:0;padding-left:20px}
.mdpr-rules li{margin:6px 0}
.mdpr-portal code{background:var(--lav);padding:2px 6px;border-radius:6px;font-size:13px;overflow-wrap:anywhere}

@media (max-width:960px){
	.mdpr-stats{grid-template-columns:repeat(3,1fr)}
	.mdpr-auth{grid-template-columns:1fr;gap:24px}
}
@media (max-width:640px){
	.mdpr-portal{padding:28px 16px 48px}
	.mdpr-card{padding:18px}
	.mdpr-row2{grid-template-columns:1fr;gap:0}
	.mdpr-stats,.mdpr-stats--3{grid-template-columns:repeat(2,1fr)}
	.mdpr-copy{flex-direction:column}
	.mdpr-copy .mdpr-btn{width:100%}
	.mdpr-top{align-items:center}
	.mdpr-table thead{display:none}
	.mdpr-table table,.mdpr-table tbody,.mdpr-table tr,.mdpr-table td{display:block;width:100%}
	.mdpr-table tr{border:1px solid var(--line);border-radius:12px;padding:6px 12px;margin-bottom:10px}
	.mdpr-table td{display:flex;justify-content:space-between;gap:12px;border:0;padding:6px 0;text-align:right}
	.mdpr-table td::before{content:attr(data-l);font-weight:600;color:var(--mut);text-align:left}
	.mdpr-bars{height:90px;gap:2px}
}

/* theme button resets (Hello Elementor and others style every button) */
.mdpr-portal button.mdpr-btn,.mdpr-portal button.mdpr-btn:hover,.mdpr-portal button.mdpr-btn:focus{border:0;color:#fff;background:linear-gradient(90deg,var(--b),var(--p));text-transform:none;letter-spacing:0}
.mdpr-portal .mdpr-btn--ghost,.mdpr-portal .mdpr-btn--ghost:hover{background:#fff;color:var(--b)!important;border:1px solid var(--line)}
.mdpr-portal button.mdpr-pw__t,.mdpr-portal button.mdpr-pw__t:hover,.mdpr-portal button.mdpr-pw__t:focus{border:0;background:var(--lav);color:var(--b);padding:6px 10px;min-height:0;line-height:1;font-size:13px;font-weight:600;text-transform:none}
.mdpr-portal .mdpr-table table,.mdpr-portal .mdpr-table th,.mdpr-portal .mdpr-table td,.mdpr-portal .mdpr-table tr{border:0;background:transparent}
.mdpr-portal .mdpr-table th{border-bottom:1px solid var(--line)}
.mdpr-portal .mdpr-table td{border-bottom:1px solid #EEF0FA}
@media (max-width:640px){.mdpr-portal .mdpr-table tr{border:1px solid var(--line)}.mdpr-portal .mdpr-table td{border:0}}

/* partner header / footer */
body.mdpr-body{margin:0;background:#fff}
.mdpr-hd{background:#fff;border-bottom:1px solid #E3E6FB;position:sticky;top:0;z-index:50;font-family:"Roboto",system-ui,sans-serif}
.admin-bar .mdpr-hd{top:32px}
.mdpr-hd__in{max-width:1180px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box}
.mdpr-hd__logo{display:flex;align-items:center;flex:none;text-decoration:none}
.mdpr-hd__logo img{display:block;height:64px;width:auto;max-width:200px;object-fit:contain}
.mdpr-hd__logo b{font:700 22px Poppins,sans-serif;color:#14183D}
.mdpr-hd__nav{display:flex;align-items:center;gap:18px;min-width:0}
.mdpr-hd__lnk{color:#14183D;text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap}
.mdpr-hd__lnk:hover{color:#2B42ED}
.mdpr-hd__me{display:flex;align-items:center;gap:8px;text-decoration:none;color:#14183D;font-weight:600;font-size:15px}
.mdpr-av{border-radius:50%;object-fit:cover;display:block;flex:none;background:#EEF0FF}
.mdpr-hd .mdpr-av{width:36px;height:36px}
.mdpr-btn--sm{padding:9px 18px!important;min-height:0!important;font-size:14px!important}
a.mdpr-btn--ghost{background:#fff;color:#2B42ED!important;border:1px solid #D5DAFF}
.mdpr-ft{background:#fff;border-top:1px solid #E3E6FB;font-family:"Roboto",system-ui,sans-serif;color:#54595F;font-size:14.5px}
.mdpr-ft__in{max-width:1180px;margin:0 auto;padding:36px 16px 24px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;box-sizing:border-box}
.mdpr-ft__brand img{height:48px;width:auto;max-width:150px;object-fit:contain;display:block;margin-bottom:12px}
.mdpr-ft__brand p{margin:0;line-height:1.6;max-width:360px}
.mdpr-ft__links,.mdpr-ft__help{display:flex;flex-direction:column;gap:8px}
.mdpr-ft a{color:#14183D;text-decoration:none}
.mdpr-ft a:hover{color:#2B42ED}
.mdpr-ft__help b{color:#14183D;font-family:Poppins,sans-serif}
.mdpr-ft__bar{border-top:1px solid #EEF0FA;text-align:center;padding:14px 16px;font-size:13px}
/* avatar in dashboard + profile */
.mdpr-hi{display:flex;align-items:center;gap:16px}
.mdpr-hi .mdpr-chip{margin-bottom:6px}
.mdpr-av--lg{width:64px;height:64px;border:3px solid #fff;box-shadow:0 6px 18px rgba(43,66,237,.18)}
.mdpr-photo{display:flex;gap:18px;align-items:center;margin-bottom:18px;padding:16px;background:#EEF0FF;border-radius:14px}
.mdpr-av--xl{width:96px;height:96px;border:3px solid #fff}
.mdpr-photo label{margin-bottom:8px!important}
.mdpr-portal input[type=file]{display:block;margin-top:8px;font-size:14px;max-width:100%}
@media (max-width:760px){
	.mdpr-hd__lnk{display:none}
	.mdpr-hd__logo img{height:50px;max-width:150px}
	.mdpr-hd__nav{gap:10px}
	.mdpr-hd__me span{display:none}
	.mdpr-ft__in{grid-template-columns:1fr;gap:20px}
}
@media (max-width:640px){
	.mdpr-top{flex-wrap:wrap}
	.mdpr-av--lg{width:52px;height:52px}
	.mdpr-photo{flex-direction:column;align-items:flex-start}
}
.mdpr-hd,.mdpr-ft{--b:#2B42ED;--bd:#1C2CB5;--p:#9728FF;--line:#D5DAFF}
.mdpr-hd a.mdpr-btn{color:#fff!important}.mdpr-hd a.mdpr-btn--ghost{color:#2B42ED!important;background:#fff}
.mdpr-note--warn{background:#FFF7DB;border-color:#F5DD8A;color:#5C4400}
.mdpr-inline{display:inline;margin:0}
.mdpr-portal button.mdpr-linkbtn,.mdpr-portal button.mdpr-linkbtn:hover{background:none;border:0;padding:0;margin-left:4px;color:#2B42ED;font:inherit;font-weight:600;text-decoration:underline;cursor:pointer;min-height:0}
.mdpr-portal input.mdpr-code{font:700 26px/1 ui-monospace,Menlo,monospace!important;letter-spacing:8px;text-align:center}
.mdpr-code-links{margin-top:14px}
.mdpr-note--info b,.mdpr-note--ok b{font-weight:700}
.mdpr-switch{display:flex!important;gap:10px;align-items:center;font-weight:600!important}
.mdpr-switch input{width:20px;height:20px;accent-color:#2B42ED;flex:none}