.vat-calculator {margin:20px auto;border-radius:8px;background: #fff;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);padding:14px;border: 1px solid #E3E3E7;max-width: 880px;line-height:1.5em;}
.vat-wrap {display: flex;flex-wrap: wrap;}
.vat-col {position: relative;width: 100%;min-height: 1px;padding-bottom: 10px;}
.vat-flex{display:flex;flex-wrap: wrap;gap: 10px;}
.vat-primary{color: var(--primary-color);}
.vat-input {width:auto;font-size:16px;transition:border-color 0.3s;background-color:transparent;border:1px solid #E3E3E7;outline:none;height:48px;padding:0 16px;border-radius: 24px;font-family: inherit;}
.vat-input-group label {display: block;margin-bottom: 5px;font-weight: bold;color: var(--primary-color);}
.vat-input:focus {border-color: var(--primary-color);outline: none;}
.vat-radio-group,.vat-rates-group {margin-bottom: 20px;}
.vat-radio-group label,.vat-rates-group label {display:inline-flex;margin-right: 15px;margin-bottom: 10px;cursor: pointer;}
.vat-rates-header {position: relative;margin-bottom: 10px;display: flex;align-items: center;gap: 8px;}
.vat-rates-title {font-weight: bold;color: var(--primary-color);}
.vat-tooltip-icon {display: inline-flex;align-items: center;justify-content: center;width: 18px;height: 18px;background: var(--secondary-color);color: white;border-radius: 50%;font-size: 12px;font-weight: bold;cursor: help;transition: background 0.3s;position: relative;}
.vat-tooltip-icon:hover {background: var(--primary-color);}
.vat-tooltip-popup {position: absolute;background: white;border: 1px solid #ddd;border-radius: 6px;padding: 12px;box-shadow: 0 4px 12px rgba(0,0,0,0.15);z-index: 10000;max-width: 300px;font-size: 13px;line-height: 1.4;color: #333;}
.vat-results {padding:12px;background: #f4f4f6;border-radius: 4px;}
.vat-result-item {margin-bottom: 15px;padding: 12px;background: white;border-radius: 4px;border: 1px solid #eee;}
.vat-result-item strong {display: block;margin-bottom: 5px;color: var(--primary-color);}
.vat-result-item span {font-size: 18px;font-weight: bold;color: #333;}
.vat-text-amount {margin-top: 5px;font-size: 12px;color: #666;font-style: italic;border-top: 1px dashed #eee;padding-top: 5px;}
.vat-input-group {margin-bottom: 20px;}
.vat-calculator svg {width: 20px;}
.vat-col-12 {flex: 0 0 100%;max-width:100%;}

/* Кастомные радио кнопки */
.vat-radio-custom {display: flex;align-items: center;gap: 8px;cursor: pointer;margin-bottom: 10px;}
.vat-radio-custom input[type="radio"] {display: none;}
.vat-radio-icon {position: relative;width: 20px;height: 20px;flex-shrink: 0;}
.vat-radio-icon svg {transition: fill 0.3s;}
.vat-checked-icon {position: absolute;top: 0;left: 0;opacity: 0;fill: var(--secondary-color);transition: opacity 0.3s;}
.vat-radio-custom input[type="radio"]:checked ~ .vat-radio-icon .vat-checked-icon {opacity: 1;}
.vat-radio-custom input[type="radio"]:checked ~ .vat-radio-icon svg:first-child {fill: var(--primary-color);opacity: 0;}
.vat-calculator svg:not(.vat-checked-icon) {opacity: 0.3;}
.vat-radio-text {font-size: 14px;}
.vat-operation-group {display: flex;flex-direction: column;gap: 8px;}
.vat-rates-custom {display: grid;grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));gap: 8px;}

/* Стили для всплывающей подсказки */
.vat-tooltip-popup {bottom: 100%;left: 50%;transform: translateX(-50%) translateY(-8px);margin-bottom: 8px;background:#1b1638;color:#fff;}
.vat-tooltip-popup:after {content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border: 6px solid transparent;border-top-color: #1b1638;}

/* Стили для копирования в буфер */
.vat-result-content {position: relative;}
.vat-copyable {position:relative;cursor:pointer;transition:all 0.3s ease;padding: 4px 8px;border-radius: 4px;border: 1px solid transparent;display: inline-block;margin: 2px 0;}
.vat-copyable:hover {background-color: rgba(var(--primary-color-rgb, 0, 115, 170), 0.1);border-color: var(--primary-color, #0073aa);}
.vat-copyable:active {transform: scale(0.98);}
.vat-text-amount .vat-copyable {font-size: 12px;padding: 3px 6px;background-color: #f8f9fa;border: 1px dashed #dee2e6;}
.vat-text-amount .vat-copyable:hover {background-color: rgba(var(--secondary-color-rgb, 0, 160, 210), 0.1);border-color: var(--secondary-color, #00a0d2);}
.vat-copy-tooltip {position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);margin-bottom: 8px;padding: 6px 12px;background: var(--primary-color, #0073aa);color: white;border-radius: 4px;font-size: 12px;white-space: nowrap;z-index: 10001;animation: vatFadeInOut 2s ease-in-out;pointer-events: none;}
.vat-text-amount .vat-copy-tooltip {background: var(--secondary-color, #00a0d2);}
.vat-copy-tooltip:after {content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border: 4px solid transparent;border-top-color: var(--primary-color, #0073aa);}
.vat-text-amount .vat-copy-tooltip:after {border-top-color: var(--secondary-color, #00a0d2);}

@keyframes vatFadeInOut {
    0% { opacity: 0; transform: translateX(-50%) translateY(10px); }
    20% { opacity: 1; transform: translateX(-50%) translateY(0); }
    80% { opacity: 1; transform: translateX(-50%) translateY(0); }
    100% { opacity: 0; transform: translateX(-50%) translateY(-10px); }
}
.vat-result-item span:not(.vat-copyable) {user-select: none;}
.vat-result-content {display: flex;flex-direction: column;gap: 4px;}
.vat-text-amount {margin-top: 0;border-top: none;padding-top: 0;}



@media (min-width: 768px) {
    .vat-col-md-6 {flex: 0 0 50%;max-width: 50%;}
}

@media (min-width: 1024px) {
    .vat-calculator {padding:32px;}
    .vat-results {padding:20px;}
	.vat-rates-custom {display: block;}
	.vat-flex {flex-wrap: nowrap;}
    .vat-col-lg-7 {flex: 0 0 58.333333333333336%;max-width: 58.333333333333336%;}
    .vat-col-lg-5 {flex: 0 0 41.66666666666667%;max-width: 41.66666666666667%;}
}