/* 2026-05-21 final iOS override. Keep this file loaded after legacy CSS. */

body[data-current-view="home"] .ref-scene-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 12px 0 16px !important;
  padding: 3px !important;
  border: 1px solid rgba(60, 60, 67, 0.18) !important;
  border-radius: 13px !important;
  background: rgba(118, 118, 128, 0.12) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body[data-current-view="home"] .ref-scene-card,
body[data-current-view="home"] .ref-scene-card.ref-scene-ad,
body[data-current-view="home"] .ref-scene-card.ref-scene-compare,
body[data-current-view="home"] .ref-scene-card.ref-scene-chat {
  position: relative !important;
  display: flex !important;
  min-width: 0 !important;
  min-height: 54px !important;
  padding: 7px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #1c1c1e !important;
  text-align: center !important;
  overflow: hidden !important;
}

body[data-current-view="home"] .ref-scene-card + .ref-scene-card::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 9px !important;
  bottom: 9px !important;
  width: 1px !important;
  background: rgba(60, 60, 67, 0.22) !important;
  display: block !important;
}

body[data-current-view="home"] .ref-scene-card.ref-scene-ad {
  background: #ffffff !important;
  color: #111827 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 3px 12px rgba(0, 0, 0, 0.08) !important;
}

body[data-current-view="home"] .ref-scene-card.ref-scene-ad + .ref-scene-card::before {
  content: none !important;
  display: none !important;
}

body[data-current-view="home"] .ref-scene-card span {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: 13px !important;
  line-height: 1.16 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
}

body[data-current-view="home"] .ref-scene-card strong,
body[data-current-view="home"] .ref-scene-card em,
body[data-current-view="home"] .ref-scene-card i,
body[data-current-view="home"] .ref-scene-card::after {
  content: none !important;
  display: none !important;
}

body[data-current-view="create"] #createView .category-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 0 14px !important;
  padding: 3px !important;
  border: 1px solid rgba(60, 60, 67, 0.18) !important;
  border-radius: 13px !important;
  background: rgba(118, 118, 128, 0.12) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body[data-current-view="create"] #createView .category-card {
  min-width: 0 !important;
  min-height: 36px !important;
  padding: 6px 4px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #1c1c1e !important;
}

body[data-current-view="create"] #createView .category-card.active {
  background: #ffffff !important;
  color: #111827 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 3px 12px rgba(0, 0, 0, 0.08) !important;
}

body[data-current-view="create"] #createView .category-card strong {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.16 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

body[data-current-view="create"] #createView .category-card::before,
body[data-current-view="create"] #createView .category-card::after {
  content: none !important;
  display: none !important;
}

body[data-current-view="create"] #createView .choice-source-select {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body[data-current-view="create"] #createView .choice-picker {
  position: relative !important;
  width: 100% !important;
}

body[data-current-view="create"] #createView .choice-trigger {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 18px !important;
  width: 100% !important;
  min-height: 44px !important;
  padding: 10px 12px 10px 14px !important;
  align-items: center !important;
  border: 1px solid rgba(60, 60, 67, 0.22) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  color: #1c1c1e !important;
  text-align: left !important;
}

body[data-current-view="create"] #createView .choice-trigger-value {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #1c1c1e !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-current-view="create"] #createView .choice-trigger em {
  display: none !important;
}

body[data-current-view="create"] #createView .choice-trigger-arrow {
  position: relative !important;
  width: 18px !important;
  height: 18px !important;
  overflow: hidden !important;
  color: transparent !important;
  font-size: 0 !important;
}

body[data-current-view="create"] #createView .choice-trigger-arrow::before,
body[data-current-view="create"] #createView .choice-trigger-arrow::after {
  content: "" !important;
  position: absolute !important;
  left: 5px !important;
  width: 7px !important;
  height: 7px !important;
  border-right: 1.8px solid #3a3a3c !important;
  border-bottom: 1.8px solid #3a3a3c !important;
}

body[data-current-view="create"] #createView .choice-trigger-arrow::before {
  top: 1px !important;
  transform: rotate(225deg) !important;
}

body[data-current-view="create"] #createView .choice-trigger-arrow::after {
  bottom: 1px !important;
  transform: rotate(45deg) !important;
}

body[data-current-view="create"] #createView .choice-popup {
  display: none !important;
}

body[data-current-view="create"] #createView .choice-picker.is-open .choice-popup {
  position: fixed !important;
  left: var(--choice-popup-left, 8px) !important;
  right: auto !important;
  top: var(--choice-popup-top, 62px) !important;
  z-index: 99999 !important;
  display: block !important;
  width: var(--choice-popup-width, min(258px, calc(100vw - 16px))) !important;
  max-width: calc(100vw - 16px) !important;
  max-height: min(72vh, 540px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #f4f4f4 !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.14), 0 2px 12px rgba(0, 0, 0, 0.06) !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  -webkit-overflow-scrolling: touch !important;
}

body[data-current-view="create"] #createView .choice-option,
body[data-current-view="create"] #createView .choice-option.active {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 7px 14px 7px 45px !important;
  align-items: center !important;
  border: 0 !important;
  border-bottom: 0.5px solid rgba(60, 60, 67, 0.24) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #000000 !important;
  font-size: 18px !important;
  line-height: 1.18 !important;
  font-weight: 400 !important;
  text-align: left !important;
}

body[data-current-view="create"] #createView .choice-option:last-child {
  border-bottom: 0 !important;
}

body[data-current-view="create"] #createView .choice-option span {
  display: block !important;
  min-width: 0 !important;
}

body[data-current-view="create"] #createView .choice-option::before {
  content: none !important;
  display: none !important;
}

body[data-current-view="create"] #createView .choice-option::after {
  content: "\2713" !important;
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  width: 17px !important;
  height: 22px !important;
  border: 0 !important;
  color: #000000 !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
  text-align: center !important;
  opacity: 0 !important;
  transform: translateY(-50%) !important;
}

body[data-current-view="create"] #createView .choice-option.active::after {
  opacity: 1 !important;
}

@media (max-width: 420px) {
  body[data-current-view="home"] .ref-scene-card {
    min-height: 50px !important;
    padding: 6px 4px !important;
  }

  body[data-current-view="home"] .ref-scene-card span,
  body[data-current-view="create"] #createView .category-card strong {
    font-size: 12px !important;
  }
}

/* 2026-05-21 project ad simple UI, aligned with the mobile home style. */
body[data-current-view="create"] {
  background: #f3f8ff !important;
}

body[data-current-view="create"] .main {
  background: #f3f8ff !important;
}

body[data-current-view="create"] #createView {
  min-height: 100vh !important;
  padding: 22px 14px 176px !important;
  background: #f3f8ff !important;
}

body[data-current-view="create"] #createView .section-close-bar {
  display: flex !important;
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 auto 12px !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body[data-current-view="create"] #createView .section-exit-title {
  display: inline-flex !important;
  min-height: 34px !important;
  padding: 0 0 0 18px !important;
  align-items: center !important;
  border: 0 !important;
  background: transparent !important;
  color: #0f172a !important;
  font-size: 21px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

body[data-current-view="create"] #createView .section-exit-title::before {
  content: "" !important;
  position: absolute !important;
  left: 3px !important;
  width: 9px !important;
  height: 9px !important;
  border-left: 2px solid #244aa5 !important;
  border-bottom: 2px solid #244aa5 !important;
  transform: rotate(45deg) !important;
}

body[data-current-view="create"] #createView .workspace-grid {
  display: block !important;
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body[data-current-view="create"] #createView .form-panel {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 24px 14px 18px !important;
  border: 1px solid #d7e6ff !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(51, 99, 180, 0.08) !important;
  overflow: visible !important;
}

body[data-current-view="create"] #createView .panel-heading {
  display: flex !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: space-between !important;
  border: 0 !important;
  background: transparent !important;
}

body[data-current-view="create"] #createView .panel-heading h2 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

body[data-current-view="create"] #createView #categoryBadge {
  display: inline-flex !important;
  min-height: 28px !important;
  padding: 0 14px !important;
  align-items: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #fff0f6 !important;
  color: #e15a86 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

body[data-current-view="create"] #createView .form-stack {
  display: grid !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body[data-current-view="create"] #createView .form-stack > label,
body[data-current-view="create"] #createView .field-group > label,
body[data-current-view="create"] #createView .advanced-create-grid > label {
  display: grid !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-current-view="create"] #createView label > span,
body[data-current-view="create"] #createView .advanced-create-title {
  display: block !important;
  color: #17233c !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

body[data-current-view="create"] #createView input:not([type="file"]),
body[data-current-view="create"] #createView textarea {
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 11px 13px !important;
  border: 1px solid #dbe8ff !important;
  border-radius: 10px !important;
  background: #f9fbff !important;
  color: #101828 !important;
  box-shadow: none !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

body[data-current-view="create"] #createView textarea {
  min-height: 88px !important;
  resize: vertical !important;
}

body[data-current-view="create"] #createView textarea::placeholder,
body[data-current-view="create"] #createView input::placeholder {
  color: rgba(17, 24, 39, 0.38) !important;
  font-weight: 600 !important;
}

body[data-current-view="create"] #createView .field-group {
  display: grid !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-current-view="create"] #createView .advanced-create-fields {
  display: grid !important;
  gap: 14px !important;
  margin: 10px 0 0 !important;
  padding: 16px 12px !important;
  border: 1px solid #dbe8ff !important;
  border-radius: 16px !important;
  background: #f9fbff !important;
  box-shadow: none !important;
}

body[data-current-view="create"] #createView .advanced-create-fields.hidden-field,
body[data-current-view="create"] #createView .hidden-field {
  display: none !important;
}

body[data-current-view="create"] #createView .form-stack > .hidden-field,
body[data-current-view="create"] #createView .field-group.hidden-field,
body[data-current-view="create"] #createView .field-group > .hidden-field,
body[data-current-view="create"] #createView .advanced-create-grid > .hidden-field,
body[data-current-view="create"] #createView label.hidden-field {
  display: none !important;
}

body[data-current-view="create"] #createView .advanced-create-grid {
  display: grid !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body[data-current-view="create"] #createView .choice-trigger {
  min-height: 50px !important;
  padding: 10px 13px !important;
  border: 1px solid rgba(60, 60, 67, 0.22) !important;
  border-radius: 13px !important;
  background: #ffffff !important;
}

body[data-current-view="create"] #createView .choice-trigger-value {
  color: #1c1c1e !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
}

body[data-current-view="create"] #createView .form-actions {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 86px !important;
  width: calc(100vw - 28px) !important;
  max-width: 402px !important;
  transform: translateX(-50%) !important;
  z-index: 20 !important;
  display: grid !important;
  gap: 10px !important;
  margin: 8px 0 0 !important;
  padding: 10px 0 0 !important;
  background: linear-gradient(180deg, rgba(243, 248, 255, 0), #f3f8ff 42%) !important;
}

body[data-current-view="create"] #createView .primary-button {
  width: 100% !important;
  min-height: 52px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #244aa5 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(36, 74, 165, 0.26) !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

body[data-current-view="create"] #createView .secondary-button {
  min-height: 44px !important;
  border-radius: 12px !important;
}

body[data-current-view="create"] #createView .result-panel {
  margin-top: 14px !important;
  border: 1px solid #d7e6ff !important;
  border-radius: 20px !important;
  background: #ffffff !important;
}

body[data-current-view="create"] .ref-bottom-nav {
  display: grid !important;
}

/* 2026-05-21 compact one-screen create panels. */
body[data-current-view="create"] #createView {
  padding: 8px 10px 138px !important;
}

body[data-current-view="create"] #createView .section-close-bar {
  margin-bottom: 6px !important;
}

body[data-current-view="create"] #createView .section-exit-title {
  min-height: 28px !important;
  font-size: 18px !important;
}

body[data-current-view="create"] #createView .form-panel {
  padding: 10px 10px 12px !important;
  border-radius: 18px !important;
}

body[data-current-view="create"] #createView .panel-heading {
  margin-bottom: 8px !important;
}

body[data-current-view="create"] #createView .panel-heading h2 {
  font-size: 18px !important;
}

body[data-current-view="create"] #createView #categoryBadge {
  min-height: 22px !important;
  padding: 0 9px !important;
  font-size: 11px !important;
}

