/* assets/portal-hybrid-premium.css
 * v2.71 DISPLAY ONLY: unified premium / hybrid customer-portal presentation
 * - Keeps Main/About dark brand direction.
 * - Gives Knowledge Base, Licenses, My Cases and Contact a consistent dark header + light workspace system.
 * - Covers existing modals, feature windows, dialogs, alerts, toasts, empty/loading/error/success states.
 * - No JavaScript, API, auth, checkout, entitlement, upload, filter, sorting, or backend behavior changes.
 */

body.page-home,
body.page-about,
body.page-kb,
body.page-licenses,
body.page-cases,
body.page-contact{
  --crx-ink:#0E1525;
  --crx-ink-2:#172033;
  --crx-muted:#5A6378;
  --crx-line:#E5E9F2;
  --crx-mist:#F7F8FB;
  --crx-panel:#FFFFFF;
  --crx-indigo:#5B4BE6;
  --crx-violet:#8B3FD0;
  --crx-blue:#2563EB;
  --crx-cyan:#14B8C4;
  --crx-pink:#C13DA6;
  --crx-green:#16A34A;
  --crx-warn:#B45309;
  --crx-danger:#B91C1C;
  --crx-grad:linear-gradient(95deg,#5B4BE6 0%,#8B3FD0 48%,#C13DA6 100%);
  --crx-dark-grad:
    radial-gradient(720px 300px at 88% -12%,rgba(20,184,196,.24),transparent 64%),
    radial-gradient(620px 260px at 10% 6%,rgba(139,63,208,.34),transparent 62%),
    linear-gradient(135deg,#0E1525 0%,#1B2438 48%,#2A1740 100%);
  --crx-card-shadow:0 1px 2px rgba(16,22,42,.04),0 18px 46px rgba(16,22,42,.08);
  --crx-modal-shadow:0 34px 96px rgba(2,6,23,.38);
  --crx-ring:0 0 0 4px rgba(91,75,230,.18);
}

body.page-kb,
body.page-licenses,
body.page-contact{
  background:
    radial-gradient(900px 460px at 8% -8%,rgba(91,75,230,.12),transparent 62%),
    radial-gradient(880px 420px at 94% -10%,rgba(193,61,166,.10),transparent 60%),
    linear-gradient(180deg,rgba(14,21,37,.060) 0,rgba(247,248,251,0) 360px),
    var(--crx-mist) !important;
}

body.page-kb main.wrap,
body.page-licenses main.wrap,
body.page-contact main.wrap{
  padding-top:20px;
  padding-bottom:34px;
}

body.page-kb .card,
body.page-licenses .card,
body.page-contact .card,
body.page-cases .card{
  border-color:rgba(230,232,240,.96);
  box-shadow:var(--crx-card-shadow);
}

body.page-kb .input,
body.page-licenses .input,
body.page-contact .input,
body.page-cases .input,
body.page-kb select.input,
body.page-licenses select.input,
body.page-contact select.input,
body.page-cases select.input{
  border-color:rgba(213,224,239,.96);
  border-radius:14px;
  box-shadow:0 1px 2px rgba(16,22,42,.035);
}

body.page-kb .input:focus,
body.page-licenses .input:focus,
body.page-contact .input:focus,
body.page-cases .input:focus,
body.page-kb select.input:focus,
body.page-licenses select.input:focus,
body.page-contact select.input:focus,
body.page-cases select.input:focus{
  outline:none;
  border-color:rgba(91,75,230,.56);
  box-shadow:var(--crx-ring),0 1px 2px rgba(16,22,42,.035);
}

body.page-kb .btn.primary,
body.page-contact .btn.primary,
body.page-cases .btn.primary,
body.page-licenses .btn.primary,
body.page-kb .cr-btn.primary,
body.page-contact .cr-btn.primary,
body.page-cases .cr-btn.primary,
body.page-licenses .cr-btn.primary{
  border-color:rgba(91,75,230,.72);
  background:var(--crx-grad);
  color:#fff;
  box-shadow:0 14px 30px rgba(91,75,230,.22);
}

body.page-kb .btn:hover,
body.page-contact .btn:hover,
body.page-cases .btn:hover,
body.page-licenses .btn:hover,
body.page-kb .cr-btn:hover,
body.page-contact .cr-btn:hover,
body.page-cases .cr-btn:hover,
body.page-licenses .cr-btn:hover{
  transform:translateY(-1px);
}

body.page-kb .btn:disabled,
body.page-contact .btn:disabled,
body.page-cases .btn:disabled,
body.page-licenses .btn:disabled,
body.page-kb .cr-btn:disabled,
body.page-contact .cr-btn:disabled,
body.page-cases .cr-btn:disabled,
body.page-licenses .cr-btn:disabled{
  transform:none;
}

/* =========================
   Knowledge Base: premium header, readable article workspace
   ========================= */
body.page-kb main.wrap{
  padding-left:22px;
  padding-right:22px;
}

body.page-kb #kbListView,
body.page-kb #kbArticleView{
  width:min(100%,1500px);
  margin-left:auto;
  margin-right:auto;
  padding:0 22px 22px;
  overflow:hidden;
  border:1px solid rgba(230,232,240,.96);
  border-radius:24px;
  background:rgba(255,255,255,.97);
  box-shadow:var(--crx-card-shadow);
}

body.page-kb #kbListView .kb-head,
body.page-kb #kbArticleView .kb-head{
  position:relative;
  margin:0 -22px 18px;
  padding:24px;
  border-radius:24px 24px 20px 20px;
  color:#fff;
  background:var(--crx-dark-grad);
  box-shadow:0 18px 52px rgba(14,21,37,.22);
}

