/* Confronto tariffe FedEx/DHL — allineato a orders_rev1 Crea Spedizione */
.fx-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:10px 0;align-items:stretch}
.fx-compare-grid.fx-compare-grid-single{grid-template-columns:1fr;max-width:520px}
@media(max-width:720px){.fx-compare-grid{grid-template-columns:1fr}}
.fx-compare-panel{border-radius:10px;padding:12px 14px;border:2px solid var(--border,#d0d4dc);background:#fff;min-width:0;display:flex;flex-direction:column;gap:4px}
.fx-compare-fedex{border-color:#7e57c2;background:#faf8ff}
.fx-compare-dhl{border-color:#ffcc00;background:#fffbea}
.fx-compare-panel-title{margin:0 0 10px;font-size:13px;font-weight:700}
.fx-compare-svc-row{display:flex;align-items:center;gap:8px;margin:0 0 8px;flex-wrap:wrap}
.fx-compare-svc-lbl{font-size:11px;color:var(--fg-mut);font-weight:600;white-space:nowrap}
.fx-compare-svc-sel{flex:1;min-width:160px;max-width:100%;border:1px solid #c5cad3;border-radius:6px;padding:5px 8px;font-size:13px}
.fx-compare-fedex .fx-compare-panel-title{color:#4a148c}
.fx-compare-dhl .fx-compare-panel-title{color:#b8860b}
.fx-rates-tbl{width:100%;border-collapse:collapse;font-size:11px;margin-bottom:4px}
.fx-rates-tbl th,.fx-rates-tbl td{padding:6px 8px;border-bottom:1px solid #e8ecf1;text-align:left;line-height:1.35}
.fx-rates-tbl thead th{background:#f0f2f5;font-weight:600;color:#4a148c}
.fx-rate-row.fx-rate-sel{background:#ede7f6;font-weight:600}
.fx-rate-unavail{opacity:.75}
.fx-rate-breakdown{margin-top:8px;margin-bottom:4px;padding:10px;background:#fff;border:1px solid #d0d4dc;border-radius:6px;font-size:11px;line-height:1.4}

/* Dettagli fatturazione — stesso layout di Plus Order (orders_rev1) */
.fx-billing-title{
  font-size:12px;margin:14px 0 10px;font-weight:700;line-height:1.3;
}
.fx-compare-fedex .fx-billing-title{color:#4a148c}
.fx-compare-dhl .fx-billing-title{color:#b8860b}
.fx-compare-panel .fx-pay-box{margin:0}
.fx-pay-box{
  background:#f0f4f8;border:1px solid #c5cdd8;border-radius:8px;
  padding:12px 14px;margin:0;display:flex;flex-direction:column;gap:2px;
}
.fx-compare-fedex .fx-pay-box{
  border-color:rgba(126,87,194,.35);background:rgba(250,248,255,.95);
}
.fx-compare-dhl .fx-pay-box{
  border-color:rgba(255,204,0,.45);background:rgba(255,252,234,.85);
}
.fx-pay-row{margin-bottom:12px}
.fx-pay-row:last-child{margin-bottom:0}
.fx-pay-row label{
  display:block;font-size:11px;font-weight:700;color:var(--fg-mut,#5c6370);
  margin-bottom:6px;text-transform:uppercase;letter-spacing:.02em;line-height:1.35;
}
.fx-pay-display{
  background:#fff;border:1px solid #aab4c0;border-radius:6px;
  padding:10px 12px;font-size:13px;color:var(--fg,#1a1a2e);line-height:1.45;
}
.fx-pay-display strong{font-weight:700;color:#1a237e;word-break:break-word}
.fx-compare-fedex .fx-pay-display strong{color:#4a148c}
.fx-compare-dhl .fx-pay-display strong{color:#8a6500}
.fx-pay-row .fx-compare-svc-sel{
  margin-top:2px;padding:8px 10px;font-size:12px;line-height:1.35;
}
.fx-pay-box .status-lbl{margin-top:8px;line-height:1.45}
.fx-pay-box .fx-pay-box{margin-top:12px;padding:12px 14px}
.fx-compare-panel-footer{
  margin-top:auto;padding-top:14px;border-top:1px solid rgba(0,0,0,.06);
  display:flex;flex-direction:column;gap:10px;
}
.fx-compare-fedex .fx-compare-panel-footer{border-top-color:rgba(126,87,194,.2)}
.fx-compare-dhl .fx-compare-panel-footer{border-top-color:rgba(255,204,0,.35)}
.fx-compare-panel-footer .imp-pickup-only-btn,
.fx-compare-panel-footer .fx-compare-create-btn{width:100%;margin-top:0}
.fx-compare-action-status{font-size:11px;margin:0;line-height:1.4;min-height:0}
.fx-compare-create-btn.btn{
  appearance:none;-webkit-appearance:none;
  border:none;border-radius:12px;padding:12px 16px;font-size:13px;font-weight:700;
  letter-spacing:.01em;cursor:pointer;
  box-shadow:0 2px 8px rgba(0,0,0,.10);
  transition:transform .12s,box-shadow .15s,filter .15s,opacity .15s;
}
.fx-compare-create-btn.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.14);filter:brightness(1.03)}
.fx-compare-create-btn.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px rgba(0,0,0,.12)}
.fx-compare-create-btn.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}
#btn-crea-fedex.fx-compare-create-btn{
  background:linear-gradient(180deg,#6a1b9a 0%,#4a148c 100%)!important;color:#fff!important;
}
#btn-crea-dhl.fx-compare-create-btn{
  background:linear-gradient(180deg,#ffd54f 0%,#ffcc00 100%)!important;color:#1a1a2e!important;
  border:1px solid #e6b800!important;
}

/* Ritiro FedEx — layout friendly (stack, radio cards) */
.imp-pickup-box{border-radius:10px}
.imp-pickup-fields{display:flex;flex-direction:column;gap:10px}
.imp-pickup-times{
  display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:0;
}
.imp-pickup-times label{
  font-size:11px;display:flex;flex-direction:column;gap:4px;margin:0;color:#4a5568;font-weight:600;
}
.imp-pickup-times .ci-inp{width:110px;border-radius:8px;padding:6px 8px}
.imp-pickup-note{
  margin:0;font-size:11px;font-weight:600;color:#4a148c;letter-spacing:.01em;
}
.imp-pickup-svc-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.imp-pickup-svc-cards--stack{grid-template-columns:1fr;gap:8px}
.imp-pickup-svc-card{
  appearance:none;-webkit-appearance:none;
  display:flex;flex-direction:row;align-items:center;gap:12px;
  min-height:56px;text-align:left;padding:12px 14px;
  border:2px solid #d5d9e3;border-radius:12px;background:linear-gradient(180deg,#fff 0%,#f7f8fb 100%);
  cursor:pointer;line-height:1.35;box-shadow:0 1px 2px rgba(40,53,147,.06);
  transition:border-color .15s,background .15s,box-shadow .15s,transform .1s;
  font:inherit;color:inherit;width:100%;box-sizing:border-box;
}
.imp-pickup-svc-card:hover{border-color:#7e57c2;box-shadow:0 2px 8px rgba(79,55,138,.12);transform:translateY(-1px)}
.imp-pickup-svc-radio{
  flex:0 0 auto;width:18px;height:18px;border-radius:50%;
  border:2px solid #9aa3b2;background:#fff;box-sizing:border-box;
  box-shadow:inset 0 0 0 3px transparent;
  transition:border-color .15s,box-shadow .15s,background .15s;
}
.imp-pickup-svc-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.imp-pickup-svc-card strong{display:block;font-size:13px;font-weight:700;color:#4a148c;margin:0}
.imp-pickup-svc-card .imp-pickup-svc-text > span{display:block;font-size:11px;color:#5c6370;margin:0;font-weight:500}
.imp-pickup-svc-card.is-active{
  border-color:#4a148c;background:linear-gradient(180deg,#f3e5f5 0%,#ede7f6 100%);
  box-shadow:0 0 0 1px #4a148c,0 2px 10px rgba(74,20,140,.14);
}
.imp-pickup-svc-card.is-active .imp-pickup-svc-radio{
  border-color:#4a148c;background:#4a148c;
  box-shadow:inset 0 0 0 3px #fff;
}
.imp-pickup-svc-card.is-active strong{color:#311b92}
.imp-pickup-details{display:flex;flex-direction:column;gap:8px}
.imp-pickup-qty-row{
  display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:0;
}
.imp-pickup-qty-row label{
  font-size:11px;display:flex;flex-direction:column;gap:4px;margin:0;color:#4a5568;font-weight:600;
}
.imp-pickup-qty-row .ci-inp{width:96px;border-radius:8px;padding:6px 8px}
.imp-pickup-hint{font-size:9px;font-weight:500;color:#7a8494}
.imp-pickup-freight-extra{display:flex;flex-direction:column;gap:8px}
.imp-pickup-dims{
  padding:10px 12px;border-radius:10px;background:#f3f5f9;border:1px dashed #c5cad3;
}
.imp-pickup-dims-title{display:block;font-size:11px;font-weight:600;color:#4a5568;margin:0 0 8px}
.imp-pickup-dims-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.imp-pickup-dims-row label{
  font-size:11px;display:flex;flex-direction:column;gap:4px;margin:0;color:#4a5568;font-weight:600;
}
.imp-pickup-dims-row .ci-inp{width:72px;border-radius:8px;padding:6px 8px}
.imp-pickup-flags{
  display:flex;gap:14px;flex-wrap:wrap;margin:0;
}
.imp-pickup-flags label{
  font-size:12px;display:flex;align-items:center;gap:6px;margin:0;cursor:pointer;color:#374151;font-weight:500;
}
.imp-pickup-only-btn{
  appearance:none;-webkit-appearance:none;width:100%;
  border:none;border-radius:12px;padding:11px 14px;font-size:13px;font-weight:700;
  cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.10);
  transition:transform .12s,box-shadow .15s,filter .15s,opacity .15s;
  line-height:1.25;text-align:center;
}
.imp-pickup-only-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.14);filter:brightness(1.03)}
.imp-pickup-only-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}
.imp-pickup-only-btn-fedex{background:linear-gradient(180deg,#8e24aa 0%,#6a1b9a 100%);color:#fff}
.imp-pickup-only-btn-dhl{background:linear-gradient(180deg,#ffe082 0%,#ffcc00 100%);color:#1a1a2e;border:1px solid #e6b800}
@media(max-width:520px){.imp-pickup-svc-cards{grid-template-columns:1fr}}

.imp-account-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 8px}
.imp-account-cols.imp-account-cols-single{grid-template-columns:1fr;max-width:520px}
@media(max-width:720px){.imp-account-cols{grid-template-columns:1fr}}
.imp-account-col{display:flex;flex-direction:column;gap:2px;min-width:0}
.imp-account-col--dhl{justify-self:stretch}
.imp-account-lbl{font-size:11px;color:var(--fg-mut);font-weight:600}
.imp-pay-box{background:#f7f8fa;border:1px solid #d0d4dc;border-radius:6px;padding:10px;margin:10px 0}
.imp-dhl-hint{font-size:11px;color:var(--fg-mut);margin:0 0 6px;padding:6px 8px;background:#fff3e0;border-left:3px solid #e65100;border-radius:4px}

/* Rubrica fornitori — layout friendly (sync con inline import_magicard) */
.imp-forn-rubrica{margin:12px 0;border:1px solid var(--border,#d0d4dc);border-radius:10px;background:#fff;overflow:hidden}
.imp-forn-rubrica-hdr{padding:10px 12px;background:linear-gradient(180deg,#f7f8fb 0%,#eef1f6 100%);border-bottom:1px solid var(--border,#d0d4dc);font-size:13px;font-weight:700;color:var(--accent,#5b21b6)}
.imp-forn-rubrica-body{padding:10px 12px 12px}
.imp-forn-hint{font-size:11px;color:var(--fg-mut);margin:0 0 10px;line-height:1.45}
.imp-forn-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:10px}
.imp-forn-section{padding:12px 14px;border-radius:10px;background:linear-gradient(180deg,#fafbfc 0%,#f4f6f9 100%);border:1px solid #e2e6ee}
.imp-forn-section-title{font-size:11px;font-weight:700;color:#4a148c;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px}
.imp-forn-row{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;margin-bottom:10px}
.imp-forn-row:last-child{margin-bottom:0}
.imp-forn-grid .field-col{min-width:0;flex:1 1 120px}
.imp-forn-grid .field-col input,
.imp-forn-grid .field-col select{width:100%;box-sizing:border-box}
.imp-forn-w100{flex:1 1 100%!important;min-width:100%}
.imp-forn-w72{flex:7 1 200px!important;min-width:180px}
.imp-forn-w42{flex:4.2 1 160px!important;min-width:140px}
.imp-forn-w38{flex:3.8 1 140px!important;min-width:120px}
.imp-forn-w33{flex:3.3 1 140px!important;min-width:120px}
.imp-forn-w28{flex:2.8 1 120px!important;min-width:110px;max-width:220px}
.imp-forn-w27{flex:2.7 1 100px!important;min-width:90px}
.imp-forn-w25{flex:2.5 1 100px!important;min-width:90px}
.imp-forn-w20{flex:2 1 72px!important;min-width:64px;max-width:100px}
.imp-forn-w15{flex:1.5 1 72px!important;min-width:64px;max-width:110px}
.imp-forn-country-inp{max-width:100%;text-transform:uppercase;letter-spacing:.06em;font-weight:600;text-align:center}
.imp-forn-actions{margin-top:4px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.imp-forn-saved-list{margin-top:12px;padding-top:10px;border-top:1px dashed var(--border,#d0d4dc)}
@media(max-width:640px){
  .imp-forn-w28,.imp-forn-w72,.imp-forn-w33,.imp-forn-w25,.imp-forn-w42,
  .imp-forn-w15,.imp-forn-w38,.imp-forn-w27,.imp-forn-w20{flex:1 1 100%!important;max-width:none}
}
