/* Estilos compartilhados para os-card (baseado no layout de lista_ordens) */
:root{
    --card-bg:#ffffff;
    --card-border:#e6eef7;
    --card-radius:12px;
    --card-shadow:0 6px 18px rgba(16,24,40,0.06);
    --muted:#6b7280;
    --primary:#0d6efd;
    --success:#16a34a;
    --danger:#dc2626;
}

.cards-section{padding:0}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}

@media (min-width: 992px) {
    #ordens-cards.cards-grid {
        display: flex !important;
        flex-wrap: wrap;
        gap: 1rem;
        align-items: flex-start;
    }
    #ordens-cards .os-card {
        flex: 0 0 260px;
        max-width: 320px;
        margin-bottom: 0;
    }
    #ordens-cards .empty-state-grid {
        width: 100%;
    }
}

.os-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:0.9rem;display:flex;flex-direction:column;justify-content:space-between;min-height:190px}
.os-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}
.os-numero{font-weight:700;color:#111827;font-size:0.9rem}
.status-badge{font-weight:700;font-size:0.72rem;padding:4px 8px;border-radius:999px;display:inline-block}
.status-aberta{background:rgba(13,110,253,0.08);color:var(--primary)}
.status-concluida{background:rgba(16,163,74,0.08);color:var(--success)}
.status-aguardando{background:rgba(245,158,11,0.08);color:#d97706}
.status-cancelada{background:rgba(220,38,38,0.06);color:var(--danger)}

.os-card-body{display:flex;flex-direction:column;gap:0.45rem;color:var(--muted);font-size:0.86rem}
.os-info{display:flex;flex-direction:column;gap:4px}
.os-info-item{display:flex;justify-content:space-between;gap:0.75rem}
.os-info-label{color:var(--muted);font-weight:600;min-width:64px}
.os-info-value{color:#111827}

.os-valor{margin-top:6px;font-weight:800;color:var(--success);font-size:1rem}

.os-card-footer{margin-top:0.6rem}
.os-card-footer .action-buttons{display:flex;flex-wrap:wrap;gap:6px}
.os-card-footer .btn-action{padding:6px 8px;border-radius:8px;min-width:36px;display:inline-flex;align-items:center;justify-content:center}
.os-card-footer .btn-sm{padding:4px 8px}

.empty-state-grid{text-align:center;padding:2rem;border:1px dashed var(--card-border);border-radius:var(--card-radius);color:var(--muted)}

/* Responsividade */
@media (max-width:768px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.cards-grid{grid-template-columns:1fr}}

/* Pequenos ajustes visuais para badges e mini-icons */
.assinatura-mini{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:20px;height:20px;font-size:12px}
.assinatura-mini.assinada{background:rgba(16,163,74,0.08);color:var(--success)}
.assinatura-mini.pendente{background:rgba(99,102,241,0.06);color:#6b7280}

/* botão de ação específico */
.os-card .btn-outline-success{border-radius:6px}

/* garantir espaçamento entre cards e borda do container */
.cards-section{padding:8px}

/* estilos para o container de paginação dos cards */
.pagination-container{display:flex;justify-content:center}

/* pequenas correções para alinhamento de ícones */
.os-card .bi{vertical-align:middle}