eidos-ui 3.1.1 → 3.2.1

package/dist/index.css

@@ -121,6 +121,7 @@
   --z-index-command-palette: 1500;
   --z-index-snackbar: 1600;
   --z-index-tooltip: 1700;
+  --breakpoint-xs: 480px;
   --breakpoint-sm: 640px;
   --breakpoint-md: 768px;
   --breakpoint-lg: 1024px;
@@ -211,7 +212,13 @@ button {
   font: inherit;
   cursor: pointer;
 }
-button:focus {
+
+:focus-visible {
+  outline: 2px solid var(--primary-color);
+  outline-offset: 2px;
+}
+
+:focus:not(:focus-visible) {
   outline: none;
 }
 
@@ -309,11 +316,6 @@ svg.lucide {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-accordion-trigger:focus {
-  outline: none;
-}
-.eidos-accordion-trigger {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -346,7 +348,7 @@ svg.lucide {
 }
 .eidos-accordion-trigger:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-accordion-trigger:disabled {
   cursor: not-allowed;
@@ -511,11 +513,6 @@ svg.lucide {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-alert-dismiss:focus {
-  outline: none;
-}
-.eidos-alert-dismiss {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -606,9 +603,9 @@ svg.lucide {
 .eidos-avatar--clickable:hover {
   opacity: 0.85;
 }
-.eidos-avatar--clickable:focus {
+.eidos-avatar--clickable:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 
 .eidos-avatar-image {
@@ -639,12 +636,14 @@ svg.lucide {
 .eidos-avatar-group-item:first-child {
   margin-left: 0;
 }
-.eidos-avatar-group-item .eidos-avatar {
+.eidos-avatar-group-item .eidos-avatar:not(:focus-visible) {
   box-shadow: 0 0 0 2px var(--white);
 }
 
 .eidos-avatar-group .eidos-avatar--overflow {
   margin-left: -8px;
+}
+.eidos-avatar-group .eidos-avatar--overflow:not(:focus-visible) {
   box-shadow: 0 0 0 2px var(--white);
 }
 
@@ -915,9 +914,9 @@ svg.lucide {
 .eidos-breadcrumb-link:focus-visible {
   outline: none;
 }
-.eidos-breadcrumb-link:focus-visible:focus {
+.eidos-breadcrumb-link:focus-visible:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-breadcrumb-link--button {
   background: none;
@@ -926,11 +925,6 @@ svg.lucide {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-breadcrumb-link--button:focus {
-  outline: none;
-}
-.eidos-breadcrumb-link--button {
   display: flex;
   align-items: center;
   gap: var(--spacing-sm);
@@ -948,9 +942,9 @@ svg.lucide {
 .eidos-breadcrumb-link--button:focus-visible {
   outline: none;
 }
-.eidos-breadcrumb-link--button:focus-visible:focus {
+.eidos-breadcrumb-link--button:focus-visible:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 
 .eidos-breadcrumb-current {
@@ -1395,7 +1389,7 @@ svg.lucide {
 }
 .eidos-checkbox-wrapper--primary .eidos-checkbox-input:focus-visible + .eidos-checkbox-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-checkbox-wrapper--primary .eidos-checkbox-control--checked,
 .eidos-checkbox-wrapper--primary .eidos-checkbox-control--indeterminate {
@@ -1405,7 +1399,7 @@ svg.lucide {
 }
 .eidos-checkbox-wrapper--secondary .eidos-checkbox-input:focus-visible + .eidos-checkbox-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--secondary-color);
 }
 .eidos-checkbox-wrapper--secondary .eidos-checkbox-control--checked,
 .eidos-checkbox-wrapper--secondary .eidos-checkbox-control--indeterminate {
@@ -1415,7 +1409,7 @@ svg.lucide {
 }
 .eidos-checkbox-wrapper--success .eidos-checkbox-input:focus-visible + .eidos-checkbox-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--success-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--success-color);
 }
 .eidos-checkbox-wrapper--success .eidos-checkbox-control--checked,
 .eidos-checkbox-wrapper--success .eidos-checkbox-control--indeterminate {
@@ -1425,7 +1419,7 @@ svg.lucide {
 }
 .eidos-checkbox-wrapper--danger .eidos-checkbox-input:focus-visible + .eidos-checkbox-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color);
 }
 .eidos-checkbox-wrapper--danger .eidos-checkbox-control--checked,
 .eidos-checkbox-wrapper--danger .eidos-checkbox-control--indeterminate {
@@ -1435,7 +1429,7 @@ svg.lucide {
 }
 .eidos-checkbox-wrapper--warning .eidos-checkbox-input:focus-visible + .eidos-checkbox-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--warning-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--warning-color);
 }
 .eidos-checkbox-wrapper--warning .eidos-checkbox-control--checked,
 .eidos-checkbox-wrapper--warning .eidos-checkbox-control--indeterminate {
@@ -1445,7 +1439,7 @@ svg.lucide {
 }
 .eidos-checkbox-wrapper--info .eidos-checkbox-input:focus-visible + .eidos-checkbox-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--info-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--info-color);
 }
 .eidos-checkbox-wrapper--info .eidos-checkbox-control--checked,
 .eidos-checkbox-wrapper--info .eidos-checkbox-control--indeterminate {
@@ -1525,11 +1519,6 @@ svg.lucide {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-chip:focus {
-  outline: none;
-}
-.eidos-chip {
   display: inline-flex;
   position: relative;
   border-radius: var(--border-radius-sm);
@@ -1561,7 +1550,7 @@ svg.lucide {
 .eidos-chip--clickable {
   cursor: pointer;
 }
-.eidos-chip--clickable:focus, .eidos-chip--clickable:focus-visible {
+.eidos-chip--clickable:focus:not(:focus-visible) {
   outline: none;
 }
 .eidos-chip--filled {
@@ -1747,11 +1736,6 @@ svg.lucide {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-chip--remove-button:focus {
-  outline: none;
-}
-.eidos-chip--remove-button {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1762,10 +1746,17 @@ svg.lucide {
   flex-shrink: 0;
 }
 .eidos-chip--remove-button:hover:not(:disabled) {
-  background-color: rgba(255, 255, 255, 0.2);
+  background-color: rgba(var(--dark-rgb), 0.12);
+}
+.eidos-chip--filled .eidos-chip--remove-button:hover:not(:disabled) {
+  background-color: rgba(var(--white-rgb), 0.25);
+}
+.eidos-chip--remove-button:focus:not(:focus-visible) {
+  outline: none;
 }
-.eidos-chip--remove-button:focus {
+.eidos-chip--remove-button:focus-visible {
   outline: none;
+  box-shadow: inset 0 0 0 2px var(--primary-color);
 }
 
 .eidos-chip--remove-icon {
@@ -1792,11 +1783,6 @@ svg.lucide {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-color-picker-trigger:focus {
-  outline: none;
-}
-.eidos-color-picker-trigger {
   display: flex;
   align-items: center;
   gap: var(--spacing-sm);
@@ -1812,7 +1798,7 @@ svg.lucide {
 }
 .eidos-color-picker-trigger:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.25);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-color-picker--sm .eidos-color-picker-trigger {
   padding: 4px var(--spacing-xs);
@@ -2024,11 +2010,6 @@ svg.lucide {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-color-picker-format-btn:focus {
-  outline: none;
-}
-.eidos-color-picker-format-btn {
   font-size: var(--font-size-xs);
   font-weight: var(--font-weight-medium);
   padding: 4px 6px;
@@ -2067,7 +2048,7 @@ svg.lucide {
 }
 .eidos-color-picker-input:focus {
   border-color: var(--primary-color);
-  box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.15);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-color-picker-input:disabled {
   cursor: not-allowed;
@@ -2081,11 +2062,6 @@ svg.lucide {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-color-picker-copy:focus {
-  outline: none;
-}
-.eidos-color-picker-copy {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2126,11 +2102,6 @@ svg.lucide {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-color-picker-swatch:focus {
-  outline: none;
-}
-.eidos-color-picker-swatch {
   width: 20px;
   height: 20px;
   border-radius: var(--border-radius-sm);
@@ -2168,7 +2139,7 @@ svg.lucide {
   flex-direction: column;
   gap: var(--spacing-xs);
 }
-.eidos-combobox--fullWidth {
+.eidos-combobox--full-width {
   width: 100%;
 }
 .eidos-combobox--disabled {
@@ -2180,7 +2151,7 @@ svg.lucide {
 }
 .eidos-combobox--error .eidos-input-wrapper:focus-within {
   border-color: var(--danger-color) !important;
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05) !important;
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05) !important;
 }
 .eidos-combobox--error .eidos-input-label {
   color: var(--danger-color);
@@ -2390,6 +2361,11 @@ svg.lucide {
   opacity: 1;
   transform: scale(1) translateY(0);
 }
+@media (prefers-reduced-motion: reduce) {
+  .eidos-cmd-dialog {
+    transition: none;
+  }
+}
 
 .eidos-cmd-search {
   display: flex;
@@ -2414,9 +2390,6 @@ svg.lucide {
   margin: 0;
   box-sizing: border-box;
 }
-.eidos-cmd-input:focus {
-  outline: none;
-}
 .eidos-cmd-input::-webkit-outer-spin-button, .eidos-cmd-input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
@@ -2616,189 +2589,863 @@ kbd.eidos-cmd-kbd {
   visibility: visible;
 }
 
-.eidos-data-grid-scroll {
-  overflow-x: auto;
-}
-
-.eidos-data-grid-container {
-  background: var(--white);
-  border-radius: var(--border-radius-md);
-  border: 1px solid var(--gray-200);
-  box-shadow: var(--box-shadow);
-}
-.eidos-data-grid-container--sticky-header {
-  overflow-y: auto;
+.eidos-conversation-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+  min-width: 0;
 }
 
-.eidos-datagrid-toolbar {
-  position: relative;
-  padding: var(--spacing-sm) var(--spacing-md);
-  background: var(--gray-50);
-  border-bottom: 1px solid var(--gray-200);
+.eidos-conversation-separator {
   display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
   align-items: center;
+  justify-content: center;
   gap: var(--spacing-sm);
-  min-height: 44px;
+  margin: var(--spacing-sm) 0;
+  font-size: var(--font-size-xs);
+  color: var(--gray-500);
 }
-
-.eidos-datagrid-toolbar-left {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: var(--spacing-xs) var(--spacing-sm);
-  flex: 1 1 auto;
-  min-width: 0;
-  max-width: 100%;
+.eidos-conversation-separator::before, .eidos-conversation-separator::after {
+  content: "";
+  flex: 1;
+  height: 1px;
+  background: var(--gray-200);
 }
-
-.eidos-datagrid-toolbar-right {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: flex-end;
-  gap: var(--spacing-xs) var(--spacing-sm);
+.eidos-conversation-separator > span {
   flex-shrink: 0;
-  max-width: 100%;
-  margin-left: auto;
+  padding: 0 var(--spacing-sm);
+  font-weight: var(--font-weight-medium);
+}
+.eidos-conversation-separator--unread {
+  color: var(--danger-color);
+}
+.eidos-conversation-separator--unread::before, .eidos-conversation-separator--unread::after {
+  background: rgba(var(--danger-rgb), 0.35);
 }
 
-.eidos-datagrid-quick-filters {
+.eidos-conversation-readonly {
+  margin: 0;
+  padding: var(--spacing-md);
+  font-size: var(--font-size-sm);
+  color: var(--gray-500);
+  text-align: center;
+  border-top: 1px solid var(--gray-200);
+}
+
+.eidos-message {
   display: flex;
-  align-items: center;
   gap: var(--spacing-sm);
-  flex-wrap: wrap;
+  align-items: flex-start;
   min-width: 0;
-  max-width: 100%;
+  position: relative;
 }
-.eidos-datagrid-quick-filters--compact {
-  flex-direction: column;
-  align-items: stretch;
-  width: 100%;
+
+.eidos-message--enter {
+  animation: eidos-conversation-message-in 0.24s ease-out both;
 }
-.eidos-datagrid-quick-filters--compact .eidos-datagrid-quick-filter {
-  width: 100%;
+@media (prefers-reduced-motion: reduce) {
+  .eidos-message--enter {
+    animation: none;
+  }
 }
 
-.eidos-datagrid-quick-filter {
-  --eidos-datagrid-quick-filter-width: 160px;
-  display: flex;
-  align-items: center;
-  min-width: 0;
+@keyframes eidos-conversation-message-in {
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
 }
-.eidos-datagrid-quick-filter--select, .eidos-datagrid-quick-filter--combobox {
-  width: var(--eidos-datagrid-quick-filter-width);
+.eidos-message-avatar {
+  width: 28px;
+  flex: none;
 }
 
-.eidos-datagrid-selection-count {
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-semibold);
-  color: var(--primary-700);
-  white-space: nowrap;
+.eidos-message-main {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+  flex: 1 1 auto;
+  min-width: 0;
 }
 
-.eidos-datagrid-bulk-actions {
+.eidos-message-header {
   display: flex;
-  flex-wrap: wrap;
   align-items: center;
-  gap: var(--spacing-xs);
+  flex-wrap: wrap;
+  gap: var(--spacing-sm);
   min-width: 0;
-  max-width: 100%;
 }
 
-.eidos-data-grid {
-  width: 100%;
-  border-collapse: collapse;
+.eidos-message-author {
   font-size: var(--font-size-sm);
-}
-
-.eidos-data-grid-header-cell {
-  background: var(--gray-100);
-  padding: var(--spacing-md);
   font-weight: var(--font-weight-semibold);
-  border-bottom: 1px solid var(--gray-200);
-  text-align: left;
+  color: var(--dark-color);
+  overflow: hidden;
+  text-overflow: ellipsis;
   white-space: nowrap;
-  position: sticky;
-  top: 0;
-  z-index: 1;
-  color: var(--gray-700);
 }
 
-.eidos-datagrid-header-cell--sortable {
-  cursor: pointer;
-  user-select: none;
-  transition: background-color 0.2s ease;
+.eidos-message-time {
+  font-size: var(--font-size-xs);
+  color: var(--gray-400);
+  flex-shrink: 0;
 }
-.eidos-datagrid-header-cell--sortable:hover {
-  background: var(--gray-200);
+.eidos-message-time--inline {
+  align-self: flex-end;
 }
 
-.eidos-datagrid-header-cell--sorted {
-  background: var(--primary-50);
-  color: var(--primary-700);
+.eidos-message-edited {
+  font-size: var(--font-size-xs);
+  color: var(--gray-400);
+  font-style: italic;
 }
 
-.eidos-datagrid-header-content {
+.eidos-message-bubble {
   display: flex;
-  align-items: center;
-  justify-content: space-between;
+  flex-direction: column;
   gap: var(--spacing-xs);
+  min-width: 0;
 }
 
-.eidos-datagrid-header-label {
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.eidos-message-body {
+  font-size: var(--font-size-sm);
+  color: var(--gray-700);
+  line-height: 1.55;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
 }
 
-.eidos-datagrid-sort-icon {
+.eidos-message-quote {
+  margin: 0;
+  padding: var(--spacing-xs) var(--spacing-sm);
+  border-left: 2px solid var(--gray-300);
+  background: var(--gray-50);
+  border-radius: var(--border-radius-sm);
   display: flex;
-  color: var(--gray-400);
-  flex-shrink: 0;
-  transition: color 0.2s ease;
-}
-.eidos-datagrid-header-cell--sortable:hover .eidos-datagrid-sort-icon {
-  color: var(--gray-600);
-}
-.eidos-datagrid-header-cell--sorted .eidos-datagrid-sort-icon {
-  color: var(--primary-600);
+  flex-direction: column;
+  gap: 2px;
+  font-size: var(--font-size-xs);
 }
 
-.eidos-datagrid-align-left {
-  text-align: left;
+.eidos-message-quote-author {
+  font-weight: var(--font-weight-semibold);
+  color: var(--gray-600);
 }
 
-.eidos-datagrid-align-center {
-  text-align: center;
+.eidos-message-quote-body {
+  color: var(--gray-500);
 }
 
-.eidos-datagrid-align-right {
-  text-align: right;
+.eidos-message-reply-target {
+  font-size: var(--font-size-xs);
+  color: var(--gray-500);
 }
 
-.eidos-datagrid-header-content.eidos-datagrid-align-center .eidos-datagrid-header-label, .eidos-datagrid-header-content.eidos-datagrid-align-right .eidos-datagrid-header-label {
-  flex: 0 1 auto;
+.eidos-message-status {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  font-size: var(--font-size-xs);
+  color: var(--gray-500);
 }
-.eidos-datagrid-header-content.eidos-datagrid-align-center {
-  justify-content: center;
+.eidos-message-status svg {
+  width: 14px;
+  height: 14px;
 }
-.eidos-datagrid-header-content.eidos-datagrid-align-right {
-  justify-content: flex-end;
+.eidos-message-status--failed {
+  color: var(--danger-color);
 }
 
-.eidos-data-grid-cell.eidos-datagrid-align-center > .eidos-checkbox-container {
-  margin-inline: auto;
-}
-.eidos-data-grid-cell.eidos-datagrid-align-right > .eidos-checkbox-container {
-  margin-inline-start: auto;
+.eidos-message--sending .eidos-message-bubble {
+  opacity: 0.65;
 }
 
-.eidos-data-grid-row {
-  border-bottom: 1px solid var(--gray-100);
+.eidos-message-footer,
+.eidos-message-reply {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--spacing-xs);
+}
+
+.eidos-message-actions {
+  flex: none;
+  opacity: 0;
+  transition: opacity 0.15s ease;
+}
+.eidos-message:hover .eidos-message-actions, .eidos-message:focus-within .eidos-message-actions {
+  opacity: 1;
+}
+@media (hover: none) {
+  .eidos-message-actions {
+    opacity: 1;
+  }
+}
+
+.eidos-message-attachments {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-xs);
+}
+
+.eidos-message-attachment-link {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  padding: var(--spacing-xs) var(--spacing-sm);
+  border: 1px solid var(--gray-200);
+  border-radius: var(--border-radius-sm);
+  background: var(--white);
+  font-size: var(--font-size-xs);
+  color: var(--gray-600);
+  text-decoration: none;
+  max-width: 100%;
+}
+.eidos-message-attachment-link svg {
+  width: 12px;
+  height: 12px;
+  flex-shrink: 0;
+}
+.eidos-message-attachment-link:hover {
+  border-color: var(--gray-300);
+  background: var(--gray-50);
+}
+.eidos-message-attachment-link:focus-visible {
+  outline: none;
+  box-shadow: inset 0 0 0 2px var(--primary-color);
+}
+
+.eidos-message-attachment-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eidos-message-attachment-size {
+  color: var(--gray-400);
+  flex-shrink: 0;
+}
+
+.eidos-message-composer {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+  padding: var(--spacing-sm);
+  border: 1px solid var(--gray-200);
+  border-radius: var(--border-radius-md);
+  background: var(--white);
+}
+.eidos-message-composer:focus-within {
+  border-color: var(--primary-color);
+}
+
+.eidos-composer-reply-hint {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-sm);
+  font-size: var(--font-size-xs);
+  color: var(--gray-500);
+}
+
+.eidos-composer-row {
+  display: flex;
+  gap: var(--spacing-sm);
+  align-items: flex-start;
+  min-width: 0;
+}
+
+.eidos-composer-avatar {
+  flex-shrink: 0;
+}
+
+.eidos-composer-field {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+}
+
+.eidos-composer-input {
+  background: none;
+  border: none;
+  outline: none;
+  font: inherit;
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+.eidos-composer-input::-webkit-outer-spin-button, .eidos-composer-input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.eidos-composer-input[type=number] {
+  -moz-appearance: textfield;
+  -webkit-appearance: textfield;
+  appearance: textfield;
+}
+.eidos-composer-input {
+  width: 100%;
+  resize: none;
+  font-size: var(--font-size-sm);
+  color: var(--dark-color);
+  line-height: 1.55;
+  min-height: 2.2em;
+  background: transparent;
+}
+.eidos-composer-input::placeholder {
+  color: var(--gray-400);
+}
+.eidos-composer-input:disabled {
+  color: var(--gray-400);
+  cursor: not-allowed;
+}
+
+.eidos-composer-attachments {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-xs);
+}
+
+.eidos-composer-file-input {
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  clip: rect(0, 0, 0, 0) !important;
+  white-space: nowrap !important;
+  border: 0 !important;
+}
+
+.eidos-composer-actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-sm);
+  flex-wrap: wrap;
+}
+
+.eidos-composer-actions-start,
+.eidos-composer-actions-end {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  min-width: 0;
+  position: relative;
+}
+
+.eidos-composer-hint {
+  font-size: var(--font-size-xs);
+  color: var(--gray-400);
+}
+.eidos-composer-hint kbd {
+  font-family: var(--font-family-mono);
+  font-size: 0.9em;
+  padding: 1px 4px;
+  border: 1px solid var(--gray-200);
+  border-radius: var(--border-radius-xs);
+  background: var(--gray-50);
+}
+
+.eidos-chat {
+  container: eidos-chat/inline-size;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  background: var(--white);
+  height: 100%;
+  flex: 1 1 auto;
+  min-height: 0;
+}
+
+.eidos-chat-scroll {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  padding: var(--spacing-md);
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+}
+.eidos-chat-scroll:focus-visible {
+  outline: none;
+  box-shadow: inset 0 0 0 2px var(--primary-color);
+}
+
+.eidos-message--chat .eidos-message-bubble {
+  padding: var(--spacing-sm) var(--spacing-md);
+  border-radius: var(--border-radius-lg);
+  background: var(--gray-100);
+  max-width: 78ch;
+  width: fit-content;
+}
+.eidos-message--chat .eidos-message-body {
+  color: var(--gray-800);
+}
+
+.eidos-message--chat.eidos-message--own {
+  flex-direction: row-reverse;
+}
+.eidos-message--chat.eidos-message--own .eidos-message-main {
+  align-items: flex-end;
+}
+.eidos-message--chat.eidos-message--own .eidos-message-header {
+  flex-direction: row-reverse;
+}
+.eidos-message--chat.eidos-message--own .eidos-message-bubble {
+  background: var(--primary-color);
+  color: var(--primary-contrast);
+}
+.eidos-message--chat.eidos-message--own .eidos-message-body,
+.eidos-message--chat.eidos-message--own .eidos-message-quote-author,
+.eidos-message--chat.eidos-message--own .eidos-message-quote-body,
+.eidos-message--chat.eidos-message--own .eidos-message-reply-target {
+  color: inherit;
+}
+.eidos-message--chat.eidos-message--own .eidos-message-time--inline {
+  color: var(--primary-contrast);
+  opacity: 0.75;
+}
+.eidos-message--chat.eidos-message--own .eidos-message-quote {
+  background: rgba(var(--white-rgb), 0.15);
+  border-left-color: rgba(var(--white-rgb), 0.5);
+}
+.eidos-message--chat.eidos-message--own .eidos-message-attachment-link {
+  background: rgba(var(--white-rgb), 0.15);
+  border-color: rgba(var(--white-rgb), 0.35);
+  color: inherit;
+}
+
+.eidos-message--chat.eidos-message--grouped .eidos-message-bubble {
+  margin-top: calc(-1 * var(--spacing-xs));
+}
+
+.eidos-chat-load-more {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-bottom: var(--spacing-sm);
+}
+
+.eidos-chat-loading-more,
+.eidos-chat-typing {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+  font-size: var(--font-size-xs);
+  color: var(--gray-500);
+}
+
+.eidos-chat-typing {
+  padding: var(--spacing-xs) var(--spacing-sm);
+}
+
+.eidos-chat-typing-dots {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+}
+.eidos-chat-typing-dots i {
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background: var(--gray-400);
+  animation: eidos-chat-typing-bounce 1.2s infinite ease-in-out;
+}
+.eidos-chat-typing-dots i:nth-child(2) {
+  animation-delay: 0.15s;
+}
+.eidos-chat-typing-dots i:nth-child(3) {
+  animation-delay: 0.3s;
+}
+@media (prefers-reduced-motion: reduce) {
+  .eidos-chat-typing-dots i {
+    animation: none;
+  }
+}
+
+@keyframes eidos-chat-typing-bounce {
+  0%, 60%, 100% {
+    transform: translateY(0);
+    opacity: 0.5;
+  }
+  30% {
+    transform: translateY(-3px);
+    opacity: 1;
+  }
+}
+.eidos-chat-jump {
+  position: absolute;
+  bottom: 96px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 2;
+}
+
+.eidos-chat-composer {
+  padding: var(--spacing-md);
+  border-top: 1px solid var(--gray-200);
+  background: var(--white);
+}
+
+.eidos-chat-skeleton {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+}
+
+.eidos-chat-skeleton-row {
+  display: grid;
+  grid-template-columns: 28px minmax(0, 60%);
+  gap: var(--spacing-sm);
+}
+.eidos-chat-skeleton-row--own {
+  grid-template-columns: minmax(0, 60%) 28px;
+  justify-content: end;
+}
+.eidos-chat-skeleton-row--own > *:first-child {
+  order: 2;
+}
+
+@container eidos-chat (max-width: 639.98px) {
+  .eidos-chat-scroll {
+    padding: var(--spacing-sm);
+  }
+  .eidos-chat-composer {
+    padding: var(--spacing-sm);
+  }
+  .eidos-message--chat .eidos-message-bubble {
+    max-width: 100%;
+  }
+  .eidos-message--chat .eidos-message-avatar {
+    display: none;
+  }
+  .eidos-composer-actions {
+    flex-direction: column;
+    align-items: stretch;
+  }
+  .eidos-composer-actions-end {
+    justify-content: flex-end;
+  }
+  .eidos-composer-hint {
+    display: none;
+  }
+}
+.eidos-comment-thread {
+  container: eidos-comment-thread/inline-size;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+  min-width: 0;
+}
+
+.eidos-comment-thread-header {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+  flex-wrap: wrap;
+}
+
+.eidos-comment-thread-title {
+  margin: 0;
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-semibold);
+  color: var(--dark-color);
+}
+
+.eidos-comment-thread-count {
+  font-size: var(--font-size-xs);
+  color: var(--gray-500);
+}
+
+.eidos-comment-thread-list {
+  gap: var(--spacing-lg);
+}
+
+.eidos-comment-thread-node {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+  min-width: 0;
+}
+
+.eidos-message--comment .eidos-message-bubble {
+  padding: var(--spacing-sm) var(--spacing-md);
+  border: 1px solid var(--gray-200);
+  border-radius: var(--border-radius-md);
+  background: var(--gray-50);
+}
+.eidos-message--comment.eidos-message--own .eidos-message-bubble {
+  border-left: 2px solid var(--primary-color);
+}
+.eidos-message--comment.eidos-message--failed .eidos-message-bubble {
+  border-color: rgba(var(--danger-rgb), 0.4);
+  background: rgba(var(--danger-rgb), 0.04);
+}
+
+.eidos-comment-thread-replies {
+  padding-left: var(--spacing-xl);
+  gap: var(--spacing-md);
+  position: relative;
+}
+.eidos-comment-thread-replies::before {
+  content: "";
+  position: absolute;
+  left: var(--spacing-md);
+  top: 0;
+  bottom: 0;
+  width: 1px;
+  background: var(--gray-200);
+}
+
+.eidos-comment-thread-reply-composer {
+  padding-left: var(--spacing-xl);
+}
+
+.eidos-comment-thread-load-more {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.eidos-comment-thread-loading-more {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+  font-size: var(--font-size-xs);
+  color: var(--gray-500);
+}
+
+.eidos-comment-thread-skeleton {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-lg);
+}
+
+.eidos-comment-thread-skeleton-row {
+  display: grid;
+  grid-template-columns: 28px minmax(0, 1fr);
+  gap: var(--spacing-sm);
+}
+
+@container eidos-comment-thread (max-width: 639.98px) {
+  .eidos-comment-thread-replies,
+  .eidos-comment-thread-reply-composer {
+    padding-left: var(--spacing-md);
+  }
+  .eidos-comment-thread-replies::before {
+    left: 0;
+  }
+  .eidos-composer-actions {
+    flex-direction: column;
+    align-items: stretch;
+  }
+  .eidos-composer-actions-end {
+    justify-content: flex-end;
+  }
+  .eidos-composer-hint {
+    display: none;
+  }
+}
+.eidos-data-grid-scroll {
+  overflow-x: auto;
+}
+
+.eidos-data-grid-container {
+  background: var(--white);
+  border-radius: var(--border-radius-md);
+  border: 1px solid var(--gray-200);
+  box-shadow: var(--box-shadow);
+}
+.eidos-data-grid-container--sticky-header {
+  overflow-y: auto;
+}
+
+.eidos-datagrid-toolbar {
+  position: relative;
+  padding: var(--spacing-sm) var(--spacing-md);
+  background: var(--gray-50);
+  border-bottom: 1px solid var(--gray-200);
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--spacing-sm);
+  min-height: 44px;
+}
+
+.eidos-datagrid-toolbar-left {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-xs) var(--spacing-sm);
+  flex: 1 1 auto;
+  min-width: 0;
+  max-width: 100%;
+}
+
+.eidos-datagrid-toolbar-right {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  gap: var(--spacing-xs) var(--spacing-sm);
+  flex-shrink: 0;
+  max-width: 100%;
+  margin-left: auto;
+}
+
+.eidos-datagrid-quick-filters {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+  flex-wrap: wrap;
+  min-width: 0;
+  max-width: 100%;
+}
+.eidos-datagrid-quick-filters--compact {
+  flex-direction: column;
+  align-items: stretch;
+  width: 100%;
+}
+.eidos-datagrid-quick-filters--compact .eidos-datagrid-quick-filter {
+  width: 100%;
+}
+
+.eidos-datagrid-quick-filter {
+  --eidos-datagrid-quick-filter-width: 160px;
+  display: flex;
+  align-items: center;
+  min-width: 0;
+}
+.eidos-datagrid-quick-filter--select, .eidos-datagrid-quick-filter--combobox {
+  width: var(--eidos-datagrid-quick-filter-width);
+}
+
+.eidos-datagrid-selection-count {
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-semibold);
+  color: var(--primary-700);
+  white-space: nowrap;
+}
+
+.eidos-datagrid-bulk-actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-xs);
+  min-width: 0;
+  max-width: 100%;
+}
+
+.eidos-data-grid {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: var(--font-size-sm);
+}
+
+.eidos-data-grid-header-cell {
+  background: var(--gray-100);
+  padding: var(--spacing-md);
+  font-weight: var(--font-weight-semibold);
+  border-bottom: 1px solid var(--gray-200);
+  text-align: left;
+  white-space: nowrap;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  color: var(--gray-700);
+}
+
+.eidos-datagrid-header-cell--sortable {
+  cursor: pointer;
+  user-select: none;
+  transition: background-color 0.2s ease;
+}
+.eidos-datagrid-header-cell--sortable:hover {
+  background: var(--gray-200);
+}
+
+.eidos-datagrid-header-cell--sorted {
+  background: var(--primary-50);
+  color: var(--primary-700);
+}
+
+.eidos-datagrid-header-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-xs);
+}
+
+.eidos-datagrid-header-label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eidos-datagrid-sort-icon {
+  display: flex;
+  color: var(--gray-400);
+  flex-shrink: 0;
+  transition: color 0.2s ease;
+}
+.eidos-datagrid-header-cell--sortable:hover .eidos-datagrid-sort-icon {
+  color: var(--gray-600);
+}
+.eidos-datagrid-header-cell--sorted .eidos-datagrid-sort-icon {
+  color: var(--primary-600);
+}
+
+.eidos-datagrid-align-left {
+  text-align: left;
+}
+
+.eidos-datagrid-align-center {
+  text-align: center;
+}
+
+.eidos-datagrid-align-right {
+  text-align: right;
+}
+
+.eidos-datagrid-header-content.eidos-datagrid-align-center .eidos-datagrid-header-label, .eidos-datagrid-header-content.eidos-datagrid-align-right .eidos-datagrid-header-label {
+  flex: 0 1 auto;
+}
+.eidos-datagrid-header-content.eidos-datagrid-align-center {
+  justify-content: center;
+}
+.eidos-datagrid-header-content.eidos-datagrid-align-right {
+  justify-content: flex-end;
+}
+
+.eidos-data-grid-cell.eidos-datagrid-align-center > .eidos-checkbox-container {
+  margin-inline: auto;
+}
+.eidos-data-grid-cell.eidos-datagrid-align-right > .eidos-checkbox-container {
+  margin-inline-start: auto;
+}
+
+.eidos-data-grid-row {
+  border-bottom: 1px solid var(--gray-100);
   transition: background-color 0.1s ease;
 }
 .eidos-data-grid-row:hover {
@@ -2882,11 +3529,6 @@ kbd.eidos-cmd-kbd {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-datagrid-expand-toggle:focus {
-  outline: none;
-}
-.eidos-datagrid-expand-toggle {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -2993,11 +3635,6 @@ kbd.eidos-cmd-kbd {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-datagrid-actions-trigger:focus {
-  outline: none;
-}
-.eidos-datagrid-actions-trigger {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3348,7 +3985,7 @@ kbd.eidos-cmd-kbd {
 .eidos-date-picker-container {
   position: relative;
 }
-.eidos-date-picker-container--fullWidth {
+.eidos-date-picker-container--full-width {
   width: 100%;
 }
 
@@ -3356,7 +3993,7 @@ kbd.eidos-cmd-kbd {
   position: relative;
   cursor: pointer;
 }
-.eidos-date-picker-trigger--fullWidth {
+.eidos-date-picker-trigger--full-width {
   width: 100%;
 }
 .eidos-date-picker-trigger input {
@@ -3752,6 +4389,11 @@ kbd.eidos-cmd-kbd {
   opacity: 0;
   transition: opacity 0.3s ease;
 }
+@media (prefers-reduced-motion: reduce) {
+  .eidos-drawer-backdrop {
+    transition: none;
+  }
+}
 
 .eidos-drawer-panel {
   position: absolute;
@@ -3762,6 +4404,11 @@ kbd.eidos-cmd-kbd {
   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
 }
+@media (prefers-reduced-motion: reduce) {
+  .eidos-drawer-panel {
+    transition: none;
+  }
+}
 .eidos-drawer-panel--left, .eidos-drawer-panel--right {
   top: 0;
   bottom: 0;
@@ -3858,11 +4505,6 @@ kbd.eidos-cmd-kbd {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-drawer-close:focus {
-  outline: none;
-}
-.eidos-drawer-close {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3881,9 +4523,9 @@ kbd.eidos-cmd-kbd {
 .eidos-drawer-close:focus-visible {
   outline: none;
 }
-.eidos-drawer-close:focus-visible:focus {
+.eidos-drawer-close:focus-visible:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-drawer-close svg {
   width: 18px;
@@ -3914,7 +4556,7 @@ kbd.eidos-cmd-kbd {
   user-select: none;
   cursor: pointer;
 }
-.eidos-dropdown-trigger--fullWidth {
+.eidos-dropdown-trigger--full-width {
   width: 100%;
 }
 
@@ -4065,15 +4707,14 @@ kbd.eidos-cmd-kbd {
   text-align: center;
   cursor: pointer;
   transition: border-color 0.2s ease, background 0.2s ease;
-  outline: none;
 }
-.eidos-file-upload-zone:hover:not(.eidos-file-upload-zone--disabled), .eidos-file-upload-zone:focus-visible {
+.eidos-file-upload-zone:hover:not(.eidos-file-upload-zone--disabled) {
   border-color: var(--primary-color);
-  background: rgba(99, 102, 241, 0.03);
+  background: rgba(var(--primary-rgb), 0.03);
 }
 .eidos-file-upload-zone--dragging {
   border-color: var(--primary-color);
-  background: rgba(99, 102, 241, 0.06);
+  background: rgba(var(--primary-rgb), 0.06);
 }
 .eidos-file-upload-zone--disabled {
   opacity: 0.6;
@@ -4185,11 +4826,6 @@ kbd.eidos-cmd-kbd {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-file-upload-item-remove:focus {
-  outline: none;
-}
-.eidos-file-upload-item-remove {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -4205,9 +4841,9 @@ kbd.eidos-cmd-kbd {
   background: var(--gray-200);
   color: var(--danger-color);
 }
-.eidos-file-upload-item-remove:focus-visible:focus {
+.eidos-file-upload-item-remove:focus-visible:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-file-upload-item-remove svg {
   width: 14px;
@@ -4301,7 +4937,7 @@ kbd.eidos-cmd-kbd {
   will-change: transform;
   position: relative;
 }
-.eidos-input-container--fullWidth {
+.eidos-input-container--full-width {
   width: 100%;
 }
 
@@ -4362,10 +4998,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-input-wrapper:focus-within {
   border-color: var(--primary-color);
-}
-.eidos-input-wrapper:focus-within:focus {
-  outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-input-wrapper--focused.eidos-input-wrapper--filled {
   background-color: var(--white);
@@ -4394,42 +5027,42 @@ kbd.eidos-cmd-kbd {
 .eidos-input-wrapper--filled:focus-within {
   background-color: var(--white);
   border-color: var(--primary-color);
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--filled.eidos-input-wrapper--secondary:hover:not(:disabled) {
   border-color: var(--secondary-color);
 }
 .eidos-input-wrapper--filled.eidos-input-wrapper--secondary:focus-within {
   border-color: var(--secondary-color);
-  box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--secondary-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--filled.eidos-input-wrapper--success:hover:not(:disabled) {
   border-color: var(--success-color);
 }
 .eidos-input-wrapper--filled.eidos-input-wrapper--success:focus-within {
   border-color: var(--success-color);
-  box-shadow: 0 0 0 3px rgba(var(--success-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--success-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--filled.eidos-input-wrapper--danger:hover:not(:disabled) {
   border-color: var(--danger-color);
 }
 .eidos-input-wrapper--filled.eidos-input-wrapper--danger:focus-within {
   border-color: var(--danger-color);
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--filled.eidos-input-wrapper--warning:hover:not(:disabled) {
   border-color: var(--warning-color);
 }
 .eidos-input-wrapper--filled.eidos-input-wrapper--warning:focus-within {
   border-color: var(--warning-color);
-  box-shadow: 0 0 0 3px rgba(var(--warning-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--warning-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--filled.eidos-input-wrapper--info:hover:not(:disabled) {
   border-color: var(--info-color);
 }
 .eidos-input-wrapper--filled.eidos-input-wrapper--info:focus-within {
   border-color: var(--info-color);
-  box-shadow: 0 0 0 3px rgba(var(--info-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--info-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--outlined {
   background-color: transparent;
@@ -4440,7 +5073,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-input-wrapper--outlined:focus-within {
   border-color: var(--primary-color);
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--outlined.eidos-input-wrapper--secondary {
   border-color: var(--secondary-color);
@@ -4450,7 +5083,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-input-wrapper--outlined.eidos-input-wrapper--secondary:focus-within {
   border-color: var(--secondary-color);
-  box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--secondary-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--outlined.eidos-input-wrapper--success {
   border-color: var(--success-color);
@@ -4460,7 +5093,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-input-wrapper--outlined.eidos-input-wrapper--success:focus-within {
   border-color: var(--success-color);
-  box-shadow: 0 0 0 3px rgba(var(--success-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--success-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--outlined.eidos-input-wrapper--danger {
   border-color: var(--danger-color);
@@ -4470,7 +5103,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-input-wrapper--outlined.eidos-input-wrapper--danger:focus-within {
   border-color: var(--danger-color);
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--outlined.eidos-input-wrapper--warning {
   border-color: var(--warning-color);
@@ -4480,7 +5113,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-input-wrapper--outlined.eidos-input-wrapper--warning:focus-within {
   border-color: var(--warning-color);
-  box-shadow: 0 0 0 3px rgba(var(--warning-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--warning-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--outlined.eidos-input-wrapper--info {
   border-color: var(--info-color);
@@ -4490,7 +5123,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-input-wrapper--outlined.eidos-input-wrapper--info:focus-within {
   border-color: var(--info-color);
-  box-shadow: 0 0 0 3px rgba(var(--info-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--info-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-input-wrapper--text {
   background-color: transparent;
@@ -4577,10 +5210,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-input-wrapper--error:focus-within {
   border-color: var(--danger-color) !important;
-}
-.eidos-input-wrapper--error:focus-within:focus {
-  outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color);
 }
 .eidos-input-wrapper--loading {
   border-style: dashed;
@@ -4606,9 +5236,6 @@ kbd.eidos-cmd-kbd {
   margin: 0;
   box-sizing: border-box;
 }
-.eidos-input:focus {
-  outline: none;
-}
 .eidos-input::-webkit-outer-spin-button, .eidos-input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
@@ -4641,7 +5268,7 @@ kbd.eidos-cmd-kbd {
 .eidos-input--lg {
   font-size: var(--font-size-lg);
 }
-.eidos-input--fullWidth {
+.eidos-input--full-width {
   width: 100%;
 }
 .eidos-input--loading {
@@ -4680,11 +5307,6 @@ kbd.eidos-cmd-kbd {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-input-password-toggle:focus {
-  outline: none;
-}
-.eidos-input-password-toggle {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -4719,11 +5341,6 @@ kbd.eidos-cmd-kbd {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-input-clear-button:focus {
-  outline: none;
-}
-.eidos-input-clear-button {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -4758,11 +5375,6 @@ kbd.eidos-cmd-kbd {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-input-pos-icon-button:focus {
-  outline: none;
-}
-.eidos-input-pos-icon-button {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -5017,6 +5629,11 @@ kbd.eidos-cmd-kbd {
 .eidos-modal.eidos-modal--is-open .eidos-modal-content {
   transform: scale(1);
 }
+@media (prefers-reduced-motion: reduce) {
+  .eidos-modal-content {
+    transition: none;
+  }
+}
 .eidos-modal-content--sm {
   max-width: 400px;
   width: 90%;
@@ -5120,7 +5737,7 @@ kbd.eidos-cmd-kbd {
   gap: var(--spacing-xs);
   position: relative;
 }
-.eidos-number-input--fullWidth {
+.eidos-number-input--full-width {
   width: 100%;
 }
 
@@ -5141,13 +5758,13 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-number-input-control:focus-within:not(.eidos-number-input-control--disabled) {
   border-color: var(--primary-color);
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb, 99, 102, 241), 0.15);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-number-input--error .eidos-number-input-control {
   border-color: var(--danger-color);
 }
 .eidos-number-input--error .eidos-number-input-control:focus-within {
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb, 239, 68, 68), 0.15);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color);
 }
 .eidos-number-input-control--disabled {
   background: var(--gray-100);
@@ -5172,11 +5789,6 @@ kbd.eidos-cmd-kbd {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-number-input-btn:focus {
-  outline: none;
-}
-.eidos-number-input-btn {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -5308,9 +5920,6 @@ kbd.eidos-cmd-kbd {
   margin: 0;
   box-sizing: border-box;
 }
-.eidos-otp .eidos-otp-slot input:focus {
-  outline: none;
-}
 .eidos-otp .eidos-otp-slot input::-webkit-outer-spin-button, .eidos-otp .eidos-otp-slot input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
@@ -5340,7 +5949,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-otp .eidos-otp-slot--focused {
   border-color: var(--primary-color);
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.15);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
   background-color: var(--white);
 }
 .eidos-otp .eidos-otp-slot--error {
@@ -5348,7 +5957,7 @@ kbd.eidos-cmd-kbd {
   background-color: rgba(var(--danger-rgb), 0.04);
 }
 .eidos-otp .eidos-otp-slot--error.eidos-otp-slot--focused {
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.15);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color);
 }
 .eidos-otp .eidos-otp-slot--disabled {
   opacity: 0.5;
@@ -5522,7 +6131,7 @@ kbd.eidos-cmd-kbd {
   color: var(--info-contrast);
 }
 .eidos-pagination-page--active:focus {
-  box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.25);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-pagination-page--active:disabled {
   opacity: 0.6;
@@ -5619,11 +6228,6 @@ kbd.eidos-cmd-kbd {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-popover-close:focus {
-  outline: none;
-}
-.eidos-popover-close {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -5641,7 +6245,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-popover-close:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-popover-close svg {
   width: 14px;
@@ -5788,7 +6392,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-radio-wrapper--primary .eidos-radio-input:focus-visible + .eidos-radio-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-radio-wrapper--primary .eidos-radio-control--checked {
   background: var(--primary-color);
@@ -5797,7 +6401,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-radio-wrapper--secondary .eidos-radio-input:focus-visible + .eidos-radio-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--secondary-color);
 }
 .eidos-radio-wrapper--secondary .eidos-radio-control--checked {
   background: var(--secondary-color);
@@ -5806,7 +6410,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-radio-wrapper--success .eidos-radio-input:focus-visible + .eidos-radio-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--success-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--success-color);
 }
 .eidos-radio-wrapper--success .eidos-radio-control--checked {
   background: var(--success-color);
@@ -5815,7 +6419,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-radio-wrapper--danger .eidos-radio-input:focus-visible + .eidos-radio-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color);
 }
 .eidos-radio-wrapper--danger .eidos-radio-control--checked {
   background: var(--danger-color);
@@ -5824,7 +6428,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-radio-wrapper--warning .eidos-radio-input:focus-visible + .eidos-radio-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--warning-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--warning-color);
 }
 .eidos-radio-wrapper--warning .eidos-radio-control--checked {
   background: var(--warning-color);
@@ -5833,7 +6437,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-radio-wrapper--info .eidos-radio-input:focus-visible + .eidos-radio-control {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--info-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--info-color);
 }
 .eidos-radio-wrapper--info .eidos-radio-control--checked {
   background: var(--info-color);
@@ -5917,6 +6521,18 @@ kbd.eidos-cmd-kbd {
   gap: var(--spacing-sm);
 }
 
+.eidos-segmented-bar {
+  display: inline-flex;
+  align-items: stretch;
+  min-width: 0;
+  max-width: 100%;
+  position: relative;
+}
+.eidos-segmented-bar--full-width {
+  display: flex;
+  width: 100%;
+}
+
 .eidos-segmented {
   display: inline-flex;
   align-items: center;
@@ -5924,10 +6540,14 @@ kbd.eidos-cmd-kbd {
   border-radius: var(--border-radius-xl);
   padding: 3px;
   gap: 2px;
+  overflow-x: auto;
+  min-width: 0;
+  position: relative;
 }
 .eidos-segmented--full-width {
   display: flex;
   width: 100%;
+  flex: 1;
 }
 .eidos-segmented--full-width > .eidos-segmented-item {
   flex: 1;
@@ -5936,6 +6556,65 @@ kbd.eidos-cmd-kbd {
   opacity: 0.5;
   pointer-events: none;
 }
+.eidos-segmented--hide-scrollbar {
+  scrollbar-width: none;
+}
+.eidos-segmented--hide-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+
+.eidos-segmented-scroll-button {
+  background: none;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 1;
+  background: rgba(var(--white-rgb), 0.95);
+  border: 1px solid var(--gray-200);
+  border-radius: 50%;
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
+  color: var(--gray-500);
+  transition: color 0.2s ease, background-color 0.2s ease;
+}
+.eidos-segmented-scroll-button--prev {
+  left: 3px;
+}
+.eidos-segmented-scroll-button--next {
+  right: 3px;
+}
+.eidos-segmented-scroll-button:hover {
+  color: var(--gray-700);
+  background: var(--gray-100);
+}
+.eidos-segmented-scroll-button--sm {
+  width: 18px;
+  height: 18px;
+}
+.eidos-segmented-scroll-button--md {
+  width: 24px;
+  height: 24px;
+}
+.eidos-segmented-scroll-button--lg {
+  width: 32px;
+  height: 32px;
+}
+
+.eidos-segmented-bar--disabled .eidos-segmented-scroll-button {
+  opacity: 0.5;
+}
+
+.eidos-segmented-scroll-button-icon {
+  width: 1.1em;
+  height: 1.1em;
+}
 
 .eidos-segmented-item {
   display: flex;
@@ -5988,6 +6667,9 @@ kbd.eidos-cmd-kbd {
   opacity: 0.45;
   cursor: not-allowed;
 }
+.eidos-segmented-item:focus-visible {
+  outline: none;
+}
 .eidos-segmented-item--active {
   background: var(--white);
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
@@ -6011,10 +6693,52 @@ kbd.eidos-cmd-kbd {
   color: var(--info-color);
 }
 
+.eidos-segmented--primary .eidos-segmented-item:focus-visible {
+  box-shadow: inset 0 0 0 2px var(--primary-color);
+}
+.eidos-segmented--primary .eidos-segmented-item--active:focus-visible {
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 0 0 2px var(--primary-color);
+}
+
+.eidos-segmented--secondary .eidos-segmented-item:focus-visible {
+  box-shadow: inset 0 0 0 2px var(--secondary-color);
+}
+.eidos-segmented--secondary .eidos-segmented-item--active:focus-visible {
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 0 0 2px var(--secondary-color);
+}
+
+.eidos-segmented--success .eidos-segmented-item:focus-visible {
+  box-shadow: inset 0 0 0 2px var(--success-color);
+}
+.eidos-segmented--success .eidos-segmented-item--active:focus-visible {
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 0 0 2px var(--success-color);
+}
+
+.eidos-segmented--danger .eidos-segmented-item:focus-visible {
+  box-shadow: inset 0 0 0 2px var(--danger-color);
+}
+.eidos-segmented--danger .eidos-segmented-item--active:focus-visible {
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 0 0 2px var(--danger-color);
+}
+
+.eidos-segmented--warning .eidos-segmented-item:focus-visible {
+  box-shadow: inset 0 0 0 2px var(--warning-color);
+}
+.eidos-segmented--warning .eidos-segmented-item--active:focus-visible {
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 0 0 2px var(--warning-color);
+}
+
+.eidos-segmented--info .eidos-segmented-item:focus-visible {
+  box-shadow: inset 0 0 0 2px var(--info-color);
+}
+.eidos-segmented--info .eidos-segmented-item--active:focus-visible {
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), inset 0 0 0 2px var(--info-color);
+}
+
 .eidos-select-container {
   position: relative;
 }
-.eidos-select-container--fullWidth {
+.eidos-select-container--full-width {
   width: 100%;
 }
 
@@ -6031,7 +6755,7 @@ kbd.eidos-cmd-kbd {
 .eidos-select-trigger input {
   cursor: pointer;
 }
-.eidos-select-trigger--fullWidth {
+.eidos-select-trigger--full-width {
   width: 100%;
 }
 
@@ -6129,11 +6853,21 @@ kbd.eidos-cmd-kbd {
 .eidos-skeleton--pulse {
   animation: eidos-skeleton-pulse 1.5s ease-in-out infinite;
 }
+@media (prefers-reduced-motion: reduce) {
+  .eidos-skeleton--pulse {
+    animation: none;
+  }
+}
 .eidos-skeleton--wave {
   background: linear-gradient(90deg, var(--gray-200) 25%, var(--gray-100) 50%, var(--gray-200) 75%);
   background-size: 200% 100%;
   animation: eidos-skeleton-wave 1.5s ease-in-out infinite;
 }
+@media (prefers-reduced-motion: reduce) {
+  .eidos-skeleton--wave {
+    animation: none;
+  }
+}
 
 .eidos-skeleton-text-group {
   display: flex;
@@ -6433,11 +7167,21 @@ kbd.eidos-cmd-kbd {
   transform: translateX(0) scale(1);
   transition: all 0.3s ease-out;
 }
+@media (prefers-reduced-motion: reduce) {
+  .eidos-snackbar--entered {
+    transition: none;
+  }
+}
 .eidos-snackbar--exiting {
   opacity: 0;
   transform: translateX(100%) scale(0.85);
   transition: all 0.3s ease-in;
 }
+@media (prefers-reduced-motion: reduce) {
+  .eidos-snackbar--exiting {
+    transition: none;
+  }
+}
 .eidos-snackbar--exited {
   opacity: 0;
   transform: translateX(0) scale(0.85);
@@ -6538,11 +7282,6 @@ kbd.eidos-cmd-kbd {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-snackbar .eidos-snackbar-close-button:focus {
-  outline: none;
-}
-.eidos-snackbar .eidos-snackbar-close-button {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -6557,35 +7296,15 @@ kbd.eidos-cmd-kbd {
   background-color: var(--gray-100);
   color: var(--gray-700);
 }
-.eidos-snackbar .eidos-snackbar-close-button:focus:focus {
+.eidos-snackbar .eidos-snackbar-close-button:focus:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 2px rgba(var(--gray-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--gray-color);
 }
 .eidos-snackbar .eidos-snackbar-close-icon {
   width: 16px;
   height: 16px;
 }
 
-@keyframes snackbarEnter {
-  from {
-    opacity: 0;
-    transform: translateX(100%) scale(0.95);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0) scale(1);
-  }
-}
-@keyframes snackbarExit {
-  from {
-    opacity: 1;
-    transform: translateX(0) scale(1);
-  }
-  to {
-    opacity: 0;
-    transform: translateX(0) scale(0.85);
-  }
-}
 .eidos-snackbar-container {
   position: fixed;
   top: var(--spacing-lg);
@@ -7002,42 +7721,42 @@ kbd.eidos-cmd-kbd {
   color: var(--primary-contrast);
 }
 .eidos-switch-wrapper--primary .eidos-switch-input:focus-visible + .eidos-switch-track {
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-switch-wrapper--secondary .eidos-switch-track--checked {
   background: var(--secondary-color);
   color: var(--secondary-contrast);
 }
 .eidos-switch-wrapper--secondary .eidos-switch-input:focus-visible + .eidos-switch-track {
-  box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--secondary-color);
 }
 .eidos-switch-wrapper--success .eidos-switch-track--checked {
   background: var(--success-color);
   color: var(--success-contrast);
 }
 .eidos-switch-wrapper--success .eidos-switch-input:focus-visible + .eidos-switch-track {
-  box-shadow: 0 0 0 3px rgba(var(--success-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--success-color);
 }
 .eidos-switch-wrapper--danger .eidos-switch-track--checked {
   background: var(--danger-color);
   color: var(--danger-contrast);
 }
 .eidos-switch-wrapper--danger .eidos-switch-input:focus-visible + .eidos-switch-track {
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color);
 }
 .eidos-switch-wrapper--warning .eidos-switch-track--checked {
   background: var(--warning-color);
   color: var(--warning-contrast);
 }
 .eidos-switch-wrapper--warning .eidos-switch-input:focus-visible + .eidos-switch-track {
-  box-shadow: 0 0 0 3px rgba(var(--warning-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--warning-color);
 }
 .eidos-switch-wrapper--info .eidos-switch-track--checked {
   background: var(--info-color);
   color: var(--info-contrast);
 }
 .eidos-switch-wrapper--info .eidos-switch-input:focus-visible + .eidos-switch-track {
-  box-shadow: 0 0 0 3px rgba(var(--info-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--info-color);
 }
 
 .eidos-switch-label {
@@ -7508,11 +8227,6 @@ kbd.eidos-cmd-kbd {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-table-menu-item:focus {
-  outline: none;
-}
-.eidos-table-menu-item {
   display: flex;
   align-items: center;
   gap: var(--spacing-sm);
@@ -7836,6 +8550,11 @@ kbd.eidos-cmd-kbd {
 .eidos-table-filter-row {
   animation: slideIn 0.2s ease-out;
 }
+@media (prefers-reduced-motion: reduce) {
+  .eidos-table-filter-row {
+    animation: none;
+  }
+}
 
 @keyframes slideIn {
   from {
@@ -7908,11 +8627,6 @@ kbd.eidos-cmd-kbd {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-tabs-scroll-button:focus {
-  outline: none;
-}
-.eidos-tabs-scroll-button {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -7968,13 +8682,13 @@ kbd.eidos-cmd-kbd {
 .eidos-tabs-list--lg {
   height: var(--component-size-lg);
 }
-.eidos-tabs-list--fullWidth .eidos-tab {
+.eidos-tabs-list--full-width .eidos-tab {
   flex: 1;
 }
-.eidos-tabs-list--hideScrollbar {
+.eidos-tabs-list--hide-scrollbar {
   scrollbar-width: none;
 }
-.eidos-tabs-list--hideScrollbar::-webkit-scrollbar {
+.eidos-tabs-list--hide-scrollbar::-webkit-scrollbar {
   display: none;
 }
 
@@ -7985,11 +8699,6 @@ kbd.eidos-cmd-kbd {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-tab:focus {
-  outline: none;
-}
-.eidos-tab {
   display: flex;
   align-items: center;
   gap: var(--spacing-xs);
@@ -8025,7 +8734,7 @@ kbd.eidos-cmd-kbd {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.eidos-tab--fullWidth {
+.eidos-tab--full-width {
   justify-content: center;
 }
 .eidos-tab:focus-visible {
@@ -8043,7 +8752,7 @@ kbd.eidos-cmd-kbd {
   color: var(--primary-contrast);
 }
 .eidos-tabs--primary .eidos-tab:focus-visible {
-  box-shadow: inset 0 0 0 2px rgba(var(--primary-rgb), 0.5);
+  box-shadow: inset 0 0 0 2px var(--primary-color);
 }
 
 .eidos-tabs--secondary .eidos-tab--active {
@@ -8057,7 +8766,7 @@ kbd.eidos-cmd-kbd {
   color: var(--secondary-contrast);
 }
 .eidos-tabs--secondary .eidos-tab:focus-visible {
-  box-shadow: inset 0 0 0 2px rgba(var(--secondary-rgb), 0.5);
+  box-shadow: inset 0 0 0 2px var(--secondary-color);
 }
 
 .eidos-tabs--success .eidos-tab--active {
@@ -8071,7 +8780,7 @@ kbd.eidos-cmd-kbd {
   color: var(--success-contrast);
 }
 .eidos-tabs--success .eidos-tab:focus-visible {
-  box-shadow: inset 0 0 0 2px rgba(var(--success-rgb), 0.5);
+  box-shadow: inset 0 0 0 2px var(--success-color);
 }
 
 .eidos-tabs--danger .eidos-tab--active {
@@ -8085,7 +8794,7 @@ kbd.eidos-cmd-kbd {
   color: var(--danger-contrast);
 }
 .eidos-tabs--danger .eidos-tab:focus-visible {
-  box-shadow: inset 0 0 0 2px rgba(var(--danger-rgb), 0.5);
+  box-shadow: inset 0 0 0 2px var(--danger-color);
 }
 
 .eidos-tabs--warning .eidos-tab--active {
@@ -8099,7 +8808,7 @@ kbd.eidos-cmd-kbd {
   color: var(--warning-contrast);
 }
 .eidos-tabs--warning .eidos-tab:focus-visible {
-  box-shadow: inset 0 0 0 2px rgba(var(--warning-rgb), 0.5);
+  box-shadow: inset 0 0 0 2px var(--warning-color);
 }
 
 .eidos-tabs--info .eidos-tab--active {
@@ -8113,7 +8822,7 @@ kbd.eidos-cmd-kbd {
   color: var(--info-contrast);
 }
 .eidos-tabs--info .eidos-tab:focus-visible {
-  box-shadow: inset 0 0 0 2px rgba(var(--info-rgb), 0.5);
+  box-shadow: inset 0 0 0 2px var(--info-color);
 }
 
 .eidos-tabs--pills .eidos-tab--active:focus-visible {
@@ -8208,7 +8917,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-tag-input-field--focused {
   border-color: var(--primary-color);
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.15);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
   outline: none;
 }
 .eidos-tag-input-field--error {
@@ -8216,7 +8925,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-tag-input-field--error.eidos-tag-input-field--focused {
   border-color: var(--danger-color);
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.15);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color);
 }
 .eidos-tag-input-field--disabled {
   opacity: 0.5;
@@ -8233,9 +8942,6 @@ kbd.eidos-cmd-kbd {
   margin: 0;
   box-sizing: border-box;
 }
-.eidos-tag-input-input:focus {
-  outline: none;
-}
 .eidos-tag-input-input::-webkit-outer-spin-button, .eidos-tag-input-input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
@@ -8321,7 +9027,7 @@ kbd.eidos-cmd-kbd {
   gap: var(--spacing-xs);
   position: relative;
 }
-.eidos-textarea-container--fullWidth {
+.eidos-textarea-container--full-width {
   width: 100%;
 }
 
@@ -8384,7 +9090,7 @@ kbd.eidos-cmd-kbd {
 .eidos-textarea-wrapper:focus-within {
   border-color: var(--primary-color);
 }
-.eidos-textarea-wrapper--fullWidth {
+.eidos-textarea-wrapper--full-width {
   width: 100%;
 }
 .eidos-textarea-wrapper--filled {
@@ -8399,42 +9105,42 @@ kbd.eidos-cmd-kbd {
 .eidos-textarea-wrapper--filled:focus-within {
   background-color: var(--white);
   border-color: var(--primary-color);
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--filled.eidos-textarea-wrapper--secondary:hover:not(:disabled) {
   border-color: var(--secondary-color);
 }
 .eidos-textarea-wrapper--filled.eidos-textarea-wrapper--secondary:focus-within {
   border-color: var(--secondary-color);
-  box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--secondary-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--filled.eidos-textarea-wrapper--success:hover:not(:disabled) {
   border-color: var(--success-color);
 }
 .eidos-textarea-wrapper--filled.eidos-textarea-wrapper--success:focus-within {
   border-color: var(--success-color);
-  box-shadow: 0 0 0 3px rgba(var(--success-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--success-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--filled.eidos-textarea-wrapper--danger:hover:not(:disabled) {
   border-color: var(--danger-color);
 }
 .eidos-textarea-wrapper--filled.eidos-textarea-wrapper--danger:focus-within {
   border-color: var(--danger-color);
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--filled.eidos-textarea-wrapper--warning:hover:not(:disabled) {
   border-color: var(--warning-color);
 }
 .eidos-textarea-wrapper--filled.eidos-textarea-wrapper--warning:focus-within {
   border-color: var(--warning-color);
-  box-shadow: 0 0 0 3px rgba(var(--warning-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--warning-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--filled.eidos-textarea-wrapper--info:hover:not(:disabled) {
   border-color: var(--info-color);
 }
 .eidos-textarea-wrapper--filled.eidos-textarea-wrapper--info:focus-within {
   border-color: var(--info-color);
-  box-shadow: 0 0 0 3px rgba(var(--info-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--info-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--outlined {
   background-color: transparent;
@@ -8445,7 +9151,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-textarea-wrapper--outlined:focus-within {
   border-color: var(--primary-color);
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--outlined.eidos-textarea-wrapper--secondary {
   border-color: var(--secondary-color);
@@ -8455,7 +9161,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-textarea-wrapper--outlined.eidos-textarea-wrapper--secondary:focus-within {
   border-color: var(--secondary-color);
-  box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--secondary-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--outlined.eidos-textarea-wrapper--success {
   border-color: var(--success-color);
@@ -8465,7 +9171,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-textarea-wrapper--outlined.eidos-textarea-wrapper--success:focus-within {
   border-color: var(--success-color);
-  box-shadow: 0 0 0 3px rgba(var(--success-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--success-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--outlined.eidos-textarea-wrapper--danger {
   border-color: var(--danger-color);
@@ -8475,7 +9181,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-textarea-wrapper--outlined.eidos-textarea-wrapper--danger:focus-within {
   border-color: var(--danger-color);
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--outlined.eidos-textarea-wrapper--warning {
   border-color: var(--warning-color);
@@ -8485,7 +9191,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-textarea-wrapper--outlined.eidos-textarea-wrapper--warning:focus-within {
   border-color: var(--warning-color);
-  box-shadow: 0 0 0 3px rgba(var(--warning-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--warning-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--outlined.eidos-textarea-wrapper--info {
   border-color: var(--info-color);
@@ -8495,7 +9201,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-textarea-wrapper--outlined.eidos-textarea-wrapper--info:focus-within {
   border-color: var(--info-color);
-  box-shadow: 0 0 0 3px rgba(var(--info-rgb), 0.1), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--info-color), 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
 }
 .eidos-textarea-wrapper--text {
   background-color: transparent;
@@ -8569,14 +9275,14 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-textarea-wrapper--error:focus-within {
   border-color: var(--danger-color) !important;
-  box-shadow: 0 0 0 3px rgba(var(--danger-rgb), 0.1);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--danger-color);
 }
 .eidos-textarea-wrapper--loading {
   border-style: dashed;
 }
 
 .eidos-textarea {
-  flex: 1;
+  flex: 1 1 auto;
   width: 100%;
   background: none;
   border: none;
@@ -8586,9 +9292,6 @@ kbd.eidos-cmd-kbd {
   margin: 0;
   box-sizing: border-box;
 }
-.eidos-textarea:focus {
-  outline: none;
-}
 .eidos-textarea::-webkit-outer-spin-button, .eidos-textarea::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
@@ -8625,7 +9328,7 @@ kbd.eidos-cmd-kbd {
 .eidos-textarea--lg {
   font-size: var(--font-size-lg);
 }
-.eidos-textarea--fullWidth {
+.eidos-textarea--full-width {
   width: 100%;
 }
 .eidos-textarea--loading {
@@ -9015,7 +9718,7 @@ kbd.eidos-cmd-kbd {
 }
 .eidos-tree-node:focus-visible > .eidos-tree-node-row {
   border-radius: var(--border-radius-sm);
-  box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 
 .eidos-tree-node-row {
@@ -9054,11 +9757,6 @@ kbd.eidos-cmd-kbd {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-tree-toggle:focus {
-  outline: none;
-}
-.eidos-tree-toggle {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -9182,6 +9880,9 @@ kbd.eidos-cmd-kbd {
   grid-area: navigation;
   border-right: 1px solid var(--gray-200);
 }
+.eidos-pagelayout__navigation:empty {
+  border-right: none;
+}
 .eidos-pagelayout__content {
   grid-area: content;
   display: flex;
@@ -9198,42 +9899,73 @@ kbd.eidos-cmd-kbd {
   flex: 1 0 auto;
 }
 .eidos-pagelayout__footer.eidos-footer--copyright {
-  padding: var(--spacing-md) var(--spacing-xl);
+  padding-block: var(--spacing-md);
 }
 .eidos-pagelayout__header, .eidos-pagelayout__body, .eidos-pagelayout__footer {
-  padding: var(--spacing-xl) var(--spacing-xl) 0;
+  padding-block: var(--spacing-xl) 0;
 }
 @media (max-width: 1279.98px) {
   .eidos-pagelayout__header, .eidos-pagelayout__body, .eidos-pagelayout__footer {
-    padding: var(--spacing-lg) var(--spacing-lg) 0;
+    padding-block: var(--spacing-lg) 0;
   }
 }
 @media (max-width: 1023.98px) {
   .eidos-pagelayout__header, .eidos-pagelayout__body, .eidos-pagelayout__footer {
-    padding: var(--spacing-md) var(--spacing-md) 0;
+    padding-block: var(--spacing-md) 0;
   }
 }
 @media (max-width: 767.98px) {
   .eidos-pagelayout__header, .eidos-pagelayout__body, .eidos-pagelayout__footer {
-    padding: var(--spacing-sm) var(--spacing-sm) 0;
+    padding-block: var(--spacing-sm) 0;
   }
 }
 .eidos-pagelayout__body {
-  padding-bottom: var(--spacing-xl);
+  padding-block-end: var(--spacing-xl);
 }
 @media (max-width: 1279.98px) {
   .eidos-pagelayout__body {
-    padding-bottom: var(--spacing-lg);
+    padding-block-end: var(--spacing-lg);
   }
 }
 @media (max-width: 1023.98px) {
   .eidos-pagelayout__body {
-    padding-bottom: var(--spacing-md);
+    padding-block-end: var(--spacing-md);
   }
 }
 @media (max-width: 767.98px) {
   .eidos-pagelayout__body {
-    padding-bottom: var(--spacing-sm);
+    padding-block-end: var(--spacing-sm);
+  }
+}
+
+.eidos-pagelayout .eidos-pagelayout__toolbar,
+.eidos-pagelayout .eidos-pagelayout__header,
+.eidos-pagelayout .eidos-pagelayout__body,
+.eidos-pagelayout .eidos-pagelayout__footer {
+  padding-inline: 3rem;
+}
+@media (max-width: 1279.98px) {
+  .eidos-pagelayout .eidos-pagelayout__toolbar,
+  .eidos-pagelayout .eidos-pagelayout__header,
+  .eidos-pagelayout .eidos-pagelayout__body,
+  .eidos-pagelayout .eidos-pagelayout__footer {
+    padding-inline: 1.5rem;
+  }
+}
+@media (max-width: 1023.98px) {
+  .eidos-pagelayout .eidos-pagelayout__toolbar,
+  .eidos-pagelayout .eidos-pagelayout__header,
+  .eidos-pagelayout .eidos-pagelayout__body,
+  .eidos-pagelayout .eidos-pagelayout__footer {
+    padding-inline: 1rem;
+  }
+}
+@media (max-width: 767.98px) {
+  .eidos-pagelayout .eidos-pagelayout__toolbar,
+  .eidos-pagelayout .eidos-pagelayout__header,
+  .eidos-pagelayout .eidos-pagelayout__body,
+  .eidos-pagelayout .eidos-pagelayout__footer {
+    padding-inline: 0.5rem;
   }
 }
 
@@ -9281,6 +10013,7 @@ kbd.eidos-cmd-kbd {
 }
 
 .eidos-header {
+  container: eidos-header/inline-size;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
@@ -9297,6 +10030,41 @@ kbd.eidos-cmd-kbd {
   flex: 1;
   min-width: 0;
 }
+@container eidos-header (max-width: 639.98px) {
+  .eidos-header__content {
+    flex-direction: column;
+    align-items: stretch;
+  }
+}
+.eidos-header__lead {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-md);
+  flex: 1 1 auto;
+  min-width: 0;
+}
+@container eidos-header (max-width: 767.98px) {
+  .eidos-header__lead {
+    align-items: flex-start;
+    gap: var(--spacing-sm);
+  }
+}
+@container eidos-header (max-width: 479.98px) {
+  .eidos-header__lead {
+    flex-direction: column;
+    align-items: stretch;
+    gap: var(--spacing-md);
+  }
+}
+.eidos-header__media {
+  display: flex;
+  flex-shrink: 0;
+}
+@container eidos-header (max-width: 479.98px) {
+  .eidos-header__media {
+    align-self: center;
+  }
+}
 .eidos-header__titles {
   min-width: 0;
   flex: 1 1 auto;
@@ -9313,6 +10081,17 @@ kbd.eidos-cmd-kbd {
 .eidos-header__actions > * {
   flex-shrink: 0;
 }
+@container eidos-header (max-width: 639.98px) {
+  .eidos-header__actions > * {
+    flex: 1 1 auto;
+  }
+  .eidos-header__actions > .eidos-header__overflow-trigger {
+    flex: 0 0 auto;
+  }
+}
+.eidos-header__overflow-trigger {
+  display: flex;
+}
 .eidos-header__title {
   font-size: var(--font-size-2xl);
   margin-bottom: var(--spacing-xs);
@@ -9322,11 +10101,64 @@ kbd.eidos-cmd-kbd {
   align-items: center;
   gap: var(--spacing-sm);
 }
+.eidos-header--hero .eidos-header__title {
+  font-size: var(--font-size-3xl);
+}
+@container eidos-header (max-width: 767.98px) {
+  .eidos-header--hero .eidos-header__title {
+    font-size: var(--font-size-2xl);
+  }
+}
 .eidos-header__subtitle {
   font-size: var(--font-size-sm);
   color: var(--gray-500);
   overflow-wrap: break-word;
 }
+.eidos-header__meta {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-xs) var(--spacing-lg);
+  margin-top: var(--spacing-sm);
+  font-size: var(--font-size-sm);
+}
+@container eidos-header (max-width: 639.98px) {
+  .eidos-header__meta {
+    gap: var(--spacing-xs) var(--spacing-md);
+  }
+}
+.eidos-header__meta-item {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  min-width: 0;
+}
+.eidos-header__meta-icon {
+  width: var(--font-size-sm);
+  height: var(--font-size-sm);
+  color: var(--gray-400);
+  flex-shrink: 0;
+}
+.eidos-header__meta-label {
+  color: var(--gray-500);
+  font-weight: var(--font-weight-normal);
+  flex-shrink: 0;
+}
+.eidos-header__meta-value {
+  color: var(--gray-700);
+  font-weight: var(--font-weight-medium);
+  min-width: 0;
+  overflow-wrap: break-word;
+}
+.eidos-header__overflow-actions {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+}
+.eidos-header__overflow-actions > * {
+  width: 100%;
+  justify-content: flex-start;
+}
 
 .eidos-footer {
   display: flex;
@@ -9337,6 +10169,10 @@ kbd.eidos-cmd-kbd {
   color: var(--gray-500);
   font-size: var(--font-size-sm);
 }
+.eidos-footer--component > *:only-child {
+  flex: 1 1 auto;
+  min-width: 0;
+}
 
 .eidos-navigation {
   --navigation-collapse-duration: 0.18s;
@@ -9376,9 +10212,9 @@ kbd.eidos-cmd-kbd {
 .eidos-navigation__brand--clickable:hover {
   opacity: 0.85;
 }
-.eidos-navigation__brand--clickable:focus {
+.eidos-navigation__brand--clickable:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.3);
+  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--primary-color);
 }
 .eidos-navigation__brand--logo-only {
   justify-content: center;
@@ -9433,11 +10269,6 @@ kbd.eidos-cmd-kbd {
   margin: 0;
   font: inherit;
   cursor: pointer;
-}
-.eidos-navigation__item:focus {
-  outline: none;
-}
-.eidos-navigation__item {
   display: flex;
   align-items: center;
   justify-content: flex-start;