/* Professional gold buy-back calculator — reuses theme CSS variables */
.odgt-calc-wrap{padding:60px 0 80px;}
.odgt-calc-head{text-align:center;margin-bottom:26px;}
.odgt-calc-head h1{font-family:'Kanit';font-size:26px;margin:0 0 8px;}
.odgt-calc-head p{color:var(--muted);font-size:14px;margin:0;}

.odgt-calc-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;margin-bottom:16px;}
.odgt-calc-step-label{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.odgt-step-num{width:26px;height:26px;border-radius:50%;background:var(--gold);color:#141311;display:flex;align-items:center;justify-content:center;font-family:'Kanit';font-weight:700;font-size:13px;flex-shrink:0;}
.odgt-calc-step-label h3{margin:0;font-size:15.5px;color:var(--gold-bright);font-family:'Kanit';}

.odgt-price-display{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.odgt-price-big{font-size:32px;font-weight:700;color:var(--green);font-family:'Kanit';}
.odgt-price-meta{font-size:12px;color:var(--muted-2);margin-top:6px;}
.odgt-status-dot{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--green);}
.odgt-status-dot .dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;}
.odgt-caption{font-size:12px;color:var(--muted-2);margin-top:10px;}

.odgt-mini-label{font-size:12.5px;color:var(--muted);display:block;margin-bottom:8px;}
.odgt-stepper-row{display:flex;align-items:center;gap:10px;}
.odgt-stepper-row input{flex:1;background:var(--bg-soft);border:1px solid var(--line-strong);border-radius:10px;padding:11px 12px;color:var(--ink);font-family:'Kanit';font-size:16px;text-align:center;}
.odgt-stepper-btn{width:40px;height:40px;border-radius:10px;background:var(--panel-raised);border:1px solid var(--line-strong);color:var(--gold-bright);font-size:18px;flex-shrink:0;cursor:pointer;}
.odgt-base-line{display:flex;justify-content:space-between;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;}
.odgt-base-line b{color:var(--gold-bright);font-family:'Kanit';}

.odgt-bonus-box{display:none;background:rgba(63,174,106,.12);border:1px solid rgba(63,174,106,.4);border-radius:12px;padding:14px 16px;margin-top:14px;}
.odgt-bonus-box.show{display:block;}
.odgt-bonus-box .t{color:var(--green);font-weight:600;font-size:14px;}
.odgt-bonus-box .a{color:var(--green);font-family:'Kanit';font-size:20px;font-weight:700;margin:2px 0;}
.odgt-bonus-box .s{font-size:11.5px;color:var(--muted);}

.odgt-status-bar{border-radius:12px;padding:12px 16px;font-size:13.5px;font-weight:500;display:flex;align-items:center;gap:8px;}
.odgt-status-bar.green{background:rgba(63,174,106,.14);color:var(--green);border:1px solid rgba(63,174,106,.4);}
.odgt-status-bar.orange{background:rgba(224,138,43,.14);color:#e08a2b;border:1px solid rgba(224,138,43,.4);}
.odgt-status-bar.red{background:rgba(166,28,46,.14);color:var(--red-bright);border:1px solid rgba(166,28,46,.4);}

.odgt-result-card{background:linear-gradient(165deg,#151310,#0f0d0b);border:1.5px solid var(--gold);border-radius:14px;padding:18px;}
.odgt-result-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--muted);}
.odgt-result-row b{color:var(--ink);font-family:'Kanit';font-weight:500;}
.odgt-result-final{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;}
.odgt-result-final .l{font-size:14px;color:var(--gold-bright);}
.odgt-result-final .a{font-size:28px;font-weight:700;color:var(--gold-bright);font-family:'Kanit';}

.odgt-checklist{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:13.5px;color:var(--ink);}

.odgt-btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.odgt-btn-row .btn{flex:1;justify-content:center;min-width:120px;}

.odgt-history-search{width:100%;background:var(--bg-soft);border:1px solid var(--line-strong);border-radius:10px;padding:10px 12px;color:var(--ink);font-family:'Prompt';font-size:13.5px;margin-bottom:12px;}
.odgt-history-item{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;}
.odgt-history-item .meta{color:var(--muted-2);font-size:11.5px;}

@media (max-width:520px){
  .odgt-btn-row .btn{min-width:100%;}
}
