.resource-icon-blue      { background: #dbeafe; color: #1d4ed8; }
    .resource-icon-indigo    { background: #e0e7ff; color: #4338ca; }
    .resource-icon-orange    { background: #ffedd5; color: #c2410c; }
    .resource-icon-green     { background: #dcfce7; color: #15803d; }
    .resource-icon-teal      { background: #ccfbf1; color: #0f766e; }
    .resource-icon-purple    { background: #f3e8ff; color: #7e22ce; }
    .resource-icon-cyan      { background: #cffafe; color: #0e7490; }
    .resource-icon-violet    { background: #ede9fe; color: #6d28d9; }
    .resource-icon-red       { background: #fee2e2; color: #b91c1c; }
    .resource-icon-rose      { background: #ffe4e6; color: #be123c; }
    .resource-icon-sky       { background: #e0f2fe; color: #0369a1; }
    .resource-icon-pink      { background: #fce7f3; color: #be185d; }
    .resource-icon-emerald   { background: #d1fae5; color: #047857; }
    .resource-icon-lime      { background: #ecfccb; color: #4d7c0f; }
    .resource-icon-yellow    { background: #fef9c3; color: #a16207; }
    .resource-icon-amber     { background: #fef3c7; color: #b45309; }
    .resource-icon-stone     { background: #e7e5e4; color: #57534e; }
    .resource-icon-fuchsia   { background: #fae8ff; color: #a21caf; }
    .resource-icon-zinc      { background: #e4e4e7; color: #3f3f46; }
    .resource-table          { table-layout: fixed; }
    .resize-handle           { touch-action: none; }
    .brand-titlebar {
      background:
        radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--tlt-accent-secondary) 42%, transparent) 0, transparent 26%),
        radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--tlt-accent-primary) 44%, transparent) 0, transparent 30%),
        linear-gradient(115deg, #111827 0%, #172033 34%, #351a3a 68%, #071827 100%);
    }