/* Laicai compact reception layout; original phrase popover retained. */
.titlebar .windows-download,.titlebar .window-controls{display:none!important}
.app>.titlebar{display:none!important}
html .app{grid-template-rows:0 minmax(0,1fr)!important}
html .app>:not(.titlebar){grid-row:2}
html.compact-layout .app{grid-template-columns:60px 316px minmax(0,1fr);grid-template-rows:0 minmax(0,1fr)}
html.compact-layout .titlebar{padding-left:13px}
html.compact-layout .brand{gap:8px}
html.compact-layout .brand strong{font-size:16px}
html.compact-layout .brand svg{width:22px;height:22px}
html.compact-layout .rail{padding:8px 0}
html.compact-layout .rail nav{gap:2px}
html.compact-layout .rail button{height:54px;font-size:11px;gap:4px}
html.compact-layout .rail svg{width:21px;height:21px}
html.compact-layout .search-wrap{padding:8px 9px 3px}
html.compact-layout .search-wrap>div{height:31px;min-height:31px;padding:0 9px;gap:8px}
html.compact-layout .search-wrap input{font-size:12px;height:30px}
html.compact-layout .search-wrap svg{width:16px;height:16px}
html.compact-layout .group-line{min-height:34px;height:34px;padding:0 9px;gap:4px}
html.compact-layout .group-tabs{gap:16px}
html.compact-layout .group-tabs button{font-size:12px;padding:7px 2px 8px}
html.compact-layout .group-tabs button.selected:after{height:2px;bottom:2px}
html.compact-layout .customer-row,html.compact-layout .customer-select{height:46px;min-height:46px}
html.compact-layout .customer-select{padding:5px 10px;gap:9px}
html.compact-layout .customer-select .avatar{width:32px;height:32px;border-radius:6px;flex-shrink:0}
html.compact-layout .customer-line{gap:8px;margin-bottom:0;height:19px}
html.compact-layout .customer-line strong{font-size:13px;line-height:19px;font-weight:600;letter-spacing:0}
html.compact-layout .customer-line time{font-size:10px;line-height:16px}
html.compact-layout .customer-preview{font-size:11px;line-height:16px;height:16px;gap:6px}
html.compact-layout .customer-preview>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.compact-layout .customer-row:after{left:51px}
html.compact-layout .pin-button{top:4px;right:68px;width:20px;height:20px}
html.compact-layout .pin-button svg{width:12px;height:12px}
html.compact-layout .customer-line .channel-badge{font-size:9px;margin:0 3px;padding:0 3px;line-height:15px}
html.compact-layout .chat-header{height:48px;min-height:48px;padding:7px 14px;gap:9px}
html.compact-layout .chat-header .avatar{height:30px;width:30px;border-radius:5px}
html.compact-layout .chat-header h1{font-size:16px}
html.compact-layout .chat-actions{gap:6px}
html.compact-layout .chat-actions .icon-button{height:29px;width:29px}
html.compact-layout .chat-actions svg{height:18px;width:18px}
html.compact-layout .profile-button{padding:4px 11px;height:28px;font-size:12px}
html.compact-layout .status-pill{font-size:10px;padding:2px 7px}
html.compact-layout .messages{padding:0 14px 8px}
html.compact-layout .date-divider{height:28px;font-size:11px;gap:12px}
html.compact-layout .message,html.compact-layout .message.outgoing{gap:7px;margin-top:0;margin-bottom:7px;min-height:30px}
html.compact-layout .message.continuation{margin-top:0;margin-bottom:7px}
html.compact-layout .message .avatar{width:28px;height:28px;border-radius:5px;flex-shrink:0}
html.compact-layout .message-body{max-width:min(76%,760px);min-width:0}
html.compact-layout .bubble,html.compact-layout .with-profile .bubble{padding:5px 9px;min-height:30px;font-size:14px;line-height:20px;border-radius:4px}
html.compact-layout .message.outgoing .message-body{min-width:0}
html.compact-layout .message.outgoing .message-body:not(:has(.message-media)){display:flex;flex-direction:row-reverse;align-items:center;gap:7px}
html.compact-layout .message.outgoing .bubble{width:fit-content;flex:none;max-width:100%}
html.compact-layout .message.outgoing .message-body:not(:has(.message-media)) .live-delivery{margin:0;font-size:9px;line-height:12px;white-space:nowrap;max-width:none}
html.compact-layout .message time{font-size:10px;line-height:14px;padding-bottom:2px;margin-left:0}
html.compact-layout .message-more{width:22px;height:22px;top:4px}
html.compact-layout .message-more svg{width:14px;height:14px}
html.compact-layout .message .delivery-status,html.compact-layout .message .live-delivery{font-size:9px;line-height:12px;margin-top:2px}
html.compact-layout .media-card{padding:5px;margin-top:4px;border-radius:5px}
html.compact-layout .media-thumbnail img,html.compact-layout .media-thumbnail video{max-height:150px;max-width:240px}
html.compact-layout .composer{padding:0 14px 7px;min-height:0;max-height:none}
html.compact-layout .composer-toolbar{min-height:32px;height:32px;gap:9px}
html.compact-layout .composer-toolbar .icon-button{width:25px;height:26px}
html.compact-layout .composer-toolbar svg{width:18px;height:18px}
html.compact-layout .composer>textarea{height:98px;min-height:98px;font-size:17px;line-height:26px;padding:13px 16px;resize:none;box-sizing:border-box;overflow-y:hidden}
html.compact-layout .composer-footer{min-height:30px;margin-top:5px}
html.compact-layout .draft-state{font-size:10px;gap:4px}
html.compact-layout .draft-state svg{width:13px;height:13px}
html.compact-layout .send-controls{gap:10px}
html.compact-layout .shortcut-label{font-size:11px}
html.compact-layout .send-button{height:29px;width:72px;font-size:12px;border-radius:4px}
html.compact-layout .profile-panel{width:250px;padding:12px;gap:10px}
html.compact-layout .profile-panel .profile-identity strong{font-size:15px}
@media(max-width:900px){html.compact-layout .app{grid-template-columns:52px 280px minmax(0,1fr)}
html.compact-layout .chat-header .status-pill{display:none}}
@media(max-width:760px){html.compact-layout .app{grid-template-columns:52px minmax(0,1fr);grid-template-rows:0 minmax(0,1fr)}
html.compact-layout .chat-area{grid-column:2}
html.compact-layout .mobile-chat .chat-area{grid-column:1/-1}
html.compact-layout .message-body{max-width:72%}
html.compact-layout .composer{padding:0 10px 6px}}
@media(max-width:1000px){html.compact-layout .message.outgoing .message-body:not(:has(.message-media)){display:block}
html.compact-layout .message.outgoing .message-body:not(:has(.message-media)) .live-delivery{white-space:normal;margin-top:2px}
html.compact-layout .message.outgoing .bubble{margin-left:auto}}
.laicai-brand-icon{display:inline-block;object-fit:contain;flex-shrink:0;vertical-align:middle}

/* Message actions are available through the existing context menu. */
html.compact-layout .message-more{display:none!important}

/* Append after compact CSS. Timestamp remains below each outgoing message;
   a send anomaly is marked adjacent to the actual bubble/attachment content. */
html.compact-layout .message.outgoing > .message-body,
html.compact-layout .message.outgoing > .message-body:not(:has(.message-media)) {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0;
  width: max-content;
  min-width: 0;
}

html.compact-layout .message.outgoing > .message-body > .message-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: max-content;
  max-width: 100%;
  min-width: 0;
}

html.compact-layout .message.outgoing .message-content > .bubble,
html.compact-layout .message.outgoing .message-content > .message-media {
  align-self: flex-end;
  max-width: 100%;
}

html.compact-layout .message.outgoing .message-content > .message-send-error {
  position: absolute;
  right: calc(100% + 6px);
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #d64747;
  color: #fff;
  font: 700 12px/1 sans-serif;
  user-select: none;
}

html.compact-layout .message.outgoing > .message-body > .message-meta {
  display: flex;
  justify-content: flex-end;
  width: max-content;
  max-width: 100%;
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
  line-height: 14px;
  text-align: right;
}

html.compact-layout .message.outgoing > .message-body > .message-meta > time {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 10px;
  line-height: 14px;
  white-space: nowrap;
}

/* Mirror outgoing metadata: incoming time sits below the content, on its side. */
html.compact-layout .message:not(.outgoing) > .message-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  width: max-content;
  min-width: 0;
}

html.compact-layout .message:not(.outgoing) > .message-body > .bubble,
html.compact-layout .message:not(.outgoing) > .message-body > .message-media {
  max-width: 100%;
}

