/* ============================================================================
   PARTNER DASHBOARD - UPDATED CSS FOR ACTIVE REQUEST TRACKER & SERVICE JOURNEY
   Version: 1.1 - Fixed selectors for dynamically loaded content
   ============================================================================ */

/* ===== PANEL SECTIONS (Active Request Tracker & Service Journey) ===== */
.panel {
  background: white !important;
  border-radius: 16px !important;
  padding: 24px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
  border: 1px solid #f0f0f0 !important;
  margin-bottom: 24px !important;
}

.panel-title {
  margin-bottom: 16px !important;
}

.panel-title h2 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #333 !important;
  margin: 0 0 8px 0 !important;
}

.panel-title p {
  font-size: 13px !important;
  color: #666 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

/* Search box in panel */
.panel #searchBox {
  width: 100% !important;
  padding: 11px 14px !important;
  font-size: 14px !important;
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  margin-top: 12px !important;
  transition: all 0.2s ease !important;
}

.panel #searchBox:focus {
  outline: none !important;
  border-color: #2196F3 !important;
  box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.1) !important;
}

/* Journey Box (Service Journey content area) */
#journeyBox {
  margin-top: 16px !important;
  padding: 20px !important;
  background: #fafafa !important;
  border-radius: 8px !important;
  min-height: 120px !important;
  font-size: 14px !important;
  color: #999 !important;
}

/* Request List */
#requestList {
  margin-top: 16px !important;
}

/* No requests message */
.panel .empty-state,
.panel p.muted {
  text-align: center !important;
  padding: 32px 20px !important;
  color: #999 !important;
  font-size: 14px !important;
  background: #fafafa !important;
  border-radius: 8px !important;
  border: 1px dashed #ddd !important;
}

/* Request Cards */
.request-card {
  background: #fafafa !important;
  border-radius: 10px !important;
  padding: 16px !important;
  margin-bottom: 12px !important;
  border: 1px solid #e8e8e8 !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

.request-card:hover {
  background: white !important;
  border-color: #2196F3 !important;
  box-shadow: 0 2px 8px rgba(33, 150, 243, 0.15) !important;
  transform: translateX(4px) !important;
}

.request-card .request-number {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #2196F3 !important;
  margin-bottom: 6px !important;
}

.request-card .request-status {
  font-size: 12px !important;
  padding: 4px 10px !important;
  border-radius: 12px !important;
  display: inline-block !important;
  font-weight: 600 !important;
}

/* Journey content styling */
.journey-summary {
  margin-bottom: 15px !important;
}

.journey-summary b {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #333 !important;
}

.journey-summary p.muted {
  font-size: 13px !important;
  color: #666 !important;
  margin-top: 6px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  text-align: left !important;
}

/* Journey steps */
.journey-step {
  padding: 16px !important;
  border-left: 3px solid #e0e0e0 !important;
  margin-bottom: 12px !important;
  background: #fafafa !important;
  border-radius: 0 8px 8px 0 !important;
}

.journey-step:hover {
  background: white !important;
  border-left-color: #2196F3 !important;
}

.journey-step .step-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #333 !important;
  margin-bottom: 4px !important;
}

.journey-step .step-time {
  font-size: 12px !important;
  color: #999 !important;
}

.journey-step .step-description {
  font-size: 13px !important;
  color: #666 !important;
  margin-top: 8px !important;
  line-height: 1.5 !important;
}

/* Work grid section */
.work-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important;
  margin-top: 24px !important;
}

@media (max-width: 768px) {
  .work-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Panel hover effect */
.panel:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}

/* Muted text utility */
.muted {
  color: #666 !important;
  font-size: 13px !important;
}

/* ===== ENSURE THESE STYLES OVERRIDE EXISTING ONES ===== */
section.work-grid .panel {
  background: white !important;
  border-radius: 16px !important;
}

section.work-grid .panel-title h2 {
  font-size: 18px !important;
  font-weight: 700 !important;
}

section.work-grid .panel-title p {
  font-size: 13px !important;
  color: #666 !important;
}

/* Make Service Journey match Active Request Tracker exactly */
.panel h2,
.panel-title h2 {
  font-size: 18px !important;
  font-weight: 700 !important;
}

.panel p,
.panel-title p {
  font-size: 13px !important;
  color: #666 !important;
}
/* Remove spinner/arrows from all number input fields */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}
/* ============================================================================
   PARTNER DASHBOARD PROFESSIONAL POLISH - 17 May
   Active outlet, stats, action cards, and journey reveal behaviour
   ============================================================================ */
:root{
  --tws-brown:#5b2a16;
  --tws-brown-dark:#3a1609;
  --tws-cream:#fff8f1;
  --tws-card:#ffffff;
  --tws-border:#ead8cc;
  --tws-muted:#74645c;
  --tws-green:#16a34a;
}

