/* TURBOHOST v4.100 — open-ticket flow, following the new Client Area design.
   Native department IDs, knowledgebase search and ticket form remain untouched. */
#main-body .th100-support-entry,
#main-body .th100-support-compose {
  --th100-edge: var(--th-card-edge,rgba(0,134,255,.14));
  --th100-muted: #b7cdec;
  min-width:0;
  max-width:100%;
  color:#e9f3ff;
  font:400 13px/1.65 TH-Inter,Inter,system-ui,sans-serif;
}
#main-body .th100-support-intro {margin:0 0 21px;}
#main-body .th100-eyebrow {
  display:block;margin:0 0 8px;color:#68baff;
  font:700 10px/1.5 TH-Inter,Inter,system-ui,sans-serif;letter-spacing:.1em;
}
#main-body .th100-support-intro h2,
#main-body .th100-section-intro h2 {
  margin:0;color:#f7faff!important;
  font:600 clamp(22px,2.4vw,29px)/1.3 TH-Poppins,Poppins,system-ui,sans-serif!important;
  letter-spacing:-.02em;
}
#main-body .th100-support-intro p,
#main-body .th100-section-intro p {
  margin:7px 0 0;color:var(--th100-muted)!important;
  font:400 13px/1.6 TH-Inter,Inter,system-ui,sans-serif;
}
#main-body .th100-support-search {
  margin:0 0 35px;
  padding:clamp(20px,3vw,34px);
  border:1px solid rgba(75,153,255,.52);
  border-radius:30px;
  background:linear-gradient(155deg,#1459d4 0%,#0642bd 60%,#072a84 100%);
  box-shadow:0 16px 38px rgba(0,15,55,.18);
}
#main-body .th100-search-label {
  display:block;margin:0 0 13px;color:#e9f4ff;
  font:600 14px/1.5 TH-Inter,Inter,system-ui,sans-serif;
}
#main-body .th100-search-field {
  display:flex;align-items:center;gap:13px;min-width:0;
  min-height:53px;padding:5px 6px 5px 19px;
  border:1px solid rgba(185,222,255,.38);
  border-radius:30px;background:rgba(0,30,82,.72);color:#92c7ff;
}
#main-body .th100-search-field > i {flex:0 0 auto;font-size:18px;}
#main-body .th100-search-field > input {
  appearance:none;display:block;flex:1 1 auto;min-width:0;
  height:43px;margin:0!important;padding:7px 0!important;
  border:0!important;outline:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  color:#f6faff!important;
  font:500 13px/1.45 TH-Inter,Inter,system-ui,sans-serif!important;
}
#main-body .th100-search-field > input::placeholder {color:#b6d2f4!important;opacity:1;}
#main-body .th100-search-field:focus-within {
  border-color:#93d6ff;outline:2px solid rgba(189,224,255,.45);outline-offset:2px;
}
#main-body .th100-search-button {
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  min-height:42px;padding:9px 22px!important;
  border:1px solid #dceaff!important;border-radius:30px!important;
  background:#dceaff!important;color:#0751c4!important;
  font:700 12px/1.4 TH-Inter,Inter,system-ui,sans-serif!important;
  box-shadow:none!important;cursor:pointer;
}
#main-body .th100-search-button:is(:hover,:focus-visible) {
  background:#fff!important;border-color:#fff!important;color:#0647ae!important;
}
#main-body .th100-section-intro {margin:0 0 20px;}
#main-body .th100-department-grid {
  box-sizing:border-box;display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;
  width:100%;min-width:0;
  container-type:normal;
}
#main-body .th100-departments {container-type:inline-size;min-width:0;}
#main-body .th100-department-card {
  box-sizing:border-box;display:flex;flex-direction:column;
  align-items:stretch;min-width:0;min-height:238px;
  padding:23px 21px 20px;
  border:1px solid var(--th100-edge);
  border-radius:30px;
  background:var(--th-card-neutral,linear-gradient(180deg,rgba(0,30,82,.72) 0%,rgba(0,16,46,.88) 100%));
  box-shadow:0 12px 32px rgba(0,12,42,.18);
  transition:border-color .16s ease,transform .16s ease;
}
#main-body .th100-department-card:is(:hover,:focus-within) {
  border-color:var(--th-card-hover-edge,rgba(44,125,255,.50));
  background:var(--th-card-hover,linear-gradient(180deg,rgba(10,43,117,.82),rgba(7,30,88,.96)));
  transform:translateY(-2px);
}
#main-body .th100-department-head {
  display:flex;align-items:center;gap:12px;min-width:0;margin:0 0 15px;
}
#main-body .th100-department-icon {
  box-sizing:border-box;display:inline-grid;place-items:center;
  flex:0 0 43px;width:43px;height:43px;
  border:1px solid rgba(113,180,255,.32);
  border-radius:14px;
  background:rgba(16,98,254,.19);color:#65bcff;
  font-size:19px;
}
#main-body .th100-department-head h3 {
  min-width:0;margin:0!important;
  font:600 15px/1.45 TH-Poppins,Poppins,system-ui,sans-serif!important;
  overflow-wrap:anywhere;
}
#main-body .th100-department-head h3 a {
  color:#f6faff!important;text-decoration:none!important;
}
#main-body .th100-department-head h3 a:hover {color:#94d5ff!important;}
#main-body .th100-department-description {
  flex:1 1 auto;min-height:52px;
  color:#bcd1ed!important;
  font:400 12px/1.7 TH-Inter,Inter,system-ui,sans-serif;
  overflow-wrap:anywhere;
}
#main-body .th100-department-description :is(p,div,small,span,li) {
  color:inherit!important;max-width:100%;
}
#main-body .th100-department-description p {margin:0 0 8px;}
#main-body .th100-department-description a {color:#7fcaff!important;text-decoration:underline;}
#main-body .th100-department-cta {
  display:inline-flex;align-items:center;justify-content:center;
  gap:9px;width:100%;max-width:100%;min-height:42px;
  box-sizing:border-box;margin-top:23px;padding:10px 14px;
  border:1px solid rgba(145,197,255,.36);border-radius:30px;
  background:#143d82;color:#eaf5ff!important;
  font:700 12px/1.4 TH-Inter,Inter,system-ui,sans-serif;
  text-decoration:none!important;
}
#main-body .th100-department-cta:is(:hover,:focus-visible) {
  background:#1062fe;border-color:#6abbff;color:#fff!important;
}
/* Step 2 deliberately reuses the WHMCS original form, attachments, validators and CAPTCHA. */
#main-body .th100-support-compose > .th100-support-back {
  display:inline-flex;align-items:center;gap:9px;
  margin:0 0 19px;padding:9px 16px;
  border:1px solid rgba(126,181,245,.3);border-radius:30px;
  background:rgba(0,30,82,.72);color:#cce7ff!important;
  font:600 12px/1.5 TH-Inter,Inter,system-ui,sans-serif;
  text-decoration:none!important;
}
#main-body .th100-support-compose > .th100-support-back:hover {
  background:#174787;color:#fff!important;
}
#main-body .th100-support-compose > form > .card {
  border:1px solid var(--th-card-edge,rgba(0,134,255,.14))!important;
  border-radius:30px!important;
  background:var(--th-card-neutral,linear-gradient(180deg,rgba(0,30,82,.72) 0%,rgba(0,16,46,.88) 100%))!important;
  box-shadow:0 16px 38px rgba(0,13,44,.18)!important;
  overflow:hidden;
}
#main-body .th100-support-compose > form > .card > .card-body {
  padding:clamp(22px,3vw,35px)!important;
  color:#e6f0ff!important;
}
#main-body .th100-support-compose .card-title {
  margin:0 0 25px;color:#fff!important;
  font:600 24px/1.35 TH-Poppins,Poppins,system-ui,sans-serif!important;
}
#main-body .th100-support-compose label {
  color:#c9def9!important;font:600 12px/1.4 TH-Inter,Inter,system-ui,sans-serif!important;
}
#main-body .th100-support-compose :is(input.form-control,select.form-control,textarea.form-control) {
  border:1px solid rgba(136,185,250,.37)!important;
  border-radius:14px!important;
  background:rgba(0,30,82,.72)!important;color:#fff!important;
  box-shadow:none!important;
}
#main-body .th100-support-compose :is(input.form-control,select.form-control,textarea.form-control):focus {
  border-color:#61b5ff!important;box-shadow:0 0 0 2px rgba(56,151,255,.15)!important;
}
#main-body .th100-support-compose :is(.btn-primary,.btn-default) {
  border-radius:30px!important;
}
#main-body .th100-support-compose .btn-primary {
  background:#1062fe!important;border-color:#1062fe!important;color:#fff!important;
}
@container (max-width:780px){
  #main-body .th100-department-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@container (max-width:500px){
  #main-body .th100-department-grid {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:767px){
  #main-body .th100-department-grid {grid-template-columns:minmax(0,1fr);gap:13px;}
  #main-body .th100-department-card {min-height:190px;padding:20px 18px;}
  #main-body .th100-support-search {padding:19px 16px;}
  #main-body .th100-support-compose > form > .card > .card-body {padding:20px 17px!important;}
}
@media(max-width:420px){
  #main-body .th100-search-field {gap:8px;padding:5px 6px 5px 13px;}
  #main-body .th100-search-button {padding:9px 13px!important;}
}
@media(prefers-reduced-motion:reduce){
  #main-body .th100-department-card {transition:none;}
  #main-body .th100-department-card:is(:hover,:focus-within) {transform:none;}
}

