/* ---------- Categories ---------- */
.categories {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  margin-bottom: 24px;
}

.cat-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  cursor: pointer;
  transition: all .15s;
  font-weight: 500;
  font-size: 12.5px;
}

.cat-card:hover { border-color: #16a34a; }

.cat-card.active {
  background: #ecfdf5;
  border-color: #16a34a;
  color: #15803d;
}

.cat-icon {
  width: 32px; height: 32px;
  background: #f0fdf4;
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  color: #16a34a;
  font-size: 16px;
}

.cat-card.active .cat-icon { background: #dcfce7; }






.tab-arrow {
  width: 32px; height: 32px;
  border-radius: 50%;
  padding: 0;
  display: flex; align-items: center; justify-content: center;
}

/* ---------- Grid ---------- */
.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

/* ---------- Card ---------- */
.card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: box-shadow .15s;
}

.card:hover { box-shadow: 0 6px 20px rgba(0,0,0,.06); }

.card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11.5px;
  color: #6b7280;
}

.role-tag {
  background: #f3f4f6;
  padding: 4px 10px;
  border-radius: 999px;
}

.rating {
  background: #ecfdf5;
  color: #15803d;
  padding: 4px 10px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 12px;
}

.profile {
  display: flex;
  align-items: center;
  gap: 12px;
}

.avatar {
  width: 44px; height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, #d1d5db, #9ca3af);
}

.profile h3 { font-size: 15px; font-weight: 600; }
.loc { font-size: 12px; color: #6b7280; margin-top: 2px; }

.badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 11px;
}

.badges span {
  background: #f9fafb;
  padding: 4px 8px;
  border-radius: 6px;
  color: #4b5563;
  border: 1px solid #f3f4f6;
}

.meta {
  font-size: 11.5px;
  color: #4b5563;
  line-height: 1.55;
}