body.page-kb #kbListView .kb-head::before,
body.page-kb #kbArticleView .kb-head::before{
  content:"Knowledge workspace";
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-bottom:12px;
  padding:6px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  color:#EAFBFF;
  background:rgba(255,255,255,.08);
  font-size:11.5px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.page-kb #kbArticleView .kb-head::before{
  content:"Knowledge article";
}

body.page-kb .kb-head h1,
body.page-kb .kb-head h2{
  color:#fff;
  margin:0 !important;
  letter-spacing:-.035em;
}

body.page-kb #kbListView .kb-head h1{
  font-size:clamp(1.85rem,2.7vw,2.6rem);
}

body.page-kb #kbArticleView .kb-head h2{
  font-size:clamp(1.55rem,2.3vw,2.15rem);
}

body.page-kb .kb-head .kb-meta{
  color:rgba(238,244,255,.76) !important;
  line-height:1.55;
}

body.page-kb #kbListView .kb-actions{
  margin-top:14px;
  padding:4px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(255,255,255,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}

body.page-kb #kbListView .kb-actions .input{
  min-height:44px;
  border-color:rgba(255,255,255,.20);
  background:rgba(255,255,255,.96);
  color:var(--crx-ink);
  box-shadow:0 12px 30px rgba(2,6,23,.18);
}

body.page-kb #kbClear{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.18);
  color:#fff;
  box-shadow:none;
}

body.page-kb table.kb{
  margin-top:16px;
  border:1px solid rgba(230,232,240,.96);
  border-radius:18px;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(16,22,42,.045);
}

