/* ===== Maid Manager — Frontend (sáng, hiện đại). Font kế thừa theme ===== */
.maid-container{max-width:1200px;margin:0 auto;padding:0 16px;}
.maid-archive-wrap,.maid-single-wrap{padding:32px 0 56px;}
.maid-archive-head{text-align:center;margin-bottom:28px;}
.maid-archive-head h1{font-size:1.9rem;display:flex;gap:10px;justify-content:center;align-items:center;color:#1f2937;}
.maid-archive-head p{color:#6b7280;margin-top:6px;}
.maid-archive-head [data-lucide]{width:28px;height:28px;color:#0ea5e9;}

/* Bộ lọc */
.maid-filterbar{background:#0189d8;border:1px solid #eef0f3;border-radius:16px;padding:16px;
  box-shadow:0 4px 18px rgba(15,23,42,.05);margin-bottom:24px;}
.maid-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.maid-search{position:relative;flex:0 1 240px;min-width:200px;}
.maid-search [data-lucide]{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#94a3b8;}
.maid-search input{width:100%;padding:11px 14px 11px 40px;border:1px solid #e5e7eb;border-radius:12px;
  font-size:.95rem;outline:none;transition:.2s;}
.maid-search input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.12);}
.maid-filter-item{position:relative;display:flex;align-items:center;flex:1 1 0;min-width:120px;}
.maid-filter-item [data-lucide]{position:absolute;left:10px;width:16px;height:16px;color:#0ea5e9;pointer-events:none;}
.maid-select{appearance:none;width:100%;padding:0 14px 0 34px;border:1px solid #e5e7eb;border-radius:12px;
  background:#f8fafc;font-size:.9rem;cursor:pointer;}
.maid-select:focus{border-color:#0ea5e9;outline:none;}
.maid-select select{margin-bottom:0 !important;}
.maid-reset{display:inline-flex;align-items:center;justify-content:center;color:#ffffff;text-decoration:none;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.15);flex:0 0 auto;transition:.15s;}
.maid-reset:hover{background:rgba(255,255,255,.3);}
.maid-reset [data-lucide]{width:18px;height:18px;}
#maid-search-input, .maid-select {margin-bottom: 0; border-radius:6px;}
#maid-search-input{ padding-right: 39px;}

/* Lưới card */
.maid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:22px;transition:opacity .2s;}
.maid-grid.maid-loading{opacity:.5;}
.maid-empty{grid-column:1/-1;text-align:center;color:#94a3b8;padding:50px 0;}

.maid-card{background:#fff;border:1px solid #eef0f3;border-radius:18px;overflow:hidden;
  box-shadow:0 6px 20px rgba(15,23,42,.06);transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;}
.maid-card:hover{transform:translateY(-5px);box-shadow:0 14px 32px rgba(15,23,42,.12);}
.maid-card-photo{position:relative;aspect-ratio:1/1;overflow:hidden;background:#f1f5f9;}
.maid-card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.maid-card:hover .maid-card-photo img{transform:scale(1.05);}
.maid-badge-new{position:absolute;top:10px;left:10px;background:#ef4444;color:#fff;font-size:.7rem;
  font-weight:700;padding:4px 9px;border-radius:8px;letter-spacing:.5px;}
.maid-card-body{padding:16px 0;text-align:center;display:flex;flex-direction:column;gap:9px;flex:1;align-items: center;}
.maid-card-name{font-size:1.08rem;font-weight:700;color:#1f2937;margin:0;}
.maid-card-meta{display:flex;justify-content:center;gap:14px;color:#64748b;font-size:.85rem;flex-wrap:wrap;}
.maid-card-meta span{display:inline-flex;align-items:center;gap:4px;}
.maid-card-meta [data-lucide]{width:14px;height:14px;}

/* Badge trạng thái */
.maid-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:.8rem;
  font-weight:600;padding:5px 12px;border-radius:999px;margin:0 auto;}
.maid-badge-green{background:#dcfce7;color:#15803d;}
.maid-badge-yellow{background:#fef9c3;color:#a16207;}
.maid-badge-blue{background:#dbeafe;color:#1d4ed8;}
.maid-badge-red{background:#fee2e2;color:#b91c1c;}
.maid-badge-gray{background:#f1f5f9;color:#64748b;}
.maid-badge-orange{background:#ffedd5;color:#c2410c;}
.maid-badge-purple{background:#f3e8ff;color:#7e22ce;}
.maid-badge-teal{background:#ccfbf1;color:#0f766e;}

.maid-btn-choose{width: 80%;margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;text-decoration:none;font-weight:600;
  padding:11px;border-radius:12px;transition:.2s;font-size:.92rem;}
.maid-btn-choose:hover{filter:brightness(1.07);transform:translateY(-1px);color:#fff;}
.maid-btn-choose [data-lucide]{width:17px;height:17px;}

/* Phân trang */
.maid-pagination{display:flex;justify-content:center;gap:8px;margin-top:36px;flex-wrap:wrap;}
.maid-pagination .page-numbers{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;
  padding:0 12px;border:1px solid #e5e7eb;border-radius:10px;text-decoration:none;color:#475569;background:#fff;transition:.2s;}
.maid-pagination .page-numbers.current{background:#0ea5e9;color:#fff;border-color:#0ea5e9;}
.maid-pagination .page-numbers:hover:not(.current){border-color:#0ea5e9;color:#0ea5e9;}

/* ===== Trang chi tiết ===== */
.maid-single{display:grid;grid-template-columns:340px 1fr;gap:36px;align-items:start;}
.maid-single-photo{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,.1);}
.maid-single-photo img{width:100%;display:block;}
.maid-single-photo .maid-badge{position:absolute;bottom:12px;left:12px;}
.maid-btn-copy{margin-top:16px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:#1f2937;color:#fff;border:none;cursor:pointer;padding:13px;border-radius:12px;font-weight:600;font-size:.95rem;transition:.2s;}
.maid-btn-copy:hover{background:#0f172a;transform:translateY(-1px);}
.maid-btn-copy [data-lucide]{width:18px;height:18px;}
.maid-single-name{font-size:1.7rem;color:#1f2937;margin:0 0 4px;}
.maid-single-code{color:#64748b;margin:0 0 20px;}

.maid-info-card{background:#fff;border:1px solid #eef0f3;border-radius:16px;padding:20px 22px;margin-bottom:18px;
  box-shadow:0 4px 16px rgba(15,23,42,.04);}
.maid-info-card h2{font-size:1.05rem;color:#0f172a;display:flex;align-items:center;gap:8px;margin:0 0 14px;}
.maid-info-card h2 [data-lucide]{width:19px;height:19px;color:#0ea5e9;}
.maid-info-card ul{list-style:none;margin:0;padding:0;}
.maid-info-card li{display:flex;justify-content:space-between;border-bottom:1px dashed #eef0f3;}
.maid-info-card li:last-child{border-bottom:none;}
.maid-info-card li span{color:#64748b;}
.maid-info-card li b{color:#1f2937;}
.maid-desc{color:#374151;line-height:1.7;}
.maid-info-private{border-color:#fde68a;background:#fffbeb;}
.maid-info-admin{border-color:#fecaca;background:#fef2f2;}

.maid-contact-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd;}
.maid-contact-actions{display:flex;flex-direction:column;gap:10px;}
.maid-contact-btn{display:inline-flex;align-items:center;gap:9px;padding:12px 16px;border-radius:12px;
  text-decoration:none;font-weight:600;transition:.2s;}
.maid-contact-btn.hotline{background:#0ea5e9;color:#fff;}
.maid-contact-btn.zalo{background:#0068ff;color:#fff;}
.maid-contact-btn:hover{filter:brightness(1.08);transform:translateY(-1px);}
.maid-contact-btn [data-lucide]{width:18px;height:18px;}
.maid-contact-addr{margin-top:12px;color:#475569;display:flex;align-items:center;gap:6px;}
.maid-contact-addr [data-lucide]{width:16px;height:16px;color:#0ea5e9;}

/* Toast */
.maid-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(20px);
  background:#16a34a;color:#fff;padding:13px 22px;border-radius:12px;display:flex;align-items:center;gap:8px;
  font-weight:600;opacity:0;pointer-events:none;transition:.3s;z-index:9999;box-shadow:0 8px 24px rgba(0,0,0,.2);}
.maid-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.maid-toast [data-lucide]{width:20px;height:20px;}

/* Responsive */
@media(max-width:768px){
  .maid-single{grid-template-columns:1fr;}
  .maid-single-photo{max-width:340px;margin:0 auto;}
  .maid-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;}
  /* Bo loc tren mobile */
  .maid-filters{gap:10px;}
  .maid-search{flex:1 1 100%;min-width:0;}            /* search full hang */
  .maid-filter-item{flex:1 1 calc(50% - 5px);min-width:0;}  /* dropdown 2 cot deu */
  .maid-reset{flex:1 1 calc(50% - 5px);width:auto;height:44px;}  /* nut dat lai cung hang voi o le cuoi */
}
/* ===== CỤM NÚT HÀNH ĐỘNG ===== */
.maid-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:16px 0;
}

/* Nút chính: full chiều rộng */
.maid-actions .maid-btn-copy{
  flex:1 1 100%;
  margin: 0;
}

/* 2 nút phụ: chia đôi đều nhau trên cùng một hàng */
.maid-actions .maid-btn-copyimg,
.maid-actions .maid-btn-download{
  flex:1 1 0;
  min-width:0;
  margin: 0 !important;
  text-transform: uppercase;
}

.maid-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:13px 16px;
  border-radius:12px;
  border:none;
  font-size:14px;
  font-weight:600;
  line-height:1;
  cursor:pointer;
  text-decoration:none;
  white-space:nowrap;
  transition:all .15s ease;
}
.maid-btn i{ width:18px; height:18px; flex-shrink:0; }

/* Copy thông tin - xanh đậm */
.maid-btn-copy{
  background:#2563eb;
  color:#fff;
  box-shadow:0 2px 6px rgba(37,99,235,.25);
}
.maid-btn-copy:hover{ background:#1d4ed8; transform:translateY(-1px); }

/* Copy ảnh - xanh dương sáng */
.maid-btn-copyimg{
  background:#0ea5e9;
  color:#fff;
  box-shadow:0 2px 6px rgba(14,165,233,.25);
}
.maid-btn-copyimg:hover{ background:#0284c7; transform:translateY(-1px); }

/* Tải ảnh - trắng viền */
.maid-btn-download{
  background:#fff;
  color:#0f172a;
  border:1px solid #cbd5e1;
}
.maid-btn-download:hover{ background:#f1f5f9; transform:translateY(-1px); }

.maid-btn:active{ transform:translateY(0); }
.maid-btn:disabled{ opacity:.6; cursor:not-allowed; transform:none; }

/* ===== TOAST THÔNG BÁO ===== */
#maid-toast,
.maid-toast{
  position:fixed;
  bottom:24px;
  left:50%;
  transform:translateX(-50%) translateY(20px);
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#0f172a;
  color:#fff;
  padding:12px 20px;
  border-radius:10px;
  font-size:14px;
  font-weight:500;
  box-shadow:0 6px 20px rgba(0,0,0,.2);
  opacity:0;
  pointer-events:none;
  transition:all .25s ease;
  z-index:9999;
}
#maid-toast i,
.maid-toast i{ width:18px; height:18px; }
#maid-toast.show,
.maid-toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }
#maid-toast.success,
.maid-toast.success{ background:#16a34a; }
#maid-toast.error,
.maid-toast.error{ background:#dc2626; }
.maid-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  font-size:14px;
  color:#64748b;
  margin:16px 0 4px;
}
.maid-breadcrumb a{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#64748b;
  text-decoration:none;
  transition:color .15s ease;
}
.maid-breadcrumb a:hover{ color:#2563eb; }
.maid-breadcrumb i{ width:15px; height:15px; }
.maid-bc-sep{ color:#cbd5e1; width:14px !important;}
.maid-bc-current span[itemprop="name"]{
  color:#0f172a;
  font-weight:600;
}

/* ===== Nut CCCD (chi hien cho user co quyen) ===== */
.maid-cccd-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
}
.maid-cccd-actions .maid-btn-cccd{
  flex:1 1 0;
  min-width:0;
  background:#fef3c7;
  color:#92400e;
  border:1px solid #fcd34d;
}
.maid-cccd-actions .maid-btn-cccd:hover{
  background:#fde68a;
  border-color:#f59e0b;
  transform:translateY(-1px);
}