.ojic{--red:#d71920;--ink:#17191d;--muted:#68707c;--line:#e7e9ed;max-width:1180px;margin:24px auto;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}.ojic *{box-sizing:border-box}.ojic-head{margin-bottom:18px}.ojic-head>span,.ojic-lead>div>span,.ojic-result-title span{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--red)}.ojic-head h2{font-size:34px;margin:5px 0}.ojic-head p,.ojic-lead p{color:var(--muted);margin:0}.ojic-alert{padding:12px 14px;background:#fff7e6;border:1px solid #ffd591;border-radius:12px;margin-bottom:16px}.ojic-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.ojic-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 30px rgba(20,25,35,.05);margin-bottom:18px}.ojic-card h3{margin:0 0 16px;font-size:20px}.ojic-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.ojic-wide{grid-column:1/-1}.ojic label{display:block}.ojic label>span{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.ojic input,.ojic select,.ojic textarea{width:100%;border:1px solid #d9dde3;border-radius:10px;padding:12px 13px;background:#fff;font:inherit}.ojic input:focus,.ojic select:focus,.ojic textarea:focus{outline:2px solid rgba(215,25,32,.15);border-color:var(--red)}.ojic-money{position:relative}.ojic-money input{padding-right:40px}.ojic-money b{position:absolute;right:13px;top:12px;color:var(--muted)}.ojic-range{margin:8px 0 18px}.ojic-range>span{display:flex;justify-content:space-between}.ojic-range input{padding:0}.ojic-range small{display:flex;justify-content:space-between;color:var(--muted)}.ojic-range i{font-style:normal}.ojic-btn{width:100%;border:0;border-radius:11px;padding:14px 18px;background:var(--red);color:#fff;font-weight:800;font-size:15px;cursor:pointer}.ojic-vehicle-note{font-size:13px;color:var(--muted);margin:-4px 0 18px}.ojic-result-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ojic-result-title h3{margin:4px 0}.ojic-result-title em{font-style:normal;font-size:12px;background:#f3f4f6;padding:7px 9px;border-radius:20px}.ojic-main-result{background:var(--ink);color:#fff;border-radius:15px;padding:20px;margin:12px 0 16px}.ojic-main-result span,.ojic-main-result small{display:block;color:#cfd3da}.ojic-main-result strong{display:block;font-size:30px;margin:6px 0}.ojic-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ojic-stats div{padding:13px;background:#f7f8fa;border-radius:11px}.ojic-stats span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.ojic-stats strong{font-size:15px}.ojic-disclaimer{font-size:12px;color:var(--muted);margin:16px 0 0}.ojic-toggle{width:100%;display:flex;justify-content:space-between;border:0;background:transparent;font:inherit;font-weight:800;cursor:pointer}.ojic-table-scroll{overflow-x:auto;margin-top:18px}.ojic table{border-collapse:collapse;width:100%;min-width:760px}.ojic th,.ojic td{text-align:right;padding:11px;border-bottom:1px solid var(--line);font-size:13px}.ojic th:first-child,.ojic td:first-child{text-align:left}.ojic-lead{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}.ojic-lead h3{margin:5px 0 8px}.ojic-lead form>label{margin-bottom:14px}#ojic-message{font-size:13px;margin:10px 0 0}.ojic[hidden],.ojic [hidden]{display:none!important}
@media(max-width:800px){.ojic{margin:14px 10px}.ojic-head h2{font-size:28px}.ojic-layout,.ojic-lead{grid-template-columns:1fr}.ojic-fields{grid-template-columns:1fr}.ojic-wide{grid-column:auto}.ojic-card{padding:16px;border-radius:14px}.ojic-stats{grid-template-columns:1fr 1fr}.ojic-main-result strong{font-size:26px}}
@media(max-width:430px){.ojic-stats{grid-template-columns:1fr}.ojic-head h2{font-size:25px}}
.ojic-range input[type=range]{appearance:none;height:8px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--red),#eceff3);cursor:pointer}.ojic-range input[type=range]::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:var(--red);border:4px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.25)}.ojic-range input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--red);border:4px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.25)}.ojic-down-preview{padding:14px 16px;background:#fff5f5;border:1px solid #ffd7d9;border-radius:12px;margin:-4px 0 18px}.ojic-down-preview span,.ojic-down-preview small{display:block}.ojic-down-preview strong{display:block;font-size:24px;color:var(--red);margin:4px 0}.ojic-initial-box{border:2px solid #20242a;border-radius:14px;padding:16px;margin:0 0 16px}.ojic-initial-box>span{display:block;font-size:11px;font-weight:900;letter-spacing:.08em}.ojic-initial-box>strong{display:block;font-size:27px;margin:6px 0;color:var(--red)}.ojic-initial-box p{font-size:12px;color:var(--muted);margin:0 0 8px}.ojic-initial-box button{border:0;background:transparent;padding:0;color:var(--red);font-weight:800;cursor:pointer}.ojic-initial-box #ojic-breakdown{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}.ojic-initial-box #ojic-breakdown div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:13px}.ojic-warning{margin-top:16px;padding:14px 16px;background:#fff7e8;border:1px solid #f0c36e;border-radius:12px}.ojic-warning>strong{display:block;font-size:14px}.ojic-warning p{margin:8px 0;font-size:13px}.ojic-warning ul{margin:8px 0 0 18px;padding:0;color:#4d5158;font-size:12px}.ojic-benefits{display:grid;gap:7px;margin-top:14px}.ojic-benefits i{font-style:normal;font-size:13px;font-weight:700}.ojic form label small,.ojic-privacy{display:block;color:var(--muted);font-size:11px;margin-top:6px}.ojic-privacy{text-align:center}

/* v1.2.2: giữ nút mở bảng thanh toán luôn hiển thị, không phụ thuộc CSS hover của theme */
.ojic .ojic-toggle,
.ojic .ojic-toggle:not(:hover),
.ojic .ojic-toggle:focus,
.ojic .ojic-toggle:active {
  width:100% !important;
  min-height:64px;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 28px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#df2048 !important;
  color:#fff !important;
  opacity:1 !important;
  visibility:visible !important;
  font:inherit;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.3;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:none !important;
  -webkit-text-fill-color:#fff !important;
}
.ojic .ojic-toggle:hover {
  background:#c9183c !important;
  color:#fff !important;
  transform:translateY(-1px);
}
.ojic .ojic-toggle b {
  color:#fff !important;
  font-size:22px;
  line-height:1;
  font-weight:500;
  -webkit-text-fill-color:#fff !important;
}
.ojic .ojic-toggle:focus-visible {
  outline:3px solid rgba(223,32,72,.25) !important;
  outline-offset:3px;
}
@media (max-width:700px){
  .ojic .ojic-toggle,
  .ojic .ojic-toggle:not(:hover),
  .ojic .ojic-toggle:focus,
  .ojic .ojic-toggle:active {
    min-height:56px;
    padding:15px 18px !important;
    font-size:13px !important;
  }
}

/* v1.2.3: khóa các giá trị được đồng bộ tự động từ OJ Sales Suite */
.ojic input[readonly] {
  background:#f5f6f8 !important;
  color:#5f6670 !important;
  cursor:not-allowed !important;
  user-select:none;
  caret-color:transparent;
  box-shadow:none !important;
}
.ojic input[readonly]:focus {
  outline:none !important;
  border-color:#d9dde3 !important;
}
.ojic-auto-note {
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}

/* v1.3.0: chuyển trạng thái preview sang dữ liệu đầy đủ mà không làm nhảy bố cục */
.ojic[data-ojic-state="preview"] .ojic-integrated-fields select{transition:border-color .2s ease,background-color .2s ease}
.ojic[data-ojic-state="ready"] .ojic-integrated-fields select{border-color:#d9dde3}


/* v1.4.0: ưu đãi 0% và khóa bảng thanh toán sau tháng 13 */
.ojic-zero-offer{position:relative;overflow:hidden;margin:0 0 18px;padding:20px 22px;border-radius:18px;border:1px solid #f1c56d;background:linear-gradient(135deg,#fff9ec 0%,#fff 58%,#fff4dc 100%);box-shadow:0 10px 30px rgba(141,97,10,.08)}
.ojic-zero-offer:after{content:"0%";position:absolute;right:-12px;bottom:-30px;font-size:100px;font-weight:900;color:rgba(215,25,32,.055);line-height:1}
.ojic-zero-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#1b1e24;color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em}
.ojic-zero-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:center;margin-top:13px;position:relative;z-index:1}
.ojic-zero-grid span{display:block;font-size:11px;font-weight:900;color:#a26d00;letter-spacing:.1em;margin-bottom:4px}.ojic-zero-grid strong{display:block;font-size:28px;line-height:1.15;color:var(--red)}
.ojic-zero-grid p{margin:0;color:#4f5661;line-height:1.65;font-size:13px}.ojic-zero-grid p b{color:#1d2128}
.ojic-table-gate{position:relative;max-height:640px;overflow:hidden}.ojic-table-gate .ojic-table-scroll{max-height:640px;overflow:auto}.ojic-locked-row{filter:blur(3px);opacity:.33;user-select:none;pointer-events:none}.ojic-table-fade{position:absolute;left:0;right:0;bottom:0;min-height:210px;padding:86px 18px 18px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.93) 38%,#fff 72%);z-index:3}.ojic-table-fade strong{font-size:19px}.ojic-table-fade span{max-width:520px;color:var(--muted);font-size:12px;margin:6px 0 12px}.ojic-table-fade button{border:0;border-radius:999px;padding:12px 24px;background:var(--red);color:#fff;font-weight:800;cursor:pointer}
@media(max-width:800px){.ojic-zero-grid{grid-template-columns:1fr;gap:10px}.ojic-zero-grid strong{font-size:23px}.ojic-table-gate{max-height:570px}.ojic-table-fade{min-height:190px;padding-left:12px;padding-right:12px}}


/* v1.5.2: tiến trình gửi 3-2-1 và thông báo an tâm cho khách hàng */
.ojic .ojic-btn:disabled{opacity:.72;cursor:wait;transform:none!important}
.ojic-submit-status{min-height:92px;margin:14px 0 0;padding:14px 16px;border-radius:14px;display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:13px;align-items:center;text-align:left;background:#f7f8fa;border:1px solid #e3e6eb;color:#252a31}
.ojic-submit-status:empty{display:none}
.ojic-submit-status span{grid-row:1/3;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900}
.ojic-submit-status b{font-size:14px;line-height:1.35}
.ojic-submit-status small{display:block;color:var(--muted);font-size:11.5px;line-height:1.55;margin-top:3px}
.ojic-submit-status.is-counting span{background:#17191d;color:#fff;animation:ojicCountPulse .65s ease infinite}
.ojic-submit-status.is-complete{background:#f0faf4;border-color:#b9e2c7}
.ojic-submit-status.is-complete span{background:#168447;color:#fff}
.ojic-submit-status.is-error{background:#fff5f5;border-color:#f2c4c6}
.ojic-submit-status.is-error span{background:#d71920;color:#fff}
@keyframes ojicCountPulse{0%{transform:scale(.86);opacity:.75}50%{transform:scale(1.06);opacity:1}100%{transform:scale(.86);opacity:.75}}
@media(max-width:520px){.ojic-submit-status{grid-template-columns:44px 1fr;padding:12px}.ojic-submit-status span{width:40px;height:40px;font-size:21px}}

/* Alpha 1.5.3: invisible honeypot, kept outside the visual and tab flow. */
.ojic .ojic-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}

/* v1.5.7: mobile UI aligned with the on-road calculator. */
@media(max-width:800px){
  .ojic{--red:#df0011;margin:10px 0;color:#111}
  .ojic-head{padding:0 6px;margin-bottom:16px}
  .ojic-head>span{font-size:11px;color:#c51624}
  .ojic-head h2{margin:7px 0 8px;font-size:clamp(30px,9vw,40px);line-height:1.08;letter-spacing:-.035em}
  .ojic-head p{font-size:15px;line-height:1.45}
  .ojic-layout{gap:14px}
  .ojic-card{padding:18px;border:0;border-radius:16px;box-shadow:0 7px 24px rgba(16,24,40,.1)}
  .ojic-card h3{font-size:18px}
  .ojic-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ojic-integrated-fields .ojic-wide{grid-column:1/-1}
  .ojic input,.ojic select,.ojic textarea{min-height:48px;padding:11px;border-radius:11px;font-size:14px}
  .ojic label>span{font-size:12px;color:#555}
  .ojic-down-preview{padding:13px 14px;border-radius:12px}
  .ojic-down-preview strong{font-size:21px}
  .ojic-main-result{padding:18px;border-radius:13px;background:linear-gradient(135deg,#08090a,#17191d);text-align:center}
  .ojic-main-result strong{font-size:clamp(27px,8vw,38px);letter-spacing:-.025em}
  .ojic-initial-box{padding:16px;border:0;border-radius:13px;background:linear-gradient(145deg,#fff,#f3f5f8);box-shadow:inset 0 0 0 1px #e2e5e9}
  .ojic-initial-box>strong{font-size:25px}
  .ojic-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ojic-stats div{padding:12px 10px}
  .ojic-stats strong{font-size:14px;overflow-wrap:anywhere}
  .ojic-warning{padding:13px}
  .ojic .ojic-toggle,.ojic .ojic-toggle:not(:hover),.ojic .ojic-toggle:focus,.ojic .ojic-toggle:active{min-height:52px!important;padding:13px 16px!important;border-radius:10px!important;background:#fff!important;color:var(--red)!important;border:1px solid var(--red)!important;-webkit-text-fill-color:var(--red)!important;text-transform:none}
  .ojic .ojic-toggle b{color:var(--red)!important;-webkit-text-fill-color:var(--red)!important}
  .ojic-zero-offer{padding:17px;border-radius:16px}
  .ojic-lead{gap:18px}
  .ojic .ojic-btn{min-height:52px;border-radius:10px;background:var(--red)!important;color:#fff!important}
}
@media(max-width:430px){
  .ojic-fields{gap:10px}
  .ojic-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ojic-stats span{font-size:11px}
  .ojic-stats strong{font-size:13px}
}

/* v1.5.8: prevent iOS focus zoom and horizontal viewport drift. */
@media(max-width:800px){
  .ojic,.ojic-card,.ojic-fields,.ojic label{min-width:0;max-width:100%}
  .ojic input,.ojic select,.ojic textarea{min-width:0;max-width:100%;font-size:16px!important}
  .ojic-lead .ojic-fields{grid-template-columns:1fr}
  .ojic-lead textarea{font-size:16px!important}
}

/* v1.5.9: stable form focus on iOS, Android and compact screens. */
.ojic input,.ojic select,.ojic textarea{font-size:16px!important;touch-action:manipulation}
.ojic input:focus,.ojic select:focus,.ojic textarea:focus{outline:none!important;box-shadow:none!important;transform:none!important}
.ojic #ojic-rate1[readonly]{background:#f3f4f6;color:#34383f;cursor:default}
@media(max-width:800px){
  .ojic-loan-fields{grid-template-columns:1fr!important}
  .ojic-lead form,.ojic-lead .ojic-fields,.ojic-lead label{width:100%;max-width:100%;min-width:0}
  .ojic input,.ojic select,.ojic textarea{width:100%;max-width:100%;min-width:0;-webkit-text-size-adjust:100%}
}