/* TrueTrace shared dashboard Icon Card — canonical FE + AB component.
   Visual values mirror the original FE card specification exactly. */

.ttm-shared-icon-card.ttm-shared-icon-card{
    display:flex;
    width:100%;
    aspect-ratio:1/1;
    min-height:0;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    box-sizing:border-box;
    margin:0;
    padding:18px;
    border:1px solid var(--ttm-dashboard-icon-border,rgba(84,163,255,.44));
    border-radius:19px;
    background:var(--ttm-dashboard-icon-card-bg,#071B40);
    color:#fff;
    text-align:center;
    text-decoration:none;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    box-shadow:0 18px 38px rgba(4,24,57,.17);
    overflow:hidden;
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}

.ttm-shared-icon-card.ttm-shared-icon-card:link,
.ttm-shared-icon-card.ttm-shared-icon-card:visited{
    color:#fff;
    text-decoration:none;
}

.ttm-shared-icon-card.ttm-shared-icon-card .ttm-shared-icon-card__icon{
    display:block;
    flex:0 0 auto;
    width:min(62%,210px);
    height:auto;
    margin:0 auto 8px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    object-fit:contain;
    filter:drop-shadow(0 15px 18px rgba(0,0,0,.25));
    transition:transform .22s ease;
}

.ttm-shared-icon-card.ttm-shared-icon-card .ttm-shared-icon-card__copy{
    min-height:0;
    margin:0;
    padding:0;
}

.ttm-shared-icon-card.ttm-shared-icon-card .ttm-shared-icon-card__title{
    margin:0 0 7px;
    padding:0;
    color:var(--ttm-card-title-colour,var(--ttm-dashboard-icon-title,#fff));
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    font-size:var(--ttm-card-title-size,21px);
    font-style:normal;
    font-weight:var(--ttm-card-title-weight,700);
    line-height:normal;
    letter-spacing:-.25px;
    text-align:center;
    text-transform:none;
}

.ttm-shared-icon-card.ttm-shared-icon-card .ttm-shared-icon-card__description{
    margin:0;
    padding:0;
    color:var(--ttm-card-text-colour,var(--ttm-dashboard-icon-text,#C5D1E5));
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    font-size:var(--ttm-card-text-size,13px);
    font-style:normal;
    font-weight:var(--ttm-card-text-weight,400);
    line-height:1.45;
    letter-spacing:normal;
    text-align:center;
    text-transform:none;
}

.ttm-shared-icon-card.ttm-shared-icon-card:not(.is-disabled):hover,
.ttm-shared-icon-card.ttm-shared-icon-card:not(.is-disabled):focus{
    color:#fff;
    text-decoration:none;
    background:var(--ttm-dashboard-icon-card-bg,#071B40);
    border-color:var(--ttm-dashboard-icon-hover,#2E83FF);
    box-shadow:0 23px 48px color-mix(in srgb,var(--ttm-dashboard-icon-hover,#2E83FF) 30%,transparent);
    transform:translateY(-5px);
    outline:0;
}

.ttm-shared-icon-card.ttm-shared-icon-card:not(.is-disabled):hover .ttm-shared-icon-card__icon,
.ttm-shared-icon-card.ttm-shared-icon-card:not(.is-disabled):focus .ttm-shared-icon-card__icon{
    transform:scale(1.035);
}

.ttm-shared-icon-card.ttm-shared-icon-card.is-disabled{
    cursor:not-allowed;
}



@media(max-width:700px){
    .ttm-shared-icon-card.ttm-shared-icon-card{
        aspect-ratio:auto;
        min-height:300px;
    }
}


/* Shared dashboard Stat Card — FE + AB */
.ttm-shared-stat-card{min-width:0;padding:18px 19px 20px;border:1px solid #dce6f5;border-radius:13px;background:#fff;box-shadow:0 7px 22px rgba(12,39,85,.055);box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.ttm-shared-stat-card__label{display:block;margin-bottom:6px;color:#52627e;font-size:12px;font-weight:700;line-height:1.35}
.ttm-shared-stat-card__value{display:inline;color:#071536;font-size:27px;font-weight:700;line-height:1.25}
.ttm-shared-stat-card__detail{display:inline;margin-left:7px;color:#8290a8;font-size:11px;font-weight:400;line-height:1.4}