.tag{ display:inline-flex; align-items:center; background:var(--tag-bg); color:var(--tag-fg); white-space:nowrap; }
.tag-icon{ display:flex; color:var(--tag-fg); }
.tag[data-has-icon="false"] .tag-icon{ display:none; }
.tag-label{ font-family:var(--font-sans); color:var(--tag-fg); outline:none; overflow:hidden; text-overflow:ellipsis; }
.tag-L{ height:48px; gap:12px; padding:0 20px 0 16px; border-radius:16px; }
.tag-L .tag-icon i{ font-size:var(--md-typography-font-size-600); }
.tag-L .tag-label{ font-size:var(--md-typography-font-size-600); line-height:32px; }
.tag-M{ height:36px; gap:8px; padding:0 16px 0 12px; border-radius:12px; }
.tag-M .tag-icon i{ font-size:18px; }
.tag-M .tag-label{ font-size:var(--md-typography-font-size-400); line-height:24px; }
.tag-S{ height:24px; gap:4px; padding:0 10px 0 8px; border-radius:6px; width: fit-content;}
html[data-ui-theme="dark"] .tag:not(.frame *){
  --tag-bg:color-mix(in srgb, var(--tag-fg) 16%, transparent) !important;
}
html[data-ui-theme="dark"] .tag[data-tag-color="grey"]:not(.frame *){ --tag-fg:#C9D0DB !important; }
html[data-ui-theme="dark"] .tag[data-tag-color="blue"]:not(.frame *){ --tag-fg:#89A2FA !important; }
html[data-ui-theme="dark"] .tag[data-tag-color="purple"]:not(.frame *){ --tag-fg:#D3B3F0 !important; }
html[data-ui-theme="dark"] .tag[data-tag-color="teal"]:not(.frame *){ --tag-fg:#5FD6BB !important; }
html[data-ui-theme="dark"] .tag[data-tag-color="pink"]:not(.frame *){ --tag-fg:#F28BB0 !important; }
html[data-ui-theme="dark"] .tag[data-tag-color="orange"]:not(.frame *){ --tag-fg:#FFA071 !important; }
html[data-ui-theme="dark"] .tag[data-tag-color="berry"]:not(.frame *){ --tag-fg:#F47C97 !important; }
html[data-ui-theme="dark"] .tag[data-tag-color="amber"]:not(.frame *){ --tag-fg:#F5C46E !important; }
html[data-ui-theme="dark"] .tag[data-tag-color="lavender"]:not(.frame *){ --tag-fg:#E6A8F6 !important; }
html[data-ui-theme="dark"] .tag[data-tag-color="azure"]:not(.frame *){ --tag-fg:#8FCBEB !important; }
.tag-S .tag-icon i{ font-size:var(--md-typography-font-size-300); }
.tag-S .tag-label{ font-size:var(--md-typography-font-size-300); line-height:16px; }

.list-item{ display:flex; align-items:flex-start; gap:12px; width:100%; padding:2px 0; }
.list-item-icon{
  flex-shrink:0; width:24px; padding-top:2px;
  display:flex; align-items:center; justify-content:center;
  color:var(--md-neutral-foreground-3-rest);
}
.list-item-label{ font-family:var(--font-sans); color:var(--md-neutral-foreground-3-rest); flex:0 1 auto; max-width:100%; min-width:0; outline:none; white-space:pre-wrap; }
.list-item-label[data-placeholder]:empty:before{ color:var(--ui-muted); }
.list-item[data-list-type="done"] .list-item-icon,
.list-item[data-list-type="in-progress"] .list-item-icon{ color:var(--md-brand-foreground-1-rest); }
.list-item[data-list-type="declined"] .list-item-icon{ color:var(--md-color-pink-600); }
.list-item[data-list-type="warning"] .list-item-icon{ color:var(--md-color-orange-700); }
.list-item-L{ gap:12px; }
.list-item-L .list-item-icon{ font-size:var(--md-typography-font-size-600); width:24px; padding-top: 4px }
.list-item-L .list-item-label{ font-size:var(--md-typography-font-size-600); line-height:32px; }
.list-item-M{ gap:8px; }
.list-item-M .list-item-icon{ font-size:var(--md-typography-font-size-500); width:20px; padding-top: 4px }
.list-item-M .list-item-label{ font-size:var(--md-typography-font-size-500); line-height:28px; }
.list-item-S{ gap:8px; }
.list-item-S .list-item-icon{ font-size:var(--md-typography-font-size-400); width:16px; padding-top: 4px}
.list-item-S .list-item-label{ font-size:var(--md-typography-font-size-400); line-height:24px; }
.content-card[data-style="accent"] .list-item-icon,
.content-card[data-style="accent"] .list-item-label{ color:var(--md-color-grey-white); }
.content-list-rows{ display:flex; flex-direction:column; gap:10px; width:100%; }