/* Scoped Account/Admin inbox. Work and access retain their existing controls. */
.support-inbox-area { margin-top: 22px; min-width: 0; }
.support-inbox-area [hidden], .support-thread [hidden] { display: none !important; }
.support-inbox-introduction { color: #68758b; margin: -16px 0 20px; }
.support-inbox-sections { display: flex; border-bottom: 1px solid #dde2ed; gap: 18px; margin-bottom: 18px; }
.support-inbox-sections button, .support-inbox-tabs button { border: 0; background: none; color: #65738b; font: inherit; font-weight: 650; min-height: 44px; padding: 10px 18px; cursor: pointer; border-bottom: 3px solid transparent; }
.support-inbox-sections button[aria-pressed=true], .support-inbox-tabs button[aria-pressed=true] { color: #4358ff; border-bottom-color: #4358ff; }
.support-inbox-title-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 28px; }
.support-inbox-title-row h1 { margin: 0; }
.support-inbox-title-row .support-inbox-sections { margin: 0; border-bottom: 0; gap: 4px; }
.support-inbox-title-row .support-inbox-sections button { padding: 9px 14px; }
.support-inbox-page-heading > div { min-width: 0; }
.support-inbox { display: grid; grid-template-columns: minmax(260px, 35%) minmax(0, 1fr); gap: 0; height: max(420px, calc(100dvh - 270px)); min-height: 420px; grid-template-rows: minmax(0, 1fr); align-items: stretch; }
.support-inbox-list, .support-inbox-conversation { min-width: 0; min-height: 0; background: #fff; border: 1px solid #dde2ed; border-radius: 14px; overflow: hidden; }
.support-inbox[data-operator=true] { height: max(420px, calc(100dvh - 260px)); }
.support-inbox-list { display: flex; flex-direction: column; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.support-inbox-conversation { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; }
.support-inbox-tabs { display: flex; border-bottom: 1px solid #e5e8f1; }
.support-inbox-tabs span { border-radius: 12px; padding: 1px 6px; margin-left: 6px; background: #eef1f8; font-size: 12px; }
.support-inbox-search { display: flex; align-items: center; gap: 6px; padding: 14px 12px; border-bottom: 1px solid #e5e8f1; }
.support-inbox-search label { min-width: 0; display: flex; align-items: center; flex: 1; border: 1px solid #d6ddeb; border-radius: 9px; padding: 9px 10px; gap: 8px; }
.support-inbox-search input { width: 100%; min-width: 0; border: 0; outline: 0; font: inherit; background: transparent; font-size: 13px; }
.support-inbox-search .icon { width: 17px; height: 17px; color: #74819a; flex: none; }
.support-inbox-search .icon-button { flex: none; width: 34px; min-height: 38px; padding: 5px; }
.support-inbox-unread { display: flex; gap: 5px; align-items: center; background: transparent; border: 0; font: inherit; font-size: 12px; padding: 5px; cursor: pointer; }
.support-inbox-unread[aria-pressed=true] { color: #4358ff; background: #edf0ff; border-radius: 6px; }
.support-inbox-status { padding: 0 16px; font-size: 13px; color: #64728a; }
.support-inbox-status:empty { display: none; }
.support-inbox-cases { display: grid; align-content: start; overflow-y: auto; min-height: 0; flex: 1; }
.support-inbox-case { display: flex; text-align: left; align-items: flex-start; gap: 12px; padding: 18px 16px; border: 0; border-bottom: 1px solid #e8ebf2; background: #fff; font: inherit; cursor: pointer; width: 100%; min-width: 0; border-left: 3px solid transparent; }
.support-inbox-case.is-selected { background: #eef1ff; border-left-color: #4b60ff; }
.support-inbox-case:hover { background: #f6f7fc; }
.support-inbox-case-copy { flex: 1; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 5px; }
.support-inbox-case-copy small { font-size: 12px; color: #748098; }
.support-inbox-case-title { display: flex; min-width: 0; max-width: 100%; align-items: center; gap: 8px; }
.support-inbox-case-title strong { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.support-inbox-snippet { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #68758b; font-size: 12px; }
.support-inbox-case time { font-size: 11px; color: #75829a; margin-top: 2px; flex: none; }
.support-inbox-type { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: #edf1ff; color: #465dff; flex: none; }
.support-inbox-type .icon { width: 20px; height: 20px; }
.support-inbox-type.is-software_support { color: #b9571a; background: #fff1e6; }
.support-inbox-type.is-feature_request { color: #c59413; background: #fff7de; }
.support-inbox-dot { width: 7px; height: 7px; border-radius: 50%; background: #4358ff; flex: none; }
.support-inbox-pages { display: flex; gap: 10px; align-items: center; justify-content: center; margin-top: auto; padding: 12px; font-size: 12px; }
.support-inbox-pages:empty { display: none; }
.support-inbox-pages button { font: inherit; border: 1px solid #dbe1ee; padding: 7px; border-radius: 7px; background: white; }
.support-inbox-empty { padding: 40px 24px; text-align: center; color: #748199; }
.support-inbox-empty .icon { width: 30px; height: 30px; }
.support-inbox-empty h2 { color: #283449; font-size: 18px; }
.support-thread { display: flex; flex-direction: column; min-height: 0; height: 100%; min-width: 0; }
.support-thread-heading { flex-shrink: 0; display: flex; align-items: center; gap: 10px; padding: 20px; border-bottom: 1px solid #e6eaf2; min-width: 0; }
.support-thread-heading > div { flex: 1; min-width: 0; }
.support-thread-heading h2 { font-size: 19px; line-height: 1.25; margin: 0; overflow-wrap: anywhere; }
.support-thread-heading p { font-size: 12px; color: #748198; margin: 5px 0 0; }
.support-thread-heading .button { padding: 8px 10px; min-height: 38px; }
.support-thread-state { display: inline-flex; font-size: 12px; font-weight: 600; color: #176443; background: #def3e7; padding: 6px 11px; border-radius: 8px; }
.support-thread-state.is-closed { background: #eef0f5; color: #68728a; }
.support-thread-status { flex-shrink: 0; margin: 0; padding: 10px 20px; background: #f3f6ff; color: #4560b7; font-size: 12px; overflow-wrap: anywhere; }
.support-thread-status:empty { display: none; }
.support-thread-history { padding: 22px; flex: 1; min-width: 0; min-height: 0; overflow: auto; }
.support-thread-messages { display: grid; gap: 22px; }
.support-message { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.support-message-avatar { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 50%; flex: none; background: #e9edf3; color: #697a92; font-size: 11px; font-weight: 700; }
.support-message.is-staff .support-message-avatar { background: #485aff; color: white; }
.support-message-content { min-width: 0; max-width: 100%; flex: 1; }
.support-message-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; font-size: 12px; }
.support-message-heading time { color: #7b879d; font-size: 11px; }
.support-message-body { white-space: pre-wrap; overflow-wrap: anywhere; margin: 7px 0; background: #f1f4f8; padding: 10px 13px; border-radius: 10px; font-size: 13px; line-height: 1.55; width: fit-content; max-width: 100%; }
.support-message.is-staff .support-message-body { background: #eaf0ff; }
.support-message-files { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 9px; }
.support-file-card { display: flex; align-items: center; gap: 10px; border: 1px solid #dde3ed; border-radius: 9px; padding: 9px; max-width: 100%; min-width: 0; background: #fff; }
.support-file-card.has-image { width: 142px; flex-direction: column; align-items: stretch; gap: 7px; }
.support-file-card.has-image .support-file-preview { width: 100%; height: 80px; }
.support-file-card.has-image .support-file-copy strong { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.support-file-card.has-image .button { align-self: flex-start; }
.support-file-copy { display: grid; gap: 4px; min-width: 0; }
.support-file-copy strong { font-size: 12px; max-width: 160px; overflow-wrap: anywhere; }
.support-file-copy small { color: #7a879d; font-size: 10px; }
.support-file-card .button { min-height: 32px; padding: 5px 7px; font-size: 11px; flex: none; }
.support-file-preview { background: #f5f7fc; border: 0; border-radius: 5px; width: 94px; height: 70px; padding: 0; overflow: hidden; cursor: pointer; flex: none; }
.support-file-preview img { width: 100%; height: 100%; object-fit: contain; }
.support-pdf-icon { display: grid; place-items: center; width: 40px; height: 48px; color: #df423c; background: #fff1ef; border-radius: 6px; }
.support-file-card.is-unavailable { opacity: .7; }
.support-file-retention { color: #7a879d; font-size: 11px; }
.support-thread-composer { flex-shrink: 0; border-top: 1px solid #e4e9f2; margin-top: auto; padding: 16px 20px; display: grid; gap: 10px; }
.support-thread-composer textarea { width: 100%; min-width: 0; border: 1px solid #d6ddeb; border-radius: 9px; padding: 12px; font: inherit; font-size: 13px; resize: vertical; min-height: 84px; }
.support-composer-label { font-size: 12px; }
.support-composer-files { display: flex; gap: 8px; flex-wrap: wrap; }
.support-composer-files:empty { display: none; }
.support-draft-file { display: flex; align-items: center; gap: 8px; padding: 5px 7px; background: #f0f3f8; border-radius: 8px; max-width: 100%; font-size: 12px; min-width: 0; }
.support-draft-file > span { overflow-wrap: anywhere; }
.support-draft-file > img { width: 34px; height: 28px; object-fit: contain; border-radius: 3px; }
.support-draft-file .icon-button { padding: 3px; width: 25px; min-height: 28px; flex: none; }
.support-composer-attachment { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }
.support-attach-label { display: flex; align-items: center; gap: 6px; color: #425bff; cursor: pointer; font-size: 12px; min-height: 28px; }
.support-attach-label .icon { width: 19px; height: 19px; }
.support-composer-attachment small, .support-composer-actions > small { font-size: 10px; color: #7b879d; }
.support-composer-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.support-composer-actions > div { display: flex; gap: 8px; }
.support-conversation-email { display: flex; align-items: center; gap: 6px; font-size: 12px; }
.support-conversation-email input { accent-color: #4c60ff; width: 17px; height: 17px; }
.support-close-confirmation { padding: 12px; border: 1px solid #d8e0ed; border-radius: 9px; background: #f8faff; display: grid; gap: 8px; font-size: 12px; }
.support-close-confirmation label { display: flex; gap: 6px; }
.support-close-confirmation p { margin: 0; color: #68768e; }
.support-close-confirmation > div { display: flex; gap: 8px; justify-content: flex-end; }
.support-thread-closed { flex-shrink: 0; padding: 18px 22px; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; border-top: 1px solid #e5eaf2; }
.support-thread-closed p { flex: 1; font-size: 12px; color: #738198; }
.support-thread-closed label { display: flex; gap: 6px; font-size: 12px; }
.support-thread-back { display: none; }
.support-image-preview { border: 1px solid #dbe1ed; border-radius: 12px; padding: 14px; max-width: min(90vw, 1000px); }
.support-image-preview img { display: block; max-width: 100%; max-height: 75vh; margin-bottom: 10px; }
.support-work-details { margin-top: 18px; }
.support-work-details > h2 { font-size: 18px; }
.support-new-request { padding: 0; background: transparent; border: 0; box-shadow: none; }
.support-new-request form { display: grid; gap: 15px; }
.support-new-request .customer-support-request-types { display: flex; flex-wrap: nowrap; gap: 7px; }
.support-request-type-picker { border: 0; padding: 0; margin: 0; }
.support-request-type-picker legend { font-size: 12px; margin-bottom: 8px; }
.support-request-type-heading { display: flex; align-items: center; gap: 7px; margin-bottom: 9px; color: #30394a; font-size: 12px; font-weight: 650; }
.support-request-type-help { position: relative; font-weight: 400; }
.support-request-type-help summary { display: grid; place-items: center; width: 21px; height: 21px; border: 1px solid #aab6c9; border-radius: 50%; color: #68768c; font-weight: 650; cursor: pointer; list-style: none; }
.support-request-type-help summary::-webkit-details-marker { display: none; }
.support-request-type-help[open] summary { color: #4358ff; border-color: #4358ff; background: #eef1ff; }
.support-request-type-help > div { position: absolute; top: 28px; left: -40px; z-index: 10; width: min(310px, calc(100vw - 86px)); padding: 14px; border: 1px solid #dbe2ed; border-radius: 11px; background: #fff; box-shadow: 0 12px 32px rgb(20 34 63 / 15%); }
.support-request-type-help dl { display: grid; gap: 10px; margin: 0; }
.support-request-type-help dt { font-size: 12px; font-weight: 650; color: #30394a; }
.support-request-type-help dd { margin: 3px 0 0; color: #68768c; font-size: 12px; line-height: 1.4; }
.support-new-request .support-request-type-chip { position: relative; flex: 1 1 auto; width: auto; min-width: 0; padding: 9px 8px; border-radius: 8px; display: flex; align-items: center; justify-content: center; gap: 5px; white-space: nowrap; }
.support-new-request .support-request-type-chip input { position: absolute; width: 1px; height: 1px; padding: 0; margin: 0; overflow: hidden; clip-path: inset(50%); }
.support-request-type-chip > span { display: flex !important; align-items: center; gap: 5px; }
.support-request-type-chip .icon { width: 15px; height: 15px; }
.support-request-type-chip strong { font-size: 11px; }
.support-new-request .customer-support-request-field > span { font-size: 12px; }
.support-new-request .customer-support-request-field small { font-size: 11px; }
.support-request-upload { display: flex; align-items: center; flex-wrap: wrap; gap: 9px 12px; }
.support-new-request .support-request-upload .button { width: auto; min-height: 40px; padding: 9px 12px; font-size: 12px; }
.support-request-upload .icon { width: 18px; height: 18px; }
.support-request-upload small { font-size: 11px; color: #758198; }
.support-new-request [hidden] { display: none !important; }
.create-dialog .support-new-request form > .support-request-permission { display: flex; align-items: flex-start; gap: 9px; margin: 0; padding: 12px; border: 1px solid #dde3ed; border-radius: 9px; background: #f8faff; }
.support-request-permission input { flex: none; width: 17px; height: 17px; min-height: 0; padding: 0; margin: 2px 0 0; accent-color: #4b60ff; }
.create-dialog .support-request-permission > span { color: #364259; font-size: 12px; font-weight: 550; line-height: 1.45; }
.support-request-permission small { display: block; margin-top: 4px; color: #758198; font-size: 11px; font-weight: 400; }
.support-request-info-dialog { width: min(680px, calc(100vw - 30px)); max-height: 80dvh; overflow-y: auto; padding: 24px; }
.support-request-info-dialog > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.support-request-info-dialog h2 { font-size: 21px; margin: 0; overflow-wrap: anywhere; }
.support-request-info-section { margin-top: 18px; }
.support-request-info-section h3 { font-size: 13px; margin: 0 0 10px; }
.support-request-info-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px 18px; margin: 0; }
.support-request-info-grid > div { min-width: 0; }
.support-request-info-grid dt { color: #758198; font-size: 11px; margin-bottom: 4px; }
.support-request-info-grid dd { font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; margin: 0; }
.support-request-info-permission { display: flex; align-items: flex-start; gap: 8px; padding: 13px; border: 1px solid #dde3ed; border-radius: 9px; background: #f8faff; font-size: 12px; line-height: 1.5; }
.support-request-info-permission label { display: flex; gap: 8px; align-items: flex-start; }
.support-request-info-permission input[type=checkbox] { width: 17px; height: 17px; min-height: 0; padding: 0; margin: 1px 0 0; accent-color: #4b60ff; flex: none; }
.support-request-info-permission p { margin: 0; color: #6c7990; font-size: 11px; }
.support-request-info-permission small { display: block; margin-top: 4px; color: #6c7990; font-size: 11px; }
.support-request-info-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 9px; margin-top: 18px; }
.support-request-info-actions .button { min-height: 40px; font-size: 12px; padding: 9px 12px; }
.support-request-info-state { color: #6c7990; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.support-conversation-dialog .support-thread-back { display: inline-flex; }
.support-conversation-dialog .support-thread { min-height: 400px; }
.support-inbox button:focus-visible, .support-thread button:focus-visible, .support-inbox-sections button:focus-visible, .support-new-request input:focus-visible, .support-request-type-help summary:focus-visible, .support-request-upload button:focus-visible { outline: 2px solid #4358ff; outline-offset: 3px; }
@media (max-width: 1100px) { .support-inbox { grid-template-columns: minmax(245px, 34%) minmax(0,1fr); } .support-thread-heading { flex-wrap: wrap; padding: 16px; } .support-thread-heading > div { flex-basis: 65%; } .support-file-card { flex-wrap: wrap; } }
@media (max-width: 760px) {
  .support-inbox, .support-inbox[data-operator=true] { grid-template-columns: minmax(0,1fr); height: max(500px, calc(100dvh - 240px)); min-height: 500px; }
  .support-inbox-list, .support-inbox-conversation { border-radius: 12px; border: 1px solid #dde2ed; }
  .support-inbox-conversation { display: none; }
  .support-inbox.is-conversation .support-inbox-list { display: none; }
  .support-inbox.is-conversation .support-inbox-conversation { display: block; }
  .support-thread-back { display: inline-flex; }
  .support-thread-back .icon { transform: rotate(180deg); }
  .support-thread { min-height: 0; }
  .support-thread-heading > div { flex-basis: 100%; order: 2; }
  .support-thread-history { padding: 16px 12px; min-height: 0; }
  .support-thread-composer { padding: 14px 12px; }
  .support-message-avatar { width: 28px; height: 28px; }
  .support-message { gap: 8px; }
  .support-file-card { width: 100%; }
  .support-file-card.has-image { width: 125px; }
  .support-file-copy { flex: 1; }
  .support-file-preview { width: 75px; height: 56px; }
  .support-composer-actions { flex-wrap: wrap; }
  .support-composer-actions > div { margin-left: auto; }
  .support-composer-actions .button { min-height: 44px; padding: 10px 13px; }
  .support-thread-heading .icon-button { min-height: 44px; }
  .support-inbox-introduction { margin: 0 0 16px; }
}
@media (max-width: 480px) {
  .support-new-request .customer-support-request-types { flex-wrap: wrap; }
  .support-new-request .support-request-type-chip { flex: 0 1 auto; min-height: 40px; padding: 9px 11px; }
  .support-inbox-title-row { gap: 8px 16px; }
  .support-request-info-dialog { padding: 18px; }
  .support-request-info-grid { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) { .support-inbox *, .support-thread * { scroll-behavior: auto !important; transition: none !important; } }