/**********************************************************************
 * Utility Functions Styles
 * Helper classes, spacing, typography, visibility, animations
 **********************************************************************/

/* Inline style mappings */

.is-resizing,
.is-resizing * {
    cursor: col-resize !important;
    user-select: none !important;
}
.inline-40408a55 { width: min(860px, 100%) !important; max-height: 88vh !important; overflow: auto !important; padding: 16px !important; }
.inline-65babdf8 { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin-bottom: 10px !important; }
.inline-4fbe9d67 { font-size: 12px !important; color: rgba(147, 164, 184, 0.9) !important; font-weight: 700 !important; }
.inline-4f557be3 { font-size: 18px !important; font-weight: 900 !important; }
.inline-cf8d4ee6 { padding: 14px !important; }
.inline-62b3595b { font-size: 12px !important; color: rgba(231, 238, 248, 0.92) !important; line-height: 1.6 !important; }
.inline-0983c141 { display: flex !important; gap: 10px !important; margin-top: 12px !important; justify-content: flex-end !important; }
.inline-e4aa28c6 { height: 64px !important; position: sticky !important; top: 0 !important; z-index: 60 !important; }
.inline-5790ffba { display: none !important; }
.inline-27877cd6 { font-size: 18px !important; vertical-align: middle !important; }
.inline-51503495 { background: rgba(6, 99, 249, 0.18) !important; border: 1px solid rgba(6, 99, 249, 0.35) !important; }
.inline-00d6855e { color: var(--primary) !important; }
.inline-f39d1f90 { letter-spacing: -0.02em !important; }
.inline-24d0f4d3 { font-size: 11px !important; color: rgba(147, 164, 184, 0.9) !important; }
.inline-3903bef3 { border-radius: 14px !important; }
.inline-aa4ea1ae { font-size: 18px !important; color: rgba(147, 164, 184, 0.95) !important; }
.inline-554c77e5 { margin-left: 6px !important; font-size: 11px !important; padding: 2px 8px !important; border-radius: 999px !important; background: rgba(239, 68, 68, 0.16) !important; border: 1px solid rgba(239, 68, 68, 0.28) !important; }
.inline-84780cc2 { background: rgba(255, 255, 255, 0.04) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; }
.inline-ca8dfae5 { display: flex !important; align-items: center !important; gap: 8px !important; }
.inline-ebd2c730 { font-size: 18px !important; }
.inline-a5fe453d { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; }
.inline-a2322f2a { font-weight: 900 !important; }
.inline-e64c6f06 { height: calc(100vh - 64px - 48px) !important; display: flex !important; overflow: hidden !important; }
.inline-0433b45d { width: var(--left-sidebar-width, 280px) !important; overflow: auto !important; }
.inline-a0d4a037 { margin-bottom: 14px !important; }
.inline-245bcb9b { background: var(--ok) !important; }
.inline-acf38710 { color: rgba(147, 164, 184, 0.9) !important; font-weight: 700 !important; }
.inline-1ae077ab { font-size: 11px !important; color: rgba(147, 164, 184, 0.9) !important; font-weight: 800 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; margin: 10px 0 8px !important; }
.inline-dd325998 { font-size: 11px !important; color: rgba(147, 164, 184, 0.9) !important; font-weight: 800 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; margin: 16px 0 8px !important; }
.inline-dc2cfad8 { font-size: 11px !important; color: rgba(147, 164, 184, 0.9) !important; font-weight: 800 !important; }
.inline-af7d49c5 { display: flex !important; justify-content: space-between !important; margin-top: 8px !important; }
.inline-ff97516c { width: 100% !important; margin-top: 16px !important; padding: 10px 12px !important; }
.inline-a2e02847 { flex: 1 !important; overflow: auto !important; padding: 18px !important; }
.inline-bcf99924 { min-height: 100% !important; }
.inline-2517b41a { font-size: 11px !important; color: rgba(147, 164, 184, 0.92) !important; font-weight: 900 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; }
.inline-f4caf87a { background: var(--warn) !important; }
.inline-3a66884c { background: var(--crit) !important; }
.inline-0a6bb2e7 { font-size: 11px !important; color: rgba( 147, 164, 184, 0.9 ) !important; font-weight: 800 !important; }
.inline-7ef306b0 { color: rgba( 147, 164, 184, 0.9 ) !important; font-weight: 800 !important; }
.inline-4b506d36 { background: var(--primary) !important; }
.inline-8ae1f8fb { background: var(--accent) !important; }
.inline-a0155ba1 { background: var(--primary) !important; }
.inline-ea6c6f74 { font-size: 11px !important; color: rgba(147, 164, 184, 0.9) !important; font-weight: 900 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; }
.inline-bb643f89 { grid-template-columns: repeat( 10, minmax(0, 1fr) ) !important; overflow: auto !important; padding-bottom: 6px !important; }
.inline-891d768b { max-height: 240px !important; overflow: auto !important; display: flex !important; flex-direction: column !important; gap: 10px !important; }
.inline-fb9057b6 { display: flex !important; align-items: center !important; gap: 10px !important; }
.inline-439580a7 { color: var(--crit) !important; }
.inline-072c5af0 { max-height: 360px !important; overflow: auto !important; display: flex !important; flex-direction: column !important; gap: 12px !important; }
.inline-2da4ded6 { background: var(--accent) !important; }
.inline-a0f3066d { color: rgba(147, 164, 184, 0.9) !important; font-weight: 800 !important; }
.inline-7ca52576 { grid-template-columns: repeat( 10, minmax(0, 1fr) ) !important; }
.inline-0866fb0d { background: var(--ok) !important; }
.inline-2d8941ea { background: var(--warn) !important; }
.inline-d25a61a4 { width: 100% !important; margin-top: 12px !important; }
.inline-53991f7f { width: var(--right-sidebar-width, 360px) !important; overflow: auto !important; }
.inline-380a0c63 { background: rgba(0, 0, 0, 0.18) !important; backdrop-filter: blur(12px) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; }
.inline-10d270a6 { font-size: 11px !important; color: rgba(147, 164, 184, 0.9) !important; font-weight: 700 !important; }
.inline-88035a1a { font-size: 11px !important; color: rgba(147, 164, 184, 0.9) !important; font-weight: 900 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; }
.inline-16000cc0 { width: 100% !important; }
.inline-735ad8fa { height: 48px !important; position: sticky !important; bottom: 0 !important; z-index: 40 !important; }
.inline-f158f976 { background: rgba(147, 164, 184, 0.9) !important; }
.inline-045aeb6d { background: ${isNumber ? `rgba(6,99,249,0.35)` : current} !important; }
.inline-c1f05d20 { padding: 10px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; }
.inline-298adfb4 { font-size: 11px !important; color: rgba(147,164,184,0.9) !important; font-weight: 800 !important; }
.inline-fc884fa6 { background: ${hex} !important; width: 30px !important; height: 30px !important; border-radius: 10px !important; }
.inline-d5b43342 { grid-column: 1 / -1 !important; }
.inline-1b959d56 { font-weight: 900 !important; }
.inline-980f667a { font-size: 11px !important; color: rgba(147,164,184,0.9) !important; font-weight: 800 !important; }
.inline-476774df { margin-top: 6px !important; font-size: 11px !important; color: rgba(147,164,184,0.9) !important; }
.inline-5ba5578e { margin: 0 !important; white-space: pre-wrap !important; }
.inline-e71ae94b { font-size: 12px !important; }
.inline-d8a81eac { margin-top: 10px !important; }
.inline-d6d6b87b { margin: 6px 0 0 18px !important; }
.inline-76f4ff92 {  }
.inline-e6e099bb { font-size: 11px !important; color: rgba(147,164,184,0.92) !important; font-weight: 800 !important; }
.inline-c52b932e { font-size: 10px !important; color: rgba(147,164,184,0.9) !important; font-weight: 900 !important; }
.inline-bf023a67 { color: rgba(147,164,184,0.9) !important; font-weight: 800 !important; }
.inline-117f401e { width: ${clamp(m.progress, 0, 100)}% !important; background: ${m.status === !important; }
.inline-10f4ec40 { font-size: 11px !important; color: rgba(252,165,165,0.92) !important; font-weight: 800 !important; }
.inline-77cbb6e2 { font-size: 10px !important; color: rgba(147,164,184,0.9) !important; font-weight: 800 !important; }
.inline-6309af37 {  }
.inline-16dd9d69 { margin-top: 10px !important; font-weight: 900 !important; }
.inline-2bf20941 { margin-top: 6px !important; font-size: 11px !important; color: rgba(147,164,184,0.9) !important; font-weight: 800 !important; }
.inline-31a4de22 { display: flex !important; align-items: center !important; gap: 10px !important; }
.inline-75e7762a { width: 10px !important; height: 10px !important; }
.inline-d2cb5b31 { background: var(--crit) !important; }
.inline-76386b9e { display: flex !important; gap: 10px !important; align-items: center !important; flex-wrap: wrap !important; }
.inline-384a0ef2 { font-size: 11px !important; color: rgba(147,164,184,0.9) !important; font-weight: 900 !important; }
.inline-de678104 { margin-top: 10px !important; font-weight: 900 !important; font-size: 16px !important; }
.inline-16a90104 { margin-top: 8px !important; color: rgba(231,238,248,0.9) !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.6 !important; }
.inline-3f6c0633 { margin-top: 8px !important; font-size: 11px !important; color: rgba(147,164,184,0.9) !important; font-weight: 800 !important; }
.inline-b14c1fa6 { font-size: 12px !important; color: rgba(147,164,184,0.92) !important; font-weight: 800 !important; line-height: 1.6 !important; }
.inline-e57886cb { display: flex !important; align-items: center !important; gap: 10px !important; flex-wrap: wrap !important; }
.inline-e7eb00e3 { margin-top: 8px !important; font-weight: 900 !important; }
.inline-367b790c { margin-top: 6px !important; font-size: 12px !important; color: rgba(231,238,248,0.9) !important; font-weight: 700 !important; line-height: 1.6 !important; }