/* [next]/internal/font/google/inter_38c84208.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.2bn3s6zvc0dyp.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.2bn3s6zvc0dyp.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.2bn3s6zvc0dyp.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

.inter_38c84208-module__1Y0Oqq__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

/* [project]/src/app/globals.css [app-client] (css) */
*, :before, :after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
}

html, body {
  height: 100%;
  margin: 0;
}

button, input, select, textarea {
  font: inherit;
  color: inherit;
}

button {
  cursor: pointer;
  background: none;
}

.openui-cloud-thread-header .openui-agent-thread-header__title {
  display: none;
}

.openui-cloud-thread-header .openui-agent-thread-header__actions {
  flex: auto;
  justify-content: space-between;
  min-width: 0;
}

.openui-cloud-page {
  width: 100%;
  min-height: 100%;
}

.openui-cloud-welcome-mark {
  border: 1px solid var(--openui-border-interactive-emphasis);
  border-radius: var(--openui-radius-4xl);
  background: var(--openui-sunk);
  width: 64px;
  height: 64px;
  color: var(--openui-text-neutral-primary);
  place-items: center;
  display: grid;
}

.openui-cloud-header-actions {
  align-items: center;
  gap: var(--openui-space-s);
  min-width: 0;
  display: flex;
}

.openui-cloud-theme-toggle {
  align-items: center;
  gap: var(--openui-space-xs);
  min-height: 32px;
  padding: 0 var(--openui-space-s-m);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-m);
  color: var(--openui-text-neutral-primary);
  font-size: var(--openui-font-size-xs);
  white-space: nowrap;
  transition: background .15s, border-color .15s;
  display: inline-flex;
}

.openui-cloud-theme-toggle:hover, .openui-cloud-settings__control:hover {
  background: var(--openui-sunk);
}

.openui-cloud-theme-toggle:focus-visible, .openui-cloud-settings__control:focus-visible {
  outline: 2px solid var(--openui-border-interactive-emphasis);
  outline-offset: var(--openui-space-3xs);
}

.openui-cloud-sidebar-label {
  align-items: center;
  gap: var(--openui-space-s);
  padding: var(--openui-space-m-l) var(--openui-space-s-m) var(--openui-space-xs);
  color: var(--openui-text-neutral-secondary);
  font-size: var(--openui-font-size-2xs);
  letter-spacing: .04em;
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
}

.openui-cloud-settings {
  width: min(720px, 100% - 40px);
  padding: clamp(var(--openui-space-xl), 7vw, var(--openui-space-3xl) + var(--openui-space-xl)) 0 var(--openui-space-3xl);
  margin: 0 auto;
}

.openui-cloud-settings__heading {
  align-items: flex-start;
  gap: var(--openui-space-m);
  margin-bottom: var(--openui-space-xl);
  display: flex;
}

.openui-cloud-settings__heading h1 {
  font-size: var(--openui-font-size-3xl);
  font-weight: 650;
  line-height: 1.2;
}

.openui-cloud-settings__heading p, .openui-cloud-settings__card p {
  margin-top: var(--openui-space-2xs);
  color: var(--openui-text-neutral-secondary);
  font-size: var(--openui-font-size-sm);
}

.openui-cloud-settings__card {
  justify-content: space-between;
  align-items: center;
  gap: var(--openui-space-xl);
  padding: var(--openui-space-xl);
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-xl);
  display: flex;
}

.openui-cloud-settings__card + .openui-cloud-settings__card {
  margin-top: var(--openui-space-m);
}

.openui-cloud-settings__card h2 {
  font-size: var(--openui-font-size-md);
  font-weight: 600;
}

.openui-cloud-settings__control {
  align-items: center;
  gap: var(--openui-space-s);
  min-height: 36px;
  padding: 0 var(--openui-space-m);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-m);
  font-size: var(--openui-font-size-sm);
  white-space: nowrap;
  flex: none;
  display: inline-flex;
}

.openui-cloud-panel {
  width: min(900px, 100% - 40px);
  padding: clamp(var(--openui-space-xl), 6vw, var(--openui-space-3xl) + var(--openui-space-m-l)) 0 var(--openui-space-3xl);
  margin: 0 auto;
}

.openui-cloud-panel__header {
  margin-bottom: var(--openui-space-xl);
}

.openui-cloud-panel__back {
  align-items: center;
  gap: var(--openui-space-2xs);
  margin-bottom: var(--openui-space-xl);
  color: var(--openui-text-neutral-secondary);
  font-size: var(--openui-font-size-sm);
  display: inline-flex;
}

.openui-cloud-panel__title, .openui-cloud-capability-card__title, .openui-cloud-schedule-row {
  align-items: center;
  display: flex;
}

