/* Container */
#vff-quote-form {  width:100%; margin:40px auto; padding:0 10px; font-family:'Segoe UI',sans-serif; }
/* Steps */
.step { display:none; background:#fff; padding:30px; box-shadow:0 4px 12px rgba(0,0,0,0.1); border-radius:8px; }
.step.active { display:block; }
/* STEP 1 GRID */
.step-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.left-col,.right-col { background:#fff; padding:25px; border-radius:8px; box-shadow:0 4px 12px rgba(0,0,0,0.05); }
/* Icon inputs */
.field{margin-bottom:20px;position:relative;}
.icon-input input,.icon-input select{width:100%;padding:12px 12px 12px 40px;border:1px solid #ccc;border-radius:4px;}
.icon-input i{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:#0073aa;font-size:18px;}
/* Buttons */
.btn{background:#0073aa;color:#fff;border:none;padding:12px 20px;border-radius:4px;cursor:pointer;font-size:16px;display:inline-flex;align-items:center;}
.btn i{margin-left:8px;}
.prev{background:#ccc;color:#333;}
.prev i{margin-right:8px;margin-left:0;}
/* Next desktop/mobile */
.desktop-only{display:inline-flex;}
.mobile-only{display:none;}
/* Inventory desktop */
.inventory.desktop{margin-top:20px;}
.vff-inv-tabs{display:flex;border-bottom:2px solid #eee;padding:0;margin:0 0 16px;list-style:none;}
.vff-inv-tabs li{padding:12px 20px;cursor:pointer;background:#f9f9f9;margin-right:4px;border-radius:4px 4px 0 0;color:#555;display:flex;align-items:center;}
.vff-inv-tabs li.active{background:#fff;border-bottom:2px solid #fff;color:#0073aa;}
.vff-inv-tabs li i{margin-right:8px;color:#0073aa;}
.vff-inv-section{display:none;padding:20px;border:1px solid #eee;border-top:none;border-radius:0 0 4px 4px;background:#fff;}
.vff-inv-section.active{display:block;}
/* Inventory items */
.inv-item{display:grid;grid-template-columns:24px 1fr auto auto;column-gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #f2f2f2;}
.inv-item:last-child{border-bottom:none;}
.inv-icon{color:#0073aa;font-size:18px;}
.inv-item input[type="number"]{width:60px;text-align:right;padding:6px;border:1px solid #ccc;border-radius:4px;}
.inv-item .fas.fa-pencil-alt{cursor:pointer;color:#0073aa;font-size:16px;}
/* Inventory mobile */
.inventory.mobile{display:none;}
.accordion{width:100%;border:1px solid #ddd;border-radius:4px;margin-bottom:12px;overflow:hidden;}
.acc-btn{width:100%;background:#f9f9f9;padding:12px;border:none;display:flex;align-items:center;cursor:pointer;position:relative;}
.acc-btn .cat-label{margin-left:8px;font-weight:500;}
.acc-btn .item-count{margin-left:auto;font-size:14px;color:#555;}
.acc-btn i.fas.fa-chevron-down{margin-left:8px;}
.acc-panel{display:none;padding:12px 16px;background:#fff;}
.accordion.open .acc-panel{display:block;}
/* People tabs */
.ppl-tabs{display:flex;margin-bottom:20px;}
.ppl-tab{flex:1;padding:10px;background:#f1f1f1;border:none;cursor:pointer;font-size:16px;text-align:center;}
.ppl-tab.active{background:#0073aa;color:#fff;}
/* Date/time */
#move_date,#move_time{width:calc(50% - 10px);padding:12px 12px 12px 40px;border:1px solid #ccc;border-radius:4px;}
/* Summary */
.summary-block{background:#f7f7f7;padding:20px;border-radius:6px;margin-bottom:20px;}
.summary-block h3{display:flex;align-items:center;margin-bottom:6px;color:#333;}
.summary-block h3 i{margin-right:8px;color:#0073aa;}
.summary-block p{margin:0 0 12px;color:#555;}
/* Modal */
#inv-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;}
.modal-content{background:#fff;width:90%;max-width:400px;margin:100px auto;padding:20px;border-radius:8px;position:relative;}
.close{position:absolute;top:12px;right:12px;cursor:pointer;color:#666;}
.modal-content label{display:block;margin-bottom:12px;}
.modal-content input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;}
.actions{text-align:right;margin-top:20px;}
.actions .btn{margin-left:8px;}
/* MOBILE */
@media (max-width:768px) {
  #vff-quote-form{max-width:none;margin:0;padding:0 10px;}
  .step-grid{display:flex;flex-direction:column;gap:20px;}
  .left-col,.right-col{padding:15px!important;box-shadow:none!important;border-radius:0!important;}
  .inventory.desktop{display:none!important;}
  .inventory.mobile{display:block!important;}
  .desktop-only {
    display: none !important;
  }
  .mobile-only {
    display: inline-flex !important;
  }
  #move_date,#move_time{width:100%!important;margin-bottom:12px;}
  .btn.next{display:block!important;width:100%!important;margin-top:20px!important;position:static!important;}
}
@media (max-width: 768px) {
button.btn.next.desktop-only {
    display: none!important;
}
}
/* 1. Hide the icon <i> in each row */
.inv-item .inv-icon {
  display: none !important;
}

/* 2. Remove the now‐empty first column */
.inv-item {
  grid-template-columns: 1fr auto auto !important;
}
/* Processing overlay */
#vff-processing-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
}