/* Viktor · Sajla — topla paleta (FAZA 1). Učitava se zadnja. Boje samo iz viktor-color-tokens.css. */
@import url("viktor-color-tokens.css?v=2");

:root {
  color-scheme: light dark;

  --v05-bg: var(--pozadina-topla);
  --v05-surface: var(--kartica);
  --v05-surface-soft: var(--povrsina-meka-topla);
  --v05-surface-hover: var(--povrsina-hover-topla);
  --v05-text: var(--tekst);
  --v05-muted: var(--tekst-prigusen);
  --v05-faint: var(--tekst-blago);
  --v05-line: var(--linija-topla);
  --v05-line-strong: var(--linija-topla-jaka);
  --v05-accent: var(--plava);
  --v05-accent-soft: var(--plava-vrlo-laga);
  --v05-sapphire: var(--plava);
  --v05-good: var(--plava);
  --v05-gold: var(--zlato);
  --v05-warn: var(--zlato);
  --v05-danger: var(--crvena);
  --v05-shadow: var(--sjena-topla);

  --bg: var(--pozadina-topla);
  --panel: var(--kartica);
  --panel2: var(--povrsina-meka-topla);
  --line: var(--linija-topla);
  --text: var(--tekst);
  --muted: var(--tekst-prigusen);
  --cyan: var(--plava);
  --green: var(--plava);
  --red: var(--crvena);
  --amber: var(--zlato);
  --shadow: var(--sjena-topla);
}

html {
  background: var(--pozadina-topla);
}

body.v05-module,
body.viktor-minimal-app {
  color: var(--tekst) !important;
  background: var(--pozadina-topla) !important;
}

body.v05-module > .app-shell {
  background: var(--pozadina-topla) !important;
}

body.v05-module > .app-shell > .sidebar,
body.v05-settings-page .v05-settings-sidebar {
  background: var(--kartica) !important;
  border-color: var(--linija-topla) !important;
}

body.v05-module .brand-mark,
.viktor-minimal-app .claude-brand-mark,
.viktor-minimal-app .install-sheet-mark {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  border: 0 !important;
  border-radius: 11px !important;
  color: var(--tekst-na-plavoj) !important;
  background: var(--plava) !important;
  box-shadow: none !important;
}

body.v05-module .brand-mark img,
.viktor-minimal-app .claude-brand-mark img {
  display: none !important;
}

body.v05-module .brand-mark::after,
.viktor-minimal-app .claude-brand-mark::after {
  content: "V";
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--tekst-na-plavoj);
}