body[data-current-view="create"] #createView .form-stack {
  gap: 8px !important;
}

body[data-current-view="create"] #createView .category-tabs {
  margin-bottom: 4px !important;
  padding: 2px !important;
  border-radius: 12px !important;
}

body[data-current-view="create"] #createView .category-card {
  min-height: 34px !important;
  padding: 4px 3px !important;
  border-radius: 9px !important;
}

body[data-current-view="create"] #createView .category-card strong {
  font-size: 12px !important;
  line-height: 1.08 !important;
}

body[data-current-view="create"] #createView .form-stack > label,
body[data-current-view="create"] #createView .field-group > label,
body[data-current-view="create"] #createView .advanced-create-grid > label {
  gap: 4px !important;
}

body[data-current-view="create"] #createView label > span,
body[data-current-view="create"] #createView .advanced-create-title {
  font-size: 12px !important;
  line-height: 1.1 !important;
}

body[data-current-view="create"] #createView input:not([type="file"]),
body[data-current-view="create"] #createView textarea,
body[data-current-view="create"] #createView .choice-trigger {
  min-height: 36px !important;
  padding: 7px 10px !important;
  border-radius: 9px !important;
  font-size: 14px !important;
}

body[data-current-view="create"] #createView .choice-trigger {
  grid-template-columns: minmax(0, 1fr) 16px !important;
}

body[data-current-view="create"] #createView .choice-trigger-value {
  font-size: 14px !important;
  line-height: 1.15 !important;
}

body[data-current-view="create"] #createView textarea {
  min-height: 48px !important;
  max-height: 56px !important;
  resize: none !important;
}

body[data-current-view="create"] #createView .field-group {
  gap: 8px !important;
}

body[data-create-category="project_ad"] #createView .project-field,
body[data-create-category="chat_feedback"] #createView .form-stack,
body[data-create-category="real_comparison"] #createView .comparison-field {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body[data-create-category="project_ad"] #createView .project-field > label,
body[data-create-category="real_comparison"] #createView .comparison-field > label:first-child,
body[data-create-category="real_comparison"] #createView .comparison-field > label:nth-child(2) {
  grid-column: 1 / -1 !important;
}

body[data-create-category="chat_feedback"] #createView .category-tabs,
body[data-create-category="chat_feedback"] #createView .form-stack > label:first-of-type,
body[data-create-category="chat_feedback"] #createView .extra-text-field,
body[data-create-category="chat_feedback"] #createView .form-actions {
  grid-column: 1 / -1 !important;
}

body[data-current-view="create"][data-create-category="project_ad"] #createView .form-stack > .extra-text-field,
body[data-current-view="create"][data-create-category="project_ad"] #createView .extra-text-field {
  display: none !important;
}

body[data-current-view="create"] #createView .advanced-create-fields {
  display: none !important;
}

body[data-current-view="create"] #createView .form-actions {
  bottom: 76px !important;
  width: calc(100vw - 20px) !important;
  max-width: 410px !important;
  padding-top: 8px !important;
}

body[data-current-view="create"] #createView .primary-button {
  min-height: 46px !important;
  border-radius: 11px !important;
  font-size: 16px !important;
}

body[data-current-view="create"] #createView .result-panel {
  display: none !important;
}

/* 2026-05-21 task-center handoff: creation no longer shows an inline preview panel. */
#createView .result-panel,
#createView .result-panel:not(.hidden-field),
body[data-current-view="create"] #createView .result-panel,
body[data-current-view="create"] #createView .result-panel:not(.hidden-field) {
  display: none !important;
}

body[data-current-view="create"] #createView .result-panel.create-error-panel {
  display: block !important;
}

/* 2026-05-21 restore create controls and keep native iOS select popups. */
body[data-current-view="create"] #createView select {
  display: block !important;
  width: 100% !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 8px 32px 8px 11px !important;
  border: 1px solid #dbe8ff !important;
  border-radius: 9px !important;
  background: #f9fbff !important;
  color: #101828 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
}

body[data-current-view="create"] #createView select:has(+ .choice-picker),
body[data-current-view="create"] #createView select.choice-source-select {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 8px 32px 8px 11px !important;
  border: 1px solid #dbe8ff !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body[data-current-view="create"] #createView .choice-picker,
body[data-current-view="create"] #createView .choice-trigger,
body[data-current-view="create"] #createView .choice-popup {
  display: none !important;
}

body[data-current-view="create"] #createView .advanced-create-fields:not(.hidden-field) {
  display: grid !important;
  gap: 10px !important;
  margin: 8px 0 0 !important;
  padding: 12px 10px !important;
}

body[data-current-view="create"] #createView .advanced-create-grid {
  display: grid !important;
  gap: 10px !important;
}

body[data-current-view="create"][data-create-category="project_ad"] #createView .form-stack > .extra-text-field:not(.hidden-field),
body[data-current-view="create"][data-create-category="project_ad"] #createView .extra-text-field:not(.hidden-field) {
  display: grid !important;
}

body[data-current-view="create"] #createView .form-actions {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  z-index: auto !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

body[data-current-view="create"] #createView .secondary-button:not(.hidden-field) {
  display: inline-flex !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: center !important;
}

body[data-current-view="create"] #createView .form-stack > label.hidden-field,
body[data-current-view="create"] #createView .field-group.hidden-field,
body[data-current-view="create"] #createView .field-group > .hidden-field,
body[data-current-view="create"] #createView .advanced-create-grid > .hidden-field,
body[data-current-view="create"] #createView label.hidden-field,
body[data-current-view="create"] #createView .hidden-field {
  display: none !important;
}

body[data-current-view="create"] #createView .result-panel,
body[data-current-view="create"] #createView .result-panel:not(.hidden-field) {
  display: none !important;
}

/* 2026-05-21 final compact create heading: one board title only. */
body[data-current-view="create"] #createView {
  padding-top: 10px !important;
}

body[data-current-view="create"] #createView .section-close-bar {
  display: none !important;
}

body[data-current-view="create"] #createView .form-panel {
  padding-top: 14px !important;
}

body[data-current-view="create"] #createView .panel-heading {
  margin-bottom: 8px !important;
}

body[data-current-view="create"] #createView #categoryBadge {
  display: none !important;
}

body[data-current-view="create"] #createView .advanced-create-fields:not(.hidden-field) {
  margin-top: 6px !important;
  padding: 10px !important;
}

/* 2026-05-21 final module tabs: align home and create category cards with the app panels. */
body[data-current-view="home"] .ref-scene-grid,
body[data-current-view="create"] #createView .category-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body[data-current-view="home"] .ref-scene-grid {
  margin: 12px 0 16px !important;
}

body[data-current-view="create"] #createView .category-tabs {
  margin: 0 0 8px !important;
}

body[data-current-view="home"] .ref-scene-card,
body[data-current-view="home"] .ref-scene-card.ref-scene-ad,
body[data-current-view="home"] .ref-scene-card.ref-scene-compare,
body[data-current-view="home"] .ref-scene-card.ref-scene-chat,
body[data-current-view="create"] #createView .category-card {
  position: relative !important;
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #d7e6ff !important;
  background: #ffffff !important;
  color: #2454b8 !important;
  box-shadow: 0 6px 16px rgba(51, 99, 180, 0.06) !important;
  text-align: center !important;
  overflow: hidden !important;
}

body[data-current-view="home"] .ref-scene-card,
body[data-current-view="home"] .ref-scene-card.ref-scene-ad,
body[data-current-view="home"] .ref-scene-card.ref-scene-compare,
body[data-current-view="home"] .ref-scene-card.ref-scene-chat {
  min-height: 54px !important;
  padding: 7px 5px !important;
  border-radius: 13px !important;
}

body[data-current-view="create"] #createView .category-card {
  min-height: 36px !important;
  padding: 5px 4px !important;
  border-radius: 11px !important;
}

body[data-current-view="create"] #createView .category-card.active {
  border-color: #9fc4ff !important;
  background: #eaf3ff !important;
  color: #1244a3 !important;
  box-shadow: inset 0 0 0 1px rgba(36, 84, 184, 0.04), 0 6px 16px rgba(51, 99, 180, 0.08) !important;
}

body[data-current-view="home"] .ref-scene-card + .ref-scene-card::before,
body[data-current-view="home"] .ref-scene-card.ref-scene-ad + .ref-scene-card::before,
body[data-current-view="home"] .ref-scene-card::before,
body[data-current-view="home"] .ref-scene-card::after,
body[data-current-view="create"] #createView .category-card::before,
body[data-current-view="create"] #createView .category-card::after {
  content: none !important;
  display: none !important;
}

body[data-current-view="home"] .ref-scene-card span,
body[data-current-view="create"] #createView .category-card strong {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: 12px !important;
  line-height: 1.14 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
}

body[data-current-view="home"] .ref-scene-card strong,
body[data-current-view="home"] .ref-scene-card em,
body[data-current-view="home"] .ref-scene-card i {
  content: none !important;
  display: none !important;
}

/* 2026-05-21 module cards: icons, short descriptions and soft category colors. */
body[data-current-view="home"] .ref-scene-card,
body[data-current-view="home"] .ref-scene-card.ref-scene-ad,
body[data-current-view="home"] .ref-scene-card.ref-scene-compare,
body[data-current-view="home"] .ref-scene-card.ref-scene-chat,
body[data-current-view="create"] #createView .category-card {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  justify-content: stretch !important;
  column-gap: 7px !important;
  row-gap: 1px !important;
  text-align: left !important;
}

body[data-current-view="home"] .ref-scene-card,
body[data-current-view="home"] .ref-scene-card.ref-scene-ad,
body[data-current-view="home"] .ref-scene-card.ref-scene-compare,
body[data-current-view="home"] .ref-scene-card.ref-scene-chat {
  min-height: 74px !important;
  padding: 8px 7px !important;
}

body[data-current-view="create"] #createView .category-card {
  min-height: 58px !important;
  padding: 6px 6px !important;
}

body[data-current-view="home"] .ref-scene-card .module-icon,
body[data-current-view="create"] #createView .category-card .module-icon {
  display: inline-flex !important;
  grid-row: 1 / span 2 !important;
  width: 26px !important;
  height: 26px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  color: inherit !important;
  background: rgba(255, 255, 255, 0.62) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72) !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
}

body[data-current-view="home"] .ref-scene-card span,
body[data-current-view="create"] #createView .category-card strong {
  display: block !important;
  width: auto !important;
  color: inherit !important;
  font-size: 12px !important;
  line-height: 1.14 !important;
  font-weight: 900 !important;
  text-align: left !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
}

body[data-current-view="home"] .ref-scene-card strong,
body[data-current-view="create"] #createView .category-card .category-intro {
  display: block !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: currentColor !important;
  opacity: 0.72 !important;
  font-size: 10px !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
}

body[data-current-view="home"] .ref-scene-card.ref-scene-ad,
body[data-current-view="create"] #createView .category-card[data-category="project_ad"] {
  border-color: #f3c7c7 !important;
  background: #fff0f0 !important;
  color: #a83b3b !important;
  box-shadow: 0 6px 16px rgba(202, 80, 80, 0.08) !important;
}

body[data-current-view="home"] .ref-scene-card.ref-scene-compare,
body[data-current-view="create"] #createView .category-card[data-category="real_comparison"] {
  border-color: #bfe0ff !important;
  background: #eef7ff !important;
  color: #2466a8 !important;
  box-shadow: 0 6px 16px rgba(60, 129, 198, 0.08) !important;
}

body[data-current-view="home"] .ref-scene-card.ref-scene-chat,
body[data-current-view="create"] #createView .category-card[data-category="chat_feedback"] {
  border-color: #bee8ca !important;
  background: #effaf2 !important;
  color: #287746 !important;
  box-shadow: 0 6px 16px rgba(55, 148, 86, 0.08) !important;
}

body[data-current-view="create"] #createView .category-card.active {
  transform: translateY(-1px) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.82), 0 8px 18px rgba(44, 92, 162, 0.12) !important;
}

