.page-id-3088 #sidebar,
.page-id-3088 .entry-title { display: none; }
.page-id-3088 #left-area { width: 100%; float: none; padding-right: 0; }
.page-id-3088 #main-content .container:before { display: none; }
.page-id-3088 #main-content { background: #f4f4f4; }
.page-id-3088 footer.et-l--footer .et_pb_section_1_tb_footer { display: none !important; }
.page-id-3088 .et-l--header .et_pb_image_wrap img[title="juxtlogo"] {
  filter: brightness(0) saturate(100%) invert(17%) sepia(0%) saturate(0%) hue-rotate(163deg) brightness(93%) contrast(88%);
}

.jb-shell {
  --orange: #e8651f;
  --charcoal: #2d2d2d;
  --slate: #4d5356;
  --gray: #768287;
  --warm-gray: #74756c;
  --mist: #d6dee0;
  --paper: #f4f4f4;
  --white: #fff;
  max-width: 1120px;
  margin: 0 auto;
  padding: 56px 20px 88px;
  color: var(--charcoal);
  font-family: inherit;
}

.jb-hero { max-width: 800px; margin-bottom: 38px; }
.jb-eyebrow {
  margin: 0 0 -20px 0;
  color: var(--orange);
  font-family: "Overpass Mono", monospace;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.jb-hero h1 {
  margin: 0;
  color: var(--charcoal);
  font-size: clamp(42px, 7vw, 78px);
  line-height: .95;
  letter-spacing: -.045em;
}
.jb-hero > p:last-child { max-width: 650px; color: var(--slate); font-size: 20px; }

.jb-card,
.jb-dashboard,
.jb-documents,
.jb-payment-note {
  position: relative;
  border: 0;
  border-radius: 0;
  background: var(--white);
  box-shadow: 12px 12px 0 var(--mist);
}
.jb-auth,
.jb-dashboard {
  clip-path: polygon(42px 0, 100% 0, 100% 100%, 0 100%, 0 42px);
}
.jb-auth { max-width: 590px; padding: 42px; }
.jb-loading { max-width: 590px; padding: 32px 42px; color: var(--slate); }
.jb-loading p { margin: 0; font-family: "Overpass Mono", monospace; font-weight: 700; }
.jb-auth:before,
.jb-dashboard:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 59px;
  height: 4px;
  background: var(--orange);
  content: "";
  transform: rotate(-45deg) translate(-14px, 5px);
  transform-origin: left top;
}
.jb-auth h2,
.jb-dashboard h2 { margin: 0 0 8px; color: var(--charcoal); font-size: 34px; }
.jb-auth p { color: var(--slate); }
.jb-auth label {
  display: block;
  margin: 26px 0 8px;
  color: var(--charcoal);
  font-family: "Overpass Mono", monospace;
  font-weight: 700;
}
.jb-auth input {
  width: 100%;
  box-sizing: border-box;
  padding: 15px 16px;
  border: 2px solid var(--charcoal);
  border-radius: 0;
  background: var(--white);
  color: var(--charcoal);
  font-size: 18px;
}
.jb-auth input:focus { outline: 3px solid rgba(232, 101, 31, .35); outline-offset: 2px; }

.jb-shell button,
.jb-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0 7px;
  border: 0;
  border-bottom: 5px solid var(--charcoal);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--charcoal) !important;
  font-family: "Overpass Mono", monospace;
  font-weight: 800;
  letter-spacing: .06em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: color .15s ease, border-color .15s ease;
}
.jb-shell button:hover,
.jb-button:hover { border-bottom-color: var(--orange); color: var(--orange) !important; opacity: 1; }
.jb-shell button:active,
.jb-button:active { border-bottom-color: var(--orange); }
.jb-shell button:disabled { opacity: .55; cursor: wait; }
.jb-auth form button { width: auto; margin: 22px 0 36px 0; }
.jb-back { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--orange) !important; }

