/* Popups */
.atq-overlay{
  position:fixed; inset:0;
  background:rgba(0,0,0,0.5);
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
}
.atq-popup{
  background:#fff;
  padding:20px;
  max-width:440px;
  width:90%;
  border-radius:10px;
  box-shadow:0 0 12px rgba(0,0,0,0.35);
}
.atq-textarea{
  width:100%;
  height:90px;
  margin-top:8px;
}
.atq-row{ margin-top:10px; display:flex; gap:10px; flex-wrap:wrap; }

/* Toast */
.atq-toast{
  position:fixed;
  left:50%;
  bottom:30px;
  transform:translateX(-50%) translateY(10px);
  opacity:0;
  padding:10px 14px;
  border-radius:10px;
  background:#111;
  color:#fff;
  z-index:10001;
  transition:all .25s ease;
  max-width:92%;
}
.atq-toast.show{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}
.atq-toast-success{ background:#1f7a1f; }
.atq-toast-error{ background:#b00020; }

.atq-error{ color:#b00020; }

/* My Quotes Grid/List */
.atq-toolbar{
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom:15px;
  flex-wrap:wrap;
}
#atq_view_buttons .atq-view-btn{
  padding:6px 12px;
  cursor:pointer;
  border:1px solid #ccc;
  background:#f1f1f1;
  border-radius:6px;
  margin-right:6px;
}
#atq_view_buttons .atq-view-btn.active{
  background:#0073aa;
  color:#fff;
  border-color:#0073aa;
}

.atq-grid{ display:flex; flex-wrap:wrap; gap:10px; }
.atq-list{ display:block; }
.atq-quote-box{
  border:1px solid #ccc;
  padding:10px;
  background:#fafafa;
  cursor:pointer;
  border-radius:10px;
}
.atq-grid .atq-quote-box{ width:240px; }
.atq-list .atq-quote-box{ margin-bottom:10px; }
.atq-highlight{ background:#ffffcc; }

/* Dialog */
#atq_quote_dialog_overlay{
  position:fixed; inset:0;
  background:rgba(0,0,0,0.5);
  z-index:10000;
  display:flex;
  align-items:center;
  justify-content:center;
}
#atq_quote_dialog{
  background:#fff;
  padding:20px;
  max-width:680px;
  width:92%;
  border-radius:12px;
  box-shadow:0 0 12px rgba(0,0,0,0.35);
  position:relative;
}
#atq_dialog_close{
  position:absolute;
  top:10px;
  right:10px;
}
.atq-product-line{ margin-top:-6px; color:#444; }

.atq-dialog-messages{
  max-height:340px;
  overflow-y:auto;
  margin-bottom:10px;
}
.msg-bubble{
  max-width:70%;
  padding:10px;
  margin:6px 0;
  border-radius:12px;
  clear:both;
}
.msg-customer{ float:left; background:#fff; border:1px solid #ddd; }
.msg-admin{ float:right; background:#e0e0e0; }
.msg-time{ font-size:12px; color:#555; margin-top:6px; text-align:right; }
.clear{ clear:both; }
.add-to-quote-btn { margin-left:10px !important; }