/* 2026-05-21 module cards: use direction markers so icons never overlap text. */
body[data-current-view="home"] .ref-scene-card,
body[data-current-view="home"] .ref-scene-card.ref-scene-ad,
body[data-current-view="home"] .ref-scene-card.ref-scene-compare,
body[data-current-view="home"] .ref-scene-card.ref-scene-chat,
body[data-current-view="create"] #createView .category-card {
  grid-template-columns: minmax(0, 1fr) 16px !important;
  column-gap: 4px !important;
}

body[data-current-view="home"] .ref-scene-card .module-icon,
body[data-current-view="create"] #createView .category-card .module-icon {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  justify-self: end !important;
  width: 16px !important;
  height: 24px !important;
  min-width: 16px !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: currentColor !important;
  font-size: 0 !important;
  line-height: 1 !important;
  overflow: visible !important;
}

body[data-current-view="home"] .ref-scene-card .module-icon::before,
body[data-current-view="create"] #createView .category-card .module-icon::before {
  content: "›" !important;
  display: block !important;
  color: currentColor !important;
  opacity: 0.74 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

body[data-current-view="home"] .ref-scene-card span,
body[data-current-view="home"] .ref-scene-card strong,
body[data-current-view="create"] #createView .category-card strong,
body[data-current-view="create"] #createView .category-card .category-intro {
  grid-column: 1 !important;
  min-width: 0 !important;
  padding-right: 0 !important;
}

