.gth-tip-calculator .gth-tip-message {
    padding: var(--gth-space-3);
    background: var(--gth-info-light);
    border-radius: var(--gth-radius-md);
    font-size: var(--gth-text-sm);
    color: var(--gth-info);
    margin-bottom: var(--gth-space-4);
}

.gth-tip-calculator .gth-input-prefix {
    position: relative;
    display: flex;
    align-items: center;
}

.gth-tip-calculator .gth-prefix {
    position: absolute;
    left: 12px;
    color: var(--gth-text-secondary);
}

.gth-tip-calculator .gth-input-prefix .gth-input {
    padding-left: 28px;
}

.gth-tip-calculator .gth-tip-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gth-space-2);
    margin-bottom: var(--gth-space-2);
}

.gth-tip-calculator .gth-tip-btn {
    flex: 1;
    min-width: 60px;
    padding: var(--gth-space-2) var(--gth-space-3);
    font-size: var(--gth-text-sm);
    font-weight: var(--gth-font-medium);
    color: var(--gth-text-primary);
    background: var(--gth-gray-100);
    border: 2px solid transparent;
    border-radius: var(--gth-radius-md);
    cursor: pointer;
    transition: all var(--gth-duration-normal);
}

.gth-tip-calculator .gth-tip-btn:hover {
    background: var(--gth-primary-subtle);
}

.gth-tip-calculator .gth-tip-btn.active {
    background: var(--gth-primary-subtle);
    border-color: var(--gth-primary);
    color: var(--gth-primary);
}

.gth-tip-calculator .gth-custom-tip {
    margin-top: var(--gth-space-2);
}

.gth-tip-calculator .gth-split-control {
    display: flex;
    align-items: center;
    gap: var(--gth-space-2);
}

.gth-tip-calculator .gth-split-btn {
    width: 44px;
    height: 44px;
    font-size: var(--gth-text-xl);
    font-weight: var(--gth-font-bold);
    color: var(--gth-primary);
    background: var(--gth-primary-subtle);
    border: none;
    border-radius: var(--gth-radius-md);
    cursor: pointer;
    transition: all var(--gth-duration-normal);
}

.gth-tip-calculator .gth-split-btn:hover {
    background: var(--gth-primary-light);
}

.gth-tip-calculator .gth-split-input {
    width: 60px;
    text-align: center;
}

.gth-tip-calculator .gth-split-label {
    color: var(--gth-text-secondary);
    font-size: var(--gth-text-sm);
}

.gth-tip-calculator .gth-result-card-highlight {
    background: var(--gth-primary);
    border-color: var(--gth-primary);
}

.gth-tip-calculator .gth-result-card-highlight .gth-result-card-label,
.gth-tip-calculator .gth-result-card-highlight .gth-result-card-value {
    color: white;
}