.app-header{
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(12px)!important;
  border-bottom:1px solid rgba(91,42,22,.10)!important;
  box-shadow:0 10px 30px rgba(91,42,22,.06)!important;
}
.brand-row{gap:18px!important;}
.brand-logo{
  width:82px!important;
  height:82px!important;
  padding:6px!important;
  background:#fff!important;
  border:1px solid rgba(91,42,22,.10)!important;
  border-radius:22px!important;
  box-shadow:0 10px 24px rgba(91,42,22,.10)!important;
}
.brand-row h1{font-size:28px!important;letter-spacing:-.03em!important;color:#241008!important;}
.brand-row p{font-size:14px!important;color:var(--tws-muted)!important;}

.partner-active-outlet-card{
  margin-bottom:16px!important;
  padding:18px!important;
  border:1px solid rgba(91,42,22,.12)!important;
  border-left:5px solid #0ea5e9!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#ffffff 0%,#fffaf5 100%)!important;
  box-shadow:0 18px 50px rgba(91,42,22,.08)!important;
}
.partner-active-outlet-card.is-inactive{border-left-color:#f59e0b!important;}
.partner-active-outlet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;}
.partner-active-outlet-title{display:flex;align-items:flex-start;gap:12px;}
.partner-section-icon{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#fff4e7;border:1px solid #f1d4b8;box-shadow:0 6px 18px rgba(91,42,22,.08);}
.partner-active-outlet-title h2{margin:0!important;font-size:20px!important;line-height:1.1!important;color:#21130d!important;letter-spacing:-.02em!important;}
.partner-active-outlet-title p{margin:5px 0 0!important;font-size:13px!important;color:var(--tws-muted)!important;}
.partner-outlet-status-chip{white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;}
.partner-outlet-status-chip.active{background:#dcfce7;color:#166534;border:1px solid #bbf7d0;}
.partner-outlet-status-chip.inactive{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;}
.partner-outlet-warning{padding:12px 14px;background:#fff7ed;border:1px solid #fed7aa;border-left:4px solid #f59e0b;margin-bottom:14px;border-radius:14px;}
.partner-outlet-warning strong{color:#9a3412;}
.partner-outlet-warning p{margin:4px 0 0!important;font-size:12px!important;color:#9a3412!important;}
.partner-outlet-inline-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:14px;align-items:end;}
.partner-outlet-field span,.partner-current-outlet-box span{font-size:12px;font-weight:900;color:#5d4034;display:block;margin-bottom:7px;text-transform:uppercase;letter-spacing:.04em;}
.partner-outlet-field select{width:100%;min-height:48px;border:1px solid #e4d2c4;border-radius:14px;padding:0 14px;font-size:15px;font-weight:800;color:#241008;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);}
.partner-current-outlet-box{min-height:48px;background:#fff;border:1px solid #e4d2c4;border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;justify-content:center;}
.partner-current-outlet-box strong{font-size:14px;color:#0b67c2;line-height:1.25;}

.stats-row.partner-stats-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:16px!important;}
.stats-row.partner-stats-row .partner-stat-card{padding:15px 14px!important;text-align:left!important;border-radius:18px!important;background:linear-gradient(135deg,#fff 0%,#fffaf6 100%)!important;border:1px solid rgba(91,42,22,.11)!important;box-shadow:0 12px 32px rgba(91,42,22,.06)!important;position:relative;overflow:hidden;}
.stats-row.partner-stats-row .partner-stat-card::before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,#7a351d,#d97706);opacity:.75;}
.stats-row.partner-stats-row .partner-stat-card span{font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#7b6154!important;margin-bottom:8px!important;display:block!important;}
.stats-row.partner-stats-row .partner-stat-card b{font-size:23px!important;line-height:1!important;color:var(--tws-brown-dark)!important;}

.request-actions.partner-action-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-bottom:22px!important;}
.request-actions.partner-action-row .action-card{min-height:110px!important;border-radius:22px!important;border:1px solid rgba(91,42,22,.12)!important;box-shadow:0 16px 42px rgba(91,42,22,.07)!important;background:#fff!important;}
.request-actions.partner-action-row .action-card:hover{transform:translateY(-3px)!important;box-shadow:0 22px 56px rgba(91,42,22,.11)!important;}
.request-actions.partner-action-row .action-card.active{border-color:#22c55e!important;background:linear-gradient(135deg,#ffffff 0%,#f4fff7 100%)!important;box-shadow:0 18px 42px rgba(34,197,94,.12)!important;}
.request-actions.partner-action-row .action-card b{font-size:17px!important;letter-spacing:-.01em!important;}
.request-actions.partner-action-row .action-card p{font-size:13px!important;color:#6d5b52!important;line-height:1.45!important;}

.work-grid.partner-work-grid{grid-template-columns:1fr!important;gap:22px!important;margin-top:22px!important;}
.work-grid.partner-work-grid.journey-open{grid-template-columns:minmax(340px,.95fr) minmax(420px,1.05fr)!important;align-items:start!important;}
.partner-request-panel{min-height:260px!important;}
.journey-panel#partnerJourneyPanel{animation:twsJourneyIn .22s ease-out;}
@keyframes twsJourneyIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.empty-service-journey-box{padding:24px;border:1px dashed #dcc9bc;border-radius:18px;background:#fffaf6;text-align:center;}
#searchBox{border-radius:14px!important;border:1px solid #e4d2c4!important;min-height:44px!important;}
.request-card{border-radius:18px!important;border:1px solid rgba(91,42,22,.12)!important;box-shadow:0 10px 24px rgba(91,42,22,.04)!important;}
.request-card:hover,.request-card.selected{background:#fff8ef!important;border-color:#8b3a1d!important;box-shadow:0 16px 34px rgba(91,42,22,.10)!important;}

@media(max-width:900px){
  .partner-outlet-inline-grid{grid-template-columns:1fr;}
  .stats-row.partner-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .request-actions.partner-action-row{grid-template-columns:1fr!important;}
  .work-grid.partner-work-grid.journey-open{grid-template-columns:1fr!important;}
}
@media(max-width:560px){
  .brand-logo{width:60px!important;height:60px!important;border-radius:18px!important;}
  .brand-row h1{font-size:20px!important;}
  .partner-active-outlet-header{flex-direction:column;}
  .stats-row.partner-stats-row{grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .stats-row.partner-stats-row .partner-stat-card{padding:13px 12px!important;}
}

/* ==========================================================
   TWS SERVICE JOURNEY LAYOUT UPGRADE
   Safe CSS-only update. No JS/API/database changes.
   Upload this complete file as: panel-sections-fix.css
   ========================================================== */

/* Wider and cleaner split when a request journey is opened */
.work-grid.partner-work-grid.journey-open{
  grid-template-columns:minmax(300px,.78fr) minmax(560px,1.22fr)!important;
  gap:24px!important;
  align-items:start!important;
}

@media(min-width:901px){
  .work-grid.partner-work-grid.journey-open .partner-request-panel{
    position:sticky!important;
    top:18px!important;
    max-height:calc(100vh - 36px)!important;
    overflow:auto!important;
  }
}

/* Main Service Journey card */
.journey-panel#partnerJourneyPanel,
.panel.journey-panel:has(#adminSupportDetailBox){
  border:1px solid rgba(91,42,22,.12)!important;
  border-radius:24px!important;
  padding:20px!important;
  background:linear-gradient(135deg,#ffffff 0%,#fffaf6 100%)!important;
  box-shadow:0 18px 48px rgba(91,42,22,.08)!important;
}

.journey-panel#partnerJourneyPanel>h2,
.panel.journey-panel:has(#adminSupportDetailBox)>h2{
  margin:0 0 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#1f0f08!important;
  font-size:19px!important;
  letter-spacing:-.02em!important;
}

.journey-panel#partnerJourneyPanel>h2::before,
.panel.journey-panel:has(#adminSupportDetailBox)>h2::before{
  content:"🧾";
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#fff4e8;
  border:1px solid #f3d4ba;
  font-size:17px;
}

#journeyBox,
#adminSupportDetailBox{
  display:grid!important;
  gap:14px!important;
  color:#1f2937!important;
  font-size:14px!important;
}

/* Summary block */
#journeyBox .journey-summary,
#adminSupportDetailBox .journey-summary{
  position:relative!important;
  overflow:hidden!important;
  padding:18px!important;
  border:1px solid rgba(91,42,22,.12)!important;
  border-radius:20px!important;
  background:#ffffff!important;
  box-shadow:0 12px 28px rgba(91,42,22,.06)!important;
}

#journeyBox .journey-summary::before,
#adminSupportDetailBox .journey-summary::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:5px;
  height:100%;
  background:linear-gradient(180deg,#7a351d,#f97316);
}

#journeyBox .journey-summary>b,
#adminSupportDetailBox .journey-summary>b{
  display:inline-flex!important;
  align-items:center!important;
  margin:0 8px 8px 0!important;
  color:#1f0f08!important;
  font-size:18px!important;
  line-height:1.2!important;
}

#journeyBox .journey-summary h3,
#adminSupportDetailBox .journey-summary h3{
  margin:10px 0 8px!important;
  color:#1f0f08!important;
  font-size:18px!important;
  line-height:1.28!important;
}

#journeyBox .journey-summary p,
#adminSupportDetailBox .journey-summary p{
  color:#4b5563!important;
  line-height:1.55!important;
  margin:6px 0!important;
}

/* Status chips */
#journeyBox .support-status-badge,
#adminSupportDetailBox .support-status-badge,
#journeyBox .input-pill,
#adminSupportDetailBox .input-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  border:1px solid transparent!important;
  vertical-align:middle!important;
}

#journeyBox .support-status-badge.in-review,
#journeyBox .support-status-badge.under-review,
#adminSupportDetailBox .support-status-badge.in-review,
#adminSupportDetailBox .support-status-badge.under-review{
  background:#eff6ff!important;
  color:#1d4ed8!important;
  border-color:#bfdbfe!important;
}

#journeyBox .support-status-badge.input-required,
#adminSupportDetailBox .support-status-badge.input-required{
  background:#fff7ed!important;
  color:#9a3412!important;
  border-color:#fed7aa!important;
}

#journeyBox .support-status-badge.resolved,
#journeyBox .support-status-badge.closed,
#adminSupportDetailBox .support-status-badge.resolved,
#adminSupportDetailBox .support-status-badge.closed{
  background:#ecfdf5!important;
  color:#047857!important;
  border-color:#bbf7d0!important;
}

#journeyBox .support-status-badge.cancelled,
#adminSupportDetailBox .support-status-badge.cancelled{
  background:#fef2f2!important;
  color:#b91c1c!important;
  border-color:#fecaca!important;
}

/* Partner reply / admin update box */
#journeyBox .partner-reply-box,
#adminSupportDetailBox .partner-reply-box,
#journeyBox .rm-communication-box,
#adminSupportDetailBox .rm-communication-box,
#journeyBox .documents-panel,
#adminSupportDetailBox .documents-panel,
#journeyBox .timeline,
#adminSupportDetailBox .timeline{
  padding:16px!important;
  border:1px solid rgba(91,42,22,.12)!important;
  border-radius:20px!important;
  background:#ffffff!important;
  box-shadow:0 10px 26px rgba(91,42,22,.05)!important;
}

#journeyBox .partner-reply-box,
#adminSupportDetailBox .partner-reply-box{
  background:linear-gradient(135deg,#fffaf6 0%,#ffffff 100%)!important;
  border-style:dashed!important;
}

#journeyBox textarea,
#adminSupportDetailBox textarea{
  width:100%!important;
  min-height:92px!important;
  resize:vertical!important;
  border:1px solid #e6cdbd!important;
  border-radius:14px!important;
  background:#fff!important;
  padding:12px 13px!important;
  font-size:14px!important;
  line-height:1.45!important;
  font-family:inherit!important;
  outline:none!important;
}

#journeyBox textarea:focus,
#adminSupportDetailBox textarea:focus{
  border-color:#7a351d!important;
  box-shadow:0 0 0 4px rgba(122,53,29,.10)!important;
}

#journeyBox .primary-btn,
#adminSupportDetailBox .primary-btn,
#journeyBox .danger-btn,
#adminSupportDetailBox .danger-btn,
#journeyBox .outline-btn,
#adminSupportDetailBox .outline-btn{
  min-height:42px!important;
  border-radius:14px!important;
  font-weight:950!important;
}

#journeyBox .admin-comment-controls,
#adminSupportDetailBox .admin-comment-controls{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:10px!important;
}

#journeyBox .admin-comment-controls .primary-btn,
#adminSupportDetailBox .admin-comment-controls .primary-btn,
#journeyBox .admin-comment-controls .danger-btn,
#adminSupportDetailBox .admin-comment-controls .danger-btn{
  flex:1 1 190px!important;
  margin-left:0!important;
}

/* Communication comments as readable bubbles */
#journeyBox .rm-comments-container,
#adminSupportDetailBox .rm-comments-container{
  display:grid!important;
  gap:12px!important;
  max-height:360px!important;
  overflow:auto!important;
  padding-right:4px!important;
}

#journeyBox .comment-card,
#adminSupportDetailBox .comment-card{
  padding:13px 14px!important;
  border-radius:18px!important;
  border:1px solid #e5e7eb!important;
  background:#fff!important;
}