.openui-cloud-panel__title {
  gap: var(--openui-space-m);
}

.openui-cloud-panel__title h1 {
  font-size: var(--openui-font-size-3xl);
  font-weight: 650;
}

.openui-cloud-panel__title p {
  margin-top: var(--openui-space-2xs);
  color: var(--openui-text-neutral-secondary);
  font-size: var(--openui-font-size-sm);
}

.openui-cloud-panel__icon, .openui-cloud-capability-card__icon {
  border: 1px solid var(--openui-border-info);
  border-radius: var(--openui-radius-m);
  width: 36px;
  height: 36px;
  color: var(--openui-text-info-primary);
  flex: none;
  place-items: center;
  display: grid;
}

.openui-cloud-panel__grid {
  gap: var(--openui-space-m);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.openui-cloud-capability-card {
  align-items: flex-start;
  gap: var(--openui-space-m);
  min-width: 0;
  padding: var(--openui-space-m-l);
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-xl);
  display: flex;
}

.openui-cloud-capability-card__icon {
  border-radius: var(--openui-radius-m);
  width: 36px;
  height: 36px;
}

.openui-cloud-capability-card__body {
  flex: 1;
  min-width: 0;
}

.openui-cloud-capability-card__title {
  justify-content: space-between;
  gap: var(--openui-space-s);
}

.openui-cloud-capability-card h2 {
  font-size: var(--openui-font-size-sm);
  font-weight: 600;
}

.openui-cloud-capability-card p {
  margin-top: var(--openui-space-xs);
  color: var(--openui-text-neutral-secondary);
  font-size: var(--openui-font-size-sm);
  line-height: 1.45;
}

.openui-cloud-status {
  align-items: center;
  gap: var(--openui-space-2xs);
  color: var(--openui-text-neutral-secondary);
  font-size: var(--openui-font-size-2xs);
  white-space: nowrap;
  display: inline-flex;
}

.openui-cloud-quiet-button {
  align-items: center;
  gap: var(--openui-space-2xs);
  margin-left: var(--openui-space-2xs);
  color: var(--openui-text-neutral-secondary);
  font-size: var(--openui-font-size-xs);
  white-space: nowrap;
  border: 0;
  display: inline-flex;
}

.openui-cloud-quiet-button:hover:not(:disabled) {
  color: var(--openui-text-neutral-primary);
}

.openui-cloud-quiet-button:focus-visible {
  outline: 2px solid var(--openui-border-interactive-emphasis);
  outline-offset: var(--openui-space-3xs);
  border-radius: var(--openui-radius-xs);
}

.openui-cloud-quiet-button:disabled {
  cursor: default;
  opacity: .7;
}

.openui-cloud-panel__note {
  margin-top: var(--openui-space-xl);
  color: var(--openui-text-neutral-secondary);
  font-size: var(--openui-font-size-xs);
  line-height: 1.5;
}

.openui-cloud-message-empty {
  justify-items: center;
  gap: var(--openui-space-s-m);
  max-width: 520px;
  margin: var(--openui-space-3xl) auto 0;
  padding: var(--openui-space-3xl) var(--openui-space-xl);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-2xl);
  background: var(--openui-elevated-light);
  text-align: center;
  color: var(--openui-text-neutral-secondary);
  display: grid;
}

.openui-cloud-message-empty h2 {
  color: var(--openui-text-neutral-primary);
  font-size: var(--openui-font-size-md);
}

.openui-cloud-message-empty p {
  font-size: var(--openui-font-size-sm);
  line-height: 1.5;
}

.openui-cloud-message-empty--compact {
  padding: var(--openui-space-2xl) var(--openui-space-xl);
  margin-top: 0;
}

.openui-cloud-message-toolbar {
  gap: var(--openui-space-s-m);
  margin-bottom: var(--openui-space-m-l);
  align-items: center;
  display: flex;
}

.openui-cloud-search {
  align-items: center;
  gap: var(--openui-space-s);
  min-width: 0;
  height: 36px;
  padding: 0 var(--openui-space-s-m);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-m);
  color: var(--openui-text-neutral-secondary);
  flex: 1;
  display: flex;
}

.openui-cloud-search input {
  min-width: 0;
  color: var(--openui-text-neutral-primary);
  font-size: var(--openui-font-size-sm);
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
}

.openui-cloud-thread-list {
  gap: var(--openui-space-s);
  display: grid;
}

.openui-cloud-thread-row {
  align-items: center;
  gap: var(--openui-space-m);
  min-width: 0;
  padding: var(--openui-space-m-l) var(--openui-space-m-l);
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-l);
  display: flex;
}