/* 2026-05-21 my works: align home work shortcuts with the three content types. */
body[data-current-view="home"] .ref-task-panel .ref-task-list {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

body[data-current-view="home"] .ref-task-panel .ref-task-list button {
  min-width: 0 !important;
  min-height: 72px !important;
  padding: 8px 5px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 13px !important;
  box-shadow: 0 6px 16px rgba(50, 82, 138, 0.07) !important;
}

body[data-current-view="home"] .ref-task-panel .ref-task-list button:nth-child(1) {
  border-color: #f3c7c7 !important;
  background: #fff0f0 !important;
  color: #a83b3b !important;
}

body[data-current-view="home"] .ref-task-panel .ref-task-list button:nth-child(2) {
  border-color: #bfe0ff !important;
  background: #eef7ff !important;
  color: #2466a8 !important;
}

body[data-current-view="home"] .ref-task-panel .ref-task-list button:nth-child(3) {
  border-color: #bee8ca !important;
  background: #effaf2 !important;
  color: #287746 !important;
}

body[data-current-view="home"] .ref-task-panel .ref-task-list button i {
  display: none !important;
}

body[data-current-view="home"] .ref-task-panel .ref-task-list button span,
body[data-current-view="home"] .ref-task-panel .ref-task-list button strong,
body[data-current-view="home"] .ref-task-panel .ref-task-list button em {
  color: currentColor !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

body[data-current-view="home"] .ref-task-panel .ref-task-list button span {
  font-size: 11px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  white-space: normal !important;
}

body[data-current-view="home"] .ref-task-panel .ref-task-list button strong {
  margin-top: 6px !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

body[data-current-view="home"] .ref-task-panel .ref-task-list button em {
  margin-top: 5px !important;
  opacity: 0.72 !important;
  font-size: 9px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  font-style: normal !important;
}

body[data-current-view="works"] .filter-tabs {
  gap: 6px !important;
}

/* 2026-05-21 my works colors: match the three home module cards by content type. */
body[data-current-view="home"] .ref-task-panel .ref-task-list button[data-home-work-link="project_ad"] {
  border-color: #f3c7c7 !important;
  background: #fff0f0 !important;
  color: #a83b3b !important;
  box-shadow: 0 6px 16px rgba(202, 80, 80, 0.08) !important;
}

body[data-current-view="home"] .ref-task-panel .ref-task-list button[data-home-work-link="real_comparison"] {
  border-color: #bfe0ff !important;
  background: #eef7ff !important;
  color: #2466a8 !important;
  box-shadow: 0 6px 16px rgba(60, 129, 198, 0.08) !important;
}

body[data-current-view="home"] .ref-task-panel .ref-task-list button[data-home-work-link="chat_feedback"] {
  border-color: #bee8ca !important;
  background: #effaf2 !important;
  color: #287746 !important;
  box-shadow: 0 6px 16px rgba(55, 148, 86, 0.08) !important;
}

body[data-current-view="home"] .ref-task-panel .ref-task-list button[data-home-work-link] span,
body[data-current-view="home"] .ref-task-panel .ref-task-list button[data-home-work-link] strong,
body[data-current-view="home"] .ref-task-panel .ref-task-list button[data-home-work-link] em {
  color: currentColor !important;
}

/* 2026-05-21 site info: home opens a modal instead of routing to backend/mine panel. */
.site-info-dialog {
  width: min(88vw, 360px) !important;
  max-height: min(78vh, 520px) !important;
  padding: 18px 16px 16px !important;
  border: 1px solid rgba(188, 207, 238, 0.9) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  color: #18315f !important;
  box-shadow: 0 24px 60px rgba(30, 54, 102, 0.24) !important;
  overflow: auto !important;
}

.site-info-dialog::backdrop {
  background: rgba(20, 32, 56, 0.42) !important;
  backdrop-filter: blur(4px) !important;
}

.site-info-dialog .dialog-close {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 32px !important;
  height: 32px !important;
  border: 1px solid rgba(197, 213, 241, 0.95) !important;
  border-radius: 999px !important;
  background: #f7faff !important;
  color: #315790 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  display: grid !important;
  place-items: center !important;
}

.site-info-dialog-head {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  padding-right: 34px !important;
}

.site-info-dialog .site-info-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  display: grid !important;
  place-items: center !important;
  background: #edf5ff !important;
  color: #2454b8 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  font-style: normal !important;
}

.site-info-dialog strong {
  display: block !important;
  color: #142f63 !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

.site-info-dialog span {
  display: block !important;
  margin-top: 3px !important;
  color: #6b7c9b !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

.site-info-dialog p {
  margin: 14px 0 0 !important;
  color: #2f436a !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  font-weight: 650 !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
}

body[data-current-view="mine"] #siteInfoPanel,
#adminSiteMessageForm {
  display: none !important;
}

/* 2026-05-21 home assets: place "我的素材" before news and make it a page entrance. */
body[data-current-view="home"] .ref-material-panel {
  border-color: rgba(191, 224, 255, 0.95) !important;
  background: #ffffff !important;
}

body[data-current-view="home"] .ref-material-panel .ref-panel-head h2 {
  color: #163767 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

body[data-current-view="home"] .ref-material-panel .ref-panel-head button {
  color: #2454b8 !important;
  font-weight: 900 !important;
}

body[data-current-view="home"] .ref-material-strip button {
  cursor: pointer !important;
}

/* 2026-05-21 news detail: show more items and expandable detail on the home feed. */
body[data-current-view="home"] .ref-news-panel {
  padding: 12px 10px !important;
}

body[data-current-view="home"] .ref-news-summary p {
  overflow: visible !important;
  text-overflow: initial !important;
  display: block !important;
  -webkit-line-clamp: initial !important;
  -webkit-box-orient: initial !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

body[data-current-view="home"] .ref-news-list {
  gap: 9px !important;
}

body[data-current-view="home"] .ref-news-card {
  padding: 11px 10px !important;
  gap: 7px !important;
}

body[data-current-view="home"] .ref-news-card strong,
body[data-current-view="home"] .ref-news-title {
  overflow: visible !important;
  text-overflow: initial !important;
  white-space: normal !important;
  color: #10254b !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

body[data-current-view="home"] .ref-news-card > p,
body[data-current-view="home"] .ref-news-summary-text {
  overflow: visible !important;
  color: #53647f !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
  font-weight: 750 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

body[data-current-view="home"] .ref-news-card.is-expanded .ref-news-summary-text {
  display: block !important;
  -webkit-line-clamp: initial !important;
}

body[data-current-view="home"] .ref-news-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 1px !important;
}

body[data-current-view="home"] .ref-news-actions button,
body[data-current-view="home"] .ref-news-card .ref-news-source-link {
  position: static !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 28px !important;
  min-width: 70px !important;
  padding: 0 10px !important;
  border: 1px solid #c9dcfb !important;
  border-radius: 999px !important;
  background: #eef5ff !important;
  color: #2454b8 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

body[data-current-view="home"] .ref-news-actions button {
  appearance: none !important;
}

body[data-current-view="home"] .ref-news-card .ref-news-source-link::before {
  display: none !important;
}

/* 2026-05-21 admin accounts: make each account easy to distinguish on mobile. */
body:not([data-current-view="home"]) .admin-section-panel {
  display: grid !important;
  gap: 12px !important;
  margin: 0 0 14px !important;
  padding: 12px !important;
  border: 1px solid #dce8f7 !important;
  border-radius: 12px !important;
  background: #fbfdff !important;
}

body:not([data-current-view="home"]) .admin-section-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 6px 12px !important;
  align-items: center !important;
  min-width: 0 !important;
}

body:not([data-current-view="home"]) .admin-fold-panel {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 1px solid #dce8f7 !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: hidden !important;
}

body:not([data-current-view="home"]) .admin-fold-panel > summary {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 4px 10px !important;
  align-items: center !important;
  padding: 12px !important;
  cursor: pointer !important;
  list-style: none !important;
}

body:not([data-current-view="home"]) .admin-fold-panel > summary::-webkit-details-marker {
  display: none !important;
}

body:not([data-current-view="home"]) .admin-fold-panel > summary::after {
  content: "展开" !important;
  display: inline-flex !important;
  min-width: 44px !important;
  height: 26px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #d8e5f4 !important;
  border-radius: 999px !important;
  background: #f8fbff !important;
  color: #42617f !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

body:not([data-current-view="home"]) .admin-fold-panel[open] > summary::after {
  content: "收起" !important;
}

body:not([data-current-view="home"]) .admin-fold-panel > summary strong {
  min-width: 0 !important;
  color: #132642 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

body:not([data-current-view="home"]) .admin-fold-panel > summary span {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #72849d !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not([data-current-view="home"]) .admin-fold-panel > .backend-preview-box,
body:not([data-current-view="home"]) .admin-fold-panel > .admin-block-card,
body:not([data-current-view="home"]) .admin-fold-panel > form,
body:not([data-current-view="home"]) .admin-fold-panel > div:not(summary) {
  margin: 0 12px 12px !important;
}

body:not([data-current-view="home"]) .admin-section-heading strong {
  color: #10233d !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

body:not([data-current-view="home"]) .admin-section-heading span {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #657995 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not([data-current-view="home"]) .admin-account-dashboard {
  display: grid !important;
  gap: 0 !important;
  padding: 10px 12px !important;
  border-color: #dce8f7 !important;
  background: #f8fbff !important;
}

body:not([data-current-view="home"]) .admin-account-status-line {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #526984 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not([data-current-view="home"]) .admin-account-summary-head {
  display: grid !important;
  gap: 4px !important;
}

body:not([data-current-view="home"]) .admin-account-summary-head strong {
  color: #122746 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

body:not([data-current-view="home"]) .admin-account-summary-head span {
  color: #647894 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}

body:not([data-current-view="home"]) .admin-account-kpi-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

body:not([data-current-view="home"]) .admin-account-kpi-grid div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  padding: 8px !important;
  border: 1px solid #e1ebf7 !important;
  border-radius: 8px !important;
  background: #fff !important;
}

body:not([data-current-view="home"]) .admin-account-kpi-grid span,
body:not([data-current-view="home"]) .admin-account-kpi-grid small {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #7b8da7 !important;
  font-size: 9px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not([data-current-view="home"]) .admin-account-kpi-grid strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #14294a !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not([data-current-view="home"]) .admin-account-row {
  border-color: #dce8f7 !important;
  border-radius: 14px !important;
  background: #fff !important;
}

body:not([data-current-view="home"]) .admin-account-row > summary {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 12px !important;
}

body:not([data-current-view="home"]) .admin-account-avatar {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid #d7e5f6 !important;
  border-radius: 12px !important;
  background: #edf5ff !important;
  color: #2454b8 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

body:not([data-current-view="home"]) .admin-account-row.is-vip .admin-account-avatar {
  border-color: #d8e9c7 !important;
  background: #f0fae8 !important;
  color: #3d7d2d !important;
}

body:not([data-current-view="home"]) .admin-account-row.is-empty .admin-account-avatar,
body:not([data-current-view="home"]) .admin-account-row.has-failed .admin-account-avatar {
  border-color: #f0d1d1 !important;
  background: #fff2f2 !important;
  color: #a33b3b !important;
}

body:not([data-current-view="home"]) .admin-account-row.is-admin .admin-account-avatar {
  border-color: #d6daf0 !important;
  background: #f4f5ff !important;
  color: #4c5aa8 !important;
}

body:not([data-current-view="home"]) .admin-account-row .account-fold-main {
  display: grid !important;
  gap: 3px !important;
}

body:not([data-current-view="home"]) .admin-account-row .account-fold-main strong {
  color: #132642 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

body:not([data-current-view="home"]) .admin-account-email,
body:not([data-current-view="home"]) .admin-account-subline {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not([data-current-view="home"]) .admin-account-email {
  color: #40526e !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

body:not([data-current-view="home"]) .admin-account-subline {
  color: #8393aa !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

body:not([data-current-view="home"]) .admin-account-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, 54px) !important;
  gap: 5px !important;
}

body:not([data-current-view="home"]) .admin-account-metrics > span {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
  padding: 6px 7px !important;
  border: 1px solid #e1ebf7 !important;
  border-radius: 9px !important;
  background: #f8fbff !important;
  text-align: center !important;
}

body:not([data-current-view="home"]) .admin-account-metrics b {
  overflow: hidden !important;
  color: #7b8da7 !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not([data-current-view="home"]) .admin-account-metrics strong {
  overflow: hidden !important;
  color: #14294a !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not([data-current-view="home"]) .admin-account-row .account-status-tags {
  grid-column: 2 / -1 !important;
  justify-content: flex-start !important;
}

body:not([data-current-view="home"]) .admin-account-workspace {
  align-items: start !important;
}

body:not([data-current-view="home"]) .admin-block-card,
body:not([data-current-view="home"]) .admin-account-toolbar,
body:not([data-current-view="home"]) .admin-bulk-toolbar,
body:not([data-current-view="home"]) .admin-account-list-panel {
  border-color: #dce8f7 !important;
  background: #fbfdff !important;
}

body:not([data-current-view="home"]) .admin-block-title {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

body:not([data-current-view="home"]) .admin-block-title strong {
  color: #132642 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

body:not([data-current-view="home"]) .admin-block-title span {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #70849f !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not([data-current-view="home"]) .admin-account-toolbar {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: end !important;
  padding: 12px !important;
}

body:not([data-current-view="home"]) .admin-account-toolbar .admin-block-title {
  grid-column: 1 / -1 !important;
}

body:not([data-current-view="home"]) .admin-account-toolbar label {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body:not([data-current-view="home"]) .admin-account-toolbar label > span {
  color: #536984 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

body:not([data-current-view="home"]) .admin-account-toolbar input,
body:not([data-current-view="home"]) .admin-account-toolbar select {
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  font-size: 13px !important;
}

body:not([data-current-view="home"]) .admin-bulk-toolbar {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: end !important;
}

body:not([data-current-view="home"]) .admin-export-toolbar {
  display: grid !important;
  justify-items: start !important;
}

body:not([data-current-view="home"]) .account-credit-detail {
  gap: 12px !important;
  padding: 12px !important;
  background: #f8fbff !important;
}

body:not([data-current-view="home"]) .admin-account-section {
  border-color: #e0eaf6 !important;
  border-radius: 10px !important;
  background: #fff !important;
}

body:not([data-current-view="home"]) .account-generation-section {
  border-color: #cfe0f4 !important;
  background: #fdfefe !important;
}

body:not([data-current-view="home"]) .admin-account-section-title strong {
  font-size: 13px !important;
}

body:not([data-current-view="home"]) .admin-account-section-title span {
  max-width: 58% !important;
}

body:not([data-current-view="home"]) .account-identity-grid {
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) !important;
}

body:not([data-current-view="home"]) .account-usage-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body:not([data-current-view="home"]) .admin-account-manage-section {
  padding: 0 !important;
  overflow: hidden !important;
}

body:not([data-current-view="home"]) .admin-account-manage-section > summary {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 4px 10px !important;
  align-items: center !important;
  padding: 12px !important;
  cursor: pointer !important;
  list-style: none !important;
}

body:not([data-current-view="home"]) .admin-account-manage-section > summary::-webkit-details-marker {
  display: none !important;
}

body:not([data-current-view="home"]) .admin-account-manage-section > summary::after {
  content: "管理" !important;
  display: inline-flex !important;
  min-width: 42px !important;
  height: 26px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #d8e5f4 !important;
  border-radius: 999px !important;
  background: #f8fbff !important;
  color: #42617f !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

body:not([data-current-view="home"]) .admin-account-manage-section[open] > summary::after {
  content: "收起" !important;
}

body:not([data-current-view="home"]) .admin-account-manage-section > summary strong {
  color: #132642 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

body:not([data-current-view="home"]) .admin-account-manage-section > summary span {
  grid-column: 1 / -1 !important;
  color: #72849d !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
}

body:not([data-current-view="home"]) .admin-account-manage-body {
  display: grid !important;
  gap: 12px !important;
  padding: 0 12px 12px !important;
}

body:not([data-current-view="home"]) #adminCustomerSummary > .backend-preview-box,
body:not([data-current-view="home"]) #adminAccountData > .backend-preview-box {
  margin: 0 !important;
}

body:not([data-current-view="home"]) .account-status-tags b.is-vip {
  border-color: #cfe7ba !important;
  background: #effae8 !important;
  color: #3a7830 !important;
}

body:not([data-current-view="home"]) .account-status-tags b.is-free {
  border-color: #dbe7f6 !important;
  background: #f7fbff !important;
  color: #34506f !important;
}

body:not([data-current-view="home"]) .account-status-tags b.is-admin {
  border-color: #d6daf0 !important;
  background: #f4f5ff !important;
  color: #4c5aa8 !important;
}

body:not([data-current-view="home"]) .account-status-tags b.is-empty,
body:not([data-current-view="home"]) .account-status-tags b.is-failed {
  border-color: #f0cfcf !important;
  background: #fff1f1 !important;
  color: #9d3838 !important;
}

@media (max-width: 720px) {
  body:not([data-current-view="home"]) .admin-account-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:not([data-current-view="home"]) .admin-account-row > summary {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 9px !important;
  }

  body:not([data-current-view="home"]) .admin-account-avatar {
    width: 40px !important;
    height: 40px !important;
  }

  body:not([data-current-view="home"]) .admin-account-metrics {
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body:not([data-current-view="home"]) .admin-account-row .account-status-tags {
    grid-column: 1 / -1 !important;
  }

  body:not([data-current-view="home"]) .admin-account-toolbar,
  body:not([data-current-view="home"]) .admin-bulk-toolbar,
  body:not([data-current-view="home"]) .account-identity-grid,
  body:not([data-current-view="home"]) .account-usage-grid {
    grid-template-columns: 1fr !important;
  }

  body:not([data-current-view="home"]) .admin-account-section-title {
    display: grid !important;
    gap: 3px !important;
  }

  body:not([data-current-view="home"]) .admin-account-section-title span {
    max-width: none !important;
    text-align: left !important;
  }
}

/* 2026-05-22 admin backend preview: show an organized prompt preview only for admins. */
body[data-current-view="create"] #createView .result-panel.admin-preview-panel,
body[data-current-view="create"] #createView .result-panel.admin-preview-panel:not(.hidden-field) {
  display: grid !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 430px !important;
  margin: 14px auto 0 !important;
  padding: 16px 14px !important;
  border: 1px solid #d7e6ff !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(51, 99, 180, 0.08) !important;
}

body[data-current-view="create"] #createView .result-panel.admin-preview-panel.hidden-field {
  display: none !important;
}

body[data-current-view="create"] #createView .admin-preview-panel .panel-heading {
  margin: 0 !important;
}

body[data-current-view="create"] #createView .admin-preview-panel .panel-heading h2 {
  font-size: 18px !important;
}

body[data-current-view="create"] #createView .admin-preview-panel .panel-heading span {
  color: #5f6f8a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body[data-current-view="create"] #createView .admin-preview-panel .poster-preview-area {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body[data-current-view="create"] #createView .admin-preview-panel .poster-preview-empty {
  min-height: 132px !important;
  border-radius: 14px !important;
  padding: 18px !important;
  font-size: 13px !important;
}

body[data-current-view="create"] #createView .admin-backend-preview {
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
}

body[data-current-view="create"] #createView .admin-preview-summary,
body[data-current-view="create"] #createView .admin-preview-rules,
body[data-current-view="create"] #createView .admin-preview-item {
  min-width: 0 !important;
  border: 1px solid #dbe8ff !important;
  border-radius: 14px !important;
  background: #f9fbff !important;
}

body[data-current-view="create"] #createView .admin-preview-summary {
  display: grid !important;
  gap: 8px !important;
  padding: 12px !important;
}

body[data-current-view="create"] #createView .admin-preview-summary strong {
  display: block !important;
  color: #0f172a !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
}

body[data-current-view="create"] #createView .admin-preview-summary span,
body[data-current-view="create"] #createView .admin-preview-summary em {
  display: block !important;
  color: #5f6f8a !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-style: normal !important;
}

body[data-current-view="create"] #createView .admin-preview-meta {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body[data-current-view="create"] #createView .admin-preview-meta div,
body[data-current-view="create"] #createView .admin-preview-rules div {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding: 10px !important;
  border: 1px solid #e6eefc !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}

body[data-current-view="create"] #createView .admin-preview-meta span,
body[data-current-view="create"] #createView .admin-preview-rules span {
  color: #6b7b95 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

body[data-current-view="create"] #createView .admin-preview-meta strong,
body[data-current-view="create"] #createView .admin-preview-rules strong {
  min-width: 0 !important;
  color: #13213a !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
  overflow-wrap: anywhere !important;
}

body[data-current-view="create"] #createView .admin-preview-rules {
  display: grid !important;
  gap: 8px !important;
  padding: 8px !important;
}

body[data-current-view="create"] #createView .admin-preview-list {
  display: grid !important;
  gap: 10px !important;
}

body[data-current-view="create"] #createView .admin-preview-item {
  overflow: hidden !important;
}

body[data-current-view="create"] #createView .admin-preview-item > summary {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 11px 12px !important;
  cursor: pointer !important;
  list-style: none !important;
}

body[data-current-view="create"] #createView .admin-preview-item > summary::-webkit-details-marker {
  display: none !important;
}

body[data-current-view="create"] #createView .admin-preview-item > summary span,
body[data-current-view="create"] #createView .admin-preview-item > summary em {
  color: #5f6f8a !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-style: normal !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

body[data-current-view="create"] #createView .admin-preview-item > summary strong {
  min-width: 0 !important;
  color: #101828 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 850 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-current-view="create"] #createView .admin-preview-item p {
  margin: 0 12px 10px !important;
  color: #35445f !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

body[data-current-view="create"] #createView .admin-preview-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 12px 10px !important;
}

body[data-current-view="create"] #createView .admin-preview-tags b {
  padding: 5px 8px !important;
  border-radius: 999px !important;
  background: #edf4ff !important;
  color: #244aa5 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
}

body[data-current-view="create"] #createView .admin-preview-item pre {
  max-height: 360px !important;
  margin: 0 !important;
  padding: 12px !important;
  overflow: auto !important;
  border-top: 1px solid #dbe8ff !important;
  background: #ffffff !important;
  color: #17233c !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
}

@media (min-width: 960px) {
  body[data-current-view="create"] #createView .workspace-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 430px) minmax(0, 430px) !important;
    gap: 16px !important;
    max-width: 900px !important;
    align-items: start !important;
  }

  body[data-current-view="create"] #createView .result-panel.admin-preview-panel {
    margin-top: 0 !important;
  }
}

