* {
    min-width: 0;
}

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: var(--mud-palette-background, #F5F5F5);
}

/* Chip word-wrap support */
.mud-chip {
    word-break: break-word;
    white-space: normal;
    height: auto !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* Breadcrumb bar — secondary background with white text */
.breadcrumb-bar {
    background-color: rgba(10, 35, 62, 0.85);
    color: #FFFFFF;
}

.breadcrumb-bar .mud-breadcrumb-item > a {
    color: #FFFFFF;
    font-weight: 500;
    text-decoration: none;
}

.breadcrumb-bar .mud-breadcrumb-item > a:hover {
    text-decoration: underline;
}

.breadcrumb-bar .mud-breadcrumb-item:last-child {
    color: rgba(255, 255, 255, 0.7);
}

.breadcrumb-bar .mud-breadcrumbs li .mud-icon-root {
    color: rgba(255, 255, 255, 0.5);
}

/* Claim field borders */
.claimBorder {
    padding: 1em;
    margin: 0;
    border: 2px solid #b3e0f4;
    border-radius: 4px;
    width: 100%;
    box-shadow: 0px 0px 4px #b3e0f4;
}

/* Readonly card hover effect */
.readonlyCard {
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    transition: transform 0.3s ease;
}

.readonlyCard:hover {
    transform: translateY(-2px);
}

/* Links */
a, .btn-link {
    color: #006bb7;
}

/* Responsive typography */
@media (max-width: 641px) {
    .mud-typography-h6 {
        font-size: 15px !important;
    }
}

/* Utility classes */
.font-mono { font-family: monospace; }
.font-mono-sm { font-family: monospace; font-size: 0.85rem; }
.cursor-grab { cursor: grab; }
.cursor-pointer { cursor: pointer; }
.bg-transparent { background: transparent; }
.flex-1 { flex: 1; }
.min-w-250 { min-width: 250px; }
.max-w-300 { max-width: 300px; }
.img-rounded { border-radius: 4px; }
.img-thumb { border-radius: 4px; cursor: pointer; }
.inline { display: inline; }