/* زهور الدليل — Tab Title + Quick Label Actions v1 */

/* Quick label action bar — appears on conversation hover */
.eldalil-quick-labels {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 20;
  pointer-events: auto;
  padding: 4px 8px 5px;
  background: linear-gradient(0deg, rgba(253, 240, 244, 0.99) 75%, transparent 100%);
  align-items: center;
  gap: 4px;
  direction: rtl;
  flex-wrap: nowrap;
  overflow: hidden;
}

.conversations-list-wrap .conversation:hover .eldalil-quick-labels,
.conversations-list-wrap .conversation:focus-within .eldalil-quick-labels {
  display: flex;
}

.conversations-list-wrap .conversation .px-0.py-3 {
  position: relative;
}

.eldalil-ql-btn {
  border: 0;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 800;
  font-family: 'Cairo', 'Almarai', system-ui, sans-serif;
  cursor: pointer;
  white-space: nowrap;
  line-height: 1.5;
  transition: transform 0.1s, box-shadow 0.1s;
  flex: 0 0 auto;
}

.eldalil-ql-btn:active {
  transform: scale(0.95);
}

.eldalil-ql-btn[data-label="order-new"]        { background: #dcfce7; color: #15803d; }
.eldalil-ql-btn[data-label="price-inquiry"]    { background: #dbeafe; color: #1e40af; }
.eldalil-ql-btn[data-label="complaint"]        { background: #fee2e2; color: #b91c1c; }
.eldalil-ql-btn[data-label="delivery-followup"] { background: #fef9c3; color: #92400e; }

.eldalil-ql-btn.active {
  box-shadow: inset 0 0 0 2px currentColor;
  font-weight: 900;
}

.eldalil-ql-btn.ql-loading {
  opacity: 0.55;
  cursor: wait;
  pointer-events: none;
}

/* ── Dark mode ── */
body.dark .eldalil-quick-labels {
  background: linear-gradient(0deg, rgba(24, 25, 28, 0.99) 75%, transparent 100%);
}

body.dark .eldalil-ql-btn[data-label="order-new"]         { background: #052e16; color: #4ade80; }
body.dark .eldalil-ql-btn[data-label="price-inquiry"]     { background: #0c1a3d; color: #93c5fd; }
body.dark .eldalil-ql-btn[data-label="complaint"]         { background: #2d0a0a; color: #fca5a5; }
body.dark .eldalil-ql-btn[data-label="delivery-followup"] { background: #1c1200; color: #fde68a; }