.bkc-track-wrapper{
	background:linear-gradient(180deg,#150b3f 0%,#1c1050 100%) !important;
	border-radius:20px !important;
	padding:40px 34px !important;
	box-sizing:border-box !important;
}
.bkc-track-wrapper *{box-sizing:border-box !important;}
.bkc-track-widget{font-family:inherit;max-width:700px;margin:0 auto;}
.bkc-track-form-row{display:flex !important;gap:12px;flex-wrap:wrap;}
.bkc-track-input{
	flex:1;min-width:220px;padding:14px 18px;border-radius:100px;border:1px solid rgba(255,255,255,.25) !important;
	background:rgba(255,255,255,.08) !important;color:#fff !important;font-family:monospace;font-size:14px;outline:none;
	margin:0 !important;
}
.bkc-track-input::placeholder{color:rgba(255,255,255,.45) !important;}
.bkc-track-btn{
	background:#17c3b2 !important;color:#04322c !important;border:none !important;border-radius:100px !important;padding:14px 28px !important;
	font-weight:700;font-size:14px;cursor:pointer;margin:0 !important;
}
.bkc-track-btn:hover{background:#0e9a8c !important;color:#fff !important;}
.bkc-track-btn:disabled{opacity:.6;cursor:default;}

.bkc-track-message{margin-top:14px;font-size:13.5px;color:#ffb35c !important;}
.bkc-track-message.bkc-success{color:#5be0d3 !important;}

.bkc-track-result{
	margin-top:24px;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.15) !important;
	border-radius:16px !important;padding:24px 26px !important;color:#fff !important;position:relative;overflow:hidden;
}
.bkc-track-result *{color:#fff;}
.bkc-track-result .bkc-tr-head{display:flex !important;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px dashed rgba(255,255,255,.2);}
.bkc-track-result .bkc-tr-head b{font-size:16px;font-family:monospace;color:#fff !important;}
.bkc-track-status{display:inline-block !important;padding:5px 14px;border-radius:100px;background:#17c3b2 !important;color:#04322c !important;font-weight:700;font-size:12.5px;}
.bkc-tr-meta{display:flex !important;gap:26px;font-size:13px;color:rgba(255,255,255,.65) !important;margin-bottom:18px;flex-wrap:wrap;}
.bkc-tr-meta div{flex:0 0 auto;}
.bkc-tr-meta b{color:#fff !important;display:block;font-size:13.5px;}

.bkc-timeline{position:relative;padding-left:6px;}
.bkc-timeline-item{display:flex !important;gap:16px;padding-bottom:20px;position:relative;align-items:flex-start;}
.bkc-timeline-item:last-child{padding-bottom:0;}
.bkc-timeline-item::before{content:"";position:absolute;left:9px;top:22px;bottom:0;width:2px;background:rgba(255,255,255,.15);}
.bkc-timeline-item:last-child::before{display:none;}
.bkc-tl-dot{width:20px;height:20px;min-width:20px;border-radius:50%;background:#17c3b2 !important;flex-shrink:0;margin-top:1px;}
.bkc-tl-body{flex:1;}
.bkc-tl-body b{display:block;font-size:14px;color:#fff !important;}
.bkc-tl-body span{font-size:12px;color:rgba(255,255,255,.55) !important;}

.bkc-tr-customer{font-size:13px;color:#ffb35c !important;margin-top:4px;font-weight:600;}

.bkc-progress-wrap{margin:22px 0 26px;position:relative;padding-top:22px;}
.bkc-progress-track{position:relative;height:8px;background:rgba(255,255,255,.12) !important;border-radius:20px;overflow:visible;}
.bkc-progress-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,#17c3b2,#5be0d3) !important;transition:width 1.1s cubic-bezier(.16,.84,.44,1);}
.bkc-progress-plane{
	position:absolute;top:50%;transform:translate(-50%,-50%);
	font-size:16px;transition:left 1.1s cubic-bezier(.16,.84,.44,1);
	filter:drop-shadow(0 0 4px rgba(23,195,178,.8));
}
.bkc-progress-stages{display:flex !important;justify-content:space-between;margin-top:10px;flex-wrap:wrap;gap:4px;}
.bkc-progress-stages span{font-size:9.5px;color:rgba(255,255,255,.35) !important;text-transform:uppercase;letter-spacing:.04em;text-align:center;flex:1;}
.bkc-progress-stages span.bkc-stage-done{color:#5be0d3 !important;font-weight:700;}

.bkc-share-row{margin-top:22px;padding-top:18px;border-top:1px dashed rgba(255,255,255,.15);}
.bkc-share-btn{
	display:inline-flex !important;align-items:center;gap:8px;
	background:#25D366 !important;color:#04322c !important;font-weight:700;font-size:13px;
	padding:10px 18px;border-radius:100px;text-decoration:none !important;
}
.bkc-share-btn:hover{background:#1ebe5a !important;}

.bkc-confetti-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;}
