/* igteamh.css — CC / IGTEAMH override layer: Control Command corporate
   (navy on flat gray, square, no gradients). Loaded ON TOP of
   igserver.css; every rule is gated on body.corp, which the server
   sets for the /apply funnel always and for all courses when
   SOP_THEME=corp. */
/* ============================================================== corp ==
   Control Command — the application funnel. Deliberately OLD-SCHOOL raw
   HTML: Arial on a flat gray page, one bordered container, square plain
   buttons, default-looking form widgets, classic bordered tables. No
   gradients, no shadows, no rounded corners, no animation — none of the
   affiliate courses' Instagram look leaks in here. */
body.corp{
  background:#EDEDED;
  color:#333333;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  padding-bottom:30px;
}
body.corp .progress-rail{display:none}
body.corp .wrap{max-width:700px;padding:20px 10px}
body.corp .card,body.corp.landing-bg .card{
  background:#FFFFFF;border:1px solid #BBBBBB;border-radius:0;
  box-shadow:none;padding:24px 26px;
}
body.corp .title,body.corp .content h3,body.corp .landing-title{
  font-family:Arial,Helvetica,sans-serif;color:#003366;font-weight:bold;
}
body.corp .title{font-size:1.45rem;border-bottom:1px solid #CCCCCC;padding-bottom:10px}
body.corp .content h3{font-size:1.05rem;margin:20px 0 6px}
body.corp .content{font-size:.95rem;line-height:1.55}
body.corp .badge{
  background:none;color:#666666;border-radius:0;padding:0;margin-bottom:8px;
  font-size:.78rem;letter-spacing:.08em;font-weight:bold;
}
body.corp .grad-text{background:none;color:#003366}
body.corp .btn,body.corp .btn.primary,body.corp .btn.next,body.corp .btn.ghost{
  background:#003366;color:#FFFFFF;border:1px solid #002244;border-radius:0;
  font-weight:bold;font-size:.95rem;padding:10px 18px;text-shadow:none;
}
body.corp .btn.ghost{background:#EEEEEE;color:#003366;border:1px solid #999999}
body.corp .btn.primary:disabled,body.corp .btn.next.locked{
  background:#CCCCCC;border-color:#AAAAAA;color:#777777;
}
body.corp .foot{color:#888888;font-weight:normal;font-size:.75rem;
  letter-spacing:.05em;text-transform:uppercase}
body.corp .btn.cta-huge{display:block;font-size:1.5rem;line-height:1.3;
  padding:22px 20px;width:100%}

/* corp header / logo — plain 2010 site header */
.cc-logo{display:flex;align-items:center;gap:12px;justify-content:flex-start;
  margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid #CCCCCC}
.cc-logo svg{width:44px;height:44px}
.cc-wordmark{display:flex;flex-direction:column;line-height:1.05;text-align:left}
.cc-top{font-weight:bold;font-size:1.25rem;color:#003366;letter-spacing:.1em}
.cc-bottom{font-size:.8rem;color:#666666;letter-spacing:.34em}
.corp-landing{text-align:left}
.corp-landing h3{margin:18px 0 5px}
.corp-lead{font-size:1rem;line-height:1.6;margin:12px 0}
.corp-note{color:#666666;font-size:.85rem;margin-top:16px;
  border-top:1px solid #CCCCCC;padding-top:12px}
.corp-values .cv{border-bottom:1px solid #DDDDDD;padding:4px 0 12px;margin:10px 0}
.corp-values .cv:last-child{border-bottom:none}
.corp-values .cv h3{margin:0 0 4px}
.corp-values .cv p{margin:0;color:#444444}

/* corp lists / rules — plain square bullets, no boxes */
body.corp .rules{margin:8px 0 8px 4px}
body.corp .rules li{background:none;border:none;border-radius:0;
  padding:3px 0 3px 18px;margin:4px 0}
body.corp .rules li.ok::before{content:"";left:2px;top:10px;width:7px;height:7px;
  background:#003366;display:block;position:absolute}
body.corp .lead{color:#333333;font-size:1rem}

/* corp quiz + forms — default-looking widgets, square boxes */
body.corp .quiz-head{font-size:.95rem}
body.corp .quiz-q{background:#F7F7F7;border:1px solid #CCCCCC;border-radius:0;padding:12px}
body.corp .quiz-q.wrong{border-color:#AA3333;background:#F9EFEF}
body.corp .quiz-q.right{border-color:#336633}
body.corp .quiz-q .q-flag,body.corp .quiz-fail{color:#AA3333;font-weight:bold}
body.corp .opt{background:#FFFFFF;border:1px solid #CCCCCC;border-radius:0;padding:8px 9px}
body.corp .opt input{accent-color:#003366}
body.corp .form-field,body.corp .form-check{
  background:#F7F7F7;border:1px solid #CCCCCC;border-radius:0;padding:12px}
body.corp .form-label{font-size:.92rem}
body.corp .form-field input[type="text"],body.corp .form-field textarea{
  border:1px solid #999999;border-radius:0;font-size:.95rem;padding:8px 9px}
body.corp .form-field input[type="text"]:focus,body.corp .form-field textarea:focus{
  border-color:#003366;outline:1px solid #003366}
body.corp .form-check input{width:16px;height:16px;accent-color:#003366}
body.corp .form-field.missing,body.corp .form-check.missing{
  border-color:#AA3333;background:#F9EFEF}
body.corp .form-saved{color:#336633;font-weight:bold}
body.corp .req-star{color:#AA3333}

/* corp compensation tables — classic bordered HTML tables */
.comp-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:14px 0}
.comp-facts .cf{border:1px solid #CCCCCC;background:#F7F7F7;padding:8px 10px;
  display:flex;flex-direction:column;gap:2px}
.comp-facts .cf-label{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:#666666}
.comp-facts .cf-value{font-weight:bold;color:#003366}
.comp-table{width:100%;border-collapse:collapse;margin:8px 0 4px;font-size:.92rem}
.comp-table th{background:#003366;color:#FFFFFF;text-align:left;font-weight:bold;
  padding:7px 10px;border:1px solid #002244;font-size:.82rem}
.comp-table td{border:1px solid #BBBBBB;padding:7px 10px;background:#FFFFFF}
.comp-table tbody tr:nth-child(even) td{background:#F2F2F2}
.comp-table td.amt{font-weight:bold;color:#003366;white-space:nowrap}
.comp-note{color:#666666;font-size:.85rem;margin:4px 0 12px}
@media(max-width:480px){.comp-facts{grid-template-columns:1fr}}

/* corp theme for the FULL SOP courses (SOP_THEME=corp deployments):
   the same slides, re-inked navy/gray — flat, square, no gradients. */
body.corp .landing-title{font-size:1.6rem}
body.corp .landing-pitch{background:#F7F7F7;border:1px solid #CCCCCC;border-radius:0}
body.corp .landing-time{color:#333333}
body.corp .money-peso,body.corp .money-usd,body.corp .money-beats .wk{color:#003366}
body.corp .money-verified span{color:#003366;background:#F0F4F8;
  border:1px solid #99AABB;border-radius:0}
body.corp .img-frame img{border-radius:0;border:1px solid #BBBBBB;box-shadow:none}
body.corp .twobox .tb{border-radius:0;border-width:1px}
body.corp .warn-box{border-radius:0;border:1px solid #CC9999;background:#F9EFEF}
body.corp .big-note{border-radius:0;border:1px solid #CCCCCC;
  background:#F7F7F7;font-weight:normal}
body.corp .big-note.giant{border:1px solid #CCCCCC}
body.corp .cmd{border-radius:0}
body.corp .fillme{border-radius:0}
body.corp .chip{background:#FFFFFF;border:1px solid #CCCCCC;border-radius:0;font-weight:normal}
body.corp .step-hint{background:#F7F7F7;border:1px dashed #AAAAAA;border-radius:0;color:#666666}
body.corp .drive2{background:#F0F4F8;border:1px solid #99AABB;border-radius:0;color:#003366}
body.corp .pay-head{background:#003366;border:1px solid #002244;color:#FFFFFF;
  border-radius:0;font-size:1rem}
body.corp .example-box{border:1px dashed #003366;border-radius:0}
body.corp .example-tag{background:#003366;border-radius:0}
body.corp .compare{border-radius:0;border-width:1px}
body.corp .compare-tag{border-radius:0}
body.corp .swap .row{border-radius:0;border-width:1px}
body.corp .rules li.no{background:#F9EFEF}
body.corp .rules li.star,body.corp .rules li.info,body.corp .rules li.link{background:#F7F7F7}
/* de-emoji the rule markers: squares and a plain cross, nothing else */
body.corp .rules li.no,body.corp .rules li.star,
body.corp .rules li.info,body.corp .rules li.link{
  padding:6px 10px 6px 30px;margin:5px 0}
body.corp .rules li.no::before{
  content:"✕";left:9px;top:5px;color:#AA3333;font-weight:bold}
body.corp .rules li.star::before,body.corp .rules li.info::before,
body.corp .rules li.link::before{
  content:"";left:11px;top:13px;width:7px;height:7px;
  background:#667788;display:block;position:absolute}
/* no gradient Instagram glyph on a corporate handbook */
body.corp .ig-logo{display:none}
/* the pay-head tick span is empty once emojis are stripped */
body.corp .pay-head .tick{display:none}
body.corp .btn.play{background:#003366;border-radius:0}
body.corp .track{background:#DDDDDD;border-radius:0}
body.corp .track-fill{background:#003366}
body.corp .btn.speed{background:#EEEEEE;color:#003366;border:1px solid #999999;border-radius:0}
body.corp .btn.speed.fast{background:#003366;color:#FFFFFF;border-color:#002244}
body.corp .watch-note{background:#F7F7F7;border:1px solid #CCCCCC;border-radius:0;font-weight:normal}
body.corp .watch-note.done{background:#EFF5EF;border-color:#99BB99;color:#336633}
body.corp .player video{border-radius:0}
body.corp .confirm-row{background:#F7F7F7;border:1px solid #CCCCCC;border-radius:0}
body.corp .confirm-row input{accent-color:#003366}
body.corp .confirm-done{background:#EFF5EF;border:1px solid #99BB99;color:#336633;border-radius:0}
body.corp details.ref{background:#F7F7F7;border:1px solid #CCCCCC;border-radius:0}
body.corp details.ref summary::before,body.corp details.ref[open] summary::before{color:#003366}
body.corp .ref-body{border-top:1px solid #CCCCCC}
body.corp .btn.admin-skip{border-radius:0}

/* ==================================================== peoples choice ==
   FRAN's funnel identity: same corporate layout, re-inked grey/black.
   Applied only when the server adds body class "pc" (APPLY_BRAND). */
body.pc{background:#E3E3E3;background-image:none}
body.pc .card,body.pc.landing-bg .card{border:1px solid #999999}
body.pc .title,body.pc .content h3,body.pc .landing-title,
body.pc .corp-landing h3,body.pc .corp-values .cv h3{color:#111111}
body.pc .badge{color:#555555}
body.pc .btn,body.pc .btn.primary,body.pc .btn.next{
  background:#111111;border:1px solid #000000;color:#FFFFFF}
body.pc .btn.ghost{background:#EEEEEE;color:#111111;border:1px solid #888888}
body.pc .btn.primary:disabled,body.pc .btn.next.locked{
  background:#BBBBBB;border-color:#999999;color:#666666}
body.pc .corp-lead{border-left:4px solid #111111}
body.pc .corp-values .cv{border-left:4px solid #111111;background:#F4F4F4;border-color:#CCCCCC}
body.pc .corp-note{color:#555555;border-top-color:#BBBBBB}
body.pc .cc-top{color:#111111}
body.pc .cc-bottom{color:#555555}
body.pc .comp-facts .cf{border-top:3px solid #111111;background:#F4F4F4;border-color:#CCCCCC}
body.pc .comp-facts .cf-value{color:#111111}
body.pc .comp-table th{background:#1B1B1B;border-color:#000000}
body.pc .comp-table td.amt{color:#111111}
body.pc .form-field,body.pc .form-check,body.pc .quiz-q{background:#F4F4F4;border-color:#BBBBBB}
body.pc .form-field input[type="text"]:focus,body.pc .form-field textarea:focus{
  border-color:#111111;outline:1px solid #111111}
body.pc .form-check input,body.pc .opt input{accent-color:#111111}
body.pc .rules li.ok::before{background:#111111}
body.pc .foot{color:#666666}
