/* ==========================================================================
   Sistema Gris · Capa de tema visual (theme.css)
   --------------------------------------------------------------------------
   Se carga DESPUÉS de app.css y agent-chat.css. Solo refina apariencia
   (color, tipografía, bordes, sombras, espaciado interno y estados).
   No cambia estructura, alturas de layout, anchos del menú ni comportamiento.
   Para desactivarla basta con quitar su <link> en layouts/base.njk.
   ========================================================================== */

:root {
  --gx-ink: #101828;
  --gx-text: #344054;
  --gx-muted: #667085;
  --gx-subtle: #98a2b3;
  --gx-line: #e4e7ec;
  --gx-line-soft: #eef0f3;
  --gx-canvas: #f3f5f8;
  --gx-surface: #ffffff;
  --gx-surface-2: #f8fafc;
  --gx-hover: #f5f7fa;

  --gx-teal-1: #12aeb8;
  --gx-teal-2: #0e8f97;
  --gx-teal-3: #0b6f76;
  --gx-teal-ink: #0a5c62;
  --gx-teal-50: #ecf8f8;
  --gx-teal-100: #d3efef;
  --gx-indigo: #2f55d4;
  --gx-primary: #2f55d4;
  --gx-primary-hover: #2645b5;
  --gx-primary-50: #eef2fd;
  --gx-danger: #d92d20;

  --gx-sidebar: #18212c;
  --gx-sidebar-2: #1d2733;
  --gx-sidebar-line: rgba(255, 255, 255, 0.07);
  --gx-sidebar-text: rgba(236, 241, 247, 0.74);
  --gx-sidebar-accent: #4fd1d9;

  --gx-r-sm: 10px;
  --gx-r-md: 12px;
  --gx-r-lg: 18px;
  --gx-r-xl: 24px;

  --gx-shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);
  --gx-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.04), 0 2px 8px -2px rgba(16, 24, 40, 0.06);
  --gx-shadow-md: 0 2px 4px -1px rgba(16, 24, 40, 0.05), 0 10px 24px -6px rgba(16, 24, 40, 0.1);
  --gx-shadow-lg: 0 12px 32px -8px rgba(16, 24, 40, 0.18), 0 4px 8px -4px rgba(16, 24, 40, 0.06);
  --gx-ring: 0 0 0 3px rgba(47, 85, 212, 0.16);
  --gx-ease: cubic-bezier(0.2, 0.7, 0.2, 1);

  --gris-primary: var(--gx-primary);
  --gris-primary-dark: var(--gx-primary-hover);
  --gris-primary-soft: var(--gx-primary-50);
  --gris-dark: var(--gx-ink);
  --gris-text: var(--gx-text);
  --gris-muted: var(--gx-muted);
  --gris-bg: var(--gx-canvas);
  --gris-border: var(--gx-line);
  --tblr-primary: #2f55d4;
  --tblr-primary-rgb: 47, 85, 212;
  --tblr-border-color: var(--gx-line);
  --tblr-body-color: var(--gx-text);
}

/* ---------- Base ---------- */
body.gris-app {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "ss01", "cv11";
  color: var(--gx-text);
}

body.gris-app ::selection {
  background: rgba(18, 174, 184, 0.22);
}

body.gris-app .page-wrapper {
  background: var(--gx-canvas);
}

body.gris-app :focus-visible {
  outline: 2px solid rgba(47, 85, 212, 0.55);
  outline-offset: 2px;
}

body.gris-app .page-wrapper ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

body.gris-app .page-wrapper ::-webkit-scrollbar-thumb {
  background: rgba(102, 112, 133, 0.28);
  border: 3px solid transparent;
  border-radius: 999px;
  background-clip: padding-box;
}

body.gris-app .page-wrapper ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(102, 112, 133, 0.45);
}

body.gris-app .page-wrapper ::-webkit-scrollbar-track {
  background: transparent;
}

/* ---------- Menú lateral ---------- */
body.gris-app .gris-system-sidebar {
  background:
    radial-gradient(120% 60% at 0% 0%, rgba(79, 209, 217, 0.07), transparent 60%),
    linear-gradient(180deg, var(--gx-sidebar-2) 0%, var(--gx-sidebar) 55%) !important;
  border-right: 1px solid rgba(0, 0, 0, 0.25) !important;
  box-shadow: none !important;
}

