:root { --primary-color: #2a7f62; --light-gray-color: #f7f9fc; --border-color: #dfe6ee; }
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
.wrap .mdp11-form .row { display: flex; align-items: center; gap: 15px; margin-bottom: 18px; }
.wrap .mdp11-form .row label { flex: 0 0 100px; font-weight: 600; text-align: right; color: #2c3338; }
.wrap .mdp11-form .row input[type="date"], .wrap .mdp11-form .row input[type="text"], .wrap .mdp11-form .row input[type="number"], .wrap .mdp11-form .row select, .wrap .mdp11-form .row textarea { flex-grow: 1; padding: 10px 12px; border-radius: 4px; border: 1px solid #8c8f94; box-sizing: border-box; min-width: 150px; }
.wrap .mdp11-form .actions { padding-left: 115px; margin-top: 20px; }
.mdp11-card { max-width: 800px; margin: 50px auto; padding: 35px; background: #ffffff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); border: 1px solid var(--border-color); }
.mdp11-card h3 { text-align: center; font-size: 26px; margin-bottom: 30px; font-weight: 600; }
.contact-buttons { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 8px; }
.contact-buttons a { display: inline-block; padding: 6px 12px; text-decoration: none; border-radius: 6px; color: #fff !important; font-size: 13px; }
.button-call { background-color: #34a853; } .button-sms { background-color: #4285f4; } .button-whatsapp { background-color: #25d366; }
.mdp11-card table.widefat, .wrap table.widefat { display: block !important; overflow-x: auto !important; white-space: nowrap !important; }
#mdp-quick-entry-form .quick-entry-header { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 20px; }
.mdp-quick-search-wrapper { margin-bottom: 20px; max-width: 400px; }
.mdp-image-uploader { display: flex; align-items: center; gap: 10px; flex-grow: 1;}
.mdp-image-preview, .mdp-list-image, .mdp-no-image-placeholder { width: 60px; height: 60px; border: 1px solid #ddd; border-radius: 4px; object-fit: cover; background-color: #f0f0f0; display: inline-block; vertical-align: middle; }
.mdp-no-image-placeholder::after { content: "No Img"; display: flex; align-items: center; justify-content: center; height: 100%; font-size: 12px; color: #888; }
.mdp-image-buttons { display: flex; flex-direction: column; gap: 5px; }
.widefat td ul { margin: 0; padding-left: 18px; }
.widefat td li { font-size: 0.9em; list-style-type: disc; }
#mdp-variations-wrapper { display: flex; flex-direction: column; gap: 15px; }
.mdp-variation-row { display: flex; gap: 10px; align-items: center; background: #fdfdfd; border: 1px solid #e0e0e0; padding: 15px; border-radius: 4px; flex-wrap: wrap;}
.mdp-variation-row input { margin: 0 !important; min-width: 100px; flex: 1; }
.mdp-variation-row .mdp-remove-variation-btn { margin-left: auto; color: #a00 !important; text-decoration: none; border: none; background: none; cursor: pointer; }
.mdp-receipt { max-width: 800px; margin: 20px auto; padding: 30px; background: #fff; border: 1px solid #dfe6ee; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
.mdp-receipt-actions { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ccc; display: flex; gap: 10px; }
.receipt-header { text-align: center; margin-bottom: 30px; }
.receipt-header h2 { margin: 0; } .receipt-header p { margin: 5px 0; font-size: 1.1em; }
.receipt-section { margin-bottom: 30px; } .receipt-section h3 { margin-top: 0; border-bottom: 1px solid #333; padding-bottom: 5px; }
.receipt-summary { margin-top: 30px; padding-top: 20px; border-top: 2px solid #333; }
.receipt-summary p { display: flex; justify-content: space-between; font-size: 1.1em; margin: 8px 0; }
.receipt-summary p.net-payable { font-size: 1.4em; font-weight: bold; margin-top: 15px; border-top: 1px dashed #ccc; padding-top: 15px; }
@media print {
    body, .wrap { background: #fff !important; }
    #wpadminbar, #adminmenumain, .wrap > h1:not(.receipt-header h2), .wrap > p:not(.receipt-header p), .mdp-receipt-actions, .notice, #wpfooter, .wp-heading-inline+.page-title-action, #col-left { display: none !important; }
    .wrap, #wpcontent, #wpbody-content { margin: 0 !important; padding: 0 !important; }
    #col-container { padding: 0 !important; } #col-right { float: none !important; width: 100% !important; }
    .mdp-receipt { box-shadow: none !important; border: none !important; margin: 0 !important; padding: 0 !important; max-width: 100%; }
    a { text-decoration: none; color: #000; }
}