/* Assets catalog */

.assets {
    padding: 24px 0 40px;
}
.assets-head {
    max-width: 720px;
    margin-bottom: 20px;
}
.assets-title {
    font-size: 32px;
font-weight: 600;
color: #383838;
margin-bottom: 6px;
}
.assets-subtitle {
    font-size: 14px;
    color: #4b5563;
}

.assets-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.asset-tile {
    border-radius: 32px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
    border: 1px solid rgba(229, 231, 235, 0.9);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 260px;
}
.asset-tile-image {
    height: 320px;
    overflow: hidden;
    background: linear-gradient(to right, rgba(229, 231, 235, 0.35) 1px, transparent 1px) 0 0 / 14px 14px,
linear-gradient(to bottom, rgba(229, 231, 235, 0.35) 1px, transparent 1px) 0 0 / 14px 14px,
/* linear-gradient(35deg, rgb(244, 255, 255) 0%, rgba(255, 255, 255, 1) 56%, rgba(255, 255, 255, 1) 100%), */
#ffffff;
    /* background:
        radial-gradient(circle at 20% 0%, rgba(239, 246, 255, 1), transparent 55%),
        radial-gradient(circle at 80% 0%, rgba(254, 242, 242, 1), transparent 55%),
        linear-gradient(135deg, #0f172a, #1f2937); */
}
.asset-tile-body {
    padding: 14px 16px 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-top: 1px #ececec solid;
    background: #ffffff;
    /* height: 100%; */
    /* background: linear-gradient(to right, rgba(229, 231, 235, 0.25) 1px, transparent 1px) 0 0 / 14px 14px,
linear-gradient(to bottom, rgba(229, 231, 235, 0.25) 1px, transparent 1px) 0 0 / 14px 14px,
linear-gradient(35deg, rgb(244, 255, 255) 0%, rgba(255, 255, 255, 1) 56%, rgba(255, 255, 255, 1) 100%),
#ffffff; */
}

.month-performance-sm-label
{
    font-size: 10px !important;
}
.asset-tile-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}
.asset-tile-performances {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}
.asset-tile-symbol {
    font-size: 18px;
text-transform: uppercase;
color: #6a6a6a;
font-weight: 500;
}
.asset-title-graphic-image
{
    display: block;
    position: relative;
    top: 3%;
    left: -3%;
    width: 103%;
}
.asset-tile-performance {
    font-size: 16px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 999px;
    white-space: nowrap;
}
.asset-tile-performance.positive {
    background: rgb(37 143 103 / 14%);
    color: #11ae57;
}

.asset-tile-year-performance
{
    font-size: 48px;
    font-family: 'Montserrat';
    font-weight: 600;
    margin: 20px;
    position: absolute;
    
}
.year-performance-sm-label
{
    font-size: 24px !important;
}

.year-p-positive
{
    /*background: rgb(37 143 103 / 14%);*/
    color: #11ae57;
}

.year-p-negative
{
    /*background: rgba(239, 68, 68, 0.1);*/
    color: #dc2626;
}

.asset-tile-performance.negative {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
}
.asset-tile-title {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}
.asset-tile-desc {
    font-size: 13px;
    color: #6b7280;
    margin: 2px 0 0;
    /* flex: 1; */
}
.asset-tile-actions {
    margin-top: 10px;
    display: flex;
    
    gap: 8px;
}
.asset-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 530;
    text-decoration: none;
    border: 1px solid transparent;
    transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
}
.asset-btn-outline {
    background: transparent;
    box-shadow: none;
    min-width: 128px;
    border-color: #0ea5e9;
    color: #0ea5e9;
}
.asset-btn-outline:hover {
    background: rgba(249, 250, 251, 0.65);
}
.asset-btn-filled {
    color: #ffffff;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.1);
    min-width: 128px;
    /* background: linear-gradient(135deg, #eb8014 0%, #ef6128 60% 100%); */
    /* background: linear-gradient(135deg, #0ea5e9 0%, #22c55e 60%, #22c55e 100%); */
}
.asset-btn-filled:hover {
    transform: translateY(-1px);
    /* box-shadow: 0 16px 35px rgba(0, 212, 148, 0.25); */
}

.assets-empty {
    margin-top: 20px;
    padding: 18px 20px;
    border-radius: 18px;
    background: #f9fafb;
    border: 1px solid rgba(229, 231, 235, 0.9);
    color: #4b5563;
    font-size: 14px;
}
.assets-empty h2 {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 600;
    color: #111827;
}
.assets-empty code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 12px;
}

@media (max-width: 1024px) {
    .assets-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .assets-grid {
        grid-template-columns: 1fr;
    }
}