:root{--blue:#2563eb;--navy:#0f172a;--muted:#64748b;--line:#e2e8f0;--bg:#f8fafc;--white:#fff;--danger:#dc2626;--success:#15803d;--shadow:0 18px 50px rgba(15,23,42,.09)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--navy)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.page-shell,.header-inner{width:min(1280px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}.header-inner{min-height:70px;display:flex;align-items:center;gap:18px}.brand{font-weight:900;font-size:22px}.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;background:var(--blue);color:#fff;border-radius:10px;margin-right:8px}.brand-blue{color:var(--blue)}.main-nav{margin-left:auto;display:flex;align-items:center;gap:8px}.main-nav>a,.main-nav>button{padding:10px;border:0;background:none;font-weight:700}.nav-search{position:relative}.nav-search input{width:210px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.profile-search-results{position:absolute;top:48px;left:0;width:300px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.profile-search-results a{display:flex;gap:10px;padding:10px}.profile-search-results img{width:36px;height:36px;border-radius:50%}.profile-search-results span{display:flex;flex-direction:column}.notification-trigger{position:relative}.notification-count{position:absolute;right:0;top:0;background:red;color:#fff;border-radius:999px;min-width:18px;height:18px;font-size:11px}.notification-panel{position:fixed;right:20px;top:75px;width:min(390px,calc(100% - 30px));max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);z-index:100;border-radius:14px}.notification-head,.notification-actions{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid var(--line)}.notification-item{padding:12px;border-bottom:1px solid var(--line)}.notification-item.unread{background:#eff6ff}.notification-item a{display:flex;flex-direction:column;gap:4px}.inner-page{padding:45px 0 80px}.market-hero{padding:55px 0}.hero-copy h1{font-size:clamp(36px,5vw,64px)}.announcement{padding:13px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin-bottom:10px}.search-panel,.panel,.form-card,.auth-card,.order-summary,.chat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin:18px 0}.search-panel{display:flex;gap:12px}.search-panel input{flex:1}.listing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.six-grid{grid-template-columns:repeat(6,1fr)}.market-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.market-card-image{display:block;aspect-ratio:4/3}.market-card img{width:100%;height:100%;object-fit:cover}.market-card-body{padding:12px}.market-card-footer{display:flex;justify-content:space-between;align-items:center}.card-view-button,.button,button{padding:9px 12px;border-radius:9px;border:1px solid var(--line);cursor:pointer}.button-primary,.card-view-button{background:var(--blue);color:#fff}.button-danger{background:var(--danger);color:#fff}.pagination{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:30px}.pagination .active{background:var(--blue);color:#fff}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-field{display:flex;flex-direction:column;gap:7px}.full{grid-column:1/-1}.form-field input,.form-field select,.form-field textarea,.auth-form input{padding:12px;border:1px solid var(--line);border-radius:9px}.upload-box{min-height:170px;display:grid;place-items:center;border:1px dashed var(--line)}.upload-preview{max-height:180px}.listing-detail-grid,.order-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}.detail-image,.listing-detail-grid>img{width:100%;max-height:520px;object-fit:contain;background:#fff;border-radius:16px}.listing-detail-price{font-size:30px;font-weight:900;color:var(--blue)}.seller-other-grid,.request-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.seller-other-grid img{width:100%;height:140px;object-fit:cover}.escrow-banner{display:flex;justify-content:space-between;padding:18px;border-radius:14px;background:#eff6ff;border:1px solid #bfdbfe}.order-progress{display:flex;gap:8px;overflow:auto;margin:18px 0}.progress-step{min-width:120px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px}.progress-step.done{border-color:#86efac;background:#f0fdf4}.room-tabs,.room-actions,.quick-replies{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.chat-messages{height:430px;overflow:auto;display:flex;flex-direction:column;gap:10px}.chat-message{max-width:78%;background:#f1f5f9;padding:12px;border-radius:12px}.chat-message.mine{margin-left:auto;background:#dbeafe}.chat-message.system{max-width:100%;text-align:center;background:#fffbeb}.chat-message img{max-width:280px;border-radius:10px}.chat-role{font-size:10px;padding:3px 7px;border-radius:999px;color:#fff}.chat-role.buyer{background:#2563eb}.chat-role.seller{background:#16a34a}.chat-role.midman{background:#7c3aed}.chat-role.system{background:#64748b}.chat-form{display:flex;gap:8px}.chat-form input{flex:1}.evidence-card{display:inline-block;width:220px;margin:8px}.evidence-card img{width:100%;height:160px;object-fit:cover}.timeline-item{padding:12px;border-left:4px solid var(--blue);background:#fff;margin:8px 0}.profile-hero{display:flex;gap:20px;align-items:center}.profile-avatar{width:110px;height:110px;border-radius:50%;object-fit:cover}.role-badge{padding:6px 10px;background:#eef2ff;border-radius:999px}.listing-toggle{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.mobile-bottom-nav{display:none}.menu-toggle{display:none}.site-footer{padding:30px;background:#fff;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between}.empty-state{padding:40px;text-align:center;background:#fff;border:1px dashed var(--line);border-radius:14px}.message-box{display:none;padding:12px}.message-box.show{display:block}.message-box.error{background:#fef2f2;color:#991b1b}.message-box.success{background:#f0fdf4;color:#166534}@media(max-width:1100px){.six-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.main-nav{display:none;position:absolute;top:70px;left:10px;right:10px;background:#fff;flex-direction:column;padding:12px}.main-nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.nav-search input{width:100%}.listing-grid,.six-grid{grid-template-columns:repeat(2,1fr)}.listing-detail-grid,.order-layout,.form-grid{grid-template-columns:1fr}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:60}.mobile-bottom-nav a{text-align:center;padding:13px}.footer-inner{flex-direction:column}.seller-other-grid,.request-grid{grid-template-columns:1fr}}


/* --- Cancellation review and restriction appeal --- */
.cancellation-review-panel,
.restriction-appeal-panel{
  border:1px solid #fecaca;
  background:linear-gradient(180deg,#fff,#fff7f7);
}
.cancellation-review-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
.cancellation-review-heading h2{
  margin:5px 0 0;
}
.review-status-chip{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  color:#92400e;
  background:#fffbeb;
  border:1px solid #fde68a;
  font-size:11px;
  font-weight:800;
}
.cancellation-review-summary{
  margin:16px 0;
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
}
.cancellation-review-summary p{
  margin:6px 0;
}
.restriction-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.restriction-grid label,
.restriction-reason-field{
  display:flex;
  flex-direction:column;
  gap:7px;
  font-size:13px;
  font-weight:700;
}
.restriction-grid select,
.restriction-grid input,
.restriction-reason-field textarea,
.restriction-appeal-panel textarea{
  width:100%;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
}
.restriction-reason-field{
  margin-top:14px;
}
.restriction-reason-field textarea,
.restriction-appeal-panel textarea{
  min-height:105px;
  resize:vertical;
}
.cancellation-review-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:16px;
}
.restriction-appeal-panel{
  border-color:#bfdbfe;
  background:linear-gradient(180deg,#fff,#eff6ff);
}
.restriction-appeal-panel h3{
  margin-top:0;
}
.restriction-appeal-panel .button{
  margin-top:10px;
}
@media(max-width:760px){
  .restriction-grid{
    grid-template-columns:1fr;
  }
  .cancellation-review-heading,
  .cancellation-review-actions{
    flex-direction:column;
  }
  .cancellation-review-actions .button{
    width:100%;
  }
}


/* --- Large private order room layout --- */
.order-room-layout{
  grid-template-columns:minmax(0,3fr) minmax(320px,1fr);
  align-items:start;
  gap:24px;
}
.order-room-main{
  min-width:0;
}
.order-room-sidebar{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.order-room-sidebar .escrow-banner{
  margin:0;
  padding:22px;
  min-height:112px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:8px;
  font-size:17px;
}
.order-room-sidebar .escrow-banner strong{
  font-size:20px;
}
.large-sidebar-card{
  margin:0;
  padding:24px;
  border-radius:18px;
}
.large-sidebar-card h2{
  margin:0 0 18px;
  font-size:22px;
}
.order-items-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.order-item-row,
.order-total-row,
.consent-status-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
}
.order-item-row{
  padding-bottom:10px;
  border-bottom:1px solid var(--line);
}
.order-total-row{
  margin-top:18px;
  padding-top:16px;
  border-top:2px solid var(--line);
  font-size:20px;
}
.order-total-row strong{
  font-size:24px;
  color:var(--blue);
}
.consent-status-row{
  padding:14px 0;
  border-bottom:1px solid var(--line);
}
.consent-status-row:last-child{
  border-bottom:0;
}
.consent-approved{
  color:var(--success);
}
.consent-waiting{
  color:#b45309;
}
.room-actions-card .room-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.room-actions-card .room-actions button{
  width:100%;
  min-height:44px;
}
.room-tabs{
  margin:0 0 12px;
}
.room-tabs button{
  font-weight:800;
}
.chat-messages{
  height:700px;
  min-height:700px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
}
.chat-form{
  margin-top:12px;
}
.chat-form input{
  min-height:48px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:10px;
}
.attach-button{
  min-width:48px;
  min-height:48px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  cursor:pointer;
}
.quick-replies-below{
  margin:12px 0 0;
  padding-top:12px;
  border-top:1px solid var(--line);
}
.quick-reply-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--line);
  font-size:13px;
  font-weight:700;
}
.quick-reply-chip:hover{
  border-color:#93c5fd;
  background:#eff6ff;
}
.private-room-heading{
  margin-bottom:18px;
}

/* --- Restrict buyer, seller, or both --- */
.restriction-targets{
  margin:16px 0;
  padding:16px;
  border:1px solid var(--line);
  border-radius:12px;
}
.restriction-targets legend{
  padding:0 8px;
  font-weight:800;
}
.restriction-targets label{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:7px 18px 7px 0;
}
.participant-restriction-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.participant-restriction-card{
  padding:16px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
}
.participant-restriction-card h3{
  margin:0 0 6px;
}
.participant-restriction-card label{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.participant-restriction-card select,
.participant-restriction-card input{
  width:100%;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:9px;
}
.custom-duration-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:10px;
}

@media(max-width:900px){
  .order-room-layout{
    grid-template-columns:1fr;
  }
  .order-room-sidebar{
    order:2;
  }
  .chat-messages{
    height:560px;
    min-height:560px;
  }
}

@media(max-width:760px){
  .participant-restriction-grid{
    grid-template-columns:1fr;
  }
  .chat-messages{
    height:480px;
    min-height:480px;
  }
}


/* --- Delivery problem review --- */
.delivery-review-actions,
.delivery-response-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:14px;
  border:1px solid #bfdbfe;
  border-radius:12px;
  background:#eff6ff;
}
.delivery-review-actions h3,
.delivery-response-actions h3{
  margin:0;
}
.delivery-review-status{
  margin-top:12px;
  padding:16px;
}
.delivery-review-status h3{
  margin:0 0 12px;
}
.delivery-review-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid var(--line);
}
.delivery-review-row:last-child{
  border-bottom:0;
}
.delivery-review-badge{
  display:inline-flex;
  padding:5px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}
.delivery-review-badge.completed{
  color:#166534;
  background:#dcfce7;
}
.delivery-review-badge.not-yet{
  color:#92400e;
  background:#fef3c7;
}
.delivery-review-badge.waiting{
  color:#475569;
  background:#e2e8f0;
}
.delivery-response-saved{
  padding:12px;
  border-radius:10px;
  background:#f8fafc;
  border:1px solid var(--line);
}


/* =====================================================
   FORMAL ORDER ROOM + POPUPS
===================================================== */
body{background:#f5f7fa}
.private-room-heading{
  padding:4px 0 18px;
  border-bottom:1px solid var(--line)
}
.private-room-heading h1{
  margin:5px 0 0;
  font-size:clamp(24px,3vw,34px);
  letter-spacing:-.025em
}
.order-room-layout{margin-top:22px}
.order-room-main{
  min-width:0;
  padding:18px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 28px rgba(15,23,42,.055)
}
.order-room-sidebar>.escrow-banner,
.large-sidebar-card{
  box-shadow:0 8px 28px rgba(15,23,42,.055)
}
.room-tabs{
  padding-bottom:12px;
  border-bottom:1px solid var(--line)
}
.room-tabs button{
  padding:8px 4px;
  border:0;
  border-radius:0;
  color:var(--muted);
  background:transparent
}
.room-tabs button:hover,
.room-tabs button:focus{color:var(--navy)}
.chat-messages{
  border:0;
  border-radius:12px;
  background:#f8fafc;
  box-shadow:inset 0 0 0 1px #edf1f5
}
.chat-message{
  border:1px solid #e8edf3;
  background:#fff;
  box-shadow:0 3px 12px rgba(15,23,42,.035)
}
.chat-message.mine{
  border-color:#bfdbfe;
  background:#eff6ff
}
.chat-message.system{
  border-color:#fde68a;
  background:#fffbeb;
  color:#713f12;
  box-shadow:none
}
.chat-form{
  padding:12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff
}
.quick-replies-below{
  padding-top:4px;
  border-top:0
}
.order-room-sidebar .escrow-banner{border-radius:18px}
.large-sidebar-card{border-color:#dfe5ec}
.large-sidebar-card h2{
  font-size:18px;
  letter-spacing:-.01em
}
.room-actions-card .room-actions{margin:0}
.room-actions-card .room-actions button{font-weight:700}

.transaction-complete-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:22px;
  padding:22px 24px;
  border:1px solid #bbf7d0;
  border-radius:18px;
  background:#f0fdf4
}
.transaction-complete-card h2{
  margin:5px 0 4px;
  font-size:21px
}
.transaction-complete-card p{
  margin:0;
  color:#476254
}

.rating-modal,.app-modal{
  position:fixed;
  inset:0;
  z-index:1000
}
.rating-modal[hidden],.app-modal[hidden]{display:none}
.rating-modal-backdrop,.app-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.54);
  backdrop-filter:blur(3px)
}
.rating-modal-dialog,.app-modal-dialog{
  position:relative;
  z-index:1;
  width:min(620px,calc(100% - 30px));
  max-height:calc(100vh - 40px);
  overflow:auto;
  margin:20px auto;
  padding:28px;
  border:1px solid #dfe5ec;
  border-radius:18px;
  background:#fff;
  box-shadow:0 28px 90px rgba(15,23,42,.28)
}
.rating-modal-close,.app-modal-close{
  position:absolute;
  top:14px;
  right:16px;
  width:34px;
  height:34px;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  color:#64748b;
  background:#f1f5f9;
  font-size:22px
}
.rating-modal-dialog h2{
  margin:6px 0 7px;
  font-size:27px
}
.rating-modal-intro{
  margin:0 0 22px;
  color:var(--muted)
}
.rating-modal-content{
  display:grid;
  gap:15px
}
.rate-card{
  padding:18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fbfcfe
}
.rate-card h3{
  margin:0 0 13px;
  font-size:17px
}
.rating-choice-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:12px
}
.rating-choice{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:800;
  background:#fff
}
.rating-choice span{font-size:19px}
.rating-like:hover{
  border-color:#86efac;
  background:#f0fdf4
}
.rating-dislike:hover{
  border-color:#fecaca;
  background:#fef2f2
}
.rate-card textarea{
  width:100%;
  min-height:86px;
  padding:11px 12px;
  resize:vertical;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff
}

.app-modal-dialog{
  width:min(470px,calc(100% - 30px));
  margin-top:max(40px,10vh);
  text-align:center
}
.app-modal-icon{
  width:52px;
  height:52px;
  margin:0 auto 14px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#1d4ed8;
  background:#eff6ff;
  font-size:24px;
  font-weight:900
}
.app-modal-dialog[data-type="success"] .app-modal-icon{
  color:#15803d;
  background:#f0fdf4
}
.app-modal-dialog[data-type="danger"] .app-modal-icon{
  color:#b91c1c;
  background:#fef2f2
}
.app-modal-dialog h2{
  margin:0 35px 8px;
  font-size:23px
}
.app-modal-dialog p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
  white-space:pre-line
}
.app-modal-input-wrap{margin-top:17px}
.app-modal-input-wrap textarea{
  width:100%;
  min-height:110px;
  padding:12px;
  resize:vertical;
  text-align:left;
  border:1px solid var(--line);
  border-radius:10px
}
.app-modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:22px
}
.modal-open{overflow:hidden}

@media(max-width:760px){
  .transaction-complete-card{
    align-items:stretch;
    flex-direction:column
  }
  .transaction-complete-card .button{width:100%}
  .rating-modal-dialog,.app-modal-dialog{
    padding:22px 18px
  }
  .rating-choice-row{grid-template-columns:1fr}
  .app-modal-actions{flex-direction:column-reverse}
  .app-modal-actions .button{width:100%}
}


/* Optional post-completion rating popup */
.rating-modal-footer{
  display:flex;
  justify-content:flex-end;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--line);
}
.rating-modal-footer .button{
  min-width:110px;
}
@media(max-width:760px){
  .rating-modal-footer .button{
    width:100%;
  }
}


/* Combined transaction rating selection */
.rating-choice.selected{
  border-width:2px;
}
.rating-like.selected{
  border-color:#22c55e;
  background:#f0fdf4;
  color:#166534;
}
.rating-dislike.selected{
  border-color:#ef4444;
  background:#fef2f2;
  color:#991b1b;
}
.rating-modal-footer{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}
@media(max-width:760px){
  .rating-modal-footer{
    flex-direction:column-reverse;
  }
}


/* =====================================================
   GOOGLE + FACEBOOK AUTHENTICATION
===================================================== */

.auth-wrap{
  width:min(520px,100%);
  margin:0 auto;
}

.auth-card{
  padding:32px;
  box-shadow:0 12px 40px rgba(15,23,42,.07);
}

.auth-card h1{
  margin-top:0;
}

.auth-form{
  display:grid;
  gap:12px;
}

.auth-form input,
.auth-form button{
  width:100%;
  min-height:48px;
}

.auth-divider{
  display:flex;
  align-items:center;
  gap:14px;
  margin:22px 0 16px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
}

.auth-divider::before,
.auth-divider::after{
  content:"";
  height:1px;
  flex:1;
  background:var(--line);
}

.social-auth-buttons{
  display:grid;
  gap:11px;
}

.social-auth-button{
  width:100%;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  color:var(--navy);
  font-weight:800;
  transition:
    border-color .15s ease,
    box-shadow .15s ease,
    transform .15s ease;
}

.social-auth-button:hover{
  border-color:#94a3b8;
  box-shadow:0 6px 18px rgba(15,23,42,.08);
  transform:translateY(-1px);
}

.social-auth-button:disabled{
  opacity:.65;
  cursor:not-allowed;
  transform:none;
}

.social-auth-icon{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:16px;
  font-weight:900;
}

.google-icon{
  color:#4285f4;
  background:#fff;
  border:1px solid #dbe3ed;
}

.facebook-auth-button{
  border-color:#d5def0;
}

.facebook-icon{
  color:#fff;
  background:#1877f2;
  font-family:Arial,sans-serif;
  font-size:19px;
}

.auth-switch-link{
  margin:20px 0 0;
  text-align:center;
}

.auth-switch-link a{
  color:var(--blue);
  font-weight:700;
}

@media(max-width:600px){
  .auth-card{
    padding:22px 18px;
  }
}


/* =====================================================
   FORGOT PASSWORD + PASSWORD VISIBILITY
===================================================== */

.password-field{
  position:relative;
}

.password-field input{
  width:100%;
  padding-right:72px !important;
}

.password-toggle{
  position:absolute;
  top:50%;
  right:10px;
  transform:translateY(-50%);
  padding:6px 8px;
  border:0;
  background:transparent;
  color:var(--blue);
  font-size:12px;
  font-weight:800;
}

.forgot-password-row{
  display:flex;
  justify-content:flex-end;
  margin-top:-2px;
}

.forgot-password-link{
  padding:2px 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--blue);
  font-size:13px;
  font-weight:700;
}

.forgot-password-link:hover{
  text-decoration:underline;
}

.auth-modal{
  position:fixed;
  inset:0;
  z-index:1000;
}

.auth-modal[hidden]{
  display:none;
}

.auth-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.55);
  backdrop-filter:blur(3px);
}

.auth-modal-dialog{
  position:relative;
  z-index:1;
  width:min(460px,calc(100% - 30px));
  margin:max(50px,10vh) auto 0;
  padding:28px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 28px 90px rgba(15,23,42,.28);
  text-align:center;
}

.auth-modal-close{
  position:absolute;
  top:14px;
  right:14px;
  width:34px;
  height:34px;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:#f1f5f9;
  color:#64748b;
  font-size:22px;
}

.auth-modal-icon{
  width:54px;
  height:54px;
  margin:0 auto 14px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eff6ff;
  color:var(--blue);
  font-size:24px;
}

.auth-modal-dialog h2{
  margin:0 30px 8px;
}

.auth-modal-dialog p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
}

.forgot-password-form{
  display:grid;
  gap:16px;
  margin-top:20px;
}

.forgot-password-form input{
  width:100%;
  min-height:48px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
}

.auth-modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}

.auth-modal-open{
  overflow:hidden;
}

@media(max-width:600px){
  .auth-modal-dialog{
    padding:24px 18px;
  }

  .auth-modal-actions{
    flex-direction:column-reverse;
  }

  .auth-modal-actions .button{
    width:100%;
  }
}


