/* Tamiyouz Join Us — CV/THRS real upload progress display (2026-10-23).
   Percentage is the browser -> THRS multipart upload, NOT Google Drive sync. */
body.joinus-v2-page #joinusCvTransfer[hidden] {display:none!important}
body.joinus-v2-page .joinus-upload-progress {
  position:relative;
  width:100%;
  margin:18px 0 8px;
  padding:20px 22px 16px;
  border-radius:18px;
  border:1px solid rgba(225,185,108,.38);
  color:#eef5fc;
  background:
    radial-gradient(ellipse at 93% 0%,rgba(219,164,84,.13),transparent 42%),
    linear-gradient(135deg,rgba(16,43,69,.97),rgba(9,29,49,.98));
  box-shadow:inset 0 1px 0 rgba(255,243,204,.07),0 16px 40px rgba(0,0,0,.13);
  overflow:hidden;
  animation:joinus-transfer-in .4s cubic-bezier(.18,.82,.25,1) both;
}
body.joinus-v2-page .joinus-upload-progress::before {
  content:"";position:absolute;inset:0 0 auto;height:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#b9904c,#f5d997,#fff0c3,transparent);
}
body.joinus-v2-page .joinus-upload-progress-header {
  display:flex;align-items:center;justify-content:space-between;
  gap:15px;margin-bottom:14px;
}
body.joinus-v2-page .joinus-upload-progress-title {
  display:inline-flex;align-items:center;gap:11px;
  font:900 14px/1.6 Cairo,Arial,sans-serif;color:#eef6ff;
}
body.joinus-v2-page .joinus-upload-pulse {
  position:relative;display:block;flex:0 0 12px;
  width:12px;height:12px;border-radius:50%;
  background:#f1c77b;box-shadow:0 0 0 5px rgba(241,199,123,.1);
}
body.joinus-v2-page .joinus-upload-progress-percent {
  flex:0 0 auto;font:800 24px/1.2 Arial,sans-serif;
  color:#f5d78e;letter-spacing:-.5px;
  font-variant-numeric:tabular-nums;
}
body.joinus-v2-page .joinus-upload-progress-track {
  display:block;position:relative;overflow:hidden;
  width:100%;height:12px;border-radius:99px;
  border:1px solid rgba(192,216,234,.08);
  background:#0b1e34;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.35);
}
body.joinus-v2-page .joinus-upload-progress-track>span {
  position:relative;display:block;width:0;height:100%;border-radius:99px;
  background:linear-gradient(90deg,#af783f,#edbd68,#ffe4a8);
  box-shadow:0 0 15px rgba(245,201,126,.5);
  transition:width .25s ease-out;
}
body.joinus-v2-page .joinus-upload-progress-track>span::after {
  content:"";position:absolute;inset:0;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.32),transparent);
  background-size:150px 100%;
  animation:joinus-transfer-shimmer 1.5s linear infinite;
}
body.joinus-v2-page .joinus-upload-progress-info {
  margin-top:13px;display:flex;gap:12px;align-items:flex-start;
  justify-content:space-between;color:#bdd0e0;
  font:700 12px/1.9 Cairo,Arial,sans-serif;
}
body.joinus-v2-page .joinus-upload-progress-bytes{
  flex:0 0 auto;direction:ltr;color:#f1d18d;
  font:700 11px/1.8 Arial,sans-serif;
}
body.joinus-v2-page .joinus-upload-progress-note {
  color:#839fb8;font:600 11px/1.9 Cairo,Arial,sans-serif;
  padding-top:13px;margin:13px 0 0;
  border-top:1px solid rgba(212,190,151,.15);
}
body.joinus-v2-page .joinus-upload-progress[data-state="uploading"] .joinus-upload-pulse,
body.joinus-v2-page .joinus-upload-progress[data-state="processing"] .joinus-upload-pulse {
  animation:joinus-transfer-pulse 2.1s ease-in-out infinite;
}
body.joinus-v2-page .joinus-upload-progress[data-state="processing"] .joinus-upload-progress-track>span {
  background:linear-gradient(90deg,#688fba,#9ac5eb,#cee4ff);
}
body.joinus-v2-page .joinus-upload-progress[data-state="processing"] .joinus-upload-progress-percent{
  color:#b9dfff;
}
body.joinus-v2-page .joinus-upload-progress[data-state="success"] {
  border-color:rgba(107,211,153,.5);
  background:linear-gradient(135deg,rgba(14,60,58,.95),rgba(10,40,51,.98));
}
body.joinus-v2-page .joinus-upload-progress[data-state="success"] .joinus-upload-progress-track>span {
  background:linear-gradient(90deg,#257e65,#52c695,#9be9b8);
}
body.joinus-v2-page .joinus-upload-progress[data-state="success"] .joinus-upload-pulse{
  background:#71ddb0;box-shadow:0 0 0 5px rgba(109,220,168,.1);
}
body.joinus-v2-page .joinus-upload-progress[data-state="success"] .joinus-upload-progress-percent{
  color:#a6eec9;
}
body.joinus-v2-page .joinus-upload-progress[data-state="error"]{
  border-color:rgba(228,120,116,.53);
}
body.joinus-v2-page .joinus-upload-progress[data-state="error"] .joinus-upload-progress-percent{
  color:#ffb0a8;
}
body.joinus-v2-page .joinus-upload-progress[data-state="error"] .joinus-upload-pulse{
  background:#e9857c;box-shadow:0 0 0 5px rgba(233,128,124,.1);
}
body.joinus-v2-page .joinus-upload-progress.is-indeterminate .joinus-upload-progress-track>span{
  width:34%!important;animation:joinus-transfer-unknown 1.65s ease-in-out infinite;
}
@keyframes joinus-transfer-in{
  from{opacity:.25;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}
}
@keyframes joinus-transfer-shimmer{
  from{background-position:-150px 0}to{background-position:320px 0}
}
@keyframes joinus-transfer-pulse{
  0%,100%{box-shadow:0 0 0 4px rgba(241,199,123,.1)}
  50%{box-shadow:0 0 0 9px rgba(241,199,123,.02)}
}
@keyframes joinus-transfer-unknown {
  from{transform:translateX(300%)}to{transform:translateX(-300%)}
}
@media(max-width:780px){
  body.joinus-v2-page .joinus-upload-progress{
    padding:16px 14px 13px;border-radius:15px;
  }
  body.joinus-v2-page .joinus-upload-progress-percent{font-size:22px}
  body.joinus-v2-page .joinus-upload-progress-info{flex-wrap:wrap;gap:4px}
  body.joinus-v2-page .joinus-upload-progress-track{height:11px}
}
@media(prefers-reduced-motion:reduce){
  body.joinus-v2-page .joinus-upload-progress,
  body.joinus-v2-page .joinus-upload-progress * ,
  body.joinus-v2-page .joinus-upload-progress *::after{
    animation:none!important;transition:none!important;
  }
  body.joinus-v2-page .joinus-upload-progress.is-indeterminate .joinus-upload-progress-track>span{
    width:100%!important;transform:none!important;
  }
}