.openui-cloud-thread-row > div {
  gap: var(--openui-space-2xs);
  flex: 1;
  min-width: 0;
  display: grid;
}

.openui-cloud-thread-row strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--openui-font-size-sm);
  overflow: hidden;
}

.openui-cloud-thread-row span {
  color: var(--openui-text-neutral-secondary);
  font-size: var(--openui-font-size-xs);
}

.openui-cloud-thread-row:hover, .openui-cloud-thread-row:focus-visible {
  border-color: var(--openui-border-interactive-emphasis);
  background: var(--openui-sunk);
}

.openui-cloud-thread-row:focus-visible {
  outline: 2px solid var(--openui-border-interactive-emphasis);
  outline-offset: var(--openui-space-3xs);
}

.openui-cloud-load-more {
  margin: var(--openui-space-m-l) auto 0;
  padding: var(--openui-space-s) var(--openui-space-m-l);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-full);
  color: var(--openui-text-neutral-primary);
  font-size: var(--openui-font-size-sm);
  display: block;
}

.openui-cloud-load-more:hover:not(:disabled) {
  background: var(--openui-sunk);
}

.openui-cloud-load-more:disabled {
  cursor: default;
  opacity: .65;
}

.openui-cloud-error {
  margin-bottom: var(--openui-space-m);
  padding: var(--openui-space-s-m) var(--openui-space-m);
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-m);
  color: var(--openui-text-neutral-primary);
  font-size: var(--openui-font-size-sm);
}

.openui-cloud-schedule-form {
  align-items: end;
  gap: var(--openui-space-s-m);
  padding: var(--openui-space-m-l);
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-xl);
  grid-template-columns: minmax(0, 1fr) 210px minmax(180px, 1fr) auto;
  display: grid;
}

.openui-cloud-schedule-form label {
  gap: var(--openui-space-xs);
  color: var(--openui-text-neutral-secondary);
  font-size: var(--openui-font-size-xs);
  display: grid;
}

.openui-cloud-schedule-form input {
  min-width: 0;
  height: 36px;
  padding: 0 var(--openui-space-s-m);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-m);
  font-size: var(--openui-font-size-sm);
  outline: none;
}

.openui-cloud-schedule-form input:focus {
  border-color: var(--openui-border-interactive-emphasis);
  box-shadow: 0 0 0 2.5px var(--openui-border-default);
}

.openui-cloud-schedule-list {
  gap: var(--openui-space-s);
  margin-top: var(--openui-space-m-l);
  display: grid;
}

.openui-cloud-schedule-row {
  gap: var(--openui-space-m);
  padding: var(--openui-space-m-l) var(--openui-space-m-l);
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-l);
}

.openui-cloud-schedule-row > div {
  gap: var(--openui-space-2xs);
  flex: 1;
  min-width: 0;
  display: grid;
}

.openui-cloud-schedule-row strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--openui-font-size-sm);
  overflow: hidden;
}

.openui-cloud-schedule-row span, .openui-cloud-schedule-row small {
  color: var(--openui-text-neutral-secondary);
  font-size: var(--openui-font-size-xs);
}

