:root {
  --ute-bg: #f7f3ed;
  --ute-surface: #fffaf3;
  --ute-card: #ffffff;
  --ute-card-soft: #fbf6ee;
  --ute-text: #201b16;
  --ute-muted: #756a5f;
  --ute-line: rgba(58, 47, 35, 0.12);
  --ute-line-strong: rgba(58, 47, 35, 0.24);
  --ute-accent: #5a3d2b;
  --ute-accent-soft: #eadccc;
  --ute-shadow: 0 22px 70px rgba(37, 28, 20, 0.12);
}

body.ute-miniapp-page .entry-title,
body.ute-miniapp-page h1.entry-title,
body.ute-miniapp-page .page-title {
  display: none !important;
}

body.ute-miniapp-page .site-content,
body.ute-miniapp-page .content-area,
body.ute-miniapp-page main,
body.ute-miniapp-page .entry-content {
  overflow: visible !important;
}

.ute-miniapp,
.ute-miniapp * {
  box-sizing: border-box;
}

.ute-miniapp {
  width: min(960px, calc(100vw - 28px));
  margin: 18px auto 72px;
  color: var(--ute-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.45;
}

.ute-miniapp a { color: inherit; text-decoration: none; }
.ute-miniapp button,
.ute-miniapp input,
.ute-miniapp textarea { font: inherit; }

.ute-app-frame {
  overflow: hidden;
  border: 1px solid var(--ute-line);
  border-radius: 32px;
  background: linear-gradient(145deg, rgba(255,250,243,0.98), rgba(244,236,226,0.98));
  box-shadow: var(--ute-shadow);
}

.ute-topbar {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 16px;
  padding: 18px 22px;
  border-bottom: 1px solid var(--ute-line);
  background: rgba(255, 250, 243, 0.92);
  backdrop-filter: blur(14px);
}

.ute-brand { display: flex; min-width: 118px; flex-direction: column; }
.ute-brand span { color: var(--ute-muted); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.ute-brand strong { font-size: 20px; letter-spacing: -0.04em; }

.ute-nav {
  justify-self: center;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px;
  border: 1px solid var(--ute-line);
  border-radius: 999px;
  background: rgba(255,255,255,0.62);
}

.ute-nav a {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border-radius: 999px;
  color: var(--ute-muted);
  font-size: 14px;
  white-space: nowrap;
}

.ute-nav a.is-active { background: var(--ute-accent); color: #fff; }

.ute-account-chip {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-width: 96px;
  white-space: nowrap;
}

.ute-account-chip strong {
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}

.ute-account-chip a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--ute-line);
  border-radius: 999px;
  background: #fff;
  color: var(--ute-accent);
  font-size: 13px;
  font-weight: 700;
}

.ute-app-main { padding: 30px; }

.ute-kicker {
  display: inline-flex;
  margin: 0;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(90,61,43,0.08);
  color: var(--ute-accent) !important;
  font-size: 11px !important;
  line-height: 1;
  letter-spacing: .13em;
  text-transform: uppercase;
  font-weight: 800;
}

.ute-home-hero {
  max-width: 720px;
  margin: 4px 0 22px;
}

.ute-home-hero h1,
.ute-page-header h1,
.ute-auth-copy h1 {
  margin: 12px 0 12px;
  font-size: clamp(34px, 6vw, 58px);
  line-height: .96;
  letter-spacing: -0.065em;
  font-weight: 400;
}

.ute-home-hero p,
.ute-page-header p,
.ute-auth-copy p {
  max-width: 680px;
  margin: 0;
  color: var(--ute-muted);
  font-size: 17px;
  line-height: 1.6;
}

.ute-start-card,
.ute-chat-card,
.ute-more-section,
.ute-account-nudge,
.ute-auth-card,
.ute-profile-form,
.ute-profile-note,
.ute-record-card,
.ute-empty-card,
.ute-price-card {
  border: 1px solid var(--ute-line);
  border-radius: 28px;
  background: rgba(255,255,255,0.84);
  box-shadow: 0 12px 36px rgba(37, 28, 20, 0.07);
}

.ute-start-card { padding: 24px; margin-bottom: 20px; }
.ute-start-head,
.ute-chat-toolbar,
.ute-send-row,
.ute-agent-footer,
.ute-form-actions,
.ute-inline-actions,
.ute-account-nudge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.ute-start-head h2,
.ute-chat-toolbar h2 {
  margin: 10px 0 0;
  font-size: clamp(24px, 4vw, 34px);
  line-height: 1.08;
  letter-spacing: -0.055em;
  font-weight: 400;
}

.ute-small-action,
.ute-primary-link,
.ute-secondary-link,
.ute-price-card a,
.ute-link-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid var(--ute-line-strong);
  background: var(--ute-accent);
  color: #fff !important;
  font-weight: 800;
  white-space: nowrap;
}

.ute-small-action-light,
.ute-secondary-link { background: #fff; color: var(--ute-accent) !important; }

.ute-starter-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}

.ute-starter-grid button,
.ute-quick-grid button,
.ute-agent-entries button {
  border: 1px solid var(--ute-line);
  border-radius: 20px;
  background: #fff;
  color: var(--ute-text);
  cursor: pointer;
  text-align: left;
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}

.ute-starter-grid button {
  min-height: 116px;
  padding: 18px;
}

.ute-starter-grid button:hover,
.ute-quick-grid button:hover,
.ute-agent-entries button:hover {
  transform: translateY(-1px);
  border-color: rgba(90,61,43,.42);
  background: var(--ute-card-soft);
}

