/* =====================================================================
   Giao diện riêng HOÀN NHANH (hoannhanh.click) — xanh lá + cam theo logo/banner.
   Nạp sau style.css để ghi đè. Chỉ áp cho site này.
   ===================================================================== */
:root {
    --primary: #16a34a;
    --primary-hover: #15803d;
    --primary-light: #86efac;
    --gradient-primary: linear-gradient(135deg, #22c55e 0%, #15803d 100%);
    --gradient-accent: linear-gradient(135deg, #16a34a 0%, #f7931e 100%);
    --banner-shadow: rgba(21, 128, 61, .32);
}

/* Nền trang trắng ngả xanh lá -> liền màu với viền banner */
body {
    background: #f1f9f2 linear-gradient(170deg, #eaf7ee 0%, #f6fbf4 50%, #fff6ea 100%) no-repeat fixed;
}

/* Ô nhập đang gõ */
.smart-input:focus { box-shadow: 0 0 0 4px rgba(22, 163, 74, .12); }

/* Nút TẠO LINK NGAY: xanh lá -> cam, giống nút trong banner */
.minimal-cta {
    background: linear-gradient(135deg, #16a34a, #f7931e, #16a34a);
    background-size: 200% 200%;
    box-shadow: 0 4px 12px rgba(22, 163, 74, .30);
}
.minimal-cta:hover:not(:disabled) { box-shadow: 0 8px 25px rgba(22, 163, 74, .45); }
@keyframes ctaPulse {
    0%, to { box-shadow: 0 4px 12px rgba(22, 163, 74, .30), 0 0 rgba(247, 147, 30, .6); transform: scale(1); }
    50% { box-shadow: 0 4px 18px rgba(22, 163, 74, .40), 0 0 0 10px rgba(247, 147, 30, 0); transform: scale(1.01); }
}
@keyframes ctaPulseHover {
    0%, to { box-shadow: 0 8px 25px rgba(22, 163, 74, .45), 0 0 rgba(247, 147, 30, .7); transform: translateY(-2px) scale(1.01); }
    50% { box-shadow: 0 10px 30px rgba(22, 163, 74, .55), 0 0 0 12px rgba(247, 147, 30, 0); transform: translateY(-2px) scale(1.02); }
}

/* Thẻ số dư trang tài khoản (dashboard.html) */
.dash-hero { box-shadow: 0 8px 24px rgba(22, 163, 74, .25); }

/* Các chỗ còn ghi cứng màu tím nhạt của giao diện gốc */
.step-icon-inline { background: rgba(22, 163, 74, .08); }
.step-item-inline:hover .step-icon-inline { background: rgba(22, 163, 74, .15); }
.install-notif-btn:hover:not(:disabled),
.order-more,
.main-nav a.active { background: #ecfdf3; }