#braid-roi-calc .braid-roi-table { width: 80% !important; margin: 30px auto !important; border-collapse: collapse !important; border: 1px solid #e1e4e8 !important; border-radius: 12px !important; background-color: #ffffff !important; }
#braid-roi-calc .braid-roi-table tr th, #braid-roi-calc .braid-roi-table tr td { padding: 18px 12px !important; border: none !important; vertical-align: middle !important; }
#braid-roi-calc .braid-roi-table th { width: 60% !important; text-align: left !important; }
#braid-roi-calc .braid-roi-table td { width: 40% !important; text-align: right !important; }
#braid-roi-calc .braid-roi-label, #braid-roi-calc .braid-roi-result, #braid-roi-calc .braid-roi-input { font-size: 1.1rem !important; font-weight: 700 !important; line-height: 1.5 !important; }
#braid-roi-calc .braid-roi-input { width: 100% !important; text-align: right !important; padding: 10px 12px !important; border: 1px solid #e1e4e8 !important; border-radius: 6px !important; }
#braid-roi-calc .braid-roi-row--waste, #braid-roi-calc .braid-roi-row--waste * { color: #d9534f !important; }
#braid-roi-calc .braid-roi-row--hours-saved, #braid-roi-calc .braid-roi-row--hours-saved * { color: #28a745 !important; background-color: rgba(40, 167, 69, 0.05) !important; }
#braid-roi-calc .braid-roi-tooltip { position: relative !important; display: inline-flex !important; align-items: center; justify-content: center; width: 18px; height: 18px; background: #3e2e81 !important; color: #fff !important; border-radius: 50% !important; font-size: 12px !important; cursor: help !important; margin-left: 10px !important; }
#braid-roi-calc .braid-roi-tooltip::after { content: attr(aria-label) !important; position: absolute !important; display: none !important; bottom: 160% !important; left: 50% !important; transform: translateX(-50%) !important; background: #3e2e81 !important; color: #fff !important; padding: 12px 16px !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 400 !important; width: 260px !important; height: auto !important; white-space: normal !important; z-index: 999999 !important; box-shadow: 0 8px 24px rgba(0,0,0,0.2) !important; pointer-events: none !important; text-align: left !important; }
#braid-roi-calc .braid-roi-tooltip:hover::after { display: block !important; }
#braid-roi-calc .braid-roi-copy-btn, #braid-roi-calc .braid-roi-print-btn { background: #3e2e81 !important; color: #fff !important; padding: 12px 24px !important; border-radius: 6px !important; border: none !important; margin-left: 12px !important; cursor: pointer !important; font-weight: 700 !important; }
#braid-roi-calc .braid-roi-copy-btn:hover, #braid-roi-calc .braid-roi-print-btn:hover { background: #f7ce3b !important; color: #3e2e81 !important; }
.braid-roi .braid-roi-toast { opacity: 0; visibility: hidden; transform: translateY(-4px); transition: all .18s ease; pointer-events: none; margin-top: .35rem; font-size: 0.9rem; font-weight: 400; color: #3e2e81; }
.braid-roi .braid-roi-toast.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
@media screen and (max-width: 767px) { #braid-roi-calc .braid-roi-table { width: 100% !important; } #braid-roi-calc .braid-roi-tooltip::after { width: 220px !important; } }