/* ============================================================
   WMS Endpoint - app pages light override
   Loaded after each transaction page's own styles to flip them
   from the old dark theme to the V2 light theme, without changing
   their layout, forms, IDs or scripts.
   Pages: checkout, activate, retrieve_key, chatbot, success.
   ============================================================ */

/* remap the overloaded surface/text variables to light values
   (brand --navy is left intact so navy accents stay navy) */
:root{
  --shell:#FFFFFF;
  --dark:#F2F6FB;
  --text:#11161F;
  --paper:#E7EDF5;
}
body{background:#E7EDF5!important;color:#1B2438!important;font-family:'Inter',system-ui,sans-serif!important}

/* page shells */
.checkout-page,.retrieve-page,.success-page,.chat-layout,.main,.hero{background:transparent!important;color:#1B2438!important}
.page-hero{background:radial-gradient(120% 100% at 80% 0%,#F4F8FD 0%,#E7EDF5 55%)!important;color:#1B2438!important}

/* cards, panels, boxes (rgba-white surfaces become solid light) */
.summary-card,.retrieve-card,.success-card,.form-card,.info-card,.card-body,.card-header,
.info-card-header,.info-card-body,.sidebar,.plan-label,.plan-option,.key-item,.info-box,
.key-display,.step-list,.no-payment-banner,.api-notice,.chat-sidebar{
  background:#FFFFFF!important;
  border-color:#D6DFEC!important;
  color:#1B2438!important;
}
.success-card,.retrieve-card,.summary-card,.form-card{box-shadow:0 40px 70px -30px rgba(27,36,56,.45)!important}

/* alt subtle surfaces */
.info-box,.key-item,.plan-label,.plan-option,.step-list,.no-payment-banner{background:#F7F9FC!important}

/* text colours */
.summary-value,.summary-total-value,.summary-total-label,.summary-label,.summary-title,
.retrieve-title,.success-title,.trial-heading,.trial-form-title,.key-result-title,
.plan-name,.key-label,.key-item-label,.info-label,.dt,.card-header,.info-card-header{color:#1B2438!important}
.summary-row,.retrieve-sub,.success-sub,.trial-desc,.trial-form-sub,.help-text,.device-id-help,
.input-hint,.step,.doc-desc,.msg-bubble{color:#46566B!important}
.info-val,.dd,.spec-val,.key-item-value,.key-value,.plan-price,.summary-value{color:#1B2438!important}

/* inputs */
.input,.form-input,.token-input,input[type=text],input[type=email],input[type=tel],select,textarea{
  background:#F7F9FC!important;
  border:1.5px solid #D6DFEC!important;
  color:#1B2438!important;
}
.input:focus,.form-input:focus,.token-input:focus,input:focus,select:focus,textarea:focus{
  border-color:#2E86C1!important;background:#fff!important;outline:none!important;
}
::placeholder{color:#7C8AA0!important}

/* monospace key displays stay high-contrast */
.mono,.key-item-value,.key-value{font-family:ui-monospace,Menlo,Consolas,monospace!important}
.key-display,.key-result{background:#0F1622!important;border-color:#26324a!important}
.key-display .key-value,.key-result .key-item-value{color:#7fd17f!important}

/* primary action buttons */
.btn-checkout,.btn-activate,.btn-retrieve,.send-btn,.free-trial-btn,.key-copy{
  background:#CC2200!important;color:#fff!important;border:none!important;
}
.btn-checkout:hover,.btn-activate:hover,.btn-retrieve:hover,.send-btn:hover,.free-trial-btn:hover{
  background:#E8431F!important;
}

/* badges / tags */
.popular-tag{color:#1B2438!important}
.hero-badge,.trial-tag,.version-badge{color:#fff!important}

/* messages */
.msg-error,.error,.msg-box.error{background:rgba(204,34,0,.08)!important;border:1px solid rgba(204,34,0,.3)!important;color:#A81600!important}
.msg-success,.success,.msg-box.success{background:#F0FDF4!important;border:1px solid rgba(69,160,69,.4)!important;color:#14532D!important}

/* chat specifics */
.chat-layout{border:1px solid #D6DFEC!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 30px 60px -34px rgba(27,36,56,.5)!important}
.chat-header{background:#1B2438!important;color:#fff!important}
.chat-sidebar{background:#F2F6FB!important;border-right:1px solid #D6DFEC!important}
.chat-main{background:#fff!important}
.chat-messages{background:#F2F6FB!important}
.chat-input-area,.chat-input-row{background:#fff!important;border-top:1px solid #D6DFEC!important}
.msg-bubble{border-radius:14px!important}
.msg.bot .msg-bubble,.msg-bubble.bot{background:#fff!important;border:1px solid #D6DFEC!important;color:#1B2438!important}
.msg.user .msg-bubble,.msg-bubble.user{background:#2E86C1!important;color:#fff!important}
.topic-btn{background:#fff!important;border:1.5px solid #D6DFEC!important;color:#46566B!important}
.topic-btn:hover{background:#CC2200!important;color:#fff!important;border-color:#CC2200!important}

/* dividers */
.plan-divider,.plan-divider-line{color:#7C8AA0!important}
.plan-divider-line{background:#D6DFEC!important}

/* activate step numbers / how box */
.step-num{background:#CC2200!important;color:#fff!important}
.how-box{background:#1B2438!important;color:#fff!important}

/* summary total (light red tint surface) keep text dark/red */
.summary-total-amount{color:#CC2200!important}
.summary-total-label{color:#1B2438!important}