#journeyBox .comment-card.admin-comment,
#adminSupportDetailBox .comment-card.admin-comment{
  margin-left:30px!important;
  background:#fff7ed!important;
  border-color:#fed7aa!important;
}

#journeyBox .comment-card.partner-comment,
#adminSupportDetailBox .comment-card.partner-comment{
  margin-right:30px!important;
  background:#eff6ff!important;
  border-color:#bfdbfe!important;
}

#journeyBox .comment-header,
#adminSupportDetailBox .comment-header{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:4px 10px!important;
  align-items:start!important;
  margin-bottom:8px!important;
}

#journeyBox .comment-header strong,
#adminSupportDetailBox .comment-header strong{
  color:#111827!important;
  font-size:13px!important;
}

#journeyBox .comment-role,
#adminSupportDetailBox .comment-role{
  grid-column:1!important;
  color:#6b7280!important;
  font-size:11px!important;
  font-weight:800!important;
}

#journeyBox .comment-time,
#adminSupportDetailBox .comment-time{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  color:#6b7280!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

#journeyBox .comment-body,
#adminSupportDetailBox .comment-body{
  color:#1f2937!important;
  line-height:1.55!important;
  font-weight:650!important;
}

/* Timeline as a clean vertical history */
#journeyBox .timeline,
#adminSupportDetailBox .timeline{
  position:relative!important;
  display:grid!important;
  gap:12px!important;
}

