/* Premium workflow layer: creation forms, messaging and global search. */

body.mk-page-create {
  --wf-accent: #2563eb;
  --wf-accent-strong: #1d4ed8;
  --wf-accent-soft: #eff6ff;
  --wf-accent-line: #bfdbfe;
}

body.mk-page-upload-document { --wf-accent: #7c3aed; --wf-accent-strong: #6d28d9; --wf-accent-soft: #f5f3ff; --wf-accent-line: #ddd6fe; }
body.mk-page-new-signal { --wf-accent: #0891b2; --wf-accent-strong: #0e7490; --wf-accent-soft: #ecfeff; --wf-accent-line: #a5f3fc; }
body.mk-page-becayis-create { --wf-accent: #b4232a; --wf-accent-strong: #8f1c22; --wf-accent-soft: #fff1f2; --wf-accent-line: #fecdd3; }
body.mk-page-cetele-create { --wf-accent: #059669; --wf-accent-strong: #047857; --wf-accent-soft: #ecfdf5; --wf-accent-line: #a7f3d0; }

body.mk-page-create .site-main {
  padding-block: clamp(24px, 4vw, 44px);
}

body.mk-page-create .mk-form-page,
body.mk-page-create .site-main > .mk-form-page {
  width: min(var(--mk-page-max, 1400px), calc(100% - 32px));
  margin-inline: auto;
}

body.mk-page-create :is(.new-topic-container, .new-topic-wrapper, .upload-container, .upload-wrapper, .signal-form-shell) {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

body.mk-page-create .mk-form-hero.page-hero {
  display: flex;
  min-height: 158px;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin: 0 0 18px;
  padding: clamp(24px, 3vw, 34px);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  background:
    linear-gradient(112deg, rgba(15, 23, 42, .98) 0%, rgba(31, 41, 55, .97) 52%, color-mix(in srgb, var(--wf-accent-strong) 72%, #701b20) 100%);
  box-shadow: 0 22px 44px rgba(15, 23, 42, .13);
  color: #fff;
  overflow: hidden;
}

body.mk-page-create .mk-form-hero.page-hero::after {
  content: "";
  align-self: stretch;
  width: 1px;
  order: 1;
  background: linear-gradient(transparent, rgba(255,255,255,.18), transparent);
}

body.mk-page-create .mk-form-hero__content {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
  flex: 1 1 auto;
}

body.mk-page-create .mk-form-hero__icon {
  display: grid;
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 8px;
  background: rgba(255,255,255,.1);
  color: #fff;
}

body.mk-page-create .mk-form-hero__icon svg {
  width: 27px;
  height: 27px;
}

body.mk-page-create .mk-form-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.75rem, 3vw, 2.3rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: 0;
}

body.mk-page-create .mk-form-hero p {
  max-width: 760px;
  margin: 9px 0 0;
  color: rgba(255,255,255,.78);
  font-size: .98rem;
  line-height: 1.6;
}

body.mk-page-create .mk-form-hero__back,
body.mk-page-create .mk-form-hero__back:link,
body.mk-page-create .mk-form-hero__back:visited {
  display: inline-flex;
  min-height: 44px;
  flex: 0 0 auto;
  order: 2;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 16px;
  border: 1px solid rgba(255,255,255,.84);
  border-radius: 6px;
  background: #fff;
  color: #182033;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 8px 20px rgba(15,23,42,.16);
}

body.mk-page-create .mk-form-hero__back :is(svg, span) {
  color: currentColor;
}

body.mk-page-create .mk-form-hero__back:hover,
body.mk-page-create .mk-form-hero__back:focus-visible {
  border-color: #fff;
  background: var(--wf-accent-soft);
  color: var(--wf-accent-strong);
  transform: translateY(-1px);
}

body.mk-page-create .mk-form-alert,
body.mk-page-create :is(.info-alert, .error-alert, .warning-box, .info-card, .signal-guidance-box) {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 13px;
  margin: 0 0 14px;
  padding: 15px 17px;
  border: 1px solid var(--mk-form-notice-line, var(--wf-accent-line));
  border-left: 4px solid var(--mk-form-notice-ink, var(--wf-accent));
  border-radius: 7px;
  background: var(--mk-form-notice-bg, var(--wf-accent-soft));
  color: var(--mk-form-notice-ink, #334155);
  box-shadow: none;
}

body.mk-page-create .mk-form-alert--success { --mk-form-notice-line:#a7f3d0; --mk-form-notice-bg:#ecfdf5; --mk-form-notice-ink:#047857; }
body.mk-page-create .mk-form-alert--warning,
body.mk-page-create .warning-box { --mk-form-notice-line:#fde68a; --mk-form-notice-bg:#fffbeb; --mk-form-notice-ink:#92400e; }
body.mk-page-create .mk-form-alert--error,
body.mk-page-create .error-alert { --mk-form-notice-line:#fecaca; --mk-form-notice-bg:#fef2f2; --mk-form-notice-ink:#b4232a; }

body.mk-page-create .mk-form-alert__icon,
body.mk-page-create :is(.info-icon, .info-alert > svg, .error-alert > svg, .warning-box > svg) {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
}

body.mk-page-create :is(.topic-form-card, .upload-form-card, .signal-form-shell, .becayis-form, .form-container) {
  width: 100%;
  max-width: none;
  margin: 0;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 36px rgba(15,23,42,.07);
}

body.mk-page-create :is(.topic-form-card, .upload-form-card, .signal-form-shell, .form-container) {
  padding: clamp(20px, 3vw, 30px);
}

body.mk-page-create .becayis-form {
  padding: clamp(18px, 2.6vw, 28px);
}

body.mk-page-create :is(.topic-form, .upload-form, .signal-form-card, .cetele-form) {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.mk-page-create .form-grid,
body.mk-page-create .signal-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
}

body.mk-page-create .form-section {
  min-width: 0;
  margin: 0;
  padding: 20px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #f9fafb;
}

body.mk-page-create .form-section-full {
  grid-column: 1 / -1;
}

body.mk-page-create .form-section legend {
  padding: 0 8px;
  color: #172033;
  font-size: .98rem;
  font-weight: 800;
}

body.mk-page-create :is(.input-group, .form-group, .form-row, .signal-form-grid label) {
  min-width: 0;
}

body.mk-page-create :is(.input-group, .form-group, .signal-form-grid label) {
  display: grid;
  gap: 7px;
}

body.mk-page-create .form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 17px;
}

body.mk-page-create .form-row:last-child {
  margin-bottom: 0;
}

body.mk-page-create .form-checkboxes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 18px;
}

body.mk-page-create :is(.input-label, .form-group > label, .form-row > label, .signal-form-grid label > span, .form-section label) {
  color: #344054;
  font-size: .84rem;
  font-weight: 750;
  line-height: 1.35;
}

body.mk-page-create :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea, .custom-input, .custom-textarea, .dropdown-trigger) {
  width: 100%;
  min-height: 46px;
  padding: 10px 13px;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  background: #fff;
  color: #172033;
  font: inherit;
  line-height: 1.4;
  box-shadow: 0 1px 2px rgba(16,24,40,.03);
}

body.mk-page-create textarea,
body.mk-page-create .custom-textarea {
  min-height: 126px;
  resize: vertical;
}

body.mk-page-create :is(input, select, textarea, .custom-input, .custom-textarea, .dropdown-trigger):focus,
body.mk-page-create .dropdown-trigger.active {
  outline: 0;
  border-color: var(--wf-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--wf-accent) 16%, transparent);
}

body.mk-page-create :is(.helper-text, .info-hint, .char-counter, small) {
  color: #667085;
  font-size: .8rem;
  line-height: 1.5;
}

body.mk-page-create .custom-dropdown {
  position: relative;
}

body.mk-page-create .dropdown-menu {
  z-index: 80;
  width: 100%;
  max-height: min(360px, 52vh);
  border: 1px solid #d0d5dd;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(15,23,42,.15);
}

body.mk-page-create .file-label {
  min-height: 190px;
  border: 1.5px dashed var(--wf-accent-line);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, var(--wf-accent-soft));
  color: #344054;
}

body.mk-page-create .file-label:hover,
body.mk-page-create .file-label.drag-over {
  border-color: var(--wf-accent);
  background: var(--wf-accent-soft);
}

body.mk-page-create .il-selector,
body.mk-page-create .signal-form-body {
  grid-column: 1 / -1;
}

body.mk-page-create .il-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.mk-page-create .il-chip {
  border: 1px solid var(--wf-accent-line);
  border-radius: 999px;
  background: var(--wf-accent-soft);
  color: var(--wf-accent-strong);
}

body.mk-page-create :is(.form-actions, .signal-form-actions) {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #eaecf0;
}

body.mk-page-create :is(.submit-button, .btn-submit, .btn-primary-signal),
body.mk-page-create :is(.btn-cancel, .btn-secondary-signal) {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 18px;
  border-radius: 6px;
  font-weight: 800;
  text-decoration: none;
}

body.mk-page-create :is(.submit-button, .btn-submit, .btn-primary-signal) {
  border: 1px solid var(--wf-accent-strong);
  background: var(--wf-accent-strong);
  color: #fff;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--wf-accent) 20%, transparent);
}

body.mk-page-create :is(.submit-button, .btn-submit, .btn-primary-signal):hover {
  background: color-mix(in srgb, var(--wf-accent-strong) 88%, #000);
  transform: translateY(-1px);
}

body.mk-page-create :is(.btn-cancel, .btn-secondary-signal) {
  border: 1px solid #d0d5dd;
  background: #fff;
  color: #344054;
}

/* Private messages */
body.mk-page-messages .site-main {
  padding-block: clamp(22px, 3.5vw, 40px);
}

body.mk-page-messages .messages-container {
  display: grid;
  width: min(var(--mk-page-max, 1400px), calc(100% - 32px));
  min-height: min(720px, calc(100vh - 170px));
  grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
  margin: 0 auto;
  border: 1px solid #dfe3e8;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 22px 50px rgba(15,23,42,.1);
  overflow: hidden;
}

body.mk-page-messages .conversations-panel,
body.mk-page-messages .chat-panel {
  min-width: 0;
  height: auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

body.mk-page-messages .conversations-panel {
  border-right: 1px solid #e4e7ec;
  background: #f8fafc;
}

body.mk-page-messages :is(.panel-header, .chat-header) {
  min-height: 78px;
  padding: 16px 18px;
  border-bottom: 1px solid #e4e7ec;
  background: #fff;
}

body.mk-page-messages .panel-header h2 {
  color: #172033;
  font-size: 1.15rem;
  font-weight: 800;
}

body.mk-page-messages .conversations-list {
  padding: 8px;
}

body.mk-page-messages .conversation-item {
  margin: 3px 0;
  padding: 12px;
  border: 1px solid transparent;
  border-radius: 7px;
}

body.mk-page-messages .conversation-item:hover {
  border-color: #dbe4ee;
  background: #fff;
}

body.mk-page-messages .conversation-item.active {
  border-color: #fecaca;
  background: #fff5f5;
}

body.mk-page-messages .chat-messages {
  padding: 22px;
  background:
    linear-gradient(rgba(255,255,255,.92), rgba(255,255,255,.92)),
    radial-gradient(circle at 1px 1px, #cbd5e1 1px, transparent 0);
  background-size: auto, 22px 22px;
}

body.mk-page-messages .message-bubble {
  max-width: min(640px, 78%);
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(15,23,42,.06);
}

body.mk-page-messages .message-sent .message-bubble {
  border-color: #fecaca;
  background: #fff1f2;
  color: #3f1518;
}

body.mk-page-messages .chat-input-area {
  padding: 14px 18px 18px;
  border-top: 1px solid #e4e7ec;
  background: #fff;
}

body.mk-page-messages .chat-input-area form {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px;
}

body.mk-page-messages #messageInput {
  min-height: 46px;
  max-height: 150px;
  border-radius: 7px;
}

body.mk-page-messages .btn-send {
  min-width: 46px;
  min-height: 46px;
  border-radius: 7px;
}

/* Global search */
body.mk-page-search .site-main {
  padding-block: clamp(24px, 4vw, 44px);
}

body.mk-page-search .search-page-container {
  width: min(var(--mk-page-max, 1400px), calc(100% - 32px));
  max-width: none;
  margin-inline: auto;
}

body.mk-page-search .search-hero {
  min-height: 190px;
  margin: 0 0 18px;
  padding: clamp(24px, 3vw, 34px);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  background: linear-gradient(112deg, #111827, #252834 55%, #8f1c22);
  box-shadow: 0 22px 44px rgba(15,23,42,.13);
}

body.mk-page-search .hero-content {
  display: flex;
  min-height: 120px;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

body.mk-page-search .hero-left {
  min-width: 0;
}

body.mk-page-search .search-back {
  display: inline-flex;
  margin-bottom: 13px;
  color: rgba(255,255,255,.72);
  font-size: .82rem;
  font-weight: 750;
  text-decoration: none;
}

body.mk-page-search .hero-title {
  margin: 0;
  color: #fff;
  font-size: clamp(1.75rem, 3vw, 2.35rem);
  font-weight: 800;
  letter-spacing: 0;
}

body.mk-page-search .hero-subtitle {
  margin: 10px 0 0;
  color: rgba(255,255,255,.76);
  line-height: 1.55;
}

body.mk-page-search .hero-stats-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(110px, 1fr));
  gap: 10px;
}

body.mk-page-search .hero-stat {
  min-height: 72px;
  padding: 13px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 7px;
  background: rgba(255,255,255,.09);
  color: #fff;
}

body.mk-page-search .search-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 240px) auto;
  gap: 10px;
  padding: 14px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15,23,42,.07);
}

body.mk-page-search :is(.search-input-wrapper, .search-panel select) {
  min-height: 46px;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  background: #fff;
}

body.mk-page-search .search-input-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-inline: 13px;
}

body.mk-page-search .search-input-wrapper input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
}

body.mk-page-search .search-panel button {
  min-height: 46px;
  padding-inline: 20px;
  border: 1px solid #8f1c22;
  border-radius: 6px;
  background: #a82027;
  color: #fff;
  font-weight: 800;
}

body.mk-page-search :is(.search-alert, .search-empty, .search-summary, .result-group, .search-starters) {
  margin-top: 16px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15,23,42,.06);
}

body.mk-page-search .result-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  padding: 17px 18px;
  border-bottom: 1px solid #eaecf0;
}

