@24vlh/vds 0.3.0 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/components/flows.css +1 -2
  2. package/dist/components/hero.css +1 -1
  3. package/dist/components/inbox.css +45 -5
  4. package/dist/components/inbox.min.css +1 -1
  5. package/dist/identity.css +1 -1
  6. package/dist/vds.css +55 -8
  7. package/dist/vds.min.css +1 -1
  8. package/package.json +1 -1
package/dist/components/flows.css CHANGED
@@ -369,8 +369,7 @@
369
369
  transparent 75%,
370
370
  transparent
371
371
  );
372
- background-size: calc(var(--flow-progress-stripe-size) * 2)
373
- calc(var(--flow-progress-stripe-size) * 2);
372
+ background-size: calc(var(--flow-progress-stripe-size) * 2) calc(var(--flow-progress-stripe-size) * 2);
374
373
  animation: flow-progress-stripes var(--flow-progress-stripe-speed) linear infinite;
375
374
  }
376
375
 
package/dist/components/hero.css CHANGED
@@ -55,7 +55,7 @@
55
55
  --hero-border-color: var(--color-border-subtle);
56
56
  --hero-soft-bg: var(--color-surface-subtle);
57
57
 
58
- --hero-full-overlay: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.0));
58
+ --hero-full-overlay: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.0));
59
59
  }
60
60
 