#journeyBox .timeline::before,
#adminSupportDetailBox .timeline::before{
  content:"";
  position:absolute;
  left:18px;
  top:22px;
  bottom:22px;
  width:2px;
  background:#f0dfd4;
}

#journeyBox .timeline-item,
#adminSupportDetailBox .timeline-item{
  position:relative!important;
  padding:13px 14px 13px 42px!important;
  border:1px solid #f0dfd4!important;
  border-radius:16px!important;
  background:#fffaf6!important;
}

#journeyBox .timeline-item::before,
#adminSupportDetailBox .timeline-item::before{
  content:"";
  position:absolute;
  left:12px;
  top:18px;
  width:14px;
  height:14px;
  border-radius:999px;
  background:#f97316;
  border:3px solid #fff;
  box-shadow:0 0 0 1px #fed7aa;
  z-index:1;
}

#journeyBox .timeline-item b,
#adminSupportDetailBox .timeline-item b{
  display:block!important;
  margin-bottom:4px!important;
  color:#1f0f08!important;
  font-size:13px!important;
}

#journeyBox .timeline-item p,
#adminSupportDetailBox .timeline-item p{
  margin:4px 0!important;
  color:#4b5563!important;
  line-height:1.5!important;
}

#journeyBox .timeline-item small,
#adminSupportDetailBox .timeline-item small{
  display:block!important;
  margin-top:6px!important;
  color:#7b6154!important;
  font-weight:850!important;
  font-size:12px!important;
}