body.gris-app .gris-system-sidebar .gris-sidebar-brand {
  border-bottom-color: var(--gx-sidebar-line) !important;
}

body.gris-app .gris-system-sidebar .gris-system-release {
  background: rgba(79, 209, 217, 0.1);
  border-color: rgba(79, 209, 217, 0.22);
  color: #9fe3e7;
  font-size: 0.66rem;
  letter-spacing: 0.08em;
}

body.gris-app .gris-system-sidebar .navbar-nav {
  gap: 2px;
}

body.gris-app .gris-system-sidebar .nav-link {
  border: 1px solid transparent;
  border-radius: var(--gx-r-md);
  color: var(--gx-sidebar-text) !important;
  font-weight: 600;
  letter-spacing: -0.005em;
  position: relative;
  transition: background 0.18s var(--gx-ease), color 0.18s var(--gx-ease);
}

body.gris-app .gris-system-sidebar .nav-link-icon {
  color: rgba(236, 241, 247, 0.52) !important;
}

body.gris-app .gris-system-sidebar .nav-link:hover {
  background: rgba(255, 255, 255, 0.055) !important;
  color: #ffffff !important;
}

body.gris-app .gris-system-sidebar .nav-link:hover .nav-link-icon {
  color: rgba(255, 255, 255, 0.9) !important;
}

body.gris-app .gris-system-sidebar .nav-item.active > .nav-link {
  background: linear-gradient(90deg, rgba(79, 209, 217, 0.16), rgba(79, 209, 217, 0.05)) !important;
  border-color: rgba(79, 209, 217, 0.16);
  color: #ffffff !important;
}

body.gris-app .gris-system-sidebar .nav-item.active > .nav-link::before {
  background: var(--gx-sidebar-accent);
  border-radius: 0 3px 3px 0;
  bottom: 22%;
  box-shadow: 0 0 12px rgba(79, 209, 217, 0.55);
  content: "";
  left: -1px;
  position: absolute;
  top: 22%;
  width: 3px;
}

body.gris-app .gris-system-sidebar .nav-item.active::after {
  display: none !important;
}

body.gris-app .gris-system-sidebar .nav-item.active .nav-link-icon {
  color: var(--gx-sidebar-accent) !important;
}

body.gris-app .gris-system-sidebar .gris-disabled .nav-link,
body.gris-app .gris-system-sidebar .gris-disabled .nav-link:hover {
  background: transparent !important;
  border-color: transparent !important;
  color: rgba(236, 241, 247, 0.3) !important;
  cursor: default;
}

body.gris-app .gris-system-sidebar .gris-disabled .nav-link-title {
  color: rgba(236, 241, 247, 0.3) !important;
}

body.gris-app .gris-system-sidebar .gris-disabled .nav-link-icon {
  color: rgba(236, 241, 247, 0.2) !important;
}

@media (min-width: 992px) {
  html:not(.gris-sidebar-compact) body.gris-app .gris-system-sidebar .gris-disabled .nav-link::after {
    border: 1px solid rgba(236, 241, 247, 0.12);
    border-radius: 999px;
    color: rgba(236, 241, 247, 0.38);
    content: "Pronto";
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1;
    margin-left: auto;
    padding: 0.28rem 0.5rem;
    text-transform: uppercase;
  }
}

body.gris-app .gris-system-sidebar .gris-sidebar-compact-toggle,
body.gris-app .gris-system-sidebar .gris-sidebar-logout .btn {
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid var(--gx-sidebar-line) !important;
  border-radius: var(--gx-r-md) !important;
  box-shadow: none !important;
  color: rgba(236, 241, 247, 0.72) !important;
  font-weight: 600;
}

body.gris-app .gris-system-sidebar .gris-sidebar-compact-toggle:hover,
body.gris-app .gris-system-sidebar .gris-sidebar-logout .btn:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  transform: none;
}

