/* YOLKA_WORKING_OVERLAY_VUCEM_V1 */

#yolkaGlobalWorkingOverlay{
  position:fixed;
  inset:0;
  z-index:2147483646;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  box-sizing:border-box;

  background:rgba(15,23,42,.72);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);

  cursor:wait;
  touch-action:none;
  user-select:none;
}

#yolkaGlobalWorkingOverlay.show{
  display:flex;
}

#yolkaGlobalWorkingOverlay .yolka-working-card{
  position:relative;
  width:min(560px,calc(100vw - 40px));
  box-sizing:border-box;

  padding:28px 30px 26px;

  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;

  background:#111111;
  color:#ffffff;

  box-shadow:
    0 28px 80px rgba(0,0,0,.45),
    0 3px 12px rgba(0,0,0,.35);

  text-align:left;
}

#yolkaGlobalWorkingOverlay[data-tone="success"]
.yolka-working-card{
  border-color:#22c55e;
}

#yolkaGlobalWorkingOverlay[data-tone="error"]
.yolka-working-card{
  border-color:#ef4444;
}

#yolkaGlobalWorkingOverlay[data-tone="waiting"]
.yolka-working-card{
  border-color:#f59e0b;
}

.yolka-working-eyebrow{
  margin-bottom:8px;

  font-family:Arial,sans-serif;
  font-size:13px;
  line-height:1.2;
  font-weight:800;

  letter-spacing:.04em;
  color:#cbd5e1;
}

.yolka-working-main{
  display:flex;
  align-items:center;
  gap:15px;
}

.yolka-working-spinner{
  flex:0 0 auto;

  width:34px;
  height:34px;

  border:4px solid rgba(255,255,255,.20);
  border-top-color:#ffffff;
  border-radius:50%;

  animation:yolkaWorkingSpin .75s linear infinite;
}

#yolkaGlobalWorkingOverlay:not([data-tone="working"])
.yolka-working-spinner{
  display:none;
}

.yolka-working-result-icon{
  display:none;

  width:36px;
  height:36px;

  flex:0 0 36px;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  font-family:Arial,sans-serif;
  font-size:23px;
  font-weight:900;
}

#yolkaGlobalWorkingOverlay[data-tone="success"]
.yolka-working-result-icon{
  display:flex;
  background:#14532d;
  color:#86efac;
}

#yolkaGlobalWorkingOverlay[data-tone="success"]
.yolka-working-result-icon::before{
  content:"✓";
}

#yolkaGlobalWorkingOverlay[data-tone="error"]
.yolka-working-result-icon{
  display:flex;
  background:#7f1d1d;
  color:#fecaca;
}

#yolkaGlobalWorkingOverlay[data-tone="error"]
.yolka-working-result-icon::before{
  content:"!";
}

#yolkaGlobalWorkingOverlay[data-tone="waiting"]
.yolka-working-result-icon{
  display:flex;
  background:#78350f;
  color:#fde68a;
}

#yolkaGlobalWorkingOverlay[data-tone="waiting"]
.yolka-working-result-icon::before{
  content:"…";
}

.yolka-working-title{
  margin:0;

  font-family:Arial,sans-serif;
  font-size:28px;
  line-height:1.08;
  font-weight:900;

  letter-spacing:.01em;
  color:#ffffff;
}

.yolka-working-detail{
  margin-top:11px;

  font-family:Arial,sans-serif;
  font-size:14px;
  line-height:1.45;
  font-weight:700;

  color:#f1f5f9;
  white-space:pre-line;
}

.yolka-working-meta{
  display:none;

  margin-top:18px;
  padding:13px 15px;

  border:1px solid #334155;
  border-radius:10px;

  background:#171717;

  font-family:Consolas,monospace;
  font-size:13px;
  line-height:1.55;

  color:#e2e8f0;
  white-space:pre-line;
}

.yolka-working-meta:not(:empty){
  display:block;
}

.yolka-working-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;

  margin-top:20px;
}

.yolka-working-wait{
  font-family:Arial,sans-serif;
  font-size:12px;
  line-height:1.3;
  font-weight:700;

  color:#a8a8a8;
}

.yolka-working-close{
  display:none;

  min-height:38px;
  padding:8px 18px;

  border:1px solid #475569;
  border-radius:9px;

  background:#ffffff;
  color:#111827;

  font-family:Arial,sans-serif;
  font-size:12px;
  font-weight:900;

  cursor:pointer;
}

#yolkaGlobalWorkingOverlay:not([data-tone="working"])
.yolka-working-close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

html.yolka-global-working-lock,
body.yolka-global-working-lock{
  overflow:hidden !important;
}

@keyframes yolkaWorkingSpin{
  to{
    transform:rotate(360deg);
  }
}

@media(max-width:700px){

  #yolkaGlobalWorkingOverlay{
    padding:14px;
  }

  #yolkaGlobalWorkingOverlay .yolka-working-card{
    width:100%;
    padding:23px 21px;
  }

  .yolka-working-title{
    font-size:23px;
  }
}