/* Documents block */
#journeyBox .documents-panel,
#adminSupportDetailBox .documents-panel{
  background:#fffaf6!important;
}

#journeyBox .documents-panel h3,
#adminSupportDetailBox .documents-panel h3,
#journeyBox .rm-communication-box h3,
#adminSupportDetailBox .rm-communication-box h3{
  margin:0 0 12px!important;
  color:#1f0f08!important;
  font-size:16px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

#journeyBox .documents-panel h3::before,
#adminSupportDetailBox .documents-panel h3::before{
  content:"📎";
}

#journeyBox .rm-communication-box h3::before,
#adminSupportDetailBox .rm-communication-box h3::before{
  content:"💬";
}

#journeyBox .document-card,
#adminSupportDetailBox .document-card{
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid #ead8cc!important;
}

#backToAllRequestsBtn,
#backToAllRequestsBottomBtn{
  border:1px solid #d1a478!important;
  background:#fff!important;
  color:#5b2a16!important;
  box-shadow:0 8px 20px rgba(91,42,22,.05)!important;
}

#backToAllRequestsBtn:hover,
#backToAllRequestsBottomBtn:hover{
  background:#5b2a16!important;
  color:#fff!important;
}

@media(max-width:900px){
  .work-grid.partner-work-grid.journey-open{
    grid-template-columns:1fr!important;
  }
  .work-grid.partner-work-grid.journey-open .partner-request-panel{
    position:static!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .journey-panel#partnerJourneyPanel,
  .panel.journey-panel:has(#adminSupportDetailBox){
    padding:16px!important;
    border-radius:20px!important;
  }
  #journeyBox .comment-card.admin-comment,
  #adminSupportDetailBox .comment-card.admin-comment,
  #journeyBox .comment-card.partner-comment,
  #adminSupportDetailBox .comment-card.partner-comment{
    margin-left:0!important;
    margin-right:0!important;
  }
}

@media(max-width:560px){
  #journeyBox,
  #adminSupportDetailBox{
    gap:12px!important;
  }
  #journeyBox .journey-summary,
  #adminSupportDetailBox .journey-summary,
  #journeyBox .partner-reply-box,
  #adminSupportDetailBox .partner-reply-box,
  #journeyBox .rm-communication-box,
  #adminSupportDetailBox .rm-communication-box,
  #journeyBox .documents-panel,
  #adminSupportDetailBox .documents-panel,
  #journeyBox .timeline,
  #adminSupportDetailBox .timeline{
    padding:14px!important;
    border-radius:18px!important;
  }
  #journeyBox .comment-header,
  #adminSupportDetailBox .comment-header{
    grid-template-columns:1fr!important;
  }
  #journeyBox .comment-time,
  #adminSupportDetailBox .comment-time{
    grid-column:1!important;
    grid-row:auto!important;
    white-space:normal!important;
  }
}

/* ============================================================
   RAW MATERIAL ORDER VIEW POLISH - PARTNER DASHBOARD
   Scoped mainly to #rawMaterialOrderDetailBox so normal Operations
   Support request journey layout remains unchanged.
   ============================================================ */

#journeyBox .journey-summary .view-rm-order-btn,
#adminSupportDetailBox .journey-summary .view-rm-order-btn{
  width:100%!important;
  min-height:44px!important;
  margin:14px 0 2px 0!important;
  border-radius:14px!important;
  border:1px solid #5b220e!important;
  background:linear-gradient(135deg,#5b220e,#7a2d12)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  box-shadow:0 10px 22px rgba(91,34,14,.18)!important;
}