.ute-starter-grid span {
  display: block;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.ute-starter-grid em {
  display: block;
  margin-top: 8px;
  color: var(--ute-muted);
  font-style: normal;
  font-size: 13px;
}

.ute-chat-card-main { overflow: hidden; margin-top: 18px; }
.ute-chat-toolbar { padding: 22px 24px; border-bottom: 1px solid var(--ute-line); background: #fff; }
.ute-agent-messages {
  min-height: 320px;
  max-height: 58vh;
  overflow: auto;
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: #fff;
}

.ute-message {
  width: fit-content;
  max-width: min(82%, 620px);
  padding: 14px 15px;
  border: 1px solid var(--ute-line);
  border-radius: 22px;
}

.ute-message-assistant { align-self: flex-start; background: var(--ute-card-soft); }
.ute-message-user { align-self: flex-end; background: var(--ute-accent); border-color: var(--ute-accent); color: #fff; }
.ute-message-label { margin-bottom: 6px; opacity: .66; font-size: 12px; font-weight: 800; }
.ute-message-content { white-space: pre-wrap; }

.ute-save-button {
  margin-top: 12px;
  border: 0;
  border-radius: 999px;
  padding: 9px 13px;
  background: #fff;
  color: var(--ute-accent);
  font-weight: 800;
  cursor: pointer;
}

.ute-inline-upgrade {
  width: fit-content;
  margin-left: 24px;
  margin-top: -6px;
  padding: 9px 13px;
  border-radius: 999px;
  background: var(--ute-accent);
  color: #fff !important;
  font-weight: 800;
}

.ute-agent-form { padding: 20px 24px; border-top: 1px solid var(--ute-line); background: #fff; }
.ute-agent-form textarea {
  width: 100%;
  min-height: 118px;
  resize: vertical;
  border: 1px solid var(--ute-line-strong);
  border-radius: 22px;
  padding: 16px;
  background: var(--ute-card-soft);
  color: var(--ute-text);
  outline: none;
}
.ute-agent-form textarea:focus { border-color: var(--ute-accent); background: #fff; }
.ute-send-row { margin-top: 12px; }
.ute-send-row span,
.ute-agent-footer span { color: var(--ute-muted); font-size: 13px; }
.ute-send-row button,
.ute-form-actions button,
.ute-auth-form button {
  min-height: 44px;
  padding: 0 20px;
  border: 0;
  border-radius: 999px;
  background: var(--ute-accent);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}
.ute-send-row button:disabled,
.ute-form-actions button:disabled,
.ute-auth-form button:disabled { opacity: .6; cursor: wait; }
.ute-agent-footer { padding: 0 24px 22px; margin-top: 0; background: #fff; }
.ute-agent-footer button {
  border: 1px solid var(--ute-line);
  background: #fff;
  border-radius: 999px;
  padding: 9px 13px;
  color: var(--ute-accent);
  font-weight: 800;
  cursor: pointer;
}

.ute-more-section { margin-top: 18px; padding: 18px; }
.ute-more-section details + details { margin-top: 10px; }
.ute-more-section summary {
  cursor: pointer;
  color: var(--ute-text);
  font-weight: 800;
  list-style: none;
}
.ute-more-section summary::-webkit-details-marker { display: none; }
.ute-more-section summary::after { content: "+"; float: right; color: var(--ute-muted); }
.ute-more-section details[open] summary::after { content: "–"; }
.ute-more-section p { margin: 12px 0; color: var(--ute-muted); }
.ute-quick-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}
.ute-quick-grid button { min-height: 48px; padding: 13px 14px; font-weight: 800; }
.ute-quick-grid button em {
  float: right;
  margin-left: 8px;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(90,61,43,.08);
  color: var(--ute-accent);
  font-size: 11px;
  font-style: normal;
}
.ute-quick-grid button[data-ute-locked] { opacity: .72; }

.ute-account-nudge { margin-top: 18px; padding: 18px; }
.ute-account-nudge h3 { margin: 0 0 6px; font-size: 19px; letter-spacing: -0.03em; }
.ute-account-nudge p { margin: 0; color: var(--ute-muted); }

.ute-page-header { margin-bottom: 22px; }
.ute-page-header-simple { max-width: 760px; }

.ute-auth-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 400px;
  gap: 24px;
  align-items: center;
  min-height: 560px;
}
.ute-auth-card,
.ute-profile-form,
.ute-profile-note,
.ute-record-card,
.ute-empty-card,
.ute-price-card { padding: 24px; }
.ute-auth-card h2 { margin: 0 0 16px; font-size: 28px; letter-spacing: -0.05em; }
.ute-auth-points { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.ute-auth-points span { padding: 8px 11px; border: 1px solid var(--ute-line); border-radius: 999px; background: #fff; font-weight: 700; }
.ute-auth-form,
.ute-profile-form { display: flex; flex-direction: column; gap: 14px; }
.ute-auth-form label,
.ute-profile-form label { display: flex; flex-direction: column; gap: 7px; color: var(--ute-muted); font-weight: 700; }
.ute-auth-form label em { font-style: normal; font-weight: 500; }
.ute-auth-form input,
.ute-profile-form input {
  min-height: 46px;
  border: 1px solid var(--ute-line-strong);
  border-radius: 14px;
  padding: 0 13px;
  background: var(--ute-card-soft);
  color: var(--ute-text);
}
.ute-check { flex-direction: row !important; align-items: center; font-weight: 600 !important; }
.ute-check input { min-height: auto; }
.ute-hp { position: absolute !important; left: -9999px !important; opacity: 0 !important; }
.ute-auth-switch,
.ute-form-status { color: var(--ute-muted); }
.ute-form-status[data-status="ok"] { color: #257a42; }
.ute-form-status[data-status="error"] { color: #a43b30; }
.ute-form-status[data-status="pending"] { color: var(--ute-accent); }

.ute-profile-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 20px; align-items: start; }
.ute-form-grid-two { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.ute-profile-note h3,
.ute-empty-card h3 { margin: 0 0 8px; font-size: 18px; letter-spacing: -0.03em; }
.ute-profile-note p,
.ute-empty-card p { margin: 0 0 12px; color: var(--ute-muted); }

.ute-records-list { display: grid; gap: 14px; }
.ute-record-meta { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 10px; color: var(--ute-muted); font-size: 13px; }
.ute-record-meta button { border: 0; background: transparent; color: var(--ute-accent); font-weight: 800; cursor: pointer; }
.ute-record-card h3 { margin: 0 0 8px; letter-spacing: -0.03em; }
.ute-record-card p { margin: 0; color: var(--ute-muted); white-space: pre-wrap; }

.ute-pricing-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.ute-price-card { display: flex; flex-direction: column; gap: 12px; }
.ute-price-card.is-featured { border-color: rgba(90,61,43,.45); transform: translateY(-4px); }
.ute-price-card p { margin: 0; color: var(--ute-muted); font-weight: 800; text-transform: uppercase; letter-spacing: .1em; font-size: 12px; }
.ute-price-card h3 { margin: 0; font-size: 25px; letter-spacing: -0.05em; }
.ute-price-card strong { font-size: 22px; }
.ute-price-card ul { padding-left: 18px; margin: 0 0 8px; color: var(--ute-muted); }
.ute-empty-card { max-width: 720px; }
.ute-miniapp-nav-only { width: auto; margin: 0; }

@media (max-width: 860px) {
  .ute-miniapp { width: min(100vw - 16px, 960px); margin-top: 8px; margin-bottom: 104px; }
  .ute-app-frame { border-radius: 24px; }
  .ute-topbar { grid-template-columns: 1fr auto; gap: 10px; padding: 14px 16px; }
  .ute-brand span { display: none; }
  .ute-nav {
    position: fixed;
    z-index: 9999;
    left: 12px;
    right: 12px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    justify-content: space-around;
    gap: 4px;
    padding: 6px;
    box-shadow: 0 16px 42px rgba(32,27,22,.22);
  }
  .ute-nav a { flex: 1; padding: 0 8px; font-size: 12px; }
  .ute-account-chip strong { max-width: 88px; }
  .ute-app-main { padding: 18px; }
  .ute-auth-layout,
  .ute-profile-layout,
  .ute-pricing-grid { grid-template-columns: 1fr; }
  .ute-home-hero h1,
  .ute-page-header h1,
  .ute-auth-copy h1 { font-size: 40px; }
  .ute-home-hero p,
  .ute-page-header p,
  .ute-auth-copy p { font-size: 15px; }
  .ute-start-head,
  .ute-chat-toolbar,
  .ute-account-nudge { align-items: flex-start; flex-direction: column; }
  .ute-starter-grid,
  .ute-quick-grid,
  .ute-form-grid-two { grid-template-columns: 1fr; }
  .ute-starter-grid button { min-height: auto; }
  .ute-agent-messages { max-height: 56vh; min-height: 280px; padding: 18px; }
  .ute-message { max-width: 92%; }
  .ute-send-row,
  .ute-agent-footer,
  .ute-form-actions,
  .ute-inline-actions { align-items: stretch; flex-direction: column; }
  .ute-send-row button,
  .ute-form-actions button,
  .ute-form-actions a,
  .ute-primary-link,
  .ute-secondary-link,
  .ute-small-action { width: 100%; }
}

@media (max-width: 480px) {
  .ute-miniapp { width: min(100vw - 10px, 960px); }
  .ute-app-main { padding: 14px; }
  .ute-start-card,
  .ute-chat-toolbar,
  .ute-agent-form,
  .ute-auth-card,
  .ute-profile-form,
  .ute-profile-note,
  .ute-record-card,
  .ute-empty-card,
  .ute-price-card,
  .ute-more-section,
  .ute-account-nudge { padding: 16px; }
  .ute-home-hero h1,
  .ute-page-header h1,
  .ute-auth-copy h1 { font-size: 36px; }
}


/* Unlock v2.4 — Visual Product Polish
   Cilj: app osećaj, mirniji fontovi, mobile-first raspored i manje WordPress šuma. */
:root {
  --ute-bg: #f8f3ec;
  --ute-surface: #fffaf4;
  --ute-card: #fffdf9;
  --ute-card-soft: #f6efe6;
  --ute-text: #1f1a16;
  --ute-muted: #786f66;
  --ute-line: rgba(43, 34, 27, 0.10);
  --ute-line-strong: rgba(43, 34, 27, 0.18);
  --ute-accent: #664631;
  --ute-accent-soft: #eee0d2;
  --ute-shadow: 0 24px 80px rgba(32, 25, 18, 0.08);
}

html body.ute-miniapp-page,
html body.ute-miniapp-polish {
  background: var(--ute-bg) !important;
}

body.ute-miniapp-page .entry-title,
body.ute-miniapp-page h1.entry-title,
body.ute-miniapp-page .page-title,
body.ute-miniapp-page .wp-block-post-title,
body.ute-miniapp-page .post-title,
body.ute-miniapp-page .single-post-title {
  display: none !important;
}

body.ute-miniapp-page .site-header,
body.ute-miniapp-page header.site-header,
body.ute-miniapp-page #masthead,
body.ute-miniapp-page .wp-site-blocks > header,
body.ute-miniapp-page header.wp-block-template-part {
  display: none !important;
}

body.ute-miniapp-page .site-main,
body.ute-miniapp-page .content-area,
body.ute-miniapp-page main,
body.ute-miniapp-page article,
body.ute-miniapp-page .entry-content,
body.ute-miniapp-page .wp-block-post-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.ute-miniapp {
  width: min(920px, calc(100vw - 36px));
  margin: 22px auto 80px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.ute-app-frame {
  border-color: var(--ute-line);
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,0.72), transparent 36%),
    linear-gradient(145deg, #fffaf4 0%, #f7efe5 100%);
  box-shadow: var(--ute-shadow);
}

.ute-topbar {
  position: relative;
  grid-template-columns: minmax(112px, auto) 1fr minmax(72px, auto);
  padding: 16px 22px;
  background: rgba(255, 250, 244, 0.84);
}

.ute-brand span {
  font-size: 9px;
  letter-spacing: .16em;
  font-weight: 500;
}

.ute-brand strong {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.055em;
  font-weight: 420;
}

.ute-nav {
  gap: 2px;
  padding: 4px;
  background: rgba(255,255,255,0.72);
  box-shadow: 0 10px 30px rgba(32,25,18,.05);
}

.ute-nav a {
  min-height: 34px;
  padding: 0 13px;
  color: #71675f;
  font-size: 13px;
  font-weight: 430;
}

.ute-nav a.is-active {
  background: var(--ute-accent);
  color: #fff;
  font-weight: 520;
}

.ute-account-chip strong {
  font-weight: 450;
  color: var(--ute-muted);
}

.ute-account-chip a {
  min-height: 34px;
  padding: 0 12px;
  background: rgba(255,255,255,.68);
  color: var(--ute-accent);
  font-size: 13px;
  font-weight: 520;
}

.ute-app-main { padding: 34px; }

.ute-kicker {
  padding: 6px 10px;
  background: rgba(102,70,49,0.075);
  font-size: 10px !important;
  letter-spacing: .18em;
  font-weight: 650;
}

.ute-home-hero { margin: 0 0 24px; }

.ute-home-hero h1,
.ute-page-header h1,
.ute-auth-copy h1 {
  margin: 14px 0 13px;
  letter-spacing: -0.07em;
  font-weight: 330;
}

.ute-home-hero p,
.ute-page-header p,
.ute-auth-copy p {
  max-width: 620px;
  color: #756b62;
  font-size: 17px;
  line-height: 1.7;
  font-weight: 360;
}

.ute-start-card,
.ute-chat-card,
.ute-more-section,
.ute-account-nudge,
.ute-auth-card,
.ute-profile-form,
.ute-profile-note,
.ute-record-card,
.ute-empty-card,
.ute-price-card {
  border-color: var(--ute-line);
  background: rgba(255,253,249,0.82);
  box-shadow: 0 14px 42px rgba(32,25,18,.055);
}

.ute-start-card { padding: 24px; }

.ute-start-head h2,
.ute-chat-toolbar h2 {
  letter-spacing: -0.06em;
  font-weight: 360;
}

.ute-small-action,
.ute-primary-link,
.ute-secondary-link,
.ute-price-card a,
.ute-link-button {
  min-height: 40px;
  padding: 0 17px;
  background: var(--ute-accent);
  font-size: 14px;
  font-weight: 560;
  box-shadow: none;
}

.ute-small-action-light,
.ute-secondary-link {
  background: rgba(255,255,255,.72);
  color: var(--ute-accent) !important;
}

.ute-starter-grid { gap: 11px; margin-top: 20px; }

.ute-starter-grid button,
.ute-quick-grid button,
.ute-agent-entries button {
  border-color: var(--ute-line-strong);
  background: rgba(255,253,249,.78);
  box-shadow: none;
}

.ute-starter-grid button { min-height: 106px; padding: 18px 19px; }

.ute-starter-grid span {
  font-size: 16px;
  font-weight: 560;
  letter-spacing: -0.035em;
}

.ute-starter-grid em {
  margin-top: 9px;
  font-size: 13px;
  line-height: 1.45;
  color: #8a8178;
}

.ute-chat-toolbar { background: rgba(255,253,249,.88); }
.ute-agent-messages { background: rgba(255,253,249,.76); }
.ute-agent-form { background: rgba(255,253,249,.88); }
.ute-agent-footer { background: rgba(255,253,249,.88); }

.ute-message-label,
.ute-save-button,
.ute-inline-upgrade,
.ute-send-row button,
.ute-form-actions button,
.ute-auth-form button,
.ute-agent-footer button,
.ute-more-section summary,
.ute-quick-grid button,
.ute-record-meta button,
.ute-auth-points span,
.ute-price-card p {
  font-weight: 560;
}

.ute-message { border-color: var(--ute-line); }
.ute-message-assistant { background: #f8f1e8; }
.ute-message-user { background: var(--ute-accent); }

.ute-agent-form textarea,
.ute-auth-form input,
.ute-profile-form input {
  background: rgba(246,239,230,.88);
  border-color: var(--ute-line-strong);
}

.ute-send-row button,
.ute-form-actions button,
.ute-auth-form button {
  font-weight: 560;
}

.ute-account-nudge h3,
.ute-profile-note h3,
.ute-empty-card h3,
.ute-record-card h3,
.ute-price-card h3 {
  font-weight: 430;
}

@media (max-width: 860px), (max-device-width: 860px), (pointer: coarse) and (max-width: 1180px) {
  html body.ute-miniapp-page,
  html body.ute-miniapp-polish {
    overflow-x: hidden !important;
    background: var(--ute-bg) !important;
  }

  .ute-miniapp {
    width: 100vw !important;
    max-width: none !important;
    margin: 0 0 0 !important;
  }

  .ute-app-frame {
    min-height: 100dvh;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(255,255,255,0.8), transparent 36%),
      linear-gradient(145deg, #fffaf4 0%, #f5ecdf 100%);
  }

  .ute-topbar {
    position: sticky;
    top: 0;
    z-index: 50;
    grid-template-columns: 1fr auto;
    gap: 12px;
    padding: 16px 18px 12px;
    border-bottom: 1px solid rgba(43,34,27,.08);
    background: rgba(255,250,244,.88);
    backdrop-filter: blur(16px);
  }

  .ute-brand { min-width: 0; }
  .ute-brand span { display: none; }
  .ute-brand strong { font-size: 22px; font-weight: 380; }

  .ute-account-chip { min-width: 0; justify-content: flex-end; }
  .ute-account-chip strong { display: none; }
  .ute-account-chip a {
    min-height: 34px;
    padding: 0 12px;
    font-size: 13px;
    background: rgba(255,255,255,.62);
  }

  .ute-topbar .ute-nav {
    position: fixed !important;
    z-index: 9999;
    left: 14px;
    right: 14px;
    bottom: calc(12px + env(safe-area-inset-bottom));
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 3px;
    padding: 5px;
    border: 1px solid rgba(43,34,27,.12);
    border-radius: 999px;
    background: rgba(255,253,249,.92);
    box-shadow: 0 18px 54px rgba(32,25,18,.18);
    backdrop-filter: blur(18px);
  }

  .ute-topbar .ute-nav a {
    min-width: 0;
    min-height: 38px;
    padding: 0 4px;
    font-size: 11px;
    font-weight: 450;
    letter-spacing: -0.01em;
  }

  .ute-topbar .ute-nav a.is-active { font-weight: 560; }

  .ute-app-main {
    padding: 24px 20px 104px !important;
  }

  .ute-home-hero {
    margin-top: 4px;
    margin-bottom: 22px;
  }

  .ute-home-hero h1,
  .ute-page-header h1,
  .ute-auth-copy h1 {
    font-size: clamp(38px, 14vw, 54px) !important;
    line-height: .98;
    font-weight: 310;
    letter-spacing: -0.075em;
  }

  .ute-home-hero p,
  .ute-page-header p,
  .ute-auth-copy p {
    font-size: 16px !important;
    line-height: 1.65;
  }

  .ute-start-card,
  .ute-chat-card,
  .ute-more-section,
  .ute-account-nudge,
  .ute-auth-card,
  .ute-profile-form,
  .ute-profile-note,
  .ute-record-card,
  .ute-empty-card,
  .ute-price-card {
    border-radius: 26px;
    box-shadow: 0 12px 34px rgba(32,25,18,.045);
  }

  .ute-start-card { padding: 22px 18px; }
  .ute-start-head { gap: 18px; }
  .ute-start-head h2,
  .ute-chat-toolbar h2 { font-size: 30px; font-weight: 340; }

  .ute-small-action,
  .ute-primary-link,
  .ute-secondary-link {
    min-height: 44px;
    font-size: 15px;
    font-weight: 560;
  }

  .ute-starter-grid { grid-template-columns: 1fr; gap: 10px; }
  .ute-starter-grid button {
    min-height: auto;
    padding: 18px;
    border-radius: 22px;
  }
  .ute-starter-grid span { font-size: 17px; font-weight: 540; }

  .ute-chat-toolbar,
  .ute-agent-form,
  .ute-agent-footer,
  .ute-auth-card,
  .ute-profile-form,
  .ute-profile-note,
  .ute-record-card,
  .ute-empty-card,
  .ute-price-card,
  .ute-more-section,
  .ute-account-nudge {
    padding: 18px !important;
  }

  .ute-agent-messages {
    min-height: 300px;
    max-height: 58vh;
    padding: 18px;
  }

  .ute-message { max-width: 94%; }

  .ute-send-row span,
  .ute-agent-footer span { font-size: 12px; }
}

@media (max-width: 480px), (max-device-width: 480px) {
  .ute-app-main { padding-left: 18px !important; padding-right: 18px !important; }
  .ute-home-hero h1,
  .ute-page-header h1,
  .ute-auth-copy h1 { font-size: 42px !important; }
  .ute-start-head h2,
  .ute-chat-toolbar h2 { font-size: 28px; }
  .ute-kicker { font-size: 9px !important; }
}


/* Unlock v2.4.1 — Mobile viewport / WordPress theme isolation
   Problem: WordPress tema može da ostavi padding, uski content wrapper i footer ispod mini-app-a.
   Ovaj sloj pravi pravi full-bleed app prikaz i sprečava horizontalno pomeranje na telefonu. */
body.ute-miniapp-page {
  overflow-x: hidden !important;
  background: var(--ute-bg) !important;
}

body.ute-miniapp-page .site,
body.ute-miniapp-page .site-content,
body.ute-miniapp-page .content-area,
body.ute-miniapp-page .site-main,
body.ute-miniapp-page main,
body.ute-miniapp-page article,
body.ute-miniapp-page .hentry,
body.ute-miniapp-page .entry,
body.ute-miniapp-page .entry-content,
body.ute-miniapp-page .wp-block-post-content,
body.ute-miniapp-page .wp-site-blocks,
body.ute-miniapp-page .wp-block-group,
body.ute-miniapp-page .wp-block-group__inner-container {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
}

body.ute-miniapp-page .site-footer,
body.ute-miniapp-page footer.site-footer,
body.ute-miniapp-page #colophon,
body.ute-miniapp-page .wp-site-blocks > footer,
body.ute-miniapp-page footer.wp-block-template-part,
body.ute-miniapp-page .footer,
body.ute-miniapp-page .footer-widgets {
  display: none !important;
}

@media (max-width: 860px), (max-device-width: 860px), (pointer: coarse) and (max-width: 1180px) {
  body.ute-miniapp-page .ute-miniapp {
    position: relative !important;
    left: 50% !important;
    right: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    margin-left: -50vw !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body.ute-miniapp-page .ute-app-frame {
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 100svh;
  }

  body.ute-miniapp-page .ute-app-main {
    width: 100% !important;
    padding-left: max(18px, env(safe-area-inset-left)) !important;
    padding-right: max(18px, env(safe-area-inset-right)) !important;
    padding-bottom: calc(112px + env(safe-area-inset-bottom)) !important;
  }

  body.ute-miniapp-page .ute-topbar {
    padding-left: max(18px, env(safe-area-inset-left)) !important;
    padding-right: max(18px, env(safe-area-inset-right)) !important;
  }

  body.ute-miniapp-page .ute-topbar .ute-nav {
    left: max(14px, env(safe-area-inset-left)) !important;
    right: max(14px, env(safe-area-inset-right)) !important;
  }
}

/* Unlock v2.4.3 — Flow clarity polish
   Zadržava jasnu podelu Početna/Unlock, ali uklanja suvišne mikro-naslove iz chat toka. */
.ute-view-chat {
  display: none;
}
.ute-miniapp[data-ute-current-view="home"] .ute-view-home,
.ute-miniapp:not([data-ute-current-view]) .ute-view-home {
  display: block;
}
.ute-miniapp[data-ute-current-view="home"] .ute-view-chat,
.ute-miniapp:not([data-ute-current-view]) .ute-view-chat {
  display: none;
}
.ute-miniapp[data-ute-current-view="chat"] .ute-view-home {
  display: none;
}
.ute-miniapp[data-ute-current-view="chat"] .ute-view-chat {
  display: block;
}

.ute-chat-card-main {
  margin-top: 0;
}

.ute-chat-guidance {
  margin: 18px 24px 0;
  padding: 16px 18px;
  border: 1px solid rgba(43, 34, 27, 0.10);
  border-radius: 20px;
  background: rgba(246, 239, 230, 0.58);
}
.ute-chat-guidance span {
  display: none;
}
.ute-chat-guidance p {
  margin: 0;
  color: #6f665e;
  font-size: 15px;
  line-height: 1.55;
  font-weight: 360;
}

.ute-agent-messages.is-empty {
  display: none;
}
.ute-agent-messages:not(.is-empty) {
  min-height: 220px;
}

.ute-input-label {
  display: block;
  margin: 0 0 8px;
  color: var(--ute-accent);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 600;
}

.ute-agent-form textarea {
  display: block;
  background: #fffdf9;
  border-color: rgba(43,34,27,.26);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}
.ute-agent-form textarea::placeholder {
  color: rgba(32,27,22,.46);
}
.ute-agent-form textarea:focus {
  border-color: rgba(102,70,49,.58);
  box-shadow: 0 0 0 3px rgba(102,70,49,.08);
}

.ute-chat-toolbar .ute-small-action-light {
  width: auto;
  min-width: 104px;
}

@media (max-width: 860px), (max-device-width: 860px), (pointer: coarse) and (max-width: 1180px) {
  .ute-chat-guidance {
    margin: 16px 18px 0;
    padding: 13px 14px;
    border-radius: 18px;
  }
  .ute-agent-messages:not(.is-empty) {
    min-height: 190px;
    max-height: 42vh;
  }
  .ute-chat-toolbar .ute-small-action-light {
    width: 100%;
  }
  .ute-miniapp[data-ute-current-view="chat"] .ute-app-main {
    padding-top: 18px !important;
  }
}


/* v2.4.4 — Profile desktop polish */
@media (min-width: 861px) {
  .ute-profile-layout {
    grid-template-columns: minmax(420px, 1.08fr) minmax(280px, .82fr);
    gap: 24px;
    align-items: stretch;
  }

  .ute-profile-form,
  .ute-profile-note {
    min-height: 240px;
  }

  .ute-profile-form {
    justify-content: space-between;
  }

  .ute-profile-form .ute-form-grid-two {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .ute-profile-form label span {
    white-space: nowrap;
  }

  .ute-profile-form input {
    width: 100%;
    min-height: 52px;
    border-radius: 16px;
    font-size: 17px;
  }

  .ute-profile-form input[type="date"] {
    min-width: 100%;
  }

  .ute-profile-form .ute-form-actions {
    justify-content: flex-start;
    gap: 14px;
    margin-top: 4px;
  }

  .ute-profile-form .ute-form-actions button {
    min-width: 150px;
    min-height: 46px;
    padding: 0 24px;
  }

  .ute-profile-form .ute-form-actions a {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border: 1px solid var(--ute-line);
    border-radius: 999px;
    background: rgba(255,255,255,.66);
    color: var(--ute-accent);
    font-weight: 520;
  }

  .ute-profile-note {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px !important;
  }

  .ute-profile-note h3 {
    font-size: 21px;
    margin-bottom: 12px;
  }

  .ute-profile-note p {
    font-size: 16px;
    line-height: 1.62;
  }
}

@media (min-width: 861px) and (max-width: 980px) {
  .ute-profile-layout {
    grid-template-columns: 1fr;
  }

  .ute-profile-note {
    min-height: auto;
  }
}

@media (max-width: 860px), (max-device-width: 860px), (pointer: coarse) and (max-width: 1180px) {
  .ute-profile-layout {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 14px;
  }

  .ute-profile-form .ute-form-grid-two {
    grid-template-columns: 1fr !important;
  }

  .ute-profile-form .ute-form-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .ute-profile-form .ute-form-actions button,
  .ute-profile-form .ute-form-actions a {
    width: 100%;
    min-height: 48px;
    justify-content: center;
  }
}


/* v2.4.5 — consistent typography and cross-screen polish
   Cilj: profil i zapisi da dobiju isti vizuelni jezik kao Unlock ekran. */
:root {
  --ute-type-display-weight: 330;
  --ute-type-title-weight: 390;
  --ute-type-ui-weight: 470;
  --ute-type-strong-weight: 560;
  --ute-type-copy-weight: 380;
}

.ute-miniapp {
  font-size: 16px;
  line-height: 1.5;
}

.ute-brand strong,
.ute-home-hero h1,
.ute-page-header h1,
.ute-auth-copy h1,
.ute-start-head h2,
.ute-chat-toolbar h2 {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ute-page-header,
.ute-home-hero {
  max-width: 720px;
}

.ute-page-header h1,
.ute-home-hero h1,
.ute-auth-copy h1 {
  font-weight: var(--ute-type-display-weight) !important;
  letter-spacing: -0.072em;
}

.ute-page-header p,
.ute-home-hero p,
.ute-auth-copy p,
.ute-profile-note p,
.ute-empty-card p,
.ute-record-card p,
.ute-account-nudge p {
  font-weight: var(--ute-type-copy-weight);
  color: #766d64;
}

.ute-brand strong {
  font-weight: 380;
}

.ute-nav a,
.ute-account-chip strong,
.ute-account-chip a,
.ute-small-action,
.ute-primary-link,
.ute-secondary-link,
.ute-link-button,
.ute-form-actions button,
.ute-form-actions a,
.ute-send-row button,
.ute-auth-form button,
.ute-agent-footer button,
.ute-empty-card .ute-primary-link,
.ute-empty-card .ute-secondary-link {
  font-weight: var(--ute-type-ui-weight) !important;
}

.ute-kicker,
.ute-input-label,
.ute-profile-form label span,
.ute-auth-form label span,
.ute-record-meta,
.ute-record-meta button {
  font-weight: 600 !important;
}

.ute-starter-grid span,
.ute-quick-grid button,
.ute-account-nudge h3,
.ute-profile-note h3,
.ute-empty-card h3,
.ute-record-card h3,
.ute-price-card h3,
.ute-auth-card h2 {
  font-weight: var(--ute-type-title-weight) !important;
}

.ute-empty-card,
.ute-record-card,
.ute-profile-form,
.ute-profile-note,
.ute-auth-card,
.ute-price-card {
  background: rgba(255,253,249,0.9);
}

.ute-empty-card {
  max-width: 100%;
  padding: 28px !important;
}

.ute-empty-card h3 {
  margin: 0 0 10px;
  font-size: 26px;
  letter-spacing: -0.05em;
}

.ute-records-list {
  gap: 16px;
}

.ute-record-card h3 {
  margin: 0 0 10px;
  font-size: 22px;
  letter-spacing: -0.045em;
}

.ute-profile-layout {
  align-items: stretch;
}

.ute-profile-form,
.ute-profile-note {
  padding: 28px !important;
}

.ute-profile-form {
  gap: 18px;
}

.ute-profile-form label {
  gap: 9px;
}

.ute-profile-form label span,
.ute-auth-form label span,
.ute-input-label {
  color: var(--ute-accent);
  letter-spacing: .08em;
  font-size: 11px;
  text-transform: uppercase;
}

.ute-profile-form input,
.ute-auth-form input,
.ute-agent-form textarea {
  font-size: 17px;
  font-weight: 430;
}

.ute-profile-note {
  background: rgba(246,239,230,0.52);
}

.ute-profile-note h3 {
  font-size: 24px;
  letter-spacing: -0.045em;
  margin-bottom: 10px;
}

.ute-auth-card h2 {
  font-size: 32px;
}

.ute-price-card p {
  font-weight: 600 !important;
}

@media (min-width: 861px) {
  .ute-app-main {
    padding: 36px;
  }

  .ute-profile-layout {
    grid-template-columns: minmax(0, 1.06fr) minmax(300px, .74fr);
    gap: 22px;
  }

  .ute-empty-card,
  .ute-record-card {
    max-width: 760px;
  }
}

@media (max-width: 860px), (max-device-width: 860px), (pointer: coarse) and (max-width: 1180px) {
  .ute-page-header h1,
  .ute-home-hero h1,
  .ute-auth-copy h1 {
    font-weight: 320 !important;
  }

  .ute-empty-card,
  .ute-record-card,
  .ute-profile-form,
  .ute-profile-note {
    padding: 20px !important;
  }

  .ute-empty-card h3,
  .ute-profile-note h3,
  .ute-record-card h3 {
    font-size: 22px;
  }

  .ute-profile-form input,
  .ute-auth-form input,
  .ute-agent-form textarea {
    font-size: 16px;
  }
}


/* v2.4.7 — return to v2.4.5 with calmer page titles
   Baza ostaje v2.4.5. Smanjujemo samo velike page naslove:
   "Zdravo, Igor.", "Rečenice kojima želiš da se vratiš.", "Tvoj prostor"
   da budu bliže skali Unlock naslova "Postavi pitanje svojim rečima." */
.ute-home-hero h1,
.ute-page-header h1 {
  font-size: clamp(31px, 4.2vw, 42px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.065em !important;
  font-weight: 340 !important;
  max-width: 720px;
}

.ute-page-header {
  margin-bottom: 24px;
}

.ute-home-hero p,
.ute-page-header p {
  margin-top: 10px !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
  max-width: 660px;
}

.ute-page-header .ute-kicker,
.ute-home-hero .ute-kicker {
  margin-bottom: 4px;
}

@media (min-width: 861px) {
  .ute-home-hero h1,
  .ute-page-header h1 {
    font-size: clamp(34px, 3.6vw, 44px) !important;
  }

  .ute-page-header {
    max-width: 780px;
  }
}

@media (max-width: 860px), (max-device-width: 860px), (pointer: coarse) and (max-width: 1180px) {
  .ute-home-hero h1,
  .ute-page-header h1 {
    font-size: clamp(32px, 9vw, 38px) !important;
    line-height: 1.04 !important;
  }

  .ute-home-hero p,
  .ute-page-header p {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
}

@media (max-width: 480px), (max-device-width: 480px) {
  .ute-home-hero h1,
  .ute-page-header h1 {
    font-size: 34px !important;
  }
}

/* v2.4.8 — usage limits and password UX */
.ute-usage-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 12px 24px 0;
  padding: 12px 14px;
  border: 1px solid rgba(43, 34, 27, 0.10);
  border-radius: 18px;
  background: rgba(255, 253, 249, 0.72);
  color: #736960;
  font-size: 13px;
  line-height: 1.45;
}

.ute-usage-box[data-usage-state="locked"] {
  border-color: rgba(102, 70, 49, 0.28);
  background: rgba(238, 224, 210, 0.56);
  color: #5e412f;
}

.ute-usage-box a {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--ute-accent);
  color: #fff !important;
  font-size: 12px;
  font-weight: 520;
  white-space: nowrap;
}

.ute-auth-switch + .ute-auth-switch {
  margin-top: 6px;
}

@media (max-width: 860px), (max-device-width: 860px), (pointer: coarse) and (max-width: 1180px) {
  .ute-usage-box {
    margin: 12px 18px 0;
    align-items: flex-start;
    flex-direction: column;
    padding: 13px 14px;
  }
  .ute-usage-box a {
    width: 100%;
    min-height: 38px;
  }
}

/* v2.5.0 — Payhip 30-day checkout */
.ute-current-plan-note,
.ute-payhip-note {
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid var(--ute-line);
  border-radius: 24px;
  background: rgba(255,253,249,0.82);
  color: var(--ute-muted);
  box-shadow: 0 12px 34px rgba(32,25,18,.045);
}
.ute-current-plan-note strong,
.ute-payhip-note h3 {
  color: var(--ute-text);
  font-weight: 520;
}
.ute-payhip-note h3 {
  margin: 0 0 8px;
  font-size: 22px;
  letter-spacing: -0.045em;
}
.ute-payhip-note p {
  margin: 0 0 10px;
  line-height: 1.65;
}
.ute-payhip-note p:last-child { margin-bottom: 0; }
.ute-payhip-note a { color: var(--ute-accent); text-decoration: underline; text-underline-offset: 3px; }
.ute-pricing-grid-payhip .ute-price-card strong {
  color: var(--ute-accent);
}
@media (max-width: 860px), (max-device-width: 860px), (pointer: coarse) and (max-width: 1180px) {
  .ute-current-plan-note,
  .ute-payhip-note { padding: 18px !important; border-radius: 22px; }
}

/* v2.5.2 Trust footer + admin shortcut */
.ute-trust-footer{
    display:flex;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
    padding:18px 14px 22px;
    color:#7a6d62;
    font-size:13px;
}
.ute-trust-footer a{
    color:#7a6d62;
    text-decoration:none;
    border-bottom:1px solid rgba(122,109,98,.25);
}
.ute-trust-footer a:hover{
    color:#3b2b22;
    border-bottom-color:rgba(59,43,34,.45);
}
.ute-admin-profile-link{
    background:#3b2b22!important;
    color:#fff!important;
    border-color:#3b2b22!important;
}


/* v2.5.3 Profile admin shortcut layout fix */
.ute-admin-profile-row{
  display:flex;
  justify-content:flex-start;
  margin-top:2px;
}
.ute-admin-profile-row .ute-admin-profile-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  text-decoration:none;
  font-weight:560;
  white-space:nowrap;
  box-sizing:border-box;
}
@media (max-width: 760px), (max-device-width: 760px){
  .ute-admin-profile-row{
    display:block;
  }
  .ute-admin-profile-row .ute-admin-profile-link{
    width:100%;
    min-height:48px;
  }
}


/* v2.5.4 — label inset polish */
.ute-price-card > p:first-child,
.ute-page-header .ute-kicker,
.ute-home-hero .ute-kicker,
.ute-auth-copy .ute-kicker {
  margin-left: 6px;
}

.ute-price-card > p:first-child {
  padding-left: 2px;
}

@media (max-width: 860px) {
  .ute-price-card > p:first-child,
  .ute-page-header .ute-kicker,
  .ute-home-hero .ute-kicker,
  .ute-auth-copy .ute-kicker {
    margin-left: 4px;
  }
}


/* v2.5.5 — mobile card inner inset polish
   Moves full card content away from rounded left corners, not only labels. */
.ute-price-card,
.ute-profile-form,
.ute-profile-note,
.ute-record-card,
.ute-empty-card,
.ute-auth-card,
.ute-account-nudge {
  padding-left: clamp(28px, 4vw, 36px) !important;
  padding-right: clamp(24px, 4vw, 34px) !important;
}

.ute-price-card > p:first-child,
.ute-page-header .ute-kicker,
.ute-home-hero .ute-kicker,
.ute-auth-copy .ute-kicker {
  margin-left: 10px !important;
}

@media (max-width: 860px) {
  .ute-price-card,
  .ute-profile-form,
  .ute-profile-note,
  .ute-record-card,
  .ute-empty-card,
  .ute-auth-card,
  .ute-account-nudge {
    padding-left: 30px !important;
    padding-right: 24px !important;
  }

  .ute-price-card > p:first-child,
  .ute-page-header .ute-kicker,
  .ute-home-hero .ute-kicker,
  .ute-auth-copy .ute-kicker {
    margin-left: 8px !important;
  }

  .ute-price-card h3,
  .ute-price-card strong,
  .ute-price-card ul,
  .ute-price-card .ute-button,
  .ute-profile-form label,
  .ute-profile-form input,
  .ute-profile-actions,
  .ute-admin-profile-link {
    max-width: 100%;
  }
}


/* v2.5.6 — stronger card content inset
   Adds another step of left spacing so text clears rounded card corners. */
.ute-price-card,
.ute-profile-form,
.ute-profile-note,
.ute-record-card,
.ute-empty-card,
.ute-auth-card,
.ute-account-nudge {
  padding-left: clamp(38px, 5vw, 46px) !important;
  padding-right: clamp(22px, 4vw, 32px) !important;
}

.ute-price-card > p:first-child,
.ute-page-header .ute-kicker,
.ute-auth-copy .ute-kicker {
  margin-left: 16px !important;
}

@media (max-width: 860px) {
  .ute-price-card,
  .ute-profile-form,
  .ute-profile-note,
  .ute-record-card,
  .ute-empty-card,
  .ute-auth-card,
  .ute-account-nudge {
    padding-left: 42px !important;
    padding-right: 22px !important;
  }

  .ute-price-card > p:first-child,
  .ute-page-header .ute-kicker,
  .ute-auth-copy .ute-kicker {
    margin-left: 14px !important;
  }
}

/* v2.5.7 — visible conversation history */
.ute-conversations-panel {
  margin: 12px 24px 0;
  padding: 14px;
  border: 1px solid rgba(43, 34, 27, 0.10);
  border-radius: 20px;
  background: rgba(255,253,249,0.82);
}

.ute-conversations-panel summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  list-style: none;
}

.ute-conversations-panel summary::-webkit-details-marker { display: none; }
.ute-conversations-panel summary span { font-weight: 820; color: var(--ute-text); }
.ute-conversations-panel summary em {
  font-style: normal;
  font-size: 12px;
  color: var(--ute-muted);
  white-space: nowrap;
}

.ute-conversations-actions {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.ute-conversations-actions button,
.ute-conversation-archive {
  border: 1px solid var(--ute-line);
  border-radius: 999px;
  background: #fff;
  color: var(--ute-accent);
  font-size: 12px;
  font-weight: 760;
  cursor: pointer;
}

.ute-conversations-actions button { min-height: 34px; padding: 0 12px; }
.ute-conversation-archive { flex: 0 0 auto; min-height: 32px; padding: 0 10px; opacity: .76; }
.ute-conversation-archive:disabled { opacity: .45; cursor: wait; }

.ute-conversations-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
  max-height: 236px;
  overflow: auto;
}

.ute-conversation-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.ute-conversation-item {
  min-width: 0;
  border: 1px solid var(--ute-line);
  border-radius: 16px;
  background: #fff;
  padding: 10px 12px;
  text-align: left;
  cursor: pointer;
  color: var(--ute-text);
}

.ute-conversation-item.is-active {
  border-color: rgba(90,61,43,.46);
  background: rgba(238,224,210,.42);
}

.ute-conversation-item strong,
.ute-conversation-item span,
.ute-conversation-item em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ute-conversation-item strong { font-size: 13px; letter-spacing: -0.01em; }
.ute-conversation-item span { margin-top: 3px; color: var(--ute-muted); font-size: 11px; }
.ute-conversation-item em { margin-top: 4px; color: #7f7168; font-size: 12px; font-style: normal; }
.ute-conversation-empty,
.ute-conversations-list > p { margin: 0; color: var(--ute-muted); font-size: 13px; line-height: 1.45; }

.ute-conversations-panel-locked {
  display: grid;
  gap: 6px;
  color: var(--ute-muted);
  font-size: 13px;
}

.ute-conversations-panel-locked strong { color: var(--ute-text); }
.ute-conversations-panel-locked a { color: var(--ute-accent) !important; font-weight: 820; }

@media (max-width: 860px), (max-device-width: 860px), (pointer: coarse) and (max-width: 1180px) {
  .ute-conversations-panel { margin: 12px 18px 0; padding: 13px; }
  .ute-conversations-panel summary { align-items: flex-start; flex-direction: column; gap: 4px; }
  .ute-conversations-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .ute-conversations-actions button { width: 100%; min-height: 38px; }
  .ute-conversation-row { grid-template-columns: minmax(0, 1fr); }
  .ute-conversation-archive { justify-self: start; }
  .ute-conversations-list { max-height: 220px; }
}

/* v2.5.8 — Dublji uvid */
.ute-deep-insight-details {
  border-color: rgba(90, 61, 43, .18);
  background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(248,243,236,.72));
}

.ute-deep-insight-details summary em {
  display: inline-flex;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(90,61,43,.1);
  color: var(--ute-accent);
  font-size: 11px;
  font-style: normal;
  font-weight: 780;
}

.ute-deep-insight-form {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

.ute-deep-insight-form label {
  display: grid;
  gap: 6px;
  color: var(--ute-text);
  font-size: 13px;
  font-weight: 720;
}

.ute-deep-insight-form select,
.ute-deep-insight-form textarea {
  width: 100%;
  border: 1px solid var(--ute-line);
  border-radius: 16px;
  background: #fff;
  color: var(--ute-text);
  font: inherit;
  font-weight: 520;
  padding: 11px 12px;
  outline: none;
}

.ute-deep-insight-form textarea {
  min-height: 92px;
  resize: vertical;
}

.ute-deep-insight-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.ute-deep-insight-actions button {
  border: 0;
  border-radius: 999px;
  background: var(--ute-accent);
  color: #fff;
  min-height: 42px;
  padding: 0 16px;
  font-weight: 820;
  cursor: pointer;
}

.ute-deep-insight-actions em {
  color: var(--ute-muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.ute-deep-insight-locked {
  display: grid;
  gap: 6px;
  margin-top: 12px;
  border: 1px solid var(--ute-line);
  border-radius: 18px;
  background: #fff;
  padding: 13px 14px;
  color: var(--ute-muted);
  font-size: 13px;
  line-height: 1.45;
}

.ute-deep-insight-locked strong { color: var(--ute-text); }
.ute-deep-insight-locked a { color: var(--ute-accent) !important; font-weight: 820; }

@media (max-width: 860px), (max-device-width: 860px), (pointer: coarse) and (max-width: 1180px) {
  .ute-deep-insight-actions { align-items: stretch; flex-direction: column; }
  .ute-deep-insight-actions button { width: 100%; }
}


/* v2.5.9 — Account & data controls */
.ute-account-summary,
.ute-profile-plan-box,
.ute-danger-zone,
.ute-records-toolbar { border: 1px solid rgba(74, 57, 45, 0.12); border-radius: 18px; background: rgba(255,255,255,0.56); padding: 14px 16px; display: grid; gap: 5px; }
.ute-account-summary span,
.ute-profile-plan-box span,
.ute-muted-small { color: var(--ute-muted); font-size: 0.92rem; }
.ute-account-summary strong,
.ute-profile-plan-box strong { word-break: break-word; }
.ute-profile-plan-box em,
.ute-profile-form label em { color: var(--ute-muted); font-size: 0.88rem; font-style: normal; }
.ute-danger-zone { margin-top: 8px; background: rgba(255, 250, 246, 0.72); }
.ute-danger-zone h3 { margin: 0; }
.ute-danger-zone p { margin: 0; color: var(--ute-muted); }
.ute-danger-button,
.ute-records-toolbar button,
.ute-conversation-delete { border: 1px solid rgba(136, 70, 49, 0.24); color: #7f3d2c; background: rgba(255,255,255,0.72); }
.ute-records-toolbar { margin-bottom: 14px; align-items: start; }
.ute-conversation-row { grid-template-columns: minmax(0,1fr) auto auto; }
.ute-conversation-delete { border-radius: 999px; padding: 7px 10px; font-weight: 800; }
@media (max-width: 520px) { .ute-conversation-row { grid-template-columns: minmax(0,1fr); } .ute-conversation-row .ute-conversation-archive, .ute-conversation-row .ute-conversation-delete { width: 100%; } }


/* v2.6.0 — profile, records and outer text layout repair */
.ute-app-main > .ute-page-header {
  max-width: 720px;
  margin: 0 0 24px !important;
  padding-left: 6px;
  padding-right: 6px;
}

.ute-app-main > .ute-page-header .ute-kicker {
  margin-left: 0 !important;
}

.ute-app-main > .ute-page-header h1 {
  max-width: 720px;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.ute-app-main > .ute-page-header p {
  max-width: 640px;
  margin: 0 !important;
  line-height: 1.58;
}

.ute-profile-layout {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px) !important;
  gap: 18px !important;
  align-items: start !important;
}

.ute-profile-form,
.ute-profile-note {
  align-self: start !important;
}

.ute-profile-form {
  max-width: 100%;
  gap: 16px !important;
}

.ute-profile-note p,
.ute-danger-zone p,
.ute-empty-card p,
.ute-record-card p,
.ute-current-plan-note,
.ute-payhip-note p {
  max-width: 68ch;
  line-height: 1.65 !important;
}

.ute-account-summary,
.ute-profile-plan-box,
.ute-danger-zone {
  padding: 15px 16px !important;
  border-radius: 20px !important;
  max-width: 100%;
}

.ute-account-summary strong,
.ute-profile-plan-box strong {
  display: block;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.35;
}

.ute-danger-zone {
  margin-top: 4px !important;
  gap: 10px !important;
}

.ute-danger-zone h3 {
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: -0.035em;
}

.ute-danger-button {
  justify-self: start;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  font-weight: 760;
  cursor: pointer;
}

.ute-danger-button.is-disabled,
.ute-danger-button:disabled {
  opacity: .55;
  cursor: not-allowed;
  filter: grayscale(.15);
}

.ute-muted-small {
  display: block;
  max-width: 62ch;
  line-height: 1.55;
}

.ute-records-toolbar,
.ute-records-list {
  max-width: 780px;
}

.ute-records-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
  gap: 14px !important;
  margin-bottom: 16px !important;
  padding: 15px 16px !important;
}

.ute-records-toolbar strong,
.ute-records-toolbar span {
  display: block;
}

.ute-records-toolbar strong {
  color: var(--ute-text);
  font-size: 15px;
  letter-spacing: -0.015em;
}

.ute-records-toolbar span {
  margin-top: 3px;
  color: var(--ute-muted);
  font-size: 13px;
  line-height: 1.4;
}

.ute-records-toolbar button,
.ute-record-meta button,
.ute-conversation-delete,
.ute-conversation-archive {
  white-space: nowrap;
}

.ute-record-card {
  max-width: 780px;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.ute-record-meta {
  align-items: flex-start !important;
}

.ute-record-card h3 {
  max-width: 680px;
  line-height: 1.22;
}

.ute-record-card p {
  max-width: 70ch;
  font-size: 15.5px;
  overflow-wrap: break-word;
}

.ute-current-plan-note,
.ute-payhip-note {
  max-width: 780px;
}

.ute-trust-footer {
  max-width: 760px;
  margin: 0 auto;
  line-height: 1.4;
}

@media (max-width: 900px) {
  .ute-profile-layout {
    grid-template-columns: 1fr !important;
  }
  .ute-profile-note {
    max-width: 100%;
  }
}

@media (max-width: 640px) {
  .ute-app-main > .ute-page-header {
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 18px !important;
  }
  .ute-records-toolbar {
    align-items: stretch !important;
    flex-direction: column;
  }
  .ute-records-toolbar button,
  .ute-danger-button {
    width: 100%;
    justify-content: center;
  }
  .ute-record-meta {
    flex-direction: column;
    gap: 8px !important;
  }
  .ute-record-meta button {
    align-self: flex-start;
  }
}

/* v2.6.1 — desktop width and records/profile clean-up
   Cilj: na kompjuteru aplikacija ne deluje stisnuto, Zapisi nemaju dupliran veliki naslov,
   a brisanje naloga je jasno vidljivo u desnoj profil kartici. */
@media (min-width: 901px) {
  body.ute-miniapp-page .ute-miniapp {
    width: min(1120px, calc(100vw - 64px)) !important;
    margin-top: 24px !important;
  }

  body.ute-miniapp-page .ute-app-main {
    padding: 40px 44px !important;
  }

  body.ute-miniapp-page .ute-app-main > .ute-page-header,
  body.ute-miniapp-page .ute-home-hero {
    max-width: 820px !important;
  }

  body.ute-miniapp-page .ute-app-main > .ute-page-header p,
  body.ute-miniapp-page .ute-home-hero p {
    max-width: 720px !important;
  }

  body.ute-miniapp-page .ute-profile-layout {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 370px) !important;
    gap: 24px !important;
    max-width: 1040px;
  }

  body.ute-miniapp-page .ute-profile-form,
  body.ute-miniapp-page .ute-profile-note,
  body.ute-miniapp-page .ute-record-card,
  body.ute-miniapp-page .ute-records-toolbar,
  body.ute-miniapp-page .ute-empty-card,
  body.ute-miniapp-page .ute-price-card,
  body.ute-miniapp-page .ute-auth-card,
  body.ute-miniapp-page .ute-account-nudge {
    padding: 28px 30px !important;
  }
}

.ute-profile-note {
  justify-content: flex-start !important;
  gap: 12px;
}

.ute-profile-note .ute-danger-zone {
  margin-top: 14px !important;
}

.ute-profile-note .ute-danger-zone h3 {
  font-size: 19px !important;
  margin: 0 !important;
}

.ute-profile-note .ute-danger-zone p {
  font-size: 14px;
  line-height: 1.55 !important;
}

.ute-records-toolbar,
.ute-records-list {
  max-width: 880px !important;
}

.ute-record-card {
  max-width: 880px !important;
}

.ute-record-card h3 {
  font-size: 18px !important;
  line-height: 1.32 !important;
  letter-spacing: -0.025em !important;
  margin-bottom: 12px !important;
}

.ute-record-card p {
  max-width: 74ch !important;
  color: #51483f !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  white-space: pre-wrap;
}

.ute-record-meta {
  margin-bottom: 14px !important;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(43,34,27,.08);
}

.ute-record-meta span {
  color: var(--ute-muted);
  font-size: 13px;
}

.ute-record-meta button,
.ute-records-toolbar button,
.ute-danger-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ute-records-toolbar {
  background: rgba(255,253,249,.88) !important;
}

.ute-records-toolbar strong {
  font-size: 16px !important;
  font-weight: 520 !important;
}

.ute-records-toolbar span {
  font-size: 14px !important;
}

@media (max-width: 900px) {
  .ute-profile-note .ute-danger-zone {
    margin-top: 10px !important;
  }
}


/* v2.6.2 — calmer profile layout and softer conversations heading
   Cilj: Profil se na kompjuteru više ne lomi u uske kolone, a "Moji razgovori" nije napadno boldovan. */
body.ute-miniapp-page .ute-profile-layout {
  grid-template-columns: 1fr !important;
  max-width: 820px !important;
  gap: 18px !important;
  align-items: stretch !important;
}

body.ute-miniapp-page .ute-profile-form,
body.ute-miniapp-page .ute-profile-note {
  width: 100% !important;
  max-width: 820px !important;
  box-sizing: border-box !important;
}

body.ute-miniapp-page .ute-profile-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body.ute-miniapp-page .ute-account-summary,
body.ute-miniapp-page .ute-profile-plan-box {
  min-height: 96px;
  align-content: center;
}

body.ute-miniapp-page .ute-account-summary strong,
body.ute-miniapp-page .ute-profile-plan-box strong {
  font-size: 15px !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

body.ute-miniapp-page .ute-profile-form .ute-form-grid,
body.ute-miniapp-page .ute-profile-form .ute-form-grid-two,
body.ute-miniapp-page .ute-profile-form .ute-form-actions,
body.ute-miniapp-page .ute-profile-form .ute-admin-profile-row,
body.ute-miniapp-page .ute-profile-form .ute-form-status {
  grid-column: 1 / -1 !important;
}

body.ute-miniapp-page .ute-profile-form .ute-form-grid-two {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body.ute-miniapp-page .ute-profile-note {
  display: grid !important;
  gap: 10px !important;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

body.ute-miniapp-page .ute-profile-note h3 {
  margin: 0 0 2px !important;
}

body.ute-miniapp-page .ute-profile-note p {
  max-width: 68ch !important;
  margin: 0 !important;
}

body.ute-miniapp-page .ute-profile-note .ute-danger-zone {
  margin-top: 8px !important;
  max-width: 100% !important;
  padding: 16px !important;
}

body.ute-miniapp-page .ute-profile-note .ute-danger-zone h3 {
  font-size: 17px !important;
  font-weight: 520 !important;
  letter-spacing: -0.02em !important;
}

body.ute-miniapp-page .ute-profile-note .ute-danger-zone p {
  font-size: 13.5px !important;
  line-height: 1.55 !important;
}

body.ute-miniapp-page .ute-danger-button {
  font-weight: 520 !important;
}

body.ute-miniapp-page .ute-conversations-panel summary span {
  font-weight: 420 !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
}

body.ute-miniapp-page .ute-conversations-panel summary em {
  font-weight: 360 !important;
}

body.ute-miniapp-page .ute-conversations-actions button,
body.ute-miniapp-page .ute-conversation-archive,
body.ute-miniapp-page .ute-conversation-delete {
  font-weight: 420 !important;
}

@media (max-width: 720px) {
  body.ute-miniapp-page .ute-profile-form,
  body.ute-miniapp-page .ute-profile-form .ute-form-grid-two {
    grid-template-columns: 1fr !important;
  }

  body.ute-miniapp-page .ute-account-summary,
  body.ute-miniapp-page .ute-profile-plan-box {
    min-height: auto;
  }
}

/* v2.6.3 — Visual Simplification
   Cilj: manje vizuelne buke. Sekundarne akcije su tiše, Profil je mirniji,
   a razgovori i Zapisi ne deluju administrativno. */
body.ute-miniapp-page .ute-miniapp {
  width: min(1000px, calc(100vw - 64px)) !important;
}

@media (min-width: 901px) {
  body.ute-miniapp-page .ute-app-main {
    padding: 38px 48px !important;
  }
}

body.ute-miniapp-page .ute-page-header h1,
body.ute-miniapp-page .ute-home-hero h1,
body.ute-miniapp-page .ute-chat-toolbar h2 {
  letter-spacing: -0.055em !important;
}

body.ute-miniapp-page .ute-page-header p,
body.ute-miniapp-page .ute-home-hero p,
body.ute-miniapp-page .ute-profile-note p,
body.ute-miniapp-page .ute-records-toolbar span {
  color: rgba(60, 51, 43, 0.68) !important;
}

/* Profil: manje administracije, više mirnog ličnog prostora. */
body.ute-miniapp-page .ute-profile-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 760px !important;
  gap: 14px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.ute-miniapp-page .ute-profile-form,
body.ute-miniapp-page .ute-profile-note {
  max-width: 760px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.ute-miniapp-page .ute-profile-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 14px !important;
  padding: 24px !important;
}

body.ute-miniapp-page .ute-account-summary,
body.ute-miniapp-page .ute-profile-plan-box {
  min-height: auto !important;
  padding: 13px 14px !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.48) !important;
  border-color: rgba(74, 57, 45, 0.08) !important;
  gap: 4px !important;
}

body.ute-miniapp-page .ute-account-summary span,
body.ute-miniapp-page .ute-profile-plan-box span,
body.ute-miniapp-page .ute-profile-form label span {
  font-size: 10.5px !important;
  letter-spacing: 0.105em !important;
  font-weight: 520 !important;
  color: rgba(60, 51, 43, 0.52) !important;
}

body.ute-miniapp-page .ute-account-summary strong,
body.ute-miniapp-page .ute-profile-plan-box strong {
  font-size: 14px !important;
  font-weight: 440 !important;
  line-height: 1.35 !important;
  color: rgba(43, 34, 27, 0.86) !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.ute-miniapp-page .ute-account-summary strong {
  white-space: normal !important;
}

body.ute-miniapp-page .ute-profile-form .ute-form-grid,
body.ute-miniapp-page .ute-profile-form .ute-form-grid-two,
body.ute-miniapp-page .ute-profile-form .ute-form-actions,
body.ute-miniapp-page .ute-profile-form .ute-admin-profile-row,
body.ute-miniapp-page .ute-profile-form .ute-form-status {
  grid-column: 1 / -1 !important;
}

body.ute-miniapp-page .ute-profile-form .ute-form-grid-two {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.ute-miniapp-page .ute-profile-form input {
  min-height: 48px !important;
  border-color: rgba(74, 57, 45, 0.11) !important;
  background: rgba(255, 255, 255, 0.62) !important;
}

body.ute-miniapp-page .ute-profile-form label em {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

body.ute-miniapp-page .ute-profile-form .ute-form-actions {
  margin-top: 2px !important;
}

body.ute-miniapp-page .ute-profile-note {
  display: block !important;
  padding: 18px 20px !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.38) !important;
  border-color: rgba(74, 57, 45, 0.07) !important;
}

body.ute-miniapp-page .ute-profile-note h3 {
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 430 !important;
  letter-spacing: -0.025em !important;
  margin: 0 0 8px !important;
}

body.ute-miniapp-page .ute-profile-note p {
  max-width: 64ch !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  margin: 0 0 8px !important;
}

body.ute-miniapp-page .ute-profile-note .ute-danger-zone {
  margin-top: 14px !important;
  padding: 12px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(74, 57, 45, 0.08) !important;
  border-radius: 0 !important;
  background: transparent !important;
  gap: 6px !important;
}

body.ute-miniapp-page .ute-profile-note .ute-danger-zone h3 {
  font-size: 14px !important;
  font-weight: 430 !important;
  letter-spacing: -0.01em !important;
  color: rgba(43, 34, 27, 0.72) !important;
}

body.ute-miniapp-page .ute-profile-note .ute-danger-zone p,
body.ute-miniapp-page .ute-muted-small {
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  color: rgba(60, 51, 43, 0.58) !important;
}

body.ute-miniapp-page .ute-danger-button {
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: rgba(126, 72, 54, 0.62) !important;
  font-size: 12.5px !important;
  font-weight: 430 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

body.ute-miniapp-page .ute-danger-button.is-disabled,
body.ute-miniapp-page .ute-danger-button:disabled {
  opacity: .45 !important;
}

/* Razgovori: naslov i akcije tiše, da razgovor ostane glavni fokus. */
body.ute-miniapp-page .ute-conversations-panel {
  margin-top: 14px !important;
  padding: 12px 13px !important;
  border-color: rgba(74, 57, 45, 0.07) !important;
  background: rgba(255, 255, 255, 0.38) !important;
}

body.ute-miniapp-page .ute-conversations-panel summary span {
  font-size: 13px !important;
  font-weight: 360 !important;
  color: rgba(43, 34, 27, 0.72) !important;
}

body.ute-miniapp-page .ute-conversations-panel summary em {
  font-size: 11.5px !important;
  font-weight: 330 !important;
  color: rgba(60, 51, 43, 0.50) !important;
}

body.ute-miniapp-page .ute-conversations-actions {
  gap: 6px !important;
  margin-top: 10px !important;
}

body.ute-miniapp-page .ute-conversations-actions button {
  min-height: 29px !important;
  padding: 0 10px !important;
  border-color: rgba(74, 57, 45, 0.08) !important;
  background: rgba(255, 255, 255, 0.42) !important;
  color: rgba(90, 61, 43, 0.66) !important;
  font-size: 11.5px !important;
  font-weight: 360 !important;
}

body.ute-miniapp-page .ute-conversation-row {
  gap: 5px !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
}

body.ute-miniapp-page .ute-conversation-item {
  padding: 9px 10px !important;
  border-color: rgba(74, 57, 45, 0.08) !important;
  background: rgba(255, 255, 255, 0.48) !important;
}

body.ute-miniapp-page .ute-conversation-item strong {
  font-size: 12.5px !important;
  font-weight: 430 !important;
  color: rgba(43, 34, 27, 0.78) !important;
}

body.ute-miniapp-page .ute-conversation-item span,
body.ute-miniapp-page .ute-conversation-item em {
  color: rgba(60, 51, 43, 0.55) !important;
}

body.ute-miniapp-page .ute-conversation-archive,
body.ute-miniapp-page .ute-conversation-delete,
body.ute-miniapp-page .ute-record-meta button,
body.ute-miniapp-page .ute-records-toolbar button {
  min-height: auto !important;
  padding: 3px 5px !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 360 !important;
  color: rgba(90, 61, 43, 0.52) !important;
}

body.ute-miniapp-page .ute-conversation-delete,
body.ute-miniapp-page .ute-record-meta button,
body.ute-miniapp-page .ute-records-toolbar button {
  color: rgba(126, 72, 54, 0.50) !important;
}

body.ute-miniapp-page .ute-conversation-archive:hover,
body.ute-miniapp-page .ute-conversation-delete:hover,
body.ute-miniapp-page .ute-record-meta button:hover,
body.ute-miniapp-page .ute-records-toolbar button:hover,
body.ute-miniapp-page .ute-danger-button:hover {
  color: rgba(90, 61, 43, 0.88) !important;
}

/* Zapisi: akcije su pomoćne, ne glavni vizuelni element. */
body.ute-miniapp-page .ute-records-toolbar {
  padding: 12px 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(74, 57, 45, 0.06) !important;
  border-bottom: 1px solid rgba(74, 57, 45, 0.06) !important;
  border-radius: 0 !important;
  background: transparent !important;
  max-width: 760px !important;
}

body.ute-miniapp-page .ute-records-toolbar strong {
  font-size: 13.5px !important;
  font-weight: 400 !important;
  color: rgba(43, 34, 27, 0.70) !important;
}

body.ute-miniapp-page .ute-records-toolbar span {
  font-size: 12.5px !important;
}

body.ute-miniapp-page .ute-record-card {
  max-width: 760px !important;
  padding: 20px 22px !important;
  border-color: rgba(74, 57, 45, 0.075) !important;
  background: rgba(255, 255, 255, 0.48) !important;
}

body.ute-miniapp-page .ute-record-meta {
  margin-bottom: 10px !important;
  padding-bottom: 8px !important;
  border-bottom-color: rgba(43, 34, 27, 0.055) !important;
}

body.ute-miniapp-page .ute-record-card p {
  font-size: 15px !important;
  line-height: 1.68 !important;
  color: rgba(43, 34, 27, 0.76) !important;
}

@media (max-width: 720px) {
  body.ute-miniapp-page .ute-miniapp {
    width: min(100%, calc(100vw - 20px)) !important;
  }

  body.ute-miniapp-page .ute-profile-form,
  body.ute-miniapp-page .ute-profile-form .ute-form-grid-two,
  body.ute-miniapp-page .ute-conversation-row {
    grid-template-columns: 1fr !important;
  }

  body.ute-miniapp-page .ute-conversation-archive,
  body.ute-miniapp-page .ute-conversation-delete {
    justify-self: start !important;
  }
}

/* v2.6.4 — locked birth date: datum je lični okvir, ne promenljivi filter. */
body.ute-miniapp-page .ute-birthdate-field input:disabled {
  color: rgba(43, 34, 27, 0.62) !important;
  background: rgba(244, 239, 232, 0.58) !important;
  cursor: not-allowed !important;
}

body.ute-miniapp-page .ute-inline-text-button {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  min-height: auto !important;
  margin-top: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: rgba(126, 72, 54, 0.58) !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  box-shadow: none !important;
}

body.ute-miniapp-page .ute-inline-text-button:hover {
  color: rgba(90, 61, 43, 0.86) !important;
}

/* v2.6.5 — Login & Activation Notices */
.ute-auth-note,
.ute-verification-notice {
  border: 1px solid rgba(121, 86, 52, 0.18);
  background: rgba(255, 248, 238, 0.72);
  border-radius: 16px;
  padding: 12px 14px;
  color: #5f4a38;
  font-size: 0.94rem;
  line-height: 1.55;
}

.ute-auth-note { margin: 0 0 14px; }

.ute-verification-notice {
  display: grid;
  gap: 7px;
  margin: 0 0 16px;
}

.ute-verification-notice strong { font-weight: 650; color: #33271f; }
.ute-verification-notice span { color: #6b5746; }
.ute-verification-notice button {
  justify-self: start;
  border: 1px solid rgba(121, 86, 52, 0.24);
  background: rgba(255,255,255,0.72);
  color: #5b4433;
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 0.88rem;
  cursor: pointer;
}
.ute-verification-notice button:disabled { opacity: 0.55; cursor: wait; }

.ute-account-summary em {
  display: block;
  margin-top: 4px;
  font-style: normal;
  font-size: 0.86rem;
  color: #806b58;
}

/* v2.6.6 — Dublji uvid auto-theme UX */
.ute-field-hint {
  margin: -6px 0 8px;
  color: var(--ute-muted);
  font-size: 13px;
  line-height: 1.45;
}


.ute-referral-card {
  margin: 18px 0;
  padding: 18px;
  border: 1px solid var(--ute-line);
  border-radius: 22px;
  background: rgba(255,255,255,0.62);
}

.ute-referral-card h3 { margin: 0 0 8px; }
.ute-referral-card p { margin: 8px 0; color: var(--ute-muted); }
.ute-referral-card label { display: block; margin: 12px 0 10px; }
.ute-referral-card label span { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 800; color: var(--ute-text); }
.ute-referral-card input[readonly] {
  width: 100%;
  border: 1px solid var(--ute-line);
  border-radius: 14px;
  padding: 12px 14px;
  background: #fffaf3;
  color: var(--ute-text);
}
.ute-referral-card .ute-copy-referral { margin-top: 2px; }
.ute-referral-stats { font-size: 13px; }

.ute-referral-card-prominent {
  margin: 14px 0 18px;
}
.ute-referral-card-prominent h3 {
  font-size: 18px;
}


/* Unlock UI v2.7.2 — topbar account alignment fix
   Keeps Prijava/Odjava in the top-right of the app header and prevents it from dropping under the navigation. */
.ute-miniapp .ute-topbar {
  display: grid !important;
  align-items: center !important;
}

.ute-miniapp .ute-topbar > .ute-brand {
  grid-column: 1 !important;
  justify-self: start !important;
  min-width: 0 !important;
}

.ute-miniapp .ute-topbar > .ute-nav {
  grid-column: 2 !important;
  justify-self: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.ute-miniapp .ute-topbar > .ute-account-chip {
  grid-column: 3 !important;
  justify-self: end !important;
  align-self: center !important;
  min-width: max-content !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}

.ute-miniapp .ute-account-chip a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
}

/* Tablet/narrow desktop: brand and account stay on the first row; the app nav may sit below them if needed. */
@media (min-width: 861px) and (max-width: 1040px) {
  .ute-miniapp .ute-topbar {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "brand account"
      "nav nav" !important;
    row-gap: 10px !important;
  }
  .ute-miniapp .ute-topbar > .ute-brand { grid-area: brand !important; }
  .ute-miniapp .ute-topbar > .ute-account-chip { grid-area: account !important; }
  .ute-miniapp .ute-topbar > .ute-nav {
    grid-area: nav !important;
    justify-self: center !important;
    width: max-content !important;
    max-width: 100% !important;
  }
}

/* Mobile/app view: Prijava/Odjava remains in the top-right; navigation remains bottom-fixed. */
@media (max-width: 860px), (max-device-width: 860px), (pointer: coarse) and (max-width: 1180px) {
  .ute-miniapp .ute-topbar {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "brand account" !important;
  }
  .ute-miniapp .ute-topbar > .ute-brand {
    grid-area: brand !important;
    grid-column: auto !important;
  }
  .ute-miniapp .ute-topbar > .ute-account-chip {
    grid-area: account !important;
    grid-column: auto !important;
    justify-self: end !important;
  }
  .ute-miniapp .ute-topbar > .ute-nav {
    grid-area: auto !important;
    grid-column: auto !important;
  }
}

/* v2.7.3 — Mobile account button hard lock
   Fixes Prijava/Odjava falling below the app navigation on mobile. The app nav stays bottom-fixed; the account action is pinned to the top-right of the app topbar. */
@media (max-width: 860px), (max-device-width: 860px), (pointer: coarse) and (max-width: 1180px) {
  body.ute-miniapp-page .ute-miniapp .ute-topbar,
  .ute-miniapp .ute-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 10000 !important;
    display: block !important;
    min-height: 64px !important;
    padding: 14px 16px 12px !important;
    overflow: visible !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-topbar > .ute-brand,
  .ute-miniapp .ute-topbar > .ute-brand {
    display: flex !important;
    width: calc(100% - 104px) !important;
    max-width: calc(100% - 104px) !important;
    min-width: 0 !important;
    min-height: 36px !important;
    justify-content: center !important;
    padding-right: 0 !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-topbar > .ute-brand strong,
  .ute-miniapp .ute-topbar > .ute-brand strong {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-topbar > .ute-account-chip,
  .ute-miniapp .ute-topbar > .ute-account-chip {
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10003 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 96px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    white-space: nowrap !important;
    float: none !important;
    clear: none !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-topbar > .ute-account-chip strong,
  .ute-miniapp .ute-topbar > .ute-account-chip strong {
    display: none !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-topbar > .ute-account-chip a,
  .ute-miniapp .ute-topbar > .ute-account-chip a {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 96px !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    flex: 0 0 auto !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-topbar > .ute-nav,
  .ute-miniapp .ute-topbar > .ute-nav {
    position: fixed !important;
    z-index: 10002 !important;
    left: 12px !important;
    right: 12px !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    justify-self: auto !important;
    transform: none !important;
  }
}


/* Unlock UI v2.7.4 — mobile topbar cache-proof override
   Final guard: account action top-right, app nav bottom-fixed. Also printed inline in wp_head. */
@media (max-width: 860px), (max-device-width: 860px), (pointer: coarse) and (max-width: 1180px) {
  html body.ute-miniapp-page { overflow-x: hidden !important; background: #f8f3ec !important; }
  body.ute-miniapp-page .ute-miniapp { width: 100vw !important; max-width: none !important; margin: 0 !important; }
  body.ute-miniapp-page .ute-app-frame { min-height: 100dvh !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
  body.ute-miniapp-page .ute-miniapp .ute-topbar {
    position: sticky !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 10050 !important;
    display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "brand account" !important;
    align-items: center !important; gap: 8px !important; min-height: 64px !important; padding: 14px 16px 12px !important; overflow: visible !important;
    border-bottom: 1px solid rgba(43,34,27,.08) !important; background: rgba(255,250,244,.94) !important; backdrop-filter: blur(16px) !important;
  }
  body.ute-miniapp-page .ute-miniapp .ute-topbar > .ute-brand {
    grid-area: brand !important; grid-column: auto !important; justify-self: start !important; display: flex !important; flex-direction: column !important;
    width: auto !important; min-width: 0 !important; max-width: calc(100vw - 138px) !important; min-height: 36px !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important;
  }
  body.ute-miniapp-page .ute-miniapp .ute-topbar > .ute-brand span { display: none !important; }
  body.ute-miniapp-page .ute-miniapp .ute-topbar > .ute-brand strong { display: block !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 22px !important; font-weight: 380 !important; }
  body.ute-miniapp-page .ute-miniapp .ute-topbar > .ute-account-chip {
    grid-area: account !important; grid-column: auto !important; justify-self: end !important; align-self: center !important; position: static !important;
    right: auto !important; top: auto !important; transform: none !important; z-index: 10060 !important; display: inline-flex !important; align-items: center !important; justify-content: flex-end !important;
    width: auto !important; min-width: 0 !important; max-width: 112px !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; float: none !important; clear: none !important; white-space: nowrap !important;
  }
  body.ute-miniapp-page .ute-miniapp .ute-topbar > .ute-account-chip strong { display: none !important; }
  body.ute-miniapp-page .ute-miniapp .ute-topbar > .ute-account-chip a {
    display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 76px !important; max-width: 112px !important; min-height: 36px !important;
    padding: 0 14px !important; border-radius: 999px !important; white-space: nowrap !important; line-height: 1 !important; flex: 0 0 auto !important; background: rgba(255,255,255,.82) !important;
  }
  body.ute-miniapp-page .ute-miniapp .ute-topbar > .ute-nav {
    position: fixed !important; z-index: 10040 !important; left: 12px !important; right: 12px !important; bottom: calc(10px + env(safe-area-inset-bottom)) !important; top: auto !important;
    width: auto !important; max-width: none !important; margin: 0 !important; display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 3px !important; justify-self: auto !important; transform: none !important;
    padding: 5px !important; border-radius: 999px !important; background: rgba(255,253,249,.94) !important; box-shadow: 0 18px 54px rgba(32,25,18,.18) !important; backdrop-filter: blur(18px) !important;
  }
  body.ute-miniapp-page .ute-miniapp .ute-topbar > .ute-nav a { min-width: 0 !important; min-height: 38px !important; padding: 0 4px !important; font-size: 11px !important; white-space: nowrap !important; }
  body.ute-miniapp-page .ute-app-main { padding-bottom: 112px !important; }
}


/* Unlock UI v2.7.5 — mobile viewport centering repair
   Fixes the old full-bleed centering rule left:50% + margin-left:-50vw on mobile themes.
   That rule can push the app to the right when a WordPress block wrapper is not exactly viewport-wide. */
@media (max-width: 860px), (max-device-width: 860px), (pointer: coarse) and (max-width: 1180px) {
  html,
  html body.ute-miniapp-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.ute-miniapp-page {
    margin: 0 !important;
    padding: 0 !important;
    background: #f8f3ec !important;
  }

  body.ute-miniapp-page .wp-site-blocks,
  body.ute-miniapp-page .site,
  body.ute-miniapp-page .site-content,
  body.ute-miniapp-page .content-area,
  body.ute-miniapp-page .site-main,
  body.ute-miniapp-page main,
  body.ute-miniapp-page article,
  body.ute-miniapp-page .hentry,
  body.ute-miniapp-page .entry,
  body.ute-miniapp-page .entry-content,
  body.ute-miniapp-page .wp-block-post-content,
  body.ute-miniapp-page .wp-block-group,
  body.ute-miniapp-page .wp-block-group__inner-container,
  body.ute-miniapp-page .alignfull,
  body.ute-miniapp-page .alignwide {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    overflow: visible !important;
  }

  body.ute-miniapp-page .ute-miniapp {
    box-sizing: border-box !important;
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
  }

  body.ute-miniapp-page .ute-app-frame {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body.ute-miniapp-page .ute-topbar,
  body.ute-miniapp-page .ute-app-main,
  body.ute-miniapp-page .ute-trust-footer {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  body.ute-miniapp-page .ute-home-hero,
  body.ute-miniapp-page .ute-page-header,
  body.ute-miniapp-page .ute-card,
  body.ute-miniapp-page .ute-auth-card,
  body.ute-miniapp-page .ute-price-card,
  body.ute-miniapp-page .ute-record-card,
  body.ute-miniapp-page .ute-profile-form,
  body.ute-miniapp-page .ute-profile-note {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}


/* Unlock UI v2.7.6 — mobile header/nav simplification
   Mobile can’t fit brand subtitle + 4 nav tabs + user name + logout in one top line.
   Keep only Unlock + Prijava/Odjava in the top header and move app navigation to the bottom. */
@media (max-width: 860px), (max-device-width: 860px), (pointer: coarse) and (max-width: 1180px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.ute-miniapp-page .ute-miniapp,
  .ute-miniapp {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
  }

  body.ute-miniapp-page .ute-app-frame,
  .ute-app-frame {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body.ute-miniapp-page .ute-topbar,
  .ute-miniapp .ute-topbar {
    box-sizing: border-box !important;
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10050 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    overflow: visible !important;
    background: rgba(255, 250, 244, 0.96) !important;
    border-bottom: 1px solid rgba(43, 34, 27, 0.08) !important;
    backdrop-filter: blur(16px) !important;
  }

  body.ute-miniapp-page .ute-topbar > .ute-brand,
  .ute-miniapp .ute-topbar > .ute-brand {
    box-sizing: border-box !important;
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: calc(100% - 98px) !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    overflow: hidden !important;
    text-decoration: none !important;
  }

  body.ute-miniapp-page .ute-topbar > .ute-brand span,
  .ute-miniapp .ute-topbar > .ute-brand span {
    display: none !important;
  }

  body.ute-miniapp-page .ute-topbar > .ute-brand strong,
  .ute-miniapp .ute-topbar > .ute-brand strong {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 22px !important;
    line-height: 1.05 !important;
    font-weight: 420 !important;
  }

  body.ute-miniapp-page .ute-topbar > .ute-account-chip,
  .ute-miniapp .ute-topbar > .ute-account-chip {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 92px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    white-space: nowrap !important;
    z-index: 10060 !important;
  }

  body.ute-miniapp-page .ute-topbar > .ute-account-chip strong,
  .ute-miniapp .ute-topbar > .ute-account-chip strong {
    display: none !important;
  }

  body.ute-miniapp-page .ute-topbar > .ute-account-chip a,
  .ute-miniapp .ute-topbar > .ute-account-chip a {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 72px !important;
    max-width: 92px !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    font-size: 14px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.ute-miniapp-page .ute-topbar > .ute-nav,
  .ute-miniapp .ute-topbar > .ute-nav {
    box-sizing: border-box !important;
    position: fixed !important;
    z-index: 10045 !important;
    left: 10px !important;
    right: 10px !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    top: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 5px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 3px !important;
    align-items: center !important;
    justify-content: stretch !important;
    border-radius: 999px !important;
    background: rgba(255, 253, 249, 0.96) !important;
    box-shadow: 0 18px 54px rgba(32, 25, 18, 0.18) !important;
    backdrop-filter: blur(18px) !important;
    overflow: hidden !important;
  }

  body.ute-miniapp-page .ute-topbar > .ute-nav a,
  .ute-miniapp .ute-topbar > .ute-nav a {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 3px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
  }

  body.ute-miniapp-page .ute-app-main,
  .ute-app-main {
    padding-bottom: 112px !important;
  }
}


/* Unlock UI v2.7.7 — mobile header hard split
   Instead of compressing one desktop topbar on mobile, mobile uses its own simple shellbar and bottom nav.
   This avoids conflicts with Site Experience/theme CSS and old cached .ute-topbar rules. */
.ute-mobile-shellbar,
.ute-mobile-bottom-nav {
  display: none !important;
}

@media (max-width: 860px), (max-device-width: 860px), (pointer: coarse) and (max-width: 1180px) {
  body.ute-miniapp-page .ute-desktop-topbar,
  body.ute-miniapp-page .ute-topbar.ute-desktop-topbar,
  .ute-miniapp .ute-topbar.ute-desktop-topbar {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  body.ute-miniapp-page .ute-mobile-shellbar,
  .ute-miniapp .ute-mobile-shellbar {
    box-sizing: border-box !important;
    display: flex !important;
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 2147483000 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 60px !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    background: rgba(255, 250, 244, 0.97) !important;
    border-bottom: 1px solid rgba(43, 34, 27, 0.08) !important;
    backdrop-filter: blur(16px) !important;
    overflow: hidden !important;
  }

  body.ute-miniapp-page .ute-mobile-brand,
  .ute-miniapp .ute-mobile-brand {
    display: block !important;
    min-width: 0 !important;
    max-width: calc(100% - 112px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    color: #201b16 !important;
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 440 !important;
    letter-spacing: -0.04em !important;
  }

  body.ute-miniapp-page .ute-mobile-account-chip,
  .ute-miniapp .ute-mobile-account-chip {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
    max-width: 104px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ute-miniapp-page .ute-mobile-account-chip a,
  .ute-miniapp .ute-mobile-account-chip a {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 76px !important;
    max-width: 104px !important;
    min-height: 36px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(58, 47, 35, 0.13) !important;
    background: rgba(255, 255, 255, 0.82) !important;
    color: #5a3d2b !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
  }

  body.ute-miniapp-page .ute-mobile-bottom-nav,
  .ute-miniapp .ute-mobile-bottom-nav {
    box-sizing: border-box !important;
    display: grid !important;
    position: fixed !important;
    z-index: 2147482999 !important;
    left: 10px !important;
    right: 10px !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 5px !important;
    border-radius: 999px !important;
    background: rgba(255, 253, 249, 0.96) !important;
    box-shadow: 0 18px 54px rgba(32, 25, 18, 0.18) !important;
    backdrop-filter: blur(18px) !important;
    overflow: hidden !important;
  }

  body.ute-miniapp-page .ute-mobile-bottom-nav a,
  .ute-miniapp .ute-mobile-bottom-nav a {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    border-radius: 999px !important;
    color: #6f6258 !important;
    text-decoration: none !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
    font-weight: 650 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.ute-miniapp-page .ute-mobile-bottom-nav a.is-active,
  .ute-miniapp .ute-mobile-bottom-nav a.is-active {
    background: #5a3d2b !important;
    color: #fff !important;
  }

  body.ute-miniapp-page .ute-app-main,
  .ute-app-main {
    padding-bottom: 112px !important;
  }
}


/* v2.7.9 — Unlock chat page focus only.
   Ne menja početnu stranicu, navigaciju, PWA, backend ni public site layer.
   Cilj: na samoj Unlock chat strani unos je prvi, poruke su odmah ispod, a uputstva/istorija su pomoćni sloj. */
body.ute-miniapp-page .ute-view-chat .ute-chat-card-main {
  max-width: 780px !important;
  margin: 0 auto !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  border-color: rgba(74, 57, 45, 0.08) !important;
  background: rgba(255, 253, 249, 0.62) !important;
}

body.ute-miniapp-page .ute-view-chat .ute-chat-toolbar {
  padding: 20px 22px 8px !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

body.ute-miniapp-page .ute-view-chat .ute-chat-toolbar h2 {
  margin: 0 !important;
  max-width: 18ch !important;
  font-size: clamp(25px, 4vw, 36px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.055em !important;
  font-weight: 430 !important;
}

body.ute-miniapp-page .ute-view-chat .ute-chat-toolbar .ute-small-action-light {
  opacity: .72 !important;
}

body.ute-miniapp-page .ute-view-chat .ute-agent-form {
  margin: 12px 18px 0 !important;
  padding: 16px !important;
  border: 1px solid rgba(74, 57, 45, 0.13) !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 18px 42px rgba(50, 39, 28, 0.08) !important;
}

body.ute-miniapp-page .ute-view-chat .ute-input-label {
  margin-bottom: 9px !important;
  color: rgba(90, 61, 43, 0.82) !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
  font-weight: 720 !important;
}

body.ute-miniapp-page .ute-view-chat .ute-agent-form textarea {
  min-height: 132px !important;
  border-radius: 22px !important;
  border-color: rgba(43, 34, 27, 0.20) !important;
  background: #fffdf9 !important;
  font-size: 16px !important;
  line-height: 1.48 !important;
}

body.ute-miniapp-page .ute-view-chat .ute-agent-form textarea:focus {
  border-color: rgba(90, 61, 43, 0.62) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(90, 61, 43, 0.09) !important;
}

body.ute-miniapp-page .ute-view-chat .ute-send-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-top: 12px !important;
}

body.ute-miniapp-page .ute-view-chat .ute-send-row span {
  max-width: 34ch !important;
  color: rgba(60, 51, 43, 0.56) !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
}

body.ute-miniapp-page .ute-view-chat .ute-send-row button {
  min-width: 118px !important;
  min-height: 46px !important;
  box-shadow: 0 12px 28px rgba(90, 61, 43, 0.18) !important;
}

body.ute-miniapp-page .ute-view-chat .ute-agent-messages {
  margin: 14px 18px 0 !important;
  padding: 16px !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  border: 1px solid rgba(74, 57, 45, 0.08) !important;
  border-radius: 24px !important;
  background: rgba(255, 253, 249, 0.72) !important;
}

body.ute-miniapp-page .ute-view-chat .ute-agent-messages.is-empty {
  display: none !important;
}

body.ute-miniapp-page .ute-view-chat .ute-message {
  max-width: min(92%, 640px) !important;
}

body.ute-miniapp-page .ute-view-chat .ute-agent-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 10px 22px 0 !important;
  background: transparent !important;
}

body.ute-miniapp-page .ute-view-chat .ute-agent-footer button {
  background: transparent !important;
  border-color: rgba(74, 57, 45, 0.10) !important;
  color: rgba(90, 61, 43, 0.68) !important;
}

body.ute-miniapp-page .ute-view-chat .ute-agent-footer span {
  color: rgba(60, 51, 43, 0.48) !important;
}

body.ute-miniapp-page .ute-view-chat .ute-chat-guidance {
  margin: 14px 18px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: transparent !important;
}

body.ute-miniapp-page .ute-view-chat .ute-chat-guidance summary {
  cursor: pointer !important;
  list-style: none !important;
  width: fit-content !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(74, 57, 45, 0.08) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.44) !important;
  color: rgba(90, 61, 43, 0.62) !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
}

body.ute-miniapp-page .ute-view-chat .ute-chat-guidance summary::-webkit-details-marker {
  display: none !important;
}

body.ute-miniapp-page .ute-view-chat .ute-chat-guidance p {
  max-width: 56ch !important;
  margin: 10px 0 0 !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(74, 57, 45, 0.07) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.42) !important;
  color: rgba(60, 51, 43, 0.62) !important;
  font-size: 13.5px !important;
}

body.ute-miniapp-page .ute-view-chat .ute-usage-box {
  margin: 10px 18px 0 !important;
  padding: 10px 12px !important;
  border-color: rgba(74, 57, 45, 0.07) !important;
  background: rgba(255, 255, 255, 0.36) !important;
  color: rgba(60, 51, 43, 0.54) !important;
}

body.ute-miniapp-page .ute-view-chat .ute-usage-box a {
  opacity: .72 !important;
}

body.ute-miniapp-page .ute-view-chat .ute-conversations-panel {
  margin: 10px 18px 18px !important;
  padding: 10px 12px !important;
  border-color: rgba(74, 57, 45, 0.065) !important;
  background: rgba(255, 255, 255, 0.30) !important;
}

body.ute-miniapp-page .ute-view-chat .ute-conversations-panel:not([open]) {
  padding: 8px 12px !important;
}

body.ute-miniapp-page .ute-view-chat .ute-conversations-panel summary {
  cursor: pointer !important;
}

@media (max-width: 720px) {
  body.ute-miniapp-page .ute-view-chat .ute-chat-card-main {
    max-width: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  body.ute-miniapp-page .ute-view-chat .ute-chat-toolbar {
    padding: 16px 16px 4px !important;
  }

  body.ute-miniapp-page .ute-view-chat .ute-chat-toolbar h2 {
    font-size: 29px !important;
    max-width: 15ch !important;
  }

  body.ute-miniapp-page .ute-view-chat .ute-agent-form {
    margin: 10px 12px 0 !important;
    padding: 14px !important;
    border-radius: 24px !important;
  }

  body.ute-miniapp-page .ute-view-chat .ute-agent-form textarea {
    min-height: 124px !important;
    font-size: 16px !important;
  }

  body.ute-miniapp-page .ute-view-chat .ute-send-row {
    align-items: stretch !important;
  }

  body.ute-miniapp-page .ute-view-chat .ute-send-row span {
    display: none !important;
  }

  body.ute-miniapp-page .ute-view-chat .ute-send-row button {
    width: 100% !important;
  }

  body.ute-miniapp-page .ute-view-chat .ute-agent-messages,
  body.ute-miniapp-page .ute-view-chat .ute-chat-guidance,
  body.ute-miniapp-page .ute-view-chat .ute-usage-box,
  body.ute-miniapp-page .ute-view-chat .ute-conversations-panel {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  body.ute-miniapp-page .ute-view-chat .ute-agent-footer {
    padding-left: 14px !important;
    padding-right: 14px !important;
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}


/* v2.8.0/v2.8.1 — Sticky chat composer.
   Zadržava postojeće stranice i navigaciju; menja samo ponašanje samog Unlock chat ekrana.
   Cilj: nastavak razgovora uvek deluje dostupan, kao u poznatim chat aplikacijama. */
body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] {
  --ute-chat-composer-space: 188px;
  --ute-chat-composer-bottom: calc(18px + env(safe-area-inset-bottom));
}

body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-app-main {
  padding-bottom: calc(var(--ute-chat-composer-space) + 28px) !important;
}

body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-chat-card-main {
  min-height: calc(100svh - 120px) !important;
  padding-bottom: var(--ute-chat-composer-space) !important;
}

body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-agent-form {
  position: fixed !important;
  z-index: 2147482998 !important;
  left: 50% !important;
  right: auto !important;
  bottom: var(--ute-chat-composer-bottom) !important;
  transform: translateX(-50%) !important;
  width: min(760px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  margin: 0 !important;
  padding: 10px 12px 10px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(74, 57, 45, 0.15) !important;
  background: rgba(255, 253, 249, 0.97) !important;
  box-shadow: 0 18px 58px rgba(32, 25, 18, 0.20) !important;
  backdrop-filter: blur(18px) !important;
}

body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-input-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-agent-form textarea {
  min-height: 52px !important;
  height: 52px;
  max-height: 142px !important;
  padding: 15px 16px !important;
  resize: none !important;
  overflow-y: hidden;
  border-radius: 20px !important;
  background: #fffdf9 !important;
  line-height: 1.38 !important;
}

body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-send-row {
  margin-top: 9px !important;
  align-items: center !important;
}

body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-send-row span {
  display: block !important;
  max-width: none !important;
  color: rgba(60, 51, 43, 0.48) !important;
  font-size: 12px !important;
}

body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-send-row button {
  width: auto !important;
  min-width: 104px !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  flex: 0 0 auto !important;
}

body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-agent-messages {
  padding-bottom: calc(var(--ute-chat-composer-space) * .35) !important;
  margin-bottom: 0 !important;
}

body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-message,
body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-inline-upgrade {
  scroll-margin-bottom: calc(var(--ute-chat-composer-space) + 24px) !important;
}

@media (max-width: 860px), (max-device-width: 860px), (pointer: coarse) and (max-width: 1180px) {
  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] {
    --ute-chat-composer-space: 170px;
    --ute-chat-composer-bottom: calc(72px + env(safe-area-inset-bottom));
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-app-main {
    padding-bottom: calc(var(--ute-chat-composer-space) + 92px) !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-chat-card-main {
    min-height: calc(100svh - 60px) !important;
    padding-bottom: var(--ute-chat-composer-space) !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-chat-toolbar {
    padding-bottom: 10px !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-agent-form {
    left: 10px !important;
    right: 10px !important;
    bottom: var(--ute-chat-composer-bottom) !important;
    transform: none !important;
    width: auto !important;
    max-width: none !important;
    padding: 9px 10px !important;
    border-radius: 24px !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-agent-form textarea {
    min-height: 48px !important;
    height: 48px;
    max-height: 118px !important;
    padding: 13px 14px !important;
    font-size: 16px !important;
    border-radius: 18px !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-send-row {
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 8px !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-send-row span {
    display: none !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-send-row button {
    width: 100% !important;
    min-height: 42px !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-agent-messages {
    padding-bottom: 38px !important;
  }
}


/* v2.8.1 — composer source order fix.
   The composer is now after messages in markup; these rules keep it visually pinned at the bottom. */
body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-agent-form {
  order: 20;
}
body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-agent-messages {
  order: 10;
}

/* v2.8.2 — Question guidance + Dublji uvid activation polish.
   Cilj: korisnik ne mora da zna kako da formuliše pitanje; Dublji uvid je dostupan iz samog kompozera. */
body.ute-miniapp-page .ute-question-helper {
  display: grid;
  gap: 4px;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid rgba(90, 61, 43, .12);
  border-radius: 18px;
  background: rgba(255, 253, 249, .72);
  color: var(--ute-muted);
  font-size: 13px;
  line-height: 1.45;
}

body.ute-miniapp-page .ute-question-helper strong {
  color: var(--ute-text);
  font-size: 13px;
  font-weight: 820;
}

body.ute-miniapp-page .ute-send-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
}

body.ute-miniapp-page .ute-secondary-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(90, 61, 43, .18);
  background: #fffdf9;
  color: var(--ute-accent) !important;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 820;
  text-decoration: none !important;
  cursor: pointer;
  white-space: nowrap;
}

body.ute-miniapp-page .ute-secondary-submit:hover,
body.ute-miniapp-page .ute-secondary-submit:focus {
  border-color: rgba(90, 61, 43, .34);
  background: rgba(248, 243, 236, .92);
}

body.ute-miniapp-page .ute-secondary-submit-link {
  opacity: .88;
}

body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-send-row {
  gap: 10px !important;
}

body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-send-row span {
  min-width: 0 !important;
}

body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-send-actions button[data-ute-submit] {
  min-width: 96px !important;
}

@media (max-width: 560px) {
  body.ute-miniapp-page .ute-question-helper {
    margin-left: 0;
    margin-right: 0;
    padding: 11px 12px;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-send-row {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.ute-miniapp-page .ute-send-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  body.ute-miniapp-page .ute-secondary-submit,
  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-send-actions button[data-ute-submit] {
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* v2.8.3 — Mobile chat entry simplification.
   Cilj: prvi ekran na telefonu ne sme da deluje pretrpano; korisnik odmah vidi šta da napiše i ima dve jasne akcije. */
body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-agent-messages.is-empty ~ .ute-agent-footer,
body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-agent-messages.is-empty ~ .ute-chat-guidance,
body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-agent-messages.is-empty ~ .ute-usage-box,
body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-agent-messages.is-empty ~ .ute-conversations-panel,
body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-agent-messages.is-empty ~ .ute-guided-details {
  display: none !important;
}

@media (max-width: 560px) {
  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] {
    --ute-chat-composer-space: 138px;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-chat-card-main {
    padding-bottom: calc(var(--ute-chat-composer-space) + 6px) !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-chat-toolbar {
    gap: 8px !important;
    padding-bottom: 8px !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-chat-toolbar h2 {
    font-size: clamp(34px, 10vw, 42px) !important;
    line-height: .98 !important;
    margin-bottom: 4px !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-chat-toolbar [data-ute-open-home] {
    display: none !important;
  }

  body.ute-miniapp-page .ute-question-helper {
    margin-bottom: 10px !important;
    padding: 10px 12px !important;
    border-radius: 17px !important;
    gap: 2px !important;
    font-size: 12.5px !important;
    line-height: 1.38 !important;
  }

  body.ute-miniapp-page .ute-question-helper strong {
    font-size: 12.8px !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-agent-form {
    padding: 8px 9px 9px !important;
    border-radius: 23px !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-agent-form textarea {
    min-height: 46px !important;
    height: 46px !important;
    max-height: 108px !important;
    padding: 12px 14px !important;
    line-height: 1.25 !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-send-row {
    margin-top: 8px !important;
    gap: 8px !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-send-row button,
  body.ute-miniapp-page .ute-secondary-submit {
    min-height: 40px !important;
    font-size: 13px !important;
  }
}


/* v2.8.4 — Mobile empty-state starters.
   Cilj: prazan chat ekran ne sme da deluje mrtvo; korisnik dobija tri tiha primera, bez vraćanja pretrpanog panela. */
body.ute-miniapp-page .ute-empty-starters {
  display: none;
  margin: 6px 0 0;
  padding: 0 2px;
  color: rgba(60, 51, 43, .52);
}

body.ute-miniapp-page .ute-agent-messages.is-empty ~ .ute-empty-starters,
body.ute-miniapp-page .ute-chat-card-main .ute-empty-starters {
  display: block;
}

body.ute-miniapp-page .ute-chat-card-main:has(.ute-agent-messages:not(.is-empty)) .ute-empty-starters {
  display: none !important;
}

body.ute-miniapp-page .ute-empty-starters > span {
  display: block;
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 760;
  color: rgba(60, 51, 43, .50);
}

body.ute-miniapp-page .ute-empty-starters > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.ute-miniapp-page .ute-empty-starters button {
  appearance: none;
  border: 1px solid rgba(74, 57, 45, .10);
  background: rgba(255, 253, 249, .72);
  color: rgba(60, 51, 43, .66);
  border-radius: 999px;
  padding: 8px 11px;
  min-height: 34px;
  font-size: 12.2px;
  font-weight: 760;
  cursor: pointer;
}

body.ute-miniapp-page .ute-empty-starters button:hover,
body.ute-miniapp-page .ute-empty-starters button:focus {
  border-color: rgba(90, 61, 43, .22);
  background: rgba(255, 255, 255, .88);
  color: rgba(60, 51, 43, .82);
}

@media (max-width: 560px) {
  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-chat-card-main {
    min-height: calc(100svh - 116px) !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-chat-toolbar {
    padding-top: 12px !important;
  }

  body.ute-miniapp-page .ute-empty-starters {
    margin-top: 12px !important;
    padding: 0 1px !important;
  }

  body.ute-miniapp-page .ute-empty-starters > span {
    margin-bottom: 7px !important;
    font-size: 11.8px !important;
  }

  body.ute-miniapp-page .ute-empty-starters > div {
    gap: 7px !important;
  }

  body.ute-miniapp-page .ute-empty-starters button {
    padding: 7px 10px !important;
    min-height: 32px !important;
    font-size: 11.8px !important;
  }
}


/* v2.8.5 — Conversation continuity drawer + starter visibility rules.
   Cilj: prethodni razgovori ostaju dostupni, ali kao miran skupljeni sloj; početni čipovi su samo pomoć na praznom chatu. */
body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-agent-messages.is-empty ~ .ute-conversations-panel {
  display: block !important;
}

body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-conversations-panel {
  order: 4 !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-conversations-panel summary {
  width: fit-content !important;
  max-width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  flex-direction: row !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(74, 57, 45, .10) !important;
  border-radius: 999px !important;
  background: rgba(255, 253, 249, .72) !important;
  color: rgba(60, 51, 43, .66) !important;
}

body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-conversations-panel summary span {
  font-size: 12.4px !important;
  font-weight: 780 !important;
  color: rgba(60, 51, 43, .70) !important;
}

body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-conversations-panel summary em {
  font-size: 11.4px !important;
  color: rgba(60, 51, 43, .44) !important;
}

body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-conversations-panel[open] {
  padding: 12px !important;
  border: 1px solid rgba(74, 57, 45, .08) !important;
  border-radius: 20px !important;
  background: rgba(255, 253, 249, .55) !important;
}

body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-conversations-panel[open] summary {
  background: rgba(255, 255, 255, .82) !important;
}

body.ute-miniapp-page .ute-empty-starters {
  order: 3 !important;
}

body.ute-miniapp-page .ute-question-helper {
  order: 2 !important;
}

@media (max-width: 560px) {
  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-conversations-panel {
    margin-top: 10px !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-conversations-panel summary {
    padding: 7px 11px !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-conversations-panel summary span {
    font-size: 12px !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-conversations-panel summary em {
    display: none !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-conversations-panel[open] {
    max-height: 38svh !important;
    overflow: auto !important;
  }
}

/* v2.8.6 — Post answer continuation chips.
   Cilj: posle korisnog odgovora korisnik dobija miran sledeći pravac, bez automatskog slanja i bez gužve. */
body.ute-miniapp-page .ute-continuation {
  margin-top: 12px;
  padding-top: 11px;
  border-top: 1px solid rgba(74, 57, 45, .09);
}

body.ute-miniapp-page .ute-continuation > span {
  display: block;
  margin: 0 0 8px;
  font-size: 11.8px;
  line-height: 1.35;
  font-weight: 780;
  color: rgba(60, 51, 43, .48);
}

body.ute-miniapp-page .ute-continuation-options {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body.ute-miniapp-page .ute-continuation-chip {
  appearance: none;
  border: 1px solid rgba(74, 57, 45, .12);
  background: rgba(255, 253, 249, .78);
  color: rgba(60, 51, 43, .74);
  border-radius: 999px;
  padding: 7px 10px;
  min-height: 32px;
  font-size: 11.8px;
  line-height: 1.2;
  font-weight: 760;
  cursor: pointer;
  text-align: left;
}

body.ute-miniapp-page .ute-continuation-chip:hover,
body.ute-miniapp-page .ute-continuation-chip:focus {
  border-color: rgba(90, 61, 43, .24);
  background: rgba(255, 255, 255, .92);
  color: rgba(60, 51, 43, .90);
}

body.ute-miniapp-page .ute-continuation + .ute-save-button {
  margin-top: 12px;
}

@media (max-width: 560px) {
  body.ute-miniapp-page .ute-continuation {
    margin-top: 11px;
    padding-top: 10px;
  }

  body.ute-miniapp-page .ute-continuation > span {
    font-size: 11.5px;
    margin-bottom: 7px;
  }

  body.ute-miniapp-page .ute-continuation-options {
    gap: 6px;
  }

  body.ute-miniapp-page .ute-continuation-chip {
    padding: 7px 9px;
    min-height: 31px;
    font-size: 11.4px;
  }
}


/* v2.8.15 Safe font alignment polish: inherit site typography at the app shell level only.
   Avoids global * overrides so chat controls and scripts keep their expected behavior. */
.ute-shell,
.ute-miniapp,
.ute-auth,
.ute-profile,
.ute-records,
.ute-premium,
.ute-chat-app {
  font-family: inherit;
}


/* v2.8.19 — Strict typography unification with Zapisi screen.
   Scope: Unlock entry/home screen and empty-chat entry helpers only.
   Goal: use the same Inter/system stack and calmer scale used by .ute-page-header / Zapisi.
   Safety: does not change chat engine layout, textarea behavior, API calls, records storage or backend state. */
body.ute-miniapp-page .ute-miniapp .ute-view-home,
body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-home-hero,
body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-home-hero h1,
body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-home-hero p,
body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-kicker,
body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-start-card,
body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-start-head,
body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-start-head h2,
body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-start-head p,
body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-small-action,
body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-starter-grid,
body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-starter-grid button,
body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-starter-grid span,
body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-starter-grid em,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-question-helper,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-question-helper strong,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-question-helper span,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-empty-starters,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-empty-starters > span,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-empty-starters button,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-input-label,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-send-row > span,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-agent-footer span {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Match Zapisi/page header title behavior. */
body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-home-hero h1 {
  font-size: clamp(34px, 3.6vw, 44px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.065em !important;
  font-weight: 340 !important;
  color: #2f251e !important;
  margin: 10px 0 12px !important;
}

/* Match Zapisi/page header paragraph behavior. */
body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-home-hero p {
  max-width: 620px !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
  letter-spacing: -0.01em !important;
  font-weight: 380 !important;
  color: rgba(43, 34, 27, 0.70) !important;
}

/* Match small page kicker used across quiet pages. */
body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-kicker {
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 680 !important;
  letter-spacing: .18em !important;
  color: rgba(124, 93, 68, 0.72) !important;
  text-transform: uppercase !important;
}

/* Calm the Unlock entry card so it uses the Zapisi/page rhythm instead of a separate display style. */
body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-start-head h2 {
  font-size: 24px !important;
  line-height: 1.12 !important;
  letter-spacing: -0.05em !important;
  font-weight: 380 !important;
  color: #2f251e !important;
  margin: 6px 0 0 !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-start-head p,
body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-small-action {
  font-size: 13px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  font-weight: 430 !important;
}

/* Starter cards aligned with records/card body typography: less bold, calmer spacing. */
body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-starter-grid span {
  font-size: 15px !important;
  line-height: 1.28 !important;
  letter-spacing: -0.025em !important;
  font-weight: 450 !important;
  color: rgba(43, 34, 27, 0.88) !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-starter-grid em {
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  font-weight: 380 !important;
  color: rgba(43, 34, 27, 0.56) !important;
}

/* Empty chat entry helper: same calm scale; do not touch textarea or send buttons. */
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-question-helper strong,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-empty-starters > span {
  font-size: 16px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.025em !important;
  font-weight: 450 !important;
  color: rgba(43, 34, 27, 0.88) !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-question-helper span {
  font-size: 14px !important;
  line-height: 1.58 !important;
  letter-spacing: 0 !important;
  font-weight: 380 !important;
  color: rgba(43, 34, 27, 0.64) !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-empty-starters button {
  font-size: 13px !important;
  line-height: 1.18 !important;
  letter-spacing: -0.01em !important;
  font-weight: 450 !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-input-label,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-send-row > span,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-agent-footer span {
  font-size: 12.5px !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  font-weight: 380 !important;
}

@media (max-width: 860px), (max-device-width: 860px), (pointer: coarse) and (max-width: 1180px) {
  body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-home-hero h1 {
    font-size: clamp(32px, 9vw, 38px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.065em !important;
    font-weight: 340 !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-home-hero p {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-start-head h2 {
    font-size: 22px !important;
    line-height: 1.12 !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-view-home .ute-starter-grid span {
    font-size: 14.5px !important;
    line-height: 1.28 !important;
  }
}


/* v2.8.21 — Strict Unlock chat-screen typography alignment with Zapisi.
   The visible Unlock tab is .ute-view-chat empty state, so align its title/helpers/chips/composer typography. */
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-chat-toolbar h2,
body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-chat-toolbar h2 {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(32px, 9vw, 38px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.065em !important;
  font-weight: 340 !important;
  color: #2f251e !important;
  max-width: 720px !important;
  margin: 0 0 12px !important;
}
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-question-helper,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-empty-starters,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-agent-form,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-input-label,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-agent-form textarea,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-agent-form textarea::placeholder,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-send-row,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-send-row *,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-empty-starters *,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-question-helper * {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-question-helper strong {
  font-size: 15px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.018em !important;
  font-weight: 400 !important;
  color: rgba(43,34,27,.86) !important;
}
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-question-helper span {
  font-size: 14px !important;
  line-height: 1.58 !important;
  letter-spacing: 0 !important;
  font-weight: 380 !important;
  color: rgba(43,34,27,.62) !important;
}
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-empty-starters > span {
  font-size: 15px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.02em !important;
  font-weight: 400 !important;
  color: rgba(43,34,27,.82) !important;
}
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-empty-starters button {
  font-size: 13.5px !important;
  line-height: 1.18 !important;
  letter-spacing: -0.01em !important;
  font-weight: 420 !important;
  color: rgba(43,34,27,.68) !important;
}
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-input-label {
  font-size: 11px !important;
  line-height: 1 !important;
  letter-spacing: .16em !important;
  font-weight: 650 !important;
  color: rgba(124,93,68,.72) !important;
  text-transform: uppercase !important;
}
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-agent-form textarea,
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-agent-form textarea::placeholder {
  font-size: 16px !important;
  line-height: 1.45 !important;
  letter-spacing: -0.01em !important;
  font-weight: 380 !important;
}
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-agent-form textarea::placeholder {
  color: rgba(43,34,27,.46) !important;
}
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-secondary-submit,
body.ute-miniapp-page .ute-miniapp .ute-view-chat button[data-ute-submit] {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 15px !important;
  font-weight: 430 !important;
  letter-spacing: -0.01em !important;
}
@media (min-width: 861px) {
  body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-chat-toolbar h2,
  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-chat-toolbar h2 {
    font-size: clamp(34px, 3.6vw, 44px) !important;
  }
}
@media (max-width: 480px), (max-device-width: 480px) {
  body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-chat-toolbar h2,
  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-chat-toolbar h2 {
    font-size: 34px !important;
    line-height: 1.04 !important;
    letter-spacing: -0.065em !important;
    font-weight: 340 !important;
  }
  body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-question-helper strong,
  body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-empty-starters > span {
    font-size: 14.5px !important;
    font-weight: 400 !important;
  }
  body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-empty-starters button {
    font-size: 13px !important;
    font-weight: 420 !important;
  }
}

/* v2.8.25 Relationship Overlap */
.ute-relationship-section{
  margin:22px 0 0;
  padding:20px;
  border:1px solid rgba(70,49,34,.12);
  border-radius:24px;
  background:linear-gradient(180deg,#fffaf3 0%,#f7efe4 100%);
  box-shadow:0 18px 55px rgba(64,43,28,.08);
}
.ute-relationship-head{max-width:760px;margin:0 0 16px;}
.ute-relationship-head h2{margin:4px 0 8px;font-size:clamp(1.45rem,3vw,2rem);line-height:1.1;color:#2f261f;}
.ute-relationship-head p{margin:0;color:#6f5b49;line-height:1.65;}
.ute-relationship-form{display:grid;gap:14px;}
.ute-relationship-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.ute-relationship-form label{display:grid;gap:7px;font-weight:700;color:#35291f;}
.ute-relationship-form label span{font-size:.92rem;}
.ute-relationship-form input,.ute-relationship-form select,.ute-relationship-form textarea{
  width:100%;box-sizing:border-box;border:1px solid rgba(70,49,34,.18);border-radius:16px;background:#fff;color:#2f261f;padding:12px 13px;font:inherit;line-height:1.35;
}
.ute-relationship-form textarea{resize:vertical;min-height:92px;}
.ute-relationship-form input:focus,.ute-relationship-form select:focus,.ute-relationship-form textarea:focus{outline:2px solid rgba(88,67,48,.18);border-color:rgba(70,49,34,.34);}
.ute-relationship-actions{align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;}
.ute-relationship-actions em{font-size:.88rem;color:#7b6755;}
.ute-relationship-locked{display:grid;gap:8px;padding:16px;border-radius:20px;background:#fff;border:1px solid rgba(70,49,34,.12);color:#493829;}
.ute-relationship-locked strong{font-size:1.05rem;color:#2f261f;}
.ute-relationship-locked span{color:#6f5b49;line-height:1.6;}
.ute-relationship-locked a{justify-self:start;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#2f261f;color:#fff;text-decoration:none;padding:10px 16px;font-weight:800;}
.ute-relationship-result{margin-top:18px;}
.ute-relationship-answer-card{padding:18px;border:1px solid rgba(70,49,34,.12);border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(64,43,28,.07);}
.ute-relationship-answer-card h3{margin:0 0 12px;color:#2f261f;}
.ute-relationship-answer-text{line-height:1.72;color:#3c3027;font-size:1rem;}
.ute-relationship-result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;}
.ute-secondary-button{border:1px solid rgba(70,49,34,.18);background:#fff;color:#3b2d23;border-radius:999px;padding:10px 15px;font-weight:800;cursor:pointer;}

/* v2.8.27 Relationship Overlap Premium Report Polish */
.ute-relationship-report-card{
  padding:0;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(70,49,34,.13);
  background:linear-gradient(180deg,#fffdf8 0%,#fff9ef 42%,#fff 100%);
  box-shadow:0 24px 70px rgba(64,43,28,.12);
}
.ute-relationship-report-top{
  position:relative;
  padding:24px 24px 20px;
  border-bottom:1px solid rgba(70,49,34,.10);
  background:radial-gradient(circle at top left,rgba(181,137,88,.22),transparent 34%),linear-gradient(135deg,#fff5e5 0%,#fffaf4 58%,#f6eadb 100%);
}
.ute-relationship-report-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin:0 0 10px;
  padding:6px 11px;
  border-radius:999px;
  background:rgba(63,43,28,.09);
  color:#5a3e2b;
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.ute-relationship-report-top h3{
  margin:0;
  color:#2d241c;
  font-size:clamp(1.35rem,3vw,2rem);
  line-height:1.12;
}
.ute-relationship-report-top p{
  max-width:720px;
  margin:10px 0 0;
  color:#66513f;
  line-height:1.55;
}
.ute-relationship-report-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}
.ute-relationship-report-meta span{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border:1px solid rgba(70,49,34,.12);
  border-radius:999px;
  background:rgba(255,255,255,.68);
  color:#493729;
  font-size:.86rem;
  font-weight:760;
}
.ute-relationship-report-body{
  display:grid;
  gap:14px;
  padding:22px 24px 4px;
  white-space:normal;
}
.ute-relationship-report-section{
  position:relative;
  padding:18px 18px 17px;
  border:1px solid rgba(70,49,34,.10);
  border-radius:22px;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 28px rgba(64,43,28,.055);
}
.ute-relationship-report-section h4{
  margin:0 0 10px;
  color:#31261d;
  font-size:1.05rem;
  line-height:1.25;
  letter-spacing:-.01em;
}
.ute-relationship-report-section p{
  margin:0;
  color:#42342a;
  line-height:1.78;
  font-size:1rem;
}
.ute-relationship-report-section p + p{margin-top:10px;}
.ute-relationship-report-intro{background:#fffaf3;}
.ute-relationship-report-actions{
  padding:18px 24px 24px;
  margin-top:0;
  border-top:1px solid rgba(70,49,34,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.6),#fffaf4);
}

/* v2.8.29 Relationship History + Minimal Polish */
.ute-relationship-history{
  margin-top:18px;
  padding:17px;
  border:1px solid rgba(70,49,34,.11);
  border-radius:22px;
  background:rgba(255,255,255,.62);
}
.ute-relationship-history-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:13px;
}
.ute-relationship-history-head h3{margin:3px 0 4px;color:#2f261f;font-size:1.08rem;line-height:1.25;}
.ute-relationship-history-head span{display:block;color:#725f4f;line-height:1.55;font-size:.93rem;}
.ute-relationship-history-list{display:grid;gap:10px;}
.ute-relationship-history-empty{margin:0;color:#7b6755;line-height:1.6;font-size:.95rem;}
.ute-relationship-history-item{
  display:grid;
  gap:9px;
  padding:13px 14px;
  border:1px solid rgba(70,49,34,.10);
  border-radius:18px;
  background:#fffdf9;
  box-shadow:0 8px 22px rgba(64,43,28,.045);
}
.ute-relationship-history-item-top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.ute-relationship-history-item-top strong{color:#31261d;font-size:.98rem;line-height:1.25;}
.ute-relationship-history-item-top span{color:#8a7562;font-size:.84rem;white-space:nowrap;}
.ute-relationship-history-meta{display:flex;flex-wrap:wrap;gap:7px;}
.ute-relationship-history-meta span{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#fff4e6;border:1px solid rgba(70,49,34,.10);color:#5b4534;font-size:.8rem;font-weight:720;}
.ute-relationship-history-question{margin:0;color:#514033;line-height:1.55;font-size:.92rem;}

@media (max-width:720px){
  .ute-relationship-section{margin:16px 0 0;padding:16px;border-radius:20px;}
  .ute-relationship-grid{grid-template-columns:1fr;}
  .ute-relationship-answer-card{padding:15px;border-radius:18px;}
  .ute-relationship-report-card{padding:0;border-radius:22px;}
  .ute-relationship-report-top{padding:20px 17px 17px;}
  .ute-relationship-report-body{padding:16px 14px 2px;gap:12px;}
  .ute-relationship-report-section{padding:15px 14px;border-radius:18px;}
  .ute-relationship-report-section p{font-size:.96rem;line-height:1.7;}
  .ute-relationship-report-actions{padding:15px 14px 18px;}
  .ute-relationship-history{padding:14px;border-radius:18px;}
  .ute-relationship-history-head{display:grid;gap:10px;}
  .ute-relationship-history-head .ute-secondary-button{justify-self:start;}
  .ute-relationship-history-item-top{align-items:flex-start;flex-direction:column;gap:4px;}
}

/* v2.8.30 — standard relationship overlap + readable/shareable records */
.ute-relationship-optional {
  font-style: normal;
  font-size: 12px;
  font-weight: 800;
  color: var(--ute-muted);
  margin-left: 6px;
}
.ute-relationship-form small {
  display: block;
  margin-top: 6px;
  color: var(--ute-muted);
  line-height: 1.45;
}
.ute-record-card .ute-record-content {
  max-height: 220px;
  overflow: hidden;
  position: relative;
  color: var(--ute-text);
  line-height: 1.72;
  white-space: pre-wrap;
}
.ute-record-card:not(.is-expanded) .ute-record-content::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 64px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.96));
  pointer-events: none;
}
.ute-record-card.is-expanded .ute-record-content {
  max-height: none;
}
.ute-record-actions,
.ute-relationship-history-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.ute-record-actions button,
.ute-relationship-history-actions button {
  border: 1px solid rgba(74, 57, 45, 0.14);
  background: rgba(255,255,255,.72);
  color: var(--ute-text);
  border-radius: 999px;
  padding: 9px 12px;
  font-weight: 850;
  cursor: pointer;
}
.ute-record-actions button:hover,
.ute-relationship-history-actions button:hover {
  border-color: rgba(74,57,45,.28);
  transform: translateY(-1px);
}


/* v2.8.31 — relationship history mini report cards */
.ute-relationship-history-item {
  position: relative;
  overflow: hidden;
  padding: 15px 15px 14px;
  border-radius: 22px;
  background: linear-gradient(180deg, #fffdf8 0%, #fff8ef 100%);
  box-shadow: 0 12px 34px rgba(64,43,28,.06);
}
.ute-relationship-history-item::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, rgba(120,82,48,.32), rgba(211,167,104,.22), rgba(120,82,48,.08));
}
.ute-relationship-history-question {
  padding: 10px 11px;
  border: 1px solid rgba(70,49,34,.08);
  border-radius: 15px;
  background: rgba(255,255,255,.62);
}
.ute-relationship-history-preview {
  position: relative;
  display: grid;
  gap: 9px;
  max-height: 245px;
  overflow: hidden;
  margin-top: 2px;
  padding: 2px 0 0;
}
.ute-relationship-history-item:not(.is-expanded) .ute-relationship-history-preview::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 74px;
  background: linear-gradient(to bottom, rgba(255,253,248,0), #fff8ef 88%);
  pointer-events: none;
}
.ute-relationship-history-item.is-expanded .ute-relationship-history-preview {
  max-height: none;
}
.ute-relationship-history-preview .ute-relationship-report-section {
  padding: 12px 12px 11px;
  border-radius: 16px;
  box-shadow: none;
  background: rgba(255,255,255,.70);
}
.ute-relationship-history-preview .ute-relationship-report-section h4 {
  margin-bottom: 7px;
  font-size: .95rem;
}
.ute-relationship-history-preview .ute-relationship-report-section p {
  font-size: .9rem;
  line-height: 1.62;
}
.ute-relationship-history-soft-actions {
  justify-content: flex-start;
  gap: 7px;
  margin-top: 10px;
}
.ute-relationship-history-soft-actions button {
  padding: 7px 10px;
  font-size: .82rem;
  font-weight: 780;
  background: rgba(255,255,255,.60);
  color: rgba(48,37,29,.78);
  box-shadow: none;
}
.ute-relationship-history-soft-actions button:hover {
  background: rgba(255,255,255,.88);
}
@media (max-width:720px){
  .ute-relationship-history-preview{max-height:220px;}
  .ute-relationship-history-soft-actions button{padding:7px 9px;font-size:.8rem;}
}

/* v2.8.33 — relationship history dropdown + full report archive */
.ute-relationship-history-dropdown{
  margin-top:18px;
  padding:0;
  border-radius:22px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(70,49,34,.12);
  box-shadow:0 12px 30px rgba(64,43,28,.05);
  overflow:hidden;
}
.ute-relationship-history-summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  color:#2f261f;
}
.ute-relationship-history-summary::-webkit-details-marker{display:none;}
.ute-relationship-history-summary > span:first-child{display:grid;gap:3px;}
.ute-relationship-history-summary strong{font-size:1.05rem;line-height:1.2;}
.ute-relationship-history-summary em{font-style:normal;color:#746251;font-size:.91rem;line-height:1.45;}
.ute-relationship-history-summary-action{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:7px 11px;
  border:1px solid rgba(70,49,34,.14);
  background:#fff8ef;
  color:#4e392b;
  font-size:.82rem;
  font-weight:800;
}
.ute-relationship-history-inner{
  border-top:1px solid rgba(70,49,34,.10);
  padding:14px;
}
.ute-relationship-history-item{
  cursor:default;
}
.ute-relationship-history-preview{
  display:none;
  max-height:none;
  overflow:visible;
  margin-top:10px;
}
.ute-relationship-history-item:not(.is-expanded) .ute-relationship-history-preview::after{display:none;}
.ute-relationship-history-item.is-expanded .ute-relationship-history-preview{display:block;}
.ute-relationship-history-note{
  margin:10px 0 0;
  padding:10px 12px;
  border-radius:14px;
  background:#fff8ef;
  border:1px solid rgba(70,49,34,.10);
  color:#705d4e;
  font-size:.88rem;
  line-height:1.5;
}
@media (max-width: 640px){
  .ute-relationship-history-summary{align-items:flex-start;padding:14px;}
  .ute-relationship-history-summary-action{margin-top:2px;}
  .ute-relationship-history-inner{padding:12px;}
}


.ute-miniapp [hidden]{display:none!important;}

/* v2.12.8 — Centered cards with isolated title-block top inset */
.ute-module-experience,
.ute-module-report-shell{
  margin:22px 0;
  padding:24px;
  border:1px solid var(--ute-line);
  border-radius:28px;
  background:rgba(255,255,255,.86);
  box-shadow:0 16px 48px rgba(37,28,20,.075);
}
.ute-module-experience-head,
.ute-module-report-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
}
.ute-module-experience-head h2,
.ute-module-report-head h2{
  margin:10px 0 9px;
  color:var(--ute-text);
  font-size:clamp(28px,4vw,42px);
  line-height:1.04;
  letter-spacing:-.045em;
  font-weight:390;
}
.ute-module-experience-head p,
.ute-module-report-head p{
  max-width:720px;
  margin:0;
  color:var(--ute-muted);
  line-height:1.65;
}
.ute-module-foundation-state{
  flex:0 0 auto;
  max-width:300px;
  padding:10px 12px;
  border:1px solid var(--ute-line);
  border-radius:14px;
  background:var(--ute-card-soft);
  color:var(--ute-muted);
  font-size:12px;
  line-height:1.45;
}
.ute-module-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
  margin-top:22px;
}
.ute-module-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:208px;
  padding:24px 24px 22px;
  overflow:hidden;
  box-sizing:border-box;
  border:1px solid var(--ute-line);
  border-radius:24px;
  background:linear-gradient(160deg,#fffdf9,#f8f1e8);
  align-items:center;
  text-align:center;
}
.ute-module-card.is-primary{
  background:radial-gradient(circle at top right,rgba(151,108,70,.14),transparent 38%),linear-gradient(155deg,#fff9ef,#f5e9da);
}
.ute-module-card.is-available{
  border-color:rgba(90,61,43,.34);
  box-shadow:0 14px 34px rgba(37,28,20,.08);
}
.ute-module-card.is-available:hover{
  border-color:rgba(90,61,43,.42);
  box-shadow:0 16px 38px rgba(37,28,20,.095);
}
.ute-module-card-copy{
  display:grid;
  align-content:start;
  justify-items:center;
  width:100%;
  gap:10px;
  padding:10px 0 0;
}
.ute-module-card h3{
  margin:0;
  font-size:23px;
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:520;
  text-wrap:balance;
  text-align:center;
}
.ute-module-card p{
  max-width:34ch;
  margin:0 auto;
  padding:0;
  color:var(--ute-muted);
  line-height:1.56;
  text-wrap:pretty;
  text-align:center;
}
.ute-module-card-footer{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  flex-wrap:wrap;
  gap:8px;
  margin-top:auto;
  padding-top:15px;
}
.ute-module-card button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  min-width:210px;
  max-width:100%;
  min-height:42px;
  padding:0 18px;
  border:0;
  border-radius:999px;
  background:var(--ute-accent);
  color:#fff;
  font-weight:760;
  cursor:pointer;
}
.ute-module-card button:hover:not(:disabled){filter:brightness(.96);}
.ute-module-card button:focus-visible{outline:3px solid rgba(90,61,43,.22);outline-offset:3px;}
.ute-module-card button:disabled{background:rgba(90,61,43,.10);color:var(--ute-muted);cursor:not-allowed;}
.ute-module-card em{font-style:normal;color:var(--ute-muted);font-size:12px;line-height:1.45;}
.ute-module-close{
  flex:0 0 auto;
  min-height:40px;
  padding:0 14px;
  border:1px solid var(--ute-line);
  border-radius:999px;
  background:#fff;
  color:var(--ute-accent);
  font-weight:750;
  cursor:pointer;
}
.ute-module-report-form{display:grid;gap:17px;margin-top:23px;}
.ute-module-report-form fieldset{margin:0;padding:0;border:0;}
.ute-module-report-form legend,
.ute-module-report-form label>span,
.ute-module-person-block h3,
.ute-module-person-a-fields h3{margin:0 0 8px;color:var(--ute-text);font-size:14px;font-weight:780;}
.ute-module-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.ute-module-mode-grid label{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:15px;
  border:1px solid var(--ute-line);
  border-radius:18px;
  background:var(--ute-card-soft);
  cursor:pointer;
}
.ute-module-mode-grid input{margin-top:4px;accent-color:var(--ute-accent);}
.ute-module-mode-grid span{display:grid;gap:4px;}
.ute-module-mode-grid strong{font-size:15px;}
.ute-module-mode-grid em{font-style:normal;color:var(--ute-muted);font-size:13px;line-height:1.45;}
.ute-module-profile-source,
.ute-module-profile-warning,
.ute-module-consent-note{
  padding:14px 15px;
  border:1px solid var(--ute-line);
  border-radius:17px;
  background:var(--ute-card-soft);
  color:var(--ute-muted);
  line-height:1.55;
}
.ute-module-profile-source{display:grid;gap:3px;}
.ute-module-profile-source span{font-size:12px;font-weight:760;text-transform:uppercase;letter-spacing:.08em;}
.ute-module-profile-source strong{color:var(--ute-text);font-size:18px;}
.ute-module-profile-source em{font-style:normal;font-size:13px;}
.ute-module-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.ute-module-report-form label{display:grid;gap:7px;}
.ute-module-report-form input[type="text"],
.ute-module-report-form input[type="date"],
.ute-module-report-form select,
.ute-module-report-form textarea{
  width:100%;
  min-height:48px;
  padding:12px 13px;
  border:1px solid var(--ute-line-strong);
  border-radius:15px;
  background:#fff;
  color:var(--ute-text);
  font:inherit;
}
.ute-module-report-form textarea{min-height:108px;resize:vertical;}
.ute-module-report-form small{color:var(--ute-muted);line-height:1.45;}
.ute-module-submit-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.ute-module-submit-row em{font-style:normal;color:var(--ute-muted);font-size:13px;}
.ute-module-report-result{margin-top:20px;}
.ute-module-result-card{overflow:hidden;border:1px solid var(--ute-line);border-radius:28px;background:#fff;box-shadow:0 22px 64px rgba(37,28,20,.10);}
.ute-module-result-head{padding:24px;border-bottom:1px solid var(--ute-line);background:radial-gradient(circle at top left,rgba(181,137,88,.21),transparent 34%),linear-gradient(135deg,#fff5e5,#fffaf4);}
.ute-module-result-head>span{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(90,61,43,.09);color:var(--ute-accent);font-size:11px;font-weight:820;text-transform:uppercase;letter-spacing:.07em;}
.ute-module-result-head h3{margin:12px 0 8px;font-size:clamp(25px,4vw,38px);line-height:1.06;letter-spacing:-.045em;font-weight:430;}
.ute-module-result-head p{margin:0;color:var(--ute-muted);line-height:1.58;}
.ute-module-result-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px;}
.ute-module-result-meta span{padding:6px 9px;border:1px solid var(--ute-line);border-radius:999px;background:rgba(255,255,255,.72);font-size:12px;font-weight:730;}
.ute-module-result-sections{display:grid;gap:12px;padding:20px;}
.ute-module-result-section{padding:18px;border:1px solid var(--ute-line);border-radius:20px;background:var(--ute-card-soft);}
.ute-module-result-section h4{margin:0 0 9px;font-size:17px;line-height:1.25;}
.ute-module-result-section p{margin:0;color:#42342a;line-height:1.75;white-space:pre-wrap;}
.ute-module-result-section p+p{margin-top:9px;}
.ute-module-result-actions{display:flex;flex-wrap:wrap;gap:9px;padding:18px 20px 22px;border-top:1px solid var(--ute-line);background:#fffaf4;}
.ute-module-result-actions button:disabled{opacity:.58;cursor:not-allowed;}
.ute-module-history{margin-top:19px;border:1px solid var(--ute-line);border-radius:21px;background:rgba(255,255,255,.72);}
.ute-module-history>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;cursor:pointer;list-style:none;}
.ute-module-history>summary::-webkit-details-marker{display:none;}
.ute-module-history>summary>span:first-child{display:grid;gap:3px;}
.ute-module-history>summary em{font-style:normal;color:var(--ute-muted);font-size:13px;}
.ute-module-history-inner{display:grid;gap:12px;padding:0 16px 16px;}
.ute-module-history-inner>.ute-secondary-button{justify-self:start;}
.ute-module-history-list{display:grid;gap:11px;}
.ute-module-history-list>p{margin:0;color:var(--ute-muted);}
.ute-module-history-card{display:grid;gap:10px;padding:15px;border:1px solid var(--ute-line);border-radius:18px;background:#fff;}
.ute-module-history-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.ute-module-history-card-top strong{font-size:16px;}
.ute-module-history-card-top span{color:var(--ute-muted);font-size:12px;white-space:nowrap;}
.ute-module-history-card>p{margin:0;color:var(--ute-muted);line-height:1.55;}
.ute-module-history-preview{display:none;gap:9px;}
.ute-module-history-card.is-expanded .ute-module-history-preview{display:grid;}
.ute-module-history-preview .ute-module-result-section{padding:14px;border-radius:16px;}
.ute-module-history-preview .ute-module-result-section h4{font-size:14px;}
.ute-module-history-preview .ute-module-result-section p{font-size:13px;line-height:1.65;}
.ute-module-history-actions{display:flex;flex-wrap:wrap;gap:8px;}

@media(max-width:720px){
  .ute-module-experience,.ute-module-report-shell{padding:17px;border-radius:23px;}
  .ute-module-experience-head,.ute-module-report-head{display:grid;gap:13px;}
  .ute-module-foundation-state,.ute-module-close{justify-self:start;}
  .ute-module-grid,.ute-module-mode-grid,.ute-module-form-grid{grid-template-columns:1fr;}
  .ute-module-grid{gap:12px;margin-top:18px;}
  .ute-module-card{min-height:0;padding:21px 20px 19px;border-radius:20px;}
  .ute-module-card-copy{gap:9px;padding:10px 0 0;}
  .ute-module-card h3{font-size:21px;line-height:1.12;}
  .ute-module-card p{max-width:30ch;font-size:15px;line-height:1.48;padding:0;}
  .ute-module-card-footer{padding-top:14px;}
  .ute-module-card button{min-width:190px;min-height:40px;padding:0 17px;}
  .ute-module-result-head{padding:19px 16px;}
  .ute-module-result-sections{padding:14px;}
  .ute-module-result-section{padding:15px;border-radius:17px;}
  .ute-module-result-actions{padding:15px 14px 18px;}
  .ute-module-history-card-top{display:grid;gap:4px;}
}

/* Human-first insight controls v2.11.0 */
.ute-module-foundation-wrap{display:grid;justify-items:end;gap:7px;max-width:310px;text-align:right}
.ute-module-usage-state{color:var(--ute-muted);font-size:12px;line-height:1.4}
.ute-module-deepening{display:grid;gap:10px;margin:0 20px 20px;padding:17px;border:1px solid var(--ute-line);border-radius:19px;background:var(--ute-card-soft)}
.ute-module-deepening h4{margin:0;font-size:17px}
.ute-module-deepening select,.ute-module-deepening textarea{width:100%;box-sizing:border-box;border:1px solid var(--ute-line-strong);border-radius:14px;background:#fff;color:var(--ute-text);padding:12px 13px;font:inherit}
.ute-module-deepening textarea{resize:vertical;min-height:84px}
.ute-module-deepening-result{display:grid;gap:10px;margin-top:4px}
.ute-module-deepening-result .ute-module-result-section{background:#fff}
@media (max-width:720px){.ute-module-foundation-wrap{justify-items:start;text-align:left;max-width:none}.ute-module-deepening{margin:0 14px 16px;padding:14px}}

.ute-module-profile-warning a{color:var(--ute-accent);font-weight:760;text-underline-offset:3px}
.ute-module-card em[hidden]{display:none!important}
.ute-module-deepening-intro{margin:0;color:var(--ute-muted);line-height:1.55}
.ute-module-deepening label{display:grid;gap:7px}
.ute-module-deepening label>span{font-size:14px;font-weight:760;color:var(--ute-text)}
.ute-module-usage-state:empty{display:none}

.ute-module-usage-note{max-width:300px;color:var(--ute-muted);font-size:11px;line-height:1.45}
.ute-module-usage-note[hidden]{display:none!important}

/* Unlock v2.13.0 — centralni chat bez paralelnih ulaza */
.ute-miniapp .ute-chat-only-view {
  display: block;
}

.ute-chat-intro,
.ute-insights-intro {
  max-width: 760px;
  margin: 0 auto 24px;
  text-align: center;
}

.ute-chat-intro h1,
.ute-insights-intro h1 {
  margin: 6px 0 10px;
}

.ute-chat-intro p:last-child,
.ute-insights-intro p:last-child {
  margin: 0 auto;
  max-width: 680px;
}

.ute-chat-toolbar-note {
  display: block;
  margin-top: 5px;
  color: var(--ute-muted, #74675d);
  font-size: 0.92rem;
  line-height: 1.45;
}

.ute-send-row-chat-only {
  align-items: center;
}

.ute-message-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.ute-message-actions .ute-save-button,
.ute-message-actions .ute-deepen-button {
  margin: 0;
}

.ute-deepen-button {
  appearance: none;
  border: 1px solid rgba(74, 58, 45, 0.2);
  border-radius: 999px;
  background: transparent;
  color: inherit;
  padding: 8px 14px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.ute-deepen-button:hover,
.ute-deepen-button:focus-visible {
  border-color: currentColor;
}

.ute-module-handoff {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid rgba(74, 58, 45, 0.14);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.58);
}

.ute-module-handoff-copy {
  display: grid;
  gap: 3px;
}

.ute-module-handoff-copy span {
  color: var(--ute-muted, #74675d);
  font-size: 0.9rem;
  line-height: 1.4;
}

.ute-module-handoff-link {
  flex: 0 0 auto;
  text-decoration: none;
  font-weight: 700;
}

.ute-view-insights .ute-module-experience {
  margin-top: 0;
}

@media (max-width: 720px) {
  .ute-chat-intro,
  .ute-insights-intro {
    margin-bottom: 16px;
    text-align: left;
  }

  .ute-module-handoff {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Unlock v2.13.1 — Warm Conversation Space
   Menja samo ton i raspored praznog Unlock razgovora. Funkcionalni tok ostaje isti. */
body.ute-miniapp-page .ute-miniapp .ute-chat-only-view {
  position: relative;
  isolation: isolate;
}

body.ute-miniapp-page .ute-miniapp .ute-chat-only-view::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -90px;
  left: 50%;
  width: min(760px, 92%);
  height: 360px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(circle at 50% 40%, rgba(221, 194, 166, .26), rgba(247, 243, 237, 0) 68%);
  pointer-events: none;
}

body.ute-miniapp-page .ute-miniapp .ute-chat-intro {
  position: relative;
  max-width: 780px;
  margin: 2px auto 26px;
  padding: 8px 4px 0;
  text-align: left;
}

body.ute-miniapp-page .ute-miniapp .ute-chat-intro-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin: 0 0 14px;
  border: 1px solid rgba(90, 61, 43, .12);
  border-radius: 50%;
  background: rgba(255, 250, 243, .76);
  box-shadow: 0 10px 26px rgba(71, 49, 32, .08);
}

body.ute-miniapp-page .ute-miniapp .ute-chat-intro-mark::before,
body.ute-miniapp-page .ute-miniapp .ute-chat-intro-mark::after,
body.ute-miniapp-page .ute-miniapp .ute-chat-intro-mark i {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(90, 61, 43, .72);
}

body.ute-miniapp-page .ute-miniapp .ute-chat-intro-mark {
  gap: 3px;
}

body.ute-miniapp-page .ute-miniapp .ute-chat-intro .ute-kicker {
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(90, 61, 43, .68) !important;
  font-size: 10.5px !important;
  line-height: 1.2 !important;
  letter-spacing: .16em !important;
  font-weight: 720 !important;
}

body.ute-miniapp-page .ute-miniapp .ute-chat-intro h1 {
  max-width: 740px;
  margin: 12px 0 13px !important;
  color: #2f251e !important;
  font-size: clamp(36px, 5.4vw, 54px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.058em !important;
  font-weight: 360 !important;
  text-wrap: balance;
}

body.ute-miniapp-page .ute-miniapp .ute-chat-intro p:last-child {
  max-width: 650px !important;
  margin: 0 !important;
  color: rgba(47, 37, 30, .66) !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
  font-weight: 390 !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-chat-card-main {
  position: relative !important;
  max-width: 780px !important;
  border: 1px solid rgba(87, 62, 44, .11) !important;
  border-radius: 30px !important;
  background: linear-gradient(160deg, rgba(255, 253, 249, .92), rgba(250, 243, 234, .82)) !important;
  box-shadow: 0 24px 64px rgba(62, 43, 28, .09) !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-chat-card-main::before {
  content: "";
  position: absolute;
  top: 0;
  right: 38px;
  width: 150px;
  height: 76px;
  border-radius: 0 0 90px 90px;
  background: linear-gradient(180deg, rgba(224, 199, 174, .18), rgba(224, 199, 174, 0));
  pointer-events: none;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-chat-toolbar {
  position: relative;
  padding: 22px 24px 10px !important;
}

body.ute-miniapp-page .ute-miniapp .ute-chat-presence {
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
}

body.ute-miniapp-page .ute-miniapp .ute-chat-presence-mark {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(90, 61, 43, .12);
  border-radius: 50%;
  background: linear-gradient(145deg, #eadccc, #f7eee3);
  color: rgba(75, 50, 34, .84);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 8px 20px rgba(71,49,32,.08);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 500;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-chat-toolbar h2 {
  margin: 0 !important;
  font-size: 21px !important;
  line-height: 1.15 !important;
  letter-spacing: -.035em !important;
  font-weight: 520 !important;
}

body.ute-miniapp-page .ute-miniapp .ute-chat-toolbar-note {
  margin-top: 3px;
  color: rgba(47, 37, 30, .56);
  font-size: 13.5px;
  line-height: 1.42;
  font-weight: 390;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-chat-toolbar .ute-small-action-light {
  min-width: 0 !important;
  min-height: 38px !important;
  padding: 0 13px !important;
  border-color: rgba(90,61,43,.12) !important;
  background: rgba(255,255,255,.62) !important;
  color: rgba(75,50,34,.72) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
}

body.ute-miniapp-page .ute-miniapp .ute-empty-starters {
  margin: 14px 24px 2px !important;
  padding: 0 !important;
}

body.ute-miniapp-page .ute-miniapp .ute-empty-starters > span {
  margin: 0 0 10px !important;
  color: rgba(47, 37, 30, .54) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 520 !important;
  letter-spacing: 0 !important;
}

body.ute-miniapp-page .ute-miniapp .ute-empty-starters > div {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.ute-miniapp-page .ute-miniapp .ute-empty-starters button {
  position: relative;
  display: grid;
  gap: 5px;
  align-content: center;
  min-height: 84px !important;
  padding: 15px 16px 14px 18px !important;
  border: 1px solid rgba(87, 62, 44, .10) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.60) !important;
  color: #2f251e !important;
  text-align: left !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

body.ute-miniapp-page .ute-miniapp .ute-empty-starters button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  bottom: 18px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: rgba(148, 103, 72, .34);
}

body.ute-miniapp-page .ute-miniapp .ute-empty-starters button span {
  display: block;
  color: rgba(47, 37, 30, .90) !important;
  font-size: 14px !important;
  line-height: 1.24 !important;
  letter-spacing: -.015em !important;
  font-weight: 620 !important;
}

body.ute-miniapp-page .ute-miniapp .ute-empty-starters button em {
  display: block;
  color: rgba(47, 37, 30, .52) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-style: normal !important;
  font-weight: 390 !important;
}

body.ute-miniapp-page .ute-miniapp .ute-empty-starters button:hover,
body.ute-miniapp-page .ute-miniapp .ute-empty-starters button:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(119, 78, 50, .24) !important;
  background: rgba(255,255,255,.90) !important;
  box-shadow: 0 10px 24px rgba(71,49,32,.07) !important;
  outline: none;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-agent-form {
  margin-top: 16px !important;
  border-color: rgba(87, 62, 44, .13) !important;
  background: rgba(255,255,255,.90) !important;
  box-shadow: 0 18px 42px rgba(62,43,28,.08) !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-input-label {
  margin-bottom: 8px !important;
  color: rgba(61, 43, 31, .78) !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
  font-weight: 600 !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-agent-form textarea {
  min-height: 96px !important;
  border-color: rgba(87, 62, 44, .15) !important;
  border-radius: 18px !important;
  background: rgba(250, 246, 240, .72) !important;
  color: #2f251e !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-agent-form textarea::placeholder {
  color: rgba(47, 37, 30, .42) !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-agent-form textarea:focus {
  border-color: rgba(119, 78, 50, .42) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(148, 103, 72, .08) !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-send-row > span {
  color: rgba(47, 37, 30, .48) !important;
  font-size: 12.5px !important;
  line-height: 1.4 !important;
  font-weight: 390 !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-send-actions button[data-ute-submit] {
  min-width: 104px !important;
  background: #5a3d2b !important;
  box-shadow: 0 9px 20px rgba(75, 50, 34, .17) !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-agent-footer-note {
  justify-content: center !important;
  padding-top: 13px !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-agent-footer-note span {
  color: rgba(47, 37, 30, .44) !important;
  font-size: 12px !important;
  text-align: center;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-usage-box {
  border-color: rgba(87, 62, 44, .08) !important;
  background: rgba(255,255,255,.38) !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-conversations-panel summary {
  border-color: rgba(87, 62, 44, .10) !important;
  background: rgba(255,255,255,.54) !important;
}

@media (max-width: 720px) {
  body.ute-miniapp-page .ute-miniapp .ute-chat-intro {
    margin-bottom: 18px;
    padding: 2px 1px 0;
  }

  body.ute-miniapp-page .ute-miniapp .ute-chat-intro-mark {
    width: 30px;
    height: 30px;
    margin-bottom: 11px;
  }

  body.ute-miniapp-page .ute-miniapp .ute-chat-intro h1 {
    font-size: clamp(32px, 9vw, 40px) !important;
    line-height: 1.04 !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-chat-intro p:last-child {
    font-size: 14.5px !important;
    line-height: 1.58 !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-chat-card-main {
    border-radius: 24px !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-chat-toolbar {
    align-items: flex-start !important;
    padding: 18px 16px 8px !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-chat-presence-mark {
    width: 38px;
    height: 38px;
    font-size: 16px;
  }

  body.ute-miniapp-page .ute-miniapp .ute-chat-toolbar-note {
    max-width: 24ch;
    font-size: 12.5px;
  }

  body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-chat-toolbar .ute-small-action-light {
    min-height: 34px !important;
    padding: 0 10px !important;
    font-size: 11.5px !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-empty-starters {
    margin: 12px 16px 0 !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-empty-starters > div {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-empty-starters button {
    min-height: 68px !important;
    padding: 12px 14px 12px 16px !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-empty-starters button::before {
    top: 14px;
    bottom: 14px;
  }

  body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-agent-form {
    margin: 14px 10px 0 !important;
    padding: 13px !important;
    border-radius: 22px !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-send-row {
    align-items: center !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-send-row > span {
    max-width: 22ch;
  }
}


/* v2.13.2 — contextual answer actions */
body.ute-miniapp-page .ute-message-actions {
  align-items: center;
}
body.ute-miniapp-page .ute-message-actions .ute-deepen-button {
  border-color: transparent;
  background: var(--ute-accent, #6b4a36);
  color: #fff;
  font-weight: 650;
  line-height: 1.2;
  white-space: normal;
  text-align: center;
}
body.ute-miniapp-page .ute-message-actions .ute-deepen-button:hover,
body.ute-miniapp-page .ute-message-actions .ute-deepen-button:focus-visible {
  border-color: transparent;
  filter: brightness(.96);
}
body.ute-miniapp-page .ute-message-actions .ute-save-button {
  border: 1px solid rgba(74, 58, 45, .16);
  background: rgba(255, 255, 255, .66);
  color: rgba(74, 58, 45, .78);
}
body.ute-miniapp-page .ute-continuation {
  margin-top: 14px;
}

/* Unlock v2.13.4 — Typography, real logo and fixed composer polish.
   Zadržava raspored v2.13.2; menja samo tipografiju, logo i veličinu fiksnog unosa. */
body.ute-miniapp-page .ute-miniapp .ute-chat-intro-identity {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 34px;
}

body.ute-miniapp-page .ute-miniapp .ute-chat-real-logo {
  overflow: hidden;
  padding: 5px;
}

body.ute-miniapp-page .ute-miniapp .ute-chat-real-logo::before,
body.ute-miniapp-page .ute-miniapp .ute-chat-real-logo::after {
  display: none !important;
  content: none !important;
}

body.ute-miniapp-page .ute-miniapp .ute-chat-real-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body.ute-miniapp-page .ute-miniapp .ute-chat-intro-identity .ute-chat-intro-mark {
  flex: 0 0 auto;
  margin: 0;
}

body.ute-miniapp-page .ute-miniapp .ute-chat-intro-identity .ute-kicker {
  margin: 0 !important;
}

body.ute-miniapp-page .ute-miniapp .ute-chat-intro h1 > span {
  display: block;
}

body.ute-miniapp-page .ute-miniapp .ute-chat-greeting {
  margin-bottom: 4px;
  color: rgba(47, 37, 30, .70);
  font-size: .62em;
  line-height: 1.14;
  letter-spacing: -.032em;
  font-weight: 590;
}

body.ute-miniapp-page .ute-miniapp .ute-chat-question {
  color: #2f251e;
  font-weight: 410;
}

body.ute-miniapp-page .ute-miniapp .ute-chat-intro h1 {
  letter-spacing: -.047em !important;
  line-height: 1.055 !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-chat-toolbar h2 {
  letter-spacing: -.028em !important;
  font-weight: 570 !important;
}

body.ute-miniapp-page .ute-miniapp .ute-chat-toolbar-note,
body.ute-miniapp-page .ute-miniapp .ute-chat-intro p:last-child {
  letter-spacing: -.008em;
}

/* Zadržava composer fiksiran na postojećoj poziciji, samo daje više prostora za pisanje. */
@media (max-width: 860px), (max-device-width: 860px), (pointer: coarse) and (max-width: 1180px) {
  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] {
    --ute-chat-composer-space: 184px;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-agent-form textarea {
    min-height: 62px !important;
    height: 62px !important;
    max-height: 132px !important;
    padding: 15px 15px !important;
    line-height: 1.38 !important;
  }
}

@media (max-width: 720px), (max-device-width: 720px) {
  body.ute-miniapp-page .ute-miniapp .ute-chat-intro h1 {
    font-size: clamp(31px, 8.7vw, 38px) !important;
    line-height: 1.06 !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-chat-greeting {
    margin-bottom: 5px;
    font-size: .64em;
  }

  body.ute-miniapp-page .ute-miniapp .ute-chat-intro-identity {
    gap: 9px;
    min-height: 30px;
  }

  body.ute-miniapp-page .ute-miniapp .ute-chat-intro-identity .ute-chat-intro-mark {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 560px) {
  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] {
    --ute-chat-composer-space: 164px;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-agent-form {
    padding: 9px 10px 10px !important;
  }

  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-agent-form textarea {
    min-height: 66px !important;
    height: 66px !important;
    max-height: 132px !important;
    padding: 15px 14px !important;
    line-height: 1.36 !important;
  }
}


/* Unlock v2.13.5 — Presence cleanup and standard right-aligned send action.
   Raspored v2.13.4 ostaje isti; uklanja se samo logo uz „Tu sam“, a akcija slanja ide desno. */
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-chat-presence {
  gap: 0 !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-chat-presence > div {
  min-width: 0;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-send-row-chat-only {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  width: 100% !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-send-row-chat-only > span {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-send-row-chat-only .ute-send-actions {
  display: flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin-left: auto !important;
  justify-content: flex-end !important;
  grid-template-columns: none !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-send-row-chat-only .ute-send-actions button[data-ute-submit] {
  width: auto !important;
  min-width: 132px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

@media (max-width: 560px) {
  body.ute-miniapp-page .ute-miniapp[data-ute-current-view="chat"] .ute-view-chat .ute-send-row-chat-only {
    flex-direction: row !important;
    align-items: center !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-send-row-chat-only > span {
    font-size: 11.5px !important;
    line-height: 1.32 !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-send-row-chat-only .ute-send-actions {
    width: auto !important;
    display: flex !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-send-row-chat-only .ute-send-actions button[data-ute-submit] {
    width: auto !important;
    min-width: 128px !important;
  }
}

@media (max-width: 390px) {
  body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-send-row-chat-only > span {
    display: none !important;
  }

  body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-send-row-chat-only {
    justify-content: flex-end !important;
  }
}


/* Unlock v2.13.6 — verified presence cleanup and hard right alignment.
   Explicit guard against stale/cached presence marks; send action stays on the right. */
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-chat-presence-mark {
  display: none !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-chat-presence {
  padding-left: 0 !important;
  gap: 0 !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-send-row-chat-only {
  justify-content: flex-end !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-send-row-chat-only > span {
  margin-right: auto !important;
}

body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-send-row-chat-only .ute-send-actions {
  margin-left: auto !important;
  justify-content: flex-end !important;
}


/* Unlock v2.13.8 — Subtle Answer Emphasis
   Praktični završetak ostaje čitljiv, ali više ne izgleda kao velika kartica unutar odgovora. */
body.ute-miniapp-page .ute-miniapp .ute-message-assistant {
  width: min(94%, 720px);
  max-width: min(94%, 720px);
  padding: 17px 18px 16px;
  border-radius: 22px;
}

body.ute-miniapp-page .ute-miniapp .ute-message-assistant .ute-message-label {
  margin-bottom: 9px;
  color: rgba(87, 59, 40, .72);
  opacity: 1;
  font-size: 11px;
  font-weight: 720;
  letter-spacing: .045em;
}

body.ute-miniapp-page .ute-miniapp .ute-message-content.ute-answer-flow {
  display: grid;
  gap: 11px;
  white-space: normal;
  color: #392d25;
  font-size: 15.5px;
  line-height: 1.68;
  overflow-wrap: anywhere;
}

body.ute-miniapp-page .ute-miniapp .ute-answer-block {
  margin: 0;
  white-space: pre-wrap;
}

body.ute-miniapp-page .ute-miniapp .ute-answer-block-lead {
  color: #30241d;
  font-weight: 520;
}

body.ute-miniapp-page .ute-miniapp .ute-answer-block-step {
  margin-top: 0;
  padding: 2px 0 2px 10px;
  border-left: 2px solid rgba(111, 75, 51, .28);
  border-radius: 0;
  background: transparent;
  color: rgba(61, 44, 33, .88);
  font-size: .94em;
  line-height: 1.58;
}

body.ute-miniapp-page .ute-miniapp .ute-message-assistant .ute-message-actions {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(74, 58, 45, .10);
}

@media (max-width: 680px) {
  body.ute-miniapp-page .ute-miniapp .ute-agent-messages {
    gap: 13px;
    padding-left: 14px;
    padding-right: 14px;
  }

  body.ute-miniapp-page .ute-miniapp .ute-message-assistant {
    width: 100%;
    max-width: 100%;
    padding: 16px 16px 15px;
    border-radius: 20px;
  }

  body.ute-miniapp-page .ute-miniapp .ute-message-user {
    max-width: 88%;
  }

  body.ute-miniapp-page .ute-miniapp .ute-message-content.ute-answer-flow {
    gap: 10px;
    font-size: 16px;
    line-height: 1.64;
  }

  body.ute-miniapp-page .ute-miniapp .ute-answer-block-step {
    padding: 1px 0 1px 9px;
    border-left-width: 2px;
  }
}

/* v2.14.0 — unified plan usage */
.ute-profile-usage-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  margin-top: 12px;
}
.ute-profile-usage-grid > div {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid rgba(87, 62, 44, .11);
  border-radius: 14px;
  background: rgba(255, 255, 255, .48);
}
.ute-profile-usage-grid span {
  font-size: 12px;
  color: rgba(47, 37, 30, .62);
}
.ute-profile-usage-grid strong {
  font-size: 14px;
  line-height: 1.35;
}
.ute-profile-usage-warning {
  margin: 10px 0 0;
  font-size: 12.5px;
  color: #8a3f2f;
}
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-usage-box [data-ute-usage-text] {
  line-height: 1.4;
}
@media (max-width: 520px) {
  .ute-profile-usage-grid {
    grid-template-columns: 1fr;
  }
}

/* v2.14.0 — odvojeni fondovi mogu biti delimično potrošeni bez blokiranja drugog fonda. */
.ute-usage-box[data-usage-state="partial"] {
  border-color: rgba(143, 104, 69, 0.20);
  background: rgba(248, 239, 228, 0.52);
  color: #684b38;
}

/* v2.15.0 launch readiness: legal registration and private-history clarity */
.ute-legal-check{align-items:flex-start!important;gap:10px;padding:12px 14px;border:1px solid rgba(90,61,43,.12);border-radius:14px;background:rgba(255,255,255,.62);font-weight:500!important;line-height:1.45}
.ute-legal-check input{width:18px;height:18px;margin-top:2px;flex:0 0 auto}
.ute-legal-check span{display:block;font-size:13px;color:#5f5146}
.ute-legal-check a{color:#5a3d2b;text-decoration:underline;text-underline-offset:2px}
.ute-module-privacy-note{margin-top:10px!important;padding:9px 12px;border-left:2px solid rgba(90,61,43,.28);background:rgba(255,255,255,.38);font-size:13px!important;line-height:1.55!important;color:#6d5f54!important}
@media(max-width:640px){.ute-legal-check{padding:11px 12px}.ute-module-privacy-note{font-size:12.5px!important}}

/* v2.15.0 launch readiness: analytics choice control on Privacy page */
.ute-cookie-choice-button{appearance:none;border:1px solid rgba(90,61,43,.22);border-radius:999px;background:#fffaf4;color:#5a3d2b;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer}.ute-cookie-choice-button:hover{background:#f7ede3}

/* v2.16.0 — Records continuity completion */
.ute-selected-record-context {
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid rgba(104, 82, 62, 0.18);
  border-left: 3px solid rgba(104, 82, 62, 0.46);
  border-radius: 14px;
  background: rgba(255, 252, 247, 0.74);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.ute-selected-record-context[hidden] { display: none !important; }
.ute-selected-record-context > div { min-width: 0; display: grid; gap: 3px; }
.ute-selected-record-context span { color: var(--ute-muted); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.ute-selected-record-context strong { color: var(--ute-text); font-size: 15px; line-height: 1.35; }
.ute-selected-record-context p { margin: 0; color: var(--ute-muted); font-size: 13px; line-height: 1.45; }
.ute-selected-record-context button {
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  color: var(--ute-accent);
  font-weight: 750;
  cursor: pointer;
  padding: 3px 0;
}

.ute-records-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, .34fr);
  gap: 12px;
  margin: 0 0 15px;
}
.ute-records-controls label,
.ute-record-edit label { display: grid; gap: 6px; }
.ute-records-controls label > span,
.ute-record-edit label > span { color: var(--ute-muted); font-size: 12px; font-weight: 750; }
.ute-records-controls input,
.ute-records-controls select,
.ute-record-edit input,
.ute-record-edit textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(74, 57, 45, 0.16);
  border-radius: 12px;
  background: rgba(255,255,255,.82);
  color: var(--ute-text);
  font: inherit;
  padding: 11px 12px;
}
.ute-records-controls input:focus,
.ute-records-controls select:focus,
.ute-record-edit input:focus,
.ute-record-edit textarea:focus { outline: 2px solid rgba(112, 86, 63, .18); border-color: rgba(112, 86, 63, .42); }

.ute-record-meta-main,
.ute-record-meta-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.ute-record-type {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 9px;
  border-radius: 999px;
  background: rgba(105, 81, 59, .08);
  color: var(--ute-text);
  font-size: 11px;
  font-weight: 760;
}
.ute-record-question,
.ute-record-note {
  margin: 11px 0 0;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(91, 69, 50, .045);
}
.ute-record-question strong,
.ute-record-note strong { display: block; margin-bottom: 4px; color: var(--ute-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .045em; }
.ute-record-question p,
.ute-record-note p { margin: 0; color: var(--ute-text); font-size: 14px; line-height: 1.5; white-space: pre-wrap; }
.ute-record-note.is-empty { display: none; }
.ute-record-card:not(.is-expanded) .ute-record-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
.ute-record-card.is-expanded .ute-record-content { display: block; }
.ute-record-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; }
.ute-record-actions button,
.ute-record-continue,
.ute-record-edit-actions button,
.ute-records-load button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(74,57,45,.15);
  background: rgba(255,255,255,.68);
  color: var(--ute-text);
  font: inherit;
  font-size: 13px;
  font-weight: 760;
  text-decoration: none;
  padding: 8px 13px;
  cursor: pointer;
}
.ute-record-continue {
  background: var(--ute-text);
  border-color: var(--ute-text);
  color: #fff;
}
.ute-record-edit {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(74,57,45,.1);
  display: grid;
  gap: 12px;
}
.ute-record-edit[hidden] { display: none !important; }
.ute-record-edit textarea { resize: vertical; min-height: 90px; }
.ute-record-edit-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.ute-record-edit-actions button:first-child { background: var(--ute-text); color: #fff; border-color: var(--ute-text); }
.ute-record-edit-status { min-height: 18px; margin: 0; color: var(--ute-muted); font-size: 12px; text-align: right; }
.ute-records-load { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 16px; }
.ute-records-load span { color: var(--ute-muted); font-size: 13px; }

@media (max-width: 680px) {
  .ute-records-controls { grid-template-columns: 1fr; }
  .ute-record-meta { align-items: flex-start; }
  .ute-record-meta-actions { margin-left: auto; }
  .ute-record-actions { gap: 7px; }
  .ute-record-actions button,
  .ute-record-continue { min-height: 36px; padding: 7px 11px; }
  .ute-selected-record-context { margin-left: 0; margin-right: 0; }
}


/* v2.17.1 — Records “Nastavi odavde” visibility repair.
   .ute-miniapp a has greater specificity than the old single-class color rule,
   so the link inherited dark text on a dark background. */
body.ute-miniapp-page .ute-miniapp a.ute-record-continue,
.ute-miniapp a.ute-record-continue {
  background: var(--ute-accent) !important;
  border-color: var(--ute-accent) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

body.ute-miniapp-page .ute-miniapp a.ute-record-continue:hover,
body.ute-miniapp-page .ute-miniapp a.ute-record-continue:focus-visible,
.ute-miniapp a.ute-record-continue:hover,
.ute-miniapp a.ute-record-continue:focus-visible {
  background: #6b4935 !important;
  border-color: #6b4935 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* v2.18.0 — Dnevni ritam / Tvoj trenutak danas */
.ute-daily-rhythm {
  margin: 0 0 18px;
  scroll-margin-top: 18px;
}
.ute-daily-rhythm-card {
  overflow: hidden;
  border: 1px solid rgba(90,61,43,.16);
  border-radius: 22px;
  background: rgba(255,250,243,.82);
  box-shadow: 0 12px 34px rgba(45,34,25,.06);
}
.ute-daily-rhythm-card > summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 72px;
  padding: 15px 18px;
  cursor: pointer;
}
.ute-daily-rhythm-card > summary::-webkit-details-marker { display: none; }
.ute-daily-rhythm-card > summary::after {
  content: "+";
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(90,61,43,.09);
  color: var(--ute-accent);
  font-size: 19px;
  line-height: 1;
}
.ute-daily-rhythm-card[open] > summary::after { content: "−"; }
.ute-daily-rhythm-card > summary > span {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.ute-daily-rhythm-card > summary em {
  color: var(--ute-muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 760;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.ute-daily-rhythm-card > summary strong {
  font-size: 18px;
  letter-spacing: -.025em;
}
.ute-daily-rhythm-card > summary time {
  margin-left: auto;
  color: var(--ute-muted);
  font-size: 12px;
  white-space: nowrap;
}
.ute-daily-rhythm-body {
  padding: 0 18px 18px;
  border-top: 1px solid rgba(90,61,43,.09);
}
.ute-daily-status {
  min-height: 18px;
  margin: 13px 0 0;
  color: var(--ute-muted);
  font-size: 12px;
}
.ute-daily-status[data-state="ok"] { color: #476c50; }
.ute-daily-status[data-state="error"] { color: #8b4237; }
.ute-daily-content { display: grid; gap: 10px; padding-top: 13px; }
.ute-daily-content[hidden],
.ute-daily-checkin[hidden],
.ute-daily-yesterday[hidden],
.ute-daily-history[hidden] { display: none !important; }
.ute-daily-point {
  padding: 12px 13px;
  border: 1px solid rgba(90,61,43,.09);
  border-radius: 15px;
  background: rgba(255,255,255,.54);
}
.ute-daily-point-primary { background: rgba(234,220,204,.36); }
.ute-daily-point span,
.ute-daily-yesterday > span {
  display: block;
  margin-bottom: 4px;
  color: var(--ute-accent);
  font-size: 11px;
  font-weight: 780;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.ute-daily-point p,
.ute-daily-yesterday p {
  margin: 0;
  color: var(--ute-text);
  font-size: 14px;
  line-height: 1.55;
}
.ute-daily-step {
  border-left: 3px solid rgba(90,61,43,.42);
  padding-left: 12px;
}
.ute-daily-checkin {
  display: grid;
  gap: 9px;
  padding: 14px 0 2px;
}
.ute-daily-checkin > strong { font-size: 14px; }
.ute-daily-choice-row { display: flex; flex-wrap: wrap; gap: 7px; }
.ute-daily-choice-row button,
.ute-daily-actions button,
.ute-daily-pattern {
  min-height: 38px;
  border: 1px solid rgba(90,61,43,.17);
  border-radius: 999px;
  background: rgba(255,255,255,.7);
  color: var(--ute-text);
  padding: 8px 13px;
  font-size: 13px;
  font-weight: 720;
  cursor: pointer;
}
.ute-daily-choice-row button:hover,
.ute-daily-choice-row button:focus-visible,
.ute-daily-choice-row button.is-active {
  border-color: var(--ute-accent);
  background: var(--ute-accent-soft);
  color: var(--ute-accent);
}
.ute-daily-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-top: 5px;
}
.ute-daily-actions .ute-daily-primary,
.ute-daily-actions .ute-daily-primary.is-selected,
.ute-daily-pattern {
  border-color: var(--ute-accent);
  background: var(--ute-accent);
  color: #fff;
}
.ute-daily-actions button:disabled { opacity: .7; cursor: default; }
.ute-daily-profile-note,
.ute-daily-guest-note {
  margin: 2px 0;
  color: var(--ute-muted);
  font-size: 12px;
  line-height: 1.5;
}
.ute-daily-profile-note a,
.ute-daily-guest-note a { color: var(--ute-accent); font-weight: 750; text-decoration: underline; text-underline-offset: 2px; }
.ute-daily-yesterday {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(90,61,43,.13);
  border-radius: 16px;
  background: rgba(234,220,204,.28);
}
.ute-daily-yesterday strong { display: block; margin-bottom: 6px; font-size: 14px; }
.ute-daily-yesterday p { margin-bottom: 10px; color: var(--ute-muted); font-size: 13px; }
.ute-daily-history {
  margin-top: 4px;
  border-top: 1px solid rgba(90,61,43,.1);
  padding-top: 12px;
}
.ute-daily-history > summary {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  cursor: pointer;
}
.ute-daily-history > summary::-webkit-details-marker { display: none; }
.ute-daily-history > summary span { font-size: 13px; font-weight: 780; }
.ute-daily-history > summary em { color: var(--ute-muted); font-size: 11px; font-style: normal; text-align: right; }
.ute-daily-history > div { display: grid; gap: 7px; padding: 12px 0; }
.ute-daily-history article {
  padding: 10px 11px;
  border-radius: 13px;
  background: rgba(255,255,255,.5);
}
.ute-daily-history article > div { display: flex; justify-content: space-between; gap: 10px; }
.ute-daily-history article strong { font-size: 12px; }
.ute-daily-history article span,
.ute-daily-history article em { color: var(--ute-muted); font-size: 11px; font-style: normal; }
.ute-daily-history article p { margin: 5px 0 0; font-size: 12px; line-height: 1.45; }
.ute-daily-pattern { margin-top: 2px; }

@media (max-width: 680px) {
  .ute-daily-rhythm { margin: 0 0 14px; }
  .ute-daily-rhythm-card { border-radius: 18px; }
  .ute-daily-rhythm-card > summary { min-height: 64px; padding: 13px 14px; }
  .ute-daily-rhythm-card > summary strong { font-size: 16px; }
  .ute-daily-rhythm-card > summary time { display: none; }
  .ute-daily-rhythm-body { padding: 0 13px 15px; }
  .ute-daily-point { padding: 10px 11px; }
  .ute-daily-point p { font-size: 13px; }
  .ute-daily-choice-row { gap: 6px; }
  .ute-daily-choice-row button { min-height: 35px; padding: 7px 10px; font-size: 12px; }
  .ute-daily-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .ute-daily-actions button { width: 100%; padding-left: 9px; padding-right: 9px; font-size: 12px; }
  .ute-daily-actions .ute-daily-primary { grid-column: 1 / -1; }
  .ute-daily-history > summary { align-items: flex-start; flex-direction: column; gap: 3px; }
  .ute-daily-history > summary em { text-align: left; }
}


/* Unlock UI v2.19.0 — production readiness */
.ute-profile-system-notice {
  margin: 0 0 16px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(90,61,43,.14);
  background: rgba(255,255,255,.72);
  font-size: 13px;
  line-height: 1.5;
}
.ute-profile-system-notice.is-success { border-color: rgba(36,120,76,.24); background: rgba(224,245,233,.72); }
.ute-profile-system-notice.is-warning { border-color: rgba(176,112,31,.24); background: rgba(255,244,221,.8); }
.ute-data-export-zone {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(90,61,43,.12);
}
.ute-data-export-zone h3 { margin: 0 0 7px; }
.ute-data-export-zone p { margin: 0 0 12px; }
.ute-account-export-button { cursor: pointer; }


/* v2.20.0 — controlled personal-code visibility */
.ute-personal-code-card {
  margin: 18px 0;
  padding: 22px;
  border: 1px solid var(--ute-line-strong);
  border-radius: 22px;
  background: linear-gradient(145deg, var(--ute-card), var(--ute-card-soft));
  box-shadow: 0 14px 38px rgba(37, 28, 20, 0.08);
}
.ute-personal-code-card.is-compact { margin: 0 0 22px; }
.ute-personal-code-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.ute-personal-code-head > div { display: grid; gap: 4px; }
.ute-personal-code-head span,
.ute-personal-code-missing > span,
.ute-personal-code-grid span { color: var(--ute-muted); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.ute-personal-code-head strong { font-size: clamp(22px, 4vw, 32px); line-height: 1.12; letter-spacing: -.035em; }
.ute-personal-code-head em { padding: 6px 10px; border-radius: 999px; background: var(--ute-accent-soft); color: var(--ute-accent); font-size: 12px; font-style: normal; font-weight: 800; white-space: nowrap; }
.ute-personal-code-essence { max-width: 760px; margin: 16px 0 0; color: var(--ute-text); font-size: 16px; line-height: 1.65; }
.ute-personal-code-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.ute-personal-code-grid > div { padding: 14px; border: 1px solid var(--ute-line); border-radius: 16px; background: rgba(255,255,255,.72); }
.ute-personal-code-grid p { margin: 7px 0 0; color: var(--ute-text); font-size: 14px; line-height: 1.55; }
.ute-personal-code-disclosure { margin: 16px 0 0; color: var(--ute-muted); font-size: 13px; line-height: 1.55; }
.ute-personal-code-actions { margin-top: 16px; }
.ute-personal-code-actions a,
.ute-personal-code-missing a { display: inline-flex; min-height: 40px; align-items: center; padding: 0 15px; border-radius: 999px; background: var(--ute-accent); color: #fff; font-size: 13px; font-weight: 800; }
.ute-personal-code-missing { display: grid; gap: 8px; }
.ute-personal-code-missing strong { font-size: 18px; }
.ute-personal-code-missing p { margin: 0; color: var(--ute-muted); }
.ute-personal-code-status { margin: 0; color: var(--ute-muted); font-size: 13px; }
@media (max-width: 720px) {
  .ute-personal-code-card { padding: 18px; }
  .ute-personal-code-head { display: grid; }
  .ute-personal-code-head em { width: max-content; }
  .ute-personal-code-grid { grid-template-columns: 1fr; }
}

/* v2.20.2 — Profile desktop card layout repair
   The profile form is a two-column grid for the compact account and plan summaries.
   Feature cards must span the full form width so their own content never collapses
   into a half-width desktop column. */
body.ute-miniapp-page .ute-profile-form > .ute-verification-notice,
body.ute-miniapp-page .ute-profile-form > .ute-personal-code-card,
body.ute-miniapp-page .ute-profile-form > .ute-referral-card {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

body.ute-miniapp-page .ute-profile-form > .ute-personal-code-card,
body.ute-miniapp-page .ute-profile-form > .ute-referral-card-prominent {
  margin: 2px 0 0 !important;
}

body.ute-miniapp-page .ute-profile-form > .ute-referral-card-prominent {
  display: grid !important;
  gap: 10px !important;
  padding: 22px !important;
}

body.ute-miniapp-page .ute-profile-form > .ute-referral-card-prominent h3,
body.ute-miniapp-page .ute-profile-form > .ute-referral-card-prominent p,
body.ute-miniapp-page .ute-profile-form > .ute-referral-card-prominent label {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.ute-miniapp-page .ute-profile-form > .ute-referral-card-prominent label {
  min-width: 0 !important;
}

body.ute-miniapp-page .ute-profile-form > .ute-referral-card-prominent input[readonly] {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.ute-miniapp-page .ute-profile-form > .ute-referral-card-prominent .ute-copy-referral {
  justify-self: start !important;
  margin: 0 !important;
}

body.ute-miniapp-page .ute-profile-form > .ute-referral-card-prominent .ute-referral-stats,
body.ute-miniapp-page .ute-profile-form > .ute-referral-card-prominent .ute-referral-gift-status {
  padding-top: 10px !important;
  border-top: 1px solid rgba(90, 61, 43, 0.10) !important;
}

@media (max-width: 720px) {
  body.ute-miniapp-page .ute-profile-form > .ute-personal-code-card,
  body.ute-miniapp-page .ute-profile-form > .ute-referral-card-prominent {
    margin: 0 !important;
  }

  body.ute-miniapp-page .ute-profile-form > .ute-referral-card-prominent {
    padding: 18px !important;
  }
}


/* v2.20.3 — Login and registration desktop layout repair
   Authentication pages no longer split a long form into a narrow side column.
   The intro and card follow one calm centered reading path on desktop, while
   checkbox copy keeps normal sentence typography instead of field-label styling. */
@media (min-width: 901px) {
  body.ute-miniapp-page .ute-auth-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 20px !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
  }

  body.ute-miniapp-page .ute-auth-copy {
    width: 100% !important;
    max-width: 680px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  body.ute-miniapp-page .ute-auth-copy h1 {
    max-width: 640px !important;
    margin-bottom: 14px !important;
  }

  body.ute-miniapp-page .ute-auth-copy > p:not(.ute-kicker) {
    max-width: 620px !important;
  }

  body.ute-miniapp-page .ute-auth-points {
    margin-top: 16px !important;
  }

  body.ute-miniapp-page .ute-auth-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 620px !important;
    margin: 0 auto !important;
    padding: 30px 34px !important;
    box-sizing: border-box !important;
  }

  body.ute-miniapp-page .ute-auth-layout-login .ute-auth-card {
    max-width: 540px !important;
  }

  body.ute-miniapp-page .ute-auth-layout-register .ute-auth-card {
    max-width: 640px !important;
  }
}

body.ute-miniapp-page .ute-auth-card,
body.ute-miniapp-page .ute-auth-form,
body.ute-miniapp-page .ute-auth-form > *,
body.ute-miniapp-page .ute-auth-form label,
body.ute-miniapp-page .ute-auth-form input {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.ute-miniapp-page .ute-auth-form label small {
  display: block !important;
  margin: 1px 0 0 !important;
  color: rgba(60, 51, 43, 0.68) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

body.ute-miniapp-page .ute-auth-form label.ute-check {
  width: 100% !important;
  min-width: 0 !important;
}

body.ute-miniapp-page .ute-auth-form label.ute-check > input[type="checkbox"] {
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  flex: 0 0 18px !important;
}

body.ute-miniapp-page .ute-auth-form label.ute-check > span,
body.ute-miniapp-page .ute-auth-form label.ute-legal-check > span {
  display: block !important;
  min-width: 0 !important;
  color: #5f5146 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  overflow-wrap: anywhere !important;
}

body.ute-miniapp-page .ute-auth-form > .ute-auth-note {
  margin: 0 !important;
}

body.ute-miniapp-page .ute-auth-form > button[type="submit"] {
  width: 100% !important;
  min-height: 46px !important;
  justify-content: center !important;
}

body.ute-miniapp-page .ute-auth-card > .ute-auth-switch {
  margin: 13px 0 0 !important;
  line-height: 1.5 !important;
}

body.ute-miniapp-page .ute-auth-card > .ute-auth-switch + .ute-auth-switch {
  margin-top: 7px !important;
}

@media (max-width: 900px) {
  body.ute-miniapp-page .ute-auth-layout {
    min-height: 0 !important;
    align-items: stretch !important;
  }

  body.ute-miniapp-page .ute-auth-card,
  body.ute-miniapp-page .ute-auth-copy {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* v2.21.0 — Moj Unlock guided journey */
.ute-journey-home { max-width: 1080px; margin: 0 auto; padding: 18px 0 44px; }
.ute-journey-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; padding:20px 4px 26px; }
.ute-journey-hero h1 { margin:7px 0 10px; color:#30261f; font-size:clamp(34px,4vw,50px); line-height:1.02; letter-spacing:-.055em; font-weight:430; }
.ute-journey-hero > div > p:last-child { max-width:680px; margin:0; color:rgba(48,38,31,.68); font-size:16px; line-height:1.65; }
.ute-journey-chat-button,.ute-journey-actions button,.ute-journey-primary-actions button,.ute-journey-checkin button,.ute-journey-continue button,.ute-answer-journey button { border:1px solid rgba(48,38,31,.16); border-radius:999px; background:#342920; color:#fff; padding:11px 18px; font:inherit; font-size:13px; font-weight:650; cursor:pointer; }
.ute-journey-chat-button { flex:0 0 auto; }
.ute-journey-chat-button:hover,.ute-journey-actions button:hover,.ute-journey-primary-actions button:hover,.ute-journey-checkin button:hover,.ute-journey-continue button:hover,.ute-answer-journey button:hover { transform:translateY(-1px); }
.ute-journey-status { margin:20px 0; padding:16px 18px; border:1px solid rgba(48,38,31,.10); border-radius:18px; background:#fffaf4; color:rgba(48,38,31,.68); }
.ute-journey-status.is-error { border-color:rgba(145,73,48,.24); color:#84482f; }
.ute-journey-onboarding,.ute-journey-primary,.ute-journey-checkin,.ute-journey-needs,.ute-journey-continue { border:1px solid rgba(48,38,31,.10); border-radius:26px; background:rgba(255,255,255,.82); box-shadow:0 18px 50px rgba(80,55,35,.06); }
.ute-journey-onboarding { position:relative; padding:34px; }
.ute-journey-onboarding article { max-width:850px; margin:0 auto; }
.ute-journey-onboarding h2,.ute-journey-primary h2,.ute-journey-section-head h2,.ute-journey-continue h2 { margin:7px 0 12px; color:#30261f; font-size:clamp(25px,3vw,34px); line-height:1.12; letter-spacing:-.04em; font-weight:470; }
.ute-journey-onboarding article > p:not(.ute-kicker),.ute-journey-primary > p:not(.ute-kicker),.ute-journey-continue p { color:rgba(48,38,31,.68); line-height:1.65; }
.ute-journey-progress { display:flex; justify-content:center; gap:10px; margin:0 0 28px; }
.ute-journey-progress span { display:grid; place-items:center; width:30px; height:30px; border:1px solid rgba(48,38,31,.14); border-radius:50%; color:rgba(48,38,31,.48); font-size:12px; font-weight:700; }
.ute-journey-progress span.is-active,.ute-journey-progress span.is-done { background:#342920; border-color:#342920; color:#fff; }
.ute-journey-code-three { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:24px 0; }
.ute-journey-code-three > div { padding:18px; border:1px solid rgba(48,38,31,.09); border-radius:18px; background:#fbf6ef; }
.ute-journey-code-three span { display:block; margin-bottom:8px; color:#80654f; font-size:11px; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.ute-journey-code-three p { margin:0; color:rgba(48,38,31,.76); font-size:14px; line-height:1.58; }
.ute-journey-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.ute-journey-actions button.is-quiet { background:transparent; color:#49382c; }
.ute-journey-actions button:disabled { opacity:.45; cursor:not-allowed; transform:none; }
.ute-journey-focus-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:22px 0; }
.ute-journey-focus-grid button { min-height:66px; padding:16px 18px; border:1px solid rgba(48,38,31,.11); border-radius:18px; background:#fbf6ef; color:#3a2d24; text-align:left; cursor:pointer; }
.ute-journey-focus-grid button.is-selected { border-color:#7e5d45; background:#f2e7da; box-shadow:inset 0 0 0 1px #7e5d45; }
.ute-journey-focus-grid span { font-weight:650; }
.ute-journey-onboarding textarea { width:100%; min-height:126px; box-sizing:border-box; margin:14px 0 0; padding:16px; border:1px solid rgba(48,38,31,.14); border-radius:18px; background:#fffdf9; color:#30261f; font:inherit; line-height:1.58; resize:vertical; }
.ute-journey-dashboard { display:grid; gap:20px; }
.ute-journey-primary { padding:32px; background:linear-gradient(145deg,#fffaf4,#f2e5d7); }
.ute-journey-primary h2 { max-width:760px; }
.ute-journey-primary > p:not(.ute-kicker) { max-width:760px; }
.ute-journey-primary-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.ute-journey-checkin { padding:24px 28px; }
.ute-journey-checkin > span { display:block; margin-bottom:6px; color:#80654f; font-size:11px; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.ute-journey-checkin > strong { display:block; max-width:780px; color:#30261f; font-size:18px; line-height:1.45; font-weight:580; }
.ute-journey-checkin > div { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.ute-journey-checkin button { background:#fff; color:#49382c; }
.ute-journey-needs { padding:28px; }
.ute-journey-section-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:18px; }
.ute-journey-section-head > span { color:rgba(48,38,31,.52); font-size:13px; }
.ute-journey-needs-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.ute-journey-needs-grid button { display:flex; flex-direction:column; align-items:flex-start; min-height:112px; padding:20px; border:1px solid rgba(48,38,31,.10); border-radius:20px; background:#fffaf4; color:#30261f; text-align:left; cursor:pointer; }
.ute-journey-needs-grid button:hover { border-color:rgba(126,93,69,.48); transform:translateY(-1px); box-shadow:0 10px 26px rgba(80,55,35,.06); }
.ute-journey-needs-grid span { font-size:17px; font-weight:650; }
.ute-journey-needs-grid em { margin-top:7px; color:rgba(48,38,31,.60); font-size:13px; line-height:1.5; font-style:normal; }
.ute-journey-continue { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:26px 28px; }
.ute-journey-continue > div:first-child { max-width:760px; }
.ute-journey-continue h2 { font-size:24px; }
.ute-journey-continue [data-ute-journey-continue-action] { flex:0 0 auto; }
.ute-journey-continue a { display:inline-flex; padding:11px 18px; border-radius:999px; background:#342920; color:#fff; font-size:13px; font-weight:650; text-decoration:none; }
.ute-journey-quick { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.ute-journey-quick a { display:flex; flex-direction:column; min-height:92px; padding:18px; border:1px solid rgba(48,38,31,.09); border-radius:18px; background:rgba(255,255,255,.68); color:#30261f; text-decoration:none; }
.ute-journey-quick span { font-weight:650; }
.ute-journey-quick em { margin-top:7px; color:rgba(48,38,31,.56); font-size:12px; line-height:1.45; font-style:normal; }
.ute-answer-journey { margin-top:14px; padding-top:14px; border-top:1px solid rgba(48,38,31,.09); }
.ute-answer-feedback > span { display:block; margin-bottom:9px; color:rgba(48,38,31,.64); font-size:12px; font-weight:650; }
.ute-answer-feedback > div,.ute-answer-feedback-details { display:flex; flex-wrap:wrap; gap:7px; }
.ute-answer-journey button { background:#fffaf4; color:#49382c; padding:8px 12px; font-size:11.5px; }
.ute-answer-feedback textarea { width:100%; box-sizing:border-box; margin:8px 0; padding:10px 12px; border:1px solid rgba(48,38,31,.13); border-radius:13px; background:#fff; color:#30261f; font:inherit; font-size:13px; resize:vertical; }
.ute-answer-feedback p { margin:0; color:rgba(48,38,31,.64); font-size:12.5px; line-height:1.55; }
.ute-answer-next-step { margin-top:12px; padding:12px 14px; border:1px solid rgba(48,38,31,.08); border-radius:15px; background:#fbf6ef; }
.ute-answer-next-step p { margin:0 0 10px; color:rgba(48,38,31,.72); font-size:12.5px; line-height:1.55; }

@media (max-width:860px) {
  .ute-journey-home { padding-top:4px; }
  .ute-journey-hero { align-items:flex-start; flex-direction:column; padding:12px 0 20px; }
  .ute-journey-chat-button { width:100%; }
  .ute-journey-onboarding,.ute-journey-primary,.ute-journey-needs { padding:22px 18px; border-radius:22px; }
  .ute-journey-code-three,.ute-journey-focus-grid,.ute-journey-needs-grid,.ute-journey-quick { grid-template-columns:1fr; }
  .ute-journey-continue { align-items:flex-start; flex-direction:column; padding:22px 18px; }
  .ute-journey-continue [data-ute-journey-continue-action],.ute-journey-continue button,.ute-journey-continue a { width:100%; box-sizing:border-box; justify-content:center; }
  .ute-journey-section-head { align-items:flex-start; flex-direction:column; gap:4px; }
  .ute-journey-checkin { padding:20px 18px; }
  .ute-journey-checkin button { flex:1 1 calc(50% - 8px); }
}


/* v2.21.1 — Journey experience hierarchy */
.ute-answer-journey { display:grid; gap:12px; }
.ute-answer-journey > section,.ute-answer-more-options { border-radius:15px; }
.ute-answer-next-step-primary { margin-top:0; padding:15px 16px; border:1px solid rgba(126,93,69,.22); background:linear-gradient(145deg,#fffaf4,#f4e8da); }
.ute-answer-next-step-primary > span,.ute-answer-continue-one > span { display:block; margin-bottom:7px; color:#80654f; font-size:11px; font-weight:750; letter-spacing:.06em; text-transform:uppercase; }
.ute-answer-next-step-primary p { margin:0 0 12px; color:#30261f; font-size:14px; line-height:1.58; font-weight:540; }
.ute-answer-next-step-primary button { background:#342920; color:#fff; }
.ute-answer-feedback { padding:12px 14px; border:1px solid rgba(48,38,31,.07); border-radius:15px; background:rgba(255,255,255,.55); }
.ute-answer-continue-one { padding:12px 14px; border:1px solid rgba(48,38,31,.07); background:#fffdf9; }
.ute-answer-continue-one button { width:100%; text-align:left; justify-content:flex-start; }
.ute-answer-more-options { padding:0 12px; border:1px solid rgba(48,38,31,.07); background:rgba(255,255,255,.45); }
.ute-answer-more-options summary { padding:11px 2px; color:rgba(48,38,31,.68); font-size:12px; font-weight:650; cursor:pointer; }
.ute-answer-more-options > div { display:flex; flex-wrap:wrap; gap:8px; padding:0 0 12px; }
@media (max-width:720px) {
  .ute-answer-next-step-primary button,.ute-answer-continue-one button { width:100%; justify-content:center; text-align:center; }
}

/* v2.21.2 — UI entry guidance */
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-entry-guidance {
  margin: 8px 0 0;
  padding: 9px 11px;
  border: 1px solid rgba(126, 105, 79, .18);
  border-radius: 12px;
  background: rgba(248, 244, 237, .72);
  color: #6b5f52;
  font-size: 13px;
  line-height: 1.45;
}
body.ute-miniapp-page .ute-miniapp .ute-view-chat .ute-entry-guidance[hidden] { display: none !important; }