/* Smart Systems Service Desk theme for HESK 3.7.10 customer portal
   V18: Smart Systems Service Desk theme. Fixed customer dropdown menu behavior. */
:root {
  --sd-primary: #244D68;
  --sd-primary-dark: #102B3F;
  --sd-primary-soft: #E7F0F5;
  --sd-accent: #8FD3C7;
  --sd-warm: #F6C96D;
  --sd-bg: #F4F6F8;
  --sd-surface: #FFFFFF;
  --sd-surface-2: #F9FAFB;
  --sd-line: #D8E1E8;
  --sd-line-strong: #B9C8D3;
  --sd-text: #172231;
  --sd-muted: #5F6F80;
  --sd-muted-2: #7A8794;
  --sd-green: #328B69;
  --sd-amber: #AD741C;
  --sd-red: #B54343;
  --sd-radius-xl: 30px;
  --sd-radius-lg: 22px;
  --sd-radius-md: 14px;
  --sd-shadow: 0 18px 50px rgba(16, 43, 63, .10);
  --sd-shadow-soft: 0 10px 28px rgba(16, 43, 63, .07);
}

html.smartsysdesk-home,
.smartsysdesk-theme {
  background:
    radial-gradient(circle at 8% 0%, rgba(36, 77, 104, .10), transparent 28%),
    linear-gradient(180deg, #F8FAFB 0%, var(--sd-bg) 100%);
}

.smartsysdesk-theme {
  min-height: 100vh;
  color: var(--sd-text);
  font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.smartsysdesk-theme .wrapper,
.smartsysdesk-theme .main {
  background: transparent;
}

.smartsysdesk-theme .contr {
  max-width: 1180px;
}

/* Header */
.sd-header {
  position: sticky;
  top: 0;
  z-index: 60;
  border-bottom: 1px solid rgba(216, 225, 232, .95);
  background: rgba(255, 255, 255, .94);
  backdrop-filter: blur(14px);
  box-shadow: 0 8px 24px rgba(16, 43, 63, .04);
}

.sd-header__inner {
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.sd-brand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-width: 250px;
  color: var(--sd-text);
  text-decoration: none;
}
.sd-brand:hover { text-decoration: none; }
.sd-brand__mark {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 17px;
  box-shadow: 0 12px 24px rgba(16, 43, 63, .18);
}
.sd-brand__mark img { display: block; width: 46px; height: 46px; }
.sd-brand__text strong {
  display: block;
  color: var(--sd-text);
  font-size: 19px;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -.025em;
}
.sd-brand__text em {
  display: block;
  margin-top: 5px;
  color: var(--sd-muted);
  font-size: 12px;
  line-height: 1.25;
  font-style: normal;
  font-weight: 700;
}
.sd-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.sd-header__link {
  padding: 10px 12px;
  border-radius: 999px;
  color: #3F5264;
  text-decoration: none;
  font-size: 14px;
  font-weight: 800;
}
.sd-header__link:hover {
  background: var(--sd-primary-soft);
  color: var(--sd-primary-dark);
  text-decoration: none;
}
.sd-header__cta {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border-radius: 14px;
  background: var(--sd-primary);
  color: #fff !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 12px 22px rgba(36, 77, 104, .16);
}
.sd-header__cta:hover { background: var(--sd-primary-dark); }
.sd-header__account { display: flex; align-items: center; gap: 10px; }
.sd-header__account .header__nav,
.sd-header__account .header__lang { margin: 0; }

.sd-breadcrumbs { background: transparent; border: 0; }
.sd-breadcrumbs .breadcrumbs__inner {
  padding-top: 16px;
  padding-bottom: 2px;
  color: var(--sd-muted);
}
.sd-breadcrumbs a,
.sd-breadcrumbs .last { color: var(--sd-muted); }

.sd-main-content { padding-top: 16px; }
.sd-message-area { margin-bottom: 20px; }

/* Hero */
.sd-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .85fr);
  gap: 34px;
  padding: 46px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,0) 42%),
    linear-gradient(135deg, #102B3F 0%, #173B52 58%, #1E465C 100%);
  color: #fff;
  box-shadow: 0 26px 70px rgba(16, 43, 63, .22);
}
.sd-hero::before,
.sd-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.sd-hero::before {
  right: -90px;
  top: -140px;
  width: 340px;
  height: 340px;
  border-radius: 999px;
  background: rgba(143, 211, 199, .14);
}
.sd-hero::after {
  left: 46%;
  bottom: -90px;
  width: 380px;
  height: 190px;
  border-radius: 999px;
  background: rgba(246, 201, 109, .10);
  filter: blur(2px);
}
.sd-hero__content,
.sd-hero__panel { position: relative; z-index: 1; }
.sd-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 22px;
  padding: 8px 13px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.86);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .01em;
}
.sd-kicker::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--sd-accent);
  box-shadow: 0 0 0 5px rgba(143,211,199,.13);
}
.sd-hero h1 {
  max-width: 720px;
  margin: 0;
  color: #fff;
  font-size: clamp(36px, 5vw, 60px);
  line-height: 1.02;
  font-weight: 900;
  letter-spacing: -.045em;
}
.sd-hero p {
  max-width: 620px;
  margin: 22px 0 0;
  color: rgba(255,255,255,.82);
  font-size: 18px;
  line-height: 1.65;
}
.sd-hero__actions {
  margin-top: 30px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.sd-btn {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  border-radius: 16px;
  font-weight: 900;
  text-decoration: none !important;
  transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
}
.sd-btn:hover { transform: translateY(-1px); }
.sd-btn--primary {
  background: #fff;
  color: var(--sd-primary-dark) !important;
  box-shadow: 0 15px 28px rgba(0,0,0,.16);
}
.sd-btn--secondary {
  border: 1px solid rgba(255,255,255,.25);
  background: rgba(255,255,255,.10);
  color: #fff !important;
}
.sd-btn--secondary:hover { background: rgba(255,255,255,.15); }

.sd-hero__panel {
  min-height: 310px;
  display: grid;
  align-content: center;
}
.sd-support-graphic {
  position: relative;
  min-height: 300px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 28px;
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(12px);
}
.sd-support-graphic svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.sd-floating-ticket,
.sd-floating-ticket-small {
  position: absolute;
  left: 26px;
  right: 26px;
  display: grid;
  grid-template-columns: 10px 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 15px 16px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  color: var(--sd-text);
  box-shadow: 0 18px 34px rgba(0,0,0,.14);
}
.sd-floating-ticket { top: 34px; }
.sd-floating-ticket-small { bottom: 34px; left: 70px; opacity: .96; }
.sd-floating-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--sd-green);
}
.sd-floating-ticket strong,
.sd-floating-ticket-small strong {
  display: block;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 900;
}
.sd-floating-ticket em,
.sd-floating-ticket-small em {
  display: block;
  margin-top: 3px;
  color: var(--sd-muted);
  font-size: 12px;
  line-height: 1.25;
  font-style: normal;
  font-weight: 700;
}
.sd-floating-badge {
  padding: 6px 9px;
  border-radius: 999px;
  background: var(--sd-primary-soft);
  color: var(--sd-primary-dark);
  font-size: 11px;
  font-weight: 900;
}

/* Search */
.sd-search-card {
  position: relative;
  z-index: 2;
  max-width: 1000px;
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 20px;
  align-items: center;
  margin: -30px auto 28px;
  padding: 18px;
  border: 1px solid var(--sd-line);
  border-radius: 26px;
  background: #fff;
  box-shadow: var(--sd-shadow);
}
.sd-search-card__title strong {
  display: block;
  color: var(--sd-text);
  font-size: 17px;
  font-weight: 900;
}
.sd-search-card__title span {
  display: block;
  margin-top: 4px;
  color: var(--sd-muted);
  font-size: 13px;
  line-height: 1.35;
}
.sd-search-card .search,
.sd-search-card .kb-search,
.sd-search-card form { width: 100%; }
.sd-search-card input[type="search"],
.sd-search-card input[type="text"] {
  min-height: 54px;
  border-radius: 16px !important;
  border-color: var(--sd-line) !important;
  background: var(--sd-surface-2) !important;
  color: var(--sd-text) !important;
  box-shadow: none !important;
}
.sd-search-card input:focus {
  border-color: var(--sd-primary) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(36, 77, 104, .12) !important;
}
.sd-search-card button,
.sd-search-card input[type="submit"] {
  border-radius: 16px !important;
  background: var(--sd-primary) !important;
  color: #fff !important;
  box-shadow: 0 12px 20px rgba(36, 77, 104, .14) !important;
}

/* Home content */
.sd-trust-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 22px;
}
.sd-trust-item {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 16px;
  border: 1px solid var(--sd-line);
  border-radius: 20px;
  background: rgba(255,255,255,.74);
  box-shadow: 0 8px 22px rgba(16, 43, 63, .05);
}
.sd-trust-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: var(--sd-primary-soft);
  color: var(--sd-primary);
  flex: 0 0 auto;
}
.sd-trust-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.sd-trust-item strong {
  display: block;
  color: var(--sd-text);
  font-size: 14px;
  line-height: 1.25;
  font-weight: 900;
}
.sd-trust-item span {
  display: block;
  margin-top: 2px;
  color: var(--sd-muted);
  font-size: 12px;
  line-height: 1.3;
}

