/* TERM-FIN V5.0 customer effects: notice marquee + notification popup */
.tf-site-notice.tf-site-notice-marquee{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;overflow:hidden;margin:16px 18px 0;padding:0 13px;height:42px;border:1px solid #e5c56f;border-radius:14px;background:linear-gradient(90deg,#fff9e9,#fff4ca 48%,#fffaf0);box-shadow:0 8px 24px rgba(136,88,9,.07)}
.tf-site-notice-marquee>i{position:relative;z-index:2;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#c5860b,#f0c95b);color:#fff;box-shadow:0 5px 14px rgba(187,128,12,.22)}
.tf-site-notice-window{min-width:0;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.tf-site-notice-track{display:inline-block;min-width:max-content;padding-left:100%;font-size:12px;font-weight:800;color:#74500c;letter-spacing:.01em;animation:tfNoticeMarquee var(--tf-notice-duration,34s) linear infinite;will-change:transform}
.tf-site-notice-track b{font-weight:900;color:#a66b02}.tf-site-notice-track .tf-notice-spark{display:inline-block;margin:0 18px;color:#d5a522}
.tf-site-notice-marquee:hover .tf-site-notice-track{animation-play-state:paused}
@keyframes tfNoticeMarquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}

.tf-notification-modal[hidden]{display:none!important}.tf-notification-modal{position:fixed;inset:0;z-index:10080;display:grid;place-items:center;padding:20px}.tf-notification-backdrop{position:absolute;inset:0;border:0;background:rgba(35,22,7,.44);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:default}.tf-notification-sheet{position:relative;z-index:1;width:min(580px,100%);max-height:min(760px,88vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(205,160,54,.7);border-radius:28px;background:linear-gradient(180deg,#fffefb,#fff9ea);box-shadow:0 34px 90px rgba(48,30,5,.28),0 0 0 1px rgba(255,255,255,.65) inset;animation:tfNotifyIn .28s cubic-bezier(.2,.8,.2,1)}
.tf-notification-sheet:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#8f5c00,#f8d878,#b77808,#ffe8a4,#8f5c00);background-size:240% 100%;animation:tfGoldFlow 5s linear infinite}.tf-notification-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 17px;border-bottom:1px solid #f0dfb9;background:radial-gradient(circle at 18% 0,rgba(255,224,130,.38),transparent 42%)}
.tf-notification-title-wrap{display:flex;align-items:center;gap:13px}.tf-notification-title-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#b67303,#f2c44e);color:#fff;font-size:20px;box-shadow:0 10px 22px rgba(181,116,4,.22)}.tf-notification-title-wrap>div>span{display:block;color:#aa761d;font-size:9px;font-weight:900;letter-spacing:.14em}.tf-notification-title-wrap h2{margin:2px 0 1px;color:#2d1b07;font-size:22px}.tf-notification-title-wrap small{color:#917a5b;font-size:10px}.tf-notification-close{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ead6a7;border-radius:12px;background:#fffaf0;color:#76551f;cursor:pointer;transition:.18s}.tf-notification-close:hover{transform:rotate(6deg) scale(1.03);background:#fff3cc}
.tf-notification-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 22px;border-bottom:1px solid #f0e2c4;background:#fffbf3;color:#8a704b;font-size:10px}.tf-notification-summary span,.tf-notification-summary a{display:flex;align-items:center;gap:6px}.tf-notification-summary a{color:#a86d06;text-decoration:none;font-weight:850}.tf-notification-list{min-height:120px;overflow:auto;padding:13px;scrollbar-width:thin;scrollbar-color:#d6b66c transparent}.tf-notification-item{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:11px;margin-bottom:8px;padding:12px;border:1px solid #ecddbd;border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(91,60,11,.035);text-decoration:none;transition:.2s}.tf-notification-item:last-child{margin-bottom:0}.tf-notification-item:hover{transform:translateY(-2px);border-color:#dbb85f;box-shadow:0 11px 28px rgba(112,75,12,.09)}.tf-notification-item-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff2c9;color:#b67a0b;font-size:18px}.tf-notification-item.success .tf-notification-item-icon{background:#eaf8ef;color:#25864b}.tf-notification-item.danger .tf-notification-item-icon{background:#fff0f1;color:#b74754}.tf-notification-item-copy{min-width:0}.tf-notification-item-copy small,.tf-notification-item-copy b,.tf-notification-item-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-notification-item-copy small{color:#a18a69;font-size:8.5px}.tf-notification-item-copy b{margin-top:2px;color:#34220d;font-size:13px}.tf-notification-item-copy em{margin-top:2px;color:#806b4d;font-size:10px;font-style:normal}.tf-notification-item>i{color:#b9831c}.tf-notification-empty{display:grid;place-items:center;text-align:center;padding:38px 20px;color:#887253}.tf-notification-empty>i{font-size:35px;color:#c9972f}.tf-notification-empty b{margin-top:8px;color:#3b2912;font-size:15px}.tf-notification-empty span{margin-top:3px;font-size:10px}.tf-notification-foot{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 18px;border-top:1px solid #efdfbe;background:#fffaf0;color:#94794d;font-size:9px}.tf-notification-foot i{color:#2b8a50}.tf-notification-open{overflow:hidden}
.tf-notification-badge.tf-badge-cleared{display:none!important}
@keyframes tfNotifyIn{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:none}}@keyframes tfGoldFlow{to{background-position:240% 0}}
@media(max-width:640px){.tf-site-notice.tf-site-notice-marquee{height:38px;margin:10px 8px 0;grid-template-columns:26px minmax(0,1fr);padding:0 9px}.tf-site-notice-marquee>i{width:25px;height:25px;font-size:11px}.tf-site-notice-track{font-size:10.5px}.tf-notification-modal{align-items:end;padding:0}.tf-notification-sheet{width:100%;max-height:82vh;border-radius:24px 24px 0 0;animation:tfNotifyMobileIn .28s cubic-bezier(.2,.8,.2,1)}.tf-notification-head{padding:20px 17px 14px}.tf-notification-title-icon{width:42px;height:42px;border-radius:14px}.tf-notification-title-wrap h2{font-size:19px}.tf-notification-summary{padding:10px 16px}.tf-notification-list{padding:10px}.tf-notification-item{grid-template-columns:40px minmax(0,1fr) 15px;padding:10px}.tf-notification-item-icon{width:38px;height:38px}.tf-notification-item-copy b{font-size:12px}.tf-notification-item-copy em{font-size:9px}}@keyframes tfNotifyMobileIn{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.tf-site-notice-track,.tf-notification-sheet:before{animation:none!important}.tf-site-notice-track{padding-left:0}.tf-notification-sheet{animation:none!important}}
