/* =================================================================
   demonstrativo-de-calculo-de-preco-mobile.css
   Mobile overrides for the Demonstrativo de Cálculo de Preço popup
   ================================================================= */

/* Container: remove fixed desktop width */
.demonstrativo-container {
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* dxPopup fullscreen content area */
#popup-demonstrativo .dx-popup-content {
    padding: 0 !important;
    overflow-y: auto !important;
}

.demonstrativo-titulo {
    font-size: 16px !important;
    padding: 8px 10px !important;
}

.demonstrativo-peca-nome,
.demonstrativo-meio-venda {
    font-size: 13px !important;
}

.demonstrativo-section-header {
    font-size: 13px !important;
    padding: 4px 8px !important;
}

/* Line items */
.demonstrativo-line {
    padding: 4px 8px !important;
    font-size: 14px !important;
}

.demonstrativo-line .demo-label,
.demonstrativo-line .demo-value {
    font-size: 14px !important;
}

/* Value column: reduce min-width to prevent overflow */
.demonstrativo-line .demo-value {
    min-width: 60px !important;
}

.demonstrativo-line.preco-final-value .demo-label {
    font-size: 15px !important;
}

.demonstrativo-line.preco-final-value .demo-value {
    font-size: 17px !important;
}

/* Detail sub-lines */
.demo-detail-panel {
    padding: 3px 8px 4px 20px !important;
}

.demo-detail-line {
    padding: 2px 0 !important;
    font-size: 13px !important;
}

.demo-detail-line .demo-detail-label {
    font-size: 13px !important;
}

.demo-detail-line .demo-detail-value {
    font-size: 13px !important;
    min-width: 50px !important;
}

.demo-detail-line .demo-detail-formula {
    font-size: 12px !important;
}

/* Callouts */
.demonstrativo-callout {
    padding: 5px 8px !important;
    font-size: 13px !important;
    margin: 4px 8px !important;
}

/* Footer */
.demonstrativo-footer {
    padding: 6px 8px !important;
}

.demonstrativo-btn-fechar {
    font-size: 15px !important;
    padding: 6px 24px !important;
}

/* Meu Preço icon */
span.icon-zona-meu-preco.zona-proibida-icon {
    margin-right: 0;
}