#rawMaterialOrderDetailBox{
  width:100%!important;
  margin-top:16px!important;
  overflow:visible!important;
}

#rawMaterialOrderDetailBox,
#rawMaterialOrderDetailBox *{
  box-sizing:border-box!important;
}

#rawMaterialOrderDetailBox .rm-modern-card,
#rawMaterialOrderDetailBox .rm-modern-card *{
  word-break:normal!important;
  hyphens:none!important;
}

#rawMaterialOrderDetailBox .rm-modern-card{
  padding:0!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid rgba(137,75,35,.18)!important;
  border-radius:24px!important;
  box-shadow:0 16px 36px rgba(80,41,18,.10)!important;
  overflow:hidden!important;
}

#rawMaterialOrderDetailBox .rm-modern-hero{
  padding:20px!important;
  background:
    radial-gradient(circle at top right,rgba(249,115,22,.22),transparent 30%),
    linear-gradient(135deg,#fff7ef 0%,#fff 55%,#fff8f1 100%)!important;
  border-bottom:1px solid rgba(137,75,35,.12)!important;
}

#rawMaterialOrderDetailBox .rm-modern-hero-top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:16px!important;
}

#rawMaterialOrderDetailBox .rm-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:#b45309!important;
  margin-bottom:5px!important;
}

#rawMaterialOrderDetailBox .rm-modern-hero h3{
  margin:0!important;
  color:#281008!important;
  font-size:26px!important;
  line-height:1.05!important;
  font-weight:950!important;
}

#rawMaterialOrderDetailBox .rm-badge-stack{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:8px!important;
  flex:0 0 auto!important;
}

#rawMaterialOrderDetailBox .rm-status-badge,
#rawMaterialOrderDetailBox .rm-payment-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
  border:1px solid transparent!important;
}

#rawMaterialOrderDetailBox .rm-status-badge.new-order,
#rawMaterialOrderDetailBox .rm-payment-badge.payment-pending{
  background:#fff2d9!important;
  color:#9a3412!important;
  border-color:#fed7aa!important;
}

#rawMaterialOrderDetailBox .rm-status-badge.under-review,
#rawMaterialOrderDetailBox .rm-status-badge.pi-shared{
  background:#eaf3ff!important;
  color:#1d4ed8!important;
  border-color:#bfdbfe!important;
}

#rawMaterialOrderDetailBox .rm-status-badge.packed,
#rawMaterialOrderDetailBox .rm-status-badge.dispatched,
#rawMaterialOrderDetailBox .rm-payment-badge.payment-received{
  background:#ecfdf5!important;
  color:#047857!important;
  border-color:#bbf7d0!important;
}

#rawMaterialOrderDetailBox .rm-status-badge.delivered{
  background:#dcfce7!important;
  color:#166534!important;
  border-color:#86efac!important;
}

#rawMaterialOrderDetailBox .rm-status-badge.cancelled,
#rawMaterialOrderDetailBox .rm-status-badge.closed{
  background:#fef2f2!important;
  color:#b91c1c!important;
  border-color:#fecaca!important;
}

#rawMaterialOrderDetailBox .rm-modern-meta-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}

#rawMaterialOrderDetailBox .rm-modern-meta-grid > div,
#rawMaterialOrderDetailBox .rm-info-strip > div{
  min-width:0!important;
  padding:12px!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(137,75,35,.13)!important;
  border-radius:16px!important;
}

#rawMaterialOrderDetailBox .rm-modern-meta-grid span,
#rawMaterialOrderDetailBox .rm-info-strip span,
#rawMaterialOrderDetailBox .rm-dispatch-grid span,
#rawMaterialOrderDetailBox .rm-partner-note span,
#rawMaterialOrderDetailBox .rm-dispatch-note span{
  display:block!important;
  margin-bottom:4px!important;
  color:#8a6b59!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

#rawMaterialOrderDetailBox .rm-modern-meta-grid b,
#rawMaterialOrderDetailBox .rm-info-strip b,
#rawMaterialOrderDetailBox .rm-dispatch-grid b{
  display:block!important;
  color:#2b1208!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1.2!important;
}

#rawMaterialOrderDetailBox .rm-modern-body{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  padding:18px!important;
  background:#fff!important;
}

#rawMaterialOrderDetailBox .rm-info-strip{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}

#rawMaterialOrderDetailBox .rm-modern-section,
#rawMaterialOrderDetailBox .rm-communication-box,
#rawMaterialOrderDetailBox .rm-dispatch-summary,
#rawMaterialOrderDetailBox .rm-admin-actions,
#rawMaterialOrderDetailBox .rm-dispatch-box{
  margin:0!important;
  padding:16px!important;
  background:#fffaf6!important;
  border:1px solid rgba(137,75,35,.16)!important;
  border-radius:20px!important;
  box-shadow:none!important;
}

#rawMaterialOrderDetailBox .rm-section-heading{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin:0 0 14px 0!important;
}