.jb-privacy,
.jb-muted,
.jb-empty { color: var(--gray); font-size: 14px; }
.jb-notice {
  max-width: 560px;
  margin-top: 20px;
  padding: 14px 18px;
  border-left: 6px solid var(--orange);
  border-radius: 0;
  background: var(--mist);
  color: var(--charcoal);
}
.jb-notice.is-error { border-left-color: var(--charcoal); background: #f7d9cd; }

.jb-dashboard { padding: 42px; }
.jb-dashboard-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.jb-dashboard-head p { margin: 5px 0; color: var(--slate); }
.jb-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.jb-actions .jb-button { font-size: 13.3333px; }
.jb-actions .secondary { background: var(--white); }
.jb-email-options { margin: 30px 0 12px; padding: 28px; border-left: 8px solid var(--orange); background: var(--paper); }
.jb-email-options[hidden] { display: none; }
.jb-email-options h3 { margin: 0 0 6px; color: var(--charcoal); font-size: 25px; }
.jb-email-options p { margin: 0 0 18px; color: var(--slate); }
.jb-email-options fieldset { margin: 18px 0; padding: 0; border: 0; }
.jb-email-options legend,
.jb-paid-limit { display: block; margin-bottom: 9px; color: var(--charcoal); font-family: "Overpass Mono", monospace; font-weight: 800; text-transform: uppercase; }
.jb-email-options fieldset label { display: block; margin: 9px 0; color: var(--slate); }
.jb-email-options input[type="checkbox"] { width: 18px; height: 18px; margin-right: 7px; accent-color: var(--orange); vertical-align: -3px; }
.jb-paid-limit select { display: block; min-width: 220px; margin-top: 8px; padding: 10px 12px; border: 2px solid var(--charcoal); border-radius: 0; background: var(--white); color: var(--charcoal); }
.jb-email-option-actions { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 22px; }
.jb-tabs { display: flex; gap: 14px; overflow: auto; margin: 32px -4px 10px; padding: 4px 10px 10px 4px; }
.jb-tabs button { white-space: nowrap; }
.jb-tabs button.active { border-bottom-color: var(--orange); color: var(--orange) !important; }
.jb-org { padding: 59px 0 59px 30px; border-top: 2px solid var(--mist); }
.jb-org[hidden] { display: none !important; }
.jb-org h3 { position: relative; margin: 0 0 20px; color: var(--charcoal); font-size: 30px; }
.jb-org h3::before {
  content: '//';
  position: absolute;
  top: 3px;
  right: 100%;
  font-size: 30px;
  font-weight: 700;
  color: #ec651e;
  font-family: 'Urbanist', Helvetica, Arial, Lucida, sans-serif;
  letter-spacing: -.08em;
  margin-right: 10px;
}
.jb-org h4 { margin: 30px 0 10px; color: var(--charcoal); font-size: 19px; }
.jb-balances { display: flex; flex-wrap: wrap; gap: 14px; }
.jb-balances > div { min-width: 220px; padding: 18px 22px; border-left: 7px solid var(--orange); background: var(--paper); }
.jb-balances span,
.jb-invoice span { display: block; color: var(--gray); font-size: 13px; }
.jb-balances strong { color: var(--charcoal); font-size: 26px; }
.jb-invoice { display: grid; grid-template-columns: 1.2fr .8fr 1fr auto; align-items: center; gap: 16px; padding: 16px 0; border-top: 1px solid var(--mist); }
.jb-recurring { display: grid; grid-template-columns: 1.2fr .8fr .9fr 1.35fr; align-items: center; gap: 18px; padding: 20px 0; border-top: 1px solid var(--mist); }
.jb-recurring span { display: block; margin-top: 4px; color: var(--gray); font-size: 13px; }
.jb-recurring-action .jb-button { font-size: 12px; }
.jb-recurring-action span { max-width: 260px; margin-top: 10px; line-height: 1.45; }
.jb-status { display: inline-block !important; width: max-content; padding: 5px 9px; background: var(--mist); color: var(--charcoal) !important; text-transform: capitalize; }
.jb-status.late { background: var(--orange); color: var(--charcoal) !important; }
.jb-org details { margin-top: 24px; }
.jb-org summary { color: var(--charcoal); font-family: "Overpass Mono", monospace; font-weight: 800; cursor: pointer; }

.jb-documents { margin-top: 28px; padding: 30px; border-top: 8px solid var(--orange); }
.jb-documents h3 { margin: 0 0 14px; color: var(--charcoal); font-size: 27px; }
.jb-documents a { display: grid; grid-template-columns: 1fr 2fr auto; align-items: center; gap: 16px; padding: 17px 0; border-top: 1px solid var(--mist); color: var(--charcoal) !important; text-decoration: none; }
.jb-documents span { color: var(--gray); }
.jb-documents b { color: var(--orange); font-family: "Overpass Mono", monospace; }
.jb-payment-note { margin-top: 28px; padding: 22px 26px; border-left: 8px solid var(--orange); background: var(--paper); box-shadow: none; }

@media (max-width: 720px) {
  .jb-shell { padding-top: 34px; }
  .jb-auth,
  .jb-dashboard { padding: 30px 24px; clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%, 0 30px); }
  .jb-dashboard-head { display: block; }
  .jb-actions { margin-top: 20px; }
  .jb-invoice { grid-template-columns: 1fr 1fr; }
  .jb-recurring { grid-template-columns: 1fr; gap: 10px; }
  .jb-invoice > div:last-child { text-align: right; }
  .jb-documents a { grid-template-columns: 1fr; }
}