/* CarnaHub v0.38.103 · hotfix del sidebar del Inicio
   IMPORTANTE: .home-custom-layout también tiene la clase .container.
   No se modifica width/max-width del layout para conservar el ancho centrado de CarnaHub. */
@media (min-width:1001px){
    .home-custom-layout{
        min-width:0;
        grid-template-columns:minmax(0,1fr) 320px!important;
    }

    .home-custom-layout>.dashboard-side{
        min-width:0;
        max-width:320px;
        overflow:hidden;
    }

    .home-custom-layout>.dashboard-side>*{
        min-width:0;
        max-width:100%;
        box-sizing:border-box;
    }
}

/* Los textos largos del sidebar se recortan dentro de su columna,
   sin poder aumentar el ancho de la home. */
.home-custom-layout .dashboard-side .dashboard-widget,
.home-custom-layout .dashboard-side .followed-row,
.home-custom-layout .dashboard-side .managed-row,
.home-custom-layout .dashboard-side .community-home-row{
    min-width:0;
    max-width:100%;
}

.home-custom-layout .dashboard-side .followed-row,
.home-custom-layout .dashboard-side .managed-row,
.home-custom-layout .dashboard-side .community-home-row{
    overflow:hidden;
}

.home-custom-layout .dashboard-side .followed-row>div,
.home-custom-layout .dashboard-side .managed-row>div,
.home-custom-layout .dashboard-side .community-home-row>div{
    min-width:0;
    max-width:100%;
    overflow:hidden;
    flex:1 1 auto;
}

.home-custom-layout .dashboard-side .followed-row :is(strong,small),
.home-custom-layout .dashboard-side .managed-row :is(strong,small),
.home-custom-layout .dashboard-side .community-home-row :is(strong,small){
    display:block;
    min-width:0;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.home-custom-layout .dashboard-side .followed-row>span,
.home-custom-layout .dashboard-side .managed-row>span,
.home-custom-layout .dashboard-side .community-home-row>span{
    flex:0 0 auto;
}

/* CarnaHub v0.38.104 · año fijo en la cronología de agrupaciones.
   Evita que 2027 (o cualquier año de cuatro cifras) se parta en varias líneas
   cuando el nombre de la agrupación es especialmente largo. */
.timeline .timeline-item > span:first-child{
    flex:0 0 70px;
    width:70px;
    min-width:70px;
    max-width:70px;
    white-space:nowrap;
    overflow-wrap:normal;
    word-break:normal;
}
.timeline .timeline-item > div{
    min-width:0;
    flex:1 1 auto;
}
.timeline .timeline-link > b{
    flex:0 0 auto;
}