/* desktop final repair - 2026-05-22 */
@media (min-width: 981px) {
  body[data-current-view="home"] .ref-home > .ref-topbar,
  body[data-current-view="home"] .ref-home > .ref-greeting,
  body[data-current-view="home"] .ref-home > .ref-hero,
  body[data-current-view="home"] .ref-home > .ref-scene-grid,
  body[data-current-view="home"] .ref-home > .ref-two-col,
  body[data-current-view="home"] .ref-home > .ref-material-panel,
  body[data-current-view="home"] .ref-home > .ref-news-panel,
  body[data-current-view="home"] .ref-home > .ref-bottom-nav {
    display: none !important;
  }

  body[data-current-view="home"] .desktop-dashboard {
    display: block !important;
    min-height: 100vh !important;
    padding: 0 42px 36px !important;
  }

  body[data-current-view="home"] .desktop-dashboard-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  body[data-current-view="home"] .desktop-dashboard-grid > .desktop-panel {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
  }

  body[data-current-view="home"] .desktop-title-lockup {
    min-width: 0 !important;
    margin-right: auto !important;
  }

  body[data-current-view="home"] .desktop-title-lockup strong,
  body[data-current-view="home"] .desktop-title-lockup span {
    display: block !important;
    line-height: 1.2 !important;
  }

  body[data-current-view="home"] .desktop-title-lockup strong {
    color: #162033 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
  }

  body[data-current-view="home"] .desktop-title-lockup span {
    margin-top: 4px !important;
    color: #6f7b91 !important;
    font-size: 13px !important;
  }

  body[data-current-view="home"] .desktop-work-overview {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 18px 0 14px !important;
  }

  body[data-current-view="home"] .desktop-work-overview button,
  body[data-current-view="home"] .desktop-metrics button,
  body[data-current-view="home"] .desktop-status button {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
  }

  body[data-current-view="home"] .desktop-work-overview button {
    min-height: 104px !important;
    border: 1px solid #e5edf8 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #f7fbff, #ffffff) !important;
    padding: 16px !important;
    text-align: left !important;
  }

  body[data-current-view="home"] .desktop-work-overview span,
  body[data-current-view="home"] .desktop-work-overview em,
  body[data-current-view="home"] .desktop-metrics span,
  body[data-current-view="home"] .desktop-metrics em,
  body[data-current-view="home"] .desktop-status span,
  body[data-current-view="home"] .desktop-status em {
    display: block !important;
    overflow-wrap: anywhere !important;
  }

  body[data-current-view="home"] .desktop-work-overview strong {
    display: block !important;
    margin: 8px 0 5px !important;
    font-size: 30px !important;
    line-height: 1 !important;
    color: #162033 !important;
  }

  body[data-current-view="home"] .desktop-metrics {
    border-top: 0 !important;
    padding-top: 0 !important;
  }

  body[data-current-view="home"] .desktop-metrics button {
    min-height: 86px !important;
    border: 1px solid #e5edf8 !important;
    border-radius: 12px !important;
    background: #fbfdff !important;
    padding: 14px !important;
    text-align: left !important;
  }

  body[data-current-view="home"] .desktop-metrics strong {
    font-size: 24px !important;
    color: #162033 !important;
  }

  body[data-current-view="home"] .desktop-status > div {
    margin-top: 18px !important;
    gap: 12px !important;
  }

  body[data-current-view="home"] .desktop-status strong {
    max-width: 100% !important;
    font-size: clamp(18px, 1.8vw, 24px) !important;
    line-height: 1.1 !important;
    overflow-wrap: anywhere !important;
  }

  body[data-current-view="home"] .desktop-material-strip button {
    position: relative !important;
    display: flex !important;
    min-width: 0 !important;
    min-height: 128px !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    overflow: hidden !important;
    text-align: left !important;
  }

  body[data-current-view="home"] .desktop-material-strip img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body[data-current-view="home"] .desktop-material-strip button::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.1), rgba(22,32,51,0.62)) !important;
    pointer-events: none !important;
  }

  body[data-current-view="home"] .desktop-material-strip button > span,
  body[data-current-view="home"] .desktop-material-strip button > small,
  body[data-current-view="home"] .desktop-material-strip button > i {
    position: relative !important;
    z-index: 1 !important;
  }

  body[data-current-view="home"] .desktop-material-strip button > span {
    color: #fff !important;
    font-weight: 800 !important;
    text-shadow: 0 1px 8px rgba(0,0,0,0.2) !important;
  }

  body[data-current-view="home"] .desktop-material-strip button > small {
    margin-top: 5px !important;
    color: rgba(255,255,255,0.86) !important;
    font-size: 12px !important;
  }

  body[data-current-view="home"] .desktop-news-panel {
    grid-column: 1 / -1 !important;
  }

  body[data-current-view="home"] .desktop-news-layout {
    display: grid !important;
    grid-template-columns: minmax(260px, 0.38fr) minmax(0, 1fr) !important;
    gap: 22px !important;
    align-items: stretch !important;
  }

  body[data-current-view="home"] .desktop-news-brief {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
  }

  body[data-current-view="home"] .desktop-news-summary {
    flex: 1 !important;
    margin: 18px 0 14px !important;
    border: 1px solid #e5edf8 !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #fbfdff 0%, #f6f9ff 100%) !important;
    padding: 18px !important;
  }

  body[data-current-view="home"] .desktop-news-summary span {
    display: inline-flex !important;
    margin-bottom: 8px !important;
    border-radius: 999px !important;
    background: #eef4ff !important;
    color: #2869ff !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  body[data-current-view="home"] .desktop-news-summary p {
    margin: 0 !important;
    color: #4b5563 !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
  }

  body[data-current-view="home"] .desktop-news-refresh {
    width: 100% !important;
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #162033 !important;
    color: #fff !important;
    font-weight: 900 !important;
    cursor: pointer !important;
  }

  body[data-current-view="home"] .desktop-news-feed {
    min-width: 0 !important;
    border: 1px solid #e5edf8 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  body[data-current-view="home"] .desktop-news-feed-head {
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) 120px !important;
    gap: 16px !important;
    align-items: center !important;
    min-height: 44px !important;
    border-bottom: 1px solid #e5edf8 !important;
    background: #f7faff !important;
    padding: 0 16px !important;
    color: #6f7b91 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  body[data-current-view="home"] .desktop-news-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  body[data-current-view="home"] .desktop-news-list .ref-news-card {
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) 120px !important;
    gap: 16px !important;
    align-items: center !important;
    min-width: 0 !important;
    min-height: 88px !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #eef3fb !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    padding: 14px 16px !important;
  }

  body[data-current-view="home"] .desktop-news-list .ref-news-card::before {
    display: none !important;
  }

  body[data-current-view="home"] .desktop-news-list .ref-news-card > span,
  body[data-current-view="home"] .desktop-news-list .ref-news-card .ref-news-meta {
    margin: 0 !important;
    color: #6f7b91 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  body[data-current-view="home"] .desktop-news-list .ref-news-card > strong,
  body[data-current-view="home"] .desktop-news-list .ref-news-title {
    display: block !important;
    margin: 0 !important;
    color: #162033 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }

  body[data-current-view="home"] .desktop-news-list .ref-news-card > p,
  body[data-current-view="home"] .desktop-news-list .ref-news-summary-text {
    grid-column: 2 !important;
    margin: 5px 0 0 !important;
    color: #6f7b91 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  body[data-current-view="home"] .desktop-news-list .ref-news-actions {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  body[data-current-view="home"] .desktop-news-list .ref-news-actions button,
  body[data-current-view="home"] .desktop-news-list .ref-news-card .ref-news-source-link {
    width: auto !important;
    min-height: 32px !important;
    border-radius: 8px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
  }

  body[data-current-view="home"] .desktop-news-list .ref-news-card.is-empty,
  body[data-current-view="home"] .desktop-news-list .ref-news-card.is-loading {
    grid-column: 1 / -1 !important;
    grid-template-columns: 150px minmax(0, 1fr) !important;
  }

  body[data-current-view="home"] .desktop-hero {
    min-height: 230px !important;
    margin: 0 0 28px !important;
    padding: 38px 44px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  body[data-current-view="home"] .desktop-scene-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    margin: 0 !important;
  }

  body[data-current-view="home"] .desktop-scene-card {
    min-height: 160px !important;
    padding: 22px 24px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 150px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  body[data-current-view="home"] .desktop-scene-card i {
    display: block !important;
    width: 150px !important;
    height: 116px !important;
    border-radius: 8px !important;
  }

  body[data-current-view="create"] #createView,
  body[data-current-view="create"] #createView .workspace-grid,
  body[data-current-view="create"] #createView .form-panel,
  body[data-current-view="create"] #createView .result-panel {
    width: 100% !important;
    max-width: none !important;
  }

  body[data-current-view="create"] #createView .workspace-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-current-view="create"] #createView .form-panel,
  body[data-current-view="create"] #createView .result-panel {
    padding: 34px !important;
  }

  body[data-current-view="create"] #createView .category-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100% !important;
    margin: 0 0 34px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body[data-current-view="create"] #createView .category-card {
    position: relative !important;
    display: grid !important;
    align-content: end !important;
    min-height: 238px !important;
    padding: 34px 34px 30px !important;
    border: 1px solid #dfe8f5 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #111827 !important;
    text-align: left !important;
    box-shadow: 0 18px 42px rgba(33, 65, 112, 0.08) !important;
    overflow: hidden !important;
  }

  body[data-current-view="create"] #createView .category-card::before {
    content: "" !important;
    position: absolute !important;
    left: auto !important;
    right: 24px !important;
    top: 24px !important;
    width: 76px !important;
    height: 76px !important;
    transform: none !important;
    border: 0 !important;
    border-radius: 8px !important;
  }

  body[data-current-view="create"] #createView .category-card::after {
    content: "" !important;
    position: absolute !important;
    right: -30px !important;
    bottom: -34px !important;
    display: block !important;
    width: 190px !important;
    height: 140px !important;
    border-radius: 28px !important;
    background: rgba(64, 120, 255, 0.08) !important;
    transform: rotate(-10deg) !important;
  }

  body[data-current-view="create"] #createView .category-card[data-category="project_ad"] {
    background: linear-gradient(180deg, #fff8fb 0%, #ffffff 100%) !important;
  }

  body[data-current-view="create"] #createView .category-card[data-category="project_ad"]::before {
    background: linear-gradient(135deg, #ffe4ee, #ff8db5) !important;
  }

  body[data-current-view="create"] #createView .category-card[data-category="real_comparison"] {
    background: linear-gradient(180deg, #f8fffd 0%, #ffffff 100%) !important;
  }

  body[data-current-view="create"] #createView .category-card[data-category="real_comparison"]::before {
    background: linear-gradient(135deg, #e5fff6, #36c7a2) !important;
  }

  body[data-current-view="create"] #createView .category-card[data-category="chat_feedback"] {
    background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%) !important;
  }

  body[data-current-view="create"] #createView .category-card[data-category="chat_feedback"]::before {
    background: linear-gradient(135deg, #e8f1ff, #5b8dff) !important;
  }

  body[data-current-view="create"] #createView .category-card.active {
    border-color: #4078ff !important;
    box-shadow: 0 22px 52px rgba(64, 120, 255, 0.15) !important;
  }

  body[data-current-view="create"] #createView .category-card strong {
    position: relative !important;
    z-index: 1 !important;
    width: auto !important;
    margin: 0 0 10px !important;
    color: #111827 !important;
    font-size: 31px !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
  }

  body[data-current-view="create"] #createView .category-card .category-intro {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: auto !important;
    color: #667085 !important;
    font-size: 17px !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
  }

  body[data-current-view="create"] #createView .category-card .module-icon {
    display: none !important;
  }

  body[data-current-view="create"] #createView .form-stack {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-items: start !important;
    width: 100% !important;
  }

  body[data-current-view="create"] #createView .category-tabs,
  body[data-current-view="create"] #createView .advanced-create-fields,
  body[data-current-view="create"] #createView .form-actions,
  body[data-current-view="create"] #createView .extra-text-field,
  body[data-current-view="create"] #createView .chat-effect-image-field {
    grid-column: 1 / -1 !important;
  }

  body[data-current-view="create"] #createView .field-group {
    display: contents !important;
  }

  body[data-current-view="create"] #createView .advanced-create-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }
}

/* final view visibility guard - 2026-05-22 */
body .view:not(.active) {
  display: none !important;
}

body .view.active {
  display: block !important;
}

body:not([data-current-view="home"]) .admin-channel-form {
  display: grid;
  gap: 14px;
}

