:root {
  --kortex-bg: #f8fafc;
  --kortex-surface: rgba(255, 255, 255, .92);
  --kortex-soft: rgba(248, 250, 252, .84);
  --kortex-elevated: rgba(255, 255, 255, .98);
  --kortex-line: rgba(148, 163, 184, .28);
  --kortex-text: #0f172a;
  --kortex-muted: #64748b;
  --kortex-navy: #172554;
  --kortex-mint: #5eead4;
  --kortex-success: #0f766e;
  --kortex-danger: #b91c1c;
  --kortex-warning: #b45309;
  --kortex-radius: 8px;
  --kortex-shadow: 0 20px 70px rgba(15, 23, 42, .09);
}

html.dark,
html[data-theme="dark"] {
  --kortex-bg: #101418;
  --kortex-surface: rgba(25, 31, 38, .94);
  --kortex-soft: rgba(31, 39, 48, .78);
  --kortex-elevated: rgba(35, 43, 52, .98);
  --kortex-line: rgba(148, 163, 184, .18);
  --kortex-text: #f4f7fb;
  --kortex-muted: #a9b4c2;
  --kortex-success: #5eead4;
  --kortex-danger: #fca5a5;
  --kortex-warning: #fcd34d;
}

.kortex-shell {
  min-height: 100vh;
  background: var(--kortex-bg);
}

.kortex-ui-shell {
  min-height: 100vh;
  background: var(--kortex-bg);
  color: var(--kortex-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.dark .kortex-ui-shell {
  background: var(--kortex-bg);
}

.kortex-shell-topbar {
  border-bottom: 1px solid var(--kortex-line) !important;
  background: color-mix(in srgb, var(--kortex-surface), transparent 6%) !important;
  backdrop-filter: blur(22px);
}

.kortex-shell-main {
  width: min(100%, 80rem);
  margin-inline: auto;
  padding: clamp(1rem, 2vw, 1.5rem);
}

.kortex-shell-content-area {
  display: grid;
  gap: clamp(1rem, 2vw, 1.35rem);
}

.kortex-shell-header {
  border: 1px solid var(--kortex-line);
  border-radius: 18px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--kortex-surface), #14b8a6 4%), color-mix(in srgb, var(--kortex-soft), #2563eb 3%));
  box-shadow: var(--kortex-shadow);
}

.kortex-shell-header-title {
  color: var(--kortex-text);
  font-weight: 900;
  letter-spacing: 0;
}

.kortex-shell-header-copy {
  color: var(--kortex-muted);
  line-height: 1.65;
}

.kortex-shell-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem;
}

.kortex-shell-actionbar {
  position: sticky;
  top: 5rem;
  z-index: 18;
  border: 1px solid var(--kortex-line);
  border-radius: 16px;
  background: color-mix(in srgb, var(--kortex-surface), transparent 4%);
  padding: .85rem;
  box-shadow: 0 16px 44px rgba(15, 23, 42, .08);
  backdrop-filter: blur(18px);
}

.kortex-shell-panel {
  border: 1px solid var(--kortex-line);
  border-radius: 16px;
  background: var(--kortex-surface);
  box-shadow: 0 16px 44px rgba(15, 23, 42, .06);
}

.kortex-shell-panel-soft {
  border: 1px solid var(--kortex-line);
  border-radius: 14px;
  background: var(--kortex-soft);
}

.kortex-shell-side-panel {
  border: 1px dashed color-mix(in srgb, var(--kortex-line), var(--kortex-success) 28%);
  border-radius: 16px;
  background: color-mix(in srgb, var(--kortex-soft), transparent 10%);
}

.kortex-shell-footer {
  margin-top: 2rem;
  border-top: 1px solid var(--kortex-line);
  color: var(--kortex-muted);
  padding: 1rem 0;
  font-size: .8rem;
  font-weight: 700;
}

.kortex-shell-message {
  border-radius: 12px;
  border: 1px solid var(--kortex-line);
  padding: .9rem 1rem;
  font-size: .9rem;
  font-weight: 700;
}

.kortex-shell-message-error {
  border-color: rgba(248, 113, 113, .38);
  background: rgba(254, 242, 242, .92);
  color: #991b1b;
}

.dark .kortex-shell-message-error {
  border-color: rgba(248, 113, 113, .24);
  background: rgba(69, 10, 10, .5);
  color: #fecaca;
}

.kortex-shell-message-success {
  border-color: rgba(20, 184, 166, .36);
  background: rgba(240, 253, 250, .92);
  color: #0f766e;
}

.dark .kortex-shell-message-success {
  border-color: rgba(94, 234, 212, .28);
  background: rgba(20, 83, 75, .34);
  color: #99f6e4;
}

.kortex-shell-loading,
.kortex-shell-empty {
  border: 1px dashed var(--kortex-line);
  border-radius: 14px;
  background: color-mix(in srgb, var(--kortex-soft), transparent 12%);
  color: var(--kortex-muted);
  padding: 1rem;
  font-size: .9rem;
  font-weight: 750;
}

.kortex-shell-loading {
  position: relative;
  overflow: hidden;
}

.kortex-shell-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .28), transparent);
  animation: kortexShellLoading 1.3s ease-in-out infinite;
}

@keyframes kortexShellLoading {
  to { transform: translateX(100%); }
}

.kortex-page {
  width: min(100%, 80rem);
  margin-inline: auto;
  padding: 1.5rem 1rem;
}

.kortex-topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  border-bottom: 1px solid var(--kortex-line);
  background: color-mix(in srgb, var(--kortex-surface), transparent 8%);
  backdrop-filter: blur(18px);
}

.kortex-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}

.kortex-panel,
.kortex-card {
  border: 1px solid var(--kortex-line);
  border-radius: var(--kortex-radius);
  background: var(--kortex-surface);
  box-shadow: var(--kortex-shadow), inset 0 1px 0 rgba(255, 255, 255, .28);
  backdrop-filter: blur(18px);
}

.kortex-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.kortex-input {
  min-height: 2.5rem;
  border: 1px solid var(--kortex-line);
  border-radius: var(--kortex-radius);
  background: var(--kortex-elevated);
  color: var(--kortex-text);
  padding: .65rem .8rem;
  font: inherit;
  font-size: .9rem;
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.kortex-input:focus {
  border-color: color-mix(in srgb, var(--kortex-success), var(--kortex-line) 24%);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--kortex-success), transparent 86%);
}

.kortex-fornecedor-picker {
  display: grid;
  gap: .9rem;
  border: 1px solid var(--kortex-line);
  border-radius: 14px;
  background: var(--kortex-surface);
  padding: 1rem;
  box-shadow: 0 14px 40px rgba(15, 23, 42, .06);
}

.kortex-fornecedor-picker-head h3 {
  margin: .15rem 0 0;
  color: var(--kortex-text);
  font-size: 1rem;
  font-weight: 850;
}

.kortex-fornecedor-picker-head p,
.kortex-fornecedor-result small,
.kortex-fornecedor-selected span {
  color: var(--kortex-muted);
  font-size: .82rem;
}

.kortex-section-kicker {
  margin: 0;
  color: var(--kortex-success);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.kortex-fornecedor-search-row,
.kortex-fornecedor-actions {
  display: flex;
  gap: .65rem;
  align-items: center;
}

.kortex-fornecedor-search-row .kortex-input {
  flex: 1;
  min-width: 0;
}

.kortex-fornecedor-results {
  display: grid;
  gap: .55rem;
}

.kortex-fornecedor-result {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  border: 1px solid var(--kortex-line);
  border-radius: 12px;
  background: var(--kortex-elevated);
  color: var(--kortex-text);
  padding: .75rem .85rem;
  text-align: left;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.kortex-fornecedor-result:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--kortex-success), var(--kortex-line) 42%);
  box-shadow: 0 12px 26px rgba(15, 23, 42, .08);
}

.kortex-fornecedor-result span:first-child,
.kortex-fornecedor-selected {
  display: grid;
  gap: .15rem;
}

.kortex-fornecedor-selected {
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  border: 1px solid color-mix(in srgb, var(--kortex-success), var(--kortex-line) 48%);
  border-radius: 12px;
  background: color-mix(in srgb, var(--kortex-success), transparent 91%);
  padding: .75rem;
}

.kortex-fornecedor-quick {
  border-top: 1px solid var(--kortex-line);
  padding-top: .8rem;
}

.kortex-fornecedor-quick summary {
  cursor: pointer;
  color: var(--kortex-text);
  font-size: .9rem;
  font-weight: 800;
}

.kortex-fornecedor-quick form {
  display: grid;
  gap: .75rem;
  margin-top: .85rem;
}

.kortex-form-grid {
  display: grid;
  gap: .65rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 720px) {
  .kortex-fornecedor-search-row,
  .kortex-fornecedor-selected {
    grid-template-columns: 1fr;
  }

  .kortex-fornecedor-search-row,
  .kortex-fornecedor-actions,
  .kortex-fornecedor-result,
  .kortex-fornecedor-selected {
    display: grid;
  }

  .kortex-form-grid {
    grid-template-columns: 1fr;
  }
}

.kortex-soft {
  border: 1px solid var(--kortex-line);
  border-radius: var(--kortex-radius);
  background: var(--kortex-soft);
}

.kortex-metric {
  border: 1px solid var(--kortex-line);
  border-radius: var(--kortex-radius);
  background: var(--kortex-surface);
  padding: 1rem;
}

.kortex-btn,
.kortex-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  min-height: 2.5rem;
  border-radius: 6px;
  border: 1px solid transparent;
  padding: 0 .95rem;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.kortex-btn:hover,
.kortex-icon-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(15, 23, 42, .12);
}

.kortex-btn:disabled,
.kortex-icon-btn:disabled {
  cursor: not-allowed;
  opacity: .58;
  transform: none;
  box-shadow: none;
}

.kortex-btn-primary {
  background: var(--kortex-primary, #16a34a);
  color: #fff;
}

.dark .kortex-btn-primary {
  background: var(--kortex-primary, #4ade80);
  color: #102018;
}

.kortex-btn-secondary {
  border-color: var(--kortex-line);
  background: var(--kortex-surface);
  color: var(--kortex-text);
}

.kortex-btn-success {
  background: #0f766e;
  color: #fff;
}

.dark .kortex-btn-success {
  background: var(--kortex-mint);
  color: #0f172a;
}

.kortex-btn-danger {
  border-color: rgba(248, 113, 113, .36);
  background: rgba(254, 242, 242, .95);
  color: #b91c1c;
}

.dark .kortex-btn-danger {
  border-color: rgba(127, 29, 29, .8);
  background: rgba(69, 10, 10, .82);
  color: #fecaca;
}

.kortex-btn-ghost {
  background: transparent;
  color: var(--kortex-text);
}

.kortex-icon-btn {
  width: 2.5rem;
  padding: 0;
  border-color: var(--kortex-line);
  background: var(--kortex-surface);
  color: var(--kortex-text);
}

.kortex-form-grid {
  display: grid;
  gap: .85rem;
}

.kortex-label {
  display: grid;
  gap: .4rem;
  color: var(--kortex-muted);
  font-size: .875rem;
  font-weight: 600;
}

.kortex-input {
  min-height: 2.5rem;
  border: 1px solid var(--kortex-line);
  border-radius: 6px;
  background: var(--kortex-surface);
  color: var(--kortex-text);
  padding: .55rem .75rem;
  font-size: .875rem;
}

.kortex-input:focus {
  outline: 0;
  box-shadow: 0 0 0 4px rgba(20, 184, 166, .14);
}

.kortex-section-title {
  color: var(--kortex-text);
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0;
}

.kortex-eyebrow {
  color: var(--kortex-success);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.kortex-badge {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-height: 1.65rem;
  border: 1px solid var(--kortex-line);
  border-radius: 999px;
  background: var(--kortex-soft);
  color: var(--kortex-muted);
  padding: .2rem .58rem;
  font-size: .75rem;
  font-weight: 800;
}

.kortex-side-panel-grid {
  display: grid;
  gap: .85rem;
}

.kortex-compact-field {
  display: grid;
  gap: .35rem;
}

.kortex-compact-field span {
  color: var(--kortex-muted);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.kortex-compact-field input,
.kortex-compact-field textarea,
.kortex-compact-field select {
  width: 100%;
  border: 1px solid var(--kortex-line);
  border-radius: 8px;
  background: var(--kortex-surface);
  color: var(--kortex-text);
  padding: .6rem .7rem;
  font-size: .875rem;
}

.kortex-compact-field small {
  color: var(--kortex-muted);
  font-size: .75rem;
  line-height: 1.35;
}

.kortex-timeline {
  position: relative;
  display: grid;
  gap: .75rem;
}

.kortex-timeline-item {
  position: relative;
  border: 1px solid var(--kortex-line);
  border-radius: 10px;
  background: var(--kortex-soft);
  padding: .85rem .9rem;
}

.kortex-timeline-item strong {
  color: var(--kortex-text);
}

.kortex-timeline-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin-top: .45rem;
  color: var(--kortex-muted);
  font-size: .75rem;
  font-weight: 700;
}

.kortex-memory-highlight {
  border: 1px solid color-mix(in srgb, var(--kortex-success), var(--kortex-line) 55%);
  border-radius: 12px;
  background: color-mix(in srgb, var(--kortex-success), transparent 92%);
  padding: 1rem;
}

.kortex-insight-grid {
  display: grid;
  gap: .85rem;
}

@media (min-width: 768px) {
  .kortex-insight-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.kortex-insight-card {
  border: 1px solid var(--kortex-line);
  border-radius: 12px;
  background: var(--kortex-soft);
  padding: .95rem;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.kortex-insight-card-button {
  width: 100%;
  text-align: left;
}

.kortex-insight-card:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--kortex-success), var(--kortex-line) 45%);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .09);
}

.kortex-insight-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .8rem;
}

.kortex-insight-title {
  color: var(--kortex-text);
  font-size: .96rem;
  font-weight: 900;
  line-height: 1.25;
}

.kortex-insight-summary {
  margin-top: .45rem;
  color: var(--kortex-muted);
  font-size: .86rem;
  font-weight: 650;
  line-height: 1.5;
}

.kortex-insight-evidence {
  display: grid;
  gap: .45rem;
  margin-top: .8rem;
}

.kortex-insight-evidence-item {
  border: 1px solid var(--kortex-line);
  border-radius: 10px;
  background: color-mix(in srgb, var(--kortex-surface), transparent 18%);
  color: var(--kortex-muted);
  padding: .55rem .65rem;
  font-size: .75rem;
  font-weight: 750;
}

.kortex-insight-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
  margin-top: .85rem;
}

.kortex-action-list {
  display: grid;
  gap: .65rem;
}

.kortex-action-item {
  width: 100%;
  border: 1px solid var(--kortex-line);
  border-radius: 12px;
  background: var(--kortex-soft);
  padding: .8rem;
  text-align: left;
}

.kortex-help {
  color: var(--kortex-muted);
  font-size: .8125rem;
  line-height: 1.45;
}

.kortex-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--kortex-line);
  border-radius: var(--kortex-radius);
  background: var(--kortex-surface);
}

.kortex-table {
  min-width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: .875rem;
}

.kortex-table th {
  color: var(--kortex-muted);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.kortex-table th,
.kortex-table td {
  border-bottom: 1px solid var(--kortex-line);
  padding: .75rem;
}

.kortex-feedback,
.kortex-empty,
.kortex-loading {
  border: 1px solid var(--kortex-line);
  border-radius: var(--kortex-radius);
  background: var(--kortex-soft);
  color: var(--kortex-muted);
  padding: .8rem 1rem;
  font-size: .875rem;
  line-height: 1.45;
}

.kortex-feedback-success {
  border-color: rgba(20, 184, 166, .36);
  background: rgba(240, 253, 250, .94);
  color: #115e59;
}

.dark .kortex-feedback-success {
  border-color: rgba(20, 184, 166, .28);
  background: rgba(19, 78, 74, .55);
  color: #ccfbf1;
}

.kortex-feedback-error {
  border-color: rgba(248, 113, 113, .42);
  background: rgba(254, 242, 242, .96);
  color: #991b1b;
}

.dark .kortex-feedback-error {
  border-color: rgba(127, 29, 29, .78);
  background: rgba(69, 10, 10, .76);
  color: #fecaca;
}

.kortex-feedback-warning {
  border-color: rgba(251, 191, 36, .48);
  background: rgba(255, 251, 235, .96);
  color: #92400e;
}

.dark .kortex-feedback-warning {
  border-color: rgba(146, 64, 14, .75);
  background: rgba(69, 26, 3, .68);
  color: #fde68a;
}

.kortex-feedback-info,
.kortex-empty,
.kortex-toast-host {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 60;
  display: grid;
  width: min(24rem, calc(100vw - 2rem));
  gap: .75rem;
  pointer-events: none;
}

.kortex-toast {
  pointer-events: auto;
  border-radius: var(--kortex-radius);
  box-shadow: 0 18px 40px rgba(15, 23, 42, .18);
  animation: kortex-toast-in .18s ease-out;
}

.kortex-admin-nav {
  border: 1px solid var(--kortex-line);
  border-radius: var(--kortex-radius);
  background: var(--kortex-surface);
  box-shadow: var(--kortex-shadow), inset 0 1px 0 rgba(255, 255, 255, .24);
  padding: 1rem;
  backdrop-filter: blur(18px);
}

.kortex-admin-nav-header {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: .85rem;
}

.kortex-admin-nav-eyebrow {
  color: var(--kortex-success);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.kortex-admin-nav-title {
  margin-top: .25rem;
  color: var(--kortex-text);
  font-size: 1rem;
  font-weight: 800;
}

.kortex-admin-nav-description {
  margin-top: .2rem;
  color: var(--kortex-muted);
  font-size: .875rem;
}

.kortex-admin-nav-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
  gap: .65rem;
}

.kortex-admin-nav-link {
  display: flex;
  min-height: 4.4rem;
  align-items: flex-start;
  gap: .7rem;
  border: 1px solid var(--kortex-line);
  border-radius: 8px;
  background: var(--kortex-soft);
  padding: .8rem;
  color: var(--kortex-text);
  text-decoration: none;
  transition: transform .16s ease, border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

.kortex-admin-nav-link:hover {
  transform: translateY(-1px);
  border-color: rgba(20, 184, 166, .42);
  box-shadow: 0 12px 28px rgba(15, 23, 42, .1);
}

.kortex-admin-nav-link.is-active {
  border-color: rgba(20, 184, 166, .55);
  background: rgba(240, 253, 250, .78);
}

.dark .kortex-admin-nav-link.is-active {
  background: rgba(19, 78, 74, .36);
}

.kortex-admin-nav-icon {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(20, 184, 166, .12);
  color: var(--kortex-success);
}

.kortex-admin-nav-label {
  display: block;
  color: var(--kortex-text);
  font-size: .875rem;
  font-weight: 800;
}

.kortex-admin-nav-copy {
  display: block;
  margin-top: .18rem;
  color: var(--kortex-muted);
  font-size: .75rem;
  line-height: 1.35;
}

.kortex-owner-enhanced {
  background: var(--kortex-bg);
}

.kortex-owner-enhanced > .min-h-screen > header:first-child {
  display: none;
}

.kortex-owner-enhanced .min-h-screen {
  min-height: 100vh;
  padding-left: 18rem;
  background: transparent !important;
  transition: padding-left .22s ease;
}

.kortex-owner-enhanced main {
  width: min(100%, 86rem);
  max-width: 86rem !important;
  padding-top: 5.75rem !important;
}

.kortex-owner-sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 50;
  display: flex;
  width: 18rem;
  flex-direction: column;
  border-right: 1px solid var(--kortex-line);
  background: color-mix(in srgb, var(--kortex-elevated), transparent 4%);
  box-shadow: 18px 0 55px rgba(15, 23, 42, .08);
  backdrop-filter: blur(22px);
  transition: transform .22s ease, box-shadow .22s ease;
}

.kortex-owner-brand {
  display: flex;
  min-height: 5rem;
  align-items: center;
  gap: .75rem;
  border-bottom: 1px solid var(--kortex-line);
  padding: 1rem;
}

.kortex-owner-brand > span:nth-child(2) {
  min-width: 0;
}

.kortex-owner-collapse-btn {
  margin-left: auto;
  flex: 0 0 auto;
}

.kortex-owner-mark {
  display: inline-flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--kortex-primary, #16a34a);
  color: #fff;
  font-weight: 900;
}

.dark .kortex-owner-mark {
  background: var(--kortex-mint);
  color: #111827;
}

.kortex-owner-brand-title {
  display: block;
  color: var(--kortex-text);
  font-size: 1rem;
  font-weight: 900;
}

.kortex-owner-brand-copy {
  display: block;
  color: var(--kortex-muted);
  font-size: .75rem;
  font-weight: 700;
}

.kortex-owner-nav {
  display: grid;
  gap: .3rem;
  padding: .85rem;
}

.kortex-owner-nav a {
  display: flex;
  align-items: center;
  gap: .72rem;
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--kortex-muted);
  padding: .78rem .82rem;
  text-decoration: none;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.kortex-owner-nav a:hover {
  transform: translateX(2px);
  border-color: var(--kortex-line);
  background: var(--kortex-soft);
  color: var(--kortex-text);
}

.kortex-owner-nav a.is-active {
  border-color: rgba(20, 184, 166, .42);
  background: rgba(20, 184, 166, .12);
  color: var(--kortex-text);
}

.kortex-owner-nav-icon {
  display: inline-flex;
  height: 2rem;
  width: 2rem;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--kortex-soft);
  color: var(--kortex-success);
}

