/* FV compact polish: smaller fields, paged item lookup and premium summary strip. */
/* Shared field metrics live in vario-shared-form-controls.css. */

html body .vario-erp-document-details-modal .vario-document-form-grid input[type="date"],
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-form-grid input[type="date"] {
    width: 128px !important;
    min-width: 118px !important;
    max-width: 132px !important;
}

html body .vario-erp-document-details-modal .vario-document-form-grid label,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-form-grid label {
    gap: 1px !important;
}

html body .vario-erp-document-details-modal .vario-document-contractor-grid-compact,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-contractor-grid-compact {
    grid-template-columns: 420px 138px 118px 190px 280px !important;
    align-items: start !important;
}

html body .vario-erp-document-details-modal .vario-document-contractor-name-slot,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-contractor-name-slot {
    display: grid !important;
    grid-column: 1 / span 2 !important;
    align-self: start !important;
    min-width: 0 !important;
}

html body .vario-erp-document-details-modal .vario-document-contractor-name-slot>label,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-contractor-name-slot>label {
    align-self: start !important;
    min-width: 0 !important;
}

html body .vario-erp-document-details-modal .vario-document-contractor-grid-compact .vario-document-contractor-name-field,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-contractor-grid-compact .vario-document-contractor-name-field {
    grid-column: 1 / span 2 !important;
}

html body .vario-erp-document-details-modal .vario-document-contractor-grid-compact .vario-document-contractor-nip-field,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-contractor-grid-compact .vario-document-contractor-nip-field {
    grid-column: 3 !important;
    max-width: 118px !important;
}

html body .vario-erp-document-details-modal .vario-document-contractor-grid-compact .vario-document-contractor-street-field,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-contractor-grid-compact .vario-document-contractor-street-field {
    grid-column: 1 !important;
    max-width: 420px !important;
}

html body .vario-erp-document-details-modal .vario-document-contractor-grid-compact .vario-document-contractor-postal-field,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-contractor-grid-compact .vario-document-contractor-postal-field {
    grid-column: 2 !important;
    max-width: 118px !important;
}

html body .vario-erp-document-details-modal .vario-document-contractor-grid-compact .vario-document-contractor-city-field,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-contractor-grid-compact .vario-document-contractor-city-field {
    grid-column: 3 / span 2 !important;
    max-width: 190px !important;
}

html body .vario-erp-document-details-modal .vario-document-contractor-grid-compact .vario-document-contractor-country-field,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-contractor-grid-compact .vario-document-contractor-country-field {
    grid-column: 5 !important;
    max-width: 150px !important;
}

html body .vario-erp-document-details-modal .vario-document-contractor-grid-compact .vario-document-contractor-phone-field,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-contractor-grid-compact .vario-document-contractor-phone-field {
    grid-column: 1 !important;
    max-width: 180px !important;
}

html body .vario-erp-document-details-modal .vario-document-contractor-grid-compact .vario-document-contractor-email-field,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-contractor-grid-compact .vario-document-contractor-email-field {
    grid-column: 2 / span 3 !important;
    max-width: 280px !important;
}

html body .vario-erp-document-details-modal .vario-document-realization-grid-compact,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-document-realization-grid-compact {
    grid-template-columns: 136px 136px 136px 118px !important;
    align-items: end !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-bottom-summary-v2,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-bottom-summary-v2 {
    grid-template-columns: 1.15fr 1fr 0.72fr 1fr 1fr !important;
    gap: 6px !important;
    flex-basis: 40px !important;
    min-height: 40px !important;
    padding: 5px 12px !important;
    border-top: 1px solid #b9c8db !important;
    background: linear-gradient(180deg, #f8fbff 0%, #edf4fb 100%) !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-bottom-summary-v2>div,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-bottom-summary-v2>div {
    display: grid !important;
    align-content: center !important;
    min-width: 0 !important;
    min-height: 30px !important;
    padding: 0 8px !important;
    border: 1px solid #d6e1ef !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.76) !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-bottom-summary-v2 .vario-document-summary-total,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-bottom-summary-v2 .vario-document-summary-total {
    border-color: #a9c6f4 !important;
    background: linear-gradient(180deg, #ffffff 0%, #edf5ff 100%) !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-bottom-summary-v2 .vario-document-summary-total:first-child,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-bottom-summary-v2 .vario-document-summary-total:first-child {
    border-color: #1263f1 !important;
    background: linear-gradient(180deg, #1d73ff 0%, #125be8 100%) !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-bottom-summary-v2 .vario-document-summary-total:first-child span,
html body .vario-erp-document-details-modal .vario-erp-document-bottom-summary-v2 .vario-document-summary-total:first-child strong,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-bottom-summary-v2 .vario-document-summary-total:first-child span,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-bottom-summary-v2 .vario-document-summary-total:first-child strong {
    color: #ffffff !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-bottom-summary-v2 span,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-bottom-summary-v2 span {
    color: #5b6f8a !important;
    font: 850 9.5px/11px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-erp-document-details-modal .vario-erp-document-bottom-summary-v2 strong,
html[data-vario-theme] body .vario-erp-document-details-modal .vario-erp-document-bottom-summary-v2 strong {
    color: #08224f !important;
    font: 950 12px/14px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-document-line-lookup-modal .vario-document-lookup-load-more,
html[data-vario-theme] body .vario-document-line-lookup-modal .vario-document-lookup-load-more {
    padding: 6px 0 8px !important;
    background: #ffffff !important;
}

html body .vario-topbar-action-icon.ai-assistant,
html body .vario-topbar-action-icon.team-communication,
html[data-vario-theme] body .vario-topbar-action-icon.ai-assistant,
html[data-vario-theme] body .vario-topbar-action-icon.team-communication {
    color: #1263f1 !important;
}

html body .vario-topbar-action-icon.team-communication,
html[data-vario-theme] body .vario-topbar-action-icon.team-communication {
    color: #134f8c !important;
}

html body .vario-topbar-action-icon.ai-assistant .nav-icon,
html body .vario-topbar-action-icon.team-communication .nav-icon,
html[data-vario-theme] body .vario-topbar-action-icon.ai-assistant .nav-icon,
html[data-vario-theme] body .vario-topbar-action-icon.team-communication .nav-icon {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    color: currentColor !important;
}

html body .vario-topbar-action-icon.ai-assistant .nav-icon *,
html body .vario-topbar-action-icon.team-communication .nav-icon *,
html[data-vario-theme] body .vario-topbar-action-icon.ai-assistant .nav-icon *,
html[data-vario-theme] body .vario-topbar-action-icon.team-communication .nav-icon * {
    stroke: currentColor !important;
}