body.mk-page-search .result-card:last-child {
  border-bottom: 0;
}

@media (max-width: 900px) {
  body.mk-page-create .mk-form-hero.page-hero,
  body.mk-page-search .hero-content {
    align-items: flex-start;
  }

  body.mk-page-create .mk-form-hero.page-hero::after {
    display: none;
  }

  body.mk-page-create :is(.form-grid, .signal-form-grid),
  body.mk-page-create .form-row {
    grid-template-columns: 1fr;
  }

  body.mk-page-messages .messages-container {
    grid-template-columns: minmax(230px, 300px) minmax(0, 1fr);
  }

  body.mk-page-search .search-panel {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  body.mk-page-search .search-panel select {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}

@media (max-width: 680px) {
  body.mk-page-create .site-main,
  body.mk-page-messages .site-main,
  body.mk-page-search .site-main {
    padding-block: 16px 26px;
  }

  body.mk-page-create .mk-form-page,
  body.mk-page-create .site-main > .mk-form-page,
  body.mk-page-messages .messages-container,
  body.mk-page-search .search-page-container {
    width: min(100% - 16px, var(--mk-page-max, 1400px));
  }

  body.mk-page-create .mk-form-hero.page-hero {
    min-height: 0;
    flex-direction: column;
    gap: 18px;
    padding: 20px;
  }

  body.mk-page-create .mk-form-hero__content {
    align-items: flex-start;
  }

  body.mk-page-create .mk-form-hero__icon {
    width: 46px;
    height: 46px;
    flex-basis: 46px;
  }

  body.mk-page-create .mk-form-hero__back {
    width: 100%;
  }

  body.mk-page-create :is(.topic-form-card, .upload-form-card, .signal-form-shell, .becayis-form, .form-container, .form-section) {
    padding: 16px;
  }

  body.mk-page-create :is(.form-actions, .signal-form-actions) {
    flex-direction: column-reverse;
  }

  body.mk-page-create :is(.submit-button, .btn-submit, .btn-primary-signal, .btn-cancel, .btn-secondary-signal) {
    width: 100%;
  }

  body.mk-page-messages .messages-container {
    min-height: calc(100vh - 130px);
    grid-template-columns: 1fr;
  }

  body.mk-page-messages .conversations-panel {
    max-height: 310px;
    border-right: 0;
    border-bottom: 1px solid #e4e7ec;
  }

  body.mk-page-messages .chat-panel {
    min-height: 560px;
  }

  body.mk-page-messages .chat-messages {
    padding: 14px;
  }

  body.mk-page-messages .message-bubble {
    max-width: 88%;
  }

  body.mk-page-messages .chat-input-area form {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  body.mk-page-search .search-hero {
    min-height: 0;
    padding: 20px;
  }

  body.mk-page-search .hero-content {
    flex-direction: column;
  }

  body.mk-page-search .hero-stats-grid {
    width: 100%;
  }

  body.mk-page-search .search-panel {
    grid-template-columns: 1fr;
  }

  body.mk-page-search .search-panel select {
    grid-column: auto;
    grid-row: auto;
  }

  body.mk-page-search .search-panel button {
    width: 100%;
  }

  body.mk-page-search .result-card {
    grid-template-columns: 1fr;
  }
}