/* TURBOHOST v4.101 — concise selection + plan-aware access cards. */
#main-body .th101-support-entry .th100-support-intro { margin-bottom:16px; }
#main-body .th101-support-entry .th100-support-intro h2 {font-size:clamp(21px,2.2vw,27px)!important;}
#main-body .th101-support-entry .th100-support-search {padding:22px 25px;margin-bottom:29px;}
#main-body .th101-support-entry .th100-search-label {
  position:absolute!important;width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;
  white-space:nowrap;clip:rect(0,0,0,0);
  clip-path:inset(50%);border:0;
}
#main-body .th101-support-entry .th101-search-submit {
  position:absolute!important;width:1px!important;height:1px!important;
  min-height:0!important;min-width:0!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;
  white-space:nowrap!important;clip:rect(0,0,0,0);clip-path:inset(50%);
  border:0!important;
}
#main-body .th101-support-entry .th100-search-field {min-height:53px;}
#main-body .th101-support-entry .th100-section-intro {margin-bottom:18px;}
#main-body .th101-support-entry .th100-section-intro h2 {font-size:clamp(20px,2.1vw,25px)!important;}
#main-body .th101-support-entry .th100-department-card {
  min-height:220px;padding:19px 19px 18px;
}
#main-body .th101-support-entry .th100-department-head {gap:11px;margin-bottom:10px;}
#main-body .th101-support-entry .th100-department-head h3 {font-size:14px!important;}
#main-body .th101-support-entry .th100-department-description {
  min-height:0;margin:0!important;font-size:12px;line-height:1.6;
}
#main-body .th101-support-entry .th100-department-cta {margin-top:17px;min-height:41px;}
#main-body .th101-support-entry .th101-department-locked {
  background:var(--th-card-neutral,linear-gradient(180deg,rgba(0,30,82,.72) 0%,rgba(0,16,46,.88) 100%));
  border-color:var(--th-card-edge,rgba(0,134,255,.14));
}
#main-body .th101-support-entry .th101-department-locked .th100-department-icon {
  background:rgba(107,146,200,.12);border-color:rgba(123,162,210,.21);color:#b1c7e7;
}
#main-body .th101-support-entry .th101-department-locked .th100-department-head h3 {
  color:#d1dff3!important;
}
#main-body .th101-support-entry .th101-department-locked .th100-department-description {
  color:#9bb2d3!important;
}
#main-body .th101-support-entry .th101-department-notice {
  box-sizing:border-box;display:flex;align-items:flex-start;gap:8px;
  margin:12px 0 0;padding:10px 11px;
  background:rgba(0,30,82,.38);border:1px solid rgba(0,134,255,.17);
  border-radius:13px;color:#d4e2f7!important;
  font:550 11px/1.55 TH-Inter,Inter,system-ui,sans-serif;
}
#main-body .th101-support-entry .th101-department-notice i {color:#a8c6ee;flex:0 0 auto;margin-top:2px;}
#main-body .th101-support-entry .th101-department-plans {
  background:rgba(22,75,167,.26);border-color:rgba(136,189,255,.30);color:#c2ddff!important;
}
#main-body .th101-support-entry .th101-department-plans:hover {
  background:#1657c0;color:#fff!important;
}
#main-body .th101-support-entry .th101-department-unavailable {
  cursor:not-allowed;opacity:.66;background:rgba(41,65,99,.36);color:#bec9da!important;
}
@media(max-width:767px) {
  #main-body .th101-support-entry .th100-support-search {padding:18px;margin-bottom:25px;}
  #main-body .th101-support-entry .th100-department-card {min-height:190px;}
}

