/* =====================================================================
   Ticket Manager (id 72612) — new-style redesign. Scoped to .page-id-72612.
   Layout is ours (.ptm-*); the dynamic ticket template renders inside .ptm-panel
   (ids/JS untouched). Colours/spacing/structure only.
   ===================================================================== */
.page-id-72612{
  --o:#e07b30; --o2:#e8924a; --od:#c5651f; --osoft:#fff7ef;
  --dark:#0a1530; --text:#3a4254; --muted:#6b7385;
  --line:#e5e9f1; --bg:#eef1f7; --card:#fff;
  --r:18px; --r-sm:12px; --sh:0 16px 40px rgba(10,21,48,.08);
  --font:'Inter',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --disp:"Arial Rounded MT Bold","Arial Rounded MT","Nunito",'Inter',sans-serif;
}
.page-id-72612 #content,
.page-id-72612 #main{ background:linear-gradient(180deg,#f8f9fc 0%,var(--bg) 100%); }

.page-id-72612 .ptm{ font-family:var(--font); color:var(--text); max-width:1080px; margin:0 auto; padding:8px 18px 50px; }
.page-id-72612 .ptm *{ box-sizing:border-box; }

/* hero (no container) */
.page-id-72612 .ptm-hero{ text-align:center; margin-bottom:28px; }
.page-id-72612 .ptm-hero .pp-page-title-wrap{ margin:0 auto 0 !important; padding-bottom:0 !important; }
.page-id-72612 .pp-page-title{ font-family:var(--disp) !important; font-weight:800 !important; color:var(--dark) !important; font-size:clamp(30px,5vw,52px) !important; letter-spacing:-.02em !important; line-height:1.05 !important; }
.page-id-72612 .pp-page-title-icon{ color:var(--o) !important; }
.page-id-72612 .ptm-lead{ max-width:700px; margin:16px auto 0; font-size:18px; line-height:1.6; color:var(--muted); }

/* main panel */
.page-id-72612 .ptm-panel{ background:var(--card); border:1px solid var(--line); border-radius:24px; box-shadow:var(--sh); padding:32px 30px; }
.page-id-72612 .ptm-panel .container{ font-size:16px !important; max-width:none !important; width:100% !important; margin:0 !important; padding:0 !important; }