61
61
  /* ---------------------------------------------------------
package/dist/components/inbox.css CHANGED
@@ -929,7 +929,6 @@ a.inbox-action {
929
929
  .inbox-action--flat {
930
930
  border-color: transparent;
931
931
  background: transparent;
932
- color: var(--color-text-muted);
933
932
  }
934
933
 
935
934
  .inbox-action--borderless {
@@ -943,7 +942,6 @@ a.inbox-action {
943
942
  .inbox-action--flat:hover:not(:disabled):not([aria-disabled="true"]):not(.is-disabled) {
944
943
  background: var(--color-surface-subtle);
945
944
  border-color: transparent;
946
- color: var(--color-text);
947
945
  transform: none;
948
946
  }
949
947
 
@@ -952,14 +950,12 @@ a.inbox-action {
952
950
  .inbox--actions-flat .inbox-action {
953
951
  border-color: transparent;
954
952
  background: transparent;
955
- color: var(--color-text-muted);
956
953
  transform: none;
957
954
  }
958
955
 
959
956
  .inbox--actions-flat .inbox-action:hover:not(:disabled):not([aria-disabled="true"]):not(.is-disabled) {
960
957
  background: var(--color-surface-subtle);
961
958
  border-color: transparent;
962
- color: var(--color-text);
963
959
  }
964
960
 
965
961
  .inbox-action:disabled,
@@ -1002,10 +998,12 @@ a.inbox-action.is-disabled {
1002
998
  background: var(--color-bg-soft, var(--color-surface-subtle));
1003
999
  color: var(--color-text);
1004
1000
  display: none;
1001
+ flex-direction: column;
1002
+ gap: var(--space-3);
1005
1003
  }
1006
1004
 
1007
1005
  .inbox-row--open .inbox-row__expanded {
1008
- display: block;
1006
+ display: flex;
1009
1007
  }
1010
1008
 
1011
1009
  .inbox-row--open .inbox-row__glance {
@@ -1302,6 +1300,48 @@ a.inbox-action.is-disabled {
1302
1300
  white-space: nowrap;
1303
1301
  }
1304
1302
 
1303
+ .inbox__stack {
1304
+ display: flex;
1305
+ flex-direction: column;
1306
+ gap: var(--space-3);
1307
+ }
1308
+
1309
+ .inbox__stack--tight {
1310
+ gap: var(--space-2);
1311
+ }
1312
+
1313
+ .inbox__stack--loose {
1314
+ gap: var(--space-4);
1315
+ }
1316
+
1317
+ .inbox__cluster {
1318
+ display: flex;
1319
+ flex-wrap: wrap;
1320
+ align-items: center;
1321
+ gap: var(--space-2) var(--space-3);
1322
+ }
1323
+
1324
+ .inbox__form {
1325
+ display: flex;
1326
+ flex-direction: column;
1327
+ gap: var(--space-3);
1328
+ min-width: 0;
1329
+ }
1330
+
1331
+ .inbox__form-row {
1332
+ display: flex;
1333
+ flex-wrap: wrap;
1334
+ align-items: flex-start;
1335
+ gap: var(--space-3);
1336
+ }
1337
+
1338
+ .inbox__form-actions {
1339
+ display: flex;
1340
+ flex-wrap: wrap;
1341
+ align-items: center;
1342
+ gap: var(--space-2);
1343
+ }
1344
+
1305
1345
  .inbox__sr-only {
1306
1346
  position: absolute !important;
1307
1347
  width: 1px !important;
package/dist/components/inbox.min.css CHANGED
@@ -1 +1 @@
1
- .vds-inbox,[data-vds-inbox]{--inbox-row-radius:var(--radius-lg,var(--radius-md));--inbox-row-border:var(--color-border-subtle);--inbox-row-bg:var(--color-surface);--inbox-row-bg-hover:var(--color-surface-subtle,var(--color-surface-hover));--inbox-row-shadow:none;--inbox-title-size:var(--text-sm);--inbox-desc-size:var(--text-xs);--inbox-icon-size:var(--icon-sm);--inbox-icon-muted:var(--color-icon-muted,var(--color-text-soft));--inbox-icon-strong:var(--color-icon-strong,var(--color-text));--inbox-action-gap:var(--space-2);--inbox-badge-gap:var(--space-2);--inbox-row-pad-x:var(--space-4);--inbox-row-pad-y:var(--space-4);--inbox-actions-min-width:0;--inbox-actions-justify:flex-end;width:100%}.inbox--dense{--inbox-row-pad-x:var(--space-3);--inbox-row-pad-y:var(--space-3);--inbox-title-size:var(--text-xs);--inbox-desc-size:var(--text-xxs,var(--text-xs))}.inbox-nav{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.inbox-nav__bar{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);justify-content:space-between;min-height:calc(var(--space-3)*2 + var(--space-1)*2 + var(--space-2)*2 + var(--text-sm));padding:var(--space-3) var(--space-4)}.inbox-nav__left,.inbox-nav__right{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--space-2)}.inbox-nav__bottom{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.inbox-nav__bottom-left,.inbox-nav__bottom-right{align-items:center;display:inline-flex;gap:var(--space-2)}.inbox-nav__bottom-left:empty,.inbox-nav__bottom-right:empty{display:none}.inbox-nav__bottom--left{justify-content:flex-start}.inbox-nav__bottom--center{justify-content:center}.inbox-nav__bottom--right{justify-content:flex-end}.inbox-nav__bottom--split{justify-content:space-between}.inbox-tabs{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex:1 1 auto;gap:var(--space-1);justify-content:center;min-width:0;padding:var(--space-1)}.inbox-tab,.inbox-tabs{align-items:center;display:inline-flex}.inbox-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);line-height:1;padding:var(--space-2) var(--space-3);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.inbox-tab.is-active,.inbox-tab:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled),.inbox-tab[aria-selected=true]{background:var(--color-surface);color:var(--color-text)}.inbox-tab.is-active,.inbox-tab[aria-selected=true]{border:1px solid var(--color-border-subtle)}.inbox-tab:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.inbox-tab.is-disabled,.inbox-tab:disabled,.inbox-tab[aria-disabled=true]{background:transparent;border-color:transparent;color:var(--color-text-muted);cursor:not-allowed;opacity:.6;pointer-events:none}.inbox-tab__count{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);height:1.5rem;justify-content:center;min-width:1.5rem;padding:0 var(--space-2)}.inbox-search,.inbox-tab__count{align-items:center;display:inline-flex}.inbox-search{gap:var(--space-2);min-width:0}.inbox-search__toggle{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);display:inline-flex;height:2.25rem;height:var(--icon-container-md,2.25rem);justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast);width:2.25rem;width:var(--icon-container-md,2.25rem)}.inbox-search__toggle:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled){background:var(--color-surface-subtle,var(--color-surface-hover));border-color:var(--color-border-strong,var(--color-border-subtle))}.inbox-search__toggle.is-disabled,.inbox-search__toggle:disabled,.inbox-search__toggle[aria-disabled=true]{background:var(--color-surface-subtle);border-color:var(--color-border-subtle);color:var(--color-text-muted);cursor:not-allowed;opacity:.6;pointer-events:none}.inbox-search__toggle svg{color:currentColor;height:1rem;height:var(--icon-xs,1rem);width:1rem;width:var(--icon-xs,1rem)}.inbox-search__field{align-items:center;display:inline-flex;flex:1 1 auto;gap:var(--space-2);min-width:0;opacity:0;overflow:hidden;pointer-events:none;transition:width var(--transition-normal),opacity var(--transition-fast);width:0}.inbox-search__input{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);flex:1 1 auto;font-size:var(--text-sm);line-height:var(--line-height-normal);max-width:none;min-width:10rem;padding:var(--space-2) var(--space-3);width:100%}.inbox-search.is-open .inbox-search__field,.inbox-search__toggle[aria-expanded=true]+.inbox-search__field{opacity:1;pointer-events:auto;width:100%}.inbox-nav__bar--search-full .inbox-nav__left,.inbox-nav__bar--search-full .inbox-search{flex:1 1 auto;width:100%}.inbox-nav__bar--search-full .inbox-search__field{opacity:1;pointer-events:auto;width:100%}.inbox-nav__bar--search-full .inbox-search__input{max-width:none}.inbox-nav__bar--search-full .inbox-nav__right,.inbox-nav__bar--search-full .inbox-tabs{display:none}.inbox__list{display:flex;flex-direction:column;gap:var(--space-2)}.inbox--flat .inbox__list{border-bottom:1px solid var(--color-border-subtle);border-top:1px solid var(--color-border-subtle);gap:0}.inbox--flat .inbox-row{border-left:0;border-radius:0;border-right:0;border-top:0}.inbox--flat .inbox-row+.inbox-row{border-top:1px solid var(--color-border-subtle)}.inbox-row{background:var(--inbox-row-bg);border:1px solid var(--inbox-row-border);border-radius:var(--inbox-row-radius);box-shadow:var(--inbox-row-shadow);overflow:clip;position:relative;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);width:100%}.inbox-row:hover{background:var(--inbox-row-bg-hover);border-color:var(--color-border-strong,var(--color-border-subtle))}.inbox-row:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.inbox-row__main{background:transparent;border:0;color:inherit;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;padding:0;text-align:left;width:100%}.inbox-row__inner{grid-gap:var(--space-4);align-items:start;display:grid;gap:var(--space-4);grid-column:1/-1;grid-row:1;grid-template-areas:"badges badges" "meta actions" "data data";grid-template-columns:1fr auto;padding:var(--inbox-row-pad-y) var(--inbox-row-pad-x)}.inbox-row__badges{grid-area:badges}.inbox-row__meta{grid-area:meta}.inbox-row__actions{grid-area:actions}.inbox-row__data{display:flex;flex-direction:column;gap:var(--space-2);grid-area:data;min-width:0}@media (max-width:768px){.inbox-row__inner{grid-template-areas:"badges" "meta" "data" "actions";grid-template-columns:1fr}.inbox-row__actions{justify-content:flex-end;min-width:0;padding-top:0}}.inbox-row__labels{justify-content:flex-start;margin-left:0;text-align:left}.inbox-row__title{min-width:0}.inbox-row--minimal .inbox-row__inner{gap:var(--space-3);padding:var(--space-3) var(--space-3)}.inbox-row--minimal{--inbox-title-size:var(--text-xs);--inbox-desc-size:var(--text-xxs,var(--text-xs))}.inbox-row--normal .inbox-row__inner{gap:var(--space-4);padding:var(--space-4) var(--space-4)}.inbox-row--rich .inbox-row__inner{gap:var(--space-5);padding:var(--space-5) var(--space-5)}.inbox-row--rich{--inbox-title-size:var(--text-md,var(--text-sm));--inbox-desc-size:var(--text-sm)}.inbox-row--mega .inbox-row__inner{gap:var(--space-6);padding:var(--space-6) var(--space-6)}.inbox-row--mega{--inbox-title-size:var(--text-lg,var(--text-md,var(--text-sm)));--inbox-desc-size:var(--text-sm)}.inbox-row__badges{align-items:center;display:flex;flex-wrap:wrap;gap:var(--inbox-badge-gap);grid-column:1/-1;margin-bottom:var(--space-3)}.inbox-badge{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text);display:inline-flex;font-size:var(--text-xxs);font-weight:var(--font-weight-semibold);gap:var(--space-1_5);letter-spacing:.02em;line-height:1.1;padding:var(--space-1) var(--space-2_5);white-space:nowrap}.inbox-badge svg{color:currentColor;height:var(--icon-xxs);width:var(--icon-xxs)}.inbox-badge--accent{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.inbox-badge--info{background:var(--semantic-info-bg,var(--color-info-soft));border-color:var(--semantic-info-border,var(--color-info));color:var(--semantic-info-text,var(--color-text))}.inbox-badge--success{background:var(--semantic-success-bg,var(--color-success-soft));border-color:var(--semantic-success-border,var(--color-success));color:var(--semantic-success-text,var(--color-text))}.inbox-badge--warning{background:var(--semantic-warning-bg,var(--color-warning-soft));border-color:var(--semantic-warning-border,var(--color-warning));color:var(--semantic-warning-text,var(--color-text))}.inbox-badge--danger{background:var(--semantic-danger-bg,var(--color-danger-soft));border-color:var(--semantic-danger-border,var(--color-danger));color:var(--semantic-danger-text,var(--color-text))}.inbox-row__meta{flex-direction:column}.inbox-row__meta,.inbox-row__titleline{display:flex;gap:var(--space-2);min-width:0}.inbox-row__titleline{align-items:center}.inbox-row__status{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--space-1_5)}.inbox-row__status-icon{align-items:center;color:var(--inbox-icon-muted);display:inline-flex;height:var(--inbox-icon-size);justify-content:center;width:var(--inbox-icon-size)}.inbox-row__status-icon svg{height:100%;width:100%}.inbox-row.is-bookmarked .inbox-row__status-icon--bookmark,.inbox-row.is-starred .inbox-row__status-icon--star{color:var(--color-accent)}.inbox-row.is-flagged .inbox-row__status-icon--flag{color:var(--color-danger-strong,var(--color-danger))}.inbox-row__title{color:var(--color-text);flex:1 1 auto;font-size:var(--inbox-title-size);font-weight:var(--font-weight-semibold);letter-spacing:0;letter-spacing:var(--letter-tight,0);line-height:var(--line-height-snug);max-width:100%;min-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-row__labels{flex:0 0 auto;gap:var(--space-1_5);min-width:0}.inbox-label,.inbox-row__labels{align-items:center;display:inline-flex}.inbox-label{background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-xxs);font-weight:var(--font-weight-semibold);height:1.4rem;padding:0 var(--space-2);white-space:nowrap}.inbox-label--accent{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.inbox-label--muted{background:var(--color-surface-subtle);border-color:var(--color-border-subtle);color:var(--color-text-muted)}.inbox-row__glance{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--color-text-muted);display:-webkit-box;font-size:var(--inbox-desc-size);line-height:var(--line-height-relaxed);min-width:0;overflow:hidden}.inbox-row--rich .inbox-row__glance{-webkit-line-clamp:3}.inbox-row--mega .inbox-row__glance{-webkit-line-clamp:4}.inbox-row__metafoot{align-items:center;color:var(--color-text-soft,var(--color-text-muted));display:flex;flex-wrap:wrap;font-size:var(--text-xxs,var(--text-xs));gap:var(--space-2) var(--space-4)}.inbox-row__metafoot strong{color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.inbox-row__details{color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--space-2) var(--space-3)}.inbox-row__details-item{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);display:inline-flex;gap:var(--space-1_5);line-height:1.1;padding:var(--space-1) var(--space-2)}.inbox-row__details-item svg{color:currentColor;height:var(--icon-xxs);width:var(--icon-xxs)}.inbox-row__actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--inbox-action-gap);justify-content:var(--inbox-actions-justify);min-width:var(--inbox-actions-min-width);padding-top:var(--space-0_5)}.inbox-row--actions-below .inbox-row__inner{grid-template-areas:"badges" "meta" "data" "actions";grid-template-columns:1fr}.inbox-row--actions-below .inbox-row__actions{justify-content:flex-start;padding-top:0}.inbox-row--actions-full .inbox-row__actions{grid-column:1/-1;justify-content:flex-start;padding-top:0}.inbox-row__actions--left{justify-content:flex-start}.inbox-row__actions--center{justify-content:center}.inbox-row__actions--right{justify-content:flex-end}.inbox-action{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1_5);justify-content:center;padding:var(--space-1_5) var(--space-2_5);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}a.inbox-action{-webkit-text-decoration:none;text-decoration:none}.inbox-action svg{color:currentColor;height:var(--icon-xxs);width:var(--icon-xxs)}.inbox-action:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled){background:var(--color-surface-subtle,var(--color-surface-hover));border-color:var(--color-border-strong,var(--color-border-subtle));transform:translateY(-1px)}.inbox-action:active:not(:disabled):not([aria-disabled=true]):not(.is-disabled){transform:translateY(0)}.inbox-action--danger{border-color:var(--color-danger,var(--color-border-strong));color:var(--color-danger-strong,var(--color-danger))}.inbox-action--accent{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.inbox-action--icon{height:2.25rem;height:var(--icon-container-md,2.25rem);padding:0;width:2.25rem;width:var(--icon-container-md,2.25rem)}.inbox-action--flat{background:transparent;color:var(--color-text-muted)}.inbox-action--borderless,.inbox-action--borderless:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled),.inbox-action--flat{border-color:transparent}.inbox-action--flat:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled){background:var(--color-surface-subtle);border-color:transparent;color:var(--color-text);transform:none}.inbox--actions-flat .inbox-action{background:transparent;border-color:transparent;color:var(--color-text-muted);transform:none}.inbox--actions-flat .inbox-action:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled){background:var(--color-surface-subtle);border-color:transparent;color:var(--color-text)}.inbox-action.is-disabled,.inbox-action:disabled,.inbox-action[aria-disabled=true]{background:var(--color-surface-subtle);border-color:var(--color-border-subtle);color:var(--color-text-muted);cursor:not-allowed;opacity:.6;transform:none}.inbox-action--borderless.is-disabled,.inbox-action--borderless:disabled,.inbox-action--borderless[aria-disabled=true],.inbox-action--flat.is-disabled,.inbox-action--flat:disabled,.inbox-action--flat[aria-disabled=true]{background:transparent;border-color:transparent}a.inbox-action.is-disabled,a.inbox-action[aria-disabled=true]{pointer-events:none;-webkit-text-decoration:none;text-decoration:none}.inbox-row__expanded{background:var(--color-bg-soft,var(--color-surface-subtle));border-top:1px solid var(--color-border-subtle);color:var(--color-text);display:none;grid-column:1/-1;grid-row:2;padding:var(--space-4)}.inbox-row--open .inbox-row__expanded{display:block}.inbox-row--glance-open .inbox-row__glance,.inbox-row--open .inbox-row__glance{-webkit-line-clamp:none;overflow:visible}.inbox--flat .inbox-row__expanded{background:var(--color-surface-subtle)}.inbox-row__expanded.is-hidden{display:none!important}.inbox-row__expanded.is-visible{display:block!important}.inbox-row.is-flagged:before{background:var(--inbox-flag-color,var(--color-danger));bottom:0;content:"";left:0;position:absolute;right:auto;top:0;width:6px}.inbox-row--flag-1{--inbox-flag-color:var(--color-danger);--inbox-flag-surface:var(--semantic-danger-bg,var(--color-danger-soft))}.icon-flag--1{color:var(--color-danger)}.inbox-row--flag-2{--inbox-flag-color:var(--color-warning);--inbox-flag-surface:var(--semantic-warning-bg,var(--color-warning-soft))}.icon-flag--2{color:var(--color-warning)}.inbox-row--flag-3{--inbox-flag-color:var(--color-info);--inbox-flag-surface:var(--semantic-info-bg,var(--color-info-soft))}.icon-flag--3{color:var(--color-info)}.inbox-row--flag-4{--inbox-flag-color:var(--color-success);--inbox-flag-surface:var(--semantic-success-bg,var(--color-success-soft))}.icon-flag--4{color:var(--color-success)}.inbox-row--flag-5{--inbox-flag-color:var(--color-accent);--inbox-flag-surface:var(--color-accent-soft)}.icon-flag--5{color:var(--color-accent)}.inbox-filter{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4)}.inbox-filter__group{align-items:center;display:inline-flex;gap:var(--space-2);min-width:0}.inbox-filter__label{color:var(--color-text-muted)}.inbox-filter__chip,.inbox-filter__label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.inbox-filter__chip{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text);display:inline-flex;gap:var(--space-1_5);line-height:1.1;padding:var(--space-1_5) var(--space-2_5)}.inbox-filter__chip--active{background:var(--color-accent-soft);border-color:var(--color-accent)}.inbox-filter__actions{margin-left:auto}.inbox-cornerbar,.inbox-filter__actions{align-items:center;display:inline-flex;gap:var(--space-2)}.inbox-cornerbar{bottom:var(--space-6);left:auto;pointer-events:none;position:fixed;right:var(--space-6);top:auto;z-index:40}.inbox-cornerbar--left{bottom:var(--space-6);left:var(--space-6);right:auto;top:auto}.inbox-cornerbar__inner{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl,var(--radius-lg));box-shadow:none;box-shadow:var(--shadow-md,none);display:inline-flex;gap:var(--space-2);padding:var(--space-2);pointer-events:auto}@media (max-width:768px){.inbox-row__inner{gap:var(--space-3);grid-template-columns:1fr}.inbox-row__actions{justify-content:flex-start;padding-top:0}.inbox-row__titleline{flex-wrap:wrap;row-gap:var(--space-1_5)}.inbox-row__title{flex-basis:100%;overflow:visible;text-overflow:clip;white-space:normal}.inbox-row__labels{flex-basis:100%;justify-content:flex-start}.inbox-nav__bar{flex-wrap:wrap;gap:var(--space-3);justify-content:center}.inbox-tabs{justify-content:center;order:1;width:100%}.inbox-nav__left{order:0}.inbox-nav__right{order:2}.inbox-nav__bottom{align-items:stretch;flex-direction:column}.inbox-nav__bottom-left,.inbox-nav__bottom-right{justify-content:flex-start}.inbox-search.is-open .inbox-search__field,.inbox-search__toggle[aria-expanded=true]+.inbox-search__field{width:100%}.inbox__hide-sm{display:none!important}}@media (min-width:769px){.inbox__show-sm{display:none!important}}@media (max-width:1024px){.inbox__hide-md{display:none!important}}@media (min-width:1025px){.inbox__show-md{display:none!important}}.inbox__truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox__sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}
1
+ .vds-inbox,[data-vds-inbox]{--inbox-row-radius:var(--radius-lg,var(--radius-md));--inbox-row-border:var(--color-border-subtle);--inbox-row-bg:var(--color-surface);--inbox-row-bg-hover:var(--color-surface-subtle,var(--color-surface-hover));--inbox-row-shadow:none;--inbox-title-size:var(--text-sm);--inbox-desc-size:var(--text-xs);--inbox-icon-size:var(--icon-sm);--inbox-icon-muted:var(--color-icon-muted,var(--color-text-soft));--inbox-icon-strong:var(--color-icon-strong,var(--color-text));--inbox-action-gap:var(--space-2);--inbox-badge-gap:var(--space-2);--inbox-row-pad-x:var(--space-4);--inbox-row-pad-y:var(--space-4);--inbox-actions-min-width:0;--inbox-actions-justify:flex-end;width:100%}.inbox--dense{--inbox-row-pad-x:var(--space-3);--inbox-row-pad-y:var(--space-3);--inbox-title-size:var(--text-xs);--inbox-desc-size:var(--text-xxs,var(--text-xs))}.inbox-nav{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.inbox-nav__bar{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);justify-content:space-between;min-height:calc(var(--space-3)*2 + var(--space-1)*2 + var(--space-2)*2 + var(--text-sm));padding:var(--space-3) var(--space-4)}.inbox-nav__left,.inbox-nav__right{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--space-2)}.inbox-nav__bottom{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.inbox-nav__bottom-left,.inbox-nav__bottom-right{align-items:center;display:inline-flex;gap:var(--space-2)}.inbox-nav__bottom-left:empty,.inbox-nav__bottom-right:empty{display:none}.inbox-nav__bottom--left{justify-content:flex-start}.inbox-nav__bottom--center{justify-content:center}.inbox-nav__bottom--right{justify-content:flex-end}.inbox-nav__bottom--split{justify-content:space-between}.inbox-tabs{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex:1 1 auto;gap:var(--space-1);justify-content:center;min-width:0;padding:var(--space-1)}.inbox-tab,.inbox-tabs{align-items:center;display:inline-flex}.inbox-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);line-height:1;padding:var(--space-2) var(--space-3);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.inbox-tab.is-active,.inbox-tab:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled),.inbox-tab[aria-selected=true]{background:var(--color-surface);color:var(--color-text)}.inbox-tab.is-active,.inbox-tab[aria-selected=true]{border:1px solid var(--color-border-subtle)}.inbox-tab:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.inbox-tab.is-disabled,.inbox-tab:disabled,.inbox-tab[aria-disabled=true]{background:transparent;border-color:transparent;color:var(--color-text-muted);cursor:not-allowed;opacity:.6;pointer-events:none}.inbox-tab__count{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);height:1.5rem;justify-content:center;min-width:1.5rem;padding:0 var(--space-2)}.inbox-search,.inbox-tab__count{align-items:center;display:inline-flex}.inbox-search{gap:var(--space-2);min-width:0}.inbox-search__toggle{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);display:inline-flex;height:2.25rem;height:var(--icon-container-md,2.25rem);justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast);width:2.25rem;width:var(--icon-container-md,2.25rem)}.inbox-search__toggle:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled){background:var(--color-surface-subtle,var(--color-surface-hover));border-color:var(--color-border-strong,var(--color-border-subtle))}.inbox-search__toggle.is-disabled,.inbox-search__toggle:disabled,.inbox-search__toggle[aria-disabled=true]{background:var(--color-surface-subtle);border-color:var(--color-border-subtle);color:var(--color-text-muted);cursor:not-allowed;opacity:.6;pointer-events:none}.inbox-search__toggle svg{color:currentColor;height:1rem;height:var(--icon-xs,1rem);width:1rem;width:var(--icon-xs,1rem)}.inbox-search__field{align-items:center;display:inline-flex;flex:1 1 auto;gap:var(--space-2);min-width:0;opacity:0;overflow:hidden;pointer-events:none;transition:width var(--transition-normal),opacity var(--transition-fast);width:0}.inbox-search__input{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);flex:1 1 auto;font-size:var(--text-sm);line-height:var(--line-height-normal);max-width:none;min-width:10rem;padding:var(--space-2) var(--space-3);width:100%}.inbox-search.is-open .inbox-search__field,.inbox-search__toggle[aria-expanded=true]+.inbox-search__field{opacity:1;pointer-events:auto;width:100%}.inbox-nav__bar--search-full .inbox-nav__left,.inbox-nav__bar--search-full .inbox-search{flex:1 1 auto;width:100%}.inbox-nav__bar--search-full .inbox-search__field{opacity:1;pointer-events:auto;width:100%}.inbox-nav__bar--search-full .inbox-search__input{max-width:none}.inbox-nav__bar--search-full .inbox-nav__right,.inbox-nav__bar--search-full .inbox-tabs{display:none}.inbox__list{display:flex;flex-direction:column;gap:var(--space-2)}.inbox--flat .inbox__list{border-bottom:1px solid var(--color-border-subtle);border-top:1px solid var(--color-border-subtle);gap:0}.inbox--flat .inbox-row{border-left:0;border-radius:0;border-right:0;border-top:0}.inbox--flat .inbox-row+.inbox-row{border-top:1px solid var(--color-border-subtle)}.inbox-row{background:var(--inbox-row-bg);border:1px solid var(--inbox-row-border);border-radius:var(--inbox-row-radius);box-shadow:var(--inbox-row-shadow);overflow:clip;position:relative;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);width:100%}.inbox-row:hover{background:var(--inbox-row-bg-hover);border-color:var(--color-border-strong,var(--color-border-subtle))}.inbox-row:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.inbox-row__main{background:transparent;border:0;color:inherit;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;padding:0;text-align:left;width:100%}.inbox-row__inner{grid-gap:var(--space-4);align-items:start;display:grid;gap:var(--space-4);grid-column:1/-1;grid-row:1;grid-template-areas:"badges badges" "meta actions" "data data";grid-template-columns:1fr auto;padding:var(--inbox-row-pad-y) var(--inbox-row-pad-x)}.inbox-row__badges{grid-area:badges}.inbox-row__meta{grid-area:meta}.inbox-row__actions{grid-area:actions}.inbox-row__data{display:flex;flex-direction:column;gap:var(--space-2);grid-area:data;min-width:0}@media (max-width:768px){.inbox-row__inner{grid-template-areas:"badges" "meta" "data" "actions";grid-template-columns:1fr}.inbox-row__actions{justify-content:flex-end;min-width:0;padding-top:0}}.inbox-row__labels{justify-content:flex-start;margin-left:0;text-align:left}.inbox-row__title{min-width:0}.inbox-row--minimal .inbox-row__inner{gap:var(--space-3);padding:var(--space-3) var(--space-3)}.inbox-row--minimal{--inbox-title-size:var(--text-xs);--inbox-desc-size:var(--text-xxs,var(--text-xs))}.inbox-row--normal .inbox-row__inner{gap:var(--space-4);padding:var(--space-4) var(--space-4)}.inbox-row--rich .inbox-row__inner{gap:var(--space-5);padding:var(--space-5) var(--space-5)}.inbox-row--rich{--inbox-title-size:var(--text-md,var(--text-sm));--inbox-desc-size:var(--text-sm)}.inbox-row--mega .inbox-row__inner{gap:var(--space-6);padding:var(--space-6) var(--space-6)}.inbox-row--mega{--inbox-title-size:var(--text-lg,var(--text-md,var(--text-sm)));--inbox-desc-size:var(--text-sm)}.inbox-row__badges{align-items:center;display:flex;flex-wrap:wrap;gap:var(--inbox-badge-gap);grid-column:1/-1;margin-bottom:var(--space-3)}.inbox-badge{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text);display:inline-flex;font-size:var(--text-xxs);font-weight:var(--font-weight-semibold);gap:var(--space-1_5);letter-spacing:.02em;line-height:1.1;padding:var(--space-1) var(--space-2_5);white-space:nowrap}.inbox-badge svg{color:currentColor;height:var(--icon-xxs);width:var(--icon-xxs)}.inbox-badge--accent{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.inbox-badge--info{background:var(--semantic-info-bg,var(--color-info-soft));border-color:var(--semantic-info-border,var(--color-info));color:var(--semantic-info-text,var(--color-text))}.inbox-badge--success{background:var(--semantic-success-bg,var(--color-success-soft));border-color:var(--semantic-success-border,var(--color-success));color:var(--semantic-success-text,var(--color-text))}.inbox-badge--warning{background:var(--semantic-warning-bg,var(--color-warning-soft));border-color:var(--semantic-warning-border,var(--color-warning));color:var(--semantic-warning-text,var(--color-text))}.inbox-badge--danger{background:var(--semantic-danger-bg,var(--color-danger-soft));border-color:var(--semantic-danger-border,var(--color-danger));color:var(--semantic-danger-text,var(--color-text))}.inbox-row__meta{flex-direction:column}.inbox-row__meta,.inbox-row__titleline{display:flex;gap:var(--space-2);min-width:0}.inbox-row__titleline{align-items:center}.inbox-row__status{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--space-1_5)}.inbox-row__status-icon{align-items:center;color:var(--inbox-icon-muted);display:inline-flex;height:var(--inbox-icon-size);justify-content:center;width:var(--inbox-icon-size)}.inbox-row__status-icon svg{height:100%;width:100%}.inbox-row.is-bookmarked .inbox-row__status-icon--bookmark,.inbox-row.is-starred .inbox-row__status-icon--star{color:var(--color-accent)}.inbox-row.is-flagged .inbox-row__status-icon--flag{color:var(--color-danger-strong,var(--color-danger))}.inbox-row__title{color:var(--color-text);flex:1 1 auto;font-size:var(--inbox-title-size);font-weight:var(--font-weight-semibold);letter-spacing:0;letter-spacing:var(--letter-tight,0);line-height:var(--line-height-snug);max-width:100%;min-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-row__labels{flex:0 0 auto;gap:var(--space-1_5);min-width:0}.inbox-label,.inbox-row__labels{align-items:center;display:inline-flex}.inbox-label{background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-xxs);font-weight:var(--font-weight-semibold);height:1.4rem;padding:0 var(--space-2);white-space:nowrap}.inbox-label--accent{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.inbox-label--muted{background:var(--color-surface-subtle);border-color:var(--color-border-subtle);color:var(--color-text-muted)}.inbox-row__glance{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--color-text-muted);display:-webkit-box;font-size:var(--inbox-desc-size);line-height:var(--line-height-relaxed);min-width:0;overflow:hidden}.inbox-row--rich .inbox-row__glance{-webkit-line-clamp:3}.inbox-row--mega .inbox-row__glance{-webkit-line-clamp:4}.inbox-row__metafoot{align-items:center;color:var(--color-text-soft,var(--color-text-muted));display:flex;flex-wrap:wrap;font-size:var(--text-xxs,var(--text-xs));gap:var(--space-2) var(--space-4)}.inbox-row__metafoot strong{color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.inbox-row__details{color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--space-2) var(--space-3)}.inbox-row__details-item{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);display:inline-flex;gap:var(--space-1_5);line-height:1.1;padding:var(--space-1) var(--space-2)}.inbox-row__details-item svg{color:currentColor;height:var(--icon-xxs);width:var(--icon-xxs)}.inbox-row__actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--inbox-action-gap);justify-content:var(--inbox-actions-justify);min-width:var(--inbox-actions-min-width);padding-top:var(--space-0_5)}.inbox-row--actions-below .inbox-row__inner{grid-template-areas:"badges" "meta" "data" "actions";grid-template-columns:1fr}.inbox-row--actions-below .inbox-row__actions{justify-content:flex-start;padding-top:0}.inbox-row--actions-full .inbox-row__actions{grid-column:1/-1;justify-content:flex-start;padding-top:0}.inbox-row__actions--left{justify-content:flex-start}.inbox-row__actions--center{justify-content:center}.inbox-row__actions--right{justify-content:flex-end}.inbox-action{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1_5);justify-content:center;padding:var(--space-1_5) var(--space-2_5);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}a.inbox-action{-webkit-text-decoration:none;text-decoration:none}.inbox-action svg{color:currentColor;height:var(--icon-xxs);width:var(--icon-xxs)}.inbox-action:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled){background:var(--color-surface-subtle,var(--color-surface-hover));border-color:var(--color-border-strong,var(--color-border-subtle));transform:translateY(-1px)}.inbox-action:active:not(:disabled):not([aria-disabled=true]):not(.is-disabled){transform:translateY(0)}.inbox-action--danger{border-color:var(--color-danger,var(--color-border-strong));color:var(--color-danger-strong,var(--color-danger))}.inbox-action--accent{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.inbox-action--icon{height:2.25rem;height:var(--icon-container-md,2.25rem);padding:0;width:2.25rem;width:var(--icon-container-md,2.25rem)}.inbox-action--flat{background:transparent}.inbox-action--borderless,.inbox-action--borderless:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled),.inbox-action--flat{border-color:transparent}.inbox-action--flat:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled){background:var(--color-surface-subtle);border-color:transparent;transform:none}.inbox--actions-flat .inbox-action{background:transparent;border-color:transparent;transform:none}.inbox--actions-flat .inbox-action:hover:not(:disabled):not([aria-disabled=true]):not(.is-disabled){background:var(--color-surface-subtle);border-color:transparent}.inbox-action.is-disabled,.inbox-action:disabled,.inbox-action[aria-disabled=true]{background:var(--color-surface-subtle);border-color:var(--color-border-subtle);color:var(--color-text-muted);cursor:not-allowed;opacity:.6;transform:none}.inbox-action--borderless.is-disabled,.inbox-action--borderless:disabled,.inbox-action--borderless[aria-disabled=true],.inbox-action--flat.is-disabled,.inbox-action--flat:disabled,.inbox-action--flat[aria-disabled=true]{background:transparent;border-color:transparent}a.inbox-action.is-disabled,a.inbox-action[aria-disabled=true]{pointer-events:none;-webkit-text-decoration:none;text-decoration:none}.inbox-row__expanded{background:var(--color-bg-soft,var(--color-surface-subtle));border-top:1px solid var(--color-border-subtle);color:var(--color-text);display:none;flex-direction:column;gap:var(--space-3);grid-column:1/-1;grid-row:2;padding:var(--space-4)}.inbox-row--open .inbox-row__expanded{display:flex}.inbox-row--glance-open .inbox-row__glance,.inbox-row--open .inbox-row__glance{-webkit-line-clamp:none;overflow:visible}.inbox--flat .inbox-row__expanded{background:var(--color-surface-subtle)}.inbox-row__expanded.is-hidden{display:none!important}.inbox-row__expanded.is-visible{display:block!important}.inbox-row.is-flagged:before{background:var(--inbox-flag-color,var(--color-danger));bottom:0;content:"";left:0;position:absolute;right:auto;top:0;width:6px}.inbox-row--flag-1{--inbox-flag-color:var(--color-danger);--inbox-flag-surface:var(--semantic-danger-bg,var(--color-danger-soft))}.icon-flag--1{color:var(--color-danger)}.inbox-row--flag-2{--inbox-flag-color:var(--color-warning);--inbox-flag-surface:var(--semantic-warning-bg,var(--color-warning-soft))}.icon-flag--2{color:var(--color-warning)}.inbox-row--flag-3{--inbox-flag-color:var(--color-info);--inbox-flag-surface:var(--semantic-info-bg,var(--color-info-soft))}.icon-flag--3{color:var(--color-info)}.inbox-row--flag-4{--inbox-flag-color:var(--color-success);--inbox-flag-surface:var(--semantic-success-bg,var(--color-success-soft))}.icon-flag--4{color:var(--color-success)}.inbox-row--flag-5{--inbox-flag-color:var(--color-accent);--inbox-flag-surface:var(--color-accent-soft)}.icon-flag--5{color:var(--color-accent)}.inbox-filter{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4)}.inbox-filter__group{align-items:center;display:inline-flex;gap:var(--space-2);min-width:0}.inbox-filter__label{color:var(--color-text-muted)}.inbox-filter__chip,.inbox-filter__label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.inbox-filter__chip{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text);display:inline-flex;gap:var(--space-1_5);line-height:1.1;padding:var(--space-1_5) var(--space-2_5)}.inbox-filter__chip--active{background:var(--color-accent-soft);border-color:var(--color-accent)}.inbox-filter__actions{margin-left:auto}.inbox-cornerbar,.inbox-filter__actions{align-items:center;display:inline-flex;gap:var(--space-2)}.inbox-cornerbar{bottom:var(--space-6);left:auto;pointer-events:none;position:fixed;right:var(--space-6);top:auto;z-index:40}.inbox-cornerbar--left{bottom:var(--space-6);left:var(--space-6);right:auto;top:auto}.inbox-cornerbar__inner{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl,var(--radius-lg));box-shadow:none;box-shadow:var(--shadow-md,none);display:inline-flex;gap:var(--space-2);padding:var(--space-2);pointer-events:auto}@media (max-width:768px){.inbox-row__inner{gap:var(--space-3);grid-template-columns:1fr}.inbox-row__actions{justify-content:flex-start;padding-top:0}.inbox-row__titleline{flex-wrap:wrap;row-gap:var(--space-1_5)}.inbox-row__title{flex-basis:100%;overflow:visible;text-overflow:clip;white-space:normal}.inbox-row__labels{flex-basis:100%;justify-content:flex-start}.inbox-nav__bar{flex-wrap:wrap;gap:var(--space-3);justify-content:center}.inbox-tabs{justify-content:center;order:1;width:100%}.inbox-nav__left{order:0}.inbox-nav__right{order:2}.inbox-nav__bottom{align-items:stretch;flex-direction:column}.inbox-nav__bottom-left,.inbox-nav__bottom-right{justify-content:flex-start}.inbox-search.is-open .inbox-search__field,.inbox-search__toggle[aria-expanded=true]+.inbox-search__field{width:100%}.inbox__hide-sm{display:none!important}}@media (min-width:769px){.inbox__show-sm{display:none!important}}@media (max-width:1024px){.inbox__hide-md{display:none!important}}@media (min-width:1025px){.inbox__show-md{display:none!important}}.inbox__truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox__stack{display:flex;flex-direction:column;gap:var(--space-3)}.inbox__stack--tight{gap:var(--space-2)}.inbox__stack--loose{gap:var(--space-4)}.inbox__cluster{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.inbox__form{flex-direction:column;min-width:0}.inbox__form,.inbox__form-row{display:flex;gap:var(--space-3)}.inbox__form-row{align-items:flex-start;flex-wrap:wrap}.inbox__form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.inbox__sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}
package/dist/identity.css CHANGED
@@ -355,7 +355,7 @@
355
355
  .ke-text-secondary {
356
356
  fill: currentColor;
357
357
  font-family: var(--font-family-sans), ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif,
358
- "Segoe UI", Roboto, Arial, sans-serif;
358
+ "Segoe UI", Roboto, Arial, sans-serif;
359
359
  }
360
360
 
361
361
  .ke-text-primary {
package/dist/vds.css CHANGED
@@ -8695,8 +8695,7 @@ a.button:hover {
8695
8695
  transparent 75%,
8696
8696
  transparent
8697
8697
  );
8698
- background-size: calc(var(--flow-progress-stripe-size) * 2)
8699
- calc(var(--flow-progress-stripe-size) * 2);
8698
+ background-size: calc(var(--flow-progress-stripe-size) * 2) calc(var(--flow-progress-stripe-size) * 2);
8700
8699
  animation: flow-progress-stripes var(--flow-progress-stripe-speed) linear infinite;
8701
8700
  }
8702
8701
 
@@ -13378,7 +13377,7 @@ select.form-control:not([multiple]):not([size]) {
13378
13377
  --hero-border-color: var(--color-border-subtle);
13379
13378
  --hero-soft-bg: var(--color-surface-subtle);
13380
13379
 
13381
- --hero-full-overlay: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.0));
13380
+ --hero-full-overlay: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.0));
13382
13381
  }
13383
13382
 
13384
13383
  /* ---------------------------------------------------------
@@ -16394,7 +16393,6 @@ a.inbox-action {
16394
16393
  .inbox-action--flat {
16395
16394
  border-color: transparent;
16396
16395
  background: transparent;
16397
- color: var(--color-text-muted);
16398
16396
  }
16399
16397
 
16400
16398
  .inbox-action--borderless {
@@ -16408,7 +16406,6 @@ a.inbox-action {
16408
16406
  .inbox-action--flat:hover:not(:disabled):not([aria-disabled="true"]):not(.is-disabled) {
16409
16407
  background: var(--color-surface-subtle);
16410
16408
  border-color: transparent;
16411
- color: var(--color-text);
16412
16409
  transform: none;
16413
16410
  }
16414
16411
 
@@ -16417,14 +16414,12 @@ a.inbox-action {
16417
16414
  .inbox--actions-flat .inbox-action {
16418
16415
  border-color: transparent;
16419
16416
  background: transparent;
16420
- color: var(--color-text-muted);
16421
16417
  transform: none;
16422
16418
  }
16423
16419
 
16424
16420
  .inbox--actions-flat .inbox-action:hover:not(:disabled):not([aria-disabled="true"]):not(.is-disabled) {
16425
16421
  background: var(--color-surface-subtle);
16426
16422
  border-color: transparent;
16427
- color: var(--color-text);
16428
16423
  }
16429
16424
 
16430
16425
  .inbox-action:disabled,
@@ -16468,10 +16463,13 @@ a.inbox-action.is-disabled {
16468
16463
  background: var(--color-bg-soft, var(--color-surface-subtle));
16469
16464
  color: var(--color-text);
16470
16465
  display: none;
16466
+ flex-direction: column;
16467
+ gap: 0.75rem;
16468
+ gap: var(--space-3);
16471
16469
  }
16472
16470
 
16473
16471
  .inbox-row--open .inbox-row__expanded {
16474
- display: block;
16472
+ display: flex;
16475
16473
  }
16476
16474
 
16477
16475
  .inbox-row--open .inbox-row__glance {
@@ -16795,6 +16793,55 @@ a.inbox-action.is-disabled {
16795
16793
  white-space: nowrap;
16796
16794
  }
16797
16795
 
16796
+ .inbox__stack {
16797
+ display: flex;
16798
+ flex-direction: column;
16799
+ gap: 0.75rem;
16800
+ gap: var(--space-3);
16801
+ }
16802
+
16803
+ .inbox__stack--tight {
16804
+ gap: 0.5rem;
16805
+ gap: var(--space-2);
16806
+ }
16807
+
16808
+ .inbox__stack--loose {
16809
+ gap: 1rem;
16810
+ gap: var(--space-4);
16811
+ }
16812
+
16813
+ .inbox__cluster {
16814
+ display: flex;
16815
+ flex-wrap: wrap;
16816
+ align-items: center;
16817
+ gap: 0.5rem 0.75rem;
16818
+ gap: var(--space-2) var(--space-3);
16819
+ }
16820
+
16821
+ .inbox__form {
16822
+ display: flex;
16823
+ flex-direction: column;
16824
+ gap: 0.75rem;
16825
+ gap: var(--space-3);
16826
+ min-width: 0;
16827
+ }
16828
+
16829
+ .inbox__form-row {
16830
+ display: flex;
16831
+ flex-wrap: wrap;
16832
+ align-items: flex-start;
16833
+ gap: 0.75rem;
16834
+ gap: var(--space-3);
16835
+ }
16836
+
16837
+ .inbox__form-actions {
16838
+ display: flex;
16839
+ flex-wrap: wrap;
16840
+ align-items: center;
16841
+ gap: 0.5rem;
16842
+ gap: var(--space-2);
16843
+ }
16844
+
16798
16845
  .inbox__sr-only {
16799
16846
  position: absolute !important;
16800
16847
  width: 1px !important;