/* Magnifying glass doubles as a real submit control, for mouse, touch and keyboard. */
#main-body .th101-support-entry .th101-search-icon {
  display:inline-grid!important;place-items:center;
  flex:0 0 25px;width:25px;height:38px;
  margin:0;padding:0;border:0;border-radius:10px;
  background:transparent;color:#91caff;font-size:18px;
  box-shadow:none;cursor:pointer;
}
#main-body .th101-support-entry .th101-search-icon:is(:hover,:focus-visible) {
  color:#fff;background:rgba(61,137,240,.22);outline-offset:2px;
}

/* TURBOHOST v4.102 — /submitticket.php only: remove the redundant contextual
   WHMCS sidebar and let the native ticket entry/form use the full canvas.
   The TURBOHOST primary navigation, ticket actions and support-credit validation
   are not modified. Both department selection and step-2 form are covered. */
body #main-body:has(.th100-support-entry, .th100-support-compose) > .container > .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body #main-body:has(.th100-support-entry, .th100-support-compose) > .container > .row > .col-lg-4:has(> .sidebar) {
  display: none !important;
}
body #main-body:has(.th100-support-entry, .th100-support-compose) > .container > .row > .primary-content {
  display: block !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  order: 0 !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
/* WHMCS duplicates the secondary sidebar inside the primary column on mobile. */
body #main-body:has(.th100-support-entry, .th100-support-compose) > .container > .row > .primary-content > .sidebar-secondary {
  display: none !important;
}

