.lttc-quote{max-width:760px;margin:0 auto;padding:12px;}
.lttc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.lttc-rate{font-size:14px;color:#34314B;display:flex;align-items:center;gap:8px}
.lttc-rate .dot{width:8px;height:8px;border-radius:50%;background:#34314B;display:inline-block}
.lttc-pp{font-weight:700;font-size:16px;color:#111827}
.lttc-pp .sym{font-weight:800;margin-right:1px}
.lttc-pp .unit{font-weight:500;color:#6b7280;margin-left:4px}

.lttc-pp {
  transition: opacity .4s ease;
}
.lttc-pp.updating {
  opacity: 0.3;
}


/* drop zone */
.lttc-drop{border:2px dashed #e5e7eb;border-radius:12px;padding:28px;text-align:center;background:#fafafa;cursor:pointer;transition:all .2s}
.lttc-drop.drag{border-color:#7c3aed;background:#f5f3ff}
.lttc-drop .ico{width:36px;height:36px;fill:#9ca3af;margin-bottom:8px}
.lttc-drop .title{font-weight:600;color:#111827}
.lttc-drop .sub{color:#6b7280;margin-top:4px}
.lttc-drop .sub a{color:#7c3aed;text-decoration:none;border-bottom:1px dotted #7c3aed}

/* uploaded FILE CARD (like competitor) */
.lttc-filebox{
  border:2px solid #111827;border-radius:14px;padding:18px 16px;margin:16px 0;
  display:flex;align-items:center;gap:12px;background:#fff;
}
.fb-icon{display:flex;align-items:center;justify-content:center}
.fb-text{flex:1;text-align:center}
.fb-title{font-weight:800;color:#059669;margin-bottom:4px} /* green accent for language line */
.fb-sub{font-size:12px;color:#374151}

/* service chooser */
.svc-chooser{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
.svc-title{grid-column:1/-1;font-weight:800;color:#0f172a;margin-bottom:2px}
.svc-opt{border:1.5px solid #e5e7eb;border-radius:12px;padding:12px;cursor:pointer;display:block;position:relative;background:#fff;transition:border-color .2s,box-shadow .2s}
.svc-opt input{display:none}
.svc-opt .svc-name{font-weight:800;margin-bottom:2px}
.svc-opt .svc-desc{font-size:12px;color:#6b7280;margin-bottom:6px}
.svc-opt .svc-pp{font-size:13px;color:#111827}
.svc-opt.active{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.12)}

.lttc-out{margin-top:12px}
.lttc-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}
.lttc-card.big{padding:18px 16px 14px}
.lttc-card .your-price{font-size:14px;color:#6b7280;margin-bottom:6px}
.price-row{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:8px}
.price{font-size:28px;font-weight:800;color:#0f172a}
.compare{display:flex;gap:10px;align-items:center}
.compare .strike{text-decoration:line-through;color:#9ca3af}
.compare .save{color:#059669;font-weight:700}
.eta-chip{background:#eef2ff;color:#3730a3;padding:8px 10px;border-radius:8px;margin-bottom:10px;font-size:14px}
.note{font-size:12px;color:#6b7280}

/* rush upsell */
.lttc-upsell{display:flex;justify-content:space-between;gap:16px;border:1px solid #34314B;background:#fffbeb;border-radius:12px;padding:14px;margin:12px 0}
.tag{display:inline-block;background:#34314B;color:#fff;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:800;margin-bottom:8px}
.rush-title{font-weight:800}
.rush-sub{font-size:12px;color:#6b7280}
.upsell-right{display:flex;align-items:center;gap:16px}
.total{font-size:14px}
.switch{position:relative;display:inline-block;width:48px;height:26px}
.switch input{display:none}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#e5e7eb;border-radius:999px;transition:.2s}
.slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s;box-shadow:0 1px 2px rgba(0,0,0,.15)}
.switch input:checked + .slider{background:#7c3aed}
.switch input:checked + .slider:before{transform:translateX(22px)}

/* action */
.lttc-card.action{display:flex;justify-content:space-between;align-items:center}
.lttc-card .cta{display:inline-block;background:#7c3aed;color:#fff;padding:12px 16px;border-radius:10px;text-decoration:none;font-weight:700}
.foot-note{font-size:12px;color:#6b7280}
.lttc-card.err{color:#b91c1c}

/* skeleton */
.loading .sk-title,.loading .sk-price,.loading .sk-line{
  height:14px;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;
  animation:sk 1.2s infinite;padding:0;border-radius:8px;margin-bottom:10px
}
.loading .sk-price{height:24px;width:160px}
.loading .sk-title{width:100px}
.loading .sk-line{width:85%}
@keyframes sk{0%{background-position:200% 0}100%{background-position:-200% 0}}