body:not([data-current-view="home"]) .admin-channel-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body:not([data-current-view="home"]) .admin-channel-grid label,
body:not([data-current-view="home"]) .admin-channel-check {
  display: grid;
  gap: 7px;
  min-width: 0;
}

body:not([data-current-view="home"]) .admin-channel-grid span,
body:not([data-current-view="home"]) .admin-channel-check span {
  color: #6b7280;
  font-size: 12px;
  font-weight: 800;
}

body:not([data-current-view="home"]) .admin-channel-grid input,
body:not([data-current-view="home"]) .admin-channel-grid select {
  width: 100%;
  box-sizing: border-box;
}

body:not([data-current-view="home"]) .admin-channel-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

body:not([data-current-view="home"]) .admin-channel-check {
  grid-template-columns: auto 1fr;
  align-items: center;
  border: 1px solid #e5edf8;
  border-radius: 10px;
  background: #fbfdff;
  padding: 10px 12px;
}

body:not([data-current-view="home"]) .admin-channel-current {
  overflow-wrap: anywhere;
}

body:not([data-current-view="home"]) .admin-channel-fixed-field {
  display: none !important;
}

body:not([data-current-view="home"]) .admin-channel-saved-list {
  display: grid;
  gap: 10px;
}

body:not([data-current-view="home"]) .admin-channel-saved-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid #dbe8f8;
  border-radius: 12px;
  background: #ffffff;
  padding: 12px;
}

body:not([data-current-view="home"]) .admin-channel-limit-note {
  border: 1px dashed #b9d7ff;
  border-radius: 10px;
  background: #f7fbff;
  color: #61728a;
  padding: 9px 11px;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 800;
}

body:not([data-current-view="home"]) .admin-channel-saved-item.active {
  border-color: #8eb8ff;
  background: #f2f7ff;
}

body:not([data-current-view="home"]) .admin-channel-saved-item strong,
body:not([data-current-view="home"]) .admin-channel-saved-item span,
body:not([data-current-view="home"]) .admin-channel-saved-item small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

body:not([data-current-view="home"]) .admin-channel-saved-item strong {
  color: #07152e;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 900;
}

body:not([data-current-view="home"]) .admin-channel-saved-item span,
body:not([data-current-view="home"]) .admin-channel-saved-item small {
  margin-top: 4px;
  color: #61728a;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 800;
}

body:not([data-current-view="home"]) .admin-channel-saved-item button {
  min-width: 58px;
  min-height: 34px;
  border: 0;
  border-radius: 10px;
  background: #0f58d6;
  color: #ffffff;
  font-weight: 900;
}

body:not([data-current-view="home"]) .admin-channel-saved-item button:disabled {
  background: #dbe8f8;
  color: #0f3a8f;
}

