.chief-stats-060{
    display:grid;
    grid-template-columns:
        repeat(4,1fr);
    gap:8px;
    margin-bottom:11px;
}

.chief-stats-060 > div{
    padding:11px;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--surface);
}

.chief-stats-060 small{
    display:block;
    color:var(--muted);
}

.chief-stats-060 b{
    font-size:21px;
}

.chief-layout-060{
    display:grid;
    grid-template-columns:
        235px minmax(0,1fr);
    gap:10px;
}

.chief-sidebar-060,
.chief-chat-060{
    border:1px solid var(--border);
    border-radius:13px;
    background:var(--surface);
}

.chief-sidebar-060{
    padding:11px;
    min-width:0;
}

.chief-chat-060{
    display:flex;
    flex-direction:column;
    min-width:0;
    min-height:570px;
    overflow:hidden;
}

.chief-toolbar-060{
    padding:11px;
    border-bottom:1px solid var(--border);
}

.chief-toolbar-060 select{
    width:100%;
}

.chief-messages-060{
    flex:1;
    padding:15px;
    overflow:auto;
}

.chief-message-060{
    max-width:84%;
    margin-bottom:10px;
    padding:11px 12px;
    border:1px solid var(--border);
    border-radius:12px;
    background:var(--surface-2);
}

.chief-message-060.user{
    margin-left:auto;
    background:
        color-mix(
            in srgb,
            var(--accent) 9%,
            var(--surface)
        );
}

.chief-compose-060{
    display:grid;
    grid-template-columns:
        minmax(0,1fr) auto;
    gap:8px;
    padding:11px;
    border-top:1px solid var(--border);
}

.chief-compose-060 textarea{
    min-height:75px;
}

.chief-routing-060,
.chief-proposal-inline-060,
.chief-receipt-060,
.chief-result-060{
    margin-top:8px;
    padding:8px 9px;
    border-radius:8px;
    background:
        color-mix(
            in srgb,
            var(--accent) 7%,
            var(--surface)
        );
    border:1px solid var(--border);
    font-size:11px;
}

.chief-tabs-060{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-bottom:10px;
}

.chief-tabs-060 button{
    background:var(--surface);
    color:var(--muted);
    border:1px solid var(--border);
}

.chief-tabs-060 button.active{
    color:var(--text);
    border-color:var(--accent);
}

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

.chief-card-060,
.chief-task-060,
.chief-proposal-060,
.chief-routing-row-060{
    padding:12px;
    border:1px solid var(--border);
    border-radius:11px;
    background:var(--surface);
}

.chief-task-060,
.chief-proposal-060,
.chief-routing-row-060{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:7px;
}

html[data-ui-style="nexus"]
.chief-card-060,
html[data-ui-style="nexus"]
.chief-task-060,
html[data-ui-style="nexus"]
.chief-proposal-060,
html[data-ui-style="nexus"]
.chief-routing-row-060,
html[data-ui-style="nexus"]
.chief-sidebar-060,
html[data-ui-style="nexus"]
.chief-chat-060{
    backdrop-filter:blur(20px);
    border-color:
        color-mix(
            in srgb,
            var(--accent) 25%,
            var(--border)
        );
}

@media(max-width:900px){

    .chief-layout-060{
        grid-template-columns:1fr;
    }

    .chief-sidebar-060{
        max-height:190px;
        overflow:auto;
    }

    .chief-grid-060{
        grid-template-columns:
            repeat(2,1fr);
    }
}

@media(max-width:620px){

    .chief-stats-060,
    .chief-grid-060{
        grid-template-columns:
            1fr 1fr;
    }

    .chief-compose-060{
        grid-template-columns:1fr;
    }

    .chief-message-060{
        max-width:95%;
    }

    .chief-task-060,
    .chief-proposal-060,
    .chief-routing-row-060{
        flex-direction:column;
    }
}