/* ---------- Barra superior ---------- */
@media (min-width: 992px) {
  body.gris-app .gris-topbar {
    -webkit-backdrop-filter: saturate(170%) blur(14px);
    backdrop-filter: saturate(170%) blur(14px);
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: inset 0 -1px 0 var(--gx-line) !important;
  }
}

body.gris-app .gris-topbar-title,
body.gris-app .gris-topbar-title-label {
  color: var(--gx-ink);
  font-weight: 700;
  letter-spacing: -0.02em;
}

@media (max-width: 575.98px) {
  body.gris-app .gris-topbar-dashboard .gris-topbar-title-label {
    color: #ffffff;
  }
}

@media (min-width: 992px) {
  body.gris-app .gris-topbar .btn-icon.btn-ghost-secondary {
    border-radius: var(--gx-r-md);
    color: var(--gx-muted);
    height: 2.5rem;
    transition: background 0.15s ease, color 0.15s ease;
    width: 2.5rem;
  }

  body.gris-app .gris-topbar .btn-icon.btn-ghost-secondary:hover,
  body.gris-app .gris-topbar .btn-icon.btn-ghost-secondary[aria-expanded="true"] {
    background: #eef1f5;
    color: var(--gx-ink);
  }
}

/* Foto de usuario: llena el círculo sin bordes ni anillos blancos (2026-10-21). */
body.gris-app .gris-topbar .avatar {
  border: 0 !important;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.14) !important;
  overflow: hidden;
}

body.gris-app .gris-topbar [data-user-custom-avatar="true"] .avatar,
body.gris-app .gris-topbar .dropdown-menu .avatar {
  background-position: center;
  background-size: cover;
}

@media (max-width: 991.98px) {
  body.gris-app .gris-topbar .nav-item.dropdown > .nav-link > .avatar {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.22) !important;
  }
}

body.gris-app .gris-user-summary .fw-medium {
  color: var(--gx-ink) !important;
  font-weight: 650 !important;
}

/* ---------- Tarjetas y superficies ---------- */
body.gris-app .page-wrapper .card {
  border: 1px solid var(--gx-line);
  border-radius: var(--gx-r-xl);
  box-shadow: var(--gx-shadow-sm);
}

body.gris-app .page-wrapper .card > .card-header {
  border-bottom: 1px solid var(--gx-line-soft);
}

body.gris-app .page-wrapper .card-title {
  color: var(--gx-ink);
  font-weight: 700;
  letter-spacing: -0.015em;
}

body.gris-app .dropdown-menu {
  border: 1px solid var(--gx-line);
  border-radius: 12px !important;
  box-shadow: var(--gx-shadow-lg) !important;
  padding: 0.35rem;
}

body.gris-app .dropdown-item {
  border-radius: 8px;
  color: var(--gx-text);
  font-weight: 550;
}

body.gris-app .dropdown-item:hover,
body.gris-app .dropdown-item:focus {
  background: var(--gx-hover);
  color: var(--gx-ink);
}

body.gris-app .modal-content {
  border: 1px solid var(--gx-line);
  border-radius: var(--gx-r-xl);
  box-shadow: 0 24px 64px -12px rgba(16, 24, 40, 0.28);
}

body.gris-app .modal-backdrop.show {
  opacity: 0.42;
}

body.gris-app .modal-backdrop {
  background: #0c1420;
}

/* ---------- Formularios ---------- */
body.gris-app .page-wrapper .form-label,
body.gris-app .modal .form-label {
  color: var(--gx-text);
  font-size: 0.82rem;
  font-weight: 650;
  letter-spacing: 0.005em;
}

