.po-agenda-card{
    margin:18px 0 22px;
    padding:16px;
    border-radius:28px;
    background:#fff;
    border:1px solid #e8e8ea;
    box-shadow:0 12px 34px rgba(0,0,0,.06);
}

.po-agenda-card.is-compact{
    margin-top:14px;
}

.po-agenda-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:14px;
}

.po-agenda-eyebrow{
    margin:0 0 4px;
    font-size:11px;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:#9ca3af;
}

.po-agenda-header h2{
    margin:0;
    font-size:28px;
    line-height:1;
    font-weight:950;
    color:#111827;
}

.po-agenda-open{
    flex:0 0 auto;
    padding:10px 13px;
    border-radius:999px;
    background:#111827;
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:900;
}

.po-agenda-kpis{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin-bottom:14px;
}

.po-agenda-kpi{
    display:flex;
    flex-direction:column;
    gap:3px;
    min-height:66px;
    justify-content:center;
    padding:10px;
    border-radius:18px;
    text-decoration:none;
    border:1px solid #ececef;
    background:#f8f8f9;
}

.po-agenda-kpi strong{
    font-size:24px;
    line-height:1;
    color:#111827;
}

.po-agenda-kpi span{
    font-size:11px;
    font-weight:900;
    color:#6b7280;
}

.po-agenda-kpi.is-today{background:#eef7ff;}
.po-agenda-kpi.is-tomorrow{background:#fff8e8;}
.po-agenda-kpi.is-week{background:#f1f8ee;}
.po-agenda-kpi.is-pending{background:#fff0ed;}

.po-agenda-days{
    display:flex;
    gap:8px;
    overflow:auto;
    padding:2px 0 12px;
    scrollbar-width:none;
}

.po-agenda-day{
    min-width:52px;
    height:64px;
    border-radius:18px;
    border:1px solid #ececef;
    background:#f8f8f9;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
}

.po-agenda-day small{
    font-size:10px;
    font-weight:900;
    color:#9ca3af;
    text-transform:uppercase;
}

.po-agenda-day strong{
    font-size:20px;
    line-height:1;
    color:#111827;
}

.po-agenda-day.is-active{
    background:#111827;
    border-color:#111827;
}

.po-agenda-day.is-active small,
.po-agenda-day.is-active strong{
    color:#fff;
}

.po-agenda-feed{
    display:grid;
    gap:14px;
}

.po-agenda-group h3{
    margin:4px 0 8px;
    font-size:15px;
    font-weight:950;
    color:#111827;
}

.po-agenda-order{
    display:grid;
    grid-template-columns:10px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:12px;
    margin-bottom:8px;
    border-radius:18px;
    background:#fff;
    border:1px solid #ececef;
    text-decoration:none;
}

.po-agenda-status-dot{
    width:10px;
    height:10px;
    border-radius:999px;
    background:#9ca3af;
}

.po-agenda-order-main{
    min-width:0;
}

.po-agenda-order-main strong{
    display:block;
    color:#111827;
    font-size:15px;
    font-weight:950;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.po-agenda-order-main small{
    display:block;
    margin-top:4px;
    color:#6b7280;
    font-size:12px;
    font-weight:700;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.po-agenda-order-meta{
    text-align:right;
    min-width:72px;
}

.po-agenda-order-meta small{
    display:block;
    color:#9ca3af;
    font-size:10px;
    font-weight:900;
}

.po-agenda-order-meta strong{
    display:block;
    margin-top:4px;
    color:#111827;
    font-size:12px;
    font-weight:950;
}

.po-agenda-order.is-requested .po-agenda-status-dot{background:#8b5cf6;}
.po-agenda-order.is-draft .po-agenda-status-dot{background:#9ca3af;}
.po-agenda-order.is-approved .po-agenda-status-dot{background:#2563eb;}
.po-agenda-order.is-sent .po-agenda-status-dot{background:#f59e0b;}
.po-agenda-order.is-partial .po-agenda-status-dot{background:#ea580c;}
.po-agenda-order.is-received .po-agenda-status-dot{background:#16a34a;}
.po-agenda-order.is-cancelled .po-agenda-status-dot{background:#dc2626;}

.po-agenda-empty{
    margin:0;
    padding:12px;
    border-radius:16px;
    background:#f8f8f9;
    color:#9ca3af;
    font-size:13px;
    font-weight:800;
}

@media(max-width:760px){
    .po-agenda-card{
        margin:16px 0 20px;
        padding:14px;
        border-radius:24px;
    }

    .po-agenda-header h2{
        font-size:24px;
    }

    .po-agenda-kpis{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .po-agenda-order{
        grid-template-columns:10px minmax(0,1fr);
    }

    .po-agenda-order-meta{
        grid-column:2;
        text-align:left;
        display:flex;
        gap:8px;
        align-items:center;
    }
}

/* Agenda clickable states */
.po-agenda-kpi.is-active{
    outline:2px solid #111827;
    outline-offset:2px;
}

.po-agenda-day{
    text-decoration:none;
    cursor:pointer;
}

.po-agenda-day:active{
    transform:scale(.96);
}