.sd-grid { display: grid; gap: 22px; }
.sd-grid--main { grid-template-columns: minmax(0, 1fr) 340px; align-items: start; }
.sd-card {
  border: 1px solid var(--sd-line);
  border-radius: var(--sd-radius-xl);
  background: #fff;
  box-shadow: var(--sd-shadow-soft);
  padding: 26px;
}
.sd-section-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
}
.sd-section-head h2,
.sd-help-card h2,
.sd-section-title {
  margin: 0;
  color: var(--sd-text);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -.02em;
}
.sd-section-head p {
  max-width: 720px;
  margin: 7px 0 0;
  color: var(--sd-muted);
  font-size: 14px;
  line-height: 1.55;
}
.sd-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.sd-category-card {
  min-height: 166px;
  display: flex;
  flex-direction: column;
  padding: 18px;
  border: 1px solid var(--sd-line);
  border-radius: 22px;
  background: var(--sd-surface-2);
  color: var(--sd-text);
  text-decoration: none !important;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.sd-category-card:hover {
  transform: translateY(-2px);
  border-color: var(--sd-line-strong);
  background: #fff;
  box-shadow: 0 18px 34px rgba(16, 43, 63, .09);
}
.sd-category-card__icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  border-radius: 16px;
  background: var(--sd-primary-soft);
  color: var(--sd-primary);
}
.sd-category-card__icon svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.sd-category-card strong { display: block; color: var(--sd-text); font-size: 17px; line-height: 1.2; font-weight: 900; }
.sd-category-card em { margin-top: auto; padding-top: 16px; color: var(--sd-primary); font-size: 13px; font-weight: 900; font-style: normal; }
.sd-empty-state {
  padding: 18px;
  border: 1px dashed var(--sd-line-strong);
  border-radius: 20px;
  background: var(--sd-surface-2);
  color: var(--sd-muted);
}
.sd-help-card { background: linear-gradient(180deg, #fff 0%, #FAFBFC 100%); }
.sd-help-card ol { margin: 20px 0 0; padding: 0; list-style: none; display: grid; gap: 16px; }
.sd-help-card li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: start; }
.sd-help-card li span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 999px; background: var(--sd-primary-soft); color: var(--sd-primary); font-weight: 900; }
.sd-help-card li p { margin: 5px 0 0; color: #526170; font-size: 14px; line-height: 1.55; }
.sd-alert-note {
  margin-top: 24px;
  padding: 16px;
  border: 1px solid #EBD79D;
  border-radius: 18px;
  background: #FFF8E4;
  color: #62420F;
  font-size: 14px;
  line-height: 1.55;
}

.sd-action-row { margin: 24px 0; }
.sd-action-row.nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.sd-action-card.navlink {
  min-height: 112px;
  border-radius: 22px;
  border-color: var(--sd-line);
  box-shadow: var(--sd-shadow-soft);
}
.sd-kb-card.article { margin-top: 0; }
.sd-kb-card .article__heading a { text-decoration: none; }
.sd-preview.preview {
  margin-bottom: 12px;
  border: 1px solid var(--sd-line);
  border-radius: 20px;
  background: #fff;
}
.sd-preview.preview:hover { border-color: var(--sd-line-strong); box-shadow: var(--sd-shadow-soft); }
.sd-admin-link { margin: 24px 0; }

/* Footer */
.sd-footer {
  margin-top: 46px;
  padding: 26px 0 10px;
  color: var(--sd-muted);
}
.sd-footer__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  padding: 24px;
  border: 1px solid var(--sd-line);
  border-radius: 26px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 10px 28px rgba(16,43,63,.05);
}
.sd-footer strong { display: block; color: var(--sd-text); font-weight: 900; }
.sd-footer span { display: block; margin-top: 5px; font-size: 13px; line-height: 1.45; }
.sd-footer__links { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.sd-footer__links a { color: var(--sd-primary); font-size: 13px; font-weight: 850; text-decoration: none; }
.sd-footer__links a:hover { color: var(--sd-primary-dark); }
/* Required HESK credit: keep visible, make it visually quiet and aligned with theme. */
.smartsysdesk-theme footer.footer,
.smartsysdesk-theme .footer {
  background: transparent !important;
  border: 0 !important;
  color: var(--sd-muted-2) !important;
}
.smartsysdesk-theme footer.footer p,
.smartsysdesk-theme .footer p {
  margin: 10px 0 16px !important;
  color: var(--sd-muted-2) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}
.smartsysdesk-theme footer.footer a,
.smartsysdesk-theme .footer a {
  color: var(--sd-muted) !important;
}

/* Forms and internal pages */
.smartsysdesk-theme .main__content:not(.sd-main-content) .contr > .article,
.smartsysdesk-theme .form-submit-ticket,
.smartsysdesk-theme .form,
.smartsysdesk-theme .article,
.smartsysdesk-theme .block,
.smartsysdesk-theme .table-wrap,
.smartsysdesk-theme .ticket,
.smartsysdesk-theme .profile {
  border-color: var(--sd-line);
  border-radius: 24px;
  box-shadow: var(--sd-shadow-soft);
}
.smartsysdesk-theme .page-create-ticket .main__content .contr,
.smartsysdesk-theme .page-category-select .main__content .contr,
.smartsysdesk-theme .page-ticket .main__content .contr,
.smartsysdesk-theme .page-login .main__content .contr,
.smartsysdesk-theme .page-my-tickets .main__content .contr {
  max-width: 980px;
}
.smartsysdesk-theme .article__heading--form,
.smartsysdesk-theme .select__title {
  color: var(--sd-text);
  font-weight: 900;
  letter-spacing: -.02em;
}
.smartsysdesk-theme .form-control,
.smartsysdesk-theme input[type="text"],
.smartsysdesk-theme input[type="email"],
.smartsysdesk-theme input[type="password"],
.smartsysdesk-theme textarea,
.smartsysdesk-theme select,
.smartsysdesk-theme .selectize-input {
  border-color: var(--sd-line) !important;
  border-radius: 14px !important;
  background-color: var(--sd-surface-2) !important;
  color: var(--sd-text) !important;
  box-shadow: none !important;
}
.smartsysdesk-theme .form-control:focus,
.smartsysdesk-theme textarea:focus,
.smartsysdesk-theme .selectize-input.focus,
.smartsysdesk-theme input:focus {
  border-color: var(--sd-primary) !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 4px rgba(36, 77, 104, .12) !important;
}
.smartsysdesk-theme .btn,
.smartsysdesk-theme button,
.smartsysdesk-theme input[type="submit"] {
  border-radius: 14px !important;
  font-weight: 900;
}
.smartsysdesk-theme .btn-full,
.smartsysdesk-theme .btn--blue,
.smartsysdesk-theme button[type="submit"] {
  background: var(--sd-primary) !important;
  color: #fff !important;
  box-shadow: 0 12px 22px rgba(36, 77, 104, .14) !important;
}
.smartsysdesk-theme .btn-full:hover,
.smartsysdesk-theme .btn--blue:hover,
.smartsysdesk-theme button[type="submit"]:hover {
  background: var(--sd-primary-dark) !important;
}

@media (max-width: 980px) {
  .sd-header__inner { align-items: flex-start; flex-direction: column; padding-top: 14px; padding-bottom: 14px; }
  .sd-header__actions { width: 100%; justify-content: flex-start; }
  .sd-hero { grid-template-columns: 1fr; padding: 34px 26px; }
  .sd-hero__panel { min-height: 230px; }
  .sd-support-graphic { min-height: 230px; }
  .sd-floating-ticket-small { left: 38px; }
  .sd-search-card { grid-template-columns: 1fr; margin-top: 18px; }
  .sd-trust-strip { grid-template-columns: 1fr; }
  .sd-grid--main { grid-template-columns: 1fr; }
  .sd-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sd-action-row.nav { grid-template-columns: 1fr; }
  .sd-footer__inner { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .smartsysdesk-theme .contr { width: auto; margin-left: 14px; margin-right: 14px; }
  .sd-header { position: relative; }
  .sd-brand { min-width: 0; }
  .sd-brand__text em { max-width: 210px; }
  .sd-header__link { display: none; }
  .sd-header__cta { flex: 1 1 auto; }
  .sd-hero { border-radius: 26px; padding: 28px 22px; }
  .sd-hero h1 { font-size: 36px; }
  .sd-hero p { font-size: 16px; line-height: 1.55; }
  .sd-hero__actions { flex-direction: column; }
  .sd-btn { width: 100%; }
  .sd-hero__panel { display: none; }
  .sd-search-card { border-radius: 22px; padding: 16px; }
  .sd-card { border-radius: 22px; padding: 20px; }
  .sd-category-grid { grid-template-columns: 1fr; }
  .sd-footer__inner { padding: 20px; }
}

/* V6 refinements requested after live review */
:root {
  --sd-primary: #21455D;
  --sd-primary-dark: #0E2638;
  --sd-primary-soft: #E9F0F4;
  --sd-bg: #F2F5F7;
  --sd-surface-2: #F8FAFB;
  --sd-line: #D4DEE6;
  --sd-text: #142131;
  --sd-muted: #526579;
  --sd-shadow: 0 16px 42px rgba(14, 38, 56, .09);
  --sd-shadow-soft: 0 8px 22px rgba(14, 38, 56, .065);
}

html.smartsysdesk-home,
.smartsysdesk-theme {
  background: linear-gradient(180deg, #F8FAFB 0%, var(--sd-bg) 100%);
}

.sd-hero {
  background:
    linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,0) 42%),
    linear-gradient(135deg, #0E2638 0%, #18384E 58%, #21455D 100%);
}
.sd-hero p { color: rgba(255,255,255,.86); }
.sd-kicker { color: rgba(255,255,255,.90); }

/* Home is cleaner now: no explanatory text under category title */
.sd-section-head { margin-bottom: 18px; }
.sd-category-card { min-height: 148px; }

/* Compact create-ticket page. Keeps all fields and HESK logic intact, changes only layout/spacing. */
html.page-create-ticket .smartsysdesk-theme .main__content {
  padding-top: 10px;
}
html.page-create-ticket .smartsysdesk-theme .main__content .contr {
  max-width: 1120px;
}
html.page-create-ticket .smartsysdesk-theme .article__heading--form {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 8px;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.15;
}
html.page-create-ticket .smartsysdesk-theme .article__heading--form .icon-in-circle {
  width: 40px;
  height: 40px;
  min-width: 40px;
}
html.page-create-ticket .smartsysdesk-theme .article-heading-tip {
  margin: 0 0 12px;
  color: var(--sd-muted);
  font-size: 13px;
}
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 18px;
  padding: 22px !important;
  border: 1px solid var(--sd-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--sd-shadow-soft);
}
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .form-group,
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .param {
  margin: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .label,
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket label {
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 850;
  color: var(--sd-text);
}
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .form-control,
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket input[type="text"],
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket input[type="email"],
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket input[type="password"],
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket select,
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .selectize-input,
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .dropdown-select .label {
  min-height: 44px !important;
  height: auto;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  border-radius: 12px !important;
  font-size: 14px;
}
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket textarea.form-control,
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket textarea[name="message"] {
  min-height: 132px !important;
  max-height: 260px;
  padding: 12px 14px !important;
  line-height: 1.5;
}
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .divider {
  grid-column: 1 / -1;
  height: 1px;
  min-height: 0;
  margin: 2px 0 !important;
  background: var(--sd-line);
  opacity: .7;
}
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .form-group:has(#subject),
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .form-group:has(#message),
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .form-group:has(#cc-link),
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket #cc-link,
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket #cc-div,
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .param--attach,
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .captcha-block,
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .kb-suggestions,
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .alert,
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .form-footer {
  grid-column: 1 / -1;
}
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .param--attach {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 14px;
  align-items: start;
}
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .attach {
  margin: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .captcha-block {
  padding: 14px 16px;
  border: 1px solid var(--sd-line);
  border-radius: 16px;
  background: var(--sd-surface-2);
}
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .captcha-block h2 {
  margin: 0 0 10px;
  font-size: 18px;
}
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .alert {
  margin: 0 !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
}
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .form-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 2px;
}
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .form-footer .btn,
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .form-footer button {
  width: auto;
  min-width: 210px;
  min-height: 48px;
  padding: 0 24px;
}

@media (max-width: 760px) {
  html.page-create-ticket .smartsysdesk-theme .form-submit-ticket {
    grid-template-columns: 1fr;
    padding: 18px !important;
  }
  html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .param--attach {
    grid-template-columns: 1fr;
  }
  html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .form-footer .btn,
  html.page-create-ticket .smartsysdesk-theme .form-submit-ticket .form-footer button {
    width: 100%;
  }
}

/* V8: deliberate create-ticket layout and one-line footer. */
.sd-footer {
  margin-top: 28px;
  padding: 14px 0 8px;
}
.sd-footer__inner {
  display: block;
  padding: 12px 18px;
  border-radius: 18px;
}
.sd-footer__line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 28px;
  font-size: 13px;
  line-height: 1.35;
  color: var(--sd-muted);
  white-space: nowrap;
}
.sd-footer__line strong {
  display: inline;
  margin: 0;
  color: var(--sd-text);
  font-weight: 900;
}
.sd-footer__line span {
  display: inline;
  margin: 0;
}
.sd-footer__links {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  white-space: nowrap;
}
.sd-footer__links a {
  font-size: 13px;
  font-weight: 850;
}

html.page-create-ticket .smartsysdesk-theme .main__content .contr {
  max-width: 1180px;
}
html.page-create-ticket .smartsysdesk-theme .article__heading--form {
  margin-top: 4px;
  margin-bottom: 6px;
}
html.page-create-ticket .smartsysdesk-theme .article-heading-tip {
  margin-bottom: 10px;
}
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket.ssd-ticket-form {
  display: block !important;
  padding: 18px !important;
  border: 1px solid var(--sd-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(14, 38, 56, .055);
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row {
  display: grid;
  gap: 12px 16px;
  margin: 0 0 12px;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row:last-child {
  margin-bottom: 0;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--identity {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details {
  grid-template-columns: minmax(220px, 1fr) minmax(180px, .72fr) minmax(260px, 1.22fr);
  align-items: start;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--message-attach {
  grid-template-columns: minmax(0, 1.65fr) minmax(320px, .85fr);
  align-items: stretch;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--extra,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--after-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--captcha-submit {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding-top: 4px;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form .form-group,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form .param,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form .blue-select,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form .calendar {
  min-width: 0;
  margin: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form .label,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form label {
  margin: 0 0 5px !important;
  font-size: 12.5px;
  line-height: 1.25;
  font-weight: 850;
  color: var(--sd-text);
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form .form-control,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form input[type="text"],
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form input[type="email"],
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form input[type="password"],
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form select,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form .selectize-input {
  min-height: 42px !important;
  height: auto;
  padding: 8px 12px !important;
  border-radius: 11px !important;
  font-size: 14px;
  line-height: 1.35;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form .dropdown-select,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form .selectize-control {
  width: 100% !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form .dropdown-select .label {
  min-height: 42px !important;
  display: flex !important;
  align-items: center;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-message textarea.form-control,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-message textarea[name="message"] {
  min-height: 164px !important;
  max-height: 280px;
  padding: 12px 14px !important;
  line-height: 1.5;
  resize: vertical;
}
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card {
  display: flex !important;
  flex-direction: column;
  min-height: 100%;
  padding: 14px;
  border: 1px solid var(--sd-line);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(233, 240, 244, .72), rgba(255,255,255,.92));
}
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .attach {
  flex: 1 1 auto;
  margin: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .dropzone {
  min-height: 112px;
  display: grid;
  place-items: center;
  padding: 16px;
  border: 1.5px dashed #AFC3D1;
  border-radius: 15px;
  background: rgba(255,255,255,.78);
  color: var(--sd-muted);
  text-align: center;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .dropzone:hover,
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .dropzone.dz-drag-hover {
  border-color: var(--sd-primary);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(36, 77, 104, .08);
}
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .dz-message {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: var(--sd-muted);
}
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .fileinput-button {
  width: 100%;
  min-height: 40px;
  margin-top: 10px;
  border-radius: 12px !important;
  background: var(--sd-primary-soft) !important;
  color: var(--sd-primary-dark) !important;
  box-shadow: none !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .attach-tooltype {
  margin-top: 8px;
  font-size: 12px;
}
html.page-create-ticket .smartsysdesk-theme .ssd-captcha {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 8px 10px;
  border: 1px solid var(--sd-line);
  border-radius: 14px;
  background: var(--sd-surface-2);
}
html.page-create-ticket .smartsysdesk-theme .ssd-captcha__title {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 900;
  color: var(--sd-muted);
  white-space: nowrap;
}
html.page-create-ticket .smartsysdesk-theme .ssd-captcha .form-group {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-captcha label {
  margin: 0 !important;
  white-space: nowrap;
  font-size: 12px;
}
html.page-create-ticket .smartsysdesk-theme .ssd-captcha img[name="secimg"] {
  width: 132px;
  height: 36px;
  object-fit: contain;
  border: 1px solid var(--sd-line);
  border-radius: 10px;
  background: #fff;
}
html.page-create-ticket .smartsysdesk-theme .ssd-captcha .btn-refresh {
  width: 36px;
  min-width: 36px;
  height: 36px;
  padding: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-captcha input[type="text"] {
  width: 120px;
  min-height: 38px !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--captcha-submit .form-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--captcha-submit .form-footer .btn,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--captcha-submit .form-footer button {
  width: auto;
  min-width: 190px;
  min-height: 46px;
  padding: 0 22px;
  border-radius: 12px !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form .divider {
  display: none !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form .kb-suggestions,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form .alert {
  grid-column: 1 / -1;
}

@media (max-width: 980px) {
  .sd-footer__line {
    flex-wrap: wrap;
    white-space: normal;
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-subject {
    grid-column: 1 / -1;
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--message-attach {
    grid-template-columns: 1fr;
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--captcha-submit {
    grid-template-columns: 1fr;
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--captcha-submit .form-footer {
    justify-content: stretch;
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--captcha-submit .form-footer .btn,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--captcha-submit .form-footer button {
    width: 100%;
  }
}
@media (max-width: 700px) {
  html.page-create-ticket .smartsysdesk-theme .form-submit-ticket.ssd-ticket-form {
    padding: 14px !important;
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--identity,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--extra,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--after-fields {
    grid-template-columns: 1fr;
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-captcha {
    align-items: stretch;
    flex-direction: column;
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-captcha .form-group {
    flex-wrap: wrap;
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-captcha input[type="text"] {
    width: 100%;
  }
}

/* V9: approved compact ticket form — Variant B, and single-line footer. */
.smartsysdesk-theme .sd-footer {
  padding: 28px 0 18px;
  background: transparent;
}
.smartsysdesk-theme .sd-footer__inner {
  max-width: 1120px;
}
.smartsysdesk-theme .sd-footer__line {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid var(--sd-line);
  border-radius: 16px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 8px 24px rgba(16,43,63,.055);
  color: var(--sd-muted);
  font-size: 14px;
  line-height: 1.3;
  white-space: nowrap;
}
.smartsysdesk-theme .sd-footer__line strong {
  color: var(--sd-text);
  font-weight: 900;
}
.smartsysdesk-theme .sd-footer__admin {
  flex: 0 0 auto;
  color: var(--sd-primary-dark);
  font-weight: 900;
  text-decoration: none;
}
.smartsysdesk-theme .sd-footer__admin:hover { text-decoration: underline; }
.smartsysdesk-theme .sd-footer__links { display: none !important; }

html.page-create-ticket .smartsysdesk-theme .main__content .contr {
  max-width: 1120px;
}
html.page-create-ticket .smartsysdesk-theme .article__heading--form {
  margin: 0 0 8px;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.08;
}
html.page-create-ticket .smartsysdesk-theme .article-heading-tip {
  margin: 0 0 14px;
  color: var(--sd-muted);
  font-size: 13px;
}
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket.ssd-ticket-form--b {
  display: block !important;
  width: 100%;
  max-width: 1088px;
  margin: 0 auto;
  padding: 18px !important;
  border: 1px solid var(--sd-line);
  border-radius: 24px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 18px 45px rgba(16,43,63,.085);
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px 16px;
  align-items: start;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b > .ssd-cell {
  min-width: 0;
  margin: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--full,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--cc-link,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--after-fields,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--notice,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--captcha-submit {
  grid-column: 1 / -1;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--name,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--email,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--email-confirm {
  grid-column: span 6;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--branch { grid-column: 1 / 5; }
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--priority { grid-column: 5 / 8; }
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--subject { grid-column: 8 / 13; }
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form--b.ssd-no-before-fields .ssd-cell--priority { grid-column: 1 / 4; }
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form--b.ssd-no-before-fields .ssd-cell--subject { grid-column: 4 / 13; }
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--message { grid-column: 1 / 10; }
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--attach { grid-column: 10 / 13; }

html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .form-group,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .param,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .blue-select,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .calendar {
  min-width: 0;
  margin: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .label,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0 0 6px !important;
  color: var(--sd-text);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.25;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .form-control,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b input[type="text"],
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b input[type="email"],
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b input[type="password"],
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b select,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .selectize-input,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .dropdown-select .label {
  width: 100%;
  min-height: 40px !important;
  height: auto;
  padding: 8px 12px !important;
  border: 1px solid var(--sd-line-strong) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--sd-text) !important;
  font-size: 14px;
  line-height: 1.35;
  box-shadow: none !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .form-control:focus,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b input:focus,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b textarea:focus,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .selectize-input.focus {
  border-color: var(--sd-primary) !important;
  box-shadow: 0 0 0 4px rgba(36,77,104,.10) !important;
  outline: none;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .dropdown-select,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .selectize-control {
  width: 100% !important;
  min-width: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .selectize-input > input {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b textarea[name="message"] {
  min-height: 132px !important;
  height: 132px;
  max-height: 260px;
  padding: 12px 14px !important;
  resize: vertical;
}

html.page-create-ticket .smartsysdesk-theme .ssd-custom-before {
  display: grid;
  gap: 12px;
}
html.page-create-ticket .smartsysdesk-theme .ssd-custom-before > .form-group,
html.page-create-ticket .smartsysdesk-theme .ssd-custom-before > .param {
  width: 100%;
}
html.page-create-ticket .smartsysdesk-theme .ssd-cell--after-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px 16px;
}

html.page-create-ticket .smartsysdesk-theme .ssd-attach-card {
  display: flex !important;
  flex-direction: column;
  min-height: 181px;
  height: 100%;
  padding: 0 !important;
  border: 1px solid var(--sd-line);
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card > .label {
  display: flex;
  align-items: center;
  min-height: 34px;
  margin: 0 !important;
  padding: 9px 12px 0;
}
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .attach {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  margin: 0 !important;
  padding: 0 10px 10px;
}
html.page-create-ticket .smartsysdesk-theme .ssd-attach-dropzone-wrap {
  flex: 1 1 auto;
  min-height: 104px;
}
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .dropzone {
  position: relative;
  min-height: 96px;
  height: 100%;
  display: grid;
  place-items: center;
  padding: 14px 12px;
  border: 1.5px dashed #AFC3D1;
  border-radius: 14px;
  background: linear-gradient(180deg,#F9FBFC,#F3F7FA);
  color: var(--sd-muted);
  text-align: center;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .dropzone::before {
  content: "⇧";
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin: 0 auto 6px;
  border-radius: 12px;
  background: var(--sd-primary-soft);
  color: var(--sd-primary-dark);
  font-size: 22px;
  font-weight: 900;
}
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .dropzone:hover,
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .dropzone.dz-drag-hover {
  border-color: var(--sd-primary);
  background: #fff;
  box-shadow: inset 0 0 0 3px rgba(36,77,104,.08);
}
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .dz-message {
  margin: 0 !important;
  font-size: 12px;
  line-height: 1.45;
  color: var(--sd-muted);
}
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .fileinput-button {
  width: 100%;
  min-height: 36px;
  margin: 8px 0 0 !important;
  border-radius: 12px !important;
  background: var(--sd-primary) !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 13px;
}
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .attach-tooltype {
  margin-top: 6px;
  text-align: center;
  font-size: 12px;
}

html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 50px;
  padding-top: 2px;
}
html.page-create-ticket .smartsysdesk-theme .ssd-captcha {
  flex: 1 1 auto;
  display: flex !important;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 6px 8px;
  border: 1px solid var(--sd-line);
  border-radius: 14px;
  background: var(--sd-surface-2);
}
html.page-create-ticket .smartsysdesk-theme .ssd-captcha__title {
  flex: 0 0 auto;
  color: var(--sd-muted);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
html.page-create-ticket .smartsysdesk-theme .ssd-captcha .form-group {
  display: flex !important;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-captcha label {
  margin: 0 !important;
  font-size: 12px;
  white-space: nowrap;
}
html.page-create-ticket .smartsysdesk-theme .ssd-captcha img[name="secimg"] {
  width: 132px;
  height: 36px;
  object-fit: contain;
  border: 1px solid var(--sd-line);
  border-radius: 10px;
  background: #fff;
}
html.page-create-ticket .smartsysdesk-theme .ssd-captcha .btn-refresh {
  flex: 0 0 36px;
  width: 36px;
  min-width: 36px;
  height: 36px;
  padding: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-captcha input[type="text"] {
  width: 128px !important;
  min-height: 36px !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit .form-footer {
  flex: 0 0 auto;
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  margin: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit .form-footer .btn,
html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit .form-footer button {
  width: auto !important;
  min-width: 188px;
  min-height: 42px;
  padding: 0 20px !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 24px rgba(16,43,63,.14) !important;
}

@media (max-width: 980px) {
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--branch { grid-column: 1 / 7; }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--priority { grid-column: 7 / 13; }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--subject { grid-column: 1 / -1; }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form--b.ssd-no-before-fields .ssd-cell--priority { grid-column: 1 / 5; }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form--b.ssd-no-before-fields .ssd-cell--subject { grid-column: 5 / 13; }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--message,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--attach { grid-column: 1 / -1; }
  html.page-create-ticket .smartsysdesk-theme .ssd-attach-card { min-height: 160px; }
  html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit { align-items: stretch; flex-direction: column; }
  html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit .form-footer,
  html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit .form-footer .btn,
  html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit .form-footer button { width: 100% !important; }
  .smartsysdesk-theme .sd-footer__line { white-space: normal; }
}
@media (max-width: 700px) {
  html.page-create-ticket .smartsysdesk-theme .form-submit-ticket.ssd-ticket-form--b { padding: 14px !important; }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b { grid-template-columns: 1fr; }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b > .ssd-cell,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--name,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--email,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--email-confirm,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--branch,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--priority,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--subject,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--message,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-cell--attach,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form--b.ssd-no-before-fields .ssd-cell--priority,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form--b.ssd-no-before-fields .ssd-cell--subject {
    grid-column: 1 / -1;
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-cell--after-fields { grid-template-columns: 1fr; }
  html.page-create-ticket .smartsysdesk-theme .ssd-captcha,
  html.page-create-ticket .smartsysdesk-theme .ssd-captcha .form-group { flex-wrap: wrap; }
  html.page-create-ticket .smartsysdesk-theme .ssd-captcha input[type="text"] { width: 100% !important; }
  .smartsysdesk-theme .sd-footer__line { align-items: flex-start; flex-direction: column !important; min-height: auto; padding: 12px 14px; }
}

/* V10: fixed compact ticket form layout. Explicit rows instead of fragile auto grid. */
html.page-create-ticket .smartsysdesk-theme .main__content .contr {
  max-width: 1060px;
}
html.page-create-ticket .smartsysdesk-theme .form-submit-ticket.ssd-ticket-form--b {
  max-width: 1040px;
  padding: 16px !important;
  border-radius: 22px;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b {
  display: flex !important;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b > .ssd-cell,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row > .ssd-cell {
  min-width: 0;
  margin: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row {
  display: grid !important;
  width: 100%;
  gap: 12px 16px;
  align-items: start;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--identity {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--identity:empty {
  display: none !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--message-attach {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--identity .ssd-cell--name,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--identity .ssd-cell--email,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--identity .ssd-cell--email-confirm {
  grid-column: auto !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details .ssd-cell--branch { grid-column: 1 / 5 !important; }
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details .ssd-cell--priority { grid-column: 5 / 8 !important; }
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details .ssd-cell--subject { grid-column: 8 / 13 !important; }
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form--b.ssd-no-before-fields .ssd-ticket-row--details .ssd-cell--priority { grid-column: 1 / 4 !important; }
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form--b.ssd-no-before-fields .ssd-ticket-row--details .ssd-cell--subject { grid-column: 4 / 13 !important; }
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--message-attach .ssd-cell--message { grid-column: 1 / 10 !important; }
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--message-attach .ssd-cell--attach { grid-column: 10 / 13 !important; }
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b textarea[name="message"] {
  min-height: 128px !important;
  height: 128px !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card {
  min-height: 168px;
  height: 100%;
  max-width: none;
}
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .dropzone {
  min-height: 104px;
  padding: 12px 10px;
}
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .fileinput-button {
  position: static !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 34px !important;
  margin: 8px 0 0 !important;
  padding: 0 12px !important;
  white-space: normal !important;
  line-height: 1.2 !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .attach-tooltype {
  margin-top: 6px !important;
  line-height: 1.2;
}
html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: auto;
  padding-top: 2px;
}
html.page-create-ticket .smartsysdesk-theme .ssd-captcha {
  min-width: 0;
  width: 100%;
  min-height: 46px;
  padding: 6px 8px;
  overflow: hidden;
}
html.page-create-ticket .smartsysdesk-theme .ssd-captcha__title {
  font-size: 12px;
}
html.page-create-ticket .smartsysdesk-theme .ssd-captcha .form-group {
  min-width: 0;
  flex-wrap: nowrap;
}
html.page-create-ticket .smartsysdesk-theme .ssd-captcha__image label[for="mysecnum"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-captcha img[name="secimg"] {
  flex: 0 0 132px;
  width: 132px !important;
  height: 36px !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-captcha input[type="text"] {
  flex: 0 0 112px;
  width: 112px !important;
  min-width: 112px !important;
  min-height: 36px !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit .form-footer .btn,
html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit .form-footer button {
  min-width: 172px;
  min-height: 42px;
}
.smartsysdesk-theme .sd-footer__line span,
.smartsysdesk-theme .sd-footer__line strong {
  display: inline !important;
  margin: 0 !important;
}
.smartsysdesk-theme .sd-footer__line {
  min-height: 44px;
}

@media (max-width: 920px) {
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details .ssd-cell--branch { grid-column: 1 / 7 !important; }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details .ssd-cell--priority { grid-column: 7 / 13 !important; }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details .ssd-cell--subject,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form--b.ssd-no-before-fields .ssd-ticket-row--details .ssd-cell--subject { grid-column: 1 / 13 !important; }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form--b.ssd-no-before-fields .ssd-ticket-row--details .ssd-cell--priority { grid-column: 1 / 5 !important; }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--message-attach .ssd-cell--message,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--message-attach .ssd-cell--attach { grid-column: 1 / 13 !important; }
  html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit { grid-template-columns: 1fr; }
  html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit .form-footer,
  html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit .form-footer .btn,
  html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit .form-footer button { width: 100% !important; }
}
@media (max-width: 700px) {
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--identity,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--message-attach {
    grid-template-columns: 1fr !important;
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row > .ssd-cell,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details .ssd-cell--branch,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details .ssd-cell--priority,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details .ssd-cell--subject,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--message-attach .ssd-cell--message,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--message-attach .ssd-cell--attach,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form--b.ssd-no-before-fields .ssd-ticket-row--details .ssd-cell--priority,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form--b.ssd-no-before-fields .ssd-ticket-row--details .ssd-cell--subject {
    grid-column: 1 / -1 !important;
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-captcha,
  html.page-create-ticket .smartsysdesk-theme .ssd-captcha .form-group {
    flex-wrap: wrap;
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-captcha input[type="text"] {
    flex: 1 1 120px;
    width: auto !important;
    min-width: 120px !important;
  }
  .smartsysdesk-theme .sd-footer__line {
    flex-wrap: wrap;
    white-space: normal;
  }
}

/* V11: final rebuild of create-ticket form to match approved mockup B. */
html.page-create-ticket .smartsysdesk-theme .main__content .contr {
  max-width: 1120px !important;
  padding-left: 24px;
  padding-right: 24px;
}

html.page-create-ticket .smartsysdesk-theme .article__heading--form {
  margin: 0 0 6px !important;
  font-size: clamp(30px, 3.2vw, 42px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.045em;
}

html.page-create-ticket .smartsysdesk-theme .article-heading-tip {
  margin: 0 0 18px !important;
  color: #5f7180 !important;
  font-size: 13px !important;
  text-align: center;
}

html.page-create-ticket .smartsysdesk-theme .form-submit-ticket.ssd-ticket-form--b {
  width: 100% !important;
  max-width: 1120px !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 20px !important;
  border: 1px solid #d8e2e8 !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.985) !important;
  box-shadow: 0 18px 42px rgba(16,43,63,.08) !important;
  overflow: visible !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 0 !important;
  align-items: stretch !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .ssd-ticket-row,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b > .ssd-cell {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row {
  display: grid !important;
  gap: 14px 14px !important;
  align-items: start !important;
  min-height: 0 !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--identity {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--identity:empty { display: none !important; }

html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details {
  grid-template-columns: minmax(210px, 4fr) minmax(170px, 3fr) minmax(320px, 5fr) !important;
}
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form--b.ssd-no-before-fields .ssd-ticket-row--details {
  grid-template-columns: minmax(220px, .95fr) minmax(420px, 2.05fr) !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--message-attach {
  grid-template-columns: minmax(0, 9fr) minmax(230px, 3fr) !important;
  align-items: stretch !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--identity .ssd-cell--name,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--identity .ssd-cell--email,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--identity .ssd-cell--email-confirm,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details .ssd-cell--branch,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details .ssd-cell--priority,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details .ssd-cell--subject,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--message-attach .ssd-cell--message,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--message-attach .ssd-cell--attach {
  grid-column: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .form-group,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .param,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .calendar,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .blue-select,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .dropdown-select,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .selectize-control {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .label,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin: 0 0 7px !important;
  color: #17212e !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .form-control,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b input[type="text"],
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b input[type="email"],
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b input[type="password"],
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b select,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .selectize-input,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .dropdown-select .label {
  width: 100% !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 9px 12px !important;
  border: 1px solid #c7d4dc !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: #17212e !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  box-shadow: none !important;
  outline: none !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .form-control::placeholder,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b input::placeholder,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b textarea::placeholder {
  color: #9aa7b3 !important;
  opacity: 1;
}

html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .form-control:focus,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b input:focus,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b textarea:focus,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .selectize-input.focus,
html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .dropdown-select.opened .label {
  border-color: #1f5878 !important;
  box-shadow: 0 0 0 4px rgba(31,88,120,.12) !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b .selectize-input > input {
  width: auto !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-ticket-layout--b textarea[name="message"] {
  width: 100% !important;
  min-height: 132px !important;
  height: 132px !important;
  max-height: 260px !important;
  padding: 13px 14px !important;
  resize: vertical !important;
  border-radius: 15px !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-attach-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 160px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-attach-card > .label {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 0 7px !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .attach {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  min-height: 0 !important;
  height: 132px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-attach-dropzone-wrap {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .dropzone {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 132px !important;
  min-height: 132px !important;
  max-height: 132px !important;
  margin: 0 !important;
  padding: 16px 12px !important;
  border: 1.5px dashed #c0cfd8 !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg,#fbfdfe,#f5f8fa) !important;
  color: #6a7a87 !important;
  text-align: center !important;
  overflow: hidden !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .dropzone::before {
  content: "↥" !important;
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 auto 8px !important;
  border-radius: 14px !important;
  background: #e7f0f5 !important;
  color: #1f5878 !important;
  font-size: 23px !important;
  font-weight: 900 !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .dz-message {
  display: block !important;
  margin: 0 !important;
  max-width: 210px !important;
  color: #6a7a87 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .fileinput-button {
  position: static !important;
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .attach-tooltype {
  display: none !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 10px !important;
  border: 1px solid #d8e2e8 !important;
  border-radius: 16px !important;
  background: #fff !important;
  overflow: hidden !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-captcha {
  display: grid !important;
  grid-template-columns: auto auto minmax(220px, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-captcha__title {
  display: none !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-captcha .form-group,
html.page-create-ticket .smartsysdesk-theme .ssd-captcha__image {
  display: contents !important;
  margin: 0 !important;
  min-width: 0 !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-captcha label[for="mysecnum"],
html.page-create-ticket .smartsysdesk-theme .ssd-captcha__image label[for="mysecnum"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-captcha img[name="secimg"] {
  grid-column: 1 !important;
  width: 116px !important;
  height: 40px !important;
  min-width: 116px !important;
  border-radius: 11px !important;
  object-fit: cover !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-captcha .btn-refresh {
  grid-column: 2 !important;
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  padding: 0 !important;
  border: 1px solid #d8e2e8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #1f5878 !important;
  box-shadow: none !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-captcha input[type="text"] {
  grid-column: 3 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 9px 12px !important;
  border: 1px solid #c7d4dc !important;
  border-radius: 12px !important;
  background: #fff !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit .form-footer {
  display: block !important;
  width: auto !important;
  min-width: 190px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit .form-footer .btn,
html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit .form-footer button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 190px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: #164965 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 10px 22px rgba(16,73,101,.18) !important;
}

.smartsysdesk-theme .sd-footer {
  padding: 28px 0 18px !important;
}
.smartsysdesk-theme .sd-footer__inner {
  max-width: 1120px !important;
}
.smartsysdesk-theme .sd-footer__line {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  min-height: 44px !important;
  padding: 0 16px !important;
  white-space: nowrap !important;
}
.smartsysdesk-theme .sd-footer__line span,
.smartsysdesk-theme .sd-footer__line strong {
  display: inline !important;
  margin: 0 !important;
}
.smartsysdesk-theme .sd-footer__admin {
  flex: 0 0 auto !important;
}

@media (max-width: 980px) {
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form--b.ssd-no-before-fields .ssd-ticket-row--details {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details .ssd-cell--subject { grid-column: 1 / -1 !important; }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--message-attach {
    grid-template-columns: 1fr !important;
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-attach-card,
  html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .attach,
  html.page-create-ticket .smartsysdesk-theme .ssd-attach-card .dropzone {
    height: auto !important;
    max-height: none !important;
    min-height: 118px !important;
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit {
    grid-template-columns: 1fr !important;
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit .form-footer,
  html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit .form-footer .btn,
  html.page-create-ticket .smartsysdesk-theme .ssd-cell--captcha-submit .form-footer button {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 700px) {
  html.page-create-ticket .smartsysdesk-theme .main__content .contr {
    padding-left: 14px;
    padding-right: 14px;
  }
  html.page-create-ticket .smartsysdesk-theme .form-submit-ticket.ssd-ticket-form--b {
    padding: 14px !important;
    border-radius: 20px !important;
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--identity,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--details,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-form--b.ssd-no-before-fields .ssd-ticket-row--details,
  html.page-create-ticket .smartsysdesk-theme .ssd-ticket-row--message-attach {
    grid-template-columns: 1fr !important;
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-captcha {
    grid-template-columns: auto auto 1fr !important;
  }
  html.page-create-ticket .smartsysdesk-theme .ssd-captcha img[name="secimg"] {
    width: 96px !important;
    min-width: 96px !important;
  }
  .smartsysdesk-theme .sd-footer__line {
    white-space: normal !important;
    flex-wrap: wrap !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

/* V12: actual implementation cleanup — form B must match the approved mockup, CSS loaded after Dropzone. */
html.page-create-ticket .smartsysdesk-theme .main__content {
  padding-top: 24px !important;
}
html.page-create-ticket .smartsysdesk-theme .main__content .contr {
  max-width: 1120px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
html.page-create-ticket .smartsysdesk-theme .article__heading--form {
  margin: 0 0 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  color: #0d1726 !important;
  font-size: clamp(32px, 3.25vw, 42px) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
}
html.page-create-ticket .smartsysdesk-theme .article__heading--form .icon-in-circle {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 999px !important;
}
html.page-create-ticket .smartsysdesk-theme .article-heading-tip {
  margin: 0 0 18px !important;
  color: #647482 !important;
  text-align: center !important;
  font-size: 13px !important;
}

html.page-create-ticket .smartsysdesk-theme #form1.ssd-ticket-form--b {
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 20px !important;
  border: 1px solid #d7e2e9 !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,.985) !important;
  box-shadow: 0 18px 42px rgba(16,43,63,.075) !important;
  overflow: visible !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-ticket-layout--b {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  align-items: stretch !important;
  width: 100% !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-ticket-row {
  display: grid !important;
  width: 100% !important;
  gap: 14px 14px !important;
  align-items: start !important;
  min-height: 0 !important;
  margin: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-ticket-row--identity {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-ticket-row--details {
  grid-template-columns: minmax(230px, 4fr) minmax(180px, 3fr) minmax(320px, 5fr) !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-ticket-row--details.ssd-row-no-branch,
html.page-create-ticket .smartsysdesk-theme #form1.ssd-no-before-fields .ssd-ticket-row--details {
  grid-template-columns: minmax(220px, 260px) minmax(0, 1fr) !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-ticket-row--message-attach {
  grid-template-columns: minmax(0, 9fr) minmax(230px, 3fr) !important;
  align-items: stretch !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-ticket-row--message-attach.ssd-row-no-attach {
  grid-template-columns: 1fr !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-ticket-row > .ssd-cell,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-ticket-layout--b > .ssd-cell {
  grid-column: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-ticket-row--message-attach .ssd-cell--message,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-ticket-row--message-attach .ssd-cell--attach {
  height: 100% !important;
}

html.page-create-ticket .smartsysdesk-theme #form1 .form-group,
html.page-create-ticket .smartsysdesk-theme #form1 .param,
html.page-create-ticket .smartsysdesk-theme #form1 .calendar,
html.page-create-ticket .smartsysdesk-theme #form1 .blue-select,
html.page-create-ticket .smartsysdesk-theme #form1 .dropdown-select,
html.page-create-ticket .smartsysdesk-theme #form1 .selectize-control {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .label,
html.page-create-ticket .smartsysdesk-theme #form1 label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin: 0 0 7px !important;
  color: #17212e !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .form-control,
html.page-create-ticket .smartsysdesk-theme #form1 input[type="text"],
html.page-create-ticket .smartsysdesk-theme #form1 input[type="email"],
html.page-create-ticket .smartsysdesk-theme #form1 input[type="password"],
html.page-create-ticket .smartsysdesk-theme #form1 select,
html.page-create-ticket .smartsysdesk-theme #form1 .selectize-input,
html.page-create-ticket .smartsysdesk-theme #form1 .dropdown-select .label {
  width: 100% !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 9px 12px !important;
  border: 1px solid #c7d4dc !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: #17212e !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  box-shadow: none !important;
  outline: none !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 textarea[name="message"] {
  width: 100% !important;
  min-height: 132px !important;
  height: 132px !important;
  max-height: 260px !important;
  padding: 13px 14px !important;
  border: 1px solid #c7d4dc !important;
  border-radius: 15px !important;
  background: #fff !important;
  resize: vertical !important;
  box-shadow: none !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .form-control::placeholder,
html.page-create-ticket .smartsysdesk-theme #form1 input::placeholder,
html.page-create-ticket .smartsysdesk-theme #form1 textarea::placeholder {
  color: #9aa7b3 !important;
  opacity: 1 !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .form-control:focus,
html.page-create-ticket .smartsysdesk-theme #form1 input:focus,
html.page-create-ticket .smartsysdesk-theme #form1 textarea:focus,
html.page-create-ticket .smartsysdesk-theme #form1 .selectize-input.focus,
html.page-create-ticket .smartsysdesk-theme #form1 .dropdown-select.opened .label {
  border-color: #1f5878 !important;
  box-shadow: 0 0 0 4px rgba(31,88,120,.12) !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .selectize-input > input {
  width: auto !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Attachment card: the real Dropzone button is hidden; the whole dashed card is clickable. */
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card > .label {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  margin: 0 0 7px !important;
  padding: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .attach {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  height: 132px !important;
  min-height: 132px !important;
  margin: 0 !important;
  padding: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-dropzone-wrap {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 132px !important;
  min-height: 132px !important;
  max-height: 132px !important;
  margin: 0 !important;
  padding: 14px 12px !important;
  border: 1.5px dashed #c0cfd8 !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg,#fbfdfe,#f5f8fa) !important;
  color: #6a7a87 !important;
  text-align: center !important;
  overflow: hidden !important;
  cursor: pointer !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone:not(.dz-started)::before {
  content: "↥" !important;
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 auto 8px !important;
  border-radius: 14px !important;
  background: #e7f0f5 !important;
  color: #1f5878 !important;
  font-size: 23px !important;
  font-weight: 900 !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone:not(.dz-started)::after {
  content: "Добавить файл\A Перетащите файл сюда или выберите с компьютера" !important;
  display: block !important;
  max-width: 210px !important;
  margin: 0 auto !important;
  color: #6a7a87 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  white-space: pre-line !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone:not(.dz-started)::first-line {
  color: #17212e !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone:not(.dz-started) .dz-message {
  display: none !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .fileinput-button,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .attach-tooltype {
  display: none !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone:hover,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone.dz-drag-hover {
  border-color: #1f5878 !important;
  background: #fff !important;
  box-shadow: inset 0 0 0 3px rgba(31,88,120,.08) !important;
}

/* Spam protection and submit line: one compact row, like the mockup. */
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--captcha-submit {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 190px !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 10px !important;
  border: 1px solid #d8e2e8 !important;
  border-radius: 16px !important;
  background: #fff !important;
  overflow: hidden !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-captcha {
  display: grid !important;
  grid-template-columns: auto auto minmax(140px, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-captcha__title { display: none !important; }
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-captcha .form-group,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-captcha__image {
  display: contents !important;
  margin: 0 !important;
  min-width: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-captcha label[for="mysecnum"],
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-captcha__image label[for="mysecnum"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-captcha img[name="secimg"] {
  grid-column: 1 !important;
  width: 116px !important;
  height: 40px !important;
  min-width: 116px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 11px !important;
  object-fit: cover !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-captcha .btn-refresh {
  grid-column: 2 !important;
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #d8e2e8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #1f5878 !important;
  box-shadow: none !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-captcha input[type="text"] {
  grid-column: 3 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 9px 12px !important;
  border: 1px solid #c7d4dc !important;
  border-radius: 12px !important;
  background: #fff !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--captcha-submit > .form-footer {
  grid-column: 2 !important;
  justify-self: stretch !important;
  display: block !important;
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
  margin: 0 !important;
  padding: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--captcha-submit > .form-footer .btn,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--captcha-submit > .form-footer button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: #164965 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-shadow: 0 10px 22px rgba(16,73,101,.18) !important;
}

.smartsysdesk-theme .sd-footer { padding: 28px 0 18px !important; }
.smartsysdesk-theme .sd-footer__inner { max-width: 1120px !important; }
.smartsysdesk-theme .sd-footer__line {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  min-height: 44px !important;
  padding: 0 16px !important;
  white-space: nowrap !important;
}
.smartsysdesk-theme .sd-footer__line span,
.smartsysdesk-theme .sd-footer__line strong {
  display: inline !important;
  margin: 0 !important;
}
.smartsysdesk-theme .sd-footer__admin { flex: 0 0 auto !important; }

@media (max-width: 980px) {
  html.page-create-ticket .smartsysdesk-theme #form1 .ssd-ticket-row--details,
  html.page-create-ticket .smartsysdesk-theme #form1 .ssd-ticket-row--details.ssd-row-no-branch,
  html.page-create-ticket .smartsysdesk-theme #form1.ssd-no-before-fields .ssd-ticket-row--details {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }
  html.page-create-ticket .smartsysdesk-theme #form1 .ssd-ticket-row--details .ssd-cell--subject { grid-column: 1 / -1 !important; }
  html.page-create-ticket .smartsysdesk-theme #form1 .ssd-ticket-row--message-attach { grid-template-columns: 1fr !important; }
  html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .attach,
  html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone {
    height: auto !important;
    max-height: none !important;
    min-height: 118px !important;
  }
  html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--captcha-submit {
    grid-template-columns: 1fr !important;
  }
  html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--captcha-submit > .form-footer,
  html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--captcha-submit > .form-footer .btn,
  html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--captcha-submit > .form-footer button {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}
@media (max-width: 700px) {
  html.page-create-ticket .smartsysdesk-theme .main__content .contr { padding-left: 14px !important; padding-right: 14px !important; }
  html.page-create-ticket .smartsysdesk-theme #form1.ssd-ticket-form--b { padding: 14px !important; border-radius: 20px !important; }
  html.page-create-ticket .smartsysdesk-theme #form1 .ssd-ticket-row--identity,
  html.page-create-ticket .smartsysdesk-theme #form1 .ssd-ticket-row--details,
  html.page-create-ticket .smartsysdesk-theme #form1 .ssd-ticket-row--message-attach {
    grid-template-columns: 1fr !important;
  }
  html.page-create-ticket .smartsysdesk-theme #form1 .ssd-ticket-row--details .ssd-cell--subject { grid-column: auto !important; }
  html.page-create-ticket .smartsysdesk-theme #form1 .ssd-captcha { grid-template-columns: auto auto 1fr !important; }
  html.page-create-ticket .smartsysdesk-theme #form1 .ssd-captcha img[name="secimg"] { width: 96px !important; min-width: 96px !important; }
  .smartsysdesk-theme .sd-footer__line {
    white-space: normal !important;
    flex-wrap: wrap !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

/* V13: precision fixes after live test
   - priority dropdown hover no longer loses text
   - CAPTCHA image is shown full-size, not cropped
   - footer has only one rounded container
*/
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select:hover,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select.active,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select.opened {
  border: 0 !important;
  background: transparent !important;
  color: #17212e !important;
  box-shadow: none !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select .label,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select:hover .label,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select.active .label,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select.opened .label {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 9px 12px !important;
  border: 1px solid #c7d4dc !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: #17212e !important;
  box-shadow: none !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select:hover .label,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select.active .label,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select.opened .label {
  border-color: #1f5878 !important;
  box-shadow: 0 0 0 4px rgba(31,88,120,.10) !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select .label span,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select:hover .label span,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select.active .label span,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select.opened .label span {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  color: #17212e !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select .label .icon,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select .label .icon-chevron-down,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select:hover .label .icon,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select:hover .label .icon-chevron-down {
  color: #557082 !important;
  fill: #557082 !important;
  filter: none !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select .dropdown-list {
  z-index: 30 !important;
  min-width: 100% !important;
  border: 1px solid #d8e2e8 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 14px 28px rgba(16,43,63,.14) !important;
  overflow: hidden !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select .dropdown-list li,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--priority .dropdown-select .dropdown-list li span {
  color: #17212e !important;
}

html.page-create-ticket .smartsysdesk-theme #form1 .ssd-captcha {
  grid-template-columns: 150px 40px minmax(140px, 1fr) !important;
  overflow: visible !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-captcha img[name="secimg"] {
  display: block !important;
  grid-column: 1 !important;
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 11px !important;
  object-fit: contain !important;
  object-position: center !important;
  overflow: visible !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-cell--captcha-submit {
  overflow: visible !important;
}

.smartsysdesk-theme .sd-footer {
  margin-top: 38px !important;
  padding: 20px 0 18px !important;
  background: transparent !important;
}
.smartsysdesk-theme .sd-footer__inner {
  max-width: 1120px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.smartsysdesk-theme .sd-footer__line {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  min-height: 44px !important;
  padding: 0 16px !important;
  border: 1px solid #d8e2e8 !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 8px 22px rgba(16,43,63,.055) !important;
  color: #5f6f7c !important;
  white-space: nowrap !important;
}
.smartsysdesk-theme .sd-footer__line span,
.smartsysdesk-theme .sd-footer__line strong {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
}
.smartsysdesk-theme .sd-footer__line strong { color: #17212e !important; }
.smartsysdesk-theme .sd-footer__admin {
  flex: 0 0 auto !important;
  color: #164965 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}
.smartsysdesk-theme .sd-footer__admin:hover { text-decoration: underline !important; }

@media (max-width: 700px) {
  html.page-create-ticket .smartsysdesk-theme #form1 .ssd-captcha {
    grid-template-columns: 120px 40px minmax(0, 1fr) !important;
  }
  html.page-create-ticket .smartsysdesk-theme #form1 .ssd-captcha img[name="secimg"] {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
  }
  .smartsysdesk-theme .sd-footer__line {
    flex-direction: column !important;
    align-items: flex-start !important;
    white-space: normal !important;
    gap: 7px !important;
    padding: 12px 14px !important;
  }
}

/* V14: visible attachment confirmation/list
   The previous compact upload card hid Dropzone preview rows. Keep the card compact,
   but show selected/uploaded files as clear chips with remove action. */
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card.ssd-attach-has-files .attach {
  height: auto !important;
  min-height: 132px !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card.ssd-attach-has-files .dropzone,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone.dz-started {
  display: block !important;
  place-items: initial !important;
  height: auto !important;
  min-height: 132px !important;
  max-height: 220px !important;
  padding: 10px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: #ffffff !important;
  border-style: solid !important;
  text-align: left !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card.ssd-attach-has-files .dropzone::before,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card.ssd-attach-has-files .dropzone::after,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone.dz-started::before,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone.dz-started::after {
  content: none !important;
  display: none !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone .file-row {
  display: block !important;
  width: 100% !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone .file-row:last-child {
  margin-bottom: 0 !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone .attachment-row {
  display: block !important;
  width: 100% !important;
  padding: 9px 10px !important;
  border: 1px solid #d8e2e8 !important;
  border-radius: 12px !important;
  background: #f7fafc !important;
  box-shadow: none !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone .name-size-delete {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 28px !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone .name-size {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  color: #17212e !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone .name-size::before {
  content: "✓" !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #e6f6ee !important;
  color: #19724a !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone .name-size .name,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone .name-size .name p {
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #17212e !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone .name-size .size {
  flex: 0 0 auto !important;
  color: #6a7a87 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone .delete-button {
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 9px !important;
  background: #fff !important;
  border: 1px solid #d8e2e8 !important;
  color: #a13a3a !important;
  cursor: pointer !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone .delete-button:hover {
  background: #fff2f2 !important;
  border-color: #f1b5b5 !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone .delete-button .icon,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone .delete-button svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
  color: currentColor !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone .upload-progress {
  margin-top: 7px !important;
  width: 100% !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone .upload-progress > div {
  height: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #e7eef3 !important;
  overflow: hidden !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone .upload-progress [data-dz-uploadprogress] {
  height: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #1f5878 !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone .error,
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card .dropzone [data-dz-errormessage] {
  display: block !important;
  margin-top: 5px !important;
  color: #b3261e !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-status {
  display: none !important;
  margin-top: 7px !important;
  padding: 6px 9px !important;
  border-radius: 10px !important;
  background: #e7f0f5 !important;
  color: #1f5878 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card.ssd-attach-has-files .ssd-attach-status {
  display: block !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card.ssd-attach-has-files .fileinput-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 34px !important;
  margin-top: 8px !important;
  padding: 0 10px !important;
  border: 1px solid #1f5878 !important;
  border-radius: 11px !important;
  background: #fff !important;
  color: #1f5878 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
html.page-create-ticket .smartsysdesk-theme #form1 .ssd-attach-card.ssd-attach-has-files .fileinput-button:hover {
  background: #e7f0f5 !important;
}

/* V15: customer account dropdown and My Tickets page polish */
.smartsysdesk-theme .profile__item.profile__user {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}
.smartsysdesk-theme .profile__item.profile__user .user__ava {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: #164965 !important;
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 20px rgba(22,73,101,.16) !important;
  cursor: pointer !important;
}
.smartsysdesk-theme .profile__item.profile__user .user__name {
  max-width: 185px !important;
  cursor: pointer !important;
}
.smartsysdesk-theme .profile__item.profile__user .user__name p {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  color: #17212e !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
.smartsysdesk-theme .profile__item.profile__user .user__name span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.smartsysdesk-theme .profile__item.profile__user .user__name .icon-chevron-down {
  width: 13px !important;
  height: 13px !important;
  fill: #557184 !important;
  transition: transform .15s ease !important;
}
.smartsysdesk-theme .profile__item.profile__user.active .user__name .icon-chevron-down {
  transform: rotate(180deg) !important;
}
.smartsysdesk-theme .profile__item.profile__user .profile__menu {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  left: auto !important;
  z-index: 1000 !important;
  min-width: 230px !important;
  width: max-content !important;
  max-width: min(290px, calc(100vw - 24px)) !important;
  padding: 8px !important;
  border: 1px solid #d8e2e8 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 18px 46px rgba(17, 33, 46, .18) !important;
  transform: none !important;
}
.smartsysdesk-theme .profile__item.profile__user .profile__menu::before {
  content: "" !important;
  position: absolute !important;
  top: -6px !important;
  right: 22px !important;
  width: 12px !important;
  height: 12px !important;
  background: #fff !important;
  border-left: 1px solid #d8e2e8 !important;
  border-top: 1px solid #d8e2e8 !important;
  transform: rotate(45deg) !important;
}
.smartsysdesk-theme .profile__item.profile__user .profile--view,
.smartsysdesk-theme .profile__item.profile__user .profile--logout {
  margin: 0 !important;
  padding: 0 !important;
}
.smartsysdesk-theme .profile__item.profile__user .profile--view + .profile--view,
.smartsysdesk-theme .profile__item.profile__user .profile--view + .profile--logout {
  margin-top: 6px !important;
}
.smartsysdesk-theme .profile__item.profile__user .profile__menu .btn,
.smartsysdesk-theme .profile__item.profile__user .profile__menu a.sd-profile-logout-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 13px !important;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  background: #f5f8fa !important;
  color: #17212e !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  text-align: left !important;
  text-decoration: none !important;
}
.smartsysdesk-theme .profile__item.profile__user .profile__menu .btn:hover,
.smartsysdesk-theme .profile__item.profile__user .profile__menu a.sd-profile-logout-btn:hover {
  background: #e7f0f5 !important;
  border-color: #c8d8e2 !important;
  color: #164965 !important;
}
.smartsysdesk-theme .profile__item.profile__user .profile__menu a.sd-profile-logout-btn {
  background: #fff7f6 !important;
  color: #a13a3a !important;
}
.smartsysdesk-theme .profile__item.profile__user .profile__menu a.sd-profile-logout-btn:hover {
  background: #ffeceb !important;
  border-color: #f0b8b2 !important;
  color: #8e2d2d !important;
}
.smartsysdesk-theme .profile__item.profile__user .profile__menu a.sd-profile-logout-btn .icon {
  width: 15px !important;
  height: 15px !important;
  fill: currentColor !important;
}

/* My tickets: make search and list one coherent compact module */
html.page-my-tickets .smartsysdesk-theme .main__content {
  padding: 24px 0 64px !important;
}
html.page-my-tickets .smartsysdesk-theme .contr {
  max-width: 1070px !important;
}
html.page-my-tickets .smartsysdesk-theme .help-search {
  display: block !important;
  margin: 0 auto 14px !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html.page-my-tickets .smartsysdesk-theme .help-search .search__title {
  margin: 0 0 14px !important;
  color: #17212e !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  text-align: center !important;
}
html.page-my-tickets .smartsysdesk-theme .help-search form,
html.page-my-tickets .smartsysdesk-theme .help-search .search__form {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
html.page-my-tickets .smartsysdesk-theme .help-search .form-group {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) 145px 145px !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px !important;
  border: 1px solid #d8e2e8 !important;
  border-radius: 22px 22px 0 0 !important;
  background: #fff !important;
  box-shadow: 0 14px 36px rgba(17,33,46,.08) !important;
}
html.page-my-tickets .smartsysdesk-theme .help-search .search__submit {
  width: 48px !important;
  height: 44px !important;
  min-width: 48px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #e7f0f5 !important;
  box-shadow: none !important;
  color: #1f5878 !important;
}
html.page-my-tickets .smartsysdesk-theme .help-search .search__submit .icon {
  width: 21px !important;
  height: 21px !important;
  fill: currentColor !important;
}
html.page-my-tickets .smartsysdesk-theme #kb_search {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid #d8e2e8 !important;
  border-radius: 14px !important;
  background: #f8fafc !important;
  color: #17212e !important;
  font-size: 14px !important;
}
html.page-my-tickets .smartsysdesk-theme #search-by,
html.page-my-tickets .smartsysdesk-theme .selectize-control,
html.page-my-tickets .smartsysdesk-theme .selectize-input {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
html.page-my-tickets .smartsysdesk-theme .selectize-input {
  display: flex !important;
  align-items: center !important;
  padding: 0 12px !important;
  border: 1px solid #d8e2e8 !important;
  background: #f8fafc !important;
  color: #17212e !important;
  font-size: 14px !important;
}
html.page-my-tickets .smartsysdesk-theme #search-button {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  border-radius: 14px !important;
  background: #164965 !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(22,73,101,.14) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}
html.page-my-tickets .smartsysdesk-theme .table-wrap {
  margin: 0 auto !important;
  padding: 10px !important;
  border: 1px solid #d8e2e8 !important;
  border-top: 0 !important;
  border-radius: 0 0 22px 22px !important;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(17,33,46,.08) !important;
  overflow-x: auto !important;
}
html.page-my-tickets .smartsysdesk-theme #default-table {
  width: 100% !important;
  min-width: 760px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border: 1px solid #d8e2e8 !important;
  border-radius: 16px !important;
  background: #fff !important;
}
html.page-my-tickets .smartsysdesk-theme #default-table thead th {
  height: 46px !important;
  padding: 0 14px !important;
  background: #164965 !important;
  color: #fff !important;
  border: 0 !important;
  border-right: 1px solid rgba(255,255,255,.14) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: left !important;
  vertical-align: middle !important;
}
html.page-my-tickets .smartsysdesk-theme #default-table thead th:last-child {
  border-right: 0 !important;
}
html.page-my-tickets .smartsysdesk-theme #default-table thead th a,
html.page-my-tickets .smartsysdesk-theme #default-table thead th span {
  color: #fff !important;
}
html.page-my-tickets .smartsysdesk-theme #default-table tbody td {
  height: 54px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-bottom: 1px solid #e8eef2 !important;
  color: #243545 !important;
  font-size: 14px !important;
  vertical-align: middle !important;
}
html.page-my-tickets .smartsysdesk-theme #default-table tbody tr:last-child td {
  border-bottom: 0 !important;
}
html.page-my-tickets .smartsysdesk-theme #default-table tbody tr:hover td {
  background: #f7fafc !important;
}
html.page-my-tickets .smartsysdesk-theme #default-table tbody td a {
  color: #1f5878 !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
html.page-my-tickets .smartsysdesk-theme .table-wrap > p,
html.page-my-tickets .smartsysdesk-theme .table-wrap .pager,
html.page-my-tickets .smartsysdesk-theme .table-wrap + p {
  color: #557184 !important;
  font-size: 13px !important;
  text-align: center !important;
}
@media (max-width: 760px) {
  .smartsysdesk-theme .profile__item.profile__user .user__name { max-width: 145px !important; }
  .smartsysdesk-theme .profile__item.profile__user .profile__menu { right: -8px !important; }
  html.page-my-tickets .smartsysdesk-theme .help-search .form-group {
    grid-template-columns: 44px minmax(0, 1fr) !important;
    border-radius: 18px !important;
  }
  html.page-my-tickets .smartsysdesk-theme #search-button,
  html.page-my-tickets .smartsysdesk-theme .selectize-control,
  html.page-my-tickets .smartsysdesk-theme #search-by { grid-column: span 2 !important; }
  html.page-my-tickets .smartsysdesk-theme .table-wrap {
    border-top: 1px solid #d8e2e8 !important;
    border-radius: 18px !important;
  }
}

/* V16: rebuild personal-cabinet search/list module. Avoid legacy .help-search styles completely. */
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets-content {
  padding: 26px 0 64px !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets-content > .contr {
  width: min(100% - 32px, 1050px) !important;
  max-width: 1050px !important;
  margin-inline: auto !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets {
  width: 100% !important;
  margin: 0 auto !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__header {
  margin: 0 0 16px !important;
  text-align: center !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__header h1 {
  margin: 0 !important;
  color: #17212e !important;
  font-size: clamp(30px, 3vw, 40px) !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__header p {
  max-width: 560px !important;
  margin: 8px auto 0 !important;
  color: #627486 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__panel {
  overflow: hidden !important;
  border: 1px solid #d8e2e8 !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: 0 18px 44px rgba(17,33,46,.085) !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__toolbar {
  padding: 14px !important;
  border-bottom: 1px solid #e4ebf0 !important;
  background: #fff !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 150px 132px !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search__field {
  position: relative !important;
  min-width: 0 !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search__icon {
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  z-index: 2 !important;
  width: 19px !important;
  height: 19px !important;
  transform: translateY(-50%) !important;
  fill: #1f5878 !important;
  color: #1f5878 !important;
  pointer-events: none !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search__input,
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search input[type="text"] {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 14px 0 44px !important;
  border: 1px solid #cbd8e0 !important;
  border-radius: 14px !important;
  background: #f8fafb !important;
  color: #17212e !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 44px !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search__input:focus {
  border-color: #1f5878 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(31,88,120,.10) !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search .selectize-control {
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  margin: 0 !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search .selectize-input,
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search__selectize,
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search select {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid #cbd8e0 !important;
  border-radius: 14px !important;
  background: #f8fafb !important;
  color: #17212e !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search .selectize-input.focus,
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search .selectize-input.input-active {
  border-color: #1f5878 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(31,88,120,.10) !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search__button,
html.page-my-tickets body.smartsysdesk-theme #search-button.sss-ticket-search__button {
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #164965 !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(22,73,101,.16) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 44px !important;
  text-align: center !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search__button:hover {
  background: #10374d !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__table-wrap,
html.page-my-tickets body.smartsysdesk-theme .table-wrap.sss-client-tickets__table-wrap {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__table-wrap #default-table,
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__table-wrap .table {
  width: 100% !important;
  min-width: 760px !important;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  overflow: visible !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__table-wrap #default-table thead th {
  height: 46px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-bottom: 1px solid #d8e2e8 !important;
  border-right: 1px solid #e5edf2 !important;
  background: #f4f8fa !important;
  color: #415364 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__table-wrap #default-table thead th:last-child {
  border-right: 0 !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__table-wrap #default-table thead th a,
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__table-wrap #default-table thead th span {
  color: #415364 !important;
  text-decoration: none !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__table-wrap #default-table .sort {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__table-wrap #default-table tbody td {
  height: 54px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-bottom: 1px solid #edf2f5 !important;
  background: #fff !important;
  color: #243545 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  vertical-align: middle !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__table-wrap #default-table tbody tr:hover td {
  background: #f8fbfd !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__table-wrap #default-table tbody tr:last-child td {
  border-bottom: 0 !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__table-wrap #default-table tbody td a {
  color: #164965 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__table-wrap #default-table tbody td a:hover {
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__table-wrap .pager {
  margin: 0 !important;
  padding: 13px 14px !important;
  border-top: 1px solid #e4ebf0 !important;
  background: #fbfcfd !important;
  color: #526579 !important;
  font-size: 13px !important;
  text-align: center !important;
}
@media (max-width: 760px) {
  html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search {
    grid-template-columns: 1fr !important;
  }
  html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__header h1 {
    font-size: 30px !important;
  }
  html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__panel {
    border-radius: 20px !important;
  }
}

/* V16: make account area a real dropdown, never an expanded inline block. */
.smartsysdesk-theme .profile__item.profile__user .profile__menu {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.smartsysdesk-theme .profile__item.profile__user.active .profile__menu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.smartsysdesk-theme .profile__item.profile__user .profile--logout a,
.smartsysdesk-theme .profile__item.profile__user .profile--logout a.sd-profile-logout-btn {
  justify-content: center !important;
  border: 1px solid #f0b8b2 !important;
  background: #fff7f6 !important;
  color: #a13a3a !important;
  font-weight: 900 !important;
}


/* V17: personal cabinet search is strictly one row: input + button. No dropdowns, no extra controls. */
html.page-my-tickets body.smartsysdesk-theme .sss-client-tickets__toolbar {
  padding: 14px !important;
  border-bottom: 1px solid #e4ebf0 !important;
  background: #fff !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 140px !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search__field {
  position: relative !important;
  min-width: 0 !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search__icon {
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  z-index: 2 !important;
  width: 18px !important;
  height: 18px !important;
  transform: translateY(-50%) !important;
  fill: #1f5878 !important;
  pointer-events: none !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search__input,
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search input[type="text"] {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 14px 0 44px !important;
  border: 1px solid #cbd8e0 !important;
  border-radius: 14px !important;
  background: #f8fafb !important;
  color: #17212e !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 44px !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search__input:focus {
  border-color: #1f5878 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(31,88,120,.10) !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search select,
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search .selectize-control,
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search .selectize-input {
  display: none !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search__button,
html.page-my-tickets body.smartsysdesk-theme #search-button.sss-ticket-search__button {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #164965 !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 44px !important;
  text-align: center !important;
}
html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search__button:hover {
  background: #10374d !important;
}
@media (max-width: 700px) {
  html.page-my-tickets body.smartsysdesk-theme .sss-ticket-search {
    grid-template-columns: 1fr !important;
  }
}


/* V18: robust customer account dropdown. Do not let the stock HESK handler fight our menu. */
.smartsysdesk-theme .profile__item.profile__user.ssd-profile-dropdown {
  isolation: isolate !important;
}
.smartsysdesk-theme .profile__item.profile__user .user__ava,
.smartsysdesk-theme .profile__item.profile__user .user__name {
  border: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  font-family: inherit !important;
}
.smartsysdesk-theme .profile__item.profile__user .user__name {
  padding: 0 !important;
  background: transparent !important;
}
.smartsysdesk-theme .profile__item.profile__user .user__ava:focus-visible,
.smartsysdesk-theme .profile__item.profile__user .user__name:focus-visible {
  outline: 3px solid rgba(31, 88, 120, .22) !important;
  outline-offset: 3px !important;
}
.smartsysdesk-theme .profile__item.profile__user .profile__menu {
  display: none !important;
}
.smartsysdesk-theme .profile__item.profile__user.active .profile__menu,
.smartsysdesk-theme .profile__item.profile__user.is-open .profile__menu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.smartsysdesk-theme .profile__item.profile__user.is-open .user__name .icon-chevron-down,
.smartsysdesk-theme .profile__item.profile__user.active .user__name .icon-chevron-down {
  transform: rotate(180deg) !important;
}