/* User rating display */
.inline-user-rating{
  display:inline-flex;
  align-items:center;
  margin-left:5px;
  padding:3px 7px;
  border:1px solid #fde68a;
  border-radius:999px;
  background:#fffbeb;
  color:#854d0e;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.market-seller-line,
.listing-seller-line{
  color:var(--muted);
  font-size:13px;
}
.market-seller-line a,
.listing-seller-line a{
  color:var(--navy);
  font-weight:800;
}
.profile-rating-line{
  margin:8px 0 0;
  color:#475569;
  font-weight:700;
}
.profile-feedback-section{
  margin-top:24px;
}
.profile-feedback-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
.profile-feedback-heading h2{
  margin:0;
}
.profile-feedback-heading span{
  color:var(--muted);
  font-size:13px;
  font-weight:700;
}
.review-entry{
  margin-bottom:10px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
}
.review-entry-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
}
.review-entry-head span,
.review-entry small{
  color:var(--muted);
  font-size:12px;
}
.review-entry p{
  margin:9px 0;
}
.empty-feedback{
  padding:22px;
  border:1px dashed var(--line);
  border-radius:12px;
  color:var(--muted);
  text-align:center;
}
@media(max-width:600px){
  .profile-feedback-heading{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* =====================================================
   GAMEBNS BLUE MARKETPLACE THEME
   Clean blue commerce design with white light mode
===================================================== */

:root{
  --blue:#1769e0;
  --blue-strong:#0e56c9;
  --blue-soft:#eef5ff;
  --blue-pale:#f7faff;
  --navy:#17233c;
  --muted:#6b7890;
  --line:#e4e9f1;
  --line-strong:#d4dce8;
  --bg:#ffffff;
  --surface:#ffffff;
  --surface-soft:#f7f9fc;
  --danger:#dc2626;
  --success:#138a50;
  --shadow-sm:0 2px 8px rgba(23,35,60,.06);
  --shadow:0 10px 30px rgba(23,35,60,.09);
  --shadow-lg:0 18px 48px rgba(23,35,60,.13);
}

html{scroll-behavior:smooth}
body{
  min-height:100vh;
  background:#fff;
  color:var(--navy);
  -webkit-font-smoothing:antialiased;
}

button,.button,.card-view-button,input,select,textarea{
  transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
button:focus-visible,.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(23,105,224,.18);
  outline-offset:2px;
}

.site-header{
  background:rgba(255,255,255,.97);
  border-bottom:1px solid var(--line);
  box-shadow:0 2px 14px rgba(23,35,60,.045);
  backdrop-filter:blur(14px);
}
.header-inner{min-height:74px}
.brand{display:inline-flex;align-items:center;letter-spacing:-.025em}
.brand-mark{
  width:39px;height:39px;border-radius:11px;
  background:linear-gradient(145deg,var(--blue),#4b8ff3);
  box-shadow:0 7px 18px rgba(23,105,224,.22);
}
.main-nav{gap:4px}
.main-nav>a,.main-nav>button{
  min-height:42px;display:inline-flex;align-items:center;justify-content:center;
  padding:9px 12px;border-radius:9px;color:#334155;
}
.main-nav>a:hover,.main-nav>button:hover{color:var(--blue);background:var(--blue-soft)}
.main-nav .nav-cta{
  padding-inline:16px;color:#fff;background:var(--blue);
  box-shadow:0 5px 14px rgba(23,105,224,.2);
}
.main-nav .nav-cta:hover{color:#fff;background:var(--blue-strong)}
.nav-search input{height:42px;border-color:var(--line-strong);background:#f8fafc}
.nav-search input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(23,105,224,.1)}
.profile-search-results,.notification-panel{
  border-color:var(--line);border-radius:14px;box-shadow:var(--shadow-lg);
}
.profile-search-results a:hover,.notification-item:hover{background:var(--blue-pale)}
.notification-trigger{border-radius:10px!important}
.notification-count{
  right:2px;top:2px;display:grid;place-items:center;background:#ef4444;
  box-shadow:0 0 0 2px #fff;
}

.inner-page{padding:34px 0 90px}
.page-heading,.hero-copy{margin-bottom:22px}
.page-heading h1,.hero-copy h1{color:#14213a;letter-spacing:-.035em}
.page-heading p,.hero-copy p{color:var(--muted)}
.market-hero{
  margin:0 0 24px;padding:38px 40px;border:1px solid #dbe8fb;border-radius:22px;
  background:radial-gradient(circle at 90% 10%,rgba(23,105,224,.13),transparent 32%),linear-gradient(135deg,#f8fbff,#eef5ff);
}
.market-hero h1{margin-top:0;font-size:clamp(34px,5vw,58px)}
.section-kicker{color:var(--blue);font-weight:900;letter-spacing:.09em}
.announcement{color:#7c4a03;background:#fffbeb;border-color:#f8df9b}

.search-panel,.panel,.form-card,.auth-card,.order-summary,.chat-card,.summary-card{
  border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);
}
.search-panel{padding:16px;align-items:center;background:#fff;box-shadow:var(--shadow)}
.search-panel input,.form-field input,.form-field select,.form-field textarea,.auth-form input,.chat-form input,.rate-card textarea{
  min-height:46px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;
}
.search-panel input:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.auth-form input:focus,.chat-form input:focus,.rate-card textarea:focus{
  border-color:var(--blue);box-shadow:0 0 0 4px rgba(23,105,224,.09);
}

button,.button,.card-view-button{
  min-height:40px;border:1px solid var(--line-strong);border-radius:9px;
  background:#fff;color:#2d3b55;font-weight:750;
}
button:hover,.button:hover{border-color:#aebdd1;background:#f8fafc;transform:translateY(-1px)}
button:active,.button:active,.card-view-button:active{transform:translateY(0)}
.button-primary,.card-view-button,.pagination .active{
  border-color:var(--blue);background:var(--blue);color:#fff;
  box-shadow:0 5px 14px rgba(23,105,224,.19);
}
.button-primary:hover,.card-view-button:hover,.pagination .active:hover{
  border-color:var(--blue-strong);background:var(--blue-strong);color:#fff;
}
.button-danger{border-color:#dc2626;background:#dc2626;color:#fff}
.button-danger:hover{border-color:#b91c1c;background:#b91c1c}
.button-ghost{color:var(--blue);background:#fff;border-color:#bfd5f5}
.button-ghost:hover{background:var(--blue-soft);border-color:#8eb7ef}

.listing-grid{gap:14px}
.market-card{
  position:relative;display:flex;min-width:0;flex-direction:column;
  border:1px solid #e5eaf1;border-radius:10px;background:#fff;overflow:hidden;
  box-shadow:0 2px 9px rgba(23,35,60,.055);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.market-card:hover{
  border-color:#b9d2f4;box-shadow:0 11px 28px rgba(23,35,60,.12);
  transform:translateY(-3px);
}
.market-card-image{position:relative;overflow:hidden;background:#f4f7fb}
.market-card img{transition:transform .24s ease}
.market-card:hover img{transform:scale(1.035)}
.market-card-body{display:flex;flex:1;flex-direction:column;gap:7px;padding:13px}
.market-card h3,.market-card h4{
  margin:0;display:-webkit-box;overflow:hidden;font-size:14px;line-height:1.38;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.market-card p{margin:0}
.market-card strong{color:var(--blue)}
.market-card-footer{margin-top:auto;padding-top:7px;gap:8px}
.market-card-footer strong{font-size:18px;letter-spacing:-.02em}
.card-view-button{min-height:34px;padding:7px 11px;font-size:12px;box-shadow:none}
.market-seller-line,.listing-seller-line{display:flex;align-items:center;flex-wrap:wrap;gap:3px}
.inline-user-rating{
  margin-left:1px;border-color:#dbe8fa;background:#f2f7ff;color:#235caa;
}

.listing-detail-grid{align-items:start}
.detail-image,.listing-detail-grid>img{
  padding:18px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);
}
.listing-detail-price{margin:15px 0;font-size:34px;color:var(--blue);letter-spacing:-.03em}
.seller-other-grid article,.request-grid article{
  border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;box-shadow:var(--shadow-sm);
}

.form-card{padding:26px}
.form-field label{color:#334155;font-size:13px;font-weight:800}
.upload-box{
  border:2px dashed #c7d6e9;border-radius:13px;background:#f8fbff;
}
.upload-box:hover{border-color:#80adeb;background:#f1f7ff}

.profile-hero{
  padding:24px;border:1px solid var(--line);border-radius:18px;
  background:radial-gradient(circle at 100% 0,rgba(23,105,224,.1),transparent 34%),#fff;
  box-shadow:var(--shadow);
}
.profile-avatar{
  width:118px;height:118px;border:4px solid #fff;
  box-shadow:0 0 0 1px var(--line),0 8px 24px rgba(23,35,60,.13);
}
.profile-hero h1{margin:0 0 8px;font-size:32px;letter-spacing:-.03em}
.role-badge{
  display:inline-flex;align-items:center;margin:3px 4px 3px 0;
  border:1px solid #cfe0fa;color:#245caa;background:#f1f6ff;font-weight:800;
}
.profile-rating-line{color:#40516d}
.review-entry{box-shadow:var(--shadow-sm)}
.review-entry:hover{border-color:#c8d9ef}

.table-wrap{
  border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-sm);
}
table{background:#fff}
th{
  background:#f7f9fc;color:#526078;font-size:12px;letter-spacing:.035em;text-transform:uppercase;
}
tbody tr:hover{background:#f8fbff}
.pagination button{min-width:40px;border-radius:8px}

.site-footer{color:#667085;background:#fff;border-top:1px solid var(--line)}
.mobile-bottom-nav{box-shadow:0 -6px 24px rgba(23,35,60,.08)}
.mobile-bottom-nav a{color:#53627a;font-size:12px;font-weight:800}
.mobile-bottom-nav a:hover{color:var(--blue);background:var(--blue-soft)}

.theme-toggle{
  position:fixed;left:18px;bottom:18px;z-index:900;min-width:92px;height:44px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;
  border:1px solid #d8e0eb;border-radius:999px;color:#34435d;
  background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(23,35,60,.18);
  backdrop-filter:blur(12px);
}
.theme-toggle:hover{color:var(--blue);border-color:#a9c6ee;background:#fff}
.theme-toggle span:first-child{font-size:18px}

html[data-theme="dark"]{
  --navy:#edf3ff;--muted:#9ba9bd;--line:#28364a;--line-strong:#36465c;
  --bg:#0f1724;--surface:#172234;
}
html[data-theme="dark"] body{background:#0f1724;color:#edf3ff}
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .order-summary,
html[data-theme="dark"] .chat-card,
html[data-theme="dark"] .summary-card,
html[data-theme="dark"] .market-card,
html[data-theme="dark"] .search-panel,
html[data-theme="dark"] .profile-hero,
html[data-theme="dark"] .review-entry,
html[data-theme="dark"] table,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .notification-panel,
html[data-theme="dark"] .profile-search-results,
html[data-theme="dark"] .large-sidebar-card,
html[data-theme="dark"] .order-room-main,
html[data-theme="dark"] .rating-modal-dialog,
html[data-theme="dark"] .app-modal-dialog,
html[data-theme="dark"] .auth-modal-dialog{
  background:#172234;color:#edf3ff;border-color:#28364a;
}
html[data-theme="dark"] .main-nav>a,
html[data-theme="dark"] .main-nav>button,
html[data-theme="dark"] .market-card h3,
html[data-theme="dark"] .market-card h4,
html[data-theme="dark"] .listing-seller-line a,
html[data-theme="dark"] .market-seller-line a,
html[data-theme="dark"] .form-field label{color:#dce7f7}
html[data-theme="dark"] .main-nav>a:hover,
html[data-theme="dark"] .main-nav>button:hover{color:#7fb3ff;background:#1c3150}
html[data-theme="dark"] .market-hero{
  border-color:#294363;
  background:radial-gradient(circle at 90% 10%,rgba(62,139,245,.2),transparent 32%),linear-gradient(135deg,#172234,#132238);
}
html[data-theme="dark"] .page-heading h1,
html[data-theme="dark"] .hero-copy h1{color:#f2f6fd}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] button,
html[data-theme="dark"] .button,
html[data-theme="dark"] .chat-form,
html[data-theme="dark"] .rate-card,
html[data-theme="dark"] .participant-restriction-card{
  color:#e8effa;background:#111c2b;border-color:#35445a;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#8290a5}
html[data-theme="dark"] button:hover,
html[data-theme="dark"] .button:hover{background:#1b2b41;border-color:#4a607c}
html[data-theme="dark"] .button-primary,
html[data-theme="dark"] .card-view-button,
html[data-theme="dark"] .pagination .active{
  color:#fff;background:#2877e8;border-color:#2877e8;
}
html[data-theme="dark"] .chat-messages{background:#111b29;box-shadow:inset 0 0 0 1px #263449}
html[data-theme="dark"] .chat-message{color:#e7eef9;background:#1b293c;border-color:#2e3d53}
html[data-theme="dark"] .chat-message.mine{background:#173d70;border-color:#2b61a1}
html[data-theme="dark"] .market-card-image,
html[data-theme="dark"] .upload-box,
html[data-theme="dark"] th,
html[data-theme="dark"] .empty-state{background:#121c2b}
html[data-theme="dark"] tbody tr:hover{background:#172b45}
html[data-theme="dark"] .theme-toggle{
  color:#dbe7f7;background:rgba(23,34,52,.96);border-color:#3a4a61;
}
html[data-theme="dark"] .mobile-bottom-nav{background:#172234;border-color:#28364a}
html[data-theme="dark"] .inline-user-rating,
html[data-theme="dark"] .role-badge{color:#9cc5ff;background:#183150;border-color:#2d5583}

@media(max-width:1100px){
  .six-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  .six-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .market-hero{padding:30px}
}
@media(max-width:760px){
  .page-shell,.header-inner{width:min(100% - 22px,1280px)}
  .main-nav{
    top:67px;left:11px;right:11px;padding:10px;border:1px solid var(--line);
    border-radius:14px;box-shadow:var(--shadow-lg);
  }
  .main-nav>a,.main-nav>button{width:100%}
  .market-hero{padding:25px 20px;border-radius:16px}
  .listing-grid,.six-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .market-card-body{padding:10px}
  .market-card-footer{align-items:flex-start;flex-direction:column}
  .card-view-button{width:100%}
  .search-panel{align-items:stretch;flex-direction:column}
  .profile-hero{align-items:flex-start;flex-direction:column}
  .profile-avatar{width:92px;height:92px}
  .theme-toggle{left:12px;bottom:70px;min-width:44px;width:44px;padding:0}
  .theme-toggle span:last-child{display:none}
}
@media(max-width:430px){
  .listing-grid,.six-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-card h3,.market-card h4{font-size:13px}
  .market-card-footer strong{font-size:16px}
}


/* COMPLETE ALL-PAGES REDESIGN */
body[class*="page-"] main{min-height:calc(100vh - 180px)}
body[class*="page-"] .page-heading{padding:4px 0 18px;border-bottom:1px solid var(--line)}
body[class*="page-"] .page-heading h1{margin:0;font-size:clamp(25px,3vw,36px);letter-spacing:-.035em}
body[class*="page-"] .page-heading p{max-width:760px;margin:7px 0 0;line-height:1.65}

/* Auth pages */
.page-login .inner-page,.page-register .inner-page,.page-verify-email .inner-page{display:grid;align-items:center;min-height:calc(100vh - 145px);padding-block:42px;background:radial-gradient(circle at 12% 10%,rgba(23,105,224,.09),transparent 26%),radial-gradient(circle at 90% 90%,rgba(68,143,242,.08),transparent 30%),#fff}
.page-login .auth-card,.page-register .auth-card,.page-verify-email .auth-card{width:min(500px,100%);margin:0 auto;padding:34px;border-radius:20px;box-shadow:0 20px 60px rgba(23,35,60,.11)}
.page-login .auth-card h1,.page-register .auth-card h1,.page-verify-email .auth-card h1{margin-bottom:8px;font-size:31px;letter-spacing:-.035em}
.page-login .auth-form,.page-register .auth-form{gap:13px}
.page-login .social-auth-button,.page-register .social-auth-button{border-radius:11px;box-shadow:0 2px 8px rgba(23,35,60,.04)}

/* Sell */
.page-sell .form-card{max-width:940px;margin:24px auto;padding:30px}
.page-sell .form-grid{gap:18px}.page-sell .upload-box{min-height:235px}
.page-sell button[type="submit"]{min-height:48px;padding-inline:24px;font-size:15px}

/* Listing */
.page-listing .listing-detail-grid{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}
.page-listing .listing-detail-grid>div:last-child{padding:8px 4px}
.page-listing .listing-detail-grid h1{margin:8px 0 5px;font-size:clamp(26px,3.2vw,40px);letter-spacing:-.035em}
.page-listing .listing-detail-grid p{line-height:1.65}.page-listing .listing-detail-grid .button-primary{min-height:50px;padding-inline:22px;font-size:15px}
.page-listing .seller-other-grid{gap:16px}.page-listing .seller-other-grid article{transition:.17s ease}.page-listing .seller-other-grid article:hover{transform:translateY(-3px);border-color:#b9d2f4;box-shadow:var(--shadow)}

/* Profile */
.page-profile #profileRoot{display:grid;gap:20px}.page-profile .profile-hero{margin:0}.page-profile .profile-hero>div:last-child{flex:1}
.page-profile .profile-feedback-section,.page-profile #profileRoot>section:not(.profile-hero){padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}
.page-profile .listing-toggle{align-items:center;padding:13px 4px}.page-profile .listing-toggle button{min-width:92px}

/* Orders */
.page-orders #ordersRoot{display:grid;gap:14px;margin-top:22px}
.page-orders #ordersRoot>article,.page-orders #ordersRoot>.panel,.page-orders #ordersRoot>div:not(.empty-state){padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow-sm)}
.page-orders #ordersRoot a{color:var(--blue);font-weight:800}.page-orders #ordersRoot article:hover{border-color:#bfd5f3;box-shadow:var(--shadow)}

/* Order room */
.page-order .order-room-layout{margin-top:22px}.page-order .order-room-main{border-radius:20px}.page-order .order-room-sidebar{position:sticky;top:92px}
.page-order .large-sidebar-card,.page-order .escrow-banner{border-radius:16px}.page-order .room-tabs{gap:18px}.page-order .room-tabs button{padding:10px 2px;color:var(--muted)}
.page-order .chat-form .button-primary{min-width:86px}.page-order .quick-reply-chip{border-color:#d9e4f2;background:#f9fbfe}
.page-order .cancellation-review-panel,.page-order .restriction-appeal-panel,.page-order .transaction-complete-card{margin-top:22px;border-radius:18px;box-shadow:var(--shadow-sm)}

/* Midman */
.page-midman .request-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-midman .request-card{display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm);transition:.17s ease}
.page-midman .request-card:hover{transform:translateY(-3px);border-color:#b9d2f4;box-shadow:var(--shadow)}.page-midman .request-card h3{margin:0}.page-midman .request-card button{width:100%;margin-top:auto}

/* Moderator/Admin/Review */
.page-moderator .report-item,.page-transaction-review .review-card{margin-bottom:14px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm)}
.page-moderator .report-item:hover,.page-transaction-review .review-card:hover{border-color:#bfd5f3;box-shadow:var(--shadow)}
.page-admin .panel{padding:22px}.page-admin .table-wrap{margin-top:18px}.page-admin table td,.page-admin table th{vertical-align:middle}.page-admin table button{min-height:34px;padding:6px 10px;font-size:12px}

/* Marketplace */
.page-marketplace .search-panel{position:sticky;top:86px;z-index:20}.page-marketplace .listing-grid{margin-top:18px}.page-marketplace .pagination{padding:8px}

/* Verify email */
.page-verify-email .auth-wrap{width:min(510px,calc(100% - 30px));margin:auto}.page-verify-email .auth-card{text-align:center}.page-verify-email .auth-card .button{width:100%;margin-top:8px}

/* Redirect pages */
.page-dashboard,.page-profiles{display:grid;place-items:center;min-height:100vh;padding:24px;background:radial-gradient(circle at center,rgba(23,105,224,.08),transparent 38%),#fff}
.page-dashboard p,.page-profiles p{padding:20px 24px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.page-dashboard a,.page-profiles a{color:var(--blue);font-weight:800}

/* Dark fixes */
html[data-theme="dark"] .page-login .inner-page,html[data-theme="dark"] .page-register .inner-page,html[data-theme="dark"] .page-verify-email .inner-page,html[data-theme="dark"] .page-dashboard,html[data-theme="dark"] .page-profiles{background:radial-gradient(circle at 12% 10%,rgba(41,119,232,.12),transparent 28%),#0f1724}
html[data-theme="dark"] .page-listing .listing-detail-grid,html[data-theme="dark"] .page-profile .profile-feedback-section,html[data-theme="dark"] .page-profile #profileRoot>section:not(.profile-hero),html[data-theme="dark"] .page-orders #ordersRoot>article,html[data-theme="dark"] .page-orders #ordersRoot>.panel,html[data-theme="dark"] .page-orders #ordersRoot>div:not(.empty-state),html[data-theme="dark"] .page-midman .request-card,html[data-theme="dark"] .page-moderator .report-item,html[data-theme="dark"] .page-transaction-review .review-card,html[data-theme="dark"] .page-dashboard p,html[data-theme="dark"] .page-profiles p{color:#edf3ff;background:#172234;border-color:#28364a}

@media(max-width:900px){.page-order .order-room-sidebar{position:static}.page-midman .request-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body[class*="page-"] .inner-page{padding-top:24px}.page-login .auth-card,.page-register .auth-card,.page-verify-email .auth-card{padding:24px 18px}.page-sell .form-card{padding:20px 16px}.page-listing .listing-detail-grid{padding:15px}.page-profile .profile-feedback-section,.page-profile #profileRoot>section:not(.profile-hero){padding:17px}.page-order .order-room-main{padding:12px}.page-midman .request-grid{grid-template-columns:1fr}.page-admin .panel,.page-moderator .report-item,.page-transaction-review .review-card{padding:16px}}


/* BASIC TABBED PROFILE */
.page-profile,.page-profile .profile-page{background:#fff}
.page-profile .profile-page{padding:32px 0 90px}
.page-profile #profileRoot{display:grid}
.basic-profile-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border:1px solid #e2e8f0;border-radius:14px 14px 0 0;background:#fff}
.basic-profile-info{display:flex;align-items:center;gap:18px;min-width:0}
.basic-profile-avatar{width:86px;height:86px;flex:0 0 auto;object-fit:cover;border:1px solid #dce3ec;border-radius:50%;background:#f1f5f9}
.profile-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.profile-name-row h1{margin:0;color:#17233c;font-size:27px;letter-spacing:-.025em}
.profile-badge{padding:4px 8px;border:1px solid #cbdcf3;border-radius:999px;color:#245ea9;background:#f1f6ff;font-size:10px;font-weight:800}
.basic-profile-rating{margin:7px 0 6px;color:#4f5d73;font-size:14px;font-weight:700}
.profile-status{display:inline-flex;align-items:center;gap:7px;color:#64748b;font-size:13px;font-weight:600}
.profile-status i{width:8px;height:8px;border-radius:50%;background:#94a3b8}.profile-status.online i{background:#22c55e}
.report-user-button{min-height:38px;padding:8px 13px;border:1px solid #d7dde6;border-radius:8px;color:#526078;background:#fff;font-size:13px;font-weight:700}
.report-user-button:hover{color:#b42318;border-color:#f0b7b2;background:#fff7f6}
.profile-tabs{display:flex;gap:28px;padding:0 24px;border:1px solid #e2e8f0;border-top:0;background:#fff}
.profile-tabs button{position:relative;min-height:54px;padding:0 4px;border:0;border-radius:0;color:#64748b;background:transparent;font-size:14px;font-weight:700}
.profile-tabs button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent}
.profile-tabs button.active{color:#17233c}.profile-tabs button.active:after{background:#1769e0}
.profile-tab-content{margin-top:24px}.profile-tab-panel{min-height:360px}
.profile-tab-heading,.reviews-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.profile-tab-heading h2,.reviews-title-row h2,.about-card h2{margin:0;color:#17233c;font-size:24px}
.profile-tab-heading p,.reviews-title-row p{margin:4px 0 0;color:#64748b;font-size:13px}
#sellerShopSearch{width:min(420px,100%);min-height:44px;padding:10px 14px;border:1px solid #d7dee8;border-radius:9px}
#sellerShopSearch:focus,.profile-bio-form textarea:focus{border-color:#1769e0;outline:0;box-shadow:0 0 0 3px rgba(23,105,224,.1)}
.seller-listing-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
.seller-listing-card{overflow:hidden;border:1px solid #e2e8f0;border-radius:10px;background:#fff}
.seller-listing-card:hover{border-color:#b9cdec;box-shadow:0 7px 20px rgba(23,35,60,.08)}
.seller-listing-image{display:block;aspect-ratio:1/1;overflow:hidden;background:#f4f7fb}.seller-listing-image img{width:100%;height:100%;object-fit:cover}
.seller-listing-body{display:flex;min-height:142px;flex-direction:column;gap:8px;padding:11px}.seller-listing-body h3{margin:0;display:-webkit-box;overflow:hidden;color:#25324a;font-size:13px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.seller-listing-body strong{color:#1769e0;font-size:16px}.seller-listing-button{display:flex;align-items:center;justify-content:center;margin-top:auto;padding:8px;border-radius:8px;color:#fff;background:#1769e0;font-size:12px;font-weight:700}
.review-filter-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.review-filter-tabs button{min-height:38px;padding:8px 14px;border:1px solid #d8dee8;border-radius:8px;color:#4f5d73;background:#fff;font-size:13px;font-weight:700}.review-filter-tabs button.active{color:#fff;border-color:#1769e0;background:#1769e0}
.profile-review-list{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.profile-review-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid #edf0f4}.profile-review-row:last-child{border-bottom:0}
.review-main{display:flex;gap:12px}.review-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:7px}.review-icon.positive{background:#ecfdf3}.review-icon.negative{background:#fff1f2}
.review-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#64748b;font-size:12px}.review-meta strong{color:#25324a}.profile-review-row p{margin:7px 0 0;color:#4f5d73;font-size:13px}.profile-review-row time{color:#7d8899;font-size:11px;white-space:nowrap}
.about-card{padding:24px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.about-card>p{margin:16px 0 0;color:#526078;line-height:1.7;white-space:pre-line}
.profile-bio-form{display:grid;gap:10px;margin-top:18px}.profile-bio-form textarea{min-height:150px;padding:12px 14px;border:1px solid #d7dee8;border-radius:9px;resize:vertical}.profile-bio-form .button{width:max-content}
.profile-pagination{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:26px}.profile-pagination button{min-width:38px;min-height:38px;padding:7px 11px;border:1px solid #d8dee8;border-radius:8px;background:#fff;font-size:12px;font-weight:700}.profile-pagination button.active{color:#fff;border-color:#1769e0;background:#1769e0}.profile-pagination button:disabled{opacity:.45}
.profile-empty-panel{padding:50px 20px;border:1px dashed #d0d8e3;border-radius:10px;color:#64748b;background:#fafcfe;text-align:center}
html[data-theme="dark"] .page-profile,html[data-theme="dark"] .page-profile .profile-page{background:#0f1724}
html[data-theme="dark"] .basic-profile-card,html[data-theme="dark"] .profile-tabs,html[data-theme="dark"] .seller-listing-card,html[data-theme="dark"] .profile-review-list,html[data-theme="dark"] .about-card,html[data-theme="dark"] .profile-review-row{color:#edf3ff;border-color:#29384d;background:#172335}
html[data-theme="dark"] .profile-name-row h1,html[data-theme="dark"] .profile-tabs button.active,html[data-theme="dark"] .profile-tab-heading h2,html[data-theme="dark"] .reviews-title-row h2,html[data-theme="dark"] .about-card h2,html[data-theme="dark"] .seller-listing-body h3,html[data-theme="dark"] .review-meta strong{color:#edf3ff}
@media(max-width:1100px){.seller-listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.seller-listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.basic-profile-card{align-items:flex-start;padding:20px}.basic-profile-avatar{width:72px;height:72px}.profile-name-row h1{font-size:23px}.profile-tab-heading{align-items:stretch;flex-direction:column}#sellerShopSearch{width:100%}.seller-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-review-row{flex-direction:column}.profile-review-row time{margin-left:40px}}
@media(max-width:520px){.basic-profile-card{flex-direction:column}.basic-profile-actions,.report-user-button{width:100%}}


/* ==========================================================
   GAMEBNS PROFILE — PREMIUM LIGHT + DARK THEME
   Minimal marketplace profile, polished in both modes
========================================================== */

.page-profile{
  --pf-bg:#f6f8fb;
  --pf-surface:#ffffff;
  --pf-surface-2:#f9fbfd;
  --pf-text:#182236;
  --pf-text-2:#536078;
  --pf-muted:#7a879a;
  --pf-line:#e3e8ef;
  --pf-line-strong:#d5dde8;
  --pf-blue:#1769e0;
  --pf-blue-hover:#0f58c8;
  --pf-blue-soft:#eef5ff;
  --pf-green:#18a957;
  --pf-red:#cf3c34;
  --pf-shadow:0 12px 32px rgba(28,39,60,.08);
  --pf-shadow-hover:0 18px 42px rgba(28,39,60,.13);
  --pf-radius:14px;
  background:var(--pf-bg);
}

.page-profile .profile-page{
  min-height:calc(100vh - 160px);
  padding:34px 0 96px;
  background:
    linear-gradient(180deg,rgba(23,105,224,.035),transparent 260px),
    var(--pf-bg);
}

.page-profile #profileRoot{
  display:grid;
  gap:0;
}

/* Profile header */
.page-profile .basic-profile-card{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-height:142px;
  padding:26px 30px;
  border:1px solid var(--pf-line);
  border-radius:16px 16px 0 0;
  background:var(--pf-surface);
  box-shadow:var(--pf-shadow);
}

.page-profile .basic-profile-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  border-radius:16px 16px 0 0;
  background:linear-gradient(90deg,var(--pf-blue),#56a0ff);
}

.page-profile .basic-profile-info{
  min-width:0;
  display:flex;
  align-items:center;
  gap:20px;
}

.page-profile .basic-profile-avatar{
  width:92px;
  height:92px;
  flex:0 0 auto;
  object-fit:cover;
  border:4px solid var(--pf-surface);
  border-radius:50%;
  background:var(--pf-surface-2);
  box-shadow:
    0 0 0 1px var(--pf-line-strong),
    0 8px 22px rgba(26,39,64,.14);
}

.page-profile .basic-profile-copy{
  min-width:0;
}

.page-profile .profile-name-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

.page-profile .profile-name-row h1{
  margin:0;
  color:var(--pf-text);
  font-size:clamp(25px,3vw,31px);
  line-height:1.08;
  letter-spacing:-.035em;
}

.page-profile .profile-badge{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 9px;
  border:1px solid #c9dcf7;
  border-radius:999px;
  color:#215aab;
  background:#f0f6ff;
  font-size:10px;
  font-weight:850;
  letter-spacing:.02em;
}

.page-profile .basic-profile-rating{
  margin:9px 0 7px;
  color:var(--pf-text-2);
  font-size:14px;
  font-weight:750;
}

.page-profile .profile-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--pf-muted);
  font-size:13px;
  font-weight:650;
}

.page-profile .profile-status i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#98a5b7;
  box-shadow:0 0 0 3px rgba(152,165,183,.14);
}

.page-profile .profile-status.online{
  color:#18854a;
}

.page-profile .profile-status.online i{
  background:var(--pf-green);
  box-shadow:0 0 0 3px rgba(24,169,87,.13);
}

.page-profile .basic-profile-actions{
  flex:0 0 auto;
}

.page-profile .report-user-button{
  min-height:41px;
  padding:0 15px;
  border:1px solid var(--pf-line-strong);
  border-radius:9px;
  color:var(--pf-text-2);
  background:var(--pf-surface);
  font-size:13px;
  font-weight:750;
  box-shadow:0 2px 8px rgba(25,37,58,.04);
}

.page-profile .report-user-button:hover{
  color:var(--pf-red);
  border-color:#e8b4af;
  background:#fff8f7;
  transform:translateY(-1px);
}

/* Tabs */
.page-profile .profile-tabs{
  position:sticky;
  top:74px;
  z-index:18;
  display:flex;
  align-items:center;
  gap:34px;
  padding:0 30px;
  border:1px solid var(--pf-line);
  border-top:0;
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 20px rgba(27,40,62,.05);
  backdrop-filter:blur(12px);
}

.page-profile .profile-tabs button{
  position:relative;
  min-height:58px;
  padding:0 2px;
  border:0;
  border-radius:0;
  color:var(--pf-muted);
  background:transparent;
  font-size:14px;
  font-weight:750;
}

.page-profile .profile-tabs button::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:transparent;
  transform:scaleX(.4);
  transition:background-color .18s ease,transform .18s ease;
}

.page-profile .profile-tabs button:hover{
  color:var(--pf-blue);
  background:transparent;
  transform:none;
}

.page-profile .profile-tabs button.active{
  color:var(--pf-text);
}

.page-profile .profile-tabs button.active::after{
  background:var(--pf-blue);
  transform:scaleX(1);
}

/* Tab body */
.page-profile .profile-tab-content{
  margin-top:26px;
}

.page-profile .profile-tab-panel{
  min-height:380px;
}

.page-profile .profile-tab-heading,
.page-profile .reviews-title-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  margin-bottom:18px;
}

.page-profile .profile-tab-heading h2,
.page-profile .reviews-title-row h2,
.page-profile .about-card h2{
  margin:0;
  color:var(--pf-text);
  font-size:25px;
  line-height:1.2;
  letter-spacing:-.03em;
}

.page-profile .profile-tab-heading p,
.page-profile .reviews-title-row p{
  margin:5px 0 0;
  color:var(--pf-muted);
  font-size:13px;
}

/* Search */
.page-profile #sellerShopSearch{
  width:min(430px,100%);
  min-height:46px;
  padding:11px 15px 11px 42px;
  border:1px solid var(--pf-line-strong);
  border-radius:11px;
  color:var(--pf-text);
  background:
    linear-gradient(var(--pf-surface),var(--pf-surface)) padding-box,
    var(--pf-surface);
  box-shadow:0 3px 11px rgba(30,43,65,.045);
}

.page-profile .profile-tab-heading{
  position:relative;
}

.page-profile .profile-tab-heading::after{
  content:"⌕";
  position:absolute;
  right:397px;
  bottom:11px;
  color:#8a97aa;
  font-size:20px;
  line-height:1;
  pointer-events:none;
}

.page-profile #sellerShopSearch::placeholder{
  color:#97a3b4;
}

.page-profile #sellerShopSearch:focus,
.page-profile .profile-bio-form textarea:focus{
  border-color:#7daae8;
  outline:0;
  box-shadow:0 0 0 4px rgba(23,105,224,.1);
}

/* Shop grid */
.page-profile .seller-listing-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:15px;
}

.page-profile .seller-listing-card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--pf-line);
  border-radius:12px;
  background:var(--pf-surface);
  box-shadow:0 3px 12px rgba(28,40,62,.045);
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.page-profile .seller-listing-card:hover{
  transform:translateY(-3px);
  border-color:#b9cfee;
  box-shadow:var(--pf-shadow-hover);
}

.page-profile .seller-listing-image{
  position:relative;
  display:block;
  aspect-ratio:1/1;
  overflow:hidden;
  background:var(--pf-surface-2);
}

.page-profile .seller-listing-image::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:var(--pf-line);
}

.page-profile .seller-listing-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .24s ease;
}

.page-profile .seller-listing-card:hover img{
  transform:scale(1.035);
}

.page-profile .seller-listing-body{
  display:flex;
  min-height:150px;
  flex-direction:column;
  gap:9px;
  padding:13px;
}

.page-profile .seller-listing-body h3{
  margin:0;
  display:-webkit-box;
  overflow:hidden;
  color:var(--pf-text);
  font-size:13px;
  line-height:1.45;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.page-profile .seller-listing-body h3 a:hover{
  color:var(--pf-blue);
}

.page-profile .seller-listing-body strong{
  color:var(--pf-blue);
  font-size:17px;
  letter-spacing:-.02em;
}

.page-profile .seller-listing-button{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:auto;
  padding:8px 10px;
  border:1px solid var(--pf-blue);
  border-radius:8px;
  color:#fff;
  background:var(--pf-blue);
  font-size:12px;
  font-weight:800;
}

.page-profile .seller-listing-button:hover{
  border-color:var(--pf-blue-hover);
  background:var(--pf-blue-hover);
}

/* Reviews */
.page-profile .review-filter-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:16px;
}

.page-profile .review-filter-tabs button{
  min-height:38px;
  padding:8px 14px;
  border:1px solid var(--pf-line-strong);
  border-radius:999px;
  color:var(--pf-text-2);
  background:var(--pf-surface);
  font-size:12px;
  font-weight:750;
}

.page-profile .review-filter-tabs button:hover{
  color:var(--pf-blue);
  border-color:#a9c5e9;
  background:var(--pf-blue-soft);
  transform:none;
}

.page-profile .review-filter-tabs button.active{
  color:#fff;
  border-color:var(--pf-blue);
  background:var(--pf-blue);
}

.page-profile .profile-review-list{
  overflow:hidden;
  border:1px solid var(--pf-line);
  border-radius:13px;
  background:var(--pf-surface);
  box-shadow:var(--pf-shadow);
}

.page-profile .profile-review-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:20px 22px;
  border-bottom:1px solid var(--pf-line);
  background:var(--pf-surface);
}

.page-profile .profile-review-row:last-child{
  border-bottom:0;
}

.page-profile .profile-review-row:hover{
  background:var(--pf-surface-2);
}

.page-profile .review-main{
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:13px;
}

.page-profile .review-icon{
  width:32px;
  height:32px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:9px;
  font-size:15px;
}

.page-profile .review-icon.positive{
  background:#ecf9f1;
}

.page-profile .review-icon.negative{
  background:#fff0ef;
}

.page-profile .review-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  color:var(--pf-muted);
  font-size:12px;
}

.page-profile .review-meta strong{
  color:var(--pf-text);
  font-size:13px;
}

.page-profile .review-meta a{
  color:var(--pf-muted);
  font-weight:650;
}

.page-profile .review-meta a:hover{
  color:var(--pf-blue);
}

.page-profile .profile-review-row p{
  margin:8px 0 0;
  color:var(--pf-text-2);
  font-size:13px;
  line-height:1.6;
}

.page-profile .profile-review-row time{
  flex:0 0 auto;
  color:var(--pf-muted);
  font-size:11px;
  white-space:nowrap;
}

/* About */
.page-profile .about-card{
  padding:26px;
  border:1px solid var(--pf-line);
  border-radius:13px;
  background:var(--pf-surface);
  box-shadow:var(--pf-shadow);
}

.page-profile .about-card > p{
  margin:17px 0 0;
  max-width:820px;
  color:var(--pf-text-2);
  line-height:1.75;
  white-space:pre-line;
}

.page-profile .profile-bio-form{
  display:grid;
  gap:11px;
  margin-top:20px;
}

.page-profile .profile-bio-form label{
  color:var(--pf-text);
  font-size:13px;
  font-weight:750;
}

.page-profile .profile-bio-form textarea{
  width:100%;
  min-height:170px;
  padding:14px 15px;
  resize:vertical;
  border:1px solid var(--pf-line-strong);
  border-radius:11px;
  color:var(--pf-text);
  background:var(--pf-surface);
  line-height:1.6;
}

.page-profile .profile-bio-form .button{
  width:max-content;
  min-width:118px;
  min-height:42px;
  border-radius:9px;
  box-shadow:0 5px 14px rgba(23,105,224,.16);
}

/* Pagination */
.page-profile .profile-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  margin-top:28px;
}

.page-profile .profile-pagination button{
  min-width:39px;
  min-height:39px;
  padding:8px 11px;
  border:1px solid var(--pf-line-strong);
  border-radius:8px;
  color:var(--pf-text-2);
  background:var(--pf-surface);
  font-size:12px;
  font-weight:750;
}

.page-profile .profile-pagination button:hover:not(:disabled){
  color:var(--pf-blue);
  border-color:#a8c3e9;
  background:var(--pf-blue-soft);
  transform:none;
}

.page-profile .profile-pagination button.active{
  color:#fff;
  border-color:var(--pf-blue);
  background:var(--pf-blue);
}

.page-profile .profile-pagination button:disabled{
  opacity:.42;
  cursor:not-allowed;
}

/* Empty state */
.page-profile .profile-empty-panel{
  padding:64px 24px;
  border:1px dashed var(--pf-line-strong);
  border-radius:12px;
  color:var(--pf-muted);
  background:var(--pf-surface);
  text-align:center;
}

/* Dark theme */
html[data-theme="dark"] .page-profile{
  --pf-bg:#0d1522;
  --pf-surface:#151f2f;
  --pf-surface-2:#101927;
  --pf-text:#eff5ff;
  --pf-text-2:#b7c2d2;
  --pf-muted:#8f9daf;
  --pf-line:#273448;
  --pf-line-strong:#35445b;
  --pf-blue:#4389ee;
  --pf-blue-hover:#5a99f2;
  --pf-blue-soft:#172c48;
  --pf-green:#42c979;
  --pf-red:#ff7b72;
  --pf-shadow:0 14px 34px rgba(0,0,0,.27);
  --pf-shadow-hover:0 20px 46px rgba(0,0,0,.38);
}

html[data-theme="dark"] .page-profile .profile-page{
  background:
    linear-gradient(180deg,rgba(67,137,238,.055),transparent 280px),
    var(--pf-bg);
}

html[data-theme="dark"] .page-profile .basic-profile-card,
html[data-theme="dark"] .page-profile .profile-tabs,
html[data-theme="dark"] .page-profile .seller-listing-card,
html[data-theme="dark"] .page-profile .profile-review-list,
html[data-theme="dark"] .page-profile .profile-review-row,
html[data-theme="dark"] .page-profile .about-card,
html[data-theme="dark"] .page-profile .profile-empty-panel{
  color:var(--pf-text);
  background:var(--pf-surface);
  border-color:var(--pf-line);
}

html[data-theme="dark"] .page-profile .profile-tabs{
  background:rgba(21,31,47,.96);
}

html[data-theme="dark"] .page-profile .basic-profile-avatar{
  border-color:var(--pf-surface);
  box-shadow:
    0 0 0 1px var(--pf-line-strong),
    0 10px 26px rgba(0,0,0,.32);
}

html[data-theme="dark"] .page-profile .profile-badge{
  color:#b8d5ff;
  border-color:#355a87;
  background:#19324f;
}

html[data-theme="dark"] .page-profile .report-user-button,
html[data-theme="dark"] .page-profile #sellerShopSearch,
html[data-theme="dark"] .page-profile .review-filter-tabs button,
html[data-theme="dark"] .page-profile .profile-pagination button,
html[data-theme="dark"] .page-profile .profile-bio-form textarea{
  color:var(--pf-text);
  border-color:var(--pf-line-strong);
  background:var(--pf-surface-2);
}

html[data-theme="dark"] .page-profile .report-user-button:hover{
  color:#ff938b;
  border-color:#734540;
  background:#281a1d;
}

html[data-theme="dark"] .page-profile .seller-listing-image{
  background:#101927;
}

html[data-theme="dark"] .page-profile .review-icon.positive{
  background:#173326;
}

html[data-theme="dark"] .page-profile .review-icon.negative{
  background:#382123;
}

/* Responsive */
@media(max-width:1120px){
  .page-profile .seller-listing-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .page-profile .profile-tab-heading::after{
    display:none;
  }
}

@media(max-width:850px){
  .page-profile .seller-listing-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .page-profile .profile-page{
    padding-top:20px;
  }

  .page-profile .basic-profile-card{
    align-items:flex-start;
    padding:22px 20px;
  }

  .page-profile .basic-profile-avatar{
    width:76px;
    height:76px;
  }

  .page-profile .profile-tabs{
    top:70px;
    gap:24px;
    padding-inline:20px;
  }

  .page-profile .profile-tab-heading{
    align-items:stretch;
    flex-direction:column;
  }

  .page-profile #sellerShopSearch{
    width:100%;
    padding-left:15px;
  }

  .page-profile .seller-listing-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
  }

  .page-profile .profile-review-row{
    flex-direction:column;
  }

  .page-profile .profile-review-row time{
    margin-left:45px;
  }
}

@media(max-width:520px){
  .page-profile .basic-profile-card{
    flex-direction:column;
  }

  .page-profile .basic-profile-info{
    align-items:flex-start;
  }

  .page-profile .basic-profile-actions,
  .page-profile .report-user-button{
    width:100%;
  }

  .page-profile .seller-listing-body{
    min-height:140px;
    padding:11px;
  }

  .page-profile .profile-tabs{
    justify-content:space-between;
    gap:0;
  }
}


/* =====================================================
   PROFILE REVIEW ITEM + SHOP CART UPDATE
===================================================== */

.profile-shop-tools{
  width:min(580px,100%);
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
}

.profile-cart-summary{
  position:relative;
  min-height:44px;
  display:flex;
  align-items:center;
  padding:0 14px;
  border:1px solid var(--pf-line-strong,#d5dde8);
  border-radius:10px;
  color:var(--pf-text-2,#536078);
  background:var(--pf-surface,#fff);
  font-size:13px;
  font-weight:800;
}

.profile-cart-count{
  min-width:19px;
  height:19px;
  display:grid;
  place-items:center;
  margin-left:7px;
  padding:0 5px;
  border-radius:999px;
  color:#fff;
  background:var(--pf-blue,#1769e0);
  font-size:10px;
}

.card-minimum-purchase{
  color:var(--pf-muted,#7a879a);
  font-size:11px;
  font-weight:650;
}

.seller-card-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:auto;
}

.seller-add-cart-button,
.seller-buy-now-button{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7px 8px;
  border-radius:8px;
  font-size:11px;
  font-weight:800;
  text-align:center;
}

.seller-add-cart-button{
  border:1px solid #abc8ee;
  color:var(--pf-blue,#1769e0);
  background:var(--pf-blue-soft,#eef5ff);
}

.seller-add-cart-button:hover:not(:disabled){
  border-color:var(--pf-blue,#1769e0);
  background:#e3efff;
  transform:none;
}

.seller-add-cart-button:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.seller-buy-now-button{
  border:1px solid var(--pf-blue,#1769e0);
  color:#fff;
  background:var(--pf-blue,#1769e0);
}

.seller-buy-now-button:hover{
  color:#fff;
  background:var(--pf-blue-hover,#0f58c8);
}

/* Quantity popup */
.profile-cart-modal{
  position:fixed;
  inset:0;
  z-index:1100;
  display:grid;
  place-items:center;
  padding:20px;
}

.profile-cart-modal-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  border-radius:0;
  background:rgba(15,23,42,.55);
  backdrop-filter:blur(3px);
}

.profile-cart-dialog{
  position:relative;
  z-index:1;
  width:min(470px,100%);
  padding:24px;
  border:1px solid var(--pf-line,#e3e8ef);
  border-radius:16px;
  background:var(--pf-surface,#fff);
  box-shadow:0 30px 90px rgba(15,23,42,.28);
}

.profile-cart-close{
  position:absolute;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  min-height:0;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  color:var(--pf-muted,#7a879a);
  background:var(--pf-surface-2,#f9fbfd);
  font-size:21px;
}

.profile-cart-product{
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  align-items:center;
  gap:14px;
  padding-right:30px;
}

.profile-cart-product img{
  width:76px;
  height:76px;
  object-fit:cover;
  border:1px solid var(--pf-line,#e3e8ef);
  border-radius:10px;
  background:var(--pf-surface-2,#f9fbfd);
}

.profile-cart-product h3{
  margin:0 0 5px;
  color:var(--pf-text,#182236);
  font-size:18px;
}

.profile-cart-product p{
  margin:0 0 4px;
  color:var(--pf-blue,#1769e0);
  font-weight:850;
}

.profile-cart-product small{
  color:var(--pf-muted,#7a879a);
}

.profile-cart-quantity{
  display:grid;
  gap:8px;
  margin-top:22px;
  color:var(--pf-text,#182236);
  font-size:13px;
  font-weight:750;
}

.profile-cart-quantity input{
  width:100%;
  min-height:46px;
  padding:10px 12px;
  border:1px solid var(--pf-line-strong,#d5dde8);
  border-radius:9px;
  color:var(--pf-text,#182236);
  background:var(--pf-surface,#fff);
}

.profile-cart-dialog-actions{
  display:flex;
  justify-content:flex-end;
  gap:9px;
  margin-top:20px;
}

/* Exact requested review format */
.profile-review-row{
  display:block!important;
}

.review-content{
  width:100%;
}

.review-heading-line{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}

.review-heading-left{
  min-width:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  color:var(--pf-text-2,#536078);
  font-size:13px;
}

.review-heading-left .review-icon{
  width:auto;
  height:auto;
  display:inline;
  padding:0;
  background:transparent!important;
  font-size:15px;
}

.review-item-link{
  color:var(--pf-text,#182236);
  font-weight:850;
}

a.review-item-link:hover{
  color:var(--pf-blue,#1769e0);
  text-decoration:underline;
}

.review-divider{
  color:var(--pf-muted,#7a879a);
}

.reviewer-name{
  color:var(--pf-text-2,#536078);
  font-weight:650;
}

.reviewer-name:hover{
  color:var(--pf-blue,#1769e0);
}

.review-heading-line time{
  flex:0 0 auto;
  color:var(--pf-muted,#7a879a);
  font-size:11px;
  white-space:nowrap;
}

.review-comment{
  margin:12px 0 0!important;
  padding-left:29px;
  color:var(--pf-text-2,#536078)!important;
  font-size:13px!important;
  font-style:italic;
  line-height:1.6!important;
}

/* Listing detail minimum */
.listing-minimum-purchase{
  width:max-content;
  max-width:100%;
  margin:8px 0 4px!important;
  padding:6px 10px;
  border:1px solid #cfe0f6;
  border-radius:8px;
  color:#3d5f8d;
  background:#f3f8ff;
  font-size:12px;
}

.listing-minimum-purchase strong{
  color:var(--blue,#1769e0);
}

html[data-theme="dark"] .profile-cart-dialog,
html[data-theme="dark"] .profile-cart-quantity input{
  color:var(--pf-text);
  background:var(--pf-surface);
  border-color:var(--pf-line-strong);
}

html[data-theme="dark"] .listing-minimum-purchase{
  color:#accbf6;
  border-color:#35577f;
  background:#172d48;
}

@media(max-width:760px){
  .profile-shop-tools{
    align-items:stretch;
    flex-direction:column-reverse;
  }

  .profile-cart-summary{
    width:max-content;
  }

  .seller-card-actions{
    grid-template-columns:1fr;
  }

  .profile-cart-dialog-actions{
    flex-direction:column-reverse;
  }

  .profile-cart-dialog-actions .button{
    width:100%;
  }

  .review-heading-line{
    flex-direction:column;
    gap:7px;
  }

  .review-heading-line time{
    margin-left:29px;
  }
}


/* =========================================================
   GAMEBNS ACCOUNT DASHBOARD
========================================================= */
.page-dashboard-center{background:#f5f7fb}
.dashboard-shell{width:min(1500px,100%);min-height:calc(100vh - 74px);margin:auto;display:grid;grid-template-columns:238px minmax(0,1fr)}
.dashboard-sidebar{position:sticky;top:74px;height:calc(100vh - 74px);padding:28px 18px;border-right:1px solid #e2e7ef;background:#fff}
.dashboard-sidebar-title{padding:0 12px 18px;color:#17233c;font-size:20px;font-weight:900;letter-spacing:-.025em}
.dashboard-side-nav{display:grid;gap:6px}.dashboard-side-nav button{width:100%;min-height:46px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:0 12px;border:0;border-radius:9px;color:#607087;background:transparent;text-align:left}.dashboard-side-nav button span{font-size:18px}.dashboard-side-nav button b{font-size:13px}.dashboard-side-nav button:hover{color:#1769e0;background:#f1f6ff;transform:none}.dashboard-side-nav button.active{color:#fff;background:#1769e0;box-shadow:0 7px 18px rgba(23,105,224,.2)}.dashboard-side-nav em{min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:999px;color:#1769e0;background:#fff;font-size:10px;font-style:normal;font-weight:900}.dashboard-main{min-width:0;padding:34px 36px 90px}.dashboard-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:25px}.dashboard-page-head h1{margin:0;color:#17233c;font-size:31px;letter-spacing:-.04em}.dashboard-page-head p{margin:7px 0 0;color:#718096}.dashboard-welcome{color:#64748b;font-size:13px;font-weight:700}.dashboard-loading{display:flex;align-items:center;gap:12px;padding:30px;color:#64748b}.dashboard-loading span{width:24px;height:24px;border:3px solid #dbe6f5;border-top-color:#1769e0;border-radius:50%;animation:dash-spin .8s linear infinite}@keyframes dash-spin{to{transform:rotate(360deg)}}
.overview-stats,.review-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.overview-stat,.review-stat-grid>div{min-height:130px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:21px;border:1px solid #e1e7ef;border-radius:13px;color:#17233c;background:#fff;box-shadow:0 5px 18px rgba(24,37,59,.055)}.overview-stat:hover{border-color:#b8cfee;box-shadow:0 10px 26px rgba(24,37,59,.09);transform:translateY(-2px)}.overview-stat span,.review-stat-grid span{color:#718096;font-size:12px;font-weight:750}.overview-stat strong,.review-stat-grid strong{font-size:31px;letter-spacing:-.04em}.overview-stat.featured,.review-stat-grid .featured{border-color:#bcd3f2;background:#f2f7ff}.overview-stat.featured strong{color:#1769e0}.dashboard-card{margin-top:22px;padding:24px;border:1px solid #e1e7ef;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(24,37,59,.05)}.dashboard-card h2,.section-title-row h2,.offer-toolbar h2{margin:0;color:#17233c;font-size:20px}.marketplace-summary h2{padding-bottom:15px;border-bottom:1px solid #edf0f4}.summary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px}.summary-list div{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #edf0f4;color:#64748b}.summary-list strong{color:#17233c}.dashboard-subtabs{display:flex;gap:8px;margin-bottom:22px;padding-bottom:13px;border-bottom:1px solid #e1e7ef}.dashboard-subtabs button{min-height:40px;padding:8px 14px;border:1px solid #d9e0ea;border-radius:8px;color:#536078;background:#fff;font-size:13px;font-weight:800}.dashboard-subtabs button.active{color:#fff;border-color:#1769e0;background:#1769e0}.order-section{margin-bottom:28px}.section-title-row,.offer-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.section-title-row span,.section-title-row p,.offer-toolbar p{margin:4px 0 0;color:#7a8799;font-size:12px}.dashboard-order-list{display:grid;gap:11px}.dashboard-order-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 20px;border:1px solid #e1e7ef;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(24,37,59,.045)}.dashboard-order-card:hover{border-color:#bed1eb}.order-card-code{color:#7a8799;font-size:11px;font-weight:800}.order-card-main h3{margin:6px 0 10px;color:#25324a;font-size:15px}.order-card-details{display:flex;flex-wrap:wrap;gap:8px 18px;color:#718096;font-size:12px}.order-card-details b{color:#435169}.order-card-side{display:flex;align-items:flex-end;flex-direction:column;gap:12px}.order-status{padding:6px 9px;border-radius:999px;color:#6b7280;background:#f1f5f9;font-size:10px;font-weight:850;text-transform:uppercase}.status-pending_seller{color:#995d08;background:#fff5d8}.status-completed{color:#147647;background:#eaf9f0}.status-cancelled{color:#a53a33;background:#fff0ef}.order-card-actions{display:flex;gap:7px}.button-danger-soft{color:#b42318!important;border-color:#efc0bc!important;background:#fff7f6!important}.completed-orders{padding-top:4px}.offer-toolbar input{width:min(390px,100%);min-height:44px;padding:10px 14px;border:1px solid #d8e0ea;border-radius:9px;background:#fff}.dashboard-offer-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.dashboard-offer-card{overflow:hidden;border:1px solid #e1e7ef;border-radius:11px;background:#fff;box-shadow:0 3px 12px rgba(24,37,59,.045)}.dashboard-offer-card:hover{border-color:#b8cfee;box-shadow:0 10px 24px rgba(24,37,59,.09);transform:translateY(-2px)}.offer-image{position:relative;aspect-ratio:1/1;overflow:hidden;background:#f1f4f8}.offer-image img{width:100%;height:100%;object-fit:cover}.offer-image span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:rgba(20,30,45,.62);font-size:12px;font-weight:900;text-transform:uppercase}.offer-card-body{display:flex;min-height:205px;flex-direction:column;gap:7px;padding:12px}.offer-card-body h3{margin:0;display:-webkit-box;overflow:hidden;color:#25324a;font-size:13px;-webkit-line-clamp:2;-webkit-box-orient:vertical}.offer-card-body>strong{color:#1769e0;font-size:17px}.offer-meta,.offer-stats{display:flex;justify-content:space-between;gap:7px;color:#7a8799;font-size:10px}.offer-stats{padding-top:8px;border-top:1px solid #edf0f4}.offer-stats b{color:#435169}.offer-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:auto}.offer-actions button{min-height:32px;padding:5px;border-radius:7px;font-size:10px}.offer-actions .danger{color:#b42318}.add-listing-card{margin-top:0}.dashboard-upload{min-height:210px;display:grid;place-items:center;overflow:hidden;border:2px dashed #ccd7e5;border-radius:12px;color:#64748b;background:#f8fafc;cursor:pointer}.dashboard-upload input{display:none}.dashboard-upload img{width:100%;max-height:300px;object-fit:contain}.dashboard-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.dashboard-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:rgba(15,23,42,.55)}.dashboard-modal-card{position:relative;z-index:1;width:min(680px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:25px;border-radius:15px;background:#fff;box-shadow:0 30px 90px rgba(15,23,42,.28)}.modal-x{position:absolute;top:12px;right:12px;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#f1f5f9}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.messages-workspace{height:calc(100vh - 190px);min-height:620px;display:grid;grid-template-columns:320px minmax(0,1fr);overflow:hidden;border:1px solid #e1e7ef;border-radius:14px;background:#fff;box-shadow:0 7px 24px rgba(24,37,59,.06)}.conversation-panel{display:flex;min-height:0;flex-direction:column;border-right:1px solid #e1e7ef}.conversation-panel>input{margin:15px;padding:11px 13px;border:1px solid #d8e0ea;border-radius:9px}.conversation-list{min-height:0;overflow:auto}.conversation-item{width:100%;display:grid;gap:4px;padding:14px 16px;border:0;border-bottom:1px solid #edf0f4;border-radius:0;background:#fff;text-align:left}.conversation-item:hover,.conversation-item.active{background:#f2f7ff;transform:none}.conversation-item div{display:flex;justify-content:space-between}.conversation-item strong{color:#25324a}.conversation-item em{min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;color:#fff;background:#1769e0;font-size:9px;font-style:normal}.conversation-item span,.conversation-item small{overflow:hidden;color:#64748b;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.conversation-chat{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.dashboard-chat-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid #e1e7ef}.dashboard-chat-head h2{margin:0;color:#25324a;font-size:18px}.dashboard-chat-head p{margin:4px 0 0;color:#7a8799;font-size:11px}.dashboard-chat-messages{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:9px;padding:18px;background:#f7f9fc}.dashboard-message{max-width:75%;padding:10px 12px;border:1px solid #e0e6ee;border-radius:11px;background:#fff}.dashboard-message.mine{align-self:flex-end;border-color:#bdd4f4;background:#eaf3ff}.dashboard-message.system{align-self:center;max-width:90%;color:#7b5c24;border-color:#f1dfad;background:#fff9e8;text-align:center}.dashboard-message strong{display:block;margin-bottom:4px;font-size:11px}.dashboard-message p{margin:0;color:#445168;font-size:13px;line-height:1.5}.dashboard-message small{display:block;margin-top:4px;color:#8a96a7;font-size:9px;text-align:right}.dashboard-message img{max-width:260px;border-radius:8px}.dashboard-message-form{display:flex;gap:8px;padding:13px;border-top:1px solid #e1e7ef}.dashboard-message-form input{flex:1;min-width:0;padding:11px 13px;border:1px solid #d8e0ea;border-radius:9px}.chat-placeholder{display:grid;place-items:center;color:#7a8799}.review-stat-grid{margin-bottom:22px}.review-stat-grid>div{min-height:120px}.dashboard-review-filters{margin-bottom:14px}.dashboard-review-list{overflow:hidden;border:1px solid #e1e7ef;border-radius:12px;background:#fff}.dashboard-review-card{padding:18px 20px;border-bottom:1px solid #edf0f4}.dashboard-review-card:last-child{border-bottom:0}.review-line{display:flex;justify-content:space-between;gap:20px}.review-line>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#536078;font-size:13px}.review-line strong{color:#25324a}.review-line a{color:#536078}.review-line time{color:#8a96a7;font-size:11px}.dashboard-review-card p{margin:11px 0 0 26px;color:#536078;font-size:13px;font-style:italic}.dashboard-pagination{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:25px}.dashboard-pagination button{min-width:38px;min-height:38px;padding:7px 10px;border:1px solid #d8e0ea;border-radius:8px;background:#fff;font-size:11px;font-weight:750}.dashboard-pagination button.active{color:#fff;border-color:#1769e0;background:#1769e0}.dashboard-pagination button:disabled{opacity:.4}.dashboard-empty{padding:42px 20px;border:1px dashed #ccd6e2;border-radius:11px;color:#7a8799;background:#fafbfd;text-align:center}
html[data-theme="dark"] .page-dashboard-center{background:#0e1623}html[data-theme="dark"] .dashboard-sidebar,html[data-theme="dark"] .overview-stat,html[data-theme="dark"] .dashboard-card,html[data-theme="dark"] .dashboard-order-card,html[data-theme="dark"] .dashboard-offer-card,html[data-theme="dark"] .messages-workspace,html[data-theme="dark"] .conversation-item,html[data-theme="dark"] .dashboard-review-list,html[data-theme="dark"] .dashboard-modal-card{color:#edf3ff;background:#162132;border-color:#29374b}html[data-theme="dark"] .dashboard-sidebar-title,html[data-theme="dark"] .dashboard-page-head h1,html[data-theme="dark"] .overview-stat,html[data-theme="dark"] .dashboard-card h2,html[data-theme="dark"] .section-title-row h2,html[data-theme="dark"] .offer-toolbar h2,html[data-theme="dark"] .order-card-main h3,html[data-theme="dark"] .offer-card-body h3,html[data-theme="dark"] .conversation-item strong,html[data-theme="dark"] .dashboard-chat-head h2,html[data-theme="dark"] .review-line strong{color:#edf3ff}html[data-theme="dark"] .overview-stat.featured,html[data-theme="dark"] .review-stat-grid .featured,html[data-theme="dark"] .conversation-item:hover,html[data-theme="dark"] .conversation-item.active{background:#172d48}html[data-theme="dark"] .offer-image,html[data-theme="dark"] .dashboard-chat-messages,html[data-theme="dark"] .dashboard-empty{background:#101927}html[data-theme="dark"] .dashboard-message{background:#1d2a3d;border-color:#324157}html[data-theme="dark"] .dashboard-message.mine{background:#173b67;border-color:#2c5d96}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{color:#edf3ff;background:#101927;border-color:#35445b}
@media(max-width:1200px){.dashboard-offer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-stats,.review-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.dashboard-shell{grid-template-columns:1fr}.dashboard-sidebar{position:static;height:auto;padding:12px 14px;border-right:0;border-bottom:1px solid #e1e7ef}.dashboard-sidebar-title{display:none}.dashboard-side-nav{grid-template-columns:repeat(5,1fr);gap:5px}.dashboard-side-nav button{grid-template-columns:1fr;justify-items:center;padding:7px 4px}.dashboard-side-nav button span{font-size:15px}.dashboard-side-nav button b{font-size:10px}.dashboard-side-nav em{position:absolute;margin:0 0 25px 28px}.dashboard-main{padding:24px 18px 90px}.messages-workspace{grid-template-columns:270px minmax(0,1fr)}}
@media(max-width:760px){.dashboard-page-head{flex-direction:column}.dashboard-welcome{display:none}.dashboard-order-card{align-items:flex-start;flex-direction:column}.order-card-side{width:100%;align-items:flex-start}.order-card-actions{width:100%;flex-wrap:wrap}.order-card-actions .button{flex:1}.dashboard-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.offer-toolbar{align-items:stretch;flex-direction:column}.offer-toolbar input{width:100%}.messages-workspace{height:auto;min-height:0;grid-template-columns:1fr}.conversation-panel{max-height:280px;border-right:0;border-bottom:1px solid #e1e7ef}.conversation-chat{min-height:560px}.summary-list{grid-template-columns:1fr}.review-line{flex-direction:column;gap:7px}.dashboard-review-card p{margin-left:0}.modal-actions{flex-direction:column-reverse}.modal-actions .button{width:100%}}
@media(max-width:520px){.overview-stats,.review-stat-grid{grid-template-columns:1fr 1fr}.overview-stat,.review-stat-grid>div{min-height:105px;padding:16px}.overview-stat strong,.review-stat-grid strong{font-size:25px}.dashboard-side-nav button b{display:none}.dashboard-side-nav button{min-height:42px}.dashboard-main{padding-inline:12px}.dashboard-offer-grid{gap:9px}.offer-actions{grid-template-columns:1fr}.messages-workspace{border-radius:10px}}


/* MULTIPURPOSE DASHBOARD MESSAGES + TRANSACTION ROOM */
.messages-page-top{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(520px,1.8fr);align-items:center;gap:28px;margin-bottom:18px}.messages-page-top h1{margin:0;font-size:32px}.messages-page-top p{margin:6px 0 0;color:var(--muted)}.messages-top-progress{min-width:0}.transaction-progress-horizontal{display:flex;align-items:flex-start;width:100%}.tx-progress-step{display:flex;min-width:65px;flex-direction:column;align-items:center;gap:6px;color:#94a3b8;font-size:11px;text-align:center}.tx-progress-step span{width:27px;height:27px;display:grid;place-items:center;border:2px solid #cbd5e1;border-radius:50%;background:#fff;font-size:12px}.tx-progress-step.done{color:#15803d}.tx-progress-step.done span{color:#fff;border-color:#22c55e;background:#22c55e}.tx-progress-step.current{color:#1d4ed8}.tx-progress-step.current span{color:#fff;border-color:#2563eb;background:#2563eb;box-shadow:0 0 0 5px rgba(37,99,235,.12)}.tx-progress-line{height:3px;flex:1;margin:13px 4px 0;border-radius:999px;background:#dbe2ea}.tx-progress-line.done{background:#22c55e}.transaction-progress-alert{padding:13px 16px;border:1px solid #fecaca;border-radius:10px;color:#991b1b;background:#fef2f2;font-weight:800}.dashboard-transaction-panel{border-bottom:1px solid var(--line);background:#fff}.dashboard-transaction-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line)}.dashboard-transaction-summary>div{padding:13px;background:#fff}.dashboard-transaction-summary span{display:block;margin-bottom:4px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.dashboard-transaction-summary strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:12px;white-space:nowrap}.dashboard-midman-consent{display:flex;align-items:center;gap:15px;padding:11px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.dashboard-midman-consent span{margin-right:auto;font-weight:800}.dashboard-midman-consent b{color:#475569}.dashboard-transaction-actions{padding:14px}.dashboard-transaction-actions h3{margin:0 0 10px;font-size:14px}.dashboard-transaction-actions>div{display:flex;flex-wrap:wrap;gap:8px}.tx-no-action{color:var(--muted);font-size:12px}.chat-selected-label{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.1em}.dashboard-chat-attach{min-width:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}.dashboard-quick-replies{display:flex;flex-wrap:wrap;gap:7px;padding:10px 14px 14px;border-top:1px solid var(--line);background:#fff}.dashboard-quick-replies button{min-height:32px;padding:6px 10px;border-radius:999px;background:#f8fafc;font-size:11px}.dashboard-message-author{display:flex;align-items:center;gap:7px;margin-bottom:5px}.dashboard-message img{max-width:280px;max-height:240px;display:block;margin:7px 0;border-radius:10px;object-fit:contain}.dashboard-message p{margin:4px 0}.dashboard-message .chat-role{text-transform:capitalize}.button-danger-soft{color:#b91c1c!important;border-color:#fecaca!important;background:#fff5f5!important}
html[data-theme="dark"] .dashboard-transaction-panel,html[data-theme="dark"] .dashboard-transaction-summary>div,html[data-theme="dark"] .dashboard-quick-replies,html[data-theme="dark"] .dashboard-chat-attach{background:#172234;border-color:#334155}html[data-theme="dark"] .dashboard-transaction-summary{background:#334155}html[data-theme="dark"] .tx-progress-step span{background:#172234;border-color:#475569}html[data-theme="dark"] .dashboard-quick-replies button{background:#111c2b}
@media(max-width:1050px){.messages-page-top{grid-template-columns:1fr}.dashboard-transaction-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.messages-page-top{display:block}.messages-top-progress{margin-top:18px;overflow-x:auto;padding-bottom:8px}.transaction-progress-horizontal{min-width:560px}.dashboard-transaction-summary{grid-template-columns:repeat(2,1fr)}.dashboard-midman-consent{align-items:flex-start;flex-direction:column;gap:6px}.dashboard-midman-consent span{margin-right:0}.dashboard-message-form{grid-template-columns:44px minmax(0,1fr);}.dashboard-message-form .button{grid-column:1/-1;width:100%}}


/* =====================================================
   DASHBOARD CHAT: ACTIONS + MIDMAN CONSENT BELOW CHAT
===================================================== */

.page-dashboard-center .conversation-chat{
  grid-template-rows:auto minmax(360px,1fr) auto auto auto;
}

.page-dashboard-center .dashboard-transaction-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:14px;
  padding:16px;
  border-top:1px solid #e1e7ef;
  border-bottom:0;
  background:#f7f9fc;
}

.page-dashboard-center .dashboard-transaction-card{
  min-width:0;
  padding:18px;
  border:1px solid #dde5ef;
  border-radius:13px;
  background:#fff;
  box-shadow:0 5px 18px rgba(24,37,59,.055);
}

.page-dashboard-center .transaction-card-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:15px;
  padding-bottom:13px;
  border-bottom:1px solid #edf1f5;
}

.page-dashboard-center .transaction-card-kicker{
  display:block;
  margin-bottom:4px;
  color:#7b8aa0;
  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
}

.page-dashboard-center .transaction-card-heading h3{
  margin:0;
  color:#1d2a40;
  font-size:16px;
  letter-spacing:-.015em;
}

.page-dashboard-center .transaction-status-pill,
.page-dashboard-center .consent-overall-status{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:5px 9px;
  border-radius:999px;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
}

.page-dashboard-center .transaction-status-pill{
  color:#245fae;
  border:1px solid #bed4f2;
  background:#eef5ff;
}

.page-dashboard-center .consent-overall-status.approved{
  color:#166534;
  border:1px solid #86efac;
  background:#dcfce7;
}

.page-dashboard-center .consent-overall-status.waiting{
  color:#8a5600;
  border:1px solid #f2cc65;
  background:#fff4c7;
}

.page-dashboard-center .transaction-order-mini-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-bottom:15px;
}

.page-dashboard-center .transaction-order-mini-summary>div{
  min-width:0;
  padding:11px 12px;
  border:1px solid #e5eaf1;
  border-radius:9px;
  background:#f8fafc;
}

.page-dashboard-center .transaction-order-mini-summary span{
  display:block;
  margin-bottom:4px;
  color:#7a8799;
  font-size:9px;
  font-weight:850;
  text-transform:uppercase;
}

.page-dashboard-center .transaction-order-mini-summary strong{
  display:block;
  overflow:hidden;
  color:#2d3a50;
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.page-dashboard-center .transaction-action-buttons{
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:8px;
}

.page-dashboard-center .transaction-action-buttons .button,
.page-dashboard-center .transaction-action-buttons button{
  min-height:39px;
  font-size:11px;
  font-weight:800;
}

.page-dashboard-center .tx-no-action{
  width:100%;
  padding:13px;
  border:1px dashed #ccd6e2;
  border-radius:9px;
  color:#708096;
  background:#fafbfd;
  line-height:1.5;
}

.page-dashboard-center .midman-consent-card{
  border-color:#cedcf0;
  background:
    linear-gradient(180deg,#ffffff,#f8fbff);
}

.page-dashboard-center .consent-detail-list{
  display:grid;
  gap:9px;
}

.page-dashboard-center .consent-detail-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:58px;
  padding:11px 12px;
  border:1px solid #e3e9f1;
  border-radius:10px;
  background:#fff;
}

.page-dashboard-center .consent-person{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}

.page-dashboard-center .consent-role-label{
  color:#7a8799;
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.page-dashboard-center .consent-person strong{
  overflow:hidden;
  color:#27354a;
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.page-dashboard-center .consent-status{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:29px;
  padding:6px 10px;
  border-radius:8px;
  font-size:10px;
  font-weight:900;
}

.page-dashboard-center .consent-status.approved{
  color:#166534;
  border:1px solid #86efac;
  background:#dcfce7;
}

.page-dashboard-center .consent-status.waiting{
  color:#8a5600;
  border:1px solid #efc75e;
  background:#fff4c7;
}

.page-dashboard-center .consent-status.assigned{
  color:#1d4ed8;
  border:1px solid #93c5fd;
  background:#dbeafe;
}

.page-dashboard-center .consent-status.unassigned{
  color:#64748b;
  border:1px solid #cbd5e1;
  background:#f1f5f9;
}

.page-dashboard-center .midman-assignment-row{
  border-color:#cbdcf4;
  background:#f5f9ff;
}

.page-dashboard-center .midman-consent-help{
  margin:12px 0 0;
  padding:10px 11px;
  border-left:3px solid #5b93df;
  border-radius:0 8px 8px 0;
  color:#617089;
  background:#f2f7ff;
  font-size:10px;
  line-height:1.55;
}

/* Dark mode */
html[data-theme="dark"] .page-dashboard-center .dashboard-transaction-panel{
  border-color:#2c3a4e;
  background:#101927;
}

html[data-theme="dark"] .page-dashboard-center .dashboard-transaction-card{
  border-color:#304057;
  background:#172234;
  box-shadow:0 7px 22px rgba(0,0,0,.2);
}

html[data-theme="dark"] .page-dashboard-center .midman-consent-card{
  border-color:#385273;
  background:linear-gradient(180deg,#172234,#142237);
}

html[data-theme="dark"] .page-dashboard-center .transaction-card-heading{
  border-color:#2a394e;
}

html[data-theme="dark"] .page-dashboard-center .transaction-card-heading h3,
html[data-theme="dark"] .page-dashboard-center .transaction-order-mini-summary strong,
html[data-theme="dark"] .page-dashboard-center .consent-person strong{
  color:#edf3ff;
}

html[data-theme="dark"] .page-dashboard-center .transaction-order-mini-summary>div,
html[data-theme="dark"] .page-dashboard-center .consent-detail-row{
  border-color:#2f4057;
  background:#111c2b;
}

html[data-theme="dark"] .page-dashboard-center .midman-assignment-row{
  border-color:#35577f;
  background:#142a45;
}

html[data-theme="dark"] .page-dashboard-center .midman-consent-help{
  color:#acc0dc;
  border-color:#5e9df0;
  background:#142a45;
}

html[data-theme="dark"] .page-dashboard-center .tx-no-action{
  color:#9cabc0;
  border-color:#3b4b61;
  background:#111c2b;
}

/* Responsive */
@media(max-width:1050px){
  .page-dashboard-center .dashboard-transaction-panel{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .page-dashboard-center .conversation-chat{
    grid-template-rows:auto minmax(430px,1fr) auto auto auto;
  }

  .page-dashboard-center .dashboard-transaction-panel{
    padding:12px;
  }

  .page-dashboard-center .dashboard-transaction-card{
    padding:15px;
  }

  .page-dashboard-center .transaction-card-heading{
    align-items:flex-start;
    flex-direction:column;
  }

  .page-dashboard-center .transaction-order-mini-summary{
    grid-template-columns:1fr;
  }

  .page-dashboard-center .consent-detail-row{
    align-items:flex-start;
    flex-direction:column;
  }

  .page-dashboard-center .consent-status{
    width:100%;
  }

  .page-dashboard-center .transaction-action-buttons .button,
  .page-dashboard-center .transaction-action-buttons button{
    width:100%;
  }
}


/* =====================================================
   PROFESSIONAL LISTING DETAIL PAGE
===================================================== */

.page-listing-detail{
  background:#f5f7fb;
}

.page-listing-detail .listing-detail-page{
  min-height:calc(100vh - 150px);
  padding:26px 0 76px;
  background:
    linear-gradient(180deg,rgba(37,99,235,.04),transparent 260px),
    #f5f7fb;
}

.page-listing-detail .listing-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:18px;
  color:#77859a;
  font-size:12px;
  font-weight:700;
}

.page-listing-detail .listing-breadcrumb a:hover{
  color:var(--blue);
}

.page-listing-detail .professional-listing-card{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);
  overflow:hidden;
  border:1px solid #dfe6ef;
  border-radius:18px;
  background:#fff;
  box-shadow:0 18px 52px rgba(23,37,61,.09);
}

.page-listing-detail .professional-listing-media{
  min-width:0;
  padding:24px;
  border-right:1px solid #e8edf3;
  background:#fafbfd;
}

.page-listing-detail .professional-listing-image-wrap{
  position:relative;
  min-height:520px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #e3e8ef;
  border-radius:14px;
  background:#fff;
}

.page-listing-detail .professional-listing-image{
  width:100%;
  height:100%;
  max-height:600px;
  object-fit:contain;
}

.page-listing-detail .listing-availability-badge{
  position:absolute;
  top:14px;
  left:14px;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 11px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  box-shadow:0 5px 16px rgba(15,23,42,.1);
}

.page-listing-detail .listing-availability-badge.available{
  color:#166534;
  border:1px solid #86efac;
  background:#dcfce7;
}

.page-listing-detail .listing-availability-badge.unavailable{
  color:#991b1b;
  border:1px solid #fecaca;
  background:#fef2f2;
}

.page-listing-detail .listing-protection-note{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-top:16px;
  padding:15px;
  border:1px solid #cfe0f6;
  border-radius:12px;
  background:#f2f7ff;
}

.page-listing-detail .listing-protection-icon{
  width:30px;
  height:30px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:#2563eb;
  font-weight:900;
}

.page-listing-detail .listing-protection-note strong{
  display:block;
  color:#273b59;
  font-size:13px;
}

.page-listing-detail .listing-protection-note p{
  margin:4px 0 0;
  color:#6b7c94;
  font-size:11px;
  line-height:1.5;
}

.page-listing-detail .professional-listing-content{
  min-width:0;
  padding:30px;
}

.page-listing-detail .listing-title-area{
  padding-bottom:20px;
  border-bottom:1px solid #edf1f5;
}

.page-listing-detail .listing-category-pill{
  display:inline-flex;
  min-height:27px;
  align-items:center;
  padding:5px 10px;
  border:1px solid #c6daf6;
  border-radius:999px;
  color:#245fae;
  background:#eef5ff;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}

.page-listing-detail .listing-title-area h1{
  margin:12px 0 10px;
  color:#17243a;
  font-size:clamp(28px,4vw,40px);
  line-height:1.08;
  letter-spacing:-.035em;
}

.page-listing-detail .listing-seller-row{
  display:flex;
  align-items:center;
  gap:6px;
  color:#7b879a;
  font-size:12px;
}

.page-listing-detail .listing-seller-row a{
  color:#244c84;
  font-weight:850;
}

.page-listing-detail .listing-seller-row a:hover{
  color:var(--blue);
  text-decoration:underline;
}

.page-listing-detail .listing-price-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:22px 0;
}

.page-listing-detail .listing-price-label,
.page-listing-detail .listing-stock-box span{
  display:block;
  margin-bottom:5px;
  color:#7b879a;
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
}

.page-listing-detail .professional-listing-price{
  color:#1d64d8;
  font-size:34px;
  letter-spacing:-.035em;
}

.page-listing-detail .listing-stock-box{
  min-width:112px;
  padding:12px;
  border:1px solid #e2e8f0;
  border-radius:10px;
  background:#f8fafc;
  text-align:center;
}

.page-listing-detail .listing-stock-box strong{
  color:#26364f;
  font-size:20px;
}

.page-listing-detail .listing-important-details{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-bottom:18px;
}

.page-listing-detail .listing-important-details>div{
  min-width:0;
  padding:12px;
  border:1px solid #e3e9f0;
  border-radius:10px;
  background:#fafbfd;
}

.page-listing-detail .listing-important-details span{
  display:block;
  margin-bottom:5px;
  color:#7c899c;
  font-size:9px;
  font-weight:850;
  text-transform:uppercase;
}

.page-listing-detail .listing-important-details strong{
  display:block;
  overflow:hidden;
  color:#293950;
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.page-listing-detail .listing-description-card{
  padding:17px;
  border:1px solid #e1e7ef;
  border-radius:12px;
  background:#fff;
}

.page-listing-detail .listing-description-card h2{
  margin:0 0 9px;
  color:#26364f;
  font-size:15px;
}

.page-listing-detail .listing-description-card p{
  margin:0;
  color:#596980;
  font-size:13px;
  line-height:1.7;
  white-space:pre-line;
}

.page-listing-detail .listing-purchase-card,
.page-listing-detail .listing-owner-notice{
  margin-top:18px;
  padding:18px;
  border:1px solid #bfd3ee;
  border-radius:13px;
  background:#f5f9ff;
}

.page-listing-detail .listing-purchase-heading h2{
  margin:0;
  color:#26364f;
  font-size:16px;
}

.page-listing-detail .listing-purchase-heading p{
  margin:4px 0 0;
  color:#6f7f95;
  font-size:11px;
}

.page-listing-detail .professional-purchase-picker{
  display:grid;
  grid-template-columns:auto minmax(150px,190px) minmax(170px,1fr);
  align-items:end;
  gap:10px;
  margin-top:14px;
}

.page-listing-detail .professional-purchase-picker>label{
  align-self:center;
  color:#475569;
  font-size:11px;
  font-weight:850;
}

.page-listing-detail .quantity-control-row{
  display:grid;
  grid-template-columns:40px minmax(65px,1fr) 40px;
}

.page-listing-detail .quantity-control-row input,
.page-listing-detail .quantity-stepper{
  min-height:44px;
  border:1px solid #cfd9e6;
  border-radius:0;
  background:#fff;
}

.page-listing-detail .quantity-control-row input{
  width:100%;
  padding:8px;
  text-align:center;
}

.page-listing-detail .quantity-stepper:first-child{
  border-radius:9px 0 0 9px;
}

.page-listing-detail .quantity-stepper:last-child{
  border-radius:0 9px 9px 0;
}

.page-listing-detail .quantity-stepper:hover{
  color:#1d4ed8;
  background:#eff6ff;
}

.page-listing-detail .listing-add-cart-main{
  min-height:44px;
  font-weight:850;
}

.page-listing-detail .listing-owner-notice{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.page-listing-detail .listing-owner-notice strong{
  color:#26364f;
}

.page-listing-detail .listing-owner-notice p{
  margin:4px 0 0;
  color:#6d7d93;
  font-size:11px;
}

.page-listing-detail .professional-cart-panel{
  margin-top:18px;
  padding:18px;
  border:1px solid #dfe6ef;
  border-radius:13px;
  background:#fff;
}

.page-listing-detail .cart-empty-professional{
  display:flex;
  align-items:center;
  gap:13px;
}

.page-listing-detail .cart-empty-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#eef5ff;
}

.page-listing-detail .cart-empty-professional h3{
  margin:0;
  color:#27364e;
  font-size:14px;
}

.page-listing-detail .cart-empty-professional p{
  margin:4px 0 0;
  color:#77869a;
  font-size:11px;
}

.page-listing-detail .professional-cart-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:13px;
}

.page-listing-detail .professional-cart-heading h2{
  margin:3px 0 0;
  font-size:18px;
}

.page-listing-detail .professional-cart-heading>span{
  color:#718096;
  font-size:11px;
  font-weight:750;
}

.page-listing-detail .professional-cart-lines{
  display:grid;
  gap:8px;
}

.page-listing-detail .professional-cart-line{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto 30px;
  align-items:center;
  gap:10px;
  padding:9px;
  border:1px solid #e7ecf2;
  border-radius:9px;
  background:#fafbfd;
}

.page-listing-detail .professional-cart-line img{
  width:44px;
  height:44px;
  object-fit:cover;
  border-radius:7px;
  background:#fff;
}

.page-listing-detail .professional-cart-line>div{
  min-width:0;
}

.page-listing-detail .professional-cart-line>div strong,
.page-listing-detail .professional-cart-line>div span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.page-listing-detail .professional-cart-line>div strong{
  color:#293950;
  font-size:11px;
}

.page-listing-detail .professional-cart-line>div span{
  margin-top:3px;
  color:#7a8798;
  font-size:10px;
}

.page-listing-detail .professional-cart-line>b{
  color:#234f8b;
  font-size:11px;
}

.page-listing-detail .professional-cart-line>button{
  width:28px;
  height:28px;
  min-height:0;
  padding:0;
  border:0;
  color:#9b3c3c;
  background:#fff1f1;
}

.page-listing-detail .professional-cart-summary{
  display:grid;
  gap:8px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #e8edf3;
}

.page-listing-detail .professional-cart-summary>div{
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#607087;
  font-size:11px;
}

.page-listing-detail .professional-cart-summary .total{
  margin-top:4px;
  padding-top:10px;
  border-top:1px solid #e8edf3;
  color:#23334b;
  font-size:14px;
}

.page-listing-detail .professional-cart-summary .total strong{
  color:#1d64d8;
  font-size:18px;
}

.page-listing-detail .professional-checkout-button{
  width:100%;
  min-height:46px;
  margin-top:14px;
  font-weight:850;
}

.page-listing-detail .cart-protection-help{
  margin:9px 0 0;
  color:#758399;
  font-size:10px;
  text-align:center;
}

.page-listing-detail .professional-other-section{
  margin-top:28px;
}

.page-listing-detail .professional-section-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:15px;
}

.page-listing-detail .professional-section-heading h2{
  margin:4px 0 0;
  color:#1d2b42;
  font-size:22px;
}

.page-listing-detail .professional-section-heading p{
  margin:5px 0 0;
  color:#748297;
  font-size:12px;
}

.page-listing-detail .professional-section-heading>a{
  color:#1d64d8;
  font-size:12px;
  font-weight:800;
}

.page-listing-detail .professional-other-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.page-listing-detail .professional-other-card{
  overflow:hidden;
  border:1px solid #dfe6ef;
  border-radius:13px;
  background:#fff;
  box-shadow:0 5px 16px rgba(20,34,57,.045);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.page-listing-detail .professional-other-card:hover{
  transform:translateY(-3px);
  border-color:#b7ccec;
  box-shadow:0 14px 32px rgba(20,34,57,.1);
}

.page-listing-detail .professional-other-image{
  display:block;
  aspect-ratio:4/3;
  overflow:hidden;
  border-bottom:1px solid #e8edf3;
  background:#f8fafc;
}

.page-listing-detail .professional-other-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .2s ease;
}

.page-listing-detail .professional-other-card:hover img{
  transform:scale(1.035);
}

.page-listing-detail .professional-other-body{
  padding:13px;
}

.page-listing-detail .professional-other-game{
  color:#718096;
  font-size:9px;
  font-weight:850;
  text-transform:uppercase;
}

.page-listing-detail .professional-other-body h3{
  min-height:38px;
  margin:6px 0;
  color:#27364e;
  font-size:13px;
  line-height:1.4;
}

.page-listing-detail .professional-other-body h3 a:hover{
  color:#1d64d8;
}

.page-listing-detail .professional-other-price{
  color:#1d64d8;
  font-size:17px;
}

.page-listing-detail .professional-other-meta{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin:9px 0;
  color:#78869a;
  font-size:9px;
}

.page-listing-detail .professional-other-actions{
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  gap:7px;
}

.page-listing-detail .professional-other-actions input{
  width:100%;
  min-height:36px;
  padding:7px;
  border:1px solid #d4dde8;
  border-radius:8px;
  text-align:center;
}

.page-listing-detail .professional-other-actions button{
  min-height:36px;
  font-size:10px;
  font-weight:800;
}

.page-listing-detail .professional-empty-state,
.page-listing-detail .listing-loading-card{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:240px;
  padding:30px;
  border:1px dashed #cad5e2;
  border-radius:15px;
  color:#6d7d92;
  background:#fff;
  text-align:center;
}

.page-listing-detail .professional-empty-state{
  flex-direction:column;
}

.page-listing-detail .professional-empty-state strong{
  color:#27364e;
  font-size:18px;
}

.page-listing-detail .professional-empty-state p,
.page-listing-detail .listing-loading-card p{
  margin:5px 0 0;
  font-size:12px;
}

.page-listing-detail .listing-loading-spinner{
  width:34px;
  height:34px;
  border:3px solid #dbe7f6;
  border-top-color:#2563eb;
  border-radius:50%;
  animation:professionalListingSpin .8s linear infinite;
}

@keyframes professionalListingSpin{
  to{transform:rotate(360deg)}
}

/* Dark mode */
html[data-theme="dark"] .page-listing-detail{
  background:#0d1522;
}

html[data-theme="dark"] .page-listing-detail .listing-detail-page{
  background:
    linear-gradient(180deg,rgba(65,132,225,.05),transparent 260px),
    #0d1522;
}

html[data-theme="dark"] .page-listing-detail .professional-listing-card,
html[data-theme="dark"] .page-listing-detail .professional-cart-panel,
html[data-theme="dark"] .page-listing-detail .professional-other-card,
html[data-theme="dark"] .page-listing-detail .professional-empty-state,
html[data-theme="dark"] .page-listing-detail .listing-loading-card{
  color:#eaf1fb;
  border-color:#2d3b50;
  background:#162132;
}

html[data-theme="dark"] .page-listing-detail .professional-listing-media{
  border-color:#2c394d;
  background:#111b2a;
}

html[data-theme="dark"] .page-listing-detail .professional-listing-image-wrap,
html[data-theme="dark"] .page-listing-detail .listing-description-card,
html[data-theme="dark"] .page-listing-detail .professional-cart-line{
  border-color:#2d3c51;
  background:#111c2b;
}

html[data-theme="dark"] .page-listing-detail .listing-title-area,
html[data-theme="dark"] .page-listing-detail .professional-cart-summary,
html[data-theme="dark"] .page-listing-detail .professional-cart-heading{
  border-color:#2b394d;
}

html[data-theme="dark"] .page-listing-detail .listing-title-area h1,
html[data-theme="dark"] .page-listing-detail .listing-description-card h2,
html[data-theme="dark"] .page-listing-detail .listing-stock-box strong,
html[data-theme="dark"] .page-listing-detail .listing-important-details strong,
html[data-theme="dark"] .page-listing-detail .professional-section-heading h2,
html[data-theme="dark"] .page-listing-detail .professional-other-body h3,
html[data-theme="dark"] .page-listing-detail .professional-empty-state strong,
html[data-theme="dark"] .page-listing-detail .cart-empty-professional h3,
html[data-theme="dark"] .page-listing-detail .professional-cart-line>div strong{
  color:#eef4ff;
}

html[data-theme="dark"] .page-listing-detail .listing-stock-box,
html[data-theme="dark"] .page-listing-detail .listing-important-details>div,
html[data-theme="dark"] .page-listing-detail .professional-other-image{
  border-color:#2e3d52;
  background:#111c2b;
}

html[data-theme="dark"] .page-listing-detail .listing-description-card p,
html[data-theme="dark"] .page-listing-detail .professional-section-heading p,
html[data-theme="dark"] .page-listing-detail .cart-empty-professional p{
  color:#a8b5c8;
}

html[data-theme="dark"] .page-listing-detail .listing-purchase-card,
html[data-theme="dark"] .page-listing-detail .listing-owner-notice,
html[data-theme="dark"] .page-listing-detail .listing-protection-note{
  border-color:#365579;
  background:#142945;
}

html[data-theme="dark"] .page-listing-detail .quantity-control-row input,
html[data-theme="dark"] .page-listing-detail .quantity-stepper,
html[data-theme="dark"] .page-listing-detail .professional-other-actions input{
  color:#eef4ff;
  border-color:#394a61;
  background:#101a28;
}

/* Responsive */
@media(max-width:1050px){
  .page-listing-detail .professional-listing-card{
    grid-template-columns:1fr;
  }

  .page-listing-detail .professional-listing-media{
    border-right:0;
    border-bottom:1px solid #e8edf3;
  }

  .page-listing-detail .professional-listing-image-wrap{
    min-height:420px;
  }

  .page-listing-detail .professional-other-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .page-listing-detail .listing-detail-page{
    padding-top:18px;
  }

  .page-listing-detail .professional-listing-media,
  .page-listing-detail .professional-listing-content{
    padding:17px;
  }

  .page-listing-detail .professional-listing-image-wrap{
    min-height:300px;
  }

  .page-listing-detail .listing-price-panel{
    align-items:flex-start;
    flex-direction:column;
  }

  .page-listing-detail .listing-stock-box{
    width:100%;
    text-align:left;
  }

  .page-listing-detail .listing-important-details{
    grid-template-columns:1fr;
  }

  .page-listing-detail .professional-purchase-picker{
    grid-template-columns:1fr;
  }

  .page-listing-detail .professional-purchase-picker>label{
    align-self:auto;
  }

  .page-listing-detail .listing-owner-notice,
  .page-listing-detail .professional-section-heading{
    align-items:stretch;
    flex-direction:column;
  }

  .page-listing-detail .professional-other-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
}

@media(max-width:480px){
  .page-listing-detail .professional-other-grid{
    grid-template-columns:1fr;
  }

  .page-listing-detail .professional-cart-line{
    grid-template-columns:40px minmax(0,1fr) 28px;
  }

  .page-listing-detail .professional-cart-line>b{
    grid-column:2;
  }
}


/* =====================================================
   ORDER ROOM QUICK REPLIES — DARK MODE VISIBILITY FIX
===================================================== */

.page-order .quick-replies-below{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:14px;
  padding:0;
  border:0;
}

.page-order .quick-reply-chip{
  min-height:39px;
  padding:8px 14px;
  color:#26364e;
  border:1px solid #d3dfed;
  border-radius:999px;
  background:#fff;
  box-shadow:0 3px 10px rgba(24,37,59,.04);
  font-size:12px;
  font-weight:800;
  transition:
    color .16s ease,
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease,
    transform .16s ease;
}

.page-order .quick-reply-chip span{
  display:inline-grid;
  place-items:center;
  width:13px;
  height:13px;
  overflow:hidden;
  border-radius:50%;
  font-size:9px;
  line-height:1;
  filter:saturate(1.15);
}

.page-order .quick-reply-chip:hover{
  color:#174d95;
  border-color:#91b8ed;
  background:#f2f7ff;
  box-shadow:0 7px 18px rgba(31,91,173,.11);
  transform:translateY(-1px);
}

.page-order .quick-reply-chip:active{
  transform:translateY(0);
}

html[data-theme="dark"] .page-order .quick-reply-chip{
  color:#eaf2ff !important;
  border-color:#405575 !important;
  background:#17263a !important;
  box-shadow:0 5px 15px rgba(0,0,0,.22);
}

html[data-theme="dark"] .page-order .quick-reply-chip:hover{
  color:#fff !important;
  border-color:#5e91d5 !important;
  background:#203652 !important;
  box-shadow:0 8px 22px rgba(0,0,0,.28);
}

html[data-theme="dark"] .page-order .quick-reply-chip:focus-visible{
  outline:3px solid rgba(82,149,240,.28);
  outline-offset:2px;
}

/* =====================================================
   DASHBOARD MESSAGES — PRIVATE ROOM STYLE
===================================================== */

.page-dashboard-center .messages-page-kicker{
  display:block;
  margin-bottom:5px;
  color:#1769e0;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}

.page-dashboard-center .dashboard-room-workspace{
  grid-template-columns:300px minmax(0,1fr);
  height:calc(100vh - 190px);
  min-height:680px;
  border-radius:16px;
}

.page-dashboard-center .conversation-panel-heading{
  padding:17px 17px 10px;
}

.page-dashboard-center .conversation-panel-heading>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.page-dashboard-center .conversation-panel-heading strong{
  color:#26364e;
  font-size:15px;
}

.page-dashboard-center .conversation-panel-heading span{
  color:#8290a3;
  font-size:10px;
  font-weight:750;
}

.page-dashboard-center .conversation-search-wrap{
  position:relative;
  margin:0 14px 12px;
}

.page-dashboard-center .conversation-search-wrap>span{
  position:absolute;
  top:50%;
  left:12px;
  z-index:1;
  color:#8290a3;
  transform:translateY(-50%);
}

.page-dashboard-center .conversation-search-wrap input{
  width:100%;
  min-height:42px;
  margin:0;
  padding:10px 12px 10px 34px;
  border:1px solid #d8e1ec;
  border-radius:10px;
  background:#f8fafc;
}

.page-dashboard-center .conversation-item{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:start;
  gap:11px;
  padding:14px;
  border-left:3px solid transparent;
}

.page-dashboard-center .conversation-item.active{
  border-left-color:#1769e0;
  background:#eef5ff;
}

.page-dashboard-center .conversation-avatar{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid #c9d8eb;
  border-radius:50%;
  color:#245fae;
  background:#eaf3ff;
  font-size:12px;
  font-weight:900;
}

.page-dashboard-center .conversation-copy{
  min-width:0;
  display:grid;
  gap:4px;
}

.page-dashboard-center .conversation-name-line,
.page-dashboard-center .conversation-preview-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.page-dashboard-center .conversation-name-line strong{
  overflow:hidden;
  color:#27364e;
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.page-dashboard-center .conversation-name-line time{
  flex:0 0 auto;
  color:#96a1b0;
  font-size:8px;
}

.page-dashboard-center .conversation-order-line,
.page-dashboard-center .conversation-preview-line small{
  overflow:hidden;
  color:#6d7c91;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.page-dashboard-center .conversation-preview-line em{
  min-width:18px;
  height:18px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#fff;
  background:#1769e0;
  font-size:8px;
  font-style:normal;
  font-weight:900;
}

.page-dashboard-center .conversation-status-chip{
  width:max-content;
  max-width:100%;
  margin-top:2px;
  padding:4px 7px;
  border-radius:999px;
  color:#58687e;
  background:#edf1f6;
  font-size:8px;
  font-weight:850;
  text-transform:uppercase;
}

.page-dashboard-center .conversation-chat{
  min-height:0;
  display:block;
  overflow:hidden;
}

.page-dashboard-center .dashboard-selected-room{
  height:100%;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  background:#f5f7fb;
}

.page-dashboard-center .dashboard-room-main{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto auto;
  padding:15px;
  border-right:1px solid #dfe6ef;
}

.page-dashboard-center .dashboard-room-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:3px 2px 14px;
}

.page-dashboard-center .dashboard-room-person{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}

.page-dashboard-center .dashboard-room-avatar{
  width:45px;
  height:45px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border:1px solid #bcd2ef;
  border-radius:50%;
  color:#1e5da9;
  background:#e9f3ff;
  font-size:12px;
  font-weight:900;
}

.page-dashboard-center .dashboard-room-header h2{
  margin:2px 0 3px;
  color:#1e2e46;
  font-size:17px;
}

.page-dashboard-center .dashboard-room-header p{
  max-width:620px;
  overflow:hidden;
  margin:0;
  color:#76859a;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.page-dashboard-center .dashboard-open-full-room{
  flex:0 0 auto;
  min-height:38px;
  font-size:10px;
}

.page-dashboard-center .dashboard-room-tabs{
  display:flex;
  gap:16px;
  padding:0 0 10px;
  border-bottom:1px solid #dfe6ef;
}

.page-dashboard-center .dashboard-room-tabs button,
.page-dashboard-center .dashboard-room-tabs a{
  position:relative;
  padding:8px 2px;
  border:0;
  border-radius:0;
  color:#748297;
  background:transparent;
  font-size:11px;
  font-weight:850;
}

.page-dashboard-center .dashboard-room-tabs .active{
  color:#1769e0;
}

.page-dashboard-center .dashboard-room-tabs .active::after{
  content:"";
  position:absolute;
  right:0;
  bottom:-11px;
  left:0;
  height:2px;
  border-radius:999px;
  background:#1769e0;
}

.page-dashboard-center .dashboard-room-messages{
  margin-top:12px;
  padding:20px;
  border:1px solid #dfe6ef;
  border-radius:13px;
  background:#fff;
}

.page-dashboard-center .dashboard-message-row{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-bottom:14px;
}

.page-dashboard-center .dashboard-message-row.mine{
  justify-content:flex-end;
}


.page-dashboard-center .dashboard-message-row.mine .dashboard-message-stack{
  align-items:flex-end;
}


.page-dashboard-center .dashboard-message-stack{
  max-width:min(75%,650px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.page-dashboard-center .dashboard-message-meta{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0 3px 5px;
}

.page-dashboard-center .dashboard-message-meta strong{
  color:#394960;
  font-size:9px;
}

.page-dashboard-center .dashboard-message-meta time{
  color:#96a1b0;
  font-size:8px;
}

.page-dashboard-center .dashboard-message{
  max-width:none;
  padding:10px 12px;
  border:1px solid #dfe6ef;
  border-radius:4px 12px 12px 12px;
  color:#3f4f65;
  background:#f7f9fc;
  box-shadow:none;
}

.page-dashboard-center .dashboard-message-row.mine .dashboard-message{
  color:#173e70;
  border-color:#bad4f5;
  border-radius:12px 4px 12px 12px;
  background:#e9f3ff;
}

.page-dashboard-center .dashboard-message p{
  margin:0;
  color:inherit;
  font-size:12px;
  line-height:1.55;
}

.page-dashboard-center .dashboard-message.system{
  width:max-content;
  max-width:85%;
  margin:13px auto;
  padding:7px 11px;
  border:1px solid #ebd494;
  border-radius:999px;
  color:#856019;
  background:#fff8df;
  font-size:9px;
}

.page-dashboard-center .dashboard-message.system small{
  display:inline;
  margin-left:6px;
}

.page-dashboard-center .dashboard-room-empty-chat{
  height:100%;
  min-height:300px;
  display:grid;
  place-content:center;
  justify-items:center;
  color:#8390a2;
  text-align:center;
}

.page-dashboard-center .dashboard-room-empty-chat>span{
  font-size:30px;
}

.page-dashboard-center .dashboard-room-empty-chat strong{
  margin-top:9px;
  color:#33445c;
  font-size:14px;
}

.page-dashboard-center .dashboard-room-empty-chat p{
  margin:4px 0 0;
  font-size:10px;
}

.page-dashboard-center .dashboard-room-composer{
  margin-top:11px;
  padding:10px;
  border:1px solid #dce4ee;
  border-radius:12px;
  background:#fff;
}

.page-dashboard-center .dashboard-room-composer input{
  min-height:43px;
  border-color:#d4dde8;
  background:#f9fbfd;
}

.page-dashboard-center .dashboard-room-composer .dashboard-chat-attach{
  min-width:43px;
}

.page-dashboard-center .dashboard-room-composer .button{
  min-width:80px;
}

.page-dashboard-center .dashboard-room-quick-section{
  padding-top:10px;
}

.page-dashboard-center .dashboard-room-quick-label{
  display:block;
  margin-bottom:7px;
  color:#77869a;
  font-size:9px;
  font-weight:850;
  text-transform:uppercase;
}

.page-dashboard-center .dashboard-quick-replies{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  padding:0;
  border:0;
  background:transparent;
}

.page-dashboard-center .dashboard-quick-chip{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  border:1px solid #d5dfeb;
  border-radius:999px;
  color:#33445b;
  background:#fff;
  font-size:10px;
  font-weight:800;
}

.page-dashboard-center .dashboard-quick-chip>span{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#94a3b8;
  box-shadow:0 0 0 3px rgba(148,163,184,.12);
}

.page-dashboard-center .dashboard-quick-chip.tone-green>span{background:#22c55e}
.page-dashboard-center .dashboard-quick-chip.tone-gold>span{background:#eab308}
.page-dashboard-center .dashboard-quick-chip.tone-purple>span{background:#a78bfa}
.page-dashboard-center .dashboard-quick-chip.tone-blue>span{background:#3b82f6}

.page-dashboard-center .dashboard-quick-chip:hover{
  color:#174d95;
  border-color:#9dbce5;
  background:#f2f7ff;
}

.page-dashboard-center .dashboard-room-sidebar{
  min-width:0;
  overflow:auto;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:15px;
  background:#eef2f7;
}

.page-dashboard-center .dashboard-room-side-card{
  padding:17px;
  border:1px solid #d9e2ed;
  border-radius:13px;
  background:#fff;
  box-shadow:0 4px 14px rgba(24,37,59,.045);
}

.page-dashboard-center .dashboard-room-side-card h3{
  margin:0;
  color:#26364e;
  font-size:14px;
}

.page-dashboard-center .dashboard-escrow-status{
  border-color:#efd792;
  color:#8f5b0b;
  background:#fff7dd;
}

.page-dashboard-center .dashboard-escrow-status span{
  display:block;
  margin-bottom:7px;
  font-size:14px;
  font-weight:900;
}

.page-dashboard-center .dashboard-escrow-status strong{
  font-size:11px;
  font-weight:650;
}

.page-dashboard-center .dashboard-room-order-items{
  display:grid;
  gap:0;
  margin-top:12px;
}

.page-dashboard-center .dashboard-room-order-items>div,
.page-dashboard-center .dashboard-room-order-total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:11px 0;
  border-bottom:1px solid #e8edf3;
  color:#4a5a71;
  font-size:11px;
}

.page-dashboard-center .dashboard-room-order-total{
  margin-top:4px;
  border-bottom:0;
  font-size:14px;
}

.page-dashboard-center .dashboard-room-order-total strong{
  color:#1769e0;
  font-size:18px;
}

.page-dashboard-center .dashboard-side-card-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:11px;
}

.page-dashboard-center .dashboard-side-card-heading>span{
  padding:4px 7px;
  border-radius:999px;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
}

.page-dashboard-center .dashboard-side-card-heading>span.approved{
  color:#166534;
  background:#dcfce7;
}

.page-dashboard-center .dashboard-side-card-heading>span.waiting{
  color:#8a5600;
  background:#fff1bd;
}

.page-dashboard-center .dashboard-consent-side-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:11px 0;
  border-bottom:1px solid #e8edf3;
}

.page-dashboard-center .dashboard-consent-side-row:last-child{
  border-bottom:0;
}

.page-dashboard-center .dashboard-consent-side-row>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}

.page-dashboard-center .dashboard-consent-side-row span{
  color:#44546b;
  font-size:10px;
  font-weight:800;
}

.page-dashboard-center .dashboard-consent-side-row small{
  overflow:hidden;
  color:#8a96a7;
  font-size:8px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.page-dashboard-center .dashboard-consent-side-row>strong{
  flex:0 0 auto;
  font-size:9px;
}

.page-dashboard-center .dashboard-consent-side-row>strong.approved{color:#15803d}
.page-dashboard-center .dashboard-consent-side-row>strong.waiting{color:#b66a05}
.page-dashboard-center .dashboard-consent-side-row>strong.assigned{color:#2563eb}
.page-dashboard-center .dashboard-consent-side-row>strong.unassigned{color:#7a8799}

.page-dashboard-center .dashboard-room-actions-card{
  margin:0;
}

.page-dashboard-center .dashboard-room-actions{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.page-dashboard-center .dashboard-room-actions .button,
.page-dashboard-center .dashboard-room-actions button{
  width:100%;
  min-height:40px;
  font-size:10px;
  font-weight:800;
}

.page-dashboard-center .dashboard-room-actions .tx-no-action{
  padding:11px;
  border:1px dashed #ccd6e2;
  border-radius:9px;
  color:#758399;
  background:#fafbfd;
  font-size:10px;
  line-height:1.5;
}

.page-dashboard-center .chat-placeholder{
  height:100%;
  display:grid;
  place-content:center;
  justify-items:center;
  color:#7b899d;
  text-align:center;
}

.page-dashboard-center .chat-placeholder-icon{
  font-size:36px;
}

.page-dashboard-center .chat-placeholder strong{
  margin-top:10px;
  color:#314259;
}

.page-dashboard-center .chat-placeholder p{
  margin:5px 0 0;
  font-size:10px;
}

/* Dashboard Messages dark mode */
html[data-theme="dark"] .page-dashboard-center .dashboard-room-workspace,
html[data-theme="dark"] .page-dashboard-center .dashboard-selected-room{
  background:#0e1724;
  border-color:#2c3a4e;
}

html[data-theme="dark"] .page-dashboard-center .conversation-panel,
html[data-theme="dark"] .page-dashboard-center .dashboard-room-main{
  border-color:#2c3a4e;
  background:#121d2c;
}

html[data-theme="dark"] .page-dashboard-center .conversation-panel-heading strong,
html[data-theme="dark"] .page-dashboard-center .conversation-name-line strong,
html[data-theme="dark"] .page-dashboard-center .dashboard-room-header h2,
html[data-theme="dark"] .page-dashboard-center .dashboard-room-side-card h3,
html[data-theme="dark"] .page-dashboard-center .dashboard-room-order-total,
html[data-theme="dark"] .page-dashboard-center .dashboard-room-empty-chat strong{
  color:#edf4ff;
}

html[data-theme="dark"] .page-dashboard-center .conversation-search-wrap input{
  color:#edf4ff;
  border-color:#33455d;
  background:#0f1927;
}

html[data-theme="dark"] .page-dashboard-center .conversation-item{
  border-color:#27364a;
  background:#121d2c;
}

html[data-theme="dark"] .page-dashboard-center .conversation-item:hover,
html[data-theme="dark"] .page-dashboard-center .conversation-item.active{
  background:#172b44;
}

html[data-theme="dark"] .page-dashboard-center .conversation-avatar,
html[data-theme="dark"] .page-dashboard-center .dashboard-room-avatar{
  color:#cde2ff;
  border-color:#3d5f8c;
  background:#18385c;
}

html[data-theme="dark"] .page-dashboard-center .dashboard-room-tabs,
html[data-theme="dark"] .page-dashboard-center .dashboard-room-main{
  border-color:#2d3b50;
}

html[data-theme="dark"] .page-dashboard-center .dashboard-room-messages,
html[data-theme="dark"] .page-dashboard-center .dashboard-room-composer,
html[data-theme="dark"] .page-dashboard-center .dashboard-room-side-card{
  border-color:#304057;
  background:#172234;
}

html[data-theme="dark"] .page-dashboard-center .dashboard-message{
  color:#dce7f7;
  border-color:#34455d;
  background:#1c2a3e;
}

html[data-theme="dark"] .page-dashboard-center .dashboard-message-row.mine .dashboard-message{
  color:#eaf3ff;
  border-color:#32649e;
  background:#17416f;
}

html[data-theme="dark"] .page-dashboard-center .dashboard-message-meta strong{
  color:#dfe9f8;
}

html[data-theme="dark"] .page-dashboard-center .dashboard-room-composer input{
  color:#edf4ff;
  border-color:#34465e;
  background:#101a28;
}

html[data-theme="dark"] .page-dashboard-center .dashboard-quick-chip{
  color:#e7f0fc !important;
  border-color:#405575 !important;
  background:#17263a !important;
}

html[data-theme="dark"] .page-dashboard-center .dashboard-quick-chip:hover{
  color:#fff !important;
  border-color:#5a88c5 !important;
  background:#203652 !important;
}

html[data-theme="dark"] .page-dashboard-center .dashboard-room-sidebar{
  background:#0f1927;
}

html[data-theme="dark"] .page-dashboard-center .dashboard-escrow-status{
  color:#f4c86a;
  border-color:#755919;
  background:#302711;
}

html[data-theme="dark"] .page-dashboard-center .dashboard-room-order-items>div,
html[data-theme="dark"] .page-dashboard-center .dashboard-room-order-total,
html[data-theme="dark"] .page-dashboard-center .dashboard-consent-side-row{
  border-color:#2d3c51;
  color:#cbd7e8;
}

html[data-theme="dark"] .page-dashboard-center .dashboard-room-actions .tx-no-action{
  color:#a7b6ca;
  border-color:#40516a;
  background:#111c2b;
}

/* Responsive dashboard Messages */
@media(max-width:1180px){
  .page-dashboard-center .dashboard-selected-room{
    grid-template-columns:minmax(0,1fr) 270px;
  }

  .page-dashboard-center .dashboard-room-workspace{
    grid-template-columns:260px minmax(0,1fr);
  }
}

@media(max-width:980px){
  .page-dashboard-center .dashboard-room-workspace{
    height:auto;
    min-height:0;
    grid-template-columns:1fr;
  }

  .page-dashboard-center .conversation-panel{
    max-height:300px;
    border-right:0;
    border-bottom:1px solid #dfe6ef;
  }

  .page-dashboard-center .dashboard-selected-room{
    min-height:760px;
  }
}

@media(max-width:760px){
  .page-dashboard-center .dashboard-selected-room{
    display:flex;
    flex-direction:column;
  }

  .page-dashboard-center .dashboard-room-main{
    min-height:620px;
    border-right:0;
    border-bottom:1px solid #dfe6ef;
  }

  .page-dashboard-center .dashboard-room-sidebar{
    overflow:visible;
  }

  .page-dashboard-center .dashboard-room-header{
    align-items:flex-start;
    flex-direction:column;
  }

  .page-dashboard-center .dashboard-open-full-room{
    width:100%;
  }

  .page-dashboard-center .dashboard-message-stack{
    max-width:85%;
  }
}


/* =====================================================
   DASHBOARD CONVERSATION ROOM STATUS UPGRADE
===================================================== */

.page-dashboard-center .conversation-item{
  position:relative;
  grid-template-columns:24px minmax(0,1fr);
  gap:10px;
  padding:14px 13px;
  border-left:4px solid transparent;
}

.page-dashboard-center .conversation-item.room-status-pending{
  border-left-color:#eab308;
}

.page-dashboard-center .conversation-item.room-status-progress{
  border-left-color:#3b82f6;
}

.page-dashboard-center .conversation-item.room-status-completed{
  border-left-color:#22c55e;
}

.page-dashboard-center .conversation-item.room-status-disputed{
  border-left-color:#ef4444;
}

.page-dashboard-center .conversation-item.room-status-cancelled{
  border-left-color:#64748b;
}

.page-dashboard-center .conversation-status-marker{
  padding-top:1px;
  font-size:14px;
  line-height:1;
}

.page-dashboard-center .conversation-name-line{
  align-items:center;
}

.page-dashboard-center .conversation-name-line strong{
  font-size:13px;
}

.page-dashboard-center .conversation-room-status{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:4px 8px;
  border-radius:999px;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
}

.page-dashboard-center .conversation-room-status.status-pending{
  color:#854d0e;
  border:1px solid #facc15;
  background:#fef9c3;
}

.page-dashboard-center .conversation-room-status.status-progress{
  color:#1d4ed8;
  border:1px solid #93c5fd;
  background:#dbeafe;
}

.page-dashboard-center .conversation-room-status.status-completed{
  color:#166534;
  border:1px solid #86efac;
  background:#dcfce7;
}

.page-dashboard-center .conversation-room-status.status-disputed{
  color:#991b1b;
  border:1px solid #fca5a5;
  background:#fee2e2;
}

.page-dashboard-center .conversation-room-status.status-cancelled{
  color:#475569;
  border:1px solid #cbd5e1;
  background:#e2e8f0;
}

.page-dashboard-center .conversation-code-line{
  overflow:hidden;
  color:#8a97a9;
  font-size:8px;
  font-weight:800;
  letter-spacing:.04em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.page-dashboard-center .conversation-order-line{
  display:flex;
  align-items:center;
  gap:5px;
  overflow:hidden;
  color:#607087;
  font-size:10px;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.page-dashboard-center .conversation-preview-line{
  min-width:0;
}

.page-dashboard-center .conversation-preview-line small{
  color:#8390a2;
}

.page-dashboard-center .conversation-last-time{
  position:absolute;
  right:12px;
  bottom:9px;
  color:#9ba6b5;
  font-size:7px;
}

.page-dashboard-center .conversation-item.active{
  box-shadow:inset 0 0 0 1px rgba(80,145,235,.24);
}

html[data-theme="dark"] .page-dashboard-center .conversation-room-status.status-pending{
  color:#f8d35c;
  border-color:#785f15;
  background:#332a10;
}

html[data-theme="dark"] .page-dashboard-center .conversation-room-status.status-progress{
  color:#9ec7ff;
  border-color:#3b6594;
  background:#173555;
}

html[data-theme="dark"] .page-dashboard-center .conversation-room-status.status-completed{
  color:#8ee2a8;
  border-color:#2e7044;
  background:#163624;
}

html[data-theme="dark"] .page-dashboard-center .conversation-room-status.status-disputed{
  color:#ffaaaa;
  border-color:#7d3a3a;
  background:#3a1d20;
}

html[data-theme="dark"] .page-dashboard-center .conversation-room-status.status-cancelled{
  color:#c3cedc;
  border-color:#4b5c70;
  background:#263242;
}

html[data-theme="dark"] .page-dashboard-center .conversation-code-line,
html[data-theme="dark"] .page-dashboard-center .conversation-preview-line small{
  color:#8193aa;
}

html[data-theme="dark"] .page-dashboard-center .conversation-order-line{
  color:#a7b7cb;
}

@media(max-width:760px){
  .page-dashboard-center .conversation-room-status{
    max-width:105px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}


/* =====================================================
   CLEAN CONVERSATION STATUS — NO STATUS EMOJI
===================================================== */

.page-dashboard-center .conversation-item{
  grid-template-columns:minmax(0,1fr);
  gap:0;
  padding:14px 14px 16px;
}

.page-dashboard-center .conversation-status-marker{
  display:none !important;
}

.page-dashboard-center .conversation-copy{
  width:100%;
}

.page-dashboard-center .conversation-name-line{
  gap:12px;
}

.page-dashboard-center .conversation-code-line{
  margin-top:1px;
  color:#96a1b0;
  font-size:7px;
  font-weight:800;
  letter-spacing:.055em;
}

.page-dashboard-center .conversation-order-line{
  margin-top:3px;
}

.page-dashboard-center .conversation-preview-line{
  margin-top:1px;
}

html[data-theme="dark"] .page-dashboard-center .conversation-code-line{
  color:#71839a;
}


/* =====================================================
   GLOBAL AUTH-AWARE NAVIGATION
===================================================== */

.main-nav [hidden]{
  display:none !important;
}

.main-nav{
  position:relative;
}

.main-nav>a,
.main-nav>button,
.nav-user-trigger{
  position:relative;
}

.main-nav>a::after{
  content:"";
  position:absolute;
  right:10px;
  bottom:3px;
  left:10px;
  height:2px;
  border-radius:999px;
  background:#1769e0;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .17s ease;
}

.main-nav>a:hover::after,
.main-nav>a.nav-active::after{
  transform:scaleX(1);
}

.nav-icon-link{
  width:41px;
  height:41px;
  flex:0 0 auto;
  display:grid !important;
  place-items:center;
  padding:0 !important;
  border:1px solid transparent;
  border-radius:11px;
  color:#334155;
  background:transparent;
}

.nav-icon-link::after{
  display:none;
}

.nav-icon-link:hover,
.nav-icon-link.nav-active{
  color:#1769e0;
  border-color:#c9dbf4;
  background:#eef5ff;
}

.nav-icon-symbol{
  font-size:19px;
  line-height:1;
}

.nav-icon-count{
  position:absolute;
  top:-4px;
  right:-4px;
  min-width:19px;
  height:19px;
  display:grid;
  place-items:center;
  padding:0 4px;
  border:2px solid #fff;
  border-radius:999px;
  color:#fff;
  background:#ef4444;
  font-size:9px;
  font-weight:900;
  box-shadow:0 4px 10px rgba(239,68,68,.24);
}

.nav-messages-link.has-new-message{
  animation:navMessagePulse .72s ease;
}

@keyframes navMessagePulse{
  0%,100%{transform:scale(1)}
  35%{transform:scale(1.14)}
  65%{transform:scale(.97)}
}

.nav-user-wrap{
  position:relative;
  flex:0 0 auto;
}

.nav-user-trigger{
  min-height:43px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:5px 9px 5px 6px;
  border:1px solid transparent;
  border-radius:12px;
  color:#2b3a50;
  background:transparent;
  cursor:pointer;
}

.nav-user-trigger:hover,
.nav-user-trigger[aria-expanded="true"]{
  border-color:#cbdcf2;
  background:#f1f6fd;
}

.nav-user-trigger img{
  width:31px;
  height:31px;
  object-fit:cover;
  border:1px solid #c6d7ec;
  border-radius:50%;
  background:#eef5ff;
}

#navUserName{
  max-width:120px;
  overflow:hidden;
  font-size:11px;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.nav-user-chevron{
  color:#7a8799;
  font-size:13px;
  transition:transform .17s ease;
}

.nav-user-trigger[aria-expanded="true"] .nav-user-chevron{
  transform:rotate(180deg);
}

.nav-user-menu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:200;
  width:245px;
  overflow:hidden;
  padding:8px;
  border:1px solid #dce4ee;
  border-radius:14px;
  background:#fff;
  box-shadow:0 22px 58px rgba(15,23,42,.18);
}

.nav-user-menu-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:6px;
  padding:10px;
  border-bottom:1px solid #edf1f5;
}

.nav-user-menu-head img{
  width:40px;
  height:40px;
  flex:0 0 auto;
  object-fit:cover;
  border-radius:50%;
  background:#eef5ff;
}

.nav-user-menu-head>div{
  min-width:0;
}

.nav-user-menu-head strong,
.nav-user-menu-head small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.nav-user-menu-head strong{
  color:#26364e;
  font-size:12px;
}

.nav-user-menu-head small{
  margin-top:3px;
  color:#8290a3;
  font-size:9px;
}

.nav-user-menu>a,
.nav-user-menu>button{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  padding:9px 10px;
  border:0;
  border-radius:9px;
  color:#3f4f65;
  background:transparent;
  font-size:11px;
  font-weight:750;
  text-align:left;
}

.nav-user-menu>a:hover,
.nav-user-menu>button:hover{
  color:#175bb8;
  background:#eef5ff;
}

.nav-user-menu-divider{
  height:1px;
  margin:6px 4px;
  background:#e8edf3;
}

#navLogoutButton{
  color:#b42318;
}

#navLogoutButton:hover{
  color:#b42318;
  background:#fff1f1;
}

.notification-trigger[hidden]{
  display:none !important;
}

/* Dark mode */
html[data-theme="dark"] .nav-icon-link{
  color:#d4deed;
}

html[data-theme="dark"] .nav-icon-link:hover,
html[data-theme="dark"] .nav-icon-link.nav-active,
html[data-theme="dark"] .nav-user-trigger:hover,
html[data-theme="dark"] .nav-user-trigger[aria-expanded="true"]{
  color:#dceaff;
  border-color:#36506f;
  background:#172b44;
}

html[data-theme="dark"] .nav-icon-count{
  border-color:#111b2a;
}

html[data-theme="dark"] .nav-user-trigger{
  color:#e6eef9;
}

html[data-theme="dark"] .nav-user-trigger img{
  border-color:#3d5879;
}

html[data-theme="dark"] .nav-user-menu{
  border-color:#304057;
  background:#172234;
  box-shadow:0 24px 65px rgba(0,0,0,.42);
}

html[data-theme="dark"] .nav-user-menu-head{
  border-color:#2d3c51;
}

html[data-theme="dark"] .nav-user-menu-head strong{
  color:#eef4ff;
}

html[data-theme="dark"] .nav-user-menu-head small{
  color:#8fa0b7;
}

html[data-theme="dark"] .nav-user-menu>a,
html[data-theme="dark"] .nav-user-menu>button{
  color:#d7e1ee;
}

html[data-theme="dark"] .nav-user-menu>a:hover,
html[data-theme="dark"] .nav-user-menu>button:hover{
  color:#fff;
  background:#203652;
}

html[data-theme="dark"] .nav-user-menu-divider{
  background:#2d3c51;
}

html[data-theme="dark"] #navLogoutButton{
  color:#ffaaa4;
}

html[data-theme="dark"] #navLogoutButton:hover{
  color:#ffc0bc;
  background:#3b2225;
}

@media(max-width:760px){
  .main-nav{
    align-items:stretch;
  }

  .nav-icon-link{
    width:100%;
    min-height:43px;
  }

  .nav-user-wrap{
    width:100%;
  }

  .nav-user-trigger{
    width:100%;
    justify-content:flex-start;
  }

  #navUserName{
    max-width:none;
  }

  .nav-user-chevron{
    margin-left:auto;
  }

  .nav-user-menu{
    position:static;
    width:100%;
    margin-top:6px;
    box-shadow:none;
  }
}
.marketplace-filter-panel{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:12px;align-items:end}.marketplace-filter-panel label{display:flex;flex-direction:column;gap:6px}.marketplace-filter-panel label span{font-size:10px;font-weight:800}.marketplace-filter-panel input,.marketplace-filter-panel select{min-height:42px;padding:10px;border:1px solid var(--line);border-radius:9px}.market-card-path{font-size:9px;color:var(--muted)}.admin-catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.admin-catalog-grid>section{padding:16px;border:1px solid var(--line);border-radius:12px}.admin-catalog-grid form{display:grid;gap:8px}.admin-catalog-item{display:flex;justify-content:space-between;gap:10px;padding:10px;margin-top:8px;border:1px solid var(--line);border-radius:9px}.admin-catalog-item.disabled{opacity:.55}.admin-catalog-item>div{display:flex;flex-direction:column}.admin-catalog-item span,.admin-catalog-item small{font-size:9px;color:var(--muted)}.catalog-field-help{font-size:9px;color:var(--muted)}@media(max-width:950px){.marketplace-filter-panel,.admin-catalog-grid{grid-template-columns:1fr}}

/* =====================================================
   GAMEBNS PROFESSIONAL LOGIN — LIGHT + DARK
===================================================== */
.auth-page-main{
  min-height:calc(100vh - 150px);
  display:grid;
  place-items:center;
  padding:56px 24px 72px;
  background:
    radial-gradient(circle at 12% 18%,rgba(23,105,224,.10),transparent 32%),
    linear-gradient(180deg,#f8fbff 0%,#f5f8fc 100%);
}
.auth-login-shell{
  width:min(1040px,100%);
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);
  overflow:hidden;
  border:1px solid #dfe7f1;
  border-radius:24px;
  background:#fff;
  box-shadow:0 28px 80px rgba(23,35,60,.12);
}
.auth-brand-panel{
  position:relative;
  min-height:650px;
  display:flex;
  align-items:flex-end;
  padding:48px;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 80% 15%,rgba(255,255,255,.18),transparent 28%),
    linear-gradient(145deg,#0f4fb5 0%,#1769e0 58%,#3f8cf4 100%);
}
.auth-brand-panel::before,
.auth-brand-panel::after{
  content:"";
  position:absolute;
  border:1px solid rgba(255,255,255,.15);
  border-radius:50%;
}
.auth-brand-panel::before{width:360px;height:360px;right:-180px;top:-90px}
.auth-brand-panel::after{width:240px;height:240px;left:-120px;bottom:80px}
.auth-brand-content{position:relative;z-index:1}
.auth-brand-content h2{
  max-width:420px;
  margin:12px 0 16px;
  font-size:clamp(30px,4vw,46px);
  line-height:1.08;
  letter-spacing:-.04em;
}
.auth-brand-content p{max-width:430px;margin:0;color:#dbeafe;line-height:1.7}
.auth-eyebrow{font-size:11px;font-weight:900;letter-spacing:.14em;color:#1769e0}
.auth-brand-panel .auth-eyebrow{color:#bfdbfe}
.auth-trust-list{display:grid;gap:10px;margin-top:30px;font-size:13px;font-weight:700;color:#eff6ff}
.auth-login-card{
  width:100%;
  margin:0;
  padding:54px 56px;
  border:0;
  border-radius:0;
  box-shadow:none;
  align-self:center;
}
.auth-card-heading{margin-bottom:24px}
.auth-card-heading h1{margin:8px 0 8px;font-size:34px;letter-spacing:-.035em}
.auth-card-heading p{margin:0;color:var(--muted);line-height:1.55}
.auth-field{display:grid;gap:7px}
.auth-field>span{font-size:13px;font-weight:800;color:#34425a}
.auth-form input,
.forgot-password-form input{
  min-height:50px;
  padding:12px 14px;
  border:1px solid #d9e1ec;
  border-radius:11px;
  background:#fff;
  color:#17233c;
  box-shadow:0 1px 2px rgba(23,35,60,.02);
}
.auth-form input::placeholder,.forgot-password-form input::placeholder{color:#98a4b7}
.auth-form input:focus,.forgot-password-form input:focus{
  border-color:#70a5ee;
  box-shadow:0 0 0 4px rgba(23,105,224,.10);
}
.auth-submit-button{min-height:50px;font-weight:900;box-shadow:0 8px 18px rgba(23,105,224,.18)}
.auth-divider span{white-space:nowrap}
.google-auth-button,.facebook-auth-button{min-height:52px}
.google-auth-button:hover{border-color:#aebdce}
.facebook-auth-button:hover{border-color:#8cb8f3}
.auth-switch-link{font-size:14px;color:var(--muted)}
.auth-switch-link a{font-weight:800}
.page-login .message-box.show{margin:0 0 18px;border-radius:10px;border:1px solid transparent}
.page-login .message-box.error{border-color:#fecaca}
.page-login .message-box.success{border-color:#bbf7d0}

/* Theme control */
.theme-toggle{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:900;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 13px;
  border:1px solid #d9e1ec;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#334155;
  box-shadow:0 10px 30px rgba(15,23,42,.14);
  backdrop-filter:blur(12px);
  font-size:12px;
  font-weight:800;
}
.theme-toggle:hover{border-color:#a9b8ca;transform:translateY(-1px)}

/* Login dark mode */
html[data-theme="dark"] .auth-page-main{
  background:
    radial-gradient(circle at 12% 18%,rgba(59,130,246,.14),transparent 32%),
    linear-gradient(180deg,#0b1220 0%,#0f1724 100%);
}
html[data-theme="dark"] .auth-login-shell{
  border-color:#26364d;
  background:#111c2c;
  box-shadow:0 28px 80px rgba(0,0,0,.34);
}
html[data-theme="dark"] .auth-brand-panel{
  background:
    radial-gradient(circle at 80% 15%,rgba(255,255,255,.10),transparent 28%),
    linear-gradient(145deg,#123d7c 0%,#1559b8 58%,#246fce 100%);
}
html[data-theme="dark"] .auth-login-card{background:#111c2c;color:#edf3ff}
html[data-theme="dark"] .auth-card-heading h1{color:#f7faff}
html[data-theme="dark"] .auth-card-heading p,
html[data-theme="dark"] .auth-switch-link{color:#94a3b8}
html[data-theme="dark"] .auth-field>span{color:#d8e3f2}
html[data-theme="dark"] .auth-form input,
html[data-theme="dark"] .forgot-password-form input{
  border-color:#33445c;
  background:#0d1726;
  color:#edf3ff;
  box-shadow:none;
}
html[data-theme="dark"] .auth-form input::placeholder,
html[data-theme="dark"] .forgot-password-form input::placeholder{color:#718096}
html[data-theme="dark"] .auth-form input:focus,
html[data-theme="dark"] .forgot-password-form input:focus{
  border-color:#4c8fe8;
  box-shadow:0 0 0 4px rgba(59,130,246,.14);
}
html[data-theme="dark"] .password-toggle,
html[data-theme="dark"] .forgot-password-link,
html[data-theme="dark"] .auth-switch-link a{color:#73adff}
html[data-theme="dark"] .auth-divider{color:#7f8da2}
html[data-theme="dark"] .auth-divider::before,
html[data-theme="dark"] .auth-divider::after{background:#2d3b50}
html[data-theme="dark"] .social-auth-button{
  border-color:#33445c;
  background:#162235;
  color:#edf3ff;
}
html[data-theme="dark"] .social-auth-button:hover{
  border-color:#4b607d;
  background:#1a2940;
  box-shadow:0 7px 20px rgba(0,0,0,.18);
}
html[data-theme="dark"] .google-icon{background:#fff}
html[data-theme="dark"] .auth-modal-dialog{
  border-color:#33445c;
  background:#111c2c;
  color:#edf3ff;
}
html[data-theme="dark"] .auth-modal-dialog p{color:#9aa9bd}
html[data-theme="dark"] .auth-modal-close{background:#1d2b40;color:#aebdd0}
html[data-theme="dark"] .auth-modal-icon{background:#172c49;color:#78adf5}
html[data-theme="dark"] .theme-toggle{
  border-color:#33445c;
  background:rgba(17,28,44,.94);
  color:#e5edf8;
  box-shadow:0 10px 30px rgba(0,0,0,.30);
}
html[data-theme="dark"] .theme-toggle:hover{background:#19283d;border-color:#4b607d}

@media(max-width:860px){
  .auth-login-shell{grid-template-columns:1fr;width:min(560px,100%)}
  .auth-brand-panel{display:none}
  .auth-login-card{padding:42px 36px}
}
@media(max-width:600px){
  .auth-page-main{padding:26px 14px 90px;align-items:start}
  .auth-login-shell{border-radius:18px}
  .auth-login-card{padding:30px 20px}
  .auth-card-heading h1{font-size:29px}
  .theme-toggle{right:14px;bottom:72px}
}

/* Login password visibility control intentionally removed. */
.page-login .password-field input{padding-right:14px !important;}


/* =====================================================
   GLOBAL NAVBAR AUTH VISIBILITY FIX
===================================================== */
.main-nav [hidden],
.main-nav[data-auth-state="loading"] [data-nav-private],
.main-nav[data-auth-state="loading"] .nav-user-wrap{
  display:none !important;
}

.main-nav[data-auth-state="loading"] [data-auth="login"],
.main-nav[data-auth-state="loading"] [data-auth="register"]{
  visibility:visible;
}

.nav-messages-link{
  position:relative;
}

/* Optional catalog requirement controls */
.admin-catalog-grid form select[id$="RequirementInput"]{min-height:40px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy);font-size:11px;font-weight:700}.form-field>span em{display:inline-flex;margin-left:6px;padding:3px 7px;border-radius:999px;background:#eef5ff;color:#1769e0;font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase}html[data-theme="dark"] .admin-catalog-grid form select[id$="RequirementInput"]{border-color:#334155;background:#111c2b;color:#e5eefb}html[data-theme="dark"] .form-field>span em{background:#173555;color:#9ec7ff}


/* =====================================================
   PROFESSIONAL ADMIN CATALOG
===================================================== */

.page-admin .inner-page{
  padding:34px 0 90px;
  background:
    radial-gradient(circle at 90% 0,rgba(23,105,224,.06),transparent 28%),
    #f7f9fc;
}

.page-admin .page-shell{
  width:min(1440px,calc(100% - 38px));
}

.page-admin .page-heading{
  margin-bottom:20px;
}

.page-admin .page-heading h1{
  font-size:clamp(28px,3vw,40px);
}

.page-admin .panel{
  margin:0 0 22px;
  padding:24px;
  border:1px solid #dde5ef;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 28px rgba(23,35,60,.06);
}

.admin-catalog-panel{
  overflow:hidden;
}

.admin-catalog-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:22px;
  padding-bottom:20px;
  border-bottom:1px solid #e8edf3;
}

.admin-catalog-heading h2{
  margin:6px 0 8px;
  font-size:clamp(24px,2.5vw,34px);
  letter-spacing:-.035em;
}

.admin-catalog-heading p{
  max-width:760px;
  margin:0;
  color:#64748b;
  line-height:1.65;
}

.admin-initialize-button{
  flex:0 0 auto;
  min-height:44px;
  padding-inline:16px;
}

.admin-catalog-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.admin-catalog-column{
  min-width:0;
  padding:18px;
  border:1px solid #dfe6ef;
  border-radius:16px;
  background:linear-gradient(180deg,#fbfdff,#f8fafc);
}

.admin-catalog-column-head{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:16px;
}

.admin-catalog-icon{
  width:42px;
  height:42px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border:1px solid #cfe0f8;
  border-radius:12px;
  background:#eef5ff;
  font-size:20px;
}

.admin-catalog-column-head h3{
  margin:0 0 4px;
  font-size:20px;
  letter-spacing:-.02em;
}

.admin-catalog-column-head p{
  margin:0;
  color:#718096;
  font-size:12px;
  line-height:1.5;
}

.admin-catalog-form{
  display:grid;
  gap:11px;
  margin-bottom:18px;
  padding:14px;
  border:1px solid #e3e9f1;
  border-radius:13px;
  background:#fff;
}

.admin-catalog-form label{
  display:grid;
  gap:6px;
}

.admin-catalog-form label>span{
  color:#53627a;
  font-size:10px;
  font-weight:850;
  letter-spacing:.045em;
  text-transform:uppercase;
}

.admin-catalog-form input,
.admin-catalog-form select{
  width:100%;
  min-height:42px;
  padding:9px 11px;
  border:1px solid #d6deea;
  border-radius:9px;
  background:#fff;
  color:#17233c;
}

.admin-catalog-form input:focus,
.admin-catalog-form select:focus{
  border-color:#6da2ea;
  box-shadow:0 0 0 4px rgba(23,105,224,.09);
}

.admin-catalog-form-row{
  display:grid;
  grid-template-columns:.65fr 1.35fr;
  gap:9px;
}

.admin-catalog-form .button{
  min-height:43px;
  margin-top:2px;
  font-weight:850;
}

.admin-catalog-list-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin:0 2px 10px;
}

.admin-catalog-list-head strong{
  font-size:12px;
}

.admin-catalog-list-head span{
  color:#8793a5;
  font-size:9px;
  text-align:right;
}

.admin-catalog-list{
  display:grid;
  gap:8px;
  max-height:430px;
  overflow:auto;
  padding-right:3px;
}

.admin-catalog-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0;
  padding:12px;
  border:1px solid #dfe6ef;
  border-radius:11px;
  background:#fff;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}

.admin-catalog-item:hover{
  border-color:#bdd3f0;
  box-shadow:0 7px 18px rgba(23,35,60,.07);
  transform:translateY(-1px);
}

.admin-catalog-item.disabled{
  opacity:.68;
  background:#f1f5f9;
}

.admin-catalog-item>div:first-child{
  min-width:0;
  display:grid;
  gap:3px;
}

.admin-catalog-item strong,
.admin-catalog-item span,
.admin-catalog-item small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.admin-catalog-item strong{
  font-size:12px;
}

.admin-catalog-item span{
  color:#64748b;
  font-size:9px;
}

.admin-catalog-item small{
  color:#8a97a9;
  font-size:8px;
}

.admin-catalog-item>div:last-child{
  flex:0 0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:5px;
}

.admin-catalog-item button{
  min-height:30px;
  padding:5px 8px;
  border-radius:7px;
  font-size:9px;
  font-weight:800;
}

.admin-catalog-item button[data-delete]{
  color:#b42318;
  border-color:#fecaca;
  background:#fff5f5;
}

#catalogAdminMessage.show{
  margin:0 0 18px;
  border-radius:11px;
  border:1px solid transparent;
}

#catalogAdminMessage.error{
  border-color:#fecaca;
}

#catalogAdminMessage.success{
  border-color:#bbf7d0;
}

.page-admin #announcementForm{
  display:flex;
  gap:10px;
}

.page-admin #announcementText{
  min-height:43px;
  flex:1;
  padding:10px 12px;
  border:1px solid #d6deea;
  border-radius:10px;
}

.page-admin #adminUserSearch{
  width:min(440px,100%);
  min-height:43px;
  margin-bottom:14px;
  padding:10px 12px;
  border:1px solid #d6deea;
  border-radius:10px;
}

/* Admin dark mode */
html[data-theme="dark"] .page-admin .inner-page{
  background:
    radial-gradient(circle at 90% 0,rgba(59,130,246,.10),transparent 28%),
    #0f1724;
}

html[data-theme="dark"] .page-admin .panel,
html[data-theme="dark"] .admin-catalog-column,
html[data-theme="dark"] .admin-catalog-form,
html[data-theme="dark"] .admin-catalog-item{
  color:#edf3ff;
  border-color:#2d3d53;
  background:#172234;
}

html[data-theme="dark"] .admin-catalog-column{
  background:linear-gradient(180deg,#172234,#141f30);
}

html[data-theme="dark"] .admin-catalog-heading{
  border-color:#2d3d53;
}

html[data-theme="dark"] .admin-catalog-heading p,
html[data-theme="dark"] .admin-catalog-column-head p,
html[data-theme="dark"] .admin-catalog-item span,
html[data-theme="dark"] .admin-catalog-item small{
  color:#94a3b8;
}

html[data-theme="dark"] .admin-catalog-icon{
  border-color:#31527b;
  background:#183150;
}

html[data-theme="dark"] .admin-catalog-form input,
html[data-theme="dark"] .admin-catalog-form select,
html[data-theme="dark"] .page-admin #announcementText,
html[data-theme="dark"] .page-admin #adminUserSearch{
  color:#edf3ff;
  border-color:#34465f;
  background:#101a29;
}

html[data-theme="dark"] .admin-catalog-form label>span{
  color:#aebdd0;
}

html[data-theme="dark"] .admin-catalog-item.disabled{
  background:#111b29;
}

html[data-theme="dark"] .admin-catalog-item button[data-delete]{
  color:#ffaaa4;
  border-color:#6f3439;
  background:#3a1f24;
}

@media(max-width:1180px){
  .admin-catalog-grid{
    grid-template-columns:1fr;
  }

  .admin-catalog-list{
    max-height:none;
  }
}

@media(max-width:700px){
  .page-admin .page-shell{
    width:min(100% - 22px,1440px);
  }

  .page-admin .panel{
    padding:17px;
  }

  .admin-catalog-heading{
    flex-direction:column;
  }

  .admin-initialize-button{
    width:100%;
  }

  .admin-catalog-form-row{
    grid-template-columns:1fr;
  }

  .admin-catalog-item{
    align-items:stretch;
    flex-direction:column;
  }

  .admin-catalog-item>div:last-child{
    justify-content:flex-start;
  }

  .page-admin #announcementForm{
    flex-direction:column;
  }
}


/* =====================================================
   ROLE-BASED NAVIGATION + STAFF ACCESS MANAGEMENT
===================================================== */
.nav-role-link{
  min-height:38px!important;
  padding:8px 11px!important;
  border:1px solid transparent!important;
  font-size:11px!important;
  font-weight:850!important;
}
.nav-role-admin{color:#7c3aed!important;background:#f5f3ff!important;border-color:#ddd6fe!important}
.nav-role-moderator{color:#b45309!important;background:#fffbeb!important;border-color:#fde68a!important}
.nav-role-midman{color:#047857!important;background:#ecfdf5!important;border-color:#a7f3d0!important}
.nav-role-link:hover{filter:brightness(.98);transform:translateY(-1px)}
.nav-role-menu-section{display:grid;gap:2px}
.nav-role-menu-section>a{width:100%;min-height:38px;display:flex;align-items:center;padding:9px 10px;border-radius:9px;color:#3f4f65;font-size:11px;font-weight:750}
.nav-role-menu-section>a:hover{color:#175bb8;background:#eef5ff}
.admin-users-heading h2{margin:5px 0 7px;font-size:26px;letter-spacing:-.03em}
.admin-users-heading p{margin:0 0 18px;color:var(--muted)}
.admin-users-table th{white-space:nowrap}
.admin-users-table td{vertical-align:middle}
.admin-users-table select{min-width:130px;min-height:39px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:9px;background:#fff}
.admin-user-identity{display:grid;gap:3px;min-width:180px}
.admin-user-identity strong{font-size:12px}.admin-user-identity span{color:var(--muted);font-size:9px}
.admin-midman-toggle{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:750;white-space:nowrap}
.admin-midman-toggle input{width:16px;height:16px;accent-color:var(--blue)}
.admin-save-user{min-width:112px;white-space:nowrap}
#adminUserMessage.show{margin:12px 0;border-radius:10px}
html[data-theme="dark"] .nav-role-admin{color:#c4b5fd!important;background:#2e2148!important;border-color:#5b4690!important}
html[data-theme="dark"] .nav-role-moderator{color:#fcd34d!important;background:#3b2d14!important;border-color:#71531a!important}
html[data-theme="dark"] .nav-role-midman{color:#6ee7b7!important;background:#12382d!important;border-color:#276a56!important}
html[data-theme="dark"] .nav-role-menu-section>a{color:#d7e1ee}
html[data-theme="dark"] .nav-role-menu-section>a:hover{color:#fff;background:#203652}
html[data-theme="dark"] .admin-users-table select{color:#e8effa;background:#111c2b;border-color:#35445a}
@media(max-width:760px){.nav-role-link{width:100%}.admin-users-table-wrap{overflow:auto}.admin-users-table{min-width:760px}}


/* =====================================================
   COMPACT CIRCULAR THEME BUTTON
===================================================== */

.theme-toggle,
body .theme-toggle{
  position:fixed !important;
  right:18px !important;
  bottom:18px !important;
  left:auto !important;
  z-index:1000 !important;

  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  height:42px !important;
  min-height:42px !important;

  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  gap:0 !important;

  border:1px solid #d5deea !important;
  border-radius:50% !important;

  color:#334155 !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 7px 22px rgba(15,23,42,.16) !important;
  backdrop-filter:blur(12px);

  font-size:20px !important;
  font-weight:700 !important;
  line-height:1 !important;
  cursor:pointer;
}

.theme-toggle span,
.theme-toggle .theme-label{
  display:none !important;
}

.theme-toggle:hover{
  color:#1769e0 !important;
  border-color:#9dbcea !important;
  background:#fff !important;
  transform:translateY(-2px) !important;
  box-shadow:0 10px 26px rgba(15,23,42,.20) !important;
}

.theme-toggle:active{
  transform:translateY(0) scale(.96) !important;
}

html[data-theme="dark"] .theme-toggle{
  color:#e8f1ff !important;
  border-color:#40536d !important;
  background:rgba(22,34,52,.96) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.34) !important;
}

html[data-theme="dark"] .theme-toggle:hover{
  color:#fff !important;
  border-color:#6484ac !important;
  background:#1c2d45 !important;
}

@media(max-width:760px){
  .theme-toggle,
  body .theme-toggle{
    right:13px !important;
    bottom:70px !important;
    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;
    height:40px !important;
    min-height:40px !important;
    font-size:18px !important;
  }
}


/* =====================================================
   PROFESSIONAL STAFF TOOLS NAVIGATION MENU
===================================================== */

.nav-staff-tools-wrap{
  position:relative;
  flex:0 0 auto;
}

.nav-staff-tools-trigger{
  border:1px solid transparent !important;
}

.nav-staff-tools-trigger:hover,
.nav-staff-tools-trigger[aria-expanded="true"],
.nav-staff-tools-trigger.nav-active{
  color:#1769e0 !important;
  border-color:#c9dbf4 !important;
  background:#eef5ff !important;
}

.nav-tools-symbol{
  font-size:18px;
  filter:saturate(.92);
}

.nav-staff-tools-menu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:220;

  width:330px;
  overflow:hidden;
  padding:8px;

  border:1px solid #dce5ef;
  border-radius:15px;

  background:#fff;
  box-shadow:0 22px 60px rgba(15,23,42,.19);
}

.nav-staff-tools-head{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:6px;
  padding:11px;
  border-bottom:1px solid #edf1f5;
}

.nav-staff-tools-head-icon{
  width:39px;
  height:39px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border:1px solid #cfe0f8;
  border-radius:11px;
  background:#eef5ff;
  font-size:18px;
}

.nav-staff-tools-head>div{
  min-width:0;
}

.nav-staff-tools-head strong,
.nav-staff-tools-head small{
  display:block;
}

.nav-staff-tools-head strong{
  color:#253550;
  font-size:12px;
}

.nav-staff-tools-head small{
  margin-top:3px;
  color:#7a8799;
  font-size:9px;
  line-height:1.45;
}

.nav-staff-tools-links{
  display:grid;
  gap:4px;
}

.nav-staff-tool-item{
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) 15px;
  align-items:center;
  gap:10px;

  min-height:60px !important;
  padding:9px 10px !important;

  border:1px solid transparent !important;
  border-radius:11px !important;

  color:#34445c !important;
  background:transparent !important;
}

.nav-staff-tool-item::after{
  display:none !important;
}

.nav-staff-tool-item:hover{
  transform:none !important;
  border-color:#d9e5f4 !important;
  background:#f6f9fd !important;
}

.nav-staff-tool-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:10px;
  font-size:17px;
}

.nav-staff-tool-copy{
  min-width:0;
}

.nav-staff-tool-copy strong,
.nav-staff-tool-copy small{
  display:block;
}

.nav-staff-tool-copy strong{
  color:#2c3b53;
  font-size:11px;
}

.nav-staff-tool-copy small{
  overflow:hidden;
  margin-top:3px;
  color:#7c899b;
  font-size:8px;
  line-height:1.42;
  text-overflow:ellipsis;
}

.nav-staff-tool-arrow{
  color:#9aa6b5;
  font-size:20px;
}

.nav-staff-tool-item.staff-admin .nav-staff-tool-icon{
  color:#6d28d9;
  background:#f3e8ff;
}

.nav-staff-tool-item.staff-moderator .nav-staff-tool-icon{
  color:#b45309;
  background:#fef3c7;
}

.nav-staff-tool-item.staff-midman .nav-staff-tool-icon{
  color:#047857;
  background:#d1fae5;
}

/* Remove any old standalone role links left in markup. */
.nav-role-link{
  display:none !important;
}

html[data-theme="dark"] .nav-staff-tools-trigger:hover,
html[data-theme="dark"] .nav-staff-tools-trigger[aria-expanded="true"],
html[data-theme="dark"] .nav-staff-tools-trigger.nav-active{
  color:#e7f0ff !important;
  border-color:#36506f !important;
  background:#172b44 !important;
}

html[data-theme="dark"] .nav-staff-tools-menu{
  border-color:#304057;
  background:#172234;
  box-shadow:0 24px 65px rgba(0,0,0,.42);
}

html[data-theme="dark"] .nav-staff-tools-head{
  border-color:#2d3c51;
}

html[data-theme="dark"] .nav-staff-tools-head-icon{
  border-color:#31527b;
  background:#183150;
}

html[data-theme="dark"] .nav-staff-tools-head strong,
html[data-theme="dark"] .nav-staff-tool-copy strong{
  color:#eef4ff;
}

html[data-theme="dark"] .nav-staff-tools-head small,
html[data-theme="dark"] .nav-staff-tool-copy small{
  color:#96a6ba;
}

html[data-theme="dark"] .nav-staff-tool-item{
  color:#d7e1ee !important;
}

html[data-theme="dark"] .nav-staff-tool-item:hover{
  border-color:#344a66 !important;
  background:#20334d !important;
}

html[data-theme="dark"] .nav-staff-tool-item.staff-admin .nav-staff-tool-icon{
  color:#d8b4fe;
  background:#392651;
}

html[data-theme="dark"] .nav-staff-tool-item.staff-moderator .nav-staff-tool-icon{
  color:#fcd34d;
  background:#3b2d14;
}

html[data-theme="dark"] .nav-staff-tool-item.staff-midman .nav-staff-tool-icon{
  color:#6ee7b7;
  background:#12382d;
}

@media(max-width:760px){
  .nav-staff-tools-wrap{
    width:100%;
  }

  .nav-staff-tools-trigger{
    width:100% !important;
  }

  .nav-staff-tools-menu{
    position:static;
    width:100%;
    margin-top:6px;
    box-shadow:none;
  }
}


/* =====================================================
   FULL STAFF, REVIEW MODERATION, AND DARK-MODE READABILITY
===================================================== */

/* Small circular theme button, lower-right on every page */
.theme-toggle,
body .theme-toggle{
  position:fixed !important;
  right:18px !important;
  bottom:18px !important;
  left:auto !important;
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  font-size:20px !important;
  line-height:1 !important;
  z-index:1100 !important;
}
.theme-toggle span,
.theme-toggle .theme-label{display:none !important}

/* Staff badges */
.staff-badge-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.staff-badge,.profile-badge{
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
}
.badge-admin,.profile-badge:first-child{color:#6d28d9;background:#f3e8ff;border-color:#dfc6ff}
.badge-moderator{color:#9a5b06;background:#fef3c7;border-color:#f7dc7d}
.badge-midman{color:#047857;background:#d1fae5;border-color:#8ce7c2}

/* Admin directories */
.admin-directory-heading{
  display:flex;align-items:flex-start;justify-content:space-between;gap:18px;
  margin-bottom:16px;
}
.admin-directory-heading h2{margin:5px 0 7px;font-size:26px}
.admin-directory-heading p{margin:0;color:var(--muted);line-height:1.6}
.admin-directory-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:14px;
}
.admin-directory-toolbar input{
  width:min(520px,100%);min-height:44px;padding:10px 12px;
  border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);
}
.admin-directory-count{
  color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap;
}
.admin-directory-table th{white-space:nowrap}
.admin-directory-table td{vertical-align:top}
.admin-directory-table select{
  width:100%;min-width:130px;min-height:39px;padding:8px;
  border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);
}
.admin-row-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:280px}
.admin-row-actions button,.admin-row-actions .button{
  min-height:34px;padding:6px 9px;font-size:9px;
}
.admin-row-actions .danger{color:#b42318;background:#fff1f2;border-color:#fecaca}
.account-status{
  display:inline-flex;padding:5px 9px;border-radius:999px;
  font-size:9px;font-weight:900;text-transform:uppercase;
}
.account-status.status-active{color:#166534;background:#dcfce7}
.account-status.status-restricted{color:#92400e;background:#fef3c7}
.account-status.status-suspended{color:#991b1b;background:#fee2e2}

.admin-permission-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
}
.admin-permission-grid article{
  padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);
}
.admin-permission-grid h3{margin:11px 0 8px}
.admin-permission-grid ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.75}
.admin-permission-grid small{display:block;margin-top:12px;color:var(--muted);line-height:1.55}
.permission-role{
  display:inline-flex;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase;
}
.permission-role.role-admin{color:#6d28d9;background:#f3e8ff}
.permission-role.role-moderator{color:#9a5b06;background:#fef3c7}
.permission-role.role-midman{color:#047857;background:#d1fae5}
.admin-audit-entry,.admin-announcement-item{
  display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);
}
.admin-audit-entry{align-items:flex-start;flex-direction:column}
.admin-audit-entry span,.admin-audit-entry small{color:var(--muted)}
.admin-announcement-item span{flex:1}

/* Moderator */
.moderator-stat-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;
}
.moderator-stat-grid article{
  padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm);
}
.moderator-stat-grid span{display:block;color:var(--muted);font-size:11px;font-weight:750}
.moderator-stat-grid strong{display:block;margin-top:8px;font-size:28px;color:var(--blue)}
.moderator-tabs{display:flex;gap:8px;margin-bottom:16px}
.moderator-tabs button.active{color:#fff;background:var(--blue);border-color:var(--blue)}
.moderator-panel{
  padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm);
}
.moderator-panel-heading h2{margin:0}
.moderator-panel-heading p{margin:5px 0 16px;color:var(--muted)}
.report-list,.review-report-list{display:grid;gap:12px}
.moderator-report-card,.moderator-review-report{
  padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft);
}
.moderator-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.moderator-report-head h3{margin:4px 0}
.moderator-report-type{color:var(--blue);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.moderator-status-pill{
  display:inline-flex;padding:5px 8px;border-radius:999px;background:#e2e8f0;color:#475569;
  font-size:9px;font-weight:900;text-transform:uppercase;
}
.moderator-report-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.reported-review-preview{
  margin:13px 0;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--surface);
}
.reported-review-preview span{color:var(--muted);font-size:11px}
.reported-review-preview blockquote{margin:10px 0 0;color:var(--navy);font-style:italic}
.moderator-report-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.moderator-report-details div{padding:10px;border-radius:9px;background:var(--surface)}
.moderator-report-details dt{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}
.moderator-report-details dd{margin:4px 0 0;line-height:1.5}

/* Review report button */
.report-review-button{
  margin-top:10px;min-height:30px;padding:5px 8px;
  color:#b45309;border-color:#f4d58a;background:#fffbeb;font-size:9px;
}
.report-review-button:hover{color:#92400e;background:#fef3c7}

/* Broad dark-mode contrast corrections */
html[data-theme="dark"] body,
html[data-theme="dark"] main,
html[data-theme="dark"] section,
html[data-theme="dark"] article,
html[data-theme="dark"] aside,
html[data-theme="dark"] header,
html[data-theme="dark"] footer,
html[data-theme="dark"] nav{
  color:#edf3ff;
}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] strong,
html[data-theme="dark"] b,
html[data-theme="dark"] label,
html[data-theme="dark"] legend,
html[data-theme="dark"] dt{
  color:#f4f7fc !important;
}
html[data-theme="dark"] p,
html[data-theme="dark"] small,
html[data-theme="dark"] time,
html[data-theme="dark"] dd,
html[data-theme="dark"] .muted,
html[data-theme="dark"] [class*="subtitle"],
html[data-theme="dark"] [class*="description"],
html[data-theme="dark"] [class*="helper"],
html[data-theme="dark"] [class*="meta"]{
  color:#a9b7ca;
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{
  color:#edf3ff !important;
  background:#101a29 !important;
  border-color:#3b4c64 !important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#7f90a7 !important}
html[data-theme="dark"] option{color:#edf3ff;background:#101a29}
html[data-theme="dark"] .panel,
html[data-theme="dark"] .dashboard-card,
html[data-theme="dark"] .profile-tab-panel,
html[data-theme="dark"] .seller-listing-card,
html[data-theme="dark"] .dashboard-order-card,
html[data-theme="dark"] .dashboard-offer-card,
html[data-theme="dark"] .dashboard-review-card,
html[data-theme="dark"] .moderator-panel,
html[data-theme="dark"] .moderator-report-card,
html[data-theme="dark"] .moderator-review-report,
html[data-theme="dark"] .reported-review-preview,
html[data-theme="dark"] .admin-permission-grid article,
html[data-theme="dark"] .admin-directory-table-wrap{
  color:#edf3ff;background:#172234;border-color:#2f4057;
}
html[data-theme="dark"] table,
html[data-theme="dark"] thead,
html[data-theme="dark"] tbody,
html[data-theme="dark"] tr,
html[data-theme="dark"] td,
html[data-theme="dark"] th{
  color:#dce7f5;
  border-color:#2f4057;
}
html[data-theme="dark"] th{background:#111c2b}
html[data-theme="dark"] tbody tr:hover{background:#1a2a40}
html[data-theme="dark"] a:not(.button):not(.nav-cta):not(.card-view-button){color:#9fc6ff}
html[data-theme="dark"] .account-status.status-active{color:#8ee2a8;background:#173624}
html[data-theme="dark"] .account-status.status-restricted{color:#f8d35c;background:#332a10}
html[data-theme="dark"] .account-status.status-suspended{color:#ffaaaa;background:#3a1d20}
html[data-theme="dark"] .badge-admin{color:#d8b4fe;background:#392651;border-color:#644687}
html[data-theme="dark"] .badge-moderator{color:#fcd34d;background:#3b2d14;border-color:#6d5520}
html[data-theme="dark"] .badge-midman{color:#6ee7b7;background:#12382d;border-color:#286f5b}
html[data-theme="dark"] .moderator-status-pill{color:#c7d3e2;background:#26364a}
html[data-theme="dark"] .report-review-button{color:#fcd34d;background:#332a10;border-color:#6d5520}
html[data-theme="dark"] .reported-review-preview blockquote{color:#e5edf8}

@media(max-width:1050px){
  .admin-permission-grid,.moderator-stat-grid{grid-template-columns:1fr}
  .admin-row-actions{min-width:220px}
}
@media(max-width:760px){
  .theme-toggle,body .theme-toggle{
    right:13px !important;bottom:70px !important;width:40px !important;min-width:40px !important;
    max-width:40px !important;height:40px !important;min-height:40px !important;
  }
  .admin-directory-toolbar,.moderator-report-head{align-items:stretch;flex-direction:column}
  .admin-directory-count{white-space:normal}
  .admin-row-actions{min-width:0}
  .moderator-report-details{grid-template-columns:1fr}
}


/* =====================================================
   REVIEW REPORT BUTTON + DASHBOARD NOTIFICATIONS
===================================================== */

.review-row-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:11px;
}

.profile-review-row .report-review-button{
  min-height:32px;
  padding:6px 10px;
  border:1px solid #f1cf82;
  border-radius:8px;
  color:#9a5b06;
  background:#fffbeb;
  font-size:10px;
  font-weight:800;
}

.profile-review-row .report-review-button:hover{
  border-color:#dfb34f;
  color:#7c4603;
  background:#fef3c7;
}

.notification-view-all{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 12px;
  border-top:1px solid var(--line);
  color:var(--blue);
  font-size:11px;
  font-weight:850;
}

.notification-view-all:hover{
  background:var(--blue-soft);
}

.dashboard-notification-section{
  overflow:hidden;
  border:1px solid #e1e7ef;
  border-radius:14px;
  background:#fff;
  box-shadow:0 5px 18px rgba(24,37,59,.05);
}

.dashboard-notification-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px;
  border-bottom:1px solid #e8edf3;
}

.dashboard-notification-toolbar h2{
  margin:0;
  color:#17233c;
  font-size:20px;
}

.dashboard-notification-toolbar p{
  margin:4px 0 0;
  color:#718096;
  font-size:11px;
}

.dashboard-notification-list{
  display:grid;
}

.dashboard-notification-item{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:13px;
  padding:17px 20px;
  border-bottom:1px solid #edf0f4;
  background:#fff;
}

.dashboard-notification-item:last-child{
  border-bottom:0;
}

.dashboard-notification-item.unread{
  background:#f3f8ff;
  box-shadow:inset 4px 0 #1769e0;
}

.dashboard-notification-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid #d9e5f4;
  border-radius:11px;
  background:#f2f7ff;
  font-size:18px;
}

.dashboard-notification-copy{
  min-width:0;
}

.dashboard-notification-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.dashboard-notification-title-row strong{
  color:#25324a;
  font-size:13px;
}

.dashboard-notification-title-row time{
  flex:0 0 auto;
  color:#8a96a7;
  font-size:10px;
}

.dashboard-notification-copy>p{
  margin:6px 0 0;
  color:#5f6d82;
  font-size:12px;
  line-height:1.55;
}

.dashboard-notification-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:11px;
}

.dashboard-notification-actions button,
.dashboard-notification-actions .button{
  min-height:32px;
  padding:6px 9px;
  font-size:9px;
}

.dashboard-notification-actions .danger{
  color:#b42318;
  border-color:#fecaca;
  background:#fff1f2;
}

/* Explicit Dashboard review colors in both themes */
.page-dashboard-center .review-stat-grid>div,
.page-dashboard-center .dashboard-review-card{
  color:#17233c;
  background:#fff;
}

.page-dashboard-center .review-stat-grid span,
.page-dashboard-center .review-line>div,
.page-dashboard-center .review-line a,
.page-dashboard-center .dashboard-review-card p,
.page-dashboard-center .review-line time{
  color:#5f6d82;
}

.page-dashboard-center .review-stat-grid strong,
.page-dashboard-center .review-line strong{
  color:#17233c;
}

html[data-theme="dark"] .page-dashboard-center .review-stat-grid>div,
html[data-theme="dark"] .page-dashboard-center .dashboard-review-card,
html[data-theme="dark"] .dashboard-notification-section,
html[data-theme="dark"] .dashboard-notification-item{
  color:#edf3ff;
  border-color:#2f4057;
  background:#172234;
}

html[data-theme="dark"] .page-dashboard-center .dashboard-review-list{
  border-color:#2f4057;
  background:#172234;
}

html[data-theme="dark"] .page-dashboard-center .review-stat-grid span,
html[data-theme="dark"] .page-dashboard-center .review-line>div,
html[data-theme="dark"] .page-dashboard-center .review-line a,
html[data-theme="dark"] .page-dashboard-center .dashboard-review-card p,
html[data-theme="dark"] .page-dashboard-center .review-line time,
html[data-theme="dark"] .dashboard-notification-toolbar p,
html[data-theme="dark"] .dashboard-notification-copy>p,
html[data-theme="dark"] .dashboard-notification-title-row time{
  color:#a9b7ca !important;
}

html[data-theme="dark"] .page-dashboard-center .review-stat-grid strong,
html[data-theme="dark"] .page-dashboard-center .review-line strong,
html[data-theme="dark"] .dashboard-notification-toolbar h2,
html[data-theme="dark"] .dashboard-notification-title-row strong{
  color:#f4f7fc !important;
}

html[data-theme="dark"] .dashboard-notification-toolbar{
  border-color:#2f4057;
}

html[data-theme="dark"] .dashboard-notification-item{
  border-color:#2a394e;
}

html[data-theme="dark"] .dashboard-notification-item.unread{
  background:#172d48;
  box-shadow:inset 4px 0 #4b91f1;
}

html[data-theme="dark"] .dashboard-notification-icon{
  border-color:#31527b;
  background:#183150;
}

html[data-theme="dark"] .profile-review-row .report-review-button{
  color:#fcd34d;
  border-color:#6d5520;
  background:#332a10;
}

html[data-theme="dark"] .profile-review-row .report-review-button:hover{
  color:#ffe58a;
  border-color:#98752a;
  background:#413515;
}

html[data-theme="dark"] .notification-view-all{
  border-color:#2f4057;
  color:#9fc6ff;
}

html[data-theme="dark"] .notification-view-all:hover{
  background:#20334d;
}

@media(max-width:900px){
  .dashboard-side-nav{
    grid-template-columns:repeat(6,1fr);
  }
}

@media(max-width:760px){
  .dashboard-notification-toolbar,
  .dashboard-notification-title-row{
    align-items:stretch;
    flex-direction:column;
  }

  .dashboard-notification-item{
    grid-template-columns:38px minmax(0,1fr);
    padding:14px;
  }

  .dashboard-notification-icon{
    width:38px;
    height:38px;
  }
}



/* =====================================================
   NAVBAR NOTIFICATION POPUP — LAYOUT FIX
===================================================== */

.notification-panel{
  position:fixed !important;
  top:76px !important;
  right:18px !important;
  left:auto !important;

  width:min(390px,calc(100vw - 28px)) !important;
  max-width:390px !important;
  max-height:min(620px,calc(100vh - 96px)) !important;

  overflow:hidden !important;

  border:1px solid var(--line) !important;
  border-radius:15px !important;
  background:#fff !important;
  box-shadow:0 22px 60px rgba(15,23,42,.20) !important;
  z-index:1200 !important;
}

.notification-head{
  position:sticky;
  top:0;
  z-index:2;

  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  padding:12px 14px !important;
  border-bottom:1px solid var(--line);
  background:#fff;
}

.notification-head strong{
  min-width:0;
  color:#17233c;
  font-size:14px;
}

.notification-head button{
  width:34px;
  min-width:34px;
  height:34px;
  min-height:34px;
  padding:0;
  display:grid;
  place-items:center;
  border-radius:9px;
  font-size:18px;
}

#notificationList{
  width:100%;
  max-height:calc(min(620px,100vh - 96px) - 54px);
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain;
}

.notification-item{
  width:100%;
  min-width:0;
  display:block !important;
  padding:13px 14px !important;

  border-bottom:1px solid #edf1f5;
  background:#fff;

  white-space:normal !important;
  overflow-wrap:anywhere;
  word-break:normal;
}

.notification-item:hover{
  background:#f7faff;
}

.notification-item.unread{
  background:#eff6ff;
  box-shadow:inset 3px 0 #1769e0;
}

.notification-item strong,
.notification-item span{
  width:100%;
  min-width:0;
  display:block !important;

  white-space:normal !important;
  overflow-wrap:anywhere;
  word-break:normal;
}

.notification-item strong{
  margin-bottom:5px;
  color:#24324a;
  font-size:12px;
  line-height:1.35;
}

.notification-item span{
  color:#65748a;
  font-size:11px;
  line-height:1.5;
}

.notification-view-all{
  position:sticky;
  bottom:0;
  width:100%;
  min-height:43px;

  display:flex !important;
  align-items:center;
  justify-content:center;

  padding:10px 12px;
  border-top:1px solid var(--line);
  background:#fff;
  color:#1769e0;
  font-size:11px;
  font-weight:850;
}

.notification-view-all:hover{
  background:#eef5ff;
}

/* Dark-mode notification popup */
html[data-theme="dark"] .notification-panel,
html[data-theme="dark"] .notification-head,
html[data-theme="dark"] .notification-item,
html[data-theme="dark"] .notification-view-all{
  color:#edf3ff !important;
  border-color:#2f4057 !important;
  background:#172234 !important;
}

html[data-theme="dark"] .notification-item:hover{
  background:#1d2d44 !important;
}

html[data-theme="dark"] .notification-item.unread{
  background:#17304d !important;
  box-shadow:inset 3px 0 #4b91f1;
}

html[data-theme="dark"] .notification-head strong,
html[data-theme="dark"] .notification-item strong{
  color:#f4f7fc !important;
}

html[data-theme="dark"] .notification-item span{
  color:#a9b7ca !important;
}

html[data-theme="dark"] .notification-view-all{
  color:#9fc6ff !important;
}

html[data-theme="dark"] .notification-view-all:hover{
  background:#20334d !important;
}

@media(max-width:600px){
  .notification-panel{
    top:68px !important;
    right:8px !important;
    width:calc(100vw - 16px) !important;
    max-width:none !important;
    max-height:calc(100vh - 86px) !important;
  }

  #notificationList{
    max-height:calc(100vh - 140px);
  }
}


/* =====================================================
   PROFESSIONAL MIDMAN CENTER
===================================================== */

.midman-center-main{
  min-height:calc(100vh - 140px);
  padding:34px 0 80px;
  background:
    radial-gradient(circle at 90% 0,rgba(23,105,224,.08),transparent 30%),
    #f6f8fc;
}

.midman-hero{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:22px;
  margin-bottom:20px;
  padding:28px;
  overflow:hidden;
  border:1px solid #dce5f0;
  border-radius:20px;
  background:
    radial-gradient(circle at 95% 10%,rgba(255,255,255,.25),transparent 30%),
    linear-gradient(135deg,#102a51 0%,#1457ad 58%,#2d7be2 100%);
  box-shadow:0 18px 45px rgba(24,55,104,.16);
  color:#fff;
}

.midman-hero-copy{
  align-self:center;
  max-width:680px;
}

.midman-hero .section-kicker{
  color:#bcd9ff;
}

.midman-hero h1{
  margin:8px 0 10px;
  color:#fff;
  font-size:clamp(32px,4vw,48px);
  letter-spacing:-.045em;
}

.midman-hero p{
  max-width:650px;
  margin:0;
  color:#d9e9ff;
  font-size:14px;
  line-height:1.7;
}

.midman-availability-card{
  width:230px;
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  padding:20px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:15px;
  background:rgba(7,25,53,.28);
  backdrop-filter:blur(12px);
}

.midman-availability-card>span{
  color:#c7dcfa;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.midman-availability-card strong{
  font-size:22px;
}

.midman-availability-card strong.available{
  color:#7df0bc;
}

.midman-availability-card strong.unavailable{
  color:#ffd477;
}

.midman-availability-card .button{
  margin-top:5px;
  color:#fff;
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.08);
}

.midman-stat-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
  margin-bottom:17px;
}

.midman-stat-grid article{
  padding:18px;
  border:1px solid #dde5ef;
  border-radius:14px;
  background:#fff;
  box-shadow:0 6px 22px rgba(23,35,60,.06);
}

.midman-stat-grid span,
.midman-stat-grid small{
  display:block;
}

.midman-stat-grid span{
  color:#66758a;
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
}

.midman-stat-grid strong{
  display:block;
  margin:8px 0 5px;
  color:#1769e0;
  font-size:30px;
}

.midman-stat-grid small{
  color:#8491a3;
  font-size:10px;
}

.midman-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}

.midman-tabs{
  display:flex;
  gap:7px;
  padding:5px;
  border:1px solid #dfe6ef;
  border-radius:11px;
  background:#fff;
}

.midman-tabs button{
  min-height:39px;
  border-color:transparent;
  background:transparent;
  color:#607087;
}

.midman-tabs button.active{
  color:#fff;
  border-color:#1769e0;
  background:#1769e0;
  box-shadow:0 6px 14px rgba(23,105,224,.20);
}

.midman-search{
  width:min(390px,100%);
  display:grid;
  gap:6px;
}

.midman-search span{
  color:#65748a;
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
}

.midman-search input{
  min-height:44px;
  padding:10px 12px;
  border:1px solid #d7e0eb;
  border-radius:10px;
  background:#fff;
}

.midman-queue-panel{
  padding:20px;
  border:1px solid #dde5ef;
  border-radius:17px;
  background:#fff;
  box-shadow:0 8px 28px rgba(23,35,60,.07);
}

.midman-queue-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
  padding-bottom:16px;
  border-bottom:1px solid #e9edf3;
}

.midman-queue-heading h2{
  margin:0;
  font-size:22px;
}

.midman-queue-heading p{
  margin:5px 0 0;
  color:#738095;
  font-size:11px;
}

.midman-request-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
}

.midman-request-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:16px;
  border:1px solid #dfe6ef;
  border-radius:13px;
  background:#fbfdff;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

.midman-request-card:hover{
  transform:translateY(-2px);
  border-color:#b9d1f1;
  box-shadow:0 12px 28px rgba(23,35,60,.10);
}

.midman-request-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.midman-request-label{
  color:#1769e0;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.midman-request-card h3{
  overflow:hidden;
  margin:5px 0 0;
  color:#1f2d44;
  font-size:16px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.midman-request-status{
  display:inline-flex;
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:999px;
  color:#91600a;
  background:#fff1c7;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
}

.midman-request-status.status-assigned,
.midman-request-status.status-active{
  color:#075f49;
  background:#d8f8ea;
}

.midman-request-status.status-completed{
  color:#166534;
  background:#dcfce7;
}

.midman-request-item{
  display:grid;
  gap:4px;
  min-height:64px;
  margin:15px 0 11px;
  padding:12px;
  border:1px solid #e4eaf2;
  border-radius:10px;
  background:#fff;
}

.midman-request-item span,
.midman-request-parties span,
.midman-request-summary span{
  color:#7b899b;
  font-size:8px;
  font-weight:850;
  text-transform:uppercase;
}

.midman-request-item strong{
  overflow:hidden;
  color:#34445b;
  font-size:11px;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.midman-request-parties{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.midman-request-parties div{
  min-width:0;
  display:grid;
  gap:3px;
  padding:9px;
  border-radius:9px;
  background:#f0f4f9;
}

.midman-request-parties strong{
  overflow:hidden;
  color:#34445b;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.midman-request-summary{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-top:12px;
}

.midman-request-summary div{
  display:grid;
  gap:3px;
}

.midman-request-summary strong{
  color:#1769e0;
  font-size:18px;
}

.midman-request-summary time{
  color:#8995a6;
  font-size:9px;
}

.midman-request-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:auto;
  padding-top:15px;
}

.midman-request-actions .button{
  min-height:39px;
  padding:8px;
  font-size:9px;
  text-align:center;
}

.midman-empty-state,
.midman-access-card{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  min-height:260px;
  padding:35px;
  border:1px dashed #cdd8e6;
  border-radius:13px;
  background:#f8fafc;
  text-align:center;
}

.midman-empty-state>span,
.midman-access-card>span{
  font-size:34px;
}

.midman-empty-state h3,
.midman-access-card h2{
  margin:12px 0 5px;
}

.midman-empty-state p,
.midman-access-card p{
  max-width:520px;
  margin:0;
  color:#758297;
  line-height:1.6;
}

/* Dark mode */
html[data-theme="dark"] .midman-center-main{
  background:
    radial-gradient(circle at 90% 0,rgba(59,130,246,.12),transparent 30%),
    #0f1724;
}

html[data-theme="dark"] .midman-stat-grid article,
html[data-theme="dark"] .midman-tabs,
html[data-theme="dark"] .midman-queue-panel,
html[data-theme="dark"] .midman-request-card,
html[data-theme="dark"] .midman-request-item{
  color:#edf3ff;
  border-color:#2e4057;
  background:#172234;
}

html[data-theme="dark"] .midman-request-card{
  background:#152032;
}

html[data-theme="dark"] .midman-request-card h3,
html[data-theme="dark"] .midman-request-item strong,
html[data-theme="dark"] .midman-request-parties strong,
html[data-theme="dark"] .midman-queue-heading h2{
  color:#f2f6fc !important;
}

html[data-theme="dark"] .midman-stat-grid span,
html[data-theme="dark"] .midman-stat-grid small,
html[data-theme="dark"] .midman-search span,
html[data-theme="dark"] .midman-queue-heading p,
html[data-theme="dark"] .midman-request-item span,
html[data-theme="dark"] .midman-request-parties span,
html[data-theme="dark"] .midman-request-summary span,
html[data-theme="dark"] .midman-request-summary time{
  color:#9eacc0 !important;
}

html[data-theme="dark"] .midman-search input{
  color:#edf3ff;
  border-color:#35485f;
  background:#101a29;
}

html[data-theme="dark"] .midman-request-parties div{
  background:#101a29;
}

html[data-theme="dark"] .midman-empty-state,
html[data-theme="dark"] .midman-access-card{
  color:#edf3ff;
  border-color:#34485f;
  background:#141f30;
}

@media(max-width:1100px){
  .midman-request-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .midman-hero,
  .midman-toolbar,
  .midman-queue-heading{
    align-items:stretch;
    flex-direction:column;
  }

  .midman-availability-card{
    width:auto;
  }

  .midman-stat-grid,
  .midman-request-grid{
    grid-template-columns:1fr;
  }

  .midman-tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .midman-search{
    width:100%;
  }

  .midman-request-actions{
    grid-template-columns:1fr;
  }
}


/* =====================================================
   MIDMAN USERNAMES + FEE BREAKDOWN
===================================================== */

.midman-request-fees{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}

.midman-request-fees>div{
  min-width:0;
  display:grid;
  gap:3px;
  padding:10px;
  border:1px solid #e2e9f2;
  border-radius:9px;
  background:#fff;
}

.midman-request-fees span,
.midman-request-fees small{
  color:#7b899b;
  font-size:8px;
  font-weight:850;
  text-transform:uppercase;
}

.midman-request-fees strong{
  color:#1769e0;
  font-size:16px;
}

.midman-request-fees small{
  font-size:7px;
  line-height:1.4;
  text-transform:none;
}

.order-fee-breakdown{
  display:grid;
  gap:9px;
  margin-top:14px;
  padding:14px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.order-fee-breakdown>div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
}

.order-fee-breakdown span{
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}

.order-fee-breakdown strong{
  color:var(--navy);
  font-size:13px;
}

.order-fee-breakdown small{
  grid-column:1/-1;
  color:var(--muted);
  font-size:9px;
}

html[data-theme="dark"] .midman-request-fees>div{
  border-color:#2f4057;
  background:#101a29;
}

html[data-theme="dark"] .midman-request-fees span,
html[data-theme="dark"] .midman-request-fees small,
html[data-theme="dark"] .order-fee-breakdown span,
html[data-theme="dark"] .order-fee-breakdown small{
  color:#9eacc0 !important;
}

html[data-theme="dark"] .order-fee-breakdown strong{
  color:#f2f6fc !important;
}

@media(max-width:520px){
  .midman-request-fees{
    grid-template-columns:1fr;
  }
}


/* =====================================================
   DUAL CURRENCY + ADMIN RATE SETTINGS
===================================================== */

.market-card-footer strong,
.professional-listing-price,
.professional-other-price,
.offer-card-body>strong{
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

.card-view-button.buy-button{
  min-width:72px;
  color:#fff;
  border-color:#1769e0;
  background:#1769e0;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.card-view-button.buy-button:hover{
  border-color:#0f57bc;
  background:#0f57bc;
}

.currency-conversion-preview{
  display:block;
  margin-top:6px;
  color:#1769e0;
  font-size:10px;
  font-weight:750;
  line-height:1.45;
}

.admin-currency-form{
  display:grid;
  gap:18px;
}

.admin-currency-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.admin-currency-grid label{
  display:grid;
  gap:7px;
}

.admin-currency-grid label>span{
  color:var(--muted);
  font-size:10px;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.admin-currency-grid input,
.admin-currency-grid select{
  min-height:44px;
  padding:10px 12px;
  border:1px solid var(--line-strong);
  border-radius:10px;
  background:var(--surface);
}

.currency-adjustment-input{
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
}

.currency-adjustment-input input{
  border-radius:10px 0 0 10px;
}

.currency-adjustment-input>span{
  display:grid;
  place-items:center;
  border:1px solid var(--line-strong);
  border-left:0;
  border-radius:0 10px 10px 0;
  background:var(--surface-soft);
  font-weight:850;
}

.admin-currency-status{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.admin-currency-status article{
  min-width:0;
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface-soft);
}

.admin-currency-status span,
.admin-currency-status strong{
  display:block;
}

.admin-currency-status span{
  color:var(--muted);
  font-size:9px;
  font-weight:850;
  text-transform:uppercase;
}

.admin-currency-status strong{
  overflow:hidden;
  margin-top:6px;
  color:var(--navy);
  font-size:12px;
  text-overflow:ellipsis;
}

.admin-currency-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
}

.currency-attribution,
.locked-rate-note,
.midman-rate-note{
  color:var(--muted);
  font-size:9px;
}

.locked-rate-note{
  margin:9px 0 0;
  text-align:right;
}

.midman-rate-note{
  grid-column:1/-1;
  text-align:right;
}

html[data-theme="dark"] .currency-conversion-preview{
  color:#9fc6ff !important;
}

html[data-theme="dark"] .admin-currency-grid input,
html[data-theme="dark"] .admin-currency-grid select,
html[data-theme="dark"] .currency-adjustment-input>span,
html[data-theme="dark"] .admin-currency-status article{
  color:#edf3ff;
  border-color:#33465f;
  background:#101a29;
}

html[data-theme="dark"] .admin-currency-status strong{
  color:#f4f7fc !important;
}

@media(max-width:950px){
  .admin-currency-grid,
  .admin-currency-status{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:600px){
  .admin-currency-grid,
  .admin-currency-status{
    grid-template-columns:1fr;
  }

  .admin-currency-actions{
    flex-direction:column;
  }

  .admin-currency-actions .button{
    width:100%;
  }

  .market-card-footer{
    align-items:center;
  }

  .market-card-footer strong{
    font-size:12px;
  }
}


/* =====================================================
   ADMIN PRIVATE ROOM ACCESS + GLOBAL ENFORCEMENT
===================================================== */

.admin-private-room-panel{
  overflow:hidden;
  background:
    radial-gradient(circle at 95% 10%,rgba(23,105,224,.10),transparent 34%),
    #fff;
}

.admin-room-access-layout{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr);
  gap:20px;
  align-items:stretch;
}

.admin-room-access-copy h2{
  margin:6px 0 8px;
  font-size:28px;
}

.admin-room-access-copy>p{
  max-width:760px;
  margin:0 0 18px;
  color:var(--muted);
  line-height:1.65;
}

.admin-room-access-form label{
  display:grid;
  gap:7px;
}

.admin-room-access-form label>span{
  color:var(--muted);
  font-size:10px;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.admin-room-search-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
}

.admin-room-search-row input{
  min-height:46px;
  padding:11px 13px;
  border:1px solid var(--line-strong);
  border-radius:11px;
  background:var(--surface);
}

.admin-room-access-info{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:20px;
  border:1px solid #cfe0f6;
  border-radius:15px;
  background:linear-gradient(145deg,#eef5ff,#f8fbff);
}

.admin-room-access-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  margin-bottom:12px;
  border-radius:13px;
  background:#dbeafe;
  font-size:21px;
}

.admin-room-access-info strong{
  color:#18345b;
  font-size:15px;
}

.admin-room-access-info p{
  margin:6px 0;
  color:#536987;
  font-size:11px;
  line-height:1.5;
}

.admin-room-access-info small{
  color:#71839a;
  line-height:1.5;
}

.account-status.status-banned{
  color:#7f1d1d;
  background:#fecaca;
}

/* =====================================================
   ADMIN VIEWING + MIDMAN CONTROLS IN PRIVATE ROOM
===================================================== */

.admin-viewing-inline-badge,
.admin-viewing-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:6px 10px;
  border:1px solid #d8c4ff;
  border-radius:999px;
  color:#6d28d9;
  background:#f3e8ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.private-room-heading{
  display:flex;
  align-items:flex-start;
  flex-direction:column;
}

.admin-room-view-panel{
  margin-bottom:18px;
  padding:19px;
  border-color:#d8c4ff;
  background:
    radial-gradient(circle at 95% 0,rgba(109,40,217,.08),transparent 35%),
    #fff;
}

.admin-room-view-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

.admin-room-view-heading h2{
  margin:5px 0 5px;
}

.admin-room-view-heading p{
  max-width:700px;
  margin:0;
  color:var(--muted);
  line-height:1.55;
}

.admin-room-tool-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:15px;
}

.admin-room-tool{
  min-width:0;
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:9px;
  align-items:center;
  padding:12px;
  border:1px solid var(--line);
  border-radius:11px;
  color:var(--navy);
  background:var(--surface-soft);
  text-align:left;
}

.admin-room-tool>span{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  grid-row:1/3;
  border-radius:9px;
  background:#eef5ff;
}

.admin-room-tool strong,
.admin-room-tool small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.admin-room-tool small{
  color:var(--muted);
  font-size:9px;
}

.midman-control-group{
  display:grid;
  gap:8px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--line);
}

.midman-control-group small{
  color:var(--muted);
  line-height:1.5;
}

html[data-theme="dark"] .admin-private-room-panel,
html[data-theme="dark"] .admin-room-view-panel{
  color:#edf3ff;
  border-color:#3e4f68;
  background:#172234;
}

html[data-theme="dark"] .admin-room-access-info{
  border-color:#31527b;
  background:linear-gradient(145deg,#162b44,#172234);
}

html[data-theme="dark"] .admin-room-access-info strong{
  color:#eef4ff;
}

html[data-theme="dark"] .admin-room-access-info p,
html[data-theme="dark"] .admin-room-access-info small{
  color:#9eacc0;
}

html[data-theme="dark"] .admin-room-tool{
  color:#edf3ff;
  border-color:#34465f;
  background:#101a29;
}

html[data-theme="dark"] .admin-room-tool>span{
  background:#183150;
}

html[data-theme="dark"] .account-status.status-banned{
  color:#ffb4b4;
  background:#4a2024;
}

@media(max-width:960px){
  .admin-room-access-layout{
    grid-template-columns:1fr;
  }

  .admin-room-tool-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  .admin-room-search-row{
    grid-template-columns:1fr;
  }

  .admin-room-search-row .button{
    width:100%;
  }

  .admin-room-view-heading{
    flex-direction:column;
  }

  .admin-room-tool-grid{
    grid-template-columns:1fr;
  }
}


/* =====================================================
   PROFESSIONAL ADMIN CONTROL CENTER
===================================================== */

.page-admin{
  background:
    radial-gradient(circle at 8% 0,rgba(23,105,224,.08),transparent 24rem),
    #f5f8fc;
}

.page-admin .inner-page{
  padding-top:28px;
}

.page-admin .page-shell{
  width:min(1440px,calc(100% - 34px));
}

.admin-command-hero{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin-bottom:14px;
  padding:30px 32px;
  border:1px solid #cfe0f8;
  border-radius:22px;
  color:#fff;
  background:
    radial-gradient(circle at 88% 12%,rgba(255,255,255,.18),transparent 18rem),
    linear-gradient(135deg,#153d79,#1769e0 58%,#4b91ee);
  box-shadow:0 22px 60px rgba(23,105,224,.20);
}

.admin-command-hero::after{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-110px;
  width:280px;
  height:280px;
  border:42px solid rgba(255,255,255,.08);
  border-radius:50%;
}

.admin-command-hero-copy{
  position:relative;
  z-index:1;
  max-width:850px;
}

.admin-command-hero .section-kicker{
  color:#cfe4ff;
}

.admin-command-hero h1{
  margin:7px 0 9px;
  color:#fff;
  font-size:clamp(31px,4vw,48px);
  letter-spacing:-.045em;
}

.admin-command-hero p{
  max-width:760px;
  margin:0;
  color:#e2edff;
  font-size:14px;
  line-height:1.7;
}

.admin-command-hero-status{
  position:relative;
  z-index:1;
  min-width:210px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:15px 17px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:14px;
  background:rgba(11,37,77,.24);
  backdrop-filter:blur(10px);
}

.admin-command-hero-status small,
.admin-command-hero-status strong{
  display:block;
}

.admin-command-hero-status small{
  color:#cfe0f8;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}

.admin-command-hero-status strong{
  margin-top:3px;
  color:#fff;
  font-size:14px;
}

.admin-live-dot{
  width:12px;
  height:12px;
  flex:0 0 auto;
  border:3px solid rgba(255,255,255,.38);
  border-radius:50%;
  background:#4ade80;
  box-shadow:0 0 0 5px rgba(74,222,128,.12);
}

.admin-section-nav{
  position:sticky;
  top:82px;
  z-index:35;
  display:flex;
  gap:7px;
  margin-bottom:18px;
  padding:8px;
  overflow-x:auto;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 28px rgba(23,35,60,.08);
  backdrop-filter:blur(14px);
}

.admin-section-nav a{
  min-width:max-content;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 13px;
  border-radius:9px;
  color:#475569;
  font-size:12px;
  font-weight:800;
}

.admin-section-nav a:hover{
  color:var(--blue);
  background:var(--blue-soft);
}

.admin-dashboard-section{
  scroll-margin-top:150px;
  padding:25px;
  border-radius:19px;
  box-shadow:0 8px 30px rgba(23,35,60,.065);
}

.admin-directory-heading{
  align-items:flex-start;
}

.admin-directory-heading h2,
.admin-catalog-heading h2{
  margin:5px 0 5px;
  font-size:24px;
  letter-spacing:-.025em;
}

.admin-directory-heading p,
.admin-catalog-heading p{
  max-width:760px;
  margin:0;
  color:var(--muted);
  line-height:1.6;
}

.admin-catalog-panel{
  padding:26px;
}

.admin-catalog-heading{
  padding-bottom:20px;
  border-bottom:1px solid var(--line);
}

.admin-catalog-grid{
  align-items:start;
  gap:16px;
  margin-top:20px;
}

.admin-catalog-column{
  overflow:hidden;
  border:1px solid #dce5f0;
  border-radius:16px;
  background:#fbfcfe;
  box-shadow:0 4px 14px rgba(23,35,60,.035);
}

.admin-catalog-column-head{
  padding:17px;
  border-bottom:1px solid #e5ebf3;
  background:linear-gradient(180deg,#fff,#f8fbff);
}

.admin-catalog-column-head h3{
  margin:0 0 4px;
  font-size:18px;
}

.admin-catalog-column-head p{
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}

.admin-catalog-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  background:#eaf3ff;
  box-shadow:inset 0 0 0 1px #cfe0f8;
}

.admin-catalog-form{
  margin:14px;
  padding:15px;
  border:1px solid #e1e8f1;
  border-radius:13px;
  background:#fff;
}

.admin-catalog-form label>span{
  color:#58677d;
  font-size:9px;
  letter-spacing:.055em;
}

.admin-catalog-form input,
.admin-catalog-form select{
  min-height:42px;
  border-color:#d5dfeb;
  background:#fbfdff;
}

.admin-catalog-form .button-primary{
  min-height:44px;
  margin-top:4px;
  font-size:13px;
}

.admin-catalog-list-head{
  margin:0 15px;
  padding:12px 0 9px;
  border-top:1px solid #e5ebf3;
}

.admin-catalog-list{
  max-height:430px;
  overflow:auto;
  padding:0 14px 14px;
}

.admin-catalog-item{
  margin-top:8px;
  border-radius:11px;
  background:#fff;
}

.admin-catalog-empty{
  min-height:95px;
  display:grid;
  place-items:center;
  color:#8794a8;
  border:1px dashed #ced8e5;
  border-radius:11px;
  background:#fff;
}

.admin-directory-toolbar{
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f8fafc;
}

.admin-directory-toolbar input{
  min-height:43px;
  border-color:#d6dfeb;
  background:#fff;
}

.admin-directory-count{
  min-width:max-content;
  padding:7px 10px;
  border-radius:999px;
  color:#245caa;
  background:#eaf3ff;
}

.admin-directory-table-wrap{
  margin-top:14px;
  box-shadow:none;
}

.admin-directory-table th{
  padding-block:13px;
  background:#f6f8fb;
}

.admin-directory-table td{
  vertical-align:middle;
}

.admin-row-actions{
  gap:6px;
}

.admin-row-actions button,
.admin-row-actions .button{
  min-height:34px;
  padding:6px 9px;
  font-size:10px;
}

.admin-announcement-panel form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  margin-top:18px;
}

.admin-announcement-panel form input{
  min-height:46px;
  padding:11px 13px;
  border:1px solid var(--line-strong);
  border-radius:10px;
}

.admin-audit-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}

.admin-audit-entry{
  margin:0;
  padding:14px;
  border:1px solid #e0e7f0;
  border-radius:11px;
  background:#fbfcfe;
}

.message-box.show.error{
  border:1px solid #fecaca;
  border-radius:11px;
  box-shadow:0 4px 14px rgba(185,28,28,.05);
}

html[data-theme="dark"] .page-admin{
  background:
    radial-gradient(circle at 8% 0,rgba(40,119,232,.13),transparent 24rem),
    #0f1724;
}

html[data-theme="dark"] .admin-section-nav{
  border-color:#2d3d53;
  background:rgba(23,34,52,.94);
}

html[data-theme="dark"] .admin-section-nav a{
  color:#aab8ca;
}

html[data-theme="dark"] .admin-catalog-column,
html[data-theme="dark"] .admin-catalog-column-head,
html[data-theme="dark"] .admin-catalog-form,
html[data-theme="dark"] .admin-catalog-empty,
html[data-theme="dark"] .admin-catalog-item,
html[data-theme="dark"] .admin-directory-toolbar,
html[data-theme="dark"] .admin-audit-entry{
  color:#edf3ff;
  border-color:#304158;
  background:#111c2b;
}

html[data-theme="dark"] .admin-catalog-column-head{
  background:linear-gradient(180deg,#172234,#111c2b);
}

html[data-theme="dark"] .admin-catalog-list-head,
html[data-theme="dark"] .admin-catalog-heading{
  border-color:#304158;
}

html[data-theme="dark"] .admin-directory-count{
  color:#a8cdff;
  background:#183150;
}

@media(max-width:1050px){
  .admin-command-hero{
    align-items:flex-start;
    flex-direction:column;
  }

  .admin-command-hero-status{
    width:100%;
  }

  .admin-audit-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .page-admin .page-shell{
    width:min(100% - 20px,1440px);
  }

  .admin-command-hero{
    padding:24px 20px;
    border-radius:17px;
  }

  .admin-command-hero h1{
    font-size:31px;
  }

  .admin-section-nav{
    top:72px;
  }

  .admin-dashboard-section{
    padding:18px;
  }

  .admin-announcement-panel form{
    grid-template-columns:1fr;
  }

  .admin-announcement-panel form .button{
    width:100%;
  }
}


/* =====================================================
   SOUND SETTINGS + PERFORMANCE
===================================================== */
img{
  content-visibility:auto;
}

.sound-settings-mount{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:920;
}

.sound-settings-toggle{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid var(--line-strong)!important;
  border-radius:50%!important;
  background:var(--surface)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.16)!important;
  font-size:18px!important;
}

.sound-settings-panel{
  position:absolute;
  right:0;
  bottom:54px;
  width:min(330px,calc(100vw - 28px));
  padding:17px;
  border:1px solid var(--line);
  border-radius:15px;
  background:var(--surface);
  box-shadow:0 22px 60px rgba(15,23,42,.20);
}

.sound-settings-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.sound-settings-head strong,
.sound-settings-head small{
  display:block;
}

.sound-settings-head small,
.sound-autoplay-note{
  margin-top:3px;
  color:var(--muted);
  font-size:10px;
}

.sound-settings-head>button{
  width:30px;
  height:30px;
  min-width:30px;
  min-height:30px;
  padding:0;
  border:0;
  border-radius:50%;
  font-size:20px;
}

.sound-master-row,
.sound-option-grid label,
.sound-volume-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.sound-master-row{
  padding:11px;
  border:1px solid var(--line);
  border-radius:10px;
  font-weight:800;
  background:var(--surface-soft);
}

.sound-option-grid{
  display:grid;
  gap:7px;
  margin:12px 0;
}

.sound-option-grid label{
  padding:7px 2px;
  color:var(--navy);
  font-size:12px;
}

.sound-volume-row{
  align-items:stretch;
  flex-direction:column;
  margin:13px 0;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
}

.sound-volume-row input{
  width:100%;
}

.sound-settings-panel .button{
  width:100%;
}

.sound-autoplay-note{
  display:block;
  line-height:1.45;
  text-align:center;
}

html[data-theme="dark"] .sound-settings-toggle,
html[data-theme="dark"] .sound-settings-panel{
  color:#edf3ff!important;
  border-color:#33465f!important;
  background:#172234!important;
}

html[data-theme="dark"] .sound-master-row{
  border-color:#33465f;
  background:#101a29;
}

html[data-theme="dark"] .sound-option-grid label{
  color:#edf3ff;
}

@media(max-width:600px){
  .sound-settings-mount{
    right:12px;
    bottom:72px;
  }
}


/* =====================================================
   PAYMENT METHODS SYSTEM
===================================================== */
.payment-method-chip{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 9px;border:1px solid #cbd9eb;border-radius:7px;color:#294b78;background:#f5f9ff;font-size:10px;font-weight:850;line-height:1.2;white-space:nowrap}
.market-payment-methods{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-height:26px;margin:2px 0 1px}.market-payment-methods.missing{color:var(--muted);font-size:10px}.market-card-rating-line{margin:0!important;min-height:22px;display:flex;align-items:center}
.payment-method-fieldset{margin:0;padding:14px;border:1px solid var(--line-strong);border-radius:11px;background:var(--surface-soft)}.payment-method-fieldset legend{padding:0 6px;color:#334155;font-size:13px;font-weight:850}.payment-method-fieldset legend em{margin-left:5px;color:#b91c1c;font-size:9px;font-style:normal;text-transform:uppercase}.payment-method-fieldset>small{display:block;margin-bottom:10px;color:var(--muted);font-size:11px}
.payment-method-choice-grid{display:flex;flex-wrap:wrap;gap:8px}.payment-method-choice{position:relative;cursor:pointer}.payment-method-choice input{position:absolute;opacity:0;pointer-events:none}.payment-method-choice span{display:inline-flex;min-height:34px;align-items:center;padding:7px 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--navy);font-size:11px;font-weight:800}.payment-method-choice input:checked+span{border-color:var(--blue);color:var(--blue);background:var(--blue-soft);box-shadow:0 0 0 2px rgba(23,105,224,.08)}
.payment-method-empty,.payment-method-warning{padding:11px;border:1px dashed #d7a64e;border-radius:9px;color:#7c5415;background:#fffaf0;font-size:11px;line-height:1.5}.offer-payment-methods{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:3px 0}.offer-payment-methods>span:first-child{margin-right:2px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.offer-payment-methods.missing small{color:#b45309}
.listing-payment-methods-panel{margin:16px 0;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.listing-payment-method-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.listing-payment-methods-panel small{display:block;margin-top:8px;color:var(--muted)}.payment-method-warning-text{color:#b45309!important}
.checkout-payment-method-panel{margin:18px 0;padding:17px;border:1px solid #cfe0f8;border-radius:14px;background:#f8fbff}.checkout-payment-method-panel h3{margin:4px 0 5px;font-size:17px}.checkout-payment-method-panel p{margin:0;color:var(--muted);font-size:11px}.checkout-payment-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.checkout-payment-choice{position:relative;cursor:pointer}.checkout-payment-choice input{position:absolute;opacity:0}.checkout-payment-choice span{display:inline-flex;align-items:center;min-height:37px;padding:8px 13px;border:1px solid var(--line-strong);border-radius:9px;background:#fff;font-size:12px;font-weight:850}.checkout-payment-choice input:checked+span,.checkout-payment-choice.selected span{border-color:var(--blue);color:#fff;background:var(--blue)}.professional-checkout-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}
.order-payment-chip{vertical-align:middle}.dashboard-room-payment-method,.order-payment-method-row,.midman-request-payment{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}.dashboard-room-payment-method>span,.order-payment-method-row>span,.midman-request-payment>span{color:var(--muted);font-size:11px;font-weight:800}
.admin-payment-layout{display:grid;grid-template-columns:minmax(260px,.55fr) minmax(0,1fr);gap:20px;margin-top:18px}.admin-payment-form{display:grid;gap:12px;align-content:start;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.admin-payment-form label{display:grid;gap:6px}.admin-payment-form label>span{font-size:10px;font-weight:900;text-transform:uppercase;color:var(--muted)}.admin-payment-form input{width:100%;min-height:43px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--navy)}.admin-payment-list{display:grid;gap:8px;margin-top:10px}.admin-payment-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.admin-payment-item.disabled{opacity:.65}.admin-payment-item strong,.admin-payment-item small{display:block}.admin-payment-item small{margin-top:3px;color:var(--muted)}.admin-payment-actions{display:flex;flex-wrap:wrap;gap:6px}.admin-payment-actions button{min-height:32px;padding:6px 9px;font-size:10px}
.page-marketplace .marketplace-filter-panel{flex-wrap:wrap}.page-marketplace .marketplace-filter-panel label{min-width:145px;flex:1}.page-marketplace .marketplace-filter-panel label:first-child{min-width:220px;flex:1.5}
html[data-theme="dark"] .payment-method-chip{color:#aed0ff;border-color:#35577d;background:#17304e}html[data-theme="dark"] .payment-method-fieldset,html[data-theme="dark"] .listing-payment-methods-panel,html[data-theme="dark"] .admin-payment-form{background:#111c2b;border-color:#33465f}html[data-theme="dark"] .payment-method-choice span,html[data-theme="dark"] .checkout-payment-choice span,html[data-theme="dark"] .admin-payment-item{color:#edf3ff;background:#172234;border-color:#33465f}html[data-theme="dark"] .checkout-payment-method-panel{background:#111f33;border-color:#294a73}html[data-theme="dark"] .payment-method-empty,html[data-theme="dark"] .payment-method-warning{color:#f0ca88;background:#2b2317;border-color:#725926}
@media(max-width:760px){.admin-payment-layout{grid-template-columns:1fr}.admin-payment-item{align-items:flex-start;flex-direction:column}.admin-payment-actions{width:100%}.admin-payment-actions button{flex:1}.payment-method-choice-grid,.checkout-payment-choices{gap:6px}}


/* =====================================================
   PROFESSIONAL PROFILE — 2026-08-07
===================================================== */
.page-profile .profile-page{
  padding-top:28px;
  background:
    radial-gradient(circle at 12% 0,rgba(23,105,224,.055),transparent 28rem),
    var(--bg);
}

.page-profile #profileRoot{
  width:min(1180px,100%);
  margin:0 auto;
}

.profile-pro-hero{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:24px;
  background:var(--surface);
  box-shadow:0 18px 50px rgba(23,35,60,.08);
}

.profile-pro-cover{
  height:126px;
  background:
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.25),transparent 18rem),
    linear-gradient(135deg,#135dc9,#2f7ce8 55%,#66a2f4);
}

.profile-pro-hero-main{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:22px;
  align-items:end;
  padding:0 30px 26px;
}

.profile-pro-avatar-wrap{
  position:relative;
  margin-top:-58px;
}

.profile-pro-avatar{
  width:126px!important;
  height:126px!important;
  display:block;
  border:5px solid var(--surface);
  border-radius:50%;
  background:var(--surface-soft);
  box-shadow:0 0 0 1px var(--line),0 10px 28px rgba(15,23,42,.18);
}

.profile-own-avatar-mark{
  position:absolute;
  right:5px;
  bottom:5px;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:3px solid var(--surface);
  border-radius:50%;
  color:#fff;
  background:var(--blue);
  font-size:12px;
  font-weight:900;
}

.profile-pro-identity{
  min-width:0;
  padding-top:18px;
}

.profile-pro-identity .profile-name-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

.profile-pro-identity h1{
  margin:0;
  color:var(--navy);
  font-size:31px;
  line-height:1.1;
  letter-spacing:-.04em;
}

.profile-pro-subline{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:7px;
  color:var(--muted);
  font-size:12px;
  font-weight:750;
}

.profile-pro-bio-preview{
  max-width:650px;
  margin:11px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}

.profile-pro-actions{
  display:flex;
  gap:8px;
  align-items:center;
}

.profile-pro-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line);
  background:var(--surface-soft);
}

.profile-pro-stats>div{
  position:relative;
  padding:17px 22px;
}

.profile-pro-stats>div+div::before{
  content:"";
  position:absolute;
  left:0;
  top:16px;
  bottom:16px;
  width:1px;
  background:var(--line);
}

.profile-pro-stats strong,
.profile-pro-stats span{
  display:block;
}

.profile-pro-stats strong{
  color:var(--navy);
  font-size:19px;
  letter-spacing:-.02em;
}

.profile-pro-stats span{
  margin-top:3px;
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.profile-pro-tabs{
  margin:20px 0 0;
  padding:5px;
  display:inline-flex;
  gap:4px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
  box-shadow:0 5px 18px rgba(23,35,60,.045);
}

.profile-pro-tabs button{
  min-width:92px;
  min-height:38px;
  padding:8px 15px;
  border:0;
  border-radius:8px;
  color:var(--muted);
  background:transparent;
  box-shadow:none;
  font-size:12px;
  font-weight:850;
}

.profile-pro-tabs button.active{
  color:#fff;
  background:var(--blue);
}

.profile-pro-tab-content{
  margin-top:18px;
}

.profile-section-kicker,
.profile-setting-label{
  color:var(--blue);
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.profile-settings-heading{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin:4px 0 18px;
}

.profile-settings-heading h2{
  margin:5px 0 5px;
  font-size:27px;
  letter-spacing:-.035em;
}

.profile-settings-heading p{
  max-width:690px;
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}

.profile-settings-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:16px;
}

.profile-pro-card{
  padding:22px;
  border:1px solid var(--line);
  border-radius:17px;
  background:var(--surface);
  box-shadow:0 7px 24px rgba(23,35,60,.055);
}

.profile-photo-settings-card{
  grid-column:1/-1;
}

.profile-bio-settings-card{
  grid-column:1/-1;
}

.profile-settings-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:15px;
  margin-bottom:18px;
}

.profile-settings-card-head h3{
  margin:4px 0 0;
  font-size:19px;
  letter-spacing:-.02em;
}

.profile-cooldown-badge{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:5px 9px;
  border:1px solid;
  border-radius:999px;
  font-size:10px;
  font-weight:850;
  white-space:nowrap;
}

.profile-cooldown-badge.available{
  color:#166534;
  border-color:#bbf7d0;
  background:#f0fdf4;
}

.profile-cooldown-badge.locked{
  color:#854d0e;
  border-color:#fde68a;
  background:#fffbeb;
}

.profile-photo-editor{
  display:grid;
  grid-template-columns:126px minmax(0,1fr);
  gap:22px;
  align-items:center;
}

.profile-photo-editor-preview{
  width:126px;
  height:126px;
  border:1px solid var(--line);
  border-radius:50%;
  object-fit:cover;
  background:var(--surface-soft);
  box-shadow:0 7px 22px rgba(15,23,42,.1);
}

.profile-photo-editor-copy p{
  max-width:640px;
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}

.profile-photo-editor-copy>small,
.profile-username-form>small{
  display:block;
  margin-top:8px;
  color:var(--muted);
  font-size:10px;
  font-weight:750;
}

.profile-photo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}

.profile-upload-label{
  cursor:pointer;
}

.profile-upload-label.is-disabled{
  opacity:.55;
  cursor:not-allowed;
  pointer-events:none;
}

.profile-username-form,
.profile-bio-form{
  display:grid;
  gap:9px;
}

.profile-username-form label,
.profile-bio-form label{
  color:var(--navy);
  font-size:11px;
  font-weight:850;
}

.profile-username-input-row{
  height:46px;
  display:flex;
  align-items:center;
  overflow:hidden;
  border:1px solid var(--line-strong);
  border-radius:10px;
  background:var(--surface);
}

.profile-username-input-row:focus-within{
  border-color:var(--blue);
  box-shadow:0 0 0 4px rgba(23,105,224,.08);
}

.profile-username-input-row>span{
  height:100%;
  display:grid;
  place-items:center;
  padding:0 12px;
  border-right:1px solid var(--line);
  color:var(--muted);
  background:var(--surface-soft);
  font-weight:800;
}

.profile-username-input-row input{
  min-width:0;
  height:100%;
  flex:1;
  padding:0 12px;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.profile-username-form>p{
  margin:0;
  color:var(--muted);
  font-size:10px;
}

.profile-username-form .button{
  justify-self:start;
  margin-top:8px;
}

.profile-bio-form textarea{
  min-height:140px;
  padding:13px;
  border:1px solid var(--line-strong);
  border-radius:10px;
  resize:vertical;
  color:var(--navy);
  background:var(--surface);
}

.profile-bio-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}

.profile-bio-footer small{
  color:var(--muted);
  font-size:10px;
}

.profile-setting-message{
  min-height:18px;
  margin-top:5px;
  font-size:11px;
  font-weight:750;
}

.profile-setting-message.success{color:var(--success)}
.profile-setting-message.error{color:var(--danger)}

.profile-public-about h2{
  margin:5px 0 12px;
  font-size:24px;
  letter-spacing:-.03em;
}

.profile-public-about p{
  margin:0;
  color:var(--muted);
  line-height:1.75;
}

/* Existing seller-shop areas get a cleaner profile-page surface. */
.page-profile .profile-tab-panel{
  min-width:0;
}

.page-profile .profile-tab-heading,
.page-profile .reviews-title-row{
  margin-bottom:14px;
}

.page-profile .profile-tab-heading h2,
.page-profile .reviews-title-row h2{
  margin:0;
  font-size:24px;
  letter-spacing:-.03em;
}

.page-profile .seller-listing-card{
  border-radius:13px;
  box-shadow:0 3px 12px rgba(23,35,60,.055);
}

html[data-theme="dark"] .profile-pro-hero,
html[data-theme="dark"] .profile-pro-card,
html[data-theme="dark"] .profile-pro-tabs{
  color:#edf3ff;
  border-color:#2d3d53;
  background:#172234;
}

html[data-theme="dark"] .profile-pro-cover{
  background:
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.09),transparent 18rem),
    linear-gradient(135deg,#123f79,#1d5da9 55%,#3277c5);
}

html[data-theme="dark"] .profile-pro-avatar{
  border-color:#172234;
  background:#111c2b;
}

html[data-theme="dark"] .profile-own-avatar-mark{
  border-color:#172234;
}

html[data-theme="dark"] .profile-pro-identity h1,
html[data-theme="dark"] .profile-pro-stats strong,
html[data-theme="dark"] .profile-settings-card-head h3,
html[data-theme="dark"] .profile-settings-heading h2,
html[data-theme="dark"] .profile-username-form label,
html[data-theme="dark"] .profile-bio-form label{
  color:#edf3ff;
}

html[data-theme="dark"] .profile-pro-stats{
  border-color:#2d3d53;
  background:#111c2b;
}

html[data-theme="dark"] .profile-pro-stats>div+div::before{
  background:#2d3d53;
}

html[data-theme="dark"] .profile-username-input-row,
html[data-theme="dark"] .profile-bio-form textarea{
  color:#edf3ff;
  border-color:#35465d;
  background:#111c2b;
}

html[data-theme="dark"] .profile-username-input-row>span{
  border-color:#35465d;
  background:#0d1724;
}

html[data-theme="dark"] .profile-cooldown-badge.available{
  color:#91e8b7;
  border-color:#28583e;
  background:#143323;
}

html[data-theme="dark"] .profile-cooldown-badge.locked{
  color:#f3cc78;
  border-color:#5f4d24;
  background:#302713;
}

@media(max-width:760px){
  .page-profile .profile-page{padding-top:14px}

  .profile-pro-cover{height:100px}

  .profile-pro-hero-main{
    grid-template-columns:1fr;
    align-items:start;
    gap:12px;
    padding:0 18px 20px;
  }

  .profile-pro-avatar-wrap{
    width:max-content;
    margin-top:-48px;
  }

  .profile-pro-avatar{
    width:104px!important;
    height:104px!important;
  }

  .profile-pro-identity{padding-top:0}

  .profile-pro-identity h1{font-size:25px}

  .profile-pro-actions{
    width:100%;
  }

  .profile-pro-actions .button{
    flex:1;
  }

  .profile-pro-stats{
    grid-template-columns:repeat(2,1fr);
  }

  .profile-pro-stats>div:nth-child(3)::before{
    display:none;
  }

  .profile-pro-stats>div{
    border-top:1px solid var(--line);
  }

  .profile-pro-stats>div:nth-child(-n+2){
    border-top:0;
  }

  .profile-pro-tabs{
    width:100%;
  }

  .profile-pro-tabs button{
    min-width:0;
    flex:1;
  }

  .profile-settings-grid{
    grid-template-columns:1fr;
  }

  .profile-photo-editor{
    grid-template-columns:1fr;
  }

  .profile-photo-editor-preview{
    width:110px;
    height:110px;
  }

  .profile-photo-actions{
    flex-direction:column;
  }

  .profile-photo-actions .button,
  .profile-upload-label,
  .profile-username-form .button{
    width:100%;
    justify-content:center;
  }

  .profile-bio-footer{
    align-items:stretch;
    flex-direction:column;
  }

  .profile-bio-footer .button{
    width:100%;
  }
}


/* =====================================================
   NAV AUTH STATE — PREVENT GUEST FLASH
===================================================== */
.main-nav[data-auth-state="loading"] [data-auth],
.main-nav[data-auth-state="loading"] [data-nav-private],
.main-nav[data-auth-state="loading"] .nav-user-wrap,
.main-nav[data-auth-state="loading"] .nav-staff-tools-wrap,
.main-nav[data-auth-state="loading"] .notification-trigger,
.main-nav[data-auth-state="loading"] .nav-messages-link{
  visibility:hidden!important;
  pointer-events:none!important;
}
.main-nav[data-auth-state="loading"] [data-auth]{opacity:0}
.main-nav[data-auth-state="guest"] [data-auth],
.main-nav[data-auth-state="user"] [data-auth]{opacity:1}


/* =====================================================
   SELLER RESPONSE TIME + CANCELLATION SYSTEM
===================================================== */

.seller-response-form-help{
  color:var(--muted);
  font-size:10px;
  line-height:1.5;
}

.listing-response-time-chip,
.market-card-response-time{
  width:max-content;
  max-width:100%;
  margin-top:8px;
  padding:5px 8px;
  border:1px solid #dbeafe;
  border-radius:8px;
  color:#1e40af;
  background:#eff6ff;
  font-size:10px;
  font-weight:800;
}

.seller-response-timer{
  margin:0;
  padding:17px;
  border:1px solid #bfdbfe;
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#eff6ff);
  box-shadow:0 7px 24px rgba(23,35,60,.055);
}

.seller-response-timer-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.seller-response-timer-heading span{
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.seller-response-timer-heading strong{
  color:#1d4ed8;
  font-size:11px;
}

.seller-response-countdown{
  margin:10px 0 4px;
  color:var(--navy);
  font-size:25px;
  font-weight:900;
  letter-spacing:-.035em;
}

.seller-response-timer small{
  color:var(--muted);
  font-size:10px;
  line-height:1.5;
}

.seller-response-timer.expired{
  border-color:#fecaca;
  background:linear-gradient(180deg,#fff,#fff1f2);
}

.seller-response-timer.expired .seller-response-countdown{
  color:#b91c1c;
  font-size:17px;
}

.cancellation-reason-modal,
.seller-response-timeout-modal{
  position:fixed;
  inset:0;
  z-index:1300;
}

.cancellation-reason-modal[hidden],
.seller-response-timeout-modal[hidden]{
  display:none;
}

.cancellation-reason-backdrop,
.seller-response-timeout-backdrop{
  position:absolute;
  inset:0;
  border:0;
  border-radius:0;
  background:rgba(15,23,42,.58);
  backdrop-filter:blur(3px);
}

.cancellation-reason-dialog,
.seller-response-timeout-dialog{
  position:relative;
  z-index:1;
  width:min(540px,calc(100% - 28px));
  margin:max(40px,8vh) auto;
  padding:26px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--surface);
  box-shadow:0 28px 90px rgba(15,23,42,.3);
}

.cancellation-reason-close{
  position:absolute;
  top:13px;
  right:14px;
  width:34px;
  height:34px;
  min-width:34px;
  min-height:34px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  color:var(--muted);
  background:var(--surface-soft);
  font-size:21px;
}

.cancellation-reason-dialog h2,
.seller-response-timeout-dialog h2{
  margin:5px 40px 7px 0;
  color:var(--navy);
  font-size:24px;
  letter-spacing:-.03em;
}

.cancellation-reason-intro,
.seller-response-timeout-dialog p{
  margin:0 0 18px;
  color:var(--muted);
  line-height:1.55;
}

.cancellation-reason-field{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-top:13px;
}

.cancellation-reason-field>span{
  color:var(--navy);
  font-size:11px;
  font-weight:850;
}

.cancellation-reason-field small{
  color:var(--muted);
  font-weight:600;
}

.cancellation-reason-field select,
.cancellation-reason-field textarea{
  width:100%;
  padding:11px 12px;
  border:1px solid var(--line-strong);
  border-radius:10px;
  color:var(--navy);
  background:var(--surface);
}

.cancellation-reason-field textarea{
  min-height:105px;
  resize:vertical;
}

.cancellation-reason-notice{
  margin-top:14px;
  padding:10px 12px;
  border:1px solid #fde68a;
  border-radius:10px;
  color:#854d0e;
  background:#fffbeb;
  font-size:10px;
  font-weight:750;
}

.cancellation-reason-actions,
.seller-response-timeout-actions{
  display:flex;
  justify-content:flex-end;
  gap:9px;
  margin-top:20px;
}

.cancellation-reason-error{
  min-height:17px;
  margin-top:8px;
  color:var(--danger);
  font-size:11px;
  font-weight:750;
}

.seller-response-timeout-dialog>small{
  display:block;
  margin-top:10px;
  color:var(--muted);
  font-size:10px;
  text-align:center;
}

html[data-theme="dark"] .seller-response-timer{
  border-color:#315581;
  background:linear-gradient(180deg,#172234,#13253b);
}

html[data-theme="dark"] .seller-response-timer.expired{
  border-color:#693944;
  background:linear-gradient(180deg,#241822,#32191f);
}

html[data-theme="dark"] .seller-response-countdown,
html[data-theme="dark"] .cancellation-reason-dialog h2,
html[data-theme="dark"] .seller-response-timeout-dialog h2,
html[data-theme="dark"] .cancellation-reason-field>span{
  color:#edf3ff;
}

html[data-theme="dark"] .cancellation-reason-dialog,
html[data-theme="dark"] .seller-response-timeout-dialog{
  border-color:#33465f;
  background:#172234;
}

html[data-theme="dark"] .cancellation-reason-field select,
html[data-theme="dark"] .cancellation-reason-field textarea{
  color:#edf3ff;
  border-color:#3b4e68;
  background:#101a29;
}

html[data-theme="dark"] .cancellation-reason-notice{
  color:#f6d37c;
  border-color:#5f4b1e;
  background:#30260f;
}

html[data-theme="dark"] .listing-response-time-chip,
html[data-theme="dark"] .market-card-response-time{
  color:#9bc4ff;
  border-color:#315581;
  background:#152945;
}

@media(max-width:600px){
  .cancellation-reason-actions,
  .seller-response-timeout-actions{
    flex-direction:column-reverse;
  }

  .cancellation-reason-actions .button,
  .seller-response-timeout-actions .button{
    width:100%;
  }

  .seller-response-timer-heading{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* =====================================================
   MARKETPLACE IMAGE HERO BANNER
===================================================== */
.market-hero.market-hero-banner{
  margin:0 0 24px;
  padding:0;
  overflow:hidden;
  border:1px solid #dbe8fb;
  border-radius:22px;
  background:#f8fbff;
}

.market-hero-banner img{
  display:block;
  width:100%;
  height:auto;
}

@media(max-width:760px){
  .market-hero.market-hero-banner{
    border-radius:16px;
    margin-bottom:20px;
  }
}

/* ================= GAMEBNS COMPACT DESKTOP V2 =================
   Site-wide desktop density inspired by the preferred lower browser zoom.
   This deliberately does NOT use CSS zoom or transform scaling.
================================================================ */
@media (min-width: 761px) {
  html { font-size: 13px; }
  body { font-size: 12px; }

  .page-shell,
  .header-inner { width: min(1560px, calc(100% - 28px)); }

  .site-header .header-inner { min-height: 54px; gap: 12px; }
  .brand { font-size: 17px; }
  .brand-mark { width: 29px; height: 29px; margin-right: 6px; border-radius: 8px; }

  .main-nav { gap: 4px; }
  .main-nav > a,
  .main-nav > button { padding: 7px 8px; font-size: 11px; }

  .nav-search input {
    width: 180px;
    min-height: 34px;
    padding: 7px 9px;
    border-radius: 8px;
    font-size: 11px;
  }

  .inner-page { padding: 26px 0 52px; }
  .market-hero { padding: 30px 0 26px; }
  .hero-copy h1 { font-size: clamp(28px, 3.6vw, 48px); line-height: 1.02; }

  h1 { font-size: clamp(24px, 3vw, 38px); }
  h2 { font-size: clamp(19px, 2vw, 28px); }
  h3 { font-size: 15px; }

  .search-panel,
  .panel,
  .form-card,
  .auth-card,
  .order-summary,
  .chat-card {
    margin: 12px 0;
    padding: 14px;
    border-radius: 12px;
  }

  .button,
  button,
  .card-view-button {
    min-height: 32px;
    padding: 6px 9px;
    border-radius: 7px;
    font-size: 11px;
  }

  input, select, textarea { font-size: 11px; }
  .form-grid { gap: 10px; }
  .form-field { gap: 5px; }

  .form-field input,
  .form-field select,
  .form-field textarea,
  .auth-form input {
    min-height: 35px;
    padding: 8px 9px;
    border-radius: 7px;
  }

  .marketplace-title-row { margin-bottom: 8px; }
  .marketplace-filter-panel { gap: 8px; padding: 11px; }

  .marketplace-filter-panel label span { font-size: 9px; }

  .marketplace-filter-panel input,
  .marketplace-filter-panel select {
    min-height: 34px;
    padding: 7px 8px;
    border-radius: 7px;
    font-size: 10px;
  }

  .sort-buttons { gap: 5px; }
  .sort-buttons button { min-height: 34px; padding: 6px 8px; font-size: 10px; }

  .listing-grid,
  .six-grid { gap: 10px; }

  .market-card { border-radius: 10px; }
  .market-card-body { padding: 8px; }

  .market-card h3,
  .market-card h4 {
    margin: 3px 0;
    font-size: 11px;
    line-height: 1.25;
  }

  .market-card-path,
  .market-card-rating-line,
  .market-payment-methods,
  .market-card-response-time { font-size: 8.5px; }

  .payment-method-chip {
    min-height: 20px;
    padding: 3px 6px;
    font-size: 8px;
  }

  .market-card-footer { gap: 6px; margin-top: 7px; }
  .market-card-footer strong { font-size: 13px; }

  .market-card-footer .button,
  .market-card-footer .card-view-button {
    min-height: 28px;
    padding: 5px 8px;
    font-size: 9px;
  }

  .pagination { gap: 4px; margin: 20px auto; }
  .pagination button { min-width: 30px; min-height: 30px; padding: 5px 7px; font-size: 10px; }

  .dashboard-main { padding: 20px 18px 60px; }
  .dashboard-page-head { margin-bottom: 12px; }

  .overview-stat,
  .review-stat-grid > div { min-height: 86px; padding: 12px; }

  .overview-stat strong,
  .review-stat-grid strong { font-size: 21px; }

  .dashboard-offer-grid { gap: 9px; }
  .dashboard-offer-card { border-radius: 10px; }
  .offer-toolbar { gap: 8px; }

  .messages-workspace { border-radius: 12px; }
  .conversation-panel { font-size: 10px; }

  .chat-messages {
    min-height: 500px;
    height: 560px;
    padding: 11px;
    gap: 7px;
  }

  .chat-message { padding: 8px 10px; border-radius: 9px; font-size: 10px; }
  .chat-form { gap: 6px; padding: 8px; }
  .chat-form input { min-height: 36px; padding: 8px 10px; }

  .order-room-layout { gap: 16px; }
  .order-room-main { padding: 12px; border-radius: 13px; }
  .large-sidebar-card { padding: 15px; border-radius: 13px; }
  .large-sidebar-card h2 { margin-bottom: 11px; font-size: 16px; }

  .seller-response-timer { padding: 12px; border-radius: 12px; }
  .seller-response-countdown { margin-top: 7px; font-size: 19px; }

  .listing-detail-grid,
  .order-layout { gap: 18px; }

  .listing-detail-price { font-size: 23px; }

  .detail-image,
  .listing-detail-grid > img { max-height: 420px; border-radius: 12px; }

  .profile-pro-cover { height: 92px; }
  .profile-pro-avatar { width: 96px !important; height: 96px !important; }
  .profile-pro-avatar-wrap { margin-top: -42px; }
  .profile-pro-hero-main { gap: 16px; padding: 0 20px 18px; }
  .profile-pro-identity h1 { font-size: 24px; }
  .profile-pro-stats > div { padding: 11px 15px; }
  .profile-pro-stats strong { font-size: 16px; }

  .profile-pro-tabs { margin-top: 12px; }
  .profile-pro-tabs button {
    min-width: 76px;
    min-height: 32px;
    padding: 6px 11px;
    font-size: 10px;
  }

  .profile-pro-card { padding: 15px; border-radius: 13px; }
  .seller-listing-grid { gap: 9px; }

  table th,
  table td { padding: 8px 9px; font-size: 10px; }

  .notification-panel {
    top: 60px;
    width: min(340px, calc(100% - 24px));
    border-radius: 10px;
  }

  .notification-item { padding: 9px; font-size: 10px; }
  .site-footer { padding: 20px 0; font-size: 10px; }

  .market-card,
  .seller-listing-card,
  .dashboard-offer-card,
  .dashboard-order-card,
  .profile-review-row {
    content-visibility: auto;
    contain-intrinsic-size: 220px;
  }
}

/* All Listings search/filter must scroll normally with the page. */
.page-marketplace .search-panel,
.page-marketplace .marketplace-filter-panel {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
}

/* Mobile: All Listings controls become two horizontal layers (3 + 3). */
@media (max-width: 760px) {
  .page-marketplace .marketplace-filter-panel,
  .page-marketplace .search-panel.marketplace-filter-panel {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    align-items: end !important;
    padding: 9px !important;
    overflow: visible !important;
  }

  .page-marketplace .marketplace-filter-panel > label { min-width: 0 !important; }

  .page-marketplace .marketplace-filter-panel label span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 8px !important;
  }

  .page-marketplace .marketplace-filter-panel input,
  .page-marketplace .marketplace-filter-panel select {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 6px 7px !important;
    font-size: 9px !important;
  }

  .page-marketplace .marketplace-filter-panel .sort-buttons {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 4px !important;
  }

  .page-marketplace .marketplace-filter-panel .sort-buttons button {
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 5px 3px !important;
    font-size: 8px !important;
  }
}
/* ================= END GAMEBNS COMPACT DESKTOP V2 ================= */


/* Marketplace seller name + rating row */
.market-card-rating-line{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
}

.market-card-seller-name{
  max-width:140px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--navy);
  font-weight:800;
}

.market-card-seller-name:hover{
  color:var(--blue);
  text-decoration:underline;
}

.market-card-rating-separator{
  color:var(--muted);
  opacity:.7;
}

html[data-theme="dark"] .market-card-seller-name{
  color:#edf3ff;
}

html[data-theme="dark"] .market-card-seller-name:hover{
  color:#9bc4ff;
}


/* ================= SITE-WIDE DESKTOP SIDE MARGINS =================
   Side margins only. No global top or bottom margin is added.
==================================================================== */
@media (min-width: 761px){
  .page-shell,
  .header-inner{
    width:min(1560px,calc(100% - 80px)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .dashboard-shell{
    width:min(1500px,calc(100% - 80px)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (min-width: 1500px){
  .page-shell,
  .header-inner{
    width:min(1560px,calc(100% - 96px)) !important;
  }

  .dashboard-shell{
    width:min(1500px,calc(100% - 96px)) !important;
  }
}
/* ================= END SITE-WIDE DESKTOP SIDE MARGINS ============= */


/* ================= COMPACT LISTING REDESIGN V1 ================= */
.page-listing-detail .listing-detail-page{
  padding-top:12px!important;
}

.page-listing-detail .compact-listing-shell{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(300px,.75fr);
  gap:14px;
  align-items:start;
}

.page-listing-detail .compact-listing-shell.owner-view{
  grid-template-columns:1fr;
}

.page-listing-detail .compact-product-card{
  min-width:0;
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--surface);
  box-shadow:0 6px 22px rgba(15,23,42,.055);
}

.page-listing-detail .compact-product-media{
  padding:12px;
  border-right:1px solid var(--line);
  background:var(--surface-soft);
}

.page-listing-detail .compact-product-image-wrap{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
}

.page-listing-detail .compact-product-image{
  width:100%;
  height:100%;
  object-fit:contain;
}

.page-listing-detail .compact-product-info{
  min-width:0;
  padding:13px 14px;
}

.page-listing-detail .compact-product-head h1{
  margin:5px 0 4px;
  font-size:21px;
  line-height:1.12;
  letter-spacing:-.025em;
}

.page-listing-detail .compact-seller-row{
  margin:0;
  font-size:10px;
}

.page-listing-detail .compact-price-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid var(--line);
}

.page-listing-detail .compact-price-row .professional-listing-price{
  font-size:24px;
}

.page-listing-detail .compact-stock{
  min-width:72px;
  padding:7px 9px;
  border:1px solid var(--line);
  border-radius:8px;
  text-align:center;
  background:var(--surface-soft);
}

.page-listing-detail .compact-stock span{
  display:block;
  color:var(--muted);
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
}

.page-listing-detail .compact-stock strong{
  display:block;
  margin-top:2px;
  font-size:14px;
}

.page-listing-detail .compact-payment-row{
  margin-top:10px;
}

.page-listing-detail .compact-payment-row .listing-price-label{
  margin-bottom:4px;
}

.page-listing-detail .compact-detail-strip{
  display:flex;
  flex-wrap:wrap;
  gap:5px 11px;
  margin-top:10px;
  padding:8px 9px;
  border:1px solid var(--line);
  border-radius:8px;
  color:var(--muted);
  background:var(--surface-soft);
  font-size:9px;
}

.page-listing-detail .compact-detail-strip b{
  color:var(--navy);
  font-weight:850;
}

.page-listing-detail .compact-protection-line{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:9px;
  color:#24623f;
  font-size:9px;
  font-weight:800;
}

.page-listing-detail .compact-protection-line .listing-protection-icon{
  width:18px;
  height:18px;
  min-width:18px;
  font-size:9px;
}

.page-listing-detail .compact-purchase-row{
  display:grid;
  grid-template-columns:auto 128px minmax(105px,155px);
  align-items:center;
  gap:7px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--line);
}

.page-listing-detail .compact-purchase-row>label{
  color:var(--muted);
  font-size:9px;
  font-weight:850;
}

.page-listing-detail .compact-quantity-control{
  grid-template-columns:30px minmax(50px,1fr) 30px;
}

.page-listing-detail .compact-quantity-control input,
.page-listing-detail .compact-quantity-control .quantity-stepper{
  min-height:32px!important;
  height:32px;
  padding:4px!important;
  font-size:10px;
}

.page-listing-detail .compact-add-cart{
  min-height:32px!important;
  padding:6px 9px!important;
  font-size:10px!important;
}

.page-listing-detail .compact-owner-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:12px;
  padding:10px;
  border:1px solid #bfd3ee;
  border-radius:9px;
  background:#f5f9ff;
}

.page-listing-detail .compact-owner-actions strong,
.page-listing-detail .compact-owner-actions small{
  display:block;
}

.page-listing-detail .compact-owner-actions small{
  margin-top:2px;
  color:var(--muted);
  font-size:9px;
}

.page-listing-detail .compact-cart-column{
  min-width:0;
}

.page-listing-detail .compact-cart-panel{
  position:sticky;
  top:62px;
  margin:0!important;
  padding:12px!important;
  border-radius:12px!important;
  box-shadow:0 6px 22px rgba(15,23,42,.055);
}

.page-listing-detail .compact-cart-panel .cart-empty-professional{
  min-height:230px;
  padding:16px 10px;
}

.page-listing-detail .compact-cart-panel .cart-empty-icon{
  width:38px;
  height:38px;
  font-size:18px;
}

.page-listing-detail .compact-cart-panel .cart-empty-professional h3{
  font-size:14px;
}

.page-listing-detail .compact-cart-panel .cart-empty-professional p{
  max-width:190px;
  font-size:9px;
}

.page-listing-detail .compact-cart-panel .professional-cart-heading{
  padding-bottom:8px;
}

.page-listing-detail .compact-cart-panel .professional-cart-heading h2{
  font-size:14px;
}

.page-listing-detail .compact-cart-panel .professional-cart-lines{
  gap:6px;
}

.page-listing-detail .compact-cart-panel .professional-cart-line{
  grid-template-columns:36px minmax(0,1fr) auto 24px;
  gap:6px;
  padding:6px;
}

.page-listing-detail .compact-cart-panel .professional-cart-line img{
  width:36px;
  height:36px;
}

.page-listing-detail .compact-cart-panel .professional-cart-summary{
  gap:5px;
  margin-top:9px;
  padding-top:9px;
}

.page-listing-detail .compact-cart-panel .professional-checkout-button{
  min-height:34px;
  margin-top:9px;
  font-size:10px;
}

.page-listing-detail .compact-other-section{
  margin-top:14px!important;
}

.page-listing-detail .compact-section-heading{
  align-items:center;
  margin-bottom:9px!important;
}

.page-listing-detail .compact-section-heading h2{
  margin:2px 0 0!important;
  font-size:16px!important;
}

.page-listing-detail .compact-section-heading p{
  display:none;
}

.page-listing-detail .compact-other-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}

.page-listing-detail .compact-other-grid .professional-other-card{
  border-radius:9px;
}

.page-listing-detail .compact-other-grid .professional-other-body{
  padding:7px;
}

.page-listing-detail .compact-other-grid .professional-other-body h3{
  min-height:28px;
  margin:3px 0;
  font-size:10px;
  line-height:1.3;
}

.page-listing-detail .compact-other-grid .professional-other-price{
  font-size:12px;
}

.page-listing-detail .compact-other-grid .professional-other-meta{
  margin:4px 0;
  font-size:7.5px;
}

.page-listing-detail .compact-other-grid .professional-other-actions{
  grid-template-columns:48px minmax(0,1fr);
  gap:4px;
}

.page-listing-detail .compact-other-grid .professional-other-actions input,
.page-listing-detail .compact-other-grid .professional-other-actions button{
  min-height:28px;
  padding:4px;
  font-size:8px;
}

.page-listing-detail .compact-empty-state{
  min-height:100px!important;
  padding:15px!important;
}

.page-listing-detail .listing-lower-information{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  gap:10px;
  margin-top:14px;
}

.page-listing-detail .compact-description-card,
.page-listing-detail .listing-lower-details-card,
.page-listing-detail .listing-lower-protection-card{
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
}

.page-listing-detail .compact-description-card{
  margin:0;
}

.page-listing-detail .compact-description-card h2{
  margin:3px 0 6px;
  font-size:14px;
}

.page-listing-detail .compact-description-card p{
  font-size:10px;
  line-height:1.55;
}

.page-listing-detail .listing-lower-details-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-top:7px;
}

.page-listing-detail .listing-lower-details-grid>div{
  padding:7px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--surface-soft);
}

.page-listing-detail .listing-lower-details-grid span,
.page-listing-detail .listing-lower-details-grid strong{
  display:block;
}

.page-listing-detail .listing-lower-details-grid span{
  color:var(--muted);
  font-size:7.5px;
  font-weight:850;
  text-transform:uppercase;
}

.page-listing-detail .listing-lower-details-grid strong{
  margin-top:2px;
  font-size:9px;
}

.page-listing-detail .listing-lower-protection-card{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:9px;
}

.page-listing-detail .listing-lower-protection-card p{
  margin:2px 0 0;
  color:var(--muted);
  font-size:9px;
}

html[data-theme="dark"] .page-listing-detail .compact-product-card,
html[data-theme="dark"] .page-listing-detail .compact-description-card,
html[data-theme="dark"] .page-listing-detail .listing-lower-details-card,
html[data-theme="dark"] .page-listing-detail .listing-lower-protection-card{
  border-color:#2d3b50;
  background:#162132;
}

html[data-theme="dark"] .page-listing-detail .compact-product-media,
html[data-theme="dark"] .page-listing-detail .compact-product-image-wrap,
html[data-theme="dark"] .page-listing-detail .compact-stock,
html[data-theme="dark"] .page-listing-detail .compact-detail-strip,
html[data-theme="dark"] .page-listing-detail .listing-lower-details-grid>div{
  border-color:#2d3c51;
  background:#111c2b;
}

html[data-theme="dark"] .page-listing-detail .compact-detail-strip b,
html[data-theme="dark"] .page-listing-detail .compact-product-head h1,
html[data-theme="dark"] .page-listing-detail .listing-lower-details-grid strong{
  color:#eef4ff;
}

@media(max-width:1050px){
  .page-listing-detail .compact-listing-shell{
    grid-template-columns:1fr;
  }

  .page-listing-detail .compact-cart-panel{
    position:static;
  }

  .page-listing-detail .compact-other-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .page-listing-detail .listing-detail-page{
    padding-top:8px!important;
  }

  .page-listing-detail .compact-product-card{
    grid-template-columns:1fr;
  }

  .page-listing-detail .compact-product-media{
    padding:10px;
    border-right:0;
    border-bottom:1px solid var(--line);
  }

  .page-listing-detail .compact-product-image-wrap{
    width:min(190px,62vw);
    margin:auto;
  }

  .page-listing-detail .compact-product-info{
    padding:11px;
  }

  .page-listing-detail .compact-product-head h1{
    font-size:18px;
  }

  .page-listing-detail .compact-price-row .professional-listing-price{
    font-size:21px;
  }

  .page-listing-detail .compact-purchase-row{
    grid-template-columns:auto minmax(100px,1fr) minmax(105px,1fr);
  }

  .page-listing-detail .compact-cart-panel .cart-empty-professional{
    min-height:150px;
  }

  .page-listing-detail .compact-other-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .page-listing-detail .listing-lower-information{
    grid-template-columns:1fr;
  }

  .page-listing-detail .listing-lower-protection-card{
    grid-column:auto;
  }
}

@media(max-width:480px){
  .page-listing-detail .compact-purchase-row{
    grid-template-columns:auto 1fr;
  }

  .page-listing-detail .compact-add-cart{
    grid-column:1/-1;
    width:100%;
  }
}
/* ================= END COMPACT LISTING REDESIGN V1 ================= */


/* ================= LIVE PRESENCE SYSTEM ================= */
.admin-presence-panel{display:grid;gap:14px}
.presence-health{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px;font-weight:800;white-space:nowrap}
.presence-health i,.presence-status i,.room-midman-online-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.12)}
.presence-health.live{color:#167443;border-color:#b9e4ca;background:#f3fbf6}
.presence-health.live i,.presence-status.presence-online i,.room-midman-online-indicator.has-online .room-midman-online-dot{background:#22a45a;box-shadow:0 0 0 3px rgba(34,164,90,.14)}
.presence-health.error{color:#b42318;border-color:#f3c5c1;background:#fff6f5}
.presence-health.error i{background:#d92d20}
.presence-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.presence-stat-card{padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft)}
.presence-stat-card>span,.presence-stat-card>small{display:block;color:var(--muted);font-size:9px;font-weight:750}
.presence-stat-card>strong{display:block;margin:3px 0;font-size:25px;line-height:1;color:var(--navy)}
.presence-directory-block{padding-top:12px;border-top:1px solid var(--line)}
.presence-directory-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:8px}
.presence-directory-head h3{margin:0 0 2px;font-size:13px}
.presence-directory-head span{color:var(--muted);font-size:9px}
.presence-filters{display:flex;gap:6px}
.presence-directory-head input,.presence-directory-head select{min-height:32px;padding:6px 8px;font-size:9px}
.presence-user-list,.presence-midman-list{display:grid;gap:5px}
.presence-user-row,.presence-midman-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:inherit;text-decoration:none}
.presence-user-row:hover,.presence-midman-row:hover{border-color:#a8c5ec;background:var(--surface-soft)}
.presence-user-row img,.presence-midman-row img{width:34px;height:34px;object-fit:cover;border-radius:50%}
.presence-user-main{min-width:0}
.presence-user-main strong,.presence-user-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.presence-user-main strong{font-size:10px;color:var(--navy)}
.presence-user-main small{margin-top:1px;color:var(--muted);font-size:8px}
.presence-status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:var(--surface-soft);font-size:8px;font-weight:850;text-transform:capitalize}
.presence-status.presence-idle i{background:#f59e0b}
.presence-status.presence-recent i{background:#94a3b8}
.presence-user-row time{min-width:52px;color:var(--muted);font-size:8px;text-align:right}
.midman-capacity{min-width:64px;text-align:center}
.midman-capacity b,.midman-capacity small{display:block}
.midman-capacity b{font-size:10px}
.midman-capacity small{color:var(--muted);font-size:7px}
.midman-availability{min-width:66px;padding:5px 7px;border-radius:999px;text-align:center;font-size:8px;font-weight:850}
.midman-availability.available{color:#167443;background:#eaf8ef}
.midman-availability.full{color:#a63a2a;background:#fff0ed}
.presence-empty{padding:16px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:9px;text-align:center}

.room-midman-online-indicator{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin:0 0 8px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:8.5px}
.room-midman-online-indicator.has-online{border-color:#b9e4ca;background:#f0faf4;color:#167443}
.room-midman-online-indicator.none-online .room-midman-online-dot{background:#94a3b8}
.room-midman-online-indicator strong{font-size:8.5px}

html[data-theme="dark"] .presence-health.live,
html[data-theme="dark"] .room-midman-online-indicator.has-online{background:#12291e;border-color:#285b3d;color:#8be0ad}
html[data-theme="dark"] .midman-availability.available{background:#153222;color:#8be0ad}
html[data-theme="dark"] .midman-availability.full{background:#351d1a;color:#ffb4a8}
html[data-theme="dark"] .presence-user-main strong,
html[data-theme="dark"] .presence-stat-card>strong{color:#eef4ff}

@media(max-width:760px){
  .presence-stat-grid{grid-template-columns:1fr 1fr}
  .presence-directory-head{align-items:stretch;flex-direction:column}
  .presence-filters{display:grid;grid-template-columns:1fr 110px}
  .presence-directory-head input{width:100%}
  .presence-user-row{grid-template-columns:32px minmax(0,1fr) auto}
  .presence-user-row time{display:none}
  .presence-midman-row{grid-template-columns:32px minmax(0,1fr) auto}
  .presence-midman-row .midman-availability{grid-column:2/-1;justify-self:start}
}


/* Dashboard notifications: delete all read */
.notifications-delete-read{
  margin-left:auto;
  min-height:30px;
  padding:5px 9px;
  font-size:9px;
  white-space:nowrap;
}

@media(max-width:760px){
  .notifications-delete-read{
    width:100%;
    margin-left:0;
  }
}


/* ================= BULK LISTING + ADMIN HOLDS ================= */
.offer-toolbar-with-bulk{
  align-items:center;
}

.offer-toolbar-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  min-width:min(520px,60%);
}

.offer-toolbar-actions #offerSearch{
  flex:1 1 260px;
  min-width:180px;
}

.offer-toolbar-actions #bulkToggleListings{
  flex:0 0 auto;
  white-space:nowrap;
}

.dashboard-offer-card.admin-held{
  border-color:#efc2be;
}

.dashboard-offer-card.admin-held .offer-image{
  background:#fff6f5;
}

.offer-image .admin-hold-badge{
  color:#fff!important;
  background:#b42318!important;
}

.listing-admin-hold-notice{
  display:grid;
  gap:2px;
  margin-top:8px;
  padding:8px 9px;
  border:1px solid #efc2be;
  border-radius:8px;
  background:#fff6f5;
}

.listing-admin-hold-notice strong{
  color:#b42318;
  font-size:9px;
}

.listing-admin-hold-notice span,
.listing-admin-hold-notice small{
  color:#7a352d;
  font-size:8px;
  line-height:1.4;
}

.listing-admin-hold-notice.hold-restricted{
  border-color:#f1d393;
  background:#fffaf0;
}

.listing-admin-hold-notice.hold-restricted strong{
  color:#9a5b00;
}

.listing-admin-hold-notice.hold-restricted span,
.listing-admin-hold-notice.hold-restricted small{
  color:#78551d;
}

.seller-listing-enforcement-notice{
  display:grid;
  gap:3px;
  margin:0 0 12px;
  padding:10px 11px;
  border:1px solid #efc2be;
  border-radius:9px;
  background:#fff6f5;
}

.seller-listing-enforcement-notice strong{
  color:#b42318;
  font-size:10px;
}

.seller-listing-enforcement-notice span{
  color:#7a352d;
  font-size:9px;
  line-height:1.45;
}

html[data-theme="dark"] .dashboard-offer-card.admin-held{
  border-color:#683c37;
}

html[data-theme="dark"] .listing-admin-hold-notice,
html[data-theme="dark"] .seller-listing-enforcement-notice{
  border-color:#683c37;
  background:#321c1a;
}

html[data-theme="dark"] .listing-admin-hold-notice strong,
html[data-theme="dark"] .seller-listing-enforcement-notice strong{
  color:#ffaaa0;
}

html[data-theme="dark"] .listing-admin-hold-notice span,
html[data-theme="dark"] .listing-admin-hold-notice small,
html[data-theme="dark"] .seller-listing-enforcement-notice span{
  color:#e6b3ad;
}

html[data-theme="dark"] .listing-admin-hold-notice.hold-restricted{
  border-color:#665029;
  background:#2d2517;
}

html[data-theme="dark"] .listing-admin-hold-notice.hold-restricted strong{
  color:#f6d37c;
}

@media(max-width:760px){
  .offer-toolbar-actions{
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:1fr;
  }

  .offer-toolbar-actions #offerSearch,
  .offer-toolbar-actions #bulkToggleListings{
    width:100%;
    min-width:0;
  }
}
/* ================= END BULK LISTING + ADMIN HOLDS ================= */