body.v05-module .brand b,
body.v05-module .brand strong {
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

body.v05-module .panel,
body.v05-module .metric,
body.v05-module .record,
body.v05-module .project-card,
body.v05-module .info-box,
body.v05-module .login-card {
  background: var(--kartica) !important;
  border: 1px solid var(--linija-topla) !important;
  box-shadow: none !important;
}

body.v05-module.login-body,
body.v05-module.login-body .login-card {
  --v05-text: var(--tekst);
  --v05-muted: var(--tekst-prigusen);
  --v05-bg: var(--pozadina-topla);
  --v05-surface: var(--kartica);
}

body.v05-module.login-body .login-card h1,
body.v05-module.login-body .login-card label,
body.v05-module.login-body .login-card p,
body.v05-module.login-body .login-card .brand-kicker {
  color: var(--tekst) !important;
}

body.v05-module.login-body .login-card p,
body.v05-module.login-body .muted-link {
  color: var(--tekst-prigusen) !important;
}

body.v05-module .button.primary,
body.v05-module button.primary,
body.v05-module .button.primary.small,
body.v05-module button[type="submit"]:not(.secondary):not(.danger):not(.ghost):not(.mete-link):not(.button-link) {
  border-color: var(--plava) !important;
  background: var(--plava) !important;
  color: var(--tekst-na-plavoj) !important;
}

body.v05-module .button.primary:hover,
body.v05-module button.primary:hover {
  background: var(--plava-tamna) !important;
  border-color: var(--plava-tamna) !important;
}

body.v05-module .sidebar nav a.active,
.viktor-minimal-app .minimal-conversation-item.is-current {
  box-shadow: inset 3px 0 var(--plava) !important;
}

body.v05-module .sidebar nav a span,
.viktor-minimal-app .minimal-conversation-item.is-current .minimal-conversation-title {
  color: var(--plava) !important;
}

body.v05-module input,
body.v05-module select,
body.v05-module textarea {
  background: var(--kartica) !important;
  color: var(--tekst) !important;
  border-color: var(--linija-topla) !important;
}

body.v05-module input:focus,
body.v05-module select:focus,
body.v05-module textarea:focus {
  border-color: var(--plava) !important;
  box-shadow: 0 0 0 3px var(--plava-vrlo-laga) !important;
}

.viktor-minimal-app .send-button,
.viktor-minimal-app .composer-send,
.viktor-minimal-app .mobile-send-button,
.viktor-minimal-app .command-send {
  background: var(--plava) !important;
  color: var(--tekst-na-plavoj) !important;
  border-color: var(--plava) !important;
}

:root[data-viktor-theme="dark"] .viktor-minimal-app .send-button,
:root[data-viktor-theme="dark"] .viktor-minimal-app .command-send {
  background: var(--plava) !important;
  color: var(--tekst-na-plavoj) !important;
}

.viktor-minimal-app .message-content .viktor-approval-confirm,
:root[data-viktor-theme="dark"] .viktor-minimal-app .message-content .viktor-approval-confirm {
  background: var(--plava) !important;
  border-color: var(--plava) !important;
  color: var(--tekst-na-plavoj) !important;
}

.viktor-minimal-app .claude-icon-button:focus,
.viktor-minimal-app .claude-icon-button:focus-visible,
.viktor-minimal-app [data-viktor-theme-toggle]:focus,
.viktor-minimal-app [data-viktor-theme-toggle]:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
}

.viktor-minimal-app .message-content a:not(.rich-source-link) {
  color: var(--plava-tamna) !important;
}

:root[data-viktor-theme="dark"] .viktor-minimal-app .message-content a:not(.rich-source-link) {
  color: var(--plava-svijetla) !important;
}

.mete-screen {
  --mete-text: var(--tekst);
  --mete-muted: var(--tekst-prigusen);
  --mete-faint: var(--tekst-blago);
  --mete-line: var(--linija-topla);
}

.mete-table tbody tr:hover,
.mete-table tbody tr.is-stale:hover {
  background: var(--plava-vrlo-laga) !important;
}

.mete-card,
.mete-screen .panel {
  background: var(--kartica) !important;
  border: 1px solid var(--linija-topla) !important;
}

.mete-region-nav a.is-active {
  background: var(--plava) !important;
  border-color: var(--plava) !important;
  color: var(--tekst-na-plavoj) !important;
}

.mete-web-link,
.mete-link-restore,
body.v05-module a:not(.button):not(.mete-link) {
  color: var(--plava-tamna);
}

.mete-kupac-pill.good,
.mete-kupac-select.good,
.pill.good {
  color: var(--plava-tamna) !important;
  background: var(--plava-vrlo-laga) !important;
}

body.v05-module button.mete-link,
body.v05-module .mete-table button.mete-link,
body.v05-module .mete-acts button.mete-link,
body.v05-module .mete-acts a.mete-link {
  display: inline-block;
  width: auto;
  min-height: 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45;
  text-align: left;
  cursor: pointer;
  visibility: visible !important;
  opacity: 1 !important;
}

body.v05-module .mete-more-trigger {
  display: inline-block;
  min-width: 1.25rem;
  padding: 2px 4px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--tekst-prigusen) !important;
  font-size: 18px !important;
  line-height: 1;
  cursor: pointer;
  visibility: visible !important;
}

body.v05-module button.mete-link-restore,
body.v05-module .mete-table a.mete-link-restore,
body.v05-module button.mete-link-explore,
body.v05-module .mete-table a.mete-link-explore {
  color: var(--plava-tamna) !important;
}