.kortex-owner-nav-label {
  display: block;
  font-size: .875rem;
  font-weight: 850;
}

.kortex-owner-nav-copy {
  display: block;
  margin-top: .1rem;
  font-size: .7rem;
  line-height: 1.25;
}

.kortex-owner-sidebar-footer {
  margin-top: auto;
  border-top: 1px solid var(--kortex-line);
  padding: 1rem;
}

.kortex-owner-reopen {
  position: fixed;
  top: 1rem;
  left: .85rem;
  z-index: 60;
  display: none;
  min-height: 2.55rem;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  border: 1px solid var(--kortex-line);
  border-radius: 8px;
  background: var(--kortex-elevated);
  color: var(--kortex-text);
  padding: 0 .8rem;
  font-size: .8rem;
  font-weight: 850;
  box-shadow: 0 16px 40px rgba(15, 23, 42, .16);
  backdrop-filter: blur(18px);
}

.kortex-owner-nav-collapsed .kortex-owner-sidebar {
  transform: translateX(calc(-100% - 1px));
  box-shadow: none;
}

.kortex-owner-nav-collapsed .kortex-owner-enhanced,
body.kortex-owner-nav-collapsed.kortex-owner-enhanced {
  background: var(--kortex-bg);
}

.kortex-owner-nav-collapsed .min-h-screen {
  padding-left: 0;
}

.kortex-owner-nav-collapsed .kortex-owner-topbar {
  left: 0;
  padding-left: 4.75rem;
}

.kortex-owner-nav-collapsed .kortex-owner-reopen {
  display: inline-flex;
}

.kortex-owner-mobilebar,
.kortex-owner-topbar {
  position: fixed;
  z-index: 45;
  border-bottom: 1px solid var(--kortex-line);
  background: color-mix(in srgb, var(--kortex-elevated), transparent 7%);
  backdrop-filter: blur(22px);
}

.kortex-owner-topbar {
  inset: 0 0 auto 18rem;
  display: flex;
  min-height: 4.75rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .85rem 1.25rem;
  transition: inset .22s ease, padding-left .22s ease;
}

.kortex-owner-mobilebar {
  display: none;
}

.kortex-owner-page-kicker {
  color: var(--kortex-success);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.kortex-owner-page-title {
  margin-top: .15rem;
  color: var(--kortex-text);
  font-size: 1.08rem;
  font-weight: 900;
}

.kortex-owner-page-copy {
  color: var(--kortex-muted);
  font-size: .8rem;
  font-weight: 600;
}

.kortex-owner-top-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: .5rem;
}

.kortex-owner-enhanced .panel,
.kortex-owner-enhanced .soft,
.kortex-owner-enhanced .rounded-md.border,
.kortex-owner-enhanced section.panel,
.kortex-owner-enhanced article.panel {
  border-color: var(--kortex-line) !important;
  background: var(--kortex-surface) !important;
  box-shadow: 0 18px 55px rgba(15, 23, 42, .075);
}

.kortex-owner-enhanced input,
.kortex-owner-enhanced select,
.kortex-owner-enhanced textarea {
  border-color: var(--kortex-line) !important;
  background: var(--kortex-elevated) !important;
  color: var(--kortex-text) !important;
}

.kortex-owner-enhanced [data-kortex-admin-nav] {
  display: none;
}

.kortex-owner-mobile-panel {
  position: fixed;
  inset: 4.25rem 0 auto 0;
  z-index: 55;
  display: none;
  border-bottom: 1px solid var(--kortex-line);
  background: var(--kortex-elevated);
  padding: .75rem;
  box-shadow: 0 20px 44px rgba(15, 23, 42, .14);
}

.kortex-owner-mobile-panel.is-open {
  display: block;
}

.kortex-owner-mobile-panel .kortex-owner-nav {
  padding: 0;
}

.kortex-owner-mobile-actions {
  margin-bottom: .65rem;
}

