/* ================================================================
   ObraSync — Theme Switch Component + Light Mode
   ================================================================ */

/* ---------- SWITCH COMPONENT ---------- */
.theme-switch-wrapper {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

/* The toggle track */
.theme-toggle {
  position: relative;
  width: 48px;
  height: 26px;
  border-radius: 13px;
  background: #333333;
  cursor: pointer;
  border: none;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.3s ease;
}

.theme-toggle:hover {
  background: #444444;
}

/* The sliding knob */
.theme-toggle__knob {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Icons inside knob */
.theme-toggle__icon {
  width: 14px;
  height: 14px;
  transition: opacity 0.2s ease, transform 0.3s ease;
  position: absolute;
}

.theme-toggle__icon--sun {
  color: #f59e0b;
  opacity: 1;
  transform: rotate(0deg);
}

.theme-toggle__icon--moon {
  color: #6366f1;
  opacity: 0;
  transform: rotate(-90deg);
}

/* Screen reader text */
.theme-toggle__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
}

/* ---- Dark mode state (checked) ---- */
.theme-toggle[aria-checked="true"] {
  background: #555555;
}

.theme-toggle[aria-checked="true"]:hover {
  background: #666666;
}

.theme-toggle[aria-checked="true"] .theme-toggle__knob {
  transform: translateX(22px);
}

.theme-toggle[aria-checked="true"] .theme-toggle__icon--sun {
  opacity: 0;
  transform: rotate(90deg);
}

.theme-toggle[aria-checked="true"] .theme-toggle__icon--moon {
  opacity: 1;
  transform: rotate(0deg);
}

/* ---- Light mode adjustments ---- */
html[data-theme="light"] .theme-toggle {
  background: #e0ddd8;
}

html[data-theme="light"] .theme-toggle:hover {
  background: #d5d1cb;
}

html[data-theme="light"] .theme-toggle[aria-checked="true"] {
  background: #e0ddd8;
}

html[data-theme="light"] .theme-toggle[aria-checked="true"]:hover {
  background: #d5d1cb;
}

html[data-theme="light"] .theme-toggle__knob {
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}


/* ================================================================
   LIGHT MODE THEME OVERRIDES
   Applied when html[data-theme="light"]
   ================================================================ */

html[data-theme="light"] {
  /* Core palette override — warm whites & better contrast */
  --dark-950: #faf9f7;
  --dark-900: #f3f1ee;
  --dark-850: #eae7e3;
  --dark-800: #e0ddd8;
  --dark-700: #ccc8c1;
  --dark-600: #918c84;
  --dark-500: #6b6660;
  --dark-400: #4a4641;
  --dark-300: #2d2a27;
  --dark-200: #1c1a18;
  --dark-100: #121110;
  --white: #1a1816;

  /* Status indicators */
  --green-400: #16a34a;
  --red-400: #dc2626;

  /* Amber vibrant for light backgrounds */
  --amber-300: #fbc04d;
  --amber-400: #f9a01a;
  --orange-400: #f9a01a;
  --orange-500: #f9a01a;
  --orange-600: #e08f10;

  /* Gradients adjusted */
  --gradient-primary: linear-gradient(135deg, #f9a01a, #fbc04d);
  --gradient-primary-hover: linear-gradient(135deg, #e08f10, #f9a01a);
  --gradient-text: linear-gradient(135deg, #f9a01a, #fbc04d);
}

/* Body background */
html[data-theme="light"] body {
  background-color: #f7f5f2;
  color: #2d2a27;
}

/* Navbar */
html[data-theme="light"] .navbar {
  background: rgba(250, 249, 247, 0.88);
  backdrop-filter: blur(20px);
  border-bottom-color: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .navbar.scrolled,
html[data-theme="light"] .navbar--scrolled {
  background: rgba(250, 249, 247, 0.96);
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.06), 0 4px 24px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .navbar__toggle span {
  background: #404040;
}

html[data-theme="light"] .navbar__logo span {
  color: #1a1816;
}

html[data-theme="light"] .navbar__logo svg rect {
  fill: var(--orange-400);
}

html[data-theme="light"] .navbar__logo svg path {
  stroke: #ffffff;
}

/* Mobile menu overlay */
html[data-theme="light"] .navbar__menu.active {
  background: rgba(250, 249, 247, 0.97);
  border-bottom-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .navbar__actions.active {
  background: rgba(250, 249, 247, 0.97);
}

/* Hero */
html[data-theme="light"] .hero {
  background-color: #f7f5f2;
}

html[data-theme="light"] .hero::after {
  background: linear-gradient(
    180deg,
    rgba(247, 245, 242, 0.3) 0%,
    rgba(247, 245, 242, 0.1) 40%,
    rgba(247, 245, 242, 0.7) 100%
  );
}

html[data-theme="light"] .hero__title {
  color: #1a1816;
}

html[data-theme="light"] .hero__subtitle {
  color: #4a4641;
}

html[data-theme="light"] .hero__badge {
  background: rgba(180, 83, 9, 0.14);
  border-color: rgba(180, 83, 9, 0.35);
  color: #92400e;
}

html[data-theme="light"] .hero__metrics {
  background: rgba(255, 255, 255, 0.75);
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(12px);
}

html[data-theme="light"] .hero__metric-value {
  color: #1a1816;
}

html[data-theme="light"] .hero__metric-divider {
  background: rgba(0, 0, 0, 0.1);
}

html[data-theme="light"] .hero__metric-label {
  color: #6b6660;
}

/* Feature cards */
html[data-theme="light"] .feature-card {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .feature-card:hover {
  border-color: rgba(217, 119, 6, 0.3);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(217, 119, 6, 0.1);
}

html[data-theme="light"] .feature-card__icon {
  background: rgba(217, 119, 6, 0.07);
  border-color: rgba(217, 119, 6, 0.12);
}

html[data-theme="light"] .feature-card__title {
  color: #1a1816;
}

html[data-theme="light"] .feature-card__desc {
  color: #5a5650;
}

/* How it works section bg */
html[data-theme="light"] .how-it-works {
  background: #f0ede8;
}

/* Steps */
html[data-theme="light"] .step__number-wrap {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .step:hover .step__number-wrap {
  border-color: rgba(217, 119, 6, 0.3);
  box-shadow: 0 4px 20px rgba(217, 119, 6, 0.12);
}

html[data-theme="light"] .steps__connector {
  background: linear-gradient(90deg, #ccc8c1, rgba(217, 119, 6, 0.35), #ccc8c1);
}

html[data-theme="light"] .step__title {
  color: #1a1816;
}

html[data-theme="light"] .step__desc {
  color: #5a5650;
}

/* Stages */
html[data-theme="light"] .stages__line {
  background: #e0ddd8;
}

html[data-theme="light"] .stage__dot {
  background: #ffffff;
  border-color: #ccc8c1;
}

html[data-theme="light"] .stage__dot--active {
  border-color: var(--orange-400);
  background: #fffbf5;
}

html[data-theme="light"] .stage__title {
  color: #1a1816;
}

html[data-theme="light"] .stage__desc {
  color: #5a5650;
}

html[data-theme="light"] .stage__bar {
  background: #e8e5e0;
}

/* Pricing */
html[data-theme="light"] .pricing-card {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .pricing-card:hover {
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .pricing-card__name {
  color: #1a1816;
}

html[data-theme="light"] .pricing-card__amount {
  color: #1a1816;
}

html[data-theme="light"] .pricing-card__desc {
  color: #6b6660;
}

html[data-theme="light"] .pricing-card__features li {
  color: #4a4641;
  border-bottom-color: rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .pricing-card--featured {
  border-color: rgba(217, 119, 6, 0.35);
  background: linear-gradient(180deg, rgba(217, 119, 6, 0.04) 0%, #ffffff 40%);
  box-shadow: 0 4px 24px rgba(217, 119, 6, 0.08);
}

html[data-theme="light"] .pricing-card--featured:hover {
  border-color: rgba(217, 119, 6, 0.5);
  box-shadow: 0 12px 40px rgba(217, 119, 6, 0.12);
}

/* CTA section */
html[data-theme="light"] .cta__inner {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .cta__title {
  color: #1a1816;
}

html[data-theme="light"] .cta__desc {
  color: #5a5650;
}

/* Footer */
html[data-theme="light"] .footer {
  background: #edeae5;
  border-top-color: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .footer__brand-desc {
  color: #5a5650;
}

html[data-theme="light"] .footer h4 {
  color: #1a1816;
}

html[data-theme="light"] .footer a {
  color: #5a5650;
}

html[data-theme="light"] .footer a:hover {
  color: var(--orange-400);
}

html[data-theme="light"] .footer__bottom {
  border-top-color: rgba(0, 0, 0, 0.08);
  color: #6b6660;
}

/* Login screen */
html[data-theme="light"] .login-screen__backdrop {
  background:
    radial-gradient(circle at top left, rgba(217, 119, 6, 0.08), transparent 35%),
    radial-gradient(circle at bottom right, rgba(217, 119, 6, 0.05), transparent 30%),
    rgba(250, 249, 247, 0.94);
}

html[data-theme="light"] .login-card {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .login-form__field input {
  background: #faf9f7;
  border-color: rgba(0, 0, 0, 0.12);
  color: #1a1816;
}

html[data-theme="light"] .login-form__field input:focus {
  border-color: var(--orange-400);
  box-shadow: 0 0 0 4px rgba(217, 119, 6, 0.1);
}

html[data-theme="light"] .login-screen__title {
  color: #1a1816;
}

html[data-theme="light"] .login-screen__subtitle {
  color: #4a4641;
}

html[data-theme="light"] .login-card__title {
  color: #1a1816;
}

html[data-theme="light"] .login-card__desc {
  color: #6b6660;
}

html[data-theme="light"] .login-screen__eyebrow {
  background: rgba(217, 119, 6, 0.06);
  border-color: rgba(217, 119, 6, 0.15);
}

/* Buttons adjustments for light mode */
html[data-theme="light"] .btn--primary {
  box-shadow: 0 4px 16px rgba(217, 119, 6, 0.25);
}

html[data-theme="light"] .btn--primary:hover {
  box-shadow: 0 8px 28px rgba(217, 119, 6, 0.35);
}

html[data-theme="light"] .btn--outline {
  color: #2d2a27;
  border-color: rgba(0, 0, 0, 0.15);
}

html[data-theme="light"] .btn--outline:hover {
  border-color: rgba(0, 0, 0, 0.3);
  background: rgba(0, 0, 0, 0.03);
}

html[data-theme="light"] .btn--ghost {
  color: #4a4641;
}

html[data-theme="light"] .btn--ghost:hover {
  color: #1a1816;
}

/* Section header */
html[data-theme="light"] .section-header__tag {
  color: #f9a01a;
}

html[data-theme="light"] .section-header__title {
  color: #1a1816;
}

html[data-theme="light"] .section-header__desc {
  color: #5a5650;
}

/* Logos section */
html[data-theme="light"] .logos {
  border-bottom-color: rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .logos__item {
  color: #a39e96;
}

/* Canvas animation — warm light bg */
html[data-theme="light"] .large-header {
  background: #f7f5f2;
}


/* ================================================================
   DASHBOARD LIGHT MODE OVERRIDES
   ================================================================ */

/* Sidebar */
html[data-theme="light"] .sidebar {
  background: #ffffff;
  border-right-color: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .sidebar__header {
  border-bottom-color: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .sidebar__logo-icon {
  color: #f9a01a;
}

html[data-theme="light"] .sidebar__link {
  color: #4a4641;
}

html[data-theme="light"] .sidebar__link:hover {
  background: rgba(0, 0, 0, 0.04);
  color: #1a1816;
}

html[data-theme="light"] .sidebar__link--active {
  background: rgba(249, 160, 26, 0.1);
  color: #f9a01a;
}

html[data-theme="light"] .sidebar__label {
  color: #918c84;
}

html[data-theme="light"] .sidebar__user {
  background: rgba(0, 0, 0, 0.035);
}

html[data-theme="light"] .sidebar__user-name {
  color: #1a1816;
}

html[data-theme="light"] .sidebar__user-role {
  color: #6b6660;
}

html[data-theme="light"] .sidebar__avatar {
  background: #f9a01a;
  color: #ffffff;
}

html[data-theme="light"] .sidebar__footer {
  border-top-color: rgba(0, 0, 0, 0.06);
}

/* Topbar (mobile) */
html[data-theme="light"] .dash-topbar {
  background: #ffffff;
  border-bottom-color: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .dash-topbar__title {
  color: #1a1816;
}

html[data-theme="light"] .dash-topbar__toggle span {
  background: #4a4641;
}

html[data-theme="light"] .dash-topbar__logout {
  color: #5a5650;
}

/* Mobile bottom nav */
html[data-theme="light"] .mobile-nav {
  background: #ffffff;
  border-top-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .mobile-nav__item {
  color: #6b6660;
}

html[data-theme="light"] .mobile-nav__item--active {
  color: #f9a01a;
}

/* Main dashboard area */
html[data-theme="light"] .dash-main {
  background: #f7f5f2;
}

html[data-theme="light"] .dash-body {
  background: #f7f5f2;
}

/* Welcome */
html[data-theme="light"] .dash-welcome__title {
  color: #1a1816;
}

html[data-theme="light"] .dash-welcome__desc {
  color: #5a5650;
}

/* KPI cards */
html[data-theme="light"] .dash-kpi {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .dash-kpi__value {
  color: #1a1816;
}

html[data-theme="light"] .dash-kpi__label {
  color: #6b6660;
}

/* Onboarding */
html[data-theme="light"] .dash-onboarding {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .onboard-step {
  border-color: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .onboard-step h3 {
  color: #1a1816;
}

html[data-theme="light"] .onboard-step p {
  color: #5a5650;
}

/* Empty state */
html[data-theme="light"] .dash-empty {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .dash-empty__title {
  color: #1a1816;
}

/* Activity */
html[data-theme="light"] .dash-activity {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .dash-activity__title {
  color: #1a1816;
}

html[data-theme="light"] .dash-activity__text {
  color: #2d2a27;
}

html[data-theme="light"] .dash-activity__time {
  color: #918c84;
}

/* Obras */
html[data-theme="light"] .obras-header__title {
  color: #1a1816;
}

html[data-theme="light"] .obras-search input {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.1);
  color: #1a1816;
}

html[data-theme="light"] .obras-search input:focus {
  border-color: var(--orange-400);
  box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.08);
}

html[data-theme="light"] .obras-select {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.1);
  color: #1a1816;
}

/* Obra cards */
html[data-theme="light"] .obra-card {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .obra-card:hover {
  border-color: rgba(217, 119, 6, 0.3);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .obra-card__name {
  color: #1a1816;
}

html[data-theme="light"] .obra-card__address,
html[data-theme="light"] .obra-card__desc {
  color: #5a5650;
}

/* Modals */
html[data-theme="light"] .modal-overlay {
  background: rgba(0, 0, 0, 0.3);
}

html[data-theme="light"] .modal {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12);
}

html[data-theme="light"] .modal__title {
  color: #1a1816;
}

html[data-theme="light"] .modal__field span {
  color: #2d2a27;
}

html[data-theme="light"] .modal__field input,
html[data-theme="light"] .modal__field textarea,
html[data-theme="light"] .modal__field select {
  background: #faf9f7;
  border-color: rgba(0, 0, 0, 0.1);
  color: #1a1816;
}

html[data-theme="light"] .modal__field input:focus,
html[data-theme="light"] .modal__field textarea:focus,
html[data-theme="light"] .modal__field select:focus {
  border-color: var(--orange-400);
  box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.08);
}

/* Cronograma / Gantt */
html[data-theme="light"] .gantt {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .gantt__tasks {
  background: #ffffff;
  border-right-color: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .gantt__tasks-header {
  background: #faf9f7;
  border-bottom-color: rgba(0, 0, 0, 0.06);
  color: #4a4641;
}

html[data-theme="light"] .gantt__timeline-header {
  background: #faf9f7;
  border-bottom-color: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .gantt-toolbar {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .gantt-toolbar__btn {
  background: #f3f1ee;
  color: #4a4641;
}

html[data-theme="light"] .gantt-toolbar__btn:hover {
  background: #eae7e3;
}

html[data-theme="light"] .crono-select {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.1);
  color: #1a1816;
}

/* Financeiro */
html[data-theme="light"] .fin-card {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .fin-card__value {
  color: #1a1816;
}

html[data-theme="light"] .fin-card__label {
  color: #6b6660;
}

html[data-theme="light"] .fin-table thead {
  background: #faf9f7;
}

html[data-theme="light"] .fin-table th {
  color: #4a4641;
  border-bottom-color: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .fin-table td {
  border-bottom-color: rgba(0, 0, 0, 0.05);
  color: #2d2a27;
}

html[data-theme="light"] .fin-tab {
  color: #6b6660;
}

html[data-theme="light"] .fin-tab--active {
  color: #f9a01a;
  border-bottom-color: #f9a01a;
}

html[data-theme="light"] .fin-insights {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .fin-header__title {
  color: #1a1816;
}

html[data-theme="light"] .fin-header__desc {
  color: #6b6660;
}

html[data-theme="light"] .fin-insights__body {
  color: #4a4641;
}

html[data-theme="light"] .fin-activity {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .fin-activity__header:hover {
  background: rgba(0, 0, 0, 0.03);
}

html[data-theme="light"] .fin-activity__name {
  color: #1a1816;
}

html[data-theme="light"] .fin-activity__toggle {
  color: #918c84;
}

html[data-theme="light"] .fin-activity__dates {
  color: #6b6660;
}

html[data-theme="light"] .fin-activity__cost {
  color: #f9a01a;
}

/* Aditivos – light mode */
html[data-theme="light"] .adt-card {
  background: rgba(0,0,0,0.02);
  border-color: rgba(0,0,0,0.1);
}
html[data-theme="light"] .adt-card--open {
  border-color: rgba(99,102,241,0.35);
  background: rgba(99,102,241,0.04);
}
html[data-theme="light"] .adt-card__numero {
  color: #1e293b;
}
html[data-theme="light"] .adt-card__desc {
  color: #475569;
}
html[data-theme="light"] .adt-card__date {
  color: #94a3b8;
}
html[data-theme="light"] .adt-card__del:hover {
  color: #dc2626;
  background: rgba(220,38,38,0.08);
}
html[data-theme="light"] .adt-changes {
  border-top-color: rgba(0,0,0,0.08);
}
html[data-theme="light"] .adt-changes__title {
  color: #64748b;
}
html[data-theme="light"] .adt-change__activity {
  color: #1e293b;
}
html[data-theme="light"] .adt-change__detail {
  color: #475569;
}
html[data-theme="light"] .fin-approval-badge--aditivo {
  background: rgba(99,102,241,0.12);
  color: #6366f1;
}
html[data-theme="light"] .adt-badge--open {
  background: rgba(99,102,241,0.12);
  color: #6366f1;
}
html[data-theme="light"] .adt-badge--closed {
  background: rgba(100,116,139,0.1);
  color: #64748b;
}

/* Scrollbar */
html[data-theme="light"] ::-webkit-scrollbar-track {
  background: #f3f1ee;
}

html[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: #ccc8c1;
}

html[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: #a39e96;
}

/* ================================================================
   SWITCH PLACEMENT — NAVBAR (index.html)
   ================================================================ */
.navbar__actions .theme-switch-wrapper {
  margin-right: 4px;
}

/* Mobile-only toggle (next to hamburger) — hidden on desktop */
.navbar__theme-mobile {
  display: none;
}

/* ================================================================
   SWITCH PLACEMENT — DASHBOARD
   ================================================================ */

/* Sidebar: place in footer area */
.sidebar__footer .theme-switch-wrapper {
  padding: 0;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

/* Collapsed sidebar — keep visible with same toggle size */
.sidebar--collapsed .theme-switch-wrapper {
  padding: 0;
  justify-content: center;
  flex: 0 0 auto;
}

.sidebar--collapsed .theme-switch-wrapper .theme-toggle {
  width: 48px;
  height: 26px;
  border-radius: 13px;
}

.sidebar--collapsed .theme-switch-wrapper .theme-toggle__knob {
  width: 20px;
  height: 20px;
}

.sidebar--collapsed .theme-switch-wrapper .theme-toggle__icon {
  width: 14px;
  height: 14px;
}

.sidebar--collapsed .theme-switch-wrapper .theme-toggle[aria-checked="true"] .theme-toggle__knob {
  transform: translateX(22px);
}

/* Topbar (mobile): between title and logout */
.dash-topbar .theme-switch-wrapper {
  margin-left: auto;
  margin-right: 4px;
}

/* ================================================================
   RESPONSIVE — Mobile adjustments for the switch
   ================================================================ */
@media (max-width: 768px) {
  /* Show mobile toggle, hide desktop one */
  .navbar__theme-mobile {
    display: flex;
    margin-right: 4px;
  }

  .navbar__actions .theme-switch-wrapper {
    margin: 0;
  }

  /* In mobile topbar, slightly smaller */
  .dash-topbar .theme-switch-wrapper .switch {
    font-size: 14px;
  }
}

/* ---------- RDO Calendar / Tabs — Light Mode ---------- */
html[data-theme="light"] .rdo-tabs {
  background: rgba(0,0,0,0.02);
  border-color: rgba(0,0,0,0.08);
}
html[data-theme="light"] .rdo-tabs__btn {
  color: #6b7280;
}
html[data-theme="light"] .rdo-tabs__btn:hover {
  color: #374151;
  background: rgba(0,0,0,0.04);
}
html[data-theme="light"] .rdo-tabs__btn--active {
  background: rgba(249,160,26,0.1);
  color: #c27d0e;
  border-color: rgba(249,160,26,0.3);
}
html[data-theme="light"] .rdo-calendar {
  background: rgba(0,0,0,0.015);
  border-color: rgba(0,0,0,0.08);
}
html[data-theme="light"] .rdo-calendar__title {
  color: #1f2937;
}
html[data-theme="light"] .rdo-calendar__subtitle {
  color: #6b7280;
}
html[data-theme="light"] .rdo-calendar__month {
  color: #1f2937;
}
html[data-theme="light"] .rdo-calendar__btn {
  border-color: rgba(0,0,0,0.1);
  background: #fff;
  color: #374151;
}
html[data-theme="light"] .rdo-calendar__btn:hover {
  border-color: rgba(249,160,26,0.5);
  color: #c27d0e;
}
html[data-theme="light"] .rdo-calendar__weekdays span {
  color: #9ca3af;
}
html[data-theme="light"] .rdo-calendar__day {
  border-color: rgba(0,0,0,0.06);
  background: #fff;
}
html[data-theme="light"] .rdo-calendar__day:hover {
  border-color: rgba(0,0,0,0.15);
}
html[data-theme="light"] .rdo-calendar__day--today {
  border-color: rgba(249,160,26,0.5);
  box-shadow: 0 0 0 1px rgba(249,160,26,0.2) inset;
}
html[data-theme="light"] .rdo-calendar__day--selected {
  border-color: rgba(59,130,246,0.5);
  box-shadow: 0 0 0 2px rgba(59,130,246,0.15) inset;
  background: rgba(59,130,246,0.04);
}
html[data-theme="light"] .rdo-calendar__day-number {
  color: #1f2937;
}
html[data-theme="light"] .rdo-calendar__day-count {
  color: #c27d0e;
  background: rgba(249,160,26,0.1);
}
html[data-theme="light"] .rdo-calendar__item--rdo {
  background: rgba(59,130,246,0.08);
  border-color: rgba(59,130,246,0.2);
  color: #1d4ed8;
}
html[data-theme="light"] .rdo-calendar__item--activity {
  background: rgba(16,185,129,0.08);
  border-color: rgba(16,185,129,0.2);
  color: #047857;
}
html[data-theme="light"] .rdo-calendar__item--planned {
  background: rgba(249,160,26,0.08);
  border-color: rgba(249,160,26,0.2);
  color: #92400e;
}
html[data-theme="light"] .rdo-calendar__more {
  color: #9ca3af;
}
html[data-theme="light"] .rdo-calendar__filter-chip {
  border-color: rgba(0,0,0,0.1);
  background: #fff;
  color: #9ca3af;
}
html[data-theme="light"] .rdo-calendar__filter input:checked + .rdo-calendar__filter-chip--rdo {
  background: rgba(59,130,246,0.08);
  border-color: rgba(59,130,246,0.3);
  color: #1d4ed8;
}
html[data-theme="light"] .rdo-calendar__filter input:checked + .rdo-calendar__filter-chip--activity {
  background: rgba(16,185,129,0.08);
  border-color: rgba(16,185,129,0.3);
  color: #047857;
}
html[data-theme="light"] .rdo-calendar__filter input:checked + .rdo-calendar__filter-chip--planned {
  background: rgba(249,160,26,0.08);
  border-color: rgba(249,160,26,0.3);
  color: #92400e;
}
html[data-theme="light"] .rdo-list__day-filter {
  background: rgba(249,160,26,0.07);
  border-color: rgba(249,160,26,0.2);
  color: #c27d0e;
}
html[data-theme="light"] .rdo-list__day-filter-clear {
  color: #c27d0e;
}

/* ================================================================
   UNIDADES IMOBILIÁRIAS — LIGHT MODE OVERRIDES
   ================================================================ */

/* Header & title */
html[data-theme="light"] .unidades__title {
  color: #1a1816;
}
html[data-theme="light"] .unidades__badge-active {
  background: rgba(13, 188, 156, 0.1);
  border-color: rgba(13, 188, 156, 0.25);
}

/* Tower selector buttons */
html[data-theme="light"] .unidades__tower-btn {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.08);
  color: #6b6660;
}
html[data-theme="light"] .unidades__tower-btn:hover {
  background: #f7f5f2;
  border-color: rgba(0, 0, 0, 0.15);
  color: #2d2a27;
}
html[data-theme="light"] .unidades__tower-btn--active {
  background: rgba(13, 188, 156, 0.07);
  border-color: rgba(13, 188, 156, 0.3);
  color: #0d9f85;
}

/* Stat cards */
html[data-theme="light"] .unidades__stat {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] .unidades__stat-label {
  color: #918c84;
}
html[data-theme="light"] .unidades__stat-value {
  color: #1a1816;
}
html[data-theme="light"] .unidades__stat-sub {
  color: #a39e96;
}

/* View mode toggle */
html[data-theme="light"] .unidades__view-modes {
  background: rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] .unidades__view-btn {
  color: #918c84;
}
html[data-theme="light"] .unidades__view-btn--active {
  background: #ffffff;
  color: #1a1816;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Legend */
html[data-theme="light"] .unidades__legend-item {
  color: #918c84;
}
html[data-theme="light"] .unidades__legend-item--active {
  color: #4a4641;
}

/* Progress bar track */
html[data-theme="light"] .unidades__progress-bar {
  background: rgba(0, 0, 0, 0.07);
}

/* Unit grid cards */
html[data-theme="light"] .unidades__card {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] .unidades__card:hover {
  border-color: rgba(0, 0, 0, 0.14);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07);
}
html[data-theme="light"] .unidades__card--selected {
  background: #f7f5f2;
}
html[data-theme="light"] .unidades__card-id {
  color: #1a1816;
}
html[data-theme="light"] .unidades__card-sub {
  color: #918c84;
}
html[data-theme="light"] .unidades__card-label {
  color: #a39e96;
}
html[data-theme="light"] .unidades__card-val {
  color: #2d2a27;
}
html[data-theme="light"] .unidades__card-val--green {
  color: #0d9f85;
}
html[data-theme="light"] .unidades__card-client {
  color: #918c84;
}
html[data-theme="light"] .unidades__card-client-avatar {
  background: rgba(0, 0, 0, 0.07);
  color: #4a4641;
}

/* Table view */
html[data-theme="light"] .unidades__table-wrap {
  border-color: rgba(0, 0, 0, 0.07);
}
html[data-theme="light"] .unidades__table th {
  background: #faf9f7;
  color: #918c84;
  border-bottom-color: rgba(0, 0, 0, 0.07);
}
html[data-theme="light"] .unidades__table td {
  border-bottom-color: rgba(0, 0, 0, 0.05);
  color: #2d2a27;
}
html[data-theme="light"] .unidades__table tbody tr:hover {
  background: rgba(0, 0, 0, 0.025);
}

/* Tower card (heatmap view) */
html[data-theme="light"] .unidades__tower-card {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] .unidades__tower-card--active {
  border-color: rgba(0, 0, 0, 0.14);
}
html[data-theme="light"] .unidades__heatmap-label {
  color: #a39e96;
}

/* Floor plan view */
html[data-theme="light"] .unidades__floor-btn {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.08);
  color: #6b6660;
}
html[data-theme="light"] .unidades__floor-btn:hover {
  background: #f7f5f2;
  color: #2d2a27;
}
html[data-theme="light"] .unidades__floor-btn--active {
  background: rgba(13, 188, 156, 0.07);
  border-color: rgba(13, 188, 156, 0.3);
  color: #0d9f85;
}
html[data-theme="light"] .unidades__floor-plan {
  background: #faf9f7;
  border-color: rgba(0, 0, 0, 0.07);
}
html[data-theme="light"] .unidades__floor-unit-type,
html[data-theme="light"] .unidades__floor-unit-area {
  color: #918c84;
}

/* 3D view canvas border */
html[data-theme="light"] .unidades__3d-canvas {
  border-color: rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .unidades__3d-floor-btn {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.08);
  color: #6b6660;
}
html[data-theme="light"] .unidades__3d-floor-btn:hover {
  background: #f7f5f2;
  color: #2d2a27;
}
html[data-theme="light"] .unidades__3d-floor-btn--active {
  background: rgba(13, 188, 156, 0.07);
  border-color: rgba(13, 188, 156, 0.3);
  color: #0d9f85;
}
html[data-theme="light"] .unidades__3d-floor-info-title {
  color: #1a1816;
}
html[data-theme="light"] .unidades__3d-floor-info-sub {
  color: #918c84;
}

/* 3D side panel */
html[data-theme="light"] .unidades__3d-side {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] .u3d-side__kpi {
  background: #f7f5f2;
  border-color: rgba(0, 0, 0, 0.06);
}
html[data-theme="light"] .u3d-side__kpi-label {
  color: #918c84;
}
html[data-theme="light"] .u3d-side__kpi-value {
  color: #1a1816;
}
html[data-theme="light"] .u3d-side__section-title {
  color: #a39e96;
}
html[data-theme="light"] .u3d-side__floor:hover {
  background: rgba(0, 0, 0, 0.035);
}
html[data-theme="light"] .u3d-side__floor-num {
  color: #4a4641;
}
html[data-theme="light"] .u3d-side__floor-bar {
  background: rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .u3d-side__floor-pct {
  color: #918c84;
}
html[data-theme="light"] .u3d-side__floor-detail {
  border-top-color: rgba(0, 0, 0, 0.07);
}
html[data-theme="light"] .u3d-side__floor-detail-title {
  color: #1a1816;
}
html[data-theme="light"] .u3d-side__floor-detail-sub {
  color: #918c84;
}
html[data-theme="light"] .u3d-side__unit-card {
  background: #f7f5f2;
  border-color: rgba(0, 0, 0, 0.06);
  border-left-color: rgba(0, 0, 0, 0.1);
}
html[data-theme="light"] .u3d-side__unit-card:hover {
  background: #f0ede8;
  border-color: rgba(0, 0, 0, 0.12);
}
html[data-theme="light"] .u3d-side__unit-id {
  color: #1a1816;
}
html[data-theme="light"] .u3d-side__unit-info {
  color: #918c84;
}

/* Detail panel */
html[data-theme="light"] .unidades__detail-panel {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.07);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
html[data-theme="light"] .unidades__detail-id {
  color: #1a1816;
}
html[data-theme="light"] .unidades__detail-tower {
  color: #918c84;
}
html[data-theme="light"] .unidades__detail-close {
  border-color: rgba(0, 0, 0, 0.1);
  color: #6b6660;
  background: #faf9f7;
}
html[data-theme="light"] .unidades__detail-close:hover {
  background: #f0ede8;
  color: #2d2a27;
}
html[data-theme="light"] .unidades__detail-row {
  border-bottom-color: rgba(0, 0, 0, 0.05);
}
html[data-theme="light"] .unidades__detail-row-label {
  color: #918c84;
}
html[data-theme="light"] .unidades__detail-row-value {
  color: #1a1816;
}
html[data-theme="light"] .unidades__detail-row-value--accent {
  color: #0d9f85;
}
html[data-theme="light"] .unidades__detail-client {
  background: #f7f5f2;
}

/* Empty state */
html[data-theme="light"] .unidades__empty {
  color: #a39e96;
}

/* Footer */
html[data-theme="light"] .unidades__footer {
  border-top-color: rgba(0, 0, 0, 0.06);
  color: #a39e96;
}

/* obras-search SVG icon inside unidades controls */
html[data-theme="light"] .unidades__controls .obras-search {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .unidades__controls .obras-search svg {
  color: #918c84;
}
html[data-theme="light"] .unidades__controls .obras-search:focus-within {
  border-color: var(--orange-400);
}

/* Responsive 3D side border */
html[data-theme="light"] .unidades__3d-side {
  border-color: rgba(0, 0, 0, 0.07);
}

/* Unidades utility text helpers */
html[data-theme="light"] .u-muted  { color: #a39e96; }
html[data-theme="light"] .u-semi   { color: #6b6660; }
html[data-theme="light"] .u-subtle { color: #918c84; }
html[data-theme="light"] .u-faint  { color: #ccc8c1; }

/* Tower buttons have JS inline styles — override inactive state only */
html[data-theme="light"] .unidades__tower-btn:not(.unidades__tower-btn--active) {
  border-color: rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  color: #6b6660 !important;
}

/* Legend items have JS inline color — override inactive state */
html[data-theme="light"] .unidades__legend-item:not(.unidades__legend-item--active) {
  color: #a39e96 !important;
}

/* Selected table row in light mode (overrides inline style) */
html[data-theme="light"] .unidades__table .tr--selected {
  background: rgba(0, 0, 0, 0.03) !important;
}

/* Tower card inactive name in light mode */
html[data-theme="light"] .unidades__tower-card .u-semi {
  color: #4a4641;
}

/* ---- Relatórios page ---- */
html[data-theme="light"] .rel-header__title {
  color: #1a1816;
}
html[data-theme="light"] .rel-header__desc {
  color: #6b6560;
}
html[data-theme="light"] .rel-type-card {
  background: #fff;
  border-color: #e8e2dc;
}
html[data-theme="light"] .rel-type-card:hover {
  border-color: rgba(249, 160, 26, 0.5);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .rel-type-card__icon {
  background: rgba(249, 160, 26, 0.08);
}
html[data-theme="light"] .rel-type-card__title {
  color: #1a1816;
}
html[data-theme="light"] .rel-type-card__desc {
  color: #6b6560;
}
html[data-theme="light"] .rel-result__title {
  color: #1a1816;
}
html[data-theme="light"] .rel-result__period {
  background: #fff;
  border-color: #e8e2dc;
}
html[data-theme="light"] .rel-result__period label {
  color: #4a4641;
}
html[data-theme="light"] .rel-result__period input[type="date"] {
  background: #faf8f6;
  border-color: #e8e2dc;
  color: #1a1816;
}
html[data-theme="light"] .rel-result__content {
  background: #fff;
  border-color: #e8e2dc;
}
html[data-theme="light"] .rel-result__actions .btn--outline.btn--sm,
html[data-theme="light"] .rel-result__period .btn--outline.btn--sm {
  border-color: #ddd5cd;
  background: #ffffff;
  color: #2d2a26;
}
html[data-theme="light"] .rel-result__actions .btn--outline.btn--sm:hover,
html[data-theme="light"] .rel-result__period .btn--outline.btn--sm:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
}
html[data-theme="light"] .rel-result__actions .btn--outline.btn--sm:hover,
html[data-theme="light"] .rel-result__period .btn--outline.btn--sm:hover {
  border-color: rgba(249, 160, 26, 0.4);
  background: #fff7eb;
  color: #1a1816;
}
html[data-theme="light"] .rel-tabs {
  background: #efe9e2;
  border: 1px solid #e1d9d1;
}
html[data-theme="light"] .rel-tab {
  color: #6b6560;
}
html[data-theme="light"] .rel-tab:hover {
  color: #2d2a26;
}
html[data-theme="light"] .rel-tab--active {
  background: #ffffff;
  color: #b45309;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
}
html[data-theme="light"] .rel-chart-box {
  background: #fcfbf9;
  border-color: #e8e2dc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}
html[data-theme="light"] .rel-chart-box__title {
  color: #6b6560;
}
html[data-theme="light"] .rel-barchart text,
html[data-theme="light"] .rel-donut-wrap svg text {
  fill: #4a4641;
}
html[data-theme="light"] .rel-donut-legend__item {
  color: #4a4641;
}
html[data-theme="light"] .rel-donut-legend__val {
  color: #1a1816;
}
html[data-theme="light"] .rel-insights {
  background: linear-gradient(135deg, rgba(249, 160, 26, 0.12) 0%, rgba(249, 160, 26, 0.04) 100%);
  border-color: rgba(249, 160, 26, 0.28);
}
html[data-theme="light"] .rel-insights__header {
  color: #b45309;
}
html[data-theme="light"] .rel-insights__item {
  color: #2d2a26;
}
html[data-theme="light"] .rel-kpi {
  background: #fcfbf9;
  border-color: #e8e2dc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}
html[data-theme="light"] .rel-kpi__label {
  color: #6b6560;
}
html[data-theme="light"] .rel-kpi__value {
  color: #1a1816;
}
html[data-theme="light"] .rel-kpi__sub {
  color: #6b6560;
}
html[data-theme="light"] .rel-table th {
  color: #6b6560;
  border-bottom-color: #e8e2dc;
}
html[data-theme="light"] .rel-table td {
  color: #2d2a26;
  border-bottom-color: #f0ece8;
}
html[data-theme="light"] .rel-table tr:hover td {
  background: rgba(0, 0, 0, 0.02);
}
html[data-theme="light"] .rel-bar {
  background: #e8e2dc;
}
html[data-theme="light"] .rel-empty-result {
  color: #6b6560;
}
html[data-theme="light"] .rel-empty-result svg {
  color: #a09890;
}
html[data-theme="light"] .rel-empty-result h3 {
  color: #4a4641;
}
html[data-theme="light"] .rel-status--gray {
  background: #efebe7;
  color: #6b6560;
}

html[data-theme="light"] .dash-welcome__date {
  color: #2d2a26;
}

/* ---- Configurações page ---- */
html[data-theme="light"] .cfg-header__title {
  color: #1a1816;
}
html[data-theme="light"] .cfg-header__desc {
  color: #6b6560;
}
html[data-theme="light"] .cfg-tabs {
  border-bottom-color: #e8e2dc;
}
html[data-theme="light"] .cfg-tab {
  color: #6b6560;
}
html[data-theme="light"] .cfg-tab:hover {
  color: #2d2a26;
}
html[data-theme="light"] .cfg-section {
  background: #fff;
  border-color: #e8e2dc;
}
html[data-theme="light"] .cfg-section__title {
  color: #1a1816;
}
html[data-theme="light"] .cfg-section__desc {
  color: #6b6560 !important;
}
html[data-theme="light"] .cfg-form__field span {
  color: #4a4641;
}
html[data-theme="light"] .cfg-form__field input {
  background: #faf8f6;
  border-color: #e8e2dc;
  color: #1a1816;
}
html[data-theme="light"] .cfg-form__field input::placeholder {
  color: #a09890;
}
html[data-theme="light"] .cfg-form__field input:focus {
  border-color: var(--orange-400, #f9a01a);
}
html[data-theme="light"] .cfg-toggle {
  border-bottom-color: #f0ece8;
}
html[data-theme="light"] .cfg-toggle__label {
  color: #1a1816;
}
html[data-theme="light"] .cfg-toggle__desc {
  color: #6b6560;
}
html[data-theme="light"] .cfg-toggle__switch {
  background: #d5d0cb;
}
html[data-theme="light"] .cfg-toggle__switch::after {
  background: #fff;
}
html[data-theme="light"] .cfg-info-item__label {
  color: #6b6560;
}
html[data-theme="light"] .cfg-info-item__value {
  color: #2d2a26;
}
html[data-theme="light"] .cfg-clients::before {
  background: radial-gradient(circle at 16% 0%, rgba(249, 160, 26, 0.18), transparent 36%),
              linear-gradient(135deg, rgba(249,160,26,0.08), transparent 46%);
}
html[data-theme="light"] .cfg-clients__stat {
  background: #faf8f5;
  border-color: #e8e2dc;
}
html[data-theme="light"] .cfg-clients__stat-value,
html[data-theme="light"] .cfg-client-cell strong {
  color: #1a1816;
}
html[data-theme="light"] .cfg-clients__stat-label,
html[data-theme="light"] .cfg-clients__search span,
html[data-theme="light"] .cfg-clients__filter span,
html[data-theme="light"] .cfg-client-cell small,
html[data-theme="light"] .cfg-client-muted,
html[data-theme="light"] .cfg-client-date {
  color: #6b6560;
}
html[data-theme="light"] .cfg-clients__search input,
html[data-theme="light"] .cfg-clients__filter select {
  background: #fff;
  border-color: #e8e2dc;
  color: #1a1816;
}
html[data-theme="light"] .cfg-clients__table-wrap {
  background: #fff;
  border-color: #e8e2dc;
}
html[data-theme="light"] .cfg-clients__table th {
  background: #f6f1ec;
  border-bottom-color: #e8e2dc;
  color: #6b6560;
}
html[data-theme="light"] .cfg-clients__table td {
  border-bottom-color: #eee7df;
  color: #1a1816;
}
html[data-theme="light"] .cfg-clients__table tbody tr:hover {
  background: #fff6e8;
}
html[data-theme="light"] .cfg-client-action {
  background: #fff;
  border-color: #e1d9cf;
  color: #2d2a26;
}
html[data-theme="light"] .cfg-client-action--danger {
  border-color: rgba(220, 38, 38, 0.28);
  color: #b91c1c;
}
html[data-theme="light"] .cfg-client-action--success {
  border-color: rgba(22, 163, 74, 0.28);
  color: #15803d;
}
html[data-theme="light"] .cfg-clients__state {
  background: #faf8f5;
  border-color: #e8e2dc;
  color: #6b6560;
}

/* ---- Obra Detail page ---- */
html[data-theme="light"] .obra-detail__hero {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] .obra-detail__name {
  color: #1a1816;
}
html[data-theme="light"] .obra-detail__address {
  color: #6b6560;
}
html[data-theme="light"] .obra-detail__desc {
  color: #5a5650;
}
html[data-theme="light"] .obra-detail__progress-label {
  color: #6b6560;
}
html[data-theme="light"] .obra-detail__progress-bar {
  background: #e8e2dc;
}
html[data-theme="light"] .obra-detail__kpi {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] .obra-detail__kpi-label {
  color: #6b6560;
}
html[data-theme="light"] .obra-detail__kpi-value {
  color: #1a1816;
}
html[data-theme="light"] .obra-detail__section-title {
  color: #1a1816;
}
html[data-theme="light"] .obra-detail__shortcut {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  color: #5a5650;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] .obra-detail__shortcut:hover {
  border-color: rgba(217, 119, 6, 0.3);
  color: #b45309;
  background: #fffbf5;
}
html[data-theme="light"] .obra-detail__status {
  color: #fff;
}

/* btn--danger: ensure white text on red bg in both themes */
html[data-theme="light"] .btn--danger {
  background: #dc2626;
  color: #ffffff;
}
html[data-theme="light"] .btn--danger:hover {
  background: #b91c1c;
  color: #ffffff;
}

/* ---- Arquivos module ---- */
html[data-theme="light"] .arquivos__title {
  color: #1a1816;
}
html[data-theme="light"] .arquivos__obra-card {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] .arquivos__obra-card:hover {
  border-color: rgba(217, 119, 6, 0.3);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .arquivos__obra-card h3 {
  color: #1a1816;
}
html[data-theme="light"] .arquivos__obra-card-count {
  color: #6b6560;
}
html[data-theme="light"] .arquivos__toolbar {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
html[data-theme="light"] .arquivos__search-wrap {
  background: #faf8f6;
  border-color: rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .arquivos__search-wrap input {
  color: #1a1816;
}
html[data-theme="light"] .arquivos__search-wrap input::placeholder {
  color: #a09890;
}
html[data-theme="light"] .arquivos__search-wrap svg {
  color: #a09890;
}
html[data-theme="light"] .arquivos__dropzone {
  border-color: rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.015);
}
html[data-theme="light"] .arquivos__dropzone p {
  color: #5a5650;
}
html[data-theme="light"] .arquivos__dropzone p strong {
  color: #b45309;
}
html[data-theme="light"] .arquivos__dropzone-hint {
  color: #a09890;
}
html[data-theme="light"] .arquivos__dropzone--active {
  border-color: var(--orange-400, #f9a01a);
  background: rgba(249, 160, 26, 0.04);
}
html[data-theme="light"] .arquivos__stat {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  color: #6b6560;
}
html[data-theme="light"] .arquivos__stat strong {
  color: #1a1816;
}
html[data-theme="light"] .arquivos__table thead th {
  color: #6b6560;
}
html[data-theme="light"] .arquivos__table tbody tr {
  background: #ffffff;
}
html[data-theme="light"] .arquivos__table tbody tr:hover {
  background: #faf8f6;
}
html[data-theme="light"] .arquivos__table td {
  color: #4a4641;
}
html[data-theme="light"] .arquivos__file-name {
  color: #1a1816;
}
html[data-theme="light"] .arq-cat-select {
  background: #faf8f6;
  border-color: rgba(0, 0, 0, 0.1);
  color: #4a4641;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%234a4641'/%3E%3C/svg%3E");
}
html[data-theme="light"] .arq-cat-select option {
  background: #ffffff;
  color: #1a1816;
}
html[data-theme="light"] .arq-btn {
  border-color: rgba(0, 0, 0, 0.1);
  color: #6b6560;
}
html[data-theme="light"] .arq-btn:hover {
  border-color: rgba(0, 0, 0, 0.2);
  color: #1a1816;
  background: rgba(0, 0, 0, 0.03);
}
html[data-theme="light"] .arq-btn--del:hover {
  color: #dc2626;
  border-color: #dc2626;
  background: rgba(220, 38, 38, 0.05);
}
html[data-theme="light"] .arquivos__empty {
  color: #a09890;
}
html[data-theme="light"] .arquivos__empty p {
  color: #4a4641;
}
html[data-theme="light"] .arq-preview {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);
}
html[data-theme="light"] .arq-preview__header {
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
html[data-theme="light"] .arq-preview__title {
  color: #1a1816;
}
html[data-theme="light"] .arq-preview__close {
  border-color: rgba(0, 0, 0, 0.1);
  color: #6b6560;
}
html[data-theme="light"] .arq-preview__close:hover {
  color: #1a1816;
}
html[data-theme="light"] .arq-preview__body {
  background: #faf8f6;
}
html[data-theme="light"] .arq-preview__footer {
  border-top-color: rgba(0, 0, 0, 0.06);
  color: #6b6560;
}