body.v05-module button.mete-link-archive,
body.v05-module .mete-table a.mete-link-archive {
  color: var(--tekst-prigusen) !important;
}

body.v05-module button.mete-link-delete,
body.v05-module .mete-table a.mete-link-delete {
  color: var(--crvena) !important;
}

body.v05-module button.mete-link:hover,
body.v05-module .mete-table a.mete-link:hover {
  text-decoration: underline;
  background: transparent !important;
}

.sajla-lead-why {
  background: var(--plava-vrlo-laga) !important;
  color: var(--plava-tamna) !important;
}

.offer-gap {
  color: var(--zlato) !important;
  background: var(--plava-vrlo-laga) !important;
}

.offer-gap.is-ready {
  color: var(--plava-tamna) !important;
  background: var(--plava-vrlo-laga) !important;
}

.button-link,
.button.link {
  color: var(--tekst-prigusen) !important;
}

.button-link:hover,
.button.link:hover {
  color: var(--tekst) !important;
}

.viktor-minimal-app .claude-chat-view {
  background: var(--pozadina-topla) !important;
}

.viktor-minimal-app .message-content {
  color: var(--tekst) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.viktor-minimal-app .message-user .message-content {
  max-width: 78% !important;
  padding: 12px 16px !important;
  border-radius: 14px !important;
  background: var(--plava-vrlo-laga) !important;
  border: 0 !important;
}

.viktor-minimal-app .message-assistant .message-content {
  max-width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.viktor-minimal-app .composer-zone {
  background: var(--pozadina-topla) !important;
}

.viktor-minimal-app .composer-wrap {
  position: relative;
}

.viktor-minimal-app .claude-composer {
  position: relative;
  align-items: center !important;
  border-color: var(--linija-topla-jaka) !important;
  background: var(--kartica) !important;
}

.viktor-minimal-app .claude-composer textarea,
.viktor-minimal-app .claude-composer textarea:focus,
.viktor-minimal-app .claude-composer textarea:focus-visible {
  font-size: 16px !important;
  line-height: 1.45 !important;
  color: var(--tekst) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.viktor-minimal-app .composer-plus {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--linija-topla-jaka);
  border-radius: 50%;
  background: transparent;
  color: var(--tekst-prigusen);
  cursor: pointer;
}

.viktor-minimal-app .composer-plus:hover {
  border-color: var(--tekst-blago);
  color: var(--tekst);
}

.viktor-minimal-app .composer-attach-menu {
  position: absolute;
  left: 0;
  bottom: calc(100% + 8px);
  z-index: 20;
  min-width: 220px;
  padding: 7px;
  border: 1px solid var(--linija-topla);
  border-radius: 11px;
  background: var(--kartica);
  box-shadow: var(--sjena-topla);
}

.viktor-minimal-app .composer-attach-menu[hidden] {
  display: none !important;
}

.viktor-minimal-app .composer-attach-menu button {
  width: 100%;
  padding: 9px 11px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--tekst-prigusen);
  font: inherit;
  font-size: 14.5px;
  text-align: left;
  cursor: pointer;
}

.viktor-minimal-app .composer-attach-menu button:hover {
  background: var(--plava-vrlo-laga);
  color: var(--tekst);
}

.viktor-minimal-app .send-button:hover {
  background: var(--plava-tamna) !important;
}

.viktor-minimal-app .claude-sidebar {
  background: var(--kartica) !important;
  border-color: var(--linija-topla) !important;
}

.viktor-minimal-app .claude-nav-item.is-active,
.viktor-minimal-app .side-action:hover {
  background: var(--povrsina-meka-topla) !important;
}

.viktor-minimal-app .activity-line.is-visible {
  display: block !important;
  color: var(--tekst-blago);
}

.viktor-minimal-app .message-user .message-content {
  background: var(--plava-vrlo-laga) !important;
}

.viktor-minimal-app #realtimeBadge,
.viktor-minimal-app .voice-live-badge {
  color: var(--plava) !important;
}