/**
 * Battlefield Pics Calm — scoped plugin integration layer.
 * Plugin behavior stays inside each plugin; this file only provides the shared
 * page frame, colors, controls and responsive rules.
 */

/* Shared tool page frame */
.bfp-calm-page--tool { padding: 22px 0 0; }
.bfp-calm-tool-content { width: min(calc(100% - 40px), var(--calm-wrap)); margin-inline: auto; }
.bfp-calm-tool-article, .bfp-calm-tool-article > .entry-content { width: 100%; margin: 0; padding: 0; }
body.bfp-calm.bfp-calm-tool-page main.bfp-calm-page--tool.bfpic-converter-host { padding-top: 22px !important; }

/* Image Converter: calm width, system typography and compact controls */
body.bfp-calm.bfp-calm-converter-page .bfpic-converter {
    --bfpic-bg: #11151a !important;
    --bfpic-panel: rgba(25, 33, 41, .94) !important;
    --bfpic-panel-strong: #202932 !important;
    --bfpic-border: rgba(121, 151, 171, .25) !important;
    --bfpic-border-hot: rgba(88, 183, 231, .68) !important;
    --bfpic-text: #f1f4f7 !important;
    --bfpic-muted: #9da7b3 !important;
    --bfpic-orange: #ff8a1f !important;
    --bfpic-orange-2: #ff8a1f !important;
    --bfpic-blue: #58b7e7 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid #303b46 !important;
    border-radius: 13px !important;
    background: radial-gradient(circle at 88% 4%, rgba(255,138,31,.12), transparent 31%), radial-gradient(circle at 8% 92%, rgba(88,183,231,.11), transparent 34%), #111820 !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
body.bfp-calm.bfp-calm-converter-page .bfpic-converter * { font-family: inherit !important; }
body.bfp-calm.bfp-calm-converter-page .bfpic-converter--full .bfpic-shell {
    width: min(calc(100% - 40px), 1180px) !important;
    max-width: 1180px !important;
    padding: 36px 0 30px !important;
}
body.bfp-calm.bfp-calm-converter-page .bfpic-head { gap: 22px !important; margin-bottom: 20px !important; }
body.bfp-calm.bfp-calm-converter-page .bfpic-head h2 { font-size: clamp(34px, 4vw, 56px) !important; line-height: .98 !important; letter-spacing: -.045em !important; text-shadow: none !important; }
body.bfp-calm.bfp-calm-converter-page .bfpic-head p { max-width: 610px !important; font-size: clamp(14px, 1.1vw, 17px) !important; color: #b4bec8 !important; }
body.bfp-calm.bfp-calm-converter-page :is(.bfpic-drop-panel, .bfpic-side, .bfpic-results-wrap, .bfpic-info) {
    border-color: rgba(121,151,171,.24) !important;
    border-radius: 13px !important;
    background: linear-gradient(160deg, rgba(27,37,46,.96), rgba(15,22,28,.98)) !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
body.bfp-calm.bfp-calm-converter-page .bfpic-drop-panel { min-height: 0 !important; padding: 16px !important; }
body.bfp-calm.bfp-calm-converter-page .bfpic-dropzone { min-height: 270px !important; border-radius: 11px !important; background: linear-gradient(180deg, rgba(88,183,231,.055), rgba(255,255,255,.018)) !important; }
body.bfp-calm.bfp-calm-converter-page .bfpic-privacy { border-radius: 11px !important; background: rgba(255,255,255,.035) !important; box-shadow: none !important; }
body.bfp-calm.bfp-calm-converter-page :is(.bfpic-premium-rail, .bfpic-card, .bfpic-option, .bfpic-control, .bfpic-summary) { border-radius: 9px !important; border-color: rgba(121,151,171,.22) !important; }
body.bfp-calm.bfp-calm-converter-page :is(.bfpic-button.bfpic-primary, .bfpic-button.bfpic-download) { background: linear-gradient(135deg, #ff8a1f, #ff8a1f) !important; border-color: #ff8a1f !important; box-shadow: 0 9px 24px rgba(255,138,31,.18) !important; }
body.bfp-calm.bfp-calm-converter-page :is(.bfpic-button.bfpic-primary, .bfpic-button.bfpic-download):hover { box-shadow: 0 12px 28px rgba(255,138,31,.28) !important; }
body.bfp-calm.bfp-calm-converter-page .bfpic-info { margin-bottom: 0 !important; }


/* Account settings — consolidated layout */
/* Account Hub 1.13.4 — compact premium settings layout */
body.bfp-calm.bfp-view-account .bfp-settings-view {
  min-width: 0 !important;
}

body.bfp-calm.bfp-view-account .bfp-settings-grid {
  display: grid !important;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
  align-items: stretch !important;
  gap: 22px !important;
  width: min(100%, 940px) !important;
  margin: 26px 0 0 !important;
}

body.bfp-calm.bfp-view-account .bfp-settings-grid > *:not(.bfp-settings-panel) {
  grid-column: 1 / -1;
}

body.bfp-calm.bfp-view-account .bfp-settings-panel {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 26px !important;
  border: 1px solid rgba(91, 153, 185, .30) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(72, 190, 236, .08), transparent 34%),
    linear-gradient(145deg, rgba(20, 35, 46, .96), rgba(10, 20, 28, .98)) !important;
  box-shadow: 0 22px 55px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.04) !important;
  overflow: hidden !important;
}

body.bfp-calm.bfp-view-account .bfp-settings-panel::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, #58c8ff, rgba(88,200,255,.15) 62%, #ff8a1f);
  opacity: .8;
}

body.bfp-calm.bfp-view-account .bfp-settings-panel h2,
body.bfp-calm.bfp-view-account .bfp-settings-panel h3 {
  margin: 0 0 14px !important;
  font-size: clamp(22px, 2vw, 29px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;
}

body.bfp-calm.bfp-view-account .bfp-settings-panel p {
  margin: 0 0 22px !important;
  max-width: 46ch !important;
  line-height: 1.65 !important;
}

body.bfp-calm.bfp-view-account .bfp-settings-panel form {
  display: grid !important;
  gap: 15px !important;
  width: 100% !important;
  margin-top: 4px !important;
}

body.bfp-calm.bfp-view-account .bfp-settings-panel label {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #dce8ef !important;
}

body.bfp-calm.bfp-view-account .bfp-settings-panel :is(input[type=password],input[type=text]) {
  width: 100% !important;
  min-height: 54px !important;
  border-radius: 12px !important;
  background: rgba(5, 14, 20, .82) !important;
}

body.bfp-calm.bfp-view-account .bfp-settings-panel :is(button,input[type=submit],.button) {
  min-height: 48px !important;
  border-radius: 11px !important;
}

body.bfp-calm.bfp-view-account .bfp-settings-panel--media :is(.button,button,a.button) {
  width: 100% !important;
  justify-content: center !important;
}

body.bfp-calm.bfp-view-account .bfp-settings-panel--media > :last-child {
  margin-top: auto !important;
}

body.bfp-calm.bfp-view-account .bfp-settings-panel--password :is(button[type=submit],input[type=submit],.button-primary) {
  width: 100% !important;
  min-height: 56px !important;
  margin-top: 4px !important;
  font-size: 14px !important;
  letter-spacing: .07em !important;
}

@media (max-width: 1050px) {
  body.bfp-calm.bfp-view-account .bfp-settings-grid {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }
}

@media (max-width: 620px) {
  body.bfp-calm.bfp-view-account .bfp-settings-grid { gap: 14px !important; margin-top: 18px !important; }
  body.bfp-calm.bfp-view-account .bfp-settings-panel { padding: 20px 16px !important; border-radius: 15px !important; }
}

/* Account Hub 1.13.5 — truly compact settings cluster */
body.bfp-calm.bfp-view-account .bfp-settings-compact {
  display: grid !important;
  grid-template-columns: minmax(250px, .78fr) minmax(360px, 1.22fr) !important;
  align-items: start !important;
  gap: 16px !important;
  width: min(100%, 780px) !important;
  margin: 20px 0 0 !important;
}

body.bfp-calm.bfp-view-account .bfp-settings-compact > .bfp-settings-panel {
  position: relative !important;
  inset: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: start !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 20px !important;
  border-radius: 15px !important;
}

body.bfp-calm.bfp-view-account .bfp-settings-compact .bfp-settings-panel h2,
body.bfp-calm.bfp-view-account .bfp-settings-compact .bfp-settings-panel h3 {
  margin-bottom: 10px !important;
  font-size: clamp(20px, 1.7vw, 24px) !important;
  line-height: 1.1 !important;
}

body.bfp-calm.bfp-view-account .bfp-settings-compact .bfp-settings-panel p {
  margin-bottom: 15px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

body.bfp-calm.bfp-view-account .bfp-settings-compact .bfp-settings-panel form {
  gap: 10px !important;
  margin-top: 0 !important;
}

body.bfp-calm.bfp-view-account .bfp-settings-compact .bfp-settings-panel label {
  gap: 5px !important;
  font-size: 12px !important;
}

body.bfp-calm.bfp-view-account .bfp-settings-compact .bfp-settings-panel :is(input[type=password],input[type=text]) {
  min-height: 44px !important;
  height: 44px !important;
  border-radius: 10px !important;
}

body.bfp-calm.bfp-view-account .bfp-settings-compact .bfp-settings-panel :is(button,input[type=submit],.button) {
  min-height: 42px !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  border-radius: 10px !important;
}

body.bfp-calm.bfp-view-account .bfp-settings-compact .bfp-settings-panel--password :is(button[type=submit],input[type=submit],.button-primary) {
  min-height: 46px !important;
  margin-top: 2px !important;
  font-size: 13px !important;
}

body.bfp-calm.bfp-view-account .bfp-settings-compact .bfp-settings-panel--media > :last-child {
  margin-top: 10px !important;
}

@media (max-width: 900px) {
  body.bfp-calm.bfp-view-account .bfp-settings-compact {
    grid-template-columns: 1fr !important;
    width: min(100%, 560px) !important;
  }
}

@media (max-width: 620px) {
  body.bfp-calm.bfp-view-account .bfp-settings-compact {
    gap: 12px !important;
    margin-top: 16px !important;
  }
  body.bfp-calm.bfp-view-account .bfp-settings-compact > .bfp-settings-panel {
    padding: 17px 14px !important;
  }
}

/* Account authentication and dashboard — consolidated foundation */
/* ======================================================================
   Battlefield Pics v8.3.0 — Member Area Editorial Rework
   Scope: account/member pages only. Black / white / orange system.
   ====================================================================== */
body.bfp-calm.bfp-view-account {
  --bfp-account-orange:#ff8a1f;
  --bfp-account-orange-2:#ff8a1f;
  --bfp-account-ink:#080b0e;
  --bfp-account-panel:#10151a;
  --bfp-account-panel-2:#151b21;
  --bfp-account-line:#2b3137;
  --bfp-account-muted:#8f979f;
  background:#0a0e12!important;
}
body.bfp-calm.bfp-view-account main,
body.bfp-calm.bfp-view-account .site-main,
body.bfp-calm.bfp-view-account .bfp-member-account-route,
body.bfp-calm.bfp-view-account .bfp-ma-account-root{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  background:
    radial-gradient(circle at 15% 8%,rgba(255,138,31,.08),transparent 30%),
    linear-gradient(180deg,#11161b 0,#0a0e12 58%,#080b0e 100%)!important;
}
body.bfp-calm.bfp-view-account .bfp-ma-account-root{padding:clamp(42px,6vw,86px) 24px clamp(70px,8vw,120px)!important;}
body.bfp-calm.bfp-view-account .bfp-ma-auth{
  position:relative!important;width:min(1100px,100%)!important;max-width:1100px!important;
  margin:0 auto!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
body.bfp-calm.bfp-view-account .bfp-ma-auth:before{
  content:"MEMBER ACCESS";display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;
  color:var(--bfp-account-orange)!important;font-size:11px;font-weight:900;letter-spacing:.19em;text-transform:uppercase;
}
body.bfp-calm.bfp-view-account .bfp-ma-auth:after{
  content:"";position:absolute;left:-24px;top:0;width:3px;height:76px;background:var(--bfp-account-orange);box-shadow:0 0 26px rgba(255,138,31,.28);
}
body.bfp-calm.bfp-view-account .bfp-ma-auth__header{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:24px!important;
  padding:0 0 30px!important;text-align:left!important;border:0!important;background:transparent!important;
}
body.bfp-calm.bfp-view-account .bfp-ma-brand{grid-column:1/-1!important;margin:0 0 4px!important;display:flex!important;align-items:center!important;gap:9px!important;}
body.bfp-calm.bfp-view-account .bfp-ma-brand__mark{display:none!important;}
body.bfp-calm.bfp-view-account .bfp-ma-brand strong{color:#fff!important;font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important;}
body.bfp-calm.bfp-view-account .bfp-ma-brand em{color:var(--bfp-account-orange)!important;font-style:normal!important;}
body.bfp-calm.bfp-view-account .bfp-ma-auth__header h1{
  margin:0!important;color:#fff!important;font-size:clamp(40px,5vw,68px)!important;line-height:.9!important;letter-spacing:-.055em!important;text-transform:uppercase!important;
}
body.bfp-calm.bfp-view-account .bfp-ma-auth__header p{
  margin:0 0 5px!important;max-width:330px!important;color:var(--bfp-account-muted)!important;font-size:14px!important;line-height:1.55!important;text-align:right!important;
}
body.bfp-calm.bfp-view-account .bfp-ma-auth__tabs{
  display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;max-width:none!important;
  margin:0 0 14px!important;padding:0!important;gap:0!important;border:1px solid var(--bfp-account-line)!important;
  border-radius:0!important;background:#0d1115!important;box-shadow:0 18px 50px rgba(0,0,0,.22)!important;overflow:hidden!important;
}
body.bfp-calm.bfp-view-account .bfp-ma-auth__tabs button{
  position:relative!important;min-height:58px!important;padding:0 24px!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:#8f979f!important;font-size:13px!important;font-weight:900!important;letter-spacing:.11em!important;text-transform:uppercase!important;
  box-shadow:none!important;transition:color .2s ease,background .2s ease!important;
}
body.bfp-calm.bfp-view-account .bfp-ma-auth__tabs button+button{border-left:1px solid var(--bfp-account-line)!important;}
body.bfp-calm.bfp-view-account .bfp-ma-auth__tabs button span{color:var(--bfp-account-orange)!important;font-size:10px!important;}
body.bfp-calm.bfp-view-account .bfp-ma-auth__tabs button:hover{color:#fff!important;background:#14191e!important;}
body.bfp-calm.bfp-view-account .bfp-ma-auth__tabs button.is-active{
  color:#fff!important;background:#15191d!important;box-shadow:inset 0 -3px var(--bfp-account-orange)!important;
}
body.bfp-calm.bfp-view-account .bfp-ma-auth__panel{
  margin:0!important;padding:0!important;border:1px solid var(--bfp-account-line)!important;border-radius:0!important;
  background:#0d1115!important;box-shadow:0 30px 80px rgba(0,0,0,.32)!important;overflow:hidden!important;
}
body.bfp-calm.bfp-view-account .bfp-ma-auth__panel[hidden]{display:none!important;}
body.bfp-calm.bfp-view-account .bfp-ma-auth__panel>.bfp-account-card{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.88fr)!important;
  grid-template-areas:"form-title social-title" "form social-buttons" "form social-note" "links social-note"!important;
  column-gap:0!important;row-gap:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
body.bfp-calm.bfp-view-account .bfp-ma-auth__panel>.bfp-account-card:after{display:none!important;content:none!important;}
body.bfp-calm.bfp-view-account .bfp-account-kicker,
body.bfp-calm.bfp-view-account .bfp-account-card>h2,
body.bfp-calm.bfp-view-account .bfp-account-card>.bfp-account-muted{display:none!important;}
body.bfp-calm.bfp-view-account .bfp-account-card>.bfp-divider:not(.bfp-social-divider){
  grid-area:form-title!important;margin:0!important;padding:28px 34px 18px!important;border:0!important;background:#11161b!important;
}
body.bfp-calm.bfp-view-account .bfp-social-divider{
  grid-area:social-title!important;margin:0!important;padding:28px 34px 18px!important;border:0!important;border-left:1px solid var(--bfp-account-line)!important;background:#11161b!important;
}
body.bfp-calm.bfp-view-account .bfp-divider:before,
body.bfp-calm.bfp-view-account .bfp-divider:after{display:none!important;}
body.bfp-calm.bfp-view-account .bfp-divider span{
  display:flex!important;align-items:center!important;gap:10px!important;color:#fff!important;font-size:11px!important;font-weight:900!important;letter-spacing:.15em!important;text-transform:uppercase!important;
}
body.bfp-calm.bfp-view-account .bfp-divider span:before{content:"";width:22px;height:2px;background:var(--bfp-account-orange);}
body.bfp-calm.bfp-view-account .bfp-account-form{
  grid-area:form!important;display:grid!important;gap:18px!important;padding:8px 34px 28px!important;border-right:1px solid var(--bfp-account-line)!important;background:#11161b!important;
}
body.bfp-calm.bfp-view-account .bfp-account-form label:not(.bfp-check){
  display:grid!important;gap:8px!important;margin:0!important;color:#c9ced3!important;font-size:12px!important;font-weight:750!important;
}
body.bfp-calm.bfp-view-account .bfp-account-form input:not([type=checkbox]){
  width:100%!important;min-height:54px!important;padding:0 16px!important;border:1px solid #343b42!important;border-radius:0!important;
  background:#080c10!important;color:#fff!important;font-size:15px!important;box-shadow:none!important;outline:0!important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
body.bfp-calm.bfp-view-account .bfp-account-form input:not([type=checkbox]):focus{
  border-color:var(--bfp-account-orange)!important;background:#0c1014!important;box-shadow:0 0 0 2px rgba(255,138,31,.13)!important;
}
body.bfp-calm.bfp-view-account .bfp-pass-wrap{position:relative!important;display:block!important;}
body.bfp-calm.bfp-view-account .bfp-pass-wrap input{padding-right:96px!important;}
body.bfp-calm.bfp-view-account .bfp-pass-toggle{
  position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;min-height:36px!important;padding:0 13px!important;
  border:1px solid #353c43!important;border-radius:0!important;background:#171c21!important;color:#fff!important;font-size:10px!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important;
}
body.bfp-calm.bfp-view-account .bfp-pass-toggle:hover{border-color:var(--bfp-account-orange)!important;color:var(--bfp-account-orange)!important;}
body.bfp-calm.bfp-view-account .bfp-check{
  display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;color:#c7ccd1!important;font-size:13px!important;line-height:1.45!important;
}
body.bfp-calm.bfp-view-account .bfp-check input{
  appearance:none!important;width:20px!important;height:20px!important;flex:0 0 20px!important;margin:0!important;border:1px solid #4a5158!important;border-radius:0!important;background:#080c10!important;
}
body.bfp-calm.bfp-view-account .bfp-check input:checked{border-color:var(--bfp-account-orange)!important;background:var(--bfp-account-orange)!important;box-shadow:inset 0 0 0 4px #080c10!important;}
body.bfp-calm.bfp-view-account .bfp-primary-btn{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;width:100%!important;min-height:58px!important;margin-top:3px!important;
  border:0!important;border-radius:0!important;background:linear-gradient(100deg,var(--bfp-account-orange-2),var(--bfp-account-orange))!important;color:#080b0e!important;
  font-size:13px!important;font-weight:950!important;letter-spacing:.1em!important;text-transform:uppercase!important;box-shadow:0 16px 38px rgba(255,138,31,.18)!important;cursor:pointer!important;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important;
}
body.bfp-calm.bfp-view-account .bfp-primary-btn:before{content:"→";font-size:18px;font-weight:500;}
body.bfp-calm.bfp-view-account .bfp-primary-btn:hover{transform:translateY(-2px)!important;filter:brightness(1.08)!important;box-shadow:0 22px 46px rgba(255,138,31,.28)!important;}
body.bfp-calm.bfp-view-account .bfp-social-row{
  grid-area:social-buttons!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:8px 34px 14px!important;border-left:1px solid var(--bfp-account-line)!important;background:#0d1115!important;
}
body.bfp-calm.bfp-view-account .bfp-social-btn{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-width:0!important;min-height:56px!important;padding:0 15px!important;
  border:1px solid #323940!important;border-radius:0!important;background:#151a1f!important;color:#fff!important;box-shadow:none!important;overflow:hidden!important;
  transition:border-color .2s ease,background .2s ease,transform .2s ease!important;
}
body.bfp-calm.bfp-view-account .bfp-social-btn:hover:not(:disabled){border-color:var(--bfp-account-orange)!important;background:#1a1f24!important;transform:translateY(-2px)!important;}
body.bfp-calm.bfp-view-account .bfp-social-btn:disabled{opacity:.55!important;cursor:not-allowed!important;}
body.bfp-calm.bfp-view-account .bfp-social-btn strong{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;font-weight:900!important;letter-spacing:.055em!important;text-transform:uppercase!important;}
body.bfp-calm.bfp-view-account .bfp-social-icon{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:50%!important;background:#0a0e12!important;}
body.bfp-calm.bfp-view-account .bfp-social-note{
  grid-area:social-note!important;margin:0!important;padding:8px 34px 34px!important;border-left:1px solid var(--bfp-account-line)!important;background:#0d1115!important;color:#7f8891!important;font-size:12px!important;line-height:1.65!important;
}
body.bfp-calm.bfp-view-account .bfp-account-links{
  grid-area:links!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin:0!important;padding:22px 34px 28px!important;border-top:1px solid var(--bfp-account-line)!important;border-right:1px solid var(--bfp-account-line)!important;background:#11161b!important;
}
body.bfp-calm.bfp-view-account .bfp-account-links a,
body.bfp-calm.bfp-view-account .bfp-link-btn{
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#aeb5bc!important;font-size:12px!important;font-weight:750!important;text-decoration:none!important;box-shadow:none!important;
}
body.bfp-calm.bfp-view-account .bfp-link-btn{color:#fff!important;font-weight:900!important;letter-spacing:.05em!important;text-transform:uppercase!important;border-bottom:2px solid var(--bfp-account-orange)!important;}
body.bfp-calm.bfp-view-account .bfp-account-links a:hover,
body.bfp-calm.bfp-view-account .bfp-link-btn:hover{color:var(--bfp-account-orange)!important;}
body.bfp-calm.bfp-view-account .bfp-form-msg{font-size:12px!important;line-height:1.5!important;color:#fff!important;}

/* Logged-in account/dashboard cleanup */
body.bfp-calm.bfp-view-account :is(.bfp-account-shell,.bfp-account-page,.bfp-account-dashboard,.bfp-account-page-v1102){
  width:min(1180px,100%)!important;max-width:1180px!important;margin:0 auto!important;border-radius:0!important;
}
body.bfp-calm.bfp-view-account :is(.bfp-account-card-v1102,.bfp-account-panel,.bfp-profile-card,.bfp-dashboard-card){
  border:1px solid var(--bfp-account-line)!important;border-radius:0!important;background:#11161b!important;box-shadow:0 22px 60px rgba(0,0,0,.28)!important;
}
body.bfp-calm.bfp-view-account :is(.bfp-account-tabs,.bfp-dashboard-tabs) button.is-active{color:#fff!important;box-shadow:inset 0 -3px var(--bfp-account-orange)!important;}
body.bfp-calm.bfp-view-account :is(.bfp-account-tabs,.bfp-dashboard-tabs,.bfp-account-nav) a:hover{color:var(--bfp-account-orange)!important;}

@media(max-width:900px){
  body.bfp-calm.bfp-view-account .bfp-ma-account-root{padding:38px 16px 70px!important;}
  body.bfp-calm.bfp-view-account .bfp-ma-auth__header{grid-template-columns:1fr!important;gap:10px!important;}
  body.bfp-calm.bfp-view-account .bfp-ma-auth__header p{text-align:left!important;max-width:none!important;}
  body.bfp-calm.bfp-view-account .bfp-ma-auth__panel>.bfp-account-card{
    grid-template-columns:1fr!important;grid-template-areas:"form-title" "form" "links" "social-title" "social-buttons" "social-note"!important;
  }
  body.bfp-calm.bfp-view-account .bfp-account-form,
  body.bfp-calm.bfp-view-account .bfp-account-links{border-right:0!important;}
  body.bfp-calm.bfp-view-account .bfp-social-divider,
  body.bfp-calm.bfp-view-account .bfp-social-row,
  body.bfp-calm.bfp-view-account .bfp-social-note{border-left:0!important;border-top:1px solid var(--bfp-account-line)!important;}
  body.bfp-calm.bfp-view-account .bfp-social-row,
  body.bfp-calm.bfp-view-account .bfp-social-note{border-top:0!important;}
}
@media(max-width:560px){
  body.bfp-calm.bfp-view-account .bfp-ma-account-root{padding:28px 10px 50px!important;}
  body.bfp-calm.bfp-view-account .bfp-ma-auth:after{left:-10px;height:54px;}
  body.bfp-calm.bfp-view-account .bfp-ma-auth__header h1{font-size:38px!important;}
  body.bfp-calm.bfp-view-account .bfp-ma-auth__tabs button{min-height:52px!important;padding:0 10px!important;font-size:11px!important;}
  body.bfp-calm.bfp-view-account .bfp-account-card>.bfp-divider:not(.bfp-social-divider),
  body.bfp-calm.bfp-view-account .bfp-social-divider{padding:22px 18px 14px!important;}
  body.bfp-calm.bfp-view-account .bfp-account-form{padding:8px 18px 22px!important;}
  body.bfp-calm.bfp-view-account .bfp-account-links{padding:20px 18px 22px!important;flex-direction:column!important;align-items:flex-start!important;}
  body.bfp-calm.bfp-view-account .bfp-social-row{grid-template-columns:1fr!important;padding:8px 18px 12px!important;}
  body.bfp-calm.bfp-view-account .bfp-social-note{padding:6px 18px 24px!important;}
}

/* v9.1.0 — wrapperless premium converter */
body.bfp-calm.bfp-calm-converter-page main.bfp-calm-page--tool{padding:clamp(18px,3vw,42px) 0 64px!important;background:radial-gradient(circle at 50% -10%,var(--bfp-color-accent-soft),transparent 34%),var(--bfp-color-bg)!important}
body.bfp-calm.bfp-calm-converter-page :is(.bfp-calm-tool-content,.bfp-calm-tool-article,.entry-content){width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.bfp-calm.bfp-calm-converter-page .bfpic-converter{width:var(--bfp-container)!important;max-width:none!important;margin:0 auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;color:var(--bfp-color-text)!important}
body.bfp-calm.bfp-calm-converter-page .bfpic-converter--full .bfpic-shell{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.bfp-calm.bfp-calm-converter-page .bfpic-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:var(--bfp-space-6)!important;margin:0 0 var(--bfp-space-6)!important;padding:0 0 var(--bfp-space-5)!important;border-bottom:1px solid var(--bfp-color-line)!important}
body.bfp-calm.bfp-calm-converter-page .bfpic-head h2{margin:0!important;color:var(--bfp-color-text)!important;font-size:clamp(40px,6vw,82px)!important;line-height:.9!important;letter-spacing:-.055em!important;text-transform:uppercase!important}
body.bfp-calm.bfp-calm-converter-page .bfpic-head p{margin:12px 0 0!important;color:var(--bfp-color-muted)!important;font-size:clamp(14px,1.25vw,18px)!important;line-height:1.65!important}
body.bfp-calm.bfp-calm-converter-page :is(.bfpic-layout,.bfpic-grid,.bfpic-workspace){gap:var(--bfp-space-5)!important;align-items:start!important}
body.bfp-calm.bfp-calm-converter-page :is(.bfpic-drop-panel,.bfpic-side,.bfpic-results-wrap,.bfpic-info,.bfpic-premium-rail,.bfpic-card,.bfpic-summary){border:1px solid var(--bfp-color-line)!important;border-radius:var(--bfp-radius-lg)!important;background:linear-gradient(145deg,var(--bfp-color-surface),var(--bfp-color-bg-elevated))!important;box-shadow:var(--bfp-shadow-card)!important}
body.bfp-calm.bfp-calm-converter-page :is(.bfpic-drop-panel,.bfpic-side){padding:clamp(16px,2vw,28px)!important}
body.bfp-calm.bfp-calm-converter-page .bfpic-dropzone{display:grid!important;place-items:center!important;min-height:clamp(310px,42vh,520px)!important;padding:clamp(24px,4vw,58px)!important;border:1px dashed var(--bfp-color-accent-line)!important;border-radius:var(--bfp-radius-md)!important;background:linear-gradient(180deg,var(--bfp-color-accent-soft),transparent)!important;box-shadow:inset 0 0 0 1px var(--bfp-color-line)!important;text-align:center!important;cursor:pointer!important;transition:border-color var(--bfp-transition),background-color var(--bfp-transition),box-shadow var(--bfp-transition),transform var(--bfp-transition)!important}
body.bfp-calm.bfp-calm-converter-page .bfpic-dropzone:hover,body.bfp-calm.bfp-calm-converter-page .bfpic-dropzone:is(.is-dragging,.dragover,.is-over){border-color:var(--bfp-color-accent)!important;background:var(--bfp-color-accent-soft)!important;box-shadow:var(--bfp-shadow-glow)!important;transform:translateY(-2px)!important}
body.bfp-calm.bfp-calm-converter-page .bfpic-dropzone :is(h3,strong){color:var(--bfp-color-text)!important}
body.bfp-calm.bfp-calm-converter-page .bfpic-dropzone :is(p,small,span){color:var(--bfp-color-muted)!important}
body.bfp-calm.bfp-calm-converter-page :is(.bfpic-option,.bfpic-control,.bfpic-privacy){border:1px solid var(--bfp-color-line)!important;border-radius:var(--bfp-radius-sm)!important;background:var(--bfp-color-surface-2)!important;box-shadow:none!important}
body.bfp-calm.bfp-calm-converter-page :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:var(--bfp-control-height)!important;border:1px solid var(--bfp-color-line-strong)!important;border-radius:var(--bfp-radius-sm)!important;background:var(--bfp-color-bg)!important;color:var(--bfp-color-text)!important;box-shadow:none!important}
body.bfp-calm.bfp-calm-converter-page :is(input,select,textarea):hover{border-color:var(--bfp-color-accent-line)!important}
body.bfp-calm.bfp-calm-converter-page :is(.bfpic-button,.bfpic-btn,button){min-height:var(--bfp-control-height)!important;border-radius:var(--bfp-radius-sm)!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important}
body.bfp-calm.bfp-calm-converter-page :is(.bfpic-button.bfpic-primary,.bfpic-button.bfpic-download,.bfpic-primary,.bfpic-download){border:1px solid var(--bfp-color-accent)!important;background:var(--bfp-color-accent)!important;color:var(--bfp-color-bg)!important;box-shadow:0 10px 28px var(--bfp-color-accent-soft)!important}
body.bfp-calm.bfp-calm-converter-page :is(.bfpic-button.bfpic-primary,.bfpic-button.bfpic-download,.bfpic-primary,.bfpic-download):hover{background:var(--bfp-color-accent-hover)!important;border-color:var(--bfp-color-accent-hover)!important;box-shadow:var(--bfp-shadow-glow)!important}
body.bfp-calm.bfp-calm-converter-page :is(.bfpic-button:not(.bfpic-primary):not(.bfpic-download),.bfpic-btn-secondary){border:1px solid var(--bfp-color-line-strong)!important;background:var(--bfp-color-surface-2)!important;color:var(--bfp-color-text)!important;box-shadow:none!important}
body.bfp-calm.bfp-calm-converter-page :is(.bfpic-results,.bfpic-result-grid){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:var(--bfp-space-4)!important}
body.bfp-calm.bfp-calm-converter-page :is(.bfpic-result,.bfpic-result-card){height:100%!important;border:1px solid var(--bfp-color-line)!important;border-radius:var(--bfp-radius-md)!important;background:var(--bfp-color-surface)!important;overflow:hidden!important;transition:transform var(--bfp-transition),border-color var(--bfp-transition),box-shadow var(--bfp-transition)!important}
body.bfp-calm.bfp-calm-converter-page :is(.bfpic-result,.bfpic-result-card):hover{transform:translateY(-4px)!important;border-color:var(--bfp-color-accent-line)!important;box-shadow:var(--bfp-shadow-hover)!important}
@media(max-width:980px){body.bfp-calm.bfp-calm-converter-page .bfpic-head{grid-template-columns:1fr!important}body.bfp-calm.bfp-calm-converter-page :is(.bfpic-layout,.bfpic-grid,.bfpic-workspace){grid-template-columns:1fr!important}}
@media(max-width:700px){body.bfp-calm.bfp-calm-converter-page main.bfp-calm-page--tool{padding-top:14px!important}body.bfp-calm.bfp-calm-converter-page .bfpic-converter{width:var(--bfp-container)!important}body.bfp-calm.bfp-calm-converter-page .bfpic-head h2{font-size:clamp(36px,13vw,58px)!important}body.bfp-calm.bfp-calm-converter-page .bfpic-dropzone{min-height:280px!important;padding:24px 16px!important}body.bfp-calm.bfp-calm-converter-page :is(.bfpic-drop-panel,.bfpic-side){padding:14px!important}body.bfp-calm.bfp-calm-converter-page :is(.bfpic-results,.bfpic-result-grid){grid-template-columns:1fr!important}}

/* v10.1.5 — account cleanup, profile media and admin dashboard */
body.bfp-calm.bfp-view-account .bfp-profile-media-fixed{
  overflow:visible!important;min-width:0!important;
}
body.bfp-calm.bfp-view-account .bfp-profile-media-fixed :is(.bfp-profile-media-action,.bfp-profile-media-reset){
  position:static!important;inset:auto!important;float:none!important;transform:none!important;
  width:auto!important;max-width:100%!important;min-height:42px!important;margin:10px 8px 0 0!important;
  white-space:normal!important;line-height:1.25!important;
}
body.bfp-calm.bfp-view-account .bfp-profile-media-fixed img{
  max-width:100%!important;height:auto!important;object-fit:cover!important;
}
body.bfp-calm.bfp-view-account .bfp-profile-media-fixed :is(.bfp-profile-row,.bfp-profile-media,.profile-media,.avatar-wrap){
  min-width:0!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:16px!important;
}
body.bfp-calm.bfp-view-account .bfp-admin-dashboard-card{
  display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;
  width:100%!important;min-height:86px!important;padding:14px 18px!important;border:1px solid var(--bfp-account-line,#33414c)!important;
  border-radius:0!important;background:#11161b!important;color:#fff!important;text-decoration:none!important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
body.bfp-calm.bfp-view-account .bfp-admin-dashboard-card:hover{
  border-color:var(--bfp-account-orange,#ff8a1f)!important;box-shadow:0 0 24px rgba(255,138,31,.16)!important;transform:translateY(-2px)!important;
}
body.bfp-calm.bfp-view-account .bfp-admin-dashboard-card__icon{
  display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border:1px solid var(--bfp-account-orange,#ff8a1f)!important;color:var(--bfp-account-orange,#ff8a1f)!important;
}
body.bfp-calm.bfp-view-account .bfp-admin-dashboard-card__icon svg{width:23px!important;height:23px!important;}
body.bfp-calm.bfp-view-account .bfp-admin-dashboard-card strong{display:block!important;color:#fff!important;font-size:15px!important;letter-spacing:.055em!important;text-transform:uppercase!important;}
body.bfp-calm.bfp-view-account .bfp-admin-dashboard-card small{display:block!important;margin-top:4px!important;color:#aeb7c0!important;font-size:13px!important;}
body.bfp-calm.bfp-view-account .bfp-admin-dashboard-card__arrow{color:var(--bfp-account-orange,#ff8a1f)!important;font-size:20px!important;}
@media(max-width:560px){
  body.bfp-calm.bfp-view-account .bfp-profile-media-fixed :is(.bfp-profile-media-action,.bfp-profile-media-reset){width:100%!important;margin-right:0!important;}
  body.bfp-calm.bfp-view-account .bfp-admin-dashboard-card{grid-template-columns:44px minmax(0,1fr) auto!important;padding:12px!important;}
  body.bfp-calm.bfp-view-account .bfp-admin-dashboard-card__icon{width:44px!important;height:44px!important;}
}

/* v10.2.1 — Account password visibility controls
 * Keep the eye button inside the field and isolate it from generic account
 * button/SVG rules used by the settings cards.
 */
body.bfp-calm.bfp-view-account .bfp-calm-pass-wrap {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.bfp-calm.bfp-view-account .bfp-calm-pass-wrap > input[type="password"],
body.bfp-calm.bfp-view-account .bfp-calm-pass-wrap > input[type="text"] {
  width: 100% !important;
  padding-right: 52px !important;
}

body.bfp-calm.bfp-view-account .bfp-calm-pass-toggle {
  appearance: none !important;
  position: absolute !important;
  z-index: 5 !important;
  top: 50% !important;
  right: 8px !important;
  bottom: auto !important;
  left: auto !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #aebbc4 !important;
  box-shadow: none !important;
  clip-path: none !important;
  transform: translateY(-50%) !important;
  line-height: 1 !important;
  overflow: hidden !important;
  cursor: pointer !important;
}

body.bfp-calm.bfp-view-account .bfp-calm-pass-toggle:hover,
body.bfp-calm.bfp-view-account .bfp-calm-pass-toggle:focus-visible {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  transform: translateY(-50%) !important;
}

body.bfp-calm.bfp-view-account .bfp-calm-pass-toggle:focus-visible {
  outline: 2px solid #ff8a1f !important;
  outline-offset: 1px !important;
}

body.bfp-calm.bfp-view-account .bfp-calm-pass-toggle > svg {
  display: block !important;
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  pointer-events: none !important;
  flex: 0 0 20px !important;
}

body.bfp-calm.bfp-view-account .bfp-calm-pass-toggle > svg * {
  vector-effect: non-scaling-stroke;
}


/* v10.3.6 — restore Image Studio XXL page integration */
.bfp-calm-studio-page .bfp-calm-tool-content {
    width: min(calc(100% - 24px), 1740px) !important;
    max-width: 1740px !important;
}
body.bfp-calm.bfp-calm-studio-page,
body.bfp-calm.bfp-xxl-page { background: #10151b !important; }
body.bfp-calm.bfp-calm-studio-page .bfp-studio-v10 {
    --bfp-bg:#11171d !important; --bfp-panel:#182129 !important; --bfp-panel2:#202a33 !important;
    --bfp-line:#31404c !important; --bfp-line-hover:#ff8a1f !important; --bfp-text:#eef3f6 !important;
    --bfp-muted:#9ca8b3 !important; --bfp-orange:#ff8a1f !important; --bfp-gold:#ff8a1f !important;
    --bfp-accent:#ff8a1f !important; --bfp-surface:#151e26 !important; --bfp-surface-raised:#1c2730 !important;
    width:calc(100vw - 16px) !important; max-width:none !important; margin:8px auto !important;
    overflow:hidden !important; border:1px solid #34424e !important; border-radius:12px !important;
    background:#11171d !important; box-shadow:0 22px 60px rgba(0,0,0,.28) !important;
    font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}
body.bfp-calm.bfp-calm-studio-page .bfp-studio-v10 :is(button,input,select,textarea){font-family:inherit !important}
body.bfp-calm.bfp-calm-studio-page .bfp-studio-v10 .bfp-app{background:#11171d !important}
body.bfp-calm.bfp-calm-studio-page .bfp-studio-v10 :is(.bfp-drawer,.bfp-inspector){border-color:#2d3b47 !important;background:linear-gradient(180deg,#182129,#141c23) !important}
body.bfp-calm.bfp-calm-studio-page .bfp-studio-v10 .bfp-rail{border-color:#34424e !important;background:linear-gradient(180deg,#161e25,#11171d) !important}
body.bfp-calm.bfp-calm-studio-page .bfp-studio-v10 .bfp-stage{background:#111820 !important}
body.bfp-calm.bfp-calm-studio-page .bfp-studio-v10 :is(.bfp-topbar,.bfp-bottombar,.bfp-bottombar.bfp-premium-status){border-color:#2d3d49 !important;background:#151e26 !important;box-shadow:none !important}
body.bfp-calm.bfp-calm-studio-page .bfp-studio-v10 :is(.bfp-canvas-wrap,.bfp-workspace){background-color:#101820 !important;background-image:linear-gradient(rgba(126,158,177,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(126,158,177,.045) 1px,transparent 1px) !important;background-size:26px 26px !important}
body.bfp-calm.bfp-calm-studio-page .bfp-studio-v10 :is(.bfp-primary,.bfp-open-export.is-primary,.bfp-bottom-card.is-primary){border-color:#ff8a1f !important;background:#ff8a1f !important;color:#11151a !important}
body.bfp-calm.bfp-calm-studio-page .bfp-studio-v10 .bfp-home{border-color:#ff8a1f !important;background:#ff8a1f !important}

/* v10.3.6 — clearer target-format placement in the converter sidebar */
body.bfp-calm.bfp-calm-converter-page .bfpic-side{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
}
body.bfp-calm.bfp-calm-converter-page .bfpic-side .bfpic-control:has(select),
body.bfp-calm.bfp-calm-converter-page .bfpic-side .bfpic-option:has(select){
    order:-20 !important;
    margin:0 0 4px !important;
    padding:16px !important;
    border:1px solid rgba(255,138,31,.35) !important;
    background:linear-gradient(180deg,rgba(255,138,31,.075),rgba(255,255,255,.018)) !important;
}
body.bfp-calm.bfp-calm-converter-page .bfpic-side :is(.bfpic-control,.bfpic-option):has(select) label{
    display:block !important;
    margin:0 0 10px !important;
    color:#f1f4f7 !important;
    font-size:12px !important;
    font-weight:900 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
}
body.bfp-calm.bfp-calm-converter-page .bfpic-side :is(.bfpic-control,.bfpic-option):has(select) select{
    width:100% !important;
    min-height:52px !important;
    padding-inline:16px 44px !important;
}
@media(max-width:700px){.bfp-calm-studio-page .bfp-calm-tool-content{width:calc(100% - 12px) !important}}


/* v10.3.7 — exact converter field alignment and Studio account-link repair support */
body.bfp-calm.bfp-calm-converter-page .bfpic-side :is(.bfpic-control,.bfpic-option):has(select){
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    overflow:visible!important;
    padding:18px 16px 16px!important;
}
body.bfp-calm.bfp-calm-converter-page .bfpic-side :is(.bfpic-control,.bfpic-option):has(select) > label,
body.bfp-calm.bfp-calm-converter-page .bfpic-side :is(.bfpic-control,.bfpic-option):has(select) label{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    translate:none!important;
    background:transparent!important;
    line-height:1.25!important;
    z-index:auto!important;
}
body.bfp-calm.bfp-calm-converter-page .bfpic-side :is(.bfpic-control,.bfpic-option):has(select) select{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
    z-index:1!important;
}
body.bfp-calm.bfp-calm-converter-page .bfpic-side :is(.bfpic-control,.bfpic-option):has(select) + :is(.bfpic-control,.bfpic-option){
    margin-top:2px!important;
}
body.bfp-calm.bfp-calm-converter-page .bfpic-side :is(.bfpic-control,.bfpic-option) output{
    position:static!important;
    float:none!important;
    display:inline!important;
    margin-left:4px!important;
    transform:none!important;
}


/* ======================================================================
   v11.2.0 — Account Cleanup Edition
   One authoritative authentication layout. Replaces all legacy Account Hub
   iterations (4.5, 1.10.x and v11.1.x override stacks).
   ====================================================================== */
@media (min-width: 981px) {
  body.bfp-calm.bfp-view-account .bfp-ma-auth {
    width: min(1260px, calc(100vw - 48px)) !important;
    max-width: 1260px !important;
    margin: 28px auto 48px !important;
  }

  body.bfp-calm.bfp-view-account .bfp-ma-auth__header {
    grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr) !important;
    align-items: center !important;
    gap: 44px !important;
    padding: 26px 0 24px !important;
  }

  body.bfp-calm.bfp-view-account .bfp-ma-auth__header h1 {
    max-width: 7.2ch !important;
    font-size: clamp(48px, 4.1vw, 68px) !important;
    line-height: .91 !important;
  }

  body.bfp-calm.bfp-view-account .bfp-ma-auth__header p {
    max-width: 38ch !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  body.bfp-calm.bfp-view-account .bfp-ma-auth__tabs {
    min-height: 52px !important;
    margin-bottom: 14px !important;
  }

  body.bfp-calm.bfp-view-account .bfp-ma-auth__tabs button {
    min-height: 52px !important;
    height: 52px !important;
  }

  body.bfp-calm.bfp-view-account .bfp-ma-auth__panel > .bfp-account-card {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-areas:
      "form-title social-title"
      "form social-buttons"
      "links social-note" !important;
  }

  body.bfp-calm.bfp-view-account .bfp-account-card > .bfp-divider:not(.bfp-social-divider),
  body.bfp-calm.bfp-view-account .bfp-social-divider {
    padding: 22px 30px 14px !important;
  }

  body.bfp-calm.bfp-view-account .bfp-account-form {
    gap: 12px !important;
    padding: 6px 30px 22px !important;
  }

  body.bfp-calm.bfp-view-account .bfp-account-form label:not(.bfp-check) {
    gap: 6px !important;
  }

  body.bfp-calm.bfp-view-account .bfp-account-form input:not([type=checkbox]),
  body.bfp-calm.bfp-view-account .bfp-account-form select {
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 14px !important;
  }

  body.bfp-calm.bfp-view-account .bfp-primary-btn,
  body.bfp-calm.bfp-view-account .bfp-account-submit,
  body.bfp-calm.bfp-view-account .bfp-account-form button[type=submit] {
    min-height: 52px !important;
    height: 52px !important;
  }

  body.bfp-calm.bfp-view-account .bfp-social-row,
  body.bfp-calm.bfp-view-account .bfp-social-row-comment-style {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 6px 30px 12px !important;
  }

  body.bfp-calm.bfp-view-account .bfp-social-btn {
    min-height: 50px !important;
    height: 50px !important;
    padding: 0 14px !important;
    gap: 10px !important;
  }

  body.bfp-calm.bfp-view-account .bfp-social-note {
    padding: 6px 30px 24px !important;
  }

  body.bfp-calm.bfp-view-account .bfp-account-links {
    padding: 18px 30px 22px !important;
  }
}

/* Password field — one implementation only */
body.bfp-calm.bfp-view-account .bfp-calm-pass-wrap {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}
body.bfp-calm.bfp-view-account .bfp-calm-pass-wrap > input {
  width: 100% !important;
  min-width: 0 !important;
  padding-right: 50px !important;
  text-overflow: clip !important;
}
body.bfp-calm.bfp-view-account .bfp-calm-pass-toggle {
  appearance: none !important;
  position: absolute !important;
  inset: 50% 8px auto auto !important;
  transform: translateY(-50%) !important;
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #aeb6bd !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  cursor: pointer !important;
  z-index: 8 !important;
}
body.bfp-calm.bfp-view-account .bfp-calm-pass-toggle:hover,
body.bfp-calm.bfp-view-account .bfp-calm-pass-toggle:focus-visible {
  color: #ff8a1f !important;
  background: rgba(255,138,31,.09) !important;
  outline: 1px solid rgba(255,138,31,.45) !important;
}
body.bfp-calm.bfp-view-account .bfp-calm-pass-toggle svg {
  display: block !important;
  width: 19px !important;
  height: 19px !important;
}

/* Consent row */
body.bfp-calm.bfp-view-account .bfp-check,
body.bfp-calm.bfp-view-account .bfp-account-check,
body.bfp-calm.bfp-view-account .bfp-account-consent,
body.bfp-calm.bfp-view-account label:has(> input[type=checkbox]) {
  display: grid !important;
  grid-template-columns: 18px minmax(0,1fr) !important;
  align-items: start !important;
  column-gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 4px 0 12px !important;
  overflow: visible !important;
  line-height: 1.35 !important;
}
body.bfp-calm.bfp-view-account :is(.bfp-check,.bfp-account-check,.bfp-account-consent) input[type=checkbox],
body.bfp-calm.bfp-view-account label:has(> input[type=checkbox]) > input[type=checkbox] {
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  margin: 1px 0 0 !important;
}

/* Account submit buttons — compact card style without decorative arrows */
body.bfp-calm.bfp-view-account .bfp-primary-btn,
body.bfp-calm.bfp-view-account .bfp-account-submit,
body.bfp-calm.bfp-view-account .bfp-account-form button[type=submit] {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 62px !important;
  padding: 0 18px 0 74px !important;
  border: 1px solid #343b42 !important;
  border-radius: 0 !important;
  background: #11161b !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: .1em !important;
  line-height: 1.15 !important;
  text-align: left !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition: border-color .2s ease, background .2s ease, transform .2s ease !important;
}
body.bfp-calm.bfp-view-account .bfp-primary-btn::before,
body.bfp-calm.bfp-view-account .bfp-account-submit::before,
body.bfp-calm.bfp-view-account .bfp-account-form button[type=submit]::before {
  content: "✓" !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  border: 1px solid var(--bfp-account-orange) !important;
  color: var(--bfp-account-orange) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
}
body.bfp-calm.bfp-view-account .bfp-primary-btn::after,
body.bfp-calm.bfp-view-account .bfp-account-submit::after,
body.bfp-calm.bfp-view-account .bfp-account-form button[type=submit]::after {
  display: none !important;
  content: none !important;
}
body.bfp-calm.bfp-view-account .bfp-primary-btn:hover,
body.bfp-calm.bfp-view-account .bfp-account-submit:hover,
body.bfp-calm.bfp-view-account .bfp-account-form button[type=submit]:hover {
  border-color: var(--bfp-account-orange) !important;
  background: #171c21 !important;
  transform: translateY(-2px) !important;
  filter: none !important;
  box-shadow: none !important;
}

@media (max-width: 980px) {
  body.bfp-calm.bfp-view-account .bfp-ma-auth { width: min(100%, calc(100vw - 24px)) !important; }
  body.bfp-calm.bfp-view-account .bfp-ma-auth__panel > .bfp-account-card {
    grid-template-columns: 1fr !important;
    grid-template-areas: "form-title" "form" "links" "social-title" "social-buttons" "social-note" !important;
  }
}


/* Hide legacy decorative arrow elements that may be printed by the account module. */
body.bfp-calm.bfp-view-account :is(.bfp-primary-btn,.bfp-account-submit,.bfp-account-form button[type=submit]) > :is([aria-hidden="true"],.arrow,.button-arrow,.bfp-button-arrow) {
  display: none !important;
}