body.gris-app .page-wrapper .form-control,
body.gris-app .page-wrapper .form-select,
body.gris-app .modal .form-control,
body.gris-app .modal .form-select {
  background-color: #ffffff;
  border: 1px solid #d9dee6;
  border-radius: var(--gx-r-md);
  box-shadow: var(--gx-shadow-xs);
  color: var(--gx-ink);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

body.gris-app .page-wrapper .form-control:hover,
body.gris-app .page-wrapper .form-select:hover {
  border-color: #c4ccd8;
}

body.gris-app .page-wrapper .form-control:focus,
body.gris-app .page-wrapper .form-select:focus,
body.gris-app .modal .form-control:focus,
body.gris-app .modal .form-select:focus {
  border-color: rgba(47, 85, 212, 0.6);
  box-shadow: var(--gx-ring);
  outline: 0;
}

body.gris-app .page-wrapper .form-control::placeholder {
  color: var(--gx-subtle);
}

body.gris-app .page-wrapper .form-control:disabled,
body.gris-app .page-wrapper .form-select:disabled {
  background-color: var(--gx-surface-2);
  color: var(--gx-muted);
}

body.gris-app .form-check-input:checked {
  background-color: var(--gx-primary);
  border-color: var(--gx-primary);
}

/* ---------- Botones ---------- */
body.gris-app .btn {
  font-weight: 650;
  letter-spacing: -0.005em;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}

body.gris-app .btn:active:not(:disabled) {
  transform: translateY(1px);
}

body.gris-app .btn-primary {
  background-color: var(--gx-primary);
  border-color: var(--gx-primary);
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

body.gris-app .btn-primary:hover,
body.gris-app .btn-primary:focus-visible {
  background-color: var(--gx-primary-hover);
  border-color: var(--gx-primary-hover);
}

body.gris-app .btn-outline-secondary {
  background: #ffffff;
  border-color: #d9dee6;
  color: var(--gx-text);
}

body.gris-app .btn-outline-secondary:hover {
  background: var(--gx-hover);
  border-color: #c4ccd8;
  color: var(--gx-ink);
}

/* ---------- Listas maestras (Correo, Clientes, Expedientes, Propuestas) ---------- */
body.gris-app .gris-client-row,
body.gris-app .gris-project-row,
body.gris-app .gris-thread-item {
  border-color: var(--gx-line-soft) !important;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

body.gris-app .gris-client-row:not(.active):hover,
body.gris-app .gris-project-row:not(.active):hover,
body.gris-app .gris-thread-item:not(.active):hover {
  background: var(--gx-hover) !important;
}

body.gris-app .gris-client-row.active,
body.gris-app .gris-project-row.active,
body.gris-app .gris-thread-item.active {
  background: linear-gradient(90deg, #e3f4f5 0%, #eef8f9 100%) !important;
  border-color: #d3ecee !important;
  box-shadow: inset 3px 0 0 var(--gx-teal-2) !important;
  color: var(--gx-ink) !important;
}

body.gris-app .gris-client-row.active .gris-client-row-title,
body.gris-app .gris-client-row.active .gris-client-row-name,
body.gris-app .gris-project-row.active .gris-project-row-title,
body.gris-app .gris-thread-item.active .gris-thread-subject,
body.gris-app .gris-thread-item.active strong {
  color: var(--gx-ink) !important;
}

body.gris-app .gris-client-row.active .gris-client-row-subtitle,
body.gris-app .gris-client-row.active .gris-client-row-date,
body.gris-app .gris-client-row.active .text-secondary,
body.gris-app .gris-project-row.active .gris-project-row-subtitle,
body.gris-app .gris-project-row.active .gris-project-row-date,
body.gris-app .gris-project-row.active .text-secondary,
body.gris-app .gris-thread-item.active .text-secondary {
  color: var(--gx-muted) !important;
}

body.gris-app .gris-client-row.active .gris-client-avatar.bg-primary-lt,
body.gris-app .gris-thread-item.active .gris-client-avatar.bg-primary-lt,
body.gris-app .gris-project-row.active .gris-project-row-mark {
  background: #ffffff !important;
  border-color: #bfe3e6 !important;
  color: var(--gx-teal-2) !important;
  box-shadow: var(--gx-shadow-xs) !important;
}

/* Propuestas de clientes (cola de registro) */
body.gris-app .gris-intake-queue-item:not(.is-active):hover {
  background: var(--gx-hover) !important;
}

body.gris-app .gris-intake-queue-item.is-active,
body.gris-app .gris-intake-queue-item.is-active:hover,
body.gris-app .gris-intake-queue-item.is-active:focus-visible,
body.gris-app .gris-client-proposals-card [data-intake-list] .gris-intake-queue-item.is-active {
  background: linear-gradient(90deg, #e3f4f5 0%, #eef8f9 100%) !important;
  box-shadow: inset 3px 0 0 var(--gx-teal-2) !important;
  color: var(--gx-ink) !important;
}

body.gris-app .gris-intake-queue-item.is-active .gris-intake-queue-name,
body.gris-app .gris-intake-queue-item.is-active .gris-intake-queue-confidence {
  color: var(--gx-ink) !important;
}

body.gris-app .gris-intake-queue-item.is-active .gris-intake-queue-project {
  color: var(--gx-muted) !important;
}

body.gris-app .gris-intake-queue-item.is-active .gris-intake-queue-avatar,
body.gris-app .gris-client-proposals-card [data-intake-list] .gris-intake-queue-item.is-active .gris-intake-queue-avatar {
  background: #ffffff !important;
  border-color: #bfe3e6 !important;
  box-shadow: var(--gx-shadow-xs) !important;
  color: var(--gx-teal-2) !important;
}

body.gris-app .gris-intake-queue-item.is-active .gris-intake-queue-avatar .ti {
  color: var(--gx-teal-2) !important;
}

body.gris-app .gris-client-row.active .gris-unanswered-dot,
body.gris-app .gris-project-row.active .gris-unanswered-dot,
body.gris-app .gris-thread-item.active .gris-unanswered-dot {
  background: #e5484d !important;
  border-color: #e5484d !important;
}

body.gris-app .gris-client-avatar.bg-primary-lt,
body.gris-app .gris-project-row-mark {
  border-radius: 12px !important;
}

body.gris-app .gris-unanswered-dot {
  box-shadow: 0 0 0 3px rgba(217, 45, 32, 0.12);
}

/* ---------- Secciones plegables de color ---------- */
body.gris-app .gris-project-collapse-chip,
body.gris-app .gris-mail-section-heading,
body.gris-app .settings-chip-btn,
body.gris-app .an-panel__header,
body.gris-app .gris-recycle-panel-summary {
  letter-spacing: -0.01em;
}

body.gris-app .gris-project-collapsible,
body.gris-app .gris-mail-section,
body.gris-app .settings-section-block,
body.gris-app .an-panel,
body.gris-app .gris-recycle-panel {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0) 64px);
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08), 0 8px 20px -10px rgba(11, 111, 118, 0.35);
}

/* ---------- Insignias ---------- */
body.gris-app .badge {
  font-weight: 650;
  letter-spacing: 0.01em;
}

/* ---------- Avisos ---------- */
body.gris-app .page-wrapper .alert {
  border-radius: var(--gx-r-lg);
  box-shadow: var(--gx-shadow-xs);
}

/* ---------- Toasts ---------- */
body.gris-app #toast-stack .toast {
  border: 1px solid var(--gx-line);
  border-radius: var(--gx-r-lg);
  box-shadow: var(--gx-shadow-lg);
}

@media (prefers-reduced-motion: reduce) {
  body.gris-app *,
  body.gris-app *::before,
  body.gris-app *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

/* ---------- Cabecera móvil (menú lateral convertido en barra superior) ---------- */
@media (max-width: 991.98px) {
  body.gris-app .gris-system-sidebar {
    background: var(--gx-sidebar) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0 6px 18px -10px rgba(10, 16, 24, 0.55) !important;
  }

  body.gris-app .gris-system-sidebar .navbar-collapse .navbar-nav {
    padding-top: 0.5rem;
  }
}

/* ---------- Cabeceras de detalle (cliente, expediente, correo) ---------- */
body.gris-app .gris-client-avatar-lg.bg-primary-lt,
body.gris-app .gris-project-heading-icon {
  background: linear-gradient(145deg, #f1f4fe 0%, #e6f5f6 100%) !important;
  border: 1px solid #dde4f2 !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), var(--gx-shadow-xs) !important;
  color: var(--gx-primary) !important;
}

body.gris-app .gris-client-title,
body.gris-app .gris-thread-title,
body.gris-app .gris-project-detail-header h2,
body.gris-app .gris-project-detail-header h3 {
  color: var(--gx-ink);
  font-weight: 700;
  letter-spacing: -0.022em;
}

body.gris-app .gris-client-email {
  color: var(--gx-muted);
}

/* ---------- Controles segmentados (Clientes · Contactos · Propuestas, bandejas) ---------- */
body.gris-app .gris-client-area-nav {
  background: #eef1f5;
  border: 1px solid var(--gx-line);
  border-radius: 14px;
}

body.gris-app .gris-client-area-link {
  border-radius: 10px;
  color: var(--gx-muted);
  font-weight: 650;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

body.gris-app .gris-client-area-link:hover {
  color: var(--gx-ink);
}

body.gris-app .gris-client-area-link.active {
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08), 0 1px 1px rgba(16, 24, 40, 0.04);
  color: var(--gx-primary);
}

/* ---------- Secciones plegables: interacción ---------- */
body.gris-app .gris-project-collapse-chip,
body.gris-app .gris-mail-section-toggle,
body.gris-app .settings-chip-btn,
body.gris-app .an-panel__header,
body.gris-app .gris-recycle-panel-summary {
  transition: filter 0.15s ease;
}

body.gris-app .gris-project-collapse-chip:hover,
body.gris-app .gris-mail-section-heading:hover,
body.gris-app .settings-chip-btn:hover,
body.gris-app .an-panel__header:hover,
body.gris-app .gris-recycle-panel-summary:hover {
  filter: brightness(1.05) saturate(1.04);
}

/* ---------- Tareas de Hoy ---------- */
body.gris-app .gris-priority-item {
  border-radius: 12px;
  box-shadow: var(--gx-shadow-sm);
}

/* ---------- Selectores compactos sin texto cortado ---------- */
body.gris-app .gris-client-detail-form .form-select {
  background-position: right 0.6rem center;
  padding-right: 1.9rem;
  text-overflow: ellipsis;
}

/* ---------- Agente Gris ---------- */
body.gris-app .gris-agent-actions .btn,
body.gris-app .gris-agent-actions button {
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 1px 2px rgba(16, 24, 40, 0.12);
}

body.gris-app .gris-agent-actions .btn:not(:disabled):hover,
body.gris-app .gris-agent-actions button:not(:disabled):hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 6px 14px -6px rgba(16, 24, 40, 0.35);
}

/* Las opciones del menú «+» son filas planas, no botones con relieve. */
body.gris-app .gris-agent-menu .gris-agent-menu-item,
body.gris-app .gris-agent-menu .gris-agent-menu-item:not(:disabled):hover {
  border-radius: 10px;
  box-shadow: none;
}

body.gris-app .gris-agent-menu .gris-agent-menu-item:focus-visible {
  box-shadow: inset 0 0 0 2px #0e8f97;
}

body.gris-app .gris-agent-avatar-frame {
  border-radius: 16px;
  box-shadow: 0 0 0 1px rgba(16, 24, 40, 0.06), 0 8px 20px -10px rgba(16, 24, 40, 0.35);
}

body.gris-app .gris-agent-prompt {
  border-radius: 14px;
}

body.gris-app .gris-agent-message-bubble {
  border-radius: 14px;
}

body.gris-app .gris-agent-message-user .gris-agent-message-bubble {
  border-bottom-right-radius: 6px;
}

body.gris-app .gris-agent-message-assistant .gris-agent-message-bubble {
  border-bottom-left-radius: 6px;
}

body.gris-app .gris-agent-message-meta {
  font-weight: 700;
  letter-spacing: 0.1em;
  opacity: 0.85;
}


/* Home compose visibility control. */
body.gris-app .gris-topbar-dashboard .gris-agent-compose-toggle {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #9ca3af !important;
  margin-inline-start: 0.65rem;
}

body.gris-app .gris-topbar-dashboard .gris-agent-compose-toggle[aria-expanded="true"] {
  color: #ffffff !important;
}

@media (min-width: 576px) {
  body.gris-app .gris-topbar-dashboard .gris-agent-compose-toggle[aria-expanded="true"] {
    color: #000000 !important;
  }
}