#rawMaterialOrderDetailBox .rm-section-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  background:#fff!important;
  border:1px solid #fed7aa!important;
  box-shadow:0 6px 14px rgba(91,34,14,.08)!important;
  flex:0 0 auto!important;
}

#rawMaterialOrderDetailBox .rm-section-heading h4,
#rawMaterialOrderDetailBox .rm-admin-actions h3,
#rawMaterialOrderDetailBox .rm-dispatch-box h3{
  margin:0!important;
  color:#2b1208!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:950!important;
}

#rawMaterialOrderDetailBox .rm-section-heading p{
  margin:3px 0 0 0!important;
  color:#735846!important;
  font-size:12px!important;
  line-height:1.35!important;
}

#rawMaterialOrderDetailBox .rm-detail-items.polished-items{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  margin:0!important;
}

#rawMaterialOrderDetailBox .rm-view-item-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:13px!important;
  background:#fff!important;
  border:1px solid rgba(137,75,35,.13)!important;
  border-radius:17px!important;
}

#rawMaterialOrderDetailBox .rm-item-main{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  min-width:0!important;
}

#rawMaterialOrderDetailBox .rm-item-index{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  border-radius:10px!important;
  background:#fff3e7!important;
  color:#b45309!important;
  font-size:12px!important;
  font-weight:950!important;
}

#rawMaterialOrderDetailBox .rm-view-item-card b{
  display:block!important;
  margin:0!important;
  color:#2b1208!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:950!important;
}

#rawMaterialOrderDetailBox .rm-view-item-card small{
  display:block!important;
  margin-top:4px!important;
  color:#8a6b59!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:700!important;
}

#rawMaterialOrderDetailBox .rm-view-item-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}

#rawMaterialOrderDetailBox .rm-view-item-meta span,
#rawMaterialOrderDetailBox .rm-view-item-meta strong,
#rawMaterialOrderDetailBox .rm-qty-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:#fff7ed!important;
  border:1px solid #fed7aa!important;
  color:#7c2d12!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

#rawMaterialOrderDetailBox .rm-view-item-meta strong{
  background:#5b220e!important;
  border-color:#5b220e!important;
  color:#fff!important;
}

#rawMaterialOrderDetailBox .rm-total-box.polished-total{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

#rawMaterialOrderDetailBox .rm-total-box.polished-total > div{
  padding:13px!important;
  background:#5b220e!important;
  border-radius:16px!important;
}

#rawMaterialOrderDetailBox .rm-total-box.polished-total span{
  display:block!important;
  margin-bottom:4px!important;
  color:rgba(255,255,255,.76)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

#rawMaterialOrderDetailBox .rm-total-box.polished-total b{
  display:block!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
}

#rawMaterialOrderDetailBox .rm-pricing-hidden-note,
#rawMaterialOrderDetailBox .rm-empty-soft{
  padding:13px 14px!important;
  border-radius:16px!important;
  background:#f8fafc!important;
  border:1px dashed #cbd5e1!important;
  color:#64748b!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:700!important;
}

#rawMaterialOrderDetailBox .rm-partner-note,
#rawMaterialOrderDetailBox .rm-dispatch-note{
  padding:13px!important;
  border-radius:16px!important;
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
}

#rawMaterialOrderDetailBox .rm-partner-note p,
#rawMaterialOrderDetailBox .rm-dispatch-note p{
  margin:0!important;
  color:#2b1208!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:700!important;
}

#rawMaterialOrderDetailBox .rm-dispatch-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

#rawMaterialOrderDetailBox .rm-dispatch-grid > div{
  padding:12px!important;
  background:#fff!important;
  border:1px solid rgba(137,75,35,.12)!important;
  border-radius:16px!important;
}

#rawMaterialOrderDetailBox .rm-track-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:40px!important;
  margin-top:12px!important;
  border-radius:14px!important;
  background:#5b220e!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:950!important;
}

#rawMaterialOrderDetailBox .rm-comments-container{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  margin:0 0 12px 0!important;
  padding:0!important;
}

#rawMaterialOrderDetailBox .comment-card{
  margin:0!important;
  padding:12px!important;
  background:#fff!important;
  border:1px solid rgba(137,75,35,.12)!important;
  border-radius:16px!important;
}

#rawMaterialOrderDetailBox .comment-card.admin-comment{
  background:#fff7ed!important;
  border-color:#fed7aa!important;
}

#rawMaterialOrderDetailBox .comment-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:5px 10px!important;
  align-items:center!important;
  margin:0 0 6px 0!important;
}

#rawMaterialOrderDetailBox .comment-header strong{
  color:#2b1208!important;
  font-size:13px!important;
  font-weight:950!important;
}

#rawMaterialOrderDetailBox .comment-role{
  color:#8a6b59!important;
  font-size:11px!important;
  font-weight:800!important;
}

#rawMaterialOrderDetailBox .comment-time{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  justify-self:end!important;
  color:#94a3b8!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