body.page-kb table.kb th{
  padding:14px 14px;
  border-top:0;
  border-bottom:1px solid rgba(219,229,243,.98);
  background:linear-gradient(180deg,#FBFCFF,#F4F7FC);
  color:var(--crx-muted);
  font-size:11.5px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}

body.page-kb table.kb td{
  padding:14px;
  border-top:0;
  border-bottom:1px solid rgba(230,232,240,.88);
  color:var(--crx-ink);
}

body.page-kb table.kb tbody tr:last-child td{border-bottom:0;}
body.page-kb table.kb tbody tr:nth-child(even) td{background:#FBFCFF;}
body.page-kb table.kb tbody tr:hover td{background:linear-gradient(90deg,rgba(91,75,230,.055),rgba(20,184,196,.032));}

body.page-kb .kb-num a,
body.page-kb .kb-title a{
  color:var(--crx-ink);
  text-underline-offset:3px;
}

body.page-kb .kb-num a{
  color:var(--crx-indigo);
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  font-weight:900;
}

body.page-kb .kb-date,
body.page-kb .kb-empty-row td{
  color:var(--crx-muted);
}

body.page-kb .kb-article .kb-body{
  max-width:980px;
  margin:0 auto;
  padding:4px 2px 8px;
  color:var(--crx-ink);
  font-size:15.5px;
  line-height:1.72;
}

body.page-kb .kb-article .kb-body h1,
body.page-kb .kb-article .kb-body h2,
body.page-kb .kb-article .kb-body h3{
  color:#10162A;
  letter-spacing:-.02em;
}

body.page-kb .kb-article .kb-body a{color:var(--crx-indigo);font-weight:700;}
body.page-kb .kb-article .kb-body pre{border:1px solid rgba(148,163,184,.22);box-shadow:0 12px 30px rgba(2,6,23,.14);}
body.page-kb .kb-article .kb-body code:not(pre code){background:#F3F6FB;border:1px solid #E7ECF3;border-radius:7px;padding:2px 6px;color:#172033;}

/* =========================
   Licenses: hybrid command center, light high-readability tables/windows
   ========================= */
body.page-licenses main.wrap{
  width:100%;
  max-width:none;
  margin:0;
  padding-left:22px;
  padding-right:22px;
}

body.page-licenses .lic-wrap{
  width:min(100%,1580px);
  margin-left:auto;
  margin-right:auto;
  border-color:rgba(230,232,240,.96);
  border-radius:26px;
  background:
    radial-gradient(760px 260px at 100% 0,rgba(91,75,230,.07),transparent 58%),
    linear-gradient(180deg,#fff 0%,#FBFCFF 100%);
  box-shadow:var(--crx-card-shadow);
}

body.page-licenses .lic-wrap::before{
  height:5px;
  background:linear-gradient(90deg,var(--crx-indigo),var(--crx-cyan),var(--crx-pink));
}

body.page-licenses .lic-wrap > h1{
  margin:12px 0 8px;
  color:var(--crx-ink);
  font-size:clamp(1.85rem,2.65vw,2.5rem);
  letter-spacing:-.04em;
}

body.page-licenses .lic-wrap > .note.tight{
  max-width:84ch;
  color:var(--crx-muted);
}

body.page-licenses .lic-cat-row{
  border-color:rgba(230,232,240,.96);
  border-radius:20px;
  background:rgba(255,255,255,.86);
  box-shadow:0 10px 28px rgba(16,22,42,.045),inset 0 1px 0 rgba(255,255,255,.88);
}

body.page-licenses .lic-actionsbar{
  min-height:112px;
  border-color:rgba(255,255,255,.16);
  background:var(--crx-dark-grad);
  box-shadow:0 18px 52px rgba(14,21,37,.22);
}

body.page-licenses .lic-actionsbar-title::before{
  content:"License command center";
  display:block;
  width:max-content;
  max-width:100%;
  margin-bottom:8px;
  padding:5px 10px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  color:#EAFBFF;
  background:rgba(255,255,255,.08);
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}

body.page-licenses #licZone,
body.page-licenses .lic-apps-shell,
body.page-licenses .lic-support-wrap{
  border-radius:20px;
}

body.page-licenses table.lic,
body.page-licenses .lic-apps-table{
  background:#fff;
}

body.page-licenses table.lic th,
body.page-licenses .lic-apps-table th{
  background:linear-gradient(180deg,#FBFCFF,#F4F7FC);
  color:var(--crx-muted);
  letter-spacing:.08em;
}

body.page-licenses table.lic td,
body.page-licenses .lic-apps-table td{
  color:var(--crx-ink);
}

body.page-licenses .lic-support-card,
body.page-licenses .lic-support-metric,
body.page-licenses .lic-support-quota{
  border-color:rgba(219,229,243,.98);
  box-shadow:0 12px 30px rgba(16,22,42,.05);
}

/* =========================
   Contact: premium trust header + light comfortable form
   ========================= */
body.page-contact .wrap{
  max-width:1120px;
}

body.page-contact .card{
  position:relative;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(230,232,240,.96);
  border-radius:26px;
  background:#fff;
  box-shadow:var(--crx-card-shadow);
}

body.page-contact .card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:240px;
  margin:0;
  border-radius:0;
  background:var(--crx-dark-grad);
}

body.page-contact .card > h1,
body.page-contact .card > .contact-note,
body.page-contact .card > .contact-privacy{
  position:relative;
  z-index:1;
  margin-left:28px;
  margin-right:28px;
}

body.page-contact .card > h1{
  padding-top:28px;
  color:#fff;
  font-size:clamp(2rem,3.2vw,2.85rem);
  letter-spacing:-.045em;
}

body.page-contact .card > h1::before{
  content:"Codreum contact";
  display:block;
  width:max-content;
  max-width:100%;
  margin:0 0 12px;
  padding:6px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  color:#EAFBFF;
  background:rgba(255,255,255,.08);
  font-size:11.5px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.page-contact .card > .contact-note{
  color:rgba(238,244,255,.86);
  font-size:14px;
  line-height:1.7;
}

body.page-contact .card > .contact-privacy{
  color:rgba(238,244,255,.66);
  font-size:12.5px;
  line-height:1.6;
}

body.page-contact .card > .contact-note a,
body.page-contact .card > .contact-privacy a{
  color:#fff;
  font-weight:850;
  text-underline-offset:3px;
}

body.page-contact .contact-form{
  position:relative;
  z-index:1;
  margin:28px;
  padding:22px;
  border:1px solid rgba(230,232,240,.96);
  border-radius:22px;
  background:rgba(255,255,255,.98);
  box-shadow:0 18px 48px rgba(2,6,23,.13);
}

body.page-contact .contact-form::before{
  content:"Secure enquiry workspace";
  display:inline-flex;
  margin:0 0 16px;
  padding:6px 11px;
  border:1px solid rgba(91,75,230,.18);
  border-radius:999px;
  background:rgba(91,75,230,.07);
  color:var(--crx-indigo);
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.page-contact .contact-consent,
body.page-contact .turnstile-wrap{
  border:1px solid rgba(230,232,240,.96);
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#FBFCFF);
  box-shadow:0 8px 22px rgba(16,22,42,.04);
}

body.page-contact .contact-actions{
  padding-top:4px;
}

body.page-contact .contact-success{
  border-color:rgba(22,163,74,.22);
  border-radius:18px;
  background:
    radial-gradient(340px 140px at 100% 0,rgba(22,163,74,.08),transparent 58%),
    #F0FDF4;
  box-shadow:0 12px 30px rgba(22,163,74,.08);
}

body.page-contact .form-errors{
  border-color:rgba(185,28,28,.24);
  border-radius:18px;
  background:
    radial-gradient(340px 140px at 100% 0,rgba(185,28,28,.07),transparent 58%),
    #FEF2F2;
}

body.page-contact .contact-status:not(:empty){
  margin-top:14px;
  border-radius:16px;
  background:#F8FAFC;
}

/* =========================
   My Cases refinements: keep v2.70 hybrid direction, unify auxiliary windows/states
   ========================= */
body.page-cases .cases-head,
body.page-cases #newCaseModal .cr-hd{
  background:var(--crx-dark-grad);
}

body.page-cases .cases-toolbar,
body.page-cases .bulkbar,
body.page-cases .thread,
body.page-cases .msg,
body.page-cases .replybox,
body.page-cases .dropzone,
body.page-cases .ufiles-table,
body.page-cases .ufiles-empty{
  border-color:rgba(230,232,240,.96);
}

body.page-cases .case-action.info,
body.page-cases .case-action.ok,
body.page-cases .case-action.warn,
body.page-cases .case-action.muted{
  border-radius:16px;
}

body.page-cases .case-action.info{background:#EFF6FF;border-color:#BFDBFE;color:#1E40AF;}
body.page-cases .case-action.ok{background:#F0FDF4;border-color:#BBF7D0;color:#166534;}
body.page-cases .case-action.warn{background:#FFFBEB;border-color:#FDE68A;color:#92400E;}
body.page-cases .case-action.muted{background:#F8FAFC;border-color:#E2E8F0;color:#475569;}

body.page-cases .toast{
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(14,21,37,.98),rgba(33,41,64,.96));
  box-shadow:0 20px 42px rgba(2,6,23,.24);
}

/* =========================
   Modal / popup / feature window system across linked pages
   ========================= */
body.page-kb .cr-modal,
body.page-contact .cr-modal,
body.page-cases .cr-modal,
body.page-licenses .cr-modal,
body.page-licenses .addon-modal,
body.page-licenses .tf-modal,
body.page-home .cr-modal,
body.page-about .cr-modal{
  background:rgba(2,6,23,.66) !important;
  backdrop-filter:blur(12px);
}

body.page-kb .cr-sheet,
body.page-contact .cr-sheet,
body.page-cases .cr-sheet,
body.page-licenses .cr-sheet,
body.page-licenses .addon-card,
body.page-licenses .tf-card,
body.page-home .cr-sheet,
body.page-about .cr-sheet{
  border:1px solid rgba(230,232,240,.96);
  border-radius:24px;
  background:#fff;
  box-shadow:var(--crx-modal-shadow);
}

body.page-kb .cr-hd,
body.page-contact .cr-hd,
body.page-cases .cr-modal:not(#newCaseModal) .cr-hd,
body.page-licenses .cr-hd,
body.page-licenses .tf-hd,
body.page-home .cr-hd,
body.page-about .cr-hd{
  border-bottom:0;
  color:#fff;
  background:var(--crx-dark-grad);
}

body.page-kb .cr-hd .cr-tt,
body.page-contact .cr-hd .cr-tt,
body.page-cases .cr-modal:not(#newCaseModal) .cr-hd .cr-tt,
body.page-licenses .cr-hd .cr-tt,
body.page-licenses .tf-hd h2,
body.page-home .cr-hd .cr-tt,
body.page-about .cr-hd .cr-tt{
  color:#fff;
  letter-spacing:-.025em;
}

body.page-kb .cr-modal-text,
body.page-contact .cr-modal-text,
body.page-cases .cr-modal-text,
body.page-licenses .cr-modal-text,
body.page-home .cr-modal-text,
body.page-about .cr-modal-text{
  color:var(--crx-ink);
  line-height:1.62;
}

body.page-kb .cr-body,
body.page-kb .cr-bd,
body.page-contact .cr-body,
body.page-contact .cr-bd,
body.page-cases .cr-body,
body.page-cases .cr-bd,
body.page-licenses .cr-body,
body.page-licenses .cr-bd,
body.page-home .cr-body,
body.page-home .cr-bd,
body.page-about .cr-body,
body.page-about .cr-bd{
  background:linear-gradient(180deg,#FBFCFF 0%,#FFFFFF 100%);
}

body.page-kb .cr-ft,
body.page-contact .cr-ft,
body.page-cases .cr-ft,
body.page-licenses .cr-ft,
body.page-home .cr-ft,
body.page-about .cr-ft{
  border-top:1px solid rgba(226,232,240,.98);
  background:#fff;
}

body.page-licenses #addonModal .addon-modern-head,
body.page-licenses #featureModal .feature-modal-head,
body.page-licenses #renewModal .renew-head,
body.page-licenses #crMsgModal .cr-hd-msg{
  background:var(--crx-dark-grad) !important;
}

body.page-licenses #addonModal .addon-modern-card,
body.page-licenses #featureModal .feature-modal-sheet,
body.page-licenses #renewModal .renew-sheet,
body.page-licenses #crMsgModal .cr-sheet-msg,
body.page-licenses #appsAddonModal .cr-sheet{
  border-radius:26px;
  box-shadow:var(--crx-modal-shadow);
}

body.page-licenses #addonModal .addon-modern-kv,
body.page-licenses #addonModal .addon-modern-entry,
body.page-licenses #addonModal .addon-modern-summary,
body.page-licenses #featureModal .feature-summary-item,
body.page-licenses #featureModal .feature-summary-card,
body.page-licenses #featureModal .feature-capability-card,
body.page-licenses #renewModal .renew-choice-panel,
body.page-licenses #renewModal .renew-validity-card,
body.page-licenses #renewModal .renew-billing-card,
body.page-licenses #renewModal .renew-summary-card,
body.page-licenses #appsAddonModal .apps-addon-meta,
body.page-licenses #appsAddonModal .apps-addon-option,
body.page-licenses #appsAddonModal .apps-addon-summary,
body.page-licenses .tf-kv{
  border-color:rgba(219,229,243,.98);
  border-radius:18px;
  box-shadow:0 12px 30px rgba(16,22,42,.05);
}

body.page-licenses .tf-card{
  width:min(760px,calc(100vw - 36px));
  min-width:0;
  overflow:hidden;
}

body.page-licenses .tf-snippet{
  border-color:rgba(148,163,184,.24);
  background:#0B1220;
  color:#E5E7EB;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

body.page-licenses .tf-ft,
body.page-licenses .addon-ft,
body.page-licenses #addonModal .addon-modern-footer,
body.page-licenses #featureModal .feature-modal-footer,
body.page-licenses #renewModal .renew-footer,
body.page-licenses #crMsgModal .cr-ft-msg{
  border-top:1px solid rgba(226,232,240,.98);
  background:#fff;
}

body.page-home .proof-lightbox__backdrop,
body.page-home .cd-img-lightbox,
body.page-cases .cd-img-lightbox{
  background:rgba(2,6,23,.72) !important;
  backdrop-filter:blur(12px);
}

body.page-home .proof-lightbox__dialog,
body.page-cases .cd-img-lightbox__dialog,
body.page-home .cd-img-lightbox__dialog{
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  box-shadow:var(--crx-modal-shadow);
}

body.page-kb .empty,
body.page-contact .empty,
body.page-licenses .empty,
body.page-cases .empty,
body.page-kb .kb-empty-row td,
body.page-licenses .lic-apps-empty,
body.page-licenses #appsAddonModal .apps-addon-empty{
  border-radius:18px;
  background:
    radial-gradient(460px 180px at 100% 0,rgba(91,75,230,.08),transparent 58%),
    #fff;
}

body.page-kb .note,
body.page-licenses .note,
body.page-contact .note,
body.page-cases .note{
  line-height:1.6;
}

@media (max-width:900px){
  body.page-kb main.wrap,
  body.page-licenses main.wrap,
  body.page-contact main.wrap{
    padding-left:14px;
    padding-right:14px;
  }

  body.page-contact .card::before{height:270px;}
  body.page-contact .contact-form{margin:22px 18px 18px;padding:18px;}
  body.page-contact .card > h1,
  body.page-contact .card > .contact-note,
  body.page-contact .card > .contact-privacy{
    margin-left:20px;
    margin-right:20px;
  }

  body.page-kb #kbListView,
  body.page-kb #kbArticleView{
    padding-left:16px;
    padding-right:16px;
    border-radius:20px;
  }

  body.page-kb #kbListView .kb-head,
  body.page-kb #kbArticleView .kb-head{
    margin-left:-16px;
    margin-right:-16px;
    padding:20px;
    border-radius:20px 20px 18px 18px;
  }
}

@media (max-width:720px){
  body.page-contact .card::before{height:330px;}
  body.page-contact .contact-form{margin-top:24px;}
  body.page-kb table.kb th,
  body.page-kb table.kb td{padding:12px 10px;}
  body.page-kb .kb-date{white-space:normal;}
  body.page-licenses .lic-actionsbar-title::before{width:auto;}
}

/* v2.71 small KB header layout guard: keep the premium eyebrow as its own row. */
body.page-kb #kbListView .kb-head{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
}
body.page-kb #kbArticleView .kb-head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:start !important;
  gap:12px 18px !important;
}
body.page-kb #kbArticleView .kb-head::before{
  grid-column:1 / -1;
}
body.page-kb #kbArticleView .kb-actions{
  grid-column:2;
  grid-row:2;
  justify-self:end;
}
@media (max-width:720px){
  body.page-kb #kbArticleView .kb-head{grid-template-columns:1fr !important;}
  body.page-kb #kbArticleView .kb-actions{grid-column:1;grid-row:auto;justify-self:stretch;width:100%;}
}

/* =====================================================================
   v2.81 REDO: Contact hero spacing alignment
   - Correctly targets contact.html, matching the more comfortable spacing
     used by Knowledge Base and My Cases.
   ===================================================================== */
body.page-contact .wrap{
  max-width:1180px;
  padding-left:22px;
  padding-right:22px;
}
body.page-contact .card::before{
  height:272px;
}
body.page-contact .card > h1,
body.page-contact .card > .contact-note,
body.page-contact .card > .contact-privacy{
  margin-left:46px;
  margin-right:46px;
}
body.page-contact .card > h1{
  padding-top:44px;
}
body.page-contact .contact-form{
  margin:34px 46px 42px;
  padding:26px;
}
@media(max-width:900px){
  body.page-contact .wrap{padding-left:14px;padding-right:14px;}
  body.page-contact .card::before{height:292px;}
  body.page-contact .card > h1,
  body.page-contact .card > .contact-note,
  body.page-contact .card > .contact-privacy{
    margin-left:28px;
    margin-right:28px;
  }
  body.page-contact .card > h1{padding-top:34px;}
  body.page-contact .contact-form{margin:28px 28px 30px;padding:22px;}
}
@media(max-width:720px){
  body.page-contact .card::before{height:340px;}
  body.page-contact .card > h1,
  body.page-contact .card > .contact-note,
  body.page-contact .card > .contact-privacy{
    margin-left:20px;
    margin-right:20px;
  }
  body.page-contact .card > h1{padding-top:28px;}
  body.page-contact .contact-form{margin:24px 18px 22px;padding:18px;}
}


/* =====================================================================
   v2.82: Contact page hero spacing fix
   - Build from uploaded v2.81.
   - Move the hero heading away from the dark-card edge by using explicit
     padding on the heading instead of relying on margin that can be reset.
   - Align the dark hero text and white form card with Knowledge Base/My Cases
     spacing standards.
   ===================================================================== */
body.page-contact main.wrap{
  max-width:1180px !important;
  width:100% !important;
  margin:30px auto 48px !important;
  padding-left:26px !important;
  padding-right:26px !important;
  box-sizing:border-box !important;
}
body.page-contact main.wrap > .card{
  width:100% !important;
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  border-radius:28px !important;
  overflow:hidden !important;
}
body.page-contact .card::before{
  height:272px !important;
}
body.page-contact .card > h1{
  margin:0 !important;
  padding:44px 56px 0 !important;
  box-sizing:border-box !important;
}
body.page-contact .card > .contact-note{
  margin:16px 56px 0 !important;
  max-width:760px !important;
}
body.page-contact .card > .contact-privacy{
  margin:16px 56px 0 !important;
  max-width:820px !important;
}
body.page-contact .contact-form{
  margin:34px 56px 44px !important;
  padding:28px !important;
  border-radius:24px !important;
}
@media(max-width:900px){
  body.page-contact main.wrap{
    margin-top:22px !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
  body.page-contact .card::before{height:300px !important;}
  body.page-contact .card > h1{padding:36px 30px 0 !important;}
  body.page-contact .card > .contact-note,
  body.page-contact .card > .contact-privacy{margin-left:30px !important;margin-right:30px !important;}
  body.page-contact .contact-form{margin:28px 30px 32px !important;padding:22px !important;}
}
@media(max-width:720px){
  body.page-contact main.wrap{padding-left:12px !important;padding-right:12px !important;}
  body.page-contact .card::before{height:342px !important;}
  body.page-contact .card > h1{padding:30px 22px 0 !important;}
  body.page-contact .card > .contact-note,
  body.page-contact .card > .contact-privacy{margin-left:22px !important;margin-right:22px !important;}
  body.page-contact .contact-form{margin:24px 18px 24px !important;padding:18px !important;}
}