.opPage{display:grid;gap:12px;min-width:0;width:100%}
.opTop{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}
.opTop h1{margin:0;font-size:clamp(26px,3vw,36px)}
.opLead{margin:4px 0 0;color:#4b5c52;max-width:46rem}
.opActions,.opToolbar{display:flex;flex-wrap:wrap;gap:8px}
.opBtn,.opGhost{min-height:36px;padding:0 12px;border-radius:8px;border:1px solid #d5ddd7;background:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;color:#10231a;display:inline-flex;align-items:center;gap:6px}
.opBtn.primary{background:#0e7a4f;border-color:#0e7a4f;color:#fff}
.opBtn.navy{background:#0b2340;border-color:#0b2340;color:#fff}
.opGhost:hover,.opBtn:hover{filter:brightness(1.05)}
.opStatus{font-size:13px;color:#4b5c52;min-height:1.2em;margin:0}
.opStage{width:100%;overflow:auto;background:#e8edf2;border:1px solid #d5ddd7;border-radius:10px;padding:10px;display:grid;justify-items:stretch}
.opSheet{
  width:100%;
  max-width:none;
  aspect-ratio:210/297;
  height:auto;
  min-height:0;
  background:#fff;
  color:#0b2340;
  border:1px solid #c5d0dc;
  box-shadow:0 10px 30px rgba(11,35,64,.12);
  display:grid;
  grid-template-rows:auto minmax(0,0.2fr) minmax(0,0.44fr) minmax(0,0.18fr) minmax(0,0.18fr);
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  line-height:1.3;
}
.opSheet input,
.opSheet textarea,
.opSheet select{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#0b2340!important;
  font:inherit!important;
  outline:none;
  appearance:none;
  -webkit-appearance:none;
}
.opHead{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:center;
  background:#0b2340;
  color:#fff!important;
  padding:8px 12px;
}
.opHead,
.opHead label,
.opHead span,
.opHead input{
  color:#fff!important;
}
.opHead input{
  background:transparent!important;
  border:0!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:800!important;
  width:100%;
  min-height:0!important;
  padding:0!important;
  border-radius:0!important;
}
.opLogo{
  width:52px;height:52px;border-radius:50%;background:#fff;border:2px solid #d4b45a;overflow:hidden;display:grid;place-items:center;position:relative;cursor:pointer;flex:none;
}
.opLogo img{width:100%;height:100%;object-fit:cover}
.opLogo span{font-size:9px;font-weight:800;color:#0b2340!important;text-align:center;padding:4px}
.opLogo input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%!important;height:100%!important}
.opTeam{display:flex;flex-direction:column;gap:2px;min-width:0}
.opTeam label,.opViewLabel{font-size:10px;opacity:.8;color:#fff!important}
.opTeamName{font-size:22px;font-weight:800;min-height:1.2em;color:#fff}
.opDiff{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:#fff}
.opPills{display:flex;gap:6px;align-items:center}
.opPills label{
  position:relative!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:3px 11px!important;
  min-height:0!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.45)!important;
  background:transparent!important;
  color:#fff!important;
  cursor:pointer;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.2;
}
.opPills input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none;
  border:0!important;
}
.opPills label.is-on,
.opPills span.is-on{
  background:#f0c14b!important;
  color:#0b2340!important;
  border-color:#f0c14b!important;
}
.opPills label.is-on span{color:#0b2340!important}
.opSheet.is-view .opPills span{cursor:default;padding:3px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.45)}
.opRead{white-space:pre-wrap;overflow:hidden;min-height:0}
.opRead.is-tall{min-height:0}
.opSheet.is-view .opLogo{cursor:default}
.opLoad div{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center;font-size:9px;font-weight:700}
.opBankTop{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-start}
.opFilterPills{display:flex;flex-wrap:wrap;gap:6px}
.opFilterPills a{min-height:36px;padding:0 12px;border:1px solid #d5ddd7;border-radius:999px;display:inline-flex;align-items:center;text-decoration:none;color:#10231a;font-weight:700;background:#fff;font-size:13px}
.opFilterPills a.is-on,.opPager a.is-on{background:#0b2340;color:#fff;border-color:#0b2340}
.opTags{display:flex;flex-wrap:wrap;gap:6px}
.opTag{font-size:11px;font-weight:700;background:#eef3f8;border-radius:999px;padding:2px 8px}
.opPager{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.opPager a,.opPager span{min-height:36px;padding:0 12px;border:1px solid #d5ddd7;border-radius:8px;display:inline-flex;align-items:center;text-decoration:none;color:#10231a;font-weight:700;background:#fff}
.opCount{margin:0;font-size:13px;color:#5a6b7a}
.opBankCard .tiny{font-size:12px;color:#5a6b7a}
.opGrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  padding:6px 6px 0;
  min-height:0;
}
.opOrg{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  padding:6px;
  min-height:0;
}
.opOrg .opCard textarea{min-height:0!important}
.opCard{border:2px solid #0b2340;border-radius:10px;overflow:hidden;background:#eef3f8;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}
.opCardHead{display:flex;align-items:center;gap:6px;background:#0b2340;color:#fff;font-weight:800;font-size:12px;padding:5px 8px}
.opCardHead svg{width:16px;height:16px;flex:none}
.opCardBody{padding:6px 8px;display:flex;flex-direction:column;gap:4px;min-height:0}
.opHint{margin:0;font-size:9px;color:#5a6b7a;line-height:1.2;flex:none}
.opCard textarea{
  width:100%;
  min-height:0!important;
  flex:1 1 auto;
  overflow:hidden!important;
  resize:none!important;
  color:#0b2340!important;
}
.opOrgRow{display:grid;grid-template-columns:18px 1fr;gap:6px;align-items:start;min-height:0;flex:1}
.opOrgRow svg{width:16px;height:16px;margin-top:2px}
.opOrgRow>div{display:flex;flex-direction:column;min-width:0;min-height:0}
.opOrgRow textarea{min-height:2.2em!important}
.opPitchCard{
  background:#0b2340;
  color:#fff;
  margin:0 6px;
  min-height:0;
}
.opPitchCard .opCardBody{
  padding:4px;
  background:#0b2340;
  display:grid;
  min-height:0;
}
.opRead{flex:1}
.opPitchStage{
  position:relative;
  width:100%;
  height:100%;
  min-height:0;
  background:#fff;
  border-radius:6px;
  overflow:hidden;
}
.opPitchStage img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  max-width:none;
  background:#fff;
}
.opPitchStage[data-mode="half"] img{
  width:200%;
  height:100%;
  object-fit:cover;
  object-position:left center;
}
.opPitchStage[data-mode="import"] img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
}
.opPitchHover{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:5;
  display:flex;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  gap:6px;
  padding:6px;
  background:linear-gradient(180deg,rgba(11,35,64,.88) 0%,rgba(11,35,64,.4) 70%,rgba(11,35,64,0) 100%);
  opacity:0;
  pointer-events:none;
  transition:opacity .15s ease;
}
.opPitchStage:hover .opPitchHover,
.opPitchStage:focus-within .opPitchHover,
.opPitchStage.is-open .opPitchHover{
  opacity:1;
  pointer-events:auto;
}
@media (hover:none){
  .opPitchHover{opacity:1;pointer-events:auto;background:rgba(11,35,64,.78)}
}
.opPitchBtn{
  min-height:26px;
  padding:0 12px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#0b2340;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.opPitchBtn.is-on{background:#f0c14b}
.opBottom{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  padding:0 6px 6px;
  min-height:0;
  max-height:100%;
  align-items:stretch;
}
.opFollow textarea,
.opSummary textarea,
.opFollow .opRead,
.opSummary .opRead{
  flex:1 1 auto;
  min-height:0!important;
}
.opBottom .opCardHead{padding:4px 6px;font-size:11px}
.opBottom .opCardBody{padding:4px 6px}
.opLoad{display:grid;gap:1px;grid-template-rows:none}
.opLoad label{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center;font-size:9px;font-weight:700}
.opLoad input{width:56px!important;border-bottom:1px solid #0b2340!important;text-align:right;padding:1px 0!important}
.opChecks{display:grid;grid-template-columns:1fr 1fr;gap:1px 6px;margin:0;padding:0;list-style:none}
.opChecks label{display:flex;gap:4px;align-items:flex-start;font-size:9px;font-weight:700;line-height:1.2}
.opMine{display:grid;gap:10px}
.opMineHead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.opMine h2{margin:0;font-size:16px}
.opList{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.opItem{border:1px solid #d5ddd7;border-radius:8px;padding:10px;background:#fff;display:grid;gap:4px;cursor:pointer;text-align:left;font:inherit;width:100%}
.opItem.is-on{border-color:#0b2340;box-shadow:0 0 0 2px rgba(11,35,64,.12)}
.opItem strong{font-size:14px}
.opItem .tiny{font-size:12px;color:#5a6b7a}
.opBank{display:grid;gap:14px}
.opFilters{display:flex;flex-wrap:wrap;gap:8px;align-items:end}
.opFilters label{display:grid;gap:4px;font-size:12px;font-weight:700;flex:1;min-width:220px}
.opFilters input,.opFilters select{min-height:38px;border:1px solid #d5ddd7;border-radius:8px;padding:0 10px;font:inherit}
.opFilters input[type=search]{min-width:220px;flex:1}
.opCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.opBankCard{border:1px solid #d5ddd7;border-radius:12px;background:#fff;padding:14px;display:grid;gap:8px;text-decoration:none;color:inherit;min-height:180px}
.opBankCard:hover{border-color:#0b2340}
.opBankCardTop{display:flex;justify-content:space-between;gap:8px;align-items:center}
.opBankLogo{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#eef3f8;display:block;flex:none}
.opPill{display:inline-flex;padding:2px 8px;border-radius:999px;background:#eef3f8;font-size:11px;font-weight:800}
.opPill.latt{background:#dcfce7;color:#166534}
.opPill.medel{background:#fef3c7;color:#92400e}
.opPill.svar{background:#fee2e2;color:#991b1b}
.opMeta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:#4b5c52}
.opWhat{margin:0;font-size:13px;color:#334}
.opEmpty{padding:24px;border:1px dashed #d5ddd7;border-radius:10px;color:#5a6b7a}
.opShare{display:grid;gap:8px}
.opShare input{width:100%;min-height:38px;border:1px solid #d5ddd7;border-radius:8px;padding:0 10px;font:inherit}
dialog.opDialog{border:0;border-radius:12px;padding:0;width:min(560px,92vw)}
.opDialogInner{padding:16px;display:grid;gap:10px}
.opDialogHead{display:flex;justify-content:space-between;align-items:center}
.opTactics{display:grid;gap:8px;max-height:360px;overflow:auto}
.opTactic{display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:center;border:1px solid #d5ddd7;border-radius:8px;padding:8px;background:#fff;cursor:pointer;text-align:left;font:inherit;width:100%}
.opTactic img{width:72px;height:48px;object-fit:cover;background:#eef3f8;border-radius:4px}
@media print{
  body.has-app-nav .saAppNav,body.has-app-nav .site-header,body.has-app-nav .site-footer,.opTop,.opToolbar,.opMine,.opActions,.opMallBar,.opBank,.opFilters,.opPager,.opPitchHover,.saPageShell .saMain > .opPage > .opTop,.fb-cookie-banner,.fbMobileAd{display:none!important}
  .saAppLayout,.saAppCol,.saPageShell,.saMain,.opPage,.opStage{display:block!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}
  .opSheet{
    box-shadow:none;
    border:0;
    width:198mm;
    height:285mm;
    min-height:0;
    max-height:285mm;
    aspect-ratio:auto;
    overflow:hidden;
    grid-template-rows:auto minmax(0,0.2fr) minmax(0,0.44fr) minmax(0,0.18fr) minmax(0,0.18fr);
  }
  .opBottom{max-height:none}
  .opPitchCard{margin:0 4px}
  .opGrid,.opOrg{padding-left:4px;padding-right:4px}
  .opBottom{padding:0 4px 4px}
  .opCard textarea,.opRead{overflow:hidden!important}
  @page{size:A4 portrait;margin:6mm}
}