/* desktop home polish - 2026-05-22 */
@media (min-width: 981px) {
  body {
    background: #f4f7fb !important;
  }

  .sidebar-DISABLED {
    width: 248px !important;
    padding: 26px 16px 24px !important;
    background: #071a33 !important;
    box-shadow: 14px 0 36px rgba(7, 26, 51, 0.18) !important;
  }

  .main {
    margin-left: 248px !important;
    background: #f4f7fb !important;
  }

  .brand-mark-DISABLED {
    min-height: 54px !important;
    padding: 0 4px 22px !important;
  }

  .brand-icon {
    flex-basis: 34px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    background: #ffffff !important;
  }

  .brand-title {
    max-width: 172px !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  .nav-list-DISABLED {
    gap: 6px !important;
    margin-top: 18px !important;
  }

  .nav-item-DISABLED,
  .nav-item-DISABLED[data-view="mine"] {
    min-height: 44px !important;
    border-radius: 8px !important;
    padding-left: 50px !important;
    color: rgba(255,255,255,0.74) !important;
    font-size: 15px !important;
  }

  .nav-item-DISABLED::before {
    left: 18px !important;
    width: 18px !important;
    height: 18px !important;
  }

  .nav-item-DISABLED[data-view="home"] {
    --desktop-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 10.5 12 4l8 6.5V20h-5v-5H9v5H4z'/%3E%3C/svg%3E") !important;
  }

  .nav-item-DISABLED[data-view="create"] {
    --desktop-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 17.8 6.2 13 16.8 2.4l4.8 4.8L11 17.8zM4 20h16v2H4zM15.4 3.8l4.8 4.8-1.7 1.7-4.8-4.8z'/%3E%3C/svg%3E") !important;
  }

  .nav-item-DISABLED[data-view="works"] {
    --desktop-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h7v7H4zm9 0h7v7h-7zM4 14h7v5H4zm9 0h7v5h-7z'/%3E%3C/svg%3E") !important;
  }

  .nav-item-DISABLED[data-view="tasks"] {
    --desktop-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h12v18H6zM9 7h6v2H9zm0 4h6v2H9zm0 4h4v2H9z'/%3E%3C/svg%3E") !important;
  }

  .nav-item-DISABLED[data-view="mine"] {
    --desktop-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8m-7 9a7 7 0 0 1 14 0z'/%3E%3C/svg%3E") !important;
  }

  .nav-item.active {
    background: #2f6fff !important;
    box-shadow: 0 12px 24px rgba(47, 111, 255, 0.26) !important;
  }

  .version-card {
    margin: auto 0 0 !important;
    border-radius: 8px !important;
    padding: 16px !important;
    background: rgba(255,255,255,0.08) !important;
  }

  body[data-current-view="home"] .desktop-dashboard {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 22px 42px !important;
  }

  body[data-current-view="home"] .desktop-shell-top {
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 42px auto !important;
    gap: 12px !important;
    align-items: center !important;
    min-height: 74px !important;
    margin: 0 -22px 26px !important;
    padding: 0 22px !important;
    border-bottom: 1px solid #dfe7f3 !important;
    background: rgba(244,247,251,0.92) !important;
    backdrop-filter: blur(12px) !important;
  }

  body[data-current-view="home"] .desktop-menu-btn,
  body[data-current-view="home"] .desktop-bell,
  body[data-current-view="home"] .desktop-account .default-account-avatar {
    border-radius: 8px !important;
    border: 1px solid #dce6f3 !important;
    background: #ffffff !important;
    box-shadow: 0 8px 18px rgba(33, 65, 112, 0.06) !important;
  }

  body[data-current-view="home"] .desktop-menu-btn {
    width: 42px !important;
    height: 42px !important;
    color: transparent !important;
    font-size: 0 !important;
  }

  body[data-current-view="home"] .desktop-menu-btn::before {
    content: "" !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin: auto !important;
    background: #30425f !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  }

  body[data-current-view="home"] .desktop-bell {
    width: 42px !important;
    height: 42px !important;
    color: transparent !important;
    font-size: 0 !important;
  }

  body[data-current-view="home"] .desktop-bell::before {
    width: 18px !important;
    height: 18px !important;
    background: #30425f !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22a2.5 2.5 0 0 0 2.45-2h-4.9A2.5 2.5 0 0 0 12 22M5 18h14l-1.7-2.3V11a5.3 5.3 0 0 0-4.2-5.2V4a1.1 1.1 0 0 0-2.2 0v1.8A5.3 5.3 0 0 0 6.7 11v4.7z'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22a2.5 2.5 0 0 0 2.45-2h-4.9A2.5 2.5 0 0 0 12 22M5 18h14l-1.7-2.3V11a5.3 5.3 0 0 0-4.2-5.2V4a1.1 1.1 0 0 0-2.2 0v1.8A5.3 5.3 0 0 0 6.7 11v4.7z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  }

  body[data-current-view="home"] .desktop-bell em {
    right: -5px !important;
    top: -5px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    border-radius: 999px !important;
    background: #f2416b !important;
    color: #ffffff !important;
    font-size: 10px !important;
    line-height: 18px !important;
  }

  body[data-current-view="home"] .desktop-account {
    min-height: 42px !important;
    padding: 0 10px 0 4px !important;
    gap: 9px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-current-view="home"] .desktop-account .default-account-avatar {
    width: 38px !important;
    height: 38px !important;
    background: #0e1726 !important;
    color: #ffffff !important;
  }

  body[data-current-view="home"] .desktop-hero {
    min-height: 230px !important;
    margin-bottom: 22px !important;
    border: 1px solid #dfe8f5 !important;
    border-radius: 8px !important;
    background:
      linear-gradient(90deg, rgba(255,255,255,0.96) 0%, rgba(244,249,255,0.92) 48%, rgba(224,236,255,0.86) 100%) !important;
    box-shadow: 0 18px 44px rgba(33, 65, 112, 0.07) !important;
  }

  body[data-current-view="home"] .desktop-hero p {
    color: #41516a !important;
    font-size: 16px !important;
    font-weight: 700 !important;
  }

  body[data-current-view="home"] .desktop-hero h2 {
    margin-top: 12px !important;
    color: #071a33 !important;
    font-size: clamp(38px, 3.4vw, 48px) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  body[data-current-view="home"] .desktop-hero span {
    max-width: 560px !important;
    color: #66758d !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
  }

  body[data-current-view="home"] .desktop-hero-visual i {
    border-radius: 8px !important;
    background: rgba(255,255,255,0.62) !important;
  }

  body[data-current-view="home"] .desktop-hero-visual b,
  body[data-current-view="home"] .desktop-hero-visual em,
  body[data-current-view="home"] .desktop-hero-visual strong {
    border-radius: 8px !important;
  }

  body[data-current-view="home"] .desktop-scene-grid {
    gap: 22px !important;
    margin-bottom: 22px !important;
  }

  body[data-current-view="home"] .desktop-scene-card {
    grid-template-columns: minmax(0, 1fr) 118px !important;
    min-height: 176px !important;
    border: 1px solid #dfe8f5 !important;
    border-radius: 8px !important;
    padding: 24px !important;
    background: #ffffff !important;
    box-shadow: 0 16px 36px rgba(33, 65, 112, 0.07) !important;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease !important;
  }

  body[data-current-view="home"] .desktop-scene-card:hover {
    transform: translateY(-2px) !important;
    border-color: #cbd9ee !important;
    box-shadow: 0 22px 46px rgba(33, 65, 112, 0.11) !important;
  }

  body[data-current-view="home"] .desktop-scene-card span {
    width: max-content !important;
    border-radius: 8px !important;
    padding: 7px 12px !important;
    font-size: 14px !important;
  }

  body[data-current-view="home"] .desktop-scene-card h3 {
    margin-top: 12px !important;
    color: #071a33 !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
  }

  body[data-current-view="home"] .desktop-scene-card p {
    max-width: 210px !important;
    color: #65728a !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  body[data-current-view="home"] .desktop-scene-card strong {
    align-self: end !important;
    width: max-content !important;
    min-height: 36px !important;
    border-radius: 8px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    line-height: 36px !important;
  }

  body[data-current-view="home"] .desktop-scene-card i {
    position: relative !important;
    align-self: center !important;
    justify-self: end !important;
    width: 118px !important;
    height: 118px !important;
    border-radius: 8px !important;
    opacity: 1 !important;
  }

  body[data-current-view="home"] .desktop-scene-card i::before {
    content: "" !important;
    position: absolute !important;
    inset: 28px !important;
    background: currentColor !important;
    opacity: 0.9 !important;
    -webkit-mask: var(--scene-icon) center / contain no-repeat !important;
    mask: var(--scene-icon) center / contain no-repeat !important;
  }

  body[data-current-view="home"] .scene-ad {
    --scene-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v14H4zm3 3v2h10V8zm0 4v2h6v-2z'/%3E%3C/svg%3E") !important;
  }

  body[data-current-view="home"] .scene-compare {
    --scene-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h7v14H4zm9 0h7v14h-7zM8 8l-3 4 3 4zm8 0 3 4-3 4z'/%3E%3C/svg%3E") !important;
  }

  body[data-current-view="home"] .scene-chat {
    --scene-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v11H8l-4 4zm4 4h8v2H8zm0 4h5v2H8z'/%3E%3C/svg%3E") !important;
  }

  body[data-current-view="home"] .scene-ad i {
    color: #f04d87 !important;
    background: #fff0f5 !important;
  }

  body[data-current-view="home"] .scene-compare i {
    color: #12a982 !important;
    background: #ebfff8 !important;
  }

  body[data-current-view="home"] .scene-chat i {
    color: #2f6fff !important;
    background: #eef4ff !important;
  }

  body[data-current-view="home"] .desktop-dashboard-grid {
    gap: 22px !important;
  }

  body[data-current-view="home"] .desktop-panel {
    border: 1px solid #dfe8f5 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 16px 36px rgba(33, 65, 112, 0.07) !important;
    padding: 20px !important;
  }

  body[data-current-view="home"] .desktop-panel h3 {
    color: #071a33 !important;
    font-size: 18px !important;
  }

  body[data-current-view="home"] .desktop-panel-head {
    min-height: 32px !important;
    margin-bottom: 14px !important;
  }

  body[data-current-view="home"] .desktop-panel-head button,
  body[data-current-view="home"] .desktop-panel-head span {
    border-radius: 8px !important;
  }

  body[data-current-view="home"] .desktop-work-overview {
    margin: 0 0 12px !important;
    gap: 12px !important;
  }

  body[data-current-view="home"] .desktop-work-overview button,
  body[data-current-view="home"] .desktop-metrics button,
  body[data-current-view="home"] .desktop-status button {
    border-color: #dfe8f5 !important;
    border-radius: 8px !important;
    background: #fbfdff !important;
  }

  body[data-current-view="home"] .desktop-work-overview button {
    min-height: 106px !important;
  }

  body[data-current-view="home"] .desktop-metrics {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-current-view="home"] .desktop-metrics button {
    min-height: 92px !important;
  }

  body[data-current-view="home"] .desktop-status > div {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 0 !important;
  }

  body[data-current-view="home"] .desktop-status button {
    min-height: 104px !important;
    padding: 14px !important;
  }

  body[data-current-view="home"] .desktop-material .desktop-tabs {
    gap: 8px !important;
    margin-bottom: 14px !important;
  }

  body[data-current-view="home"] .desktop-material .desktop-tabs span {
    border-radius: 8px !important;
    padding: 8px 12px !important;
  }

  body[data-current-view="home"] .desktop-material-strip {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)) !important;
    gap: 12px !important;
  }

  body[data-current-view="home"] .desktop-material-strip button {
    min-height: 142px !important;
    border-radius: 8px !important;
  }

  body[data-current-view="home"] .desktop-material-strip button:only-child {
    width: 100% !important;
    min-height: 142px !important;
    padding: 18px !important;
    background: linear-gradient(135deg, #eef4fb, #f9fbff) !important;
  }

  body[data-current-view="home"] .desktop-material-strip button:only-child::after {
    background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(7,26,51,0.34)) !important;
  }

  body[data-current-view="home"] .desktop-material-strip button:only-child > span,
  body[data-current-view="home"] .desktop-material-strip button:only-child > small {
    max-width: 100% !important;
    white-space: normal !important;
    writing-mode: horizontal-tb !important;
  }

  body[data-current-view="home"] .desktop-news-layout {
    grid-template-columns: minmax(280px, 0.34fr) minmax(0, 1fr) !important;
    gap: 20px !important;
  }

  body[data-current-view="home"] .desktop-news-summary,
  body[data-current-view="home"] .desktop-news-feed {
    border-color: #dfe8f5 !important;
    border-radius: 8px !important;
  }

  body[data-current-view="home"] .desktop-news-refresh {
    border-radius: 8px !important;
    background: #071a33 !important;
  }

  body[data-current-view="home"] .desktop-news-feed-head {
    grid-template-columns: 150px minmax(0, 1fr) 110px !important;
    border-bottom-color: #dfe8f5 !important;
    background: #f7faff !important;
  }

  body[data-current-view="home"] .desktop-news-list .ref-news-card {
    grid-template-columns: 150px minmax(0, 1fr) 110px !important;
  }
}

@media (max-width: 720px) {
  body:not([data-current-view="home"]) .admin-channel-grid {
    grid-template-columns: 1fr;
  }

  body:not([data-current-view="home"]) .admin-channel-actions {
    align-items: stretch;
    flex-direction: column;
  }
}

/* desktop mobile-inspired palette - 2026-05-22 */
@media (min-width: 981px) {
  body {
    background: #eef5ff !important;
  }

  .main {
    background: #eef5ff !important;
  }

  .sidebar-DISABLED {
    background: #ffffff !important;
    border-right: 1px solid #d8e6f8 !important;
    box-shadow: 10px 0 28px rgba(23, 74, 139, 0.08) !important;
  }

  .brand-mark-DISABLED {
    border-bottom-color: #dbe8f8 !important;
  }

  .brand-icon {
    background: #0d3d98 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(15, 58, 143, 0.18) !important;
  }

  .brand-title {
    color: #07152e !important;
  }

  .nav-item-DISABLED,
  .nav-item-DISABLED[data-view="mine"] {
    color: #6f7f98 !important;
  }

  .nav-item-DISABLED:hover {
    background: #f2f7ff !important;
    color: #0f3a8f !important;
  }

  .nav-item.active {
    background: #eaf3ff !important;
    color: #0f3a8f !important;
    box-shadow: inset 3px 0 0 #0f58d6 !important;
  }

  .nav-item-DISABLED[data-view="home"] {
    --desktop-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.7 12 3l9 7.7v8.2A2.1 2.1 0 0 1 18.9 21h-3.6v-6.1H8.7V21H5.1A2.1 2.1 0 0 1 3 18.9z'/%3E%3C/svg%3E") !important;
  }

  .nav-item-DISABLED[data-view="create"] {
    --desktop-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4.8A2.8 2.8 0 0 1 7.8 2h8.4A2.8 2.8 0 0 1 19 4.8v14.4a2.8 2.8 0 0 1-2.8 2.8H7.8A2.8 2.8 0 0 1 5 19.2zm4 2.7h6v2H9zm0 4h6v2H9zm0 4h4v2H9z'/%3E%3Cpath d='M17.7 2.7 21.3 6l-6.9 7.4-3.9 1 1.1-3.8z'/%3E%3C/svg%3E") !important;
  }

  .nav-item-DISABLED[data-view="works"] {
    --desktop-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5.2A2.2 2.2 0 0 1 6.2 3h11.6A2.2 2.2 0 0 1 20 5.2v13.6a2.2 2.2 0 0 1-2.2 2.2H6.2A2.2 2.2 0 0 1 4 18.8zm3 2v5.1h4.1V7.2zm5.9 0v5.1H17V7.2zM7 14.1v3.2h10v-3.2z'/%3E%3C/svg%3E") !important;
  }

  .nav-item-DISABLED[data-view="tasks"] {
    --desktop-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.2 3h9.6A2.2 2.2 0 0 1 19 5.2v13.6a2.2 2.2 0 0 1-2.2 2.2H7.2A2.2 2.2 0 0 1 5 18.8V5.2A2.2 2.2 0 0 1 7.2 3m1 4.1 1.7 1.7 3.7-3.7L15 6.5l-5.1 5.1-3.1-3.1zm-.1 7.1h7.8v2.1H8.1z'/%3E%3C/svg%3E") !important;
  }

  .nav-item-DISABLED[data-view="mine"] {
    --desktop-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12.2a4.6 4.6 0 1 0 0-9.2 4.6 4.6 0 0 0 0 9.2m0 2c-4.5 0-8 2.4-8 5.4V21h16v-1.4c0-3-3.5-5.4-8-5.4'/%3E%3C/svg%3E") !important;
  }

  .version-card {
    border-color: #dbe8f8 !important;
    background: #f4f8ff !important;
    box-shadow: none !important;
  }

  .version-card .label,
  .version-card .version-status {
    color: #6b7c96 !important;
  }

  .version-card strong {
    color: #07152e !important;
  }

  .version-card button {
    color: #0f58d6 !important;
  }

  body[data-current-view="home"] .desktop-dashboard {
    background: #eef5ff !important;
  }

  body[data-current-view="home"] .desktop-shell-top {
    background: rgba(238,245,255,0.92) !important;
    border-bottom-color: #d8e6f8 !important;
  }

  body[data-current-view="home"] .desktop-hero {
    border-color: #cfe1f8 !important;
    background: linear-gradient(135deg, #fafdff 0%, #edf6ff 58%, #dbeaff 100%) !important;
  }

  body[data-current-view="home"] .desktop-hero h2 {
    color: #07152e !important;
  }

  body[data-current-view="home"] .desktop-scene-card {
    min-height: 178px !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 30px rgba(58, 112, 178, 0.09) !important;
  }

  body[data-current-view="home"] .scene-ad {
    background: linear-gradient(180deg, #fff8fb 0%, #ffeef5 100%) !important;
    border-color: #ffc7d7 !important;
  }

  body[data-current-view="home"] .scene-compare {
    background: linear-gradient(180deg, #fbfdff 0%, #eef5ff 100%) !important;
    border-color: #b9d7ff !important;
  }

  body[data-current-view="home"] .scene-chat {
    background: linear-gradient(180deg, #fbfffe 0%, #edf9f5 100%) !important;
    border-color: #bfe8d8 !important;
  }

  body[data-current-view="home"] .scene-ad span {
    color: #ef4778 !important;
  }

  body[data-current-view="home"] .scene-compare span {
    color: #2c6df2 !important;
  }

  body[data-current-view="home"] .scene-chat span {
    color: #26a987 !important;
  }

  body[data-current-view="home"] .scene-ad strong {
    background: linear-gradient(135deg, #ff7a9f, #e94878) !important;
  }

  body[data-current-view="home"] .scene-compare strong {
    background: linear-gradient(135deg, #5892ff, #2f70ee) !important;
  }

  body[data-current-view="home"] .scene-chat strong {
    background: linear-gradient(135deg, #51cdb0, #20a17f) !important;
  }

  body[data-current-view="home"] .desktop-scene-card i {
    width: 126px !important;
    height: 98px !important;
    border-radius: 18px !important;
    overflow: visible !important;
  }

  body[data-current-view="home"] .desktop-scene-card i::before,
  body[data-current-view="home"] .desktop-scene-card i::after {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    -webkit-mask: none !important;
    mask: none !important;
  }

  body[data-current-view="home"] .desktop-scene-card i::before {
    left: 16px !important;
    top: 18px !important;
    width: 58px !important;
    height: 42px !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,0.92) !important;
    box-shadow: 30px -16px 0 rgba(255,255,255,0.72), 52px 26px 0 rgba(255,255,255,0.72) !important;
  }

  body[data-current-view="home"] .desktop-scene-card i::after {
    left: 28px !important;
    top: 38px !important;
    width: 28px !important;
    height: 10px !important;
    border-radius: 999px !important;
  }

  body[data-current-view="home"] .scene-ad i {
    background: rgba(255,238,245,0.72) !important;
  }

  body[data-current-view="home"] .scene-ad i::after {
    background: #f45b7c !important;
  }

  body[data-current-view="home"] .scene-compare i {
    background: rgba(238,245,255,0.78) !important;
  }

  body[data-current-view="home"] .scene-compare i::after {
    background: #3c76ee !important;
  }

  body[data-current-view="home"] .scene-chat i {
    background: rgba(237,249,245,0.82) !important;
  }

  body[data-current-view="home"] .scene-chat i::after {
    background: #2db28e !important;
  }

  body[data-current-view="home"] .desktop-panel {
    border-color: #cfe1f8 !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 30px rgba(58, 112, 178, 0.08) !important;
  }

  body[data-current-view="home"] .desktop-work-overview button:nth-child(1),
  body[data-current-view="home"] .desktop-metrics button:nth-child(1) {
    background: #fff8fb !important;
    border-color: #ffc7d7 !important;
  }

  body[data-current-view="home"] .desktop-work-overview button:nth-child(2),
  body[data-current-view="home"] .desktop-metrics button:nth-child(2) {
    background: #f7fbff !important;
    border-color: #b9d7ff !important;
  }

  body[data-current-view="home"] .desktop-metrics button:nth-child(3) {
    background: #fbfffe !important;
    border-color: #bfe8d8 !important;
  }

  body[data-current-view="home"] .desktop-metrics button:nth-child(1) em,
  body[data-current-view="home"] .desktop-work-overview button:nth-child(1) em {
    color: #ef4778 !important;
  }

  body[data-current-view="home"] .desktop-metrics button:nth-child(2) em,
  body[data-current-view="home"] .desktop-work-overview button:nth-child(2) em {
    color: #2c6df2 !important;
  }

  body[data-current-view="home"] .desktop-metrics button:nth-child(3) em {
    color: #26a987 !important;
  }

  body[data-current-view="home"] .desktop-news-refresh {
    background: #0f58d6 !important;
  }

  

  

  

  

  

  

  

  

  

  

  
}

/* desktop sidebar white + M mark - 2026-05-22 */
@media (min-width: 981px) {
  .sidebar-DISABLED,
  

  .main,
  body[data-current-view="home"] .main,
  body:not([data-current-view="home"]) .main {
    box-sizing: border-box !important;
    width: calc(100% - 258px) !important;
    max-width: calc(100% - 258px) !important;
    margin-left: 258px !important;
    overflow-x: hidden !important;
  }

  .brand-mark-DISABLED,
  

  .brand-title,
  

  .brand-icon,
  

  .brand-icon::before,
  

  .brand-icon::after,
  

  .nav-item-DISABLED,
  .nav-item-DISABLED[data-view="mine"],
  

  .nav-item-DISABLED:hover,
  

  .nav-item.active,
  

  .version-card,
  

  .version-card .label,
  .version-card .version-status,
  

  .version-card strong,
  

  .version-card button,
  
}

/* desktop create panel polish - 2026-05-22 */
@media (min-width: 981px) {
  body[data-current-view="create"] {
    background: #eef5ff !important;
  }

  body[data-current-view="create"] .main {
    background: #eef5ff !important;
    overflow-x: hidden !important;
  }

  body[data-current-view="create"] #createView {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 22px 44px !important;
    background: transparent !important;
    overflow-x: hidden !important;
  }

  body[data-current-view="create"] #createView .section-close-bar {
    margin: 0 0 18px !important;
    padding: 0 !important;
  }

  body[data-current-view="create"] #createView .section-exit-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    border: 1px solid #d8e6f8 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #07152e !important;
    padding: 0 15px !important;
    box-shadow: 0 10px 24px rgba(58, 112, 178, 0.07) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
  }

  body[data-current-view="create"] #createView .workspace-grid {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 22px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-current-view="create"] #createView .form-panel,
  body[data-current-view="create"] #createView .result-panel {
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    border: 1px solid #cfe1f8 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 30px rgba(58, 112, 178, 0.08) !important;
    padding: 22px !important;
  }

  body[data-current-view="create"] #createView .panel-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 36px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body[data-current-view="create"] #createView .panel-heading h2 {
    color: #07152e !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
  }

  body[data-current-view="create"] #createView #categoryBadge {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    border: 1px solid #d8e6f8 !important;
    border-radius: 999px !important;
    background: #f4f8ff !important;
    color: #0f58d6 !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  body[data-current-view="create"] #createView .category-tabs {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    width: 100% !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  body[data-current-view="create"] #createView .category-card {
    box-sizing: border-box !important;
    min-width: 0 !important;
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 92px !important;
    grid-template-rows: auto auto !important;
    align-content: center !important;
    column-gap: 14px !important;
    min-height: 178px !important;
    padding: 24px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 12px !important;
    text-align: left !important;
    box-shadow: 0 14px 30px rgba(58, 112, 178, 0.09) !important;
    overflow: hidden !important;
    transform: none !important;
  }

  body[data-current-view="create"] #createView .category-card::before,
  body[data-current-view="create"] #createView .category-card::after {
    display: none !important;
    content: none !important;
  }

  body[data-current-view="create"] #createView .category-card[data-category="project_ad"] {
    border-color: #ffc7d7 !important;
    background: linear-gradient(180deg, #fff8fb 0%, #ffeef5 100%) !important;
    color: #ef4778 !important;
  }

  body[data-current-view="create"] #createView .category-card[data-category="real_comparison"] {
    border-color: #b9d7ff !important;
    background: linear-gradient(180deg, #fbfdff 0%, #eef5ff 100%) !important;
    color: #2c6df2 !important;
  }

  body[data-current-view="create"] #createView .category-card[data-category="chat_feedback"] {
    border-color: #bfe8d8 !important;
    background: linear-gradient(180deg, #fbfffe 0%, #edf9f5 100%) !important;
    color: #26a987 !important;
  }

  body[data-current-view="create"] #createView .category-card.active {
    border-width: 2px !important;
    box-shadow: 0 18px 38px rgba(58, 112, 178, 0.13) !important;
  }

  body[data-current-view="create"] #createView .category-card strong {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
    margin: 0 0 10px !important;
    color: #07152e !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    text-align: left !important;
  }

  body[data-current-view="create"] #createView .category-card .category-intro {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: block !important;
    max-width: 220px !important;
    margin: 0 !important;
    color: #65728a !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 800 !important;
    text-align: left !important;
  }

  body[data-current-view="create"] #createView .category-card .module-icon {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 2 !important;
    grid-row: 1 / span 3 !important;
    display: block !important;
    align-self: center !important;
    justify-self: end !important;
    width: 92px !important;
    height: 80px !important;
    min-width: 92px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,0.58) !important;
    color: transparent !important;
    font-size: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body[data-current-view="create"] #createView .category-card .module-icon::before,
  body[data-current-view="create"] #createView .category-card .module-icon::after {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    -webkit-mask: none !important;
    mask: none !important;
  }

  body[data-current-view="create"] #createView .category-card .module-icon::before {
    left: 12px !important;
    top: 15px !important;
    width: 44px !important;
    height: 32px !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,0.92) !important;
    box-shadow: 22px -10px 0 rgba(255,255,255,0.72), 38px 20px 0 rgba(255,255,255,0.72) !important;
  }

  body[data-current-view="create"] #createView .category-card .module-icon::after {
    left: 21px !important;
    top: 31px !important;
    width: 23px !important;
    height: 9px !important;
    border-radius: 999px !important;
  }

  body[data-current-view="create"] #createView .category-card[data-category="project_ad"] .module-icon::after {
    background: #f45b7c !important;
  }

  body[data-current-view="create"] #createView .category-card[data-category="real_comparison"] .module-icon::after {
    background: #3c76ee !important;
  }

  body[data-current-view="create"] #createView .category-card[data-category="chat_feedback"] .module-icon::after {
    background: #2db28e !important;
  }

  body[data-current-view="create"] #createView .form-stack {
    box-sizing: border-box !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: start !important;
  }

  body[data-current-view="create"] #createView .category-tabs,
  body[data-current-view="create"] #createView .advanced-create-fields,
  body[data-current-view="create"] #createView .form-actions,
  body[data-current-view="create"] #createView .extra-text-field,
  body[data-current-view="create"] #createView .chat-effect-image-field {
    grid-column: 1 / -1 !important;
  }

  body[data-current-view="create"] #createView .field-group {
    display: contents !important;
  }

  body[data-current-view="create"] #createView .form-stack > label,
  body[data-current-view="create"] #createView .field-group > label,
  body[data-current-view="create"] #createView .advanced-create-grid > label {
    box-sizing: border-box !important;
    min-width: 0 !important;
    border: 1px solid #dbe8f8 !important;
    border-radius: 12px !important;
    background: #fafdff !important;
    padding: 14px !important;
  }

  body[data-current-view="create"] #createView label > span,
  body[data-current-view="create"] #createView .advanced-create-title {
    color: #40516b !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
  }

  body[data-current-view="create"] #createView input:not([type="file"]),
  body[data-current-view="create"] #createView textarea,
  body[data-current-view="create"] #createView .choice-trigger {
    border-color: #d8e6f8 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
  }

  body[data-current-view="create"] #createView .advanced-create-fields:not(.hidden-field),
  body[data-current-view="create"] #createView .advanced-create-fields {
    border: 1px solid #dbe8f8 !important;
    border-radius: 12px !important;
    background: #f7fbff !important;
    padding: 16px !important;
  }

  body[data-current-view="create"] #createView .advanced-create-grid {
    box-sizing: border-box !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  body[data-current-view="create"] #createView .primary-button {
    min-height: 46px !important;
    border-radius: 10px !important;
    background: #0f58d6 !important;
    box-shadow: 0 12px 24px rgba(15, 88, 214, 0.18) !important;
  }

  body[data-current-view="create"] #createView .secondary-button {
    min-height: 46px !important;
    border-radius: 10px !important;
  }
}