.meta b { color: #111827; }

.skills {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.skills span {
  background: #f3f4f6;
  color: #374151;
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 999px;
}

.card-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #f3f4f6;
  padding-top: 12px;
  margin-top: auto;
}

.price {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
}

.card-foot small {
  display: block;
  font-size: 10.5px;
  color: #9ca3af;
}

.hire {
  background: #16a34a;
  color: #fff;
  border: none;
  padding: 8px 18px;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s;
}

.hire:hover { background: #15803d; }

/* ---------- Responsive ---------- */
@media (max-width: 980px) {
  .categories { grid-template-columns: repeat(4, 1fr); }
  .grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .categories { grid-template-columns: repeat(2, 1fr); }
  .grid { grid-template-columns: 1fr; }
}

/* ---------- Talent card specific styles ---------- */
.tess-listing { padding: 8px; }
.results-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }

.talent-card {
  background: #fff;
  border: 1px solid #e6e8eb;
  border-radius: 12px;
  padding: 18px;
  box-shadow: 0 2px 0 rgba(0,0,0,0.02);
}

.talent-card-inner { display: flex; gap: 18px; align-items: flex-start; }
.talent-main { display: flex; gap: 14px; flex: 1; }
.talent-avatar img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; border: 2px solid #f3f4f6; }

.talent-details { display: flex; flex-direction: column; gap: 8px; }
.talent-role { font-size: 13px; color: #6b7280; }
.talent-name { font-size: 18px; margin: 0; color: #111827; font-weight: 700; }
.talent-location { font-size: 13px; color: #6b7280; }

.talent-badges { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 6px; }
.talent-badges .badge { background: #f9fafb; border: 1px solid #f3f4f6; padding: 6px 10px; border-radius: 8px; font-size: 12px; color: #374151; }

.talent-desc { font-size: 13px; color: #374151; line-height: 1.4; }
.talent-desc .emoji { margin: 0 6px; }

.talent-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.talent-tags .tag { background: #ecfdf5; color: #14532d; padding: 6px 10px; border-radius: 999px; font-size: 12px; }

.talent-actions { width: 140px; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }
.rating-badge { background: #fff; border: 2px solid #e6f4ea; color: #14532d; font-weight: 700; padding: 10px 12px; border-radius: 999px; box-shadow: 0 2px 6px rgba(16,185,129,0.06); }
.price { font-size: 18px; font-weight: 800; color: #111827; }
.action-row { display:flex; gap: 10px; align-items: center; }
.favorite { background: transparent; border: none; font-size: 18px; color: #ef4444; cursor: pointer; }
.hire { background: #16a34a; color: #fff; border: none; padding: 8px 14px; border-radius: 8px; font-weight: 700; cursor: pointer; }
.hire:hover { background: #15803d; }

@media (max-width: 980px) {
  .results-grid { grid-template-columns: 1fr; }
  .talent-card-inner { flex-direction: column; }
  .talent-actions { width: 100%; flex-direction: row; justify-content: space-between; }
}

/* ---------- Job card styles ---------- */
.job-card { background: #fff; border: 1px solid #e6e8eb; border-radius: 12px; padding: 18px; box-shadow: 0 2px 0 rgba(0,0,0,0.02); }
.job-card-inner { display:flex; gap: 18px; align-items: flex-start; }
.job-left { flex:1; }
.job-meta-top { display:flex; justify-content:space-between; align-items:center; }
.job-meta-top .posted { color:#6b7280; font-size:13px; }
.job-meta-top .proposals { background:#fff; border:1px solid #e6e8eb; padding:6px 8px; border-radius:8px; font-weight:700; }
.job-title { font-size:18px; margin:8px 0; color:#111827; font-weight:800; }
.job-tags-row { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:8px; }
.job-tags-row .muted { background:#f8faf9; border:1px solid #f3f4f6; padding:6px 8px; border-radius:8px; color:#374151; font-size:13px; }
.job-badges { display:flex; gap:8px; flex-wrap:wrap; margin:10px 0; }
.job-badges .badge { background:#f9fafb; border:1px solid #f3f4f6; padding:8px 10px; border-radius:8px; font-size:13px; color:#374151; }
.job-excerpt { color:#374151; line-height:1.5; margin:10px 0; }
.job-skill-tags { display:flex; gap:8px; flex-wrap:wrap; }
.job-skill-tags .tag { background:#ecfdf5; color:#14532d; padding:6px 10px; border-radius:999px; font-size:12px; }

.job-right { width:180px; display:flex; flex-direction:column; align-items:flex-end; gap:12px; }
.est-budget { font-size:20px; font-weight:800; color:#111827; }
.est-label { font-size:12px; color:#9ca3af; }
.job-actions { display:flex; gap:10px; align-items:center; }
.bookmark { background:transparent; border:1px solid #f3f4f6; padding:8px; border-radius:8px; cursor:pointer; }
.apply { background:#16a34a; color:#fff; border:none; padding:8px 12px; border-radius:8px; font-weight:700; cursor:pointer; }
.apply:hover { background:#15803d; }

@media (max-width:980px) {
  .job-card-inner { flex-direction:column; }
  .job-right { width:100%; flex-direction:row; justify-content:space-between; align-items:center; }
}

/* ---------- Buyer profile setup styles ---------- */
.buyer-setup { padding: 28px; }
.buyer-container { max-width: 1100px; margin: 0 auto; }
.stepper { display:flex; gap:24px; align-items:center; margin-bottom:18px; }
.step { display:flex; align-items:center; gap:12px; color:#9ca3af; }
.step.active { color:#16a34a; }
.step-number { width:36px; height:36px; border-radius:50%; background:#f3f4f6; display:flex; align-items:center; justify-content:center; font-weight:700; }
.step.active .step-number { background:#16a34a; color:#fff; }
.step-label { font-weight:600; }

.form-card { background:#fff; border:1px solid #e6e8eb; border-radius:12px; padding:20px; }
.buyer-step { padding:8px 4px; }
.buyer-step h2 { margin:0 0 6px 0; font-size:20px; }
.subtitle { color:#6b7280; margin-bottom:12px; }

.field-row { margin-bottom:12px; display:block; }
.field-row.two-col { display:flex; gap:12px; }
.field { flex:1; }
.field label { display:block; font-size:13px; color:#374151; margin-bottom:6px; }
.field input[type="text"], .field input[type="email"], .field input[type="tel"], .field select { width:100%; padding:10px 12px; border:1px solid #eef2f6; border-radius:8px; background:#fff; }

.upload-row .upload-area { border:2px dashed #dcfce7; padding:18px; border-radius:8px; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.upload-placeholder { color:#6b7280; font-size:13px; }
.upload-btn { background:#16a34a; color:#fff; border:none; padding:8px 12px; border-radius:8px; cursor:pointer; }

.actions-row { display:flex; justify-content:space-between; align-items:center; margin-top:14px; }
.skip-link { color:#16a34a; cursor:pointer; }

@media (max-width: 980px) {
  .buyer-container { padding: 0 12px; }
  .field-row.two-col { flex-direction:column; }
  .stepper { gap:12px; }
}

/* ---------- Dashboard layout ---------- */
.dashboard { display: grid; grid-template-columns: 1fr 320px; gap: 20px; padding: 18px; }
.dashboard-main { display:flex; flex-direction:column; gap:18px; }
.dashboard-hero { background:#16a34a; color:#fff; border-radius:12px; padding:18px; }
.dashboard-hero .hero-inner { display:flex; justify-content:space-between; align-items:center; }
.dashboard-search input { width:100%; padding:12px;border-radius:8px;border:1px solid #e6e8eb; }

.categories { margin:0; display:grid; grid-template-columns: repeat(3, 1fr); gap:12px; }
.cat-card { padding:12px; display:flex; flex-direction:column; align-items:flex-start; }
.cat-icon { width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:8px;background:#f3faff;color:#16a34a; }

.ongoing-jobs { background: #fff; border:1px solid #e6e8eb; border-radius:12px; padding:12px; }
.job-row { display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px solid #f3f4f6; }
.job-row:last-child { border-bottom:none; }
.progress-bar { width:180px; height:8px; background:#f3f4f6; border-radius:999px; overflow:hidden; }
.progress { height:100%; background:#16a34a; }

.high-rated .grid { grid-template-columns: repeat(3, 1fr); }
.packages-grid { grid-template-columns: repeat(3, 1fr); }

.dashboard-sidebar { display:flex; flex-direction:column; gap:12px; }
.profile-box { background:#fff; border:1px solid #e6e8eb; border-radius:12px; padding:12px; }
.widget { padding:12px; }

@media (max-width: 980px) {
  .dashboard { grid-template-columns: 1fr; }
  .categories { grid-template-columns: repeat(2, 1fr); }
  .high-rated .grid, .packages-grid { grid-template-columns: 1fr; }
}

/* ---------- Job post styles ---------- */
.job-post { padding: 20px; }
.job-post-container { max-width: 980px; margin:0 auto; }
.job-post .stepper { display:flex; gap:18px; margin-bottom:12px; }
.job-post .step { display:flex; align-items:center; gap:8px; color:#9ca3af; }
.job-post .step.active { color:#16a34a; }
.job-step { background:#fff; border:1px solid #e6e8eb; border-radius:8px; padding:12px; }
.job-step h3 { margin-top:0; }
.job-post .radio-row { display:flex; gap:12px; align-items:center; }
.job-post .actions-row { display:flex; justify-content:space-between; margin-top:12px; }

@media (max-width: 800px) {
  .job-post-container { padding:0 12px; }
  .job-post .radio-row { flex-direction:column; align-items:flex-start; }
}

/* ---------- My Jobs styles ---------- */
.my-jobs { padding: 20px; }
.myjobs-container { max-width: 1100px; margin: 0 auto; }
.myjobs-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.myjobs-tabs { display:flex; gap:12px; margin-bottom:16px; }
.myjobs-tab { padding:8px 14px; border:1px solid #e6e8eb; background:#fff; border-radius:999px; cursor:pointer; }
.myjobs-tab.active { background:#16a34a; color:#fff; border-color:#16a34a; }
.myjobs-contents { display:block; }
.job-row { display:flex; justify-content:space-between; align-items:center; background:#fff; border:1px solid #e6e8eb; padding:14px; border-radius:8px; margin-bottom:12px; }
.job-left h3 { margin:0 0 6px 0; }
.job-left .meta { color:#6b7280; margin-bottom:8px; }
.job-left .progress-bar { width:100%; height:8px; background:#f3f4f6; border-radius:999px; margin-bottom:8px; }
.job-left .progress-bar .progress { height:100%; background:#16a34a; }
.job-right { display:flex; gap:8px; align-items:center; }

@media (max-width: 800px) {
  .job-row { flex-direction:column; align-items:flex-start; }
  .myjobs-header { flex-direction:column; gap:8px; }
}

/* ---------- Static job overview (appended) ---------- */
.job-overview-section { max-width: 1100px; margin: 18px auto; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; color: #111827; }
.job-header { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; margin-bottom:16px; }
.job-meta-left { display:flex; flex-direction:column; gap:8px; }
.status-pill { display:inline-block; padding:6px 10px; border-radius:999px; background:#f3f4f6; color:#374151; font-weight:600; font-size:13px; }
.status-pill.active { background:#ecfdf5; color:#15803d; border:1px solid #16a34a; }
.job-title { margin:0; font-size:20px; font-weight:800; }
.job-location { color:#6b7280; font-size:13px; }
.job-actions { display:flex; gap:8px; }
.btn { background:#fff; border:1px solid #e6e8eb; padding:8px 12px; border-radius:8px; cursor:pointer; }
.btn.small { padding:6px 10px; font-size:13px; }

.job-content { display:grid; grid-template-columns: 1fr 300px; gap:20px; }
.job-left-col { }


.job-card { background:#fff; border:1px solid #e6e8eb; border-radius:12px; padding:18px; }
.section-title { margin:0 0 8px 0; font-size:16px; }
.job-summary { color:#374151; line-height:1.5; }
.subheading { margin-top:12px; font-size:14px; }
.specs { display:grid; grid-template-columns: repeat(2, 1fr); gap:8px; margin:8px 0 12px 0; }
.spec { background:#f9fafb; padding:8px; border-radius:8px; border:1px solid #f3f4f6; }
.skills { display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
.tag { background:#ecfdf5; color:#14532d; padding:6px 10px; border-radius:999px; font-size:13px; }

.job-right-col { display:flex; flex-direction:column; gap:12px; }
.assigned-card { background:#fff; border:1px solid #e6e8eb; border-radius:12px; padding:12px; }
.assigned-top { display:flex; gap:12px; align-items:center; }
.avatar { width:64px; height:64px; border-radius:50%; object-fit:cover; }
.assigned-info .name { font-weight:700; }
.assigned-info .meta { color:#6b7280; font-size:13px; }
.profile-insights { margin-top:12px; display:grid; gap:8px; }
.profile-insights div { background:#f9fafb; padding:8px; border-radius:8px; border:1px solid #f3f4f6; }

.documents { background:#fff; border:1px solid #e6e8eb; border-radius:12px; padding:12px; }
.documents ul { list-style:none; margin:0; padding:0; }
.documents li { padding:8px 0; border-bottom:1px dashed #f3f4f6; }
.documents a { color:#111827; text-decoration:none; display:flex; justify-content:space-between; }
.muted { color:#6b7280; font-size:12px; }

@media (max-width: 980px) {
  .job-content { grid-template-columns: 1fr; }
}

/* Seller profile (reuse buyer styles where possible) */
.seller-setup .stepper { margin-bottom: 18px; }
.seller-setup .form-card { padding: 18px; }
.seller-step { padding: 8px 4px; }
.seller-step h2 { margin:0 0 6px 0; font-size:20px; }
.upload-box { display:flex; gap:12px; align-items:center; margin:12px 0; }
.upload-circle { width:88px; height:88px; border-radius:50%; background:#f3f4f6; display:flex; align-items:center; justify-content:center; }
.upload-content p { margin:0 0 8px 0; color:#6b7280; }
.upload-placeholder { color:#6b7280; }
.seller-upload-note { font-size:12px; color:#9ca3af; }





/*saved-workers-page*/
/* ===== PAGE ===== */
/* PAGE */
.tess-page { padding: 20px; }

/* HEADER */
.tess-title { font-size: 20px; font-weight: 600; }
.tess-sub { font-size: 13px; color: #777; }

/* OUTER BOX */
.tess-box {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}

/* HEADER BAR */
.tess-box-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  border-bottom: 1px solid #eee;
  background: #fafafa;
}

/* BODY */
.tess-box-body {
  padding: 16px;
}

/* TABS */
.tess-tabs {
  display: flex;
  gap: 20px;
}
.tess-tab {
  cursor: pointer;
  font-size: 14px;
  color: #777;
}
.tess-tab.active {
  color: #1f8f4f;
  font-weight: 600;
  border-bottom: 2px solid #1f8f4f;
}

/* FILTER */
.tess-filter select {
  border: 1px solid #ddd;
  padding: 6px 10px;
  border-radius: 6px;
}

/* CARD */
.tess-worker {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  margin-bottom: 16px;
  overflow: hidden;
  background: #fff;
}

/* CARD */
.tess-worker {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 16px;
  background: #fff;
}

/* TOP */
.tess-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tess-user {
  display: flex;
  gap: 12px;
  align-items: center;
}

.tess-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.tess-name {
  font-weight: 600;
  font-size: 16px;
}

.tess-location {
  font-size: 13px;
  color: #777;
}

/* RATING */
.tess-rating {
  background: #e8f7ef;
  color: #1f8f4f;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}

/* META */
.tess-meta {
  display: flex;
  gap: 6px;
  margin: 10px 0;
  flex-wrap: wrap;
}

.tess-badge {
  background: #f2f3f5;
  padding: 5px 8px;
  font-size: 11px;
  border-radius: 6px;
}

/* DESC */
.tess-desc {
  font-size: 13px;
  color: #555;
  margin-bottom: 10px;
}

/* TAGS */
.tess-tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.tess-tag {
  background: #eef2f3;
  padding: 6px 10px;
  font-size: 11px;
  border-radius: 6px;
}

/* DIVIDER */
.tess-divider {
  border-top: 1px solid #eee;
  margin: 10px 0;
}

/* BOTTOM */
.tess-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tess-price {
  font-weight: 600;
  font-size: 15px;
}

.tess-price span {
  display: block;
  font-size: 11px;
  color: #888;
}

/* ACTIONS */
.tess-actions {
  display: flex;
  gap: 8px;
}

.tess-fav {
  border: 1px solid #ddd;
  padding: 6px 10px;
  border-radius: 6px;
}

.tess-btn {
  background: #1f8f4f;
  color: #fff;
  border: none;
  padding: 7px 14px;
  border-radius: 6px;
}
/* LAYOUT */
.tess-notes-layout {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 20px;
}

/* CARD BASE */
.tess-card {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 16px;
}

/* MAIN NOTE */
.tess-note-card {
  padding: 20px;
}

/* HEADER */
.tess-note-header h3 {
  font-size: 18px;
  margin-bottom: 6px;
}

.tess-note-meta {
  font-size: 12px;
  color: #777;
  margin-bottom: 8px;
}

/* AUTHOR */
.tess-note-author {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  margin-bottom: 12px;
}

.tess-note-author img {
  width: 26px;
  height: 26px;
  border-radius: 50%;
}

/* CONTENT */
.tess-note-content p {
  font-size: 13px;
  color: #444;
  margin-bottom: 12px;
}

.tess-note-content h4 {
  margin-top: 12px;
  font-size: 14px;
}

.tess-note-content ul {
  padding-left: 16px;
  font-size: 13px;
  color: #444;
}

/* SIDEBAR */
.tess-note-sidebar {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* BUTTON */
.tess-full {
  width: 100%;
}

/* SMALL CARDS */
.tess-note-small {
  padding: 14px;
}

.tess-note-small h4 {
  font-size: 14px;
  margin-bottom: 4px;
}

.tess-small-date {
  font-size: 11px;
  color: #777;
  margin-bottom: 6px;
}

.tess-note-small p {
  font-size: 12px;
  color: #555;
}

/* READ MORE */
.tess-link {
  color: #1f8f4f;
  cursor: pointer;
  font-weight: 500;
}
/* STATS */
.tess-stats {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 12px;
  margin-bottom: 20px;
}

.tess-stat {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 14px;
  background: #fff;
}

.tess-stat.active {
  border: 2px solid #1f8f4f;
  background: #f6fbf8;
}

.tess-stat p {
  font-size: 12px;
  color: #777;
}

.tess-stat h3 {
  margin: 6px 0;
}

.tess-stat span {
  font-size: 11px;
  color: #888;
}

/* PAYMENT BOX */
.tess-payment-box {
  padding: 16px;
}

.tess-section-title {
  margin-bottom: 10px;
}

/* ITEM */
.tess-payment-item {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.tess-payment-item.primary {
  border: 2px solid #1f8f4f;
  background: #f6fbf8;
}

/* LEFT */
.tess-payment-left p {
  font-size: 12px;
  color: #777;
  margin: 4px 0;
}

.tess-payment-meta {
  display: flex;
  gap: 20px;
  font-size: 13px;
  color: #555;
}

/* ACTIONS */
.tess-payment-actions {
  display: flex;
  gap: 8px;
}

/* BUTTONS */
.tess-btn-light {
  background: #f2f2f2;
  border: none;
  padding: 6px 12px;
  border-radius: 6px;
}

.tess-btn-danger {
  background: #ff3b30;
  color: #fff;
  border: none;
  padding: 6px 12px;
  border-radius: 6px;
}

.tess-btn-outline {
  border: 1px solid #1f8f4f;
  background: transparent;
  color: #1f8f4f;
  padding: 6px 12px;
  border-radius: 6px;
}

/* ADD NEW */
.tess-add-payment {
  border: 2px dashed #1f8f4f;
  padding: 12px;
  text-align: center;
  border-radius: 8px;
  color: #1f8f4f;
  cursor: pointer;
}
/* INSIGHTS */
/* MAIN BOX */
.tess-insights-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eef6f1;
    border: 1px solid #dce9e2;
    border-radius: 12px;
    padding: 20px 20px 0;
    margin-bottom: 20px;
}
.tess-insights-box .tess-tabs {
    margin-bottom: 0;
}
/* LEFT */
.tess-insights-left {
  max-width: 70%;
}

.tess-insights-left h3 {
  font-size: 18px;
  margin-bottom: 8px;
}

.tess-insights-left p {
  font-size: 13px;
  color: #555;
  line-height: 1.5;
  margin-bottom: 12px;
}

/* BUTTON */
.tess-btn-green {
  background: #1f8f4f;
  color: #fff;
  border: none;
  padding: 7px 14px;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
  margin-bottom: 14px;
}

/* TABS */
.tess-tabs {
  display: flex;
  gap: 20px;
  border-top: 1px solid #dce9e2;
  padding-top: 12px;
}

.tess-tab {
  font-size: 13px;
  color: #777;
  cursor: pointer;
  position: relative;
}

.tess-tab.active {
  color: #1f8f4f;
  font-weight: 600;
}

.tess-tab.active::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #1f8f4f;
}

/* RIGHT */
.tess-insights-right {
  text-align: center;
}

/* CIRCLE WRAP (for spacing like screenshot) */
.tess-circle-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* CIRCLE */
.tess-circle {
  width: 80px;
  height: 80px;
  border: 6px solid #1f8f4f;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  color: #1f8f4f;
  background: #fff;
}

/* TEXT BELOW */
.tess-rating-text {
  font-size: 12px;
  color: #777;
  margin-top: 6px;
}

/* REVIEW CARD */
.tess-review {
  margin-top: 14px;
}

/* TOP */
.tess-review-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tess-dots {
  cursor: pointer;
}

/* META */
.tess-review-meta {
  font-size: 12px;
  color: #777;
  display: flex;
  gap: 10px;
  margin: 6px 0;
}

/* USER */
.tess-review-user {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 8px 0;
}

.tess-review-user img {
  border-radius: 50%;
}

/* STARS */
.tess-stars {
  color: #f5a623;
  font-size: 14px;
}

/* TEXT */
.tess-review-text {
  font-size: 13px;
  color: #444;
  margin: 10px 0;
}

/* STATS */
.tess-review-stats {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 10px;
  margin-top: 10px;
}

.tess-review-stats div {
  font-size: 13px;
}

.tess-review-stats span {
  display: block;
  font-size: 11px;
  color: #777;
}

/* ACTION */
.tess-review-action {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
/* ===== GRID ===== */
.tess-grid {display:grid;gap:20px;}
.tess-grid-4 {grid-template-columns:repeat(4,1fr);}

/* ===== CARD ===== */
.tess-card {background:#fff;border:1px solid #eaeaea;border-radius:12px;padding:20px;}
.tess-card.active {border:1px solid #16a34a;}
.tess-card.small {padding:16px;}

/* ===== BUTTON ===== */
.tess-btn {padding:8px 16px;border-radius:6px;border:none;cursor:pointer;}
.tess-btn-primary {background:#16a34a;color:#fff;}
.tess-btn-outline {border:1px solid #16a34a;color:#16a34a;background:#fff;}
.tess-btn-danger {background:#dc2626;color:#fff;}

/* ===== BADGES ===== */
.tess-badge {background:#f3f4f6;padding:6px 10px;border-radius:6px;font-size:12px;}
.tess-tag {background:#eef2ff;padding:6px 10px;border-radius:20px;font-size:12px;}
.tess-status {padding:4px 10px;border-radius:20px;font-size:12px;}
.tess-status.completed {background:#dcfce7;color:#16a34a;}
.tess-status.pending {background:#fef3c7;color:#d97706;}
.tess-status.failed {background:#fee2e2;color:#dc2626;}

/* ===== WORKER ===== */
.tess-worker {display:flex;justify-content:space-between;margin-bottom:15px;}
.tess-worker-left {display:flex;gap:15px;}
.tess-avatar {width: 60px;height: 60px !important; border-radius: 50% !important;}
.tess-actions {display:flex;gap:10px;align-items:center;}
.tess-fav {background:#f3f4f6;padding:8px;border-radius:6px;}
.tess-fav.active {background:#16a34a;color:#fff;}

/* ===== TABLE ===== */
.tess-table {width:100%;border-collapse:collapse;}
.tess-table th,.tess-table td {padding:12px;border-bottom:1px solid #eee;text-align:left;}

/* ===== TABS ===== */
.tess-tabs {display:flex;gap:20px;margin-bottom:20px;}
.tess-tab {cursor:pointer;padding-bottom:6px;}
.tess-tab.active {border-bottom:2px solid #16a34a;font-weight:600;}
.tess-tab-content {
    display: none;
}

.tess-tab-content.active {
    display: block;
}
.savedWorksPage .tess-worker {
    display: block;
}
.tess-tab {
    cursor: pointer;
    padding: 10px 20px;
}

.tess-tab.active {
    border-bottom: 2px solid #16a34a;
    font-weight: 600;
}

























/*New Css*/


  /* =========================================================
           GLOBAL
        ========================================================= */

        body{
            margin:0;
            background:#f7f8f7;
        }

        .seller-job-details-applyjob{
            padding:24px;
            font-family:'Geologica', sans-serif;
            color:#000000;
        }

        .seller-job-details-applyjob *{
            box-sizing:border-box;
        }

        /* =========================================================
           TYPOGRAPHY
        ========================================================= */

        .seller-job-details-applyjob h1,
        .seller-job-details-applyjob h2,
        .seller-job-details-applyjob h3,
        .seller-job-details-applyjob h4,
        .seller-job-details-applyjob h5,
        .seller-job-details-applyjob h6{
            margin:0;
            color:#000000;
            font-weight:600;
            line-height:1.4;
        }

        .seller-job-details-applyjob h1{
            font-size:20px;
        }

        .seller-job-details-applyjob h2{
            font-size:20px;
        }

        .seller-job-details-applyjob h3{
            font-size:20px;
        }

        .seller-job-details-applyjob h4{
            font-size:18px;
        }

        .seller-job-details-applyjob h5{
            font-size:16px;
        }

        .seller-job-details-applyjob p,
        .seller-job-details-applyjob li,
        .seller-job-details-applyjob a,
        .seller-job-details-applyjob span{
            font-size:14px;
            line-height:1.8;
            color:#4f4f4f;
            text-decoration:none;
        }

        .seller-job-details-applyjob small{
            font-size:12px;
            color:#7b7b7b;
            line-height:1.5;
        }

        /* =========================================================
           COMMON CARD
        ========================================================= */

        .seller-job-card{
            background:#ffffff;
            border:1px solid #e7ebea;
            border-radius:16px;
            padding:24px;
            margin-bottom:20px;
        }

        .seller-job-section-title{
            margin-bottom:24px;
        }

        .seller-job-divider{
            border-top:1px solid #ececec;
            margin:28px 0;
        }

        /* =========================================================
           TOP HEADER
        ========================================================= */

        .seller-job-page-header{
            margin-bottom:20px;
        }

        .seller-job-breadcrumb{
            display:flex;
            align-items:center;
            gap:8px;
            margin-top:6px;
        }

        .seller-job-breadcrumb a{
            color:#6f6f6f;
        }

        .seller-job-breadcrumb span{
            color:#198754;
            font-weight:500;
        }

        /* =========================================================
           BUTTONS
        ========================================================= */

        .seller-job-page-header .seller-job-btn{
            height:42px;
            border-radius:10px;
            padding:0 18px;
            font-size:13px;
            font-weight:500;
            transition:0.3s ease;
        }

        .seller-job-page-header .seller-job-btn-outline{
            border:1px solid #198754;
            background:#ffffff;
            color:#198754;
        }

        .seller-job-page-header .seller-job-btn-outline:hover{
            background:#198754;
            color:#ffffff;
        }

        .seller-job-page-header .seller-job-btn-primary{
            border:1px solid #198754;
            background:#198754;
            color:#ffffff;
        }

        .seller-job-page-header .seller-job-btn-primary:hover{
            background:#157347;
        }

        /* =========================================================
           HERO SECTION
        ========================================================= */

        .seller-job-hero{
            background:#eef5ef;
            border:1px solid #dce5dc;
            border-radius:16px;
            padding:18px 18px 0;
            margin-bottom:20px;
        }

        .seller-job-hero-top{
            display:flex;
            justify-content:space-between;
            align-items:flex-start;
            gap:20px;
        }

        .seller-job-main-title{
            font-size:20px;
            font-weight:600;
            color:#000000;
            margin:8px 0 12px;
        }

        .seller-job-location{
            display:flex;
            align-items:center;
            gap:6px;
        }

        .seller-job-location i{
            font-size:14px;
            color:#5f5f5f;
        }

        .seller-job-location span{
            font-size:14px;
            color:#5f5f5f;
        }

        /* =========================================================
           DOT BUTTON
        ========================================================= */

        .seller-job-dots-btn{
            width:34px;
            height:34px;
            border-radius:50%;
            border:1px solid #d7d7d7;
            background:#f7f7f7;
            display:flex;
            align-items:center;
            justify-content:center;
            color:#4f4f4f;
            padding:0;
        }

        /* =========================================================
           HERO BOTTOM
        ========================================================= */

        .seller-job-hero-bottom{
            display:flex;
            justify-content:space-between;
            align-items:flex-end;
            gap:20px;
            margin-top:24px;
        }

        /* =========================================================
           TABS
        ========================================================= */

        .seller-job-tabs{
            border:none;
            gap:26px;
        }

        .seller-job-tabs .nav-link{
            border:none;
            background:none;
            padding:0 0 14px;
            font-size:14px;
            font-weight:500;
            color:#5f5f5f;
            position:relative;
        }

        .seller-job-tabs .nav-link.active{
            background:none;
            color:#198754;
        }

        .seller-job-tabs .nav-link.active::after{
            content:"";
            position:absolute;
            left:0;
            bottom:0;
            width:100%;
            height:2px;
            background:#198754;
            border-radius:20px;
        }

        /* =========================================================
           HERO ACTION BUTTONS
        ========================================================= */

        .seller-job-hero-actions{
            display:flex;
            align-items:center;
            gap:10px;
            padding-bottom:12px;
        }

        .seller-job-action-btn{
            height:40px;
            padding:0 16px;
            border:1px solid #dcdcdc;
            border-radius:10px;
            background:#ffffff;
            display:flex;
            align-items:center;
            gap:8px;
            font-size:13px;
            font-weight:500;
            color:#333333;
        }

        .seller-job-action-btn i{
            font-size:14px;
        }

        /* =========================================================
           CONTENT
        ========================================================= */

        .seller-job-summary ul{
            padding-left:18px;
            margin-bottom:20px;
        }

        .seller-job-summary li{
            margin-bottom:6px;
        }

        /* =========================================================
           HASHTAGS
        ========================================================= */

        .seller-job-tags{
            display:flex;
            flex-wrap:wrap;
            gap:10px;
        }

        .seller-job-tags span{
            color:#198754;
            font-weight:500;
        }

        /* =========================================================
           SPECIFICATIONS
        ========================================================= */

        .seller-job-spec-item{
            display:flex;
            align-items:flex-start;
            gap:16px;
            margin-bottom:26px;
        }

        .seller-job-spec-icon{
            width:44px;
            height:44px;
            border-radius:10px;
            background:#f5f7f5;
            display:flex;
            align-items:center;
            justify-content:center;
            color:#198754;
            font-size:18px;
            flex-shrink:0;
        }

        .seller-job-spec-item h6{
            font-size:16px;
            margin-bottom:2px;
        }

        /* =========================================================
           SKILLS
        ========================================================= */

        .seller-job-skills{
            display:flex;
            flex-wrap:wrap;
            gap:10px;
        }

        .seller-job-skills span{
            background:#f3f5f4;
            border-radius:8px;
            padding:8px 14px;
            font-size:13px;
            color:#2d2d2d;
        }

        /* =========================================================
           ACTIVITY
        ========================================================= */

        .seller-job-activity-item h4{
            font-size:18px;
            margin-bottom:4px;
        }

        /* =========================================================
           SIDEBAR
        ========================================================= */

        .seller-job-sidebar-card{
            background:#ffffff;
            border:1px solid #e7ebea;
            border-radius:16px;
            padding:20px;
            margin-bottom:20px;
        }

        .seller-job-user-img{
            width:56px;
            height:56px;
            border-radius:50%;
            object-fit:cover;
        }

        .seller-job-rating{
            color:#198754;
            font-size:13px;
            font-weight:500;
            margin-top:8px;
        }

        .seller-job-info-row{
            display:flex;
            align-items:flex-start;
            gap:12px;
            margin-bottom:16px;
        }

        .seller-job-info-row i{
            font-size:18px;
            color:#5f5f5f;
            margin-top:2px;
        }

        /* =========================================================
           PROFILE INSIGHTS
        ========================================================= */

        .seller-profile-info-item{
            display:flex;
            align-items:flex-start;
            gap:14px;
            margin-bottom:18px;
        }

        .seller-profile-info-icon{
            width:36px;
            height:36px;
            min-width:36px;
            border-radius:8px;
            background:#f5f5f5;
            display:flex;
            align-items:center;
            justify-content:center;
            color:#1d1d1d;
            font-size:16px;
        }

        .seller-profile-info-item h6{
            font-size:16px;
            margin-bottom:2px;
        }

        /* =========================================================
           ACCORDION
        ========================================================= */

        .seller-profile-accordion .accordion-item{
            border:none;
            border-radius:18px !important;
            overflow:hidden;
            background:#ffffff;
            box-shadow:0 6px 24px rgba(0,0,0,0.08);
        }

        .seller-profile-accordion .accordion-button{
            background:#ffffff;
            box-shadow:none !important;
            padding:16px;
        }

        .seller-profile-accordion .accordion-button::after{
            width:32px;
            height:32px;
            background-color:#f1f1f1;
            border-radius:50%;
            background-position:center;
            background-size:14px;
        }

        .seller-profile-accordion .accordion-body{
            padding:18px 16px 10px;
            border-top:1px solid #efefef;
        }

        .seller-profile-user{
            display:flex;
            align-items:center;
            gap:14px;
        }

        .seller-profile-user-image-wrapper{
            position:relative;
        }

        .seller-profile-user-image{
            width:48px;
            height:48px;
            border-radius:50%;
            object-fit:cover;
        }

        .seller-profile-online{
            width:10px;
            height:10px;
            border-radius:50%;
            background:#1db954;
            border:2px solid #ffffff;
            position:absolute;
            right:1px;
            bottom:2px;
        }

        .seller-profile-user h5{
            font-size:18px;
            margin-bottom:2px;
        }

        /* =========================================================
           FILES
        ========================================================= */

        .seller-job-file-item{
            border:1px solid #ececec;
            border-radius:12px;
            padding:14px;
            margin-bottom:14px;
        }

        .seller-job-file-icon{
            width:46px;
            height:46px;
            border-radius:10px;
            background:#eef6ef;
            display:flex;
            align-items:center;
            justify-content:center;
            color:#198754;
            font-size:20px;
        }






/* =========================================================
   BUYER PROJECT HISTORY
========================================================= */

.seller-history-card{
    background:#ffffff;
    border:1px solid #e7ebea;
    border-radius:16px;
    padding:18px;
    margin-bottom:20px;
}

/* =========================================================
   TOP
========================================================= */

.seller-history-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    margin-bottom:16px;
}

.seller-history-title{
    font-size:20px;
    font-weight:600;
    color:#000000;
    margin-bottom:8px;
}

.seller-history-meta{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
}

.seller-history-meta-item{
    display:flex;
    align-items:center;
    gap:6px;
}

.seller-history-meta-item i{
    font-size:12px;
    color:#6f6f6f;
}

.seller-history-meta-item span{
    font-size:12px;
    color:#6f6f6f;
}

.seller-history-dots-btn{
    width:34px;
    height:34px;
    border:none;
    border-radius:50%;
    background:#f3f3f3;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#555555;
    flex-shrink:0;
}

/* =========================================================
   REVIEW
========================================================= */

.seller-history-review{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:16px;
}

.seller-history-user-img{
    width:28px;
    height:28px;
    border-radius:50%;
    object-fit:cover;
}

.seller-history-stars{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:4px;
}

.seller-history-stars i{
    font-size:12px;
    color:#1db954;
}

.seller-history-stars span{
    font-size:14px;
    font-weight:500;
    color:#000000;
}

.seller-history-stars small{
    font-size:12px;
    color:#5f5f5f;
}

/* =========================================================
   FEEDBACK BOX
========================================================= */

.seller-history-feedback{
    border:1px solid #e5e5e5;
    border-radius:10px;
    padding:16px;
    margin-bottom:20px;
}

.seller-history-feedback h5{
    font-size:13px;
    font-weight:600;
    margin-bottom:10px;
    color:#000000;
}

/* =========================================================
   STATS
========================================================= */

.seller-history-stat-box h4{
    font-size:16px;
    font-weight:600;
    color:#000000;
    margin-bottom:2px;
}

.seller-history-stat-box small{
    font-size:11px;
    color:#7a7a7a;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:767px){

    .seller-history-top{
        flex-direction:column;
    }

}
        /* =========================================================
           RESPONSIVE
        ========================================================= */

        @media(max-width:991px){

            .seller-job-hero-bottom{
                flex-direction:column;
                align-items:flex-start;
            }

            .seller-job-hero-actions{
                width:100%;
                padding-bottom:16px;
            }

        }
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        /********************************************-----------------------Job and Talent**********************************************************************************/





      *{
            box-sizing:border-box;
        }

        .seller-search-page{
            padding:24px;
        }

        h1,h2,h3,h4,h5,h6{
            margin:0;
            font-weight:600;
            color:#000000;
        }

        h3{
            font-size:20px;
        }

        p,
        span,
        a,
        li{
            font-size:14px;
            color:#4f4f4f;
            line-height:1.6;
        }

        small{
            font-size:12px;
            color:#7a7a7a;
        }

        button{
            transition:.3s;
        }

     /* =========================================================
           SIDEBAR
        ========================================================= */

        .seller-search-sidebar{
            background:#ffffff;
            border-right:1px solid #e5e5e5;
            padding-right:24px;
            min-height:100vh;
        }

        .seller-search-filter-box{
            margin-bottom:24px;
        }

        .seller-search-filter-title{
            display:flex;
            justify-content:space-between;
            align-items:center;
            cursor:pointer;
            margin-bottom:16px;
        }

        .seller-search-filter-title h4{
            font-size:16px;
            font-weight:600;
        }

        .seller-search-filter-title i{
            transition:.3s;
            font-size:14px;
        }

        .seller-search-filter-title.active i{
            transform:rotate(180deg);
        }

        .seller-filter-content.hide{
            display:none;
        }

        /* =========================================================
           SEARCH
        ========================================================= */

        .seller-search-input{
            position:relative;
        }

        .seller-search-input i{
            position:absolute;
            left:14px;
            top:50%;
            transform:translateY(-50%);
            color:#8b8b8b;
            font-size:14px;
        }

       .seller-search-input input {
    width: 100%;
    height: 44px !important;
    border: 1px solid #dddddd !important;
    border-radius: 10px !important;
    padding: 0 14px 0 40px !important;
    outline: none !important;
    font-size: 14px !important;
}

        /* =========================================================
           CHECKBOX
        ========================================================= */

        .seller-search-checkbox-list{
            display:flex;
            flex-direction:column;
            gap:14px;
        }

        .seller-search-checkbox{
            display:flex;
            align-items:center;
            gap:12px;
            cursor:pointer;
        }

        .seller-search-checkbox input{
            width:18px;
            height:18px !important;
            cursor:pointer;
        }

        .seller-search-checkbox span{
            color:#222222;
        }

        /* =========================================================
           RANGE
        ========================================================= */

        .seller-range-wrap{
            padding-top:10px;
        }

        .seller-range-values{
            display:flex;
            justify-content:space-between;
            margin-bottom:10px;
        }

        .seller-range-values span{
            font-size:12px;
            font-weight:500;
        }

     .seller-range-slider {
    width: 100%;
    accent-color: #198754;
    cursor: pointer;
    height: 4px !important;
    -webkit-appearance: progress-bar !important;
}

        /* =========================================================
           SELECT
        ========================================================= */

        .seller-select{
            width:100%;
            height:44px;
            border:1px solid #dddddd;
            border-radius:10px;
            padding:0 14px;
            outline:none;
            font-size:14px;
            background:#ffffff;
        }

        /* =========================================================
           TOPBAR
        ========================================================= */

        .seller-search-topbar{
            display:flex;
            justify-content:space-between;
            align-items:center;
            border-bottom:1px solid #e5e5e5;
            padding-bottom:16px;
            margin-bottom:24px;
        }

        .seller-search-tabs{
            gap:28px;
            border:none;
        }

        .seller-search-tabs .nav-link{
            border:none;
            background:none;
            padding:0 0 10px;
            font-size:20px;
            font-weight:600;
            color:#000000;
            position:relative;
        }

        .seller-search-tabs .nav-link.active{
            color:#198754;
        }

        .seller-search-tabs .nav-link.active::after{
            content:"";
            position:absolute;
            left:0;
            bottom:0;
            width:100%;
            height:2px;
            background:#198754;
        }

        /* =========================================================
           FILTER TAGS
        ========================================================= */

        .seller-search-selected-filters{
            display:flex;
            flex-wrap:wrap;
            gap:10px;
            margin-bottom:24px;
            align-items:center;
        }

        .seller-filter-tag{
            background:#eef5ef;
            border-radius:10px;
            padding:10px 14px;
            display:flex;
            align-items:center;
            gap:10px;
            font-size:13px;
            font-weight:500;
        }

        .seller-remove-filter{
            border:none;
            background:none;
            padding:0;
            cursor:pointer;
            display:flex;
            align-items:center;
            justify-content:center;
        }

        .seller-remove-filter i{
            font-size:11px;
            color:#000000;
        }

        #sellerClearAllFilters{
            border:none;
            background:none;
            color:#ef4444;
            font-size:14px;
            font-weight:600;
            display:none;
        }

        /* =========================================================
           TALENT CARD
        ========================================================= */

        .seller-talent-card{
            background:#ffffff;
            border:1px solid #e7ebea;
            border-radius:16px;
            padding:18px;
            height:100%;
        }

        .seller-talent-top{
            display:flex;
            justify-content:space-between;
            align-items:flex-start;
            gap:16px;
            margin-bottom:16px;
        }

        .seller-talent-user{
            display:flex;
            gap:14px;
        }

        .seller-talent-user img{
            width:56px;
            height:56px;
            border-radius:50%;
            object-fit:cover;
        }

        .seller-talent-user-info small{
            display:block;
            font-size:11px;
            margin-bottom:2px;
        }

        .seller-talent-user-info h3{
            font-size:20px;
            line-height:1.2;
            margin-bottom:4px;
        }

        .seller-talent-user-info p{
            margin:0;
            display:flex;
            align-items:center;
            gap:5px;
        }

        /* =========================================================
           RATING
        ========================================================= */

        .seller-talent-rating{
            min-width:72px;
            height:40px;
            border:1px solid #dfe7df;
            border-radius:50px;
            display:flex;
            align-items:center;
            justify-content:center;
            gap:8px;
            padding:0 12px;
        }

        .seller-talent-rating-icon{
            width:24px;
            height:24px;
            border:2px solid #198754;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
        }

        .seller-talent-rating-icon i{
            color:#198754;
            font-size:11px;
        }

        .seller-talent-rating span{
            font-size:16px;
            font-weight:600;
            color:#000000;
        }

        /* =========================================================
           INFO TAGS
        ========================================================= */

        .seller-talent-info-tags{
            display:flex;
            flex-wrap:wrap;
            gap:10px;
            margin-bottom:16px;
        }

        .seller-talent-info-tags span{
            background:#f5f5f5;
            border-radius:8px;
            padding:8px 12px;
            display:flex;
            align-items:center;
            gap:8px;
            font-size:13px;
            color:#4f4f4f;
        }

        /* =========================================================
           DESCRIPTION
        ========================================================= */

        .seller-talent-description{
            margin-bottom:16px;
        }

        .seller-talent-description p{
            margin:0;
            color:#222222;
        }

        /* =========================================================
           SKILLS
        ========================================================= */

        .seller-talent-skills{
            display:flex;
            flex-wrap:wrap;
            gap:10px;
            margin-bottom:18px;
        }

        .seller-talent-skills span{
            background:#eef5ef;
            border-radius:8px;
            padding:8px 12px;
            font-size:13px;
            color:#222222;
        }

        /* =========================================================
           FOOTER
        ========================================================= */

        .seller-talent-footer{
            display:flex;
            justify-content:space-between;
            align-items:center;
            border-top:1px solid #ececec;
            padding-top:16px;
        }

        .seller-talent-price h4{
            font-size:32px;
            line-height:1;
            margin-bottom:4px;
        }

        .seller-talent-actions{
            display:flex;
            align-items:center;
            gap:12px;
        }

        .seller-talent-save-btn{
            width:44px;
            height:44px;
            border-radius:12px;
            border:1px solid #dddddd;
            background:#ffffff;
            display:flex;
            align-items:center;
            justify-content:center;
        }

        .seller-talent-save-btn i{
            font-size:18px;
            color:#4f4f4f;
        }

        .seller-talent-hire-btn{
            height:44px;
            border:none;
            border-radius:10px;
            background:#198754;
            color:#ffffff;
            padding:0 24px;
            font-size:14px;
            font-weight:500;
        }

        .seller-talent-hire-btn:hover{
            background:#157347;
        }

        @media(max-width:991px){

            .seller-search-sidebar{
                min-height:auto;
                border-right:none;
                padding-right:0;
            }

            .seller-talent-top,
            .seller-talent-footer{
                flex-direction:column;
                align-items:flex-start;
            }

        }







   /* =========================================================
          seller-my-jobs
        ========================================================= */




      .seller-my-jobs{
            padding:24px;
        }

        .seller-my-jobs h1,
        .seller-my-jobs h2,
        .seller-my-jobs h3,
        .seller-my-jobs h4,
        .seller-my-jobs h5,
        .seller-my-jobs h6{
            margin:0;
            color:#000000;
            font-weight:600;
        }

        .seller-my-jobs p{
            margin:0;
        }

        /* =========================================================
           HEADER
        ========================================================= */

        .seller-my-jobs-header{
            display:flex;
            justify-content:space-between;
            align-items:flex-start;
            gap:20px;
            margin-bottom:24px;
        }

        .seller-my-jobs-title h2{
            font-size:32px;
            margin-bottom:4px;
        }

        .seller-my-jobs-breadcrumb{
            display:flex;
            gap:6px;
            align-items:center;
        }

        .seller-my-jobs-breadcrumb p{
            font-size:14px;
            color:#666666;
        }

        .seller-my-jobs-breadcrumb span{
            font-size:14px;
            color:#198754;
            font-weight:500;
        }

        .seller-my-jobs-search{
            width:280px;
            position:relative;
        }

        .seller-my-jobs-search i{
            position:absolute;
            left:14px;
            top:50%;
            transform:translateY(-50%);
            font-size:13px;
            color:#888888;
        }

     .seller-my-jobs-search input {
    width: 100%;
    height: 42px !important;
    border: 1px solid #dddddd !important;
    border-radius: 8px !important;
    padding: 0 14px 0 38px !important;
    outline: none !important;
    background: #ffffff;
    font-size: 14px !important;
}

        /* =========================================================
           WRAPPER
        ========================================================= */

        .seller-my-jobs-wrapper{
            background:#ffffff;
            border:1px solid #e5e5e5;
            border-radius:16px;
            padding:20px;
        }

        /* =========================================================
           TABS
        ========================================================= */

        .seller-my-jobs-topbar{
            display:flex;
            justify-content:space-between;
            align-items:center;
            border-bottom:1px solid #e7e7e7;
            margin-bottom:20px;
        }

        .seller-my-jobs-tabs{
            gap:40px;
            border:none;
        }

        .seller-my-jobs-tabs .nav-link{
            border:none;
            background:none;
            padding:0 0 14px;
            color:#222222;
            font-size:14px;
            font-weight:500;
            position:relative;
        }

        .seller-my-jobs-tabs .nav-link.active{
            color:#198754;
        }

        .seller-my-jobs-tabs .nav-link.active::after{
            content:"";
            position:absolute;
            left:0;
            bottom:-1px;
            width:100%;
            height:2px;
            background:#198754;
        }

        .seller-my-jobs-filter{
            width:120px;
        }

        .seller-my-jobs-filter select{
            width:100%;
            height:38px;
            border:1px solid #dddddd;
            border-radius:8px;
            padding:0 12px;
            font-size:13px;
            outline:none;
            background:#ffffff;
        }

        /* =========================================================
           CARD
        ========================================================= */

        .seller-my-jobs-card{
            border:1px solid #e8e8e8;
            border-radius:14px;
            padding:18px;
            margin-bottom:16px;
            background:#ffffff;
        }

        .seller-my-jobs-card-top{
            display:flex;
            justify-content:space-between;
            align-items:flex-start;
            gap:20px;
            margin-bottom:18px;
        }

        .seller-my-jobs-card-left{
            flex:1;
        }

        .seller-my-jobs-title-row{
            display:flex;
            align-items:center;
            gap:10px;
            flex-wrap:wrap;
            margin-bottom:8px;
        }

        .seller-my-jobs-title-row h3{
            font-size:28px;
            line-height:1.3;
        }

        .seller-my-jobs-badge{
            background:#fff4dc;
            color:#f59e0b;
            padding:4px 10px;
            border-radius:30px;
            font-size:11px;
            font-weight:500;
        }

        .seller-my-jobs-badge.completed{
            background:#f1f1f1;
            color:#666666;
        }

        .seller-my-jobs-meta{
            display:flex;
            align-items:center;
            flex-wrap:wrap;
            gap:18px;
        }

        .seller-my-jobs-meta span{
            display:flex;
            align-items:center;
            gap:6px;
            color:#666666;
            font-size:13px;
        }

        .seller-my-jobs-card-right{
            display:flex;
            align-items:center;
            gap:10px;
        }

        .seller-my-jobs-status{
            border:1px solid #198754;
            background:#eef9f1;
            color:#198754;
            padding:5px 14px;
            border-radius:30px;
            font-size:11px;
            font-weight:500;
        }

        .seller-my-jobs-status.completed{
            border:1px solid #d7d7d7;
            background:#f5f5f5;
            color:#666666;
        }

        .seller-my-jobs-dots{
            width:36px;
            height:36px;
            border:none;
            border-radius:50%;
            background:#f5f5f5;
            display:flex;
            align-items:center;
            justify-content:center;
        }

        /* =========================================================
           PROGRESS
        ========================================================= */

        .seller-my-jobs-progress-wrap{
            margin-bottom:18px;
        }

        .seller-my-jobs-progress-head{
            display:flex;
            justify-content:space-between;
            align-items:center;
            margin-bottom:10px;
        }

        .seller-my-jobs-progress-head h5{
            font-size:14px;
        }

        .seller-my-jobs-progress-head span{
            font-size:13px;
            font-weight:500;
            color:#000000;
        }

        .seller-my-jobs-progress{
            width:100%;
            height:4px;
            background:#e5e5e5;
            border-radius:50px;
            overflow:hidden;
        }

        .seller-my-jobs-progress-bar{
            width:50%;
            height:100%;
            background:#198754;
            position:relative;
        }

        .seller-my-jobs-progress-bar::after{
            content:"";
            position:absolute;
            right:-6px;
            top:50%;
            transform:translateY(-50%);
            width:12px;
            height:12px;
            border-radius:50%;
            background:#198754;
        }

        /* =========================================================
           COMPLETED RATING
        ========================================================= */

        .seller-my-jobs-rating{
            display:flex;
            align-items:center;
            gap:8px;
            margin-top:12px;
            margin-bottom:18px;
        }

        .seller-my-jobs-rating i{
            color:#16a34a;
            font-size:13px;
        }

        .seller-my-jobs-rating span{
            font-size:13px;
            color:#444444;
        }

        /* =========================================================
           GRID
        ========================================================= */

        .seller-my-jobs-grid{
            display:grid;
            grid-template-columns:repeat(6,1fr);
            gap:20px;
            align-items:center;
        }

        .seller-my-jobs-info h4{
            font-size:18px;
            margin-bottom:4px;
        }

        .seller-my-jobs-info p{
            font-size:11px;
            color:#8a8a8a;
        }

        .seller-my-jobs-btn{
            width:100%;
            height:42px;
            border:none;
            border-radius:8px;
            background:#198754;
            color:#ffffff;
            font-size:13px;
            font-weight:500;
        }

        /* =========================================================
           PAGINATION
        ========================================================= */

        .seller-my-jobs-pagination{
            display:flex;
            justify-content:flex-end;
            align-items:center;
            gap:10px;
            margin-top:24px;
        }

        .seller-my-jobs-pagination button{
            width:34px;
            height:34px;
            border-radius:50%;
            border:1px solid #dddddd;
            background:#ffffff;
            font-size:13px;
        }

        .seller-my-jobs-pagination button.active{
            background:#198754;
            border-color:#198754;
            color:#ffffff;
        }

        /* =========================================================
           RESPONSIVE
        ========================================================= */

        @media(max-width:1199px){

            .seller-my-jobs-grid{
                grid-template-columns:repeat(2,1fr);
            }

        }

        @media(max-width:767px){

            .seller-my-jobs-header{
                flex-direction:column;
            }

            .seller-my-jobs-search{
                width:100%;
            }

            .seller-my-jobs-topbar{
                flex-direction:column;
                align-items:flex-start;
                gap:16px;
            }

            .seller-my-jobs-card-top{
                flex-direction:column;
                align-items:flex-start;
            }

            .seller-my-jobs-grid{
                grid-template-columns:1fr;
            }

            .seller-my-jobs-title-row h3{
                font-size:22px;
            }

        }









  /* =========================================================
         Seller Calendar
         ========================================================= */
        
         .seller-calendar-page{
         padding:24px;
         }
         .seller-calendar-page h1,
         .seller-calendar-page h2,
         .seller-calendar-page h3,
         .seller-calendar-page h4,
         .seller-calendar-page h5,
         .seller-calendar-page h6{
         margin:0;
         color:#000000;
         font-weight:600;
         }
         .seller-calendar-page p{
         margin:0;
         }
         /* =========================================================
         HEADER
         ========================================================= */
         .seller-calendar-header{
         display:flex;
         justify-content:space-between;
         align-items:flex-start;
         margin-bottom:20px;
         }
         .seller-calendar-title h2{
         font-size:32px;
         margin-bottom:4px;
         }
         .seller-calendar-breadcrumb{
         display:flex;
         gap:6px;
         align-items:center;
         }
         .seller-calendar-breadcrumb p{
         font-size:14px;
         color:#666666;
         }
         .seller-calendar-breadcrumb span{
         font-size:14px;
         color:#198754;
         font-weight:500;
         }
         .seller-calendar-add-btn{
         height:44px;
         border:none;
         background:#198754;
         color:#ffffff;
         border-radius:8px;
         padding:0 22px;
         font-size:14px;
         font-weight:500;
         }
         /* =========================================================
         WRAPPER
         ========================================================= */
         .seller-calendar-layout{
         display:grid;
         grid-template-columns:1fr 280px;
         gap:24px;
         }
         /* =========================================================
         MAIN CALENDAR
         ========================================================= */
         .seller-calendar-main{
         background:#ffffff;
         border:1px solid #e5e5e5;
         border-radius:16px;
         padding:18px;
         }
         .seller-calendar-topbar{
         display:flex;
         justify-content:space-between;
         align-items:center;
         margin-bottom:24px;
         }
         .seller-calendar-month{
         display:flex;
         align-items:center;
         gap:20px;
         }
         .seller-calendar-arrow{
         width:34px;
         height:34px;
         border:none;
         border-radius:50%;
         background:#f5f5f5;
         display:flex;
         align-items:center;
         justify-content:center;
         }
         .seller-calendar-month h4{
         font-size:24px;
         }
         /* =========================================================
         VIEW BUTTONS
         ========================================================= */
         .seller-calendar-view{
         border:1px solid #dddddd;
         border-radius:10px;
         overflow:hidden;
         display:flex;
         }
         .seller-calendar-view button{
         width:70px;
         height:42px;
         border:none;
         background:#ffffff;
         font-size:13px;
         color:#555555;
         }
         .seller-calendar-view button.active{
         background:#198754;
         color:#ffffff;
         }
         /* =========================================================
         WEEK DAYS
         ========================================================= */
         .seller-calendar-weekdays{
         display:grid;
         grid-template-columns:80px repeat(7, 1fr);
         margin-bottom:0;
         }
         .seller-calendar-weekdays div{
         text-align:center;
         padding-bottom:14px;
         }
         .seller-calendar-weekdays small{
         display:block;
         font-size:12px;
         color:#666666;
         margin-bottom:4px;
         }
         .seller-calendar-weekdays h6{
         font-size:26px;
         font-weight:600;
         }
         /* =========================================================
         CALENDAR GRID
         ========================================================= */
         .seller-calendar-grid{
         position:relative;
         border-top:1px solid #d9d9d9;
         border-left:1px solid #d9d9d9;
         }
         .seller-calendar-row{
         display:grid;
         grid-template-columns:80px repeat(7, 1fr);
         }
         .seller-calendar-time{
         height:70px;
         border-right:1px solid #d9d9d9;
         border-bottom:1px solid #d9d9d9;
         padding:8px 10px;
         font-size:12px;
         color:#555555;
         }
         .seller-calendar-cell{
         height:70px;
         border-right:1px solid #d9d9d9;
         border-bottom:1px solid #d9d9d9;
         position:relative;
         }
         /* =========================================================
         EVENTS
         ========================================================= */
         .seller-calendar-event{
         position:absolute;
         border-radius:8px;
         padding:10px 12px;
         font-size:12px;
         font-weight:500;
         }
         .seller-calendar-event.green{
         background:#198754;
         color:#ffffff;
         }
         .seller-calendar-event.purple{
         background:#f4e9ff;
         color:#8b3dff;
         }
         .seller-calendar-event.orange{
         background:#fff2df;
         color:#ff8a00;
         }
         .seller-calendar-holiday{
         top:10px;
         left:82px;
         right:2px;
         height:34px;
         display:flex;
         align-items:center;
         justify-content:center;
         }
         .seller-calendar-call{
         top:95px;
         left:82px;
         width:95px;
         height:44px;
         display:flex;
         align-items:center;
         }
         .seller-calendar-shopping{
         top:260px;
         left:280px;
         width:110px;
         height:44px;
         display:flex;
         align-items:center;
         }
         /* =========================================================
         ACTION BUTTONS
         ========================================================= */
         .seller-calendar-actions{
         display:grid;
         grid-template-columns:1fr 1fr;
         gap:16px;
         margin-top:18px;
         }
         .seller-calendar-outline-btn{
         height:48px;
         border:1px solid #198754;
         border-radius:8px;
         background:#f7fff9;
         color:#198754;
         font-size:14px;
         font-weight:500;
         }
         .seller-calendar-solid-btn{
         height:48px;
         border:none;
         border-radius:8px;
         background:#198754;
         color:#ffffff;
         font-size:14px;
         font-weight:500;
         }
         /* =========================================================
         SIDEBAR
         ========================================================= */
         .seller-calendar-sidebar{
         display:flex;
         flex-direction:column;
         gap:18px;
         }
         /* =========================================================
         MINI CALENDAR
         ========================================================= */
         .seller-mini-calendar{
         background:#ffffff;
         border:1px solid #e5e5e5;
         border-radius:16px;
         padding:16px;
         }
         .seller-mini-calendar-top{
         display:flex;
         justify-content:space-between;
         align-items:center;
         margin-bottom:20px;
         }
         .seller-mini-calendar-top h5{
         font-size:18px;
         }
         .seller-mini-calendar-arrow{
         width:30px;
         height:30px;
         border:none;
         border-radius:50%;
         background:#f5f5f5;
         display:flex;
         align-items:center;
         justify-content:center;
         }
         .seller-mini-weekdays,
         .seller-mini-days{
         display:grid;
         grid-template-columns:repeat(7,1fr);
         gap:3px;
         }
         .seller-mini-weekdays div{
         text-align:center;
         font-size:12px;
         font-weight:600;
         color:#222222;
         }
         .seller-mini-days{
         margin-top:14px;
         }
         .seller-mini-days div{
         width:32px;
         height:32px;
         border-radius:50%;
         display:flex;
         align-items:center;
         justify-content:center;
         font-size:12px;
         color:#444444;
         margin:auto;
         position:relative;
         }
         .seller-mini-days .active{
         background:#198754;
         color:#ffffff;
         }
         .seller-mini-days .dot::after{
         content:"";
         position:absolute;
         bottom:-4px;
         width:4px;
         height:4px;
         border-radius:50%;
         background:#198754;
         }
         .seller-mini-days .red-dot::after{
         background:#ff4d4f;
         }
         /* =========================================================
         BLOCK OUT DAYS
         ========================================================= */
         .seller-calendar-blocks{
         background:#ffffff;
         border:1px solid #e5e5e5;
         border-radius:16px;
         padding:16px;
         }
         .seller-calendar-blocks h5{
         font-size:18px;
         margin-bottom:16px;
         }
         .seller-calendar-block-item{
         display:flex;
         align-items:center;
         background:#f5f5f5;
         border-radius:10px;
         overflow:hidden;
         margin-bottom:10px;
         }
         .seller-calendar-block-date{
         width:48px;
         background:#4a4a4a;
         color:#ffffff;
         text-align:center;
         padding:10px 0;
         }
         .seller-calendar-block-date span{
         display:block;
         font-size:12px;
         }
         .seller-calendar-block-date h6{
         font-size:20px;
         color:#ffffff;
         margin-top:2px;
         }
         .seller-calendar-block-content{
         flex:1;
         padding:10px 12px;
         }
         .seller-calendar-block-content h6{
         font-size:14px;
         margin-bottom:2px;
         }
         .seller-calendar-block-content p{
         font-size:11px;
         color:#777777;
         }
         .seller-calendar-block-actions{
         display:flex;
         align-items:center;
         gap:10px;
         padding-right:12px;
         }
         .seller-calendar-block-actions button{
         border:none;
         background:none;
         padding:0;
         color:#555555;
         font-size:14px;
         }
         /* =========================================================
         RESPONSIVE
         ========================================================= */
         @media(max-width:1199px){
         .seller-calendar-layout{
         grid-template-columns:1fr;
         }
         }
         @media(max-width:767px){
         .seller-calendar-header{
         flex-direction:column;
         gap:16px;
         }
         .seller-calendar-topbar{
         flex-direction:column;
         align-items:flex-start;
         gap:16px;
         }
         .seller-calendar-main{
         overflow:auto;
         }
         .seller-calendar-weekdays,
         .seller-calendar-row{
         min-width:900px;
         }
         .seller-calendar-actions{
         grid-template-columns:1fr;
         }
         }




/* =========================================================
  createMessageView
========================================================= */




.seller-message-dashboard{
    padding:14px;
}

/* =========================================================
   MAIN CARD
========================================================= */

.seller-message-wrapper{
    background:#ffffff;
    border:1px solid #e5e5e5;
    border-radius:14px;
    overflow:hidden;
    height:96vh;
}

.seller-message-layout{
    display:grid;
    grid-template-columns:260px 1fr 300px;
    height:100%;
}

/* =========================================================
   SIDEBAR
========================================================= */

.seller-message-sidebar{
    border-right:1px solid #ececec;
    display:flex;
    flex-direction:column;
    position:relative;
}

.seller-message-sidebar-header{
    padding:18px;
    border-bottom:1px solid #ececec;
}

.seller-message-title{
    font-size:32px;
    font-weight:600;
    color:#000000;
}

.seller-message-breadcrumb{
    font-size:14px;
    color:#666666;
    margin-top:4px;
}

.seller-message-breadcrumb span{
    color:#198754;
    font-weight:500;
}

/* =========================================================
   SEARCH
========================================================= */

.seller-message-search{
    position:relative;
    margin-top:16px;
}

.seller-message-search input{
    width:100%;
    height:44px;
    border:1px solid #dddddd;
    border-radius:10px;
    padding-left:40px;
    font-size:13px;
}

.seller-message-search i{
    position:absolute;
    left:14px;
    top:50%;
    transform:translateY(-50%);
    color:#777777;
}

/* =========================================================
   CHAT HEAD
========================================================= */

.seller-message-chat-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:18px;
}

.seller-message-chat-head h5{
    font-size:18px;
    font-weight:600;
}

/* =========================================================
   CHAT LIST
========================================================= */

.seller-message-chat-list{
    flex:1;
    overflow:auto;
    padding:10px;
}

.seller-message-chat-item{
    display:flex;
    gap:12px;
    padding:12px;
    border-radius:12px;
    margin-bottom:6px;
    cursor:pointer;
    position:relative;
    transition:.2s;
}

.seller-message-chat-item.active{
    background:#edf4ee;
}

.seller-message-avatar{
    width:46px;
    height:46px;
    border-radius:50%;
    overflow:hidden;
    position:relative;
    flex-shrink:0;
}

.seller-message-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.seller-message-online{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#16a34a;
    border:2px solid #ffffff;
    position:absolute;
    right:2px;
    bottom:2px;
}

.seller-message-chat-info{
    flex:1;
}

.seller-message-chat-info h6{
    font-size:15px;
    font-weight:600;
    margin-bottom:2px;
}

.seller-message-chat-info p{
    font-size:11px;
    color:#666666;
}

.seller-message-chat-time{
    font-size:11px;
    color:#777777;
}

.seller-message-unread{
    width:18px;
    height:18px;
    border-radius:50%;
    background:red;
    color:#ffffff;
    font-size:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    right:10px;
    bottom:10px;
}

/* =========================================================
   EDIT PROFILE BTN
========================================================= */

.seller-message-edit-profile-btn{
    position:absolute;
    right:18px;
    bottom:26px;
    width:52px;
    height:52px;
    border:none;
    border-radius:14px;
    background:#198754;
    color:#ffffff;
    font-size:22px;
    box-shadow:0 10px 25px rgba(25,135,84,.25);
}

/* =========================================================
   CENTER CHAT
========================================================= */

.seller-message-main{
    display:flex;
    flex-direction:column;
    height:100%;
    overflow:hidden;
    position:relative;
    background:#fafafa;
}
#normalChatView{
    display:flex;
    flex-direction:column;
    flex:1;
    min-height:0;
}

#createMessageView{
    display:none;
    flex-direction:column;
    flex:1;
    min-height:0;
    height:100%;
    background:#fafafa;
}
/* =========================================================
   BODY
========================================================= */

.seller-message-body{
    flex:1;
    overflow-y:auto;
    overflow-x:hidden;
    padding:18px;
    background:#fafafa;
    min-height:0;
}

/* =========================================================
   FOOTER BOTTOM FIX
========================================================= */

.seller-message-footer{
    border-top:1px solid #ececec;
    padding:12px;
    background:#ffffff;
    margin-top:auto;
    flex-shrink:0;
}
.seller-message-main-top{
    height:54px;
    border-bottom:1px solid #ececec;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:18px;
    padding:0 18px;
}

.seller-message-main-top i{
    font-size:18px;
    cursor:pointer;
}

.seller-message-chat-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 18px;
    border-bottom:1px solid #ececec;
}

.seller-message-chat-user{
    display:flex;
    gap:12px;
    align-items:center;
}

.seller-message-chat-user h5{
    font-size:18px;
    font-weight:600;
}

.seller-message-chat-user p{
    font-size:12px;
    color:#777777;
}

.seller-message-chat-actions{
    display:flex;
    gap:18px;
}

.seller-message-chat-actions i{
    font-size:18px;
    cursor:pointer;
}

/* =========================================================
   CHAT BODY
========================================================= */

.seller-message-body{
    flex:1;
    overflow:auto;
    padding:18px;
    background:#fafafa;
}

/* =========================================================
   MESSAGE ITEM
========================================================= */

.seller-message-item{
    display:flex;
    align-items:flex-end;
    gap:12px;
    margin-bottom:18px;
}

.seller-message-left{
    justify-content:flex-start;
}

.seller-message-right{
    justify-content:flex-end;
}

/* =========================================================
   USER IMAGE
========================================================= */

.seller-message-user-image{
    width:38px;
    height:38px;
    border-radius:50%;
    overflow:hidden;
    position:relative;
    flex-shrink:0;
}

.seller-message-user-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.seller-message-online-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#16a34a;
    border:2px solid #ffffff;
    position:absolute;
    right:1px;
    bottom:1px;
}

/* =========================================================
   MESSAGE BUBBLE
========================================================= */

.seller-message-bubble{
    max-width:78%;
    padding:14px 16px;
    border-radius:12px;
    font-size:13px;
    line-height:1.5;
}

.seller-message-bubble.received{
    background:#edf4ee;
    border:1px solid #dce8de;
}

.seller-message-bubble.sent{
    background:#ffffff;
    border:1px solid #e5e5e5;
}

.seller-message-bubble-time{
    display:block;
    margin-top:10px;
    text-align:right;
    font-size:11px;
    color:#777777;
}

/* =========================================================
   FOOTER
========================================================= */

.seller-message-footer{
    border-top:1px solid #ececec;
    padding:12px;
}

.seller-message-input-wrap{
    height:48px;
    border:1px solid #dddddd;
    border-radius:12px;
    background:#ffffff;
    display:flex;
    align-items:center;
    gap:12px;
    padding:0 14px;
}

.seller-message-input-wrap input{
    flex:1;
    border:none;
    outline:none;
    font-size:14px;
}

.seller-message-input-wrap i{
    font-size:18px;
    color:#666666;
    cursor:pointer;
}

.seller-message-send{
    border:none;
    background:none;
    font-size:28px;
    color:#999999;
}

/* =========================================================
   PROFILE SIDEBAR
========================================================= */

.seller-message-profile{
    border-left:1px solid #ececec;
    padding:14px;
    overflow:auto;
}

.seller-message-profile-box{
    border:1px solid #e5e5e5;
    border-radius:14px;
    padding:14px;
    margin-bottom:16px;
}

.seller-message-profile-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:16px;
}

.seller-message-profile-head h5{
    font-size:20px;
    font-weight:600;
}

.seller-message-profile-head i{
    cursor:pointer;
}

/* =========================================================
   PROFILE USER
========================================================= */

.seller-message-profile-user{
    display:flex;
    gap:12px;
}

.seller-message-profile-user img{
    width:58px;
    height:58px;
    border-radius:50%;
    object-fit:cover;
}

.seller-message-profile-user h6{
    font-size:18px;
    font-weight:600;
    margin-bottom:4px;
}

.seller-message-profile-user p{
    font-size:12px;
    color:#666666;
}

.seller-message-rating{
    color:#16a34a;
    margin-top:4px;
    font-size:14px;
}

/* =========================================================
   PROFILE LIST
========================================================= */

.seller-message-profile-list{
    margin-top:16px;
    border-top:1px solid #ececec;
    padding-top:16px;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.seller-message-profile-item{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:14px;
}

/* =========================================================
   INSIGHTS
========================================================= */

.seller-message-insights{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:16px;
}

.seller-message-insight{
    background:#f7f7f7;
    border-radius:10px;
    padding:12px;
}

.seller-message-insight h6{
    font-size:16px;
    font-weight:600;
    margin-bottom:4px;
}

.seller-message-insight p{
    font-size:11px;
    color:#777777;
}

/* =========================================================
   JOB DETAILS
========================================================= */

.seller-message-job-title{
    font-size:16px;
    font-weight:600;
    margin-bottom:16px;
}

.seller-message-job-meta{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-bottom:18px;
}

.seller-message-job-meta span{
    font-size:12px;
    color:#666666;
    display:flex;
    align-items:center;
    gap:6px;
}

.seller-message-job-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin-bottom:18px;
}

.seller-message-job-grid h6{
    font-size:16px;
    font-weight:600;
    margin-bottom:4px;
}

.seller-message-job-grid p{
    font-size:11px;
    color:#777777;
}

.seller-message-job-btn{
    width:100%;
    height:48px;
    border:none;
    border-radius:10px;
    background:#198754;
    color:#ffffff;
    font-size:14px;
    font-weight:500;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1200px){

    .seller-message-layout{
        grid-template-columns:260px 1fr;
    }

    .seller-message-profile{
        display:none;
    }

}

@media(max-width:767px){

    .seller-message-layout{
        grid-template-columns:1fr;
    }

    .seller-message-sidebar{
        display:none;
    }

}
/* =========================================================
   NEW MESSAGE BTN
========================================================= */

.seller-message-new-message-btn{
    height:52px;
    border:1px solid #dddddd;
    border-radius:10px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:0 14px;
    margin-bottom:12px;
    cursor:pointer;
    background:#fafafa;
}

.seller-message-new-message-icon{
    width:28px;
    height:28px;
    border-radius:8px;
    background:#edf4ee;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#198754;
    font-size:14px;
}

.seller-message-new-message-btn span{
    font-size:13px;
    font-weight:500;
}

/* =========================================================
   CREATE MESSAGE
========================================================= */

.seller-message-create-header{
    height:52px;
    border-bottom:1px solid #ececec;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 14px;
}
/* =========================================================
   CREATE MESSAGE BODY
========================================================= */

.seller-message-create-body{
    flex:1;
    background:#fafafa;
    border-top:1px solid #ececec;
}

/* =========================================================
   CREATE MESSAGE WRAP
========================================================= */

.seller-message-create-wrapper{
    display:flex;
    flex-direction:column;
    height:100%;
}

/* =========================================================
   CREATE USER TAG
========================================================= */

.seller-message-selected-user{
    height:32px;
    background:#edf4ee;
    border-radius:6px;
    padding:0 12px;
    display:flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    font-weight:500;
    color:#222222;
}

/* =========================================================
   PLUS BUTTON
========================================================= */

.seller-message-add-user-btn{
    width:30px;
    height:30px;
    border:none;
    border-radius:50%;
    background:#f1f1f1;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#222222;
    font-size:14px;
}

/* =========================================================
   CLOSE BTN
========================================================= */

.seller-message-close-chat{
    width:28px;
    height:28px;
    border:none;
    background:none;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}

/* =========================================================
   CREATE BODY
========================================================= */

#createMessageView .seller-message-body{
    flex:1;
    background:#fafafa;
    padding:0;
    overflow:hidden;
}

/* =========================================================
   FOOTER FIX
========================================================= */

#createMessageView + .seller-message-footer{
    border-top:1px solid #ececec;
}
.seller-message-create-left{
    display:flex;
    align-items:center;
    gap:10px;
    position:relative;
}

.seller-message-create-left label{
    font-size:13px;
    font-weight:600;
}

.seller-message-selected-user{
    height:30px;
    background:#edf4ee;
    border-radius:6px;
    padding:0 10px;
    display:flex;
    align-items:center;
    gap:8px;
    font-size:12px;
    font-weight:500;
}

.seller-message-selected-user button{
    border:none;
    background:none;
    padding:0;
}

.seller-message-selected-user i{
    font-size:10px;
}

.seller-message-add-user-btn{
    width:28px;
    height:28px;
    border:none;
    border-radius:50%;
    background:#f1f1f1;
    display:flex;
    align-items:center;
    justify-content:center;
}

.seller-message-user-dropdown{
    position:absolute;
    top:42px;
    left:0;
    width:230px;
    background:#ffffff;
    border-radius:14px;
    padding:12px;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.seller-message-user-item{
    display:flex;
    align-items:center;
    gap:12px;
    padding:8px 0;
    cursor:pointer;
}

.seller-message-user-avatar{
    width:34px;
    height:34px;
    border-radius:50%;
    overflow:hidden;
    position:relative;
}

.seller-message-user-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.seller-message-close-chat{
    border:none;
    background:none;
    font-size:18px;
}
/* =========================================================
   CREATE MESSAGE FULL HEIGHT FIX
========================================================= */

.seller-message-main{
    height:100%;
    display:flex;
    flex-direction:column;
}

#createMessageView.active{
    display:flex;
}

#createMessageView .seller-message-create-wrapper{
    flex:1;
    display:flex;
    flex-direction:column;
    min-height:0;
}

#createMessageView .seller-message-body{
    flex:1;
    background:#fafafa;
    padding:0;
    overflow:hidden;
}

.seller-message-create-body{
    width:100%;
    height:100%;
    background:#fafafa;
}

#createMessageView .seller-message-footer{
    margin-top:auto;
}

#normalChatView.hidden{
    display:none;
}




/* =========================================================
  Seller-Notifications-Full-View
========================================================= */

 .seller-notifications{
         padding:16px;
         }
         /* =========================================================
         WRAPPER
         ========================================================= */
         .seller-notifications-wrapper{
         background:#ffffff;
         border:1px solid #e5e5e5;
         border-radius:14px;
         min-height:96vh;
         overflow:hidden;
         }
         /* =========================================================
         HEADER
         ========================================================= */
         .seller-notifications-header{
         padding:20px 24px 14px;
         display:flex;
         justify-content:space-between;
         align-items:flex-start;
         }
         .seller-notifications-title{
         font-size:34px;
         line-height:1;
         font-weight:600;
         color:#000000;
         margin-bottom:8px;
         }
         .seller-notifications-breadcrumb{
         font-size:14px;
         color:#555555;
         }
         .seller-notifications-breadcrumb span{
         color:#198754;
         font-weight:500;
         }
         .seller-notifications-menu{
         width:34px;
         height:34px;
         border:none;
         background:none;
         font-size:20px;
         color:#222222;
         }
         /* =========================================================
         BODY
         ========================================================= */
         .seller-notifications-body{
         padding:0 24px 24px;
         }
         /* =========================================================
         CARD
         ========================================================= */
         .seller-notifications-card{
         border:1px solid #e5e5e5;
         border-radius:14px;
         background:#ffffff;
         padding:16px;
         }
         /* =========================================================
         TABS
         ========================================================= */
         .seller-notifications-tabs{
         border-bottom:1px solid #e5e5e5;
         display:flex;
         gap:60px;
         padding:0 14px;
         }
         .seller-notifications-tab{
         height:48px;
         border:none;
         background:none;
         font-size:16px;
         font-weight:500;
         color:#444444;
         position:relative;
         }
         .seller-notifications-tab.active{
         color:#198754;
         font-weight:600;
         }
         .seller-notifications-tab.active::after{
         content:'';
         position:absolute;
         left:0;
         bottom:-1px;
         width:100%;
         height:2px;
         background:#198754;
         }
         /* =========================================================
         TAB CONTENT
         ========================================================= */
         .seller-notifications-content{
         padding-top:20px;
         }
         .seller-notifications-pane{
         display:none;
         }
         .seller-notifications-pane.active{
         display:block;
         }
         /* =========================================================
         ITEM
         ========================================================= */
         .seller-notification-item{
         display:flex;
         justify-content:space-between;
         align-items:flex-start;
         gap:20px;
         padding:14px;
         border-radius:10px;
         margin-bottom:12px;
         transition:.2s;
         }
         .seller-notification-item.active-bg{
         background:#f7f7f7;
         }
         .seller-notification-left{
         display:flex;
         gap:12px;
         flex:1;
         }
         .seller-notification-icon{
         width:38px;
         height:38px;
         border-radius:10px;
         background:#edf4ee;
         display:flex;
         align-items:center;
         justify-content:center;
         color:#4b5563;
         font-size:18px;
         flex-shrink:0;
         }
         .seller-notification-text h5{
         font-size:15px;
         line-height:1.5;
         color:#222222;
         font-weight:400;
         margin-bottom:6px;
         }
         .seller-notification-text span{
         font-size:13px;
         color:#777777;
         }
         .seller-notification-btn{
         min-width:110px;
         height:42px;
         border:none;
         border-radius:8px;
         background:#198754;
         color:#ffffff;
         font-size:14px;
         font-weight:500;
         margin-top:4px;
         }
         /* =========================================================
         PAGINATION
         ========================================================= */
         .seller-notifications-pagination{
         display:flex;
         justify-content:flex-end;
         align-items:center;
         gap:10px;
         margin-top:28px;
         }
         .seller-pagination-btn{
         width:34px;
         height:34px;
         border-radius:50%;
         border:1px solid #e5e5e5;
         background:#ffffff;
         color:#666666;
         display:flex;
         align-items:center;
         justify-content:center;
         font-size:14px;
         }
         .seller-pagination-btn.active{
         background:#198754;
         border-color:#198754;
         color:#ffffff;
         }
         /* =========================================================
         RESPONSIVE
         ========================================================= */
         @media(max-width:767px){
         .seller-notifications-header{
         padding:18px;
         }
         .seller-notifications-body{
         padding:0 18px 18px;
         }
         .seller-notification-item{
         flex-direction:column;
         }
         .seller-notification-btn{
         width:100%;
         }
         }








  /* =========================================================
         Seller-Jobs-Invite
         ========================================================= */
          .seller-job-requests{
         padding:18px;
         }
   
         /* =========================================================
         HEADER
         ========================================================= */
         .seller-job-requests-header{
         display:flex;
         justify-content:space-between;
         align-items:flex-start;
         margin-bottom:18px;
         }
         .seller-job-requests-title{
         font-size:30px;
         font-weight:600;
         color:#111111;
         margin-bottom:6px;
         }
         .seller-job-requests-breadcrumb{
         font-size:14px;
         color:#666666;
         }
         .seller-job-requests-breadcrumb span{
         color:#198754;
         font-weight:500;
         }
         /* =========================================================
         SEARCH
         ========================================================= */
         .seller-job-requests-search{
         width:260px;
         height:42px;
         border:1px solid #dddddd;
         border-radius:8px;
         display:flex;
         align-items:center;
         gap:10px;
         padding:0 14px;
         }
         .seller-job-requests-search i{
         font-size:14px;
         color:#777777;
         }
        .seller-job-requests-search input {
    width: 100%;
    border: none !important;
    outline: none !important;
    background: none;
    font-size: 13px !important;
}
         /* =========================================================
         CARD
         ========================================================= */
         .seller-job-requests-card{
         border:1px solid #e5e5e5;
         border-radius:12px;
         overflow:hidden;
         background:#ffffff;
         }
         /* =========================================================
         TOP
         ========================================================= */
         .seller-job-requests-top{
         padding:0 14px;
         border-bottom:1px solid #e5e5e5;
         display:flex;
         justify-content:space-between;
         align-items:center;
         }
         /* =========================================================
         TABS
         ========================================================= */
         .seller-job-requests-tabs{
         display:flex;
         gap:50px;
         }
         .seller-job-requests-tab{
         height:52px;
         border:none;
         background:none;
         font-size:14px;
         font-weight:500;
         color:#444444;
         position:relative;
         }
         .seller-job-requests-tab.active{
         color:#198754;
         font-weight:600;
         }
         .seller-job-requests-tab.active::after{
         content:'';
         position:absolute;
         left:0;
         bottom:-1px;
         width:100%;
         height:2px;
         background:#198754;
         }
         /* =========================================================
         SORT
         ========================================================= */
         .seller-job-requests-sort{
         width:140px;
         height:38px;
         border:1px solid #dddddd;
         border-radius:8px;
         padding:0 12px;
         font-size:13px;
         outline:none;
         }
         /* =========================================================
         CONTENT
         ========================================================= */
         .seller-job-requests-content{
         padding:14px;
         }
         .seller-job-pane{
         display:none;
         }
         .seller-job-pane.active{
         display:block;
         }
         /* =========================================================
         ITEM
         ========================================================= */
         /* =========================================================
         EXACT JOB REQUEST CARD UI
         ========================================================= */
         .seller-job-request-item{
         position:relative;
         background:#ffffff;
         border:1px solid #e8e8e8;
         border-radius:12px;
         padding:18px 18px 16px;
         margin-bottom:14px;
         transition:.3s;
         }
         .seller-job-request-item:hover{
         border-color:#d8d8d8;
         }
         /* =========================================================
         TOP SMALL TEXT
         ========================================================= */
         .seller-top-small-text{
         font-size:12px;
         line-height:1.4;
         color:#666666;
         font-weight:400;
         margin-bottom:6px;
         }
         /* =========================================================
         TITLE ROW
         ========================================================= */
         .seller-job-request-heading{
         display:flex;
         align-items:center;
         gap:10px;
         flex-wrap:wrap;
         margin-bottom:10px;
         }
         .seller-job-request-title{
         font-size:20px;
         line-height:1.3;
         font-weight:600;
         color:#111111;
         margin:0;
         }
         /* =========================================================
         PURPLE STATUS
         ========================================================= */
         .seller-status-applied{
         height:22px;
         padding:0 10px;
         border-radius:30px;
         background:#f5ebff;
         color:#b25dff;
         display:inline-flex;
         align-items:center;
         justify-content:center;
         font-size:10px;
         font-weight:600;
         }
         /* =========================================================
         META
         ========================================================= */
         .seller-job-request-meta{
         display:flex;
         align-items:center;
         flex-wrap:wrap;
         gap:14px;
         margin-bottom:16px;
         }
         .seller-job-request-meta span{
         display:flex;
         align-items:center;
         gap:5px;
         font-size:11px;
         color:#555555;
         line-height:1;
         }
         .seller-job-request-meta i{
         font-size:11px;
         }
         /* =========================================================
         DESCRIPTION
         ========================================================= */
         .seller-job-request-description{
         margin-bottom:18px;
         }
         .seller-job-request-description h5{
         font-size:14px;
         line-height:1.4;
         font-weight:600;
         color:#111111;
         margin-bottom:8px;
         }
         .seller-job-request-description p{
         margin:0;
         font-size:12px;
         line-height:1.7;
         color:#666666;
         }
         /* =========================================================
         FOOTER
         ========================================================= */
         .seller-job-request-footer{
         display:flex;
         justify-content:space-between;
         align-items:flex-end;
         gap:20px;
         }
         .seller-job-request-info{
         display:flex;
         align-items:flex-start;
         gap:60px;
         flex-wrap:wrap;
         }
         .seller-job-request-info-box h4{
         font-size:15px;
         line-height:1.2;
         font-weight:600;
         color:#111111;
         margin-bottom:4px;
         }
         .seller-job-request-info-box span{
         display:block;
         font-size:10px;
         line-height:1.4;
         color:#8c8c8c;
         }
         /* =========================================================
         BUTTON
         ========================================================= */
         .seller-job-request-btn{
         min-width:120px;
         height:38px;
         border:none;
         border-radius:8px;
         background:#198754;
         color:#ffffff;
         font-size:12px;
         font-weight:500;
         padding:0 18px;
         transition:.3s;
         }
         .seller-job-request-btn:hover{
         background:#157347;
         }
         /* =========================================================
         MENU
         ========================================================= */
         .seller-job-request-menu{
         position:absolute;
         top:16px;
         right:16px;
         width:32px;
         height:32px;
         border:none;
         border-radius:50%;
         background:#f4f4f4;
         color:#666666;
         display:flex;
         align-items:center;
         justify-content:center;
         font-size:14px;
         }
         /* =========================================================
         PAGINATION
         ========================================================= */
         .seller-job-pagination{
         display:flex;
         justify-content:flex-end;
         align-items:center;
         gap:8px;
         margin-top:24px;
         }
         .seller-job-page-btn{
         width:32px;
         height:32px;
         border-radius:50%;
         border:1px solid #e4e4e4;
         background:#ffffff;
         color:#666666;
         font-size:12px;
         display:flex;
         align-items:center;
         justify-content:center;
         transition:.3s;
         }
         .seller-job-page-btn.active{
         background:#198754;
         border-color:#198754;
         color:#ffffff;
         }
         .seller-job-page-btn:disabled{
         opacity:.4;
         cursor:not-allowed;
         }
         /* =========================================================
         MOBILE
         ========================================================= */
         @media(max-width:991px){
         .seller-job-request-footer{
         flex-direction:column;
         align-items:flex-start;
         }
         .seller-job-request-info{
         gap:30px;
         }
         }
         @media(max-width:767px){
         .seller-job-request-item{
         padding:16px;
         }
         .seller-job-request-title{
         font-size:17px;
         }
         .seller-job-request-info{
         display:grid;
         grid-template-columns:1fr 1fr;
         width:100%;
         gap:20px;
         }
         .seller-job-request-btn{
         width:100%;
         }
         }
         .seller-job-request-top{
         display:flex;
         justify-content:space-between;
         gap:20px;
         }
         .seller-job-request-subtitle{
         font-size:12px;
         color:#666666;
         margin-bottom:6px;
         }
         .seller-job-request-title{
         font-size:28px;
         line-height:1.2;
         font-weight:600;
         color:#111111;
         margin-bottom:10px;
         }
         .seller-job-request-meta{
         display:flex;
         gap:18px;
         flex-wrap:wrap;
         margin-bottom:14px;
         }
         .seller-job-request-meta span{
         font-size:12px;
         color:#555555;
         display:flex;
         align-items:center;
         gap:6px;
         }
         .seller-job-request-menu{
         width:36px;
         height:36px;
         border:none;
         border-radius:50%;
         background:#f4f4f4;
         color:#555555;
         }
         /* =========================================================
         DESCRIPTION
         ========================================================= */
         .seller-job-request-description h5{
         font-size:15px;
         font-weight:600;
         margin-bottom:8px;
         }
         .seller-job-request-description p{
         font-size:13px;
         line-height:1.7;
         color:#666666;
         margin-bottom:18px;
         }
         /* =========================================================
         FOOTER
         ========================================================= */
         .seller-job-request-footer{
         display:flex;
         justify-content:space-between;
         align-items:center;
         gap:20px;
         flex-wrap:wrap;
         }
         .seller-job-request-info{
         display:flex;
         gap:60px;
         flex-wrap:wrap;
         }
         .seller-job-request-info-box h4{
         font-size:20px;
         font-weight:600;
         margin-bottom:4px;
         color:#111111;
         }
         .seller-job-request-info-box span{
         display:block;
         font-size:11px;
         color:#888888;
         }
         .seller-job-request-btn{
         min-width:130px;
         height:44px;
         border:none;
         border-radius:8px;
         background:#198754;
         color:#ffffff;
         font-size:14px;
         font-weight:500;
         }
         /* =========================================================
         STATUS
         ========================================================= */
         .seller-status-applied{
         background:#f3e8ff;
         color:#9333ea;
         font-size:11px;
         font-weight:600;
         padding:5px 10px;
         border-radius:30px;
         margin-left:10px;
         vertical-align:middle;
         }
         /* =========================================================
         PURPLE BADGE
         ========================================================= */
         .seller-badge-purple{
         color:#9333ea;
         font-size:12px;
         font-weight:500;
         margin-bottom:8px;
         }
         /* =========================================================
         SMALL TEXT
         ========================================================= */
         .seller-top-small-text{
         color:#666666;
         font-size:12px;
         margin-bottom:8px;
         }
         /* =========================================================
         PAGINATION
         ========================================================= */
         .seller-job-pagination{
         display:flex;
         justify-content:flex-end;
         gap:10px;
         margin-top:24px;
         }
         .seller-job-page-btn{
         width:34px;
         height:34px;
         border-radius:50%;
         border:1px solid #e5e5e5;
         background:#ffffff;
         color:#666666;
         display:flex;
         align-items:center;
         justify-content:center;
         font-size:13px;
         }
         .seller-job-page-btn.active{
         background:#198754;
         border-color:#198754;
         color:#ffffff;
         }
         .seller-job-page-btn:disabled{
         opacity:.4;
         cursor:not-allowed;
         }
         /* =========================================================
         RESPONSIVE
         ========================================================= */
         @media(max-width:991px){
         .seller-job-requests-top{
         flex-direction:column;
         align-items:flex-start;
         gap:12px;
         padding:14px;
         }
         .seller-job-request-footer{
         flex-direction:column;
         align-items:flex-start;
         }
         }
         @media(max-width:767px){
         .seller-job-requests-header{
         flex-direction:column;
         gap:14px;
         }
         .seller-job-requests-search{
         width:100%;
         }
         .seller-job-requests-tabs{
         gap:24px;
         overflow:auto;
         width:100%;
         }
         .seller-job-request-title{
         font-size:22px;
         }
         }