@keyframes kortex-toast-in {
  from {
    opacity: 0;
    transform: translateY(.35rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 640px) {
  .kortex-page {
    padding: 1rem;
  }

  .kortex-btn {
    width: 100%;
  }

  .kortex-actions {
    width: 100%;
  }

  .kortex-admin-nav-grid {
    grid-template-columns: 1fr;
  }
}

/* KORTEX Visual Foundation V1
   Base premium para as telas administrativas: superficies claras, tema escuro em grafite
   e componentes consistentes sem alterar comportamento das telas. */
:root {
  --kortex-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --kortex-bg: #f5f7f6;
  --kortex-page: #f7f9f8;
  --kortex-surface: #ffffff;
  --kortex-elevated: #ffffff;
  --kortex-soft: #f8faf9;
  --kortex-line: #e3e8e5;
  --kortex-line-strong: #d5ddd8;
  --kortex-text: #111827;
  --kortex-muted: #647067;
  --kortex-subtle: #8a958e;
  --kortex-primary: #16a34a;
  --kortex-primary-strong: #12813c;
  --kortex-primary-soft: #ecfdf3;
  --kortex-accent-blue: #2563eb;
  --kortex-warning-soft: #fff7ed;
  --kortex-danger-soft: #fef2f2;
  --kortex-radius-sm: 10px;
  --kortex-radius-md: 14px;
  --kortex-radius-lg: 18px;
  --kortex-radius-xl: 22px;
  --kortex-shadow-sm: 0 1px 2px rgba(17, 24, 39, .04), 0 1px 0 rgba(17, 24, 39, .03);
  --kortex-shadow-md: 0 14px 34px rgba(17, 24, 39, .07);
  --kortex-shadow-lg: 0 24px 64px rgba(17, 24, 39, .10);
}

.dark,
[data-theme="dark"] {
  --kortex-bg: #151a18;
  --kortex-page: #171d1b;
  --kortex-surface: #202824;
  --kortex-elevated: #26302c;
  --kortex-soft: #1b221f;
  --kortex-line: #33413b;
  --kortex-line-strong: #43534c;
  --kortex-text: #f3f6f4;
  --kortex-muted: #a8b4ae;
  --kortex-subtle: #83918a;
  --kortex-primary: #4ade80;
  --kortex-primary-strong: #86efac;
  --kortex-primary-soft: rgba(74, 222, 128, .13);
  --kortex-warning-soft: rgba(251, 191, 36, .13);
  --kortex-danger-soft: rgba(248, 113, 113, .13);
  --kortex-shadow-sm: 0 1px 2px rgba(0, 0, 0, .16);
  --kortex-shadow-md: 0 16px 36px rgba(0, 0, 0, .22);
  --kortex-shadow-lg: 0 24px 70px rgba(0, 0, 0, .28);
}

html,
body {
  font-family: var(--kortex-font-family);
  letter-spacing: 0;
}

body.kortex-visual-foundation {
  min-height: 100vh;
  background: var(--kortex-bg) !important;
  color: var(--kortex-text) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.kortex-visual-foundation .kortex-ui-shell,
.kortex-visual-foundation > div {
  background: var(--kortex-bg) !important;
  color: var(--kortex-text);
}

.kortex-visual-foundation .kortex-shell-main,
.kortex-visual-foundation main {
  background: transparent;
}

.kortex-visual-foundation .kortex-shell-topbar,
.kortex-visual-foundation header.kortex-shell-topbar,
.kortex-visual-foundation header {
  border-color: var(--kortex-line) !important;
  background: color-mix(in srgb, var(--kortex-surface), transparent 5%) !important;
  color: var(--kortex-text);
  box-shadow: var(--kortex-shadow-sm);
  backdrop-filter: blur(18px);
}

.kortex-visual-foundation :where(.kortex-shell-header, .kortex-shell-panel, .kortex-panel, .kortex-card, .kortex-metric, .kortex-table-wrap, .panel, .wallet-block) {
  border: 1px solid var(--kortex-line) !important;
  border-radius: var(--kortex-radius-lg) !important;
  background: var(--kortex-surface) !important;
  color: var(--kortex-text) !important;
  box-shadow: var(--kortex-shadow-sm) !important;
  backdrop-filter: none !important;
}

.kortex-visual-foundation :where(article, section) > :where(.rounded-md, .rounded-lg, .rounded-xl).border,
.kortex-visual-foundation :where(.soft, .kortex-soft, .kortex-shell-empty) {
  border-color: var(--kortex-line) !important;
  background: var(--kortex-soft) !important;
  color: var(--kortex-text) !important;
}

.kortex-visual-foundation :where(.kortex-shell-header, .kortex-shell-panel, .panel) + :where(.kortex-shell-header, .kortex-shell-panel, .panel) {
  margin-top: 1.25rem;
}

.kortex-visual-foundation :where(h1, h2, h3, h4, strong) {
  color: var(--kortex-text) !important;
  letter-spacing: 0;
}

.kortex-visual-foundation :where(p, small, label, span) {
  letter-spacing: 0;
}

.kortex-visual-foundation :where(.text-slate-400, .text-slate-500, .text-slate-600, .dark\:text-slate-400, .dark\:text-slate-500) {
  color: var(--kortex-muted) !important;
}

.kortex-visual-foundation :where(input, select, textarea) {
  min-height: 2.55rem;
  border: 1px solid var(--kortex-line) !important;
  border-radius: var(--kortex-radius-sm) !important;
  background: var(--kortex-elevated) !important;
  color: var(--kortex-text) !important;
  box-shadow: none !important;
}

.kortex-visual-foundation :where(input, select, textarea)::placeholder {
  color: var(--kortex-subtle) !important;
}

.kortex-visual-foundation :where(input, select, textarea):focus {
  border-color: color-mix(in srgb, var(--kortex-primary), var(--kortex-line) 35%) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--kortex-primary), transparent 84%) !important;
}

.kortex-visual-foundation :where(button, a.inline-flex, .kortex-btn, .kortex-universal-launcher) {
  border-radius: var(--kortex-radius-sm) !important;
  letter-spacing: 0;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease, color .16s ease;
}

.kortex-visual-foundation :where(button:hover, a.inline-flex:hover, .kortex-btn:hover, .kortex-universal-launcher:hover) {
  transform: translateY(-1px);
  box-shadow: var(--kortex-shadow-md) !important;
}

.kortex-visual-foundation :where(.bg-slate-950, .bg-navy) {
  background: var(--kortex-primary) !important;
  color: #ffffff !important;
}

.dark .kortex-visual-foundation :where(.bg-slate-950, .bg-navy) {
  background: var(--kortex-primary) !important;
  color: #102018 !important;
}

.kortex-visual-foundation :where(.bg-slate-900, .bg-slate-800) {
  background: var(--kortex-elevated) !important;
  color: var(--kortex-text) !important;
}

.kortex-visual-foundation :where(.bg-slate-50, .bg-white, .bg-white\/70, .bg-white\/75, .bg-white\/90) {
  background: var(--kortex-surface) !important;
}

.kortex-visual-foundation :where(.border-slate-200, .border-slate-300, .border-slate-700, .border-slate-800) {
  border-color: var(--kortex-line) !important;
}

.kortex-visual-foundation .kortex-badge,
.kortex-visual-foundation :where(.rounded-full.bg-slate-950) {
  border: 1px solid color-mix(in srgb, var(--kortex-primary), var(--kortex-line) 62%) !important;
  background: var(--kortex-primary-soft) !important;
  color: var(--kortex-primary-strong) !important;
}

.kortex-visual-foundation :where(table) {
  border-color: var(--kortex-line) !important;
  color: var(--kortex-text);
}

.kortex-visual-foundation :where(th) {
  background: var(--kortex-soft) !important;
  color: var(--kortex-muted) !important;
}

.kortex-visual-foundation :where(td) {
  border-color: var(--kortex-line) !important;
}

.kortex-visual-foundation .kortex-universal-palette {
  border-radius: var(--kortex-radius-xl);
  background: var(--kortex-elevated);
  box-shadow: var(--kortex-shadow-lg);
}

.kortex-visual-foundation .kortex-universal-result,
.kortex-visual-foundation .kortex-universal-command,
.kortex-visual-foundation .kortex-universal-searchbar input,
.kortex-visual-foundation .kortex-universal-searchbar select,
.kortex-visual-foundation .kortex-universal-searchbar button {
  background: var(--kortex-surface);
}

.kortex-visual-foundation .kortex-premium-sidebar,
.kortex-visual-foundation .kortex-owner-sidebar,
.kortex-visual-foundation .kortex-admin-sidebar {
  border-color: var(--kortex-line) !important;
  background: var(--kortex-surface) !important;
  box-shadow: var(--kortex-shadow-sm);
}

.kortex-visual-foundation .kortex-premium-nav-item,
.kortex-visual-foundation .kortex-admin-nav a,
.kortex-visual-foundation [data-kortex-admin-nav] a {
  border-radius: var(--kortex-radius-sm);
}

@media (max-width: 768px) {
  .kortex-visual-foundation .kortex-shell-main,
  .kortex-visual-foundation main {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .kortex-visual-foundation :where(.kortex-shell-header, .kortex-shell-panel, .panel) {
    border-radius: var(--kortex-radius-md) !important;
  }
}

@media (max-width: 1024px) {
  .kortex-owner-enhanced .min-h-screen {
    padding-left: 0;
  }

  .kortex-owner-enhanced main {
    padding-top: 5.25rem !important;
  }

  .kortex-owner-sidebar,
  .kortex-owner-topbar,
  .kortex-owner-reopen {
    display: none;
  }

  .kortex-owner-mobilebar {
    inset: 0 0 auto 0;
    display: flex;
    min-height: 4.25rem;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .75rem 1rem;
  }
}

/* KORTEX Design System V2
   Camada compatível: padroniza visual sem alterar IDs, rotas ou fluxos. */
:root {
  --kortex-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Helvetica Neue", sans-serif;
  --kortex-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --kortex-space-1: .25rem;
  --kortex-space-2: .5rem;
  --kortex-space-3: .75rem;
  --kortex-space-4: 1rem;
  --kortex-space-5: 1.25rem;
  --kortex-space-6: 1.5rem;
  --kortex-radius-sm: 6px;
  --kortex-radius-md: 8px;
  --kortex-radius-lg: 12px;
  --kortex-radius-xl: 16px;
  --kortex-focus: 0 0 0 4px rgba(20, 184, 166, .18);
  --kortex-status-info: #2563eb;
  --kortex-status-success: #0f766e;
  --kortex-status-warning: #b45309;
  --kortex-status-danger: #b91c1c;
}

html:not(.dark),
html[data-theme="light"] {
  --kortex-bg: #f8fafc;
  --kortex-surface: rgba(255, 255, 255, .94);
  --kortex-soft: rgba(248, 250, 252, .86);
  --kortex-elevated: rgba(255, 255, 255, .98);
  --kortex-line: rgba(148, 163, 184, .30);
  --kortex-text: #0f172a;
  --kortex-muted: #64748b;
  --kortex-status-info: #2563eb;
  --kortex-status-success: #0f766e;
  --kortex-status-warning: #b45309;
  --kortex-status-danger: #b91c1c;
}

html.dark,
html[data-theme="dark"] {
  --kortex-bg: #12171d;
  --kortex-surface: rgba(28, 35, 43, .95);
  --kortex-soft: rgba(36, 44, 54, .82);
  --kortex-elevated: rgba(41, 50, 60, .98);
  --kortex-line: rgba(171, 184, 201, .18);
  --kortex-text: #f3f7fb;
  --kortex-muted: #b2bfcd;
  --kortex-status-info: #93c5fd;
  --kortex-status-success: #5eead4;
  --kortex-status-warning: #fcd34d;
  --kortex-status-danger: #fca5a5;
}

html {
  font-family: var(--kortex-font-sans);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  color-scheme: light;
}

html.dark,
html[data-theme="dark"] {
  color-scheme: dark;
}

body {
  background: var(--kortex-bg, #f8fafc);
  color: var(--kortex-text, #0f172a);
  font-family: var(--kortex-font-sans);
  letter-spacing: 0;
}

html:not(.dark) body,
html[data-theme="light"] body {
  background-color: var(--kortex-bg, #f8fafc);
  color: var(--kortex-text, #0f172a);
}

:where(button, input, select, textarea, a):focus-visible {
  outline: 0;
  box-shadow: var(--kortex-focus);
}

:where(input, select, textarea, button) {
  font: inherit;
}

:where(h1, h2, h3, h4) {
  color: var(--kortex-text);
  letter-spacing: 0;
}

:where(p, label, small, span) {
  letter-spacing: 0;
}

.kortex-ds-v2 :where(.panel, .soft, .wallet-block, .wallet-metric, .wallet-detail-panel, .crm-stage, .crm-op-card, .crm-radar-card, .radar-v2-item, .productivity-panel, .kortex-card, .kortex-panel, .kortex-soft, article[class*="border"], section[class*="border"]) {
  border-color: var(--kortex-line) !important;
}

.kortex-ds-v2 :where(.panel, .wallet-block, .kortex-card, .kortex-panel) {
  background: var(--kortex-surface) !important;
  border-radius: var(--kortex-radius-lg);
  box-shadow: 0 18px 50px rgba(15, 23, 42, .075);
}

.kortex-ds-v2 :where(.soft, .wallet-metric, .wallet-detail-panel, .crm-op-card, .crm-radar-card, .radar-v2-item, .wallet-product-card, .wallet-rank-card) {
  background: var(--kortex-soft) !important;
  border-radius: var(--kortex-radius-lg);
}

.kortex-ds-v2 :where(input, select, textarea, .crm-input, .kortex-input) {
  border-color: var(--kortex-line) !important;
  background: var(--kortex-elevated) !important;
  color: var(--kortex-text) !important;
  border-radius: var(--kortex-radius-md) !important;
}

.kortex-ds-v2 :where(input::placeholder, textarea::placeholder) {
  color: color-mix(in srgb, var(--kortex-muted), transparent 18%);
}

.kortex-ds-v2 :where(button, .kortex-btn, .workspace-action, .wallet-shortcut, .crm-pill, a[class*="rounded-md"]) {
  letter-spacing: 0;
}

.kortex-ds-v2 :where(.kortex-btn, .workspace-action, .workspace-widget-control, .crm-pill, button[class*="rounded"], a[class*="rounded"]) {
  border-radius: var(--kortex-radius-md);
}

.kortex-ds-v2 :where(.crm-pill, .kortex-badge, [class*="rounded-full"]) {
  border-color: var(--kortex-line) !important;
  background: var(--kortex-soft);
  color: var(--kortex-muted);
  font-weight: 800;
}

.kortex-ds-v2 :where(table) {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.kortex-ds-v2 :where(th) {
  color: var(--kortex-muted);
  font-size: .75rem;
  font-weight: 850;
  text-transform: uppercase;
}

.kortex-ds-v2 :where(td, th) {
  border-color: var(--kortex-line) !important;
}

.kortex-ds-v2 :where(.kortex-toast, .kortex-feedback) {
  border-radius: var(--kortex-radius-lg);
  box-shadow: 0 20px 55px rgba(15, 23, 42, .16);
}

.kortex-ds-v2 .kortex-feedback-success {
  border-color: color-mix(in srgb, var(--kortex-status-success), var(--kortex-line) 45%);
}

.kortex-ds-v2 .kortex-feedback-warning {
  border-color: color-mix(in srgb, var(--kortex-status-warning), var(--kortex-line) 45%);
}

.kortex-ds-v2 .kortex-feedback-error {
  border-color: color-mix(in srgb, var(--kortex-status-danger), var(--kortex-line) 45%);
}

.kortex-ds-v2 .kortex-empty,
.kortex-ds-v2 .wallet-empty {
  border-color: var(--kortex-line);
  background: color-mix(in srgb, var(--kortex-soft), transparent 12%);
  color: var(--kortex-muted);
}

.kortex-ds-v2 :where(.crm-drawer, .command-palette, .kortex-owner-mobile-panel) {
  background: var(--kortex-elevated) !important;
  color: var(--kortex-text);
  border-color: var(--kortex-line) !important;
}

.kortex-ds-v2 :where(.crm-nav a, .kortex-owner-nav-link, .kortex-admin-nav-link) {
  border-radius: var(--kortex-radius-md);
}

.kortex-ds-v2 :where(.crm-nav a.is-active, .kortex-owner-nav-link.is-active, .kortex-admin-nav-link.is-active) {
  background: color-mix(in srgb, var(--kortex-success), transparent 88%);
  color: var(--kortex-text);
}

.kortex-ds-v2 :where([title]) {
  text-underline-offset: .18em;
}

.dark .kortex-ds-v2 :where(.dark\:bg-slate-950, .bg-slate-950),
html[data-theme="dark"] .kortex-ds-v2 :where(.dark\:bg-slate-950, .bg-slate-950) {
  background-color: var(--kortex-soft, #27313c) !important;
}

.kortex-ds-v2 :where(.text-slate-500, .text-slate-400, .text-slate-600) {
  color: var(--kortex-muted) !important;
}

.kortex-workspace {
  --workspace-gap: clamp(1rem, 2vw, 1.35rem);
}

.kortex-workspace-topbar {
  position: sticky;
  top: 4.75rem;
  z-index: 30;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .85rem;
  border: 1px solid var(--kortex-line);
  border-radius: var(--kortex-radius-xl);
  background: color-mix(in srgb, var(--kortex-surface), transparent 5%);
  padding: .9rem;
  box-shadow: 0 18px 48px rgba(15, 23, 42, .09);
  backdrop-filter: blur(18px);
}

.kortex-workspace-container {
  display: grid;
  gap: var(--workspace-gap);
}

.kortex-workspace-grid {
  display: grid;
  gap: var(--workspace-gap);
}

.kortex-workspace-widget {
  position: relative;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.kortex-workspace-widget:hover {
  border-color: color-mix(in srgb, var(--kortex-status-success), var(--kortex-line) 56%) !important;
}

.kortex-workspace-widget-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.kortex-workspace-widget-controls,
.workspace-widget-controls {
  display: inline-flex;
  flex: 0 0 auto;
  gap: .25rem;
}

.kortex-workspace-widget-control,
.workspace-widget-control {
  display: inline-flex;
  width: 1.85rem;
  height: 1.85rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--kortex-line);
  border-radius: var(--kortex-radius-md);
  background: var(--kortex-soft);
  color: var(--kortex-muted);
  transition: transform .16s ease, border-color .16s ease, color .16s ease;
}

.kortex-workspace-widget-control:hover,
.workspace-widget-control:hover {
  border-color: color-mix(in srgb, var(--kortex-status-success), var(--kortex-line) 35%);
  color: var(--kortex-status-success);
  transform: translateY(-1px);
}

.kortex-workspace-widget.is-collapsed > :not(:first-child),
.workspace-widget.is-collapsed > :not(:first-child) {
  display: none !important;
}

.kortex-workspace-actions,
.workspace-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.kortex-workspace-action,
.workspace-action {
  display: inline-flex;
  min-height: 2.35rem;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  border: 1px solid var(--kortex-line);
  border-radius: var(--kortex-radius-md);
  background: var(--kortex-soft);
  color: var(--kortex-text);
  padding: 0 .8rem;
  font-size: .8rem;
  font-weight: 850;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.kortex-workspace-action:hover,
.workspace-action:hover {
  border-color: color-mix(in srgb, var(--kortex-status-success), var(--kortex-line) 42%);
  box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
  transform: translateY(-1px);
}

.kortex-workspace-card {
  display: grid;
  grid-template-columns: 2.25rem 1fr;
  gap: .8rem;
  align-items: start;
  border: 1px solid var(--kortex-line);
  border-radius: var(--kortex-radius-lg);
  background: var(--kortex-soft);
  padding: .9rem;
}

.kortex-workspace-card-icon {
  display: inline-flex;
  width: 2.25rem;
  height: 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--kortex-radius-md);
  background: color-mix(in srgb, var(--kortex-status-success), transparent 86%);
  color: var(--kortex-status-success);
}

.kortex-workspace-card-title {
  color: var(--kortex-text);
  font-size: .92rem;
  font-weight: 850;
}

.kortex-workspace-card-body {
  margin-top: .25rem;
  color: var(--kortex-muted);
  font-size: .86rem;
  line-height: 1.55;
}

.kortex-workspace-card-meta {
  margin-top: .45rem;
  color: var(--kortex-status-success);
  font-size: .72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.kortex-workspace-metric {
  border: 1px solid var(--kortex-line);
  border-radius: var(--kortex-radius-lg);
  background: var(--kortex-soft);
  padding: 1rem;
}

.kortex-workspace-metric-label {
  color: var(--kortex-muted);
  font-size: .72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.kortex-workspace-metric-value {
  margin-top: .35rem;
  color: var(--kortex-text);
  font-size: clamp(1.35rem, 3vw, 2.25rem);
  font-weight: 900;
}

.kortex-workspace-metric-detail {
  margin-top: .4rem;
  color: var(--kortex-muted);
  font-size: .82rem;
  line-height: 1.45;
}

.kortex-workspace-side-panel {
  position: fixed;
  inset: 0 0 0 auto;
  z-index: 80;
  display: none;
  width: min(92vw, 34rem);
  overflow: auto;
  border-left: 1px solid var(--kortex-line);
  background: var(--kortex-elevated);
  color: var(--kortex-text);
  box-shadow: -26px 0 60px rgba(15, 23, 42, .22);
  transform: translateX(105%);
  transition: transform .2s ease;
}

.kortex-workspace-side-panel.is-open {
  display: block;
  transform: translateX(0);
}

.kortex-workspace-side-panel-header {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid var(--kortex-line);
  background: color-mix(in srgb, var(--kortex-elevated), transparent 4%);
  padding: 1rem;
  backdrop-filter: blur(16px);
}

.kortex-workspace-side-panel-body {
  padding: 1rem;
}

.kortex-universal-launcher {
  display: inline-flex;
  min-height: 2.5rem;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  border: 1px solid var(--kortex-line);
  border-radius: var(--kortex-radius-md);
  background: var(--kortex-soft);
  color: var(--kortex-text);
  padding: 0 .85rem;
  font-size: .85rem;
  font-weight: 850;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.kortex-universal-launcher:hover {
  border-color: color-mix(in srgb, var(--kortex-status-success), var(--kortex-line) 42%);
  box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
  transform: translateY(-1px);
}

.kortex-universal-launcher kbd {
  border: 1px solid var(--kortex-line);
  border-radius: 6px;
  background: var(--kortex-elevated);
  color: var(--kortex-muted);
  padding: .12rem .38rem;
  font-size: .68rem;
  font-weight: 900;
}

.kortex-universal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: color-mix(in srgb, var(--kortex-bg, #f6f8f7), rgba(15, 23, 42, .34) 42%);
  padding: min(8vh, 4rem) 1rem 1rem;
  backdrop-filter: blur(14px);
}

.kortex-universal-backdrop.is-open {
  display: flex;
}

.kortex-universal-palette {
  width: min(58rem, 100%);
  overflow: hidden;
  border: 1px solid var(--kortex-line);
  border-radius: 24px;
  background: var(--kortex-elevated);
  color: var(--kortex-text);
  box-shadow: 0 34px 90px rgba(15, 23, 42, .18);
}

.kortex-universal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid var(--kortex-line);
  background: linear-gradient(135deg, color-mix(in srgb, var(--kortex-primary, #16a34a), transparent 94%), var(--kortex-elevated));
  padding: 1.15rem 1.2rem;
}

.kortex-universal-kicker {
  margin: 0 0 .35rem;
  color: var(--kortex-primary-strong, #15803d);
  font-size: .7rem;
  font-weight: 950;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.kortex-universal-header h2 {
  margin: 0;
  color: var(--kortex-text);
  font-size: 1.18rem;
  font-weight: 950;
  letter-spacing: 0;
}

.kortex-universal-header span {
  display: block;
  margin-top: .25rem;
  color: var(--kortex-muted);
  font-size: .82rem;
  font-weight: 750;
}

.kortex-universal-status {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .45rem;
}

.kortex-universal-status span {
  margin: 0;
  border: 1px solid var(--kortex-line);
  border-radius: 999px;
  background: var(--kortex-surface);
  color: var(--kortex-muted);
  padding: .35rem .6rem;
  font-size: .7rem;
  font-weight: 900;
}

.kortex-universal-searchbar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(8rem, 12rem) auto;
  align-items: center;
  gap: .75rem;
  border-bottom: 1px solid var(--kortex-line);
  background: var(--kortex-surface);
  padding: .95rem 1rem;
}

.kortex-universal-searchbar input,
.kortex-universal-searchbar select {
  min-height: 2.65rem;
  border: 1px solid var(--kortex-line);
  border-radius: 999px;
  background: var(--kortex-elevated);
  color: var(--kortex-text);
  padding: 0 .8rem;
}

.kortex-universal-searchbar button {
  display: inline-flex;
  width: 2.65rem;
  height: 2.65rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--kortex-line);
  border-radius: var(--kortex-radius-md);
  background: var(--kortex-soft);
  color: var(--kortex-muted);
}

.kortex-universal-command-row {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  border-bottom: 1px solid var(--kortex-line);
  background: var(--kortex-elevated);
  padding: .85rem 1rem;
}

.kortex-universal-command {
  display: inline-flex;
  min-height: 2.25rem;
  align-items: center;
  gap: .45rem;
  border: 1px solid var(--kortex-line);
  border-radius: 999px;
  background: var(--kortex-surface);
  color: var(--kortex-text);
  padding: 0 .75rem;
  font-size: .78rem;
  font-weight: 850;
  text-decoration: none;
}

.kortex-universal-results {
  display: grid;
  max-height: min(58vh, 36rem);
  gap: .7rem;
  overflow: auto;
  background: var(--kortex-bg);
  padding: 1rem;
}

.kortex-universal-group {
  display: grid;
  gap: .5rem;
}

.kortex-universal-group + .kortex-universal-group {
  margin-top: .45rem;
}

.kortex-universal-group-title {
  margin: 0;
  color: var(--kortex-muted);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.kortex-universal-result {
  display: grid;
  grid-template-columns: 2.55rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .8rem;
  border: 1px solid var(--kortex-line);
  border-radius: 18px;
  background: var(--kortex-surface);
  padding: .9rem;
  color: var(--kortex-text);
  text-align: left;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.kortex-universal-result:hover {
  border-color: color-mix(in srgb, var(--kortex-status-success), var(--kortex-line) 38%);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
  transform: translateY(-1px);
}

.kortex-universal-result.is-selected {
  border-color: color-mix(in srgb, var(--kortex-status-success), var(--kortex-line) 24%);
  background: color-mix(in srgb, var(--kortex-status-success), var(--kortex-surface) 92%);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .12);
}

.kortex-universal-result strong,
.kortex-universal-result small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kortex-universal-result em {
  display: block;
  margin-top: .22rem;
  color: var(--kortex-primary-strong, #15803d);
  font-size: .7rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.kortex-universal-actions {
  display: grid;
  justify-items: end;
  gap: .15rem;
  color: var(--kortex-muted);
  font-size: .72rem;
  font-weight: 850;
}

.kortex-universal-actions b {
  border-radius: 999px;
  background: var(--kortex-primary, #16a34a);
  color: #fff;
  padding: .35rem .65rem;
  font-size: .72rem;
  line-height: 1;
}

.kortex-universal-actions small {
  font-size: .68rem;
  white-space: nowrap;
}

.kortex-universal-result-ia {
  border-color: color-mix(in srgb, var(--kortex-primary, #16a34a), var(--kortex-line) 44%);
}

.kortex-universal-result-command {
  border-color: color-mix(in srgb, var(--kortex-warning, #f59e0b), var(--kortex-line) 48%);
}

.kortex-command-answer {
  border: 1px solid var(--kortex-line);
  border-radius: 20px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--kortex-primary, #16a34a), transparent 94%), var(--kortex-surface));
  padding: 1rem;
  box-shadow: var(--kortex-shadow-sm);
}

.kortex-command-answer h3 {
  margin: .55rem 0 .35rem;
  color: var(--kortex-text);
  font-size: 1.08rem;
  font-weight: 950;
}

.kortex-command-answer p {
  margin: 0;
  color: var(--kortex-muted);
  font-size: .92rem;
  font-weight: 750;
  line-height: 1.6;
}

.kortex-command-type {
  display: inline-flex;
  border-radius: 999px;
  background: var(--kortex-soft);
  color: var(--kortex-primary-strong, #15803d);
  padding: .3rem .6rem;
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.kortex-command-type-ia { background: color-mix(in srgb, var(--kortex-primary, #16a34a), transparent 88%); }
.kortex-command-type-command { background: color-mix(in srgb, var(--kortex-warning, #f59e0b), transparent 86%); color: var(--kortex-warning-strong, #92400e); }

.kortex-command-next {
  margin-top: .85rem;
  border-radius: 14px;
  background: var(--kortex-soft);
  color: var(--kortex-text);
  padding: .7rem .8rem;
  font-size: .82rem;
  font-weight: 850;
}

.kortex-command-details summary {
  color: var(--kortex-text);
  cursor: pointer;
}

.kortex-universal-result small {
  margin-top: .18rem;
  color: var(--kortex-muted);
  font-size: .8rem;
}

.kortex-universal-hint {
  border-top: 1px solid var(--kortex-line);
  color: var(--kortex-muted);
  font-size: .75rem;
  background: var(--kortex-surface);
  padding: .8rem 1rem;
}

@media (max-width: 720px) {
  .kortex-universal-header,
  .kortex-universal-searchbar {
    grid-template-columns: 1fr;
  }

  .kortex-universal-header {
    display: grid;
  }

  .kortex-universal-status {
    justify-content: flex-start;
  }

  .kortex-universal-searchbar {
    display: grid;
  }

  .kortex-universal-result {
    grid-template-columns: 2.4rem minmax(0, 1fr);
  }

  .kortex-universal-actions {
    grid-column: 1 / -1;
    justify-items: start;
    grid-auto-flow: column;
  }
}

/* KORTEX Component Library V1 */
.kortex-cl-stack { display: grid; gap: var(--kortex-space-4, 1rem); }
.kortex-cl-stack-sm { display: grid; gap: var(--kortex-space-2, .5rem); }
.kortex-cl-stack-lg { display: grid; gap: var(--kortex-space-6, 1.5rem); }
.kortex-cl-row { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.kortex-cl-row-between { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; }
.kortex-cl-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); }

.kortex-cl-card,
.kortex-cl-panel {
  border: 1px solid var(--kortex-line);
  border-radius: var(--kortex-radius-lg, 16px);
  background: var(--kortex-surface);
  color: var(--kortex-text);
  box-shadow: var(--kortex-shadow-sm, 0 14px 38px rgba(16, 24, 40, .07));
}

.kortex-cl-card { padding: 1rem; }
.kortex-cl-panel { padding: 1.25rem; }
.kortex-cl-card:hover { border-color: color-mix(in srgb, var(--kortex-primary, #16a34a), var(--kortex-line) 68%); box-shadow: var(--kortex-shadow-md, 0 18px 42px rgba(16, 24, 40, .1)); }
.kortex-cl-card-compact { padding: .8rem; }
.kortex-cl-card-muted { background: var(--kortex-soft); box-shadow: none; }

.kortex-cl-header { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.kortex-cl-header-main { display: grid; gap: .35rem; min-width: 0; }
.kortex-cl-eyebrow { color: var(--kortex-primary, var(--kortex-success)); font-size: .72rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.kortex-cl-title { color: var(--kortex-text); font-size: clamp(1.05rem, 1.6vw, 1.35rem); font-weight: 950; letter-spacing: 0; line-height: 1.15; }
.kortex-cl-subtitle { color: var(--kortex-muted); font-size: .9rem; font-weight: 650; line-height: 1.55; }
.kortex-cl-actionbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .6rem; }

.kortex-cl-btn {
  display: inline-flex;
  min-height: 2.55rem;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  border: 1px solid transparent;
  border-radius: var(--kortex-radius-md, 12px);
  padding: 0 .95rem;
  font-size: .875rem;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
}
.kortex-cl-btn:hover { transform: translateY(-1px); box-shadow: var(--kortex-shadow-sm, 0 12px 28px rgba(16, 24, 40, .1)); }
.kortex-cl-btn:disabled,
.kortex-cl-btn[aria-disabled="true"] { cursor: not-allowed; opacity: .55; transform: none; box-shadow: none; }
.kortex-cl-btn-primary { background: var(--kortex-primary, #16a34a); color: #fff; }
.kortex-cl-btn-secondary { border-color: var(--kortex-line); background: var(--kortex-surface); color: var(--kortex-text); }
.kortex-cl-btn-ghost { background: transparent; color: var(--kortex-text); }
.kortex-cl-btn-danger { border-color: rgba(248, 113, 113, .36); background: rgba(254, 242, 242, .95); color: var(--kortex-danger); }
.kortex-cl-btn-success { background: var(--kortex-success); color: #fff; }
.kortex-cl-icon-btn { width: 2.55rem; padding: 0; }

.kortex-cl-field { display: grid; gap: .42rem; }
.kortex-cl-label { color: var(--kortex-muted); font-size: .82rem; font-weight: 850; }
.kortex-cl-input,
.kortex-cl-select,
.kortex-cl-textarea {
  width: 100%;
  min-height: 2.6rem;
  border: 1px solid var(--kortex-line);
  border-radius: var(--kortex-radius-md, 12px);
  background: var(--kortex-surface);
  color: var(--kortex-text);
  padding: .62rem .78rem;
  font-size: .9rem;
  font-weight: 650;
  outline: none;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.kortex-cl-textarea { min-height: 6rem; resize: vertical; line-height: 1.5; }
.kortex-cl-input::placeholder,
.kortex-cl-textarea::placeholder { color: color-mix(in srgb, var(--kortex-muted), transparent 25%); }
.kortex-cl-input:focus,
.kortex-cl-select:focus,
.kortex-cl-textarea:focus { border-color: color-mix(in srgb, var(--kortex-primary, #16a34a), var(--kortex-line) 35%); box-shadow: 0 0 0 4px color-mix(in srgb, var(--kortex-primary, #16a34a), transparent 86%); }
.kortex-cl-help { color: var(--kortex-muted); font-size: .78rem; line-height: 1.4; }
.kortex-cl-error { color: var(--kortex-danger); font-size: .78rem; font-weight: 800; }

.kortex-cl-check,
.kortex-cl-radio {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  color: var(--kortex-text);
  font-size: .88rem;
  font-weight: 750;
}
.kortex-cl-check input,
.kortex-cl-radio input { accent-color: var(--kortex-primary, #16a34a); }
.kortex-cl-switch {
  position: relative;
  display: inline-flex;
  width: 2.8rem;
  height: 1.55rem;
  align-items: center;
  border-radius: 999px;
  background: color-mix(in srgb, var(--kortex-muted), transparent 72%);
  padding: .18rem;
  transition: background .16s ease;
}
.kortex-cl-switch::after { content: ""; width: 1.18rem; height: 1.18rem; border-radius: 999px; background: var(--kortex-surface); box-shadow: 0 4px 12px rgba(16, 24, 40, .18); transition: transform .16s ease; }
.kortex-cl-switch.is-on,
input:checked + .kortex-cl-switch { background: var(--kortex-primary, #16a34a); }
.kortex-cl-switch.is-on::after,
input:checked + .kortex-cl-switch::after { transform: translateX(1.25rem); }

.kortex-cl-badge {
  display: inline-flex;
  min-height: 1.65rem;
  align-items: center;
  gap: .35rem;
  border: 1px solid var(--kortex-line);
  border-radius: 999px;
  background: var(--kortex-soft);
  color: var(--kortex-muted);
  padding: .22rem .62rem;
  font-size: .75rem;
  font-weight: 850;
}
.kortex-cl-badge-success { border-color: rgba(20, 184, 166, .36); background: rgba(240, 253, 250, .92); color: #0f766e; }
.kortex-cl-badge-warning { border-color: rgba(251, 191, 36, .46); background: rgba(255, 251, 235, .94); color: #92400e; }
.kortex-cl-badge-danger { border-color: rgba(248, 113, 113, .38); background: rgba(254, 242, 242, .94); color: #991b1b; }
.kortex-cl-badge-info { border-color: rgba(59, 130, 246, .28); background: rgba(239, 246, 255, .92); color: #1d4ed8; }

.kortex-cl-table-wrap { overflow-x: auto; border: 1px solid var(--kortex-line); border-radius: var(--kortex-radius-lg, 16px); background: var(--kortex-surface); }
.kortex-cl-table { width: 100%; min-width: 42rem; border-collapse: collapse; color: var(--kortex-text); font-size: .88rem; }
.kortex-cl-table th { color: var(--kortex-muted); font-size: .72rem; font-weight: 900; letter-spacing: .06em; text-align: left; text-transform: uppercase; }
.kortex-cl-table th,
.kortex-cl-table td { border-bottom: 1px solid var(--kortex-line); padding: .85rem; vertical-align: top; }
.kortex-cl-table tr:hover td { background: color-mix(in srgb, var(--kortex-soft), transparent 35%); }

.kortex-cl-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .45rem; }
.kortex-cl-page { min-width: 2.25rem; min-height: 2.25rem; border: 1px solid var(--kortex-line); border-radius: 10px; background: var(--kortex-surface); color: var(--kortex-text); font-weight: 850; }
.kortex-cl-page.is-active { background: var(--kortex-primary, #16a34a); color: #fff; border-color: transparent; }

.kortex-cl-filterbar,
.kortex-cl-searchbar { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; border: 1px solid var(--kortex-line); border-radius: var(--kortex-radius-lg, 16px); background: var(--kortex-surface); padding: .8rem; box-shadow: var(--kortex-shadow-sm, 0 10px 28px rgba(16, 24, 40, .06)); }
.kortex-cl-searchbar .kortex-cl-input { flex: 1 1 16rem; }

.kortex-cl-modal-backdrop,
.kortex-cl-drawer-backdrop { position: fixed; inset: 0; z-index: 80; display: none; background: rgba(15, 23, 42, .38); backdrop-filter: blur(6px); }
.kortex-cl-modal-backdrop.is-open,
.kortex-cl-drawer-backdrop.is-open { display: block; }
.kortex-cl-modal { position: fixed; left: 50%; top: 50%; z-index: 90; display: none; width: min(100% - 2rem, 34rem); transform: translate(-50%, -50%); }
.kortex-cl-modal.is-open { display: block; }
.kortex-cl-drawer { position: fixed; inset: 0 0 0 auto; z-index: 90; width: min(100%, 34rem); transform: translateX(105%); transition: transform .2s ease; }
.kortex-cl-drawer.is-open { transform: translateX(0); }
.kortex-cl-drawer-body { max-height: calc(100vh - 5rem); overflow: auto; }

.kortex-cl-tooltip { position: relative; }
.kortex-cl-tooltip[data-tooltip]::after { content: attr(data-tooltip); position: absolute; left: 50%; bottom: calc(100% + .5rem); z-index: 120; width: max-content; max-width: 14rem; transform: translateX(-50%) translateY(.25rem); border: 1px solid var(--kortex-line); border-radius: 10px; background: var(--kortex-elevated); color: var(--kortex-text); padding: .45rem .6rem; font-size: .75rem; font-weight: 800; opacity: 0; pointer-events: none; box-shadow: var(--kortex-shadow-sm, 0 12px 28px rgba(16, 24, 40, .12)); transition: opacity .16s ease, transform .16s ease; }
.kortex-cl-tooltip:hover::after { opacity: 1; transform: translateX(-50%) translateY(0); }

.kortex-cl-dropdown { position: relative; display: inline-block; }
.kortex-cl-dropdown-menu { position: absolute; right: 0; top: calc(100% + .5rem); z-index: 70; display: none; min-width: 13rem; border: 1px solid var(--kortex-line); border-radius: 14px; background: var(--kortex-elevated); padding: .45rem; box-shadow: var(--kortex-shadow-md, 0 20px 50px rgba(16, 24, 40, .16)); }
.kortex-cl-dropdown.is-open .kortex-cl-dropdown-menu { display: grid; gap: .25rem; }
.kortex-cl-dropdown-item { border-radius: 10px; color: var(--kortex-text); padding: .55rem .65rem; text-align: left; text-decoration: none; }
.kortex-cl-dropdown-item:hover { background: var(--kortex-soft); }

.kortex-cl-tabs { display: flex; flex-wrap: wrap; gap: .4rem; border-bottom: 1px solid var(--kortex-line); }
.kortex-cl-tab { border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--kortex-muted); padding: .75rem .9rem; font-weight: 900; }
.kortex-cl-tab.is-active { border-color: var(--kortex-primary, #16a34a); color: var(--kortex-text); }
.kortex-cl-accordion { border: 1px solid var(--kortex-line); border-radius: var(--kortex-radius-lg, 16px); background: var(--kortex-surface); overflow: hidden; }
.kortex-cl-accordion-item + .kortex-cl-accordion-item { border-top: 1px solid var(--kortex-line); }
.kortex-cl-accordion-trigger { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 1rem; background: transparent; color: var(--kortex-text); padding: 1rem; font-weight: 900; text-align: left; }
.kortex-cl-accordion-panel { display: none; color: var(--kortex-muted); padding: 0 1rem 1rem; line-height: 1.55; }
.kortex-cl-accordion-item.is-open .kortex-cl-accordion-panel { display: block; }

.kortex-cl-alert { border: 1px solid var(--kortex-line); border-radius: var(--kortex-radius-lg, 16px); background: var(--kortex-soft); color: var(--kortex-text); padding: .9rem 1rem; font-size: .9rem; line-height: 1.5; }
.kortex-cl-alert-success { border-color: rgba(20, 184, 166, .36); background: rgba(240, 253, 250, .94); color: #115e59; }
.kortex-cl-alert-warning { border-color: rgba(251, 191, 36, .48); background: rgba(255, 251, 235, .96); color: #92400e; }
.kortex-cl-alert-error { border-color: rgba(248, 113, 113, .42); background: rgba(254, 242, 242, .96); color: #991b1b; }

.kortex-cl-skeleton { position: relative; overflow: hidden; border-radius: var(--kortex-radius-md, 12px); background: color-mix(in srgb, var(--kortex-muted), transparent 84%); min-height: 1rem; }
.kortex-cl-skeleton::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, transparent, rgba(255,255,255,.36), transparent); animation: kortexShellLoading 1.25s ease-in-out infinite; }
.kortex-cl-empty { display: grid; justify-items: center; gap: .5rem; border: 1px dashed var(--kortex-line); border-radius: var(--kortex-radius-lg, 16px); background: var(--kortex-soft); color: var(--kortex-muted); padding: 1.5rem; text-align: center; }

.kortex-cl-kpi { display: grid; gap: .5rem; border: 1px solid var(--kortex-line); border-radius: var(--kortex-radius-lg, 16px); background: var(--kortex-surface); padding: 1rem; box-shadow: var(--kortex-shadow-sm, 0 12px 30px rgba(16, 24, 40, .06)); }
.kortex-cl-kpi-label { color: var(--kortex-muted); font-size: .75rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.kortex-cl-kpi-value { color: var(--kortex-text); font-size: 1.65rem; font-weight: 950; line-height: 1; }
.kortex-cl-kpi-trend { color: var(--kortex-muted); font-size: .8rem; font-weight: 800; }
.kortex-cl-chart { min-height: 16rem; border: 1px solid var(--kortex-line); border-radius: var(--kortex-radius-lg, 16px); background: repeating-linear-gradient(0deg, transparent, transparent 2.9rem, color-mix(in srgb, var(--kortex-line), transparent 35%) 3rem), var(--kortex-surface); padding: 1rem; }

.kortex-cl-timeline { display: grid; gap: .8rem; }
.kortex-cl-timeline-item { position: relative; border: 1px solid var(--kortex-line); border-radius: var(--kortex-radius-md, 12px); background: var(--kortex-surface); padding: .9rem .95rem .9rem 1.1rem; }
.kortex-cl-timeline-item::before { content: ""; position: absolute; left: -.1rem; top: .9rem; bottom: .9rem; width: .22rem; border-radius: 999px; background: var(--kortex-primary, #16a34a); }
.kortex-cl-timeline-title { color: var(--kortex-text); font-weight: 900; }
.kortex-cl-timeline-meta { color: var(--kortex-muted); font-size: .78rem; font-weight: 750; }

.kortex-cl-ai-block { border: 1px solid color-mix(in srgb, var(--kortex-primary, #16a34a), var(--kortex-line) 58%); border-radius: var(--kortex-radius-xl, 20px); background: linear-gradient(135deg, color-mix(in srgb, var(--kortex-primary, #16a34a), transparent 92%), var(--kortex-surface)); padding: 1rem; box-shadow: var(--kortex-shadow-sm, 0 14px 38px rgba(16, 24, 40, .07)); }
.kortex-cl-ai-prompt { display: flex; align-items: center; gap: .65rem; border: 1px solid var(--kortex-line); border-radius: 999px; background: var(--kortex-surface); padding: .45rem .55rem .45rem .85rem; }
.kortex-cl-ai-prompt input { flex: 1; min-width: 0; border: 0; background: transparent; color: var(--kortex-text); outline: 0; }

/* KORTEX UX Flow Premium V1 */
html { scroll-behavior: smooth; }
body.kortex-ux-flow {
  min-height: 100vh;
  background: var(--kortex-bg);
  color: var(--kortex-text);
}

.kortex-ux-flow :where(main, .kortex-shell-main, .kortex-page) {
  animation: kortexUxPageIn .24s ease both;
}

@keyframes kortexUxPageIn {
  from { opacity: 0; transform: translateY(.45rem); }
  to { opacity: 1; transform: translateY(0); }
}

.kortex-ux-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem;
  color: var(--kortex-muted);
  font-size: .78rem;
  font-weight: 850;
  margin-bottom: .85rem;
}
.kortex-ux-breadcrumb a,
.kortex-ux-breadcrumb span {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: inherit;
  text-decoration: none;
}
.kortex-ux-breadcrumb a:hover { color: var(--kortex-primary, #16a34a); }
.kortex-ux-breadcrumb-separator { opacity: .55; }

.kortex-ux-page-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid var(--kortex-line);
  border-radius: var(--kortex-radius-xl, 20px);
  background: linear-gradient(135deg, color-mix(in srgb, var(--kortex-primary, #16a34a), transparent 93%), var(--kortex-surface));
  box-shadow: var(--kortex-shadow-sm, 0 14px 38px rgba(16, 24, 40, .07));
  padding: clamp(1rem, 2.2vw, 1.35rem);
}
.kortex-ux-page-header-main { display: grid; gap: .35rem; min-width: 0; }
.kortex-ux-page-kicker { color: var(--kortex-primary, #16a34a); font-size: .72rem; font-weight: 950; letter-spacing: .16em; text-transform: uppercase; }
.kortex-ux-page-title { color: var(--kortex-text); font-size: clamp(1.35rem, 2vw, 2rem); font-weight: 950; letter-spacing: 0; line-height: 1.12; }
.kortex-ux-page-description { max-width: 52rem; color: var(--kortex-muted); font-size: .92rem; font-weight: 650; line-height: 1.6; }
.kortex-ux-page-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .6rem; }
.kortex-ux-title-normalized { letter-spacing: 0 !important; line-height: 1.15; }
.kortex-ux-action-normalized { min-height: 2.5rem; }
.kortex-ux-section { scroll-margin-top: 6rem; }

.kortex-ux-actionbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  border: 1px solid var(--kortex-line);
  border-radius: var(--kortex-radius-lg, 16px);
  background: color-mix(in srgb, var(--kortex-surface), transparent 4%);
  box-shadow: var(--kortex-shadow-sm, 0 12px 30px rgba(16, 24, 40, .06));
  padding: .8rem;
  backdrop-filter: blur(16px);
}
.kortex-ux-actionbar.is-sticky { position: sticky; top: 4.75rem; z-index: 18; }
.kortex-ux-search {
  display: flex;
  min-width: min(100%, 18rem);
  flex: 1 1 20rem;
  align-items: center;
  gap: .6rem;
  border: 1px solid var(--kortex-line);
  border-radius: 999px;
  background: var(--kortex-surface);
  color: var(--kortex-muted);
  padding: .48rem .7rem;
}
.kortex-ux-search input {
  width: 100%;
  border: 0 !important;
  background: transparent !important;
  color: var(--kortex-text) !important;
  outline: none;
  box-shadow: none !important;
}

.kortex-ux-flow :where(.panel, .kortex-panel, .kortex-card, .kortex-cl-card, .kortex-cl-panel) {
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.kortex-ux-flow :where(.panel, .kortex-panel, .kortex-card, .kortex-cl-card):hover {
  border-color: color-mix(in srgb, var(--kortex-primary, #16a34a), var(--kortex-line) 62%);
  box-shadow: var(--kortex-shadow-md, 0 18px 42px rgba(16, 24, 40, .1));
}
.kortex-ux-flow :where(button, a.inline-flex, .kortex-cl-btn) {
  will-change: transform;
}
.kortex-ux-flow :where(button, a.inline-flex, .kortex-cl-btn):active {
  transform: translateY(0) scale(.99);
}

.kortex-ux-flow :where(input, select, textarea, .kortex-cl-input, .kortex-cl-select, .kortex-cl-textarea) {
  min-height: 2.55rem;
  border-color: var(--kortex-line) !important;
  background: var(--kortex-surface) !important;
  color: var(--kortex-text) !important;
}
.kortex-ux-flow :where(input, select, textarea):focus {
  border-color: color-mix(in srgb, var(--kortex-primary, #16a34a), var(--kortex-line) 35%) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--kortex-primary, #16a34a), transparent 86%) !important;
}

.kortex-ux-flow :where(table) {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.kortex-ux-flow :where(thead) {
  background: color-mix(in srgb, var(--kortex-soft), transparent 12%) !important;
}
.kortex-ux-flow :where(th) {
  color: var(--kortex-muted);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.kortex-ux-flow :where(tbody tr:hover td) {
  background: color-mix(in srgb, var(--kortex-soft), transparent 35%);
}

.kortex-ux-flow :where(dialog, .modal, .kortex-cl-modal, [role="dialog"]) {
  border-radius: var(--kortex-radius-xl, 20px);
}
.kortex-ux-flow :where(.kortex-cl-drawer, .crm-drawer, .finance-detail-drawer, .fleet-detail-drawer, .owner-detail-drawer, #detailSection > .panel) {
  transition: transform .22s ease, opacity .22s ease, box-shadow .22s ease;
}
.kortex-ux-flow :where(.kortex-cl-drawer-backdrop, .kortex-cl-modal-backdrop, .finance-detail-backdrop, .fleet-detail-backdrop, .owner-detail-backdrop) {
  background: rgba(15, 23, 42, .28);
  backdrop-filter: blur(5px);
}

.kortex-ux-loading-line {
  position: fixed;
  inset: 0 0 auto;
  z-index: 120;
  height: 3px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--kortex-primary, #16a34a), transparent);
  transform: translateX(-100%);
  opacity: 0;
}
body.kortex-is-navigating .kortex-ux-loading-line {
  opacity: 1;
  animation: kortexUxLoadingLine .8s ease-in-out infinite;
}
@keyframes kortexUxLoadingLine {
  to { transform: translateX(100%); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .kortex-ux-flow :where(main, .kortex-shell-main, .kortex-page),
  .kortex-ux-flow *,
  .kortex-ux-loading-line {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}

@media (max-width: 768px) {
  .kortex-ux-page-header,
  .kortex-ux-actionbar {
    border-radius: var(--kortex-radius-lg, 16px);
  }
  .kortex-ux-page-actions,
  .kortex-ux-actionbar {
    align-items: stretch;
  }
  .kortex-ux-page-actions > *,
  .kortex-ux-actionbar > * {
    max-width: 100%;
  }
}

.dark .kortex-cl-btn-primary,
html[data-theme="dark"] .kortex-cl-btn-primary,
.dark .kortex-cl-btn-success,
html[data-theme="dark"] .kortex-cl-btn-success { color: #0f172a; }
.dark .kortex-cl-btn-danger,
html[data-theme="dark"] .kortex-cl-btn-danger,
.dark .kortex-cl-alert-error,
html[data-theme="dark"] .kortex-cl-alert-error { border-color: rgba(127, 29, 29, .78); background: rgba(69, 10, 10, .72); color: #fecaca; }
.dark .kortex-cl-alert-warning,
html[data-theme="dark"] .kortex-cl-alert-warning { border-color: rgba(146, 64, 14, .75); background: rgba(69, 26, 3, .62); color: #fde68a; }
.dark .kortex-cl-alert-success,
html[data-theme="dark"] .kortex-cl-alert-success,
.dark .kortex-cl-badge-success,
html[data-theme="dark"] .kortex-cl-badge-success { border-color: rgba(20, 184, 166, .28); background: rgba(19, 78, 74, .45); color: #ccfbf1; }

@media (max-width: 640px) {
  .kortex-ds-v2 :where(.panel, .wallet-block, .kortex-panel, .kortex-card) {
    border-radius: var(--kortex-radius-lg);
  }

  .kortex-ds-v2 :where(.wallet-hero) {
    border-radius: var(--kortex-radius-xl);
  }

  .kortex-workspace-topbar {
    position: static;
  }

  .kortex-workspace-side-panel {
    width: 100vw;
  }

  .kortex-universal-searchbar {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .kortex-universal-searchbar select {
    grid-column: 1 / -1;
  }

  .kortex-universal-result {
    grid-template-columns: 2.4rem minmax(0, 1fr);
  }

  .kortex-universal-result .kortex-badge {
    grid-column: 2;
    justify-self: start;
  }
}

/* KORTEX Global Polish V1
   Camada final de consistencia visual. Nao altera IDs, rotas ou regras de negocio. */
:root {
  --kortex-polish-bg: #f5f7f8;
  --kortex-polish-surface: #ffffff;
  --kortex-polish-soft: #f8fafb;
  --kortex-polish-elevated: #ffffff;
  --kortex-polish-text: #111827;
  --kortex-polish-muted: #64748b;
  --kortex-polish-line: rgba(148, 163, 184, .26);
  --kortex-polish-primary: #16a34a;
  --kortex-polish-primary-strong: #0f766e;
  --kortex-polish-radius: 12px;
  --kortex-polish-radius-lg: 18px;
  --kortex-polish-shadow: 0 16px 42px rgba(15, 23, 42, .065);
  --kortex-polish-shadow-sm: 0 8px 24px rgba(15, 23, 42, .05);
}

html.dark,
html[data-theme="dark"] {
  --kortex-polish-bg: #121820;
  --kortex-polish-surface: #1a222c;
  --kortex-polish-soft: #202a35;
  --kortex-polish-elevated: #232d38;
  --kortex-polish-text: #f4f7fb;
  --kortex-polish-muted: #aeb9c7;
  --kortex-polish-line: rgba(174, 185, 199, .18);
  --kortex-polish-primary: #5eead4;
  --kortex-polish-primary-strong: #99f6e4;
  --kortex-polish-shadow: 0 18px 46px rgba(0, 0, 0, .22);
  --kortex-polish-shadow-sm: 0 10px 26px rgba(0, 0, 0, .18);
}

body.kortex-ds-v2 {
  background: var(--kortex-polish-bg) !important;
  color: var(--kortex-polish-text) !important;
  font-family: var(--kortex-font-sans, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif) !important;
}

.kortex-ds-v2 :where(main, .kortex-shell, .kortex-ui-shell, .kortex-page, .min-h-screen) {
  color: var(--kortex-polish-text);
}

html:not(.dark) .kortex-ds-v2 :where(.dark\:bg-slate-950, .dark\:bg-slate-900, .bg-slate-950, .bg-slate-900, .bg-slate-800, .bg-black),
html[data-theme="light"] .kortex-ds-v2 :where(.dark\:bg-slate-950, .dark\:bg-slate-900, .bg-slate-950, .bg-slate-900, .bg-slate-800, .bg-black) {
  background: var(--kortex-polish-surface) !important;
  color: var(--kortex-polish-text) !important;
}

html.dark .kortex-ds-v2 :where(.dark\:bg-slate-950, .dark\:bg-slate-900, .bg-slate-950, .bg-black),
html[data-theme="dark"] .kortex-ds-v2 :where(.dark\:bg-slate-950, .dark\:bg-slate-900, .bg-slate-950, .bg-black) {
  background: var(--kortex-polish-surface) !important;
  color: var(--kortex-polish-text) !important;
}

.kortex-ds-v2 :where(.bg-white, .bg-white\/70, .bg-white\/75, .bg-white\/80, .bg-white\/90, .bg-white\/95, .bg-slate-50, .bg-slate-100) {
  background-color: var(--kortex-polish-surface) !important;
}

.kortex-ds-v2 :where(.dark\:bg-slate-800, .dark\:bg-slate-900, .dark\:bg-slate-950) {
  background-color: var(--kortex-polish-surface);
}

.kortex-ds-v2 :where(.border-slate-100, .border-slate-200, .border-slate-300, .border-slate-700, .border-slate-800, .border-slate-900) {
  border-color: var(--kortex-polish-line) !important;
}

.kortex-ds-v2 :where(.text-slate-950, .text-slate-900, .text-slate-800, .dark\:text-white, .dark\:text-slate-100) {
  color: var(--kortex-polish-text) !important;
}

.kortex-ds-v2 :where(.text-slate-700, .text-slate-600, .text-slate-500, .text-slate-400, .dark\:text-slate-300, .dark\:text-slate-400, .dark\:text-slate-500) {
  color: var(--kortex-polish-muted) !important;
}

.kortex-ds-v2 :where(.kortex-card, .kortex-panel, .kortex-shell-panel, .kortex-shell-header, .kortex-portal-card, .kortex-portal-summary, .kortex-portal-section, .finance-metric-card, .finance-table-shell, .fleet-panel, .fleet-card, .crm-stage, .crm-panel, .crm-card, .wallet-block, .wallet-metric, .workspace-card, .kortex-workspace-widget, article[class*="border"], section[class*="border"]) {
  border-color: var(--kortex-polish-line) !important;
  border-radius: var(--kortex-polish-radius-lg) !important;
  background: var(--kortex-polish-surface) !important;
  box-shadow: var(--kortex-polish-shadow) !important;
}

.kortex-ds-v2 :where(.kortex-soft, .kortex-shell-panel-soft, .wallet-detail-panel, .crm-op-card, .crm-radar-card, .radar-v2-item, .finance-empty, .fleet-empty, .kortex-empty, .wallet-empty, .empty-state) {
  border-color: var(--kortex-polish-line) !important;
  border-radius: var(--kortex-polish-radius) !important;
  background: var(--kortex-polish-soft) !important;
  color: var(--kortex-polish-muted) !important;
}

.kortex-ds-v2 :where(button, .kortex-btn, .kortex-icon-btn, .workspace-action, .wallet-shortcut, .crm-pill, a.inline-flex, a[class*="rounded"], button[class*="rounded"]) {
  min-height: 2.5rem;
  border-radius: var(--kortex-polish-radius) !important;
  font-family: inherit;
  font-size: .875rem;
  font-weight: 750;
  letter-spacing: 0;
}

.kortex-ds-v2 :where(.bg-slate-950.text-white, .bg-navy.text-white, .kortex-btn-primary, button[type="submit"], .workspace-action-primary) {
  background: var(--kortex-polish-primary) !important;
  border-color: color-mix(in srgb, var(--kortex-polish-primary), #000 6%) !important;
  color: #ffffff !important;
}

html.dark .kortex-ds-v2 :where(.bg-slate-950.text-white, .bg-navy.text-white, .kortex-btn-primary, button[type="submit"], .workspace-action-primary),
html[data-theme="dark"] .kortex-ds-v2 :where(.bg-slate-950.text-white, .bg-navy.text-white, .kortex-btn-primary, button[type="submit"], .workspace-action-primary) {
  color: #102018 !important;
}

.kortex-ds-v2 :where(input, select, textarea, .kortex-input, .crm-input) {
  min-height: 2.5rem;
  border: 1px solid var(--kortex-polish-line) !important;
  border-radius: var(--kortex-polish-radius) !important;
  background: var(--kortex-polish-elevated) !important;
  color: var(--kortex-polish-text) !important;
  box-shadow: none !important;
}

.kortex-ds-v2 :where(input, select, textarea, .kortex-input, .crm-input)::placeholder {
  color: color-mix(in srgb, var(--kortex-polish-muted), transparent 18%) !important;
}

.kortex-ds-v2 :where(input, select, textarea, button, a):focus-visible {
  outline: 0 !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--kortex-polish-primary), transparent 82%) !important;
}

.kortex-ds-v2 :where(table) {
  border-collapse: separate;
  border-spacing: 0;
  color: var(--kortex-polish-text);
}

.kortex-ds-v2 :where(thead, th) {
  background: var(--kortex-polish-soft) !important;
  color: var(--kortex-polish-muted) !important;
}

.kortex-ds-v2 :where(td, th) {
  border-color: var(--kortex-polish-line) !important;
}

.kortex-ds-v2 :where(.kortex-badge, .badge, [class*="badge"], .rounded-full) {
  border-color: var(--kortex-polish-line) !important;
}

.kortex-ds-v2 :where(.kortex-cl-modal, .modal, [role="dialog"], .crm-drawer, .finance-detail-drawer, .fleet-detail-drawer, .owner-detail-drawer, .kortex-universal-palette, .kortex-universal-panel, .kortex-workspace-side-panel) {
  border-color: var(--kortex-polish-line) !important;
  border-radius: var(--kortex-polish-radius-lg) !important;
  background: var(--kortex-polish-elevated) !important;
  color: var(--kortex-polish-text) !important;
  box-shadow: var(--kortex-polish-shadow) !important;
}

.kortex-ds-v2 :where(.kortex-cl-modal-backdrop, .finance-detail-backdrop, .fleet-detail-backdrop, .owner-detail-backdrop, .kortex-universal-backdrop) {
  background: rgba(15, 23, 42, .24) !important;
  backdrop-filter: blur(6px);
}

.kortex-ds-v2 :where(.skeleton, .loading, .kortex-shell-loading, .kortex-cl-skeleton) {
  border-radius: var(--kortex-polish-radius);
  background: linear-gradient(90deg, var(--kortex-polish-soft), color-mix(in srgb, var(--kortex-polish-soft), #fff 45%), var(--kortex-polish-soft)) !important;
}

.kortex-ds-v2 :where(svg) {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .kortex-ds-v2 :where(.kortex-card, .kortex-panel, .kortex-shell-panel, .kortex-shell-header, .finance-metric-card, .fleet-panel, .crm-stage, .wallet-block, article[class*="border"], section[class*="border"]) {
    border-radius: var(--kortex-polish-radius) !important;
  }

  .kortex-ds-v2 :where(button, .kortex-btn, .workspace-action, a.inline-flex) {
    min-height: 2.75rem;
  }
}

/* KORTEX Global Polish V2 - UX e Fluxos
   Padroniza fluxo visual, sem mudar regras, APIs ou permissoes. */
.kortex-global-polish-v2 {
  scroll-behavior: smooth;
}

.kortex-global-polish-v2 :where(main, .kortex-shell-main, .kortex-page, .portal-shell) {
  gap: clamp(1rem, 2vw, 1.35rem);
}

.kortex-global-polish-v2 :where(.kortex-ux-breadcrumb) {
  margin-bottom: .85rem;
}

.kortex-global-polish-v2 :where(.kortex-ux-filter-surface, form[id*="filter" i], form[id*="filtro" i], .kortex-shell-actionbar, .workspace-actions) {
  border: 1px solid var(--kortex-polish-line) !important;
  border-radius: var(--kortex-polish-radius-lg) !important;
  background: color-mix(in srgb, var(--kortex-polish-surface), transparent 4%) !important;
  box-shadow: var(--kortex-polish-shadow-sm) !important;
  padding: .85rem !important;
}

.kortex-global-polish-v2 :where(form.kortex-ux-form) {
  align-items: end;
}

.kortex-global-polish-v2 :where(form.kortex-ux-form-dense) {
  row-gap: .85rem !important;
  column-gap: .85rem !important;
}

.kortex-global-polish-v2 :where(.kortex-ux-required) {
  border-color: color-mix(in srgb, var(--kortex-polish-primary), var(--kortex-polish-line) 70%) !important;
}

.kortex-global-polish-v2 :where(label:has(.kortex-ux-required)) {
  color: var(--kortex-polish-text) !important;
  font-weight: 750;
}

.kortex-global-polish-v2 :where(label:has(.kortex-ux-required))::after {
  content: "Obrigatorio";
  display: inline-flex;
  margin-left: .45rem;
  border: 1px solid color-mix(in srgb, var(--kortex-polish-primary), transparent 60%);
  border-radius: 999px;
  padding: .08rem .42rem;
  color: var(--kortex-polish-primary-strong);
  font-size: .64rem;
  font-weight: 850;
  text-transform: uppercase;
  vertical-align: middle;
}

.kortex-global-polish-v2 :where(.kortex-ux-primary-action) {
  box-shadow: 0 12px 28px color-mix(in srgb, var(--kortex-polish-primary), transparent 78%) !important;
}

.kortex-global-polish-v2 :where(.kortex-ux-table-wrap) {
  overflow-x: auto;
  border: 1px solid var(--kortex-polish-line);
  border-radius: var(--kortex-polish-radius-lg);
  background: var(--kortex-polish-surface);
  box-shadow: var(--kortex-polish-shadow-sm);
}

.kortex-global-polish-v2 :where(.kortex-ux-table-wrap table) {
  min-width: 46rem;
}

.kortex-global-polish-v2 :where(.kortex-ux-table-wrap thead th) {
  position: sticky;
  top: 0;
  z-index: 1;
}

.kortex-global-polish-v2 :where(.kortex-ux-table-wrap tbody tr) {
  transition: background-color .14s ease;
}

.kortex-global-polish-v2 :where(.kortex-ux-table-wrap tbody tr:hover td) {
  background: color-mix(in srgb, var(--kortex-polish-soft), transparent 18%) !important;
}

.kortex-global-polish-v2 :where(.kortex-ux-detail-surface, .finance-detail-drawer, .fleet-detail-drawer, .owner-detail-drawer, #detailSection > .panel, .crm-drawer) {
  max-width: min(100vw - 1rem, 38rem);
}

.kortex-global-polish-v2 :where(.kortex-ux-detail-surface h2, .finance-detail-drawer h2, .fleet-detail-drawer h2, .owner-detail-drawer h2) {
  line-height: 1.15;
}

.kortex-global-polish-v2 :where(.kortex-empty, .wallet-empty, .finance-empty, .fleet-empty, [class*="empty"]) {
  min-height: 3.25rem;
  display: grid;
  align-content: center;
}

.kortex-global-polish-v2 :where([data-detail-key], [onclick*="Detail"], [onclick*="Detalhe"], button:has(svg[data-lucide="file-search"])) {
  white-space: nowrap;
}

.kortex-global-polish-v2 :where(.kortex-universal-launcher, .kortex-universal-trigger, [data-command-open]) {
  min-height: 2.75rem;
}

@media (min-width: 900px) {
  .kortex-global-polish-v2 :where(.kortex-ux-filter-surface, form[id*="filter" i], form[id*="filtro" i]) {
    position: sticky;
    top: 4.75rem;
    z-index: 12;
    backdrop-filter: blur(16px);
  }
}

@media (max-width: 768px) {
  .kortex-global-polish-v2 :where(.kortex-ux-filter-surface, form[id*="filter" i], form[id*="filtro" i]) {
    position: static;
    display: grid;
    grid-template-columns: 1fr !important;
  }

  .kortex-global-polish-v2 :where(.kortex-ux-detail-surface, .finance-detail-drawer, .fleet-detail-drawer, .owner-detail-drawer, .crm-drawer) {
    inset: auto .5rem .5rem .5rem !important;
    width: auto !important;
    max-height: min(88vh, 46rem);
    border-radius: 18px !important;
  }
}

/* KORTEX Global Polish V3 - Produtividade Inteligente
   Reduz atrito visual e cliques sem alterar regras ou contratos. */
.kortex-global-polish-v3 :where(.kortex-productivity-filter) {
  position: relative;
}

.kortex-global-polish-v3 :where(.kortex-productivity-filter)::before {
  content: "Filtros lembrados neste navegador";
  position: absolute;
  top: .45rem;
  right: .7rem;
  color: var(--kortex-polish-muted);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: 0;
  pointer-events: none;
}

.kortex-global-polish-v3 :where(.kortex-productivity-search) {
  padding-left: 2.35rem !important;
  background-image:
    linear-gradient(transparent, transparent),
    radial-gradient(circle, color-mix(in srgb, var(--kortex-polish-primary), transparent 8%) 42%, transparent 43%);
  background-position: left .82rem center, left .72rem center;
  background-size: 1rem 1rem, .62rem .62rem;
  background-repeat: no-repeat;
}

.kortex-global-polish-v3 :where(.kortex-productivity-search[aria-keyshortcuts="/"]) {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--kortex-polish-primary), transparent 82%) !important;
}

.kortex-global-polish-v3 :where(.kortex-productivity-action) {
  position: relative;
}

.kortex-global-polish-v3 :where(.kortex-productivity-action)::after {
  content: "";
  position: absolute;
  inset: auto .8rem -.24rem .8rem;
  height: 2px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--kortex-polish-primary), transparent 18%);
  opacity: .72;
}

.kortex-global-polish-v3 :where(.kortex-productivity-detail-trigger) {
  border-color: color-mix(in srgb, var(--kortex-polish-primary), var(--kortex-polish-line) 72%) !important;
}

.kortex-global-polish-v3 :where(.kortex-productivity-detail-trigger:hover) {
  background: color-mix(in srgb, var(--kortex-polish-primary), transparent 90%) !important;
}

.kortex-global-polish-v3 :where(.kortex-universal-launcher, .kortex-universal-trigger, [data-command-open]) {
  box-shadow: 0 10px 26px rgba(15, 23, 42, .055) !important;
}

.kortex-global-polish-v3 :where(.kortex-universal-launcher)::before,
.kortex-global-polish-v3 :where(.kortex-universal-trigger)::before {
  content: "Ctrl K";
  order: 20;
  margin-left: auto;
  border: 1px solid var(--kortex-polish-line);
  border-radius: 8px;
  padding: .12rem .38rem;
  color: var(--kortex-polish-muted);
  font-size: .68rem;
  font-weight: 850;
}

@media (max-width: 768px) {
  .kortex-global-polish-v3 :where(.kortex-productivity-filter)::before,
  .kortex-global-polish-v3 :where(.kortex-universal-launcher)::before,
  .kortex-global-polish-v3 :where(.kortex-universal-trigger)::before {
    display: none;
  }

  .kortex-global-polish-v3 :where(.kortex-productivity-search) {
    padding-left: 1rem !important;
    background-image: none;
  }
}

/* KORTEX Global Polish V4 - Performance, Responsividade e Refinamento Final */
.kortex-global-polish-v4 {
  --kortex-v4-touch: 44px;
}

.kortex-global-polish-v4 :where(.kortex-v4-content-block) {
  contain: layout paint;
}

@supports (content-visibility: auto) {
  .kortex-global-polish-v4 :where(main > section:not(.is-open), main > article, .kortex-v4-content-block:not(.is-open)) {
    content-visibility: auto;
    contain-intrinsic-size: auto 420px;
  }
}

.kortex-global-polish-v4 :where(.kortex-v4-media) {
  max-width: 100%;
  height: auto;
}

.kortex-global-polish-v4 :where(.kortex-v4-visual) {
  max-width: 100%;
}

.kortex-global-polish-v4 :where(canvas.kortex-v4-visual) {
  min-height: 12rem;
}

.kortex-global-polish-v4 :where(.kortex-v4-control) {
  min-height: var(--kortex-v4-touch);
}

.kortex-global-polish-v4 :where(button.kortex-v4-control, a.kortex-v4-control) {
  touch-action: manipulation;
}

.kortex-global-polish-v4 :where(.kortex-v4-control:focus-visible) {
  outline: 2px solid color-mix(in srgb, var(--kortex-polish-primary), transparent 28%) !important;
  outline-offset: 2px;
}

.kortex-global-polish-v4 :where(.kortex-v4-empty-state) {
  text-align: center;
  line-height: 1.55;
}

.kortex-global-polish-v4 :where(.kortex-v4-loading-state) {
  overflow: hidden;
  position: relative;
}

.kortex-global-polish-v4 :where(.kortex-v4-loading-state)::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .36), transparent);
  animation: kortexV4Loading 1.25s ease-in-out infinite;
}

@keyframes kortexV4Loading {
  to { transform: translateX(100%); }
}

.kortex-global-polish-v4 :where(.kortex-v4-feedback) {
  line-height: 1.45;
}

.kortex-global-polish-v4 :where(.kortex-universal-palette) {
  max-height: min(86vh, 48rem);
}

.kortex-global-polish-v4 :where(.kortex-universal-results, .kortex-universal-commands) {
  overscroll-behavior: contain;
}

.kortex-global-polish-v4 :where(.kortex-ux-table-wrap, .finance-table-shell, .fleet-table-shell) {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

.kortex-global-polish-v4 :where(.kortex-ux-table-wrap)::after,
.kortex-global-polish-v4 :where(.finance-table-shell)::after,
.kortex-global-polish-v4 :where(.fleet-table-shell)::after {
  content: "Role para ver mais";
  display: none;
  padding: .55rem .8rem;
  color: var(--kortex-polish-muted);
  font-size: .72rem;
  font-weight: 800;
}

@media (max-width: 900px) {
  .kortex-global-polish-v4 :where(.kortex-ux-table-wrap)::after,
  .kortex-global-polish-v4 :where(.finance-table-shell)::after,
  .kortex-global-polish-v4 :where(.fleet-table-shell)::after {
    display: block;
  }
}

@media (max-width: 1024px) {
  .kortex-global-polish-v4 :where(.grid, [class*="grid-cols"]) {
    min-width: 0;
  }

  .kortex-global-polish-v4 :where(.kortex-owner-topbar, .kortex-workspace-topbar, .kortex-shell-actionbar) {
    position: static;
  }
}

@media (max-width: 640px) {
  .kortex-global-polish-v4 :where(main, .kortex-shell-main, .kortex-page, .portal-shell) {
    padding-left: .85rem !important;
    padding-right: .85rem !important;
  }

  .kortex-global-polish-v4 :where(h1) {
    font-size: clamp(1.45rem, 8vw, 2rem) !important;
    line-height: 1.12 !important;
  }

  .kortex-global-polish-v4 :where(h2) {
    font-size: clamp(1.15rem, 6vw, 1.55rem) !important;
    line-height: 1.18 !important;
  }

  .kortex-global-polish-v4 :where(.kortex-universal-palette) {
    inset: .5rem !important;
    width: auto !important;
    max-height: calc(100vh - 1rem);
  }

  .kortex-global-polish-v4 :where(.kortex-universal-result) {
    grid-template-columns: 2.25rem minmax(0, 1fr) !important;
  }

  .kortex-global-polish-v4 :where(.kortex-v4-control) {
    width: auto;
  }
}

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

/* KORTEX Release Candidate 1.0 - refinamento final de apresentacao */
.kortex-release-candidate-1 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.kortex-release-candidate-1 :where(.kortex-shell-panel, .kortex-card, .kortex-panel, .kortex-command-shell, .copilot-command-card, .crm-widget, .decision-card, .premium-card) {
  background: var(--kortex-elevated, #fff);
  border-color: var(--kortex-line, rgba(148, 163, 184, .28));
}

.kortex-release-candidate-1 :where(.kortex-shell-panel, .kortex-card, .kortex-panel, .copilot-command-card, .crm-widget, .decision-card) {
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.kortex-release-candidate-1 :where(.kortex-shell-panel, .kortex-card, .kortex-panel, .copilot-command-card, .crm-widget, .decision-card):hover {
  border-color: color-mix(in srgb, var(--kortex-success, #0f766e), var(--kortex-line, #d8dee8) 70%);
  box-shadow: 0 18px 48px rgba(15, 23, 42, .08);
}

.kortex-release-candidate-1 :where(h1, h2, h3, .kortex-shell-header-title, .kortex-owner-page-title) {
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.kortex-release-candidate-1 :where(p, li, td, th, label, input, select, textarea, button) {
  letter-spacing: 0;
}

.kortex-release-candidate-1 :where(input, select, textarea) {
  min-height: 2.75rem;
}

.kortex-release-candidate-1 :where(input, select, textarea, button, a):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--kortex-success, #0f766e), transparent 55%);
  outline-offset: 2px;
}

.kortex-release-candidate-1 .kortex-rc-table-wrap {
  border-radius: 14px;
  border: 1px solid var(--kortex-line, rgba(148, 163, 184, .28));
  background: var(--kortex-elevated, #fff);
}

.kortex-release-candidate-1 .kortex-rc-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.kortex-release-candidate-1 .kortex-rc-table :where(th, td) {
  vertical-align: middle;
}

.kortex-release-candidate-1 .kortex-rc-table :where(th) {
  white-space: nowrap;
}

.kortex-release-candidate-1 .kortex-rc-surface {
  border-color: var(--kortex-line, rgba(148, 163, 184, .28));
}

html[data-theme="dark"] .kortex-release-candidate-1 :where(.kortex-shell-panel, .kortex-card, .kortex-panel, .kortex-command-shell, .copilot-command-card, .crm-widget, .decision-card, .premium-card),
.dark .kortex-release-candidate-1 :where(.kortex-shell-panel, .kortex-card, .kortex-panel, .kortex-command-shell, .copilot-command-card, .crm-widget, .decision-card, .premium-card) {
  background: var(--kortex-elevated, rgba(35, 43, 52, .98));
}

@media (max-width: 768px) {
  .kortex-release-candidate-1 :where(.kortex-shell-main, main) {
    padding-left: max(.9rem, env(safe-area-inset-left));
    padding-right: max(.9rem, env(safe-area-inset-right));
  }

  .kortex-release-candidate-1 :where(.kortex-shell-actions, .kortex-owner-top-actions, .kortex-filter-bar, .crm-filter-bar) {
    gap: .55rem;
  }

  .kortex-release-candidate-1 :where(button, .kortex-btn, .kortex-icon-btn) {
    min-height: 2.75rem;
  }
}

/* KORTEX Portal Experience V3 - Parte 4 */
.kortex-portal-experience-v3p4 {
  --kortex-portal-bg: #f4f7f8;
  --kortex-portal-surface: #ffffff;
  --kortex-portal-elevated: #ffffff;
  --kortex-portal-soft: #f8fafb;
  --kortex-portal-line: #dfe6ea;
  --kortex-portal-text: #111827;
  --kortex-portal-muted: #667085;
  --kortex-portal-primary: #16a34a;
  --kortex-portal-primary-strong: #15803d;
  --kortex-portal-secondary: #2563eb;
  --kortex-portal-radius: 22px;
  --kortex-portal-radius-sm: 16px;
  --kortex-portal-shadow: 0 18px 48px rgba(16, 24, 40, .075);
  --kortex-portal-shadow-sm: 0 10px 26px rgba(16, 24, 40, .055);
  background: var(--kortex-portal-bg) !important;
  color: var(--kortex-portal-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html.dark .kortex-portal-experience-v3p4,
html[data-theme="dark"] .kortex-portal-experience-v3p4,
.dark .kortex-portal-experience-v3p4 {
  --kortex-portal-bg: #141b22;
  --kortex-portal-surface: #1d252e;
  --kortex-portal-elevated: #222b35;
  --kortex-portal-soft: #18212a;
  --kortex-portal-line: rgba(148, 163, 184, .18);
  --kortex-portal-text: #f6f8fb;
  --kortex-portal-muted: #aab6c4;
  --kortex-portal-primary: #5eead4;
  --kortex-portal-primary-strong: #2dd4bf;
  --kortex-portal-secondary: #93c5fd;
  --kortex-portal-shadow: 0 18px 48px rgba(0, 0, 0, .18);
  --kortex-portal-shadow-sm: 0 10px 26px rgba(0, 0, 0, .14);
  background: var(--kortex-portal-bg) !important;
}

.kortex-portal-experience-v3p4 .portal-page-bg {
  background:
    radial-gradient(circle at 14% -12%, rgba(22, 163, 74, .12), transparent 34rem),
    radial-gradient(circle at 90% 0%, rgba(37, 99, 235, .055), transparent 28rem),
    linear-gradient(180deg, #fbfcfd 0%, var(--kortex-portal-bg) 54%, #eef3f5 100%) !important;
}

html.dark .kortex-portal-experience-v3p4 .portal-page-bg,
html[data-theme="dark"] .kortex-portal-experience-v3p4 .portal-page-bg,
.dark .kortex-portal-experience-v3p4 .portal-page-bg {
  background:
    radial-gradient(circle at 14% -12%, rgba(94, 234, 212, .10), transparent 34rem),
    radial-gradient(circle at 90% 0%, rgba(147, 197, 253, .06), transparent 28rem),
    linear-gradient(180deg, #171f28 0%, var(--kortex-portal-bg) 58%, #111820 100%) !important;
}

.kortex-portal-experience-v3p4 .portal-topbar {
  position: sticky;
  top: 0;
  z-index: 40;
  border-color: var(--kortex-portal-line) !important;
  background: color-mix(in srgb, var(--kortex-portal-surface), transparent 6%) !important;
  box-shadow: 0 1px 0 rgba(16, 24, 40, .04), 0 12px 34px rgba(16, 24, 40, .045) !important;
}

html.dark .kortex-portal-experience-v3p4 .portal-topbar,
html[data-theme="dark"] .kortex-portal-experience-v3p4 .portal-topbar,
.dark .kortex-portal-experience-v3p4 .portal-topbar {
  box-shadow: 0 1px 0 rgba(255, 255, 255, .04), 0 12px 34px rgba(0, 0, 0, .16) !important;
}

.kortex-portal-experience-v3p4 .portal-shell {
  max-width: 82rem;
  padding: clamp(1rem, 2.4vw, 2rem) !important;
}

.kortex-portal-experience-v3p4 :where(.kortex-portal-card, .kortex-auth-card, .kortex-auth-story, .kortex-portal-summary, .kortex-portal-section, .kortex-portal-context, .kortex-portal-welcome, #accountPanel, article[class*="border"], section[class*="border"]) {
  border: 1px solid var(--kortex-portal-line) !important;
  border-radius: var(--kortex-portal-radius) !important;
  background: var(--kortex-portal-surface) !important;
  color: var(--kortex-portal-text) !important;
  box-shadow: var(--kortex-portal-shadow) !important;
}

.kortex-portal-experience-v3p4 :where(.kortex-portal-context-item, .kortex-portal-kpi, .kortex-portal-command, #portalNotifications > div, #portalRecentActivity > div, #portalCompanyOverview > a, #portalShortcutGrid > a, #portalExecutiveSummary > article, #cards article) {
  border: 1px solid var(--kortex-portal-line) !important;
  border-radius: var(--kortex-portal-radius-sm) !important;
  background: var(--kortex-portal-elevated) !important;
  color: var(--kortex-portal-text) !important;
  box-shadow: var(--kortex-portal-shadow-sm) !important;
}

.kortex-portal-experience-v3p4 :where(.kortex-portal-context-item, .kortex-portal-kpi) {
  background: color-mix(in srgb, var(--kortex-portal-soft), var(--kortex-portal-surface) 42%) !important;
}

.kortex-portal-experience-v3p4 .kortex-portal-welcome {
  background:
    radial-gradient(circle at 92% 12%, color-mix(in srgb, var(--kortex-portal-primary), transparent 88%), transparent 18rem),
    linear-gradient(135deg, var(--kortex-portal-surface), color-mix(in srgb, var(--kortex-portal-soft), var(--kortex-portal-surface) 38%)) !important;
}

.kortex-portal-experience-v3p4 :where(h1, h2, h3) {
  color: var(--kortex-portal-text) !important;
  letter-spacing: 0 !important;
}

.kortex-portal-experience-v3p4 :where(p, span, label, input, select, textarea, button, a) {
  letter-spacing: 0 !important;
}

.kortex-portal-experience-v3p4 :where(.text-teal-700, .dark\:text-mint) {
  color: var(--kortex-portal-primary-strong) !important;
}

html.dark .kortex-portal-experience-v3p4 :where(.text-teal-700, .dark\:text-mint),
html[data-theme="dark"] .kortex-portal-experience-v3p4 :where(.text-teal-700, .dark\:text-mint),
.dark .kortex-portal-experience-v3p4 :where(.text-teal-700, .dark\:text-mint) {
  color: var(--kortex-portal-primary) !important;
}

.kortex-portal-experience-v3p4 :where(.bg-slate-950.text-white, .bg-navy.text-white, button[type="submit"], #startDayBtn) {
  border: 1px solid color-mix(in srgb, var(--kortex-portal-primary), #0f172a 8%) !important;
  background: var(--kortex-portal-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px color-mix(in srgb, var(--kortex-portal-primary), transparent 78%) !important;
}

html.dark .kortex-portal-experience-v3p4 :where(.bg-slate-950.text-white, .bg-navy.text-white, button[type="submit"], #startDayBtn),
html[data-theme="dark"] .kortex-portal-experience-v3p4 :where(.bg-slate-950.text-white, .bg-navy.text-white, button[type="submit"], #startDayBtn),
.dark .kortex-portal-experience-v3p4 :where(.bg-slate-950.text-white, .bg-navy.text-white, button[type="submit"], #startDayBtn) {
  color: #0f1f19 !important;
}

.kortex-portal-experience-v3p4 :where(a[href*="copiloto"], .portal-actions a, .portal-actions button, #profileBtn, #changePasswordBtn) {
  border-color: color-mix(in srgb, var(--kortex-portal-secondary), var(--kortex-portal-line) 70%) !important;
  background: var(--kortex-portal-surface) !important;
  color: var(--kortex-portal-secondary) !important;
}

.kortex-portal-experience-v3p4 :where(input, select, textarea) {
  min-height: 2.75rem;
  border-color: var(--kortex-portal-line) !important;
  border-radius: 14px !important;
  background: var(--kortex-portal-surface) !important;
  color: var(--kortex-portal-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .48) !important;
}

.kortex-portal-experience-v3p4 :where(input, select, textarea):focus {
  border-color: color-mix(in srgb, var(--kortex-portal-primary), var(--kortex-portal-line) 34%) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--kortex-portal-primary), transparent 84%) !important;
}

.kortex-portal-experience-v3p4 :where(button, a) {
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease !important;
}

.kortex-portal-experience-v3p4 :where(button, a):hover {
  transform: translateY(-1px);
}

.kortex-portal-experience-v3p4 :where(button, a):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--kortex-portal-primary), transparent 58%) !important;
  outline-offset: 2px;
}

.kortex-portal-experience-v3p4 :where(.bg-slate-950, .bg-slate-900, .bg-slate-800, .bg-black, .dark\:bg-slate-950, .dark\:bg-slate-900) {
  background-color: var(--kortex-portal-surface) !important;
}

.kortex-portal-experience-v3p4 :where(.bg-slate-950.text-white, button[type="submit"], #startDayBtn) {
  background-color: var(--kortex-portal-primary) !important;
}

html.dark .kortex-portal-experience-v3p4 :where(.bg-slate-950, .bg-slate-900, .bg-slate-800, .bg-black, .dark\:bg-slate-950, .dark\:bg-slate-900),
html[data-theme="dark"] .kortex-portal-experience-v3p4 :where(.bg-slate-950, .bg-slate-900, .bg-slate-800, .bg-black, .dark\:bg-slate-950, .dark\:bg-slate-900),
.dark .kortex-portal-experience-v3p4 :where(.bg-slate-950, .bg-slate-900, .bg-slate-800, .bg-black, .dark\:bg-slate-950, .dark\:bg-slate-900) {
  background-color: var(--kortex-portal-elevated) !important;
}

html.dark .kortex-portal-experience-v3p4 :where(.bg-slate-950.text-white, button[type="submit"], #startDayBtn),
html[data-theme="dark"] .kortex-portal-experience-v3p4 :where(.bg-slate-950.text-white, button[type="submit"], #startDayBtn),
.dark .kortex-portal-experience-v3p4 :where(.bg-slate-950.text-white, button[type="submit"], #startDayBtn) {
  background-color: var(--kortex-portal-primary) !important;
}

.kortex-portal-experience-v3p4 #portalView {
  display: grid;
  gap: 1.35rem;
}

.kortex-portal-experience-v3p4 #portalView.hidden {
  display: none;
}

.kortex-portal-experience-v3p4 :where(.mb-5) {
  margin-bottom: 0 !important;
}

.kortex-portal-experience-v3p4 :where(#portalExecutiveSummary, #portalShortcutGrid, #portalNotifications, #portalRecentActivity, #portalCompanyOverview, #cards) {
  gap: 1rem !important;
}

@media (max-width: 1024px) {
  .kortex-portal-experience-v3p4 .portal-topbar {
    position: static;
  }

  .kortex-portal-experience-v3p4 .portal-topbar > div {
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .kortex-portal-experience-v3p4 .portal-shell {
    padding: .95rem !important;
  }

  .kortex-portal-experience-v3p4 :where(.kortex-portal-card, .kortex-auth-card, .kortex-auth-story, .kortex-portal-summary, .kortex-portal-section, .kortex-portal-context, .kortex-portal-welcome) {
    border-radius: 18px !important;
  }

  .kortex-portal-experience-v3p4 .kortex-portal-day-grid {
    grid-template-columns: 1fr !important;
  }

  .kortex-portal-experience-v3p4 :where(#portalGreeting) {
    font-size: clamp(1.75rem, 9vw, 2.25rem) !important;
  }
}

/* KORTEX Global Polish Final V1 */
:root {
  --kortex-bg: #f5f7f8;
  --kortex-surface: #ffffff;
  --kortex-soft: #f8fafb;
  --kortex-elevated: #ffffff;
  --kortex-line: rgba(15, 23, 42, .105);
  --kortex-text: #101828;
  --kortex-muted: #667085;
  --kortex-primary: #16a34a;
  --kortex-primary-strong: #15803d;
  --kortex-secondary: #2563eb;
  --kortex-radius: 14px;
  --kortex-radius-lg: 20px;
  --kortex-shadow: 0 18px 48px rgba(16, 24, 40, .075);
  --kortex-shadow-sm: 0 8px 24px rgba(16, 24, 40, .055);
  --kortex-focus: 0 0 0 4px color-mix(in srgb, var(--kortex-primary), transparent 84%);
}

html[data-theme="dark"],
html.dark {
  --kortex-bg: #151b22;
  --kortex-surface: #1d252e;
  --kortex-soft: #172029;
  --kortex-elevated: #222b35;
  --kortex-line: rgba(148, 163, 184, .18);
  --kortex-text: #f6f8fb;
  --kortex-muted: #aab6c4;
  --kortex-primary: #5eead4;
  --kortex-primary-strong: #2dd4bf;
  --kortex-secondary: #93c5fd;
  --kortex-shadow: 0 18px 48px rgba(0, 0, 0, .18);
  --kortex-shadow-sm: 0 8px 24px rgba(0, 0, 0, .14);
}

body.kortex-global-polish-final-v1 {
  min-height: 100vh;
  background: var(--kortex-bg) !important;
  color: var(--kortex-text) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.kortex-global-polish-final-v1 :where(h1, h2, h3, h4, h5, h6) {
  color: var(--kortex-text) !important;
  letter-spacing: 0 !important;
  line-height: 1.15;
}

.kortex-global-polish-final-v1 :where(p, span, label, small, button, input, select, textarea, a, th, td) {
  letter-spacing: 0 !important;
}

.kortex-global-polish-final-v1 :where(main, .kortex-shell-main, .portal-shell) {
  color: var(--kortex-text);
}

.kortex-global-polish-final-v1 :where(
  .kortex-card,
  .kortex-panel,
  .kortex-shell-panel,
  .kortex-workspace-card,
  .kortex-owner-card,
  .kortex-portal-card,
  .kortex-auth-card,
  .kortex-auth-story,
  .premium-card,
  .decision-card,
  .crm-widget,
  .crm-card,
  .wallet-widget,
  .copilot-command-card,
  .copilot-answer-shell,
  .governance-check,
  .panel,
  .soft,
  .rounded-md.border,
  article[class*="border"],
  section[class*="border"]
) {
  border-color: var(--kortex-line) !important;
  border-radius: var(--kortex-radius-lg) !important;
  background: var(--kortex-surface) !important;
  color: var(--kortex-text) !important;
  box-shadow: var(--kortex-shadow-sm) !important;
}

.kortex-global-polish-final-v1 :where(.kortex-topbar, .kortex-owner-topbar, .kortex-workspace-topbar, header.sticky, header[class*="border-b"]) {
  border-color: var(--kortex-line) !important;
  background: color-mix(in srgb, var(--kortex-surface), transparent 5%) !important;
  color: var(--kortex-text) !important;
  box-shadow: 0 1px 0 rgba(16, 24, 40, .035), 0 12px 32px rgba(16, 24, 40, .045) !important;
  backdrop-filter: blur(18px);
}

html[data-theme="dark"] .kortex-global-polish-final-v1 :where(.kortex-topbar, .kortex-owner-topbar, .kortex-workspace-topbar, header.sticky, header[class*="border-b"]),
html.dark .kortex-global-polish-final-v1 :where(.kortex-topbar, .kortex-owner-topbar, .kortex-workspace-topbar, header.sticky, header[class*="border-b"]) {
  box-shadow: 0 1px 0 rgba(255, 255, 255, .035), 0 12px 32px rgba(0, 0, 0, .18) !important;
}

.kortex-global-polish-final-v1 :where(.kortex-owner-sidebar, .crm-sidebar, aside[class*="border"], nav[class*="border"]) {
  border-color: var(--kortex-line) !important;
  background: var(--kortex-surface) !important;
  color: var(--kortex-text) !important;
  box-shadow: var(--kortex-shadow-sm) !important;
}

.kortex-global-polish-final-v1 :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .kortex-input, .kortex-field-normalized) {
  min-height: 2.625rem;
  border: 1px solid var(--kortex-line) !important;
  border-radius: var(--kortex-radius) !important;
  background: var(--kortex-elevated) !important;
  color: var(--kortex-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .36) !important;
  outline: none !important;
}

.kortex-global-polish-final-v1 :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .kortex-input, .kortex-field-normalized)::placeholder {
  color: color-mix(in srgb, var(--kortex-muted), transparent 20%) !important;
}

.kortex-global-polish-final-v1 :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .kortex-input, .kortex-field-normalized):focus {
  border-color: color-mix(in srgb, var(--kortex-primary), var(--kortex-line) 30%) !important;
  box-shadow: var(--kortex-focus) !important;
}

.kortex-global-polish-final-v1 :where(button, .kortex-btn, a[class*="rounded-md"], a[class*="rounded-lg"]) {
  border-radius: var(--kortex-radius) !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease, color .16s ease !important;
}

.kortex-global-polish-final-v1 :where(button, .kortex-btn, a[class*="rounded-md"], a[class*="rounded-lg"]):hover {
  transform: translateY(-1px);
}

.kortex-global-polish-final-v1 :where(button, .kortex-btn, a, input, select, textarea):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--kortex-primary), transparent 58%) !important;
  outline-offset: 2px;
}

.kortex-global-polish-final-v1 :where(.bg-slate-950.text-white, .bg-navy.text-white, .kortex-btn-primary, button[type="submit"]:not(.kortex-btn-secondary)) {
  border-color: color-mix(in srgb, var(--kortex-primary), #0f172a 8%) !important;
  background: var(--kortex-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px color-mix(in srgb, var(--kortex-primary), transparent 78%) !important;
}

html[data-theme="dark"] .kortex-global-polish-final-v1 :where(.bg-slate-950.text-white, .bg-navy.text-white, .kortex-btn-primary, button[type="submit"]:not(.kortex-btn-secondary)),
html.dark .kortex-global-polish-final-v1 :where(.bg-slate-950.text-white, .bg-navy.text-white, .kortex-btn-primary, button[type="submit"]:not(.kortex-btn-secondary)) {
  color: #102018 !important;
}

.kortex-global-polish-final-v1 :where(.kortex-btn-secondary, .kortex-btn-ghost, button[class*="border"], a[class*="border"]) {
  border-color: var(--kortex-line) !important;
}

.kortex-global-polish-final-v1 :where(.kortex-btn-secondary, .kortex-btn-ghost, button[class*="border"].bg-white, a[class*="border"].bg-white) {
  background: var(--kortex-surface) !important;
  color: var(--kortex-text) !important;
}

.kortex-global-polish-final-v1 :where(.kortex-badge, .badge, [class*="rounded-full"][class*="border"]) {
  border-color: var(--kortex-line) !important;
  background: var(--kortex-soft) !important;
  color: var(--kortex-muted) !important;
  font-weight: 750;
}

.kortex-global-polish-final-v1 :where(.kortex-table-wrap, .kortex-table-wrap-normalized, .overflow-x-auto:has(table)) {
  border: 1px solid var(--kortex-line) !important;
  border-radius: var(--kortex-radius-lg) !important;
  background: var(--kortex-surface) !important;
  box-shadow: var(--kortex-shadow-sm) !important;
}

.kortex-global-polish-final-v1 :where(table, .kortex-table, .kortex-table-normalized) {
  width: 100%;
  color: var(--kortex-text) !important;
  border-collapse: separate;
  border-spacing: 0;
}

.kortex-global-polish-final-v1 :where(thead, .kortex-table th) {
  background: var(--kortex-soft) !important;
  color: var(--kortex-muted) !important;
}

.kortex-global-polish-final-v1 :where(th, td) {
  border-color: var(--kortex-line) !important;
}

.kortex-global-polish-final-v1 :where(tr:hover td) {
  background: color-mix(in srgb, var(--kortex-primary), transparent 96%) !important;
}

.kortex-global-polish-final-v1 :where(.kortex-empty, .kortex-loading, .kortex-state-normalized, [data-empty], [data-loading]) {
  border: 1px dashed var(--kortex-line) !important;
  border-radius: var(--kortex-radius-lg) !important;
  background: var(--kortex-soft) !important;
  color: var(--kortex-muted) !important;
}

.kortex-global-polish-final-v1 :where(.kortex-feedback, .kortex-toast, .alert, [role="alert"]) {
  border-radius: var(--kortex-radius) !important;
  box-shadow: var(--kortex-shadow-sm) !important;
}

.kortex-global-polish-final-v1 :where(.kortex-panel-normalized, [role="dialog"], dialog, .modal, .copilot-modal, .crm-drawer, .kortex-drawer) {
  border-color: var(--kortex-line) !important;
  border-radius: var(--kortex-radius-lg) !important;
  background: var(--kortex-surface) !important;
  color: var(--kortex-text) !important;
  box-shadow: var(--kortex-shadow) !important;
}

.kortex-global-polish-final-v1 :where(.bg-slate-50, .bg-gray-50) {
  background-color: var(--kortex-bg) !important;
}

.kortex-global-polish-final-v1 :where(.bg-white, .bg-white\/90, .bg-white\/80, .bg-white\/70) {
  background-color: var(--kortex-surface) !important;
}

body.kortex-global-polish-final-v1:not(.dark) :where(.bg-black, .bg-slate-950:not(.text-white), .bg-slate-900:not(.text-white), .bg-slate-800:not(.text-white), .dark\:bg-slate-950, .dark\:bg-slate-900, .dark\:bg-slate-800) {
  background-color: var(--kortex-surface) !important;
  color: var(--kortex-text) !important;
}

html[data-theme="dark"] .kortex-global-polish-final-v1 :where(.dark\:bg-slate-950, .dark\:bg-slate-900, .bg-slate-950:not(.text-white), .bg-slate-900:not(.text-white)),
html.dark .kortex-global-polish-final-v1 :where(.dark\:bg-slate-950, .dark\:bg-slate-900, .bg-slate-950:not(.text-white), .bg-slate-900:not(.text-white)) {
  background-color: var(--kortex-surface) !important;
  color: var(--kortex-text) !important;
}

.kortex-global-polish-final-v1 :where(.text-slate-950, .text-slate-900, .text-black, .dark\:text-white) {
  color: var(--kortex-text) !important;
}

.kortex-global-polish-final-v1 :where(.text-slate-700, .text-slate-600, .text-slate-500, .dark\:text-slate-400, .dark\:text-slate-300) {
  color: var(--kortex-muted) !important;
}

.kortex-global-polish-final-v1 :where(.border-slate-100, .border-slate-200, .border-slate-300, .border-slate-700, .border-slate-800) {
  border-color: var(--kortex-line) !important;
}

.kortex-global-polish-final-v1 :where(.text-teal-700, .text-emerald-700, .dark\:text-mint) {
  color: var(--kortex-primary-strong) !important;
}

html[data-theme="dark"] .kortex-global-polish-final-v1 :where(.text-teal-700, .text-emerald-700, .dark\:text-mint),
html.dark .kortex-global-polish-final-v1 :where(.text-teal-700, .text-emerald-700, .dark\:text-mint) {
  color: var(--kortex-primary) !important;
}

.kortex-global-polish-final-v1 :where(.space-y-6 > :not([hidden]) ~ :not([hidden]), .grid.gap-4, .grid.gap-5, .grid.gap-6) {
  --tw-space-y-reverse: 0;
}

.kortex-global-polish-final-v1 :where(.kortex-universal-palette, .kortex-command-shell, .kortex-universal-modal) {
  border-color: var(--kortex-line) !important;
  background: var(--kortex-surface) !important;
  color: var(--kortex-text) !important;
  box-shadow: var(--kortex-shadow) !important;
}

.kortex-global-polish-final-v1 :where(.kortex-universal-result, .kortex-universal-command, .kortex-command-answer) {
  border-color: var(--kortex-line) !important;
  background: var(--kortex-elevated) !important;
  color: var(--kortex-text) !important;
}

.kortex-global-polish-final-v1 :where(.copilot-bubble-system, .copilot-bubble-user, .copilot-proactive-card, .copilot-plan, .copilot-plan-step) {
  border-color: var(--kortex-line) !important;
  background: var(--kortex-surface) !important;
  color: var(--kortex-text) !important;
  box-shadow: var(--kortex-shadow-sm) !important;
}

.kortex-global-polish-final-v1 :where(.copilot-bubble-user) {
  background: color-mix(in srgb, var(--kortex-primary), transparent 88%) !important;
}

@media (max-width: 1024px) {
  .kortex-global-polish-final-v1 :where(main, .kortex-shell-main, .portal-shell) {
    padding-left: max(1rem, env(safe-area-inset-left)) !important;
    padding-right: max(1rem, env(safe-area-inset-right)) !important;
  }
}

@media (max-width: 768px) {
  .kortex-global-polish-final-v1 :where(.kortex-card, .kortex-panel, .kortex-shell-panel, .kortex-workspace-card, .premium-card, .panel, .soft, article[class*="border"], section[class*="border"]) {
    border-radius: 16px !important;
  }

  .kortex-global-polish-final-v1 :where(button, .kortex-btn, input, select) {
    min-height: 2.75rem;
  }

  .kortex-global-polish-final-v1 :where(table) {
    min-width: 42rem;
  }
}

/* KORTEX identity and localization polish */
.kortex-ds-v2 :where(button, .kortex-btn, input, select, textarea, a) {
  font-family: var(--kortex-font-sans, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  letter-spacing: 0;
}

.kortex-ds-v2 :where(button, .kortex-btn, a.inline-flex, input[type="button"], input[type="submit"]) {
  min-height: 2.5rem;
  border-radius: 12px;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.kortex-ds-v2 :where(button, .kortex-btn, a.inline-flex, input, select, textarea):focus-visible {
  outline: 0;
  box-shadow: var(--kortex-focus, 0 0 0 4px rgba(20, 184, 166, .18));
}

.kortex-ds-v2 :where(button:disabled, .kortex-btn:disabled, [aria-disabled="true"]) {
  cursor: not-allowed;
  opacity: .56;
  transform: none !important;
  box-shadow: none !important;
}

.kortex-ds-v2 :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .kortex-field-normalized) {
  border-color: var(--kortex-line);
  background: var(--kortex-surface);
  color: var(--kortex-text);
}

.kortex-ds-v2 :where(input::placeholder, textarea::placeholder) {
  color: var(--kortex-muted);
}

.kortex-ds-v2 :where(.kortex-badge, .crm-pill, .status-badge, [data-status]) {
  font-weight: 700;
  letter-spacing: .01em;
}

.kortex-ds-v2 :where(th) {
  color: var(--kortex-muted);
  font-weight: 800;
  letter-spacing: .02em;
}

/* KORTEX Global UI Layout & Responsive Fix V1 */
.kortex-layout-responsive-v1,
.kortex-layout-responsive-v1 * {
  box-sizing: border-box;
}

.kortex-layout-responsive-v1 {
  overflow-x: clip;
  text-rendering: geometricPrecision;
}

.kortex-layout-responsive-v1 :where(main, section, article, aside, header, footer, nav, div, form, fieldset, label, ul, ol, li) {
  min-width: 0;
}

.kortex-layout-responsive-v1 :where(img, video, canvas, svg, iframe) {
  max-width: 100%;
}

.kortex-layout-responsive-v1 :where(.grid, [class*="grid-cols"], [class*="md:grid-cols"], [class*="lg:grid-cols"], [class*="xl:grid-cols"]) {
  min-width: 0;
}

.kortex-layout-responsive-v1 :where([class*="grid-cols"]) > *,
.kortex-layout-responsive-v1 :where(.flex) > * {
  min-width: 0;
}

.kortex-layout-responsive-v1 :where(.kortex-card, .kortex-panel, .kortex-shell-panel, .kortex-shell-header, .kortex-workspace-card, .kortex-owner-card, .kortex-portal-card, .kortex-auth-card, .kortex-portal-summary, .kortex-portal-section, .premium-card, .decision-card, .crm-card, .crm-panel, .crm-stage, .wallet-block, .wallet-metric, .finance-metric-card, .finance-table-shell, .fleet-card, .fleet-panel, .panel, .soft, article[class*="border"], section[class*="border"]) {
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.kortex-layout-responsive-v1 :where(.kortex-card, .kortex-panel, .kortex-shell-panel, .kortex-workspace-card, .kortex-owner-card, .kortex-portal-card, .premium-card, .decision-card, .crm-card, .wallet-block, .finance-metric-card, .fleet-card, article[class*="border"], section[class*="border"]) > * {
  min-width: 0;
}

.kortex-layout-responsive-v1 :where(h1, h2, h3, h4, h5, h6, p, span, small, strong, label, li, th, td, dd, dt, summary, figcaption) {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
}

.kortex-layout-responsive-v1 :where(h1, h2, h3, .kortex-title, .kortex-shell-header-title, .kortex-owner-page-title, .kortex-ux-title-normalized, .card-title, [data-kortex-title]) {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.kortex-layout-responsive-v1 :where(p, .kortex-description, .kortex-shell-header-copy, .kortex-card-description, .card-description, [data-kortex-description]) {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.kortex-layout-responsive-v1 :where(.kortex-line-clamp-1, .kortex-truncate, .truncate, .kortex-badge, .badge, .status-badge, .crm-pill, [data-status]) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kortex-layout-responsive-v1 :where(.kortex-badge, .badge, .status-badge, .crm-pill, [data-status], [class*="rounded-full"]) {
  display: inline-flex;
  max-width: 100%;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  vertical-align: middle;
}

.kortex-layout-responsive-v1 :where(button, .kortex-btn, .kortex-cl-btn, a.inline-flex, a[class*="rounded"], input[type="button"], input[type="submit"]) {
  max-width: 100%;
  min-width: 2.5rem;
  min-height: 2.5rem;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  overflow: hidden;
  text-align: center;
  line-height: 1.15;
}

.kortex-layout-responsive-v1 :where(button, .kortex-btn, .kortex-cl-btn, a.inline-flex, a[class*="rounded"]) :where(span, strong) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.kortex-layout-responsive-v1 :where(.kortex-icon-btn, button[aria-label], button[title]:not(.kortex-btn)) {
  flex: 0 0 auto;
}

.kortex-layout-responsive-v1 :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .kortex-input, .kortex-field-normalized) {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.kortex-layout-responsive-v1 :where(textarea) {
  resize: vertical;
}

.kortex-layout-responsive-v1 :where(.kortex-table-wrap, .kortex-table-wrap-normalized, .kortex-ux-table-wrap, .finance-table-shell, .fleet-table-shell, .overflow-x-auto:has(table)) {
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.kortex-layout-responsive-v1 :where(table, .kortex-table, .kortex-table-normalized, .kortex-ux-table, .kortex-rc-table) {
  width: 100%;
  max-width: 100%;
  table-layout: auto;
}

.kortex-layout-responsive-v1 :where(th, td) {
  max-width: 22rem;
  overflow-wrap: anywhere;
  vertical-align: middle;
}

.kortex-layout-responsive-v1 :where(th) {
  white-space: nowrap;
}

.kortex-layout-responsive-v1 :where(td .kortex-badge, td .badge, td button, td .kortex-btn, td a.inline-flex) {
  max-width: 100%;
}

.kortex-layout-responsive-v1 :where(.kortex-kpi, .kortex-metric, .wallet-metric, .finance-metric-card, .fleet-metric, .crm-metric, [data-kortex-kpi]) {
  min-width: 0;
  min-height: 7.25rem;
  overflow: hidden;
}

.kortex-layout-responsive-v1 :where(.kortex-kpi-value, .metric-value, .wallet-metric-value, .finance-metric-value, [data-kortex-kpi-value]) {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: clamp(1.35rem, 1rem + 1vw, 2rem);
  line-height: 1.12;
}

.kortex-layout-responsive-v1 :where(.kortex-topbar, .kortex-owner-topbar, .kortex-workspace-topbar, .kortex-shell-actionbar, header, .portal-topbar) {
  max-width: 100%;
  min-width: 0;
}

.kortex-layout-responsive-v1 :where(.kortex-topbar, .kortex-owner-topbar, .kortex-workspace-topbar, .kortex-shell-actionbar, .portal-actions, .kortex-shell-actions) {
  gap: .625rem;
}

.kortex-layout-responsive-v1 :where(.kortex-ux-breadcrumb, [data-kortex-breadcrumb], .breadcrumb, nav[aria-label*="Caminho"]) {
  max-width: 100%;
  overflow: hidden;
}

.kortex-layout-responsive-v1 :where(.kortex-ux-breadcrumb span, .breadcrumb span, nav[aria-label*="Caminho"] span) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kortex-layout-responsive-v1 :where(.kortex-owner-sidebar, .crm-sidebar, aside[class*="w-"], nav[class*="w-"]) {
  min-width: 0;
}

.kortex-layout-responsive-v1 :where(.kortex-owner-sidebar a, .crm-sidebar a, aside nav a, aside button) {
  min-width: 0;
  overflow: hidden;
}

.kortex-layout-responsive-v1 :where(.kortex-owner-sidebar a span, .crm-sidebar a span, aside nav a span, aside button span) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kortex-layout-responsive-v1 :where(.kortex-universal-palette, .kortex-command-shell, .kortex-universal-modal, .kortex-workspace-side-panel, .kortex-drawer, .crm-drawer, [role="dialog"], dialog) {
  max-width: calc(100vw - 2rem);
  overflow: hidden;
}

.kortex-layout-responsive-v1 :where(.kortex-universal-result, .kortex-universal-command, .kortex-insight-card, .copilot-bubble-system, .copilot-bubble-user, .copilot-proactive-card) {
  min-width: 0;
  overflow: hidden;
}

.kortex-layout-responsive-v1 :where(.kortex-universal-result *, .kortex-insight-card *, .copilot-bubble-system *, .copilot-bubble-user *) {
  min-width: 0;
}

@media (max-width: 1024px) {
  .kortex-layout-responsive-v1 :where(main, .kortex-shell-main, .portal-shell, .kortex-owner-main) {
    max-width: 100vw;
    overflow-x: clip;
  }

  .kortex-layout-responsive-v1 :where(.grid, [class*="grid-cols"]) {
    grid-auto-flow: row;
  }

  .kortex-layout-responsive-v1 :where(.kortex-topbar, .kortex-owner-topbar, .kortex-workspace-topbar, .portal-topbar, header) {
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .kortex-layout-responsive-v1 :where(.grid, [class*="grid-cols"], [class*="md:grid-cols"], [class*="lg:grid-cols"], [class*="xl:grid-cols"]) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .kortex-layout-responsive-v1 :where(.kortex-shell-actions, .portal-actions, .kortex-owner-topbar-actions, .kortex-workspace-actions) {
    width: 100%;
    justify-content: stretch;
  }

  .kortex-layout-responsive-v1 :where(.kortex-shell-actions > *, .portal-actions > *, .kortex-owner-topbar-actions > *, .kortex-workspace-actions > *) {
    flex: 1 1 min(100%, 10rem);
  }

  .kortex-layout-responsive-v1 :where(button, .kortex-btn, .kortex-cl-btn, a.inline-flex, input, select) {
    min-height: 2.75rem;
  }

  .kortex-layout-responsive-v1 :where(th, td) {
    max-width: 16rem;
  }
}

@media (max-width: 520px) {
  .kortex-layout-responsive-v1 {
    overflow-x: hidden;
  }

  .kortex-layout-responsive-v1 :where(body, main, .kortex-shell-main, .portal-shell) {
    width: 100%;
    max-width: 100vw;
  }

  .kortex-layout-responsive-v1 :where(.kortex-card, .kortex-panel, .kortex-shell-panel, .kortex-workspace-card, .kortex-owner-card, .kortex-portal-card, .premium-card, .decision-card, .crm-card, article[class*="border"], section[class*="border"]) {
    padding-left: min(1rem, 5vw) !important;
    padding-right: min(1rem, 5vw) !important;
  }

  .kortex-layout-responsive-v1 :where(.kortex-universal-palette, .kortex-command-shell, .kortex-universal-modal, .kortex-workspace-side-panel, .kortex-drawer, .crm-drawer, [role="dialog"], dialog) {
    max-width: calc(100vw - 1rem);
  }
}

/* KORTEX Global Overflow Fix V1
   Camada global para impedir vazamento de textos, campos, cards e tabelas
   sem alterar regras de negocio ou estrutura funcional das telas. */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body :where(*, *::before, *::after) {
  min-width: 0;
}

body :where(img, svg, video, canvas, iframe) {
  max-width: 100%;
}

body :where(main, header, footer, aside, nav, section, article, div, form, fieldset) {
  max-width: 100%;
}

body :where(.grid, [class*="grid-cols"], [class*="grid-rows"]) > *,
body :where(.flex, [class*="flex"], [class*="items-"], [class*="justify-"]) > * {
  min-width: 0;
  max-width: 100%;
}

body :where(.grid, [class*="grid-cols"]) {
  min-width: 0;
}

body :where(.kortex-card, .kortex-panel, .kortex-shell-panel, .kortex-shell-header, .kortex-workspace-card, .kortex-owner-card, .kortex-portal-card, .kortex-auth-card, .kortex-portal-summary, .kortex-portal-section, .premium-card, .decision-card, .crm-card, .crm-panel, .crm-stage, .wallet-block, .wallet-metric, .finance-metric-card, .finance-table-shell, .fleet-card, .fleet-panel, .panel, .soft, .card, article[class*="border"], section[class*="border"]) {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  overflow: clip;
  overflow-clip-margin: .25rem;
}

body :where(.kortex-card *, .kortex-panel *, .kortex-shell-panel *, .kortex-shell-header *, .kortex-workspace-card *, .kortex-owner-card *, .kortex-portal-card *, .premium-card *, .decision-card *, .crm-card *, .crm-panel *, .crm-stage *, .wallet-block *, .wallet-metric *, .finance-metric-card *, .fleet-card *, .fleet-panel *, .panel *, .card *) {
  min-width: 0;
}

body :where(h1, h2, h3, h4, h5, h6, p, span, small, strong, b, label, a, li, dt, dd, figcaption, blockquote, td, th, button, .kortex-title, .kortex-subtitle, .kortex-description, .kortex-shell-header-title, .kortex-shell-header-copy, .kortex-owner-page-title, .kortex-ux-title-normalized, .card-title, .card-description, .metric-label, .metric-value, .kpi-label, .kpi-value) {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
}

body :where(h1, h2, h3, .kortex-title, .kortex-shell-header-title, .kortex-owner-page-title, .kortex-ux-title-normalized, .card-title, [data-kortex-title]) {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

body :where(h4, h5, h6, .kortex-subtitle, .metric-label, .kpi-label, .finance-kicker, .owner-kicker, .fleet-kicker) {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

body :where(p, .kortex-description, .kortex-shell-header-copy, .kortex-card-description, .card-description, .owner-copy, .finance-copy, .fleet-copy, [data-kortex-description]) {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

body :where(.kortex-line-clamp-1, .kortex-truncate, .truncate, .kortex-badge, .badge, .status-badge, .crm-pill, [data-status], .metric-value, .kpi-value, .kortex-kpi-value, .wallet-metric-value, .finance-metric-value) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body :where(.kortex-badge, .badge, .status-badge, .crm-pill, [data-status], [class*="rounded-full"]) {
  display: inline-flex;
  max-width: 100%;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  line-height: 1.15;
  vertical-align: middle;
}

body :where(.kortex-badge, .badge, .status-badge, .crm-pill, [data-status]) > * {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

body :where(button, .kortex-btn, .kortex-cl-btn, .kortex-button, a.inline-flex, a[class*="rounded"], input[type="button"], input[type="submit"], input[type="reset"]) {
  max-width: 100%;
  min-width: 2.5rem;
  min-height: 2.5rem;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  overflow: hidden;
  text-align: center;
  line-height: 1.15;
  white-space: normal;
}

body :where(button, .kortex-btn, .kortex-cl-btn, .kortex-button, a.inline-flex, a[class*="rounded"]) :where(span, strong, small) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

body :where(.kortex-icon-btn, button[aria-label], button[title]:not(.kortex-btn):not(.kortex-cl-btn)) {
  flex: 0 0 auto;
}

body :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .kortex-input, .kortex-field-normalized, .kortex-layout-field) {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body :where(input, select, textarea) {
  overflow: hidden;
  text-overflow: ellipsis;
}

body :where(textarea) {
  min-height: 6rem;
  resize: vertical;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

body :where(.kortex-filter-bar, .kortex-shell-actions, .kortex-shell-actionbar, .portal-actions, .owner-actions, .finance-tabs, .fleet-tabs, .crm-tabs, .crm-toolbar, .crm-actions, .filters, .filter-row, [data-kortex-filters], [data-kortex-actions]) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .625rem;
  min-width: 0;
  max-width: 100%;
}

body :where(.kortex-filter-bar > *, .kortex-shell-actions > *, .kortex-shell-actionbar > *, .portal-actions > *, .owner-actions > *, .finance-tabs > *, .fleet-tabs > *, .crm-tabs > *, .crm-toolbar > *, .crm-actions > *, .filters > *, .filter-row > *, [data-kortex-filters] > *, [data-kortex-actions] > *) {
  min-width: 0;
  max-width: 100%;
}

body :where(.kortex-table-wrap, .kortex-table-wrap-normalized, .kortex-layout-table-wrap, .kortex-ux-table-wrap, .finance-table-shell, .fleet-table-shell, .overflow-x-auto:has(table), [data-kortex-table-wrap]) {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

body :where(table, .kortex-table, .kortex-table-normalized, .kortex-layout-table, .kortex-ux-table, .kortex-rc-table) {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

body :where(th, td) {
  max-width: 24rem;
  overflow-wrap: anywhere;
  vertical-align: middle;
}

body :where(th) {
  white-space: nowrap;
}

body :where(td > *, th > *) {
  min-width: 0;
  max-width: 100%;
}

body :where(.kortex-kpi, .kortex-metric, .wallet-metric, .finance-metric-card, .fleet-metric, .crm-metric, [data-kortex-kpi]) {
  min-width: 0;
  min-height: 7.25rem;
  overflow: hidden;
  overflow: clip;
}

body :where(.kortex-topbar, .kortex-owner-topbar, .kortex-workspace-topbar, .kortex-shell-actionbar, .portal-topbar, header) {
  max-width: 100%;
  min-width: 0;
}

body :where(.kortex-topbar, .kortex-owner-topbar, .kortex-workspace-topbar, .portal-topbar, header, .kortex-shell-actionbar) > * {
  min-width: 0;
}

body :where(.kortex-ux-breadcrumb, [data-kortex-breadcrumb], .breadcrumb, nav[aria-label*="Caminho"]) {
  max-width: 100%;
  overflow: hidden;
}

body :where(.kortex-ux-breadcrumb span, .breadcrumb span, nav[aria-label*="Caminho"] span) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body :where(.kortex-owner-sidebar, .crm-sidebar, aside[class*="w-"], nav[class*="w-"]) {
  min-width: 0;
}

body :where(.kortex-owner-sidebar a, .crm-sidebar a, aside nav a, aside button) {
  min-width: 0;
  overflow: hidden;
}

body :where(.kortex-owner-sidebar a span, .crm-sidebar a span, aside nav a span, aside button span) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body :where(.kortex-universal-palette, .kortex-command-shell, .kortex-universal-modal, .kortex-workspace-side-panel, .kortex-drawer, .crm-drawer, .owner-detail-drawer, .finance-detail-drawer, [role="dialog"], dialog) {
  max-width: min(44rem, calc(100vw - 2rem));
  overflow: hidden;
}

body :where(#detailSection, .owner-detail-drawer, .finance-detail-drawer) {
  width: min(100%, 38rem);
  max-width: calc(100vw - 1.5rem);
}

body :where(.owner-detail-drawer:not(.is-open), .finance-detail-drawer:not(.is-open)) {
  display: none;
}

body :where(.owner-detail-drawer.is-open, .finance-detail-drawer.is-open) {
  display: block;
}

body :where(.crm-drawer:not(.is-open), .kortex-cl-drawer:not(.is-open)) {
  display: none;
}

body :where(.crm-drawer.is-open, .kortex-cl-drawer.is-open) {
  display: block;
}

@media (max-width: 1023px) {
  body .crm-sidebar:not(.is-open) {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
  }

  body .crm-sidebar.is-open {
    display: flex !important;
    visibility: visible;
    pointer-events: auto;
  }
}

body :where(.kortex-universal-result, .kortex-universal-command, .kortex-insight-card, .copilot-bubble-system, .copilot-bubble-user, .copilot-proactive-card) {
  min-width: 0;
  overflow: hidden;
}

body :where(.kortex-universal-result *, .kortex-universal-command *, .kortex-insight-card *, .copilot-bubble-system *, .copilot-bubble-user *, .copilot-proactive-card *) {
  min-width: 0;
}

body :where(button, .btn, .kortex-button, [role="button"], .inline-flex[class*="rounded"], .badge, .kortex-badge) {
  min-width: 0;
  max-width: 100%;
}

body :where(button span, .btn span, .kortex-button span, [role="button"] span, .inline-flex[class*="rounded"] span, .badge span, .kortex-badge span) {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

body :where(.crm-next-action-pill, .fleet-action-pill, .fleet-tab, .owner-premium .inline-flex, .decision-premium .inline-flex, .finance-premium .inline-flex) {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

body :where(.crm-next-action-pill, .fleet-action-pill, .fleet-tab, .owner-premium .inline-flex, .decision-premium .inline-flex, .finance-premium .inline-flex) > :where(span, strong, small) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

body :where(.owner-premium .inline-flex, .decision-premium .inline-flex, .finance-premium .inline-flex) > :where(svg, i, [data-lucide]) {
  flex: 0 0 auto;
  max-width: 1.25rem;
}

body :where(.owner-premium, .decision-premium, .finance-premium) :where(span, small, strong) {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  overflow-wrap: anywhere;
  text-overflow: ellipsis;
}

body :where(.fleet-detail-drawer:not(.is-open)) {
  display: none;
  visibility: hidden;
  pointer-events: none;
}

body :where(.fleet-detail-drawer.is-open) {
  display: block;
  visibility: visible;
  pointer-events: auto;
}

body :where(.owner-module-pill > span, .owner-module-pill > span > span) {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

body :where(.owner-module-pill > span > span) {
  display: grid;
  white-space: normal;
}

@media (max-width: 1024px) {
  body :where(main, .kortex-shell-main, .portal-shell, .kortex-owner-main, .kortex-workspace-main) {
    max-width: 100vw;
    overflow-x: clip;
  }

  body :where(.kortex-topbar, .kortex-owner-topbar, .kortex-workspace-topbar, .portal-topbar, header) {
    flex-wrap: wrap;
  }

  body :where(th, td) {
    max-width: 18rem;
  }
}

/* Validação por tela: Financeiro, Portal, Central de Decisão, Plano de Ação e Admin SaaS. */
body :where(.finance-premium-hero, .owner-premium-hero, .decision-premium-hero) {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

body :where(.finance-operation-grid, .finance-management-grid, .finance-metric-grid, .owner-grid, .owner-metric-grid, .owner-hero-kpis, .owner-module-strip, .decision-main-grid, .decision-executive-shell, .decision-metric-grid, .decision-hero-summary, .decision-risk-board) {
  min-width: 0;
  max-width: 100%;
}

body :where(.finance-operation-grid, .finance-management-grid, .finance-metric-grid, .owner-grid, .owner-metric-grid, .owner-hero-kpis, .owner-module-strip, .decision-main-grid, .decision-executive-shell, .decision-metric-grid, .decision-hero-summary, .decision-risk-board) > * {
  min-width: 0;
  max-width: 100%;
}

body :where(.finance-section-header, .owner-section-header, .decision-section-header) > *,
body :where(.finance-tabs, .owner-tabs, .decision-tabs) > *,
body :where(.decision-quick-actions) > * {
  min-width: 0;
}

body :where(.finance-tab, .owner-tab, .decision-tab) {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body :where(.owner-module-pill) {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

body :where(.owner-module-pill span:first-child, .owner-module-pill small) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body :where(.finance-table-shell table, .owner-premium table, .decision-premium table) {
  min-width: 44rem;
}

body :where(.overflow-x-auto, [data-kortex-table-wrap], .kortex-table-wrap, .kortex-table-wrap-normalized, .kortex-layout-table-wrap) {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

body :where(.overflow-x-auto > table, [data-kortex-table-wrap] > table, .kortex-table-wrap > table, .kortex-table-wrap-normalized > table, .kortex-layout-table-wrap > table) {
  max-width: none;
}

body :where(.finance-table-shell td, .finance-table-shell th, .owner-premium td, .owner-premium th, .decision-premium td, .decision-premium th) {
  white-space: normal;
}

body :where(.finance-table-shell td.whitespace-nowrap, .finance-table-shell th.whitespace-nowrap, .owner-premium td.whitespace-nowrap, .owner-premium th.whitespace-nowrap, .decision-premium td.whitespace-nowrap, .decision-premium th.whitespace-nowrap) {
  white-space: nowrap;
}

body :where(.finance-table-shell td.min-w-\[220px\], .owner-premium td.min-w-\[220px\], .decision-premium td.min-w-\[220px\]) {
  min-width: 12rem;
  max-width: 22rem;
}

body :where(#filtersForm, #filterForm, #filterFinanceForm, #quickEntryForm, #expenseForm, #userForm, #companyForm, #branchForm, #actionForm) {
  min-width: 0;
  max-width: 100%;
}

body :where(#filtersForm > *, #filterForm > *, #filterFinanceForm > *, #quickEntryForm > *, #expenseForm > *, #userForm > *, #companyForm > *, #branchForm > *, #actionForm > *) {
  min-width: 0;
  max-width: 100%;
}

body :where(#actionsList > *, #companiesList > *, #solicitacoes-dono > *, #executiveInsightsList > *, #prioritiesList > *) {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

body :where(#detailBox, #detailBody, #financeDetailBody, #ownerDetailBody) {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

@media (min-width: 1280px) and (max-width: 1440px) {
  body :where(.decision-main-grid, .decision-executive-shell) {
    grid-template-columns: minmax(0, 1fr) minmax(19rem, .55fr) !important;
  }

  body :where(.owner-grid) {
    grid-template-columns: minmax(0, 1fr) minmax(21rem, .48fr) !important;
  }
}

@media (max-width: 768px) {
  body :where(.grid, [class*="grid-cols"], [class*="md:grid-cols"], [class*="lg:grid-cols"], [class*="xl:grid-cols"]) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body :where(.kortex-shell-actions, .portal-actions, .kortex-owner-topbar-actions, .kortex-workspace-actions, .crm-actions, .finance-tabs, .fleet-tabs) {
    width: 100%;
    justify-content: stretch;
  }

  body :where(.kortex-shell-actions > *, .portal-actions > *, .kortex-owner-topbar-actions > *, .kortex-workspace-actions > *, .crm-actions > *, .finance-tabs > *, .fleet-tabs > *) {
    flex: 1 1 min(100%, 10rem);
  }

  body :where(button, .kortex-btn, .kortex-cl-btn, .kortex-button, a.inline-flex, input, select) {
    min-height: 2.75rem;
  }

  body :where(th, td) {
    max-width: 15rem;
  }
}

@media (max-width: 520px) {
  body :where(main, .kortex-shell-main, .portal-shell, .kortex-owner-main, .kortex-workspace-main) {
    width: 100%;
    max-width: 100vw;
  }

  body :where(.kortex-card, .kortex-panel, .kortex-shell-panel, .kortex-workspace-card, .kortex-owner-card, .kortex-portal-card, .premium-card, .decision-card, .crm-card, article[class*="border"], section[class*="border"]) {
    padding-left: min(1rem, 5vw) !important;
    padding-right: min(1rem, 5vw) !important;
  }

  body :where(.kortex-universal-palette, .kortex-command-shell, .kortex-universal-modal, .kortex-workspace-side-panel, .kortex-drawer, .crm-drawer, .owner-detail-drawer, .finance-detail-drawer, [role="dialog"], dialog) {
    max-width: calc(100vw - 1rem);
  }
}