/* TURBOHOST v4.103 — precise override of client-footer-layout-v63.
   Global v63 is more specific than the v102 rules and was keeping the sidebar
   visible even though the ticket CSS loaded. This adds the exact global
   structural selector PLUS our ticket-only descendant marker. */
body.th-layout-client #main-body > .container > .row:has(> .col-lg-4 > .sidebar):has(> .primary-content):has(.th100-support-entry, .th100-support-compose) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
body.th-layout-client #main-body > .container > .row:has(> .col-lg-4 > .sidebar):has(> .primary-content):has(.th100-support-entry, .th100-support-compose) > .col-lg-4 {
  display: none !important;
  width: 0 !important;
  max-width: 0 !important;
}
body.th-layout-client #main-body > .container > .row:has(> .col-lg-4 > .sidebar):has(> .primary-content):has(.th100-support-entry, .th100-support-compose) > .primary-content {
  display: block !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.th-layout-client #main-body > .container > .row:has(> .col-lg-4 > .sidebar):has(> .primary-content):has(.th100-support-entry, .th100-support-compose) > .primary-content .sidebar-secondary {
  display: none !important;
}

/* TURBOHOST v4.146 — original assistance SVGs on the dark support cards.
   Keep the two corporate blues; the originally navy SVG strokes are WHITE. */
#main-body .th101-support-entry .th100-department-icon {
  width:43px;height:43px;flex:0 0 43px;
  border:0!important;background:transparent!important;
  border-radius:0!important;padding:0!important;
  display:inline-grid;place-items:center;
}
#main-body .th101-support-entry .th100-department-icon svg {
  display:block;width:43px;height:43px;max-width:100%;max-height:100%;
}
/* Locked only when the server-side support plan module marks the department
   inaccessible. Subdue background and information, NOT the purchase CTA. */
#main-body .th101-support-entry .th101-department-locked {
  position:relative;
  isolation:isolate;
}
#main-body .th101-support-entry .th101-department-locked::before {
  content:"";position:absolute;inset:0;
  border-radius:inherit;
  background:rgba(0,5,14,.19);
  pointer-events:none;z-index:0;
}
#main-body .th101-support-entry .th101-department-locked > * {
  position:relative;z-index:1;
}
#main-body .th101-support-entry .th101-department-locked :is(
  .th100-department-head,.th100-department-description,.th101-department-notice
) {
  opacity:.75;
}
/* Hover on an unavailable department must NOT use the bright active-card wash.
   Its available plan link still has normal contrast and hover behavior. */
