﻿/* Training Portal Support Desk - a compact DGA-inspired surface, scoped to the new pages. */
body.dga-lite .tp-support {--tp-green:#1b8354;--tp-ink:#1f2a37;--tp-muted:#526071;--tp-border:#e3e8e5;--tp-bg:#f7faf8;color:var(--tp-ink);max-width:1400px;margin:0 auto 40px;font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;font-size:15px;line-height:1.7}
body.dga-lite .tp-support *{box-sizing:border-box}
body.dga-lite .tp-support h2,body.dga-lite .tp-support h3{line-height:1.5;margin:0 0 .45em;font-weight:700}
body.dga-lite .tp-support h2{font-size:clamp(22px,2.25vw,29px)}
body.dga-lite .tp-support h3{font-size:18px}
body.dga-lite .tp-support p{margin:0 0 12px}
body.dga-lite .tp-support-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;background:#fff;border:1px solid var(--tp-border);border-radius:14px;margin-bottom:22px;box-shadow:0 3px 12px rgba(16,40,30,.03)}
body.dga-lite .tp-support-header p{color:var(--tp-muted);max-width:800px}
body.dga-lite .tp-support .tp-support-eyebrow{font-size:13px;color:var(--tp-green);font-weight:700;margin-bottom:8px}
body.dga-lite .tp-support .tp-btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:9px 17px;border:1px solid transparent;border-radius:9px;text-decoration:none!important;font-size:14px;font-weight:700;line-height:1.35;cursor:pointer;white-space:normal;text-align:center;box-shadow:none}
body.dga-lite .tp-support .tp-btn-primary{background:var(--tp-green);color:white!important;border-color:var(--tp-green)}
body.dga-lite .tp-support .tp-btn-primary:hover{background:#166a45;color:#fff!important}
body.dga-lite .tp-support .tp-btn-secondary{background:#fff;color:var(--tp-ink)!important;border-color:#cad5cf}
body.dga-lite .tp-support .tp-btn-secondary:hover{background:#f0f7f3}
body.dga-lite .tp-support .tp-text-link,body.dga-lite .tp-support .tp-back-link{color:#136c45!important;font-weight:700;text-decoration:underline;text-underline-offset:3px}
body.dga-lite .tp-support .tp-back-link{display:inline-block;margin:0 0 18px}
body.dga-lite .tp-support .tp-support-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:5px;border:1px solid var(--tp-border);border-radius:10px;background:#fff;width:max-content;max-width:100%}
body.dga-lite .tp-support .tp-tab{display:inline-block;padding:10px 17px;border-radius:7px;color:#465468!important;font-size:14px;font-weight:600;text-decoration:none!important}
body.dga-lite .tp-support .tp-tab:hover{background:#f2f6f3}
body.dga-lite .tp-support .tp-tab-active{background:#e8f6ed;color:#11683e!important}
body.dga-lite .tp-support-panel{background:#fff;border:1px solid var(--tp-border);border-radius:13px;padding:23px 24px;margin:0 0 20px;box-shadow:0 3px 12px rgba(16,40,30,.02)}
body.dga-lite .tp-support .tp-support-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:15px;margin-bottom:22px}
body.dga-lite .tp-support .tp-support-toolbar>div:first-child{flex:2;min-width:230px}
body.dga-lite .tp-support .tp-support-toolbar>div:nth-child(2){flex:1;min-width:180px}
body.dga-lite .tp-support label{display:block;font-size:14px;font-weight:650;margin-bottom:7px;color:#364152}
body.dga-lite .tp-support .tp-control{display:block;width:100%;min-height:44px;border:1px solid #bfcac4;border-radius:9px;background:#fff!important;color:var(--tp-ink);padding:9px 13px;font-size:15px;line-height:1.5;box-shadow:none!important}
body.dga-lite .tp-support textarea.tp-control{resize:vertical;min-height:120px}
body.dga-lite .tp-support .tp-control:focus{border-color:var(--tp-green);outline:2px solid rgba(27,131,84,.19)}
body.dga-lite .tp-support .tp-ticket-list{display:grid;gap:11px}
body.dga-lite .tp-support .tp-ticket-row{display:flex;justify-content:space-between;gap:20px;border:1px solid var(--tp-border);border-radius:11px;padding:18px 20px;align-items:center;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}
body.dga-lite .tp-support .tp-ticket-row:hover{border-color:#9fc7b0;box-shadow:0 3px 12px rgba(16,40,30,.05)}
body.dga-lite .tp-support .tp-ticket-main{min-width:0}
body.dga-lite .tp-support .tp-ticket-main h3{font-size:17px;margin:4px 0 7px;overflow-wrap:anywhere}
body.dga-lite .tp-support .tp-ticket-main h3 a{color:#1f2a37!important;text-decoration:none}
body.dga-lite .tp-support .tp-ticket-main h3 a:hover{color:var(--tp-green)!important;text-decoration:underline}
body.dga-lite .tp-support .tp-ticket-main p{font-size:13px;color:#526071;margin:1px 0}
body.dga-lite .tp-support .tp-ticket-number{font-size:12px;color:#136c45;font-weight:750}
body.dga-lite .tp-support .tp-ticket-course{display:block;color:#375e4c;font-size:13px;margin-top:5px}
body.dga-lite .tp-support .tp-ticket-aside{display:flex;gap:14px;align-items:flex-end;flex-direction:column;flex-shrink:0}
body.dga-lite .tp-support .tp-pill{display:inline-flex;align-items:center;min-height:27px;border:1px solid transparent;border-radius:999px;font-weight:750;font-size:12px;padding:4px 11px;white-space:nowrap}
body.dga-lite .tp-support .tp-pill-neutral{background:#eff4f8;color:#38516a;border-color:#d9e3eb}
body.dga-lite .tp-support .tp-pill-warning{background:#fff5e4;color:#8c5312;border-color:#ffdc99}
body.dga-lite .tp-support .tp-pill-success{background:#eaf7ef;color:#17683e;border-color:#c5e9d2}
body.dga-lite .tp-support .tp-pagination{display:flex;align-items:center;gap:14px;justify-content:center;margin-top:24px;font-size:14px}
body.dga-lite .tp-support .tp-support-empty{text-align:center;padding:44px 16px;background:var(--tp-bg);border:1px dashed #b9c9c0;border-radius:11px}
body.dga-lite .tp-support .tp-support-empty p{color:var(--tp-muted)}
body.dga-lite .tp-support .tp-support-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--tp-border);padding-bottom:18px;margin-bottom:24px}
body.dga-lite .tp-support .tp-support-section-header p{color:var(--tp-muted)}
body.dga-lite .tp-support .tp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
body.dga-lite .tp-support .tp-form-full{grid-column:1/-1}
body.dga-lite .tp-support .tp-form-field small{display:block;color:#5a6878;margin-top:7px;font-size:12px}
body.dga-lite .tp-support .tp-form-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--tp-border);padding-top:21px;margin-top:25px}
body.dga-lite .tp-support .tp-support-alert{border:1px solid #c6dfcf;background:#f0faf3;border-radius:10px;padding:14px 18px;margin-bottom:20px;color:#2d5940}
body.dga-lite .tp-support .tp-detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:19px;align-items:start}
body.dga-lite .tp-support .tp-description{white-space:normal;overflow-wrap:anywhere;line-height:1.9}
body.dga-lite .tp-support .tp-info-list{display:grid;grid-template-columns:1fr;gap:0;margin:0}
body.dga-lite .tp-support .tp-info-list dt{color:#637282;font-size:12px;margin:11px 0 0}
body.dga-lite .tp-support .tp-info-list dd{margin:0;font-size:14px;font-weight:600;overflow-wrap:anywhere}
body.dga-lite .tp-support .tp-course-shortcuts{display:flex;flex-wrap:wrap;gap:11px;margin-top:12px}
body.dga-lite .tp-support .tp-course-shortcuts>div{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
body.dga-lite .tp-support .tp-reply{margin:14px 0;background:#f8fbf9;padding:16px;border:1px solid #e4ede8;border-radius:10px}
body.dga-lite .tp-support .tp-reply-heading{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:8px}
body.dga-lite .tp-support .tp-reply-heading time{color:#607180;font-size:12px}
body.dga-lite .tp-support .tp-reply p{overflow-wrap:anywhere;line-height:1.9;margin:0}
body.dga-lite .tp-support .tp-reply-form{border-top:1px solid var(--tp-border);padding-top:22px;margin-top:22px}
body.dga-lite .tp-support .tp-reply-form .tp-btn{margin-top:12px}
body.dga-lite .tp-support .tp-no-replies{padding:18px;background:#f8faf8;border-radius:9px;color:#5c6673}
body.dga-lite .tp-support .tp-btn-block{width:100%;margin-top:12px}
body.dga-lite .tp-support .tp-history-item{border-bottom:1px solid #e5e9e7;padding:9px 0;font-size:12px;display:flex;flex-direction:column;gap:3px}
body.dga-lite .tp-support .tp-history-item:last-child{border-bottom:0}
body.dga-lite .tp-support .tp-history-item span{color:#6a7682}
body.dga-lite .tp-support .tp-help-note{margin-top:20px!important;font-size:13px;color:#596977}
body.dga-lite .tp-support [hidden]{display:none!important}
body.dga-lite .tp-support a:focus-visible,body.dga-lite .tp-support button:focus-visible{outline:3px solid #1b8354;outline-offset:2px}
@media(max-width:950px){body.dga-lite .tp-support .tp-detail-layout{grid-template-columns:1fr}}
@media(max-width:680px){body.dga-lite .tp-support .tp-support-header,body.dga-lite .tp-support .tp-support-section-header{flex-direction:column;align-items:stretch;padding:19px}body.dga-lite .tp-support .tp-support-panel{padding:18px}body.dga-lite .tp-support .tp-form-grid{grid-template-columns:1fr;gap:16px}body.dga-lite .tp-support .tp-ticket-row{flex-direction:column;align-items:stretch;padding:15px}body.dga-lite .tp-support .tp-ticket-aside{flex-direction:row;justify-content:space-between;align-items:center}body.dga-lite .tp-support .tp-support-tabs{width:100%}body.dga-lite .tp-support .tp-tab{flex:1;text-align:center}body.dga-lite .tp-support .tp-support-toolbar>div{min-width:100%}body.dga-lite .tp-support .tp-reply-heading{flex-direction:column}}

/* v6: role-scoped admin tabs; consistent readable red counters in an RTL tab row. */
body.dga-lite .tp-support .tp-support-tabs{width:100%;min-width:0;gap:8px;align-items:center}
body.dga-lite .tp-support .tp-tab{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:42px;white-space:normal}
body.dga-lite .tp-support .tp-tab .tp-nav-badge{display:inline-flex;align-items:center;justify-content:center;background:#c5221f!important;color:white!important;min-width:23px;height:23px;padding:0 6px;border-radius:999px;font-weight:700;font-size:12px;line-height:1}
@media(max-width:650px){body.dga-lite .tp-support .tp-support-tabs{width:100%}body.dga-lite .tp-support .tp-tab{flex:1 1 140px;font-size:13px;padding:9px 10px}}

/* v7 — distinct requester / handler detail screens; minimal, readable controls. */
body.dga-lite .tp-support .tp-role-note{font-size:13px;margin-top:-7px;margin-bottom:18px}
body.dga-lite .tp-support .tp-pill-cancelled{background:#f2f3f5;color:#566070;border-color:#dfe2e8}
body.dga-lite .tp-support .tp-cancel-panel{border-color:#f2cece;background:#fffafa}
body.dga-lite .tp-support .tp-cancel-panel p{font-size:13px;color:#5d6670}
body.dga-lite .tp-support .tp-btn-danger{background:#fff;color:#a3272a!important;border-color:#d69e9e}
body.dga-lite .tp-support .tp-btn-danger:hover{background:#fff1f1;color:#861b20!important;border-color:#c43c3d}
body.dga-lite .tp-support .tp-btn-danger:focus-visible{outline:3px solid #a3272a;outline-offset:3px}
body.dga-lite .tp-support .tp-cancelled-note{border-color:#e0e4e8;background:#f8f9fa}
body.dga-lite .tp-support .tp-role-handler .tp-support-header{border-right:4px solid #1b8354}
body.dga-lite .tp-support .tp-role-requester .tp-support-header{border-right:4px solid #6c8393}
body.dga-lite .tp-support .tp-detail-sidebar .tp-btn{max-width:100%}
@media(max-width:680px){body.dga-lite .tp-support .tp-role-note{margin-top:0}}

/* v9 | Ticket detail experience: scoped, modern RTL layout for requester/handler.
   Keep the listing and ticket creation forms untouched.  Master-wide DGA styles
   may load after this file; the .tp-ticket-v9 specificity isolates these pages. */
body.dga-lite .tp-support.tp-ticket-v9 {
  --ticket-ink:#233044;
  --ticket-muted:#64748b;
  --ticket-green:#166b46;
  --ticket-soft:#f5faf7;
  --ticket-line:#dfe7e2;
  display:block;
  width:100%;
  max-width:1360px;
  min-width:0;
  margin:0 auto 36px;
  font-size:15px;
  line-height:1.8;
  color:var(--ticket-ink);
}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-breadcrumb {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin:0 0 13px;
  min-height:28px;
  font-size:13px;
  color:var(--ticket-muted);
}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-breadcrumb a {
  color:var(--ticket-green);
  font-weight:700;
  text-decoration:none;
}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-breadcrumb a:hover {text-decoration:underline}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-breadcrumb i {margin-inline-end:3px}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-feedback {
  padding:12px 16px;
  margin:0 0 14px;
  border:1px solid #b7ddc6;
  border-radius:10px;
  font-size:14px;
}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-hero {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  min-width:0;
  padding:24px 28px;
  margin-bottom:14px;
  background:#fff;
  border:1px solid var(--ticket-line);
  border-right:4px solid #1b8354;
  border-radius:14px;
  box-shadow:0 2px 12px rgba(25,48,39,.035);
}
body.dga-lite .tp-support.tp-ticket-v9.tp-role-requester .tp-ticket-hero {border-right-color:#68869a}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-hero-copy {flex:1 1 auto;min-width:0}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-eyebrow {
  display:flex;
  align-items:center;
  gap:7px;
  margin:0 0 5px;
  color:var(--ticket-green);
  font-size:13px;
  font-weight:750;
}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-eyebrow i {font-size:19px}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-hero h2 {
  margin:0 0 9px;
  font-size:clamp(21px,2vw,27px);
  font-weight:750;
  line-height:1.7;
  color:#172e29;
  overflow-wrap:anywhere;
}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-hero-meta {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px 15px;
  color:var(--ticket-muted);
  font-size:13px;
}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-hero-meta i {font-size:16px;margin-inline-end:3px}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-current-status {
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:5px;
  flex:0 0 auto;
  min-width:110px;
  padding:9px 14px;
  background:var(--ticket-soft);
  border:1px solid #e2eee7;
  border-radius:10px;
}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-status-label {color:var(--ticket-muted);font-size:12px}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-current-status .tp-pill {font-size:13px;min-height:29px}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-role-tip {
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:11px 15px;
  margin:0 0 19px;
  color:#365947;
  background:#eff8f2;
  border:1px solid #d2e9da;
  border-radius:10px;
  font-size:13px;
  line-height:1.8;
}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-role-tip i {font-size:19px;margin-top:2px;flex:0 0 auto}
/* Correct structural separation. The old pages mistakenly used </main> to close
   a <div>, which trapped the sidebar inside the body column. */
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(285px,360px);
  align-items:start;
  gap:20px;
  width:100%;
  min-width:0;
}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-primary,
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-sidebar {display:flex;flex-direction:column;gap:18px;min-width:0}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-card {
  display:block;
  min-width:0;
  width:100%;
  margin:0;
  padding:22px 24px;
  background:#fff;
  border:1px solid var(--ticket-line);
  border-radius:12px;
  box-shadow:0 2px 10px rgba(27,45,38,.025);
}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-card-heading {
  display:flex;
  align-items:center;
  gap:10px;
  padding-bottom:14px;
  margin-bottom:16px;
  border-bottom:1px solid #eef1ef;
}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-card-heading h3 {
  font-size:17px;
  font-weight:750;
  color:var(--ticket-ink);
  margin:0;
  line-height:1.5;
}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-heading-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:35px;
  height:35px;
  flex:0 0 35px;
  background:#ecf7f0;
  color:var(--ticket-green);
  border-radius:10px;
  font-size:19px;
}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-description {
  color:#324256;
  background:#f9fbfa;
  border:1px solid #eef2ef;
  border-radius:9px;
  padding:17px 18px;
  overflow-wrap:anywhere;
  line-height:2;
  min-height:64px;
}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-thread {display:flex;flex-direction:column;gap:11px;min-width:0}
body.dga-lite .tp-support.tp-ticket-v9 .tp-reply {
  margin:0;
  padding:15px 17px;
  border-radius:10px;
  border:1px solid #dfece4;
  background:#f7fbf8;
}
body.dga-lite .tp-support.tp-ticket-v9 .tp-reply-heading {align-items:baseline;gap:10px;margin-bottom:7px;flex-wrap:wrap}
body.dga-lite .tp-support.tp-ticket-v9 .tp-reply-heading strong {color:#204a38;font-size:14px}
body.dga-lite .tp-support.tp-ticket-v9 .tp-reply-heading time {font-size:12px;color:#667789}
body.dga-lite .tp-support.tp-ticket-v9 .tp-reply p {font-size:14px;line-height:1.95;color:#243447;white-space:normal;overflow-wrap:anywhere}
body.dga-lite .tp-support.tp-ticket-v9 .tp-no-replies {
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  padding:18px;
  font-size:14px;
  color:#596a79;
  background:#f7faf9;
  border-radius:9px;
}
body.dga-lite .tp-support.tp-ticket-v9 .tp-no-replies i {font-size:22px;color:#1b8354}
body.dga-lite .tp-support.tp-ticket-v9 .tp-reply-form {margin-top:20px;padding-top:18px;border-top:1px solid var(--ticket-line)}
body.dga-lite .tp-support.tp-ticket-v9 .tp-reply-form label,
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-action-card label {font-weight:750;font-size:14px;color:#334155;margin-bottom:8px}
body.dga-lite .tp-support.tp-ticket-v9 textarea.tp-control,
body.dga-lite .tp-support.tp-ticket-v9 select.tp-control {
  display:block;
  width:100%;
  font-family:inherit;
  font-size:15px;
  padding:12px 14px;
  min-height:45px;
  background:#fff;
  color:#213547;
  border:1px solid #c8d5cd;
  border-radius:9px;
}
body.dga-lite .tp-support.tp-ticket-v9 textarea.tp-control {min-height:115px;resize:vertical}
body.dga-lite .tp-support.tp-ticket-v9 .tp-control:focus-visible {border-color:#1b8354;outline:3px solid #d4ebdc;outline-offset:1px}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-form-footer {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;margin-top:12px}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-form-footer>span {font-size:12px;color:var(--ticket-muted)}
body.dga-lite .tp-support.tp-ticket-v9 .tp-reply-form .tp-btn {margin-top:0;flex:0 0 auto}
body.dga-lite .tp-support.tp-ticket-v9 .tp-btn {min-height:41px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:700;border-radius:9px}
body.dga-lite .tp-support.tp-ticket-v9 .tp-btn-block {width:100%;margin-top:15px}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-inline-note {padding:14px;background:#f6f8f7;border:1px solid #e4e9e6;border-radius:8px;color:#637083;font-size:13px;margin-top:17px}
body.dga-lite .tp-support.tp-ticket-v9 .tp-info-list {display:grid;grid-template-columns:minmax(94px,36%) minmax(0,1fr);gap:0 9px;margin:0;font-size:14px}
body.dga-lite .tp-support.tp-ticket-v9 .tp-info-list dt,
body.dga-lite .tp-support.tp-ticket-v9 .tp-info-list dd {
  padding:10px 0;
  margin:0;
  min-width:0;
  font-size:13px;
  line-height:1.85;
  border-bottom:1px solid #edf1ef;
  overflow-wrap:anywhere;
}
body.dga-lite .tp-support.tp-ticket-v9 .tp-info-list dt {font-weight:500;color:var(--ticket-muted)}
body.dga-lite .tp-support.tp-ticket-v9 .tp-info-list dd {font-weight:650;color:#293a4c}
body.dga-lite .tp-support.tp-ticket-v9 .tp-info-list dt:nth-last-child(2),
body.dga-lite .tp-support.tp-ticket-v9 .tp-info-list dd:last-child {border-bottom:0}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-course-name {font-weight:650;color:#314354;line-height:1.9;margin-bottom:12px;overflow-wrap:anywhere}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-link {width:100%;white-space:normal;max-width:100%}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-course-actions {display:grid;grid-template-columns:1fr 1fr;gap:9px}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-course-actions .tp-ticket-link:first-child {grid-column:1/-1}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-action-card {border-top:3px solid #1b8354}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-danger-zone {border-color:#efd2d2;background:#fffdfd}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-danger-zone .tp-ticket-heading-icon {background:#fff0f0;color:#aa3434}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-danger-zone p,
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-muted-zone p {font-size:13px;color:#637083;margin:0 0 13px}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-muted-zone {background:#fafbfc}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-muted-zone .tp-ticket-heading-icon {background:#eef0f3;color:#596779}
body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-audit {display:grid;grid-template-columns:1fr;gap:0}
body.dga-lite .tp-support.tp-ticket-v9 .tp-history-item {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 16px;padding:13px 4px;border-bottom:1px solid #edf0ee;font-size:13px}
body.dga-lite .tp-support.tp-ticket-v9 .tp-history-item:last-child {border-bottom:0}
body.dga-lite .tp-support.tp-ticket-v9 .tp-history-item strong {font-size:13px;color:#304354}
body.dga-lite .tp-support.tp-ticket-v9 .tp-history-item span {font-size:12px;white-space:normal}
body.dga-lite .tp-support.tp-ticket-v9 .tp-history-item small {grid-column:1/-1;color:#5b6b7c;font-size:12px;margin-top:2px}
body.dga-lite .tp-support.tp-ticket-v9 a:focus-visible,
body.dga-lite .tp-support.tp-ticket-v9 input:focus-visible {outline:3px solid #8ecbae;outline-offset:2px}
@media (max-width:1080px) {
  body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-grid {grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:15px}
  body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-card {padding:18px 19px}
}
@media (max-width:840px) {
  body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-grid {grid-template-columns:minmax(0,1fr)}
  body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-primary,
  body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-sidebar {gap:14px}
  body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-sidebar {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-sidebar>.tp-ticket-card {height:100%}
}
@media (max-width:580px) {
  body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-hero {padding:17px;flex-direction:column;align-items:stretch;gap:12px}
  body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-hero h2 {font-size:21px}
  body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-current-status {align-items:flex-start;flex-direction:row;justify-content:space-between;gap:10px}
  body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-sidebar {display:flex}
  body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-card {padding:16px}
  body.dga-lite .tp-support.tp-ticket-v9 .tp-info-list {grid-template-columns:minmax(80px,38%) minmax(0,1fr)}
  body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-form-footer .tp-btn {width:100%}
  body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-course-actions {grid-template-columns:1fr}
  body.dga-lite .tp-support.tp-ticket-v9 .tp-ticket-course-actions .tp-ticket-link:first-child {grid-column:auto}
  body.dga-lite .tp-support.tp-ticket-v9 .tp-history-item {grid-template-columns:1fr}
}