/* mobile admin image channel - 2026-05-22 */
@media (max-width: 720px) {
  body:not([data-current-view="home"]) #adminPanel {
    padding-bottom: 92px !important;
  }

  body:not([data-current-view="home"]) #adminCustomerSummary {
    display: flex !important;
    flex-direction: column !important;
  }

  body:not([data-current-view="home"]) #adminImageChannelDetails {
    order: -2 !important;
    margin: 0 0 14px !important;
    border: 1px solid #cfe1f8 !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #fafdff 0%, #f1f7ff 100%) !important;
    box-shadow: 0 12px 28px rgba(58, 112, 178, 0.09) !important;
    overflow: hidden !important;
  }

  body:not([data-current-view="home"]) #adminImageChannelDetails > summary {
    min-height: 58px !important;
    padding: 14px 16px !important;
    background: #ffffff !important;
  }

  body:not([data-current-view="home"]) #adminImageChannelDetails > summary strong {
    color: #07152e !important;
    font-size: 18px !important;
    font-weight: 900 !important;
  }

  body:not([data-current-view="home"]) #adminImageChannelDetails > summary span {
    display: block !important;
    margin-top: 5px !important;
    color: #61728a !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
  }

  body:not([data-current-view="home"]) #adminImageChannelForm {
    display: grid !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 14px !important;
    border: 0 !important;
    border-top: 1px solid #dbe8f8 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:not([data-current-view="home"]) #adminImageChannelForm .admin-channel-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 11px !important;
  }

  body:not([data-current-view="home"]) #adminImageChannelForm .admin-channel-grid label {
    display: grid !important;
    gap: 7px !important;
    min-width: 0 !important;
    border: 1px solid #dbe8f8 !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,0.76) !important;
    padding: 11px !important;
  }

  body:not([data-current-view="home"]) #adminImageChannelForm .admin-channel-fixed-field {
    display: none !important;
  }

  body:not([data-current-view="home"]) #adminImageChannelForm .admin-channel-grid span,
  body:not([data-current-view="home"]) #adminImageChannelForm .admin-channel-check span {
    color: #40516b !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
  }

  body:not([data-current-view="home"]) #adminImageChannelForm input,
  body:not([data-current-view="home"]) #adminImageChannelForm select {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 42px !important;
    border: 1px solid #d8e6f8 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    padding: 0 11px !important;
    color: #07152e !important;
    font-size: 14px !important;
    font-weight: 800 !important;
  }

  body:not([data-current-view="home"]) #adminImageChannelForm .admin-channel-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  body:not([data-current-view="home"]) #adminImageChannelForm .admin-channel-check {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: center !important;
    border: 1px solid #dbe8f8 !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,0.76) !important;
    padding: 11px !important;
  }

  body:not([data-current-view="home"]) #adminImageChannelForm .admin-channel-check input {
    width: 18px !important;
    min-height: 18px !important;
    height: 18px !important;
    padding: 0 !important;
  }

  body:not([data-current-view="home"]) #adminImageChannelForm .primary-button {
    width: 100% !important;
    min-height: 46px !important;
    border-radius: 12px !important;
    background: #0f58d6 !important;
    box-shadow: 0 12px 24px rgba(15, 88, 214, 0.18) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
  }

  body:not([data-current-view="home"]) #adminImageChannelCurrent {
    margin: 0 !important;
    border: 1px solid #dbe8f8 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    padding: 11px !important;
    color: #61728a !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    font-weight: 800 !important;
    overflow-wrap: anywhere !important;
  }

  body:not([data-current-view="home"]) #adminImageChannelForm .admin-channel-saved-item {
    grid-template-columns: minmax(0, 1fr) 58px !important;
  }
}

body:not([data-current-view="home"]) #adminImageChannelForm .admin-channel-grid label.admin-channel-fixed-field,
body:not([data-current-view="home"]) #adminImageChannelForm label.admin-channel-fixed-field {
  display: none !important;
}