html.compact-layout .message:not(.outgoing) > .message-body > .message-meta {
  display: flex;
  justify-content: flex-start;
  width: max-content;
  max-width: 100%;
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
  line-height: 14px;
  text-align: left;
}

html.compact-layout .message:not(.outgoing) > .message-body > .message-meta > time {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 10px;
  line-height: 14px;
  white-space: nowrap;
}

/* Password settings entry opens a dedicated form; reuse the app dialog palette. */
.outline-button.laicai-password-trigger {
  margin: 0 0 22px;
  padding: 8px 16px;
}
.pages-dialog-overlay.laicai-password-overlay {
  z-index: 160;
}
.pages-confirm-dialog.laicai-password-dialog {
  width: 420px;
  padding: 26px;
}
.pages-confirm-dialog.laicai-password-dialog > h2 {
  margin: 0 32px 12px 0;
  font-size: 19px;
  line-height: 28px;
}
.pages-confirm-dialog.laicai-password-dialog .laicai-password-form {
  max-width: none;
}
.pages-confirm-dialog.laicai-password-dialog .laicai-password-help {
  margin: 0 0 18px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.7;
}
.laicai-password-dialog .laicai-password-form label {
  margin: 14px 0;
  gap: 7px;
}
.laicai-password-dialog .laicai-password-form input {
  background: var(--panel);
  color: var(--text);
  border-color: var(--line);
}
.pages-confirm-dialog.laicai-password-dialog :is(button,input):focus-visible {
  outline: 2px solid var(--green,#19a857);
  outline-offset: 2px;
}
.pages-confirm-dialog.laicai-password-dialog .live-error {
  color: #b12d30;
}
.pages-confirm-dialog.laicai-password-dialog .pages-dialog-actions {
  margin-top: 22px;
  gap: 10px;
}
.pages-confirm-dialog.laicai-password-dialog button:disabled {
  opacity: .6;
  cursor: default;
}
@media(max-width:480px) {
  .pages-dialog-overlay.laicai-password-overlay { padding: 16px; }
  .pages-confirm-dialog.laicai-password-dialog { padding: 22px; }
}

/* Keep sign-out at the end of Settings, on every settings tab. */
.workspace-page.settings-page {
  display: flex;
  flex-direction: column;
}
.settings-page > * {
  flex-shrink: 0;
}
.settings-page > .settings-content {
  padding-bottom: 28px;
}
.settings-footer {
  width: 100%;
  max-width: 900px;
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid var(--line);
  display: flex;
  justify-content: flex-start;
}
.settings-logout {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 36px;
  padding: 8px 15px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: var(--panel);
  color: #c44a4a;
  font-size: 13px;
}
.settings-logout:hover {
  background: var(--hover);
}
.settings-logout:focus-visible {
  outline: 2px solid var(--green);
  outline-offset: 3px;
}
.dark .settings-logout {
  color: #f08c8c;
}

/* Settings only. Match 46px conversation density without fixed text heights.
   Keep selectors more specific than the lazy-loaded original AdminEntry CSS.
   No generic form/button/input rules: password dialogs and sign-out keep r4. */
html.compact-layout .workspace-page.settings-page {
  padding-left: 24px;
  padding-right: 24px;
}

html.compact-layout .settings-page > .page-heading {
  height: auto;
  min-height: 52px;
  padding: 6px 0;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
html.compact-layout .settings-page > .page-heading h1 {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
}
html.compact-layout .settings-page > .page-heading p {
  font-size: 12px;
  line-height: 16px;
}
html.compact-layout .settings-page > .settings-tabs {
  gap: 24px;
  margin-top: 0;
}
html.compact-layout .settings-page > .settings-tabs > button {
  min-height: 36px;
  padding: 7px 2px;
  font-size: 13px;
  line-height: 20px;
}
html.compact-layout .settings-page > .settings-content {
  padding-top: 12px;
}
html.compact-layout .settings-page .settings-section-title {
  margin: 0 0 6px;
  font-size: 14px;
  line-height: 20px;
}
html.compact-layout .settings-page .settings-section-title.next {
  margin-top: 18px;
}
html.compact-layout .settings-page .settings-description {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 17px;
}
html.compact-layout .settings-page > .settings-content > .page-notice {
  margin-bottom: 12px;
}

html.compact-layout .settings-page .setting-row {
  min-height: 46px;
  padding: 4px 0;
  gap: 16px;
}
html.compact-layout .settings-page .setting-row > div:first-child {
  min-width: 0;
  overflow-wrap: anywhere;
}
html.compact-layout .settings-page .setting-row h3 {
  font-size: 13px;
  line-height: 18px;
}
html.compact-layout .settings-page .setting-row p {
  margin: 1px 0 0;
  font-size: 11px;
  line-height: 16px;
}
html.compact-layout .settings-page .setting-row > .setting-control {
  min-width: 120px;
  max-width: 48%;
  min-height: 32px;
}
html.compact-layout .settings-page .setting-control > select {
  min-height: 32px;
  padding: 5px 27px 5px 9px;
  font-size: 12px;
  line-height: 20px;
}
html.compact-layout .settings-page .setting-control > input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin: 0;
  cursor: pointer;
}

html.compact-layout .settings-page .theme-options {
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px;
  margin-top: 8px;
}
html.compact-layout .settings-page .theme-choice {
  min-width: 0;
  min-height: 46px;
  padding: 9px 12px;
  gap: 9px;
}
html.compact-layout .settings-page .theme-choice > svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
html.compact-layout .settings-page .theme-choice > strong {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
}

html.compact-layout .settings-page > .settings-content > .laicai-password-trigger {
  margin-bottom: 10px;
}
html.compact-layout .settings-page .device-title {
  min-height: 32px;
  margin: 8px 0 0;
  align-items: center;
  gap: 12px;
}
html.compact-layout .settings-page .device-title > .settings-section-title {
  margin: 0;
}
html.compact-layout .settings-page .device-title > .text-action {
  min-height: 30px;
  font-size: 12px;
  line-height: 18px;
}
html.compact-layout .settings-page .device-row {
  min-height: 46px;
  padding: 5px 0;
  gap: 10px;
  flex-wrap: nowrap;
}
html.compact-layout .settings-page .device-row > .device-icon {
  width: 24px;
  height: 24px;
}
html.compact-layout .settings-page .device-description {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 1px 10px;
}
html.compact-layout .settings-page .device-description > h3 {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  gap: 6px;
  font-size: 13px;
  line-height: 18px;
  overflow-wrap: anywhere;
}
html.compact-layout .settings-page .device-description > p {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  font-size: 11px;
  line-height: 16px;
  overflow-wrap: anywhere;
}
html.compact-layout .settings-page .device-description > p:last-child {
  flex-basis: 100%;
}
html.compact-layout .settings-page .current-device {
  font-size: 10px;
  line-height: 18px;
  padding: 0 5px;
}
html.compact-layout .settings-page .device-row > .outline-button {
  flex-shrink: 0;
  min-height: 30px;
  margin: 0;
  padding: 5px 9px;
  font-size: 12px;
  line-height: 18px;
}
html.compact-layout .settings-page > .settings-content > .page-footnote {
  margin: 10px 0;
  font-size: 11px;
  line-height: 17px;
}

html.compact-layout .settings-page .about-content {
  margin: 0 auto;
}
html.compact-layout .settings-page .about-content > .about-brand {
  width: 44px;
  height: 44px;
  margin-bottom: 8px;
  border-radius: 9px;
}
html.compact-layout .settings-page .about-brand > .laicai-brand-icon {
  width: 32px;
  height: 32px;
}
html.compact-layout .settings-page .about-content > h2 {
  margin-bottom: 4px;
  font-size: 19px;
  line-height: 26px;
}
html.compact-layout .settings-page .about-content > .about-version {
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 17px;
}
html.compact-layout .settings-page .about-content > p:not(.about-version) {
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 18px;
}
html.compact-layout .settings-page .about-content > .about-row {
  min-height: 46px;
  padding: 8px 0;
  gap: 12px;
  font-size: 12px;
  line-height: 18px;
}
html.compact-layout .settings-page .about-row > a {
  min-width: 0;
  text-align: right;
  overflow-wrap: anywhere;
}
html.compact-layout .settings-page .about-content > .windows-download {
  margin: 10px 0;
}

@media(max-width:600px) {
  html.compact-layout .workspace-page.settings-page {
    padding-left: 12px;
    padding-right: 12px;
  }
  html.compact-layout .settings-page > .settings-tabs { gap: 16px; }
  html.compact-layout .settings-page .setting-row { gap: 10px; }
  html.compact-layout .settings-page .setting-row > .setting-control {
    min-width: 96px;
    max-width: 48%;
  }
  html.compact-layout .settings-page .setting-control > select {
    min-height: 34px;
    padding-left: 7px;
    padding-right: 20px;
  }
  html.compact-layout .settings-page .theme-options { grid-template-columns: 1fr; }
  html.compact-layout .settings-page .device-description { gap: 1px 6px; }
  html.compact-layout .settings-page .device-row > .outline-button {
    min-height: 34px;
    padding: 6px 7px;
  }
}

/* r6 customer / favorite / system-message lists only. Ordinary rows are 46px;
   tags, long previews, media and expanded details can grow without losing actions.
   Scoped specificity also wins when the original AdminEntry CSS loads later. */
html.compact-layout .workspace-page:has(> .customer-table-wrap, > .favorite-list, > .system-list) {
  padding-left: 24px;
  padding-right: 24px;
}
html.compact-layout .workspace-page:has(> .customer-table-wrap, > .favorite-list, > .system-list) > .page-heading {
  height: auto;
  min-height: 52px;
  padding: 6px 0;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
}
html.compact-layout .workspace-page:has(> .customer-table-wrap, > .favorite-list, > .system-list) > .page-heading h1 {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
}
html.compact-layout .workspace-page:has(> .customer-table-wrap, > .favorite-list, > .system-list) > .page-heading p {
  font-size: 12px;
  line-height: 16px;
}
html.compact-layout .workspace-page:has(> .customer-table-wrap, > .favorite-list, > .system-list) > .page-heading > .outline-button {
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 18px;
}

/* Customer table retains every column and its existing horizontal scroll. */
html.compact-layout .workspace-page:has(> .customer-table-wrap) > .page-toolbar {
  gap: 10px;
  margin: 10px 0;
}
html.compact-layout .workspace-page:has(> .customer-table-wrap) .page-search {
  height: 32px;
  padding: 0 9px;
  gap: 7px;
}
html.compact-layout .workspace-page:has(> .customer-table-wrap) .page-search > input {
  font-size: 12px;
}
html.compact-layout .workspace-page:has(> .customer-table-wrap) .page-count {
  font-size: 12px;
}
html.compact-layout .workspace-page > .customer-table-wrap {
  max-width: 100%;
}
html.compact-layout .customer-table-wrap > .customer-table {
  min-width: 740px;
  font-size: 12px;
  line-height: 18px;
}
html.compact-layout .customer-table th {
  height: 32px;
  padding: 7px 10px;
  font-size: 11px;
  line-height: 18px;
}
html.compact-layout .customer-table tbody > tr {
  height: 46px;
}
html.compact-layout .customer-table td {
  padding: 6px 10px;
  vertical-align: middle;
}
html.compact-layout .customer-table :is(th,td):first-child {
  padding-left: 8px;
}
html.compact-layout .customer-table .table-customer {
  min-height: 32px;
  gap: 8px;
}
html.compact-layout .customer-table .table-customer > .avatar {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  border-radius: 5px;
}
html.compact-layout .customer-table .table-customer > img {
  width: 32px;
  height: 32px;
}
html.compact-layout .customer-table .table-customer > strong {
  max-width: 160px;
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.compact-layout .customer-table .table-statuses {
  max-width: 190px;
  flex-wrap: wrap;
  gap: 3px;
}
html.compact-layout .customer-table .table-statuses > span {
  padding: 0 5px;
  font-size: 10px;
  line-height: 18px;
}
html.compact-layout .customer-table .text-action {
  min-height: 30px;
  font-size: 12px;
  line-height: 18px;
}

/* Favorites keep source/time, a one-line preview, and a visible action.
   Focusing an item or hovering its text reveals the complete original body. */
html.compact-layout .favorite-list > .favorite-item {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  min-height: 46px;
  padding: 4px 0;
  gap: 0 12px;
}
html.compact-layout .favorite-item > .favorite-source {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  min-height: 18px;
  gap: 10px;
  margin: 0;
}
html.compact-layout .favorite-source > button {
  display: block;
  min-width: 0;
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.compact-layout .favorite-source > span {
  flex-shrink: 0;
  font-size: 10px;
  line-height: 18px;
  white-space: nowrap;
}
html.compact-layout .favorite-item > p {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  white-space: pre-wrap;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
html.compact-layout .favorite-item:focus-within > p,
html.compact-layout .favorite-item > p:hover {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}
html.compact-layout .favorite-item > .favorite-remove {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  min-height: 30px;
  padding: 4px 0 4px 6px;
  font-size: 11px;
  line-height: 18px;
  white-space: nowrap;
}
html.compact-layout .favorite-item > .media-card {
  grid-column: 1;
  justify-self: start;
  min-width: 0;
  width: max-content;
  max-width: 100%;
  padding: 5px;
  margin: 4px 0 0;
}
html.compact-layout .favorite-item > .media-card > .media-thumbnail > img,
html.compact-layout .favorite-item > .media-card > .media-thumbnail > video {
  width: auto;
  max-width: min(240px,100%);
  max-height: 96px;
  object-fit: contain;
}
html.compact-layout .favorite-item > .media-card > .media-thumbnail > .media-play-overlay {
  width: 32px;
  height: 32px;
  font-size: 15px;
}
html.compact-layout .favorite-item > .media-card > .media-placeholder {
  min-height: 48px;
  max-width: 100%;
  padding: 8px;
  gap: 6px;
  font-size: 11px;
}
html.compact-layout .favorite-item > .media-card > audio {
  max-width: 100%;
}
html.compact-layout .favorite-item > .media-card > .media-card-actions {
  gap: 6px;
  margin-top: 0;
}
html.compact-layout .favorite-item > .media-card > .media-card-actions > button {
  min-height: 28px;
  max-width: 100%;
  padding: 3px 5px;
  font-size: 11px;
  line-height: 18px;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* System messages stay 46px closed. Details and full body grow when opened. */
html.compact-layout .system-list > .system-event {
  min-height: 46px;
  padding: 4px 0;
  gap: 9px;
  align-items: flex-start;
}
html.compact-layout .system-list > .system-event.system-event--unread::before {
  width: 6px;
  height: 6px;
  left: 24px;
  top: 6px;
}
html.compact-layout .system-event > .system-event-icon {
  width: 28px;
  height: 28px;
  margin-top: 4px;
  border-radius: 5px;
}
html.compact-layout .system-event > .system-event-icon > svg {
  width: 18px;
  height: 18px;
}
html.compact-layout .system-event > .system-event-body {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 0 12px;
}
html.compact-layout .system-event-body > .system-event-heading {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  min-height: 18px;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
html.compact-layout .system-event-heading > h2 {
  min-width: 0;
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.compact-layout .system-event-heading > time {
  flex-shrink: 0;
  font-size: 10px;
  line-height: 18px;
}
html.compact-layout .system-event-body > p {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  max-width: none;
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.compact-layout .system-event-body > .text-action {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  min-height: 30px;
  padding: 4px 0 4px 6px;
  font-size: 11px;
  line-height: 18px;
  white-space: nowrap;
}
html.compact-layout .system-event-body:has(> .event-detail) > p {
  white-space: pre-wrap;
  overflow: visible;
  overflow-wrap: anywhere;
}
html.compact-layout .system-event-body:has(> .event-detail) .system-event-heading > h2 {
  white-space: normal;
  overflow-wrap: anywhere;
}
html.compact-layout .system-event-body > .event-detail {
  grid-column: 1 / -1;
  padding: 7px 9px;
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 18px;
}
html.compact-layout .system-event-body > .event-detail > div {
  gap: 10px;
  margin: 4px 0;
}
html.compact-layout .system-event-body > .event-detail dt {
  width: 60px;
}
html.compact-layout .system-event-body > .event-detail dd {
  min-width: 0;
  overflow-wrap: anywhere;
}

html.compact-layout .workspace-page:has(> .customer-table-wrap, > .favorite-list, > .system-list) .page-empty {
  min-height: 180px;
  gap: 8px;
}
html.compact-layout .workspace-page:has(> .customer-table-wrap, > .favorite-list, > .system-list) .page-empty h3 {
  font-size: 15px;
}
html.compact-layout .workspace-page:has(> .customer-table-wrap, > .favorite-list, > .system-list) .page-empty p {
  font-size: 12px;
}

@media(max-width:600px) {
  html.compact-layout .workspace-page:has(> .customer-table-wrap, > .favorite-list, > .system-list) {
    padding-left: 12px;
    padding-right: 12px;
  }
  html.compact-layout .favorite-list > .favorite-item,
  html.compact-layout .system-event > .system-event-body {
    column-gap: 6px;
  }
  html.compact-layout .favorite-item > .favorite-source,
  html.compact-layout .system-event-body > .system-event-heading {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0 7px;
  }
  html.compact-layout .system-event-heading > h2 {
    white-space: normal;
    overflow-wrap: anywhere;
  }
  html.compact-layout .favorite-item > .favorite-remove,
  html.compact-layout .system-event-body > .text-action {
    min-height: 34px;
  }
}

html.compact-layout .bubble .laicai-wechat-emoji {
  display: inline-block;
  width: 22px;
  height: 22px;
  max-width: none;
  margin: -2px 1px 0;
  vertical-align: middle;
  object-fit: contain;
}
html.compact-layout .favorite-item > p .laicai-wechat-emoji {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: -2px 1px 0;
  vertical-align: middle;
  object-fit: contain;
}
html.compact-layout .composer .laicai-emoji-popover {
  display: flex;
  flex-direction: column;
  width: 354px;
  max-width: calc(100% - 20px);
  max-height: min(380px,55dvh);
  left: 10px;
  padding: 8px;
  gap: 6px;
  overflow: hidden;
}
html.compact-layout .laicai-emoji-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
html.compact-layout .laicai-emoji-header > input {
  flex: 1;
  min-width: 0;
  height: 30px;
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 4px 8px;
  background: var(--panel);
  color: var(--text);
  font-size: 12px;
}
html.compact-layout .laicai-emoji-header > button {
  width: 28px;
  height: 28px;
  padding: 0;
  font-size: 22px;
  color: var(--muted);
}
html.compact-layout .laicai-emoji-tabs {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
  border-bottom: 1px solid var(--line);
}
html.compact-layout .laicai-emoji-tabs > button {
  padding: 4px 7px;
  font-size: 12px;
  line-height: 20px;
  color: var(--muted);
  border-bottom: 2px solid transparent;
  border-radius: 0;
}
html.compact-layout .laicai-emoji-tabs > button[aria-selected="true"] {
  color: var(--green);
  border-bottom-color: var(--green);
}
html.compact-layout .laicai-emoji-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(30px,1fr));
  gap: 3px;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  align-content: start;
}
html.compact-layout .laicai-emoji-grid > .laicai-emoji-choice {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 32px;
  padding: 3px;
  border-radius: 4px;
}
html.compact-layout .laicai-emoji-choice > .laicai-wechat-emoji {
  width: 26px;
  height: 26px;
  object-fit: contain;
}
html.compact-layout .laicai-emoji-choice > .laicai-emoji-fallback {
  font-size: 9px;
  line-height: 11px;
  overflow-wrap: anywhere;
}
html.compact-layout .laicai-emoji-empty {
  margin: 8px;
  font-size: 12px;
  color: var(--muted);
}

/* Local display preferences. Append after r6 compact CSS; the original admin
   stylesheet can still load later. Layout and text scale are independent.
   Public contract: data-laicai-layout=compact|standard|spacious,
   data-laicai-font=100|110|120|130, --laicai-font-scale=1|1.1|1.2|1.3.
   The JS may set the scale inline. Missing attributes keep the shipped r6 UI.
   Row sizes are minimums: larger text, attachments and expanded details grow.
   Typography is mirrored below so hardcoded px in every original display
   surface responds, including dialogs, notices and responsive variants. */
html.compact-layout[data-laicai-layout] {
  --laicai-font-scale: 1;
  --laicai-row-height: 46px;
  --laicai-row-padding: 4px;
  --laicai-avatar-size: 32px;
  --laicai-rail-width: 60px;
  --laicai-rail-small: 52px;
  --laicai-list-width: 316px;
  --laicai-list-small: 280px;
  --laicai-profile-width: 250px;
  --laicai-page-inset: 24px;
  --laicai-chat-inset: 14px;
  --laicai-list-inset: 10px;
  --laicai-layout-extra: 0px;
}
html.compact-layout[data-laicai-layout="standard"] {
  --laicai-row-height: 54px;
  --laicai-row-padding: 8px;
  --laicai-avatar-size: 34px;
  --laicai-rail-width: 64px;
  --laicai-rail-small: 56px;
  --laicai-list-width: 340px;
  --laicai-list-small: 300px;
  --laicai-profile-width: 270px;
  --laicai-page-inset: 28px;
  --laicai-chat-inset: 18px;
  --laicai-list-inset: 12px;
  --laicai-layout-extra: 4px;
}
html.compact-layout[data-laicai-layout="spacious"] {
  --laicai-row-height: 62px;
  --laicai-row-padding: 12px;
  --laicai-avatar-size: 36px;
  --laicai-rail-width: 68px;
  --laicai-rail-small: 60px;
  --laicai-list-width: 364px;
  --laicai-list-small: 320px;
  --laicai-profile-width: 290px;
  --laicai-page-inset: 32px;
  --laicai-chat-inset: 22px;
  --laicai-list-inset: 14px;
  --laicai-layout-extra: 8px;
}
html.compact-layout[data-laicai-font="100"] { --laicai-font-scale: 1; }
html.compact-layout[data-laicai-font="110"] { --laicai-font-scale: 1.1; }
html.compact-layout[data-laicai-font="120"] { --laicai-font-scale: 1.2; }
html.compact-layout[data-laicai-font="130"] { --laicai-font-scale: 1.3; }

/* Conversation rail, preview list and chat. */
html.compact-layout[data-laicai-layout] .app {
  grid-template-columns: var(--laicai-rail-width) var(--laicai-list-width) minmax(0,1fr);
}
html.compact-layout[data-laicai-layout] .rail button {
  height: auto;
  min-height: calc(54px + var(--laicai-layout-extra) * 2);
  padding: 6px 0;
}
html.compact-layout[data-laicai-layout] .search-wrap > div {
  height: auto;
  min-height: calc(31px * var(--laicai-font-scale));
}
html.compact-layout[data-laicai-layout] .search-wrap input {
  height: auto;
  min-height: calc(30px * var(--laicai-font-scale));
  min-width: 0;
}
html.compact-layout[data-laicai-layout] .group-line {
  height: auto;
  min-height: calc(34px * var(--laicai-font-scale));
}
html.compact-layout[data-laicai-layout] .customer-row,
html.compact-layout[data-laicai-layout] .customer-select {
  height: auto;
  min-height: var(--laicai-row-height);
}
html.compact-layout[data-laicai-layout] .customer-select {
  padding: max(5px,var(--laicai-row-padding)) var(--laicai-list-inset);
}
html.compact-layout[data-laicai-layout] .customer-select .avatar,
html.compact-layout[data-laicai-layout] .customer-table .table-customer > .avatar,
html.compact-layout[data-laicai-layout] .customer-table .table-customer > img {
  width: var(--laicai-avatar-size);
  height: var(--laicai-avatar-size);
}
html.compact-layout[data-laicai-layout] .customer-line,
html.compact-layout[data-laicai-layout] .customer-preview {
  height: auto;
}
html.compact-layout[data-laicai-layout] .customer-row::after {
  left: calc(var(--laicai-list-inset) + var(--laicai-avatar-size) + 9px);
}
html.compact-layout[data-laicai-layout] .chat-header {
  height: auto;
  min-height: calc(48px + var(--laicai-layout-extra) * 2);
  padding-left: var(--laicai-chat-inset);
  padding-right: var(--laicai-chat-inset);
}
html.compact-layout[data-laicai-layout] .chat-header h1 { min-width: 0; }
html.compact-layout[data-laicai-layout] .profile-button {
  height: auto;
  min-height: calc(28px * var(--laicai-font-scale));
}
html.compact-layout[data-laicai-layout] .messages {
  padding-left: var(--laicai-chat-inset);
  padding-right: var(--laicai-chat-inset);
}
html.compact-layout[data-laicai-layout] .date-divider {
  height: auto;
  min-height: calc(28px * var(--laicai-font-scale));
}
html.compact-layout[data-laicai-layout] .message,
html.compact-layout[data-laicai-layout] .message.outgoing,
html.compact-layout[data-laicai-layout] .message.continuation {
  margin-bottom: calc(7px + var(--laicai-layout-extra));
}
html.compact-layout[data-laicai-layout] .message .avatar {
  width: calc(28px + var(--laicai-layout-extra));
  height: calc(28px + var(--laicai-layout-extra));
}
html.compact-layout[data-laicai-layout] .bubble,
html.compact-layout[data-laicai-layout] .with-profile .bubble {
  padding: calc(5px + var(--laicai-layout-extra) / 2) calc(9px + var(--laicai-layout-extra));
}
html.compact-layout[data-laicai-layout] .composer {
  padding-left: var(--laicai-chat-inset);
  padding-right: var(--laicai-chat-inset);
}
html.compact-layout[data-laicai-layout] .composer-toolbar {
  height: auto;
  min-height: calc(32px * var(--laicai-font-scale) + var(--laicai-layout-extra));
  flex-wrap: wrap;
}
html.compact-layout[data-laicai-layout] .composer > textarea {
  min-height: 98px;
  /* JS continues to set the height from content; never use a scaled fixed height. */
}
html.compact-layout[data-laicai-layout] .composer-footer { flex-wrap: wrap; }
html.compact-layout[data-laicai-layout] .send-controls { max-width: 100%; }
html.compact-layout[data-laicai-layout] .send-button {
  height: auto;
  min-height: calc(29px * var(--laicai-font-scale));
  width: auto;
  min-width: 72px;
  padding: 4px 12px;
  flex-shrink: 0;
}
html.compact-layout[data-laicai-layout] .profile-panel {
  width: var(--laicai-profile-width);
  padding: calc(12px + var(--laicai-layout-extra));
}

/* Matching row density across the four workspace pages. */
html.compact-layout[data-laicai-layout] .workspace-page.settings-page,
html.compact-layout[data-laicai-layout] .workspace-page:has(> .customer-table-wrap, > .favorite-list, > .system-list) {
  padding-left: var(--laicai-page-inset);
  padding-right: var(--laicai-page-inset);
}
html.compact-layout[data-laicai-layout] .settings-page > .page-heading,
html.compact-layout[data-laicai-layout] .workspace-page:has(> .customer-table-wrap, > .favorite-list, > .system-list) > .page-heading {
  min-height: calc(52px + var(--laicai-layout-extra) * 2);
  height: auto;
}
html.compact-layout[data-laicai-layout] .settings-page .setting-row,
html.compact-layout[data-laicai-layout] .settings-page .device-row,
html.compact-layout[data-laicai-layout] .favorite-list > .favorite-item,
html.compact-layout[data-laicai-layout] .system-list > .system-event {
  min-height: var(--laicai-row-height);
  padding-top: var(--laicai-row-padding);
  padding-bottom: var(--laicai-row-padding);
}
html.compact-layout[data-laicai-layout] .settings-page .device-row {
  padding-top: max(5px,var(--laicai-row-padding));
  padding-bottom: max(5px,var(--laicai-row-padding));
}
html.compact-layout[data-laicai-layout] .settings-page .theme-choice,
html.compact-layout[data-laicai-layout] .settings-page .about-content > .about-row {
  min-height: var(--laicai-row-height);
}
html.compact-layout[data-laicai-layout] .customer-table tbody > tr {
  height: var(--laicai-row-height);
  /* Table row height is a minimum; cells grow for enlarged text or wrapped tags. */
}
html.compact-layout[data-laicai-layout] .customer-table td {
  padding-top: max(6px,var(--laicai-row-padding));
  padding-bottom: max(6px,var(--laicai-row-padding));
}
html.compact-layout[data-laicai-layout] .customer-table th {
  height: auto;
  min-height: 32px;
}
html.compact-layout[data-laicai-layout] .workspace-page:has(> .customer-table-wrap) .page-search {
  height: auto;
  min-height: calc(32px * var(--laicai-font-scale));
}
html.compact-layout[data-laicai-layout] .system-event > .system-event-icon {
  width: calc(28px + var(--laicai-layout-extra));
  height: calc(28px + var(--laicai-layout-extra));
}
html.compact-layout[data-laicai-layout] .system-list > .system-event.system-event--unread::before {
  left: calc(24px + var(--laicai-layout-extra));
  top: calc(6px + var(--laicai-layout-extra));
}
html.compact-layout[data-laicai-layout] .settings-page .setting-control > select {
  width: 100%;
  height: auto;
  min-height: calc(32px * var(--laicai-font-scale));
  white-space: normal;
}
html.compact-layout[data-laicai-layout] .settings-page > .settings-tabs {
  flex-wrap: wrap;
  height: auto;
}
html.compact-layout[data-laicai-layout] .settings-page .theme-options {
  grid-template-columns: repeat(3,minmax(0,1fr));
}
html.compact-layout[data-laicai-layout] .settings-page .theme-choice > strong { overflow-wrap: anywhere; }
html.compact-layout[data-laicai-layout] .laicai-display-preferences { margin-top: 12px; }
html.compact-layout[data-laicai-layout] .settings-page .laicai-display-reset {
  margin-top: 10px;
  min-height: 32px;
  padding: 6px 12px;
}

/* Enlarged text must remain usable in popovers, forms and password dialogs. */
html.compact-layout[data-laicai-layout] .pages-confirm-dialog {
  max-height: calc(100dvh - 32px);
  overflow: auto;
}
html.compact-layout[data-laicai-layout] .pages-confirm-dialog.laicai-password-dialog {
  width: calc(420px * var(--laicai-font-scale));
  max-width: 100%;
}
html.compact-layout[data-laicai-layout] .pages-dialog-actions,
html.compact-layout[data-laicai-layout] .pd-dialog-actions { flex-wrap: wrap; }
html.compact-layout[data-laicai-layout] .context-menu {
  width: calc(200px * var(--laicai-font-scale));
  max-width: calc(100vw - 16px);
  max-height: calc(100dvh - 16px);
  overflow: auto;
}
html.compact-layout[data-laicai-layout] .menu-select { flex-wrap: wrap; }
html.compact-layout[data-laicai-layout] .menu-select select { flex: 1; min-width: 0; }
html.compact-layout[data-laicai-layout] .laicai-emoji-header > input {
  height: auto;
  min-height: calc(30px * var(--laicai-font-scale));
}
html.compact-layout[data-laicai-layout] .laicai-emoji-header > button {
  width: calc(28px * var(--laicai-font-scale));
  height: calc(28px * var(--laicai-font-scale));
}
html.compact-layout[data-laicai-layout] .laicai-emoji-grid > .laicai-emoji-choice {
  height: auto;
  min-height: 32px;
}

@media(max-width:900px) {
  html.compact-layout[data-laicai-layout] .app {
    grid-template-columns: var(--laicai-rail-small) var(--laicai-list-small) minmax(0,1fr);
  }
}
@media(max-width:760px) {
  html.compact-layout[data-laicai-layout] .app {
    grid-template-columns: var(--laicai-rail-small) minmax(0,1fr);
  }
  html.compact-layout[data-laicai-layout] .composer {
    padding-left: 10px;
    padding-right: 10px;
  }
  html.compact-layout[data-laicai-layout] .profile-panel { max-width: 90vw; }
}
@media(max-width:600px) {
  html.compact-layout[data-laicai-layout] .workspace-page.settings-page,
  html.compact-layout[data-laicai-layout] .workspace-page:has(> .customer-table-wrap, > .favorite-list, > .system-list) {
    padding-left: 12px;
    padding-right: 12px;
  }
  html.compact-layout[data-laicai-layout] .settings-page .theme-options { grid-template-columns: 1fr; }
  html.compact-layout[data-laicai-layout] .settings-page .setting-row { flex-wrap: wrap; }
  html.compact-layout[data-laicai-layout] .settings-page .setting-row > .setting-control {
    max-width: 100%;
    margin-left: auto;
  }
  html.compact-layout[data-laicai-layout] .settings-page .setting-control > select {
    min-height: max(34px,calc(32px * var(--laicai-font-scale)));
  }
  html.compact-layout[data-laicai-layout] .settings-page .device-row { flex-wrap: wrap; }
  html.compact-layout[data-laicai-layout] .settings-page .device-row > .outline-button { margin-left: auto; }
  html.compact-layout[data-laicai-layout] .send-controls { flex-wrap: wrap; justify-content: flex-end; }
}

/* BEGIN GENERATED TYPOGRAPHY: generate_display_typography.py */
/* Source: production-snapshot/web/assets/AdminEntry-ClvcXBck.css */
:is(html.compact-layout[data-laicai-layout]) .live-login-brand { font-size: calc(24px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .live-login-card h1 { font-size: calc(21px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .live-login-card label,
:is(html.compact-layout[data-laicai-layout]) .live-password-form label { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .live-error { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: 1.6; }
:is(html.compact-layout[data-laicai-layout]) .live-password-form>p { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: 1.7; }
:is(html.compact-layout[data-laicai-layout]) .media-card-actions { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .media-card-actions button { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .media-play-overlay { font-size: calc(22px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .media-placeholder { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .media-unavailable { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: 1.6; }
:is(html.compact-layout[data-laicai-layout]) .media-audio-help { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: 1.7; }
:is(html.compact-layout[data-laicai-layout]) .transcription-label { font-size: calc(11px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .voice-transcription p { font-size: calc(14px * var(--laicai-font-scale,1)); line-height: 1.8; }
:is(html.compact-layout[data-laicai-layout]) .media-viewer-close { font-size: calc(26px * var(--laicai-font-scale,1)); line-height: 1; }
:is(html.compact-layout[data-laicai-layout]) .connection-panel { line-height: 1.7; }
:is(html.compact-layout[data-laicai-layout]) .connection-panel h2 { font-size: calc(20px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .connection-panel p { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .connection-card h3 { font-size: calc(15px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .connection-card .secondary { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .connection-panel .note { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .connection-mode strong { font-size: calc(15px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .connection-mode span { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: 1.6; }
:is(html.compact-layout[data-laicai-layout]) .fixed-entry-panel h3 { font-size: calc(16px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .fixed-entry-placeholder { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .fixed-entry-status { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: 1.5; }
:is(html.compact-layout[data-laicai-layout]) .fixed-entry-details input { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .qq-status { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .qq-connection h3 { font-size: calc(15px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .qq-enable { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .qq-setup ol { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: 1.9; }
:is(html.compact-layout[data-laicai-layout]) .qq-setup code { font-size: calc(11px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .qq-copy-field input { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .qq-copy-field button { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .qq-health dt { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .qq-health dd { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .channel-badge { font-size: calc(10px * var(--laicai-font-scale,1)); line-height: calc(17px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .qq-composer-note { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: 1.6; }
@media(max-width:600px) {
:is(html.compact-layout[data-laicai-layout]) .chat-header>.channel-badge { font-size: calc(10px * var(--laicai-font-scale,1)); }
}
:is(html.compact-layout[data-laicai-layout]) .live-forward-preview { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: 1.8; }
:is(html.compact-layout[data-laicai-layout]) .live-service-status { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .live-list-error { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: 1.6; }
:is(html.compact-layout[data-laicai-layout]) .live-delivery { font-size: calc(10px * var(--laicai-font-scale,1)); line-height: 1.65; }
:is(html.compact-layout[data-laicai-layout]) .live-new-message { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .live-empty-conversation h2 { font-size: calc(21px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .live-empty-conversation p { font-size: calc(14px * var(--laicai-font-scale,1)); line-height: 1.8; }
:is(html.compact-layout[data-laicai-layout]) .live-send-warning,
:is(html.compact-layout[data-laicai-layout]) .live-draft-conflict { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: 1.6; }
:is(html.compact-layout[data-laicai-layout]) .live-inline-warning { line-height: 1.7; font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .live-modal-field { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .profile-panel .small-muted { line-height: 1.8; }
:is(html.compact-layout[data-laicai-layout]) .windows-download a { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .windows-download small { font-size: calc(11px * var(--laicai-font-scale,1)); line-height: 1.7; }
:is(html.compact-layout[data-laicai-layout]) .windows-download.compact a { font-size: calc(11px * var(--laicai-font-scale,1)); }
@media(max-width:760px) {
:is(html.compact-layout[data-laicai-layout]) .live-service-status { font-size: calc(10px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .live-delivery { font-size: calc(9px * var(--laicai-font-scale,1)); }
}
:is(html.compact-layout[data-laicai-layout]) .page-heading h1 { font-size: calc(25px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .page-heading p,
:is(html.compact-layout[data-laicai-layout]) .settings-description { font-size: calc(14px * var(--laicai-font-scale,1)); line-height: 1.7; }
:is(html.compact-layout[data-laicai-layout]) .page-search input { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .page-count,
:is(html.compact-layout[data-laicai-layout]) .page-muted { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .page-toolbar select,
:is(html.compact-layout[data-laicai-layout]) .setting-control select { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .page-footnote { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: 1.7; }
:is(html.compact-layout[data-laicai-layout]) .customer-table { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .customer-table th { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .table-statuses span { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: calc(22px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .table-disconnected { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .customer-table .text-action { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .page-tabs>button { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .page-empty h3 { font-size: calc(17px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .page-empty p { font-size: calc(14px * var(--laicai-font-scale,1)); line-height: 1.7; }
:is(html.compact-layout[data-laicai-layout]) .favorite-source>button { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .favorite-source>span { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .favorite-item>p { font-size: calc(15px * var(--laicai-font-scale,1)); line-height: 1.8; }
:is(html.compact-layout[data-laicai-layout]) .favorite-file { font-size: calc(15px * var(--laicai-font-scale,1)); line-height: 1.7; }
:is(html.compact-layout[data-laicai-layout]) .favorite-remove { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .page-notice { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: 1.7; }
:is(html.compact-layout[data-laicai-layout]) .system-event-heading h2 { font-size: calc(16px * var(--laicai-font-scale,1)); line-height: 1.6; }
:is(html.compact-layout[data-laicai-layout]) .demo-tag { font-size: calc(11px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .system-event-heading time { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .system-event-body>p { font-size: calc(14px * var(--laicai-font-scale,1)); line-height: 1.8; }
:is(html.compact-layout[data-laicai-layout]) .system-event-body>.text-action { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .event-detail { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .settings-section-title { font-size: calc(16px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .settings-section-title>span { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .settings-description { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .setting-row h3 { font-size: calc(14px * var(--laicai-font-scale,1)); line-height: 1.5; }
:is(html.compact-layout[data-laicai-layout]) .setting-row p { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: 1.8; }
:is(html.compact-layout[data-laicai-layout]) .setting-checkbox { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .theme-choice strong { font-size: calc(15px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .theme-choice span { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: 1.7; }
:is(html.compact-layout[data-laicai-layout]) .security-account { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .device-title .text-action { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .device-description h3 { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .current-device { font-size: calc(11px * var(--laicai-font-scale,1)); line-height: calc(21px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .device-description p { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: 1.7; }
:is(html.compact-layout[data-laicai-layout]) .security-records li { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: 1.7; }
:is(html.compact-layout[data-laicai-layout]) .security-records time { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .about-content h2 { font-size: calc(24px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .about-version { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .about-content>p:not(.about-version) { font-size: calc(14px * var(--laicai-font-scale,1)); line-height: 1.9; }
:is(html.compact-layout[data-laicai-layout]) .about-row { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .pages-confirm-dialog h2 { font-size: calc(19px * var(--laicai-font-scale,1)); line-height: 1.5; }
:is(html.compact-layout[data-laicai-layout]) .pages-confirm-dialog p { font-size: calc(14px * var(--laicai-font-scale,1)); line-height: 1.8; }
@media(max-width:1180px) {
:is(html.compact-layout[data-laicai-layout]) .customer-table { font-size: calc(13px * var(--laicai-font-scale,1)); }
}
@media(max-width:780px) {
:is(html.compact-layout[data-laicai-layout]) .page-heading h1 { font-size: calc(23px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .page-heading p { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .setting-control select { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .setting-row h3 { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .setting-row p { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .system-event-heading h2 { font-size: calc(15px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .system-event-heading time { font-size: calc(11px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .device-title .text-action { font-size: calc(12px * var(--laicai-font-scale,1)); }
}
:is(html.compact-layout[data-laicai-layout]) .pd-dialog-header h2 { font-size: calc(18px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .pd-muted { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: 1.7; }
:is(html.compact-layout[data-laicai-layout]) .pd-dialog-actions button,
:is(html.compact-layout[data-laicai-layout]) .pd-add-group button,
:is(html.compact-layout[data-laicai-layout]) .pd-inline-confirm button { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .pd-add-group input,
:is(html.compact-layout[data-laicai-layout]) .pd-phrase-input { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .pd-group-row { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .pd-group-name small { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .pd-inline-confirm p { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .pd-inline-confirm>span { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: 1.65; }
:is(html.compact-layout[data-laicai-layout]) .pd-error { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: 1.6; }
:is(html.compact-layout[data-laicai-layout]) .pd-field-label { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .pd-phrase-input { line-height: 1.7; }
:is(html.compact-layout[data-laicai-layout]) .pd-search input { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .pd-recipient-letter { font-size: calc(15px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .pd-recipient-name { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .pd-recipient-name small { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .pd-empty { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .pd-forward-target { font-size: calc(15px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .pd-forward-preview p { line-height: 1.7; font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .pd-confirm-copy h3 { font-size: calc(16px * var(--laicai-font-scale,1)); line-height: 1.6; }
:is(html.compact-layout[data-laicai-layout]) .pd-confirm-copy p { font-size: calc(14px * var(--laicai-font-scale,1)); line-height: 1.8; }
:is(html.compact-layout[data-laicai-layout]) .pd-info-title { font-size: calc(17px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .pd-info-copy { font-size: calc(14px * var(--laicai-font-scale,1)); line-height: 1.9; }
:is(html.compact-layout[data-laicai-layout]) .pd-info-copy kbd { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .pd-info-future { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: 1.8; }
:is(html.compact-layout[data-laicai-layout]) h1 { font-size: calc(24px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) h2 { font-size: calc(18px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) h3 { font-size: calc(16px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) small { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) button,
:is(html.compact-layout[data-laicai-layout]) input,
:is(html.compact-layout[data-laicai-layout]) textarea { line-height: 1.6; }
:is(html.compact-layout[data-laicai-layout]) .app { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .brand strong { font-size: calc(20px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .preview-tag { font-size: calc(10px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .rail button { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .search input { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .group-tabs button { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .customer-line strong { font-size: calc(17px * var(--laicai-font-scale,1)); line-height: calc(24px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .customer-line time { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: calc(20px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .customer-preview { line-height: calc(22px * var(--laicai-font-scale,1)); font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .filter-hint { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .chat-header h1 { font-size: calc(23px * var(--laicai-font-scale,1)); line-height: calc(32px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .status-pill { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: calc(20px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .date-divider { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .bubble { font-size: calc(18px * var(--laicai-font-scale,1)); line-height: calc(26px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .message time { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: calc(20px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .preview-state { font-size: calc(11px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .quote-reference { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .transcription { line-height: 1.8; }
:is(html.compact-layout[data-laicai-layout]) .phrase-trigger { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .composer>textarea { font-size: calc(17px * var(--laicai-font-scale,1)); line-height: calc(26px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .draft-state { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .shortcut-label { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .send-button { font-size: calc(16px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .quote-draft { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .draft-files>div { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .chat-search>button:not(.icon-button) { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .context-menu { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .context-menu>button { line-height: calc(20px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .menu-select { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .menu-select select { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .empty { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .text-action { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .primary-button,
:is(html.compact-layout[data-laicai-layout]) .outline-button,
:is(html.compact-layout[data-laicai-layout]) .danger-button { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .small-muted { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: 1.9; }
:is(html.compact-layout[data-laicai-layout]) .appearance-popover>strong { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .phrase-content { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .phrase-list .text-action { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .emoji-popover button { font-size: calc(25px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .shortcut-popover label { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .profile-identity strong { font-size: calc(19px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .profile-panel>label { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .profile-panel input,
:is(html.compact-layout[data-laicai-layout]) .profile-panel select,
:is(html.compact-layout[data-laicai-layout]) .profile-panel textarea { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: 1.7; }
:is(html.compact-layout[data-laicai-layout]) .status-options button { font-size: calc(11px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .with-profile .chat-header h1 { font-size: calc(20px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .with-profile .message time { font-size: calc(11px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .with-profile .bubble { font-size: calc(16px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .toast { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: 1.7; }
@media(max-width:1250px) {
:is(html.compact-layout[data-laicai-layout]) .rail button { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .group-tabs button { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .customer-line strong { font-size: calc(16px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .customer-preview { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .customer-line time { font-size: calc(11px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .bubble { font-size: calc(16px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .with-profile .chat-header h1 { font-size: calc(18px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .with-profile .draft-state { font-size: calc(10px * var(--laicai-font-scale,1)); }
}
@media(max-height:880px) {
:is(html.compact-layout[data-laicai-layout]) .customer-line strong { font-size: calc(15px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .customer-preview { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .composer>textarea { font-size: calc(16px * var(--laicai-font-scale,1)); }
}
@media(max-width:1000px) {
:is(html.compact-layout[data-laicai-layout]) .chat-header h1 { font-size: calc(20px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .status-pill { font-size: calc(11px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .bubble { font-size: calc(15px * var(--laicai-font-scale,1)); line-height: calc(24px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .message time { font-size: calc(10px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .draft-state { font-size: calc(11px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .shortcut-label { font-size: calc(12px * var(--laicai-font-scale,1)); }
}
@media(max-width:760px) {
:is(html.compact-layout[data-laicai-layout]) .brand strong { font-size: calc(17px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .rail button { font-size: calc(11px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .group-tabs button { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .customer-line strong { font-size: calc(16px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .customer-preview { font-size: calc(13px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .customer-line time { font-size: calc(11px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .chat-header h1 { font-size: calc(18px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .profile-button { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .date-divider { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .message time { font-size: calc(10px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .bubble { font-size: calc(14px * var(--laicai-font-scale,1)); line-height: calc(23px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .phrase-trigger { font-size: calc(12px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .composer>textarea { font-size: calc(15px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .send-button { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .draft-state { font-size: calc(10px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .shortcut-label { font-size: calc(11px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .with-profile .bubble { font-size: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .with-profile .draft-state { font-size: calc(10px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .toast { font-size: calc(12px * var(--laicai-font-scale,1)); }
}
@media(min-width:1251px)and (min-height:881px) {
:is(html.compact-layout[data-laicai-layout]) .bubble { font-size: calc(17px * var(--laicai-font-scale,1)); }
}

/* Source: releases/20260922-laicai-editor-lists/payload/assets/compact-laicai-20260922r9.css */
html:is(html.compact-layout[data-laicai-layout]).compact-layout .brand strong { font-size: calc(16px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .rail button { font-size: calc(11px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .search-wrap input { font-size: calc(12px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .group-tabs button { font-size: calc(12px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .customer-line strong { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: calc(19px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .customer-line time { font-size: calc(10px * var(--laicai-font-scale,1)); line-height: calc(16px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .customer-preview { font-size: calc(11px * var(--laicai-font-scale,1)); line-height: calc(16px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .customer-line .channel-badge { font-size: calc(9px * var(--laicai-font-scale,1)); line-height: calc(15px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .chat-header h1 { font-size: calc(16px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .profile-button { font-size: calc(12px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .status-pill { font-size: calc(10px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .date-divider { font-size: calc(11px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .bubble,
html:is(html.compact-layout[data-laicai-layout]).compact-layout .with-profile .bubble { font-size: calc(14px * var(--laicai-font-scale,1)); line-height: calc(20px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .message.outgoing .message-body:not(:has(.message-media)) .live-delivery { font-size: calc(9px * var(--laicai-font-scale,1)); line-height: calc(12px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .message time { font-size: calc(10px * var(--laicai-font-scale,1)); line-height: calc(14px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .message .delivery-status,
html:is(html.compact-layout[data-laicai-layout]).compact-layout .message .live-delivery { font-size: calc(9px * var(--laicai-font-scale,1)); line-height: calc(12px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .composer>textarea { font-size: calc(17px * var(--laicai-font-scale,1)); line-height: calc(26px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .draft-state { font-size: calc(10px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .shortcut-label { font-size: calc(11px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .send-button { font-size: calc(12px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .profile-panel .profile-identity strong { font-size: calc(15px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .message.outgoing .message-content > .message-send-error { font: 700 calc(12px * var(--laicai-font-scale,1))/1 sans-serif; }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .message.outgoing > .message-body > .message-meta { font-size: calc(10px * var(--laicai-font-scale,1)); line-height: calc(14px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .message.outgoing > .message-body > .message-meta > time { font-size: calc(10px * var(--laicai-font-scale,1)); line-height: calc(14px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .message:not(.outgoing) > .message-body > .message-meta { font-size: calc(10px * var(--laicai-font-scale,1)); line-height: calc(14px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .message:not(.outgoing) > .message-body > .message-meta > time { font-size: calc(10px * var(--laicai-font-scale,1)); line-height: calc(14px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .pages-confirm-dialog.laicai-password-dialog > h2 { font-size: calc(19px * var(--laicai-font-scale,1)); line-height: calc(28px * var(--laicai-font-scale,1)); }
:is(html.compact-layout[data-laicai-layout]) .pages-confirm-dialog.laicai-password-dialog .laicai-password-help { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: 1.7; }
:is(html.compact-layout[data-laicai-layout]) .settings-logout { font-size: calc(13px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .settings-page > .page-heading h1 { font-size: calc(18px * var(--laicai-font-scale,1)); line-height: calc(24px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .settings-page > .page-heading p { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: calc(16px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .settings-page > .settings-tabs > button { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: calc(20px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .settings-page .settings-section-title { font-size: calc(14px * var(--laicai-font-scale,1)); line-height: calc(20px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .settings-page .settings-description { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: calc(17px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .settings-page .setting-row h3 { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .settings-page .setting-row p { font-size: calc(11px * var(--laicai-font-scale,1)); line-height: calc(16px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .settings-page .setting-control > select { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: calc(20px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .settings-page .theme-choice > strong { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: calc(20px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .settings-page .device-title > .text-action { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .settings-page .device-description > h3 { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .settings-page .device-description > p { font-size: calc(11px * var(--laicai-font-scale,1)); line-height: calc(16px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .settings-page .current-device { font-size: calc(10px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .settings-page .device-row > .outline-button { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .settings-page > .settings-content > .page-footnote { font-size: calc(11px * var(--laicai-font-scale,1)); line-height: calc(17px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .settings-page .about-content > h2 { font-size: calc(19px * var(--laicai-font-scale,1)); line-height: calc(26px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .settings-page .about-content > .about-version { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: calc(17px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .settings-page .about-content > p:not(.about-version) { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .settings-page .about-content > .about-row { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .workspace-page:has(> .customer-table-wrap, > .favorite-list, > .system-list) > .page-heading h1 { font-size: calc(18px * var(--laicai-font-scale,1)); line-height: calc(24px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .workspace-page:has(> .customer-table-wrap, > .favorite-list, > .system-list) > .page-heading p { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: calc(16px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .workspace-page:has(> .customer-table-wrap, > .favorite-list, > .system-list) > .page-heading > .outline-button { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .workspace-page:has(> .customer-table-wrap) .page-search > input { font-size: calc(12px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .workspace-page:has(> .customer-table-wrap) .page-count { font-size: calc(12px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .customer-table-wrap > .customer-table { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .customer-table th { font-size: calc(11px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .customer-table .table-customer > strong { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .customer-table .table-statuses > span { font-size: calc(10px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .customer-table .text-action { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .favorite-source > button { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .favorite-source > span { font-size: calc(10px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .favorite-item > p { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .favorite-item > .favorite-remove { font-size: calc(11px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .favorite-item > .media-card > .media-thumbnail > .media-play-overlay { font-size: calc(15px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .favorite-item > .media-card > .media-placeholder { font-size: calc(11px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .favorite-item > .media-card > .media-card-actions > button { font-size: calc(11px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .system-event-heading > h2 { font-size: calc(13px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .system-event-heading > time { font-size: calc(10px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .system-event-body > p { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .system-event-body > .text-action { font-size: calc(11px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .system-event-body > .event-detail { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: calc(18px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .workspace-page:has(> .customer-table-wrap, > .favorite-list, > .system-list) .page-empty h3 { font-size: calc(15px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .workspace-page:has(> .customer-table-wrap, > .favorite-list, > .system-list) .page-empty p { font-size: calc(12px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .laicai-emoji-header > input { font-size: calc(12px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .laicai-emoji-header > button { font-size: calc(22px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .laicai-emoji-tabs > button { font-size: calc(12px * var(--laicai-font-scale,1)); line-height: calc(20px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .laicai-emoji-choice > .laicai-emoji-fallback { font-size: calc(9px * var(--laicai-font-scale,1)); line-height: calc(11px * var(--laicai-font-scale,1)); }
html:is(html.compact-layout[data-laicai-layout]).compact-layout .laicai-emoji-empty { font-size: calc(12px * var(--laicai-font-scale,1)); }
/* END GENERATED TYPOGRAPHY */

/* Appended after display preferences; every new text size follows its scale. */
html.compact-layout .settings-page .laicai-ai-settings {
  max-width: 820px;
}
html.compact-layout .laicai-ai-settings .laicai-ai-field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin: 14px 0;
  font-size: calc(13px * var(--laicai-font-scale,1));
  line-height: 1.6;
}
html.compact-layout .laicai-ai-settings .laicai-ai-field > input,
html.compact-layout .laicai-ai-settings .laicai-ai-field > textarea {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: var(--panel);
  color: var(--text);
  font: inherit;
}
html.compact-layout .laicai-ai-settings .laicai-ai-field > textarea {
  min-height: 100px;
  resize: vertical;
}
html.compact-layout .laicai-ai-settings .laicai-ai-field > small {
  color: var(--muted);
  font-size: calc(11px * var(--laicai-font-scale,1));
}
html.compact-layout .laicai-ai-status {
  margin: 12px 0;
  font-size: calc(13px * var(--laicai-font-scale,1));
  line-height: 1.7;
  color: var(--muted);
}
.pages-dialog-overlay.laicai-ai-overlay {
  z-index: 180;
  padding: 20px;
}
html.compact-layout .pages-confirm-dialog.laicai-ai-dialog {
  width: min(600px,100%);
  max-width: 100%;
  max-height: calc(100dvh - 40px);
  overflow: auto;
  padding: 24px;
}
html.compact-layout .pages-confirm-dialog.laicai-ai-dialog > h2 {
  margin: 0 30px 10px 0;
  font-size: calc(19px * var(--laicai-font-scale,1));
  line-height: 1.5;
}
html.compact-layout .pages-confirm-dialog.laicai-ai-dialog > .laicai-ai-description {
  font-size: calc(13px * var(--laicai-font-scale,1));
  line-height: 1.7;
  margin-bottom: 14px;
  overflow-wrap: anywhere;
}
html.compact-layout .pages-confirm-dialog.laicai-ai-dialog > .laicai-ai-preview {
  display: block;
  width: 100%;
  min-height: 150px;
  max-height: 45dvh;
  resize: vertical;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: var(--canvas);
  color: var(--text);
  font-size: calc(14px * var(--laicai-font-scale,1));
  line-height: 1.7;
}
html.compact-layout .pages-confirm-dialog.laicai-ai-dialog > .pages-dialog-actions {
  margin-top: 18px;
  flex-wrap: wrap;
}
html.compact-layout :is(.laicai-ai-settings,.laicai-ai-dialog) :is(input,textarea,select,button):focus-visible {
  outline: 2px solid var(--green);
  outline-offset: 2px;
}
@media(max-width:480px) {
  .pages-dialog-overlay.laicai-ai-overlay { padding: 12px; }
  html.compact-layout .pages-confirm-dialog.laicai-ai-dialog {
    max-height: calc(100dvh - 24px);
    padding: 18px;
  }
}

/* TOTP forms are compact, theme-aware, and independent of server branding. */
html.compact-layout .settings-page .laicai-totp-row { flex-wrap: wrap; }
html.compact-layout .settings-page .laicai-totp-row > .laicai-totp-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 100%;
}
html.compact-layout .settings-page .laicai-totp-actions > button {
  min-height: 32px;
  padding: 5px 9px;
  font-size: calc(12px * var(--laicai-font-scale,1));
  line-height: 1.5;
}
.pages-dialog-overlay.laicai-totp-overlay {
  z-index: 190;
  padding: 20px;
}
html.compact-layout .pages-confirm-dialog.laicai-totp-dialog {
  width: 470px;
  max-width: 100%;
  max-height: calc(100dvh - 40px);
  overflow: auto;
  padding: 24px;
}
html.compact-layout .pages-confirm-dialog.laicai-totp-dialog > h2 {
  margin: 0 30px 12px 0;
  font-size: calc(19px * var(--laicai-font-scale,1));
  line-height: 1.5;
}
html.compact-layout .pages-confirm-dialog.laicai-totp-dialog .laicai-totp-help {
  margin: 0 0 12px;
  font-size: calc(12px * var(--laicai-font-scale,1));
  line-height: 1.7;
  color: var(--muted);
  overflow-wrap: anywhere;
}
html.compact-layout .pages-confirm-dialog.laicai-totp-dialog .laicai-totp-form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 12px 0;
  font-size: calc(13px * var(--laicai-font-scale,1));
  line-height: 1.5;
}
html.compact-layout .laicai-totp-dialog .laicai-totp-form input,
html.compact-layout .laicai-totp-dialog > .laicai-totp-recovery {
  width: 100%;
  min-width: 0;
  min-height: 40px;
  padding: 9px 11px;
  border: 1px solid var(--line);
  border-radius: 5px;
  color: var(--text);
  background: var(--panel);
  font: inherit;
}
html.compact-layout .laicai-totp-dialog > .laicai-totp-recovery {
  resize: vertical;
  min-height: 240px;
  max-height: 48dvh;
  margin: 4px 0 12px;
  font-family: ui-monospace,Consolas,monospace;
  font-size: calc(14px * var(--laicai-font-scale,1));
  line-height: 1.65;
}
html.compact-layout .laicai-totp-dialog .laicai-totp-qr {
  width: 220px;
  max-width: 100%;
  margin: 10px auto;
  background: #fff;
  line-height: 0;
}
html.compact-layout .laicai-totp-dialog .laicai-totp-qr > svg {
  display: block;
  width: 100%;
  height: auto;
}
html.compact-layout .pages-confirm-dialog.laicai-totp-dialog .pages-dialog-actions {
  margin-top: 18px;
  gap: 8px;
  flex-wrap: wrap;
}
html.compact-layout .laicai-totp-dialog :is(input,textarea,button):focus-visible {
  outline: 2px solid var(--green);
  outline-offset: 2px;
}
.live-login-card .laicai-totp-login-help {
  font-size: 13px;
  line-height: 1.7;
  color: #64756b;
  overflow-wrap: anywhere;
}
.live-login-card > form > .live-reconnect { width: 100%; margin-top: 12px; }
@media(max-width:480px) {
  .pages-dialog-overlay.laicai-totp-overlay { padding: 12px; }
  html.compact-layout .pages-confirm-dialog.laicai-totp-dialog {
    max-height: calc(100dvh - 24px);
    padding: 18px;
  }
}