/* email + "List Your Tickets" landing row */
.page-id-72612 .ptm-panel .container > .d-flex{ justify-content:center; flex-wrap:wrap; gap:12px !important; }
.page-id-72612 .ptm-email{
  width:min(380px,100%); background:#fdfdfe !important; color:var(--dark) !important;
  border:1px solid var(--line) !important; border-radius:999px !important; padding:13px 20px !important;
  font-family:var(--font) !important; font-size:15px !important;
}
.page-id-72612 .ptm-email::placeholder{ color:#9aa1b2; }
.page-id-72612 .ptm-email:focus{ outline:none; border-color:var(--o) !important; box-shadow:0 0 0 3px rgba(224,123,48,.18) !important; }
.page-id-72612 .ptm-list-btn{
  display:inline-flex; align-items:center; gap:8px;
  background:linear-gradient(180deg,var(--o2),var(--o)) !important; color:#fff !important; border:0 !important;
  border-radius:999px !important; padding:13px 28px !important; font-family:var(--font) !important;
  font-weight:700 !important; font-size:15px !important; cursor:pointer;
  box-shadow:0 12px 24px rgba(224,123,48,.28) !important; transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.page-id-72612 .ptm-list-btn:hover{ background:linear-gradient(180deg,var(--od),var(--od)) !important; transform:translateY(-2px); }

/* results container + tickets table */
.page-id-72612 #replyContainer{ margin-top:26px !important; clear:both; width:100%; }
.page-id-72612 #errorReply{ color:var(--od); text-align:center; }
/* the AJAX markup floats the wrapper + lets the table shrink -> it overflows the panel.
   Force everything back into flow at full width. */
.page-id-72612 #replyContainer .kbs_ticket_history_wrapper{ float:none !important; width:100% !important; margin:0 !important; }
.page-id-72612 #replyContainer .ticket_info_wrapper,
.page-id-72612 #replyContainer .data_section{ width:100% !important; float:none !important; }
/* pagination row + buttons (bg colours come from the AJAX file; we shape them) */
.page-id-72612 #replyContainer .justify-content-center{ width:100%; margin-top:18px; gap:8px; }
.page-id-72612 #replyContainer .justify-content-center button{
  border:0 !important; border-radius:9px !important; color:#fff !important; min-width:40px;
  padding:8px 13px !important; font-weight:700; cursor:pointer;
}
.page-id-72612 #replyContainer #ticket_history{
  width:100% !important; border-collapse:separate; border-spacing:0; background:var(--card);
  border:1px solid var(--line); border-radius:var(--r); overflow:hidden; font-size:15px;
}
.page-id-72612 #replyContainer #ticket_history thead th{
  background:#f6f8fb; color:var(--dark); font-weight:800; text-align:left; padding:13px 16px;
  border-bottom:1px solid var(--line); font-size:12px; text-transform:uppercase; letter-spacing:.04em;
}
.page-id-72612 #replyContainer #ticket_history td{ padding:14px 16px; border-bottom:1px solid var(--line); color:var(--text); vertical-align:middle; }
.page-id-72612 #replyContainer #ticket_history tr:last-child td{ border-bottom:0; }
.page-id-72612 #replyContainer #ticket_history .title,
.page-id-72612 #replyContainer #ticket_history .subject{ font-weight:600; color:var(--dark); }
.page-id-72612 #replyContainer .kbs-label-status{
  display:inline-block; padding:4px 11px; border-radius:999px; background:var(--osoft);
  color:var(--od); font-size:12px; font-weight:700; border:1px solid #f0d4b0;
}
.page-id-72612 #replyContainer .actions a{
  display:inline-flex; align-items:center; gap:6px; background:linear-gradient(180deg,var(--o2),var(--o));
  color:#fff !important; padding:8px 15px; border-radius:9px; font-weight:700; font-size:13px;
  text-decoration:none !important; box-shadow:0 8px 16px rgba(224,123,48,.22);
}
.page-id-72612 #replyContainer .actions a:hover{ background:linear-gradient(180deg,var(--od),var(--od)); }
/* pagination */
.page-id-72612 #replyContainer .d-flex.justify-content-center .my-btn{ min-width:0; padding:8px 14px !important; }

/* single-ticket reply view (?ticket=) */
.page-id-72612 .ptm #wysiwyg,
.page-id-72612 .ptm .wysiwygContainer{ border:1px solid var(--line) !important; border-radius:var(--r-sm) !important; overflow:hidden; box-shadow:none !important; }
.page-id-72612 .ptm .btns{ background:#f6f8fb; border-bottom:1px solid var(--line); padding:8px 10px; gap:6px; }
.page-id-72612 .ptm .btns button{ background:#fff !important; color:var(--text) !important; border:1px solid var(--line) !important; border-radius:8px !important; padding:6px 9px !important; margin:2px !important; box-shadow:none !important; }
.page-id-72612 .ptm #editor{ padding:18px !important; min-height:200px !important; height:auto !important; font-family:var(--font); color:var(--text); line-height:1.6; background:#fff; }
/* reply submit + generic my-btn buttons in the reply flow */
.page-id-72612 .ptm .my-btn{
  display:inline-flex; align-items:center; gap:8px; background:linear-gradient(180deg,var(--o2),var(--o)) !important;
  color:#fff !important; border:0 !important; border-radius:11px !important; padding:12px 26px !important;
  font-family:var(--font) !important; font-weight:700 !important; font-size:15px !important; cursor:pointer;
  box-shadow:0 12px 24px rgba(224,123,48,.26) !important;
}
.page-id-72612 .ptm .my-btn:hover{ background:linear-gradient(180deg,var(--od),var(--od)) !important; }

@media(max-width:560px){
  .page-id-72612 .ptm-panel{ padding:20px 16px; }
  .page-id-72612 #replyContainer #ticket_history{ display:block; overflow-x:auto; }
}