#main-body .th101-support-entry .th101-department-locked:is(:hover,:focus-within) {
  background:var(--th-card-neutral,linear-gradient(180deg,rgba(0,30,82,.72) 0%,rgba(0,16,46,.88) 100%));
  border-color:var(--th-card-edge,rgba(0,134,255,.14));
  transform:none;
}
#main-body .th101-support-entry .th101-department-locked .th101-department-plans {
  opacity:1!important;
}

/* TURBOHOST v4.148 — polished ticket composer, presentation only.
   Preserve native WHMCS Bootstrap Markdown, attachments, CAPTCHA, autosave,
   department selectors and original form actions. */
body #main-body .th100-support-compose > form > .card > .card-body {
  --th148-field:#001e52;
  --th148-deep:#00102e;
  --th148-edge:rgba(0,134,255,.28);
  --th148-text:#edf6ff;
}
/* Equal spacing instead of irregular Bootstrap 4/5/10/3-width rows. */
body #main-body .th100-support-compose > form > .card > .card-body > .row:has(#inputName),
body #main-body .th100-support-compose > form > .card > .card-body > .row:has(#inputSubject),
body #main-body .th100-support-compose > form > .card > .card-body > .row:has(#inputDepartment) {
  display:grid!important;gap:0 20px!important;
  margin:0!important;min-width:0;
}
body #main-body .th100-support-compose > form > .card > .card-body > .row:has(#inputName) {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body #main-body .th100-support-compose > form > .card > .card-body > .row:has(#inputSubject) {
  grid-template-columns:minmax(0,1fr)!important;
}
body #main-body .th100-support-compose > form > .card > .card-body > .row:has(#inputDepartment) {
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
}
body #main-body .th100-support-compose > form > .card > .card-body > .row:is(:has(#inputName),:has(#inputSubject),:has(#inputDepartment)) > .form-group {
  width:100%!important;max-width:100%!important;min-width:0!important;
  flex:none!important;padding:0!important;margin-bottom:19px!important;
}
body #main-body .th100-support-compose :is(input.form-control,select.form-control) {
  min-height:43px!important;border-radius:30px!important;
  background-color:var(--th148-field,#001e52)!important;
  color:var(--th148-text,#edf6ff)!important;
}
body #main-body .th100-support-compose :is(input.form-control,select.form-control):disabled {
  color:#c1d3ee!important;opacity:.8!important;
  cursor:default;
}
body #main-body .th100-support-compose .form-group > label:not(.custom-file-label) {
  margin-bottom:9px!important;
}
/* Bootstrap Markdown editor: remove stark white toolbar and status strip. */
body #main-body .th100-support-compose .md-editor {
  overflow:hidden;
  border:1px solid var(--th148-edge,rgba(0,134,255,.28))!important;
  border-radius:24px!important;
  background:var(--th148-deep,#00102e)!important;
  box-shadow:none!important;
  color:var(--th148-text,#edf6ff)!important;
}
body #main-body .th100-support-compose .md-editor.active {
  border-color:#009aff!important;
  box-shadow:0 0 0 2px rgba(0,154,255,.15)!important;
}
body #main-body .th100-support-compose .md-editor > .md-header {
  padding:8px 12px!important;
  background:rgba(0,30,82,.84)!important;
  border-bottom:1px solid var(--th148-edge,rgba(0,134,255,.28))!important;
  display:flex!important;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:8px;
}
body #main-body .th100-support-compose .md-editor > .md-header .btn-toolbar {
  display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;
}
body #main-body .th100-support-compose .md-editor > .md-header .btn-group {
  display:inline-flex;gap:3px;margin:0 3px 0 0!important;
}
body #main-body .th100-support-compose .md-editor > .md-header .btn {
  display:inline-flex!important;align-items:center;justify-content:center;
  min-width:34px;min-height:34px;margin:0!important;padding:6px 9px!important;
  border:1px solid transparent!important;border-radius:11px!important;
  background:rgba(0,30,82,.36)!important;
  color:#dceaff!important;
  font:600 13px/1.2 TH-Inter,Inter,sans-serif!important;
  box-shadow:none!important;
}
body #main-body .th100-support-compose .md-editor > .md-header .btn:is(:hover,:focus-visible,.active) {
  color:#fff!important;background:rgba(0,98,254,.25)!important;
  border-color:rgba(0,154,255,.38)!important;
}
body #main-body .th100-support-compose .md-editor > .md-header .btn:focus-visible {
  outline:2px solid #009aff!important;outline-offset:1px!important;
}
body #main-body .th100-support-compose .md-editor > .md-header .md-controls {
  margin-left:auto;float:none;padding:3px 0;
}
body #main-body .th100-support-compose .md-editor > .md-header .md-control {
  color:#a8c7ea!important;
}
body #main-body .th100-support-compose .md-editor > .md-header .md-control:hover {
  color:#fff!important;
}
body #main-body .th100-support-compose .md-editor > :is(textarea.md-input,textarea.form-control,.md-preview) {
  box-sizing:border-box!important;
  width:100%!important;min-height:235px;
  padding:17px 19px!important;margin:0!important;
  border:0!important;border-radius:0!important;
  background:rgba(0,16,46,.72)!important;
  color:#f2f7ff!important;
  font:400 13px/1.7 TH-Inter,Inter,system-ui,sans-serif!important;
  box-shadow:none!important;outline:none!important;
}
body #main-body .th100-support-compose .md-editor > textarea.md-input {
  resize:vertical!important;
}
body #main-body .th100-support-compose .md-editor > textarea.md-input:focus {
  background:rgba(0,16,46,.72)!important;
}
body #main-body .th100-support-compose .md-editor > .md-preview :is(p,h1,h2,h3,h4,li,pre,blockquote) {
  color:#edf6ff!important;
}
body #main-body .th100-support-compose .md-editor > .md-footer {
  padding:9px 14px!important;min-height:32px;
  background:rgba(0,30,82,.65)!important;
  color:#a9c5e5!important;
  border-top:1px solid var(--th148-edge,rgba(0,134,255,.28))!important;
}
body #main-body .th100-support-compose .md-editor .markdown-editor-status,
body #main-body .th100-support-compose .md-editor > .md-footer :is(span,small) {
  color:#a9c5e5!important;font-size:11px!important;
}
/* Native full-screen markdown remains usable without flashing a white canvas. */
body #main-body .th100-support-compose .md-editor.md-fullscreen-mode {
  overflow:auto!important;
  background:#00050e!important;
  border-radius:0!important;
  border:0!important;
}
body #main-body .th100-support-compose > form > .card:has(.md-fullscreen-mode) {
  overflow:visible!important;
}
body #main-body .th100-support-compose .md-editor.md-fullscreen-mode > .md-header {
  background:rgba(0,16,46,.96)!important;
}
/* WHMCS file inputs: same dark field, no white "Browse" strip. */
body #main-body .th100-support-compose .attachment-group {
  display:flex!important;align-items:stretch;gap:10px;
  width:100%;margin-bottom:9px!important;
}
body #main-body .th100-support-compose .attachment-group > .custom-file {
  min-width:0;flex:1 1 auto;height:43px!important;
}
body #main-body .th100-support-compose .attachment-group .custom-file-label {
  box-sizing:border-box!important;display:flex!important;align-items:center!important;
  height:43px!important;margin:0!important;
  padding:9px 110px 9px 15px!important;
  border:1px solid var(--th148-edge,rgba(0,134,255,.28))!important;
  border-radius:30px!important;
  background:var(--th148-field,#001e52)!important;
  color:#bcd4f1!important;
  font:500 12px/1.5 TH-Inter,Inter,sans-serif!important;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body #main-body .th100-support-compose .attachment-group .custom-file-label::after {
  display:flex!important;align-items:center;justify-content:center;
  height:41px!important;min-width:96px;padding:0 12px!important;
  border:0!important;border-left:1px solid var(--th148-edge,rgba(0,134,255,.28))!important;
  border-radius:0 30px 30px 0!important;
  background:rgba(0,98,254,.2)!important;
  color:#dceaff!important;
  font:600 12px/1.2 TH-Inter,Inter,sans-serif!important;
}
body #main-body .th100-support-compose .attachment-group > .input-group-append {
  display:flex!important;align-items:center;margin-left:0!important;
}
body #main-body .th100-support-compose #btnTicketAttachmentsAdd {
  box-sizing:border-box;min-height:43px;
  padding:9px 17px!important;
  background:rgba(0,30,82,.68)!important;
  border:1px solid var(--th148-edge,rgba(0,134,255,.28))!important;
  color:#e6f2ff!important;border-radius:30px!important;
}
body #main-body .th100-support-compose #btnTicketAttachmentsAdd:is(:hover,:focus-visible) {
  background:rgba(0,98,254,.22)!important;border-color:#009aff!important;color:#fff!important;
}
body #main-body .th100-support-compose .text-muted,
body #main-body .th100-support-compose .text-muted small {
  color:#a9c6e8!important;overflow-wrap:anywhere;
}
body #main-body .th100-support-compose #customFieldsContainer {
  margin-top:14px;
}
body #main-body .th100-support-compose #openTicketSubmit,
body #main-body .th100-support-compose #openTicketSubmit + .btn {
  min-height:42px!important;padding:10px 22px!important;
  font:600 13px/1.4 TH-Inter,Inter,sans-serif!important;
}
body #main-body .th100-support-compose #openTicketSubmit + .btn {
  margin-left:9px;background:rgba(0,30,82,.6)!important;
  border:1px solid var(--th148-edge,rgba(0,134,255,.28))!important;
  color:#e6f2ff!important;
}
body #main-body .th100-support-compose #openTicketSubmit + .btn:hover {
  background:rgba(0,98,254,.19)!important;color:#fff!important;
}
@media(max-width:767px) {
  body #main-body .th100-support-compose > form > .card > .card-body > .row:has(#inputName),
  body #main-body .th100-support-compose > form > .card > .card-body > .row:has(#inputSubject),
  body #main-body .th100-support-compose > form > .card > .card-body > .row:has(#inputDepartment) {
    grid-template-columns:minmax(0,1fr)!important;
  }
  body #main-body .th100-support-compose .md-editor > .md-header {padding:8px!important;}
  body #main-body .th100-support-compose .md-editor > .md-header .btn {min-width:32px;min-height:32px;padding:5px 7px!important;}
  body #main-body .th100-support-compose .attachment-group {flex-wrap:wrap;}
  body #main-body .th100-support-compose .attachment-group > .input-group-append {margin-top:2px;}
}