.openui-cloud-schedule-row small {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.openui-cloud-icon-button {
  width: 32px;
  height: 32px;
  color: var(--openui-text-neutral-secondary);
  place-items: center;
  display: grid;
}

@media (max-width: 700px) {
  .openui-cloud-panel {
    width: calc(100% - 28px);
    padding-top: var(--openui-space-xl);
  }

  .openui-cloud-panel__grid {
    grid-template-columns: 1fr;
  }

  .openui-cloud-schedule-form {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

.openui-cloud-settings__card, .openui-cloud-capability-card, .openui-cloud-thread-row, .openui-cloud-schedule-row, .openui-cloud-schedule-form {
  background: var(--openui-elevated-light);
  transition: border-color .15s, background .15s, transform .15s, box-shadow .15s;
}

.openui-cloud-capability-card:hover, .openui-cloud-thread-row:hover, .openui-cloud-schedule-row:hover {
  border-color: var(--openui-border-interactive);
  box-shadow: var(--openui-shadow-s);
  transform: translateY(-1px);
}

.openui-cloud-panel__icon, .openui-cloud-capability-card__icon {
  background: var(--openui-info-background);
  border-color: var(--openui-border-info);
  color: var(--openui-text-info-primary);
}

.openui-cloud-error {
  background: var(--openui-danger-background);
  border-color: var(--openui-border-danger);
  color: var(--openui-text-danger-primary);
}

.openui-cloud-schedule-form button[type="submit"] {
  background: var(--openui-interactive-accent-default);
  border-radius: var(--openui-radius-full);
  color: var(--openui-text-accent-primary);
  border-color: #0000;
  justify-content: center;
  transition: background .15s;
}

.openui-cloud-schedule-form button[type="submit"]:hover:not(:disabled) {
  background: var(--openui-interactive-accent-hover);
}

.openui-cloud-theme-toggle:focus-visible, .openui-cloud-settings__control:focus-visible, .openui-cloud-schedule-form input:focus-visible, .openui-cloud-load-more:focus-visible, .openui-cloud-icon-button:focus-visible {
  outline: 2px solid var(--openui-border-interactive-emphasis);
  outline-offset: var(--openui-space-3xs);
}

@media (prefers-reduced-motion: reduce) {
  .openui-cloud-capability-card:hover, .openui-cloud-thread-row:hover, .openui-cloud-schedule-row:hover {
    transform: none;
  }
}

.openui-cloud-page .openui-agent-welcome {
  background: radial-gradient(ellipse 60% 50% at 50% 0%, color-mix(in srgb, var(--openui-interactive-accent-default) 7%, transparent), transparent),
    var(--openui-background);
}

.openui-cloud-page .openui-agent-composer {
  box-shadow: var(--openui-shadow-l);
}

.openui-cloud-page .openui-chat-user-response {
  background: var(--openui-chat-user-response-bg);
  color: var(--openui-chat-user-response-text);
}

.openui-cloud-page .openui-agent-thread-list-item[data-active="true"], .openui-cloud-page .openui-agent-thread-list-item[data-selected="true"] {
  border-color: var(--openui-border-interactive-selected);
  background: var(--openui-highlight);
}

.openui-login-state {
  color: var(--openui-text-neutral-secondary);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 60vh;
  display: flex;
}

.openui-login-wrap {
  background: var(--openui-background);
  color: var(--openui-text-neutral-primary);
  min-height: 100dvh;
  padding: var(--openui-space-xl) var(--openui-space-m-l);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.openui-login {
  background: var(--openui-elevated-light);
  border: 1px solid var(--openui-border-interactive);
  box-shadow: var(--openui-shadow-xl);
  border-radius: var(--openui-radius-3xl);
  gap: var(--openui-space-m-l);
  max-width: 360px;
  padding: var(--openui-space-2xl) var(--openui-space-xl);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.openui-login h1 {
  color: var(--openui-text-neutral-primary);
  font-size: var(--openui-font-size-2xl);
  margin: 0;
}

.openui-login p {
  color: var(--openui-text-neutral-secondary);
  margin: 0;
}

.openui-login label {
  color: var(--openui-text-neutral-primary);
  font-size: var(--openui-font-size-sm);
  gap: var(--openui-space-xs);
  flex-direction: column;
  font-weight: 500;
  display: flex;
}

.openui-login input {
  background: var(--openui-sunk);
  border: 1px solid var(--openui-border-interactive-emphasis);
  border-radius: var(--openui-radius-m);
  color: var(--openui-text-neutral-primary);
  font-size: var(--openui-font-size-sm);
  padding: var(--openui-space-s-m) var(--openui-space-m);
  transition: border-color .15s;
}

.openui-login input:focus {
  border-color: var(--openui-interactive-accent-default);
  outline: none;
}

.openui-login button {
  background: var(--openui-interactive-accent-default);
  border-radius: var(--openui-radius-full);
  color: var(--openui-text-accent-primary);
  cursor: pointer;
  font-size: var(--openui-font-size-sm);
  margin-top: var(--openui-space-xs);
  padding: var(--openui-space-s-m) var(--openui-space-m-l);
  border: none;
  font-weight: 500;
  transition: background .15s;
}

.openui-login button:hover:not(:disabled) {
  background: var(--openui-interactive-accent-hover);
}

.openui-login button:disabled {
  background: var(--openui-interactive-accent-disabled);
  cursor: not-allowed;
}

.openui-login__error {
  color: var(--openui-text-danger-primary);
  font-size: var(--openui-font-size-sm);
}

@media (max-width: 640px) {
  .openui-login {
    padding: var(--openui-space-xl) var(--openui-space-m-l);
    border-radius: var(--openui-radius-2xl);
  }

  .openui-login h1 {
    font-size: var(--openui-font-size-2xl);
  }

  .openui-cloud-header-actions {
    gap: var(--openui-space-2xs);
    max-width: 100%;
  }

  .openui-cloud-header-actions > * {
    min-width: 0;
  }

  .openui-cloud-theme-toggle span {
    display: none;
  }

  .openui-cloud-settings {
    width: calc(100% - 28px);
    padding-top: var(--openui-space-xl);
  }

  .openui-cloud-settings__card {
    flex-direction: column;
    align-items: flex-start;
  }
}