#rawMaterialOrderDetailBox .comment-body{
  color:#2b1208!important;
  font-size:13px!important;
  line-height:1.45!important;
}

#rawMaterialOrderDetailBox .rm-comment-form textarea,
#rawMaterialOrderDetailBox .rm-dispatch-box textarea,
#rawMaterialOrderDetailBox .rm-dispatch-box input{
  width:100%!important;
  min-height:44px!important;
  padding:12px!important;
  border:1px solid rgba(137,75,35,.24)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#2b1208!important;
  font-size:13px!important;
  line-height:1.45!important;
  outline:none!important;
  box-shadow:none!important;
}

#rawMaterialOrderDetailBox .rm-comment-form textarea:focus,
#rawMaterialOrderDetailBox .rm-dispatch-box textarea:focus,
#rawMaterialOrderDetailBox .rm-dispatch-box input:focus{
  border-color:#f97316!important;
  box-shadow:0 0 0 3px rgba(249,115,22,.12)!important;
}

#rawMaterialOrderDetailBox .rm-comment-form .primary-btn,
#rawMaterialOrderDetailBox .rm-dispatch-box .primary-btn,
#rawMaterialOrderDetailBox .submit-rm-comment-btn,
#rawMaterialOrderDetailBox .submit-admin-rm-comment-btn,
#rawMaterialOrderDetailBox .save-dispatch-btn{
  width:100%!important;
  min-height:44px!important;
  margin-top:10px!important;
  border-radius:14px!important;
  border:1px solid #5b220e!important;
  background:linear-gradient(135deg,#5b220e,#7a2d12)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
  box-shadow:0 10px 20px rgba(91,34,14,.16)!important;
}

#rawMaterialOrderDetailBox .admin-comment-controls{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  align-items:center!important;
}

#rawMaterialOrderDetailBox .admin-comment-controls .danger-btn{
  width:100%!important;
  min-height:44px!important;
  margin:10px 0 0 0!important;
  border-radius:14px!important;
  border:1px solid #dc2626!important;
  background:#dc2626!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
}

#rawMaterialOrderDetailBox .rm-admin-status-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:12px!important;
}

#rawMaterialOrderDetailBox .rm-status-action-btn,
#rawMaterialOrderDetailBox .rm-order-actions .outline-btn{
  min-height:38px!important;
  border-radius:12px!important;
  border:1px solid rgba(91,34,14,.24)!important;
  background:#fff!important;
  color:#5b220e!important;
  font-size:12px!important;
  font-weight:900!important;
}

#rawMaterialOrderDetailBox .rm-order-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}

#rawMaterialOrderDetailBox .closed-notice{
  padding:13px!important;
  border-radius:16px!important;
  background:#fef2f2!important;
  border:1px solid #fecaca!important;
  color:#991b1b!important;
}

#rawMaterialOrderDetailBox .closed-notice p{
  margin:4px 0!important;
  font-size:12px!important;
  line-height:1.4!important;
}

#rawMaterialOrderDetailBox .comment-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:22px!important;
  height:22px!important;
  margin-left:6px!important;
  border-radius:999px!important;
  background:#5b220e!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:950!important;
}

@media(max-width:900px){
  #rawMaterialOrderDetailBox .rm-modern-meta-grid,
  #rawMaterialOrderDetailBox .rm-total-box.polished-total{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  #rawMaterialOrderDetailBox .rm-info-strip,
  #rawMaterialOrderDetailBox .rm-dispatch-grid,
  #rawMaterialOrderDetailBox .rm-admin-status-actions{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:620px){
  #rawMaterialOrderDetailBox .rm-modern-hero,
  #rawMaterialOrderDetailBox .rm-modern-body{
    padding:14px!important;
  }

  #rawMaterialOrderDetailBox .rm-modern-hero-top{
    flex-direction:column!important;
    gap:12px!important;
  }

  #rawMaterialOrderDetailBox .rm-badge-stack{
    align-items:flex-start!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
  }

  #rawMaterialOrderDetailBox .rm-modern-hero h3{
    font-size:22px!important;
  }

  #rawMaterialOrderDetailBox .rm-modern-meta-grid,
  #rawMaterialOrderDetailBox .rm-total-box.polished-total,
  #rawMaterialOrderDetailBox .admin-comment-controls,
  #rawMaterialOrderDetailBox .rm-order-actions{
    grid-template-columns:1fr!important;
  }

  #rawMaterialOrderDetailBox .rm-view-item-card{
    grid-template-columns:1fr!important;
    align-items:flex-start!important;
  }

  #rawMaterialOrderDetailBox .rm-view-item-meta{
    justify-content:flex-start!important;
  }

  #rawMaterialOrderDetailBox .comment-header{
    grid-template-columns:1fr!important;
  }

  #rawMaterialOrderDetailBox .comment-time{
    grid-column:1!important;
    grid-row:auto!important;
    justify-self:start!important;
    white-space:normal!important;
  }
}