/* TURBOHOST v4.151 — direct-route guard for unavailable assistance plans.
   Ordinary consultation form remains identical to approved v4.148 styling. */
#main-body .th100-support-compose .th150-ticket-access-denied {
  max-width:880px;padding:30px 32px;
  border:1px solid var(--th-card-edge,rgba(0,134,255,.14));
  border-radius:30px;
  background:var(--th-card-neutral,linear-gradient(180deg,rgba(0,30,82,.72),rgba(0,16,46,.88)));
  color:#dceaff;
}
#main-body .th100-support-compose .th150-ticket-access-denied > i {
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:14px;
  color:#b9d3f5;background:rgba(0,98,254,.17);
}
#main-body .th100-support-compose .th150-ticket-access-denied h3 {
  margin:17px 0 9px;font:600 21px/1.3 TH-Poppins,Poppins,system-ui,sans-serif;
  color:#fff;
}
#main-body .th100-support-compose .th150-ticket-access-denied p {
  margin:0 0 22px;font:400 13px/1.7 TH-Inter,Inter,system-ui,sans-serif;
  color:#bdd3ee;
}
#main-body .th100-support-compose .th150-ticket-access-actions {
  display:flex;flex-wrap:wrap;gap:10px;
}
#main-body .th100-support-compose .th150-ticket-access-actions a {
  display:inline-flex;align-items:center;justify-content:center;min-height:42px;
  padding:10px 17px;border-radius:30px;
  border:1px solid rgba(0,134,255,.38);
  background:rgba(0,30,82,.56);color:#f1f7ff!important;
  text-decoration:none;font:600 12px/1.4 TH-Inter,Inter,sans-serif;
}
#main-body .th100-support-compose .th150-ticket-access-actions a:last-child {
  background:#1062fe;border-color:#1062fe;
}
#main-body .th100-support-compose .th150-ticket-access-actions a:is(:hover,:focus-visible) {
  border-color:#009aff;background:#0754dc;color:#fff!important;
}
@media(max-width:575px){
  #main-body .th100-support-compose .th150-ticket-access-denied {padding:22px 18px;}
  #main-body .th100-support-compose .th150-ticket-access-actions a {width:100%;}
}